/**
 * 각 국가 페이지 서브 메인
 * FR/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}


#strong_point{background-color:#f6f6f6}





.submain_title{padding: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}


/**
 * 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{font-size:20px;text-align:center}

/**
 * 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: 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}

#md_recomm_tour{margin-bottom:50px}

/* 르네상스의 중심 피렌체 TOP SELLECTION 8 */

.goodslist-grid { list-style: none; margin: 0; padding: 0; }
.goodslist-item { width: 25%; float: left; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.goodslist-grid.goodslist-grid-gut { margin: 0 0 0 -10px; }
.goodslist-grid.goodslist-grid-gut .goodslist-item { padding: 0 0 10px 10px; }
.goodslist-item>a { display: block; padding: 0 0 84px 0; position: relative; -moz-box-sizing: border-box; box-sizing: border-box; text-decoration: none; }

.goodslist-item a, .goodslist-item a:hover {
    color: #111;
    border: none;
}
.goodslist-img {
    position: relative;
    overflow: hidden;
}
.goodslist-img img {
    width: 100%;
    display: block;
    overflow: hidden;
}

/* 마우스 이벤트 */

.goodslist-intro {
    width: 100%;
    height: 120px;
    padding: 20px 20px 0 20px;
    -webkit-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    overflow: hidden;
}
.goodslist-grid.hide-titles .goodslist-item>a {
    overflow: hidden;
    padding: 0;
}
.goodslist-grid.hide-titles .goodslist-item .goodslist-intro {
    opacity: 0;
    bottom: -94px;
}
.goodslist-grid.hide-titles .goodslist-item:hover .goodslist-intro {
    opacity: 1;
}
.goodslist-intro {
    -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
.goodslist-item:hover .goodslist-intro {
    color: #fff;
    -webkit-transform: translateY(-99px);
    -moz-transform: translateY(-99px);
    transform: translateY(-99px);
    z-index: 3;
}

@media only screen and (max-width: 767px) {
  .goodslist-item:hover .goodslist-intro {
    -webkit-transform: translateY(-140px);
    -moz-transform: translateY(-140px);
    transform: translateY(-140px);
  }
}

.goodslist-item .goodslist-img:after {
    content: " ";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(250, 250, 250, 0);
    -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
.goodslist-item:hover .goodslist-img:after {
    background: #111;
    opacity: .73;
}
.goodslist-item .goodslist-img>img {
    -webkit-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -moz-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -o-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -ms-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
.goodslist-item:hover .goodslist-img>img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

@media only screen and (max-width: 767px) {
    .goodslist-item { width: 50%; }
    .goodslist-intro { height: 100px; }
}
.goodslist-grid.hide-titles .goodslist-item:hover .areaTitle { top: 20%; }

.areaTitle {
    position: absolute;
    top: 10%;
    width: 100%;
    padding: 0;
    color: #fff;
    font-weight: 300;
    font-size: 14px;
    text-align: center;
    z-index: 3;
    -webkit-transition: all 0.17s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -moz-transition: all 0.17s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -o-transition: all 0.17s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -ms-transition: all 0.17s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    transition: all 0.17s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}

.titleBar {width: 40px;    height: 2px;    background-color: #111;    margin: 20px auto;}
.topSellection8 h2 { font-weight: 300; }
.topSellection8 h3 { font-size: 20px; }
.topSellection8 i { margin:0 2px; color:#fad36a;}

.sun img {max-width:100%; width:100%; }

@media only screen and (max-width: 767px) {
  .areaTitle { font-size: 12px; }
  .topSellection8 h3 { font-size: 14px; }
  .topSellection8 i { margin:0 2px; color:#fad36a;}
  .goodslist-item:hover .goodslist-intro {
      color: #fff;
      -webkit-transform: translateY(-70px);
      -moz-transform: translateY(-70px);
      transform: translateY(-70px);
      z-index: 3;
  }
  .sun {padding:0 15px; }

}

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




.s{position:relative;text-align:center;margin:30px auto;}
/*.s img{max-width:100%}*/
.s_t{margin-bottom:15px;font-size:40px;text-align:center;}

@media only screen and (max-width: 767px) {
   .s_t{font-size:20px;} 
}

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