@charset "utf-8";

.inquiry .privacyBox h4 {font-weight:600; margin-bottom:15px;}
.inquiry .privacyInner {background:#FAFAFA; border:1px solid rgba(0,0,0,10%); padding:2.60vw 4.17vw;}
.inquiry .privacyInner p {font-weight:600; margin-bottom:30px;}
.inquiry .privacyInner span {font-size:var(--fs16); color:#666;}
.inquiry .privacyInner ul {font-size:var(--fs16); color:#666; margin:25px 0;;}
.inquiry .privacyInner ul li {position:relative; padding-left:15px;}
.inquiry .privacyInner ul li:before {position:absolute; content:""; left:0; top:10px; width:5px; height:1px; background:#666;}
.inquiry .privacyInner i {font-size:var(--fs16); color:var(--base1); padding-left:25px; background:url(/images/common/i-info.svg) no-repeat left center;}


.inquiry .writeBox {display:grid; grid-template-columns:40vw auto; margin-top:100px;}
.inquiry .writeBox .sticky h3 {position:relative; line-height:1.4; font-size:var(--fs30); padding-top:60px;}
.inquiry .writeBox .sticky h3:before {content:""; position:absolute; width:350px; height:10px; background:var(--base1); top:0; left:0;}
.inquiry .writeBox .sticky h3 span {color:var(--base1);}

.inquiry .stickyWrap {height:100%;}
.inquiry .stickyWrap .sticky {position: sticky; top: 150px;}

/* 입력폼 */
body .formGroup .emailWrap, body .formGroup .phoneWrap {align-items: center;}
body .formGroup .emailWrap>div {display: flex; align-items: center; gap:3px;}
body .formGroup .inputWrap textarea[name="io_content"] {height:300px;}
body .formGroup .inputWrap.consult {align-items: flex-start;}

/* 연락처 */
input[name="user_phone1"],
input[name="user_phone2"],
input[name="user_phone3"] {width: calc((100% - 29px) / 3) !important; text-align: center;}

/* 이메일 */
body .formGroup .inputWrap input[name="user_email_id"] {width:35%;}
body .formGroup .inputWrap input[name="user_email_domain"] {width: 41%;}
body .formGroup .inputWrap select[name="user_email_domain_select"]{
	margin-left: 5px;
	border: 1px solid var(--border3);
	border-radius:5px; font-size: 15px;
	height:50px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;  
	width:30%;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="8" viewBox="0 0 12 8" fill="none"><path d="M1 1.5L6 6.5L11 1.5" stroke="%23777" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
	background-repeat: no-repeat;
	background-position: right 12px center;
}

/* 자동입력방지 */
body .formGroup .inputWrap input[name="chk_chk"] {width: 240px;}
body .formGroup .inputWrap .autoCode {border:none; width:auto; padding:0; border-radius:0;}



/* ************************ 태블릿 (~991) ************************ */
@media screen and (max-width:991px) {
	
	.inquiry .writeBox {gap:30px;}

}



/* ************************ 모바일 (~767) ************************ */
@media screen and (max-width:767px) { 

	.inquiry .stickyWrap .sticky {margin-bottom:40px;}
	.inquiry .writeBox {grid-template-columns:auto;}
	
	.inquiry .privacyInner {padding:30px;}

}


/* ************************ 모바일 (~500) ************************ */
@media screen and (max-width:500px) {

	.inquiry .stickyWrap .sticky {margin-bottom:0px;}
	.inquiry .writeBox {margin-top:50px;}
	.inquiry .writeBox .sticky h3 {padding-top:30px;}
	.inquiry .writeBox .sticky h3:before {width:100%;}
	

}