/* FIS 히어로 — 사이트용 스타일 (W34 이식, 09-14 라운드 31)
   원본: 06_자산/히어로_시제품/src/template.html 의 <style> 블록
   시제품과 다른 점 셋 — (1) 머리글 모형(.mock-head) 제거, 사이트 머리글을 겹치게 띄운다
   (2) 100vw 폭 탈출 대신 홈에서만 #page 의 최대 폭을 푼다(가로 스크롤·sticky 위험 0)
   (3) 홈 구역 02~07 스타일을 .fis-sec 한 벌로 묶었다 */

:root{--navy:#002868;--night:#050914;--fg:#f3f5fa;--grey:#5b6474;
  --fisfont:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","Noto Sans CJK KR",sans-serif}

/* ===== 홈 전용 레이아웃 해제 =====
   히어로는 화면 전체를 써야 하므로 홈에서만 컨테이너 폭·사이드바·페이지 제목을 푼다.
   되돌리려면 이 블록만 지운다. 다른 페이지에는 하나도 닿지 않는다 */
body.fis-home #page{max-width:100%}
body.fis-home #content{padding:0}
body.fis-home #primary{width:100%;float:none}
body.fis-home #right-sidebar,body.fis-home #left-sidebar{display:none}
body.fis-home .entry-header{display:none}          /* 페이지 제목 "홈" — 히어로 표어가 h1 자리를 진다 */
body.fis-home .inside-article{padding:0}
body.fis-home .site-content{margin:0}
body.fis-home #main{margin:0}
body.fis-home .entry-content{margin:0}

/* 머리글을 히어로 위에 겹친다(사용자 결정 09-14) */
body.fis-home .site-header{position:absolute;left:0;right:0;top:0;z-index:5;background:transparent;width:100%}
body.fis-home.admin-bar .site-header{top:32px}
@media screen and (max-width:782px){body.fis-home.admin-bar .site-header{top:46px}}
/* 09-15 정정 — 1200px 컨테이너를 그대로 두니 넓은 화면에서 로고와 메뉴가 가운데로 몰렸다.
   히어로가 화면 전체를 쓰므로 머리글도 전체 폭으로 펴고 좌우 여백만 준다 */
body.fis-home .site-header .inside-header{max-width:100%;margin:0;padding-left:clamp(20px,3.5vw,56px);padding-right:clamp(20px,3.5vw,56px)}
body.fis-home .site-header a,body.fis-home .site-header .main-navigation a{color:#fff}
body.fis-home .main-navigation,body.fis-home .main-navigation ul{background:transparent}
body.fis-home .main-navigation .main-nav ul li a:hover{color:#cfe0ff}
body.fis-home .main-navigation ul ul{background:rgba(5,9,20,.92)}
/* 09-15 — 현재 보고 있는 메뉴 항목은 테마 기본값이 파란색(var(--accent))이라
   어두운 영상 위에서 읽히지 않았다. 홈에서만 흰색으로 두고 밑줄로 구분한다 */
body.fis-home .main-navigation .main-nav ul li[class*="current-menu-"] > a{color:#fff}
body.fis-home .main-navigation .main-nav ul li[class*="current-menu-"] > a::after{content:"";display:block;height:1px;margin-top:2px;background:rgba(255,255,255,.75)}

/* 09-15 — 홈 머리글의 사이트 이름은 `FIS` 만 보인다(사용자 결정).
   워드프레스 설정의 사이트 제목은 건드리지 않는다 — 그것을 바꾸면 브라우저 탭 제목과
   검색 결과, 공유 미리보기까지 함께 바뀐다. 화면에 보이는 글자만 홈에서 갈아 끼운다.
   되돌리려면 이 두 줄을 지운다 */
/* 09-15 R34 — 이 두 줄은 아래 「모든 페이지 머리글」 절로 옮겼다(홈 밖에도 같은 글자가 뜨게).
   자간 .18em 은 뺐다 — 홈 밖(아카이브) 기준인 기본 자간으로 통일(사용자 지시) */

/* 09-15 — 모바일에서 햄버거로 연 메뉴에 바탕이 없어 히어로가 그대로 비쳤다.
   펼쳐진 동안에만 어두운 바탕을 깐다. 닫으면 원래대로 투명이다 */
body.fis-home #site-navigation.toggled{background:rgba(5,9,20,.97);border:1px solid rgba(255,255,255,.14);border-radius:2px;box-shadow:0 18px 40px rgba(0,0,0,.5)}
body.fis-home #site-navigation.toggled .main-nav{background:transparent}
body.fis-home #site-navigation.toggled .main-nav ul li a{border-bottom:1px solid rgba(255,255,255,.08)}
body.fis-home #site-navigation.toggled .main-nav ul li:last-child a{border-bottom:0}
/* 펼친 모바일 메뉴에서는 항목이 화면 폭을 다 쓰므로, 현재 항목 밑줄이
   구분선처럼 커진다. 거기서는 밑줄을 끄고 흰 글씨로만 구분한다 */
body.fis-home #site-navigation.toggled .main-nav ul li[class*="current-menu-"] > a::after{display:none}

/* ===== 히어로 — 기본값은 정지 배치(JS 없음·움직임 줄이기) ===== */
.fis-hero{position:relative;background:var(--night);color:var(--fg);font-family:var(--fisfont)}
.fis-stage{position:relative}
.fis-scene,.fis-map{position:relative;height:100vh;min-height:520px;overflow:hidden}
.fis-runway,.fis-veil,.fis-video{position:absolute;inset:0}
.fis-video{display:none}
.fis-video video,.fis-video img{width:100%;height:100%;object-fit:cover;display:block;
  transform:scale(var(--fis-vzoom,1.22)) translateY(var(--fis-vdrop,8%));transform-origin:50% 50%}
@media (max-height:620px){.fis-video video{--fis-vzoom:1.08;--fis-vdrop:4%}}
.fis-hasvideo .fis-video,.fis-videofile .fis-video{display:block}
.fis-hasvideo .fis-runway,.fis-videofile .fis-runway{display:none}
.fis-runway svg,.fis-map svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.fis-veil{display:none}
.fis-copy{position:absolute;left:0;right:0;top:clamp(48px,7.5vh,104px);text-align:center;padding:0 16px;text-shadow:0 1px 2px rgba(3,5,12,.9),0 4px 18px rgba(3,5,12,.7)}
/* 09-15 — 로고를 두 배로 키우고 표어를 줄였다(사용자 결정). 사이 영문 줄은 그대로 둔다 */
.fis-copy img{width:clamp(112px,14vw,152px);height:auto;display:block;margin:0 auto 20px}
.fis-eyebrow{font-size:clamp(10px,1.05vw,12px);letter-spacing:.24em;font-weight:600;color:#c7d0e2;margin:0 0 14px}
.fis-copy h1{margin:0;font-weight:700;font-size:clamp(26px,4.2vw,52px);line-height:1.22;letter-spacing:-.01em;word-break:keep-all;color:var(--fg)}
/* 기울임을 원하면 이 한 줄을 살린다(서강대 FC DECS 식) — 09-15 검토, 지금은 끄고 둔다
.fis-copy h1{font-style:italic;font-weight:600} */
.fis-cue{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);font-size:11px;letter-spacing:.3em;color:#fff;text-align:center;font-weight:600;text-shadow:0 1px 3px rgba(3,5,12,.95),0 0 14px rgba(3,5,12,.85)}
.fis-cue::after{content:"";display:block;width:1px;height:34px;margin:10px auto 0;background:linear-gradient(#fff,rgba(255,255,255,0));box-shadow:0 0 6px rgba(3,5,12,.9)}
.fis-map{background:#03060f}
.fis-cities text{fill:#e9eefa;font-family:var(--fisfont);font-weight:600;letter-spacing:.12em;paint-order:stroke;stroke:rgba(3,6,15,.85);stroke-linejoin:round}
.fis-cities circle{fill:#ffffff}
.fis-cities .ring{fill:none;stroke:#ffffff;stroke-opacity:.6;stroke-width:1;vector-effect:non-scaling-stroke}
.fis-cities .is-seoul text{font-weight:800}
.fis-cities .glow{fill:#cfe0ff;opacity:.32}
.fis-defs{position:absolute;width:0;height:0;overflow:hidden}

/* ===== 스크롤 연출 켜짐(JS가 붙인다) ===== */
.fis-anim .fis-hero{height:520vh}
.fis-anim .fis-stage{position:sticky;top:0;height:100vh;overflow:hidden}
.fis-anim .fis-scene,.fis-anim .fis-map{position:absolute;inset:0;height:auto;min-height:0}
.fis-anim .fis-map{opacity:0}
.fis-anim .fis-veil{display:block;opacity:0;background:radial-gradient(ellipse 90% 70% at 50% 45%,#4a5a80 0%,#1d2a4d 55%,#0a1026 100%)}
.fis-anim .fis-copy{will-change:opacity,transform}
@media (max-height:560px){.fis-copy{top:40px}.fis-copy img{width:72px;margin-bottom:10px}.fis-eyebrow{display:none}.fis-copy h1{font-size:clamp(20px,5.5vh,32px)}.fis-cue{display:none}}

/* ===== 홈 구역 02~07 =====
   D56(네이비·흰색·회색) · D62 원칙 안에서만 쓴다. 색을 더 늘리지 않는다 */
.fis-sec{font-family:var(--fisfont);padding:clamp(64px,10vh,120px) 20px}
.fis-sec.alt{background:#f5f7fa}
.fis-sec .in{max-width:860px;margin:0 auto}
.fis-sec .eb{font-size:13px;letter-spacing:.2em;color:var(--navy);font-weight:700;margin:0 0 16px}
.fis-sec h2{font-size:clamp(24px,3.2vw,34px);line-height:1.32;margin:0 0 22px;color:var(--navy);word-break:keep-all}
.fis-sec h3{font-size:clamp(17px,1.7vw,19px);line-height:1.5;margin:32px 0 10px;color:var(--navy);word-break:keep-all}
.fis-sec p{font-size:17px;line-height:1.8;color:#2b3342;word-break:keep-all;margin:0 0 14px}
.fis-sec p:last-child{margin-bottom:0}
.fis-sec .lead{font-size:clamp(17px,1.9vw,19px)}
.fis-sec ul{margin:0;padding-left:1.1em;color:#2b3342;font-size:16px;line-height:1.9}
.fis-sec .meta{margin-top:28px;padding-top:20px;border-top:1px solid #d9dde5;font-size:15px;line-height:1.9;color:#4a5364}
.fis-sec .meta b{color:var(--navy);font-weight:600}

/* 활동 — 두 팀을 나란히, 좁아지면 세로로 */
.fis-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px;margin-top:28px}
.fis-card{background:#fff;border:1px solid #e2e6ee;border-radius:2px;padding:26px}
.fis-sec.alt .fis-card{background:#fff}
.fis-card h3{margin-top:0}

/* 참가 대회 — 목록 */
.fis-list{list-style:none;padding:0;margin:24px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.fis-list li{background:#fff;border:1px solid #e2e6ee;padding:14px 16px;font-size:16px;color:#2b3342}
.fis-sec:not(.alt) .fis-list li{background:#f5f7fa;border-color:#e6eaf1}

/* 임원진 — 실명·전공·직무 */
.fis-people{list-style:none;padding:0;margin:24px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}
.fis-people li{background:#fff;border:1px solid #e2e6ee;padding:18px}
.fis-people .role{display:block;font-size:12px;letter-spacing:.14em;color:var(--navy);font-weight:700;margin-bottom:8px}
.fis-people .nm{display:block;font-size:18px;color:#1b2230;font-weight:600;line-height:1.4}
.fis-people .maj{display:block;font-size:14px;color:var(--grey);margin-top:4px}

/* 학회원 전용 — 로그인 여부로 갈린다 */
.fis-member{background:var(--navy);color:var(--fg)}
.fis-member h2,.fis-member .eb{color:#cfe0ff}
.fis-member p{color:#c7d0e2}
.fis-member .btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
/* 09-16 라운드 35 — 배경 네이비, 두 버튼을 같은 모양(흰 테두리 + 흰 글자)으로 통일. 올리면 흰 바탕으로 뒤집힌다 */
.fis-member .btn,.fis-member .btn.ghost{display:inline-block;padding:13px 24px;background:transparent;color:#fff;text-decoration:none;font-size:15px;font-weight:600;border:1px solid #fff}
.fis-member .btn:hover,.fis-member .btn:focus-visible{background:#fff;color:var(--navy);border-color:#fff}

/* ===== 푸터 — 09-15 =====
   GeneratePress 무료판은 푸터 문구 설정이 없다. 그래서 글자 크기를 0으로 만들어
   `• Built with` 라는 맨 텍스트를 죽이고, 우리 저작권 span 만 되살린다.
   링크는 따로 감춘다. 홈만이 아니라 모든 페이지에 걸린다 */
.copyright-bar{font-size:0}
.copyright-bar .copyright{font-size:15px;line-height:1.7}
.copyright-bar a[href*="generatepress"]{display:none}
/* 09-16 라운드 35 — 저작권 줄을 좌하단으로. 머리글 FIS 와 같은 왼쪽 선(전체 폭 + clamp 여백)에 맞춘다.
   문구 자체는 fis-display.php 1.7 의 (10) 이 바꾼다 */
.site-info{text-align:left}
.site-info .inside-site-info{max-width:none;justify-content:flex-start;padding-left:clamp(20px,3.5vw,56px);padding-right:clamp(20px,3.5vw,56px)}
.copyright-bar .copyright{letter-spacing:.04em}

/* =====================================================================
   모든 페이지 머리글 · 홈 밖 페이지 레이아웃 — 09-15 라운드 34 (D120)
   사용자 피드백 2·3 — 기준은 홈이다.
   (1) 좌상단 FIS 와 우상단 메뉴의 자리를 홈과 같게: 전체 폭 + 좌우 여백 clamp(20px,3.5vw,56px)
   (2) FIS 자간은 기본값(홈 밖 기준), FIS 왼쪽에 로고
   (3) 홈 밖 머리글 = 홈 첫 화면 맨 위 띠에 해당하는 밤하늘(header_sky.jpg)을 깐 고정 막대.
       스크롤하면 반투명(fis-scrolled 는 fis-display.php 1.6 의 짧은 스크립트가 붙인다)
   (4) 홈 밖 본문 = 홈 02~06 구역처럼 흰 바탕 · 가운데 860px 한 줄기. 사이드바·흰 상자 제거
   되돌리기: 이 절을 통째로 지우고 위 주석 자리의 두 줄을 되살린다(hero.css.bak_09-15_R34전)
   ===================================================================== */

/* (1)(2) 머리글 글자 — 모든 페이지 */
.site-header .inside-header{max-width:100%;margin:0;padding-left:clamp(20px,3.5vw,56px);padding-right:clamp(20px,3.5vw,56px)}
.main-title a{font-size:0;line-height:1;display:inline-flex;align-items:center;text-decoration:none}
.main-title a::before{content:"";flex:none;width:clamp(30px,2.9vw,36px);height:clamp(30px,2.9vw,36px);margin-right:10px;
  background:url("logo_white.png") center/contain no-repeat}
.main-title a::after{content:"FIS";font-size:clamp(22px,2.2vw,28px);font-weight:700;letter-spacing:normal;line-height:1.2}

/* (3) 홈 밖 머리글 — 밤하늘 막대 */
body:not(.fis-home) .site-header{position:sticky;top:0;z-index:50;background:transparent;isolation:isolate;
  transition:background-color .3s ease}
body:not(.fis-home) .site-header::before{content:"";position:absolute;inset:0;z-index:-1;
  background:#050914 url("header_sky.jpg") center top/cover no-repeat;transition:opacity .3s ease}
body.admin-bar:not(.fis-home) .site-header{top:32px}
@media screen and (max-width:782px){body.admin-bar:not(.fis-home) .site-header{top:46px}}
@media screen and (max-width:600px){body.admin-bar:not(.fis-home) .site-header{top:0}}
body.fis-scrolled:not(.fis-home) .site-header{background-color:rgba(5,9,20,.45);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
body.fis-scrolled:not(.fis-home) .site-header::before{opacity:.55}
/* 글자색 — 홈 머리글 규칙과 같은 값 */
body:not(.fis-home) .site-header a,body:not(.fis-home) .site-header .main-navigation a{color:#fff}
body:not(.fis-home) .main-navigation,body:not(.fis-home) .main-navigation ul{background:transparent}
body:not(.fis-home) .main-navigation .main-nav ul li a:hover{color:#cfe0ff}
body:not(.fis-home) .main-navigation ul ul{background:rgba(5,9,20,.92)}
body:not(.fis-home) .main-navigation .main-nav ul li[class*="current-menu-"] > a{color:#fff}
body:not(.fis-home) .main-navigation .main-nav ul li[class*="current-menu-"] > a::after{content:"";display:block;height:1px;margin-top:2px;background:rgba(255,255,255,.75)}
body:not(.fis-home) .menu-toggle,body:not(.fis-home) .menu-toggle:hover,body:not(.fis-home) .menu-toggle:focus{color:#fff;background:transparent}
body:not(.fis-home) #site-navigation.toggled{background:rgba(5,9,20,.97);border:1px solid rgba(255,255,255,.14);border-radius:2px;box-shadow:0 18px 40px rgba(0,0,0,.5)}
body:not(.fis-home) #site-navigation.toggled .main-nav{background:transparent}
body:not(.fis-home) #site-navigation.toggled .main-nav ul li a{border-bottom:1px solid rgba(255,255,255,.08)}
body:not(.fis-home) #site-navigation.toggled .main-nav ul li:last-child a{border-bottom:0}
body:not(.fis-home) #site-navigation.toggled .main-nav ul li[class*="current-menu-"] > a::after{display:none}

/* (4) 홈 밖 본문 — 홈 구역과 같은 한 줄기 */
body:not(.fis-home) #page{max-width:100%;background:#fff}
body:not(.fis-home) .site-content{display:block;margin:0;padding:0}
body:not(.fis-home) #primary{width:100%;float:none;margin:0}
body:not(.fis-home) #right-sidebar,body:not(.fis-home) #left-sidebar{display:none}
body:not(.fis-home) #main{margin:0;padding:clamp(56px,8vh,96px) 20px clamp(64px,10vh,120px)}
body:not(.fis-home) #main > *{max-width:860px;margin-left:auto;margin-right:auto}
body:not(.fis-home) .inside-article,
body:not(.fis-home) .page-header,
body:not(.fis-home) .inside-page-header{background:transparent;padding:0;margin:0;box-shadow:none;border:0}
body:not(.fis-home) .site-main > article,
body:not(.fis-home) .site-main > .page-header{margin-bottom:0}
/* 목록 화면(자료실·태그·검색)에서 글이 여러 개면 카드 대신 가는 선으로 가른다 */
body:not(.fis-home) .site-main > article + article{margin-top:40px;padding-top:40px;border-top:1px solid #d9dde5}
body:not(.fis-home) .site-main > .page-header + article{margin-top:32px}
body:not(.fis-home) .entry-content,body:not(.fis-home) .entry-summary{font-family:var(--fisfont)}
body:not(.fis-home) .paging-navigation,body:not(.fis-home) .comments-area{background:transparent;padding-left:0;padding-right:0}

/* (5) 주차별 아카이브 현황판 — 칸 폭 (피드백 4, 09-15 R34)
   칸 최소 폭이 100px 이라 「미국 및 해외시장」(글자 폭 111px)이 칸을 넘어
   「-」가 아랫줄로 밀리고 그 행만 높아졌다. 최소 폭을 170px 로 올리고 한 줄로 묶는다.
   현황판 자체 CSS 는 fis-submit.php 안에 있다 — 9/20 제출 전이라 그 파일은 건드리지 않고
   여기서 구체성을 높여 덮는다 */
body:not(.fis-home) .fis-status{max-width:none}
body:not(.fis-home) .fis-status .fis-cells{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}
body:not(.fis-home) .fis-status .fis-cell{flex-wrap:nowrap}

/* =====================================================================
   (6) Resources — 09-16 라운드 35
   목록: 글 하나가 카드 하나. 날짜·작성자·요약·분류 줄을 감추고 제목만 남긴다.
   카드 어디를 눌러도 글로 간다(제목 링크를 카드 전체로 늘린다).
   글 화면: 자료실 글(body.fis-resource — fis-display.php 1.8 이 붙인다)은 날짜·작성자·분류 줄을 감춘다.
   내려받기 타일(.fis-dl)은 「학회 로고」 글 본문이 쓴다.
   되돌리기: 이 절을 지운다(hero.css.bak_09-16_R35_2차전)
   ===================================================================== */
body.category-resources #main{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;
  max-width:900px;margin:0 auto;box-sizing:border-box;align-items:stretch}
body.category-resources #main > *{max-width:none;margin:0}
body.category-resources #main > .page-header,
body.category-resources #main > .paging-navigation,
body.category-resources #main > .no-results{grid-column:1/-1}
body.category-resources #main > .page-header{margin-bottom:16px}
body.category-resources .site-main > article + article,
body.category-resources .site-main > .page-header + article{margin:0;padding:0;border:0}
body.category-resources article .inside-article{position:relative;height:100%;box-sizing:border-box;
  border:1px solid #d9dde5 !important;padding:28px 24px 56px !important;background:#fff !important;transition:border-color .2s ease,box-shadow .2s ease}
body.category-resources article .inside-article:hover{border-color:#002868 !important;box-shadow:0 6px 20px rgba(0,40,104,.08)}
body.category-resources article .entry-header{margin:0}
body.category-resources article .entry-title{font-size:20px;line-height:1.4;margin:0;word-break:keep-all}
body.category-resources article .entry-title a{color:#002868;text-decoration:none}
body.category-resources article .entry-title a::after{content:"";position:absolute;inset:0}
body.category-resources article .inside-article::after{content:"열기 →";position:absolute;left:24px;bottom:22px;font-size:14px;color:#5b6474;letter-spacing:.02em}
body.category-resources article .entry-meta,
body.category-resources article .entry-summary,
body.category-resources article .entry-content,
body.category-resources article .post-image{display:none}
body.fis-resource .entry-meta{display:none}

.fis-dl{list-style:none;padding:0;margin:20px 0 8px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.fis-dl li{border:1px solid #d9dde5;margin:0;display:flex;flex-direction:column}
.fis-dl .pv{display:flex;align-items:center;justify-content:center;height:180px;background:#f7f8fa;border-bottom:1px solid #d9dde5}
.fis-dl .pv.dark{background:#002868}
.fis-dl .pv img{max-height:140px;width:auto;height:auto}
.fis-dl .tx{padding:14px 16px 16px;display:flex;flex-direction:column;gap:4px;flex:1}
.fis-dl .nm{font-size:16px;color:#1b2230;font-weight:600}
.fis-dl .ds{font-size:14px;color:#5b6474;line-height:1.6;flex:1}
.fis-dl a.get,.fis-pack a{display:inline-block;margin-top:10px;padding:9px 16px;border:1px solid #002868;color:#002868;text-decoration:none;font-size:14px;font-weight:600;align-self:flex-start}
.fis-dl a.get:hover,.fis-pack a:hover{background:#002868;color:#fff}
.fis-pack a{background:#002868;color:#fff}
.fis-pack a:hover{background:#001a45}
.fis-swatch{display:inline-block;width:14px;height:14px;background:#002868;vertical-align:-2px;margin-right:6px}

/* =====================================================================
   (7) 머리글 메뉴 간격 — 09-17 라운드 37 (2차)
   로그인하면 메뉴가 7칸(Team 추가)이 되어 홈 첫 화면 가운데 학회 로고(logo_white.png, 폭 152px)와
   메뉴 왼쪽 끝(Home)이 붙었다. 사용자 PC(폭 약 1536px) 실측: Home 글자 ~ 로고 오른쪽 끝 14px.
   1366px 이하에서는 메뉴가 로고 위로 넘어갔다(-65px).
   메뉴 칸 좌우 여백을 폭에 따라 8~20px 로 줄여 메뉴를 오른쪽으로 모은다.
   식: (50vw - 583px)/13 — 메뉴 글자 폭 357px · 칸 사이 여백 12개+오른쪽 1개 · 오른쪽 여백 약 70px ·
   로고 반폭 76px · 최소 간격 40px 에서 나왔다. 메뉴 글자나 칸 수가 바뀌면 다시 잰다.
   적용 뒤 실측(Home 글자 ~ 로고 끝): 1920 → 204px(종전과 같음) / 1536 → 89 / 1440 → 92 /
   1366 → 91 / 1280 → 51. 1240px 아래는 폭이 모자라 메뉴가 로고 윗줄에 겹쳐 놓인다(남은 문제).
   768px 이하(햄버거 메뉴)는 건드리지 않는다.
   1차(09-17, 10~20px · 2.6vw-10px)는 FIS 글자와의 간격으로 잘못 읽고 만든 식이라 이것으로 대체했다.
   되돌리기: 이 절을 지운다(hero.css.bak_09-17_R37전)
   ===================================================================== */
@media (min-width:769px){
  .main-navigation .main-nav ul li a{padding-left:clamp(8px,calc((50vw - 583px)/13),20px);padding-right:clamp(8px,calc((50vw - 583px)/13),20px)}
}