@charset "UTF-8";
/*
    Theme Name: Sapa Jade Hill
    Theme URI: 
    Author: Team WP MD
    Author URI: 
    Description: A starter theme
    Version: 1.0
    Text Domain: corex
    Tags: theme, starter theme,
*/
@font-face {
  font-family: "Montserrat-Regular.ttf";
  src: url("./assets/fonts/Montserrat-Regular.ttf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat-Bold.ttf";
  src: url("./assets/fonts/Montserrat-Bold.ttf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat-Medium.ttf";
  src: url("./assets/fonts/Montserrat-Medium.ttf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat-SemiBold.ttf";
  src: url("./assets/fonts/Montserrat-SemiBold.ttf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "UVF-Didot.ttf";
  src: url("./assets/fonts/UVF-Didot.ttf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "UVF-Didot2.otf";
  src: url("./assets/fonts/UVF-Didot2.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */
::-webkit-scrollbar {
  width: 6px;
}

::-webkit-scrollbar-thumb {
  background: #354430;
  border-radius: 3px;
}

::-webkit-scrollbar-thumb:window-inactive {
  background: #354430;
}

button,
input,
select,
textarea {
  margin: 0;
  outline: none;
}

html {
  box-sizing: border-box;
}

* {
  box-sizing: border-box;
}

*, *::before, *::after {
  box-sizing: inherit;
}

img,
video {
  height: auto;
  max-width: 100%;
}

iframe {
  border: 0;
}

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

td,
th {
  padding: 0;
}
td:not([align]),
th:not([align]) {
  text-align: left;
}

html,
body {
  margin: 0;
  padding: 0;
  font-family: "Montserrat-Regular.ttf";
  font-size: 15px;
  line-height: 170%;
  font-weight: 400;
  color: #1B1916;
}
@media only screen and (max-width: 1024px) {
  html,
  body {
    font-size: 14px;
  }
}

.site-container {
  overflow: hidden;
}

ul li {
  list-style: none;
}

a {
  text-decoration: none;
}

p, h1, h2, h3, h4, h5, h6 {
  margin: 0;
}

.typography html,
.typography body,
.typography p,
.typography ol,
.typography ul,
.typography li,
.typography dl,
.typography dt,
.typography dd,
.typography blockquote,
.typography figure,
.typography fieldset,
.typography legend,
.typography textarea,
.typography pre,
.typography iframe,
.typography hr,
.typography h1,
.typography h2,
.typography h3,
.typography h4,
.typography h5,
.typography h6 {
  margin: 0;
  padding: 0;
}
.typography ul {
  list-style: none;
}

@keyframes draw2 {
  0% {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: 2000;
  }
}
@keyframes signature1 {
  0% {
    stroke-dashoffset: 500;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes signature2 {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes opacityKey {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes colorTextWhite {
  0% {
    stroke: #000;
    stroke-width: 0;
    fill: #000;
  }
  50% {
    stroke: #000;
    stroke-width: 3.46544;
    fill: #fff;
  }
  100% {
    stroke: #000;
    stroke-width: 0;
    fill: #000;
  }
}
@keyframes colorTextBlack {
  0% {
    stroke: #000;
    stroke-width: 3.46544;
    fill: #fff;
  }
  50% {
    stroke: #000;
    stroke-width: 0;
    fill: #000;
  }
  100% {
    stroke: #000;
    stroke-width: 3.46544;
    fill: #fff;
  }
}
@keyframes zoomOut {
  from {
    transform: scale(1.3); /* Kích thước ban đầu của ảnh */
  }
  to {
    transform: scale(1); /* Kích thước cuối cùng của ảnh (zoom out) */
  }
}
@keyframes trin {
  from {
    transform: rotate3d(0, 0, 1, 0deg);
  }
  20%, 32%, 44%, 56%, 68% {
    transform: rotate3d(0, 0, 1, 0deg);
  }
  23%, 35%, 47%, 59%, 71% {
    transform: rotate3d(0, 0, 1, 15deg);
  }
  26%, 38%, 50%, 62%, 74% {
    transform: rotate3d(0, 0, 1, 0deg);
  }
  29%, 41%, 53%, 65%, 77% {
    transform: rotate3d(0, 0, 1, -15deg);
  }
  80% {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@-webkit-keyframes future {
  0% {
    transform: translate(-400px) rotate(-45deg);
  }
  50% {
    transform: translate(0) rotate(-45deg);
  }
  100% {
    transform: translate(400px) rotate(-45deg);
  }
}
@-moz-keyframes future {
  0% {
    transform: translate(-400px) rotate(-45deg);
  }
  50% {
    transform: translate(0) rotate(-45deg);
  }
  100% {
    transform: translate(400px) rotate(-45deg);
  }
}
@-o-keyframes future {
  0% {
    transform: translate(-400px) rotate(-45deg);
  }
  50% {
    transform: translate(0) rotate(-45deg);
  }
  100% {
    transform: translate(400px) rotate(-45deg);
  }
}
@keyframes future {
  0% {
    transform: translate(-400px) rotate(-45deg);
  }
  50% {
    transform: translate(0) rotate(-45deg);
  }
  100% {
    transform: translate(400px) rotate(-45deg);
  }
}
@keyframes drawLine {
  from {
    stroke-dasharray: 300;
    stroke-dashoffset: 300;
  }
  to {
    stroke-dasharray: 300;
    stroke-dashoffset: 0;
  }
}
@keyframes zoomOut {
  from {
    transform: scale(1.3); /* Kích thước ban đầu của ảnh */
  }
  to {
    transform: scale(1); /* Kích thước cuối cùng của ảnh (zoom out) */
  }
}
@keyframes bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-12px);
  }
}
.button_def {
  color: var(--WHITE, #FFF);
  text-align: center;
  font-family: "Montserrat-Bold.ttf";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  background: var(--Yellow, #CAAA43);
  padding: 12px 23px 11px 24px;
  width: max-content;
  display: inline-block;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 1024px) {
  .button_def {
    padding: 13px 18px 12px 15px;
    font-size: 13px;
  }
}
@media only screen and (max-width: 768px) {
  .button_def {
    padding: 10px 18px 10px 15px;
  }
}
@media only screen and (max-width: 576px) {
  .button_def {
    padding: 10px 15px 10px 15px;
    font-size: 12px;
  }
}
@media only screen and (min-width: 1025px) {
  .button_def:hover::before {
    width: 100%;
    right: 0;
    left: auto;
  }
  .button_def:hover::after {
    width: 100%;
    left: 0;
    right: auto;
  }
}
.button_def::before {
  content: "";
  background-color: rgba(255, 255, 255, 0.2);
  height: 50%;
  width: 0;
  position: absolute;
  transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  top: 0;
  left: 0;
  right: auto;
}
.button_def:after {
  content: "";
  background-color: rgba(255, 255, 255, 0.2);
  height: 50%;
  width: 0;
  position: absolute;
  transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  bottom: 0;
  right: 0;
  left: auto;
}

.cm-read-more {
  display: flex;
  align-items: center;
  color: var(--Yellow, #CAAA43);
  font-family: "Montserrat-Medium.ttf";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 170%; /* 23.8px */
  letter-spacing: 0.7px;
  text-transform: uppercase;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 576px) {
  .cm-read-more {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1025px) {
  .cm-read-more.green:hover {
    color: var(--Green, #fff);
    letter-spacing: 1px;
  }
  .cm-read-more.green:hover span {
    background: var(--Green, #fff);
  }
}
@media only screen and (min-width: 1025px) {
  .cm-read-more:hover {
    color: var(--Green, #354430);
    letter-spacing: 1px;
  }
  .cm-read-more:hover span {
    background: var(--Green, #354430);
  }
}
.cm-read-more span {
  transition: all 0.5s ease;
  display: inline-block;
  background: var(--Yellow, #CAAA43);
  width: 80px;
  height: 1px;
  margin-right: 16px;
}
@media only screen and (max-width: 1024px) {
  .cm-read-more span {
    width: 60px;
    margin-right: 10px;
  }
}
@media only screen and (max-width: 576px) {
  .cm-read-more span {
    width: 40px;
  }
}

.cm-swiper-pagination .swiper-pagination-bullet {
  opacity: 0.5 !important;
  background: var(--White, #FFF) !important;
  width: 32px !important;
  height: 2px !important;
  box-sizing: border-box;
  border-radius: 0 !important;
}
.cm-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1 !important;
}

.cm-prev, .cm-next {
  width: 12px !important;
  height: 24px !important;
  margin-top: 0 !important;
  top: 50% !important;
  transform: translateY(-50%);
}
.cm-prev::after, .cm-next::after {
  display: none;
}

.cm-swiper-scrollbar {
  height: 1px !important;
  opacity: 1 !important;
  background: var(--White, rgba(255, 255, 255, 0.5019607843)) !important;
  border-radius: 0 !important;
  width: 100% !important;
}
.cm-swiper-scrollbar .swiper-scrollbar-drag {
  background: var(--White, #FFF) !important;
  border-radius: 0 !important;
}

.see-more {
  color: var(--Yellow, #CFAA36);
  line-height: 170%; /* 23.8px */
  letter-spacing: 0.7px;
  text-transform: uppercase;
  opacity: 0.9;
  font-weight: 500;
  font-family: "Montserrat-Medium.ttf";
}

.cm-banner {
  width: 100%;
  padding: 0 1.3888888889%;
  position: relative;
  background: #fff;
}
@media only screen and (max-width: 1024px) {
  .cm-banner {
    padding: 0 15px;
  }
}
@media only screen and (max-width: 576px) {
  .cm-banner {
    padding: 0;
  }
}
.cm-banner svg {
  position: absolute;
  width: 24px;
  left: 50%;
  transform: translateX(-50%);
  bottom: 3.2967032967%;
  z-index: 1;
}
.cm-banner .img {
  overflow: hidden;
  aspect-ratio: 1.9230769231;
}
@media only screen and (max-width: 1024px) {
  .cm-banner .img {
    aspect-ratio: 2;
  }
}
@media only screen and (max-width: 576px) {
  .cm-banner .img {
    aspect-ratio: 1.44;
  }
}
.cm-banner .img > img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  animation: zoomOut 2s ease-in-out;
}
.cm-banner:after {
  opacity: 0.25;
  background: #000;
  mix-blend-mode: multiply;
  position: absolute;
  top: 0;
  left: 1.3888888889%;
  width: calc(100% - 2 * 1.3888888889%);
  height: 100%;
  content: "";
}
@media only screen and (max-width: 1024px) {
  .cm-banner:after {
    left: 15px;
    width: calc(100% - 30px);
  }
}
@media only screen and (max-width: 576px) {
  .cm-banner:after {
    width: 100%;
    left: 0;
  }
}
.cm-banner .title {
  position: absolute;
  color: var(--White, #FFF);
  text-align: center;
  font-family: "UVF-Didot.ttf";
  font-size: 60px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  width: max-content;
}
@media only screen and (max-width: 1280px) {
  .cm-banner .title {
    font-size: 50px;
  }
}
@media only screen and (max-width: 1024px) {
  .cm-banner .title {
    font-size: 40px;
  }
}
@media only screen and (max-width: 576px) {
  .cm-banner .title {
    font-size: 30px;
  }
}

.cm_content_qa {
  display: flex;
  flex-direction: column;
}
.cm_content_qa .item {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #354430;
}
.cm_content_qa .item:first-child {
  border-top: 1px solid #354430;
}
.cm_content_qa .item .title {
  position: relative;
  padding: 32px 20px 24px 0;
  cursor: pointer;
  position: relative;
}
@media only screen and (max-width: 1280px) {
  .cm_content_qa .item .title {
    padding: 20px 20px 20px 0;
  }
}
@media (max-width: 768px) {
  .cm_content_qa .item .title {
    padding: 15px 20px 15px 0;
  }
}
.cm_content_qa .item .title.active:after {
  opacity: 0;
}
.cm_content_qa .item .title:after, .cm_content_qa .item .title::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  width: 24px;
  height: 2px;
  background: #354430;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 1280px) {
  .cm_content_qa .item .title:after, .cm_content_qa .item .title::before {
    width: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .cm_content_qa .item .title:after, .cm_content_qa .item .title::before {
    width: 16px;
  }
}
@media only screen and (max-width: 576px) {
  .cm_content_qa .item .title:after, .cm_content_qa .item .title::before {
    width: 13px;
  }
}
.cm_content_qa .item .title::after {
  transform: rotate(90deg); /* tạo dấu + */
}
.cm_content_qa .item .title h3 {
  color: var(--Green, #354430);
  font-family: "UVF-Didot.ttf";
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 105%; /* 33.6px */
  letter-spacing: -0.64px;
}
@media only screen and (max-width: 1280px) {
  .cm_content_qa .item .title h3 {
    font-size: 24px;
  }
}
@media (max-width: 768px) {
  .cm_content_qa .item .title h3 {
    font-size: 20px;
  }
}
@media (max-width: 576px) {
  .cm_content_qa .item .title h3 {
    font-size: 17px;
  }
}
.cm_content_qa .item .exp {
  line-height: 180%; /* 27px */
  letter-spacing: -0.15px;
  padding-bottom: 32px;
}
@media only screen and (max-width: 1280px) {
  .cm_content_qa .item .exp {
    padding-bottom: 25px;
  }
}

.title-def {
  color: var(--Green, #354430);
  font-family: "UVF-Didot2.otf";
  font-size: 42px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 54.6px */
  letter-spacing: -0.84px;
  text-transform: uppercase;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
@media only screen and (max-width: 1280px) {
  .title-def {
    font-size: 36px;
  }
}
@media only screen and (max-width: 1024px) {
  .title-def {
    font-size: 30px;
    line-height: 150%;
  }
}
@media only screen and (max-width: 768px) {
  .title-def {
    font-size: 26px;
  }
}
.title-def.center {
  text-align: center;
}

.cm-container {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 117px;
}
@media (max-width: 1280px) {
  .cm-container {
    padding: 0 60px;
  }
}
@media (max-width: 1024px) {
  .cm-container {
    padding: 0 30px;
  }
}
@media (max-width: 767px) {
  .cm-container {
    padding: 0 15px;
  }
}

.header-inner {
  display: flex;
  align-items: center;
  background-color: #ffffff;
  padding: 0 1.3888888889%;
  height: 88px;
  justify-content: space-between;
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  transition: all 400ms ease;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999999;
  width: 100%;
}
@media only screen and (max-width: 1024px) {
  .header-inner {
    height: 80px;
    padding: 0 30px;
  }
}
@media only screen and (max-width: 576px) {
  .header-inner {
    padding: 0 15px;
  }
}
.header-inner.active_mb {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
  transform: scale(1);
  transition: opacity 0.4s cubic-bezier(0, 1, 0.4, 1), visibility 0.4s linear, -webkit-transform 0.4s cubic-bezier(0.18, 1.25, 0.4, 1);
  transition: opacity 0.4s cubic-bezier(0, 1, 0.4, 1), transform 0.4s cubic-bezier(0.18, 1.25, 0.4, 1), visibility 0.4s linear;
  transition: opacity 0.4s cubic-bezier(0, 1, 0.4, 1), transform 0.4s cubic-bezier(0.18, 1.25, 0.4, 1), visibility 0.4s linear, -webkit-transform 0.4s cubic-bezier(0.18, 1.25, 0.4, 1);
}
.header-inner.down {
  height: 70px;
}
.header-inner.hSticky-down {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  transition: all 400ms ease;
  opacity: 0;
  visibility: hidden;
}
.header-inner:after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 1.5px;
  content: "";
  background: var(--Yellow, #CAAA43);
  transition: all 700ms ease;
}
.header-inner.activeMenu::after {
  width: 100%;
}
.header-inner.activeMenu .right {
  opacity: 1;
  transform: translateY(0);
}
.header-inner .logo {
  width: 86.66px;
  display: block;
}
@media only screen and (max-width: 1024px) {
  .header-inner .logo {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    background: #ffffff;
  }
}
@media only screen and (max-width: 576px) {
  .header-inner .logo {
    width: 80px;
  }
}
.header-inner .logo svg {
  width: 100%;
}
.header-inner > .humberger, .header-inner .mb {
  display: none;
}
@media only screen and (max-width: 1024px) {
  .header-inner > .humberger, .header-inner .mb {
    display: flex;
    z-index: 10;
  }
}
.header-inner .mb {
  align-items: center;
}
@media only screen and (max-width: 576px) {
  .header-inner .mb .cloud, .header-inner .mb .lang {
    display: none;
  }
}
.header-inner .humberger {
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.header-inner .humberger.hide-menu {
  opacity: 0;
  pointer-events: none;
}
.header-inner .humberger span {
  width: 30px;
  height: 3px;
  background: var(--Yellow, #CAAA43);
  display: block;
  transition: all 0.5s ease;
  margin-bottom: 0.48828125vw;
}
@media (max-width: 576px) {
  .header-inner .humberger span {
    width: 20px;
    height: 2px;
    margin-bottom: 5px;
  }
}
.header-inner .humberger span:nth-child(3) {
  margin-bottom: 0;
}
.header-inner .right {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 1024px) {
  .header-inner .right {
    position: absolute;
    left: 0;
    right: 0;
    height: 100vh;
    top: 0;
    opacity: 0;
    background: #fff;
    width: 100%;
    transition: all 700ms ease;
    transform: translateY(-100%);
    border-radius: 0 0 50px 50px;
    padding: 80px 30px 0;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
  }
}
@media only screen and (max-width: 576px) {
  .header-inner .right {
    padding: 80px 15px 0;
  }
}
@media only screen and (max-width: 1024px) {
  .header-inner .right .lang, .header-inner .right .cloud, .header-inner .right .button_def {
    display: none;
  }
}
@media only screen and (max-width: 576px) {
  .header-inner .right .lang, .header-inner .right .cloud {
    display: flex;
  }
}
.header-inner .right .lang {
  position: relative;
  cursor: pointer;
}
.header-inner .right .lang .language {
  display: none;
  position: absolute;
  width: 100%;
  top: 100%;
  left: 35%;
  text-align: center;
  margin: 0;
  background: var(--Green, #354430);
}
.header-inner .right .lang .language li {
  width: 100%;
  margin: 0;
  border-top: 1px solid #fff;
}
.header-inner .right .lang .language li a {
  display: block;
  padding: 5px 0;
  color: #fff;
}
.header-inner .right .menu-main {
  margin-right: 48px;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 1280px) {
  .header-inner .right .menu-main {
    margin-right: 35px;
  }
}
@media only screen and (max-width: 1024px) {
  .header-inner .right .menu-main {
    flex-direction: column;
    align-items: unset;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 576px) {
  .header-inner .right .menu-main {
    width: 100%;
  }
}
.header-inner .right .menu-main > li {
  margin-right: 30px;
}
@media only screen and (max-width: 1441px) {
  .header-inner .right .menu-main > li {
    margin-right: 25px;
  }
}
@media only screen and (max-width: 1280px) {
  .header-inner .right .menu-main > li {
    margin-right: 20px;
  }
}
@media only screen and (max-width: 1024px) {
  .header-inner .right .menu-main > li {
    margin-right: 0;
    margin-bottom: 0;
    border-bottom: 1px solid rgba(0, 147, 221, 0.1);
    padding: 20px 0;
  }
}
@media only screen and (max-width: 576px) {
  .header-inner .right .menu-main > li {
    padding: 15px 0;
  }
}
.header-inner .right .menu-main > li:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 1024px) {
  .header-inner .right .menu-main > li:last-child {
    margin-bottom: 0;
  }
}
.header-inner .right .menu-main > li a {
  color: var(--Green, #354430);
  font-family: "Montserrat-Medium.ttf";
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.12px;
  text-transform: uppercase;
  transition: all 0.5s ease;
}
.header-inner .lang, .header-inner .cloud {
  display: flex;
  align-items: center;
  color: var(--Green, #354430);
  font-family: "Montserrat-SemiBold.ttf";
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-right: 30px;
  text-transform: uppercase;
}
@media only screen and (max-width: 1280px) {
  .header-inner .lang, .header-inner .cloud {
    margin-right: 25px;
  }
}
@media only screen and (max-width: 768px) {
  .header-inner .lang, .header-inner .cloud {
    margin-right: 20px;
  }
}
.header-inner .lang img, .header-inner .cloud img {
  width: 16px;
  margin-right: 10px;
}
@media only screen and (max-width: 768px) {
  .header-inner .lang img, .header-inner .cloud img {
    margin-right: 5px;
  }
}
.header-inner .cloud {
  margin-right: 48px;
}
@media only screen and (max-width: 1024px) {
  .header-inner .cloud {
    margin-right: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .header-inner .cloud {
    margin-right: 20px;
  }
}
@media only screen and (max-width: 576px) {
  .header-inner .cloud {
    margin-right: 0;
  }
}
.header-inner .cloud img {
  width: 14px;
  margin-right: 8px;
}
@media only screen and (max-width: 768px) {
  .header-inner .cloud img {
    margin-right: 5px;
  }
}

.soical {
  position: fixed;
  right: 0;
  z-index: 10;
  display: flex;
  flex-direction: column;
  margin-bottom: 1px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 100px;
}
.soical a {
  background: #CAAA43;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  margin-bottom: 1px;
}
.soical a:nth-child(3) img {
  animation-name: trin;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.soical a:last-child {
  margin-bottom: 0;
}
.soical a:nth-child(1) {
  height: auto;
  padding: 12px 0;
}

.main-menu-main {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media only screen and (max-width: 1024px) {
  .main-menu-main {
    width: 100%;
    padding-right: 0;
    align-items: unset;
    flex-direction: column;
  }
}
.main-menu-main .menu-main {
  width: 100%;
}
.main-menu-main .menu-main > li {
  position: relative;
}
@media only screen and (min-width: 1025px) {
  .main-menu-main .menu-main > li {
    height: 88px;
    display: flex;
    align-items: center;
  }
}
.main-menu-main .menu-main > li > .current-menu-item:after, .main-menu-main .menu-main > li > .current-menu-ancestor:after {
  filter: grayscale(0);
}
.main-menu-main .menu-main > li > .current-menu-item a, .main-menu-main .menu-main > li > .current-menu-ancestor a {
  color: #CAAA43;
}
.main-menu-main .menu-main > li:hover:before {
  width: 100%;
}
.main-menu-main .menu-main > li:hover > a {
  color: #CAAA43;
}
.main-menu-main .menu-main > li.menu-item-has-children {
  padding: 17.5px 16px 17.5px 0;
}
@media only screen and (max-width: 1024px) {
  .main-menu-main .menu-main > li.menu-item-has-children div {
    position: absolute;
    content: "";
    top: 50%;
    right: 0;
    transform: translateY(-50%) rotate(-90deg);
    width: 30px;
    height: 30px;
    background-image: url("assets/images/common/icon-down.svg");
    background-size: 15px 15px;
    background-position: center;
    background-repeat: no-repeat;
    filter: grayscale(1);
  }
}
@media only screen and (max-width: 600px) {
  .main-menu-main .menu-main > li.menu-item-has-children {
    padding: 12px 0;
  }
}
.main-menu-main .menu-main > li.menu-item-has-children:after {
  position: absolute;
  content: "";
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  background-image: url("assets/images/common/icon-down.svg");
  background-size: contain;
  filter: grayscale(1);
  transition: all 0.3s ease;
  display: none;
}
.main-menu-main .menu-main > li.menu-item-has-children .sub-menu {
  position: fixed;
  top: 88px;
  opacity: 0;
  pointer-events: none;
  width: 100vw;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  background: #fff;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 1024px) {
  .main-menu-main .menu-main > li.menu-item-has-children .sub-menu {
    height: 100vh !important;
    transform: unset !important;
  }
}
@media only screen and (min-width: 1025px) {
  .main-menu-main .menu-main > li.menu-item-has-children .sub-menu.is-show1 {
    top: 70px;
  }
}
.main-menu-main .menu-main > li.menu-item-has-children .sub-menu:after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  background: #CAAA43;
  height: 1px;
  width: 96.9444444444%;
}
@media only screen and (max-width: 1024px) {
  .main-menu-main .menu-main > li.menu-item-has-children .sub-menu:after {
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  .main-menu-main .menu-main > li.menu-item-has-children .sub-menu {
    position: fixed;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100vh;
    border-radius: 0;
    padding: 80px 30px 30px;
    display: block;
    transition: all 0.35s ease;
    background: hsla(0, 0%, 100%, 0.9);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    opacity: 1;
    pointer-events: all;
  }
  .main-menu-main .menu-main > li.menu-item-has-children .sub-menu.is-show {
    left: 0;
    z-index: 10;
  }
}
@media only screen and (max-width: 600px) {
  .main-menu-main .menu-main > li.menu-item-has-children .sub-menu {
    padding: 80px 15px 30px;
  }
}
.main-menu-main .menu-main > li.menu-item-has-children .sub-menu li {
  padding: 12px 24px;
  background: #fff;
  transition: all 0.3s ease;
}
.main-menu-main .menu-main > li.menu-item-has-children .sub-menu li:before {
  display: none;
}
.main-menu-main .menu-main > li.menu-item-has-children .sub-menu li:nth-of-type(1) {
  border-top: 0;
}
@media only screen and (max-width: 1366px) {
  .main-menu-main .menu-main > li.menu-item-has-children .sub-menu li {
    padding: 12px 20px;
  }
}
@media only screen and (max-width: 1024px) {
  .main-menu-main .menu-main > li.menu-item-has-children .sub-menu li {
    padding: 15px 0;
    border-top: 1px solid #EDEDED;
  }
}
.main-menu-main .menu-main > li.menu-item-has-children .sub-menu li a {
  color: var(--Green, #354430);
  font-family: "Montserrat-Medium.ttf";
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.12px;
  text-transform: uppercase;
}
@media only screen and (max-width: 1024px) {
  .main-menu-main .menu-main > li.menu-item-has-children .sub-menu li.current-menu-item, .main-menu-main .menu-main > li.menu-item-has-children .sub-menu li:hover {
    background: transparent;
  }
  .main-menu-main .menu-main > li.menu-item-has-children .sub-menu li.current-menu-item a, .main-menu-main .menu-main > li.menu-item-has-children .sub-menu li:hover a {
    color: #CAAA43;
  }
}
@media only screen and (min-width: 1025px) {
  .main-menu-main .menu-main > li.menu-item-has-children:hover .sub-menu {
    opacity: 1;
    pointer-events: all;
  }
}
@media only screen and (min-width: 1025px) {
  .main-menu-main .menu-main .sub-menu li:hover {
    background: #CAAA43 !important;
  }
  .main-menu-main .menu-main .sub-menu li:hover a {
    color: #fff !important;
  }
}
.main-menu-main .menu-main .sub-menu li a {
  color: #354430;
}

.back1 {
  position: absolute;
  top: 20px;
  left: 30px;
  z-index: 100;
  display: none;
  transition: all 0.3s ease;
  width: 32px;
}
@media only screen and (max-width: 600px) {
  .back1 {
    left: 15px;
  }
}
.back1 img {
  width: 100%;
  filter: grayscale(1);
}

.footer {
  position: relative;
  background-image: url(./assets/images/common/ft-bg.jpg);
  background-size: cover;
}
.footer .top {
  display: flex;
  justify-content: space-between;
  padding: 120px 0 86px;
}
@media only screen and (max-width: 820px) {
  .footer .top {
    padding: 60px 0 45px;
    gap: 32px;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 767px) {
  .footer .top {
    padding: 45px 0 40px;
    gap: 25px;
  }
}
.footer .top .column1 {
  width: 15.4228855721%;
}
@media only screen and (max-width: 1024px) {
  .footer .top .column1 {
    width: 16.583747927%;
  }
}
@media only screen and (max-width: 820px) {
  .footer .top .column1 {
    width: 100%;
  }
}
.footer .top .column1 .logo-ft {
  display: block;
  line-height: 0;
}
.footer .top .column1 .logo-ft img {
  width: 135px;
  max-width: 100%;
}
.footer .top .column1 .social {
  margin-top: 110px;
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
@media only screen and (max-width: 820px) {
  .footer .top .column1 .social {
    margin-top: 30px;
    gap: 15px 24px;
  }
}
.footer .top .column1 .social li:nth-of-type(1) {
  width: 100%;
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
  color: rgba(255, 255, 247, 0.9);
}
.footer .top .column1 .social li:hover img {
  opacity: 0.75;
}
.footer .top .column2 {
  width: 8.2918739635%;
}
@media only screen and (max-width: 1024px) {
  .footer .top .column2 {
    width: 14.096185738%;
  }
}
@media only screen and (max-width: 820px) {
  .footer .top .column2 {
    width: 100%;
  }
}
.footer .top .column2 .menu {
  display: flex;
  flex-direction: column;
  gap: 22px;
}
@media only screen and (max-width: 820px) {
  .footer .top .column2 .menu {
    gap: 12px;
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 820px) {
  .footer .top .column2 .menu li {
    width: calc((100% - 12px) / 2);
  }
}
.footer .top .column2 .menu li a {
  color: rgba(255, 255, 247, 0.9);
  font-size: 11px;
  font-weight: 600;
  line-height: 75.5%; /* 12.08px */
  text-transform: uppercase;
  transition: all 0.3s ease;
}
.footer .top .column2 .menu li a:hover {
  opacity: 0.75;
}
.footer .top .column3 {
  width: 24.0464344942%;
}
@media only screen and (max-width: 1024px) {
  .footer .top .column3 {
    width: 31.5091210614%;
  }
}
@media only screen and (max-width: 820px) {
  .footer .top .column3 {
    width: 100%;
  }
}
.footer .top .column3 h3 {
  font-family: "iCielBCAuthentico-Regular.otf";
  color: #fff;
  font-size: 20px;
  font-weight: 400;
  line-height: 120%; /* 12.08px */
  text-transform: uppercase;
  margin-bottom: 10px;
}
@media only screen and (max-width: 820px) {
  .footer .top .column3 h3 {
    font-size: 18px;
  }
}
.footer .top .column3 p {
  color: rgba(255, 255, 255, 0.9);
  font-size: 12px;
  line-height: 180%;
  margin-bottom: 16px;
}
@media only screen and (max-width: 820px) {
  .footer .top .column3 p {
    margin-bottom: 10px;
  }
}
.footer .top .column3 p:last-child {
  margin: 60px 0 0;
}
.footer .top .column3 p:last-child img {
  max-width: 100%;
  width: 192px;
}
@media only screen and (max-width: 820px) {
  .footer .top .column3 p:last-child {
    margin: 25px 0 0;
  }
}
.footer .top .column3 p span {
  display: inline-block;
  margin-right: 16px;
  font-weight: 600;
  line-height: normal;
}
.footer .top .column3 p span img {
  margin-bottom: -3px;
}
.footer .top .column3 p span:nth-of-type(2) {
  margin-right: 8px;
}
.footer .top .column3 p a {
  color: #FFF;
}
.footer .top .column3 p a:hover {
  opacity: 0.75;
}
.footer .top .column4 {
  width: 33.6650082919%;
}
@media only screen and (max-width: 820px) {
  .footer .top .column4 {
    width: 100%;
  }
}
.footer .top .column4 p {
  color: rgba(255, 255, 255, 0.9);
  font-size: 12px;
  font-weight: 400;
  line-height: 180%;
  margin-bottom: 16px;
}
@media only screen and (max-width: 820px) {
  .footer .top .column4 p {
    margin-bottom: 10px;
  }
}
.footer .top .column4 p span {
  font-weight: 500;
}
.footer .top .column4 p:nth-of-type(1) span {
  text-transform: uppercase;
}
.footer .top .column4 p:last-child {
  margin-bottom: 0;
}
.footer .bottom {
  padding: 24px 0 120px;
  display: flex;
  justify-content: space-between;
  gap: 30px;
  border-top: 1px solid rgba(170, 194, 162, 0.7);
}
@media only screen and (max-width: 820px) {
  .footer .bottom {
    flex-wrap: wrap;
    gap: 25px;
    padding: 24px 0 40px;
  }
}
.footer .bottom .list {
  display: flex;
  flex-wrap: wrap;
}
.footer .bottom .list li {
  position: relative;
  padding-right: 13px;
}
.footer .bottom .list li::before {
  position: absolute;
  content: "";
  right: 6px;
  top: 55%;
  transform: translateY(-50%);
  width: 1px;
  height: 12px;
  background-color: rgba(255, 255, 255, 0.7);
}
.footer .bottom .list li a {
  color: rgba(255, 255, 255, 0.7);
  font-size: 12px;
}
.footer .bottom .list li:last-child::before {
  display: none;
}
.footer .bottom .copyright {
  color: #FFF;
  opacity: 0.7;
  font-size: 12px;
  white-space: nowrap;
}

.js-scroll-top {
  position: fixed;
  line-height: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
  width: 40px;
  display: none;
}
.js-scroll-top img {
  max-width: 100%;
  cursor: pointer;
}

.h_ss1 {
  width: 100%;
  padding: 0 1.3888888889%;
}
@media only screen and (max-width: 1024px) {
  .h_ss1 {
    padding: 0 15px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss1 {
    padding: 0;
  }
}
.h_ss1 .swiper-slide:not(.video) .content {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: max-content;
  max-width: 100%;
}
@media only screen and (max-width: 576px) {
  .h_ss1 .swiper-slide:not(.video) .content {
    max-width: calc(100% - 30px);
    padding: 0 15px;
  }
}
.h_ss1 .swiper-slide:not(.video) .content h3 {
  color: var(--White, #FFF);
  text-align: center;
  font-family: "UVF-Didot.ttf";
  font-size: 42px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 10px;
}
@media only screen and (max-width: 1024px) {
  .h_ss1 .swiper-slide:not(.video) .content h3 {
    font-size: 35px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss1 .swiper-slide:not(.video) .content h3 {
    font-size: 30px;
    margin-bottom: 5px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss1 .swiper-slide:not(.video) .content h3 {
    font-size: 26px;
  }
}
.h_ss1 .swiper-slide:not(.video) .content p {
  color: var(--White, #FFF);
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 7.2px;
}
@media only screen and (max-width: 1024px) {
  .h_ss1 .swiper-slide:not(.video) .content p {
    font-size: 22px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss1 .swiper-slide:not(.video) .content p {
    font-size: 20px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss1 .swiper-slide:not(.video) .content p {
    font-size: 18px;
    letter-spacing: 5px;
  }
}
.h_ss1 .swiper-slide:not(.video) > img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.h_ss1 .swiper-slide {
  overflow: hidden;
  position: relative;
  aspect-ratio: 1.9230769231;
}
@media only screen and (max-width: 1024px) {
  .h_ss1 .swiper-slide {
    aspect-ratio: 2;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss1 .swiper-slide {
    aspect-ratio: 1.44;
  }
}
.h_ss1 .swiper-slide .video-slide {
  position: relative;
  width: 100%;
  height: 100%;
}
.h_ss1 .swiper-slide .video-slide .video-thumbnail {
  background-size: cover;
  background-position: center;
  height: 100%;
  width: 100%;
  position: relative;
  z-index: 3;
  cursor: pointer;
  pointer-events: auto;
  touch-action: pan-y pan-x;
}
.h_ss1 .swiper-slide .video-slide .video-thumbnail.hidden {
  display: none;
}
.h_ss1 .swiper-slide .video-slide .play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.h_ss1 .swiper-slide .video-slide .video-container {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.h_ss1 .swiper-slide .video-slide .video-container.hidden {
  display: none;
}
.h_ss1 .swiper-slide .video-slide .video-container video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}

.h_ss2 {
  padding-top: 160px;
  position: relative;
  overflow: hidden;
  z-index: 0;
}
@media only screen and (max-width: 1280px) {
  .h_ss2 {
    padding-top: 120px;
  }
}
@media only screen and (max-width: 1024px) {
  .h_ss2 {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss2 {
    padding-top: 60px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss2 {
    padding-top: 50px;
  }
}
.h_ss2 .title-def {
  padding-left: 120px;
}
@media only screen and (max-width: 1024px) {
  .h_ss2 .title-def {
    padding-left: 0px;
    text-align: center;
  }
}
.h_ss2 .exp {
  padding: 60px 160px 60px 238px;
}
@media only screen and (max-width: 1024px) {
  .h_ss2 .exp {
    padding: 15px 0 25px;
  }
}
.h_ss2 .cm-read-more {
  margin-bottom: 60px;
  margin-left: 238px;
}
@media only screen and (max-width: 1024px) {
  .h_ss2 .cm-read-more {
    margin: 0 auto 30px;
    width: max-content;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss2 .cm-read-more {
    margin: 0 0 30px;
  }
}
.h_ss2 > img {
  position: absolute;
  z-index: -1;
  width: 100%;
  left: 0;
  bottom: 0;
  display: block;
}
.h_ss2 .swiper-slide {
  aspect-ratio: 1.8;
}
@media only screen and (max-width: 576px) {
  .h_ss2 .swiper-slide {
    aspect-ratio: 1.2029850746;
  }
}
.h_ss2 .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.h_ss3 {
  padding: 160px 0;
  position: relative;
  overflow: hidden;
  z-index: 0;
}
@media only screen and (max-width: 1280px) {
  .h_ss3 {
    padding: 120px 0;
  }
}
@media only screen and (max-width: 1024px) {
  .h_ss3 {
    padding: 80px 0;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss3 {
    padding: 60px 0;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss3 {
    padding: 50px 0;
  }
}
.h_ss3 .cm-container {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 0 0 117px;
}
@media (max-width: 1280px) {
  .h_ss3 .cm-container {
    padding: 0 0 0 60px;
  }
}
@media (max-width: 1024px) {
  .h_ss3 .cm-container {
    padding: 0 30px;
  }
}
@media (max-width: 767px) {
  .h_ss3 .cm-container {
    padding: 0 15px;
  }
}
.h_ss3 .title-def {
  padding-left: 116px;
  padding-right: 160px;
  margin-bottom: 60px;
  text-transform: unset;
}
@media only screen and (max-width: 1024px) {
  .h_ss3 .title-def {
    margin-bottom: 30px;
    padding: 0;
    text-align: center;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss3 .title-def {
    margin-bottom: 15px;
  }
}
.h_ss3 > img {
  position: absolute;
  z-index: -1;
  width: 100%;
  left: 0;
  bottom: 0;
  display: block;
}
.h_ss3 .content {
  position: relative;
  padding-right: 196px;
}
@media only screen and (max-width: 1024px) {
  .h_ss3 .content {
    padding-right: 100px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss3 .content {
    padding-right: 0px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss3 .content {
    display: flex;
    flex-direction: column-reverse;
  }
}
.h_ss3 .content .right {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 583px;
  background: #fff;
  padding: 80px 117px 80px 80px;
  z-index: 1;
}
@media only screen and (max-width: 1024px) {
  .h_ss3 .content .right {
    padding: 40px 30px;
    width: 500px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss3 .content .right {
    width: 400px;
    padding: 30px 20px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss3 .content .right {
    position: relative;
    top: auto;
    width: 100%;
    padding: 15px 0px 0px;
    transform: unset;
    margin-bottom: 30px;
    right: auto;
  }
}
.h_ss3 .content .right .title-def {
  margin-bottom: 40px;
  padding: 0;
}
@media only screen and (max-width: 1280px) {
  .h_ss3 .content .right .title-def {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 1024px) {
  .h_ss3 .content .right .title-def {
    text-align: left;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss3 .content .right .title-def {
    text-align: center;
  }
}
.h_ss3 .content .right p {
  margin-bottom: 40px;
}
@media only screen and (max-width: 1024px) {
  .h_ss3 .content .right p {
    margin-bottom: 20px;
  }
}
.h_ss3 .content .swiper {
  width: 100%;
}
.h_ss3 .content .swiper .cm-next {
  right: 36% !important;
}
@media only screen and (max-width: 1024px) {
  .h_ss3 .content .swiper .cm-next {
    right: 49% !important;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss3 .content .swiper .cm-next {
    right: 60% !important;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss3 .content .swiper .cm-next {
    right: 10px !important;
  }
}
.h_ss3 .content .swiper .swiper-slide {
  aspect-ratio: 1.4448717949;
}
@media only screen and (max-width: 576px) {
  .h_ss3 .content .swiper .swiper-slide {
    aspect-ratio: 1.2029850746;
  }
}
.h_ss3 .content .swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.h_ss4 {
  padding: 160px 0;
  position: relative;
  overflow: hidden;
  z-index: 0;
  background: var(--Green, #354430);
}
@media only screen and (max-width: 1280px) {
  .h_ss4 {
    padding: 120px 0;
  }
}
@media only screen and (max-width: 1024px) {
  .h_ss4 {
    padding: 80px 0;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss4 {
    padding: 60px 0;
  }
}
@media only screen and (max-width: 576px) {
  .h_ss4 {
    padding: 50px 0;
  }
}
.h_ss4 > img {
  position: absolute;
  z-index: -1;
  left: 40%;
  bottom: 0;
  display: block;
}
.h_ss4 .cm-container {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 40px 0 117px;
}
@media (max-width: 1280px) {
  .h_ss4 .cm-container {
    padding: 0 20px 0 60px;
  }
}
@media (max-width: 1024px) {
  .h_ss4 .cm-container {
    padding: 0 30px;
  }
}
@media (max-width: 767px) {
  .h_ss4 .cm-container {
    padding: 0 15px;
  }
}
.h_ss4 .content {
  display: flex;
}
@media only screen and (max-width: 768px) {
  .h_ss4 .content {
    flex-direction: column;
  }
}
.h_ss4 .content .left {
  width: 36.3211223694%;
  margin-right: 6.2353858145%;
}
@media only screen and (max-width: 768px) {
  .h_ss4 .content .left {
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
  }
}
.h_ss4 .content .left .title-def {
  margin-bottom: 80px;
  color: var(--Yellow, #CAAA43);
}
@media (max-width: 1280px) {
  .h_ss4 .content .left .title-def {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 1024px) {
  .h_ss4 .content .left .title-def {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss4 .content .left .title-def {
    text-align: center;
    margin-bottom: 15px;
  }
}
.h_ss4 .content .left p {
  color: var(--White, #FFF);
  opacity: 0.9;
  margin-bottom: 83px;
}
@media (max-width: 1280px) {
  .h_ss4 .content .left p {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 1024px) {
  .h_ss4 .content .left p {
    margin-bottom: 20px;
  }
}
.h_ss4 .content .swiper {
  width: 57.4434918161%;
  padding-bottom: 25px;
}
@media only screen and (max-width: 768px) {
  .h_ss4 .content .swiper {
    width: 100%;
  }
}
.h_ss4 .content .swiper .cm-swiper-scrollbar {
  bottom: 0 !important;
  left: 0 !important;
}
.h_ss4 .content .swiper .swiper-slide {
  aspect-ratio: 0.642599278;
  position: relative;
  overflow: hidden;
}
@media only screen and (min-width: 1025px) {
  .h_ss4 .content .swiper .swiper-slide:hover img {
    transform: scale(1.2);
  }
}
.h_ss4 .content .swiper .swiper-slide:after {
  opacity: 0.9;
  background: linear-gradient(180deg, #1E261B 0%, rgba(30, 38, 27, 0) 100%);
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 48.3039348711%;
  transform: rotate(180deg);
}
.h_ss4 .content .swiper .swiper-slide .abs {
  position: absolute;
  padding: 0 24px 24px;
  width: calc(100% - 48px);
  bottom: 0;
  left: 0;
  z-index: 1;
}
@media only screen and (max-width: 576px) {
  .h_ss4 .content .swiper .swiper-slide .abs {
    padding: 0 15px 24px;
    width: calc(100% - 30px);
  }
}
.h_ss4 .content .swiper .swiper-slide .abs h4 {
  color: var(--White, #FFF);
  font-family: "Montserrat-SemiBold.ttf";
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.36px;
  text-transform: uppercase;
  margin-bottom: 14px;
}
@media only screen and (max-width: 1024px) {
  .h_ss4 .content .swiper .swiper-slide .abs h4 {
    font-size: 16px;
  }
}
.h_ss4 .content .swiper .swiper-slide .abs p {
  color: var(--White, #FFF);
  font-family: "Montserrat-Medium.ttf";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.7px;
  text-transform: uppercase;
}
@media only screen and (max-width: 1024px) {
  .h_ss4 .content .swiper .swiper-slide .abs p {
    font-size: 13px;
  }
}
.h_ss4 .content .swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: all 0.5s ease-in-out;
}

.h_ss5 {
  padding: 160px 0 87px;
  z-index: 0;
  position: relative;
}
@media only screen and (max-width: 1280px) {
  .h_ss5 {
    padding: 120px 0 70px;
  }
}
@media only screen and (max-width: 1024px) {
  .h_ss5 {
    padding: 80px 0 50px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss5 {
    padding: 60px 0 50px;
  }
}
.h_ss5 > img {
  position: absolute;
  z-index: -1;
  left: 0%;
  bottom: 0;
  display: block;
  width: 100%;
}
.h_ss5 > img:nth-child(1) {
  top: 0;
}
.h_ss5 .content .item {
  display: flex;
  align-items: center;
  margin-top: -80px;
}
@media only screen and (max-width: 1024px) {
  .h_ss5 .content .item {
    margin-top: -40px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss5 .content .item {
    flex-direction: column;
    margin-top: 0;
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss5 .content .item:last-child {
    margin-bottom: 0;
  }
}
.h_ss5 .content .item:nth-child(1) {
  margin-top: 0;
}
.h_ss5 .content .item:nth-of-type(2n + 2) {
  flex-direction: row-reverse;
}
@media only screen and (max-width: 768px) {
  .h_ss5 .content .item:nth-of-type(2n + 2) {
    flex-direction: column;
  }
}
.h_ss5 .content .item:nth-of-type(2n + 2) .left {
  padding-left: 80px;
  padding-right: 0;
}
@media only screen and (max-width: 1280px) {
  .h_ss5 .content .item:nth-of-type(2n + 2) .left {
    padding-left: 60px;
  }
}
@media only screen and (max-width: 1024px) {
  .h_ss5 .content .item:nth-of-type(2n + 2) .left {
    padding-left: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss5 .content .item:nth-of-type(2n + 2) .left {
    padding-left: 0;
  }
}
.h_ss5 .content .item:nth-of-type(2n + 2) .right .btn {
  right: auto;
  left: 28px;
}
@media only screen and (max-width: 768px) {
  .h_ss5 .content .item:nth-of-type(2n + 2) .right .btn {
    left: 50%;
    transform: translateX(-50%);
  }
}
.h_ss5 .content .item .left {
  width: 45.2736318408%;
  padding-right: 80px;
}
@media only screen and (max-width: 1280px) {
  .h_ss5 .content .item .left {
    padding-right: 60px;
  }
}
@media only screen and (max-width: 1024px) {
  .h_ss5 .content .item .left {
    padding-right: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss5 .content .item .left {
    width: 100%;
    padding: 0 0 30px 0;
  }
}
.h_ss5 .content .item .left .title-def {
  margin-bottom: 60px;
}
@media only screen and (max-width: 1280px) {
  .h_ss5 .content .item .left .title-def {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 1024px) {
  .h_ss5 .content .item .left .title-def {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 768px) {
  .h_ss5 .content .item .left .title-def {
    text-align: center;
  }
}
.h_ss5 .content .item .left p {
  margin-bottom: 60px;
}
@media only screen and (max-width: 1280px) {
  .h_ss5 .content .item .left p {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 1024px) {
  .h_ss5 .content .item .left p {
    margin-bottom: 20px;
  }
}
.h_ss5 .content .item .right {
  width: 54.7263681592%;
  aspect-ratio: 0.8483290488;
}
@media only screen and (max-width: 768px) {
  .h_ss5 .content .item .right {
    width: 100%;
  }
}
.h_ss5 .content .item .right .swiper {
  position: relative;
  height: 100%;
}
.h_ss5 .content .item .right .swiper:after {
  background: linear-gradient(0deg, #1B1916 0%, rgba(27, 25, 22, 0) 100%);
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  width: 100%;
  height: 12.143928036%;
  z-index: 1;
}
.h_ss5 .content .item .right .swiper .btn {
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 28px;
  right: 28px;
  z-index: 2;
  width: max-content;
}
@media only screen and (max-width: 768px) {
  .h_ss5 .content .item .right .swiper .btn {
    left: 50%;
    transform: translateX(-50%);
  }
}
.h_ss5 .content .item .right .swiper .btn .cm-prev {
  margin-right: 40px;
}
.h_ss5 .content .item .right .swiper .cm-next, .h_ss5 .content .item .right .swiper .cm-prev {
  top: unset !important;
  left: unset !important;
  right: unset !important;
  transform: unset !important;
  z-index: 1;
  position: relative !important;
}
.h_ss5 .content .item .right .swiper .swiper-wrapper {
  height: 100%;
}
.h_ss5 .content .item .right .swiper .swiper-wrapper .swiper-slide {
  height: 100%;
}
.h_ss5 .content .item .right img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.h-section9 {
  padding: 120px 0 0;
}
@media only screen and (max-width: 1024px) {
  .h-section9 {
    padding: 60px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .h-section9 {
    padding: 45px 0 0;
  }
}
.h-section9 .content {
  margin-top: 56px;
}
@media only screen and (max-width: 1024px) {
  .h-section9 .content {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .h-section9 .content {
    margin-top: 30px;
  }
}
.h-section9 .content .swiper .swiper-slide {
  line-height: 0;
  box-shadow: -1px 0px 0px 0px #354430 inset;
}
.h-section9 .content .swiper .swiper-slide img {
  width: 100%;
  aspect-ratio: 288/288;
  object-fit: cover;
}

.h-section6 {
  position: relative;
  padding: 93px 0 160px;
}
@media only screen and (max-width: 1024px) {
  .h-section6 {
    padding: 70px 0 120px;
  }
}
@media only screen and (max-width: 767px) {
  .h-section6 {
    padding: 45px 0 90px;
  }
}
.h-section6 .decor {
  position: absolute;
  top: 65%;
  left: 0;
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 1600px) {
  .h-section6 .decor {
    top: 55%;
  }
}
.h-section6 .content {
  margin-top: 50px;
}
@media only screen and (max-width: 1024px) {
  .h-section6 .content {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .h-section6 .content {
    margin-top: 30px;
  }
}
.h-section6 .content .swiper .item {
  height: auto;
  cursor: pointer;
}
.h-section6 .content .swiper .item .thumbnail {
  overflow: hidden;
  line-height: 0;
  width: 100%;
}
.h-section6 .content .swiper .item .thumbnail img {
  aspect-ratio: 375/440;
  width: 100%;
  object-fit: cover;
  transition: all 0.3s ease;
}
.h-section6 .content .swiper .item h3 {
  font-family: "UVF-Didot.ttf";
  font-weight: 400;
  line-height: 130%;
  font-size: 28px;
  letter-spacing: -0.56px;
  line-height: 1.5;
  color: #354430;
  overflow: hidden;
  padding-top: 24px;
}
@media only screen and (max-width: 1024px) {
  .h-section6 .content .swiper .item h3 {
    font-size: 22px;
    padding-top: 20px;
  }
}
.h-section6 .content .swiper .item .date {
  display: flex;
  flex-wrap: wrap;
  margin: 12px 0 24px;
  color: rgba(27, 25, 22, 0.7);
  font-size: 14px;
  font-weight: 400;
  line-height: 170%; /* 23.8px */
  letter-spacing: -0.14px;
}
.h-section6 .content .swiper .item .date span {
  display: inline-block;
  position: relative;
  padding-left: 22px;
}
.h-section6 .content .swiper .item .date span::before {
  position: absolute;
  content: "";
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background: rgba(27, 25, 22, 0.7);
}
@media only screen and (max-width: 1024px) {
  .h-section6 .content .swiper .item .date {
    margin: 10px 0 18px;
  }
}
.h-section6 .content .swiper .item .excerpt {
  color: var(--Tan-900, #1B1916);
  letter-spacing: -0.15px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 24px;
}
@media only screen and (max-width: 1024px) {
  .h-section6 .content .swiper .item .excerpt {
    margin-bottom: 18px;
  }
}
.h-section6 .content .swiper .item:hover .thumbnail img {
  transform: scale(1.1);
}
.h-section6 .popup .item {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100vh;
  z-index: 10000;
  background: var(--Dark, rgba(27, 25, 22, 0.4));
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transform: scale(0);
  transition: 0.5s;
}
.h-section6 .popup .item.active {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.h-section6 .popup .item .content {
  padding: 0 156px;
}
@media only screen and (max-width: 1366px) {
  .h-section6 .popup .item .content {
    padding: 0 100px;
  }
}
@media only screen and (max-width: 1280px) {
  .h-section6 .popup .item .content {
    padding: 0 50px;
  }
}
@media only screen and (max-width: 768px) {
  .h-section6 .popup .item .content {
    padding: 0;
  }
}
@media only screen and (max-width: 576px) {
  .h-section6 .popup .item .content {
    max-height: 90vh;
    overflow-y: scroll;
  }
}
.h-section6 .popup .item .content .detail {
  width: 100%;
  background: var(--Green, #354430);
  padding: 80px 117px;
  position: relative;
}
@media only screen and (max-width: 1450px) {
  .h-section6 .popup .item .content .detail {
    padding: 40px 80px;
  }
}
@media only screen and (max-width: 1280px) {
  .h-section6 .popup .item .content .detail {
    padding: 50px 50px;
  }
}
@media only screen and (max-width: 768px) {
  .h-section6 .popup .item .content .detail {
    padding: 50px 30px;
  }
}
@media only screen and (max-width: 576px) {
  .h-section6 .popup .item .content .detail {
    padding: 30px 10px;
  }
}
.h-section6 .popup .item .content .detail .close {
  cursor: pointer;
  width: 14px;
  height: 14px;
  position: absolute;
  right: 0;
  top: -18px;
}
@media only screen and (max-width: 576px) {
  .h-section6 .popup .item .content .detail .close {
    top: 5px;
  }
}
.h-section6 .popup .item .content .detail svg {
  width: 48px;
  height: 40px;
  margin: 0 auto 48px;
  display: block;
}
@media only screen and (max-width: 1450px) {
  .h-section6 .popup .item .content .detail svg {
    margin: 0 auto 30px;
    width: 40px;
    height: 30px;
  }
}
@media only screen and (max-width: 1280px) {
  .h-section6 .popup .item .content .detail svg {
    width: 40px;
    height: 30px;
    margin: 0 auto 20px;
  }
}
@media only screen and (max-width: 576px) {
  .h-section6 .popup .item .content .detail svg {
    margin: 0 auto 10px;
  }
}
.h-section6 .popup .item .content .detail .exp {
  color: #fff;
  max-height: 300px;
  overflow-y: auto;
  padding-right: 10px;
}
.h-section6 .popup .item .content .detail .exp::-webkit-scrollbar {
  width: 4px;
}
.h-section6 .popup .item .content .detail .exp::-webkit-scrollbar-thumb {
  background: #fff;
  border-radius: 3px;
}
.h-section6 .popup .item .content .detail .exp::-webkit-scrollbar-thumb:window-inactive {
  background: #fff;
}
.h-section6 .popup .item .content .detail > span {
  display: block;
  margin: 48px auto;
  opacity: 0.7;
  width: 274px;
  height: 1px;
  background: var(--White, #FFF);
}
@media only screen and (max-width: 1450px) {
  .h-section6 .popup .item .content .detail > span {
    margin: 20px auto 15px;
  }
}
@media only screen and (max-width: 1280px) {
  .h-section6 .popup .item .content .detail > span {
    margin: 20px auto;
  }
}
.h-section6 .popup .item .content .detail h4 {
  color: var(--Yellow, #CAAA43);
  text-align: center;
  font-family: "UVF-Didot.ttf";
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 36.4px */
  letter-spacing: -0.56px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 1280px) {
  .h-section6 .popup .item .content .detail h4 {
    font-size: 24px;
    margin-bottom: 5px;
  }
}
.h-section6 .popup .item .content .detail p {
  opacity: 0.7;
  color: #fff;
  text-align: center;
}

.h-section7 {
  position: relative;
  width: 100%;
  padding: 80px 0 160px;
  background-size: cover;
  background-position: center;
  display: flex;
  justify-content: center;
}
@media only screen and (max-width: 1024px) {
  .h-section7 {
    padding: 60px 0 120px;
  }
}
@media only screen and (max-width: 767px) {
  .h-section7 {
    padding: 50px 0 90px;
  }
}
.h-section7::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(39, 50, 35, 0.25);
}
.h-section7 .quote {
  position: relative;
  z-index: 3;
  width: 894px;
  max-width: calc(100% - 80px);
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .h-section7 .quote {
    max-width: calc(100% - 60px);
  }
}
.h-section7 .quote img {
  display: block;
  margin: 0 auto 60px;
}
@media only screen and (max-width: 767px) {
  .h-section7 .quote img {
    margin: 0 auto 30px;
  }
}
.h-section7 .quote p {
  color: rgba(255, 255, 255, 0.9);
  font-size: 23px;
  font-weight: 400;
  line-height: 135%; /* 31.05px */
  letter-spacing: -0.46px;
}
@media only screen and (max-width: 1024px) {
  .h-section7 .quote p {
    font-size: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .h-section7 .quote p {
    font-size: 18px;
  }
}

.h-section8 {
  position: relative;
  background: #F2F3F3;
  padding: 120px 0;
}
@media only screen and (max-width: 1024px) {
  .h-section8 {
    padding: 60px 0;
  }
}
@media only screen and (max-width: 767px) {
  .h-section8 {
    padding: 45px 0;
  }
}
.h-section8 .inner__wrap {
  position: relative;
}
.h-section8 .cm-read-more {
  position: absolute;
  z-index: 2;
  right: 0;
  top: 36px;
  color: #354430;
}
@media only screen and (max-width: 1024px) {
  .h-section8 .cm-read-more {
    top: 10px;
  }
}
.h-section8 .content {
  margin-top: 56px;
}
@media only screen and (max-width: 1024px) {
  .h-section8 .content {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .h-section8 .content {
    margin-top: 30px;
  }
}
.h-section8 .content .swiper .item {
  height: auto;
  background: #fff;
}
.h-section8 .content .swiper .item .thumbnail {
  overflow: hidden;
  line-height: 0;
  width: 100%;
}
.h-section8 .content .swiper .item .thumbnail img {
  aspect-ratio: 375/320;
  width: 100%;
  object-fit: cover;
  transition: all 0.3s ease;
}
.h-section8 .content .swiper .item .text {
  padding: 24px 24px 28px;
}
@media only screen and (max-width: 767px) {
  .h-section8 .content .swiper .item .text {
    padding: 20px 15px 22px;
  }
}
.h-section8 .content .swiper .item .text span {
  color: var(--Green, #354430);
  letter-spacing: 0.65px;
  text-transform: uppercase;
  opacity: 0.9;
  margin-bottom: 10px;
  font-weight: 500;
  font-family: "Montserrat-Medium.ttf";
}
.h-section8 .content .swiper .item .text h3 {
  font-family: "UVF-Didot2.otf";
  font-weight: 400;
  line-height: 140%;
  font-size: 28px;
  letter-spacing: -0.56px;
  line-height: 1.5;
  color: #354430;
  margin-bottom: 16px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media only screen and (max-width: 1024px) {
  .h-section8 .content .swiper .item .text h3 {
    font-size: 22px;
    margin-bottom: 10px;
  }
}
.h-section8 .content .swiper .item .text p {
  color: var(--Tan-900, #1B1916);
  line-height: 1.8;
  letter-spacing: -0.15px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media only screen and (max-width: 1024px) {
  .h-section8 .content .swiper .item .text p {
    font-size: 14px;
  }
}
.h-section8 .content .swiper .item .text .see-more {
  margin-top: 16px;
}
@media only screen and (max-width: 767px) {
  .h-section8 .content .swiper .item .text .see-more {
    margin-top: 10px;
  }
}
.h-section8 .content .swiper .item:hover .thumbnail img {
  transform: scale(1.1);
}

@media (max-width: 768px) {
  .pro_page .des {
    padding: 0px !important;
  }
}
.pro_page .h-section8 .title-def {
  text-align: center;
}
.pro_page .h-section8 .content {
  margin-top: 35px;
}
@media (max-width: 576px) {
  .pro_page .h-section8 .content {
    margin-top: 30px;
  }
}
.pro_page .ss_slide .cm-container {
  position: relative;
}
@media (max-width: 1280px) {
  .pro_page .ss_slide .cm-container {
    padding: 0 60px;
  }
}
@media (max-width: 767px) {
  .pro_page .ss_slide .cm-container {
    padding: 0 30px;
  }
}
.pro_page .ss_slide .cm-container .swiper-button-prev, .pro_page .ss_slide .cm-container .swiper-button-next {
  bottom: 40px;
  top: unset !important;
}
.pro_page .ss_slide .cm-container .swiper-button-prev {
  left: 40px !important;
}
@media (max-width: 767px) {
  .pro_page .ss_slide .cm-container .swiper-button-prev {
    left: 15px !important;
  }
}
.pro_page .ss_slide .cm-container .swiper-button-next {
  right: 40px !important;
}
@media (max-width: 767px) {
  .pro_page .ss_slide .cm-container .swiper-button-next {
    right: 15px !important;
  }
}
.pro_page .ss_slide .cm-container .swiper {
  margin-top: -120px;
  overflow: hidden;
}
@media (max-width: 1280px) {
  .pro_page .ss_slide .cm-container .swiper {
    margin-top: -100px;
  }
}
.pro_page .ss_slide .cm-container .swiper .swiper-slide .img {
  width: 240px;
  height: 240px;
  margin: 0 auto 24px;
}
@media (max-width: 1280px) {
  .pro_page .ss_slide .cm-container .swiper .swiper-slide .img {
    width: 200px;
    height: 200px;
    margin: 0 auto 15px;
  }
}
@media only screen and (max-width: 768px) {
  .pro_page .ss_slide .cm-container .swiper .swiper-slide .img {
    width: 160px;
    height: 160px;
    margin: 0 auto 10px;
  }
}
.pro_page .ss_slide .cm-container .swiper .swiper-slide .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.pro_page .ss_slide .cm-container .swiper .swiper-slide p {
  color: var(--Green-500, #345C55);
  text-align: center;
  font-family: "UVF-Didot.ttf";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 31.2px */
  letter-spacing: -0.48px;
}
@media (max-width: 1280px) {
  .pro_page .ss_slide .cm-container .swiper .swiper-slide p {
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  .pro_page .ss_slide .cm-container .swiper .swiper-slide p {
    font-size: 18px;
  }
}
.pro_page .ss1_bonus {
  padding-bottom: 200px;
  position: relative;
}
@media (max-width: 1280px) {
  .pro_page .ss1_bonus {
    padding-bottom: 160px;
  }
}
@media (max-width: 768px) {
  .pro_page .ss1_bonus {
    padding-bottom: 120px;
  }
}
.pro_page .ss1_bonus > img {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  display: block;
  max-height: 100%;
  z-index: -1;
}
.pro_page .ss1_bonus .content_bonus {
  padding: 160px 106px 0;
}
@media only screen and (max-width: 1024px) {
  .pro_page .ss1_bonus .content_bonus {
    padding: 80px 50px 0px;
  }
}
@media only screen and (max-width: 768px) {
  .pro_page .ss1_bonus .content_bonus {
    padding: 40px 0px 0px;
  }
}
.pro_page .ss1_bonus .content_bonus .title-def {
  text-align: center;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1367px) {
  .pro_page .ss1_bonus .content_bonus .title-def {
    margin-bottom: 10px;
  }
}
.pro_page .ss1_bonus .content_bonus p {
  padding: 0 !important;
}
.pro_page .ss2 {
  padding: 120px 0 160px;
  position: relative;
  z-index: 0;
}
@media only screen and (max-width: 1280px) {
  .pro_page .ss2 {
    padding: 100px 0 100px;
  }
}
@media only screen and (max-width: 1024px) {
  .pro_page .ss2 {
    padding: 80px 0 100px;
  }
}
@media only screen and (max-width: 768px) {
  .pro_page .ss2 {
    padding: 50px 0 50px;
  }
}
.pro_page .ss2 > img {
  z-index: -1;
  left: 0%;
  bottom: -240px;
  display: block;
  width: 100%;
  position: absolute;
}
@media only screen and (max-width: 1024px) {
  .pro_page .ss2 > img {
    bottom: -160px;
  }
}
@media only screen and (max-width: 768px) {
  .pro_page .ss2 > img {
    bottom: 0;
  }
}
.pro_page .ss2 > img:nth-child(1) {
  bottom: auto;
  top: -100px;
  width: auto;
}
.pro_page .ss2 .item {
  display: flex;
  margin-bottom: 80px;
}
@media only screen and (min-width: 1025px) {
  .pro_page .ss2 .item:hover .left img {
    transform: scale(1.2);
  }
}
@media only screen and (max-width: 1024px) {
  .pro_page .ss2 .item {
    margin-bottom: 60px;
  }
}
@media only screen and (max-width: 768px) {
  .pro_page .ss2 .item {
    flex-direction: column-reverse;
  }
}
.pro_page .ss2 .item:last-child {
  margin-bottom: 0;
}
.pro_page .ss2 .item .left {
  width: 50%;
  aspect-ratio: 0.9820846906;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .pro_page .ss2 .item .left {
    width: 100%;
  }
}
.pro_page .ss2 .item .left img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: all 0.5s ease;
}
.pro_page .ss2 .item .right {
  background: var(--Gray, #F2F3F3);
  width: 50%;
  padding: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media only screen and (max-width: 768px) {
  .pro_page .ss2 .item .right {
    width: 100%;
    padding: 30px;
  }
}
@media only screen and (max-width: 576px) {
  .pro_page .ss2 .item .right {
    padding: 30px 15px;
  }
}
.pro_page .ss2 .item .right .title-def {
  font-size: 35px;
  margin-bottom: 24px;
}
@media only screen and (max-width: 1024px) {
  .pro_page .ss2 .item .right .title-def {
    font-size: 28px;
    line-height: 150%;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 768px) {
  .pro_page .ss2 .item .right .title-def {
    font-size: 24px;
  }
}
@media only screen and (max-width: 576px) {
  .pro_page .ss2 .item .right .title-def {
    font-size: 22px;
    text-align: center;
  }
}
.pro_page .ss2 .item .right .exp {
  margin-bottom: 40px;
}
@media only screen and (max-width: 1024px) {
  .pro_page .ss2 .item .right .exp {
    margin-bottom: 20px;
  }
}
.pro_page .ss2 .item .right .exp p {
  margin-bottom: 24px;
}
@media only screen and (max-width: 1024px) {
  .pro_page .ss2 .item .right .exp p {
    margin-bottom: 15px;
  }
}
.pro_page .ss2 .item .right .exp strong {
  font-family: "Montserrat-Bold.ttf";
  margin-bottom: 15px;
  display: inline-block;
}
@media only screen and (max-width: 1024px) {
  .pro_page .ss2 .item .right .exp strong {
    margin-bottom: 5px;
  }
}
.pro_page .ss2 .item .right .exp ul li {
  position: relative;
  padding-left: 15px;
}
.pro_page .ss2 .item .right .exp ul li:after {
  content: "";
  position: absolute;
  top: 11px;
  left: 3px;
  width: 3px;
  height: 3px;
  background: #1B1916;
  border-radius: 50%;
}
@media (max-width: 1024px) {
  .pro_page .ss2 .item .right .exp ul li:after {
    top: 9px;
  }
}
.pro_page .ss6 {
  padding-bottom: 160px;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
@media only screen and (max-width: 1280px) {
  .pro_page .ss6 {
    padding-bottom: 100px;
  }
}
@media only screen and (max-width: 768px) {
  .pro_page .ss6 {
    padding-bottom: 50px;
  }
}
.pro_page .ss6 .cm_content_qa {
  padding: 0 106px;
}
@media only screen and (max-width: 1024px) {
  .pro_page .ss6 .cm_content_qa {
    padding: 0 50px 0px;
  }
}
@media only screen and (max-width: 768px) {
  .pro_page .ss6 .cm_content_qa {
    padding: 0 0px 0px;
  }
}
.pro_page .ss6 > img {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  width: 100%;
  display: block;
  max-height: 100%;
  bottom: -240px;
}
@media only screen and (max-width: 1024px) {
  .pro_page .ss6 > img {
    bottom: -160px;
  }
}
@media only screen and (max-width: 768px) {
  .pro_page .ss6 > img {
    bottom: 0;
  }
}
.pro_page .ss6 .title-def {
  text-align: center;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1280px) {
  .pro_page .ss6 .title-def {
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 768px) {
  .pro_page .ss6 .title-def {
    margin-bottom: 15px;
  }
}

.pro_detail_page .h-section8 {
  padding: 0px 0 120px;
}
@media only screen and (max-width: 1024px) {
  .pro_detail_page .h-section8 {
    padding: 0px 0 60px;
  }
}
@media only screen and (max-width: 767px) {
  .pro_detail_page .h-section8 {
    padding: 0px 0 45px;
  }
}
.pro_detail_page .ss1 {
  padding: 120px 0;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 1024px) {
  .pro_detail_page .ss1 {
    padding: 80px 0;
  }
}
@media only screen and (max-width: 768px) {
  .pro_detail_page .ss1 {
    padding: 60px 0;
  }
}
@media only screen and (max-width: 576px) {
  .pro_detail_page .ss1 {
    padding: 50px 0;
  }
}
.pro_detail_page .ss1 > img {
  z-index: -1;
  left: 0%;
  bottom: -240px;
  display: block;
  width: 100%;
  position: absolute;
}
@media only screen and (max-width: 1024px) {
  .pro_detail_page .ss1 > img {
    bottom: -160px;
  }
}
@media only screen and (max-width: 576px) {
  .pro_detail_page .ss1 > img {
    bottom: 0;
  }
}
.pro_detail_page .ss1 .cm-container {
  padding: 0 223px;
}
@media (max-width: 1280px) {
  .pro_detail_page .ss1 .cm-container {
    padding: 0 120px;
  }
}
@media (max-width: 1024px) {
  .pro_detail_page .ss1 .cm-container {
    padding: 0 30px;
  }
}
@media (max-width: 767px) {
  .pro_detail_page .ss1 .cm-container {
    padding: 0 15px;
  }
}
.pro_detail_page .ss1 .cm-container .title-def {
  position: relative;
  color: var(--Green-500, #345C55);
  margin-bottom: 60px;
  padding: 0 0 60px !important;
}
.pro_detail_page .ss1 .cm-container .title-def::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 40.0410677618%;
  height: 1px;
  background: var(--Yellow, #CAAA43);
}
@media (max-width: 1280px) {
  .pro_detail_page .ss1 .cm-container .title-def {
    margin-bottom: 40px;
  }
}
@media (max-width: 1024px) {
  .pro_detail_page .ss1 .cm-container .title-def {
    margin-bottom: 30px;
    padding: 0 0 30px;
  }
}
@media only screen and (max-width: 576px) {
  .pro_detail_page .ss1 .cm-container .title-def {
    margin-bottom: 20px;
    padding: 0 0 20px;
  }
}
.pro_detail_page .ss1 .cm-container > span {
  width: 390px;
  height: 1px;
  display: block;
  margin-bottom: 60px;
  background: var(--Yellow, #CAAA43);
}
.pro_detail_page .ss1 .cm-container .the-content {
  letter-spacing: -0.15px;
  line-height: 180%;
}
@media (max-width: 576px) {
  .pro_detail_page .ss1 .cm-container .the-content {
    word-break: break-word;
  }
}
.pro_detail_page .ss1 .cm-container .the-content p, .pro_detail_page .ss1 .cm-container .the-content ul, .pro_detail_page .ss1 .cm-container .the-content ol, .pro_detail_page .ss1 .cm-container .the-content h1, .pro_detail_page .ss1 .cm-container .the-content h2, .pro_detail_page .ss1 .cm-container .the-content h3, .pro_detail_page .ss1 .cm-container .the-content h4, .pro_detail_page .ss1 .cm-container .the-content h5, .pro_detail_page .ss1 .cm-container .the-content h6 {
  margin-left: 127px;
  margin-right: 127px;
}
@media (max-width: 1024px) {
  .pro_detail_page .ss1 .cm-container .the-content p, .pro_detail_page .ss1 .cm-container .the-content ul, .pro_detail_page .ss1 .cm-container .the-content ol, .pro_detail_page .ss1 .cm-container .the-content h1, .pro_detail_page .ss1 .cm-container .the-content h2, .pro_detail_page .ss1 .cm-container .the-content h3, .pro_detail_page .ss1 .cm-container .the-content h4, .pro_detail_page .ss1 .cm-container .the-content h5, .pro_detail_page .ss1 .cm-container .the-content h6 {
    margin-left: 60px;
    margin-right: 60px;
  }
}
@media (max-width: 768px) {
  .pro_detail_page .ss1 .cm-container .the-content p, .pro_detail_page .ss1 .cm-container .the-content ul, .pro_detail_page .ss1 .cm-container .the-content ol, .pro_detail_page .ss1 .cm-container .the-content h1, .pro_detail_page .ss1 .cm-container .the-content h2, .pro_detail_page .ss1 .cm-container .the-content h3, .pro_detail_page .ss1 .cm-container .the-content h4, .pro_detail_page .ss1 .cm-container .the-content h5, .pro_detail_page .ss1 .cm-container .the-content h6 {
    margin-left: 0;
    margin-right: 0;
  }
}
.pro_detail_page .ss1 .cm-container .the-content p:has(img) {
  margin-left: 0;
  margin-right: 0;
}
.pro_detail_page .ss1 .cm-container .the-content h2, .pro_detail_page .ss1 .cm-container .the-content h3 {
  margin-bottom: 40px;
}
@media (max-width: 1366px) {
  .pro_detail_page .ss1 .cm-container .the-content h2, .pro_detail_page .ss1 .cm-container .the-content h3 {
    margin-bottom: 30px;
  }
}
@media (max-width: 1024px) {
  .pro_detail_page .ss1 .cm-container .the-content h2, .pro_detail_page .ss1 .cm-container .the-content h3 {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 576px) {
  .pro_detail_page .ss1 .cm-container .the-content h2, .pro_detail_page .ss1 .cm-container .the-content h3 {
    margin-bottom: 15px;
  }
}
.pro_detail_page .ss1 .cm-container .the-content p, .pro_detail_page .ss1 .cm-container .the-content ul, .pro_detail_page .ss1 .cm-container .the-content ol, .pro_detail_page .ss1 .cm-container .the-content .wp-caption {
  margin-bottom: 24px;
}
@media (max-width: 1024px) {
  .pro_detail_page .ss1 .cm-container .the-content p, .pro_detail_page .ss1 .cm-container .the-content ul, .pro_detail_page .ss1 .cm-container .the-content ol, .pro_detail_page .ss1 .cm-container .the-content .wp-caption {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 576px) {
  .pro_detail_page .ss1 .cm-container .the-content p, .pro_detail_page .ss1 .cm-container .the-content ul, .pro_detail_page .ss1 .cm-container .the-content ol, .pro_detail_page .ss1 .cm-container .the-content .wp-caption {
    margin-bottom: 12px;
  }
}
.pro_detail_page .ss1 .cm-container .the-content ul, .pro_detail_page .ss1 .cm-container .the-content ol {
  padding-left: 20px;
}
.pro_detail_page .ss1 .cm-container .the-content ul li, .pro_detail_page .ss1 .cm-container .the-content ol li {
  padding-bottom: 2px;
}
.pro_detail_page .ss1 .cm-container .the-content ul li:last-child, .pro_detail_page .ss1 .cm-container .the-content ol li:last-child {
  padding-bottom: 0;
}
.pro_detail_page .ss1 .cm-container .the-content ul li {
  list-style: disc;
}
.pro_detail_page .ss1 .cm-container .the-content ol li {
  list-style: decimal;
}
.pro_detail_page .ss1 .cm-container .the-content .wp-block-image,
.pro_detail_page .ss1 .cm-container .the-content .wp-caption {
  width: 100% !important;
  margin-bottom: 32px;
}
@media (max-width: 576px) {
  .pro_detail_page .ss1 .cm-container .the-content .wp-block-image,
  .pro_detail_page .ss1 .cm-container .the-content .wp-caption {
    margin-bottom: 20px;
  }
}
.pro_detail_page .ss1 .cm-container .the-content .wp-block-image img,
.pro_detail_page .ss1 .cm-container .the-content .wp-caption img {
  margin: 0 auto 15px;
  display: block;
  max-width: 100%;
}
.pro_detail_page .ss1 .cm-container .the-content .wp-block-image p, .pro_detail_page .ss1 .cm-container .the-content .wp-block-image figcaption,
.pro_detail_page .ss1 .cm-container .the-content .wp-caption p,
.pro_detail_page .ss1 .cm-container .the-content .wp-caption figcaption {
  font-style: italic;
  font-size: 14px;
  text-align: center;
  margin: 0;
}
.pro_detail_page .ss1 .cm-container .the-content p:last-child {
  margin-bottom: 0;
}
.pro_detail_page .ss1 .cm-container .the-content h2, .pro_detail_page .ss1 .cm-container .the-content h3 {
  font-family: "Montserrat-SemiBold.ttf";
  letter-spacing: -0.2px;
}
.pro_detail_page .ss1 .cm-container .the-content strong {
  font-size: 20px;
  font-family: "Montserrat-SemiBold.ttf";
}
.pro_detail_page .ss1 .cm-container .the-content img {
  margin: 10px auto 32px;
  display: block;
}
@media (max-width: 768px) {
  .pro_detail_page .ss1 .cm-container .the-content img {
    max-width: 100%;
    margin: 20px auto 32px;
  }
}
@media (max-width: 576px) {
  .pro_detail_page .ss1 .cm-container .the-content img {
    margin: 15px auto 20px;
  }
}
.pro_detail_page .ss1 .cm-container .the-content a {
  color: #000;
  text-decoration: underline;
}

.service_page .content .h_ss5 {
  padding: 120px 0 115px;
}
@media only screen and (max-width: 1280px) {
  .service_page .content .h_ss5 {
    padding: 80px 0 70px;
  }
}
@media only screen and (max-width: 1024px) {
  .service_page .content .h_ss5 {
    padding: 70px 0 60px;
  }
}
@media only screen and (max-width: 768px) {
  .service_page .content .h_ss5 {
    padding: 60px 0 50px;
  }
}
@media only screen and (max-width: 576px) {
  .service_page .content .h_ss5 {
    padding: 50px 0px;
  }
}
.service_page .content .h_ss5 > img:nth-child(1) {
  top: -120px;
}
@media only screen and (max-width: 1280px) {
  .service_page .content .h_ss5 > img:nth-child(1) {
    top: -80px;
  }
}
@media only screen and (max-width: 1024px) {
  .service_page .content .h_ss5 > img:nth-child(1) {
    top: -70px;
  }
}
@media only screen and (max-width: 768px) {
  .service_page .content .h_ss5 > img:nth-child(1) {
    top: -60px;
  }
}
.service_page .content .h_ss5 .content .item .left .title-def {
  margin-bottom: 50px;
}
@media only screen and (max-width: 1280px) {
  .service_page .content .h_ss5 .content .item .left .title-def {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 1024px) {
  .service_page .content .h_ss5 .content .item .left .title-def {
    margin-bottom: 10px;
  }
}
.service_page .content .h_ss5 .content .item .left p {
  margin-bottom: 40px;
}
@media only screen and (max-width: 1280px) {
  .service_page .content .h_ss5 .content .item .left p {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 1024px) {
  .service_page .content .h_ss5 .content .item .left p {
    margin-bottom: 15px;
  }
}
.service_page .content .h_ss5 .content .item .right {
  aspect-ratio: 0.9895052474;
}
.service_page .content .ss2 {
  padding: 45px 0 160px;
  position: relative;
  z-index: 0;
}
@media only screen and (max-width: 1024px) {
  .service_page .content .ss2 {
    padding: 20px 0 100px;
  }
}
@media only screen and (max-width: 768px) {
  .service_page .content .ss2 {
    padding: 20px 0 50px;
  }
}
.service_page .content .ss2 > img {
  z-index: -1;
  left: 0%;
  bottom: 0;
  display: block;
  width: 100%;
  position: absolute;
}
.service_page .content .ss2 .cm-container {
  padding: 0 40px;
}
@media (max-width: 1280px) {
  .service_page .content .ss2 .cm-container {
    padding: 0 30px;
  }
}
@media (max-width: 1024px) {
  .service_page .content .ss2 .cm-container {
    padding: 0 20px;
  }
}
@media (max-width: 767px) {
  .service_page .content .ss2 .cm-container {
    padding: 0 15px;
  }
}
.service_page .content .ss2 .title-def {
  text-align: center;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1024px) {
  .service_page .content .ss2 .title-def {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .service_page .content .ss2 .title-def {
    margin-bottom: 10px;
  }
}
@media (min-width: 1025px) {
  .service_page .content .ss2 .swiper .swiper-slide:hover .img img {
    transform: scale(1.2);
  }
  .service_page .content .ss2 .swiper .swiper-slide:hover h3 {
    color: #CAAA43;
  }
}
.service_page .content .ss2 .swiper .swiper-slide .img {
  overflow: hidden;
  aspect-ratio: 1.290625;
  margin-bottom: 24px;
}
@media only screen and (max-width: 1024px) {
  .service_page .content .ss2 .swiper .swiper-slide .img {
    margin-bottom: 18px;
  }
}
.service_page .content .ss2 .swiper .swiper-slide .img img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: all 0.5s ease-in-out;
}
.service_page .content .ss2 .swiper .swiper-slide h3 {
  color: var(--Green, #354430);
  font-family: "UVF-Didot.ttf";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 36px */
  letter-spacing: -0.48px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  transition: all 0.5s ease-in-out;
}
@media only screen and (max-width: 1024px) {
  .service_page .content .ss2 .swiper .swiper-slide h3 {
    font-size: 18px;
  }
}

.news_page .content {
  position: relative;
  padding: 80px 0 162px;
}
@media only screen and (max-width: 1024px) {
  .news_page .content {
    padding: 60px 0 120px;
  }
}
@media only screen and (max-width: 767px) {
  .news_page .content {
    padding: 40px 0 65px;
  }
}
.news_page .content .ss1 {
  padding: 0 0 60px !important;
}
.news_page .content .ss1 .top {
  padding: 0 0 60px !important;
}
.news_page .content .ss1 .top .title-def {
  text-align: center;
  margin-bottom: 0 !important;
}
.news_page .content .ss1 .des {
  text-align: center;
  padding: 0 !important;
  width: 894px;
  max-width: 100%;
  margin: 0 auto;
}
@media only screen and (max-width: 1024px) {
  .news_page .content .ss1 {
    padding: 0 0 30px !important;
  }
  .news_page .content .ss1 .top {
    padding: 0 0 30px !important;
  }
}
.news_page .content .new-filter {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 0 auto 120px;
  width: 426px;
  max-width: 100%;
  padding: 0 15px;
  box-sizing: border-box;
}
@media only screen and (max-width: 1024px) {
  .news_page .content .new-filter {
    margin: 0 auto 80px;
  }
}
@media only screen and (max-width: 767px) {
  .news_page .content .new-filter {
    margin: 0 auto 40px;
  }
}
.news_page .content .new-filter > p {
  width: 100%;
  opacity: 0.8;
}
.news_page .content .new-filter .filter-active {
  position: relative;
  width: 100%;
  padding-bottom: 10px;
  color: var(--Green, #354430);
  font-size: 15px;
  font-style: normal;
  font-family: "Montserrat-Medium.ttf";
  font-weight: 500;
  line-height: 170%; /* 25.5px */
  letter-spacing: -0.15px;
  cursor: pointer;
}
.news_page .content .new-filter .filter-active::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #BBB;
}
.news_page .content .new-filter .filter-active:after {
  position: absolute;
  content: "";
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 10px;
  background-image: url(../main/assets/images/common/option-down.png);
  background-size: contain;
  background-repeat: no-repeat;
}
.news_page .content .new-filter .filter {
  position: absolute;
  top: 100%;
  left: 15px;
  right: 15px;
  width: 100%;
  display: none;
}
.news_page .content .new-filter .filter li {
  width: 100%;
  padding: 10px;
  background-color: #fff;
  border-bottom: 1px solid #BBB;
}
.news_page .content .new-filter .filter li a {
  font-family: "Montserrat-Medium.ttf";
  color: var(--Green, #354430);
}
.news_page .content > img {
  z-index: -1;
  left: 0%;
  bottom: -270px;
  display: block;
  width: 100%;
  position: absolute;
}
@media only screen and (max-width: 1024px) {
  .news_page .content > img {
    bottom: -160px;
  }
}
@media only screen and (max-width: 767px) {
  .news_page .content > img {
    bottom: 0;
  }
}
.news_page .content > img:nth-child(1) {
  bottom: auto;
  top: 44px;
  width: auto;
}
.news_page .content .tab {
  display: flex;
  align-items: center;
  justify-content: center;
}
.news_page .content .tab li {
  width: 220px;
  min-height: 48px;
  border: 1px solid #BBB;
  border-right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  color: var(--Green, #354430);
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 27px */
  letter-spacing: 0.3px;
  text-align: center;
  padding: 10px;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.3 ease;
}
@media only screen and (max-width: 1024px) {
  .news_page .content .tab li {
    width: 200px;
    height: 44px;
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .news_page .content .tab li {
    width: 1/3;
    height: 40px;
    font-size: 13px;
  }
}
.news_page .content .tab li a {
  display: block;
  color: var(--Green, #354430);
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 180%; /* 27px */
  letter-spacing: 0.3px;
  text-transform: uppercase;
  transition: all 0.3 ease;
}
@media only screen and (max-width: 1024px) {
  .news_page .content .tab li a {
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .news_page .content .tab li a {
    font-size: 13px;
  }
}
.news_page .content .tab li.active, .news_page .content .tab li:hover {
  background: var(--Green, #354430);
  border: 1px solid #354430;
  color: var(--Yellow, #CAAA43);
}
.news_page .content .tab li.active a, .news_page .content .tab li:hover a {
  color: var(--Yellow, #CAAA43);
}
.news_page .content .tab li:last-child {
  border-right: 1px solid #BBB;
}
.news_page .content .news_list {
  margin: 80px 0;
  display: flex;
  flex-wrap: wrap;
  gap: 80px 40px;
}
@media only screen and (max-width: 1024px) {
  .news_page .content .news_list {
    margin: 60px 0;
    gap: 30px 15px;
  }
}
@media only screen and (max-width: 767px) {
  .news_page .content .news_list {
    margin: 40px 0;
    gap: 25px;
  }
}
.news_page .content .news_list .item {
  display: block;
  width: calc((100% - 80px) / 3);
}
@media only screen and (max-width: 1024px) {
  .news_page .content .news_list .item {
    width: calc((100% - 30px) / 3);
  }
}
@media only screen and (max-width: 767px) {
  .news_page .content .news_list .item {
    width: 100%;
  }
}
.news_page .content .news_list .item .thumbnail {
  width: 100%;
  overflow: hidden;
  line-height: 0;
}
.news_page .content .news_list .item .thumbnail img {
  aspect-ratio: 375/410;
  object-fit: cover;
  width: 100%;
  transition: all 0.3s ease;
}
.news_page .content .news_list .item .time {
  margin-top: 24px;
  color: var(--Green, #354430);
  text-transform: uppercase;
  letter-spacing: 0.25px;
}
@media only screen and (max-width: 1024px) {
  .news_page .content .news_list .item .time {
    margin-top: 20px;
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .news_page .content .news_list .item .time {
    font-size: 13px;
  }
}
.news_page .content .news_list .item .title {
  margin: 10px 0 16px;
  color: var(--Green, #354430);
  font-family: "UVF-Didot.ttf";
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 42px */
  letter-spacing: -0.56px;
}
@media only screen and (max-width: 1024px) {
  .news_page .content .news_list .item .title {
    margin: 10px 0 12px;
    font-size: 26px;
  }
}
@media only screen and (max-width: 767px) {
  .news_page .content .news_list .item .title {
    margin: 5px 0 10px;
    font-size: 24px;
  }
}
.news_page .content .news_list .item .exp {
  color: #1B1916;
  line-height: 180%;
  letter-spacing: -0.15px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.news_page .content .news_list .item:hover .thumbnail img {
  transform: scale(1.1);
}
.news_page .content .load-more {
  width: 100%;
}
@media only screen and (max-width: 1024px) {
  .news_page .content .load-more {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .news_page .content .load-more {
    margin-top: 30px;
  }
}
.news_page .content .load-more .button_def {
  display: block;
  outline: none;
  border: 1px solid var(--Green, #354430);
  background: var(--Gray, #F2F3F3);
  color: #354430;
  margin: 0 auto;
  cursor: pointer;
}
.news_page .content .recruit_list {
  margin: 80px 0;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media only screen and (max-width: 1024px) {
  .news_page .content .recruit_list {
    gap: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .news_page .content .recruit_list {
    gap: 25px;
  }
}
.news_page .content .recruit_list .item {
  display: flex;
  background: #F2F3F3;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .news_page .content .recruit_list .item {
    flex-direction: column;
  }
}
.news_page .content .recruit_list .item .thumbnail {
  width: 48.3416252073%;
  height: 288px;
  overflow: hidden;
  line-height: 0;
}
.news_page .content .recruit_list .item .thumbnail img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 767px) {
  .news_page .content .recruit_list .item .thumbnail {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
  }
}
.news_page .content .recruit_list .item .text {
  width: 51.6583747927%;
  padding: 40px;
}
@media only screen and (max-width: 1024px) {
  .news_page .content .recruit_list .item .text {
    padding: 30px 20px;
  }
}
@media only screen and (max-width: 767px) {
  .news_page .content .recruit_list .item .text {
    width: 100%;
    padding: 20px 15px;
  }
}
.news_page .content .recruit_list .item .title {
  color: var(--Green, #354430);
  font-family: "UVF-Didot.ttf";
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 42px */
  letter-spacing: -0.56px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
@media only screen and (max-width: 1024px) {
  .news_page .content .recruit_list .item .title {
    font-size: 26px;
  }
}
@media only screen and (max-width: 767px) {
  .news_page .content .recruit_list .item .title {
    font-size: 24px;
  }
}
.news_page .content .recruit_list .item .exp {
  color: #1B1916;
  line-height: 180%;
  letter-spacing: -0.15px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  margin: 24px 0;
}
@media only screen and (max-width: 767px) {
  .news_page .content .recruit_list .item .exp {
    margin: 10px 0 12px;
  }
}
.news_page .content .recruit_list .item:hover .thumbnail img {
  transform: scale(1.1);
}
.news_page .content .recruit_list .load-more {
  width: 100%;
  margin-top: 40px;
}
@media only screen and (max-width: 767px) {
  .news_page .content .recruit_list .load-more {
    margin-top: 20px;
  }
}
.news_page .content .recruit_list .load-more .button_def {
  display: block;
  outline: none;
  border: 1px solid var(--Green, #354430);
  background: var(--Gray, #F2F3F3);
  color: var(--Green, #354430);
  margin: 0 auto;
  cursor: pointer;
}
.news_page .content .tab_menu_content {
  margin: 80px 0 0;
}
@media only screen and (max-width: 1024px) {
  .news_page .content .tab_menu_content {
    margin: 60px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .news_page .content .tab_menu_content {
    margin: 40px 0 0;
  }
}
.news_page .content .tab_menu_content .df-container .df-bg {
  background: var(--Gray, #F2F3F3) !important;
}

.contact_page .wrap .ss1 {
  padding: 120px 0 90px;
}
@media only screen and (max-width: 1024px) {
  .contact_page .wrap .ss1 {
    padding: 60px 0 50px;
  }
}
@media only screen and (max-width: 767px) {
  .contact_page .wrap .ss1 {
    padding: 40px 0;
  }
}
.contact_page .wrap .ss1 .container {
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
  padding: 0 40px;
}
@media only screen and (max-width: 1024px) {
  .contact_page .wrap .ss1 .container {
    padding: 0 30px;
  }
}
@media only screen and (max-width: 767px) {
  .contact_page .wrap .ss1 .container {
    padding: 0 15px;
  }
}
.contact_page .wrap .ss1 .container .inne_wrap {
  position: relative;
  padding: 40px 0;
}
@media only screen and (max-width: 1024px) {
  .contact_page .wrap .ss1 .container .inne_wrap {
    padding: 0;
  }
}
.contact_page .wrap .ss1 .container .inne_wrap iframe {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  height: 100%;
  width: 94.3382352941%;
  object-fit: cover;
}
@media only screen and (max-width: 1024px) {
  .contact_page .wrap .ss1 .container .inne_wrap iframe {
    position: relative;
    width: 100%;
    aspect-ratio: 4/3;
    margin-top: 30px;
  }
}
.contact_page .wrap .ss1 .container .inne_wrap .content {
  position: relative;
  z-index: 2;
  width: 43.3823529412%;
  padding: 80px 5.6617647059%;
  background-color: #fff;
}
@media only screen and (max-width: 1024px) {
  .contact_page .wrap .ss1 .container .inne_wrap .content {
    width: 100%;
    padding: 0;
  }
}
.contact_page .wrap .ss1 .container .inne_wrap .content .intro {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 40px 0 60px;
}
@media only screen and (max-width: 1024px) {
  .contact_page .wrap .ss1 .container .inne_wrap .content .intro {
    margin: 20px 0 30px;
  }
}
@media only screen and (max-width: 767px) {
  .contact_page .wrap .ss1 .container .inne_wrap .content .intro {
    margin: 20px 0 30px;
    gap: 12px;
  }
}
.contact_page .wrap .ss1 .container .inne_wrap .content .intro li {
  display: flex;
  gap: 17px;
  color: #1B1916;
}
.contact_page .wrap .ss1 .container .inne_wrap .content .intro li img {
  width: 18px;
}
.contact_page .wrap .ss1 .container .inne_wrap .content .intro li a {
  display: inline-block;
  position: relative;
  color: #1B1916;
  transition: all 0.3s ease;
}
.contact_page .wrap .ss1 .container .inne_wrap .content .intro li a::before {
  position: absolute;
  content: "|";
  right: -10px;
  top: 50%;
  transform: translateY(-50%);
}
.contact_page .wrap .ss1 .container .inne_wrap .content .intro li a:hover {
  opacity: 0.7;
}
.contact_page .wrap .ss1 .container .inne_wrap .content .intro li a:last-child::before {
  display: none;
}
.contact_page .wrap .ss1 .container .inne_wrap .content .des {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media only screen and (max-width: 767px) {
  .contact_page .wrap .ss1 .container .inne_wrap .content .des {
    gap: 16px;
  }
}
.contact_page .wrap .ss1 .container .inne_wrap .content .des h3 {
  color: var(--Green, #354430);
  font-size: 18px;
  font-weight: 700;
  line-height: 170%; /* 30.6px */
  letter-spacing: -0.18px;
}
.contact_page .wrap .ss1 .container .inne_wrap .content .des p {
  letter-spacing: -0.15px;
}
.contact_page .wrap .ss1 .container .inne_wrap .content .des p strong {
  color: var(--Green, #354430);
  font-weight: 700;
}
.contact_page .wrap .ss2 {
  position: relative;
  padding-bottom: 160px;
}
.contact_page .wrap .ss2 > img {
  z-index: -1;
  left: 0%;
  bottom: -270px;
  display: block;
  width: 100%;
  position: absolute;
}
@media only screen and (max-width: 1024px) {
  .contact_page .wrap .ss2 > img {
    bottom: -160px;
  }
}
@media only screen and (max-width: 767px) {
  .contact_page .wrap .ss2 > img {
    bottom: 0;
  }
}
.contact_page .wrap .ss2 .content form {
  width: 100%;
  margin-top: 60px;
}
@media only screen and (max-width: 1024px) {
  .contact_page .wrap .ss2 .content form {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .contact_page .wrap .ss2 .content form {
    margin-top: 25px;
  }
}
.contact_page .wrap .ss2 .content form .form-field-all {
  display: flex;
  flex-wrap: wrap;
  gap: 60px 40px;
}
@media only screen and (max-width: 1024px) {
  .contact_page .wrap .ss2 .content form .form-field-all {
    gap: 40px 20px;
  }
}
@media only screen and (max-width: 767px) {
  .contact_page .wrap .ss2 .content form .form-field-all {
    gap: 26px;
  }
}
.contact_page .wrap .ss2 .content form .form-field-all .form-group {
  position: relative;
  width: calc((100% - 80px) / 3);
}
.contact_page .wrap .ss2 .content form .form-field-all .form-group:nth-of-type(4), .contact_page .wrap .ss2 .content form .form-field-all .form-group:nth-of-type(5) {
  width: calc((100% - 40px) / 2);
}
@media only screen and (max-width: 1024px) {
  .contact_page .wrap .ss2 .content form .form-field-all .form-group {
    width: calc((100% - 40px) / 3);
  }
  .contact_page .wrap .ss2 .content form .form-field-all .form-group:nth-of-type(4), .contact_page .wrap .ss2 .content form .form-field-all .form-group:nth-of-type(5) {
    width: calc((100% - 20px) / 2);
  }
}
@media only screen and (max-width: 767px) {
  .contact_page .wrap .ss2 .content form .form-field-all .form-group {
    width: 100%;
  }
  .contact_page .wrap .ss2 .content form .form-field-all .form-group:nth-of-type(4), .contact_page .wrap .ss2 .content form .form-field-all .form-group:nth-of-type(5) {
    width: 100%;
  }
}
.contact_page .wrap .ss2 .content form .form-field-all .form-group label {
  color: var(--Green, #354430);
  font-family: "Montserrat-Regular.ttf";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%; /* 32.4px */
  letter-spacing: -0.18px;
}
@media only screen and (max-width: 1024px) {
  .contact_page .wrap .ss2 .content form .form-field-all .form-group label {
    font-size: 16px;
  }
}
.contact_page .wrap .ss2 .content form .form-field-all .form-group input, .contact_page .wrap .ss2 .content form .form-field-all .form-group select {
  width: 100%;
  height: 48px;
  background: #F7F7F7;
  color: #1B1916;
  font-family: "Montserrat-Regular.ttf";
  font-size: 14px;
  font-style: normal;
  line-height: 180%; /* 32.4px */
  letter-spacing: 0.28px;
  padding: 0 20px;
  outline: none;
  border-radius: 0;
  box-shadow: none;
  border: none;
}
@media only screen and (max-width: 1024px) {
  .contact_page .wrap .ss2 .content form .form-field-all .form-group input, .contact_page .wrap .ss2 .content form .form-field-all .form-group select {
    padding: 0 15px;
  }
}
.contact_page .wrap .ss2 .content form .form-field-all .form-group select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
}
.contact_page .wrap .ss2 .content form .form-field-all .form-group:has(select)::before {
  position: absolute;
  content: "";
  right: 20px;
  bottom: 19px;
  width: 20px;
  height: 10px;
  background-image: url(./assets/images/common/select-arr.svg);
  background-size: contain;
}
.contact_page .wrap .ss2 .content form .form-field-all .form-group ._error_msg {
  position: absolute;
  top: 100%;
  right: 0;
  color: red;
  font-style: italic;
  font-size: 12px;
}
.contact_page .wrap .ss2 .content form .button {
  display: block;
  margin: 60px auto 0;
  width: 220px;
  height: 48px;
  background: var(--Green, #354430);
  outline: none;
  border-radius: 0;
  box-shadow: none;
  border: 0;
  color: var(--Yellow, #CAAA43);
  font-family: "Montserrat-Bold.ttf";
  font-size: 14px;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.3s ease;
}
.contact_page .wrap .ss2 .content form .button:hover {
  opacity: 0.7;
}
@media only screen and (max-width: 1024px) {
  .contact_page .wrap .ss2 .content form .button {
    margin: 40px auto 0;
  }
}

@media (max-width: 768px) {
  .pro_page .des {
    padding: 0px !important;
  }
}
.pro_page .h-section8 .title-def {
  text-align: center;
}
.pro_page .h-section8 .content {
  margin-top: 35px;
}
@media (max-width: 576px) {
  .pro_page .h-section8 .content {
    margin-top: 30px;
  }
}
.pro_page .ss_slide .cm-container {
  position: relative;
}
@media (max-width: 1280px) {
  .pro_page .ss_slide .cm-container {
    padding: 0 60px;
  }
}
@media (max-width: 767px) {
  .pro_page .ss_slide .cm-container {
    padding: 0 30px;
  }
}
.pro_page .ss_slide .cm-container .swiper-button-prev, .pro_page .ss_slide .cm-container .swiper-button-next {
  bottom: 40px;
  top: unset !important;
}
.pro_page .ss_slide .cm-container .swiper-button-prev {
  left: 40px !important;
}
@media (max-width: 767px) {
  .pro_page .ss_slide .cm-container .swiper-button-prev {
    left: 15px !important;
  }
}
.pro_page .ss_slide .cm-container .swiper-button-next {
  right: 40px !important;
}
@media (max-width: 767px) {
  .pro_page .ss_slide .cm-container .swiper-button-next {
    right: 15px !important;
  }
}
.pro_page .ss_slide .cm-container .swiper {
  margin-top: -120px;
  overflow: hidden;
}
@media (max-width: 1280px) {
  .pro_page .ss_slide .cm-container .swiper {
    margin-top: -100px;
  }
}
.pro_page .ss_slide .cm-container .swiper .swiper-slide .img {
  width: 240px;
  height: 240px;
  margin: 0 auto 24px;
}
@media (max-width: 1280px) {
  .pro_page .ss_slide .cm-container .swiper .swiper-slide .img {
    width: 200px;
    height: 200px;
    margin: 0 auto 15px;
  }
}
@media only screen and (max-width: 768px) {
  .pro_page .ss_slide .cm-container .swiper .swiper-slide .img {
    width: 160px;
    height: 160px;
    margin: 0 auto 10px;
  }
}
.pro_page .ss_slide .cm-container .swiper .swiper-slide .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.pro_page .ss_slide .cm-container .swiper .swiper-slide p {
  color: var(--Green-500, #345C55);
  text-align: center;
  font-family: "UVF-Didot.ttf";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 31.2px */
  letter-spacing: -0.48px;
}
@media (max-width: 1280px) {
  .pro_page .ss_slide .cm-container .swiper .swiper-slide p {
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  .pro_page .ss_slide .cm-container .swiper .swiper-slide p {
    font-size: 18px;
  }
}
.pro_page .ss1_bonus {
  padding-bottom: 200px;
  position: relative;
}
@media (max-width: 1280px) {
  .pro_page .ss1_bonus {
    padding-bottom: 160px;
  }
}
@media (max-width: 768px) {
  .pro_page .ss1_bonus {
    padding-bottom: 120px;
  }
}
.pro_page .ss1_bonus > img {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  display: block;
  max-height: 100%;
  z-index: -1;
}
.pro_page .ss1_bonus .content_bonus {
  padding: 160px 106px 0;
}
@media only screen and (max-width: 1024px) {
  .pro_page .ss1_bonus .content_bonus {
    padding: 80px 50px 0px;
  }
}
@media only screen and (max-width: 768px) {
  .pro_page .ss1_bonus .content_bonus {
    padding: 40px 0px 0px;
  }
}
.pro_page .ss1_bonus .content_bonus .title-def {
  text-align: center;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1367px) {
  .pro_page .ss1_bonus .content_bonus .title-def {
    margin-bottom: 10px;
  }
}
.pro_page .ss1_bonus .content_bonus p {
  padding: 0 !important;
}
.pro_page .ss2 {
  padding: 120px 0 160px;
  position: relative;
  z-index: 0;
}
@media only screen and (max-width: 1280px) {
  .pro_page .ss2 {
    padding: 100px 0 100px;
  }
}
@media only screen and (max-width: 1024px) {
  .pro_page .ss2 {
    padding: 80px 0 100px;
  }
}
@media only screen and (max-width: 768px) {
  .pro_page .ss2 {
    padding: 50px 0 50px;
  }
}
.pro_page .ss2 > img {
  z-index: -1;
  left: 0%;
  bottom: -240px;
  display: block;
  width: 100%;
  position: absolute;
}
@media only screen and (max-width: 1024px) {
  .pro_page .ss2 > img {
    bottom: -160px;
  }
}
@media only screen and (max-width: 768px) {
  .pro_page .ss2 > img {
    bottom: 0;
  }
}
.pro_page .ss2 > img:nth-child(1) {
  bottom: auto;
  top: -100px;
  width: auto;
}
.pro_page .ss2 .item {
  display: flex;
  margin-bottom: 80px;
}
@media only screen and (min-width: 1025px) {
  .pro_page .ss2 .item:hover .left img {
    transform: scale(1.2);
  }
}
@media only screen and (max-width: 1024px) {
  .pro_page .ss2 .item {
    margin-bottom: 60px;
  }
}
@media only screen and (max-width: 768px) {
  .pro_page .ss2 .item {
    flex-direction: column-reverse;
  }
}
.pro_page .ss2 .item:last-child {
  margin-bottom: 0;
}
.pro_page .ss2 .item .left {
  width: 50%;
  aspect-ratio: 0.9820846906;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .pro_page .ss2 .item .left {
    width: 100%;
  }
}
.pro_page .ss2 .item .left img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: all 0.5s ease;
}
.pro_page .ss2 .item .right {
  background: var(--Gray, #F2F3F3);
  width: 50%;
  padding: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media only screen and (max-width: 768px) {
  .pro_page .ss2 .item .right {
    width: 100%;
    padding: 30px;
  }
}
@media only screen and (max-width: 576px) {
  .pro_page .ss2 .item .right {
    padding: 30px 15px;
  }
}
.pro_page .ss2 .item .right .title-def {
  font-size: 35px;
  margin-bottom: 24px;
}
@media only screen and (max-width: 1024px) {
  .pro_page .ss2 .item .right .title-def {
    font-size: 28px;
    line-height: 150%;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 768px) {
  .pro_page .ss2 .item .right .title-def {
    font-size: 24px;
  }
}
@media only screen and (max-width: 576px) {
  .pro_page .ss2 .item .right .title-def {
    font-size: 22px;
    text-align: center;
  }
}
.pro_page .ss2 .item .right .exp {
  margin-bottom: 40px;
}
@media only screen and (max-width: 1024px) {
  .pro_page .ss2 .item .right .exp {
    margin-bottom: 20px;
  }
}
.pro_page .ss2 .item .right .exp p {
  margin-bottom: 24px;
}
@media only screen and (max-width: 1024px) {
  .pro_page .ss2 .item .right .exp p {
    margin-bottom: 15px;
  }
}
.pro_page .ss2 .item .right .exp strong {
  font-family: "Montserrat-Bold.ttf";
  margin-bottom: 15px;
  display: inline-block;
}
@media only screen and (max-width: 1024px) {
  .pro_page .ss2 .item .right .exp strong {
    margin-bottom: 5px;
  }
}
.pro_page .ss2 .item .right .exp ul li {
  position: relative;
  padding-left: 15px;
}
.pro_page .ss2 .item .right .exp ul li:after {
  content: "";
  position: absolute;
  top: 11px;
  left: 3px;
  width: 3px;
  height: 3px;
  background: #1B1916;
  border-radius: 50%;
}
@media (max-width: 1024px) {
  .pro_page .ss2 .item .right .exp ul li:after {
    top: 9px;
  }
}
.pro_page .ss6 {
  padding-bottom: 160px;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
@media only screen and (max-width: 1280px) {
  .pro_page .ss6 {
    padding-bottom: 100px;
  }
}
@media only screen and (max-width: 768px) {
  .pro_page .ss6 {
    padding-bottom: 50px;
  }
}
.pro_page .ss6 .cm_content_qa {
  padding: 0 106px;
}
@media only screen and (max-width: 1024px) {
  .pro_page .ss6 .cm_content_qa {
    padding: 0 50px 0px;
  }
}
@media only screen and (max-width: 768px) {
  .pro_page .ss6 .cm_content_qa {
    padding: 0 0px 0px;
  }
}
.pro_page .ss6 > img {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  width: 100%;
  display: block;
  max-height: 100%;
  bottom: -240px;
}
@media only screen and (max-width: 1024px) {
  .pro_page .ss6 > img {
    bottom: -160px;
  }
}
@media only screen and (max-width: 768px) {
  .pro_page .ss6 > img {
    bottom: 0;
  }
}
.pro_page .ss6 .title-def {
  text-align: center;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1280px) {
  .pro_page .ss6 .title-def {
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 768px) {
  .pro_page .ss6 .title-def {
    margin-bottom: 15px;
  }
}

.pro_detail_page .h-section8 {
  padding: 0px 0 120px;
}
@media only screen and (max-width: 1024px) {
  .pro_detail_page .h-section8 {
    padding: 0px 0 60px;
  }
}
@media only screen and (max-width: 767px) {
  .pro_detail_page .h-section8 {
    padding: 0px 0 45px;
  }
}
.pro_detail_page .ss1 {
  padding: 120px 0;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 1024px) {
  .pro_detail_page .ss1 {
    padding: 80px 0;
  }
}
@media only screen and (max-width: 768px) {
  .pro_detail_page .ss1 {
    padding: 60px 0;
  }
}
@media only screen and (max-width: 576px) {
  .pro_detail_page .ss1 {
    padding: 50px 0;
  }
}
.pro_detail_page .ss1 > img {
  z-index: -1;
  left: 0%;
  bottom: -240px;
  display: block;
  width: 100%;
  position: absolute;
}
@media only screen and (max-width: 1024px) {
  .pro_detail_page .ss1 > img {
    bottom: -160px;
  }
}
@media only screen and (max-width: 576px) {
  .pro_detail_page .ss1 > img {
    bottom: 0;
  }
}
.pro_detail_page .ss1 .cm-container {
  padding: 0 223px;
}
@media (max-width: 1280px) {
  .pro_detail_page .ss1 .cm-container {
    padding: 0 120px;
  }
}
@media (max-width: 1024px) {
  .pro_detail_page .ss1 .cm-container {
    padding: 0 30px;
  }
}
@media (max-width: 767px) {
  .pro_detail_page .ss1 .cm-container {
    padding: 0 15px;
  }
}
.pro_detail_page .ss1 .cm-container .title-def {
  position: relative;
  color: var(--Green-500, #345C55);
  margin-bottom: 60px;
  padding: 0 0 60px !important;
}
.pro_detail_page .ss1 .cm-container .title-def::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 40.0410677618%;
  height: 1px;
  background: var(--Yellow, #CAAA43);
}
@media (max-width: 1280px) {
  .pro_detail_page .ss1 .cm-container .title-def {
    margin-bottom: 40px;
  }
}
@media (max-width: 1024px) {
  .pro_detail_page .ss1 .cm-container .title-def {
    margin-bottom: 30px;
    padding: 0 0 30px;
  }
}
@media only screen and (max-width: 576px) {
  .pro_detail_page .ss1 .cm-container .title-def {
    margin-bottom: 20px;
    padding: 0 0 20px;
  }
}
.pro_detail_page .ss1 .cm-container > span {
  width: 390px;
  height: 1px;
  display: block;
  margin-bottom: 60px;
  background: var(--Yellow, #CAAA43);
}
.pro_detail_page .ss1 .cm-container .the-content {
  letter-spacing: -0.15px;
  line-height: 180%;
}
@media (max-width: 576px) {
  .pro_detail_page .ss1 .cm-container .the-content {
    word-break: break-word;
  }
}
.pro_detail_page .ss1 .cm-container .the-content p, .pro_detail_page .ss1 .cm-container .the-content ul, .pro_detail_page .ss1 .cm-container .the-content ol, .pro_detail_page .ss1 .cm-container .the-content h1, .pro_detail_page .ss1 .cm-container .the-content h2, .pro_detail_page .ss1 .cm-container .the-content h3, .pro_detail_page .ss1 .cm-container .the-content h4, .pro_detail_page .ss1 .cm-container .the-content h5, .pro_detail_page .ss1 .cm-container .the-content h6 {
  margin-left: 127px;
  margin-right: 127px;
}
@media (max-width: 1024px) {
  .pro_detail_page .ss1 .cm-container .the-content p, .pro_detail_page .ss1 .cm-container .the-content ul, .pro_detail_page .ss1 .cm-container .the-content ol, .pro_detail_page .ss1 .cm-container .the-content h1, .pro_detail_page .ss1 .cm-container .the-content h2, .pro_detail_page .ss1 .cm-container .the-content h3, .pro_detail_page .ss1 .cm-container .the-content h4, .pro_detail_page .ss1 .cm-container .the-content h5, .pro_detail_page .ss1 .cm-container .the-content h6 {
    margin-left: 60px;
    margin-right: 60px;
  }
}
@media (max-width: 768px) {
  .pro_detail_page .ss1 .cm-container .the-content p, .pro_detail_page .ss1 .cm-container .the-content ul, .pro_detail_page .ss1 .cm-container .the-content ol, .pro_detail_page .ss1 .cm-container .the-content h1, .pro_detail_page .ss1 .cm-container .the-content h2, .pro_detail_page .ss1 .cm-container .the-content h3, .pro_detail_page .ss1 .cm-container .the-content h4, .pro_detail_page .ss1 .cm-container .the-content h5, .pro_detail_page .ss1 .cm-container .the-content h6 {
    margin-left: 0;
    margin-right: 0;
  }
}
.pro_detail_page .ss1 .cm-container .the-content p:has(img) {
  margin-left: 0;
  margin-right: 0;
}
.pro_detail_page .ss1 .cm-container .the-content h2, .pro_detail_page .ss1 .cm-container .the-content h3 {
  margin-bottom: 40px;
}
@media (max-width: 1366px) {
  .pro_detail_page .ss1 .cm-container .the-content h2, .pro_detail_page .ss1 .cm-container .the-content h3 {
    margin-bottom: 30px;
  }
}
@media (max-width: 1024px) {
  .pro_detail_page .ss1 .cm-container .the-content h2, .pro_detail_page .ss1 .cm-container .the-content h3 {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 576px) {
  .pro_detail_page .ss1 .cm-container .the-content h2, .pro_detail_page .ss1 .cm-container .the-content h3 {
    margin-bottom: 15px;
  }
}
.pro_detail_page .ss1 .cm-container .the-content p, .pro_detail_page .ss1 .cm-container .the-content ul, .pro_detail_page .ss1 .cm-container .the-content ol, .pro_detail_page .ss1 .cm-container .the-content .wp-caption {
  margin-bottom: 24px;
}
@media (max-width: 1024px) {
  .pro_detail_page .ss1 .cm-container .the-content p, .pro_detail_page .ss1 .cm-container .the-content ul, .pro_detail_page .ss1 .cm-container .the-content ol, .pro_detail_page .ss1 .cm-container .the-content .wp-caption {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 576px) {
  .pro_detail_page .ss1 .cm-container .the-content p, .pro_detail_page .ss1 .cm-container .the-content ul, .pro_detail_page .ss1 .cm-container .the-content ol, .pro_detail_page .ss1 .cm-container .the-content .wp-caption {
    margin-bottom: 12px;
  }
}
.pro_detail_page .ss1 .cm-container .the-content ul, .pro_detail_page .ss1 .cm-container .the-content ol {
  padding-left: 20px;
}
.pro_detail_page .ss1 .cm-container .the-content ul li, .pro_detail_page .ss1 .cm-container .the-content ol li {
  padding-bottom: 2px;
}
.pro_detail_page .ss1 .cm-container .the-content ul li:last-child, .pro_detail_page .ss1 .cm-container .the-content ol li:last-child {
  padding-bottom: 0;
}
.pro_detail_page .ss1 .cm-container .the-content ul li {
  list-style: disc;
}
.pro_detail_page .ss1 .cm-container .the-content ol li {
  list-style: decimal;
}
.pro_detail_page .ss1 .cm-container .the-content .wp-block-image,
.pro_detail_page .ss1 .cm-container .the-content .wp-caption {
  width: 100% !important;
  margin-bottom: 32px;
}
@media (max-width: 576px) {
  .pro_detail_page .ss1 .cm-container .the-content .wp-block-image,
  .pro_detail_page .ss1 .cm-container .the-content .wp-caption {
    margin-bottom: 20px;
  }
}
.pro_detail_page .ss1 .cm-container .the-content .wp-block-image img,
.pro_detail_page .ss1 .cm-container .the-content .wp-caption img {
  margin: 0 auto 15px;
  display: block;
  max-width: 100%;
}
.pro_detail_page .ss1 .cm-container .the-content .wp-block-image p, .pro_detail_page .ss1 .cm-container .the-content .wp-block-image figcaption,
.pro_detail_page .ss1 .cm-container .the-content .wp-caption p,
.pro_detail_page .ss1 .cm-container .the-content .wp-caption figcaption {
  font-style: italic;
  font-size: 14px;
  text-align: center;
  margin: 0;
}
.pro_detail_page .ss1 .cm-container .the-content p:last-child {
  margin-bottom: 0;
}
.pro_detail_page .ss1 .cm-container .the-content h2, .pro_detail_page .ss1 .cm-container .the-content h3 {
  font-family: "Montserrat-SemiBold.ttf";
  letter-spacing: -0.2px;
}
.pro_detail_page .ss1 .cm-container .the-content strong {
  font-size: 20px;
  font-family: "Montserrat-SemiBold.ttf";
}
.pro_detail_page .ss1 .cm-container .the-content img {
  margin: 10px auto 32px;
  display: block;
}
@media (max-width: 768px) {
  .pro_detail_page .ss1 .cm-container .the-content img {
    max-width: 100%;
    margin: 20px auto 32px;
  }
}
@media (max-width: 576px) {
  .pro_detail_page .ss1 .cm-container .the-content img {
    margin: 15px auto 20px;
  }
}
.pro_detail_page .ss1 .cm-container .the-content a {
  color: #000;
  text-decoration: underline;
}

.rest_page .h-section8 .title-def {
  text-align: center;
}
.rest_page .h-section8 .content {
  margin-top: 35px;
}
@media (max-width: 576px) {
  .rest_page .h-section8 .content {
    margin-top: 30px;
  }
}
.rest_page .ss2 {
  padding-bottom: 160px;
  position: relative;
  z-index: 0;
}
@media only screen and (max-width: 1280px) {
  .rest_page .ss2 {
    padding-bottom: 120px;
  }
}
@media only screen and (max-width: 1024px) {
  .rest_page .ss2 {
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 768px) {
  .rest_page .ss2 {
    padding-bottom: 60px;
  }
}
@media only screen and (max-width: 576px) {
  .rest_page .ss2 {
    padding-bottom: 50px;
  }
}
.rest_page .ss2 > img {
  position: absolute;
  right: 0;
  bottom: -180px;
  z-index: -1;
  width: 100%;
  display: block;
}
.rest_page .ss2 .item {
  position: relative;
  z-index: 0;
  padding: 120px 0 0 0px;
  overflow: hidden;
}
@media only screen and (max-width: 1024px) {
  .rest_page .ss2 .item {
    padding: 80px 0 0 0px;
  }
}
@media only screen and (max-width: 576px) {
  .rest_page .ss2 .item {
    padding: 40px 0 0 0px;
  }
}
.rest_page .ss2 .item:first-child {
  overflow: unset;
}
.rest_page .ss2 .item:nth-of-type(2n + 2) .cm-container {
  padding: 0 40px 0px 0;
}
@media (max-width: 1280px) {
  .rest_page .ss2 .item:nth-of-type(2n + 2) .cm-container {
    padding: 0 30px 0px 0;
  }
}
@media (max-width: 1024px) {
  .rest_page .ss2 .item:nth-of-type(2n + 2) .cm-container {
    padding: 0 30px 0px;
  }
}
@media (max-width: 767px) {
  .rest_page .ss2 .item:nth-of-type(2n + 2) .cm-container {
    padding: 0 15px 0px;
  }
}
.rest_page .ss2 .item:nth-of-type(2n + 2) .cm-container .content {
  padding-right: 0;
  padding-left: 273px;
}
@media only screen and (max-width: 1024px) {
  .rest_page .ss2 .item:nth-of-type(2n + 2) .cm-container .content {
    padding-left: 100px;
  }
}
@media only screen and (max-width: 768px) {
  .rest_page .ss2 .item:nth-of-type(2n + 2) .cm-container .content {
    padding-left: 0px;
  }
}
.rest_page .ss2 .item:nth-of-type(2n + 2) .cm-container .content .right {
  right: auto;
  left: 0;
}
@media only screen and (max-width: 576px) {
  .rest_page .ss2 .item:nth-of-type(2n + 2) .cm-container .content .right {
    left: unset;
  }
}
.rest_page .ss2 .item:nth-of-type(2n + 2) > img {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  opacity: 0.15;
}
.rest_page .ss2 .item > img {
  position: absolute;
  right: 0;
  top: -10%;
  z-index: -1;
  opacity: 0.3;
}
.rest_page .ss2 .item .cm-container {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 0 0px 40px;
}
@media (max-width: 1280px) {
  .rest_page .ss2 .item .cm-container {
    padding: 0 0 0px 30px;
  }
}
@media (max-width: 1024px) {
  .rest_page .ss2 .item .cm-container {
    padding: 0 30px 0px;
  }
}
@media (max-width: 767px) {
  .rest_page .ss2 .item .cm-container {
    padding: 0 15px 0px;
  }
}
.rest_page .ss2 .item .cm-container .content {
  position: relative;
  padding-right: 273px;
}
@media only screen and (max-width: 1024px) {
  .rest_page .ss2 .item .cm-container .content {
    padding-right: 100px;
  }
}
@media only screen and (max-width: 768px) {
  .rest_page .ss2 .item .cm-container .content {
    padding-right: 0px;
  }
}
@media only screen and (max-width: 576px) {
  .rest_page .ss2 .item .cm-container .content {
    display: flex;
    flex-direction: column-reverse;
  }
}
.rest_page .ss2 .item .cm-container .content .right {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 583px;
  background: #fff;
  padding: 80px 117px 80px 80px;
  z-index: 1;
}
@media only screen and (max-width: 1024px) {
  .rest_page .ss2 .item .cm-container .content .right {
    padding: 40px 30px;
    width: 500px;
  }
}
@media only screen and (max-width: 768px) {
  .rest_page .ss2 .item .cm-container .content .right {
    width: 400px;
    padding: 30px 20px;
  }
}
@media only screen and (max-width: 576px) {
  .rest_page .ss2 .item .cm-container .content .right {
    position: relative;
    top: auto;
    width: 100%;
    padding: 15px 0px 0px;
    transform: unset;
    margin-bottom: 30px;
    right: auto;
  }
}
.rest_page .ss2 .item .cm-container .content .right .title-def {
  margin-bottom: 24px;
  padding: 0;
}
@media only screen and (max-width: 1280px) {
  .rest_page .ss2 .item .cm-container .content .right .title-def {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 1024px) {
  .rest_page .ss2 .item .cm-container .content .right .title-def {
    text-align: left;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 576px) {
  .rest_page .ss2 .item .cm-container .content .right .title-def {
    text-align: center;
  }
}
.rest_page .ss2 .item .cm-container .content .right > span {
  display: block;
  margin-bottom: 20px;
}
@media only screen and (max-width: 1280px) {
  .rest_page .ss2 .item .cm-container .content .right > span {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 576px) {
  .rest_page .ss2 .item .cm-container .content .right > span {
    margin-bottom: 10px;
  }
}
.rest_page .ss2 .item .cm-container .content .right p {
  margin-bottom: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 10;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
@media only screen and (max-width: 1024px) {
  .rest_page .ss2 .item .cm-container .content .right p {
    margin-bottom: 20px;
  }
}
.rest_page .ss2 .item .cm-container .content .swiper {
  width: 100%;
}
.rest_page .ss2 .item .cm-container .content .swiper .cm-next {
  right: 36% !important;
}
@media only screen and (max-width: 1024px) {
  .rest_page .ss2 .item .cm-container .content .swiper .cm-next {
    right: 49% !important;
  }
}
@media only screen and (max-width: 768px) {
  .rest_page .ss2 .item .cm-container .content .swiper .cm-next {
    right: 60% !important;
  }
}
@media only screen and (max-width: 576px) {
  .rest_page .ss2 .item .cm-container .content .swiper .cm-next {
    right: 10px !important;
  }
}
.rest_page .ss2 .item .cm-container .content .swiper .swiper-slide {
  aspect-ratio: 1.4448717949;
}
@media only screen and (max-width: 576px) {
  .rest_page .ss2 .item .cm-container .content .swiper .swiper-slide {
    aspect-ratio: 1.2029850746;
  }
}
.rest_page .ss2 .item .cm-container .content .swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.rest_detail_page .h-section8 .title-def {
  text-align: center;
}
.rest_detail_page .h-section8 .content {
  margin-top: 35px;
}
@media (max-width: 576px) {
  .rest_detail_page .h-section8 .content {
    margin-top: 30px;
  }
}
.rest_detail_page .matbang {
  padding: 0px 0 57px;
}
@media (max-width: 768px) {
  .rest_detail_page .matbang {
    padding: 0px 0 30px;
  }
}
.rest_detail_page .matbang .title-def {
  text-align: center;
}
.rest_detail_page .matbang .exp {
  text-align: center;
  margin: 40px 0;
  letter-spacing: -0.15px;
}
@media (max-width: 1280px) {
  .rest_detail_page .matbang .exp {
    margin: 20px 0 30px;
  }
}
@media (max-width: 576px) {
  .rest_detail_page .matbang .exp {
    margin: 10px 0 20px;
  }
}
.rest_detail_page .matbang img {
  display: block;
  margin: 0 auto;
}
.rest_detail_page .ss2 {
  padding-top: 120px;
  position: relative;
  z-index: 0;
}
@media only screen and (max-width: 1280px) {
  .rest_detail_page .ss2 {
    padding-top: 90px;
  }
}
@media only screen and (max-width: 1024px) {
  .rest_detail_page .ss2 {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 768px) {
  .rest_detail_page .ss2 {
    padding-top: 60px;
  }
}
@media only screen and (max-width: 576px) {
  .rest_detail_page .ss2 {
    padding-top: 50px;
  }
}
.rest_detail_page .ss2 .item {
  position: relative;
  z-index: 0;
}
.rest_detail_page .ss2 .item:last-child > img {
  display: none;
}
.rest_detail_page .ss2 .item > img {
  position: absolute;
  bottom: -100px;
  left: 0;
  width: 100%;
  display: block;
  z-index: -1;
}
@media (max-width: 768px) {
  .rest_detail_page .ss2 .item > img {
    bottom: 0;
  }
}
.rest_detail_page .ss2 .item:nth-of-type(2n + 2) > img {
  bottom: -190px;
}
@media (max-width: 768px) {
  .rest_detail_page .ss2 .item:nth-of-type(2n + 2) > img {
    bottom: 0;
  }
}
.rest_detail_page .ss2 .item:nth-of-type(2n + 2) .cm-container {
  flex-direction: row-reverse;
}
@media (max-width: 768px) {
  .rest_detail_page .ss2 .item:nth-of-type(2n + 2) .cm-container {
    flex-direction: column-reverse;
  }
}
.rest_detail_page .ss2 .item:nth-of-type(2n + 2) .cm-container .right {
  padding-right: 6.6334991708%;
  padding-left: 0;
}
@media only screen and (max-width: 1280px) {
  .rest_detail_page .ss2 .item:nth-of-type(2n + 2) .cm-container .right {
    padding-right: 4.9751243781%;
  }
}
@media (max-width: 768px) {
  .rest_detail_page .ss2 .item:nth-of-type(2n + 2) .cm-container .right {
    width: 100%;
    padding-right: 0;
  }
}
.rest_detail_page .ss2 .item:nth-of-type(2n + 2) .cm-container .right .img {
  right: auto;
  left: 117px;
}
@media only screen and (max-width: 1280px) {
  .rest_detail_page .ss2 .item:nth-of-type(2n + 2) .cm-container .right .img {
    left: 60px;
  }
}
@media only screen and (max-width: 1024px) {
  .rest_detail_page .ss2 .item:nth-of-type(2n + 2) .cm-container .right .img {
    left: 30px;
  }
}
@media (max-width: 768px) {
  .rest_detail_page .ss2 .item:nth-of-type(2n + 2) .cm-container .right .img {
    left: auto;
    bottom: auto;
    right: auto;
  }
}
.rest_detail_page .ss2 .item .cm-container {
  display: flex;
  padding: 0 117px 240px;
  position: relative;
  z-index: 0;
}
@media (max-width: 1280px) {
  .rest_detail_page .ss2 .item .cm-container {
    padding: 0 60px 180px;
  }
}
@media (max-width: 1024px) {
  .rest_detail_page .ss2 .item .cm-container {
    padding: 0 30px 180px;
  }
}
@media (max-width: 768px) {
  .rest_detail_page .ss2 .item .cm-container {
    flex-direction: column-reverse;
    padding: 0 30px 60px;
  }
}
@media (max-width: 767px) {
  .rest_detail_page .ss2 .item .cm-container {
    padding: 0 15px 40px;
  }
}
.rest_detail_page .ss2 .item .cm-container .left {
  width: 58.1260364842%;
  aspect-ratio: 0.9223684211;
}
@media (max-width: 768px) {
  .rest_detail_page .ss2 .item .cm-container .left {
    width: 100%;
    aspect-ratio: unset;
  }
}
.rest_detail_page .ss2 .item .cm-container .left img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.rest_detail_page .ss2 .item .cm-container .right {
  width: 41.8739635158%;
  padding-left: 6.6334991708%;
}
@media only screen and (max-width: 1280px) {
  .rest_detail_page .ss2 .item .cm-container .right {
    padding-left: 4.9751243781%;
  }
}
@media (max-width: 768px) {
  .rest_detail_page .ss2 .item .cm-container .right {
    width: 100%;
    padding-left: 0;
    margin-bottom: 40px;
  }
}
@media (max-width: 576px) {
  .rest_detail_page .ss2 .item .cm-container .right {
    margin-bottom: 10px;
  }
}
@media (max-width: 768px) {
  .rest_detail_page .ss2 .item .cm-container .right .exp {
    margin-bottom: 20px;
  }
}
@media (max-width: 576px) {
  .rest_detail_page .ss2 .item .cm-container .right .exp {
    margin-bottom: 10px;
  }
}
.rest_detail_page .ss2 .item .cm-container .right .title-def {
  margin-bottom: 40px;
  font-size: 35px;
}
@media only screen and (max-width: 1280px) {
  .rest_detail_page .ss2 .item .cm-container .right .title-def {
    margin-bottom: 20px;
    font-size: 28px;
  }
}
@media (max-width: 768px) {
  .rest_detail_page .ss2 .item .cm-container .right .title-def {
    margin-bottom: 5px;
    font-size: 22px;
  }
}
@media (max-width: 576px) {
  .rest_detail_page .ss2 .item .cm-container .right .title-def {
    font-size: 20px;
    text-align: center;
  }
}
.rest_detail_page .ss2 .item .cm-container .right ul li {
  position: relative;
  padding-left: 15px;
}
.rest_detail_page .ss2 .item .cm-container .right ul li:after {
  content: "";
  position: absolute;
  top: 11px;
  left: 3px;
  width: 3px;
  height: 3px;
  background: #1B1916;
  border-radius: 50%;
}
@media (max-width: 1024px) {
  .rest_detail_page .ss2 .item .cm-container .right ul li:after {
    top: 9px;
  }
}
.rest_detail_page .ss2 .item .cm-container .right .img {
  width: 40.4861111111%;
  aspect-ratio: 1.0192307692;
  display: block;
  position: absolute;
  bottom: 120px;
  right: 117px;
}
@media only screen and (max-width: 1280px) {
  .rest_detail_page .ss2 .item .cm-container .right .img {
    right: 60px;
    bottom: 90px;
  }
}
@media only screen and (max-width: 1024px) {
  .rest_detail_page .ss2 .item .cm-container .right .img {
    right: 30px;
  }
}
@media (max-width: 768px) {
  .rest_detail_page .ss2 .item .cm-container .right .img {
    position: relative;
    left: auto;
    bottom: auto;
    width: 100%;
    aspect-ratio: unset;
    right: auto;
  }
}
.rest_detail_page .ss2 .item .cm-container .right .img img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.wedding_page .h-section8 {
  padding: 0px 0 120px;
}
@media only screen and (max-width: 1024px) {
  .wedding_page .h-section8 {
    padding: 0px 0 60px;
  }
}
@media only screen and (max-width: 767px) {
  .wedding_page .h-section8 {
    padding: 0px 0 45px;
  }
}
.wedding_page .ss1 {
  padding: 144px 0 207px;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
@media only screen and (max-width: 1280px) {
  .wedding_page .ss1 {
    padding: 120px 0 150px;
  }
}
@media only screen and (max-width: 1024px) {
  .wedding_page .ss1 {
    padding: 80px 0 120px;
  }
}
@media only screen and (max-width: 768px) {
  .wedding_page .ss1 {
    padding: 60px 0 80px;
  }
}
@media only screen and (max-width: 576px) {
  .wedding_page .ss1 {
    padding: 50px 0;
  }
}
.wedding_page .ss1 > img {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  bottom: -165px;
  z-index: -1;
}
.wedding_page .ss1 .content {
  padding: 0 170px;
}
@media only screen and (max-width: 1024px) {
  .wedding_page .ss1 .content {
    padding: 0 70px;
  }
}
@media only screen and (max-width: 768px) {
  .wedding_page .ss1 .content {
    padding: 0px;
  }
}
.wedding_page .ss1 svg {
  margin: 0 auto 60px;
  display: block;
  width: 60px;
  height: 50px;
}
@media only screen and (max-width: 1024px) {
  .wedding_page .ss1 svg {
    margin: 0 auto 15px;
    width: 45px;
    height: 35px;
  }
}
@media only screen and (max-width: 576px) {
  .wedding_page .ss1 svg {
    margin: 0 auto 10px;
    width: 35px;
    height: 30px;
  }
}
.wedding_page .ss1 .title-def {
  margin-bottom: 48px;
  text-align: center;
}
@media only screen and (max-width: 1024px) {
  .wedding_page .ss1 .title-def {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 576px) {
  .wedding_page .ss1 .title-def {
    margin-bottom: 15px;
  }
}
.wedding_page .ss1 p {
  text-align: center;
  color: var(--Green, #354430);
  text-align: center;
  font-size: 18px;
  font-style: normal;
  line-height: 180%; /* 32.4px */
  letter-spacing: -0.18px;
}
@media only screen and (max-width: 1024px) {
  .wedding_page .ss1 p {
    font-size: 16px;
  }
}
@media only screen and (max-width: 576px) {
  .wedding_page .ss1 p {
    font-size: 15px;
  }
}
.wedding_page .ss2 {
  padding: 160px 0;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
@media only screen and (max-width: 1280px) {
  .wedding_page .ss2 {
    padding: 120px 0 120px;
  }
}
@media only screen and (max-width: 1024px) {
  .wedding_page .ss2 {
    padding: 80px 0 80px;
  }
}
@media only screen and (max-width: 768px) {
  .wedding_page .ss2 {
    padding: 60px 0;
  }
}
@media only screen and (max-width: 576px) {
  .wedding_page .ss2 {
    padding: 50px 0;
  }
}
.wedding_page .ss2::after {
  background: var(--Green, #354430);
  opacity: 0.8;
  content: "";
  position: absolute;
  z-index: -1;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}
.wedding_page .ss2 > img {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  object-fit: cover;
}
.wedding_page .ss2 .content {
  padding: 0 123px;
}
@media only screen and (max-width: 1024px) {
  .wedding_page .ss2 .content {
    padding: 0 70px;
  }
}
@media only screen and (max-width: 768px) {
  .wedding_page .ss2 .content {
    padding: 0;
  }
}
.wedding_page .ss2 .content .title-def {
  color: #fff;
  margin-bottom: 60px;
  text-align: center;
}
@media only screen and (max-width: 1024px) {
  .wedding_page .ss2 .content .title-def {
    margin-bottom: 20px;
  }
}
.wedding_page .ss2 .content form {
  width: 100%;
}
.wedding_page .ss2 .content form .msg_form {
  color: #fff;
  font-style: italic;
  text-align: center;
}
.wedding_page .ss2 .content form .form-field-all {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.wedding_page .ss2 .content form .form-field-all .form-group {
  width: calc((100% - 20px) / 2);
  margin-bottom: 20px;
  position: relative;
}
@media only screen and (max-width: 576px) {
  .wedding_page .ss2 .content form .form-field-all .form-group {
    width: 100%;
  }
}
.wedding_page .ss2 .content form .form-field-all .form-group ._error_msg {
  color: #fff;
  font-size: 12px;
  font-style: italic;
  left: 0;
  top: 95%;
  position: absolute;
}
.wedding_page .ss2 .content form .form-field-all .form-group:last-child {
  width: 100%;
}
.wedding_page .ss2 .content form .form-field-all .form-group input, .wedding_page .ss2 .content form .form-field-all .form-group textarea {
  width: 100%;
  outline: none;
  border: 1px solid rgba(255, 255, 255, 0.7);
  background: transparent;
  color: #FFF;
  font-size: 15px;
  font-style: normal;
  line-height: 180%; /* 27px */
  letter-spacing: -0.15px;
  height: 50px;
  padding: 12px 20px 11px;
}
@media only screen and (max-width: 576px) {
  .wedding_page .ss2 .content form .form-field-all .form-group input, .wedding_page .ss2 .content form .form-field-all .form-group textarea {
    font-size: 14px;
  }
}
.wedding_page .ss2 .content form .form-field-all .form-group input::placeholder, .wedding_page .ss2 .content form .form-field-all .form-group textarea::placeholder {
  color: #FFF;
  font-size: 15px;
  font-style: normal;
  line-height: 180%; /* 27px */
  letter-spacing: -0.15px;
  font-family: "Montserrat-Regular.ttf";
}
@media only screen and (max-width: 576px) {
  .wedding_page .ss2 .content form .form-field-all .form-group input::placeholder, .wedding_page .ss2 .content form .form-field-all .form-group textarea::placeholder {
    font-size: 14px;
  }
}
.wedding_page .ss2 .content form .form-field-all .form-group textarea {
  height: 150px;
}
@media only screen and (max-width: 768px) {
  .wedding_page .ss2 .content form .form-field-all .form-group textarea {
    height: 100px;
  }
}
.wedding_page .ss2 .content .button {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  outline: none;
  border: 0;
  background: var(--Yellow, #CAAA43);
  height: 50px;
  text-align: center;
  color: var(--Dark, #1B1916);
  text-align: center;
  font-family: "Montserrat-SemiBold.ttf";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 170%; /* 28.8px */
  letter-spacing: 0.16px;
}
@media only screen and (max-width: 576px) {
  .wedding_page .ss2 .content .button {
    font-size: 15px;
  }
}
.wedding_page .ss2 .content > p {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%; /* 32.4px */
  letter-spacing: -0.18px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 40px 0 16px;
}
@media only screen and (max-width: 1024px) {
  .wedding_page .ss2 .content > p {
    margin: 20px 0 10px;
    font-size: 16px;
  }
}
@media only screen and (max-width: 576px) {
  .wedding_page .ss2 .content > p {
    font-size: 15px;
  }
}
.wedding_page .ss2 .content > p span {
  display: inline-block;
  margin: 0 5px;
}
.wedding_page .ss2 .content > p.p {
  margin: 0px 0 40px;
}
@media only screen and (max-width: 1024px) {
  .wedding_page .ss2 .content > p.p {
    margin: 0px 0 20px;
  }
}
.wedding_page .ss2 .content > p a {
  color: #FFF;
}
.wedding_page .ss3 {
  padding: 120px 0 160px;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
@media only screen and (max-width: 1280px) {
  .wedding_page .ss3 {
    padding: 120px 0 120px;
  }
}
@media only screen and (max-width: 1024px) {
  .wedding_page .ss3 {
    padding: 80px 0 80px;
  }
}
@media only screen and (max-width: 768px) {
  .wedding_page .ss3 {
    padding: 60px 0;
  }
}
@media only screen and (max-width: 576px) {
  .wedding_page .ss3 {
    padding: 50px 0;
  }
}
.wedding_page .ss3 > img {
  width: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: -360px;
  z-index: -1;
}
@media only screen and (max-width: 1024px) {
  .wedding_page .ss3 > img {
    top: 0;
  }
}
.wedding_page .ss3 .cm-container {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 576px) {
  .wedding_page .ss3 .cm-container {
    flex-direction: column-reverse;
  }
}
.wedding_page .ss3 .cm-container .left {
  width: 50.3316749585%;
  aspect-ratio: 0.8315068493;
}
@media only screen and (max-width: 576px) {
  .wedding_page .ss3 .cm-container .left {
    width: 100%;
  }
}
.wedding_page .ss3 .cm-container .left img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.wedding_page .ss3 .cm-container .right {
  width: 49.6683250415%;
  padding-left: 9.9502487562%;
}
@media only screen and (max-width: 1024px) {
  .wedding_page .ss3 .cm-container .right {
    padding-left: 4.9751243781%;
  }
}
@media only screen and (max-width: 576px) {
  .wedding_page .ss3 .cm-container .right {
    width: 100%;
    padding-left: 0;
    padding-bottom: 30px;
  }
}
.wedding_page .ss3 .cm-container .right .title-def {
  margin-bottom: 16px;
}
@media only screen and (max-width: 1024px) {
  .wedding_page .ss3 .cm-container .right .title-def {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 576px) {
  .wedding_page .ss3 .cm-container .right .title-def {
    text-align: center;
    margin-bottom: 0px;
  }
}
.wedding_page .ss3 .cm-container .right .p {
  color: var(--Green, #354430);
  font-family: "Montserrat-Medium.ttf";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 180%; /* 28.8px */
  letter-spacing: 3.2px;
  text-transform: uppercase;
  margin-bottom: 60px;
}
@media only screen and (max-width: 1024px) {
  .wedding_page .ss3 .cm-container .right .p {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .wedding_page .ss3 .cm-container .right .p {
    margin-bottom: 20px;
    font-size: 15px;
    letter-spacing: 2.2px;
  }
}
@media only screen and (max-width: 576px) {
  .wedding_page .ss3 .cm-container .right .p {
    text-align: center;
  }
}
.wedding_page .ss3 .cm-container .right .cm-read-more {
  margin-top: 64px;
}
@media only screen and (max-width: 1024px) {
  .wedding_page .ss3 .cm-container .right .cm-read-more {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .wedding_page .ss3 .cm-container .right .cm-read-more {
    margin-top: 10px;
  }
}
.wedding_page .ss4 {
  padding-bottom: 162px;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
@media only screen and (max-width: 1280px) {
  .wedding_page .ss4 {
    padding-bottom: 120px;
  }
}
@media only screen and (max-width: 1024px) {
  .wedding_page .ss4 {
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 768px) {
  .wedding_page .ss4 {
    padding-bottom: 60px;
  }
}
@media only screen and (max-width: 576px) {
  .wedding_page .ss4 {
    padding-bottom: 50px;
  }
}
.wedding_page .ss4 > img {
  width: 100%;
  display: block;
  position: absolute;
  left: 0;
  bottom: -160px;
  z-index: -1;
}
@media only screen and (max-width: 1024px) {
  .wedding_page .ss4 > img {
    bottom: 0;
  }
}
.wedding_page .ss4 .title-def {
  text-align: center;
  margin-bottom: 16px;
}
@media only screen and (max-width: 1024px) {
  .wedding_page .ss4 .title-def {
    margin-bottom: 5px;
  }
}
@media only screen and (max-width: 576px) {
  .wedding_page .ss4 .title-def {
    margin-bottom: 0px;
  }
}
.wedding_page .ss4 .cm-container > p {
  color: var(--Green, #354430);
  font-family: "Montserrat-Medium.ttf";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 180%; /* 28.8px */
  letter-spacing: 3.2px;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 48px;
}
@media only screen and (max-width: 1024px) {
  .wedding_page .ss4 .cm-container > p {
    margin-bottom: 20px;
    font-size: 15px;
  }
}
.wedding_page .ss4 .swiper .swiper-slide {
  cursor: pointer;
}
@media only screen and (min-width: 1025px) {
  .wedding_page .ss4 .swiper .swiper-slide:hover .img img {
    transform: scale(1.2);
  }
}
.wedding_page .ss4 .swiper .swiper-slide .img {
  width: 100%;
  overflow: hidden;
  aspect-ratio: 0.8522727273;
  margin-bottom: 24px;
}
.wedding_page .ss4 .swiper .swiper-slide .img img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: all 0.5s ease;
}
.wedding_page .ss4 .swiper .swiper-slide h4 {
  color: var(--Green, #354430);
  font-family: "UVF-Didot.ttf";
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 36.4px */
  letter-spacing: -0.56px;
  margin-bottom: 12px;
}
@media only screen and (max-width: 1024px) {
  .wedding_page .ss4 .swiper .swiper-slide h4 {
    margin-bottom: 5px;
    font-size: 24px;
  }
}
.wedding_page .ss4 .swiper .swiper-slide .p {
  font-size: 14px;
  letter-spacing: -0.14px;
  margin-bottom: 24px;
  opacity: 0.7;
}
@media only screen and (max-width: 1024px) {
  .wedding_page .ss4 .swiper .swiper-slide .p {
    margin-bottom: 5px;
  }
}
.wedding_page .ss4 .swiper .swiper-slide span {
  color: var(--Yellow, #CAAA43);
  font-family: "Montserrat-Medium.ttf";
  font-size: 14px;
  font-style: normal;
  line-height: 170%; /* 23.8px */
  letter-spacing: 0.7px;
  text-transform: uppercase;
  display: block;
  margin-top: 24px;
}
@media only screen and (max-width: 1024px) {
  .wedding_page .ss4 .swiper .swiper-slide span {
    margin-top: 15px;
  }
}
.wedding_page .popup .item {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100vh;
  z-index: 10000;
  background: var(--Dark, rgba(27, 25, 22, 0.4));
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transform: scale(0);
  transition: 0.5s;
}
.wedding_page .popup .item.active {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.wedding_page .popup .item .content {
  padding: 0 156px;
}
@media only screen and (max-width: 1366px) {
  .wedding_page .popup .item .content {
    padding: 0 100px;
  }
}
@media only screen and (max-width: 1280px) {
  .wedding_page .popup .item .content {
    padding: 0 50px;
  }
}
@media only screen and (max-width: 768px) {
  .wedding_page .popup .item .content {
    padding: 0;
  }
}
@media only screen and (max-width: 576px) {
  .wedding_page .popup .item .content {
    max-height: 90vh;
    overflow-y: scroll;
  }
}
.wedding_page .popup .item .content .detail {
  width: 100%;
  background: var(--Green, #354430);
  padding: 80px 117px;
  position: relative;
}
@media only screen and (max-width: 1450px) {
  .wedding_page .popup .item .content .detail {
    padding: 40px 80px;
  }
}
@media only screen and (max-width: 1280px) {
  .wedding_page .popup .item .content .detail {
    padding: 50px 50px;
  }
}
@media only screen and (max-width: 768px) {
  .wedding_page .popup .item .content .detail {
    padding: 50px 30px;
  }
}
@media only screen and (max-width: 576px) {
  .wedding_page .popup .item .content .detail {
    padding: 30px 10px;
  }
}
.wedding_page .popup .item .content .detail .close {
  cursor: pointer;
  width: 14px;
  height: 14px;
  position: absolute;
  right: 0;
  top: -18px;
}
@media only screen and (max-width: 576px) {
  .wedding_page .popup .item .content .detail .close {
    top: 5px;
  }
}
.wedding_page .popup .item .content .detail svg {
  width: 48px;
  height: 40px;
  margin: 0 auto 48px;
  display: block;
}
@media only screen and (max-width: 1450px) {
  .wedding_page .popup .item .content .detail svg {
    margin: 0 auto 30px;
    width: 40px;
    height: 30px;
  }
}
@media only screen and (max-width: 1280px) {
  .wedding_page .popup .item .content .detail svg {
    margin: 0 auto 20px;
  }
}
@media only screen and (max-width: 576px) {
  .wedding_page .popup .item .content .detail svg {
    margin: 0 auto 10px;
  }
}
.wedding_page .popup .item .content .detail .exp {
  color: #fff;
  max-height: 300px;
  overflow-y: auto;
  padding-right: 10px;
}
.wedding_page .popup .item .content .detail .exp::-webkit-scrollbar {
  width: 4px;
}
.wedding_page .popup .item .content .detail .exp::-webkit-scrollbar-thumb {
  background: #fff;
  border-radius: 3px;
}
.wedding_page .popup .item .content .detail .exp::-webkit-scrollbar-thumb:window-inactive {
  background: #fff;
}
.wedding_page .popup .item .content .detail span {
  display: block;
  margin: 48px auto;
  opacity: 0.7;
  width: 274px;
  height: 1px;
  background: var(--White, #FFF);
}
@media only screen and (max-width: 1450px) {
  .wedding_page .popup .item .content .detail span {
    margin: 20px auto 15px;
  }
}
@media only screen and (max-width: 1280px) {
  .wedding_page .popup .item .content .detail span {
    margin: 20px auto;
  }
}
.wedding_page .popup .item .content .detail h4 {
  color: var(--Yellow, #CAAA43);
  text-align: center;
  font-family: "UVF-Didot.ttf";
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 36.4px */
  letter-spacing: -0.56px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 1280px) {
  .wedding_page .popup .item .content .detail h4 {
    font-size: 24px;
    margin-bottom: 5px;
  }
}
.wedding_page .popup .item .content .detail p {
  opacity: 0.7;
  color: #fff;
  text-align: center;
}

.cuisine_page .ss2 {
  padding-top: 120px;
  position: relative;
  z-index: 0;
}
@media only screen and (max-width: 1280px) {
  .cuisine_page .ss2 {
    padding-top: 90px;
  }
}
@media only screen and (max-width: 1024px) {
  .cuisine_page .ss2 {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 768px) {
  .cuisine_page .ss2 {
    padding-top: 60px;
  }
}
@media only screen and (max-width: 576px) {
  .cuisine_page .ss2 {
    padding-top: 50px;
  }
}
.cuisine_page .ss2 .item {
  position: relative;
  z-index: 0;
}
.cuisine_page .ss2 .item > img {
  position: absolute;
  bottom: -100px;
  left: 0;
  width: 100%;
  display: block;
  z-index: -1;
}
@media (max-width: 768px) {
  .cuisine_page .ss2 .item > img {
    bottom: 0;
  }
}
.cuisine_page .ss2 .item:nth-of-type(2n + 2) > img {
  bottom: -190px;
}
@media (max-width: 768px) {
  .cuisine_page .ss2 .item:nth-of-type(2n + 2) > img {
    bottom: 0;
  }
}
.cuisine_page .ss2 .item:nth-of-type(2n + 2) .cm-container {
  flex-direction: row-reverse;
}
@media (max-width: 768px) {
  .cuisine_page .ss2 .item:nth-of-type(2n + 2) .cm-container {
    flex-direction: column-reverse;
  }
}
.cuisine_page .ss2 .item:nth-of-type(2n + 2) .cm-container .right {
  padding-right: 6.6334991708%;
  padding-left: 0;
}
@media only screen and (max-width: 1280px) {
  .cuisine_page .ss2 .item:nth-of-type(2n + 2) .cm-container .right {
    padding-right: 4.9751243781%;
  }
}
@media (max-width: 768px) {
  .cuisine_page .ss2 .item:nth-of-type(2n + 2) .cm-container .right {
    width: 100%;
    padding-right: 0;
  }
}
.cuisine_page .ss2 .item:nth-of-type(2n + 2) .cm-container .right .img {
  margin-left: auto;
  margin-right: -36.9411764706%;
}
@media (max-width: 768px) {
  .cuisine_page .ss2 .item:nth-of-type(2n + 2) .cm-container .right .img {
    margin-right: 0;
  }
}
.cuisine_page .ss2 .item .cm-container {
  display: flex;
  align-items: flex-start;
  padding: 0 117px 120px;
  position: relative;
  z-index: 0;
}
@media (max-width: 1280px) {
  .cuisine_page .ss2 .item .cm-container {
    padding: 0 60px 90px;
  }
}
@media (max-width: 1024px) {
  .cuisine_page .ss2 .item .cm-container {
    padding: 0 30px 90px;
  }
}
@media (max-width: 768px) {
  .cuisine_page .ss2 .item .cm-container {
    flex-direction: column-reverse;
    padding: 0 30px 60px;
  }
}
@media (max-width: 767px) {
  .cuisine_page .ss2 .item .cm-container {
    padding: 0 15px 40px;
  }
}
.cuisine_page .ss2 .item .cm-container .left {
  width: 58.1260364842%;
  aspect-ratio: 0.9223684211;
}
@media (max-width: 768px) {
  .cuisine_page .ss2 .item .cm-container .left {
    width: 100%;
    aspect-ratio: unset;
  }
}
.cuisine_page .ss2 .item .cm-container .left img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.cuisine_page .ss2 .item .cm-container .right {
  width: 41.8739635158%;
  padding-left: 6.6334991708%;
}
@media only screen and (max-width: 1280px) {
  .cuisine_page .ss2 .item .cm-container .right {
    padding-left: 4.9751243781%;
  }
}
@media (max-width: 768px) {
  .cuisine_page .ss2 .item .cm-container .right {
    width: 100%;
    padding-left: 0;
    margin-bottom: 40px;
  }
}
@media (max-width: 576px) {
  .cuisine_page .ss2 .item .cm-container .right {
    margin-bottom: 10px;
  }
}
@media (max-width: 768px) {
  .cuisine_page .ss2 .item .cm-container .right .exp {
    margin-bottom: 20px;
  }
}
@media (max-width: 576px) {
  .cuisine_page .ss2 .item .cm-container .right .exp {
    margin-bottom: 10px;
  }
}
.cuisine_page .ss2 .item .cm-container .right .time {
  display: flex;
  gap: 10px;
  align-items: center;
  color: var(--Green, #354430);
  font-family: "Montserrat-SemiBold.ttf";
  font-size: 15px;
  font-weight: 600;
  line-height: 170%;
  letter-spacing: -0.15px;
  margin-top: 24px;
}
.cuisine_page .ss2 .item .cm-container .right .time img {
  width: 16px;
}
.cuisine_page .ss2 .item .cm-container .right .title-def {
  margin-bottom: 40px;
  font-size: 35px;
}
@media only screen and (max-width: 1280px) {
  .cuisine_page .ss2 .item .cm-container .right .title-def {
    margin-bottom: 20px;
    font-size: 28px;
  }
}
@media (max-width: 768px) {
  .cuisine_page .ss2 .item .cm-container .right .title-def {
    margin-bottom: 5px;
    font-size: 22px;
  }
}
@media (max-width: 576px) {
  .cuisine_page .ss2 .item .cm-container .right .title-def {
    font-size: 24px;
    text-align: center;
  }
}
.cuisine_page .ss2 .item .cm-container .right .img {
  position: relative;
  z-index: 2;
  width: 137.1764705882%;
  aspect-ratio: 583/418;
  display: block;
  margin-top: 120px;
  margin-left: -36.9411764706%;
}
@media (max-width: 1024px) {
  .cuisine_page .ss2 .item .cm-container .right .img {
    margin-top: 60px;
  }
}
@media (max-width: 768px) {
  .cuisine_page .ss2 .item .cm-container .right .img {
    width: 100%;
    aspect-ratio: unset;
    margin-top: 30px;
    margin-left: 0;
  }
}
.cuisine_page .ss2 .item .cm-container .right .img img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.cuisine_page .ss3 .top {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1440/520;
  padding: 0 15px;
  text-align: center;
}
@media (max-width: 1024px) {
  .cuisine_page .ss3 .top {
    aspect-ratio: 16/9;
  }
}
.cuisine_page .ss3 .top img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cuisine_page .ss3 .top .title-def {
  position: relative;
  z-index: 2;
  margin-bottom: 25px;
  color: #fff;
}
.cuisine_page .ss3 .top .title-def br {
  display: none;
}
@media (max-width: 767px) {
  .cuisine_page .ss3 .top .title-def br {
    display: block;
  }
}
.cuisine_page .ss3 .bottom {
  position: relative;
  z-index: 2;
  margin: -120px 0 135px;
}
@media (max-width: 1024px) {
  .cuisine_page .ss3 .bottom {
    margin: -100px 0 90px;
  }
}
@media (max-width: 767px) {
  .cuisine_page .ss3 .bottom {
    margin: -70px 0 50px;
  }
}
.cuisine_page .ss3 .bottom .swiper {
  position: relative;
}
@media (max-width: 767px) {
  .cuisine_page .ss3 .bottom .swiper {
    padding-bottom: 60px;
  }
  .cuisine_page .ss3 .bottom .swiper .swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background-color: #345C55;
  }
}
.cuisine_page .ss3 .bottom .swiper .item .thumbnail {
  display: block;
  width: 240px;
  height: 240px;
  margin: 0 auto 24px;
  border-radius: 50%;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .cuisine_page .ss3 .bottom .swiper .item .thumbnail {
    width: 200px;
    height: 200px;
    margin: 0 auto 16px;
  }
}
@media (max-width: 767px) {
  .cuisine_page .ss3 .bottom .swiper .item .thumbnail {
    width: 140px;
    height: 140px;
  }
}
.cuisine_page .ss3 .bottom .swiper .item .thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cuisine_page .ss3 .bottom .swiper .item .title {
  color: var(--Green-500, #345C55);
  text-align: center;
  font-family: "UVF-Didot.ttf";
  font-size: 32px;
  font-weight: 400;
  line-height: 130%; /* 41.6px */
  letter-spacing: -0.64px;
  margin-bottom: 32px;
}
@media (max-width: 1024px) {
  .cuisine_page .ss3 .bottom .swiper .item .title {
    font-size: 26px;
    margin-bottom: 20px;
  }
}
.cuisine_page .ss3 .bottom .swiper .item .excerpt {
  text-align: center;
}
.cuisine_page .ss4 {
  position: relative;
  padding: 0 2.7777777778%;
}
.cuisine_page .ss4 > img {
  position: absolute;
  bottom: -22.0798794273%;
  left: 0;
  width: 100%;
  height: auto;
}
@media (max-width: 1024px) {
  .cuisine_page .ss4 > img {
    bottom: -15.0715900528%;
  }
}
.cuisine_page .ss4 .bg {
  width: 100%;
  display: flex;
}
.cuisine_page .ss4 .bg img {
  width: 50%;
  aspect-ratio: 680/700;
  object-fit: cover;
}
.cuisine_page .ss4 .content {
  display: block;
  position: relative;
  z-index: 2;
  margin: -180px auto 0;
  width: 82.3529411765%;
  max-width: calc(100% - 30px);
  padding: 80px 60px 160px;
  box-sizing: border-box;
}
@media (max-width: 1024px) {
  .cuisine_page .ss4 .content {
    width: calc(100% - 60px);
    padding: 60px 30px 120px;
  }
}
@media (max-width: 767px) {
  .cuisine_page .ss4 .content {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 40px 0 60px;
  }
}
.cuisine_page .ss4 .content::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 180px;
  background: #fff;
  z-index: -1;
}
.cuisine_page .ss4 .content .title-def {
  padding: 0 !important;
  text-align: center;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .cuisine_page .ss4 .content .title-def {
    margin-bottom: 30px;
  }
}
.cuisine_page .ss4 .content .des {
  display: flex;
  gap: 40px;
}
@media (max-width: 767px) {
  .cuisine_page .ss4 .content .des {
    gap: 22px;
    flex-direction: column;
  }
}
.cuisine_page .ss4 .content .des .item {
  width: calc((100% - 40px) / 2);
}
@media (max-width: 767px) {
  .cuisine_page .ss4 .content .des .item {
    width: 100%;
  }
}
.cuisine_page .ss4 .content .des .item p {
  margin-bottom: 22px;
}
.cuisine_page .ss4 .content .des .item p:last-child {
  margin-bottom: 0;
}

.sapa_page .btn {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 2;
  width: max-content;
}
@media (max-width: 576px) {
  .sapa_page .btn {
    margin: 0 auto;
  }
}
.sapa_page .btn .cm-prev {
  margin-right: 40px;
}
.sapa_page .cm-next, .sapa_page .cm-prev {
  top: unset !important;
  left: unset !important;
  right: unset !important;
  transform: unset !important;
  z-index: 1;
  position: relative !important;
}
.sapa_page .ss2 .decor {
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: -1;
  position: absolute;
  display: block;
}
.sapa_page .ss2 .left .swiper {
  height: 100%;
}
@media (max-width: 768px) {
  .sapa_page .ss2 .right .title-def {
    text-align: center;
  }
  .sapa_page .ss2 .right .title-def br {
    display: none;
  }
}
.sapa_page .ss2 .right .btn {
  margin-top: 40px;
}
@media (max-width: 768px) {
  .sapa_page .ss2 .right .btn {
    margin: 30px auto 0;
  }
}
.sapa_page .ss3 {
  margin-bottom: 176px;
}
@media only screen and (max-width: 1280px) {
  .sapa_page .ss3 {
    margin-bottom: 100px;
  }
}
@media (max-width: 768px) {
  .sapa_page .ss3 {
    margin-bottom: 60px;
  }
}
@media (max-width: 576px) {
  .sapa_page .ss3 {
    margin-bottom: 40px;
  }
}
.sapa_page .ss3 .cm-container {
  display: flex;
}
@media (max-width: 768px) {
  .sapa_page .ss3 .cm-container {
    flex-direction: column;
  }
}
.sapa_page .ss3 .cm-container .left {
  width: 29.0215588723%;
  padding-right: 80px;
}
@media only screen and (max-width: 1280px) {
  .sapa_page .ss3 .cm-container .left {
    padding-right: 20px;
  }
}
@media (max-width: 768px) {
  .sapa_page .ss3 .cm-container .left {
    width: 100%;
    padding-right: 0;
    margin-bottom: 30px;
  }
}
@media (max-width: 768px) {
  .sapa_page .ss3 .cm-container .left .title-def {
    text-align: center;
  }
}
.sapa_page .ss3 .cm-container .left span {
  display: block;
  background: #CFAA36;
  width: 88%;
  height: 1px;
  margin-top: 20px;
}
@media only screen and (max-width: 1280px) {
  .sapa_page .ss3 .cm-container .left span {
    margin-top: 0px;
  }
}
@media (max-width: 768px) {
  .sapa_page .ss3 .cm-container .left span {
    width: 100%;
  }
}
.sapa_page .ss3 .cm-container .left p {
  margin: 100px 0 40px;
}
@media only screen and (max-width: 1280px) {
  .sapa_page .ss3 .cm-container .left p {
    margin: 30px 0 40px;
  }
}
@media (max-width: 768px) {
  .sapa_page .ss3 .cm-container .left p {
    margin: 20px 0;
  }
}
.sapa_page .ss3 .cm-container .right {
  width: 70.9784411277%;
}
@media (max-width: 768px) {
  .sapa_page .ss3 .cm-container .right {
    width: 100%;
  }
}
.sapa_page .ss3 .cm-container .right .swiper {
  margin-bottom: 40px;
}
@media only screen and (max-width: 1280px) {
  .sapa_page .ss3 .cm-container .right .swiper {
    margin-bottom: 20px;
  }
}
.sapa_page .ss3 .cm-container .right .swiper-slide .img {
  aspect-ratio: 285/192;
  margin-bottom: 24px;
}
@media only screen and (max-width: 1280px) {
  .sapa_page .ss3 .cm-container .right .swiper-slide .img {
    margin-bottom: 18px;
  }
}
.sapa_page .ss3 .cm-container .right .swiper-slide .img img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.sapa_page .ss3 .cm-container .right .swiper-slide .title {
  color: var(--Green-500, #345C55);
  font-family: "UVF-Didot.ttf";
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 44.8px */
  letter-spacing: -0.64px;
  margin-bottom: 13px;
}
@media only screen and (max-width: 1280px) {
  .sapa_page .ss3 .cm-container .right .swiper-slide .title {
    font-size: 24px;
    margin-bottom: 8px;
  }
}
.sapa_page .ss3 .cm-container .right .swiper-slide p {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 7;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  letter-spacing: -0.15px;
  margin-bottom: 17px;
}
@media only screen and (max-width: 1280px) {
  .sapa_page .ss3 .cm-container .right .swiper-slide p {
    margin-bottom: 10px;
  }
}
.sapa_page .ss3 .cm-container .right .swiper-slide .see-more {
  color: var(--Green, #354430);
  font-family: "Montserrat-Medium.ttf";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 170%; /* 23.8px */
  letter-spacing: 0.7px;
  text-transform: uppercase;
  opacity: 0.9;
}
.sapa_page .ss4 {
  overflow: hidden;
  position: relative;
  z-index: 0;
}
.sapa_page .ss4 .item {
  position: relative;
  z-index: 0;
}
.sapa_page .ss4 .item > img {
  position: absolute;
  bottom: -100px;
  left: 0;
  width: 100%;
  display: block;
  z-index: -1;
}
@media (max-width: 768px) {
  .sapa_page .ss4 .item > img {
    bottom: 0;
  }
}
@media (max-width: 768px) {
  .sapa_page .ss4 .item:nth-of-type(2n + 1) > img {
    bottom: 0;
  }
}
.sapa_page .ss4 .item:nth-of-type(2n + 1) .cm-container {
  flex-direction: row-reverse;
}
@media (max-width: 768px) {
  .sapa_page .ss4 .item:nth-of-type(2n + 1) .cm-container {
    flex-direction: column-reverse;
  }
}
.sapa_page .ss4 .item:nth-of-type(2n + 1) .cm-container .right {
  padding-right: 6.6334991708%;
  padding-left: 3.3167495854%;
}
@media only screen and (max-width: 1280px) {
  .sapa_page .ss4 .item:nth-of-type(2n + 1) .cm-container .right {
    padding-right: 20px;
    padding-left: 0;
  }
}
@media (max-width: 768px) {
  .sapa_page .ss4 .item:nth-of-type(2n + 1) .cm-container .right {
    width: 100%;
    padding-right: 0;
  }
}
.sapa_page .ss4 .item:nth-of-type(2n + 1) .cm-container .right .img {
  right: auto;
  left: 117px;
}
@media only screen and (max-width: 1280px) {
  .sapa_page .ss4 .item:nth-of-type(2n + 1) .cm-container .right .img {
    left: 60px;
  }
}
@media only screen and (max-width: 1024px) {
  .sapa_page .ss4 .item:nth-of-type(2n + 1) .cm-container .right .img {
    left: 30px;
  }
}
@media (max-width: 768px) {
  .sapa_page .ss4 .item:nth-of-type(2n + 1) .cm-container .right .img {
    left: auto;
    bottom: auto;
    right: auto;
  }
}
.sapa_page .ss4 .item .cm-container {
  display: flex;
  padding: 0 117px 450px;
  position: relative;
  z-index: 0;
}
@media (max-width: 1280px) {
  .sapa_page .ss4 .item .cm-container {
    padding: 0 60px 250px;
  }
}
@media (max-width: 1024px) {
  .sapa_page .ss4 .item .cm-container {
    padding: 0 30px 250px;
  }
}
@media (max-width: 768px) {
  .sapa_page .ss4 .item .cm-container {
    flex-direction: column-reverse;
    padding: 0 30px 60px;
  }
}
@media (max-width: 767px) {
  .sapa_page .ss4 .item .cm-container {
    padding: 0 15px 40px;
  }
}
.sapa_page .ss4 .item .cm-container .left {
  width: 58.0431177446%;
  aspect-ratio: 1.0339734121;
}
@media (max-width: 768px) {
  .sapa_page .ss4 .item .cm-container .left {
    width: 100%;
    aspect-ratio: unset;
  }
}
.sapa_page .ss4 .item .cm-container .left img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.sapa_page .ss4 .item .cm-container .right {
  width: 41.9568822554%;
  padding-left: 6.6334991708%;
  padding-right: 3.3167495854%;
  z-index: -1;
}
@media only screen and (max-width: 1280px) {
  .sapa_page .ss4 .item .cm-container .right {
    padding-left: 40px;
    padding-right: 0;
  }
}
@media (max-width: 768px) {
  .sapa_page .ss4 .item .cm-container .right {
    width: 100%;
    padding-left: 0;
    margin-bottom: 40px;
  }
}
@media (max-width: 576px) {
  .sapa_page .ss4 .item .cm-container .right {
    margin-bottom: 10px;
  }
}
@media (max-width: 768px) {
  .sapa_page .ss4 .item .cm-container .right .exp {
    margin-bottom: 20px;
  }
}
@media (max-width: 576px) {
  .sapa_page .ss4 .item .cm-container .right .exp {
    margin-bottom: 10px;
  }
}
.sapa_page .ss4 .item .cm-container .right .title-def {
  margin-bottom: 30px;
  font-size: 42px;
}
@media only screen and (max-width: 1280px) {
  .sapa_page .ss4 .item .cm-container .right .title-def {
    margin-bottom: 0px;
    font-size: 30px;
  }
}
@media (max-width: 768px) {
  .sapa_page .ss4 .item .cm-container .right .title-def {
    margin-bottom: 5px;
    font-size: 26px;
    text-align: center;
  }
}
.sapa_page .ss4 .item .cm-container .right ul li {
  position: relative;
  padding-left: 15px;
}
.sapa_page .ss4 .item .cm-container .right ul li:after {
  content: "";
  position: absolute;
  top: 11px;
  left: 3px;
  width: 3px;
  height: 3px;
  background: #1B1916;
  border-radius: 50%;
}
@media (max-width: 1024px) {
  .sapa_page .ss4 .item .cm-container .right ul li:after {
    top: 9px;
  }
}
.sapa_page .ss4 .item .cm-container .right .img {
  width: 40.4861111111%;
  aspect-ratio: 1.0679245283;
  display: block;
  position: absolute;
  bottom: 120px;
  right: 117px;
}
@media only screen and (max-width: 1280px) {
  .sapa_page .ss4 .item .cm-container .right .img {
    right: 60px;
    bottom: 50px;
  }
}
@media only screen and (max-width: 1024px) {
  .sapa_page .ss4 .item .cm-container .right .img {
    right: 30px;
  }
}
@media (max-width: 768px) {
  .sapa_page .ss4 .item .cm-container .right .img {
    position: relative;
    left: auto;
    bottom: auto;
    width: 100%;
    aspect-ratio: unset;
    right: auto;
  }
}
.sapa_page .ss4 .item .cm-container .right .img img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.sapa_page .ss5 {
  margin-bottom: 160px;
}
@media only screen and (max-width: 1280px) {
  .sapa_page .ss5 {
    margin-bottom: 60px;
  }
}
@media (max-width: 576px) {
  .sapa_page .ss5 {
    margin-bottom: 40px;
  }
}
.sapa_page .ss5 .top {
  position: relative;
}
.sapa_page .ss5 .top .abs {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
@media (max-width: 576px) {
  .sapa_page .ss5 .top .abs {
    position: relative;
    left: unset;
    transform: unset;
    top: unset;
    padding-top: 20px;
  }
}
.sapa_page .ss5 .top .abs .title-def {
  color: var(--White, #FFF);
}
@media (max-width: 576px) {
  .sapa_page .ss5 .top .abs .title-def {
    color: #354430;
  }
}
.sapa_page .ss5 .top .abs p {
  color: var(--White, #FFF);
  font-family: "Montserrat-Medium.ttf";
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 170%; /* 40.8px */
  letter-spacing: 4.8px;
  text-transform: uppercase;
  margin-bottom: 18px;
}
@media only screen and (max-width: 1280px) {
  .sapa_page .ss5 .top .abs p {
    margin-bottom: 0;
    line-height: 150%;
  }
}
@media (max-width: 768px) {
  .sapa_page .ss5 .top .abs p {
    font-size: 18px;
    line-height: 120%;
  }
}
@media (max-width: 576px) {
  .sapa_page .ss5 .top .abs p {
    color: #354430;
    font-size: 16px;
    line-height: 120%;
  }
}
.sapa_page .ss5 .top > img {
  width: 100%;
  display: block;
  object-fit: cover;
  aspect-ratio: 1440/544;
}
@media (max-width: 576px) {
  .sapa_page .ss5 .top > img {
    aspect-ratio: unset;
  }
}
.sapa_page .ss5 .swiper {
  margin-top: -91.5px;
}
@media (max-width: 576px) {
  .sapa_page .ss5 .swiper {
    margin-top: 10px;
  }
}
.sapa_page .ss5 .swiper .swiper-slide .img {
  width: 193px;
  height: 193px;
  display: block;
  margin: 0 auto;
  margin-bottom: 24px;
  border-radius: 50%;
}
@media (max-width: 576px) {
  .sapa_page .ss5 .swiper .swiper-slide .img {
    width: 100%;
    height: auto;
    aspect-ratio: 1;
  }
}
.sapa_page .ss5 .swiper .swiper-slide .img img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  border-radius: 50%;
}
.sapa_page .ss5 .swiper .swiper-slide p {
  color: var(--Green, #354430);
  text-align: center;
}
.sapa_page .ss5 .swiper .swiper-slide p.month {
  font-family: "UVF-Didot.ttf";
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 105%; /* 33.6px */
  letter-spacing: -0.64px;
  margin-bottom: 16px;
}
@media (max-width: 768px) {
  .sapa_page .ss5 .swiper .swiper-slide p.month {
    font-size: 24px;
    margin-bottom: 10px;
  }
}
.sapa_page .ss5 .swiper .swiper-slide p.mua {
  font-family: "Montserrat-Medium.ttf";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%; /* 18.2px */
  letter-spacing: 0.56px;
  text-transform: uppercase;
  margin-bottom: 24px;
}
@media (max-width: 768px) {
  .sapa_page .ss5 .swiper .swiper-slide p.mua {
    font-size: 13px;
    margin-bottom: 10px;
  }
}
.sapa_page .ss5 .swiper .swiper-slide p.exp {
  letter-spacing: -0.15px;
  margin-bottom: 8px;
}
.sapa_page .ss5 .swiper .swiper-slide p.desc {
  font-family: "Montserrat-Medium.ttf";
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 170%; /* 25.5px */
  letter-spacing: -0.15px;
}
@media (max-width: 768px) {
  .sapa_page .ss5 .swiper .swiper-slide p.desc {
    font-size: 14px;
  }
}
.sapa_page .ss6 {
  padding-bottom: 160px;
}
@media only screen and (max-width: 1280px) {
  .sapa_page .ss6 {
    padding-bottom: 60px;
  }
}
@media (max-width: 576px) {
  .sapa_page .ss6 {
    padding-bottom: 40px;
  }
}
.sapa_page .ss6 .top {
  position: relative;
  padding-top: 112px;
}
@media (max-width: 576px) {
  .sapa_page .ss6 .top {
    display: flex;
    flex-direction: column;
    padding-top: 0;
  }
}
.sapa_page .ss6 .top .title-def {
  color: #fff;
  left: 10.9027777778%;
  top: 232px;
  position: absolute;
}
@media only screen and (max-width: 1280px) {
  .sapa_page .ss6 .top .title-def {
    left: 30px;
  }
}
@media (max-width: 576px) {
  .sapa_page .ss6 .top .title-def {
    width: 100%;
    left: unset;
    top: unset;
    position: relative;
    text-align: center;
    color: #345C55;
  }
}
.sapa_page .ss6 .top > img {
  width: 100%;
  display: block;
  object-fit: cover;
  position: absolute;
  top: 112px;
  left: 0;
  z-index: -1;
}
@media (max-width: 576px) {
  .sapa_page .ss6 .top > img {
    position: relative;
    top: unset;
    left: unset;
    margin-top: -120px;
  }
}
.sapa_page .ss6 .top svg {
  margin-top: -112px;
  margin-left: auto;
  display: block;
  height: auto;
}
@media only screen and (max-width: 1280px) {
  .sapa_page .ss6 .top svg {
    width: 75%;
  }
}
@media (max-width: 576px) {
  .sapa_page .ss6 .top svg {
    width: 100%;
    margin-top: 10px;
  }
}
.sapa_page .ss6 .top svg .svg-bounce {
  display: inline-block;
  animation: bounce 1s infinite ease-in-out;
}
.sapa_page .ss6 .content {
  margin-top: 20px;
}
.sapa_page .h-section8 .title-def {
  text-align: center;
}
.sapa_page .h-section8 .content {
  margin-top: 35px;
}
@media (max-width: 576px) {
  .sapa_page .h-section8 .content {
    margin-top: 30px;
  }
}

.resort_page .swiper-pagination {
  position: relative !important;
  top: unset !important;
  left: unset !important;
  margin-top: 80px;
  width: max-content !important;
}
@media (max-width: 1280px) {
  .resort_page .swiper-pagination {
    margin-top: 40px;
  }
}
@media (max-width: 576px) {
  .resort_page .swiper-pagination {
    margin: 10px auto;
  }
}
.resort_page .swiper-pagination .swiper-pagination-bullet {
  width: 48px !important;
  height: 2px !important;
  opacity: 0.3 !important;
  border-radius: unset !important;
  background: #CFAA36 !important;
}
.resort_page .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1 !important;
}
.resort_page .ss1 .des .span {
  display: block;
  color: var(--Green, #354430);
  font-family: "Montserrat-Bold.ttf";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  padding: 12px 24px 11px;
  background: #F2F3F3;
  margin-top: 40px;
  width: max-content;
}
@media (max-width: 576px) {
  .resort_page .ss1 .des .span {
    margin: 20px auto 0;
  }
}
.resort_page .rs_ss2 {
  margin-top: 80px;
  position: relative;
  z-index: 0;
  padding-bottom: 160px;
}
@media (max-width: 1280px) {
  .resort_page .rs_ss2 {
    padding-bottom: 100px;
  }
}
@media (max-width: 768px) {
  .resort_page .rs_ss2 {
    padding-bottom: 60px;
  }
}
@media (max-width: 576px) {
  .resort_page .rs_ss2 {
    margin-top: 40px;
  }
}
.resort_page .rs_ss2 > img {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: -1;
  pointer-events: none;
}
.resort_page .rs_ss2 .cm-container {
  position: relative;
}
.resort_page .rs_ss2 .cm-container .abs {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 91px 70px;
  border-radius: 50%;
  background: var(--Green, #354430);
  aspect-ratio: 1;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 560px;
  z-index: 1;
}
@media (max-width: 1280px) {
  .resort_page .rs_ss2 .cm-container .abs {
    padding: 60px 45px;
    width: auto;
  }
}
@media (max-width: 768px) {
  .resort_page .rs_ss2 .cm-container .abs {
    position: relative;
    top: unset;
    left: unset;
    transform: unset;
    width: 100%;
    padding: 30px;
    border-radius: 0;
    aspect-ratio: unset;
  }
}
@media (max-width: 576px) {
  .resort_page .rs_ss2 .cm-container .abs {
    padding: 20px 15px;
  }
}
.resort_page .rs_ss2 .cm-container .abs p {
  color: #fff;
}
.resort_page .rs_ss2 .cm-container .abs p:nth-child(1) {
  color: var(--White, #FFF);
  font-family: "UVF-Didot.ttf";
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 56px */
  letter-spacing: -0.8px;
  margin-bottom: 32px;
}
@media (max-width: 1280px) {
  .resort_page .rs_ss2 .cm-container .abs p:nth-child(1) {
    font-size: 30px;
    margin-bottom: 15px;
  }
}
@media (max-width: 576px) {
  .resort_page .rs_ss2 .cm-container .abs p:nth-child(1) {
    font-size: 26px;
    margin-bottom: 10px;
  }
}
.resort_page .rs_ss2 .list {
  display: flex;
  aspect-ratio: 1206/680;
}
.resort_page .rs_ss2 .list .left {
  height: 100%;
  width: 50%;
}
.resort_page .rs_ss2 .list .left img {
  width: 100%;
  display: block;
  height: 100%;
  object-fit: cover;
}
.resort_page .rs_ss2 .list .right {
  height: 100%;
  width: 50%;
  display: flex;
  flex-direction: column;
}
.resort_page .rs_ss2 .list .right img {
  width: 100%;
  display: block;
  height: 50%;
  object-fit: cover;
}
.resort_page .ss4:not(.bonus) .item .right {
  z-index: 1 !important;
  padding-left: 0 !important;
}
.resort_page .ss4:not(.bonus) .item .right .img {
  z-index: 1;
}
.resort_page .ss4 .left {
  aspect-ratio: 1 !important;
}
.resort_page .ss4 .left .swiper {
  height: 100%;
}
.resort_page .ss4 .right .img {
  aspect-ratio: 583/480 !important;
}
.resort_page .ss4.bonus .cm-container {
  display: flex;
  padding: 0 117px 510px;
  position: relative;
  z-index: 0;
}
@media (max-width: 1280px) {
  .resort_page .ss4.bonus .cm-container {
    padding: 0 60px 250px;
  }
}
@media (max-width: 1024px) {
  .resort_page .ss4.bonus .cm-container {
    padding: 0 30px 250px;
  }
}
@media (max-width: 768px) {
  .resort_page .ss4.bonus .cm-container {
    flex-direction: column-reverse;
    padding: 0 30px 60px;
  }
}
@media (max-width: 767px) {
  .resort_page .ss4.bonus .cm-container {
    padding: 0 15px 40px;
  }
}
.resort_page .ss4.bonus .right {
  z-index: 1 !important;
  padding-right: 0 !important;
}
.resort_page .ss4.bonus .right .img {
  z-index: 1;
}
.resort_page .ss5 .swiper {
  margin-top: -127.5px !important;
}
@media (max-width: 768px) {
  .resort_page .ss5 .swiper {
    margin-top: -91.5px !important;
  }
}
@media (max-width: 576px) {
  .resort_page .ss5 .swiper {
    margin-top: 10px !important;
  }
}
.resort_page .ss5 .swiper-slide .img {
  width: 255px !important;
  height: 255px !important;
}
@media (max-width: 768px) {
  .resort_page .ss5 .swiper-slide .img {
    width: 193px !important;
    height: 193px !important;
  }
}
@media (max-width: 576px) {
  .resort_page .ss5 .swiper-slide .img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1;
  }
}
.resort_page .ss5 .swiper-slide p.month {
  font-size: 30px !important;
}
@media (max-width: 768px) {
  .resort_page .ss5 .swiper-slide p.month {
    font-size: 24px !important;
  }
}
.resort_page .ss5 .swiper-slide p.exp {
  margin-bottom: 0 !important;
}

.library_page .gallery-wrapper {
  padding: 40px calc(1.3888888889% - 10px);
}
@media only screen and (max-width: 1024px) {
  .library_page .gallery-wrapper {
    padding: 30px 10px;
  }
}
.library_page .gallery-wrapper > div {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.library_page .gallery-wrapper > div img {
  width: 100%;
  height: auto;
}
.library_page .gallery-wrapper .gallery-col {
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 10px;
  width: 50%;
}
@media only screen and (max-width: 1024px) {
  .library_page .gallery-wrapper .gallery-col {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media only screen and (max-width: 767px) {
  .library_page .gallery-wrapper .gallery-col {
    width: 100%;
  }
}
.library_page .gallery-wrapper .gallery-col a.img-link {
  display: block;
  position: relative;
}
.library_page .gallery-wrapper .gallery-col .img {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 0;
}
@media only screen and (max-width: 1024px) {
  .library_page .gallery-wrapper .gallery-col .img {
    padding-top: 5px;
    padding-bottom: 5px;
  }
}
.library_page .gallery-wrapper .gallery-col .img:first-of-type {
  padding-top: 0;
}
.library_page .gallery-wrapper .gallery-col .img:last-child {
  padding-bottom: 0;
}
.library_page .gallery-wrapper .gallery-full-col {
  margin-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 20px;
  width: 100%;
}
@media only screen and (max-width: 1024px) {
  .library_page .gallery-wrapper .gallery-full-col {
    margin-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px;
  }
}
.library_page .gallery-wrapper .video > div {
  position: relative;
  line-height: 0;
}
.library_page .gallery-wrapper .video > div .video-overlay {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.library_page .gallery-wrapper .video > div .video-overlay a {
  display: block;
  height: 100%;
  width: 100%;
}
.library_page .gallery-wrapper .video > div .video-overlay a:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  opacity: 0;
  transition: opacity 0.25s linear;
}
.library_page .gallery-wrapper .video > div .video-overlay a:hover:after {
  opacity: 1;
}
.library_page .gallery-wrapper .video > div .video-overlay a:hover .video-title {
  opacity: 1;
}
.library_page .gallery-wrapper .video > div .video-overlay a:hover .video-btn:after {
  opacity: 1;
  z-index: 9;
}
.library_page .gallery-wrapper .video > div .video-overlay .video-btn:after {
  content: "";
  background-image: url(https://cdn-ianab.nitrocdn.com/NKeDhgLIZLGkvOVERiufVaGOHtaUlrIX/assets/images/source/rev-07b5d86/clayoquotwildernesslodge.com/wp-content/themes/cwl/assets/images/play-button-icon.svg);
  background-repeat: no-repeat;
  background-size: 75px 75px;
  background-position: center center;
  opacity: 0.8;
  position: absolute;
  width: 100%;
  height: 100%;
  transition: opacity 0.25s linear;
}
@media only screen and (max-width: 1024px) {
  .library_page .gallery-wrapper .video > div .video-overlay .video-btn:after {
    background-size: 45px 45px;
  }
}
.library_page .gallery-wrapper .video > div .video-overlay .video-title {
  position: absolute;
  bottom: 20px;
  left: 20px;
  z-index: 2;
  font-size: 40px;
  line-height: 42px;
  color: #fff;
  font-family: "Miller Ban Rom", serif;
  opacity: 0;
  transition: opacity 0.25s linear;
}
.library_page .gallery-wrapper .video > div .img {
  padding-bottom: 0;
}

.event_page .ss4 .top {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  aspect-ratio: 1440/570;
  padding: 0 15px 120px;
  text-align: center;
}
@media (max-width: 1024px) {
  .event_page .ss4 .top {
    aspect-ratio: 16/9;
  }
}
.event_page .ss4 .top img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.event_page .ss4 .top .title-def {
  position: relative;
  z-index: 2;
  margin-bottom: 40px;
  color: #fff;
}
@media (max-width: 767px) {
  .event_page .ss4 .top .title-def {
    margin-bottom: 20px;
    margin-top: 30px;
  }
}
.event_page .ss4 .top .title-def br {
  display: none;
}
@media (max-width: 767px) {
  .event_page .ss4 .top .title-def br {
    display: block;
  }
}
.event_page .ss4 .top .des {
  position: relative;
  z-index: 2;
  color: #fff;
  text-align: center;
  width: 740px;
  max-width: 100%;
}
.event_page .ss4 .bottom {
  position: relative;
  z-index: 2;
  margin: -120px 0 135px;
}
@media (max-width: 1024px) {
  .event_page .ss4 .bottom {
    margin: -100px 0 90px;
  }
}
@media (max-width: 767px) {
  .event_page .ss4 .bottom {
    margin: -70px 0 50px;
  }
}
.event_page .ss4 .bottom .swiper {
  position: relative;
}
@media (max-width: 767px) {
  .event_page .ss4 .bottom .swiper {
    padding-bottom: 60px;
  }
  .event_page .ss4 .bottom .swiper .swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background-color: #345C55;
  }
}
.event_page .ss4 .bottom .swiper .item .thumbnail {
  display: block;
  width: 240px;
  height: 240px;
  margin: 0 auto 24px;
  border-radius: 50%;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .event_page .ss4 .bottom .swiper .item .thumbnail {
    width: 200px;
    height: 200px;
    margin: 0 auto 16px;
  }
}
@media (max-width: 767px) {
  .event_page .ss4 .bottom .swiper .item .thumbnail {
    width: 140px;
    height: 140px;
  }
}
.event_page .ss4 .bottom .swiper .item .thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.event_page .ss4 .bottom .swiper .item .title {
  color: var(--Green-500, #345C55);
  text-align: center;
  font-family: "UVF-Didot.ttf";
  font-size: 32px;
  font-weight: 400;
  line-height: 130%; /* 41.6px */
  letter-spacing: -0.64px;
  margin-bottom: 32px;
}
@media (max-width: 1024px) {
  .event_page .ss4 .bottom .swiper .item .title {
    font-size: 26px;
    margin-bottom: 20px;
  }
}
.event_page .ss4 .bottom .swiper .item .excerpt {
  text-align: center;
}
.event_page .ss5 {
  padding-bottom: 162px;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
@media only screen and (max-width: 1280px) {
  .event_page .ss5 {
    padding-bottom: 120px;
  }
}
@media only screen and (max-width: 1024px) {
  .event_page .ss5 {
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 768px) {
  .event_page .ss5 {
    padding-bottom: 60px;
  }
}
@media only screen and (max-width: 576px) {
  .event_page .ss5 {
    padding-bottom: 50px;
  }
}
.event_page .ss5 .title-def {
  text-align: center;
  margin-bottom: 12px;
  padding: 0 !important;
}
@media only screen and (max-width: 1024px) {
  .event_page .ss5 .title-def {
    margin-bottom: 5px;
  }
}
@media only screen and (max-width: 576px) {
  .event_page .ss5 .title-def {
    margin-bottom: 0px;
  }
}
.event_page .ss5 .cm-container > p {
  color: var(--Green, #354430);
  font-family: "Montserrat-Medium.ttf";
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 180%; /* 28.8px */
  letter-spacing: 3.2px;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 60px;
}
@media only screen and (max-width: 1024px) {
  .event_page .ss5 .cm-container > p {
    margin-bottom: 30px;
    font-size: 15px;
  }
}
.event_page .ss5 .swiper .swiper-slide {
  cursor: pointer;
}
@media only screen and (min-width: 1025px) {
  .event_page .ss5 .swiper .swiper-slide:hover .img img {
    transform: scale(1.2);
  }
}
.event_page .ss5 .swiper .swiper-slide .img {
  width: 100%;
  overflow: hidden;
  aspect-ratio: 1/1;
  margin-bottom: 24px;
}
.event_page .ss5 .swiper .swiper-slide .img img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: all 0.5s ease;
}
.event_page .ss5 .swiper .swiper-slide h4 {
  color: var(--Green, #354430);
  font-family: "UVF-Didot.ttf";
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 36.4px */
  letter-spacing: -0.56px;
  margin-bottom: 12px;
}
@media only screen and (max-width: 1024px) {
  .event_page .ss5 .swiper .swiper-slide h4 {
    margin-bottom: 5px;
    font-size: 24px;
  }
}
.event_page .ss5 .swiper .swiper-slide .p {
  font-size: 14px;
  letter-spacing: -0.14px;
  margin-bottom: 24px;
  opacity: 0.7;
}
@media only screen and (max-width: 1024px) {
  .event_page .ss5 .swiper .swiper-slide .p {
    margin-bottom: 5px;
  }
}
.event_page .ss5 .swiper .swiper-slide span {
  color: var(--Yellow, #CAAA43);
  font-family: "Montserrat-Medium.ttf";
  font-size: 14px;
  font-style: normal;
  line-height: 170%; /* 23.8px */
  letter-spacing: 0.7px;
  text-transform: uppercase;
  display: block;
  margin-top: 24px;
}
@media only screen and (max-width: 1024px) {
  .event_page .ss5 .swiper .swiper-slide span {
    margin-top: 15px;
  }
}
.event_page .popup .item {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100vh;
  z-index: 10000;
  background: var(--Dark, rgba(27, 25, 22, 0.4));
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transform: scale(0);
  transition: 0.5s;
}
.event_page .popup .item.active {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.event_page .popup .item .content {
  padding: 0 156px;
}
@media only screen and (max-width: 1366px) {
  .event_page .popup .item .content {
    padding: 0 100px;
  }
}
@media only screen and (max-width: 1280px) {
  .event_page .popup .item .content {
    padding: 0 50px;
  }
}
@media only screen and (max-width: 768px) {
  .event_page .popup .item .content {
    padding: 0;
  }
}
@media only screen and (max-width: 576px) {
  .event_page .popup .item .content {
    max-height: 90vh;
    overflow-y: scroll;
  }
}
.event_page .popup .item .content .detail {
  width: 100%;
  background: var(--Green, #354430);
  padding: 80px 117px;
  position: relative;
}
@media only screen and (max-width: 1450px) {
  .event_page .popup .item .content .detail {
    padding: 40px 80px;
  }
}
@media only screen and (max-width: 1280px) {
  .event_page .popup .item .content .detail {
    padding: 50px 50px;
  }
}
@media only screen and (max-width: 768px) {
  .event_page .popup .item .content .detail {
    padding: 50px 30px;
  }
}
@media only screen and (max-width: 576px) {
  .event_page .popup .item .content .detail {
    padding: 30px 10px;
  }
}
.event_page .popup .item .content .detail .close {
  cursor: pointer;
  width: 14px;
  height: 14px;
  position: absolute;
  right: 0;
  top: -18px;
}
@media only screen and (max-width: 576px) {
  .event_page .popup .item .content .detail .close {
    top: 5px;
  }
}
.event_page .popup .item .content .detail svg {
  width: 48px;
  height: 40px;
  margin: 0 auto 48px;
  display: block;
}
@media only screen and (max-width: 1450px) {
  .event_page .popup .item .content .detail svg {
    margin: 0 auto 30px;
    width: 40px;
    height: 30px;
  }
}
@media only screen and (max-width: 1280px) {
  .event_page .popup .item .content .detail svg {
    margin: 0 auto 20px;
  }
}
@media only screen and (max-width: 576px) {
  .event_page .popup .item .content .detail svg {
    margin: 0 auto 10px;
  }
}
.event_page .popup .item .content .detail .exp {
  color: #fff;
  max-height: 300px;
  overflow-y: auto;
  padding-right: 10px;
}
.event_page .popup .item .content .detail .exp::-webkit-scrollbar {
  width: 4px;
}
.event_page .popup .item .content .detail .exp::-webkit-scrollbar-thumb {
  background: #fff;
  border-radius: 3px;
}
.event_page .popup .item .content .detail .exp::-webkit-scrollbar-thumb:window-inactive {
  background: #fff;
}
.event_page .popup .item .content .detail span {
  display: block;
  margin: 48px auto;
  opacity: 0.7;
  width: 274px;
  height: 1px;
  background: var(--White, #FFF);
}
@media only screen and (max-width: 1450px) {
  .event_page .popup .item .content .detail span {
    margin: 20px auto 15px;
  }
}
@media only screen and (max-width: 1280px) {
  .event_page .popup .item .content .detail span {
    margin: 20px auto;
  }
}
.event_page .popup .item .content .detail h4 {
  color: var(--Yellow, #CAAA43);
  text-align: center;
  font-family: "UVF-Didot.ttf";
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 36.4px */
  letter-spacing: -0.56px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 1280px) {
  .event_page .popup .item .content .detail h4 {
    font-size: 24px;
    margin-bottom: 5px;
  }
}
.event_page .popup .item .content .detail p {
  opacity: 0.7;
  color: #fff;
  text-align: center;
}
.event_page .ss6 {
  margin: 60px 0;
  background: #354430;
}
@media only screen and (max-width: 1024px) {
  .event_page .ss6 {
    margin: 40px 0;
  }
}
.event_page .ss6 .content {
  position: relative;
  padding: 60px 0;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 1024px) {
  .event_page .ss6 .content {
    padding: 40px 0;
  }
}
@media only screen and (max-width: 767px) {
  .event_page .ss6 .content {
    align-items: center;
  }
}
.event_page .ss6 .content .text {
  width: 44.776119403%;
}
@media only screen and (max-width: 1024px) {
  .event_page .ss6 .content .text {
    width: 49.7512437811%;
  }
}
@media only screen and (max-width: 767px) {
  .event_page .ss6 .content .text {
    width: 100%;
  }
}
.event_page .ss6 .content .text .title-def {
  padding: 0 !important;
  margin-bottom: 40px;
  color: #CFAA36;
}
@media only screen and (max-width: 1024px) {
  .event_page .ss6 .content .text .title-def {
    margin-bottom: 20px;
  }
}
.event_page .ss6 .content .text .exp {
  color: #fff;
}
.event_page .ss6 .content .text .exp a {
  color: #CFAA36;
}
.event_page .ss6 .content .img1,
.event_page .ss6 .content .img2 {
  position: absolute;
  width: 29.0215588723%;
  aspect-ratio: 350/287;
  object-fit: cover;
}
@media only screen and (max-width: 767px) {
  .event_page .ss6 .content .img1,
  .event_page .ss6 .content .img2 {
    position: static;
    width: 79.4117647059%;
  }
}
.event_page .ss6 .content .img1 {
  z-index: 2;
  top: -60px;
  right: 19.320066335%;
}
@media only screen and (max-width: 1024px) {
  .event_page .ss6 .content .img1 {
    top: -40px;
  }
}
@media only screen and (max-width: 767px) {
  .event_page .ss6 .content .img1 {
    top: 0;
    right: 0;
    margin-top: 30px;
    margin-right: 20.5882352941%;
  }
}
.event_page .ss6 .content .img2 {
  z-index: 1;
  bottom: -60px;
  right: 0;
}
@media only screen and (max-width: 1024px) {
  .event_page .ss6 .content .img2 {
    bottom: -40px;
  }
}
@media only screen and (max-width: 767px) {
  .event_page .ss6 .content .img2 {
    bottom: 0;
    margin-left: 20.5882352941%;
    margin-top: -60px;
  }
}
.event_page .ss7 {
  padding: 160px 0;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
@media only screen and (max-width: 1280px) {
  .event_page .ss7 {
    padding: 120px 0 120px;
  }
}
@media only screen and (max-width: 1024px) {
  .event_page .ss7 {
    padding: 80px 0 80px;
  }
}
@media only screen and (max-width: 768px) {
  .event_page .ss7 {
    padding: 60px 0;
  }
}
@media only screen and (max-width: 576px) {
  .event_page .ss7 {
    padding: 50px 0;
  }
}
.event_page .ss7 .content {
  padding: 0 123px;
}
@media only screen and (max-width: 1024px) {
  .event_page .ss7 .content {
    padding: 0 70px;
  }
}
@media only screen and (max-width: 768px) {
  .event_page .ss7 .content {
    padding: 0;
  }
}
.event_page .ss7 .content .title-def {
  margin-bottom: 60px;
  text-align: center;
}
@media only screen and (max-width: 1024px) {
  .event_page .ss7 .content .title-def {
    margin-bottom: 20px;
  }
}
.event_page .ss7 .content form {
  width: 100%;
}
.event_page .ss7 .content form .msg_form {
  font-style: italic;
  text-align: center;
}
.event_page .ss7 .content form .form-field-all {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.event_page .ss7 .content form .form-field-all .form-group {
  width: calc((100% - 20px) / 2);
  margin-bottom: 20px;
  position: relative;
}
@media only screen and (max-width: 576px) {
  .event_page .ss7 .content form .form-field-all .form-group {
    width: 100%;
  }
}
.event_page .ss7 .content form .form-field-all .form-group ._error_msg {
  color: red;
  font-size: 12px;
  font-style: italic;
  left: 0;
  top: 95%;
  position: absolute;
}
.event_page .ss7 .content form .form-field-all .form-group:last-child {
  width: 100%;
}
.event_page .ss7 .content form .form-field-all .form-group input, .event_page .ss7 .content form .form-field-all .form-group textarea {
  width: 100%;
  outline: none;
  border: 1px solid rgba(53, 68, 48, 0.7);
  background: transparent;
  color: #354430;
  font-size: 15px;
  font-style: normal;
  line-height: 180%; /* 27px */
  letter-spacing: -0.15px;
  height: 50px;
  padding: 12px 20px 11px;
}
@media only screen and (max-width: 576px) {
  .event_page .ss7 .content form .form-field-all .form-group input, .event_page .ss7 .content form .form-field-all .form-group textarea {
    font-size: 14px;
  }
}
.event_page .ss7 .content form .form-field-all .form-group input::placeholder, .event_page .ss7 .content form .form-field-all .form-group textarea::placeholder {
  color: #354430;
  font-size: 15px;
  font-style: normal;
  line-height: 180%; /* 27px */
  letter-spacing: -0.15px;
  font-family: "Montserrat-Regular.ttf";
}
@media only screen and (max-width: 576px) {
  .event_page .ss7 .content form .form-field-all .form-group input::placeholder, .event_page .ss7 .content form .form-field-all .form-group textarea::placeholder {
    font-size: 14px;
  }
}
.event_page .ss7 .content form .form-field-all .form-group textarea {
  height: 150px;
}
@media only screen and (max-width: 768px) {
  .event_page .ss7 .content form .form-field-all .form-group textarea {
    height: 100px;
  }
}
.event_page .ss7 .content .button {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  outline: none;
  border: 0;
  background: var(--Yellow, #CFAA36);
  height: 50px;
  text-align: center;
  color: var(--Dark, #1B1916);
  text-align: center;
  font-family: "Montserrat-SemiBold.ttf";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 170%; /* 28.8px */
  letter-spacing: 0.16px;
}
@media only screen and (max-width: 576px) {
  .event_page .ss7 .content .button {
    font-size: 15px;
  }
}
.event_page .ss7 .content > p {
  color: #354430;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%; /* 32.4px */
  letter-spacing: -0.18px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 40px 0 16px;
}
@media only screen and (max-width: 1024px) {
  .event_page .ss7 .content > p {
    margin: 20px 0 10px;
    font-size: 16px;
  }
}
@media only screen and (max-width: 576px) {
  .event_page .ss7 .content > p {
    font-size: 15px;
  }
}
.event_page .ss7 .content > p span {
  display: inline-block;
  margin: 0 5px;
}
.event_page .ss7 .content > p.p {
  margin: 0px 0 40px;
}
@media only screen and (max-width: 1024px) {
  .event_page .ss7 .content > p.p {
    margin: 0px 0 20px;
  }
}
.event_page .ss7 .content > p a {
  color: #354430;
}
.event_page .ss3 {
  padding: 160px 0;
}
@media only screen and (max-width: 1280px) {
  .event_page .ss3 {
    padding: 120px 0;
  }
}
@media only screen and (max-width: 1024px) {
  .event_page .ss3 {
    padding: 80px 0;
  }
}
@media only screen and (max-width: 768px) {
  .event_page .ss3 {
    padding: 60px 0;
  }
}
@media only screen and (max-width: 576px) {
  .event_page .ss3 {
    padding: 50px 0;
  }
}
.event_page .ss3 .top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 60px;
}
@media only screen and (max-width: 767px) {
  .event_page .ss3 .top {
    flex-direction: column;
    margin-bottom: 30px;
  }
}
.event_page .ss3 .top .title-def {
  padding: 0 !important;
  flex: 1;
}
.event_page .ss3 .top .exp {
  width: 41.9568822554%;
}
@media only screen and (max-width: 767px) {
  .event_page .ss3 .top .exp {
    width: 100%;
    margin-top: 20px;
  }
}
.event_page .ss3 .bottom .item {
  position: relative;
  background: #fff;
}
.event_page .ss3 .bottom .item .thumbnail {
  width: 87.1475953566%;
}
@media only screen and (max-width: 767px) {
  .event_page .ss3 .bottom .item .thumbnail {
    width: 100%;
  }
}
.event_page .ss3 .bottom .item .thumbnail img {
  width: 100%;
  aspect-ratio: 1051/664;
  object-fit: cover;
}
.event_page .ss3 .bottom .item .text {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: #fff;
  border-top: 1px solid #354430;
  width: 38.9718076285%;
  z-index: 2;
  padding: 52px 6.6334991708% 80px;
  box-sizing: border-box;
}
@media only screen and (max-width: 1024px) {
  .event_page .ss3 .bottom .item .text {
    padding: 52px 4.1459369818% 50px;
  }
}
@media only screen and (max-width: 767px) {
  .event_page .ss3 .bottom .item .text {
    position: relative;
    top: 0;
    transform: translate(0);
    width: 100%;
    padding: 30px 40px 30px 0;
  }
}
.event_page .ss3 .bottom .item .text .title {
  color: var(--Green-500, #345C55);
  font-family: "UVF-Didot.ttf";
  font-size: 36px;
  font-weight: 400;
  line-height: 130%; /* 41.6px */
  letter-spacing: -0.72px;
  margin-bottom: 40px;
}
@media (max-width: 1024px) {
  .event_page .ss3 .bottom .item .text .title {
    font-size: 26px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .event_page .ss3 .bottom .swiper-button-next {
    top: 30px !important;
    transform: translate(0);
  }
}
.event_page .ss3 .bottom .swiper-button-next img {
  filter: brightness(0.25);
}
.event_page .ss2 {
  padding-top: 120px;
  position: relative;
  z-index: 0;
}
@media only screen and (max-width: 1280px) {
  .event_page .ss2 {
    padding-top: 90px;
  }
}
@media only screen and (max-width: 1024px) {
  .event_page .ss2 {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 768px) {
  .event_page .ss2 {
    padding-top: 60px;
  }
}
@media only screen and (max-width: 576px) {
  .event_page .ss2 {
    padding-top: 50px;
  }
}
.event_page .ss2 > img {
  position: absolute;
  bottom: -100px;
  left: 0;
  width: 100%;
  display: block;
  z-index: 0;
}
@media (max-width: 820px) {
  .event_page .ss2 > img {
    display: none;
  }
}
.event_page .ss2 .item {
  position: relative;
  z-index: 0;
  position: relative;
  display: flex;
  align-items: flex-start;
  box-sizing: border-box;
  opacity: 0 !important;
}
@media (max-width: 820px) {
  .event_page .ss2 .item {
    flex-direction: column-reverse;
  }
}
.event_page .ss2 .item.swiper-slide-active {
  opacity: 1 !important;
}
.event_page .ss2 .item .left {
  position: relative;
  z-index: 2;
  width: 58.1260364842%;
  aspect-ratio: 0.9223684211;
}
@media (max-width: 820px) {
  .event_page .ss2 .item .left {
    width: 100%;
    aspect-ratio: unset;
  }
}
.event_page .ss2 .item .left img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.event_page .ss2 .item .right {
  position: relative;
  z-index: 2;
  width: 41.8739635158%;
  padding-left: 6.6334991708%;
  box-sizing: border-box;
}
@media only screen and (max-width: 1280px) {
  .event_page .ss2 .item .right {
    padding-left: 4.9751243781%;
  }
}
@media (max-width: 820px) {
  .event_page .ss2 .item .right {
    width: 100%;
    margin-bottom: 40px;
    padding-left: 0;
  }
}
@media (max-width: 576px) {
  .event_page .ss2 .item .right {
    margin-bottom: 10px;
  }
}
.event_page .ss2 .item .right .exp {
  max-height: 235px;
  overflow: auto;
}
@media (max-width: 820px) {
  .event_page .ss2 .item .right .exp {
    margin-bottom: 20px;
    max-height: fit-content;
  }
}
@media (max-width: 576px) {
  .event_page .ss2 .item .right .exp {
    margin-bottom: 10px;
  }
}
.event_page .ss2 .item .right .title-def {
  margin-bottom: 40px;
  font-size: 35px;
}
@media only screen and (max-width: 1280px) {
  .event_page .ss2 .item .right .title-def {
    margin-bottom: 20px;
    font-size: 28px;
  }
}
@media (max-width: 820px) {
  .event_page .ss2 .item .right .title-def {
    margin-bottom: 5px;
    font-size: 22px;
  }
}
@media (max-width: 576px) {
  .event_page .ss2 .item .right .title-def {
    font-size: 24px;
  }
}
.event_page .ss2 .item .right .img {
  position: relative;
  z-index: 2;
  width: 137.1764705882%;
  aspect-ratio: 583/418;
  display: block;
  margin-top: 120px;
  margin-left: -36.9411764706%;
}
@media (max-width: 1024px) {
  .event_page .ss2 .item .right .img {
    margin-top: 60px;
  }
}
@media (max-width: 820px) {
  .event_page .ss2 .item .right .img {
    width: 100%;
    aspect-ratio: unset;
    margin-top: 30px;
    margin-left: 0;
  }
}
.event_page .ss2 .item .right .img img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.event_page .ss2 .swiper-pagination {
  z-index: 10;
  top: 44%;
  left: 64.5%;
  width: max-content;
}
@media only screen and (max-width: 1280px) {
  .event_page .ss2 .swiper-pagination {
    left: 62.5%;
  }
}
@media only screen and (max-width: 1024px) {
  .event_page .ss2 .swiper-pagination {
    top: 50%;
  }
}
@media (max-width: 820px) {
  .event_page .ss2 .swiper-pagination {
    top: 0;
    left: auto;
    right: 0;
  }
}
.event_page .ss2 .swiper-pagination .swiper-pagination-bullet {
  width: 48px !important;
  height: 2px !important;
  opacity: 0.3 !important;
  border-radius: unset !important;
  background: #CFAA36 !important;
}
.event_page .ss2 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1 !important;
}

.site-content {
  padding-top: 88px;
}
@media only screen and (max-width: 1024px) {
  .site-content {
    padding-top: 80px;
  }
}

.cm-page .content .ss1 {
  padding-top: 160px;
}
@media only screen and (max-width: 1280px) {
  .cm-page .content .ss1 {
    padding-top: 120px;
  }
}
@media only screen and (max-width: 1024px) {
  .cm-page .content .ss1 {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 768px) {
  .cm-page .content .ss1 {
    padding-top: 60px;
  }
}
@media only screen and (max-width: 576px) {
  .cm-page .content .ss1 {
    padding-top: 50px;
  }
}
.cm-page .content .ss1 .top {
  padding: 0 106px 60px;
}
@media only screen and (max-width: 1024px) {
  .cm-page .content .ss1 .top {
    padding: 0 50px 30px;
  }
}
@media only screen and (max-width: 768px) {
  .cm-page .content .ss1 .top {
    padding: 0 0px 30px;
  }
}
@media only screen and (max-width: 576px) {
  .cm-page .content .ss1 .top {
    padding: 0 0px 20px;
  }
}
.cm-page .content .ss1 .top .title-def {
  margin-bottom: 24px;
  padding: 0 !important;
}
@media only screen and (max-width: 1024px) {
  .cm-page .content .ss1 .top .title-def {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 768px) {
  .cm-page .content .ss1 .top .title-def {
    text-align: center;
    margin-bottom: 5px;
  }
}
.cm-page .content .ss1 .top span {
  width: 240px;
  height: 1px;
  display: block;
  background: #CAAA43;
}
@media only screen and (max-width: 768px) {
  .cm-page .content .ss1 .top span {
    width: 150px;
    margin: 0 auto;
    display: block;
  }
}
.cm-page .content .ss1 p,
.cm-page .content .ss1 div.des {
  padding: 0 153px 0 236px;
}
@media only screen and (max-width: 1024px) {
  .cm-page .content .ss1 p,
  .cm-page .content .ss1 div.des {
    padding: 0 100px;
  }
}
@media only screen and (max-width: 768px) {
  .cm-page .content .ss1 p,
  .cm-page .content .ss1 div.des {
    padding: 0 50px;
  }
}
@media only screen and (max-width: 576px) {
  .cm-page .content .ss1 p,
  .cm-page .content .ss1 div.des {
    padding: 0 0px;
  }
}
.cm-page .content .ss1 p .button_def,
.cm-page .content .ss1 div.des .button_def {
  display: block;
  margin-top: 40px;
}
@media only screen and (max-width: 1280px) {
  .cm-page .content .ss1 p .button_def,
  .cm-page .content .ss1 div.des .button_def {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .cm-page .content .ss1 p .button_def,
  .cm-page .content .ss1 div.des .button_def {
    margin-top: 20px;
  }
}
.cm-page .content .ss1 p .cm-read-more,
.cm-page .content .ss1 div.des .cm-read-more {
  margin-top: 60px;
}
@media only screen and (max-width: 1024px) {
  .cm-page .content .ss1 p .cm-read-more,
  .cm-page .content .ss1 div.des .cm-read-more {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 768px) {
  .cm-page .content .ss1 p .cm-read-more,
  .cm-page .content .ss1 div.des .cm-read-more {
    padding: 0 20px;
  }
}

/*# sourceMappingURL=style.css.map */