/* ROOMALBA24 V34 JOIN STEP1 */
#roomalba-join-step1,
#roomalba-join-step1 *{box-sizing:border-box;}

#roomalba-join-step1{
    width:100%;
    padding:34px 20px 52px;
    background:#fff;
    font-family:'Noto Sans KR','Pretendard',sans-serif;
}

.join-v34-shell{
    display:grid;
    grid-template-columns:46% 54%;
    width:1080px;
    max-width:100%;
    min-height:520px;
    margin:0 auto;
    overflow:hidden;
    border:1px solid #f0dfe7;
    border-radius:24px;
    background:#fff;
    box-shadow:0 16px 42px rgba(78,38,58,.08);
}

.join-v34-brand{
    position:relative;
    min-width:0;
    background:
        linear-gradient(90deg,rgba(255,242,248,.92) 0%,rgba(255,232,243,.64) 45%,rgba(214,51,127,.08) 100%),
        url('/img/roomalba24_join_v34.webp?v=34') center center / cover no-repeat;
}

.join-v34-brand::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(218,43,124,.08));
    pointer-events:none;
}

.join-v34-brand-inner{
    position:relative;
    z-index:2;
    width:78%;
    padding:72px 0 48px 58px;
    color:#4b3540;
}

.join-v34-kicker{
    display:inline-flex;
    align-items:center;
    min-height:28px;
    padding:0 11px;
    margin-bottom:15px;
    border:1px solid rgba(211,42,121,.25);
    border-radius:999px;
    background:rgba(255,255,255,.72);
    color:#c52a73;
    font-size:13px;
    font-weight:900;
    letter-spacing:.4px;
}

.join-v34-brand h2{
    margin:0;
    color:#4a3540;
    font-size:30px;
    line-height:1.35;
    font-weight:900;
    letter-spacing:-1.2px;
}
.join-v34-brand h2 strong{color:#dc2b80;font-size:39px;font-weight:950;}

.join-v34-brand p{
    margin:17px 0 0;
    color:#725d67;
    font-size:15px;
    line-height:1.75;
    font-weight:650;
}

.join-v34-points{margin:24px 0 0;padding:0;list-style:none;}
.join-v34-points li{
    display:flex;
    align-items:center;
    gap:9px;
    margin-top:10px;
    color:#59454f;
    font-size:14px;
    font-weight:800;
}
.join-v34-points b{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:21px;height:21px;
    border-radius:50%;
    background:#e83489;
    color:#fff;
    font-size:12px;
    box-shadow:0 4px 9px rgba(211,39,122,.15);
}

.join-v34-choice{
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-width:0;
    padding:54px 58px;
    background:linear-gradient(180deg,#fff 0%,#fffcfd 100%);
}

.join-v34-step{
    color:#d82b7d;
    font-size:13px;
    font-weight:900;
    letter-spacing:1.1px;
}
.join-v34-choice h1{
    margin:7px 0 0;
    color:#30282c;
    font-size:30px;
    line-height:1.3;
    font-weight:950;
    letter-spacing:-1px;
}
.join-v34-desc{
    margin:8px 0 0;
    color:#85777e;
    font-size:14px;
    line-height:1.5;
    font-weight:650;
}

.join-v34-options{display:flex;flex-direction:column;gap:12px;margin-top:28px;}
.join-v34-option{
    display:grid;
    grid-template-columns:52px minmax(0,1fr) 28px;
    align-items:center;
    gap:14px;
    min-height:92px;
    padding:16px 18px;
    border:1px solid #eee0e7;
    border-radius:16px;
    background:#fff;
    color:#40343a;
    text-decoration:none;
    box-shadow:0 5px 14px rgba(71,38,53,.035);
    transition:.16s ease;
}
.join-v34-option:hover{
    transform:translateY(-2px);
    border-color:#e7b9cf;
    background:#fff8fb;
    box-shadow:0 11px 24px rgba(109,45,76,.08);
}
.join-v34-option-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:52px;height:52px;
    border-radius:15px;
    background:#fff0f7;
    color:#dc2b7f;
    font-size:18px;
    font-weight:950;
    box-shadow:inset 0 0 0 1px #f0cddd;
}
.join-v34-option.business .join-v34-option-icon{
    background:#fff8ec;
    color:#a86a0e;
    box-shadow:inset 0 0 0 1px #ead8b4;
}
.join-v34-option-copy strong{
    display:block;
    color:#352b30;
    font-size:17px;
    line-height:1.3;
    font-weight:900;
}
.join-v34-option-copy em{
    display:block;
    margin-top:6px;
    color:#8b7d84;
    font-size:13px;
    line-height:1.35;
    font-style:normal;
    font-weight:650;
}
.join-v34-arrow{color:#d62a7b;font-size:20px;font-weight:800;text-align:right;}
.join-v34-login-link{
    margin-top:22px;
    color:#8a7d83;
    font-size:13px;
    font-weight:650;
    text-align:center;
}
.join-v34-login-link a{margin-left:6px;color:#d42a7b;font-weight:900;text-decoration:none;}

@media (max-width:850px){
    #roomalba-join-step1{padding:14px 14px 32px;}
    .join-v34-shell{display:block;min-height:0;border-radius:18px;}
    .join-v34-brand{display:none;}
    .join-v34-choice{padding:30px 20px 28px;}
    .join-v34-choice h1{font-size:26px;}
    .join-v34-option{grid-template-columns:46px minmax(0,1fr) 24px;min-height:84px;padding:14px;}
    .join-v34-option-icon{width:46px;height:46px;border-radius:13px;}
}