/* 너만 모르고 모두 아는 심쿵각 온천마을 BEST 12 ! */
.onsenMainBest12{z-index: 32; position: relative;}
@media only screen and (max-width: 767px) {
#onsen_main_hotspringbest12 h2{font-size: 1.6em;}
}
.goodslist-item { position: relative;}
.goodslist-grid { list-style: none; margin: 0; padding: 0; }
.goodslist-grid:after{display:block;content:'';clear:both;}
.goodslist-item { width: 33.333333%; 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-item100 { width: 100%; }
.goodslist-item66 { width: 66.666666% }
.goodslist-item25 { width: 25% }
.goodslist-item20 { width: 20% }
.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:hover .ryokan-title {bottom: 40%;}
.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-item100 { width: 100%; }
.goodslist-intro { height: 100px; }
}
.goodslistbtn { background-color: #111; width:100px; margin:auto; color:#fff; padding:10px; }
.goodslistText { width:100%; margin:auto; color:#fff; padding:10px; font-size: 1.2em; }










  /**
* 일본 인기도시!  section_hotcities
*/
.onsenMainHotel h2 { font-weight: lighter; }
.onsenMainHotel h3 span { color:#e62335; }
.ryokan-title,
.onsenMainHotelTitle {position: absolute;bottom: 10%;width: 100%;padding: 0;color: #fff;font-weight: 300;font-size: 2em;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);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ryokan-title,
  .onsenMainHotelTitle { font-size: 1.5em; }
}
@media only screen and (max-width: 767px) {
  .onsenMainHotel h2 { font-size: 20px; }
  .ryokan-title,
  .onsenMainHotelTitle { font-size: 1.3em; }
}
.mainHotelBg1 { background: url(//cdn.ios.co.kr/luxury/index/mainHotelBg1.jpg) no-repeat; background-size: cover; min-height: 248px; }
.mainHotelBg2 { background: url(img/mainAreaBg-237.jpg) no-repeat; background-size: cover; min-height: 248px; }
.mainHotelBg1b { background: url(img/mainAreaBg-233.jpg) no-repeat; background-size: cover; min-height: 248px; }
.mainHotelBg2b { background: url(img/mainAreaBg-236.jpg) no-repeat; background-size: cover; min-height: 248px; }
.mainHotelBg2bali { background: url(img/mainHotelBg2bali.jpg) no-repeat; background-size: cover; min-height: 248px; }
.mainHotelBg-n1 { background: url(img/mainAreaBg-231.jpg) no-repeat; background-size: cover; min-height: 248px; }
.mainHotelBg-n2 { background: url(img/mainAreaBg-234.jpg) no-repeat; background-size: cover; min-height: 248px; }
.mainHotelBg-n3 { background: url(img/mainHotelBg-n3.jpg) no-repeat; background-size: cover; min-height: 248px; }
.mainHotelBg-n4 { background: url(img/mainHotelBg-n4.jpg) no-repeat; background-size: cover; min-height: 248px; }    
.mainHotelBg3 { background: url(img/mainAreaBg-239.jpg) no-repeat; background-size: cover; min-height: 248px; }
.mainHotelBg4 { background: url(img/mainAreaBg-235.jpg) no-repeat; background-size: cover; min-height: 248px; }
.mainHotelBg5 { background: url(//cdn.ios.co.kr/luxury/index/mainHotelBg5.jpg) no-repeat; background-size: cover; min-height: 248px; }
.mainHotelBg6 { background: url(//cdn.ios.co.kr/luxury/index/mainHotelBg6.jpg) no-repeat; background-size: cover; min-height: 248px; }


/* 럭셔리호텔 */
.mainHotelBg-i1n { background: url(img/mainHotelBg-i1n.jpg) no-repeat; background-size: cover; min-height: 320px; }
.mainHotelBg-i1 { background: url(img/mainHotelBg-i1.jpg) no-repeat; background-size: cover; min-height: 320px; }
.mainHotelBg-i2 { background: url(img/mainHotelBg-i2.jpg) no-repeat; background-size: cover; min-height: 320px; }
.mainHotelBg-i3 { background: url(img/mainHotelBg-i3.jpg) no-repeat; background-size: cover; min-height: 320px; }
.mainHotelBg-i4 { background: url(img/mainHotelBg-i4.jpg) no-repeat; background-size: cover; min-height: 320px; }
.mainHotelBg-i5 { background: url(img/mainHotelBg-i5.jpg) no-repeat; background-size: cover; min-height: 320px; }
  
.onsenMainHotelTitleS { font-size: .5em; }
.goodslist-grid.hide-titles .mainHotelBg4Wrap .goodslist-intro { bottom: -70px; }
.hokk_stamp2 { position: absolute; bottom: 30px; right: 30px; }
@media only screen and (max-width:767px) {
.mainHotelBg1b { background: url(img/mainHotelBg1bm.jpg) no-repeat; background-size: cover; min-height: 248px; }
.mainHotelBg2b { background: url(img/mainHotelBg2bm.jpg) no-repeat; background-size: cover; min-height: 248px; }
.mainHotelBg-n3 { background: url(//cdn.ios.co.kr/luxury/index/mainHotelBg-i1.jpg) no-repeat; background-size: cover; min-height: 248px; }
.mainHotelBg-n4 { background: url(//cdn.ios.co.kr/luxury/index/mainHotelBg-i2.jpg) no-repeat; background-size: cover; min-height: 248px; }  
    
    
.mainHotelBg4 { min-height: 248px;  }
}
.goodslist-item .goodslist-img { padding-bottom: 0; }

/*  TIRA WEDDING Tourtira The luxury service */
.smallbanner_bg {background:url(//cdn.hoteltira.com/img/event/the_luxury/smallbanner_bg.jpg) 50% 0px no-repeat; }
.carousel-indicators { display:block;position:absolute; top:0; left:auto; right:0; z-index:15;  text-align:right;  list-style:none; width: 130px;margin:0;}
.carousel-indicators li {
display: block;
position: relative;flex: none;
background-color:transparent;
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(//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%; height:100px; margin-left: 0}
  /*.carousel-indicators .active { width: 110px; }*/
  .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;}
}