@charset "utf-8"; 


/* main
------------------------------------------------------ */
.wrap{position:relative; }

.full_nav{position:fixed; top: 50%; right: 0; width: 100px; text-align: center; z-index: 105; transform:translateY(-50%); }
.full_nav > ul{position:relative; }
.full_nav > ul > li{}
.full_nav > ul > li p{position:absolute; top: -75px; left: 0; width: 100%; text-align: right; display:inline-block; text-transform: uppercase; font-weight:100; font-size:10px; letter-spacing:0.02em; color: #fff; transform:rotate(90deg);}
.full_nav > ul > li > ul{margin-top: 30px;}
.full_nav > ul > li > ul > li{width: 6px; height: 6px; background: #ddd; vertical-align: top; transition:0.5s; margin: 0 auto 26px; cursor: pointer; border-radius:50%}
.full_nav > ul > li > ul > li:last-of-type{margin-bottom:0;}
.full_nav > ul > li > ul > li p{font-size:0; overflow: hidden;}
.full_nav > ul > li > ul > li.on{width: 16px; height: 16px; box-sizing:border-box; border:1px solid #ddd; background: transparent; border-radius:50%}

.full_down{position:fixed; width: 100px; height: 100px; bottom: 0; right: 0; text-align: center; cursor: pointer; z-index: 10;}
.full_down i{color: #fff; text-align: center; line-height: 100px; font-size:20px;}

.top_btn{display:none; width: 100px; height: 100px; position:fixed; bottom: 0; right: 0; text-align: center; cursor: pointer; z-index: 10;}
.top_btn .p50{display:flex; flex-direction:column; justify-content:center; align-items:center; height: 100px;}
.top_btn i{color: #fff;}
.top_btn p{color: #fff; font-weight:bold; font-size:12px; margin-top: 5px;}

/* main visual */
#main_visual{ overflow:hidden; position:relative; z-index:1; height:calc(1000rem); color:#fff; text-align:center;}
#main_visual .bx-wrapper{height:100%; margin-bottom:0; background:transparent; border:0; box-shadow:none;}
#main_visual .bx-viewport{height:100% !important;}
#main_visual .slider{height:100%;}
#main_visual .roll{}
#main_visual .roll_txt{  width:1400rem; margin:0 auto; text-align:left; }
#main_visual .roll_img{z-index:-1; position:absolute; left:0; top:0; width:100%;height:100%; background-size:cover; animation: imagescale 6s infinite; -webkit-animation: imagescale 6s infinite; -moz-animation: imagescale 6s infinite; -o-webkit-animation: imagescale 6s infinite;}
#main_visual .roll01{background-image:url(../img/main/visual01.jpg);}
#main_visual .roll02{background-image:url(../img/main/visual02.jpg);}
#main_visual .roll03{background-image:url(../img/main/visual03.jpg);}
#main_visual .roll04{background-image:url(../img/main/visual04.jpg);}
#main_visual .roll{height:100%;}
#main_visual span{display:block; margin:370rem 0 0 0;  font-weight:800; font-size:20rem; color:rgba(255,255,255,0.6);; overflow: hidden;  line-height: 1.2em; animation:down 1.5s .5s forwards; opacity:0}
#main_visual h2{ font-weight:800; font-size:50rem; color: #fff; overflow: hidden;  line-height: 1.2em; animation:down 1.5s .5s forwards; opacity:0}
#main_visual p{ text-transform: uppercase;font-weight:800; line-height:1.4; color:#fff; font-size:30rem; letter-spacing:-.5px; text-transform:uppercase; animation:down 1.5s .5s forwards; opacity:0}
#main_visual .btn_more{margin-top:50rem}
#main_visual .roll_txt2{display:inline-block; margin-right:80rem; text-align:left;}
#main_visual .bx-controls{ z-index:100; width:100%; text-align:center;}
#main_visual .bx-controls-direction{}
#main_visual .bx-pager{display:inline-block; vertical-align:middle;}
#main_visual .bx-pager > div{display:inline-block;}
#main_visual .bx-pager a{display:inline-block; width:12rem; height:12rem; margin:0 5rem; border:2px solid #fff; font-size:0; text-indent:-9000px; border-radius:50%;}
#main_visual .bx-pager a.active{background:#fff;}
#main_visual .bx-controls-auto{display:inline-block; vertical-align:middle;}
#main_visual .bx-controls-auto > div{display:inline-block;}
#main_visual .bx-controls-auto a{display:inline-block; width:20px; height:20px; margin:0 5px; background-position:center; font-size:0; color:#fff; text-indent:-9000px; background-repeat:no-repeat;}
#main_visual .bx-controls-auto a.bx-start{background-image:url(../img/btn_play.png);}
#main_visual .bx-controls-auto a.bx-stop{background-image:url(../img/btn_pause.png);}
#main_visual .bx-controls-auto a.active{display:none;}

/* 이전다음버튼일때 */
#main_visual .bx-default-pager{display:none; position: absolute; left:0; width: 100%;bottom:30rem;z-index: 60;}
#main_visual .bx-controls-direction{position: absolute; left:0; width: 100%;top:48%;z-index: 60;}
#main_visual .bx-controls-direction a.bx-prev:After{transform:rotate(180deg); -webkit-transform:rotate(180deg);}
#main_visual .bx-controls-direction a:hover{}
#main_visual .bx-controls-direction a{display:block; position:absolute; overflow:hidden; width:28rem; height:46rem; text-indent:-9999px; transition:all 0.2s ease-out 0s;}
#main_visual .bx-controls-direction a:after{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../img/layout/icon_btn_arrow.svg) no-repeat 50% 50%;}
#main_visual .bx-controls-direction a.bx-next{right:100rem;}
#main_visual .bx-controls-direction a.bx-prev{left:100rem;}

@keyframes imagescale {
  0% {
    transform: scale(1.1)  rotate(.001deg);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
  }

  100% {
    transform: scale(1)  rotate(.001deg);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
  }
}

@media (max-width:1700px){

	#main_visual .bx-controls-direction a.bx-prev{left:20rem;}
	#main_visual .bx-controls-direction a.bx-next{right:20rem;}
}

@media (max-width:1480px){
	#main_visual{height:1000rem;}
	#main_visual .roll_img{    background-position: 50%;}
}

@media (max-width:1023px) {
	#main_visual{margin-top:80rem; height:700rem; }
	#main_visual h2{font-size:40rem}
	#main_visual .roll_txt {width:100%; text-align:center;}


}


@media (max-width:860px){
	
	#main_visual .bx-default-pager{display:none;}
	#main_visual .bx-controls-direction{display:none;}



}

@media (max-width:540px) {
	#main_visual{margin-top:80rem; height:400rem}
	#main_visual .roll{padding-top:0}
	#main_visual span{margin:220rem 0 0 0; font-size:12rem}
	#main_visual p{font-size:15rem}
	#main_visual h2{font-size:25rem}
	#main_visual .btn_more{margin-top:25rem}

	


}

.mv{position:relative;}
.mv .slide_wrap{position:relative;}
.mv .slide_wrap .slide_ctn{}
.mv .slide_wrap .slide_ctn .item{width: 100%; height: 100vh; min-height: 600px; animation: imagescale 5s infinite; -webkit-animation: imagescale 5s infinite; -moz-animation: imagescale 5s infinite; -o-webkit-animation: imagescale 5s infinite;}
.mv .slide_wrap .slide_ctn .item .bg{background:url(../img/main/visual01.jpg) 50% 50% no-repeat; background-size:cover; height: 100vh; min-height: 600px; }
.mv .slide_wrap .slide_ctn .item .bg02{background:url(../img/main/visual02.jpg) 50% 50% no-repeat; background-size:cover;}
.mv .slide_wrap .slide_ctn .item .bg03{background:url(../img/main/visual03.jpg) 50% 50% no-repeat; background-size:cover;}

.mv .slide_wrap .slide_txt{position:absolute; top: 50%; left: 0; box-sizing:border-box; width: 100%; }
.mv .slide_wrap .slide_txt .item{display: flex; align-items: center; justify-content: center;  }

.mv .slide_wrap .slide_txt .item p{font-size:25px; font-weight:600; color: #fff; margin-top: 26px; animation:up 1.5s .8s forwards; opacity:0}
.mv .slide_wrap .slide_txt .item h2{font-weight:600; font-size:50rem; color: #fff; overflow: hidden;  line-height: 1.2em; animation:down 1.5s .5s forwards; opacity:0}

.mv .slide_wrap .slide_ui{position:absolute; bottom: 0; left: 50%; width: 100%; max-width: 1500px; transform:translateX(-50%);}
.mv .slide_wrap .slide_ui .chk_progress{display:flex; flex-wrap:wrap; position:relative;width: 100%; height: 10px;}
.mv .slide_wrap .slide_ui .chk_progress::after{content:''; position:absolute; top: 0; left: 0; width: 100%; height: 100%; background: #1b1464; opacity: 0.2;}
.mv .slide_wrap .slide_ui .chk_progress .item{position: relative; top: 0; left: 0; width: 33.33%; height: 100%;}
.mv .slide_wrap .slide_ui .chk_progress .item .txt{text-align: right; position: relative; margin-top: -28px;}
.mv .slide_wrap .slide_ui .chk_progress .item .txt p{font-weight:300; font-size:12px; color: #fff; opacity: 0.3; transition:0.2s;}
.mv .slide_wrap .slide_ui .chk_progress .item .bar{position:absolute; top: 0; left: 0; width: 0; height: 100%; background: #1b1464;}


@media screen and (max-width: 1800px){
	.mv .slide_wrap .slide_ui{margin: 0 120px; left: 0; max-width: none; width: calc(100% - 240px); transform:translateX(0);}
}

@media screen and (max-width: 1500px){
	.mv .slide_wrap .slide_txt{}	
	.mv .slide_wrap .slide_ui{margin: 0 120px 0 40px; width: calc(100% - 160px);}
	
}

@media screen and (max-width: 1200px){
	.mv .slide_wrap .slide_ui{width: 100%; margin: 0; padding: 0 16px; box-sizing:border-box;}
	.mv .slide_wrap .slide_ctn .item .bg{margin-right: 0; }
}

@media screen and (max-width: 1023px){
	.mv .slide_wrap .slide_ctn .item{height: 88vh;}
	.mv .slide_wrap .slide_txt .item{ margin-top: 46px;}
	.mv .slide_wrap .slide_txt .item h2{font-size:50px;}
	.mv .slide_wrap .slide_txt .item p{font-size:20px; margin-top:16px;}
}

@media screen and (max-width: 600px){
	.mv .slide_wrap .slide_txt .item h2{font-size:30rem;}
}