@charset "utf-8";

/*
 * File    : rwd-company.css
 * Author  : STUDIO-JT
 *
 * SUMMARY :
 * 2000px
 * 1480px
 * 1200px
 * 860px
 * 540px
 */



/* **************************************** *
 * 2000px
 * **************************************** */
@media (min-width: 2000px){
    
    /* SANC 소개 */
    .introduce-exhibition { width: calc(100vw - (var(--section-margin) * 2)); margin: 0 0 0 calc(-1 * (100vw - (var(--section-margin) * 2) - 1816rem) / 2); }

    /* SANC 메시지 */
    .message-prologue { width: calc(100vw - (var(--section-margin) * 2)); margin: 0 0 0 calc(-1 * (100vw - (var(--section-margin) * 2) - 1816rem) / 2); }

    .message-storybook__slider-wrap { width: 100vw; margin: 0 0 0 calc(-1 * (100vw - 1816rem) / 2); }
    .message-storybook__slider { max-width: 1816rem; margin-left: auto; margin-right: auto; }

    /* SANC STORES */
    .store-case__gallery { margin-left: auto; margin-right: auto; position: relative; width: 100vw; left: 50%; transform: translateX(-50%); }

}



/* **************************************** *
 * 1480px
 * **************************************** */
@media (max-width: 1480px){

    /* COMMON */
    .company-container { gap: 240rem; }

    /* SANC 소개 */
    .company-introduce { --section-gap: 30rem; }

    .company-introduce__bracket { gap: 100rem; }
    .company-introduce__bracket.company-introduce__bracket--secondary { gap: 84rem; }

    .company-introduce__separate { margin: 240rem 0; }

    .introduce-company__list { gap: 180rem; }
    .introduce-company__content { margin-top: 55rem; }
    .introduce-company__content p { margin-top: 18rem; }
    .introduce-company__content-inner p br { display: none; }
    
    .introduce-core { padding-bottom: 500rem; }
    .introduce-core__keyword > li { gap: 15rem; padding: 58rem 0; }
    .introduce-core__illust--door { width: 216rem; height: 233rem; right: 154rem; }
    .introduce-core__illust--front-line { width: 1526rem; height: 448rem; left: -400rem; }
    .introduce-core__illust--back-line { width: 1526rem; height: 448rem; right: -850rem; }

    .introduce-factory__key { --factory-size: 640rem; --factory-gap: 90rem; }
    .introduce-factory__list { margin-top: 240rem; gap: 240rem; }
    .introduce-factory__list-intro { padding-right: 30rem; }
    .introduce-factory__list-intro p { margin-top: 38rem; }
    .introduce-factory__list-intro p ~ p { margin-top: 28rem; }
    .introduce-factory__list-brand { gap: 134rem; }
    .introduce-factory__list-content { margin-top: 38rem; }
    .introduce-factory__list-content > p { margin-top: 18rem; margin-bottom: 38rem; }
    .introduce-factory__list-content > p br { display: none; }

    /* SANC 메시지 */
    .company-message { --section-gap: 30rem; }

    .message-storybook { padding: 280rem 0 240rem; }
    .message-storybook__slider-typo { margin-top: -272rem; font-size: 182rem; }
    .message-storybook__slider-item { gap: 56rem; height: 623rem; margin-right: 250rem; }
    .message-storybook__media--primary { width: 680rem; }
    .message-storybook__media--secondary { width: 458rem; }
    .message-storybook__txt { gap: 18rem; }

    .message-season { padding-top: 240rem; }
    .message-season__cards { max-width: 680rem; }
    .message-season__card-inner { max-height: 769rem; }
    .message-season__name { gap: 100rem; }

    .message-gallery { padding: 260rem 0 240rem; }
    .message-gallery__illust--bowl { width: 741rem; height: 359rem; }
    .message-gallery__illust--bean { width: 196rem; height: 184rem; top: 600rem; right: 250rem; }
    .message-gallery__illust--chopstick { width: 417rem; height: 566rem; top: 804rem; right: -133rem; }
    .message-gallery__illust--front-line { width: 1526rem; height: 448rem; bottom: 1553rem; left: -460rem; }
    .message-gallery__illust--back-line  { width: 1526rem; height: 448rem; bottom: 1640rem; right: -870rem; }

    .message-epilogue__content { gap: 36rem; }

    /* SANC HISTORY */
    .history-contents__visual { padding-right: 90rem; }
    .history-contents__desc { padding: 140rem 150rem 450rem 90rem; }
    .history-contents__term:not(:last-child) { margin-bottom: 360rem; }
    .history-contents__term-item:not(:last-child) { margin-bottom: 72rem; }

    .history-contents__filter { right: -20rem; }

    /* SANC STORES */
    .store-major__list .swiper-wrapper { gap: 24rem; }
    .store-major__list-item p { margin-top: 30rem; }
    .store-major__list-item br { display: none; }
    .store-major__list-item a { margin-top: 38rem; }

    .store-major__list-item--store .store-major__list-item-figure { width: 130rem; }
    .store-major__list-item--mall .store-major__list-item-figure { width: 182rem; }
    .store-major__list-item--amazon .store-major__list-item-figure { width: 170rem; }

    .store-distributor__list { gap: 20rem; }

    .store-case__gallery-item { width: 520rem; }

    /* SANC LOCATION */
    .location-gallery { margin-top: -120rem; padding-bottom: 260rem; }
    .location-gallery__case { padding-top: 0; }
    .location-gallery__case-item:nth-child(3) { width: 476rem; }
    .location-gallery__case-item:nth-child(4) { width: 410rem; }

    .location-gallery__illust--flower-branch { width: 442rem; height: 325rem; left: -12rem; }
    .location-gallery__illust--ginkgo-leaf { width: 213rem; height: 226rem; top: 740rem; right: 147rem; }
    .location-gallery__illust--front-line { width: 1526rem; height: 448rem; left: -460rem; }
    .location-gallery__illust--back-line { width: 1526rem; height: 448rem; right: -870rem; bottom: 100rem; }

    /* BI/CI */
    .bici-basic__symbol { padding: 152rem 0; }
    .bici-basic__symbol-image { width: 500rem; }

    .bici-color__palette { grid-template-rows: repeat(2, 328rem); }
    .bici-color__palette > * { padding: 42rem 38rem; }
    .bici-color__palette .bici-color__palette-green { padding-left: 42rem; padding-right: 42rem; }

    .bici-brand__list { gap: 24rem; }
    .bici-brand__list > li { padding: 62rem 0; }
    .bici-brand__list .bici-brand__list-logo { width: 192rem; height: 191rem; }
    .bici-brand__list-label { top: 16rem; left: 16rem; }

    .bici-position__graph-element > li.bici-position__graph--health { width: 642rem; height: 447rem; }
    .bici-position__graph-element > li.bici-position__graph--sustainability { width: 225rem; height: 268rem; margin-top: -13%; margin-left: -24.5%; }
    .bici-position__graph-element > li.bici-position__graph--authenticity { width: 256rem; height: 185rem; margin-top: -16%; margin-left: 33.3%; }
    .bici-position__graph-element > li.bici-position__graph--innovation { width: 319rem; height: 208rem; margin-top: 12.5%; margin-left: -32%; }
    .bici-position__graph-element > li.bici-position__graph--trust { width: 318rem; height: 300rem; margin-top: 9.5%; margin-left: 27%; }

    .bici-story__content { width: 546rem; }
    .bici-story__content p { margin-top: 14rem; }
    .bici-story__icon { width: 156rem; margin-bottom: 22rem; }

}



/* **************************************** *
 * 1200px
 * **************************************** */
@media (max-width: 1200px){

    /* COMMON */
    .company-container { gap: 200rem; }

    .company-slider__container { margin: 0 40rem; }
    .company-slider__content { padding: 40rem; }
    .company-slider__track .swiper-control { bottom: 40rem; }

    /* SANC 소개 */
    .company-introduce { --section-margin: 40rem; --section-gap: 28rem; }

    .company-introduce__separate { margin: 200rem 0; }

    .company-introduce__bracket { gap: 86rem; }
    .company-introduce__bracket.company-introduce__bracket--secondary { gap: 70rem; }

    .introduce-company__list { gap: 150rem; }
    .introduce-company__content { margin-top: 50rem; }
    .introduce-company__content p { margin-top: 16rem; }

    .introduce-core { padding-bottom: 420rem; }
    .introduce-core__keyword > li { gap: 13rem; padding: 54rem 0; }
    .introduce-core__keyword > li:not(:last-child):after { width: 380rem; }
    .introduce-core__illust--door { width: 184rem; height: 199rem; right: 85rem; top: 424rem; }
    .introduce-core__illust--front-line { width: 1297rem; height: 380rem; left: -350rem; bottom: 100rem; }
    .introduce-core__illust--back-line { width: 1297rem; height: 380rem; right: -740rem; bottom: 232rem; }

    .introduce-factory__key { --factory-size: 550rem; --factory-gap: 70rem; }
    .introduce-factory__list { margin-top: 200rem; gap: 200rem; }
    .introduce-factory__list-intro { padding-right: 28rem; }
    .introduce-factory__list-intro p { margin-top: 36rem; }
    .introduce-factory__list-intro p ~ p { margin-top: 26rem; }
    .introduce-factory__list-intro p br { display: none; }
    .introduce-factory__list-content { margin-top: 35rem; }
    .introduce-factory__list-content > p { margin-top: 16rem; margin-bottom: 35rem; }

    /* SANC 메시지 */
    .company-message { --section-margin: 40rem; --section-gap: 28rem; }

    .message-storybook { padding: 240rem 0 200rem; }
    .message-storybook__slider-typo { margin-top: -240rem; font-size: 156rem; }
    .message-storybook__slider .swiper-navigation .swiper-button-prev { left: 12rem; }
    .message-storybook__slider .swiper-navigation .swiper-button-next { right: 12rem; }
    .message-storybook__slider-item { gap: 42rem; height: 523rem; margin-right: 120rem; }
    .message-storybook__media { border-radius: 60rem; }
    .message-storybook__media--primary { width: 580rem; }
    .message-storybook__media--secondary { width: 390rem; }
    .message-storybook__txt { gap: 16rem; }

    .message-season { padding-top: 200rem; }
    .message-season__name { gap: 82rem; }

    .message-gallery { padding: 230rem 0 200rem; }
    .message-gallery__illust--bowl { width: 630rem; height: 306rem; left: -220rem; }
    .message-gallery__illust--bean { width: 142rem; height: 134rem; top: 520rem; right: 200rem; }
    .message-gallery__illust--chopstick { width: 302rem; height: 409rem; top: 672rem; right: -95rem; }
    .message-gallery__illust--front-line { width: 1297rem; height: 380rem; bottom: 1365rem; left: -440rem; }
    .message-gallery__illust--back-line  { width: 1297rem; height: 380rem; bottom: 1420rem; right: -780rem; }
    .message-gallery__case { gap: 28rem; }
    .message-gallery__picture:nth-child(1) { margin-top: 428rem; }
    .message-gallery__picture:nth-child(2) { margin-top: 1060rem; }
    .message-gallery__picture:nth-child(3) { margin-top: 852rem; }
    .message-gallery__picture:nth-child(5) { margin-top: 550rem; }
    .message-gallery__picture:nth-child(6) { margin-top: 1107rem; }
    .message-gallery__picture:nth-child(7) { margin-top: 929rem; }
    .message-gallery__picture:nth-child(8) { margin-top: 201rem; }
    .message-gallery__picture:nth-child(9) { margin-top: -137rem; }

    .message-epilogue__content { gap: 32rem; }

    /* SANC HISTORY */
    body.page-template-company-history .company-container { gap: 100rem; }

    .history-nav__list { justify-content: space-around; }
    .history-nav__item a { padding: 13rem 0; }

    .history-contents__visual { padding-right: 60rem; }
    .history-contents__visual-inner { width: 100%; }
    .history-contents__visual b { margin-bottom: 36rem; }
    .history-contents__visual-image { width: 90%; }
    .history-contents__visual-image--vertical { max-width: 252rem; }
    .history-contents__visual-image--square { max-width: 342rem; }
    .history-contents__desc { padding: 120rem 150rem 340rem 60rem; }
    .history-contents__term:not(:last-child) { margin-bottom: 240rem; }
    .history-contents__term-item-list { margin-top: 14rem; }
    .history-contents__term-item:not(:last-child) { margin-bottom: 60rem; }

    .history-contents__filter-item a { min-width: 110rem; padding: 4rem 18rem; }

    /* SANC STORES */
    .store-major__list .swiper-wrapper { gap: 20rem; }
    .store-major__list-item { padding: 32rem; aspect-ratio: 1 / 1.2; }
    .store-major__list-item p { margin-top: 28rem; }
    .store-major__list-item a { margin-top: 35rem; }

    .store-major__list-item--store .store-major__list-item-figure { width: 111rem; }
    .store-major__list-item--mall .store-major__list-item-figure { width: 162rem; }
    .store-major__list-item--amazon .store-major__list-item-figure { width: 145rem; }

    .store-distributor__list { grid-template-columns: repeat(4, 1fr); gap: 16rem; }

    .store-case__gallery { margin-left: -40rem; margin-right: -40rem; }
    .store-case__gallery-item { width: 480rem; }
    
    /* SANC LOCATION */
    .location-gallery { --section-margin: 40rem; padding-bottom: 200rem; }
    .location-gallery__illust--flower-branch { width: 383rem; height: 282rem; top: 90rem; left: -10rem; }
    .location-gallery__illust--ginkgo-leaf { width: 184rem; height: 196rem; top: 720rem; right: 120rem; }
    .location-gallery__illust--front-line { width: 1297rem; height: 380rem; left: -440rem; }
    .location-gallery__illust--back-line  { width: 1297rem; height: 380rem; bottom: 55rem; right: -780rem; }
    .location-gallery__case .swiper-wrapper { gap: 28rem; }
    .location-gallery__case-item-inner p { margin-top: 20rem; }
    .location-gallery__case-item:nth-child(2) .location-gallery__case-item-inner { margin-top: 440rem; }
    .location-gallery__case-item:nth-child(3) { width: 384rem; }
    .location-gallery__case-item:nth-child(3) .location-gallery__case-item-inner { margin-top: 854rem; }
    .location-gallery__case-item:nth-child(4) { width: 331rem; }
    .location-gallery__case-item:nth-child(4) .location-gallery__case-item-inner { margin-top: 1142rem; right: 145rem; }
    .location-gallery__case-item:nth-child(5) .location-gallery__case-item-inner { margin-top: -100rem; left: -129.5rem; }

    .location-map__contents { margin-top: 35rem; }

    /* BI/CI */
    .bici-basic__symbol { padding: 130rem 0; }
    .bici-basic__symbol-image { width: 452rem; }

    .bici-color__palette { grid-template-rows: repeat(2, 280rem); gap: 12rem; }
    .bici-color__palette > * { padding: 28rem; }
    .bici-color__palette-name p br { display: none; }
    .bici-color__palette .bici-color__palette-green { padding-left: 28rem; padding-right: 28rem; }
    .bici-color__palette .bici-color__palette-green .bici-color__palette-name { gap: 12rem; }

    .bici-brand__list { gap: 20rem; }
    .bici-brand__list > li { padding: 52rem 0; }
    .bici-brand__list .bici-brand__list-logo { width: 154rem; height: 153rem; }
    .bici-brand__list-label { padding: 3rem 16rem; top: 14rem; left: 14rem; }

    .bici-position__graph-element > li.bici-position__graph--health { width: 482rem; height: 336rem; }
    .bici-position__graph-element > li.bici-position__graph--sustainability { width: 169rem; height: 201rem; margin-top: -14%; margin-left: -23%; }
    .bici-position__graph-element > li.bici-position__graph--authenticity { width: 192rem; height: 139rem; margin-left: 30%; }
    .bici-position__graph-element > li.bici-position__graph--innovation { width: 240rem; height: 156rem; margin-top: 11.5%; margin-left: -29%; }
    .bici-position__graph-element > li.bici-position__graph--trust { width: 239rem; height: 225rem; margin-top: 8%; }
    .bici-position__graph-element > li span { scale: 0.75; }

    .bici-story__content { width: 400rem; height: calc(100% - 48rem); top: 24rem; right: 24rem; }
    .bici-story__content p br { display: none; }
    .bici-story__icon { width: 116rem; }

}



/* **************************************** *
 * 860px
 * **************************************** */
@media (max-width: 860px){

    /* COMMON */
    .company-container { gap: 180rem; }

    .company-slider__container { margin: 0 24rem; }
    .company-slider__container-inner { padding-top: 57%; }
    .company-slider__content { padding: 24rem; }
    .company-slider__track .swiper-control { bottom: 28rem; }

    /* SANC 소개 */
    .company-introduce { --section-margin: 24rem; --section-gap: 16rem; }
    
    .company-introduce__separate { margin: 180rem 0; }
    
    .company-introduce__bracket { gap: 82rem; }
    .company-introduce__bracket.company-introduce__bracket--secondary { gap: 60rem; }
    html.kakao .introduce-exhibition__content-inner { aspect-ratio: 3 / 4; }

    .introduce-exhibition__bg { clip-path: inset(var(--section-margin) 0% var(--section-margin) 0% round var(--round-06)); }
    .introduce-exhibition__bg-primary { clip-path: inset(var(--section-margin) 0% calc(var(--clip-gap) / 2 + var(--clip-space)) 0% round var(--round-06)); }
    .introduce-exhibition__bg-secondary { clip-path: inset(calc(var(--clip-gap) / 2 + var(--clip-space)) 0% var(--section-margin) 0% round var(--round-06)); }
    .introduce-exhibition__bg-scaler { transform-origin: top left; }
    .introduce-exhibition__content-inner { flex-direction: column; justify-content: space-around; }
    .introduce-exhibition__content--half .introduce-exhibition__txt { width: 100%; }
    .introduce-exhibition__gallery { top: var(--section-margin); left: 0; transform: none; }
    .introduce-exhibition__gallery--large { display: none; }
    .introduce-exhibition__gallery--small { display: flex; }

    .introduce-company .article__section-head h2 br { display: none; }
    .introduce-company__list { gap: 120rem; }
    .introduce-company__content { margin-top: 36rem; }
    .introduce-company__content-inner { flex: 100%; }
    .introduce-company__content p { margin-top: 14rem; }

    .introduce-core { padding-bottom: 360rem; }
    .introduce-core__keyword > li { gap: 12rem; padding: 50rem 0; }
    .introduce-core__keyword > li:not(:last-child):after { width: 345rem; }
    .introduce-core__illust--door { display: none; }
    .introduce-core__illust--front-line { width: 1090rem; height: 320rem; left: -450rem; }
    .introduce-core__illust--back-line { width: 1090rem; height: 320rem; right: -680rem; bottom: 210rem; }

    .introduce-factory__key { --factory-size: 370rem; --factory-gap: 38rem; }
    .introduce-factory__list { margin-top: 180rem; gap: 180rem; }
    .introduce-factory__list > li { flex-direction: column; gap: 56rem; }
    .introduce-factory__list > li > * { width: 100%; }
    .introduce-factory__list-intro { padding-right: 0; }
    .introduce-factory__list-intro p { margin-top: 28rem; }
    .introduce-factory__list-intro p ~ p { margin-top: 20rem; }
    .introduce-factory__list-brand { gap: 120rem; }
    .introduce-factory__list-content { margin-top: 32rem; }
    .introduce-factory__list-content > p { margin-top: 14rem; margin-bottom: 32rem; }

    /* SANC 메시지 */
    .company-message { --section-margin: 24rem; --section-gap: 16rem; }

    html.kakao .message-prologue__content-item { aspect-ratio: 3 / 4; }

    .message-storybook { padding: 200rem 0 180rem; }
    .message-storybook__slider-typo { display: none; }
    .message-storybook__slider-wrap { margin: 0; }
    .message-storybook__slider { margin: 0; }
    .message-storybook__slider .swiper-navigation { display: none; }
    .message-storybook__slider .swiper-wrapper { flex-wrap: wrap; gap: 80rem; }
    .message-storybook__slider-item { flex-direction: column; gap: 22rem; width: 100%; height: inherit; margin-right: 0; }
    .message-storybook__media { border-radius: var(--round-06); }
    .message-storybook__media--primary { width: 100%; }
    .message-storybook__media--secondary { width: 100%; }
    .message-storybook__txt { width: 100%; gap: 12rem; white-space: inherit; }
    .message-storybook__txt p br { display: none; }
    .message-storybook__banner { width: 100%; height: inherit; padding: 160rem calc(var(--section-margin) * 1.5); }
    .message-storybook__banner p { position: static; transform: none; }
    .message-storybook__banner p br { display: none; }

    .message-season { padding-top: 180rem; }
    .message-season__cards { width: 56vw; max-width: 450rem; }
    .message-season .jt-stacking-card { height: var(--cards-fvh); align-items: center; }
    .message-season .message-season__card-inner { height: 100%; max-height: 490rem; }
    .message-season__name { gap: 76rem; }

    .message-gallery { padding: 200rem 0 180rem; }
    .message-gallery__illust--bowl { width: 474rem; height: 230rem; left: -140rem; top: 120rem; }
    .message-gallery__illust--bean { width: 126rem; height: 119rem; top: 500rem; right: 130rem; }
    .message-gallery__illust--chopstick { width: 267rem; height: 362rem; top: 640rem; right: -120rem; }
    .message-gallery__illust--front-line { width: 1090rem; height: 320rem; bottom: 1345rem; left: -500rem; }
    .message-gallery__illust--back-line  { width: 1090rem; height: 320rem; bottom: 1400rem; right: -760rem; }
    .message-gallery__case { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .message-gallery__picture:nth-child(1) { margin-top: 300rem; }
    .message-gallery__picture:nth-child(2) { margin-top: 80rem; }
    .message-gallery__picture:nth-child(3) { margin-top: 700rem; grid-column: 2; grid-row: 1; }
    .message-gallery__picture:nth-child(4) { grid-column: 3; grid-row: 1; }
    .message-gallery__picture:nth-child(5) { margin-top: 120rem; grid-column: 1; grid-row: 3; }
    .message-gallery__picture:nth-child(6) { margin-top: 680rem; grid-column: 1; grid-row: 3; }
    .message-gallery__picture:nth-child(7) { margin-top: 400rem; grid-column: 3; grid-row: 3; }
    .message-gallery__picture:nth-child(8) { margin-top: 380rem; grid-column: 3; grid-row: 2; }
    .message-gallery__picture:nth-child(9) { margin-top: -80rem; grid-column: 2; grid-row: 4; }

    .message-epilogue__content { gap: 28rem; }

    /* SANC HISTORY */
    body.page-template-company-history .company-container { gap: 80rem; }

    .history-nav { width: 100%; position: relative; }
    .history-nav__list { justify-content: space-between; }
    .history-nav.sticky { position: fixed; transition: top 0.1s ease-out; }
    .history.with-header .history-nav.sticky { top: 70rem; transition: top 0.25s ease-out; }

    .history-contents__inner { grid-template-columns: 1fr; }
    .history-contents__visual { display: none; }
    .history-contents__desc { padding: 100rem 0 180rem; }
    .history-contents__desc:before { display: none; }
    .history-contents__term:not(:last-child) { margin-bottom: 180rem; }
    .history-contents__term-head { display: block; margin-bottom: 56rem; text-align: center; }
    .history-contents__term-list { padding-left: 230rem; position: relative; }
    .history-contents__term-year { margin-bottom: 8rem; }
    .history-contents__term-year strong { font-family: var(--font-primary); }
    .history-contents__term-year em { position: relative; top: -8rem; }
    .history-contents__term-subject { display: block; color: var(--color-quinary); margin-bottom: 4rem; }
    .history-contents__term-title { display: block; }
    .history-contents__term-item:not(:last-child) { margin-bottom: 68rem; }
    .history-contents__term-item-list { margin-top: 0; padding-top: 8rem; }
    .history-contents__term-list:before { content: ''; position: absolute; width: 1px; height: 100%; left: 180rem; background: var(--color-gray-400); }
    .history-contents__term-item { position: relative; }
    .history-contents__term-item > b { width: 140rem; position: absolute; left: -230rem; }
    .history-contents__term-item > b:after { content: ''; display: block; width: 10rem; height: 10rem; position: absolute; right: -45rem; top: calc(var(--font-lineheight-en-04) / 2 - 5rem); background: var(--color-gray-400); border-radius: 50%; }
    .history-contents__term-item--mark:after { margin: 5rem 0 0 6rem; }
    .history-contents__term-image { display: block; margin-top: 20rem; border-radius: var(--round-02); overflow: hidden; }
    .history-contents__term-image .jt-lazyload { padding-top: 67.85%; }
    .history-contents__term-image--vertical { max-width: 280rem; }
    .history-contents__term-image--vertical .jt-lazyload { padding-top: 135.7%; }
    .history-contents__term-image--square { max-width: 380rem; }
    .history-contents__term-image--square .jt-lazyload { padding-top: 100%; }
    .history-contents__term-image--line { border: 1rem solid var(--color-point-03); }

    .history-contents__inner.filtering .history-contents__term-item--filter p { text-underline-offset: 5rem; }

    .history-contents__filter { position: fixed; width: 100%; top: inherit; right: inherit; bottom: 0; left: 0; background: var(--color-bg); border-top: 2px solid var(--color-black); }
    .history-contents__filter-list { flex-direction: row; height: auto; padding: 12rem 21rem; }
    .history-contents__filter-list > li { flex-shrink: 0; }
    .history-contents__filter-item a { min-width: inherit; }

    /* SANC STORES */
    .store-major__list .swiper-wrapper { gap: 0; }
    .store-major__list-item { flex: none; width: 320rem; margin-right: 16rem; padding: 28rem; }
    .store-major__list-item:last-child { margin-right: 0; }
    .store-major__list-item p { margin-top: 24rem; }
    .store-major__list-item a { margin-top: 32rem; }

    .store-major__list-item--store .store-major__list-item-figure { width: 100rem; }
    .store-major__list-item--mall .store-major__list-item-figure { width: 150rem; }
    .store-major__list-item--amazon .store-major__list-item-figure { width: 132rem; }

    .store-distributor__list { grid-template-columns: repeat(3, 1fr); gap: 12rem; }
    .store-distributor__list:not(.store-distributor__list--open) .store-distributor__list-item:nth-child(n+19) { display: none; }
    .store-distributor__more { margin-top: 52rem; }
    .store-distributor__more .jt-icon { width: 18rem; }

    .store-case__gallery { margin-left: -24rem; margin-right: -24rem; }
    .store-case__gallery-item { width: 350rem; margin-left: 6rem; margin-right: 6rem; }

    /* SANC LOCATION */
    .location-gallery { --section-margin: 24rem; margin-top: -100rem; padding-bottom: 120rem; }
    .location-gallery__illust--flower-branch { width: 354rem; height: 259rem; top: 50rem; left: -70rem; }
    .location-gallery__illust--ginkgo-leaf { width: 140rem; height: 149rem; top: 700rem; right: 77rem; }
    .location-gallery__illust--front-line { width: 1090rem; height: 320rem; left: -500rem; }
    .location-gallery__illust--back-line  { width: 1090rem; height: 320rem; right: -760rem; }
    .location-gallery__case .swiper-wrapper { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .location-gallery__case-item-inner p { margin-top: 14rem; }
    .location-gallery__case-item:nth-child(1) { grid-column: 3; }
    .location-gallery__case-item:nth-child(1) .location-gallery__case-item-inner { margin-top: 80rem; }
    .location-gallery__case-item:nth-child(2) .location-gallery__case-item-inner { margin-top: 480rem; }
    .location-gallery__case-item:nth-child(3) { width: 326rem; grid-column: 3; grid-row: 2; }
    .location-gallery__case-item:nth-child(3) .location-gallery__case-item-inner { margin-top: 0; left: -105rem; }
    .location-gallery__case-item:nth-child(4) { width: 281rem; grid-column: 1; grid-row: 2; }
    .location-gallery__case-item:nth-child(4) .location-gallery__case-item-inner { margin-top: 320rem; right: -36rem; }
    .location-gallery__case-item:nth-child(5) { grid-column: 3; grid-row: 3; }
    .location-gallery__case-item:nth-child(5) .location-gallery__case-item-inner { margin-top: 58rem; left: -110.5rem; }

    .location-map__figure .jt-lazyload { padding-top: 52%; }
    .location-map__figure .jt-lazyload img { height: 100%; object-fit: cover; object-position: 30%; }
    .location-map__contents { margin-top: 30rem; }

    /* BI/CI */
    .bici-basic__symbol { padding: 110rem 0; }
    .bici-basic__symbol-image { width: 340rem; }

    .bici-color__palette { grid-template-columns: repeat(2, 1fr); grid-template-rows: 240rem 240rem 280rem; }
    .bici-color__palette .bici-color__palette-green { grid-column: auto; }
    .bici-color__palette .bici-color__palette-green .bici-color__palette-name { gap: 10rem; }
    .bici-color__palette .bici-color__palette-taupe { grid-column: 1 / span 2; }

    .bici-brand__list { grid-template-columns: repeat(3, 1fr); gap: 16rem; }
    .bici-brand__list > li { padding: 40rem 0; }
    .bici-brand__list .bici-brand__list-logo { width: 140rem; height: 139rem; }
    .bici-brand__list-label { top: 10rem; left: 10rem; }

    .bici-position__graph-element { padding-top: 60%; }
    .bici-position__graph-element > li span { scale: 0.65; }
    .bici-position__graph-element > li.bici-position__graph--health { width: 337rem; height: 235rem; }
    .bici-position__graph-element > li.bici-position__graph--sustainability { width: 118rem; height: 141rem; margin-left: -25%; margin-top: -15%; }
    .bici-position__graph-element > li.bici-position__graph--authenticity { width: 136rem; height: 100rem; margin-top: -18%; margin-left: 33.5%; }
    .bici-position__graph-element > li.bici-position__graph--innovation { width: 169rem; height: 111rem; margin-top: 15%; margin-left: -30.5%; }
    .bici-position__graph-element > li.bici-position__graph--trust { width: 167rem; height: 158rem; margin-top: 9%; margin-left: 29%; }

    .bici-story__content { width: calc(50% - 42rem); height: calc(100% - 42rem); top: 21rem; right: 21rem; }
    .bici-story__icon { width: 94rem; margin-bottom: 20rem; }

}

@media (min-width: 541px) and (max-width: 860px) and (orientation: portrait) {

    /* BI/CI */
    .bici-story__content { width: calc(100% - 42rem); height: auto; padding-top: 48rem; padding-bottom: 48rem; }

}



/* **************************************** *
 * 540px
 * **************************************** */
@media (max-width: 540px){

    /* COMMON */
    .company-container { gap: 120rem; }

    .company-slider__container { margin: 0 21rem; }
    .company-slider__container-inner { padding-top: 132%; }
    .company-slider__content { padding: 21rem; }
    .company-slider__content br { display: none; }
    .company-slider__track .swiper-control { bottom: 24rem; }

    /* SANC 소개 */
    .company-introduce { --section-margin: 21rem; --section-gap: 12rem; }
    
    .company-introduce__separate { margin: 120rem 0; }

    .company-introduce__bracket { gap: 68rem; }
    .company-introduce__bracket.company-introduce__bracket--secondary { gap: 48rem; }

    html.mobile:not(.naver, .kakao) .introduce-exhibition { padding-bottom: calc(100lvh - 100svh); }
    .introduce-exhibition__txt { padding: 0 calc(var(--section-margin) * 1.5); }
    .introduce-exhibition__txt--description br { display: none; }
    html.kakao .introduce-exhibition__content-inner { aspect-ratio: 9 / 16; }

    .introduce-company__list { gap: 80rem; }
    .introduce-company__thumb { padding-top: 60%; }
    .introduce-company__thumb .jt-bg-parallax__bg { background-position: center !important; }
    .introduce-company__content { margin-top: 28rem; }
    .introduce-company__content p { margin-top: 12rem; }

    .introduce-core { padding-bottom: 250rem; }
    .introduce-core__keyword { padding: 0 21rem; }
    .introduce-core__keyword > li:not(:last-child):after { width: 100%; }
    .introduce-core__keyword > li { gap: 10rem; padding: 36rem 0; }
    .introduce-core__illust--front-line { width: 604rem; height: 178rem; left: -250rem; bottom: 80rem; }
    .introduce-core__illust--back-line { width: 604rem; height: 178rem; right: -410rem; bottom: 145rem; }

    .introduce-factory__key { --factory-size: 326rem; }
    .introduce-factory__key > li:nth-child(n) { transform: none; }
    .introduce-factory__key > li:nth-child(2) { margin-left: 0; margin-top: calc(-1 * var(--factory-gap)); }
    .introduce-factory__list { margin-top: 120rem; gap: 120rem; }
    .introduce-factory__list > li { gap: 40rem; }
    .introduce-factory__list-intro p { margin-top: 24rem; }
    .introduce-factory__list-intro p ~ p { margin-top: 16rem; }
    .introduce-factory__list-brand { gap: 80rem; }
    .introduce-factory__list-content { margin-top: 28rem; }
    .introduce-factory__list-content > p { margin-top: 12rem; margin-bottom: 28rem; }

    /* SANC 메시지 */
    .company-message { --section-margin: 21rem; --section-gap: 12rem; }

    .message-prologue__content-item { padding: 0 calc(var(--section-margin) * 1.5); }
    .message-prologue__content-item br { display: none; }
    html.mobile .message-prologue { margin-bottom: calc( ( -1 * var(--section-margin) ) + ( 100lvh - 100svh ) ); }
    html.kakao .message-prologue__content-item { aspect-ratio: 9 / 16; }

    .message-storybook { padding: 140rem 0 120rem; }

    .message-season { padding-top: 120rem; }
    .message-season__cards { width: calc(100% -(var(--section-margin)* 2)); max-width: inherit; gap: 21rem; }
    .message-season .jt-stacking-card { height: auto; padding: 0; }
    .message-season .message-season__card-inner { max-height: inherit; }
    .message-season__picture { height: auto; padding-top: 113.15%; position: relative; }
    .message-season__picture img { position: absolute; top: 0; left: 0; }
    .message-season__name { gap: 58rem; }
    html.kakao .message-season__picture { padding-top: 0; }
    html.kakao .message-season__picture img { position: relative; }

    .message-gallery { padding: 160rem 0 120rem; }
    .message-gallery__illust--bowl,
    .message-gallery__illust--bean,
    .message-gallery__illust--chopstick { display: none; }
    .message-gallery__illust--front-line { width: 604rem; height: 178rem; bottom: 1025rem; left: -280rem; }
    .message-gallery__illust--back-line  { width: 604rem; height: 178rem; bottom: 1060rem; right: -440rem; }
    .message-gallery__case { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .message-gallery__picture:nth-child(1) { margin-top: 280rem; }
    .message-gallery__picture:nth-child(2) { margin-top: 370rem; grid-column: 1; grid-row: 2; }
    .message-gallery__picture:nth-child(3) { margin-top: 90rem; grid-column: 2; grid-row: 2; }
    .message-gallery__picture:nth-child(4) { grid-column: 2; grid-row: 1; }
    .message-gallery__picture:nth-child(5) { margin-top: 370rem; grid-column: 1; grid-row: 3; }
    .message-gallery__picture:nth-child(6) { margin-top: 90rem; grid-column: 2; grid-row: 4; }
    .message-gallery__picture:nth-child(7) { margin-top: 370rem; grid-column: 1; grid-row: 4; }
    .message-gallery__picture:nth-child(8) { margin-top: 90rem; grid-column: 2; grid-row: 3; }
    .message-gallery__picture:nth-child(9) { margin-top: 90rem; grid-column: 2; grid-row: 5; }
    .message-gallery__typo-inner > * { width: calc(100vw - (var(--section-margin) * 3)); }

    .message-epilogue { padding-bottom: 24px; }
    .message-epilogue__content { padding: 0 calc(var(--section-margin) * 1.5); gap: 24rem; }
    .message-epilogue__content br { display: none; }

    /* SANC HISTORY */
    body.page-template-company-history .company-container { gap: 68rem; }

    .history-nav:before,
    .history-nav:after { content: ''; width: 24rem; height: 100%;; position: absolute; top: 0; z-index: 2; }
    .history-nav:before { left: 0; background: linear-gradient(to right,  rgba(72,30,20,1) 0%,rgba(72,30,20,0) 100%); }
    .history-nav:after { right: 0; background: linear-gradient(to right,  rgba(72,30,20,0) 0%,rgba(72,30,20,1) 100%); }
    .history-nav__list { gap: 0; margin: 0 -21rem; overflow-x: auto; scrollbar-width: 0; justify-content: start; }
    .history-nav__list::-webkit-scrollbar { display: none; }
    .history-nav__item { flex-shrink: 0; padding: 0 16rem; }
    .history-nav__item:first-child { padding-left: 21rem; }
    .history-nav__item:last-child { padding-right: 21rem }
    .history.with-header .history-nav.sticky { top: 60rem; }

    .history-contents__desc { padding: 80rem 0 120rem 0; }
    .history-contents__term:not(:last-child) { margin-bottom: 140rem; }
    .history-contents__term-head { margin-bottom: 48rem; }
    .history-contents__term-list { padding-left: 0; }
    .history-contents__term-list:before { display: none; }
    .history-contents__term-item:not(:last-child) { margin-bottom: 48rem; }
    .history-contents__term-item > b { position: static; width: inherit; }
    .history-contents__term-item > b:after { display: none; }
    .history-contents__term-item-list { padding-top: 12rem; }
    .history-contents__term-item-list li:not(:last-child) { margin-bottom: 6rem; }
    .history-contents__term-image--vertical,
    .history-contents__term-image--square { max-width: inherit; }

    .history-contents__filter:before,
    .history-contents__filter:after { content: ''; width: 24rem; height: 100%;; position: absolute; top: 0; z-index: 2; }
    .history-contents__filter:before { left: 0; background: linear-gradient(to right,  rgba(251,251,251,1) 0%,rgba(251,251,251,0) 100%); }
    .history-contents__filter:after { right: 0; background: linear-gradient(to right,  rgba(251,251,251,0) 0%,rgba(251,251,251,1) 100%); }
    .history-contents__filter-list { padding: 12rem 21rem; gap: 0; justify-content: flex-start; overflow-x: auto; scrollbar-width: none; }
    .history-contents__filter-list::-webkit-scrollbar { display: none; }    

    /* SANC STORES */
    .store-major__list { margin-left: 0; margin-right: 0; }
    .store-major__list .swiper-wrapper { flex-direction: column; gap: 16rem; }
    .store-major__list-item { width: 100%; margin: 0; aspect-ratio: 1 / 1.1; }
    .store-major__list-item a { margin-top: 28rem; }

    .store-major__list-item--store .store-major__list-item-figure { width: 105rem; }
    .store-major__list-item--mall .store-major__list-item-figure { width: 158rem; }
    .store-major__list-item--amazon .store-major__list-item-figure { width: 143rem; }

    .store-distributor__list { grid-template-columns: repeat(2, 1fr); gap: 10rem; }
    .store-distributor__list:not(.store-distributor__list--open) .store-distributor__list-item:nth-child(n+13) { display: none; }
    .store-distributor__more { margin-top: 40rem; }
    .store-distributor__more .jt-icon { width: 14rem; }

    .store-case__gallery { margin-left: -21rem; margin-right: -21rem; }
    .store-case__gallery-item { width: 292rem; margin-left: 4rem; margin-right: 4rem; }

    /* SANC LOCATION */
    .location-gallery { --section-margin: 21rem; margin-top: 0; margin-bottom: -20rem; padding-bottom: 180rem; display: flex; flex-direction: column; }
    .location-gallery__title { height: auto; margin-bottom: 40rem; padding: 0 var(--section-margin); position: relative; order: 1; }
    .location-gallery__title-inner { height: auto; }
    .location-gallery__illust--flower-branch { width: 240rem; height: 176rem; top: 78rem; left: -70rem; }
    .location-gallery__illust--ginkgo-leaf { display: none; }
    .location-gallery__illust--front-line { width: 604rem; height: 178rem; left: -280rem; }
    .location-gallery__illust--back-line  { width: 604rem; height: 178rem; bottom: 35rem; right: -440rem; }
    .location-gallery__case { order: 2; margin: 0; padding: 0 var(--section-margin); overflow: hidden; }
    .location-gallery__case .swiper-wrapper { display: flex; gap: 0; width: auto; }
    .location-gallery__case-item { width: 230rem; margin-right: 12rem; opacity: 1; transform: none !important; }
    .location-gallery__case-item:last-child { margin-right: 0; }
    .location-gallery__case-item-inner p { margin-top: 12rem; }
    .location-gallery__case-item:nth-child(n) .location-gallery__case-item-inner { margin-top: 0; left: inherit; right: inherit; }
    .location-gallery__case-item:nth-child(3) { width: 346rem; }
    .location-gallery__case-item:nth-child(4) { width: 298rem; }
    .location-gallery__picture { height: 221rem; }
    .location-gallery__picture .jt-lazyload { height: 100%; padding-top: inherit; }
    .location-gallery__picture .jt-lazyload img { height: 100%; object-fit: cover; }

    .location-map__figure .jt-lazyload { padding-top: 70%; }
    .location-map__figure .jt-lazyload img { object-position: center; }
    .location-map__figure--large { display: none; }
    .location-map__figure--small { display: block; }
    .location-map__contents { margin-top: 24rem; flex-direction: column; gap: 24rem; }
    .location-map__contents > * { width: 100%; }
    .location-map__desc { gap: 6rem; }
    .location-map__desc > li { gap: 6rem; }
    .location-map__btn { flex-direction: column; gap: 16rem; }

    /* BI/CI */
    .bici-basic__symbol { padding: 100rem 0; }
    .bici-basic__symbol-image { width: 220rem; }

    .bici-color__palette { grid-template-columns: 1fr; grid-template-rows: inherit; }
    .bici-color__palette > * { padding-left: 24rem; padding-right: 24rem; gap: 48rem; }
    .bici-color__palette .bici-color__palette-green { grid-row: auto; padding-left: 24rem; padding-right: 24rem; }
    .bici-color__palette .bici-color__palette-green .bici-color__palette-name { gap: 6rem; }
    .bici-color__palette .bici-color__palette-taupe { grid-column: auto; }

    .bici-brand__list { grid-template-columns: repeat(2, 1fr); gap: 12rem; }
    .bici-brand__list > li { padding: 24rem 0; }
    .bici-brand__list .bici-brand__list-logo { width: 118rem; height: 117rem; }
    .bici-brand__list-label { padding: 2rem 12rem; top: 8rem; left: 8rem; }
    html.ios .bici-brand__list-label { padding-top: 3rem; }

    .bici-position__graph-element { padding-top: 100%; }
    .bici-position__graph-element > li.bici-position__graph--health { width: 219rem; height: 153rem; }
    .bici-position__graph-element > li.bici-position__graph--sustainability { width: 77rem; height: 92rem; margin-left: -29%; margin-top: -27%; }
    .bici-position__graph-element > li.bici-position__graph--authenticity { width: 89rem; height: 65rem; margin-top: -33%; margin-left: 34%; }
    .bici-position__graph-element > li.bici-position__graph--innovation { width: 110rem; height: 72rem; margin-top: 35%; margin-left: -28%; }
    .bici-position__graph-element > li.bici-position__graph--trust { width: 109rem; height: 103rem; margin-top: 26%; margin-left: 27%; }

    .bici-story__content { width: calc(100% - 42rem); height: auto; padding: 30rem 21rem; }
    .bici-story__content p { margin-top: 12rem; }
    .bici-story__icon { width: 86rem; margin-bottom: 16rem; }

}