@charset "utf-8";

/* modal */
.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,.7); opacity:0; transition:opacity .25s ease;}
.ws-modal-wrap.ws-modal-visible {opacity:1;}
.ws-modal-wrap.ws-modal-leave {opacity:0;}
.ws-modal-outer {position:relative; flex:0 0 auto; width:100%; max-height:100%; padding:20px; overflow:auto; -ms-overflow-style:none; scrollbar-width:none;}
.ws-modal-inner {position:relative; width:100%; margin:0 auto; background:#fff; overflow:hidden; opacity:0; transform:scale(.85); transition:opacity .25s ease .05s, transform .25s ease .05s;}
.ws-modal-wrap.ws-modal-visible .ws-modal-inner {opacity:1; transform:scale(1);}
.ws-modal-wrap.ws-modal-leave .ws-modal-inner {opacity:0; transform:scale(.85); transition-delay:0s;}
html.ws-modal-open {overflow:hidden;}

/* 내차 문의 */
#wsInquiry .ws-modal-inner {max-width:440px; padding:var(--space-32) var(--space-28) var(--space-28); border-radius:var(--radius-16);}
#wsInquiry .inquiry-modal-close {position:absolute; top:var(--space-16); right:var(--space-16); display:grid; place-items:center; width:36px; height:36px; border-radius:50%; background:none; color:#454545; border:none;}
#wsInquiry .inquiry-modal-close svg {width:18px; height:18px;}
#wsInquiry .inquiry-modal-title {font-size:var(--font-size-28); font-weight:700; line-height:1.357em; letter-spacing:-.02em; color:var(--color-title);}
#wsInquiry .inquiry-modal-desc {margin-top:var(--space-8); font-size:var(--font-size-16); line-height:1.625em; letter-spacing:-.02em; color:var(--color-body);}
#wsInquiry .inquiry-form {display:flex; flex-direction:column; gap:var(--space-16); margin-top:var(--space-24);}
#wsInquiry .inquiry-field {display:flex; flex-direction:column; gap:var(--space-8);}
#wsInquiry .inquiry-field label {font-size:var(--font-size-15); font-weight:600; line-height:1.466em; color:var(--color-title);}
#wsInquiry .inquiry-field input {width:100%; height:52px; padding:0 var(--space-16); border:1px solid #ddd; border-radius:var(--radius-10); font-size:var(--font-size-16); letter-spacing:-.02em; color:var(--color-title); background:#fff;}
#wsInquiry .inquiry-field input:focus {outline:none; border-color:var(--color-primary); box-shadow:0 0 0 3px rgba(0,92,188,.12);}
#wsInquiry .inquiry-submit {display:flex; align-items:center; justify-content:center; width:100%; height:56px; margin-top:var(--space-8); border-radius:500px; background:var(--color-primary); font-size:var(--font-size-18); font-weight:700; line-height:1.3em; color:#fff; border:none;}
#wsInquiry .inquiry-done {display:none; margin-top:var(--space-24); padding:var(--space-20); border-radius:var(--radius-12); background:rgba(0,92,188,.08); font-size:var(--font-size-16); line-height:1.625em; color:var(--color-sub); text-align:center;}
#wsInquiry .inquiry-form.is-hidden {display:none;}
#wsInquiry .inquiry-done.is-visible {display:block;}

@media (max-width: 640px) {
	#wsInquiry .inquiry-field input {height:44px;}
	#wsInquiry .inquiry-submit {height:44px;}
}