@charset "utf-8";
/*
 * 2026 헤더 base 규칙 — sotong2026/common.css 에서 "헤더 스코프" 규칙만 추출 (2026-08 헤더 통일용).
 *
 * ★ 전역 리셋(*, a, img, body/html, body,div,ul…)은 의도적으로 제외한다.
 *   common.css 를 통째 로드하면 그 전역 리셋이 혁신/영문 페이지(2025 CSS 기반 본문)에 새로 주입돼
 *   이미지 축소·인라인 링크 흐름·푸터 부유 등 본문 파손을 유발한다. 그래서 헤더에 필요한 규칙만 가져온다.
 *   (혁신/영문 페이지는 원래 sotong2026/common.css 를 로드하지 않는다 — 전수 감사 확인)
 *
 * 로드 순서: (기존) common-2025.css → 이 파일 → sotong2026/respon.css → 0813_css/m0811.css
 *   → 헤더 base(여기) 위에 m0811 이 최종 스킨/오버라이드. .header-btn2 이름충돌도 이 순서로 2026판이 이김.
 *
 * 제외한 것: 전역 리셋(common.css 3~6,11~12), 풋터(#footer-2026 …), base 메가메뉴(#gnb-dp-2026/.tgnb-wrap
 *   → m0811 의 .allm-wp/.allm26 이 대체).
 */

/* skip nav */
#skip-nav a {position: absolute; left: -3000%;}
#skip-nav a:focus {display: block; left: 0; top: 0; z-index: 10000000000; width: 100%; height: 30px; line-height: 30px; background: #485068; color: #fff; text-align: center;}

/* wrap / 헤더 내부 스코프 리셋(전역 아님) — box-sizing·폰트는 #header-2026 하위로만 한정 */
#wrap-2026{min-width: 1500px;}
#header-2026 *{font-family: "Paperozi",sans-serif !important; box-sizing: border-box !important;}
#header-2026 input,#header-2026 select,#header-2026 img,#header-2026 label{vertical-align: top;}
#header-2026{position: relative;}
#header-2026 .wid-box{width: calc(100% - 30px); max-width: 1350px; margin: 0 auto; position: relative;}

/* floor1 — 우측 유틸 + 화면크기(size01-list1) */
#header-floor1{background: #eef2f7;}
#header-floor1 .wid-box > dl{height: 40px;display: flex;justify-content: space-between;align-items: center;}
.header-tip1{position: absolute;top: 10px;left: 222px;color: #222;font-size: 16px;}
.header-tip1 > p{min-height: 20px;line-height: 20px;padding-left: 38px;background: url('/images/sotong2026/header_bg1.png') no-repeat left top;background-size: 30px;word-break: keep-all;}
.header-btn1{display: flex;flex-wrap: wrap;}
.header-btn1 > li{color: #373737;font-size: 18px;font-weight: 500;}
.header-btn1 > li > a{position: relative;width: 100px;height: 40px;padding: 6px;display: flex;align-items: center;justify-content: center;}
.header-btn1 > li > a::before{position: absolute;top: 0;left: 0;z-index: 11;width: 0;height: 3px;background: #3464d0;content: "";transition: all 0.3s ease-in-out;}
.header-btn1 > li.on{background: #fff;color: #3464d0;}
.header-btn1 > li.on > a::before{width: 100%;}
.header-btn2{display: flex;flex-wrap: wrap;}
.header-btn2 > li:not(:first-child){padding-left: 20px;background: url('/images/sotong2026/header_bg2.png') no-repeat left 10px top 3px;}
.header-btn2 > li{color: #5f5f5f;font-size: 16px;font-weight: 500;line-height: 20px;}
.header-btn2 > li > a{display: block; color:#666; font-size:15px }
.header-btn2 > li > a.login01{padding-left: 20px;background: url('/images/sotong2026/header_bg3.png') no-repeat left 2px;}
.header-btn2 > li > a.size01{padding-right: 30px;background: url('/images/sotong2026/header_bg4.png') no-repeat right top;}
.header-btn2 > li > a.size01.on{background: url('/images/sotong2026/header_bg4_on.png') no-repeat right top;}
.header-btn2 .Hbtn-show1{display: none;position: absolute;top: 100%;right: -10px;z-index: 30;}
.header-btn2 .Hbtn-show1 > ul{color: #333;font-size: 16px;width: 132px;padding: 10px;border: 1px solid #ddd;background: #fff;border-radius: 8px;}
.header-btn2 .Hbtn-show1 > ul > li:not(:first-child){margin-top: 2px;}
.header-btn2 .Hbtn-show1 > ul > li > a{min-height: 30px;line-height: 18px;padding: 0 8px;border-radius: 5px;display: flex;align-items: center; color:#666; font-size:15px}
.header-btn2 .Hbtn-show1 > ul > li > a:hover{background: #ebf2ff;}
.header-btn2 .Hbtn-show1 .size01-list1 > li > a{position: relative;padding-left: 36px;}
.header-btn2 .Hbtn-show1 .size01-list1 > li > a > span{position: absolute;top: 2px;left: 4px;width: 26px;height: 26px;display: flex;align-items: center;justify-content: center;}
.header-btn2 .Hbtn-show1 .size01-list1 > li > a > span > i{width: 18px;height: 18px;font-size: 13px;font-style: normal;border: 1px solid #ddd;border-radius: 4px;display: flex;align-items: center;justify-content: center;}
.header-btn2 .Hbtn-show1 .size01-list1 > li > a:hover > span > i{color: #fff;background: #144196;border-color: #144196;}
.header-btn2 .Hbtn-show1 .size01-list1 > li > a > span.w20 > i{width: 20px;height: 20px;font-size: 14px;}
.header-btn2 .Hbtn-show1 .size01-list1 > li > a > span.w22 > i{width: 22px;height: 22px;font-size: 15px;}
.header-btn2 .Hbtn-show1 .size01-list1 > li > a > span.w24 > i{width: 24px;height: 24px;font-size: 16px;}
.header-btn2 .Hbtn-show1 .size01-list1 > li > a > span.w26 > i{width: 26px;height: 26px;font-size: 17px;}
/* 혁신 화면크기(rtt-con 이식) : 드롭다운(.Hbtn-show1 absolute)을 화면크기 버튼 바로 밑에 앵커 */
.inno-zoom .zoom{position: relative;}

/* floor2 — 로고 / 메뉴 / 검색버튼 */
#header-floor2 .wid-box{display: flex;flex-wrap: wrap;align-items: center;}
#header-floor2 > .wid-box{position: static;}
#header-2026 .logo{width: 188px;}
#header-2026 .logo > a{display: block;}
.Search-btn1{width: 132px;height: 40px;padding: 0 18px 0 20px;color: #343434;font-size: 18px;font-weight: 500;line-height: 1;border: 1px solid #434343;border-radius: 25px;display: flex;justify-content: space-between;align-items: center;}
.Search-btn1::after{display: block;width: 18px;height: 20px;background: url('/images/sotong2026/header_search.png') no-repeat;content: "";}
.Eenu-open1{display: none;position: absolute;top: calc(50% - 14px);right: 0;width: 36px;height: 28px;font-size: 0;background: url('/images/sotong2026/Eenu_open1.png') no-repeat right top;background-size: 100%;}
.header-menu{width: calc(100% - 320px);}
#gnb-2026{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}

#gnb-2026 > li > a{height: 100px;color: #000;font-size: 24px;font-weight: 500;display: flex;align-items: center;position: relative;}
#gnb-2026 > li > a::before{position: absolute;bottom: 0;left: 0; right:0; z-index: 11;width: 0;height: 6px;background: #3464d0;content: "";transition: all 0.3s ease-in-out; margin:auto}
#gnb-2026 > li > a:hover::before {width:100%}
#gnb-2026 > li > a > img { width:14px }
#gnb-2026 > li.on > a::before{width: 100%;}
#wrap-2026:before{visibility: hidden;opacity: 0;position: absolute;left: 0;top: 190px; z-index: 19;width: 100%;height: calc(100% - 190px);padding: 0;background: rgba(0, 0, 0, 0.8);content: "";transition: all 0.5s;}
#wrap-2026.Menu-bg{position: relative;}
#wrap-2026.Menu-bg::before{visibility: visible;opacity: 1;transition: all 0.5s ease .1s;}

/* 통합검색 레이어 (소통) */
.Search-ShowBox1{display: none;position: absolute;top: 100%;left: 0;z-index: 99;width: 100%;padding: 35px 0 55px;background: #fff;border-top: 1px solid #e0e4ee;box-shadow:0 2px 3px -1px rgba(0,0,0,0.1);}
.Search-ShowBox1 > .wid{width: calc(100% - 30px);max-width: 660px;margin: 0 auto;}
.Search-ShowBox1 .Search-input01{height: 56px;padding: 2px 60px 2px 20px;border: 1px solid #ddd;border-radius: 50px;position: relative;}
.Search-ShowBox1 .Search-input01 input{color: #222;font-size: 18px;width: 100%;height: 100%;border: 0;padding: 0 5px;}
.Search-ShowBox1 .Search-input01 input::-webkit-input-placeholder{color: #222;}
.Search-ShowBox1 .Search-input01 .a-go1{position: absolute;top: 4px;right: 4px;width: 46px;height: 46px;font-size: 0;border-radius: 50px;background: #3464d0 url('/images/sotong2026/header_search_w.png') no-repeat center;background-size: 22px;}
.Search-ShowBox1 .Search-term01{margin: 25px 15px 0;line-height: 22px;gap: 10px;display: flex;}
.Search-ShowBox1 .Search-term01 > dt{color: #222;font-size: 18px;font-weight: 500;white-space: nowrap;}
.Search-ShowBox1 .Search-term01 > dd{color: #555;font-size: 17px;gap: 5px 15px;display: flex;flex-wrap: wrap;}
.Search-ShowBox1 .Search-close1{position: absolute;left: calc(50% - 25px);bottom: -25px;width: 50px;height: 50px;font-size: 0;border-radius: 50px;background: #000 url('/images/sotong2026/header_search_close1.png') no-repeat center;background-size: 20px;box-shadow: 2px 10px  10px 3px rgba(0, 0, 0, 0.25);}

/* 전체메뉴 닫기 버튼 위치자 (m0811 에서 상세 스킨) */
.mgnb-out{display: none;}

/* 폰(≤767)에서만 로그인후 상단바의 관리자/마이페이지/개인설정/로그아웃(.pc-only) 숨김 → 전체메뉴 드로어(mo-mntp)로 접근. 768 이상(태블릿·데스크톱)은 floor1에 그대로 노출. 연장하기+이름(.lg-zl)은 항상 노출 */
@media screen and (max-width: 767px){
	.header-btn2 .pc-only{ display: none; }
}

/* 20260820 pub update */
#header-2026 .wid-box { max-width:1200px; }

/* 20260826 pub update */
#header-2026 .wid-box { height:90px; }
#header-2026 .header-menu-ct { border-top:1px solid #dadde6 }
#header-2026 .header-menu-ct .wid-box { height:auto }
#gnb-2026 > li > a { gap:10px; }
#gnb-2026 > li > a::after { content: ''; display: inline-flex; background: url(/images/front/common/hd-nav-arw.png) no-repeat; width: 10px; height: 6px;