/* 'Pretendard Variable' */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css");

:root {
  --scroll-bar-w: -2px;
  --nectar-font-light-color: #ffffff;
  --page-color-change-section-transition-time: 0.8s;
  --nectar-cubic-bezier-out: cubic-bezier(0.3, 1, 0.3, 1);
  --nectar-cubic-bezier-in-out: cubic-bezier(0.76, 0, 0.24, 1);
  --nectar-header-hover-timing: 0.65s;

  --vw: 1vw;
  --rgb-blue-main: 0, 94, 199;
  /* #005EC7 */
  --rgb-blue-light: 229, 241, 255;
  /* #E5F1FF */
  --rgb-blue-dark: 0, 58, 133;
  /* #003A85 */
  --rgb-green-main: 115, 179, 24;
  /* #73B318 */
  --rgb-green-light: 239, 248, 224;
  /* #EFF8E0 */
  --rgb-green-dark: 65, 107, 11;
  /* #416B0B */

  --rgb-orange-main: 222, 55, 0;
  /* #de3700 */
  --rgb-purple-main: 116, 50, 239;
  /* #ef7132 */

  --rgb-text-main: 35, 38, 40;
  --rgb-text-sub: 100, 103, 109;
  --rgb-text-white: 255, 255, 255;
  --rgb-background1: 255, 255, 255;
  --rgb-background2: 232, 238, 241;
  --rgb-background3: 227, 230, 239;
  --rgb-background-dark: 21, 21, 21;
  --rgb-border: 200, 200, 200;
  --rgb-white: 255, 255, 255;
  --rgb-black: 0, 0, 0;
  --rgb-red-main: 220, 0, 0;

  --a11y-color: red;
  --a11y-width: 2px;
  --a11y-border: var(--a11y-width) solid var(--a11y-color);

  --border-radius-s: 8px;
  --border-radius: 12px;
  --border-radius-l: 16px;
  --border-radius-pill: 9999px;

  --font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;

  --font-size-s: 14px;
  --font-size: 16px;
  --font-size-m: 20px;
  --font-size-l: 24px;
  --font-size-xl: 28px;
  --font-size-xxl: 36px;
  --font-size-xxxl: 60px;
  --font-size-xxxxl: 72px;
  --scrollbar-width: 8px;

  --header-padding-block: 36px;
  --header-padding-inline: 60px;
  --header-height: 84px;

  --container-padding-inline: 48px;
  --container-width: 1600px;
  --container-outside: max(calc((var(--vw) * 100 - var(--container-width)) / 2),
      var(--container-padding-inline));

  --easing-spring-xs: cubic-bezier(0.13, 0.86, 0.5, 1.1);
  --easing-spring-xs: linear(0, 0.002 0.5%, 0.007 1%, 0.015 1.5%, 0.028 2.1%, 0.062 3.2%, 0.113 4.5%, 0.164 5.6%, 0.226 6.8%, 0.498 11.7%, 0.613 13.9%, 0.672 15.1%, 0.721 16.2%, 0.772 17.4%, 0.814 18.5%, 0.852 19.6%, 0.889 20.8%, 0.922 22%, 0.951 23.2%, 0.975 24.4%, 0.996 25.6%, 1.015 26.9%, 1.029 28.2%, 1.043 29.9%, 1.053 31.7%, 1.058 33.7%, 1.059 35.8%, 1.057 37.8%, 1.052 40.1%, 1.024 48.7%, 1.013 52.8%, 1.005 56.8%, 1 61%, 0.997 65.4%, 0.996 70.6%, 1);
  --easing-spring-s: cubic-bezier(0.13, 0.86, 0.6, 1.18);
  --easing-spring-s: linear(0, 0.008 0.8%, 0.034 1.7%, 0.145 3.7%, 0.752 10.8%, 0.97 13.9%, 1.112 17%, 1.155 18.6%, 1.179 20.2%, 1.188 22.2%, 1.175 24.5%, 1.013 35.3%, 0.982 38.5%, 0.967 41.9%, 0.967 46.4%, 0.997 57.1%, 1.006 63.4%, 1);
  --easing-spring: cubic-bezier(0.13, 0.86, 0.6, 1.48);
  --easing-spring: linear(0, 0.011 0.7%, 0.043 1.4%, 0.167 2.9%, 0.861 8.3%, 1.092 10.5%, 1.234 12.6%, 1.276 13.7%, 1.297 14.8%, 1.298 16.1%, 1.272 17.6%, 1.219 19.3%, 1.055 23.4%, 0.985 25.5%, 0.934 27.8%, 0.911 30.2%, 0.919 33.1%, 1.004 40.9%, 1.027 45.5%, 0.992 60.7%, 1.002 75.8%, 1);
  --easing-bounce: linear(0, 0.162 8.3%, 0.234 11.8%, 0.317 15.3%, 0.403 18.4%, 0.504 21.5%, 0.624 24.7%, 0.75 27.7%, 0.999 33.3%, 0.848 37.1%, 0.801 38.5%, 0.76 39.9%, 0.727 41.3%, 0.705 42.6%, 0.692 43.9%, 0.688 44.6%, 0.687 45.2%, 0.69 46.4%, 0.703 47.7%, 0.724 49%, 0.753 50.3%, 0.83 52.9%, 0.999 57.7%, 0.931 60%, 0.89 61.8%, 0.875 62.7%, 0.865 63.6%, 0.859 64.4%, 0.857 65.3%, 0.859 66.1%, 0.865 67%, 0.874 67.9%, 0.887 68.8%, 0.917 70.5%, 0.999 74.5%, 0.972 76.2%, 0.957 77.5%, 0.947 78.8%, 0.944 80.2%, 0.947 81.4%, 0.954 82.7%, 0.99 86.8%, 1 88.2%, 0.991 90%, 0.988 91.9%, 0.99 93.5%, 0.998 97.5%, 1);
  --backdrop-blur: blur(8px);
  --backdrop-blur-more: blur(16px);

  --box-shadow-blue: 0 4px 8px rgba(var(--rgb-blue-main), 0.15);
  --box-shadow-blue-m: 0 8px 16px rgba(var(--rgb-blue-main), 0.15);
  --box-shadow-blue-l: 0 16px 32px rgba(var(--rgb-blue-main), 0.15);
  --box-shadow-blue-xl: 0 32px 64px rgba(var(--rgb-blue-main), 0.15);

  --poster-ratio: 210 / 297;

  --swiper-theme-color: rgb(var(--rgb-blue-main));
  --swiper-navigation-size: 28px;
  --visual-border-radius: 0 0 clamp(50px, 40vh, 250px) 0;
}

@supports (corner-shape: squircle) {
  :root {
    --border-radius-s: 16px;
    --border-radius: 24px;
    --border-radius-l: 32px;
    --visual-border-radius: 0 0 clamp(100px, 80vh, 500px) 0;
  }
}
@media (max-width: 1080px) {
  :root {
    --visual-border-radius: 0 0 clamp(25px, 20vh, 100px) 0;
  }
}
@media (corner-shape: squircle) and (max-width: 1080px) {
  :root {
    --visual-border-radius: 0 0 clamp(50px, 40vh, 200px) 0;
  }
}
@media (max-width: 768px) {
  :root {
    --visual-border-radius: 0 0 clamp(30px, 10vw, 60px) 0;
  }
}
@media (corner-shape: squircle) and (max-width: 768px) {
  :root {
    --visual-border-radius: 0 0 clamp(60px, 20vw, 120px) 0;
  }
}

::selection {
  color: rgb(var(--rgb-white));
  background-color: rgb(var(--rgb-blue-main));
}

::-webkit-scrollbar {
  width: var(--scrollbar-width);
  height: var(--scrollbar-width);
  opacity: 0.1 !important;
}

::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background: rgb(var(--rgb-blue-main));
  transition: all 0.3s;
}

::-webkit-scrollbar-thumb:hover {
  background: rgb(var(--rgb-blue-dark));
}

::-webkit-scrollbar-track {
  background-color: rgb(var(--rgb-background1));
}

.c-scrollbar {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 99999;
  width: var(--scrollbar-width);
  height: 100%;
  opacity: 1 !important;
}

.c-scrollbar_thumb {
  position: absolute;
  top: 0;
  right: 2px;
  width: var(--scrollbar-width);
  cursor: grab;
  border-radius: 8px;
  background: rgb(var(--rgb-blue-main));
  transition: all 0.3s;
}

.c-scrollbar_thumb:active {
  cursor: grabbing;
}

* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  image-rendering: smooth;
  image-rendering: auto;
  corner-shape: squircle;
}

html {
  width: 100%;
  min-width: 320px;
  margin: 0;
  padding: 0;
  font-size: 10px;
  overflow: auto;
  overflow-x: hidden;
}

html.js-sitemenu-show {
  overflow: hidden;
}

body {
  position: relative;
  min-width: 320px;
  margin: 0;
  padding: 0;
  color: rgb(var(--rgb-text-main));
  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: 420;
  line-height: 1.4;
  letter-spacing: -0.02em;
  word-wrap: break-word;
  word-break: keep-all;
  -webkit-font-smoothing: antialiased;
  text-size-adjust: 100%;
  background-color: rgb(var(--rgb-background1));
}

body.is-navi-opened {}

button {
  padding: 0;
  margin: 0;
  border: none;
  outline: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

a,
a:hover,
a:focus {
  color: inherit;
  text-decoration: none;
  outline: 0;
  cursor: pointer;
}

a:hover,
a:focus {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.25em;
}

b,
strong,
.bold {
  font-weight: 700;
}

img {
  vertical-align: middle;
  border: 0;
}

.img-responsive {
  width: auto\9;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  -ms-interpolation-mode: bicubic;
}

svg:not(:root) {
  overflow: hidden;
}

hr {
  height: 0;
}

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font: inherit;
  color: inherit;
}

button {
  text-transform: none;
  border-radius: 0px;
  overflow: visible;
  cursor: pointer;
  outline: 0;
  background-color: transparent;
}

select {
  text-transform: none;
  border: 1px solid rgb(var(--rgb-border));
  border-radius: 0px;
  background-color: rgb(var(--rgb-white));
  cursor: pointer;
  transition: all .2s linear
}

select::-ms-expand {
  display: none;
}

label,
summary {
  border-radius: var(--border-radius-s);
  cursor: pointer;
  list-style-type: none;
}

summary::-webkit-details-marker,
summary::marker {
  display: none;
}

ul,
ul>li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
}

table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}

td,
th {
  padding: 0;
}

hr {
  display: none;
}

.sr-only,
.blind {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.container {
  display: block;
  position: relative;
  margin: 0 auto;
  padding: 0 var(--container-padding-inline);
  width: calc(var(--container-padding-inline) * 2 + var(--container-width));
  height: auto;
}

.container+.container {
  margin-top: calc(var(--container-padding-inline) * 1);
}

.container-s {
  padding: 0 calc(var(--container-padding-inline) * 3);
}

.container-xs {
  padding: 0 calc(var(--container-padding-inline) * 6);
}

.red {
  color: rgb(var(--rgb-red-main)) !important;
}

.green {
  color: rgb(var(--rgb-green-main)) !important;
}

.blue {
  color: rgb(var(--rgb-blue-dark)) !important;
}

.blue-dark {
  color: rgb(var(--rgb-blue-dark)) !important;
}

.background-blue {
  background-color: rgb(var(--rgb-blue-main)) !important;
}

.background-green {
  background-color: rgb(var(--rgb-green-main)) !important;
}

.background-black {
  background-color: rgb(var(--rgb-black)) !important;
}

.no-data {
  padding: 80px 0 !important;
  text-align: center !important;
}

.only-1400-inline {
  display: none;
}

.only-1280-inline {
  display: none;
}

.only-1080-inline {
  display: none;
}

.only-960-inline {
  display: none;
}

.only-768-inline {
  display: none;
}

.only-680-inline {
  display: none;
}

.only-576-inline {
  display: none;
}

.only-480-inline {
  display: none;
}

.only-400-inline {
  display: none;
}

.only-365-inline {
  display: none;
}

.background-white {
  background-color: rgb(var(--rgb-white)) !important;
}

.fancybox-is-open .fancybox-bg {
  opacity: 0.8;
}

.section-title {
  position: relative;
  margin: 0 0 4px;
  font-size: var(--font-size-xxl);
  font-weight: 850;
  text-align: center;
  text-wrap: balance;
}

.intro-image+.section-title {
  margin-top: calc(var(--container-padding-inline) * 1.5);
}

.section-title::before {
  content: "";
  display: none;
  position: absolute;
  top: -20px;
  left: 50%;
  margin: 0 0 0 -20px;
  width: 40px;
  height: 2px;
  background-color: rgb(var(--rgb-blue-main));
}

.section-title i {
  margin-left: 0.25em;
  margin-right: 0.25em;
}

.section-subtitle {
  margin: 12px 0 12px;
  font-size: var(--font-size-m);
  font-weight: 400;
  text-align: center;
  text-wrap: balance;
}

.section-subtitle .green,
.section-subtitle .blue {
  font-weight: 650;
}

.section-list-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: calc(var(--container-padding-inline) * 0.5);
  position: relative;
  margin: calc(var(--container-padding-inline) * 0.5) 0 0;
  padding: 0;
  perspective: 1000px;
}

.section-list-grid[data-grid-2] {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.section-list-grid[data-grid-4] {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.section-list-grid[data-grid-5] {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.section-subtitle+.section-list-grid {
  margin-top: calc(var(--container-padding-inline) * 1.5);
}

.section-list-grid>li {
  display: block;
  position: relative;
  z-index: 1;
  margin: 0;
  padding: calc(var(--container-padding-inline) * 0.5) calc(var(--container-padding-inline) * 0.5);
  width: 100%;
  height: 100%;
  border-radius: var(--border-radius-l);
  background-color: rgb(var(--rgb-white));
}

.section-list-grid .badge {
  display: block;
  position: absolute;
  bottom: 0;
  right: 5%;
  padding: 4px 8px;
  color: rgb(var(--rgb-text-white));
  font-size: var(--font-size-s);
  font-weight: 700;
  background-image: linear-gradient(150deg,
      rgb(var(--sportsxos-rgb-red)) 0%,
      rgb(var(--sportsxos-rgb-green)) 100%);
  transform: translate(0, 100%) skewX(-15deg) rotateY(0deg);
  transform-origin: 50% 50%;
}

.section-list-grid img {
  display: block;
  margin: 0 auto 8px;
  max-width: 100%;
  height: 120px;
  object-fit: contain;
}

.section-list-grid h2 {
  margin: 0;
}

.section-list-grid h3 {
  margin: 0;
  font-size: var(--font-size-m);
  font-weight: 700;
  text-indent: 0;
  text-wrap: balance;
}

.section-list-grid p {
  margin: 0.25em 0 0;
  font-weight: 500;
  text-wrap: balance;
}

.section-list-grid ul>li {
  display: flex;
  margin: 0.5em 0 0;
  font-weight: 500;
}

.section-list-grid ul>li::before {
  content: "\f309";
  display: inline-block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: 400 !important;
  font-variant: normal;
  text-transform: none;
  vertical-align: -0.125em;
}

.section-details {
  --gradient: linear-gradient(140deg,
      rgba(var(--rgb-white), 1) 50%,
      rgba(var(--rgb-green-main), 0.2) 100%);
  display: block;
  position: relative;
  z-index: 1;
  margin: 12px 0 0;
  padding: 0;
}

.section-details::before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--border-radius-l);
  background-image: var(--gradient);
}

.section-details>summary {
  display: block;
  position: relative;
  margin: 0;
  padding: 12px 40px 12px 60px;
  font-size: var(--font-size-m);
  font-weight: 600;
  cursor: pointer;
}

.section-details[open]>summary {
  padding: 20px 40px 12px 72px;
}

.section-details>summary>i {
  display: block;
  position: absolute;
  top: 10px;
  left: 20px;
  color: rgb(var(--rgb-green-main));
  font-size: var(--font-size-xxl);
  font-weight: 700;
  font-style: normal;
  line-height: 1;
}

.section-details[open]>summary>i {
  top: 18px;
  left: 32px;
}

.section-details>div {
  display: block;
  position: relative;
  margin: 0;
  padding: 12px 40px 28px 72px;
  font-size: var(--font-size);
  font-weight: 500;
  line-height: 1.6;
}

.section-details>div>i {
  display: block;
  position: absolute;
  top: 8px;
  left: 32px;
  color: rgb(var(--rgb-green-main));
  font-size: var(--font-size-xxl);
  font-weight: 700;
  font-style: normal;
  line-height: 1;
}

.section-table {
  table-layout: fixed;
  width: 100%;
}

.section-table tbody>tr:first-child>* {
  border-top: 1px solid rgb(var(--rgb-black));
}

.section-table th,
.section-table td {
  vertical-align: middle;
  border: 1px solid rgb(var(--rgb-text-white));
  background-color: rgb(var(--rgb-white));
}

.section-table td {
  padding: calc(var(--container-padding-inline) * 0.25);
  word-break: keep-all;
}

/************************************/
/*           #AOS             */
/************************************/
[data-aos][data-aos][data-aos-easing="spring"],
body[data-aos-easing="spring"] [data-aos] {
  transition-timing-function: var(--easing-spring-s);
}

[data-aos="fade-up-s"] {
  transform: translate3d(0, 25px, 0);
}

[data-aos="fade-up-m"] {
  transform: translate3d(0, 50px, 0);
}


/************************************/
/*           #Cursor             */
/************************************/
#Cursor {
  --rgb-blue-main: 255, 161, 56;
  position: fixed;
  z-index: 99999;
  width: 32px;
  height: 32px;
  border: 2px solid rgba(var(--rgb-blue-main), 1);
  border-radius: 50%;
  corner-shape: round;
  background-color: rgba(var(--rgb-blue-main), 0);
  pointer-events: none;
  opacity: 0;
  mix-blend-mode: difference;
  transition: width 0.7s var(--easing-spring-s),
    height 0.7s var(--easing-spring-s), border-color 0.25s,
    background-color 0.25s;
  animation: show 0.9s forwards;
}

html.vc_mobile #Cursor,
#Cursor.hide,
html:not(:hover) #Cursor {
  width: 0;
  height: 0;
  border-color: rgba(var(--rgb-blue-main), 0);
  background-color: rgba(var(--rgb-blue-main), 0);
}

#Cursor.active {
  width: 64px;
  height: 64px;
  border-color: rgba(var(--rgb-blue-main), 1);
  background-color: rgba(var(--rgb-blue-main), 0);
}

#Cursor.highlight {
  width: 80px;
  height: 80px;
  border-color: transparent;
  background-color: rgba(var(--rgb-blue-main), 0.4);
}

#Cursor.fancybox {
  width: 80px;
  height: 80px;
  border-color: transparent;
  /* background-color: rgba(var(--rgb-blue-main), 0.7); */
  mix-blend-mode: normal;
  background-color: #005effaa;
}

#Cursor.fancybox::before {
  content: "";
  display: block;
  color: #fff;
  font-family: xeicon;
  font-size: 32px;
  height: 80px;
  line-height: 80px;
  text-align: center;
}

#map .map-title {
  font-size: var(--font-size);
  font-weight: 700;
  padding: 8px 12px;
  background-color: #fff;
  border: 1px solid #000;
}


/************************************/
/*           @keyframes             */
/************************************/
@keyframes showSiteMenuLi {
  0% {
    display: flex;
    transform: translateY(-40px);
    opacity: 0;
  }

  100% {
    display: flex;
    transform: translateY(0px);
    opacity: 1;
  }
}

@keyframes showHeader {
  0% {
    transform: translateY(-40px);
    opacity: 0;
  }

  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}

@keyframes blink {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes show {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes showSiteMenu {
  0% {
    display: none;
    opacity: 0;
    overflow: hidden;
  }

  1% {
    display: flex;
    opacity: 0;
    overflow: hidden;
  }

  99% {
    display: flex;
    opacity: 1;
  }
}

@keyframes hideSiteMenu {
  0% {
    display: flex;
    opacity: 1;
  }

  99% {
    display: flex;
    opacity: 0;
  }

  100% {
    display: none;
    opacity: 0;
  }
}

@keyframes showSiteMenuWrapper {
  0% {
    display: none;
  }

  49% {
    display: none;
  }

  50% {
    display: flex;
    transform: translateY(-5vh);
    opacity: 0;
  }

  100% {
    display: flex;
    transform: translateY(0vh);
    opacity: 1;
  }
}

@keyframes hideSiteMenuWrapper {
  0% {
    display: flex;
    transform: translateY(0vh);
    opacity: 1;
  }

  50% {
    display: flex;
    transform: translateY(-5vh);
    opacity: 0;
  }

  51% {
    display: none;
  }

  100% {
    display: none;
  }
}

@media (min-width:691px) {
  .span_1 {
    width: 6.5%
  }

  .span_2 {
    width: 15%
  }

  .span_3 {
    width: 23.5%
  }

  .span_4 {
    width: 32%
  }

  .span_5 {
    width: 40.5%
  }

  .span_6 {
    width: 49%
  }

  .span_7 {
    width: 57.5%
  }

  .span_8 {
    width: 66%
  }

  .span_9 {
    width: 74.5%
  }

  .span_10 {
    width: 83%
  }

  .span_11 {
    width: 91.5%
  }

  .span_12 {
    width: 100%
  }
}

body:not(.nectar-no-flex-height) {
  display: flex;
  flex-direction: column;
  min-height: 100vh
}

@media (min-width:1000px) {
  body.admin-bar:not(.nectar-no-flex-height) {
    min-height: calc(100vh - 32px)
  }
}

.has-scroll-smooth {
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.ocm-effect-wrap {
  width: 100%;
  max-width: 100%;
  position: relative;
  /* overflow: hidden; */
}

.scroller {
  width: 100%;
  max-width: 100%;
  position: relative;
  overflow-x: hidden;
}

.scroller::-webkit-scrollbar {
  width: 0;
}

body:not(.nectar-no-flex-height) .container-wrap {
  flex-grow: 1
}

.nectar-skip-to-content:not(:focus),
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important
}



/* 접근성 */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
summary:focus-visible,
tr:focus-visible,
.swiper-pagination .swiper-pagination-bullet:focus-visible,
.swiper-button-prev:focus-visible,
.swiper-button-next:focus-visible,
.filter-list .category-item:focus-visible {
  outline: var(--a11y-width) solid var(--a11y-color) !important;
}

#SkipNav {
  display: flex;
  align-items: center;
  gap: 4px;
  position: fixed;
  z-index: 9999;
  top: -60px;
  left: 50%;
  margin: 0 0 0 -150px;
  padding: 4px 4px;
  width: 320px;
  color: rgb(var(--rgb-text-white));
  border-radius: var(--border-radius-pill);
  background-color: rgb(var(--rgb-background-dark));
  overflow: hidden;
  transition: top .3s ease, box-shadow .5s;
}

#SkipNav:has(>a:focus),
#SkipNav:has(>a:active) {
  top: 8px;
}

#SkipNav h2 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto 0 0;
  padding: 0.5em 0 0.5em 1em;
  font-size: var(--font-size);
}

#SkipNav a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5em 1.1em;
  color: rgb(var(--rgb-text-main));
  border-radius: var(--border-radius-pill);
  background-color: rgba(var(--rgb-background1));
  outline: 0 !important;
}

#SkipNav a:lang(en) {
  padding: 0.5em 0.6em;
}

#SkipNav a:focus,
#SkipNav a:active {
  color: rgb(var(--rgb-text-white));
  background-color: rgb(var(--rgb-blue-main));
}

/* 접근성 끝 */

@media (min-width:1000px) {
  .nectar-mobile-only {
    display: none
  }
}

.nectar-display-inline {
  display: inline
}

.nectar-display-inline-block {
  display: inline-block
}

.nectar-display-block {
  display: block
}

.nectar-flex-sizing {
  flex: 1
}

.nectar-bg-black {
  background-color: #151515
}

.nectar-bg-white {
  background-color: #fff
}

.nectar-object-cover {
  object-fit: cover;
  height: 100%;
  width: 100%
}

.nectar-object-position-top-center,
.nectar-object-position-top-center img {
  object-position: top center
}

.nectar-object-position-top-left,
.nectar-object-position-top-left img {
  object-position: top left
}

.nectar-object-position-top-right,
.nectar-object-position-top-right img {
  object-position: top right
}

.nectar-object-position-center-center,
.nectar-object-position-center-center img {
  object-position: center center
}

.nectar-object-position-center-left,
.nectar-object-position-center-left img {
  object-position: center left
}

.nectar-object-position-center-right,
.nectar-object-position-center-right img {
  object-position: center right
}

.nectar-object-position-bottom-left,
.nectar-object-position-bottom-left img {
  object-position: bottom left
}

.nectar-object-position-bottom-right,
.nectar-object-position-bottom-right img {
  object-position: bottom right
}

.nectar-object-position-bottom-center,
.nectar-object-position-bottom-center img {
  object-position: bottom center
}

.overflow-x-hidden {
  overflow-x: hidden
}

.nectar-overflow-hidden {
  overflow: hidden
}

.nectar-overflow-x-clipped {
  overflow-x: clip;
  overflow-y: visible
}

.nectar-pseudo-expand:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  display: block
}

.alignleft {
  float: left;
  margin-right: 15px
}

.alignright {
  float: right;
  margin-left: 15px
}

.aligncenter {
  display: block;
  margin: 15px auto
}

.no-bottom-padding {
  padding-bottom: 0
}

.col.center {
  text-align: center
}

.col.right {
  text-align: right
}

.container-wrap,
.project-title {
  position: relative;
  z-index: 10;
}

.uppercase {
  text-transform: uppercase
}

.text-align-center {
  text-align: center
}

img:is([sizes=auto i], [sizes^="auto," i]) {
  contain-intrinsic-size: 3000px 1500px
}

.col p:last-child {
  padding-bottom: 0
}

.wpb_wrapper .clear {
  padding-bottom: 0
}

.wpb_wrapper>div {
  margin-bottom: 24px
}

.wpb_wrapper>.img-with-aniamtion-wrap:last-child .hover-wrap,
.wpb_wrapper>.img-with-aniamtion-wrap:last-child img,
.wpb_wrapper>img:last-child,
.wpb_wrapper>div:last-child {
  margin-bottom: 0
}

blockquote {
  line-height: 1.5;
  font-size: 22px;
  padding-left: 0;
  margin-bottom: 30px
}

[data-color-change-section-bg-color]:not(.container-wrap) .light h1,
[data-color-change-section-bg-color]:not(.container-wrap) .light h2,
[data-color-change-section-bg-color]:not(.container-wrap) .light h3,
[data-color-change-section-bg-color]:not(.container-wrap) .light h4,
[data-color-change-section-bg-color]:not(.container-wrap) .light h5,
[data-color-change-section-bg-color]:not(.container-wrap) .light h6,
[data-color-change-section-bg-color]:not(.container-wrap) .light p {
  color: var(--nectar-page-light-text-color, var(--nectar-font-light-color, #fff))
}

.nectar-aspect-ratio--1-1 {
  aspect-ratio: 1/1
}

.nectar-aspect-ratio--16-9 {
  aspect-ratio: 16/9
}

.nectar-aspect-ratio--4-3 {
  aspect-ratio: 4/3
}

.nectar-aspect-ratio--3-2 {
  aspect-ratio: 3/2
}

.nectar-aspect-ratio--2-3 {
  aspect-ratio: 2/3
}

.nectar-aspect-ratio--3-4 {
  aspect-ratio: 3/4
}

.nectar-aspect-ratio--9-16 {
  aspect-ratio: 9/16
}

.nectar-aspect-ratio--4-5 {
  aspect-ratio: 4/5
}

.nectar-aspect-ratio--2-1 {
  aspect-ratio: 2/1
}

code {
  padding: .25em .5em;
  line-height: 1.5;
  white-space: pre;
  background-color: rgba(0, 0, 0, .05);
  border-radius: .25em;
  font: 14px "Fira Code", "Andale Mono", Courier, "Courier New", monospace
}

.no-left-margin.first-section {
  height: auto !important
}

.col h3,
.col h4 {
  margin-bottom: var(--nectar-heading-bottom-spacing, 8px)
}

.vc_separator.vc_separator_align_center h3,
.vc_separator.vc_separator_align_center h4 {
  margin-bottom: 0
}

.col img {
  margin-bottom: 15px;
  max-width: 100%;
  height: auto
}

.wpb_gallery_slidesimage_grid .portfolio-items .col img {
  width: 100%
}

.col .wp-block-gallery.is-cropped .blocks-gallery-image img,
.col .wp-block-gallery.is-cropped .blocks-gallery-item img {
  width: 100%;
  margin-bottom: 0
}

body .container-wrap [class*=wp-block].alignfull {
  margin-left: -50vw !important;
  left: 50%;
  max-width: 100vw;
  width: 100vw;
  position: relative
}

body .container-wrap .pin-spacer [class*=wp-block].alignfull {
  margin-left: 0 !important;
  left: 0
}

body .container-wrap [class*=wp-block].alignfull [class*=wp-block].alignfull {
  margin-left: 0 !important;
  left: 0;
  max-width: 100%;
  width: 100%;
  position: relative
}

@media (max-width:999px) {
  body .nectar-blocks-row__inner.is-contained-content {
    max-width: var(--mobile-container-width);
    padding-left: 0;
    padding-right: 0
  }
}

body .container-wrap [class*=wp-block].alignfull img,
body .container-wrap [class*=wp-block].alignwide img {
  max-width: none;
  width: 100%
}

.nectar-block [class*=" icon-"] {
  background-color: transparent
}

blockquote.wp-block-quote {
  position: relative;
  padding-left: 1.3em
}

blockquote.wp-block-quote:before {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 4px;
  content: '';
  border-left: 4px solid rgba(0, 0, 0, .1)
}

blockquote.wp-block-quote.has-text-align-center:before {
  display: none
}

.wp-block-quote.is-large p,
.wp-block-quote.is-style-large p {
  font-style: inherit;
  font-size: 1em
}

blockquote.wp-block-quote p {
  margin-bottom: 0
}

blockquote.wp-block-quote cite {
  font-size: 14px;
  line-height: 18px;
  display: block
}

.wpb_text_column>.wpb_wrapper>:last-child {
  margin-bottom: 0
}

.gallery a img {
  width: 90%;
  max-width: 90%;
  height: auto;
  max-height: 90%;
  padding: 5px;
  background-color: #fff;
  border: 1px solid #e5e5e5 !important;
  transition: all .2s linear
}

#ajax-loading-screen .loading-icon {
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.default-loading-icon {
  top: 50%;
  border-radius: 100%;
  height: 40px;
  width: 40px;
  margin: 0 auto;
  display: block;
  position: relative;
  border: 3px solid #e5e5e5;
  margin-top: -20px
}

.default-loading-icon:before {
  position: absolute;
  content: "";
  border-color: #151515 transparent transparent;
  border-radius: 100%;
  border-style: solid;
  border-width: 3px;
  display: block;
  height: 100%;
  width: 100%;
  top: -3px;
  left: -3px
}

.default-loading-icon.spin,
.loading-icon.spin,
.portfolio-loading.spin,
.pp_loaderIcon.spin {
  animation: 2s cubic-bezier(.63, .045, .34, 1) 0s normal none infinite spinning_animation
}

.default-skin-loading-icon {
  width: 100%;
  height: 100%;
  background-position: center;
  display: block;
  background-repeat: no-repeat;
  background-image: url(../../img/icons/loading-white-bg.gif)
}

@keyframes spinning_animation {
  0% {
    transform: scale(1) rotate(0)
  }

  50% {
    transform: scale(.8) rotate(360deg)
  }

  100% {
    transform: scale(1) rotate(720deg)
  }
}

@keyframes bounce_in_animation {
  0% {
    transform: scale(0, 0)
  }

  20% {
    transform: scale(1.4, 1.4)
  }

  50% {
    transform: scale(.8, .8)
  }

  85% {
    transform: scale(1.1, 1.1)
  }

  100% {
    transform: scale(1, 1)
  }
}

.nectar_hook_after_content>.container,
.nectar_hook_before_content_global_section>.container,
.nectar_hook_global_section_after_content>.container,
.salient_portfolio_hook_single_after_content>.container {
  padding: 0
}

.nectar_hook_global_section_parallax_footer {
  overflow: hidden
}

.nectar_hook_before_secondary_header_before_scrolling {
  transition: margin-top .3s ease;
  position: relative;
  z-index: 10000
}

.detached:not(.at-top) .nectar_hook_before_secondary_header_before_scrolling,
.scrolled-down .nectar_hook_before_secondary_header_before_scrolling,
.small-nav .nectar_hook_before_secondary_header_before_scrolling,
[data-condense=true].fixed-menu .nectar_hook_before_secondary_header_before_scrolling {
  margin-top: calc(-1 * var(--nectar_hook_before_nav_content_height, 0px))
}

#portfolio-extra>.wpb_row:last-child {
  margin-bottom: 0
}

.wpb_content_element,
.wpb_row {
  margin-bottom: 35px
}

#ajax-content-wrap .wpb_row.has-global-section,
.wpb_row.has-global-section {
  margin-bottom: 0
}

.sf-sub-indicator {
  display: inline-block;
  width: 10px;
  position: relative;
  left: 8px;
  height: 10px
}

.sf-sub-indicator i {
  width: 8px
}

.sf-sub-indicator [class^=icon-],
body .sf-sub-indicator [class*=" icon-"] {
  color: #888;
  font-size: 12px;
  line-height: 16px;
  height: auto;
  background-color: transparent
}

.material .sf-menu>li>a>.sf-sub-indicator i {
  font-size: 16px
}

.off-canvas-menu-container .nectar-menu-icon {
  font-size: inherit;
  top: 0;
  margin-right: 10px
}

.off-canvas-menu-container .sub-menu .nectar-menu-icon {
  transform: none;
  margin-right: 10px
}

.off-canvas-menu-container .nectar-menu-icon-img {
  max-width: 40px;
  height: auto;
  margin-right: 10px;
  width: 100%
}

.nectar-menu-label {
  padding: 5px 8px;
  line-height: 1;
  font-size: 12px;
  margin-left: 5px;
  position: relative;
  display: inline-block;
  vertical-align: middle
}

.nectar-menu-label:before {
  opacity: .15
}

.off-canvas-social-links a .nectar-dynamic-social-icon--hover {
  position: absolute !important;
  top: 120% !important;
  left: 0
}

.off-canvas-social-links a img.nectar-dynamic-social-icon {
  height: var(--nectar-dynamic-social-icon-size, 24px);
  width: auto;
  margin: 0;
  transition: transform var(--nectar-header-hover-timing, .4s) var(--nectar-cubic-bezier-out, cubic-bezier(.3, 1, .3, 1)), opacity .2s ease-in-out
}

.off-canvas-social-links li i {
  display: inline-block;
  text-align: center;
  vertical-align: middle
}

.mobile-user-account .icon-salient-m-user {
  background-color: transparent;
  color: #a9a9a9;
  line-height: 34px;
  font-size: 18px;
  width: 18px;
  transition: color .3s ease
}

.lines-button.x2.close .lines {
  background-color: transparent !important
}

.slide-out-hover-icon-effect:not(.small) .lines-button,
body .slide-out-hover-icon-effect:not(.small) .lines-button {
  line-height: 0;
  font-size: 0
}

.slide-out-hover-icon-effect a {
  width: 34px
}

.slide-out-hover-icon-effect.small a {
  width: auto
}

.ui-helper-hidden-accessible {
  display: none
}

.mobile-video-image {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: none;
  height: 100%;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover
}

.using-mobile-browser .mobile-video-image {
  display: block
}

.wpb_row .nectar-video-wrap {
  position: absolute;
  top: 0;
  left: 0;
  padding-bottom: 0;
  overflow: hidden;
  opacity: 0;
  z-index: 1
}

.wpb_row .nectar-video-wrap {
  width: 100%;
  height: 100%;
  opacity: 1
}

.wpb_row.parallax_section>.nectar-video-wrap video:not(.translate) {
  opacity: 0
}

.nectar-post-grid-item-bg__video,
.wpb_row .nectar-video-wrap video {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  object-position: center
}

.nectar-video-wrap[data-bg-alignment*=top] video {
  object-position: center top
}

.nectar-video-wrap[data-bg-alignment*=bottom] video {
  object-position: center bottom
}

.wpb_row .mobile-video-image.column-video,
.wpb_row .nectar-video-wrap.column-video {
  z-index: -1
}

body.using-mobile-browser .nectar-slider-wrap .slide-bg-wrap .video-wrap {
  bottom: -3000px
}

.wpb_row .nectar-video-wrap video {
  transition: opacity .25s ease
}

.video-color-overlay {
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
  backface-visibility: hidden;
  top: 0;
  left: 0;
  padding-bottom: 0;
  z-index: 3
}

.mejs-overlay-button,
.mejs-overlay-loading,
.wpb_row .nectar-video-wrap .mejs-container .mejs-controls {
  display: none !important
}

.wpb_row>.span_12 {
  z-index: 10
}

.nectar-flex-sizing.wpb_row>.span_12 {
  min-width: 100%;
  min-height: 100%
}

.wpb_row>.span_12 {
  margin-bottom: 0 !important
}

.wpb_row>.span_12>.column_container:last-child {
  margin-bottom: 0
}

.nectar-slider-loading {
  background-color: #393939;
  background-position: center;
  background-repeat: repeat;
  position: absolute;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.wpb_row {
  position: relative
}

.wpb_row.has-row-bg-color {
  background-color: var(--row-bg-color)
}

.wpb_row.vc_row-o-full-height {
  min-height: 99vh
}

.wpb_row .row-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover
}

.wpb_row .row-bg .row-bg-img,
body .wpb_row .column-image-bg img.column-image-tag {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0
}

.column-image-bg-wrap.viewport-phone,
.column-image-bg-wrap.viewport-tablet,
.row-bg.viewport-phone,
.row-bg.viewport-tablet {
  display: none
}

@media (max-width:999px) and (min-width:691px) {

  .column-image-bg-wrap.viewport-tablet,
  .row-bg.viewport-tablet {
    display: block
  }

  .column-image-bg-wrap.viewport-desktop.has-tablet,
  .row-bg.viewport-desktop.has-tablet {
    display: none
  }
}

@media (max-width:690px) {

  .column-image-bg-wrap.viewport-phone,
  .row-bg.viewport-phone {
    display: block
  }

  .column-image-bg-wrap.viewport-desktop.has-phone,
  .column-image-bg-wrap.viewport-desktop.has-phone img,
  .row-bg.viewport-desktop.has-phone,
  .row-bg.viewport-desktop.has-phone img {
    display: none
  }
}

.wpb_row .row-bg-wrap .row-bg-overlay {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: ' ';
  z-index: 3;
  backface-visibility: hidden
}

.row.right-align-text {
  text-align: right
}

.nectar-recent-posts-single_featured .nectar-recent-post-slide .row-bg.translate,
.wpb_row .column-image-bg-wrap .column-image-bg.translate,
[data-parallax=true] .swiper-slide .image-bg.translate,
body .wpb_row.parallax_section .row-bg.translate {
  background-attachment: scroll;
  top: auto;
  bottom: 0
}

.wpb_row.parallax_section .nectar-video-inner {
  background-attachment: scroll;
  top: auto;
  bottom: 0;
  height: 100%;
  width: 100%;
  position: absolute
}

body .wpb_row.parallax_section .row-bg {
  background-attachment: fixed
}

body[data-ajax-transitions=false] .parallax-layer.column-image-bg,
body[data-ajax-transitions=false] .parallax_section .nectar-recent-post-slide .nectar-recent-post-bg,
body[data-ajax-transitions=false] .parallax_section .row-bg {
  opacity: 0;
  transition: opacity .2s ease
}

.parallax_effect--parallax_fade>.nectar-video-wrap:after,
.parallax_effect--parallax_fade>.row-bg-wrap .row-bg:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: var(--scroll-progress, 0);
  background-color: rgba(0, 0, 0, .85);
  z-index: 10
}

:root body[data-ajax-transitions="false"] .parallax_section .row-bg {
  opacity: 1
}

body[data-ajax-transitions=false] .parallax_section.top-level .row-bg:not([data-parallax-speed=fixed]) {
  opacity: 1;
  background-attachment: scroll;
  top: auto;
  bottom: 0
}

opacity: 1
}

.top-level .vc_col-sm-12:not(.child_column)>.vc_column-inner>.column-image-bg-wrap .parallax-layer {
  top: auto;
  bottom: 0;
  opacity: 1
}

@media (min-width:1000px) {

  body:not([data-header-format=left-header]) .parallax_section.top-level .row-bg[data-parallax-speed=slow]:not([data-parallax-speed=fixed]),
  body:not([data-header-format=left-header]) .top-level .vc_col-sm-12:not(.child_column)>.vc_column-inner>.column-image-bg-wrap[data-parallax-speed=slow] .parallax-layer {
    height: calc(100% + 90px)
  }

  body:not([data-header-format=left-header]) .parallax_section.top-level .row-bg[data-parallax-speed=medium]:not([data-parallax-speed=fixed]),
  body:not([data-header-format=left-header]) .top-level .vc_col-sm-12:not(.child_column)>.vc_column-inner>.column-image-bg-wrap[data-parallax-speed=medium] .parallax-layer {
    height: calc(100% + 70px)
  }

  body:not([data-header-format=left-header]) .parallax_section.top-level .row-bg[data-parallax-speed*=fast]:not([data-parallax-speed=fixed]),
  body:not([data-header-format=left-header]) .top-level .vc_col-sm-12:not(.child_column)>.vc_column-inner>.column-image-bg-wrap[data-parallax-speed*=fast] .parallax-layer {
    height: calc(100% + 40px)
  }
}

@media (max-width:999px) {

  .top-level .vc_col-sm-12:not(.child_column)>.vc_column-inner>.column-image-bg-wrap[data-parallax-speed*=fast] .parallax-layer,
  body .parallax_section.top-level .row-bg:not([data-parallax-speed=fixed]) {
    height: calc(100% + 40px)
  }
}

body .top-level .nectar-recent-posts-single_featured .nectar-recent-post-slide .row-bg,
body .top-level .nectar-simple-slider[data-parallax=true] .parallax-layer {
  height: calc(100% + 40px)
}

.global-section-after-header-nav-active #ajax-content-wrap .parallax_section.top-level .row-bg:not([data-parallax-speed=fixed]),
.global-section-after-header-nav-active .top-level .nectar-recent-posts-single_featured .nectar-recent-post-slide .row-bg,
.global-section-after-header-nav-active .top-level .nectar-simple-slider[data-parallax=true] .parallax-layer {
  height: calc(100% + 90px)
}

body[data-ajax-transitions=false] .nectar-parallax-enabled .parallax-layer.column-image-bg:not([data-nectar-img-src]),
body[data-ajax-transitions=false] .parallax_section .nectar-recent-post-slide .row-bg,
body[data-ajax-transitions=false] .parallax_section .row-bg .nectar-recent-post-slide,
body[data-ajax-transitions=false] .parallax_section .row-bg[data-parallax-speed=fixed],
body[data-ajax-transitions=false] .parallax_section.nectar-parallax-enabled .nectar-recent-post-slide .nectar-recent-post-bg,
body[data-ajax-transitions=false] .parallax_section.nectar-parallax-enabled .row-bg {
  opacity: 1
}

.wpb_row .row-bg-wrap .inner-wrap,
.wpb_row.parallax_section .row-bg-wrap {
  overflow: hidden;
  width: 100.1%;
  height: 100.1%;
  position: absolute;
  top: 0;
  left: 0
}

.wpb_row .row-bg-wrap .inner-wrap {
  z-index: 1
}

.wpb_row .row-bg-wrap[data-bg-animation=zoom-out-reveal] {
  z-index: 2
}

.wpb_row.parallax_section .nectar-parallax-scene {
  z-index: 1
}

.wpb_row .row-bg-wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}

.wpb_row[data-br*=px][data-br-applies=bg]>.row-bg-wrap,
.wpb_row[data-br*=px][data-br-applies=both] .row_col_wrap_12,
.wpb_row[data-br*=px][data-br-applies=both]>.row-bg-wrap,
.wpb_row[data-br*=px][data-br-applies=inner] .row_col_wrap_12 {
  overflow: hidden
}

.wpb_row.parallax_section[data-br*=px][data-br-applies=both]>.row-bg-wrap {
  height: 100%
}

.column-image-bg-wrap[data-bg-animation*=fade],
.column-image-bg-wrap[data-bg-animation*=zoom],
.row-bg-wrap[data-bg-animation*=fade],
.row-bg-wrap[data-bg-animation*=zoom] {
  overflow: hidden
}

.row-bg-wrap[data-bg-animation=fade-in] .inner-wrap:not(.using-image)+.row-bg-overlay,
body[data-ajax-transitions] .row-bg-wrap[data-bg-animation=fade-in] .inner-wrap.using-image {
  opacity: 0;
  transition: opacity .85s ease-out
}

.column-image-bg-wrap[data-bg-animation=fade-in] .inner-wrap {
  opacity: 0;
  transition: opacity .55s ease-out
}

.column-image-bg-wrap[data-bg-animation=zoom-out] .inner-wrap,
body[data-ajax-transitions] .row-bg-wrap[data-bg-animation=zoom-out] .inner-wrap.using-image {
  transform: scale(1.25);
  transition: transform 2.5s cubic-bezier(.1, .55, .4, 1)
}

.column-image-bg-wrap[data-bg-animation=zoom-out-high] .inner-wrap,
body[data-ajax-transitions] .row-bg-wrap[data-bg-animation=zoom-out-high] .inner-wrap.using-image {
  transform: scale(1.6);
  transition: transform 1.3s cubic-bezier(.12, .75, .4, 1)
}

.column-image-bg-wrap[data-bg-animation=zoom-out-reveal],
.row-bg-wrap[data-bg-animation=zoom-out-reveal] {
  transform: scale(.7);
  overflow: hidden;
  opacity: 0;
  transition: transform 1.3s cubic-bezier(.12, .75, .4, 1), opacity .4s ease-out
}

.bg-animation--slight .row-bg-wrap[data-bg-animation=zoom-out-reveal] {
  transform: scale(.92)
}

.wpb_column .column-bg-overlay-wrap[data-bg-animation=zoom-out-reveal] {
  transform: scale(.7);
  opacity: 0;
  transition: background-color .45s cubic-bezier(.25, 1, .33, 1), opacity .35s ease-out, transform 1.3s cubic-bezier(.12, .75, .4, 1)
}

.column-image-bg-wrap[data-bg-animation=zoom-out-reveal] .inner-wrap,
.row-bg-wrap[data-bg-animation=zoom-out-reveal] .inner-wrap {
  transform: scale(1.75);
  transition: transform 1.3s cubic-bezier(.12, .75, .4, 1)
}

.bg-animation--slight .row-bg-wrap[data-bg-animation=zoom-out-reveal] .inner-wrap {
  transform: scale(1.15)
}

.bg-animation--slight .row-bg-wrap[data-bg-animation=zoom-out-reveal] {
  opacity: 1
}

.column-image-bg-wrap[data-bg-animation=zoom-out-slow] .inner-wrap,
body[data-ajax-transitions] .row-bg-wrap[data-bg-animation=zoom-out-slow] .inner-wrap.using-image {
  transform: scale(1.35);
  transition: transform 8s cubic-bezier(.1, .2, .7, 1)
}

.column-image-bg-wrap[data-bg-animation=zoom-out-slow] .inner-wrap {
  transform: scale(1.45)
}

@keyframes row_bg_zoom_out {
  0% {
    transform: scale(1.2)
  }

  100% {
    transform: scale(1)
  }
}

body[data-ajax-transitions=false] .top-level .row-bg-wrap[data-bg-animation=zoom-out] .inner-wrap.using-image {
  transform: scale(1);
  animation: row_bg_zoom_out 2.5s cubic-bezier(.1, .55, .4, 1) forwards
}

body[data-ajax-transitions=false] .top-level .row-bg-wrap[data-bg-animation=zoom-out-slow] .inner-wrap.using-image {
  transform: scale(1);
  animation: row_bg_zoom_out 8s cubic-bezier(.1, .2, .7, 1) forwards
}

.wpb_row .row-bg-wrap .inner-wrap {
  height: 100%;
  width: 100%
}

.wpb_row.parallax_section .row-bg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  background-size: cover
}

.wpb_row .row-bg.no-cover {
  background-size: auto !important
}

html body .vc_row-fluid.legacy>.span_12 {
  display: block
}

.col.span_12.light .wpb_text_column>.wpb_wrapper>ul,
.span_12.light .wpb_text_column a,
.wpb_row>.col.span_12.light {
  color: var(--nectar-font-light-color, #fff)
}

.wpb_row[data-color-change-section-bg-color]:not(.container-wrap)>.col.span_12.light,
[data-color-change-section-bg-color]:not(.container-wrap) .col.span_12.light .wpb_text_column>.wpb_wrapper>ul,
[data-color-change-section-bg-color]:not(.container-wrap) .span_12.light .wpb_text_column a {
  color: var(--nectar-page-light-text-color, var(--nectar-font-light-color, #fff))
}

.vc_row.vc_row-o-equal-height>.span_12>.vc_column_container>.vc_column-inner {
  width: 100%
}

.vc_row.vc_row-o-equal-height>.span_12>.wpb_column>.vc_column-inner>.wpb_wrapper {
  min-height: 1px
}

.vc_row.vc_row-o-equal-height.vc_row-o-content-top>.span_12>.wpb_column>.vc_column-inner>.wpb_wrapper {
  min-height: 100%
}

.vc_row.vc_row-o-content-stretch>.span_12>.vc_column_container>.vc_column-inner>.wpb_wrapper,
.vc_row.vc_row-o-equal-height>.span_12>.wpb_column>.vc_column-inner>.wpb_wrapper:has(.nectar-object-cover) {
  min-height: 100%
}

.vc_column_container[class*=flex_layout]>.vc_column-inner,
.vc_column_container[class*=flex_layout]>.vc_column-inner>.wpb_wrapper {
  height: 100%
}

.wpb_column[class*=height_]>.vc_column-inner,
.wpb_row[class*=height_]>.span_12 {
  height: 100%
}

.vc_column_container>.vc_column-inner {
  position: relative
}

@media (max-width:999px) {

  body .vc_row.vc_row-flex.vc_row-o-equal-height>.span_12,
  body .vc_row.vc_row-flex.vc_row-o-equal-height>.span_12>.vc_column_container,
  body .vc_row.vc_row-flex.vc_row-o-equal-height>.span_12>.vc_column_container>.vc_column-inner {
    display: flex
  }
}

@media (max-width:1299px) and (min-width:1000px) {
  .vc_hidden-md {
    display: none
  }
}

.col {
  position: relative;
  float: left
}

.col-overflow-hidden>.vc_column-inner {
  overflow: hidden
}

body .wpb_column[class*=flex_layout] .img-with-aniamtion-wrap .hover-wrap,
body .wpb_column[class*=flex_layout] .wpb_wrapper>.wpb_content_element,
body .wpb_column[class*=flex_layout] .wpb_wrapper>div,
body[data-col-gap*=px] .wpb_column[class*=flex_layout] .wpb_wrapper>div {
  margin-bottom: 0
}

body .wpb_column[class*=flex_layout] .wpb_wrapper>div.inner_row {
  margin-bottom: 0 !important
}

.wpb_column[data-border-radius].mask_shape_blur-gradient>.vc_column-inner {
  overflow: hidden
}

.nectar_color_layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  transition: opacity .2s ease
}

.col.boxed:not(.wpb_column) {
  box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
  background-color: #fff;
  padding: 25px 15px 15px 15px;
  position: relative;
  transition: top .2s ease, box-shadow .2s ease
}

.col.boxed .bottom-line,
.wpb_column.boxed .bottom-line {
  height: 1px;
  width: 100%;
  display: block;
  position: absolute;
  bottom: 2px;
  left: 0;
  background-color: #e8e8e8
}

.col.boxed img,
.wpb_column.boxed img {
  padding: 0 15px
}

.col.boxed.no-pointer-events {
  pointer-events: none
}

.column-image-bg-wrap .column-image-bg[data-nectar-img-src],
.row-bg-wrap .row-bg[data-nectar-img-src] {
  opacity: 0
}

.col.centered-text,
.wpb_column.centered-text {
  text-align: center
}

.centered-text .divider-border[data-animate=yes] {
  transform-origin: center
}

body .col.centered-text ul,
body .wpb_column.centered-text ul {
  display: inline-block;
  text-align: center;
  margin-left: 0
}

.col.centered-text ul,
.wpb_column.centered-text ul {
  text-align: left
}

.col.center img,
.wpb_column.centered-text .nectar-responsive-text,
body .col.centered-text img,
body .wpb_column.centered-text img {
  margin-left: auto;
  margin-right: auto
}

.wpb_column {
  background-position: center
}

.wpb_column .column-bg-overlay,
.wpb_column .column-bg-overlay-wrap {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  content: ' ';
  display: block;
  opacity: 0;
  transition: background-color .45s cubic-bezier(.25, 1, .33, 1), opacity .45s cubic-bezier(.25, 1, .33, 1)
}

.vc_column-inner .column-overlay-layer {
  pointer-events: none;
  position: absolute;
  z-index: 0;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  content: ' ';
  display: block
}

.wpb_column .column-bg-overlay-wrap {
  opacity: 1
}

.column-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 11
}

.col.span_3 .col.span_12 i,
.col.span_4 .col.span_12 i {
  margin-bottom: 0
}

body .wpb_text_column {
  margin-bottom: 0
}

.wpb_text_column.text_direction_rtl {
  direction: rtl
}

.wpb_text_column.text_direction_ltr {
  direction: ltr
}

.wpb_animate_when_almost_visible {
  opacity: 0
}

.wpb_start_animation {
  opacity: 1
}

body .wpb_text_column h2:last-child,
body .wpb_text_column h3:last-child {
  margin-bottom: 10px
}

.theiaStickySidebar:after {
  content: "";
  display: table;
  clear: both
}

.vc_row-o-equal-height.vc_row.vc_row-flex>.span_12>.nectar-sticky-column {
  display: block
}

.otgs-development-site-front-end,
.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer {
  z-index: 9;
  position: relative;
  margin-bottom: 0
}

rs-module audio,
rs-module video {
  visibility: visible
}

.single_job_listing .company img {
  height: 3em
}

.single_job_listing .meta li {
  list-style: none
}

.flex-gallery {
  margin: 0;
  padding: 0
}

.flex-gallery .slides>li {
  display: none
}

.flex-gallery .slides img {
  width: 99.8%;
  display: block
}

.flex-pauseplay span {
  text-transform: capitalize
}

.slides:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0
}

html[xmlns] .slides {
  display: block
}

* html .slides {
  height: 1%
}

.no-js .slides>li:first-child {
  display: block
}

.flex-gallery {
  margin: 0 0 15px;
  position: relative;
  background-color: transparent
}

.loading .flex-viewport {
  max-height: 300px
}

.flex-gallery ul {
  position: relative;
  z-index: 1000;
  margin: 0
}

.flex-gallery .flex-direction-nav {
  margin: 0;
  position: absolute;
  top: 8px
}

.flex-gallery ul li {
  list-style: none
}

.flex-gallery ul li img {
  margin-bottom: 0
}

.carousel li {
  margin-right: 0;
  margin-left: 0
}

.flex-control-nav {
  display: none
}

.flex-direction-nav a {
  display: block;
  line-height: 22px;
  position: relative;
  background-color: #151515;
  height: 25px;
  width: 25px;
  text-align: center;
  transition: all .2s ease;
  border-radius: 1px
}

.flex-direction-nav a i {
  line-height: 29px;
  font-size: 16px;
  color: #fff;
  background-color: transparent
}

.flex-direction-nav .flex-next {
  padding-left: 2px
}

.flex-direction-nav .flex-prev {
  padding-right: 2px
}

body #ajax-content-wrap .flex-gallery .flex-direction-nav li {
  float: left;
  margin-left: 7px
}

.flex-direction-nav .flex-next span {
  background-position: right top;
  top: 9px;
  right: 9px;
  position: absolute;
  display: block;
  height: 15px;
  width: 15px;
  z-index: 100
}

.flex-direction-nav .flex-prev span {
  background-position: left top;
  top: 9px;
  left: 9px;
  position: absolute;
  display: block;
  height: 15px;
  width: 15px;
  z-index: 100
}

body.mobile.material [data-bullet_style=see_through] .slider-pagination {
  bottom: 13px
}

.nectar-flickity[data-control-style=material_pagination] .flickity-page-dots .dot,
.nectar-flickity[data-controls=material_pagination] .flickity-page-dots .dot,
.nectar-recent-posts-slider_multiple_visible .flickity-page-dots .dot,
.nectar-woo-flickity .flickity-page-dots .dot,
.testimonial_slider[data-style=multiple_visible_minimal] .flickity-page-dots .dot,
body.material [data-bullet_style=see_through] .slider-pagination .swiper-pagination-switch {
  width: 30px;
  margin: 0;
  opacity: .35
}

.nectar-flickity[data-control-style=material_pagination] .flickity-page-dots .dot:before,
.nectar-flickity[data-controls=material_pagination] .flickity-page-dots .dot:before,
.nectar-quick-view-box .flickity-page-dots .dot:before,
.nectar-recent-posts-slider_multiple_visible .flickity-page-dots .dot:before,
.nectar-woo-flickity .flickity-page-dots .dot:before,
.testimonial_slider[data-style=multiple_visible_minimal] .flickity-page-dots .dot:before,
body.material [data-bullet_style=see_through] .slider-pagination .swiper-pagination-switch:before {
  width: 6px;
  height: 6px;
  transition: all .25s ease;
  border-radius: 50%;
  margin-left: 11px;
  background-color: transparent;
  box-shadow: inset 0 0 0 5px #151515
}

.span_12.light .nectar-flickity[data-control-style=material_pagination] .flickity-page-dots .dot:before,
.span_12.light .nectar-flickity[data-controls=material_pagination] .flickity-page-dots .dot:before,
.span_12.light .nectar-recent-posts-slider_multiple_visible .flickity-page-dots .dot:before,
.span_12.light .nectar-woo-flickity .flickity-page-dots .dot:before,
.span_12.light .testimonial_slider[data-style=multiple_visible_minimal] .flickity-page-dots .dot:before,
body.material [data-bullet_style=see_through] .slider-pagination:not(.dark-cs) .swiper-pagination-switch:before {
  box-shadow: inset 0 0 0 5px #fff
}

.nectar-flickity[data-control-style=material_pagination] .flickity-page-dots,
.nectar-flickity[data-controls=material_pagination] .flickity-page-dots {
  bottom: -85px;
  margin: 0
}

iframe,
iframe.iframe-embed {
  max-width: 100%
}

.wc-braintree-hosted-field iframe,
html:not(.js) .main-content iframe[src] {
  opacity: 1
}

.iframe-embed-standard iframe {
  width: 100% !important
}

.isotope-item {
  z-index: 2
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1
}

.isotope {
  transition-property: height
}

.isotope .isotope-item {
  transition-property: transform, opacity
}

.btn {
  padding: 8px 16px
}

.nectar-category-grid .nectar-category-grid-item .content[data-subtext=custom][data-subtext-vis=always] .subtext:after,
.nectar-woo-flickity[data-controls=arrows-and-text] .nectar-woo-carousel-top a:after {
  display: block;
  content: '';
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 2px;
  background-color: #fff;
  bottom: -4px;
  opacity: .8;
  left: 0;
  backface-visibility: hidden;
  pointer-events: none;
  animation: portSliderLine2 .45s cubic-bezier(.15, .75, .5, 1) forwards
}

.wpb_wrapper>.divider,
.wpb_wrapper>.divider-border,
.wpb_wrapper>.divider-wrap {
  margin-bottom: 0
}

.divider {
  height: 20px
}

.divider-border {
  margin: 35px auto 35px auto;
  background-color: rgba(0, 0, 0, .12);
  height: 1px
}

.divider-wrap .divider-vertical {
  width: 1px;
  margin: 25px auto
}

.divider-vertical.nectar-bg-default {
  background-color: rgba(0, 0, 0, .12)
}

.span_12.light .divider-border,
.span_12.light .divider-vertical.nectar-bg-default {
  background-color: rgba(255, 255, 255, .3)
}

#ajax-content-wrap .divider-border[data-color=black] {
  background-color: #151515
}

#ajax-content-wrap .divider-border[data-color=white] {
  background-color: #fff
}

.divider-border[data-animate=yes] {
  visibility: hidden;
  transform-origin: left
}


.divider-wrap[data-alignment=right] {
  text-align: right
}

i[class^=icon-] {
  display: inline-block;
  text-align: center;
  vertical-align: middle
}

i.icon-normal {
  background-color: #151515;
  border-radius: 999px;
  color: #fff;
  font-size: 16px;
  width: 32px;
  height: 32px;
  line-height: 32px
}

i.icon-normal[class*=" linecon-icon-"],
i.icon-normal[class*=" steadysets-icon-"] {
  line-height: 32px
}

[class^=icon-].icon-3x,
i[class*=" icon-"].icon-3x {
  background-color: #eeedec
}

body [class*=" icon-"].icon-3x.alt-style,
body [class^=icon-].icon-3x.alt-style {
  background-color: #151515;
  color: #fff
}

.circle-border,
[class*=" icon-"].icon-3x,
[class^=icon-].icon-3x {
  background-color: #eeedec;
  border-radius: 999px;
  color: #151515;
  display: inline-block;
  font-size: 30px;
  height: 90px;
  line-height: 90px;
  max-width: 100%;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 90px;
  word-spacing: 1px;
  transition: all .1s linear
}

[class*=" icon-"].icon-3x,
[class^=icon-].icon-3x {
  margin-bottom: 27px
}

body [class^=icon-].icon-tiny {
  line-height: 15px;
  height: 13px;
  width: 15px;
  margin-right: 5px;
  font-size: 13px;
  background-color: transparent
}

[class^=icon-].icon-tiny {
  color: #888
}

body [class^=icon-].icon-default-style {
  line-height: 34px;
  height: 34px;
  width: 34px;
  margin-right: 0;
  font-size: 34px;
  color: #151515;
  font-style: normal;
  background-color: transparent
}

.circle-border {
  background: none repeat scroll 0 0 transparent;
  border: 1px solid #eeedec;
  height: 88px;
  left: 1px;
  position: absolute;
  z-index: 1;
  top: 1px;
  width: 88px
}

.nectar-color-black,
body .svg-icon-holder[data-color=black] {
  color: #151515 !important
}

.nectar-color-grey,
body .svg-icon-holder[data-color=grey] {
  color: #c8c8c8 !important
}

body .svg-icon-holder[data-color=white] svg path {
  stroke: #fff
}

body .svg-icon-holder[data-color=black] svg path {
  stroke: #151515
}

body .svg-icon-holder[data-color=grey] svg path {
  stroke: #c8c8c8
}

.nectar-fancy-box[data-style=parallax_hover] .im-icon-wrap path {
  fill: #fff
}

.main-content .svg-icon-holder {
  height: 64px;
  overflow: hidden;
  min-width: 1px;
  margin-bottom: 20px;
  display: inline-block;
  opacity: 0
}

.col.has-animation,
.img-with-aniamtion-wrap .hover-wrap,
.nectar-fancy-box.has-animation,
.nectar_cascading_images .cascading-image .inner-wrap,
.wpb_column.has-animation,
img.img-with-animation {
  opacity: 0;
  position: relative
}

.col.has-animation[data-animation=none]:not(.wpb_column) {
  opacity: 1
}

.wpb_column.has-animation[data-animation*=reveal] {
  opacity: 1
}

img.img-with-animation[data-animation=grow-in].full-opacity {
  opacity: 1
}

.img-with-aniamtion-wrap.mask_shape_blur-gradient>.inner {
  position: relative
}

.img-with-aniamtion-wrap:has(.nectar-object-cover),
.img-with-aniamtion-wrap:has(.nectar-object-cover) * {
  height: 100%
}

html:not(.js) .col.has-animation,
html:not(.js) .wpb_column.has-animation,
html:not(.js) img.img-with-animation {
  opacity: 1
}

.img-with-aniamtion-wrap[data-animation=none] .hover-wrap,
.nectar_cascading_images .cascading-image[data-animation=none] .inner-wrap,
img.img-with-animation[data-animation=none] {
  opacity: 1
}

.col.has-animation[data-animation=zoom-out] {
  transform: translateZ(0) scale(1.2);
  opacity: 0
}

.col.has-animation[data-animation=slight-twist] {
  transform: rotateY(20deg) rotateZ(-4deg);
  opacity: 0
}

.col.has-animation[data-animation=grow-in],
.img-with-aniamtion-wrap[data-animation=grow-in] .hover-wrap,
.nectar-fancy-box.has-animation[data-animation=grow-in],
.wpb_column.has-animation[data-animation=grow-in],
img.img-with-animation[data-animation=grow-in] {
  opacity: 0;
  transform: scale(.75);
  transition: opacity .6s cubic-bezier(.15, .84, .35, 1.25), background-color .35s cubic-bezier(.65, 0, .35, 1);
  -webkit-backface-visibility: hidden
}

.col.has-animation[data-animation=flip-in],
.img-with-aniamtion-wrap[data-animation=flip-in] .hover-wrap,
.nectar-fancy-box.has-animation[data-animation=flip-in],
.wpb_column.has-animation[data-animation=flip-in],
img.img-with-animation[data-animation=flip-in] {
  opacity: 0;
  transform: rotateY(25deg);
  transition: opacity 1s ease, background-color .35s cubic-bezier(.65, 0, .35, 1)
}

.flip-in-vertical-wrap {
  perspective: 2000px
}

.col.has-animation[data-animation=flip-in-vertical],
.img-with-aniamtion-wrap[data-animation=flip-in-vertical] .hover-wrap,
.nectar-fancy-box.has-animation[data-animation=flip-in-vertical],
.wpb_column.has-animation[data-animation=flip-in-vertical],
img.img-with-animation[data-animation=flip-in-vertical] {
  opacity: 0;
  transform: rotateX(-45deg) translateY(120px);
  transition: opacity 1s ease, background-color .35s cubic-bezier(.65, 0, .35, 1)
}

.cascading-image[data-shadow=small_depth] .bg-color,
.cascading-image[data-shadow=small_depth] .img-wrap,
.img-with-aniamtion-wrap[data-shadow=small_depth] .hover-wrap,
.nectar-flickity[data-shadow=small_depth] .cell,
.nectar_video_player_self_hosted[data-shadow=small_depth] .wpb_video_wrapper,
img.img-with-animation[data-shadow=small_depth] {
  box-shadow: rgba(0, 0, 0, .04) 0 1px 0, rgba(0, 0, 0, .05) 0 2px 7px, rgba(0, 0, 0, .06) 0 12px 22px
}

.cascading-image[data-shadow=medium_depth] .bg-color,
.cascading-image[data-shadow=medium_depth] .img-wrap,
.img-with-aniamtion-wrap[data-shadow=medium_depth] .hover-wrap,
.nectar-flickity[data-shadow=medium_depth] .cell,
.nectar_video_player_self_hosted[data-shadow=medium_depth] .wpb_video_wrapper,
img.img-with-animation[data-shadow=medium_depth] {
  box-shadow: 0 30px 80px rgba(0, 0, 0, .14), 0 20px 70px rgba(0, 0, 0, .12)
}

.cascading-image[data-shadow=large_depth] .bg-color,
.cascading-image[data-shadow=large_depth] .img-wrap,
.img-with-aniamtion-wrap[data-shadow=large_depth] .hover-wrap,
.nectar_video_player_self_hosted[data-shadow=large_depth] .wpb_video_wrapper,
img.img-with-animation[data-shadow=large_depth] {
  box-shadow: 0 40px 100px rgba(0, 0, 0, .15), 0 25px 80px rgba(0, 0, 0, .1)
}

.nectar-flickity[data-shadow=large_depth] .cell {
  box-shadow: 0 35px 55px rgba(0, 0, 0, .08), 0 25px 63px rgba(0, 0, 0, .08)
}

.cascading-image[data-shadow=x_large_depth] .bg-color,
.cascading-image[data-shadow=x_large_depth] .img-wrap,
.img-with-aniamtion-wrap[data-shadow=x_large_depth] .hover-wrap,
.nectar-flickity[data-shadow=x_large_depth] .cell,
.nectar_video_player_self_hosted[data-shadow=x_large_depth] .wpb_video_wrapper,
img.img-with-animation[data-shadow=x_large_depth] {
  box-shadow: 0 60px 135px rgba(0, 0, 0, .14), 0 15px 65px rgba(0, 0, 0, .14)
}

.img-with-aniamtion-wrap[data-animation=fade-in-from-left] .hover-wrap,
img.img-with-animation[data-animation=fade-in-from-left] {
  transform: translateX(-20%);
  padding-right: 30px
}

.img-with-aniamtion-wrap[data-animation=fade-in-from-left][data-shadow*="_depth"] .hover-wrap,
img.img-with-animation[data-animation=fade-in-from-left][data-shadow*="_depth"] {
  padding-right: 0
}

.col.has-animation[data-animation=fade-in-from-left],
.nectar-fade-in-from-left,
.nectar-fancy-box.has-animation[data-animation=fade-in-from-left],
.wpb_column.has-animation[data-animation=fade-in-from-left] {
  transform: translateX(-45px)
}

.img-with-aniamtion-wrap[data-animation=fade-in-from-right] .hover-wrap,
img.img-with-animation[data-animation=fade-in-from-right] {
  transform: translateX(20%)
}

.col.has-animation[data-animation=fade-in-from-right],
.nectar-fade-in-from-right,
.nectar-fancy-box.has-animation[data-animation=fade-in-from-right],
.wpb_column.has-animation[data-animation=fade-in-from-right] {
  transform: translateX(45px)
}

.img-with-aniamtion-wrap[data-animation=fade-in-from-bottom] .hover-wrap,
.nectar-fade-in-from-bottom,
img.img-with-animation[data-animation=fade-in-from-bottom] {
  transform: translateY(100px)
}

.wpb_column.has-animation[data-animation=slight-fade-in-from-bottom] {
  transform: translateY(50px)
}

.col.has-animation[data-animation=fade-in-from-bottom],
.nectar-fancy-box.has-animation[data-animation=fade-in-from-bottom],
.wpb_column.has-animation[data-animation=fade-in-from-bottom] {
  transform: translateY(75px)
}

.nectar-fancy-box.has-animation[data-animation=fade-in-from-right],
img.img-with-animation[data-animation=fade-in-from-left],
img.img-with-animation[data-animation=fade-in-from-right] {
  margin: 0 auto
}

.nectar-waypoint-el:not([data-nectar-waypoint-el-stagger]) {
  opacity: 0
}

@media (max-width:999px) {

  .nectar-disable-mobile-animation,
  .nectar-disable-mobile-animation .hover-wrap,
  .nectar-waypoint-el[data-nectar-waypoint-el-mobile-disable=true] {
    transform: none !important;
    opacity: 1 !important
  }
}

.img-with-aniamtion-wrap,
body .wpb_wrapper>.img-with-aniamtion-wrap {
  line-height: 0;
  margin-bottom: 0
}

.img-with-aniamtion-wrap>.inner {
  height: 100%
}

.center img.img-with-animation {
  margin: 0 auto;
  display: block
}

.right.img-with-aniamtion-wrap {
  text-align: right
}

.right.img-with-aniamtion-wrap img {
  display: inline-block
}

.img-with-aniamtion-wrap .color-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 10;
  opacity: 0;
  pointer-events: none
}

.img-with-aniamtion-wrap .hover-wrap {
  overflow: hidden
}

.img-with-aniamtion-wrap .hover-wrap:not([data-hover-animation]),
.img-with-aniamtion-wrap .hover-wrap[data-hover-animation=none] {
  overflow: visible
}

.img-with-aniamtion-wrap[data-shadow*=depth] .hover-wrap,
.img-with-aniamtion-wrap[data-shadow*=depth] .hover-wrap .hover-wrap-inner {
  display: inline-block
}

.img-with-aniamtion-wrap[data-shadow*=depth].center {
  text-align: center
}

.img-with-aniamtion-wrap .hover-wrap .hover-wrap-inner img.img-with-animation {
  opacity: 1;
  transform: none;
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
  margin-bottom: 0
}

.img-with-aniamtion-wrap[data-animation*=reveal-from-] .hover-wrap {
  opacity: 1
}

.column-bg-overlay-wrap[data-bg-animation*=reveal-from-] {
  overflow: hidden;
  opacity: 0
}

.wpb_column.has-animation[data-animation*=reveal]:not([data-animation=mask-reveal]) {
  overflow: hidden
}

.wpb_column.has-animation[data-animation*=reveal] .column-inner-wrap {
  overflow: hidden;
  height: 100%;
  width: 100%
}

img.img-with-animation.nectar-lazy {
  display: block;
  min-height: 1px;
  min-width: 1px
}

.img-with-aniamtion-wrap .hover-wrap .hover-wrap-inner img.img-with-animation.nectar-lazy,
.img-with-aniamtion-wrap img.img-with-animation.nectar-lazy {
  opacity: 0;
  transition: opacity .5s ease
}

.img-with-aniamtion-wrap .hover-wrap .hover-wrap-inner img.img-with-animation.nectar-lazy.loaded,
.img-with-aniamtion-wrap img.img-with-animation.nectar-lazy.loaded {
  opacity: 1
}

.img-with-aniamtion-wrap .hover-wrap {
  margin-bottom: 15px
}

.img-with-aniamtion-wrap[data-shadow] .hover-wrap .img-with-animation {
  box-shadow: none
}

.wpb_column.has-animation[data-animation*=reveal] .column-inner-wrap.no-transform,
.wpb_column.has-animation[data-animation*=reveal] .column-inner-wrap.no-transform .column-inner {
  transform: none
}

@media (min-width:691px) {
  .vc_row-o-equal-height .wpb_column.has-animation[data-animation*=reveal]>.column-inner-wrap {
    flex-grow: 1;
    display: flex;
    flex-direction: column
  }

  .vc_row-o-equal-height.vc_row-o-content-middle .wpb_column.has-animation[data-animation*=reveal]>.column-inner-wrap {
    justify-content: center;
    height: auto
  }

  .vc_row-o-equal-height.vc_row-o-content-bottom .wpb_column.has-animation[data-animation*=reveal]>.column-inner-wrap,
  .vc_row-o-equal-height.vc_row-o-content-bottom .wpb_column.has-animation[data-animation*=reveal]>.column-inner-wrap>.column-inner {
    justify-content: flex-end
  }
}

.wpb_column .column-inner[data-bg-cover=true],
.wpb_column[data-bg-cover=true] {
  background-size: cover;
  background-position: center
}

.vc_ie-flexbox-fixer {
  display: flex;
  flex-direction: column
}

.vc_ie-flexbox-fixer>.vc_row {
  flex: 1 1 auto;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap
}

.grecaptcha-badge {
  z-index: 100
}

blockquote .image-icon[data-shadow=true] {
  box-shadow: 0 15px 37px rgba(0, 0, 0, .15)
}

.span_12.light .flickity-page-dots .dot:before,
.testimonial_slider[data-style=multiple_visible][data-color*="-light"] .flickity-page-dots .dot:before {
  background-color: #fff
}

.col.section-title {
  margin: 0;
  padding: 0 0 36px 0;
  border-bottom: 1px solid rgba(0, 0, 0, .15)
}

.col.section-title.blog-title,
.col.section-title.project-title {
  margin-bottom: 14px
}

.col.section-title h1,
.col.section-title h2 {
  margin-bottom: 0;
  font-weight: 600;
  position: relative
}

.col.section-title h2 {
  margin-bottom: 5px
}

.col.section-title p {
  font-size: 20px;
  line-height: 28px;
  padding-bottom: 0
}

.col.section-title span {
  font-size: 20px;
  line-height: 20px;
  color: rgba(0, 0, 0, .45);
  top: 0;
  position: relative;
  text-transform: none;
  padding-left: 10px
}

.col.section-title span.author-leading,
.col.section-title span.fn {
  padding-left: 0
}

#ajax-content-wrap .col.section-title .nectar-love span {
  line-height: 20px
}

body[data-bg-header=true].archive .container-wrap {
  padding-top: 4.1em !important
}

body[data-bg-header=true] .container-wrap,
html.fp-enabled .container-wrap {
  margin-top: 0 !important;
  padding-top: 0 !important
}

.nectar-recent-post-slide .nectar-recent-post-bg:after {
  background-color: rgba(25, 25, 25, .35);
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  content: ' ';
  z-index: 1;
  display: block
}

.hidden-social-img {
  position: absolute;
  pointer-events: none;
  visibility: hidden;
  display: none;
  opacity: 0;
  z-index: -100
}

.single .heading-title {
  padding-bottom: 35px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 35px
}

.single .section-title {
  padding: 0;
  margin: 0
}

@keyframes down_arrow_bounce {

  0%,
  100%,
  20%,
  50%,
  80% {
    transform: translateY(0)
  }

  40% {
    transform: translateY(-14px)
  }

  60% {
    transform: translateY(-7px)
  }
}

.nectar-scroll-icon-path {
  fill: transparent;
  stroke-width: 2px;
  stroke-dashoffset: 120;
  stroke-dasharray: 120;
  animation: mouse-scroll-btn-roll-out .55s cubic-bezier(.5, .1, .07, 1)
}

.nectar-scroll-icon {
  width: calc(30px * var(--nectar-next-section-icon-size, 1));
  height: calc(45px * var(--nectar-next-section-icon-size, 1));
  text-align: center;
  cursor: pointer;
  position: relative;
  z-index: 100
}

.nectar-next-section-wrap.mouse-wheel .nectar-next-section:after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: calc(30px * var(--nectar-next-section-icon-size, 1));
  height: calc(45px * var(--nectar-next-section-icon-size, 1));
  margin-left: calc(-15px * var(--nectar-next-section-icon-size, 1));
  border: 2px solid rgba(255, 255, 255, .5);
  border-radius: calc(30px * var(--nectar-next-section-icon-size, 1));
  box-sizing: border-box;
  z-index: 62
}

@keyframes mouse-scroll-btn-roll-over {
  0% {
    stroke-dashoffset: 120
  }

  100% {
    stroke-dashoffset: 0
  }
}

@keyframes mouse-scroll-btn-roll-out {
  0% {
    stroke-dashoffset: 0
  }

  100% {
    stroke-dashoffset: -120
  }
}

.nectar-next-section-wrap.mouse-wheel .nectar-next-section:before,
.nectar-next-section-wrap.mouse-wheel[data-custom-color=true] .track-ball {
  position: absolute;
  content: '';
  display: block;
  left: 50%;
  margin-left: calc(-1px * var(--nectar-next-section-icon-size, 1));
  top: calc(22px * var(--nectar-next-section-icon-size, 1));
  background-color: rgba(255, 255, 255, .5);
  width: calc(2px * var(--nectar-next-section-icon-size, 1));
  height: calc(6px * var(--nectar-next-section-icon-size, 1));
  border-radius: 10px;
  transition: background-color .55s cubic-bezier(.5, .1, .07, 1);
  animation: trackBallSlide 2.4s cubic-bezier(0, 0, .725, 1) infinite
}

@keyframes trackBallSlide {
  0% {
    opacity: 1;
    transform: scaleY(1) translateY(-10px)
  }

  45% {
    opacity: 0;
    transform: scaleY(.5) translateY(13px)
  }

  46% {
    opacity: 0;
    transform: scaleY(1) translateY(-10px)
  }

  100%,
  65% {
    opacity: 1;
    transform: scaleY(1) translateY(-10px)
  }
}

@keyframes nudgeMouse {
  0% {
    transform: translateY(0)
  }

  45% {
    transform: translateY(8px)
  }

  100%,
  65% {
    transform: translateY(0)
  }
}

.blog_next_prev_buttons[data-style=fullwidth_next_prev] h3 .next-arrow,
.container-wrap[data-nav-pos=after_project_2] .bottom_controls .next-project h3 .next-arrow,
.container-wrap[data-nav-pos=after_project_2] .bottom_controls .previous-project h3 .next-arrow,
.portfolio-items[data-ps="8"] .next-arrow {
  position: absolute;
  backface-visibility: hidden;
  right: -43px;
  top: 50%;
  margin-top: -15px;
  height: 30px;
  width: 40px;
  display: block;
  transform: translateX(38px)
}

.portfolio-items[data-ps="8"] line {
  stroke-width: 2px;
  stroke-dasharray: 10px;
  stroke-dashoffset: 30px
}

.portfolio-items[data-ps="8"] line {
  stroke: #fff
}

.related-posts .article-content-wrap .excerpt {
  margin-top: 5px
}

body .related-posts[data-style=material] .article-content-wrap {
  padding-bottom: 80px !important
}

.related-posts[data-style=material] .grav-wrap img {
  display: inline-block
}

.related-posts[data-style=material] .grav-wrap .text a {
  display: block;
  font-size: 14px;
  line-height: 20px
}

.nectar-recent-posts-slider_multiple_visible .recent-post-container.container .strong a,
.related-posts[data-style=material] .meta-category a {
  font-size: 14px;
  line-height: 19px;
  position: relative;
  display: inline-block;
  font-weight: 600;
  margin: 0 10px 10px 0
}

.nectar-recent-posts-single_featured .grav-wrap .text a:before,
.related-posts[data-style=material] .meta-category a:before,
[data-style=list_featured_first_row] .meta-category a:before {
  height: 2px;
  width: 100%;
  position: absolute;
  bottom: -3px;
  left: 0;
  content: '';
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .3s cubic-bezier(.25, 0, .4, 1)
}

.related-posts[data-style=material] .grav-wrap .text span {
  font-size: 13px;
  line-height: 18px
}

.nectar-recent-posts-single_featured .grav-wrap .text,
.related-posts[data-style=material] .grav-wrap .text {
  vertical-align: middle;
  display: inline-block;
  line-height: 0
}

.related-posts[data-style=material] .grav-wrap a {
  color: inherit
}

.related-posts[data-style=material] h3 a {
  color: inherit !important
}

.related-posts[data-style=material] .article-content-wrap {
  padding: 10px 30px 30px 30px !important
}

.related-posts[data-style=material] .meta-category {
  padding: 20px 30px 0 30px;
  display: block;
  position: relative;
  z-index: 110
}

body .related-posts[data-style=material] .inner-wrap {
  box-shadow: 0 30px 90px rgba(0, 0, 0, .14);
  border-radius: 5px;
  overflow: hidden
}

.nectar-category-grid[data-style=mouse_follow_image] .nectar-category-grid-item .cat-heading,
.nectar-link-underline a span,
.nectar-link-underline-effect a,
.nectar-underline .post-heading,
.nectar-underline h1,
.nectar-underline h2,
.nectar-underline h3,
.nectar-underline h4,
.nectar-underline h5 {
  background-repeat: no-repeat;
  background-size: 0 2px;
  background-image: linear-gradient(to right, #151515 0, #151515 100%);
  transition: background-size .55s cubic-bezier(.2, .75, .5, 1);
  background-position: left bottom
}

.nectar-underline-target-paragraph .nectar-underline-target-paragraph__target {
  background-repeat: no-repeat;
  background-size: 0 2px;
  background-image: linear-gradient(to right, currentColor 0, currentColor 100%);
  transition: background-size .55s cubic-bezier(.2, .75, .5, 1);
  background-position: left bottom
}

.nectar-link-underline-effect a {
  background-image: linear-gradient(to right, currentColor 0, currentColor 100%);
  background-size: 100% 2px;
  background-position: left 96%
}

@keyframes nectar_ltr_line_animation {
  0% {
    background-size: 100% 2px
  }

  100% {
    background-size: 0 2px
  }
}

@keyframes nectar_ltr_line_animation_start {
  0% {
    background-size: 0 2px
  }

  100% {
    background-size: 100% 2px
  }
}

.nectar-link-underline-effect a.accessed:not(:hover) {
  animation: nectar_ltr_line_animation_start .55s ease forwards
}

.nectar-link-underline-effect a:hover {
  background-position: right 96%;
  animation: nectar_ltr_line_animation .55s ease forwards
}

.nectar-underline .post-heading,
.nectar-underline h1,
.nectar-underline h2,
.nectar-underline h3,
.nectar-underline h4,
.nectar-underline h5,
.nectar-underline-target-paragraph .nectar-underline-target-paragraph__target {
  display: inline
}

.nectar-category-grid[data-style=mouse_follow_image][data-text-color=light]:not([data-text-hover-color=dark]) .nectar-category-grid-item .cat-heading,
.nectar-category-grid[data-style=mouse_follow_image][data-text-hover-color=light] .nectar-category-grid-item .cat-heading,
.nectar-post-grid[data-text-color=light] .nectar-underline .post-heading,
.span_12.light .nectar-link-underline-effect a,
.span_12.light .nectar-underline .post-heading,
.span_12.light .nectar-underline h1,
.span_12.light .nectar-underline h2,
.span_12.light .nectar-underline h3,
.span_12.light .nectar-underline h4,
.span_12.light .nectar-underline h5,
.span_12.light .nectar-underline-target-paragraph .nectar-underline-target-paragraph__target {
  background-image: linear-gradient(to right, #fff 0, #fff 100%)
}

.active-tab .nectar-link-underline a span,
.nectar-category-grid[data-style=mouse_follow_image] .nectar-category-grid-item:hover .cat-heading,
.nectar-link-underline a:hover span,
.nectar-link-underline a[class*=active] span,
.nectar-post-grid-item:hover .nectar-link-underline span,
.nectar-underline-target-paragraph:hover .nectar-underline-target-paragraph__target,
.nectar-underline:hover .post-heading,
.nectar-underline:hover h1,
.nectar-underline:hover h2,
.nectar-underline:hover h3,
.nectar-underline:hover h4,
.nectar-underline:hover h5 {
  background-size: 100% 2px
}

.posts-container article .inner-wrap.animated,
.posts-container[data-load-animation=fade_in] article .inner-wrap.animated {
  opacity: 0;
  transition: opacity .5s ease-out
}

.posts-container[data-load-animation=fade_in_from_bottom] article .inner-wrap {
  transform: translateY(80px)
}

.posts-container[data-load-animation=perspective] {
  perspective: 2000px;
  perspective-origin: 50% 0
}

.posts-container[data-load-animation=perspective] article {
  transform-style: preserve-3d
}

.posts-container[data-load-animation=perspective] article .inner-wrap {
  transform: translateY(450px) rotateX(24deg)
}

.posts-container article .inner-wrap {
  height: 100%
}

.related-posts[data-style=material] .post-featured-img img {
  margin-bottom: 0;
  backface-visibility: hidden;
  transition: all .7s cubic-bezier(.2, 1, .22, 1)
}

nav#pagination ul {
  list-style: none;
  margin: 0;
  padding: 0
}

nav#pagination ul li {
  list-style: none;
  display: inline-block
}

.post-area #pagination {
  padding-left: 95px
}

#ajax-content-wrap .post-area.infinite_scroll #pagination {
  visibility: hidden;
  height: 1px;
  width: 1px;
  margin: 0
}

#pagination {
  position: relative;
  margin-bottom: 10px;
  height: 32px;
  width: 100%
}

#pagination.fw-pagination {
  text-align: center;
  height: auto;
  padding: 10px 0 50px 0;
  margin-bottom: 0
}

#pagination.fw-pagination.alt-style-padding {
  padding: 50px 0
}

#pagination.fw-pagination>div {
  float: none;
  display: inline-block
}

#pagination.infinite_scroll {
  display: none
}

#pagination a:not(.page-numbers),
#pagination span:not(.page-numbers) {
  background-color: #333
}

#pagination .next.inactive,
#pagination .prev.inactive,
#pagination a,
#pagination span,
.container-wrap nav.woocommerce-pagination ul li span,
.woocommerce .container-wrap nav.woocommerce-pagination ul li span,
.woocommerce nav.woocommerce-pagination ul li a {
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  padding: 11px 13px 10px 13px !important;
  background-position: -21px center;
  position: relative;
  text-transform: capitalize;
  color: #fff !important;
  transition: all .45s cubic-bezier(.25, 1, .33, 1);
  border-radius: 2px;
  font-weight: 700
}

.woocommerce nav.woocommerce-pagination ul li {
  overflow: visible
}

.woocommerce nav.woocommerce-pagination ul li a,
body #pagination span.page-numbers.dots,
body #pagination>a,
body nav.woocommerce-pagination ul li span.page-numbers.dots,
nav#pagination>ul a {
  background-color: transparent !important;
  font-size: 12px !important;
  line-height: 14px
}

body #pagination .page-numbers.next,
body #pagination .page-numbers.prev,
body #pagination span.page-numbers.dots,
body #pagination>a,
nav#pagination>ul a {
  color: inherit !important
}

body #pagination>span.page-numbers.current,
body nav.woocommerce-pagination span.page-numbers.current {
  box-shadow: 0 6px 15px rgba(0, 0, 0, .16);
  margin: 0 8px;
  height: 35px;
  width: 35px;
  text-align: center;
  line-height: 14px;
  font-size: 12px !important
}

body #pagination .page-numbers.next,
body #pagination .page-numbers.prev,
body.woocommerce nav.woocommerce-pagination ul li .page-numbers.next,
body.woocommerce nav.woocommerce-pagination ul li .page-numbers.prev {
  width: auto;
  background-color: transparent;
  background-image: none;
  text-indent: 0 !important;
  border: 0
}

body #pagination>span:first-child.page-numbers {
  margin-left: 0 !important
}

#pagination>div {
  float: left;
  margin: 0 5px 0 0
}

#pagination>div:first-child {
  margin-left: 0
}

.woocommerce nav.woocommerce-pagination ul li a:active {
  background-color: #151515
}

#pagination span {
  cursor: default
}

#pagination a,
#pagination span {
  display: inline-block
}

#pagination .next a,
#pagination .next.inactive,
#pagination .page-numbers.next,
#pagination .page-numbers.prev,
#pagination .prev a,
#pagination .prev.inactive,
.woocommerce nav.woocommerce-pagination ul li .page-numbers.next,
.woocommerce nav.woocommerce-pagination ul li .page-numbers.prev {
  text-indent: -9999px;
  height: 32px;
  width: 32px;
  background-repeat: no-repeat !important
}

#pagination a.page-numbers,
#pagination span.page-numbers {
  font-size: 12px;
  line-height: 11px
}

#pagination .next.inactive,
#pagination .prev.inactive {
  background-color: #eae8e5;
  cursor: default !important;
  height: 32px;
  width: 32px;
  margin: 0 5px 0 0
}

#pagination .next a,
#pagination .next.inactive,
#pagination .page-numbers.next,
.woocommerce nav.woocommerce-pagination ul li .page-numbers.next {
  background-image: url(../../img/icons/portfolio-arrows.png);
  background-position: -20px 12px
}

#pagination .page-numbers.prev,
#pagination .prev a,
#pagination .prev.inactive,
.woocommerce nav.woocommerce-pagination ul li .page-numbers.prev {
  background-image: url(../../img/icons/portfolio-arrows.png);
  background-position: 13px 12px
}

@media (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5),
only screen and (min-resolution:144dpi) {

  #pagination .next a,
  #pagination .next.inactive,
  #pagination .page-numbers.next,
  .woocommerce nav.woocommerce-pagination ul li .page-numbers.next {
    background-image: url(../../img/icons/portfolio-arrows-2x.png);
    background-size: 40px 9px
  }

  #pagination .page-numbers.prev,
  #pagination .prev a,
  #pagination .prev.inactive,
  .woocommerce nav.woocommerce-pagination ul li .page-numbers.prev {
    background-image: url(../../img/icons/portfolio-arrows-2x.png);
    background-size: 40px 9px
  }
}

#pagination {
  position: relative;
  margin-bottom: 10px;
  height: 32px;
  width: 100%
}

body .container-wrap.no-shadow {
  box-shadow: none
}

body .lines-button {
  line-height: 0;
  font-size: 0
}

.lines-button {
  transition: .3s;
  cursor: pointer;
  top: 9px;
  position: relative;
  user-select: none;
  display: block
}

.lines-button:hover {
  opacity: 1
}

.lines {
  display: block;
  width: var(--nectar-ocm-icon-width, 1.4rem);
  height: 3px;
  background-color: #ecf0f1;
  transition: .3s;
  position: relative
}

.lines:after,
.lines:before {
  display: block;
  width: var(--nectar-ocm-icon-width, 1.4rem);
  height: 3px;
  background: #ecf0f1;
  transition: .3s;
  position: absolute;
  left: 0;
  content: '';
  transform-origin: .142rem center
}

.lines:before {
  top: 6px
}

.lines:after {
  top: -6px
}

#nectar-ocm-ht-line-check {
  position: absolute;
  visibility: hidden;
  pointer-events: none;
  width: 100%;
  font-size: 36px;
  line-height: 36px;
  font-weight: 700;
  letter-spacing: -1px
}

.main-content>.row>form.post-password-form>p:first-child {
  font-size: 1.5em;
  line-height: 1.5em;
  text-align: center
}

.main-content>.row>form.post-password-form {
  padding: 15% 0;
  max-width: 600px;
  margin: 0 auto
}

.post-password-required form.post-password-form>p:first-child,
.single-portfolio .main-content form.post-password-form>p:first-child {
  font-size: 1.5em;
  line-height: 1.5em;
  text-align: center
}

.post-password-required form.post-password-form,
.single-portfolio .main-content form.post-password-form {
  padding: 5% 0;
  max-width: 600px;
  margin: 0 auto
}

.post-password-form input[type=submit] {
  margin-top: 20px;
  display: block;
  width: 100%;
  text-align: center
}

.post-area .content-inner>.post-tags a {
  background-color: #333;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  line-height: 22px;
  margin: 3px 3px 0 0;
  padding: 5px 7px;
  font-size: 14px !important;
  position: relative;
  text-transform: capitalize;
  transition: all .2s linear;
  border-radius: 2px
}

.single #ajax-content-wrap .post-area .content-inner>.post-tags a {
  font-size: 14px !important;
  text-transform: capitalize
}

body #respond {
  background-color: transparent;
  box-shadow: none;
  padding: 0
}

#respond .comment-notes,
#respond>p,
p.logged-in-as {
  margin-bottom: 10px
}

p.logged-in-as {
  padding-bottom: 0
}

body .comment-list {
  margin-bottom: 40px;
  margin-left: 0
}

.comment-list li {
  list-style: none
}

.comment-list .comment>div,
.comment-list .pingback>div {
  background-color: #fff;
  margin: 0;
  overflow: hidden;
  padding: 25px;
  margin-top: 2em;
  position: relative;
  padding-left: 116px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .17)
}

.comment-list .children {
  margin-left: 0;
  padding-left: 40px;
  border-left: 1px solid #ddd
}

body:not(.material) .comment-list .children {
  margin-left: 0;
  padding-left: 40px;
  border-left: 1px solid #ddd;
  background-repeat: no-repeat;
  background-position: left 20px;
  background-image: url(../../img/icons/comment-children-line.jpg)
}

.comment-list .comment>div img.avatar,
.comment-list .pingback>div img.avatar {
  position: absolute;
  left: 29px;
  top: 29px;
  width: 60px;
  height: 60px
}

.comment-list .reply {
  position: absolute;
  top: 29px;
  right: 29px
}

.comment-list .reply a {
  color: #fff;
  cursor: pointer;
  padding: 3px 7px;
  font-size: 11px;
  transition: all .2s linear 0s;
  width: auto;
  border-radius: 2px;
  background-color: #333
}

.comment-list .comment-author,
.comment-list .pingback .comment-body>a {
  color: #333;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.5
}

.comment-list .pingback .comment-body>a {
  display: block
}

body.material .comment-list .pingback .comment-body {
  padding-left: 0
}

.comment-list .comment-meta {
  font-size: 11px;
  line-height: 15px
}

.comment-list .comment-meta a {
  color: #888
}

.comment-list .comment>div p,
.comment-list .pingback>div p {
  padding-bottom: 0;
  margin-top: 10px
}

.comment-list .comment #commentform .form-submit {
  margin-top: 0
}

#respond #cancel-comment-reply-link,
#respond h3 .cancel-comment-reply {
  display: inline-block;
  margin-left: 10px;
  padding-left: 10px;
  position: relative;
  border-left: 1px solid #ddd
}

#respond h3,
h3#comments {
  font-weight: 600;
  text-transform: none
}

.comment-author a {
  color: inherit
}

body:not(.original) .bypostauthor>.comment-body>.comment-author>img.avatar {
  border: 3px solid #151515;
  padding: 3px
}

body.material .comment-list .comment .bypostauthor>.comment-body>.comment-author>img.avatar {
  border: 2px solid #151515;
  padding: 2px
}

body[data-responsive] .nectar-stretch-button {
  width: 100%
}

body[data-responsive] .nectar-white-button,
body[data-responsive] .nectar-white-button:focus,
body[data-responsive] .nectar-white-button:hover {
  color: #151515 !important;
  background-color: var(--nectar-font-light-color, #fff) !important
}

input[type=date],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
textarea {
  transition: all .2s ease
}

input:focus,
select:focus,
textarea:focus {
  outline: 0
}

/* button[type=submit],
input[type=button],
input[type=submit] {
  background-color: #333;
  padding: 7px 11px;
  border: none;
  color: #fff;
  cursor: pointer;
  transition: all .45s cubic-bezier(.25, 1, .33, 1);
  width: auto;
  font-weight: 600;
  font-size: 14px;
  border-radius: 2px
} */

button[type=submit]:hover,
input[type=button]:hover,
input[type=submit]:hover {
  background-color: #151515
}

body[data-form-submit=regular] .container-wrap button[type=submit],
body[data-form-submit=regular] .container-wrap input[type=submit] {
  padding: 15px 22px !important
}

textarea {
  max-width: 100%
}

body .gform_wrapper .description,
body .gform_wrapper .gfield_description,
body .gform_wrapper .gsection_description,
body .gform_wrapper .instruction {
  font-size: 12px
}

body .gform_wrapper div.charleft {
  font-size: 10px
}

body .gform_wrapper .top_label .gfield_label {
  margin-top: 20px;
  margin-bottom: 6px;
  font-weight: 700
}

.light form label {
  color: var(--nectar-font-light-color, #fff)
}

[data-color-change-section-bg-color]:not(.container-wrap) .light form label {
  color: var(--nectar-page-light-text-color, var(--nectar-font-light-color, #fff))
}

form label span {
  color: inherit
}

.single-product .product[data-gallery-style=left_thumb_sticky][data-gallery-variant=fullwidth] .single-product-wrap {
  margin-left: -50vw;
  margin-left: calc(-50vw + var(--scroll-bar-w)/ 2);
  left: 50%;
  width: 100vw;
  width: calc(100vw - var(--scroll-bar-w))
}

.nectar-video-wrap .nectar-video-inner,
.vc_column-inner>.nectar-video-wrap {
  height: 100%
}

.post-area.span_9 .nectar-slider-wrap[data-full-width=true],
body .post-area.span_9 .wpb_row.parallax_section .row-bg-wrap {
  margin-left: 0;
  left: 0;
  width: 100%
}

.wpb_row .column-image-bg-wrap,
.wpb_row .column-image-bg-wrap .column-image-bg,
.wpb_row .column-image-bg-wrap .inner-wrap {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0
}

:root .column-image-bg-wrap .column-image-bg,
.column-bg-overlay-wrap .column-bg-overlay {
  transform: translateZ(0)
}

.wpb_column .column-inner[data-bg-cover=true] .column-image-bg,
.wpb_column[data-bg-cover=true] .column-image-bg {
  background-size: cover;
  background-position: center
}

body .wpb_row .column-image-bg-wrap {
  z-index: -1;
  overflow: hidden
}

[class*=" iconsmind-"],
[class^=iconsmind-] {
  visibility: hidden
}

@font-face {
  font-family: icomoon;
  src: url(./fonts/icomoon.eot?v=1.7);
  src: url(./fonts/icomoon.eot?#iefix&v=1.7) format('embedded-opentype'), url(./fonts/icomoon.woff?v=1.7) format('woff'), url(./fonts/icomoon.ttf?v=1.7) format('truetype'), url(./fonts/icomoon.svg#icomoon?v=1.7) format('svg');
  font-weight: 400;
  font-display: block;
  font-style: normal
}

.ascend .mfp-iframe-holder .mfp-close,
.ascend .mfp-image-holder .mfp-close,
.fa.fa-angle-down,
.fa.fa-angle-left,
.fa.fa-angle-right,
.fa.fa-angle-up,
.fa.fa-facebook,
.fa.fa-linkedin,
.fa.fa-minus-sign,
.fa.fa-ok-sign,
.fa.fa-pinterest,
.fa.fa-plus-sign,
.fa.fa-twitter,
.icon-be,
.icon-button-arrow,
.icon-salient-apple-music,
.icon-salient-artstation,
.icon-salient-back-to-all,
.icon-salient-cart,
.icon-salient-check,
.icon-salient-discord,
.icon-salient-facebook,
.icon-salient-facebook-messenger,
.icon-salient-heart,
.icon-salient-heart-2,
.icon-salient-houzz,
.icon-salient-left-arrow,
.icon-salient-left-arrow-thin,
.icon-salient-m-clock,
.icon-salient-m-close,
.icon-salient-m-eye,
.icon-salient-m-social-alt,
.icon-salient-m-user,
.icon-salient-mastodon,
.icon-salient-medium,
.icon-salient-patreon,
.icon-salient-pencil,
.icon-salient-pinterest,
.icon-salient-plus,
.icon-salient-right-arrow,
.icon-salient-right-arrow-thin,
.icon-salient-right-line,
.icon-salient-search,
.icon-salient-spotify,
.icon-salient-thin-line,
.icon-salient-threads,
.icon-salient-tiktok,
.icon-salient-trustpilot,
.icon-salient-twitch,
.icon-salient-twitter,
.icon-salient-woo-zoom-icon,
.icon-salient-x,
.icon-salient-x-twitter,
.icon-soundcloud,
.icon-vimeo,
.material .comment-list .reply a:before,
.mejs-controls .mejs-button button,
.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close,
.salient-page-submenu-icon,
.video-play-button,
i.fa.fa-houzz {
  font-family: icomoon !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
}

body .lines,
body .lines:after,
body .lines:before {
  height: 2px
}

.icon-salient-search:before {
  content: "\e036"
}

#ajax-content-wrap .nectar-social.fixed>a>i,
body .nectar-social.fixed>a>i,
body .nectar-social.hover .share-btn>i {
  font-family: icomoon !important
}

#ajax-content-wrap .nectar-social.fixed>a>i:before,
body .nectar-social.fixed>a>i:before,
body .nectar-social.hover .share-btn>i:before {
  content: "\e90e"
}

body .icon-salient-x:before {
  content: "\e117"
}

body .icon-salient-cart:before,
body.ascend .icon-salient-cart:before {
  content: "\e910"
}

.icon-salient-heart-2:before {
  content: "\e024" !important
}

body #single-below-header.fullscreen-header .steadysets-icon-book2,
body #single-below-header.fullscreen-header .steadysets-icon-chat-3,
body .steadysets-icon-chat-3 {
  font-family: icomoon !important;
  font-size: 20px
}

body .steadysets-icon-chat-3:before {
  content: "\e076"
}

body .steadysets-icon-book2:before {
  font-family: icomoon !important;
  content: "\e034"
}



html.vc_mobile .col.has-animation[data-animation=fade-in-from-bottom],
html.vc_mobile .nectar-fancy-box.has-animation[data-animation=fade-in-from-bottom],
html.vc_mobile .wpb_column.has-animation[data-animation=fade-in-from-bottom] {
  transform: translateY(0);
}

html.vc_mobile .col.has-animation,
html.vc_mobile .img-with-aniamtion-wrap .hover-wrap,
html.vc_mobile .nectar-fancy-box.has-animation,
html.vc_mobile .nectar_cascading_images .cascading-image .inner-wrap,
html.vc_mobile .wpb_column.has-animation,
html.vc_mobile img.img-with-animation {
  opacity: 1;
  transform: none;
}

html.vc_mobile .nectar-split-heading[data-animation-type="line-reveal-by-space"]>*>span {
  overflow: visible !important;
}

html.vc_mobile .nectar-split-heading[data-animation-type="line-reveal-by-space"][data-stagger="true"]:not([data-text-effect*="letter-reveal"]) span .inner {
  transition: none !important;
}

html.vc_mobile .nectar-split-heading[data-animation-type="line-reveal-by-space"] span .inner {
  -webkit-transform: translateY(0) !important;
  transform: translateY(0) !important;
}






/************************************/
/*             #Header              */
/************************************/

#Header {
  position: sticky;
  z-index: 1000;
  color: rgb(var(--rgb-text-main));
  transition: top 0.4s;
  top: -80px;
}

#Header.white {
  color: #fff;
}

body.is-navi-opened #Header,
html.vc_desktop #Header:hover {
  color: rgb(var(--rgb-text-main));
}

#Header::before {
  content: "";
  display: block;
  position: absolute;
  inset: 0 0 auto;
  height: 100%;
  transition: .4s ease;
  transform: translateY(-101%);
  background-color: #fff;
  opacity: 0;
}

body.is-navi-opened #Header::before,
html.vc_desktop #Header:hover::before {
  transform: translateY(0);
  opacity: 1;
}


#Header.cta-button:after {
  border-color: #151515;
}

#HeaderDimmed {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 900;
  background: #000c;
}

#HeaderMain {
  position: relative;
}

#HeaderMain .container {
  display: flex;
  position: static;
  height: 80px;
}

#HeaderMain .cta-button,
#HeaderMain .cta-button.type2 {
  width: 100%;
  min-width: 0;
  font-size: 16px;
  min-width: 100%;
  min-width: 100%;
  height: 50px;
  line-height: 52px;
}

#HeaderMain .cta-button .masker span,
#HeaderMain .cta-button.type2 .masker span {
  height: 50px;
  line-height: 52px;
}

#HeaderMain .cta-button .text,
#HeaderMain .cta-button.type2 .text {
  font-size: 16px;
}

#HeaderMain .cta-button .masker:after,
#HeaderMain .cta-button.type2 .masker:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid #151515;
  content: '';
}

#HeaderMain .logo {
  display: flex;
  align-items: center;
  width: 200px;
  margin-right: 100px;
}

#HeaderMain .logo a {
  display: block;
}

#Header .logo img {
  width: 100%;
  vertical-align: middle;
}

html.vc_mobile #Header.white .logo img,
body:not(.is-navi-opened) #Header.white:not(:hover) .logo img {
  filter: saturate(0) brightness(3.5);
}

#HeaderMain .main-navigation {
  margin: 0 auto 0 0;
}

#HeaderMain .depth1 {
  float: left;
  margin-left: 40px;
}

#HeaderMain .depth1:first-child {
  margin-left: 0;
}

#HeaderMain .depth1.is-active .depth1-link {
  color: rgb(var(--rgb-blue-main));
  text-decoration: underline;
  text-underline-offset: 0.3em;
  text-decoration-thickness: 1px;
}

#HeaderMain .depth1.is-seleted .depth1-link {
  color: rgb(var(--rgb-blue-main));
  text-decoration: underline;
  text-underline-offset: 0.3em;
  text-decoration-thickness: 1px;
}

#HeaderMain .depth2-layer__menu .depth2-link.active a {
  text-decoration: underline;
  text-underline-offset: 0.4em;
  text-decoration-thickness: 1px;
}

#HeaderMain .depth1-link {
  display: flex;
  align-items: center;
  height: 80px;
  font-size: var(--font-size-m);
  font-weight: 550;
  transition: color .4s;
}

#HeaderMain .depth1-link:hover,
#HeaderMain .depth1-link:focus {
  color: rgb(var(--rgb-blue-main));
}

#HeaderMain .depth2-layer {
  display: none;
  overflow-y: auto;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 20;
  border-top: 1px solid #0001;
  background-color: #f1f1f1;
}

#HeaderMain .depth2-layer::-webkit-scrollbar {
  width: 4px;
  background-color: #111;
}

#HeaderMain .depth2-layer::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background: rgb(var(--rgb-blue-main));
  transition: all 0.3s;
}

#HeaderMain .depth2-layer::-webkit-scrollbar-thumb:hover {
  background: rgb(var(--rgb-blue-dark));
}

#HeaderMain .depth2-layer::-webkit-scrollbar-track {
  background-color: rgb(var(--rgb-background1));
}

#HeaderMain .depth2-layer__inner {
  display: table;
  margin: 0 auto;
  padding: 0 var(--container-padding-inline);
  width: calc(var(--container-padding-inline) * 2 + var(--container-width));
}

#HeaderMain .depth2-layer__info {
  display: table-cell;
  width: 15%;
  padding: 60px 40px 140px 0;
  border-right: 1px solid #0001;
  vertical-align: top;
}

#HeaderMain .depth2-layer__info .info-title {
  margin-top: -7px;
  margin-bottom: 10px;
  font-size: 30px;
  letter-spacing: -0.035em;
}

#HeaderMain .depth2-layer__info .info-title strong {
  font-weight: 550;
}

#HeaderMain .depth2-layer__info .info-desc p {
  font-size: var(--font-size);
  line-height: 1.4;
  opacity: 0.75;
}

#HeaderMain .depth2-layer__info .menu-logo {
  height: 22px;
  margin: 65px 0 -65px;
}

#HeaderMain .depth2-layer__info .menu-logo img {
  height: 100%;
  width: auto;
}

#HeaderMain .depth2-layer__menu {
  display: table-cell;
  vertical-align: top;
  padding: 60px;
}

#HeaderMain .depth2-layer__menu-inner {
  --default-column: 175px;
  --gap: 32px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(var(--default-column), 1fr));
  gap: var(--gap);
}
#HeaderMain .depth2-layer__menu-inner:has(.depth2 .depth2-link img) {
  grid-template-columns: repeat(auto-fit, minmax(var(--default-column), 1fr));
}

#HeaderMain .depth2-layer__menu-inner+.depth2-layer__menu-inner {
  margin-top: 60px;
}

#HeaderMain .depth2-layer__menu .depth2 {
  display: block;
  /* max-width: 180px; */
  /* min-width: 160px; */
}

#HeaderMain .depth2-layer__menu .depth2:has(>ul) {
  border-right: 1px solid #0001;
  padding-right: 40px;
}

#HeaderMain .depth2-layer__menu .depth2:last-child {
  padding-right: 0;
  border-right: 0;
}

#HeaderMain .depth2-layer__menu .depth2-name:has(~ul) {
  margin-bottom: 12px;
}

#HeaderMain .depth2-layer__menu .depth2-link {
  position: relative;
  transition: color .4s;
}

#HeaderMain .depth2-layer__menu .depth2-link.active {
  color: rgb(var(--rgb-blue-main));
}

#HeaderMain .depth2-layer__menu .depth2-link a {
  display: block;
  position: relative;
  font-weight: 550;
  overflow: hidden;
}

#HeaderMain .depth2-layer__menu .depth2-link a:not(:has(>img)) {
  font-size: var(--font-size-m);
}

#HeaderMain .depth2-layer__menu .depth2-link a img {
  display: block;
  margin: 0 0 .6em;
  width: 100%;
  border-radius: var(--border-radius);
  aspect-ratio: 2 / 1;
  object-fit: cover;
}

#HeaderMain .depth2-layer__menu .depth2-link a:hover img {
  filter: brightness(1.1);
}

#HeaderMain .depth2-layer__menu .depth2-link a span {
  position: relative;
  display: inline-block;
}

#HeaderMain .depth2-layer__menu .depth2-link a span::before {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 0;
  height: 1px;
  background: currentColor;
  transition: all .4s;
  content: '';
}

#HeaderMain .depth2-layer__menu .depth2-link a:hover span::before,
#HeaderMain .depth2-layer__menu .depth2-link a:focus span::before {
  width: 100%;
}



#HeaderMain .depth2-layer__menu .depth2-link h6 {
  margin: 4px 0 0;
  color: rgb(var(--rgb-text-sub));
  font-size: var(--font-size-s);
  font-weight: 420;
}

.d-day-before {
  --color: var(--rgb-orange-main);
}

.d-day-progress {
  --color: var(--rgb-red-main);
}

.d-day-ended {
  --color: 119, 119, 119;
}

.d-day-error {
  display: none;
}

#HeaderMain .depth2-layer__menu .depth2-link .d-day {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -0.75em;
  right: -0.75em;
  margin: 0;
  padding: 0;
  width: 4em;
  height: 3em;
  color: rgb(var(--rgb-text-white));
  font-size: var(--font-size-s);
  font-weight: 600;
  text-align: center;
  border-radius: var(--border-radius-pill);
  background-color: rgb(var(--color));
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}




#HeaderMain .depth2-layer__menu .depth3 {
  font-size: 16px;
  color: #000c;
  /* padding-right: 40px; */
}

#HeaderMain .depth2-layer__menu .depth3.is-selected a {
  color: rgb(var(--rgb-blue-main));
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 0.3em;
  text-decoration-thickness: 1px;
}

#HeaderMain .depth2-layer__menu .depth3 a {
  display: inline-block;
  padding: 7px 0 6px;
  transition: color .4s;
}

#HeaderMain .depth2-layer__menu .depth3 a:hover,
#HeaderMain .depth2-layer__menu .depth3 a:focus {
  /* color: #000; */
}

#HeaderMain .depth2-layer__menu .depth3 a:hover:after,
#HeaderMain .depth2-layer__menu .depth3 a:focus:after {
  opacity: 1;
  transition: opacity .4s;
}

#HeaderMain .depth2-layer__bottom {
  height: 60px;
  border-top: 1px solid #0001;
}

#HeaderMain .depth2-layer__bottom .info-link {
  max-width: 1920px;
  margin: 0 auto;
  padding: 0 var(--container-outside);
  height: 100%;
}

#HeaderMain .depth2-layer__bottom .info-link-inner {
  padding-left: calc((100% - var(--container-outside) * 2) * 0.15 + 60px + 60px);
  height: 100%;
}

#HeaderMain .depth2-layer__bottom .btn-wrap {
  display: inline-block;
  height: 100%;
  margin-left: 57px;
}

#HeaderMain .depth2-layer__bottom .btn-wrap:first-child {
  margin-left: 0;
}

#HeaderMain .depth2-layer__bottom .btn-wrap:after {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  content: '';
}

#HeaderMain .util-navigaiton {
  position: relative;
  display: flex;
  align-items: center;
  gap: 32px;
  margin: 0 0 0 auto;
  z-index: 9999;
}

#HeaderMain .private-navigation {}

#HeaderMain .private-navigation .depth1-wrap {
  display: flex;
  gap: 20px;
}

#HeaderMain .private-navigation .depth1 {
  margin: 0;
}

#HeaderMain .private-navigation .depth1-link {
  display: flex;
  height: auto;
}

#HeaderMain .private-navigation .depth1-icon {
  display: block;
  font-size: 22px;
}

#HeaderMain .util-sitemap {
  display: none;
}

#HeaderMain .util-sitemap .btn-toggle,
#HeaderMain .util-mobile-menu .btn-toggle {
  display: block;
  position: relative;
  width: 40px;
  height: 40px;
}

#HeaderMain .util-sitemap .btn-toggle .line,
#HeaderMain .util-mobile-menu .btn-toggle .line {
  position: absolute;
  left: 50%;
  width: 20px;
  height: 2px;
  margin-left: -10px;
  background: currentColor;
  transition: all 0.3s;
}

#HeaderMain .util-sitemap .btn-toggle .line:nth-child(1),
#HeaderMain .util-mobile-menu .btn-toggle .line:nth-child(1) {
  top: 13px;
}

#HeaderMain .util-sitemap .btn-toggle .line:nth-child(2),
#HeaderMain .util-mobile-menu .btn-toggle .line:nth-child(2) {
  display: none;
  top: 17px;
}

#HeaderMain .util-sitemap .btn-toggle .line:nth-child(3),
#HeaderMain .util-mobile-menu .btn-toggle .line:nth-child(3) {
  top: 24px;
}

#HeaderMain .util-sitemap.is-opened .sitemap-layer {
  visibility: visible;
  background-color: #111;
  opacity: 1;
  transform: translateY(0);
  transition: all .3s;
}

#HeaderMain .util-sitemap.is-opened .btn-toggle {
  z-index: 1000;
}

#HeaderMain .util-sitemap.is-opened .btn-toggle:before {
  display: none;
}

#HeaderMain .util-sitemap.is-opened .btn-toggle .line {
  transition: all 0.3s;
}

#HeaderMain .util-sitemap.is-opened .btn-toggle .line:nth-child(1) {
  top: 13px;
  transform: rotate(45deg);
}

#HeaderMain .util-sitemap.is-opened .btn-toggle .line:nth-child(2) {
  display: none;
}

#HeaderMain .util-sitemap.is-opened .btn-toggle .line:nth-child(3) {
  top: 13px;
  transform: rotate(-45deg);
}

#HeaderMain .util-sitemap .sitemap-layer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: auto;
  z-index: 999;
  visibility: hidden;
  opacity: 0;
  transform: translateY(-100%);
}

#HeaderMain .util-sitemap .sitemap-layer-inner {
  max-width: 1920px;
  margin: 0 auto;
  padding: 0 140px;
  min-height: calc(100% - 91px);
  padding: 30px 280px;

}

#HeaderMain .util-sitemap .sitemap-logo {
  text-align: center;
}

#HeaderMain .util-sitemap .sitemap-logo .logo-img {
  display: inline-block;
  width: 170px;

}

#HeaderMain .util-sitemap .sitemap-logo .logo-img img {
  width: 100%;
}

#HeaderMain .util-sitemap .cm-input-text.has-text:after,
#HeaderMain .util-sitemap .cm-input-text.has-focus:after {
  display: none;
}

#HeaderMain .util-sitemap .sitemap {
  margin-top: 75px;
}

#HeaderMain .util-sitemap .sitemap .link-container {
  display: inline-block;
  width: 25.735%;
  margin-bottom: 67px;

  padding-right: 110px;

  vertical-align: top;
}

#HeaderMain .util-sitemap .sitemap .link-container:nth-child(4n) {
  width: 22.795%;
}

#HeaderMain .util-sitemap .sitemap .link-title {
  display: block;
  margin-bottom: 15px;

  font-weight: normal;
  font-size: 24px;

  color: #fff;
}

#HeaderMain .util-sitemap .sitemap .link-title a {
  transition: color 0.4s;
  color: #fff;
}

#HeaderMain .util-sitemap .sitemap .link-title a:hover,
#HeaderMain .util-sitemap .sitemap .link-title a:focus {
  color: #fff;
}

#HeaderMain .util-sitemap .sitemap li {
  margin-top: 12px;

}

#HeaderMain .util-sitemap .sitemap li a {
  display: inline-block;
  font-size: 16px;

  color: #bbb;
  line-height: 1.5;
  transition: color .4s;
}

#HeaderMain .util-sitemap .sitemap li a:hover,
#HeaderMain .util-sitemap .sitemap li a:focus {
  color: #fff;
}

#HeaderMain .util-sitemap .sitemap-bottom {
  max-width: 1920px;
  margin: 0 auto;
  padding: 0 140px;

  padding: 0 280px;

}

#HeaderMain .util-sitemap .sitemap-bottom-inner {
  min-height: 89px;

  border-top: 1px solid #1e1e1e;
}

#HeaderMain .util-sitemap .sitemap-bottom-inner:before,
#HeaderMain .util-sitemap .sitemap-bottom-inner:after {
  content: '';
  display: block;
  clear: both;
}

#HeaderMain .util-sitemap .disclaimer-link {
  float: left;
  width: calc(100% - 160px);
  margin-top: 36px;
  padding-right: 40px;
}

#HeaderMain .util-sitemap .disclaimer-link .link-list {
  margin-left: -50px;

}

#HeaderMain .util-sitemap .disclaimer-link li {
  display: inline-block;
  margin-left: 50px;

  margin-bottom: 20px;

}

#HeaderMain .util-sitemap .disclaimer-link li .cm-btn-text {
  display: block;
  font-size: 15px;

  color: #bbb;
  transition: color .4s, background-image .4s;
}

#HeaderMain .util-sitemap .disclaimer-link li .cm-btn-text:hover,
#HeaderMain .util-sitemap .disclaimer-link li .cm-btn-text:active {
  color: #fff;
}

#HeaderMain .util-sitemap .disclaimer-link .type-newwindow:before,
#HeaderMain .util-sitemap .disclaimer-link .type-worldwide:before {
  opacity: .8;
}

#HeaderMain .util-sitemap .disclaimer-link .type-newwindow:hover:before,
#HeaderMain .util-sitemap .disclaimer-link .type-newwindow:focus:before,
#HeaderMain .util-sitemap .disclaimer-link .type-worldwide:hover:before,
#HeaderMain .util-sitemap .disclaimer-link .type-worldwide:focus:before {
  opacity: 1;
  transition: opacity .4s;
}

#HeaderMain .util-sitemap .language-link {
  float: right;
  margin-top: 26px;

}

#HeaderMain .util-sitemap .language-link .link-list {
  width: 160px;

}

#HeaderMain .util-sitemap .language-link li {
  display: inline-block;
  width: 50%;
  background: #222;
  text-align: center;
}

#HeaderMain .util-sitemap .language-link li.is-active {
  background: #fff;
}

#HeaderMain .util-sitemap .language-link li.is-active a {
  color: #151515;
}

#HeaderMain .util-sitemap .language-link li:nth-child(1) {
  border-radius: 3px 0 0 3px;
}

#HeaderMain .util-sitemap .language-link li:nth-child(2) {
  border-radius: 0 3px 3px 0;
}

#HeaderMain .util-sitemap .language-link li a {
  display: block;
  overflow: hidden;
  height: 36px;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  text-transform: uppercase;
  line-height: 38px;
}

#HeaderMain .util-mobile-menu {
  display: none;
}

#HeaderMain .util-mobile-menu .mobile-menu-layer {
  position: fixed;
  top: 0;
  right: 0;
  padding: 0 0 30px;
  width: clamp(300px, 70vw, 480px);
  height: 100%;
  color: rgba(var(--rgb-text-main));
  font-weight: 550;
  background: #fff;
  overflow-y: scroll;
  transition: .3s;
  transform: translateX(100%);
}

html.js-side-open #HeaderMain .util-mobile-menu .mobile-menu-layer {
  transform: translateX(0%);
}

#HeaderMain .util-mobile-menu .mobile-menu-layer .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 70px;
  padding: 20px 12px 0;
  margin-bottom: 20px;
}

#HeaderMain .util-mobile-menu .mobile-menu-layer .top img {
  width: 200px;
  height: auto;
}

#HeaderMain .util-mobile-menu .mobile-menu-layer .top button {
  display: block;
  width: 40px;
  height: 40px;
  color: #000;
  font-size: 20px;
}

#HeaderMain .util-mobile-menu .mobile-menu-layer .menu-wrap {}

#HeaderMain .util-mobile-menu .mobile-menu-layer>.menu-wrap:nth-of-type(2)>button {
  border-top: 1px solid rgb(var(--rgb-border));
}

#HeaderMain .util-mobile-menu .mobile-menu-layer .menu-wrap>button {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 16px 20px;
  width: 100%;
  font-size: var(--font-size-m);
  font-weight: 700;
  border-bottom: 1px solid rgb(var(--rgb-border));
  transition: .3s;
}

#HeaderMain .util-mobile-menu .mobile-menu-layer .menu-wrap>button.open {
  color: #fff;
  border-color: rgb(var(--rgb-blue-main));
  background-color: rgb(var(--rgb-blue-main));
}


#HeaderMain .util-mobile-menu .mobile-menu-layer .menu-wrap>ul {
  padding: 16px 16px 20px;
  border-bottom: 1px solid rgb(var(--rgb-border));
}

#HeaderMain .util-mobile-menu .mobile-menu-layer .menu-wrap>ul>li a,
#HeaderMain .util-mobile-menu .mobile-menu-layer .menu-wrap>ul>li button {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 8px 16px;
  border-bottom: 1px solid transparent;
}
#HeaderMain .util-mobile-menu .mobile-menu-layer .menu-wrap>ul>li button.open {
  font-weight: 700;
  border-color: #151515;
}

html.js-side-open {
  overflow: hidden;
}


.mobile-side-background {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100lvh;
  background-color: rgba(0, 0, 0, 0.7);
  backdrop-filter: var(--backdrop-blur);
  transition: opacity 400ms ease 0ms;
  opacity: 1;
  z-index: 1001;
}
html.js-side-open .mobile-side-background {
  display: block;
}


#HeaderMain .util-mobile-menu .mobile-menu-layer .menu-wrap ul li .depth-3 {
  padding: 16px;
  border-bottom: 1px solid #151515;
  background: rgba(var(--rgb-blue-main), .1);
}

#HeaderMain .util-mobile-menu .mobile-menu-layer .menu-wrap ul li .depth-3>li a {
  display: block;
  width: 100%;
  padding: 8px 16px;
}

#HeaderMain .util-mobile-menu .mobile-menu-layer .menu-wrap ul li .depth-3>li a.select {
  font-weight: 700;
}

#HeaderMain .util-mobile-menu .mobile-menu-layer .menu-wrap ul li a.select {
  font-weight: 700;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 0.25em;
}

#HeaderMain .util-mobile-menu .mobile-menu-layer .sns-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 20px;
}
#HeaderMain .util-mobile-menu .mobile-menu-layer .sns-wrap #HeaderFamily ul {
  right: -50px;
  top: auto;
  bottom: calc(100% + 12px);
}

#HeaderMain .util-mobile-menu .mobile-menu-layer .sns-wrap #HeaderFamily {
  display: flex;
  justify-content: end;
}

#HeaderMain .util-mobile-menu .mobile-menu-layer .sns-wrap #HeaderFamily button {
  border: 1px solid #ccc;
}

#HeaderMain .util-mobile-menu .mobile-menu-layer .sns-wrap #HeaderFamily ul {
  right: 0;
  left: auto;
  min-width: 200px;
}

#HeaderMain .util-mobile-menu .mobile-menu-layer .sns-wrap .private-navigation .depth1-wrap {
  justify-content: center;
}


#HeaderSub {
  position: relative;
  background-color: #151515;
}

.site-navi-bar__sub-inner {
  position: relative;
  display: flex;
  /* max-width: 1920px; */
  margin: 0 auto;
  padding: 0 var(--container-outside);
  height: 60px;
  overflow-y: hidden;
  overflow-x: auto;
}

.site-navi-bar__sub-inner .sub-menu-wrap__inner {
  position: relative;
  width: 100%;
  height: 100%;
}

.site-navi-bar__sub-inner .sub-menu-wrap__inner .swiper-container {
  position: static;
}

.site-navi-bar__sub-inner .sub-menu-wrap__inner .swiper-container.swiper-no-swiping .swiper-button-prev,
.site-navi-bar__sub-inner .sub-menu-wrap__inner .swiper-container.swiper-no-swiping .swiper-button-next {
  display: none;
}

.site-navi-bar__sub-inner .sub-menu-wrap__inner .swiper-wrapper {
  width: auto;
}

.site-navi-bar__sub-inner .sub-menu-wrap__inner .swiper-container-autoheight,
.site-navi-bar__sub-inner .sub-menu-wrap__inner .swiper-container-autoheight .swiper-slide,
.site-navi-bar__sub-inner .sub-menu-wrap__inner .slide-inner {
  height: 100%;
}

.site-navi-bar__sub-inner .sub-menu-wrap__inner .swiper-slide {
  width: auto;
  height: 100%;
  margin-left: 40px;
}

.site-navi-bar__sub-inner .sub-menu-wrap__inner .swiper-slide:first-child {
  margin-left: 0;
}

.site-navi-bar__sub-inner .sub-menu-wrap__inner .swiper-slide.is-selected .site-navi-bar__item {
  border-color: #151515;
}

.site-navi-bar__sub-inner .sub-menu-wrap__inner .swiper-slide.is-selected .site-navi-bar__item a {
  color: #151515;
}

.site-navi-bar__sub-inner .sub-menu-wrap__inner .swiper-button-prev,
.site-navi-bar__sub-inner .sub-menu-wrap__inner .swiper-button-next {
  display: none;
  top: 0;
  bottom: 0;
  margin: 0;
  width: 0;
}

.site-navi-bar__sub-inner .sub-menu-wrap__inner .swiper-button-prev button,
.site-navi-bar__sub-inner .sub-menu-wrap__inner .swiper-button-next button {
  width: 60px;
  height: 60px;

  margin: auto;
  text-align: right;
  background: linear-gradient(to right, #151515 0%, rgba(21, 21, 21, 0) 100%);
}

.site-navi-bar__sub-inner .sub-menu-wrap__inner .swiper-button-prev {
  left: 0;
}

.site-navi-bar__sub-inner .sub-menu-wrap__inner .swiper-button-prev button {
  text-align: left;
}

.site-navi-bar__sub-inner .sub-menu-wrap__inner .swiper-button-next {
  right: 58px;
}

.site-navi-bar__sub-inner .sub-menu-wrap__inner .swiper-button-next button {
  background: linear-gradient(to right, rgba(21, 21, 21, 0) 0%, #151515 100%);
}

.site-navi-bar__sub-inner .sub-menu-wrap__inner .swiper-button-prev button:after,
.site-navi-bar__sub-inner .sub-menu-wrap__inner .swiper-button-next button:after {
  width: 7px;

  height: 11px;

  background-image: url("../../../../../../../etc.clientlibs/genesis-p2/global/clientlibs/clientlib-basepage/resources/images/ico-swiper-arrow2.png");
}

.site-navi-bar__sub-inner.swiper-mode .sub-menu-wrap__inner .swiper-button-prev,
.site-navi-bar__sub-inner.swiper-mode .sub-menu-wrap__inner .swiper-button-next {
  /* display: block; */
  display: none;
}

#HeaderSub .product-name {
  padding: 0;
  min-width: 300px;
  height: 100%;
  text-align: left;
}

#HeaderSub .product-name span {
  display: block;
  color: #fff;
  font-size: var(--font-size);
  line-height: 60px;
}

#HeaderSub .sub-navigation .select-opener {
  display: none;
}

#HeaderSub .sub-menu-wrap:before,
#HeaderSub .sub-menu-wrap:after,
#HeaderSub .sub-menu-layer:before,
#HeaderSub .sub-menu-layer:after {
  content: '';
  display: block;
  clear: both;
}

#HeaderSub .product-name-tb {
  display: none;
}

#HeaderSub .sub-menu {
  margin-left: 49px;

}

#HeaderSub .sub-menu:first-child {
  margin-left: 0;
}

#HeaderSub .sub-menu.is-selected a {
  color: #fff;
}

#HeaderSub .sub-menu.is-selected a:after {
  opacity: 1;
}

#HeaderSub .sub-menu a {
  display: flex;
  align-items: center;
  position: relative;
  height: 60px;
  font-size: var(--font-size);
  color: #bbb;
  transition: color 0.4s;
}

#HeaderSub .sub-menu a:after {
  position: absolute;
  bottom: -1px;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 4px;
  opacity: 0;
  background: #fff;
  transition: all 0.8s;
  content: '';
}

#HeaderSub .sub-menu a:hover,
#HeaderSub .sub-menu a:focus {
  color: #fff;
}

#HeaderFamily {
  position: relative;
}

#HeaderFamily>button {
  display: block;
  margin: 0;
  padding: 8px 14px 7px;
  color: rgb(var(--rgb-text-main));
  font-size: var(--font-size-s);
  font-weight: 600;
  text-decoration: none !important;
  border-radius: var(--border-radius-s);
  background-color: #fff;
}

#HeaderFamily:hover>button {
  color: rgb(var(--rgb-text-white));
  background-color: rgb(var(--rgb-text-main));
}

#HeaderFamily>ul {
  display: none;
  flex-direction: column;
  gap: 16px;
  position: absolute;
  left: 0;
  top: 100%;
  min-width: 100%;
  padding: 24px;
  z-index: 9999;
  color: rgb(var(--rgb-text-main));
  font-size: var(--font-size);
  white-space: nowrap;
  text-align: left;
  background: #fff;
  border-radius: var(--border-radius);
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.5);
}

#HeaderFamily>ul:not([hidden]) {
  display: flex;
}

/* #HeaderFamily:hover>ul,
#HeaderFamily:focus-within>ul {
  display: flex;
} */

@media (max-width: 1919px) {
  #HeaderMain .util-sitemap .sitemap .link-container {
    padding-right: 55px;
  }

  #HeaderMain .util-sitemap .sitemap-layer-inner {
    padding: 30px 236px;
  }

  #HeaderMain .util-sitemap .sitemap-bottom {
    padding: 0 236px;
  }

  #HeaderMain .depth2-layer__bottom .info-link-inner {
    padding-left: calc(14.1% + 40px);
  }
}


#HeaderSub.type-roadtrip .sub-navigation,
#HeaderSub.nav-break_xxlg.type-roadtrip .sub-navigation {
  width: calc(100% - 229px);
}

#HeaderSub.type-roadtrip .sub-navigation .sub-menu-layer-inner,
#HeaderSub.nav-break_xxlg.type-roadtrip .sub-navigation .sub-menu-layer-inner {
  position: relative;
}

#HeaderSub.type-roadtrip .sub-navigation .sub-menu,
#HeaderSub.nav-break_xxlg.type-roadtrip .sub-navigation .sub-menu {
  margin-left: 0;
  float: none;
}

#HeaderSub.type-roadtrip .sub-navigation .sub-menu-wrap,
#HeaderSub.nav-break_xxlg.type-roadtrip .sub-navigation .sub-menu-wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
}

@media (max-width: 1652px) {

  .site-navi-bar__sub.type-E80 .sub-navigation,
  .site-navi-bar__sub.nav-break_xxlg.type-E80 .sub-navigation {
    width: calc(100% - 430px);
  }

  .site-navi-bar__sub.type-E80 .sub-navigation .sub-menu-layer-inner,
  .site-navi-bar__sub.nav-break_xxlg.type-E80 .sub-navigation .sub-menu-layer-inner {
    position: relative;
  }

  .site-navi-bar__sub.type-E80 .sub-navigation .sub-menu,
  .site-navi-bar__sub.nav-break_xxlg.type-E80 .sub-navigation .sub-menu {
    margin-left: 0;
    float: none;
  }

  .site-navi-bar__sub.type-E80 .sub-navigation .sub-menu-wrap,
  .site-navi-bar__sub.nav-break_xxlg.type-E80 .sub-navigation .sub-menu-wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
  }

  .site-navi-bar__sub.type-E80 .sub-navigation .sub-menu-wrap:before,
  .site-navi-bar__sub.nav-break_xxlg.type-E80 .sub-navigation .sub-menu-wrap:before {
    display: none;
  }
}

@media (max-width: 1359px) {

  #HeaderSub.type-roadtrip .sub-navigation,
  #HeaderSub.nav-break_xxlg.type-roadtrip .sub-navigation {
    width: auto;
  }

  #HeaderSub.type-roadtrip .sub-navigation .sub-menu-wrap,
  #HeaderSub.nav-break_xxlg.type-roadtrip .sub-navigation .sub-menu-wrap {
    width: calc(100% - 102px);
  }

  #HeaderSub.type-E80 .sub-navigation,
  #HeaderSub.nav-break_xxlg.type-E80 .sub-navigation {
    width: auto;
  }

  #HeaderSub.type-E80 .sub-navigation .sub-menu-wrap,
  #HeaderSub.nav-break_xxlg.type-E80 .sub-navigation .sub-menu-wrap {
    width: calc(100% - 183px);
  }
}

.site-navi-bar__page-navi {
  position: relative;
  background-color: #111;
}

.site-navi-bar__page-navi:before {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 3px;
  background: linear-gradient(to right, #c36f51 calc(var(--page-navi-prg, 0) * 100%), transparent 0%);
}

.site-navi-bar__page-navi.is-color:before {
  background: linear-gradient(to right, var(--colorProperty) calc(var(--page-navi-prg, 0) * 100%), transparent 0%);
}

.site-navi-bar__page-navi-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 60px;
  margin: 0 auto;
  max-width: 1920px;
  padding: 0 140px 0 140px;
  overflow: hidden;
}

.site-navi-bar__page-navi-cover {
  display: flex;
  align-items: center;
  flex: 1;
  min-width: 75%;
  width: 100%;
  height: 100%;
}

.site-navi-bar__page-navi-prod-name {
  width: 198px;
  font-size: 16px;
  line-height: 1.3;
  text-transform: uppercase;
  color: #fff;
  white-space: nowrap;
  flex-shrink: 0;
}

.site-navi-bar__page-navi-select-btn {
  display: none;
}

.site-navi-bar__page-navi-menu-wrap {
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.site-navi-bar__page-navi-menu {
  width: 100%;
  height: 100%;
}

.site-navi-bar__page-navi-item {
  display: flex;
  align-items: center;
  width: auto;
  flex-shrink: 0;
}

.site-navi-bar__page-navi-item+.site-navi-bar__page-navi-item {
  margin-left: 28px;
}

.site-navi-bar__page-navi-item:hover .site-navi-bar__page-navi-btn {
  color: #fff;
}

.site-navi-bar__page-navi-item.s-active .site-navi-bar__page-navi-btn {
  color: #fff;
}

.site-navi-bar__page-navi-btn {
  color: #999;
  font-size: var(--font-size);
}

.site-navi-bar__page-navi-btn:focus {
  color: #fff;
}

.site-navi-bar__page-navi-arr-btn {
  display: none;
  position: absolute;
  top: 0;
  margin: 0;
  width: 12px;
  height: calc(100% - 2px);
  background: linear-gradient(0deg, rgba(15, 15, 15, 0.2), rgba(15, 15, 15, 0.2)), #0F0F0F url("../../../../../../../etc.clientlibs/genesis-p2/global/clientlibs/clientlib-basepage/resources/images/ico-navi-arrow-next.svg") no-repeat 100% center/7.5px;
  cursor: pointer;
}

.site-navi-bar__page-navi-arr-btn::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 12px;
  width: 60px;
  height: 100%;
  background: linear-gradient(270deg, #0F0F0F 0%, rgba(15, 15, 15, 0) 100%);
  pointer-events: none;
}

.site-navi-bar__page-navi-arr-btn.s-active {
  display: block;
}

.site-navi-bar__page-navi-arr-btn.swiper-button-disabled {
  opacity: 1;
}

.site-navi-bar__page-navi-arr-btn--prev {
  left: 0;
  transform: rotate(180deg);
}

.site-navi-bar__page-navi-arr-btn--next {
  right: 0;
}

.site-navi-bar__page-navi-btn-build {
  display: block;
  height: 32px;
  border-radius: var(--border-radius-s);
  margin: 0 0 0 24px;
  padding: 8px 14px 7px;
  background-color: #fff;
  font-size: var(--font-size-s);
  line-height: 1.3;
  text-decoration: none !important;
}

.site-navi-bar__page-navi-btn-build:hover .site-navi-bar__page-navi-btn-build-name:nth-child(1) {
  transform: translateY(-100%);
}

.site-navi-bar__page-navi-btn-build:hover .site-navi-bar__page-navi-btn-build-name:nth-child(2) {
  transform: translateY(0%);
}

.site-navi-bar__page-navi-btn-build-inner {
  position: relative;
  overflow: hidden;
  display: block;
  width: 100%;
  height: 100%;
}

.site-navi-bar__page-navi-btn-build-name {
  display: block;
  transition: transform 0.4s ease;
}

.site-navi-bar__page-navi-btn-build-name:nth-child(2) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translateY(100%);
}





/************************************/
/*             #Footer              */
/************************************/
#Footer {
  display: block;
  position: relative;
  z-index: 10;
  padding: 0;
  width: 100%;
  color: rgb(var(--rgb-text-sub));
  background-color: rgb(var(--rgb-white));
  border-top: 1px solid rgb(var(--rgb-border));
}

#Footer a:hover,
#Footer a:focus {
  color: rgb(var(--rgb-text-main));
}

#Footer .logo {
  margin: 0;
  width: 200px;
}

#Footer .logo a {
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(/assets/images/logo.png);
  background-position: 0 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

#Footer .info {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
  font-weight: 600;
}

#Footer .info dl {
  display: flex;
  align-items: flex-end;
  gap: 24px;
  margin: 0;
}

#Footer .info dt {
  margin: 0 8px 0 0;
  color: rgb(var(--rgb-text-sub));
}

#Footer .info dd {
  margin: 0;
}

#Footer .footer-top {
  font-size: var(--font-size);
  font-weight: 700;
  padding: 20px 0;
}

#Footer .footer-top .container {
  display: flex;
  justify-content: space-between;
}

#Footer .footer-top ul {
  display: flex;
  gap: 20px;
  margin: 0;
  padding: 0;
}

#Footer .footer-bottom {
  position: relative;
  padding: 2vw 0 3vw;
}

#Footer .footer-bottom::before {
  content: "";
  display: block;
  position: absolute;
  inset: 0 0 auto;
  height: 1px;
  background-color: rgb(var(--rgb-border));
}

#Footer .footer-bottom .container {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}

#Footer .tel {
  color: rgb(var(--rgb-text-main));
  font-size: var(--font-size-m);
  font-weight: 700;
}

#Footer .copy {
  padding-top: 20px;
}


.cursor {
  opacity: 0;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 2;
  pointer-events: none;
}

.cursor .inner {
  position: relative;
}

.cursor .flex-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  row-gap: 8px;
}

.cursor .flex-box span {
  font-weight: 700;
}

#TopFixed {
  height: 0;
  z-index: 900;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-end;
  position: fixed;
  inset: 0;
  transition: transform .5s, opacity .5s;
}

#TopFixed .button-box {
  display: flex;
  flex-direction: column;
  gap: 12px;
  position: absolute;
  right: 16px;
  top: 50svh;
  transform: translateY(-50%);
}

#TopFixed .button-box button {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0px;
  margin: 0;
  padding: 4px;
  width: 44px;
  height: 44px;
  color: rgb(var(--rgb-text-sub));
  border: 0;
  border: 1px solid rgb(var(--rgb-border));
  border-radius: var(--border-radius-pill);
  /* corner-shape: round; */
  background-color: rgb(var(--rgb-white));
  appearance: none;
  z-index: 5;
  transition: .3s ease;
}

#TopFixed .button-box button i {
  display: block;
  width: 36px;
  height: 36px;
  line-height: 36px;
  font-size: 20px;
  border-radius: 50%;
  /* corner-shape: round; */
  background-color: #fff;
}

#TopFixed .button-box button:hover {
  color: rgb(var(--rgb-blue-main));
}

#TopFixed .button-box button span {
  padding: 0 0 6px;
  font-size: 12px;
  font-weight: 700;
}

html.vc_mobile #TopFixed .button-box .print-button {
  display: none
}

#TopFixed .button-box .top-button {
  height: auto;
}


/************************************/
/*             게시판               */
/************************************/

.title-container {
  padding: 1vw 0 2vw;
}

.title-container .before-text {
  display: flex;
  align-items: center;
  margin: 0 0 1em;
  padding: 0 0 0 2px;
  color: rgb(var(--rgb-text-main));
  font-size: var(--font-size-s);
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.title-container .main-title {
  margin: 0 0 .2em;
  font-size: var(--font-size-xxxxl);
  font-weight: 700;
  line-height: 1.2;
}

.title-container .sub-title {
  margin: 0;
  color: rgb(var(--rgb-text-sub));
  font-size: var(--font-size-l);
  font-weight: 450;
  line-height: 1.3;
}

.title-container .filter-detail-list {
  flex-direction: row;
  gap: 12px;
  margin-top: 24px;
  margin-bottom: 24px;
}

.title-container .filter-detail-link {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
  padding: 14px 28px;
  height: 100%;
  font-size: var(--font-size-m);
  line-height: 1;
  text-align: left;
}

.search-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.0rem;
  width: auto;
  max-width: 480px;
  margin-left: auto;
}

.search-container {
  display: flex;
  width: 100%;
  /* border-radius: 50px;
  overflow: hidden; */
  transition: all 0.3s ease;
}

.search-container:focus-within {
  transform: translateY(-2px);
}

.search-section .search-input-main {
  flex: 1;
  padding: 0.5rem 1.5rem;
  border: none;
  outline: none;
  font-size: 18px;
  color: var(--text-primary);
  border: 1px solid rgb(var(--rgb-border));
  border-right: 0;
  border-radius: 50px 0px 0px 50px;
  background: #fff;
}

.search-section .search-input-main::placeholder {
  color: rgb(var(--rgb-text-sub));
  opacity: 0.7;
}

.search-section .search-input-main:focus {
  border-color: #151515;
}

.search-btn-open {
  display: none;
  background: #151515;
  color: #ffffff;
  border: none;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: var(--border-radius-l);
  transition: all 0.3s ease;
}

.search-btn-main {
  flex: 0;
  padding: 20px;
  background: #151515;
  color: #ffffff;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0 50px 50px 0;
}

.search-btn-main:hover {
  background: #151515;
}

.search-btn-main i {
  font-size: 20px;
}

.reset-btn-main {
  padding: 20px;
  background: #9c9c9c;
  color: #ffffff;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  margin-left: 10px;
}

.reset-btn-main:hover {
  background: #222222;
}

.reset-btn-main i {
  font-size: 20px;
}

@media (max-width: 768px) {
  #Cursor {
    display: none;
  }

  .title-search-section {
    padding: 3rem 0;
  }


}

@media (max-width: 480px) {
  .title-search-section {
    margin-bottom: 0rem;
  }

  .search-container {
    border-radius: 20px;
  }

  .search-btn-main {
    padding: 0.7rem 1rem;
  }

  .search-btn-main i,
  .reset-btn-main i {
    font-size: 16px;
  }
}

/* 분류별 탭 */
.category-tabs {
  display: flex;
  background: #ffffff;
  border: 1px solid #dee2e6;
  border-radius: 0px;
  overflow: hidden;
  margin: 3rem 0px 5rem 0px;
  /* box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); */
}

.tab-item {
  flex: 1;
  padding: 1.5rem 1rem;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease;
  border-right: 1px solid #dee2e6;
  background: #ffffff;
  position: relative;
}

.tab-item:last-child {
  border-right: none;
}

.tab-item:hover {
  background: #e9ecef;
}

.tab-item.active {
  background: #151515;
  border-bottom: 3px solid #151515;
}

.tab-name {
  font-size: 1rem;
  font-weight: 500;
  color: var(--text-primary);
  margin-bottom: 0.5rem;
  transition: all 0.3s ease;
}

.tab-count {
  font-size: 1.1rem;
  font-weight: 700;
  color: #151515;
  transition: all 0.3s ease;
}

.tab-item.active .tab-name {
  color: var(--white-color);
}

.tab-item.active .tab-count {
  color: var(--white-color) !important;
}

.tab-item:hover .tab-name {
  color: var(color2);
}

.tab-item:hover .tab-count {
  color: #151515;
}

/* 반응형 디자인 - 분류별 탭 */
@media (max-width: 768px) {
  .category-tabs {
    flex-wrap: wrap;
    border-radius: 6px;
  }

  .tab-item {
    flex: 1 1 calc(50% - 1px);
    padding: 1rem 0.5rem;
    border-right: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
  }

  .tab-item:nth-child(2n) {
    border-right: none;
  }

  .tab-item:nth-last-child(-n+2) {
    border-bottom: none;
  }

  .tab-name {
    font-size: 0.9rem;
    margin-bottom: 0.3rem;
  }

  .tab-count {
    font-size: 1rem;
  }
}

@media (max-width: 480px) {
  .category-tabs {
    flex-direction: column;
  }

  .tab-item {
    flex: none;
    border-right: none;
    border-bottom: 1px solid #dee2e6;
  }

  .tab-item:last-child {
    border-bottom: none;
  }

  .tab-item.active {
    border-bottom: 3px solid #151515;
  }

  .tab-name {
    font-size: 0.8rem;
    margin-bottom: 0.2rem;
  }

  .tab-count {
    font-size: 0.9rem;
  }
}

.category-list {
  display: flex;
  gap: 20px;
  margin: 0 0 36px;
}

.category-list form {
  margin-left: auto;
}

.fancy-select-wrap {
  position: relative;
  height: 100%;
}

.category-item {
  display: inline-block;
  padding: 20px 40px;
  font-size: var(--font-size-m);
  font-weight: 600;
  line-height: 1;
  text-align: center;
  border: 1px solid rgb(var(--rgb-border));
  border-radius: var(--border-radius-l);
  background-color: #fff;
}

.category-item.is-active {
  color: #fff;
  border-color: #151515;
  background-color: #151515;
}

.filter-radio:checked+.category-item {
  color: #fff;
  border-color: #151515;
  background-color: #151515;
}

.filter-radio {
  display: none;
}

.select-item {
  position: relative;
  text-align: left;
}

.select-item .fancy-select-wrap::after {
  content: "\e941";
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  margin: 0;
  line-height: 1;
  font-family: xeicon !important;
  font-size: var(--font-size-m);
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: transform .2s ease;
  pointer-events: none;
  transform: translate(0, -50%);
}

.select-item select {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0 55px 0 19px;
  font-size: 20px;
  line-height: 1;
  font-weight: 600;
  border: 1px solid rgb(var(--rgb-border));
  border-radius: var(--border-radius-l);
  appearance: none;
}

.activity-section {
  margin: 0 0 40px;
}

.activity-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px;
  border-top: 1px solid #151515;
  border-bottom: 1px solid #151515;
  font-size: var(--font-size-m);
  font-weight: 600;
  color: #151515;
  background-color: #ffffff;
  cursor: pointer;
}

.activity-toggle-btn {
  font-size: 1.5rem;
  color: #151515;
  font-weight: 300;
  user-select: none;
  line-height: 1;
}

.reset-filter-btn {
  background: transparent !important;
  border: 1px solid #151515 !important;
  padding: 5px 15px !important;
  border-radius: 0px !important;
  cursor: pointer !important;
  font-size: var(--font-size) !important;
  transition: all 0.3s ease !important;
}

.reset-filter-btn:hover {
  background: rgba(255, 255, 255, 0.2) !important;
}

.activity-content {
  overflow: hidden;
  max-height: 2000px;
  transition: max-height 0.3s ease, opacity 0.3s ease;
}

.activity-content.collapsed {
  max-height: 0;
  opacity: 0;
}

.activity-grid {
  display: grid;
  grid-template-columns: 150px 1fr;
  border-bottom: 1px solid #151515;
}

.activity-grid:last-child {
  border-bottom: none;
}

.activity-category-label {
  font-weight: 800;
  color: #151515;
  padding: 20px;
  border-right: 1px solid #151515;
  display: flex;
  align-items: center;
  justify-content: center;
}



@media (max-width: 768px) {
  .title-container .sub-title {
    font-size: var(--font-size-m);
  }

  .activity-section {
    margin: 20px 0%;
  }

  .activity-grid {
    grid-template-columns: 1fr;
    border-bottom: 1px solid #dee2e6;
  }

  .activity-category-label {
    border-right: none;
    /*border-bottom: 1px solid #dee2e6;*/
    margin-bottom: 0;
    padding: 10px;
    justify-content: flex-start;
  }

  .activity-header {
    font-size: 1.0rem;
    padding: 10px;
  }

  .activity-items {
    padding: 5px;
    gap: 5px;
    justify-content: flex-start;
  }

  .activity-item {
    padding: 5px 10px;
  }

}

/* 상세검색 팝업 */
.easy-search-popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgb(228 228 228 / 50%);
  z-index: 10000;
  backdrop-filter: blur(5px);
}

.easy-search-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  max-width: 900px;
  max-height: 90vh;
  background: #ffffff;
  border-radius: 15px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.easy-search-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.0rem 2rem;
  background: #151515;
  color: #ffffff;
}

.easy-search-header h3 {
  margin: 0;
  font-size: 1.3rem;
  font-weight: 600;
}

.close-btn {
  background: none;
  border: none;
  color: #ffffff;
  font-size: 1.2rem;
  cursor: pointer;
  border-radius: 50%;
  transition: all 0.3s ease;
}

.close-btn:hover {
  background: rgba(255, 255, 255, 0.2);
}

.easy-search-body {
  flex: 1;
  padding: 2rem;
  overflow-y: auto;
  max-height: 60vh;
}

.search-category {
  margin-bottom: 2rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #e9ecef;
}

.search-category:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

.category-header {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}

.category-header input[type="radio"] {
  margin-right: 0.8rem;
  transform: scale(1.2);
}

.category-header label {
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--text-primary);
  cursor: pointer;
}

.category-options {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 1rem;
  margin-left: 2rem;
}

.option-item {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  padding: 0.8rem 1rem;
  background: #f8f9fa;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
  border: 2px solid transparent;
}

.option-item:hover {
  background: var(--color4);
  border-color: var(--color4);
}

.option-item:hover i,
.option-item:hover span {
  color: #ffffff;
}

.option-item.selected {
  background: #151515;
  color: #ffffff;
  border-color: #151515;
}

.option-item i {
  font-size: 1.1rem;
  width: 20px;
  text-align: center;
}

.option-item span {
  font-size: 0.9rem;
  font-weight: 500;
}

.sub-category {
  margin-bottom: 1.5rem;
}

.sub-category:last-child {
  margin-bottom: 0;
}

.sub-category-title {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  margin-bottom: 1rem;
  font-weight: 600;
  color: var(--text-primary);
}

.sub-category-title i {
  font-size: 1rem;
  color: #151515;
}

.sub-options {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-left: 0rem;
}

.sub-options label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: #f8f9fa;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: 0.9rem;
}

.sub-options label:hover {
  background: #e9ecef;
}

.sub-options input[type="radio"] {
  transform: scale(1.1);
}

.easy-search-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem 2rem;
  background: #f8f9fa;
  border-top: 1px solid #e9ecef;
}

.deselect-all-btn {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.8rem 1.5rem;
  background: #6c757d;
  color: #ffffff;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: 0.9rem;
}

.deselect-all-btn:hover {
  background: #5a6268;
}

.search-actions {
  display: flex;
  gap: 1rem;
}

.cancel-btn {
  padding: 0.8rem 1.5rem;
  background: #ffffff;
  color: var(--text-secondary);
  border: 1px solid #dee2e6;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: 0.9rem;
}

.cancel-btn:hover {
  background: #f8f9fa;
  border-color: #151515;
  color: #151515;
}

.easy-search-footer .search-btn {
  padding: 0.8rem 1.5rem;
  background: #151515;
  color: #ffffff;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: 0.9rem;
  font-weight: 600;
}

.easy-search-footer .search-btn:hover {
  background: #151515;
}

@media (max-width: 768px) {
  .easy-search-content {
    width: 95%;
    max-height: 95vh;
  }

  .easy-search-header {
    padding: 1rem 1.5rem;
  }

  .easy-search-header h3 {
    font-size: 1.1rem;
  }

  .easy-search-body {
    padding: 1.5rem;
    max-height: 50vh;
  }

  .category-options {
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 0.8rem;
    margin-left: 1.5rem;
  }

  .option-item {
    padding: 0.6rem 0.8rem;
  }

  .option-item i {
    font-size: 1rem;
  }

  .option-item span {
    font-size: 0.8rem;
  }

  .sub-options {
    margin-left: 1.5rem;
    gap: 0.8rem;
  }

  .sub-options label {
    padding: 0.4rem 0.8rem;
    font-size: 0.8rem;
  }

  .easy-search-footer {
    padding: 1rem 1.5rem;
    gap: 1rem;
  }

  .search-actions {
    justify-content: center;
  }

  .deselect-all-btn,
  .cancel-btn,
  .easy-search-footer .search-btn {
    padding: 0.7rem 1.2rem;
    font-size: 0.8rem;
  }
}

@media (max-width: 480px) {
  .easy-search-content {
    width: 98%;
    max-height: 98vh;
  }

  .easy-search-header {
    padding: 0.8rem 1rem;
  }

  .easy-search-header h3 {
    font-size: 1rem;
  }

  .easy-search-body {
    padding: 1rem;
    max-height: 45vh;
  }

  .category-options {
    grid-template-columns: 1fr;
    gap: 0.6rem;
    margin-left: 1rem;
  }

  .option-item {
    padding: 0.5rem 0.7rem;
  }

  .option-item i {
    font-size: 0.9rem;
  }

  .option-item span {
    font-size: 0.8rem;
  }

  .sub-options {
    margin-left: 1rem;
    gap: 0.6rem;
  }

  .sub-options label {
    padding: 0.3rem 0.6rem;
    font-size: 0.8rem;
  }

  .easy-search-footer {
    padding: 0.8rem 1rem;
  }

  .deselect-all-btn,
  .cancel-btn,
  .easy-search-footer .search-btn {
    padding: 0.6rem 1rem;
    font-size: 0.8rem;
  }
}


.search-filter-section {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0px;
  margin-bottom: 50px;
}

.filter-header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.total-count {
  display: flex;
  align-items: center;
  margin-right: 5px;
}

.count-number {
  font-weight: 700;
  color: #151515;
  margin: 0 3px;
}

.count-text {
  font-size: 1rem;
  color: var(--text-secondary);
}

.filter-header .page-info {
  color: var(--text-secondary);
  font-size: 0.9rem;
  padding-right: 10px;
}

.search-box {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.search-box .search-input,
.search-box>.search-input,
#searchKeyword.search-input {
  flex: 1;
  border-radius: var(--border-radius) 0 0 var(--border-radius);
  font-size: 14px;
  min-width: 200px;
  max-width: none;
  text-align: center;
  transition: all 0.3s ease;
  border: 1px solid #ddd;
  padding: 10px 15px;
  height: 40px;
  margin-right: 0 !important;
  display: block !important;
  width: auto !important;
}

.search-box .search-input:focus,
.search-box>.search-input:focus,
#searchKeyword.search-input:focus {
  outline: none;
  border-color: #151515;
  box-shadow: 0 0 0 3px rgba(27, 148, 211, 0.1);
}

.search-box .search-btn,
.search-box>.search-btn,
.search-box button.search-btn {
  padding: 12px 20px;
  background: #151515;
  color: #ffffff;
  border: none;
  border-radius: 0 var(--border-radius) var(--border-radius) 0;
  cursor: pointer;
  transition: all 0.3s ease;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0 !important;
  margin-right: 0 !important;
  flex-shrink: 0;
  width: auto !important;
}

.search-box .search-btn:hover,
.search-box>.search-btn:hover,
.search-box button.search-btn:hover {
  background: #151515;
  transform: translateY(0px);
}

.search-box .filter-options {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  margin-right: 15px;
}

.search-box .filter-select {
  background: #ffffff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='none' stroke='%23666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M2 3.5L5 6.5L8 3.5'/%3E%3C/svg%3E") no-repeat right 10px center !important;
  background-size: 10px 10px !important;
  font-size: 0.9rem;
  cursor: pointer;
  transition: all 0.3s ease;
  min-width: 120px;
  padding: 0px 40px 0px 15px;
  border: 1px solid #ddd;
  border-radius: 4px;
  height: 40px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.search-box .filter-select::-ms-expand {
  display: none;
}

.search-box .filter-select:hover {
  background: #ffffff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='none' stroke='%23333' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M2 3.5L5 6.5L8 3.5'/%3E%3C/svg%3E") no-repeat right 10px center !important;
  background-size: 10px 10px !important;
}

.search-box .filter-select:focus {
  background: #ffffff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='none' stroke='%232b6db0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M2 3.5L5 6.5L8 3.5'/%3E%3C/svg%3E") no-repeat right 15px center !important;
  background-size: 10px 10px !important;
  border-color: #151515;
}

.search-box .filter-select:focus {
  outline: none;
  border-color: #151515;
}

.search-box .filter-select#categoryFilter {
  min-width: 240px;
}

.events-container {
  margin-bottom: 3rem;
}

.events-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 2%;
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}

.event-card {
  overflow: hidden;
  transition: all 0.3s ease;
  position: relative;
  display: flex;
  flex-direction: column;
  align-content: space-around;
  width: 18.4%;
  flex-wrap: wrap;
  margin-bottom: 40px;
}

.event-card:hover {
  transform: translateY(-2px);
}

.event-image {
  position: relative;
  width: 100%;
  height: 23vw;
  overflow: hidden;
  flex-shrink: 0;
  cursor: pointer;
}

.event-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease;
}

.event-card:hover .event-image img {
  transform: scale(1.05);
}



/* board_list */
.box-detail-content {
  margin-top: 50px;
}

.board-content {
  padding-bottom: clamp(70px, 7vw, 140px);
}

.board_list {
  width: 100%;
  border-top: 2px solid rgb(var(--rgb-blue-main));
  text-align: center;
  border-collapse: collapse;
  table-layout: fixed;
}

.board_list thead {
  border-bottom: 1px solid #e3e3e3;
  background-color: #fff;
}

.board_list tbody tr {
  border-bottom: 1px solid #e3e3e3;
  background-color: #fff;
  transition: all 0.2s;
}

#BoardList .no-result {
  padding: 46px 0;
  border-bottom: 1px solid #e3e3e3;
}


/* .board_list tbody tr:hover {
  background-color: #ededed;
} */

.board_list th,
.board_list td {
  padding: 24px 10px;
}

.board_list td.file {
  font-size: 0;
}

.board_list td.num,
.board_list td.date,
.board_list td.view {
  color: rgb(var(--rgb-text-sub));
  font-size: var(--font-size);
}

.board_list tr>*:first-child {
  border-left: 0 none;
}

.board_list .type {
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.board_list .tit {
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.board_list .tit a,
.board_list .tit button {
  display: inline-block;
  /* position: relative; */
  /* z-index: 1; */
  overflow: hidden;
  max-width: 100%;
  min-height: 20px;
  vertical-align: top;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: rgb(var(--rgb-text-main));
  font-size: var(--font-size);
  font-weight: 620;
}

.board_list .tit a i,
.board_list .tit button i {
  margin-left: 6px;
}

.board_list.none_detail .tit a {
  white-space: normal;
}

.board_list .mark {
  display: inline-block;
  padding: 4px 9px;
  background-color: #FFF;
  border: 1px solid #2196f3;
  color: #2196f3;
  font-size: 0.86em;
}

.board_list .tit .mark {
  margin-right: 5px;
}

.board_list img {
  max-width: 100%;
}

.new_mark {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 50%;
  z-index: 1;
  width: 16px;
  height: 16px;
  line-height: 16px;
  margin-top: -8px;
  background-color: #e03321;
  border-radius: 50%;
  color: #fff;
  font-size: 10px;
  text-align: center;
}

.board_list .file a {
  display: inline-block;
  vertical-align: middle;
  font-size: 24px;
}

.board_list .date span.red em {
  color: red;
}

.board_list .date span.blue em {
  color: blue;
}

.board_list .date span+span {
  position: relative;
  margin-left: 0px;
}

.board_list .date span+span:before {
  content: ',';
  margin-right: 2px;
}

.board_list .grade span {
  color: #2651b9;
}

.board_list tbody td.download a img {
  vertical-align: middle;
}

.board_list tbody td.press,
.board_list tbody td.writer {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.board_list .tit a.tit_box h1 {
  font-size: 1.111em;
  font-weight: 500;
  vertical-align: top;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.board_list .tit a.tit_box span {
  font-size: 0.889em;
}

.board_list .tit a.tit_box span.sub_txt1 {
  position: relative;
  color: #2651b9;
}

.board_list .tit a.tit_box span.sub_txt2 {
  position: relative;
  padding-left: 15px;
  margin-left: 15px;
  color: #888888;
}

.board_list .tit a.tit_box span.sub_txt2:after {
  content: '';
  position: absolute;
  top: 5px;
  left: 0;
  width: 1px;
  height: 14px;
  background-color: #dddddd;
}



.board_list .tit a.tit_box:hover {
  text-decoration: none;
}

.board_list .tit a.tit_box:hover h1 {
  text-decoration: underline;
}

.board_list .tit a.tit_box {}

.board_list .board_list_btn {
  display: inline-block;
  padding: 5px 15px;
  background-color: #151515;
  border: 1px solid #151515;
  color: #fff;
  text-align: center;
  word-break: keep-all;
}

.board_list .board_list_btn:hover {
  background-color: #fff;
  color: #151515;
}

.board_list .tit a.tit_box:hover {
  text-decoration: none;
}

.board_list .tit a.tit_box:hover h1 {
  text-decoration: underline;
}

.board_list.cyber {
  background-color: #fff;
}

.board_list.cyber th {
  background-color: #313131;
  color: #fff;
}

.board_list.cyber td {
  background-color: #fff;
}

.board_list.cyber td.progress {
  line-height: 13px;
  overflow: hidden;
}

.board_list.cyber td.progress .left {
  float: left;
  width: 37px;
  margin-right: 7px;
  color: #52c3c9;
}

.board_list.cyber td.progress .right {
  float: left;
  width: calc(100% - 44px);
  height: 13px;
  background-color: #e5e5e5;
  border-radius: 12px;
  overflow: hidden;
}

.board_list.cyber td.progress .right .inner {
  display: block;
  width: 1%;
  height: 13px;
  background-color: #52c3c9;
  border-radius: 12px;
}

.board_list.cyber td.progress2 .left {
  color: #bf65d4;
}

.board_list.cyber td.progress2 .right {
  background-color: #e5e5e5;
}

.board_list.cyber td.progress2 .right .inner {
  background-color: #bf65d4;
}

.board_list.notice {
  border-top: 2px solid #151515;
}

.board_list.notice th {
  background-color: #fff;
  color: #151515;
}

.board_list.notice td {}

.board_list td.sort1 {
  color: #2651b9;
}

.board_list td.sort2 {
  color: #b74cd0;
}

.board_list td.sort3 {
  color: #8a8a8a;
}

.board_list.news {
  display: block;
  text-align: left;
}

.board_list.news colgroup {
  display: none;
}

.board_list.news thead {
  display: none;
}

.board_list.news tbody {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
}

.board_list.news tr {
  display: grid;
  align-items: center;
  align-content: center;
  grid-template-areas:
    "img tit"
    "img date"
    "img view";
  grid-template-columns: 120px 1fr;
  grid-template-rows: 1fr auto auto;
  gap: 4px 30px;
  position: relative;
  margin: 1px;
  padding: 30px;
}

.board_list.news td {
  display: block;
  margin: 0;
  padding: 0;
}

.board_list.news .num {
  display: none
}

.board_list.news .image {
  grid-area: img;
  position: relative;
  aspect-ratio: 7 / 9;
  border-radius: var(--border-radius-s);
  border: 1px solid rgb(var(--rgb-border));
  overflow: hidden;
}

.board_list.news .image img {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .75s cubic-bezier(.2, .75, .5, 1), opacity .5s ease .3s;
}

.board_list.news .image img::before {
  content: "";
  display: block;
  position: absolute;
  inset: auto 0 0 0;
  z-index: 1;
  height: 100%;
  background: radial-gradient(circle, #4440 0%, #4442 100%);
}

.board_list.news tr:hover .image img {
  transform: scale(1.1);
}

.board_list.news .tit {
  grid-area: tit;
  margin: auto 0;
}

.board_list.news .tit a {
  margin: 0;
  padding: 0;
  min-height: 0;
  font-size: var(--font-size-m);
  line-height: 1.4;
  white-space: normal;
  overflow: visible;
  text-wrap: balance;
}

.board_list.news .tit a::before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
}

.board_list.news .tit a:focus-visible::before {
  outline: var(--a11y-width) solid var(--a11y-color);
}

.board_list.news .date {
  grid-area: date;
}

.board_list.news .view {
  grid-area: view;
  margin: 0 0 auto;
}

.board_list.news .date::before,
.board_list.news .view::before {
  content: " ";
  font-family: "xeicon";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.board_list.news .date::before {
  content: " ";
}


.board_list.photo {
  display: block;
  text-align: center;
}

.board_list.photo colgroup {
  display: none;
}

.board_list.photo thead {
  display: none;
}

.board_list.photo tbody {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 60px 30px;
  padding: 30px 0 0;
}

.board_list.photo tr {
  display: block;
  position: relative;
  margin: 0;
  padding: 0 0 12px;
  border: 1px solid rgba(var(--rgb-border), 0.5);
  border-radius: var(--border-radius-l);
  background-color: transparent;
  /* overflow: hidden; */
}

.board_list tbody tr:hover {
  background-color: transparent;
}

.board_list.photo td {
  display: block;
  margin: 0;
  padding: 0;
}

.board_list.photo .num {
  display: none
}

.board_list.photo .image {
  position: relative;
  aspect-ratio: 1 / 1;
  overflow: hidden;
}

.board_list.photo .image img {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .75s cubic-bezier(.2, .75, .5, 1), opacity .5s ease .3s;
}

.board_list.photo .image img::before {
  content: "";
  display: block;
  position: absolute;
  inset: auto 0 0 0;
  z-index: 1;
  height: 100%;
  background: radial-gradient(circle, #4440 0%, #4442 100%);
}

.board_list.photo tr:hover .image img {
  transform: scale(1.1);
}

.board_list.photo .tit {
  margin: 20px 12px 12px;
  overflow: visible;
}

.board_list.photo .tit a {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin: 0;
  padding: 0;
  min-height: 0;
  font-size: var(--font-size-m);
  line-height: 1.2;
  text-align: center;
  white-space: normal;
  overflow: hidden;
  text-wrap: balance;
  text-underline-offset: 0.15em;
}

.board_list.photo .tit a:focus-visible {
  outline: none !important;
}

.board_list.photo .tit a:focus-visible::before {
  outline: var(--a11y-width) solid var(--a11y-color);
}

.board_list.photo .tit a::before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
}

.board_list.photo .date {
  display: inline-block;
}

.board_list.photo .view {
  display: inline-block;
  margin: 0 0 0 12px;
}

.board_list.photo .date::before,
.board_list.photo .view::before {
  content: " ";
  font-family: "xeicon";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.board_list.photo .date::before {
  content: " ";
}

#Board .write-btn {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 20px 0 0;
}

#Board .write-btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  padding: 0 2em;
  font-size: var(--font-size);
  font-weight: 700;
  line-height: 1;
  color: rgb(var(--rgb-white));
  border-radius: var(--border-radius-s);
  background: rgb(var(--rgb-blue-main));
  transition: transform 220ms ease, background-color 220ms ease;
}

.pagination.skin2 a {
  line-height: 32px;
  color: #5f5f5f;
  border: 1px solid #dedede;
}

.pagination.skin2 a:hover,
.pagination.skin2 a:focus,
.pagination.skin2 .active {
  background-color: #2196f3;
  border-color: #2196f3;
  color: #fff !important;
}



/* 팝업박스 */
.pop_box {
  display: none;
}

html.openPopup {
  overflow: hidden;
}

html.openPopup .pop_box {
  display: block;
}

html.openPopup .pop_box .pop_mask {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #151515;
  opacity: .3;
}

.pop_box .pop_body {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 500px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: var(--border-radius-l);
  overflow: hidden;
  z-index: 10000;
}

.pop_box .pop_body .pop_main {
  padding: 60px;
}

.pop_box .pop_body .pop_main h3 {
  margin-top: 0;
  margin-bottom: 15px;
  text-align: center;
}

.pop_box .pop_body .pop_main h3 img {
  width: 280px;
  height: auto;
}

.pop_box .pop_body .pop_main .txt {
  margin-top: 0;
  margin-bottom: 20px;
  color: rgba(var(--rgb-text-main));
  font-size: var(--font-size-m);
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
}

.pop_box .pop_body .pop_main input {
  display: block;
  margin: 12px 0 0;
  padding: 20px 1.5rem;
  width: 100%;
  outline: none;
  font-size: 18px;
  border: 1px solid rgb(var(--rgb-border));
  border-radius: 50px;
  background: #fff;
}

.pop_box .pop_body .pop_main .btn_wrap {
  display: flex;
  gap: 15px;
}

.pop_box .pop_body .pop_main .btn_wrap button {
  width: 50%;
}





/* 글쓰기 */
.board-write {
  padding-bottom: 70px;
}

.board-write .write-wrap {
  padding: 60px;
  background-color: #f1f1f1;
}

.board-write .write-wrap form {}

.board-write .write-wrap ul {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.board-write .write-wrap ul li {
  display: flex;
  gap: 70px;
}

.board-write .write-wrap ul li .inner {
  display: flex;
  align-items: center;
  gap: 40px;
  width: 100%;
}


.board-write .write-wrap ul li .inner input:not([type="checkbox"]) {
  width: 100%;
  height: 50px;
  padding: 14px 15px;
  outline: none;
  border-radius: var(--border-radius);
  border: 1px solid rgb(var(--rgb-border));
}

.board-write .write-wrap ul li .inner input[type="checkbox"] {
  width: 20px;
  height: 20px;
}

.board-write .write-wrap ul li .inner p {
  margin: 0;
  font-weight: 600;
}

.board-write .write-wrap ul li:last-child .inner {
  align-items: start;
}

.board-write .write-wrap ul li textarea {
  width: 100%;
  min-height: 300px;
  padding: 14px 15px;
  border-radius: var(--border-radius);
  border: 1px solid rgb(var(--rgb-border));
}

.board-write .write-wrap ul li textarea:focus-visible {
  outline: var(--a11y-width) solid var(--a11y-color);
}

.board-write .btn-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  margin-top: 40px;
  height: 60px;
}

/* // board_list2 */

/* board_view */
.board_view {
  border-bottom: 1px solid #d7d7d7;
}

.board_view_top {
  position: relative;
  z-index: 1;
  padding: 0 65px 20px;
  border-bottom: 2px solid #5f6577;
  text-align: center;
}

.board_view_top .mark_box {
  margin-bottom: 10px;
}

.board_view_top .mark {
  display: inline-block;
  padding: 5px 10px;
  background-color: #f4511e;
  color: #fff;
  font-size: 15px;
}

.board_view_top .mark.new {
  background-color: #ff9000;
}

.board_view_top .mark.sort {
  background-color: #FFF;
  border: 1px solid #2196f3;
  color: #2196f3;
}

.board_view_top .tit {
  display: block;
  margin-bottom: 20px;
  font-size: 1.6em;
}

.board_view_top .tit .mark {
  margin-right: 5px;
  vertical-align: top;
}

.board_view_top .info {
  color: rgba(var(--rgb-text-sub));
  font-size: 0;
}

.board_view_top .info .each {
  display: inline-block;
  font-size: 15px;
}

.board_view_top .info .each:after {
  content: "|";
  display: inline-block;
  margin-top: -2px;
  padding: 0 15px;
  color: #d7d7d7;
  font-size: 12px;
  vertical-align: middle;
}

.board_view_top .info .each:last-child:after {
  display: none;
}

.board_view_top .controler {
  position: absolute;
  left: 20px;
  top: 50%;
  z-index: 1;
  width: 30px;
  height: 40px;
  line-height: 40px;
  margin-top: -15px;
  font-size: 30px;
  text-align: center;
}

.board_view_top .controler:hover {
  -webkit-animation: scale1_3 0.8s infinite;
  animation: scale1_3 0.8s infinite;
}

.board_view_top .next {
  left: auto;
  right: 20px;
}

.board_view_con {
  padding: 40px 25px;
  border-top: 1px solid #151515;
}

.board_view_con img {
  display: block;
  max-width: 100% !important;
  height: auto !important;
}

.board_view_con iframe {
  width: 100% !important;
  height: auto;
}

.board_view_file {
  display: table;
  width: 100%;
  border-collapse: collapse;
  border-top: 1px solid #d7d7d7;
}

.board_view_file .tit {
  display: table-cell;
  width: 20%;
  padding: 15px 25px;
  background-color: #f7f7f7;
  vertical-align: middle;
}

.board_view_file .file_box {
  display: table-cell;
  padding: 15px 20px;
  vertical-align: middle;
}

.board_view_file .file_each a:hover {
  text-decoration: underline;
}

/* board_view.skin2 */
.board_view.skin2 .board_view_top .info .each i {
  margin-right: 5px;
  vertical-align: middle;
}

.board_view.skin2 .board_view_top .info .each .txt {
  display: inline-block;
  vertical-align: middle;
}

.board_view.skin2 .board_view_file {
  background-color: #f7f7f7;
}

.board_view.skin2 .board_view_file .tit {
  display: none;
}

.board_view.skin2 .board_view_file .file_box {
  padding: 25px;
}

/* // board_view */

/* board_view.skin3 */
.board_view.skin3 {
  border-top: 3px solid #3775bb;
  background-color: #fff;
}

.board_view.skin3 .board_view_top {
  padding: 25px 30px 0;
  border-bottom: 0;
  text-align: left;
}

.board_view.skin3 .board_view_top .tit {
  margin-bottom: 20px;
  font-size: 1.889em;
}

.board_view.skin3 .board_view_top .tit .mark {
  width: 53px;
  height: 31px;
  line-height: 31px;
  padding: 0;
  border: 1px solid #ff5a5a;
  color: #ff5a5a;
  background-color: #fff;
  text-align: center;
  vertical-align: 7px;
}

.board_view.skin3 .board_view_top .tit b {
  display: inline-block;
  padding: 3px 9px;
  margin-left: 10px;
  font-size: 0.559em;
  color: #ff3939;
  border: 1px solid #ff3939;
  vertical-align: 4px;
}

.board_view.skin3 .board_view_top .tit .sort {
  vertical-align: 6px;
  height: 34px;
  line-height: 32px;
  font-weight: 400;
}

.board_view.skin3 .board_view_top .sort span {
  font-size: 1em;
}

.board_view.skin3 .board_view_top .info {
  margin-bottom: 25px;
}

.board_view.skin3 .board_view_top .info .each:after {
  color: #d7d7d7;
  padding: 0 14px;
  vertical-align: 2px;
}

.board_view.skin3 .board_view_file .file_box {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 18px;
  padding: 22px 30px;
  overflow: hidden;
}

.board_view.skin3 .board_view_file .file_each {
  display: inline-block;
  padding-left: 0;
  margin: 0;
}

.board_view.skin3 .board_view_file .file_each a {
  color: rgba(var(--rgb-text-main));
}

.board_view.skin3 .board_view_file .file_each img {
  margin-right: 10px;
  vertical-align: 0px;
}

.board_view.skin3 .board_view_con {
  padding: 65px 30px;
  border-top: 1px solid #5f5f5f;
}

.board_view.skin3 .board_view_con figure {
  margin: 0;
}

.board_view.skin3 .board_view_con figure.image-style-align-center img {
  margin: 0 auto;
}

.board_view_btn {
  display: flex;
  justify-content: space-between;
  /* overflow: hidden; */
  padding-top: 35px;
}

.board_view_btn .control_box {
  display: flex;
  gap: 12px;
}

.util_box .control_box .controler {
  color: #fff !important;
}

.util_box .modify {
  background-color: rgba(var(--rgb-blue-main), 1);
}

.util_box .delete {
  background-color: rgba(var(--rgb-red-main), 1);
}

.board_view_btn .controler.list {
  float: right;
  width: 140px;
  height: 44px;
  line-height: 42px;
  font-size: 0.889em;
  text-align: center;
  color: #777;
  border: 1px solid #777;
  background-color: #fff;
  font-size: 15px;
}

.board_view_btn .controler.list:hover,
.board_view_btn .controler.list:focus {
  color: #3775bb;
  border-color: #3775bb;
}

.board_view_btn .controler.list img {
  display: inline-block;
  vertical-align: -3px;
  margin-right: 8px;
}

.board_view_btn .control_box .controler {
  display: inline-block;
  width: 120px;
  height: 44px;
  font-size: 0.889em;
  line-height: 42px;
  text-align: center;
  color: #777;
  border: 1px solid #777;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.board_view_btn .control_box .controler:hover,
.board_view_btn .control_box .controler:focus {
  color: #3775bb;
  border-color: #3775bb;
}

.board_view_btn .control_box .controler img {
  display: inline-block;
  vertical-align: 1px;
}

.board_view_btn .control_box .controler.prev img {
  margin-right: 8px;
}

.board_view_btn .control_box .controler.next img {
  margin-left: 8px;
}

@keyframes prev {
  from {
    left: 5px;
  }

  to {
    left: 0;
  }
}

@keyframes next {
  from {
    right: 5px;
  }

  to {
    right: 0;
  }
}

.attach_box {
  position: relative;
  z-index: 1;
  max-width: 700px;
}

.attach_input {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  visibility: hidden;
}

.attach_vbox {
  position: relative;
  z-index: 1;
  padding-right: 85px;
}

.attach_vinput {
  width: 100%;
  height: 30px !important;
  padding: 0 5px;
  cursor: pointer;
}

.attach_btn {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  width: 80px;
  height: 30px;
  line-height: 28px;
  background-color: #7b839b;
  border: 1px solid #7b839b;
  color: #fff;
  font-size: 0.93em;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.attach_btn:hover {
  background-color: #fff !important;
  color: #7b839b;
}

/* pagination */
.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 3vw;
  gap: 8px;
}

.pagination a {
  display: block;
  padding: 8px 8px;
  min-width: 40px;
  color: rgb(var(--rgb-text-sub));
  font-size: var(--font-size);
  font-weight: 700;
  text-align: center;
  border: 1px solid rgb(var(--rgb-border));
  border-radius: var(--border-radius-s);
  background-color: #fff;
}

.pagination a:hover,
.pagination a:focus,
.pagination .active {
  color: #fff;
  font-weight: 700;
  border: 1px solid #151515;
  background-color: #151515;
}

.pagination .page_arrow.l1 {
  width: 35px;
  height: 35px;
  line-height: 33px;
  background-color: #fff;
  border-radius: 50%;
  padding: 0;
  margin-right: 10px;
  border: 1px solid #cccccc;
  font-size: 20px;
}

.pagination .page_arrow.l2 {
  width: 35px;
  height: 35px;
  line-height: 33px;
  background-color: #fff;
  padding: 0;
  border-radius: 50%;
  border: 1px solid #cccccc;
}

.pagination .page_arrow.r1 {
  width: 35px;
  height: 35px;
  line-height: 33px;
  background-color: #fff;
  border-radius: 50%;
  padding: 0;
  margin-left: 10px;
  border: 1px solid #cccccc;
  font-size: 20px;
}

.pagination .page_arrow.r2 {
  width: 35px;
  height: 35px;
  line-height: 33px;
  background-color: #fff;
  padding: 0;
  border-radius: 50%;
  border: 1px solid #cccccc;
}



/* pagination.skin3 */
.pagination.skin3 {
  margin-top: 60px;
}

.pagination.skin3 a:hover,
.pagination.skin3 a:focus,
.pagination.skin3 .active {
  background-color: #545454;
  color: #fff;
}

/* // pagination.skin3 */

/* common_btn */
.btn_wrap {
  padding-top: 25px;
  text-align: right;
}

.common_btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 50px;
  padding: 0 2em;
  font-size: var(--font-size);
  font-weight: 700;
  line-height: 1;
  color: rgb(var(--rgb-white));
  border-radius: var(--border-radius-s);
  background: rgb(var(--rgb-blue-main));
  transition: transform 220ms ease, background-color 220ms ease;
}


.common_btn.mini {
  min-width: 97px;
  height: 40px;
  line-height: 38px;
  margin-right: 28px;
}

.common_btn>i {
  margin-top: -1px;
}



.common_btn:first-child {
  margin-left: 0;
}

.common_btn:hover,
.common_btn:focus {
  color: rgb(var(--rgb-white));
  text-decoration: underline;
  background: rgb(var(--rgb-blue-dark));
}

.common_btn.point1 {
  background-color: #151515;
}

.common_btn.point1:hover,
.common_btn.point1:focus {
  background-color: #000;
}

.common_btn.point2 {
  background-color: rgb(var(--rgb-green-main));
}

.common_btn.point2:hover,
.common_btn.point2:focus {
  background-color: rgb(var(--rgb-green-dark));
}

.common_btn.point3 {
  background-color: #eeeeee;
  color: rgb(var(--rgb-text-main));
}

.common_btn.point3:hover,
.common_btn.point3:focus {
  background-color: #dfdfdf;
  color: rgb(var(--rgb-text-main));
}

.common_btn.red {
  background-color: rgb(var(--rgb-red-main));
}

.common_btn.red:hover,
.common_btn.red:focus {
  background-color: rgb(var(--rgb-red-dark));
}

.common_btn.blue {
  background-color: rgb(var(--rgb-blue-main));
}

.common_btn.blue:hover,
.common_btn.blue:focus {
  background-color: rgb(var(--rgb-blue-dark));
}

.common_btn.navy {
  background-color: #3949ab;
}

.common_btn.navy:hover,
.common_btn.navy:focus {
  background-color: #253285;
}


.common_btn.borad {
  background-color: #fff;
  color: rgb(var(--rgb-text-main));
}

.common_btn.borad:focus,
.common_btn.borad:hover {
  background-color: #e0e0e0;
  color: #000;
}

.common_btn.cancel {
  background-color: #7c7c7c;
}

.common_btn.cancel:hover,
.common_btn.cancel:focus {
  background-color: #6d6d6d;
}

.jts_txt_box {
  margin-bottom: 30px;
  text-align: center;
}

.jts_txt1 {
  margin-bottom: 10px;
  font-size: 2em;
}

.jts_txt1 .strong {
  color: #2196f3;
  font-weight: 700;
}

.jts_txt2 {
  color: #777;
  font-size: 1.06em;
}


.basic_table {
  width: 100%;
  border-spacing: 0;
  border-top: 2px solid #3775bb
}

.basic_table th,
.basic_table td {
  padding: 18px 20px;
  border: 1px solid #e3e3e3;
  border-left: 1px solid #e3e3e3;
  border-right: 0;
  border-top: 0 none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.basic_table th {
  background-color: #f1f3f8;
  font-weight: 500;
  color: #575757;
  text-align: center;
}

.basic_table tbody th {
  background-color: #f8f8f8;
}

.basic_table td {
  color: #575757;
  word-break: keep-all;
}

.basic_table .basic_table_btn {
  display: inline-block;
  padding: 5px 15px;
  background-color: #151515;
  border: 1px solid #151515;
  color: #fff;
  text-align: center;
  word-break: keep-all;
}

.basic_table .basic_table_btn:hover {
  background-color: #fff;
  color: #151515;
}


/* basic_tab */
.basic_tab {
  overflow: hidden;
  margin-bottom: 40px;
}

.basic_tab>li {
  display: table;
  float: left;
  margin-bottom: 3px;
  border: 1px solid #d1d1d1;
  color: #333333;
  background: #f7f7f7;
}

.basic_tab>li.on+li {
  border-left: none;
}

.basic_tab.tab_2>li {
  width: calc(100%/2);
}

.basic_tab.tab_4 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.basic_tab.tab_4>li {
  width: calc(100%/4);
  max-width: 200px;
}

.basic_tab.tab_5>li {
  width: calc(100%/5);
}

.basic_tab.tab_5>li.li_2w {
  width: 40%;
}

.basic_tab.tab_6>li {
  width: calc(100%/6);
}

.is-ie .basic_tab.tab_4>li {
  width: 25%;
}

.is-ie .basic_tab.tab_5>li {
  width: 20%;
}

.is-ie .basic_tab.tab_5>li.li_2w {
  width: 40%;
}

.is-ie .basic_tab.tab_6>li {
  width: 16.66%;
}

.basic_tab>li>a {
  display: table-cell;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 70px;
  color: #6e7a84;
  font-size: 1.222em;
  text-align: center;
  vertical-align: middle;
  word-break: keep-all;
  transition: all 0.3s;
}

.basic_tab.tab_2>li:nth-child(1) {
  border-left: 1px solid #d1d1d1;
}

.basic_tab.tab_4>li:nth-child(4n-3) {
  border-left: 1px solid #d1d1d1;
}

.basic_tab.tab_5>li:nth-child(5n-4) {
  border-left: 1px solid #d1d1d1;
}

.basic_tab.tab_6>li:nth-child(6n-5) {
  border-left: 1px solid #d1d1d1;
}

.basic_tab>li a:hover,
.basic_tab>li.on>a {
  background-color: #fff;
  color: #3775bb;
  border: 1px solid #3775bb;
}

.basic_tab_con {
  display: none;
}

.basic_tab_con:first-child {
  display: block;
}


.photo_list {
  font-size: 0;
  margin: 0 -8px;
}

.photo_list>li {
  display: inline-block;
  width: 25%;
  text-align: center;
  vertical-align: top;
  padding: 8px;
  box-sizing: border-box;
}

.photo_list>li a {
  display: block;
  border: 1px solid #e3e3e3;
  padding: 0;
}

.photo_list>li .img {
  position: relative;
  display: inline-block;
  width: 100%;
  /*eight: 268px;*/
  height: 308px;
  overflow: hidden;
  background: #fff;
}

.photo_list>li .img .overlay {
  display: none;
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  text-align: center;
}

.photo_list>li .img .overlay i {
  display: table-cell;
  font-size: 60px;
  color: #fff;
  vertical-align: middle;
}

.photo_list>li .img:hover .overlay {
  display: table;
}

.photo_list>li .txt {
  padding: 34px 0;
  border: none;
}

.photo_list>li .txt h2 {
  padding: 0 5px;
  font-size: 18px;
  font-weight: 700;
  color: #4b4b4b;
  line-height: 1;
  letter-spacing: -0.05em;
  margin: 0 auto 10px;
  transition: all 0.3s ease;
}

.photo_list>li .txt p {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  color: #888;
  font-weight: 400;
}

.photo_list>li .txt p:after {
  display: inline-block;
  width: 1px;
  height: 10px;
  vertical-align: middle;
  background: #d7d7d7;
  margin: 0 10px;
  content: '';
}

.photo_list>li .txt p:last-child:after {
  display: none;
}


/* animation keyframes */
@-webkit-keyframes scale1_3 {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.3);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes scale1_3 {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.3);
  }

  100% {
    transform: scale(1);
  }
}

/****************** respond ******************/

@media (max-width:991px) {

  /* useful */
  .on_991 {
    display: block !important;
  }

  .none_991 {
    display: none !important;
  }

  .i_991 {
    display: inline !important;
  }

  .ib_991 {
    display: inline-block !important;
  }


  .board_list.cyber td.progress {
    line-height: normal;
    overflow: hidden;
  }

  .board_list.cyber td.progress .left {
    display: inline-block;
    float: none;
    width: auto;
    margin-right: 0;
  }

  .board_list.cyber td.progress .right {
    display: none;
  }



  /* board_list3 */
  .board_list3>li .tit {
    font-size: 1.5em;
  }

  .board_list3>li .tit .sort {
    width: 45px;
    height: 25px;
    line-height: 25px;
    vertical-align: 4px;
  }

  /* // board_list3 */

  /* hi_board_list.skin2 */
  .hi_board_list.skin2 .txt_box {
    padding: 15px;
  }

  .hi_board_list.skin2 .txt_box .tit {
    font-size: 1.3em;
  }

  .hi_board_list.skin2 .new_mark {
    width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
  }

  .photo_list>li {
    width: 50%;
  }

  .photo_list>li .img {
    height: 180px;
  }
}

@media (max-width:767px) {

  /* useful */
  .pc-view {
    display: none !important;
  }

  .m-view {
    display: block !important;
  }

  .on_767 {
    display: block !important;
  }

  .none_767 {
    display: none !important;
  }

  .i_767 {
    display: inline !important;
  }

  .ib_767 {
    display: inline-block !important;
  }


  /* board_list */
  .board_list tbody td.sort {
    height: 25px;
    line-height: 25px;
    margin-left: 10px;
    color: #2651b9;
    font-weight: 500;
  }

  .board_list tbody td.sort:before {
    content: "[";
    padding: 0;
    padding-right: 2px;
    vertical-align: baseline;
    font-size: 13px;
  }

  .board_list tbody td.sort:after {
    content: "]";
    display: inline-block;
    padding-left: 2px;
    font-size: 13px;
  }

  .board_list tbody td.sort2 {
    color: #b74cd0;
  }

  .board_list tbody td.sort3 {
    color: #8a8a8a;
  }

  .board_list tbody td.num:before,
  .board_list tbody td.tit:before,
  .board_list tbody td.tit+td:before {
    display: none !important;
  }

  .board_list .mark {
    padding: 2px 6px;
  }

  .board_list tbody td.check:before {
    display: none;
  }

  .board_list tbody td.view {
    display: block;
    width: 100%;
  }

  .board_list tbody td.view:before {
    display: none;
  }

  .common_btn.mini {
    margin-right: 0;
  }

  .pagination.skin2 a {
    line-height: 20px;
  }

  .board_list tbody td.download a:before {
    content: '다운로드';
    color: #2651b9;
  }

  .board_list tbody td.download a img {
    display: none;
  }

  /* board_view */
  .board_view_top {
    padding: 0 40px 20px;
  }

  .board_view_top .tit {
    font-size: 1.33em;
  }

  .board_view_top .sort {
    margin-top: 0;
  }

  .board_view_top .info .each:after {
    padding: 0 10px;
  }

  .board_view_top .controler {
    left: 0;
  }

  .board_view_top .next {
    left: auto;
    right: 0;
  }

  .board_view_file .tit {
    display: block;
    width: 100%;
  }

  .board_view_file .file_box {
    display: block;
  }

  /* board_view.skin3 */
  .board_view.skin3 .board_view_top {
    padding: 20px 12px 0;
  }

  .board_view.skin3 .board_view_top .info {
    margin-bottom: 20px;
  }

  .board_view.skin3 .board_view_top .tit {
    font-size: 1.5em;
    margin-bottom: 15px;
  }

  .board_view.skin3 .board_view_top .tit .mark {
    width: 48px;
    height: 28px;
    line-height: 28px;
    vertical-align: 3px;
  }

  .board_view.skin3 .board_view_top .tit .sort {
    vertical-align: 2px;
  }

  .board_view.skin3 .board_view_file .file_box {
    padding: 20px 12px;
  }

  .board_view.skin3 .board_view_con {
    padding: 55px 12px;
  }

  .board_view_btn.type2 .control_box {
    padding: 0 20px;
    margin-bottom: 30px;
  }

  .board_view_btn.type2 .control_box .controler {
    padding: 0 20px;
    font-size: 1em;
  }

  .board_view_btn.type2 .control_box .controler.prev {
    padding-left: 40px;
  }

  .board_view_btn.type2 .control_box .controler.next {
    padding-right: 40px;
  }

  .board_view_btn.type2 .control_box .controler i {
    font-size: 20px;
    margin-top: -10px;
  }


  .photo_list>li {
    width: 100%;
  }

  .common_btn {
    min-width: 120px;
    height: 45px;
    line-height: 43px;
  }


  /* board_write */
  .board_write .email_input {
    max-width: 130px;
    margin: 3px 0;
  }

  /* board_write.skin3 */
  .board_write.skin3 th,
  .board_write.skin3 td {
    padding: 20px 0 12px;
  }

  /* pagination */

  .pagination .page_arrow {
    font-size: 15px;
  }


  .board_list .board_list_btn {
    padding: 0px 15px;
    font-size: 13px;
  }

  /* basic_table */
  .basic_table th,
  .basic_table td {
    padding: 7px 5px;
    font-size: 10px;
  }

  @-webkit-keyframes tblScrollAni {
    0% {
      background-position: 48% 0;
    }

    50% {
      background-position: 52% 0;
    }

    100% {
      background-position: 48% 0;
    }
  }

  @keyframes tblScrollAni {
    0% {
      background-position: 48% 0;
    }

    50% {
      background-position: 52% 0;
    }

    100% {
      background-position: 48% 0;
    }
  }


  .board_write th,
  .board_write td {
    padding: 20px 15px;
  }

  .board_write.skin2 th {
    padding: 15px 10px 5px;
  }

  .board_write.skin2 td {
    padding: 5px 10px 15px;
  }


  .board_list tbody td .sort {
    height: auto;
    line-height: normal;
    color: #2651b9;
    font-weight: 500;
  }

  .board_list td .sort {
    display: inline-block;
    border: none;
    width: auto;
    height: auto;
    line-height: normal;
  }

  .board_list td .sort span {
    padding-left: 0;
    background: none !important;
  }

  .board_list .file a img {
    width: 14px;
  }
}



/************************************/
/*           #Breadcrumb            */
/************************************/
#Breadcrumb {
  position: relative;
  padding: 2vw 0 0;
  z-index: 99;
  pointer-events: none;
}

#Breadcrumb .container {
  display: flex;
}

#Breadcrumb .breadcrumbs_list {
  display: flex;
  margin: 0 0 0 auto;
  padding: 0;
  height: 55px;
  text-align: left;
}

#Breadcrumb.box .breadcrumbs_list {
  padding: 0 0 0 24px;
  border-radius: var(--border-radius-l);
  background-color: #eeee;
  backdrop-filter: blur(4px);
  pointer-events: all;
}

#Breadcrumb .breadcrumbs_item {
  display: flex;
  position: relative;
  width: 230px;
  height: 100%;
  margin-left: 20px;
  vertical-align: middle;
}

#Breadcrumb .breadcrumbs_item:first-child {
  width: auto !important;
  margin: 0;
}

#Breadcrumb .breadcrumbs_item::after {
  content: "\e93e";
  display: inline-block;
  position: absolute;
  top: 19px;
  right: -17px;
  width: auto;
  height: 25px;
  font-family: xeicon !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#Breadcrumb .breadcrumbs_item:last-child::after {
  display: none;
}

#Breadcrumb .home {
  display: block;
  position: relative;
  padding-right: 20px;
  height: 55px;
  line-height: 51px;
  font-size: 24px;
  font-weight: 400;
}

#Breadcrumb .breadcrumbs_btn {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 10;
  width: 100%;
  height: 100%;
  padding-right: 12px;
  padding-left: 22px;
  font-size: var(--font-size);
  font-weight: 700;
  text-align: left;
  border: 1px solid transparent;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#Breadcrumb .breadcrumbs_btn.none {
  pointer-events: none;
}

#Breadcrumb .breadcrumbs_btn.none::after {
  display: none;
}

#Breadcrumb .breadcrumbs_btn>span {
  display: inline-block;
  width: auto;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

#Breadcrumb .breadcrumbs_item.open .breadcrumbs_btn {
  background: #ffffff;
  border-color: rgb(var(--rgb-border));
  border-radius: var(--border-radius) var(--border-radius) 0 0;
}

#Breadcrumb .breadcrumbs_btn::after {
  content: "\e941";
  display: flex;
  margin: 0 0 0 8px;
  width: 25px;
  height: 25px;
  line-height: 25px;
  font-family: xeicon !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: transform .2s ease;
}

#Breadcrumb .breadcrumbs_item.open .breadcrumbs_btn::after {
  transform: rotateX(180deg);
}

#Breadcrumb .breadcrumbs_item div {
  visibility: hidden;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 0;
  border: 1px solid rgb(var(--rgb-border));
  border-radius: var(--border-radius);
  background-color: #f1f1f1e6;
  box-shadow: none;
  opacity: 0;
  transition-duration: 100ms;
  transition-property: opacity, visibility, height, box-shadow;
  transition-timing-function: ease-in-out;
  backdrop-filter: blur(8px);
}

#Breadcrumb .breadcrumbs_item.open div {
  visibility: visible;
  box-shadow: 15px 26px 30px 0px rgba(0, 0, 0, 0.2);
  opacity: 1;
  height: auto;
}

#Breadcrumb .breadcrumbs_item ul {
  padding: 57px 22px 9px;
}

#Breadcrumb .breadcrumbs_item li {
  position: relative;
  padding: 7px 0 6px;
}

#Breadcrumb .breadcrumbs_item li.active {
  display: none;
}

#Breadcrumb .breadcrumbs_item li a {
  display: block;
  position: relative;
  padding-top: 7px;
  padding-right: 5px;
  padding-bottom: 7px;
  color: rgb(var(--rgb-text-sub));
  font-size: var(--font-size);
  font-weight: 600;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}




.centered-text .nectar-split-heading[data-animation-type="line-reveal-by-space"] h1,
.centered-text .nectar-split-heading[data-animation-type="line-reveal-by-space"] h2,
.centered-text .nectar-split-heading[data-animation-type="line-reveal-by-space"] h3,
.centered-text .nectar-split-heading[data-animation-type="line-reveal-by-space"] h4,
.centered-text .nectar-split-heading[data-animation-type="line-reveal-by-space"] p {
  margin: 0 auto;
}

.nectar-split-heading[data-animation-type="line-reveal-by-space"]:not(.markup-generated) {
  opacity: 0;
}

.nectar-split-heading[data-animation-type="line-reveal-by-space"]:not(.markup-generated).animated-in {
  opacity: 1;
}

.nectar-split-heading[data-animation-type="line-reveal-by-space"]>*>span {
  position: relative;
  display: inline-block;
  overflow: hidden;
}

.nectar-split-heading[data-animation-type="line-reveal-by-space"] span {
  vertical-align: bottom;
}

.nectar-split-heading[data-animation-type="line-reveal-by-space"] span {
  line-height: 1.2;
}

@media (min-width:1000px) {
  .nectar-split-heading[data-animation-type="line-reveal-by-space"]:not(.markup-generated):not([data-text-effect="none"])>* {
    line-height: 1.2;
  }
}

@media (max-width:999px) {
  .nectar-split-heading[data-animation-type="line-reveal-by-space"]:not([data-m-rm-animation="true"]):not(.markup-generated):not([data-text-effect="none"])>* {
    line-height: 1.2;
  }
}

.nectar-split-heading[data-animation-type="line-reveal-by-space"][data-stagger="true"]:not([data-text-effect*="letter-reveal"]) span .inner {
  transition: transform 1.2s cubic-bezier(0.25, 1, 0.5, 1), opacity 1.2s cubic-bezier(0.25, 1, 0.5, 1), filter 1.2s cubic-bezier(0.25, 1, 0.5, 1);
}

.nectar-split-heading[data-animation-type="line-reveal-by-space"] span .inner {
  position: relative;
  display: inline-block;
  -webkit-transform: translateY(1.3em);
  transform: translateY(1.3em);
}

.nectar-split-heading[data-animation-type="line-reveal-by-space"] span .inner.animated {
  -webkit-transform: none;
  transform: none;
  opacity: 1;
}

.nectar-split-heading[data-animation-type="line-reveal-by-space"][data-text-effect="letter-reveal-bottom"]>*>span {
  padding: 0 .05em;
  margin: 0 -0.05em;
}

@media (max-width:999px) {
  .nectar-split-heading[data-animation-type="line-reveal-by-space"][data-m-rm-animation="true"] span .inner {
    -webkit-transform: none;
    transform: none !important;
    opacity: 1;
  }
}

.nectar-split-heading[data-animation-type="line-reveal-by-space"][data-align="left"] {
  display: flex;
  justify-content: flex-start;
}

.nectar-split-heading[data-animation-type="line-reveal-by-space"][data-align="center"] {
  display: flex;
  justify-content: center;
}

.nectar-split-heading[data-animation-type="line-reveal-by-space"][data-align="right"] {
  display: flex;
  justify-content: flex-end;
}

@media (max-width:999px) {
  .nectar-split-heading[data-animation-type="line-reveal-by-space"][data-m-align="left"] {
    display: flex;
    justify-content: flex-start;
  }

  .nectar-split-heading[data-animation-type="line-reveal-by-space"][data-m-align="center"] {
    display: flex;
    justify-content: center;
  }

  .nectar-split-heading[data-animation-type="line-reveal-by-space"][data-m-align="right"] {
    display: flex;
    justify-content: flex-end;
  }
}


/* =========================================
/*            전체 문화·예술              */
/* ====================================== */

.poster-wrapper {
  display: grid;
  grid-template-columns: 280px 1fr;
  align-items: start;
  gap: 120px;
  margin-top: 2vw;
}

.filter-list {
  position: sticky;
  top: 96px;
  overflow: hidden;
  padding: 2px;
}

.filter-list h2 {
  margin: 0 0 12px;
  font-size: var(--font-size-m);
  font-weight: 600;
}

.filter-list h2 strong {
  color: rgb(var(--rgb-blue-main));
}

.filter-list .reset-btn-main {
  display: inline-block;
  margin: 0 0 0 4px;
  padding: 6px;
  line-height: 16px;
  vertical-align: top;
}

.filter-list .reset-btn-main i {
  font-size: 16px;
}

.filter-list .search-section .search-input-main {
  width: 100%;
}

.filter-list .search-section .search-btn-main {
  padding: 16px
}

.filter-list .filter-detail-box {
  /* margin-top: 20px; */
  /* padding: 20px 0 0; */
  /* border-top: 1px solid rgba(var(--rgb-border), .5); */
}

.filter-list .filter-detail-box h3 {
  margin: 0 0 0.5em;
  font-size: var(--font-size);
  font-weight: 600;
}

.filter-list .filter-detail-box>ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 2px;
}

.filter-list .category-item {
  padding: 14px 20px;
  font-size: var(--font-size);
}


.filter-list .filter-detail-box select {
  padding: 14px 20px;
  font-size: var(--font-size);
}


.filter-detail-list {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 28px;
  margin-top: 28px;
}

.filter-detail-link {
  display: inline-block;
  padding: 14px 20px;
  font-size: var(--font-size);
  font-weight: 600;
  line-height: 1;
  text-align: center;
  border: 1px solid rgb(var(--rgb-border));
  border-radius: var(--border-radius-l);
  background-color: #fff;
}

.filter-detail-link.is-active {
  color: #fff;
  border-color: #151515;
  background-color: #151515;
}


.poster-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 60px 30px;
}

.no-result-list {
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}

.no-result {
  text-align: center;
  font-size: var(--font-size-m);
  font-weight: 500;
}

.no-result span {
  display: inline-block;
  width: 360px;
  padding: 25px 0;
  background-color: #f7f7f7;
  border: 1px solid #ccc;
}

.poster-item .nectar-fancy-box {
  transition: transform .75s cubic-bezier(.2, .75, .5, 1), opacity .5s ease .3s;
  /* transform: none !important; */
}

.poster-item .nectar-fancy-box:hover {
  /* transform: translateY(-20px) !important; */
}

.poster-item .nectar-fancy-box:hover .box-bg {
  /* transform: none; */
}

.poster-item .nectar-fancy-box .image-wrap {
  position: relative;
  background: #fff;
  overflow: hidden;
  border-radius: var(--border-radius-l);
}

.poster-item .nectar-fancy-box .image-wrap::after {
  content: "";
  display: block;
  position: absolute;
  inset: auto 0 0 0;
  z-index: 1;
  height: 100%;
  /* background-image: linear-gradient(0deg, #0003 0, #0000 100%); */
  background: radial-gradient(circle, #4440 0%, #4442 100%);
}

.poster-item .nectar-fancy-box .box-bg {
  padding-bottom: calc((1 / (var(--poster-ratio))) * 100%);
}

.poster-item .nectar-fancy-box .box-link:has(~.box-other-link) {
  height: calc(100% - 80px);
}

.poster-item .nectar-fancy-box .text {
  padding: 20px 0px 0px;
}

.poster-item .nectar-fancy-box .text h3 {
  margin: 0;
  color: rgb(var(--rgb-text-main));
  font-size: var(--font-size-m);
  line-height: 1.3;
  text-wrap: balance;
}

.poster-item .nectar-fancy-box .text p {
  margin: 0;
  padding: 6px 0 0;
  color: rgb(var(--rgb-text-sub));
  font-size: var(--font-size);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.poster-item .nectar-fancy-box .text h4 {
  margin: 0;
  padding: 0;
  color: rgb(var(--rgb-text-sub));
  font-size: var(--font-size);
  font-weight: 420;
  text-decoration: none;
  background: none;
}



/************************************/
/*           404            */
/************************************/
.error-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100vh;
  margin-top: -80px;
}

.error-wrap h1 {
  font-size: 90px;
  margin: 0;
}

.error-wrap h3 {
  font-size: 50px;
  font-weight: 500;
  margin: 0;
  text-align: center;
}

.error-wrap h4 {
  font-size: 24px;
  font-weight: 500;
  margin: 0;
  text-align: center;
}

.error-wrap a {
  padding: 18px;
  background: #151515;
  color: #ffffff;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--border-radius);
  width: 200px;
  text-align: center;
  margin-top: 16px;
}

.error-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 15px;
}




html.js-open-share-popup {
  overflow: hidden;
}

#Dj__ShareDialogBg {
  position: fixed;
  z-index: 9998;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  backdrop-filter: var(--backdrop-blur);
  transition: opacity 400ms ease 0ms;
  opacity: 1;
}

#Dj__ShareDialog {
  display: block;
  position: fixed;
  top: 50svh;
  left: 50%;
  padding: 40px;
  width: 90%;
  min-width: 300px;
  max-width: 480px;
  border-radius: var(--border-radius-l);
  background-color: #fff;
  transform: translate(-50%, -50%);
  z-index: 9999;
}

#Dj__ShareDialog header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

#Dj__ShareDialog .dialog-title {
  margin: 0;
  font-size: var(--font-size-l);
}

#Dj__ShareDialog svg {
  width: 20px;
  height: 20px;
  margin-right: 7px;
}

#Dj__ShareDialog button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: var(--font-size);
  font-weight: 700;
  line-height: 1.1;
  text-decoration: none;
  white-space: nowrap;
  text-align: center;
  color: rgb(var(--rgb-text-main));
  border: 1px solid rgb(var(--rgb-border));
  border-radius: var(--border-radius-s);
  appearance: none;
  cursor: pointer;
  transition: 0.3s ease;
}

#Dj__ShareDialog button:hover {
  color: rgb(var(--rgb-blue-main));
  border-color: rgb(var(--rgb-blue-main));
}

#Dj__ShareDialog button i {
  margin-right: 4px;
  font-size: 20px;
}

#Dj__ShareDialog button:hover svg {
  fill: rgb(var(--rgb-blue-main));
}

#Dj__ShareDialog .targets {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 12px;
  margin-bottom: 12px;
}

#Dj__ShareDialog .close-button {
  background-color: transparent;
  border: none;
  padding: 0;
}

#Dj__ShareDialog .close-button svg {
  width: var(--font-size-l);
  height: var(--font-size-l);
  margin-right: 0;
}

#Dj__ShareDialog .link {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 8px 12px;
  color: rgb(var(--rgb-text-main));
  border: 1px solid rgb(var(--rgb-border));
  border-radius: var(--border-radius-s);
  background-color: #fff;
}

#Dj__ShareDialog .pen-url {
  --a11y-color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px;
  width: 100%;
  height: auto;
  white-space: nowrap;
  border: 0;
  border-radius: var(--border-radius-s);
  background-color: #fff;
  overflow: hidden;
  resize: none;
}

#Dj__ShareDialog .link button {
  flex: 0 0 auto;
  padding: 8px 12px;
  border-radius: var(--border-radius-pill);
  corner-shape: round;
}

/************************************/
/*             반응형               */
/************************************/

@media (max-width: 1919px) {
  .site-navi-bar__page-navi-box {
    padding: 0 120px;
    box-sizing: border-box;
  }
}

@media (max-width: 1599px) {
  .site-navi-bar__page-navi-box {
    padding: 0 100px;
  }

  .site-navi-bar__page-navi-prod-name {
    width: auto;
  }

  .site-navi-bar__page-navi-menu-wrap {
    margin-left: 24px;
  }
}


@media (max-width: 1023px) {
  .site-navi-bar__sub.test-drive-navi {
    background-color: #fff;
    border-bottom: 2px solid #e5e5e5;
  }

  .site-navi-bar__sub.test-drive-navi .site-navi-bar__sub-inner {
    justify-content: center;
    padding: 0 20px;
  }

  .site-navi-bar__sub.test-drive-navi .site-navi-bar__sub-inner .sub-navigation button {
    display: block;
    width: 16px;
    height: 17px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
  }

  .site-navi-bar__sub.test-drive-navi .site-navi-bar__sub-inner .sub-navigation .select-name {
    display: block;
    height: 100%;
    font-size: 18px;
    line-height: 49px;
  }

  .site-navi-bar__sub.test-drive-navi .test-drive-navi__cta {
    display: none;
  }

  .site-navi-bar__sub.service-network-navi .site-navi-bar__sub-inner {
    justify-content: center;
    padding: 0 20px;
  }

  .site-navi-bar__sub.service-network-navi .site-navi-bar__sub-inner .sub-navigation button {
    display: block;
    width: 16px;
    height: 17px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
  }

  .site-navi-bar__sub.service-network-navi .site-navi-bar__sub-inner .sub-navigation .select-name {
    display: block;
  }

  .site-navi-bar__sub.service-network-navi .site-navi-bar__sub-inner .js-layer-closer {
    left: auto;
    right: 20px;
  }

  .site-navi-bar__sub.service-network-navi .site-navi-bar__sub-inner .select-name {
    display: block;
    height: 100%;
    font-size: 18px;
    line-height: 49px;
    color: #fff;
  }

  .site-navi-bar__sub.service-network-navi .site-navi-bar__sub-inner .js-svg-icon svg {
    fill: #fff;
  }

  .site-navi-bar__sub.type-dark {
    background: #1a1a1a;
    color: #fff;
    border-bottom: 2px solid #1e1e1e;
  }

  .site-navi-bar__sub.type-dark .site-navi-bar__sub-inner {
    justify-content: center;
  }

  .site-navi-bar__sub.type-dark .site-navi-bar__sub-inner .sub-navigation button {
    fill: #fff;
  }

  #HeaderSub .sub-navigation .sub-menu-layer:before,
  #HeaderSub .sub-navigation .sub-menu-layer:after {
    display: none;
  }

  #HeaderSub .sub-navigation .sub-menu-layer .product-name-tb {
    float: left;
    display: block;
    height: 49px;
    min-width: 150px;
    color: #fff;
  }

  #HeaderSub .sub-navigation .sub-menu-layer .product-name-tb:before {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    content: '';
  }

  #HeaderSub .sub-navigation .sub-menu-layer .product-name-tb span {
    display: inline-block;
    font-size: 16px;
    vertical-align: middle;
  }

  #HeaderSub .sub-navigation .sub-menu-layer-inner {
    height: 100%;
  }

  #HeaderSub .sub-navigation .sub-menu-wrap {
    float: left;
    margin-left: -2px;
  }

}

@media (max-width: 1023px) {

  #HeaderSub.type-roadtrip .sub-navigation .sub-menu-layer-inner,
  #HeaderSub.nav-break_xxlg.type-roadtrip .sub-navigation .sub-menu-layer-inner,
  #HeaderSub.type-E80 .sub-navigation .sub-menu-layer-inner,
  #HeaderSub.nav-break_xxlg.type-E80 .sub-navigation .sub-menu-layer-inner {
    position: static;
  }

  #HeaderSub.type-roadtrip .sub-navigation .sub-menu-wrap,
  #HeaderSub.nav-break_xxlg.type-roadtrip .sub-navigation .sub-menu-wrap,
  #HeaderSub.type-E80 .sub-navigation .sub-menu-wrap,
  #HeaderSub.nav-break_xxlg.type-E80 .sub-navigation .sub-menu-wrap {
    display: block;
    width: 100%;
    justify-content: flex-start;
    flex-wrap: nowrap;
  }

  #Header#HeaderSub .sub-menu,
  #HeaderSub.nav-break_xxlg .sub-menu {
    margin-left: 0 !important;
  }

  #HeaderMain .depth-list {
    padding: 0 30px;
  }

  .site-navi-bar__sub-inner {
    width: 100%;
  }

  .site-navi-bar__sub-inner .sub-menu-wrap {
    max-width: 1300px;
  }

  /* .site-navi-bar__sub-inner .sub-menu-wrap__inner .swiper-wrapper {
    display: block;
  } */

  .site-navi-bar__sub-inner .sub-menu-wrap__inner .swiper-slide {
    margin-left: 24px;
  }

  .site-navi-bar__sub-inner .sub-menu-wrap__inner .swiper-button-prev,
  .site-navi-bar__sub-inner .sub-menu-wrap__inner .swiper-button-next {
    display: none;
  }

  .site-navi-bar__sub-inner.swiper-mode .sub-menu-wrap__inner .swiper-button-prev,
  .site-navi-bar__sub-inner.swiper-mode .sub-menu-wrap__inner .swiper-button-next {
    display: none;
  }

  #HeaderSub .sub-navigation .select-opener {
    height: 49px;
    padding: 0 10px;
    font-size: 17px;
  }

  #HeaderSub .sub-navigation .select-opener.is-disabled {
    pointer-events: none;
  }

  #HeaderSub .sub-navigation .select-opener.is-disabled .ico-arrow {
    display: none;
  }

  #HeaderSub .sub-navigation .sub-menu-wrap {
    float: none;
    margin-left: 0;
  }

  #HeaderSub .sub-navigation .ico-arrow {
    position: relative;
    display: inline-block;
    width: 14px;
    height: 7px;
    margin-left: 8px;
    letter-spacing: 0;
    vertical-align: middle;
    fill: #fff;
  }

  #HeaderSub .sub-navigation .sub-menu-layer .product-name-tb {
    display: none;
  }

  /* #HeaderSub .sub-navigation .sub-menu-layer .sub-menu {
    float: none;
    margin-left: 0;
    border-bottom: 1px solid #1e1e1e;
  } */

  #HeaderSub .sub-navigation .sub-menu-layer .sub-menu.is-selected a {
    color: #fff;
  }

  #HeaderSub .sub-navigation .sub-menu-layer .sub-menu.is-selected a:after {
    opacity: 1;
  }

  /* #HeaderSub .sub-navigation .sub-menu-layer .sub-menu a {
    height: auto;
    padding: 18px 0 16px;
    font-size: 15px;
    color: #bbb;
    line-height: 1;
    transition: color 0.4s;
  } */

  /* #HeaderSub .sub-navigation .sub-menu-layer .sub-menu a:after {
    display: none;
  } */

  #HeaderSub .sub-navigation .sub-menu-layer .sub-menu a:hover,
  #HeaderSub .sub-navigation .sub-menu-layer .sub-menu a:focus {
    color: #fff;
    transition: color 0.4s;
  }
}

@media (max-width: 1023px) {
  .site-navi-bar__page-navi-box {
    height: 52px;
    padding: 0 20px;
  }

  .site-navi-bar__page-navi-cover {
    flex: 1;
    min-width: auto;
    width: auto;
  }

  .site-navi-bar__page-navi-cover.s-active .site-navi-bar__page-navi-select-btn:after {
    transform: rotate(180deg);
  }

  .site-navi-bar__page-navi-prod-name {
    display: none;
  }

  .site-navi-bar__page-navi-select-btn {
    display: inline-flex;
    align-items: center;
    position: relative;
  }

  .site-navi-bar__page-navi-select-btn:after {
    content: '';
    width: 12px;
    height: 12px;
    margin-top: -1px;
    margin-left: 4px;
    background: url("../../../../../../../etc.clientlibs/genesis-p2/global/clientlibs/clientlib-basepage/resources/images/ico-navi-select-arrow.svg") no-repeat center/cover;
    transition: transform 0.35s;
  }

  .site-navi-bar__page-navi-select-btn.is-disabled {
    pointer-events: none;
  }

  .site-navi-bar__page-navi-select-btn.is-disabled:after {
    display: none;
  }

  .site-navi-bar__page-navi-menu-wrap {
    overflow: visible;
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 0;
    margin: 0;
    background: #111;
  }

  .site-navi-bar__page-navi-menu-dimmed {
    display: none;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(10px);
  }

  .site-navi-bar__page-navi-menu {
    opacity: 0;
    padding: 0 20px 22px;
  }

  .site-navi-bar__page-navi-list {
    display: block;
  }

  .site-navi-bar__page-navi-item {
    padding: 10px 0;
  }

  .site-navi-bar__page-navi-item+.site-navi-bar__page-navi-item {
    margin-left: 0;
  }

  .site-navi-bar__page-navi-btn {
    width: 100%;
    text-align: left;
  }

  .site-navi-bar__page-navi-arr-btn {
    display: none !important;
  }

  .site-navi-bar__page-navi-btn-build {
    padding: 6.5px 12px 7.5px;
  }
}

@media (max-width: 1700px) {
  :root {
    --container-width: 1300px;

    --font-size-s: 14px;
    --font-size: 16px;
    --font-size-m: 20px;
    --font-size-l: 24px;
    --font-size-xl: 28px;
    --font-size-xxl: 34px;
    --font-size-xxxl: 52px;
    --font-size-xxxxl: 68px;
  }

  #HeaderMain .logo {
    margin-right: 50px;
  }

  #HeaderMain .depth2-layer__info {
    width: 16%;
  }

  #HeaderSub .product-name {
    min-width: 250px;
  }
}

@media (max-width: 1599px) {

  #HeaderMain .cta-button,
  #HeaderMain .cta-button.type2 {
    font-size: 14px;
    min-width: 100%;
    min-width: 100%;
    height: 42px;
    line-height: 44px;
  }

  #HeaderMain .cta-button .masker span,
  #HeaderMain .cta-button.type2 .masker span {
    height: 42px;
    line-height: 44px;
  }

  #HeaderMain .cta-button .text,
  #HeaderMain .cta-button.type2 .text {
    font-size: 14px;
  }

  #HeaderMain .util-sitemap .sitemap .link-container {
    width: 26.1%;
  }

  #HeaderMain .util-sitemap .sitemap .link-container:nth-child(4n) {
    width: 21.7%;
  }

  #HeaderMain .util-sitemap .sitemap .link-title {
    margin-bottom: 17px;
  }

  #HeaderMain .util-sitemap .sitemap li {
    margin-top: 15px;
  }

  #HeaderMain .util-sitemap .sitemap-layer-inner {
    padding: 30px 200px;
  }

  #HeaderMain .util-sitemap .sitemap-bottom {
    padding: 0 200px;
  }

  #HeaderMain .util-sitemap .sitemap-logo .logo-img {
    width: 150px;
  }

  #HeaderMain .util-sitemap .sitemap .link-title {
    font-size: 20px;
  }

  #HeaderMain .util-sitemap .sitemap li a {
    font-size: 14px;
  }

  #HeaderMain .util-sitemap .disclaimer-link .link-list {
    margin-left: -33px;
  }

  #HeaderMain .util-sitemap .disclaimer-link li {
    margin-left: 33px;
  }

  #HeaderMain .util-sitemap .disclaimer-link li .cm-btn-text {
    font-size: 13px;
  }

  #HeaderMain .logo {
    width: 180px;
  }

  #HeaderMain .depth1 {
    margin-left: 40px;
  }

  #HeaderMain .depth2-layer__inner {
    display: block;
    padding-bottom: 0;
  }

  #HeaderMain .depth2-layer__menu .depth2-layer {
    /* font-size: 16px; */
  }

  #HeaderMain .depth2-layer__menu .depth2-name {
    /* font-size: 16px; */
  }

  #HeaderMain .depth2-layer__bottom .info-link {
    /* padding: 0 100px; */
  }

  #HeaderMain .depth2-layer__bottom .info-link-inner {
    padding-left: 0;
  }

  #HeaderMain .depth2-layer__bottom .btn-wrap {
    margin-left: 50px;
  }

  .site-navi-bar__sub-inner .sub-menu-wrap__inner .swiper-slide {
    margin-left: 30px;
  }

  .site-navi-bar__sub-inner .sub-menu-wrap__inner .swiper-slide .sub-menu:first-child {
    margin-left: 0;
  }

  #HeaderSub .product-name {
    min-width: 230px;
  }

  #HeaderSub .sub-navigation .sub-menu {
    margin-left: 30px;
  }

  #HeaderSub .sub-navigation .sub-menu:first-child {
    margin-left: 0;
  }

  #HeaderSub .sub-navigation .sub-menu a {
    font-size: 14px;
  }
}

@media(max-width: 1500px) {}

@media (max-width: 1400px) {
  :root {
    --font-size-s: 14px;
    --font-size: 16px;
    --font-size-m: 20px;
    --font-size-l: 24px;
    --font-size-xl: 26px;
    --font-size-xxl: 32px;
    --font-size-xxxl: 44px;
    --font-size-xxxxl: 64px;
    --scrollbar-width: 8px;

    --header-padding-block: 36px;
    --header-padding-inline: 60px;

    --container-padding-inline: 36px;
    --container-width: 1100px;
  }

  #HeaderMain .util-navigaiton {
    gap: 20px;
  }

  .title-container {
    padding: 50px 0 25px;
  }

  .poster-wrapper {
    grid-template-columns: 260px 1fr;
    gap: 60px;
  }

  #BoardList.notice-content .category-list {
    flex-wrap: wrap;
    align-items: center;
  }

  #BoardList .category-item {
    padding: 18px 36px;
  }

  #BoardList .search-section {
    width: 100%;
  }

  #BoardList:not(.category-on) .category-list {
    flex-wrap: wrap;
  }

}

@media (max-width: 1359px) {

  #HeaderMain .depth1 {
    margin-left: 30px;
  }

  #HeaderMain .depth1-link {
    font-size: 18px;
  }

  #HeaderMain .depth2-layer__inner {
    display: block;
    padding-bottom: 3px;
  }

  #HeaderMain .depth2-layer__bottom .info-link {
    padding-left: 76px;
  }

  #HeaderMain .depth2-layer__bottom .info-link .btn-more {
    font-size: 14px;
  }

  #HeaderMain .util-sitemap .sitemap-layer-inner {
    padding: 30px 76px;
  }

  #HeaderMain .util-sitemap .sitemap-bottom {
    padding: 0 76px;
  }

  #HeaderSub .product-name {
    min-width: 220px;
  }

  .site-navi-bar__page-navi-box {
    padding: 0 76px;
  }

  .site-navi-bar__sub.test-drive-navi .site-navi-bar__sub-inner,
  .site-navi-bar__sub.service-network-navi .site-navi-bar__sub-inner {
    padding: 0 227px;
  }

  .site-navi-bar__sub-inner {
    height: 49px;
  }

  .site-navi-bar__sub-inner .sub-menu-wrap {
    max-width: 1000px;
  }

  .site-navi-bar__sub-inner .sub-menu-wrap__inner .swiper-slide {
    margin-left: 10px;
  }


  .site-navi-bar__sub-inner .sub-menu-wrap__inner .swiper-button-prev,
  .site-navi-bar__sub-inner .sub-menu-wrap__inner .swiper-button-next {
    height: 49px;
  }

  .site-navi-bar__sub-inner .sub-menu-wrap__inner .swiper-button-prev button,
  .site-navi-bar__sub-inner .sub-menu-wrap__inner .swiper-button-next button {
    width: 48px;
    height: 49px;
  }

  .site-navi-bar__sub-inner .sub-menu-wrap__inner .swiper-button-next {
    right: 48px;
  }

  #HeaderSub .product-name span {
    line-height: 49px;
  }

  #HeaderSub .sub-navigation {
    height: 49px;
  }

  #HeaderSub .sub-navigation.is-opened .ico-arrow {
    transform: rotate(-180deg);
  }

  #HeaderSub .sub-navigation.is-opened .sub-menu-layer {
    display: block;
  }

  #HeaderSub .sub-navigation .select-opener {
    height: 100%;
    font-size: 14px;
    color: #fff;
    letter-spacing: -10px;
  }

  #HeaderSub .sub-navigation .select-name {
    letter-spacing: 0;
  }

  #HeaderSub .sub-navigation .ico-arrow {
    overflow: hidden;
    width: 14px;
    height: 7px;
    margin-left: 6px;
    letter-spacing: 0;
    vertical-align: middle;
    transition: transform 0.4s;
  }

  #HeaderSub .sub-navigation .ico-arrow svg {
    fill: #fff;
  }

  #HeaderSub .sub-navigation .sub-menu-layer {
    height: 49px;
  }

  #HeaderSub .sub-navigation .sub-menu-layer .product-name-tb {
    display: none;
  }

  #HeaderSub .sub-navigation .sub-menu-layer .sub-menu {
    margin-left: 14px;
  }

  #HeaderSub .sub-navigation .sub-menu-layer .sub-menu a {
    height: 49px;
    line-height: 49px;
  }

  .site-navi-bar__sub.name-over .sub-navigation .sub-menu-layer .product-name-tb {
    margin-right: 30px;
  }
}

@media (max-width: 1280px) {
  :root {
    --font-size-s: 14px;
    --font-size: 16px;
    --font-size-m: 20px;
    --font-size-l: 24px;
    --font-size-xl: 26px;
    --font-size-xxxl: 42px;
    --font-size-xxxxl: 60px;
    --scrollbar-width: 8px;

    --header-padding-block: 36px;
    --header-padding-inline: 60px;
  }

  #HeaderMain .depth2-layer__menu {
    display: block;
    padding: 40px 0 60px;
  }

  #HeaderMain .depth2-layer__menu-inner {
    --default-column: 140px;
    --gap: 20px;
  }
  #HeaderMain .depth2-layer__menu-inner+.depth2-layer__menu-inner {
    /* margin-top: 30px; */
  }

  #HeaderMain .depth2-layer__info {
    display: none; 
    /* display: block; */
    width: 100%;
    margin: 0 0 12px;
    padding: 40px 0 10px;
    border: 0;
    border-bottom: 1px solid #0001;
  }

  #HeaderMain .depth2-layer__menu .depth2 {
    /* margin-bottom: 20px; */
    /* padding-left: 30px; */
  }

  #HeaderMain #main-panel2 .depth2-layer__menu-inner+.depth2-layer__menu-inner,
  #HeaderMain #main-panel3 .depth2-layer__menu-inner+.depth2-layer__menu-inner {
    /* gap: 0; */
  }

}

@media (max-width: 1200px) {
  :root {
    --font-size-s: 14px;
    --font-size: 16px;
    --font-size-m: 18px;
    --font-size-l: 24px;
    --font-size-xxl: 36px;
    --font-size-xxxl: 42px;
    --scrollbar-width: 8px;

    --header-padding-block: 36px;
    --header-padding-inline: 60px;

    --container-padding-inline: 30px;
    --container-width: 1000px;
  }

  #HeaderMain .logo {
    margin-right: 40px;
  }

  #HeaderMain .main-navigation {
    /* margin: 0 auto; */
  }

  #HeaderMain .depth1 {
    margin-left: 20px;
  }

  .site-navi-bar__page-navi-btn {
    font-size: 15px;
    line-height: 1.266;
    letter-spacing: -0.01em;
  }

  .site-navi-bar__page-navi-select-btn {
    font-size: 16px;
    line-height: 1.31;
    letter-spacing: -0.01em;
    color: #fff;
  }

  .site-navi-bar__page-navi-btn-tit {
    font-size: 16px;
    line-height: 1.31;
    letter-spacing: -0.01em;
  }

  #HeaderSub .product-name {
    min-width: 210px;
  }


  .board_list colgroup:nth-child(2) {
    width: 30px;
  }

  .select-item select {
    padding: 0 50px 0 16px;
    font-size: 18px;
  }

  .poster-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 50px 30px;
  }

  #Footer .info dl {
    align-items: flex-start;
    gap: 8px;
    flex-direction: column;
  }

  .board_list.photo tbody {
    gap: 40px 30px;
  }

  .board_list.news tbody {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 1080px) {
  :root {
    --font-size-s: 14px;
    --font-size: 16px;
    --font-size-m: 18px;
    --font-size-l: 24px;
    --font-size-xxl: 36px;
    --font-size-xxxl: 40px;
    --font-size-xxxxl: 54px;
    --scrollbar-width: 8px;

    --header-padding-block: 36px;
    --header-padding-inline: 60px;

    --container-padding-inline: 20px;
    --container-width: 880px;
  }

  #HeaderMain .main-navigation {
    display: none;
  }

  #HeaderMain .container {
    /* width: 100%; */
  }

  #HeaderMain .logo {
    margin-right: 0;
  }

  #HeaderMain .util-sitemap {
    display: none;
  }

  #HeaderMain .util-mobile-menu {
    display: block;
  }

  #Breadcrumb .container {
    /* width: 100%; */
  }

  #Breadcrumb .breadcrumbs_item {
    width: 205px;
  }

  #HeaderSub .product-name {
    min-width: max-content;
    padding-right: 40px;
  }

  #BoardList {
    /* width: 100%; */
  }

  #Footer .footer-top .container {
    /* width: 100%; */
  }

  #Footer .footer-bottom .container {
    /* width: 100%; */
    gap: 12px;
  }

  #CultureBoardMain {
    /* width: 100%; */
  }

  .poster-wrapper {
    gap: 40px;
  }
  .board_list.photo tbody {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .filter-list .filter-detail-box {
    /* margin-top: 12px; */
  }



}

@media (max-width: 1024px) {
  :root {
    --font-size-s: 14px;
    --font-size: 16px;
    --font-size-m: 18px;
    --font-size-l: 24px;
    --font-size-xxl: 36px;
    --font-size-xxxl: 40px;
    --font-size-xxxxl: 50px;
    --scrollbar-width: 8px;
    --header-padding-block: 36px;
    --header-padding-inline: 60px;
  }

  #Footer {
    padding-bottom: 20px;
  }
}

@media (max-width: 960px) {
  :root {
    --font-size-s: 14px;
    --font-size: 16px;
    --font-size-m: 18px;
    --font-size-l: 20px;
    --font-size-xl: 24px;
    --font-size-xxl: 32px;
    --font-size-xxxl: 38px;
    --font-size-xxxxl: 44px;
    --scrollbar-width: 8px;

    --header-padding-block: 28px;
    --header-padding-inline: 40px;
    --header-height: 76px;

    --container-padding-inline: 20px;
    --container-width: calc(100% - calc(var(--container-padding-inline) * 2));
  }

  .error-wrap h3 {
    font-size: 40px;
  }

  .error-wrap h4 {
    font-size: 20px;
  }

  .fancy-select-wrap {
    max-width: 265px;
    height: 50px;
  }

  .select-item select {
    font-size: 18px;
    text-overflow: ellipsis;
  }

  .search-section {
    height: 50px;
  }

  .poster-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #BoardList .category-item {
    display: flex;
    align-items: center;
    height: 50px;
    padding: 0 36px;
  }

  #Footer .footer-top .container {
    flex-direction: column;
    align-items: center;
    gap: 12px;
  }

  .board-write .write-wrap {
    padding: 40px;
  }

  .board-write .write-wrap ul li {
    gap: 40px;
  }

  .board-write .write-wrap ul li .inner {
    gap: 20px;
  }

  .board-write .btn-wrap {
    height: 50px;
  }

  .board_list.photo tbody {
    gap: 36px 24px;
  }

  #Breadcrumb .breadcrumbs_btn {
    padding-left: 16px;
  }

  #Festival #Breadcrumb .breadcrumbs_item:nth-child(3) {
    display: none;
  }
}

@media (max-width: 860px) {
  #Breadcrumb .breadcrumbs_item {
    width: max-content;
  }

  #Festival #Breadcrumb .breadcrumbs_item {
    /* width: 200px; */
  }

  #Breadcrumb .breadcrumbs_btn {
    padding-right: 20px;
  }

  .search-container:focus-within {
    transform: none;
  }

  .pagination {
    margin-top: 30px;
    margin-bottom: 20px;
  }

  #BoardList .category-item {
    padding: 0 26px;
  }

  #BoardList .category-list {
    gap: 20px 16px;
  }

  #Footer .footer-bottom .container {
    flex-direction: column;
  }

  #Footer .footer-bottom {
    padding: 4vw 0 4vw;
  }

  #Footer .logo {
    height: 50px;
  }
}

@media (max-width: 768px) {
  :root {
    --border-radius-s: 8px;
    --border-radius: 12px;
    --border-radius-l: 16px;

    --font-size-s: 14px;
    --font-size: 16px;
    --font-size-m: 18px;
    --font-size-l: 20px;
    --font-size-xl: 26px;
    --font-size-xxl: 32px;
    --font-size-xxxl: 38px;
    --font-size-xxxxl: 42px;

    --scrollbar-width: 0px;

    --header-padding-block: 8px;
    --header-padding-inline: 20px;
    --header-height: 56px;
  }

  * {
    corner-shape: round;
  }

  main {
    /* overflow: hidden; */
  }

  .error-wrap h1 {
    font-size: 70px;
  }

  .error-wrap h3 {
    font-size: 30px;
  }

  .error-wrap h4 {}

  #Header {
    /* color: rgb(var(--rgb-text-main)) !important; */
    top: -68px;
  }

  #Header .logo img {
    /* filter: none !important; */
  }
  #HeaderMain .container {
    height: 68px;
  }
  #HeaderMain .util-navigaiton>#HeaderFamily,
  #HeaderMain .util-navigaiton>.private-navigation {
    display: none;
  }

  #Breadcrumb {
    padding: 20px 0 0;
  }

  #Breadcrumb .breadcrumbs_btn {
    padding-left: 16px;
    white-space: nowrap;
  }

  #Breadcrumb .breadcrumbs_item ul {
    padding: 57px 16px 0;
  }

  .title-container {
    padding: 0;
  }

  .site-navi-bar__sub-inner {
    overflow-x: auto;
  }

  .site-navi-bar__sub-inner .sub-menu-wrap__inner .swiper-slide:last-child {
    padding-right: 20px;
  }

  .fancy-select-wrap {
    max-width: 100%;
    height: 50px;
  }

  .select-item select {
    font-size: 16px;
    text-overflow: ellipsis;
  }

  .reset-btn-main {
    padding: 15px;
    border-radius: var(--border-radius-l);
  }

  .search-btn-main {
    padding: 20px 15px;
    border-radius: 0 12px 12px 0;
  }

  .category-list form {
    width: 100%;
  }

  .search-section .search-input-main {
    max-width: 210px;
    border-radius: 12px 0 0 12px;
    font-size: 16px;
  }

  .search-container {
    border-radius: var(--border-radius-l);
  }

  .pagination a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    padding: 0;
  }
  
  .filter-list {
    position: relative;
    top: 0;
  }
  .filter-detail-list {
    margin-top: 12px;
    gap: 12px;;
  }

  .filter-list .filter-detail-box {
    position: relative;
    width: 100%;
  }
  .filter-list .filter-detail-box {
    position: relative;
  }
  .filter-list .filter-detail-box>ul {
    flex-wrap: nowrap;
    position: relative;
    width: 100%;
    overflow-x: auto;
  }  
  .filter-list .search-section .search-input-main {
    max-width: 280px;
  }
  .filter-list .search-section {
    max-width: 100%;
    margin: 0;
  }
  .filter-list .category-item {
    padding: 12px 18px;
    white-space: nowrap;
  }  

  .poster-wrapper {
    grid-template-columns: 1fr;
    gap: 50px;
  }

  .poster-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .poster-item .nectar-fancy-box,
  .festival-list ul li {
    transform: none !important;
  }


  #BoardList .search-section {
    max-width: 100%;
    width: 100%;
  }

  #BoardList.notice-content .search-section {
    display: flex;
    background-color: transparent;
    padding: 0;
  }

  #BoardList.notice-content .category-list {
    gap: 12px 16px;
  }

  #BoardList .search-section .search-container {
    justify-content: end;
  }

  #BoardList.notice-content .category-list {
    margin: 0 0 26px;
    gap: 12px 12px;
  }

  #BoardList.notice-content .search-section {
    margin-top: 10px;
  }

  #BoardList.notice-content .category-item {
    padding: 12px 18px;
    font-size: var(--font-size);
  }

  #Footer .footer-bottom {
    flex-direction: column-reverse;
  }

  #TopFixed .button-box {
    top: 87svh;
  }

  #Board .write-btn a {
    min-height: 44px;
    padding: 0 30px;
  }

  .board_list.news .date::before,
  .board_list.news .view::before {
    display: inline-block !important;
  }

  .board_list.news tr {
    padding: 20px;
    gap: 4px 24px;
  }

  .board-write .write-wrap ul li:nth-child(2) {
    flex-direction: column;
  }

  .board-write .write-wrap ul li .inner p {
    flex: 0 0 60px;
  }

  .board-write .write-wrap ul {
    gap: 20px;
  }

  .board-write .write-wrap ul li {
    gap: 20px;
  }

  .board-write .write-wrap ul li:first-child {
    gap: 30px;
  }

  .board-write .write-wrap ul li .secret {
    width: auto;
    gap: 10px;
  }

  .board-write .write-wrap ul li .inner.secret p {
    flex: 0 0 auto;
  }

  .board-write .write-wrap ul li .inner input[type="checkbox"] {
    width: 16px;
    height: 16px;
  }

  #BoardList .category-list {
    margin: 0 0 24px;
  }

  .board_list.photo .date::before,
  .board_list.photo .view::before {
    display: inline-block !important;
  }

  .board_list.photo .view {
    width: auto;
  }

  .board_list.photo .tit {
    margin: 16px 8px 8px;
  }

  .board_view_btn {
    margin-bottom: 20px;
  }
}

@media (max-width: 680px) {
  :root {
    --border-radius-s: 6px;
    --border-radius: 8px;
    --border-radius-l: 12px;
    --font-size-s: 14px;
    --font-size: 16px;
    --font-size-m: 18px;
    --font-size-l: 20px;
    --font-size-xl: 24px;
    --font-size-xxl: 32px;
    --font-size-xxxl: 36px;
    --font-size-xxxxl: 40px;
    --scrollbar-width: 0px;
    --header-padding-block: 8px;
    --header-padding-inline: 28px;
    --header-height: 56px;
  }

  #Breadcrumb .breadcrumbs_item:nth-child(3) {
    display: none;
  }

  #IntroMoonhwa #Breadcrumb .breadcrumbs_item:nth-child(3) {
    display: flex;
  }

  #CultureBoard .breadcrumbs_item:nth-child(3),
  #FestivalBoard .breadcrumbs_item:nth-child(3) {
    display: flex;
  }

  #CultureBoard .filter-list .search-section {
    display: flex;
    background-color: transparent;
    padding: 0;
  }

  #CultureBoard .filter-list .search-section .search-container {
    justify-content: start;
  }

  .search-on .search-section {
    display: flex;
    background-color: transparent;
    padding: 0;
    margin: 0;
  }

  .select-item {
    display: flex;
    gap: 12px;
    width: 100%;
  }

  .search-section {
    display: none;
    width: 100%;
    max-width: none;
    align-items: center;
    padding: 20px 32px;
    height: auto;
    background: #f1f1f1;
  }

  .no-category {
    display: flex;
    padding: 0 !important;
    background-color: transparent;
  }

  .search-section.open {
    display: flex;
  }

  .search-container {
    justify-content: center;
    height: 50px;
  }

  .search-btn-open {
    display: flex;
    width: 50px;
    height: 50px;
  }

  .search-btn-open i {
    font-size: 18px;
  }

  .search-section .search-input-main {
    max-width: 100%;
    width: 100%;
    height: 100%;
  }

  .search-btn-main {
    padding: 0 15px;
    height: 100%;
  }

  .donation-grid .category-list .fancy-select-wrap {
    width: auto;
  }

  .donation-grid .category-list {
    flex-direction: row;
    align-items: center;
  }

  .donation-grid .search-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.0rem;
    width: auto;
    max-width: 480px;
    padding: 0;
    margin-left: auto;
    background-color: #fff;
  }

  .poster-list {
    gap: 40px 20px;
  }

  #FestivalMain .select-item {
    display: block;
  }

  #FestivalMain .search-section {
    display: flex;
    padding: 0;
    background-color: transparent;
  }

  #FestivalMain .search-container {
    justify-content: flex-start;
  }

  #Board.common-notice .breadcrumbs_item:nth-child(3) {
    display: flex;
  }

  .board_list.news tbody {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .board_list.news tr {
    grid-template-columns: 105px 1fr;
  }

  .board_list {
    display: block;
  }

  .board_list col,
  .board_list th {
    display: none;
  }

  .board_list tbody {
    display: block;
  }

  .board_list tbody tr {
    position: relative;
    display: grid;
    grid-template-areas:
      'num num'
      'tit tit'
      'type date';
    grid-template-columns: max-content minmax(0, 1fr);
    padding: 16px 10px;
  }

  .board_list tbody td {
    display: block;
    padding: 0;
  }

  .board_list td.num {
    grid-area: num;
    text-align: left;
    padding-bottom: 8px;
  }

  .board_list .type,
  .board_list .press {
    position: relative;
    grid-area: type;
    margin-right: 5px;
    padding-right: 5px;
  }

  .board_list .type::after,
  .board_list .press::after,
  .qna_list .writer::after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 12px;
    background-color: #777c;
  }

  .qna_list .type {
    margin: 0 0 5px 0;
    padding-right: 0;
    text-align: left;
  }

  .qna_list .type::after {
    display: none;
  }

  .board_list tbody td.press {
    width: auto;
  }

  .board_list td.press {
    text-align: left;
    color: rgb(var(--rgb-text-main));
  }

  .board_list .tit {
    grid-area: tit;
    white-space: unset;
  }

  .board_list .tit a,
  .board_list .tit button {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: unset;
    font-size: 16px;
    margin-bottom: 5px;
    text-underline-offset: 0.05em
  }

  .board_list .tit a::before,
  .board_list .tit button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
  }

  .board_list td.date {
    grid-area: date;
    text-align: left;
    color: rgb(var(--rgb-text-main));
  }

  .board_list.photo tbody {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px 20px;
  }

  .board_list tbody td.writer {
    position: relative;
    grid-area: writer;
    width: auto;
    margin-right: 5px;
    padding-right: 5px;
    color: rgb(var(--rgb-text-main));
  }

  .qna_list tbody tr {
    grid-template-areas:
      'type type'
      'tit tit'
      'writer date';
  }

  .qna_list td.num {
    display: none;
  }

  #BoardList .category-list {
    gap: 12px;
  }

  #Dj__ShareDialog {
    padding: 20px 24px;
  }
}

@media (max-width: 576px) {
  :root {
    --font-size-s: 12px;
    --font-size: 14px;
    --font-size-m: 16px;
    --font-size-l: 20px;
    --font-size-xl: 22px;
    --font-size-xxl: 26px;
    --font-size-xxxl: 36px;
    --scrollbar-width: 0px;

    --container-padding-inline: 20px;
  }

  .pop_box .pop_body {
    width: 90%;
    margin: 0 auto;
  }

  .pop_box .pop_body .pop_main h3 img {
    width: 90%;
  }

  .pop_box .pop_body .pop_main .btn_wrap {
    gap: 12px;
  }

  .error-wrap h1 {
    font-size: 54px;
  }

  .error-wrap h3 {
    font-size: 24px;
  }

  .error-wrap h4 {
    font-size: 18px;
  }

  .error-wrap a {
    padding: 16px;
  }

  #HeaderMain .util-mobile-menu .mobile-menu-layer .top {
    height: 60px;
  }

  #HeaderMain .util-mobile-menu .mobile-menu-layer .top button {
    width: 30px;
    height: 30px;
  }

  #HeaderMain .util-mobile-menu .mobile-menu-layer .top img {
    width: 150px;
  }

  #Breadcrumb .breadcrumbs_list {
    height: 50px;
  }

  #Breadcrumb .home {
    height: 100%;
    line-height: 50px;
  }

  #Breadcrumb .breadcrumbs_item li {
    padding: 5px 0 6px;
  }

  #Breadcrumb.box .breadcrumbs_list {
    width: auto;
  }

  #HeaderSub .product-name {
    padding-right: 20px;
  }

  /* .title-container {
    padding: 36px 0 0;
  } */

  .fancy-select-wrap {
    height: 45px;
  }

  .search-container {
    height: 45px;
  }

  .poster-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #BoardList.notice-content .category-list {
    margin: 0 0 20px;
    gap: 8px;
  }

  #BoardList.notice-content .category-item {
    height: 40px;
  }

  #BoardList .category-item {
    height: 45px;
    padding: 0 18px;
  }

  .wpb_wrapper>div {
    margin-bottom: 18px;
  }

  #Footer .footer-bottom ul {
    gap: 6px 16px;
    flex-wrap: wrap;
  }

  #Footer .footer-bottom .left>li:first-child {
    order: 99;
    width: 100%;
  }

  #Footer .info dl {
    flex-direction: column;
    gap: 4px;
  }

  #Footer .info dt,
  #Footer .info dd {
    margin: 0;
  }

  #Footer .footer-top {
    /* padding: 14px 0; */
  }

  .board-write .write-wrap {
    padding: 30px 24px;
  }

  .board-write .write-wrap ul li .inner p {
    flex: 0 0 50px;
  }

  .board-write .btn-wrap {
    gap: 12px;
    margin-top: 30px;
  }

  .board-write .write-wrap ul li:first-child {
    gap: 16px;
  }

  .board-write .write-wrap ul li .inner input:not([type="checkbox"]) {
    height: 45px;
    padding: 14px 10px;
  }

  .board-write .write-wrap ul li textarea {
    padding: 14px 10px;
  }

  .board-write {
    padding-bottom: 50px;
  }

  .board_list.photo tbody {
    gap: 24px 16px;
  }

  .box-detail-content {
    margin-bottom: 30px;
  }

  .board_view_btn .control_box .controler {
    width: 90px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
  }

  .board_view_btn {
    gap: 24px;
    flex-direction: column;
    padding-top: 25px;
  }

  .board_view_btn .control_box {
    gap: 8px;
  }

  .board_view_btn .controler.list {
    width: 120px;
    margin-left: auto;
  }


}

@media (max-width: 480px) {
  :root {
    --font-size-m: 16px;
    --font-size-l: 18px;
    --font-size-xl: 20px;
    --font-size-xxl: 26px;
    --font-size-xxxl: 32px;
    --font-size-xxxxl: 36px;
    --container-padding-inline: 16px;
  }

  .pop_box .pop_body .pop_main {
    padding: 60px 30px;
  }

  .error-wrap {
    margin-top: -70px;
  }

  .error-wrap h1 {
    font-size: 40px;
  }

  .error-wrap h3 {
    font-size: 20px;
  }

  .error-wrap h4 {
    font-size: 16px;
  }

  .no-result span {
    width: 100%;
  }

  #Header {
    top: -70px;
  }
  #HeaderMain .logo {
    width: 160px;
  }

  #HeaderMain .container {
    height: 70px;
  }

  #HeaderSub .product-name {
    padding-right: 10px;
  }

  #Breadcrumb .breadcrumbs_item ul {
    padding: 52px 8px 4px;
  }

  #Breadcrumb .home {
    padding-right: 5px;
  }

  #Breadcrumb.box .breadcrumbs_list {
    padding: 0 0 0 18px;
  }

  #Breadcrumb .breadcrumbs_btn {
    padding-left: 8px;
    padding-right: 16px;
  }

  #Breadcrumb .breadcrumbs_btn::after {
    width: 20px;
  }

  #Breadcrumb .breadcrumbs_item li a {
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 0;
  }

  #HeaderSub .sub-navigation .sub-menu-layer .sub-menu {
    margin-left: 12px;
  }

  .search-section .search-input-main {
    font-size: 14px;
  }

  .select-item select {
    padding: 0 45px 0 12px;
  }

  .search-btn-open {
    height: 45px;
  }

  .pagination a {
    min-width: 34px;
    height: 34px;
  }

  #Footer .logo {
    width: 170px;
  }

  #Footer .footer-top ul {
    gap: 12px;
  }

  #Footer .footer-top ul li a {
    display: block;
    width: 100%;
    white-space: nowrap;
  }

  #Footer .copy {
    padding-top: 12px;
  }

  .board-write .write-wrap ul li .inner {
    gap: 12px;
  }

  .board-write .write-wrap ul li:last-child .inner {
    flex-direction: column;
    gap: 12px;
  }

  .board-write .write-wrap ul li:last-child .inner p {
    flex: 0 0 auto;
  }

  .board-write .write-wrap ul li:first-child {
    flex-direction: column;
  }

  .board-write .write-wrap ul li:first-child label {
    flex: 0 0 50px;
  }

  .board-write .write-wrap ul li:first-child {
    gap: 20px;
  }

  .board-write .btn-wrap {
    height: 45px;
  }

  .board_view.skin3 .board_view_con {
    padding: 35px 12px;
  }
}

@media (max-width: 400px) {
  :root {
    --font-size-m: 15px;
    --font-size-l: 16px;
    --font-size-xl: 20px;
    --font-size-xxl: 24px;
    --font-size-xxxl: 28px;
    --font-size-xxxxl: 36px;
    --container-padding-inline: 16px;
  }

  .search-section .search-input-main {
    padding: 0.5rem 0.9rem;
  }

  .search-section {
    padding: 20px 12px;
  }

  .poster-list {
    gap: 30px 20px;
  }

  #Footer .footer-top .container {
    padding: 0;
    gap: 0;
  }
  #Footer .footer-top ul {
    /* width: 100%; */
    flex-wrap: wrap;
    padding: 0 48px;
  }

  #Footer .footer-top ul.right {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid rgb(var(--rgb-border));
  }

  #Footer .footer-top ul li {
    width: calc(50% - 6px);
    text-align: center;
  }
}

@media (max-width: 365px) {
  :root {
    --font-size-m: 14px;
    --font-size-l: 16px;
    --font-size-xl: 20px;
    --font-size-xxl: 24px;
    --font-size-xxxl: 26px;
    --font-size-xxxxl: 34px;
    --container-padding-inline: 14px;
  }

  .pop_box .pop_body .pop_main .btn_wrap {
    flex-direction: column;
    gap: 8px;
  }

  .pop_box .pop_body .pop_main .btn_wrap button {
    width: 100%;
  }

  #Breadcrumb.box .breadcrumbs_list {
    padding: 0 0 0 12px;
  }
  #Breadcrumb .breadcrumbs_item:not(:first-child) {
    width: 100px;
  }
  #Breadcrumb .breadcrumbs_btn {
    padding-right: 7px;
  }

  .select-item select {
    font-size: 14px;
  }
}

@media (hover: hover) and (pointer: fine) {
  .cursor .inner {
    width: 100px;
    height: 100px;
    margin: -50% -50%;
    color: #fffc;
    border: 0;
    border-radius: 50%;
    corner-shape: round;
    opacity: 0;
    transition: all .5s;
    background: rgba(0, 94, 199, 0.82);
    transform: scale(0);
  }

  .cursor.on {
    opacity: 1;
  }

  .cursor.on .inner {
    opacity: 1;
    transform: scale(1);
    z-index: 2;
  }
}

@page {
  size: 210mm 297mm;
  /*A4*/
  margin: 0mm
}

@media print {
  html {
    --vw: 1vw !important;
  }
  * {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    transition: none !important;
  }

  html,
  body {
    margin: 0;
    padding: 0;
    page-break-after: avoid;
    page-break-before: avoid
  }

  img {
    overflow: visible;
  }

  #SkipNav,
  #TopFixed,
  #LayerPopup,
  .no-print {
    display: none
  }

  *[data-aos],
  .col.has-animation,
  .nectar-fancy-box.has-animation,
  .wpb_column.has-animation {
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
  }

  #Header {
    position: relative;
    top: 0;
  }
  .site-navi-bar__sub-inner {
    overflow-x: hidden;
  }
}