@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:680px; margin:0 auto; padding:50px; background:#fff; border-radius:24px;}

.ws-modal-header {margin-bottom:55px;}
.ws-modal-header h2 {color:#2c2c2c; font-size:28px; font-weight:600; line-height:1.3em;}

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

.pop-inquiry dl {margin-bottom:28px;}
.pop-inquiry dl:last-child {margin-bottom:0;}
.pop-inquiry dt {margin-bottom:0.6em; font-weight:600; line-height:1.2; color:#2c2c2c;}
.pop-inquiry dd .input {border-radius:6px;}
.pop-inquiry dd textarea.input {border-radius:6px;}
.pop-inquiry .check {margin-top:50px; font-weight:500; line-height:1.2; text-align:center; color:#2c2c2c;}
.pop-inquiry .check a {color:#a8a8a8;}
.pop-inquiry .checkbox label:before {border-radius:100%;}
.pop-inquiry .buttons {margin:30px 0 0;}

/* 반응형 */
@media (max-width: 1024px) {
	.ws-modal-header {margin-bottom:30px;}
	.ws-modal-header h2 {font-size:20px;}
	.pop-inquiry dl {margin-bottom:15px;}
	.pop-inquiry .check {margin-top:30px;}
}

@media (max-width: 640px) {	
	.ws-modal-open,
	.ws-modal-open body {overflow:hidden;}
	.ws-modal-inner {padding:20px;}
	
	.ws-modal-header {margin-bottom:20px;}
	.ws-modal-header h2 {font-size:18px;}

	.pop-inquiry dl {margin-bottom:10px;}
	.pop-inquiry .buttons {margin-top:20px;}
	.pop-inquiry .check {margin-top:15px;}

}