﻿
html,body{height: 100vh;}
	
main.sub div.tourpik section.itemHeader{margin-bottom:25px;}

.itemDetail .newDetail_layout{max-width:920px;}

/*상품상새 공통 섹션 타이틀*/
h3.content_tit{font-size:16px;border-bottom: 1px solid #ddd;padding-bottom: 10px;}
.reviewTit h3.content_tit{border-bottom:0 none;padding-bottom:0;}
.tap_info_tit h3{font-size:18px;}

/*상품리뷰*/
.reviewThum{width:100px;display:inline-block;vertical-align: middle;}
.reviewTxt{margin-left:10px;width: calc(100% - 200px);max-width:400px;display:inline-block;vertical-align: middle;}
.reviewTxt p.txt{margin-top:5px; display: -webkit-box;  -webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden; }
div.tourpikQnaClass .reviewTit{margin-top:30px;padding:15px 0 5px;display: flex; justify-content: space-between; align-items: center;border-bottom:1px solid #ddd;}
.item_mid_bottom_content_review_row p{color:#333;}
div.tourpikQnaClass .reviewTit #item_mid_bottom_content_review_write{font-size:12px;height:30px;} 
.item_mid_bottom_content_review_row td{position: relative;}
.reviewBtn{ position: absolute; right: 10px; top: 35%;}
.reviewThum img{border:1px solid #ccc; border-radius: 5px;overflow:hidden;width: 100%; height: auto;object-fit: cover;}

/*최상단 갤러리*/
div.itemGallery_info{display: flex; flex-wrap: wrap; gap: 5px; width: 100%;}
div.itemGallery_info > div.mainImg{flex: 1; max-height: 420px; position: relative; overflow: hidden; border-radius: 10px;}
div.itemGallery_info > div.mainImg div.img_more{position: absolute; bottom: 10px;right: 10px; height: 35px; text-align: center; width: 100px; border-radius: 50px;line-height:35px;}
div.itemGallery_info > div.mainImg div.img_more div.bg{background-color: #000; position: absolute; left: 0px; top: 0px; bottom: 0px; right: 0px; opacity: 0.5; border-radius: 10px;}
div.itemGallery_info > div.mainImg div.img_more span{color: #fff; display: block;z-index: 1;}
div.itemGallery_info > div.moreImg{width: 40%;}
div.itemGallery_info > div.mainImg img{width: 100%; max-height: 420px; object-fit: cover;}
div.itemGallery_info > div.moreImg ul{width: 100%; height: 100%; display: flex; flex-wrap: wrap; gap: 5px;}
div.itemGallery_info > div.moreImg ul li{overflow: hidden; border-radius: 10px; flex: 1; height: calc(50% - 2px); flex-basis: calc(50% - 5px); flex-shrink: 1; flex-grow: 1; position: relative;}
div.itemGallery_info > div.moreImg ul li img{position: absolute; object-fit: cover; width: 100%; min-height: 100%; object-fit: cover;}
div.itemGallery_info > div.moreImg ul li div.img_more{position: absolute; bottom: 0px; left: 0px; right: 0px; top: 0px; height: 100%; text-align: center;}
div.itemGallery_info > div.moreImg ul li div.img_more div.bg{background-color: #000; position: absolute; left: 0px; top: 0px; bottom: 0px; right: 0px; opacity: 0.5; border-radius: 10px;}
div.itemGallery_info > div.moreImg ul li div.img_more span{color: #fff; font-size: 16px; font-weight: bold; display: block; position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); z-index: 1;}
div.itemGallery_info .pc_show{display: block;}
div.itemGallery_info .tap_show{display: none;}
div.itemGallery_info .mo_show{display: none;}
div.itemGallery_info .click_more{cursor: pointer;}
div.itemGallery_info .click_more:hover{opacity: .8;}

/*갤러리 아래 메인 타이틀*/
.titProduct{margin-bottom:25px;}
.titProduct .productTit{margin-bottom:5px;}
.titProduct h2 { display: inline-block; font-size: 22px; font-weight: 600; vertical-align:middle;}
.titProduct .starPoint{ color: #157ced; font-size: 14px;display: inline-block; vertical-align:center; border: 1px solid #157ced; border-radius: 3px; padding: 3px 4px; margin-left: 4px;}
.titProduct h3 {margin-top:5px; font-size: 16px; color: #999; font-weight: 400;}
.titProduct .hash{color:#157ced;margin-bottom:5px;font-weight:400;}

.titProduct .title_bottom{margin-top:10px;}
.titProduct .title_bottom .price{font-size:16px;color:#555;font-weight: normal;letter-spacing:-1px;}
.titProduct .title_bottom .price span{color:#FF4747;font-size:22px;font-weight:600;}

main.sub div.tourpik section.itemDetail > .title .starPoint .star { color: #E38F2D; font-size: 18px;}



/*상단 고정 탭메뉴*/
main.sub div.tourpik section.itemDetail div.tapMenu.off ul li{line-height:45px;background:#f2f6f9;}
main.sub div.tourpik section.itemDetail div.tapMenu.off ul li:not(:first-child){margin-left:5px;font-size:12px;}

main.sub div.tourpik section.itemDetail div.tapMenu.on ul li.tapInfo p.price{line-height:24px;}
main.sub div.tourpik section.itemDetail div.tapMenu.on ul li.tapInfo{width:auto;}
main.sub div.tourpik section.itemDetail div.tapMenu.on ul li.tapInfo{align-items: center;}

main.sub div.tourpik section.itemDetail div.tapMenu.on a.btnTop_QA{background: #39a0e2; border-radius: 13px 6px 13px 13px; color: #fff;position: relative;}

/*룸 리스트*/
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomList .txtBox{float:none;}
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomList .txtBox + .priceArea > p.discTxt{margin-top: 10px;}
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .titArea{position:relative !important;padding-left:0;max-width: 100%;min-height: auto;}
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomList .roomItem{padding:0;display:block;position:relative;}
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomList .roomItem:not(:first-child){padding-top: 20px;}
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomList .roomItem .descArea .impInfo span{border-radius:10px;font-size: 12px;line-height:1.3;display:inline-block;}
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomList .roomItem .descArea .desc{font-size: 14px; line-height: 24px; background: #f2f6f9; padding: 15px; border-radius: 0 10px 10px;}
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .priceArea{margin-top:5px;padding:10xp 0 20px 0;padding:0;border-left:0 none;}
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomList .vatTxtArea{margin:20px 0;border-bottom:0 none; height:auto;text-align:left;position:relative;}
 


/*호텔 검색*/
main.sub div.tourpik section.itemDetail .searchArea select{max-width:130px;border:0 none;margin-right:5px;}
main.sub div.tourpik section.itemDetail .searchArea{padding:5px 5px 3px 35px;background:#E9F4FF;}
main.sub div.tourpik section.itemDetail .searchArea .optionCheck{margin-top:0;padding:0;margin-right:5px;}
main.sub div.tourpik section.itemDetail .searchArea div .reserveBtn button{margin-top:0;background:#111;font-weight:600; border-radius: 5px;}
main.sub div.tourpik section.itemDetail .searchArea .checkInOut .txt{font-size:14px}
main.sub div.tourpik section.itemDetail .searchArea .checkInOut label[for="targetDate"] p:first-child{color: #157ced;}
main.sub div.tourpik section.itemDetail .searchArea .reserveBtn button{font-size:14px;background:#111;border-color:#0fbfc7;border-radius:8px;padding:15px 25px;}
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomList{padding-left:300px;}
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomInfo .checkWant{margin-top:15px;}
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomInfo{margin-bottom:13px;}
button.reserve{background: #111; color: #fff; width:100%; margin-right: 5px; font-weight: 600; cursor: pointer; padding: 10px; border-radius: 5px;}



main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap{padding-top:15px;}


main.sub div.tourpik section.itemDetail div.itemContent div.content div.contentInfo{margin:0;}

main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomInfo .imgWrap .dimTxt{padding:7px 10px;}


main.sub div.tourpik section.itemDetail .searchArea from tapBook{margin-top:20px;margin-bottom:0;padding:5px;border-radius:8px 0 8px 8px;border:0 none;}

/*중단 예약버튼*/
.btnWrap{position: absolute;right:5px;top:50%; transform: translateY(-50%); margin-top:0;display:block;width:140px;}
div.vatTxtArea .btnWrap{position: absolute;right:5px;top:50%; transform: translateY(-50%); margin-top:0;display:block;width:140px;}
.btnWrap .reserve{padding:12px 15px;}


main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .priceArea .prc .vnd{display:inline-block;}
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            

/*상세 타이틀 닷*/
main.sub div.tourpik section.itemDetail div.itemContent .content_tit::before{top:40%;}


/* 리뷰 / Q&A */
#item_mid_bottom_content_review_write{height:40px; background:#393939; font:inherit; font-size:16px; !important; color:white; border:none;}
.item_mid_bottom_content_review{width:100%; border: none; border-top:1px solid #777; margin:0 auto; background:white;}
.item_mid_bottom_content_review caption{margin:0; padding:0 0 20px 0; text-align:center;}
.item_mid_bottom_content_review tr th{padding:8px; border-bottom:1px solid #b5b4b4; background:#efefef; font-size:15px;}
.item_mid_bottom_content_review tr td{vertical-align:top; padding:8px; border-top:1px solid #efefef; vertical-align:middle;}
.item_mid_bottom_content_review tr td:nth-of-type(2) p:nth-of-type(2){font-size:16px; color:black;}
.item_mid_bottom_content_review tr td:nth-of-type(2) p:nth-of-type(3){font-size:15px; color:black; margin:8px 0;}
.item_mid_bottom_content_review tr:nth-of-type(1) th, .item_mid_bottom_content_review tr:nth-of-type(1) td{border-top:none;}
.item_mid_bottom_content_review_row td p{font-size:16px; max-height:99999px;}

.item_mid_bottom_content_review_row td:nth-of-type(1){border-bottom:1px solid #ddd;display:inine-block;min-width: 120px; margin-right: 13px !important; padding: 10px 5px !important; min-height:100px;border-radius: 5px;text-align: center;}
.item_mid_bottom_content_review_row td:nth-of-type(1) > img{border-radius: 4px;}
.item_mid_bottom_content_review_row td p:nth-of-type(1) > span{vertical-align: middle; display: inline-block; margin-top: 30px; font-size: 11px; color: #555;}
.item_mid_bottom_content_review_row td p:nth-of-type(2) var{font-size:16px; font-style:normal; color:#767676;}
.item_mid_bottom_content_review_row td p:nth-of-type(2) var b{color:black; font-weight:normal;}
.item_mid_bottom_content_review_row td p:nth-of-type(2) img{vertical-align:middle;}
.item_mid_bottom_content_review_row td p:nth-of-type(3){margin:6px 0 0 0px; line-height:1.6em;}
.item_mid_bottom_content_review_row td p:nth-of-type(3) button{background:#868686; font-size:14px; padding:2px 5px; border-radius:4px;}
.item_mid_bottom_content_review_row td p:nth-of-type(4){margin:8px 0 0 0; font-size:14px; color:#807c7c;}
.item_mid_bottom_content_review_row td p:nth-of-type(4) b,
.item_mid_bottom_content_review_row td p:nth-of-type(3) time{color:#767676; font-weight:normal;}


.item_mid_bottom_content_review_row_content > td table td{text-align:center;}
.item_mid_bottom_content_review_row_content > td p{padding:8px 0px; font-size:15px; max-height:99999px;}

#item_mid_bottom_content_writer{box-sizing:border-box; border:1px solid #e0e0e0; padding:4px; width:144px; font:inherit; font-size:15px; border-radius:4px;}

.item_mid_bottom_content_review_row_toggle{background:#464646; padding:4px 16px; font-size:24px; color:white; border:none; border-radius:8px;}

.item_mid_bottom_content_review_row p var{margin-left:0;}


#item_bx .tourpik_btnGroup{text-align: center; margin-top: 20px;}
#item_bx .mline {background:#efefef;width:100%;height:5px;margin-top: 20px; border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf}


#item_review_table_edit th {background: #f7f7f7; border-top: 1px solid #878787; font-size: 14px; font-weight: 400; border-right: 1px solid #ccc;}
#item_review_table_edit th:last-child {border-right:none;}
#item_review_table_edit td {border-bottom:1px solid #ccc; border-right:1px solid #ccc;}
#item_review_table_edit td:last-child {border-right:none;}

main.sub div.tourpik section.itemDetail div.itemContent > div:not(:first-child, :last-child, .priceList){border-bottom:0 none;padding:5px 0;}

.tourpik_btnGroup > .ssize{/*margin-bottom:20px;display: inline-block;width: 32%;line-height: 2;*/}

/*상품페이지 하단 상품QnA 리스트*/
.item_mid_bottom_content_review_in { width: 100%; border: none; border-top: 1px solid #777; margin: 0 auto; background: white; } 
.item_mid_bottom_content_review_in caption { margin: 0; padding: 0 0 20px 0; text-align: center; } 
.item_mid_bottom_content_review_in tr th { padding: 8px; border-bottom: 1px solid #b5b4b4; background: #fff; font-size: 15px; } 
.item_mid_bottom_content_review_in tr td { vertical-align: top; padding: 8px; border-top: 1px solid #efefef; vertical-align: middle; } 
.item_mid_bottom_content_review_in tr td:nth-of-type(2) p:nth-of-type(2) { font-size: 16px; color: black; } 
.item_mid_bottom_content_review_in tr td:nth-of-type(2) p:nth-of-type(3) { font-size: 15px; color: black; margin: 8px 0; } 
.item_mid_bottom_content_review_in tr:nth-of-type(1) th, .item_mid_bottom_content_review_in tr:nth-of-type(1) td { border-top: none; } 
.item_mid_bottom_content_review_row td p { font-size: 16px; max-height: 99999px; }
.qna_list_tagbtn {border-radius:20px;font-size:12px;height:30px;line-height:15px;background-color:#fff;color:#000;font-weight:bold;}
.qna_list_tagbtn.on {border-radius:20px;font-size:12px;height:30px;line-height:15px;background-color:#000;color:#fff;font-weight:bold;}

.detail_qna_area{margin-bottom:5px;}
.qna_count_area input{margin:0px 3px;padding:3px;}

/*하단 고정 상품가격*/
.tapInfo_Bottom{position:/*sticky*/fixed; bottom:0; left:0; width:100%;background:#fff;border-top:1px solid #ccc;height:60px;z-index:8;overflow-anchor: none;}
.tapInfo_Bottom .inBox{max-width: 1300px; margin: 0 auto; padding: 10px; display: flex; gap: 0px 15px;}
.tapInfo_Bottom .inBox .price{padding: 5px; font-size: 18px; min-width: 30%; font-weight: bold; color: #FF4747; line-height: 18px;}
.tapInfo_Bottom .inBox .price span{font-size: 13px; padding-left: 3px; font-weight: 300; color: #777;}
.tapInfo_Bottom .inBox .btn{flex: 1;}
.tapInfo_Bottom .inBox .btn .goBook{width: 100%; border-radius: 5px; font-size: 16px; line-height: 40px;background:#0d46b6; color: #fff; display: block;/*max-width: 130px; */margin-left: auto;}


/*모바일일 때 호텔검색 펼쳐보기 
.btn_listMove{position: absolute;right: 0;border:0 none;top:30%;}
.btn_listMove .close_btn{background:#fff;padding:7px 7px;border:1px solid #ccc;border-radius:5px;}*/


.video-wrap {position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; margin: 25px;}
.video-wrap iframe,
.video-wrap object,
.video-wrap embed {position:absolute; top:0; left:0; width:100%; height:100%;}

div.more_img_load_div{position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 999;}
div.more_img_load_div div.img_load_div_group{position: relative; width: 100%; height: 100%;}
div.more_img_load_div div.img_load_div_group > div#more_gallery_list{position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); z-index: 999;}
@media (min-width: 1025px){div.more_img_load_div div.img_load_div_group > div#more_gallery_list{width: 85vw !important; height: 85vh !important; max-width: none !important;}}
div.more_img_load_div div.img_load_div_group > div#more_gallery_list > span.close{display: block; border: 1px solid #c9c3bb; cursor: pointer; position: absolute; z-index: 999; padding: 4px 7px 3px; font-size: 12px; color: #c9c3bb; right: 39px; top: 10px;}
div.more_img_load_div div.bg{position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; background: #000; opacity: .5; z-index: 990;}


/*중단 기본탭 감추기*/
main.sub div.tourpik section.itemDetail div.tapMenu.on { display:block;  transition-duration: 0.2s;
    transition-timing-function: ease;
    -webkit-transition-duration:0.1s;
    -webkit-transition-timing-function:ease; border-bottom: 1px solid #dadcde;}
main.sub div.tourpik section.itemDetail div.tapMenu.off{ display:none;  transition-duration: 0.2s;
    transition-timing-function: ease;
    -webkit-transition-duration:0.1s;
    -webkit-transition-timing-function:ease; }

/*중단 기본정보 on off*/
main.sub div.tourpik section.itemDetail summary {position: relative;margin-bottom:20px;padding-left:8px;padding-bottom:10px;display: flex;justify-content: space-between; font-weight: 600;border-bottom:1px solid #ddd;cursor: pointer;}
main.sub div.tourpik section.itemDetail summary::before{position: absolute;top:33%;left: 0; width: 3px; height: 3px; background: #333; border-radius: 50%; content: "";}
main.sub div.tourpik section.itemDetail summary span{font-weight: 300;font-size:14px;}
main.sub div.tourpik section.itemDetail summary span::after{content:'+'}
main.sub div.tourpik section.itemDetail summary::-webkit-details-marker {display: none; }
details[open] {}
details[open] main.sub div.tourpik section.itemDetail summary {  margin-bottom: 0.5em;}

/*준단 검색*/
main.sub div.tourpik section.itemDetail .searchArea .optionCheck .select{margin:0;min-height:auto;}


/*상품검색 오픈 후 더보기*/
.mBlock_product .morePrcView{margin-top:10px;display:inline-block;}
.mBlock_product .morePrcView button{padding:3px 10px;background:#777;color:#fff;border-radius:5px;background:#777;border:1px solid #707070;font-size: .8em;}

/*이용방법*/
section.itemDetail .contentInfo ul.how_to_use{padding-inline-start:0;}
section.itemDetail .contentInfo ul.how_to_use li{list-style:none;}

main.sub div.tourpik section.itemDetail div.itemContent div.content div.Howtouse div.info #view_rule_bx > ul > li .tit{padding:0 10px 10px;}


/********오른쪽 퀵메뉴***********/
/*결제 퀵*/
.css-wldo8h { box-sizing: border-box; margin: 0; min-width: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; border: 1px solid #C6C6C6; border-radius: 4px; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.css-a5xtki{ box-sizing: border-box; margin: 0; min-width: 0; padding:30px 24px;}
.css-17dn726 { box-sizing: border-box; margin: 0; min-width: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.css-jqbm3n { box-sizing: border-box; margin: 0; min-width: 0; font-size: 14px; letter-spacing: -0.02em; line-height: 26px; font-weight: 500; }
.css-8hwf4v { box-sizing: border-box; margin: 0; min-width: 0; border: 0; border-bottom: 1px solid; margin-top: 12px; margin-bottom: 12px; color: #ededed; }
.css-1xhmgr4 { box-sizing: border-box; margin: 0; min-width: 0; font-size: 19px; letter-spacing: -0.02em; line-height: 36px; font-weight: 700; }
/* .css-1axms61 { margin-top: 8px; -webkit-text-decoration: none; text-decoration: none; cursor: pointer; padding-top: 11px; padding-bottom: 11px; background-color: #404040; border: 1px solid #C6C6C6; border-radius: 4px; } */
.css-qdh81c { box-sizing: border-box; margin: 0; min-width: 0; width: 348px; }
.css-r8ib8s { box-sizing: border-box; margin: 0; min-width: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 8px; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; }
.mright_banner { display: none; margin-bottom: 25px; }
/* .css-9o9ge6 { box-sizing: border-box; margin: 0; min-width: 0; width: 30px; height: 30px; border: 1px solid #C6C6C6; cursor: pointer; border-radius: 50px; text-align:center; }
.css-9o9ge6 button{background: none;}
.css-9o9ge6 button.on {fill: rgb(42, 169, 224);} */
.css-9o9ge6 { box-sizing: border-box; margin: 0; min-width: 0; width: 30px; height: 30px; border: 1px solid #C6C6C6; cursor: pointer; border-radius: 50px;text-align:center; }
.css-9o9ge6 button {background: url(/images/icon/ico_heart.svg) no-repeat;width: 17px;height: 23px;background-size: 17px;background-position:center 6px;cursor: pointer;}
.css-9o9ge6 button.on{/*fill: rgb(42, 169, 224); */background: url(/images/icon/ico_heart_on.svg) no-repeat;width: 17px;height: 23px;background-size: 17px;background-position:center 6px;}
.css-2ijsu3 { margin-top: 6px; }
.css-1jeu2o6 {margin-top: 5px; min-width: 18px; min-height: 18px; }
.css-1axms61 { margin-top: 8px; -webkit-text-decoration: none; text-decoration: none; cursor: pointer; padding-top: 11px; padding-bottom: 11px; background-color: #044ad2; border: 1px solid #C6C6C6; border-radius: 4px; }
.css-zy66z9 { box-sizing: border-box; margin: 0; min-width: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; font-size:15px; font-weight:600; }
.css-oxy8lg { box-sizing: border-box; margin: 0; min-width: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: flex-end; -webkit-box-align: flex-end; -ms-flex-align: flex-end; align-items: flex-end; margin-bottom: 13px; }
.css-1p9c0kq { box-sizing: border-box; margin: 0; min-width: 0; font-weight: 700; font-size: 14px; letter-spacing: -0.02em; line-height: 26px; margin-right: 6px; color: #ffffff; }
.css-jqbm3n { box-sizing: border-box; margin: 0; min-width: 0; font-size: 14px; letter-spacing: -0.02em; line-height: 26px; font-weight: 500; }
.css-5aoa4c { box-sizing: border-box; margin: 0; min-width: 0; font-weight: 400; font-size: 14px; letter-spacing: -0.02em; line-height: 26px; }


section.lightpick{left: 50% !important; transform: translateX(-50%); z-index: 2;}

/*호텔제외 중단 가격표*/
.priceList{margin:30px 0;}

/*스크롤메뉴 가로*/
.scrollable_menu_wrap {width:100%; /*max-width:420px;*/ padding:10px; white-space:nowrap; overflow-x:auto; text-align:center; }
.scrollable_menu_wrap::-webkit-scrollbar{width:100%; height:3px; background-color: black; }
.scrollable_menu_wrap::-webkit-scrollbar-thumb {width:10%; height:3px; background-color: #39a0e2; }
.scrollable_menu_wrap .scrollable_menu {display:inline-block; padding:10px 15px; color: black; text-decoration:none;}
.scrollable_menu_wrap .scrollable_menu.on { color: #39a0e2; font-weight:bold; }

.video-wrap {position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; margin: 25px;}
.video-wrap iframe,
.video-wrap object,
.video-wrap embed {position:absolute; top:0; left:0; width:100%; height:100%;}

div.more_img_load_div{position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 999;}
div.more_img_load_div div.img_load_div_group{position: relative; width: 100%; height: 100%;}
div.more_img_load_div div.img_load_div_group > div#more_gallery_list{position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); z-index: 999;}
@media (min-width: 1025px){div.more_img_load_div div.img_load_div_group > div#more_gallery_list{width: 85vw !important; height: 85vh !important; max-width: none !important;}}
div.more_img_load_div div.img_load_div_group > div#more_gallery_list > span.close{display: block; border: 1px solid #c9c3bb; cursor: pointer; position: absolute; z-index: 999; padding: 4px 7px 3px; font-size: 12px; color: #c9c3bb; right: 39px; top: 10px;}
div.more_img_load_div div.bg{position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; background: #000; opacity: .5; z-index: 990;}


/*이용방법*/
.Howtouse div.info #view_rule_bx ul li:not(.arrow) { flex: 1; border: 2px solid #39a0e2; padding: 15px; }
.Howtouse div.info #view_rule_bx ul li.arrow { flex-basis: 5% !important; background: url('https://tourpik.b-cdn.net/images/view_list_box_arrow2.png') no-repeat center 50%; }
.Howtouse div.info #view_rule_bx > ul > li .tit { background: none; color: #39a0e2; font-size: 16px; font-weight: 600; margin-bottom: 10px; padding: 0 5px 5px; border-bottom: 1px solid #39a0e2; }

.Howtouse div.info #view_rule_bx > ul > li .tit span { font-size: 18px; }
.Howtouse div.info #view_rule_bx > ul > li .text { font-size: 14px; }
.Howtouse div.info #view_rule_bx > ul > li .text span { display: block; }


/*중단 테이블 상품가격의 툴팁 따옴표*/
.itemList_mobile ul li.promotion_text .leftBox { position: relative; }
.promotion_text .tooltipGroup .cateIcon { border: 1px solid #FF4747; font-size: 11px; display: block; padding: 1px 6px; font-weight: bold; color: #FF4747; border-radius: 50%; }

/*상품상세_상단테이블(호텔 제외) 버튼*/
.pro_btns {margin: 0 auto; width: 100%; gap:10px;}
.pro_btns > div {flex-basis:100%;}
.pro_btns > div > button {width:100%;max-width:150px; min-height:40px; border-radius: 5px;}

.busanweb_items_cost_list_buy{text-indent:-999999px; background:white url('img/cart.svg') no-repeat center center; background-size:20px auto; width:36px; border:1px solid #a9a9a9; border-radius:6px;}
.noneSearchBuy,
.busanweb_items_cost_list_buy_direct{font:inherit; color:white; background: #111; background-size:20px 16px; width:62px; border:none; border-radius:6px;}
div.pro_btns .buy_none,
div.priceArea .buy_none{ background: #F6F6F6; border: 1px solid #E8E6E6; color: #333; }

.priceSearch > div.from > div p.date{border: 1px solid #93cbef; margin-bottom: 8px; width: 100%; border-radius: 6px; background-color: #fff; padding: 4px 9px; margin-right: 8px; display: flex;}
.priceSearch > div.from > div p.date input,
.priceSearch > div.from > div p.date input:focus{border: none; outline: none; background-color: #fff; text-align: center; flex: 1; font-size: 18px; line-height: 35px;}
.priceSearch > div.from > div p.date span{width: 100px; line-height: 35px;}

.itemList_mobile ul{border: 1px solid #e6e6e6; border-radius: 6px;}
.itemList_mobile ul:not(:last-child){margin-bottom: 10px;}
.itemList_mobile ul li{display: block;padding: 10px;}
ul li.noneList{text-align: center; line-height: 70px;}
.itemList_mobile ul li.title{background-color:#f2f6f9;}

.itemList_mobile ul li.item{padding-top: 10px; border-top: 1px solid #e6e6e6;     display: flex;    align-items: center;}
.itemList_mobile ul li.item div.price{display: flex;}
.itemList_mobile ul li.item div.price p:first-child{flex: 1;}
.itemList_mobile ul li.item div.price p:last-child{width: 150px; text-align: right;}
.itemList_mobile ul li.item div.pro_btns{width:23%; text-align:center;}

.itemList_mobile ul li.item .leftBox {width:43%; border-right: 1px solid #ddd;margin-right: 20px;padding: 10px 2%;word-break: break-all;}
.itemList_mobile ul li.item .leftBox > .tooltipGroup,
.itemList_mobile ul li.item .leftBox > p{display: inline-block;}
.itemList_mobile ul li.item .leftBox > p{max-width: calc(100% - 25px);}
.itemList_mobile ul li.item .leftBox > .tooltipGroup{position: absolute; margin-left: 5px; top: 14px;}
.itemList_mobile ul li.item .leftBox > .tooltipGroup .tooltip .tooltip-top, 
.itemList_mobile ul li.item .leftBox > .tooltipGroup .tooltip .tooltip-bottom{right: auto; min-width: 500px; white-space: normal; text-align: left; transform:none; left:auto;}
.itemList_mobile ul li.item .leftBox > .tooltipGroup .tooltip .tooltip-top::after, 
.itemList_mobile ul li.item .leftBox > .tooltipGroup .tooltip .tooltip-bottom::after{border-color:transparent;}
.itemList_mobile ul li.item .rightBox{padding:10px; width:100%; flex: 1;}


ul li.noneList{padding:10px 10px;}
ul li.noneList .inBox_item{padding:15px 10px 20px 10px;border:1px dashed #dadcde}
ul li.noneList p{margin-top:5px;line-height: 22px;}
ul li.noneList p.bold{font-size:1.2em;font-weight:600}








/*상세페이지 QnA 추가 20240418*/
.tourpikQnaClass .btn_qaListgrup{}
.tourpikQnaClass .btn_qaListgrup input[type="checkbox"]{ margin-top:-2px;display: inline-block; width: 20px; height: 20px;vertical-align:middle;}
.tourpikQnaClass .btn_qaListgrup .darkgray{margin-left:5px;padding:5px 10px;background:#404040;border: none;color: #fff;border-radius:3px;font-size:12px;}
.tourpikQnaClass .btn_qaListgrup .darkgray:hover,
.tourpikQnaClass .btn_qaListgrup .darkgray:focus{background:#666;}
.tourpikQnaClass .btn_qaListgrup label{font-size:12px;}

/*리스트 시작*/
.item_content_qa .qaTxt{padding:2px 0;text-align:left;}

/*리스트 타이틀*/
.item_content_qa .qaTit .titQA{/*margin-bottom:5px;*/font-size:15px;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;/*text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;max-width:380px;overflow:hidden;vertical-align: middle;*/font-weight:600;/*display:inline-block;*/cursor: pointer; color:#333;font-size:16px;}
/*.item_content_qa .qaTit .contentQA{text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;max-width:700px;width:100%;overflow:hidden;vertical-align: middle;font-weight:600;display:inline-block;cursor: pointer;color:#333;font-weight:normal;font-size:16px;margin-top:10px;}*/
.item_content_qa .qaTit .contentQA{ color:#333;font-weight:normal;font-size:15px;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}
.item_content_qa .qaTit span{margin-top:-1px;display: inline-block;vertical-align: middle;}
.item_content_qa .qaTit span img{height:1.1em;}

/*리스트 하단 정보*/
.item_content_qa .qa_Info{margin-top:10px;font-size:13px;color:#ddd;}
.item_content_qa .qa_Info span, .item_content_qa .qa_Info b, .item_content_qa .qa_Info time{padding:0 2px;margin-right:3px;color:#444;}
/*대기*/
.item_content_qa .qa_Info span{color:#39a0e2;}
/*완료*/
.item_content_qa .qa_Info span.end{color:#e90885;font-weight:600;}

/*본문*/
.item_content_qa_row_content td{padding:20px;background:#dbeaf5;text-align:left;line-height:1.4;}
.item_content_qa_row_content .tourpik_qa_btnGroup{margin-top:5px;font-size:13px;color:#444;}

/*QA 더보기*/
.item_content_review_pageing,
.item_content_qa_pageing{text-align:center;}
.item_content_review_pageing a,
.item_content_qa_pageing a{margin:30px auto;padding:10px 15px;background:#dbeaf5;max-width:240px;border-radius:30px;display:block;}
.item_content_review_pageing a:hover, .item_content_review_pageing a:focus,
.item_content_qa_pageing a:hover, .item_content_qa_pageing a:focus{background:#666;color:#fff;font-weight:600;}
.item_content_review_pageing a span,
.item_content_qa_pageing a span{margin-left:15px;}

.item_content_qa_more{text-align:center;}
.item_content_qa_more a{margin:30px auto;padding:10px 15px;background:#dbeaf5;max-width:240px;border-radius:30px;display:block;}

.item_content_qa_more a span{margin-left:15px;}

/*2040418_대댓추가*/
.tourpikQnaClass .bot{margin-top:20px;margin-left:20px;}
#item_mid_bottom_content_qna_row_comment_form.redat{padding:15px;width:100%;border-color:#fff:;margin:0 auto;font-size:15px;}
#item_mid_bottom_content_qna_row_comment_form_text.redat_Wite{padding:7px;margin-right:8px;max-width: calc(100% - 95px);width:100%;height:48px;border:1px solid #ddd;}
.redatwite_Box .tourpik_btnGroup .navy{width:100% !important;max-width:80px;font-size:12px;}
.text_bx_area .date{font-size:13px;color:#555;}

.text_bx_area > div.text.redet_Inform{/*margin-right:20px;*/margin-left:10px;margin-bottom:7px;flex-basis:100%;text-align: justify;}

.other_input{margin-right:10px;}

.tourpik_btnGroup.inClose{margin:15px auto 0 auto;text-align:center;}
table.qaTable{width: 100%;}

div.tapInfo.tourpikQnaClass tr.item_mid_bottom_content_review_row_content table{width:100%;}

@media screen and (max-width:460px){
    .item_content_qa .qaTit .titQA{max-width:240px}

    .text_bx_area{display:block;}
    .text_bx_area .tourpik_btnGroup{margin-top:15px;width:100%;}
    .text_bx_area .tourpik_btnGroup > .ssize{width:100%;}

    .contentQA {
        white-space: normal;
        max-width:310px;
    }
}
@media screen and (max-width: 320px) {
    .contentQA {
        white-space: normal;
        max-width:310px;
    }
}
.tourpik_btnGroup ins, .tourpik_btnGroup del{
    cursor:pointer;
}


main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .mbHide div.morePrcView{display: none;}
@media (max-width: 1024px){

    .itemDetail .newDetail_layout{max-width:100%;}

    main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomList .roomItem .listPromotion{background:#fff;border-radius:15px;}

    main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomList .txtBox{font-size:13px;text-align:left;}

    main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .mbHide{
        position: relative;
        margin-top:5px;padding:15px;width: 100%;background:#fff;border-radius:15px;
        overflow: hidden;
        height: 220px; padding-bottom: 48px;
    }
    main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .mbHide.open{
        overflow: initial;
        height: auto;
    }
    
    main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .mbHide:not(.open) div.morePrcView{
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 100%; 
    }
    main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .mbHide div.morePrcView{display: block;}
    main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .mbHide.open div.morePrcView{margin-top: 15px;}
    main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .mbHide:not(.open) div.morePrcView{box-shadow: 0px 0px 15px 20px #f2f6f9;}
    main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .mbHide div.morePrcView button{
        width: 100%; text-align: center; background-color: #f2f6f9; font-weight: bold; color: #157ced; opacity:1;
    }
    main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .mbHide:not(.open) div.morePrcView button{line-height: 20px; padding-bottom: 15px;}
    main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .mbHide.open div.morePrcView button{line-height: 15px;}
    main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .mbHide:not(.open) div.morePrcView button span.changeText::before{content: '보기';}
    main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .mbHide.open div.morePrcView button span.changeText::before{content: '닫기';}
    main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .mbHide div.morePrcView button span.changeText img{width: 12px; padding-bottom: 3px; vertical-align: middle;}
    main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .mbHide:not(.open) div.morePrcView button span.changeText img.up{display: none;}
    main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .mbHide:not(.open) div.morePrcView button span.changeText img.down{display: inline;}
    main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .mbHide.open div.morePrcView button span.changeText img.up{display: inline;}
    main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .mbHide.open div.morePrcView button span.changeText img.down{display: none;}
    main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomList .roomItem .priceArea{margin-top:5px;position:relative;}
    main.sub div.tourpik section.itemDetail .searchArea{padding:5px;background:#E9F4FF;}

    div.itemGallery_info > div.mainImg img,
    div.itemGallery_info > div.mainImg{max-height: 380px;}
    div.itemGallery_info > div.moreImg{width: 30%;}
    div.itemGallery_info > div.moreImg ul li{flex-basis: 100%;}

    div.itemGallery_info .pc_show{display: none;}
    div.itemGallery_info .tap_show{display: block;}
    div.itemGallery_info .mo_show{display: none;}

    .btnWrap{bottom:15px;top:auto;}

    /*준단 검색*/
    main.sub div.tourpik section.itemDetail .searchArea .optionCheck{margin-bottom:5px;}
    main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .priceArea{margin-top:15px;}


    /*상단 탭*/
    main.sub div.tourpik section.itemDetail div.tapMenu.on ul{text-align:center;}

    /*공지사항*/
    div.noticeDIv{padding:15px;}
    div.noticeDIv > div.notice_tit{font-size:18px;}

    main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomInfo_m{justify-content:flex-start;}
    main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap{min-height:180px;}
    main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomInfo .imgWrap{margin-right:20px;min-height:120px;min-width:120px;width: 20% !important;height: auto !important;}
    main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomInfo{margin-bottom:20px;}

    main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomList .vatTxtArea{padding-bottom:0;border-bottom:0 none;}
    main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomList .roomItem .descArea .desc{margin-top:0;background:#fff;display:block;}

    main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomList .vatTxtArea{display:block;}

    main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .priceArea .prc .won{font-weight:20px;}

    .btnWrap{bottom:0;}


    /*오른쪽 퀵메뉴*/
    .css-qdh81c{display:none;}
    /* 검색폼 상단 배터 */
    .mright_banner{display:block;}

    /*비디오중복-나중에 확인요망*/
    div.more_img_load_div div.img_load_div_group > div#more_gallery_list{min-width: 80% !important;}

}


@media screen and (min-width: 960px){
    /*공통 제목*/
    h3.content_tit{font-size:16px;}

    /*오른쪽 퀵메뉴*/
    .css-jqbm3n { font-size: 15px; line-height: 28px; }
    .css-1p9c0kq { font-size: 15px; line-height: 28px; }
    .css-1xhmgr4 { font-size: 24px; line-height: 34px; color:#FF4747; }
    .css-5aoa4c { font-size: 15px; line-height: 28px; }

}
div.priceSearchGroup section.lightpick{width: 100%;}
div.priceSearchGroup section.lightpick .lightpick__month{width: 100%;}

@media (max-width: 840px) {
    section.lightpick{width: 70%;}
    section.lightpick .lightpick__inner > .lightpick__toolbar{display: none;}
    section.lightpick .lightpick__months .lightpick__toolbar{display: flex;}
        
    .lightpick--2-columns .lightpick__months{grid-template-columns: auto;}
    section.lightpick > div.lightpick__inner,
    section.lightpick > div.lightpick__inner > div.lightpick__months{width: 100%;}
    section.lightpick > div.lightpick__inner > div.lightpick__months .lightpick__month{width: 100% !important;}
    section.lightpick > div.lightpick__inner .lightpick__day{height: 40px;}


    div.itemGallery_info > div.mainImg img,
    div.itemGallery_info > div.mainImg{max-height: 300px;}
    div.itemGallery_info .pc_show{display: none;}
    div.itemGallery_info .tap_show{display: none;}
    div.itemGallery_info .mo_show{display: block;}
    div.itemGallery_info .mo_hide{display: none;}

    main.sub div.tourpik section.itemDetail div.itemContent table div.content{margin-top:15px;}
    main.sub div.tourpik section.itemDetail div.tapMenu.on ul li:not(.tapInfo){line-height: 54px !important;}/*style.css 3209에서 교체요망*/

    /*상품상세_상단테이블(호텔 제외) 버튼*/
    .itemList_mobile ul li.item{display:block;}
    .itemList_mobile ul li.item .leftBox{margin-right:0;padding-bottom:0;text-align:left;border-right:0 none;padding: 0 10px;}
    .pro_btns > div > button {max-width:100%;}
    .promotion_text .tooltipGroup {position: absolute;right: 10px;top:2px;}
        
    .itemList_mobile ul li.item div.pro_btns{width:100%;}
    .itemList_mobile ul li.item .leftBox {width:100%;}
    .itemList_mobile ul li.item .leftBox > .tooltipGroup .tooltip .tooltip-top, 
    .itemList_mobile ul li.item .leftBox > .tooltipGroup .tooltip .tooltip-bottom{min-width: 275px; right:0px;}

    .contentQA {
        white-space: normal;
     /*   max-width:310px !important;*/
    }
}




@media (max-width: 680px){
    main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomInfo .imgWrap {max-width: 140px; max-height: 120px; height: auto !important;}
    div.more_img_load_div div.img_load_div_group > div#more_gallery_list{min-width: 96% !important;}

    /*기본정보 table block*/
    #view_table_bx .productBasic table td{width:100%;letter-spacing: -.5px;display:block;}
    #view_table_bx .productBasic table th{max-width:100%;text-align:left;display:block;}
    #view_table_bx .btnGroup{margin-top:0;}

    /*비디오 중복/추후확인*/
    div.more_img_load_div div.img_load_div_group > div#more_gallery_list{min-width: 96% !important;}

    /*타이틀 사이즈 수정*/
    .newDetail_layout .title h2,
    .newDetail_layout .title .title_bottom .price span{font-size:20px;}
    .newDetail_layout .title h3{font-size:14px;}
    .newDetail_layout .hash{font-size:13px;}

    /*상품상세_상단테이블(호텔 제외) 버튼*/
    .pro_btns > div > button {width:100%; min-height:40px; border-radius: 5px;}
    
    /*상하단 스크롤메뉴 넓이*/
    main.sub div.tourpik section.itemDetail div.tapMenu.on > div{width:100%;}

    .contentQA {
        white-space: normal;
        /*max-width:310px !important;*/
    }

    /* 상품상세 툴팁 모바일 사이즈 변경 */
    main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomInfo .checkWant .plus .tooltiptext{
        position: absolute;
        top: 50%; left: 50%; transform: translateX(-50%);
        z-index: 10;
    }
}


@media (max-width: 420px){
    .btnWrap{max-width:fit-content;}
    .btnWrap .reserve{padding:10px 13px;}

    /*리뷰버튼*/
    .reviewTxt{ width: calc(100% - 150px);}
    .reviewBtn{top: auto; position: relative;width: 100%; right: 0;}
    .reviewBtn button{margin-top:10px;width:100%;}

    main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .priceArea .prc .vnd{display:block;all:initial;}

    .contentQA {
        white-space: normal;
       /* max-width:310px !important;*/
    }
}



/* 260129추가 이벤트 한줄 노출건 */

.event_add260129 {background: #FFEBEB; position: relative; margin-top: 25px; width: 100%; overflow: hidden; height: auto;}
.event_add260129 .event_addswiper {padding: 14px;}
.event_add260129 .eventbanner_txt span {font-size: 12px; color:#fff; background:#FF7D7D; font-weight: 500; padding: 4px 6px; 
    border-radius: 4px; display: inline-block;} 
.event_add260129 .eventbanner_txt dl{padding-top: 0px;}
.event_add260129 .eventbanner_txt dl dt {color: #FF7D7D; font-weight: 600; font-size: 16px; word-break: break-all; width: 94%; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.event_add260129 .eventbanner_txt dl dd {color: #FF7D7D; font-weight: 600; font-size: 16px; word-break: break-all; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; padding-right:32px;}
.event_add260129 .pager_wrap {display: flex; gap: 4px; position: absolute; top: 20px; left: 76px; cursor: pointer!important;}
.event_add260129 .event_close {position: absolute; right: 10px; top: 10px; background: none; cursor: pointer!important; z-index:10}
.event_add260129 .pager_wrap .swiper-prev{ display: inline-block; width: 12px; height: 12px;}
.event_add260129 .pager_wrap .swiper-next{ display: inline-block; transform: rotate(-180deg);
    width: 12px; height: 12px;}
.event_add260129 .event_addswiper {width: 100%;}

.event_add260129 .siren_icon {width:23px;height:23px;margin-top:-5px;}

@media (max-width: 1020px){
    .tapInfo_Bottom:has(.event_add260129) {height: 110px!important;}
    .event_add260129 .event_addswiper {padding: 0;}
    .event_add260129 .pager_wrap { left: 8px; transform: rotate(90deg); gap: 0;}
    .event_add260129 .swiper-wrapper { display: flex;
    flex-direction: column!important; height: 50px;}
    .event_add260129 .eventbanner_txt {display: flex; flex-direction: row; 
    padding-left: 32px; gap: 10px; align-items: center; height: 50px;}
}

/* 모바일 UI */
.mBlock .event_add260129 {margin-top: 0; width: 100%; height: 50px; overflow: hidden; display: block;}
.mBlock .event_add260129 .swiper-wrapper { display: flex;
    flex-direction: column !important; height: 50px;}
.mBlock .event_add260129 .eventbanner_txt {display: flex; flex-direction: row; 
    padding-left: 32px; gap: 10px; align-items: center; height: 50px;}
    .mBlock .event_add260129 .eventbanner_txt a {display: flex; gap: 10px; align-items: center;}
.mBlock .event_add260129 .eventbanner_txt dl dt {display: none;}
.mBlock .event_add260129 .eventbanner_txt dl dd {color: #FF7D7D; font-weight: 600; font-size: 14px; word-break: break-all; width: 100%; overflow: hidden;
    text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 1;padding-top:0px;}
.mBlock .event_add260129 .pager_wrap { left: 8px; transform: rotate(90deg); gap: 0;}
.mBlock .event_add260129 .eventbanner_txt dl {padding-top: 0;}
.mBlock .event_add260129 .event_close {top: 14px; z-index:10}


/*상단 -추천순*/
.inreview{padding:0 10px;display:flex;justify-content:space-between;width: 100%;align-items: center;border-bottom:1px solid #EFEFEF;height:44px;font-size: .9em;}


/*별점*/
.rate_list {
    display: inline-block;
    border: 0;
    vertical-align: bottom;
}

.rate_list > span {float: right; color: #ddd;}
.rate_list > span:before {
    display: inline-block;
    font-size: 18px;
    margin: 0;
    content: "★";
}

.rate_list span.on{
    color: #ffc107 !important;
}


/*리뷰 리스트 갤러리*/
.m-nav {margin-top:5px;position: relative;}
.m-nav ul {margin: 0;padding: 0;list-style: none;-ms-touch-action: pan-y;touch-action: pan-y;}
.m-nav ul:after {clear: both;content: " ";display:block}
.m-nav ul li {display: table-cell;white-space: nowrap;}
.m-nav ul li span {width:120px;height:120px;position: relative;letter-spacing: -0.9px;display: inline-block;overflow:hidden;background-color: black;}

.m-nav ul li span img{max-width:130px; min-height: 100%; object-fit: cover; position: absolute; top: 50%; left: 50%;  transform: translate(-50%, -50%);}
.m-nav ul li.active span img{opacity: 1;}

.inList_menu_wrap.shop {margin:5px auto 0px;margin-top:15px;border: 0;max-width: 1300px;}
.inList_menu_wrap.shop .m-nav ul li:not(:last-child){padding-right:10px}
.inList_menu_wrap.shop .m-nav ul li span {border-radius: 5px;box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.1); cursor: pointer;}
.inList_menu_wrap.shop .m-nav ul li span:after {content:none}

.review_Setion dt{font-weight: 600;}
.review_Setion dd.reviewStar{display: flex;align-items: center;flex-wrap: nowrap;gap: 7px;padding:5px 0 10px 0;}
.review_Setion dd.reviewStar date{font-size:13px;}

.review_Setion .revieTxt{overflow: hidden;}
.review_Setion .revieTxt.close{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}

/*내용 더 보기*/
.inList_menu_wrap .more{font-size:13px;color:#03D4FF}
.inList_menu_wrap .more::after{margin-left:5px;content:url('/images/icon/Ico_review_open.svg');}
.inList_menu_wrap .more.open::after{transform: rotate(180deg); display: inline-block;}
/*앞뒤버튼 추가*/
.thunGl_right{border: 1px solid #efefef;border-radius: 50px;background: #fff url(/images/ic_arrowleft_gray.svg);background-repeat: no-repeat;display: block;padding:15px;position: absolute; left: -18px; top: 50%; transform: translate(10%, -50%);cursor: pointer;background-position: center;}	
.thunGl_left{border: 1px solid #efefef; border-radius: 50px; background: #fff url(/images/ic_arrowright_gray.svg);background-repeat: no-repeat;display: block; padding:15px; position: absolute;right: -18px;top: 50%; transform: translate(-10%, -50%); cursor: pointer;background-position: center;}

.thunGl_right.disabled,
.thunGl_left.disabled{ background-color: #ccc;  opacity: .7;}
input.hiddenChecked{display: none;}
input[name="photoSrot"] + label{cursor: pointer;}
input[name="photoSrot"]:checked + label{color: #03D4FF; font-weight: bold;}

span.degree270{transform: rotate(90deg);}
span.degree90{transform: rotate(90deg);}
span.degree180{transform: rotate(90deg);}

span.reviewDel{font-size: 14px; font-weight: normal; color:red; cursor:pointer;}

/* 이용자 리뷰 */
.ai-review {margin-top: 48px; line-height: 1.5; letter-spacing: -0.02em;}

/* User Reviews Section */
.ai-review .section-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 12px;
}
.ai-review .satisfaction {
    font-size: 15px;
    margin-bottom: 24px;
}
.ai-review .satisfaction strong {
    color: #157CED;
    font-size: 15px;
}

.ai-review .summary-list li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 0;
    border-bottom: 1px solid #f0f0f0;
    font-size: 15px;
}

.ai-review .summary-list li .voice-num {margin-right: 10px; font-size: 12px; font-weight: 700; color: #aaa; flex-shrink: 0;}
.ai-review .summary-list .count {
    font-weight: 600;
}
.ai-review .toggle-item {
    max-height: 80px;
    overflow: hidden;
    opacity: 1;
    transition: max-height 0.35s ease, opacity 0.35s ease, padding 0.35s ease, border-color 0.35s ease;
}
.ai-review .toggle-item.hidden-item {
    max-height: 0;
    opacity: 0;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border-color: transparent !important;
}
.ai-review .btn-more-wrap {
    text-align: center;
    margin: 24px 0 40px;
}
.ai-review .btn-more {
    border: 1px solid #ddd;
    padding: 12px 24px;
    border-radius: 24px;
    font-size: 15px;
    font-weight: 600;
    color: #333;
    background: #fff;
    transition: background 0.2s;
}
.ai-review .btn-more:hover {
    background: #f9f9f9;
}

/* AI Review Box */
@keyframes ai-border-spin {
    0%   { --ai-border-angle: 0deg; }
    100% { --ai-border-angle: 360deg; }
}

@property --ai-border-angle {
    syntax: '<angle>';
    inherits: false;
    initial-value: 0deg;
}
.ai-review .ai-box-wrap {border-radius: 14px; margin-bottom: 48px; background: #F8FAFC; border: 1px solid #ddd;}
.ai-review .ai-box {padding: 24px; line-height: 1.5; letter-spacing: -0.02em;}
.ai-review .ai-title {font-size: 18px; font-weight: 700; margin-bottom: 16px; display: flex; align-items: center; gap: 6px; color: #157CED;}
/*
.ai-review .ai-box-wrap {
    padding: 2px;
    border-radius: 14px;
    background: conic-gradient(
        from var(--ai-border-angle),
        #93E0FA, #D8AAFC, #EE8EF6, #FFB399, #93E0FA
    );
    animation: ai-border-spin 6s linear infinite;
    margin-bottom: 48px;
}
.ai-review .ai-box {
    background: #fff;
    border-radius: 12px;
    padding: 24px;
    line-height: 1.5;
    letter-spacing: -0.02em;
}
.ai-review .ai-title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 6px;
}
*/
.ai-box.items .ai-icon,
.ai-review .ai-icon {
    background: conic-gradient(
        from var(--ai-border-angle),
        #93E0FA, #D8AAFC, #EE8EF6, #FFB399, #93E0FA
    );
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 900;
    animation: ai-border-spin 6s linear infinite;
}
.ai-review .ai-subtitle {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 12px;
}
.ai-review .ai-desc {
    color: #081C36;
    line-height: 1.6;
    letter-spacing: -0.02em;
    font-size: 15px;
}

/* Mobile specific adjustments */
@media (max-width: 768px) {
    .ai-review .ai-box {
        padding: 20px;
    }
}