/* --------------------------------login_common-------------------------------- */
.inner[data-layout="wd_380"] {max-width:380px}
.inner[data-layout="wd_640"] {max-width:640px}

.login_sec {padding:12.5rem 0}
.login_sec .login_title {margin-bottom:3.75rem; font-size:2.375rem; font-weight:500; text-align:center}

.login_sec form p {width:100%}
.login_sec form > div > p.chk_wrap {display:inline-block; width:auto}
.login_sec form input[type="text"],
.login_sec form input[type="password"] {width:100%; height:3.125rem; padding:0 0.625rem; font-size:0.938rem; border-radius:0.313rem; border:1px solid #E9E9E9}
.login_sec form input::placeholder {color:#666666}

.login_sec .menu_find {display:flex; margin-bottom:2.375rem}
.login_sec .menu_find li {flex:1; text-align:center; border-bottom:1px solid #dddddd}
.login_sec .menu_find li a {position:relative; display:block; padding:0.5rem 0 1.125rem; font-size:1.125rem; font-weight:700; color:#666666}
.login_sec .menu_find li.active a {color:#000000}
.login_sec .menu_find li.active a::after {content:""; position:absolute; left:50%; bottom:0px; width:5rem; height:0.25rem; transform:translateX(-50%); background:#4BC9F1}
.login_sec .desc_find {margin-bottom:3.125rem; font-size:0.938rem; color:#666666; text-align:center}

.login_sec .signup_bar {display:flex; width:100%; height:9px; border-radius:10px; background:#ffffff}
.login_sec .signup_bar li {flex:1; border-radius:10px; background:#BBBBBB; margin-right:9px}
.login_sec .signup_bar li:last-child {margin-right:0}
.login_sec .signup_bar li.active {background:#194CB5}

.login_sec .desc_signup {margin:2.125rem 0; font-size:1.313rem; font-weight:500}
.login_sec .desc_signup_02 {position:relative; margin-bottom:1.625rem; padding-left:3rem; padding-bottom:1.625rem; border-bottom:1px solid #E9E9E9; color:#666666; font-size:0.813rem}
.login_sec .desc_signup_02::before {content:""; position:absolute; left:0; top:50%; width:2.063rem; height:1.938rem; transform:translateY(calc(50% - 2.907rem)); background:url(/images/icon_speaker.svg) no-repeat center /cover}

.login_sec .btn_box .btn_wrap:not(:last-of-type) {margin-bottom:1rem}
.login_sec .btn_blue {background:#194CB5; color:#ffffff; border:none}
.login_sec .btn_disable {position:relative}
/* .login_sec .btn_disable::after {content:""; position:absolute; left:0; top:0; width:100%; height:100%}*/
.login_sec .btn_disable .btn_blue {background:#EEEEEE; color:#666666}
.login_sec .btn_line {border:1px solid #1E2431; color:#1E2431}

.login_sec .btn_back {position:absolute; left:-6.875rem; top:-2.25rem; color:#666666; font-size:0.875rem}
.login_sec .btn_back img {margin-right:0.5rem}
.login_signup_01 .btn_back {display:none}
@media screen and (max-width:1024px) {
  .login_sec .btn_back {left:0}
}/* sm + md */
/* --------------------------------login_common end-------------------------------- */


/* --------------------------------login_login-------------------------------- */
.login_login form {position:relative; padding-bottom:2rem}
.login_login form .email_wrap,
.login_login form .pw_wrap {margin-bottom:0.625rem}
.login_login form .btn_wrap {margin-top:1rem}
.login_login form .find_wrap {/*position:absolute; right:0; bottom:-0.5rem; */text-align:center; margin:1.375rem auto 0}
.login_login form .find_wrap a {font-size:0.875rem; color:#666666}
.login_login form .find_wrap a:last-child::before {content:"|"; display:inline-block; margin:0 0.75rem 0 0.5rem; font-size:0.5rem; color:#666666}
.login_login .btn_join {display:block; width:15.75rem; height:3.938rem; margin:1rem auto 0; background:url(/images/btn_join.png) no-repeat center /auto 100%; line-height:4.5rem; text-align:center; font-size:0.938rem; font-weight:300}
.login_login .btn_join span {font-weight:700}
/* --------------------------------login_login end-------------------------------- */


/* --------------------------------login_findpw-------------------------------- */
.login_findpw .wrapper form .check_email {margin-bottom:0.375rem; color:#FC527F; font-size:0.75rem}
.login_findpw .wrapper form .email_wrap {margin-bottom:1.5rem}
/* --------------------------------login_findpw end-------------------------------- */


/* --------------------------------login_signup_01-------------------------------- */
.login_signup_01 form .chk_wrap {margin-bottom:1.375rem; color:#666666; font-weight:500; font-size:0.938rem}
.login_signup_01 form .chk_wrap:first-child {margin-bottom:1.875rem; padding-bottom:1.875rem; border-bottom:1px solid #E9E9E9}
.login_signup_01 form .chk_wrap:first-child strong {color:#000000; font-weight:500}
.login_signup_01 form .btn_wrap {margin-top:2.688rem}
.login_signup_01 form .btn_popup {position:absolute; right:0; top:0; font-size:0.75rem; color:#000000; border-bottom:1px solid #000000; font-weight:500}
/* --------------------------------login_signup_01 end-------------------------------- */


/* --------------------------------login_signup_04-------------------------------- */
.login_signup_04 form .select_wrap {margin-bottom:1rem}
.login_signup_04 form select {width:100%; height:3.125rem; border:1px solid #1E2431; border-radius:0.313rem; font-size:0.938rem; font-weight:700; text-align:center}
/* --------------------------------login_signup_04 end-------------------------------- */


/* --------------------------------login_signup_05-------------------------------- */
.login_signup_05 form label {display:block; margin-bottom:0.313rem; font-size:0.938rem}
.login_signup_05 .email_wrap {position:relative; margin-bottom:0.625rem}
.login_signup_05 .email_addr_last {position:absolute; right:0.625rem; bottom:0.85rem; font-size:1.125rem; color:#666666}
.login_signup_05 .pw_wrap {margin-bottom:0.25rem}
.login_signup_05 .validation_wrap {margin-bottom:1.5rem}
.login_signup_05 .validation_wrap span {margin-right:0.75rem; color:#666666; font-size:0.75rem}
.login_signup_05 .validation_wrap span::after {content:""; display:inline-block; width:10px; height:8px; margin-left:0.25rem; background:url(/images/icon_sm_ck_01.svg) no-repeat center /cover}
.login_signup_05 .validation_wrap span.active {color:#194CB5}
.login_signup_05 .validation_wrap span.active::after {background:url(/images/icon_sm_ck_02.svg) no-repeat center /cover}
/* --------------------------------login_signup_05 end-------------------------------- */


/* --------------------------------login_complete-------------------------------- */
.login_complete .desc_complete {margin-bottom:2.75rem; font-size:1.063rem; color:#666666; text-align:center}
.login_complete .login_title {margin-bottom:1.25rem}
.login_complete figure {width:11.75rem; margin:0 auto 3.125rem}
.login_complete figure img {display:block; width:100%}
.login_complete .btn_box a {background:#EEEEEE; color:#666666}
/* --------------------------------login_complete end-------------------------------- */


/* --------------------------------login_popup-------------------------------- */
#popup_all .popup_inner {max-width:410px}
#popup_all .popup_inner .cont_box {color:#666666; font-size:1rem}
#popup_all .popup_inner .btn_box button {width:100%; border-radius:0.313rem}
/* #popup_all .popup_inner .btn_popup_close {}*/

#popup_all .btn_modi_wrap {position:absolute; top:10vh; left:50%; transform:translate(-50%,0); width:92%; max-width:410px; text-align:right}
@media screen and (max-width:500px) {
  #popup_all .btn_modi_wrap {top:8vh}
  #popup_all .btn_modi_wrap .btn_popup_close_modi img {width:20px}
}
/* --------------------------------login_popup end-------------------------------- */


/* --------------------------------mo_font_resize-------------------------------- */
@media screen and (max-width:767px) {
  .login_sec .btn_back,
  .login_sec .desc_find,
  .login_sec form input[type="text"],
  .login_sec form input[type="password"],
  .login_login form .find_wrap a,
  .login_login .btn_join,
  .login_signup_01 form .chk_wrap,
  .login_signup_04 form select,
  .login_signup_05 form label {font-size:1rem}

  .login_sec .desc_signup_02,
  .login_findpw .wrapper form .check_email,
  .login_signup_01 form .btn_popup,
  .login_signup_05 .validation_wrap span {font-size:0.938rem}
}/* sm */
/* --------------------------------mo_font_resize end-------------------------------- */


/* ------------------- */
/*                     */
/*  20220329_미래수정   */
/*                     */
/* ------------------- */
.login_sec .sub_title {margin-top:1.8rem; font-size:1.65rem; text-align:center; font-weight:500}

/* ------------------- */
/*                     */
/*  20220706_아인수정   */
/*                     */
/* ------------------- */
.login_sec .sns_login {/*border:1px solid #e1e1e2; */font-weight:700; display:block; width:100%; height:3.125rem; font-size:0.938rem; border-radius:0.313rem; text-align:center; line-height:3.125rem; margin-top:0.8rem; cursor:pointer}
.login_sec .sns_login a {font-weight:700; display:block; font-size:0.938rem; line-height:3.125rem}
.login_sec #naver_id_login {color:#fff; background-color:#00BF18}
.login_sec #kakao_id_login {color:#333; background-color:#FEE500}
/* .login_sec .snsbtn {vertical-align:-0.5rem; width:24px; margin-right:0.5rem}*/
.login_sec .division_line {font-weight:400; font-size:0.938rem; line-height:1.375rem; color:#666666; width:100%; text-align:center; margin:3rem auto 1rem}
.login_sec .division_line::before {content:''; display:inline-block; background-color:#E9E9E9; width:calc((100% - 4rem)/2); height:1px; vertical-align:middle; margin-right:1rem}
.login_sec .division_line::after {content:''; display:inline-block; background-color:#E9E9E9; width:calc((100% - 4rem)/2); height:1px; vertical-align:middle; margin-left:1rem}

/* ------------------- */
/*                     */
/*  20220707_아인수정   */
/*                     */
/* ------------------- */
.login_login .desc_complete {margin-top:-3rem}
.login_login form .sub_title {font-weight:600; font-size:1rem; line-height:1.625rem; color:#777777; text-align:left}
.login_login form .sub_desc {font-weight:400; font-size:0.875rem; line-height:1.31rem; color:#777777; text-align:left; margin-top:0.2rem}

.login_complete .desc_complete span.sub_title {font-weight:500; font-size:1.31rem; line-height:2rem; color:#333; display:block}
.login_complete .desc_complete span.sub_desc {font-weight:400; font-size:.875rem; line-height:1.31rem; color:#777; margin-top:.4rem; display:block}
.login_complete .info_complete {border-top:1px solid #eee; border-bottom:1px solid #eee; margin:0 auto 2rem; padding:2.2rem 3.9rem}
.login_complete .info_complete .row_wrap {display:flex; flex-direction:row; justify-content:flex-start; margin-bottom:2rem}
.login_complete .info_complete .row_wrap:last-child {margin-bottom:0}
.login_complete .info_complete span {flex:1 1 0; width:0; font-weight:500; font-size:1rem; line-height:1.5rem; color:#777}
.login_complete .info_complete span.info_name {font-weight:500; color:#333}
.login_complete .sub_desc {font-weight:400; font-size:.875rem; line-height:1.31rem; color:#777; text-align:center; margin-bottom:2.5rem; display:block}
.login_complete .sub_desc a {font-weight:500; color:#004CBC; text-decoration:underline; text-underline-position:under}





/* --------------------------------join_cate -------------------------------- */
.join_sec .login_title {margin-bottom:1rem}
.join_sec .flex_box {display:flex; justify-content:space-between; align-content:flex-start; gap:4rem; position:relative;}
.join_sec .flex_line::after {content:''; display:block; width:1px; height:90%; max-height:312px; position:absolute; top:0; right:50%; transform:translateX(50%); background-color:#D2D2D2;}
.join_sec .join_cate {width:50%; max-width:230px}
.join_sec .sub_title {font-size:1.875rem; font-weight:800; margin:4rem 0 2rem}
.join_sec .join_cate_img {width:100%; padding-bottom:100%; background-position:center; background-size:contain; background-repeat:no-repeat; background-color:#F9F9F9; border-radius:10px; overflow:hidden; margin:0 auto 2rem}
.join_sec .btn_type_02 {font-weight:500}
.join_sec .sub_desc {font-size:0.875rem; color:#777; line-height:158%; margin:1rem auto 0; text-align:center; word-break: keep-all}


@media screen and (max-width:767px) {
  .join_sec .sub_desc{font-size:12px}
}
/* --------------------------------join_sec end-------------------------------- */