/**
 * main3.js
 * 2018-11-17 12:52;
 */

@charset 'UTF-8';













/**
 * slider
 */
#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:400px;
}
#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:32px;font-weight:500;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:16px;font-weight:400;text-shadow:0px 0px 3px #000;}

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

.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: 60px;
  text-align: center;
  background: rgba(0,0,0,0.7);
}
#main_whole_slider .swiper-button-navigation .slide_go{
  display: inline-block;
  border: none;
  padding-top: 4px;
  margin: 0 10px;
  transform: translateY(25%);
}
#main_whole_slider .swiper-button-navigation .slide_go .t1{
  height: 30px;
  color: #fff;
  font-weight: 400;
  line-height: 27px;
}

#main_whole_slider .swiper-button-navigation .slide_go_active {
   border-bottom: 1px solid #fff;
}

.body_lg #main_whole_slider .swiper-pagination{display:none}
.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}

.bannerBtn { background:#2d93ec; padding:10px 20px; color:#fff; }

@media only screen and (max-width: 768px) {
  #main_whole_slider_container .swiper-slide .slide_contents_wrap .slide_contents { text-align:center !important; }
  #main_whole_slider_container .swiper-slide .slide_contents_wrap .slide_contents h1 { font-size: 18px; margin: 10px 0px; }
  #main_whole_slider_container .swiper-slide .slide_contents_wrap .slide_contents h3 { font-size: 13px; margin: 10px 0px; }
  #main_whole_slider .swiper-button-navigation .slide_go { margin: 0 5px; }
  #main_whole_slider .swiper-button-navigation .slide_go .t1 { font-size: 13px; }
  .bannerBtn {  padding: 5px 15px; }
}
@media only screen and (max-width: 767px) {
  .fa-4x { font-size: 3em; }
}


/* ///////////////// 호텔티라닷컴이 추천하는 지역별 프로모션 & 추천호텔 ///////////////// */
/* 제발 쓰지 마세요. img {max-width:100%; }*/
.mainsSecTit { font-size: 28px; }
.sec01 ul, .sec01-m ul { list-style: none; padding: 0; }
.sec01 {
  max-width: 1230px;
    width: 100%;
    overflow: hidden;
    margin: auto;
}
.sec01 #swiper-container_freemode {max-width: 1140px;width: 100%;margin: 0 auto;}
.sec01 #swiper-container_freemode ul li{margin-bottom:15px}
.slider {
    max-width: 1140px;
    width: 100%;
    margin: 15px auto;
    overflow: hidden;
}
.slider ul { list-style:none; padding:0; }
.slider ul li { padding:7.49999px; }

.slick-slide{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
.slick-initialized .slick-slide{
    display: block;
}
.sec01 .slick-prev, .sec01 .slick-next {
    font-size: 22px;
    padding: 2px 15px 5px;
    background: #2d93ec;
    cursor: pointer;
    -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);
    color: #fff;
    text-shadow: none;
    display: inline-block;
    border-radius: 5px;
  border: none;
}
.sec01 .slick-prev {
    position: absolute;
    left: 0px;
    top: 56%;
    z-index: 1;
}
.sec01 .slick-next {
    position: absolute;
    left: calc(100% - 38px);
    top: 56%;
  z-index: 1;
}
.slick-prevBg {
  width: 150px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
  transition: all 0.27s ease-out;
}
.slick-nextBg {
    width: 150px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
  transition: all 0.27s ease-out;
}

.slidList {
    display: block;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

.slidList img {
    display: block;
}
.slidList .slidname {
    position: absolute;
    bottom: 0;
    padding: 10px 20px;
    font-size: 20px;
    color: #fff;
    letter-spacing: -1px;
    z-index: 1;
}
.slidList i {
  position: absolute;
    bottom: 0;
  right:0;
    padding: 10px 20px;
    font-size: 20px;
    color: #fff;
    margin-bottom: 10px;
    z-index: 1;
  -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);
  opacity:0
}
/*
.slidList:after {
    content: " ";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
    -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);
  opacity:0
}
.slidList:hover:after, .slidList:hover i {opacity:1;}
*/



/* 모바일 */
.sec01-m { display:none; }
.sec01-m .slidBox li { padding: 5px;}
.sec01-m .slidBox li a {
  overflow: hidden;
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 5px;
  position: relative;
}
.sec01-m .slidBox li img {
    max-width:100%;
}
.sec01-m .slidBox li a p {
    position: absolute;
    bottom: 0;
    color: #fff;
    padding: 0 10px;
}
.sec01-m .slidBox li a p.bluebg {
    background: #2e93ed;
    width: 100%;
    height: 100%;
    padding: 20% 5px;
    margin: 0;
    display: table-cell;
    vertical-align: middle;
    word-break: keep-all;
}



@media only screen and (max-width: 1200px) {
  .sec01 { max-width: 1030px; }
  .slider { max-width: 940px; }
}
@media only screen and (max-width: 992px) {
  .sec01 { max-width: 810px; }
  .slider { max-width: 720px; }
}
@media only screen and (max-width: 768px) {
  .mainsSecTit { font-size: 18px; }
}
@media only screen and (max-width: 767px) {
  .sec01-m {display:block;}
  .mainsSecTit span { font-size:15px; }
}



/* ///////////////// 왜? 호텔티라닷컴으로 예약해야 할까요? ///////////////// */
.sec02-pc{ background:#f9f9f9; }
.sec02-pc .tleft a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  background: #fff;
  border: 1px solid #d7d7d7;
  -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);
}
.sec02-pc .tleft a:hover {
  border: 1px solid #2b93ec;
  -webkit-box-shadow: 0px 6px 18px 0px rgba(0,0,0,0.24);
  -moz-box-shadow: 0px 6px 18px 0px rgba(0,0,0,0.24);
  box-shadow: 0px 6px 18px 0px rgba(0,0,0,0.24);
}
.sec02txtWrap { float: left; padding: 20px; width: 31%; }
.p_sec02img { float: right; width: 69%;}
.sec02 .tit_number { font-size: 30px; font-weight: 600; line-height: 30px; }
.sec02 .tit_s { font-size: 20px; color: #000; word-break: keep-all; }
.sec02 .more { color: #b0b0b0; position: absolute; bottom: 10px; }

.sec02-m { display:none; background:#f9f9f9; }
.sec02-m img { width:60px; margin-bottom: 10px;}


@media only screen and (max-width: 1199px) {
  .sec02txtWrap { width: 40%; padding: 10px;  }
  .p_sec02img { width: 60%; }
  .sec02 .tit_number { font-size: 25px; margin: 0;}
  .sec02 .tit_s { font-size: 17px; }
  .sec02 .more { margin: 0; }
}
@media only screen and (max-width: 992px) {
  .sec02txtWrap { width: 50%; }
  .p_sec02img { width: 50%; }
  .sec02 .tit_number { font-size:14px; line-height: 1.3; }
  .sec02 .tit_s { font-size:14px; line-height: 18px;}
  .sec02 .more { font-size: 13px; }
}
@media only screen and (max-width: 768px) {
  .sec02 .leftText { padding-right: 0; text-align: center;}
  .sec02 .rightText { padding-left: 0; text-align: center; }
  .sec02 .tit_s { font-size:15px; }
}
@media only screen and (max-width: 767px) {
  .sec02-m {display:block;}
  .sec02-m .tit_s { font-size:13px; }
}


/* ///////////////// 호텔티라닷컴 대표 여행지 TOP 2 ///////////////// */
.sec08 { background: #f9f9f9; }
.sec08 > .container { /* border-top: 1px solid #dadada;*/ }
.sec08 a {
  display: block;
  position: relative;
  padding: 20px 0;
  border: 1px solid #d7d7d7;
  -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);
}
.sec08 a:hover {
  border: 1px solid #2b93ec;
  -webkit-box-shadow: 0px 6px 18px 0px rgba(0,0,0,0.24);
  -moz-box-shadow: 0px 6px 18px 0px rgba(0,0,0,0.24);
  box-shadow: 0px 6px 18px 0px rgba(0,0,0,0.24);
}
.sec08_list01 { background: url(/main/main-sec08-img01.jpg) no-repeat center; background-size: cover; }
.sec08_list02 { background: url(/main/main-sec08-img02.jpg) no-repeat center; background-size: cover; }
.sec08_list03 { background: url(/main/main-sec08-img03.jpg) no-repeat center; background-size: cover; }
.sec08_list04 { background: url(/main/main-sec08-img04.jpg) no-repeat center; background-size: cover; }
.sec08_list05 { background: url(/main/main-sec08-img05n.jpg) no-repeat center; background-size: cover; }

.sec08txtWrap { display: inline-block; background: rgba(255,255,255,0.8); padding: 10px 50px;}
.sec08_txt01 { font-size: 20px; color: #000; margin: 0; }
.sec08_txt02 { font-size: 12px; color: #000; }
.sec08 .bar01 { width: 35px; height: 2px; margin: 6px auto; background: #2b93eb;}

@media only screen and (max-width: 992px) {
  .sec08 a { padding: 20px 0 ;}
  .sec08_txt01 { font-size: 20px; }
  .sec08_txt02 { font-size: 14px; }
}
@media only screen and (max-width: 767px) {
  .sec08_txt01 { font-size: 16px; }
  .sec08_txt02 { font-size: 13px; }
  .sec08txtWrap { padding: 20px; }
}

@media only screen and (max-width: 450px) {
  .sec08_txt02 { font-size: 11px; }
}

/* ///////////////// 호텔티라닷컴 TOP 6 할인쿠폰 ///////////////// */
.sec03 {  }
.sec03 ul { padding:0; list-style:none; }
.couponBox {
  margin-bottom: 15px;
  -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);
}
.couponBox .topCircle {
    width: 30px;
    height: 15px;
    background: #fff;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 1;
    border: 1px solid #dedede;
    border-top: 0;
    transform: translate(-50%,0);
    border-radius: 0 0 30px 30px;
}
.couponBox a {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
    border: 1px solid #dedede;
    border-radius: 5px;
    overflow: hidden;
  -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);
}
.couponBox:hover a {
    border: 1px solid #2d93ec;
    -webkit-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.24);
    -moz-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.24);
    box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.24);
}
.couponBox:hover .topCircle { border: 1px solid #2d93ec; border-top: 0; }

.couponBox a img { width: 100%; transform: translateX(-25%); }
.couponBox a .couponText {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50%;
    height: 100%;
    padding: 15px 20px 27px;
    background: #fafafa;
    color: #000;
}
.couponBox a .couponTextWrap {
    position: relative;
    transform: translateY(-50%);
    top: 50%;
}
.couponBox a .couponText hr{
  position: relative;
    border: 0.5px dashed #dedede;
    width: 100%;
    margin: 20px auto;
}
.couponBox a .couponText .coupontxt01 { }
.couponBox a .couponText .coupontxt02 { font-size: 16px; word-break: keep-all;}
.couponBox a .couponText .coupontxt03 { font-size: 13px; color: #888; margin: 0; }





@media only screen and (max-width: 992px) {
  .couponBox a .couponText { padding: 10px; }
  .couponBox a .couponText .coupontxt01 { margin: 0; font-size: 12px; }
  .couponBox a .couponText .coupontxt02 { font-size: 14px; }
  .couponBox a .couponText .coupontxt03 { font-size: 12px; }
  .couponBox a .couponText hr { margin: 5px auto; }
}
@media only screen and (max-width: 767px) {
  .couponBox a img { transform: inherit; }
  .couponBox a .couponText { position: relative; width: 100%; }
  .couponBox a .couponTextWrap { transform: inherit; }
  .couponBox a .couponText .coupontxt02 { font-size: 15px; }
}



/* ///////////////// 아시죠? 여행의 완성은 투어 & 티켓 예약이라는 사실 ///////////////// */
.sec04 { background:#f8f8f8; }
.sec04 ul { list-style: none; padding: 0;}
.sec04 img { width:100%; }
.variable2 { position: relative; }
.sec04 .slick-prev {
    display: block;
    position: relative;
    float: right;
    right: 45px;
    margin-bottom: 10px;
        display: block;
        font-size: 18px;
        padding: 5px 15px;
        border: 1px solid #2d93ec;
        -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);
        color: #b3b3b3;
        background: 0;
}
.sec04 .slick-next {
    display: block;
    position: absolute;
    right: 8px;
    margin-bottom: 10px;
        display: block;
        font-size: 18px;
        padding: 5px 15px;
        border: 1px solid #2d93ec;
        -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);
        color: #b3b3b3;
        background: 0;
}
.sec04 .slick-prev:hover, .sec04 .slick-next:hover { background: #2d93ec; color: #fff;}
.tourTicketlist { padding: 0 7.49999px; }
.tour_wrapper { position:relative; margin-bottom: 12px;cursor: pointer;}
.tour_image {}
.tour_text {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    color: #fff;
  font-size: 16px;
  -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);
}
.tour_wrapper:hover .tour_text { background:#1c65dea8; }
.tourTicketlist.active .tour_text { background:#1c65dea8; }
.tour_text p {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.relationWrap {
    float: left;
    margin-top: 15px;
    display: none;
}
.relationWrap li {
    display: inline-block;
    border: 1px solid #36b0ff;
    border-radius: 20px;
    background: #fff;
    font-size: 13px;
    margin-right: 5px;
}
.relationWrap li i {margin-right:4px; color:#36b0ff; font-size: 14px; }
.relationWrap li a {display:block; width:100%; height:100%; padding: 8px 15px;cursor:pointer;}
.relationWrap li:hover {  background:#cde8ff;}
.relationWrap li:hover a { color:#0078e0; }
.relationWrap li.active {  background:#cde8ff;}
.relationWrap li.active a { color:#0078e0; }


/* 모바일 리스트 */
.tourTicketWrpa-m {
  display:none;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
  border-bottom:1px solid #c2c2c2;
}
.tourTicketWrpa-m .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.tourTicketWrpa-m .tabs > li { width: auto !important; }
.tourTicketWrpa-m .tabs > li.on { border-bottom: 2px solid #2f93f1; }
.tourTicketWrpa-m .tabs > li.on a { color:#000; }
.tourTicketWrpa-m .tabs > li > a { color: #aaa; padding: 10px; display: block; text-align: center; text-decoration: none; font-size: 15px; line-height: 20px; border-bottom: 2px solid transparent; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }



@media only screen and (max-width: 767px) {
  .relationWrap { width:100%; }
  .relationWrap li { border-radius: 4px; font-size: 12px; margin-right: 0px; margin-bottom: 2px; }
  .relationWrap li a { padding: 8px 10px; }
  .relationWrap li i { margin-right: 2px; font-size: 13px;}

  .tourTicketWrpa-m { display:block; }

}




/* ///////////////// 투어 상품 ///////////////// */
.sec05 h4 {float:left; }
.sec05 ul { padding: 0; list-style: none;}
.sec05 img { width:100%; }
.sec05 .active {display:block;}
.tourRanking { float: left; margin: 20px; }
.tourRanking li { display: inline-block; border-right: 1px solid #dadada; line-height: 14px;}
.tourRanking li:last-child { border:none; }
.tourRanking li a { padding: 5px 20px; color: #a5a5a5; cursor: pointer;}
.tourRanking li a:hover { color:#2d93ec; }
.tourRanking li.on a{ color:#2d93ec; }
.tourRanking li.asc:after {content: "▲";color: #000;}
.tourRanking li.desc:after {content: "▼";color: #000;}

.thumbnailList { float:right; margin: 10px 0;}
.thumbnailList li {float:left;}
.thumbnailList li.tourAmount { line-height: 35px; margin-right: 10px;}
.thumbnailList li.thumbnailBtn { width: 35px;height: 35px;border: 1px solid #2d93ec;cursor: pointer;-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);}
.thumbnailList li.thumbnail_btn01 { border-right: none; background:url(/main/thumbnailBtn01.png) center no-repeat;}
.thumbnailList li.thumbnail_btn01:hover { background:#2d93ec url(/main/thumbnailBtn01-on.png) center no-repeat;}
.thumbnailList li.thumbnail_btn01.on { background:#2d93ec url(/main/thumbnailBtn01-on.png) center no-repeat; }
.thumbnailList li.thumbnail_btn02 {background:url(/main/thumbnailBtn02.png) center no-repeat;}
.thumbnailList li.thumbnail_btn02:hover { background:#2d93ec url(/main/thumbnailBtn02-on.png) center no-repeat;}
.thumbnailList li.thumbnail_btn02.on { background:#2d93ec url(/main/thumbnailBtn02-on.png) center no-repeat;}

.tourList{clear:both;}

.block_type > div {margin-bottom:15px;top:0;-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);}
.block_type > div:hover {top:-20px;}
.block_type a { width: 100%; height: 100%; display: block; }
.block_type .tourImg:after {content: " ";display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: -webkit-linear-gradient(top, rgba(0,0,0,0) 32%,rgba(0,0,0,0) 67%,rgba(0,0,0,0.59) 100%);}
.block_type .tourImg { position: relative; color: #fff; width: 100%;height: 0px;padding-bottom: 55%;overflow: hidden;}
.block_type .tourImg .typeWrap { position: absolute; top: 0; font-size: 12px;}
.block_type .tourImg .typeWrap .type01 { float: left; background: #f94245; padding: 4px 8px; }
.block_type .tourImg .typeWrap .type02 { float: left;  background: #2e93ed; padding: 4px 8px;}
.block_type .tourImg p { position:absolute; bottom:0; right:0; padding: 0 10px; font-size: 16px; z-index:1; }
.block_type .tourInformation { padding: 15px 0; overflow:hidden; }
.block_type .tourInformation .tourname {font-size: 16px;color: #000;padding-bottom: 10px;border-bottom: 2px dotted gainsboro;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;width: 100%;overflow: hidden;}
.block_type .tourInformation .hotelInfo { width: 50%; float: left; }
.block_type .tourInformation .hotelInfo .hotellogo {width: 18px;height: 18px;background: #888;border-radius: 50%;float: left;margin-right: 4px;overflow: hidden;position: relative;}
.block_type .tourInformation .hotelInfo .hotellogo img { width: 100%; height: 100%; position: absolute; }
.block_type .tourInformation .hotelInfo .hotelname {margin: 0;font-size: 13px;letter-spacing: -1px;color: #909090;height: 20px;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;overflow: hidden;}
.block_type .tourInformation .hotelInfo .star { font-size:13px; margin-top: 4px;}
.block_type .tourInformation .hotelInfo .star i { display: inline; color: #136cff;}
.block_type .tourInformation .hotelInfo .star .starnumber {display: inline; }
.block_type .tourInformation .hotelPrice {width: 50%;float: left;text-align: right;margin-top: -3px;}
.block_type .tourInformation .hotelPrice .priceText01 {color: #b5b5b5;font-size: 12px;text-decoration: line-through;margin: 0;min-height:42px;}
.block_type .tourInformation .hotelPrice .priceText01 span {text-decoration: none;display: inline-block;font-size: 16px;height:20px;overflow:hidden;margin-left: 5px;color: #136cff;}
.block_type .tourInformation .read{display:none}
@media all and (min-width:992px) and (max-width:1200px) {
  .block_type .tourInformation .hotelPrice .priceText01 {min-height:24px;}
}
.list_type > div {clear: both;width:100%;overflow: hidden;margin-bottom: 15px;-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);}
.list_type a {display:block;padding:15px; width: 100%; height: 100%; display: block; border:1px solid #eee;}
.list_type a::after{display:block;content:'';clear:both;}
.list_type .tourImg {position:relative;float:left;width:30%;padding-right:15px;}
.list_type .tourImg .typeWrap { position: absolute; top: 0; font-size: 12px;}
.list_type .tourImg .typeWrap .type01 { float: left; background: #f94245; padding: 4px 8px; color:#fff; }
.list_type .tourImg .typeWrap .type02 { float: left;  background: #2e93ed; padding: 4px 8px; color:#fff;}
.list_type .tourImg p { position: absolute;bottom: 0;right: 10px;padding: 0 10px;font-size: 16px;color: #fff;z-index: 1; }
.list_type .tourInformation { float:left;width:70%; padding-left:15px;}
.list_type .tourInformation .tourname {font-size: 20px;color: #000;padding-bottom: 10px;border-bottom: 2px dotted gainsboro;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;width: 100%;overflow: hidden;}
.list_type .tourInformation .hotelInfo { width: 100%; }
.list_type .tourInformation .hotelInfo .hotellogo {width: 18px;height: 18px;background: #888;border-radius: 50%;float: left;margin-right: 4px;overflow: hidden;position: relative;}
.list_type .tourInformation .hotelInfo .hotellogo img { width: 100%; height: 100%; position: absolute; }
.list_type .tourInformation .hotelInfo .hotelname {margin: 0;font-size: 13px;letter-spacing: -1px;color: #909090;height: 20px;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;overflow: hidden;}
.list_type .tourInformation .hotelInfo .star { font-size:13px; margin-top: 4px;}
.list_type .tourInformation .hotelInfo .star i { display: inline; color: #136cff;}
.list_type .tourInformation .hotelInfo .star .starnumber {display: inline; }
.list_type .tourInformation .hotelPrice {margin-top:20px;width: 100%;text-align: right;}
.list_type .tourInformation .hotelPrice .priceText01 {color: #b5b5b5;font-size: 18px;text-decoration: line-through;margin: 0;}
.list_type .tourInformation .hotelPrice .priceText01 span {text-decoration: none;display: inline-block;font-size: 18px;margin-left: 5px;color: #136cff;}
.list_type .tourInformation .hotelPrice .priceText02{margin:0px;font-size:20px;font-weight:bold}
.list_type .tourInformation .read{display:block}
.tourBtm-btn { display:none; width:100%; background:#2e93ed; color:#fff; }



/*
.tourList2 {display:none; }
.tourList2 .tourImg { padding: 15px; }
.tourList2 .tourImg .typeWrap { top: 15px;}
.tourList2 .tourImg:after {display:none; }
.tourList2 .tourInformation { padding:10px 20px 0 ;}
.tourList2 .tourInformation .tourname { font-size:20px; }
.tourList2 .tourInformation .hotelInfo { width:100%; }
.tourList2 .tourInformation .hotelPrice { width:100%; }
.tourList2 .tourInformation .hotelPrice .priceText01 { font-size: 15px; }
.tourList2 .tourInformation .hotelPrice .priceText01 span { font-size: 20px; }
.tourList2 .tourInformation .hotelPrice .priceText02 { font-size:22px; margin:0;}
.tourList2 .tourInformation .hotelPrice .priceText03 { color: #ff310e; }
.tourList2Wrap { clear: both; overflow: hidden; margin-bottom:15px; border: 1px solid #eee;}
.tourList2Wrap:hover {-webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.08);-moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.08);box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.08);}
@media only screen and (max-width: 992px) {
  .tourList2 .tourInformation .hotelInfo { width:50%; }
  .tourList2 .tourInformation .hotelPrice { width:50%; }
}
@media only screen and (max-width: 767px) {
  .tourInformation .tourname { font-size:14px; }
  .tourInformation .hotelInfo .hotellogo { width: 15px; height: 15px;}
  .tourInformation .hotelInfo .hotelname,
  .tourInformation .hotelInfo .star,
  .tourInformation .hotelPrice .priceText01 { font-size: 10px; }
  .tourInformation .hotelPrice .priceText01 span { font-size: 12px; margin-left: 0;}
  .tourInformation .hotelInfo .star i { margin-right:-2px; }
  .tourBtm-btn { display:block; }
}
*/



/* ///////////////// 하단 배너 ///////////////// */
.sec06 ul { padding: 0; list-style: none; }
.sec06 ul img { width:100%; }

#btm_banner_m {display:none;}
#btm_banner_m .btm-bannerArrow { position: absolute; top: 45%; transform: translateY(-50%); width: 100%; padding: 0 5px;}
#btm_banner_m .btm-bannerArrow .btm-bannerLeft { float:left;}
#btm_banner_m .btm-bannerArrow .btm-bannerRight { float:right; }
#btm_banner_m .btm_banr_ol{ position: relative; bottom: 0; }
#btm_banner_m .btm_banr_ol li {
  width: 8px;
  height: 8px;
  background-color:#cce6ff;
  border:none;
}
#btm_banner_m .btm_banr_ol li.active { background:#027fff; margin:1px; }


@media only screen and (max-width: 767px) {
  #btm_banner_m {display:block;}
}




/* ///////////////// 최근 조회한 호텔 ///////////////// */
.sec07 { background:#eaf4fd; }
.sec07 img { width:100%;     min-height: 140px;}
.hotelInquiryWrap { z-index:9; }
.hotel_wrapper { border:1px solid #fff; margin-bottom:15px; }
.hotel_wrapper:hover {
  border:1px solid #2d93ec;
  -webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.28);
  -moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.28);
  box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.28);
}
.hotel_wrapper .hotel_image{ width:100%;height:0px;padding-bottom:50%;overflow:hidden;}
.hotel_wrapper .hotel_image .height{height:100%;}

.hotel_wrapper .hotel_text { background:#fff; padding: 15px 10px; }
.hotel_wrapper .hotel_text .star { color:#ffe54a; }
.hotel_wrapper .hotel_text .hotel_text01 {
  color: #000;
  margin: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  overflow: hidden;
}
.hotel_wrapper .hotel_text .hotel_text02 { color:#888; }

.inquiryArrowWrpa {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.inquiryArrowWrpa .inquiryLeft { float: left; margin-left: -45px;}
.inquiryArrowWrpa .inquiryRight { float: right; margin-right: -45px; }
.hotelInquiryarrow {
  font-size: 22px;
  padding: 2px 15px 5px;
  background: #2d93ec;
  cursor: pointer;
  -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);
  color: #fff;
  text-shadow: none;
  display: inline-block;
  border-radius: 5px;
}
.hotelInquiryarrow:hover { background: #1b75c3; }

@media only screen and (max-width: 992px) {
  .inquiryArrowWrpa { position:relative;  transform: translateX(50%); }
  .inquiryArrowWrpa .inquiryRight { float: none; margin-right: 0;}
}