@charset "utf-8";
/* CSS Document */

.top_banner{width:100%;position: relative;display: none;}
.top_banner img{width:100%;}
.top_banner img.bann_pc{display:block}
.top_banner img.bann_m{display:none}
.top_banner span{display:inline-block;position: absolute;right: 20px;top: 20px;cursor: pointer;}
.top_banner span img{width:31px;}

/* 슬라이드 */
.main_v{width:100%;overflow:hidden;position: relative;}
.main_v .swiper-slide{padding: 20% 0 20%;text-align:center;background-size: cover !important;}
.main_v .swiper-slide.v_img1{background:url(/common/images/main/main_v01.jpg) center no-repeat;}
.main_v .swiper-slide.v_img2{background:url(/common/images/main/main_v02.jpg) center no-repeat;}
.main_v .swiper-slide.v_img3{background:url(/common/images/main/main_v03.jpg) center no-repeat;}
.main_v .swiper-slide.v_img4{background:url(/common/images/main/main_v04.jpg) center no-repeat;}
.main_v .swiper-slide span.v_text{font-family: 'GmarketSansBold'; font-size:70px;font-weight:bold;color:#fff;line-height: 80px;height: 250px;display: block;}

.sw_icon{width:100%;max-width:1440px;overflow:hidden;margin:0 auto;position: absolute;height: 60px;bottom: 90px;}
.sw_icon .sw_icon_wid{width: 100%;max-width:650px;position: absolute;bottom: 0;right: 0;z-index: 1;background: rgba(0,0,0,0.3);border-radius: 10px;height: 60px;padding: 20px;}
.sw_ct{width: 80px;float: right;margin-top: 3px;}

.sw_icon .wrap-autoplay-control {float: left;}
.sw_icon .wrap-autoplay-control button {display: block;/* width: 20px; *//* height: 20px; */border: 0;background: transparent;cursor: pointer;}
.sw_icon .wrap-autoplay-control button:before {display: block; content: ''; position: absolute; }
.sw_icon .wrap-autoplay-control button[aria-pressed="false"]:before {background:url(/common/images/main/main_icon1_03.png) no-repeat;width:13px;height: 16px;margin-left: 25px;}
.sw_icon .wrap-autoplay-control button[aria-pressed="true"]:before {background:url(/common/images/main/main_icon1_04.png) no-repeat;width:13px;height: 16px;margin-left: 26px;margin-top: -1px;}

.sw_icon .pagination_container{width:430px;float: left;}
.sw_icon .swiper-pagination-total{float:right; margin-top:3px;}
.sw_icon .swiper-pagination-current, .sw_icon .swiper-pagination-total{color:#fff;font-size: 13px;font-family: 'GmarketSansTTFLight';}


.swiper-container-fade .swiper-slide-active .main_v_img{-webkit-animation:4s; -moz-animation:4s; -ms-animation:4s; -o-animation:4s; animation:4s; transform: scale(1); animation-name: slidein;-webkit-transform :scale(1); -moz-transform :scale(1); -ms-transform :scale(1); -o-transform : scale(1);}
@-webkit-keyframes slidein {
  0% {
    -webkit-transform :scale(1.1); -moz-transform :scale(1.1); -ms-transform :scale(1.1); -o-transform : scale(1.1);
  }
  100% {
    -webkit-transform :scale(1); -moz-transform :scale(1); -ms-transform :scale(1); -o-transform : scale(1);
  }
}
@-ms-keyframes slidein {
  0% {
    -webkit-transform :scale(1.1); -moz-transform :scale(1.1); -ms-transform :scale(1.1); -o-transform : scale(1.1);
  }
  100% {
    -webkit-transform :scale(1); -moz-transform :scale(1); -ms-transform :scale(1); -o-transform : scale(1);
  }
}
@-moz-keyframes slidein {
  0% {
    -webkit-transform :scale(1.1); -moz-transform :scale(1.1); -ms-transform :scale(1.1); -o-transform : scale(1.1);
  }
  100% {
    -webkit-transform :scale(1); -moz-transform :scale(1); -ms-transform :scale(1); -o-transform : scale(1);
  }
}
@-o-keyframes slidein {
  0% {
    -webkit-transform :scale(1.1); -moz-transform :scale(1.1); -ms-transform :scale(1.1); -o-transform : scale(1.1);
  }
  100% {
    -webkit-transform :scale(1); -moz-transform :scale(1); -ms-transform :scale(1); -o-transform : scale(1);
  }
}
@-keyframes slidein {
  0% {
    -webkit-transform :scale(1.1); -moz-transform :scale(1.1); -ms-transform :scale(1.1); -o-transform : scale(1.1);
  }
  100% {
    -webkit-transform :scale(1); -moz-transform :scale(1); -ms-transform :scale(1); -o-transform : scale(1);
  }
}


/* //슬라이드 끝 */



/* main 공통 */
.main_wid{width:100%; max-width:1440px; margin:0 auto;}
.main_tit{width:100%;text-align:center;color: #00224F;margin-top: 100px;margin-bottom: 40px;}
.main_tit h1{font-size:60px;font-weight: bold;margin-bottom: 10px;font-family: 'GmarketSansBold'; }
.main_tit h1 span{padding-top: 48px;/* padding-left: 86px; *//* background:url(/common/images/main/main_c2_icon3.png) no-repeat; */}
.main_tit .tit1{font-size:20px;font-family: 'GmarketSansTTFLight';}
.main_tit.col_f{color:#fff;}
.main_tit.col_f h1 span{background:url(/common/images/main/main_c4_icon1.png) no-repeat;}
/* //main 공틍 끝 */




/* main1 */
.main_c01{overflow:hidden;margin-top: 50px;padding-bottom: 45px;border-bottom: 4px solid #00224F;}
.main_c01 .c01_1{width:100%;overflow:hidden;padding-top: 10px;}
.main_c01 .c01_1 .c01_1_l{width: 70%;float:left;}
.main_c01 .c01_1 .c01_1_l .t1{color: #00224F; margin-bottom: 10px;}
.main_c01 .c01_1 .c01_1_l .t1 .t1_1{font-size:35px;padding-left:50px;background: url(/common/images/main/main_c1_icon1.png) left 2px no-repeat;font-weight: bold;display: inline-block;width: 210px;}
.main_c01 .c01_1 .c01_1_l .t1 .t1_1.icon1{background: url(/common/images/main/main_c1_icon2.png) left 2px no-repeat;}
.main_c01 .c01_1 .c01_1_l .t1 .t1_2{font-size:20px;}
.main_c01 .c01_1 .c01_1_l .t1 .t1_3{font-size:20px;c}
.main_c01 .c01_1 .c01_1_r{width:30%; float:right; text-align:right;}
.main_c01 .c01_1 .c01_1_r .ball1{float:right;width: 110px;height: 110px;border-radius: 500px;border: 2px solid #00224F;color: #00224F;text-align: center;margin-left: 18px;}
.main_c01 .c01_1 .c01_1_r .ball1 a{display:inline-block;font-size:18px;color: #00224F;line-height: 110px;}

/* //main1 끝 */

/* main2 */
.main_c02{width:100%;position: relative; margin-bottom:80px;}
.main_c02 .c02_1{width:100%;overflow:hidden;}
.sw_icon2{width:100%;max-width:1440px;overflow:hidden;margin:0 auto;position: absolute;top: 96px;height: 50px;display: none;}
.sw_icon2 .sw_icon2_wid{position: absolute;top: 7px;right: 0;}
.sw_icon2 .swiper-button-next{background: url(/common/images/main/main_c2_icon2.png) no-repeat;width:10px; height: 18px;}
.sw_icon2 .swiper-button-prev{background: url(/common/images/main/main_c2_icon1.png) no-repeat;width:10px;height: 18px;margin-right: 30px;}
.sw_icon2 .swiper-pagination{margin-left:0;top: 0px;font-family: 'GmarketSansTTFLight';font-weight: bold;letter-spacing: 0;font-size: 15px;color: #000;}
.sw_icon2 .swiper-pagination-total{color:#A7A7A7;}

.mySwiper .swiper-slide.main_s2 a{color:#00224F}
.mySwiper .swiper-slide.main_s2 .img1{}
.mySwiper .swiper-slide.main_s2 .img1 img{width:100%;}
.mySwiper .swiper-slide.main_s2 .t1{font-size:15px;font-family: 'GmarketSansTTFLight';margin-top: 25px;letter-spacing: 0;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.mySwiper .swiper-slide.main_s2 .t2{font-size:26px;line-height: 30px;margin-top: 15px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.mySwiper .swiper-slide.main_s2 .t3{font-size:15px;font-family: 'GmarketSansTTFLight';margin-top: 16px;padding: 12px 0;padding-left: 31px;background: url(/common/images/main/main_c2_icon4.png) left center no-repeat;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;height: 41px;}

.mainc2_w{width:100%; overflow:hidden;}
.main_c02 .c02_2{width:100%;overflow: hidden;margin-top: 90px;}
.main_c02 .c02_2 .c02_2_box1{width:48%; float:left;}
.main_c02 .c02_2 .c02_2_box1 ul{width:100%;overflow:hidden;background: url(/common/images/main/main_c3_bg1.png) center no-repeat;background-size: cover;padding:70px 60px;}
.main_c02 .c02_2 .c02_2_box1 ul li{color: #fff; margin-bottom: 30px;width: 100%;overflow: hidden;}
.main_c02 .c02_2 .c02_2_box1 ul li:last-child{margin-bottom:0;}
.main_c02 .c02_2 .c02_2_box1 ul li .tx1{float: left;width: 27%; margin-right: 3%;display: block; padding: 10px;border: 5px solid #fff;}
.main_c02 .c02_2 .c02_2_box1 ul li .tx1 span{font-size: 18px; display: block;text-align: center;}
.main_c02 .c02_2 .c02_2_box1 ul li .tx2{ width: 70%; float: left;}
.main_c02 .c02_2 .c02_2_box1 ul li .tx2 .tx2_1{font-size: 18px;display: block;margin-bottom: 4px;}
.main_c02 .c02_2 .c02_2_box1 ul li .tx2 .tx2_2{font-size: 15px;font-family: 'GmarketSansTTFLight';}

.main_c02 .c02_2 .c02_2_box2{width:48%;float:right;position: relative;}
.c02_2_box2 ul.tabs{margin: 0px;padding: 0px;list-style: none;font-size:26px;color:#C3C3C3;font-family: 'GmarketSansBold';padding-bottom: 10px;border-bottom: 1px solid #C3C3C3;position: relative;}
.c02_2_box2 ul.tabs li{display: inline-block; cursor: pointer;}
.c02_2_box2 ul.tabs li.bar{font-family: 'GmarketSansTTFLight';}
.c02_2_box2 ul.tabs p.bar2{position: absolute;bottom: -14px;left: 0;}
.c02_2_box2 ul.tabs p.bar2 span{width: 95px;height:5px;display: inline-block;background-color: #000;}
.c02_2_box2 ul.tabs li.current{color:#00224F;}
.c02_2_box2 .tab-content{ margin-top: 10px; display: none;}
.c02_2_box2 .tab-content.current{ display: inherit;}
.c02_2_box2 .tab-content p{position: absolute;right: 0;top: 7px;}
.c02_2_box2 .tab-content ul{width:100%;overflow:hidden;margin-top: 45px;}
.c02_2_box2 .tab-content ul li{padding-left: 17px;background: url(/common/images/main/main_c3_icon2.png) left 6px no-repeat;margin-bottom: 14px;}
.c02_2_box2 .tab-content ul li a{font-family: 'GmarketSansTTFLight'; }
.c02_2_box2 .tab-content ul li a .tx_l{font-size:18px;display: inline-block;width: 70%;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.c02_2_box2 .tab-content ul li a .tx_r{font-size:15px;float: right;}

/* //main2 끝 */


/* main3 */
.main_c03{width:100%;overflow:hidden;background:url(/common/images/main/main_c4_bg1.png) center no-repeat;background-size: cover;margin-top:100px;padding-bottom: 140px;position: relative;}
.main_c03 .artSwiper .swiper-slide.main_s3 img{width:100%;}
.main_c03 .artSwiper .swiper-wrapper{margin-left:-150px;}
.sw_icon3{width:100%;max-width: 780px;overflow:hidden;margin:0 auto;position: relative;bottom: -55px;height: 50px;}
.sw_icon3 .sw_icon3_wid{position: absolute;top: 0;width: 100%;}
.sw_icon3 .swiper-button-next{margin-left: 0;width:15%;float: right;height: 27px;background: none;}
.sw_icon3 .swiper-button-next span{background: url(/common/images/main/main_c4_icon3.png) no-repeat;width: 15px;height: 27px;}
.sw_icon3 .swiper-button-prev{width:15%;height: 27px;float:left;background: none;}
.sw_icon3 .swiper-button-prev span{background: url(/common/images/main/main_c4_icon2.png) no-repeat;width: 15px;height: 27px;}
.sw_icon3 .sw_pa{width: 71%;float: left;}
.sw_icon3 .swiper-pagination{background: #707070;height: 5px;width: 70%;margin-left: 0;top: 11px;}
.sw_icon3 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #fff; }
/* //main3 끝 */









@media only screen and (max-width: 1480px){
	.sw_icon .sw_icon_wid{margin-right:20px;}
	.main_wid, .c03_1{width:auto; padding-left:20px; padding-right:20px;}
	.main_wid.main_c02{width:auto;padding-left:20px;padding-right:20px;overflow:hidden;}
	.mainc2_w{width:auto; margin-left:20px; margin-right:20px;}
	.sw_icon2 .sw_icon2_wid{right:42px;}

}

@media only screen and (max-width: 1200px){
	.main_v .swiper-slide span.v_text{font-size:50px; line-height:60px;}
	.sw_icon{height: 70px;bottom: 25px;}
	.sw_icon .sw_icon_wid{bottom: 0;height: 38px;padding: 10px;}
	.sw_ct{margin-top:2px;}
	.sw_icon .swiper-pagination{top:18px !important;}

	.main_tit h1{font-size:45px;}
	.main_tit h1 span{padding-top: 35px;/* padding-left: 62px; *//* background-size: 105px 61px; */}
	.main_tit.col_f h1 span{background-size: 105px 61px;}
	.main_tit .tit1{font-size:16px;line-height: 24px;margin-top:20px;}
	
	/* main1 */
	.main_c01 .c01_1 .c01_1_l .t1 .t1_1, .main_c01 .c01_1 .c01_1_l .t1 .t1_1.icon1{font-size:25px;background-position: left 0;background-size: 25px 25px;padding-left: 38px;width: 150px;}
	.main_c01 .c01_1 .c01_1_l .t1 .t1_2, .main_c01 .c01_1 .c01_1_l .t1 .t1_3{font-size:17px;}
	.main_c01 .c01_1 .c01_1_r{margin-top:-10px;}
	.main_c01 .c01_1 .c01_1_r .ball1{width:90px;height:90px;margin-left: 10px;}
	.main_c01 .c01_1 .c01_1_r .ball1 a{font-size:15px; line-height:90px;}
	/* //main1 끝 */

	/* main2 */
	.main_c02 .c02_2 .c02_2_box1 ul{padding:40px 20px;}
	.main_c02 .c02_2 .c02_2_box1 ul li .tx1 span{font-size:16px;}
	.main_c02 .c02_2 .c02_2_box1 ul li .tx2 .tx2_1{font-size:15px;}
	.main_c02 .c02_2 .c02_2_box1 ul li .tx2 .tx2_2{font-size:14px;}
	.c02_2_box2 ul.tabs{font-size:24px;}
	.c02_2_box2 .tab-content ul{margin-top:30px;}
	.c02_2_box2 .tab-content p img{width:18px;}
	/* //main2 끝 */

	/* main3 */
	.main_c03 .artSwiper .swiper-wrapper{margin-left:0px;}
	/* //main3 끝 */

}

@media only screen and (max-width: 960px){
	.top_banner span{right:10px; top:10px;}
	.top_banner span img{width:20px;}
	/* main2 */
	.sw_icon2{display:none;}
	.mySwiper .swiper-slide.main_s2 .t1{font-size:14px;margin-top: 20px;}
	.mySwiper .swiper-slide.main_s2 .t2{font-size:18px;margin-top: 10px;}
	.mySwiper .swiper-slide.main_s2 .t3{font-size:14px;padding-left: 28px;margin-top: 10px;}
	/* //main2 끝 */
	
}
@media only screen and (max-width: 768px){
	.main_v .swiper-slide{height:420px; padding:20px;}
	.main_v .swiper-slide span.v_text{font-size:35px;line-height: 50px;margin-top: 130px;height:auto;}
	.sw_icon{width:80%;left: 10%;}
	.sw_icon .sw_icon_wid{width:100%;max-width:100%;margin-right:0;}
	.sw_icon .swiper-pagination-current, .sw_icon .swiper-pagination-total{font-size:8px;}
	.sw_icon .pagination_container{width: 56%;}
	.sw_icon .swiper-pagination{width:38% !important;}
	.sw_ct{width:20%;}
	.sw_icon .wrap-autoplay-control button[aria-pressed="false"]:before{background-size: 6px 10px !important; width:6px; height:10px; margin-left:0;}
	.sw_icon .wrap-autoplay-control button[aria-pressed="true"]:before{background-size: 6px 10px !important; width:6px; height:10px;}
	.sw_icon .swiper-button-next, .swiper-button-prev{background-size: 6px 10px !important; width:6px; height:10px;}
	.sw_icon .swiper-button-next{margin-left:30% !important; width:30%; !important; text-align:right;}
	.sw_icon .swiper-button-prev{width:30% !important;}
	.sw_icon .wrap-autoplay-control{width:40%;}

	/* main1 */
	.main_c01{margin: 0 20px;margin-top:30px;padding-left: 0;padding-right: 0;padding-bottom:25px;border-bottom: 2px solid #00224F;}
	.main_c01 .c01_1{padding-top:0;}
	.main_c01 .c01_1 .c01_1_l{width:100%;}
	.main_c01 .c01_1 .c01_1_l .t1{margin-bottom: 30px;}
	.main_c01 .c01_1 .c01_1_l .t1 .t1_1, .main_c01 .c01_1 .c01_1_l .t1 .t1_1.icon1{font-size:24px;display:block;margin-bottom: 10px;}
	.main_c01 .c01_1 .c01_1_l .t1 .t1_2, .main_c01 .c01_1 .c01_1_l .t1 .t1_3{display:block;font-size:16px;margin-top: 7px;}
	.main_c01 .c01_1 .c01_1_l .t1.stt1 .t1_2{margin-right:10px;}
	.main_c01 .c01_1 .c01_1_l .t1.stt1 .t1_2, .main_c01 .c01_1 .c01_1_l .t1.stt1 .t1_3{display:inline-block;}
	.main_c01 .c01_1 .c01_1_r{width:100%;max-width: 241px;text-align: left;margin-top: 0;float: left;}
	.main_c01 .c01_1 .c01_1_r .ball1{width: 110px;height:auto;/* float: left; */margin-left: 0;margin-right: 10px;text-align: center;}
	.main_c01 .c01_1 .c01_1_r .ball1 a{font-size:18px;line-height: normal;padding: 10px 20px;}
	/* //main1 끝 */

	/* main2 */
	.mySwiper .swiper-slide.main_s2{width:60% !important;}

	.main_c02 .c02_2{margin-top:50px;}
	.main_c02 .c02_2 .c02_2_box1{width:100%;}
	.main_c02 .c02_2 .c02_2_box2{width:100%; margin-top:50px;}
	.c02_2_box2 .tab-content p img{width:24px;}
	/* //main2 끝 */

	/* main3 */
	.main_c03{padding-bottom: 50px;margin-top: 40px;}
	.artSwiper .swiper-slide.main_s3{width:60% !important;}
	.sw_icon3 .swiper-pagination{top:7px;}
	.sw_icon3 .swiper-button-prev span, .sw_icon3 .swiper-button-next span{background-size: 11px;}
	/* //main3 끝 */

}
@media only screen and (max-width: 480px){
	.top_banner img.bann_pc{display:none}
	.top_banner img.bann_m{display:block}
	.top_banner span img{width:31px;}
	
	.main_v .swiper-slide span.v_text{font-size:25px; line-height: 35px;}
	.sw_icon .swiper-pagination{width:35% !important;margin-left:25px;}
	
	.main_tit{margin-top:60px;margin-bottom: 20px;}
	.main_tit h1{font-size: 35px;}
	.main_tit h1 span{padding-top: 25px;/* padding-left: 45px; *//* background-size: 70px 45px; */}
	.main_tit.col_f h1 span{background-size: 70px 45px;}
	.main_tit .tit1{font-size: 15px;margin-top:20px;line-height: 22px;}

	.mySwiper .swiper-slide.main_s2{margin-right: 20px;}
	.main_c02 .c02_2 .c02_2_box1 ul{padding:30px 20px; background: url(/common/images/main/main_c3_bg1.png) right no-repeat;}
	.main_c02 .c02_2 .c02_2_box1 ul li{margin-bottom:10px;}
	.main_c02 .c02_2 .c02_2_box1 ul li .tx1{width:100%;border:none;padding: 0;margin-bottom: 5px;}
	.main_c02 .c02_2 .c02_2_box1 ul li .tx1 span{border: 5px solid #fff;display: inline-block;padding: 5px;width: 137px;}
	.main_c02 .c02_2 .c02_2_box1 ul li .tx2{width:100%;}
	.main_c02 .c02_2 .c02_2_box1 ul li .tx2 .tx2_1{font-size:14px;}
	.main_c02 .c02_2 .c02_2_box1 ul li .tx2 .tx2_2{font-size:12px;}
	
}