
.s_bg {
    position: relative;
}
.s_bg img {
    width: 100%;
    object-fit: cover;
    height: 300px;
    object-position: center;
}
.s_bg_title {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    /* width: 100%; */
    color: #fff;
    transform: translate(-50%, -50%);
    text-align: center;
    /* background: linear-gradient(181deg, rgb(255 255 255 / 0%) 0%, rgb(0 0 0 / 9%) 50%, rgb(0 0 0 / 33%) 100%); */
}
.s_bg_title h6 {
    background-color: var(--b-blue);
    display: inline-block;
    padding: 5px 8px;
}
.s_bg_title h1 {
    color: var(--b-blue2);
}
.s_bg_title p {}


@media (min-width:992px) {
    .s_bg img {
        height: 500px;
    }
}

#glist_nav .cate2_name{
    margin:0;
}
.glist_nav_ul{
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: flex-start;
    overflow-x: scroll;
    overflow-y: hidden;
    /* height: 40px; */
    margin: 1rem 0;
    padding: 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    background-color: #fff;
}
.glist_nav_ul li{
    display: inline-block;
    flex: 0 0 auto;
}
.glist_nav_ul li a{
    display: inline-block;
    margin-left: -1px;
    padding: 10px 12px 8px 12px;
    /* border-left: 1px solid #eee; */
    background-color: #fff;
}
.glist_nav_ul li a.active{
    /* color: #fff; */
    /* background-color: #1654b9; */
    font-weight: bolder;
    border-bottom: 2px solid #000;
}
@media (min-width:992px){
    .glist_nav_ul {
        flex-wrap: wrap;
        overflow-x: hidden;
        margin: 1.7rem 0;
        height: auto;
    }
}




.doc_title{
    display:none;
}
.travel_list_cate{
    /* margin-bottom: 30px; */
}
.travel_list_cate h3{
    display: flex;
    align-items: center;
    flex-direction: column;
    background-color: #ebf4fc;
    padding: 1.7rem 0px;
}
@media (min-width:992px){
    .travel_list_cate h3{
        padding: 1.7rem 15px;
    }
}
#travel_list_nav{}
#travel_list_nav h3{display:none;margin:3rem 0 1rem 0;text-align:center}
#travel_list_nav h3 i{
    padding: 0 6px;
    font-size: 14px;
}
#travel_list_nav ul{
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: flex-start;
    overflow-x: scroll;
    overflow-y: hidden;
    height: 40px;
    margin: 1rem 0;
    padding: 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    background-color: #fff;
}
#travel_list_nav li{
    display: inline-block;
    height: 40px;
    flex: 0 0 auto;
}
#travel_list_nav li a{
    display: inline-block;
    margin-left: -1px;
    padding: 10px 12px 8px 12px;
    /* border-left: 1px solid #eee; */
    background-color: #fff;
}
#travel_list_nav li a.active{
    /* color: #fff; */
    /* background-color: #1654b9; */
    border-bottom: 2px solid #000;
}

@media (min-width: 992px) {
    #travel_list_nav ul {
        flex-wrap: wrap;
        overflow-x: hidden;
        margin: 1.7rem 0;
        height: auto;
    }
    #travel_list_nav li a{
        /* padding: 10px 1.2rem; */
    }
}


.travel_list_wrap {
    margin: 0 0 30px 0;
}
.travel_list_title{
    position: relative;
    margin: 0rem 0 1rem 0;
}
.travel_list_title .list_more_link {
    /* position: absolute; */
    /* right: 0; */
    /* top: 0; */
    margin-top: 5px;
    color: #153894;
}
.travel_list_title .list_title_sub {
    color: #707070;
}
.travel_list_title h4{
    margin: 0 0 3px 0;
    line-height: 100%;
}
.travel_list_title h4 span {color:#ce0000}
.travel_list_title .list_more_link a{
    display: inline-block;
    margin: 0;
    padding: 3px 8px;
    border: 1px solid #d0e7db;
    color: #062a2b;
}
.travel_list_title .travel_list_banner {margin-top:15px}

.travel_list_imgc {
    position: relative;
}
.travel_list_title img.travel_list_img {
    width: 100%;
    object-fit: cover;
    height: 200px;
    object-position: center;
}

.travel_list_imgc.travel_list_title .txt {
    position: absolute;
    right: 26px;
    bottom: 26px;
    color: #fff;
    text-align: right;
}
.travel_list_imgc.travel_list_title .list_title_sub {
    margin: 8px 0 0 0;
    line-height: 100%;
    color: #fff;
}
.travel_list_imgc.travel_list_title .list_more_link {
    position: relative;
    right: auto;
    top: auto;
    width: inherit;
    margin: 8px 0 0 0;
}
@media (min-width:768px){
    /* .travel_list_col1{
        width: 240px;
    } */
    /* #travel_list_nav{
        position: fixed;
        left: 30px;
    } */
    /* .travel_list_col2{
        width: calc(100% - 270px);
    } */
}
@media (min-width:992px){
    .travel_list_wrap {
        margin: 0 0 60px 0;
    }
    #travel_list_nav h3 i{
        display: none;
    }
    /*
    #travel_list_nav ul{
        width: inherit;
        height: auto;
        overflow: inherit;
    }
    #travel_list_nav li a{
        margin: 0px;
        padding: 10px;
    }
    */
    /* .travel_list_col2{
        width: calc(100% - 340px);
    } */

    .travel_list_title img.travel_list_img {
        height: 350px;
    }
}



/*
.goods-list{}
.goods-list li{}
.goods-list li .goods-list-el{margin:0;}
.goods-list li .goods-list-el a{display:block;padding:10px;margin:10px 0;
    border:1px solid #fff;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.goods-list li .goods-list-el a .goodsImg{position:relative;padding-bottom:60%;width:100%;height:0px;overflow:hidden}
.goods-list li .goods-list-el a .goodsImg img{position:absolute;left:0;top:0px;width:100%;height:100%;
    -webkit-transition: all 1.5s cubic-bezier(0.22, 0.1, 0.58, 1);
    -moz-transition: all 1.5s cubic-bezier(0.22, 0.1, 0.58, 1);
    transition: all 1.5s cubic-bezier(0.22, 0.1, 0.58, 1);
}
.goods-list li .goods-list-el a .goodsSchedule{
    height: 33px;
    line-height: 33px;
    font-size: 12px;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    word-break: normal !important;
    overflow: hidden !important;
}
.goods-list li .goods-list-el a .goodsSubject{
    height: 48px;
    line-height: 24px;
    font-size: 16px;
    overflow: hidden;
}
.goods-list li .goods-list-el a .goodsMinPrice{
    line-height: 26px;
    color: #0d526d;
    font-size: 23px;
    font-weight: 500;
    text-align: right;
}
.goods-list li .goods-list-el a .goodsMinPrice span{
    font-size:11px
}
.goods-list li .goods-list-el a .goodsPoint{}

.goods-list li .goods-list-el:hover a{
    border: 1px solid rgb(66, 114, 188);
    box-shadow: 0px 0px 4px 4px rgb(131 131 131 / 20%);
}

.goods-list li .goods-list-el:hover a .goodsImg img{
    position: absolute;
    top: -10%;
    left: -10%;
    width: 120%;
    height: 120%;
}
*/














.travel_detail{margin:2rem auto;padding:2rem 0}
.section_block_title{margin:15px 0;font-weight:bold;font-size:1.4rem;font-family:'lexonl1gothic'}
.gallery .swiper-slide-el{position:relative;width:100%;height:0px;padding-bottom:60%;overflow:hidden}
.gallery .swiper-slide-el img{position:absolute;left:0px;top:0px;width:100%}


.basic_info{}
.basic_info:after{display:block;content:'';clear:both;font-size:1.2rem}
.basic_info .tit{float:left;margin-bottom:7px;width:80px;font-weight:500}
.basic_info .cnt{float:left;margin-bottom:7px;width:calc(100% - 80px)}

.travelViewSelectInfoWrap{padding:1.5rem;border:1px solid #eee;background-color:#12b7f2;border-radius: 5px;}

.travelViewSelectInfoType3{font-weight:normal}
.travelViewSelectInfoType3 .title{font-size:1.4rem;font-weight:bold;font-family:'lexonl1gothic';text-align:center;color:#fff}
.travelViewSelectInfoType3 .title div{position:relative;color:#fff}
.travelViewSelectInfoType3 .title div span{position:relative;color:#fff}
.travelViewSelectInfoType3 .title div span::after{
    display: inline-block;
    content: '';
    position: absolute;
    left: -5%;
    bottom: 0px;
    width: 110%;
    height: 0.9rem;
    background-color: #ffffff;
    opacity: .3;
}
.travelViewSelectInfoType3 .title i{
    font-size:2.5rem;
    --fa-primary-opacity: .7;
    --fa-primary-color: rgb(255 255 255);
    --fa-secondary-opacity: .6;
    --fa-secondary-color: rgb(4 73 98);
}
.travelViewSelectInfoType3 .infoBox{padding:1.4rem;background-color:#fff;border:1px solid #278db1;text-align:center;border-radius: 5px;}
.travelViewSelectInfoType3 .infoBox strong{color:#ce0000;font-weight: 500;}

.travelViewSelectInfo2 p{text-align:center;font-size:1rem}
.travelViewSelectInfo2 p i{
    padding-right:10px;
    font-size:1.2rem;
    --fa-primary-opacity: .7;
    --fa-primary-color: rgb(255 255 255);
    --fa-secondary-opacity: .6;
    --fa-secondary-color: rgb(4 73 98);
}

.travelViewSelectInfo i{
    font-size:2.2rem;
    --fa-primary-opacity: .7;
    --fa-primary-color: rgb(255 255 255);
    --fa-secondary-opacity: .6;
    --fa-secondary-color: rgb(4 73 98);
}
.travelViewSelectInfo strong{color:#cc0000}



.travelViewFormTitle h5{font-size:1.4rem;font-weight:bold;font-family:'lexonl1gothic';}
.travelViewFormTitle .title_sub{}
.travelViewFormTitle .title_sub h6{margin:0;color:#333}
.travelViewFormTitle .title_sub p{color:#707070;}

.tblTravelViewBasicGoods th{font-weight:500}
.tblTravelViewBasicGoods td{background-color:#fff}
.tblTravelViewBasicGoods td.rsvCheck label{display:block; width:14px; height:14px; background:url('https://cdn.bluetravel.co.kr/common/images/btn_travel_view_radio_type_basic.png') no-repeat; background-position:0 0; text-indent:-9999px; cursor:pointer;}
.tblTravelViewBasicGoods td.rsvCheck label.active{background-position:0 -14px;}


.travelViewFormTitle{margin:3rem 0 2rem 0}



.travelViewTotalWrap {padding:2rem 0;background-color: #e9e9e9;}

.travelViewBasicSelectDateOption{margin-bottom:1rem;padding:15px;background-color:#fff}

.dl:after{display:block;content:'';clear:both}
.dt{float:left;width:30%}
.dt:before{display:inline-block;padding-right:10px;font-family: var(--font-awesome);content:'\f00c';color:#cc0000}
.dd{float:left;width:70%}



/* 출발일 달력 */
.travelViewBasicSelectDateWrap{position:relative; height:300px;background-color:#fff;}
#plsChoiceCalendar{position:absolute; top:30px; left:0; height:280px;  overflow:hidden;}
.ui-datepicker-prev, .ui-datepicker-next{position:absolute; top:91px; display:block; width:22px; height:35px; cursor:pointer; text-indent:-9999em; background:url('https://cdn.bluetravel.co.kr/common/images/btn_travel_view_hotel_spot_arrow.png') no-repeat;}
.ui-datepicker-prev{left:4px; background-position:0 0;}
.ui-datepicker-next{right:7px; background-position:-22px 0;}
.ui-datepicker-group{float:left; height:230px; background-color:#fff; margin-right:10px;}
.ui-datepicker-group.ui-datepicker-group-first{margin-left:30px;}
.ui-datepicker-group.ui-datepicker-group-last{margin-right:0;}
.ui-datepicker-title{display:block; height:30px; line-height:30px; color:#333; font-size:14px; font-weight:500; text-align:center; border:1px solid #e0e0e0; border-bottom:0; background-color:#f8f8f8;}
.ui-datepicker-calendar{border-collapse:collapse !important; width:210px; table-layout:fixed;}
.ui-datepicker-calendar thead *{font-size:12px;}
.ui-datepicker-calendar th{width:26px; height:28px; text-align:center;border:1px solid #e0e0e0;border-bottom:none;}
.ui-datepicker-calendar th.ui-datepicker-week-end{width:26px; height:28px; text-align:center;}
.ui-datepicker-calendar td{width:30px; height:30px; color:#333; font-size:12px; text-align:center; border:1px solid #e0e0e0;}
.ui-datepicker-calendar td *{font-size:12px;}
.ui-datepicker-unselectable{background:url('https://cdn.bluetravel.co.kr/common/images/bg_x_box.png') center center no-repeat !important;}
.ui-datepicker-calendar td a{color:#353535; font-size:12px;}
.ui-datepicker-week-end, .ui-datepicker-week-end a{color:#1f79ba !important;}
.ui-datepicker-week-end:first-child, .ui-datepicker-week-end:first-child a{color:#ed1b23 !important;}
.ui-datepicker-days-cell-over.ui-datepicker-current-day{}
a.ui-state-default{display:block; width:27px; height:28px; line-height:28px; background-color:#e2f8fe;}
.ui-datepicker-days-cell-over.ui-datepicker-current-day{border:3px solid #d73e14; background-color:#fff;}
/* .ui-datepicker-days-cell-over.ui-datepicker-current-day a{display:block; border:3px solid #d73e14; background-color:#fff;} */


#plsChoiceCalendar{}
#plsChoiceCalendar .ui-datepicker{padding:0;border:0}
#plsChoiceCalendar .ui-datepicker .ui-widget-header{background-color:#dee5ed;background-image:none;border-radius: 0;}
table.ui-datepicker-calendar td{font-family:'Noto Sans KR';font-weight:normal;}
.ui-widget{font-size:14px}


















.travelViewChoiceRecommend {padding:20px 0 0 0;}
.travelViewChoiceRecommend .infoBox{position: relative; padding:15px; border:3px solid #00a7e3; background-color:#FFF;}
.travelViewChoiceRecommend .infoBox .txt1{display:block; padding-left:10px; color:#007dc6; font-size:13px; font-weight:500;}
.travelViewChoiceRecommend .infoBox .txt2{display:block; padding-left:10px; color:#666; font-size:13px; font-weight:500;}
.travelViewChoiceRecommend .infoBox .txt2 strong{color:#333; font-size:17px;}
.travelViewChoiceRecommend .infoBox .btnRecommendWrap{display:block; text-align:center;}
.travelViewChoiceRecommend .infoBox .btnRecommendWrap button{display:inline-block; width:140px; height:42px; line-height:36px; font-size:15px; font-weight:bold; text-align:center;border: 1px solid var(--consult-border);background-color: var(--consult);color: #fff;}

















/* 예약폼 */
.travelViewRsvWrap{display:block; padding:5px;border: 3px solid #5C9120;background-color: #DDE3D6;}
.travelViewRsvWrap h5{display:block; height:40px; line-height:40px; color:#272727; font-size:20px; padding-left:35px; background:url('https://cdn.bluetravel.co.kr/common/images/bl_circle_9x9.png') 15px center no-repeat #DDE3D6;}
.travelViewRsvInnerWrap{display:block; margin:7px 0;}
.travelViewRsvBasicInfo{display:block; padding-bottom:5px; background:url('https://cdn.bluetravel.co.kr/common/images/dot_bottom_line_1x10.png') left bottom repeat-x; overflow:hidden;}
.travelViewRsvBasicInfo dt{clear:both; float:left; width:65px; color:#333; font-size:13px; font-weight:500; padding:3px 0 3px 7px; background:url('https://cdn.bluetravel.co.kr/common/images/bl_black_circle_4x4.png') left 10px no-repeat;}
.travelViewRsvBasicInfo dd{float:left; line-height:1.5em; color:#666; font-size:12px; padding:3px 7px 3px 0;}
.travelViewRsvBasicInfo dd p{display:block; color:#666; font-size:12px; padding-bottom:4px;}
.travelViewRsvBasicPrice{display:block; padding:10px 0; overflow:hidden;}
.travelViewRsvBasicPrice dt{clear:both; float:left; width:100px; color:#333; font-size:13px; font-weight:500; padding:7px 0 5px 7px; background:url('https://cdn.bluetravel.co.kr/common/images/bl_black_circle_4x4.png') left 13px no-repeat;}
.travelViewRsvBasicPrice dt.intBasicGoodsPrice{padding:13px 0 5px 7px; background:url('https://cdn.bluetravel.co.kr/common/images/bl_black_circle_4x4.png') left 19px no-repeat;}
.travelViewRsvBasicPrice dd{float:left;width:calc(100% - 100px)}
.travelViewRsvBasicPrice dd.intAdultPrice{color:#666; font-size:14px; font-weight:500; text-align:right; padding-top:5px;}
.travelViewRsvBasicPrice dd.intAdultPrice p{line-height:1.6em;}
.travelViewRsvBasicPrice dd.intAdultPrice span{font-family: AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif !important}
.travelViewRsvBasicPrice dd.intAdultPrice p strong{color:#db381d;font-size:12px;}
.travelViewRsvBasicPrice dd.strDcInfoTxt{width:117px; color:#666; font-size:12px; padding:8px 0 0 10px;}
.travelViewRsvBasicPrice dd.intDcAmount{width:84px; color:#db381d; font-size:14px; font-weight:500; text-align:right; padding-top:5px;}
.travelViewRsvBasicPrice dd.intAdultPrice strong#intBasicGoodsPrice{display:block; color:#272727; font-size:22px; font-weight:500; padding-top:5px;}
.travelViewRsvBasicPrice dd.intAdultPrice strong#intBasicGoodsPrice span{font-family: AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif !important}
.travelViewRsvBasicPrice dd.intAdultPrice p{display:block; color:#666; font-size:11px; font-weight:normal; letter-spacing:0em; margin-top:10px;}
/* 추가선택내역 */
.travelViewRsvChoiceGoods{display:block; padding:5px 0 5px 0; overflow:hidden;}
.travelViewRsvChoiceGoods dt{clear:both; float:left;  color:#333; font-size:13px; font-weight:500; padding:3px 0 3px 7px; background:url('https://cdn.bluetravel.co.kr/common/images/bl_black_circle_4x4.png') left 10px no-repeat;}
.travelViewRsvChoiceGoods dd{float:left; width:90px; text-align:right; padding:3px 7px 3px 0;}
.travelViewRsvChoiceGoods dd strong{display:inline-block; color:#666; font-size:13px; font-weight:500;}
.travelViewRsvChoiceGoods dd button{display:inline-block; width:9px; height:14px; text-indent:-9999em; border:none; background:url('https://cdn.bluetravel.co.kr/common/images/btn_gray_x_box.png') left 4px no-repeat;}
.travelViewRsvTotalChoiceGoods{display:block; width:290px; overflow:hidden;}
.travelViewRsvTotalChoiceGoods dt{float:left; color:#333; fotn-size:13px; font-weight:500; padding:8px 0 0 7px;}
.travelViewRsvTotalChoiceGoods dd{float:right; color:#272727; font-size:22px; font-weight:500; text-align:right; padding:0 7px 0 0;}
/* 상품가격 재계산 */
.btnGoodsResetWrap{display:block;  padding:0 7px; text-align:right;}
.btnGoodsResetWrap button{display:inline-block; width:113px; height:26px; line-height:22px; color:#333; font-size:11px; text-align:center; border-top:1px solid #d7d7d7; border-left:1px solid #d7d7d7; border-right:1px solid #afafaf; border-bottom:1px solid #afafaf; background-color:#f8f8f8;}
/* 예약 총가격 */
.travelViewRsvTotalPrice{display:block; padding:10px 7px; border-top:1px solid #c4c4c4; overflow:hidden;}
.travelViewRsvTotalPrice h6{float:left; width:100px; height:36px; line-height:41px; color:#333; font-size:16px; font-weight:500;}
#rsvTotalPrice{float:right; width:176px; height:36px; line-height:36px; color:#272727; font-size:30px; font-weight:500;  text-align:right; }
#rsvTotalPrice span{}
/* 예약하기 버튼 */
.btnTravelViewRsvWrap{display:block; text-align:center; margin:14px 0 17px 0;}
.btnTravelViewRsvWrap button[type=submit]{display:inline-block; margin: 0 auto; height:42px; line-height:42px; color:#fff; font-size:15px; font-weight:500; text-align:center;border: 1px solid #3D6A09;background-color: #5C9120;}
/* 서브SNS */
.frmTravelViewSnsWrap{display:block; margin:10px 0; overflow:hidden;}
.frmTravelViewSnsWrap:after{display:block;content:'';clear:both}
.sns_btn_share{float:right;display:inline-block;margin:0px 0px 0px 5px;padding:0px;width:40px;height:40px;line-height:40px;border:0;background-color:#173153;text-align:center;vertical-align:middle;border-radius:5px;}
.sns_btn_share i{font-size:16px;color:#fff;line-height:40px}
#btnKakao img{display:block;margin:0px auto;padding:0px;width:25px;height:25px}


#btnFavorite{background-color: #cc0000;}
#btnKakao img{display:block;margin:0px auto;padding:0px;width:25px;height:25px}






.travelViewSubMenu{display:block; margin:0 0 30px 0; width:100%; border-radius:2px; overflow:hidden; background-color:#216c31; color:#fff;}
.travelViewSubMenu li{float:left; background:url('https://cdn.bluetravel.co.kr/common/images/line_gray_1x11.png') left center no-repeat;}
.travelViewSubMenu li:first-child{background:none !important;}
.travelViewSubMenu li a{display:block;padding:10px 24px; color:#d1ebd9; font-size:14px; font-weight:500;}
.travelViewSubMenu li.active a{color:#fff;}


.travelViewPointTotalWrap{display:block; width:100%; background-color:#fff;}
.travelViewPointWrap{display:block; padding: 0 0 3rem 0; margin:0 auto;}
.travelViewPointInnerWrap{display:block; overflow:hidden;}
.travelViewPointInnerWrap h5{width:120px; margin:0; height:30px; line-height:30px; color:#fff; font-size:16px;  padding:0 6px; background-color:#d73f13;text-align:center}
.pointWrap{display:block; padding:19px; margin-bottom:3rem;border:1px solid #d73f13; overflow:hidden;}
.pointWrap h5{width:90px; height:27px; line-height:27px; color:#fff; font-size:20px;  padding:0 6px; background-color:#d73f13;}
.pointTxt{line-height:26px; color:#333;font-weight:500}
.pointTxt strong{font-weight:500}


.travelViewSubTitle{display:block; text-align:center;}
.travelViewSubTitle h4{display:block; margin:0;color:#333; font-size:1.8rem;letter-spacing: -1px;font-family: 'lexonl1gothic';}
.travelViewSubTitle p{display:block; color:#999; font-size:1rem; padding:8px 0 0 0;font-family: 'lexonl1gothic';}



.travelViewTxtInclude{margin-top:2rem;border-collapse:collapse; width:100%;}
.travelViewTxtInclude th{width:130px; color:#333; font-weight:500; text-align:left; border-top:1px solid #5c5c5c; border-bottom:1px solid #5c5c5c; text-align: center; font-size: 17px;}
.travelViewTxtInclude td{width:calc(100% - 130px); line-height:1.6em; color:#666; padding:17px; border-top:1px solid #5c5c5c; border-bottom:1px solid #5c5c5c; background:url('https://cdn.bluetravel.co.kr/common/images/dot_line_1x10.png') left top repeat-y;font-size: 13px}






.travelViewChoiceTotalWrap{display:block; width:100%; background-color:#e9e9e9;}
.travelViewChoiceWrap{display:block; padding:40px 0; margin:0 auto;}
.travelViewChoiceInnerWrap{display:block; overflow:hidden;}
.travelViewSelectWrap{display:block; margin-top:22px; overflow:hidden;}
.travelViewNoSelect{display:block; color:#333; text-align:center; padding:29px; border:1px solid #e0e0e0; background-color:#fff;}
.travelViewSelectTitle{float:left; width:159px;}
.travelViewSelectTitle h5{display:block; width:159px; color:#333; font-size:24px;}
.travelViewSelectTitle p{display:block; width:159px;}
.travelViewSelectTitle p span{display:inline-block; height:19px; color:#666; font-size:16px; font-weight:500; border-bottom:1px solid #848484; margin-top:20px;}
.travelViewSelectTitle p span strong{color:#333; font-size:16px; font-weight:500;}
.travelViewSelectDataWrap{float:left; width:581px;}
.travelViewSelectData{position:relative; display:block; width:581px; height:246px; overflow:hidden;}
.travelViewSelectListWrap{position:absolute; top:0; left:35px; display:block; width:507px; height:246px; overflow:hidden;}
.travelViewSelectList{position:absolute; top:0; left:0; height:246px; overflow:hidden;}
.travelViewSelectList li{float:left; width:160px; height:246px; margin-right:13px;}
.travelViewSelectList li > div{position:relative; display:block; width:158px; height:211px; border:1px solid #b7b7b7; background-color:#fff;}
.travelViewSelectList li > div img{position:absolute; top:0; left:0; display:block; width:158px; height:103px;}
.travelViewSelectList li > div h6{position:absolute; top:113px; left:16px; display:block; width:124px; color:#333; font-size:12px; text-overflow:ellipsis !important; white-space:nowrap !important; word-break:normal !important; overflow:hidden !important;}
.travelViewSelectList li > div p{position:absolute; left:17px; display:block; width:124px; font-size:12px; overflow:hidden;}
.travelViewSelectList li > div p.localCourse{top:136px; height:36px; line-height:18px; color:#999;}
.travelViewSelectList li > div p.localPrice{top:178px; color:#db381d; font-weight:500;font-family: AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif}
.travelViewSelectList li > div p.localPrice strong{}
.travelViewSelectList li > p{display:block; width:160px; height:24px; text-align:center; margin-top:9px;}
.travelViewSelectList li > p button{display:inline-block; width:45px; height:24px; line-height:20px; color:#fff; font-size:12px; font-weight:500; text-align:center; border: 1px solid #98BF6D;background-color: #5C9120;}
.btnTravelViewSelectLeft{position:absolute; top:88px; left:0; display:block; width:22px; height:35px; border:0;background:url('https://cdn.bluetravel.co.kr/common/images/btn_travel_view_hotel_spot_arrow.png') no-repeat; background-position:0 0; text-indent:-9999em;}
.btnTravelViewSelectRight{position:absolute; top:88px; right:0; display:block; width:22px; height:35px; border:0;background:url('https://cdn.bluetravel.co.kr/common/images/btn_travel_view_hotel_spot_arrow.png') no-repeat; background-position:-22px 0px; text-indent:-9999em;}





.travelViewScheduleTotalWrap{display:block; width:100%; background-color:#fff;}
.travelViewScheduleWrap{display:block; padding:40px 0; margin:0 auto;}
#travelViewScheduleWrapAirline{
height: 33px; border-top: 1px solid #c0c0c0;
border-left: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; border-bottom: 1px solid #c0c0c0; text-align:center;
line-height:33px; font-size:14px; font-weight:bold; margin-bottom:5px;
font-weight:500 !important;}
.travelViewScheduleInnerWrap{display:block; overflow:hidden;}
.travelViewSchedule{display:block; margin:29px 0 5px 0; overflow:hidden;}
.travelViewSchedule li{float:left; width:110px; height:45px; line-height:24px; color:#999; font-size:12px; font-weight:500; padding:0 0px; margin-right:5px; border:1px solid #c0c0c0;}
.travelViewSchedule li a{color:#999; font-size:12px; font-weight:500;}
.travelViewSchedule li.active{width:110px; height:45px; line-height:24px; padding:0 0px; border:1px solid #c0c0c0;}
.travelViewSchedule li.active a{color:#d73f13; font-size:12px; font-weight:500;}
.tblTravelViewSchedule{width:100%; border-collapse:collapse !important; border-bottom:1px solid #999;}
.tblTravelViewSchedule th{height:33px; color:#333; font-size:14px; background-color:#f1f1f1; border:1px solid #ccc; border-top:1px solid #999;text-align:center}
.tblTravelViewSchedule th.dias{width:70px; border-left:none !important}
.tblTravelViewSchedule th.ciudad{width:125px;}
.tblTravelViewSchedule th.trafico{width:85px;}
.tblTravelViewSchedule th.recomendar{border-right:none !important}
.tblTravelViewSchedule tr.first td{border-top:0 !important;}
.tblTravelViewSchedule td{line-height:1.6em; color:#666; font-size:12px; vertical-align:top; text-align:center; padding:20px 0;}
.tblTravelViewSchedule td *{color:#666; font-size:12px; vertical-align:top;}
.tblTravelViewSchedule td b{font-weight:500;}
.tblTravelViewSchedule td.dias{width:70px; border-top:1px solid #ccc;  border-top:1px solid #ccc;}
.tblTravelViewSchedule td.dias p.dia{display:block; line-height:30px; color:#333; font-size:18px; font-weight:500;}
.tblTravelViewSchedule td.dias p.dia strong{display:inline-block; color:#333; font-size:24px; }
.tblTravelViewSchedule td.dias p.fecha{line-height:18px; color:#666; font-size:12px;}
.tblTravelViewSchedule td.ciudad{width:125px; border-left:1px solid #ccc; border-top:1px solid #ccc;}
.tblTravelViewSchedule td.trafico{width:85px; border-left:1px solid #ccc; border-top:1px solid #ccc;}
.tblTravelViewSchedule td.recomendar{width:420px; text-align:left; padding:20px; border-left:1px solid #ccc; border-top:1px solid #ccc; }
.tblTravelViewSchedule td.recomendar div.resumen{display:block; color:#0e90c1; font-weight:500;}
.tblTravelViewSchedule td.hotelLugar{text-align:left; padding:15px 20px; border-left:1px solid #ccc; border-top:1px dashed #ccc; border-right:1px solid #999; background-color:#f9f9f9; overflow:hidden;}
.tblTravelViewSchedule td.hotelLugar div.hotel{float:left; width:333px; min-height:10px;}
.tblTravelViewSchedule td.hotelLugar div.lugar{float:left; width:294px; min-height:10px;}
.hotelWrap{display:block; width:333px; overflow:hidden;}
.hotelWrap p{float:left; width:55px; height:22px; line-height:22px; color:#fff; font-size:15px;  text-align:center; margin-right:15px; background-color:#d73f13;}
.hotelWrap ul{float:left; width:248px;}
.hotelWrap ul li{display:block; line-height:20px; color:#333; font-size:12px;}
.hotelWrap ul li a{color:#333; font-size:12px;}
.lugarWrap{display:block; width:294px; overflow:hidden;}
.lugarWrap p{float:left; width:46px; height:22px; line-height:22px; color:#fff; font-size:15px;  text-align:center; margin-right:15px; background-color:#d73f13;}
.lugarWrap ul{float:left; width:218px;}
.lugarWrap ul li{display:block; line-height:20px; color:#333; font-size:12px;}
.lugarWrap ul li a{color:#333; font-size:12px;}




.travelViewHotelSpotCityList{display:block; padding:0 18px; margin-top:30px; border:2px solid #3ea6cd; overflow:hidden; background-color:#fff;}
.travelViewHotelSpotCityList li{float:left; width:140px; line-height:42px; text-align:center; background:url('https://cdn.bluetravel.co.kr/common/images/line_light_gray_1x15.png') left center no-repeat;}
.travelViewHotelSpotCityList li.bgno{background:none;}
.travelViewHotelSpotCityList li a{color:#666; font-size:14px; font-weight:500;}
.travelViewHotelSpotCityList li a.active{color:#0e90c1;}








/* 상품상세 > 호텔 및 스팟 도시 상세목록 */
.travelViewHotelSpotCityListWrap{display:block; max-width:740px; height:213px; margin:22px 0; overflow:hidden;}
.travelViewHotelSpotCityListWrap h5{float:left; width:159px; color:#333; font-size:24px;}
.travelViewHotelSpotCityCols{float:left; width:581px; height:213px; overflow:hidden;}
.travelViewHotelSpotCityWrap{position:relative; display:block; width:581px; height:213px; overflow:hidden;}
.travelViewSpotListWrap{position:absolute; top:0; left:35px; display:block; width:507px; height:213px; overflow:hidden;}
/* hotel */
#travelViewHotelList{position:absolute; top:0; left:0; overflow:hidden;}
#travelViewHotelList li{position:relative; float:left; width:158px; height:211px; margin-right:13px; border:1px solid #b7b7b7; background-color:#fff;}
#travelViewHotelList li img{position:absolute; top:0; left:0; display:block; width:158px; height:109px;}
#travelViewHotelList li h6{position:absolute; top:122px; left:17px; display:block; width:124px; color:#333; font-size:12px; text-overflow:ellipsis !important; white-space:nowrap !important; word-break:normal !important; overflow:hidden !important;}
#travelViewHotelList li h6 a{color:#333; font-size:12px;}
#travelViewHotelList li p{position:absolute; left:17px; display:block; width:124px; color:#999; font-size:11px; text-overflow:ellipsis !important; white-space:nowrap !important; word-break:normal !important; overflow:hidden !important;}
#travelViewHotelList li p.hotelNameEng{top:138px;}
#travelViewHotelList li p.hotelCity{top:157px;}
#travelViewHotelList li p.hotelGrade{top:176px; /*color:#ffb91d;*/ color:#F36E1F; font-size:14px; font-weight:500; }
#travelViewHotelList li p a{color:#999; font-size:11px;}
#btnTravelViewHotelLeft{position:absolute; top:89px; left:0; display:block; border:0; width:22px; height:35px; background:url('https://cdn.bluetravel.co.kr/common/images/btn_travel_view_hotel_spot_arrow.png') no-repeat; background-position:0 0; text-indent:-9999em;}
#btnTravelViewHotelRight{position:absolute; top:89px; right:0; display:block; border:0; width:22px; height:35px; background:url('https://cdn.bluetravel.co.kr/common/images/btn_travel_view_hotel_spot_arrow.png') no-repeat; background-position:-22px 0px; text-indent:-9999em;}
/* spot */
#travelViewSpotList{position:absolute; top:0; left:0; overflow:hidden;}
#travelViewSpotList li{position:relative; float:left; width:158px; height:211px; margin-right:13px; border:1px solid #b7b7b7; background-color:#fff;}
#travelViewSpotList li img{position:absolute; top:0; left:0; display:block; width:158px; height:109px;}
#travelViewSpotList li h6{position:absolute; top:138px; left:17px; display:block; width:124px; color:#333; font-size:12px; text-overflow:ellipsis !important; white-space:nowrap !important; word-break:normal !important; overflow:hidden !important;}
#travelViewSpotList li h6 a{color:#333; font-size:12px;}
#travelViewSpotList li p{position:absolute; left:17px; display:block; width:124px; color:#999; font-size:11px; text-overflow:ellipsis !important; white-space:nowrap !important; word-break:normal !important; overflow:hidden !important;}
#travelViewSpotList li p.subCate{top:122px;}
#travelViewSpotList li p.subNation{top:166px;}
#travelViewSpotList li p a{color:#999; font-size:11px;}
#btnTravelViewSpotLeft{position:absolute; top:89px; left:0; display:block; width:22px; height:35px; border:0; background:url('https://cdn.bluetravel.co.kr/common/images/btn_travel_view_hotel_spot_arrow.png') no-repeat; background-position:0 0; text-indent:-9999em;}
#btnTravelViewSpotRight{position:absolute; top:89px; right:0; display:block; width:22px; height:35px; border:0; background:url('https://cdn.bluetravel.co.kr/common/images/btn_travel_view_hotel_spot_arrow.png') no-repeat; background-position:-22px 0px; text-indent:-9999em;}

/* 상품상세 > 호텔 상세 */
.travelViewHotelDetailWrap{display:block; background-color:#fff;}
/* 상품상세 > 호텔 상세 > 상세정보 */
.hotelDetailWrap{display:block;}
.hotelDetailWrap h5{color:#666; font-size:24px; font-weight:500;}
.hotelDetailWrap h5 strong{display:block; color:#333; font-size:34px; font-weight:500;letter-spacing: -1px}
.hotelDetailWrap h5 span{/*color:#ffb91d;*/ color:#F36E1F; font-size:26px; font-weight:500; padding-left:5px;}
.hotelDetailContent{display:block; line-height:24px; color:#666; font-size:14px; padding:25px 0;}
.hotelDetailInfo{display:block;width:100%}
.hotelDetailInfo th{width:150px; line-height:1.6em; color:#333; font-size:14px; font-weight:normal; border:1px solid #ccc; background-color:#f1f1f1;text-align:center}
.hotelDetailInfo td{line-height:20px; color:#666; font-size:14px; border:1px solid #ccc; padding:7px 32px 7px 33px;}
.hotelDetailInfo td a{color:#666; font-size:14px;}
.hotelDetailInfo td a:hover{text-decoration:underline;}
.hotelDetailInfo td ul{display:block; width:525px; overflow:hidden;}
.hotelDetailInfo td ul li{float:left; width:160px; 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;}
/* 상품상세 > 호텔 상세 > 사진 */
.hotelDetailPhotoWrap{display:block;}
.btnHotelDetailPhotoWrap{display:block; padding:40px 0px 5px 5px; text-align:right;}
.btnHotelDetailPhotoWrap button{display:inline-block; width:113px; height:29px; color:#333; font-size:14px; font-weight:500;border: 1px solid #828282;background-color: #f8f8f8;text-align: center;}
.hotelDetailPhoto{}
.hotelDetailPhoto li{margin:10px 0}
.hotelDetailPhoto li img{width:100%;height:100%}
.hotelDetailPhotoWrap p{display:block; line-height:16px; color:#666; font-size:12px; padding:10px 40px 0 40px;}
/* 상품상세 > 호텔 상세 > 지도 */
.hotelDetailMapWrap{display:block; padding:40px 0 0 0;}
.hotelDetailLoc{display:block; border:1px solid #ccc; width:100%}
.hotelDetailLoc th{width:164px; 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; width:100%; height:400px; margin-top:10px; border:1px solid #ccc;}
.hotelDetailMap img{max-width:none;}

.travelViewSpotWrap{margin-bottom:40px}



#tga_assoc_wrap_bottom{}
#tga_assoc_wrap_bottom .tit{margin:15px 0;font-weight:bold;font-size:1.4rem;font-family:'lexonl1gothic'}


.btnCustomerConsultWrap{display:block; text-align:center; padding:60px 0;}
.btnCustomerConsult{position:relative; display:block; padding:1rem; background-color: #228be6; border:1px solid #095faa;box-shadow: 2px 2px #cdcdcd;}
.btnCustomerConsult .consult_icon{color:#fff;font-size:60px}
.btnCustomerConsult .consult_icon i{
    --fa-primary-color: #cc0000;
    --fa-secondary-color: #fff;
}
.custConsultTxt{padding:1rem 0;line-height:20px; color:#fff; font-size:15px; text-align:left;}
.custConsultYellow{padding-bottom:1rem;}
.custConsultYellow a{display: block;padding: 5px 15px;width:200px;background-color: var(--consult);color: #fff;border:1px solid var(--consult-border)}
/* .btnCustomerConsult a{display:block; background-color:#fff; opacity:0; -moz-opacity:0; -webkit-opacity:0; -khtml-opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);} */
























/* 항공권 선택안함 */
.travelViewChoiceNoAirline{clear:both; display:block; width:730px; height:30px; line-height:30px; text-align:right; padding:0 5px;}
.travelViewChoiceNoAirline *{vertical-align:middle;}
.travelViewChoiceNoAirline label{color:#333; font-size:14px;}
.travelViewChoiceNoAirline label span{color:#666; font-size:14px;}
/* 항공권 목록 */
.tblChoiceAirline{border-collapse:collapse; max-width:740px;}
.tblChoiceAirline th{height:33px; line-height:33px; color:#333; border:1px solid #ccc; background-color:#f1f1f1;text-align:center}
.tblChoiceAirline th.sel{width:45px;}
.tblChoiceAirline th.air{width:250px;}
.tblChoiceAirline th.benefit{width:445px;}

.tblChoiceAirline tr:hover td{background-color: #f1f1f1;}
.tblChoiceAirline tr.active td{background-color:#e9f7fb}
.tblChoiceAirline tr td{border-top:0 !important;}
.tblChoiceAirline tr td *{cursor:pointer}
.tblChoiceAirline td{line-height:1.5em; text-align:center; color:#333; font-size:14px; padding:10px; border:1px solid #ccc; background-color:#fff;}
.tblChoiceAirline td.benefit{color:#333; font-size:12px; text-align:left;}
.tblChoiceAirline td label{color:#333; font-size:14px;}
.tblChoiceAirline td.benefit label{color:#333; font-size:12px;}
.tblChoiceAirline td.benefit font{font-size:12px;}
/* 호텔 선택 */
.travelViewChoiceHotelWrap{display:block; max-width:740px; margin-top:20px; overflow:hidden;}
.travelViewChoiceHotelWrap:first-child{margin-top:0}
.travelViewChoiceHotelWrap:first-of-type{margin-top:0}
.travelViewChoiceHotelTitle{float:left; width:159px;}
.travelViewChoiceHotelTitle h5{display:block; width:159px; color:#333; font-size:24px;}
.travelViewChoiceHotelEtc{display:block; margin-top:20px;}
.travelViewChoiceHotelEtc p{display:block; width:159px;}
.travelViewChoiceHotelEtc p span{display:inline-block; height:19px; color:#666; font-size:16px; font-weight:500; border-bottom:1px solid #848484; margin-bottom:5px;}
.travelViewChoiceHotelEtc p span strong{color:#333; font-size:16px; font-weight:500;}
.travelViewChoiceHotelDataWrap{}
.travelViewChoiceHotelDataWrap{float:left; width:100%;}
.travelViewChoiceHotelData{position:relative; display:block; width:581px; overflow:hidden;}
.travelViewChoiceHotelListWrap{position:absolute; top:0; left:35px; display:block; width:507px; overflow:hidden;}
.travelViewChoiceHotelList{position:absolute; top:0; left:0; overflow:hidden;}
.travelViewChoiceHotelList li{float:left; width:160px; margin-right:12px;}
.hotelRecomWrap{display:block; height:28px;}
.hotelRecomWrap strong{display:inline-block; width:63px; height:28px; line-height:28px; color:#fff; font-size:13px; text-align:center; background-color:#d73f13;}
.hotelRecomInfoWrap{position:relative; display:block; width:152px; height:205px; border:4px solid #d73f13; background-color:#fff;}
.hotelRecomInfoWrap img{position:absolute; top:0; left:0; display:block; width:152px; height:106px;}
.hotelRecomInfoWrap h6{position:absolute; top:119px; left:13px; display:block; width:126px; color:#333; font-size:12px; text-overflow:ellipsis !important; white-space:nowrap !important; word-break:normal !important; overflow:hidden !important;}
.hotelRecomInfoWrap p{position:absolute; left:13px; display:block; width:126px; color:#999; font-size:12px; text-overflow:ellipsis !important; white-space:nowrap !important; word-break:normal !important; overflow:hidden !important;}
.hotelRecomInfoWrap p.hotelNameEng{top:134px;}
.hotelRecomInfoWrap p.hotelCity{top:155px;}
.hotelRecomInfoWrap p.hotelGrade{top:174px; /*color:#ffb91d;*/ color:#F36E1F; font-size:14px; font-weight:500; }
.hotelInfoWrap{position:relative; display:block; width:158px; height:211px; border:1px solid #b7b7b7; background-color:#fff;}
.hotelInfoWrap.active{width:156x; height:209px; border:2px solid #d13510}
.hotelInfoWrap img{position:absolute; top:0; left:0; display:block; width:158px; height:103px;}
.hotelInfoWrap h6{position:absolute; top:116px; left:16px; display:block; width:126px; color:#333; font-size:12px; text-overflow:ellipsis !important; white-space:nowrap !important; word-break:normal !important; overflow:hidden !important;}
.hotelInfoWrap p{position:absolute; left:16px; display:block; width:126px; color:#999; font-size:12px; text-overflow:ellipsis !important; white-space:nowrap !important; word-break:normal !important; overflow:hidden !important;}
.hotelInfoWrap p.hotelNameEng{top:137px;}
.hotelInfoWrap p.hotelCity{top:158px;}
.hotelInfoWrap p.hotelGrade{top:177px; /*color:#ffb91d;*/ color:#F36E1F; font-size:14px; font-weight:500; }
.hotelSelectWrap{display:block; width:140px; padding:0 3px; margin:11px 0 28px 0;}
.hotelSelectWrap p{display:block; width:140px; line-height:1.5em; overflow:hidden;}
.hotelSelectWrap p *{cursor:pointer}
.hotelSelectWrap p input{float:left; width:13px; height:13px; margin:4px 4px 4px 4px;}
/*.hotelSelectWrap p label{float:left; width:107px; color:#333; font-size:12px; word-break:break-all !important;}*/
.hotelSelectWrap p label{float:right; width:115px; color:#333; font-size:11px; word-break:break-all !important;}
.btnTravelViewChoiceHotelLeft{position:absolute; top:116px; left:0; display:block; width:22px; height:35px; border:0; background:url('https://cdn.bluetravel.co.kr/common/images/btn_travel_view_hotel_spot_arrow.png') no-repeat; background-position:0 0; text-indent:-9999em;}
.btnTravelViewChoiceHotelRight{position:absolute; top:116px; right:6px; display:block; width:22px; height:35px; border:0; background:url('https://cdn.bluetravel.co.kr/common/images/btn_travel_view_hotel_spot_arrow.png') no-repeat; background-position:-22px 0px; text-indent:-9999em;}












.empty_product_travel{
    margin-top: 2rem;
    padding: 3rem 0 4rem 0;
    border: 1px solid #ffd4a5;
    border-bottom: 0;
    border-radius: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    text-align: center;
    background-color: #eee;
    background: url(/common/images/no_product_travel.webp) 50% 50% no-repeat;
    background-size: cover;
    min-height: 550px;
}
.empty_product_travel h2 {
    margin: 2rem 0 1rem 0;
    color: #ffa200;
}
.empty_product_travel h4 {
    color: #000;
}


.empty_product_consult {
    padding: 3rem 0;
    background-color: var(--b24-blue2);
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #ffd4a5;
    border-top: 0;
    border-radius: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.empty_product_consult .txt {
    margin: 0 0 1rem 0;
    font-size: 1.3em;
}
.empty_product_consult .link {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1rem 2rem;
    min-width: 300px;
    border-radius: 10px;
    border-bottom: 3px solid var(--ch-red5);
    background-color: var(--consult);
    background: var(--consult-bg);
    font-weight: 400;
}
.empty_product_consult .link:hover {
    background-color: var(--ch-red3);
}
.empty_product_consult .link:active {
    border-bottom: 0;
    border-top: 3px solid var(--ch-red5);
}
.empty_product_consult .link img {
    width: 130px;
    margin-bottom: 10px;
    margin-top: 5px;
}
.empty_product_consult .link .link_txt {
    color: #fff;
}

@media (min-width: 992px) {
    .empty_product_consult {
        padding: 7rem;
        flex-direction: row;
        justify-content: space-between;
    }
    .consult_w .txt {
        margin: 0 1rem 0rem 0;
    }
}


/*
: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
}
*/
