@charset "UTF-8";
/* ============================================================
 * 헤더 메뉴 묶음 구분 06안 (2026-10-17, 목업 Downloads\cutoff_헤더메뉴_묶음구분_목업_20261017\06.html)
 * - PC : 헤더 줄엔 묶음 이름 셋(| 로 나눔) · 지금 화면 묶음은 파랑 + 밑줄 · 커서 올린 묶음으로 밑줄이 옮겨 감
 *        펼친 판 = 흰색(예전 메뉴처럼 — 남색이면 메인 남색 대문과 겹쳐 사용자가 흰색으로 바꿈, 2026-10-17), 커서 올린 묶음 바로 아래에 메뉴 칸 · 움직임 없이 색만 바뀜
 * - 모바일 : 남색 서랍 · 묶음 셋을 접고 펴기 (지금 화면 묶음은 펼친 채로 열림)
 * - includes/header.php 가 읽는다. 파트너 화면 헤더(#portal-header.is-partner)는 예전 그대로라 모든 규칙을 :not(.is-partner) 안에서만
 * ============================================================ */

/* ── PC 헤더 줄 ── */
#portal-header:not(.is-partner){box-shadow:0 .4rem 1.2rem 0 rgba(0,0,0,.12) !important}
#portal-header:not(.is-partner):not(.is-slim){box-shadow:none !important}   /* 메인(높은 헤더 · 아래 남색 대문)은 그림자 없음 */
#portal-header #gnb.gnb-v3{align-self:stretch; display:flex; margin-left:auto}
#gnb.gnb-v3 .g3-bar{position:relative; display:flex; align-items:center; height:100%}
#gnb.gnb-v3 .g3-it{display:flex; align-items:center; height:100%; padding:0 2.8rem; font-family:'NEXON-Lv2-Gothic','PretendardGOV'; font-size:1.7rem; font-weight:600; letter-spacing:-0.03em; color:#111827; white-space:nowrap; cursor:default; outline:0; transition:color .2s}
#gnb.gnb-v3 .g3-it:last-of-type{padding-right:0}
#gnb.gnb-v3 .g3-it.cur,
#gnb.gnb-v3 .g3-it.on{color:#006fff}
#gnb.gnb-v3 .g3-it:focus-visible{text-decoration:underline}
#gnb.gnb-v3 .g3-vs{flex:0 0 auto; width:1px; height:1.6rem; background:#9ca3af}
#gnb.gnb-v3 .g3-ind{position:absolute; bottom:0; left:0; width:0; height:3px; background:#006fff; opacity:0; pointer-events:none}
#portal-header:not(.is-partner) .header-mypage,
#portal-header.logged-in:not(.is-partner) .header-mypage{margin-left:2.4rem}

/* ── 펼친 판 (흰색) — 헤더와 판 사이 가는 선 · 판 아래 그림자, 열려 있는 동안 헤더 그림자는 끔 ── */
#portal-header.g3-open:not(.is-partner){box-shadow:none !important}
#portal-header .g3-mega{position:absolute; left:0; right:0; top:100%; height:0; overflow:hidden; background:#fff; color:#111827; box-shadow:inset 0 1px 0 #e5e7eb, 0 1.2rem 1.2rem -.4rem rgba(0,0,0,.12)}
#portal-header .g3-mega .g3-pnl{display:none}
#portal-header .g3-mega .g3-pnl.on{display:block}
#portal-header .g3-mega .g3-in{width:150rem; margin:0 auto; padding:3.2rem 0 4rem; box-sizing:border-box}
#portal-header .g3-mega .g3-anc{display:inline-flex; gap:4rem}
#portal-header .g3-mega .g3-col{width:20rem}
#portal-header .g3-mega .g3-ch{display:block; padding-bottom:1.2rem; border-bottom:1px solid #d6dce6; font-family:'NEXON-Lv2-Gothic','PretendardGOV'; font-size:1.7rem; font-weight:600; color:#111827; white-space:nowrap}
#portal-header .g3-mega .g3-sl{display:block; margin-top:1.4rem; font-size:1.3rem; color:#6b7280}
#portal-header .g3-mega .g3-col a{display:flex; align-items:center; justify-content:space-between; padding:1.1rem .4rem 1.1rem 0; border-bottom:1px solid #e5e7eb; text-decoration:none}
#portal-header .g3-mega .g3-ch + a{margin-top:.4rem}
#portal-header .g3-mega .g3-col a span{font-family:'NEXON-Lv2-Gothic','PretendardGOV'; font-size:1.6rem; font-weight:600; color:#202020; transition:color .15s}
#portal-header .g3-mega .g3-col a i{font-size:1.8rem; color:#9ca3af; transition:color .15s}
#portal-header .g3-mega .g3-col a:hover span,
#portal-header .g3-mega .g3-col a:hover i,
#portal-header .g3-mega .g3-col a:focus-visible span{color:#006fff}
#portal-header .g3-mega .g3-col a.cur span{color:#006fff}
/* 「신규」 표시 · 준비 중 점(허용 IP 메뉴) */
#portal-header .g3-nb{display:inline-block; margin-left:.5rem; padding:.2rem .5rem; background:#0891b2; color:#fff; font-size:1.1rem; font-weight:600; line-height:1.2; border-radius:2px; vertical-align:middle; letter-spacing:0}
#portal-header .g3-dot{display:inline-block; width:7px; height:7px; margin:0 0 0 .4rem; border-radius:50%; vertical-align:top}
#portal-header .g3-dot.kdj{background:#dc2626}
#portal-header .g3-dot.lsd{background:#2563eb}

@media all and (max-width:1500px){
    #portal-header .g3-mega .g3-in{width:100%; padding-left:2rem; padding-right:2rem}
}
@media all and (max-width:1200px){
    #portal-header #gnb.gnb-v3,   /* 1200px 이하는 예전처럼 헤더 줄 메뉴를 감추고 햄버거 단추(모바일 서랍)만 — response.css #gnb{display:none} 보다 위 규칙이 세서 여기서 다시 감춤 */
    #portal-header .g3-mega{display:none}
}

/* ── 모바일 서랍 (남색) ── */
#portal-header:not(.is-partner) .mobile-gnb-layer .mobile-gnb-wrap{background-color:#0f1f3d; color:#fff}
#portal-header:not(.is-partner) .mobile-gnb-layer .mobile-gnb-login{gap:1.5rem; padding:3rem 2rem 2.5rem; background-color:transparent; border-bottom:1px solid #34476e; box-shadow:none}
#portal-header:not(.is-partner) .mobile-gnb-layer .mobile-gnb-login .msec-top .top-tit .tit{color:#fff; font-size:2.2rem; font-weight:600}
#portal-header:not(.is-partner) .mobile-gnb-layer .mobile-gnb-login .msec-top .top-tit .info{display:none}
#portal-header:not(.is-partner) .mobile-gnb-layer .mobile-gnb-login .login-platform{gap:1.25rem}
#portal-header:not(.is-partner) .mobile-gnb-layer .mobile-gnb-login .login-platform .login-item{width:5.5rem; height:5.5rem; border-radius:6px}
#portal-header:not(.is-partner) .mobile-gnb-layer .mobile-gnb-login .login-item.kakao:before{width:2.25rem; height:2.25rem; background-size:2.25rem}
#portal-header:not(.is-partner) .mobile-gnb-layer .mobile-gnb-login .login-item.naver:before{width:1.6rem; height:1.6rem; background-size:1.6rem}
#portal-header:not(.is-partner) .mobile-gnb-layer .mobile-gnb-login .login-after{gap:1rem}
#portal-header:not(.is-partner) .mobile-gnb-layer .mobile-gnb-login .login-after .login-item{flex:none; gap:.6rem; width:auto; height:4.4rem; padding:0 1.6rem; border-radius:6px}
#portal-header:not(.is-partner) .mobile-gnb-layer .mobile-gnb-login .login-item.logout{background-color:transparent; border:1px solid #a9b8d3}
#portal-header:not(.is-partner) .mobile-gnb-layer .mobile-gnb-login .login-item.logout span,
#portal-header:not(.is-partner) .mobile-gnb-layer .mobile-gnb-login .login-item.logout:before{color:#fff}
#portal-header:not(.is-partner) .mobile-gnb-layer #mobile-gnb.m3{display:block; padding:0}
#portal-header:not(.is-partner) .mobile-gnb-layer .mobile-gnb-close .more-ico:before,
#portal-header:not(.is-partner) .mobile-gnb-layer .mobile-gnb-close .more-ico:after{background-color:#fff}
#portal-header:not(.is-partner) .mobile-gnb-layer .mobile-gnb-close{width:6rem; height:6rem}
#portal-header:not(.is-partner) .mobile-gnb-layer .mobile-gnb-close .more-ico:before{width:2.8rem; margin-left:-1.4rem}
#portal-header:not(.is-partner) .mobile-gnb-layer .mobile-gnb-close .more-ico:after{height:2.8rem; margin-top:-1.4rem}

#mobile-gnb.m3 .gnb-container{gap:0}
#mobile-gnb.m3 .m3-gs{border-bottom:1px solid #34476e}
#mobile-gnb.m3 .m3-gs > button{display:flex; align-items:center; justify-content:space-between; width:100%; padding:2rem; border:0; background:none; color:#fff; font-family:'NEXON-Lv2-Gothic','PretendardGOV'; font-size:1.8rem; font-weight:600; text-align:left; cursor:pointer}
#mobile-gnb.m3 .m3-gs > button i{font-size:2rem; color:#a9b8d3; transition:transform .25s}
#mobile-gnb.m3 .m3-gs.on > button{color:#8fbcff}
#mobile-gnb.m3 .m3-gs.on > button i{transform:rotate(180deg); color:#8fbcff}
#mobile-gnb.m3 .m3-gs .m3-body{display:none; padding:0 2rem 1rem}
#mobile-gnb.m3 .m3-gs.on .m3-body{display:block}
#mobile-gnb.m3 .m3-mr{padding:1.4rem 0; border-bottom:1px solid #34476e}
#mobile-gnb.m3 .m3-mr:last-child{border-bottom:0}
#mobile-gnb.m3 .m3-mr > b{display:block; margin-bottom:.6rem; font-family:'NEXON-Lv2-Gothic','PretendardGOV'; font-size:1.6rem; font-weight:600; color:#fff}
#mobile-gnb.m3 .m3-ls{display:flex; flex-wrap:wrap; align-items:center; gap:.5rem 1.5rem; font-size:1.4rem; color:#e6edf8}
#mobile-gnb.m3 .m3-ls em{font-style:normal; font-size:1.3rem; color:#a9b8d3}
#mobile-gnb.m3 .m3-ls a{color:#e6edf8; text-decoration:none}
#mobile-gnb.m3 .m3-ls a.cur{color:#8fbcff; font-weight:600}