@charset "utf-8"; 



/* 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{font-family: 'AliceDigitalLearning'; width:1400rem; margin:0 auto; text-align:center; }
#main_visual .roll_img{z-index:-1; position:absolute; left:0; top:0; width:100%;height:100%; background-size:cover; background-position:50%;  animation: imagescale 5s; -webkit-animation: imagescale 5s; -moz-animation: imagescale 5s; -o-webkit-animation: imagescale 5s;}
#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 h2{line-height:1.2;  font-size:35rem; letter-spacing:-1px; font-weight: 600;}
#main_visual p{line-height:1.4; font-size:20rem;  color:#fff; font-weight: 100; letter-spacing:5px; margin:400rem 0 20rem 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.2)  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-facilities__inner{width:100%; padding-left:30rem;}
	
	#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 .roll_txt{width:80%;}
}

@media (max-width:1023px) {
	#main_visual{margin-top:80rem;}
	#main_visual h2{font-size:18rem; padding:5rem 0;}
	#main_visual h2 b{font-size:20rem}

}


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

}

@media (max-width:540px) {
	#main_visual{height:300rem}
	#main_visual .roll{padding-top:0}
	#main_visual h2{font-size:16rem; }
	#main_visual p{margin:120rem 0 0rem; font-size:11rem; letter-spacing:3rem;}
	#main_visual .btn_more{margin-top:25rem}
	
}


/*.overlay {  z-index: 10;  position: fixed;  width: 100%; height: 100%;  left: 0; top: 0;  background-color: rgba(0,0,0, 0.2);  overflow-x: hidden;}*/


#quickMenu{width:100%; height:auto; padding:45px 0; background:#f5f5f5;}
#quickMenu .inBox{display:flex; justify-content:space-between; align-items:center; width:calc(100% - 50px); height:auto; max-width:1250px; margin:0 auto;}
#quickMenu .inBox .quickText{display:inline-block; flex-shrink:0; text-align:left; margin-right:30px; color:#000;}
#quickMenu .inBox .quickText span{font-size:25rem; font-weight:600; letter-spacing:-0.05em; line-height:1;}
#quickMenu .inBox .quickText p{font-family: 'NanumSquareNeo'; font-size:25rem; color:#0081e9; font-weight:900; letter-spacing:-0.05em; line-height:36px; margin-top:10px;}
#quickMenu .inBox .quickMenu{display:inline-flex; flex-wrap:wrap; flex-grow:1; align-items:center; align-content:flex-start; margin-bottom:-20px; overflow:hidden;}
#quickMenu .inBox .quickMenu a{display:inline-flex; flex-wrap:wrap; justify-content:center; align-content:center; width:130px; height:130px; box-sizing:border-box; border-radius:20px; text-align:center; margin:0 10px 20px 10px;}
#quickMenu .inBox .quickMenu a .icon{display:inline-block; width:70rem; height:70rem; position:relative; overflow:hidden;}
#quickMenu .inBox .quickMenu a .icon img.base{display:block; position:absolute; top:0; left:0; opacity:1; transition:opacity 0.3s linear;}
#quickMenu .inBox .quickMenu a p{width:100%; height:auto; font-size:18rem; font-weight:500; letter-spacing:-0.05em; line-height:1; color:#000; margin-top:20px;}
#quickMenu .inBox .quickMenu a:hover{background:#40c7ff;}
#quickMenu .inBox .quickMenu a:hover .icon img.base{}
#quickMenu .inBox .quickMenu a:hover p{color:#fff;}