@charset "UTF-8";
.photoListBox .photoListUl, .photoListBox .imgListWrap {margin-right: -3%;}
.photoListBox .photoListUl .htoListCnt, .photoListBox .imgListWrap>li {width: 30%; margin-right: 3.3333%; margin-bottom: 45px;}
.photoListBox .photoListUl .htoListCnt > a {border: 1px solid #e4e4e4;}
.photoListBox .photoListUl .htoListCnt > a:hover {border-color: #0eada8; background-color: #fff; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);}
.photoListBox .photoListUl .htoListCnt .photoImg {height: 250px; margin: 0; border-radius: 0; position: relative;}
.photoListBox .photoListUl .htoListCnt .photoImg .imgInfo {position: absolute; top: 15px; left: 15px; display: flex; z-index: 1;}
.photoListBox .photoListUl .htoListCnt .photoImg .imgInfo span {display: inline-block; padding: 0 15px; box-sizing: border-box; border-radius: 20px; font-family: 'NotoKrR'; color: #fff; font-size: 13px; height: 25px; line-height: 25px;}
.photoListBox .photoListUl .htoListCnt .photoImg .imgInfo span.type01 {background-color: #997b3b;}
.photoListBox .photoListUl .htoListCnt .photoImg .imgInfo span.type02 {background-color: #41993b;}
.photoListBox .photoListUl .htoListCnt .photoImg .imgInfo span.type03 {background-color: #823d8a;}
.photoListBox .photoListUl .htoListCnt .photoImg .imgInfo span.type04 {background-color: #3b4899;}
.photoListBox .photoListUl .htoListCnt .photoInfoBox .photoTitle {font-size: 20px; font-family: 'GmarketSans'; color: #333333; margin-bottom: 10px;}
.photoListBox .photoListUl .htoListCnt > a:hover .photoTitle {color: #0eada8; font-family: 'GmarketSans';}
.photoListBox .photoListUl .htoListCnt .photoInfoBox p {padding: 0 15px; box-sizing: border-box; margin-bottom: 5px;}
.photoListBox .photoListUl .htoListCnt .photoInfoBox p:last-child {margin-bottom: 20px;}
.photoListBox .photoListUl .htoListCnt .photoInfoBox p span {position: relative; font-family: 'NotoKrM'; font-size: 15px; color: #696969; padding-left: 20px; box-sizing: border-box;}
.photoListBox .photoListUl .htoListCnt .photoInfoBox .location span::before {content: ''; position: absolute; top: 3px; left: 0; background: url('/images/Culture/images/board/cul_loca.png') no-repeat; width: 12px; height: 17px;}
.photoListBox .photoListUl .htoListCnt .photoInfoBox .call span::before {content: ''; position: absolute; top: 4px; left: 0; background: url('/images/Culture/images/board/call.png') no-repeat; width: 15px; height: 15px;}
.photoListBox .photoListUl .htoListCnt .photoInfoBox .month span::before {content: ''; position: absolute; top: 4px; left: 0; background: url('/images/Culture/images/board/month.png') no-repeat; width: 13px; height: 13px;}

@media screen and (max-width: 1600px) {
    .photoListBox .photoListUl .htoListCnt .photoImg {height: 215px;}
    .photoListBox .photoListUl .htoListCnt, .photoListBox .imgListWrap>li {margin-bottom: 30px;}
}

@media screen and (max-width: 1400px) {
    .photoListBox .photoListUl .htoListCnt .photoImg {height: 185px;}
}

@media screen and (max-width: 780px) {
    .photoListBox .photoListUl, .photoListBox .imgListWrap {margin-right: -4%;}
    .photoListBox .photoListUl .htoListCnt, .photoListBox .imgListWrap>li {width: 46%; margin-right: 4%;}
}

@media screen and (max-width: 680px) {
    .photoListBox .photoListUl .htoListCnt .photoImg {height: 165px;}
    .photoListBox .photoListUl .htoListCnt .photoInfoBox .photoTitle {font-size: 18px; margin-bottom: 5px;}
    .photoListBox .photoListUl .htoListCnt .photoInfoBox .location span {font-size: 14px;}
}

@media screen and (max-width: 480px) {
    .photoListBox .photoListUl, .photoListBox .imgListWrap {margin-right: 0;}
    .photoListBox .photoListUl .htoListCnt, .photoListBox .imgListWrap>li {width: 100%; margin-right: 0; margin-bottom: 20px;}
    .photoListBox .photoListUl .htoListCnt .photoImg {height: 220px;}
    .photoListBox .photoListUl .htoListCnt .photoInfoBox, .photoListBox .imgListWrap {margin-top: 15px;}
}          


/*숙박콤보박스*/
.cb_box{margin: 30px 0;position: relative;border: solid 3px #4da0da;border-radius: 10px;overflow: hidden;}
.cb_box .txt div{display: flex;padding: 20px;border-bottom: solid 1px #ddd;}
.cb_box .txt div h4{padding: 0 10px 0 0;color: #4da0da;font-size: 17px;}
.cb_box .txt div ul{width: calc(100% - 70px);}
.cb_box .txt div ul li{line-height: 1;margin: 5px 0;display: inline-block;box-sizing: border-box;}
.cb_box .txt input{width: 20px;height: 20px;vertical-align: middle;}
.cb_box .b_btn{border: none;text-align: center; width: 100%; background: #4da0da; color: #fff; margin: 0;padding: 10px;font-size: 16px;}

/*숙박뷰*/
.stay_top .big_img{max-width: 650px;margin: 0 auto;background: #f1f1f1;display: flex;justify-content: center;align-items: center;}
.stay_top .big_img img{width: fit-content;height: 100%;}
.stay_top .stay_left .img_list{position:relative;padding: 10px 30px;margin-bottom: 40px;}
.stay_top .img_list ul{display: flex;flex-wrap: nowrap;overflow: hidden;width: 2000px !important;}
.stay_top .img_list li{position: relative;margin: 0 3px;width: 80px !important;!im;!i;!;height: 100%;}
.stay_top .img_list li.active a:before{display:block;content:'';height:100%;border: solid 3px #1e7abb;position: absolute;top: 0;left: 0;right: 0;box-sizing: border-box;}
.stay_top .img_list li a{display: block;}
.stay_top .img_list li img{width: 100%;}
.stay_top .img_list button{display: block;background: #000;border: none;position: absolute;font-size: 0;width: 30px;height: 40px;top: calc(50% - 20px);}
.stay_top .img_list button.prev{left: 0;background: #020202 url('/images/board/leftBtn.png') no-repeat center;}
.stay_top .img_list button.next{right: 0;background: #020202 url('/images/board/rightBtn.png') no-repeat center;}

.stay_top .stay_right{padding: 20px 0;box-sizing: border-box;border-top: solid 2px #424242;border-bottom: solid 1px #767676;}
.stay_top .stay_right ul{ border-top: solid 1px #ddd;}
.stay_top .stay_right li{margin: 8px 0;display: flex;justify-content: space-between;flex-wrap: wrap;}
.stay_top .stay_right li strong{color: #1e7abb;width: 100px;position: relative;padding-left: 10px;box-sizing: border-box;}
.stay_top .stay_right li strong:before{display:block;content:'';width: 6px;height: 6px;background:#1e7abb;position: absolute;left: 0;top: 9px;border-radius: 50%;}
.stay_top .stay_right li span{width: calc(100% - 105px);}
.stay_top .stay_right li a{display: inline-block;background: #1e7abb;margin: 0 5px;padding: 0 10px;color: #fff;}

.stay_con{border-top: solid 1px #ddd;padding:30px 0}

@media all and (min-width:1200px){
.cb_box{display: flex;justify-content: space-between;}
.cb_box .txt{width: 85%;}
.cb_box .txt div h4{ padding: 0 10px;}
.cb_box .txt div ul li{margin: 0 7px;}
.cb_box .b_btn{width: 15%;}

/*숙박뷰*/
.stay_top{display: flex;justify-content: space-between;flex-wrap: wrap;}
.stay_top .stay_left{ width: 50%;overflow: hidden;}
.stay_top .stay_left .img_list{margin: 0;padding: 20px;}
.stay_top .img_list li{width: 120px !important; height:70px; overflow:hidden;}
.stay_top .big_img{height: 406px;}
.stay_top .stay_right{width: 46%;padding: 30px 0;}
.stay_top .stay_right li{margin: 16px 0;}
    
}

/*숙박커스튬*/
.photoListBox.stay_list .photoListUl .htoListCnt .photoImg{background: #eeeded;}
.photoListBox.stay_list .photoListUl .htoListCnt .photoImg img{height:100%;/* width: auto; */}
.photoListBox.stay_list .photoListUl .htoListCnt .photoInfoBox{margin: 0;text-align: center;}
.photoListBox.stay_list .photoListUl .htoListCnt .photoInfoBox p:last-child{margin:10px 0}

.photoListBox.stay_list .photoListUl.col2 .htoListCnt{width: 46%;}