/* ---------------- 메인 슬라이드 ---------------- */
#main_whole_slider .swiper-button-navigation{background-color: rgba(36,29,24,0.7); padding: 14px 0; height: auto; margin: 0;}
#main_whole_slider .swiper-button-navigation .slide_go{
  display: inline-block; border-right:1px solid rgba(255,255,255,0.2); padding: 0 12px; background-color: transparent; color: rgba(255,255,255,0.7); height: auto; background: transparent; -webkit-border-radius: 0; border-radius: 0; -webkit-transform: translate(0,0);
  transform: translate(0,0); -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)
-ms-transform: translate(0,0);
}
#main_whole_slider .swiper-button-navigation .slide_go .t1{color:rgba(255,255,255,0.6); height: auto;}
#main_whole_slider .swiper-button-navigation .slide_go .t2{color:rgba(255,255,255,0.4);}
#main_whole_slider .swiper-button-navigation .slide_go_active{
  color: rgba(255,255,255,1);
  background: transparent; -webkit-transform: translate(0,0);  -ms-transform: translate(0,0);  transform: translate(0,0);}
#main_whole_slider .swiper-button-navigation .slide_go .t2{height: auto;}
#main_whole_slider .swiper-button-navigation .slide_go_active .t1{color: #fff;}
#main_whole_slider .swiper-button-navigation .slide_go_active .t2{color: rgba(255,255,255,1); text-decoration: underline;}

#main_whole_slider_container .swiper-slide .slide_contents_wrap{text-align: left; left: 20%;}
#main_whole_slider_container .swiper-slide .slide_contents_wrap .slide_contents h1{ margin: 8px 0;
  font-weight: 500; text-shadow: 0 5px 15px rgba(5,5,5,0.3);}
#main_whole_slider_container .swiper-slide .slide_contents_wrap .slide_contents h3{margin: 10px 0;  text-shadow: none; font-size: 1.4em;}
.btn.btn_underline{padding: 0;background-color: transparent; color: #fff; text-decoration: underline; text-transform: capitalize; font-family: 'Roboto';}
#main_whole_slider .swiper-button-navigation .slide_go:last-of-type{border-right:none;}
.bannerBtn{background: #be9b68;  padding: 10px 20px; color: #fff;}
@media only screen and (min-width: 1200px){
  #main_whole_slider .nav_main{padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}
}
@media only screen and (max-width: 1200px){
  #main_whole_slider_container .swiper-slide .slide_contents_wrap .slide_contents h1{font-size: 3em;}
  #main_whole_slider .swiper-button-navigation{padding: 6px 0;}
  #main_whole_slider_container .swiper-slide .slide_contents_wrap{left: 15%;}
}

@media only screen and (max-width: 991px){
  #main_whole_slider .swiper-button-navigation .slide_go .t2{display: none;}
  #main_whole_slider .swiper-button-navigation .slide_go{padding: 0 4px;}
  #main_whole_slider_container .swiper-slide .slide_contents_wrap .slide_contents h1{font-size: 2em;}
  #main_whole_slider_container .swiper-slide .slide_contents_wrap .slide_contents h3{font-size: 1.2em;}
}
@media only screen and (max-width: 767px){
  #main_whole_slider_container .swiper-slide .slide_contents_wrap{left: 0; text-align: center;}
  .body_xs #main_whole_slider_container .swiper-slide .slide_contents_wrap .slide_contents h1{font-size: 1.8em;}
  .body_xs #main_whole_slider_container .swiper-slide .slide_contents_wrap .slide_contents h3{font-size: 14px;}
  .bannerBtn{padding: 6px 13px;}
}

/* ---------------- 티라 강점 ---------------- */
.sec01 { background: url('//cdn.hoteltira.com/img/AE/main/sec01_bg.jpg') 50% 0 no-repeat; background-size: cover; padding: 30px 0; }
.pointBox { width: 33%; padding: 25px 5px; float: left;  }
.pointBox:nth-child(2) { border-right:1px solid rgba(255,255,255,0.2); border-left:1px solid rgba(255,255,255,0.2); }
.pointBox a, .pointBox a:hover, .pointBox a:active, .pointBox a:focus { color: #fff; text-decoration: none; }
.pointBox h3 { margin: 0; padding: 35px 0 10px; font-size: 21px; }
.pointBox p { font-size: 15px; }
.pointBox p span { font-size: 13px; }

@media only screen and (max-width: 991px){
  .pointBox { padding: 15px 5px; }
  .pointBox h3 { padding: 20px 0 10px; }
  .pointBox p { font-size: 14px; }
}
@media only screen and (max-width: 767px){
  .sec01 { padding: 15px 0; }
  .pointBox { padding: 10px 5px; }
  .pointBox img { width: 50px; }
  .pointBox h3 { font-size: 14px; padding: 15px 0 0; }
  .pointBox p { display: none; }
}

/* ---------------- 24시간 체크인 ---------------- */
.main_tit { font-family: 'Noto Serif KR', serif; font-size: 45px; color: #000; }
.main_tit p { font-size: 30px; color: #666; margin: 0; }
.item_tit_en { font-family: 'Noto Serif KR', serif; font-size: 12px; margin: 0; }
.item_tit_ko { font-size: 17px; }
.item_txt { font-size: 11px; font-weight: 400;}
.item_txt span { font-weight: 500; color: #d0aa74; }
.item_bar01 { width: 25px; height: 1px; background: #000; margin: 10px 0; }
.item_bar02 { width: 55px; height: 1px; background: #fff; margin: 10px 0; }
.viewWrap { font-size: 14px; color: #fff; }
.viewWrap:hover, .viewWrap:active { color: #fff; text-decoration: none;}
.viewWrap .view_arrow { position: relative; top: -1px; margin-left: 10px; }
.hotel_img { width: 100%; position: relative; }

.sec02, .sec03, .sec04, .sec05 { padding-top: 100px; padding-bottom: 100px; }
.check_hotel { margin-bottom: 30px; }
.check_hotel .sec01_gradient { width: 100%; height: 5px; background: -webkit-linear-gradient(bottom left, rgba(212,176,124,1) 0%, rgba(190,145,81,1) 100%); background: -o-linear-gradient(bottom left, rgba(212,176,124,1) 0%, rgba(190,145,81,1) 100%); background: linear-gradient(to top right, rgba(212,176,124,1) 0%, rgba(190,145,81,1) 100%);}
.check_hotel .sec01_num { font-size: 28px; font-weight: 400; color: #d0aa74; margin-top: 7px; }
.check_hotel .viewWrap { display: inline-block; background: #d0aa74; padding: 10px 17px; border-radius: 3px; margin-top: 10px; }
.check_hotel .viewWrap:hover, .check_hotel .viewWrap:active { background: #bb9258; }
.sec02_btmBox { text-align: center; background: #e8e4df; padding: 25px 5px; font-size: 18px; color: #333; font-weight: 400; margin-top: 30px; }
.sec02_btmBox span { font-size: 15px; }

/* ---------------- 경이로운 자연 경관 ---------------- */
.sec03 { background: url('//cdn.hoteltira.com/img/AE/main/sec03_bg.jpg') no-repeat center; background-size: cover; }
.sec03 .main_tit { color: #fff; }
.sec03 .item_bar01 { background: #fff; }
.natural_hotel a, .dubai_hotel a { display: block; position: relative; transition: all 0.2s cubic-bezier(0.300, 0.100, 0.580, 1.000); margin-bottom: 15px; }
.natural_hotel a:hover { box-shadow: 0 0 15px rgba(0,0,0,0.3); }
.natural_hotel .natural_txtWrap { position: absolute; top: 0; left: 0; width: 100%; padding: 25px; }
.natural_hotel .viewWrap { position: absolute; bottom: 20px; right: 20px; }

/* ---------------- 두바이 인기호텔 & 아부다비 인기호텔 ---------------- */
.dubai_hotel a { margin: 0 0 20px 30px; }
.dubai_hotel a:before {  
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute; 
  border: 1px solid #e0c9aa; 
  left: -20px;
  top: 20px;
}
.dubai_hotel a .dubai_itemWrap { position: relative; z-index: 9; background: #312c24; }
.dubai_hotel a .dubai_itemWrap:after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0; 
  background: -webkit-linear-gradient(bottom, rgba(55,50,40,1) 0%,rgba(55,50,40,0) 50%,rgba(55,50,40,0) 100%);
}
.dubai_hotel .hotel_img { opacity: 0.65; }
.dubai_hotel .natural_txtWrap { position: absolute; bottom: 0; left: 0; width: 100%; padding: 25px; z-index: 9; }
.dubai_hotel .viewWrap { position: absolute; top: 20px; right: 20px; }
.dubai_hotel .dubai_en { position: absolute; bottom: 0; left: -30px; background: #fff; padding: 8px 0; }
.dubai_hotel .plus_icon { background: rgba(194,159,110,0.9); width: 80px; height: 80px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 99; border-radius: 100%; opacity: 0; }
.dubai_hotel .plus_icon img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 1; }
.dubai_hotel .luxury_logo { position: absolute; top: 0; left: 0; z-index: 9;}
.dubai_hotel a:hover { box-shadow: 0 0 15px rgba(0,0,0,0.3);  }
.dubai_hotel a:hover img { opacity: 1; }
.dubai_hotel a:hover .natural_txtWrap { opacity: 0; }
.dubai_hotel a:hover .viewWrap { opacity: 0; }
.dubai_hotel a:hover .plus_icon { opacity: 1; }
.dubai_hotel a:hover .dubai_itemWrap:after { background: -webkit-linear-gradient(bottom, rgba(55,50,40,0) 0%,rgba(55,50,40,0) 50%,rgba(55,50,40,0) 100%);}
.sec05 { background: #f0efed; }
.dubai_hotel.abu_hotel a:before { border: 1px solid #c6a475; }
.dubai_hotel.abu_hotel .dubai_en { background: #f0efed; }

/* ---------------- 투어 & 액티비티 ---------------- */
.sec06 { padding-top: 100px; padding-bottom: 50px; }
.tour_hotel { width: 20%; float: left; text-align: left; }
.tour_hotel a { display: block; position: relative; transition: all 0.2s cubic-bezier(0.300, 0.100, 0.580, 1.000); margin-bottom: 3px; }
.tour_hotel a:after {
  content: '';
  display: block;
  width: 100%;
  height: 100%; 
  background: rgba(0,0,0,0);
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.2s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
.tour_hotel .item_tit_ko span { font-size: 18px; }
.tour_hotel .tour_txtWrap { position: absolute; top: 0; left: 0; width: 100%; padding: 25px; z-index: 9; }
.tour_hotel .item_bar01 { background: #fff; }
.tour_hotel a:hover:after { background: rgba(0,0,0,0.7); }

@media only screen and (max-width: 1199px){
  .check_txtWrap { height: 265px; }
}
@media only screen and (max-width: 992px){
  .main_tit { font-size: 35px; }
  .main_tit p { font-size: 25px; }
  .item_tit_en br { display: none; }
  .item_tit_ko { font-size: 18px; }
  .item_tit_ko br { display: none; }
  .item_txt { font-size: 14px; }
  
  .check_txtWrap { height: 235px; }
  .check_hotel .sec01_num { font-size: 24px; }
  .sec02_btmBox { font-size: 15px; margin-top: 50px; }
  .sec02_btmBox span { font-size: 13px; }
  .dubai_hotel .viewWrap { top: 5px; right: 10px;}
  .dubai_hotel .natural_txtWrap { padding: 15px; }
  .dubai_hotel .luxury_logo img { width: 100px; position: absolute; }  
  .tour_hotel { float: none; width: calc(33% - 1px); display: inline-block; }
}
@media only screen and (max-width: 767px){
  .main_tit { font-size: 25px; }
  .main_tit p { font-size: 18px; }
  .item_tit_ko { font-size: 17px; }
  
  .sec02, .sec03, .sec04, .sec05 { padding-top: 50px; padding-bottom: 50px; }
  .sec06 { padding-top: 50px; padding-bottom: 20px; }
  .check_txtWrap { height: auto; }
  .check_listWrap, .dubai_listWrap { margin-right: -7px; margin-left: -7px;}
  .check_hotel, .dubai_hotel { padding-right: 7px; padding-left: 7px; }
  .check_hotel { margin-bottom: 15px; }
  .check_hotel .sec01_num { margin: 0;}
  .sec02_btmBox { font-size: 13px; margin-top: 30px; }
  
  .dubai_hotel a:before, .dubai_hotel .dubai_en, .dubai_hotel .viewWrap { display: none; }
  .dubai_hotel a { margin:0 0 15px 0; height: 450px; overflow: hidden; }
  .dubai_hotel a .dubai_itemWrap { height: 100%; }
  .dubai_hotel .natural_txtWrap { padding: 25px; }
  .dubai_hotel .plus_icon { width: 55px; height: 55px; }
  .dubai_hotel .luxury_logo img { width: 80px; }
  .tour_hotel { width: 100%; padding: 0 15px 5px; }
  .tour_hotel .item_tit_ko span { font-size: 13px; }  
}