@charset "utf-8";


.online {}
.online-form {}
.online-form-tit {padding:0 0 14px; display:flex; gap:30px; align-items:end;}
.online-form-tit h3 {}
.online-form-tit p {}
.online-form-wrap {padding:50px; border-width:1px 0; border-style:solid; border-color:#e5e5e5;}
.online-form-input {gap:10px 80px; display:flex; flex-wrap:wrap; align-items:center;}
.online-form-input .formGroup {width:calc((100% - 80px)/2); display:flex; align-items:center;}
.online-form-input .formGroup .label {width:100px; color: #000;font-weight: 500; line-height:50px; position:relative;}
.online-form-input .formGroup .label sup {left:-10px; top:-5px; position:absolute;}
.online-form-input .formGroup .inputWrap  {width:calc(100% - 100px);}
.online-form-input .formGroup .inputWrap input {width:100%;}

.online-form-agree {}
.online-form-agree p {color: #000;font-weight: 500;}
.online-form-agree .agreeBox {margin:10px 0; height:200px; color: #000; border: 1px solid #ddd; font-size:var(--fs14);font-weight: 500; overflow-y:auto; border-radius:5px;}
.online-form-agree .agreeBox pre {padding:30px; background:#f7f7f7;}
.online-form-agree .agreeBox pre  {
	font-family:var(--f_Pretendard), sans-serif; color:#000;
	font-size:var(--fs16); line-height:2; font-weight:400;
	margin: 0; padding: 30px;
	word-break: keep-all;
	overflow: hidden;
	word-wrap: break-word;
	white-space: pre-wrap; 
}

.online-form-btn {}
.online-form-btn button {}
.online-form-btn button.submit {}
.online-form-btn button.cancel {}


@media (max-width: 1199px) {
	
	
	.online-form-wrap {padding:30px;}
	
	.online-form-input {flex-direction:column;}
	.online-form-input .formGroup {width:100%;}
	
	
	
	
	
	
	
	
	
	
	
	
	
}

@media (max-width: 767px) {
	
	.online-form-wrap {padding:20px 0;}
	.online-form-tit {padding:0 0 10px; flex-direction:column; gap:5px; align-items:start;}
	
	.online-form-input {gap:5px;}
	.online-form-input .formGroup .label {line-height:40px;}
	
	.online-form-agree .agreeBox {margin:5px 0; height:160px;}
}