/* ───────────────
   TOP NAVIGATION
──────────────── */
body .wrap_top_nav {
  position: absolute;
  top: 1%;
  right: 0;
  z-index: 8888;
}

body .wrap_top_nav ul,
body .wrap_top_nav ul li,
body .wrap_top_nav ul li a,
body .wrap_top_nav ul li span {
  color: #FFFFFF;
  text-decoration: none !important;
}

/* ───────────────
   MOBILE TOP NAV
──────────────── */
body #slide-out-widget-area .inner .mobile-only ul li span .fa-angle-down {
  color: #FFFFFF;
}

body #slide-out-widget-area .inner .mobile-only ul#menu-top_nav {
  margin: 0 0 10px 0;
}

body #slide-out-widget-area .inner .mobile-only ul#menu-top_nav li,
body #slide-out-widget-area .inner .mobile-only ul#menu-top_nav li a,
body #slide-out-widget-area .inner .mobile-only ul#menu-top_nav li span {
  font-size: 12px;
}

body #slide-out-widget-area .inner .mobile-only ul#menu-top_nav li {
  margin: 0 10px;
}

body #slide-out-widget-area .inner .mobile-only ul#menu-top_nav li.first {
  margin: 0 10px 0 0;
}

body #slide-out-widget-area .inner .mobile-only ul#menu-top_nav li.last {
  margin: 0 0 0 10px;
}

body #slide-out-widget-area .inner .mobile-only ul.secondary-header-items {
  margin-bottom: 20px;
}

body #slide-out-widget-area .inner .mobile-only ul.secondary-header-items li,
body #slide-out-widget-area .inner .mobile-only ul.secondary-header-items li a,
body #slide-out-widget-area .inner .mobile-only ul.secondary-header-items li span {
  color: #FFFFFF;
}

/* ───────────────
   PAGE MENU
──────────────── */
body .wrap_page_menu {
  border-bottom: 1px solid #F2F2F2;
  padding: 0;
  border: 0;
}

body .wrap_page_menu ul,
body .wrap_page_menu ul li,
body .wrap_page_menu ul li a,
body .wrap_page_menu ul li span {
  text-decoration: none !important;
}

body .wrap_page_menu .page_menu_scroll {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8880;
  display: inline-block;
  cursor: pointer;
  font-size: 20px;
  font-weight: 800;
  color: #FFFFFF;
  width: 50px;
  height: 81px;
  line-height: 81px;
  padding: 0;
  margin: 0;
  opacity: 0.5;
  text-align: center;
}

body .wrap_page_menu .page_menu_scroll.right_scroll {
  left: auto;
  right: 0;
}

body .wrap_page_menu .page_menu_scroll img {
  margin: 25px auto 0 auto;
}

/* 스크롤 영역 */
body .wrap_page_menu_scroll {
  position: relative;
  margin: 0;
  white-space: nowrap;
  overflow-y: hidden;
  overflow-x: auto;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
  text-align: center;
}

body .wrap_page_menu_scroll::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
}

/* 스크롤바 색상 */
body .wrap_page_menu_scroll::-webkit-scrollbar-track,
body .wrap_page_menu_scroll::-webkit-scrollbar-thumb,
body .wrap_page_menu_scroll::-webkit-scrollbar-button,
body .wrap_page_menu_scroll::-webkit-scrollbar-corner {
  background-color: rgba(242, 242, 242, 1);
}

/* 메뉴 아이템 */
body .wrap_page_menu_scroll ul.page_menu {
  display: inline-block;
  margin: 0;
  padding: 0;
}

body .wrap_page_menu_scroll ul.page_menu li {
  list-style: none;
  display: inline-block;
  margin: 30px 0 20px 60px;
}

body .wrap_page_menu_scroll ul.page_menu li,
body .wrap_page_menu_scroll ul.page_menu li a {
  font-size: 14px;
  color: #C2C2C2;
}

body .wrap_page_menu_scroll ul.page_menu li.on,
body .wrap_page_menu_scroll ul.page_menu li.on a {
  font-weight: 500;
  color: #363636;
}

/* 탭 메뉴 활성화 */
body .wrap_page_menu_scroll ul.page_menu li.on a:after {
  content: "";
  display: block;
  margin: 0 auto;
  width: 100%;
  height: 0;
  border-bottom: 0 solid #645DC7;
  margin-top: 0;
}

/* 기타 */
body .wrap_page_menu_scroll .page_menu_scroll {
  display: none;
}

body .wrap_page_menu:after {
  visibility: hidden;
  display: block;
  width: 100%;
  height: 0;
  content: "";
  clear: both;
}

/* FOOTER MENU */
body .wrap_page_menu .page_menu_footer {
  display: flex;
  justify-content: center;
}

body .wrap_page_menu .page_menu_footer > li {
  float: left;
  display: block;
  width: 100%;
}

body .wrap_page_menu .page_menu_footer > li:last-child {
  border-right: none;
}

body .wrap_page_menu .page_menu_footer > li ul {
  margin: 0;
}

body .wrap_page_menu .page_menu_footer > li li {
  display: block;
}

body .wrap_page_menu .page_menu_footer > li > a {
  font-size: 1.143em;
  font-weight: 700;
  margin: 0 0 10px 0 !important;
}

body .wrap_page_menu .page_menu_footer > li,
body .wrap_page_menu .page_menu_footer > li a {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
}

/* ───────────────
   CUSTOM SHEET
──────────────── */
body .wrap_custom.wrap_sheet {
  font-size: 16px;
  color: #000;
  line-height: normal;
}

/* 제목 */
body .wrap_custom.wrap_sheet .wrap_sheet_title {
  border-bottom: 1px solid #CCC;
  margin: 0 0 10px 0;
}

body .wrap_custom.wrap_sheet .wrap_sheet_title .event_title01 {
  font-size: 60px;
  font-weight: 700;
  margin: 0 0 0 40px;
}

body .wrap_custom.wrap_sheet .wrap_sheet_title .event_title02 {
  font-size: 20px;
  margin: 0 0 10px 40px;
}

/* 테이블 */
body .wrap_custom.wrap_sheet .wrap_sheet_content table,
body .wrap_custom.wrap_sheet .wrap_sheet_content table tr,
body .wrap_custom.wrap_sheet .wrap_sheet_content table th,
body .wrap_custom.wrap_sheet .wrap_sheet_content table td {
  border: 0;
  padding: 0;
  background: none;
  vertical-align: top;
}

body .wrap_custom.wrap_sheet .wrap_sheet_content table {
  margin: 0 0 10px 0;
}

body .wrap_custom.wrap_sheet .wrap_sheet_content table .column02 { width: 10px; }
body .wrap_custom.wrap_sheet .wrap_sheet_content table .column03 { width: 100px; }
body .wrap_custom.wrap_sheet .wrap_sheet_content table .column04 { width: 12%; }
body .wrap_custom.wrap_sheet .wrap_sheet_content table .column05 { width: 12%; }

/* 상품 정보 */
body .wrap_custom.wrap_sheet .wrap_sheet_content table .row01 .column01 {
  padding: 20px 0 0 40px;
}

body .wrap_custom.wrap_sheet .wrap_sheet_content table .row01 .column01 .product_title01 {
  font-size: 26px;
  font-weight: 700;
  letter-spacing: -0.5px;
}

body .wrap_custom.wrap_sheet .wrap_sheet_content table .row01 .column01 .product_title02 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  margin: 6px 0 0 0;
}

body .wrap_custom.wrap_sheet .wrap_sheet_content table .row01 .column01 .product_detail {
  font-size: 13px;
  line-height: 26px;
  margin: 15px 0 0 0;
  color: #888;
}

/* 가격 정보 */
body .wrap_custom.wrap_sheet .wrap_sheet_content table .row02 .column01,
body .wrap_custom.wrap_sheet .wrap_sheet_content table .row02 .column02,
body .wrap_custom.wrap_sheet .wrap_sheet_content table .row02 .column03 {
  text-align: right;
  font-weight: 700;
}

body .wrap_custom.wrap_sheet .wrap_sheet_content table .row02 .column04 {
  text-align: right;
  text-decoration: line-through;
}

body .wrap_custom.wrap_sheet .wrap_sheet_content table .row02 .column05 {
  text-align: left;
  padding: 0 0 0 10px;
  font-weight: 700;
  color: #FF4444;
}

/* 하이라이트 */
body .wrap_custom.wrap_sheet .wrap_sheet_content table .row03 .column01 .product_title03 p {
  background-image: linear-gradient(to right, #C1D5ED 0, #E7F0FD 100%);
  background-size: 100% 6px, 0% 70%;
  background-position: bottom;
  background-repeat: no-repeat;
}

/* ───────────────
   MEDIA QUERIES
──────────────── */
@media only screen and (max-width: 1280px) {
  body .row > .row_page_menu_mobile .wrap_page_menu { max-width: 1110px; }
}

@media only screen and (max-width: 1024px) {
  body .row > .row_page_menu_mobile .wrap_page_menu { max-width: 844px; }
}

@media only screen and (max-width: 999px) {
  body .wrap_top_nav { display: none; }
  body .wrap_page_menu .page_menu_scroll { display: none; }

  body .wrap_page_menu_scroll ul.page_menu li {
    margin: 15px 0 10px 30px;
  }

  body .row > .row_page_menu_mobile {
    display: block;
  }

  body .row > .row_page_menu_mobile .wrap_page_menu { max-width: 768px; }
  body .row > .row_page_menu_mobile .wrap_page_menu ul li,
  body .row > .row_page_menu_mobile .wrap_page_menu ul li a {
    color: #CCC;
    font-size: 1em;
  }

  body .row > .row_page_menu_mobile .wrap_page_menu ul li.on a {
    color: #FFF;
  }
}

@media only screen and (max-width: 768px) {
  body .row > .row_page_menu_mobile .wrap_page_menu { max-width: 690px; }
}

@media only screen and (max-width: 690px) {
  body .row > .row_page_menu_mobile .wrap_page_menu { max-width: 420px; }
}

@media only screen and (max-width: 480px) {
	body .row > .row_page_menu_mobile .wrap_page_menu { max-width: 340px; }
	body .wrap_page_menu_scroll ul.page_menu li a {font-size:12px;}
	body .wrap_page_menu_scroll ul.page_menu li {margin:10px 30px 10px 10px;}
}

@media only screen and (max-width: 320px) {
  body .row > .row_page_menu_mobile .wrap_page_menu { max-width: 240px; }

}