@charset "utf-8";

.top_banner_area,
.header_wrap,
.main_container,
.footer_wrap {}
.main_box {position:relative}
.main_container {position:relative;  padding-top:540px;}

@media screen and (max-width: 800px) {
	.main_container {min-width:100%; padding-top:0;}
}


/* 메인배너 */
.mainWrap {position:relative; width:100%; height:auto; border-bottom:1px solid #dee2e7; z-index:3;}
.slick-slide img {width:1000px;}

.swiper-container {background-color:#000;}
.swiper-slide {overflow: hidden; height: auto; background: gray;}
.swiper-slide-prev {opacity:.5; transition:1s;}
.swiper-slide-next {opacity:.5; transition:1s;}
.swiper-slide img {width: 100%;}

/* .swiper-button-next1 {width: 35px; height: 59px; background: url(/img/arrow_right.png)no-repeat; background-size:100%; right:50%; margin-right:-580px; z-index:4; cursor: pointer;}
.swiper-button-prev1 {width: 35px; height: 59px; background: url(/img/arrow_left.png)no-repeat; background-size:100%; left:50%; margin-left:-380px; z-index:4; cursor: pointer;}


@media screen and (max-width: 1200px) {	
	.swiper-button-next1 {right:4%; margin-right:0; background-size:25px auto;}
	.swiper-button-prev1 {left:4%; margin-left:0; background-size:25px auto;}
}
 */
.mainCate {position:absolute; left:50%; top:0; margin-left:-600px; width:200px; height:100%; padding:10px 0 0 0; background:#fff; border-left:1px solid #dee2e7; border-right:1px solid #dee2e7;  z-index:2;}
.mainCate li {padding:6px 25px; font-size:14px; cursor:pointer;}
.mainCate li:hover ul {display:block;}
.mainCate li:hover {background:#222; color:#fff; transition:none;}

/* .mainCate li ul {position:absolute; top:0; left:199px; width:1000px; height:430px; background:#fff; border-top:1px solid #dee2e7; display:none;}
.mainCate li ul dl {float:left; width:25%; height:100%; padding:25px; border-left:1px solid #dee2e7;}
.mainCate li ul dl:first-child {border-left:0;}  */

.hiddenM {display:block;}
.hiddenW {display:none;}

.mainCate ul {height:100%; overflow-y:auto;}

.mainCate ul::-webkit-scrollbar {
  width: 6px;
}
.mainCate ul::-webkit-scrollbar-track {
  background-color: rgba(0,0,0,.05);
}
.mainCate ul::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: #444;
}
.mainCate ul::-webkit-scrollbar-button {
  width: 0;
  height: 0;
}



@media screen and (max-width: 1200px) {	
	.mainCate {display:none;} 
}

@media screen and (max-width: 1000px) {	

}

@media screen and (max-width: 768px) {	
	.mainCate {display:none;}

}

@media screen and (max-width: 500px) {
	.hiddenM {display:none;}
	.hiddenW {display:block;}
}



/* main visual */
.main_visual_wrap {position:absolute;top:0;left:0;z-index:8;right:0;height:540px;overflow:hidden}
.main_visual_wrap .mv_slide {height:540px;z-index:7}
.main_visual_wrap .mv_slide ul {padding-top:130px;/* max-height:350px; */overflow:hidden; }
.main_visual_wrap .mv_slide ul > li {width:1200px;  margin:0 auto;padding-left:950px}
.main_visual_wrap .mv_slide ul > li > a > img {vertical-align:top;margin:0 auto}
.main_visual_wrap .mv_slide ul > li > dl dt {position:relative;z-index:2}
.main_visual_wrap .mv_slide ul > li > dl dt a {display:block;height:40px;padding:0 20px;line-height:38px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;border:1px solid transparent;border-bottom-color:rgba(0,0,0,.4);}
.main_visual_wrap .mv_slide ul > li.on > dl dt a {position:relative;top:-1px;padding-top:1px;color:#333333;font-family:'notokr-bold';border-color:rgba(0,0,0,.7);}
.main_visual_wrap .mv_slide ul > li > dl dd {position:absolute;left:0;right:0;top:0;bottom:0;display:none;background-position:50% 0;background-repeat:repeat}
.main_visual_wrap .mv_slide ul > li > dl dd a {display:block;width:1200px;margin:0 auto; }
.main_visual_wrap .mv_slide ul > li.on > dl dd {display:block}
.main_visual_wrap .btn_area {position:relative;width:1200px;margin:10px auto 0 auto;padding-left:20px}
.main_visual_wrap .btn_area .left_btn,
.main_visual_wrap .btn_area .right_btn {display:block;position:absolute;top:0;width:19px;/*height:20px;*/height:0;padding-top:20px;overflow:hidden;background-image:url('../img/ico_main.png');background-repeat:no-repeat;z-index:10}
.main_visual_wrap .btn_area .left_btn {right:19px;width:20px;background-position:0 0}
.main_visual_wrap .btn_area .left_btn:hover {background-position:0 -20px}
.main_visual_wrap .btn_area .right_btn {right:0;background-position:-20px 0}
.main_visual_wrap .btn_area .right_btn:hover {background-position:-20px -20px}
.main_visual_wrap .btn_area .num_cnt {position:absolute;top:0;left:950px;font-size:12px;color:#999999}
.main_visual_wrap .btn_area .num_cnt .now {color:#333333}
.main_visual_wrap #bx-pager {position:absolute;top:90px;left:50%;z-index:8;margin-left:288px}
.main_visual_wrap #bx-pager a {display:block;width:252px;height:40px;padding-left:20px;line-height:38px;border:1px solid transparent;border-bottom-color:#b6b2b2}
.main_visual_wrap #bx-pager a.active {position:relative;top:-1px;padding-top:1px;color:#333333;font-family:'notokr-bold';border-color:#525050}
.main_visual_wrap .mv_total {position:absolute;left:50%;z-index:8;margin-left:300px;font-size:12px;color:#999999}
.main_visual_wrap .mv_total em {color:#333333}
.main_visual_wrap .bx-controls {position:absolute;left:50%;z-index:8;margin-left:482px}
.main_visual_wrap .bx-controls a {position:static;display:inline-block;width:19px;height:20px;margin:0;vertical-align:top}
.main_visual_wrap .bx-controls .bx-controls-direction,
.main_visual_wrap .bx-controls .bx-controls-auto {float:left}
.main_visual_wrap .bx-wrapper .bx-controls-direction a.bx-prev {width:20px;background-position:0 0}
.main_visual_wrap .bx-wrapper .bx-controls-direction a.bx-next {background-position:-20px 0}
.main_visual_wrap .bx-wrapper .bx-controls-auto .bx-stop {background-position:-39px 0}
.main_visual_wrap .bx-wrapper .bx-controls-auto .bx-start {display:none;background-position:-58px 0}
.main_visual_wrap .bx-wrapper .bx-controls-direction a.bx-prev:hover {background-position:0 -20px}
.main_visual_wrap .bx-wrapper .bx-controls-direction a.bx-next:hover {background-position:-20px -20px}
.main_visual_wrap .bx-wrapper .bx-controls-auto .bx-stop:hover {background-position:-39px -20px}
.main_visual_wrap .bx-wrapper .bx-controls-auto .bx-start:hover {background-position:-58px -20px}
.main_visual_wrap .main_small_bn {position:absolute;bottom:30px;left:50%;width:252px;height:210px;margin-left:288px;overflow:hidden}
.main_visual_wrap .main_small_bn .bx-controls {top:10px !important;left:auto;right:15px;margin:0;width:55px}
.main_visual_wrap .main_small_bn .bx-wrapper .bx-pager {position:static;display:block;width:auto;text-align:center;line-height:20px;color:#999999;font-size:11px}
.main_visual_wrap .main_small_bn .bx-wrapper .bx-pager em {color:#333}
.main_visual_wrap .main_small_bn .bx-wrapper .bx-controls-direction a {position:absolute;top:5px;height:11px;width:6px}
.main_visual_wrap .main_small_bn .bx-wrapper .bx-controls-direction a.bx-prev {left:0;background-position:-140px 0}
.main_visual_wrap .main_small_bn .bx-wrapper .bx-controls-direction a.bx-next {right:0;background-position:-150px 0}
.main_visual_wrap .main_small_bn .bx-wrapper .bx-controls-direction a.bx-prev:hover {background-position:-160px 0}
.main_visual_wrap .main_small_bn .bx-wrapper .bx-controls-direction a.bx-next:hover {background-position:-170px 0}


@media screen and (max-width: 800px) {
	.main_visual_wrap {position:inherit; height:350px; }
	.main_visual_wrap .mv_slide {height:350px;}
	.main_visual_wrap .mv_slide ul {padding:0;}
	.main_visual_wrap .mv_slide ul > li {width:100%; padding-left:0; }
	.main_visual_wrap .mv_slide ul > li > a > img {width:100%; height:auto; }
	.main_visual_wrap .mv_slide ul > li > dl dd a {width:100%; text-align:center; }
	.main_visual_wrap .mv_slide img.mainImg {width:100%; height:auto;}
	.main_visual_wrap .mv_slide ul > li > dl dt {display:none;}
	.main_visual_wrap .btn_area {width:100%;}
	.mainBg {background-image:none !important;}
}


@media screen and (max-width: 640px) {
	.main_visual_wrap {height:350px; }
	.main_visual_wrap .mv_slide {height:350px;}
	.main_visual_wrap .mv_slide ul > li {width:100%; padding-left:0; }
	.main_visual_wrap .mv_slide ul > li > a > img {width:100%; height:auto; }
	.main_visual_wrap .mv_slide ul > li > dl dd { margin-top:-50px;}
	.main_visual_wrap .mv_slide ul > li > dl dd a {width:100%; text-align:center; }
	.main_visual_wrap .mv_slide img.mainImg {width:auto; height:350px;}
	.main_visual_wrap .mv_slide ul > li > dl dt {display:none;}
	.main_visual_wrap .btn_area {width:100%;}
	.mainBg {background-image:none !important;}
}



@media screen and (max-width: 420px) {
	.main_visual_wrap .mv_slide {margin-top:0;}
	.main_visual_wrap .mv_slide img.mainImgM {width:100%; height:auto; margin:0;}
	.main_visual_wrap .mv_slide ul > li > dl dd {margin-top:0;}
	.main_visual_wrap .mv_slide ul > li {margin:0;}
	
	
}


/* main_event_bn */
.main_event_bn {width:1080px;margin:40px auto 0 auto}
.main_event_bn ul:after {content:'';display:block;clear:both}
.main_event_bn .bx-wrapper .bx-controls-direction a {top:65px;display:block;width:16px;height:31px;margin-top:0}
.main_event_bn .bx-wrapper .bx-controls-direction .bx-prev {left:-26px;background-position:0 -40px}
.main_event_bn .bx-wrapper .bx-controls-direction .bx-next {right:-26px;background-position:-20px -40px}
.main_event_bn .bx-wrapper .bx-controls-direction .bx-prev:hover {background-position:0 -80px}
.main_event_bn .bx-wrapper .bx-controls-direction .bx-next:hover {background-position:-20px -80px}
.main_event_bn .bx-wrapper .bx-pager {bottom:auto;left:auto;right:0;top:70px;width:auto;color:#5a5a5a;font-size:12px;line-height:20px}
.main_event_bn .bx-wrapper .bx-pager em {color:#333}
.main_event_bn ul.mve_slide2 > li img {display:inline-block;vertical-align:top}
.main_event_bn ul.mve_slide2 > li a {display:block;float:left}
.main_event_bn ul.mve_slide2 > li:after {content:'';display:block;clear:both}
.main_event_bn ul.mve_slide2 > li a ~ a {margin-left:2px}
.main_event_bn ul.mve_slide2.three li a ~ a {margin-left:3px}
.main_event_bn.type2 .bx-wrapper .bx-controls-direction a {position:absolute;top:50%;height:51px;width:26px;margin-top:-25px}
.main_event_bn.type2 .bx-wrapper .bx-controls-direction a.bx-prev {left:0;background-position:-140px -40px}
.main_event_bn.type2 .bx-wrapper .bx-controls-direction a.bx-next {right:0;background-position:-170px -40px}
.main_event_bn.type2 .bx-wrapper .bx-pager {width:auto;top:50%;left:auto;right:30px;margin-top:-10px;height:20px;line-height:20px;color:#ffffff;font-size:12px}
.main_event_bn.type2 .bx-wrapper .bx-pager em {color:#ffffff}



/* customer */
.customer {margin-top:80px}
.customer:after,
.customer_bbs .bbs_tab:after,
.customer_icon ul:after {content:'';display:block;clear:both}
.customer_bbs {float:left;width:318px}
.customer_bbs .bbs_tab li {float:left;margin-right:20px}
.customer_bbs .bbs_tab li a {display:block;padding-top:6px;color:#999999;font-size:16px;line-height:24px;border-top:2px solid transparent}
.customer_bbs .bbs_tab li a.active {color:#333333;font-family:'notokr-medium';border-color:#c51315}
.customer_bbs .bbs_list {position:relative;display:none;margin-top:14px}
.customer_bbs .bbs_list ul li {height:24px;line-height:24px}
.customer_bbs .bbs_list ul li a:hover {text-decoration:underline;color:#333333}
.customer_bbs .more02 {position:absolute;top:-34px;right:0}
.customer_center {float:left;width:318px;margin:0 50px}
.customer_center h2 {margin-top:9px;color:#333333;font-size:16px}
.customer_center ul {margin-top:17px}
.customer_center ul li {color:#999999;font-size:14px;line-height:22px}
.customer_center ul li * {vertical-align:middle}
.customer_center ul li span {display:inline-block;height:22px;width:40px;text-align:center;color:#333333;font-size:12px;line-height:20px;font-family:'NotoSans';border:1px solid #000000}
.customer_center ul li strong {display:inline-block;margin:0 8px;color:#333333;font-size:18px}
.customer_center ul li + li {margin-top:11px}
.customer_icon {float:left;width:344px;padding-top:32px}
.customer_icon ul li {float:left;width:68px;text-align:center}
.customer_icon ul li a {display:block;height:60px;font-size:14px;color:#666666;font-family:'notokr-medium'}
.customer_icon ul li a:before {display:block;width:34px;height:34px;margin:0 auto 12px auto}
.customer_icon ul li + li {margin-left:24px}