/* Codex 2026-10-17: 공개·고객·관리자 공통 브랜드와 역할별 시작 화면. 기존 기능 스타일은 유지. */
.be-eyebrow{display:block;color:#5269a5;font-size:12px;font-weight:800;letter-spacing:.13em;margin:0 0 14px}
.be-section{padding:88px 0;background:#f5f7fc;color:#14213d}
.be-section h2{font-size:clamp(28px,3.5vw,44px);letter-spacing:-.045em;line-height:1.3;margin:0 0 18px}
.be-section .be-intro{max-width:660px;color:#596780;line-height:1.8;margin:0 0 32px}
.be-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.be-service{display:flex;flex-direction:column;padding:30px;border:1px solid #dde4f0;border-radius:20px;background:#fff;min-width:0}
.be-service .be-no{font-size:12px;letter-spacing:.12em;color:#5269a5;font-weight:800}
.be-service h3{font-size:23px;margin:24px 0 12px;line-height:1.4;letter-spacing:-.03em}
.be-service p{font-size:15px;line-height:1.8;color:#596780;margin:0 0 20px}
.be-service ul{padding-left:20px;color:#36445f;font-size:14px;line-height:2;margin:0 0 24px}
.be-service a{margin-top:auto;color:#2447d6;font-size:14px;font-weight:800;text-decoration:none;padding:12px 0}
.be-service.be-featured{background:#142a59;border-color:#142a59;color:white}
.be-featured .be-no,.be-featured p,.be-featured ul{color:#c5d4f3}.be-featured a{color:#fff}
.be-promise{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:24px;color:#52617c;font-size:13px}
.be-promise span:before{content:'✓';color:#2447d6;font-weight:800;margin-right:8px}
.be-workspace{display:grid;grid-template-columns:1.15fr 1fr;gap:40px;align-items:center;margin-top:64px;padding:36px;border-radius:24px;background:white;border:1px solid #dde4f0}
.be-workspace h3{font-size:28px;letter-spacing:-.04em;margin:0 0 14px;line-height:1.4}
.be-workspace p{color:#596780;line-height:1.8}.be-workspace a{color:#2447d6;font-weight:800}
.be-steps{list-style:none;padding:0;margin:0;display:grid;gap:12px;counter-reset:step}
.be-steps li{display:flex;gap:14px;align-items:center;border-bottom:1px solid #e8edf5;padding:12px 0;counter-increment:step}
.be-steps li:before{content:'0' counter(step);font-size:13px;color:#2447d6;font-weight:800;background:#edf2ff;border-radius:10px;padding:10px}
.be-steps strong{font-size:15px}.be-steps small{display:block;color:#64718a;margin-top:5px;font-size:13px}
.be-command{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#142a59;color:white;border-radius:22px;padding:30px;margin-bottom:24px;position:relative;overflow:hidden}
.be-command .be-eyebrow{color:#c0d2ff}.be-command h2{font-size:26px;line-height:1.4;letter-spacing:-.03em;margin:0 0 10px}.be-command p{color:#d1dcf3;margin:0;line-height:1.7;font-size:14px}
.be-command .btn{background:white;color:#142a59;border:0;flex-shrink:0}.be-command .btn:hover{background:#e7eeff}
.be-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 24px}
.be-shortcut{display:block;background:white;border:1px solid #dce3ef;border-radius:16px;padding:20px;text-decoration:none;color:#14213d;transition:border-color .18s,background .18s;min-width:0}
.be-shortcut:hover{border-color:#2447d6;background:#f2f5ff}.be-shortcut strong{display:block;font-size:16px;margin:8px 0}.be-shortcut small{display:block;color:#64718a;font-size:13px;line-height:1.6}.be-shortcut .be-icon{font-size:12px;color:#2447d6;font-weight:800;letter-spacing:.06em}
.be-portal-home .be-command{margin:6px 0 0;display:block;padding:28px}.be-portal-home .be-command .btn{margin-top:20px}.be-portal-home .be-command h2{font-size:27px}
.be-portal-home .be-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.be-portal-home .be-shortcut{padding:20px}
.be-portal-home .be-eyebrow{margin-bottom:10px}.be-portal-home .be-welcome{padding:12px 0 4px}
@media(max-width:900px){.be-services{grid-template-columns:1fr}.be-workspace{grid-template-columns:1fr;gap:20px}.be-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}.be-command{align-items:flex-start;flex-direction:column}}
@media(max-width:520px){.be-section{padding:52px 0}.be-service{padding:24px}.be-workspace{padding:24px;margin-top:32px}.be-command{padding:24px}.be-shortcut{padding:16px}.be-shortcut strong{font-size:15px}.be-promise{display:grid}.be-portal-home .be-command h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){.be-shortcut{transition:none}}
/* Codex 2026-10-17 모바일 실측: 320px 상단 CTA 잘림, 메뉴 닫기 접근성 보완. */
.side-close{display:none}
/* Codex: SNS 계정관리. 관리자·고객 양쪽에서 동일한 반응형 폼 사용. */
.social-guide{background:#edf2ff;border:1px solid #d5dff6;padding:22px;border-radius:16px;margin:20px 0;color:#243858}
.social-guide p{font-size:14px;line-height:1.7;margin:10px 0 0}
.social-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:18px}
.social-card{background:white;border:1px solid #dce3ef;border-radius:18px;padding:24px;min-width:0;overflow-wrap:anywhere}
.social-card h2{font-size:21px;margin:8px 0}.social-heading{display:flex;gap:10px;justify-content:space-between;align-items:center;flex-wrap:wrap}.social-heading .be-eyebrow{margin:0}
.social-details{display:grid;grid-template-columns:92px minmax(0,1fr);gap:12px;margin:22px 0;font-size:14px}.social-details dt{color:#64718a}.social-details dd{margin:0}
.social-vault{margin-top:18px;background:#f4f6fa;padding:16px;border-radius:10px}.social-vault summary{cursor:pointer;font-weight:700}.social-vault p{white-space:pre-wrap}
.social-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.social-actions form{margin:0}
.social-form{max-width:780px;display:grid;gap:22px;margin-top:20px}.social-form>label{display:grid;gap:8px;font-weight:600}.social-form .inp{width:100%;min-width:0}.social-form fieldset{border:1px solid #dce3ef;border-radius:12px;padding:16px;min-width:0}.social-form legend{font-weight:700;padding:0 6px}
.social-form .social-choice{display:flex;gap:10px;align-items:flex-start;font-weight:400;margin:10px 0;line-height:1.6}.social-choice input{flex-shrink:0;margin-top:6px;width:18px;height:18px}.social-form p{font-size:14px;line-height:1.7}.social-form select,.social-form input:not([type=checkbox]):not([type=radio]){min-height:44px;font-size:16px}
@media(max-width:860px){.side-close{display:block;margin:0 0 12px auto;border:1px solid #64718a;border-radius:8px;background:transparent;color:white;padding:9px 14px;min-height:44px;cursor:pointer}}
@media(max-width:360px){.nav .wrap{gap:6px;padding-left:12px;padding-right:12px}.nav .logo{font-size:16px;gap:6px}.nav .logo i{width:24px;height:28px;font-size:15px}.nav-r{gap:5px}.nav-r .btn.sm{font-size:12px;padding:10px 8px}.nav .logo{flex-shrink:0}}