@charset "euc-kr";

/* =====================================================================
   ÀÌ ÆÄÀÏÀº russel_join_13217(ȸ¿ø°¡ÀÔ join_*.asp)°ú russel_unified_13824
   (ÅëÇÕȸ¿øÀüȯ unified_*.asp)ÀÌ ÇÔ²² ¾´´Ù. ¼½¼Ç/±ÔÄ¢¸¶´Ù ¾Æ·¡ Ç¥±â·Î »ç¿ë ¹üÀ§¸¦ ³²±ä´Ù.
     [°øÅë]     join_*.asp ¿Í unified_*.asp ¾çÂÊÀÌ °°Àº Ŭ·¡½º¸íÀ» ±×´ë·Î Àç»ç¿ë
     [JOIN Àü¿ë] join_*.asp(¶Ç´Â privacy_*.asp Æ˾÷)¿¡¼­¸¸ ¾²°í unified´Â ¾È ¾¸
     [UNIFIED Àü¿ë] unified_*.asp¿¡¼­¸¸ ¾²°í joinÀº ¾È ¾¸ - º¸Åë uni- Á¢µÎ¾î³ª
                    .total-join ½ºÄÚÇÁ·Î ±¸ºÐµÈ´Ù
   Ç¥±â ¾ø´Â ¼¼ºÎ ±ÔÄ¢Àº ¹Ù·Î À§/¼½¼Ç Àüü¿Í ¹üÀ§°¡ °°´Ù°í º¸¸é µÈ´Ù.
===================================================================== */

/* =====================================================================
    Base
===================================================================== */
html, body { min-height:100%; }
body { display:flex; flex-direction:column; min-height:100vh; background:#fff; color:#333; }

/* Microsoft Edge / IE */
input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear { display:none; }

/* =====================================================================
    Join - Common  [°øÅë] ÀÌ ¼½¼Ç Àüü°¡ join_*.asp / unified_*.asp ¾çÂÊ¿¡¼­ ¾²ÀδÙ
===================================================================== */
.join-page { background:#fff; color:#333; }
.join-page * { box-sizing:border-box; }
.join-step { width:100%; max-width:640px; margin:0 auto; padding:0; padding-bottom:160px; }
@media (max-width:767px) {
    .join-step { max-width:none; min-height:0; margin:0; padding:32px 16px 100px; }
}

/* radio */
.rdo-row { display:flex; align-items:center; gap:8px; cursor:pointer; user-select:none; }
.rdo-row input { position:absolute; opacity:0; pointer-events:none; }
.rdo-ui { position:relative; flex:none; width:22px; height:22px; border-radius:50%; background:#cfd5dc; }
.rdo-ui:after { content:""; position:absolute; left:50%; top:50%; width:10px; height:10px; border-radius:50%; background:#fff; transform:translate(-50%, -50%); }
.rdo-row input:checked + .rdo-ui { background:#2c5bf6; }
.rdo-txt { color:#333; font-size:14px; font-weight:400; line-height:1.4; letter-spacing:-0.28px; }
.rdo-row input:checked ~ .rdo-txt { font-weight:600; }

/* disabled ¶óµð¿À´Â ¼±Åà ºÒ°¡ »óÅ°¡ ´«¿¡ ¶çµµ·Ï ¹Ì¼±Åðú ´Ù¸£°Ô Ç¥½Ã */
.rdo-row:has(input:disabled) { cursor:default; }
.rdo-row input:disabled + .rdo-ui { background:#f5f5f5; border:1px solid #dbdee5; }
.rdo-row input:disabled + .rdo-ui:after { background:#dbdee5; }
.rdo-row input:disabled ~ .rdo-txt { color:#bbb; }

/* Auth field */
.join-page .auth-card { box-sizing:border-box; }
.join-page .auth-field label { display:block; margin-bottom:8px; color:#333; font-size:15px; font-weight:600; line-height:1.4; letter-spacing:-.3px; }
.join-page .auth-input-wrap { position:relative; }
.join-page .input-basic::placeholder { color:#7e7e7e; opacity:1; }
.join-page .input-basic.has-error { border-color:#ed2024; }
.join-page .input-basic:disabled { padding:0 18px; border:1px solid #DBDEE5; border-radius:6px; }
.join-page .auth-error { display:none; margin:6px 0 0; color:#ed2024; font-size:12px; font-weight:400; line-height:1.4; letter-spacing:-.24px; }
.join-page .auth-error.is-visible { display:block; }
.join-page .auth-btn-row { margin-top:24px; }

/* Shared button states */
.join-page .join-btn, .join-page .join-line-btn, .join-layer .btn { display:flex; align-items:center; justify-content:center; font-family:inherit; line-height:1.4; cursor:pointer; }
.join-page .btn-blue, .join-layer .btn-blue { border:1px solid #2c5bf6; background:#2c5bf6; color:#fff !important; }
.join-page .btn-line, .join-layer .btn-line { border:1px solid #777; background:#fff; color:#333 !important; }
.join-page .btn-gray, .join-layer .btn-gray { border:1px solid #9aa3b2; background:#9aa3b2; color:#fff !important; }

.join-page .btn-blue.is-disabled, .join-page .btn-line.is-disabled, .join-page .btn-gray.is-disabled,
.join-page .btn-blue:disabled, .join-page .btn-line:disabled, .join-page .btn-gray:disabled,
.join-layer .btn-blue.is-disabled, .join-layer .btn-line.is-disabled, .join-layer .btn-gray.is-disabled,
.join-layer .btn-blue:disabled, .join-layer .btn-line:disabled, .join-layer .btn-gray:disabled { 
    border-color:#dbdee5; background:#ededed; color:#777 !important; cursor:default; 
    /* pointer-events:none; */
}

/* =====================================================================
    Join - Member Type  [JOIN Àü¿ë] ¾Æ·¡ ȸ¿øÀ¯Çü ¼±Åà īµå(join-title/con/box/types/
    type/ico)´Â join.asp¸¸ ¾´´Ù - unified.asp´Â ´ëÀÀ È­¸éÀÌ ¾ø´Ù.
    ´Ü, ºê·£µå ·Î°í ±×·ì(join-brand/join-logos ÀÌÇÏ)¸¸Àº [°øÅë]À¸·Î unified.asp/
    unified_step2¡¤3.aspµµ ±×´ë·Î Àç»ç¿ëÇÑ´Ù.
===================================================================== */

.join-title { display:flex; flex-direction:column; align-items:center; gap:18px; width:507px; max-width:100%; margin:0 auto; text-align:center; }
.join-title h3 { margin:0; color:#333; font-size:24px; font-weight:600; line-height:1.3334; letter-spacing:-0.6px; }
.join-title h4 { margin:0; color:#555; font-size:16px; font-weight:400; line-height:1.125; letter-spacing:-0.4px; }

@media (min-width:768px) {
    body.join-page-body .sub-header { padding-bottom:24px; }
}

/* join.asp Àü¿ë ÄÁÅ×ÀÌ³Ê - unified´Â µ¶¸³µÈ .uni-total-con(ÇÏ´Ü "Join - unified" ¼½¼Ç)À» ¾´´Ù */
.join-con { display:flex; flex-direction:column; align-items:center; gap:32px; width:640px; max-width:100%; margin:clamp(17px, calc(17px + (56 - 17) * ((100vw - 360px) / 840)), 56px) auto 0; }
.join-con form{ width:100%; }
/* ºê·£µå ·Î°í ±×·ì [°øÅë]: Figma row gaps are preserved; logo widths follow SVG ratio from height. */
.join-brand { width:100%; padding:32px 0; border:1px solid #e5e5e5; border-radius:16px; background:#fff; }
.join-logos { display:flex; flex-direction:column; align-items:center; justify-content:center; width:640px; max-width:100%; margin:0 auto; padding:0; gap:24px; list-style:none; }
.join-logo-row { display:flex; align-items:center; justify-content:center; margin:0; padding:0; }
.join-logo-row-top { gap:48px; }
.join-logo-row-bottom { gap:44px; }
.join-logo { position:relative; display:inline-flex; align-items:center; justify-content:center; height:34px; }
.join-logo img { display:block; max-width:none; height:34px; }

.join-box { width:100%; padding:40px 52px 52px; border-radius:16px; background:#f7f9ff; text-align:center; }
.join-box h2 { margin:0; color:#333; font-size:24px; font-weight:600; line-height:1; letter-spacing:-0.6px; }
.join-types { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:20px; margin-top:32px; }
.join-type { display:flex; flex-direction:column; align-items:center; gap:6px; height:142px; padding:24px 16px; border:1px solid #777; border-radius:10px; background:#fff; transition:border-color .18s ease; }
.join-type:hover, .join-type:focus-visible, .join-type.is-active { border-color:#2c5bf6; outline:none; }
.join-ico { display:flex; align-items:center; justify-content:center; width:60px; height:60px; border-radius:999px; color:#333; }
.join-ico:before { content:""; display:block; width:44px; height:44px; background:currentColor; -webkit-mask:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDQiIGhlaWdodD0iNDQiIHZpZXdCb3g9IjAgMCA0NCA0NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjQuNTkxOCAyMy41NzE0QzI1LjI3ODQgMjMuNTcxNSAyNS43MzU5IDI0LjMzMTYgMjUuNDUzIDI1LjAwMjFMMjQuMjc5OCAyNy43Nzc0QzI0LjI0MjcgMjcuODY1MiAyNC4xOTQyIDI3Ljk0NDcgMjQuMTM3NyAyOC4wMTU4TDI2LjY2NDkgMzYuMDc2NUMyNi43ODc5IDM2LjQ2ODcgMjYuNjc2MiAzNi45MDIzIDI2LjM4MjUgMzcuMTcwOEwyMi42MTM3IDQwLjYxNDlDMjIuMjYwNCA0MC45Mzc5IDIxLjc0MDQgNDAuOTM3OSAyMS4zODcgNDAuNjE0OUwxNy42MTc0IDM3LjE3MDhDMTcuMzIzNyAzNi45MDIzIDE3LjIxMiAzNi40Njg3IDE3LjMzNDkgMzYuMDc2NUwxOS44NjEzIDI4LjAxNThDMTkuODA0OSAyNy45NDQ5IDE5Ljc1NyAyNy44NjQ5IDE5LjcyIDI3Ljc3NzRMMTguNTQ3OCAyNS4wMDIxQzE4LjI2NDcgMjQuMzMxNSAxOC43MjIyIDIzLjU3MTQgMTkuNDA5IDIzLjU3MTRIMjQuNTkxOFoiIGZpbGw9ImN1cnJlbnRDb2xvciIvPjxwYXRoIGQ9Ik0zOS42Nzg2IDQxLjAyNDRDMzkuNjc4NCAzMi4zMTUgMzQuNDEwOSAyNS4wMjE4IDI3LjI2ODMgMjIuNTg5M0MyNi44NDkgMjIuNDQ2NSAyNi41NDQ0IDIyLjA4MDkgMjYuNDgxMSAyMS42NDI0QzI2LjQxNzkgMjEuMjA0MSAyNi42MDU5IDIwLjc2NyAyNi45Njc2IDIwLjUxMTRDMjkuNDcwNiAxOC43NDM2IDMxLjEwNjQgMTUuODIzMyAzMS4xMDY0IDEyLjUxNDZDMzEuMTA2IDcuMTE1MTEgMjYuNzU2OCAyLjc1IDIxLjQwNjIgMi43NUMxNi4wNTU3IDIuNzUwMjQgMTEuNzA2MyA3LjExNTI3IDExLjcwNiAxMi41MTQ2QzExLjcwNiAxNS45ODUzIDEzLjUwNTcgMTkuMDMgMTYuMjE3NyAyMC43NjMxQzE2LjU5MSAyMS4wMDE3IDE2Ljc5OTMgMjEuNDMwMSAxNi43NTYzIDIxLjg3MTFDMTYuNzEzMiAyMi4zMTE4IDE2LjQyNTggMjIuNjkxMiAxNi4wMTM2IDIyLjg1MzJDOS4yMzg3MSAyNS41MTY1IDQuMzIxNzEgMzIuNjExMyA0LjMyMTUgNDEuMDI0NEM0LjMyMTUgNDEuNDY4NSA0LjMzNjk0IDQxLjkxMjcgNC4zNjQ0NyA0Mi4zNTQ5QzQuNDA0OTIgNDMuMDA0NiAzLjkxMDc0IDQzLjU2NTEgMy4yNjEwOSA0My42MDU2QzIuNjExNzcgNDMuNjQ1OCAyLjA1MjU4IDQzLjE1MTUgMi4wMTE5MyA0Mi41MDIyQzEuOTgxNzMgNDIuMDE3MyAxLjk2NDM2IDQxLjUyMzMgMS45NjQzNiA0MS4wMjQ0QzEuOTY0NTUgMzIuNDYxMiA2LjU3MDQyIDI1LjAwODIgMTMuMzIwNCAyMS40OTY2QzEwLjg4NDUgMTkuMjc5OSA5LjM0ODg0IDE2LjA3OTMgOS4zNDg4NCAxMi41MTQ2QzkuMzQ5MiA1LjgyNjY0IDE0Ljc0MDggMC4zOTMwOTMgMjEuNDA2MiAwLjM5Mjg1M0MyOC4wNzE4IDAuMzkyODUzIDMzLjQ2MzIgNS44MjY1MSAzMy40NjM1IDEyLjUxNDZDMzMuNDYzNSAxNS44Nzc5IDMyLjA5NjggMTguOTE3MSAyOS44OTcxIDIxLjExMTVDMzcuMDcxNiAyNC40Mzk2IDQyLjAzNTYgMzIuMTM1NiA0Mi4wMzU4IDQxLjAyNDRDNDIuMDM1OCA0MS41MjMzIDQyLjAxODQgNDIuMDE3MyA0MS45ODgyIDQyLjUwMjJDNDEuOTQ3NiA0My4xNTE1IDQxLjM4ODQgNDMuNjQ1OCA0MC43MzkxIDQzLjYwNTZDNDAuMDg5NCA0My41NjUxIDM5LjU5NTIgNDMuMDA0NiAzOS42MzU3IDQyLjM1NDlDMzkuNjYzMiA0MS45MTI3IDM5LjY3ODYgNDEuNDY4NSAzOS42Nzg2IDQxLjAyNDRaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz48L3N2Zz4=") center/44px 44px no-repeat; mask:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDQiIGhlaWdodD0iNDQiIHZpZXdCb3g9IjAgMCA0NCA0NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjQuNTkxOCAyMy41NzE0QzI1LjI3ODQgMjMuNTcxNSAyNS43MzU5IDI0LjMzMTYgMjUuNDUzIDI1LjAwMjFMMjQuMjc5OCAyNy43Nzc0QzI0LjI0MjcgMjcuODY1MiAyNC4xOTQyIDI3Ljk0NDcgMjQuMTM3NyAyOC4wMTU4TDI2LjY2NDkgMzYuMDc2NUMyNi43ODc5IDM2LjQ2ODcgMjYuNjc2MiAzNi45MDIzIDI2LjM4MjUgMzcuMTcwOEwyMi42MTM3IDQwLjYxNDlDMjIuMjYwNCA0MC45Mzc5IDIxLjc0MDQgNDAuOTM3OSAyMS4zODcgNDAuNjE0OUwxNy42MTc0IDM3LjE3MDhDMTcuMzIzNyAzNi45MDIzIDE3LjIxMiAzNi40Njg3IDE3LjMzNDkgMzYuMDc2NUwxOS44NjEzIDI4LjAxNThDMTkuODA0OSAyNy45NDQ5IDE5Ljc1NyAyNy44NjQ5IDE5LjcyIDI3Ljc3NzRMMTguNTQ3OCAyNS4wMDIxQzE4LjI2NDcgMjQuMzMxNSAxOC43MjIyIDIzLjU3MTQgMTkuNDA5IDIzLjU3MTRIMjQuNTkxOFoiIGZpbGw9ImN1cnJlbnRDb2xvciIvPjxwYXRoIGQ9Ik0zOS42Nzg2IDQxLjAyNDRDMzkuNjc4NCAzMi4zMTUgMzQuNDEwOSAyNS4wMjE4IDI3LjI2ODMgMjIuNTg5M0MyNi44NDkgMjIuNDQ2NSAyNi41NDQ0IDIyLjA4MDkgMjYuNDgxMSAyMS42NDI0QzI2LjQxNzkgMjEuMjA0MSAyNi42MDU5IDIwLjc2NyAyNi45Njc2IDIwLjUxMTRDMjkuNDcwNiAxOC43NDM2IDMxLjEwNjQgMTUuODIzMyAzMS4xMDY0IDEyLjUxNDZDMzEuMTA2IDcuMTE1MTEgMjYuNzU2OCAyLjc1IDIxLjQwNjIgMi43NUMxNi4wNTU3IDIuNzUwMjQgMTEuNzA2MyA3LjExNTI3IDExLjcwNiAxMi41MTQ2QzExLjcwNiAxNS45ODUzIDEzLjUwNTcgMTkuMDMgMTYuMjE3NyAyMC43NjMxQzE2LjU5MSAyMS4wMDE3IDE2Ljc5OTMgMjEuNDMwMSAxNi43NTYzIDIxLjg3MTFDMTYuNzEzMiAyMi4zMTE4IDE2LjQyNTggMjIuNjkxMiAxNi4wMTM2IDIyLjg1MzJDOS4yMzg3MSAyNS41MTY1IDQuMzIxNzEgMzIuNjExMyA0LjMyMTUgNDEuMDI0NEM0LjMyMTUgNDEuNDY4NSA0LjMzNjk0IDQxLjkxMjcgNC4zNjQ0NyA0Mi4zNTQ5QzQuNDA0OTIgNDMuMDA0NiAzLjkxMDc0IDQzLjU2NTEgMy4yNjEwOSA0My42MDU2QzIuNjExNzcgNDMuNjQ1OCAyLjA1MjU4IDQzLjE1MTUgMi4wMTE5MyA0Mi41MDIyQzEuOTgxNzMgNDIuMDE3MyAxLjk2NDM2IDQxLjUyMzMgMS45NjQzNiA0MS4wMjQ0QzEuOTY0NTUgMzIuNDYxMiA2LjU3MDQyIDI1LjAwODIgMTMuMzIwNCAyMS40OTY2QzEwLjg4NDUgMTkuMjc5OSA5LjM0ODg0IDE2LjA3OTMgOS4zNDg4NCAxMi41MTQ2QzkuMzQ5MiA1LjgyNjY0IDE0Ljc0MDggMC4zOTMwOTMgMjEuNDA2MiAwLjM5Mjg1M0MyOC4wNzE4IDAuMzkyODUzIDMzLjQ2MzIgNS44MjY1MSAzMy40NjM1IDEyLjUxNDZDMzMuNDYzNSAxNS44Nzc5IDMyLjA5NjggMTguOTE3MSAyOS44OTcxIDIxLjExMTVDMzcuMDcxNiAyNC40Mzk2IDQyLjAzNTYgMzIuMTM1NiA0Mi4wMzU4IDQxLjAyNDRDNDIuMDM1OCA0MS41MjMzIDQyLjAxODQgNDIuMDE3MyA0MS45ODgyIDQyLjUwMjJDNDEuOTQ3NiA0My4xNTE1IDQxLjM4ODQgNDMuNjQ1OCA0MC43MzkxIDQzLjYwNTZDNDAuMDg5NCA0My41NjUxIDM5LjU5NTIgNDMuMDA0NiAzOS42MzU3IDQyLjM1NDlDMzkuNjYzMiA0MS45MTI3IDM5LjY3ODYgNDEuNDY4NSAzOS42Nzg2IDQxLjAyNDRaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz48L3N2Zz4=") center/44px 44px no-repeat; }
.join-ico-stu:before { height:45px; -webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDQiIGhlaWdodD0iNDUiIHZpZXdCb3g9IjAgMCA0NCA0NSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMzkuNjc4NiA0MS4wMjQ0QzM5LjY3ODQgMzIuMzE1IDM0LjQxMDkgMjUuMDIxOCAyNy4yNjgzIDIyLjU4OTNDMjYuODQ5IDIyLjQ0NjUgMjYuNTQ0NCAyMi4wODA5IDI2LjQ4MTEgMjEuNjQyNEMyNi40MTc5IDIxLjIwNDEgMjYuNjA1OSAyMC43NjcgMjYuOTY3NiAyMC41MTE0QzI5LjQ3MDYgMTguNzQzNiAzMS4xMDY0IDE1LjgyMzMgMzEuMTA2NCAxMi41MTQ2QzMxLjEwNiA3LjExNTExIDI2Ljc1NjggMi43NSAyMS40MDYyIDIuNzVDMTYuMDU1NyAyLjc1MDI0IDExLjcwNjMgNy4xMTUyNyAxMS43MDYgMTIuNTE0NkMxMS43MDYgMTUuOTg1MyAxMy41MDU3IDE5LjAzIDE2LjIxNzcgMjAuNzYzMUMxNi41OTEgMjEuMDAxNyAxNi43OTkzIDIxLjQzMDEgMTYuNzU2MyAyMS44NzExQzE2LjcxMzIgMjIuMzExOCAxNi40MjU4IDIyLjY5MTIgMTYuMDEzNiAyMi44NTMyQzkuMjM4NzEgMjUuNTE2NSA0LjMyMTcxIDMyLjYxMTMgNC4zMjE1IDQxLjAyNDRDNC4zMjE1IDQxLjQ2ODUgNC4zMzY5NCA0MS45MTI3IDQuMzY0NDcgNDIuMzU0OUM0LjQwNDkyIDQzLjAwNDYgMy45MTA3NCA0My41NjUxIDMuMjYxMDkgNDMuNjA1NkMyLjYxMTc3IDQzLjY0NTggMi4wNTI1OCA0My4xNTE1IDIuMDExOTMgNDIuNTAyMkMxLjk4MTczIDQyLjAxNzMgMS45NjQzNiA0MS41MjMzIDEuOTY0MzYgNDEuMDI0NEMxLjk2NDU1IDMyLjQ2MTIgNi41NzA0MiAyNS4wMDgyIDEzLjMyMDQgMjEuNDk2NkMxMC44ODQ1IDE5LjI3OTkgOS4zNDg4NCAxNi4wNzkzIDkuMzQ4ODQgMTIuNTE0NkM5LjM0OTIgNS44MjY2NCAxNC43NDA4IDAuMzkzMDkzIDIxLjQwNjIgMC4zOTI4NTNDMjguMDcxOCAwLjM5Mjg1MyAzMy40NjMyIDUuODI2NTEgMzMuNDYzNSAxMi41MTQ2QzMzLjQ2MzUgMTUuODc3OSAzMi4wOTY4IDE4LjkxNzEgMjkuODk3MSAyMS4xMTE1QzM3LjA3MTYgMjQuNDM5NiA0Mi4wMzU2IDMyLjEzNTYgNDIuMDM1OCA0MS4wMjQ0QzQyLjAzNTggNDEuNTIzMyA0Mi4wMTg0IDQyLjAxNzMgNDEuOTg4MiA0Mi41MDIyQzQxLjk0NzYgNDMuMTUxNSA0MS4zODg0IDQzLjY0NTggNDAuNzM5MSA0My42MDU2QzQwLjA4OTQgNDMuNTY1MSAzOS41OTUyIDQzLjAwNDYgMzkuNjM1NyA0Mi4zNTQ5QzM5LjY2MzIgNDEuOTEyNyAzOS42Nzg2IDQxLjQ2ODUgMzkuNjc4NiA0MS4wMjQ0WiIgZmlsbD0iY3VycmVudENvbG9yIi8+PHBhdGggZD0iTTMxLjgyMTMgNDIuNDA3N1YzMS4zMzU2QzMxLjgyMTMgMzEuMjI1IDMxLjc3NjUgMzEuMTM4NSAzMS43MiAzMS4wODM5QzMxLjY2NzUgMzEuMDMzMiAzMS42MDY3IDMxLjAxIDMxLjUzMjggMzEuMDE2NEMyOS4xNzAyIDMxLjIyMjEgMjUuNzUwNCAzMS44OTkxIDIzLjI3OTcgMzMuNDcxOEMyMy4yNDcxIDMzLjQ5MjggMjMuMTk4OCAzMy41NDU0IDIzLjE4MyAzMy42NDgzTDIzLjE3NjkgMzMuNzc4N0MyMy4xMzk3IDM0LjQxNDkgMjIuNjAzMSAzNC45MDY1IDIxLjk2NjEgMzQuODg4MkMyMS4zMjkgMzQuODY5NiAyMC44MjE1IDM0LjM0ODUgMjAuODIxMyAzMy43MTEyQzIwLjgyMTMgMzMuNTcwNSAyMC43NTgyIDMzLjQ5NjQgMjAuNzIgMzMuNDcxOEMxOC4yNDkgMzEuODk4OSAxNC44MjggMzEuMjIyIDEyLjQ2NTQgMzEuMDE2NEMxMi4zOTIgMzEuMDEwMyAxMi4zMzIgMzEuMDMzNCAxMi4yNzk3IDMxLjA4MzlDMTIuMjIzMyAzMS4xMzg1IDEyLjE3ODUgMzEuMjI1IDEyLjE3ODQgMzEuMzM1NlY0Mi40MDc3QzEyLjE3ODQgNDMuMDU4NyAxMS42NTA4IDQzLjU4NjMgMTAuOTk5OSA0My41ODYzQzEwLjM0OSA0My41ODYzIDkuODIxMjkgNDMuMDU4NyA5LjgyMTI5IDQyLjQwNzdWMzEuMzM1NkM5LjgyMTM1IDI5LjgzOTkgMTEuMDU4NCAyOC41MjczIDEyLjY3MSAyOC42NjdDMTUuMTc1NSAyOC44ODUgMTkuMDQxMSAyOS42MDk1IDIxLjk4NDUgMzEuNDgyOUMyMS45ODk2IDMxLjQ4NjIgMjEuOTk0OCAzMS40OTA0IDIxLjk5OTkgMzEuNDkzN0MyMi4wMDQ5IDMxLjQ5MDQgMjIuMDEwMSAzMS40ODYyIDIyLjAxNTIgMzEuNDgyOUMyNC45NTg4IDI5LjYwOTQgMjguODI1NyAyOC44ODQ5IDMxLjMzMDIgMjguNjY3QzMyLjk0MjYgMjguNTI3NiAzNC4xNzg0IDI5Ljg0IDM0LjE3ODQgMzEuMzM1NlY0Mi40MDc3QzM0LjE3ODQgNDMuMDU4NyAzMy42NTA4IDQzLjU4NjMgMzIuOTk5OSA0My41ODYzQzMyLjM0OSA0My41ODYzIDMxLjgyMTMgNDMuMDU4NyAzMS44MjEzIDQyLjQwNzdaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz48cGF0aCBkPSJNMjAuODIxMyA0My4yMTQzVjMzLjc4NTdDMjAuODIxMyAzMy4xMzQ4IDIxLjM0OSAzMi42MDcxIDIxLjk5OTkgMzIuNjA3MUMyMi42NTA4IDMyLjYwNzEgMjMuMTc4NCAzMy4xMzQ4IDIzLjE3ODQgMzMuNzg1N1Y0My4yMTQzQzIzLjE3ODQgNDMuODY1MiAyMi42NTA4IDQ0LjM5MjkgMjEuOTk5OSA0NC4zOTI5QzIxLjM0OSA0NC4zOTI5IDIwLjgyMTMgNDMuODY1MiAyMC44MjEzIDQzLjIxNDNaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz48L3N2Zz4="); mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDQiIGhlaWdodD0iNDUiIHZpZXdCb3g9IjAgMCA0NCA0NSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMzkuNjc4NiA0MS4wMjQ0QzM5LjY3ODQgMzIuMzE1IDM0LjQxMDkgMjUuMDIxOCAyNy4yNjgzIDIyLjU4OTNDMjYuODQ5IDIyLjQ0NjUgMjYuNTQ0NCAyMi4wODA5IDI2LjQ4MTEgMjEuNjQyNEMyNi40MTc5IDIxLjIwNDEgMjYuNjA1OSAyMC43NjcgMjYuOTY3NiAyMC41MTE0QzI5LjQ3MDYgMTguNzQzNiAzMS4xMDY0IDE1LjgyMzMgMzEuMTA2NCAxMi41MTQ2QzMxLjEwNiA3LjExNTExIDI2Ljc1NjggMi43NSAyMS40MDYyIDIuNzVDMTYuMDU1NyAyLjc1MDI0IDExLjcwNjMgNy4xMTUyNyAxMS43MDYgMTIuNTE0NkMxMS43MDYgMTUuOTg1MyAxMy41MDU3IDE5LjAzIDE2LjIxNzcgMjAuNzYzMUMxNi41OTEgMjEuMDAxNyAxNi43OTkzIDIxLjQzMDEgMTYuNzU2MyAyMS44NzExQzE2LjcxMzIgMjIuMzExOCAxNi40MjU4IDIyLjY5MTIgMTYuMDEzNiAyMi44NTMyQzkuMjM4NzEgMjUuNTE2NSA0LjMyMTcxIDMyLjYxMTMgNC4zMjE1IDQxLjAyNDRDNC4zMjE1IDQxLjQ2ODUgNC4zMzY5NCA0MS45MTI3IDQuMzY0NDcgNDIuMzU0OUM0LjQwNDkyIDQzLjAwNDYgMy45MTA3NCA0My41NjUxIDMuMjYxMDkgNDMuNjA1NkMyLjYxMTc3IDQzLjY0NTggMi4wNTI1OCA0My4xNTE1IDIuMDExOTMgNDIuNTAyMkMxLjk4MTczIDQyLjAxNzMgMS45NjQzNiA0MS41MjMzIDEuOTY0MzYgNDEuMDI0NEMxLjk2NDU1IDMyLjQ2MTIgNi41NzA0MiAyNS4wMDgyIDEzLjMyMDQgMjEuNDk2NkMxMC44ODQ1IDE5LjI3OTkgOS4zNDg4NCAxNi4wNzkzIDkuMzQ4ODQgMTIuNTE0NkM5LjM0OTIgNS44MjY2NCAxNC43NDA4IDAuMzkzMDkzIDIxLjQwNjIgMC4zOTI4NTNDMjguMDcxOCAwLjM5Mjg1MyAzMy40NjMyIDUuODI2NTEgMzMuNDYzNSAxMi41MTQ2QzMzLjQ2MzUgMTUuODc3OSAzMi4wOTY4IDE4LjkxNzEgMjkuODk3MSAyMS4xMTE1QzM3LjA3MTYgMjQuNDM5NiA0Mi4wMzU2IDMyLjEzNTYgNDIuMDM1OCA0MS4wMjQ0QzQyLjAzNTggNDEuNTIzMyA0Mi4wMTg0IDQyLjAxNzMgNDEuOTg4MiA0Mi41MDIyQzQxLjk0NzYgNDMuMTUxNSA0MS4zODg0IDQzLjY0NTggNDAuNzM5MSA0My42MDU2QzQwLjA4OTQgNDMuNTY1MSAzOS41OTUyIDQzLjAwNDYgMzkuNjM1NyA0Mi4zNTQ5QzM5LjY2MzIgNDEuOTEyNyAzOS42Nzg2IDQxLjQ2ODUgMzkuNjc4NiA0MS4wMjQ0WiIgZmlsbD0iY3VycmVudENvbG9yIi8+PHBhdGggZD0iTTMxLjgyMTMgNDIuNDA3N1YzMS4zMzU2QzMxLjgyMTMgMzEuMjI1IDMxLjc3NjUgMzEuMTM4NSAzMS43MiAzMS4wODM5QzMxLjY2NzUgMzEuMDMzMiAzMS42MDY3IDMxLjAxIDMxLjUzMjggMzEuMDE2NEMyOS4xNzAyIDMxLjIyMjEgMjUuNzUwNCAzMS44OTkxIDIzLjI3OTcgMzMuNDcxOEMyMy4yNDcxIDMzLjQ5MjggMjMuMTk4OCAzMy41NDU0IDIzLjE4MyAzMy42NDgzTDIzLjE3NjkgMzMuNzc4N0MyMy4xMzk3IDM0LjQxNDkgMjIuNjAzMSAzNC45MDY1IDIxLjk2NjEgMzQuODg4MkMyMS4zMjkgMzQuODY5NiAyMC44MjE1IDM0LjM0ODUgMjAuODIxMyAzMy43MTEyQzIwLjgyMTMgMzMuNTcwNSAyMC43NTgyIDMzLjQ5NjQgMjAuNzIgMzMuNDcxOEMxOC4yNDkgMzEuODk4OSAxNC44MjggMzEuMjIyIDEyLjQ2NTQgMzEuMDE2NEMxMi4zOTIgMzEuMDEwMyAxMi4zMzIgMzEuMDMzNCAxMi4yNzk3IDMxLjA4MzlDMTIuMjIzMyAzMS4xMzg1IDEyLjE3ODUgMzEuMjI1IDEyLjE3ODQgMzEuMzM1NlY0Mi40MDc3QzEyLjE3ODQgNDMuMDU4NyAxMS42NTA4IDQzLjU4NjMgMTAuOTk5OSA0My41ODYzQzEwLjM0OSA0My41ODYzIDkuODIxMjkgNDMuMDU4NyA5LjgyMTI5IDQyLjQwNzdWMzEuMzM1NkM5LjgyMTM1IDI5LjgzOTkgMTEuMDU4NCAyOC41MjczIDEyLjY3MSAyOC42NjdDMTUuMTc1NSAyOC44ODUgMTkuMDQxMSAyOS42MDk1IDIxLjk4NDUgMzEuNDgyOUMyMS45ODk2IDMxLjQ4NjIgMjEuOTk0OCAzMS40OTA0IDIxLjk5OTkgMzEuNDkzN0MyMi4wMDQ5IDMxLjQ5MDQgMjIuMDEwMSAzMS40ODYyIDIyLjAxNTIgMzEuNDgyOUMyNC45NTg4IDI5LjYwOTQgMjguODI1NyAyOC44ODQ5IDMxLjMzMDIgMjguNjY3QzMyLjk0MjYgMjguNTI3NiAzNC4xNzg0IDI5Ljg0IDM0LjE3ODQgMzEuMzM1NlY0Mi40MDc3QzM0LjE3ODQgNDMuMDU4NyAzMy42NTA4IDQzLjU4NjMgMzIuOTk5OSA0My41ODYzQzMyLjM0OSA0My41ODYzIDMxLjgyMTMgNDMuMDU4NyAzMS44MjEzIDQyLjQwNzdaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz48cGF0aCBkPSJNMjAuODIxMyA0My4yMTQzVjMzLjc4NTdDMjAuODIxMyAzMy4xMzQ4IDIxLjM0OSAzMi42MDcxIDIxLjk5OTkgMzIuNjA3MUMyMi42NTA4IDMyLjYwNzEgMjMuMTc4NCAzMy4xMzQ4IDIzLjE3ODQgMzMuNzg1N1Y0My4yMTQzQzIzLjE3ODQgNDMuODY1MiAyMi42NTA4IDQ0LjM5MjkgMjEuOTk5OSA0NC4zOTI5QzIxLjM0OSA0NC4zOTI5IDIwLjgyMTMgNDMuODY1MiAyMC44MjEzIDQzLjIxNDNaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz48L3N2Zz4="); }
.join-type:hover .join-ico, .join-type:focus-visible .join-ico, .join-type.is-active .join-ico { color:#2c5bf6; }
.join-type strong { color:#333; font-size:20px; font-weight:500; line-height:1.4; }
.join-type:hover strong, .join-type:focus-visible strong, .join-type.is-active strong { color:#2c5bf6; font-weight:600; }

@media (max-width:767px) {
    .join-title { gap:12px; width:100%; }
    .join-title h3 { display:block; font-size:18px; line-height:140%; letter-spacing:-0.45px; }
    .join-title h4 { color:var(--555, #555); font-size:15px; line-height:140%; letter-spacing:-0.375px; }
    .join-title h4 br { display:block; }
    .join-con { width:100%; }
    .join-brand { padding:20px 0; border-radius:10px; }
    .join-logos { width:auto; gap:12px; }
    .join-logo-row-top { gap:16px; }
    .join-logo-row-bottom { gap:11px; }
    .join-logo, .join-logo img { height:20px; }
    .join-box { padding:0; border-radius:0; background:transparent; }
    .join-box h2 { font-size:18px; line-height:1.4; letter-spacing:-0.45px; word-break:keep-all; }
    .join-types { gap:10px; margin-top:16px; }
    .join-type { justify-content:center; height:84px; padding:12px 10px; border-radius:6px; }
    .join-ico, .join-ico:before, .join-ico-stu:before { width:27px; height:27px; }
    .join-ico:before, .join-ico-stu:before { -webkit-mask-size:27px 27px; mask-size:27px 27px; }
    .join-type strong { font-size:15px; font-weight:600; letter-spacing:-0.3px; }
}

/* =====================================================================
    Join - Terms  [°øÅë] ¾à°üµ¿ÀÇ È­¸é(join_step1.asp / unified_step1.asp) Àü¿ë -
    join-card/head/indicator´Â ´Ù¸¥ ´Ü°è È­¸éµéµµ °°ÀÌ ¾´´Ù.
===================================================================== */
.join-card { width:100%; padding:42px; border:1px solid #e5e5e5; border-radius:16px; background:#fff; }
.join-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; }
.join-head h3 { margin:0; color:#333; font-size:18px; font-weight:600; line-height:1.4; letter-spacing:-0.36px; }
.join-indicator { display:flex; gap:6px; margin:0; padding:0; list-style:none; }
.join-indicator li { width:8px; height:8px; border-radius:999px; background:rgba(0, 0, 0, .2); }
.join-indicator li.is-active { width:29px; background:#2c5bf6; }
.join-allbox { padding:16px; border-radius:6px; background:#f8f8f8; }
.join-all { align-items:flex-start; gap:12px; color:#333; font-size:15px; font-weight:600; line-height:1.4; letter-spacing:-0.3px; }
.join-all .chk-txt { color:#333; font-size:15px; font-weight:600; line-height:1.4; letter-spacing:-0.3px; }
.join-allbox .noti { margin:5px 0 0 33px; color:#777; font-size:13px; font-weight:400; line-height:1.4; letter-spacing:-0.325px; word-break:keep-all; }
.join-check { display:flex; align-items:flex-start; gap:12px; min-width:0; color:#333; font-size:14px; font-weight:400; line-height:1.4; letter-spacing:-0.35px; }
.join-check .chk-row { align-items:center; gap:12px; min-width:0; }
.join-check .chk-txt { min-width:0; color:#333; font-size:14px; font-weight:400; line-height:1.4; letter-spacing:-0.35px; }
.join-check .req_color { color:#2c5bf6; font-style:normal; font-weight:400; }
.join-check .opt_color { color:#777; font-style:normal; font-weight:400; }
.join-terms { margin-top:12px; }
.join-term { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; min-height:42px; padding:10px 0; }
.join-term-parent.is-open { min-height:32px; padding-bottom:0; }
.join-term-child { padding-left:34px; }
.join-check.no-check { padding-left:34px; }
.join-view { flex:none; color:#777; font-size:13px; font-weight:400; line-height:1.4; letter-spacing:-0.325px; text-decoration:underline; }
.join-view:hover { text-decoration:underline; }
.join-view span { color:inherit; font:inherit; }
.join-arr { position:relative; flex:none; width:14px; height:14px; margin-top:2px; }
.join-arr:before { content:""; position:absolute; left:3px; top:1px; width:7px; height:7px; border-right:1.5px solid #333; border-bottom:1.5px solid #333; transform:rotate(45deg); }
.join-arr.is-open:before { top:5px; transform:rotate(225deg); }
.join-subterms { display:none; padding:8px 0 10px 35px; }
.join-subterms.is-open { display:flex; flex-direction:column; gap:8px; border-bottom:1px solid #ededed; }
.join-subterms dl { display:flex; align-items:center; justify-content:space-between; gap:14px; min-height:0; margin:0; color:#333; font-size:14px; line-height:1.4; letter-spacing:-0.35px; }
.join-subterms dt { flex:1; color:#777; font-size:13px; min-width:0; font-weight:400; line-height:1.4; letter-spacing:-0.325px; word-break:keep-all; }
.join-subterms dt span { color:#777; }
.join-subterms dd { flex:none; margin:0; }
.join-btns { margin-top:32px; width:100%; }
.join-btn { height:42px; border-radius:6px; font-size:15px; font-weight:600; letter-spacing:-0.15px; width:100%; max-width:none; border:0; }

@media (max-width:767px) {
    .join-page .auth-field label { font-size:14px; letter-spacing:-.28px; }
    .join-page .auth-error { margin-top:4px; }
    .join-card { padding:0; border:0; border-radius:0; }
    .join-head h3 { font-size:16px; line-height:1; letter-spacing:-0.32px; }
    .join-indicator li { width:6px; height:6px; }
    .join-indicator li.is-active { width:16px; }
    .join-all { font-size:14px; letter-spacing:-0.35px; }
    .join-all .chk-txt { font-size:14px; font-weight:500; letter-spacing:-0.35px; }
    .join-subterms { padding-left:35px; }
    .join-btn { height:38px; border-radius:4px; font-size:14px; letter-spacing:-0.14px; }
}

/* =====================================================================
    Join - Auth Check  [°øÅë] join_step2.asp(º»ÀÎÀÎÁõ)/unified_step2.asp(´ë»ó¼±ÅÃ) Àü¿ë.
    .join-tabs/.join-panelÀº [°øÅë]ÀÌÁö¸¸ ¾²ÀÌ´Â "´Ü°è"°¡ ¼­·Î ´Ù¸£´Ï ÁÖÀÇ:
    joinÀº step2(ÀÎÁõ¼ö´Ü ÅÇ)¿¡¼­, unified´Â step3(±âÁ¸/½Å±Ô ¾ÆÀ̵ð ÅÇ)¿¡¼­ ¾´´Ù.
===================================================================== */
.join-auth .join-head { margin-bottom:12px; padding-bottom:12px; }
.join-tabs { display:flex; gap:12px; height:49px; margin:0; border-bottom:1px solid #2c5bf6; }
.join-tabs button { display:flex; align-items:center; justify-content:center; flex:1; min-width:0; height:49px; margin:0; padding:14px 10px; border:0; border-bottom:1px solid #2c5bf6; border-radius:6px 6px 0 0; background:#fff; color:#777; font-family:inherit; font-size:16px; font-weight:500; line-height:1.3; letter-spacing:-0.4px; cursor:pointer; }
.join-tabs button.is-active { border:1px solid #2c5bf6; border-bottom-color:#fff; color:#2c5bf6; font-weight:700; }
.join-panel { padding-top:24px; }
.join-panel[hidden] { display:none; }
/* .join-field ÀÌÇÏ´Â [°øÅë] join_step2¡¤3.asp / unified_step3.asp¿¡¼­ ÀÔ·Â Çʵå Àü¹Ý¿¡ ¾´´Ù */
.join-field { display:flex; flex-direction:column; margin-top:24px; }
.join-field.join-code { margin-top:0; }
.join-field:first-child { margin-top:0; }
.join-field label { color:#333; font-size:15px; font-weight:600; line-height:1.4; letter-spacing:-0.3px; }
.join-field .input-basic, .join-field select { border-color:#dbdee5; }
.join-field .input-basic::placeholder { color:#7e7e7e; opacity:1; }
.join-field .input-basic:focus, .join-field select:focus { border-color:#2c5bf6; }

.join-field .input-basic:disabled,
.join-field .is-disabled,
.input-basic.is-verified,
select.is-verified { background:#f5f5f5; color:#7e7e7e; font-size:14px; }

.join-field .input-basic.is-disabled,
.join-field select.is-disabled,
.join-page button.is-disabled { cursor:default; pointer-events:none; user-select:none; }
.input-basic.has-error,
select.has-error,
.select-btn.has-error { border-color:#ed2024; }
.join-code { display:none; }
.join-code.is-visible { display:flex; margin-top:10px; }

.join-codebox { display:none; }
.join-code.is-visible .join-codebox, .join-codebox.is-visible { display:flex; }
.join-codebox input { padding-right:72px; }
.join-codebox span { position:absolute; right:18px; top:50%; color:#333; font-size:13px; line-height:1.4; letter-spacing:-0.26px; transform:translateY(-50%); }

.join-page .join-msg { display:none; margin:6px 0 0; color:#ed2024; font-size:12px; font-weight:400; line-height:1.4; letter-spacing:-0.24px; }
.join-page .join-msg.is-visible { display:block; }
.join-page .join-msg span { display:block; margin:0; color:inherit; font:inherit; letter-spacing:inherit; }

.join-emailbox { display:flex; align-items:flex-start; gap:6px; }
.join-emailbox > input, .join-emailbox > select { flex:1; min-width:0; }
.join-emailbox > span { display:flex; align-items:center; justify-content:center; align-self:stretch; flex:none; width:13px; color:#333; font-size:16px; font-weight:400; line-height:1.4; letter-spacing:-0.32px; }
.join-mail-domain { display:block; flex:1; min-width:0; }
.join-mail-domain .select-btn { width:100%; }

.join-mail-domain.is-selected:not(.open) .select-arrow { margin-top:-5px; transform:rotate(45deg); }
.join-mail-domain.open .select-arrow { margin-top:5px; transform:rotate(-135deg); }
.join-mail-domain.is-verified .select-btn, .select-btn.is-verified { border-color:#dbdee5; background:#f5f5f5; color:#7e7e7e; }
.join-mail-domain.is-verified .select-arrow { border-color:#888; }
.custom-dropdown.is-disabled { cursor:default; pointer-events:none; user-select:none; }

@media (max-width:767px) {
    .join-auth { padding-top:32px; }
    .join-auth .join-head h3 { font-weight:700; letter-spacing:-0.4px; }
    .join-tabs { gap:4px; height:40px; }
    .join-tabs button { height:40px; padding:10px 8px; font-size:14px; line-height:1.4; letter-spacing:-0.35px; }
    .join-field label { font-size:14px; letter-spacing:-0.28px; }
    .join-codebox input { padding-right:61px; }
    .join-codebox span { right:12px; }
    .join-mail-domain { flex:0 0 50%; }
}

/* =====================================================================
    Join - Layer  [JOIN Àü¿ë] join_step2.aspÀÇ "µ¿ÀÏ Á¤º¸ °èÁ¤ È®ÀÎ" Æ˾÷ ·¹À̾î Àüü
    (.join-layer-pop/head/close/copy/btns/brand, .join-member-list) - unified´Â ÀÌ
    Æ˾÷ ÀÚü¸¦ ¾È ¾´´Ù(´ë½Å ÆäÀÌÁö º»¹®¿¡ ºê·£µå ¸ñ·ÏÀ» ¹Ù·Î ³ëÃâÇÑ´Ù).
    ´Ü, .join-member-date´Â [°øÅë]À¸·Î unified°¡ ±×´ë·Î Àç»ç¿ëÇÑ´Ù(°èÁ¤ Çà ÀÚü´Â unified
    Àü¿ë .uni-brand-acc¸¦ µû·Î ¾¸). .join-brand-list/.join-brand-groupÀº ¿¹Àü¿£ unified°¡
    °°ÀÌ ½èÁö¸¸, ¼­·Î ¿µÇâÀ» ÁÖ°í¹Þ´Â ¹®Á¦ ¶§¹®¿¡ ¿ÏÀüÈ÷ ºÐ¸®Çß´Ù - unified´Â µ¶¸³µÈ
    .uni-brand-list/.uni-brand-groupÀ» ¾´´Ù("Join - unified_step2" ¼½¼Ç Âü°í).
===================================================================== */
.join-layer[hidden] { display:none; }
.join-layer { position:fixed; inset:0; z-index:1000; display:flex; align-items:center; justify-content:center; padding:24px; }
.join-layer, .join-layer * { box-sizing:border-box; }
.join-layer-dim { position:absolute; inset:0; background:rgba(0, 0, 0, .45); }
.join-layer-pop { position:relative; z-index:1; display:flex; flex-direction:column; width:480px; max-width:100%; max-height:calc(100vh - 48px); padding:28px 24px; border-radius:20px; background:#fff; box-shadow:0 18px 50px rgba(0, 0, 0, .18); overflow:hidden; }
.join-layer-head { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.join-layer-head h4 { margin:0; color:#333; font-size:18px; font-weight:600; line-height:1.4; letter-spacing:-0.36px; }
.join-layer-close { position:relative; flex:none; width:28px; height:28px; margin:0; padding:0; border:0; background:transparent; cursor:pointer; }
.join-layer-close:before, .join-layer-close:after { content:""; position:absolute; left:50%; top:50%; width:24px; height:2px; background:#111; transform:translate(-50%, -50%) rotate(45deg); }
.join-layer-close:after { transform:translate(-50%, -50%) rotate(-45deg); }
.join-layer-copy { margin-top:16px; color:#555; font-size:15px; font-weight:400; line-height:1.4; letter-spacing:-0.3px; }
.join-layer-copy strong, .join-layer-copy span { display:block; }
.join-layer-copy strong { color:#333; font-weight:600; }
.join-member-list { flex:1 1 auto; min-height:0; max-height:324px; margin-top:16px; padding:0 16px; border:1px solid #dbdee5; border-radius:8px; overflow-y:auto; overscroll-behavior:contain; }

.join-member-list .rdo-row { min-height:54px; border-top:1px solid #dbdee5; }
.join-member-list .rdo-row:first-child { border-top:0; }

.join-member-date { margin-left:auto; color:#777; font-size:12px; font-weight:400; line-height:1.4; letter-spacing:-0.24px; }
.join-layer-btns { flex:none; display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:24px; }
.join-layer-btns .btn { width:100%; min-width:0; height:42px; border-radius:6px; font-size:14px; font-weight:700; letter-spacing:-0.28px; }
.join-layer-btns .btn-line { font-weight:500; }
.join-layer-brand { width:480px; }
.join-brand-list { flex:1 1 auto; min-height:0; max-height:420px; display:flex; flex-direction:column; gap:16px; width:100%; margin-top:16px; overflow-y:auto; overscroll-behavior:contain; }
.join-brand-group { padding:16px; border:1px solid #dbdee5; border-radius:8px; background:#fff; overflow:hidden; }
.join-brand-account { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:20px; margin-top:16px; padding-left:28px; color:#333; font-size:14px; font-weight:400; line-height:1.4; letter-spacing:-0.28px; }
.join-brand-account:before { content:""; position:absolute; }
.join-brand-group .rdo-row + .join-brand-account { margin-top:32px; position:relative; }
.join-brand-group .rdo-row + .join-brand-account:before { content:""; position:absolute; left:0; right:0; top:-16px; height:1px; background:#dbdee5; }

.join-brand-account.is-empty { justify-content:flex-start; color:#777; }
body.join-layer-open { overflow:hidden; }

@media (max-width:767px) {
    .join-layer { padding:16px; }
    .join-layer-pop { width:100%; padding:28px 16px; }
    .join-layer-head h4 { font-size:16px; letter-spacing:-0.32px; }
    .join-layer-copy { font-size:14px; letter-spacing:-0.28px; }
    .join-layer-btns .btn { height:38px; }
}

/* =====================================================================
    Join - Info Input  [°øÅë] Á¤º¸ÀÔ·Â È­¸é(join_step3.asp / unified_step3.asp) Àü¿ë -
    join-form/req/passbox/eye/pass-check/info-code µî ÀÔ·Â Çʵå Àü¹ÝÀ» ±×´ë·Î Àç»ç¿ë
===================================================================== */
.join-form { padding-top:12px; }
.join-req { display:inline-block; margin-left:1px; color:#ed2024; font-size:14px; font-weight:600; line-height:1; vertical-align:top; }
.join-label-row { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.join-label-row label { min-width:0; }
.join-ok { display:inline-flex; align-items:center; gap:3px; flex:none; color:#2c5bf6; font-size:12px; font-weight:400; line-height:1.4; letter-spacing:-0.24px; }
.join-ok:before { content:""; display:block; flex:none; width:15px; height:15px; background:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSI3LjI1IiBjeT0iNy4yNSIgcj0iNi41IiBzdHJva2U9IiMyQzVCRjYiIHN0cm9rZS13aWR0aD0iMS41Ii8+PHBhdGggZD0iTTQuNzUgNy4yNUw1LjI0MDY2IDcuNzczMzdDNS44ODM5NyA4LjQ1OTU2IDYuMjA1NjIgOC44MDI2NiA2LjYwNDA2IDguNzg0NzNDNy4wMDI1IDguNzY2OCA3LjI5MjA0IDguMzk2MTkgNy44NzExIDcuNjU0OTlMOS43NSA1LjI1IiBzdHJva2U9IiMyQzVCRjYiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48L3N2Zz4=") center/15px 15px no-repeat; }
.join-ok[hidden] { display:none; }
.join-passbox { position:relative; margin-top:10px; }
.join-passbox:first-of-type { margin-top:0; }
.join-passbox input { padding-right:72px; }
.join-eye, .join-pass-check { position:absolute; top:50%; width:20px; height:20px; transform:translateY(-50%); }
.join-eye { right:44px; margin:0; padding:0; border:0; background:transparent; cursor:pointer; }
.join-eye:before { content:""; display:block; width:20px; height:18px; background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2218%22%20viewBox%3D%220%200%2020%2018%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M10%2010C10.5523%2010%2011%209.55228%2011%209C11%208.44772%2010.5523%208%2010%208C9.44772%208%209%208.44772%209%209C9%209.55228%209.44772%2010%2010%2010Z%22%20fill%3D%22%23777777%22%2F%3E%3Cpath%20d%3D%22M12.1932%2013.0794L11.3332%2012.1861L11.2865%2012.1394L10.4399%2011.2928C10.3055%2011.3163%2010.1696%2011.3297%2010.0332%2011.3328C9.724%2011.3372%209.417%2011.2801%209.13005%2011.1648C8.8431%2011.0495%208.58192%2010.8784%208.36171%2010.6612C8.1415%2010.4441%207.96664%2010.1854%207.8473%209.90012C7.72796%209.61483%207.66652%209.30867%207.66655%208.99943C7.66964%208.86306%207.68301%208.72712%207.70655%208.59276L6.37322%207.25943L5.33322%206.24609C4.58077%206.95507%203.93616%207.77038%203.41988%208.66609C3.36137%208.76744%203.33057%208.8824%203.33057%208.99943C3.33057%209.11645%203.36137%209.23141%203.41988%209.33276C3.83988%2010.0594%206.08655%2013.6661%2010.0132%2013.6661H10.1799C10.9182%2013.6442%2011.6471%2013.493%2012.3332%2013.2194L12.1932%2013.0794Z%22%20fill%3D%22%23777777%22%2F%3E%3Cpath%20d%3D%22M7.7265%204.83959L9.59317%206.70626C9.72753%206.68272%209.86347%206.66935%209.99984%206.66626C10.6187%206.66626%2011.2122%206.91209%2011.6498%207.34967C12.0873%207.78726%2012.3332%208.38075%2012.3332%208.99959C12.3301%209.13596%2012.3167%209.2719%2012.2932%209.40626L14.0798%2011.1929L14.6398%2011.7529C15.4017%2011.0458%2016.0554%2010.2304%2016.5798%209.33292C16.6383%209.23158%2016.6692%209.11661%2016.6692%208.99959C16.6692%208.88257%2016.6383%208.7676%2016.5798%208.66626C16.1532%207.92626%2013.8065%204.21292%209.81984%204.33292C9.08147%204.35482%208.35266%204.506%207.6665%204.77959L7.7265%204.83959Z%22%20fill%3D%22%23777777%22%2F%3E%3Cpath%20d%3D%22M15.807%2013.8608L14.9403%2013.0008L13.607%2011.6674L7.26029%205.31411L6.28029%204.33411L5.14029%203.19411C5.07813%203.13195%205.00433%203.08264%204.92312%203.049C4.8419%203.01536%204.75486%202.99805%204.66695%202.99805C4.57905%202.99805%204.492%203.01536%204.41079%203.049C4.32957%203.08264%204.25578%203.13195%204.19362%203.19411C4.06808%203.31964%203.99756%203.48991%203.99756%203.66744C3.99756%203.84498%204.06808%204.01524%204.19362%204.14077L5.68695%205.66744L6.85362%206.80077L11.727%2011.6674L11.7736%2011.7141L12.667%2012.6074L13.0603%2013.0008L14.8603%2014.8074C14.9223%2014.8699%2014.996%2014.9195%2015.0772%2014.9534C15.1585%2014.9872%2015.2456%2015.0046%2015.3336%2015.0046C15.4216%2015.0046%2015.5088%2014.9872%2015.59%2014.9534C15.6712%2014.9195%2015.745%2014.8699%2015.807%2014.8074C15.8694%2014.7455%2015.919%2014.6717%2015.9529%2014.5905C15.9867%2014.5093%2016.0042%2014.4221%2016.0042%2014.3341C16.0042%2014.2461%2015.9867%2014.159%2015.9529%2014.0777C15.919%2013.9965%2015.8694%2013.9228%2015.807%2013.8608Z%22%20fill%3D%22%23777777%22%2F%3E%3C%2Fsvg%3E") center/20px 18px no-repeat; }
.join-eye.is-on:before { background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2218%22%20viewBox%3D%220%200%2020%2018%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M10%2010C10.5523%2010%2011%209.55228%2011%209C11%208.44772%2010.5523%208%2010%208C9.44772%208%209%208.44772%209%209C9%209.55228%209.44772%2010%2010%2010Z%22%20fill%3D%22%23777777%22%2F%3E%3Cpath%20d%3D%22M16.5799%208.66626C16.1532%207.92626%2013.8066%204.21292%209.81988%204.33292C6.13322%204.42626%203.99988%207.66626%203.41988%208.66626C3.36137%208.7676%203.33057%208.88256%203.33057%208.99959C3.33057%209.11661%203.36137%209.23158%203.41988%209.33292C3.83988%2010.0596%206.08655%2013.6663%2010.0132%2013.6663H10.1799C13.8666%2013.5729%2016.0066%2010.3329%2016.5799%209.33292C16.6384%209.23158%2016.6692%209.11661%2016.6692%208.99959C16.6692%208.88256%2016.6384%208.7676%2016.5799%208.66626ZM9.99988%2011.3329C9.53839%2011.3329%209.08727%2011.1961%208.70355%2010.9397C8.31984%2010.6833%208.02077%2010.3189%207.84416%209.89252C7.66756%209.46616%207.62135%208.997%207.71138%208.54438C7.80142%208.09176%208.02364%207.676%208.34997%207.34967C8.67629%207.02335%209.09205%206.80112%209.54467%206.71109C9.99729%206.62106%2010.4665%206.66727%2010.8928%206.84387C11.3192%207.02047%2011.6836%207.31954%2011.94%207.70326C12.1964%208.08697%2012.3332%208.5381%2012.3332%208.99959C12.3332%209.61843%2012.0874%2010.2119%2011.6498%2010.6495C11.2122%2011.0871%2010.6187%2011.3329%209.99988%2011.3329Z%22%20fill%3D%22%23777777%22%2F%3E%3C%2Fsvg%3E"); }
.join-pass-check { right:18px; }
.join-pass-check:before { content:""; position:absolute; left:5px; top:3px; width:8px; height:12px; border:2px solid #999; border-top:0; border-left:0; transform:rotate(45deg); }
/* .join-eye/.join-pass-check µÑ ´Ù ÀÖ´Ù°í °¡Á¤ÇÑ °ªÀÌ À§ ±âº»°ª(72px µî)ÀÌ´Ù. ¾ÆÀÌÄÜÀ» ÄÑ°í
   ²ô°í ½ÍÀ» ¶© CSS¸¦ µû·Î ¸¸Áú ÇÊ¿ä ¾øÀÌ ¸¶Å©¾÷¿¡¼­ <button class="join-eye">³ª
   <span class="join-pass-check">¸¦ ³Ö°Å³ª »©±â¸¸ ÇÏ¸é µÈ´Ù - :has()°¡ ½ÇÁ¦·Î ³²¾ÆÀÖ´Â
   ¾ÆÀÌÄÜ °³¼ö¸¦ º¸°í ÀÔ·Ââ ¿©¹é/¾ÆÀÌÄÜ À§Ä¡¸¦ ÀÚµ¿À¸·Î ¸ÂÃçÁØ´Ù. 4°¡Áö Á¶ÇÕ:
   1) ¾ÆÀÌÄÜ 0°³(µÑ ´Ù ¸¶Å©¾÷¿¡ ¾øÀ½) ¡æ ¿©¹é¸¸ »ì¦
   2) eye¸¸ ÀÖÀ½ ¡æ eye°¡ ¾ÈÂÊ(°¡±î¿î) ÀÚ¸®·Î À̵¿
   3) pass-check¸¸ ÀÖÀ½ ¡æ ¿ø·¡ ÀÚ¸®(¾ÈÂÊ) ±×´ë·Î
   4) µÑ ´Ù ÀÖÀ½(¸¶Å©¾÷ ±×´ë·Î µÑ ¶§) ¡æ À§ ±âº»°ª(72px µî) ±×´ë·Î Àû¿ë, ¾Æ·¡ ±ÔÄ¢ ¹ÌÇØ´ç */
.join-passbox:not(:has(.join-eye)):not(:has(.join-pass-check)) input { padding-right:12px; } /* 1) ¾ÆÀÌÄÜ 0°³ */
.join-passbox:has(.join-eye):not(:has(.join-pass-check)) input { padding-right:44px; } /* 2) eye¸¸ */
.join-passbox:has(.join-eye):not(:has(.join-pass-check)) .join-eye { right:18px; } /* 2) eye¸¸ - ¾ÈÂÊÀ¸·Î À̵¿ */
.join-passbox:has(.join-pass-check):not(:has(.join-eye)) input { padding-right:44px; } /* 3) pass-check¸¸ */
.join-line-btn { width:100%; height:42px; margin:0; padding:0 14px; border-width:1px; border-style:solid; border-radius:4px; font-size:15px; font-weight:600; letter-spacing:-0.3px; }
.join-cert .join-line-btn,
.join-cert .join-codebox { margin-top:10px; }

.join-info-code { width:100%; display:flex; gap:6px; }
.join-info-code input { flex:1; min-width:0; padding-right:72px; }
.join-info-code .join-code-btn { flex:0 0 120px; height:42px; border:0; border-radius:6px; font-family:inherit; font-size:15px; font-weight:600; line-height:1.4; letter-spacing:-0.3px; cursor:pointer; }
.join-info-code span { right:138px; }

.custom-dropdown.join-info-domain.is-disabled .select-btn { border-color:#dbdee5; background:#f5f5f5; color:#7e7e7e; pointer-events:none; }
.join-info .join-btn { cursor:default; }
.join-info .join-btn.is-active { border-color:#2c5bf6; background:#2c5bf6; color:#fff !important; cursor:pointer; }
.join-info .input-basic.has-error, .join-emailbox .select-btn.has-error { border-color:#ed2024; }
.join-pass-check.is-active:before { border-color:#2c5bf6; }

@media (max-width:767px) {
    .join-info .join-head h3 { font-size:16px; font-weight:700; line-height:1; letter-spacing:-0.4px; }
    .join-info .join-field:first-child { margin-top:0; }
    .join-passbox { margin-top:8px; }
    .join-passbox input { padding-right:64px; }
    .join-eye { right:38px; }
    .join-pass-check { right:12px; }
    .join-passbox:not(:has(.join-eye)):not(:has(.join-pass-check)) input { padding-right:12px; } /* 1) ¾ÆÀÌÄÜ 0°³ */
    .join-passbox:has(.join-eye):not(:has(.join-pass-check)) input { padding-right:38px; } /* 2) eye¸¸ */
    .join-passbox:has(.join-eye):not(:has(.join-pass-check)) .join-eye { right:12px; } /* 2) eye¸¸ - ¾ÈÂÊÀ¸·Î À̵¿ */
    .join-passbox:has(.join-pass-check):not(:has(.join-eye)) input { padding-right:38px; } /* 3) pass-check¸¸ */
    .join-line-btn { height:38px; font-size:14px; letter-spacing:-0.28px; }
    .join-info-code .join-code-btn { flex-basis:84px; height:38px; border-radius:4px; font-size:14px; letter-spacing:-0.28px; }
    .join-info-code input { padding-right:61px; }
    .join-info-code span { right:98px; }
    .join-info .join-msg.is-visible { margin-top:4px; }
}

/* =====================================================================
    Join - Complete  [°øÅë] °¡ÀÔ¿Ï·á È­¸é(join_step4.asp / unified_step4.asp) Àü¿ë
===================================================================== */
.join-complete .join-card { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:32px; padding:42px; }
.join-complete-txt { display:flex; flex-direction:column; align-items:center; gap:12px; text-align:center; }
.join-complete-ico { display:flex; align-items:center; justify-content:center; width:48px; height:48px; background:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMzMuNSAxOC41TDIyLjUgMjkuNUwxNy41IDI0LjUiIHN0cm9rZT0iIzJDNUJGNiIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48cGF0aCBkPSJNMzcuOTYgMjMuMDhDMzggMjMuMzg2IDM4IDIzLjY5MiAzOCAyNEMzOCAzMS43MzIgMzEuNzMyIDM4IDI0IDM4QzE2LjI2OCAzOCAxMCAzMS43MzIgMTAgMjRDMTAgMTYuMjY4IDE2LjI2OCAxMCAyNCAxMEMyNi4zNzggMTAgMjguNjE4IDEwLjU5MiAzMC41OCAxMS42MzgiIHN0cm9rZT0iIzJDNUJGNiIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48L3N2Zz4=") center/48px 48px no-repeat; }
.join-complete-main { display:flex; flex-direction:column; align-items:center; color:#333; font-size:20px; font-weight:600; line-height:1.4; letter-spacing:-0.4px; }
.join-complete-main strong { font:inherit; color:inherit; }
.join-complete-txt p { margin:0; color:#555; font-size:16px; font-weight:400; line-height:1.4; letter-spacing:-0.4px; word-break:keep-all; }
.join-complete-btns { display:flex; gap:24px; width:100%; }
@media (max-width:767px) {
    .join-complete { padding:32px 16px 100px; }
    .join-complete .join-card { min-height:0; padding:0; border:0; border-radius:0; }
    .join-complete-txt { max-width:100%; }
    .join-complete-main { font-size:18px; line-height:1.3; letter-spacing:-0.45px; }
    .join-complete-txt p { width:238px; max-width:100%; font-size:15px; letter-spacing:-0.375px; }
    .join-complete-btns { gap:8px; padding:0 16px; }
}

/* =====================================================================
    Join - Privacy Popup  [JOIN Àü¿ë] 
===================================================================== */

.privacy-body { display:block; min-height:100vh; overflow-y:auto; background:#f5f6f8; color:#333; }
.privacy-body * { box-sizing:border-box; }
.privacy-pop { width:100%; min-height:100vh; margin:0 auto; padding:0; background:#fff; border-radius:20px; overflow:hidden; }
.privacy-head { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:20px 24px; border-bottom:1px solid #ededed; background:#fff; }
.privacy-head h1 { margin:0; color:#333; font-size:18px; font-weight:600; line-height:26px; letter-spacing:-0.36px; word-break:keep-all; }
.privacy-head .join-layer-close { width:22px; height:22px; background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M18.33%203.67L3.67%2018.33%22%20stroke%3D%22%23333333%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M18.33%2018.33L3.67%203.67%22%20stroke%3D%22%23333333%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E") center/22px 22px no-repeat; }
.privacy-head .join-layer-close:before, .privacy-head .join-layer-close:after { content:none; }
.privacy-cont { padding:20px 24px 24px; color:#555; }
.privacy-cont h4 { margin:16px 0 0; color:#555; font-size:13px; font-weight:700; line-height:18px; letter-spacing:0; }
.privacy-cont p { margin:16px 0 0; color:#555; font-size:13px; font-weight:400; line-height:18px; letter-spacing:0; word-break:keep-all; }
.privacy-cont p:first-child, .privacy-cont h4:first-child { margin-top:0; }
.privacy-cont .u-line { text-decoration:underline; text-underline-offset:2px; }
.privacy-cont ul { margin:0; padding-left:18px; }
.privacy-cont ul li { list-style:disc; color:#555; font-size:13px; font-weight:400; line-height:18px; }
.privacy-cont ul li + li { margin-top:4px; }

.privacy-table { margin-top:16px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; }
.privacy-table table { width:100%; table-layout:fixed; word-wrap:break-word; border-collapse:collapse; word-break:keep-all; font-size:13px; }
.privacy-table table th, .privacy-table table td { padding:8px; font-size:13px; line-height:18px; border-bottom:1px solid #e5e5e5; }
.privacy-table table th { background:#f5f5f5; color:#333; font-weight:600; text-align:center; letter-spacing:-0.13px; }
.privacy-table table td { color:#333; font-weight:400; text-align:left; }
.privacy-table table th:first-child, .privacy-table table td:first-child { width:122px; border-right:1px solid #e5e5e5; }
.privacy-table table tr:last-child th, .privacy-table table tr:last-child td { border-bottom:0; }

@media (max-width:767px) {
    .privacy-pop { max-width:none; margin:0; border-radius:0; }
    .privacy-head { position:relative; padding:12px 16px; }
    .privacy-head h1 { padding-right:38px; font-size:16px; line-height:24px; letter-spacing:-0.32px; }
    .privacy-cont { padding:12px 16px 24px; }
}

/* =====================================================================
    Join - unified (ÅëÇÕȸ¿ø Àüȯ)  [UNIFIED Àü¿ë] ¿©±âºÎÅÍ ÆÄÀÏ ³¡±îÁö´Â ÀüºÎ unified_*.asp¸¸
    ¾´´Ù(uni- Á¢µÎ¾î³ª .total-join ½ºÄÚÇÁ·Î joinÀÇ ±âÁ¸ ±ÔÄ¢°ú ºÐ¸®µÇ¾î ÀÖ´Ù).
===================================================================== */
.uni-total-con { display:flex; flex-direction:column; align-items:center; gap:32px; width:640px; max-width:100%; margin:0 auto; }
/* °³¹ß¿¡¼­ uni-card¸¦ <form>À¸·Î °¨½Î¸é uni-total-con(align-items:center flex)ÀÇ
   Á÷°è ÀÚ½ÄÀÌ formÀÌ µÇ¸é¼­ formÀÌ ÄÜÅÙÃ÷ Å©±â·Î shrinkµÇ¾î uni-cardÀÇ width:100%°¡
   ±úÁø´Ù - form¿¡ width:100%¸¦ °­Á¦Çؼ­ ¿ìȸ */
.uni-total-con form { width:100%; }
@media (max-width:767px) {
    .uni-total-con { width:100%; margin-top:8px; }
}

.uni-card .join-btn { font-weight:600; }

.total-join .join-brand { border:0; border-bottom:1px solid #e5e5e5; border-radius:0; padding:0 0 40px; }
.total-join .join-logos { gap:16px; }
.total-join .join-logo-row-top, .total-join .join-logo-row-bottom { gap:40px; }

.uni-card {width: 100%; border: 1px solid #e5e5e5; border-radius: 16px; background: #fff; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:40px; padding:42px; }
.uni-card-txt { display:flex; flex-direction:column; align-items:center; gap:24px; text-align:center; }
.uni-card-main { display:flex; flex-direction:column; align-items:center; color:#333; font-size:24px; font-weight:600; line-height:1.4; letter-spacing:-0.48px; }
.uni-card-main strong { font:inherit; color:inherit; }
.uni-card-txt p { margin:0; color:#555; font-size:16px; font-weight:400; line-height:1.5; letter-spacing:-0.16px; word-break:keep-all; }
.uni-card .join-btns{ margin-top:0;}
@media (max-width:767px) {
    .uni-card { padding:0;border:0; border-radius:0; gap:24px; }
    .uni-card-txt { gap:16px; max-width:100%; }
    .uni-card-main { font-size:18px; line-height:1.3; letter-spacing:-0.45px; }
    .uni-card-txt p { line-height:1.4; font-size:15px; letter-spacing:-0.375px; }

    .total-join .join-brand { border:1px solid #ededed; border-radius:12px; padding:20px; }
    .total-join .join-logos { gap:12px; }
    .total-join .join-logo-row-top { gap:16px; }
    .total-join .join-logo-row-bottom { gap:11px; }
}

/* =====================================================================
    Join - unified_step1
===================================================================== */

/* =====================================================================
    Join - unified_step2 (TRS 13824, russel_unified_13824 Àü¿ë - join È­¸é ¹Ì»ç¿ë)
===================================================================== */

.uni-subhead { display:flex; align-items:center; justify-content:space-between; margin-top:0; margin-bottom:12px; padding-bottom:0; }
.uni-subhead h4 { margin:0; color:#333; font-size:15px; font-weight:600; line-height:1.4; letter-spacing:-0.3px; }
@media (max-width:767px) {
    .uni-subhead h4 { font-size:14px; letter-spacing:-0.28px; }
}
.uni-desc { margin:12px 0 0; color:#555; font-size:14px; font-weight:400; line-height:1.5; letter-spacing:-0.28px; word-break:keep-all; }
.uni-empty { margin:8px 0 0; color:#777; font-size:13px; font-weight:400; line-height:1.4; letter-spacing:-0.26px; }

.uni-info-table { margin-top:12px; margin-bottom:24px; border-bottom:1px solid #e5e5e5; column-count:2; column-gap:0; }
.uni-info-table .row { display:flex; break-inside:avoid; }
.uni-info-table .row { border-top:1px solid #e5e5e5; }
.uni-info-table .cell-label { flex:0 0 100px; padding:8px 12px; background:#f5f5f5; color:#555; font-size:14px; font-weight:400; line-height:20px; letter-spacing:-0.14px; border-right:1px solid #e5e5e5; }
.uni-info-table .cell-value { flex:1; min-width:0; padding:8px 12px; background:#fff; color:#333; font-size:14px; font-weight:400; line-height:20px; letter-spacing:-0.14px; word-break:break-all; overflow-wrap:break-word; }
.uni-info-table .cell-value.is-empty { color:#777; }

@media (max-width:767px) {
    .uni-info-table { column-count:1; }
    .uni-info-table .cell-label { flex-basis:110px; }
}

.uni-desc-list { margin:12px 0 0; padding-left:19.5px; color:#555; font-size:13px; font-weight:400; line-height:18px; letter-spacing:normal; }
.uni-desc-list li { list-style:none; position:relative; }
.uni-desc-list li::before { content:""; position:absolute; left:-11px; top:7.5px; width:3px; height:3px; border-radius:50%; background:currentColor; }
.uni-desc-list li + li { margin-top:2px; }
@media (max-width:767px) {
    .uni-desc-list { padding-left:18px; font-size:12px; letter-spacing:-0.12px; }
}


.uni-empty-notice { margin-top:16px; padding:16px 12px; background:#f5f5f5; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; color:#333; font-size:14px; font-weight:400; line-height:1.4; letter-spacing:-0.14px; }
@media (max-width:767px) {
    .uni-empty-notice { font-size:13px; padding:8px 12px; letter-spacing:normal; }
}

.uni-brand-list { display:flex; flex-direction:column; gap:0; width:100%; margin-top:16px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; }
.uni-brand-group { display:flex; align-items:stretch; }
.uni-brand-group:not(:last-child) { border-bottom:1px solid #e5e5e5; }
.uni-brand-label { flex:0 0 237px; display:flex; align-items:center; justify-content:flex-start; flex-wrap:wrap; gap:8px; padding:16px; background:#f5f5f5; border:0; border-right:1px solid #e5e5e5; color:#333; font-size:14px; font-weight:600; line-height:18px; }
.uni-brand-tab:not(:first-child)::before { content:""; display:inline-block; width:1px; height:12px; margin-right:8px; background:#ccc; vertical-align:middle; }

.uni-brand-accounts { flex:1; min-width:0; padding:16px; display:flex; flex-direction:column; gap:16px; }
.uni-brand-list .rdo-row.uni-brand-acc { display:flex; align-items:center; justify-content:flex-start; gap:8px; min-height:0; margin-top:0; padding:0; color:#333; font-size:14px; font-weight:400; }
.uni-brand-list .rdo-row.uni-brand-acc .rdo-txt { position:relative; display:inline-block; font-size:13px; color:#333; letter-spacing:normal; }
.uni-brand-list .rdo-row.uni-brand-acc .rdo-txt:before { content:attr(data-text); display:block; height:0; overflow:hidden; visibility:hidden; font-weight:600; }
.uni-brand-list .rdo-row.uni-brand-acc .join-member-date { margin-left:0; color:#999; font-size:12px; font-weight:400; letter-spacing:-0.12px; }
.uni-brand-accounts.is-empty { color:#333; font-size:13px; font-weight:400; line-height:18px; }

@media (max-width:767px) {
    .uni-brand-list { gap:16px; border-top:0; border-bottom:0; }
    .uni-brand-group { display:block; }
    .uni-brand-group:not(:last-child) { border-bottom:0; }
    .uni-brand-label { flex:none; padding:8px 12px; border:0; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; }
    .uni-brand-accounts { padding:12px 0 0; }
}

.total-join .join-auth .join-btns { margin-top:24px; }

/* =====================================================================
    Join - unified_step3 (TRS 13824, russel_unified_13824 Àü¿ë - join È­¸é ¹Ì»ç¿ë)
===================================================================== */
.uni-divider { height:1px; margin:32px 0; background:#e5e5e5; }
.uni-section-title { margin:24px 0 24px; color:#333; font-size:16px; font-weight:600; line-height:24px; letter-spacing:-0.16px; }
.uni-section-title-row { position:relative; margin:24px 0 12px; }
.uni-section-title-row .uni-section-title { margin:0; }
.uni-required-tag { position:absolute; right:0; top:50%; transform:translateY(-50%); display:none; align-items:center; gap:2px; color:#555; font-size:13px; font-weight:400; line-height:1.4; }
.uni-required-star { color:#ed2024; font-size:15px; }
.uni-section-title-row + .uni-id-desc { display:block; }
@media (max-width:767px) {
    .uni-section-title { font-size:15px; line-height:1.4; letter-spacing:-0.15px; }
    .uni-required-tag { display:flex; }
    .uni-section-title-row + .uni-id-desc { display:none; }
}

.uni-id-desc { margin:0; color:#555; font-size:14px; font-weight:400; line-height:20px; letter-spacing:-0.14px; }
.uni-id-desc + .join-field { margin-top:12px; }
.uni-id-desc + .join-form { margin-top:12px; }
.uni-id-desc + .uni-brand-list { margin-top:12px; }

.uni-id-badge { display:inline-flex; flex:none; align-items:center; justify-content:center; gap:3px; height:20px; margin-left:auto; font-size:12px; font-weight:400; line-height:1.4; letter-spacing:-0.24px; white-space:nowrap; }
.uni-id-badge:before { content:""; display:block; flex:none; width:13px; height:13px; background:no-repeat center/13px 13px; }
.uni-id-badge.is-ok { color:#2c5bf6; }
.uni-id-badge.is-ok:before { background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSI3LjI1IiBjeT0iNy4yNSIgcj0iNi41IiBzdHJva2U9IiMyQzVCRjYiIHN0cm9rZS13aWR0aD0iMS41Ii8+PHBhdGggZD0iTTQuNzUgNy4yNUw1LjI0MDY2IDcuNzczMzdDNS44ODM5NyA4LjQ1OTU2IDYuMjA1NjIgOC44MDI2NiA2LjYwNDA2IDguNzg0NzNDNy4wMDI1IDguNzY2OCA3LjI5MjA0IDguMzk2MTkgNy44NzExIDcuNjU0OTlMOS43NSA1LjI1IiBzdHJva2U9IiMyQzVCRjYiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48L3N2Zz4="); }
.uni-id-badge.is-bad { color:#ed2024; }
.uni-id-badge.is-bad:before { background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSI3LjI1IiBjeT0iNy4yNSIgcj0iNi41IiBzdHJva2U9IiNFRDIwMjQiIHN0cm9rZS13aWR0aD0iMS41Ii8+PHBhdGggZD0iTTkuMjUgNS4yNUw1LjI1IDkuMjUiIHN0cm9rZT0iI0VEMjAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjxwYXRoIGQ9Ik01LjI1IDUuMjVMOS4yNSA5LjI1IiBzdHJva2U9IiNFRDIwMjQiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48L3N2Zz4="); }

.uni-id-input-wrap { position:relative; }
.uni-id-input-wrap .input-basic { padding-right:40px; }

.uni-pass-row { display:flex; flex-direction:row; gap:12px; }
.uni-pass-row .join-field.join-pass { margin-top:0; flex:1; min-width:0; }
@media (max-width:767px) {
    .uni-pass-row { flex-direction:column; gap:24px; }
    .uni-pass-row .join-field.join-pass { flex:none; min-width:auto; }
}