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

@charset "utf-8";

/**
 * 전체 배너 슬라이더
 */
#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;color:#fff;font-size:2.2em;font-weight:900;text-shadow:0px 0px 3px #000;}
.body_xs #main_whole_slider_container .swiper-slide .slide_contents_wrap .slide_contents  h3{margin:10px 0px;color:#fff;font-size:1.4em;font-weight:400;text-shadow:0px 0px 3px #000;}
.body_xs #main_whole_slider_container .swiper-slide .slide_contents_wrap .slide_contents  h6{margin:10px 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_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}

.slide01_txtbg{width: 100%; height: 100%;position: absolute; top: 0;left: 0;}

.slide01_test { position: relative; }
.slide01_test img { width:100%; max-width:742px; }
#main_whole_slider_container .swiper-slide .slide_contents_wrap .slide01_test_text { position: absolute; text-align: center; width: 100%; margin-left: auto; margin-right: auto; top:24%; }
#main_whole_slider_container .swiper-slide .slide_contents_wrap .slide01_test_text span{ font-size: 14px; color:#242424;  text-decoration: underline; padding-bottom: 25px;}
#main_whole_slider_container .swiper-slide .slide_contents_wrap .slide01_test{display:inline-block;vertical-align:middle}
#main_whole_slider_container .swiper-slide .slide_contents_wrap .slide01_test img{margin:0 auto}
#main_whole_slider_container .swiper-slide .slide_contents_wrap .slide01_test 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 .slide01_test h3{margin: 40px 0px 15px 0; color:#fff;font-size:2em;font-weight:400;text-shadow:0px 0px 3px #000;}
#main_whole_slider_container .swiper-slide .slide_contents_wrap .slide01_test 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 .slide01_test  h1{margin:10px 0px;color:#fff;font-size:2.2em;font-weight:900;text-shadow:0px 0px 3px #000;}
.body_xs #main_whole_slider_container .swiper-slide .slide_contents_wrap .slide01_test  h3{margin:10px 0px;color:#fff;font-size:1.4em;font-weight:400;text-shadow:0px 0px 3px #000;}
.body_xs #main_whole_slider_container .swiper-slide .slide_contents_wrap .slide01_test  h6{margin:10px 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_text_imgtext button{display:none}


.swisscolorred{color:#dd2339}
.swisscoloryellow{color:#f6f123}
.swisscolorfff{color:#ffffff}
.swisscolorblue{color:#00598f}
.swisscolorbrown{color: #624824}

/**
 * 왜 호텔 티라 인가?
 */
 #tira_strong_point{padding:20px 0px;background-color:#f6f6f6;}
 #tira_strong_point a{padding: 5px;    height: 142px;}
 .tira_strong_pointbox_1{font-size: 14px; color:#666; letter-spacing: -0.05em; margin: 0;margin-top: 15px;
     margin-bottom: 0; }
 .tira_strong_pointbox_2{font-size: 20px;  color: #242424;  letter-spacing: -0.05em; font-weight:900;}
 .body_xs .tira_strong_pointbox_1{}
 .body_xs .tira_strong_pointbox_2{}

 .w_80{}
 .w_20{}
   @media only screen and (max-width:493px){
     .tira_strong_pointbox_2{font-size: 16px;}
   }

/**
 * 쿠폰
 */
.coupon_list{}
.coupon_list_ele{padding:20px 0px 0px 170px;height:100px;font-size:20px;font-weight:bold;color:#fff;letter-spacing:-1px}
#coupon_list_ele1{background:url(/CH/img/coupon_ch_1_2.jpg) 0px 0px no-repeat}
#coupon_list_ele2{background:url(/CH/img/coupon_ch_2_2.jpg) 0px 0px no-repeat}


.submain_title{padding:1em 1em .5em 1em;text-align:center;color:#404041;font-weight:bold;font-size:2em;letter-spacing:-1px}
.submain_title .accent{color:#eb1922}
.submain_title img{margin:0 auto}
.body_xs .submain_title{font-size:1.6em;}
.body_xs #jungfrau_recommended_hotel .submain_title{text-align:center}
.body_xs #luzern_recommended_hotel .submain_title{text-align:center}
.body_xs #zermatt_recommended_hotel .submain_title{text-align:center}

.ch_bob{overflow:hidden}
.ch_bob .bob_title p img{padding-right:10px;}
.ch_bob .bob_title p{font-size:24px;font-weight:800;letter-spacing:-1px;word-spacing:-1px;}
.bob_title{margin:60px 0px 20px 0px;text-align:left;font-size:24px;font-weight:800;letter-spacing:-1px;word-spacing:-1px;}
.bob_wrap{overflow:hidden;margin-bottom:10px}
.bob_wrap a{display:block;color:#000}
.bob_wrap li{float:left;width:240px;height:300px;margin:0px;padding:0px;list-style:none}
.ch_bob .bob_wrap .bob_wrap_text1{font-size:18px;line-height:26px;font-weight:700;padding:30px 20px 5px 20px;margin:0px;letter-spacing:-1px;word-spacing:-1px;}
.ch_bob .bob_wrap .bob_wrap_text2{font-size:14px;line-height:18px;padding:5px 0 0 20px;letter-spacing:-1px;word-spacing:-1px;}
.bob_wrap2 li{float:left;width:240px;height:300px;margin:0px 10px 0px 0px}


/**
 * 융프라우 지역 추천 호텔
 */
#jungfrau_recommended_hotel .submain_title{text-align:left;padding-left:0px;padding-right:0px}


/**
 * 힐링 테마 호텔
 */
#healing_theme_hotel .submain_title{}
.healing_thema_hotel{text-align:center;font-size:24px;color:#6d6e71;letter-spacing:-1px;word-spacing:-1px}
.healing_thema_hotel1{text-align:center;font-size:40px;font-weight:900;letter-spacing:-1px;word-spacing:-2px;color:#409fe3}
.body_xs .healing_thema_hotel{font-size:18px;margin:0;}
.body_xs .healing_thema_hotel1{font-size:22px;margin:0;}
.sir_circle{}
.sir_circle .sjr_hotellist{width:100%;text-align:center;float:left;overflow:hidden;margin-top:20px;background-size:cover;background-repeat:no-repeat;}
.sir_circle .sjr_hotellist .sjr_pic{display:inline-block;position:relative;width:100%;height:100%;max-height:238px;border-radius:20px}
.sir_circle .sjr_hotellist .sjr_pic2{position:absolute;top:120px;width:50px;height:50px;background:#3259ab;border-radius:28px;}
.sir_circle .sjr_hotellist .sjr_pic2 .sjr_cate{font-weight: bold;text-align:center;line-height:18px;color:#fff;margin-top:30%;font-size:18px}
.sir_circle .sjr_hotellist .sjr_pic2 .sjr_cate2{font-weight: bold;text-align:center;line-height:14px;color:#fff;margin-top:30%;}
.sir_circle .sjr_hotellist .sjr_pic3{position:absolute;top:120px;width:50px;height:50px;background:#dd2339;border-radius:28px;}
.sir_circle .sjr_hotellist .sjr_pic3 .sjr_cate{font-weight: bold;text-align:center;line-height:18px;color:#fff;margin-top:30%;font-size:18px}
.sir_circle .sjr_hotellist .sjr_pic3 .sjr_cate2{font-weight: bold;text-align:center;line-height:14px;color:#fff;margin-top:30%;}
.sir_circle .sjr_hotellist .sp_is{height:67px;font-size:22px;margin-top:10px;line-height:26px;font-weight:600;letter-spacing:-1px;word-spacing:-1px;padding:10px 0 5px 0;}
.sir_circle .sjr_hotellist .sp_issub{font-size:12px;margin-top:2px;color:#a4a4a4;}
.sir_circle .sjr_hotellist .sap_ist{height:65px;font-size:14px;margin-top:4px;padding-top:5px;letter-spacing:-1px;word-spacing:-1px;}


/**
 * 루체른 추천 호텔
 */
#luzern_recommended_hotel .submain_title{text-align:left;padding-left:0px;padding-right:0px}




/**
 * 체르마트 추천 호텔
 */
#zermatt_recommended_hotel .submain_title{text-align:left;padding-left:0px;padding-right:0px}


















#theme_recomm{}
#theme_recomm .title{}
#theme_recomm .title img{margin:0 auto}
.theme_recomm_wrap{margin-bottom:30px;}
.theme_recomm_elem{}
.theme_recomm_elem a{display:block;background-color: #f1f1f1}
.theme_recomm_elem a img{margin:0 auto}



/**
 * title
 */
.submain_section_title {font-weight: bold}
.submain_section_title .subtext {font-size: 0.8em}
.submain_section_title .accent {color: #ab0000}
.body_xs .submain_section_title{text-align:center;font-size:20px;}

/**
 * tab items

.item_tab_wrap {}
.item_tab_wrap .item_tab_btns {display: table;table-layout: fixed;width: 100%}
.item_tab_wrap .item_tab_btns .item_tab_btn {display: table-cell;padding: 10px 5px;text-align: center;vertical-align: middle;background-color: #dedede;color: #333;border-right: 1px solid #fff;border-left: 1px solid #d2d2d2;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;}
.item_tab_wrap .item_tab_ctn::after {display: block;content: '';clear: both}
 */

/**
 * 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: 375px){
    #main_whole_slider_container .swiper-slide .slide_contents_wrap .slide01_test_text { top:5% !important; }
}
@media only screen and (max-width: 580px){
    #main_whole_slider_container .swiper-slide .slide_contents_wrap .slide01_test_text { top:12%; }
}

@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; }

}
@media only screen and (max-width: 830px){
    #main_whole_slider_container .swiper-slide .slide_contents_wrap .slide01_test_text { top:18%; }
}
.item_tab_wrap .item_tab_ctn::after {display: block;content: '';clear: both}
















/**
 * why hoteltira
 */
#extra_strong_point {margin-top: 30px;margin-bottom: 30px;background-color: #f6f6f6;}
#extra_strong_point .imgc-rt1_1 .imgc-rt1_1-img{padding-bottom: 59%;}
#extra_strong_point .imgc-rt1_1 .imgc-rt1_1-img img{}
#extra_strong_point .imgc-rt1_1:hover .imgc-rt1_1-img img{
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: auto;
}

#md_recomm_tour{margin-bottom:50px}









.btn_more_spothotel{background-color: #d69700;color: #fff;margin-top: 30px;}










/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}





.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_area_best li{width:33.333333%;}
#nav_pills_promo_best li{width:50%;}