.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:#2d2b29; border:0; transition: 0.5s all ease; }
.online_wrap .online_bt .btn_ok:hover {  color:#fff; background-color:#eb7a34; 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; }

.inq_page_tab {
  display: flex;
  justify-content: center;
  max-width: 1300px;
  margin: 40px auto 0;
}
.inq_page_tab li {
  flex: 1;
  max-width: 325px;
  background-color: #fff;
}
.inq_page_tab li:not(:first-child) {
  margin-left: -1px;
}
.inq_page_tab li a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 56px;
  padding: 0 12px;
  font-size: 16px;
  line-height: 1.2;
  text-align: center;
  border: 1px solid #ddd;
  box-sizing: border-box;
  word-break: keep-all;
}
.inq_page_tab li a:hover {
  color: #ea7933;
}
.inq_page_tab li a.active {
  position: relative;
  z-index: 1;
  background-color: #ea7933;
  border-color: #ea7933;
  color: #fff;
}

.btn_home_wrap {
  margin: 40px 0;
  text-align: center;
}
.btn_go_home {
  display: inline-block;
  border: 1px solid #333;
  background-color: #333;
  padding: 10px 18px;
  color: #fff;
  text-align: center;
  font-size: 16px;
}
.card_btn1 {display: inline-block; border: 0px; background-color: #F3782D; padding: 11px 30px; color: #fff; text-align: center; font-size: 16px; margin-right:4px;}

/* 반응형 중간기기 1200px 사이즈 이하*/
@media all and (max-width:1200px){
  .inq_page_tab {
    width: 96%
  }
  .inq_page_tab li a {
    height: 52px;
    font-size: 14px;
  }

}


/* 반응형 중간기기 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%; }

  .inq_page_tab {
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: 12px;
    background-color: #eee;
  }
  .inq_page_tab li {
    flex: 0 0 50%;
    width: 50%;
    max-width: none;
  }
  .inq_page_tab li:nth-child(odd) {
    margin-left: 0;
  }
  .inq_page_tab li:nth-child(even) {
    margin-left: -1px;
  }
  .inq_page_tab li:nth-child(n+3) {
    margin-top: -1px;
  }
}



/* 반응형 중간기기 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) {


}