@font-face {
  font-family: 'TT Hoves';
  font-weight: 700;
  src: url('https://font-public.canva.com/YAEnXArs1iQ/0/TT_Hoves_Bold.6210ee8f307e823dad48a19178.3ea5d2114fbd73a0ceb3a80c24ba8a75.woff2') format('woff2'),
       url('https://font-public.canva.com/YAEnXArs1iQ/0/TT_Hoves_Bold.6210ee8f307e823dad48a19178.4df33cf998001314df314936b1479a92.woff') format('woff');
}
@font-face {
  font-family: 'TT Hoves';
  font-weight: 400;
  src: url('https://font-public.canva.com/YAEnXArs1iQ/0/TT_Hoves_Regular.8c5f740b8d5b10518a433cc.e03690e938f65592a031b093252f5b72.woff2') format('woff2'),
       url('https://font-public.canva.com/YAEnXArs1iQ/0/TT_Hoves_Regular.8c5f740b8d5b10518a433cc.ac2ae8f8fb5795fb961de3eab77ea522.woff') format('woff');
}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
  --orange: #dc4405; --navy: #002560; --red: #ef4b4b;
  --white: #ffffff; --light: #efeff4; --cream: #f4f1ec; --offwhite: #f1f1f0;
}
body { font-family: 'TT Hoves', sans-serif; color: #222; overflow-x: hidden; }

/* HEADER */
.iroc-header { position: relative; z-index: 10; display: flex; align-items: center; background: rgba(255,255,255,0.97); padding: 12px 28px; gap: 14px; }

/* HERO (로고/nav 공통) */
.hero-nav-logo-link { display: flex; align-items: center; gap: 10px; text-decoration: none; flex-shrink: 0; }
.hero-nav-logo-box { width: 90px; height: 56px; background: url('https://iroc.kr/files/attach/images/5480/8d3befd0a14958a4040b3209f6a53850.png') center/120% no-repeat; flex-shrink: 0; }
.hero-nav-text { font-family: 'TT Hoves', sans-serif; font-weight: 700; font-size: 10px; color: var(--navy); text-transform: uppercase; letter-spacing: 0.5px; line-height: 1.5; }

/* NAV MENU */
.nav-menu { display: flex; align-items: center; gap: 4px; margin-left: auto; }
.nav-menu a, .nav-dropdown > .nav-dropbtn { font-family: 'TT Hoves', sans-serif; font-weight: 700; font-size: 13px; color: var(--navy); text-decoration: none; padding: 8px 13px; border-radius: 3px; white-space: nowrap; transition: background .15s, color .15s; background: none; border: none; cursor: pointer; }
.nav-menu a:hover, .nav-dropdown:hover > .nav-dropbtn { background: var(--light); color: var(--orange); }
.nav-menu a.active { color: var(--orange); }
.nav-dropdown { position: relative; }
.nav-dropbtn::after { content: ' ▾'; font-size: 10px; }
.nav-dropcontent { display: none; position: absolute; top: 100%; left: 0; background: white; min-width: 130px; box-shadow: 0 4px 16px rgba(0,0,0,0.12); z-index: 200; border-top: 2px solid var(--orange); }
.nav-dropdown:hover .nav-dropcontent { display: block; }
.nav-dropcontent a { display: block; padding: 10px 16px; font-family: 'TT Hoves', sans-serif; font-weight: 700; font-size: 12.5px; color: var(--navy); text-decoration: none; transition: background .15s, color .15s; }
.nav-dropcontent a:hover { background: var(--light); color: var(--orange); }
.nav-login { font-family: 'TT Hoves', sans-serif; font-weight: 700; font-size: 13px; color: white !important; background: var(--navy) !important; padding: 8px 18px !important; border-radius: 3px; text-decoration: none; transition: background .15s !important; margin-left: 6px; }
.nav-login:hover { background: var(--orange) !important; }
.nav-lang { display: flex; align-items: center; margin-left: 6px; }
.nav-lang-btn { font-family: 'TT Hoves', sans-serif; font-weight: 700; font-size: 12px; color: var(--navy); border: 1.5px solid var(--navy); border-radius: 3px; padding: 6px 10px; text-decoration: none; transition: background .15s, color .15s; }
.nav-lang-btn:hover { background: var(--navy); color: white; }
.nav-user-dropdown { position: relative; margin-left: 6px; }
.nav-user-btn { font-family: 'TT Hoves', sans-serif; font-weight: 700; font-size: 13px; color: white !important; background: var(--navy) !important; padding: 8px 18px !important; border-radius: 3px; border: none; cursor: pointer; transition: background .15s !important; white-space: nowrap; }
.nav-user-btn:hover { background: var(--orange) !important; }
.nav-user-menu { display: none; position: absolute; top: calc(100% + 6px); right: 0; background: white; min-width: 160px; box-shadow: 0 4px 16px rgba(0,0,0,0.12); border-top: 2px solid var(--orange); z-index: 200; }
.nav-user-dropdown.open .nav-user-menu { display: block; }
.nav-user-menu a { display: block; padding: 10px 16px; font-family: 'TT Hoves', sans-serif; font-weight: 700; font-size: 12.5px; color: var(--navy); text-decoration: none; transition: background .15s; }
.nav-user-menu a:hover { background: var(--light); color: var(--orange); }
.nav-user-divider { border-top: 1px solid #eee; margin: 4px 0; }

/* CONTENT / FOOTER */
.iroc-content { width: 100%; min-height: 300px; }
.iroc-content.iroc-sub { max-width: 1200px; margin: 40px auto; padding: 0 40px; }
.iroc-footer { background: var(--navy); color: rgba(255,255,255,0.5); text-align: center; padding: 16px; font-size: 12px; }

/* 햄버거 버튼 */
.nav-hamburger { display: none; flex-direction: column; justify-content: center; gap: 5px; margin-left: auto; background: none; border: none; cursor: pointer; padding: 8px; }
.nav-hamburger span { display: block; width: 24px; height: 2px; background: var(--navy); border-radius: 2px; }

/* RESPONSIVE */
@media (max-width: 768px) {
  .iroc-header { position: relative; flex-wrap: wrap; }
  .nav-hamburger { display: flex; }
  .nav-menu { display: none; flex-direction: column; width: 100%; background: white; box-shadow: 0 4px 16px rgba(0,0,0,0.12); padding: 8px 0; }
  .nav-menu.open { display: flex; }
  .nav-menu a, .nav-dropdown > .nav-dropbtn { width: 100%; text-align: left; border-radius: 0; padding: 12px 24px; }
  .nav-dropdown { width: 100%; }
  .nav-dropcontent { display: block; position: static; box-shadow: none; border-top: none; border-left: 3px solid var(--orange); margin-left: 24px; }
  .nav-dropcontent a { padding: 8px 16px; }
  .nav-lang { margin-left: 24px; padding: 8px 0; }
  .iroc-content { width: 100%; }
  .iroc-content.iroc-sub { max-width: 100%; padding: 0 16px; margin: 20px 0; }
}