@charset "utf-8";
/* header */
#header_wrap {width: 100%;}
#header_wrap .header {width: 1100px; height: 110px; margin: 0 auto;}
#header_wrap .header h1 {width: 186px; height: 20px; margin:0 auto; padding-top: 45px; }
#header_wrap .header .top_cont {position: relative; top:25%; width: 1100px; margin:0 auto; }
#header_wrap .header .top_cont .cont .top .skip_btn {float: right;}
#header_wrap .header .top_cont .cont .top .skip_btn li {float: left; padding-right:10px; margin: 5px 0 0 10px; position: relative;background:url(../images/common/top_btn_line.gif) no-repeat right center;}
#header_wrap .header .top_cont .cont .top .skip_btn li a { font-size:12px; color: #000000;}
#header_wrap .header .top_cont .cont .top .arml_sns {float: left;}
#header_wrap .header .top_cont .cont .top .arml_sns li {float: left; margin-left:7px;}
#header_wrap .nav_area {width: 100%; height:45px; background:#3680c7; }
#header_wrap .nav_area .nav {width: 1100px; margin:0 auto; }
#header_wrap .nav_area .nav li.all a {float: left; left:0; margin-right: 100px; font-size:19px; color: #fff; line-height: 45px; font-weight: 500;}
#header_wrap .nav_area .nav li.all img {margin-right: 10px;}
#header_wrap .nav_area .nav li.m a { position: relative; float: left; margin-right: 100px;  font-size:19px; color: #fff; line-height: 45px;font-weight: 500;}
#header_wrap .nav_area .nav li.e a { position: relative; float: left; font-size:19px; color: #fff; line-height: 45px;font-weight: 500;}



/* header */
/* #header_wrap {width: 100%;}
#header_wrap .header {width: 1100px; height: 110px; margin: 0 auto;}
.header h1 {width: 186px; height: 20px; margin:0 auto; padding-top: 45px; }
.haader .top_cont {width: 1100px; margin:0 auto;}
.haader .top_cont .util { float: right;}
.header .top_cont .util li {padding-right:10px;margin-right:10px;float:left;background:url(../images/common/top_btn_line.gif) no-repeat right center;font-size:11px;}
.header .top_cont .sns { float: left;}
.header .top_cont .sns li {float: left; margin:0 0 0 7px;}
.nav_area {width: 100%; height:45px; background:#3680c7; }
.nav_area .nav {width: 1100px; margin:0 auto; }

.nav_area .nav li { position: relative; float: left; margin-right: 90px;  font-size:19px; color: #fff; line-height: 45px;}
.nav_area .nav li.all {float: left; left:0;} */

/* container */
#container {width: 1100px; margin:0 auto;}
.main_search {width: 1100px; margin:30px 0 50px 0;}
.air {float: left; margin-right: 20px;}
.air .tit {width: 540px;height: 40px;background: url(./air_tit.png) no-repeat;}
.air .tit span {position: relative;font-size: 17px;color:#fff;font-weight: bold;margin-left: 40px;top: 9px;}
.air .air_sch {width: 540px;height: 262px;border: 1px solid #084b75;box-sizing: border-box;}
.air_sch .tal span {margin-right:10px; font-size:16px; color:#313131; font-weight:500; line-height:37px; text-align:left; letter-spacing:-1px;}
.air_sch {padding:15px 15px;}
span.seat {margin: 0 10px 0 20px; font-size:17px; color:#313131; font-weight:bold; line-height:37px; text-align:left; letter-spacing:-1px;} 
.air_sch .tal .age {font-size:12px; color:#313131;}
.air_sch .tal .age li.a{float: left; margin-left:50px;}
.air_sch .tal .age li.b {float: left; margin-left:25px;} 
.air_sch .tal .age li.c {float: left; margin-left:27px;} 


.air_sch .btn_sch {margin-left:3px;}
.air_sch .btn_sch + .btn_m {margin-left:3px;}
.isIE8 .air_sch .btn_sch + .btn_m {margin-left:0;}
.air_sch select ~ select {margin-left:5px;}
.isIE8 .air_sch select ~ select {margin-left:3px;}
/* �좎쭨�좏깮 input*/

.date_se {display:inline-block; width:140px; height:30px; border:1px solid #d2d2d2; margin:0 3px 0 3px;}
.date_se input[type="text"] {border:none; background:#fff; height:27px; width:82%;}
.date_se .date_cal {display:inline-block; width:20px; height:22px; margin-top:-1px; background:url(./splite_common.png) no-repeat; font-size:0; vertical-align:middle;}
select.comm_sel {width:150px; height:30px; padding:0 0 0 2px; border:1px solid #d4d4d4; color:#0e0e0e; margin-right: 10px;}
select.comm_per {width:80px; height:30px; padding:0 0 0 2px; border:1px solid #d4d4d4; color:#0e0e0e;}
select.comm_seat {width:125px; height:30px; padding:0 0 0 2px; border:1px solid #d4d4d4; color:#0e0e0e;}
select.comm_rom {width:50px; height:30px; padding:0 0 0 2px; border:1px solid #d4d4d4; color:#0e0e0e;
                  position: relative; top:2px;}

.tal button {display:inline-block;width:86px;height:33px;background: #3483ac;color:#fff;font-size:15px;font-weight:300;text-align:center;line-height:30px;position: relative;top:3px;vertical-align: middle;margin-top: -3px;}
.sch_btn button {display:inline-block;margin: 20px 0 0 90px;width:310px;height:35px;background: #3483ac;color:#fff;font-size:15px;font-weight:bold;text-align:center;line-height:30px;}

.main_search .hotel {float: left; width: 540px;}
.main_search .hotel .tit {width: 540px; height: 60px; background: url(../images/main/htl_tit.jpg) no-repeat;}
.main_search .hotel .tit span {position: relative; font-size: 24px; color:#fff; font-weight: bold; margin-left:82px; top:17px;}
.main_search .hotel .htl_sch {width: 540px; height: 262px; border: 1px solid #5ba9e7; box-sizing: border-box;}
.htl_sch .tal span {margin-right:10px; font-size:16px; color:#313131; font-weight:500; line-height:37px; text-align:left; letter-spacing:-1px;}
.htl_sch {padding:15px 15px;}
.htl_sch span.checkout {margin-left: 20px;} 
span.rtype {margin: 0 10px 0 140px; font-size:17px; color:#313131; font-weight:bold; line-height:37px; text-align:left; letter-spacing:-1px;} 
.htl_sch .tal .area {font-size:16px; color:#313131; font-weight: 400;}
.htl_btn button {display:inline-block; margin: 50px 0 0 90px; width:310px; height:35px; background:#9e9e9e; color:#fff; font-s7ize:15px; font-weight:bold; text-align:center; line-height:30px;}


.htl_sch .btn_sch {margin-left:3px;}
.htl_sch .btn_sch + .btn_m {margin-left:3px;}
.isIE8 .htl_sch .btn_sch + .btn_m {margin-left:0;}
.htl_sch select ~ select {margin-left:5px;}
.isIE8 .htl_sch select ~ select {margin-left:3px;}



/* �좎쭨�좏깮 input*/

.date_se {display:inline-block; width:140px; height:30px; border:1px solid #d2d2d2; margin:0 3px 0 0px;}
.date_se input[type="text"] {border:none; background:#fff; height:27px; width:100%;}
.date_se .date_cal {display:inline-block; width:20px; height:22px; margin-top:-1px; background:url(./splite_common.png) no-repeat; font-size:0; vertical-align:middle;}
select.comm_sel {width:150px; height:30px; padding:0 0 0 2px; border:1px solid #d4d4d4; color:#0e0e0e; margin-right: 10px;}
select.comm_per {width:80px; height:30px; padding:0 0 0 2px; border:1px solid #d4d4d4; color:#0e0e0e;}
select.comm_seat {width:125px; height:30px; padding:0 0 0 2px; border:1px solid #d4d4d4; color:#0e0e0e;}


/* 吏���퀎�≪쿂由ы빆怨듦텒 */
.cont_section {float: left; margin-top: 50px;}
.discount {float: left;width: 600px;}
.discount p {float:left;font-size: 20px;color:#313131;font-weight: bold;margin-bottom: 15px;}
.discount a.more {float:right;margin-top:15px;}
.discount p span.b{font-size: 20px;color:#3680c7;font-weight: bold;}
.discount .air{margin-right:0px}
.discount .air .tab_area {border-bottom:2px solid #3769c0;}
.discount .air .tab::after{content:'';clear:both;display:block}
.discount .air .tab li {float:left;height: 43px;color:#3769c0;background:#f0f0f0;border:1px solid #d2d2d2;vertical-align:middle;box-sizing: border-box;}
.discount .air .tab li.on {background:#3769c0;border:1px solid #3769c0;color:#fff;}
.discount .air .tab li.on a {background:#3769c0;color:#fff;}
.discount .air .tab li:first-child {border-left:none;}
.discount .air .tab li a {display:block; margin-top: 10px; font-size:16px; color:#3769c0;font-weight:600; text-align:center;}
.discount .air .tab li#JPN {width: 74px;}
.discount .air .tab li#ASIA {width: 68px;}
.discount .air .tab li#CHI {width:67px}
.discount .air .tab li#AMCA {width:65px}
.discount .air .tab li#CSAM {width:65px}
.discount .air .tab li#EUR {width:70px}
.discount .air .tab li#SOPA {width:72px}
.discount .air .tab li#AFR {width: 119px;}

.discount .air .board_wrap {float: left;width:600px}
.discount .air .board_wrap .board_list{font-family:'Nanum Gothic', '�섎닎怨좊뵓', '�섎닎 怨좊뵓', Dotum, Gulim, verdana, HelveticaNeue, Apple-Gothic, sans-serif;}
.discount .air .board_wrap thead th {height: 35px;font-size: 16px;line-height:30px;color:#494949; background:#e8e8e8;}
.discount .air .board_wrap tbody td {height: 35px; font-size:15px; line-height:30px; text-align: center; border-bottom: 1px solid #d6d6d6;}
.discount .air .board_wrap tbody td span.price {height: 35px;color:#ed1b1a; font-weight: bold; line-height:30px; text-align: center;}
.discount .air .board_wrap tbody td span.city {height: 35px;font-weight: bold; line-height:30px; text-align: center;}
.discount .air .board_wrap tbody td a{color: #3769c0;}

/* �ㅻⅨ履� 諛곕꼫 */
.cont_section .sub_ban  {position: relative; float:right; width: 480px; margin-left: 20px;}
.cont_section .sub_ban h2 { font-size:24px; color:#313131; margin-bottom: 15px;}
* {box-sizing:border-box}
body {/*! font-family: Verdana,sans-serif; */margin:0}
.mySlides {display:none}

/* Slideshow container */
.slideshow-container {
  max-width: 480px;
  position: relative;
  margin: auto;
}

.ban_t { font-size:24px; color:#313131; margin-bottom: 15px;}
/* Next & previous buttons */

.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.next { right: 0; border-radius: 3px 0 0 3px;}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover { background-color: rgba(0,0,0,0.8);}
.btn {position: absolute; top:90%; left: 45%;}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #9eaebb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {background-color: #5ba9e7;}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
}


/* 3媛� 濡ㅻ쭅 �쒕툕諛곕꼫 */
.slide_wraps {float:left; position:relative; max-width:1100px; margin:25px auto 0;}
.slide_wraps li{float:left;}

.cont_banner {float: left; margin-top: 50px;}
.cont_banner .ban ul li.m {float: left; margin-right: 10px;}
.cont_banner .ban ul li.end {float: left;}

.direction {position:relative; }
.direction button {display:inline-block; width:35px; height:35px; font-size:0; margin-top:10px;}
.direction button.prev {background:url(../images/main/arr_left.jpg) no-repeat 0 0;}
.direction button.next {float:right; background:url(../images/main/arr_right.jpg) no-repeat 0 0;}
.control {text-align:center; }
.control .pager button {width: 18px; height: 18px; margin: 0 6px; border-radius:50%; background-color: #b7b7b7;text-indent: -9999px;}
.control .pager button.active {background:#5ba9e7;}


/* �좊읇�먯쑀�ы뻾 */
.free {float: left; margin-top: 50px;}
.free .eurail {float: left; width: 370px; margin-right: 15px;}
.free .eurail h3{ font-size:24px; color: #3680c7; font-weight: bold; margin-bottom: 20px; }
.free .eurail .eu_btn li {float: left;}
.free .eu_free {float: left; width: 715px;}
.free .eu_free h3{ font-size:24px; color: #3680c7; font-weight: bold; margin-bottom: 20px;}
.free .eu_free .img {width: 715px; height: 200px; background-color: #f8f8f8; border: 1px solid #d6d6d6; box-sizing: border-box; }
.free .eu_free .img ul {margin:15px 0 0 15px;}
.free .eu_free .img ul li {float: left; width: 218px; height: 170px;}
.free .eu_free .img ul li.south {margin-right:15px; background: url(../images/main/eu_img_01.png) no-repeat;}
.free .eu_free .img ul li.east {margin-right:15px; background: url(../images/main/eu_img_02.png) no-repeat;}
.free .eu_free .img ul li.bp {background: url(../images/main/eu_img_03.png) no-repeat;}
span.stit a {float: left; font-size: 16px; color:#313131; margin:20px 0 0 20px;}



/* 而ㅻ��덊떚 */
.community {float: left; margin-top: 50px;}
.left {float: left; width: 535px; margin-right: 20px;}
.left .air_list {}
.left .air_list h3 {font-size:24px; color: #3680c7; font-weight: bold; margin-bottom: 20px;}
.air_list .m_board {float:left; width:535px; height:240px;}
.air_list .m_tab {display:table; width:535px; table-layout:fixed;}
.air_list .m_tab li {display:table-cell; position:relative; height:40px; background:#fff; border:1px solid #e3e3e3; border-left:none; vertical-align:middle;}
.air_list .m_tab li:first-child {border-left:1px solid #e3e3e3;}
.air_list .m_tab li.more {display:inline-block; content:""; position:absolute; top:16px; right:10px; width:20px; height:20px; padding:0; background:url(../images/home_main/bg_tab1.png) no-repeat 50%; vertical-align:middle; font-size:0;}/*20161201 �섏젙*/
.air_list .m_tab li.on {border:2px solid #3680c7;}
.air_list .m_tab li.on .more {background:url(../images/main/bg_tab2.png) no-repeat 50%;}
.air_list .m_tab li.on:before {display:inline-block; content:""; position:absolute; left:45%; bottom:-18px; width:30px; height:18px; background:url(../images/home_main/bg_tab_arrow.gif) no-repeat 0 0;}
.air_list .m_tab li a {display:block; text-align: center; color:#000; font-size:15px; font-weight:400;}
.air_list .m_tab_cont {width:535px; height:185px; padding:20px; background:#f8f8f8;}
.air_list .m_tab_cont li { font-size:15px; color:#5c5c5c; font-weight:400; line-height:2;}
.air_list .m_tab_cont li img {margin-top: 8px;}
.air_list .m_tab_cont li a {display:inline-block; overflow:hidden; font-size:15px; color:#5c5c5c;  text-overflow:ellipsis; width:80%; white-space:nowrap; vertical-align:top;}
.left .search_btn {float: left; width: 535px; height: 140px; background: #bcdff3; 
                  padding: 15px; margin-top: 10px;}
.search_btn .btn_img li.l {float: left; margin-right: 8px;}
.search_btn .btn_img li.end {float: left; }

.community .right {float: left;}
.right .notice {position: relative; width: 545px; margin-bottom: 20px;}
.right .notice  h3 {display:block; width:100%; font-size:24px; color: #3680c7; font-weight: bold; margin-bottom: 20px;}
.right .notice .tb_list {background: #f8f8f8; padding: 20px;}
.right .notice .tb_list li {font-size:14px; color:#303030;  line-height:2;}
.right .notice .tb_list li span {display:inline-block; width:31%; text-align:right; vertical-align:top;}
.right .notice .tb_list li img {margin-top: 8px;}
.right .notice .tb_list li a {display:inline-block; overflow:hidden; font-size:15px; color:#5c5c5c; text-overflow:ellipsis; width:65%; white-space:nowrap; vertical-align:top;}
.right .notice .btn_more {display:block; position:absolute; top:15px; right:0; width:48px; height:10px; background:url(../images/main/more_s.jpg) no-repeat 0 0; font-size:0; vertical-align:middle;}

.right .faq {position: relative; width: 545px;}
.right .faq  h3 {display:block; width:100%; font-size:24px; color: #3680c7; font-weight: bold; margin-bottom: 20px;}
.right .faq  .tb_list {background: #f8f8f8; padding: 20px;}
.right .faq  .tb_list li { font-size:14px; color:#303030; line-height:2;}
.right .faq  .tb_list li a {display:inline-block; font-size:15px; color:#5c5c5c; overflow:hidden; text-overflow:ellipsis; width:65%; white-space:nowrap; vertical-align:top;}
.right .faq  .tb_list li img {margin-top: 8px;}
.right .faq .btn_more {display:block; position:absolute; top:15px; right:0; width:48px; height:10px; background:url(../images/main/more_s.jpg) no-repeat 0 0; font-size:0; vertical-align:middle;}

/* customer */
.customer {width: 1100px;  margin:0 auto;}
.tbl {float:left; width:1100px;  border-collapse:collapse; border-spacing:0;}
.tbl thead th {font-size:14px; line-height:30px; font-weight:600; text-align:center;color:#222; border:1px solid #e7e7e7;  background:#5ba9e7}
.tbl thead .top_th th {padding:13px 0 13px 20px; font-size:20px; line-height:33px; font-weight:bold; text-align:left;color:#fff; letter-spacing:-0.5px; background:#5ba9e7;}
.tbl thead .top_th th.th02 {padding:0; font-size:13px; line-height:33px; font-weight:600; text-align:center;color:#fff}
.tbl tbody tr:first-child th, .tbl tbody tr:first-child td {border:1px solid #e7e7e7; background: #f6f7f9;}
.tbl tbody th {padding:0 0 0 18px; text-align:left; font-weight:bold; border:1px solid #e7e7e7; letter-spacing:-0.5px;  font-size:15px; line-height:28px; color:#666; background: #f6f7f9;}
.tbl tbody td {padding:0 0 0 18px; text-align:left; font-weight:bold; border:1px solid #e7e7e7; letter-spacing:-0.5px; font-size:15px; line-height:40px;  color:#666; background: #f6f7f9;}
.tbl tbody td div {position:relative; height:81px; width:100%; padding:8px 0 0 20px; font-size:14px; line-height:18px;  color:#666}
.tbl tbody td .bank span.bnum {display: block; font-size: 26px; font-weight: 400; margin:10px 0 10px 0;}
.tbl tbody td .num {position:absolute; bottom:0; left:0; display:block; width:100%; font-size:23px; line-height:38px; font-weight:600; text-align:center; color:#fff; background:#294785}
.time {display: block; font-size: 14px; line-height: 19px; padding: 5px 0 5px 0;}
.tel {font-size: 36px; color: #313131; font-weight: bold;}
.tel img {margin-left: 20px;}
.bn_right {float:left; margin:32px 0 0; }
.bn_right li {display:block; margin:10px 0 0 0; text-align:center; vertical-align:top;}
.bn_right li:first-child {width:200px; height:67px; margin:0; padding:18px 0 0 0; background:url("../images/201704/bg_sns.png") no-repeat left top;}
.bn_right li:first-child > a {margin:0 3px;}
.bn_right li a {vertical-align:top;}

/* info_ban */
.info_ban {float: left; margin:50px 0 50px 0;}
.info_ban li {float: left;}


/*footer*/ 
#footer_arml {width: 100%;}
#footer_arml .foot_btn_cont {float: left; width: 100%; height:40px; background: #eaeaea; margin-top: 60px;}
#footer_arml .foot_btn_cont .cont {width: 1100px; margin:0 auto; }
#footer_arml .foot_btn_cont .cont a {width: 1100px; font-size: 16px; color:#313131; line-height: 40px; margin-right: 25px; padding-right: 25px; background: url(../images/common/foot_line.gif) no-repeat right center;}
#footer_arml .address_wrap {width:100%;margin:0 auto;overflow:hidden; padding-bottom:10px;}
#footer_arml .address_wrap .copyright{width:1100px;margin:0 auto;overflow:hidden; }
#footer_arml .address_wrap .copyright .logo {float:left;width:148px;padding:30px 30px 30px 0;}
#footer_arml .address_wrap .copyright .address{float:left;padding-top:30px;font-size:13px;color:#313131;line-height:20px;}