/**
 * 각 국가 페이지 서브 메인
 * GR/submain.css
 */

@charset "utf-8";

/**
 * 서브 네비게이션
 */
/*
#submain_nav {
  background-color: #b5dcef;
  border-bottom: 1px solid #81b7d2;
  -webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.3);-moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.3);box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.3);
}
#submain_nav.affix {position: fixed;left: 0px;top: 50px;z-index: 49;width: 100%;margin: 0px;-webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.3);-moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.3);box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.3);}
#submain_nav .nav-pills {display: table;table-layout: fixed;width: 100%;}
#submain_nav .nav-pills > li {display: table-cell;float: none;width: 20%;text-align: center;}
#submain_nav .nav-pills > li > .dropdown-menu{width: 100%;}
#submain_nav .nav-pills > li > a {padding: 10px 0px;border-radius: 0px;font-size: 14px;
  border-right: 1px solid #89c9e8;
  border-left: 1px solid #d2e9f5;
}
#submain_nav .nav-pills > li:last-child > a {border-right: 0px;}
#submain_nav .nav-pills > li:first-child > a {border-left: 0px;}
#submain_nav .nav-pills > li.open > a {background-color: #005fb7;color: #fff;}
#submain_nav .nav-pills > li.open > .dropdown-menu {
  margin: 0px;
  border-radius: 0px;
}
.body_xs #submain_nav > .container{padding-left: 0px;padding-right: 0px;}
.body_xs .swiper-button-navigation{display: none;}
*/


/**
 * slider
 */
#main_whole_slider {width: 100%;overflow:hidden;}
#main_whole_slider_container {position: relative;max-width: 1140px;}
#main_whole_slider_container .swiper-slide {overflow: hidden;text-align: center;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;background-position: 50% 0%;background-size: cover;background-color:#f1f1f1;border-right:1px solid #ccc;z-index:20;max-height:700px;}
#main_whole_slider_container .swiper-slide .slide_img{width:100%}

#main_whole_slider_container .swiper-slide .slide_contents_wrap{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center}
#main_whole_slider_container .swiper-slide .slide_contents_wrap .slide_contents{display:inline-block;vertical-align:middle}
#main_whole_slider_container .swiper-slide .slide_contents_wrap .slide_blank{display:inline-block;width:0;height:100%;vertical-align:middle}
#main_whole_slider_container .swiper-slide .slide_contents_wrap .slide_contents img{margin:0 auto}
#main_whole_slider_container .swiper-slide .slide_contents_wrap .slide_contents h1{margin:15px 0px;color:#fff;font-size:4em;font-weight:900;text-shadow:0px 0px 3px #000;}
#main_whole_slider_container .swiper-slide .slide_contents_wrap .slide_contents h3{margin:15px 0px;color:#fff;font-size:2em;font-weight:400;text-shadow:0px 0px 3px #000;}
#main_whole_slider_container .swiper-slide .slide_contents_wrap .slide_contents h6{margin:15px 0px;color:#dcdcdc;font-size:1em;font-weight:400;text-shadow: 1px 1px 1px #696969;}
.body_xs #main_whole_slider_container .swiper-slide .slide_contents_wrap .slide_contents  h1{ margin:10px 0px;font-size:1.5em;text-shadow:0px 0px 3px #000; }
.body_xs #main_whole_slider_container .swiper-slide .slide_contents_wrap .slide_contents  h3{ display:none }
.body_xs #main_whole_slider_container .swiper-slide .slide_contents_wrap .slide_contents  h6{ display:none }
.body_xs #main_whole_slider_container .swiper-slide .slide_contents_wrap .slide_text_imgtext button{display:none}

#main_whole_slider_container .swiper-slide-prev,
#main_whole_slider_container .swiper-slide-next {opacity: 0.5}

.swiper-button-next, .swiper-button-prev {display:none; position: absolute; top: 50%; margin-top: -25px; width: 50px; height: 50px; text-align:center; z-index: 10; cursor: pointer; color:#fff; background:none; /*background-color: rgba(0,0,0,.4);*/ }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {right: 10px;left: auto;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {left: 10px;right: auto;}
.swiper-container:hover .swiper-button-next, .swiper-container:hover .swiper-button-prev{display:block;}

#main_whole_slider .swiper-button-navigation{position:absolute;left:0px;bottom:0px;z-index:21;width:100%;height:80px;text-align: center;}
#main_whole_slider .swiper-button-navigation .slide_go{display:inline-block;border:none;padding: 4px 10px;background-color: #252525;color: #ccc;height: 64px;background: rgba(0, 0, 0, 0.7);-webkit-border-radius: 5px 5px 0 0;border-radius: 5px 5px 0 0;-webkit-transform: translate(0,70%);-ms-transform: translate(0,70%);transform: translate(0,70%);-webkit-transition: all 0.7s cubic-bezier(0.22,0.81,0.01,0.99);-ms-transition: all 0.7s cubic-bezier(0.22,0.81,0.01,0.99);transition: all 1s cubic-bezier(0.22,0.81,0.01,0.99);}
#main_whole_slider .swiper-button-navigation .slide_go .t1{height:30px;color:#fff;text-align:left;font-size:14px;font-weight:400;}
#main_whole_slider .swiper-button-navigation .slide_go .t2{height:50px;color:#fff;text-align:left;font-size:12px;font-weight:100;}
#main_whole_slider .swiper-button-navigation .slide_go_active {height: 80px;background: rgba(0, 0, 0, 0.3);-webkit-transform: translate(0,0);-ms-transform: translate(0,0);transform: translate(0,0);}
.body_xs #main_whole_slider .swiper-button-navigation{display:none}
.body_xs .swiper-button-next, .body_xs .swiper-button-prev{display:block;}
.body_xs .swiper-button-next, .swiper-container-rtl .swiper-button-prev {right:-10px}
.body_xs .swiper-button-prev, .swiper-container-rtl .swiper-button-next {left:-10px}

/**
 * title
 */
.submain_section_title {font-weight: bold}
.submain_section_title .subtext {font-size: 0.8em; font-weight: 400; }
@media only screen and (max-width: 767px){
  .submain_section_title .subtext { font-size: 0.7em; }
}
.submain_section_title .accent {color: #ab0000}
.body_xs .submain_section_title{font-size:20px;text-align:center;line-height:160%;}

/**
 * tab items
 */
.item_tab_wrap {}
.item_tab_wrap .item_tab_btns {display: table;table-layout: fixed;width: 100%; font-size: 14px; }
.item_tab_wrap .item_tab_btns .item_tab_btn {display: table-cell;padding: 20px 5px;text-align: center;vertical-align: middle;background-color: #f3f3f3;color: #333;border-right: 1px solid #fff;border-left: 1px solid #f1f1f1;word-wrap: break-word;cursor: pointer}

.item_tab_wrap .item_tab_btns .item_tab_btn:last-child {border-right: 0px;}
.item_tab_wrap .item_tab_btns .item_tab_btn:first-child {border-left: 0px;}
.item_tab_wrap .item_tab_btns .active {background-color: #666;color: #fff;border: none}
.item_tab_wrap .item_tab_ctn { position:relative;width: 100%;border: 5px solid #666;background-color: #f7f7f7; padding-left: 15px; padding-right: 15px; }
@media only screen and (max-width: 767px){
  .item_tab_wrap .item_tab_btns { font-size: 12px; }
  .item_tab_wrap .item_tab_btns .item_tab_btn {padding: 10px 5px;}
  .item_tab_wrap .item_tab_ctn { padding-top: 7.5px; padding-bottom: 7.5px; }
}
.item_tab_wrap .item_tab_ctn::after {display: block;content: '';clear: both}

/*1*/
.recSantorini .item_tab_wrap .item_tab_btns { }
.recSantorini .item_tab_wrap .item_tab_ctn { border: 5px solid #0098C5; background-color: #fff; }
.recSantorini .item_tab_wrap .item_tab_btns .item_tab_btn { background-color: #fff; }
.recSantorini .item_tab_wrap .item_tab_btns .active { background-color: #0098C5; }

/*2*/
.recSantoriniTheme .item_tab_wrap .item_tab_btns { border-bottom : 5px solid #666; }
.recSantoriniTheme .item_tab_wrap .item_tab_ctn { border: none;background-color: #fff;padding-left: 0;padding-right: 0; }

/*3*/
.recGreece .item_tab_wrap .item_tab_ctn { border: 5px solid #0098C5; background-color: rgba(255,255,255,.8); }
.recGreece .item_tab_wrap .item_tab_btns .item_tab_btn { background-color: rgba(255,255,255,.9); }
.recGreece .item_tab_wrap .item_tab_btns .active { background-color: #0098C5; }
.parallax > .background-image-holder { top: -50vh; }

/**
 * why hoteltira
 */
#extra_strong_point {margin-top: 30px;margin-bottom: 30px;}

/**
 * tour banner
 */
#tour_ctgy_banners {margin-bottom: 30px;}
#tour_ctgy_banners ul {overflow: hidden;list-style: none;text-align: center;margin: 0px;padding: 0px;}
#tour_ctgy_banners ul li {display: inline-block;width: 14.2857142857;list-style: none}
#tour_ctgy_banners ul li a {display: block}

#greeceMainBan1 { margin-bottom: 50px; margin-top:80px; }
#greeceMainBan1 .mainBan1Text1 { font-size: 14px; }
#greeceMainBan1 .mainBan1Title { font-size: 22px; font-weight: bold; letter-spacing: -2px; margin-top:-10px; margin-bottom:10px; }
#greeceMainBan1 .btn-mod { border-radius: 15px; padding: 3px 4px; font-size: 10px; }
#greeceMainBan1 .banFright { float: right; margin-top: -30px; margin-right: 30px; }

/* 렌터카 배너 */
.rentalcar_banner a { display: block; width: 100%; }
.rentalcar_banner a img { width: 100%; }
.rentalcar_banner_mb { display: none; }

@media only screen and (max-width: 767px){
  #greeceMainBan1 { text-align: center; margin-top:10px; margin-bottom: 0; }
  #greeceMainBan1 .row { margin:5px -5px;  }
  #greeceMainBan1 .col-xs-6 { padding-right: 5px; padding-left: 5px; margin-bottom: 10px; }
  #greeceMainBan1 .col-xs-6 div { width:100%; background-color: #0098C5; padding-top: 20px; color:#fff; border-radius: 30px; }
  #greeceMainBan1 .col-xs-6 div a { color:#fff; }
  #greeceMainBan1 .col-xs-6 div .color-red, #greeceMainBan1 .col-xs-6 div .color-blue { color: #fff; }
  #greeceMainBan1 .mainBan1Text1 { font-size: 11px; }
  #greeceMainBan1 .mainBan1Title { font-size: 14px;letter-spacing: 0; }
  #greeceMainBan1 .btn-mod { margin-bottom:20px; background: #fff; color: #0098C5; }
  #greeceMainBan1 .banFright,   #greeceMainBan1 .color-999 { display: none; }
  .rentalcar_banner_pc { display: none; }
  .rentalcar_banner_mb { display: block; }
}
@media (min-width: 768px) and (max-width: 991px){
  #greeceMainBan1 { margin-bottom: 30px; margin-top:50px; }
  #greeceMainBan1 .mainBan1Text1 { font-size: 11px; letter-spacing: -1px; }
  #greeceMainBan1 .mainBan1Title { font-size: 16px; font-weight: bold; letter-spacing: -2px; margin-top:-10px; margin-bottom:10px; }
  #greeceMainBan1 .color-999 { font-size: 11px; letter-spacing: -1px; }
  #greeceMainBan1 .banFright { float: right; margin-top: -10px; margin-right: 0; }

}

/**
 * flow slider banner
 */
#ko_office {margin-bottom: 30px;}
#ko_office_slider .swiper-slide {width: 200px;}
#ko_office_slider.swiper-slide-prev,
#ko_office_slider.swiper-slide-next {opacity: 1;}











/*
.item_tab_wrap .item_tab_btns: : before,
.item_tab_wrap .item_tab_btns: : after {content: ''}
*/

.s{position:relative;text-align:center;margin:30px auto;}
/*.s img{max-width:100%}*/
.s_t{margin-bottom:15px;font-size:20px;text-align:center;}
.s_t .accent{color:#ffb400;}
.hotels_t_w{margin-bottom:20px;}
.hotels_t_w.nav-pills>li+li{margin-left:0px;}
.hotels_t_w li a{text-align:center;background-color:#f3f3f3;cursor:pointer;border-radius:0;}
.hotels_t_w li.active a{background-color:#ffb400 !important;color:#ffffff;}
.hotels_c_w{min-height:300px;}
.hotels_c_w:after{display:block;content:'';clear:both;}

.hb_t2{display:block;position:relative;overflow:hidden;margin-bottom:15px;}
.hb_t2_image{background-position:50% 50%;background-repeat:no-repeat;background-size:cover;transition: all .5s;}
.hb_t2_image:before{display:block;content:"";padding-top:130%;}
.hb_t2_image_cover{display:block;position:absolute;left:0px;top:0px;z-index:22;width:100%;height:100%;background: rgb(0,0,0);background: -moz-linear-gradient(180deg, rgba(0,0,0,0) 30%, rgba(0,0,0,0.6) 100%);background: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 30%, rgba(0,0,0,0.6) 100%);background: linear-gradient(180deg, rgba(0,0,0,0) 30%, rgba(0,0,0,0.6) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);}
.hb_t2_text{position:absolute;z-index:23;left:10px;bottom:10px;width:calc(100% - 20px);color:#fff;text-align:left;}
.hb_t2_ln1{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-overflow:ellipsis;-o-text-overflow:ellipsis;-moz-binding:url('ellipsis.xml#ellipsis');font-size:18px;}
.hb_t2_ln2{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-overflow:ellipsis;-o-text-overflow:ellipsis;-moz-binding:url('ellipsis.xml#ellipsis');}
.hb_t2_cover{height:0px;opacity:0;border-top:1px solid #ffffff;padding:0px;}

.hb_t2:hover .hb_t2_image{transform: scale(1.2);}
.hb_t2:hover .hb_t2_cover{height:40px;opacity:1;margin-top:10px;padding:10px 0px;}

.hotels_c_footer{margin-top:20px;text-align:center;}

#nav_pills_bali_best li{width:33.333333%;}
#nav_pills_theme_best li{width:33.333333%;}
#nav_pills_theme_best li a{height:60px;}

@media all and (min-width:992px) {
  .s{margin:60px auto;}
  .s_t{margin-bottom:20px;font-size:40px;}
  .hotels_t_w li a{padding:20px 5px;}
  #nav_pills_bali_best li{width:16.666666%;}
  #nav_pills_theme_best li a{height:auto;}
}

#nav_pills_theme_best li a{background-color:#dedede;}