@charset "utf-8";

body.bluechip{width:540px; min-width:540px; max-width:540px; background-color:#164b91;}
body.payment{width:540px; min-width:540px; max-width:540px; background-color:#cb1b0d;}
.popupNavi{width:505px; margin:10px 20px 10px 15px; overflow:hidden;}
.popupNavi h1{float:left; height:50px; line-height:50px; color:#fff; font-size:32px; padding-left:60px;}
.popupNavi h1.bluechip{background:url('https://cdn.bluetravel.co.kr/common/images/icon_about_bluechip.png') left center no-repeat;}
.popupNavi h1.payment{background:url('https://cdn.bluetravel.co.kr/common/images/icon_about_payment.png') left center no-repeat;}
.popupNavi button{float:right; width:25px; height:50px; background:url('https://cdn.bluetravel.co.kr/common/images/btn_popup_close.png') center center no-repeat; text-indent:-9999em;}
.aboutBluechipWrap{display:block; width:472px; height:479px; padding:25px 30px; margin:0 4px; background-color:#fff; overflow:hidden;}
.aboutPaymentWrap{display:block; width:472px; height:328px; padding:25px 30px; margin:0 4px; background-color:#fff; overflow:hidden;}
h2{color:#333; font-size:24px; font-weight:bold; margin-top:26px;}
h2:first-child{margin-top:0;}
.aboutBluechipTxt{line-height:20px; color:#666; font-size:13px; text-align:left; margin-top:8px;}
.aboutBluechipTxt p, .aboutBluechipTxt p span{color:#666; font-size:13px;}
.aboutPaymentTxt{line-height:24px; color:#666; font-size:18px; font-weight:bold; margin-top:8px;}
.aboutPaymentTxt p{color:#666; font-size:18px; font-weight:bold;}
.aboutBluechipWrap ol, .aboutPaymentWrap ol{margin-top:8px;}
.aboutBluechipWrap ol li, .aboutPaymentWrap ol li{line-height:20px; color:#666; font-size:13px; list-style:decimal; margin-left:16px;}


/* 호텔 상세 */
.hotelWrap{display:block; padding:0px 0 20px 0; margin:0 auto; background-color:#fff;}
/* 호텔 상세 > 상세정보 */
.hotelDetailWrap {display:block;}
.hotelDetailWrap h5 {
    margin: 0 0 1rem 0;
    padding: 0 0 2rem 0;
    border-bottom: 1px solid #000;
    color: #666;
}
.hotelDetailWrap h5 strong{display:block; color:#000; font-size:2rem; font-weight:500;}
.hotelDetailWrap h5 span{color:#e95500; font-size:1rem; font-weight:bold; padding-left:5px;}
.hotelDetailContent{
    display: block;
    color: #666;
    font-size: 1rem;
    padding: 1.5rem;
    background-color: #fcfcfc;
    /* margin: 2rem 0; */
    /* border-top: 1px solid #999; */
    /* border-bottom: 1px solid #999; */
}


.h_info_w {
    display: flex;
    flex-direction: column;
    /* margin: 0 10px 10px 0; */
}
.h_info_t {
    margin: 1rem 0 0 0;
    color: var(--b24-blue2);
    font-size: 1.5em;
    font-family: "gill-sans-nova", var(--font-family), sans-serif;
    font-weight: 600;
}
.h_info_t i {
    
    margin-right: 6px;
    /* color: var(--b24-blue); */
    color: var(--b-hotelstar);
    font-size: .8em;
    font-weight: 300;
}
.h_info_c {
    margin: 5px 0;
    width: 100%;
    word-break: keep-all;
}
.h_info_c .gray_box {
    padding: 1.2rem 1.5rem;
    background-color: #fcfcfc;
    font-size: 1rem;
    color: #000;
}
.h_info_c ul {
    margin: 0 10px 0 0;
    padding: 1rem;
    border-radius: 10px;
    background-color: #fcfcfc;
}
.h_info_c ul li {
    list-style: disc;
    margin-left: 20px;
}

.h_info_f {
    display: flex;
}
.h_info_rf,
.h_info_hf {
    width: 100%;
}

.ref_txt {
    margin: 10px 0 0 0;
    color: #666;
    font-size: 12px;
    text-align: center;
}
@media (min-width:992px) {
    .h_info_w {
        /* display: flex; */
        /* flex-direction: row; */
        /* margin: 0 10px 10px 0; */
    }
    .h_info_c {
        /* max-width: calc(100% - 180px); */
    }
    .h_info_rf,
    .h_info_hf {
        width: 50%;
    }
}

.hotelDetailInfo{
    margin-top: 3rem;
}
.hotelDetailInfo th{line-height:1.6em; color:#333; font-size:14px; font-weight:normal; border:1px solid #ccc; background-color:#f1f1f1;}
.hotelDetailInfo td{line-height:20px; color:#666; font-size:14px; border:1px solid #ccc;}
.hotelDetailInfo td a{color:#666; font-size:14px;}
.hotelDetailInfo td a:hover{text-decoration:underline;}
.hotelDetailInfo td ul{display:block; overflow:hidden;}
.hotelDetailInfo td ul li{float:left; height:20px; line-height:20px; padding-left:15px; background:url('https://cdn.bluetravel.co.kr/common/images/bl_facilities.png') left center no-repeat; background-position:0 0;}
.hotelDetailInfo td ul.hi_hotel_facility li,
.hotelDetailInfo td ul.hi_room_facility li{margin-left:10px;padding-left:10px;}
/* 호텔 상세 > 사진 */
.hotelDetailPhotoWrap{display:block;}
.btnHotelDetailPhotoWrap{display:block; padding:40px 0px 10px 0px; text-align:right;}
.btnHotelDetailPhotoWrap button{
    display:inline-block; 
    padding: 10px 20px;
    color:#000; 
    font-size:14px;
    font-weight:bold; 
    border:1px solid #828282;
    background-color: #fff;
    /* background-color:#f0f8ff; */
}

/* .hotelDetailPhoto{display:block; width:676px; padding:0 2px; overflow:hidden;}
.hotelDetailPhoto li{float:left; width:332px; height:249px; margin:3px;}
.hotelDetailPhoto li img{width:330px; height:247px; border:1px solid #dbdbdb;} */
.photo_c{display:block;position:relative;width:100%;height:0px;margin-bottom:0em;padding-bottom:60%;overflow:hidden}
.photo_c img{display:block;position: absolute;left:0px;top:0px;width:100%;height:100%}
.hotelDetailPhotoWrap p{display:block; line-height:16px; color:#666; font-size:12px;}
/* 호텔 상세 > 지도 */
.hotelDetailMapWrap{display:block;margin-top:3em}
.hotelDetailMapWrap .container{padding:0}
.hotelDetailLoc{margin:20px 0; border:1px solid #ccc;}
.hotelDetailLoc th{line-height:34px; color:#333; font-size:14px; font-weight:normal; border-right:1px solid #ccc; background-color:#f1f1f1;}
.hotelDetailLoc td{line-height:22px; color:#666; padding:7px 10px;}
.hotelDetailMap{display:block;  height:400px; }
.hotelDetailMap img{max-width:none;}

/* 스팟상세 */
.lugarWrap{display:block;  padding:0 20px;}
.lugarTitleWrap{display:block; }
.lugarTitleWrap p.lugarTitleCategory{color:#558bc9; font-size:18px; font-weight:bold;}
.lugarTitleWrap h3{display:block; color:#333; font-size:32px; padding-top:10px;}
.lugarTitleWrap h4{display:block; color:#999; font-size:20px; font-weight:normal; padding-top:6px;}
.lugarBasicInfoWrap{margin-top:20px;}
.lugarBasicInfoLeftCols{}
.travelViewPhotoWrap{position:relative; display:block; width:376px; height:233px; border:1px solid #ddd;}
.travelViewPhotoWrap > div{position:absolute; top:0; left:0; display:block; width:376px; height:233px;}
.travelViewPhotoWrap > div img{width:376px; height:233px;}
.travelViewPhotoWrap > div.btnTravelViewPhotoPrev,
.travelViewPhotoWrap > div.btnTravelViewPhotoNext{position:absolute; top:97px; display:block; width:24px; height:40px; border:0; background:url('https://cdn.bluetravel.co.kr/common/images/btn_detail_photo_arrow.png') no-repeat; text-indent:-9999em; cursor:pointer; z-index:99;}
.travelViewPhotoWrap > div.btnTravelViewPhotoPrev{left:10px; background-position:0 0;}
.travelViewPhotoWrap > div.btnTravelViewPhotoNext{left:342px; background-position:-24px 0;}
.lugarBasicInfoRightCols{float:right; width:307px;}
.lugarBasicInfoRightCols dl{width:307px; overflow:hidden;}
.lugarBasicInfoRightCols dl dt{clear:both; float:left; width:70px; color:#333; font-size:14px; font-weight:bold; padding:5px 0;}
.lugarBasicInfoRightCols dl dd{float:left; width:237px; color:#666; font-size:13px; padding:5px 0;}
.lugarBasicInfoRightCols dl dd a{color:#666; font-size:13px;}
.lugarContentWrap{display:block; line-height:24px; color:#666; font-size:14px; padding:25px 0;}

.tblSpotDetail{}
.tblSpotDetail th{color:#333; font-size:14px; padding:7px; border:1px solid #ccc; background-color:#f0f0f0;}
.tblSpotDetail td{line-height:22px; color:#666; padding:7px 10px; border:1px solid #ccc;}
.spotDetailMapWrap{}
.spotDetailMap{display:block;height:400px; border:1px solid #ccc;}
.btnHotelLugarCloseWrap{display:block; text-align:center; margin:2rem auto;}
.btnHotelLugarCloseWrap button{display:inline-block; width:125px; height:40px; line-height:34px; color:#fff; font-size:18px; font-weight:bold; border:1px solid #a82a0c; background-color:#d13510;}

/* 옵션투어 */
body.optionTour{display:block; max-width:740px; padding:30px 0;}
.optionTourWrap{display:block; padding:0 20px;}
.optionTourTitleWrap{}
.optionTourTitleWrap p.optionTourTitleCategory{color:#558bc9; font-size:18px; font-weight:bold;}
.optionTourTitleWrap h3{display:block; color:#333; font-size:32px; padding-top:10px;}
.optionTourTitleWrap h4{display:block; color:#999; font-size:20px; font-weight:normal; padding-top:6px;}
.optionTourBasicInfoWrap{}
.optionTourBasicInfoLeftCols{}
.optionTourPhotoWrap{max-height:300px;overflow: hidden;}
.optionTourPhotoWrap > div{position:relative;width:100%;height:0px;padding-bottom:60%;}
.optionTourPhotoWrap > div img{position:absolute;left:0px;top:0px;width:100%;height:100%}
.optionTourPhotoWrap > div.btnOptionTourPhotoPrev,
.optionTourPhotoWrap > div.btnOptionTourPhotoNext{position:absolute; top:97px; display:block; width:24px; height:40px; border:0; background:url('https://cdn.bluetravel.co.kr/common/images/btn_detail_photo_arrow.png') no-repeat; text-indent:-9999em; cursor:pointer; z-index:99;}
.optionTourPhotoWrap > div.btnOptionTourPhotoPrev{left:10px; background-position:0 0;}
.optionTourPhotoWrap > div.btnOptionTourPhotoNext{left:342px; background-position:-24px 0;}
.optionTourBasicInfoRightCols{}
.optionTourBasicInfoRightCols dl{}
.optionTourBasicInfoRightCols dl dt{clear:both; float:left; width:70px; color:#333; font-size:14px; font-weight:bold; padding:5px 0;}
.optionTourBasicInfoRightCols dl dt.theme{color:#558bc9; font-size:14px; font-weight:bold; font-family:Verdana,Tahoma;}
.optionTourBasicInfoRightCols dl dd{float:left; width:267px; color:#666; font-size:13px; padding:5px 0;}
.optionTourBasicInfoRightCols dl dd.description{clear:both; width:337px; padding:3px 0 18px 0;}
.optionTourBasicInfoRightCols dl dd a{color:#666; font-size:13px;}

.optionTourContentWrap{display:block; line-height:24px; color:#666; font-size:14px; padding:36px 0 21px 0; background:url('https://cdn.bluetravel.co.kr/common/images/dot_bottom_line_1x10.png') left bottom repeat-x;}
.optionTourContentWrap h5{color:#000; font-size:24px; letter-spacing:-0.03em;}
.optionTourContent{display:block; line-height:22px; color:#666; padding:15px 0;}
.tblOptionTourPrice{margin:17px 0 20px 0;}

.tblOptionTourPrice thead{}
.tblOptionTourPrice thead th{color:#333; font-size:14px; font-weight:bold; padding:0 15px; border:1px solid #ccc; background-color:#f0f0f0;}
.tblOptionTourPrice thead th.sub{width:75px; line-height:27px; color:#333; font-size:13px; font-weight:bold; border:1px solid #ccc; border-top:1px solid #dbdbdb; background-color:#fafafa;}
.tblOptionTourPrice thead td{line-height:35px; color:#333; font-size:14px; font-weight:bold; text-align:center; padding:0 15px; border:1px solid #ccc; background-color:#f0f0f0;}
.tblOptionTourPrice tbody{}
.tblOptionTourPrice tbody td{line-height:16px; color:#666; font-size:14px; text-align:center; padding:10px 5px; border:1px solid #dbdbdb; word-break:break-all;}
.tblOptionTourPrice tbody td.available{min-width:290px; text-align:center; padding:10px 15px; word-break:normal;}
.tblOptionTourPrice tbody td.first{border-top:0 !important;}
.tblOptionTourPrice tbody td span{color:#666; font-size:14px;}
.tblOptionTourPrice tbody td strong.price{display:block; color:#333; font-size:16px; font-family:Verdana,Tahoma; font-weight:normal; letter-spacing:-0.03em;}
.tblOptionTourPrice tbody td span.price{display:block; color:#999; font-size:14px; font-family:Verdana,Tahoma; letter-spacing:-0.03em;}

.btnOptionTourCloseWrap{display:block; text-align:center; margin:0 auto; margin:35px 0 25px 0;}
.btnOptionTourCloseWrap button{display:inline-block; width:125px; height:40px; line-height:34px; color:#fff; font-size:18px; font-weight:bold; border:1px solid #a82a0c; background-color:#d13510;}



/*
:after{display:block;content:'';clear:both}
font-family:'lexonl1gothic';font-weight:bold

xs
@media (min-width:576px){
sm
}
@media (min-width:768px){
md
}
@media (min-width:992px){
lg
}
@media (min-width:1200px){
xl
}
@media (min-width:1400px){
xxl
}
*/