/* -------- 로그인 -------- */
.login_main {display: flex; gap: 45px; flex-direction: column; position: relative; top: 0; width: 100%;}
.login_main .logo {text-align: center;}
.login_form {display: flex; flex-direction: column;}
.login_form form {display: flex; flex-direction: column; gap: 15px;}

.login_form .btn_box {margin-top: 20px;}

/* .login_opt {width: calc(100% - 2.4em); position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); display: block;} */
.login_opt .btn_box {display: flex; flex-direction: column; gap: 10px;}

.login_form .btn_sub {display: flex; align-items: center; padding-top: 10px;}
.login_form .btn_sub span {display: block; width: 50%; text-align: center; font-weight: 400; color: #555; font-size: 15px; border-right: 1px solid #aaa;}
.login_form .btn_sub span:last-child {border-right: none;}



/* -------- 회원가입 -------- */
.join_tit {display: flex; flex-direction: column; gap: 2px; padding-bottom: 40px;}
.join_tit p {font-size: 24px; font-weight: 500; line-height: 1.4;}
.join_tit span {color: #777; font-size: 15px; font-weight: 400;}

.terms_box > .chkbox {padding-bottom: 20px; border-bottom: 1px solid #ddd; margin-bottom: 20px;}

.terms_list {display: flex; flex-direction: column; gap: 15px;}
.terms_box input[type="checkbox"] + label {color: #111;}

input[type="checkbox"] + label.terms {display: flex; align-items: center; gap: 5px;}
input[type="checkbox"] + label.terms.ess span {color: #C0A34F; font-weight: 500;}
input[type="checkbox"] + label.terms.opt span {color: #999; font-weight: 500;}
.terms_con {display: flex; align-items: center; justify-content: space-between;}
.terms_con .chkbox {width: calc(100% - 65px);}
.terms_con .btn_detail {font-size: 13px; color: #888; padding: 5px 0; width: 65px; text-align: right;}

.terms_option {display: flex ; align-items: center; gap: 30px; padding: 20px; border-radius: 5px; background-color: #fafafa; margin-top: 15px;}

/* 약관보기 */
.terms_detail .tit {padding-bottom: 15px;}
.terms_detail .text_box {padding: 12px; background-color: #fafafa;}
.terms_detail .text_box p {font-size: 15px; line-height: 1.5;}

/* 전화번호 */
.phone_box {display: flex; flex-direction: column; gap: 12px;}
.certi_box {position: relative;}
.certi_box span {top: 50%; right: 12px; transform: translateY(-50%); color: #C0A34F; font-size: 16px; font-weight: 700; position: absolute;}
.certi_retry {display: flex; justify-content: center; gap: 10px; padding-top: 30px;}
.certi_retry span {font-size: 13px; color: #555;}
.certi_retry .btn_re {border-bottom: 1px solid #555; padding-bottom: 2px;}

/* 주소 */
.input_btn {display: flex; gap: 10px;}
.input_btn button {width: 110px;}

/* 완료 */
.done_box {position: relative; padding-top: 70px; display: flex; flex-direction: column; align-items: center; gap: 15px;}
.done_box .done_tit {display: flex; flex-direction: column; gap: 6px; word-break: keep-all; text-align: center;}
.done_box .done_tit p {font-size: 22px; font-weight: 500; line-height: 1.4;}
.done_box .done_tit span {font-size: 16px; color: #555; line-height: 1.4;}



/* -------- 아이디 비번찾기 -------- */
.find_box {padding: 30px; border-radius: 10px; background-color: #f7f7f7; width: 100%; margin-top: 5px;}
.find_box .find_info {display: flex; flex-direction: column; align-items: center; gap: 8px;}
.find_box .find_info p {color: #C0A34F; font-weight: 600;}
.find_box .find_info span {font-size: 14px; color: #666;}
.find_box .find_info .btn_copy {font-size: 13px; color: #555; padding-bottom: 2px; border-bottom: 1px solid #555; padding-top: 10px;}