li.pageNav-li a.pageNav-li-a{color: #fff}
li.pageNav-li:last-child a.pageNav-li-a{color: #fff}
@media screen and (min-width: 1281px) {
    div.pageNav{margin-bottom: 20px}
}

section.place-main{position: relative; display: flex; flex-direction: column; justify-content: flex-end; background: linear-gradient(to top, rgb(19 0 0 / 83%), rgb(19 0 0 / 0%)), url(../image/place.view/placeEx.jpg); background-repeat: no-repeat, no-repeat; background-position: 50% 50%}
div.place-basic {display: flex; align-items: center}
ul.btn-list{display: flex; }
li.btn-list{display: flex; cursor: pointer; position:relative;}
li.btn-list svg{fill: #fff; transition:.3s}
li.btn-list.on svg {fill: var(--color-primary)}
li.btn-list:hover svg{fill: var(--color-primary)}
div.place-logo{aspect-ratio: 1 / 1; background: #fff; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden;}
div.place-logo img {display: block; width: 100%; height: 100%; object-fit: cover;}
div.place-title{flex: 1 1 auto}
div.place-name{display: flex; justify-content: space-between}
h2.place-name{color: #fff; line-height: 120%}
div.place-review{display: flex; align-items: center}
div.place-review i.star{display: flex; justify-content: center; align-items: center}
div.place-review i.star svg{fill: var(--color-tertiary)}
div.place-review span{color: #fff}
div.place-review span.reviewScore{font-weight: 700}
button.gallary-btn{width: 100%; border: 1px solid rgb(255 255 255 / 36%); background-color: rgb(255 255 255 / 14%); color: #fff; font-weight: 700; transition:.3s; border-radius: 0.62rem}
button.gallary-btn:hover{background-color: rgb(255 255 255 / 20%)}

#sharer {position: relative !important; bottom: auto !important; left: auto !important; z-index: auto !important;}
#share_button {width: 1.25rem !important; height: 1.25rem !important; padding: 0 !important; border-radius: 0 !important; background: none !important; }

#sharer button.button:hover svg {transform: scale(1) !important; -moz-transform: scale(1) !important; -o-transform: scale(1) !important; -ms-transform: scale(1) !important; fill: var(--color-primary) !important;}
#sharer button.button:focus svg {transform: scale(1) !important; -moz-transform: scale(1) !important; -o-transform: scale(1) !important; -ms-transform: scale(1) !important; fill: var(--color-primary) !important;}
#sharer .sharer_layer .share {top: calc(100% + 10px) !important; right: 0 !important; bottom: auto !important; left: auto !important;}
#sharer .sharer_layer .share button.fa-times {left: 0; right: auto !important;}
@media screen and (max-width: 1280px) {
	section.place-main{height: 24rem; padding-bottom: 2rem}
	div.place-logo{width: 5.33rem; margin-right:1.67rem}
	h2.place-name{font-size: 2.4rem; margin-bottom: 0.67rem}
	div.btn-list{position: absolute; top: 25px; right: 3vw}
	ul.btn-list{margin: 0 -0.53rem}
	li.btn-list{padding: 0 0.53rem}
	li.btn-list svg{height: 17px; filter: drop-shadow(2px 2px 3px rgb(0 0 0 / 34%));}
	div.place-review i.star svg{width: 1rem}
	div.place-review span.reviewScore{font-size: 1.07rem; margin: 0 0.53rem}
	div.gallary-btn{margin-top: 1.67rem}
	button.gallary-btn{height: 2.67rem; font-size: 1rem}

	#sharer > button.button {display: revert !important;}
	#sharer .sharer_layer {display: block !important; position: relative !important; top: calc(100% + 10px) !important; bottom: auto !important; left: auto !important;}
}
@media screen and (min-width: 1281px) {
	section.place-main{height: 37.5rem; padding-bottom: 3.12rem}
	div.place-logo{width: 6.25rem; margin-right:1.87rem}
	h2.place-name{font-size: 2.75rem; margin-bottom: 0.94rem}
	div.btn-list{margin-top: 8px}
	li.btn-list{padding: 0 0.62rem}
	li.btn-list svg{height: 1.25rem}
	div.place-review i.star svg{width: 1.06rem}
	div.place-review span.reviewScore{font-size: 1.13rem; margin: 0 0.62rem}
	div.gallary-btn{margin-top: 1.87rem}
	button.gallary-btn{height: 2.81rem; font-size: 1rem}
}

div.placeTime{display: flex; align-items: center}
i.placeTime-icon{display: flex}
i.placeTime-icon svg{fill: var(--color-icon-fill-primary)}
span.place-status{font-weight: 700; color: var(--color-secondary)}
div#placeTimeInfo{position: relative}
ul#time-menu{position: absolute; box-sizing: border-box; background: #fff; border-radius: 0.62rem; border: 1px solid var(--color-border); background-color: var(--color-background-primary)}
button#place-time-btn{display: flex; align-items: center;color: var(--color-text-date); font-size:1rem}
button#place-time-btn.on + #time-menu{display:block}
button#place-time-btn.on i{transform: rotate(-180deg)}
button#place-time-btn i svg{fill: var(--color-icon-fill-lightest)}
ul#time-menu{display:none}
li.time-menu a span{font-weight: 700}

ul.place-btn{display: flex}
button.place-btn{display: flex; align-items: center; font-size: 1rem; border: 1px solid var(--color-border); border-radius: 500px}
i.place-btn-icon{display: flex; justify-content: center; align-items: center}
i.place-btn-icon svg{fill: var(--color-text)}

@media screen and (max-width: 1280px) {
	section.placeSet {margin: 2.67rem 0 1.33rem}
	i.placeTime-icon svg{width: 0.93rem}
	span.place-status{font-size: 1.07rem; margin: 0 1rem 0 0.33rem}
	ul#time-menu{top: 2rem; right: 0; padding: 1rem 0.67rem; width: 10.67rem}
	button#place-time-btn i{margin-left: 0.67rem}
	button#place-time-btn i svg{width:0.67rem}
	ul#time-menu{margin:-0.23rem 0}
	li.time-menu{padding: 0.23rem 0}
	li.time-menu a span{margin-right: 0.67rem}

	div.place-btn{margin-top: 1.33rem}
	ul.place-btn{margin:0 -0.2rem}
	li.place-btn{padding: 0 0.2rem}
	button.place-btn{padding: 0.67rem 1rem}
	i.place-btn-icon{margin-right:0.67rem}
	i.place-btn-icon svg{width: 0.67rem}
}
@media screen and (min-width: 1281px) {
	section.placeSet {margin: 3.12rem 0 1.87rem}
	i.placeTime-icon svg{width: 1rem}
	span.place-status{font-size: 1.13rem; margin: 0 1.25rem 0 0.62rem}
	ul#time-menu{top: 2.19rem; right: 0; padding: 1.25rem 0.62rem; width: 11.25rem}
	button#place-time-btn{font-size:1rem}
	button#place-time-btn i{margin-left: 0.62rem}
	button#place-time-btn i svg{width:0.69rem}
	ul#time-menu{margin:-0.22rem 0}
	li.time-menu{padding: 0.22rem 0}
	li.time-menu a span{margin-right: 0.62rem}

	div.place-btn{margin-top: 1.87rem}
	ul.place-btn{margin:0 -0.31rem}
	li.place-btn{padding: 0 0.31rem}
	button.place-btn{padding: 0.81rem 1.25rem}
	i.place-btn-icon{margin-right:0.62rem}
	i.place-btn-icon svg{width: 0.81rem}
}



/* 탭 */

ul.place-tab{display: flex; background: #ECEBEE; border-radius: 0.62rem; overflow: hidden}
li.place-tab{flex: 1 1 auto}
a.place-tab{display: block; text-align: center; color: var(--color-text-date)}
a.place-tab.active{background-color: var(--color-secondary); color: #fff; font-weight: 700}
@media screen and (max-width: 1280px) {
	a.place-tab{font-size: 1.07rem; padding: 0.67rem}
}
@media screen and (min-width: 1281px) {
	a.place-tab{font-size: 1.13rem; padding: 0.94rem 0.62rem}
}

/* placeviewSection */
div.place-view{border-bottom: 1px solid var(--color-border)}
div.place-view:last-child{border:0}
p.place-view-txt{word-break:keep-all; line-height: 150%; margin-top: 3.125rem;}

@media screen and (max-width: 1280px) {
	div.place-view{padding: 30px 0}
	h3.place-view-title{font-size: 18px; margin-bottom: 15px}
	p.place-view-txt{font-size: 1.07rem}
}
@media screen and (min-width: 1281px) {
	div.place-view{padding: 50px 0}
	h3.place-view-title{font-size: 22px; margin-bottom: 20px}
	p.place-view-txt{font-size: 1.13rem}
}

/* 정보 */

ul.place-amenity{display: flex; flex-wrap: wrap}
li.place-amenity{display: flex; align-items: center}
i.amenity-icon{display: flex; justify-content: center; align-items: center}
i.amenity-icon svg{fill: var(--color-icon-fill-primary)}

ul.place-view-cate{display: flex; flex-wrap: wrap}
a.place-view-cate{color: var(--color-text-date)}


ul.place-map-btn{display: flex; align-items: center}
li.place-map-btn button{display: flex; align-items: center; border-radius: 500px; border: 1px solid var(--color-border)}
li.place-map-btn button i{display: flex; align-items: center; justify-content:center}

/* 카카오맵 */
div.root_daum_roughmap{width: 100%; height: 100%}
div.root_daum_roughmap .wrap_map{width: 100%; height: 100%}
div.root_daum_roughmap .wrap_controllers{display:none}
div.root_daum_roughmap_landing .border2{display:block !important}
/* 카카오맵 */


ul.place-link{display: flex}
li.place-link{flex: 1}
li.place-link a{font-size: 1.13rem; text-decoration: underline}

ul.place-sns{display: flex}

a.place-sns{display: block; aspect-ratio: 1 / 1}
a.place-sns img{max-width: 100%}


@media screen and (max-width: 767px) {
	ul.place-link{flex-direction: column; margin: -15px 0}
	li.place-link{padding: 15px 0}
}
@media screen and (min-width:768px) and (max-width:1280px){
}

@media screen and (max-width: 1280px) {
	ul.place-amenity{margin: -0.33rem -1.33rem}
	li.place-amenity{font-size: 1.07rem; padding: 0.33rem 1.33rem}
	i.amenity-icon{margin-right: 0.67rem}
	i.amenity-icon svg{width: 1.13rem; height: 1.13rem}
	
	ul.place-view-cate{margin: 1rem -0.62rem -0.31rem}
	li.place-view-cate{padding: 0.31rem 0.62rem}
	a.place-view-cate{font-size: 1.07rem}
	
	ul.place-map-btn{margin: 0 -0.19rem 1rem}
	li.place-map-btn{padding: 0 0.19rem}
	li.place-map-btn button{padding: 0.5rem 1rem}
	li.place-map-btn button i{margin-right:0.31rem}
	li.place-map-btn button i svg{width:1rem; height:1rem}
	
	.place-map{height: 20rem; /* margin-bottom: 2rem */}
	
	ul.place-sns{margin: 0 -0.33rem}
	li.place-sns{padding: 0 0.33rem}
	a.place-sns{width: 1.47rem}
}
@media screen and (min-width: 1281px) {
	ul.place-amenity{margin: -0.62rem -1.56rem}
	li.place-amenity{font-size: 1.13rem; padding: 0.62rem 1rem 0.62rem 1.56rem;}
	i.amenity-icon{margin-right: 0.94rem}
	i.amenity-icon svg{width: 1.31rem; height: 1.31rem}
	
	ul.place-view-cate{margin: 1.25rem -1.25rem -0.62rem}
	li.place-view-cate{padding: 0.62rem 1.25rem}
	a.place-view-cate{font-size: 1.13rem}
	
	ul.place-map-btn{margin: 0 -0.31rem 1.25rem}
	li.place-map-btn{padding: 0 0.31rem}
	li.place-map-btn button{padding: 0.62rem 1.25rem}
	li.place-map-btn button i{margin-right:0.62rem}
	li.place-map-btn button i svg{width:1.19rem; height:1.19rem}
	
	.place-map{height: 25rem; /* margin-bottom: 3.12rem */}
	
	ul.place-sns{margin: 0 -0.47rem}
	li.place-sns{padding: 0 0.47rem}
	a.place-sns{width: 1.56rem}
}


/* 사진 */
ul.place-photo-slide{height: auto}
li.place-photo-slide{display: flex; justify-content: center; align-items: center; overflow: hidden; border-radius: 0.62rem}
a.place-photo-slide{display: block;}
a.place-photo-slide img{display: block; height:100%}
@media screen and (max-width: 1280px) {
	li.place-photo-slide{width: 140px; height:140px}
}
@media screen and (min-width: 1281px) {
	li.place-photo-slide{width: 200px; height:200px}
}


/*지도 숨기기*/
.hidden {display: none;}


/* 카카오 지도 마커의 내용 */
/*<div class="kakaomap-wrap">*/
/*	<div class="kakaomap-info">*/
/*		<div class="kakaomap-title">*/
/*			${store.bizesNm}*/
/*			<div class="kakaomap-close" onclick="closeOverlay()" title="닫기"></div>*/
/*		</div>*/
/*		<div class="kakaomap-body">*/
/*			<div class="kakaomap-img">*/
/*				<img src="https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/thumnail.png" width="73" height="70">*/
/*		   </div>*/
/*			<div class="kakaomap-desc">*/
/*				<div class="kakaomap-ellipsis">${store.rdnmAdr}</div>*/
/*				<div class="kakaomap-jibun kakaomap-ellipsis">(우) ${store.newZipcd} (지번) ${store.lnoAdr.split(" ").slice(-2).join(" ")}</div>*/
/*				<div><a href="https://www.kakaocorp.com/main" target="_blank" class="kakaomap-link">홈페이지</a></div>*/
/*			</div>*/
/*		</div>*/
/*	</div>   */
/*</div>*/
.kakaomap-wrap {position: absolute;left: 0;bottom: 40px;width: 288px;height: 132px;margin-left: -144px;text-align: left;overflow: hidden;font-size: 12px;font-family: 'Malgun Gothic', dotum, '돋움', sans-serif;line-height: 1.5;}
.kakaomap-wrap * {padding: 0;margin: 0;}
.kakaomap-wrap .kakaomap-info {width: 286px;height: 120px;border-radius: 5px;border-bottom: 2px solid #ccc;border-right: 1px solid #ccc;overflow: hidden;background: #fff;}
.kakaomap-wrap .kakaomap-info:nth-of-type(1) {border: 0;box-shadow: 0px 1px 2px #888;}
.kakaomap-info .kakaomap-title {padding: 5px 0 0 10px;height: 30px;background: #eee;border-bottom: 1px solid #ddd;font-size: 18px;font-weight: bold;}
.kakaomap-info .kakaomap-close {position: absolute;top: 10px;right: 10px;color: #888;width: 17px;height: 17px;background: url('https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/overlay_close.png');}
.kakaomap-info .kakaomap-close:hover {cursor: pointer;}
.kakaomap-info .kakaomap-body {position: relative;overflow: hidden;}
.kakaomap-info .kakaomap-desc {position: relative;margin: 13px 0 0 90px;height: 75px;}
.kakaomap-desc .kakaomap-ellipsis {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.kakaomap-desc .kakaomap-jibun {font-size: 11px;color: #888;margin-top: -2px;}
.kakaomap-info .kakaomap-img {position: absolute;top: 6px;left: 5px;width: 73px;height: 71px;border: 1px solid #ddd;color: #888;overflow: hidden;}
.kakaomap-info .kakaomap-img img {object-fit: cover;}
.kakaomap-info::after {content: '';position: absolute;margin-left: -12px;left: 50%;bottom: 0;width: 22px;height: 12px;background: url('https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png')}
.kakaomap-info .kakaomap-link {color: #5085BB;}


/* 자동완성 스타일 */
input:is(:autofill, :autofill:hover, :autofill:focus, :autofill:active) {-webkit-text-fill-color:var(--color-text); -webkit-box-shadow:0 0 0px 100rem #F7F6F9 inset; box-shadow:0 0 0px 100rem #F7F6F9 inset;}

/* dialog 열였을때 스크롤 막기 */
body:has(dialog[open]) { overflow:hidden; }

/* dialog 간편제안 */
#simple-modify-modal {outline: none; border: none; border-radius: 1rem; width: 30vw; box-shadow: 0px 3px 10px rgba(17, 0, 55, 0.09);}
.simple-modify-modal-header {display: flex; justify-content: space-between; align-items: center;}
.simple-modify-modal-title {font-size: 1.5rem;}
.modal-close-btn {}
.simple-modify-wrap {margin: 1.5rem 0;}
.simple-modify-bizesNm {font-size: 1.125rem; font-weight: 500;}
.simple-modify-content {width: 100%; height: 30vh; margin-top: 1rem; padding: 1rem; box-sizing: border-box; resize: vertical; min-height: 7rem; max-height: 30rem; border-radius: 0.625rem; background: rgb(247, 246, 249); border: 1px solid var(--color-border-lightest);}
.check-cnt {display: flex; justify-content: end; gap: 0.2rem;}
.curr-text-cnt {}
.simple-modify-email {height: 3.75rem; background: #F7F6F9; width: 100%; border-radius: 10rem; padding: 0 1.5rem; box-sizing: border-box; margin-top: 1rem; border:1px solid var(--color-border-lightest);}
.simple-modify-btn-wrap {display: flex; gap: 1rem; height: 3.75rem;}
.simple-modify-cancel-btn {border: 1px solid var(--color-border); border-radius: 10rem; flex: 1; color: var(--color-text); font-size: 1.0625rem; font-weight: 400;}
.simple-modify-regist-btn {border: 1px solid var(--color-primary); border-radius: 10rem; flex: 1; color: var(--color-primary); font-size: 1.0625rem; font-weight: 400;}
@media screen and (max-width: 1280px) {
	#simple-modify-modal {width: calc(100% - 6vw); height: calc(100% - 6vw);}
}
/* dialog 간편제안 */

/* dialog 간편제안 */
#closed-store-modal {outline: none; border: none; border-radius: 1rem; width: 30vw; box-shadow: 0px 3px 10px rgba(17, 0, 55, 0.09);}
.closed-store-modal-header {display: flex; justify-content: space-between; align-items: center;}
.closed-store-modal-title {font-size: 1.5rem;}
.closed-store-wrap {margin: 1.5rem 0;}
.closed-store-bizesNm {font-size: 1.125rem; font-weight: 500;}
.closed-reason-list {display: flex; gap: 1rem; align-items: center; margin-top: 1rem;}
.closed-reason-item {display:flex; gap: 0.4rem; align-items: center;}
.closed-store-content {width: 100%; height: 30vh; margin-top: 1rem; padding: 1rem; box-sizing: border-box; resize: vertical; min-height: 7rem; max-height: 30rem; border-radius: 0.625rem; background: rgb(247, 246, 249); border: 1px solid var(--color-border-lightest);}
.closed-store-email {height: 3.75rem; background: #F7F6F9; width: 100%; border-radius: 10rem; padding: 0 1.5rem; box-sizing: border-box; margin-top: 1rem; border:1px solid var(--color-border-lightest);}
.closed-store-btn-wrap {display: flex; gap: 1rem; height: 3.75rem;}
.closed-store-cancel-btn {border: 1px solid var(--color-border); border-radius: 10rem; flex: 1; color: var(--color-text); font-size: 1.0625rem; font-weight: 400;}
.closed-store-regist-btn {border: 1px solid var(--color-primary); border-radius: 10rem; flex: 1; color: var(--color-primary); font-size: 1.0625rem; font-weight: 400;}
@media screen and (max-width: 1280px) {
	#closed-store-modal {width: calc(100% - 6vw); height: calc(100% - 6vw);}
}
/* dialog 간편제안 */

/* dialog 사진등록 */
#img-manage-modal {outline: none; border: none; border-radius: 1rem; width: 30vw; box-shadow: 0px 3px 10px rgba(17, 0, 55, 0.09);}
.img-manage-modal-header {display: flex; justify-content: space-between; align-items: center;}
.img-manage-modal-title {font-size: 1.5rem;}
.img-manage-wrap {margin: 1.5rem 0;}
.img-manage-bizesNm {font-size: 1.125rem; font-weight: 500;}
.img-manage-btn-wrap {display: flex; gap: 1rem; height: 3.75rem;}
.img-manage-cancel-btn {border: 1px solid var(--color-border); border-radius: 10rem; flex: 1; color: var(--color-text); font-size: 1.0625rem; font-weight: 400;}
.img-manage-regist-btn {border: 1px solid var(--color-primary); border-radius: 10rem; flex: 1; color: var(--color-primary); font-size: 1.0625rem; font-weight: 400;}
@media screen and (max-width: 1280px) {
	#closed-store-modal {width: calc(100% - 6vw); height: calc(100% - 6vw);}
}
/* dialog 사진등록 */