@charset "utf-8";

.inquiry .agree_topBox dl {padding:20px; height:180px; overflow-y:auto; border:1px solid #ddd; border-bottom:0;}
.inquiry .agree_topBox dl dt {padding:0; color:#000; font-weight:400; margin-top:20px; padding-bottom:5px;}
.inquiry .agree_topBox dl dt:first-child {margin-top:0px;}
.inquiry .agree_topBox dl dd {font-weight:300;}
.inquiry .agree_topBox .ckwrap {background:var(--dark);color:#fff;padding:10px 20px;margin-bottom: 30px;}
.inquiry .agree_topBox .ckwrap> * {display:inline-block; vertical-align:middle; line-height:1; font-weight:normal;}
.inquiry .agree_topBox .ckwrap input {position:absolute; left:-99999px;}
.inquiry .agree_topBox .ckwrap label {color:#fff; height:18px;padding-left:25px;background:url(/images/common/check-before.png) no-repeat 0 50%; cursor:pointer;line-height: 18px;}
.inquiry .agree_topBox .ckwrap input:checked+label {background:url(/images/common/check-on.png) no-repeat 0 50%;}

.inquiry form {box-shadow:7px 6px 11px 0px rgba(0,0,0,.06);max-width:800px;margin:0 auto;padding:2.5em 2em 2em 2em;background: #fff;border: 1px solid #ddd; border-radius:20px;}
.inquiry .group {position: relative;margin-bottom:30px;}
.inquiry .group textarea{padding:10px;width: 100%;height:250px;border:1px solid #999;outline:none;}
.inquiry .group input {padding:8px 10px 8px 5px;-webkit-appearance: none;display: block;background: #fff;color: #636363;width: 100%;border: none;border-radius: 0;border-bottom: 1px solid #757575;line-height:1;}
.inquiry .group input:focus { outline: none; }
.inquiry .group label {color: #999; font-weight: normal;position: absolute;pointer-events: none;left: 5px;top: 3px;transition: all 0.2s ease;}
.inquiry .group input:focus ~ label,
.inquiry .group input.used ~ label {top: -20px; transform: scale(.75); left: -2px; color: var(--orange);}

.inquiry .bar {position: relative;display: block;width: 100%;}
.inquiry .bar:before,
.inquiry .bar:after {content: '';height: 2px!important;width: 0;bottom:0px;position: absolute;background: var(--orange);transition: all 0.2s ease;}
.inquiry .bar:before { left: 50%; }
.inquiry .bar:after { right: 50%; }

.inquiry .group input:focus ~ .bar:before, .inquiry .group input:focus ~ .bar:after { width: 50%; }
/* .inquiry .highlight {position: absolute;height: 60%; width: 100px; top: 25%; left: 0;pointer-events: none;opacity: 0.5;} */
/* input:focus ~ .highlight {animation: inputHighlighter 0.3s ease;} */

.inquiry .button {position: relative;padding: 15px 24px;margin: .3em 0 1em 0;width: 100%;vertical-align: middle;color: #fff;line-height: 20px;-webkit-font-smoothing: antialiased;text-align: center;letter-spacing:-1px;background: transparent;border: 0;cursor: pointer;transition: all 0.15s ease;}

.inquiry .autoCodeWrap:after{content:'';display:block;clear:both;}
.inquiry .autoCodeWrap>div {float:left; display:inline-block;}
.inquiry .autoCodeWrap>.autoCode {width:20%;letter-spacing:1px;}
.inquiry .autoCodeWrap>div:last-child {width:80%;height: 20px;line-height: 20px;}
.inquiry .autoCodeWrap>.autoCode>span {color:#ff4000 !important; font-weight:700 !important;font-style:Italic !important;}


/* ************************ 태블릿 이하(~1024) ************************ */
@media (max-width: 1024px) {
	
	
}


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