/*공통*/
.form_wrap h2,
.form_wrap p,
.form_wrap span{margin:0; padding:0;}

.form_wrap{width:1200px; margin:0 auto;}
.form_wrap table{width:100%; margin:0 auto; padding:0; border-collapse:collapse;}
.form_wrap th,td{font-family:"Noto Sans KR"; padding:18px 0; text-align:left;}
.form_wrap th{font-size:18px; font-weight:500; color:#222}
.form_wrap th span{color:red; position:relative; top:4px;}

.inner96{width:96%; margin:0 auto;}
.inner96 h2,
.inner96 h3,
.inner96 p{font-family:"Noto Sans KR"; margin:0; padding:0;}
.inner96 h2{font-size:42px; font-weight:700; color:#000; letter-spacing:0.4; margin-bottom:10px;}
.inner96 > p{font-size:16px; color:#878787;}
.inner96 h3{font-size:22px; font-weight:600; margin-bottom:20px; padding-bottom:10px; border-bottom:2px solid #000}
.inner96 h3.stit{margin-top:80px;}

.btn_wrap{text-align:right; margin-top:50px;}
.btn_style3{font-family:"Noto Sans KR"; font-size:20px; font-weight:600; width:180px; height:50px; background-color:#222; color:#fff; cursor:pointer; border:none; transition:all 0.3s ease-out;}
.btn_style3:hover{border:1px solid #222; background:#fff; color:#222;}


.form_content{margin-top:1.215rem;}

/*폼공통*/
.form_w5 {width:5% !important;}
.form_w10 {width:10% !important;}
.form_w15 {width:15% !important;}
.form_w20 {width:20% !important;}
.form_w25 {width:25% !important;}
.form_w30 {width:30% !important;}
.form_w35 {width:35% !important;}
.form_w40 {width:40% !important;}
.form_w45 {width:45% !important;}
.form_w50 {width:50% !important;}
.form_w55 {width:55% !important;}
.form_w60 {width:60% !important;}
.form_w65 {width:65% !important;}
.form_w70 {width:70% !important;}
.form_w75 {width:75% !important;}
.form_w80 {width:80% !important;}
.form_w85 {width:85% !important;}
.form_w90 {width:90% !important;}
.form_w95 {width:95% !important;}
.form_w100 {width:100% !important;}

.form_wrap input,
.form_wrap select,
.form_wrap textarea,
.form_wrap button{vertical-align:middle;}
.form_wrap input:focus{outline:none;}
.form_wrap select:focus{outline:none;}
.form_wrap textarea:focus{outline:none;}
.form_wrap button:focus{outline:none;}

/*text*/
.form_wrap input[type="text"],.form_wrap input[type="tel"],.form_wrap input[type="email"]{font-family:"Noto Sans KR"; font-size:16px; color:#222; width:100%; height:45px; border:none; border-bottom:1px solid rgba(0,0,0,0.3); transition:all 0.3s ease-out; box-sizing:border-box; -webkit-box-sizing:border-box;}
.form_wrap input[type="text"]::-webkit-input-placeholder,.form_wrap input[type="tel"]::-webkit-input-placeholder,.form_wrap input[type="email"]::-webkit-input-placeholder {color:#7e7c7c;}
.form_wrap input[type="text"]:-input-placeholder,.form_wrap input[type="tel"]:-input-placeholder,.form_wrap input[type="email"]:-input-placeholder {color:#7e7c7c;}
.form_wrap input[type="text"]:-ms-input-placeholder,.form_wrap input[type="tel"]:-ms-input-placeholder,.form_wrap input[type="email"]:-ms-input-placeholder {color:#7e7c7c;}
.form_wrap input[type="text"]::-moz-input-placeholder,.form_wrap input[type="tel"]::-moz-input-placeholder,.form_wrap input[type="email"]::-moz-input-placeholder {color:#7e7c7c;}
.form_wrap input[type="text"]:focus,.form_wrap input[type="tel"]:focus,.form_wrap input[type="email"]:focus{border-bottom:1px solid rgba(0,0,0,1);}

/*textarea*/
.form_wrap textarea{font-family:"Noto Sans KR"; width:65%; height:80px; border:1px solid #ddd; border-radius:15px; padding:18px; font-size:16px; resize: none;  overflow-y: overlay;
box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.form_wrap textarea:focus{border:1px solid rgba(0,0,0,1);}

.form_wrap textarea::-webkit-scrollbar {
    width: 14px;
    height: 14px;
}

.form_wrap textarea::-webkit-scrollbar-thumb {
    outline: none;
    border-radius: 10px;
    border: 4px solid transparent;
    box-shadow: inset 6px 6px 0 rgba(0, 0, 0, 1);
}

.form_wrap textarea::-webkit-scrollbar-track {
    box-shadow: none;
    background-color: transparent;
}
.etc{position:relative;}
#etc_cnt{width:65%; text-align:right; font-family:"Noto Sans KR"; color:#666; padding-right:20px; box-sizing:border-box; position:absolute; bottom:30px; left:0;}


/*미디어쿼리*/
@media screen and (max-width:1200px){
	.form_wrap{width:100%; margin:0 auto;}
}
@media screen and (max-width:768px){
	.form_w65 {width:90% !important;}
	.form_wrap textarea{width:90%;}
	#etc_cnt{width:90%;}
}
@media screen and (max-width:580px){
	.form_wrap th{font-size:16px;}
}
@media screen and (max-width:540px){
	.form_wrap td{padding:18px 15px}
	.btn_wrap{text-align:center;}
}
@media screen and (max-width:480px){
	.inner96 > p{font-size:15px; word-break:keep-all}
	.form_wrap th{font-size:15px; word-break:keep-all}
	.form_w65 {width:100% !important;}
	.form_wrap textarea{width:100%;}
	#etc_cnt{width:100%;}
	.inner96 h3.stit{margin-top:60px;}
}
@media screen and (max-width:430px){
	.form_wrap th{position:relative;}
	.form_wrap th span{position:absolute; top:32px; left:-10px;}
	.form_wrap textarea{padding:12px;}
	#etc_cnt{font-size:14px;}
	.inner96 h3{margin-bottom:10px;}
}
@media screen and (max-width:423px){
	.inner96 h2{font-size:35px;}
}
@media screen and (max-width:320px){
	.form_wrap tr{display:flex; flex-direction:column;}
	colgroup col{width:100%;}
	.form_wrap th{padding:5px 0;}
	.form_wrap td{padding:18px 0;}
	.form_wrap th span{position:absolute; top:0px; left:-10px;}
}