/* ============================================================
   사이트 공통 헤더 — 실제 dqtum.com 상단 메뉴 구조 재현
   (CMS 템플릿이 이미 같은 헤더를 출력한다면 이 <style> 블록과
    아래 .dqsite-header 마크업, dq-sitenav 스크립트만 빼세요.)
   ============================================================ */
.dqsite-header *{box-sizing:border-box}
.dqsite-header{
  position:relative;z-index:950;background:#fff;border-bottom:1px solid #e6e8ec;
  font-family:"Noto Sans KR","Pretendard Variable",-apple-system,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;
  color:#14243a;
}
.dqsite-header .dqs-in{
  width:min(1160px,92vw);margin-inline:auto;   /* 본문 .wrap 과 같은 폭 — 왼쪽 시작선 일치 */
  display:flex;align-items:center;gap:18px;height:74px;
}
.dqsite-header a{color:inherit;text-decoration:none}

/* 좌측 로고 */
.dqs-brand{display:flex;align-items:center;gap:10px;flex:none}
.dqs-brand img{height:30px;width:auto;display:block;color:#1A3F92}
.dqs-brand .dqs-tx{display:block;font-size:12px;color:#5A6377;letter-spacing:.16em;margin-top:3px}

/* 대메뉴 */
.dqs-nav{flex:1;min-width:0}
.dqs-nav > ul{
  display:flex;justify-content:center;align-items:center;gap:clamp(6px,2vw,30px);
  list-style:none;margin:0;padding:0;
}
.dqs-nav > ul > li{position:relative}
.dqs-nav > ul > li > a{
  display:block;padding:26px 6px;font-size:15.5px;font-weight:700;
  letter-spacing:-.02em;white-space:nowrap;position:relative;
}
.dqs-nav > ul > li > a::after{
  content:"";position:absolute;left:6px;right:6px;bottom:18px;height:2px;
  background:#1A3F92;transform:scaleX(0);transform-origin:left;
  transition:transform .18s ease;
}
.dqs-nav > ul > li:hover > a::after,
.dqs-nav > ul > li > a[aria-current="page"]::after{transform:scaleX(1)}
.dqs-nav > ul > li > a[aria-current="page"]{color:#1A3F92}

/* 하위메뉴 */
.dqs-sub{
  position:absolute;left:50%;top:100%;transform:translateX(-50%) translateY(6px);
  min-width:210px;background:#fff;border:1px solid #e6e8ec;border-radius:10px;
  box-shadow:0 14px 34px rgba(12,28,54,.13);
  list-style:none;margin:0;padding:8px;
  opacity:0;visibility:hidden;transition:opacity .16s ease,transform .16s ease;
}
.dqs-nav > ul > li:hover .dqs-sub,
.dqs-nav > ul > li:focus-within .dqs-sub{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.dqs-sub a{
  display:block;padding:9px 12px;font-size:13.6px;color:#3C4763;border-radius:6px;
  white-space:nowrap;letter-spacing:-.01em;
}
.dqs-sub a:hover{background:#F2F5FA;color:#1A3F92}

/* 원서접수 — 전환 버튼이므로 알약 형태로 강조 */
.dqs-nav > ul > li > a.dqs-apply{
  background:#1A3F92;color:#fff;border-radius:999px;
  padding:9px 18px;margin-left:4px;font-size:14.5px;
  transition:background .18s ease;
}
.dqs-nav > ul > li > a.dqs-apply:hover{background:#12234A}
.dqs-nav > ul > li > a.dqs-apply::after{display:none}

/* 우측 전화 */
.dqs-tel{flex:none;text-align:right;line-height:1.25}
.dqs-tel small{display:block;font-size:12px;color:#6B7688}
.dqs-tel b{display:block;font-size:16px;font-weight:800;color:#1A3F92;letter-spacing:-.01em}

/* 모바일 */
.dqs-toggle{
  display:none;flex:none;margin-left:auto;
  width:42px;height:42px;border:1px solid #dfe3ea;border-radius:8px;
  background:#fff;cursor:pointer;position:relative;
}
.dqs-toggle i{position:absolute;left:11px;right:11px;height:2px;background:#14243a;
  transition:transform .2s ease,opacity .2s ease}
.dqs-toggle i:nth-child(1){top:14px}
.dqs-toggle i:nth-child(2){top:20px}
.dqs-toggle i:nth-child(3){top:26px}
.dqsite-header.is-open .dqs-toggle i:nth-child(1){transform:translateY(6px) rotate(45deg)}
.dqsite-header.is-open .dqs-toggle i:nth-child(2){opacity:0}
.dqsite-header.is-open .dqs-toggle i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

@media (max-width:1100px){
  .dqsite-header .dqs-in{height:62px;gap:12px}
  .dqs-brand img{height:24px}
  .dqs-brand .dqs-tx{display:none}
  .dqs-tel{display:none}
  .dqs-toggle{display:block}
  .dqs-nav{
    position:absolute;left:0;right:0;top:100%;background:#fff;
    border-bottom:1px solid #e6e8ec;max-height:0;overflow:hidden;
    transition:max-height .25s ease;z-index:960;
  }
  .dqsite-header.is-open .dqs-nav{max-height:80vh;overflow-y:auto}
  .dqs-nav > ul{display:block;padding:6px 0 14px}
  .dqs-nav > ul > li > a{padding:14px 22px;font-size:16px;border-top:1px solid #f0f2f6}
  .dqs-nav > ul > li > a::after{display:none}
  .dqs-nav > ul > li > a.dqs-apply{
    margin:10px 22px 4px;border-radius:8px;padding:14px 18px;
    text-align:center;font-size:16px;border-top:none;
  }
  .dqs-sub{
    position:static;transform:none;opacity:1;visibility:visible;
    border:none;box-shadow:none;border-radius:0;padding:0 22px 10px;background:#F7F9FC;
  }
  .dqs-sub a{padding:10px 8px;font-size:14.5px}
}

/* 상단 유틸바 (Home · 로그인/로그아웃 · 정보수정 · 관리자) — CMS 헤더의 .tmall 과 같은 구성 */
.dqsite-header .dqs-util{background:#f5f6f8;border-bottom:1px solid #e6e8ec}
.dqsite-header .dqs-util ul{
  width:min(1160px,92vw);margin:0 auto;padding:0;list-style:none;
  display:flex;justify-content:flex-end;gap:14px;height:24px;align-items:center;
}
.dqsite-header .dqs-util li{margin:0;padding:0;line-height:1}
.dqsite-header .dqs-util a{font-size:12px;line-height:1;color:#4a5568;letter-spacing:-.01em;display:inline-block;padding:2px}
.dqsite-header .dqs-util a:hover{color:#1A3F92;text-decoration:underline}