@charset "utf-8";
.page_component{padding-bottom: 0 !important;}

.register_component{}
.register_component .component_inner{width: 100%;max-width: 1128px;margin: 0 auto;padding: 0 24px;}

.register_wrap{width: 100%;max-width: 600px;margin: 0 auto;padding: 100px 0;}
.register_wrap .register_hd{width: 100%;padding: 0 0 24px;}
.register_wrap .register_hd .register_logo_box{text-align: center;}
.register_wrap .register_hd .register_logo_box img{width:100%;max-width: 300px;}
.register_wrap .register_hd .logo_box{display: inline-block;}
.register_wrap .register_hd .register_tit_box{}
.register_wrap .register_hd .register_logo_box + .regiter_tit_box{margin-top: 16px;}
.register_wrap .register_hd .register_tit{font-size: 28px;font-weight: 500;line-height: 36px;color: #333;text-align: center;}

.register_wrap .register_bd{width: 100%;padding: 56px 48px;background-color: var(--color-white);border-radius: 8px;box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.06), 0px 0px 1px 0px rgba(0, 0, 0, 0.28);}
.register_wrap.register_form_wrap .register_bd{width: 100%;padding: 48px 24px;background-color: var(--color-white);border-radius: 8px;box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.06), 0px 0px 1px 0px rgba(0, 0, 0, 0.28);}

.register_wrap .terms_wrap{width: 100%;height: 300px;padding: 8px;overflow: hidden;overflow-y: auto;}

@media (max-width: 1080px){
    .register_component .component_inner{padding: 0 16px;}
    .register_wrap .register_bd{padding: 32px 16px;}
}
/* 로그인 S */
.login_wrap{}
.login_wrap .login_form_wrap{margin-top: 56px;}
.login_wrap .login_form_wrap .login_tit_box{width: 100%;text-align: center;position: relative;overflow: hidden;}
.login_wrap .login_form_wrap .login_tit_box:after{content: '';width: 100%;height: 1px;background-color: var(--color-gray7);position: absolute;left: 0;top: 50%;right: 0;z-index: 1;transform: translateY(-50%);}
.login_wrap .login_form_wrap .login_tit{display: inline-block;padding: 0 12px;font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-gray7);text-align: center;letter-spacing: -0.02em;background-color: var(--color-white);position: relative;z-index: 2;}
.login_wrap .login_frm_box{margin-top: 16px;}

.login_wrap .login_util_box{margin-top: 16px;}
.login_wrap .login_util_box .util_btns_box{display: flex;align-items: center;justify-content: center;flex-wrap: nowrap;column-gap: 8px;}
.login_wrap .login_util_box .util_btns_box .btns{display: inline-flex;align-items: center;justify-content: center;flex-wrap: nowrap;}
.login_wrap .login_util_box .util_btns_box .btns_name{display: inline-flex;align-items: center;justify-content: center;column-gap: 8px;font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-20);color: var(--color-gray7);letter-spacing: -0.02em;}
.login_wrap .login_util_box .util_btns_box .btns_name span{display: inline-block;font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-20);color: var(--color-gray7);letter-spacing: -0.02em;}
.login_wrap .login_util_box .util_btns_box .btns_name span + span{position: relative;padding-left: 9px;}
.login_wrap .login_util_box .util_btns_box .btns_name span + span::before{content: '';display: block;width: 1px;height: calc(100% - 6px);background-color: var(--color-gray7);position: absolute;left: 0;top: 50%;transform: translateY(-50%);}

.login_wrap .login_btns_box{margin-top: 24px;}
.login_wrap .login_btns_box .btns{display: inline-flex;align-items: center;justify-content: center;flex-wrap: nowrap;width: 100%;height: 54px;padding: 0 8px;background-color: var(--color-white);border: 1px solid var(--color-black);border-radius: 4px;box-sizing: border-box;}
.login_wrap .login_btns_box .btns + .btns{margin-top: 10px;}
.login_wrap .login_btns_box .btns .btns_name{display: inline-block;font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: var(--color-black);letter-spacing: -0.02em;}

.login_wrap .login_btns_box .btns_login{background-color: var(--color-blue-main);border-color: var(--color-blue-main);}
.login_wrap .login_btns_box .btns_login .btns_name{color: var(--color-white);}

.login_wrap .login_btns_box .btns_join{border-color: var(--color-blue-main);}
.login_wrap .login_btns_box .btns_join .btns_name{color: var(--color-blue-main);}

.login_wrap .login_social_box{}
.login_wrap .login_social_box .social_tit_box{width: 100%;text-align: center;position: relative;overflow: hidden;}
.login_wrap .login_social_box .social_tit_box::after{content: '';width: 100%;height: 1px;background-color: var(--color-gray7);position: absolute;left: 0;top: 50%;right: 0;z-index: 1;transform: translateY(-50%);}
.login_wrap .login_social_box .social_tit_box .social_tit{display: inline-block;padding: 0 12px;font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-gray7);text-align: center;letter-spacing: -0.02em;background-color: var(--color-white);position: relative;z-index: 2;}

.login_wrap .login_social_box .social_list_box{margin-top: 16px;}
.login_wrap .login_social_box .login_social_list{}
.login_wrap .login_social_box .login_social_item{}
.login_wrap .login_social_box .login_social_item + .login_social_item{margin-top: 10px;}
.login_wrap .login_social_box .login_social_item .login_social_link{display: flex;align-items: center;justify-content: center;flex-wrap: nowrap;column-gap: 10px;width: 100%;height: 54px;padding: 0 8px;border-radius: 4px;box-sizing: border-box;}
.login_wrap .login_social_box .login_social_item.item_naver .login_social_link{background-color: #1fc800;}
.login_wrap .login_social_box .login_social_item.item_kakao .login_social_link{background-color: #fff204;}
.login_wrap .login_social_box .login_social_item .login_social_icon{flex: 0 0 auto;display: inline-block;width: 32px;height: 32px;line-height: 0;pointer-events: none;}
.login_wrap .login_social_box .login_social_item .login_social_icon svg{width: 100%;height: 100%;line-height: 0;pointer-events: none;}
.login_wrap .login_social_box .login_social_item .login_social_txt{display: inline-block;font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: var(--color-black);}
.login_wrap .login_social_box .login_social_item.item_naver .login_social_txt{color: var(--color-white);}
@media (max-width: 1080px){
    .login_wrap .login_form_wrap{margin-top: 48px;}
}
@media (max-width: 768px){
    .login_wrap .login_form_wrap{margin-top: 32px;}
}
@media (max-width: 600px){
    .login_wrap .login_form_wrap{margin-top: 24px;}
    .login_wrap .login_util_box .util_btns_box .btns_name{font-size: var(--fs-14);line-height: var(--lh-20);}
}
/* 로그인 F */

/* 회원가입 가입방식&약관동의 S */
.join_wrap{}
.join_wrap .join_route_box{}
.join_wrap .route_list{width: 100%;border-radius: 8px;box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.06), 0px 0px 1px 0px rgba(0, 0, 0, 0.28);}
.join_wrap .route_item{width: 100%;padding: 16px 24px;}
.join_wrap .route_item:not(:first-child){border-top: 1px solid rgba(0, 0, 0, 0.06);}
.join_wrap .route_item .route_link{display: flex;align-items: center;flex-wrap: nowrap;column-gap: 8px;}
.join_wrap .route_item .route_icon_box{display: inline-block;width: 32px;height: 32px;overflow: hidden;pointer-events: none;}
.join_wrap .route_item .route_icon_box svg{width: 100%;height: 100%;pointer-events: none;}
.join_wrap .route_item .route_txt{display: inline-block;font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: var(--color-black);}

.join_wrap .join_btns_box{margin-top: 48px;display: flex;align-items: center;justify-content: center;flex-wrap: nowrap;column-gap: 10px;}
.join_wrap .join_btns_box .btns{display: inline-flex;;align-items: center;justify-content: center;flex-wrap: nowrap;width: 100%;max-width: 240px;height: 56px;background-color: var(--color-white);border: 1px solid var(--color-black);border-radius: 4px;box-sizing: border-box;}
.join_wrap .join_btns_box .btns .btns_name{display: inline-block;font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: var(--color-black);letter-spacing: -0.02em;}
.join_wrap .join_btns_box .btns.btns_go_main{background-color: var(--color-blue-main);border-color: var(--color-blue-main);}
.join_wrap .join_btns_box .btns.btns_go_main .btns_name{color: var(--color-white);}

.layer_popup#fregister_terms_popup{}
.layer_popup#fregister_terms_popup .popup_bd{height: auto;max-height: 400px;padding: 32px 32px 24px;}
.layer_popup#serviceTerms .popup_bd{height: auto;max-height: 500px;padding: 32px 32px 24px;}
.layer_popup#privacyPolicy .popup_bd{height: auto;max-height: 500px;padding: 32px 32px 24px;}

#fregister_terms_popup{}
#fregister_terms_popup .join_agree_all{width: 100%;padding: 16px;background-color: var(--color-gray4);border-radius: 4px;box-sizing: border-box;}

#fregister_terms_popup .join_agree_list{}
#fregister_terms_popup .join_agree_all + .join_agree_list{margin-top: 24px;}

#fregister_terms_popup .join_agree_item{}
#fregister_terms_popup .join_agree_item + .join_agree_item{margin-top: 16px;}
#fregister_terms_popup .frm_chk_box .frm_label_box.type_flex{display: flex;align-items: center;justify-content: space-between;column-gap: 8px;flex-wrap: nowrap;}
#fregister_terms_popup .frm_chk_box .frm_label_box.type_flex .frm_chk_label{flex: 0 0 auto;}
#fregister_terms_popup .frm_chk_box .frm_chk_label .icon_frm_chk{width: 18px;height: 18px;}
#fregister_terms_popup .frm_chk_box .frm_chk_label .frm_label_txt{font-size: var(--fs-16);line-height: var(--lh-24);}
#fregister_terms_popup .frm_chk_box .frm_depth_box{display: flex;align-items: center;flex-wrap: nowrap;column-gap: 16px;margin-top: 4px;padding: 0 32px;}
#fregister_terms_popup .frm_chk_box .frm_msg_box{padding-left: 30px;}

#fregister_terms_popup .frm_chk_box .more_btn_box{}
#fregister_terms_popup .frm_chk_box .more_btn_box .more_btns{display: inline-flex;align-items: center;flex-wrap: nowrap;column-gap: 4px;}
#fregister_terms_popup .frm_chk_box .more_btn_box .btns_name{display: inline-block;font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-20);color: var(--color-blue-main);letter-spacing: -0.02em;}
#fregister_terms_popup .frm_chk_box .more_btn_box .icon_arr_right_sm{flex: 0 0 auto;display: inline-block;width: 6px;height: 11px;pointer-events: none;line-height: 0;}
#fregister_terms_popup .frm_chk_box .more_btn_box .icon_arr_right_sm svg{width: 100%;height: 100%;pointer-events: none;}
#fregister_terms_popup .frm_chk_box .more_btn_box .icon_arr_right_sm svg path{}

.terms_wrap{}
.terms_info_box{width: 100%;background-color: var(--color-white);border-radius: 4px;}
.terms_info_box + .terms_info_box{margin-top: 16px;}
.terms_info_box .terms_tit_box{width: 100%;padding: 8px 0;border-bottom: 1px solid var(--color-gray6);}
.terms_info_box .terms_tit{font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-20);color: var(--color-black);}
.terms_info_box .terms_txt_box{width: 100%;padding: 8px 0;}
.terms_info_box .terms_txt{font-size: var(--fs-12);font-weight: 400;line-height: var(--lh-18);color: var(--color-gray5);word-break: keep-all;}
.terms_info_box .terms_txt.last{font-weight: 500;color: var(--color-black);}
.terms_info_box .terms_txt .point{color: var(--color-orange-main);}

.terms_tbl_box{width: 100%;padding: 8px 0;}
.terms_tbl_tit{font-size: var(--fs-12);font-weight: 400;line-height: var(--lh-18);color: var(--color-black);}
.terms_tbl{width: 100%;border-collapse: collapse;}
.terms_tbl_tit + .terms_tbl{margin-top: 4px;}
.terms_tbl thead{}
.terms_tbl tbody{}
.terms_tbl th, 
.terms_tbl td{background-color: var(--color-white);border: 1px solid var(--color-gray6);}
.terms_tbl th{padding: 8px;font-size: var(--fs-12);font-weight: 700;line-height: var(--lh-18);color: var(--color-black);background-color: var(--color-gray4);}
.terms_tbl td{padding: 8px;font-size: var(--fs-12);font-weight: 400;line-height: var(--lh-18);color: var(--color-black);}
.terms_tbl td.ta-c{text-align: center;white-space: nowrap;word-break: keep-all;}
/* 회원가입 가입방식&약관동의 E */


/* 회원가입 정보입력 S */
.register_form_wrap{}
.register_form_wrap .addr_frm_box{}
.register_form_wrap .addr_frm_box .addr_flex_box{display: flex;align-items: stretch;flex-wrap: nowrap;column-gap: 4px;}
.register_form_wrap .addr_frm_box .addr_flex_left{flex: 1;}
.register_form_wrap .addr_frm_box .addr_flex_right{flex: 0 0 auto;}
.register_form_wrap .addr_frm_box .frm_inp_box{margin-top: 6px;}
.register_form_wrap .addr_frm_box .btns_find_addr{display: inline-flex;align-items: center;justify-content: center;flex-wrap: nowrap;width: 160px;height: 54px;padding: 0 8px;background-color: var(--color-blue-main);border-radius: 4px;overflow: hidden;}
.register_form_wrap .addr_frm_box .btns_find_addr .btns_name{display: inline-block;font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-20);color: var(--color-white);letter-spacing: -0.02em;}

.register_form_wrap .registerform_btns_box{margin-top: 56px;display: flex;align-items: center;justify-content: center;flex-wrap: nowrap;column-gap: 10px;}
.register_form_wrap .registerform_btns_box .btns{flex: 1;display: inline-flex;;align-items: center;justify-content: center;flex-wrap: nowrap;width: 100%;height: 56px;background-color: var(--color-white);border: 1px solid var(--color-black);border-radius: 4px;box-sizing: border-box;}
.register_form_wrap .registerform_btns_box .btns .btns_name{display: inline-block;font-size: var(--fs-16);font-weight: 500;line-height: var(--lh-24);color: var(--color-black);letter-spacing: -0.02em;}
.register_form_wrap .registerform_btns_box .btns.btns_regi_submit{background-color: var(--color-blue-main);border-color: var(--color-blue-main);}
.register_form_wrap .registerform_btns_box .btns.btns_regi_submit .btns_name{color: var(--color-white);}

.register_form_wrap .registerform_btns_box .btns.btns_regi_confirm{background-color: var(--color-gray3);border-color: var(--color-gray2);}
.register_form_wrap .registerform_btns_box .btns.btns_regi_confirm .btns_name{color:var(--color-gray7)}

/* 회원가입 정보입력 E */

@media (max-width: 1080px){
    .join_wrap .join_btns_box{margin-top: 32px;}
}
@media (max-width: 768px){
    .join_wrap .join_btns_box{margin-top: 24px;}
}