@charset "utf-8";

.areaWrap{max-width:700px;margin:0 auto;padding-bottom:1em;box-shadow:0px 2px 5px rgba(0, 0, 0, .2)}

#header{position:relative;}
#header .logo{position:absolute;top:3%;right:3.5%;width:15%;}

#container{padding:1.063em 3.125em 3.125em;word-break:keep-all;}
#container .top-txt{margin-bottom:1em;font-size:0.875em;font-weight:bold;text-align:center;line-height:1.5;letter-spacing:-1px;}
#container .top-txt span{color:#92c56d}
#container .grayBox{background:#f4f4f4;}
#container .grayBox.gB-big{padding:1.063em 2.375em;font-size:1.25em;font-weight:800;line-height:1.3;text-align:center;}
#container .grayBox.gB-small{margin-top:.4em;padding:1.063em 1.375em;font-size:.875em;line-height:1.7;}

#container .inputArea{padding-bottom:3em;border-bottom:1px solid #ededed;}
#container .inputWrap{padding-top:3.75em}
#container .inputWrap.first{padding-top:2em;}
#container .inputTitle{margin-bottom:.625em;font-size:1.125em;;font-weight:800;}
#container .err-msg{margin-top:.625em;font-size:.85em;color:#d0021b}
#container select{padding: 0 1em;background: url(../images/client/select-arrow.png)100% 50%/25px no-repeat;}

#container .inputWrap .certify{position:relative;margin-top: 1em;}
#container .inputWrap .certify .time {position:absolute;top:17px;right:5%;color:#d0021b;font-size:.85em}

#container .select-half{overflow:hidden;}
#container .select-half select{float:left;width:calc(50% - .5em);}
#container .select-half select:first-child{margin-right:1em;}
#container .select-half select::after{display:block;content:"";clear:both;}
#container .phone-inner{overflow:hidden;margin-bottom:1em;}
#container .phone-inner a{display:inline-block;width:30%;height:50px;background:#92c56d;color:#fff;font-weight:700;text-align:center;line-height:50px;}
#container .pN-area{float:left;width:calc(70% - 1em);margin-right:1em;}
#container .pN-area::after{display:block;content:"";clear:both;}
#container .pN-area input, #container .pN-area select{float:left;width:30%;box-sizing:border-box;}
#container .pN-area input:focus, #container .pN-area select:focus{border:1px solid #92c56d}
#container .pN-area select{padding:0 1em;background:url(../images/client/select-arrow.png)100% 50%/25px no-repeat;}
#container .pN-area span{float:left;display:block;width:calc(5% - 10px);height:1px;margin:24px 5px 0 5px;background:#999;}

#container .agreeWrap{padding-top:3em;}
#container .grayTxt{color:#999;font-size:.85em;line-height:1.6;}
#container .grayTxt.title{padding-left:2.2em;}
#container .grayTxt.noti{padding-top:1em;}
#container .grayTxt.noti:before{content:"※";display:inline-block;}

#container .agree-check input[type="checkbox"]{display: none;}
#container .agree-check input[type="checkbox"] + span{display:inline-block;width:25px;height:25px;margin-right:5px;background:url(../images/client/check-off.png)50%/25px no-repeat;cursor:pointer;vertical-align:-7px;}
#container .agree-check input[type="checkbox"]:checked + span{background:url(../images/client/check-on.png)50%/25px no-repeat;}
#container .agree-check:after {display:block; clear:both; content:"";}
#container .agree-check label{font-size:1.125em;;font-weight:800;vertical-align:2px;}
#container .agree-check label span{color:#92c56d;font-size:.85em;font-weight:400;}
#container .agree-check label span.gray{color:gray}
#container .agree-check .box{overflow-y:scroll;height:120px;margin-top:.625em;padding:1em;border:1px solid #ccc;}
#container .agree-check .box p {font-size:.85em;line-height:1.7}
#container .agree-check.second{margin-top:3.75em;}

#container .grayBtn{display:block;margin-top:3.5em;padding:.77em 0;background:#9b9b9b;font-size:1.5em;font-weight:800;color:#fff;text-align:center;transition:.3s;}
#container .grayBtn.on{background:#92c56d}

#container select {color:#999}

#footer{padding:0 3.125em;color:#999;font-size:.875em;line-height:1.5;letter-spacing:-.2px;}
#footer a{color:#333;}


@media only screen and (max-width: 480px)  {
#container{padding:1.063em 1.5em 2.2em;}
#container .grayBox.gB-big, #container .grayBtn{font-size:.95em;}
#container .grayBox.gB-small{margin-top:.4em;padding:1.063em 1.375em;font-size:.75em;line-height:1.7;}
#container .inputTitle, #container .agree-check label{font-size:.95em;}
input, select{height:45px!important;font-size:.9em!important;}
/*#container .phone-inner input{float:left;width:calc(30% - .5em);margin-right:.5em;}*/
#container .phone-inner a{width:30%;height:45px;line-height:45px;font-size:.9em;}
#container .certify .check_sms_code{width:30%;height:45px;line-height:45px;font-size:.9em;}
#container .inputWrap .certify .time{top:14px}
#container .select-half select{float:none;width:100%;}
#container .select-half select:first-child{margin-right:0;margin-bottom:.5em;}
#container .inputWrap{padding-top:2.8em}, #container .agree-check.second{margin-top:2.8em;}
#container .grayBtn{font-size:1.1em;}
#container .err-msg{font-size:.75em;}
#footer{font-size:.75em;padding:0 1.5em;}
#container .agree-check .box p {font-size:.75em;}
#container .grayTxt{font-size:.75em;}
}



label{position:relative;cursor:pointer}
.checkbox, .radio {overflow:hidden !important;position:relative !important;display:inline-block !important;width:20px !important;height:20px !important; vertical-align:sub;cursor:pointer;float: inherit !important;margin: 0 5px 0 0 !important;background: none !important;}
label:after {content: '';position:absolute;right:100%;bottom:-2px;left:30px;display:block;height:1px;background:#2e3092;transition: .3s}
.checkbox input[type=checkbox], .radio input[type=radio]{width:20px;height:20px;margin:0;padding:0;cursor:pointer;opacity:0}
input[type=checkbox], input[type=radio] {width:20px;height:20px;vertical-align:top;cursor:pointer}
.checkbox i {position:absolute;top:0;left:0;right:0;bottom:0;background:url(../../images/admin/icon/ico-check.png) no-repeat 0 0}
input[type='checkbox']:disabled + i{background:#d8d8d8 url(../../images/admin/icon/ico-check.png) no-repeat 0 -40px}
input[type='checkbox']:checked:disabled + i{background:#d8d8d8 url(../../images/admin/icon/ico-check.png) no-repeat 0 -60px}
.ipt-date{width:150px;background:url(../../images/admin/icon/ico-date.png) no-repeat 95% 50%}
.ipt-time{width:100px !important;background:url(../../images/admin/icon/ico-time.png) no-repeat 90% 50%}
.ipt-px{padding-right:30px !important;text-align:right;}
.ipt-px + span{content:'px';position:relative;margin-left:-25px;margin-right:10px;z-index:1;color:#999999;}
.radio i {position:absolute;top:0;left:0;right:0;bottom:0;background:url(../../images/admin/icon/ico-ipt.png) no-repeat 0 -30px}
input[type='radio']:disabled + i{background:#d8d8d8 url(../../images/admin/icon/ico-radio.png) no-repeat 0 -40px}
input[type='radio']:checked:disabled + i{background:#d8d8d8 url(../../images/admin/icon/ico-radio.png) no-repeat 0 -60px}
.radio input[type=radio]:checked + i{background-position-x:-30px;}
.radio i {position:absolute;top:0;left:0;right:0;bottom:0;background:url(../../images/admin/icon/ico-ipt.png) no-repeat 0 -30px}



.hyper_btn {display: inline-block; width: 30%; height: 50px; background: #92c56d; color: #fff !important; font-weight: 700; text-align: center; line-height: 50px;}
/*#sms_verification_code{ float: left; width: calc(70% - 1em);  margin-right: 1em;} */

#container .greenBtn{display:block;padding:.47em 0;border-radius:1em;background:#92c56d;font-size:1.25em;font-weight:800;color:#fff;text-align:center;}
#container .grayBox.gB-big .iText{border-top:1px solid #cccccc;display:block;margin-top:17px;padding:15px 0;font-weight:300;font-size:0.92em;color:#494949;}



#container .inputTitle.question_title{margin-top:2.2em}
#container .question_check{margin-top:0.6em;}
#container .question_check input[type="checkbox"]{display: none;}
#container .question_check input[type="checkbox"] + span{display:inline-block;width:25px;height:25px;margin-right:5px;background:url(../images/client/check-off.png)50%/25px no-repeat;cursor:pointer;vertical-align:-7px;}
#container .question_check input[type="checkbox"]:checked + span{background:url(../images/client/check-on.png)50%/25px no-repeat;}
#container .question_check:after {display:block; clear:both; content:"";}
#container .question_check label {vertical-align:15px;}
#container .question_check.second{margin-top:1.6em;}
#container .phone-inner .phone_type1{float:left;width:calc(70% - 1em);margin-right:1em;}
#container .pN-area.phone_type2{float: inherit; width: auto; margin-right: 0;}

.question_check p{margin-left:2.2em;color:#999;font-size:.85em;}

.modal-pop{max-width:390px;width:90%;margin:0 auto;background:#fff;text-align:center;border-radius:10px;overflow:hidden;box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.5);}
.modal-pop .pop-con{padding:2.5em 1em;}
.modal-pop i{display:block;width:163px;height:163px;margin:0 auto 1em;background:url(../images/client/popup-img.png)50%/163px no-repeat;}
.modal-pop strong{font-size:1.5em;font-weight:800;line-height:1.8}
.modal-pop p{font-size:1em;letter-spacing:-.3px;}
.modal-pop .close{display:block;background:#92c56d;color:#fff;font-size:1.38em;font-weight:800;line-height:3em;}

.info_text{margin-top:1em;padding-top:1em;border-top:1px solid #ababab;font-size:.94em;
    font-weight: 400;
    letter-spacing: -.8px;
    text-align: center;}