@charset "utf-8";

/* =============================  S:member_component  ============================= */
#wrapper_title{display: none !important;}
.member_component{width: 100%;position: relative;background-color: var(--color-white);}
/* =============================  E:member_component  ============================= */



/* =============================  S:로그인 페이지  ============================= */
.login_wrap{}
.login_wrap .login_inner{width: 100%;max-width: 648px;margin: 0 auto;padding: 80px 24px 160px;background-color: var(--color-white);box-sizing: border-box;}

.login_wrap .login_hd{}
.login_wrap .login_bd{}
.login_wrap .login_hd + .login_bd{margin-top: 64px;}
.login_wrap .login_ft{}
.login_wrap .login_bd + .login_ft{margin-top: 64px;}

.login_wrap .page_tit_box{}
.login_wrap .page_tit_box .page_tit{font-size: var(--fs-24);font-weight: 400;line-height: var(--lh-32);color: var(--color-black);letter-spacing: -0.01em;}

.login_wrap .logo_box{text-align: center;}
.login_wrap .logo_box .walkingnara_logo{display: inline-block;height: 48px;line-height: 0;}
.login_wrap .logo_box .walkingnara_logo .logo_link{display: block;height: 100%;line-height: 0;}
.login_wrap .logo_box .walkingnara_logo .icon_box{display: inline-block;height: 100%;pointer-events: none;}
.login_wrap .logo_box .walkingnara_logo .icon_box svg{width: auto;height: 100%;pointer-events: none;}

.login_wrap .page_tit_box{margin-top: 48px;}


.login_wrap .frm_wrap{}
.login_wrap .login_btns_box{}
.login_wrap .frm_wrap + .login_btns_box{margin-top: 64px;}
.login_wrap .login_btns_box .btns{display: flex;align-items: center;justify-content: center;width: 100%;padding: 16px;background-color: var(--color-white);border: 1px solid var(--color-black);border-radius: 50px;box-sizing: border-box;overflow: hidden;}
.login_wrap .login_btns_box .btns + .btns{margin-top: 12px;}
.login_wrap .login_btns_box .btns .btns_name{font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-black);}
.login_wrap .login_btns_box .btns.btns_login{background-color: var(--color-black);}
.login_wrap .login_btns_box .btns.btns_login .btns_name{color: var(--color-white);}

.login_wrap .login_find_box{}
.login_wrap .login_btns_box + .login_find_box{margin-top: 16px;}

.login_wrap .login_sns_box{}
.login_wrap .sns_list_box{}
.login_wrap .sns_list_box .sns_list{}
.login_wrap .sns_list_box .sns_item{width: 100%;}
.login_wrap .sns_list_box .sns_item + .sns_item{margin-top: 12px;}

.login_wrap .sns_list_box .sns_item .sns_link{display: block;width: 100%;display: inline-flex;align-items: center;justify-content: center;flex-wrap: nowrap;padding: 16px 0;border-radius: 50px;box-sizing: border-box;overflow: hidden;}
.login_wrap .sns_list_box .sns_item.sns_naver .sns_link{background-color: #1fc800;}
.login_wrap .sns_list_box .sns_item.sns_kakao .sns_link{background-color: #ffeb00;}
.login_wrap .sns_list_box .sns_item.sns_facebook .sns_link{background-color: #3b579d;}
.login_wrap .sns_list_box .sns_item.sns_google .sns_link{background-color: #4285F4;}
.login_wrap .sns_list_box .sns_item.sns_twitter .sns_link{background-color: #1ea1f2;}
.login_wrap .sns_list_box .sns_item.sns_payco .sns_link{background-color: #df0b00;}

.login_wrap .sns_list_box .sns_item .sns_name{display: inline-block;font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-black);}
.login_wrap .sns_list_box .sns_item.sns_naver .sns_name{color: var(--color-white);}

/* =============================  E:로그인 페이지  ============================= */