@charset "utf-8";
/* *******************************************************
 * filename : main.css
 * description : 메인 레이아웃 및 컨텐츠 CSS
 * date : 2018-03-27
******************************************************** */

/* ******************  메인 비주얼 ********************** */
#mainVisual{overflow:hidden; width:100%; height:990px; position:relative;}	/* 비주얼높이값 이미지에맞게 수정 */

#mainVisual.full-height{height:1030px;}
.slick-track,
.slick-list {
	-webkit-perspective: 2000;
	-webkit-backface-visibility: hidden;
}
#mainVisual .main-visual-list-con, 
#mainVisual .main-visual-con, 
#mainVisual .slick-list,  
#mainVisual .slick-track, 
.main-visual-item{
	height:100%; overflow:hidden;
}
.main-visual-con{z-index:1;}
/* 메인 비주얼 :: 이미지 */
.main-visual-item{position:relative;}
.main-visual-item .main-visual-pc-img{
	width:100%;
	height:100%;
	background-size:cover !important;
	-ms-transform: scale(1.1,1.1)  rotate(0.001deg);
    -o-transform: scale(1.1,1.1)  rotate(0.001deg); 
    -moz-transform: scale(1.1,1.1) rotate(0.001deg); 
    -webkit-transform: scale(1.1,1.1) rotate(0.001deg); 
     transform: scale(1.1,1.1) rotate(0.001deg);
	-webkit-transition:transform 5000ms  ease-in-out ;
	-moz-transition:transform 5000ms ease-in-out ;
	-o-transition:transform 5000ms ease-in-out ;
	-ms-transition:transform 5000ms ease-in-out ;
    transition:transform 5000ms ease-in-out ;	
}
.main-visual-item .main-visual-m-img{display:none;}

/* 메인 비주얼 :: 텍스트 */
.main-txt-box{position:absolute; bottom:50%; z-index:11; left:50%; max-width:1200px; width:100%; -webkit-transform: translateX(-50%);  transform: translateX(-50%);  text-align:center; padding:0 5%}
.main-txt-box h2{font-weight:300; font-size:56px; letter-spacing:-0.35px; color:#fff; line-height:1.39; font-weight:300; word-break:keep-all}
.main-txt-box h2 b{font-weight:500}

.main-visual-item .main-visual-txt-con{position:absolute; top:50%; left:0px; width:100%; margin-top:-121px;} /* margin-top은 조정 (텍스트영역 높이의 반) */
.main-visual-item .main-visual-txt-con .main-visual-txt1,
.main-visual-item .main-visual-txt-con .main-visual-txt2,
.main-visual-item .main-visual-txt-con .main-visual-txt3,
.main-visual-item .main-visual-txt-con .main-visual-more-btn{
	opacity:0;filter:Alpha(opacity=0);
	-ms-transform: translateX(-50px); 
    -o-transform: translateX(-50px); 
    -moz-transform: translateX(-50px);
    -webkit-transform: translateX(-50px); 
     transform: translateX(-50px);
	-webkit-transition:opacity 1.0s, transform 1.0s;
	-moz-transition:opacity 1.0s, transform 1.0s;
	-o-transition:opacity 1.0s, transform 1.0s;
	-ms-transition:opacity 1.0s, transform 1.0s;
	transition:opacity 1.0s, transform 1.0s;
}
.main-visual-item .main-visual-txt-con .main-visual-txt1{display:block; font-size:35px; font-weight:400; letter-spacing:-0.35px; color:#fff; margin-bottom:25px; }
.main-visual-item .main-visual-txt-con .main-visual-txt2{font-size:38px; letter-spacing:-0.5px; color:#fff; margin-bottom:25px; -webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;-ms-transition-delay:0.3s;transition-delay:0.3s;}
.main-visual-item .main-visual-txt-con .main-visual-txt3{font-size:17px; letter-spacing:-0.75px; color:#f2f2f2; line-height:26px; margin-bottom:35px; -webkit-transition-delay:0.5s;-moz-transition-delay:0.5s;-o-transition-delay:0.5s;-ms-transition-delay:0.5s;transition-delay:0.5s;}
.main-visual-item .main-visual-txt-con .main-visual-more-btn{display:inline-block; font-size:16px; font-weight:300; color:#fff; padding-bottom:13px; border-bottom:3px solid #fff; -webkit-transition-delay:0.8s;-moz-transition-delay:0.8s;-o-transition-delay:0.8s;-ms-transition-delay:0.8s;transition-delay:0.8s;}
.main-visual-item .main-visual-txt-con .main-visual-more-btn:hover{text-shadow:1px 1px 2px rgba(0, 0, 0, .5);}

/* 메인 비주얼 :: active효과 */
.main-visual-item.active-item .main-visual-pc-img{
	-ms-transform: scale(1.0,1.0) rotate(0.001deg);
    -o-transform: scale(1.0,1.0) rotate(0.001deg);
    -moz-transform: scale(1.0,1.0) rotate(0.001deg);
    -webkit-transform: scale(1.0,1.0) rotate(0.001deg);
     transform: scale(1.0,1.0) rotate(0.001deg);
}
.main-visual-item.active-item .main-visual-txt1,
.main-visual-item.active-item .main-visual-txt2,
.main-visual-item.active-item .main-visual-txt3,
.main-visual-item.active-item .main-visual-more-btn{
	opacity:1.0;filter:Alpha(opacity=100);
	-ms-transform: translateX(0px); 
    -o-transform: translateX(0px); 
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px); 
     transform: translateX(0px);
}
/* 메인 비주얼 :: 타이틀 */
.main-txt-visual-con{display:none;}

/* 메인 비주얼 :: 버튼 */
#mainVisual .slick-dots{position:absolute; width:180px;top:50%; left:100px; -webkit-transform:translateY(-50%);  transform:translateY(-50%); z-index:99;}
#mainVisual .slick-dots li{height:28px; padding:38px 0; cursor:pointer;}
#mainVisual .slick-dots li a{display:block; position:relative; padding-left:55px;}
#mainVisual .slick-dots li,
#mainVisual .slick-dots li a:before,
#mainVisual .slick-dots li a:after,
#mainVisual .slick-dots li a span{
	-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s
}
#mainVisual .slick-dots li a:before{
	position:absolute; top:0px; left:-12px; width:26px; height:26px; border-radius:50%; background-color:#fff; opacity:0.15;filter:Alpha(opacity=15); content:"";
}
#mainVisual .slick-dots li a:after{position:absolute; top:8px; left:-4px; width:10px; height:10px; border-radius:50%; background-color:#fff; opacity:0.25;filter:Alpha(opacity=25); content:"";}
#mainVisual .slick-dots li span{color:#fff; font-size:15px; letter-spacing:-0.3px; line-height:26px; opacity:0.5;filter:Alpha(opacity=50);
}
#mainVisual .slick-dots li.slick-active{/* margin:80px 0 */ }
#mainVisual .slick-dots li.slick-active a:before{transform:scale(2.69); opacity:1.0;filter:Alpha(opacity=100); background:url(/images/main/main_visual_bullet_bg.png) no-repeat; background-size:26px 26px;}
#mainVisual .slick-dots li.slick-active a:after{transform:scale(2.6); opacity:1.0;filter:Alpha(opacity=100); background:url(/images/main/main_active_dot.png) no-repeat; background-size:10px 10px;;}
#mainVisual .slick-dots li.slick-active a span{opacity:1.0;filter:Alpha(opacity=100);}

/* ******************  메인 컨텐츠 ********************** */
#mainContainer {position:relative; }
#mainQuickMenu {position:absolute; left:0px; width:100%; bottom:70px; z-index:9;}
.main-quick-menu-list{margin:0 -1.21%;}
.main-quick-menu-list .quick-menu-item{float:left; width:30.89%; margin:0 1.21%;}
.main-quick-menu-list .quick-menu-item a {position:relative; width:100%; height: 180px; display:table; }
.main-quick-menu-list .quick-menu-item .quick-menu-item-inner{ display:table-cell; vertical-align:middle; padding:0 13.2%; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.main-quick-menu-list .quick-menu-item .item-icon{display:block; position:relative; top:20%; text-align:center;}
.main-quick-menu-list .quick-menu-item .item-tit {font-size:32px; font-weight:700; display:block; letter-spacing:-0.75px; color:#fff; margin-bottom:14px; position:relative; }
.main-quick-menu-list .quick-menu-item .item-tit i {position:absolute; right:0; top:50%; margin-top:-12px; font-size: 24px;color:rgba(255,255,255,0.8);}
.main-quick-menu-list .quick-menu-item .item-txt {font-size:16px; line-height:1.625em; color:rgba(255,255,255,0.5); word-break:keep-all;}
.main-quick-menu-list .quick-menu-item.item01 {background-color:#5d6cfa;}
.main-quick-menu-list .quick-menu-item.item02 {background-color:#395bf6;}
.main-quick-menu-list .quick-menu-item.item03 {background-color:#1e47e1;}


@media all and (min-width:801px){
	.main-quick-menu-list .quick-menu-item a:hover i {transform:rotate(180deg); transition: all 0.4s;}
}