/* a99 나가야 디자인 개선(내용·이미지 변경 0) — 2026-10-08 KST */
/* D2 실제 굵기 글꼴: 원본은 400 한 벌을 기계로 굵게 그렸다 → 500·700 실제 글꼴 */
@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:500;font-display:swap;src:url("/perf-assets/c9cee9e0e73c9a994438bbfa569dd7124a50574dd91f53bd02f1b79628c1ac33.woff2") format("woff2")}
@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:700;font-display:swap;src:url("/perf-assets/64c305913d6a8754935e3880cdd22301a30bac97fe658c27e91d7fbef049df01.woff2") format("woff2")}
/* D2 메뉴 글자 굵기 700·600 → 500 (모든 글자가 굵어 강조가 묻히는 것 완화) */
.viewport-nav.desktop .plain_name,.nav.sub-menu .plain_name{font-weight:500!important}
/* D1 본문 줄간 1.8 → 1.55, 한글 단어 단위 줄바꿈 */
.text-table p{line-height:1.55;word-break:keep-all}
/* D3 하위 쪽 머리 제목 크게(홈 첫 화면 64px 와 같은 단계), 큰 제목 줄간 1.1 */
.text-table span[style*="color: rgb(255, 255, 255); font-size: 48px"]:has(>strong){font-size:64px!important;line-height:1.1}
.mobile_section div[doz_type="text"] .text-table span[style*="color: rgb(255, 255, 255); font-size: 26px"]:has(>strong),div[doz_type="text"] .text-table span[style*="color: rgb(255, 255, 255); font-size: 26px"]:has(>strong){font-size:38px!important;line-height:1.1}
/* D4 큰 제목 줄 나눔 고르게 */
.text-table p:has(strong){text-wrap:balance}
@media (prefers-reduced-motion:reduce){.fade-up{transition:none!important;animation:none!important}}
/* D6 내려 읽을 때 붙는 머리띠: 원본은 바탕이 투명해 본문 글자와 겹친다 → 흰 바탕 */
._new_fixed_header,._fixed_header_section.scroll-to-fixed-fixed{background-color:#fff}
/* ── a99-2 (2026-10-08 KST) 사장 07:5x «푸터·전체 디자인·첫 화면 문구 위치·모바일» ── */
html{scroll-behavior:smooth}
/* F4 홈 첫 화면 문구: 앞의 빈 줄 8개가 문구를 화면 아래로 밀었다 → 빈 줄 숨김 + 세로 가운데 */
.visual_section .text-wrap p:has(>br:only-child){display:none}
.visual_section ._visual_height{display:flex!important;flex-direction:column;justify-content:center}
.visual_section ._visual_height>.text{height:auto!important;padding-bottom:4vh}
.visual_section .text-wrap hr.br~p{clear:both}
.visual_section .text-wrap hr.br{margin:18px 0 22px!important}
/* 홈 첫 화면 깊이: 글 쪽만 살짝 어둡게(사진 위 글 대비), 문구 한 덩어리 한 번 올라옴 */
.visual_section .item.holder{position:relative}
.visual_section .item.holder::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(12,11,10,.5) 0%,rgba(12,11,10,.22) 42%,rgba(12,11,10,0) 68%)}
.visual_section .text-wrap{animation:ngy-rise .9s cubic-bezier(.2,.7,.2,1) .15s both}
@keyframes ngy-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
/* 사진: 둥근 모서리 6px 액자 + 마우스 올리면 천천히 확대(마우스 있는 기기만) */
.widget.image .img_wrap{overflow:hidden;border-radius:6px}
.widget.image .img_wrap img{transition:transform .7s cubic-bezier(.2,.7,.2,1)}
@media (hover:hover){.widget.image .img_wrap:hover img{transform:scale(1.04)}}
/* 메뉴·단추 반응 */
.viewport-nav .plain_name,.nav.sub-menu .plain_name{transition:color .16s cubic-bezier(.4,0,.2,1)}
a._fade_link.btn,.widget.button a{transition:background-color .16s cubic-bezier(.4,0,.2,1),color .16s cubic-bezier(.4,0,.2,1)}
/* F2 바닥: 회사 정보·메뉴·저작권만 */
.ngy-foot{background:#1a1917;color:#e9e6e1;font-family:'Noto Sans KR',sans-serif;line-height:1.55}
.ngy-foot__in{max-width:1200px;margin:0 auto;padding:72px 40px 32px}
.ngy-foot__top{display:flex;justify-content:space-between;align-items:flex-start;gap:48px;padding-bottom:40px;border-bottom:1px solid rgba(233,230,225,.14)}
.ngy-foot__logo img{display:block;width:148px;height:auto}
.ngy-foot ul{list-style:none;margin:0;padding:0}
.ngy-foot__nav>ul{display:flex;gap:72px}
.ngy-foot__nav>ul>li>a{font-size:15px;font-weight:500;color:#e9e6e1}
.ngy-foot__nav ul ul{margin-top:14px}
.ngy-foot__nav ul ul li+li{margin-top:8px}
.ngy-foot__nav ul ul a{font-size:14px;color:#a9a59e}
.ngy-foot a{text-decoration:none;transition:color .16s cubic-bezier(.4,0,.2,1)}
.ngy-foot a:hover{color:#fff}
.ngy-foot__info{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin:40px 0 0}
.ngy-foot__info dt{font-size:12px;font-weight:500;letter-spacing:.08em;color:#8a8780;margin-bottom:10px}
.ngy-foot__info dd{margin:0;font-size:14px;color:#cfcbc4;word-break:keep-all}
.ngy-foot__info dd+dd{margin-top:4px}
.ngy-foot__info dd a{color:#cfcbc4}
.ngy-foot__copy{margin:56px 0 0;font-size:12px;color:#8a8780}
@media (max-width:767px){
.ngy-foot__in{padding:56px 24px 28px}
.ngy-foot__top{flex-direction:column;gap:32px;padding-bottom:32px}
.ngy-foot__nav>ul{gap:40px;flex-wrap:wrap}
.ngy-foot__info{grid-template-columns:1fr;gap:28px;margin-top:32px}
.ngy-foot__copy{margin-top:40px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.visual_section .text-wrap{animation:none}.widget.image .img_wrap img{transition:none}}
/* C9 상태 대비(검사기 state-contrast): 머리 로그인·회원가입 단추는 누를 때 글자가 바탕에 묻혔다 → 흰 글자 고정 */
.login_btn a.btn:hover,.login_btn a.btn:focus-visible,.login_btn a.btn:active{background-color:#1b1a6b!important;border-color:#1b1a6b!important;color:#fff!important}
.login_btn a.btn:hover *,.login_btn a.btn:focus-visible *,.login_btn a.btn:active *{color:#fff!important}
/* 머리 펼침 메뉴(광업·갤러리 등): 마우스 올리면 어두운 바탕에 어두운 글자 → 흰 글자 */
.viewport-nav .dropdown-menu a:hover,.viewport-nav .dropdown-menu a:focus-visible,.viewport-nav .dropdown-menu a:active,.viewport-nav .dropdown-menu a:hover *,.viewport-nav .dropdown-menu a:focus-visible *,.viewport-nav .dropdown-menu a:active *{color:#fff!important}
/* 사업소개 아래 니켈·광산 칸: 흰 바탕에 #cecece(1.6:1) → 흐린 중립 #706d67 */
#w20230528712c522a0420d ul>li.depth-01:not(.active)>a,#w20230528a7a32e67aa2cc ul>li.depth-01:not(.active)>a{color:#706d67!important}
.ngy-foot a.ngy-foot__logo{color:#e9e6e1!important}
/* 사진 위 하위 칸(광업·나가야투데이·갤러리 등): 마우스 올리면 어두운 칸에 어두운 글자 → 흰 글자. 흰 바탕 칸 두 곳은 짙은 글자 유지 */
.pc_section .nav.sub-menu.h-menu-type3 ul>li.depth-01:not(.active)>a:hover,.pc_section .nav.sub-menu.h-menu-type3 ul>li.depth-01:not(.active)>a:focus-visible,.pc_section .nav.sub-menu.h-menu-type3 ul>li.depth-01:not(.active)>a:active{color:#fff!important}
#w20230528712c522a0420d .nav.sub-menu ul>li.depth-01:not(.active)>a:hover,#w20230528a7a32e67aa2cc .nav.sub-menu ul>li.depth-01:not(.active)>a:hover,#w20230528712c522a0420d .nav.sub-menu ul>li.depth-01:not(.active)>a:focus-visible,#w20230528a7a32e67aa2cc .nav.sub-menu ul>li.depth-01:not(.active)>a:focus-visible,#w20230528712c522a0420d .nav.sub-menu ul>li.depth-01:not(.active)>a:active,#w20230528a7a32e67aa2cc .nav.sub-menu ul>li.depth-01:not(.active)>a:active{color:#242321!important}
/* F5 폰 하위 칸 줄: 왼쪽만 20px 띄우고 오른쪽은 화면 끝에 붙었다 → 양쪽 20px */
.mobile_section .nav.sub-menu.h-menu-type3>ul{padding-right:20px!important;box-sizing:border-box}
/* ── a99-3 (2026-10-08 KST) 디자인 계속: 사진 위 흰 글자 읽힘·첫 화면 깊이 ── */
/* 하위 쪽 머리(기업소개·사업소개·미디어): 밝은 사진 위 흰 제목 → 글 쪽만 어둡게, 문구 한 번 올라옴 */
div[doz_type=section]:has(.text-table span[style*="color: rgb(255, 255, 255); font-size: 48px"]>strong)>.section_bg_color,
div[doz_type=section]:has(.text-table span[style*="color: rgb(255, 255, 255); font-size: 26px"]>strong)>.section_bg_color{background:linear-gradient(90deg,rgba(12,11,10,.5) 0%,rgba(12,11,10,.2) 45%,rgba(12,11,10,0) 75%)!important}
div[doz_type=section]:has(.text-table span[style*="color: rgb(255, 255, 255); font-size: 48px"]>strong) .text-table,
div[doz_type=section]:has(.text-table span[style*="color: rgb(255, 255, 255); font-size: 26px"]>strong) .text-table{animation:ngy-rise .9s cubic-bezier(.2,.7,.2,1) .1s both}
/* 기업소개 «나가야테크놀로지» 사진 띠: 얼굴·조끼가 밝아 흰 글자가 묻힘 → 고른 어둠 막 */
@media (max-width:767px){div[doz_type=section]:has(.text-table span[style*="color: rgb(255, 255, 255); font-size: 26px"]>strong)>.section_bg_color{background:rgba(12,11,10,.32)!important}}
#s2023052721ef2a97e0c33>.section_bg_color{background:rgba(12,11,10,.48)!important}
@media (prefers-reduced-motion:reduce){div[doz_type=section] .text-table{animation:none!important}}