.online_wrap { width:100%; max-width:1400px; margin:0 auto; }
.online_wrap:after{ content:""; display:block; clear:both;}
.online_wrap h2.online_title { display:block; font-size:1.5em; font-weight:700; color:#000; line-height:1em; letter-spacing:-0.05em;} 
.online_wrap h2.online_title p {display:inline-block; }
.online_wrap h2.online_title span.red { padding-left:5px; color: #e80300; }
.online_wrap .online_box {width:100%; padding-top:15px; margin-top:25px; border-top:1px solid #000; }
.online_wrap .online_box:after{ content:""; display:block; clear:both;}
.online_wrap .online_box ul {width:100%; margin:0; padding:0;}
.online_wrap .online_box ul li {float:left; width:100%; padding:10px 20px; border-bottom:1px solid #ddd;}
.online_wrap .online_box ul li:last-child {margin-right:0;}
.online_wrap .online_box ul li dl {width:100%; font-size:0; vertical-align:top;}
.online_wrap .online_box ul li dl dt {width:12%; display:inline-block; }
.online_wrap .online_box ul li dl dt span { display:inline-block; vertical-align:middle; font-size:1.1em; color:#272727; }
.online_wrap .online_box ul li dl dt span.red { padding-left:5px; color: #e80300; }
.online_wrap .online_box ul li dl dd {width:88%; display:inline-block; vertical-align:middle;}
.online_wrap .online_box ul li dl dd input[type=text],.online_wrap .online_box ul li dl dd input[type=date]{ width:100%; max-width:460px; height:50px; font-size:1em; padding:0 20px; background-color:#fff; border:1px solid #ddd; box-sizing:border-box;}
.online_wrap .online_box ul li dl dd input::placeholder {color:#a2a2a2; }
.online_wrap .online_box ul li dl dd input[type=checkbox] { width:16px; height:50px; }
.online_wrap .online_box ul li dl dd input[type=radio] { width:16px; height:50px; }
.online_wrap .online_box ul li dl dd label {display:inline-block; padding:0 25px 0 5px; cursor:pointer; }
.online_wrap .online_box ul li dl dd select{width:100%; max-width:460px; height:50px; line-height:50px; text-indent:8px; color:#000; font-size:1em; background-color:#fff; border:1px solid #ddd; box-sizing:border-box; background-color:#fff;}
.online_wrap .online_box ul li dl dd .filebox {width:100%; }
.online_wrap .online_box ul li dl dd .filebox:after{content:""; display:block; clear:both;}
.online_wrap .online_box ul li dl dd .filebox .file_name { float:left; width:30%; height:50px; line-height:50px; font-size:1em; color:#000; padding:0 20px; border:0; background-color:#fff;}
.online_wrap .online_box ul li dl dd .filebox .file_name input::placeholder {color:#a2a2a2; }
.online_wrap .online_box ul li dl dd .filebox label { float:left; width:100px; text-align:center; margin:0; padding:0; height:50px; line-height:50px; background:#666; border:1px solid #bcbcbc; border-radius:4px; cursor:pointer; }
.online_wrap .online_box ul li dl dd .filebox label span {text-align:center; font-size:1em; color:#fff; }
.online_wrap .online_box ul li dl dd .filebox input[type=file] { position: relative; width:0; height: 0;  padding: 0; overflow: hidden;  border: 0;  opacity:0; cursor:pointer;	filter:alpha(opacity=0);	-ms-filter:"alpha(opacity=0)"; 	-moz-opacity:0;}
.online_wrap .online_box ul li dl dd .file_mark {display:inline-block; color:#272727; font-size:1em; line-height:1.5em; margin-left:20px; margin-top:15px;}
.online_wrap .online_box ul li dl dd .file_mark span.reference {display:inline-block; color:#d36651 !important; }
.online_wrap .online_box ul li dl dd textarea { width:100%; height:150px; font-size:1em; padding:15px 20px; resize:none; border:1px solid #e5e5e5;  box-sizing:border-box; background-color:#fff;}
.online_wrap .online_box ul li dl dd textarea::placeholder {color:#a2a2a2; }
.online_wrap .online_box ul li.w50 {float:left; width:50%; }
.online_wrap .online_box ul li.w50 dl dt {width:24.5%; display:inline-block; }
.online_wrap .online_box ul li.w50 dl dd {width:75.5%; display:inline-block; }
.online_wrap .agree {width:100%; text-align:center; margin:25px 0 40px 0; font-size:1.25em; }
.online_wrap .agree .agree_list { margin-bottom:15px; padding:25px ; border:8px solid #e0e0e0; box-sizing:border-box; height:240px; overflow:auto;}
.online_wrap .agree label {display:inline-block; vertical-align:middle; color:#272727; font-size:0.85em; cursor:pointer;}
.online_wrap .online_bt {width:100%; text-align:center; margin-top:50px;}
.online_wrap .online_bt .btn_ok { display:inline-block;  width:180px; height:45px; line-height:45px; font-size:1.25em; color: #fff;  text-align:center; background-color:#26504e; border:0; transition: 0.5s all ease; }
.online_wrap .online_bt .btn_ok:hover {  color:#fff; background-color:#af941b; cursor:pointer; transition: 0.5s all ease;}
.online_wrap .online_bt a.btn_cancel {display:inline-block; width:180px; height:45px; line-height:45px; font-size:1.25em; color:#fff; text-align:center; background:#999; border-radius:0px; transition: 0.5s all ease; }


/* 반응형 중간기기 1200px 사이즈 이하*/
@media all and (max-width:1200px){


}


/* 반응형 중간기기 992px 사이즈 이하*/
@media all and (max-width:992px){	

	.online_wrap .online_box ul li dl dt {width:25%;}
	.online_wrap .online_box ul li dl dd {width:75%;}
	.online_wrap .online_box ul li dl dd .filebox .file_name { width:75%;}
	.online_wrap .online_box ul li dl dd .filebox label {width:25%;}
	.online_wrap .online_box ul li dl dd .file_mark { width:100%; margin-left:0;}
	.online_wrap .online_box ul li.w50 { width:100%; }
	.online_wrap .online_box ul li.w50 dl dt {width:25%;}
	.online_wrap .online_box ul li.w50 dl dd {width:75%;}
	.online_wrap {padding:0 2%; }
}



/* 반응형 중간기기 768사이즈 이하 */
@media screen and (max-width: 768px) {		
	
	.online_wrap .online_box ul li{padding:10px 0;}
	.online_wrap .online_box ul li dl dt {width:100%;}
	.online_wrap .online_box ul li dl dd {width:100%;}
	.online_wrap .online_box ul li dl dd input[type=checkbox],  .online_wrap .online_box ul li dl dd input[type=radio]{ height:auto; }
	.online_wrap .online_box ul li dl dd select.yesan {width:100%;}
	.online_wrap .online_box ul li dl dd .filebox .file_name { width:65%;}
	.online_wrap .online_box ul li dl dd .filebox label {width:35%;}
	.online_wrap .online_box ul li.w50 dl dt {width:100%;}
	.online_wrap .online_box ul li.w50 dl dd {width:100%;}
	.online_wrap .online_box ul li dl dd input[type=text]{max-width:100%;}

}



/* 반응형 작은기기 480사이즈 이하 */
@media screen and (max-width: 480px) {
	
	.online_wrap .online_bt .btn_ok{width:120px;}
	.online_wrap .online_bt a.btn_cancel {width:120px;}

}



/* 반응형 작은기기 360사이즈 이하 */
@media screen and (max-width: 360px) {	

	
}