@charset "UTF-8";

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  letter-spacing: 0px;
  font: inherit;
  font-family: "Paperozi", "Nanum Gothic";
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1.5;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
input {
  background: transparent;
  border: none;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}

/* 페이퍼로지 폰트 정의 */
@font-face {
  font-family: "Paperozi";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-1Thin.woff2")
    format("woff2");
  font-weight: 100;
  font-display: swap;
}

@font-face {
  font-family: "Paperozi";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-2ExtraLight.woff2")
    format("woff2");
  font-weight: 200;
  font-display: swap;
}

@font-face {
  font-family: "Paperozi";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-3Light.woff2")
    format("woff2");
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: "Paperozi";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2")
    format("woff2");
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Paperozi";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Medium.woff2")
    format("woff2");
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "Paperozi";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-6SemiBold.woff2")
    format("woff2");
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "Paperozi";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-7Bold.woff2")
    format("woff2");
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Paperozi";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2")
    format("woff2");
  font-weight: 800;
  font-display: swap;
}

@font-face {
  font-family: "Paperozi";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-9Black.woff2")
    format("woff2");
  font-weight: 900;
  font-display: swap;
}

/* ETF Event 서브메뉴 스타일 - 공통 (769px 이상) */
@media (min-width: 769px) {
  .etf-event-menu,
  .super-ria-event-menu {
    position: relative;
  }

  .etf-event-submenu,
  .super-ria-event-submenu {
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    background-color: white;
    border-radius: 8px;
    border: 1px solid #dedede;
    z-index: 1000;
  }

  /* 서브메뉴와 트리거 사이 빈틈 — margin-top만큼 마우스가 지나가도 호버 유지 */
  .etf-event-submenu::before,
  .super-ria-event-submenu::before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    height: 40px;
  }

  .etf-event-menu:hover .etf-event-submenu,
  .etf-event-submenu:hover,
  .super-ria-event-menu:hover .super-ria-event-submenu,
  .super-ria-event-submenu:hover {
    display: block;
  }

  .etf-event-submenu a,
  .super-ria-event-submenu a {
    display: block;
    text-decoration: none;
    transition: all 0.2s;
    margin-bottom: 10px;
    padding: 10px 3px;
    color: #000000;
    font-size: 15px;
    font-weight: 500;
    font-family: "Paperozi", sans-serif !important;
    text-align: left;
    position: relative;
  }

  .etf-event-submenu a:last-child,
  .super-ria-event-submenu a:last-child {
    margin-bottom: 0;
  }

  .etf-event-submenu a:hover,
  .etf-event-submenu a.active,
  .super-ria-event-submenu a:hover,
  .super-ria-event-submenu a.active {
    color: #e01b00;
    font-family: "Paperozi", sans-serif !important;
    font-weight: 700;
    padding-left: 20px;
  }

  .etf-event-submenu a:hover::before,
  .etf-event-submenu a.active::before,
  .super-ria-event-submenu a:hover::before,
  .super-ria-event-submenu a.active::before {
    content: "";
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
    background-image: url("/assets/meritz365_1/pc/arrow.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
}

/* 테블릿 스타일 (769px ~ 1024px) */
@media (min-width: 769px) and (max-width: 1024px) {
  .etf-event-submenu,
  .super-ria-event-submenu {
    min-width: 100px;
    padding: 5px;
    margin-top: 20px;
  }

  .super-ria-event-submenu {
    min-width: 168px;
  }

  /* 특정 페이지에서만 margin-top 줄이기 */
  .etf-submenu-reduced .etf-event-submenu,
  .etf-submenu-reduced .super-ria-event-submenu {
    margin-top: 12px;
  }

  /* ETF 브랜드 메뉴(etf_event_click)만 — 트리거 이미지가 커서 서브메뉴가 더 내려가 보임, 펀드 메뉴는 인접 형제 셀렉터로 제외 */
  /* .etf-submenu-reduced .etf-event-menu:has(+ .etf-event-menu) .etf-event-submenu {
    margin-top: 4px;
  } */

  .etf-event-submenu a,
  .super-ria-event-submenu a {
    margin-bottom: 8px;
    padding: 8px 3px;
    font-size: 9px;
  }

  .etf-event-submenu a:hover,
  .etf-event-submenu a.active,
  .super-ria-event-submenu a:hover,
  .super-ria-event-submenu a.active {
    padding-left: 18px;
  }

  .etf-event-submenu a:hover::before,
  .etf-event-submenu a.active::before,
  .super-ria-event-submenu a:hover::before,
  .super-ria-event-submenu a.active::before {
    width: 10px;
    height: 10px;
    left: 4px;
  }
}

/* PC 스타일 (1025px 이상) */
@media (min-width: 1025px) {
  .etf-event-submenu,
  .super-ria-event-submenu {
    padding: 10px;
    padding-top: 10px;
    min-width: 155px;
    margin-top: 32px;
  }

  .super-ria-event-submenu {
    min-width: 220px;
  }

  /* 특정 페이지에서만 margin-top 줄이기 */
  .etf-submenu-reduced .etf-event-submenu,
  .etf-submenu-reduced .super-ria-event-submenu {
    margin-top: 24px;
  }

  /* ETF 브랜드 드롭다운만 추가로 위로 (펀드 드롭다운은 다음 .etf-event-menu라 미적용) */
  /* .etf-submenu-reduced .etf-event-menu:has(+ .etf-event-menu) .etf-event-submenu {
    margin-top: 15px;
  } */

  /* ria_rise: Super RIA 메뉴만 메뉴바–서브메뉴 간격 추가 축소 (ETF 서브메뉴는 유지) */
  .page-ria-rise .super-ria-event-submenu {
    margin-top: 16px;
  }
}

/* ria_rise 태블릿: Super RIA 서브메뉴 간격만 축소 */
@media (min-width: 769px) and (max-width: 1024px) {
  .page-ria-rise .super-ria-event-submenu {
    margin-top: 6px;
  }
}

/* 긴 라벨 페이지: ETF 이벤트 서브메뉴 가로 확대 (body에 etf-submenu-wider) */
@media (min-width: 769px) and (max-width: 1024px) {
  .etf-submenu-wider .etf-event-submenu {
    min-width: 150px;
  }
}

@media (min-width: 1025px) {
  .etf-submenu-wider .etf-event-submenu {
    min-width: 190px;
  }
}

/* 슬라이더가 세로 스크롤은 허용, 가로 스와이프는 커스텀 처리 */
.slide-container {
  touch-action: pan-y; /* 세로 스크롤 허용 */
  -webkit-user-select: none;
  user-select: none;
}

/* (선택) 스와이프 중 부모 스크롤/오버스크롤 연쇄 방지 */
.slide-viewport {
  /* overflow:hidden 부모 */
  overscroll-behavior: contain; /* 크롬/안드로이드 계열에 효과 */
}