@charset "utf-8";

/* modal */
.ws-modal-open,
.ws-modal-open body {_overflow:hidden; /*사이트에 position:sticky 사용으로 인해서 overflow:hidden 사용 불가 */ }

.ws-modal-wrap {display:flex; flex-direction:column; align-items:center; justify-content:center; position:fixed; top:0; left:0; z-index:1000; width:100%; height:100%; overflow:hidden; background:rgba(0,0,0,.4); transition:.2s;}

.ws-modal-outer {position:relative; flex:0 0 auto; width:100%; max-height:100%; padding:20px; overflow:auto; -ms-overflow-style:none;/* IE and Edge */ scrollbar-width:none;/* Firefox */}
.ws-modal-outer::webkit-scrollbar {display:none;}

.ws-modal-inner {position:relative; width:100%; max-width:660px; margin:0 auto; padding:55px 30px; background:#fff; border-radius:20px;}
.pop-date-view .ws-modal-inner {max-width:535px; padding:0;}

.ws-modal-header h2 {margin-bottom:0.77em; color:#000; font-size:20px; font-weight:600; line-height:1.3em;}

.ws-modal-close {position:absolute; top:20px; right:20px; border:0; width:24px; height:24px; background:none;}
.ws-modal-close svg {display:block; width:100%; height:auto;}

/* 온라인 상담 */
.pop-inquiry h2 {margin-bottom:var(--size30); font-size:clamp(16px, calc( 18 / var(--inner) * 100vw ), 18px); font-weight:800; line-height:1.2; letter-spacing:-0.025em; color:#242424;}
.pop-inquiry .wrap .input {margin-bottom:13px;}
.pop-inquiry .buttons {text-align:center; margin:clamp(20px, calc( 45 / var(--inner) * 100vw ), 45px) 0 auto 0;}
.pop-inquiry .pop_privacy {color:#467fd1;}


/* 개별 자붐 비용 */
.pop-date-view .ws-modal-header {display:flex; padding:clamp(20px, calc(40/ var(--inner) * 100vw ),40px) clamp(20px, calc(55/ var(--inner) * 100vw ),55px) clamp(20px, calc(25/ var(--inner) * 100vw ),25px); background:#467fd1; border-radius:20px 20px 0 0;}
.pop-date-view .ws-modal-header h2 {margin-bottom:0; color:#fff;}
.pop-date-view .ws-modal-close {top:clamp(20px, calc(40/ var(--inner) * 100vw ),40px); right:20px;}
.ws-modal-content {padding:35px clamp(20px, calc(55/ var(--inner) * 100vw ),55px) clamp(20px, calc(55/ var(--inner) * 100vw ),55px);}
.ws-modal-content table {font-weight:400; line-height:1.4; letter-spacing:0.025em; color:#333; text-align:center;}
.ws-modal-content th {padding:var(--size20) 10px; background:#f2f2f2; border:1px solid #ccc;}
.ws-modal-content td {padding:1.13em 10px; border:1px solid #ccc;}
.ws-modal-content td.price {font-weight:700; color:#333;} 

/* 반응형 */
@media (max-width: 1024px) {
	#wsOnlineForm .ws-modal-inner {max-width:800px;}
}

@media (max-width: 640px) {	
	.ws-modal-open,
	.ws-modal-open body {overflow:hidden;}
	.ws-modal-inner {padding:40px 20px;}
	
	.pop-date-view .ws-modal-header {padding:20px 15px;}
	.pop-date-view .ws-modal-close {width:20px; height:20px;}
	.ws-modal-header h2 {font-size:18px;}
	.ws-modal-header p {font-size:14px;}
	.ws-modal-content {padding:20px 15px;}
	.ws-modal-content th,
	.ws-modal-content td {padding:5px;}

}