@charset "UTF-8";
:root {
  --body-width: 100vw;
  --layout-width: 1440px;
  --layout-padding: 50px;
  --layout-margin: max(
    var(--layout-padding),
    calc(((var(--body-width)) - var(--layout-width)) / 2)
  );
  --header-height: 100px;
}
@media (max-width: 1279px) {
  :root {
    --layout-padding: 30px;
  }
}
@media (max-width: 1023px) {
  :root {
    --layout-padding: 16px;
    --header-height: 72px;
  }
}
@media (max-width: 499px) {
  :root {
    --header-height: 64px;
  }
}
@media (max-width: 359px) {
  :root {
    --layout-padding: 10px;
  }
}
:root {
  --font-title: "title_font", "gothic", sans-serif;
  --font-gothic: "gothic", sans-serif;
  --font-base: var(--font-gothic);
  --transition-base: .2s;
}

@keyframes nav-float {
  0%, 100% {
    transform: translate(-50%, 0);
  }
  50% {
    transform: translate(-50%, -4px);
  }
}
html, body {
  position: relative;
  overscroll-behavior: none;
  scroll-behavior: smooth;
  -webkit-tap-highlight-color: transparent;
}

html {
  min-height: 100svh;
}
html.scroll-up #top_layout {
  transform: translateY(0);
}
html.scroll-down #top_layout {
  transform: translateY(-100%);
}
@media (max-width: 500px) {
  html.scroll-up #top_layout, html.scroll-down #top_layout {
    transform: none;
  }
}

body {
  min-height: 100svh;
  background: #FFF;
  color: #222222;
}
body.is-gnb-open, body.is-allmenu-open {
  overflow: hidden;
}

.layout {
  position: relative;
  width: 100%;
  max-width: calc(var(--layout-width) + var(--layout-padding) * 2);
  padding: 0 var(--layout-padding);
  margin: 0 auto;
}

a, abbr, address, article, aside, audio, body, canvas, caption, cite, dd, details, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, img, label, legend, li, menu, nav, object, ol, p, section, span, strong, summary, table, tbody, td, tfoot, th, thead, tr, ul, video {
  font-family: var(--font-base);
}

.hide, .sr-only, .skip, .blind {
  z-index: -1;
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
}

a:focus, button:focus {
  outline: 2px solid #07927D;
  outline-offset: -2px;
}

#top_layout {
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: var(--header-height);
  text-align: center;
  z-index: 2000;
  background-color: #FFF;
  transition: transform 0.4s, background-color var(--transition-base);
}
#top_layout::before {
  position: absolute;
  left: 0;
  top: var(--header-height);
  display: block;
  width: 100%;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.1);
  content: "";
  pointer-events: none;
  z-index: 2;
  transition: background-color var(--transition-base);
}
@media (max-width: 500px) {
  #top_layout::before {
    left: var(--layout-padding);
    width: calc(100% - var(--layout-padding) * 2);
  }
}
#top_layout > .layout {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  z-index: 1;
  pointer-events: none;
}
#top_layout > .layout a, #top_layout > .layout button {
  pointer-events: auto;
}
#top_layout .mobile-prev {
  display: none;
}
@media (max-width: 500px) {
  #top_layout .mobile-prev {
    display: block;
  }
}
#top_layout .mobile-prev .icon {
  display: block;
  width: 24px;
  height: 24px;
  transition: background-image var(--transition-base);
}
#top_layout .mobile-prev .icon.prev {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_29836_12984' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23222222'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_29836_12984)'%3E%3Cpath d='M16 22L6 12L16 2L17.775 3.775L9.55 12L17.775 20.225L16 22Z' fill='%23222222'/%3E%3C/g%3E%3C/svg%3E%0A");
}
#top_layout .mobile-prev .icon:hover, #top_layout .mobile-prev .icon:active {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_29836_12984' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%2307927D'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_29836_12984)'%3E%3Cpath d='M16 22L6 12L16 2L17.775 3.775L9.55 12L17.775 20.225L16 22Z' fill='%2307927D'/%3E%3C/g%3E%3C/svg%3E%0A");
}
#top_layout .mobile-title {
  display: none;
}
@media (max-width: 500px) {
  #top_layout .mobile-title {
    display: block;
  }
}
#top_layout .mobile-title .name {
  display: block;
  font-size: 24px;
  font-weight: 700;
  color: #222222;
  line-height: var(--header-height);
  text-align: center;
}
@media (max-width: 383px) {
  #top_layout .mobile-title .name {
    font-size: 20px;
  }
}
@media (max-width: 500px) {
  #top_layout #logo {
    display: none;
  }
}
#top_layout #logo a {
  position: relative;
  display: block;
  width: 137px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(/images/islands/2026/common/logo.png);
  transition: background-image var(--transition-base);
}
@media (max-width: 1023px) {
  #top_layout #logo a {
    width: 110px;
  }
}
@media (max-width: 499px) {
  #top_layout #logo a {
    width: 98px;
  }
}
#top_layout #logo a::before {
  display: block;
  padding-top: 30.6569343066%;
  content: "";
}
#top_layout .utile_wrap {
  display: flex;
  align-items: center;
  gap: 40px;
}
#top_layout .utile_wrap li a {
  position: relative;
  display: block;
}
@media (max-width: 767px) {
  #top_layout .utile_wrap li.quick-home {
    display: none;
  }
}
#top_layout .utile_wrap li.quick-home > a {
  display: flex;
  align-items: center;
  gap: 2px;
}
#top_layout .utile_wrap li.quick-home > a::before {
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 0;
  height: 1px;
  background-color: #07927D;
  transition: width var(--transition-base);
  content: "";
}
#top_layout .utile_wrap li.quick-home > a span {
  color: #07927D;
  font-size: 16px;
  font-weight: 600;
  line-height: 27px;
  transition: color var(--transition-base);
}
#top_layout .utile_wrap li.quick-home > a .icon {
  flex-shrink: 0;
  width: 16px;
  height: 27px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: background-image var(--transition-base);
}
#top_layout .utile_wrap li.quick-home > a .icon.arrow {
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_29502_39019' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='40' height='40'%3E%3Crect width='40' height='40' fill='%2307927D'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_29502_39019)'%3E%3Cpath d='M10.6663 30.0016L8.33301 27.6683L24.333 11.6683H9.99967V8.33496H29.9997V28.335H26.6663V14.0016L10.6663 30.0016Z' fill='%2307927D'/%3E%3C/g%3E%3C/svg%3E%0A");
}
#top_layout .utile_wrap li.quick-home > a:hover::before {
  width: 100%;
}
#top_layout .utile_wrap li.box > a, #top_layout .utile_wrap li.box button {
  width: 25px;
  height: 25px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='21' viewBox='0 0 25 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.25 1.25H23.25' stroke='%23222222' stroke-width='2.5' stroke-linecap='square'/%3E%3Cpath d='M1.25 10.25L23.25 10.25' stroke='%23222222' stroke-width='2.5' stroke-linecap='square'/%3E%3Cpath d='M1.25 19.25H23.25' stroke='%23222222' stroke-width='2.5' stroke-linecap='square'/%3E%3C/svg%3E%0A");
  transition: background-image var(--transition-base);
}
@media (max-width: 767px) {
  #top_layout .utile_wrap li.box > a, #top_layout .utile_wrap li.box button {
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_29611_6624' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23222222'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_29611_6624)'%3E%3Cpath d='M3 21V19H21V21H3ZM3 13V11H21V13H3ZM3 5V3H21V5H3Z' fill='%23222222'/%3E%3C/g%3E%3C/svg%3E%0A");
  }
}
#top_layout .utile_wrap li.box > a:hover, #top_layout .utile_wrap li.box button:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='21' viewBox='0 0 25 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.25 1.25H23.25' stroke='%2307927D' stroke-width='2.5' stroke-linecap='square'/%3E%3Cpath d='M1.25 10.25L23.25 10.25' stroke='%2307927D' stroke-width='2.5' stroke-linecap='square'/%3E%3Cpath d='M1.25 19.25H23.25' stroke='%2307927D' stroke-width='2.5' stroke-linecap='square'/%3E%3C/svg%3E%0A");
}
@media (max-width: 767px) {
  #top_layout .utile_wrap li.box > a:hover, #top_layout .utile_wrap li.box button:hover {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_29611_6624' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%2307927D'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_29611_6624)'%3E%3Cpath d='M3 21V19H21V21H3ZM3 13V11H21V13H3ZM3 5V3H21V5H3Z' fill='%2307927D'/%3E%3C/g%3E%3C/svg%3E%0A");
  }
}
#top_layout .utile_wrap li.box.pc {
  display: block;
}
@media (max-width: 1279px) {
  #top_layout .utile_wrap li.box.pc {
    display: none;
  }
}
#top_layout .utile_wrap li.box.mo {
  display: none;
}
@media (max-width: 1279px) {
  #top_layout .utile_wrap li.box.mo {
    display: block;
  }
}
#top_layout.open::after {
  opacity: 1;
}
#top_layout.open + .gnb_bg {
  opacity: 1;
}

#gnb_layout {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: var(--header-height);
  pointer-events: none;
  transition: height var(--transition-base), background-color var(--transition-base);
  overflow: hidden;
  background-color: #FFF;
}
@media (max-width: 1279px) {
  #gnb_layout {
    display: none;
  }
}
#gnb_layout a, #gnb_layout button {
  pointer-events: auto;
}
#gnb_layout #gnb {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: var(--header-height);
  z-index: 2;
}
#gnb_layout #gnb > .layout {
  padding: 0 calc(191px + var(--layout-padding)) 0 calc(137px + var(--layout-padding));
}
#gnb_layout .depth1_ul {
  position: relative;
  display: flex;
  align-items: stretch;
  justify-content: center;
  width: 100%;
  height: 100%;
}
#gnb_layout .depth1_ul > li {
  position: relative;
}
#gnb_layout .depth1_ul > li .th_1st {
  position: relative;
  display: flex;
  align-items: center;
  gap: 4px;
  width: 100%;
  height: var(--header-height);
}
#gnb_layout .depth1_ul > li .th_1st::after {
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 4px;
  background-color: #07927D;
  content: "";
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity var(--transition-base), visibility var(--transition-base);
}
#gnb_layout .depth1_ul > li .th_1st span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: 100%;
  height: 100%;
  padding: 0 24px;
  color: #444;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  transition: color var(--transition-base);
}
@media (max-width: 1439px) {
  #gnb_layout .depth1_ul > li .th_1st span {
    padding: 0 12px;
  }
}
#gnb_layout .depth1_ul > li .th_1st span::after {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  padding: 0.285em 0.429em;
  background-color: #F2FAF9;
  color: #07927D;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
}
#gnb_layout .depth1_ul > li .item {
  position: fixed;
  left: 0 !important;
  top: var(--header-height);
  display: none;
  width: 100%;
  pointer-events: auto;
  padding: 80px 0;
}
@media (max-width: 1439px) {
  #gnb_layout .depth1_ul > li .item {
    padding: 50px 0;
  }
}
#gnb_layout .depth1_ul > li .item > .layout {
  display: flex;
  align-items: flex-start;
  gap: 160px;
}
@media (max-width: 1539px) {
  #gnb_layout .depth1_ul > li .item > .layout {
    gap: 80px;
  }
}
@media (max-width: 1439px) {
  #gnb_layout .depth1_ul > li .item > .layout {
    gap: 50px;
  }
}
#gnb_layout .depth1_ul > li .item .menu-extra {
  text-align: left;
}
#gnb_layout .depth1_ul > li .item .menu-extra .title {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #222222;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.2;
}
@media (max-width: 1439px) {
  #gnb_layout .depth1_ul > li .item .menu-extra .title {
    font-size: 24px;
  }
}
#gnb_layout .depth1_ul > li .item .menu-extra .title::after {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  padding: 0.285em 0.429em;
  background-color: #F2FAF9;
  color: #07927D;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
}
#gnb_layout .depth1_ul > li .item .menu-extra .desc {
  display: block;
  color: #666;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  margin: 0.89em 0 0;
}
@media (max-width: 1439px) {
  #gnb_layout .depth1_ul > li .item .menu-extra .desc {
    font-size: 16px;
  }
}
#gnb_layout .depth1_ul > li.n2 .th_1st span::after,
#gnb_layout .depth1_ul > li.n2 .item .menu-extra .title::after {
  content: "시즌1";
  display: none;
}
#gnb_layout .depth1_ul > li.n3 .th_1st span::after,
#gnb_layout .depth1_ul > li.n3 .item .menu-extra .title::after {
  content: "시즌2";
  display: none;
}
#gnb_layout .depth1_ul > li.n4 .th_1st span::after,
#gnb_layout .depth1_ul > li.n4 .item .menu-extra .title::after {
  content: "시즌3";
  display: none;
}
#gnb_layout .depth1_ul > li.on .th_1st::after {
  opacity: 1;
  visibility: visible;
}
#gnb_layout .depth1_ul > li.on .item {
  display: flex;
}
#gnb_layout .depth2_ul {
  padding: 0 0 0 80px;
  border-left: 1px solid #EEE;
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
@media (max-width: 1439px) {
  #gnb_layout .depth2_ul {
    padding: 0 0 0 50px;
  }
}
#gnb_layout .depth2_ul > li {
  flex: 0 0 calc((100% - 60px) / 4);
}
#gnb_layout .depth2_ul > li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 54px;
  border-radius: 8px;
  border: 1px solid #EEE;
  padding: 12px 20px;
  text-align: left;
  background-color: #FFF;
  transition: background-color var(--transition-base), border var(--transition-base);
}
@media (max-width: 1439px) {
  #gnb_layout .depth2_ul > li a {
    height: 50px;
    padding: 8px 16px;
  }
}
#gnb_layout .depth2_ul > li a::after {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_29557_83' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='12' height='12'%3E%3Crect width='12' height='12' fill='%23222222'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_29557_83)'%3E%3Cpath d='M4.01201 10.9999L3.12451 10.1124L7.23701 5.99994L3.12451 1.88744L4.01201 0.999939L9.01201 5.99994L4.01201 10.9999Z' fill='%23222222'/%3E%3C/g%3E%3C/svg%3E%0A");
  content: "";
  transition: background-image var(--transition-base);
}
#gnb_layout .depth2_ul > li a span {
  color: #444;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.2;
  transition: color var(--transition-base);
}
@media (max-width: 1439px) {
  #gnb_layout .depth2_ul > li a span {
    font-size: 16px;
  }
}
#gnb_layout .depth2_ul > li a[target=blank]::after {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.66667 0V1.33333H1.33333V10.6667H10.6667V7.33333H12V11.3333C12 11.7015 11.7015 12 11.3333 12H0.666667C0.29848 12 0 11.7015 0 11.3333V0.666667C0 0.29848 0.29848 0 0.666667 0H4.66667ZM9.72387 1.33333H6.66667V0H12V5.33333H10.6667V2.27614L6 6.9428L5.0572 6L9.72387 1.33333Z' fill='%23CCCCCC'/%3E%3C/svg%3E%0A");
}
#gnb_layout .depth2_ul > li a:hover {
  background-color: #07927D;
  border-color: #07927D;
}
#gnb_layout .depth2_ul > li a:hover::after {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_29557_83' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='12' height='12'%3E%3Crect width='12' height='12' fill='%23FFFFFF'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_29557_83)'%3E%3Cpath d='M4.01201 10.9999L3.12451 10.1124L7.23701 5.99994L3.12451 1.88744L4.01201 0.999939L9.01201 5.99994L4.01201 10.9999Z' fill='%23FFFFFF'/%3E%3C/g%3E%3C/svg%3E%0A");
}
#gnb_layout .depth2_ul > li a:hover span {
  color: #FFF;
}
#gnb_layout.open #gnb {
  height: 100%;
}

.gnb_bg {
  position: fixed;
  left: 0;
  top: 0;
  display: block;
  width: 100vw;
  height: 100svh;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: opacity var(--transition-base);
  z-index: 1000;
  pointer-events: none;
  content: "";
}

#svisual_layout {
  display: none;
}

#lnb_layout {
  display: none;
}

#body_layout {
  position: relative;
  z-index: 10;
  padding: calc(var(--header-height) + 24px) 0 100px;
}
@media (max-width: 1023px) {
  #body_layout {
    padding: calc(var(--header-height) + 24px) 0 60px;
  }
}

.locationbox {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 0 60px;
  padding: 0 0 24px;
  border-bottom: 1px solid #03312A;
}
@media (max-width: 1023px) {
  .locationbox {
    margin: 0 0 24px;
    padding: 0 0 20px;
  }
}
@media (max-width: 500px) {
  .locationbox {
    margin: 0;
    padding: 0;
    border-bottom: none;
  }
}
.locationbox .location_wrap {
  display: flex;
  align-items: center;
  margin: 0 0 40px;
}
@media (max-width: 1023px) {
  .locationbox .location_wrap {
    margin: 0 0 20px;
  }
}
@media (max-width: 500px) {
  .locationbox .location_wrap {
    display: none;
  }
}
.locationbox .location_wrap > li {
  position: relative;
  display: flex;
  align-items: center;
  height: 36px;
  padding: 0 28px 0 0;
}
@media (max-width: 499px) {
  .locationbox .location_wrap > li {
    height: auto;
  }
}
.locationbox .location_wrap > li::after {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 12px;
  height: 12px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_29557_83' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='12' height='12'%3E%3Crect width='12' height='12' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_29557_83)'%3E%3Cpath d='M4.01201 10.9999L3.12451 10.1124L7.23701 5.99994L3.12451 1.88744L4.01201 0.999939L9.01201 5.99994L4.01201 10.9999Z' fill='%23D9D9D9'/%3E%3C/g%3E%3C/svg%3E%0A");
  content: "";
}
.locationbox .location_wrap > li a {
  display: block;
  color: #444;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.01em;
}
@media (max-width: 499px) {
  .locationbox .location_wrap > li a {
    font-size: 14px;
    line-height: 1.5;
  }
}
.locationbox .location_wrap > li a:hover, .locationbox .location_wrap > li a:active {
  text-decoration: underline;
  text-underline-position: under;
}
@media (max-width: 383px) {
  .locationbox .location_wrap > li.home {
    display: none;
  }
}
.locationbox .location_wrap > li.home a {
  font-size: 0;
  width: 18px;
  height: 18px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_29560_697' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='18' height='18'%3E%3Crect width='18' height='18' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_29560_697)'%3E%3Cpath d='M3.00002 15.75V6.75L9.00002 2.25L15 6.75V15.75H10.5V10.5H7.50002V15.75H3.00002Z' fill='%23767676'/%3E%3C/g%3E%3C/svg%3E%0A");
  transition: background-image var(--transition-base);
}
.locationbox .location_wrap > li.home a:hover, .locationbox .location_wrap > li.home a:active {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_29560_697' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='18' height='18'%3E%3Crect width='18' height='18' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_29560_697)'%3E%3Cpath d='M3.00002 15.75V6.75L9.00002 2.25L15 6.75V15.75H10.5V10.5H7.50002V15.75H3.00002Z' fill='%2307927D'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.locationbox .location_wrap > li:last-of-type {
  padding-right: 0;
}
.locationbox .location_wrap > li:last-of-type::after {
  display: none;
}
.locationbox .location_wrap > li:last-of-type a {
  font-weight: 700;
  text-decoration: underline;
  text-underline-position: under;
  transition: color var(--transition-base);
}
.locationbox .location_wrap > li:last-of-type a:hover, .locationbox .location_wrap > li:last-of-type a:active {
  color: #07927D;
}
.locationbox .page__title {
  display: block;
  width: 100%;
  text-align: left;
  color: #222222;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.5;
}
@media (max-width: 1023px) {
  .locationbox .page__title {
    font-size: 32px;
  }
}
@media (max-width: 767px) {
  .locationbox .page__title {
    font-size: 28px;
  }
}
@media (max-width: 500px) {
  .locationbox .page__title {
    display: none;
  }
}

#location {
  position: absolute;
  right: 0;
  top: 0;
}
#location .print_wrap {
  display: flex;
  align-items: flex-start;
  gap: 4px;
}
@media (max-width: 500px) {
  #location .print_wrap {
    position: fixed;
    right: var(--layout-padding);
    bottom: 113px;
    flex-direction: column;
    z-index: 2000;
  }
}
#location .print_wrap > li {
  position: relative;
}
#location .print_wrap > li a, #location .print_wrap > li button {
  display: block;
  width: 36px;
  height: 36px;
  border-radius: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #F6F6F6;
  transition: background-color var(--transition-base), background-image var(--transition-base);
  font-size: 0;
}
@media (max-width: 500px) {
  #location .print_wrap > li a, #location .print_wrap > li button {
    width: 48px;
    height: 48px;
    border: 1px solid #EEE;
    background-color: #FFF;
    background-size: 100%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.06);
  }
}
#location .print_wrap > li a .tmpl_ir, #location .print_wrap > li button .tmpl_ir {
  font-size: 0;
}
#location .print_wrap > li a:hover, #location .print_wrap > li button:hover {
  background-color: #07927D;
}
#location .print_wrap > li.n1 > a, #location .print_wrap > li.n1 button {
  background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.8569 15.7137C21.8036 15.7137 22.5711 14.9462 22.5711 13.9994C22.5711 13.0527 21.8036 12.2852 20.8569 12.2852C19.9101 12.2852 19.1426 13.0527 19.1426 13.9994C19.1426 14.9462 19.9101 15.7137 20.8569 15.7137Z' stroke='%23666666' stroke-linejoin='round'/%3E%3Cpath d='M13.9994 20.286C14.9462 20.286 15.7137 19.5185 15.7137 18.5717C15.7137 17.6249 14.9462 16.8574 13.9994 16.8574C13.0527 16.8574 12.2852 17.6249 12.2852 18.5717C12.2852 19.5185 13.0527 20.286 13.9994 20.286Z' stroke='%23666666' stroke-linejoin='round'/%3E%3Cpath d='M20.8569 21.4277C21.8036 21.4277 22.5711 22.1953 22.5711 23.142C22.5711 24.0888 21.8036 24.8563 20.8569 24.8563C19.9101 24.8563 19.1426 24.0888 19.1426 23.142C19.1426 22.1953 19.9101 21.4277 20.8569 21.4277Z' stroke='%23666666' stroke-linejoin='round'/%3E%3Cline x1='0.5' y1='-0.5' x2='4.23122' y2='-0.5' transform='matrix(0.856369 -0.516365 0.512629 0.85861 15.3887 18.1582)' stroke='%23666666' stroke-linecap='square'/%3E%3Cline x1='0.5' y1='-0.5' x2='4.23087' y2='-0.5' transform='matrix(-0.864953 -0.501853 0.49815 -0.867091 19.4609 21.3809)' stroke='%23666666' stroke-linecap='square'/%3E%3C/svg%3E%0A");
}
#location .print_wrap > li.n1 > a:hover, #location .print_wrap > li.n1 button:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.8569 15.7137C21.8036 15.7137 22.5711 14.9462 22.5711 13.9994C22.5711 13.0527 21.8036 12.2852 20.8569 12.2852C19.9101 12.2852 19.1426 13.0527 19.1426 13.9994C19.1426 14.9462 19.9101 15.7137 20.8569 15.7137Z' stroke='%23FFFFFF' stroke-linejoin='round'/%3E%3Cpath d='M13.9994 20.286C14.9462 20.286 15.7137 19.5185 15.7137 18.5717C15.7137 17.6249 14.9462 16.8574 13.9994 16.8574C13.0527 16.8574 12.2852 17.6249 12.2852 18.5717C12.2852 19.5185 13.0527 20.286 13.9994 20.286Z' stroke='%23FFFFFF' stroke-linejoin='round'/%3E%3Cpath d='M20.8569 21.4277C21.8036 21.4277 22.5711 22.1953 22.5711 23.142C22.5711 24.0888 21.8036 24.8563 20.8569 24.8563C19.9101 24.8563 19.1426 24.0888 19.1426 23.142C19.1426 22.1953 19.9101 21.4277 20.8569 21.4277Z' stroke='%23FFFFFF' stroke-linejoin='round'/%3E%3Cline x1='0.5' y1='-0.5' x2='4.23122' y2='-0.5' transform='matrix(0.856369 -0.516365 0.512629 0.85861 15.3887 18.1582)' stroke='%23FFFFFF' stroke-linecap='square'/%3E%3Cline x1='0.5' y1='-0.5' x2='4.23087' y2='-0.5' transform='matrix(-0.864953 -0.501853 0.49815 -0.867091 19.4609 21.3809)' stroke='%23FFFFFF' stroke-linecap='square'/%3E%3C/svg%3E%0A");
}
#location .print_wrap > li.n1.on .sns_wrap {
  opacity: 1;
  visibility: visible;
}
#location .print_wrap > li.n2 a, #location .print_wrap > li.n2 button {
  background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.0037 23.4916C19.0037 23.4916 23.0632 19.3164 24.0781 18.2725C25.093 17.2287 25.6004 14.6191 23.8244 12.7924C22.0483 10.9657 19.5111 11.4877 18.4962 12.5315C17.4813 13.5753 12.1531 19.0554 11.6456 19.5773C11.1382 20.0992 10.377 21.9259 11.8994 23.4916C13.4217 25.0574 15.1978 24.2745 15.7052 23.7526C16.2127 23.2307 21.7946 17.4896 22.302 16.9677C22.8095 16.4458 23.0632 15.1411 22.302 14.3582C21.5409 13.5753 20.2723 13.8362 19.7648 14.3582C19.2574 14.8801 14.9441 19.3164 14.9441 19.3164' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
#location .print_wrap > li.n2 a:hover, #location .print_wrap > li.n2 button:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.0037 23.4916C19.0037 23.4916 23.0632 19.3164 24.0781 18.2725C25.093 17.2287 25.6004 14.6191 23.8244 12.7924C22.0483 10.9657 19.5111 11.4877 18.4962 12.5315C17.4813 13.5753 12.1531 19.0554 11.6456 19.5773C11.1382 20.0992 10.377 21.9259 11.8994 23.4916C13.4217 25.0574 15.1978 24.2745 15.7052 23.7526C16.2127 23.2307 21.7946 17.4896 22.302 16.9677C22.8095 16.4458 23.0632 15.1411 22.302 14.3582C21.5409 13.5753 20.2723 13.8362 19.7648 14.3582C19.2574 14.8801 14.9441 19.3164 14.9441 19.3164' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
@media (max-width: 1023px) {
  #location .print_wrap > li.n3 {
    display: none;
  }
}
#location .print_wrap > li.n3 a, #location .print_wrap > li.n3 button {
  background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.0625 20.5H13.9375V24.25H22.0625V20.5Z' stroke='%23666666' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.75 16.75H24.25V22.375H22.0679V20.5H13.9314V22.375H11.75V16.75Z' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22.375 11.75H13.625V16.75H22.375V11.75Z' stroke='%23666666' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
#location .print_wrap > li.n3 a:hover, #location .print_wrap > li.n3 button:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.0625 20.5H13.9375V24.25H22.0625V20.5Z' stroke='%23FFFFFF' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.75 16.75H24.25V22.375H22.0679V20.5H13.9314V22.375H11.75V16.75Z' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22.375 11.75H13.625V16.75H22.375V11.75Z' stroke='%23FFFFFF' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
#location .print_wrap > li.n4 {
  display: none;
}
@media (max-width: 500px) {
  #location .print_wrap > li.n4 {
    display: block;
  }
}
#location .print_wrap > li.n4 a, #location .print_wrap > li.n4 button {
  background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.0034 13.8752V25.5' stroke='%230694A6' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13 18.8333L18 13.8333L23 18.8333' stroke='%230694A6' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13 10.5H23' stroke='%230694A6' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  border: 1px solid #0694A6;
}
#location .print_wrap > li.n4 a:hover, #location .print_wrap > li.n4 button:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.0034 13.8752V25.5' stroke='%23FFFFFF' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13 18.8333L18 13.8333L23 18.8333' stroke='%23FFFFFF' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13 10.5H23' stroke='%23FFFFFF' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
#location .print_wrap .sns_wrap {
  position: absolute;
  left: -11px;
  top: -11px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 10px;
  border: 1px solid #E9E9E9;
  background-color: #FFF;
  border-radius: 50px;
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--transition-base), visibility var(--transition-base);
  z-index: 1;
}
@media (max-width: 500px) {
  #location .print_wrap .sns_wrap {
    gap: 4px;
  }
}
#location .print_wrap .sns_wrap .clickClose {
  background-color: #03312A;
  background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23.4635 24.201L11.7995 12.537L12.5371 11.7994L24.2011 23.4634L23.4635 24.201Z' fill='%23FFFFFF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.5367 24.2006L24.2007 12.5366L23.4631 11.799L11.7991 23.463L12.5367 24.2006Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");
}
#location .print_wrap .sns_wrap .clickClose:hover {
  background-color: #07927D;
}
#location .print_wrap .sns_wrap .fa {
  background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.0217 19.593L22.5014 16.2676H19.5003V14.1106C19.5003 13.2008 19.9196 12.3131 21.2638 12.3131H22.6282V9.48201C22.6282 9.48201 21.3899 9.25732 20.206 9.25732C17.7342 9.25732 16.1186 10.8499 16.1186 13.7331V16.2676H13.3711V19.593H16.1186V27.6319C17.239 27.8182 18.3799 27.8182 19.5003 27.6319V19.593H22.0217Z' fill='%23666666'/%3E%3C/svg%3E%0A");
}
#location .print_wrap .sns_wrap .fa:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.0217 19.593L22.5014 16.2676H19.5003V14.1106C19.5003 13.2008 19.9196 12.3131 21.2638 12.3131H22.6282V9.48201C22.6282 9.48201 21.3899 9.25732 20.206 9.25732C17.7342 9.25732 16.1186 10.8499 16.1186 13.7331V16.2676H13.3711V19.593H16.1186V27.6319C17.239 27.8182 18.3799 27.8182 19.5003 27.6319V19.593H22.0217Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");
}
#location .print_wrap .sns_wrap .tw {
  background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.8771 23.3396L13.9364 12.6608H15.1934L23.0507 23.3396H21.8771ZM15.8466 11.3145H11.2852L21.228 24.6859H25.6852L15.8466 11.3145Z' fill='%23666666'/%3E%3Cpath d='M18.4255 16.3287L19.3125 18.0002L24.8206 11.3145H22.5845L18.4255 16.3287Z' fill='%23666666'/%3E%3Cpath d='M11.4939 24.6859H13.8044L17.9355 19.6716L17.0392 18.0002L11.4939 24.6859Z' fill='%23666666'/%3E%3C/svg%3E%0A");
}
#location .print_wrap .sns_wrap .tw:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.8771 23.3396L13.9364 12.6608H15.1934L23.0507 23.3396H21.8771ZM15.8466 11.3145H11.2852L21.228 24.6859H25.6852L15.8466 11.3145Z' fill='%23FFFFFF'/%3E%3Cpath d='M18.4255 16.3287L19.3125 18.0002L24.8206 11.3145H22.5845L18.4255 16.3287Z' fill='%23FFFFFF'/%3E%3Cpath d='M11.4939 24.6859H13.8044L17.9355 19.6716L17.0392 18.0002L11.4939 24.6859Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");
}

.nopage {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 800px;
  border-radius: 20px;
  border: 1px solid #DDD;
  background-color: #FCFCFC;
}
@media (max-width: 1023px) {
  .nopage {
    height: 700px;
  }
}
@media (max-width: 767px) {
  .nopage {
    height: 600px;
    border-radius: 16px;
  }
}
@media (max-width: 383px) {
  .nopage {
    height: 500px;
  }
}
.nopage .nopage-img {
  width: 320px;
  height: 254px;
  margin: 0 0 24px;
}
@media (max-width: 767px) {
  .nopage .nopage-img {
    width: 243px;
    height: 207px;
  }
}
@media (max-width: 383px) {
  .nopage .nopage-img {
    width: 180px;
    height: 153px;
    margin: 0 0 20px;
  }
}
.nopage .nopage-img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.nopage .nopage-tit {
  color: #222222;
  text-align: center;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.5;
}
@media (max-width: 1023px) {
  .nopage .nopage-tit {
    font-size: 32px;
  }
}
@media (max-width: 767px) {
  .nopage .nopage-tit {
    font-size: 28px;
  }
}
@media (max-width: 383px) {
  .nopage .nopage-tit {
    font-size: 24px;
  }
}
.nopage .nopage-tit span {
  color: #07927D;
}
.nopage .nopage-desc {
  margin: 10px 0 0;
  color: #666;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
}
@media (max-width: 1023px) {
  .nopage .nopage-desc {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .nopage .nopage-desc {
    font-size: 15px;
    margin: 4px 0 0;
  }
}
@media (max-width: 383px) {
  .nopage .nopage-desc {
    font-size: 14px;
  }
}

#foot_layout {
  position: relative;
  padding: 64px 0 80px;
}
@media (max-width: 1279px) {
  #foot_layout {
    padding: 48px 0 64px;
  }
}
@media (max-width: 1023px) {
  #foot_layout {
    padding: 40px 0 56px;
  }
}
@media (max-width: 767px) {
  #foot_layout {
    padding: 32px 0 48px;
  }
}
@media (max-width: 500px) {
  #foot_layout {
    padding: 32px 0 148px;
  }
}
@media (max-width: 383px) {
  #foot_layout {
    padding: 28px 0 140px;
  }
}
#foot_layout::before {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 1px;
  background-color: rgba(102, 102, 102, 0.1);
  content: "";
}
#foot_layout .footer-list {
  display: flex;
  gap: 16px;
}
@media (max-width: 767px) {
  #foot_layout .footer-list {
    justify-content: center;
  }
}
@media (max-width: 383px) {
  #foot_layout .footer-list {
    flex-direction: column;
    width: 100%;
    gap: 6px;
  }
}
#foot_layout .footer-list li .link {
  color: #666;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}
@media (max-width: 383px) {
  #foot_layout .footer-list li .link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 46px;
    border-radius: 10px;
    border: 1px solid rgba(102, 102, 102, 0.1);
    font-size: 15px;
  }
}
#foot_layout .footer-list li .link:hover {
  text-decoration: underline;
  text-underline-position: under;
}
#foot_layout .footer-list li.point .link {
  color: #07927D;
  font-weight: 700;
}
#foot_layout address {
  display: flex;
  gap: 28px;
  margin: 24px 0 0;
}
@media (max-width: 1279px) {
  #foot_layout address {
    gap: 0 8px;
    margin: 16px 0 0;
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  #foot_layout address {
    justify-content: center;
  }
}
@media (max-width: 499px) {
  #foot_layout address {
    gap: 0;
  }
}
#foot_layout address > span {
  color: #666;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}
@media (max-width: 767px) {
  #foot_layout address > span {
    text-align: center;
  }
}
@media (max-width: 499px) {
  #foot_layout address > span {
    font-size: 15px;
    flex: 0 0 100%;
  }
}
@media (max-width: 1279px) {
  #foot_layout address > span.address {
    flex: 0 0 100%;
  }
}
@media (max-width: 499px) {
  #foot_layout address > span.address {
    margin: 0 0 8px;
  }
}
#foot_layout .copy {
  display: block;
  color: rgba(102, 102, 102, 0.5);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
  margin: 0;
  padding: 0 0 22px;
}
@media (max-width: 1279px) {
  #foot_layout .copy {
    margin: 2px 0 0;
    padding: 0;
  }
}
@media (max-width: 767px) {
  #foot_layout .copy {
    text-align: center;
  }
}
@media (max-width: 499px) {
  #foot_layout .copy {
    margin: 8px 0 0;
  }
}
@media (max-width: 499px) {
  #foot_layout .copy span {
    display: block;
  }
}
#foot_layout .footer-logo {
  position: absolute;
  right: var(--layout-padding);
  bottom: 0;
  display: block;
  width: 137px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(/images/islands/2026/common/logo-g.png);
}
@media (max-width: 1023px) {
  #foot_layout .footer-logo {
    bottom: 17px;
    width: 110px;
  }
}
@media (max-width: 767px) {
  #foot_layout .footer-logo {
    position: relative;
    right: auto;
    bottom: auto;
    margin: 24px auto 0;
  }
}
@media (max-width: 499px) {
  #foot_layout .footer-logo {
    width: 98px;
    margin: 16px auto 0;
  }
}
#foot_layout .footer-logo::before {
  display: block;
  padding-top: 30.6569343066%;
  content: "";
}
#foot_layout .footer-site {
  position: absolute;
  right: var(--layout-padding);
  top: 0;
  display: block;
  width: 240px;
}
@media (max-width: 767px) {
  #foot_layout .footer-site {
    position: relative;
    right: auto;
    top: auto;
    margin: 24px auto 0;
  }
}
#foot_layout .footer-site-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 48px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 4px;
  background-color: rgba(255, 255, 255, 0.08);
  color: #FFF;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  padding: 0 16px;
  transition: background-color var(--transition-base), border var(--transition-base), color var(--transition-base);
}
#foot_layout .footer-site-button .icon {
  position: relative;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}
#foot_layout .footer-site-button .icon::before, #foot_layout .footer-site-button .icon::after {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: block;
  background-color: #FFF;
  transition: width var(--transition-base), height var(--transition-base), background-color var(--transition-base);
  content: "";
}
#foot_layout .footer-site-button .icon::before {
  width: 14px;
  height: 2px;
}
#foot_layout .footer-site-button .icon::after {
  width: 2px;
  height: 14px;
}
#foot_layout .footer-site-button:hover {
  background-color: #F9F9F9;
  border-color: #F9F9F9;
  color: #222;
}
#foot_layout .footer-site-button:hover .icon::before, #foot_layout .footer-site-button:hover .icon::after {
  background-color: #1C1B1F;
}
#foot_layout .footer-site-list {
  position: absolute;
  left: 0;
  bottom: calc(100% + 10px);
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0 8px;
  border-radius: 4px;
  background-color: #FFF;
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1);
  z-index: 10;
  max-height: 0;
  overflow: hidden;
  transition: max-height var(--transition-base), padding var(--transition-base);
}
#foot_layout .footer-site-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 36px;
  padding: 0 8px;
  color: #444;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
  transition: background-color var(--transition-base), color var(--transition-base);
}
#foot_layout .footer-site-link::after {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_30364_697' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='12' height='12'%3E%3Crect width='12' height='12' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_30364_697)'%3E%3Cpath d='M4.01201 11L3.12451 10.1125L7.23701 6L3.12451 1.8875L4.01201 1L9.01201 6L4.01201 11Z' fill='%23222222'/%3E%3C/g%3E%3C/svg%3E%0A");
  transition: background-image var(--transition-base);
  content: "";
}
#foot_layout .footer-site-link:hover {
  background-color: #F9F9F9;
  color: #0694A6;
  font-weight: 700;
}
#foot_layout .footer-site-link:hover::after {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_30364_697' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='12' height='12'%3E%3Crect width='12' height='12' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_30364_697)'%3E%3Cpath d='M4.01201 11L3.12451 10.1125L7.23701 6L3.12451 1.8875L4.01201 1L9.01201 6L4.01201 11Z' fill='%230694A6'/%3E%3C/g%3E%3C/svg%3E%0A");
}
#foot_layout .footer-site.on .footer-site-button {
  background-color: #F9F9F9;
  border-color: #F9F9F9;
  color: #222;
}
#foot_layout .footer-site.on .footer-site-button .icon::before, #foot_layout .footer-site.on .footer-site-button .icon::after {
  background-color: #1C1B1F;
}
#foot_layout .footer-site.on .footer-site-button .icon::after {
  height: 0;
}
#foot_layout .footer-site.on .footer-site-list {
  max-height: 400px;
  padding: 8px;
}

#mobile-menu {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1050;
  width: 100%;
  height: 100svh;
  visibility: hidden;
  transition: opacity var(--transition-base), visibility var(--transition-base);
  opacity: 0;
  overflow-wrap: anywhere;
}
#mobile-menu .new-modal-dialog {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  max-width: 310px;
  width: 100%;
  height: 100%;
  background-color: #FFF;
  box-shadow: -5px 0 20px 0 rgba(0, 0, 0, 0.2);
  z-index: 95;
  transform: translateX(100%);
  transition: transform var(--transition-base);
  border-radius: 4px 0 0 4px;
}
#mobile-menu .new-modal-content {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
#mobile-menu .new-modal-header {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  height: 70px;
  padding: 19px 20px;
  background-color: #03312A;
}
#mobile-menu .new-modal-header .link {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  padding: 8px 10px;
  background-color: rgba(255, 255, 255, 0.14);
  color: #FFF;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
}
#mobile-menu .new-modal-body {
  display: block;
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
#mobile-menu .new-modal-body .depth1_ul {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  gap: 10px;
  padding: 10px 20px 20px;
}
#mobile-menu .new-modal-body .depth1_ul > li {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 6px;
}
#mobile-menu .new-modal-body .depth1_ul > li::after {
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 1px;
  background-color: #EEE;
  content: "";
}
#mobile-menu .new-modal-body .depth1_ul > li > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 16px;
  border-radius: 4px;
  background-color: #FFF;
  transition: background-color var(--transition-base);
}
#mobile-menu .new-modal-body .depth1_ul > li > a::after {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  border: 1px solid #DDD;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.75 8.33331L10 11.6666L6.25 8.33331' stroke='%23DDDDDD'/%3E%3C/svg%3E%0A");
  content: "";
  transition: background-color var(--transition-base), border var(--transition-base), background-image var(--transition-base), transform var(--transition-base);
}
#mobile-menu .new-modal-body .depth1_ul > li > a > span {
  display: flex;
  align-items: center;
  text-align: left;
  gap: 4px;
  width: 100%;
  color: #222222;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -0.02em;
  transition: color var(--transition-base);
}
#mobile-menu .new-modal-body .depth1_ul > li > a.ov {
  background-color: #07927D;
}
#mobile-menu .new-modal-body .depth1_ul > li > a.ov > span {
  color: #FFF;
}
#mobile-menu .new-modal-body .depth1_ul > li > a.ov::after {
  background-color: #FFF;
  border-color: #FFF;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.75 8.33331L10 11.6666L6.25 8.33331' stroke='%2307927D'/%3E%3C/svg%3E%0A");
  transform: rotate(180deg);
}
#mobile-menu .new-modal-body .depth1_ul > li.n2 > a > span::before, #mobile-menu .new-modal-body .depth1_ul > li.n3 > a > span::before, #mobile-menu .new-modal-body .depth1_ul > li.n4 > a > span::before {
  order: 2;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  padding: 0.285em 0.429em;
  background-color: #F2FAF9;
  color: #07927D;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  display: none;
}
#mobile-menu .new-modal-body .depth1_ul > li.n2 > a > span::before {
  content: "시즌1";
}
#mobile-menu .new-modal-body .depth1_ul > li.n3 > a > span::before {
  content: "시즌2";
}
#mobile-menu .new-modal-body .depth1_ul > li.n4 > a > span::before {
  content: "시즌3";
}
#mobile-menu .new-modal-body .depth1_ul > li.n2 > a.ov > span::before, #mobile-menu .new-modal-body .depth1_ul > li.n3 > a.ov > span::before, #mobile-menu .new-modal-body .depth1_ul > li.n4 > a.ov > span::before {
  background: #FFF;
}
#mobile-menu .new-modal-body .depth1_ul > li.ov::after {
  display: none;
}
#mobile-menu .new-modal-body .depth2_ul {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  gap: 4px;
  border-radius: 4px;
  background-color: #FBFBFB;
  padding: 10px 16px;
}
#mobile-menu .new-modal-body .depth2_ul > li > a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  width: 100%;
  padding: 6px 0;
}
#mobile-menu .new-modal-body .depth2_ul > li > a::before {
  flex-shrink: 0;
  width: 3px;
  height: 3px;
  border-radius: 100%;
  background-color: #D9D9D9;
  content: "";
}
#mobile-menu .new-modal-body .depth2_ul > li > a::after {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.75 8.33331L10 11.6666L6.25 8.33331' stroke='%23555555'/%3E%3C/svg%3E%0A");
  content: "";
  transform: rotate(-90deg);
}
#mobile-menu .new-modal-body .depth2_ul > li > a > span {
  text-align: left;
  width: 100%;
  color: #555;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -0.02em;
  transition: color var(--transition-base);
}
#mobile-menu .new-modal-body .depth2_ul > li.ov > a > span {
  text-decoration: underline;
  text-underline-position: under;
  color: #07927D;
  font-weight: 700;
}
#mobile-menu .new-modal-footer {
  width: 100%;
  padding: 32px 0;
}
#mobile-menu .new-modal-footer .copy {
  display: block;
  width: 100%;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.4;
  color: rgba(102, 102, 102, 0.3);
}
#mobile-menu .mobile-close {
  position: absolute;
  right: 20px;
  top: 19px;
  display: block;
  width: 32px;
  height: 32px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.5 8.5L23.5 23.5' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M8.5 23.5L23.5 8.5' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  content: "";
}
#mobile-menu.in {
  opacity: 1;
  visibility: visible;
}
#mobile-menu.in .new-modal-dialog {
  transform: translateX(0);
}

.mobile-nav {
  position: fixed;
  left: 0;
  bottom: 0;
  display: none;
  gap: 0 clamp(12px, 4.88889px + 2.22222vw, 16px);
  width: 100%;
  background-color: #FFF;
  z-index: 2000;
  box-shadow: 0 4px 24px 0 rgba(4, 32, 28, 0.12);
  transform: translateY(100%);
  transition: transform 0.4s;
  padding: clamp(18px, 14.44444px + 1.11111vw, 20px) clamp(12px, -16.44444px + 8.88889vw, 28px);
}
@media (max-width: 500px) {
  .mobile-nav {
    display: flex;
  }
}
.mobile-nav .line {
  display: block;
  background-color: #ddd;
  width: 1px;
  height: 65px;
  flex-shrink: 0;
}
@media (max-width: 420px) {
  .mobile-nav .line {
    height: 50px;
  }
}
.mobile-nav-ul {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
}
.mobile-nav-ul.ul-1 {
  width: 140px;
}
.mobile-nav-ul.ul-1 .mobile-nav-li .link {
  width: clamp(48px, 8.88889px + 12.22222vw, 70px);
}
.mobile-nav-ul.ul-2 {
  flex-grow: 1;
  justify-content: space-between;
}
.mobile-nav-li .link {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  width: clamp(60px, 42.22222px + 5.55556vw, 70px);
  transition: transform var(--transition-base);
}
.mobile-nav-li .link br {
  display: none;
}
@media (max-width: 380px) {
  .mobile-nav-li .link {
    width: 58px;
  }
  .mobile-nav-li .link br {
    display: block;
  }
}
.mobile-nav-li .link .icon {
  flex-shrink: 0;
  width: clamp(22px, 4.22222px + 5.55556vw, 32px);
  height: clamp(22px, 4.22222px + 5.55556vw, 32px);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: background-image var(--transition-base);
}
.mobile-nav-li .link .icon.home {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_29836_12709' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%2303312A'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_29836_12709)'%3E%3Cpath d='M4.00037 21V9L12.0004 3L20.0004 9V21H14.0004V14H10.0004V21H4.00037Z' fill='%2303312A'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.mobile-nav-li .link .icon.community {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_29836_12724' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%2303312A'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_29836_12724)'%3E%3Cpath d='M6.99963 18.0002C6.7163 18.0002 6.4788 17.9044 6.28713 17.7127C6.09547 17.5211 5.99963 17.2836 5.99963 17.0002V15.0002H18.9996V6.00024H20.9996C21.283 6.00024 21.5205 6.09608 21.7121 6.28774C21.9038 6.47941 21.9996 6.71691 21.9996 7.00024V22.0002L17.9996 18.0002H6.99963ZM1.99963 17.0002V3.00024C1.99963 2.71691 2.09547 2.47941 2.28713 2.28774C2.4788 2.09608 2.7163 2.00024 2.99963 2.00024H15.9996C16.283 2.00024 16.5205 2.09608 16.7121 2.28774C16.9038 2.47941 16.9996 2.71691 16.9996 3.00024V12.0002C16.9996 12.2836 16.9038 12.5211 16.7121 12.7127C16.5205 12.9044 16.283 13.0002 15.9996 13.0002H5.99963L1.99963 17.0002Z' fill='%2303312A'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.mobile-nav-li .link .icon.stamp {
  background-image: url(/images/islands/2026/common/mobile-nav-icon01.png);
}
.mobile-nav-li .link .icon.run {
  background-image: url(/images/islands/2026/common/mobile-nav-icon02.png);
}
.mobile-nav-li .link .icon.commentary {
  background-image: url(/images/islands/2026/common/mobile-nav-icon03.png);
}
.mobile-nav-li .link:hover, .mobile-nav-li .link:active {
  opacity: 1;
}
.mobile-nav-li .link:hover .icon.home, .mobile-nav-li .link:active .icon.home {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_29836_12709' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%2307927D'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_29836_12709)'%3E%3Cpath d='M4.00037 21V9L12.0004 3L20.0004 9V21H14.0004V14H10.0004V21H4.00037Z' fill='%2307927D'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.mobile-nav-li .link:hover .icon.community, .mobile-nav-li .link:active .icon.community {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_29836_12724' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%2307927D'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_29836_12724)'%3E%3Cpath d='M6.99963 18.0002C6.7163 18.0002 6.4788 17.9044 6.28713 17.7127C6.09547 17.5211 5.99963 17.2836 5.99963 17.0002V15.0002H18.9996V6.00024H20.9996C21.283 6.00024 21.5205 6.09608 21.7121 6.28774C21.9038 6.47941 21.9996 6.71691 21.9996 7.00024V22.0002L17.9996 18.0002H6.99963ZM1.99963 17.0002V3.00024C1.99963 2.71691 2.09547 2.47941 2.28713 2.28774C2.4788 2.09608 2.7163 2.00024 2.99963 2.00024H15.9996C16.283 2.00024 16.5205 2.09608 16.7121 2.28774C16.9038 2.47941 16.9996 2.71691 16.9996 3.00024V12.0002C16.9996 12.2836 16.9038 12.5211 16.7121 12.7127C16.5205 12.9044 16.283 13.0002 15.9996 13.0002H5.99963L1.99963 17.0002Z' fill='%2307927D'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.mobile-nav-li .link:hover .mobile-nav-title, .mobile-nav-li .link:active .mobile-nav-title {
  color: #07927D;
}
.mobile-nav-tooltip {
  position: absolute;
  left: 50%;
  bottom: calc(100% + 12px);
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  padding: 4.5px 12px;
  border-radius: 100px;
  background-color: #0C95DA;
  color: #FFF;
  font-size: clamp(14px, 12.22222px + 0.55556vw, 15px);
  font-weight: 600;
  line-height: 1.5;
  white-space: nowrap;
  animation: nav-float 2s ease-in-out infinite;
}
.mobile-nav-tooltip::after {
  position: absolute;
  left: 50%;
  bottom: -4px;
  transform: translateX(-50%);
  display: block;
  width: 10px;
  height: 6px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 6L-4.29138e-07 7.94465e-08L10 9.53674e-07L5 6Z' fill='%230C95DA'/%3E%3C/svg%3E%0A");
  content: "";
}
.mobile-nav-title {
  flex-shrink: 0;
  width: 100%;
  text-align: center;
  color: #444;
  font-size: clamp(12px, 6.66667px + 1.66667vw, 15px);
  font-weight: 500;
  line-height: 1.1;
  transition: color var(--transition-base);
}
.mobile-nav.on {
  transform: translateY(0);
}/*# sourceMappingURL=layout.css.map */