/*
 * 기업탐방 페이지 스타일
 * 모든 규칙은 #companyTour 안에서만 적용됩니다 (사이트 공통 CSS와 충돌 방지).
 * 외부 폰트: NEXON Lv2 Gothic (jsdelivr noonfonts, 사이트 폰트와 겹치지 않게 "GS NEXON" 이름으로 등록)
 */
@font-face{font-family:"GS NEXON";src:url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv2 Gothic.woff") format("woff");font-display:swap}
@font-face{font-family:"GS NEXON Bold";src:url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv2 Gothic Bold.woff") format("woff");font-display:swap}
/* ===== 학원 메인페이지 톤앤매너 (취업센터 공통) ===== */
#companyTour{scroll-behavior:smooth;--bg:#1d1f22; --bg2:#17191c; --card:#26292e; --line:#363a41;
  --text:#ffffff; --sub:#a9b0b9; --muted:#808892;
  --accent:#08cee8; --on-accent:#111316; --purple:#9679ff;
  --head:"GS NEXON Bold","GS NEXON",sans-serif;
  --radius:12px; --max:1200px;}
#companyTour, #companyTour *{margin:0;padding:0;box-sizing:border-box}
#companyTour{background:var(--bg);color:var(--text);font-weight:400;overflow-wrap:normal;font-family:'GS NEXON',-apple-system,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;word-break:keep-all}
#companyTour a{color:inherit;text-decoration:none}
#companyTour h1, #companyTour h2, #companyTour h3, #companyTour h4, #companyTour b, #companyTour strong, #companyTour .btn{font-family:var(--head);font-weight:700}
#companyTour .wrap{max-width:var(--max);margin:0 auto;padding:0 24px}
#companyTour section{padding:120px 0;position:relative;scroll-margin-top:150px}
#companyTour .alt{background:var(--bg2)}
#companyTour .eyebrow{display:inline-block;font-size:15px;letter-spacing:.04em;color:var(--accent);margin-bottom:16px}
#companyTour h2.title{font-size:clamp(28px,4vw,44px);line-height:1.3;letter-spacing:-.02em}
#companyTour h2.title em{font-style:normal;color:var(--accent)}
#companyTour .lead{color:var(--sub);font-size:clamp(15px,1.4vw,18px);margin-top:16px;max-width:680px}
#companyTour .reveal{opacity:0;transform:translateY(40px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.8,.2,1)}
#companyTour .reveal.on{opacity:1;transform:none}
#companyTour .btn{display:inline-flex;align-items:center;gap:8px;padding:16px 30px;border-radius:12px;font-size:16px;transition:transform .2s,background .2s,border-color .2s}
#companyTour .btn:hover{transform:translateY(-2px)}
#companyTour .btn.pri{background:var(--accent);color:var(--on-accent)}
#companyTour .btn.pri:hover{background:#3fdcf0}
#companyTour .btn.sec{border:1px solid #5a5f67}
#companyTour .btn.sec:hover{border-color:var(--accent)}
/* ===== HERO (사진 배경) ===== */
#companyTour .hero{min-height:640px;display:flex;align-items:flex-end;padding:120px 0 80px;overflow:hidden;background:#111}
#companyTour .hero .bg{position:absolute;inset:0;background:center 40%/cover no-repeat;transform:scale(1.06);animation:ct-zoom 14s ease-out forwards}
@keyframes ct-zoom{to{transform:scale(1)}}
#companyTour .hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(17,19,22,.55) 0%,rgba(17,19,22,.35) 35%,rgba(29,31,34,.92) 78%,var(--bg) 100%),linear-gradient(90deg,rgba(17,19,22,.75),transparent 70%)}
#companyTour .hero .wrap{position:relative;z-index:1;width:100%}
#companyTour .crumb{font-size:13px;color:rgba(255,255,255,.6);margin-bottom:22px}
#companyTour .crumb span+span::before{content:"›";margin:0 8px}
#companyTour .crumb span:last-child{color:#fff}
#companyTour .hero h1{font-size:clamp(30px,4.8vw,62px);line-height:1.13;letter-spacing:-.04em;text-shadow:0 4px 30px rgba(0,0,0,.4)}
#companyTour .hero h1 em{font-style:normal;color:var(--accent)}
#companyTour .hero .lead{color:rgba(255,255,255,.85);max-width:640px}
#companyTour .hero .acts{display:flex;gap:12px;flex-wrap:wrap;margin-top:36px}
#companyTour .hero .cap{position:absolute;right:24px;bottom:26px;z-index:1;font-size:12px;color:rgba(255,255,255,.55)}
/* ===== 수강생 전용 ===== */
#companyTour .only{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center}
#companyTour .door{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:4/3;background:#2a2d33 center/cover no-repeat}
#companyTour .vs{display:flex;flex-direction:column;gap:14px;margin-top:34px}
#companyTour .vs .row{display:grid;grid-template-columns:1fr 1fr;border-radius:12px;overflow:hidden;border:1px solid var(--line)}
#companyTour .vs .row div{padding:16px 18px;font-size:15px}
#companyTour .vs .row .no{background:var(--card);color:var(--muted);text-decoration:line-through;text-decoration-color:rgba(128,136,146,.5)}
#companyTour .vs .row .yes{background:rgba(8,206,232,.1);color:#fff;font-family:var(--head)}
#companyTour .vs .row .yes::before{content:"✓ ";color:var(--accent)}
#companyTour .vs .hd{display:grid;grid-template-columns:1fr 1fr;font-size:13px;color:var(--muted);padding:0 18px}
#companyTour .vs .hd span:last-child{color:var(--accent)}
/* ===== 숫자 ===== */
#companyTour .nums{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:56px}
#companyTour .nm{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:30px 26px}
#companyTour .nm:first-child{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
#companyTour .nm b{display:block;font-size:clamp(40px,4.6vw,60px);line-height:1;letter-spacing:-.03em}
#companyTour .nm b small{font-size:.38em;margin-left:3px}
#companyTour .nm .l{margin-top:12px;font-size:15px;font-family:var(--head)}
/* ===== 탐방 하루 ===== */
#companyTour .day{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:56px;position:relative}
#companyTour .day::before{content:"";position:absolute;top:34px;left:12%;right:12%;height:2px;background:linear-gradient(90deg,var(--accent),var(--purple))}
#companyTour .dy{position:relative;text-align:center;padding:0 8px}
#companyTour .dy .ic{width:68px;height:68px;margin:0 auto 22px;border-radius:50%;background:var(--bg);border:2px solid var(--accent);display:flex;align-items:center;justify-content:center;font-family:var(--head);color:var(--accent);font-size:18px;position:relative;z-index:1}
#companyTour .dy:last-child .ic{background:var(--accent);color:var(--on-accent)}
#companyTour .dy h4{font-size:19px;margin-bottom:8px}
#companyTour .dy p{font-size:14px;color:var(--sub)}
#companyTour .pre{margin-top:48px;display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:26px 30px}
#companyTour .pre .q{font-family:var(--head);font-size:44px;color:var(--accent);line-height:1}
#companyTour .pre b{font-size:18px}
#companyTour .pre p{font-size:14px;color:var(--sub);margin-top:4px}
/* ===== 얻어가는 것 ===== */
#companyTour .gets{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:56px}
#companyTour .gt{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:30px 26px;transition:border-color .3s,transform .3s}
#companyTour .gt:hover{border-color:var(--accent);transform:translateY(-5px)}
#companyTour .gt .n{font-family:var(--head);font-size:13px;color:var(--accent);letter-spacing:.08em}
#companyTour .gt h3{font-size:20px;margin:10px 0 8px;line-height:1.35}
#companyTour .gt p{font-size:14px;color:var(--sub)}
/* ===== 탐방 기록 (회사 카드 그리드) ===== */
#companyTour .records{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:280px;gap:16px;margin-top:48px}
#companyTour .rc{position:relative;border-radius:16px;overflow:hidden;background:#2a2d33 center/cover no-repeat;cursor:zoom-in;border:1px solid var(--line);transition:transform .3s,border-color .3s}
#companyTour .rc:hover{transform:translateY(-4px);border-color:var(--accent)}
#companyTour .rc.wide{grid-column:span 2}
#companyTour .rc.empty{cursor:default;background:radial-gradient(circle at 75% 25%,rgba(8,206,232,.14),transparent 60%),#24272c;border-style:dashed}
#companyTour .rc.empty:hover{transform:none;border-color:var(--line)}
#companyTour .rc.empty::before{display:none}
#companyTour .rc .ready{position:absolute;top:18px;right:18px;font-size:12px;color:var(--muted);border:1px solid var(--line);border-radius:99px;padding:5px 11px}
#companyTour .rc::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(17,19,22,.85));transition:opacity .3s}
#companyTour .rc .nm2{position:absolute;left:24px;right:24px;bottom:20px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
#companyTour .rc h3{font-size:clamp(20px,2vw,26px);letter-spacing:-.02em}
#companyTour .rc .cnt{flex-shrink:0;font-size:12px;padding:5px 11px;border-radius:99px;background:rgba(17,19,22,.7);color:#fff}
/* ===== 참가 방법 ===== */
#companyTour .how{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:56px}
#companyTour .hw{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:30px 26px;position:relative}
#companyTour .hw:not(:last-child)::after{content:"→";position:absolute;right:-14px;top:50%;transform:translateY(-50%);color:var(--accent);font-family:var(--head);z-index:1}
#companyTour .hw .st{font-family:var(--head);font-size:13px;color:var(--accent);letter-spacing:.08em}
#companyTour .hw h4{font-size:20px;margin:10px 0 8px}
#companyTour .hw p{font-size:14px;color:var(--sub)}
#companyTour .hw.last{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
#companyTour .hw.last .st, #companyTour .hw.last p{color:rgba(17,19,22,.75)}
#companyTour .link-sys{margin-top:20px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;border:1px dashed #4a4f57;border-radius:16px;padding:22px 28px}
#companyTour .link-sys p{font-size:15px;color:var(--sub)}
#companyTour .link-sys p b{color:#fff}
#companyTour .link-sys a{font-family:var(--head);font-size:15px;color:var(--accent);white-space:nowrap}
/* ===== FAQ ===== */
#companyTour .faq-list{margin-top:48px;border-top:1px solid var(--line)}
#companyTour .fq{border-bottom:1px solid var(--line)}
#companyTour .fq button{width:100%;background:none;border:0;color:var(--text);font-family:var(--head);font-size:18px;text-align:left;padding:26px 48px 26px 0;cursor:pointer;position:relative}
#companyTour .fq button .q{color:var(--accent);margin-right:12px}
#companyTour .fq button::after{content:"+";position:absolute;right:6px;top:50%;transform:translateY(-50%);font-size:26px;color:var(--accent);transition:transform .3s}
#companyTour .fq.open button::after{transform:translateY(-50%) rotate(45deg)}
#companyTour .fq .ans{max-height:0;overflow:hidden;transition:max-height .4s ease;color:var(--sub);font-size:16px}
#companyTour .fq .ans p{padding:0 0 26px 30px}
/* ===== CTA + 취업상담(수강료 조회) 폼 ===== */
#companyTour .cta{background:radial-gradient(ellipse 70% 80% at 50% 100%,rgba(8,206,232,.16),transparent 70%),var(--bg)}
#companyTour .cta .wrap{display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:56px;align-items:center}
#companyTour .cta .acts{display:flex;gap:12px;flex-wrap:wrap;margin-top:36px}
#companyTour .jc-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:32px 28px 26px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 30px 60px -30px rgba(0,0,0,.6);scroll-margin-top:90px}
#companyTour .jc-block{margin-bottom:24px}
#companyTour .jc-step{display:block;font-size:12px;letter-spacing:.06em;color:var(--accent);margin-bottom:2px;font-family:var(--head)}
#companyTour .jc-q{display:block;font-family:var(--head);font-size:15.5px;letter-spacing:-.02em;margin-bottom:12px;color:#fff}
#companyTour .jc-chips{display:flex;flex-wrap:wrap;gap:7px}
#companyTour .jc-chip{position:relative}
#companyTour .jc-chip input{position:absolute;opacity:0;pointer-events:none}
#companyTour .jc-chip span{display:inline-block;padding:7px 12px;border:1px solid rgba(255,255,255,.18);border-radius:999px;font-size:14px;color:rgba(255,255,255,.85);background:rgba(255,255,255,.04);cursor:pointer;transition:.15s}
#companyTour .jc-chip:hover span{border-color:rgba(255,255,255,.45);color:#fff}
#companyTour .jc-chip input:checked+span{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-family:var(--head)}
#companyTour .jc-chip input:focus-visible+span{outline:2px solid #fff;outline-offset:2px}
#companyTour .jc-field{width:100%;height:46px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:rgba(0,0,0,.22);color:#fff;padding:0 12px;font:inherit;font-size:15px;transition:border-color .15s}
#companyTour select.jc-field option{color:#1d2433}
#companyTour .jc-field::placeholder{color:rgba(255,255,255,.4)}
#companyTour .jc-field:focus{outline:none;border-color:var(--accent);background:rgba(0,0,0,.3)}
#companyTour .jc-field.bad{border-color:#ff5a6e}
#companyTour .jc-phone{display:grid;grid-template-columns:1fr 12px 1fr 12px 1fr;gap:6px;align-items:center;margin-top:8px}
#companyTour .jc-phone span{text-align:center;color:rgba(255,255,255,.55)}
#companyTour .jc-phone input{text-align:center}
#companyTour .jc-btn{width:100%;height:56px;border:0;border-radius:10px;background:var(--accent);color:var(--on-accent);font-family:var(--head);font-size:17px;cursor:pointer;box-shadow:0 10px 30px -10px rgba(8,206,232,.7);transition:filter .15s,transform .1s}
#companyTour .jc-btn:hover{filter:brightness(1.08)}
#companyTour .jc-btn:active{transform:translateY(1px)}
#companyTour .jc-btn:disabled{opacity:.6;cursor:wait}
#companyTour .jc-agree{display:flex;justify-content:center;align-items:center;gap:7px;margin-top:14px;font-size:13px;color:rgba(255,255,255,.55);cursor:pointer}
#companyTour .jc-agree input{width:15px;height:15px;margin:0;accent-color:var(--accent)}
#companyTour .jc-err{display:block;color:#ff7486;font-size:12.5px;margin-top:8px}
#companyTour .jc-err:empty{display:none}
#companyTour .jc-err-c{text-align:center}
#companyTour .jc-done{text-align:center;padding:30px 0 16px;color:#fff}
#companyTour .jc-done b{display:block;font-size:21px;letter-spacing:-.03em}
#companyTour .jc-done p{margin-top:8px;color:rgba(255,255,255,.55);font-size:14px}
@media (max-width:960px){
  #companyTour .cta .wrap{grid-template-columns:minmax(0,1fr);gap:36px}
}
@media (max-width:480px){
  #companyTour .jc-card{padding:24px 18px 22px}
  #companyTour .jc-phone{grid-template-columns:minmax(78px,1fr) 10px 1fr 10px 1fr;gap:4px}
  #companyTour .jc-phone select{padding:0 6px}
}
/* ===== 라이트박스 ===== */
#companyTour .lb{position:fixed;inset:0;z-index:1000;background:rgba(10,11,13,.94);display:none;align-items:center;justify-content:center;padding:60px 70px}
#companyTour .lb.on{display:flex}
#companyTour .lb img{max-width:100%;max-height:100%;border-radius:10px;box-shadow:0 20px 60px rgba(0,0,0,.6)}
#companyTour .lb .cp{position:absolute;left:0;right:0;bottom:18px;text-align:center;font-size:14px;color:var(--sub)}
#companyTour .lb button{position:absolute;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);color:#fff;width:48px;height:48px;border-radius:50%;font-size:20px;cursor:pointer}
#companyTour .lb .x{top:18px;right:18px}
#companyTour .lb .pv{left:14px;top:50%;transform:translateY(-50%)}
#companyTour .lb .nx{right:14px;top:50%;transform:translateY(-50%)}
@media (max-width:1024px){
  #companyTour .hero{min-height:560px;padding-top:64px}
  #companyTour .only{grid-template-columns:1fr;gap:36px}
  #companyTour .nums, #companyTour .gets{grid-template-columns:1fr 1fr}
  #companyTour .records{grid-template-columns:1fr 1fr;grid-auto-rows:220px}
  #companyTour .how{grid-template-columns:1fr 1fr}
  #companyTour .hw::after{display:none}
}
@media (max-width:768px){
  #companyTour section{padding:84px 0}
  #companyTour .wrap{padding:0 16px}
  #companyTour .hero{min-height:480px;padding:40px 0 56px}
  #companyTour .hero .cap{display:none}
  #companyTour .day{grid-template-columns:1fr;gap:24px}
  #companyTour .day::before{top:0;bottom:0;left:33px;right:auto;width:2px;height:auto}
  #companyTour .dy{display:grid;grid-template-columns:68px 1fr;gap:2px 18px;text-align:left;padding:0}
  #companyTour .dy .ic{margin:0;grid-row:span 2}
  #companyTour .pre{grid-template-columns:1fr;gap:10px;padding:22px}
  #companyTour .records{grid-template-columns:1fr;grid-auto-rows:230px}
  #companyTour .rc.wide{grid-column:auto}
  #companyTour .vs .row div{padding:13px 12px;font-size:14px}
  #companyTour .fq button{font-size:16px}
  #companyTour .fq .ans p{padding-left:0}
  #companyTour .lb{padding:60px 12px}
  #companyTour .lb .pv, #companyTour .lb .nx{top:auto;bottom:50px;transform:none}
}
@media (max-width:480px){
  #companyTour .nums, #companyTour .gets, #companyTour .how{grid-template-columns:1fr}
}
/* HP-IM-261023-000: 아래로 내렸다 다시 위로 올리면 #header 에 클래스가 하나도 안 남아
   공통 배경(.init_bg 흰색 50%)이 사라진다 → 어두운 본문 위에서 메뉴 글자(#24272d)가 묻힘.
   recruitment.css · recruitsystem.css 와 같게 클래스 없는 상태까지 흰 배경으로 고정 */
#header,#header.init_bg,#header.up,#header.down{background:rgba(255,255,255,.96)}