@charset "UTF-8";
/* CSS Reset */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-weight: normal;
}

html, body {
  width: 100%;
  height: 100%;
  font-family: sans-serif;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}

img {
  vertical-align: top;
}

img, picture, video, canvas, svg {
  display: inline-block;
  max-width: 100%;
}

input, button, textarea, select {
  font: inherit;
  color: inherit;
  background: none;
  border: none;
  outline: none;
}

button {
  cursor: pointer;
  background: none;
  border: none;
}

a {
  text-decoration: none;
  color: inherit;
  display: inline-block;
}

span {
  display: inline-block;
}

ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

address {
  font-style: normal;
}

html, body {
  font-family: "SUIT", sans-serif;
}

h2, h3 {
  font-family: "Gowun Batang", serif;
}

h2 {
  font-size: 22px;
}

.heading-holder h2 {
  line-height: 1.3;
}

h3, h4, h5, h6 {
  font-size: 1rem;
}

strong {
  font-weight: 600;
}

.cap {
  font-size: 14px;
}

.tdu {
  text-decoration: underline;
  text-underline-offset: 25%;
  text-decoration-thickness: 0.8px;
}

.mb-only {
  display: none;
}

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

.grid-container {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 0;
}

.grid-container.portrait img {
  aspect-ratio: 0.72;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.grid-container.square img {
  aspect-ratio: 1;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.overlay::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgb(0, 0, 0));
  opacity: 0.54;
}

@media (max-width: 768px) {
  .mb-only {
    display: initial;
  }
  .dt-only {
    display: none !important;
  }
}
header.main {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  pointer-events: none;
  user-drag: none;
  -webkit-user-drag: none;
}
header.main .holder {
  position: relative;
  width: 100%;
}
header.main .bg {
  width: 100%;
  position: relative;
  top: -170px;
  z-index: 3;
}
header.main h1, header.main .toggle {
  position: absolute;
  line-height: 1;
  z-index: 10;
}
header.main h1 {
  right: 20px;
  top: 20px;
}
header.main h1 img {
  width: 122px;
  height: auto;
}
header.main a, header.main button {
  pointer-events: all;
}

body.admin-bar header.main {
  top: 32px;
}

.toggle {
  left: 20px;
  top: 23px;
  width: 30px;
  height: 1rem;
  pointer-events: all;
}
.toggle span {
  position: absolute;
  top: 0;
  left: 0;
  font-family: "Gowun Batang", serif;
}
.toggle .open-menu {
  background: white;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.7s ease-in-out;
}
.toggle .close-menu {
  visibility: hidden;
}
.toggle.active .close-menu {
  visibility: visible;
}
.toggle.active .open-menu {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.7s ease-in-out;
}

.decor {
  position: absolute;
}
.decor.sun {
  bottom: 110px;
  right: 30%;
}
.decor.pea {
  bottom: 240px;
  right: 18%;
}

.meju {
  position: absolute;
  left: calc(50% - 400px);
  top: 45px;
  transform-origin: 44.4444% 0;
  animation: swing 5s ease-in-out infinite;
  z-index: 1;
  visibility: hidden;
}

.meju.active {
  visibility: visible;
}

.gnb {
  font-family: "Gowun Batang", serif;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 999;
  background: #F7EDE5;
  padding-top: 270px;
  display: flex;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}
@keyframes swing {
  0% {
    transform: rotate(0deg);
  }
  20% {
    transform: rotate(4deg);
  }
  50% {
    transform: rotate(-1deg);
  }
  80% {
    transform: rotate(4deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.gnb.active {
  opacity: 1;
  visibility: visible;
  transition: all 0.3s ease-in-out;
}
.gnb .current-menu-item a {
  text-decoration: underline;
  text-underline-offset: 25%;
  text-decoration-thickness: 0.8px;
}

.main-menu {
  display: flex;
  flex-flow: row wrap;
  width: 728px;
  justify-content: space-between;
}
.main-menu > li {
  position: relative;
}
.main-menu > li > a {
  font-weight: 600;
}
.main-menu .menu-item-has-children {
  position: relative;
}
.main-menu .menu-item-has-children > a {
  margin-bottom: 20px;
  pointer-events: none;
}
.main-menu .sub-menu {
  padding-left: 10px;
}
.main-menu .sub-menu li {
  margin-bottom: 12px;
}

@media (max-width: 1400px) {
  header.main .bg {
    top: -130px;
  }
}
@media (max-width: 1200px) {
  header.main .bg {
    top: -100px;
  }
}
@media (max-width: 1000px) {
  header.main .bg {
    top: -70px;
  }
}
@media (max-width: 850px) {
  header.main .bg {
    top: -50px;
  }
}
@media (max-width: 768px) {
  header.main .bg {
    top: 0;
  }
  header.main h1 {
    right: 15px;
    top: 15px;
  }
  header.main h1 img {
    width: 122px;
  }
  .meju {
    top: 0;
    left: 50px;
  }
  .decor.sun {
    bottom: 30px;
    right: 35%;
  }
  .decor.pea {
    bottom: 220px;
    right: 5%;
  }
  .gnb {
    padding-top: 250px;
    padding-left: 20px;
    padding-right: 20px;
    justify-content: flex-start;
  }
  .gnb .main-menu > li.current-menu-item a::before {
    width: auto;
    left: 8px;
    right: 12px;
  }
  .main-menu {
    width: 50%;
    justify-content: space-between;
    max-height: 450px;
  }
  .main-menu > li {
    width: 100%;
  }
  .main-menu > li > a {
    padding: 0 20px 0 12px;
  }
  .main-menu .sub-menu {
    position: absolute;
    top: 0;
    left: calc(100% + 10px);
    width: 100%;
  }
  .main-menu .menu-item-has-children > a, .main-menu .current-menu-parent > a {
    position: relative;
    z-index: 10;
    margin-bottom: 0;
    background: #F7EDE5;
    pointer-events: auto;
  }
  .main-menu .menu-item-has-children.mb .sub-menu, .main-menu .current-menu-parent.mb .sub-menu {
    visibility: hidden;
    opacity: 0;
    transition: all 0.35s;
  }
  .main-menu .menu-item-has-children.mb .sub-menu.shown, .main-menu .current-menu-parent.mb .sub-menu.shown {
    visibility: visible;
    opacity: 1;
  }
  .main-menu .menu-item-has-children.mb.shown::before, .main-menu .current-menu-parent.mb.shown::before {
    content: "";
    position: absolute;
    height: 0.7px;
    width: 100%;
    background: black;
    top: 12.795px;
    left: 0;
    z-index: 3;
    transition: width 0.35s;
  }
}
#content {
  padding: 200px 0 235px;
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
}

.inner {
  width: 100%;
  max-width: 1100px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
}
.inner--xl {
  padding-top: 0;
  padding-bottom: 45px;
  padding-left: 20px;
  padding-right: 20px;
}
.inner--xxl {
  padding-top: 0;
  padding-bottom: 64px;
  padding-left: 20px;
  padding-right: 20px;
}
.inner--xxxl {
  padding-top: 0;
  padding-bottom: 235px;
  padding-left: 20px;
  padding-right: 20px;
}
.inner--mbfull {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
}
@media (max-width: 768px) {
  .inner--mbfull {
    padding-left: 0;
    padding-right: 0;
  }
}
.inner--xl--mbfull {
  padding-top: 0;
  padding-bottom: 45px;
  padding-left: 20px;
  padding-right: 20px;
}
@media (max-width: 768px) {
  .inner--xl--mbfull {
    padding-left: 0;
    padding-right: 0;
  }
}
.inner--xxl--mbfull {
  padding-top: 0;
  padding-bottom: 64px;
  padding-left: 20px;
  padding-right: 20px;
}
@media (max-width: 768px) {
  .inner--xxl--mbfull {
    padding-left: 0;
    padding-right: 0;
  }
}
.inner--xxxl--mbfull {
  padding-top: 0;
  padding-bottom: 235px;
  padding-left: 20px;
  padding-right: 20px;
}
@media (max-width: 768px) {
  .inner--xxxl--mbfull {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 768px) {
  #content {
    padding: 180px 0 150px;
  }
}
footer.main {
  background: #d9d9d9;
  padding-top: 45px;
  padding-bottom: 20px;
}
footer.main .contact {
  width: 100%;
}
footer.main .image-holder {
  width: 55%;
  max-width: 770px;
  position: absolute;
  bottom: 0;
  right: 0;
}

.upper-footer, .under-footer {
  width: 100%;
  max-width: 1538px;
  margin: 0 auto;
  position: relative;
}

.upper-footer {
  position: relative;
}

.under-footer {
  padding: 45px 20px 0;
}

.footer-logo {
  visibility: hidden;
  position: absolute;
  top: -20px;
  right: 20px;
}
.footer-logo img {
  width: 200px;
  height: auto;
}

.footer-scene {
  height: 100%;
  width: auto;
  pointer-events: none;
  user-drag: none;
  -webkit-user-drag: none;
  visibility: hidden;
}

.customer-list {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 570px;
}

.contact-list {
  margin-top: 24px;
}

.contact-list li {
  margin-bottom: 8px;
}
.contact-list li .label {
  position: relative;
  padding-right: 16px;
}
.contact-list li .label::after {
  content: "·";
  position: absolute;
  width: 1px;
  top: 50%;
  transform: translateY(-50%);
  right: 8px;
}

.meta-list {
  font-size: 12px;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
}

@media (max-width: 1100px) {
  .copy {
    width: 100%;
  }
}
@media (max-width: 828px) {
  .meta-list li {
    width: 100%;
    margin-bottom: 8px;
  }
}
@media (max-width: 558px) {
  .customer-list li {
    width: 100%;
    margin-bottom: 8px;
  }
  .contact-list {
    margin-top: 45px;
  }
}
@media (max-width: 768px) {
  footer.main .contact {
    order: 2;
  }
  footer.main .image-holder {
    width: 100%;
    max-width: 1100px;
    position: static;
    order: 1;
    text-align: center;
    margin-bottom: 45px;
  }
  .upper-footer {
    display: flex;
    flex-flow: row wrap;
  }
  .footer-scene {
    height: auto;
    width: 100%;
    display: none;
  }
  .footer-logo img {
    width: 150px;
  }
}
.ig-container {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 2px;
  margin-bottom: 45px;
}
.ig-container img {
  width: calc((100% - 4px) / 3);
  aspect-ratio: 1;
  -o-object-fit: cover;
     object-fit: cover;
}

.main-visual {
  width: 100%;
  height: 100%;
}
.main-visual .swiper, .main-visual .swiper-wrapper, .main-visual .swiper-slide {
  width: 100%;
  height: 100%;
  background: white;
}
.main-visual .swiper-slide.last {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
}
.main-visual .inner-slide {
  width: 100%;
  height: 100%;
  position: relative;
}
.main-visual .inner-slide::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: black;
  opacity: 0.15;
  z-index: 2;
}
.main-visual .inner-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.main-visual .inner-slide img.lefted {
  -o-object-position: 10% center;
     object-position: 10% center;
}
.main-visual .inner-slide p {
  padding-top: 80px;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  z-index: 3;
  transform: translateX(-50%) translateY(-50%);
  color: white;
  text-align: center;
}
.main-visual .last-slide {
  width: 100%;
  height: 100%;
  max-width: 700px;
  padding-top: 80px;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.main-visual .last-slide > div {
  height: 18%;
  width: 100%;
}
.main-visual .last-slide .top {
  text-align: right;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.main-visual .last-slide .ctr {
  text-align: center;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
}
.main-visual .last-slide .ctr p {
  padding: 0 20px;
  font-weight: bold;
}
.main-visual .last-slide .btm {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
}

.swiper {
  width: 100%;
  height: 100%;
}

.main-metas {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
}

.home #content {
  max-width: 100%;
  text-align: center;
}
.home #content h2 {
  margin-bottom: 12px;
}
.home #content h2 + p {
  margin-bottom: 45px;
}
.home #content .among-sentence {
  vertical-align: -3px;
  margin-right: 2.5px;
  pointer-events: none;
  user-drag: none;
  -webkit-user-drag: none;
}
.home #content .animation-container {
  width: 100%;
}
.home #content .animation-container h2 {
  animation: fade-in 2.7s ease-in-out forwards;
  animation-delay: 0.5s;
}
.home #content .col-3 {
  gap: 5px;
}
.home #content .col-3 .main-item {
  display: block;
  width: calc((100% - 10px) / 3);
  position: relative;
}
.home #content .col-3 .pic-frame {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  user-drag: none;
  -webkit-user-drag: none;
}
.home #content .col-3 h2 {
  width: 25px;
  line-height: 1.15;
  position: absolute;
  top: 290px;
  right: -5px;
}
.home #content .main-more {
  margin-top: 45px;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
}
.home #content .main-more a {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.home #content .main-more .pre-icon {
  margin-right: 8px;
}
.home #content .main-more .end {
  margin-left: 4px;
}
.home #content .dt-product-container {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.home #content .dt-product {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.home #content .dt-product {
  width: 20%;
  height: 215px;
}
.home #content .marquee {
  overflow: hidden;
  width: 100%;
  box-sizing: border-box;
  position: relative;
}
.home #content .marquee-container {
  display: flex;
  width: -moz-max-content;
  width: max-content;
  animation: marquee-scroll 14s linear infinite;
}
.home #content .marquee-item {
  flex: 0 0 auto;
  display: flex;
  align-items: flex-end;
  padding: 0 20px;
}
@keyframes marquee-scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

.popup-inner {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
}
.popup-inner > div {
  width: 50%;
}
.popup-inner .img-part img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 3/4;
}
.popup-inner .text-part {
  padding: 20px;
}

#sb_instagram .sbi_type_carousel .fa-clone {
  display: none !important;
}

@media (max-width: 768px) {
  .popup-inner > div {
    width: 100%;
  }
  .popup-inner .img-part img {
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    aspect-ratio: 4/3;
  }
  .popup-inner .text-part {
    padding: 20px;
  }
}
.logo-animated svg {
  display: block;
  margin: 0 auto;
  margin-bottom: 45px;
  width: 120px !important;
  height: auto !important;
}
.logo-animated #p1 {
  stroke-dasharray: 1000;
  stroke-dashoffset: 0;
  animation: vanish 3s ease forwards;
}
.logo-animated #p2 {
  stroke-dasharray: 1000;
  stroke-dashoffset: 0;
  animation: vanish 3s ease forwards;
  animation-delay: 0.3s;
}
.logo-animated #p3 {
  stroke-dasharray: 1000;
  stroke-dashoffset: 0;
  animation: vanish 3s ease forwards;
  animation-delay: 1.1s;
}
.logo-animated #p4 {
  stroke-dasharray: 1000;
  stroke-dashoffset: 0;
  animation: vanish 3s ease forwards;
  animation-delay: 1.9s;
}
.logo-animated #p5 {
  stroke-dasharray: 1000;
  stroke-dashoffset: 0;
  animation: vanish 3s ease forwards;
  animation-delay: 2.7s;
}

@keyframes vanish {
  from {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: 1000;
  }
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.cat-menu-container {
  display: flex;
  align-items: center;
}

.cat-menu {
  display: flex;
  flex-flow: row wrap;
}

.cat-menu-item:not(:first-child) {
  margin-left: 16px;
}
.cat-menu-item.active a {
  text-decoration: underline;
  text-underline-offset: 25%;
  text-decoration-thickness: 0.8px;
}
.cat-menu-item a:hover {
  text-decoration: underline;
  text-underline-offset: 25%;
  text-decoration-thickness: 0.8px;
}

.item-badge {
  padding-right: 10px;
  margin-right: 4px;
  position: relative;
}

.item-badge::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 2px;
  right: 0;
  background: black;
  border-radius: 50%;
  top: calc(50% - 1px);
}

.item-badge.none::after {
  content: none;
}

.category-7 .item-badge {
  font-weight: bold;
}

.page-nav {
  text-align: center;
  padding-top: 45px;
}
.page-nav .wp-pagenavi a, .page-nav .wp-pagenavi span {
  padding: 0;
  font-size: 12px;
  width: 25px;
  line-height: 12px;
  margin: 0 2px;
  border: none;
}
.page-nav .wp-pagenavi span.current {
  text-decoration: underline;
  text-underline-offset: 25%;
  text-decoration-thickness: 0.8px;
}

.gallery-type-container {
  width: 100%;
}

.gallery-type-item {
  position: relative;
}

.with-caption {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 4%;
}
.with-caption .gallery-type-item {
  width: calc((100% - 12%) / 4);
  margin-bottom: 45px;
}
.with-caption .gallery-type-item img {
  aspect-ratio: 0.72;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  margin-bottom: 12px;
}
.with-caption .gallery-type-item h5 {
  margin-top: 4px;
}

.without-caption {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: 4px;
}
.without-caption .gallery-type-item {
  width: calc((100% - 8px) / 3);
  overflow: hidden;
}
.without-caption .gallery-type-item img {
  aspect-ratio: 0.72;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s;
  z-index: 0;
}
.without-caption .gallery-type-item h5 {
  position: absolute;
  bottom: 8px;
  left: 12px;
  color: white;
  z-index: 2;
}
.without-caption .gallery-type-item:hover img {
  transform: scale(1.08);
}
.without-caption .gallery-type-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(to top, rgb(0, 0, 0), rgba(0, 0, 0, 0));
  opacity: 0.6;
  transition: all 0.6s;
  z-index: 1;
}

.row-type-item {
  width: 100%;
  border-bottom: 0.7px solid #e9ecef;
}
.row-type-item:first-child {
  border-top: 0.7px solid #dee2e6;
}
.row-type-item.hidden {
  display: none;
}

.row-content {
  padding-left: 24px;
}

.row-type-inner {
  padding: 20px 0;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: flex-start;
}

.compact .thumb-holder {
  width: 94px;
}
.compact .thumb-holder img {
  aspect-ratio: 1;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.compact .row-content {
  width: calc(100% - 94px);
}
.compact h4 {
  margin-top: 4px;
}

.press-no-img {
  display: flex;
  flex-flow: row wrap;
  align-content: justify-content;
  aspect-ratio: 1;
  background: #e9ecef;
  padding: 10px;
}
.press-no-img > p {
  font-size: 10px;
  padding-top: 4px;
  width: 100%;
}
.press-no-img span {
  font-size: 8px;
  width: 100%;
  border-bottom: 0.7px solid black;
}

.expanded .thumb-holder {
  width: 265px;
}
.expanded .thumb-holder img {
  aspect-ratio: 1.4324324324;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.expanded .row-content {
  width: calc(100% - 265px);
}
.expanded .row-content a {
  text-decoration: underline;
  text-underline-offset: 25%;
  text-decoration-thickness: 0.8px;
}
.expanded h4 {
  font-size: 20px;
  margin-bottom: 8px;
}
.expanded p {
  margin-bottom: 4px;
}
.expanded .item-badge + span {
  font-weight: 600;
}

.side-2 {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: flex-start;
}

.heading-side {
  width: 50%;
}
.heading-side h4 {
  font-size: 20px;
}

.content-side {
  width: 50%;
}

.history-list {
  padding-bottom: 64px;
  border-left: 1px solid black;
  padding-left: 16px;
}

.history-list li {
  position: relative;
}
.history-list li:not(:last-child) {
  margin-bottom: 8px;
}
.history-list li::before {
  content: "";
  position: absolute;
  top: 9.295px;
  left: -20px;
  width: 7px;
  height: 7px;
  background: white;
  border: 1px solid black;
  border-radius: 50%;
}

.side-2:last-child .history-list {
  padding-bottom: 0;
}

@media screen and (max-width: 768px) {
  .with-caption .gallery-type-item {
    width: calc((100% - 4%) / 2);
  }
  .without-caption .gallery-type-item {
    width: calc((100% - 4px) / 2);
  }
  .heading-side {
    width: 70px;
  }
  .content-side {
    width: calc(100% - 70px);
  }
  .row-type-inner {
    padding: 20px;
  }
  .compact .row-content {
    padding-left: 16px;
  }
  .expanded .thumb-holder {
    width: 100%;
    margin-bottom: 16px;
  }
  .expanded .thumb-holder a {
    width: 100%;
  }
  .expanded .row-content {
    width: 100%;
    padding-left: 0;
  }
}
.page-sub-menu {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
}

.page-menu-list {
  display: flex;
  flex-flow: row wrap;
}

.page-menu-list > li {
  position: relative;
}
.page-menu-list > li:not(:first-child) {
  padding-left: 8px;
}
.page-menu-list > li:not(:last-child) {
  position: relative;
  padding-right: 16px;
}
.page-menu-list > li:not(:last-child)::after {
  content: "·";
  position: absolute;
  width: 1px;
  top: 50%;
  transform: translateY(-50%);
  right: 8px;
}
.page-menu-list > li.current-menu-item a, .page-menu-list > li.current-category-ancestor a {
  font-weight: 600;
}
.page-menu-list > li.current-menu-item::before, .page-menu-list > li.current-category-ancestor::before {
  content: "";
  position: absolute;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #dee2e6;
  box-shadow: 0 0 20px 15px #dee2e6;
  left: calc(50% - 8px);
  top: 50%;
  z-index: -1;
  transform: translateX(-50%) translateY(-50%);
}
.page-menu-list > li:last-child.current-menu-item::before, .page-menu-list > li:last-child.current-category-ancestor::before {
  left: 50%;
}

.content-item h4 {
  font-size: 20px;
  margin-bottom: 24px;
}
.content-item ol {
  padding-left: 20px;
}

.ending {
  text-align: center;
  font-size: 20px;
}

.content-image-holder {
  position: relative;
}
.content-image-holder.listing img:not(:last-child) {
  margin-bottom: 12px;
}

span.caption {
  position: absolute;
  bottom: 64px;
  right: 20px;
  color: white;
  background: rgba(0, 0, 0, 0.3);
  padding: 5px;
  font-size: 10px;
}

.content-detail li:not(last-child) {
  margin-bottom: 12px;
}

.split--1-2 {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: stretch;
}

.split-1 {
  width: 41.76136364%;
}
.split-1 img {
  aspect-ratio: 0.6;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.split-2 {
  width: 56.81818182%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.split-2 img {
  aspect-ratio: 1.6666666667;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

img.wide {
  aspect-ratio: 1.8677419355;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

img.portrait {
  aspect-ratio: 0.72;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.story-banner img {
  aspect-ratio: 1.4324324324;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.intro {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: flex-start;
}

.intro-img {
  width: 42%;
}

.intro-desc {
  width: 58%;
  padding-left: 45px;
}

.desc-part {
  font-family: "Gowun Batang", serif;
  margin-bottom: 45px;
}

.sign-part p {
  font-size: 12px;
  margin-bottom: 12px;
}
.sign-part img {
  width: 110px;
  height: auto;
}

.contact-info address {
  margin-bottom: 16px;
}
.contact-info .heading-side h4 {
  position: relative;
}
.contact-info .heading-side h4::after {
  content: "";
  height: 1px;
  position: absolute;
  top: calc(50% - 0.5px);
  right: 16px;
  left: 16px;
  background: black;
  z-index: -1;
}
.contact-info .heading-side span {
  padding-right: 16px;
  background: white;
}
.contact-info .content-side {
  padding-bottom: 64px;
  padding-top: 3px;
}
.contact-info .content-side a {
  text-decoration: underline;
  text-underline-offset: 25%;
  text-decoration-thickness: 0.8px;
}
.contact-info .content-side ul li:not(:last-child) {
  margin-bottom: 8px;
}
.contact-info .label {
  width: 70px;
}

.page-id-1089 .page-content img.landscape {
  aspect-ratio: 1.4324324324;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.page-id-1089 .page-content h2, .page-id-1089 .page-content h3 {
  text-align: center;
  font-family: "SUIT", sans-serif;
}
.page-id-1089 .page-content h2 {
  font-size: 22px;
  margin-bottom: 24px;
}
.page-id-1089 .page-content h3 {
  font-size: 20px;
}
.page-id-1089 .page-content h4 {
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 16px;
}
.page-id-1089 .page-content .content-item {
  margin-bottom: 64px;
}
.page-id-1089 .page-content ul {
  padding: 45px 24px;
  font-size: 14px;
}
.page-id-1089 .page-content ul li {
  padding-left: 20px;
  position: relative;
}
.page-id-1089 .page-content ul li::before {
  content: "";
  position: absolute;
  top: 10.2px;
  left: 7px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background: black;
}
.page-id-1089 .page-content ul li:not(:last-child) {
  margin-bottom: 12px;
}
.page-id-1089 .page-content .icon-holder {
  margin-top: 45px;
  text-align: center;
  padding-bottom: 24px;
}
.page-id-1089 .page-content .pea-icon {
  width: 50px;
  height: auto;
}

.page-1055 {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
}
.page-1055 h4 {
  font-size: 20px;
  font-weight: bold;
}
.page-1055 h4:not(:first-child) {
  margin-top: 45px;
}
.page-1055 h5 {
  font-weight: bold;
  margin-top: 20px;
}
.page-1055 li {
  position: relative;
}
.page-1055 ol, .page-1055 > ul {
  padding-left: 20px;
}
.page-1055 ol ul, .page-1055 > ul ul {
  padding-left: 20px;
}
.page-1055 ul li::before {
  content: "";
  width: 3px;
  height: 3px;
  border-radius: 50%;
  position: absolute;
  top: calc(50% - 1.5px);
  left: -18px;
  background: black;
}

@media (max-width: 768px) {
  .intro-img {
    width: 100%;
  }
  .intro-desc {
    width: 100%;
    padding-left: 0;
    padding-top: 45px;
  }
  .contact-info .heading-side {
    width: 110px;
  }
  .contact-info .content-side {
    width: calc(100% - 110px);
  }
  .contact-info .heading-side h4::after {
    right: 12px;
    left: 12px;
  }
  .contact-info .heading-side span {
    padding-right: 12px;
    background: white;
  }
  span.caption {
    right: 0;
  }
}
.single-img-holder {
  width: 100%;
}
.single-img-holder img {
  aspect-ratio: 1.4324324324;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.post-content h4 {
  font-size: 20px;
  margin-bottom: 8px;
}
.post-content h4.sub-title {
  margin-top: 45px;
}
.post-content .detail > .single-note:not(:last-child), .post-content .detail ul, .post-content .detail > div {
  margin-bottom: 45px;
}
.post-content .more-pad {
  padding-top: 45px;
}

.go-to-list {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
}
.go-to-list a {
  line-height: 16px;
}
.go-to-list img {
  margin-right: 8px;
}

.bookings {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 45px;
}

.booking-btn {
  width: 49.5%;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
}
.booking-btn div {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  align-items: center;
  min-width: 200px;
}

.n-book {
  border: 1px solid white;
  border-radius: 25px;
  padding: 12px;
  background: #03C75A;
  color: white;
  transition: all 0.2s;
  border-color: #03C75A;
}

.n-talk {
  border: 1px solid #03C75A;
  border-radius: 25px;
  padding: 12px;
  background: white;
  color: #03C75A;
  transition: all 0.2s;
}

.ingredients li {
  position: relative;
  padding-left: 20px;
}
.ingredients li::before {
  content: "";
  position: absolute;
  height: 1px;
  width: 10px;
  background: black;
  top: 50%;
  transform: transformY(-50%);
  left: 0;
}

.step {
  padding: 16px 0;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: flex-start;
}
.step img {
  width: 250px;
  aspect-ratio: 1;
  -o-object-fit: cover;
     object-fit: cover;
}
.step div {
  width: calc(100% - 250px);
  padding-left: 16px;
}
.step p {
  padding-left: 24px;
  position: relative;
}
.step .step-order {
  font-size: 22px;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 1.3;
}
.step:not(:last-child) {
  border-bottom: 1px solid #e9ecef;
}

.wp-block-custom-recipe-info p {
  margin-bottom: 45px;
}

.related-item {
  background: #f5f5f5;
  width: 100%;
  max-width: 430px;
  height: 227px;
  border-radius: 25px;
  box-shadow: 1px 5px 8px 0px rgba(0, 0, 0, 0.13);
  -webkit-box-shadow: 1px 5px 8px 0px rgba(0, 0, 0, 0.13);
  -moz-box-shadow: 1px 5px 8px 0px rgba(0, 0, 0, 0.13);
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
}
.related-item:not(:last-child) {
  margin-bottom: 16px;
}
.related-item .img-holder {
  width: 40%;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
}
.related-item .img-holder div {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  height: 167px;
  width: 100px;
}
.related-item .img-holder img {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.related-item .content-holder {
  width: 60%;
  padding-right: 20px;
}
.related-item .content-holder h5 {
  font-size: 20px;
}
.related-item .content-holder a {
  line-height: 17px;
}
.related-item .content-holder a img {
  margin-left: 8px;
}

@media screen and (max-width: 768px) {
  .booking-btn {
    width: 100%;
  }
  .booking-btn div {
    justify-content: space-between;
  }
  .n-book div {
    padding-left: 24.5px;
  }
  .n-talk {
    margin-top: 16px;
  }
  .step img {
    width: 35%;
  }
  .step div {
    width: 65%;
  }
}/*# sourceMappingURL=main.css.map */