/* 상단 카테고리와 같은 글자 크기의 단순 세로 메뉴 */
.bn-item{--bn-navy:#140858;--bn-red:#e11b22;position:relative;display:inline-flex;align-items:center}
.bn-ready .bn-toggle{position:absolute;left:100%;top:50%;transform:translateY(-50%);display:inline-grid;place-items:center;width:18px;height:30px;margin:0 0 0 1px;padding:0;border:0;background:none;cursor:pointer;font:inherit;color:inherit}
.bn-chev{display:block;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .18s}
.bn-item.bn-open>.bn-toggle .bn-chev{transform:translateY(1px) rotate(-135deg)}
.site-header .gnb .bn-toggle{color:#fff}.site-header.scrolled .gnb .bn-toggle,.site-header.open .gnb .bn-toggle,.solar-news-page .site-header .gnb .bn-toggle{color:#140858}.nw-top nav .bn-toggle{color:#140858}
.bn-ready .bn-toggle:focus-visible{outline:2px solid var(--bn-red);outline-offset:2px}.bn-ready .bn-item.bn-open>a.bn-trigger::after{transform:scaleX(1)}
.bn-panel{position:absolute;top:calc(100% + 16px);left:-16px;z-index:60;width:max-content;min-width:215px;max-width:calc(100vw - 24px);padding:7px 0;background:#fff;border:1px solid #e9eaf0;border-radius:6px;box-shadow:0 10px 28px -14px #14085840;text-align:left;opacity:0;visibility:hidden;transform:translate(var(--bn-shift,0px),6px);transition:opacity .16s,transform .16s,visibility .16s}
.bn-item.bn-open>.bn-panel{opacity:1;visibility:visible;transform:translate(var(--bn-shift,0px),0)}.bn-panel::before{content:'';position:absolute;left:0;right:0;top:-20px;height:20px}
.bn-ready .bn-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0}.bn-ready .bn-list li{margin:0;padding:0}
.bn-ready .bn-item .bn-panel a.bn-link{display:block;padding:10px 17px;margin:0;border:0;border-radius:0;background:transparent;color:#140858;font-size:var(--bn-font-size,16px);font-weight:600;line-height:1.55;letter-spacing:-.025em;white-space:nowrap;text-decoration:none;transition:background .15s,color .15s}
.bn-ready .bn-item .bn-panel a.bn-link::after{display:none;content:none}.bn-no,.bn-desc,.bn-arrow{display:none}.bn-txt,.bn-label{display:block}
.bn-ready .bn-item .bn-panel a.bn-link:hover,.bn-ready .bn-item .bn-panel a.bn-link:focus-visible{background:#f4f5f9;color:var(--bn-red)}.bn-ready .bn-item .bn-panel a.bn-link:focus-visible{outline:2px solid var(--bn-red);outline-offset:-2px}.bn-ready .bn-item .bn-panel a.bn-link[aria-current]{color:var(--bn-red);background:#f8f8fb}
@media(hover:none),(pointer:coarse){.bn-ready .bn-toggle{width:24px;height:40px;margin-left:-3px}}
@media(max-width:980px){.site-header.open .gnb.bn-ready{max-height:calc(100dvh - 68px);overflow-y:auto;overscroll-behavior:contain}.bn-gnb .bn-item{display:grid;grid-template-columns:minmax(0,1fr) auto;width:100%;align-items:stretch}.bn-gnb .bn-item>a.bn-trigger{min-width:0}.bn-ready.bn-gnb .bn-toggle{position:static;transform:none;width:48px;height:auto;min-height:44px;margin:0;border-bottom:1px solid #e6e8ef;color:#140858}.bn-gnb .bn-panel,.bn-gnb .bn-item.bn-open>.bn-panel{position:static;grid-column:1/-1;width:auto;min-width:0;max-width:none;padding:3px 0 10px;margin:0;border:0;border-radius:0;box-shadow:none;background:transparent;opacity:1;visibility:visible;transform:none;transition:none}.bn-gnb .bn-panel{display:none}.bn-gnb .bn-item.bn-open>.bn-panel{display:block}.bn-gnb .bn-panel::before{display:none}.bn-ready.bn-gnb .bn-list{background:transparent;padding:0 0 0 14px;border-left:1px solid #e6e8ef;margin-left:16px}.bn-ready .bn-item .bn-panel a.bn-link{padding:10px 14px;white-space:normal;min-height:44px}.bn-gnb .bn-item.bn-open>a.bn-trigger::after{transform:scaleX(0)}}
@media(max-width:640px){.bn-nw .bn-item{display:none}}
@media(prefers-reduced-motion:reduce){.bn-panel,.bn-chev,.bn-link{transition:none!important}}

/* 데스크톱: 반투명 남색 배경 + 흰 글씨 */
@media(min-width:981px){.bn-panel{background:rgba(20,8,88,.9);border:1px solid rgba(255,255,255,.16);box-shadow:0 14px 34px -18px rgba(10,6,48,.55)}.bn-ready .bn-item .bn-panel a.bn-link{color:#fff;font-weight:600}.bn-ready .bn-item .bn-panel a.bn-link:hover,.bn-ready .bn-item .bn-panel a.bn-link:focus-visible{background:rgba(255,255,255,.1);color:#fff}.bn-ready .bn-item .bn-panel a.bn-link[aria-current]{background:rgba(225,27,34,.24);color:#fff;box-shadow:inset 3px 0 0 #e11b22}.bn-ready .bn-item .bn-panel a.bn-link:focus-visible{outline-color:#fff}}

/* PC(마우스 사용): 화살표 없이 메뉴에 마우스를 올리면 바로 펼침. 모바일·터치는 펼침 버튼 유지 */
@media(min-width:981px) and (hover:hover) and (pointer:fine){.bn-ready .bn-toggle{display:none}}
@media(max-width:640px){.bn-nw .bn-item:has(> a.on){display:inline-flex}}
@media(max-width:640px){.bn-nw .bn-panel{left:auto;right:0;max-width:calc(100vw - 24px)}}
.bn-item:not(.bn-open)>.bn-panel{pointer-events:none}
@media(max-width:640px){.bn-nw .bn-item:not(.bn-open)>.bn-panel{display:none}}
