@charset "UTF-8"; /* 메인페이지 */


/* 20230913_상품상세 변경분 */
.mBlock_product{display:none;}
.mBlock{display:none;}
.pBlock{display:block;}
.mbHide_top{display:block;}

main.sub div.tourpik section.itemHeader{
	margin-bottom:0;
}

main.sub div.tourpik section.itemHeader > div.itemInfo div.rightInfo .thumDiv{
	display: flex; height: 193px;
}
main.sub div.tourpik section.itemHeader > div.itemInfo div.rightInfo .thumDiv:last-child{
	margin-top: 15px;
}
main.sub div.tourpik section.itemHeader > div.itemInfo div.rightInfo .thumDiv .thumImg{
	flex: 1; position: relative; cursor: pointer;
}
main.sub div.tourpik section.itemHeader > div.itemInfo div.rightInfo .thumDiv .thumImg img{
	width: 100%; height: 100%; object-fit: cover; border-radius: 10px;
}
main.sub div.tourpik section.itemHeader > div.itemInfo div.rightInfo .thumDiv .thumImg:last-child{
	margin-left: 15px;
}
main.sub div.tourpik section.itemHeader > div.itemInfo div.rightInfo .thumDiv .thumImg .more{
	position: absolute; width: 100%; height: 100%; top: 0; left: 0;
}
main.sub div.tourpik section.itemHeader > div.itemInfo div.rightInfo .thumDiv .thumImg .more .dim{
	position: absolute; width: 100%; height: 100%; z-index: 0; background: #000; opacity: 0.5; border-radius: 10px;
}
main.sub div.tourpik section.itemHeader > div.itemInfo div.rightInfo .thumDiv .thumImg .more .moreCnt{
	color: #fff; font-size: 21px; margin: auto; z-index: 1; position: absolute;
    top: 50%; left: 50%; transform: translate(-50%, -50%);
}
main.sub div.tourpik section.itemHeader > div.title{
	margin-bottom:0;padding-bottom:0;border-bottom:0 none;margin-top:20px;display: flex;align-items: center;justify-content: space-between;
}
main.sub div.tourpik section.itemHeader > div.title h2{
	display: inline-block;
}
main.sub div.tourpik section.itemHeader > div.title .starPoint {
   font-weight: normal;display: inline-block;vertical-align:top;
}
main.sub div.tourpik section.itemHeader > div.title .starPoint .star{
    color: #E38F2D; font-size:18px;
}

main.sub div.tourpik section.itemHeader > div.title .title_bottom{
	display: flex;align-items:flex-end;justify-content: space-between;
}

/*웹일 때 최상단 상세보기 감춤 */
.dimTxt.top{ display:none;}

/*찜하기*/
main.sub div.tourpik section.itemHeader > div.title > div > div.itemGreat {
    position: inherit; right: 25px; top: 20px; z-index: 1; margin-left:10px;
}
main.sub div.tourpik section.itemHeader > div.title > div > div.itemGreat button {
    border-style: solid;border: none; height: 25px; width: 25px; fill:#ccc;background: center; cursor: pointer;
}
main.sub div.tourpik section.itemHeader > div.title > div > div.itemGreat button.on {
    fill: rgb(42,169,224);
}
/*찌그러진 원 보정-스타일시트에서 교체요망*/
main.sub div.tourpik section.itemHeader > div.title a {
    position:absolute;
    right: 5px;
    top: 0;
    background-color: #fff;
    color: #777;
    border-radius: 50%;
    font-size: 24px;
    font-weight: bold;
    line-height: 1;
    padding: 0;
    text-align: center;
	/*찌그러진 원 보정-스타일시트에서 교체요망*/
}
/*----탭메뉴------*/
main.sub div.tourpik section.itemDetail div.tapMenu ul{
	 display: flex; list-style: none;
}
main.sub div.tourpik section.itemDetail div.tapMenu.off ul li{
	padding:0;flex: 1; background: #F7F7F7; color: #333333; border-radius: 5px; text-align: center;
    font-size: 16px; font-weight: bold; line-height: 59px; margin-left: 6px; cursor: pointer;
}
main.sub div.tourpik section.itemDetail div.tapMenu.off ul li:first-child{
    margin-left: 0;
}
main.sub div.tourpik section.itemDetail div.tapMenu.off ul li.on{
    background: #39A0E2; color: #fff;
}
main.sub div.tourpik section.itemDetail div.tapMenu.off ul li:hover{
	background: #39A0E2; color: #fff;
}
/*----검색폼------*/
main.sub div.tourpik section.itemDetail .searchArea{
    margin: 30px 0 0 0;padding:0 0 0 35px ;background: #F7F7F7; line-height: 28px; text-align: center; border-radius: 5px;display: flex;align-items: center;
}
main.sub div.tourpik section.itemDetail .searchArea .checkInOut{
	display: flex; flex: 1; justify-content: space-around; 
}
main.sub div.tourpik section.itemDetail .searchArea .checkInOut .mid{
	display: flex; align-items: end; padding: 0 5px 10px 5px;
}
main.sub div.tourpik section.itemDetail .searchArea .checkInOut .txt{
	font-size: 14px;
}

main.sub div.tourpik section.itemDetail .searchArea .checkInOut .dt span{
	color: #157ced; font-size: 17px; cursor: pointer; font-weight: 600;
}
main.sub div.tourpik section.itemDetail .searchArea .new_duration{background: #157ced; color: #fff;  border-radius: 20px; padding: 0 8px;}
main.sub div.tourpik section.itemDetail .searchArea .optionCheck {display: flex; justify-content: space-around;font-size: 16px;border-top:0 none; border-left: 0; border-right: 0; border-bottom: 0; border-style: dashed; flex: 1;}
main.sub div.tourpik section.itemDetail .searchArea .optionCheck > .select{flex: 1;}
main.sub div.tourpik section.itemDetail .searchArea .optionCheck .mid{
	display:none;
}

main.sub div.tourpik section.itemDetail .searchArea .serch-right{
	display:flex; width: 38%;
}
/*----셀박------*/
main.sub div.tourpik section.itemDetail .searchArea .reserveBtn button{
	background:#333; color: #fff; font-size: 16px; width: 100%;padding:25px 45px; box-sizing: border-box;cursor: pointer;
}
main.sub div.tourpik section.itemDetail .searchArea select {
    border: 1px solid #efefef;
    padding: 16px 10px;
    margin: 0;
    width: 100%;
    color: #111;
    appearance: none;
    background: #fff url(https://tourpik.b-cdn.net/images/personal_arrow.svg) no-repeat right 10px center;
    border-radius: 0;
}
/**/
/*상품이 없을 때*/
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap.noProduct{
	text-align:center; background: #f7f8f9;
}
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap.noProduct div{
	position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); 
}

main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap {
	margin-top:25px;padding: 20px 0 0 0; border-top: 1px solid #000; position: relative; min-height: 200px;
}
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap:first-child {
	border-top: 3px solid #000;
}
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap:last-child{border-bottom: 1px solid #000; padding-bottom: 32px;}
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomInfo {
	width: 268px; position: absolute; top: 20px; left: 0;/* z-index: 1; */color: #333;
}
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .titArea {
	position: relative;
	min-width: 0;
	display: block;
	width: 100%;
	max-width: 100%;
	padding: 0px 10px;
	box-sizing: border-box;
}
main.sub div.tourpik section.itemDetail #new_roomlist1212 .titArea .tit {
	width: 100%;
	font-size: 1rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	white-space: normal;
}
main.sub div.tourpik section.itemDetail #new_roomlist1212 .titArea .subTit {
	width: 100%;
	font-size: 1rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
}
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .titArea .subTit {
	margin-top: 5px; font-size: 14px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;
}
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomInfo .imgWrap {
	margin-top: 0; width: 100%; height: 186px; position: relative;
	min-width:130px !important;
}
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomInfo .imgWrap img {
	width: 100%; height: 100%; border-radius: 10px; object-fit: cover;
}
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomInfo .imgWrap .dimTxt{
	position: absolute; width: 100%; bottom: 0;left:0; z-index: 1;padding:15px;
	background-color: #000; background-color: rgba( 0, 0, 0, 0.5 ); color: #fff; text-align: center;font-size: 14px; font-weight: bold;
	border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; 
}
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomInfo .impInfo {
	margin-top: 10px; display: flex; justify-content: space-between;
}
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomInfo .impInfo span{
	font-size: 13px; padding: 5px 10px; border-radius: 5px; background: #EFEFEF; line-height: 20px;
}
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomInfo .sumInfo {
	margin-top: 15px; font-size: 14px; line-height: 24px;
}
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomInfo .sumInfo p{
	padding-left: 9px;
}

main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomInfo .sumInfo .cr {padding-top: 6px; line-height: normal; padding-bottom: 6px;}
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomInfo .sumInfo .sum1,
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomInfo .sumInfo .sum2,
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomInfo .sumInfo .sum3,
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomInfo .sumInfo .sum4,
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomInfo .sumInfo .sum5,
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomInfo .sumInfo .sum6,
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomInfo .sumInfo .sum7,
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomInfo .sumInfo .sum8,
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomInfo .sumInfo .sum9,
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomInfo .sumInfo .sum10,
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomInfo .sumInfo .sum11,
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomInfo .sumInfo .sum12,
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomInfo .sumInfo .sum13,
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomInfo .sumInfo .sum14,
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomInfo .sumInfo .sum15{background-position: left 10px center !important; background-size: 18px; padding-left: 40px;}

main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomInfo .sumInfo .sum1{background: url(https://tourpik.b-cdn.net/images/item/ico_bed.png) no-repeat;}
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomInfo .sumInfo .sum2{background: url(https://tourpik.b-cdn.net/images/item/ico_gardenview.png) no-repeat;}
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomInfo .sumInfo .sum3{background: url(https://tourpik.b-cdn.net/images/item/ico_balter.png) no-repeat;}
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomInfo .sumInfo .sum4{background: url(https://tourpik.b-cdn.net/images/item/03.png) no-repeat;}
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomInfo .sumInfo .sum5{background: url(https://tourpik.b-cdn.net/images/item/04.png) no-repeat;}
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomInfo .sumInfo .sum6{background: url(https://tourpik.b-cdn.net/images/item/05.png) no-repeat;}
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomInfo .sumInfo .sum7{background: url(https://tourpik.b-cdn.net/images/item/06.png) no-repeat;}
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomInfo .sumInfo .sum8{background: url(https://tourpik.b-cdn.net/images/item/07.png) no-repeat;}
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomInfo .sumInfo .sum9{background: url(https://tourpik.b-cdn.net/images/item/08.png) no-repeat;}
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomInfo .sumInfo .sum10{background: url(https://tourpik.b-cdn.net/images/item/09.png) no-repeat;}
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomInfo .sumInfo .sum11{background: url(https://tourpik.b-cdn.net/images/item/10.png) no-repeat;}
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomInfo .sumInfo .sum12{background: url(https://tourpik.b-cdn.net/images/item/11.png) no-repeat;}
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomInfo .sumInfo .sum13{background: url(https://tourpik.b-cdn.net/images/item/12.png) no-repeat;}
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomInfo .sumInfo .sum14{background: url(https://tourpik.b-cdn.net/images/item/13.png) no-repeat;}
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomInfo .sumInfo .sum15{background: url(https://tourpik.b-cdn.net/images/item/14.png) no-repeat;}
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomInfo .checkWant {
	margin-top: 20px;
}

/*----더 많은 서비스 보기-----*/
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomInfo .checkWant .plus{
	display:inline-block;position: relative;background: url(https://tourpik.b-cdn.net/images/icon/plus.svg) no-repeat; background-position: left 10px center; background-size: 17px !important; padding-left: 40px; color: #157ced; font-size: 0.925rem; cursor: pointer;
}
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomInfo .checkWant .plus .tooltiptext {
  visibility:hidden;width:max-content;background-color:#fff;border-radius: 6px;padding: 10px;box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  display: flex;justify-content: space-between;color:#333;line-height:32px;gap:15px;
  position: absolute;top:-15px;z-index: 2;
}
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomInfo .checkWant .plus:hover .tooltiptext {
  visibility: visible;
}
/*원하는 서비스 더보기*/
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomInfo .checkWant .morePrcView{
	display: none;
}
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomList {
	padding-left: 320px; font-size: 14px; color: #333;
}
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomList .vatTxtArea{
	height: 60px;border-bottom:1px solid #e5e5e5;
}
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomList .txtBox{
	float: right; width: 300px;
}
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomList .txtBox .t1{
	text-align: center; font-weight: bold;
}
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomList .txtBox .t2{
	text-align: center; color: #999; margin-top: 4px; display: inline-block;
}
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomList .roomItem{
	position: relative; padding: 20px 30px; display: flex;justify-content: space-between;align-items: center;
}
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomList .roomItem:not(:last-child){border-bottom: 1px solid #e5e5e5;}
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomList .roomItem .descArea{
	min-width:55%;
}
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomList .roomItem .listPromotion{
	width:100%;margin-top:7px;
}
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomList .roomItem .descArea .impInfo span{
	padding: 5px 10px; border-radius: 15px; color: #39A0E2;border:1px solid #39A0E2; line-height: 20px;
}
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomList .roomItem .descArea .tit{
	font-size: 16px; font-weight: bold;
}
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomList .roomItem .descArea .desc{
	margin-top: 10px; line-height: 20px;
}
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomList .roomItem .descArea .cancelInfo{
	margin-top: 15px;
}

/*----요금표 리스트 안 단가------*/
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .priceArea{
	/*position: absolute; top: 25px; right: 0; */width: 300px; padding: 0 30px 0 40px; border-left: 1px solid #EAEAEA; border-style: dashed; border-top: none; border-right: none; border-bottom: none;
}
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .priceArea .discTxt span{
	background: #ff7d7d;/*#CC0000;*/ color: #fff; font-weight: bold; padding: 2px; line-height: 18px;
}
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .priceArea .orgPrc{
	margin-top: 2px;
	margin-bottom: 10px;
}
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .priceArea .orgPrc span{
	font-size: 12px; text-decoration: line-through; 
}
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .priceArea .prc{
	/* margin-top: 10px; */
}
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .priceArea .prc .won{
	font-size: 20px; font-weight: bold; color: #FF3939;
}
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .vatTxtArea.dynamic-rate {
	flex-basis: 55%;
}
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .vatTxtArea.dynamic-rate .priceArea .prc .won {
	font-size: 1.1em;
}

main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .priceArea .prc .vnd{
	font-size: 13px;
}
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .priceArea .prcEvr{
	margin-top: 5px; 
}
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .priceArea .prcEvr span{
	font-size: 12px; 
}
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .priceArea .btnWrap{
	margin-top: 10px; display: flex; justify-content:/* space-around*/left;  
}
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .priceArea .btnWrap button{
	cursor: pointer;  padding: 10px; border-radius: 5px;
}
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .priceArea .btnWrap .reserve{
	background:#43C79B; color: #fff; border: 1px solid #43C79B/*#39A0E2*/;  width: /*50%*/100%; margin-right: 5px; font-weight:600;
}
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .btnWrap .reserve.buy_none{background: #d4d4d4;color: #fff;}
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .priceArea .btnWrap .put{
	background: #F6F7F9; color: #333; border: 1px solid #E8E6E6; width: 50%; margin-left: 5px;
}

/*----기본정보테이블 커스터마이징------*/
#view_table_bx .productBasic table{
	margin-top:15px;border-top:2px solid #333;
}
#view_table_bx .productBasic table th{
	max-width:120px;
}
#view_table_bx .productBasic table td{
	text-align:left;
}
#header{border-bottom: 1px solid #dadcde;}
#header .header_bottom{padding: 20px 2%;}
/*----기존공지사항 커스터마이징------*/
/* div.noticeDIv{background:#e4f6ff;border-style: dotted;border-radius: 10px;margin-bottom:50px;padding:25px;} */
div.noticeDIv{ border: 1px solid #d9d9d9;
	border-radius: 10px;margin-bottom:50px;padding:15px 25px;}
div.content.notice div.noticeDIv{margin-bottom: 0px;}
main.sub #item_list .noticeDIv .content_tit::before{content: ''; display: inline-block; width: 28px; height: 28px; background: url(/images/ico/notice_251210.svg); background-size: cover; position: relative; left: -3px; top: 7px;}
main.sub #item_list .noticeDIv .content_tit {padding-left: 0;}
div.content.notice div.noticeDIv div.noticeDiv_more span {
	font-size: 14px;
    color: #157ced;
    margin-top: 5px;
    cursor: pointer;
}

div.content.notice div.notiContent.hide {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	/* 7줄까지 */
	-webkit-line-clamp: 7; 
}
div.content.notice div.notiContent + div.noticeDiv_more span::after {
	display: inline-block;
	content: url(/images/icon/Ico_review_open.svg);
	margin-left: 5px; position: relative; top: -2px;
	transform: rotate(180deg);
}
div.content.notice div.notiContent.hide + div.noticeDiv_more span::after{transform: rotate(0deg);}

div.noticeDIv > div.notice_tit{border-bottom:#fff;font-size:/*21px*/16px;font-weight:600;margin-bottom:5px;color:#0f5be5;}
div.noticeDIv > div.notice_tit::before{content:'!! ';}


/*---요금표보기 수정(디자인 보완)---*/
.priceList.close{
	overflow: hidden; height: 490px;
}
div.itemContent div.priceList div.priceList_show{
	z-index:2;height:auto;
}
div.itemContent div.itemList_mobile div.priceList_show > div,
div.itemContent div.priceList div.priceList_show > div{
	display: block; margin-top:0 !important; background: #fff; align-items: center;border: 1px solid #ccc; text-align:center;width:100%;padding: 8px 0 9px;justify-content: center;gap: 0px 15px;
}
div.itemContent div.itemList_mobile div.priceList_show > div span:first-child,
div.itemContent div.priceList div.priceList_show > div span:first-child{
	line-height:inherit;
	border:0 none;
	display: inline-block;
}
div.itemContent div.itemList_mobile div.priceList_show > div span:last-child,
div.itemContent div.priceList div.priceList_show > div span:last-child{
	flex: inherit;
}
div.itemContent div.itemList_mobile div.priceList_top_bg,
div.itemContent div.priceList div.priceList_top_bg{box-shadow: 0px 0px 30px 40px #ffffff;}
/*기존코드보완*/

/*20230919*/
/* .roomInfo_m{margin-top:20px;} */

/* 추가 251202*/
main.sub div.tourpik section.itemDetail div.itemContent .pc_hide251202 {display: none; }
.priceList .itemListWrap .pc_only {margin-bottom: 16px; margin-top: 4px; display: none; border-bottom: 1px solid #a3a3a3; padding-bottom: 10px;}
.roomList .roomItem:first-child .pc_only {display: block;}

/*----기존호텔목록 커스터마이징 251212------*/
main.sub div.tourpik section.itemDetail #new_roomlist1212 {display: flex; flex-wrap: wrap; border: none; min-height: auto; width: 100%; 
	  padding: 20px; border: 1px solid #dfdfdf; border-radius: 10px;}
main.sub div.tourpik section.itemDetail #new_roomlist1212 .roomInfo{display: flex; position: relative; top:0; width: 100%; margin-bottom: 0;}
main.sub div.tourpik section.itemDetail #new_roomlist1212 .roomInfo .titArea {margin-top: 10px;}
main.sub div.tourpik section.itemDetail #new_roomlist1212 .roomInfo .mbHide_top {flex-basis: 100%;}
main.sub div.tourpik section.itemDetail #new_roomlist1212 .roomInfo .sumInfo {display: flex; flex-wrap: wrap; line-height: 130%;}
main.sub div.tourpik section.itemDetail #new_roomlist1212 .roomInfo .sumInfo div p {line-height: 150%;}

main.sub div.tourpik section.itemDetail #new_roomlist1212 .roomInfo .sumInfo p {font-size: 1rem; background: none; padding-left: 5px; color: #999;}
main.sub div.tourpik section.itemDetail #new_roomlist1212 .roomInfo .sumInfo p:first-child {padding: 0;}
main.sub div.tourpik section.itemDetail #new_roomlist1212 .roomInfo .sumInfo p:not(:first-child)::before {content: "ㅣ";display: inline-block; padding-right: 6px; color: #ddd; font-size: 0.825rem; vertical-align: middle;}
main.sub div.tourpik section.itemDetail #new_roomlist1212 .roomInfo .sumInfo.tooltiptext p {padding: 0; color: #555;}
main.sub div.tourpik section.itemDetail #new_roomlist1212 .roomInfo .sumInfo.tooltiptext p::before {display: none;}
main.sub div.tourpik section.itemDetail #new_roomlist1212 .roomInfo .impInfo {gap: 6px; justify-content: flex-start; }
main.sub div.tourpik section.itemDetail #new_roomlist1212 .roomInfo .impInfo span {background: none; border-radius: 20px; border: 1px solid #dfdfdf; color: #999999; padding: 2px 12px;}
main.sub div.tourpik section.itemDetail #new_roomlist1212 .roomList {padding: 0; width: 100%;}
main.sub div.tourpik section.itemDetail #new_roomlist1212 .roomInfo .checkWant {margin: 0; margin-left:5px;}
main.sub div.tourpik section.itemDetail #new_roomlist1212 .roomInfo .checkWant .plus {padding-left: 25px; background-position: left 0px center;
	 background-size: auto;}
main.sub div.tourpik section.itemDetail #new_roomlist1212 .roomInfo .imgWrap {max-width: 200px; max-height: 140px;}
main.sub div.tourpik section.itemDetail #new_roomlist1212 .roomInfo_m {display: flex; gap:28px;}
main.sub div.tourpik section.itemDetail #new_roomlist1212 .titArea .tit {font-size: 1.25rem; font-weight: 600;}
main.sub div.tourpik section.itemDetail #new_roomlist1212 .titArea .subTit {color: #999999; font-size: 1rem;}
main.sub div.tourpik section.itemDetail #new_roomlist1212 .roomList .roomItem {border: 1px solid #dfdfdf; padding: 18px; border-radius: 10px; display: flex; 
	margin-top: 10px; flex-wrap: wrap;}
main.sub div.tourpik section.itemDetail #new_roomlist1212 .roomList .roomItem.row_price {border: 1px solid #157ced; position: relative; border-radius: 0 10px 10px 10px; margin-top:32px}
main.sub div.tourpik section.itemDetail #new_roomlist1212 .roomList .roomItem.row_price::before {content: '예약가능 최저가'; color: #fff; 
	 display: inline-block; background: #157ced; border-radius: 5px 5px 0 0; padding: 4px 8px; position: absolute; top: -24px; left: -1px;}


	 /* 현재 첫번째 아이템이 최저가가 붙게해놓음 //조건이 예약가능한 최저가에만 붙어야해서 클래스로도 분기해놓았습니다.  현재방식으로는 예약불가한 리스트중에 첫번쨰에서 예약가능 최저가가 붙는 상황이에요~  */
	 /*
	 main.sub div.tourpik section.itemDetail #new_roomlist1212 .roomList .roomItem:first-child{border: 1px solid #157ced; position: relative; border-radius: 0 10px 10px 10px; margin-top:32px}
main.sub div.tourpik section.itemDetail #new_roomlist1212 .roomList .roomItem:first-child::before {content: '예약가능 최저가'; color: #fff; 
	 display: inline-block; background: #157ced; border-radius: 5px 5px 0 0; padding: 4px 8px; position: absolute; top: -25px; left: -1px;}
	 */


main.sub div.tourpik section.itemDetail #new_roomlist1212 .roomList .roomItem .impInfo .breakfast {color: #63ADFF; font-size: 1rem;}
main.sub div.tourpik section.itemDetail #new_roomlist1212 .roomList .roomItem .impInfo .breakfast::before {content: ''; display: inline-block; background: url(https://tourpik.b-cdn.net/images/icon/breakfast_icon.svg)no-repeat;
	 width: 18px; height: 18px; position: relative; top: 4px; padding-right: 5px;}
main.sub div.tourpik section.itemDetail #new_roomlist1212 .roomList .roomItem .desc {display: none;width: 100%;
    padding: 16px; background: #f7f8f9; margin-top: 5px; border-radius: 5px;}
main.sub div.tourpik section.itemDetail #new_roomlist1212 .roomList .roomItem:has(.active) .promotion_more p::after {transform: rotate(-45deg) ; top: 1px;}
main.sub div.tourpik section.itemDetail #new_roomlist1212 .roomList .roomItem .descArea {min-width: auto; flex-basis: 20%;}
main.sub div.tourpik section.itemDetail #new_roomlist1212 .roomList .roomItem .vatTxtArea {margin: 0;}
main.sub div.tourpik section.itemDetail #new_roomlist1212 .promotion_toggle .promotion_more p {color: #157ced;}
main.sub div.tourpik section.itemDetail #new_roomlist1212 .promotion_toggle.pc_hide {display: none;}
main.sub div.tourpik section.itemDetail #new_roomlist1212 .promotion_toggle .promotion_more p::after {content: ''; display: inline-block;
	width: 6px; height: 6px; border-top: 2px solid #157ced; border-right: 2px solid #157ced; transform: rotate(135deg); border-radius: 1px; margin-left: 4px; 
	 position: relative; top: -3px;}
main.sub div.tourpik section.itemDetail #new_roomlist1212 .roomlist_toggle {position: absolute; right: 0; bottom: 10px; padding: 8px 12px; border-radius: 5px; transition: all 0.3s;
	font-size: 1rem; border: 1px solid #111;}
main.sub div.tourpik section.itemDetail #new_roomlist1212 .roomlist_toggle p::after {content: ''; display: inline-block;
	width: 8px; height: 8px; border-top: 1px solid #111; border-right: 1px solid #111; transform: rotate(135deg); margin: 0 4px 0 12px; border-radius: 1px;
	 position: relative; top: -3px;}
main.sub div.tourpik section.itemDetail #new_roomlist1212 .roomlist_toggle.active p::after {transform: rotate(-45deg); top: 2px;}
main.sub div.tourpik section.itemDetail #new_roomlist1212 .roomlist_toggle.pc_hide {display: none;}
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .titArea .tit {white-space: unset!important;} 
main.sub div.tourpik section.itemDetail #new_roomlist1212 .roomInfo .impInfo {margin-bottom: 0;}
.priceList:has(#new_roomlist1212) {margin: 0;}
main.sub div.tourpik section.itemDetail #new_roomlist1212 .roomInfo_m .imporwrap {flex-basis: 70%;}

@media (max-width:1024px){
	main.sub div.tourpik section.itemDetail #new_roomlist1212 {
        display: flex;
        flex-wrap: wrap;
        border: none;
        min-height: auto;
        width: 100%;
        padding: 20px;
        border: 1px solid #dfdfdf;
        border-radius: 10px;
        box-sizing: border-box;
    }

	main.sub div.tourpik section.itemDetail #new_roomlist1212 .roomInfo_m .imporwrap {
        flex: 1;
        min-width: 0;
        width: 100%;
    }

	main.sub .item_list___product{margin:0px auto;}

	.mBlock_product{display:block;}
	.mBlock{display:block;}
	.pBlock{display:none;}
	.mbHide_top{display: none;}

	main.sub div.tourpik section.itemHeader > div.title h2 .starPoint{
		display:block;
	}

	main.sub div.tourpik section.itemHeader > div.title{
		display:block;
	}

	main.sub div.tourpik section.itemHeader > div.title > .title_bottom{
		margin-top:10px;
	}

	main.sub div.tourpik section.itemHeader > div.itemInfo div.leftInfo {
	    width: 100%;
	}
	main.sub div.tourpik section.itemHeader > div.itemInfo div.leftInfo div.detail_view_slide div.itemSwiper_image_wrpa div.itemSwiper {
	    width: 100%;
	    height: 300px;
	}
	main.sub div.tourpik section.itemHeader > div.itemInfo div.rightInfo{
		display: none;
	}
	main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap{
		min-height:200px;
	}
	main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomInfo {
		margin-bottom:40px;width: 100%; position: relative; top: 0;
	}
	main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomInfo .imgWrap{
		height: 300px;
	}
	main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomList {
		padding-left: 0; margin-top: 30px;
	}
	main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomList .vatTxtArea{
		display: none;
	}
	main.sub div.tourpik section.itemDetail .searchArea .optionCheck .mid{
		display: flex; align-items: center; padding: 0 5px 10px 5px;
	}
	main.sub div.tourpik section.itemDetail .searchArea{
		padding: 20px 0 0 0;display:block;
	}
	main.sub div.tourpik section.itemDetail .searchArea .optionCheck {display: flex; justify-content: space-around; margin-top: 20px; padding:20px 20px 0px 20px; font-size: 16px; border-top:2px solid #f2f2f2; border-left: 0; border-right: 0; border-bottom: 0; border-style: dashed;}
	main.sub div.tourpik section.itemDetail .searchArea .optionCheck > .select{flex: none;}
	main.sub div.tourpik section.itemDetail .searchArea .optionCheck > .select select {background-position: right; background-color: transparent;}

	/*----검색-----*/
	main.sub div.tourpik section.itemDetail .searchArea .serch-right{
		display:block; width: 100%;
	}
	main.sub div.tourpik section.itemDetail .searchArea select {
	  background-color: transparent;
	  border: none;
	  padding:5px 15px;
	}
	main.sub div.tourpik section.itemDetail .searchArea .selected-value.op1 {
		background: url(https://tourpik.b-cdn.net/images/item/ico_user.png) no-repeat; background-position: left center; padding-left: 22px;
	}
	main.sub div.tourpik section.itemDetail .searchArea .selected-value.op2 {
		background: url(https://tourpik.b-cdn.net/images/item/ico_user.png) no-repeat; background-position: left center; padding-left: 22px;
	}
	main.sub div.tourpik section.itemDetail .searchArea div .reserveBtn button{
		background: #F9AA0B; border-radius:5px; width: 90%;
		padding:12px; box-sizing: border-box;margin-top: 20px;
	}

	/*----더 많은 서비스 보기-----*/
	/* main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomInfo .checkWant .plus .tooltiptext {
		position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);width:90%;
	}	 */
	
	/***680분기점 제거-20230914****/

	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;
        box-sizing: border-box;
	} 
	main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .mbHide.open{
		display: block;
	}
	main.sub div.tourpik section.itemHeader > div.title h2{
		margin-bottom:0;display: block;
		word-break: keep-all;
        word-wrap: break-word;
        white-space: normal;
        line-height: 1.3;
	}
	main.sub div.tourpik section.itemHeader > div.title .starPoint {
		display:block;margin-bottom:5px;
	}
	main.sub div.tourpik section.itemHeader > div.title h3{
		font-size:14px;
		word-break: break-all;
        white-space: normal;
        line-height: 1.4;
	}
	/*----탭메뉴-----*/
	main.sub div.tourpik section.itemDetail div.tapMenu.off ul li{
		font-size: 11px; line-height: 40px; margin-left: 3px; min-width:auto;
	}
	main.sub div.tourpik section.itemDetail .searchArea .checkInOut .dt span{
		font-size: 16px;
	}
	/*----슬라이드-----*/
	main.sub div.tourpik section.itemHeader > div.itemInfo div.leftInfo div.detail_view_slide div.itemSwiper_image_wrpa div.itemSwiper {
	    height: 240px;
	}
	main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomInfo .imgWrap{
		width:40%;height: 200px;
	}
	main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .priceArea{
		margin-top:10px;width:55%;padding:0 15px;
	}
	main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomInfo .checkWant .morePrcView{
		display: block; border-bottom: 1px solid #E5E5E5; text-align: center;
	}
	main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomInfo .checkWant .morePrcView button{
		color: #fff; background: #555555; border: 1px solid #707070; border-radius: 20px; font-size: 14px; cursor: pointer;position: relative; bottom: -20px; padding: 10px 50px;
	}
	main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .priceArea .prc .vnd{
		display:block;
	}
	main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomInfo .impInfo{
		margin-bottom:10px;margin-top:0;display:inline-block;
	}
	
	main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomInfo_m{
		display: flex;justify-content: space-between;
	}


	main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomList .roomItem.active{
		border: 0; border-bottom: 1px solid #E5E5E5 !important;
	}
	
	main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomList .roomItem .descArea{
		padding-right: 0;
	}
	main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomList .roomItem .priceArea{
		width: 100%; position: relative; top: 0; margin-top: 15px; padding: 0;border-left:0 none;
	}

	main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomList .roomItem .listPromotion{
		padding:15px;background:#f4f4f5;
	}



	.dimTxt.top{
		position: absolute;border: 0; z-index: 10; left: 0; width: 100%; border-radius:0 0 10px 10px;  bottom: 0; background: #000; color: #fff; padding: 10px; opacity: .7;  text-align: center; font-weight: 600; display:block;
	}
	main.sub div.tourpik section.itemHeader > div.itemInfo div.leftInfo div.detail_view_slide div.itemSwiper_image_wrpa{
		margin-bottom:0;
	}

	/*---요금표보기 웹 버튼---*/
	div.itemContent div.priceList{height: auto !important; overflow: inherit !important;}
	.priceList.close{overflow: auto; height: auto;}
	div.itemContent div.priceList div.priceList_top_bg,
	div.itemContent div.priceList div.priceList_show{display:none;}
	#header{border-bottom: 0px;}
	#header .header_bottom{display:none !important;}
	
	main.sub div.tourpik section.itemDetail .searchArea .checkInOut .txt {
		font-size: 16px;
	}

	/*20230919*/
	main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .titArea{position:relative;min-width:auto;display:block; width: 100%; max-width: 100%; min-width: 100%; padding: 0px 10px; box-sizing: border-box;}
	.roomInfo_m{margin-top:15px;min-width:auto;}

	main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .titArea .tit {
		font-size: 18px; font-weight: bold;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width:100%;
	}
	main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .titArea .subTit {
		margin-top: 5px; font-size: 14px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width:100%;
	}
	main.sub div.tourpik section.itemDetail div.itemContent .pc_hide251202 {display: block;}
	
  /* 추가 251215 */
  main.sub div.tourpik section.itemDetail #new_roomlist1212 {padding: 20px 20px 40px 20px;}
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .titArea.pc_only {display: none;}
	main.sub div.tourpik section.itemDetail #new_roomlist1212 .roomList .roomItem {padding: 14px;}
	main.sub div.tourpik section.itemDetail #new_roomlist1212 .roomList .roomItem .impInfo {order: 1; flex-basis: 100%;}
	main.sub div.tourpik section.itemDetail #new_roomlist1212 .roomList .roomItem .descArea{order: 2; flex-basis: 100%;}
	main.sub div.tourpik section.itemDetail #new_roomlist1212 .roomList .roomItem .vatTxtArea {order: 3; position:unset;}
main.sub div.tourpik section.itemDetail #new_roomlist1212 .roomList .roomItem .desc {order: 10;}
	main.sub div.tourpik section.itemDetail #new_roomlist1212 .roomList .roomItem .vatTxtArea .btnWrap {right: 18px; top: 80px; bottom: unset;} 
	main.sub div.tourpik section.itemDetail #new_roomlist1212 .roomList .roomItem {flex-direction: row;}
	main.sub div.tourpik section.itemDetail #new_roomlist1212 .roomList .listPromotion {padding: 0;}
	main.sub div.tourpik section.itemDetail #new_roomlist1212 .roomList {padding-bottom: 5px; height: auto ;}
	main.sub div.tourpik section.itemDetail #new_roomlist1212 .roomInfo_m {gap: 10px; margin-top: 0; align-items: center; overflow:hidden;}
	main.sub div.tourpik section.itemDetail #new_roomlist1212 .roomInfo .imgWrap {margin-right: 10px;}
	main.sub div.tourpik section.itemDetail #new_roomlist1212 .promotion_toggle.mo_hide {display: none;}
main.sub div.tourpik section.itemDetail #new_roomlist1212 .promotion_toggle.pc_hide {display: block; order: 10; 
	 text-align: center; border-top: 1px solid #dfdfdf; padding-top: 8px; 
margin-top: 4px; flex-basis: 100%;}
main.sub div.tourpik section.itemDetail #new_roomlist1212 .promotion_toggle button {background: #fff;}
main.sub div.tourpik section.itemDetail #new_roomlist1212 .roomlist_toggle.pc_hide p {font-size: 0.9rem; color: #111;}
	 	main.sub div.tourpik section.itemDetail #new_roomlist1212 {padding: 0 0 20px 0; border: none;  border-radius: 0;}
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomInfo .sumInfo {margin-top: 4px;}
main.sub div.tourpik section.itemDetail #new_roomlist1212 .titArea .tit {
	width: 100%;
	font-size: 1rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	white-space: normal;
}

main.sub div.tourpik section.itemDetail #new_roomlist1212 .titArea .subTit {
	width: 100%;
	font-size: 1rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
}  
main.sub div.tourpik section.itemDetail #new_roomlist1212 .roomInfo .sumInfo p {font-size: 0.925rem;}
main.sub div.tourpik section.itemDetail #new_roomlist1212:not(first-child) {border-bottom: 4px solid #f0f0f0;}
main.sub div.tourpik section.itemDetail #new_roomlist1212 .promotion_toggle .promotion_more p {font-size: 0.925rem;}
main.sub div.tourpik section.itemDetail #new_roomlist1212 .roomList .roomItem .impInfo .breakfast {font-size: 0.925rem;}
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomInfo .checkWant .plus {position: inherit;}
main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomInfo .checkWant .plus .tooltiptext {top: 70px;}

}

@media (max-width:500px){
	body:not(#middle) section.new_section.titleBox_none{margin-top: 0px !important;}
	main.sub div.tourpik section.itemDetail .searchArea .checkInOut .dt span{margin: 0px;}
	main.sub div.tourpik section.itemDetail .searchArea select{padding: 5px 7px; min-width: 70px;}
	main.sub div.tourpik section.itemDetail div.tapMenu.on > div{width: 96%; margin: 0 auto;}
	/* main.sub div.tourpik section.itemDetail div.tapMenu.on ul li:not(.tapInfo) {margin-bottom: 5px;} */
	main.sub div.tourpik section.itemDetail div.tapMenu.off ul{flex-wrap: wrap; gap: 1%;}
	main.sub div.tourpik section.itemDetail div.tapMenu.off ul li{margin-left: 0px !important; width: 32%; margin-bottom: 5px; flex: auto;}
	main.sub div.tourpik section.itemDetail div.tapMenu.off ul li:nth-child(n+4){}

	/*20230919*/
	main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomInfo .imgWrap{height:150px}
	main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomInfo .imgWrap .dimTxt{padding:10px;}

	main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomInfo .checkWant .plus .tooltiptext{width: max-content; flex-direction: column; gap: 0px;}
	main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomInfo .checkWant .plus .tooltiptext p{line-height: 18px; margin: 5px 5px 0 0;}
	main.sub div.tourpik section.itemDetail div.itemContent .itemListWrap .roomInfo .checkWant .plus .tooltiptext p:not(:first-child){padding-top: 5px;}
	main.sub div.tourpik section.itemDetail #new_roomlist1212 .promotion_toggle.mo_hide {display: none;}
	main.sub div.tourpik section.itemDetail #new_roomlist1212 .roomInfo .sumInfo p {display: none;}
	main.sub div.tourpik section.itemDetail #new_roomlist1212 .roomInfo .checkWant {left: 0; margin-left: 0; padding-left: 0;}
	main.sub div.tourpik section.itemDetail #new_roomlist1212 .roomInfo .checkWant:hover .sumInfo p {display: block; z-index: 10;}
	main.sub div.tourpik section.itemDetail #new_roomlist1212 .roomInfo .checkWant:active .sumInfo p {display: block; z-index: 10;}
	main.sub div.tourpik section.itemDetail #new_roomlist1212 .roomInfo .checkWant {margin-left: 0; margin-top: 5px;}
	main.sub div.tourpik section.itemDetail #new_roomlist1212 .roomlist_toggle {display: none;}
	main.sub div.tourpik section.itemDetail #new_roomlist1212 .roomlist_toggle.mo_hide {display: none;}
main.sub div.tourpik section.itemDetail #new_roomlist1212 .roomlist_toggle.pc_hide {display: block; right: calc(50% - 74px);
	 background: #fff;z-index: 5;}
}

@media (max-width:400px){
	/*탭메뉴*/
	main.sub div.tourpik section.itemDetail div.tapMenu ul{
		 /* justify-content: space-around; */
	}
	main.sub div.tourpik section.itemDetail div.tapMenu.off ul li{
		font-size: 10px; font-weight: normal;
	}
	main.sub div.tourpik section.itemDetail .searchArea .checkInOut .dt span{
		font-size: 14px; 
	}
}

@media (max-width:340px){
	/*탭메뉴*/
	main.sub div.tourpik section.itemDetail div.tapMenu.off ul li{
		letter-spacing: -1px;
	}
	main.sub div.tourpik section.itemDetail .searchArea .checkInOut .dt span{
		letter-spacing: -1px;
	}
}


main.sub .btnGroup *:not(div){display: inline-block; border: 1px solid #ccc; border-radius: 2px; font-weight: bold; background-color: #fff; font-size: 13px; padding: 0px 20px; line-height: 28px; cursor: pointer;}
main.sub .btnGroup *:not(div):hover{border: 1px solid #ccc; background-color: #ededed;}
main.sub .btnGroup *.ssize{padding: 0px 10px; line-height: 20px; font-size: 11px;}
main.sub .btnGroup .black{border: 1px solid #999; background-color: #999; color: #fff !important;}
main.sub .btnGroup .black:hover{border: 1px solid #000; background-color: #000;}
main.sub .btnGroup .blue{border: 1px solid #2e4ce8; background-color: #2e4ce8; color: #fff !important;}
main.sub .btnGroup .blue:hover{border: 1px solid #0022d2; background-color: #0022d2;}
main.sub .btnGroup .red{border: 1px solid #df3b3b; background-color: #df3b3b; color: #fff !important;}
main.sub .btnGroup .red:hover{border: 1px solid #d20000; background-color: #d20000;}
main.sub .btnGroup .lightred{border: 1px solid #edb4b4; background-color: #edb4b4; color: #fff !important;}
main.sub .btnGroup .lightred:hover{border: 1px solid #f38787; background-color: #f38787;}
main.sub .btnGroup .lightblue{border: 1px solid #b5c1ff; background-color: #b5c1ff; color: #fff !important;}
main.sub .btnGroup .lightblue:hover{border: 1px solid #a5b4ff; background-color: #a5b4ff;}