* { margin: 0; padding: 0; box-sizing: border-box; } /* 모든 요소 여백/패딩 제거, 테두리 포함 계산 */
/* 스크롤바가 생겨도 레이아웃 폭이 안 흔들리도록 */
html {scrollbar-gutter:stable;}
/* 깜빡임 방지 */
[hidden]{ display:none !important;}


body {margin:0; font-family: "Paperlogy", sans-serif;color:var(--jv-color-text);background:#fff;line-height:1.6;} /*1.6*/
a {text-decoration:none;} /* 링크 밑줄X, 본문색 상속 */
button{font:inherit;cursor:pointer;}

:root {
  --jv-color-navy:#00194a;
  --jv-color-navy-deep:#1d2d4c;
  --jv-color-blue:#2d33d2;
  --jv-color-blue-bright:#172fcc;
  --jv-color-red:#f65252;
  --jv-color-text:#222222;
  --jv-color-text-sub:#666666;
  --jv-color-line:#d8dee7;
  --jv-color-bg:#eef5ff;
  --jv-color-bg-2:#dbeafe;
  --jv-color-white:#ffffff;
  --jv-color-notice:#f9fafb;
  --jv-shadow-card:0 8px 24px rgba(0,0,0,.12);
  --jv-radius-xl:12px; /*20*/
  --jv-radius-lg:8px; /*16*/
  --jv-radius-pill:999px;
  --jv-container:1200px;
  --jv-header-h:100px;
  --jv-main-header-h:72px;
  --jv-font-main:"Paperlogy","Pretendard","Noto Sans KR",sans-serif;
  --jv-font-number:"Pretendard","Noto Sans KR",sans-serif;
}



/* ================================
  Skip Link (접근성)
================================ */
.sohskip{position: fixed;top: 0; left: 0; right: 0;display: flex;justify-content: center;gap: 8px;padding: 8px;transform: translateY(-120%);transition: transform .15s ease;z-index: 10000; /* 헤더/모달 위로 */}
.sohskip:focus-within{transform: translateY(0);}
.sohskip a{display: inline-block;padding:10px 14px;font-weight:700;border-radius:10px;background:#111;color:#fff;text-decoration:none;box-shadow: 0 2px 10px rgba(0,0,0,.18);outline: none;}
.sohskip a:focus-visible{outline: 3px solid color-mix(in oklab, var(--search-focus, #2f7efb) 60%, transparent);}

/* 두 번째 링크가 아래에 겹치지 않게 살짝 아래로 */
.sohskip a + a:focus-visible{ /* 필요 시 조절 : 문제가생기면 수정해주자! margin-top: 48px;*/}
#container, #gnb{scroll-margin-top: calc(var(--fixed-header-h) + 12px);}	
/* 사용자가 reduce motion 설정 시 애니메이션 제거 */
@media (prefers-reduced-motion: reduce){.sohskip{ transition: none;}}	





.jv-container {width:min(calc(100% - 40px), var(--jv-container));margin:0 auto;}
.jv-header {position:sticky;top:0;z-index:100;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-bottom:1px solid #ccc;} /*height:100px*/

.jv-header__inner {min-height:var(--jv-main-header-h);display:flex;align-items:center;justify-content:space-between; gap:24px;position:relative;}
.jv-header__util_wrap {border-bottom:1px solid #e5e5e5;}
.jv-header__top-inner{min-height:36px;display:flex;align-items:center;justify-content:flex-end;gap:16px;padding:6px 0;}
.jv-header__util{display:flex;align-items:center;gap:0;}
.jv-header__util a{position:relative;padding:0 14px;font-size:14px;color:#666;line-height:1;transition:color .2s ease;font-weight:500;}
.jv-header__util a:hover,
.jv-header__util a:focus-visible{color:var(--jv-color-navy);}
.jv-header__util a + a::before{content:"";position:absolute;left:0;top:50%;width:1px;height:10px;background:#d8d8d8;transform:translateY(-50%);}
.jv-header__lang-box{position:relative;display:inline-block;}
.jv-header__lang select{min-width:110px;height:30px;padding:0 36px 0 12px;border:1px solid #cfcfcf;border-radius:4px;background:#fff;font-size:13px;color:var(--jv-color-blue);appearance:none;-webkit-appearance:none;
  -moz-appearance:none;cursor:pointer;font-weight:500;}
.jv-header__lang-box::after{content:"";position:absolute;right:12px;top:50%;width:7px;height:7px;border-right:1.5px solid #555;border-bottom:1.5px solid #555;
transform:translateY(-65%) rotate(45deg);pointer-events:none;}
.jv-header__lang-box::before{content:"";position:absolute;right:30px;top:50%;width:1px;height:14px;background:#dddddd;transform:translateY(-50%);pointer-events:none;}
.jv-header__lang-select:hover,
.jv-header__lang-select:focus{border-color:#9aa8c3;outline:none;}

.jv-logo {margin:0;display:flex;align-items:center;flex:0 0 auto;}
.jv-logo a {display:block;}
.jv-logo img {display:block;max-width:100%;height:auto;}

/* 네비게이션*/
.jv-nav {display:flex;align-items:stretch;margin-left:auto;height:var(--jv-main-header-h);}
.jv-nav__item {position:relative;display:flex;align-items:stretch;height:var(--jv-main-header-h);}
.jv-nav__link {display:inline-flex;align-items:center;height:var(--jv-main-header-h);padding:0 50px;font-size:22px;font-weight:600;color:var(--jv-color-text);text-decoration:none;transition:color .2s ease;}
.jv-nav__link:hover,
.jv-nav__link:focus-visible {color:var(--jv-color-navy);}

.jv-submenu {position:absolute;left:50%;top:100%;transform:translateX(-50%);min-width:240px;padding:16px 0;background:#fff;border:1px solid #ddd;border-radius:0 0 14px 14px;box-shadow:0 14px 28px rgba(0,0,0,.1);
  opacity:0;visibility:hidden;transition:opacity .25s ease, visibility .25s ease, transform .25s ease;}

.jv-nav__item:hover .jv-submenu,
.jv-nav__item:focus-within .jv-submenu {opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}

.jv-submenu__link {display:block;padding:10px 24px;font-size:17px;font-weight:500;line-height:1.5;color:#333;text-decoration:none;white-space:nowrap;transition:background .2s ease, color .2s ease;}
.jv-submenu__link:hover,
.jv-submenu__link:focus-visible {background:#f5f8ff;color:var(--jv-color-blue-bright);}

.jv-menu-btn {width:48px;height:48px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:var(--jv-color-navy);flex:0 0 auto;border:0;background:none;cursor:pointer;transition:background .2s ease, color .2s ease;}
.jv-menu-btn:hover {background:#f2f5fb;}
.jv-menu-btn svg {width:30px;height:30px;}
.jv-menu-btn.is-active {background:#eef4ff;color:var(--jv-color-blue-bright);}

/* 공용 메뉴 패널 */
.jv-mobile-nav {display:none;position:absolute;left:0;top:100%;width:100%;background:#fff;border-top:1px solid #ececec;border-bottom:1px solid #ddd;box-shadow: 0 14px 28px rgba(0, 0, 0, 0.08);}
.jv-mobile-nav.is-open {display: block;}
.jv-mobile-nav__inner {width: min(calc(100% - 40px), var(--jv-container));margin: 0 auto;padding: 34px 0 36px;}
.jv-mobile-nav__heading {display:none;flex: 0 0 140px;font-size:28px;font-weight:600;line-height:1.2;color:#222;letter-spacing:-0.03em;}
.jv-mobile-nav__content {display:grid;gap: 10px;}
.jv-mobile-nav__section {border-bottom: 1px solid #ececec;}
.jv-mobile-nav__title {width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px 0;font-size:18px;font-weight:600;color:#222;border:0;background:none;cursor:pointer;text-align:left;}
.jv-mobile-nav__title:after {content: "+";font-size:20px;font-weight:400;line-height:1;}
.jv-mobile-nav__section.is-open .jv-mobile-nav__title:after {content:"−";}
.jv-mobile-submenu {display: none;padding: 0 0 14px;}
.jv-mobile-nav__section.is-open .jv-mobile-submenu {display:block;}
.jv-mobile-submenu__link {display:block;padding:8px 4px;font-size:16px;line-height:1.5;color:#444;text-decoration:none;}
.jv-mobile-submenu__link:hover,
.jv-mobile-submenu__link:focus-visible {color:var(--jv-color-blue-bright);font-weight:500;}

@media (max-width:1280px) {
  .jv-nav__link {padding:0 40px;font-size:20px;}
 }
/* PC 전체메뉴 스타일 */
@media (max-width:1024px) {
  /*.jv-header {height:84px;}*/
  .jv-nav {display:none;}
  .jv-mobile-nav {position: absolute;left:0;top:100%;width:100%;}
  .jv-mobile-nav__inner {width:min(calc(100% - 40px), var(--jv-container));padding:18px 0 22px;}
}

@media (max-width:768px) {
  /*.jv-header {height:72px;}*/
   .jv-header__top-inner{min-height:auto;justify-content:space-between;gap:8px;padding:6px 0;}
   .jv-header__util{gap:6px;font-size:12px;flex-wrap:wrap;}
   .jv-header__lang select{height:28px;font-size:12px;min-width:84px;}
   .jv-header__inner{min-height:58px;}
   .jv-logo img{max-height:50px;width:auto;}

  .jv-menu-btn {width:40px;height:40px;}
  .jv-mobile-nav__inner {width:min(calc(100% - 32px), var(--jv-container));}
}

/* PC에서 전체메뉴처럼 보이게 () */
@media (min-width:1025px) {
  .jv-mobile-nav__inner {display:flex;align-items: flex-start;justify-content: space-between;gap:40px;}
  .jv-mobile-nav__heading {display:block;padding-top:4px;}
  .jv-mobile-nav__content {flex:1 1 auto;display:flex;justify-content:flex-end;align-items:flex-start;gap:0; border-left:1px solid #e5e7eb;border-right:1px solid #e5e7eb;}
  .jv-mobile-nav__section {position:relative;flex: 1 1 0;min-width:0;padding:0 32px;border-bottom:0;}
  
  .jv-mobile-nav__section + .jv-mobile-nav__section:before {content: "";position:absolute;left:0;top:6px; width:1px;height:210px;background:#e5e7eb;}
  .jv-mobile-nav__title {display:block;padding:0 0 18px;font-size:20px;font-weight:600;color:var(--jv-color-navy);cursor: default;pointer-events:none;}
  .jv-mobile-nav__title:after {display:none;}
  .jv-mobile-submenu {display:block;padding:0;}
  .jv-mobile-submenu__link {padding:8px 0;font-size:17px;line-height:1.5;color:#444;}
  .jv-mobile-submenu__link:hover,
  .jv-mobile-submenu__link:focus-visible {color:var(--jv-color-blue-bright);font-weight:500;}
}






/* hero */
.jv-hero {position:relative;height:450px;background:#000;overflow:hidden;}
.jv-hero__slide {position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .5s ease, visibility .5s ease;}
.jv-hero__slide.is-active {opacity:1;visibility:visible;}
.jv-hero__media {position:absolute;inset:0;}
.jv-hero__media img {display:block;width:100%;height:100%;object-fit:cover;}
.jv-hero__overlay {position:absolute;inset:0;background:linear-gradient(90deg, rgba(0,0,0,.46) 0%, rgba(0,0,0,.18) 42%, rgba(0,0,0,.28) 100%);}
.jv-hero__content {position:relative;z-index:2;height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px;}
.jv-hero__copy {max-width:640px;color:#fff;padding-top:18px;}
.jv-hero__eyebrow {margin:0;font-size:clamp(40px,5vw,52px);line-height:1.1;font-weight:700;letter-spacing:.08em;color:#eee;}
.jv-hero__desc {margin:14px 0 0;font-size:clamp(15px,2vw,18px);line-height:1.5;color:#e5e5e5;}

/* jv-hero__panel 위치 고정 */
.jv-hero__panel-wrap {position:absolute;top:0;left:0;right:0;bottom:0;margin:0 auto;z-index:10;pointer-events: none;} 

/*패널 위치 조정 */
.jv-hero__panel { position: absolute;top: 50%; right: 0px;transform: translateY(-50%);width: 420px;max-width:100%;padding:34px 28px 30px;border-radius:12px;background:rgba(255, 255, 255, .06);
  border: 1px solid rgba(255, 255, 255, .14);box-shadow: 1px 4px 10px rgba(0, 0, 0, .3);backdrop-filter: blur(2px);color: #fff;pointer-events: auto; /* 패널 영역 안쪽은 클릭 가능하도록 복구 */}
.jv-hero__panel-head {display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.18);margin-bottom:20px;}
.jv-hero__panel-title {margin:0;font-size:30px;font-weight:600;line-height:1.2;}
.jv-hero__panel-date {font-size:16px;color:rgba(255,255,255,.86);letter-spacing:-.02em;white-space:nowrap;}

.jv-hero__stats {display:grid;grid-template-columns:1fr 1px 1fr;align-items:center;gap:26px;}
.jv-hero__divider {width:1px;height:118px;background:rgba(255,255,255,.18);}
.jv-hero__stat {text-align:center;}
.jv-hero__badge {display:inline-flex;align-items:center;justify-content:center;min-width:110px;padding:2px 16px;border-radius:999px;font-size:16px;font-weight:500;border:1px solid rgba(255,255,255,.2);color:#fff;}
.jv-hero__badge--blue {background:var(--jv-color-blue);}
.jv-hero__badge--red {background:var(--jv-color-red);}
.jv-hero__number {margin-top:12px;font-family:var(--jv-font-number);font-size:clamp(44px,5vw,54px);font-weight:800;line-height:1;color:#fff;text-shadow:2px 2px 10px rgba(29,60,255,.9);}
.jv-hero__number--red {color:#fff;text-shadow:2px 2px 10px rgba(211,30,30,.9);}

.jv-hero__arrow {position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:52px;height:52px;border-radius:999px;background:rgba(255,255,255,.08);color:#fff;display:inline-flex;align-items:center;justify-content:center;backdrop-filter:blur(4px);border:0;cursor:pointer;}
.jv-hero__arrow:hover {background:rgba(255,255,255,.16);}
.jv-hero__arrow--prev {left:24px;}
.jv-hero__arrow--next {right:24px;}
.jv-hero__arrow svg {width:26px;height:26px;}

/* notice */
.jv-notice {height:80px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background:var(--jv-color-notice);}
.jv-notice__inner {height:100%;display:flex;align-items:center;gap:18px;}
.jv-notice__title {display:inline-flex;align-items:center;gap:8px;font-size:24px;font-weight:600;color:var(--jv-color-navy);white-space:nowrap;flex:0 0 auto;}
.jv-notice__title__icon{display:block;width:24px;height:24px;object-fit:contain;}
.jv-notice__line {width:1px;height:30px;background:#ccc;flex:0 0 auto;}
.jv-notice__ticker {position:relative;flex:1 1 auto;height:28px;overflow:hidden;}
.jv-notice__item {position:absolute;inset:0;display:flex;align-items:center;font-size:18px;color:#333;opacity:0;transform:translateY(100%);transition:transform .4s ease, opacity .4s ease;white-space:nowrap;text-decoration:none;}
.jv-notice__item.is-active {opacity:1;transform:translateY(0);}
.jv-notice__more {width:36px;height:36px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:#333;flex:0 0 auto;text-decoration:none;}


/* main */
.jv-main {background:linear-gradient(109deg, var(--jv-color-bg) 2.8%, var(--jv-color-bg-2) 96.2%);padding:40px 0 60px;}
.jv-shortcuts {background:#fff;border-radius:var(--jv-radius-xl);box-shadow:var(--jv-shadow-card);padding:20px 24px;display:grid;grid-template-columns:repeat(5, 1fr);gap:0;}
.jv-shortcuts__item {position:relative;min-height:116px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:14px 12px;text-decoration:none;color:inherit;
  border-radius:14px;transition:transform .18s ease, background .18s ease;}

.jv-shortcuts__item + .jv-shortcuts__item:before {content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:64px;background:var(--jv-color-line);}
.jv-shortcuts__item:hover,
.jv-shortcuts__item:focus-visible {transform:translateY(-2px);}
.jv-shortcuts__icon {display:block;width:90px;height:90px;object-fit:contain;transition:transform .18s ease;}
.jv-shortcuts__item:hover .jv-shortcuts__icon,
.jv-shortcuts__item:focus-visible .jv-shortcuts__icon {transform:scale(1.04);}

.jv-shortcuts__label {font-size:22px;font-weight:500;line-height:1.3;color:var(--jv-color-text);letter-spacing:-.02em;}

@media (max-width:1280px) {
 .jv-shortcuts__label {font-size:20px;}
}

@media (max-width:1024px) {
  .jv-hero__panel {top:auto;bottom:30px;/* 바닥에 딱 붙임 */right:0;left:0;transform:none;/* 기존 중앙 정렬(translateY) 해제 */width:100%;max-width:100%;padding:24px 18px 22px;}
  .jv-shortcuts {grid-template-columns:repeat(3, 1fr);gap:10px;padding:18px;}
  .jv-shortcuts__item {min-height:108px;gap:10px;padding:14px 10px;}
  .jv-shortcuts__item:before {display:none !important;}
  .jv-shortcuts__icon {width:76px;height:76px;}
  .jv-shortcuts__label {font-size:18px;}
}

@media (max-width:768px) {
  .jv-shortcuts {padding:16px;}
  .jv-shortcuts__item {min-height:96px;gap:8px;padding:12px 8px;}
  .jv-shortcuts__item:before {display:none !important;}
  .jv-shortcuts__icon {width:62px;height:62px;}
 

  }
@media (max-width:480px) {
  .jv-hero {height:380px;}
  .jv-hero__eyebrow {font-size:28px;}
  .jv-hero__desc {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .jv-shortcuts {padding:12px;}
}



.jv-feature-grid {display:grid;grid-template-columns:617px 1fr;gap:24px;margin-top:42px;}
.jv-card {background:#fff;border-radius:var(--jv-radius-xl);box-shadow:var(--jv-shadow-card);overflow:hidden;}
.jv-card--intro {position:relative;min-height:331px;padding:42px 31px;overflow:hidden;}
.jv-card__title {margin:0;color:var(--jv-color-navy);font-size:clamp(25px,3vw,30px);font-weight:600;line-height:1.25;letter-spacing:-.03em;}
.jv-card__desc {margin:18px 0 0;font-size:18px;line-height:1.55;color:var(--jv-color-text-sub);}
.jv-card__cta {display:inline-flex;align-items:center;justify-content:center;min-width:180px;margin-top:34px;padding:8px 20px;border-radius:999px;background:var(--jv-color-red);color:#fff;font-size:16px;font-weight:500;transition:transform .2s ease, box-shadow .2s ease;text-decoration:none;}
.jv-card__cta:hover {transform:translateY(-2px);box-shadow:0 12px 22px rgba(246,82,82,.26);}

.jv-card__body {position:relative;z-index:2;max-width:250px;}
.jv-card__bg-object {position:absolute;right:18px;bottom:10px;width:280px;pointer-events:none;z-index:1;}
.jv-card__bg-object img {display:block;width:100%;height:auto;}


@media (max-width:1280px) {
   .jv-feature-grid {grid-template-columns:1fr;}

   }

@media (max-width:1024px) {
  .jv-card--intro {padding:34px 24px;min-height:300px;}
  .jv-card__body {max-width:100%;padding-right:180px;}
  .jv-card__bg-object {width:220px;right:10px;bottom:8px;}
}

@media (max-width:768px) {
  .jv-card--intro {padding:28px 20px;min-height:260px;}
  .jv-card__body {padding-right:0;max-width:100%;}
  .jv-card__bg-object{width:180px;right:8px;bottom:10px;opacity:.28;}
  .jv-card__desc {font-size:16px;}
  .jv-card__cta {min-width:150px;padding:6px 16px;font-size:15px;}
  .jv-feature-grid {margin-top:24px;}
}



.jv-side-grid {display:grid;grid-template-rows:repeat(2, minmax(155px, 1fr));gap:20px;}
.jv-link-card {position:relative;min-height:155px;padding:38px 40px;color:#fff;overflow:hidden;text-decoration:none;display:flex;align-items:center;transition:background .18s ease;box-shadow:var(--jv-shadow-card);}
.jv-link-card--navy {background:var(--jv-color-navy);}
.jv-link-card--blue {background:var(--jv-color-blue-bright);}
.jv-link-card__text { display:inline-flex;align-items:center;gap:6px;}
.jv-link-card__label {display:block;font-size:clamp(26px,2.4vw,28px);font-weight:500;line-height:1.3;letter-spacing:-.03em;}
.jv-link-card__arrow {display:inline-block;font-size:clamp(20px,1.8vw,24px);font-weight:200;line-height:1;transform:translateY(1px);}
.jv-link-card__icon {display:block;position:absolute;right:33px;top:50%;transform:translateY(-50%);width:80px;height:80px;object-fit:contain;}
.jv-link-card--navy:hover,
.jv-link-card--navy:focus-visible {background:#0d255f;}

.jv-link-card--blue:hover,
.jv-link-card--blue:focus-visible {background:#2840dd;}

@media (max-width:1280px) {
  .jv-side-grid {grid-template-columns:1fr 1fr;grid-template-rows:none;}
 }
@media (max-width:768px) {
  .jv-side-grid {grid-template-columns:1fr;}
  .jv-link-card {padding:28px 22px;min-height:100px;}
  .jv-link-card__label {font-size:22px;}
  .jv-link-card__arrow {font-size:20px;}
  .jv-link-card__icon {width:58px;height:58px;right:18px;}

 }




/* footer */
.jv-footer {background:var(--jv-color-navy-deep);color:#fff;padding:56px 0 52px;}
.jv-footer__inner {display:flex;justify-content:space-between;gap:32px;align-items:flex-start;}
.jv-footer__title {margin:0 0 18px;font-size:22px;font-weight:500;line-height:1.3;}
.jv-footer__text {margin:0;font-size:17px;line-height:1.55;color:#eee;letter-spacing:.02em;}
.jv-footer__copyright {margin-top:20px;font-size:16px;line-height:1.4;color:#bcbcbc;letter-spacing:.02em;}


.jv-footer__family-wrap {position:relative;min-width:220px;}
.jv-footer__family {margin-top:40px;width:220px;height:46px;padding:0 18px;border-radius:6px;border:1px solid rgba(255,255,255,.4);color:#fff;background:transparent;display:flex;align-items:center;
justify-content:space-between;cursor:pointer;}
.jv-footer__family-text {display:block;font-size:16px;line-height:1;}
.jv-footer__family-icon {display:block;font-size:18px;line-height:1;transition:transform .18s ease;}

.jv-footer__family.is-open .jv-footer__family-icon {transform:rotate(45deg);}
.jv-footer__family-list {display:none;position:absolute;right:0;bottom:58px;width:220px;padding:8px 0;border-radius:10px;background:#fff;box-shadow:0 10px 24px rgba(0,0,0,.16);overflow:hidden;z-index:20;}
.jv-footer__family-list.is-open {display:block;}
.jv-footer__family-link {display:block;padding:12px 16px;font-size:15px;line-height:1.4;color:#333;text-decoration:none;transition:background .18s ease, color .18s ease;}
.jv-footer__family-link:hover,
.jv-footer__family-link:focus-visible {background:#f5f8ff;color:var(--jv-color-navy);}

@media (max-width:1024px) {
  .jv-footer__family {margin-top:8px;}
  .jv-footer__inner {flex-direction:column;}
}

@media (max-width:768px) {
  .jv-footer__family-wrap {min-width:100%;}
  .jv-footer__family {margin-top:0;width:100%;}
  .jv-footer__family-list {width:100%;}
  .jv-footer__family-text {font-size:14px;}

  .jv-footer {padding:36px 0 40px;}
  .jv-footer__title {font-size:18px;}
  .jv-footer__text {font-size:14px;}
  .jv-footer__copyright {font-size:13px;}  
}




/* 상단 Responsive*/


@media (max-width:1280px) {
  
  .jv-hero__content {flex-direction:column;/*justify-content:center;*/align-items:flex-start;padding:70px 0 90px;} /*min-height:520px;*/  
  .jv-hero__arrow {display:none} /*일단 임시로 업애놈*/
}

@media (max-width:1024px) {  
   .jv-container {width:min(calc(100% - 30px), var(--jv-container));}  
   .jv-hero {}
   .jv-notice {height:auto;}
   .jv-notice__inner {min-height:80px;}  
   .jv-hero__copy {max-width:100%;padding-top:0px;}
  
}

@media (max-width:768px) {
  .jv-container {width:min(calc(100% - 20px), var(--jv-container));}  
  .jv-hero__content {padding:60px 0 74px;} /*min-height:500px;*/
  
  .jv-hero__panel {width:100%;padding:24px 18px 22px;} 
  .jv-hero__panel-title {font-size:24px;}
  .jv-hero__panel-date {font-size:14px;}
  .jv-hero__badge {min-width:92px;font-size:15px;padding:2px 12px;}
  .jv-hero__stats {gap:16px;}
  .jv-hero__divider {height:86px;}
  .jv-hero__arrow {width:42px;height:42px;}
  .jv-hero__arrow--prev {left:10px;}
  .jv-hero__arrow--next {right:10px;}

  .jv-notice__inner {gap:12px;}
  .jv-notice__title {font-size:18px;}
  .jv-notice__item {font-size:16px;}

  .jv-main {padding:30px 0 44px;}  
}





/* --- 서브히어로 (배경 이미지 영역) --- */


.jv-subhero {position:relative;height:200px;background-color:#111;display:flex;align-items:center;overflow:hidden;}
.jv-subhero::before {content: "";position:absolute;inset:0;background: url('../img/visual2.jpg') center 55% / cover no-repeat;transform:scale(1);animation: jvHeroZoom 8s ease-out forwards;
	z-index: 0;}
.jv-subhero__margin {position:relative;z-index:1;}
@keyframes jvHeroZoom {
	from {transform: scale(1.06);}
	to {transform: scale(1);}
	}
.jv-subhero__inner {padding:0 20px;}
.jv-subhero__title {font-size:36px;font-weight:700;color:#fff;margin:0;text-shadow:2px 2px 10px rgba(29,60,255,.9);}
.jv-subhero__title::after {content: "";position:absolute;left:0;bottom:0;width:60px;height:1px;background:linear-gradient(90deg, #ffffff 0%, rgba(255,255,255,.35) 100%);transform:scaleX(0);
transform-origin:left center;opacity:0;animation:jvTitleLine .7s ease-out .75s forwards;}
@keyframes jvTitleLine {
	to {transform: scaleX(1);opacity:1;}
	}

.jv-breadcrumb,
.jv-breadcrumb a{font-size:14px;color:#fefefe;}

/* --- 서브네비게이션 바 --- */
.jv-submenu__bg {background:var(--jv-color-navy);border-bottom:1px solid #e5e7eb;}
.jv-subbar {display:flex;flex-wrap:wrap;align-items:stretch;}
.jv-subbar__home a {display:flex;align-items:center;justify-content:center;width:56px;height:100%;border-left:1px solid rgba(255,255,255,0.1);border-right: 1px solid rgba(255,255,255,0.1);
transition:background 0.2s;}
.jv-subbar__home a:hover {background:rgba(255,255,255,0.05);}
.jv-subbar__home img {width:20px;height:20px;display:block;}

/* 드롭다운 공통 */
.jv-dd {position: relative;}
.jv-dd__btn {display:flex;justify-content:space-between;align-items:center;min-width:220px;height:100%;padding:16px 20px;font-size:17px;font-weight:400;color:#fff;background:transparent;border:none;
	border-right:1px solid rgba(255,255,255,0.1);cursor:pointer;transition:background 0.2s;}
.jv-dd__chev {margin-left:10px;font-size:12px;opacity:0.7;}
.jv-dd.is-open .jv-dd__btn, 
.jv-dd__btn:hover, 
.jv-dd__btn:focus-visible {background: rgba(255,255,255,0.1); /* 호버 시 살짝 밝게 */}

/* 드롭다운 패널 (하위 메뉴) */
.jv-dd__panel {display:none;/* JS에 의해 제어됨 */flex-direction:column;	position:absolute;left:0;top:100%; /* 버튼 바로 아래에 위치하도록 100%로 수정 */
	width:100%; /* 부모 버튼 너비와 동일하게 */background:#fff;border:1px solid #ddd;border-top:none;box-shadow:0 4px 10px rgba(0,0,0,0.08);padding:0;z-index:10;}
.jv-dd.is-open .jv-dd__panel {display:flex;}
.jv-dd__opt {padding:14px 20px;font-size:16px;color:#444;font-weight:500;text-align:left;border:none;border-bottom:1px solid #f1f1f1;background:none;cursor:pointer;transition:background 0.18s, color 0.18s;}
.jv-dd__opt:last-child {border-bottom:none;}
.jv-dd__opt:hover,
.jv-dd__opt.is-active {background:#f8f9fa;color:var(--jv-color-blue-bright);font-weight:600;}

/* --- 본문 컨텐츠 영역 --- */
.jv-submain {padding:60px 0px;}
.jv-submain__title {font-size:28px;font-weight:600;color:#222;margin-bottom:40px;}
.jv-submain__placeholder {min-height:400px;color:#333;font-size:16px;}

/* Responsive */
@media(max-width: 768px) {
	.jv-subhero {height: 150px}
	.jv-subhero__title {font-size:28px;}
	
	.jv-subbar__home {display:none;}
	.jv-subbar {flex-wrap: nowrap;}
	.jv-dd {flex:1 1 0;min-width:0;}

	/* 말줄임표 */
	.jv-dd__btn {width:100%;min-width:0;border-right:1px solid rgba(255,255,255,0.1);border-bottom:none;padding:16px 14px;gap:8px;font-size:15px;overflow:hidden;}
	.jv-dd__opt {font-size:14px;}

	/* 텍스트 영역이 줄어들 수 있게 */
	.jv-dd__value {flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;text-align:left;}
	.jv-dd__chev {flex:0 0 auto;margin-left:0;}	
	.jv-dd__panel {position:absolute;left:0;top:100%;width:100%;border-left:1px solid #ddd;border-right:1px solid #ddd;}
	
	.jv-submain {padding:40px 0px;}
	.jv-submain__title {font-size:24px;margin-bottom:20px;}
}


/* 페이지 내용 밀림 처리 */
body { transition: padding-top 0.3s; }

/* 드롭다운 스타일 */
.jv-header__lang {position:relative;}
.lang-current {padding:4px 12px; border:1px solid #ddd; background:#fff; cursor:pointer; border-radius:6px; }
.lang-list { display:none; position:absolute; top:38px; right:0; width:200px; max-height:320px; overflow-y:auto; background:#fff; border:1px solid #ddd; border-radius:6px; z-index:9999; }
.lang-list li { padding:8px 12px; cursor:pointer; }
.lang-list li:hover { background:#f1f1f1; }

/* 번역 팝업 */
.translate-popup { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); display:none; z-index:10000; }
.translate-box { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background:#fff; padding:20px; border-radius:10px; text-align:center; }
.translate-box button { margin:10px 5px; padding:6px 12px; border:none; cursor:pointer; }