.wrap{background-color:#fff;}

/* signup */
section.signup{ background-color:#fff; margin:80px 0 160px;}
.signup .inner{width:100%; margin: 0 auto; padding:0 20px;}
.signup_form ul li{padding-top:24px;}
.signup_form ul li:first-child{padding-top:0;}
.signup_form ul li:before, .signup_form ul li:after{clear:both; content:''; display:block;}
.signup_form ul li .insert.w50{width:50%; float:left;}
.signup_form ul li .insert{position: relative;}
.signup_form ul li input{font-size:14px; width:100%; height:44px; padding:8px; border:1px solid transparent; background-color:#f4f4f4; margin:6px 0;}
.signup_form ul li input::placeholder{font-size:14px;}
.signup_form ul li input:read-only, .signup_form ul li input:read-only::placeholder{color:#222;}
.signup_form ul h2{text-align: left; padding-bottom:4px; font-size:13px; font-weight: 500; color:#777;}
.signup_form ul li span.sub_btn{cursor:pointer; position: absolute; top:50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%);
    min-width: 88px; right:0; text-align: center; 
    font-size: 0.85em; background:#777; height:44px; line-height: 43px;
    color:#fff; cursor: pointer;}

/* textarea */
.signup_form ul li textarea{background-color: #f4f4f4; width: 100%; min-height:176px; height:auto; border:0px solid transparent; resize: none; margin:4px 0; color:#777;}

/* select */
.signup_form ul li select{width: 100%;  height:44px; border:1px solid transparent; border-bottom:1px solid #ddd; margin:4px 0; color:#777;}
.signup_form ul li select option{}
.signup_form ul li p.input_title {text-align: left; font-size:0.85em; font-weight: 500;}

/* 오입력시 알림 */
.signup_form ul li p.essencial{font-size:0.8em;  position: absolute;}
.signup_form ul li p.essencial.error{color:#ff5d00;}

em.im{color:#ff5d00; font-size:1.35em; margin-left:4px; font-weight: 700; line-height: 1;}


.btn-container .btn{width: 100%;}
.btn-container .btn:hover{letter-spacing: 0;}

/* row */
.signup .row{margin-left: -5px; margin-right: -5px;}
.signup .row > li{padding:5px;}

/* 약관동의 */
.term-txt{padding:16px; font-size:.8em; height:180px; overflow-Y: scroll; border:1px solid #d1d1d1; background-color:#fff;}

/* login */
.login_form{border-top:0;}

.txt-btn-container > span{display: inline-block; font-size:0.85em;}
.txt-btn-container > span:hover{color:#999;}


.login-btn-container > li:first-child{margin-top:0}
.login-btn-container > li{margin-top:16px;}


/* 2020-04-22 */
.inpbox{max-width: 414px;}
.insert-wrap{ display: -webkit-box; display: -ms-flexbox; display: flex;}
.insert-wrap > .insert{width: 100%; position: initial !important;}
.dash{-webkit-box-flex: 0; -ms-flex: none; flex: none; width: 22px; line-height: 54px; text-align: center;}

.btnbx{position: relative; max-width: 414px; line-height: 56px; padding-right:112px;}
input[type="button"]{cursor: pointer;}
.btnbx input[type="button"]{position: absolute; top: 0; right: 0; width: 102px; font-size: 12px; text-align: center; border-radius: 44px; background-color: #fff; border:1px solid #999;}

/* 2020-05-08 */
.certify_insert-wrap{padding:20px 48px 32px; border:1px solid #ddd;}
.signup_form .sub_txt-wrap{position: absolute; top:50%; transform: translateY(-50%); -ms-transform: translateY(-50%); right:104px;}
.signup_form .sub_txt-wrap .sub_txt{font-size:0.85em;}
.signup_form .sub_txt-wrap .sub_txt.time{color:#ff5d00; font-weight: 600;}

/* ********************************************* *
 * 1024px max
 * ********************************************* */
 @media (max-width:1024px){
     

    .wrap{background-color:#fff;}
    .signup .inner{padding-left:0; padding-right:0;}

    .certify_insert-wrap{padding:0; border:0;}
    

 }