@charset "UTF-8";
/**
 * @파일명            style.css
 * @프로젝트명         메디사이트
 * @작성자            전혜린(hyerin__ni@page1.co.kr)
 * @최초작성일         2024-08-12
 * @최종수정일         2026-02-25 (v2)
 **/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap");
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");
@import url("https://cdn.jsdelivr.net/npm/boxicons@2.1.1/css/boxicons.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css");

@font-face {
  font-family: 'diaGothicKBO';
  src: url('../../assets/fonts/diaGothicKBO.ttf') format('truetype');
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'gownBatangRegular';
  src: url('../../assets/fonts/gownBatangRegular.ttf') format('truetype');
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'gownDodumRegular';
  src: url('../../assets/fonts/gownDodumRegular.ttf') format('truetype');
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'nanumBarunGothic';
  src: url('../../assets/fonts/nanumBarunGothic.ttf') format('truetype');
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'nanumMyeongjo';
  src: url('../../assets/fonts/nanumMyeongjo.ttf') format('truetype');
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'nanumNeuris';
  src: url('../../assets/fonts/nanumNeuris.ttf') format('truetype');
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'nanumPen';
  src: url('../../assets/fonts/nanumPen.ttf') format('truetype');
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'nanumSonpyeonji';
  src: url('../../assets/fonts/nanumSonpyeonji.ttf') format('truetype');
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'nanumSquare';
  src: url('../../assets/fonts/nanumSquare.ttf') format('truetype');
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'pretendard';
  src: url('../../assets/fonts/pretendard.otf') format('opentype');
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'ridiBatang';
  src: url('../../assets/fonts/ridiBatang.ttf') format('truetype');
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'seoulMetropolitan';
  src: url('../../assets/fonts/seoulMetropolitan.ttf') format('truetype');
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'sleiGothic';
  src: url('../../assets/fonts/sleiGothic.ttf') format('truetype');
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'gmarketSans';
  src: url('../../assets/fonts/gmarketSans.ttf') format('truetype');
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'laundry';
  src: url('../../assets/fonts/laundry.ttf') format('truetype');
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'recipekorea';
  src: url('../../assets/fonts/Recipekorea.ttf') format('truetype');
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'stunning';
  src: url('../../assets/fonts/stunning.ttf') format('truetype');
  font-style: normal;
  font-display: swap;
}

:root {
  --scrollbar-width: 0;
  --current-bg-color: #164AA0;
  --current-text-color: #fff;
}

/* reboot */
iframe {
  display: block;
}

img {
  display: block;
}

/* common */
#skip-nav {
  position: relative;
  z-index: 211;
}

#skip-nav a {
  position: absolute;
  top: -30px;
  left: 0;
  width: 100%;
  padding: 2px 6px 0 0;
  text-align: center;
  font-size: 13px;
  line-height: 26px;
  color: #fff;
  white-space: nowrap;
  background-color: #333;
  opacity: 0;
}

#skip-nav a:focus {
  top: 0;
  opacity: 1;
}

html:has(.image-template, .text-template, .sub-page) {
  font-size: 16px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page):has(.image-template, .text-template, .sub-page) {
    font-size: 20px;
  }
  html[data-mode="rem-extended"]:not(.design-edit-page):has(.sub-page) {
    font-size: 24px;
  }
}

body {
  padding-right: var(--scrollbar-width);
  font-family: 'Noto Sans KR', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Arial', sans-serif;
}

html:not(.design-edit-page) [data-attr="design-util"], html:not(.design-edit-page)
.selection .block-selection {
  display: none !important;
}

.selection:not(.all) {
  word-break: normal;
  overflow-wrap: break-word;
}

.selection *:focus-visible {
  outline: none;
}

.selection.editor {
  font-size: 16px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .selection.editor {
    font-size: 28px;
  }
  html:not(.design-edit-page) .sub-page .selection.editor {
    font-size: 22px;
  }
}

.selection.editor p:empty::after {
  content: '\00A0';
}

#layout-wrapper:has(> .image-template, > .text-template, > .sub-page) {
  min-width: 0;
}

.image-template, .text-template, .sub-page {
  min-width: 320px;
}

html:not(.design-edit-page) .image-template, html:not(.design-edit-page)
.text-template, html:not(.design-edit-page)
.sub-page {
  overflow: hidden;
}

.image-template .main,
.text-template .main,
.sub-page .main {
  min-height: clamp(200px, 40vh, 600px);
}

.image-template,
.text-template,
.sub-page,
.design-admin {
  line-height: 1.2;
}

.common-inner {
  position: relative;
  max-width: 375px;
  padding: 0 20px;
  margin: 0 auto;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .common-inner {
    max-width: 1200px;
    padding: 0 15px;
  }
}

.common-display-mo {
  display: block !important;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .common-display-mo {
    display: none !important;
  }
}

.common-display-pc {
  display: none !important;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .common-display-pc {
    display: block !important;
  }
}

strong[class*="title"] {
  display: block;
}

.text-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

[data-ui-role] {
  position: relative;
  word-break: normal;
  overflow-wrap: break-word;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}

[class$="-template"] .thumb-box[data-ui-role="image"] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: inherit;
}

.thumb-box[data-ui-role="image"] img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain !important;
     object-fit: contain !important;
  border-radius: inherit;
  pointer-events: none;
}

.thumb-box[data-ui-role="image"].is-fill img {
  -o-object-fit: cover !important;
     object-fit: cover !important;
}

.thumb-box[data-ui-role="image"] .overlay {
  border-radius: inherit;
}

.video-embed-wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  background-color: #000;
  pointer-events: none;
}

.video-embed {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
}

.video-embed .inner {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: calc(100% * 9 / 16);
}

.video-embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.file-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  row-gap: 6px;
  max-width: 100%;
}

.file-item {
  max-width: 100%;
}

.file-item a {
  display: block;
  min-width: 0;
  overflow-wrap: break-word;
}

.logo.image-type, .logo.text-type {
  display: block;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.logo.image-type {
  width: 144px;
  height: 32px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .logo.image-type {
    width: 178px;
    height: 38px;
  }
}

.logo.image-type img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: left center;
     object-position: left center;
}

.logo.text-type {
  font-family: 'Pretendard Variable', sans-serif;
  font-size: 21px;
  font-weight: 800;
  line-height: 1.2;
  color: #164AA0;
  word-break: break-all;
  overflow-wrap: break-word;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .logo.text-type {
    font-size: 26px;
  }
}

.swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin: 0 5px !important;
  opacity: 1;
}

.field-label:has(~ :is([aria-required="true"], [class*="form-"]:required),
~ * :is([aria-required="true"], [class*="form-"]:required)) .form-title::after {
  content: '*';
  display: inline-block;
  margin-left: 1px;
  font-size: 14px;
  font-weight: 500;
  color: #F73A3A;
}

.field-label:has(.design-help) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-column-gap: 5px;
     -moz-column-gap: 5px;
          column-gap: 5px;
}

html:not(.design-edit-page) section[class^="section-"]:has(.video-embed-wrap) {
  -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(99.5%, #000), color-stop(99.6%, transparent), to(transparent));
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 99.5%, transparent 99.6%, transparent 100%);
          mask-image: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(99.5%, #000), color-stop(99.6%, transparent), to(transparent));
          mask-image: linear-gradient(to bottom, #000 0%, #000 99.5%, transparent 99.6%, transparent 100%);
}

html:not(.design-edit-page) section[class^="section-"]:has(.video-embed-wrap) + * {
  margin-top: -4px;
}

[class$="-template"] .section-visual {
  position: relative;
}

html.design-edit-page [class$="-template"] .section-visual {
  z-index: 202;
}

html.design-edit-page [class$="-template"] .section-visual:has(.is-hovered) .swiper-pagination {
  z-index: auto;
  pointer-events: none;
}

html.design-edit-page [class$="-template"] .section-visual .swiper {
  overflow: visible;
}

[class$="-template"] .section-visual .swiper-slide {
  background-color: #FAFAFA;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

[class$="-template"] .section-visual .swiper-slide .common-inner {
  height: 100%;
}

[class$="-template"] .section-visual .swiper-slide:has(.thumb-box[data-ui-role="image"], .video-embed-wrap) {
  background-image: none !important;
}

[class$="-template"] .section-visual .text-box-wrap {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
}

[class$="-template"] .section-visual .swiper-pagination {
  bottom: 30px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) [class$="-template"] .section-visual .swiper-pagination {
    bottom: 90px;
  }
}

[class$="-template"] .section-visual .swiper-pagination-bullet {
  border: 1px solid #444444;
  background-color: transparent;
}

[class$="-template"] .section-visual .swiper-pagination-bullet-active {
  background-color: #444444;
}

[class$="-template"] .section-specialist {
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

html:not(.design-edit-page) [class$="-template"] .section-specialist {
  overflow: hidden;
}

[class$="-template"] .section-specialist .common-inner {
  position: static;
}

html.design-edit-page [class$="-template"] .section-specialist:not(.is-inactive) .common-inner {
  z-index: 203;
}

[class$="-template"] .section-specialist .content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  row-gap: 26px;
  min-height: 145px;
  padding: 30px 0;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) [class$="-template"] .section-specialist .content {
    row-gap: 40px;
    min-height: 550px;
    padding: 190px 0;
  }
}

[class$="-template"] .section-specialist .editor-text {
  font-size: 1.2em;
  font-weight: 600;
  line-height: 1.38;
  color: #fff;
  text-align: center;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) [class$="-template"] .section-specialist .editor-text {
    text-align: left;
  }
}

[class$="-template"] .section-specialist .link-specialist {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

[class$="-template"] .section-specialist:has(.thumb-box[data-ui-role="image"], .video-embed-wrap) {
  height: var(--section-height-mo, 145px);
  background-image: none !important;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) [class$="-template"] .section-specialist:has(.thumb-box[data-ui-role="image"], .video-embed-wrap) {
    height: var(--section-height-pc, 550px);
  }
}

[class$="-template"] .section-specialist:has(.thumb-box[data-ui-role="image"], .video-embed-wrap) .common-inner {
  position: relative;
  z-index: 1;
  height: 100%;
}

[class$="-template"] .section-specialist:has(.thumb-box[data-ui-role="image"], .video-embed-wrap) .content {
  min-height: 0 !important;
  height: 100%;
  padding: 0 !important;
}

html:not(.design-edit-page) [class$="-template"] .section-specialist:has(.thumb-box[data-ui-role="image"], .video-embed-wrap) .link-specialist {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100vw;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) [class$="-template"] .section-info .tel-area {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
  }
}

[class$="-template"] .section-info:has(.thumb-box[data-ui-role="image"]) {
  position: relative;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) [class$="-template"] .section-info:has(.thumb-box[data-ui-role="image"]) {
    position: static;
  }
}

html:not(.design-edit-page) [class$="-template"] .section-info:has(.thumb-box[data-ui-role="image"]) .common-inner {
  z-index: 1;
}

[class$="-template"] .section-info[data-feature="tel-extra"] .common-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  row-gap: 48px;
}

[class$="-template"] .section-info[data-feature="tel-extra"] .common-inner:has(.tel-area.extra) {
  row-gap: 50px;
}

[class$="-template"] .section-info[data-feature="tel-extra"] .tel-area .title {
  font-size: 26px;
}

[class$="-template"] .section-info[data-feature="tel-extra"] .tel-area .tel {
  font-size: 33px;
}

.section-info .info-list {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 8px 25px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .section-info .info-list {
    row-gap: 10px;
  }
}

.section-info .info-item {
  display: contents;
  white-space: pre-wrap;
  overflow-wrap: break-word;
}

.section-info .info-item .title {
  min-width: 70px;
  max-width: 150px;
  font-weight: 500;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .section-info .info-item .title {
    max-width: 200px;
  }
}

.section-info .info-item .time {
  position: relative;
  top: 1px;
  font-family: 'Pretendard Variable', sans-serif;
  font-weight: 500;
}

.section-info .message {
  margin-bottom: 0;
  white-space: pre-wrap;
  overflow-wrap: break-word;
}

.section-info .tel {
  font-family: 'Pretendard Variable', sans-serif;
  font-size: 30px;
  font-weight: 700;
  overflow-wrap: break-word;
}

.section-info[data-feature="tel-extra"] .section-headline {
  line-height: 1.4;
  letter-spacing: -0.02em;
}

.section-info[data-feature="tel-extra"] .group-tel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.section-info[data-feature="tel-extra"] .tel-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 16px;
}

.section-info[data-feature="tel-extra"] .tel-area + .tel-area {
  margin-top: 28px;
}

.section-info[data-feature="tel-extra"] .tel-area + .tel-area:not(:has(.title)) {
  margin-top: 16px;
}

.section-info[data-feature="tel-extra"] .tel-area .title {
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -0.02em;
}

.section-info[data-feature="tel-extra"] .tel-area .tel {
  line-height: 1.4;
  letter-spacing: -0.02em;
}

.section-info[data-feature="tel-extra"] .btn-tel-extra {
  position: relative;
  min-width: 0;
  padding: 6px 8px;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.09;
  border-width: 1px;
  border-style: solid;
  border-radius: 3px;
  pointer-events: auto;
}

html.design-edit-page .section-info[data-feature="tel-extra"] .tel-area:has(.btn-tel-extra) {
  display: grid;
  grid-template-columns: minmax(0, -webkit-max-content) minmax(0, -webkit-max-content) 1fr;
  grid-template-columns: minmax(0, max-content) minmax(0, max-content) 1fr;
  grid-template-rows: auto auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 16px;
     -moz-column-gap: 16px;
          column-gap: 16px;
}

html.design-edit-page .section-info[data-feature="tel-extra"] .tel-area:has(.btn-tel-extra) .title {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
}

html.design-edit-page .section-info[data-feature="tel-extra"] .tel-area:has(.btn-tel-extra) .tel {
  grid-column: 1 / -1;
  grid-row: 2 / 3;
}

html.design-edit-page .section-info[data-feature="tel-extra"] .tel-area:has(.btn-tel-extra) .btn-tel-extra {
  grid-column: 2 / 3;
  grid-row: 1 / 2;
}

.section-info[data-feature="tel-extra"]:has(.tel-area.extra) .tel-area {
  row-gap: 10px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .section-info[data-feature="tel-extra"]:has(.tel-area.extra) .tel-area {
    row-gap: 8px;
  }
}

.section-directions .map-area {
  position: relative;
  background-color: #f5f5f5;
}

.section-directions .map-area .thumb-box {
  height: 100%;
}

.section-directions .map-area .thumb-box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.section-directions .map-info-window {
  position: relative;
  top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 6px;
     -moz-column-gap: 6px;
          column-gap: 6px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 180px;
  padding: 5px 10px;
  border: 2px solid #0385FF;
  border-radius: 30px;
  background-color: #fff;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .section-directions .map-info-window {
    max-width: 400px;
    padding: 8px 14px;
  }
}

.section-directions .map-info-window::before {
  content: '';
  display: inline-block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 26px;
  height: 26px;
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='14' cy='14.25' r='13.375' fill='%230174F3'/%3E%3Cg clip-path='url(%23clip0_3068_13123)'%3E%3Cpath d='M21 12.2712H16.9788V8.25H12.0212V12.2712H8V17.2288H12.0212V21.25H16.9788V17.2288H21V12.2712Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3068_13123'%3E%3Crect width='14' height='14' fill='white' transform='translate(7 7.25)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .section-directions .map-info-window::before {
    width: 28px;
    height: 28px;
  }
}

.section-directions .map-info-window .title {
  min-width: 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.14;
  color: #222;
  overflow-wrap: break-word;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .section-directions .map-info-window .title {
    font-size: 18px;
  }
}

.section-empty {
  padding: 50px 0;
}

.section-empty:first-of-type {
  padding-top: 60px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .section-empty {
    padding: 80px 0;
  }
  html:not(.design-edit-page) .section-empty:first-of-type {
    padding-top: 93px;
  }
}

.section-empty .content-body {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 25px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .section-empty .content-body {
    row-gap: 35px;
  }
}

.section-empty .content-body .thumb-box {
  position: relative !important;
  inset: auto !important;
}

.section-empty .content-body .thumb-box img {
  width: 100%;
  height: auto !important;
  -o-object-fit: initial !important;
     object-fit: initial !important;
}

.section-empty .content-body .link-empty {
  position: relative;
  display: block;
}

html:not(.design-edit-page) .section-empty .content-body .link-empty::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.2);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}

html:not(.design-edit-page) .section-empty .content-body .link-empty:hover::before {
  opacity: 1;
}

.section-empty .content-body .editor-text {
  font-size: 1em;
  font-weight: 400;
  line-height: 1.45;
  color: #444446;
  text-align: center;
}

html:not(.design-edit-page) .section-empty .content-body .table {
  width: 100% !important;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .section-empty .content-body .table {
    table-layout: fixed;
    overflow-wrap: break-word;
  }
}

.section-empty .content-body .table > :not(caption) > * > * {
  padding: 13px 6px;
  border-bottom-width: 0;
  vertical-align: middle;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .section-empty .content-body .table > :not(caption) > * > * {
    padding-top: 18px;
    padding-bottom: 18px;
  }
}

.section-empty .content-body .table th,
.section-empty .content-body .table td {
  font-size: 14px;
  line-height: 1.23;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .section-empty .content-body .table th, html:not(.design-edit-page)
  .section-empty .content-body .table td {
    font-size: 18px;
  }
}

.section-empty .content-body .table tr:nth-child(1) th {
  background-color: #B69C7B;
}

.section-empty .content-body .table tr:nth-child(2) th:nth-child(2n+1) {
  background-color: #76757E;
}

.section-empty .content-body .table tr:nth-child(2) th:nth-child(2n) {
  background-color: #C1BAB0;
}

.section-empty .content-body .table th {
  font-weight: 500;
  color: #fff;
}

.section-empty .content-body .table td {
  font-weight: 400;
  color: #2C2C2C;
  background-color: #fff;
}

[class*="reservation"] [data-field="detail"]:has(.text:not(.label) + .text:not(.label)) .text:not(.label):not(:last-child)::after {
  content: ",";
}

.reservation-form .form-field[data-field="detail"] .detail-options .form-check-label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
  width: 100%;
  height: 100%;
  border: 1px solid #D8D8D8;
  border-radius: 5px;
  background-color: #fff;
}

.reservation-form .form-field[data-field="detail"] .detail-options .form-check-label:has(.form-check-input:checked) {
  border-color: #415DED;
  background-color: #EFEFFF;
}

.reservation-form .form-field[data-field="detail"] .detail-options .form-check-label span {
  min-width: 0;
  overflow-wrap: break-word;
}

.reservation-form .form-field[data-field="detail"] .detail-options .form-check-input:checked {
  border-color: #415DED;
  background-color: #415DED;
}

.reservation-form .available-content .time-options {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.reservation-form .available-content .time-options .btn-time {
  color: inherit;
  text-align: center;
  overflow-wrap: break-word;
  border: 1px solid #D8D8D8;
  border-radius: 5px;
  background-color: #fff;
}

.reservation-form .available-content .time-options .btn-time:disabled {
  color: #BDC1C7 !important;
  border-color: #D8D8D8 !important;
  background-color: #ECECEC !important;
}

.reservation-form .available-content .time-options .btn-time.is-selected {
  color: #fff;
  border-color: #415DED;
  background-color: #415DED;
}

.swiper[class*="-fade"].is-transitioning .swiper-slide {
  will-change: opacity, transform;
}

.swiper:not([class*="-fade"]).is-transitioning .swiper-wrapper {
  will-change: transform;
}

[data-aos^='fade'][data-aos^='fade'].aos-animate {
  will-change: opacity, transform;
}

[data-aos^='zoom'][data-aos^='zoom'].aos-animate {
  will-change: opacity, transform;
}

[data-aos^='flip'][data-aos^='flip'].aos-animate {
  will-change: transform;
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

/* dropzone */
html .dropzone,
html .dropzone.dz-clickable {
  position: relative;
  min-height: 230px;
  border: 1px solid #D8D8D8;
  background-color: #F8F8F8;
  border-radius: 5px;
}

html .dropzone .dz-preview .dz-details,
html .dropzone.dz-clickable .dz-preview .dz-details {
  opacity: 1 !important;
}

html .dropzone .dz-message,
html .dropzone.dz-clickable .dz-message {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  margin: 0;
  padding: 0 12px;
  color: #BDC1C7;
  overflow-wrap: break-word;
}

html .dropzone [data-dz-name="data-dz-name"],
html .dropzone.dz-clickable [data-dz-name="data-dz-name"] {
  min-width: 0;
  word-break: normal;
  overflow-wrap: break-word;
}

html .dropzone [data-dz-remove="data-dz-remove"],
html .dropzone.dz-clickable [data-dz-remove="data-dz-remove"] {
  cursor: pointer;
}

html .dropzone:has(.fallback) .fallback,
html .dropzone:has(.fallback) [data-dz-remove="data-dz-remove"],
html .dropzone.dz-clickable:has(.fallback) .fallback,
html .dropzone.dz-clickable:has(.fallback) [data-dz-remove="data-dz-remove"] {
  opacity: 0;
  cursor: default;
}

html .modal .dropzone {
  min-height: 150px;
}

/* tinymce */
.tox.tox-tinymce {
  border-width: 1px;
  border-color: #D8D8D8;
  border-radius: 5px;
}

.tox.tox-tinymce .tox-statusbar {
  border-color: #D8D8D8;
}

.tox.tox-tinymce.tox-fullscreen {
  z-index: 1200 !important;
}

.tox .tox-edit-area::before {
  display: none;
}

.mce-content-body .mce-item-anchor {
  background: transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;
}

.mce-content-body .mce-item-anchor:empty {
  cursor: default;
  display: inline-block;
  height: 12px !important;
  padding: 0 2px;
  -webkit-user-modify: read-only;
  -moz-user-modify: read-only;
  -webkit-user-select: all;
  -moz-user-select: all;
  user-select: all;
  width: 8px !important;
}

.mce-content-body .mce-item-anchor:not(:empty) {
  background-position-x: 2px;
  display: inline-block;
  padding-left: 12px;
}

.mce-content-body .mce-item-anchor[data-mce-selected] {
  outline-offset: 1px;
}

.tox-comments-visible .tox-comment[contenteditable=false]:not([data-mce-selected]),
.tox-comments-visible span.tox-comment img:not([data-mce-selected]),
.tox-comments-visible span.tox-comment span.mce-preview-object:not([data-mce-selected]),
.tox-comments-visible span.tox-comment > audio:not([data-mce-selected]),
.tox-comments-visible span.tox-comment > video:not([data-mce-selected]) {
  outline: 3px solid #ffe89d;
}

.tox-comments-visible .tox-comment[contenteditable=false][data-mce-annotation-active=true]:not([data-mce-selected]) {
  outline: 3px solid #fed635;
}

.tox-comments-visible span.tox-comment[data-mce-annotation-active=true] img:not([data-mce-selected]),
.tox-comments-visible span.tox-comment[data-mce-annotation-active=true] span.mce-preview-object:not([data-mce-selected]),
.tox-comments-visible span.tox-comment[data-mce-annotation-active=true] > audio:not([data-mce-selected]),
.tox-comments-visible span.tox-comment[data-mce-annotation-active=true] > video:not([data-mce-selected]) {
  outline: 3px solid #fed635;
}

.tox-comments-visible span.tox-comment:not([data-mce-selected]) {
  background-color: #ffe89d;
  outline: 0;
}

.tox-comments-visible span.tox-comment[data-mce-annotation-active=true]:not([data-mce-selected=inline-boundary]) {
  background-color: #fed635;
}

.tox-checklist > li:not(.tox-checklist--hidden) {
  list-style: none;
  margin: .25em 0;
}

.tox-checklist > li:not(.tox-checklist--hidden)::before {
  content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
  cursor: pointer;
  height: 1em;
  margin-left: -1.5em;
  margin-top: .125em;
  position: absolute;
  width: 1em;
}

.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before {
  content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
}

[dir=rtl] .tox-checklist > li:not(.tox-checklist--hidden)::before {
  margin-left: 0;
  margin-right: -1.5em;
}

code[class*=language-],
pre[class*=language-] {
  color: #000;
  background: 0 0;
  text-shadow: 0 1px #fff;
  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
  font-size: 1em;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;
  -moz-tab-size: 4;
  -o-tab-size: 4;
     tab-size: 4;
  -webkit-hyphens: none;
  -ms-hyphens: none;
      hyphens: none;
}

code[class*=language-] ::-moz-selection,
code[class*=language-]::-moz-selection,
pre[class*=language-] ::-moz-selection,
pre[class*=language-]::-moz-selection {
  text-shadow: none;
  background: #b3d4fc;
}

code[class*=language-] ::-moz-selection, code[class*=language-]::-moz-selection, pre[class*=language-] ::-moz-selection, pre[class*=language-]::-moz-selection {
  text-shadow: none;
  background: #b3d4fc;
}

code[class*=language-] ::selection,
code[class*=language-]::selection,
pre[class*=language-] ::selection,
pre[class*=language-]::selection {
  text-shadow: none;
  background: #b3d4fc;
}

@media print {
  code[class*=language-],
  pre[class*=language-] {
    text-shadow: none;
  }
}

pre[class*=language-] {
  padding: 1em;
  margin: .5em 0;
  overflow: auto;
}

:not(pre) > code[class*=language-],
pre[class*=language-] {
  background: #f5f2f0;
}

:not(pre) > code[class*=language-] {
  padding: .1em;
  border-radius: .3em;
  white-space: normal;
}

.token.cdata,
.token.comment,
.token.doctype,
.token.prolog {
  color: #708090;
}

.token.punctuation {
  color: #999;
}

.token.namespace {
  opacity: .7;
}

.token.boolean,
.token.constant,
.token.deleted,
.token.number,
.token.property,
.token.symbol,
.token.tag {
  color: #905;
}

.token.attr-name,
.token.builtin,
.token.char,
.token.inserted,
.token.selector,
.token.string {
  color: #690;
}

.language-css .token.string,
.style .token.string,
.token.entity,
.token.operator,
.token.url {
  color: #9a6e3a;
  background: rgba(255, 255, 255, 0.5);
}

.token.atrule,
.token.attr-value,
.token.keyword {
  color: #07a;
}

.token.class-name,
.token.function {
  color: #dd4a68;
}

.token.important,
.token.regex,
.token.variable {
  color: #e90;
}

.token.bold,
.token.important {
  font-weight: 700;
}

.token.italic {
  font-style: italic;
}

.token.entity {
  cursor: help;
}

.mce-content-body {
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.mce-content-body .mce-visual-caret {
  background-color: #000;
  background-color: currentColor;
  position: absolute;
}

.mce-content-body .mce-visual-caret-hidden {
  display: none;
}

.mce-content-body [data-mce-caret] {
  left: -1000px;
  margin: 0;
  padding: 0;
  position: absolute;
  right: auto;
  top: 0;
}

.mce-content-body .mce-offscreen-selection {
  left: -2000000px;
  max-width: 1000000px;
  position: absolute;
}

.mce-content-body [contentEditable=false] {
  cursor: default;
}

.mce-content-body [contentEditable=true] {
  cursor: text;
}

.tox-cursor-format-painter {
  cursor: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"), default;
}

div.mce-footnotes hr {
  -webkit-margin-end: auto;
          margin-inline-end: auto;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  width: 25%;
}

div.mce-footnotes li > a.mce-footnotes-backlink {
  text-decoration: none;
}

@media print {
  sup.mce-footnote a {
    color: #000;
    text-decoration: none;
  }
  div.mce-footnotes {
    -webkit-column-break-inside: avoid;
       -moz-column-break-inside: avoid;
            break-inside: avoid;
    width: 100%;
  }
  div.mce-footnotes li > a.mce-footnotes-backlink {
    display: none;
  }
}

.mce-content-body figure.align-left {
  float: left;
}

.mce-content-body figure.align-right {
  float: right;
}

.mce-content-body figure.image.align-center {
  display: table;
  margin-left: auto;
  margin-right: auto;
}

.mce-preview-object {
  border: 1px solid gray;
  display: inline-block;
  line-height: 0;
  margin: 0 2px 0 2px;
  position: relative;
}

.mce-preview-object .mce-shim {
  background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.mce-preview-object[data-mce-selected="2"] .mce-shim {
  display: none;
}

.mce-content-body .mce-mergetag {
  cursor: default !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
}

.mce-content-body .mce-mergetag:hover {
  background-color: rgba(0, 108, 231, 0.1);
}

.mce-content-body .mce-mergetag-affix {
  background-color: rgba(0, 108, 231, 0.1);
  color: #006ce7;
}

.mce-object {
  background: transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;
  border: 1px dashed #aaa;
}

.mce-pagebreak {
  border: 1px dashed #aaa;
  cursor: default;
  display: block;
  height: 5px;
  margin-top: 15px;
  page-break-before: always;
  width: 100%;
}

@media print {
  .mce-pagebreak {
    border: 0;
  }
}

.tiny-pageembed .mce-shim {
  background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.tiny-pageembed[data-mce-selected="2"] .mce-shim {
  display: none;
}

.tiny-pageembed {
  display: inline-block;
  position: relative;
}

.tiny-pageembed--16by9,
.tiny-pageembed--1by1,
.tiny-pageembed--21by9,
.tiny-pageembed--4by3 {
  display: block;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 100%;
}

.tiny-pageembed--21by9 {
  padding-top: 42.857143%;
}

.tiny-pageembed--16by9 {
  padding-top: 56.25%;
}

.tiny-pageembed--4by3 {
  padding-top: 75%;
}

.tiny-pageembed--1by1 {
  padding-top: 100%;
}

.tiny-pageembed--16by9 iframe,
.tiny-pageembed--1by1 iframe,
.tiny-pageembed--21by9 iframe,
.tiny-pageembed--4by3 iframe {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.mce-content-body[data-mce-placeholder] {
  position: relative;
}

.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before {
  color: rgba(34, 47, 62, 0.7);
  content: attr(data-mce-placeholder);
  position: absolute;
}

.mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before {
  left: 1px;
}

.mce-content-body[dir=rtl][data-mce-placeholder]:not(.mce-visualblocks)::before {
  right: 1px;
}

.mce-content-body div.mce-resizehandle {
  background-color: #4099ff;
  border-color: #4099ff;
  border-style: solid;
  border-width: 1px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 10px;
  position: absolute;
  width: 10px;
  z-index: 1298;
}

.mce-content-body div.mce-resizehandle:hover {
  background-color: #4099ff;
}

.mce-content-body div.mce-resizehandle:nth-of-type(1) {
  cursor: nwse-resize;
}

.mce-content-body div.mce-resizehandle:nth-of-type(2) {
  cursor: nesw-resize;
}

.mce-content-body div.mce-resizehandle:nth-of-type(3) {
  cursor: nwse-resize;
}

.mce-content-body div.mce-resizehandle:nth-of-type(4) {
  cursor: nesw-resize;
}

.mce-content-body .mce-resize-backdrop {
  z-index: 10000;
}

.mce-content-body .mce-clonedresizable {
  cursor: default;
  opacity: .5;
  outline: 1px dashed #000;
  position: absolute;
  z-index: 10001;
}

.mce-content-body .mce-clonedresizable.mce-resizetable-columns td,
.mce-content-body .mce-clonedresizable.mce-resizetable-columns th {
  border: 0;
}

.mce-content-body .mce-resize-helper {
  background: #555;
  background: rgba(0, 0, 0, 0.75);
  border: 1px;
  border-radius: 3px;
  color: #fff;
  display: none;
  font-family: sans-serif;
  font-size: 12px;
  line-height: 14px;
  margin: 5px 10px;
  padding: 5px;
  position: absolute;
  white-space: nowrap;
  z-index: 10002;
}

.tox-rtc-user-selection {
  position: relative;
}

.tox-rtc-user-cursor {
  bottom: 0;
  cursor: default;
  position: absolute;
  top: 0;
  width: 2px;
}

.tox-rtc-user-cursor::before {
  background-color: inherit;
  border-radius: 50%;
  content: '';
  display: block;
  height: 8px;
  position: absolute;
  right: -3px;
  top: -3px;
  width: 8px;
}

.tox-rtc-user-cursor:hover::after {
  background-color: inherit;
  border-radius: 100px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  content: attr(data-user);
  display: block;
  font-size: 12px;
  font-weight: 700;
  left: -5px;
  min-height: 8px;
  min-width: 8px;
  padding: 0 12px;
  position: absolute;
  top: -11px;
  white-space: nowrap;
  z-index: 1000;
}

.tox-rtc-user-selection--1 .tox-rtc-user-cursor {
  background-color: #2dc26b;
}

.tox-rtc-user-selection--2 .tox-rtc-user-cursor {
  background-color: #e03e2d;
}

.tox-rtc-user-selection--3 .tox-rtc-user-cursor {
  background-color: #f1c40f;
}

.tox-rtc-user-selection--4 .tox-rtc-user-cursor {
  background-color: #3598db;
}

.tox-rtc-user-selection--5 .tox-rtc-user-cursor {
  background-color: #b96ad9;
}

.tox-rtc-user-selection--6 .tox-rtc-user-cursor {
  background-color: #e67e23;
}

.tox-rtc-user-selection--7 .tox-rtc-user-cursor {
  background-color: #aaa69d;
}

.tox-rtc-user-selection--8 .tox-rtc-user-cursor {
  background-color: #f368e0;
}

.tox-rtc-remote-image {
  background: #eaeaea url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center;
  border: 1px solid #ccc;
  min-height: 240px;
  min-width: 320px;
}

.mce-match-marker {
  background: #aaa;
  color: #fff;
}

.mce-match-marker-selected {
  background: #39f;
  color: #fff;
}

.mce-match-marker-selected::-moz-selection {
  background: #39f;
  color: #fff;
}

.mce-match-marker-selected::selection {
  background: #39f;
  color: #fff;
}

.mce-content-body audio[data-mce-selected],
.mce-content-body details[data-mce-selected],
.mce-content-body embed[data-mce-selected],
.mce-content-body img[data-mce-selected],
.mce-content-body object[data-mce-selected],
.mce-content-body table[data-mce-selected],
.mce-content-body video[data-mce-selected] {
  outline: 3px solid #b4d7ff;
}

.mce-content-body hr[data-mce-selected] {
  outline: 3px solid #b4d7ff;
  outline-offset: 1px;
}

.mce-content-body [contentEditable=false] [contentEditable=true]:focus {
  outline: 3px solid #b4d7ff;
}

.mce-content-body [contentEditable=false] [contentEditable=true]:hover {
  outline: 3px solid #b4d7ff;
}

.mce-content-body [contentEditable=false][data-mce-selected] {
  cursor: not-allowed;
  outline: 3px solid #b4d7ff;
}

.mce-content-body.mce-content-readonly [contentEditable=true]:focus,
.mce-content-body.mce-content-readonly [contentEditable=true]:hover {
  outline: 0;
}

.mce-content-body [data-mce-selected=inline-boundary] {
  background-color: #b4d7ff;
}

.mce-content-body .mce-edit-focus {
  outline: 3px solid #b4d7ff;
}

.mce-content-body td[data-mce-selected],
.mce-content-body th[data-mce-selected] {
  position: relative;
}

.mce-content-body td[data-mce-selected]::-moz-selection,
.mce-content-body th[data-mce-selected]::-moz-selection {
  background: 0 0;
}

.mce-content-body td[data-mce-selected]::-moz-selection, .mce-content-body th[data-mce-selected]::-moz-selection {
  background: 0 0;
}

.mce-content-body td[data-mce-selected]::selection,
.mce-content-body th[data-mce-selected]::selection {
  background: 0 0;
}

.mce-content-body td[data-mce-selected] *,
.mce-content-body th[data-mce-selected] * {
  outline: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
}

.mce-content-body td[data-mce-selected]::after,
.mce-content-body th[data-mce-selected]::after {
  background-color: rgba(180, 215, 255, 0.7);
  border: 1px solid rgba(180, 215, 255, 0.7);
  bottom: -1px;
  content: '';
  left: -1px;
  mix-blend-mode: multiply;
  position: absolute;
  right: -1px;
  top: -1px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .mce-content-body td[data-mce-selected]::after,
  .mce-content-body th[data-mce-selected]::after {
    border-color: rgba(0, 84, 180, 0.7);
  }
}

.mce-content-body img[data-mce-selected]::-moz-selection {
  background: 0 0;
}

.mce-content-body img[data-mce-selected]::selection {
  background: 0 0;
}

.ephox-snooker-resizer-bar {
  background-color: #b4d7ff;
  opacity: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
}

.ephox-snooker-resizer-cols {
  cursor: col-resize;
}

.ephox-snooker-resizer-rows {
  cursor: row-resize;
}

.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging {
  opacity: 1;
}

.mce-spellchecker-word {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
  background-position: 0 calc(100% + 1px);
  background-repeat: repeat-x;
  background-size: auto 6px;
  cursor: default;
  height: 2rem;
}

.mce-spellchecker-grammar {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
  background-position: 0 calc(100% + 1px);
  background-repeat: repeat-x;
  background-size: auto 6px;
  cursor: default;
}

.mce-toc {
  border: 1px solid gray;
}

.mce-toc h2 {
  margin: 4px;
}

.mce-toc ul > li {
  list-style-type: none;
}

[data-mce-block] {
  display: block;
}

.mce-item-table:not([border]),
.mce-item-table:not([border]) caption,
.mce-item-table:not([border]) td,
.mce-item-table:not([border]) th,
.mce-item-table[border="0"],
.mce-item-table[border="0"] caption,
.mce-item-table[border="0"] td,
.mce-item-table[border="0"] th,
table[style*="border-width: 0px"],
table[style*="border-width: 0px"] caption,
table[style*="border-width: 0px"] td,
table[style*="border-width: 0px"] th {
  border: 1px dashed #bbb;
}

.mce-visualblocks address,
.mce-visualblocks article,
.mce-visualblocks aside,
.mce-visualblocks blockquote,
.mce-visualblocks div:not([data-mce-bogus]),
.mce-visualblocks dl,
.mce-visualblocks figcaption,
.mce-visualblocks figure,
.mce-visualblocks h1,
.mce-visualblocks h2,
.mce-visualblocks h3,
.mce-visualblocks h4,
.mce-visualblocks h5,
.mce-visualblocks h6,
.mce-visualblocks hgroup,
.mce-visualblocks ol,
.mce-visualblocks p,
.mce-visualblocks pre,
.mce-visualblocks section,
.mce-visualblocks ul {
  background-repeat: no-repeat;
  border: 1px dashed #bbb;
  margin-left: 3px;
  padding-top: 10px;
}

.mce-visualblocks p {
  background-image: url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7);
}

.mce-visualblocks h1 {
  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==);
}

.mce-visualblocks h2 {
  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==);
}

.mce-visualblocks h3 {
  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7);
}

.mce-visualblocks h4 {
  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==);
}

.mce-visualblocks h5 {
  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==);
}

.mce-visualblocks h6 {
  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==);
}

.mce-visualblocks div:not([data-mce-bogus]) {
  background-image: url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7);
}

.mce-visualblocks section {
  background-image: url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=);
}

.mce-visualblocks article {
  background-image: url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7);
}

.mce-visualblocks blockquote {
  background-image: url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7);
}

.mce-visualblocks address {
  background-image: url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=);
}

.mce-visualblocks pre {
  background-image: url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==);
}

.mce-visualblocks figure {
  background-image: url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7);
}

.mce-visualblocks figcaption {
  border: 1px dashed #bbb;
}

.mce-visualblocks hgroup {
  background-image: url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7);
}

.mce-visualblocks aside {
  background-image: url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=);
}

.mce-visualblocks ul {
  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==);
}

.mce-visualblocks ol {
  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==);
}

.mce-visualblocks dl {
  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==);
}

.mce-visualblocks:not([dir=rtl]) address,
.mce-visualblocks:not([dir=rtl]) article,
.mce-visualblocks:not([dir=rtl]) aside,
.mce-visualblocks:not([dir=rtl]) blockquote,
.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]),
.mce-visualblocks:not([dir=rtl]) dl,
.mce-visualblocks:not([dir=rtl]) figcaption,
.mce-visualblocks:not([dir=rtl]) figure,
.mce-visualblocks:not([dir=rtl]) h1,
.mce-visualblocks:not([dir=rtl]) h2,
.mce-visualblocks:not([dir=rtl]) h3,
.mce-visualblocks:not([dir=rtl]) h4,
.mce-visualblocks:not([dir=rtl]) h5,
.mce-visualblocks:not([dir=rtl]) h6,
.mce-visualblocks:not([dir=rtl]) hgroup,
.mce-visualblocks:not([dir=rtl]) ol,
.mce-visualblocks:not([dir=rtl]) p,
.mce-visualblocks:not([dir=rtl]) pre,
.mce-visualblocks:not([dir=rtl]) section,
.mce-visualblocks:not([dir=rtl]) ul {
  margin-left: 3px;
}

.mce-visualblocks[dir=rtl] address,
.mce-visualblocks[dir=rtl] article,
.mce-visualblocks[dir=rtl] aside,
.mce-visualblocks[dir=rtl] blockquote,
.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]),
.mce-visualblocks[dir=rtl] dl,
.mce-visualblocks[dir=rtl] figcaption,
.mce-visualblocks[dir=rtl] figure,
.mce-visualblocks[dir=rtl] h1,
.mce-visualblocks[dir=rtl] h2,
.mce-visualblocks[dir=rtl] h3,
.mce-visualblocks[dir=rtl] h4,
.mce-visualblocks[dir=rtl] h5,
.mce-visualblocks[dir=rtl] h6,
.mce-visualblocks[dir=rtl] hgroup,
.mce-visualblocks[dir=rtl] ol,
.mce-visualblocks[dir=rtl] p,
.mce-visualblocks[dir=rtl] pre,
.mce-visualblocks[dir=rtl] section,
.mce-visualblocks[dir=rtl] ul {
  background-position-x: right;
  margin-right: 3px;
}

.mce-nbsp,
.mce-shy {
  background: #aaa;
}

.mce-shy::after {
  content: '-';
}

/* fancybox */
.f-panzoom__viewport {
  background-color: #fff;
}

.overlay-fancybox {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

/* bootstrap-modal */
@media screen and (max-width: 1023px) {
  html:not(.design-edit-page):has(.image-template, .text-template, .sub-page) .modal-dialog {
    width: clamp(250px, 90vw, 350px);
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 1023px) {
  html:not(.design-edit-page):has(.image-template, .text-template, .sub-page) .modal-header:has(.vertical) .vertical {
    row-gap: 12px;
  }
}

@media screen and (max-width: 1023px) {
  html:not(.design-edit-page):has(.image-template, .text-template, .sub-page) .modal-header:has(.vertical) .modal-title {
    font-size: 18px;
  }
}

html:not(.design-edit-page):has(.image-template, .text-template, .sub-page) .modal-header:has(.vertical) .remark {
  line-height: 1.35;
}

@media screen and (max-width: 1023px) {
  html:not(.design-edit-page):has(.image-template, .text-template, .sub-page) .modal-footer .btn:not([class^="w-"]):not([class*="w-"]) {
    min-width: 65px;
  }
}

@media (hover: none) {
  html:not(.design-edit-page):has(.image-template, .text-template, .sub-page) .modal-footer .btn-primary {
    color: #fff;
    border-color: #2D46C9;
    background-color: #2D46C9;
  }
}

@media (hover: none) {
  html:not(.design-edit-page):has(.image-template, .text-template, .sub-page) .modal-footer .btn-outline-secondary {
    color: #505968;
    border-color: currentColor;
    background-color: transparent;
  }
}

html:not(.design-edit-page):has(.image-template, .text-template, .sub-page) .modal:has(.confirm-message) .modal-title {
  font-size: 20px;
}

@media screen and (max-width: 1023px) {
  html:not(.design-edit-page):has(.image-template, .text-template, .sub-page) .modal:has(.confirm-message) .modal-title {
    font-size: 18px;
  }
}

@media screen and (max-width: 1023px) {
  html:not(.design-edit-page):has(.image-template, .text-template, .sub-page) .modal .confirm-message {
    font-size: 15px;
  }
}

@media screen and (max-width: 1023px) {
  .modal:has(.common-verification) .modal-content {
    padding: 20px;
  }
}

.modal .common-verification {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  row-gap: 20px;
  font-size: 12px;
  color: #333;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .modal .common-verification {
    font-size: 14px;
  }
}

.modal .common-verification .col-form-label,
.modal .common-verification .form-control {
  font-size: inherit;
}

.modal .common-verification .form-fields {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 15px;
}

@media screen and (max-width: 1023px) {
  .modal .common-verification .col-form-label {
    padding: 0 0 5px;
    background-color: transparent;
  }
  .modal .common-verification .col-form-label + [class*=col-] {
    padding: 0;
  }
}

.modal .common-verification .form-field {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 2.5fr) minmax(0, 1fr);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-column-gap: 5px;
     -moz-column-gap: 5px;
          column-gap: 5px;
}

.modal .common-verification .form-field .form-control-wrap {
  position: relative;
  grid-column: 1;
  grid-row: 1;
}

.modal .common-verification .form-field .form-control {
  padding: 8px 12px;
}

.modal .common-verification .form-field .timer {
  position: absolute;
  top: 50%;
  right: 12px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: inherit;
  line-height: 1;
  letter-spacing: -0.03em;
  color: #2D46C9;
}

.modal .common-verification .form-field .form-control:-moz-read-only + .timer {
  display: none;
}

.modal .common-verification .form-field .form-control:disabled + .timer, .modal .common-verification .form-field .form-control:read-only + .timer {
  display: none;
}

.modal .common-verification .form-field .btn {
  align-self: center;
  grid-column: 2;
  grid-row: 1;
  min-width: 50px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 8px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -0.04em;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .modal .common-verification .form-field .btn {
    min-width: 55px;
    padding: 8px 10px;
  }
}

@media (hover: none) {
  .modal .common-verification .form-field .btn-primary {
    color: #fff;
    background-color: #2D46C9;
    border-color: #2D46C9;
  }
}

@media (hover: none) {
  .modal .common-verification .form-field .btn-outline-secondary {
    color: #505968;
    border-color: currentColor;
    background-color: transparent;
  }
}

@media (hover: none) {
  .modal .common-verification .form-field .btn-outline-primary {
    color: #2D46C9;
    border-color: currentColor;
    background-color: transparent;
  }
}

.modal .common-verification .form-field .is-success {
  display: block;
  width: 100%;
  margin: 4px 0 0;
  padding-left: 12px;
  font-size: 12px;
  font-weight: 500;
  color: #415DED;
}

.modal .common-verification .form-field .is-error,
.modal .common-verification .form-field .is-success {
  grid-column: 1 / -1;
  margin-top: 4px;
  padding-left: 0 !important;
  line-height: 1.33;
  letter-spacing: -0.03em;
}

@media screen and (max-width: 1023px) {
  .modal .common-verification .form-field .is-error,
  .modal .common-verification .form-field .is-success {
    font-size: 10px;
  }
}

.modal .common-verification .form-field.is-expired .is-error {
  position: absolute;
  top: 50%;
  left: 12px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: auto;
  margin: 0;
}

.modal .common-verification .form-field.is-expired .btn {
  display: none;
}

.modal .common-verification .verification-notice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  row-gap: 10px;
  margin: 0 20px;
  line-height: 1.4;
  letter-spacing: -0.03em;
  word-break: normal;
  overflow-wrap: break-word;
}

.modal .common-verification .verification-notice .form-check {
  margin: 0 -20px;
}

.modal .common-verification .verification-notice .form-check-label {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.modal .common-verification .verification-notice .form-check-input {
  top: auto;
  width: 20px;
  height: 20px;
}

.modal .common-verification .verification-notice .notice-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 4px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .modal .common-verification .verification-notice .notice-list {
    row-gap: 6px;
  }
}

.modal .common-verification .verification-notice .notice-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 2px;
}

.modal .common-verification .verification-notice .notice-item .text-box:has(.title) {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, -webkit-max-content));
  grid-template-columns: repeat(2, minmax(0, max-content));
  -webkit-column-gap: 5px;
     -moz-column-gap: 5px;
          column-gap: 5px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.modal .common-verification .verification-notice .notice-item .text-box:has(.title) .title {
  font-weight: inherit;
}

.modal .common-verification .verification-notice .notice-item .text-box:has(.title) .title::after {
  content: ": ";
}

.modal .common-verification .verification-notice .title {
  font-weight: 600;
}

.modal .common-verification .verification-notice .desc {
  font-weight: inherit;
}

.modal .common-verification .verification-notice .desc-box .desc {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, -webkit-max-content));
  grid-template-columns: repeat(2, minmax(0, max-content));
  -webkit-column-gap: 5px;
     -moz-column-gap: 5px;
          column-gap: 5px;
  position: relative;
  padding-left: 8px;
}

.modal .common-verification .verification-notice .desc-box .desc::before {
  content: '';
  position: absolute;
  top: 7px;
  left: 0;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #000;
}

.modal .common-verification .verification-notice .notice-box-wrap {
  max-width: 100%;
}

.modal .common-verification .verification-notice .notice-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 4px;
  padding: 10px;
  font-size: 11px;
  font-weight: 400;
  border: 1px solid #D8D8D8;
  border-radius: 5px;
  background-color: #fff;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .modal .common-verification .verification-notice .notice-box {
    row-gap: 6px;
    padding: 12px 15px;
    font-size: 13px;
  }
}

.modal .common-verification .verification-notice .btn-more {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 6px;
     -moz-column-gap: 6px;
          column-gap: 6px;
  padding: 6px;
  margin: -6px;
  font-weight: 500;
}

.modal .common-verification .verification-notice .btn-more::after {
  content: '';
  display: inline-block;
  width: 9px;
  height: 9px;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 9 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.95842 5.72063C4.55812 6.24064 3.77391 6.24064 3.37361 5.72063L0.209239 1.60999C-0.296958 0.952425 0.171806 -8.73722e-07 1.00164 -8.01175e-07L7.33039 -2.47898e-07C8.16023 -1.75352e-07 8.62899 0.952425 8.12279 1.60999L4.95842 5.72063Z' fill='%23333'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.modal .common-verification .verification-notice .btn-more:not(.collapsed)::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.modal .common-verification .verification-notice .btn-more span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.modal .common-verification .verification-notice .btn-more span::before {
  content: "[";
}

.modal .common-verification .verification-notice .btn-more span::after {
  content: "]";
}

.modal .common-verification .verification-notice .footer-list {
  margin: 4px 0;
}

.modal .common-verification .verification-notice .footer-item {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, -webkit-max-content));
  grid-template-columns: repeat(2, minmax(0, max-content));
  -webkit-column-gap: 5px;
     -moz-column-gap: 5px;
          column-gap: 5px;
  position: relative;
  padding-left: 8px;
}

.modal .common-verification .verification-notice .footer-item::before {
  content: '';
  position: absolute;
  top: 7px;
  left: 0;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #000;
}

.modal .common-verification .verification-notice .footer-item .label-box {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.modal .common-verification .verification-notice .footer-item .label {
  font-weight: inherit;
}

.modal .common-verification .verification-notice .footer-item .label::after {
  content: ": ";
}

@media screen and (max-width: 1023px) {
  .modal .common-verification .verification-notice .remark {
    font-size: 11px;
  }
}

.modal .common-verification .verification-notice + .form-fields {
  padding: 20px 0;
  border-width: 1px 0;
  border-style: solid;
  border-color: #EFEFEF;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .modal .common-verification .verification-notice + .form-fields {
    row-gap: 0;
    padding: 0;
  }
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .modal .common-verification .verification-notice + .form-fields > .row:last-child:not(.d-none) > [class*="col-"], html:not(.design-edit-page)
  .modal .common-verification .verification-notice + .form-fields > .row:not(.d-none):has(+ .row.d-none:last-child) > [class*="col-"] {
    padding-bottom: 24px;
  }
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .modal .common-verification .form-fields {
    row-gap: 0;
  }
}

.modal:has(.inquiry-registration) .modal-header:has(.vertical) {
  padding-bottom: 10px;
  border-bottom: 1px solid #EFEFEF;
}

@media screen and (max-width: 1023px) {
  .modal:has(.inquiry-registration.verification) .modal-content {
    padding: 20px;
  }
}

.modal .inquiry-registration.verification {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 20px;
  font-size: 12px;
  color: #333;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .modal .inquiry-registration.verification {
    font-size: 14px;
  }
}

.modal .inquiry-registration.verification .col-form-label,
.modal .inquiry-registration.verification .form-control {
  font-size: inherit;
}

.modal .inquiry-registration.verification .form-fields {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 15px;
}

@media screen and (max-width: 1023px) {
  .modal .inquiry-registration.verification .col-form-label {
    padding: 0 0 5px;
    background-color: transparent;
  }
  .modal .inquiry-registration.verification .col-form-label + [class*=col-] {
    padding: 0;
  }
}

.modal .inquiry-registration.verification .form-field {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 2.5fr) minmax(0, 1fr);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-column-gap: 5px;
     -moz-column-gap: 5px;
          column-gap: 5px;
}

.modal .inquiry-registration.verification .form-field .form-control-wrap {
  position: relative;
  grid-column: 1;
  grid-row: 1;
}

.modal .inquiry-registration.verification .form-field .form-control {
  padding: 8px 12px;
}

.modal .inquiry-registration.verification .form-field .timer {
  position: absolute;
  top: 50%;
  right: 12px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: inherit;
  line-height: 1;
  letter-spacing: -0.03em;
  color: #2D46C9;
}

.modal .inquiry-registration.verification .form-field .form-control:-moz-read-only + .timer {
  display: none;
}

.modal .inquiry-registration.verification .form-field .form-control:disabled + .timer, .modal .inquiry-registration.verification .form-field .form-control:read-only + .timer {
  display: none;
}

.modal .inquiry-registration.verification .form-field .btn {
  align-self: center;
  grid-column: 2;
  grid-row: 1;
  min-width: 50px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 8px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -0.04em;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .modal .inquiry-registration.verification .form-field .btn {
    min-width: 55px;
    padding: 8px 10px;
  }
}

@media (hover: none) {
  .modal .inquiry-registration.verification .form-field .btn-primary {
    color: #fff;
    background-color: #2D46C9;
    border-color: #2D46C9;
  }
}

@media (hover: none) {
  .modal .inquiry-registration.verification .form-field .btn-outline-secondary {
    color: #505968;
    border-color: currentColor;
    background-color: transparent;
  }
}

@media (hover: none) {
  .modal .inquiry-registration.verification .form-field .btn-outline-primary {
    color: #2D46C9;
    border-color: currentColor;
    background-color: transparent;
  }
}

.modal .inquiry-registration.verification .form-field .is-success {
  display: block;
  width: 100%;
  margin: 4px 0 0;
  padding-left: 12px;
  font-size: 12px;
  font-weight: 500;
  color: #415DED;
}

.modal .inquiry-registration.verification .form-field .is-error,
.modal .inquiry-registration.verification .form-field .is-success {
  grid-column: 1 / -1;
  margin-top: 4px;
  padding-left: 0 !important;
  line-height: 1.33;
  letter-spacing: -0.03em;
}

@media screen and (max-width: 1023px) {
  .modal .inquiry-registration.verification .form-field .is-error,
  .modal .inquiry-registration.verification .form-field .is-success {
    font-size: 10px;
  }
}

.modal .inquiry-registration.verification .form-field.is-expired .is-error {
  position: absolute;
  top: 50%;
  left: 12px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: auto;
  margin: 0;
}

.modal .inquiry-registration.verification .form-field.is-expired .btn {
  display: none;
}

.modal .inquiry-registration.verification.password .form-field {
  grid-template-columns: repeat(3, minmax(0, auto));
  -webkit-column-gap: 0;
     -moz-column-gap: 0;
          column-gap: 0;
}

.modal .inquiry-registration.verification.password .form-field .form-control-wrap {
  grid-column: 1 / -1;
}

.modal .inquiry-registration.verification.password .form-field .is-error {
  grid-column: auto;
}

.modal .inquiry-registration.verification.password .form-field .btn {
  justify-self: flex-end;
  grid-column: 3 / 4;
  grid-row: 2;
  margin-top: 4px;
  padding: 4px !important;
  font-size: 10px;
  white-space: nowrap;
}

/* popup-layer */
.popup-layers {
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1155;
  min-width: 320px;
  width: 100%;
  min-height: 100vh;
}

.popup-layers .popup-layer {
  display: block;
  position: static;
  inset: auto;
  margin-right: 8px;
  margin-bottom: 15px;
}

.popup-layers:not(.is-ready) .popup-layer {
  opacity: 0;
  pointer-events: none;
}

@media screen and (max-width: 1023px) {
  .popup-layers .popup-layer {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    z-index: auto;
    width: 100%;
    margin: 0;
  }
}

.popup-layers .popup-layer .popup-content {
  -ms-flex-line-pack: initial;
      align-content: initial;
  height: auto;
  margin: 0;
}

@media screen and (max-width: 1023px) {
  .popup-layers .popup-layer .popup-content {
    margin: 15px auto 0;
  }
}

@media screen and (max-width: 1023px) {
  .popup-layers .popup-layer .popup-body {
    height: auto !important;
  }
}

.popup-layers .dimmed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
}

.popup-layer {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1155;
}

.modal-open .popup-layer {
  position: fixed;
  overflow-y: auto;
}

.popup-layer .popup-content {
  position: relative;
  z-index: 1;
  -ms-flex-line-pack: center;
      align-content: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 100%;
  margin: 0 auto;
}

.popup-layer .popup-body-wrap {
  overflow: hidden;
  border-radius: 12px;
  background-color: #fff;
}

.popup-layer .popup-body-wrap:has(.popup-body > a > img, .popup-body > img) {
  background-color: transparent;
}

.popup-layer .popup-body {
  position: relative;
  min-width: 200px;
  max-width: 90vw;
  min-height: 200px;
  overflow-y: auto;
  font-family: sans-serif;
  font-size: medium;
  line-height: normal;
  color: canvastext;
  word-break: normal;
  overflow-wrap: break-word;
}

.popup-layer .popup-body::after {
  content: '';
  display: block;
  clear: both;
}

.popup-layer .popup-body h1 {
  margin: .67em 0;
  font-size: 2em;
  font-weight: bold;
}

.popup-layer .popup-body h2 {
  margin: .83em 0;
  font-size: 1.5em;
  font-weight: bold;
}

.popup-layer .popup-body h3 {
  margin: 1em 0;
  font-size: 1.17em;
  font-weight: bold;
}

.popup-layer .popup-body h4 {
  font-size: 1em;
  font-weight: bold;
}

.popup-layer .popup-body h5 {
  font-size: 0.83em;
  font-weight: bold;
}

.popup-layer .popup-body h6 {
  font-size: 0.67em;
  font-weight: bold;
}

.popup-layer .popup-body p {
  margin: 1em 0;
}

.popup-layer .popup-body em {
  font-style: italic;
}

.popup-layer .popup-body strong {
  font-weight: bolder;
}

.popup-layer .popup-body ol {
  display: block;
  list-style-type: decimal;
  margin-top: 1em;
  margin-bottom: 1em;
  -webkit-padding-start: 40px;
          padding-inline-start: 40px;
  unicode-bidi: isolate;
}

.popup-layer .popup-body ul {
  display: block;
  list-style-type: disc;
  margin-top: 1em;
  margin-bottom: 1em;
  -webkit-padding-start: 40px;
          padding-inline-start: 40px;
  unicode-bidi: isolate;
}

.popup-layer .popup-body li {
  display: list-item;
  list-style: inherit;
  unicode-bidi: isolate;
}

.popup-layer .popup-body :is(dir, dl, menu, ol, ul) ol {
  margin-top: 0;
  margin-bottom: 0;
}

.popup-layer .popup-body :is(dir, dl, menu, ol, ul) ul {
  margin-top: 0;
  margin-bottom: 0;
}

.popup-layer .popup-body :is(dir, menu, ol, ul) ul {
  list-style-type: circle;
}

.popup-layer .popup-body :is(dir, menu, ol, ul) :is(dir, menu, ol, ul) ul {
  list-style-type: square;
}

.popup-layer .popup-body blockquote {
  margin: 1em 40px;
}

.popup-layer .popup-body tbody,
.popup-layer .popup-body td,
.popup-layer .popup-body tfoot,
.popup-layer .popup-body th,
.popup-layer .popup-body thead,
.popup-layer .popup-body tr {
  border-width: 1px;
}

.popup-layer .popup-body a {
  color: -webkit-link;
  text-decoration: underline;
}

.popup-layer .popup-body figure {
  margin: 1em 40px;
}

.popup-layer .popup-body::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.popup-layer .popup-body::-webkit-scrollbar-thumb {
  height: 30%;
  border-radius: 10px;
  background-color: #D8D8D8;
}

.popup-layer .popup-body::-webkit-scrollbar-track {
  background-color: #ededed;
}

.popup-layer .popup-body img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: inherit;
}

.popup-layer .popup-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 42px;
}

.popup-layer .popup-footer .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 6px;
     -moz-column-gap: 6px;
          column-gap: 6px;
  min-width: 0;
  padding: 0;
  font-family: 'Pretendard Variable', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -.04em;
  color: #fff;
  border: 0;
  border-radius: 0;
}

.popup-layer .popup-footer .btn:hover {
  color: #eee;
}

.popup-layer .popup-footer .btn-close {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  width: auto;
  height: auto;
  border-radius: 0;
  background-image: none;
  opacity: 1;
}

.popup-layer .dimmed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
}

/* video-popup */
.video-popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1154;
  opacity: 0;
  -webkit-transition-property: opacity, display;
  transition-property: opacity, display;
  -webkit-transition-duration: .38s;
          transition-duration: .38s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  transition-behavior: allow-discrete;
}

.video-popup.is-open {
  display: block;
  opacity: 1;
  will-change: opacity;
  -webkit-transition-duration: .28s;
          transition-duration: .28s;
  -webkit-transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
          transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
}

@starting-style {
  .video-popup.is-open {
    opacity: 0;
  }
}

.video-popup .inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  overscroll-behavior-y: contain;
}

.video-popup .inner::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.video-popup .inner::-webkit-scrollbar-thumb {
  height: 30%;
  border-radius: 10px;
  background-color: #D8D8D8;
}

.video-popup .inner::-webkit-scrollbar-track {
  background-color: #ededed;
}

.video-popup .content {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 100%;
  padding: 36px 0 20px;
  pointer-events: none;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .video-popup .content {
    padding-top: 44px;
  }
}

.video-popup .video-container {
  position: relative;
  width: 95%;
  max-width: 1000px;
  pointer-events: auto;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .video-popup .video-container {
    width: 80%;
  }
}

.video-popup .btn-close {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: absolute;
  top: -30px;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 26px;
  height: 26px;
  padding: 0;
  color: #fff;
  border: none;
  border-radius: 0;
  background: none;
  opacity: 1 !important;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .video-popup .btn-close {
    top: -38px;
    width: 34px;
    height: 34px;
  }
}

.video-popup .btn-close .ico-close {
  width: 55%;
  height: 55%;
}

.video-popup .btn-close .ico-close svg {
  width: 100%;
  height: 100%;
}

.video-popup .media-area {
  position: relative;
  aspect-ratio: 16 / 9;
  background-color: #000;
}

.video-popup .media-area iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-popup .nav-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 10px;
  pointer-events: none;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .video-popup .nav-area {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 100%;
    margin-top: 0;
  }
}

.video-popup .nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 32px;
  background-color: rgba(54, 54, 54, 0.65);
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .video-popup .nav {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    border-radius: 0;
    background-color: transparent;
  }
}

.video-popup .btn-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 42px;
  height: 36px;
  color: #fff;
  pointer-events: auto;
}

.video-popup .btn-nav:disabled {
  color: #909090 !important;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .video-popup .btn-nav {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background-color: rgba(54, 54, 54, 0.65);
  }
}

.video-popup .btn-nav .ico-arrow {
  width: 42%;
  height: 42%;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .video-popup .btn-nav .ico-arrow {
    width: 45%;
    height: 45%;
  }
}

.video-popup .btn-nav .ico-arrow svg {
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .video-popup .btn-prev {
    margin-left: -67px;
  }
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .video-popup .btn-next {
    margin-right: -67px;
  }
}

.video-popup .btn-next .ico-arrow {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}

.video-popup .dimmed {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.88);
  -ms-touch-action: none;
      touch-action: none;
}

/* calendar-detail-popup */
.calendar-detail-popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1154;
  opacity: 0;
  -webkit-transition-property: opacity, display;
  transition-property: opacity, display;
  -webkit-transition-duration: .38s;
          transition-duration: .38s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  transition-behavior: allow-discrete;
}

.calendar-detail-popup.is-open {
  display: block;
  opacity: 1;
  will-change: opacity;
  -webkit-transition-duration: .28s;
          transition-duration: .28s;
  -webkit-transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
          transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
}

@starting-style {
  .calendar-detail-popup.is-open {
    opacity: 0;
  }
}

.calendar-detail-popup .inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  overscroll-behavior-y: contain;
}

.calendar-detail-popup .inner::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.calendar-detail-popup .inner::-webkit-scrollbar-thumb {
  height: 30%;
  border-radius: 10px;
  background-color: #D8D8D8;
}

.calendar-detail-popup .inner::-webkit-scrollbar-track {
  background-color: #ededed;
}

.calendar-detail-popup .content-wrap {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  min-height: 100%;
  max-height: 100%;
  padding: 30px 0;
  pointer-events: none;
}

.calendar-detail-popup .content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: clamp(250px, 90vw, 350px);
  overflow: hidden;
  border-radius: 10px;
  background-color: #fff;
  -webkit-box-shadow: 0px 4px 15px 0px #00000040;
          box-shadow: 0px 4px 15px 0px #00000040;
  pointer-events: auto;
}

.calendar-detail-popup .content-header {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  padding: 16px 16px 8px;
}

.calendar-detail-popup .content-header [class^="btn-"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: auto;
  height: auto;
  padding: 6px;
  border-radius: 2px;
}

@media (hover: hover) {
  .calendar-detail-popup .content-header [class^="btn-"]:hover {
    background-color: #F4F4F4;
  }
}

.calendar-detail-popup .content-header [class^="ico-"] {
  width: 16px;
  height: 16px;
  color: #222;
}

.calendar-detail-popup .content-header [class^="ico-"] svg {
  width: 100%;
  height: 100%;
}

.calendar-detail-popup .content-header .btn-close {
  border: none;
  background: none !important;
  opacity: 1 !important;
}

.calendar-detail-popup .content-body {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 8px 20px 20px;
  overflow-y: auto;
}

.calendar-detail-popup .content-body::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.calendar-detail-popup .content-body::-webkit-scrollbar-thumb {
  height: 30%;
  border-radius: 10px;
  background-color: #D8D8D8;
}

.calendar-detail-popup .content-body::-webkit-scrollbar-track {
  background-color: #ededed;
}

.calendar-detail-popup .content-body .text-box {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  row-gap: 18px;
  min-height: 100px;
}

.calendar-detail-popup .content-body .title {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: #1E1E1E;
  overflow-wrap: break-word;
}

.calendar-detail-popup .content-body .desc {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.428;
  color: #818181;
  white-space: pre-wrap;
  overflow-wrap: break-word;
}

.calendar-detail-popup .dimmed {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  -ms-touch-action: none;
      touch-action: none;
}

.calendar-detail-popup .custom-tooltip {
  font-size: 9px;
  letter-spacing: -0.04em;
}

.calendar-detail-popup .custom-tooltip .tooltip-inner {
  padding: 5px;
}

/* common toast */
.toast-container.is-responsive {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  max-width: 420px;
}

@media screen and (max-width: 1023px) {
  html:not(.design-edit-page):has(.image-template, .text-template, .sub-page) .toast-container.is-responsive {
    top: 76px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    max-width: 335px;
  }
}

.toast-container.is-responsive .toast {
  min-width: 240px;
  font-size: 15px;
  line-height: 1.45;
  word-break: normal;
  overflow-wrap: break-word;
  border-radius: 8px;
  background-color: rgba(0, 0, 0, 0.78);
  -webkit-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
          box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
}

@media screen and (max-width: 1023px) {
  html:not(.design-edit-page):has(.image-template, .text-template, .sub-page) .toast-container.is-responsive .toast {
    min-width: 220px;
    font-size: 14px;
    line-height: 1.4;
    background-color: rgba(0, 0, 0, 0.85);
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}

.toast-container.is-responsive .toast-body {
  padding: 12px 18px;
}

@media screen and (max-width: 1023px) {
  html:not(.design-edit-page):has(.image-template, .text-template, .sub-page) .toast-container.is-responsive .toast-body {
    padding: 10px 14px;
  }
}

.toast-container.is-responsive .toast-message {
  min-width: 0;
}

/* auth-session */
.auth-session {
  position: fixed;
  bottom: 77px;
  right: 0;
  z-index: 201;
  padding-right: var(--scrollbar-width);
  -webkit-transition-property: opacity, display;
  transition-property: opacity, display;
  -webkit-transition-duration: .25s;
          transition-duration: .25s;
  transition-behavior: allow-discrete;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .auth-session {
    bottom: 15px;
    right: 22px;
  }
}

html.design-edit-page .auth-session {
  display: none;
}

.auth-session.is-expired {
  display: none;
  opacity: 0;
  will-change: opacity;
  -webkit-transition-delay: 3s, 3.25s;
          transition-delay: 3s, 3.25s;
  -webkit-transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
          transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
}

.auth-session.is-expired .auth-info {
  display: none;
}

.auth-session.is-expired .btn-cancel {
  display: none;
}

.auth-session:not(.is-expired) .auth-message {
  display: none;
}

.auth-session .inner {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 4px;
     -moz-column-gap: 4px;
          column-gap: 4px;
  min-width: 176px;
  min-height: 29px;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  color: #033B99;
  border: 1px solid #F0F0F0;
  border-radius: 30px;
  background-color: rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(6px);
  -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .auth-session .inner {
    min-width: 190px;
    min-height: 34px;
    padding: 6px 10px;
    font-size: 14px;
  }
}

.auth-session .auth-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.auth-session .auth-info::after {
  content: '';
  display: inline-block;
  width: 1px;
  height: 1em;
  background-color: rgba(3, 59, 153, 0.5);
}

.auth-session .auth-time {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 6px;
     -moz-column-gap: 6px;
          column-gap: 6px;
}

.auth-session .auth-time::before {
  content: '';
  position: relative;
  top: 1px;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: -2px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='12' cy='12' r='9' stroke='%23033B99' stroke-width='2'/%3E%3Cpath d='M12 7v5l3 2' stroke='%23033B99' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .auth-session .auth-time::before {
    width: 14px;
    height: 14px;
  }
}

.auth-session .auth-time::after {
  content: '';
  display: inline-block;
  width: 1px;
  height: 1em;
  background-color: rgba(3, 59, 153, 0.5);
}

.auth-session .btn-continue {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 4px;
  margin: 0 2px;
  border-radius: 2px;
}

@media (hover: hover) {
  .auth-session .btn-continue:hover {
    background-color: #F0F0F0;
  }
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .auth-session .btn-continue {
    padding: 4px;
  }
}

.auth-session .btn-continue::before {
  content: '';
  display: inline-block;
  width: 11px;
  height: 11px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='5 5 14 14' width='24' height='24' fill='none' stroke='%23033B99' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .auth-session .btn-continue::before {
    width: 12px;
    height: 12px;
  }
}

.auth-session .btn-continue:disabled {
  pointer-events: none;
}

.auth-session .btn-continue:disabled::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='5 5 14 14' width='24' height='24' fill='none' stroke='%23BDC1C7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") !important;
}

.auth-session .btn-cancel {
  padding: 4px;
  font-size: 11px;
  font-weight: 500;
  text-decoration: underline;
}

@media (hover: hover) {
  .auth-session .btn-cancel:hover {
    font-weight: 600;
  }
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .auth-session .btn-cancel {
    padding: 4px;
    font-size: 12px;
  }
}

.auth-session .btn-cancel:disabled {
  color: #BDC1C7 !important;
  pointer-events: none;
}

/* quick-menu */
.quick-menu {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 200;
  min-width: 320px;
  padding-right: var(--scrollbar-width);
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .quick-menu {
    top: 50%;
    bottom: auto;
    left: auto;
    right: 22px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    min-width: 0;
  }
}

html.design-edit-page .quick-menu {
  position: absolute;
}

.quick-menu .quick-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 72px;
  padding: 11px 0;
  overflow: auto hidden;
  border-top: 1px solid #F0F0F0;
  background-color: rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(6px);
  -webkit-overflow-scrolling: touch;
  -ms-touch-action: pan-x;
      touch-action: pan-x;
}

.quick-menu .quick-list::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.quick-menu .quick-list::-webkit-scrollbar-thumb {
  height: 30%;
  border-radius: 10px;
  background-color: #D8D8D8;
}

.quick-menu .quick-list::-webkit-scrollbar-track {
  background-color: #ededed;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .quick-menu .quick-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 12px;
    min-height: 0;
    padding: 0;
    overflow: hidden;
    border-top: 0;
    background-color: transparent;
    backdrop-filter: none;
  }
}

.quick-menu .quick-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 20%;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .quick-menu .quick-item {
    min-width: 0;
  }
}

.quick-menu .quick-item + .quick-item {
  border-left: 1px solid #F0F0F0;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .quick-menu .quick-item + .quick-item {
    border-left: 0;
  }
}

.quick-menu .quick-item .ico-quick {
  background-repeat: no-repeat;
  background-position: center;
}

.quick-menu .quick-item.tel .ico-quick {
  width: 20px;
  height: 22px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='22' viewBox='0 0 20 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_757_22006)'%3E%3Cpath d='M5.54001 8.43758C5.54001 8.43758 6.32869 12.6327 11.8494 15.9778C11.8494 15.9778 13.0587 14.0661 15.0041 14.7035L18.6845 15.9778C18.6845 15.9778 20.7874 16.7743 19.5782 19.0047C18.3689 21.2351 17.2646 21.5002 17.2646 21.5002C17.2646 21.5002 14.5305 23.1993 9.64092 20.332C5.10902 17.6742 -1.45671 9.54175 0.28805 3.46171C0.552675 2.54025 1.12404 1.74638 1.881 1.16725C2.89999 0.38703 4.48203 -0.497149 5.6705 0.336101C6.0781 0.621726 6.33389 1.08062 6.44098 1.56996L7.32792 5.62333C7.32792 5.62333 7.95907 7.16329 5.54001 8.43758Z' fill='%230041AD'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_757_22006'%3E%3Crect width='19.9535' height='22' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .quick-menu .quick-item.tel .ico-quick {
    width: 24px;
    height: 27px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='27' viewBox='0 0 24 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.66365 10.1489C6.66365 10.1489 7.61228 15.1949 14.2528 19.2184C14.2528 19.2184 15.7073 16.919 18.0473 17.6857L22.4741 19.2184C22.4741 19.2184 25.0036 20.1765 23.549 22.8593C22.0945 25.542 20.7663 25.861 20.7663 25.861C20.7663 25.861 17.4776 27.9046 11.5963 24.4558C6.14524 21.2589 -1.75216 11.477 0.346473 4.16382C0.66477 3.05547 1.35202 2.10058 2.26251 1.40399C3.48818 0.465529 5.39108 -0.597982 6.82061 0.40427C7.31087 0.747827 7.61854 1.29979 7.74736 1.88838L8.81419 6.76386C8.81419 6.76386 9.57335 8.61616 6.66365 10.1489Z' fill='white'/%3E%3C/svg%3E%0A");
  }
}

.quick-menu .quick-item.directions .ico-quick {
  width: 18px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='24' viewBox='0 0 18 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3048_14016)'%3E%3Cpath d='M16.8549 13.1554C16.9761 12.8863 17.0935 12.5869 17.2 12.2609C17.2036 12.2457 17.211 12.2306 17.2147 12.2154C17.222 12.1889 17.233 12.1623 17.2403 12.132C17.3505 11.7757 17.4459 11.3891 17.5083 10.9798C17.9598 8.27721 17.1743 5.39653 15.1517 3.30803C11.8408 -0.103308 6.47435 -0.103308 3.16709 3.31182C0.113118 6.46541 -0.121804 11.4194 2.45499 14.8535L9.16126 23.7495C10.5121 21.9567 10.9562 21.3692 11.5141 20.6263L11.7087 20.3685C12.3657 19.4967 13.3017 18.2573 15.8675 14.8535C15.9409 14.7588 16.0107 14.6564 16.0804 14.5579C16.0804 14.5579 16.4438 14.0689 16.8146 13.2616C16.8146 13.2616 16.8146 13.2616 16.8146 13.2578C16.8292 13.2237 16.8439 13.1933 16.8586 13.1592L16.8549 13.1554ZM6.12196 12.6324C4.44448 10.9002 4.44448 8.09527 6.12196 6.36307C7.79945 4.63087 10.5157 4.63087 12.1969 6.36307C13.8744 8.09527 13.8744 10.9002 12.1969 12.6324C10.5194 14.3646 7.79945 14.3646 6.12196 12.6324Z' fill='%230041AD'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3048_14016'%3E%3Crect width='16.9474' height='23' fill='white' transform='translate(0.685547 0.75)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .quick-menu .quick-item.directions .ico-quick {
    width: 23px;
    height: 30px;
    background-image: url("data:image/svg+xml,%3Csvg width='23' height='30' viewBox='0 0 23 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3050_14238)'%3E%3Cpath d='M21.9435 16.181C22.1079 15.83 22.2673 15.4394 22.4118 15.0142C22.4168 14.9944 22.4267 14.9747 22.4317 14.9549C22.4417 14.9203 22.4566 14.8857 22.4666 14.8461C22.616 14.3814 22.7456 13.8771 22.8303 13.3432C23.443 9.8181 22.3769 6.06069 19.6321 3.33656C15.1387 -1.11301 7.8556 -1.11301 3.36719 3.34151C-0.777496 7.45489 -1.09632 13.9167 2.40076 18.3959L11.5021 29.9994C13.3353 27.6609 13.9381 26.8946 14.6953 25.9256L14.9593 25.5894C15.8511 24.4522 17.1214 22.8356 20.6035 18.3959C20.7031 18.2723 20.7978 18.1388 20.8924 18.0103C20.8924 18.0103 21.3856 17.3725 21.8887 16.3194C21.8887 16.3194 21.8887 16.3194 21.8887 16.3145C21.9087 16.27 21.9286 16.2304 21.9485 16.1859L21.9435 16.181ZM7.37737 15.4987C5.10078 13.2393 5.10078 9.58079 7.37737 7.3214C9.65395 5.06201 13.3403 5.06201 15.6219 7.3214C17.8985 9.58079 17.8985 13.2393 15.6219 15.4987C13.3453 17.7581 9.65395 17.7581 7.37737 15.4987Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3050_14238'%3E%3Crect width='23' height='30' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  }
}

.quick-menu .quick-item.kakao .ico-quick {
  width: 26px;
  height: 23px;
  background-image: url("data:image/svg+xml,%3Csvg width='26' height='23' viewBox='0 0 26 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_757_22032)'%3E%3Cpath d='M12.5177 0C5.60542 0 0 4.43061 0 9.89487C0 13.4512 2.37696 16.5704 5.93783 18.3144C5.67373 19.2934 4.99069 21.8571 4.84953 22.4035C4.68105 23.0865 5.09998 23.0729 5.37319 22.8907C5.58721 22.745 8.80202 20.5593 10.1909 19.6167C10.9422 19.7306 11.7208 19.7852 12.5132 19.7852C19.4255 19.7852 25.0309 15.3546 25.0309 9.89032C25.0309 4.42605 19.4346 0 12.5177 0Z' fill='%230041AD'/%3E%3Cpath d='M3.7383 6.74219C2.9733 6.74219 2.9733 8.08549 3.7383 8.08549H5.04517C5.04517 8.08549 5.05428 11.7147 5.04517 12.548C5.04517 13.1581 6.40213 13.19 6.40213 12.5798V8.21299C6.40213 8.21299 6.84382 8.11736 7.70444 8.11736C8.51498 8.11736 8.51498 6.74219 7.70444 6.74219H3.7383Z' fill='white'/%3E%3Cmask id='mask0_757_22032' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='3' y='6' width='6' height='8'%3E%3Cpath d='M3.7383 6.74219C2.9733 6.74219 2.9733 8.08549 3.7383 8.08549H5.04517C5.04517 8.08549 5.05428 11.7147 5.04517 12.548C5.04517 13.1581 6.40213 13.19 6.40213 12.5798V8.21299C6.40213 8.21299 6.84382 8.11736 7.70444 8.11736C8.51498 8.11736 8.51498 6.74219 7.70444 6.74219H3.7383Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_757_22032)'%3E%3Cpath d='M8.51937 6.74219H2.97314V13.19H8.51937V6.74219Z' fill='white'/%3E%3C/g%3E%3Cpath d='M10.1451 8.41417L10.8737 10.6864H9.36191L10.1497 8.41417H10.1451ZM9.33458 7.34864C9.01128 8.05444 7.85468 11.3922 7.46763 12.2801C7.18986 12.9222 8.392 13.4413 8.66977 12.8038L8.92932 11.8885H11.3154C11.3154 11.8885 11.2334 11.925 11.5522 12.7628C11.8072 13.4413 13.0457 12.9723 12.7907 12.2938C12.4264 11.3284 11.156 7.84497 10.9238 7.34864C10.8145 7.12096 10.432 6.95703 10.0632 6.95703C9.75806 6.95703 9.45753 7.07087 9.33003 7.34864' fill='white'/%3E%3Cmask id='mask1_757_22032' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='7' y='6' width='6' height='8'%3E%3Cpath d='M10.1451 8.41417L10.8737 10.6864H9.36191L10.1497 8.41417H10.1451ZM9.33458 7.34864C9.01128 8.05444 7.85468 11.3922 7.46763 12.2801C7.18986 12.9222 8.392 13.4413 8.66977 12.8038L8.92932 11.8885H11.3154C11.3154 11.8885 11.2334 11.925 11.5522 12.7628C11.8072 13.4413 13.0457 12.9723 12.7907 12.2938C12.4264 11.3284 11.156 7.84497 10.9238 7.34864C10.8145 7.12096 10.432 6.95703 10.0632 6.95703C9.75806 6.95703 9.45753 7.07087 9.33003 7.34864' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask1_757_22032)'%3E%3Cpath d='M13.0458 6.95703H7.18994V13.4413H13.0458V6.95703Z' fill='white'/%3E%3C/g%3E%3Cpath d='M13.3009 7.5529C13.3009 8.68673 13.3054 12.3432 13.3054 12.3432C13.3054 12.3432 13.2007 13.0718 13.8246 13.0718C14.4484 13.0718 15.8281 13.0673 16.4428 13.0673C17.0576 13.0673 17.053 11.7649 16.4428 11.7649C15.8327 11.7649 14.7125 11.7604 14.7125 11.7604C14.7125 11.7604 14.717 8.37709 14.7125 7.55745C14.7125 7.16129 14.3619 6.96094 14.0067 6.96094C13.6515 6.96094 13.2963 7.16129 13.3009 7.55745' fill='white'/%3E%3Cmask id='mask2_757_22032' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='13' y='6' width='4' height='8'%3E%3Cpath d='M13.3009 7.5529C13.3009 8.68673 13.3054 12.3432 13.3054 12.3432C13.3054 12.3432 13.2007 13.0718 13.8246 13.0718C14.4484 13.0718 15.8281 13.0673 16.4428 13.0673C17.0576 13.0673 17.053 11.7649 16.4428 11.7649C15.8327 11.7649 14.7125 11.7604 14.7125 11.7604C14.7125 11.7604 14.717 8.37709 14.7125 7.55745C14.7125 7.16129 14.3619 6.96094 14.0067 6.96094C13.6515 6.96094 13.2963 7.16129 13.3009 7.55745' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask2_757_22032)'%3E%3Cpath d='M17.0575 6.95312H13.2007V13.0685H17.0575V6.95312Z' fill='white'/%3E%3C/g%3E%3Cpath d='M17.276 7.37084C17.2897 7.86718 17.2578 12.3661 17.2578 12.7031C17.2578 13.2267 18.5966 13.2267 18.5966 12.7031C18.5966 12.0929 18.5966 10.9317 18.5966 10.9317L18.9882 10.6175L20.7094 12.9626C21.0555 13.4225 22.1483 12.5938 21.8023 12.1339L19.9763 9.72958C19.9763 9.72958 21.2148 8.38628 21.7021 7.90361C21.989 7.62129 21.1056 6.73334 20.8187 7.01566C20.5409 7.28888 18.6011 9.23324 18.6011 9.23324C18.6011 9.23324 18.6193 8.01289 18.6011 7.33897C18.5966 7.08397 18.2824 6.96102 17.9591 6.96102C17.6175 6.96102 17.2624 7.10218 17.2715 7.37539' fill='white'/%3E%3Cmask id='mask3_757_22032' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='17' y='6' width='5' height='8'%3E%3Cpath d='M17.276 7.37084C17.2897 7.86718 17.2578 12.3661 17.2578 12.7031C17.2578 13.2267 18.5966 13.2267 18.5966 12.7031C18.5966 12.0929 18.5966 10.9317 18.5966 10.9317L18.9882 10.6175L20.7094 12.9626C21.0555 13.4225 22.1483 12.5938 21.8023 12.1339L19.9763 9.72958C19.9763 9.72958 21.2148 8.38628 21.7021 7.90361C21.989 7.62129 21.1056 6.73334 20.8187 7.01566C20.5409 7.28888 18.6011 9.23324 18.6011 9.23324C18.6011 9.23324 18.6193 8.01289 18.6011 7.33897C18.5966 7.08397 18.2824 6.96102 17.9591 6.96102C17.6175 6.96102 17.2624 7.10218 17.2715 7.37539' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask3_757_22032)'%3E%3Cpath d='M22.1529 6.73047H17.2578V13.4196H22.1529V6.73047Z' fill='white'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_757_22032'%3E%3Crect width='25.0354' height='23' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .quick-menu .quick-item.kakao .ico-quick {
    width: 65px;
    height: 65px;
    background-image: url("data:image/svg+xml,%3Csvg width='65' height='65' viewBox='0 0 65 65' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M33.0029 19C24.1661 19 17 24.7797 17 31.9078C17 36.547 20.0387 40.616 24.591 42.891C24.2534 44.1682 23.3802 47.5124 23.1997 48.2252C22.9844 49.1163 23.5199 49.0984 23.8692 48.8608C24.1428 48.6707 28.2527 45.8195 30.0282 44.5899C30.9887 44.7384 31.9842 44.8097 32.9971 44.8097C41.8339 44.8097 49 39.03 49 31.9019C49 24.7738 41.8456 19 33.0029 19Z' fill='white'/%3E%3Cpath d='M21.8253 27.8516C20.8369 27.8516 20.8369 29.5872 21.8253 29.5872H23.5139C23.5139 29.5872 23.5256 34.2764 23.5139 35.353C23.5139 36.1414 25.2672 36.1826 25.2672 35.3942V29.7519C25.2672 29.7519 25.8379 29.6284 26.9499 29.6284C27.9971 29.6284 27.9971 27.8516 26.9499 27.8516H21.8253Z' fill='%23113884'/%3E%3Cmask id='mask0_757_24587' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='21' y='27' width='7' height='9'%3E%3Cpath d='M21.8234 27.8516C20.8349 27.8516 20.8349 29.5872 21.8234 29.5872H23.5119C23.5119 29.5872 23.5237 34.2764 23.5119 35.353C23.5119 36.1414 25.2652 36.1826 25.2652 35.3942V29.7519C25.2652 29.7519 25.8359 29.6284 26.9479 29.6284C27.9952 29.6284 27.9952 27.8516 26.9479 27.8516H21.8234Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_757_24587)'%3E%3Cpath d='M28.003 27.8516H20.8369V36.1826H28.003V27.8516Z' fill='%23113884'/%3E%3C/g%3E%3Cpath d='M30.1077 30.0116L31.049 32.9475H29.0957L30.1136 30.0116H30.1077ZM29.0604 28.6349C28.6427 29.5468 27.1483 33.8595 26.6482 35.0067C26.2893 35.8363 27.8425 36.507 28.2014 35.6833L28.5368 34.5008H31.6197C31.6197 34.5008 31.5138 34.5478 31.9257 35.6304C32.2552 36.507 33.8555 35.901 33.526 35.0244C33.0553 33.7771 31.4138 29.2762 31.1138 28.6349C30.9725 28.3407 30.4783 28.1289 30.0018 28.1289C29.6076 28.1289 29.2193 28.276 29.0545 28.6349' fill='%23113884'/%3E%3Cmask id='mask1_757_24587' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='26' y='28' width='8' height='9'%3E%3Cpath d='M30.1077 30.0116L31.049 32.9475H29.0957L30.1136 30.0116H30.1077ZM29.0604 28.6349C28.6427 29.5468 27.1483 33.8595 26.6482 35.0067C26.2893 35.8363 27.8425 36.507 28.2014 35.6833L28.5368 34.5008H31.6197C31.6197 34.5008 31.5138 34.5478 31.9257 35.6304C32.2552 36.507 33.8555 35.901 33.526 35.0244C33.0553 33.7771 31.4138 29.2762 31.1138 28.6349C30.9725 28.3407 30.4783 28.1289 30.0018 28.1289C29.6076 28.1289 29.2193 28.276 29.0545 28.6349' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask1_757_24587)'%3E%3Cpath d='M33.8533 28.1289H26.2871V36.507H33.8533V28.1289Z' fill='%23113884'/%3E%3C/g%3E%3Cpath d='M34.1853 28.9055C34.1853 30.3705 34.1912 35.0949 34.1912 35.0949C34.1912 35.0949 34.0558 36.0363 34.8619 36.0363C35.6679 36.0363 37.4506 36.0304 38.2449 36.0304C39.0392 36.0304 39.0333 34.3477 38.2449 34.3477C37.4565 34.3477 36.0092 34.3419 36.0092 34.3419C36.0092 34.3419 36.0151 29.9704 36.0092 28.9114C36.0092 28.3995 35.5561 28.1406 35.0972 28.1406C34.6383 28.1406 34.1794 28.3995 34.1853 28.9114' fill='%23113884'/%3E%3Cmask id='mask2_757_24587' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='34' y='28' width='5' height='9'%3E%3Cpath d='M34.1902 28.9094C34.1902 30.3744 34.1961 35.0988 34.1961 35.0988C34.1961 35.0988 34.0607 36.0402 34.8668 36.0402C35.6728 36.0402 37.4555 36.0343 38.2498 36.0343C39.0441 36.0343 39.0382 34.3516 38.2498 34.3516C37.4614 34.3516 36.0141 34.3458 36.0141 34.3458C36.0141 34.3458 36.0199 29.9743 36.0141 28.9153C36.0141 28.4034 35.561 28.1445 35.1021 28.1445C34.6432 28.1445 34.1843 28.4034 34.1902 28.9153' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask2_757_24587)'%3E%3Cpath d='M39.041 28.1328H34.0576V36.0344H39.041V28.1328Z' fill='%23113884'/%3E%3C/g%3E%3Cpath d='M39.3204 28.6702C39.3381 29.3116 39.2969 35.1245 39.2969 35.5598C39.2969 36.2365 41.0266 36.2365 41.0266 35.5598C41.0266 34.7715 41.0266 33.2712 41.0266 33.2712L41.5326 32.8652L43.7566 35.8952C44.2037 36.4894 45.6158 35.4186 45.1686 34.8244L42.8093 31.7179C42.8093 31.7179 44.4096 29.9823 45.0392 29.3586C45.4098 28.9938 44.2684 27.8466 43.8978 28.2113C43.5389 28.5643 41.0325 31.0766 41.0325 31.0766C41.0325 31.0766 41.056 29.4998 41.0325 28.6291C41.0266 28.2996 40.6207 28.1407 40.2029 28.1407C39.7617 28.1407 39.3028 28.3231 39.3145 28.6761' fill='%23113884'/%3E%3Cmask id='mask3_757_24587' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='39' y='28' width='7' height='9'%3E%3Cpath d='M39.3233 28.6742C39.341 29.3155 39.2998 35.1284 39.2998 35.5638C39.2998 36.2404 41.0296 36.2404 41.0296 35.5638C41.0296 34.7754 41.0296 33.2751 41.0296 33.2751L41.5355 32.8691L43.7595 35.8991C44.2067 36.4933 45.6187 35.4225 45.1716 34.8283L42.8123 31.7218C42.8123 31.7218 44.4126 29.9862 45.0421 29.3625C45.4128 28.9977 44.2714 27.8505 43.9007 28.2152C43.5418 28.5683 41.0354 31.0805 41.0354 31.0805C41.0354 31.0805 41.059 29.5037 41.0354 28.633C41.0296 28.3035 40.6236 28.1446 40.2059 28.1446C39.7646 28.1446 39.3057 28.327 39.3175 28.68' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask3_757_24587)'%3E%3Cpath d='M45.6246 27.8438H39.2998V36.4866H45.6246V27.8438Z' fill='%23113884'/%3E%3C/g%3E%3C/svg%3E%0A");
  }
}

.quick-menu .quick-item.blog .ico-quick {
  width: 42px;
  height: 19px;
  background-image: url("data:image/svg+xml,%3Csvg width='42' height='19' viewBox='0 0 42 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_757_21997)'%3E%3Cpath d='M6.07497 4.222C6.07497 4.222 4.6086 4.222 3.27839 5.51031V0.304688H0V13.9943H3.32029V12.926C3.32029 12.926 4.10584 14.34 6.07497 14.34C6.07497 14.34 10.7045 14.1724 10.7045 9.22861C10.7045 9.22861 10.5369 4.222 6.07497 4.222ZM5.35226 11.4491C4.18964 11.4491 3.23649 10.5065 3.23649 9.33335C3.23649 8.16026 4.17916 7.21759 5.35226 7.21759C6.52536 7.21759 7.46803 8.16026 7.46803 9.33335C7.46803 10.5065 6.52536 11.4491 5.35226 11.4491Z' fill='%230041AD'/%3E%3Cpath d='M11.7622 0V3.16318C11.7622 3.16318 13.26 3.08986 13.26 5.88644V13.9934H16.4232V5.14278C16.4232 5.14278 16.5593 0 11.7622 0Z' fill='%230041AD'/%3E%3Cpath d='M24.1743 4.26172C24.1743 4.26172 18.7487 4.26172 18.7487 9.33118C18.7487 9.33118 18.5706 14.3273 24.1743 14.3273C24.1743 14.3273 29.7255 14.3273 29.7255 9.33118C29.7255 9.33118 29.9036 4.26172 24.1743 4.26172ZM24.1743 11.4469C23.0116 11.4469 22.0585 10.5043 22.0585 9.33118C22.0585 8.15808 23.0012 7.21541 24.1743 7.21541C25.3474 7.21541 26.29 8.15808 26.29 9.33118C26.29 10.5043 25.3474 11.4469 24.1743 11.4469Z' fill='%230041AD'/%3E%3Cpath d='M38.7856 4.59913V5.52085C38.7856 5.52085 37.8429 4.27443 36.0309 4.27443C36.0309 4.27443 31.3804 4.07542 31.3804 9.31247C31.3804 9.31247 31.328 14.1829 35.9052 14.1829C35.9052 14.1829 37.7696 14.2562 38.7856 12.9365V13.7011C38.7856 13.7011 39.016 16.0997 36.6908 16.0997H35.8947V19.0115H37.1726C37.1726 19.0115 41.9697 19.0638 41.9697 13.8792V4.59913H38.7751H38.7856ZM36.8269 11.4492C35.6643 11.4492 34.7112 10.5065 34.7112 9.33342C34.7112 8.16032 35.6538 7.21765 36.8269 7.21765C38 7.21765 38.9427 8.16032 38.9427 9.33342C38.9427 10.5065 38 11.4492 36.8269 11.4492Z' fill='%230041AD'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_757_21997'%3E%3Crect width='41.9802' height='19' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .quick-menu .quick-item.blog .ico-quick {
    width: 41px;
    height: 19px;
    background-image: url("data:image/svg+xml,%3Csvg width='41' height='19' viewBox='0 0 41 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_757_24292)'%3E%3Cpath d='M5.94 4.12078C5.94 4.12078 4.51 4.12078 3.21 5.38078V0.300781H0V13.6708H3.24V12.6208C3.24 12.6208 4.01 14.0008 5.93 14.0008C5.93 14.0008 10.45 13.8308 10.45 9.01078C10.45 9.01078 10.28 4.12078 5.93 4.12078H5.94ZM5.23 11.1708C4.09 11.1708 3.17 10.2508 3.17 9.11078C3.17 7.97078 4.09 7.05078 5.23 7.05078C6.37 7.05078 7.29 7.97078 7.29 9.11078C7.29 10.2508 6.37 11.1708 5.23 11.1708Z' fill='white'/%3E%3Cpath d='M11.4905 0V3.09C11.4905 3.09 12.9505 3.02 12.9505 5.75V13.66H16.0405V5.02C16.0405 5.02 16.1705 0 11.4805 0H11.4905Z' fill='white'/%3E%3Cpath d='M23.6102 4.16016C23.6102 4.16016 18.3102 4.16016 18.3102 9.11016C18.3102 9.11016 18.1402 13.9902 23.6102 13.9902C23.6102 13.9902 29.0302 13.9902 29.0302 9.11016C29.0302 9.11016 29.2102 4.16016 23.6102 4.16016ZM23.6102 11.1702C22.4702 11.1702 21.5502 10.2502 21.5502 9.11016C21.5502 7.97016 22.4702 7.05016 23.6102 7.05016C24.7502 7.05016 25.6702 7.97016 25.6702 9.11016C25.6702 10.2502 24.7502 11.1702 23.6102 11.1702Z' fill='white'/%3E%3Cpath d='M37.8804 4.48888V5.38888C37.8804 5.38888 36.9604 4.16888 35.1904 4.16888C35.1904 4.16888 30.6504 3.97888 30.6504 9.08888C30.6504 9.08888 30.6004 13.8489 35.0604 13.8489C35.0604 13.8489 36.8804 13.9189 37.8804 12.6289V13.3789C37.8804 13.3789 38.1104 15.7189 35.8404 15.7189H35.0704V18.5589H36.3204C36.3204 18.5589 41.0104 18.6089 41.0104 13.5489V4.48888H37.8904H37.8804ZM35.9604 11.1789C34.8204 11.1789 33.9004 10.2589 33.9004 9.11888C33.9004 7.97888 34.8204 7.05888 35.9604 7.05888C37.1004 7.05888 38.0204 7.97888 38.0204 9.11888C38.0204 10.2589 37.1004 11.1789 35.9604 11.1789Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_757_24292'%3E%3Crect width='41' height='18.55' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  }
}

.quick-menu .quick-item.reservation .ico-quick {
  width: 20px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='24' viewBox='0 0 20 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3049_14191)'%3E%3Cpath d='M13.6848 6.38251C14.2682 6.38251 14.7417 5.90901 14.7417 5.32564V1.18187C14.7417 0.598499 14.2682 0.125 13.6848 0.125C13.1014 0.125 12.6279 0.598499 12.6279 1.18187V5.32564C12.6279 5.90901 13.1014 6.38251 13.6848 6.38251ZM19.4767 6.80892V18.9184C19.4767 21.2389 17.5905 23.125 15.2701 23.125H4.36134C2.04093 23.125 0.154785 21.2389 0.154785 18.9184V6.80892C0.154785 4.76319 1.79503 3.10464 3.8329 3.07063V5.32564C3.8329 6.49238 4.7799 7.43938 5.94664 7.43938C7.11338 7.43938 8.06038 6.49238 8.06038 5.32564V3.06802H11.5737V5.32564C11.5737 6.49238 12.5207 7.43938 13.6874 7.43938C14.8542 7.43938 15.8012 6.49238 15.8012 5.32564V3.07063C17.8364 3.10464 19.4793 4.76319 19.4793 6.80892H19.4767ZM18.085 11.073H1.54389V18.9184C1.54389 20.4697 2.80742 21.7333 4.35872 21.7333H15.2675C16.8188 21.7333 18.0823 20.4697 18.0823 18.9184V11.073H18.085ZM5.94403 6.38251C6.5274 6.38251 7.0009 5.90901 7.0009 5.32564V1.18187C7.0009 0.598499 6.5274 0.125 5.94403 0.125C5.36065 0.125 4.88716 0.598499 4.88716 1.18187V5.32564C4.88716 5.90901 5.36065 6.38251 5.94403 6.38251Z' fill='%230041AD'/%3E%3Cpath d='M6.25 15.6763L8.99943 18.465L13.8861 13.5391' stroke='%230041AD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3049_14191'%3E%3Crect width='19.3193' height='23' fill='white' transform='translate(0.154785 0.125)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .quick-menu .quick-item.reservation .ico-quick {
    width: 26px;
    height: 32px;
    background-image: url("data:image/svg+xml,%3Csvg width='26' height='32' viewBox='0 0 26 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3050_14242)'%3E%3Cpath d='M18.2088 8.7061C18.9939 8.7061 19.6311 8.04732 19.6311 7.23567V1.47043C19.6311 0.658781 18.9939 0 18.2088 0C17.4237 0 16.7865 0.658781 16.7865 1.47043V7.23567C16.7865 8.04732 17.4237 8.7061 18.2088 8.7061ZM26.0035 9.29936V26.1474C26.0035 29.3758 23.4651 32 20.3423 32H5.66121C2.53839 32 0 29.3758 0 26.1474V9.29936C0 6.45314 2.20745 4.14559 4.95003 4.09827V7.23567C4.95003 8.85896 6.22451 10.1765 7.79472 10.1765C9.36493 10.1765 10.6394 8.85896 10.6394 7.23567V4.09463H15.3676V7.23567C15.3676 8.85896 16.6421 10.1765 18.2123 10.1765C19.7825 10.1765 21.057 8.85896 21.057 7.23567V4.09827C23.7961 4.14559 26.007 6.45314 26.007 9.29936H26.0035ZM24.1305 15.232H1.86947V26.1474C1.86947 28.3057 3.56994 30.0637 5.65768 30.0637H20.3388C22.4265 30.0637 24.127 28.3057 24.127 26.1474V15.232H24.1305ZM7.7912 8.7061C8.5763 8.7061 9.21354 8.04732 9.21354 7.23567V1.47043C9.21354 0.658781 8.5763 0 7.7912 0C7.00609 0 6.36886 0.658781 6.36886 1.47043V7.23567C6.36886 8.04732 7.00609 8.7061 7.7912 8.7061Z' fill='white'/%3E%3Cpath d='M8.20312 21.6338L11.9033 25.5137L18.4799 18.6602' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3050_14242'%3E%3Crect width='26' height='32' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  }
}

.quick-menu .quick-item[class*="insta"] .ico-quick {
  width: 21px;
  height: 21px;
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_757_26953)'%3E%3Cpath d='M14.9389 0H6.06105C2.71193 0 0 2.71193 0 6.06105V14.9389C0 18.2881 2.71193 21 6.06105 21H14.9389C18.2881 21 21 18.2881 21 14.9389V6.06105C21 2.71193 18.2881 0 14.9389 0ZM19.0651 15.0944C19.0651 17.3167 17.2624 19.1156 15.04 19.1156H5.95615C3.73377 19.1156 1.93488 17.3129 1.93488 15.0944V6.01055C1.93488 3.78816 3.73765 1.98927 5.95615 1.98927H15.04C17.2624 1.98927 19.0651 3.79204 19.0651 6.01055V15.0944Z' fill='%230041AD'/%3E%3Cpath d='M10.498 5.10156C7.49074 5.10156 5.05078 7.54153 5.05078 10.5487C5.05078 13.556 7.49074 15.9959 10.498 15.9959C13.5052 15.9959 15.9451 13.556 15.9451 10.5487C15.9451 7.54153 13.5052 5.10156 10.498 5.10156ZM10.498 14.0805C8.54754 14.0805 6.96623 12.4992 6.96623 10.5487C6.96623 8.59832 8.54754 7.01701 10.498 7.01701C12.4484 7.01701 14.0297 8.59832 14.0297 10.5487C14.0297 12.4992 12.4484 14.0805 10.498 14.0805Z' fill='%230041AD'/%3E%3Cpath d='M16.1279 3.625C15.4286 3.625 14.8574 4.19225 14.8574 4.89549C14.8574 5.59873 15.4247 6.16598 16.1279 6.16598C16.8311 6.16598 17.3984 5.59873 17.3984 4.89549C17.3984 4.19225 16.8311 3.625 16.1279 3.625Z' fill='%230041AD'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_757_26953'%3E%3Crect width='21' height='21' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .quick-menu .quick-item[class*="insta"] .ico-quick {
    width: 65px;
    height: 65px;
    background-image: url("data:image/svg+xml,%3Csvg width='65' height='65' viewBox='0 0 65 65' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M38.4958 20H27.5042C23.3576 20 20 23.3576 20 27.5042V38.4958C20 42.6424 23.3576 46 27.5042 46H38.4958C42.6424 46 46 42.6424 46 38.4958V27.5042C46 23.3576 42.6424 20 38.4958 20ZM43.6044 38.6883C43.6044 41.4398 41.3724 43.667 38.6209 43.667H27.3743C24.6228 43.667 22.3956 41.435 22.3956 38.6883V27.4416C22.3956 24.6901 24.6276 22.4629 27.3743 22.4629H38.6209C41.3724 22.4629 43.6044 24.6949 43.6044 27.4416V38.6883Z' fill='white'/%3E%3Cpath d='M33 26C29.1355 26 26 29.1355 26 33C26 36.8645 29.1355 40 33 40C36.8645 40 40 36.8645 40 33C40 29.1355 36.8645 26 33 26ZM33 37.5385C30.4936 37.5385 28.4615 35.5064 28.4615 33C28.4615 30.4936 30.4936 28.4615 33 28.4615C35.5064 28.4615 37.5385 30.4936 37.5385 33C37.5385 35.5064 35.5064 37.5385 33 37.5385Z' fill='white'/%3E%3Cpath d='M40 24C38.8991 24 38 24.893 38 26C38 27.107 38.893 28 40 28C41.107 28 42 27.107 42 26C42 24.893 41.107 24 40 24Z' fill='white'/%3E%3C/svg%3E%0A");
  }
}

.quick-menu .quick-item.tmap .ico-quick {
  width: 23px;
  height: 23px;
  background-image: url("data:image/svg+xml,%3Csvg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3050_14217)'%3E%3Cpath d='M22.8345 0.125H0.834473V5.01945H22.8345V0.125Z' fill='%230041AD'/%3E%3Cpath d='M22.8347 0.125H19.1764C13.7692 0.125 9.38574 4.50843 9.38574 9.91563V22.1267H14.2802V9.91563C14.2802 7.21203 16.4728 5.02118 19.1746 5.02118H22.833V0.125H22.8347Z' fill='%230041AD'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3050_14217'%3E%3Crect width='22' height='22' fill='white' transform='translate(0.834473 0.125)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .quick-menu .quick-item.tmap .ico-quick {
    width: 27px;
    height: 26px;
    background-image: url("data:image/svg+xml,%3Csvg width='27' height='26' viewBox='0 0 27 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3050_14249)'%3E%3Cpath d='M26.8418 0H0.841797V5.78514H26.8418V0Z' fill='white'/%3E%3Cpath d='M26.8415 0H22.5175C16.1294 0 10.9473 5.18211 10.9473 11.5703V26H16.7324V11.5703C16.7324 8.37619 19.3235 5.78514 22.5175 5.78514H26.8415V0Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3050_14249'%3E%3Crect width='26' height='26' fill='white' transform='translate(0.841797)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  }
}

.quick-menu .quick-item.youtube .ico-quick {
  width: 28px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='20' viewBox='0 0 28 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_757_22028)'%3E%3Cpath d='M27.1964 3.1234C26.8763 1.89485 25.9356 0.925681 24.7412 0.597965C22.5744 0 13.8889 0 13.8889 0C13.8889 0 5.20192 0 3.03659 0.597965C1.84068 0.925681 0.899954 1.8933 0.579836 3.1234C0 5.35063 0 10.0008 0 10.0008C0 10.0008 0 14.6494 0.579836 16.8782C0.899954 18.1083 1.84068 19.0759 3.03659 19.4036C5.20343 20 13.8889 20 13.8889 20C13.8889 20 22.5744 20 24.7412 19.4036C25.9356 19.0743 26.8778 18.1067 27.1964 16.8782C27.7763 14.6494 27.7763 10.0008 27.7763 10.0008C27.7763 10.0008 27.7763 5.35218 27.1964 3.1234Z' fill='%230041AD'/%3E%3Cpath d='M11.1104 14.2867L18.3281 10.0016L11.1104 5.71484V14.2867Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_757_22028'%3E%3Crect width='27.7778' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .quick-menu .quick-item.youtube .ico-quick {
    width: 30px;
    height: 22px;
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='22' viewBox='0 0 30 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_757_24852)'%3E%3Cpath d='M29.3721 3.37327C29.0264 2.04644 28.0104 0.999736 26.7205 0.645803C24.3803 0 15 0 15 0C15 0 5.61807 0 3.27952 0.645803C1.98793 0.999736 0.97195 2.04476 0.626223 3.37327C0 5.77868 0 10.8008 0 10.8008C0 10.8008 0 15.8213 0.626223 18.2284C0.97195 19.5569 1.98793 20.6019 3.27952 20.9559C5.6197 21.6 15 21.6 15 21.6C15 21.6 24.3803 21.6 26.7205 20.9559C28.0104 20.6003 29.028 19.5552 29.3721 18.2284C29.9984 15.8213 29.9984 10.8008 29.9984 10.8008C29.9984 10.8008 29.9984 5.78035 29.3721 3.37327Z' fill='white'/%3E%3Cpath d='M11.999 15.4295L19.7942 10.8015L11.999 6.17188V15.4295Z' fill='%23113884'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_757_24852'%3E%3Crect width='30' height='21.6' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  }
}

.quick-menu .quick-item .title {
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
  color: #333;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .quick-menu .quick-item .title {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
  }
}

.quick-menu .link-quick {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: 8px;
  height: 100%;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .quick-menu .link-quick {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    background-color: #033B99;
  }
}

/* header */
.header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 207;
  min-width: 320px;
  width: 100%;
  height: 60px;
  padding-right: var(--scrollbar-width);
  background-color: #fff;
  -webkit-transition-property: background-color, -webkit-box-shadow;
  transition-property: background-color, -webkit-box-shadow;
  transition-property: background-color, box-shadow;
  transition-property: background-color, box-shadow, -webkit-box-shadow;
  -webkit-transition-duration: .3s;
          transition-duration: .3s;
}

.text-template .header {
  background-color: transparent;
}

html:not(.design-edit-page) .header.is-scrolled {
  background-color: #fff;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .header {
    position: absolute;
    height: 93px;
  }
  html:not(.design-edit-page) .header.is-resizing {
    overflow: hidden;
  }
}

html.design-edit-page .header {
  position: absolute;
}

.header .common-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: none;
  height: 100%;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .header .common-inner {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-column-gap: 50px;
       -moz-column-gap: 50px;
            column-gap: 50px;
  }
}

.header .logo.image-type[class*="size-"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: auto;
  max-width: 200px;
  height: 54px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .header .logo.image-type[class*="size-"] {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    max-width: 220px;
    height: 88px;
  }
}

.header .logo.image-type[class*="size-"].vertical {
  max-width: 180px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .header .logo.image-type[class*="size-"].vertical {
    max-width: 200px;
  }
}

.header .logo.image-type.size-sm img {
  min-width: clamp(60px, 30%, 87px);
  width: auto;
  max-width: 60%;
}

.header .logo.image-type.size-md img {
  min-width: clamp(70px, 35%, 101.5px);
  width: auto;
  max-width: 70%;
}

.header .logo.image-type.size-lg img {
  min-width: clamp(80px, 40%, 116px);
  width: auto;
  max-width: 80%;
}

.header .logo.image-type.size-xl img {
  min-width: clamp(90px, 45%, 130.5px);
  width: auto;
  max-width: 90%;
}

.header .logo.image-type.size-xxl img {
  min-width: clamp(100px, 50%, 145px);
  width: auto;
  max-width: 100%;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .header .logo.image-type.size-sm img {
    min-width: clamp(70px, 35%, 101.5px);
    width: auto;
    max-width: 70%;
  }
  html:not(.design-edit-page) .header .logo.image-type.size-md img {
    min-width: clamp(80px, 40%, 116px);
    width: auto;
    max-width: 80%;
  }
  html:not(.design-edit-page) .header .logo.image-type.size-lg img {
    min-width: clamp(85px, 42.5%, 123.25px);
    width: auto;
    max-width: 85%;
  }
  html:not(.design-edit-page) .header .logo.image-type.size-xl img {
    min-width: clamp(90px, 45%, 130.5px);
    width: auto;
    max-width: 90%;
  }
  html:not(.design-edit-page) .header .logo.image-type.size-xxl img {
    min-width: clamp(100px, 50%, 145px);
    width: auto;
    max-width: 100%;
  }
}

.header .logo.image-type.vertical {
  overflow: hidden;
}

.header .logo.image-type.size-sm.vertical img {
  min-width: 0;
  max-width: 45%;
  height: auto;
}

.header .logo.image-type.size-md.vertical img {
  min-width: 0;
  max-width: 50%;
  height: auto;
}

.header .logo.image-type.size-lg.vertical img {
  min-width: 0;
  max-width: 55%;
  height: auto;
}

.header .logo.image-type.size-xl.vertical img {
  min-width: 0;
  max-width: 60%;
  height: auto;
}

.header .logo.image-type.size-xxl.vertical img {
  min-width: 0;
  max-width: 65%;
  height: auto;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .header .logo.image-type.size-sm.vertical img {
    min-width: 0;
    max-width: 55%;
    height: auto;
  }
  html:not(.design-edit-page) .header .logo.image-type.size-md.vertical img {
    min-width: 0;
    max-width: 60%;
    height: auto;
  }
  html:not(.design-edit-page) .header .logo.image-type.size-lg.vertical img {
    min-width: 0;
    max-width: 65%;
    height: auto;
  }
  html:not(.design-edit-page) .header .logo.image-type.size-xl.vertical img {
    min-width: 0;
    max-width: 70%;
    height: auto;
  }
  html:not(.design-edit-page) .header .logo.image-type.size-xxl.vertical img {
    min-width: 0;
    max-width: 75%;
    height: auto;
  }
}

.header .logo.text-type {
  color: var(--current-logo-text-color, #164AA0);
}

.header .logo.text-type.size-sm {
  font-size: 18px;
}

.header .logo.text-type.size-md {
  font-size: 21px;
}

.header .logo.text-type.size-lg {
  font-size: 24px;
}

.header .logo.text-type.size-xl {
  font-size: 27px;
}

.header .logo.text-type.size-xxl {
  font-size: 30px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .header .logo.text-type.size-sm {
    font-size: 23px;
  }
  html:not(.design-edit-page) .header .logo.text-type.size-md {
    font-size: 26px;
  }
  html:not(.design-edit-page) .header .logo.text-type.size-lg {
    font-size: 29px;
  }
  html:not(.design-edit-page) .header .logo.text-type.size-xl {
    font-size: 32px;
  }
  html:not(.design-edit-page) .header .logo.text-type.size-xxl {
    font-size: 35px;
  }
}

.header .logo-wrap {
  max-height: 100%;
  margin-bottom: 0;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .header .logo-wrap {
    position: relative;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    z-index: 207;
  }
}

.header .logo-wrap .logo.image-type img {
  -o-object-position: center;
     object-position: center;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .header .logo-wrap .logo.image-type img {
    -o-object-position: left center;
       object-position: left center;
  }
}

.header .logo-wrap .logo.text-type {
  text-align: center;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .header .logo-wrap .logo.text-type {
    max-width: 340px;
    padding: 0;
    text-align: left;
  }
}

html:not(.design-edit-page) .header .logo-wrap .logo.text-type {
  padding: 0 30px;
}

.header .btn-nav {
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 5px;
  width: 22px;
  height: 22px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .header .btn-nav {
    right: 15px;
    z-index: 207;
  }
}

html.design-edit-page .header .btn-nav {
  display: none !important;
}

.header .btn-nav .bar {
  width: 100%;
  height: 4px;
  background-color: #222;
  -webkit-transition-property: opacity, background-color, -webkit-transform;
  transition-property: opacity, background-color, -webkit-transform;
  transition-property: transform, opacity, background-color;
  transition-property: transform, opacity, background-color, -webkit-transform;
  -webkit-transition-duration: .3s;
          transition-duration: .3s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .header.is-open .btn-nav .bar:nth-child(1) {
    -webkit-transform: translateY(7px) rotate(45deg);
            transform: translateY(7px) rotate(45deg);
  }
  html:not(.design-edit-page) .header.is-open .btn-nav .bar:nth-child(2) {
    opacity: 0;
  }
  html:not(.design-edit-page) .header.is-open .btn-nav .bar:nth-child(3) {
    -webkit-transform: translateY(-11px) rotate(-45deg);
            transform: translateY(-11px) rotate(-45deg);
  }
}

.header .nav-panel {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 206;
  width: calc(100% - 54px);
  max-width: 320px;
  height: 100%;
  overflow-y: auto;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  pointer-events: none;
  background-color: #fff;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
}

.header .nav-panel::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.header .nav-panel::-webkit-scrollbar-thumb {
  height: 30%;
  border-radius: 10px;
  background-color: #D8D8D8;
}

.header .nav-panel::-webkit-scrollbar-track {
  background-color: #ededed;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .header .nav-panel {
    position: relative;
    top: auto;
    right: auto;
    z-index: auto;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    min-width: 0;
    width: auto;
    max-width: none;
    height: auto;
    overflow-y: initial;
    padding-left: 50px;
    padding-right: 100px;
    -webkit-transform: none;
            transform: none;
    pointer-events: auto;
    background-color: transparent;
  }
}

html.design-edit-page .header .nav-panel {
  display: none !important;
}

.header.is-open .nav-panel {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  pointer-events: auto;
}

.header .gnb-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0;
}

.header .link-gnb {
  display: block;
  color: #222;
  word-break: keep-all;
  overflow-wrap: break-word;
}

.header .link-lnb {
  display: block;
  padding: 3px 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
  color: #3C3C3D;
  word-break: keep-all;
  overflow-wrap: break-word;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .header .link-lnb {
    padding: 6px 20px;
    font-size: 14px;
    text-align: center;
  }
  html:not(.design-edit-page) .header .link-lnb:hover {
    text-decoration: underline !important;
  }
}

.header .nav-panel .top-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  padding: 18px 16px 64px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .header .nav-panel .top-area {
    display: none;
  }
}

.header .nav-panel .top-area .logo.image-type {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.header .nav-panel .top-area .logo.text-type {
  max-width: 200px;
}

.header .nav-panel .top-area .btn-close-nav {
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .header .nav-panel .gnb {
    overflow: hidden;
  }
}

.header .nav-panel .gnb-list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .header .nav-panel .gnb-list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 50px;
       -moz-column-gap: 50px;
            column-gap: 50px;
  }
}

.header .nav-panel .gnb-item {
  position: relative;
  padding: 20px 16px;
  border-bottom: 1px solid #E4E4E4;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .header .nav-panel .gnb-item {
    padding: 0;
    border-bottom: 0;
  }
}

.header .nav-panel .link-gnb {
  position: relative;
  padding-right: 25px;
  font-size: 20px;
  font-weight: 700;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .header .nav-panel .link-gnb {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding-right: 0;
    font-size: 18px;
  }
}

.header .nav-panel .link-gnb::after {
  content: '';
  position: absolute;
  top: 6px;
  right: 0;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  width: 20px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='12' viewBox='0 0 20 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.992187 0.999999L9.9883 10.0039L18.9922 1' stroke='%23414042' stroke-width='2' stroke-miterlimit='10'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transition: -webkit-transform .25s ease-in-out;
  transition: -webkit-transform .25s ease-in-out;
  transition: transform .25s ease-in-out;
  transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .header .nav-panel .link-gnb::after {
    display: none;
  }
}

.header .nav-panel .gnb-item.is-active .link-gnb::after {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

.header .nav-panel .lnb-list {
  display: none;
  margin-top: 13px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .header .nav-panel .lnb-list {
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 2;
    min-width: 125px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding: 10px 0;
    border-radius: 5px;
    background-color: #fff;
    -webkit-box-shadow: -5px 5px 10px rgba(0, 0, 0, 0.05), 5px 5px 10px rgba(0, 0, 0, 0.05);
            box-shadow: -5px 5px 10px rgba(0, 0, 0, 0.05), 5px 5px 10px rgba(0, 0, 0, 0.05);
  }
}

.header .nav-panel .btn-gnb-prev,
.header .nav-panel .btn-gnb-next {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 30px;
  height: 30px;
  color: #222;
}

.header .nav-panel .btn-gnb-prev .ico-arrow,
.header .nav-panel .btn-gnb-next .ico-arrow {
  width: 12px;
  height: 22px;
}

.header .nav-panel .btn-gnb-prev .ico-arrow svg,
.header .nav-panel .btn-gnb-next .ico-arrow svg {
  width: 100%;
  height: 100%;
}

.header .nav-panel .btn-gnb-prev {
  left: 0;
}

.header .nav-panel .btn-gnb-prev .ico-arrow {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}

.header .nav-panel .btn-gnb-next {
  right: 55px;
}

.header .sitemap {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 206;
  background-color: #fff;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  pointer-events: none;
  -webkit-transition: -webkit-transform .3s ease-in-out;
  transition: -webkit-transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
}

.header .sitemap .inner {
  max-width: 1200px;
  height: 100%;
  overflow-y: auto;
  margin: 93px auto 0;
  padding: 120px 15px 213px;
  scrollbar-width: none;
}

.header .sitemap .inner::-webkit-scrollbar {
  display: none;
}

.header .sitemap .gnb-list {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  gap: 50px;
}

.header .sitemap .link-gnb {
  font-size: 22px;
  font-weight: 500;
  text-align: center;
}

.header .sitemap .lnb-list {
  margin-top: 40px;
}

.header.is-open .sitemap {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  pointer-events: auto;
}

.header .dimmed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 205;
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity .5s;
  transition: opacity .5s;
}

.header.is-open .dimmed {
  opacity: 1;
  pointer-events: auto;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .header {
    padding-right: 0;
    color: var(--current-text-color);
    background-color: var(--current-bg-color);
  }
  html:not(.design-edit-page) .sub-page .header .logo.text-type {
    color: var(--current-logo-text-color, var(--current-text-color));
  }
  html:not(.design-edit-page) .sub-page .header .btn-nav .bar {
    background-color: var(--current-text-color);
  }
  html:not(.design-edit-page) .sub-page .header.is-open .btn-nav .bar {
    background-color: #222;
  }
  html:not(.design-edit-page) .sub-page .header .nav-panel .link-gnb {
    color: var(--current-text-color);
  }
  html:not(.design-edit-page) .sub-page .header .nav-panel .btn-gnb-prev,
  html:not(.design-edit-page) .sub-page .header .nav-panel .btn-gnb-next {
    color: var(--current-text-color);
  }
}

/* sub-header */
.sub-header {
  color: var(--current-text-color);
  background-color: var(--current-bg-color);
}

html:not(.design-edit-page) .sub-header {
  margin-top: 60px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-header {
    margin-top: 93px;
  }
}

html.design-edit-page .sub-header {
  position: absolute;
  top: 60px;
  left: 0;
  width: 100%;
}

.sub-header .common-inner {
  max-width: none;
}

.sub-header .content {
  position: relative;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-header .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    row-gap: 25px;
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
  }
}

.sub-header .top-area {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 46px;
  cursor: pointer;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-header .top-area {
    display: block;
    height: auto;
    padding-bottom: 36px;
    cursor: auto;
  }
}

.sub-header .headline {
  min-width: 0;
  padding: 0 20px;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 500;
  color: var(--current-text-color);
  text-align: center;
  word-break: keep-all;
  overflow-wrap: break-word;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-header .headline {
    padding: 0;
    font-size: 34px;
    line-height: 1.2;
    font-weight: 600;
  }
}

.sub-header .btn-sub-nav {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 4px;
  width: 15px;
  height: 100%;
  color: var(--current-text-color);
}

.sub-header.is-open .btn-sub-nav {
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}

.sub-header .breadcrumb {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 204;
  width: 100%;
  margin-bottom: 0;
}

html:not(.design-edit-page) .sub-header .breadcrumb {
  display: none;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-header .breadcrumb {
    position: static;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.sub-header .breadcrumb-item {
  width: 100%;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-header .breadcrumb-item {
    position: relative;
    width: auto;
    padding: 0 15px !important;
  }
  html:not(.design-edit-page) .sub-header .breadcrumb-item:nth-child(1) {
    padding-left: 0 !important;
  }
}

.sub-header .breadcrumb-item::before {
  display: none;
}

.sub-header .breadcrumb-item + .breadcrumb-item {
  padding-left: 0;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-header .breadcrumb-item + .breadcrumb-item::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 6px;
    height: 6px;
    border-right: 1px solid var(--current-text-color);
    border-bottom: 1px solid var(--current-text-color);
    -webkit-transform: rotate(-45deg) translateY(-50%);
            transform: rotate(-45deg) translateY(-50%);
  }
}

.sub-header .breadcrumb-item:not(.dropdown),
.sub-header .breadcrumb-item.dropdown .link-breadcrumb {
  display: none;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-header .breadcrumb-item:not(.dropdown), html:not(.design-edit-page)
  .sub-header .breadcrumb-item.dropdown .link-breadcrumb {
    display: block;
  }
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-header .breadcrumb-item.dropdown .link-breadcrumb::before {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(100% + 6px);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 0;
    height: 0;
    border-width: 4px 4px 0 4px;
    border-style: solid;
    border-color: transparent;
    border-top-color: var(--current-text-color);
  }
}

.sub-header .link-breadcrumb {
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 500;
  color: var(--current-text-color);
  word-break: keep-all;
  overflow-wrap: break-word;
}

.sub-header .dropdown-menu {
  position: static;
  display: block;
  padding: 0;
  border-color: #DBDBDB;
  border-radius: 0;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-header .dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 9;
    min-width: 95px;
    width: auto;
    padding: 8px 0;
    margin-top: 13px;
    border-radius: 5px;
    border: 0;
    background-color: #003283;
    -webkit-box-shadow: 0px 4px 4px 0px #00000026;
            box-shadow: 0px 4px 4px 0px #00000026;
  }
}

.sub-header .dropdown-menu li + li .dropdown-item {
  border-top: 1px solid #DBDBDB;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-header .dropdown-menu li + li .dropdown-item {
    border-top: 0;
  }
}

.sub-header .dropdown-menu li.is-active .dropdown-item {
  font-weight: 700;
}

.sub-header .dropdown-item {
  padding: 10px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  color: #2C2C2C;
  text-align: center;
  white-space: normal;
  word-break: keep-all;
  overflow-wrap: break-word;
  background-color: #fff;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-header .dropdown-item {
    padding: 8px 20px;
    color: #E8EBFF;
    white-space: nowrap;
    background-color: transparent;
  }
  html:not(.design-edit-page) .sub-header .dropdown-item:hover {
    text-decoration: underline !important;
  }
}

/* footer */
.footer {
  padding: 42px 0 128px;
  background-color: #ECECEC;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .footer {
    padding-bottom: 80px;
  }
}

html.design-edit-page .footer:not(:has(+ .quick-menu)) {
  padding-bottom: 42px;
}

.footer .common-inner {
  max-width: none;
}

.footer .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 55px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .footer .content {
    row-gap: 43px;
  }
}

.footer .logo {
  -ms-flex-item-align: start;
      align-self: flex-start;
  padding-right: 35px;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .footer .logo {
    padding-right: 0;
  }
}

.footer .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  row-gap: 12px;
  color: #333;
}

.footer .info-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  row-gap: 2px;
  margin-bottom: 0;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .footer .info-list {
    row-gap: 5px;
  }
}

.footer .info-item {
  position: relative;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  word-break: break-all;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .footer .info-item {
    font-size: 14px;
  }
}

.footer .info-item.address {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .footer .info-item.address {
    font-size: 15px;
  }
}

.footer .info-item:not(.address)::after {
  display: inline-block;
  content: '';
  width: 1px;
  height: 12px;
  margin: 0 8px;
  background-color: #979797;
  vertical-align: -1px;
}

.footer .info-item:last-child::after {
  display: none;
}

.footer .copyright {
  display: block;
  font-family: 'Pretendard Variable', sans-serif;
  font-size: 13px;
  font-weight: 300;
  line-height: 1.2;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .footer .copyright {
    font-size: 11px;
  }
}

.footer .btn-top {
  position: absolute;
  top: 0;
  right: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .footer .btn-top {
    right: 15px;
  }
}

.footer .btn-top .ico-arrow {
  width: 35px;
  height: 35px;
  border: 2px solid #BDBDBD;
  background-image: url("data:image/svg+xml,%3Csvg width='45' height='48' viewBox='0 0 45 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.27197 9.39844H38.6663' stroke='%23404041' stroke-width='2' stroke-miterlimit='10'/%3E%3Cpath d='M11.0884 23.6053L22.9422 10.4414L34.6593 23.6053' stroke='%23404041' stroke-width='2' stroke-miterlimit='10'/%3E%3Cpath d='M22.9429 10.4414V40.1927' stroke='%23404041' stroke-width='2' stroke-miterlimit='10'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .footer .btn-top .ico-arrow {
    width: 45px;
    height: 48px;
  }
}

/* private */
#layout-wrapper:has(> .private) {
  min-width: 320px;
  overflow: hidden;
}

.private .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100vh;
}

.private .title {
  margin: 0 0 18px;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.33;
  color: #222;
  text-align: center;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .private .title {
    margin-bottom: 44px;
    font-size: 38px;
  }
}

.private .desc {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: #222;
  text-align: center;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .private .desc {
    font-size: 24px;
  }
}

.private .desc .highlight {
  color: #276FF7;
}

.private .ico-loading {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
  width: 96px;
  height: 96px;
  margin-bottom: 30px;
  -webkit-animation: rotate 5s linear infinite;
          animation: rotate 5s linear infinite;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .private .ico-loading {
    width: 188px;
    height: 188px;
    margin-bottom: 60px;
  }
}

.private .ico-loading svg {
  display: block;
  width: 100%;
  height: 100%;
}

.private .ico-loading svg path {
  -webkit-animation: fade-out 2s steps(2) infinite;
          animation: fade-out 2s steps(2) infinite;
}

.private .ico-loading svg path:nth-child(1) {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}

.private .ico-loading svg path:nth-child(2) {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}

.private .ico-loading svg path:nth-child(3) {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}

.private .ico-loading svg path:nth-child(4) {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}

.private .ico-loading svg path:nth-child(5) {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}

.private .ico-loading svg path:nth-child(6) {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

.private .ico-loading svg path:nth-child(7) {
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}

.private .ico-loading svg path:nth-child(8) {
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
}

@-webkit-keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/* image-template */
.image-template .section-visual {
  padding-top: 60px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .image-template .section-visual {
    padding-top: 93px;
  }
}

.image-template .section-visual .swiper {
  height: var(--section-height-mo, var(--visual-slide-height-mo, 420px));
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .image-template .section-visual .swiper {
    height: var(--section-height-pc, var(--visual-slide-height-pc, 677px));
  }
}

.image-template .section-visual .editor-text {
  font-size: 2em;
  font-weight: 800;
  line-height: 1.18;
  color: #193B72;
  text-align: center;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .image-template .section-visual .editor-text {
    text-align: left;
  }
}

.image-template .section-subject {
  padding: 50px 0;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .image-template .section-subject {
    padding: 150px 0;
  }
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .image-template .section-subject + .community:has(.section-notice) {
    padding-top: 0;
  }
}

html:not(.design-edit-page) .image-template .section-subject .selection:not(.all):has(.section-desc) {
  margin-top: 15px;
}

html:not(.design-edit-page) .image-template .section-subject .selection:not(.all):has(.title) {
  margin-top: 10px;
}

html:not(.design-edit-page) .image-template .section-subject .selection:not(.all):has(.desc) {
  margin-top: 22px;
}

.image-template .section-subject .section-headline {
  font-size: 32px;
  font-weight: 700;
  line-height: 1.2;
  color: #0041AD;
  text-align: center;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .image-template .section-subject .section-headline {
    font-size: 50px;
  }
}

.image-template .section-subject .section-desc {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.44;
  color: #222;
  text-align: center;
}

.image-template .section-subject .subject-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 60px;
  margin: 34px 0 0;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .image-template .section-subject .subject-list {
    row-gap: 65px;
    margin-top: 120px;
  }
}

html.design-edit-page .image-template .section-subject .subject-list {
  margin-left: -8px;
  margin-right: -8px;
}

.image-template .section-subject .subject-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  row-gap: 35px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .image-template .section-subject .subject-item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    row-gap: 0;
  }
  html:not(.design-edit-page) .image-template .section-subject .subject-item:nth-child(2n) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  html:not(.design-edit-page) .image-template .section-subject .subject-item > [class*="text-box"] {
    width: 50%;
    padding: 0 100px;
  }
}

.image-template .section-subject .subject-item .eyebrow {
  font-family: 'Pretendard Variable', sans-serif;
  font-size: 12px;
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: 0.2em;
  color: #01BBD9;
  text-align: center;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .image-template .section-subject .subject-item .eyebrow {
    font-size: 14px;
  }
}

.image-template .section-subject .subject-item .title {
  font-size: 32px;
  font-weight: 800;
  line-height: 1.2;
  color: #222;
  text-align: center;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .image-template .section-subject .subject-item .title {
    font-size: 40px;
  }
}

.image-template .section-subject .subject-item .desc {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  color: #222;
  text-align: center;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .image-template .section-subject .subject-item .desc {
    font-size: 20px;
  }
}

.image-template .section-subject .subject-item .thumb-box {
  position: relative !important;
  inset: auto !important;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .image-template .section-subject .subject-item .thumb-box {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 50%;
  }
}

.image-template .section-subject .subject-item .thumb-box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.image-template .section-subject .link-subject {
  position: relative;
  display: block;
  width: 100%;
  height: 240px;
  border-radius: 28px;
  overflow: hidden;
  background-color: #f5f5f5;
}

html:not(.design-edit-page) .image-template .section-subject .link-subject::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.2);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}

html:not(.design-edit-page) .image-template .section-subject .link-subject:hover::before {
  opacity: 1;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .image-template .section-subject .link-subject {
    height: 320px;
  }
}

.image-template .section-subject .subject-item:has(.thumb-box[data-ui-role="image"]) .link-subject {
  background-color: transparent;
}

.image-template .section-subject .subject-item:has(.thumb-box[data-ui-role="image"]:not(.is-fill)):has(img) .link-subject {
  outline: 1px solid #eee !important;
}

.image-template .section-interior {
  padding-bottom: 50px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .image-template .section-interior {
    padding-bottom: 0;
    background-color: #F9F9F9;
  }
}

html.design-edit-page .image-template .section-interior {
  padding-top: 50px;
}

.image-template .section-interior .inner {
  position: relative;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .image-template .section-interior .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 1200px;
    padding: 0 15px;
    margin: 0 auto;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
  }
}

.image-template .section-interior .eyebrow {
  font-size: 28px;
  font-weight: 700;
  line-height: 1.2;
  color: #000;
  text-align: center;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .image-template .section-interior .eyebrow,
  html:not(.design-edit-page) .image-template .section-interior .eyebrow > span {
    font-size: 24px !important;
    text-align: left !important;
  }
  html:not(.design-edit-page) .image-template .section-interior .eyebrow .text {
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
  }
}

.image-template .section-interior .swiper {
  width: 100%;
  margin-top: 40px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .image-template .section-interior .swiper {
    height: 556px;
    margin-top: 0;
  }
}

.image-template .section-interior .swiper-slide {
  padding: 0 11px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

html:not(.design-edit-page) .image-template .section-interior .swiper-slide {
  width: 60.60606vw;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .image-template .section-interior .swiper-slide {
    width: 100%;
    height: 395px;
    padding: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}

html.design-edit-page .image-template .section-interior .swiper-slide {
  width: 227px;
  padding-bottom: 4px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .image-template .section-interior .swiper-slide:not(:has(.title)):not(:has(.desc)):not(:has(.tag)) .text-box {
    top: 120px;
  }
  html:not(.design-edit-page) .image-template .section-interior .swiper-slide:not(:has(.title)):not(:has(.desc)):not(:has(.tag)) .eyebrow {
    font-size: 32px;
  }
}

html:not(.design-edit-page) .image-template .section-interior .swiper.is-single .swiper-slide:not(.swiper-slide-active) {
  opacity: 0;
  -webkit-transition: opacity .5s ease-in-out;
  transition: opacity .5s ease-in-out;
}

.image-template .section-interior .swiper .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .image-template .section-interior .swiper .content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

.image-template .section-interior .swiper .text-box {
  margin-top: 12px;
  overflow-wrap: break-word;
}

html:not(.design-edit-page) .image-template .section-interior .swiper .text-box {
  width: 60.60606vw;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .image-template .section-interior .swiper .text-box {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 320px;
    margin-top: 0;
  }
}

html.design-edit-page .image-template .section-interior .swiper .text-box {
  width: 227px;
}

.image-template .section-interior .swiper .text-box .text {
  display: block;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transition-duration: .5s;
          transition-duration: .5s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

html:not(.design-edit-page) .image-template .section-interior .swiper .text-box .text {
  opacity: 0;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .image-template .section-interior .swiper .text-box .text {
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
  }
}

.image-template .section-interior .swiper .title {
  font-weight: 800;
  line-height: 1.2;
  color: #0A3267;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .image-template .section-interior .swiper .title {
    margin-top: 20px;
    font-size: 50px;
    text-align: left;
  }
  html:not(.design-edit-page) .image-template .section-interior .swiper .title .text {
    -webkit-transition-delay: .2s;
            transition-delay: .2s;
  }
}

.image-template .section-interior .swiper .desc {
  font-weight: 400;
  line-height: 1.43;
  color: #222;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .image-template .section-interior .swiper .desc {
    margin-top: 14px;
    font-size: 16px;
    line-height: 1.6;
    text-align: left;
  }
  html:not(.design-edit-page) .image-template .section-interior .swiper .desc .text {
    -webkit-transition-delay: .4s;
            transition-delay: .4s;
  }
}

.image-template .section-interior .swiper .thumb-box {
  position: relative;
  display: block;
  background-color: #f5f5f5;
}

html:not(.design-edit-page) .image-template .section-interior .swiper .thumb-box {
  width: 60.60606vw;
  height: 38.61193vw;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .image-template .section-interior .swiper .thumb-box {
    width: 620px;
    height: 395px;
  }
}

html.design-edit-page .image-template .section-interior .swiper .thumb-box {
  width: 227px;
  height: 145px;
}

.image-template .section-interior .swiper .thumb-box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.image-template .section-interior .swiper .tag {
  position: absolute;
  top: 0;
  left: -11px;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 60px;
  max-width: 50%;
  min-height: 60px;
  max-height: 50%;
  padding: 8px 10px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
  background-color: #255FBF;
  color: #fff;
  -webkit-transition: opacity .5s ease-in-out;
  transition: opacity .5s ease-in-out;
}

html:not(.design-edit-page) .image-template .section-interior .swiper .tag {
  opacity: 0;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .image-template .section-interior .swiper .tag {
    left: -22px;
    min-width: 90px;
    min-height: 90px;
    font-size: 18px;
  }
}

html:not(.design-edit-page) .image-template .section-interior .swiper .swiper-slide-active .text-box .text {
  opacity: 1;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .image-template .section-interior .swiper .swiper-slide-active .text-box .text {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

html:not(.design-edit-page) .image-template .section-interior .swiper .swiper-slide-active .tag {
  opacity: 1;
}

.image-template .section-interior .swiper-pagination {
  position: static;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transform: none;
          transform: none;
  margin-top: 50px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .image-template .section-interior .swiper-pagination {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    position: relative;
    left: -30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
  }
}

.image-template .section-interior .swiper-pagination-bullet {
  background-color: #D9D9D9;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .image-template .section-interior .swiper-pagination-bullet {
    margin: 5px 0 !important;
  }
}

.image-template .section-interior .swiper-pagination-bullet-active {
  background-color: #777777;
}

.image-template .community {
  position: relative;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .image-template .community {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 64px;
    min-height: 318px;
    padding: 80px 0;
    background-color: #fff;
  }
}

.image-template .community-title {
  font-family: 'Pretendard Variable', sans-serif;
  font-size: 32px;
  font-weight: 700;
  color: #000;
  text-align: center;
}

.image-template .community .section-headline {
  font-size: 26px;
  font-weight: 700;
  color: #111;
}

.image-template .section-notice {
  padding: 50px 0;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .image-template .section-notice {
    padding: 0;
  }
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .image-template .section-notice .common-inner {
    padding: 0;
  }
}

html.design-edit-page .image-template .section-notice .text-box:has(.section-headline) {
  margin-left: -8px;
  margin-right: -8px;
}

.image-template .section-notice .section-headline {
  position: relative;
  padding-right: 20px;
  padding-bottom: 15px;
  border-bottom: 2px solid #222;
  cursor: pointer;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .image-template .section-notice .section-headline {
    display: block;
    padding-right: 0;
    padding-bottom: 17px;
  }
  html:not(.design-edit-page) .image-template .section-notice .section-headline,
  html:not(.design-edit-page) .image-template .section-notice .section-headline > span {
    font-family: inherit !important;
    font-size: 24px !important;
    line-height: inherit !important;
    color: #000 !important;
    text-align: left !important;
  }
}

.image-template .section-notice .section-headline::after {
  content: '';
  position: absolute;
  top: 6px;
  right: 0;
  width: 15px;
  height: 23px;
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='23' viewBox='0 0 15 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 21.5226L12 11.5312L2 1.53125' stroke='%23414042' stroke-width='3' stroke-miterlimit='10'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .image-template .section-notice .section-headline::after {
    display: none;
  }
}

.image-template .section-notice .notice-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 10px;
  margin: 25px 0 0;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .image-template .section-notice .notice-list {
    row-gap: 20px;
    margin-top: 32px;
  }
}

.image-template .section-notice .link-notice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 15px;
     -moz-column-gap: 15px;
          column-gap: 15px;
  font-family: 'Pretendard Variable', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  color: #222;
}

.image-template .section-notice .link-notice .title {
  margin-bottom: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .image-template .section-notice .link-notice .title {
    color: #4D4D4D;
  }
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .image-template .section-notice .link-notice .date {
    color: #858585;
  }
}

.image-template .section-info {
  padding: 50px 0;
  background-color: #19295C;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .image-template .section-info {
    background-color: inherit;
  }
}

.image-template .section-info:has(.thumb-box[data-ui-role="image"]) {
  background-color: transparent;
}

.image-template .section-info .section-headline {
  color: #fff;
}

.image-template .section-info .section-headline + .tel-area {
  margin-top: 20px;
}

.image-template .section-info .tel-area {
  color: #222;
}

.image-template .section-info .tel-area .title {
  font-weight: 700;
}

.image-template .section-info .tel-area .tel {
  color: #FFA735;
}

.image-template .section-info .info-list {
  margin-top: 25px;
}

.image-template .section-info .info-item {
  font-size: 14px;
  line-height: 1.2;
  color: #fff;
}

.image-template .section-info .message {
  margin-top: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #FFC4B2;
}

.image-template .section-info[data-feature="tel-extra"] .tel-area .title {
  color: #fff;
}

.image-template .section-info[data-feature="tel-extra"] .btn-tel-extra {
  color: #fff;
  border-color: #D8D8D8;
}

.image-template .section-info[data-feature="tel-extra"] .btn-tel-extra:hover {
  color: #000;
  border-color: #fff;
  background-color: #fff;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .image-template .community:has(.section-notice) {
    padding-left: 15px;
    padding-right: 15px;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
  }
  html:not(.design-edit-page) .image-template .community:has(.section-notice) .common-inner:has(.community-title) {
    padding: 0;
  }
  html:not(.design-edit-page) .image-template .community:has(.section-notice) .inner1 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    -webkit-column-gap: 50px;
       -moz-column-gap: 50px;
            column-gap: 50px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
  }
  html:not(.design-edit-page) .image-template .community:has(.section-notice) .section-info {
    padding: 0;
  }
  html:not(.design-edit-page) .image-template .community:has(.section-notice) .section-info .common-inner {
    padding: 0;
  }
  html:not(.design-edit-page) .image-template .community:has(.section-notice) .section-info .section-headline {
    padding-bottom: 17px;
    font-family: inherit !important;
    font-size: 24px;
    line-height: inherit !important;
    color: #000 !important;
    border-bottom: 2px solid #222;
  }
  html:not(.design-edit-page) .image-template .community:has(.section-notice) .section-info .section-headline + .tel-area {
    margin-top: 32px;
  }
  html:not(.design-edit-page) .image-template .community:has(.section-notice) .section-info .tel-area {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 43px;
       -moz-column-gap: 43px;
            column-gap: 43px;
  }
  html:not(.design-edit-page) .image-template .community:has(.section-notice) .section-info .tel-area .title {
    font-family: inherit !important;
    font-size: 20px;
    font-weight: 600;
    color: inherit !important;
  }
  html:not(.design-edit-page) .image-template .community:has(.section-notice) .section-info .tel-area .tel {
    font-family: 'Pretendard Variable', sans-serif !important;
    font-size: 34px;
    color: inherit !important;
  }
  html:not(.design-edit-page) .image-template .community:has(.section-notice) .section-info .info-item {
    font-size: 17px;
    color: #222;
  }
  html:not(.design-edit-page) .image-template .community:has(.section-notice) .section-info .info-item .title {
    font-family: inherit !important;
    color: inherit !important;
  }
  html:not(.design-edit-page) .image-template .community:has(.section-notice) .section-info .info-item .time {
    font-family: 'Pretendard Variable', sans-serif !important;
    color: inherit !important;
  }
  html:not(.design-edit-page) .image-template .community:has(.section-notice) .section-info .message {
    margin-top: 15px;
    font-family: inherit !important;
    font-size: 17px;
    color: #D95151 !important;
  }
  html:not(.design-edit-page) .image-template .community:has(.section-notice) .section-info .thumb-box[data-ui-role="image"] {
    display: none;
  }
  html:not(.design-edit-page) .image-template .community:has(.section-notice) .section-info[data-feature="tel-extra"] .info-list {
    margin-top: 32px;
  }
  html:not(.design-edit-page) .image-template .community:has(.section-notice) .section-info[data-feature="tel-extra"] .tel-area {
    row-gap: 0;
  }
  html:not(.design-edit-page) .image-template .community:has(.section-notice) .section-info[data-feature="tel-extra"] .tel-area + .tel-area {
    margin-top: 8px;
  }
  html:not(.design-edit-page) .image-template .community:has(.section-notice) .section-info[data-feature="tel-extra"]:not(:has(.tel-area.extra)) .common-inner {
    display: grid;
    grid-template-areas: "headline" "group-tel" "info-list" "message";
    row-gap: 0;
  }
  html:not(.design-edit-page) .image-template .community:has(.section-notice) .section-info[data-feature="tel-extra"]:not(:has(.tel-area.extra)) .group-info {
    display: contents;
  }
  html:not(.design-edit-page) .image-template .community:has(.section-notice) .section-info[data-feature="tel-extra"]:not(:has(.tel-area.extra)) .section-headline {
    grid-area: headline;
  }
  html:not(.design-edit-page) .image-template .community:has(.section-notice) .section-info[data-feature="tel-extra"]:not(:has(.tel-area.extra)) .info-list {
    grid-area: info-list;
  }
  html:not(.design-edit-page) .image-template .community:has(.section-notice) .section-info[data-feature="tel-extra"]:not(:has(.tel-area.extra)) .message {
    grid-area: message;
  }
  html:not(.design-edit-page) .image-template .community:has(.section-notice) .section-info[data-feature="tel-extra"]:not(:has(.tel-area.extra)) .group-tel {
    grid-area: group-tel;
  }
  html:not(.design-edit-page) .image-template .community:has(.section-notice) .section-info[data-feature="tel-extra"]:not(:has(.tel-area.extra)) .tel-area {
    margin-top: 32px;
  }
  html:not(.design-edit-page) .image-template .community:has(.section-notice) .section-info[data-feature="tel-extra"]:has(.tel-area.extra) .common-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  html:not(.design-edit-page) .image-template .community:has(.section-notice) .section-info[data-feature="tel-extra"]:has(.tel-area.extra) .tel-area {
    display: grid;
    grid-template-columns: minmax(0, 3.5fr) minmax(0, 6.5fr);
    -webkit-column-gap: 5px;
       -moz-column-gap: 5px;
            column-gap: 5px;
  }
  html:not(.design-edit-page) .image-template .community:has(.section-notice) .section-info[data-feature="tel-extra"]:has(.tel-area.extra) .tel-area .title {
    grid-column: 1 / 2;
    font-size: 17px;
    color: #333 !important;
  }
  html:not(.design-edit-page) .image-template .community:has(.section-notice) .section-info[data-feature="tel-extra"]:has(.tel-area.extra) .tel-area .tel {
    grid-column: 2 / 3;
    font-size: 24px;
    color: #164AA0 !important;
  }
  html:not(.design-edit-page) .image-template .community:not(:has(.section-notice)) {
    background-color: #19295C;
  }
  html:not(.design-edit-page) .image-template .community:not(:has(.section-notice)):has(.thumb-box[data-ui-role="image"]) {
    background-color: transparent;
  }
  html:not(.design-edit-page) .image-template .community:not(:has(.section-notice)) .common-inner:has(.community-title) {
    display: none;
  }
  html:not(.design-edit-page) .image-template .community:not(:has(.section-notice)) .section-info {
    padding: 0;
  }
  html:not(.design-edit-page) .image-template .community:not(:has(.section-notice)) .section-info .common-inner {
    display: grid !important;
    grid-template-columns: minmax(0, auto) minmax(0, 1fr) minmax(0, 1fr);
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-column-gap: 55px;
       -moz-column-gap: 55px;
            column-gap: 55px;
  }
  html:not(.design-edit-page) .image-template .community:not(:has(.section-notice)) .section-info .section-headline {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
    font-size: 26px;
  }
  html:not(.design-edit-page) .image-template .community:not(:has(.section-notice)) .section-info .section-headline + .tel-area {
    margin-top: 0;
  }
  html:not(.design-edit-page) .image-template .community:not(:has(.section-notice)) .section-info .tel-area {
    grid-column: 3 / 4;
    grid-row: 1 / 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    row-gap: 10px;
  }
  html:not(.design-edit-page) .image-template .community:not(:has(.section-notice)) .section-info .tel-area .title {
    font-size: 26px;
  }
  html:not(.design-edit-page) .image-template .community:not(:has(.section-notice)) .section-info .tel-area .tel {
    font-size: 48px;
  }
  html:not(.design-edit-page) .image-template .community:not(:has(.section-notice)) .section-info .info-list {
    position: relative;
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    margin: 0;
    padding-right: 58px;
  }
  html:not(.design-edit-page) .image-template .community:not(:has(.section-notice)) .section-info .info-list::before {
    content: '';
    position: absolute;
    top: 0;
    left: 100%;
    width: 1px;
    height: 100%;
    background-color: rgba(118, 190, 223, 0.2);
  }
  html:not(.design-edit-page) .image-template .community:not(:has(.section-notice)) .section-info .info-item {
    font-size: 18px;
  }
  html:not(.design-edit-page) .image-template .community:not(:has(.section-notice)) .section-info .message {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
    font-size: 18px;
  }
  html:not(.design-edit-page) .image-template .community:not(:has(.section-notice)) .section-info[data-feature="tel-extra"] .common-inner {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-column-gap: 55px;
       -moz-column-gap: 55px;
            column-gap: 55px;
  }
  html:not(.design-edit-page) .image-template .community:not(:has(.section-notice)) .section-info[data-feature="tel-extra"] .group-info {
    display: grid;
    grid-template-columns: minmax(0, -webkit-max-content) 1fr;
    grid-template-columns: minmax(0, max-content) 1fr;
    -webkit-column-gap: 55px;
       -moz-column-gap: 55px;
            column-gap: 55px;
  }
  html:not(.design-edit-page) .image-template .community:not(:has(.section-notice)) .section-info[data-feature="tel-extra"] .tel-area {
    row-gap: 8px;
  }
  html:not(.design-edit-page) .image-template .community:not(:has(.section-notice)) .section-info[data-feature="tel-extra"] .tel-area + .tel-area {
    margin-top: 20px;
  }
  html:not(.design-edit-page) .image-template .community:not(:has(.section-notice)) .section-info[data-feature="tel-extra"] .tel-area + .tel-area:not(:has(.title)) {
    margin-top: 12px;
  }
  html:not(.design-edit-page) .image-template .community:not(:has(.section-notice)) .section-info .tel-area {
    color: #fff;
  }
}

.image-template .section-directions .map-area {
  height: 290px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .image-template .section-directions .map-area {
    height: 370px;
  }
}

/* text-template */
.text-template .common-eyebrow {
  font-family: 'Pretendard Variable', sans-serif;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: 0.2em;
  text-align: center;
  color: #157BF3;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .text-template .common-eyebrow {
    font-size: 18px;
  }
}

.text-template .common-headline {
  margin-top: 10px;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.2;
  color: #000;
  text-align: center;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .text-template .common-headline {
    font-size: 50px;
  }
}

html.design-edit-page .text-template .editor-content .common-headline {
  margin-top: 0;
}

html:not(.design-edit-page) .text-template .section-visual {
  clip-path: circle(0% at 50% 50%);
  -webkit-transition: clip-path 3s;
  transition: clip-path 3s;
}

html:not(.design-edit-page) .text-template .section-visual.js-clip-expanded {
  clip-path: circle(100% at 50% 50%);
}

.text-template .section-visual .swiper {
  height: calc(var(--section-height-mo, var(--visual-slide-height-mo, 420px)) + 60px);
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .text-template .section-visual .swiper {
    height: calc(var(--section-height-pc, var(--visual-slide-height-pc, 677px)) + 93px);
  }
}

.text-template .section-visual .swiper.default-type .swiper-slide {
  background-position: 25% 0% !important;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .text-template .section-visual .swiper.default-type .swiper-slide {
    background-position: 0% 85% !important;
  }
}

.text-template .section-visual .swiper.default-type .thumb-box[data-ui-role="image"] img {
  -o-object-position: 25% 0% !important;
     object-position: 25% 0% !important;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .text-template .section-visual .swiper.default-type .thumb-box[data-ui-role="image"] img {
    -o-object-position: 0% 85% !important;
       object-position: 0% 85% !important;
  }
}

.text-template .section-visual .editor-text {
  font-size: 2em;
  font-weight: 700;
  line-height: 1.25;
  text-align: center;
  color: #123CC6;
}

.text-template .section-visual .scroll-down-wrap {
  display: none !important;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1;
  width: 105px;
  height: 105px;
  color: #fff;
  border-radius: 50%;
  background-color: #123CC6;
}

html:not(.design-edit-page) .text-template .section-visual .scroll-down-wrap {
  -webkit-transform: translate(-50%, 100px);
          transform: translate(-50%, 100px);
  opacity: 0;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transition-duration: .8s;
          transition-duration: .8s;
  -webkit-transition-delay: .3s;
          transition-delay: .3s;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .text-template .section-visual .scroll-down-wrap {
    width: 143px;
    height: 143px;
  }
}

.text-template .section-visual .default-type + .scroll-down-wrap {
  display: block !important;
}

html:not(.design-edit-page) .text-template .section-visual.js-content-visible .scroll-down-wrap {
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  opacity: 1;
}

html:not(.design-edit-page) .text-template .section-visual:has(.video-embed-wrap) .scroll-down-wrap {
  margin-bottom: 4px;
}

html.design-edit-page .text-template .section-visual:has(.is-hovered) .scroll-down-wrap {
  z-index: auto;
  pointer-events: none;
}

.text-template .section-visual .scroll-down {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
}

.text-template .section-visual .scroll-down [class^="ico-"]:has(svg) {
  background-image: none !important;
}

.text-template .section-visual .scroll-down [class^="ico-"] svg {
  width: 100%;
  height: 100%;
}

.text-template .section-visual .scroll-down .ico-text {
  width: 90%;
  height: 90%;
  background-size: cover;
  background-image: url("data:image/svg+xml, %3Csvg width='121' height='121' viewBox='0 0 121 121' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.84974 58.3803C2.63974 58.4003 2.45974 58.4603 2.30974 58.5803C2.15974 58.7003 2.04974 58.8503 1.95974 59.0503C1.87974 59.2503 1.83974 59.4803 1.82974 59.7403C1.82974 60.0103 1.85974 60.2503 1.93974 60.4503C2.01974 60.6503 2.12974 60.8103 2.26974 60.9203C2.40974 61.0303 2.57974 61.0903 2.75974 61.0903C3.03974 61.0903 3.24974 60.9903 3.40974 60.7603C3.56974 60.5303 3.68974 60.2303 3.78974 59.8603L3.96974 59.1803C4.07974 58.7703 4.21974 58.4103 4.38974 58.1003C4.55974 57.7903 4.78974 57.5403 5.06974 57.3503C5.34974 57.1603 5.69974 57.0703 6.09974 57.0703C6.52974 57.0703 6.89974 57.1903 7.21974 57.4203C7.53974 57.6403 7.78974 57.9703 7.95974 58.3803C8.12974 58.8003 8.21974 59.2903 8.20974 59.8703C8.20974 60.4403 8.09974 60.9303 7.91974 61.3403C7.73974 61.7603 7.46974 62.0803 7.12974 62.3003C6.78974 62.5303 6.37974 62.6503 5.89974 62.6603L5.91974 61.3703C6.16974 61.3503 6.37974 61.2803 6.54974 61.1503C6.71974 61.0203 6.84974 60.8403 6.93974 60.6203C7.02974 60.4003 7.06974 60.1403 7.07974 59.8603C7.07974 59.5803 7.03974 59.3203 6.95974 59.1003C6.87974 58.8803 6.75974 58.7003 6.59974 58.5803C6.43974 58.4603 6.25974 58.3903 6.05974 58.3803C5.87974 58.3803 5.71974 58.4303 5.59974 58.5303C5.46974 58.6303 5.35974 58.7803 5.27974 58.9603C5.18974 59.1503 5.10974 59.3803 5.02974 59.6703L4.79974 60.5003C4.62974 61.1203 4.37974 61.6003 4.05974 61.9303C3.73974 62.2603 3.31974 62.4203 2.80974 62.4103C2.38974 62.4103 2.01974 62.2903 1.69974 62.0503C1.37974 61.8103 1.12974 61.4903 0.959737 61.0803C0.789737 60.6703 0.699737 60.2103 0.709737 59.7003C0.709737 59.1903 0.819737 58.7403 0.999737 58.3503C1.18974 57.9603 1.43974 57.6503 1.75974 57.4403C2.07974 57.2303 2.44974 57.1103 2.85974 57.1103L2.83974 58.3703L2.84974 58.3803Z' fill='white'/%3E%3Cpath d='M4.1102 50.6716C3.8202 50.6716 3.5602 50.7516 3.3302 50.8816C3.1002 51.0116 2.9202 51.1916 2.7702 51.4216C2.6302 51.6516 2.5402 51.9116 2.4902 52.2016C2.4302 52.6016 2.4902 52.9716 2.6402 53.3016C2.8002 53.6316 3.0502 53.9116 3.4102 54.1316C3.7702 54.3516 4.2102 54.5016 4.7502 54.5816C5.2902 54.6616 5.7602 54.6416 6.1702 54.5216C6.5802 54.4016 6.9002 54.2116 7.14019 53.9316C7.38019 53.6516 7.5202 53.3216 7.5802 52.9216C7.6202 52.6316 7.6102 52.3616 7.5402 52.1016C7.4702 51.8516 7.3502 51.6216 7.1702 51.4316C6.9902 51.2416 6.7702 51.1016 6.5002 51.0016L6.6902 49.6816C7.1402 49.8116 7.54019 50.0416 7.88019 50.3616C8.22019 50.6816 8.47019 51.0816 8.63019 51.5516C8.79019 52.0216 8.8302 52.5316 8.7502 53.0916C8.6602 53.7316 8.43019 54.2816 8.06019 54.7416C7.6902 55.2016 7.2102 55.5316 6.6102 55.7316C6.0102 55.9316 5.3302 55.9816 4.5702 55.8816C3.8102 55.7716 3.1702 55.5416 2.6502 55.1716C2.1302 54.8116 1.7602 54.3516 1.5302 53.8116C1.3002 53.2716 1.2302 52.6816 1.3202 52.0516C1.4002 51.5216 1.5602 51.0516 1.8302 50.6416C2.0902 50.2316 2.4302 49.9216 2.8502 49.6916C3.2702 49.4616 3.7502 49.3516 4.2902 49.3516L4.1102 50.6716Z' fill='white'/%3E%3Cpath d='M9.29976 49.159L2.25977 47.229L2.97976 44.599C3.12976 44.069 3.33977 43.649 3.62977 43.319C3.91977 42.999 4.25977 42.789 4.64977 42.689C5.03976 42.589 5.45977 42.609 5.91977 42.729C6.36977 42.849 6.73977 43.059 7.00977 43.339C7.27977 43.619 7.46977 43.969 7.53977 44.399C7.61977 44.819 7.57977 45.299 7.42977 45.839L6.90977 47.719L5.85977 47.429L6.32977 45.719C6.41977 45.409 6.43977 45.139 6.40977 44.909C6.37977 44.679 6.28976 44.499 6.14977 44.349C5.99976 44.209 5.80976 44.099 5.54976 44.029C5.29976 43.959 5.06977 43.949 4.85977 43.999C4.65977 44.049 4.47977 44.169 4.32977 44.339C4.17977 44.519 4.05976 44.769 3.97976 45.079L3.65977 46.259L9.63976 47.899L9.28977 49.159H9.29976ZM7.10977 44.659L10.7798 43.789L10.3898 45.209L6.72976 46.039L7.10977 44.659Z' fill='white'/%3E%3Cpath d='M10.1502 35.7515C10.8602 36.0515 11.4102 36.4415 11.8202 36.9315C12.2302 37.4215 12.4702 37.9515 12.5502 38.5415C12.6302 39.1215 12.5502 39.7115 12.3002 40.3015C12.0502 40.8915 11.6902 41.3715 11.2102 41.7215C10.7302 42.0715 10.1802 42.2715 9.5502 42.3115C8.9202 42.3615 8.2502 42.2315 7.5402 41.9315C6.8302 41.6315 6.2802 41.2415 5.8702 40.7615C5.4602 40.2815 5.2202 39.7415 5.1402 39.1615C5.0602 38.5815 5.1402 37.9915 5.3902 37.3915C5.6402 36.8015 6.0002 36.3315 6.4702 35.9815C6.9402 35.6315 7.5002 35.4315 8.1302 35.3815C8.7602 35.3315 9.4302 35.4615 10.1402 35.7615L10.1502 35.7515ZM9.6402 36.9715C9.1402 36.7615 8.6802 36.6615 8.2602 36.6615C7.8402 36.6615 7.4802 36.7715 7.1802 36.9815C6.8802 37.1815 6.6502 37.4715 6.4902 37.8415C6.3302 38.2115 6.2902 38.5815 6.3502 38.9315C6.4102 39.2915 6.5902 39.6215 6.8802 39.9315C7.1702 40.2415 7.5702 40.5015 8.0702 40.7115C8.5702 40.9215 9.0302 41.0215 9.4502 41.0215C9.8702 41.0215 10.2302 40.9115 10.5302 40.7015C10.8302 40.4915 11.0602 40.2115 11.2202 39.8415C11.3802 39.4715 11.4202 39.1115 11.3602 38.7515C11.3002 38.3915 11.1202 38.0615 10.8302 37.7515C10.5402 37.4415 10.1502 37.1815 9.6402 36.9715Z' fill='white'/%3E%3Cpath d='M13.9999 36.3498L7.66992 32.7198L8.31992 31.5898L13.6899 34.6698L15.2899 31.8798L16.2499 32.4298L13.9999 36.3598V36.3498Z' fill='white'/%3E%3Cpath d='M16.7501 31.6794L10.8301 27.4194L11.5901 26.3594L16.6101 29.9794L18.4901 27.3694L19.3901 28.0194L16.7401 31.6894L16.7501 31.6794Z' fill='white'/%3E%3Cpath d='M15.3895 21.45L20.7795 26.37L19.8995 27.33L14.5195 22.41L15.3995 21.44L15.3895 21.45ZM21.5595 25.52L20.3095 26.88L19.4695 26.11L20.6695 24.79C21.0095 24.41 21.2295 24.04 21.3195 23.66C21.4095 23.28 21.3795 22.91 21.2195 22.53C21.0595 22.15 20.7695 21.77 20.3595 21.4C19.9495 21.02 19.5495 20.77 19.1595 20.65C18.7695 20.52 18.3995 20.52 18.0295 20.65C17.6695 20.77 17.3195 21.02 16.9795 21.38L15.7195 22.76L14.8795 21.99L16.1895 20.56C16.6795 20.03 17.1995 19.67 17.7695 19.48C18.3395 19.29 18.9195 19.28 19.5095 19.44C20.0995 19.6 20.6795 19.94 21.2295 20.45C21.7895 20.96 22.1695 21.5 22.3895 22.08C22.6095 22.66 22.6395 23.24 22.4995 23.83C22.3595 24.42 22.0395 24.98 21.5395 25.53L21.5595 25.52Z' fill='white'/%3E%3Cpath d='M27.3098 15.2798C27.7998 15.8698 28.1098 16.4798 28.2498 17.0898C28.3898 17.7098 28.3598 18.2998 28.1598 18.8498C27.9598 19.3998 27.6198 19.8898 27.1298 20.2998C26.6398 20.7098 26.0997 20.9598 25.5097 21.0598C24.9297 21.1498 24.3497 21.0698 23.7597 20.8198C23.1797 20.5698 22.6398 20.1498 22.1498 19.5598C21.6598 18.9698 21.3398 18.3698 21.1998 17.7498C21.0598 17.1298 21.0898 16.5398 21.2898 15.9898C21.4898 15.4298 21.8298 14.9498 22.3298 14.5398C22.8198 14.1298 23.3597 13.8798 23.9397 13.7898C24.5197 13.6998 25.1097 13.7798 25.6897 14.0198C26.2697 14.2698 26.8098 14.6898 27.2998 15.2798H27.3098ZM26.2898 16.1198C25.9398 15.6998 25.5798 15.3998 25.1998 15.2098C24.8198 15.0198 24.4498 14.9498 24.0898 14.9898C23.7298 15.0298 23.3898 15.1798 23.0898 15.4398C22.7898 15.6998 22.5698 15.9998 22.4598 16.3498C22.3498 16.6998 22.3498 17.0798 22.4698 17.4798C22.5898 17.8798 22.8197 18.2998 23.1697 18.7198C23.5197 19.1398 23.8797 19.4398 24.2597 19.6298C24.6397 19.8198 25.0097 19.8898 25.3698 19.8498C25.7298 19.8098 26.0698 19.6598 26.3798 19.3998C26.6898 19.1398 26.8998 18.8398 26.9998 18.4898C27.1098 18.1398 27.0998 17.7698 26.9898 17.3598C26.8798 16.9498 26.6398 16.5398 26.2898 16.1198Z' fill='white'/%3E%3Cpath d='M31.4898 16.8302L26.0098 11.6002L27.2198 10.8802L31.0998 14.8302L31.1598 14.8002L29.6298 9.46016L30.7398 8.80016L34.6898 12.7102L34.7398 12.6802L33.1398 7.38016L34.3498 6.66016L36.2998 13.9902L35.1798 14.6502L31.3098 10.9802L31.2598 11.0102L32.6098 16.1702L31.4898 16.8302Z' fill='white'/%3E%3Cpath d='M41.5595 3.83984L44.2295 10.6298L43.1495 11.0598L38.1095 7.67984L38.0495 7.69984L39.8695 12.3398L38.6495 12.8198L35.9795 6.02984L37.0795 5.59984L42.1095 8.98984L42.1695 8.96984L40.3495 4.32984L41.5595 3.84984V3.83984Z' fill='white'/%3E%3Cpath d='M60.8094 2.81083C60.7794 2.60083 60.7094 2.42083 60.5894 2.28083C60.4694 2.14083 60.3094 2.03083 60.1094 1.95083C59.9094 1.87083 59.6794 1.84083 59.4094 1.85083C59.1394 1.85083 58.9094 1.90083 58.7094 1.99083C58.5094 2.07083 58.3594 2.19083 58.2594 2.34083C58.1594 2.49083 58.1094 2.65083 58.1094 2.84083C58.1094 3.12083 58.2294 3.33083 58.4594 3.48083C58.6894 3.63083 58.9994 3.74083 59.3694 3.83083L60.0594 3.99083C60.4694 4.08083 60.8394 4.21083 61.1494 4.37083C61.4694 4.53083 61.7194 4.75083 61.9294 5.03083C62.1294 5.31083 62.2394 5.65083 62.2494 6.05083C62.2494 6.48083 62.1594 6.86083 61.9394 7.19083C61.7194 7.52083 61.4194 7.78083 60.9994 7.97083C60.5894 8.16083 60.0994 8.26083 59.5194 8.27083C58.9494 8.28083 58.4594 8.20083 58.0394 8.04083C57.6194 7.88083 57.2894 7.62083 57.0494 7.29083C56.8094 6.96083 56.6794 6.55083 56.6494 6.08083L57.9394 6.05083C57.9594 6.30083 58.0494 6.50083 58.1894 6.67083C58.3294 6.84083 58.5094 6.96083 58.7394 7.04083C58.9694 7.12083 59.2194 7.16083 59.4994 7.15083C59.7894 7.15083 60.0394 7.09083 60.2594 7.00083C60.4794 6.91083 60.6494 6.78083 60.7694 6.62083C60.8894 6.46083 60.9494 6.28083 60.9394 6.07083C60.9394 5.89083 60.8794 5.74083 60.7694 5.61083C60.6594 5.49083 60.5194 5.38083 60.3294 5.30083C60.1394 5.22083 59.8994 5.15083 59.6094 5.08083L58.7794 4.88083C58.1494 4.73083 57.6594 4.50083 57.3194 4.19083C56.9794 3.88083 56.7994 3.47083 56.7994 2.96083C56.7894 2.54083 56.8994 2.16083 57.1194 1.83083C57.3394 1.50083 57.6594 1.24083 58.0594 1.05083C58.4594 0.860834 58.9194 0.760833 59.4294 0.750833C59.9394 0.740833 60.3894 0.820833 60.7894 0.990833C61.1894 1.16083 61.4994 1.40083 61.7294 1.72083C61.9594 2.04083 62.0794 2.39083 62.0994 2.80083L60.8394 2.83083L60.8094 2.81083Z' fill='white'/%3E%3Cpath d='M68.5394 3.79031C68.5194 3.50031 68.4494 3.24031 68.3094 3.02031C68.1694 2.80031 67.9894 2.62031 67.7494 2.48031C67.5194 2.35031 67.2494 2.26031 66.9594 2.23031C66.5594 2.19031 66.1894 2.25031 65.8694 2.42031C65.5394 2.59031 65.2794 2.85031 65.0594 3.22031C64.8494 3.59031 64.7094 4.04031 64.6594 4.57031C64.5994 5.11031 64.6394 5.59031 64.7694 5.99031C64.8994 6.39031 65.1094 6.71031 65.3894 6.94031C65.6694 7.17031 66.0094 7.30031 66.4094 7.34031C66.6994 7.37031 66.9794 7.34031 67.2294 7.27031C67.4794 7.19031 67.6994 7.06031 67.8794 6.88031C68.0594 6.70031 68.1994 6.47031 68.2794 6.19031L69.5994 6.34031C69.4894 6.80031 69.2694 7.20031 68.9594 7.55031C68.6494 7.90031 68.2594 8.16031 67.7994 8.34031C67.3294 8.51031 66.8194 8.57031 66.2694 8.51031C65.6294 8.44031 65.0694 8.23031 64.5994 7.88031C64.1294 7.53031 63.7794 7.06031 63.5594 6.46031C63.3294 5.87031 63.2594 5.19031 63.3394 4.43031C63.4194 3.67031 63.6294 3.02031 63.9794 2.49031C64.3294 1.96031 64.7594 1.57031 65.2994 1.32031C65.8394 1.07031 66.4194 0.980313 67.0594 1.05031C67.5894 1.11031 68.0694 1.26031 68.4794 1.51031C68.8894 1.76031 69.2194 2.09031 69.4694 2.50031C69.7094 2.91031 69.8394 3.39031 69.8594 3.92031L68.5394 3.78031V3.79031Z' fill='white'/%3E%3Cpath d='M70.2395 8.93203L71.9095 1.83203L74.5695 2.46203C75.0995 2.59203 75.5395 2.79203 75.8695 3.06203C76.1995 3.34203 76.4195 3.67203 76.5295 4.05203C76.6395 4.44203 76.6395 4.86203 76.5295 5.32203C76.4195 5.78203 76.2295 6.15203 75.9595 6.44203C75.6895 6.73203 75.3395 6.92203 74.9195 7.01203C74.4995 7.10203 74.0195 7.08203 73.4795 6.96203L71.5795 6.51203L71.8295 5.45203L73.5595 5.86203C73.8795 5.93203 74.1495 5.95203 74.3695 5.91203C74.5895 5.87203 74.7795 5.78203 74.9195 5.63203C75.0595 5.48203 75.1595 5.28203 75.2195 5.02203C75.2795 4.76203 75.2795 4.53203 75.2195 4.33203C75.1595 4.13203 75.0395 3.96203 74.8595 3.81203C74.6795 3.66203 74.4295 3.56203 74.1095 3.48203L72.9195 3.20203L71.4995 9.23203L70.2295 8.93203H70.2395ZM74.6595 6.58203L75.6595 10.212L74.2295 9.87203L73.2695 6.25203L74.6595 6.58203Z' fill='white'/%3E%3Cpath d='M83.6501 9.29204C83.3801 10.012 83.0101 10.582 82.5301 11.002C82.0501 11.422 81.5301 11.692 80.9501 11.792C80.3701 11.892 79.7801 11.832 79.1801 11.602C78.5801 11.372 78.0901 11.032 77.7301 10.572C77.3701 10.112 77.1401 9.56204 77.0801 8.93204C77.0101 8.30204 77.1101 7.63204 77.3901 6.91204C77.6601 6.19204 78.0301 5.62204 78.5001 5.19204C78.9701 4.76204 79.4901 4.50204 80.0801 4.40204C80.6601 4.30204 81.2501 4.36204 81.8501 4.59204C82.4501 4.82204 82.9301 5.16204 83.3001 5.62204C83.6701 6.08204 83.8901 6.63204 83.9601 7.26204C84.0301 7.89204 83.9301 8.57204 83.6601 9.28204L83.6501 9.29204ZM82.4101 8.82204C82.6001 8.31204 82.6901 7.85204 82.6701 7.43204C82.6501 7.01204 82.5301 6.65204 82.3101 6.36204C82.0901 6.07204 81.8001 5.85204 81.4201 5.71204C81.0401 5.57204 80.6801 5.54204 80.3201 5.61204C79.9601 5.69204 79.6401 5.88204 79.3401 6.18204C79.0401 6.48204 78.8001 6.89204 78.6101 7.39204C78.4201 7.90204 78.3301 8.36204 78.3501 8.78204C78.3701 9.20204 78.4901 9.56204 78.7101 9.85204C78.9301 10.142 79.2201 10.362 79.6001 10.502C79.9801 10.642 80.3401 10.672 80.7001 10.602C81.0601 10.522 81.3801 10.332 81.6801 10.032C81.9801 9.73204 82.2201 9.32204 82.4101 8.82204Z' fill='white'/%3E%3Cpath d='M83.21 13.1609L86.62 6.71094L87.78 7.32094L84.89 12.8009L87.74 14.3009L87.23 15.2809L83.22 13.1709L83.21 13.1609Z' fill='white'/%3E%3Cpath d='M87.9502 15.7302L92.0002 9.66016L93.0902 10.3902L89.6502 15.5402L92.3302 17.3302L91.7202 18.2502L87.9502 15.7402V15.7302Z' fill='white'/%3E%3Cpath d='M98.1597 14.0414L93.4297 19.5914L92.4297 18.7414L97.1597 13.1914L98.1597 14.0414ZM94.3097 20.3514L92.8997 19.1514L93.6397 18.2814L94.9997 19.4414C95.3897 19.7714 95.7697 19.9814 96.1497 20.0514C96.5297 20.1314 96.8997 20.0814 97.2797 19.9114C97.6597 19.7414 98.0197 19.4414 98.3797 19.0114C98.7397 18.5914 98.9797 18.1814 99.0897 17.7914C99.1997 17.4014 99.1897 17.0214 99.0597 16.6614C98.9297 16.3014 98.6697 15.9614 98.2897 15.6414L96.8697 14.4314L97.6097 13.5614L99.0797 14.8114C99.6297 15.2814 100.01 15.7914 100.22 16.3514C100.43 16.9114 100.46 17.4914 100.32 18.0914C100.18 18.6914 99.8597 19.2714 99.3697 19.8414C98.8797 20.4114 98.3497 20.8214 97.7797 21.0614C97.2097 21.3014 96.6297 21.3514 96.0397 21.2314C95.4497 21.1114 94.8697 20.8114 94.3097 20.3314V20.3514Z' fill='white'/%3E%3Cpath d='M104.72 25.6999C104.15 26.2099 103.55 26.5499 102.94 26.7099C102.32 26.8699 101.74 26.8599 101.18 26.6799C100.62 26.4999 100.12 26.1799 99.6999 25.6999C99.2699 25.2199 98.9999 24.6899 98.8899 24.1099C98.7799 23.5299 98.8299 22.9499 99.0599 22.3599C99.2899 21.7699 99.6899 21.2199 100.26 20.7099C100.83 20.1999 101.42 19.8599 102.04 19.6999C102.65 19.5399 103.24 19.5499 103.8 19.7199C104.36 19.8999 104.86 20.2299 105.29 20.7099C105.72 21.1899 105.99 21.7099 106.1 22.2899C106.21 22.8699 106.16 23.4499 105.93 24.0499C105.7 24.6399 105.3 25.1899 104.73 25.7099L104.72 25.6999ZM103.84 24.7099C104.25 24.3499 104.54 23.9699 104.71 23.5899C104.88 23.2099 104.94 22.8299 104.89 22.4699C104.84 22.1099 104.67 21.7799 104.41 21.4799C104.14 21.1799 103.83 20.9799 103.48 20.8899C103.13 20.7899 102.75 20.8099 102.35 20.9399C101.95 21.0699 101.55 21.3199 101.14 21.6799C100.73 22.0399 100.44 22.4199 100.27 22.7999C100.1 23.1799 100.04 23.5599 100.09 23.9199C100.15 24.2799 100.31 24.6099 100.58 24.9099C100.85 25.2099 101.16 25.4099 101.51 25.4999C101.86 25.5999 102.24 25.5799 102.64 25.4499C103.04 25.3199 103.44 25.0699 103.85 24.7099H103.84Z' fill='white'/%3E%3Cpath d='M103.33 29.9591L108.37 24.2891L109.13 25.4791L105.32 29.4891L105.36 29.5491L110.64 27.8291L111.34 28.9191L107.58 33.0091L107.61 33.0591L112.85 31.2691L113.61 32.4591L106.36 34.6691L105.66 33.5791L109.19 29.5791L109.16 29.5291L104.05 31.0591L103.35 29.9691L103.33 29.9591Z' fill='white'/%3E%3Cpath d='M116.67 39.5391L109.98 42.4491L109.52 41.3791L112.71 36.2191L112.69 36.1591L108.12 38.1491L107.6 36.9491L114.29 34.0391L114.76 35.1191L111.56 40.2591L111.59 40.3191L116.16 38.3291L116.68 39.5291L116.67 39.5391Z' fill='white'/%3E%3Cpath d='M118.39 58.7497C118.6 58.7197 118.77 58.6397 118.91 58.5097C119.05 58.3897 119.15 58.2197 119.22 58.0197C119.29 57.8197 119.31 57.5797 119.3 57.3197C119.28 57.0497 119.23 56.8197 119.14 56.6197C119.05 56.4297 118.93 56.2797 118.77 56.1797C118.62 56.0797 118.45 56.0397 118.27 56.0497C117.99 56.0597 117.79 56.1897 117.65 56.4197C117.51 56.6597 117.41 56.9697 117.34 57.3397L117.21 58.0297C117.13 58.4497 117.02 58.8097 116.87 59.1397C116.72 59.4697 116.51 59.7297 116.24 59.9397C115.97 60.1497 115.64 60.2697 115.23 60.2897C114.8 60.3097 114.42 60.2297 114.08 60.0197C113.74 59.8097 113.47 59.5197 113.27 59.1097C113.07 58.7097 112.95 58.2197 112.92 57.6397C112.89 57.0797 112.95 56.5797 113.1 56.1497C113.25 55.7197 113.49 55.3797 113.82 55.1297C114.14 54.8797 114.54 54.7297 115.02 54.6797L115.09 55.9697C114.84 55.9997 114.64 56.0897 114.48 56.2397C114.32 56.3797 114.2 56.5697 114.13 56.7997C114.06 57.0297 114.03 57.2797 114.05 57.5597C114.07 57.8397 114.12 58.0997 114.22 58.3097C114.32 58.5297 114.45 58.6897 114.62 58.8097C114.79 58.9197 114.97 58.9797 115.18 58.9697C115.36 58.9597 115.51 58.8897 115.63 58.7797C115.75 58.6697 115.85 58.5197 115.92 58.3197C115.99 58.1197 116.06 57.8897 116.12 57.5897L116.29 56.7497C116.42 56.1197 116.63 55.6197 116.93 55.2697C117.23 54.9197 117.63 54.7297 118.14 54.6997C118.56 54.6697 118.94 54.7697 119.28 54.9797C119.62 55.1897 119.89 55.4997 120.09 55.8897C120.29 56.2797 120.41 56.7397 120.44 57.2397C120.47 57.7497 120.4 58.2097 120.25 58.6097C120.1 59.0097 119.86 59.3397 119.56 59.5697C119.25 59.8097 118.9 59.9497 118.49 59.9697L118.42 58.7097L118.39 58.7497Z' fill='white'/%3E%3Cpath d='M117.679 66.5109C117.969 66.4809 118.219 66.3909 118.439 66.2509C118.659 66.1009 118.829 65.9109 118.959 65.6709C119.079 65.4309 119.159 65.1709 119.179 64.8709C119.209 64.4709 119.129 64.1109 118.949 63.7909C118.769 63.4709 118.489 63.2109 118.119 63.0109C117.749 62.8109 117.289 62.6909 116.749 62.6609C116.209 62.6209 115.729 62.6809 115.339 62.8209C114.939 62.9709 114.639 63.1809 114.419 63.4809C114.199 63.7809 114.079 64.1209 114.049 64.5209C114.029 64.8109 114.059 65.0909 114.149 65.3309C114.239 65.5809 114.379 65.7909 114.569 65.9709C114.759 66.1509 114.989 66.2709 115.269 66.3509L115.169 67.6809C114.709 67.5809 114.299 67.3809 113.929 67.0909C113.569 66.7909 113.289 66.4209 113.099 65.9609C112.909 65.5009 112.829 64.9909 112.869 64.4309C112.909 63.7909 113.099 63.2209 113.439 62.7409C113.769 62.2609 114.229 61.8909 114.819 61.6509C115.399 61.4009 116.079 61.3109 116.839 61.3609C117.599 61.4109 118.259 61.6009 118.799 61.9309C119.339 62.2609 119.749 62.6809 120.009 63.2109C120.269 63.7409 120.389 64.3209 120.339 64.9609C120.299 65.5009 120.169 65.9809 119.939 66.4009C119.709 66.8209 119.389 67.1609 118.989 67.4209C118.589 67.6709 118.119 67.8209 117.579 67.8609L117.669 66.5309L117.679 66.5109Z' fill='white'/%3E%3Cpath d='M115.11 72.7619L111.52 73.8919L111.81 72.4519L115.4 71.3619L115.12 72.7719L115.11 72.7619ZM112.6 68.4219L119.76 69.8419L119.23 72.5219C119.12 73.0619 118.94 73.5019 118.67 73.8419C118.41 74.1819 118.08 74.4119 117.7 74.5419C117.32 74.6719 116.9 74.6819 116.44 74.5919C115.98 74.5019 115.6 74.3219 115.3 74.0619C115 73.8019 114.8 73.4619 114.69 73.0419C114.58 72.6319 114.58 72.1519 114.69 71.6019L115.07 69.6819L116.14 69.8919L115.79 71.6319C115.73 71.9519 115.72 72.2219 115.77 72.4519C115.82 72.6819 115.92 72.8519 116.07 72.9919C116.22 73.1219 116.43 73.2219 116.69 73.2719C116.95 73.3219 117.18 73.3119 117.38 73.2519C117.58 73.1919 117.75 73.0619 117.88 72.8719C118.01 72.6819 118.12 72.4319 118.18 72.1119L118.42 70.9119L112.34 69.7019L112.59 68.4219H112.6Z' fill='white'/%3E%3Cpath d='M112.72 81.8325C111.99 81.5825 111.41 81.2325 110.97 80.7825C110.53 80.3225 110.25 79.8125 110.12 79.2325C110 78.6525 110.04 78.0625 110.25 77.4625C110.46 76.8525 110.78 76.3525 111.23 75.9725C111.68 75.5925 112.21 75.3525 112.84 75.2625C113.47 75.1725 114.14 75.2525 114.87 75.4925C115.6 75.7325 116.18 76.0925 116.62 76.5425C117.06 76.9925 117.34 77.5125 117.47 78.0825C117.59 78.6625 117.55 79.2525 117.34 79.8625C117.13 80.4625 116.81 80.9625 116.36 81.3425C115.91 81.7225 115.37 81.9625 114.75 82.0525C114.12 82.1425 113.44 82.0725 112.72 81.8225V81.8325ZM113.14 80.5825C113.65 80.7525 114.12 80.8225 114.54 80.7925C114.96 80.7525 115.31 80.6225 115.6 80.4025C115.89 80.1725 116.09 79.8725 116.22 79.4925C116.35 79.1125 116.37 78.7425 116.28 78.3925C116.19 78.0425 115.99 77.7225 115.68 77.4325C115.37 77.1525 114.96 76.9225 114.44 76.7425C113.92 76.5725 113.46 76.5025 113.04 76.5325C112.62 76.5725 112.27 76.7025 111.98 76.9225C111.69 77.1425 111.49 77.4525 111.36 77.8325C111.23 78.2125 111.21 78.5825 111.3 78.9325C111.39 79.2825 111.59 79.6025 111.9 79.8925C112.21 80.1725 112.62 80.4025 113.14 80.5825Z' fill='white'/%3E%3Cpath d='M108.84 81.5117L115.41 84.6817L114.84 85.8617L109.26 83.1717L107.86 86.0717L106.87 85.5917L108.84 81.5117Z' fill='white'/%3E%3Cpath d='M106.43 86.3398L112.64 90.1698L111.95 91.2798L106.68 88.0298L104.99 90.7698L104.05 90.1898L106.43 86.3398Z' fill='white'/%3E%3Cpath d='M102.05 92.8502L103.2 91.4002L104.09 92.1102L102.98 93.5102C102.66 93.9102 102.47 94.3002 102.41 94.6802C102.35 95.0602 102.41 95.4402 102.59 95.8002C102.78 96.1702 103.09 96.5202 103.53 96.8702C103.97 97.2102 104.38 97.4402 104.78 97.5302C105.18 97.6302 105.55 97.6002 105.9 97.4602C106.25 97.3102 106.58 97.0402 106.89 96.6602L108.05 95.2001L108.94 95.9102L107.74 97.4302C107.29 97.9902 106.79 98.3902 106.24 98.6202C105.69 98.8502 105.11 98.9002 104.51 98.7802C103.91 98.6602 103.31 98.3602 102.72 97.9002C102.13 97.4302 101.7 96.9202 101.45 96.3602C101.2 95.8002 101.12 95.2202 101.22 94.6202C101.32 94.0202 101.6 93.4402 102.06 92.8602L102.05 92.8502ZM108.49 96.4702L102.77 91.9402L103.58 90.9102L109.3 95.4402L108.49 96.4602V96.4702Z' fill='white'/%3E%3Cpath d='M97.0494 103.46C96.5194 102.91 96.1594 102.33 95.9794 101.72C95.7994 101.11 95.7894 100.52 95.9394 99.9601C96.0994 99.3901 96.4094 98.8901 96.8694 98.4401C97.3294 97.9901 97.8494 97.7001 98.4294 97.5701C98.9994 97.4401 99.5894 97.4701 100.189 97.6801C100.789 97.8901 101.349 98.2701 101.889 98.8201C102.429 99.3701 102.779 99.9501 102.959 100.56C103.139 101.17 103.159 101.75 102.999 102.32C102.839 102.89 102.529 103.39 102.069 103.84C101.609 104.28 101.089 104.57 100.519 104.7C99.9494 104.83 99.3594 104.8 98.7594 104.59C98.1594 104.38 97.5894 104 97.0594 103.45L97.0494 103.46ZM97.9994 102.54C98.3794 102.93 98.7594 103.21 99.1494 103.37C99.5394 103.53 99.9094 103.58 100.269 103.51C100.629 103.44 100.949 103.27 101.239 102.99C101.529 102.71 101.719 102.4 101.799 102.04C101.879 101.68 101.849 101.31 101.709 100.91C101.569 100.51 101.299 100.12 100.929 99.7301C100.549 99.3401 100.169 99.0601 99.7794 98.9001C99.3894 98.7401 99.0194 98.6901 98.6594 98.7601C98.2994 98.8301 97.9794 99.0001 97.6894 99.2801C97.3994 99.5601 97.2094 99.8701 97.1294 100.23C97.0494 100.58 97.0794 100.96 97.2194 101.35C97.3594 101.75 97.6294 102.14 97.9994 102.53V102.54Z' fill='white'/%3E%3Cpath d='M92.7494 102.223L98.5894 107.053L97.4294 107.853L93.2894 104.183L93.2294 104.223L95.1294 109.443L94.0694 110.173L89.8494 106.553L89.7994 106.593L91.7694 111.763L90.6094 112.563L88.1494 105.393L89.2194 104.653L93.3394 108.043L93.3894 108.013L91.6794 102.963L92.7494 102.223Z' fill='white'/%3E%3Cpath d='M83.65 115.89L80.5 109.31L81.55 108.81L86.82 111.82L86.87 111.79L84.72 107.29L85.9 106.73L89.05 113.31L87.99 113.82L82.73 110.8L82.67 110.83L84.82 115.33L83.64 115.89H83.65Z' fill='white'/%3E%3Cpath d='M59.3995 118.43C59.4195 118.64 59.4995 118.82 59.6195 118.96C59.7395 119.1 59.8995 119.22 60.0995 119.29C60.2995 119.37 60.5295 119.4 60.7995 119.4C61.0695 119.4 61.2995 119.35 61.4995 119.27C61.6995 119.19 61.8495 119.07 61.9495 118.92C62.0495 118.77 62.1095 118.61 62.0995 118.42C62.0995 118.14 61.9795 117.93 61.7495 117.78C61.5195 117.63 61.2095 117.51 60.8395 117.43L60.1495 117.27C59.7395 117.18 59.3695 117.05 59.0595 116.89C58.7495 116.73 58.4895 116.51 58.2895 116.23C58.0895 115.95 57.9895 115.61 57.9795 115.21C57.9795 114.78 58.0795 114.4 58.2895 114.08C58.4995 113.75 58.8195 113.49 59.2295 113.31C59.6395 113.12 60.1295 113.02 60.7095 113.02C61.2695 113.02 61.7695 113.09 62.1895 113.26C62.6095 113.43 62.9395 113.68 63.1795 114.02C63.4195 114.35 63.5495 114.76 63.5795 115.24L62.2895 115.26C62.2695 115.01 62.1895 114.81 62.0495 114.64C61.9095 114.47 61.7295 114.35 61.4995 114.27C61.2695 114.19 61.0195 114.15 60.7395 114.16C60.4495 114.16 60.1995 114.21 59.9795 114.3C59.7595 114.39 59.5895 114.52 59.4695 114.68C59.3495 114.84 59.2895 115.02 59.2895 115.23C59.2895 115.41 59.3495 115.56 59.4595 115.69C59.5695 115.82 59.7095 115.92 59.8995 116C60.0895 116.08 60.3295 116.16 60.6195 116.23L61.4495 116.43C62.0795 116.58 62.5595 116.81 62.8995 117.13C63.2395 117.44 63.4095 117.85 63.4195 118.36C63.4195 118.78 63.3195 119.15 63.0895 119.48C62.8595 119.81 62.5495 120.07 62.1495 120.25C61.7495 120.44 61.2895 120.53 60.7795 120.54C60.2695 120.54 59.8195 120.47 59.4195 120.29C59.0195 120.12 58.7095 119.87 58.4795 119.56C58.2495 119.25 58.1295 118.88 58.1195 118.48L59.3795 118.46L59.3995 118.43Z' fill='white'/%3E%3Cpath d='M51.6098 117.283C51.6198 117.573 51.6898 117.833 51.8298 118.063C51.9598 118.293 52.1498 118.473 52.3798 118.613C52.6098 118.753 52.8698 118.843 53.1698 118.873C53.5698 118.923 53.9398 118.873 54.2598 118.703C54.5898 118.543 54.8598 118.283 55.0798 117.913C55.2998 117.553 55.4398 117.103 55.5098 116.563C55.5798 116.023 55.5498 115.543 55.4298 115.143C55.3098 114.743 55.0998 114.423 54.8198 114.183C54.5398 113.953 54.1998 113.803 53.8098 113.763C53.5198 113.723 53.2498 113.743 52.9898 113.823C52.7298 113.903 52.5198 114.023 52.3298 114.203C52.1398 114.383 51.9998 114.613 51.9098 114.883L50.5898 114.713C50.7098 114.253 50.9298 113.853 51.2498 113.513C51.5698 113.173 51.9598 112.913 52.4298 112.743C52.8998 112.573 53.4098 112.533 53.9698 112.593C54.6098 112.673 55.1598 112.893 55.6298 113.253C56.0898 113.613 56.4298 114.093 56.6498 114.683C56.8598 115.283 56.9298 115.963 56.8298 116.723C56.7398 117.483 56.5098 118.123 56.1598 118.653C55.8098 119.183 55.3598 119.563 54.8198 119.793C54.2798 120.023 53.6998 120.103 53.0598 120.033C52.5298 119.963 52.0598 119.803 51.6398 119.553C51.2298 119.293 50.9098 118.963 50.6698 118.543C50.4298 118.123 50.3198 117.653 50.2998 117.113L51.6198 117.273L51.6098 117.283Z' fill='white'/%3E%3Cpath d='M49.99 112.103L48.18 119.173L45.54 118.493C45.01 118.353 44.58 118.143 44.25 117.863C43.92 117.583 43.71 117.243 43.6 116.853C43.5 116.463 43.5 116.043 43.62 115.583C43.74 115.133 43.93 114.763 44.21 114.483C44.49 114.203 44.84 114.013 45.26 113.933C45.68 113.853 46.16 113.873 46.7 114.013L48.59 114.503L48.32 115.563L46.6 115.123C46.28 115.043 46.01 115.023 45.79 115.053C45.56 115.083 45.38 115.183 45.24 115.323C45.1 115.473 44.99 115.673 44.93 115.923C44.86 116.183 44.86 116.403 44.91 116.613C44.96 116.813 45.08 116.993 45.26 117.133C45.44 117.283 45.69 117.393 46.01 117.473L47.19 117.773L48.73 111.763L50 112.093L49.99 112.103ZM45.52 114.373L44.59 110.723L46.01 111.093L46.9 114.733L45.51 114.373H45.52Z' fill='white'/%3E%3Cpath d='M36.5799 111.482C36.8699 110.772 37.2499 110.202 37.7299 109.792C38.2099 109.372 38.7399 109.122 39.3199 109.032C39.8999 108.942 40.4899 109.022 41.0799 109.252C41.6799 109.492 42.1599 109.842 42.5099 110.312C42.8599 110.782 43.0799 111.332 43.1299 111.962C43.1899 112.592 43.0699 113.262 42.7899 113.982C42.5099 114.702 42.1199 115.262 41.6399 115.672C41.1599 116.092 40.6299 116.342 40.0499 116.432C39.4699 116.522 38.8799 116.442 38.2799 116.202C37.6899 115.962 37.2099 115.612 36.8499 115.142C36.4899 114.672 36.2799 114.122 36.2299 113.492C36.1699 112.862 36.2899 112.192 36.5699 111.472L36.5799 111.482ZM37.8099 111.972C37.6099 112.472 37.5099 112.942 37.5299 113.362C37.5399 113.782 37.6499 114.142 37.8599 114.442C38.0699 114.742 38.3599 114.962 38.7299 115.112C39.0999 115.262 39.4699 115.302 39.8299 115.232C40.1899 115.162 40.5199 114.982 40.8199 114.682C41.1199 114.392 41.3699 113.992 41.5799 113.482C41.7799 112.982 41.8799 112.512 41.8599 112.092C41.8499 111.672 41.7299 111.312 41.5199 111.012C41.3099 110.712 41.0199 110.492 40.6399 110.342C40.2699 110.192 39.8999 110.152 39.5499 110.222C39.1899 110.292 38.8599 110.472 38.5599 110.772C38.2599 111.072 38.0099 111.462 37.7999 111.972H37.8099Z' fill='white'/%3E%3Cpath d='M37.1095 107.62L33.5795 114.01L32.4395 113.38L35.4395 107.96L32.6195 106.4L33.1495 105.43L37.1095 107.62Z' fill='white'/%3E%3Cpath d='M32.4099 104.949L28.2399 110.939L27.1699 110.189L30.7099 105.109L28.0699 103.269L28.6999 102.359L32.4199 104.939L32.4099 104.949Z' fill='white'/%3E%3Cpath d='M26.1494 100.222L27.5294 101.452L26.7794 102.302L25.4394 101.122C25.0594 100.782 24.6794 100.572 24.2994 100.482C23.9194 100.392 23.5494 100.442 23.1694 100.602C22.7894 100.772 22.4194 101.062 22.0494 101.482C21.6794 101.902 21.4394 102.302 21.3194 102.692C21.1994 103.082 21.1994 103.462 21.3294 103.822C21.4594 104.182 21.7094 104.532 22.0794 104.852L23.4794 106.092L22.7294 106.942L21.2794 105.662C20.7394 105.182 20.3694 104.662 20.1694 104.102C19.9694 103.532 19.9494 102.962 20.0994 102.362C20.2494 101.772 20.5794 101.192 21.0794 100.622C21.5794 100.052 22.1194 99.6622 22.6894 99.4322C23.2594 99.2022 23.8394 99.1622 24.4394 99.2922C25.0294 99.4222 25.5994 99.7322 26.1494 100.222ZM22.1794 106.452L27.0194 100.992L27.9994 101.862L23.1594 107.322L22.1794 106.452Z' fill='white'/%3E%3Cpath d='M15.8398 94.6591C16.4198 94.1591 17.0198 93.8291 17.6398 93.6891C18.2598 93.5391 18.8498 93.5591 19.3998 93.7491C19.9498 93.9391 20.4498 94.2791 20.8598 94.7591C21.2798 95.2491 21.5398 95.7791 21.6398 96.3591C21.7398 96.9391 21.6698 97.5191 21.4298 98.1091C21.1898 98.6991 20.7798 99.2391 20.1998 99.7391C19.6198 100.239 19.0198 100.569 18.3998 100.719C17.7798 100.869 17.1998 100.849 16.6398 100.659C16.0798 100.469 15.5898 100.129 15.1698 99.6391C14.7498 99.1591 14.4898 98.6191 14.3898 98.0391C14.2898 97.4591 14.3598 96.8691 14.5998 96.2891C14.8398 95.6991 15.2498 95.1591 15.8298 94.6591H15.8398ZM16.6998 95.6591C16.2898 96.0091 15.9898 96.3791 15.8098 96.7591C15.6298 97.1391 15.5598 97.5091 15.6098 97.8691C15.6598 98.2291 15.8098 98.5591 16.0698 98.8691C16.3298 99.1691 16.6398 99.3791 16.9898 99.4791C17.3398 99.5791 17.7198 99.5691 18.1198 99.4491C18.5198 99.3291 18.9298 99.0891 19.3398 98.7291C19.7498 98.3791 20.0498 98.0091 20.2298 97.6291C20.4098 97.2491 20.4798 96.8791 20.4298 96.5191C20.3798 96.1591 20.2298 95.8291 19.9598 95.5191C19.6998 95.2191 19.3898 95.0091 19.0398 94.9091C18.6898 94.8091 18.3098 94.8191 17.9098 94.9391C17.5098 95.0591 17.0998 95.2991 16.6898 95.6591H16.6998Z' fill='white'/%3E%3Cpath d='M17.3096 90.4397L12.1696 96.0097L11.4296 94.8097L15.3196 90.8697L15.2796 90.8097L9.96961 92.4297L9.29961 91.3297L13.1396 87.3097L13.1096 87.2597L7.83961 88.9497L7.09961 87.7497L14.3896 85.6797L15.0696 86.7897L11.4596 90.7197L11.4896 90.7697L16.6296 89.3397L17.3096 90.4497V90.4397Z' fill='white'/%3E%3Cpath d='M4.16016 80.5925L10.9102 77.8125L11.3502 78.8925L8.06016 83.9825L8.08016 84.0425L12.6902 82.1425L13.1902 83.3525L6.44016 86.1325L5.99016 85.0425L9.29016 79.9625L9.27016 79.9025L4.66016 81.8025L4.16016 80.5925Z' fill='white'/%3E%3C/svg%3E");
}

html:not(.design-edit-page) .text-template .section-visual .scroll-down .ico-text {
  -webkit-animation: rotate 10s linear infinite;
          animation: rotate 10s linear infinite;
}

.text-template .section-visual .scroll-down .ico-arrow {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 14px;
  height: 21px;
  background-image: url("data:image/svg+xml, %3Csvg width='14' height='21' viewBox='0 0 14 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.4598 14.2609L6.70976 19.4109L0.759766 14.2109' stroke='white' stroke-width='1.7' stroke-miterlimit='10'/%3E%3Cpath d='M6.60938 19.1897V0.929688' stroke='white' stroke-width='1.7' stroke-miterlimit='10'/%3E%3C/svg%3E");
}

.text-template .section-subject {
  padding: 80px 0;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .text-template .section-subject {
    --column-gap: 20px;
    --column-count: 3;
    padding: 150px 0;
  }
}

html:not(.design-edit-page) .text-template .section-subject + .section-notice {
  padding-top: 0;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .text-template .section-subject .common-inner {
    max-width: 1440px;
  }
}

.text-template .section-subject .subject-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 30px;
  margin-bottom: 0;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .text-template .section-subject .subject-list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    row-gap: 24px;
    -webkit-column-gap: var(--column-gap);
       -moz-column-gap: var(--column-gap);
            column-gap: var(--column-gap);
  }
  html:not(.design-edit-page) .text-template .section-subject .subject-list[data-cols="1"] {
    --column-count: 1;
  }
  html:not(.design-edit-page) .text-template .section-subject .subject-list[data-cols="2"] {
    --column-count: 2;
  }
  html:not(.design-edit-page) .text-template .section-subject .subject-list[data-cols="3"] {
    --column-count: 3;
  }
  html:not(.design-edit-page) .text-template .section-subject .subject-list[data-cols="4"] {
    --column-count: 4;
  }
  html:not(.design-edit-page) .text-template .section-subject .subject-list[data-cols="5"] {
    --column-count: 5;
  }
  html:not(.design-edit-page) .text-template .section-subject .subject-list[data-cols="2"][data-count="4"] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 386px));
  }
  html:not(.design-edit-page) .text-template .section-subject .subject-list[data-cols="2"][data-count="4"] .subject-item {
    width: auto;
  }
}

html.design-edit-page .text-template .section-subject .subject-list {
  margin-left: -8px;
  margin-right: -8px;
}

.text-template .section-subject .subject-item {
  position: relative;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .text-template .section-subject .subject-item {
    --gap-multiplier: calc(var(--column-gap) * (var(--column-count) - 1));
    min-width: 325px;
    width: calc((100% - var(--gap-multiplier)) / var(--column-count));
    max-width: 386px;
  }
}

.text-template .section-subject .subject-item .title {
  font-size: 34px;
  font-weight: 700;
  line-height: 1.2;
  color: #fff;
  text-align: center;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .text-template .section-subject .subject-item .title {
    font-size: 36px;
  }
}

.text-template .section-subject .subject-item .desc {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: #fff;
  text-align: center;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .text-template .section-subject .subject-item .desc {
    font-size: 18px;
  }
}

.text-template .section-subject .subject-item .division-line {
  display: block;
  color: #fff;
}

.text-template .section-subject .subject-item .division-line::after {
  content: '';
  display: block;
  width: 33px;
  height: 2px;
  margin: 20px auto;
  background-color: currentColor;
}

.text-template .section-subject .link-subject {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  aspect-ratio: 1 / 1;
  padding: 40px;
  border-radius: 60px;
}

html:not(.design-edit-page) .text-template .section-subject .link-subject {
  overflow: hidden;
}

.text-template .section-subject .link-subject:has(.thumb-box[data-ui-role="image"]) {
  background-color: transparent !important;
}

.text-template .section-subject .link-subject:has(.thumb-box[data-ui-role="image"]:not(.is-fill)):has(img) {
  outline: 1px solid #eee !important;
}

html:not(.design-edit-page) .text-template .section-subject .link-subject::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}

html:not(.design-edit-page) .text-template .section-subject .link-subject:hover::before {
  opacity: 1;
}

html:not(.design-edit-page) .text-template .section-subject .link-subject:has(.thumb-box[data-ui-role="image"])::before {
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.2);
  background-image: none;
}

.text-template .section-subject .subject-item:nth-child(1) .link-subject {
  background-color: #21AFF0;
}

.text-template .section-subject .subject-item:nth-child(1) .link-subject::before {
  background-image: url("../../assets/images/text-template/section-subject-hover-bg-01.jpg");
}

.text-template .section-subject .subject-item:nth-child(2) .link-subject {
  background-color: #3C7AF5;
}

.text-template .section-subject .subject-item:nth-child(2) .link-subject::before {
  background-image: url("../../assets/images/text-template/section-subject-hover-bg-02.jpg");
}

.text-template .section-subject .subject-item:nth-child(3) .link-subject {
  background-color: #ECF0F9;
}

.text-template .section-subject .subject-item:nth-child(3) .link-subject::before {
  background-image: url("../../assets/images/text-template/section-subject-hover-bg-03.jpg");
}

.text-template .section-subject .subject-item:nth-child(3) .title,
.text-template .section-subject .subject-item:nth-child(3) .desc {
  color: #4F5566;
}

.text-template .section-subject .subject-item:nth-child(3) .division-line:not([data-ui-role="theme"]) {
  color: #4F5566;
}

.text-template .section-subject .subject-item:nth-child(4) .link-subject {
  background-color: #4DCDBB;
}

.text-template .section-subject .subject-item:nth-child(4) .link-subject::before {
  background-image: url("../../assets/images/text-template/section-subject-hover-bg-04.jpg");
}

.text-template .section-subject .subject-item:nth-child(5) .link-subject {
  background-color: #3AA9BD;
}

.text-template .section-subject .subject-item:nth-child(5) .link-subject::before {
  background-image: url("../../assets/images/text-template/section-subject-hover-bg-05.jpg");
}

.text-template .section-subject .subject-item:nth-child(6) .link-subject {
  background-color: #01666C;
}

.text-template .section-subject .subject-item:nth-child(6) .link-subject::before {
  background-image: url("../../assets/images/text-template/section-subject-hover-bg-06.jpg");
}

.text-template .section-subject .subject-item:nth-child(7) .link-subject {
  background-color: #C3B279;
}

.text-template .section-subject .subject-item:nth-child(7) .link-subject::before {
  background-image: url("../../assets/images/text-template/section-subject-hover-bg-07.jpg");
}

.text-template .section-subject .subject-item:nth-child(8) .link-subject {
  background-color: #FFBA56;
}

.text-template .section-subject .subject-item:nth-child(8) .link-subject::before {
  background-image: url("../../assets/images/text-template/section-subject-hover-bg-08.jpg");
}

.text-template .section-subject .subject-item:nth-child(9) .link-subject {
  background-color: #FDA56F;
}

.text-template .section-subject .subject-item:nth-child(9) .link-subject::before {
  background-image: url("../../assets/images/text-template/section-subject-hover-bg-09.jpg");
}

.text-template .section-subject .subject-item:nth-child(10) .link-subject {
  background-color: #DD857A;
}

.text-template .section-subject .subject-item:nth-child(10) .link-subject::before {
  background-image: url("../../assets/images/text-template/section-subject-hover-bg-10.jpg");
}

.text-template .section-subject .link-subject > [class*="text-box"] {
  position: relative;
  z-index: 1;
}

html.design-edit-page .text-template .section-subject .link-subject > [class*="text-box"] {
  z-index: 203;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 3px;
}

.text-template .section-service {
  position: relative;
  padding: 80px 0;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .text-template .section-service {
    padding: 150px 0;
  }
}

html:not(.design-edit-page) .text-template .section-service:has(+ .section-notice) {
  padding-bottom: calc(80px / 2);
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .text-template .section-service:has(+ .section-notice) {
    padding-bottom: calc(150px / 2);
  }
}

html:not(.design-edit-page) .text-template .section-service + .section-notice {
  padding-top: calc(80px / 2);
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .text-template .section-service + .section-notice {
    padding-top: calc(150px / 2);
  }
}

.text-template .section-service::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background-image: url("../../assets/images/text-template/section-service-bg.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.text-template .section-service:has(.thumb-box[data-ui-role="image"])::after {
  display: none;
}

.text-template .section-service .common-inner {
  z-index: 2;
}

.text-template .section-service .common-eyebrow {
  color: #fff;
}

.text-template .section-service .common-headline {
  color: #fff;
}

html.design-edit-page .text-template .section-service:not(.is-inactive) .common-inner {
  z-index: 203;
}

.text-template .section-service .service-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: 20px 12px;
  margin: 40px 0 0;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .text-template .section-service .service-list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-template-rows: none;
    gap: 15px;
    margin-top: 70px;
  }
}

.text-template .section-service .service-item {
  position: relative;
}

.text-template .section-service .link-service {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: 22px;
  height: 100%;
  padding: 30px 20px;
  border-radius: 12px;
  background-color: #fff;
  -webkit-box-shadow: 0px 4px 12px 0px #0000001F;
          box-shadow: 0px 4px 12px 0px #0000001F;
}

html:not(.design-edit-page) .text-template .section-service .link-service {
  overflow: hidden;
}

html:not(.design-edit-page) .text-template .section-service .link-service:hover .ico-service {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}

html:not(.design-edit-page) .text-template .section-service .link-service:hover .more-view::after {
  -webkit-transform: translateX(5px);
          transform: translateX(5px);
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .text-template .section-service .link-service {
    row-gap: 33px;
    padding-top: 70px;
    padding-bottom: 70px;
  }
}

.text-template .section-service .ico-service {
  width: 65px;
  height: 65px;
  background-position: center;
  background-size: contain;
  -webkit-transition: -webkit-transform .5s;
  transition: -webkit-transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s;
}

.text-template .section-service .service-item.info .ico-service {
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='46' viewBox='0 0 48 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_798_5862)'%3E%3Cpath d='M35.2838 11.1172H0V46.0005H35.2838V11.1172Z' fill='%23001598'/%3E%3Cpath d='M47.423 0H13.541V9.02308H47.423V0Z' fill='%2315D4F3'/%3E%3Cpath d='M47.416 33.8217V0.324219L38.2894 0.324219V33.8217H47.416Z' fill='%2315D4F3'/%3E%3Cpath d='M23.7791 26.2444H19.9838V22.4922H15.3012V26.2444H11.5059V30.8739H15.3012V34.6262H19.9838V30.8739H23.7791V26.2444Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_798_5862'%3E%3Crect width='47.4154' height='46' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.text-template .section-service .service-item.interior .ico-service {
  background-image: url("data:image/svg+xml,%3Csvg width='68' height='68' viewBox='0 0 68 68' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_757_27786)'%3E%3Cpath d='M45.6591 43.74C57.7375 43.74 67.5291 33.9485 67.5291 21.87C67.5291 9.79153 57.7375 0 45.6591 0C33.5806 0 23.7891 9.79153 23.7891 21.87C23.7891 33.9485 33.5806 43.74 45.6591 43.74Z' fill='%2315D4F3'/%3E%3Cpath d='M45.66 21.3906H0V67.0506H45.66V21.3906Z' fill='%23001598'/%3E%3Cpath d='M23.8091 21.3906C23.8091 21.5506 23.7891 21.7106 23.7891 21.8706C23.7891 33.9506 33.5791 43.7406 45.6591 43.7406V21.3906H23.8091Z' fill='white'/%3E%3Cpath d='M19.7703 51.7014H15.7603V47.6914H10.8303V51.7014H6.82031V56.6314H10.8303V60.6414H15.7603V56.6314H19.7703V51.7014Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_757_27786'%3E%3Crect width='67.53' height='67.05' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.text-template .section-service .service-item.non-benefit .ico-service {
  background-image: url("data:image/svg+xml,%3Csvg width='80' height='65' viewBox='0 0 80 65' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_757_27764)'%3E%3Cpath d='M79.9003 64.2594V29.1494L50.8603 4.35938L21.8203 29.1494V64.2594H79.9003Z' fill='%23001598'/%3E%3Cpath d='M21.82 43.64C33.8709 43.64 43.64 33.8709 43.64 21.82C43.64 9.76915 33.8709 0 21.82 0C9.76915 0 0 9.76915 0 21.82C0 33.8709 9.76915 43.64 21.82 43.64Z' fill='%2315D4F3'/%3E%3Cpath d='M43.6403 21.8189C43.6403 18.4289 42.8503 15.2389 41.4703 12.3789L21.8203 29.1589V43.6489C33.8703 43.6489 43.6403 33.8789 43.6403 21.8289V21.8189Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_757_27764'%3E%3Crect width='79.9' height='64.26' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.text-template .section-service .service-item.directions .ico-service {
  background-image: url("data:image/svg+xml,%3Csvg width='65' height='65' viewBox='0 0 65 65' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_757_27750)'%3E%3Cpath d='M51.67 0H0V64.53H51.67V0Z' fill='%23001598'/%3E%3Cpath d='M44.0309 9.46094H8.13086V13.3409H44.0309V9.46094Z' fill='white'/%3E%3Cpath d='M44.0309 21.2305H8.13086V25.1105H44.0309V21.2305Z' fill='white'/%3E%3Cpath d='M26.0809 32.9883H8.13086V36.8683H26.0809V32.9883Z' fill='white'/%3E%3Cpath d='M64.4503 64.5298V49.0298L51.6303 38.0898L38.8203 49.0298V64.5298H64.4503Z' fill='%2315D4F3'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_757_27750'%3E%3Crect width='64.45' height='64.53' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.text-template .section-service .text-box:has(.title) {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.text-template .section-service .title {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
  color: #222;
  text-align: center;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .text-template .section-service .title {
    font-size: 30px;
  }
}

.text-template .section-service .more-view {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
  min-width: 73px;
  padding: 8px 15px;
  border-radius: 30px;
  border: 1px solid #222;
  font-family: 'Pretendard Variable', sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
  color: #222;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .text-template .section-service .more-view {
    min-width: 81px;
  }
}

.text-template .section-service .more-view::after {
  content: '';
  position: relative;
  display: inline-block;
  width: 5px;
  height: 10px;
  background-image: url("data:image/svg+xml,%3Csvg width='5' height='10' viewBox='0 0 5 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.410859 0.328125L4.12086 4.46812L0.380859 8.74813' stroke='%23222222' stroke-miterlimit='10'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
}

.text-template .section-service .thumb-box[data-ui-role="image"] {
  bottom: auto;
  height: 50%;
}

.text-template .section-interior {
  position: relative;
  padding: 80px 0;
  background-color: #EEEFF4;
}

.text-template .section-interior:has(.thumb-box[data-ui-role="image"]) {
  background-color: transparent;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .text-template .section-interior {
    padding: 150px 0;
  }
}

.text-template .section-interior .common-inner {
  z-index: 1;
}

html.design-edit-page .text-template .section-interior:not(.is-inactive) .common-inner {
  z-index: 203;
}

.text-template .section-interior .gallery-area {
  margin-top: 35px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .text-template .section-interior .gallery-area {
    margin-top: 63px;
  }
}

.text-template .section-interior .gallery-area .swiper {
  width: 100%;
}

.text-template .section-interior .gallery-area .swiper-slide {
  width: 746px;
  padding-left: 45px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .text-template .section-interior .gallery-area .swiper-slide {
    padding-left: 0;
  }
}

.text-template .section-interior .gallery-area .swiper .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  row-gap: 15px;
}

html.design-edit-page .text-template .section-interior .gallery-area .swiper .content {
  padding-bottom: 4px;
}

.text-template .section-interior .gallery-area .swiper .title {
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
  color: #222;
  overflow-wrap: break-word;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .text-template .section-interior .gallery-area .swiper .title {
    font-size: 34px;
  }
}

.text-template .section-interior .gallery-area .swiper .thumb-box {
  display: block;
  position: relative;
  width: auto;
  height: auto;
  overflow: hidden;
  border-radius: 30px 0 0 30px;
  background-color: #f5f5f5;
}

.text-template .section-interior .gallery-area .swiper .thumb-box img {
  position: absolute;
  top: 0;
  left: 0;
}

.text-template .section-interior .gallery-area .swiper .thumb-box::after {
  content: '';
  display: block;
  width: 100%;
  padding-top: 61.6622%;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .text-template .section-interior .gallery-area .swiper .thumb-box {
    border-radius: 30px;
  }
}

.text-template .section-interior .gallery-area .swiper .thumb-box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.text-template .section-interior .gallery-area .swiper-navigation {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 1;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  pointer-events: none;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .text-template .section-interior .gallery-area .swiper-navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.text-template .section-interior .gallery-area .swiper-button-prev, .text-template .section-interior .gallery-area .swiper-button-next {
  position: static;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 113px;
  height: 113px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.3);
  pointer-events: auto;
}

.text-template .section-interior .gallery-area .swiper-button-prev::after, .text-template .section-interior .gallery-area .swiper-button-next::after {
  display: none;
}

.text-template .section-interior .gallery-area .swiper-button-prev::before, .text-template .section-interior .gallery-area .swiper-button-next::before {
  content: '';
  display: block;
  width: 16px;
  height: 30px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='30' viewBox='0 0 16 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.4628 28.293L2.55492 14.9999L14.5645 1.26199' stroke='url(%23paint0_radial_757_27883)' stroke-width='3' stroke-miterlimit='10'/%3E%3Cdefs%3E%3CradialGradient id='paint0_radial_757_27883' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(8.00687 14.7838) rotate(-180) scale(11.8824)'%3E%3Cstop offset='0.57' stop-color='%23130C0E'/%3E%3Cstop offset='0.8' stop-color='%23130C0E'/%3E%3Cstop offset='1' stop-color='%23130C0E'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
}

.text-template .section-interior .gallery-area .swiper-button-next::before {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}

.text-template .section-interior .gallery-area .swiper-pagination {
  position: static;
  margin: 30px auto 0;
}

.text-template .section-interior .gallery-area .swiper-pagination-bullet {
  border: 1px solid #929292;
  background-color: transparent;
  opacity: 1;
}

.text-template .section-interior .gallery-area .swiper-pagination-bullet-active {
  background-color: #929292;
}

.text-template .section-interior .gallery-area .swiper-pagination-progressbar {
  width: 743px;
  height: 4px;
  margin: 80px auto 0;
  background-color: rgba(138, 138, 138, 0.5);
}

.text-template .section-interior .gallery-area .swiper-pagination-progressbar-fill {
  background-color: #001598;
}

.text-template .section-notice {
  padding: 80px 0;
  background-color: #fff;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .text-template .section-notice {
    padding: 150px 0;
  }
}

.text-template .section-notice .common-inner > [class*="text-box"] {
  padding-bottom: 25px;
  border-bottom: 2px solid #222;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .text-template .section-notice .common-inner > [class*="text-box"] {
    padding-bottom: 37px;
  }
}

.text-template .section-notice .common-headline {
  cursor: pointer;
}

.text-template .section-notice .notice-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 0;
}

.text-template .section-notice .link-notice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 15px;
     -moz-column-gap: 15px;
          column-gap: 15px;
  padding: 15px 0;
  font-family: 'Pretendard Variable', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.25;
  color: #222;
  border-bottom: 1px solid #E9E9E9;
}

.text-template .section-notice .link-notice:not(:has(.date)) {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-bottom: none;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .text-template .section-notice .link-notice {
    -webkit-column-gap: 35px;
       -moz-column-gap: 35px;
            column-gap: 35px;
    padding: 20px 0;
    font-size: 18px;
  }
}

.text-template .section-notice .link-notice .title {
  margin-bottom: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.text-template .section-info {
  padding: 50px 0;
  background-color: #EBF1FF;
}

.text-template .section-info:has(.thumb-box[data-ui-role="image"]) {
  background-color: transparent;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .text-template .section-info {
    width: 50%;
    min-height: 438px;
    background-color: inherit;
  }
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .text-template .section-info .common-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 100%;
  }
}

.text-template .section-info .section-headline {
  font-size: 26px;
  font-weight: 700;
  color: #333;
}

.text-template .section-info .section-headline + .tel-area {
  margin-top: 20px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .text-template .section-info .section-headline + .tel-area {
    margin-top: 55px;
  }
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .text-template .section-info .tel-area {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 14px;
       -moz-column-gap: 14px;
            column-gap: 14px;
  }
}

.text-template .section-info .tel-area .title {
  font-weight: 700;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .text-template .section-info .tel-area .title {
    font-size: 26px;
  }
}

.text-template .section-info .tel-area .tel {
  color: #F56652;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .text-template .section-info .tel-area .tel {
    font-size: 36px;
  }
}

.text-template .section-info .info-list {
  margin-top: 25px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .text-template .section-info .info-list {
    margin-top: 32px;
  }
}

.text-template .section-info .info-item {
  font-size: 14px;
  line-height: 1.2;
  color: #333;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .text-template .section-info .info-item {
    font-size: 18px;
  }
}

.text-template .section-info .message {
  margin-top: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #F56652;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .text-template .section-info .message {
    margin-top: 15px;
    font-size: 18px;
  }
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .text-template .section-info[data-feature="tel-extra"] .common-inner {
    row-gap: 55px;
  }
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .text-template .section-info[data-feature="tel-extra"]:has(.tel-area.extra) .common-inner {
    row-gap: 55px;
  }
}

.text-template .section-info[data-feature="tel-extra"] .tel-area .title {
  color: #333;
}

.text-template .section-info[data-feature="tel-extra"] .btn-tel-extra {
  color: #333;
  border-color: #B0BDDB;
}

.text-template .section-info[data-feature="tel-extra"] .btn-tel-extra:hover {
  color: #fff;
  border-color: #B0BDDB;
  background-color: #B0BDDB;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .text-template .section-directions {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
  }
}

.text-template .section-directions .map-area {
  height: 290px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .text-template .section-directions .map-area {
    height: 100%;
  }
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .text-template .position-relative:has(.inner1) {
    background-color: #EBF1FF;
  }
  html:not(.design-edit-page) .text-template .position-relative:has(.inner1):has(.thumb-box[data-ui-role="image"]) {
    background-color: transparent;
  }
  html:not(.design-edit-page) .text-template .inner1:has(.section-directions) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 1200px;
    padding: 0 15px;
    margin: 0 auto;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
  }
  html:not(.design-edit-page) .text-template .inner1:has(.section-directions) .section-info {
    padding-right: 15px;
  }
  html:not(.design-edit-page) .text-template .inner1:has(.section-directions) .section-info .common-inner {
    padding: 0;
  }
  html:not(.design-edit-page) .text-template .inner1:has(.section-directions) .section-info[data-feature="tel-extra"] .tel-area {
    -webkit-box-ordinal-group: initial;
        -ms-flex-order: initial;
            order: initial;
  }
  html:not(.design-edit-page) .text-template .inner1:has(.section-directions) .section-info[data-feature="tel-extra"] .tel-area + .tel-area {
    margin-top: 20px;
  }
  html:not(.design-edit-page) .text-template .inner1:has(.section-directions) .section-info[data-feature="tel-extra"] .tel-area + .tel-area:not(:has(.title)) {
    margin-top: 12px;
  }
  html:not(.design-edit-page) .text-template .inner1:has(.section-directions) .section-info[data-feature="tel-extra"]:has(.tel-area.extra) .tel-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  html:not(.design-edit-page) .text-template .inner1:has(.section-directions) .section-info[data-feature="tel-extra"]:has(.tel-area.extra) .tel-area .title {
    margin-top: 0;
  }
  html:not(.design-edit-page) .text-template .inner1:not(:has(.section-directions)) .section-info {
    width: 100%;
    min-height: 318px;
    padding: 80px 0;
  }
  html:not(.design-edit-page) .text-template .inner1:not(:has(.section-directions)) .section-info .common-inner > .d-flex {
    display: grid !important;
    grid-template-columns: minmax(0, auto) minmax(0, 1fr) minmax(0, 1fr);
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-column-gap: 55px;
       -moz-column-gap: 55px;
            column-gap: 55px;
  }
  html:not(.design-edit-page) .text-template .inner1:not(:has(.section-directions)) .section-info .section-headline {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
    font-size: 26px;
  }
  html:not(.design-edit-page) .text-template .inner1:not(:has(.section-directions)) .section-info .section-headline + .tel-area {
    margin-top: 0;
  }
  html:not(.design-edit-page) .text-template .inner1:not(:has(.section-directions)) .section-info .tel-area {
    grid-column: 3 / 4;
    grid-row: 1 / 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    row-gap: 10px;
  }
  html:not(.design-edit-page) .text-template .inner1:not(:has(.section-directions)) .section-info .tel-area .title {
    font-size: 26px;
  }
  html:not(.design-edit-page) .text-template .inner1:not(:has(.section-directions)) .section-info .tel-area .tel {
    font-size: 48px;
  }
  html:not(.design-edit-page) .text-template .inner1:not(:has(.section-directions)) .section-info .info-list {
    position: relative;
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    margin: 0;
    padding-right: 58px;
  }
  html:not(.design-edit-page) .text-template .inner1:not(:has(.section-directions)) .section-info .info-list::before {
    content: '';
    position: absolute;
    top: 0;
    left: 100%;
    width: 1px;
    height: 100%;
    background-color: rgba(118, 190, 223, 0.2);
  }
  html:not(.design-edit-page) .text-template .inner1:not(:has(.section-directions)) .section-info .info-item {
    font-size: 18px;
  }
  html:not(.design-edit-page) .text-template .inner1:not(:has(.section-directions)) .section-info .message {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
    font-size: 18px;
  }
  html:not(.design-edit-page) .text-template .inner1:not(:has(.section-directions)) .section-info[data-feature="tel-extra"] .common-inner {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-column-gap: 55px;
       -moz-column-gap: 55px;
            column-gap: 55px;
  }
  html:not(.design-edit-page) .text-template .inner1:not(:has(.section-directions)) .section-info[data-feature="tel-extra"] .group-info {
    display: grid;
    grid-template-columns: minmax(0, -webkit-max-content) 1fr;
    grid-template-columns: minmax(0, max-content) 1fr;
    -webkit-column-gap: 55px;
       -moz-column-gap: 55px;
            column-gap: 55px;
  }
  html:not(.design-edit-page) .text-template .inner1:not(:has(.section-directions)) .section-info[data-feature="tel-extra"] .tel-area {
    row-gap: 8px;
  }
  html:not(.design-edit-page) .text-template .inner1:not(:has(.section-directions)) .section-info[data-feature="tel-extra"] .tel-area + .tel-area {
    margin-top: 20px;
  }
  html:not(.design-edit-page) .text-template .inner1:not(:has(.section-directions)) .section-info[data-feature="tel-extra"] .tel-area + .tel-area:not(:has(.title)) {
    margin-top: 12px;
  }
  html:not(.design-edit-page) .text-template .inner1:not(:has(.section-directions)) .section-info .tel-area .title {
    color: #222;
  }
}

/* sub-page */
.sub-page {
  position: relative;
}

.sub-page section[class^="section-"] {
  padding: 30px 0 50px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page section[class^="section-"] {
    padding: 100px 0;
  }
}

html.design-edit-page .sub-page .main {
  padding-top: 106px;
}

.sub-page .text-box:has(.sub-headline) {
  margin-bottom: 30px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .text-box:has(.sub-headline) {
    margin-bottom: 80px;
  }
}

.sub-page .sub-headline {
  font-size: 22px;
  font-weight: 400;
  line-height: 1.3;
  color: #164AA0;
  letter-spacing: -0.03em;
  text-align: center;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .sub-headline {
    font-size: 50px;
    font-weight: 300;
    letter-spacing: -0.08em;
  }
}

.sub-page .search-form .search-box {
  width: auto;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .search-form .search-box {
    width: 366px;
  }
}

.sub-page .search-form .form-control {
  font-size: 12px;
  border-radius: 0;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .search-form .form-control {
    font-size: 16px;
  }
}

.sub-page .search-form .form-control::-webkit-input-placeholder {
  color: #D9D9D9;
}

.sub-page .search-form .form-control::-moz-placeholder {
  color: #D9D9D9;
}

.sub-page .search-form .form-control:-ms-input-placeholder {
  color: #D9D9D9;
}

.sub-page .search-form .form-control::-ms-input-placeholder {
  color: #D9D9D9;
}

.sub-page .search-form .form-control::placeholder {
  color: #D9D9D9;
}

.sub-page .search-form .btn-search {
  width: 18px;
  height: 18px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .search-form .btn-search {
    width: 30px;
    height: 30px;
  }
}

.sub-page .search-form .btn-search svg {
  width: 100%;
  height: 100%;
}

.sub-page .pagination {
  margin-top: 30px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .pagination {
    margin-top: 50px;
  }
}

.sub-page .section-specialist .content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

html.design-edit-page .sub-page .section-specialist .content {
  margin-left: -8px;
  margin-right: -8px;
}

.sub-page .section-specialist .content-row {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-specialist .content-row:has(.thumb-box) {
    min-height: 598px;
    padding-left: calc(450px + 47px);
  }
}

.sub-page .section-specialist .selection.all + .selection.all {
  margin-top: 60px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-specialist .selection.all + .selection.all {
    margin-top: 124px;
  }
}

.sub-page .section-specialist [data-attr="design-util"]:has(> .btn-pink) {
  margin-top: 30px;
}

.sub-page .section-specialist .thumb-box {
  height: 375px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-specialist .thumb-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 450px;
    height: 598px;
  }
}

.sub-page .section-specialist .thumb-box img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-specialist .thumb-box img {
    -o-object-position: left top;
       object-position: left top;
  }
}

.sub-page .section-specialist .thumb-box.is-fill img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center !important;
     object-position: center !important;
}

.sub-page .section-specialist .thumb-box + .profile-area {
  margin-top: 30px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-specialist .thumb-box + .profile-area {
    margin-top: 0;
  }
}

.sub-page .section-specialist .profile-area {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

html:not(.design-edit-page) .sub-page .section-specialist .profile-area .text-box {
  row-gap: 6px;
}

.sub-page .section-specialist .profile-area .specialty {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  color: #164AA0;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-specialist .profile-area .specialty {
    font-size: 18px;
  }
}

.sub-page .section-specialist .profile-area .name {
  font-size: 30px;
  font-weight: 700;
  line-height: 1.2;
  color: #222;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-specialist .profile-area .name {
    font-size: 42px;
  }
}

.sub-page .section-specialist .detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 30px;
  margin-top: 40px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-specialist .detail {
    row-gap: 50px;
  }
}

.sub-page .section-specialist .detail + .detail {
  margin-top: 30px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-specialist .detail + .detail {
    margin-top: 50px;
  }
}

.sub-page .section-specialist .detail-row {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 14px;
}

.sub-page .section-specialist .detail .title {
  -ms-flex-item-align: start;
      align-self: flex-start;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 15px;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 700;
  color: #164AA0;
  text-align: center;
  border-radius: 120px;
  border: 2px solid #164AA0;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-specialist .detail .title {
    padding: 6px 18px;
    font-size: 18px;
  }
}

.sub-page .section-specialist .detail-list {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}

html:not(.design-edit-page) .sub-page .section-specialist .detail-list {
  margin-top: 14px;
}

.sub-page .section-specialist .detail-list li {
  position: relative;
  padding-left: 14px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.57;
  color: #2C2C2C;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-specialist .detail-list li {
    padding-left: 18px;
    font-size: 18px;
  }
}

.sub-page .section-specialist .detail-list li::before {
  content: '';
  position: absolute;
  top: 8px;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #164AA0;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-specialist .detail-list li::before {
    top: 12px;
    width: 5px;
    height: 5px;
  }
}

.sub-page .section-specialist .table {
  border-top: 2px solid #000;
}

html:not(.design-edit-page) .sub-page .section-specialist .table {
  width: 100% !important;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-specialist .table {
    table-layout: fixed;
    overflow-wrap: break-word;
  }
}

.sub-page .section-specialist .table > :not(caption) > * > * {
  padding: 8px 4px;
  border-bottom-width: 0;
  vertical-align: middle;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-specialist .table > :not(caption) > * > * {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}

.sub-page .section-specialist .table th {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  color: #393939;
  background-color: #fff;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-specialist .table th {
    font-size: 18px;
  }
}

.sub-page .section-specialist .table td {
  font-size: 11px;
  font-weight: 400;
  line-height: 1.27;
  color: #393939;
  background-color: #fff;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-specialist .table td {
    font-size: 14px;
  }
}

.sub-page .section-specialist .table td:first-child {
  background-color: #F8F8F8;
}

.sub-page .section-info .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  row-gap: 30px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-info .content {
    position: relative;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    min-height: 497px;
  }
  html:not(.design-edit-page) .sub-page .section-info .content::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    border: 1px solid #E1E1E1;
    pointer-events: none;
  }
}

.sub-page .section-info .content > [class*="-text"] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 60px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-info .content > [class*="-text"] {
    row-gap: 100px;
    width: 50%;
    padding: 30px 35px;
  }
}

.sub-page .section-info .content .text-box {
  row-gap: 18px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-info .content .text-box {
    row-gap: 28px;
  }
}

.sub-page .section-info .content-title {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -0.02em;
  color: #222;
}

.sub-page .section-info .info-item {
  font-size: 16px;
  line-height: 1.2;
  color: #222;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-info .info-item {
    font-size: 18px;
  }
}

.sub-page .section-info .info-item .title {
  font-weight: 700;
  color: #3190FF;
}

.sub-page .section-info .message {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  -webkit-column-gap: 6px;
     -moz-column-gap: 6px;
          column-gap: 6px;
  margin-top: 16px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  color: #F55146;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-info .message {
    font-size: 18px;
  }
}

.sub-page .section-info .message::after {
  content: '';
  display: inline-block;
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: currentColor;
  background-image: url("data:image/svg+xml,%3Csvg width='4' height='14' viewBox='0 0 4 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.15424 7.76208L0.911724 4.08644C0.866252 3.36647 0.843516 2.8587 0.843516 2.5404C0.843516 2.116 0.957195 1.78254 1.17698 1.5476C1.39676 1.31266 1.69232 1.19141 2.0561 1.19141C2.49566 1.19141 2.79122 1.34298 2.93522 1.64612C3.08679 1.94927 3.155 2.38883 3.155 2.9648C3.155 3.30584 3.13984 3.64688 3.10195 3.9955L2.76849 7.77723C2.73059 8.22437 2.65481 8.57299 2.54113 8.81551C2.41987 9.05802 2.23041 9.17928 1.95757 9.17928C1.68474 9.17928 1.4877 9.0656 1.3816 8.83066C1.2755 8.59573 1.19971 8.24711 1.15424 7.76966V7.76208ZM2.00305 12.8094C1.69232 12.8094 1.41949 12.7109 1.18455 12.5063C0.949617 12.3017 0.835938 12.0213 0.835938 11.6575C0.835938 11.3392 0.949617 11.0739 1.1694 10.8466C1.38918 10.6192 1.66201 10.5131 1.98789 10.5131C2.31377 10.5131 2.5866 10.6268 2.81396 10.8466C3.04132 11.0664 3.155 11.3392 3.155 11.6575C3.155 12.0137 3.04132 12.2941 2.80638 12.4987C2.57902 12.7033 2.30619 12.8094 2.00305 12.8094Z' fill='white' stroke='white' stroke-width='0.45' stroke-miterlimit='10'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
}

.sub-page .section-info .tel {
  line-height: 1.2;
  color: #164AA0;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-info .tel {
    font-size: 36px;
  }
}

.sub-page .section-info .thumb-box {
  position: relative;
  height: 223px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-info .thumb-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
  }
}

.sub-page .section-info .thumb-box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.sub-page .section-info .thumb-box[data-ui-role="image"]:not(:has(img))::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #E1E1E1;
  pointer-events: none;
}

.sub-page .section-info[data-feature="tel-extra"] .info-list {
  margin-top: 18px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-info[data-feature="tel-extra"] .info-list {
    margin-top: 28px;
  }
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-info[data-feature="tel-extra"] .tel-area {
    row-gap: 24px;
  }
  html:not(.design-edit-page) .sub-page .section-info[data-feature="tel-extra"] .tel-area + .tel-area {
    margin-top: 20px;
  }
  html:not(.design-edit-page) .sub-page .section-info[data-feature="tel-extra"] .tel-area + .tel-area:not(:has(.title)) {
    margin-top: 12px;
  }
}

.sub-page .section-info[data-feature="tel-extra"] .tel-area .title {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -0.02em;
  color: #222;
}

.sub-page .section-info[data-feature="tel-extra"] .btn-tel-extra {
  color: #000;
  border-color: #D8D8D8;
}

.sub-page .section-info[data-feature="tel-extra"] .btn-tel-extra:hover {
  color: #000;
  border-color: #f0f0f0;
  background-color: #f0f0f0;
}

.sub-page .section-interior .content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 375px;
  padding: 0 20px;
  margin: 0 auto;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-interior .content {
    max-width: 1200px;
    padding: 0 15px;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
  }
}

.sub-page .section-interior .info-box-wrap {
  position: relative;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  min-height: 160px;
  padding: 34px 20px;
  background-color: #6887CB;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-interior .info-box-wrap {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    width: 26.67%;
    min-height: 600px;
    height: 100%;
    padding: 60px 40px;
  }
}

.sub-page .section-interior .info-box-wrap:has(.thumb-box[data-ui-role="image"]) {
  background-color: transparent;
}

.sub-page .section-interior .info-box {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 12px;
  width: 100%;
  height: 100%;
  white-space: pre-wrap;
  overflow-wrap: break-word;
  opacity: 0;
  pointer-events: none;
}

.sub-page .section-interior .info-box.is-visible {
  position: relative;
  z-index: 1;
  opacity: 1;
  pointer-events: auto;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-interior .info-box {
    row-gap: 30px;
  }
}

.sub-page .section-interior .info-box .title {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
  color: #fff;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-interior .info-box .title {
    font-size: 32px;
  }
}

.sub-page .section-interior .info-box .desc {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.43;
  color: #fff;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-interior .info-box .desc {
    padding-bottom: 50px;
    font-size: 20px;
  }
}

.sub-page .section-interior .info-box-wrap .thumb-box {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: inherit;
}

.sub-page .section-interior .swiper-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 18px;
     -moz-column-gap: 18px;
          column-gap: 18px;
  margin-top: 18px;
}

.sub-page .section-interior .swiper-navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 32px;
     -moz-column-gap: 32px;
          column-gap: 32px;
}

.sub-page .section-interior .swiper-button-prev, .sub-page .section-interior .swiper-button-next {
  position: static;
  width: auto;
  height: auto;
  margin-top: 0;
}

.sub-page .section-interior .swiper-button-prev::before, .sub-page .section-interior .swiper-button-next::before {
  content: '';
  display: block;
  width: 9px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.1211 1.06055L2.12109 9.06055L10.1211 17.0605' stroke='%23000' stroke-width='3'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.sub-page .section-interior .swiper-button-prev::after, .sub-page .section-interior .swiper-button-next::after {
  display: none;
}

.sub-page .section-interior .swiper-button-next::before {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}

.sub-page .section-interior .swiper-pagination {
  position: static;
  width: auto;
  font-size: 16px;
  font-weight: 400;
  color: #2C2C2C;
}

.sub-page .section-interior .swiper-controls {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.sub-page .section-interior .gallery-swiper-area {
  position: relative;
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  width: 100%;
  min-height: 224px;
}

.sub-page .section-interior .gallery-swiper-area:has(.swiper-slide) {
  min-height: 0;
}

.sub-page .section-interior .gallery-swiper-area::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  border: 1px solid #E1E1E1;
  pointer-events: none;
}

.sub-page .section-interior .gallery-swiper {
  height: 100%;
}

.sub-page .section-interior .gallery-swiper .thumb-box {
  height: 224px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-interior .gallery-swiper .thumb-box {
    height: 600px;
  }
}

.sub-page .section-interior .gallery-swiper .thumb-box img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.sub-page .section-interior .gallery-swiper .thumb-box.is-fill img {
  -o-object-fit: cover;
     object-fit: cover;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-interior:has(.info-box-wrap) .content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  html:not(.design-edit-page) .sub-page .section-interior:has(.info-box-wrap) .swiper-controls {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    position: absolute;
    bottom: 30px;
    left: 55px;
    width: calc(26.67% - 83px);
    max-width: 237px;
    margin-top: 0;
  }
  html:not(.design-edit-page) .sub-page .section-interior:has(.info-box-wrap) .swiper-navigation {
    -webkit-column-gap: 17px;
       -moz-column-gap: 17px;
            column-gap: 17px;
    width: 100%;
  }
  html:not(.design-edit-page) .sub-page .section-interior:has(.info-box-wrap) .swiper-button-prev, html:not(.design-edit-page) .sub-page .section-interior:has(.info-box-wrap) .swiper-button-next {
    width: calc((100% - 17px) / 2);
    height: 51px;
    border: 1px solid #fff;
  }
  html:not(.design-edit-page) .sub-page .section-interior:has(.info-box-wrap) .swiper-button-prev::before, html:not(.design-edit-page) .sub-page .section-interior:has(.info-box-wrap) .swiper-button-next::before {
    width: 10px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='18' viewBox='0 0 10 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 1L1 9L9 17' stroke='white'/%3E%3C/svg%3E%0A");
  }
  html:not(.design-edit-page) .sub-page .section-interior:has(.info-box-wrap) .swiper-pagination {
    display: none;
  }
  html:not(.design-edit-page) .sub-page .section-interior:has(.info-box-wrap) .gallery-swiper-area {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 73.33%;
  }
  html:not(.design-edit-page) .sub-page .section-interior:has(.info-box-wrap) .gallery-swiper .thumb-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  html:not(.design-edit-page) .sub-page .section-interior:not(:has(.info-box-wrap)) .content {
    max-width: 880px;
  }
  html:not(.design-edit-page) .sub-page .section-interior:not(:has(.info-box-wrap)) .swiper-controls {
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
  }
  html:not(.design-edit-page) .sub-page .section-interior:not(:has(.info-box-wrap)) .swiper-navigation {
    -webkit-column-gap: 45px;
       -moz-column-gap: 45px;
            column-gap: 45px;
  }
  html:not(.design-edit-page) .sub-page .section-interior:not(:has(.info-box-wrap)) .swiper-button-prev::before, html:not(.design-edit-page) .sub-page .section-interior:not(:has(.info-box-wrap)) .swiper-button-next::before {
    width: 12px;
    height: 19px;
  }
  html:not(.design-edit-page) .sub-page .section-interior:not(:has(.info-box-wrap)) .swiper-pagination {
    font-size: 22px;
  }
}

.sub-page .section-directions .map-area {
  height: 224px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-directions .map-area {
    height: 666px;
  }
}

.sub-page .section-directions .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 52px;
  margin-top: 30px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-directions .content {
    row-gap: 90px;
    margin-top: 40px;
  }
}

.sub-page .section-directions .content-header {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: 32px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-directions .content-header {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 0 50px;
  }
  html:not(.design-edit-page) .sub-page .section-directions .content-header:not(:has(.text-box)) {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.sub-page .section-directions .content-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-directions .content-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    -webkit-column-gap: 100px;
       -moz-column-gap: 100px;
            column-gap: 100px;
  }
}

.sub-page .section-directions .content-row .column-left,
.sub-page .section-directions .content-row .column-right {
  min-width: 0;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-directions .content-row .column-left {
    width: 200px;
  }
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-directions .content-row .column-right {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}

html:not(.design-edit-page) .sub-page .section-directions .content-row .column-left:has(.text-box) + .column-right .text-box:first-child {
  margin-top: 15px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-directions .content-row .column-left:has(.text-box) + .column-right .text-box:first-child {
    margin-top: 0;
  }
}

.sub-page .section-directions .content-row .column-left:has(.text-box) + .column-right:not(:has(.text-box + .text-box)) .text-box,
.sub-page .section-directions .content-row .column-left:not(:has(.text-box)) + .column-right .text-box + .text-box,
.sub-page .section-directions .content-row .column-right .text-box + .text-box {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #DFDFDF;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-directions .content-row .column-left:has(.text-box) + .column-right:not(:has(.text-box + .text-box)) .text-box {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
  }
  html:not(.design-edit-page) .sub-page .section-directions .content-row .column-left:not(:has(.text-box)) + .column-right .text-box + .text-box,
  html:not(.design-edit-page) .sub-page .section-directions .content-row .column-right .text-box + .text-box {
    margin-top: 22px;
    padding-top: 22px;
    border-top: 1px solid #BDBDBD;
  }
}

.sub-page .section-directions .content-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 60px;
}

.sub-page .section-directions .content-body:empty {
  display: none;
}

.sub-page .section-directions .content-body .thumb-box {
  position: relative !important;
  inset: auto !important;
}

.sub-page .section-directions .content-body .thumb-box img {
  width: 100%;
  height: auto !important;
  -o-object-fit: initial !important;
     object-fit: initial !important;
}

.sub-page .section-directions .content-body .link-directions {
  position: relative;
  display: block;
}

html:not(.design-edit-page) .sub-page .section-directions .content-body .link-directions::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.2);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}

html:not(.design-edit-page) .sub-page .section-directions .content-body .link-directions:hover::before {
  opacity: 1;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-directions .content-body {
    row-gap: 130px;
  }
  html:not(.design-edit-page) .sub-page .section-directions .content-body .text-box {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

html.design-edit-page .sub-page .section-directions .content-footer {
  margin-top: -22px !important;
}

.sub-page .section-directions .selection.editor mark {
  padding: 4px 8px;
  border-radius: 3px;
}

.sub-page .section-directions .btn-maps {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 151px));
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: 6px;
     -moz-column-gap: 6px;
          column-gap: 6px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-directions .btn-maps {
    grid-template-columns: repeat(2, minmax(0, 222px));
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
  }
}

.sub-page .section-directions .btn-map {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 6px;
     -moz-column-gap: 6px;
          column-gap: 6px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  border-radius: 0;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-directions .btn-map {
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 18px;
  }
}

.sub-page .section-directions .btn-map.kakao {
  color: #2C2E3A;
  border-color: #F7E111;
  background-color: #F7E111;
}

.sub-page .section-directions .btn-map.kakao:hover {
  border-color: #f1dc10;
  background-color: #f1dc10;
}

.sub-page .section-directions .btn-map.naver {
  color: #fff;
  border-color: #0385FF;
  background-color: #0385FF;
}

.sub-page .section-directions .btn-map.naver:hover {
  border-color: #0880f1;
  background-color: #0880f1;
}

.sub-page .section-directions .ico-map {
  width: 13px;
  height: 20px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-directions .ico-map {
    width: 18px;
    height: 27px;
  }
}

.sub-page .section-directions .ico-map svg {
  width: 100%;
  height: 100%;
}

.sub-page .section-subject .content-body .text-box:has(.sub-headline) {
  margin-bottom: 0;
}

.sub-page .section-subject .content-body {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 25px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-subject .content-body {
    row-gap: 35px;
  }
}

.sub-page .section-subject .content-body .thumb-box {
  position: relative !important;
  inset: auto !important;
}

.sub-page .section-subject .content-body .thumb-box img {
  width: 100%;
  height: auto !important;
  -o-object-fit: initial !important;
     object-fit: initial !important;
}

.sub-page .section-subject .content-body .link-subject {
  position: relative;
  display: block;
}

html:not(.design-edit-page) .sub-page .section-subject .content-body .link-subject::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.2);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}

html:not(.design-edit-page) .sub-page .section-subject .content-body .link-subject:hover::before {
  opacity: 1;
}

.sub-page .section-subject .content-body .editor-text {
  font-size: 1em;
  font-weight: 400;
  line-height: 1.45;
  color: #444446;
  text-align: center;
}

html:not(.design-edit-page) .sub-page .section-subject .content-body .table {
  width: 100% !important;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-subject .content-body .table {
    table-layout: fixed;
    overflow-wrap: break-word;
  }
}

.sub-page .section-subject .content-body .table > :not(caption) > * > * {
  padding: 13px 6px;
  border-bottom-width: 0;
  vertical-align: middle;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-subject .content-body .table > :not(caption) > * > * {
    padding-top: 18px;
    padding-bottom: 18px;
  }
}

.sub-page .section-subject .content-body .table th,
.sub-page .section-subject .content-body .table td {
  font-size: 14px;
  line-height: 1.23;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-subject .content-body .table th, html:not(.design-edit-page)
  .sub-page .section-subject .content-body .table td {
    font-size: 18px;
  }
}

.sub-page .section-subject .content-body .table tr:nth-child(1) th {
  background-color: #B69C7B;
}

.sub-page .section-subject .content-body .table tr:nth-child(2) th:nth-child(2n+1) {
  background-color: #76757E;
}

.sub-page .section-subject .content-body .table tr:nth-child(2) th:nth-child(2n) {
  background-color: #C1BAB0;
}

.sub-page .section-subject .content-body .table th {
  font-weight: 500;
  color: #fff;
}

.sub-page .section-subject .content-body .table td {
  font-weight: 400;
  color: #2C2C2C;
  background-color: #fff;
}

.sub-page .section-non-benefit .content-header {
  position: relative;
}

.sub-page .section-non-benefit .tab-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-touch-action: pan-x;
      touch-action: pan-x;
}

.sub-page .section-non-benefit .tab-list::-webkit-scrollbar {
  width: 9px;
  height: 9px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-non-benefit .tab-list::-webkit-scrollbar {
    width: 11px;
    height: 11px;
  }
}

.sub-page .section-non-benefit .tab-list::-webkit-scrollbar-thumb {
  border: 2px solid #fff;
  border-radius: 10px;
  background-color: rgba(20, 27, 43, 0.2);
}

.sub-page .section-non-benefit .tab-list::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #fff;
}

.sub-page .section-non-benefit .tab-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 25%;
}

.sub-page .section-non-benefit .tab-item + .tab-item {
  margin-left: -1px;
}

.sub-page .section-non-benefit .tab-item.is-active .link-tab {
  z-index: 1;
  color: #fff;
  border-color: transparent;
  background-color: #6887CB;
}

.sub-page .section-non-benefit .link-tab {
  position: relative;
  display: block;
  -ms-flex-line-pack: center;
      align-content: center;
  width: 100%;
  height: 100%;
  padding: 10px 8px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
  color: #222;
  text-align: center;
  overflow-wrap: break-word;
  border: 1px solid #D9D9D9;
  background-color: #fff;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-non-benefit .link-tab {
    padding: 17px 12px;
    font-size: 20px;
  }
}

.sub-page .section-non-benefit .table-comment {
  margin-top: 12px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
  color: #505968;
}

html.design-edit-page .sub-page .section-non-benefit .table-comment {
  display: none;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-non-benefit .table-comment {
    display: none;
  }
}

.sub-page .section-non-benefit .content-body {
  position: relative;
  margin-top: 14px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-non-benefit .content-body {
    margin-top: 95px;
  }
}

.sub-page .section-non-benefit .group-search {
  margin-bottom: 34px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-non-benefit .group-search {
    position: absolute;
    top: 0;
    right: 0;
    margin-bottom: 0;
  }
}

.sub-page .section-non-benefit .table-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 15px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-non-benefit .table-area {
    row-gap: 33px;
  }
}

.sub-page .section-non-benefit .table-area + .table-area {
  margin-top: 40px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-non-benefit .table-area + .table-area {
    margin-top: 95px;
  }
  html:not(.design-edit-page) .sub-page .section-non-benefit .table-area + .table-area .table-title {
    width: auto;
    padding-right: 0;
  }
}

.sub-page .section-non-benefit .message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 250px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  color: #828282;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-non-benefit .message {
    min-height: 400px;
    font-size: 18px;
  }
}

.sub-page .section-non-benefit .table-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
  color: #222;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-non-benefit .table-title {
    width: calc(100% - 366px);
    padding-right: 25px;
    font-size: 26px;
  }
}

html:not(.design-edit-page) .sub-page .section-non-benefit .table {
  table-layout: fixed;
  width: 100% !important;
  overflow-wrap: break-word;
}

.sub-page .section-non-benefit .table th,
.sub-page .section-non-benefit .table td {
  font-size: 13px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-non-benefit .table th, html:not(.design-edit-page)
  .sub-page .section-non-benefit .table td {
    font-size: 15px;
  }
}

.sub-page .section-non-benefit .table th {
  font-weight: 500;
  line-height: 1.2;
  color: #2C2C2C;
  background-color: #F6F8FB;
}

.sub-page .section-non-benefit .table td {
  font-weight: 400;
  line-height: 1.5;
  color: #333;
  background-color: #fff;
}

.sub-page .section-non-benefit .table > :not(caption) > * > * {
  padding: 12px 6px;
  border-bottom-width: 0;
  vertical-align: middle;
}

.sub-page .section-board .group-search {
  position: relative;
  margin-bottom: 28px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board .group-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-bottom: 15px;
  }
}

.sub-page .section-board .tag {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #fff;
  white-space: nowrap;
  border-radius: 3px;
  background-color: #164AA0;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board .tag {
    padding: 6px;
    font-size: 16px;
  }
}

.sub-page .section-board .link-list {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 77px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  color: #fff;
  text-align: center;
  border: 1px solid transparent;
  -webkit-transition: background-color .15s ease-in-out;
  transition: background-color .15s ease-in-out;
  background-color: #C0C3CC;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board .link-list {
    width: 126px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 18px;
  }
}

@media (hover: hover) {
  .sub-page .section-board .link-list:hover {
    background-color: #aaadb5;
  }
}

.sub-page .section-board .board-list .message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: clamp(240px, 36svh, 520px);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  color: #828282;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board .board-list .message {
    font-size: 18px;
  }
}

.sub-page .section-board .board-list .tag {
  top: -3px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board .board-list .tag {
    top: -5px;
  }
}

.sub-page .section-board .board-list .table-responsive {
  border-top: 2px solid #1E1E1E;
}

.sub-page .section-board .board-list .table colgroup col:nth-child(3) {
  display: none;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board .board-list .table colgroup col:nth-child(3) {
    display: table-column;
  }
}

.sub-page .section-board .board-list .table th,
.sub-page .section-board .board-list .table td {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  color: #1E1E1E;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board .board-list .table th, html:not(.design-edit-page)
  .sub-page .section-board .board-list .table td {
    font-size: 16px;
  }
}

.sub-page .section-board .board-list .table thead th {
  padding: 14px 4px;
  font-weight: 500;
  letter-spacing: -0.02em;
  white-space: nowrap;
  background-color: #F6F8FB;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board .board-list .table thead th {
    padding: 13px 10px;
  }
}

.sub-page .section-board .board-list .table tbody td {
  padding: 14px 4px;
  letter-spacing: -0.03em;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board .board-list .table tbody td {
    padding: 18px 8px;
  }
}

.sub-page .section-board .board-list .table tbody td[data-col] {
  word-break: break-all;
  overflow-wrap: break-word;
}

.sub-page .section-board .board-list .table tbody td[data-col="title"] a {
  display: block;
  color: inherit;
  text-align: left;
  word-break: break-all;
  overflow-wrap: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  overflow-wrap: break-word;
}

html:not(.design-edit-page) .sub-page .section-board .board-list .table tbody td[data-col="title"] a:hover {
  text-decoration: underline !important;
}

html.design-edit-page .sub-page .section-board .board-list .table tbody td[data-col="title"] a {
  cursor: default;
}

.sub-page .section-board .board-list .table tbody td.text-start a {
  display: block;
  color: inherit;
  text-align: left;
  word-break: break-all;
  overflow-wrap: break-word;
}

html:not(.design-edit-page) .sub-page .section-board .board-list .table tbody td.text-start a:hover {
  text-decoration: underline !important;
}

.sub-page .section-board .board-list .table tbody td.text-start + td {
  display: none;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board .board-list .table tbody td.text-start + td {
    display: table-cell;
  }
}

.sub-page .section-board .board-list:has(.board-card) {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  row-gap: 30px;
  padding: 28px 0;
  border-top: 2px solid #1E1E1E;
  border-bottom: 1px solid #D9D9D9;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board .board-list:has(.board-card) {
    padding: 50px 0;
  }
}

.sub-page .section-board .board-list .board-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  row-gap: 12px;
  height: 100%;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board .board-list .board-card {
    row-gap: 15px;
  }
}

.sub-page .section-board .board-list .board-card .content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  row-gap: 8px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board .board-list .board-card .content {
    row-gap: 20px;
  }
}

.sub-page .section-board .board-list .board-card .title-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
}

.sub-page .section-board .board-list .board-card .title {
  min-width: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  color: #222;
  overflow-wrap: break-word;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board .board-list .board-card .title {
    font-size: 20px;
  }
}

.sub-page .section-board .board-list .board-card .tag {
  letter-spacing: -0.03em;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board .board-list .board-card .tag {
    top: 1px;
    padding: 5px 7px;
    font-size: 14px;
  }
}

.sub-page .section-board .board-list .board-card .info-box {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, -webkit-max-content));
  grid-template-columns: repeat(2, minmax(0, max-content));
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 25px;
     -moz-column-gap: 25px;
          column-gap: 25px;
}

.sub-page .section-board .board-list .board-card .date {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  color: #828282;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board .board-list .board-card .date {
    font-size: 16px;
  }
}

.sub-page .section-board .board-list .board-card .views {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, -webkit-max-content));
  grid-template-columns: repeat(2, minmax(0, max-content));
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-column-gap: 4px;
     -moz-column-gap: 4px;
          column-gap: 4px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  color: #828282;
  overflow-wrap: break-word;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board .board-list .board-card .views {
    -webkit-column-gap: 6px;
       -moz-column-gap: 6px;
            column-gap: 6px;
    font-size: 16px;
  }
}

.sub-page .section-board .board-list .board-card .ico-views {
  width: 1.625em;
  height: 0.75em;
}

.sub-page .section-board .board-list .board-card .ico-views svg {
  width: 100%;
  height: 100%;
}

.sub-page .section-board .board-list .board-card .thumb-box {
  overflow: hidden;
  background-color: #f5f5f5;
}

.sub-page .section-board .board-list .board-card .thumb-box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  will-change: transform;
  -webkit-transition: -webkit-transform 0.32s cubic-bezier(0.2, 0.6, 0.2, 1);
  transition: -webkit-transform 0.32s cubic-bezier(0.2, 0.6, 0.2, 1);
  transition: transform 0.32s cubic-bezier(0.2, 0.6, 0.2, 1);
  transition: transform 0.32s cubic-bezier(0.2, 0.6, 0.2, 1), -webkit-transform 0.32s cubic-bezier(0.2, 0.6, 0.2, 1);
}

html.design-edit-page .sub-page .section-board .board-list .link-board {
  cursor: default;
}

html:not(.design-edit-page) .sub-page .section-board .board-list .link-board:hover .board-card .title {
  text-decoration: underline;
}

@media (hover: hover) {
  html:not(.design-edit-page) .sub-page .section-board .board-list .link-board:hover .board-card .thumb-box img {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
}

.sub-page .section-board.type-list .board-list .table {
  --w-index: 16%;
  --w-title: auto;
  --w-views: 16%;
  --w-date: 21%;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board.type-list .board-list .table {
    --w-index: 16%;
    --w-title: auto;
    --w-views: 14%;
    --w-date: 18%;
  }
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board.type-list .board-list .table:not(:has([data-col="views"])) {
    --w-date: 20%;
  }
}

.sub-page .section-board.type-list .board-list .table th[data-col="index"],
.sub-page .section-board.type-list .board-list .table td[data-col="index"] {
  width: var(--w-index);
}

.sub-page .section-board.type-list .board-list .table th[data-col="category"],
.sub-page .section-board.type-list .board-list .table td[data-col="category"] {
  width: var(--w-category);
}

.sub-page .section-board.type-list .board-list .table th[data-col="title"],
.sub-page .section-board.type-list .board-list .table td[data-col="title"] {
  width: var(--w-title);
}

.sub-page .section-board.type-list .board-list .table th[data-col="state"],
.sub-page .section-board.type-list .board-list .table td[data-col="state"] {
  width: var(--w-state);
  display: none;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board.type-list .board-list .table th[data-col="state"], html:not(.design-edit-page)
  .sub-page .section-board.type-list .board-list .table td[data-col="state"] {
    display: table-cell;
  }
}

.sub-page .section-board.type-list .board-list .table th[data-col="date"],
.sub-page .section-board.type-list .board-list .table td[data-col="date"] {
  width: var(--w-date);
}

.sub-page .section-board.type-list .board-list .table th[data-col="views"],
.sub-page .section-board.type-list .board-list .table td[data-col="views"] {
  width: var(--w-views);
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board.type-video .board-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 80px 42px;
  }
}

.sub-page .section-board.type-video .board-card .thumb-box {
  position: relative;
  width: auto;
  height: auto;
  -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.5%, #000), color-stop(99.5%, #000), to(transparent));
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 0.5%, #000 99.5%, transparent 100%);
          mask-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.5%, #000), color-stop(99.5%, #000), to(transparent));
          mask-image: linear-gradient(to bottom, transparent 0%, #000 0.5%, #000 99.5%, transparent 100%);
}

.sub-page .section-board.type-video .board-card .thumb-box img {
  position: absolute;
  top: 0;
  left: 0;
}

.sub-page .section-board.type-video .board-card .thumb-box::after {
  content: '';
  display: block;
  width: 100%;
  padding-top: 56.25%;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board.type-gallery .board-list {
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 50px 25px;
  }
}

.sub-page .section-board.type-gallery .board-card .thumb-box {
  position: relative;
  width: auto;
  height: auto;
}

.sub-page .section-board.type-gallery .board-card .thumb-box img {
  position: absolute;
  top: 0;
  left: 0;
}

.sub-page .section-board.type-gallery .board-card .thumb-box::after {
  content: '';
  display: block;
  width: 100%;
  padding-top: 58%;
}

.sub-page .section-board.type-slide .content-header {
  position: relative;
  max-width: 900px;
  margin: 0 auto;
}

.sub-page .section-board.type-slide .tab-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 25px;
     -moz-column-gap: 25px;
          column-gap: 25px;
  border-bottom: 1px solid #DDDDDD;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-touch-action: pan-x;
      touch-action: pan-x;
}

.sub-page .section-board.type-slide .tab-list::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}

.sub-page .section-board.type-slide .tab-list::-webkit-scrollbar-thumb {
  height: 30%;
  border-radius: 10px;
  background-color: #D8D8D8;
}

.sub-page .section-board.type-slide .tab-list::-webkit-scrollbar-track {
  background-color: #ededed;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board.type-slide .tab-list {
    -webkit-column-gap: 50px;
       -moz-column-gap: 50px;
            column-gap: 50px;
  }
}

.sub-page .section-board.type-slide .tab-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  margin: 0 -6px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board.type-slide .tab-item {
    margin: 0 -12px;
  }
}

.sub-page .section-board.type-slide .link-tab {
  display: block;
  padding: 0 6px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  color: #222;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board.type-slide .link-tab {
    padding: 0 12px;
    font-size: 18px;
  }
}

.sub-page .section-board.type-slide .link-tab span {
  position: relative;
  display: inline-block;
  padding-bottom: 6px;
  color: inherit;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board.type-slide .link-tab span {
    padding-bottom: 10px;
  }
}

.sub-page .section-board.type-slide .link-tab span::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board.type-slide .link-tab span::before {
    height: 3px;
  }
}

@media (hover: none) {
  .sub-page .section-board.type-slide .tab-item:not(.is-active) .link-tab {
    color: #222 !important;
  }
}

@media (hover: hover) {
  .sub-page .section-board.type-slide .tab-item:not(.is-active) .link-tab:not(:hover) {
    color: #222 !important;
  }
}

.sub-page .section-board.type-slide .tab-item.is-active .link-tab {
  color: #164AA0;
}

.sub-page .section-board.type-slide .tab-item.is-active .link-tab span::before {
  background-color: currentColor;
}

.sub-page .section-board.type-slide .content-body {
  position: relative;
}

.sub-page .section-board.type-slide .content-body:has(.group-swiper) {
  margin: 14px 0 20px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board.type-slide .content-body:has(.group-swiper) {
    margin: 20px 0 0;
  }
}

.sub-page .section-board.type-slide .group-swiper {
  position: relative;
}

.sub-page .section-board.type-slide .group-swiper .swiper {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

.sub-page .section-board.type-slide .group-swiper .swiper .thumb-box {
  border: 1px solid #E1E1E1;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.sub-page .section-board.type-slide .group-swiper .swiper .thumb-box::after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #E1E1E1;
  pointer-events: none;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board.type-slide .main-swiper-area {
    position: relative;
  }
}

.sub-page .section-board.type-slide .main-swiper .swiper-slide .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  row-gap: 15px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board.type-slide .main-swiper .swiper-slide .content {
    row-gap: 40px;
  }
}

.sub-page .section-board.type-slide .main-swiper .swiper-slide .caption-box .text {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.03em;
  color: #333;
  white-space: pre-wrap;
  overflow-wrap: break-word;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board.type-slide .main-swiper .swiper-slide .caption-box .text {
    font-size: 18px;
  }
}

.sub-page .section-board.type-slide .main-swiper .swiper-slide .thumb-box {
  height: 174px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board.type-slide .main-swiper .swiper-slide .thumb-box {
    height: 506px;
  }
}

html:not(.design-edit-page) .sub-page .section-board.type-slide .main-swiper .swiper-slide .thumb-box {
  cursor: pointer;
}

.sub-page .section-board.type-slide .swiper-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 18px;
     -moz-column-gap: 18px;
          column-gap: 18px;
  margin-top: 18px;
}

.sub-page .section-board.type-slide .swiper-navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 32px;
     -moz-column-gap: 32px;
          column-gap: 32px;
}

.sub-page .section-board.type-slide .swiper-button-prev, .sub-page .section-board.type-slide .swiper-button-next {
  position: static;
  width: auto;
  height: auto;
  margin-top: 0;
}

.sub-page .section-board.type-slide .swiper-button-prev::before, .sub-page .section-board.type-slide .swiper-button-next::before {
  content: '';
  display: block;
  width: 9px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.1211 1.06055L2.12109 9.06055L10.1211 17.0605' stroke='%23000' stroke-width='3'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.sub-page .section-board.type-slide .swiper-button-prev::after, .sub-page .section-board.type-slide .swiper-button-next::after {
  display: none;
}

.sub-page .section-board.type-slide .swiper-button-next::before {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}

.sub-page .section-board.type-slide .swiper-pagination {
  position: static;
  width: auto;
  font-size: 16px;
  font-weight: 400;
  color: #2C2C2C;
}

.sub-page .section-board.type-slide .swiper-controls {
  position: absolute;
  top: 100%;
  right: 0;
  width: 100%;
  z-index: 1;
  height: 20px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board.type-slide .swiper-controls {
    top: 253px;
    left: 50%;
    right: auto;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    max-width: 1150px;
    height: auto;
    margin-top: 0;
    pointer-events: none;
  }
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board.type-slide .swiper-navigation {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-column-gap: 0;
       -moz-column-gap: 0;
            column-gap: 0;
    width: 100%;
  }
}

.sub-page .section-board.type-slide .swiper-button-prev, .sub-page .section-board.type-slide .swiper-button-next {
  pointer-events: auto;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board.type-slide .swiper-button-prev, html:not(.design-edit-page) .sub-page .section-board.type-slide .swiper-button-next {
    width: clamp(40px, 8vw, 80px);
    height: clamp(40px, 8vw, 80px);
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.3);
  }
  html:not(.design-edit-page) .sub-page .section-board.type-slide .swiper-button-prev::before, html:not(.design-edit-page) .sub-page .section-board.type-slide .swiper-button-next::before {
    width: clamp(16px, 45%, 30px);
    height: clamp(16px, 45%, 30px);
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.9956 21.0394L0.636655 10.6805L10.9956 0.321531' stroke='%23fff' stroke-width='2' stroke-miterlimit='10'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
}

.sub-page .section-board.type-slide .swiper-button-prev::after, .sub-page .section-board.type-slide .swiper-button-next::after {
  display: none;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board.type-slide .swiper-pagination {
    display: none;
  }
}

.sub-page .section-board.type-slide .thumb-swiper {
  padding-top: 15px;
  margin-top: 15px;
  border-top: 1px solid #D9D9D9;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board.type-slide .thumb-swiper {
    padding-top: 40px;
    margin-top: 40px;
  }
}

.sub-page .section-board.type-slide .thumb-swiper .swiper-slide {
  position: relative;
}

.sub-page .section-board.type-slide .thumb-swiper .swiper-slide::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-box-shadow: inset 0 0 0 .8px transparent, inset 0 0 0 2.25px transparent;
          box-shadow: inset 0 0 0 .8px transparent, inset 0 0 0 2.25px transparent;
  background-color: rgba(0, 0, 0, 0.65);
  pointer-events: none;
  -webkit-transition-property: background-color, -webkit-box-shadow;
  transition-property: background-color, -webkit-box-shadow;
  transition-property: box-shadow, background-color;
  transition-property: box-shadow, background-color, -webkit-box-shadow;
  -webkit-transition-duration: .1s;
          transition-duration: .1s;
}

.sub-page .section-board.type-slide .thumb-swiper .swiper-slide .thumb-box {
  aspect-ratio: 190 / 110;
}

.sub-page .section-board.type-slide .thumb-swiper .swiper-slide:not(.swiper-slide-thumb-active) {
  cursor: pointer;
}

.sub-page .section-board.type-slide .thumb-swiper .swiper-slide-thumb-active::after {
  -webkit-box-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;
          box-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;
  background-color: rgba(0, 0, 0, 0);
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board.type-calendar {
    padding: 50px 0;
  }
}

.sub-page .section-board .board-view .content-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.sub-page .section-board .board-view .content-header:not(:has(.form-fields)) {
  row-gap: 14px;
  padding: 25px 0;
  border-top: 2px solid #1E1E1E;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board .board-view .content-header:not(:has(.form-fields)) {
    row-gap: 20px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 30px 0;
    text-align: center;
  }
}

.sub-page .section-board .board-view .board-title {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-column-gap: 5px;
     -moz-column-gap: 5px;
          column-gap: 5px;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  color: #1E1E1E;
  overflow-wrap: break-word;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board .board-view .board-title {
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
    font-size: 26px;
  }
}

.sub-page .section-board .board-view .board-title .tag {
  top: -2px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board .board-view .board-title .tag {
    top: 2px;
  }
}

.sub-page .section-board .board-view .info-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}

.sub-page .section-board .board-view .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 4px;
     -moz-column-gap: 4px;
          column-gap: 4px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  color: #818181;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board .board-view .info {
    font-size: 16px;
  }
}

.sub-page .section-board .board-view .content-body {
  padding: 45px 0;
  border-width: 1px 0;
  border-style: solid;
  border-color: #D9D9D9;
  font-family: sans-serif;
  font-size: medium;
  line-height: normal;
  color: canvastext;
  word-break: normal;
  overflow-wrap: break-word;
}

.sub-page .section-board .board-view .content-body::after {
  content: '';
  display: block;
  clear: both;
}

.sub-page .section-board .board-view .content-body h1 {
  margin: .67em 0;
  font-size: 2em;
  font-weight: bold;
}

.sub-page .section-board .board-view .content-body h2 {
  margin: .83em 0;
  font-size: 1.5em;
  font-weight: bold;
}

.sub-page .section-board .board-view .content-body h3 {
  margin: 1em 0;
  font-size: 1.17em;
  font-weight: bold;
}

.sub-page .section-board .board-view .content-body h4 {
  font-size: 1em;
  font-weight: bold;
}

.sub-page .section-board .board-view .content-body h5 {
  font-size: 0.83em;
  font-weight: bold;
}

.sub-page .section-board .board-view .content-body h6 {
  font-size: 0.67em;
  font-weight: bold;
}

.sub-page .section-board .board-view .content-body p {
  margin: 1em 0;
}

.sub-page .section-board .board-view .content-body em {
  font-style: italic;
}

.sub-page .section-board .board-view .content-body strong {
  font-weight: bolder;
}

.sub-page .section-board .board-view .content-body ol {
  display: block;
  list-style-type: decimal;
  margin-top: 1em;
  margin-bottom: 1em;
  -webkit-padding-start: 40px;
          padding-inline-start: 40px;
  unicode-bidi: isolate;
}

.sub-page .section-board .board-view .content-body ul {
  display: block;
  list-style-type: disc;
  margin-top: 1em;
  margin-bottom: 1em;
  -webkit-padding-start: 40px;
          padding-inline-start: 40px;
  unicode-bidi: isolate;
}

.sub-page .section-board .board-view .content-body li {
  display: list-item;
  list-style: inherit;
  unicode-bidi: isolate;
}

.sub-page .section-board .board-view .content-body :is(dir, dl, menu, ol, ul) ol {
  margin-top: 0;
  margin-bottom: 0;
}

.sub-page .section-board .board-view .content-body :is(dir, dl, menu, ol, ul) ul {
  margin-top: 0;
  margin-bottom: 0;
}

.sub-page .section-board .board-view .content-body :is(dir, menu, ol, ul) ul {
  list-style-type: circle;
}

.sub-page .section-board .board-view .content-body :is(dir, menu, ol, ul) :is(dir, menu, ol, ul) ul {
  list-style-type: square;
}

.sub-page .section-board .board-view .content-body blockquote {
  margin: 1em 40px;
}

.sub-page .section-board .board-view .content-body tbody,
.sub-page .section-board .board-view .content-body td,
.sub-page .section-board .board-view .content-body tfoot,
.sub-page .section-board .board-view .content-body th,
.sub-page .section-board .board-view .content-body thead,
.sub-page .section-board .board-view .content-body tr {
  border-width: 1px;
}

.sub-page .section-board .board-view .content-body a {
  color: -webkit-link;
  text-decoration: underline;
}

.sub-page .section-board .board-view .content-body figure {
  margin: 1em 40px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board .board-view .content-body {
    padding: 80px 0;
  }
}

.sub-page .section-board .board-view .content-footer {
  display: grid;
  grid-template-columns: minmax(0, auto) minmax(0, 1fr);
  -webkit-column-gap: 34px;
     -moz-column-gap: 34px;
          column-gap: 34px;
  padding: 20px 0;
  border-bottom: 1px solid #D9D9D9;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board .board-view .content-footer {
    padding: 26px 0;
  }
}

.sub-page .section-board .board-view .file-title,
.sub-page .section-board .board-view .file-item a {
  display: block;
  font-size: 14px;
  line-height: 1.43;
  color: #1E1E1E;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board .board-view .file-title, html:not(.design-edit-page)
  .sub-page .section-board .board-view .file-item a {
    font-size: 16px;
  }
}

.sub-page .section-board .board-view .file-title {
  font-weight: 600;
}

.sub-page .section-board .board-view .file-list {
  row-gap: 6px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board .board-view .file-list {
    row-gap: 10px;
  }
}

.sub-page .section-board .board-view .file-item a {
  font-weight: 400;
}

.sub-page .section-board .board-view .link-list-wrap {
  margin-top: 30px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board .board-view .link-list-wrap {
    margin-top: 40px;
  }
}

.sub-page .section-board .board-view .group-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 30px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board .board-view .group-link {
    margin-top: 40px;
  }
}

.sub-page .section-board .board-view .group-link .nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-column-gap: 6px;
     -moz-column-gap: 6px;
          column-gap: 6px;
}

.sub-page .section-board .board-view .link-nav {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 77px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  color: #fff;
  text-align: center;
  border: 1px solid transparent;
  -webkit-transition: background-color .15s ease-in-out;
  transition: background-color .15s ease-in-out;
  color: #505968;
  border: 1px solid #DEE1E6;
  background-color: #fff;
  -webkit-transition-property: color, border-color;
  transition-property: color, border-color;
  -webkit-transition-duration: .1s;
          transition-duration: .1s;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board .board-view .link-nav {
    width: 126px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 18px;
  }
}

@media (hover: hover) {
  .sub-page .section-board .board-view .link-nav:hover {
    color: #333;
    border-color: #c2c2c2;
  }
}

.sub-page .section-board .board-view .link-nav.disabled {
  color: #BDC1C7 !important;
  pointer-events: none;
}

.sub-page .section-board.type-inquiry .board-write .btn-submit, .sub-page .section-board.type-inquiry .board-view .group-link .link-edit {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 77px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  color: #fff;
  text-align: center;
  border: 1px solid transparent;
  -webkit-transition: background-color .15s ease-in-out;
  transition: background-color .15s ease-in-out;
  background-color: #2D46C9;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board.type-inquiry .board-write .btn-submit, html:not(.design-edit-page) .sub-page .section-board.type-inquiry .board-view .group-link .link-edit {
    width: 126px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 18px;
  }
}

@media (hover: hover) {
  .sub-page .section-board.type-inquiry .board-write .btn-submit:hover, .sub-page .section-board.type-inquiry .board-view .group-link .link-edit:hover {
    background-color: #263cab;
  }
}

.sub-page .section-board.type-inquiry [class*="btn-"]:disabled, .sub-page .section-board.type-inquiry [class*="btn-"].disabled,
.sub-page .section-board.type-inquiry [class*="link-"]:disabled,
.sub-page .section-board.type-inquiry [class*="link-"].disabled {
  color: #BDC1C7 !important;
  border-color: #EEEFF1 !important;
  background-color: #EEEFF1 !important;
}

.sub-page .section-board.type-inquiry [class*="btn-"].disabled,
.sub-page .section-board.type-inquiry [class*="link-"].disabled {
  pointer-events: none;
}

.sub-page .section-board.type-inquiry .badge {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.5em 0.55em;
  border-width: 1px;
  border-style: solid;
  border-radius: 0;
  font-size: 12px;
  letter-spacing: -0.04em;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board.type-inquiry .badge {
    font-size: 15px;
  }
}

.sub-page .section-board.type-inquiry .badge.is-pending {
  color: #1E1E1E;
  border-color: #D9D9D9;
  background-color: #EFF0F3;
}

.sub-page .section-board.type-inquiry .badge.is-answered {
  color: #fff;
  border-color: #4D80F5;
  background-color: #4D80F5;
}

.sub-page .section-board.type-inquiry .group-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 12px;
  margin-bottom: 20px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board.type-inquiry .group-search {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    gap: 0 50px;
  }
}

.sub-page .section-board.type-inquiry .group-search .search-form {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.sub-page .section-board.type-inquiry .group-search .form-select {
  font-size: 12px;
  border-radius: 0;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board.type-inquiry .group-search .form-select {
    width: 180px;
    font-size: 16px;
  }
}

.sub-page .section-board.type-inquiry .group-search:has(.form-select) .search-form fieldset {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-column-gap: 5px;
     -moz-column-gap: 5px;
          column-gap: 5px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board.type-inquiry .group-search:has(.form-select) .search-form fieldset {
    -webkit-column-gap: 8px;
       -moz-column-gap: 8px;
            column-gap: 8px;
  }
}

.sub-page .section-board.type-inquiry .btn-write {
  -ms-flex-item-align: end;
      align-self: flex-end;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 0;
  max-width: 100%;
  padding: 10px 14px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.04em;
  color: #1E1E1E;
  text-align: center;
  background-color: #EFF0F3;
}

html.design-edit-page .sub-page .section-board.type-inquiry .btn-write {
  pointer-events: none !important;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board.type-inquiry .btn-write {
    padding: 12px 16px;
    font-size: 16px;
  }
}

.sub-page .section-board.type-inquiry .btn-write .text-box {
  min-width: 0;
}

.sub-page .section-board.type-inquiry .board-list .table {
  --w-index: 16%;
  --w-title: auto;
  --w-state: 22%;
  --w-date: 20%;
  --w-views: 0%;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board.type-inquiry .board-list .table {
    --w-index: 10%;
    --w-title: auto;
    --w-state: 10%;
    --w-date: 10%;
    --w-views: 10%;
  }
}

.sub-page .section-board.type-inquiry .board-list .table:has([data-col="category"]) {
  --w-index: 14%;
  --w-category: 18%;
  --w-title: auto;
  --w-state: 20%;
  --w-date: 20%;
  --w-views: 0%;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board.type-inquiry .board-list .table:has([data-col="category"]) {
    --w-index: 10%;
    --w-category: 14%;
    --w-title: auto;
    --w-state: 10%;
    --w-date: 10%;
    --w-views: 10%;
  }
}

.sub-page .section-board.type-inquiry .board-list .table th[data-col="index"],
.sub-page .section-board.type-inquiry .board-list .table td[data-col="index"] {
  width: var(--w-index);
}

.sub-page .section-board.type-inquiry .board-list .table th[data-col="category"],
.sub-page .section-board.type-inquiry .board-list .table td[data-col="category"] {
  width: var(--w-category);
}

.sub-page .section-board.type-inquiry .board-list .table th[data-col="title"],
.sub-page .section-board.type-inquiry .board-list .table td[data-col="title"] {
  width: var(--w-title);
}

.sub-page .section-board.type-inquiry .board-list .table th[data-col="state"],
.sub-page .section-board.type-inquiry .board-list .table td[data-col="state"] {
  width: var(--w-state);
}

.sub-page .section-board.type-inquiry .board-list .table th[data-col="date"],
.sub-page .section-board.type-inquiry .board-list .table td[data-col="date"] {
  width: var(--w-date);
}

.sub-page .section-board.type-inquiry .board-list .table th[data-col="views"],
.sub-page .section-board.type-inquiry .board-list .table td[data-col="views"] {
  display: none;
  width: var(--w-views);
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board.type-inquiry .board-list .table th[data-col="views"], html:not(.design-edit-page)
  .sub-page .section-board.type-inquiry .board-list .table td[data-col="views"] {
    display: table-cell;
  }
}

.sub-page .section-board.type-inquiry .board-list .table td[data-col="category"] .text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  overflow-wrap: break-word;
}

.sub-page .section-board.type-inquiry .board-list .table td[data-col="title"] a {
  position: relative;
  -ms-flex-line-pack: center;
      align-content: center;
}

.sub-page .section-board.type-inquiry .board-list .table td[data-col="title"].is-secret a {
  min-height: 13px;
  padding-left: 16px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board.type-inquiry .board-list .table td[data-col="title"].is-secret a {
    min-height: 16px;
    padding-left: 19px;
  }
}

.sub-page .section-board.type-inquiry .board-list .table td[data-col="title"].is-secret a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 13px;
  height: 13px;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 14 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.9474 4.21053H10.1053V3.36842C10.1053 2.47506 9.75038 1.61829 9.11868 0.986588C8.48697 0.354886 7.6302 0 6.73684 0C5.84348 0 4.98671 0.354886 4.35501 0.986588C3.72331 1.61829 3.36842 2.47506 3.36842 3.36842V4.21053H2.52632C1.8563 4.21053 1.21372 4.47669 0.739941 4.95047C0.266165 5.42424 0 6.06682 0 6.73684V13.4737C0 14.1437 0.266165 14.7863 0.739941 15.2601C1.21372 15.7338 1.8563 16 2.52632 16H10.9474C11.6174 16 12.26 15.7338 12.7337 15.2601C13.2075 14.7863 13.4737 14.1437 13.4737 13.4737V6.73684C13.4737 6.06682 13.2075 5.42424 12.7337 4.95047C12.26 4.47669 11.6174 4.21053 10.9474 4.21053ZM5.05263 3.36842C5.05263 2.92174 5.23007 2.49336 5.54593 2.1775C5.86178 1.86165 6.29016 1.68421 6.73684 1.68421C7.18352 1.68421 7.61191 1.86165 7.92776 2.1775C8.24361 2.49336 8.42105 2.92174 8.42105 3.36842V4.21053H5.05263V3.36842ZM11.7895 13.4737C11.7895 13.697 11.7008 13.9112 11.5428 14.0691C11.3849 14.2271 11.1707 14.3158 10.9474 14.3158H2.52632C2.30298 14.3158 2.08878 14.2271 1.93086 14.0691C1.77293 13.9112 1.68421 13.697 1.68421 13.4737V6.73684C1.68421 6.5135 1.77293 6.29931 1.93086 6.14138C2.08878 5.98346 2.30298 5.89474 2.52632 5.89474H10.9474C11.1707 5.89474 11.3849 5.98346 11.5428 6.14138C11.7008 6.29931 11.7895 6.5135 11.7895 6.73684V13.4737ZM8 9.66737C7.99938 9.88078 7.94506 10.0906 7.84205 10.2775C7.73903 10.4644 7.59063 10.6224 7.41053 10.7368V11.3516C7.41053 11.5303 7.33955 11.7016 7.21321 11.8279C7.08687 11.9543 6.91551 12.0253 6.73684 12.0253C6.55817 12.0253 6.38682 11.9543 6.26048 11.8279C6.13414 11.7016 6.06316 11.5303 6.06316 11.3516V10.7368C5.88305 10.6224 5.73465 10.4644 5.63164 10.2775C5.52862 10.0906 5.4743 9.88078 5.47368 9.66737C5.47368 9.33236 5.60677 9.01107 5.84365 8.77418C6.08054 8.53729 6.40183 8.40421 6.73684 8.40421C7.07185 8.40421 7.39314 8.53729 7.63003 8.77418C7.86692 9.01107 8 9.33236 8 9.66737Z' fill='%231E1E1E'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board.type-inquiry .board-list .table td[data-col="title"].is-secret a::before {
    width: 16px;
    height: 16px;
  }
}

.sub-page .section-board.type-inquiry .board-write .form-fields {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 16px;
  padding: 16px 0;
  font-size: 14px;
  letter-spacing: -0.02em;
  border-top: 2px solid #1E1E1E;
  border-bottom: 1px solid #D9D9D9;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board.type-inquiry .board-write .form-fields {
    row-gap: 0;
    padding: 0;
  }
}

.sub-page .section-board.type-inquiry .board-write .form-field {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  row-gap: 8px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board.type-inquiry .board-write .form-field {
    grid-template-columns: 160px minmax(0, 1fr);
    row-gap: 0;
  }
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board.type-inquiry .board-write .form-field .field-label {
    padding: 12px 18px;
    background-color: #F9FAFC;
  }
}

.sub-page .section-board.type-inquiry .board-write .form-field .field-label .design-help .help-box {
  max-width: 250px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board.type-inquiry .board-write .form-field .field-label .design-help .help-box {
    max-width: none;
  }
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board.type-inquiry .board-write .form-field .field-control {
    padding: 12px 0 12px 18px;
  }
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board.type-inquiry .board-write .form-field:first-child .field-label, html:not(.design-edit-page)
  .sub-page .section-board.type-inquiry .board-write .form-field:first-child .field-control {
    padding-top: 24px;
  }
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board.type-inquiry .board-write .form-field:last-child .field-label, html:not(.design-edit-page)
  .sub-page .section-board.type-inquiry .board-write .form-field:last-child .field-control {
    padding-bottom: 24px;
  }
}

.sub-page .section-board.type-inquiry .board-write .form-field.password + .form-field.password {
  position: relative;
  padding-bottom: 16px;
  border-bottom: 1px solid #D9D9D9;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board.type-inquiry .board-write .form-field.password + .form-field.password {
    padding-bottom: 0;
    border-bottom: 0;
  }
}

.sub-page .section-board.type-inquiry .board-write .form-field.password + .form-field.password::after {
  display: none;
  content: '';
  position: absolute;
  bottom: 12px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  height: 1px;
  background-color: #D9D9D9;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board.type-inquiry .board-write .form-field.password + .form-field.password::after {
    display: block;
  }
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board.type-inquiry .board-write .form-field.password + .form-field.password .field-label, html:not(.design-edit-page)
  .sub-page .section-board.type-inquiry .board-write .form-field.password + .form-field.password .field-control {
    padding-bottom: 36px;
  }
}

.sub-page .section-board.type-inquiry .board-write .form-field.content .field-control textarea {
  width: 100%;
  min-height: 300px;
  border: 1px solid #D8D8D8;
  background-color: #fff;
  border-radius: 5px;
  outline: none;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board.type-inquiry .board-write .field-label {
    font-size: 16px;
  }
}

.sub-page .section-board.type-inquiry .board-write .col-form-label {
  padding: 0;
  font-size: inherit;
  font-weight: 600;
  line-height: inherit;
  color: #1E1E1E;
}

.sub-page .section-board.type-inquiry .board-write .form-control,
.sub-page .section-board.type-inquiry .board-write .text-count,
.sub-page .section-board.type-inquiry .board-write .form-select,
.sub-page .section-board.type-inquiry .board-write .form-check-label {
  font-size: inherit;
  line-height: 1.5;
}

.sub-page .section-board.type-inquiry .board-write .form-control,
.sub-page .section-board.type-inquiry .board-write .form-select {
  padding: 8px 12px;
}

.sub-page .section-board.type-inquiry .board-write .form-control,
.sub-page .section-board.type-inquiry .board-write .form-check-label {
  color: #1E1E1E;
}

.sub-page .section-board.type-inquiry .board-write .form-field.is-invalid .field-control .form-control {
  border-color: #F73A3A !important;
}

.sub-page .section-board.type-inquiry .board-write .form-field.is-invalid.content .field-control textarea,
.sub-page .section-board.type-inquiry .board-write .form-field.is-invalid.content .field-control .tox.tox-tinymce {
  border-color: #F73A3A !important;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board.type-inquiry .board-write .form-field.password .form-control, html:not(.design-edit-page)
  .sub-page .section-board.type-inquiry .board-write .form-field.category .form-select {
    max-width: 380px;
  }
}

.sub-page .section-board.type-inquiry .board-write .is-error {
  padding-left: 0;
}

.sub-page .section-board.type-inquiry .board-write .form-check-label {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.sub-page .section-board.type-inquiry .board-write .form-check-input {
  top: auto;
}

.sub-page .section-board.type-inquiry .board-write .form-select {
  padding-right: 28px;
  background-position: right 14px center;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.79241 6.58001C5.3921 7.10002 4.6079 7.10002 4.20759 6.58001L1.04322 2.46937C0.537026 1.8118 1.00579 0.859374 1.83563 0.859374L8.16437 0.859375C8.99421 0.859375 9.46298 1.8118 8.95678 2.46937L5.79241 6.58001Z' fill='%231E1E1E'/%3E%3C/svg%3E%0A");
}

.sub-page .section-board.type-inquiry .board-write .form-select option {
  color: #1E1E1E;
}

.sub-page .section-board.type-inquiry .board-write .form-select:not(:required:invalid) {
  color: #1E1E1E;
}

.sub-page .section-board.type-inquiry .board-write .form-actions {
  display: grid;
  grid-template-columns: minmax(0, -webkit-max-content) minmax(0, 1fr) minmax(0, -webkit-max-content);
  grid-template-columns: minmax(0, max-content) minmax(0, 1fr) minmax(0, max-content);
  row-gap: 12px;
  margin-top: 30px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board.type-inquiry .board-write .form-actions {
    margin-top: 40px;
  }
}

.sub-page .section-board.type-inquiry .board-write .form-action {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 77px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  color: #fff;
  text-align: center;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board.type-inquiry .board-write .form-action {
    width: 126px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 18px;
  }
}

.sub-page .section-board.type-inquiry .board-write .link-list {
  grid-column: 1;
}

.sub-page .section-board.type-inquiry .board-write .btn-submit {
  grid-column: 3;
}

.sub-page .section-board.type-inquiry .board-write .btn-submit + .remark {
  grid-column: 1 / -1;
  justify-self: flex-end;
}

.sub-page .section-board.type-inquiry .board-view .private-guide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: 30px;
  min-height: clamp(240px, 36svh, 520px);
  border-width: 1px 0;
  border-style: solid;
  border-color: #D9D9D9;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board.type-inquiry .board-view .private-guide {
    row-gap: 45px;
  }
}

.sub-page .section-board.type-inquiry .board-view .private-guide .title {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: #71767A;
  text-align: center;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board.type-inquiry .board-view .private-guide .title {
    font-size: 18px;
  }
}

.sub-page .section-board.type-inquiry .board-view .private-guide .btn-verify {
  padding: 8px 10px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: #fff;
  text-align: center;
  background-color: #415DED;
  -webkit-transition: background-color .1s;
  transition: background-color .1s;
}

@media (hover: hover) {
  .sub-page .section-board.type-inquiry .board-view .private-guide .btn-verify:hover {
    background-color: #3a55dc;
  }
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board.type-inquiry .board-view .private-guide .btn-verify {
    padding: 10px 12px;
    font-size: 15px;
  }
}

.sub-page .section-board.type-inquiry .board-view .content-header {
  row-gap: 12px;
  font-size: 14px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board.type-inquiry .board-view .content-header {
    row-gap: 15px;
    font-size: 16px;
  }
}

.sub-page .section-board.type-inquiry .board-view .content-header .badge {
  padding: 0.65em 1em;
  font-size: inherit;
}

.sub-page .section-board.type-inquiry .board-view .content-header .form-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-areas: "title title" "category writer" "date views";
  width: 100%;
  border-top: 2px solid #1E1E1E;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board.type-inquiry .board-view .content-header .form-fields {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-areas: "title title category" "writer date views";
  }
}

.sub-page .section-board.type-inquiry .board-view .content-header .form-fields:not(:has(.form-field.category)) {
  grid-template-areas: "title title" "writer writer" "date views";
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board.type-inquiry .board-view .content-header .form-fields:not(:has(.form-field.category)) {
    grid-template-areas: "title title title" "writer date views";
  }
  html:not(.design-edit-page) .sub-page .section-board.type-inquiry .board-view .content-header .form-fields:not(:has(.form-field.category)) .form-field:nth-child(n+2) {
    border-top: 1px solid #D9D9D9;
  }
}

.sub-page .section-board.type-inquiry .board-view .content-header .form-fields:not(:has(.form-field.category)):not(:has(.form-field.writer)) {
  grid-template-areas: "title title" "date views";
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board.type-inquiry .board-view .content-header .form-fields:not(:has(.form-field.category)):not(:has(.form-field.writer)) {
    grid-template-areas: "title title title" "date date views";
  }
}

.sub-page .section-board.type-inquiry .board-view .content-header .form-fields:not(:has(.form-field.writer)) {
  grid-template-areas: "title title" "category category" "date views";
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board.type-inquiry .board-view .content-header .form-fields:not(:has(.form-field.writer)) {
    grid-template-areas: "title title category" "date date views";
  }
}

.sub-page .section-board.type-inquiry .board-view .content-header .form-field {
  display: grid;
  grid-template-columns: minmax(0, 60px) minmax(0, 1fr);
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board.type-inquiry .board-view .content-header .form-field {
    grid-template-columns: minmax(0, 120px) minmax(0, 1fr);
  }
}

.sub-page .section-board.type-inquiry .board-view .content-header .form-field.title {
  grid-area: title;
}

.sub-page .section-board.type-inquiry .board-view .content-header .form-field.category {
  grid-area: category;
}

.sub-page .section-board.type-inquiry .board-view .content-header .form-field.writer {
  grid-area: writer;
}

.sub-page .section-board.type-inquiry .board-view .content-header .form-field.date {
  grid-area: date;
}

.sub-page .section-board.type-inquiry .board-view .content-header .form-field.views {
  grid-area: views;
}

.sub-page .section-board.type-inquiry .board-view .content-header .form-field:nth-child(n+2) {
  border-top: 1px solid #D9D9D9;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board.type-inquiry .board-view .content-header .form-field:nth-child(n+2) {
    border-top: 0;
  }
  html:not(.design-edit-page) .sub-page .section-board.type-inquiry .board-view .content-header .form-field:nth-child(n+3) {
    border-top: 1px solid #D9D9D9;
  }
}

.sub-page .section-board.type-inquiry .board-view .content-header .form-field .field-label,
.sub-page .section-board.type-inquiry .board-view .content-header .form-field .field-control {
  padding: 15px 8px;
  font-size: inherit;
  line-height: 1.3;
  letter-spacing: -0.02em;
  color: #1E1E1E;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board.type-inquiry .board-view .content-header .form-field .field-label, html:not(.design-edit-page)
  .sub-page .section-board.type-inquiry .board-view .content-header .form-field .field-control {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.sub-page .section-board.type-inquiry .board-view .content-header .form-field .field-label {
  font-weight: 600;
  text-align: center;
  background-color: #F6F8FB;
}

.sub-page .section-board.type-inquiry .board-view .content-header .form-field .field-control {
  font-weight: 400;
  text-align: left;
  overflow-wrap: break-word;
}

.sub-page .section-board.type-inquiry .board-view .content-header .form-field.date .form-value {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 2px 4px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board.type-inquiry .board-view .content-header .form-field.date .form-value {
    -webkit-column-gap: 8px;
       -moz-column-gap: 8px;
            column-gap: 8px;
  }
}

.sub-page .section-board.type-inquiry .board-view .accordion-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 10px;
}

.sub-page .section-board.type-inquiry .board-view .accordion-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
  padding: 12px 14px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.33;
  color: #0E69C3;
  letter-spacing: -0.02em;
  border-radius: 0;
  background-color: #E2EFFC;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board.type-inquiry .board-view .accordion-button {
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
    padding: 14px 18px;
    font-size: 16px;
  }
}

.sub-page .section-board.type-inquiry .board-view .accordion-button::after {
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='15' cy='15' r='14.5' transform='rotate(-180 15 15)' stroke='%230E69C3'/%3E%3Cpath d='M20.9014 13.0313L14.9997 18.9329L9.09809 13.0312' stroke='%230E69C3' stroke-width='2.5' stroke-miterlimit='10'/%3E%3C/svg%3E");
  background-size: contain;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board.type-inquiry .board-view .accordion-button::after {
    width: 32px;
    height: 32px;
  }
}

.sub-page .section-board.type-inquiry .board-view .accordion-button .ico-check {
  width: 15px;
  height: 15px;
  color: currentColor;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board.type-inquiry .board-view .accordion-button .ico-check {
    width: 20px;
    height: 20px;
  }
}

.sub-page .section-board.type-inquiry .board-view .accordion-button .ico-check svg {
  width: 100%;
  height: 100%;
}

.sub-page .section-board.type-inquiry .board-view .accordion-body {
  padding: 0;
}

.sub-page .section-board.type-inquiry .board-view .view-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 35px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board.type-inquiry .board-view .view-content {
    row-gap: 85px;
  }
}

.sub-page .section-board.type-inquiry .board-view .group-link .form-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-column-gap: 6px;
     -moz-column-gap: 6px;
          column-gap: 6px;
}

.sub-page .section-board.type-inquiry .board-view .group-link .btn-delete {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 77px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  color: #fff;
  text-align: center;
  border: 1px solid transparent;
  -webkit-transition: background-color .15s ease-in-out;
  transition: background-color .15s ease-in-out;
  color: #2D46C9;
  border-color: #2D46C9;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board.type-inquiry .board-view .group-link .btn-delete {
    width: 126px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 18px;
  }
}

@media (hover: hover) {
  .sub-page .section-board.type-inquiry .board-view .group-link .btn-delete:hover {
    color: #fff;
    background-color: #2D46C9;
  }
}

.sub-page .section-reservation {
  color: #1E1E1E;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-reservation:has(.tab-panels:not(.d-none)):has(.tab-panel.is-active[data-panel="schedule"]) {
    background-color: #F6F6F6;
  }
}

.sub-page .section-reservation [class*="btn-"]:not(.btn-time):disabled {
  color: #BDC1C7 !important;
  border-color: #EEEFF1 !important;
  background-color: #EEEFF1 !important;
}

.sub-page .section-reservation .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 20px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-reservation .content {
    row-gap: 36px;
  }
}

.sub-page .section-reservation .content-body {
  position: relative;
}

.sub-page .section-reservation .content-header {
  position: relative;
}

.sub-page .section-reservation .tab-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-touch-action: pan-x;
      touch-action: pan-x;
}

.sub-page .section-reservation .tab-list::-webkit-scrollbar {
  width: 9px;
  height: 9px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-reservation .tab-list::-webkit-scrollbar {
    width: 11px;
    height: 11px;
  }
}

.sub-page .section-reservation .tab-list::-webkit-scrollbar-thumb {
  border: 2px solid #fff;
  border-radius: 10px;
  background-color: rgba(20, 27, 43, 0.2);
}

.sub-page .section-reservation .tab-list::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #fff;
}

.sub-page .section-reservation .tab-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 25%;
}

.sub-page .section-reservation .tab-item + .tab-item {
  margin-left: -1px;
}

.sub-page .section-reservation .tab-item.is-active .btn-tab {
  z-index: 1;
  color: #fff;
  border-color: transparent;
  background-color: #6887CB;
}

.sub-page .section-reservation .btn-tab {
  position: relative;
  display: block;
  -ms-flex-line-pack: center;
      align-content: center;
  width: 100%;
  height: 100%;
  padding: 10px 8px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
  color: #222;
  text-align: center;
  overflow-wrap: break-word;
  border: 1px solid #D9D9D9;
  background-color: #fff;
}

.sub-page .section-reservation .tab-item:not(.is-active) .btn-tab {
  color: #222 !important;
  border-color: #D9D9D9 !important;
  background-color: #fff !important;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-reservation .btn-tab {
    padding: 14px 10px;
    font-size: 16px;
  }
}

.sub-page .section-reservation .tab-panel:not(.is-active) {
  display: none;
}

.sub-page .section-reservation .setup-guide {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: clamp(320px, 50vh, 85vh);
  row-gap: 12px;
  padding: 0 30px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-reservation .setup-guide {
    row-gap: 20px;
  }
}

.sub-page .section-reservation .setup-guide .title {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.45;
  letter-spacing: -0.02em;
  text-align: center;
  word-break: keep-all;
  color: #1E1E1E;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-reservation .setup-guide .title {
    font-size: 22px;
  }
}

.sub-page .section-reservation .setup-guide .title::before {
  content: '';
  display: block;
  width: 28px;
  height: 28px;
  margin: 0 auto 12px;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 40 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M35.0259 37.953H4.97629C2.233 37.953 0 35.72 0 32.9768V9.68722C0 6.94394 2.233 4.71094 4.97629 4.71094H35.0259C37.7692 4.71094 40.0022 6.94394 40.0022 9.68722V32.9789C40.0022 35.7222 37.7692 37.9552 35.0259 37.9552V37.953ZM4.97629 6.75858C3.36259 6.75858 2.04765 8.07135 2.04765 9.68722V32.9789C2.04765 34.5926 3.36041 35.9076 4.97629 35.9076H35.0259C36.6396 35.9076 37.9545 34.5948 37.9545 32.9789V9.68722C37.9545 8.07353 36.6418 6.75858 35.0259 6.75858H4.97629Z' fill='%231E1E1E'/%3E%3Cpath d='M38.9777 13.3125H1.02539V15.3601H38.9777V13.3125Z' fill='%231E1E1E'/%3E%3Cpath d='M8.80468 11.7407C7.93678 11.7407 7.23242 11.0364 7.23242 10.1685V1.57226C7.23242 0.704356 7.93678 0 8.80468 0C9.67259 0 10.3769 0.704356 10.3769 1.57226V10.1685C10.3769 11.0364 9.67259 11.7407 8.80468 11.7407Z' fill='white'/%3E%3Cpath d='M8.80616 9.6923C8.24137 9.6923 7.78125 9.23436 7.78125 8.66738V3.07179C7.78125 2.507 8.23919 2.04688 8.80616 2.04688C9.37314 2.04688 9.83108 2.50482 9.83108 3.07179V8.66956C9.83108 9.23436 9.37314 9.69448 8.80616 9.69448V9.6923Z' fill='%231E1E1E'/%3E%3Cpath d='M31.1953 11.7407C32.0632 11.7407 32.7676 11.0364 32.7676 10.1685V1.57226C32.7676 0.704356 32.0632 0 31.1953 0C30.3274 0 29.623 0.704356 29.623 1.57226V10.1685C29.623 11.0364 30.3274 11.7407 31.1953 11.7407Z' fill='white'/%3E%3Cpath d='M31.1948 9.6923C31.7596 9.6923 32.2197 9.23436 32.2197 8.66738V3.07179C32.2197 2.507 31.7618 2.04688 31.1948 2.04688C30.6279 2.04688 30.1699 2.50482 30.1699 3.07179V8.66956C30.1699 9.23436 30.6279 9.69448 31.1948 9.69448V9.6923Z' fill='%231E1E1E'/%3E%3Cpath d='M20.0019 11.7407C20.8699 11.7407 21.5742 11.0364 21.5742 10.1685V1.57226C21.5742 0.704356 20.8699 0 20.0019 0C19.134 0 18.4297 0.704356 18.4297 1.57226V10.1685C18.4297 11.0364 19.134 11.7407 20.0019 11.7407Z' fill='white'/%3E%3Cpath d='M20.0015 9.6923C20.5663 9.6923 21.0264 9.23436 21.0264 8.66738V3.07179C21.0264 2.507 20.5685 2.04688 20.0015 2.04688C19.4345 2.04688 18.9766 2.50482 18.9766 3.07179V8.66956C18.9766 9.23436 19.4345 9.69448 20.0015 9.69448V9.6923Z' fill='%231E1E1E'/%3E%3Cpath d='M19.7084 32.2218C19.4118 32.2218 19.1284 32.0932 18.9343 31.8664L13.3365 25.3811C12.968 24.9536 13.0138 24.306 13.4433 23.9375C13.8708 23.5689 14.5184 23.6147 14.8869 24.0443L19.6234 29.5331L27.6918 17.9842C28.0168 17.5197 28.6535 17.4085 29.118 17.7313C29.5825 18.0562 29.6959 18.6929 29.3709 19.1574L20.548 31.7857C20.367 32.0452 20.0769 32.2065 19.7607 32.2218C19.7433 32.2218 19.7259 32.2218 19.7084 32.2218Z' fill='%231E1E1E'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-reservation .setup-guide .title::before {
    width: 45px;
    height: 45px;
    margin-bottom: 18px;
  }
}

.sub-page .section-reservation .setup-guide .desc {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.45;
  letter-spacing: -0.02em;
  text-align: center;
  word-break: keep-all;
  color: #1E1E1E;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-reservation .setup-guide .desc {
    font-size: 18px;
  }
}

.sub-page .section-reservation .verify-guide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: clamp(320px, 50vh, 85vh);
  row-gap: 25px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-reservation .verify-guide {
    row-gap: 45px;
  }
}

.sub-page .section-reservation .verify-guide .title {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: -0.02em;
  text-align: center;
  word-break: keep-all;
  color: #71767A;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-reservation .verify-guide .title {
    font-size: 20px;
  }
}

.sub-page .section-reservation .verify-guide .btn-verify {
  min-width: 90px;
  padding: 10px 15px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: #fff;
  background-color: #415DED;
}

html.design-edit-page .sub-page .section-reservation .verify-guide .btn-verify {
  pointer-events: none !important;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-reservation .verify-guide .btn-verify {
    min-width: 160px;
    padding: 14px 12px;
    font-size: 18px;
  }
}

.sub-page .section-reservation .reservation-schedule .reservation-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 60px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-reservation .reservation-schedule .reservation-form {
    row-gap: 36px;
  }
}

.sub-page .section-reservation .reservation-schedule .schedule-groups {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  row-gap: 48px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-reservation .reservation-schedule .schedule-groups {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 36px;
  }
}

.sub-page .section-reservation .reservation-schedule .group-schedule {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 24px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-reservation .reservation-schedule .group-schedule {
    row-gap: 30px;
  }
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-reservation .reservation-schedule .group-schedule {
    padding: 30px 40px;
    overflow: hidden;
    border-radius: 12px;
    border: 1px solid #EAEAEA;
    background-color: #fff;
  }
}

.sub-page .section-reservation .reservation-schedule .title-box {
  padding-bottom: 8px;
  border-bottom: 1px solid currentColor;
}

.sub-page .section-reservation .reservation-schedule .schedule-title {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-reservation .reservation-schedule .schedule-title {
    font-size: 20px;
  }
}

.sub-page .section-reservation .reservation-schedule .form-fields,
.sub-page .section-reservation .reservation-schedule .schedule-settings {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 24px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-reservation .reservation-schedule .form-fields, html:not(.design-edit-page)
  .sub-page .section-reservation .reservation-schedule .schedule-settings {
    row-gap: 38px;
  }
}

.sub-page .section-reservation .reservation-schedule .form-field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 8px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-reservation .reservation-schedule .form-field {
    row-gap: 12px;
  }
}

.sub-page .section-reservation .reservation-schedule .form-field.is-invalid .form-control,
.sub-page .section-reservation .reservation-schedule .form-field.is-invalid .form-select {
  border-color: #F73A3A !important;
}

.sub-page .section-reservation .reservation-schedule .field-label .col-form-label {
  max-width: 100%;
  padding: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -0.03em;
  overflow-wrap: break-word;
  cursor: default;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-reservation .reservation-schedule .field-label .col-form-label {
    font-size: 16px;
  }
}

.sub-page .section-reservation .reservation-schedule .field-label .form-title::after {
  display: none;
}

.sub-page .section-reservation .reservation-schedule .form-field .form-select {
  min-height: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -0.03em;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.79241 6.58001C5.3921 7.10002 4.6079 7.10002 4.20759 6.58001L1.04322 2.46937C0.537026 1.8118 1.00579 0.859374 1.83563 0.859374L8.16437 0.859375C8.99421 0.859375 9.46298 1.8118 8.95678 2.46937L5.79241 6.58001Z' fill='%231E1E1E'/%3E%3C/svg%3E%0A");
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-reservation .reservation-schedule .form-field .form-select {
    font-size: 14px;
  }
}

.sub-page .section-reservation .reservation-schedule .form-field .form-select option {
  color: #1E1E1E;
}

.sub-page .section-reservation .reservation-schedule .form-field .form-select:not(:required:invalid) {
  color: #1E1E1E;
}

.sub-page .section-reservation .reservation-schedule .form-field[data-field="patient-type"] .type-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  -webkit-column-gap: 6px;
     -moz-column-gap: 6px;
          column-gap: 6px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-reservation .reservation-schedule .form-field[data-field="patient-type"] .type-options {
    grid-template-columns: repeat(2, 130px);
    -webkit-column-gap: 6px;
       -moz-column-gap: 6px;
            column-gap: 6px;
  }
}

.sub-page .section-reservation .reservation-schedule .form-field[data-field="patient-type"] .type-options .btn-type {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 10px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -0.03em;
  text-align: center;
  border: 1px solid #D8D8D8;
  border-radius: 5px;
  background-color: #fff;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-reservation .reservation-schedule .form-field[data-field="patient-type"] .type-options .btn-type {
    font-size: 14px;
  }
}

.sub-page .section-reservation .reservation-schedule .form-field[data-field="patient-type"] .type-options .btn-type.is-selected {
  color: #415DED;
  border-color: #415DED;
  background-color: #EFEFFF;
}

.sub-page .section-reservation .reservation-schedule .form-field[data-field="detail"] .field-control {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.sub-page .section-reservation .reservation-schedule .form-field[data-field="detail"] .detail-options-container {
  position: relative;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-reservation .reservation-schedule .form-field[data-field="detail"] .detail-options-container {
    display: block !important;
    min-height: 120px;
    max-height: 400px;
    padding: 12px;
    overflow-y: auto;
    border: 1px solid #D8D8D8;
    border-radius: 5px;
    background-color: #fff;
  }
  html:not(.design-edit-page) .sub-page .section-reservation .reservation-schedule .form-field[data-field="detail"] .detail-options-container::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }
  html:not(.design-edit-page) .sub-page .section-reservation .reservation-schedule .form-field[data-field="detail"] .detail-options-container::-webkit-scrollbar-thumb {
    height: 30%;
    border-radius: 10px;
    background-color: #D8D8D8;
  }
  html:not(.design-edit-page) .sub-page .section-reservation .reservation-schedule .form-field[data-field="detail"] .detail-options-container::-webkit-scrollbar-track {
    background-color: #ededed;
  }
}

.sub-page .section-reservation .reservation-schedule .form-field[data-field="detail"] .detail-options {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 6px;
  padding: 12px 12px 24px;
  border: 1px solid #D8D8D8;
  border-radius: 5px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-reservation .reservation-schedule .form-field[data-field="detail"] .detail-options {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    padding: 0;
    border: 0;
    border-radius: 0;
  }
}

.sub-page .section-reservation .reservation-schedule .form-field[data-field="detail"] .detail-options .form-check-label {
  padding: 9px 10px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -0.03em;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-reservation .reservation-schedule .form-field[data-field="detail"] .detail-options .form-check-label {
    font-size: 14px;
  }
}

.sub-page .section-reservation .reservation-schedule .form-field[data-field="detail"] .btn-more {
  width: 100%;
  -webkit-transition-property: max-height, opacity, -webkit-transform;
  transition-property: max-height, opacity, -webkit-transform;
  transition-property: max-height, transform, opacity;
  transition-property: max-height, transform, opacity, -webkit-transform;
  -webkit-transition-duration: .15s, .25s, .2s;
          transition-duration: .15s, .25s, .2s;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-reservation .reservation-schedule .form-field[data-field="detail"] .btn-more {
    display: none !important;
  }
}

.sub-page .section-reservation .reservation-schedule .form-field[data-field="detail"] .btn-more .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 40px;
  padding: 10px 28px 10px 12px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -0.03em;
  color: #BDC1C7;
  border: 1px solid #D8D8D8;
  border-radius: 5px;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.79241 6.58001C5.3921 7.10002 4.6079 7.10002 4.20759 6.58001L1.04322 2.46937C0.537026 1.8118 1.00579 0.859374 1.83563 0.859374L8.16437 0.859375C8.99421 0.859375 9.46298 1.8118 8.95678 2.46937L5.79241 6.58001Z' fill='%231E1E1E'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 12px auto;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-reservation .reservation-schedule .form-field[data-field="detail"] .btn-more .inner {
    font-size: 14px;
  }
}

.sub-page .section-reservation .reservation-schedule .form-field[data-field="detail"] .btn-fold {
  position: absolute;
  top: calc(100% - (16px + 12px));
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  padding: 12px 12px;
  opacity: 0;
  pointer-events: none;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-reservation .reservation-schedule .form-field[data-field="detail"] .btn-fold {
    display: none !important;
  }
}

.sub-page .section-reservation .reservation-schedule .form-field[data-field="detail"] .btn-fold .inner {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 6px;
     -moz-column-gap: 6px;
          column-gap: 6px;
  height: 32px;
  padding: 10px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -0.03em;
  color: #1E1E1E;
  border-radius: 30px;
  border: 1px solid #D8D8D8;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#fbfbfb));
  background: linear-gradient(to bottom, #ffffff, #fbfbfb);
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.025), 0 1px 0 rgba(255, 255, 255, 0.85) inset;
          box-shadow: 0 2px 3px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.025), 0 1px 0 rgba(255, 255, 255, 0.85) inset;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-reservation .reservation-schedule .form-field[data-field="detail"] .btn-fold .inner {
    font-size: 14px;
  }
}

.sub-page .section-reservation .reservation-schedule .form-field[data-field="detail"] .btn-fold .inner::after {
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.79241 6.58001C5.3921 7.10002 4.6079 7.10002 4.20759 6.58001L1.04322 2.46937C0.537026 1.8118 1.00579 0.859374 1.83563 0.859374L8.16437 0.859375C8.99421 0.859375 9.46298 1.8118 8.95678 2.46937L5.79241 6.58001Z' fill='%231E1E1E'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.sub-page .section-reservation .reservation-schedule .form-field[data-field="detail"]:has(.detail-options-container.show) .btn-more, .sub-page .section-reservation .reservation-schedule .form-field[data-field="detail"]:has(.detail-options-container.collapsing) .btn-more {
  max-height: 0;
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
  opacity: 0;
  pointer-events: none;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.sub-page .section-reservation .reservation-schedule .form-field[data-field="detail"]:has(.detail-options-container.show) .btn-fold {
  opacity: 1;
  pointer-events: auto;
}

.sub-page .section-reservation .reservation-schedule .form-field[data-field="detail"]:has(.detail-options-container.collapse:not(.show)) .btn-more {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.sub-page .section-reservation .reservation-schedule .schedule-settings:has(.available-content):not(:has(.btn-time)) {
  row-gap: 0;
}

.sub-page .section-reservation .reservation-schedule .calendar-content {
  min-height: calc(var(--fc-table-height) + 100px);
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-reservation .reservation-schedule .available-content {
    margin: 0 -12px;
  }
}

.sub-page .section-reservation .reservation-schedule .available-content .time-options {
  gap: 6px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-reservation .reservation-schedule .available-content .time-options {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 6px;
    max-height: 400px;
    padding: 0 12px;
    overflow-y: auto;
  }
  html:not(.design-edit-page) .sub-page .section-reservation .reservation-schedule .available-content .time-options::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }
  html:not(.design-edit-page) .sub-page .section-reservation .reservation-schedule .available-content .time-options::-webkit-scrollbar-thumb {
    height: 30%;
    border-radius: 10px;
    background-color: #D8D8D8;
  }
  html:not(.design-edit-page) .sub-page .section-reservation .reservation-schedule .available-content .time-options::-webkit-scrollbar-track {
    background-color: #ededed;
  }
}

.sub-page .section-reservation .reservation-schedule .available-content .time-options .btn-time {
  padding: 10px 5px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -0.03em;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-reservation .reservation-schedule .available-content .time-options .btn-time {
    font-size: 14px;
  }
}

.sub-page .section-reservation .reservation-schedule .form-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: 12px;
}

.sub-page .section-reservation .reservation-schedule .btn-reserve {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 10px 12px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.03em;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  background-color: #2D46C9;
}

.sub-page .section-reservation .reservation-schedule .btn-reserve.disabled {
  color: #BDC1C7 !important;
  background-color: #ECECEC !important;
  pointer-events: auto !important;
}

html.design-edit-page .sub-page .section-reservation .reservation-schedule .btn-reserve {
  pointer-events: none !important;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-reservation .reservation-schedule .btn-reserve {
    max-width: 270px;
    padding: 14px 12px;
    font-size: 18px;
    border-radius: 8px;
  }
}

.sub-page .section-reservation .reservation-history .history-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 30px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-reservation .reservation-history .history-content {
    row-gap: 50px;
  }
}

.sub-page .section-reservation .reservation-history .info-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 8px;
  border: 1px solid #D9D9D9;
  padding: 8px 12px;
  background-color: #fff;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-reservation .reservation-history .info-area {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0 15px;
  }
}

.sub-page .section-reservation .reservation-history .info-list {
  display: grid;
  grid-template-columns: none;
  gap: 12px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-reservation .reservation-history .info-list {
    grid-template-columns: repeat(2, minmax(0, -webkit-max-content));
    grid-template-columns: repeat(2, minmax(0, max-content));
    gap: 50px;
  }
}

.sub-page .section-reservation .reservation-history .info-item {
  display: grid;
  grid-template-columns: 70px minmax(0, 1fr);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-column-gap: 12px;
     -moz-column-gap: 12px;
          column-gap: 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -0.03em;
  color: inherit;
  overflow-wrap: break-word;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-reservation .reservation-history .info-item {
    grid-template-columns: minmax(0, -webkit-max-content) minmax(0, 1fr);
    grid-template-columns: minmax(0, max-content) minmax(0, 1fr);
    -webkit-column-gap: 50px;
       -moz-column-gap: 50px;
            column-gap: 50px;
    font-size: 16px;
  }
}

.sub-page .section-reservation .reservation-history .info-item .value {
  font-weight: 600;
}

.sub-page .section-reservation .reservation-history .info-area .btn-lookup {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-item-align: end;
      align-self: flex-end;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 10px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  color: #505968;
  letter-spacing: -0.03em;
  border: 1px solid #DEE1E6;
  background-color: #fff;
  text-align: center;
  -webkit-transition: border-color .1s;
  transition: border-color .1s;
}

@media (hover: hover) {
  .sub-page .section-reservation .reservation-history .info-area .btn-lookup:hover {
    color: #333;
    border-color: #c2c2c2;
  }
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-reservation .reservation-history .info-area .btn-lookup {
    -ms-flex-item-align: start;
        align-self: flex-start;
    padding: 10px 15px;
    font-size: 16px;
  }
}

.sub-page .section-reservation .reservation-history .table-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 12px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-reservation .reservation-history .table-area {
    row-gap: 15px;
  }
}

.sub-page .section-reservation .reservation-history .table-title {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.25;
  color: #1E1E1E;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-reservation .reservation-history .table-title {
    font-size: 20px;
  }
}

.sub-page .section-reservation .reservation-history .table-responsive {
  border-top: 2px solid #1E1E1E;
}

.sub-page .section-reservation .reservation-history .table {
  --w-index: 15%;
  --w-patient-type: 0%;
  --w-visit-date: 25%;
  --w-summary: 35%;
  --w-reserved-date: 0%;
  --w-state: 25%;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-reservation .reservation-history .table {
    --w-index: 8%;
    --w-patient-type: 10%;
    --w-visit-date: 16%;
    --w-summary: 30%;
    --w-reserved-date: 16%;
    --w-state: 20%;
  }
}

.sub-page .section-reservation .reservation-history .table th,
.sub-page .section-reservation .reservation-history .table td {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  color: #1E1E1E;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-reservation .reservation-history .table th, html:not(.design-edit-page)
  .sub-page .section-reservation .reservation-history .table td {
    font-size: 16px;
  }
}

.sub-page .section-reservation .reservation-history .table thead th {
  padding: 14px 4px;
  font-weight: 500;
  letter-spacing: -0.02em;
  white-space: nowrap;
  background-color: #F6F8FB;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-reservation .reservation-history .table thead th {
    padding: 13px 10px;
  }
}

.sub-page .section-reservation .reservation-history .table tbody td {
  padding: 14px 4px;
  letter-spacing: -0.03em;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-reservation .reservation-history .table tbody td {
    padding: 18px 8px;
  }
}

.sub-page .section-reservation .reservation-history .table tbody td[data-col] {
  word-break: break-all;
  overflow-wrap: break-word;
}

.sub-page .section-reservation .reservation-history .table th[data-col="index"],
.sub-page .section-reservation .reservation-history .table td[data-col="index"] {
  width: var(--w-index);
}

.sub-page .section-reservation .reservation-history .table th[data-col="patient-type"],
.sub-page .section-reservation .reservation-history .table td[data-col="patient-type"] {
  width: var(--w-patient-type);
  display: none;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-reservation .reservation-history .table th[data-col="patient-type"], html:not(.design-edit-page)
  .sub-page .section-reservation .reservation-history .table td[data-col="patient-type"] {
    display: table-cell;
  }
}

.sub-page .section-reservation .reservation-history .table th[data-col="visit-date"],
.sub-page .section-reservation .reservation-history .table td[data-col="visit-date"] {
  width: var(--w-visit-date);
}

.sub-page .section-reservation .reservation-history .table th[data-col="summary"],
.sub-page .section-reservation .reservation-history .table td[data-col="summary"] {
  width: var(--w-summary);
}

.sub-page .section-reservation .reservation-history .table th[data-col="reserved-date"],
.sub-page .section-reservation .reservation-history .table td[data-col="reserved-date"] {
  width: var(--w-reserved-date);
  display: none;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-reservation .reservation-history .table th[data-col="reserved-date"], html:not(.design-edit-page)
  .sub-page .section-reservation .reservation-history .table td[data-col="reserved-date"] {
    display: table-cell;
  }
}

.sub-page .section-reservation .reservation-history .table th[data-col="state"],
.sub-page .section-reservation .reservation-history .table td[data-col="state"] {
  width: var(--w-state);
}

.sub-page .section-reservation .reservation-history .table td[data-col] {
  word-break: break-all;
  overflow-wrap: break-word;
}

.sub-page .section-reservation .reservation-history .table td[data-col] .content-box {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  row-gap: 2px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-reservation .reservation-history .table td[data-col] .content-box {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-column-gap: 8px;
       -moz-column-gap: 8px;
            column-gap: 8px;
  }
}

.sub-page .section-reservation .reservation-history .table td .state[class*="is-"] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.sub-page .section-reservation .reservation-history .table td .state[class*="is-"]::before {
  content: "(";
}

.sub-page .section-reservation .reservation-history .table td .state[class*="is-"]::after {
  content: ")";
}

.sub-page .section-reservation .reservation-history .table td[data-col="visit-date"] .date,
.sub-page .section-reservation .reservation-history .table td[data-col="visit-date"] .time {
  font-weight: 600 !important;
  color: inherit !important;
}

.sub-page .section-reservation .reservation-history .table td[data-col="summary"] .summary-list {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 4px 5px;
}

.sub-page .section-reservation .reservation-history .table td[data-col="summary"] .summary-list:has(.summary-item + .summary-item) .summary-item:not(:last-child)::after {
  content: "/";
}

.sub-page .section-reservation .reservation-history .table td[data-col="summary"] .summary-item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 4px 5px;
}

.sub-page .section-reservation .reservation-history .table td[data-col="summary"] .summary-item[data-field="detail"] {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.sub-page .section-reservation .reservation-history .table td[data-col="reserved-date"] .content-box {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.sub-page .section-reservation .reservation-history .table td[data-col="reserved-date"] .state.is-modified {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.sub-page .section-reservation .reservation-history .table td[data-col="state"] .content-box:has(.state.is-canceled) {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.sub-page .section-reservation .reservation-history .table td[data-col="state"] .content-box:has(.btn-state) {
  row-gap: 4px;
}

.sub-page .section-reservation .reservation-history .table td[data-col="state"] .btn-state {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 64px;
  padding: 6px 8px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  color: inherit;
  text-align: center;
  letter-spacing: -0.04em;
  border: 1px solid transparent;
  -webkit-transition-property: border-color, background-color;
  transition-property: border-color, background-color;
  -webkit-transition-duration: .1s;
          transition-duration: .1s;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-reservation .reservation-history .table td[data-col="state"] .btn-state {
    width: 74px;
    padding: 10px 6px;
    font-size: 15px;
  }
}

.sub-page .section-reservation .reservation-history .table td[data-col="state"] .btn-state.is-modified {
  color: #fff;
  border-color: #4D80F5;
  background-color: #4D80F5;
}

@media (hover: hover) {
  .sub-page .section-reservation .reservation-history .table td[data-col="state"] .btn-state.is-modified:hover {
    border-color: #4372e1;
    background-color: #4372e1;
  }
}

.sub-page .section-reservation .reservation-history .table td[data-col="state"] .btn-state.is-canceled {
  color: #1E1E1E;
  border-color: #D9D9D9;
  background-color: #EFF0F3;
}

@media (hover: hover) {
  .sub-page .section-reservation .reservation-history .table td[data-col="state"] .btn-state.is-canceled:hover {
    background-color: #dfe2e9;
  }
}

.sub-page .section-reservation .reservation-history .table td[data-col="state"] .date + .state.is-canceled {
  color: #ff0000;
}

/* fullcalendar - board */
.sub-page .section-board.type-calendar {
  --fc-small-font-size: 12px;
  --fc-neutral-bg-color: transparent;
  --fc-border-color: #E5E5E5;
  --fc-button-text-color: #1E1E1E;
  --fc-button-bg-color: #fff;
  --fc-button-border-color: transparent;
  --fc-button-hover-bg-color: transparent;
  --fc-button-hover-border-color: transparent;
  --fc-button-active-bg-color: transparent;
  --fc-button-active-border-color: transparent;
  --fc-event-bg-color: #4959E2;
  --fc-event-border-color: #4959E2;
  --fc-event-text-color: #fff;
  --fc-today-bg-color: transparent;
  --fc-event-selected-overlay-color: transparent;
}

.sub-page .section-board.type-calendar .fc-header-toolbar {
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: 12px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board.type-calendar .fc-header-toolbar {
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
    margin-bottom: 24px;
  }
}

.sub-page .section-board.type-calendar .fc-header-toolbar .fc-toolbar-chunk:has(.fc-toolbar-title) {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}

.sub-page .section-board.type-calendar .fc-header-toolbar .fc-toolbar-chunk:has(.fc-prev-button) {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.sub-page .section-board.type-calendar .fc-header-toolbar .fc-toolbar-chunk:has(.fc-next-button) {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.sub-page .section-board.type-calendar .fc-toolbar-title {
  min-width: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  color: #1E1E1E;
  text-align: center;
  overflow-wrap: break-word;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board.type-calendar .fc-toolbar-title {
    font-size: 26px;
  }
}

.sub-page .section-board.type-calendar .fc-toolbar-chunk .fc-button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 25px;
  height: 25px;
  padding: 0;
  font-size: 15px;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
  -webkit-transition-duration: .15s;
          transition-duration: .15s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board.type-calendar .fc-toolbar-chunk .fc-button {
    width: 30px;
    height: 30px;
  }
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board.type-calendar .fc-toolbar-chunk .fc-button {
    font-size: 22px;
  }
}

.sub-page .section-board.type-calendar .fc-col-header-cell-cushion,
.sub-page .section-board.type-calendar .fc-daygrid-day-number {
  font-size: 11px;
  line-height: 1;
  color: #5E5E5E;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board.type-calendar .fc-col-header-cell-cushion, html:not(.design-edit-page)
  .sub-page .section-board.type-calendar .fc-daygrid-day-number {
    font-size: 14px;
  }
}

.sub-page .section-board.type-calendar .fc-col-header-cell-cushion {
  padding: 6px;
  font-weight: 500;
  letter-spacing: -0.04em;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board.type-calendar .fc-col-header-cell-cushion {
    padding: 12px;
  }
}

.sub-page .section-board.type-calendar .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
  min-height: 60px;
  margin: 0;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board.type-calendar .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
    min-height: 126px;
  }
}

.sub-page .section-board.type-calendar .fc-daygrid-day-top {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.sub-page .section-board.type-calendar .fc-daygrid-day-number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 18px;
  height: 18px;
  padding: 0;
  margin: 2px;
  font-weight: 400;
  border-radius: 50%;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board.type-calendar .fc-daygrid-day-number {
    width: 24px;
    height: 24px;
  }
}

.sub-page .section-board.type-calendar .fc-daygrid-day.fc-day-sun .fc-daygrid-day-number {
  color: #ff0000;
}

.sub-page .section-board.type-calendar .fc-daygrid-day.fc-day-today .fc-daygrid-day-number {
  color: #fff !important;
  background-color: #000 !important;
}

.sub-page .section-board.type-calendar .fc-daygrid-more-link {
  float: right;
  margin: 1px 0;
  font-size: 9px;
  font-weight: 400;
  letter-spacing: -0.04em;
  color: #1E1E1E;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board.type-calendar .fc-daygrid-more-link {
    margin: 4px 0;
    font-size: 14px;
  }
}

html.design-edit-page .sub-page .section-board.type-calendar .fc-daygrid-more-link {
  pointer-events: none;
}

.sub-page .section-board.type-calendar .fc-event {
  line-height: 1;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: pointer;
}

html.design-edit-page .sub-page .section-board.type-calendar .fc-event {
  pointer-events: none;
}

.sub-page .section-board.type-calendar .fc-event .fc-event-title {
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: -0.04em;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board.type-calendar .fc-event .fc-event-title {
    padding-left: 4px;
    padding-right: 4px;
  }
}

html:not(.design-edit-page) .sub-page .section-board.type-calendar .fc-event:hover .fc-event-title, html:not(.design-edit-page) .sub-page .section-board.type-calendar .fc-event:active .fc-event-title, html:not(.design-edit-page) .sub-page .section-board.type-calendar .fc-event:focus .fc-event-title {
  text-decoration: underline;
}

.sub-page .section-board.type-calendar .fc-view .fc-event-title {
  font-size: 8px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-board.type-calendar .fc-view .fc-event-title {
    font-size: var(--fc-small-font-size);
  }
}

.sub-page .section-board.type-calendar .fc-popover {
  z-index: 200;
  width: 250px;
  border: none;
  border-radius: 10px;
  -webkit-box-shadow: 0px 4px 15px 0px #00000040;
          box-shadow: 0px 4px 15px 0px #00000040;
}

.sub-page .section-board.type-calendar .fc-popover .fc-popover-header {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 18px 15px 11px;
}

.sub-page .section-board.type-calendar .fc-popover .fc-popover-title {
  min-width: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.285;
  color: #5E5E5E;
  overflow-wrap: break-word;
}

.sub-page .section-board.type-calendar .fc-popover .fc-popover-close {
  position: relative;
  top: -5px;
  right: -5px;
  font-size: 25px;
  color: #222;
  opacity: 1;
}

.sub-page .section-board.type-calendar .fc-popover .fc-popover-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 5px;
  min-width: 0;
  padding: 11px 15px 18px;
}

.sub-page .section-board.type-calendar .fc-popover .fc-more-popover-misc {
  display: none;
}

.sub-page .section-board.type-calendar .fc-popover .fc-event {
  margin: 0 !important;
  border-radius: 3px;
}

.sub-page .section-board.type-calendar .fc-popover .fc-event-title {
  white-space: normal;
  overflow-wrap: break-word;
}

/* fullcalendar - reservation */
.sub-page .section-reservation {
  --fc-table-height: 300px;
  --fc-small-font-size: 12px;
  --fc-neutral-bg-color: transparent;
  --fc-border-color: transparent;
  --fc-button-text-color: #1E1E1E;
  --fc-button-bg-color: #fff;
  --fc-button-border-color: transparent;
  --fc-button-hover-bg-color: transparent;
  --fc-button-hover-border-color: transparent;
  --fc-button-active-bg-color: transparent;
  --fc-button-active-border-color: transparent;
  --fc-event-bg-color: #4959E2;
  --fc-event-border-color: #4959E2;
  --fc-event-text-color: #fff;
  --fc-today-bg-color: transparent;
  --fc-daygrid-day-number-padding-y: 8px;
  --fc-event-selected-overlay-color: transparent;
}

.sub-page .section-reservation .fc-col-header,
.sub-page .section-reservation .fc-daygrid-body {
  width: 100% !important;
}

.sub-page .section-reservation .fc-header-toolbar {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  margin-bottom: 15px;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-reservation .fc-header-toolbar {
    -webkit-column-gap: 15px;
       -moz-column-gap: 15px;
            column-gap: 15px;
    margin-bottom: 24px;
  }
}

.sub-page .section-reservation .fc-header-toolbar .fc-toolbar-chunk:has(.fc-toolbar-title) {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.sub-page .section-reservation .fc-header-toolbar .fc-toolbar-chunk:has(.fc-prev-button) {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}

.sub-page .section-reservation .fc-header-toolbar .fc-toolbar-chunk:has(.fc-next-button) {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.sub-page .section-reservation .fc-toolbar-title {
  min-width: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  color: #1E1E1E;
  overflow-wrap: break-word;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-reservation .fc-toolbar-title {
    font-size: 22px;
  }
}

.sub-page .section-reservation .fc-toolbar-chunk .fc-button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 28px;
  height: 28px;
  padding: 0;
  font-size: 16px;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
  -webkit-transition-duration: .15s;
          transition-duration: .15s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

.sub-page .section-reservation .fc-toolbar-chunk .fc-button:disabled {
  opacity: .3;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-reservation .fc-toolbar-chunk .fc-button {
    font-size: 22px;
  }
}

html.design-edit-page .sub-page .section-reservation .fc-scrollgrid {
  pointer-events: none;
}

.sub-page .section-reservation .fc-scrollgrid-sync-table {
  width: 100% !important;
  height: var(--fc-table-height);
}

.sub-page .section-reservation .fc-col-header-cell-cushion,
.sub-page .section-reservation .fc-daygrid-day-number {
  font-size: 14px;
  line-height: 1.2;
  color: #1E1E1E;
}

.sub-page .section-reservation .fc-col-header-cell-cushion {
  padding: 12px;
  margin-bottom: var(--fc-daygrid-day-number-padding-y);
  font-weight: 500;
  letter-spacing: -0.03em;
}

.sub-page .section-reservation .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
  min-height: 0;
  margin: 0;
}

.sub-page .section-reservation .fc-daygrid-day-top {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.sub-page .section-reservation .fc-daygrid-day-number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 35px;
  padding: var(--fc-daygrid-day-number-padding-y) 8px;
  font-weight: 400;
  border-radius: 5px;
  cursor: pointer;
}

@media screen and (min-width: 1024px) {
  html:not(.design-edit-page) .sub-page .section-reservation .fc-daygrid-day-number {
    min-width: 40px;
  }
}

.sub-page .section-reservation .fc-daygrid-day.fc-day-sun .fc-daygrid-day-number {
  color: #ff0000;
}

.sub-page .section-reservation .fc-daygrid-day.is-selected .fc-daygrid-day-number {
  font-weight: 700 !important;
  color: #fff !important;
  background-color: #415DED !important;
}

/* design-edit-page */
#layout-wrapper:has(> .device-desktop, > .device-mobile) {
  min-width: 1024px;
}

html.design-edit-page body {
  background-color: #F5F5F8;
}

html.design-edit-page .device-mobile .template-content {
  margin-left: 253px;
}

html.design-edit-page .device-desktop .sidebar {
  display: none !important;
}

html.design-edit-page .device-desktop .toolbar .tooltip-bubble {
  display: none;
}

html.design-edit-page .toolbar {
  position: sticky;
  top: 0;
  z-index: 209;
  height: 72px;
  border-bottom: 1px solid #e3e5e9;
  background-color: #fff;
}

html.design-edit-page .toolbar .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  padding: 0 30px;
}

html.design-edit-page .toolbar .btn-menu-area {
  width: calc(253px - 31px);
}

html.design-edit-page .toolbar .btn-group-container {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

html.design-edit-page .toolbar .btn-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 17px;
     -moz-column-gap: 17px;
          column-gap: 17px;
  font-size: 18px;
  font-weight: 700;
  color: #505968;
}

html.design-edit-page .toolbar .btn-wrap {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-column-gap: 14px;
     -moz-column-gap: 14px;
          column-gap: 14px;
  padding: 6px 10px;
  border-radius: 8px;
  background-color: #F5F5F8;
  border: 1px solid #EAEEF1;
}

html.design-edit-page .toolbar .ico-undo {
  width: 17px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='18' viewBox='0 0 17 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.91959 10.6262L1.85938 6.10144L5.954 1.42188' stroke='%23505968' stroke-width='2' stroke-miterlimit='10'/%3E%3Cpath d='M2.25408 6.02344H10.796C13.6519 6.02344 15.9573 8.33742 15.9573 11.1847C15.9573 14.0406 13.6433 16.346 10.796 16.346H1.27344' stroke='%23505968' stroke-width='2' stroke-miterlimit='10'/%3E%3C/svg%3E%0A");
}

html.design-edit-page .toolbar .ico-redo {
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.9485 10.6262L16.0001 6.10144L11.9141 1.42188' stroke='%23505968' stroke-width='2' stroke-miterlimit='10'/%3E%3Cpath d='M15.6095 6.02344H7.06754C4.21163 6.02344 1.90625 8.33742 1.90625 11.1847C1.90625 14.0406 4.22023 16.346 7.06754 16.346H9.72561H10.3536H16.5987' stroke='%23505968' stroke-width='2' stroke-miterlimit='10'/%3E%3C/svg%3E%0A");
}

html.design-edit-page .toolbar .btn-group .btn {
  z-index: auto !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 0;
  border: 1px solid #EAEEF1;
  background-color: #F5F5F8;
  -webkit-transition: none;
  transition: none;
}

html.design-edit-page .toolbar .btn-group.action {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

html.design-edit-page .toolbar .btn-group.action::before, html.design-edit-page .toolbar .btn-group.action::after {
  content: '';
  display: inline-block;
  width: 1px;
  height: 24px;
  background-color: #E3E5E9;
}

html.design-edit-page .toolbar .btn-group.action::before {
  margin-right: 18px;
}

html.design-edit-page .toolbar .btn-group.action::after {
  margin: 0 18px;
}

html.design-edit-page .toolbar .btn-group.action .btn:disabled {
  opacity: .65 !important;
}

html.design-edit-page .toolbar .btn-group.device .btn {
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
  font-size: 12px;
  font-weight: 500;
  color: #505968;
}

html.design-edit-page .toolbar .btn-group.device .btn.is-active {
  color: #fff;
  border-color: #2D46C9;
  background-color: #2D46C9;
}

html.design-edit-page .toolbar .tooltip-bubble {
  position: absolute;
  top: -5px;
  left: 300px;
  max-width: 185px;
  background-color: #00AEEF;
}

html.design-edit-page .toolbar .tooltip-bubble::before {
  top: 50%;
  left: -12px;
  -webkit-transform: translateY(-50%) translateZ(0);
          transform: translateY(-50%) translateZ(0);
  border-color: transparent #00AEEF transparent transparent;
}

html.design-edit-page .toolbar .link-preview {
  font-size: 14px;
  font-weight: 700;
}

html.design-edit-page .toolbar .btn-temp-save {
  color: #2D46C9;
  background-color: #EFF0F3;
}

html.design-edit-page .sidebar {
  position: fixed;
  top: 72px;
  left: 0;
  z-index: 208;
  width: 253px;
  height: 100%;
  overflow-y: auto;
  background-color: #F5F5F8;
}

html.design-edit-page .sidebar::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

html.design-edit-page .sidebar::-webkit-scrollbar-thumb {
  height: 30%;
  border-radius: 10px;
  background-color: #D8D8D8;
}

html.design-edit-page .sidebar::-webkit-scrollbar-track {
  background-color: #ededed;
}

html.design-edit-page .sidebar .inner {
  padding: 50px 30px 120px;
}

html.design-edit-page .sidebar .headline {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  color: #505968;
}

html.design-edit-page .sidebar .template-type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 16px;
}

html.design-edit-page .sidebar .template.is-active .link-template {
  color: #2D46C9;
}

html.design-edit-page .sidebar .template.is-active .link-template::before {
  opacity: 1;
}

html.design-edit-page .sidebar .template.is-active .link-template .tag {
  background-color: #2D46C9;
}

html.design-edit-page .sidebar .link-template {
  position: relative;
  display: block;
  padding: 18px 16px;
  color: #505968;
  word-break: keep-all;
  border-radius: 12px;
  background-color: #fff;
  -webkit-transition: color .3s;
  transition: color .3s;
}

html.design-edit-page .sidebar .link-template::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 2px solid #2D46C9;
  border-radius: inherit;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}

html.design-edit-page .sidebar .link-template:hover {
  color: #2D46C9;
}

html.design-edit-page .sidebar .link-template:hover::before {
  opacity: 1;
}

html.design-edit-page .sidebar .link-template:hover .tag {
  background-color: #2D46C9;
}

html.design-edit-page .sidebar .link-template .text-box {
  row-gap: 9px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 97px;
  cursor: inherit;
}

html.design-edit-page .sidebar .link-template .title {
  font-size: 18px;
  font-weight: 900;
  line-height: 1.2;
  text-align: center;
}

html.design-edit-page .sidebar .link-template .desc {
  font-size: 11px;
  font-weight: 400;
  line-height: 1.45;
  letter-spacing: -0.02em;
}

html.design-edit-page .sidebar .link-template .tip {
  font-size: 8px;
  font-weight: 400;
  letter-spacing: -0.02em;
}

html.design-edit-page .sidebar .link-template .tag {
  position: absolute;
  top: -8px;
  left: 12px;
  padding: 4px;
  font-size: 9px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.02em;
  color: #fff;
  border-radius: 4px;
  background-color: #505968;
  -webkit-transition: background-color .3s;
  transition: background-color .3s;
}

html.design-edit-page .sidebar-menu {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 210;
  width: 253px;
  height: 100%;
  overflow-y: auto;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  pointer-events: none;
  background-color: #F9FAFC;
  -webkit-transition: -webkit-transform .5s;
  transition: -webkit-transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s;
}

html.design-edit-page .sidebar-menu::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

html.design-edit-page .sidebar-menu::-webkit-scrollbar-thumb {
  height: 30%;
  border-radius: 10px;
  background-color: #D8D8D8;
}

html.design-edit-page .sidebar-menu::-webkit-scrollbar-track {
  background-color: #ededed;
}

html.design-edit-page .modal .sidebar-menu {
  position: static;
  width: auto;
  -webkit-transform: none;
          transform: none;
  pointer-events: auto;
  background-color: transparent;
}

html.design-edit-page .sidebar-menu.is-open {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  pointer-events: auto;
}

html.design-edit-page .sidebar-menu .inner {
  padding: 16px 22px;
}

html.design-edit-page .sidebar-menu .btn-outline-gray {
  padding: 6px 8px;
  border-radius: 3px;
}

html.design-edit-page .sidebar-menu .menu-list-wrap {
  margin-top: 33px;
}

html.design-edit-page .sidebar-menu .menu-list-wrap .message {
  font-size: 10px;
  font-weight: 400;
  line-height: 1.2;
  color: #505968;
  word-break: keep-all;
}

html.design-edit-page .sidebar-menu .menu-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 7px;
  margin-bottom: 0;
}

html.design-edit-page .sidebar-menu .menu-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 7px;
}

html.design-edit-page .sidebar-menu .menu-item.home {
  cursor: auto;
}

html.design-edit-page .sidebar-menu .menu-item .box {
  position: relative;
  padding: 0 15px;
  border: 1px solid #EDEDF3;
  border-radius: 6px;
  overflow: hidden;
  background-color: #F2F2F6;
}

html.design-edit-page .sidebar-menu .menu-item.required .box {
  border-color: #F5F2DB;
  background-color: #FAF7DF;
}

html.design-edit-page .sidebar-menu .menu-item.new .box {
  border-color: #E0ECFA;
  background-color: #E5F1FF;
}

html.design-edit-page .sidebar-menu .menu-item.is-active .box {
  border-color: #2D46C9;
  background-color: #E1E8FF;
}

html.design-edit-page .sidebar-menu .menu-item.is-inactive .box {
  border-color: #EDEDF3 !important;
  background-color: rgba(0, 0, 0, 0.3) !important;
}

html.design-edit-page .sidebar-menu .menu-item.js-dragging .box {
  border: 1px dashed #C9C9C9 !important;
}

html.design-edit-page .sidebar-menu .menu-item .title {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: block;
  -ms-flex-line-pack: center;
      align-content: center;
  min-width: 0;
  min-height: 34px;
  padding: 6px 0;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  color: #505968;
  word-break: keep-all;
  overflow-wrap: break-word;
}

html.design-edit-page .sidebar-menu .menu-item .tag {
  -ms-flex-item-align: center;
      align-self: center;
  padding: 2px 6px;
  font-size: 9px;
  font-weight: 600;
  color: #505968;
  border: 1px solid #BDC1C7;
  border-radius: 3px;
}

html.design-edit-page .sidebar-menu .menu-item .btn-menu-controls {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 4px;
     -moz-column-gap: 4px;
          column-gap: 4px;
}

html.design-edit-page .sidebar-menu .menu-item .btn-menu-control .ico {
  width: 17px;
  height: 17px;
  background-position: center;
}

html.design-edit-page .sidebar-menu .menu-item .btn-menu-control .ico-plus {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='1.16406' width='15' height='15' rx='4.5' stroke='%23505968'/%3E%3Cpath d='M12.5016 8.89774H3.99842M8.25 4.66406V13.1314' stroke='%23505968' stroke-width='1.5'/%3E%3C/svg%3E%0A");
}

html.design-edit-page .sidebar-menu .menu-item .btn-menu-control .ico-exclamation {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8.75391' r='7.5' stroke='%23505968'/%3E%3Cpath d='M8.94608 4.46027L8.9474 4.40898H8.8961H7.09141H7.04011L7.04143 4.46027L7.19377 10.4017L7.19502 10.4504H7.24376H8.74376H8.79249L8.79374 10.4017L8.94608 4.46027ZM8.00547 11.0418C7.42818 11.0359 6.95935 11.4967 6.97109 12.0645C6.95935 12.6381 7.42825 13.0988 8.00547 13.0988C8.55457 13.0988 9.02813 12.637 9.02813 12.0645C9.02813 11.4979 8.55469 11.0359 8.00547 11.0418Z' fill='%23505968' stroke='%23505968' stroke-width='0.1'/%3E%3C/svg%3E%0A");
}

html.design-edit-page .sidebar-menu .menu-item .btn-menu-control .ico-copy {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.47179 12.8732H0.5V1H12.3732V4.97179' stroke='%23505968' stroke-miterlimit='10'/%3E%3Cpath d='M4.47179 12.8732H0.5V1H12.3732V4.97179' stroke='%23505968' stroke-miterlimit='10'/%3E%3Crect x='4.69' y='4.99902' width='10.5013' height='10.5013' stroke='%23505968' stroke-dasharray='1.5 1.5'/%3E%3C/svg%3E%0A");
}

html.design-edit-page .edit-mode {
  position: relative;
  width: 400px;
  margin: 35px auto 0;
  border: 1px solid #EAEEF1;
  background-color: #fff;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

html.design-edit-page .preview-mode {
  width: 100%;
  min-height: 100vh;
  overflow: hidden;
}

html.design-edit-page .preview-mode iframe {
  width: 100%;
}

html.design-edit-page section:has(.design-help) {
  position: relative;
}

html.design-edit-page .edit-util {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-transition: opacity .1s;
  transition: opacity .1s;
}

html.design-edit-page .edit-util.center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: auto;
}

html.design-edit-page .edit-util .btn-icon + .btn-icon {
  margin-left: 1px !important;
}

html.design-edit-page .edit-util .ico-eye {
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='14' viewBox='0 0 17 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.3225 6.17626L15.9805 5.8164L15.3225 6.17626ZM15.3225 7.38323L15.9805 7.7431L15.3225 7.38323ZM1.78418 6.17615L2.44221 6.53602L1.78418 6.17615ZM1.78417 7.38312L1.12615 7.74298L1.78417 7.38312ZM14.4618 3.81646C14.1652 3.52729 13.6904 3.53329 13.4012 3.82986C13.1121 4.12643 13.1181 4.60127 13.4146 4.89044L14.4618 3.81646ZM6.81642 10.4274C6.41519 10.3245 6.00652 10.5663 5.90365 10.9676C5.80077 11.3688 6.04263 11.7775 6.44386 11.8804L6.81642 10.4274ZM10.5565 2.42649L10.3624 3.15094L10.5565 2.42649ZM4.76285 10.4021L4.39395 11.0551L5.19495 9.78909L4.76285 10.4021ZM2.44221 6.53602C3.62303 4.37687 5.91721 2.91406 8.5533 2.91406V1.41406C5.34813 1.41406 2.55997 3.19454 1.12616 5.81628L2.44221 6.53602ZM14.6644 7.02336C13.4836 9.18251 11.1894 10.6453 8.55335 10.6453V12.1453C11.7585 12.1453 14.5467 10.3648 15.9805 7.7431L14.6644 7.02336ZM14.6644 6.53612C14.7475 6.68806 14.7475 6.87141 14.6644 7.02336L15.9805 7.7431C16.3088 7.14268 16.3089 6.41683 15.9805 5.8164L14.6644 6.53612ZM1.12616 5.81628C0.797796 6.4167 0.79779 7.14255 1.12615 7.74298L2.4422 7.02326C2.35911 6.87131 2.35911 6.68796 2.44221 6.53602L1.12616 5.81628ZM13.4146 4.89044C13.9088 5.37228 14.3312 5.92672 14.6644 6.53612L15.9805 5.8164C15.5751 5.07504 15.0618 4.40144 14.4618 3.81646L13.4146 4.89044ZM8.55335 10.6453C7.95267 10.6453 7.37082 10.5695 6.81642 10.4274L6.44386 11.8804C7.11898 12.0535 7.82597 12.1453 8.55335 12.1453V10.6453ZM8.5533 2.91406C9.18007 2.91406 9.78637 2.99659 10.3624 3.15094L10.7506 1.70205C10.0491 1.51408 9.31232 1.41406 8.5533 1.41406V2.91406ZM3.99707 8.94926C3.37045 8.40678 2.84217 7.75463 2.4422 7.02326L1.12615 7.74298C1.61268 8.63265 2.2546 9.42478 3.01529 10.0833L3.99707 8.94926ZM5.13175 9.7491C4.72663 9.52023 4.34664 9.25189 3.99707 8.94926L3.01529 10.0833C3.43977 10.4508 3.90141 10.7769 4.39395 11.0551L5.13175 9.7491ZM3.07407 10.1293L4.33074 11.0151L5.19495 9.78909L3.93828 8.90328L3.07407 10.1293ZM10.3624 3.15094C10.9005 3.29511 11.4129 3.50215 11.8913 3.7638L12.611 2.44776C12.0292 2.12957 11.4057 1.87756 10.7506 1.70205L10.3624 3.15094Z' fill='white'/%3E%3Cpath d='M14.2959 0.980469L2.75684 12.5195' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.24512 6.78047C6.24512 5.5059 7.27836 4.47266 8.55293 4.47266' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  background-position: center;
}

html.design-edit-page .edit-util .btn:hover .ico-eye {
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='14' viewBox='0 0 17 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.3225 6.17626L15.9805 5.8164L15.3225 6.17626ZM15.3225 7.38323L15.9805 7.7431L15.3225 7.38323ZM1.78418 6.17615L2.44221 6.53602L1.78418 6.17615ZM1.78417 7.38312L1.12615 7.74298L1.78417 7.38312ZM14.4618 3.81646C14.1652 3.52729 13.6904 3.53329 13.4012 3.82986C13.1121 4.12643 13.1181 4.60127 13.4146 4.89044L14.4618 3.81646ZM6.81642 10.4274C6.41519 10.3245 6.00652 10.5663 5.90365 10.9676C5.80077 11.3688 6.04263 11.7775 6.44386 11.8804L6.81642 10.4274ZM10.5565 2.42649L10.3624 3.15094L10.5565 2.42649ZM4.76285 10.4021L4.39395 11.0551L5.19495 9.78909L4.76285 10.4021ZM2.44221 6.53602C3.62303 4.37687 5.91721 2.91406 8.5533 2.91406V1.41406C5.34813 1.41406 2.55997 3.19454 1.12616 5.81628L2.44221 6.53602ZM14.6644 7.02336C13.4836 9.18251 11.1894 10.6453 8.55335 10.6453V12.1453C11.7585 12.1453 14.5467 10.3648 15.9805 7.7431L14.6644 7.02336ZM14.6644 6.53612C14.7475 6.68806 14.7475 6.87141 14.6644 7.02336L15.9805 7.7431C16.3088 7.14268 16.3089 6.41683 15.9805 5.8164L14.6644 6.53612ZM1.12616 5.81628C0.797796 6.4167 0.79779 7.14255 1.12615 7.74298L2.4422 7.02326C2.35911 6.87131 2.35911 6.68796 2.44221 6.53602L1.12616 5.81628ZM13.4146 4.89044C13.9088 5.37228 14.3312 5.92672 14.6644 6.53612L15.9805 5.8164C15.5751 5.07504 15.0618 4.40144 14.4618 3.81646L13.4146 4.89044ZM8.55335 10.6453C7.95267 10.6453 7.37082 10.5695 6.81642 10.4274L6.44386 11.8804C7.11898 12.0535 7.82597 12.1453 8.55335 12.1453V10.6453ZM8.5533 2.91406C9.18007 2.91406 9.78637 2.99659 10.3624 3.15094L10.7506 1.70205C10.0491 1.51408 9.31232 1.41406 8.5533 1.41406V2.91406ZM3.99707 8.94926C3.37045 8.40678 2.84217 7.75463 2.4422 7.02326L1.12615 7.74298C1.61268 8.63265 2.2546 9.42478 3.01529 10.0833L3.99707 8.94926ZM5.13175 9.7491C4.72663 9.52023 4.34664 9.25189 3.99707 8.94926L3.01529 10.0833C3.43977 10.4508 3.90141 10.7769 4.39395 11.0551L5.13175 9.7491ZM3.07407 10.1293L4.33074 11.0151L5.19495 9.78909L3.93828 8.90328L3.07407 10.1293ZM10.3624 3.15094C10.9005 3.29511 11.4129 3.50215 11.8913 3.7638L12.611 2.44776C12.0292 2.12957 11.4057 1.87756 10.7506 1.70205L10.3624 3.15094Z' fill='%231EEBB4'/%3E%3Cpath d='M14.2959 0.980469L2.75684 12.5195' stroke='%231EEBB4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.24512 6.78047C6.24512 5.5059 7.27836 4.47266 8.55293 4.47266' stroke='%231EEBB4' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

html.design-edit-page .is-inactive .edit-util .ico-eye {
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='12' viewBox='0 0 17 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.53867 6.871C1.32695 6.48386 1.32696 6.01603 1.53868 5.62889C2.88405 3.16885 5.49921 1.5 8.50486 1.5C11.5106 1.5 14.1257 3.16891 15.4711 5.629C15.6828 6.01614 15.6828 6.48398 15.4711 6.87111C14.1257 9.33115 11.5106 11 8.50491 11C5.49921 11 2.88402 9.3311 1.53867 6.871Z' stroke='white' stroke-width='1.5'/%3E%3Cpath d='M6.12988 6.25C6.12988 7.56168 7.19321 8.625 8.50488 8.625C9.81656 8.625 10.8799 7.56168 10.8799 6.25C10.8799 4.93832 9.81656 3.875 8.50488 3.875' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

html.design-edit-page .is-inactive .edit-util .btn:hover .ico-eye {
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='12' viewBox='0 0 17 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.53867 6.871C1.32695 6.48386 1.32696 6.01603 1.53868 5.62889C2.88405 3.16885 5.49921 1.5 8.50486 1.5C11.5106 1.5 14.1257 3.16891 15.4711 5.629C15.6828 6.01614 15.6828 6.48398 15.4711 6.87111C14.1257 9.33115 11.5106 11 8.50491 11C5.49921 11 2.88402 9.3311 1.53867 6.871Z' stroke='%231EEBB4' stroke-width='1.5'/%3E%3Cpath d='M6.12988 6.25C6.12988 7.56168 7.19321 8.625 8.50488 8.625C9.81656 8.625 10.8799 7.56168 10.8799 6.25C10.8799 4.93832 9.81656 3.875 8.50488 3.875' stroke='%231EEBB4' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.help-field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 5px;
     -moz-column-gap: 5px;
          column-gap: 5px;
}

.design-help:has(.btn-help) {
  position: relative;
  z-index: 2;
}

.design-help:has(.btn-help) .help-box-wrap {
  position: absolute;
  top: 100%;
  left: 0;
}

.design-help .btn-help {
  width: 13px;
  height: 13px;
  padding: 0;
  color: #8D959F;
}

.design-help .btn-help + .help-box-wrap {
  margin-top: 4px;
}

.design-help .help-box-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 7px;
}

.design-help .help-box {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 8px;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.36;
  letter-spacing: -0.02em;
  color: #fff;
  word-break: keep-all;
  overflow: hidden;
  border-radius: 3px;
  background-color: #262D4D;
}

.design-help .help-box.additional {
  background-color: #00AEEF;
}

.design-help .help-box .btn {
  cursor: auto;
}

.design-help:not(.is-visible) .help-box-wrap {
  display: none;
}

.design-help .underline {
  text-decoration: underline;
}

.design-help .highlight {
  font-weight: 700;
  color: #FFFB92;
}

html.design-edit-page .design-help:has(.btn-help) {
  position: absolute;
  top: 0;
  left: -24px;
  z-index: auto !important;
}

html.design-edit-page .design-help:has(.btn-help) .help-box-wrap {
  left: auto;
  right: 0;
}

html.design-edit-page .design-help .help-box {
  width: 172px;
  padding: 8px 10px;
  font-size: 14px;
}

@media screen and (min-width: 1024px) {
  html.design-edit-page .design-help .help-box {
    width: 190px;
  }
}

html.design-edit-page .design-help:not(:has(.btn-help)) .help-box {
  width: 100%;
  text-align: center;
}

html.design-edit-page .selection {
  position: relative;
}

html.design-edit-page .selection:not([class^="section-"].all) {
  padding: 8px;
}

html.design-edit-page .selection .block-selection {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 2px solid #415DED;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity .1s;
  transition: opacity .1s;
}

html.design-edit-page .selection .block-selection .dot {
  position: absolute;
  width: 10px;
  height: 10px;
  border: inherit;
  background-color: #fff;
}

html.design-edit-page .selection .block-selection .dot:nth-child(1) {
  top: calc(10px / -2);
  left: calc(10px / -2);
}

html.design-edit-page .selection .block-selection .dot:nth-child(2) {
  top: calc(10px / -2);
  right: calc(10px / -2);
}

html.design-edit-page .selection .block-selection .dot:nth-child(3) {
  bottom: calc(10px / -2);
  left: calc(10px / -2);
}

html.design-edit-page .selection .block-selection .dot:nth-child(4) {
  bottom: calc(10px / -2);
  right: calc(10px / -2);
}

html.design-edit-page .selection.editor .block-selection {
  border-color: #1EEBB4;
}

html.design-edit-page .selection.all > .block-selection {
  border-color: #ED882B;
}

html.design-edit-page .selection.all > .edit-util:has(.btn-purple.half-pill) {
  left: 100%;
  width: auto;
}

html.design-edit-page .selection ~ .edit-util,
html.design-edit-page .selection > .edit-util:has(.btn-purple.half-pill),
html.design-edit-page .selection > .edit-util:has(.btn-switch) {
  opacity: 0;
}

html.design-edit-page .selection:not(.editor):hover > .block-selection,
html.design-edit-page .selection:not(.editor):hover ~ .edit-util,
html.design-edit-page .selection:not(.editor):hover > .edit-util:has(.btn-purple.half-pill),
html.design-edit-page .selection:not(.editor):hover > .edit-util:has(.btn-switch) {
  opacity: 1;
}

html.design-edit-page .is-hovered .selection.editor > .block-selection,
html.design-edit-page .is-hovered .selection.editor ~ .edit-util,
html.design-edit-page .is-hovered .selection.editor > .edit-util:has(.btn-purple.half-pill) {
  opacity: 1;
}

html.design-edit-page .thumb-box:has(> .upload-placeholder) {
  position: relative;
}

html.design-edit-page .thumb-box:has(> .upload-placeholder:not(.d-none)) {
  min-height: 223px;
}

html.design-edit-page .upload-placeholder {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: 10px;
  background-color: #FAFAFA;
}

html.design-edit-page .upload-placeholder .ico-upload {
  width: 43px;
  height: 41px;
  background-image: url("data:image/svg+xml,%3Csvg width='43' height='41' viewBox='0 0 43 41' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_613_5026)'%3E%3Cpath d='M34.31 40.43H7.82C3.51 40.43 0 36.92 0 32.61V11.86C0 7.55 3.51 4.04 7.82 4.04H11.01C11.48 4.04 11.93 3.81 12.2 3.43L13.48 1.62C14.2 0.61 15.37 0 16.61 0H25.52C26.76 0 27.93 0.6 28.65 1.62L29.94 3.43C30.21 3.81 30.66 4.04 31.13 4.04H34.32C38.63 4.04 42.14 7.55 42.14 11.86V32.61C42.14 36.92 38.63 40.43 34.32 40.43H34.31ZM7.82 5.54C4.33 5.54 1.5 8.38 1.5 11.86V32.61C1.5 36.1 4.34 38.93 7.82 38.93H34.31C37.8 38.93 40.63 36.09 40.63 32.61V11.86C40.63 8.37 37.79 5.54 34.31 5.54H31.12C30.16 5.54 29.26 5.07 28.71 4.29L27.42 2.48C26.98 1.86 26.27 1.5 25.51 1.5H16.6C15.84 1.5 15.13 1.87 14.69 2.48L13.41 4.29C12.86 5.07 11.95 5.54 11 5.54H7.81H7.82Z' fill='%23828282'/%3E%3Cpath d='M21.06 31.9892C15.4 31.9892 10.79 27.3792 10.79 21.7192C10.79 16.0592 15.39 11.4492 21.06 11.4492C26.73 11.4492 31.33 16.0592 31.33 21.7192C31.33 27.3792 26.73 31.9892 21.06 31.9892ZM21.06 12.9592C16.23 12.9592 12.29 16.8892 12.29 21.7292C12.29 26.5692 16.22 30.4992 21.06 30.4992C25.9 30.4992 29.83 26.5692 29.83 21.7292C29.83 16.8892 25.9 12.9592 21.06 12.9592Z' fill='%23828282'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_613_5026'%3E%3Crect width='42.13' height='40.43' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

html.design-edit-page .upload-placeholder .upload-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  color: #828282;
  text-align: center;
}

html.design-edit-page [data-attr="design-util"] {
  z-index: 201;
}

html.design-edit-page .attach-image .btn:not(.btn-icon),
html.design-edit-page .edit-util .btn.w-sm {
  padding: 4px 8px;
  font-size: 11px;
  font-weight: 500;
}

[class*="custom-tooltip"] {
  font-size: 10px;
  line-height: 1.2;
  font-weight: 600;
}

[class*="custom-tooltip"] .tooltip-inner {
  color: #fff;
  padding: 6px;
  border-radius: 3px;
  background-color: #667799;
}

[class*="custom-tooltip"] .tooltip-arrow {
  display: none !important;
}

.custom-tooltip-accent {
  font-size: 11px;
  font-weight: 400;
  line-height: 1.36;
  letter-spacing: -0.02em;
}

.custom-tooltip-accent .tooltip-inner {
  padding-left: 12px;
  padding-right: 12px;
  background-color: #262D4D;
}

.custom-toast {
  min-width: 0;
  width: 175px;
  height: 37px;
  border-radius: 5px;
  background-color: #667799;
}

html.design-edit-page .toast-container:has(.custom-toast) {
  position: sticky;
  bottom: clamp(20px, 2vh, 40px);
  left: 100%;
  -webkit-transform: translateX(calc(175px + 12px));
          transform: translateX(calc(175px + 12px));
}

html.design-edit-page:has(.custom-toast.show) .footer {
  margin-bottom: -37px;
}

.custom-toolbar {
  display: grid;
  border: 1px solid #000;
  -webkit-box-shadow: 1px 2px 4px 0px #0000006B;
          box-shadow: 1px 2px 4px 0px #0000006B;
  background-color: #F5F5F8;
}

.custom-toolbar .btn-tool,
.custom-toolbar .input-tool {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  color: #8298B1;
}

.custom-toolbar .btn-tool {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
}

.custom-toolbar .ico-tool .vc-color-wrap {
  width: 23px;
  height: 23px;
}

.custom-toolbar .dropdown-toggle::after {
  content: '';
  position: relative;
  top: 1px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: inline-block;
  width: 8px;
  height: 8px;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 7 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 5.5L0.468912 0.249999L6.53109 0.25L3.5 5.5Z' fill='%238298B1'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.custom-toolbar .dropdown-toggle.show::after {
  top: auto;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.custom-toolbar .dropdown-menu {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-height: 220px;
  overflow: hidden auto;
  border-color: #E3E2EC;
  border-radius: 3px;
  -webkit-box-shadow: 0px 3px 3px 0px #0000001A;
          box-shadow: 0px 3px 3px 0px #0000001A;
}

.custom-toolbar .dropdown-menu::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.custom-toolbar .dropdown-menu::-webkit-scrollbar-thumb {
  height: 30%;
  border-radius: 10px;
  background-color: #D8D8D8;
}

.custom-toolbar .dropdown-menu::-webkit-scrollbar-track {
  background-color: #ededed;
}

.custom-toolbar .dropdown-item {
  border-radius: 3px;
}

.custom-toolbar.table-type {
  grid-template-columns: repeat(3, auto);
  -webkit-column-gap: 17px;
     -moz-column-gap: 17px;
          column-gap: 17px;
  width: 760px;
  padding: 16px;
}

.custom-toolbar.table-type .toolbar-title {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  color: #8298B1;
}

.custom-toolbar.table-type .btn-tool-wrap {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, 1fr);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}

.custom-toolbar.table-type .btn-tool-wrap.single {
  grid-template-columns: 1fr;
}

.custom-toolbar.table-type .btn-tool-wrap + .btn-tool-wrap {
  padding-left: 17px;
}

.custom-toolbar.table-type .btn-tool-wrap + .btn-tool-wrap::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background-color: #E3E2EC;
}

.custom-toolbar.table-type .btn-tool {
  -webkit-column-gap: 6px;
     -moz-column-gap: 6px;
          column-gap: 6px;
}

.custom-toolbar.table-type .dropdown-menu {
  grid-template-columns: repeat(5, 1fr);
  gap: 15px;
  min-width: 0;
  padding: 16px;
}

.custom-toolbar.table-type .dropdown-menu.show {
  display: grid;
}

.custom-toolbar.table-type .dropdown-item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 6px;
}

.custom-toolbar.table-type .dropdown-item.is-selected, .custom-toolbar.table-type .dropdown-item:focus, .custom-toolbar.table-type .dropdown-item:hover {
  background-color: #E2EFFC;
}

.custom-toolbar.text-type {
  width: 610px;
}

.custom-toolbar.text-type .group-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.custom-toolbar.text-type .group-row:nth-child(1) {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) repeat(4, minmax(0, 1fr));
  -webkit-column-gap: 24px;
     -moz-column-gap: 24px;
          column-gap: 24px;
  padding: 12px 16px;
}

.custom-toolbar.text-type .group-row + .group-row {
  border-top: 1px solid #E3E2EC;
}

.custom-toolbar.text-type .btn-tool {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 5px;
     -moz-column-gap: 5px;
          column-gap: 5px;
  width: 100%;
}

.custom-toolbar.text-type .btn-tool,
.custom-toolbar.text-type .input-tool {
  font-size: 12px;
}

.custom-toolbar.text-type .btn-tool-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-right: 1px solid #E3E2EC;
}

.custom-toolbar.text-type .btn-tool-wrap .btn-tool {
  padding: 12px;
}

.custom-toolbar.text-type .btn-tool-wrap.color {
  padding: 0 12px;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}

.custom-toolbar.text-type .btn-tool-wrap.color .ico-tool {
  display: block;
}

.custom-toolbar.text-type .btn-tool-wrap.color .btn-tool {
  padding-left: 0;
  padding-right: 0;
}

.custom-toolbar.text-type .btn-tool-wrap.font .btn-tool {
  color: #8298B1;
}

.custom-toolbar.text-type .btn-tool-wrap.font .btn-tool.is-selected {
  color: #118DFF;
}

.custom-toolbar.text-type .btn-tool-wrap.font .ico-tool {
  color: inherit;
}

.custom-toolbar.text-type .btn-tool-wrap.align .dropdown-toggle::after {
  display: none;
}

.custom-toolbar.text-type .btn-tool-wrap.align .dropdown-menu {
  padding: 8px;
  border-color: transparent;
  background-color: #667799;
}

.custom-toolbar.text-type .btn-tool-wrap.align .dropdown-menu.show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.custom-toolbar.text-type .btn-tool-wrap.align .dropdown-menu li + li {
  padding-left: 10px;
  margin-left: 10px;
  border-left: 1px solid #fff;
}

.custom-toolbar.text-type .btn-tool-wrap.align .dropdown-item {
  padding: 0;
  border-radius: 0;
  background-color: transparent;
}

.custom-toolbar.text-type .input-tool {
  width: 100%;
  padding: 0;
  border: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
}

.custom-toolbar.text-type .input-tool::-webkit-input-placeholder {
  color: inherit;
}

.custom-toolbar.text-type .input-tool::-moz-placeholder {
  color: inherit;
}

.custom-toolbar.text-type .input-tool:-ms-input-placeholder {
  color: inherit;
}

.custom-toolbar.text-type .input-tool::-ms-input-placeholder {
  color: inherit;
}

.custom-toolbar.text-type .input-tool::placeholder {
  color: inherit;
}

.custom-toolbar.text-type .input-tool + .btn-tool {
  -webkit-column-gap: 0;
     -moz-column-gap: 0;
          column-gap: 0;
  width: auto;
}

.custom-toolbar.text-type .input-tool ~ .dropdown-menu {
  -webkit-transform: translate(0, 20px) !important;
          transform: translate(0, 20px) !important;
}

.custom-toolbar.text-type .dropdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.custom-toolbar.text-type .dropdown:has(.input-tool) {
  -webkit-column-gap: 30px;
     -moz-column-gap: 30px;
          column-gap: 30px;
}

.custom-toolbar.text-type .dropdown-menu {
  min-width: 100%;
  padding: 6px;
}

.custom-toolbar.text-type .dropdown-item {
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -0.05em;
  color: #393939;
}

.custom-toolbar.text-type .dropdown-item.is-selected, .custom-toolbar.text-type .dropdown-item:focus, .custom-toolbar.text-type .dropdown-item:hover {
  background-color: #E2EFFC;
}

html.design-edit-page .custom-toolbar {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 203;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity .1s;
  transition: opacity .1s;
}

html.design-edit-page .is-hovered .custom-toolbar {
  opacity: 1;
  pointer-events: auto;
}

html.design-edit-page .effect-picker {
  display: none;
  position: absolute;
  top: 48.5%;
  left: -263px;
  width: 253px;
  border: 1px solid #000;
  -webkit-box-shadow: 0px 4px 4px 0px #00000040;
          box-shadow: 0px 4px 4px 0px #00000040;
  background-color: #FCFDFF;
}

html.design-edit-page .effect-picker.is-visible {
  display: block;
}

html.design-edit-page .effect-picker .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 22px;
  padding: 18px 0;
}

html.design-edit-page .effect-picker .content-header, html.design-edit-page .effect-picker .content-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 20px;
}

html.design-edit-page .effect-picker .content-body {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px 24px;
  padding: 0 10px;
}

html.design-edit-page .effect-picker .content-footer {
  display: none !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

html.design-edit-page .effect-picker .content-footer.is-visible {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

html.design-edit-page .effect-picker .title {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.07;
  color: #8298B1;
}

html.design-edit-page .effect-picker .btn-close-picker {
  position: relative;
  top: -3px;
  width: 16px;
  height: 16px;
  color: #667799;
}

html.design-edit-page .effect-picker .btn-effect,
html.design-edit-page .effect-picker .btn-direction {
  border-radius: 3px;
}

html.design-edit-page .effect-picker .btn-effect.is-selected, html.design-edit-page .effect-picker .btn-effect:focus, html.design-edit-page .effect-picker .btn-effect:hover,
html.design-edit-page .effect-picker .btn-direction.is-selected,
html.design-edit-page .effect-picker .btn-direction:focus,
html.design-edit-page .effect-picker .btn-direction:hover {
  background-color: #E2EFFC;
}

html.design-edit-page .effect-picker .btn-effect {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  padding: 6px 10px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.07;
  color: #8298B1;
  white-space: nowrap;
}

html.design-edit-page .effect-picker .btn-effect .ico-effect {
  color: #667799;
}

html.design-edit-page .effect-picker .btn-direction-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}

html.design-edit-page .effect-picker .btn-direction {
  padding: 8px;
}

html.design-edit-page .effect-picker .btn-direction .ico-direction {
  color: #8298B1;
}

.vc-color-wrap {
  margin-right: 0 !important;
  border-radius: 3px;
}

.vc-color-wrap.round {
  border-radius: 50%;
}

html.design-edit-page .design-import {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 22px;
}

html.design-edit-page .design-import .sidebar-menu .title {
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  color: #333;
}

html.design-edit-page .design-import .sidebar-menu .title + .menu-list {
  margin-top: 16px;
}

html.design-edit-page .design-import .sidebar-menu .menu-item {
  margin-left: 0 !important;
}

html.design-edit-page .design-import .sidebar-menu .menu-item[data-depth="1"] .box {
  width: 248px;
}

html.design-edit-page .design-import .sidebar-menu .menu-item[data-depth="2"] .box {
  width: 218px;
}

html.design-edit-page .design-import .sidebar-menu .menu-item .form-check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 15px;
}

html.design-edit-page .design-import .sidebar-menu .menu-item .form-check-input {
  float: none;
  margin-left: 0;
}

html.design-edit-page .attach-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

html.design-edit-page .attach-image .btn-group.count .btn {
  min-width: 25px;
  font-family: 'Pretendard Variable', sans-serif;
  font-weight: 600;
  line-height: 1;
}

html.design-edit-page .btn-switch .ico-switch {
  width: 16px;
  height: 16px;
}

html.design-edit-page .btn-restore {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-40%);
          transform: translateX(-50%) translateY(-40%);
  z-index: 202;
  padding: 15px 10px;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.26s ease-out, -webkit-transform 0.3s cubic-bezier(0.25, 0.65, 0.2, 1);
  transition: opacity 0.26s ease-out, -webkit-transform 0.3s cubic-bezier(0.25, 0.65, 0.2, 1);
  transition: opacity 0.26s ease-out, transform 0.3s cubic-bezier(0.25, 0.65, 0.2, 1);
  transition: opacity 0.26s ease-out, transform 0.3s cubic-bezier(0.25, 0.65, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.25, 0.65, 0.2, 1);
}

html.design-edit-page .btn-restore .inner {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 4px;
     -moz-column-gap: 4px;
          column-gap: 4px;
  padding: 8px 12px;
  color: #fff;
  border-radius: 30px;
  background-color: #EAA316;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(255, 255, 255, 0.12);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(255, 255, 255, 0.12);
  -webkit-transition: background-color .16s, -webkit-box-shadow .14s;
  transition: background-color .16s, -webkit-box-shadow .14s;
  transition: background-color .16s, box-shadow .14s;
  transition: background-color .16s, box-shadow .14s, -webkit-box-shadow .14s;
}

@media (hover: hover) {
  html.design-edit-page .btn-restore:hover .inner {
    background-color: #d89210;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15), 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(255, 255, 255, 0.15);
            box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15), 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(255, 255, 255, 0.15);
  }
}

html.design-edit-page .btn-restore span {
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.02em;
}

html.design-edit-page .btn-restore .ico-plus {
  position: relative;
  top: 1px;
  width: 11px;
  height: 11px;
}

html.design-edit-page .btn-restore svg {
  width: 100%;
  height: 100%;
}

html.design-edit-page:has(.section-notice.collapse:not(.show)) .btn-restore {
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  opacity: 1;
  pointer-events: auto;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

html.design-edit-page:has(.section-notice.show) .btn-restore, html.design-edit-page:has(.section-notice.collapsing) .btn-restore {
  -webkit-transform: translateX(-50%) translateY(-40%);
          transform: translateX(-50%) translateY(-40%);
  opacity: 0;
  pointer-events: none;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

html.design-edit-page .sub-header .edit-util:has(.btn-color-settings) {
  position: absolute;
  top: 50%;
  left: calc(100% + 12px);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: auto;
}

html.design-edit-page .sub-header .edit-util:has(.btn-color-settings):has(.vc-colorpicker) {
  z-index: 209;
}

html.design-edit-page .sub-header .edit-util:has(.btn-color-settings):has([data-popper-placement="bottom"]):has(.vc-colorpicker) {
  z-index: 207;
}

html.design-edit-page .sub-header .btn-color-settings {
  padding: 6px 8px;
  border-radius: 3px;
}

html.design-edit-page .sub-header .btn-color-settings .ico-color .vc-color-wrap {
  width: 18px;
  height: 18px;
}

html.design-edit-page .btn-color-settings {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

html.design-edit-page .btn-color-settings .ico-color {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

html.design-edit-page .btn-color-settings .ico-color .vc-color-wrap {
  width: 20px;
  height: 20px;
}

html.design-edit-page .btn-color-settings span {
  font-size: 14px;
  font-weight: 500;
}

html.design-edit-page .btn-tab-settings {
  position: absolute;
  top: 0;
  left: calc(100% + 12px + 20px);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  font-size: 14px;
  font-weight: 500;
  padding: 6px 8px;
  border-radius: 3px;
}

html.design-edit-page .btn-sns-settings {
  position: absolute;
  top: 50%;
  left: calc(100% + 12px);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  font-size: 14px;
  font-weight: 500;
  padding: 6px 8px;
  border-radius: 3px;
}

html.design-edit-page .header .btn-outline-gray {
  padding: 6px 8px;
  border-radius: 3px;
}

html.design-edit-page .footer .btn-outline-gray {
  padding: 6px 8px;
  border-radius: 3px;
}

html.design-edit-page [class^="section-"].selection.all > .block-selection {
  z-index: 201;
}

html.design-edit-page [class^="section-"].selection.all.is-inactive::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 201;
  background-color: rgba(0, 0, 0, 0.5);
}

html.design-edit-page [class^="section-"].selection.all .thumb-box[data-ui-role="image"]::before {
  margin: 4px;
}

html.design-edit-page [class^="section-"] .content-footer[data-attr="design-util"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 8px;
  margin-top: 30px;
}

html.design-edit-page .text-box:has(.custom-toolbar.text-type) {
  position: relative;
}

html.design-edit-page .table-responsive:has(.custom-toolbar.table-type) {
  position: relative;
  overflow-x: initial;
}

html.design-edit-page .table-responsive:has(.custom-toolbar.table-type) .selection.editor {
  padding: 0;
}

html.design-edit-page .table-responsive:has(.custom-toolbar.table-type) .table {
  table-layout: fixed;
  overflow-wrap: break-word;
}

html.design-edit-page [class$="-template"] .section-container {
  position: relative;
}

html.design-edit-page [class$="-template"] .section-visual .attach-image {
  top: 60px;
}

html.design-edit-page [class$="-template"] .section-visual .edit-util:has(.btn-animation) {
  top: -27px;
  padding: 0 5px;
}

html.design-edit-page [class$="-template"] .section-visual .design-help.image {
  top: 60px;
}

html.design-edit-page [class$="-template"] .section-visual .design-help.text {
  top: 290px;
}

html.design-edit-page [class$="-template"] .section-visual:has(.is-hovered) .swiper-slide:not(.swiper-slide-active) .custom-toolbar {
  opacity: 0;
  pointer-events: none;
}

html.design-edit-page [class$="-template"] .section-subject [data-attr="design-util"]:has(> .btn-deep-pink) {
  margin-top: 30px;
}

html.design-edit-page [class$="-template"] .section-subject .btn-deep-pink + .design-help {
  left: -44px;
}

html.design-edit-page [class$="-template"] .section-notice {
  padding-top: 0;
  padding-bottom: 0;
}

html.design-edit-page [class$="-template"] .section-notice .common-inner {
  padding-top: 50px;
  padding-bottom: 50px;
}

html.design-edit-page [class$="-template"] .section-notice .edit-util:has(.btn-switch) {
  left: auto;
  right: 0;
  width: auto;
}

html.design-edit-page [class$="-template"] .section-notice .btn-switch {
  position: absolute;
  top: 0;
  left: 100%;
}

html.design-edit-page [class$="-template"] .section-specialist:not(.is-inactive) .common-inner {
  pointer-events: none;
}

html.design-edit-page [class$="-template"] .section-specialist:not(.is-inactive) .common-inner .text-box,
html.design-edit-page [class$="-template"] .section-specialist:not(.is-inactive) .common-inner .btn {
  pointer-events: auto;
}

html.design-edit-page [class$="-template"] .section-info [data-ui-role="typography"] {
  z-index: 1;
}

html.design-edit-page [class$="-template"] .section-directions .map-area::before {
  display: none;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 201;
  background-color: rgba(0, 0, 0, 0.3);
}

html.design-edit-page [class$="-template"] .section-directions .map-area .message {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 20px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  color: #fff;
  text-align: center;
}

html.design-edit-page [class$="-template"] .section-directions .map-area.is-unavailable::before,
html.design-edit-page [class$="-template"] .section-directions .map-area.is-unavailable .message {
  display: block;
}

html.design-edit-page [class$="-template"] .section-directions.is-inactive .message {
  display: none !important;
}

html.design-edit-page .image-template .section-subject:has(+ .section-specialist) .btn-deep-pink + .design-help {
  top: -40px;
}

html.design-edit-page .image-template .section-interior .design-help {
  top: 135px;
}

html.design-edit-page .image-template .section-notice .design-help {
  top: 50px;
}

html.design-edit-page .text-template .section-subject .subject-item .edit-util:has(.ico-link) {
  top: 56px;
  left: auto;
  right: 8px;
  width: auto;
}

html.design-edit-page .text-template .section-service .service-item .edit-util:has(.ico-link) {
  top: 8px;
  left: auto;
  right: 0;
  width: auto;
}

html.design-edit-page .text-template .section-interior .design-help {
  top: 235px;
}

html.design-edit-page .text-template .section-notice > .design-help {
  top: 80px;
}

html.design-edit-page .sub-page .common-inner > * .design-help {
  left: -44px;
}

html.design-edit-page .sub-page .section-subject .edit-util.image .btn-group .btn-icon:nth-child(2) {
  position: absolute;
  top: 0;
  left: 100%;
}

html.design-edit-page .sub-page .section-subject .edit-util.text {
  left: 100%;
  width: auto;
}

html.design-edit-page .sub-page .section-subject .design-help {
  top: 185px;
}

html.design-edit-page .sub-page .section-specialist .edit-util {
  width: auto;
}

html.design-edit-page .sub-page .section-specialist .detail.selection.all > .block-selection {
  z-index: 201;
}

html.design-edit-page .sub-page .section-specialist .detail.selection.all.is-inactive::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 201;
  background-color: rgba(0, 0, 0, 0.5);
}

html.design-edit-page .sub-page .section-specialist .detail.selection.all.is-inactive .detail-row {
  pointer-events: none;
}

html.design-edit-page .sub-page .section-specialist .detail .edit-util {
  left: auto;
  right: 0;
}

html.design-edit-page .sub-page .section-specialist .detail-row .text-box:hover .block-selection,
html.design-edit-page .sub-page .section-specialist .detail-row .text-box:hover .edit-util {
  opacity: 1;
}

html.design-edit-page .sub-page .section-specialist .btn-pink + .design-help {
  left: -36px;
}

html.design-edit-page .sub-page .section-directions .map-area .edit-util {
  left: auto;
  right: -116px;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

html.design-edit-page .sub-page .section-directions .edit-util.image .btn-group .btn-icon:nth-child(2) {
  position: absolute;
  top: 0;
  left: 100%;
}

html.design-edit-page .sub-page .section-interior .design-help {
  left: -38px;
}

html.design-edit-page .sub-page .section-empty .design-help {
  top: 30px;
}

html.design-edit-page .sub-page .section-non-benefit .text-box .edit-util {
  left: 100%;
  width: auto;
}

html.design-edit-page .sub-page .section-non-benefit .table-responsive + .design-help {
  top: 75px;
}

html.design-edit-page .sub-page .section-board.type-slide .btn-tab-settings {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

html.design-edit-page .sub-page .section-board.type-slide:has(.group-swiper) .board-list + .design-help {
  top: 75px;
}

html.design-edit-page .sub-page .section-board.type-inquiry .btn-write .text-box {
  margin: -4px;
}

html.design-edit-page .sub-page .section-board.type-inquiry .btn-write .selection {
  padding: 4px;
}

html.design-edit-page .sub-page .section-board.type-inquiry .btn-write .selection .block-selection .dot {
  -webkit-transform: scale(0.65);
          transform: scale(0.65);
}

html.design-edit-page .sub-page .section-reservation .content-body > .design-help {
  top: 50px;
}

html.design-edit-page .sub-page .section-reservation .setup-guide .design-help .help-box-wrap {
  display: block !important;
}

html.design-edit-page .section-empty .edit-util.image .btn-group .btn-icon:nth-child(2) {
  position: absolute;
  top: 0;
  left: 100%;
}

html.design-edit-page .section-empty .edit-util.text {
  left: 100%;
  width: auto;
}

html.design-edit-page .section-empty .design-help {
  top: 50px;
}

html.design-edit-page [data-ui-role]:not([data-ui-role="image"]) {
  cursor: pointer;
  pointer-events: auto;
}

html.design-edit-page [data-ui-role]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  border: 2px solid #7605FF;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity .1s;
  transition: opacity .1s;
}

html.design-edit-page [data-ui-role] .edit-util:has(.btn-setting) {
  top: auto;
  bottom: 0;
  left: 100%;
  right: auto;
  width: auto;
  opacity: 0;
  pointer-events: auto;
}

html.design-edit-page [data-ui-role] .btn-setting {
  border: 1px solid #000;
  background-color: #fff;
}

html.design-edit-page [data-ui-role] .btn-setting [class^="ico-"] {
  width: 100%;
  height: 100%;
  background-position: center;
}

html.design-edit-page [data-ui-role] .btn-setting .ico-image {
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4435_6158)'%3E%3Cline x1='-4.37114e-08' y1='9.21875' x2='19' y2='9.21875' stroke='black'/%3E%3Ccircle cx='13.4375' cy='9.09375' r='1.625' fill='white' stroke='black'/%3E%3Cline x1='-4.37114e-08' y1='4.28125' x2='19' y2='4.28125' stroke='black'/%3E%3Ccircle cx='5.625' cy='4.15625' r='1.625' fill='white' stroke='black'/%3E%3Cline x1='-4.37114e-08' y1='14.4688' x2='19' y2='14.4687' stroke='black'/%3E%3Ccircle cx='8.5625' cy='14.3438' r='1.625' fill='white' stroke='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4435_6158'%3E%3Crect width='19' height='18' fill='white' transform='translate(0 0.25)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

html.design-edit-page [data-ui-role]:hover::before,
html.design-edit-page [data-ui-role]:hover .edit-util:has(.btn-setting) {
  opacity: 1;
}

html.design-edit-page .is-inactive [data-ui-role]::before,
html.design-edit-page .is-inactive [data-ui-role] .edit-util:has(.btn-setting) {
  opacity: 0 !important;
  pointer-events: none;
}

html.design-edit-page *:has(> .thumb-box[data-ui-role="image"]):hover .thumb-box[data-ui-role="image"]::before,
html.design-edit-page *:has(> .thumb-box[data-ui-role="image"]):hover .thumb-box[data-ui-role="image"] .edit-util:has(.btn-setting) {
  opacity: 1;
}

html.design-edit-page .thumb-box[data-ui-role="image"]:has(.btn-setting) {
  cursor: pointer;
}

html.design-edit-page .thumb-box[data-ui-role="image"]:not(:has(.btn-setting))::before {
  display: none;
}

html.design-edit-page [data-ui-role="typography"] {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
}

html.design-edit-page [data-ui-role="typography"]::before {
  margin: -4px;
}

html.design-edit-page [data-ui-role="typography"]:empty::before, html.design-edit-page [data-ui-role="typography"]:has(> *:empty)::before {
  border-color: transparent;
}

html.design-edit-page .text-box, html.design-edit-page .text-box[data-draggable="true"] {
  cursor: auto;
}

html.design-edit-page section[class^="section-"] [data-draggable="true"] [class*="link-"] {
  cursor: inherit;
}

[data-draggable="true"] {
  cursor: -webkit-grab;
  cursor: grab;
}

[data-draggable="true"].js-dragging {
  will-change: transform;
  opacity: .7;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

*:has(.js-dragging) [data-draggable="true"],
*:has(.js-dragging) [data-draggable="true"] * {
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
      -ms-user-select: none !important;
          user-select: none !important;
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important;
}

section[class^="section-"]:has(.js-dragging) [data-draggable="true"] [data-attr="design-util"]:not(.upload-placeholder),
section[class^="section-"]:has(.js-dragging) [data-draggable="true"] [data-ui-role]::before,
section[class^="section-"]:has(.js-dragging) [data-draggable="true"] .block-selection {
  opacity: 0 !important;
  pointer-events: none !important;
}