@media (max-width: 1400px){
  
  .recognition__inner { column-gap: 6rem; }

}

@media (max-width: 1280px){
 :root { --gutter: 4rem; --gutter-r: 4rem; } 
 html { font-size: clamp(10px, calc(10 * 100vw / 1280), 13px); } 

 /* header */
 .site-nav,
 .lang-toggle { display: none; } 
 .mobile-nav__toggle { display: inline-flex; flex-direction: column; justify-content: center; gap: 0.5rem; width: 4.4rem; height: 4.4rem; margin-left: auto; padding: 0.8rem; } 
 .mobile-nav__toggle-bar { display: block; width: 2rem; height: 2px; background: var(--color-ink); transition: transform .25s ease, opacity .25s ease; } 
 .site-header[data-nav-open="true"] .mobile-nav__toggle-bar:nth-child(1) { transform: translateY(0.7rem) rotate(45deg); } 
 .site-header[data-nav-open="true"] .mobile-nav__toggle-bar:nth-child(2) { opacity: 0; } 
 .site-header[data-nav-open="true"] .mobile-nav__toggle-bar:nth-child(3) { transform: translateY(-0.7rem) rotate(-45deg); } 

 /* mobile-nav */
 .mobile-nav { display: block; position: fixed; inset: 0; z-index: 90; pointer-events: none; opacity: 0; transition: opacity .3s ease; }
 .mobile-nav[aria-hidden="false"] { pointer-events: auto; opacity: 1; }
 .mobile-nav__backdrop { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.45); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); }
 .mobile-nav__panel { position: absolute; top: calc(var(--header-h) + 1rem); left: 1.6rem; right: 1.6rem; max-height: calc(100vh - var(--header-h) - 3rem); background: #fff; padding: 1.6rem 1.6rem 2rem; border-radius: 2.4rem; box-shadow: 0 24px 60px rgba(0, 0, 0, 0.22); overflow-y: auto; transform: translateY(-1.2rem) scale(.98); opacity: 0; transition: transform .28s cubic-bezier(.2,.9,.3,1.1), opacity .22s ease; }
 .mobile-nav[aria-hidden="false"] .mobile-nav__panel { transform: translateY(0) scale(1); opacity: 1; }
 .mobile-nav__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
 .mobile-nav__item + .mobile-nav__item { border-top: 1px solid rgba(0, 0, 0, 0.06); }
 .mobile-nav__item.is-disabled .mobile-nav__label { color: var(--color-mute); }
 .mobile-nav__row { display: flex; align-items: center; gap: 1.4rem; width: 100%; padding: 1.4rem 0.6rem; border: 0; background: none; color: inherit; font: inherit; text-align: left; cursor: pointer; transition: background-color .15s ease; border-radius: 1.4rem; }
 .mobile-nav__row:hover { background: rgba(0, 0, 0, 0.03); }
 .mobile-nav__thumb { flex: 0 0 auto; width: 5.2rem; height: 5.2rem; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.06); }
 .mobile-nav__thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }
 .mobile-nav__body { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 0.3rem; }
 .mobile-nav__label { font-size: 18px; font-weight: 600; line-height: 1.3; color: var(--color-ink); }
 .mobile-nav__desc { font-size: 14px; font-weight: 500; line-height: 1.3; color: rgba(34, 34, 34, 0.75); }
 .mobile-nav__arrow,
 .mobile-nav__caret { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 2.4rem; height: 2.4rem; color: rgba(34, 34, 34, 0.6); transition: transform .2s ease, color .15s ease; }
 .mobile-nav__row:hover .mobile-nav__arrow,
 .mobile-nav__row:hover .mobile-nav__caret { color: var(--color-ink); }
 .mobile-nav__parent-btn[aria-expanded="true"] .mobile-nav__caret { transform: rotate(90deg); color: var(--color-green); }
 .mobile-nav__sublist { list-style: none; margin: 0 0 1rem; padding: 0 0 0.5rem 6.8rem; display: flex; flex-direction: column; gap: 1.2rem; font-family: var(--font-latin); font-size: 1.4rem; line-height: 1.5; color: rgba(34, 34, 34, 0.72); }
 .mobile-nav__sublist[hidden] { display: none; }
 .mobile-nav__subitem > a { display: block; padding: 0.4rem 0; transition: color .15s ease; }
 .mobile-nav__subitem > a:hover { color: var(--color-green); }
 .mobile-nav__lang { display: grid; grid-template-columns: 1fr 1fr; gap: 0.4rem; margin-top: 1.6rem; padding: 0.4rem; background: rgba(0, 0, 0, 0.05); border-radius: 999px; }
 .mobile-nav__lang-btn { display: inline-flex; align-items: center; justify-content: center; height: 3.8rem; border-radius: 999px; font-family: var(--font-latin); font-size: 1.4rem; letter-spacing: .02em; color: rgba(34, 34, 34, 0.55); transition: background-color .18s ease, color .18s ease; }
 .mobile-nav__lang-btn.is-current { background: var(--color-ink); color: #fff; }
 .mobile-nav__lang-btn:not(.is-current):hover { color: var(--color-ink); }
 .mobile-nav__cta { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-top: 1.2rem; padding-top: 1.6rem; border-top: 1px solid rgba(0, 0, 0, 0.08); }
 .mobile-nav__cta-btn { display: inline-flex; align-items: center; justify-content: center; height: 4.8rem; padding: 0 1.6rem; border-radius: 999px; font-family: var(--font-latin); font-size: 1.5rem; font-weight: 500; text-align: center; transition: background-color .18s ease, color .18s ease; }
 .mobile-nav__cta-btn--ghost { background: rgba(61, 139, 65, 0.09); color: var(--color-green); }
 .mobile-nav__cta-btn--ghost:hover { background: rgba(61, 139, 65, 0.16); }
 .mobile-nav__cta-btn--primary { background: var(--color-green); color: #fff; }
 .mobile-nav__cta-btn--primary:hover { background: #2f7133; }

 /* index.php */
 .brand-story__inner { grid-template-columns: 1fr; row-gap: 3rem; } 
 .perfume__inner { grid-template-columns: 1fr; row-gap: 4rem; } 
 .perfume__cards { grid-column: 1; justify-self: stretch; flex-wrap: wrap; justify-content: center; } 
 .perfume-card { width: min(46.4rem, 100%); } 
 .skincare__cards { grid-template-columns: repeat(2, 1fr); } 
 .jeju__nav--prev { left: 1rem; } 
 .jeju__nav--next { right: 1rem; } 
 .contact__inner { grid-template-columns: 1fr; row-gap: 3rem; } 
 .hero__pager { display: none; } 

 /* product.php */
 .product-listing { padding: 10rem var(--gutter) 12rem; } 
 .collection__head { margin-bottom: 6rem; } 
 .collection__name { font-size: 3.4rem; } 
 .product-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4rem 3rem; } 

 /* product_view.php */
 .pv-detail { padding-top: 10rem; } 
 .pv-detail__grid { grid-template-columns: 1fr; row-gap: 5rem; } 
 .pv-figure { max-width: 60rem; margin: 0 auto; } 
 .pv-info { padding-top: 0; } 
 .pv-content { padding-top: 10rem; } 
 .pv-gallery { padding-top: 10rem; } 
 .pv-gallery__nav--prev { left: 1rem; } 
 .pv-gallery__nav--next { right: 1rem; } 
 .pv-tail { padding-bottom: 10rem; } 
 .pv-tail__bar { margin-bottom: 5rem; } 

 /* notice.php */
 .sub-hero__post-title { padding-top: 10rem; } 
 .board-list { padding: 6rem var(--gutter) 6rem; } 
 .board-list__row { grid-template-columns: 8rem 1fr 11rem 10rem; padding: 2rem 0; } 

 /* notice_view.php */
 .board-view { padding: 6rem var(--gutter) 6rem; } 
 .board-view__attach img { width: 100%; } 

 /* brand.php */
 .brand-detail__inner { grid-template-columns: 1fr; row-gap: 3rem; column-gap: 0; }
 .brand-detail__label { font-size: 3.2rem; line-height: 3.6rem; }
 .brand-detail__title { font-size: 2rem; line-height: 3.2rem; }
 .highlights__grid { grid-template-columns: repeat(2, 1fr); }
 .highlights__item + .highlights__item::before { display: none; }
 .highlights__item:nth-child(2n)::before { content: ""; display: block; position: absolute; left: 0; top: 15%; bottom: 15%; width: 1px; background: rgba(61, 139, 65, 0.25); }
 .recognition__inner { grid-template-columns: 1fr; row-gap: 4rem; column-gap: 0; }
 .recognition__title { font-size: 3.2rem; line-height: 4rem; margin: 0; }
 .recognition__row { grid-template-columns: auto 1fr; row-gap: 0.4rem; column-gap: 2rem; }
 .recognition__source { grid-column: 1 / -1; text-align: left; color: #7c7c7c; font-size: 1.4rem; }
 .recognition--awards .recognition__row { grid-template-columns: 1fr; }
 .recognition--awards .recognition__source { grid-column: 1; }
 .recognition__year--label { min-width: 0; }
 .brand-photos { grid-template-columns: 1fr; row-gap: 3rem; column-gap: 0; padding: 8rem var(--gutter); }
 .brand-photos__cell--right { margin-top: 0; }
 .core-tech__item { padding: 3rem 2rem; }

 /* qna.php */
 .qna { padding: 8rem var(--gutter) 8rem; }
 .qna__inner { grid-template-columns: 1fr; row-gap: 4rem; } 
 .qna__intro { padding-top: 0; } 
 .qna__desc { margin-top: 3rem; font-size: 2.4rem; line-height: 3.4rem; } 

 /* contact.php */
 .contact-info { padding: 8rem var(--gutter) 10rem; } 
 .contact-info__inner { grid-template-columns: 1fr; row-gap: 5rem; } 

 /* footer */
 .site-footer__inner { grid-template-columns: 1fr; row-gap: 4rem; } 
 .site-footer__right { align-items: flex-start; } 
 }

@media (max-width: 1024px){

  .site-footer__legal { width: auto; } 

}

@media (max-width: 640px){
 :root { --header-h: 6rem; } 

 html { font-size: 10px; } 
 body { padding-top: var(--header-h); } 

 /* header */
 .site-header__logo img { width: 4.4rem; height: 3.2rem; } 

 /* index.php */
 .hero { height: 60rem; }
 .hero-slide__title { font-size: 3rem; margin-top: 32rem; } 
 .hero-slide__lead { font-size: 1.4rem; line-height: 2.4rem; } 
 .hero-slide__inner { padding-bottom: 10rem; }
 .hero__progress { top: auto; bottom: 6rem; }

 .brand-story { padding: 8rem 3rem; } 
 .brand-story__banner { margin-top: 4rem; } 
 .brand-story__label { font-size: 3.2rem; } 
 .brand-story__title { font-size: 2rem; line-height: 3rem; } 

 .perfume { padding: 8rem 3rem; } 
 .perfume__title { font-size: 3.2rem; } 
 .perfume__desc { margin-top: 3rem; } 
 .perfume__more { margin-top: 3rem; } 
 .perfume__cards { flex-direction: column; align-items: center; } 
 .perfume-card__figure { height: 36rem; padding: 4rem; } 
 .perfume-card__link { display: block; width: 100%; }

 .skincare { padding: 8rem 3rem; margin-top: 8rem; } 
 .skincare__title { font-size: 3.2rem; } 
 .skincare__cards { grid-template-columns: 1fr; gap: 2rem; } 
 .skincare-card__figure { height: 32rem; } 

 .jeju { padding: 8rem 3rem 6rem; } 
 .jeju__title { font-size: 2.6rem; line-height: 3.6rem; } 
 .jeju__grid { gap: 1.4rem; } 
 .jeju__caption-title { font-size: 2rem; }
 .jeju__caption-desc { font-size: 1.4rem; line-height: 2rem; }

 .contact { padding: 8rem 3rem; } 
 .contact__title { font-size: 2rem; } 

 /* brand.php */
 .brand-detail { padding: 8rem 3rem; }
 .brand-detail__label { font-size: 2.8rem; line-height: 3.2rem; }
 .brand-detail__title { font-size: 1.8rem; line-height: 2.8rem; }
 .brand-detail__desc { font-size: 1.4rem; line-height: 2.2rem; }
 .brand-detail__desc br { display: none; }
 .highlights { padding: 8rem 2rem; }
 .highlights__title { font-size: 2.6rem; line-height: 3.2rem; margin: 0 0 4rem; word-break: keep-all; }
 .highlights__grid { grid-template-columns: 1fr; }
 .highlights__item { padding: 3rem 2rem; }
 .highlights__item:nth-child(2n)::before { display: none; }
 .highlights__item + .highlights__item { border-top: 1px solid rgba(61, 139, 65, 0.25); }
 .highlights__value { font-size: 1.8rem; line-height: 2.6rem; }
 .recognition { padding: 8rem 3rem; }
 .recognition__title { font-size: 2.6rem; line-height: 3.4rem; }
 .recognition__row { padding: 1.6rem 0; row-gap: 0.4rem; }
 .recognition__year, .recognition__title-cell, .recognition__source { font-size: 1.4rem; line-height: 2rem; }
 .brand-photos { padding: 6rem 3rem; row-gap: 2.4rem; }
 .core-tech { padding: 8rem 2rem 10rem; }
 .core-tech__title { font-size: 2.6rem; line-height: 3.2rem; margin: 0 0 4rem; word-break: keep-all; }
 .core-tech__grid { grid-template-columns: 1fr; }
 .core-tech__item + .core-tech__item::before { display: none; }
 .core-tech__item + .core-tech__item { border-top: 1px solid rgba(61, 139, 65, 0.25); }
 .core-tech__item { padding: 3rem 2rem; }
 .core-tech__label { font-size: 2rem; line-height: 2.8rem; }
 .core-tech__desc { font-size: 1.4rem; line-height: 2rem; }
 .core-tech__desc br { display: none; }

 /* product.php */
 .product-listing { padding: 6rem 3rem 10rem; }
 .collection + .collection { margin-top: 8rem; } 
 .collection__head { margin-bottom: 4rem; } 
 .collection__name { font-size: 2.8rem; } 
 .collection__desc { font-size: 1.4rem; line-height: 2rem; } 
 .product-list { grid-template-columns: 1fr; gap: 3rem; } 
 .product-card__figure img { width: 45%; } 
 .pagination { gap: 0.8rem; font-size: 1.4rem; } 
 .pagination__item, .pagination__ellipsis, .pagination__nav { min-width: 3rem; height: 3rem; } 

 /* product_view.php */
 .pv-detail { padding: 6rem 3rem 0; } 
 .pv-detail__grid { row-gap: 3rem; } 
 .pv-figure { max-width: 100%; } 
 .pv-info__name-en { font-size: 2.4rem; } 
 .pv-info__name-ko { font-size: 2rem; margin-top: 1.2rem; } 
 .pv-block { margin-top: 4rem; } 
 .pv-block__head { font-size: 1.6rem; } 
 .pv-block__desc { font-size: 1.4rem; } 
 .pv-block__list-item { font-size: 1.4rem; line-height: 2.4rem; } 
 .pv-rows__row { grid-template-columns: 10rem 1fr; min-height: 4.6rem; } 
 .pv-rows__label, .pv-rows__value { font-size: 1.4rem; line-height: 2rem; } 
 .pv-content { padding: 6rem 3rem 0; } 
 .pv-content__body { font-size: 1.4rem; line-height: 2.4rem; } 
 .pv-gallery { padding: 6rem 3rem 0; } 
 .pv-gallery__nav { width: 4rem; height: 4rem; } 
 .pv-tail { padding: 2.4rem 3rem 8rem; } 
 .pv-tail__bar { margin-bottom: 3.6rem; } 

 /* notice.php */
 .sub-hero__post-title { font-size: 3rem; padding: 6rem 3rem 0; } 
 .board-list { padding: 4rem 3rem 6rem; } 
 .board-list__row { grid-template-columns: 1fr 8rem; padding: 1.8rem 0; font-size: 1.4rem; line-height: 2rem; } 
 .board-list__row--head .board-list__cell--no,
 .board-list__row .board-list__cell--no,
 .board-list__cell--writer { display: none; } 
 .board-list__row--head { grid-template-columns: 1fr 8rem; } 
 .board-list__cell--title { white-space: normal; } 
 .board-pager { gap: 1.4rem; margin-top: 4rem; } 

 /* notice_view.php */
 .board-view { padding: 4rem 3rem 6rem; } 
 .board-view__head { padding: 3rem 0; } 
 .board-view__title { font-size: 2rem; line-height: 2.8rem; } 
 .board-view__meta { font-size: 1.4rem; gap: 2rem; margin-top: 1.2rem; } 
 .board-view__body { padding: 3rem 0 4rem; font-size: 1.4rem; line-height: 2.2rem; } 
 .board-view__nav-row { grid-template-columns: 6rem 1fr; padding: 1.4rem 0; } 
 .board-view__nav-label,
 .board-view__nav-title { font-size: 1.4rem; line-height: 2rem; } 
 .board-view__nav-title { white-space: normal; } 
 .board-view__actions { margin-top: 4rem; } 

 /* qna.php */
 .qna { padding: 6rem 3rem 6rem; } 
 .qna__title { font-size: 3rem; } 
 .qna__desc { font-size: 2rem; line-height: 2.8rem; margin-top: 2rem; } 
 .qna-form__notice { margin: 0rem 0 2rem; font-size: 1.2rem; } 
 .qna-form__label { font-size: 1.4rem; margin-bottom: 1rem; } 
 .qna-form__input, .qna-form__textarea { font-size: 1.4rem; height: 4.8rem; padding: 0 1.4rem; } 
 .qna-form__textarea { padding: 1.4rem; height: 20rem; } 
 .qna-form__consent-label { font-size: 1.2rem; } 

 /* contact.php */
 .contact-info { padding: 6rem 3rem 8rem; } 
 .contact-info__title { font-size: 4rem; } 
 .contact-info__center { margin-top: 4rem; } 
 .contact-info__center-tel { font-size: 3rem; } 
 .contact-info__hours, .contact-info__list { margin-top: 3rem; } 

 /* footer */
 .site-footer { padding: 4rem 3rem; } 
 }

@media (max-width: 640px){
 .board-search { flex-wrap: wrap; gap: 0.6rem; margin-bottom: 1.6rem; padding-bottom: 1.6rem; }
 .board-search__field { flex: 0 0 auto; height: 4rem; font-size: 1.4rem; }
 .board-search__keyword { flex: 1 1 auto; width: auto; min-width: 0; height: 4rem; font-size: 1.4rem; }
 .board-search__submit { height: 4rem; padding: 0 1.4rem; font-size: 1.4rem; }
 .board-search__submit span { display: none; }
 .board-search__reset { flex: 1 0 100%; justify-content: center; height: auto; padding: 0.4rem 0; font-size: 1.3rem; }
}