/**
 * theluxury.css
 * 2018-04-19 14:16
 */

/* header */
.body_xs #header_func_ln2 .navbar-brand {padding: 12px 0px 17px 0px;}
.body_md #header_func_ln2 .navbar-brand, .body_lg #header_func_ln2 .navbar-brand { padding: 20px 15px; }
.affix .navbar-brand { padding: 11px 15px!important; }
#header_common { border-bottom: none; }
#header_func_ln2 { background: none; background-color: #2e2921; }
#header_func_ln2 .navbar-nav > li > a { color: rgba(255,255,255,.6); }
.theluxutyBtn > a { color: rgba(255,255,255,.9); background-color: rgba(175,141,93,0.3); }
#header_func_ln2 .navbar-nav > li:hover > a{color: rgba(255,255,255,.9); background-color: rgba(175,141,93,0.5);}
#header_nav>li>a:hover #header_etc_menu .line, .open #header_etc_menu .line{ background-color: #d0aa74; }

/*slide*/
.swiper-slide { position: relative; width: auto; }
.swiper-slide .slide_img{ width: 100%; max-height: 480px;}
.swiper-slide .slide_contents_wrap{ position: absolute; top: 40%; width: 100%; }
.swiper-slide .slide_contents_wrap2 { margin-top: -350px; position: relative;}
.swiper-slide .slide_contents_wrap2 a{display: block;}
.swiper-slide .slide_contents_wrap2 a h5{font-size: 32px;color: #f2cb94;}
.swiper-slide .slide_contents_wrap2 a { color:#fff; }
.swiper-slide .slide_contents_wrap2 a span{    font-weight: 300;
    font-size: 14px;}
.slide_contents_wrap2Img { max-width:100%; }
.swiper-slide .slide_contents_wrap .slide01_txt { display: block; width: 100%; }
.swiper-slide .slide_contents_wrap .slide_contents { vertical-align: middle; text-align: center;  display: inline-block; margin:0 20px;}
.btn-mod.btn-d0aa74 { background: #d0aa74; opacity: 0.8; padding: 10px 40px; margin-top: 20px; }
.btn-d0aa74:hover, .btn-d0aa74:focus, a.btn-d0aa74:hover, a.btn-d0aa74:focus { opacity: 1 !important; color: #fff !important; background-color: #d0aa74 !important; }
#main_whole_slider{position: relative; width: 100%;height: 100%;}
#main_whole_slider .swiper-button-navigation_01{position: absolute;left: 0; bottom:43px; z-index: 50;}
.swiper-button-navigation_01 .slide_goimg{width : 80px ; height : 80px ; border:1px solid rgba(208,170,116,0.5); padding :12px 15px; color:#fff;margin-right: 5px; background-color: rgba(255,255,255,0.1);}
.swiper-button-navigation_01 .slide_go_active{background-color: #d0aa74;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next,
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { background: none; }
.btn-d0aa74:hover, .btn-d0aa74:focus, a.btn-d0aa74:hover, a.btn-d0aa74:focus { opacity: 1 !important; color: #fff !important; background-color: #d0aa74 !important; }
.slide_contents h1,.slide_contents h3{color: #fff;}
.slide_contents p{font-size: 14px; margin: 0; color: rgba(255,255,255,0.8); line-height: 1.7em;letter-spacing: -0.04em;}
.swiper-button-navigation-bg{position: relative;}

@media (min-width: 768px) and (max-width: 1169px) {
  .swiper-slide .slide_contents_wrap { top: 30%; }
}
@media only screen and (max-width: 991px) {
  .swiper-slide .slide_contents_wrap2{position: absolute;top: 10%;left: 0;margin-top: 0;width: 100%; text-align: center;}
  .swiper-slide .slide_contents_wrap2 a h5{font-size: 28px;}

}
@media only screen and (max-width: 767px) {
  .swiper-slide .slide_contents_wrap { top: 20%; }
  .slide_contents h1 { font-size: 16px;}
  .slide_contents h3 { font-size: 14px; }
  .swiper-slide .slide_img { width: 100%;    min-height: 300px; }
    .swiper-slide .slide_contents_wrap .slide01_txt{padding-bottom: 30px;}
    .btn-mod.btn-d0aa74{padding: 5px 30px; margin-top: 10px;}

    #main_whole_slider .swiper-button-navigation_01{bottom:24px; left:43%;}
}
@media (min-width: 450px) and (max-width: 1600px) {
  .slide_contents_wrap2Img { max-width:40%; }
}
@media only screen and (max-width: 580px) {
    .swiper-slide .slide_contents_wrap .slide01_txt{padding-bottom: 0; padding-top: 50px;}
.mobile_btn{display: none;}
.btn-mod.btn-d0aa74{display: none;}
.mobile_hidden{display:none;}
.swiper-slide .slide_contents_wrap2{top: 24%;}
.slide_contents p{font-size: 16px;}
}


/* The Luxury Hotel 전세계 가장 아름다운 호텔을 만나보세요. */
.section_luxlist{/*background:url(https://cdn.hoteltira.com/img/event/the_luxury/section01_bg.jpg) 0 0 repeat-x;*/}
#luxlist_header{padding:50px 0px;text-align:center;background-color:#f8f8f8;}
#luxlist_header_title{}
#luxlist_header_title h1{ margin:5px 0 25px; letter-spacing: 2px; /* font-family: "Amiri"; letter-spacing: -0.25px; */ color: #201f1d; font-size: 20px; }
#luxlist_header_title p{color: #888; font-size: 14px; letter-spacing: -0.5px;}
.theLuxuryColor { color:#d0aa74; }
#luxlist_hash_tags{max-width:1140px;margin:0 auto;}
#form_hash_filter{width:80%;margin:0 auto;text-align: center;}
#form_hash_filter .btn { border: 1px solid #d0aa74;  font-size: 14px; padding: 8px;  margin: 3px; background: #fff;color:#888; text-align: center;}
#form_hash_filter .btn:hover {color:#fff; background-color: #c1aa89; }
#form_hash_filter .active_filter{color:#fff; background-color: #d0aa74; }

#hotel_count_ment{padding-bottom:10px;}
.goodslist-grid{margin: 60px 0 0 0;padding: 0;}
.goodslist-grid:after{display:block;content:'';clear:both;}

.goodslist-item {/*width: 25%; float: left; margin: 0;padding: 0 0 10px 10px;position:relative;*/}
.goodslist-item a {display: block; position: relative; text-decoration: none;}
.goodslist-item a,
.goodslist-item a:hover {color: #111;border: none;}
.goodslist-item .goodslist-img {position: relative;overflow: hidden;width: 100%;height: 0px;padding-bottom: 66.66666%;}
.goodslist-item .goodslist-img img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
/*
.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 .goodslist-img .freeps{position:relative;z-index:40;float:left;background-color:rgba(255,255,255,0.9);color:#b28649;padding:2px 10px;  border: 1px solid #d0aa74;}
.goodslist-item .goodslist-img .mdrecommend{position:relative;z-index:40;float:left;background-color:#d0aa74;color:#fff;padding:3px 12px;}

.goodslist-item .goodslist-cnt {position: relative; width: 100%; padding: 0; min-height: 150px;}
.goodslist-item .goodslist-cnt .area_top {font-size: 12px; color: #888; margin-top: 20px; }
.goodslist-item .goodslist-cnt .hotel_tit {font-size: 22px; font-weight: 500;font-family: 'Roboto'; margin: 8px 0 3px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-overflow:ellipsis;-o-text-overflow:ellipsis;-moz-binding:url('ellipsis.xml#ellipsis');  word-spacing: -0.05em;}
.goodslist-item .goodslist-cnt .hotel_kor {font-size: 16px;color: #888; letter-spacing: -0.05em;
  /*
  -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 .goodslist-cnt .hotel_tags{color:#d0aa74;margin-top: 10px;}

.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);}
.goodslist-item:hover .goodslist-cnt .hotel_kor {color:#2e2921;}

.seemore { margin-top:30px; border-bottom: 1px solid #d0aa74; }
.seemore p { font-family: "Amiri"; font-size: 14px; font-style: italic; text-align: right; cursor: pointer; }
.seemore p:hover { color:red; }

#noresult_ajax{font-size:14px;font-weight: bold;text-align: center;padding:60px 0px;color:#000;border:1px solid #e6e6e6;}
#alert_to_user{display:none;position:relative;padding:100px 50px;background-color:#fff;font-size:20px;text-align:center;}
#alert_contents{}
#btn_alert_close{position: absolute;right:10px;top:10px;width:40px;height:40px;background:url(//cdn.hoteltira.com/common/icon/x_black.svg) 0px 0px no-repeat;cursor:pointer;}


@media (min-width: 768px) and (max-width: 991px) {
  #form_hash_filter{ width: 100%; }
  .goodslist-item { /*width: 33.333333%;*/ }
}

@media only screen and (max-width: 767px) {
  #form_hash_filter .btn { font-size: 12px; padding: 5px; margin: 2px; }
  #form_hash_filter
  /*
  .goodslist-item { width: 50%; }
  */
  .tag_info .hotel_tit { font-size: 16px; margin: 8px 0 3px 0; }
  .tag_info .hotel_kor { font-size: 12px; }
}

#form_hash_filter #filter_default{background-color:#fd6e8c;border-color:#fd6e8c;color:#fff;}
#form_hash_filter #filter_default:hover {background-color:#e34761;border-color:#e34761; }

/* Theme travel 테마여행으로 즐기는 더럭셔리 */
#themetravel { background:url(https://cdn.hoteltira.com/img/event/the_luxury/section01_bg.jpg) 0 100% repeat-x; height:600px; }
#themetravel .themetravel_tit_wrap { text-align: right; position: relative; }
#themetravel .themetravel_tit_wrap h5 { font-family: "Amiri"; color: #201f1d; letter-spacing: -0.25px; font-size: 36px; margin-bottom: 0; }
#themetravel .themetravel_tit_wrap p {color: #888; font-size: 14px; letter-spacing: -0.5px; padding-bottom: 10px;}
#themetravel .themetravel_tit_wrap img { position: absolute; right: -30px;  bottom: -122px;}
#themetravel article { color:#fff; cursor: pointer; }
#themetravel article .theme_img_wrap:hover,
article .theme_img_wrap:active,
article .theme_img_wrap:focus {
  margin-bottom: 10px;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 20px 60px 0 rgba(0, 0, 0, 0.25);
  webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  border: 12px solid #d0aa74;
}
#themetravel article .theme_txt_wrap { position: absolute; left: 10%;top: 10%; }
#themetravel article .theme_txt_wrap h2 {font-size: 24px;  margin: 10px 0 5px;   font-weight: lighter;  line-height: 1.3em; letter-spacing: -0.05em;width: 100%;
    padding-right: 15px;
}
#themetravel article .theme_txt_wrap span { font-family:"Amiri"; font-size: 14px;  font-weight: 300; word-spacing: -0.06em;}
#themetravel article .theme_img_wrap{}
#themetravel article .theme_img_wrap img { width: 100%; height: 100%; }

@media (min-width: 768px) and (max-width: 991px) {
  #themetravel { height:450px; }
}
@media (min-width: 481px) and (max-width: 767px) {
  #themetravel { height:400px; }
  #themetravel article .theme_txt_wrap h2 { font-size: 20px; }
  #themetravel article .theme_img_wrap:hover, article .theme_img_wrap:active, article .theme_img_wrap:focus { box-shadow: none; border: 5px solid #d0aa74;}
}
@media only screen and (max-width: 480px){
  #themetravel { height:404px; }
  #themetravel article .theme_txt_wrap h2 { font-size: 15px;  font-weight: normal;}
  #themetravel article .theme_img_wrap:hover, article .theme_img_wrap:active, article .theme_img_wrap:focus { box-shadow: none; border: 3px solid #d0aa74;}
  #themetravel article .theme_txt_wrap{top: 105%;
    color: #242424;}
}

#footer_common{padding-top: 0;}












/*  TIRA WEDDING Tourtira The luxury service */
.smallbanner_bg {background:url(https://cdn.hoteltira.com/img/event/the_luxury/smallbanner_bg.jpg) 50% 0px no-repeat; }
.carousel-indicators { position:absolute; top:0; left:auto; right:0; z-index:15;  text-align:right;  list-style:none; width: 100px;}
.carousel-indicators li {width: 100%; height: 30px;margin: 0; padding: 0; cursor: pointer; border:none; color:#fff; opacity: 0.5; font-weight: lighter; letter-spacing: -0.05px;}
.carousel-indicators .active { background-color: rgba(0,0,0,0) !important; padding:0; margin:0; height:30px; opacity: 1; font-weight: normal;}
.carousel-indicators li::after { content: ""; display: block;  width: 15px;  border-bottom: 1px solid #bcbcbc;  margin-top: 5px;  right: 5px; position: absolute; }
.carousel-inner .img_wrap { width:50%; }
.carousel-inner .img_wrap img { width:100%; }
#bannerCarousel .carousel-caption { right:auto; bottom:0; left:55%; padding:0; color:#fff; text-align:left; text-shadow:none; height: 100%; }
.carousel-caption h5{ font-size: 36px; font-family: "Amiri"; color: #fff; letter-spacing: -0.05px; margin-bottom: 5px; margin-top: 50px;  color: #fff; text-transform: uppercase;}
.carousel-caption p {opacity: 0.8;font-size: 15px; margin-bottom: 30px; line-height: 22px;}
.carousel-caption a { color: #fff; position:relative; opacity: 0.5;font-family: "Amiri"; font-style:italic; cursor: pointer;  margin-top: 20px;  width: 100%; }
.carousel-caption a:hover { opacity: 1; }
.carousel-caption a img { margin-top:-30px;  }

@media only screen and (max-width: 991px) {
  .smallbanner_bg {background:url(https://cdn.hoteltira.com/img/event/the_luxury/smallbanner_bg.jpg) 50% 0px no-repeat; background-size: cover; }
  .carousel-indicators { position:absolute; top:0; left:0; right:auto; width: 100%; margin-left: 0}
  .carousel-indicators .active { width: 110px; }
  .carousel-indicators li { width: 110px; }
  #smallLi { width: 60px; }
  .carousel-indicators li::after { border-bottom: none }
  .carousel-inner .img_wrap { width:100%; margin-top: 30px; }
  #bannerCarousel .carousel-caption { position:relative; left: 0; }
  .carousel-caption h5 { font-size: 36px; margin-bottom: 5px; margin-top: 20px; }
  .carousel-caption p {opacity: 0.8;font-size: 15px; margin-bottom: 10px; line-height: 22px;}
}









/*  소개보러가기 전용상담번호 */
.section04_bg { background:url(https://cdn.hoteltira.com/img/event/the_luxury/section04_bg.jpg) 50% 0px repeat-x; height: 74px; color:#af8d5d; margin-bottom: -20px;}
.section04_bg div h2 { font-size: 14px;  display: inline-block; opacity: 0.8; padding: 30px 0; margin: -1px 0 0 0;}
.section04_bg div a { text-align: right; font-size: 21px; padding-left: 8px; color:#af8d5d; padding-top: -2px; font-family: "Amiri"; letter-spacing: -0.25px;}
.section04_bg div img{margin-top: -2px;}
.intro { cursor: pointer; }
.phone { text-align: right; }

@media (min-width: 768px) and (max-width: 991px) {
  .section04_bg div a { font-size: 24px;padding-left:8px; }
}
@media only screen and (max-width: 767px) {
  .section04_bg { height: 149px;}
  .intro { border-bottom: 1px solid;  margin: 0 50px; text-align: center; }
  .phone { text-align: center; }
}
@media only screen and (max-width:375px){
  .intro{ margin: 0 20px;}
  .section04_bg { height: 190px; }
  .section04_bg .phone h2 { padding-bottom: 10px; }
}