@charset "utf-8";

/* 메인배너 */
#main_bn {border:0px solid #cdcdcd;position:relative;margin-bottom:20px}
#main_bn .slide-wrap{display:none; text-align: center}
#main_bn .slide-wrap img{max-width:1320px;height:auto}
#main_bn .bx-prev{position:absolute;top:50%;left:20px;margin-top:-35px;z-index:99;background:url(/data/design/slide_prev_white.png) no-repeat 50% 50%;width:50px;height:70px;;text-indent:-999px;overflow:hidden;opacity:0.6}
#main_bn .bx-prev:hover{opacity:1}
#main_bn .bx-next{position:absolute;top:50%;right:20px;margin-top:-35px;z-index:99;background:url(/data/design/slide_next_white.png) no-repeat 50% 50%;width:50px;height:70px;;text-indent:-999px;overflow:hidden;opacity:0.6}
#main_bn .bx-next:hover{opacity:1}
#main_bn #bx_pager {border-top:1px solid #cdcdcd}
#main_bn #bx_pager ul:after {display:block;visibility:hidden;clear:both;content:""}
#main_bn #bx_pager li{float:left;border-left:1px solid #cdcdcd;width:20%;text-align:center;line-height:35px}
#main_bn #bx_pager li:first-child{border-left:0}
#main_bn #bx_pager li a{display:block}
#main_bn #bx_pager li a.active{background:#56d2ca;color:#fff}
#main_bn li {position: relative;}
#main_bn li div {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 10 }
#main_bn li img {position: relative; z-index: 11}
#main_bn .txt {display: none; position:absolute; text-align: left; width: 100%; max-width: 1320px; left: 50%; margin: 0 0 0 -660px; bottom: 200px; z-index: 12;}
#main_bn .active .txt {display: block}
#main_bn .txt .tl {font-size: 70px; font-weight: 600; color: #fff; line-height: 110%; letter-spacing: -4px}
#main_bn .txt .stl {font-size: 30px; font-weight: 400; color: #fff; margin: 20px 0 0; letter-spacing: -1px}
#main_bn .active .txt .tl {-webkit-animation:fadeInDown 1.0s ease;animation:fadeInDown 1.0s ease}
#main_bn .active .txt .stl {-webkit-animation:fadeInUp 1.0s ease;animation:fadeInUp 1.0s ease}
#main_bn .banner_pc {}
#main_bn .banner_mobile {display: none}

/*슬라이드제어*/
#main_bn .slide-wrap li div{-webkit-transition:all 5.3s ease-in-out;-moz-transition:all 5.3s ease-in-out;transition:all 5.3s ease-in-out}
#main_bn .slide-wrap li.active div {transform:scale(1.05);}

@media screen and (max-width:1400px) {
	#main_bn .txt {text-align: center; left: 0%; margin: 0 0 0 0px; bottom: 15%;}
}
@media screen and (max-width:1320px) {
	#main_bn .txt .tl {font-size: 8.0vw; letter-spacing: -2px}
	#main_bn .txt .stl {font-size: 5.6vw;}
}
@media screen and (max-width:1320px) {
	#main_bn .bx-prev, #main_bn .bx-next {display: none}
	#main_bn .banner_pc {display: none}
	#main_bn .banner_mobile {display: block}
	#main_bn .banner_mobile{-webkit-transition:all 5.3s ease-in-out;-moz-transition:all 5.3s ease-in-out;transition:all 5.3s ease-in-out}
	#main_bn .active .banner_mobile {transform:scale(1.15);}
}

/*서브배너*/
#banner_side {}
.sb_bn { display:none}
.sb_bn img{width:100%;height:auto;}
#banner_side h2{position:absolute;font-size:0;line-height:0;overflow:hidden}
#banner_side .bx-controls{position:relative;float:right;margin-bottom:50px;}
#banner_side .bx-prev{display:block;float:left;background:url(/data/design/btn_sb_prev.png) no-repeat 50% 50% #fff;width:15px;height:15px;text-indent:-999px;overflow:hidden;border:1px solid #ccc;}
#banner_side .bx-next{display:block;margin-left:-1px;float:left;background:url(/data/design/btn_sb_next.png) no-repeat 50% 50% #fff;width:15px;height:15px;text-indent:-999px;overflow:hidden;border:1px solid #ccc;}