@charset "utf-8";
/* SHINING 독립 사용 */
#online_form{width:1070px;margin:0 auto;padding-top:35px;background:#f7f7f7}
#online_form .tit_wrap {text-align:center}
#online_form .tit_wrap .eng_tit{font-size:12px;color:#8f0000;letter-spacing:2px;font-family:'notokr-bold'}
#online_form .tit_wrap .tit{padding:3px 0 16px;;font-size:23px;color:#333;font-family:'notokr-bold'}
.online_form_wrap{overflow:hidden}
.online_form_wrap form{padding:0 5%;overflow:hidden}
.online_form_wrap ul{overflow:hidden;width:100%}
.online_form_wrap ul li{padding:10px 0;box-sizing:border-box}
.online_form_wrap ul li input, .online_form_wrap ul li textarea {border-radius:3px;border:1px solid #ccc;padding:8px;width:100%;background:rgba(255, 255, 255, 0.85);box-sizing:border-box}
.online_form_wrap ul li input.tel_st{width:32%}
.online_form_wrap ul li textarea{height:94px}

.online_form_wrap ul li.name{float:left;width:39%;margin-right:3%}
.online_form_wrap ul li.tel{float:left;width:58%}
.online_form_wrap ul li .ect_memo{}
.agrees label{font-size:14px;color:#333}
.agrees a{display:inline-block;padding:2px 12px;margin-right:5px;border-radius:3px;font-size:13px;color:#fff;background:#636363;letter-spacing:-0.3px;transition: all .2s ease-in-out;}
.agrees a:hover{background:#222}
.agrees input[type=submit] {width:100%;background:#f8a02d;border:1px solid #ef9624;color:#fff;font-size:16px;padding:12px 0;cursor:pointer;margin:6px 0 40px;border-radius:3px;transition: all .2s ease-in-out;font-family:'notokr-medium'}
.agrees input[type=submit]:hover{background:#e48e1e}