@charset "utf-8";

/* ================================================
  login
==================================================*/
.login .login-form {margin: 30px auto; padding: 0 20px; }
.login .login-form .checkbox {margin-top: 0; }
.login .login-util .btn-bottom li {margin-top: 10px;}

.login .certify_num .form-input.middle {width: calc(100% - 124px); }
.login .certify_num .btn-dark {display: inline-block; width:120px; height: 45px; background-color: #8b8b8b; color: #fff; line-height: 45px; font-size: 16px; font-weight: 500;}
.login .certify_num .guide-time {display: block; margin-top: 2px; font-size: 12px; color: #000; font-weight: 500; text-align: right; }
.login .login-form > .guide {margin-top: 15px; font-size:13px; color: #4A4A4A; text-align: center; } 

/* ================================================
  join
==================================================*/
.join-step01 .join-wrapper {margin-bottom: 50px; }
.join-step01 .join-wrapper .inner {padding: 30px 10px; background-color: #F8F7F8; }
.join-step01 .join-wrapper .agree-all {border-bottom: 1px solid #dcdcdc; }
.join-step01 .join-wrapper .agree-all .checkbox {margin-top:0; margin-bottom: 15px;}
.join-step01 .join-wrapper .checkbox input[type="checkbox"] + label {font-size: 15px;}
.join-step01 .join-wrapper .accordion-box {display: block !important; background-color: #fff; }

.join-step02 .join-wrapper {margin-bottom: 50px;}
.join-step02 .join-wrapper .inner {padding: 30px 10px; background-color: #F8F7F8; }
.join-step02 .join-wrapper .join-box + .join-box {padding-top: 30px; margin-top: 30px; border-top: 1px solid #dcdcdc; }
.join-step02 .join-wrapper .form-dl.birth .small {width: 50px; }
.join-step02 .certify_num .guide-time {display: block; margin-top: 2px; font-size: 12px; color: #000; font-weight: 500; text-align: right; }
.join-step02 .certify_num .btn-dark {display: inline-block; width: calc(100% - 124px); height: 45px; background-color: #8b8b8b; color: #fff; line-height: 45px; font-size: 16px; font-weight: 500;}

.join-step03 .form-dl dt {vertical-align: top; line-height: 43px;}
.join-step02 .form-dl + .guide {margin-top: 10px; box-sizing: border-box; font-size: 12px; color: #333; text-align: right; }

.join-step03 .join-wrapper {margin-bottom: 50px; }
.join-step03 .join-wrapper .inner {padding: 30px 10px; background-color: #F8F7F8; }
.join-step03 .join-wrapper .sns-txt {font-size: 14px; color: #333; font-weight: 400; }
.join-step03 .join-wrapper .input-guide {display: block; padding: 0 5px; font-size: 13px; color: #777; }
.join-step03 .join-wrapper .form-dl + .form-dl {margin-top: 20px; }





/* ================================================
  find idpw
==================================================*/
.find-idpw {}
.find-idpw .join-wrapper {margin-bottom: 50px; }
.find-idpw .idpw-box .tit {font-size: 20px; color: #2c2c2c; font-weight: 700; }
.find-idpw .idpw-box .txt {font-size: 13px; color: #333; font-weight: 400; }
.find-idpw .idpw-box {padding: 30px 10px; background-color: #F8F7F8;}
.find-idpw .idpw-box:nth-child(n + 2) {padding-top: 30px; margin-top: 30px;}
.find-idpw .idpw-box .form-ul {margin-top: 15px; }

/* 비번찾기를 위한 휴대전화 인증 */
.help-certify .join-wrapper {margin-bottom: 50px; background-color: #F8F7F8;}
.help-certify .ertify-box {padding: 30px 10px; }
.help-certify .ertify-box .tit {font-size: 20px; font-weight: 700; color: #2c2c2c; }
.help-certify .ertify-box .txt {font-size: 13px; font-weight: 400; color: #333; }
.help-certify .form-ul {padding-bottom: 30px;  }
.help-certify .form-li.call .form-input:first-child {margin-left: 0; }

.help-certify .ertify_num:after {content: ''; display:  block; clear: both; visibility: hidden;}
.help-certify .ertify_num .form-input {float: left; width: 50%; }
.help-certify .ertify_num .form-input + .btn-dark {display: block; float: left; width: calc(50% - 10px); margin-left: 10px; height: 45px; background-color: #8b8b8b; color: #fff; line-height: 45px; font-size: 16px; font-weight: 500; text-align: center; }
.help-certify .ertify_num .guide-time {display: block; margin-top: 2px; font-size: 12px; color: #000; font-weight: 500; text-align: right; clear: both;}
.help-certify .ertify_num + .guide {margin-top: 10px; box-sizing: border-box; font-size: 12px; color: #333; text-align: right; }

.help-certify .btn-bottom-group {margin: 0 auto; }