/* --------------------------------login common-------------------------------- */
section {padding: 10rem 0 6.556rem 0;}
section .inner {max-width: 360px;}
section .title {margin-bottom: 3.667rem; text-align: center; font-weight: 800; font-size: 1.889rem; color: #2B2B2B;}
section .sub_title {margin-bottom: 0.714rem; font-size: 1rem; color: #3A3A3A; font-weight: 600; text-align: center;}
section .desc {margin-bottom: 2.444rem; line-height: 167%; text-align: center; font-size: 1rem; color: #3A3A3A; font-weight: 300;}
section .btn_wrap a,
section .btn_wrap button {display: block; width: 100%; height: 3.556rem; line-height: 3.556rem; background-color: #2D2D2D; color:#ffffff; text-align: center; font-weight: 700; font-size: 1rem;border-radius:10px}

section .btn_wrap_02 a,
section .btn_wrap_02 button {display: block; width: 100%; height: 3.556rem; line-height: calc(3.556rem - 2px); background-color: #FFFFFF; color:#2D2D2D; text-align: center; font-weight: 700; font-size: 1rem; border: 1px solid #2D2D2D; box-sizing: border-box;border-radius:10px}

section .input_wrap input {width: 100%; height: 3.111rem; padding: 1rem 0.889rem; background-color: #F5F5F5; border: 0px; font-size: 0.889rem; font-weight: 300;border-radius:4px}

section .sns_box ul {display: flex; justify-content: center; align-items: center;}
section .sns_box li:not(:last-child) {margin-right: 1.778rem;}
section .sns_box a {display: flex; align-items: center;}
section .sns_box li figure {width: 3rem; height: 3rem;}
section .sns_box li:nth-child(1) figure {background: url(/front/images/common/icon_kakao_login.png) no-repeat center/cover;}
section .sns_box li:nth-child(2) figure {background: url(/front/images/common/icon_naver_login.png) no-repeat center/cover;}
section .sns_box li span {display: block; margin-left: 0.556rem; font-size: 0.889rem; color: #555555;}

[id^="popup_find"] .in_layer_box {width: 92%; max-width: 340px; padding: 1.944rem 1.778rem; background-color: #ffffff;}
[id^="popup_find"] .title {margin-bottom: 1.25rem; font-size: 1rem; font-weight: 300; line-height: 167%; text-align: center; color: #3A3A3A;}
[id^="popup_find"] .btn_confirm {width: 5.556rem; height: 2.444rem; border: 1px solid #6C6C6C; color: #6C6C6C; font-size: 0.889rem;border-radius:10px}
@media screen and (max-width:767px) {
    section {padding: 8.5rem 0 5.5rem 0;}
    section .inner {max-width: none;}
    section .title {font-size: 1.571rem;}
    [id^="popup_find"] .in_layer_box {max-width: 300px; padding: 2.143rem 1.778rem;}
}/* sm */
/* --------------------------------login common end-------------------------------- */


/* --------------------------------login_sec-------------------------------- */
.login_sec .input_wrap  {margin-bottom: 0.833rem;}
.login_sec .save_wrap {display: flex; align-items: center; margin-top: 1.389rem;}
.login_sec .ck_wrap {margin-right: 1.278rem;}
.login_sec .ck_wrap input[type="checkbox"] + label {font-size: 0.889rem;}
.login_sec .btn_wrap {margin: 1.222rem 0 1.944rem 0;}
.login_sec .sns_box {margin-bottom: 3.889rem;}
.login_sec .sns_box h3 {position: relative; margin-bottom: 0.833rem; text-align: center;}
.login_sec .sns_box h3 span {position: relative; padding: 0 0.5rem; color: #AFAFAF; font-size: 0.889rem; font-weight: 400; background-color: #ffffff; z-index: 10;}
.login_sec .sns_box h3::after {content: ""; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background-color: #EBEBEB;}
.login_sec .join_box {margin-bottom: 1rem;display: block;width: 100%;height: 3.556rem;line-height: 3.556rem;background-color: #fff;color: #2D2D2D;border:1px solid #2D2D2D;text-align: center;font-weight: 700;font-size: 1rem;border-radius:10px}

.login_sec .find_box {display: flex; }
.login_sec .find_box li:not(:last-child) {position: relative; margin-right: 1.944rem;}
.login_sec .find_box li:not(:last-child)::after {content: ""; position: absolute; right: -1rem; top: 50%; width: 1px; height: 60%; transform: translateY(-50%); background-color: rgba(211, 211, 211, 0.5)}
.login_sec .find_box a {color: #AFAFAF; font-size: 0.889rem;}
/* --------------------------------login_sec end-------------------------------- */


/* --------------------------------find_sec-------------------------------- */
.find_sec .find_menu {display: flex; margin-bottom: 2.389rem;}
.find_sec .find_menu li {flex: 1;}
.find_sec .find_menu a {display: block; width: 100%; height: 2.778rem; line-height: 2.778rem; color: #C5C5C5; border-bottom: 2px solid #C5C5C5; font-size: 1.111rem; text-align: center;}
.find_sec .find_menu li.on a {color: #2D2D2D; border-bottom: 2px solid #2D2D2D; font-weight: 700;}
.find_sec .input_wrap {margin-bottom: 1.611rem;}
/* --------------------------------find_sec end-------------------------------- */


/* --------------------------------join_sec-------------------------------- */
.join_sec_01 .sns_box {margin-top: 4.714rem;}

.join_sec_02 .inner {max-width: 750px;}
.join_sec_02 .sub_title {margin-bottom: 1.111rem;}
.join_sec_02 .ck_wrap input[type="checkbox"] + label {font-size: 0.889rem;}


.join_sec_02 .agree_all_wrap {margin-bottom: 1.111rem; padding-bottom: 1rem; border-bottom: 1px solid #E8E8E8;}
.join_sec_02 .agree_all_wrap .ck_wrap {width: 10.6rem; margin: 0 auto;}
.join_sec_02 .bg {padding: 1.786rem 0; background-color: #F8F8F8;}
.join_sec_02 .agree_wrap {position: relative; max-width: 360px; margin: 0 auto;}
.join_sec_02 .agree_wrap:not(:last-child) {margin-bottom: 1.444rem;}
.join_sec_02 .agree_wrap input[type="checkbox"] + label {color: #555555;}
.join_sec_02 .agree_wrap .btn_more {position: absolute; right: 0; top: 50%; transform: translateY(-50%); border-bottom: 1px solid #AFAFAF; color: #AFAFAF;}
.join_sec_02 .btn_wrap {max-width: 360px; margin: 3.333rem auto 0;}

.join_sec_03 .sub_title {margin-bottom: 1.389rem; text-align: center; }
.join_sec_03 .btn_wrap {margin-bottom: 0.833rem;}

.join_sec_04 .sub_title {margin-bottom: 0.556rem; text-align: left;}
.join_sec_04 li:not(:first-child) {margin-top: 1.389rem;}
.join_sec_04 .input_wrap {position: relative;}
.join_sec_04 .veri_wrap input {padding-right: 4.5rem;}
.join_sec_04 .input_wrap .btn_veri {position: absolute; right: 0.889rem; top: 50%; padding: 0.5rem 0; font-weight: 700; color: #666666; font-size: 0.889rem; transform: translateY(-50%);}
.join_sec_04 li.pw_wrap {margin-top: 0.556rem;}
.join_sec_04 .pw_confirm {margin-top: 0.556rem;}
.join_sec_04 .pw_confirm span {display: inline-block; margin-right: 0.25rem; font-size: 0.889rem; color: #AFAFAF; font-weight: 500;}
.join_sec_04 .pw_confirm span.on {font-weight: 600;}
.join_sec_04 .btn_wrap {margin-top: 3.333rem;}
.join_sec_04 .email_auth_area { margin-top: 0.556rem; display: none;}

.join_sec_05 .inner {max-width: 750px;}
.join_sec_05 .sub_title {margin-bottom: 0.556rem; font-size: 1.111rem;}
.join_sec_05 .desc {margin-bottom: 1.389rem; font-weight: 600; color: #777777; font-size: 1.111rem;}
.join_sec_05 .box {max-width: 360px; margin: 0 auto;}
.join_sec_05 .top {margin-bottom: 2.778rem;}
.join_sec_05 .bot {padding-top: 2.778rem; border-top: 1px solid #E8E8E8;}
.join_sec_05 .bot .sub_title {margin-bottom: 0.883rem; line-height: 170%;}
.join_sec_05 .bot .desc {margin: 0.556rem 0 0; font-size: 1rem; font-weight: 400;}

.join_sec_06 .inner {max-width: 750px;}
.join_sec_06 .sub_title {margin-bottom: 0.556rem; font-size: 1.111rem; font-weight: 700;}
.join_sec_06 .desc {margin-bottom: 1.389rem; font-weight: 600; color: #777777; font-size: 1.111rem;}
.join_sec_06 .login_info {margin-bottom: 3.611rem; padding: 3.611rem 0; border-top: 1px solid #2B2B2B; border-bottom: 1px solid #2B2B2B;}
.join_sec_06 .login_info ul {width: 100%; max-width: 360px; margin: 0 auto;}
.join_sec_06 .login_info li {display: flex; font-weight: 700; font-size: 1.111rem;}
.join_sec_06 .login_info li:not(:last-child) {margin-bottom: 0.556rem;}
.join_sec_06 .login_info h4 {width: 4.444rem; color: #2B2B2B;}
.join_sec_06 .login_info p {width: calc(100% - 4.444rem); color: #777777; word-break: bream k-all;}
.join_sec_06 .btn_wrap {max-width: 360px; margin: 0 auto;}

[id^="popup_agree_"] .in_layer_box {width: 92%; max-width: 750px; padding: 3.333rem 2rem; background-color: #ffffff; }
[id^="popup_agree_"] .title_wrap{text-align:left;margin-bottom: 2.222rem;}
[id^="popup_agree_"] .title_wrap .title{font-size:1.11rem;font-weight:800;color:#2B2B2B;text-align:center}
[id^="popup_agree_"] .title_wrap .sub_title{color:#888;font-weight:300}
[id^="popup_agree_"] .cont_wrap{max-height:21rem;margin-top:1.11rem;text-align:left;overflow-y:auto}
[id^="popup_agree_"] .cont_wrap {text-align: left;}
[id^="popup_agree_"] .cont_wrap h3:not(:first-child) {margin-top: 2rem;}
[id^="popup_agree_"] .cont_wrap h3 {font-size:13px;font-weight: 800;color: #3a3a3a}
[id^="popup_agree_"] .cont_wrap p {margin-top: 1rem; font-size:12px; white-space: pre-line; line-height: 160%;color: #3a3a3a}

@media screen and (max-width:767px) {
    .join_sec_02 .sub_title {padding: 0 1.25rem; text-align: left;}
    .join_sec_02 .agree_all_wrap {padding: 0 1rem 1rem;}
    .join_sec_02 .agree_all_wrap .ck_wrap {width: auto;}
    .join_sec_02 .bg {padding: 1rem 1.25rem;}
    .join_sec_02 .btn_wrap {max-width: none;}

    .join_sec_05 .box {max-width: none;}
    .join_sec_06 .login_info {padding: 2.25rem 0;}
    .join_sec_06 .login_info ul {max-width: none;}
    .join_sec_06 .btn_wrap {max-width: none;}

    [id^="popup_agree_"] .cont_wrap{max-height:25rem}
}/* sm */
/* --------------------------------join_sec end-------------------------------- */