@charset "utf-8";
/* ### 기본 스타일 커스터마이징 시작 ### */
.mbskin{text-align:center;padding:10px}
.mbskin h1{font-size:1.75em;margin:40px 0 25px}
.mbskin p {}
.mbskin p strong{color:#4162ff;padding-bottom:5px;display:block;font-size:1.083em}

/* 버튼 */
.mbskin a.btn01 {}
.mbskin a.btn01:focus, .mbskin a.btn01:hover {}
.mbskin a.btn02 {}
.mbskin a.btn02:focus, .mbskin .btn02:hover {}
.mbskin .btn_confirm {} /* 서식단계 진행 */
.mbskin .btn_submit {}
.mbskin .btn_cancel {}
.mbskin .btn_frmline {} /* 우편번호검색버튼 등 */
.mbskin .win_btn {} /* 새창용 */
.mbskin .win_btn a {}
.mbskin .win_btn button {}
.mbskin .win_btn input {}
/* 게시판용 버튼 */
.mbskin a.btn_b01 {}
.mbskin a.btn_b01:focus, .mbskin .btn_b01:hover {}
.mbskin a.btn_b02 {}
.mbskin a.btn_b02:focus, .mbskin .btn_b02:hover {}
.mbskin a.btn_admin {} /* 관리자 전용 버튼 */
.mbskin a.btn_admin:focus, .mbskin a.btn_admin:hover {}

/* 기본테이블 */
.mbskin .tbl_head01 {}
.mbskin .tbl_head01 caption {}
.mbskin .tbl_head01 thead th {}
.mbskin .tbl_head01 thead a {}
.mbskin .tbl_head01 thead th input {} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.mbskin .tbl_head01 tfoot th {}
.mbskin .tbl_head01 tfoot td {}
.mbskin .tbl_head01 tbody th {}
.mbskin .tbl_head01 td {}
.mbskin .tbl_head01 a {}
.mbskin td.empty_table {}

/* 폼 테이블 */
.mb_skin table {}
.mb_skin caption {}
.mb_skin .frm_info {}
.mb_skin .frm_file {}

.mbskin .tbl_frm01 {}
.mbskin .tbl_frm01 caption {}
.mbskin .tbl_frm01 th {}
.mbskin .tbl_frm01 td {}
.mbskin .tbl_frm01 textarea, .mbskin .frm_input {}
.mbskin .tbl_frm01 textarea {}
/*
.mbskin .tbl_frm01 #captcha {}
.mbskin .tbl_frm01 #captcha input {}
*/
.mbskin .tbl_frm01 a {}

.mbskin .required, .mbskin textarea.required {} /* 필수입력 */

/* 테이블 항목별 정의 */
.mbskin .td_board {}
.mbskin .td_chk {}
.mbskin .td_date {}
.mbskin .td_datetime {}
.mbskin .td_group {}
.mbskin .td_mb_id {}
.mbskin .td_mng {}
.mbskin .td_name {}
.mbskin .td_nick {}
.mbskin .td_num {}
.mbskin .td_numbig {}

/* ### 기본 스타일 커스터마이징 끝 ### */

/* 회원가입 약관 */

.mbskin, .mbskin *, .mbskin *::before, .mbskin *::after {box-sizing:border-box;}
.mbskin {width:100%;color:#18181b;text-align:left;}
.mbskin svg {display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}

#fregister {width:100%;max-width:680px;margin:0 auto;}
.register_header {margin-bottom:30px;text-align:center;}
.register_badge {display:inline-flex;align-items:center;justify-content:center;min-height:28px;margin-bottom:17px;padding:6px 12px;border:1px solid #e4e4e7;border-radius:999px;background:#fafafa;color:#52525b;font-size:10px;font-weight:800;line-height:1;letter-spacing:0.14em;}
.register_header h1 {margin:0;padding:0;color:#18181b;font-size:clamp(32px,5vw,42px);font-weight:800;line-height:1.2;letter-spacing:-0.055em;}
.register_header p {margin:12px 0 0!important;color:#71717a!important;font-size:14px!important;font-weight:500;line-height:1.7!important;letter-spacing:-0.025em;}

#fregister .chk_all {width:100%;margin:0 0 18px;padding:0;text-align:left;}
/* 체크박스
   - 실제 input은 숨기고
   - label::before = 박스
   - label::after  = 체크 표시
   기존 테마의 label > span 체크박스 스타일과 충돌하지 않도록 분리
*/
#fregister .chk_all input[type="checkbox"],
#fregister .fregister_agree input[type="checkbox"] {
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    margin:-1px !important;
    padding:0 !important;
    border:0 !important;
    opacity:0 !important;
    overflow:hidden !important;
    clip:rect(0 0 0 0) !important;
    clip-path:inset(50%) !important;
    white-space:nowrap !important;
    pointer-events:none !important;
}

/* 기존 그누보드/테마에서 체크박스 이미지로 사용하던 빈 span 제거 */
#fregister .chk_all input[type="checkbox"] + label > span:first-child:empty,
#fregister .fregister_agree input[type="checkbox"] + label > span:first-child:empty,
#fregister .chk_all input[type="checkbox"] + label > .register_checkbox,
#fregister .fregister_agree input[type="checkbox"] + label > .register_checkbox {
    display:none !important;
    width:0 !important;
    height:0 !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:none !important;
    box-shadow:none !important;
}

/* 기본 그누보드의 sound_only 문구를 약관 영역에서는 실제 문구로 표시 */
#fregister .fregister_agree input[type="checkbox"] + label > .sound_only {
    position:static !important;
    left:auto !important;
    top:auto !important;
    width:auto !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    clip:auto !important;
    clip-path:none !important;
    overflow:visible !important;
    white-space:normal !important;
    display:inline !important;
}

/* --------------------------------------------------
   개별 약관 체크박스
-------------------------------------------------- */
#fregister .fregister_agree:not(.chk_all) label {
    position:relative !important;
    display:block !important;
    width:100% !important;
    min-height:22px !important;
    margin:0 !important;
    padding:0 0 0 32px !important;
    color:#52525b !important;
    font-size:13px !important;
    font-weight:650 !important;
    line-height:22px !important;
    letter-spacing:-0.02em !important;
    cursor:pointer !important;
    word-break:keep-all !important;
}

/* 빈 네모 */
#fregister .fregister_agree:not(.chk_all) input[type="checkbox"] + label::before {
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    top:0 !important;
    display:block !important;
    width:22px !important;
    height:22px !important;
    margin:0 !important;
    padding:0 !important;
    border:1px solid #d4d4d8 !important;
    border-radius:7px !important;
    background:#fff !important;
    background-image:none !important;
    box-shadow:none !important;
    opacity:1 !important;
    transform:none !important;
    box-sizing:border-box !important;
    transition:
        border-color .18s ease,
        background-color .18s ease,
        box-shadow .18s ease !important;
}

/* 체크 표시 */
#fregister .fregister_agree:not(.chk_all) input[type="checkbox"] + label::after {
    content:"" !important;
    position:absolute !important;
    left:7px !important;
    top:4px !important;
    display:block !important;
    width:7px !important;
    height:11px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-right:2px solid #fff !important;
    border-bottom:2px solid #fff !important;
    border-radius:0 !important;
    background:none !important;
    box-shadow:none !important;
    opacity:0 !important;
    transform:rotate(45deg) !important;
    transform-origin:center !important;
    box-sizing:border-box !important;
}

/* 체크된 상태 */
#fregister .fregister_agree:not(.chk_all) input[type="checkbox"]:checked + label::before {
    border-color:#18181b !important;
    background:#18181b !important;
    background-image:none !important;
}

#fregister .fregister_agree:not(.chk_all) input[type="checkbox"]:checked + label::after {
    opacity:1 !important;
}

/* 키보드 포커스 */
#fregister .fregister_agree:not(.chk_all) input[type="checkbox"]:focus-visible + label::before {
    box-shadow:0 0 0 4px rgba(24,24,27,.10) !important;
}


/* --------------------------------------------------
   전체 동의
-------------------------------------------------- */
#fregister .chk_all {
    width:100% !important;
    margin:0 0 18px !important;
    padding:0 !important;
    text-align:left !important;
}

#fregister .chk_all label {
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    gap:0 !important;
    width:100% !important;
    min-height:74px !important;
    margin:0 !important;
    padding:16px 18px 16px 54px !important;
    border:1px solid #d4d4d8 !important;
    border-radius:18px !important;
    background:#f7f7f8 !important;
    color:#18181b !important;
    cursor:pointer !important;
    transition:
        border-color .2s ease,
        background-color .2s ease,
        box-shadow .2s ease !important;
}

#fregister .chk_all label:hover {
    border-color:#a1a1aa !important;
    background:#f4f4f5 !important;
}

/* 전체동의 네모 */
#fregister .chk_all input[type="checkbox"] + label::before {
    content:"" !important;
    position:absolute !important;
    left:18px !important;
    top:50% !important;
    display:block !important;
    width:22px !important;
    height:22px !important;
    margin:0 !important;
    padding:0 !important;
    border:1px solid #d4d4d8 !important;
    border-radius:7px !important;
    background:#fff !important;
    background-image:none !important;
    box-shadow:none !important;
    opacity:1 !important;
    transform:translateY(-50%) !important;
    box-sizing:border-box !important;
}

/* 전체동의 체크 */
#fregister .chk_all input[type="checkbox"] + label::after {
    content:"" !important;
    position:absolute !important;
    left:25px !important;
    top:50% !important;
    display:block !important;
    width:7px !important;
    height:11px !important;
    margin:-7px 0 0 !important;
    padding:0 !important;
    border:0 !important;
    border-right:2px solid #fff !important;
    border-bottom:2px solid #fff !important;
    border-radius:0 !important;
    background:none !important;
    box-shadow:none !important;
    opacity:0 !important;
    transform:rotate(45deg) !important;
    transform-origin:center !important;
    box-sizing:border-box !important;
}

#fregister .chk_all input[type="checkbox"]:checked + label::before {
    border-color:#18181b !important;
    background:#18181b !important;
    background-image:none !important;
}

#fregister .chk_all input[type="checkbox"]:checked + label::after {
    opacity:1 !important;
}

#fregister .chk_all input[type="checkbox"]:focus-visible + label {
    box-shadow:0 0 0 4px rgba(24,24,27,.09) !important;
}

.chk_all_text {
    display:flex;
    flex-direction:column;
    gap:4px;
}

.chk_all_text strong {
    font-size:15px;
    font-weight:800;
    line-height:1.3;
    letter-spacing:-0.03em;
}

.chk_all_text small {
    color:#71717a;
    font-size:12px;
    font-weight:500;
    line-height:1.4;
}

#fregister section {position:relative;width:100%;margin:0 0 18px;border:1px solid #e4e4e7;border-radius:22px;background:#ffffff;box-shadow:0 14px 40px rgba(24,24,27,0.045);overflow:hidden;}
.register_section_head {display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:74px;padding:17px 20px;border-bottom:1px solid #eeeeef;background:#ffffff;}
.register_section_head > div {display:flex;align-items:center;gap:11px;min-width:0;}
.register_section_number {display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:34px;height:34px;border-radius:10px;background:#27272a;color:#ffffff;font-size:15px;font-weight:800;letter-spacing:0.08em;}
#fregister .register_section_head h2 {margin:0;padding:0;border:0;color:#18181b;font-size:18px;font-weight:800;line-height:1.35;text-align:left;letter-spacing:-0.035em;}
.register_required {display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:42px;height:24px;padding:0 9px;border:1px solid #e4e4e7;border-radius:999px;background:#fafafa;color:#52525b;font-size:10px;font-weight:800;line-height:1;}

.register_scrollbox {padding:18px 18px 0;}
#fregister textarea {display:block;width:100%;height:180px;margin:0;padding:18px;border:1px solid #e4e4e7;border-radius:15px;outline:none;background:#fafafa;color:#71717a;font-size:13px;font-weight:500;line-height:1.8;resize:none;scrollbar-width:thin;scrollbar-color:#d4d4d8 transparent;}
#fregister textarea::-webkit-scrollbar {width:7px;}
#fregister textarea::-webkit-scrollbar-thumb {border-radius:999px;background:#d4d4d8;}
#fregister textarea:focus {border-color:#a1a1aa;background:#ffffff;}

#fregister .fregister_agree {position:static;width:100%;margin:0;padding:16px 18px 18px;border:0;}


#fregister_private .tbl_head01 {width:100%;margin:0;padding:18px 18px 0;}
#fregister_private .tbl_head01 table {width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;border:1px solid #e4e4e7;border-radius:15px;overflow:hidden;}
#fregister_private .tbl_head01 th {width:50%;padding:13px 12px;border:0;border-right:1px solid #e4e4e7;border-bottom:1px solid #e4e4e7;background:#f4f4f5;color:#3f3f46;font-size:12px;font-weight:800;line-height:1.5;text-align:center;letter-spacing:-0.02em;}
#fregister_private .tbl_head01 th:last-child {border-right:0;}
#fregister_private .tbl_head01 td {padding:14px 12px;border:0;border-right:1px solid #eeeeef;border-bottom:1px solid #eeeeef;background:#ffffff;color:#71717a;font-size:12px;font-weight:500;line-height:1.65;text-align:center;word-break:keep-all;}
#fregister_private .tbl_head01 td:last-child {border-right:0;}
#fregister_private .tbl_head01 tbody tr:last-child td {border-bottom:0;}
#fregister_private .tbl_head01 .register_table_title td {padding:11px 12px;background:#fafafa;color:#3f3f46;font-weight:750;}
#fregister_private .tbl_head01 caption {position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip-path:inset(50%);overflow:hidden;}
.register_mobile_br {display:none;}

#fregister .btn_top {width:100%;margin:26px 0 0;padding:0;}
#fregister .btn_submit {display:flex;align-items:center;justify-content:center;width:100%;max-width:none;height:58px;margin:0;padding:0 22px;border:0;border-radius:15px;outline:none;background:linear-gradient(135deg,#2b2b30 0%,#111113 100%);color:#ffffff;font-size:15px;font-weight:750;line-height:1;letter-spacing:-0.025em;box-shadow:0 12px 26px rgba(24,24,27,0.18);cursor:pointer;appearance:none;transition:transform 0.2s ease,box-shadow 0.2s ease,background-color 0.2s ease;}
#fregister .btn_submit:hover {background:#000000;box-shadow:0 16px 32px rgba(24,24,27,0.23);transform:translateY(-2px);}
#fregister .btn_submit:active {transform:translateY(0);}
#fregister .btn_submit:focus-visible {box-shadow:0 0 0 4px rgba(24,24,27,0.13),0 12px 26px rgba(24,24,27,0.18);}

.register_footer {display:flex;align-items:center;justify-content:center;gap:7px;margin-top:22px;color:#a1a1aa;text-align:center;}
.register_footer span {display:inline-flex;align-items:center;justify-content:center;}
.register_footer svg {width:14px;height:14px;}
#fregister .register_footer p {margin:0;color:#a1a1aa;font-size:11px;font-weight:500;line-height:1.5;letter-spacing:-0.02em;}

.mbskin #sns_register {width:100%;max-width:680px;margin:0 auto 22px;padding-right:22px;padding-left:22px;box-shadow:none;}

@media (prefers-reduced-motion:no-preference) {
#fregister .register_header, #fregister .chk_all, #fregister section, #fregister .btn_top, #fregister .register_footer {animation:registerFadeUp 0.6s both;}
#fregister .chk_all {animation-delay:0.04s;}
#fregister section:nth-of-type(1) {animation-delay:0.08s;}
#fregister section:nth-of-type(2) {animation-delay:0.12s;}
#fregister .btn_top {animation-delay:0.16s;}
#fregister .register_footer {animation-delay:0.2s;}
}

@keyframes registerFadeUp {
from {opacity:0;transform:translateY(14px);}
to {opacity:1;transform:translateY(0);}
}

@media (max-width:640px) {
#fregister {padding:42px 15px 72px;}
.register_header {margin-bottom:25px;}
.register_header h1 {font-size:30px;}
.register_header p {font-size:13px!important;}
#fregister .chk_all label {min-height:68px;padding:14px 16px;border-radius:16px;}
#fregister section {border-radius:19px;}
.register_section_head {min-height:68px;padding:15px 16px;}
.register_section_number {width:31px;height:31px;border-radius:9px;}
#fregister .register_section_head h2 {font-size:16px;}
.register_scrollbox {padding:15px 15px 0;}
#fregister textarea {height:165px;padding:15px;border-radius:13px;font-size:12px;}
#fregister .fregister_agree {padding:15px;}
#fregister_private .tbl_head01 {padding:15px 15px 0;}
#fregister_private .tbl_head01 th {padding:11px 8px;font-size:11px;}
#fregister_private .tbl_head01 td {padding:12px 8px;font-size:11px;}
#fregister .btn_submit {height:56px;border-radius:14px;font-size:14px;}
.mbskin #sns_register {padding-right:15px;padding-left:15px;}
}

@media (max-width:420px) {
#fregister {padding:32px 12px 60px;}
.register_badge {margin-bottom:14px;font-size:9px;}
.register_header h1 {font-size:27px;}
.register_header p {font-size:12px!important;}
#fregister .chk_all label {gap:11px;padding:13px 14px;}
.chk_all_text strong {font-size:14px;}
.chk_all_text small {font-size:11px;}

.register_section_head {gap:10px;padding:14px;}
.register_section_head > div {gap:9px;}
.register_section_number {width:29px;height:29px;}
#fregister .register_section_head h2 {font-size:15px;}
.register_required {min-width:38px;height:22px;padding:0 7px;font-size:9px;}
#fregister .fregister_agree label {font-size:12px;line-height:21px;}
#fregister_private .tbl_head01 table {table-layout:auto;}
#fregister_private .tbl_head01 th {font-size:10px;}
#fregister_private .tbl_head01 td {font-size:10px;}
.register_mobile_br {display:block;}
}


/* 회원가입 입력 */

#fregisterform, #fregisterform *, #fregisterform *::before, #fregisterform *::after {box-sizing:border-box;}
#fregisterform {width:100%;max-width:680px;margin:0 auto;color:#18181b;text-align:left;}
#fregisterform button, #fregisterform input, #fregisterform textarea, #fregisterform select {font-family:inherit;}
#fregisterform input, #fregisterform textarea, #fregisterform button {outline:none;}
#fregisterform ul, #fregisterform li {margin:0;padding:0;list-style:none;}
#fregisterform .sound_only {position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;border:0!important;white-space:nowrap!important;clip-path:inset(50%)!important;clip:rect(0 0 0 0)!important;overflow:hidden!important;}

#fregisterform .form_01 {position:relative;width:100%;max-width:none;margin:0 0 18px;padding:24px;border:1px solid #e4e4e7;border-radius:22px;background:#ffffff;box-shadow:0 14px 40px rgba(24,24,27,0.045);}
#fregisterform .form_01 h2 {display:flex;align-items:center;gap:11px;margin:0 0 22px;padding:0 0 18px;border-bottom:1px solid #eeeeef;color:#18181b;font-size:19px;font-weight:800;line-height:1.35;letter-spacing:-0.04em;}
#fregisterform .form_01 h2::before {display:inline-flex;flex:0 0 auto;width:10px;height:10px;border-radius:50%;background:#27272a;content:"";}
#fregisterform .form_01 > ul {display:flex;flex-direction:column;gap:15px;width:100%;}
#fregisterform .form_01 > ul > li {position:relative;width:100%;margin:0;padding:0;}

#fregisterform .frm_label {display:block;margin:0 0 8px;color:#3f3f46;font-size:13px;font-weight:750;line-height:1.4;letter-spacing:-0.02em;}
#fregisterform .frm_info {display:block;margin:7px 0 0;color:#a1a1aa;font-size:11px;font-weight:500;line-height:1.65;letter-spacing:-0.02em;word-break:keep-all;}
#fregisterform .tbl_frm01 .frm_info {margin:7px 0 0;}
#fregisterform p {margin:0;color:#71717a;font-size:13px;line-height:1.7;}

#fregisterform .frm_input, #fregisterform textarea, #fregisterform select {display:block;width:100%;max-width:none;height:56px;margin:0;padding:0 16px;border:1px solid #e4e4e7;border-radius:14px;background:#fafafa;color:#18181b;font-size:14px;font-weight:550;line-height:54px;box-shadow:none;appearance:none;transition:border-color 0.2s ease,background-color 0.2s ease,box-shadow 0.2s ease;}
#fregisterform .frm_input::placeholder, #fregisterform textarea::placeholder {color:#a1a1aa;font-weight:400;}
#fregisterform .frm_input:hover, #fregisterform textarea:hover, #fregisterform select:hover {border-color:#d4d4d8;background:#ffffff;}
#fregisterform .frm_input:focus, #fregisterform textarea:focus, #fregisterform select:focus {border-color:#52525b!important;background:#ffffff;box-shadow:0 0 0 4px rgba(39,39,42,0.08);}
#fregisterform .frm_input:read-only {background:#f4f4f5;color:#71717a;cursor:default;}
#fregisterform .frm_input:disabled {background:#f4f4f5;color:#a1a1aa;cursor:not-allowed;}
#fregisterform textarea {height:120px;padding:15px 16px;line-height:1.75;resize:vertical;}
#fregisterform #reg_mb_email, #fregisterform .frm_address {width:100%;}
#fregisterform .frm_address {margin:9px 0 0;}
#fregisterform #mb_addr3 {display:block;margin:9px 0 0;}
#fregisterform #mb_addr_jibeon {display:block;margin:9px 0 0;}

#fregisterform .password::after {position:absolute;top:50%;right:16px;width:18px;height:18px;background:#a1a1aa;content:"";transform:translateY(-50%);pointer-events:none;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='10' width='14' height='10' rx='2'/%3E%3Cpath d='M8 10V7a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='10' width='14' height='10' rx='2'/%3E%3Cpath d='M8 10V7a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E") center/contain no-repeat;}
#fregisterform .password .frm_input {padding-right:48px;}

#fregisterform .adress {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;width:100%;}
#fregisterform .adress .frm_input {width:100%;min-width:0;}
#fregisterform .adress br {display:none;}

#fregisterform .btn_frmline, #fregisterform .btn_grd {display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:auto;min-width:100px;height:56px;margin:0;padding:0 17px;border:1px solid #d4d4d8;border-radius:14px;background:#ffffff;color:#3f3f46;font-size:13px;font-weight:750;line-height:1;vertical-align:middle;cursor:pointer;transition:border-color 0.2s ease,background-color 0.2s ease,color 0.2s ease,transform 0.2s ease;}
#fregisterform .btn_frmline:hover, #fregisterform .btn_grd:hover {border-color:#a1a1aa;background:#f4f4f5;color:#18181b;transform:translateY(-1px);}
#fregisterform .btn_frmline:focus-visible, #fregisterform .btn_grd:focus-visible {border-color:#71717a;box-shadow:0 0 0 4px rgba(24,24,27,0.08);}

#fregisterform .cert_req {display:inline-flex;align-items:center;justify-content:center;min-height:24px;margin:0 0 10px 5px;padding:0 8px;border:1px solid #e4e4e7;border-radius:999px;background:#fafafa;color:#52525b;font-size:10px;font-weight:800;line-height:1;}
#fregisterform #msg_certify {margin:0 0 14px;padding:13px 15px;border:1px solid #d4d4d8;border-radius:13px;background:#f4f4f5;color:#3f3f46;font-size:12px;font-weight:600;line-height:1.6;text-align:center;}
#fregisterform #msg_certify strong {color:#18181b;font-weight:800;}

#fregisterform #msg_mb_id, #fregisterform #msg_mb_nick, #fregisterform #msg_mb_email {display:block;margin-top:6px;font-size:11px;font-weight:600;line-height:1.5;}
#fregisterform .msg_sound_only, #fregisterform .msg_error {color:#dc2626;}
#fregisterform .msg_success {color:#3f3f46;}

#fregisterform .tbl_frm01 {width:100%;margin:0 0 20px;}
#fregisterform .tbl_frm01 table {width:100%;border-collapse:collapse;}
#fregisterform .tbl_frm01 th {display:none;}
#fregisterform .tbl_frm01 td {display:block;width:100%;padding:0;border:0;}
#register_form .tbl_frm01 .frm_input {width:100%;height:56px;padding:0 16px;border:1px solid #e4e4e7;border-radius:14px;background:#fafafa;line-height:54px;}
#register_form .tbl_frm01 .frm_input1 {width:100%;height:56px;padding:0 16px;border:1px solid #e4e4e7;border-radius:14px;background:#fafafa;line-height:54px;}
#register_form .tbl_frm01 .btn_frmline {height:56px;}

#register_form .tbl_frm05 {width:100%;margin:0;padding:5px 18px 18px;border:1px solid #e4e4e7;border-radius:18px;background:#fafafa;}
#register_form .tbl_frm05 table {width:100%;border-collapse:collapse;}
#register_form .tbl_frm05 th {width:120px;padding:15px 10px;border-top:1px solid #e4e4e7;color:#3f3f46;font-size:12px;font-weight:750;line-height:1.5;text-align:left;vertical-align:middle;}
#register_form .tbl_frm05 td {padding:10px 0;border-top:1px solid #e4e4e7;vertical-align:middle;}
#register_form .tbl_frm05 tr:first-child th, #register_form .tbl_frm05 tr:first-child td {border-top:0;}
#register_form .tbl_frm05 textarea {width:100%;height:100px;padding:14px;border:1px solid #d4d4d8;border-radius:12px;background:#ffffff;}
#register_form .tbl_frm05 .frm_input {width:100%;height:48px;padding:0 13px;border:1px solid #d4d4d8;border-radius:12px;background:#ffffff;line-height:46px;}

#fregisterform .filebox {display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:16px;border:1px dashed #d4d4d8;border-radius:14px;background:#fafafa;}
#fregisterform .filebox input[type="file"] {width:100%;max-width:100%;color:#71717a;font-size:12px;}
#fregisterform .filebox input[type="file"]::file-selector-button {height:38px;margin-right:10px;padding:0 14px;border:1px solid #d4d4d8;border-radius:10px;background:#ffffff;color:#3f3f46;font-size:12px;font-weight:700;cursor:pointer;}
#fregisterform .filebox img {display:block;max-width:80px;height:auto;border:1px solid #e4e4e7;border-radius:10px;}
#fregisterform .filebox .frm_info {flex:1 1 100%;margin:0;}

#fregisterform .chk_box {display:flex;flex-wrap:wrap;align-items:center;gap:9px;min-height:46px;padding:11px 13px;border:1px solid #eeeeef;border-radius:13px;background:#fafafa;}
#fregisterform .chk_box input {position:absolute;width:1px;height:1px;margin:-1px;opacity:0;pointer-events:none;}
#fregisterform .chk_box label {display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:22px;height:22px;margin:0;cursor:pointer;}
#fregisterform .chk_box label span {display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:1px solid #d4d4d8;border-radius:7px;background:#ffffff;color:transparent;transition:border-color 0.2s ease,background-color 0.2s ease,box-shadow 0.2s ease;}
#fregisterform .chk_box label span::after {width:12px;height:8px;border-bottom:2px solid currentColor;border-left:2px solid currentColor;content:"";transform:translateY(-2px) rotate(-45deg);}
#fregisterform .chk_box input:checked + label span {border-color:#18181b;background:#18181b;color:#ffffff;}
#fregisterform .chk_box input:focus-visible + label span {box-shadow:0 0 0 4px rgba(24,24,27,0.09);}
#fregisterform .chk_li {color:#52525b;font-size:13px;font-weight:650;line-height:1.5;letter-spacing:-0.02em;}
#fregisterform .chk_box .frm_info {flex:1 1 100%;margin:2px 0 0 31px;}

#fregisterform .is_captcha_use {padding:16px;border:1px solid #eeeeef;border-radius:15px;background:#fafafa;}
#fregisterform .is_captcha_use .frm_label {margin-bottom:12px;}
#fregisterform #captcha {display:flex;flex-wrap:wrap;align-items:center;gap:8px;width:100%;margin:0;}
#fregisterform #captcha img {display:block;max-width:100%;border-radius:9px;}
#fregisterform #captcha #captcha_key {flex:1 1 150px;min-width:0;width:auto;height:46px;margin:0;padding:0 13px;border:1px solid #d4d4d8;border-radius:11px;background:#ffffff;color:#18181b;font-size:14px;line-height:44px;}
#fregisterform #captcha #captcha_key:focus {border-color:#52525b;box-shadow:0 0 0 4px rgba(39,39,42,0.08);}
#fregisterform #captcha #captcha_mp3, #fregisterform #captcha #captcha_reload {position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 46px;width:46px;min-width:46px;height:46px;margin:0;padding:0;border:1px solid #d4d4d8;border-radius:11px;background:#ffffff!important;background-image:none!important;color:#52525b;font-size:0;text-indent:0;cursor:pointer;overflow:hidden;}
#fregisterform #captcha #captcha_mp3:hover, #fregisterform #captcha #captcha_reload:hover {border-color:#a1a1aa;background:#f4f4f5!important;color:#18181b;}
#fregisterform #captcha #captcha_mp3::before, #fregisterform #captcha #captcha_reload::before {display:block;width:20px;height:20px;background:currentColor;content:"";}
#fregisterform #captcha #captcha_mp3::before {-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='11 5 6 9 2 9 2 15 6 15 11 19 11 5'/%3E%3Cpath d='M15.54 8.46a5 5 0 0 1 0 7.07'/%3E%3Cpath d='M19.07 4.93a10 10 0 0 1 0 14.14'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='11 5 6 9 2 9 2 15 6 15 11 19 11 5'/%3E%3Cpath d='M15.54 8.46a5 5 0 0 1 0 7.07'/%3E%3Cpath d='M19.07 4.93a10 10 0 0 1 0 14.14'/%3E%3C/svg%3E") center/contain no-repeat;}
#fregisterform #captcha #captcha_reload::before {-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 11a8 8 0 1 0-2.34 5.66'/%3E%3Cpath d='M20 4v7h-7'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 11a8 8 0 1 0-2.34 5.66'/%3E%3Cpath d='M20 4v7h-7'/%3E%3C/svg%3E") center/contain no-repeat;}

#fregisterform .btn_confirm {display:grid;grid-template-columns:140px minmax(0,1fr);gap:10px;width:100%;margin:26px 0 0;padding:0;}
#fregisterform .btn_cancel {display:flex;align-items:center;justify-content:center;width:100%;height:58px;margin:0;padding:0 20px;border:1px solid #d4d4d8;border-radius:15px;background:#ffffff;color:#52525b;font-size:14px;font-weight:750;line-height:1;text-decoration:none;transition:border-color 0.2s ease,background-color 0.2s ease,color 0.2s ease,transform 0.2s ease;}
#fregisterform .btn_cancel:hover {border-color:#a1a1aa;background:#f4f4f5;color:#18181b;transform:translateY(-2px);}
#fregisterform .btn_submit {display:flex;align-items:center;justify-content:center;width:100%;max-width:none;height:58px;margin:0;padding:0 22px;border:0;border-radius:15px;background:linear-gradient(135deg,#2b2b30 0%,#111113 100%);color:#ffffff;font-size:15px;font-weight:750;line-height:1;letter-spacing:-0.025em;box-shadow:0 12px 26px rgba(24,24,27,0.18);cursor:pointer;transition:transform 0.2s ease,box-shadow 0.2s ease,background-color 0.2s ease;}
#fregisterform .btn_submit:hover {background:#000000;box-shadow:0 16px 32px rgba(24,24,27,0.23);transform:translateY(-2px);}
#fregisterform .btn_submit:active, #fregisterform .btn_cancel:active {transform:translateY(0);}
#fregisterform .btn_submit:focus-visible {box-shadow:0 0 0 4px rgba(24,24,27,0.13),0 12px 26px rgba(24,24,27,0.18);}
#fregisterform .btn_cancel:focus-visible {border-color:#71717a;box-shadow:0 0 0 4px rgba(24,24,27,0.08);}

@media (prefers-reduced-motion:no-preference) {
#fregisterform .form_01, #fregisterform .btn_confirm {animation:registerFormFadeUp 0.6s both;}
#fregisterform .form_01:nth-of-type(2) {animation-delay:0.06s;}
#fregisterform .form_01:nth-of-type(3) {animation-delay:0.12s;}
#fregisterform .btn_confirm {animation-delay:0.16s;}
}

@keyframes registerFormFadeUp {
from {opacity:0;transform:translateY(14px);}
to {opacity:1;transform:translateY(0);}
}

@media (max-width:640px) {
#fregisterform {padding:42px 15px 72px;}
#fregisterform .form_01 {padding:20px 17px;border-radius:19px;}
#fregisterform .form_01 h2 {margin-bottom:18px;padding-bottom:15px;font-size:17px;}
#fregisterform .form_01 > ul {gap:13px;}
#fregisterform .frm_input, #fregisterform textarea, #fregisterform select {height:54px;border-radius:13px;font-size:14px;line-height:52px;}
#fregisterform textarea {height:110px;padding:14px;line-height:1.7;}
#fregisterform .adress {grid-template-columns:minmax(0,1fr) 105px;}
#fregisterform .btn_frmline, #fregisterform .btn_grd {min-width:0;height:54px;padding:0 13px;border-radius:13px;font-size:12px;}
#register_form .tbl_frm05 {padding:4px 14px 14px;}
#register_form .tbl_frm05 th {display:block;width:100%;padding:13px 0 5px;border-top:1px solid #e4e4e7;}
#register_form .tbl_frm05 td {display:block;width:100%;padding:5px 0 12px;border-top:0;}
#register_form .tbl_frm05 tr:first-child th {border-top:0;}
#fregisterform .btn_confirm {grid-template-columns:1fr 1.6fr;}
#fregisterform .btn_cancel, #fregisterform .btn_submit {height:56px;border-radius:14px;font-size:14px;}
}

@media (max-width:420px) {
#fregisterform {padding:32px 12px 60px;}
#fregisterform .form_01 {padding:18px 14px;border-radius:17px;}
#fregisterform .form_01 h2 {font-size:16px;}
#fregisterform .form_01 h2::before {width:8px;height:8px;}
#fregisterform .frm_info {font-size:10px;}
#fregisterform .adress {grid-template-columns:1fr;}
#fregisterform .adress .btn_frmline {width:100%;}
#fregisterform .cert_req {margin-left:0;}
#fregisterform .chk_box {padding:10px 11px;}
#fregisterform .chk_li {font-size:12px;}
#fregisterform .chk_box .frm_info {margin-left:30px;}
#fregisterform .btn_confirm {grid-template-columns:1fr;}
#fregisterform .btn_cancel, #fregisterform .btn_submit {width:100%;}
}

/* 회원가입 완료 */

#reg_result, #reg_result *, #reg_result *::before, #reg_result *::after {box-sizing:border-box;}
#reg_result {width:100%;color:#18181b;text-align:left;}
#reg_result a {color:inherit;text-decoration:none;}
#reg_result svg {display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}

.reg_result_inner {position:relative;width:100%;max-width:680px;margin:0 auto;}
.reg_result_icon {display:flex;align-items:center;justify-content:center;width:72px;height:72px;margin:0 auto 22px;border-radius:50%;background:#18181b;color:#ffffff;box-shadow:0 16px 35px rgba(24,24,27,0.18);}
.reg_result_icon svg {width:32px;height:32px;stroke-width:2.3;}

.reg_result_header {margin-bottom:30px;text-align:center;}
.reg_result_badge {display:inline-flex;align-items:center;justify-content:center;min-height:28px;margin-bottom:16px;padding:6px 12px;border:1px solid #e4e4e7;border-radius:999px;background:#fafafa;color:#52525b;font-size:10px;font-weight:800;line-height:1;letter-spacing:0.14em;}
#reg_result .reg_result_header h1 {margin:0;padding:0;color:#71717a;font-size:clamp(30px,5vw,42px);font-weight:500;line-height:1.25;letter-spacing:-0.055em;}
#reg_result .reg_result_header h1 strong {color:#18181b;font-weight:850;}
#reg_result .reg_result_header > p {margin:12px 0 0;color:#71717a;font-size:14px;font-weight:500;line-height:1.7;letter-spacing:-0.025em;}

#reg_result .reg_result_wr {width:100%;margin:0;padding:24px;border:1px solid #e4e4e7;border-radius:24px;background:#ffffff;text-align:left;box-shadow:0 18px 55px rgba(24,24,27,0.065);}

#reg_result .reg_cong {display:flex;align-items:center;gap:15px;width:100%;margin:0 0 18px;padding:19px;border:1px solid #e4e4e7;border-radius:17px;background:#f7f7f8;}
.reg_cong_icon {display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:44px;height:44px;border-radius:13px;background:#27272a;color:#ffffff;}
.reg_cong_icon svg {width:22px;height:22px;}
#reg_result .reg_cong p {margin:0;color:#52525b;font-size:15px;font-weight:600;line-height:1.65;letter-spacing:-0.03em;}
#reg_result .reg_cong strong {color:#18181b;font-size:17px;font-weight:850;}
.reg_result_mobile_br {display:none;}

.reg_result_section {width:100%;margin-top:14px;border:1px solid #e4e4e7;border-radius:17px;background:#ffffff;overflow:hidden;}
.reg_result_section_head {display:flex;align-items:center;gap:13px;width:100%;padding:17px 18px;border-bottom:1px solid #eeeeef;background:#fafafa;}
.reg_result_section_icon {display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid #e4e4e7;border-radius:11px;background:#ffffff;color:#3f3f46;}
.reg_result_section_icon svg {width:19px;height:19px;}
.reg_result_section_head > div {min-width:0;}
#reg_result .reg_result_section_head h2 {margin:0;padding:0;color:#18181b;font-size:15px;font-weight:800;line-height:1.4;letter-spacing:-0.03em;}
#reg_result .reg_result_section_head p {margin:3px 0 0;color:#a1a1aa;font-size:11px;font-weight:500;line-height:1.5;}

.reg_result_text {padding:18px;}
#reg_result .reg_result_text p {margin:0;color:#71717a;font-size:13px;font-weight:500;line-height:1.85;letter-spacing:-0.02em;word-break:keep-all;}

#reg_result #result_email {display:flex;flex-direction:column;gap:0;width:auto;margin:0 18px 18px;padding:0;border:1px solid #e4e4e7;border-radius:14px;background:#ffffff;line-height:normal;overflow:hidden;}
.result_email_row {display:grid;grid-template-columns:130px minmax(0,1fr);align-items:center;width:100%;min-height:52px;border-bottom:1px solid #eeeeef;}
.result_email_row:last-child {border-bottom:0;}
#reg_result #result_email span {display:flex;align-items:center;width:auto;height:100%;padding:13px 15px;background:#f4f4f5;color:#52525b;font-size:12px;font-weight:750;line-height:1.5;}
#reg_result #result_email strong {display:block;min-width:0;padding:13px 15px;color:#18181b;font-size:13px;font-weight:750;line-height:1.6;word-break:break-all;}

.reg_result_notice {display:flex;align-items:flex-start;gap:9px;margin:0 18px 18px;padding:12px 13px;border-radius:12px;background:#f4f4f5;color:#71717a;}
.reg_result_notice > span {display:flex;flex:0 0 auto;align-items:center;justify-content:center;margin-top:1px;}
.reg_result_notice svg {width:16px;height:16px;}
#reg_result .reg_result_notice p {margin:0;color:#71717a;font-size:11px;font-weight:550;line-height:1.6;letter-spacing:-0.02em;word-break:keep-all;}

#reg_result .btn_confirm {width:100%;margin:24px 0 0;padding:0;text-align:center;}
#reg_result .btn_confirm a {display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:58px;margin:0;padding:0 22px;border:0;border-radius:15px;background:linear-gradient(135deg,#2b2b30 0%,#111113 100%);color:#ffffff;font-size:15px;font-weight:750;line-height:1;letter-spacing:-0.025em;box-shadow:0 12px 26px rgba(24,24,27,0.18);transition:transform 0.2s ease,box-shadow 0.2s ease,background-color 0.2s ease;}
#reg_result .btn_confirm a svg {width:18px;height:18px;transition:transform 0.2s ease;}
#reg_result .btn_confirm a:hover {background:#000000;box-shadow:0 16px 32px rgba(24,24,27,0.23);transform:translateY(-2px);}
#reg_result .btn_confirm a:hover svg {transform:translateX(4px);}
#reg_result .btn_confirm a:active {transform:translateY(0);}
#reg_result .btn_confirm a:focus-visible {outline:none;box-shadow:0 0 0 4px rgba(24,24,27,0.13),0 12px 26px rgba(24,24,27,0.18);}

.reg_result_footer {display:flex;align-items:center;justify-content:center;gap:7px;margin-top:22px;color:#a1a1aa;text-align:center;}
.reg_result_footer > span {display:flex;align-items:center;justify-content:center;}
.reg_result_footer svg {width:14px;height:14px;}
#reg_result .reg_result_footer p {margin:0;color:#a1a1aa;font-size:11px;font-weight:500;line-height:1.5;letter-spacing:-0.02em;}

@media (prefers-reduced-motion:no-preference) {
.reg_result_icon {animation:regResultIcon 0.55s ease both;}
.reg_result_header {animation:regResultFadeUp 0.55s 0.05s ease both;}
.reg_result_wr {animation:regResultFadeUp 0.55s 0.1s ease both;}
#reg_result .btn_confirm {animation:regResultFadeUp 0.55s 0.15s ease both;}
.reg_result_footer {animation:regResultFadeUp 0.55s 0.2s ease both;}
}

@keyframes regResultIcon {
from {opacity:0;transform:scale(0.85);}
to {opacity:1;transform:scale(1);}
}

@keyframes regResultFadeUp {
from {opacity:0;transform:translateY(14px);}
to {opacity:1;transform:translateY(0);}
}

@media (max-width:640px) {
#reg_result {padding:42px 15px 72px;}
.reg_result_icon {width:64px;height:64px;margin-bottom:19px;}
.reg_result_icon svg {width:28px;height:28px;}
.reg_result_header {margin-bottom:25px;}
#reg_result .reg_result_header h1 {font-size:30px;}
#reg_result .reg_result_header > p {font-size:13px;}
#reg_result .reg_result_wr {padding:18px;border-radius:20px;}
#reg_result .reg_cong {padding:16px;}
#reg_result .reg_cong p {font-size:14px;}
#reg_result .reg_cong strong {font-size:16px;}
.reg_result_section {border-radius:15px;}
.reg_result_section_head {padding:15px;}
.reg_result_text {padding:15px;}
#reg_result .reg_result_text p br {display:none;}
#reg_result #result_email {margin:0 15px 15px;}
.reg_result_notice {margin:0 15px 15px;}
#reg_result .btn_confirm a {height:56px;border-radius:14px;font-size:14px;}
}

@media (max-width:420px) {
#reg_result {padding:32px 12px 60px;}
.reg_result_icon {width:58px;height:58px;}
.reg_result_icon svg {width:25px;height:25px;}
.reg_result_badge {margin-bottom:14px;font-size:9px;}
#reg_result .reg_result_header h1 {font-size:27px;}
#reg_result .reg_result_header > p {font-size:12px;}
#reg_result .reg_result_wr {padding:14px;border-radius:18px;}
#reg_result .reg_cong {gap:12px;padding:14px;border-radius:14px;}
.reg_cong_icon {width:39px;height:39px;border-radius:11px;}
.reg_cong_icon svg {width:19px;height:19px;}
#reg_result .reg_cong p {font-size:13px;}
#reg_result .reg_cong strong {font-size:15px;}
.reg_result_mobile_br {display:block;}
.reg_result_section_head {gap:10px;padding:13px;}
.reg_result_section_icon {width:35px;height:35px;}
#reg_result .reg_result_section_head h2 {font-size:14px;}
.reg_result_text {padding:14px;}
#reg_result .reg_result_text p {font-size:12px;}
#reg_result #result_email {margin:0 14px 14px;}
.result_email_row {grid-template-columns:1fr;}
#reg_result #result_email span {height:auto;padding:9px 12px;border-bottom:1px solid #eeeeef;}
#reg_result #result_email strong {padding:11px 12px;font-size:12px;}
.reg_result_notice {margin:0 14px 14px;}
#reg_result .btn_confirm {margin-top:20px;}
}

/* 아이디/비밀번호 찾기 */
#find_info, #find_info *, #find_info *::before, #find_info *::after {box-sizing:border-box;}
#find_info {position:relative;width:100%;min-height:100vh;margin:0;padding:48px 22px;background:#f4f4f5;color:#18181b;text-align:left;overflow-x:hidden;}
#find_info a {color:inherit;text-decoration:none;}
#find_info svg {display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
#find_info .sound_only {position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;border:0!important;white-space:nowrap!important;clip-path:inset(50%)!important;clip:rect(0 0 0 0)!important;overflow:hidden!important;}

.find_info_inner {position:relative;width:100%;max-width:520px;margin:0 auto;padding:42px;border:1px solid #e4e4e7;border-radius:28px;background:rgba(255,255,255,0.94);box-shadow:0 30px 80px rgba(24,24,27,0.1),0 8px 24px rgba(24,24,27,0.05);backdrop-filter:blur(18px);}
.find_info_header {margin-bottom:30px;text-align:center;}
.find_info_badge {display:inline-flex;align-items:center;justify-content:center;min-height:28px;margin-bottom:17px;padding:6px 12px;border:1px solid #e4e4e7;border-radius:999px;background:#fafafa;color:#52525b;font-size:10px;font-weight:800;line-height:1;letter-spacing:0.14em;}
#find_info #win_title {position:static;width:auto;height:auto;margin:0;padding:0;border:0;background:none;color:#18181b;font-size:36px;font-weight:800;line-height:1.25;text-align:center;text-indent:0;letter-spacing:-0.055em;overflow:visible;}
.find_info_header > p {margin:13px 0 0;color:#71717a;font-size:14px;font-weight:500;line-height:1.7;letter-spacing:-0.025em;}
.find_info_mobile_br {display:none;}

#find_info .new_win_con {margin:0;padding:0;border:0;background:none;}
#find_info form {width:100%;margin:0;padding:0;}
#find_info #info_fs {min-width:0;margin:0;padding:0;border:0;}

.find_info_notice {display:flex;align-items:flex-start;gap:12px;width:100%;margin-bottom:25px;padding:17px 18px;border:1px solid #e4e4e7;border-radius:16px;background:#fafafa;}
.find_info_notice_icon {display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:#27272a;color:#ffffff;}
.find_info_notice_icon svg {width:18px;height:18px;}
#find_info #info_fs .find_info_notice p {margin:0;color:#52525b;font-size:13px;font-weight:500;line-height:1.7;letter-spacing:-0.02em;word-break:keep-all;}

.find_info_field {width:100%;}
.find_info_field > label {display:block;margin-bottom:9px;color:#3f3f46;font-size:13px;font-weight:750;line-height:1.4;letter-spacing:-0.02em;}
.find_info_input_wrap {position:relative;width:100%;}
.find_info_input_icon {position:absolute;top:50%;left:17px;z-index:2;color:#a1a1aa;transform:translateY(-50%);pointer-events:none;transition:color 0.2s ease,transform 0.2s ease;}
.find_info_input_icon svg {width:20px;height:20px;}
#find_info #info_fs #mb_email {display:block;width:100%;max-width:none;height:58px;margin:0;padding:0 18px 0 50px;border:1px solid #e4e4e7;border-radius:15px;outline:none;background:#fafafa;color:#18181b;font-size:15px;font-weight:550;line-height:56px;box-shadow:none;appearance:none;transition:border-color 0.2s ease,background-color 0.2s ease,box-shadow 0.2s ease;}
#find_info #info_fs #mb_email::placeholder {color:#a1a1aa;font-weight:400;}
#find_info #info_fs #mb_email:hover {border-color:#d4d4d8;background:#ffffff;}
#find_info #info_fs #mb_email:focus {border-color:#52525b!important;background:#ffffff;box-shadow:0 0 0 4px rgba(39,39,42,0.09);}
.find_info_input_wrap:focus-within .find_info_input_icon {color:#27272a;transform:translateY(-50%) scale(1.04);}

.find_info_captcha {width:100%;margin-top:20px;}
#find_info #captcha {display:flex;flex-wrap:wrap;align-items:center;gap:8px;width:100%;margin:0;padding:15px;border:1px solid #e4e4e7;border-radius:15px;background:#fafafa;}
#find_info #captcha img {display:block;max-width:100%;border-radius:8px;}
#find_info #captcha #captcha_key {flex:1 1 150px;min-width:0;height:44px;margin:0;padding:0 13px;border:1px solid #d4d4d8;border-radius:10px;outline:none;background:#ffffff;color:#18181b;font-size:14px;line-height:42px;box-shadow:none;}
#find_info #captcha #captcha_key:focus {border-color:#52525b;box-shadow:0 0 0 3px rgba(39,39,42,0.08);}
#find_info #captcha #captcha_mp3, #find_info #captcha #captcha_reload {position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;min-width:44px;height:44px;margin:0;padding:0;border:1px solid #d4d4d8;border-radius:10px;outline:none;background:#ffffff!important;background-image:none!important;color:#52525b;font-size:0;text-indent:0;cursor:pointer;overflow:hidden;transition:border-color 0.2s ease,background-color 0.2s ease,color 0.2s ease;}
#find_info #captcha #captcha_mp3:hover, #find_info #captcha #captcha_reload:hover {border-color:#a1a1aa;background:#f4f4f5!important;color:#18181b;}
#find_info #captcha #captcha_mp3:focus-visible, #find_info #captcha #captcha_reload:focus-visible {border-color:#71717a;box-shadow:0 0 0 4px rgba(24,24,27,0.08);}
#find_info #captcha #captcha_mp3::before, #find_info #captcha #captcha_reload::before {display:block;width:20px;height:20px;background-color:currentColor;content:"";}
#find_info #captcha #captcha_mp3::before {-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='11 5 6 9 2 9 2 15 6 15 11 19 11 5'/%3E%3Cpath d='M15.54 8.46a5 5 0 0 1 0 7.07'/%3E%3Cpath d='M19.07 4.93a10 10 0 0 1 0 14.14'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='11 5 6 9 2 9 2 15 6 15 11 19 11 5'/%3E%3Cpath d='M15.54 8.46a5 5 0 0 1 0 7.07'/%3E%3Cpath d='M19.07 4.93a10 10 0 0 1 0 14.14'/%3E%3C/svg%3E") center/contain no-repeat;}
#find_info #captcha #captcha_reload::before {-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 11a8 8 0 1 0-2.34 5.66'/%3E%3Cpath d='M20 4v7h-7'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 11a8 8 0 1 0-2.34 5.66'/%3E%3Cpath d='M20 4v7h-7'/%3E%3C/svg%3E") center/contain no-repeat;}


#find_info .win_btn {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;width:100%;margin:26px 0 0;padding:0;border:0;background:none;}
#find_info .btn_submit {display:flex;align-items:center;justify-content:center;width:100%;height:56px;margin:0;padding:0 22px;border:1px solid #18181b;border-radius:14px;outline:none;background:linear-gradient(135deg,#2b2b30 0%,#111113 100%);color:#ffffff;font-size:14px;font-weight:750;line-height:1;letter-spacing:-0.025em;box-shadow:0 12px 25px rgba(24,24,27,0.18);cursor:pointer;appearance:none;transition:transform 0.2s ease,box-shadow 0.2s ease,background-color 0.2s ease;}
#find_info .btn_submit:hover {background:#000000;box-shadow:0 16px 30px rgba(24,24,27,0.23);transform:translateY(-2px);}
#find_info .btn_submit:active {transform:translateY(0);}
#find_info .btn_submit:focus-visible {box-shadow:0 0 0 4px rgba(24,24,27,0.13),0 12px 25px rgba(24,24,27,0.18);}
#find_info .btn_close {display:flex;align-items:center;justify-content:center;width:auto;min-width:98px;height:56px;margin:0;padding:0 19px;border:1px solid #d4d4d8;border-radius:14px;outline:none;background:#ffffff;color:#52525b;font-size:14px;font-weight:700;line-height:1;letter-spacing:-0.02em;cursor:pointer;transition:border-color 0.2s ease,background-color 0.2s ease,color 0.2s ease,transform 0.2s ease;}
#find_info .btn_close:hover {border-color:#a1a1aa;background:#f4f4f5;color:#18181b;transform:translateY(-2px);}
#find_info .btn_close:active {transform:translateY(0);}
#find_info .btn_close:focus-visible {border-color:#71717a;box-shadow:0 0 0 4px rgba(24,24,27,0.08);}

.find_info_footer {display:flex;align-items:center;justify-content:center;gap:7px;margin-top:23px;color:#a1a1aa;font-size:11px;font-weight:550;line-height:1.5;text-align:center;letter-spacing:-0.02em;}
.find_info_footer_icon {display:inline-flex;align-items:center;justify-content:center;}
.find_info_footer_icon svg {width:14px;height:14px;}

@media (prefers-reduced-motion:no-preference) {
.find_info_inner {animation:findInfoFadeUp 0.55s ease both;}
}

@keyframes findInfoFadeUp {
from {opacity:0;transform:translateY(14px);}
to {opacity:1;transform:translateY(0);}
}

@media (max-width:640px) {
#find_info {min-height:100vh;padding:28px 15px;}
.find_info_inner {max-width:100%;padding:32px 24px;border-radius:23px;box-shadow:0 20px 55px rgba(24,24,27,0.09);}
.find_info_header {margin-bottom:25px;}
#find_info #win_title {font-size:30px;}
.find_info_header > p {font-size:13px;}
.find_info_mobile_br {display:block;}
.find_info_notice {padding:15px;}
#find_info #info_fs .find_info_notice p br {display:none;}
#find_info .win_btn {grid-template-columns:1fr;}
#find_info .btn_submit, #find_info .btn_close {width:100%;height:54px;}
#find_info .btn_close {min-width:0;}
}

@media (max-width:420px) {
#find_info {padding:20px 12px;}
.find_info_inner {padding:27px 18px;border-radius:20px;}
.find_info_badge {margin-bottom:14px;font-size:9px;}
#find_info #win_title {font-size:27px;}
.find_info_header > p {font-size:12px;}
.find_info_notice {gap:10px;margin-bottom:21px;padding:14px;}
.find_info_notice_icon {width:31px;height:31px;border-radius:9px;}
#find_info #info_fs .find_info_notice p {font-size:12px;}
#find_info #info_fs #mb_email {height:54px;padding-left:46px;border-radius:13px;font-size:14px;line-height:52px;}
.find_info_input_icon {left:15px;}
.find_info_input_icon svg {width:18px;height:18px;}
.find_info_captcha {margin-top:17px;}
#find_info #captcha {padding:12px;border-radius:13px;}
#find_info .win_btn {margin-top:22px;}
.find_info_footer {margin-top:19px;padding:0 5px;}
}

/* 로그인 */

#mb_login, #mb_login *, #mb_login *::before, #mb_login *::after {box-sizing:border-box;}
#mb_login {position:relative;width:100%;color:#18181b;text-align:left;overflow:visible;}
#mb_login a {color:inherit;text-decoration:none;}
#mb_login svg {display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
#mb_login .sound_only {position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;border:0!important;white-space:nowrap!important;clip-path:inset(50%)!important;clip:rect(0 0 0 0)!important;overflow:hidden!important;}

.login_background {position:absolute;inset:0;pointer-events:none;overflow:hidden;}
.login_grid {position:absolute;inset:0;background-image:linear-gradient(rgba(24,24,27,0.025) 1px,transparent 1px),linear-gradient(90deg,rgba(24,24,27,0.025) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,rgba(0,0,0,0.45),transparent 75%);}
.login_orb {position:absolute;border-radius:50%;filter:blur(2px);opacity:0.8;}
.login_orb_01 {top:-180px;left:calc(50% - 560px);width:420px;height:420px;background:radial-gradient(circle,rgba(120,120,120,0.10),rgba(120,120,120,0));}
.login_orb_02 {top:150px;left:calc(50% + 220px);width:360px;height:360px;background:radial-gradient(circle,rgba(180,180,180,0.08),rgba(180,180,180,0));}
.login_container {position:relative;z-index:1;width:100%;max-width:480px;margin:0 auto;}

.login_header {margin-bottom:30px;text-align:center;}
.login_badge {display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:28px;margin-bottom:18px;padding:5px 11px;border:1px solid rgba(63,63,70,0.12);border-radius:999px;background:rgba(255,255,255,0.74);color:#3f3f46;font-size:10px;font-weight:800;line-height:1;letter-spacing:0.13em;backdrop-filter:blur(12px);}
.login_badge_dot {width:6px;height:6px;border-radius:50%;background:#3f3f46;box-shadow:0 0 0 4px rgba(63,63,70,0.12);}
.login_header h1 {position:static;width:auto;height:auto;margin:0;padding:0;color:#18181b;font-size:clamp(30px,5vw,40px);font-weight:800;line-height:1.22;text-indent:0;letter-spacing:-0.055em;overflow:visible;}
.login_description {margin:12px 0 0;color:#71717a;font-size:15px;line-height:1.65;letter-spacing:-0.025em;}

.login_card, .login_sub_card {width:100%;border:1px solid rgba(228,228,231,0.9);border-radius:24px;background:rgba(255,255,255,0.88);box-shadow:0 24px 70px rgba(24,24,27,0.08),0 4px 18px rgba(24,24,27,0.035);backdrop-filter:blur(20px);}
.login_card {padding:34px;}
#mb_login form, #login_frm {width:100%;margin:0;padding:0;}

.login_field {width:100%;margin-bottom:18px;}
.login_field > label {display:flex;align-items:center;gap:5px;margin-bottom:9px;color:#3f3f46;font-size:13px;font-weight:700;line-height:1.4;letter-spacing:-0.02em;}
.required_mark {position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;}
.login_input_wrap {position:relative;width:100%;}
.login_input_icon {position:absolute;top:50%;left:17px;z-index:1;color:#a1a1aa;transform:translateY(-50%);pointer-events:none;transition:color 0.2s ease,transform 0.2s ease;}
.login_input_icon svg {width:20px;height:20px;}

#login_frm .frm_input, #mb_login_od .frm_input {display:block;width:100%;max-width:none;height:56px;margin:0;padding:0 48px;border:1px solid #e4e4e7;border-radius:14px;outline:none;background:rgba(250,250,250,0.82);color:#18181b;font-size:15px;font-weight:500;line-height:54px;box-shadow:none;appearance:none;transition:border-color 0.2s ease,background-color 0.2s ease,box-shadow 0.2s ease,transform 0.2s ease;}
#login_frm .frm_input::placeholder, #mb_login_od .frm_input::placeholder {color:#a1a1aa;font-weight:400;}
#login_frm .frm_input:hover, #mb_login_od .frm_input:hover {border-color:#d4d4d8;background:#fff;}
#login_frm .frm_input:focus, #mb_login_od .frm_input:focus {border-color:#3f3f46!important;background:#fff;box-shadow:0 0 0 4px rgba(63,63,70,0.08);}
.login_input_wrap:focus-within .login_input_icon {color:#3f3f46;transform:translateY(-50%) scale(1.04);}

.password_toggle {position:absolute;top:50%;right:11px;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;margin:0;padding:0;border:0;border-radius:10px;outline:none;background:transparent;color:#a1a1aa;cursor:pointer;transform:translateY(-50%);transition:background-color 0.2s ease,color 0.2s ease;}
.password_toggle:hover, .password_toggle:focus-visible {background:#f1f1f4;color:#18181b;}
.password_toggle svg {width:20px;height:20px;}
.password_toggle .eye_closed {display:none;}
.password_toggle.is_visible .eye_open {display:none;}
.password_toggle.is_visible .eye_closed {display:block;}

.login_options {display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:34px;margin:-2px 0 22px;}
.login_checkbox {display:flex;align-items:center;}
.login_checkbox input, .guest_agree input {position:absolute;width:1px;height:1px;margin:-1px;opacity:0;pointer-events:none;}
.login_checkbox label, .guest_agree label {display:inline-flex;align-items:flex-start;gap:9px;margin:0;color:#52525b;font-size:13px;font-weight:600;line-height:20px;letter-spacing:-0.02em;cursor:pointer;user-select:none;}
.custom_checkbox {display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:20px;height:20px;border:1px solid #d4d4d8;border-radius:6px;background:#fff;color:transparent;transition:border-color 0.2s ease,background-color 0.2s ease,box-shadow 0.2s ease;}
.custom_checkbox svg {width:13px;height:13px;stroke-width:2.3;}
.login_checkbox input:checked + label .custom_checkbox, .guest_agree input:checked + label .custom_checkbox {border-color:#18181b;background:#18181b;color:#fff;}
.login_checkbox input:focus-visible + label .custom_checkbox, .guest_agree input:focus-visible + label .custom_checkbox {box-shadow:0 0 0 4px rgba(24,24,27,0.1);}

#login_password_lost {position:relative;flex:0 0 auto;border:0;color:#52525b;font-size:13px;font-weight:700;line-height:20px;letter-spacing:-0.02em;}
#login_password_lost::after {position:absolute;right:0;bottom:-2px;left:0;height:1px;background:currentColor;content:"";transform:scaleX(0);transform-origin:right;transition:transform 0.2s ease;}
#login_password_lost:hover::after, #login_password_lost:focus-visible::after {transform:scaleX(1);transform-origin:left;}

.login_submit, .guest_submit, .order_submit {display:flex!important;align-items:center;justify-content:center;gap:9px;width:100%;height:56px;margin:0;padding:0 22px;border:0;border-radius:14px !important;outline:none;background:linear-gradient(135deg,#242429 0%,#0f0f11 100%);color:#fff;font-size:15px;font-weight:750;line-height:1;letter-spacing:-0.025em;box-shadow:0 10px 24px rgba(24,24,27,0.16),inset 0 1px 0 rgba(255,255,255,0.12);cursor:pointer;overflow:hidden;transition:transform 0.2s ease,box-shadow 0.2s ease,background-color 0.2s ease;}
.login_submit svg, .guest_submit svg, .order_submit svg {width:19px;height:19px;transition:transform 0.2s ease;}
.login_submit:hover, .guest_submit:hover, .order_submit:hover {background:#000;color:#fff;text-decoration:none;box-shadow:0 14px 30px rgba(24,24,27,0.22),inset 0 1px 0 rgba(255,255,255,0.12);transform:translateY(-2px);}
.login_submit:hover svg, .guest_submit:hover svg, .order_submit:hover svg {transform:translateX(3px);}
.login_submit:active, .guest_submit:active, .order_submit:active {transform:translateY(0);}
.login_submit:focus-visible, .guest_submit:focus-visible, .order_submit:focus-visible {box-shadow:0 0 0 4px rgba(24,24,27,0.14),0 10px 24px rgba(24,24,27,0.16);}

#mb_login #sns_login {position:relative;width:100%;margin:30px 0 0;padding:30px 0 0;border:0;border-top:1px solid #e4e4e7;background:none;}
#mb_login #sns_login::before {position:absolute;top:-9px;left:50%;padding:0 12px;background:rgba(255,255,255,0.96);color:#a1a1aa;font-size:11px;font-weight:700;line-height:18px;content:"간편 로그인";letter-spacing:-0.02em;transform:translateX(-50%);white-space:nowrap;}
#mb_login #sns_login h3 {position:absolute;width:1px;height:1px;margin:-1px;clip-path:inset(50%);overflow:hidden;}
#mb_login #sns_login .sns-wrap {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;}
#mb_login #sns_login a {display:flex;align-items:center;justify-content:center;width:100%;max-width:none;min-height:48px;margin:0;border-radius:12px;box-shadow:none;font-size:13px;font-weight:700;transition:transform 0.2s ease,box-shadow 0.2s ease,filter 0.2s ease;}
#mb_login #sns_login a:hover {filter:brightness(0.98);text-decoration:none;transform:translateY(-1px);}

#mb_login .mb_login_join {display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin:27px 0 0;padding:25px 0 0;border-top:1px solid #e4e4e7;}
#mb_login .mb_login_join::after {display:none;}
#mb_login .mb_login_join p {margin:0;padding:0;border:0;color:#71717a;font-size:13px;line-height:1.5;}
#mb_login .mb_login_join a {display:inline-flex;float:none;align-items:center;gap:3px;width:auto;height:auto;margin:0;padding:2px 0;border:0;border-radius:0;background:transparent;color:#18181b;font-size:13px;font-weight:800;line-height:1.5;text-align:left;}
#mb_login .mb_login_join a:hover, #mb_login .mb_login_join a:focus {border:0;background:transparent;color:#3f3f46;text-decoration:none;}
#mb_login .mb_login_join a svg {width:15px;height:15px;transition:transform 0.2s ease;}
#mb_login .mb_login_join a:hover svg {transform:translateX(2px);}

.login_sub_card {margin-top:24px;padding:32px;}
.login_section_heading {display:flex;align-items:center;gap:14px;margin-bottom:17px;}
.section_icon {display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:46px;height:46px;border:1px solid rgba(63,63,70,0.12);border-radius:14px;background:rgba(63,63,70,0.08);color:#3f3f46;}
.section_icon svg {width:23px;height:23px;}
.section_eyebrow {display:block;margin-bottom:4px;color:#3f3f46;font-size:9px;font-weight:800;line-height:1.2;letter-spacing:0.13em;}
.login_section_heading h2 {margin:0!important;padding:0!important;color:#18181b!important;font-size:21px!important;font-weight:800!important;line-height:1.3!important;letter-spacing:-0.045em!important;}
.login_section_heading h2::before {display:none!important;}
.section_description {margin:0 0 20px!important;padding:0!important;border:0!important;color:#71717a!important;font-size:13px!important;line-height:1.75!important;letter-spacing:-0.02em;word-break:keep-all;}

#mb_login_notmb {width:100%;border-top:1px solid rgba(228,228,231,0.9);background:rgba(255,255,255,0.88);text-align:left;}
#guest_privacy {width:100%;margin:0 0 18px;}
#guest_privacy:empty {display:none;}
#guest_privacy p, #guest_privacy > div {width:100%;max-height:170px;min-height:130px;margin:0;padding:18px;border:1px solid #e4e4e7;border-radius:14px;background:rgba(248,248,250,0.86);color:#71717a;font-size:12px;line-height:1.8;text-align:left;overflow-y:auto;scrollbar-color:#d4d4d8 transparent;scrollbar-width:thin;}
#guest_privacy p::-webkit-scrollbar, #guest_privacy > div::-webkit-scrollbar {width:6px;}
#guest_privacy p::-webkit-scrollbar-thumb, #guest_privacy > div::-webkit-scrollbar-thumb {border-radius:999px;background:#d4d4d8;}
.guest_agree {width:100%;}
.guest_agree label {color:#52525b;font-size:12px;font-weight:600;line-height:1.65;word-break:keep-all;}
#mb_login_notmb .btn_confirm {width:100%;margin:22px 0 0;}

#mb_login_od_wr {width:100%;border-top:1px solid rgba(228,228,231,0.9);background:rgba(255,255,255,0.88);text-align:left;}
#mb_login_od {width:100%;margin:0;padding:0;border:0;}
#mb_login_od form {width:100%;margin:0;padding:0;}
#mb_login_od .login_field {margin-bottom:16px;}
#mb_login_od .order_submit {margin-top:4px;}
#mb_login_odinfo {display:flex;align-items:flex-start;gap:11px;width:100%;margin:24px 0 0;padding:16px;border:1px solid rgba(63,63,70,0.12);border-radius:14px;background:rgba(63,63,70,0.05);text-align:left;}
.info_icon {flex:0 0 auto;margin-top:1px;color:#3f3f46;}
.info_icon svg {width:19px;height:19px;}
#mb_login_odinfo h2 {margin:0 0 5px;color:#34343b;font-size:13px;font-weight:800;line-height:1.4;letter-spacing:-0.02em;}
#mb_login_odinfo p {margin:0;padding:0;border:0;color:#71717a;font-size:12px;line-height:1.7;text-align:left;word-break:keep-all;}
#mb_login_odinfo p strong {display:inline;padding:0;color:#3f3f46;font-size:inherit;font-weight:700;}

.login_footer {display:flex;align-items:center;justify-content:center;gap:7px;margin-top:24px;color:#a1a1aa;font-size:11px;font-weight:500;line-height:1.5;text-align:center;letter-spacing:-0.02em;}
.footer_lock svg {width:14px;height:14px;}

@keyframes loginFadeUp {from {opacity:0;transform:translateY(14px);}to {opacity:1;transform:translateY(0);}}

@media (prefers-reduced-motion:no-preference) {
.login_header, .login_card, .login_sub_card, .login_footer {animation:loginFadeUp 0.65s both;}
.login_card {animation-delay:0.06s;}
.login_sub_card {animation-delay:0.12s;}
.login_footer {animation-delay:0.16s;}
}

@media (max-width:768px) {
#mb_login {min-height:auto;padding:64px 20px 90px;}
.login_header {margin-bottom:25px;}
.login_card {padding:30px;border-radius:22px;}
.login_sub_card {padding:28px;border-radius:22px;}
}

@media (max-width:520px) {
#mb_login {padding:42px 15px 72px;background:radial-gradient(circle at 15% 5%,rgba(63,63,70,0.06),transparent 28%),linear-gradient(180deg,#fafafd 0%,#f5f5f8 100%);}
.login_grid {background-size:36px 36px;}
.login_header {margin-bottom:22px;}
.login_badge {margin-bottom:14px;}
.login_header h1 {font-size:30px;}
.login_description {margin-top:9px;font-size:14px;}
.login_card {padding:25px 20px;border-radius:20px;box-shadow:0 18px 45px rgba(24,24,27,0.07),0 3px 12px rgba(24,24,27,0.03);}
.login_sub_card {margin-top:18px;padding:25px 20px;border-radius:20px;}
.login_field {margin-bottom:16px;}
#login_frm .frm_input, #mb_login_od .frm_input {height:54px;padding-right:45px;padding-left:45px;border-radius:13px;font-size:14px;line-height:52px;}
.login_input_icon {left:15px;}
.login_input_icon svg {width:19px;height:19px;}
.password_toggle {right:9px;}
.login_options {margin-bottom:20px;}
.login_checkbox label, #login_password_lost {font-size:12px;}
.login_submit, .guest_submit, .order_submit {height:54px;border-radius:13px;font-size:14px;}
#mb_login #sns_login {margin-top:27px;padding-top:27px;}
#mb_login #sns_login .sns-wrap {grid-template-columns:1fr;}
#mb_login #sns_login a {min-height:47px;}
#mb_login .mb_login_join {flex-wrap:wrap;margin-top:24px;padding-top:22px;}
.login_section_heading {gap:12px;}
.section_icon {width:42px;height:42px;border-radius:13px;}
.section_icon svg {width:21px;height:21px;}
.login_section_heading h2 {font-size:19px!important;}
#guest_privacy p, #guest_privacy > div {min-height:120px;max-height:150px;padding:15px;}
#mb_login_odinfo {padding:14px;}
.login_footer {padding:0 10px;}
}

@media (max-width:360px) {
#mb_login {padding-right:12px;padding-left:12px;}
.login_card, .login_sub_card {padding-right:17px;padding-left:17px;}
.login_options {align-items:flex-start;gap:10px;}
.login_checkbox label, #login_password_lost {font-size:11px;}
}

@media (forced-colors:active) {
.login_card, .login_sub_card, #login_frm .frm_input, #mb_login_od .frm_input, .custom_checkbox {border:1px solid CanvasText;}
.login_submit, .guest_submit, .order_submit {border:1px solid ButtonText;}
}

.owl-stage {margin:0 auto;}

/* 쪽지 */
#memo_view_contents {}
#memo_view_contents h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#memo_view_ul {margin:0 0 3px;background:#fff;padding:5px 10px;border-radius:3px;
-webkit-box-shadow: 0 0 5px rgba(50,50,50,0.2);
-moz-box-shadow: 0 0 5px rgba(50,50,50,0.2);
box-shadow: 0 1px 5px rgba(50,50,50,0.2);}
.memo_view_li {position:relative;padding:2px 0}
.memo_view_subj {display:inline-block;width:60px;font-size:0.92em;color:#777}
#memo_view_ul a {}
#memo_view p {padding:10px 15px;border-radius:3px;;min-height:150px;height:auto !important;height:150px;line-height:1.8em;background:#fff;
-webkit-box-shadow: 0 0 5px rgba(50,50,50,0.2);
-moz-box-shadow: 0 0 5px rgba(50,50,50,0.2);
box-shadow: 0 1px 5px rgba(50,50,50,0.2);}

#memo_list_ul {}
#memo_list_ul li {position:relative;background:#fff;margin:10px 0;border-radius:3px;padding:10px 15px;
-webkit-box-shadow: 0 0 5px rgba(50,50,50,0.2);
-moz-box-shadow: 0 0 5px rgba(50,50,50,0.2);
box-shadow: 0 1px 5px rgba(50,50,50,0.2);}

#memo_list_ul .memo_link {display:block;font-weight:bold;font-size:1.083em;margin:0 0 5px}
#memo_list_ul .memo_date{font-size:0.92em;color:#777;font-style:italic}
#memo_list_ul .memo_del{display:block;position:absolute;top:0;right:0;width:40px;height:40px;background:url(./img/btn_del.gif) no-repeat 50% 50%; text-indent:-9999px;overflow:hidden}

#memo_write #me_recv_mb_id {width:100%}
#memo_write textarea {width:100%;height:100px}
#memo_write .win_btn{margin:10px;}

/* 스크랩 */
#scrap_ul li{position:relative;}
#scrap_ul .scrap_board {display:block;color:#4162ff;margin:0 0 5px}
#scrap_ul .scrap_del {display:block;position:absolute;top:0;right:0;width:40px;height:40px;background:url(./img/btn_del.gif) no-repeat 50% 50%; text-indent:-9999px;overflow:hidden}
#scrap_ul .scrap_link{font-weight:bold;font-size:1.083em;}
.scrap_tit{font-weight:bold;border-bottom:1px solid #d7d7d7;padding:0 0 10px;font-size:1.167em}
#scrap_do #wr_content{margin-top:5px}
#scrap_do label{color:#666}

/* 포인트 */
#point_ul {blist-style:none}
#point_ul li {position:relative;}
#point_ul li:after {display:block;visibility:hidden;clear:both;content:""}
#point_ul .point_wrap01 {float:left}
#point_ul .point_wrap02 {float:right;text-align:right}
#point_ul .point_log{display:block;font-weight:bold;margin:0 0 5px;font-size:1.083em}
#point_ul .point_inout{display:block;font-weight:bold;margin:0 0 5px;color:#4162ff;font-size:1.083em}
#point_ul .point_date{font-style:italic}

#point_sum{margin:10px 0 20px}
#point_sum:after {display:block;visibility:hidden;clear:both;content:''}
#point_sum .sum_row {float:left;width:33.333%;text-align:center;background:#939db8;color:#fff;}
#point_sum .sum_row:nth-child(even){background:#8490af}
#point_sum .sum_tit, #point_sum .sum_val {display:block;margin:0 0 ;padding:10px;line-height:20px}
#point_sum .sum_tit {padding-bottom:0}
#point_sum .sum_val {}

/* 회원 비밀번호 확인 */
#mb_confirm {width:100%;max-width:480px;margin:70px auto 100px;padding:0 20px;box-sizing:border-box;}
#mb_confirm * {box-sizing:border-box;}
#mb_confirm h1 {position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
#mb_confirm p {position:relative;margin:0 0 28px;padding:24px 24px 24px 68px;border:1px solid #e8e9ed;border-radius:18px;background:#f8f9fb;color:#737985;font-size:13px;line-height:1.7;}
#mb_confirm p:before {position:absolute;top:24px;left:22px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#17191f;color:#ffffff;font-size:14px;font-weight:800;content:"✓";}
#mb_confirm p strong {display:block;margin-bottom:4px;color:#17191f;font-size:16px;font-weight:800;line-height:1.45;}
#mb_confirm form {margin:0;padding:30px;border:1px solid #e5e7eb;border-radius:22px;background:#ffffff;box-shadow:0 18px 50px rgba(20,24,35,.07);}
#mb_confirm fieldset {position:relative;margin:0;padding:0;border:0;color:#5f6570;font-size:13px;text-align:left;}
#mb_confirm fieldset:before {display:block;margin-bottom:8px;color:#969ca7;font-size:11px;font-weight:700;letter-spacing:.02em;content:"회원아이디";}
#mb_confirm_id {display:block;margin:0 0 22px;padding-bottom:18px;border-bottom:1px solid #eceef2;color:#22252c;font-size:15px;font-weight:800;line-height:1.5;word-break:break-all;}
#mb_confirm_pw {display:block;width:100%;height:52px;margin:0;padding:0 16px;border:1px solid #dfe2e7;border-radius:12px;background:#ffffff;color:#17191f;font-size:14px;line-height:50px;outline:0;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;}
#mb_confirm_pw::placeholder {color:#a4a9b2;}
#mb_confirm_pw:hover {border-color:#b7bcc5;}
#mb_confirm_pw:focus {border-color:#17191f;box-shadow:0 0 0 3px rgba(23,25,31,.08);}
#mb_confirm .btn_submit {display:block;width:100%;height:52px;margin:12px 0 0;padding:0;border:0;border-radius:12px;background:#17191f;color:#ffffff;font-size:14px;font-weight:800;line-height:52px;text-align:center;cursor:pointer;transition:background .2s ease,transform .2s ease,box-shadow .2s ease;}
#mb_confirm .btn_submit:hover {background:#000000;box-shadow:0 10px 24px rgba(0,0,0,.15);transform:translateY(-1px);}
#mb_confirm .btn_submit:active {transform:translateY(0);}
@media (max-width:600px) {#mb_confirm {margin:35px auto 70px;padding:0 14px;}#mb_confirm p {margin-bottom:18px;padding:20px 18px 20px 58px;border-radius:16px;font-size:12px;}#mb_confirm p:before {top:20px;left:18px;width:28px;height:28px;font-size:12px;}#mb_confirm p strong {font-size:15px;}#mb_confirm form {padding:22px 18px;border-radius:18px;}#mb_confirm_id {margin-bottom:18px;padding-bottom:16px;font-size:14px;}#mb_confirm_pw {height:50px;font-size:14px;line-height:48px;}#mb_confirm .btn_submit {height:50px;line-height:50px;}}

/* 비밀글 비밀번호 확인 */
#pw_confirm fieldset {position:relative;margin:0 0 5px;padding:15px 0;border-top:1px solid #fffefe}
#pw_wr_password {width:100%}
#pw_confirm .btn_submit {margin:5px 0;width:100%;border-radius:3px;height:45px;font-weight:bold;font-size:1.083em}

/* 폼메일 */
#formmail #subject {width:100%}
#formmail textarea {width:100%;height:100px}
#formmail .frm_file{padding-left:50px;}
#formmail .file_wr{border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;height:40px;}
#formmail .lb_icon{position:absolute;top:0px;left:0px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;overflow:hidden;text-indent:-999px;background:url(./img/icon_file.gif) no-repeat 50% 50% #eee}

/* 자기소개 */
#profile section {margin:10px; }
#profile h2 {margin:0}
#profile .sv_wrap a {color:#fdff2f}
#profile table{width:100%;border-collapse:collapse}
#profile table th{background:#fff;padding:10px;width:90px;text-align:left;border-bottom:1px solid #eee}
#profile table td{background:#fff;padding:10px;border-bottom:1px solid #eee}
#profile p{background:#fff;padding:10px;margin:10px 0;
-webkit-box-shadow: 0 0 5px rgba(50,50,50,0.2);
-moz-box-shadow: 0 0 5px rgba(50,50,50,0.2);
box-shadow: 0 1px 5px rgba(50,50,50,0.2);}

/* ========================================================================
   회원가입 약관 체크박스 FINAL FORCE OVERRIDE
   반드시 CSS 파일의 가장 마지막에 위치
   - 중복 클래스 / 기존 그누보드 CSS / 테마 CSS 강제 무력화
   - 체크 UI는 label::before 하나만 사용
   ======================================================================== */

/* ---------- 약관 영역 컨테이너 강제 초기화 ---------- */
html body #fregister#fregister .fregister_agree.fregister_agree {
    position:relative !important;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;
    float:none !important;
    clear:both !important;
    display:block !important;
    width:100% !important;
    max-width:none !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 !important;
    padding:16px 18px 18px !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    transform:none !important;
    text-align:left !important;
    box-sizing:border-box !important;
    overflow:visible !important;
}

/* ---------- 실제 checkbox는 화면에서만 숨김 ---------- */
html body #fregister#fregister .fregister_agree.fregister_agree > input[type="checkbox"],
html body #fregister#fregister .chk_all.chk_all > input[type="checkbox"] {
    position:absolute !important;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:-9999px !important;
    display:block !important;
    float:none !important;
    width:1px !important;
    min-width:1px !important;
    max-width:1px !important;
    height:1px !important;
    min-height:1px !important;
    max-height:1px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    opacity:0 !important;
    visibility:visible !important;
    pointer-events:none !important;
    appearance:none !important;
    -webkit-appearance:none !important;
    transform:none !important;
    box-shadow:none !important;
    overflow:hidden !important;
}

/* ---------- 개별 약관 label 완전 강제 ---------- */
html body #fregister#fregister .fregister_agree.fregister_agree:not(.chk_all) > input[type="checkbox"] + label {
    position:relative !important;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;
    inset:auto !important;

    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:10px !important;

    float:none !important;
    clear:none !important;

    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    height:auto !important;
    min-height:22px !important;
    max-height:none !important;

    margin:0 !important;
    padding:0 !important;

    border:0 !important;
    border-radius:0 !important;
    outline:0 !important;

    background:transparent !important;
    background-image:none !important;

    color:#52525b !important;
    font-size:13px !important;
    font-weight:650 !important;
    font-style:normal !important;
    line-height:22px !important;
    letter-spacing:-0.02em !important;
    text-align:left !important;
    text-indent:0 !important;
    text-decoration:none !important;
    white-space:normal !important;
    word-break:keep-all !important;

    opacity:1 !important;
    visibility:visible !important;
    overflow:visible !important;
    transform:none !important;
    box-shadow:none !important;
    cursor:pointer !important;
    box-sizing:border-box !important;
}

/* ---------- 기존 체크박스용 span/SVG는 완전히 제거 ---------- */
html body #fregister#fregister .fregister_agree.fregister_agree > input[type="checkbox"] + label > .register_checkbox,
html body #fregister#fregister .chk_all.chk_all > input[type="checkbox"] + label > .register_checkbox {
    position:static !important;
    display:none !important;
    float:none !important;
    width:0 !important;
    min-width:0 !important;
    max-width:0 !important;
    height:0 !important;
    min-height:0 !important;
    max-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:none !important;
    box-shadow:none !important;
    opacity:0 !important;
    visibility:hidden !important;
    overflow:hidden !important;
}

html body #fregister#fregister .fregister_agree.fregister_agree > input[type="checkbox"] + label > .register_checkbox *,
html body #fregister#fregister .chk_all.chk_all > input[type="checkbox"] + label > .register_checkbox * {
    display:none !important;
}

/* ---------- 약관 문구 span 위치 강제 리셋 ---------- */
/* 다른 CSS에서 span에 position:absolute/right 등을 주는 문제 차단 */
html body #fregister#fregister .fregister_agree.fregister_agree:not(.chk_all) > input[type="checkbox"] + label > span:not(.register_checkbox) {
    position:static !important;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;
    inset:auto !important;

    display:inline !important;
    float:none !important;
    flex:0 1 auto !important;

    width:auto !important;
    min-width:0 !important;
    max-width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;

    margin:0 !important;
    padding:0 !important;

    border:0 !important;
    border-radius:0 !important;
    outline:0 !important;

    background:transparent !important;
    background-image:none !important;

    color:inherit !important;
    font:inherit !important;
    line-height:inherit !important;
    letter-spacing:inherit !important;
    text-align:left !important;
    text-indent:0 !important;
    text-decoration:none !important;
    white-space:normal !important;
    word-break:keep-all !important;

    opacity:1 !important;
    visibility:visible !important;

    clip:auto !important;
    clip-path:none !important;

    overflow:visible !important;
    transform:none !important;
    translate:none !important;
    scale:none !important;
    rotate:none !important;

    box-shadow:none !important;
    box-sizing:border-box !important;
}

/* sound_only도 이 영역에서는 문구로 정상 노출 */
html body #fregister#fregister .fregister_agree.fregister_agree:not(.chk_all) > input[type="checkbox"] + label > span.sound_only {
    position:static !important;
    display:inline !important;
    width:auto !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    clip:auto !important;
    clip-path:none !important;
    overflow:visible !important;
    white-space:normal !important;
    opacity:1 !important;
    visibility:visible !important;
}

/* 약관 문구 span에 다른 CSS가 pseudo-element를 만드는 것 차단 */
html body #fregister#fregister .fregister_agree.fregister_agree:not(.chk_all) > input[type="checkbox"] + label > span:not(.register_checkbox)::before,
html body #fregister#fregister .fregister_agree.fregister_agree:not(.chk_all) > input[type="checkbox"] + label > span:not(.register_checkbox)::after {
    content:none !important;
    display:none !important;
    position:static !important;
    width:0 !important;
    height:0 !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:none !important;
}

/* ========================================================================
   개별 약관 체크박스
   ::before 하나가 '박스 + 체크표시' 역할을 모두 담당
   ======================================================================== */
html body #fregister#fregister .fregister_agree.fregister_agree:not(.chk_all) > input[type="checkbox"] + label::before {
    content:"" !important;

    position:static !important;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;
    inset:auto !important;

    display:inline-flex !important;
    flex:0 0 22px !important;
    align-items:center !important;
    justify-content:center !important;

    float:none !important;

    width:22px !important;
    min-width:22px !important;
    max-width:22px !important;
    height:22px !important;
    min-height:22px !important;
    max-height:22px !important;

    margin:0 !important;
    padding:0 !important;

    border:1px solid #d4d4d8 !important;
    border-radius:7px !important;
    outline:0 !important;

    background:#ffffff !important;
    background-image:none !important;

    color:#ffffff !important;
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:15px !important;
    font-weight:900 !important;
    font-style:normal !important;
    line-height:20px !important;
    letter-spacing:0 !important;
    text-align:center !important;
    text-indent:0 !important;
    text-decoration:none !important;

    opacity:1 !important;
    visibility:visible !important;
    overflow:hidden !important;

    transform:none !important;
    translate:none !important;
    scale:none !important;
    rotate:none !important;

    box-shadow:none !important;
    box-sizing:border-box !important;
}

/* ::after는 다른 CSS와 충돌하지 않게 완전히 죽임 */
html body #fregister#fregister .fregister_agree.fregister_agree:not(.chk_all) > input[type="checkbox"] + label::after {
    content:none !important;
    display:none !important;
    position:static !important;
    width:0 !important;
    height:0 !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:none !important;
    opacity:0 !important;
    transform:none !important;
}

/* 체크됨 */
html body #fregister#fregister .fregister_agree.fregister_agree:not(.chk_all) > input[type="checkbox"]:checked + label::before {
    content:"✓" !important;
    border:1px solid #18181b !important;
    border-color:#18181b !important;
    background:#18181b !important;
    background-color:#18181b !important;
    background-image:none !important;
    color:#ffffff !important;
    opacity:1 !important;
}

/* 포커스 */
html body #fregister#fregister .fregister_agree.fregister_agree:not(.chk_all) > input[type="checkbox"]:focus-visible + label::before {
    border-color:#18181b !important;
    box-shadow:0 0 0 4px rgba(24,24,27,.10) !important;
}


/* ========================================================================
   전체 동의 영역
   ======================================================================== */
html body #fregister#fregister .chk_all.chk_all {
    position:relative !important;
    display:block !important;
    float:none !important;
    width:100% !important;
    max-width:none !important;
    height:auto !important;
    margin:0 0 18px !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    text-align:left !important;
    overflow:visible !important;
    box-sizing:border-box !important;
}

html body #fregister#fregister .chk_all.chk_all > input[type="checkbox"] + label {
    position:relative !important;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;
    inset:auto !important;

    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:13px !important;

    float:none !important;

    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    height:auto !important;
    min-height:74px !important;
    max-height:none !important;

    margin:0 !important;
    padding:16px 18px !important;

    border:1px solid #d4d4d8 !important;
    border-radius:18px !important;
    outline:0 !important;

    background:#f7f7f8 !important;
    background-image:none !important;

    color:#18181b !important;
    text-align:left !important;
    text-indent:0 !important;

    opacity:1 !important;
    visibility:visible !important;
    overflow:visible !important;
    transform:none !important;

    box-shadow:none !important;
    cursor:pointer !important;
    box-sizing:border-box !important;
}

/* 전체동의 체크박스 */
html body #fregister#fregister .chk_all.chk_all > input[type="checkbox"] + label::before {
    content:"" !important;

    position:static !important;
    inset:auto !important;

    display:inline-flex !important;
    flex:0 0 22px !important;
    align-items:center !important;
    justify-content:center !important;

    float:none !important;

    width:22px !important;
    min-width:22px !important;
    max-width:22px !important;
    height:22px !important;
    min-height:22px !important;
    max-height:22px !important;

    margin:0 !important;
    padding:0 !important;

    border:1px solid #d4d4d8 !important;
    border-radius:7px !important;

    background:#ffffff !important;
    background-image:none !important;

    color:#ffffff !important;
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:15px !important;
    font-weight:900 !important;
    font-style:normal !important;
    line-height:20px !important;
    letter-spacing:0 !important;
    text-align:center !important;
    text-indent:0 !important;

    opacity:1 !important;
    visibility:visible !important;
    overflow:hidden !important;
    transform:none !important;

    box-shadow:none !important;
    box-sizing:border-box !important;
}

html body #fregister#fregister .chk_all.chk_all > input[type="checkbox"] + label::after {
    content:none !important;
    display:none !important;
    position:static !important;
    width:0 !important;
    height:0 !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:none !important;
    opacity:0 !important;
    transform:none !important;
}

html body #fregister#fregister .chk_all.chk_all > input[type="checkbox"]:checked + label::before {
    content:"✓" !important;
    border:1px solid #18181b !important;
    border-color:#18181b !important;
    background:#18181b !important;
    background-color:#18181b !important;
    background-image:none !important;
    color:#ffffff !important;
}

/* 전체동의 내부 텍스트도 다른 CSS 위치값 제거 */
html body #fregister#fregister .chk_all.chk_all > input[type="checkbox"] + label > span:not(.register_checkbox),
html body #fregister#fregister .chk_all.chk_all > input[type="checkbox"] + label .chk_all_text,
html body #fregister#fregister .chk_all.chk_all > input[type="checkbox"] + label .chk_all_text > strong,
html body #fregister#fregister .chk_all.chk_all > input[type="checkbox"] + label .chk_all_text > small {
    position:static !important;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;
    inset:auto !important;
    float:none !important;
    width:auto !important;
    min-width:0 !important;
    max-width:100% !important;
    height:auto !important;
    margin:0 !important;
    border:0 !important;
    transform:none !important;
    opacity:1 !important;
    visibility:visible !important;
    clip:auto !important;
    clip-path:none !important;
    overflow:visible !important;
    box-sizing:border-box !important;
}

html body #fregister#fregister .chk_all.chk_all > input[type="checkbox"] + label .chk_all_text {
    display:flex !important;
    flex:1 1 auto !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:center !important;
    gap:4px !important;
    padding:0 !important;
    background:transparent !important;
    text-align:left !important;
}

html body #fregister#fregister .chk_all.chk_all > input[type="checkbox"] + label .chk_all_text > strong {
    display:block !important;
    padding:0 !important;
    background:transparent !important;
    color:#18181b !important;
    font-size:15px !important;
    font-weight:800 !important;
    line-height:1.3 !important;
    letter-spacing:-0.03em !important;
    text-align:left !important;
}

html body #fregister#fregister .chk_all.chk_all > input[type="checkbox"] + label .chk_all_text > small {
    display:block !important;
    padding:0 !important;
    background:transparent !important;
    color:#71717a !important;
    font-size:12px !important;
    font-weight:500 !important;
    line-height:1.4 !important;
    letter-spacing:normal !important;
    text-align:left !important;
}

/* 전체동의 내부 span pseudo-element도 제거 */
html body #fregister#fregister .chk_all.chk_all > input[type="checkbox"] + label > span:not(.register_checkbox)::before,
html body #fregister#fregister .chk_all.chk_all > input[type="checkbox"] + label > span:not(.register_checkbox)::after,
html body #fregister#fregister .chk_all.chk_all > input[type="checkbox"] + label .chk_all_text::before,
html body #fregister#fregister .chk_all.chk_all > input[type="checkbox"] + label .chk_all_text::after {
    content:none !important;
    display:none !important;
}

/* hover / focus */
html body #fregister#fregister .chk_all.chk_all > input[type="checkbox"] + label:hover {
    border-color:#a1a1aa !important;
    background:#f4f4f5 !important;
}

html body #fregister#fregister .chk_all.chk_all > input[type="checkbox"]:focus-visible + label {
    box-shadow:0 0 0 4px rgba(24,24,27,.09) !important;
}

/* 모바일에서도 다른 CSS가 다시 위치를 바꾸지 못하게 유지 */
@media (max-width:640px) {
    html body #fregister#fregister .fregister_agree.fregister_agree {
        padding:15px !important;
    }

    html body #fregister#fregister .fregister_agree.fregister_agree:not(.chk_all) > input[type="checkbox"] + label {
        display:flex !important;
        align-items:center !important;
        justify-content:flex-start !important;
        gap:10px !important;
        padding:0 !important;
        font-size:12px !important;
        line-height:21px !important;
    }

    html body #fregister#fregister .chk_all.chk_all > input[type="checkbox"] + label {
        display:flex !important;
        align-items:center !important;
        justify-content:flex-start !important;
        gap:11px !important;
        min-height:68px !important;
        padding:14px 16px !important;
        border-radius:16px !important;
    }
}

/* ========================================================================
   END - 회원가입 약관 체크박스 FINAL FORCE OVERRIDE
   ======================================================================== */