@charset "utf-8";

/* new */
.mainroll{width:100%;/*height:100vh;*/height:800px; margin:0px; text-align:center; overflow:hidden; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;z-index:1;position:relative;}
.swiper-container.main-visual {position:relative;width:100%;height:100%;-webkit-transition:background-size 1s;-moz-transition:background-size 1s;transition:background-size 1s; }

.swiper-container.main-visual .swiper-slide {position:relative;width:100%;height:100%;box-sizing:border-box;}
.swiper-container.main-visual .txtArea_bg{position: absolute; width:100%; top:0;height:100%;max-height:100%;background:url("../images/mask.png") no-repeat 50% top;background-size:100% 100%; z-index:1;}
.swiper-container.main-visual .txtArea{position: absolute; width:100%;text-align:center;padding-top:50px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);/*background:url("../images/mask.png") no-repeat 50% top;background-size:100% 100%; */ opacity:0; z-index:2;}
.swiper-container.main-visual .text {display:inline-block;width:1200px;padding:0px 50px;margin:0px auto  50px;text-align:center;letter-spacing:-0.03em;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.swiper-container.main-visual .text1 {display:inline-block;width:1200px;padding:0px 50px;margin:50px auto 50px;text-align:center;letter-spacing:-0.03em;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.swiper-container.main-visual .text2 {display:inline-block;width:1200px;padding:0px 50px;margin:0 auto 50px;text-align:center;letter-spacing:-0.03em;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.swiper-container.main-visual .text3 {display:inline-block;width:1200px;padding:0px 50px;margin:0 auto 50px;text-align:center;letter-spacing:-0.03em;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.swiper-container.main-visual .text4 {display:inline-block;width:1200px;padding:0px 50px;margin:0 auto 50px;text-align:center;letter-spacing:-0.03em;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.swiper-container.main-visual .text5 {display:inline-block;width:1200px;padding:0px 50px;margin:0 auto;text-align:center;letter-spacing:-0.03em;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

.swiper-container-horizontal.main-visual > .swiper-pagination-bullets .swiper-pagination-bullet {margin:0 5px;}
/*.swiper-container.main-visual .swiper-pagination-bullet {width:12px;height:12px;opacity:1;background:url(/images/img_page_mainvisual.png) no-repeat 50%;}*/
.swiper-container.main-visual .swiper-pagination-bullet {width: 12px;height: 12px;display: inline-block;border-radius: 100%; background: #fff;opacity: 1;}
.swiper-container.main-visual .swiper-pagination-bullet-active {/*background:url(/images/img_page_mainvisual_on.png) no-repeat 50%;*/border:2px solid #fff;width:8px;height:8px;background:none;}
.swiper-container.main-visual .swiper-pagination-fraction,
.swiper-container.main-visual .swiper-pagination-custom,
.swiper-container-horizontal.main-visual > .swiper-pagination-bullets {bottom:70px;}

.swiper-container.main-visual .btn-pause {position:absolute;left:50%;bottom:69px;z-index:10;margin:0 0 0 40px;width:14px;height:14px;cursor:pointer;}
.swiper-container.main-visual .start-autoplay {display:none;background:url(../images/img_play_mainvisual.png) no-repeat 50%;z-index:10;}
.swiper-container.main-visual .stop-autoplay {background:url(../images/img_pause_mainvisual.png) no-repeat 50%;z-index:10;}

.swiper-container.main-visual .swiper-button-prev, 
.swiper-container-rtl .swiper-button-next {left:20px;width:107px;height:51px;background:url(../images/img_prev_mainvisual.png) no-repeat left 50%;}
.swiper-container.main-visual .swiper-button-prev:hover, .swiper-container-rtl .swiper-button-next:hover {background:url(../images/img_prev_mainvisual_hover.png) no-repeat left 50%;}
.swiper-container.main-visual .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {content:'';display:block;position:absolute;left:20px;top:50%;width:0;height:1px;background:#fff;
-webkit-transition: 100ms width;
    -o-transition: 100ms width;
    transition: 100ms width;
}
.swiper-container.main-visual .swiper-button-prev:hover:after, .swiper-container-rtl .swiper-button-next:hover:after {width:60px;}
.swiper-container.main-visual .swiper-button-next, .swiper-container-rtl .swiper-button-prev {right:20px;width:107px;height:51px;background:url(../images/img_next_mainvisual.png) no-repeat right 50%;}
.swiper-container.main-visual .swiper-button-next:hover, .swiper-container-rtl .swiper-button-prev:hover {background:url(../images/img_next_mainvisual_hover.png) no-repeat right 50%;}
.swiper-container.main-visual .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {content:'';display:block;position:absolute;right:20px;top:50%;width:0;height:1px;background:#fff;
-webkit-transition: 100ms width;
    -o-transition: 100ms width;
    transition: 100ms width;
}
.swiper-container.main-visual .swiper-button-next:hover:after, .swiper-container-rtl .swiper-button-prev:hover:after {width:60px;}


/* new end */
.bn_tag_box{display:block;margin-bottom:30px;text-align:center;}
.air_box{display:inline-block;border-radius:24px;height:36px;padding:0 20px;box-shadow: 0px 0px 8px rgba(20, 20, 20, .1);}
.air_box p{display:inline-block;font-family:'Nanum Gothic Bold';line-height:36px;font-size:16px;color:#fff;background:url(../images/ico_airplane_wh.png) left center no-repeat;padding-left:30px;}
.bus_box{display:inline-block;border-radius:24px;height:36px;padding:0 20px;box-shadow: 0px 0px 8px rgba(20, 20, 20, .1);}
.bus_box p{display:inline-block;font-family:'Nanum Gothic Bold';line-height:36px;font-size:16px;color:#fff;background:url(../images/ico_bus_wh.png) left center no-repeat;padding-left:30px;}
.train_box{display:inline-block;border-radius:24px;height:36px;padding:0 20px;box-shadow: 0px 0px 8px rgba(20, 20, 20, .1);}
.train_box p{display:inline-block;font-family:'Nanum Gothic Bold';line-height:36px;font-size:16px;color:#fff;background:url(../images/ico_train_wh.png) left center no-repeat;padding-left:30px;}
.ship_box{display:inline-block;border-radius:24px;height:36px;padding:0 20px;box-shadow: 0px 0px 8px rgba(20, 20, 20, .1);}
.ship_box p{display:inline-block;font-family:'Nanum Gothic Bold';line-height:36px;font-size:16px;color:#fff;background:url(../images/ico_ship_wh.png) left center no-repeat;padding-left:30px;}
.tag_bg1{background:#1d69ac;}
.tag_bg2{background:#f97228;}
.air_arrow{display:inline-block;height:36px;padding:0 20px;border-radius:24px;background:#1a1a1a;box-shadow: 0px 0px 8px rgba(20, 20, 20, .1);}
.air_arrow > p{display:inline-block;background:url(../images/arrow_two.png) left center no-repeat;font-family:'Nanum Gothic Bold';line-height:36px;font-size:14px;color:#fff;padding-left:50px;}
.air_way{display:inline-block;border-radius:24px;font-family:'Nanum Gothic Bold';height:36px;padding:0 20px;line-height:36px;font-size:16px;color:#fff;background:#1a1a1a;}

.bn_tag_boxA{position: relative;display:inline-block;border-radius:24px;height:40px;padding:0 30px 0 60px;background:#fff; box-shadow: 0px 0px 8px rgba(20, 20, 20, .1);margin-bottom:40px;}
.bn_tag_boxA > .transport{position: absolute;left:0; top:0;}
.ico_air{display:inline-block;border-radius:50%;width:40px; height:40px;background:url(../images/ico_airplane_wh.png) center center no-repeat #1a1a1a;}
.ico_bus{display:inline-block;border-radius:50%;width:40px; height:40px;background:url(../images/ico_bus_wh.png) center center no-repeat #1a1a1a;}
.ico_train{display:inline-block;border-radius:50%;width:40px; height:40px;background:url(../images/ico_train_wh.png) center center no-repeat #1a1a1a;}
.ico_ship{display:inline-block;border-radius:50%;width:40px; height:40px;background:url(../images/ico_ship_wh.png) center center no-repeat #1a1a1a;}
.ico_arrow{display:inline-block; width:28px; height:40px; background:url(../images/ico_arrow1.png) center center no-repeat; margin-right:10px;}

.bn_tag_boxA > h3{display:inline-block;font-family:'Nanum Gothic Bold';line-height:38px;font-size:16px;color:#1a1a1a;margin-right:10px;vertical-align:top;}
.bn_tag_boxA .direct{display:inline-block;vertical-align:top; padding-top:8px;}
.bn_tag_boxA input[type=radio] { display: none;  }
.bn_tag_boxA input[type=radio] + label{display: inline-block;  cursor: pointer;  position: relative;padding-left:22px;margin-right:0px;  font-size: 16px; line-height:16px;font-family:'Nanum Gothic Bold';color:#666;letter-spacing:-0.03em;vertical-align:middle;}
.bn_tag_boxA input[type=radio]+ label:before {content: "";  display: inline-block;width:16px;height:16px;transition:all .2s;position:absolute; left:0; top:0; margin-right:5px; border:1px solid #cbcdd3; background:#FFF;border-radius:50%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;} 
.bn_tag_boxA input[type=radio]:checked + label:before { content: "\25CF";  /* 체크모양 */text-shadow: 1px 1px 1px rgba(0, 0, 0, .1);font-size: 0px; font-weight:800; color: #fff;border:5px solid #1b7bc7; background:#fff;text-align: center;line-height: 16px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;} 
.bn_tag_boxA input[type=checkbox] { display: none;  }
.bn_tag_boxA input[type=checkbox] + label{display: inline-block;  cursor: pointer;  position: relative;padding-left:22px;margin-right:0px; font-size: 16px; line-height:16px;font-family:'Nanum Gothic Bold';color:#666;letter-spacing:-0.03em;vertical-align:middle;}
.bn_tag_boxA input[type=checkbox]+ label:before {content: "";  display: inline-block;width: 16px;height: 16px;transition:all .2s;position:absolute; left:0; top:0; margin-right:5px; border:1px solid #cbcdd3; background: #fff;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;} 
.bn_tag_boxA input[type=checkbox]:checked + label:before { content: "\2713";  /* 체크모양 */text-shadow: 1px 1px 1px rgba(0, 0, 0, .1);font-size:14px; font-weight:400; border:1px solid #1b7bc7; background: #1b7bc7;color: #fff;text-align: center;line-height:1;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}  

.bn_air_box{display:inline-block;border-radius:24px;height:36px;padding:0 20px;box-shadow: 0px 0px 8px rgba(20, 20, 20, .1); }
.bn_air_box p{display:inline-block;font-family:'Nanum Gothic Bold';line-height:36px;font-size:16px;color:#fff;background:url(../images/ico_airplane_wh.png) left center no-repeat;padding-left:30px;}
.bn_bus_box{display:inline-block;border-radius:24px;height:36px;padding:0 20px;box-shadow: 0px 0px 8px rgba(20, 20, 20, .1);}
.bn_bus_box p{display:inline-block;font-family:'Nanum Gothic Bold';line-height:36px;font-size:16px;color:#fff;background:url(../images/ico_bus_wh.png) left center no-repeat;padding-left:30px;}
.bn_train_box{display:inline-block;border-radius:24px;height:36px;padding:0 20px;box-shadow: 0px 0px 8px rgba(20, 20, 20, .1);}
.bn_train_box p{display:inline-block;font-family:'Nanum Gothic Bold';line-height:36px;font-size:16px;color:#fff;background:url(../images/ico_train_wh.png) left center no-repeat;padding-left:30px;}
.bn_ship_box{display:inline-block;border-radius:24px;height:36px;padding:0 20px;box-shadow: 0px 0px 8px rgba(20, 20, 20, .1);}
.bn_ship_box p{display:inline-block;font-family:'Nanum Gothic Bold';line-height:36px;font-size:16px;color:#fff;background:url(../images/ico_ship_wh.png) left center no-repeat;padding-left:30px;}
.bn_t_bg1{background:#1d69ac;}
.bn_t_bg2{background:#f97228;}
.bn_arrow{display:inline-block;height:36px;padding:0 20px;border-radius:24px;background:#1a1a1a;box-shadow: 0px 0px 8px rgba(20, 20, 20, .1);}
.bn_arrow > p{display:inline-block;background:url(../images/arrow_two.png) left center no-repeat;font-family:'Nanum Gothic Bold';line-height:36px;font-size:14px;color:#fff;padding-left:50px;}

.black{color:#1a1a1a;}
.white{color:#fff;text-shadow: 1px 1px 8px rgba(0, 0, 0, .2);}

.btn_area{display: inline-block; width:100%; margin-top:20px;}

.cbox_sty1{position:relative;display: inline-block; width:100%;text-align:center; margin-top:-55px; padding:0px 5%;font-size:0;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;z-index:2;}
.cbox_sty1 li{position:relative;display: inline-block;width:10%; margin-left:-1px;margin-top:-1px;cursor:pointer;position:relative;border:2px solid #fff;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.cbox_sty1 li:first-child, .cbox_sty1 li:nth-child(2), .cbox_sty1 li:nth-child(3), .cbox_sty1 li:nth-child(4), .cbox_sty1 li:nth-child(5), .cbox_sty1 li:nth-child(6), .cbox_sty1 li:nth-child(7), .cbox_sty1 li:nth-child(8), .cbox_sty1 li:nth-child(9), .cbox_sty1 li:nth-child(10){margin-top:0px;}
/*
.cbox_sty1 .thumb_over{position: absolute; display: inline-block; top:0px; left:0px; padding-top:75%; width:100%; height:100%; min-height:100%;background-color:transparent; -ms-filter: alpha(opacity=0); filter: Alpha(opacity=0); opacity: 0; overflow: hidden; box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; z-index:2;}
.cbox_sty1 .thumb_over img{max-width:100%; text-align:center;}
.cbox_sty1 li:hover .thumb_over{background-color:rgba(254, 230, 242, .8); -ms-filter: alpha(opacity=100); filter: Alpha(opacity=100); opacity: 1.0; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; }
*/
.cbox_sty1 .zoom{position:relative;display: inline-block; width:100%; padding-top: 75%;overflow: hidden;  background:#000;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; }

.cbox_sty1 .zoom-image {position: absolute;top: 0;left: 0; height: 100%;width: 100%;  opacity:0.4; background-size: cover; transition: transform 0.3s ease-in-out;}
.cbox_sty1 li:hover .zoom{}
.cbox_sty1 li:hover .zoom-image {opacity:1;transform: scale(1.1);transition:all .3s ease-out;}
.cbox_sty1 li:hover .txtWrap {opacity:0;}
.cbox_sty1 .txtWrap{position:absolute;left:50%;top:50%;width:100%;max-width:100%;max-height:100%;transform:translate(-50%, -50%);padding:0px 5%;opacity:1;box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;z-index:3;}
.cbox_sty1 .txtWrap > h3{font-family:'Nanum Gothic Bold';line-height:1;letter-spacing:-0.03em;font-size:14px; color: #fff;}
.cbox_sty1 .txtWrap > p{font-family:'Nanum Gothic Bold';line-height:1.45;letter-spacing:-0.03em;font-size:17px; color: #fff; margin-top:5px;}

.content_test{display:inline-block; width:100%; height:300px; font-size:0;}

@media all and (max-width:1680px) {
.cbox_sty1 .txtWrap > h3{font-size:13px;}
.cbox_sty1 .txtWrap > p{font-size:16px;line-height:1.3;}

}

@media all and (max-width:1580px) {
.cbox_sty1 .txtWrap > h3{font-size:12px;}
.cbox_sty1 .txtWrap > p{font-size:15px;line-height:1.3;}

}

@media all and (max-width:1460px) {
.cbox_sty1 .txtWrap > h3{font-size:11px;}
.cbox_sty1 .txtWrap > p{font-size:14px;line-height:1.3;}

}

@media all and (max-width:1380px) {
.cbox_sty1 .txtWrap > h3{font-size:11px;}
.cbox_sty1 .txtWrap > p{font-size:13px;line-height:1.3;margin-top:2px;}

}
@media all and (max-width:1280px) {
.cbox_sty1 .txtWrap > h3{font-size:9px;}
.cbox_sty1 .txtWrap > p{font-size:12px;line-height:1.3;margin-top:0px;}
}