@font-face {
  font-family: Pretendard;
  src: url('../fonts/Pretendard-Regular.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Pretendard;
  src: url('../fonts/Pretendard-Medium.woff') format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

:root {
  --g-08: black;
  --cream: #f6f6ea;
  --brown: #503c2c;
  --blue: #a0c8f5;
  --white: white;
  --g-06: #333;
  --g-07: #151515;
  --g-05: #5c5c5c;
  --g-04: #a7a7a7;
  --g-03: #afafaf;
  --g-02: #e2e2e2;
  --g-01: #f6f6f6;
  --white-2: white;
  --black: black;
}

body {
  color: #333;
  word-break: keep-all;
  height: 100%;
  font-family: Archivo Narrow, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

a {
  color: var(--g-08);
  text-decoration: underline;
}

.ds-body {
  padding-left: 20px;
  padding-right: 20px;
}

.ds-top {
  border-bottom: 1px solid var(--g-08);
  padding-top: 20px;
  padding-bottom: 20px;
}

.ds-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.h1 {
  color: var(--g-08);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 70px;
  font-weight: 400;
  line-height: 1;
}

.h1.kr {
  font-size: 62px;
}

.h2 {
  color: var(--g-08);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 54px;
  font-weight: 400;
  line-height: 1;
}

.h2.kr {
  font-size: 48px;
}

.h3 {
  color: var(--g-08);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 46px;
  font-weight: 400;
  line-height: 1;
}

.h3.kr {
  font-size: 40px;
}

.h4 {
  color: var(--g-08);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 36px;
  font-weight: 400;
  line-height: 1;
}

.h4.kr {
  font-size: 32px;
}

.h5 {
  color: var(--g-08);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.3;
}

.h5.kr {
  font-size: 21px;
}

.h5.kr.max-400 {
  max-width: 400px;
}

.h5.kr.title {
  max-width: 600px;
  line-height: 1.3;
}

.h5.title {
  line-height: 1.1;
}

.h6 {
  color: var(--g-08);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 1;
}

.h6.kr {
  font-size: 18px;
}

.body-r {
  color: var(--g-08);
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

.body-r.kr {
  font-size: 15px;
}

.body-r.kr.max-pro {
  max-width: 600px;
  line-height: 1.7;
}

.body-r.max-400 {
  max-width: 400px;
}

.body-r.max-500 {
  max-width: 500px;
}

.body-r.max-500.kr {
  line-height: 1.7;
}

.label-l {
  color: var(--g-08);
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  text-decoration: none;
}

.label-l.w--current {
  text-decoration: none;
}

.label-l.kr {
  font-size: 15px;
}

.label-l.kr.tab {
  position: relative;
}

.label-l.kr.tab.w--current {
  text-decoration: none;
}

.label-l.kr.m-sus-title {
  display: none;
}

.label-l._200 {
  flex: none;
  width: 200px;
}

.label-l.tab {
  background-color: #ddd0;
  padding: 0;
}

.label-l.table {
  width: 180px;
}

.label-m {
  color: var(--g-08);
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
}

.label-m.kr {
  font-size: 13px;
}

.label-m.height {
  line-height: 1.2;
}

.label-s {
  color: var(--g-08);
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
}

.label-s.kr {
  font-size: 12px;
}

.ds-left {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  display: flex;
}

.color {
  background-color: var(--g-08);
  flex: 1;
  height: 12px;
}

.color.cream {
  background-color: var(--cream);
}

.color.brown {
  background-color: var(--brown);
}

.color.blue {
  background-color: var(--blue);
}

.header {
  z-index: 99;
  background-color: var(--white);
  justify-content: space-between;
  align-items: center;
  height: 64px;
  padding: 0 20px;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.header-inner {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.header-line {
  background-color: var(--g-08);
  transform-origin: 0%;
  width: calc(100% - 40px);
  height: 1px;
  position: absolute;
  bottom: 0;
  left: auto;
}

.home-section-01 {
  width: 100%;
  position: relative;
}

.grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  width: 100%;
  padding: 0;
  display: grid;
  position: relative;
}

.home-grid-left {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  flex: none;
  order: 0;
  align-self: stretch;
  width: 76.07%;
  padding-top: 84px;
  padding-bottom: 20px;
  padding-right: 20px;
  display: flex;
  position: relative;
}

.logo {
  justify-content: flex-start;
  align-items: center;
  height: 24px;
  display: flex;
}

.logo.full {
  width: 100%;
  height: auto;
}

.home-vert-line {
  background-color: var(--g-08);
  transform-origin: 50% 0;
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

.home-vert-line.left {
  right: auto;
}

.home-vert-line.left-reverse {
  left: -20px;
  right: auto;
}

.home-grid-right {
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  height: 100vh;
  padding-top: 84px;
  padding-bottom: 20px;
  display: flex;
  position: sticky;
  top: 0;
}

.home-main-img {
  flex: 1;
  overflow: hidden;
}

.home-right-text-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 0;
  padding-left: 0;
  display: flex;
  position: sticky;
}

.button {
  border: 1px solid var(--g-08);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  height: 32px;
  padding-left: 24px;
  padding-right: 24px;
  text-decoration: none;
  display: flex;
}

.home-right-img-wrap {
  width: 100%;
  padding-left: 0;
}

.home-right-img {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.flex {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 0;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: relative;
}

.footer {
  z-index: 1;
  background-color: var(--white);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0 20px;
  display: flex;
  position: relative;
}

.footer-inner {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.footer-wrap {
  border-top: 1px solid var(--g-08);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.about-section-01 {
  margin-top: 64px;
  padding-left: 20px;
  padding-right: 20px;
}

.body-2 {
  margin-top: 64px;
}

.section-title {
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
}

.section-title.top-line {
  border-top: 1px solid var(--g-08);
}

.title-line {
  background-color: var(--g-08);
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: auto;
}

.about-section-01-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
}

.wrap-33 {
  position: relative;
}

.g-inner {
  width: 100%;
  height: 100%;
  position: relative;
}

.g-inner.sticky {
  height: auto;
  position: sticky;
  top: 64px;
}

.about-01-text-wrap {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 20px;
  display: flex;
}

.about-01-text-wrap.sus {
  padding-left: 20px;
}

.about-01-img-wrap {
  padding: 20px 0;
}

.image2-3 {
  aspect-ratio: 2 / 3;
  height: 100%;
}

.about-01-back {
  aspect-ratio: 2 / 3;
  background-color: var(--g-06);
}

.about-section-01-img {
  aspect-ratio: 2 / 2.5;
  object-fit: cover;
  width: 100%;
}

.about-section-02 {
  padding-left: 20px;
  padding-right: 20px;
}

.about-section-02-wrap {
  border-top: 1px solid var(--g-08);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 0;
  display: flex;
}

.about-section-02-title-wrap {
  width: 100%;
}

.logo-header {
  justify-content: flex-start;
  align-items: center;
  height: 24px;
  display: flex;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
}

.about-section-02-cont-wrap {
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 400px;
  display: flex;
}

.about-section-02-cont {
  width: 50%;
}

.about-section-02-vision-wrap {
  border-bottom: 1px solid var(--g-08);
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 20px;
  padding-bottom: 20px;
  display: flex;
}

.about-section-02-vision-wrap.last {
  border-bottom-style: none;
  margin-bottom: 0;
}

.about-section-03 {
  padding-left: 0;
  padding-right: 0;
}

.about-section-03-wrap {
  border-top: 1px solid var(--g-08);
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 0;
  display: flex;
}

.about-section-03-cont {
  flex-flow: column;
  order: 1;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  width: 50%;
  padding: 20px;
  display: flex;
}

.about-section-03-cont.line {
  border-right: 1px solid var(--g-08);
}

.img2-3 {
  aspect-ratio: 2 / 3;
  object-fit: cover;
  width: 100%;
}

.img2-3.all-in._1-2 {
  aspect-ratio: 1 / 1.2;
}

.about-section-03-inner {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  width: 100%;
  margin-top: 20px;
  display: flex;
}

.about-section-03-inner.no-line.all-in {
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
}

.about-section-03-text {
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  display: flex;
}

.about-section-03-text-wrap {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.sus-section-01 {
  margin-top: 64px;
  padding-left: 20px;
  padding-right: 20px;
}

.sus-section-02 {
  border-top: 1px solid var(--g-08);
  padding: 20px;
}

.sus-section-02-cover {
  aspect-ratio: 16 / 9;
  background-image: url('../images/17FW_Mongolia-49_noise.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 100%;
}

.sus-section-03 {
  border-top: 1px solid var(--g-08);
  margin-top: 0;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.sus-sticky-wrap {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 20px;
  display: flex;
}

.sus-sticky-wrap.sus {
  padding-left: 20px;
}

.sus-03-cont-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: flex-start;
  place-items: start;
  width: 100%;
  padding: 20px 0;
  display: flex;
}

.sus-03-cont-inner {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-bottom: 1px solid var(--g-08);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-bottom: 20px;
  display: grid;
}

.sus-03-cont-inner.last {
  border-bottom-style: none;
  padding-bottom: 0;
}

.project-rec-section {
  padding-left: 20px;
  padding-right: 20px;
}

.project-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: stretch;
  display: grid;
}

.project-link {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  text-decoration: none;
  display: flex;
}

.project-link.line {
  border-right: 1px solid var(--g-08);
}

.project-img {
  aspect-ratio: 2 / 2.5;
  object-fit: cover;
  width: 240px;
}

.project-info-wrap {
  flex-flow: column;
  flex: 1;
  order: 0;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  min-height: 100%;
  padding-right: 20px;
  display: flex;
}

.project-info-wrap.no-margin {
  padding-right: 0;
}

.project-detail-wrap {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.project-section-01 {
  margin-top: 64px;
  padding-left: 20px;
  padding-right: 20px;
}

.project-list {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.project-list-link {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-bottom: 1px solid var(--g-08);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  text-decoration: none;
  display: grid;
}

.project-list-link.last {
  border-bottom-style: none;
}

.project-list-img {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
}

.project-list-inner {
  border-left: 1px solid var(--g-08);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 20px;
  display: flex;
}

.project-list-title {
  border-bottom: 1px none var(--g-08);
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
}

.project-list-info {
  border-top: 1px solid var(--g-08);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.col-section-01 {
  margin-top: 64px;
  padding-left: 20px;
  padding-right: 20px;
}

.col-list-left {
  border-right: 1px solid var(--g-08);
  border-left: 1px none var(--g-08);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  padding-left: 0;
  display: flex;
}

.col-list-slider {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.col-list-slide {
  flex: none;
  width: 24vw;
  max-width: 24vw;
}

.slide-img {
  aspect-ratio: 2 / 3;
  object-fit: cover;
  width: 100%;
}

.slider-arrow-wrap {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 20px;
  display: flex;
}

.col-link {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-bottom: 1px solid var(--g-08);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  text-decoration: none;
  display: grid;
}

.col-link.last {
  border-bottom-style: none;
}

.col-list {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.arrow {
  border: 1px solid var(--g-08);
  cursor: pointer;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  height: 32px;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
}

.icon-24 {
  justify-content: center;
  align-items: center;
  height: 24px;
  display: flex;
}

.col-detail-section-01 {
  margin-top: 64px;
  padding-left: 20px;
  padding-right: 20px;
}

.col-detail-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  width: 100%;
  padding: 20px 0;
  display: grid;
  position: relative;
}

.col-detail-grid.mobile {
  display: none;
}

.col-detail-img {
  aspect-ratio: 2 / 3;
  object-fit: cover;
  width: 100%;
}

.project-detail-section-01 {
  margin-top: 64px;
  padding-left: 20px;
  padding-right: 20px;
}

.section-sub-title {
  justify-content: space-between;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 0;
  display: flex;
}

.project-detail-grid {
  grid-column-gap: 20px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  width: 100%;
  padding: 20px 0 160px;
  display: grid;
  position: relative;
}

.pro-main-img-wrap {
  width: 100%;
}

.img-horizontal {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  width: 100%;
}

.image-vert {
  aspect-ratio: 2 / 3;
  object-fit: cover;
  width: 100%;
}

.image-vert.max-pro {
  max-width: 600px;
}

.project-list-img-wrap {
  padding-top: 20px;
  padding-bottom: 20px;
}

.video {
  width: 100%;
}

.project-info-cta-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  flex-flow: column;
  flex: 1;
  order: 0;
  justify-content: center;
  align-items: center;
  height: 100%;
  min-height: 100%;
  padding-right: 20px;
  display: flex;
}

.project-info-cta-wrap.no-margin {
  padding-right: 0;
}

.image-hori {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  width: 100%;
}

.store-section-01 {
  flex-flow: column;
  margin-top: 0;
  padding-top: 64px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.tabs {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: start flex-start;
  place-items: start;
  width: 100%;
  height: 100%;
  display: flex;
}

.tab-pane-tab-1 {
  width: 100%;
  padding: 20px 0;
}

.tabs-menu {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-right: 1px none var(--g-08);
  flex-flow: column;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  width: 32.4%;
  height: 100%;
  padding-top: 20px;
  display: flex;
}

.store-img {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  flex: none;
  width: 100%;
}

.tabs-content {
  border-left: 1px solid #000;
  align-self: stretch;
  width: 100%;
  height: 100%;
  min-height: 750px;
  padding-left: 20px;
}

.tab-cont {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.tab-info {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 20px;
  padding-bottom: 0;
  display: grid;
}

.tab-info.line, .tab-info.line-top-no {
  border-bottom: 1px none var(--g-08);
  padding-bottom: 20px;
}

.store-body {
  height: 100vh;
}

.store-table {
  border-bottom: 1px solid var(--g-08);
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  position: relative;
}

.st-left {
  flex: none;
  display: flex;
}

.st-right {
  position: absolute;
  right: 0;
}

.m-menu, .m-menu-shop, .m-menu-wrap {
  display: none;
}

.h-img {
  aspect-ratio: 1;
  object-fit: cover;
  background-image: url('../images/main-2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 100%;
  height: auto;
}

.h-img.right {
  aspect-ratio: 2 / 2.5;
}

.h-img.hori {
  aspect-ratio: 3 / 2;
}

.h-img.out {
  aspect-ratio: 2 / 2.4;
}

.h-img.ho-pc {
  aspect-ratio: auto;
  background-image: none;
  height: 100%;
}

.h-img.ho-m {
  aspect-ratio: auto;
  background-image: none;
  height: 100%;
  display: none;
}

.code-embed {
  margin-bottom: 0;
  display: none;
}

.detail {
  display: none;
}

.plus, .minus {
  width: 40px;
  height: 40px;
}

@media screen and (max-width: 991px) {
  .home-grid-left {
    height: auto;
  }
}

@media screen and (max-width: 767px) {
  .h1 {
    font-size: 50px;
  }

  .h1.kr {
    font-size: 44px;
  }

  .h2 {
    font-size: 36px;
  }

  .h2.kr, .h3 {
    font-size: 32px;
  }

  .h3.kr {
    font-size: 28px;
  }

  .h4 {
    font-size: 24px;
  }

  .h4.kr {
    font-size: 21px;
  }

  .h5 {
    padding-top: 0;
    padding-bottom: 0;
    font-size: 20px;
    position: relative;
  }

  .h5.kr {
    font-size: 17px;
  }

  .h5.kr.title.project {
    max-width: 400px;
    margin-bottom: -20px;
  }

  .h5.title.proejct {
    margin-bottom: -20px;
  }

  .h6 {
    font-size: 16px;
  }

  .h6.kr {
    font-size: 15px;
  }

  .body-r, .body-r.kr {
    font-size: 13px;
  }

  .body-r.kr.max-pro, .body-r.max-500.kr {
    max-width: 400px;
  }

  .label-l {
    font-size: 13px;
  }

  .label-l.kr {
    font-size: 12px;
  }

  .label-l.kr.m-sus-title {
    display: block;
  }

  .label-l._200 {
    width: 140px;
  }

  .label-l.tab {
    flex: 1;
    justify-content: center;
    align-items: center;
    padding-top: 12px;
    padding-bottom: 12px;
    display: flex;
  }

  .label-l.tab.right {
    border-left: 1px solid var(--g-08);
  }

  .label-m {
    font-size: 12px;
  }

  .label-m.kr, .label-s {
    font-size: 11px;
  }

  .label-s.kr {
    font-size: 10px;
  }

  .header {
    flex-flow: row-reverse wrap;
    justify-content: space-between;
    align-items: center;
    height: 44px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .header-inner {
    display: none;
  }

  .header-line {
    z-index: 2;
    width: calc(100% - 24px);
  }

  .grid {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .home-grid-left {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    height: auto;
    padding-top: 56px;
    padding-bottom: 0;
    padding-right: 0;
    display: grid;
  }

  .logo {
    height: 20px;
  }

  .home-vert-line {
    display: none;
  }

  .home-grid-right {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex: none;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-flow: row;
    justify-content: flex-start;
    place-items: start stretch;
    width: 100%;
    height: auto;
    padding-top: 0;
    padding-bottom: 12px;
    display: grid;
  }

  .button {
    padding-left: 20px;
    padding-right: 20px;
  }

  .button.full {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .home-right-img-wrap {
    flex: none;
    width: auto;
  }

  .flex {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    padding-left: 12px;
    padding-right: 12px;
    display: flex;
  }

  .footer {
    padding-left: 12px;
    padding-right: 12px;
  }

  .footer-inner {
    border-bottom: 1px solid var(--g-08);
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .footer-inner.last {
    border-bottom-style: none;
    justify-content: space-between;
    align-items: center;
  }

  .footer-wrap {
    flex-flow: wrap-reverse;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 0;
    padding-bottom: 0;
  }

  .about-section-01 {
    margin-top: 44px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .section-title {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .g-inner.sticky {
    z-index: 1;
    background-color: var(--white);
    display: none;
    top: 44px;
  }

  .about-01-text-wrap {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    padding-top: 0;
    padding-bottom: 12px;
    padding-right: 0;
  }

  .about-01-text-wrap.sus {
    border-bottom: 1px solid var(--g-08);
    padding-left: 0;
  }

  .about-01-img-wrap {
    border-bottom: 1px solid var(--g-08);
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .about-section-02 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .about-section-02-wrap {
    padding-top: 12px;
  }

  .logo-header {
    z-index: 1;
    height: 20px;
  }

  .logo-header.w--current {
    z-index: 2;
  }

  .about-section-02-cont-wrap {
    margin-top: 80px;
  }

  .about-section-02-cont {
    width: 100%;
  }

  .about-section-02-cont.hide {
    display: none;
  }

  .about-section-02-vision-wrap {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-bottom: 12px;
    padding-bottom: 12px;
    display: grid;
  }

  .about-section-02-vision-wrap.last {
    border-bottom-style: solid;
    border-bottom-color: var(--g-08);
  }

  .about-section-03-wrap {
    border-top-style: none;
    flex-flow: column;
  }

  .about-section-03-cont {
    width: 100%;
    padding: 12px;
  }

  .about-section-03-cont.line {
    border-right-style: none;
    padding-bottom: 0;
  }

  .about-section-03-inner {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    border-bottom: 1px solid var(--g-08);
    margin-top: 12px;
    padding-bottom: 12px;
  }

  .about-section-03-inner.no-line {
    border-bottom-style: none;
  }

  .about-section-03-text {
    width: 100%;
  }

  .about-section-03-text-wrap {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .sus-section-01 {
    margin-top: 44px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .sus-section-02 {
    border-top-style: none;
    padding: 12px;
  }

  .sus-section-03 {
    border-top-style: none;
    padding-left: 12px;
    padding-right: 12px;
  }

  .sus-sticky-wrap {
    border-bottom: 1px solid var(--g-08);
    flex-flow: row;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-right: 0;
  }

  .sus-03-cont-wrap {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    border-top: 1px solid var(--g-08);
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .sus-03-cont-inner {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    padding-bottom: 12px;
  }

  .project-rec-section {
    padding-left: 12px;
    padding-right: 12px;
  }

  .project-wrap {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .project-link {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .project-link.line {
    border-bottom: 1px solid var(--g-08);
    border-right-style: none;
    padding-bottom: 12px;
  }

  .project-link.line.inner {
    border-bottom-style: none;
  }

  .project-link.hide {
    display: none;
  }

  .project-img {
    width: 130px;
  }

  .project-info-wrap {
    padding-right: 0;
  }

  .project-section-01 {
    margin-top: 44px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .project-list-link {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
  }

  .project-list-inner {
    border-left-style: none;
    padding-left: 0;
  }

  .project-list-title, .project-list-info {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .col-section-01 {
    margin-top: 44px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .col-list-left {
    border-right-style: none;
  }

  .col-list-slider {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    padding-top: 0;
    padding-bottom: 12px;
  }

  .col-list-slide {
    flex: none;
    width: 80vw;
    max-width: 80vw;
    height: auto;
  }

  .slider-arrow-wrap {
    display: none;
  }

  .col-link {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    display: flex;
  }

  .arrow {
    height: 24px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .icon-24 {
    width: 100%;
    height: 16px;
  }

  .col-detail-section-01 {
    margin-top: 44px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .col-detail-grid {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-columns: 1fr 1fr;
    padding-top: 12px;
    padding-bottom: 12px;
    display: none;
  }

  .col-detail-grid.mobile {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .project-detail-section-01 {
    margin-top: 44px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .section-sub-title {
    padding-top: 12px;
  }

  .project-detail-grid {
    grid-column-gap: 12px;
    grid-row-gap: 40px;
    padding-top: 12px;
    padding-bottom: 80px;
  }

  .image-vert.minus-margin {
    margin-top: -28px;
  }

  .project-list-img-wrap {
    padding-top: 12px;
    padding-bottom: 0;
  }

  .project-info-cta-wrap {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    text-align: left;
    justify-content: center;
    align-items: flex-start;
    padding-right: 0;
  }

  .store-section-01 {
    padding: 44px 12px;
  }

  .tabs {
    flex-flow: column;
  }

  .tab-pane-tab-1 {
    padding-top: 12px;
    padding-bottom: 0;
  }

  .tabs-menu {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border-bottom: 1px solid var(--g-08);
    border-right-style: none;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    padding-top: 0;
  }

  .tabs-content {
    border-left-style: none;
    min-height: auto;
    padding-left: 0;
  }

  .tab-info {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    border-bottom: 1px solid var(--g-08);
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 12px;
    padding-bottom: 12px;
    display: flex;
  }

  .tab-info.line, .tab-info.line-top-no {
    padding-bottom: 12px;
  }

  .in-link {
    position: relative;
  }

  .store-table {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .st-left {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .m-menu {
    z-index: 2;
    flex-flow: column;
    order: -1;
    justify-content: center;
    align-items: center;
    width: 34px;
    height: 44px;
    display: flex;
    position: relative;
  }

  .m-menu-shop {
    z-index: 2;
    display: flex;
    position: relative;
  }

  .menu-line {
    background-color: var(--g-08);
    width: 34px;
    height: 1px;
    margin-top: 3px;
    margin-bottom: 3px;
    padding: 0;
  }

  .m-menu-wrap {
    z-index: 1;
    background-color: var(--white);
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    padding: 44px 12px 12px;
    display: none;
    position: fixed;
    inset: 0%;
  }

  .m-menu-link {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    padding-top: 12px;
    padding-bottom: 12px;
    text-decoration: none;
    display: flex;
    position: relative;
  }

  .m-link-line {
    background-color: var(--g-08);
    width: 100%;
    height: 1px;
    padding: 0;
    position: absolute;
    bottom: 0;
  }

  .m-menu-btn-wrap {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .m-menu-top {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    display: flex;
  }

  .h-img.hori {
    aspect-ratio: 2 / 2.5;
    background-image: url('../images/main-1.jpg');
  }

  .h-img.ho-pc {
    aspect-ratio: 2 / 2.5;
    display: none;
  }

  .h-img.ho-m {
    aspect-ratio: 2 / 2.5;
    display: block;
  }
}

#w-node-_749f4f10-1677-8743-d1cd-4ce874e3cf67-bcad7a7b {
  grid-area: 1 / 1 / 3 / 10;
}

#w-node-_459ef2ba-9c39-7578-3b3b-bc8ef1ff6099-bcad7a7b {
  grid-area: span 4 / span 1 / span 4 / span 1;
}

#w-node-_5b4bcae9-e0ff-928e-4199-920e1c6bab58-bcad7a7b {
  grid-area: span 4 / span 3 / span 4 / span 3;
}

#w-node-f13f5522-7ee7-b80b-0ee5-de5beb7bd241-b1951087 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-f13f5522-7ee7-b80b-0ee5-de5beb7bd24b-b1951087, #w-node-_8a87b44d-ab28-a615-ec9a-e8fee205582b-b1951087 {
  grid-area: 1 / 2 / 2 / 4;
}

#w-node-_8a87b44d-ab28-a615-ec9a-e8fee205582d-b1951087 {
  grid-area: 1 / 4 / 2 / 5;
  justify-self: end;
}

#w-node-_377a6179-9273-894f-32bc-63fc3ad61e4f-b1951087 {
  grid-area: 1 / 2 / 2 / 4;
}

#w-node-_377a6179-9273-894f-32bc-63fc3ad61e51-b1951087 {
  grid-area: 1 / 4 / 2 / 5;
  justify-self: end;
}

#w-node-_11eb21b0-b8ab-247c-a42f-08e5c64a1e99-086346eb {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_33403eb6-7eca-6bf7-ab1e-bd26695afbe9-086346eb, #w-node-b111d45e-0a30-409d-1dad-110596abca6e-62998f6d {
  grid-area: span 1 / span 8 / span 1 / span 8;
}

#w-node-b111d45e-0a30-409d-1dad-110596abca65-62998f6d, #w-node-bab3a4fe-f1af-8daa-c560-92435a11efc8-62998f6d {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-bab3a4fe-f1af-8daa-c560-92435a11efc5-62998f6d {
  grid-area: span 1 / span 8 / span 1 / span 8;
}

#\31 .w-node-_008acd43-1557-6440-fb34-4adea4f90499-62998f6d, #w-node-cc797d08-12a5-316b-6d06-fbce97831eaa-cf0b1df9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cc797d08-12a5-316b-6d06-fbce97831eab-cf0b1df9 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-a4c1ede1-de92-2938-4f0d-64ebed2e7d12-cf0b1df9 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-c28980be-a26b-4bd7-b3e8-35135655d991-cf0b1df9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c28980be-a26b-4bd7-b3e8-35135655d992-cf0b1df9 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-c28980be-a26b-4bd7-b3e8-35135655d99c-cf0b1df9 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-cf03a87e-325b-4385-4467-8853f5eed9b5-cf0b1df9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cf03a87e-325b-4385-4467-8853f5eed9b6-cf0b1df9 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-cf03a87e-325b-4385-4467-8853f5eed9c0-cf0b1df9 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_5a7373ac-c73c-dacf-aaa3-d7ebf7bba085-cf0b1df9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5a7373ac-c73c-dacf-aaa3-d7ebf7bba086-cf0b1df9 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_5a7373ac-c73c-dacf-aaa3-d7ebf7bba08c-cf0b1df9 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_0db8750d-0907-dce9-81eb-1ff1209d6cf8-cf0b1df9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0db8750d-0907-dce9-81eb-1ff1209d6cf9-cf0b1df9 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_0db8750d-0907-dce9-81eb-1ff1209d6cff-cf0b1df9 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-b2fee114-51ce-5ce6-c232-c57c7af0248b-cf0b1df9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b2fee114-51ce-5ce6-c232-c57c7af0248c-cf0b1df9 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-b2fee114-51ce-5ce6-c232-c57c7af02492-cf0b1df9 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_6b37cff2-1e51-7a8a-adf8-88b232622d69-cf0b1df9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6b37cff2-1e51-7a8a-adf8-88b232622d6a-cf0b1df9 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_6b37cff2-1e51-7a8a-adf8-88b232622d70-cf0b1df9 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-c216b998-0ea4-9014-1b9e-6341e61e48f4-f0f32084 {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-c216b998-0ea4-9014-1b9e-6341e61e48f6-f0f32084, #w-node-c216b998-0ea4-9014-1b9e-6341e61e48fc-f0f32084, #w-node-c216b998-0ea4-9014-1b9e-6341e61e48fe-f0f32084, #w-node-c216b998-0ea4-9014-1b9e-6341e61e48ff-f0f32084 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-c216b998-0ea4-9014-1b9e-6341e61e4900-f0f32084 {
  grid-area: 4 / 4 / 5 / 10;
  justify-self: center;
}

#w-node-c216b998-0ea4-9014-1b9e-6341e61e4902-f0f32084 {
  grid-area: 5 / 1 / 6 / 13;
}

#w-node-efa45d4f-aca2-4f3b-6fdc-558327264962-f0f32084 {
  grid-area: 6 / 1 / 7 / 7;
}

#w-node-_75e588b1-4c83-4ca4-de61-5b90b381ce74-f0f32084 {
  grid-area: 6 / 7 / 7 / 13;
}

#w-node-_4e905a8e-9503-f87a-b69d-598fd23fc2fb-04d64576 {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-_7d6c86ea-0fad-9356-a5f7-a81dc93a085e-04d64576, #w-node-_56871477-56e6-fd77-f73b-a68013af72a8-04d64576, #w-node-_5c85be99-a9ef-88c3-ce6f-eb819d07db1a-04d64576, #w-node-_6bc38621-a7e3-7e6e-a73f-616d21f75c68-04d64576 {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-_1cba7e40-12a1-97c9-23b6-211b91318990-04d64576 {
  grid-area: 4 / 4 / 5 / 10;
  justify-self: center;
}

#w-node-_9cdc5dfd-77a5-a4ec-5801-22fa0a4e6430-04d64576 {
  grid-area: 5 / 1 / 6 / 7;
}

#w-node-_53136c9f-067c-8de9-526d-b34340c87ac6-04d64576 {
  grid-area: 6 / 4 / 7 / 10;
  justify-self: center;
}

#w-node-facc20a3-c806-cad2-7bd9-1013625f65cf-04d64576 {
  grid-area: 7 / 4 / 8 / 10;
  justify-self: center;
}

#w-node-a5caa5b3-ce6b-d5ce-17f4-5b4eed8c94b7-04d64576 {
  grid-area: 8 / 4 / 9 / 10;
  justify-self: center;
}

#w-node-f9fa7757-221d-a4b5-3f34-7869f7824485-04d64576 {
  grid-area: 9 / 4 / 10 / 10;
  justify-self: center;
}

#w-node-_19518e49-678c-dedf-4115-72453ff9de1b-04d64576 {
  grid-area: 5 / 7 / 6 / 13;
}

#w-node-_3cbd96bd-7127-bac2-d93b-8af0de08a5af-04d64576 {
  grid-area: 10 / 4 / 11 / 10;
  justify-self: center;
}

#w-node-_9419e59c-79bb-6766-881f-8d43cba10885-04d64576 {
  grid-area: 11 / 1 / 12 / 7;
}

#w-node-b03fb9a2-ddd6-e39c-6338-8a2a4d08a90a-04d64576 {
  grid-area: 11 / 7 / 12 / 13;
}

#w-node-_61f4b2c7-d17c-80fa-6508-10730efe5bf2-04d64576 {
  grid-area: 12 / 4 / 13 / 10;
}

#w-node-e2482fa6-cab8-a3ec-ef43-2f3d7d833455-04d64576 {
  grid-area: 13 / 1 / 14 / 13;
}

#w-node-_87a9c16d-46cb-1773-48ef-a036be05bb13-47b8a564 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-ad50fba6-41fd-6f9c-c0d0-f8148bb7d9b4-47b8a564, #w-node-_844ae0e0-997b-9c4d-fced-4cdaa70dcb3f-47b8a564, #w-node-_844ae0e0-997b-9c4d-fced-4cdaa70dcb40-47b8a564 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-bf9b3ec3-9bde-b81e-874f-bf6a1b41cea0-47b8a564 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_510cd8f9-143d-aa55-9d7f-a5da7f432fe9-3c3300ea, #w-node-_6d9c5475-ee5c-60f5-2da5-8cce15fb9a99-3c3300ea, #w-node-_1253bd6b-c34c-e9cb-bde8-fa3a44d73038-bbdca3be, #w-node-b6f36eef-da38-389f-34e1-956894444e9d-bbdca3be {
  grid-area: 1 / 1 / 2 / 4;
}

@media screen and (max-width: 767px) {
  #w-node-_46069673-08eb-ec58-5ed6-d41c61e10e14-bcad7a7b {
    grid-area: span 1 / span 9 / span 1 / span 9;
  }

  #w-node-caec5a4e-4377-d6ec-124c-54df5004531f-bcad7a7b {
    grid-area: span 1 / span 7 / span 1 / span 7;
  }

  #w-node-_87064193-c111-b945-4f5e-d408939381fb-bcad7a7b {
    grid-area: 1 / 1 / 2 / 5;
  }

  #w-node-_33a729fe-5e12-c31e-0d0e-adc1157cd6fd-bcad7a7b {
    grid-area: 1 / 5 / 2 / 9;
  }

  #w-node-_11eb21b0-b8ab-247c-a42f-08e5c64a1e99-086346eb {
    grid-area: 2 / 1 / 3 / 9;
  }

  #w-node-ac415fb9-f34a-a27f-191c-e2bc2b4f7597-086346eb {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_00675fd4-da6c-f459-3ba4-43de9b4789d7-086346eb {
    grid-area: 1 / 4 / 2 / 9;
  }

  #w-node-_491e37e7-608e-d1ee-5827-8013773fbb6e-086346eb {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_491e37e7-608e-d1ee-5827-8013773fbb70-086346eb {
    grid-area: 1 / 4 / 2 / 9;
  }

  #w-node-_6c9f2be8-0636-1247-a300-cfeb93fc02a4-086346eb {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_6c9f2be8-0636-1247-a300-cfeb93fc02a6-086346eb {
    grid-area: 1 / 4 / 2 / 9;
  }

  #w-node-_21d77849-8c9a-120c-0e49-a65b1a7db2ea-086346eb {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_38d95cc4-c293-7a69-3f9a-74c56560f67c-086346eb {
    grid-area: 1 / 4 / 2 / 9;
  }

  #w-node-_53a2ee84-9192-2a67-2215-38678cc0f0c6-086346eb {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }

  #w-node-f6b4f8fe-14d2-14e7-a62d-21f67a3a7d1a-086346eb {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-f6b4f8fe-14d2-14e7-a62d-21f67a3a7d1d-086346eb {
    grid-area: 1 / 4 / 2 / 9;
  }

  #w-node-f6b4f8fe-14d2-14e7-a62d-21f67a3a7d21-086346eb, #w-node-b111d45e-0a30-409d-1dad-110596abca65-62998f6d, #w-node-bab3a4fe-f1af-8daa-c560-92435a11efc8-62998f6d {
    grid-area: span 1 / span 8 / span 1 / span 8;
  }

  #w-node-bdb6716e-a9fc-3cfc-ec83-ddafcb6f202f-62998f6d {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_103b7f68-f045-fcac-d50b-51bd9e5278fd-62998f6d {
    grid-area: 2 / 4 / 3 / 10;
  }

  #w-node-_8545b365-4522-7d20-39ea-e1f94fa7aa78-62998f6d {
    grid-area: 1 / 4 / 2 / 10;
  }

  #w-node-_8e491cf3-ebe4-5045-5e9b-3bb4d8d30b08-62998f6d {
    grid-area: 1 / 1 / 2 / 4;
  }

  #w-node-_3a344949-12e0-f271-add3-bf5cdfd15af8-62998f6d {
    grid-area: 2 / 4 / 3 / 10;
  }

  #w-node-_3a344949-12e0-f271-add3-bf5cdfd15afa-62998f6d {
    grid-area: 1 / 4 / 2 / 10;
  }

  #w-node-_2bc27a44-ac6d-bea9-f735-39b3425cba92-62998f6d {
    grid-area: 1 / 1 / 2 / 4;
  }

  #w-node-_08d948c7-a07f-4a72-0c03-ef3fb13ca609-62998f6d {
    grid-area: 2 / 4 / 3 / 10;
  }

  #w-node-_08d948c7-a07f-4a72-0c03-ef3fb13ca60b-62998f6d {
    grid-area: 1 / 4 / 2 / 10;
  }

  #w-node-_8c5c935b-eb9c-aeae-aba7-5170a76e0d61-62998f6d {
    grid-area: 2 / 4 / 3 / 10;
  }

  #w-node-e54ad2b6-aaf9-7d57-e8de-ed86ab95c4bc-62998f6d {
    grid-area: 1 / 1 / 2 / 4;
  }

  #w-node-_8c5c935b-eb9c-aeae-aba7-5170a76e0d63-62998f6d {
    grid-area: 1 / 4 / 2 / 10;
  }

  #w-node-c216b998-0ea4-9014-1b9e-6341e61e48f6-f0f32084, #w-node-c216b998-0ea4-9014-1b9e-6341e61e48fc-f0f32084 {
    grid-area: span 1 / span 12 / span 1 / span 12;
  }

  #w-node-c216b998-0ea4-9014-1b9e-6341e61e48fe-f0f32084 {
    grid-area: 4 / 1 / 5 / 7;
  }

  #w-node-c216b998-0ea4-9014-1b9e-6341e61e48ff-f0f32084 {
    grid-area: 4 / 7 / 5 / 13;
  }

  #w-node-c216b998-0ea4-9014-1b9e-6341e61e4900-f0f32084 {
    grid-area: 5 / 1 / 6 / 13;
    justify-self: center;
  }

  #w-node-c216b998-0ea4-9014-1b9e-6341e61e4902-f0f32084 {
    grid-row: 6 / 7;
  }

  #w-node-efa45d4f-aca2-4f3b-6fdc-558327264962-f0f32084 {
    grid-area: 7 / 1 / 8 / 13;
  }

  #w-node-_75e588b1-4c83-4ca4-de61-5b90b381ce74-f0f32084 {
    grid-area: 8 / 1 / 9 / 13;
  }

  #w-node-_4e905a8e-9503-f87a-b69d-598fd23fc2fb-04d64576 {
    grid-area: 1 / 1 / 2 / 13;
  }

  #w-node-_7d6c86ea-0fad-9356-a5f7-a81dc93a085e-04d64576 {
    grid-area: 2 / 1 / 3 / 13;
  }

  #w-node-_56871477-56e6-fd77-f73b-a68013af72a8-04d64576 {
    grid-area: 3 / 1 / 4 / 13;
  }

  #w-node-_5c85be99-a9ef-88c3-ce6f-eb819d07db1a-04d64576 {
    grid-area: 4 / 1 / 5 / 7;
  }

  #w-node-_6bc38621-a7e3-7e6e-a73f-616d21f75c68-04d64576 {
    grid-area: 4 / 7 / 5 / 13;
  }

  #w-node-_1cba7e40-12a1-97c9-23b6-211b91318990-04d64576 {
    grid-area: 5 / 1 / 6 / 13;
    justify-self: center;
  }

  #w-node-_9cdc5dfd-77a5-a4ec-5801-22fa0a4e6430-04d64576 {
    grid-area: 6 / 1 / 7 / 13;
  }

  #w-node-_53136c9f-067c-8de9-526d-b34340c87ac6-04d64576 {
    grid-area: 8 / 1 / 9 / 13;
    justify-self: center;
  }

  #w-node-facc20a3-c806-cad2-7bd9-1013625f65cf-04d64576 {
    grid-area: 9 / 1 / 10 / 13;
    justify-self: center;
  }

  #w-node-a5caa5b3-ce6b-d5ce-17f4-5b4eed8c94b7-04d64576 {
    grid-area: 10 / 1 / 11 / 13;
    justify-self: center;
  }

  #w-node-f9fa7757-221d-a4b5-3f34-7869f7824485-04d64576 {
    grid-area: 11 / 1 / 12 / 13;
    justify-self: center;
  }

  #w-node-_19518e49-678c-dedf-4115-72453ff9de1b-04d64576 {
    grid-area: 7 / 1 / 8 / 13;
  }

  #w-node-_3cbd96bd-7127-bac2-d93b-8af0de08a5af-04d64576 {
    grid-area: 12 / 1 / 13 / 13;
    justify-self: center;
  }

  #w-node-_9419e59c-79bb-6766-881f-8d43cba10885-04d64576 {
    grid-area: 13 / 1 / 14 / 13;
  }

  #w-node-b03fb9a2-ddd6-e39c-6338-8a2a4d08a90a-04d64576 {
    grid-area: 14 / 1 / 15 / 13;
  }

  #w-node-_61f4b2c7-d17c-80fa-6508-10730efe5bf2-04d64576 {
    grid-area: 15 / 1 / 16 / 13;
    justify-self: center;
  }

  #w-node-e2482fa6-cab8-a3ec-ef43-2f3d7d833455-04d64576 {
    grid-row: 16 / 17;
  }

  #w-node-_81d54cb4-b368-bf97-89e0-ae8e46442a26-04d64576 {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-c66577c9-4103-eff2-ebe6-a78432403920-47b8a564 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_844ae0e0-997b-9c4d-fced-4cdaa70dcb3f-47b8a564 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-_510cd8f9-143d-aa55-9d7f-a5da7f432fe9-3c3300ea {
    grid-row: 16 / 17;
  }

  #w-node-_6d9c5475-ee5c-60f5-2da5-8cce15fb9a99-3c3300ea {
    grid-row: 1 / 2;
    grid-column-end: 3;
  }

  #w-node-_1253bd6b-c34c-e9cb-bde8-fa3a44d73038-bbdca3be {
    grid-row: 16 / 17;
  }

  #w-node-b6f36eef-da38-389f-34e1-956894444e9d-bbdca3be {
    grid-row: 1 / 2;
    grid-column-end: 3;
  }
}


@font-face {
  font-family: 'Pretendard';
  src: url('../fonts/Pretendard-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Pretendard';
  src: url('../fonts/Pretendard-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}