@charset "utf-8";

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



/* **************************************** *
 * 2000px
 * **************************************** */
@media (min-width: 2000px){

    /* 견학안내 */
    .tourinfo-gallery__slider { width: 100vw; margin: 0 0 0 calc(-1 * ( 100vw - 1816rem ) / 2); }

    /* 공식 캐릭터즈 */
    .official-character-story__group { width: 100%; max-width: 1816rem; margin-left: auto; margin-right: auto; }

}



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

    /* 견학후기 */
    .jt-review-list { gap: 100rem 32rem; }

    .sub-tour-banner { margin-top: 240rem; }
    .sub-tour-banner__inner { padding-top: 147rem; padding-bottom: 147rem; }
    .sub-tour-banner__inner b { margin-bottom: 30rem; }
    .sub-tour-banner__btn-wrap { gap: 18rem; }

    /* 견학안내 */
    .tourinfo-visual__illust--cloud { width: 258rem; height: 120rem; top: 130rem; }
    .tourinfo-visual__illust--grass { width: 400rem; height: 434rem; left: -120rem; }

    .tourinfo-gallery { padding-top: 240rem; }
    .tourinfo-gallery__slider-item { margin: 0 12rem; }
    .tourinfo-gallery__slider-item--primary { width: 560rem; }
    .tourinfo-gallery__slider-item--secondary { width: 426rem; }

    .tourinfo-brand { margin-top: 260rem; }
    .tourinfo-brand__list { max-width: 1160rem; }
    .tourinfo-brand__list-item { width: calc(50% - 30rem); }
    .tourinfo-brand__list-item:nth-child(2) { margin-top: -280rem; }
    .tourinfo-brand__list-item:nth-child(3) { margin-top: -165rem; margin-left: 6rem; }
    .tourinfo-brand__list-item:nth-child(4) { width: 406rem; margin-top: -390rem; margin-right: 34rem; }
    .tourinfo-brand__list-typo { margin-top: 38rem; }
    .tourinfo-brand__reservation-message { height: 331rem; padding-bottom: 28rem; gap: 22rem; }
    .tourinfo-brand__reservation-illust { margin-top: -60rem; padding-right: 32rem; } 
    .tourinfo-brand__reservation-illust-inner { width: 134rem; }
    .tourinfo-brand__illust--water { width: 566rem; height: 506rem; right: 0; }
    .tourinfo-brand__illust--soy { width: 111rem; height: 164rem; top: 146rem; left: -98rem; }
    .tourinfo-brand__illust--bean { width: 119rem; height: 111rem; bottom: 140rem; right: -72rem; }
    .tourinfo-brand__illust--grass { width: 156rem; height: 122rem; right: -36rem; }
    .tourinfo-brand__illust--tofu { width: 198rem; height: 205rem; top: -110rem; left: -88rem; }
    .tourinfo-brand__illust--greenbean { width: 128rem; height: 128rem; bottom: 130rem; right: -119rem; }

    .tourinfo-schedule { --padding-bottom: 200rem; padding-top: 460rem; }
    .tourinfo-schedule__bg:before { background-size: cover; }
    .tourinfo-schedule__bg--dark { height: calc(100% - (546rem + var(--padding-bottom))); top: 546rem; }
    .tourinfo-schedule__bg--dark:before { height: 545rem; top: -545rem; }
    .tourinfo-schedule__bg--light { height: calc(100% - (1277rem + var(--padding-bottom))); top: 1277rem; }
    .tourinfo-schedule__bg--light:before { height: 559rem; top: -559rem; }
    .tourinfo-schedule__bg--mountain { height: 250rem; }
    .tourinfo-schedule__pic { width: 242rem; height: 112rem; right: -242rem; }
    .tourinfo-schedule__pic--large { width: 375rem; height: 172rem; right: -375rem; }
    .tourinfo-schedule__pic-group { gap: 200rem; }
    .tourinfo-schedule__pic-group.tourinfo-schedule__pic-group--02 { top: 130rem; gap: 20rem; }
    .tourinfo-schedule__pic.tourinfo-schedule__pic--cloud-01 { left: 400rem; }
    .tourinfo-schedule__pic.tourinfo-schedule__pic--cloud-02 { right: 100rem; }
    .tourinfo-schedule__pic.tourinfo-schedule__pic--cloud-01,
    .tourinfo-schedule__pic.tourinfo-schedule__pic--cloud-04,
    .tourinfo-schedule__pic.tourinfo-schedule__pic--cloud-06 { top: 1050rem; }
    .tourinfo-schedule__pic.tourinfo-schedule__pic--cloud-02,
    .tourinfo-schedule__pic.tourinfo-schedule__pic--cloud-05 { top: 1500rem; }
    .tourinfo-schedule__pic.tourinfo-schedule__pic--cloud-03 { top: 1320rem; }
    .tourinfo-schedule__detail-item { padding: 74rem 56rem; }
    .tourinfo-schedule__pamphlet { gap: 36rem; }
    .tourinfo-schedule__pamphlet > li:not(:last-child):after { margin-top: 36rem; }
    .tourinfo-schedule__timeline ul { gap: 30rem; }

    .tourinfo-schedule__foreign { padding-bottom: 50rem; }
    .tourinfo-schedule__foreign-title { padding: 150rem 56rem; }
    .tourinfo-schedule__foreign-visit-report > b { gap: 15rem; }
    .tourinfo-schedule__foreign-message { padding: 74rem 56rem; }

    body.page-template-brandex-tour-info .sub-tour-banner { margin-top: 150rem; }

    /* 공식 캐릭터즈 */
    .official-character { --section-padding: 240rem; }

    .official-character__pictogram--star { width: 58rem; height: 68rem; }
    .official-character__pictogram--cloud { width: 420rem; height: 150rem; }

    .official-character-friends__item:first-child { margin-right: 48rem; }
    .official-character-friends__item:last-child { margin-left: 48rem; }
    .official-character-friends__image { width: 161rem; }
    .official-character-friends__name { padding-left: 38rem; padding-right: 38rem; }
    .official-character-friends--runny .official-character-friends__image { width: 340rem; }

    .official-character-book .official-character__pictogram--star { top: 205rem; right: 258rem; }
    .official-character-book__typo { top: 80rem; left: 80rem; }
    .official-character-book__item--01 .official-character-book__typo, 
    .official-character-book__item--02 .official-character-book__typo { bottom: 120rem; }
    .official-character-book__item--03 .official-character-book__typo { right: 80rem; }
    .official-character-book__slider .swiper-control { bottom: 45rem; }
    .official-character-book__slider .swiper-navigation .swiper-button { width: 46rem; height: 46rem; margin-top: -23rem; }
    .official-character-book__slider .swiper-navigation .swiper-button .jt-icon { width: 18rem; }
    .official-character-book__slider .swiper-navigation .swiper-button-prev { left: 17rem; }
    .official-character-book__slider .swiper-navigation .swiper-button-next { right: 17rem; }

    .official-character-intro .official-character__pictogram--star { top: 168rem; left: 180rem; }
    .official-character-intro .official-character__pictogram--cloud { top: 225rem; }
    .official-character-intro__card--back:after { border-width: 10rem; }
    .official-character-intro__label--left { left: -2rem; }
    .official-character-intro__label--right { right: -2rem; }
    .official-character-intro__image { width: 240rem; }
    .official-character-intro__name { bottom: 32rem; }
    .official-character-intro__content { padding: 0 74rem; }
    .official-character-intro__content p { margin-top: 20rem; }
    .official-character-intro__content p br { display: none; }
    .official-character-intro--etc .official-character-intro__image { width: 100%; max-width: 300rem; margin-top: 18rem; margin-bottom: 28rem; }
    .official-character-intro__factory { width: 100%; padding: 0 74rem; }
    .official-character-intro__factory h3 { width: calc(100% + 144rem); position: relative; left: -72rem; }
    .official-character-intro__factory .jt-btn__line { margin-top: 28rem; }

    .official-character .official-character-story { padding-bottom: 0; }
    .official-character-story__group { gap: 160rem; }
    .official-character-story__primary { flex: 1.38 1 0; }
    .official-character-story__primary p { margin-top: 32rem; }
    .official-character-story__secondary { flex: 1 1 0; }
    .official-character-story--together .official-character-story__image { width: 73%; }
    .official-character-story--together .official-character-story__pic { width: 652rem; height: 677rem; right: -165rem; top: -132rem; }
    .official-character-story--together [class*="official-character-story__star"] { width: 48rem; height: 56rem; }
    .official-character-story--together .official-character-story__star--01 { top: -40rem; left: 272rem; }
    .official-character-story--together .official-character-story__star--02 { top: 52rem; left: 160rem; }
    .official-character-story--together .official-character-story__star--03 { top: 170rem; left: 322rem; }
    .official-character-story--enjoy .official-character-story__image { width: 57%; }
    .official-character-story--enjoy .official-character-story__pic { width: 485rem; height: 524rem; top: 60rem; }
    .official-character-story--balance .official-character-story__image { width: 38%; }
    .official-character-story--balance .official-character-story__primary-inner { max-width: 86%; margin-left: 7%; }
    .official-character-story--balance .official-character-story__pic { width: 518rem; height: 584rem; left: 0; top: 0; }
    .official-character-story--balance [class*="official-character-story__star"] { width: 44rem; height: 51rem; }
    .official-character-story--balance .official-character-story__star--01 { left: 162rem; }
    .official-character-story--balance .official-character-story__star--02 { top: 200rem; left: 30rem; }

}



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

    /* 견학후기 */
    .jt-review-list { gap: 80rem 24rem; }
    .jt-review-list__content { margin-top: 14rem; padding: 14rem 56rem; gap: 2rem; }
    
    .sub-tour-banner { margin-top: 200rem; }
    .sub-tour-banner__inner { padding: 107rem 40rem; }
    .sub-tour-banner__inner b { margin-bottom: 28rem; }

    .jt-related-list .jt-review-list__item { width: 340rem; margin-right: 24rem; }

    /* 견학안내 */
    .factory-tourinfo { --section-margin: 40rem; }

    .factory-tourinfo__headline { margin-bottom: 70rem; }

    .tourinfo-visual__illust--cloud { width: 207rem; height: 96rem; top: 120rem; }
    .tourinfo-visual__illust--grass { width: 320rem; height: 348rem; left: -106rem; bottom: 0; }

    .tourinfo-gallery { padding-top: 200rem; }
    .tourinfo-gallery__slider-item { margin: 0 10rem; }
    .tourinfo-gallery__slider-item--primary { width: 480rem; }
    .tourinfo-gallery__slider-item--secondary { width: 364rem; }

    .tourinfo-brand { margin-top: 220rem; }
    .tourinfo-brand__list { max-width: inherit; margin-left: var(--section-margin); margin-right: var(--section-margin); }
    .tourinfo-brand__list-item { width: 45%; }
    .tourinfo-brand__list-item:nth-child(2) { margin-top: -260rem; }
    .tourinfo-brand__list-item:nth-child(3) { margin-top: -145rem; }
    .tourinfo-brand__list-item:nth-child(4) { width: 367rem; margin-top: -312rem; margin-right: 45rem; }
    .tourinfo-brand__list-typo { margin-top: 34rem; }
    .tourinfo-brand__reservation-message { height: 300rem; padding-bottom: 18rem; gap: 20rem; }
    .tourinfo-brand__reservation-illust-inner { width: 125rem; }
    .tourinfo-brand__illust--water { width: 510rem; height: 456rem; }
    .tourinfo-brand__illust--soy { display: none; }
    .tourinfo-brand__illust--bean { width: 107rem; height: 100rem; bottom: 130rem; right: -93rem; }
    .tourinfo-brand__illust--grass { width: 141rem; height: 110rem; bottom: 160rem; right: -30rem; }
    .tourinfo-brand__illust--tofu { width: 178rem; height: 185rem; left: -58rem; }
    .tourinfo-brand__illust--greenbean { width: 115rem; height: 115rem; bottom: 120rem; }

    .tourinfo-schedule { --padding-bottom: 180rem; padding-top: 390rem; }
    .tourinfo-schedule__bg--dark { height: calc(100% - (431rem + var(--padding-bottom))); top: 431rem; }
    .tourinfo-schedule__bg--dark:before { height: 430rem; top: -430rem; }
    .tourinfo-schedule__bg--light { height: calc(100% - (1045rem + var(--padding-bottom))); top: 1045rem; }
    .tourinfo-schedule__bg--light:before { height: 440rem; top: -440rem; }
    .tourinfo-schedule__bg--mountain { height: 230rem; background-size: auto 100%; }
    .tourinfo-schedule__pic { width: 206rem; height: 95rem; right: -206rem; }
    .tourinfo-schedule__pic--large { width: 319rem; height: 149rem; right: -319rem; }
    .tourinfo-schedule__pic-group { gap: 170rem; }
    .tourinfo-schedule__pic-group.tourinfo-schedule__pic-group--02 { gap: 10rem; }
    .tourinfo-schedule__pic.tourinfo-schedule__pic--cloud-01 { left: 360rem; }
    .tourinfo-schedule__pic.tourinfo-schedule__pic--cloud-01 { left: 320rem; }
    .tourinfo-schedule__pic.tourinfo-schedule__pic--cloud-02 { right: 60rem; }
    .tourinfo-schedule__pic.tourinfo-schedule__pic--cloud-01,
    .tourinfo-schedule__pic.tourinfo-schedule__pic--cloud-04,
    .tourinfo-schedule__pic.tourinfo-schedule__pic--cloud-06 { top: 1000rem; }
    .tourinfo-schedule__pic.tourinfo-schedule__pic--cloud-02,
    .tourinfo-schedule__pic.tourinfo-schedule__pic--cloud-05 { top: 1450rem; }
    .tourinfo-schedule__pic.tourinfo-schedule__pic--cloud-03 { top: 1270rem; }
    .tourinfo-schedule__pamphlet { gap: 32rem; }
    .tourinfo-schedule__pamphlet > li:not(:last-child):after { margin-top: 32rem; }
    .tourinfo-schedule__timeline h3 { margin-bottom: 36rem; }
    .tourinfo-schedule__timeline ul { gap: 28rem; }
    .tourinfo-schedule__timeline ul > li > b { width: 192rem; }

    /* 공식 캐릭터즈 */
    .official-character { --section-padding: 200rem; }

    .official-character__pictogram--star { width: 44rem; height: 51rem; }
    .official-character__pictogram--cloud { width: 315rem; height: 113rem; }

    .official-character-friends__item { gap: 36rem; }
    .official-character-friends__item:first-child { margin-right: 40rem; }
    .official-character-friends__item:last-child { margin-left: 40rem; }
    .official-character-friends__image { width: 120rem; }
    .official-character-friends__name { padding: 4rem 32rem 2rem; }
    .official-character-friends--runny .official-character-friends__image { width: 255rem; }
    html.ios .official-character-friends__name { padding-top: 3rem; padding-bottom: 3rem; }

    .official-character-book .official-character__pictogram--star { top: 172rem; right: 165rem; }
    .official-character-book__typo { top: 54rem; }
    .official-character-book__item--01 .official-character-book__typo, 
    .official-character-book__item--02 .official-character-book__typo { bottom: 100rem; }
    .official-character-book__slider .swiper-control { bottom: 40rem; }

    .official-character-intro .official-character__pictogram--star { left: 130rem; }
    .official-character-intro .official-character__pictogram--cloud { top: 190rem; right: -120rem; }
    .official-character-intro__list { grid-template-columns: repeat(2, 1fr); gap: 30rem; }

    .official-character-story__group { gap: 140rem; margin: 126rem 40rem 0; }
    .official-character-story__primary p { margin-top: 28rem; }
    .official-character-story--together .official-character-story__pic { width: 554rem; height: 575rem; right: -140rem; top: -100rem; }
    .official-character-story--together [class*="official-character-story__star"] { width: 41rem; height: 48rem; }
    .official-character-story--together .official-character-story__star--01 { top: -30rem; left: 206rem; } 
    .official-character-story--together .official-character-story__star--02 { top: 54rem; left: 112rem; } 
    .official-character-story--together .official-character-story__star--03 { top: 140rem; left: 242rem; }
    .official-character-story--enjoy .official-character-story__pic { width: 404rem; height: 445rem; top: 54rem; }
    .official-character-story--balance .official-character-story__primary-inner { margin-top: 40rem; }
    .official-character-story--balance .official-character-story__pic { width: 440rem; height: 496rem; top: -15rem; }
    .official-character-story--balance [class*="official-character-story__star"] { width: 37rem; height: 43rem; }
    .official-character-story--balance .official-character-story__star--01 { left: 140rem; top: 20rem; }
    .official-character-story--balance .official-character-story__star--02 { top: 148rem; }

}



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

    /* 견학후기 */
    .jt-review-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 60rem 16rem; }
    .jt-review-list__content { padding: 12rem 52rem; }

    .sub-tour-banner { margin-top: 180rem; }
    .sub-tour-banner__inner { padding: 80rem 24rem; }
    .sub-tour-banner__inner b { margin-bottom: 20rem; }
    .sub-tour-banner__btn-wrap { margin-top: 32rem; gap: 16rem; }

    .jt-related-list.jt-review-list { margin: 0 -24rem; padding: 0 24rem; }
    .jt-related-list .jt-review-list__item { width: 320rem; margin-right: 20rem; }

    /* 견학안내 */
    .factory-tourinfo { --section-margin: 24rem; }

    .factory-tourinfo__headline { margin-bottom: 56rem; }
    .factory-tourinfo__headline p { margin-top: 20rem; }

    .article__header--visual .article__visual--mask:has(.tourinfo-visual__mask) { padding-bottom: 70rem; }
    .tourinfo-visual__mask { height: auto; padding-top: 49.69%; position: relative; }
    .tourinfo-visual__illust--cloud { width: 158rem; height: 73rem; top: 300rem; }
    .tourinfo-visual__illust--grass { width: 269rem; height: 292rem; left: -92rem; }

    .tourinfo-gallery { padding-top: 100rem; }
    .tourinfo-gallery__slider-item { margin: 0 8rem; }
    .tourinfo-gallery__slider-item--primary { width: 350rem; }
    .tourinfo-gallery__slider-item--secondary { width: 265rem; }
    .tourinfo-gallery__slider-picture .jt-lazyload { width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; }

    .tourinfo-brand { margin-top: 180rem; }
    .tourinfo-brand__list-item:nth-child(2) { margin-top: -220rem; }
    .tourinfo-brand__list-item:nth-child(3) { margin-top: -95rem; }
    .tourinfo-brand__list-item:nth-child(4) { width: 280rem; margin-top: -260rem; margin-right: 20rem; }
    .tourinfo-brand__list-typo { margin-top: 30rem; }
    .tourinfo-brand__reservation-message { height: 228rem; padding: 0 68rem 28rem; gap: 10rem; text-align: center; }
    .tourinfo-brand__reservation-message > * { scale: 0.9; }
    .tourinfo-brand__reservation-message br { display: none; }
    .tourinfo-brand__reservation-illust { margin-top: -44rem; }
    .tourinfo-brand__reservation-illust-inner { width: 98rem; }
    .tourinfo-brand__illust--water { width: 371rem; height: 332rem; top: 0; }
    .tourinfo-brand__illust--bean { width: 78rem; height: 73rem; bottom: 65rem; right: -46rem; }
    .tourinfo-brand__illust--grass { width: 103rem; height: 80rem; bottom: 130rem; right: -20rem; }
    .tourinfo-brand__illust--tofu { width: 130rem; height: 135rem; left: -36rem; top: -85rem; }
    .tourinfo-brand__illust--greenbean { width: 84rem; height: 84rem; bottom: 105rem; right: -68rem; }

    .tourinfo-schedule { --padding-bottom: 150rem; padding-top: 330rem; }
    .tourinfo-schedule__bg--dark { height: calc(100% - (322rem + var(--padding-bottom))); top: 322rem; }
    .tourinfo-schedule__bg--dark:before { height: 320rem; top: -320rem; }
    .tourinfo-schedule__bg--light { height: calc(100% - (845rem + var(--padding-bottom))); top: 845rem; }
    .tourinfo-schedule__bg--light:before { height: 327rem; top: -327rem; }
    .tourinfo-schedule__bg--mountain { height: 180rem; }
    .tourinfo-schedule__pic { width: 162rem; height: 75rem; right: -162rem; }
    .tourinfo-schedule__pic--large { width: 200rem; height: 94rem; right: -200rem; }
    .tourinfo-schedule__pic[class*="tourinfo-schedule__pic--cloud-"] { display: none; }
    .tourinfo-schedule__pic-group { gap: 130rem; }
    .tourinfo-schedule__pic-group.tourinfo-schedule__pic-group--02 { top: 100rem; }
    .tourinfo-schedule__detail-item { padding: 62rem 48rem; }
    .tourinfo-schedule__pamphlet { gap: 28rem; }
    .tourinfo-schedule__pamphlet > li:not(:last-child):after { margin-top: 28rem; }
    .tourinfo-schedule__timeline h3 { margin-bottom: 34rem; }
    .tourinfo-schedule__timeline ul { gap: 26rem; }
    .tourinfo-schedule__timeline ul > li { gap: 18rem; }
    .tourinfo-schedule__timeline ul > li > b { width: 185rem; }

    .tourinfo-schedule__foreign { padding-bottom: 36rem; }
    .tourinfo-schedule__foreign-title { padding: 126rem 48rem; }
    .tourinfo-schedule__foreign-visit-report { padding-top: 110rem; padding-bottom: 110rem; }
    .tourinfo-schedule__foreign-visit-report > b { gap: 12rem; }
    .tourinfo-schedule__foreign-message { padding: 62rem 48rem; }

    body.page-template-brandex-tour-info .sub-tour-banner { margin-top: 130rem; }

    /* 견학신청 */
    body.page-template-brandex-tour-apply .jt-form { padding-bottom: 76rem; }

    /* 공식 캐릭터즈 */
    .official-character { --section-padding: 160rem; }

    .official-character__pictogram--star { width: 35rem; height: 41rem; }
    .official-character__pictogram--cloud { width: 252rem; height: 90rem; }

    .official-character-friends__slider { margin-left: -24rem; margin-right: -24rem; }
    .official-character-friends__slider .swiper-wrapper { justify-content: flex-start; gap: 0; }
    .official-character-friends__item { gap: 34rem; margin: 0 10rem; }
    .official-character-friends__name { padding-left: 26rem; padding-right: 26rem; }

    .official-character-book .official-character__pictogram--star { top: 150rem; right: 75rem; }
    .official-character-book__item { padding-top: 58%; }
    .official-character-book__typo { top: 32rem; left: 32rem; }
    .official-character-book__item--01 .official-character-book__typo, 
    .official-character-book__item--02 .official-character-book__typo { bottom: 78rem; }
    .official-character-book__item--03 .official-character-book__typo { right: inherit; left: 32rem; }
    .official-character-book__slider .swiper-control { bottom: 30rem; }
    .official-character-book__slider .swiper-navigation { display: none; }

    .official-character-intro .official-character__pictogram--star { top: 112rem; left: 80rem; }
    .official-character-intro .official-character__pictogram--cloud { top: 150rem; }
    .official-character-intro__list { gap: 21rem; }
    .official-character-intro__card--back:after { border-width: 7rem; }
    .official-character-intro__label--left { left: -8rem; }
    .official-character-intro__label--right { right: -8rem; }
    .official-character-intro__image { width: 200rem; }
    .official-character-intro__name { bottom: 26rem; }
    .official-character-intro__content { padding: 0 56rem; }
    .official-character-intro__content b { margin-top: 8rem; }
    .official-character-intro__content p { margin-top: 15rem; }
    .official-character-intro--etc .official-character-intro__image { margin-top: 4rem; margin-bottom: 20rem; }
    .official-character-intro__factory { padding: 0 56rem; }
    .official-character-intro__factory h3 { width: calc(100% + 112rem); left: -56rem; }
    .official-character-intro__factory p br { display: none; }
    .official-character-intro__factory .jt-btn__line { margin-top: 20rem; }

    .official-character-story__group { margin: 100rem 24rem 0; gap: 120rem; }
    .official-character-story__primary p { margin-top: 20rem; }
    .official-character-story--together .official-character-story__pic { width: 388rem; height: 403rem; right: -120rem; top: -80rem; }
    .official-character-story--together [class*="official-character-story__star"] { width: 29rem; height: 34rem; }
    .official-character-story--together .official-character-story__star--01 { left: 146rem; }
    .official-character-story--together .official-character-story__star--02 { top: 25rem; left: 83rem; }
    .official-character-story--together .official-character-story__star--03 { top: 90rem; left: 172rem; }
    .official-character-story--enjoy .official-character-story__pic { width: 283rem; height: 312rem; left: 5rem; top: 10rem; }
    .official-character-story--balance .official-character-story__primary-inner { max-width: 100%; margin-left: 0; margin-top: 0; }
    .official-character-story--balance .official-character-story__pic { width: 308rem; height: 347rem; left: 12rem; }
    .official-character-story--balance [class*="official-character-story__star"] { width: 26rem; height: 30rem; }
    .official-character-story--balance .official-character-story__star--01 { left: 110rem; top: 12rem; }
    .official-character-story--balance .official-character-story__star--02 { top: 104rem; left: 32rem; }

}



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

    /* 견학후기 */
    .jt-review-list { display: flex; flex-direction: column; gap: 40rem; }
    .jt-review-list__content { padding: 6rem 50rem; }

    .sub-tour-banner { margin-top: 120rem; }
    .sub-tour-banner .jt-background-video { display: none; }
    .sub-tour-banner__inner { padding: 60rem 20rem; }
    .sub-tour-banner__inner p br { display: none; }
    .sub-tour-banner__inner b { margin-bottom: 16rem; text-wrap: balance; }
    .sub-tour-banner__charactor { display: block; margin-top: 32rem; }
    .sub-tour-banner__charactor .jt-lazyload { padding-top: 49.02%; }
    .sub-tour-banner__btn-wrap { width: 100%; margin-top: 0; flex-direction: column; }

    .jt-related-list.jt-review-list { margin: 0 -21rem; padding: 0 21rem; }
    .jt-related-list .jt-review-list__item { width: 300rem; margin-right: 12rem; }

    /* 견학안내 */
    .factory-tourinfo { --section-margin: 21rem; }

    .factory-tourinfo__headline { margin-bottom: 40rem; }
    .factory-tourinfo__headline p { margin-top: 16rem; }
    .factory-tourinfo__headline p br { display: none; }

    .article__header--visual .article__visual--mask:has(.tourinfo-visual__mask) { padding-bottom: 50rem; }
    .tourinfo-visual__illust--cloud { width: 99rem; height: 46rem; top: 195rem; right: 20rem; }
    .tourinfo-visual__illust--grass { width: 157rem; height: 170rem; left: -50rem; }

    .tourinfo-gallery { padding-top: 50rem; }
    .tourinfo-gallery__slider-item { margin: 0 6rem; }
    .tourinfo-gallery__slider-item--primary { width: 260rem; }
    .tourinfo-gallery__slider-item--secondary { width: 197rem; }

    .tourinfo-brand { margin-top: 120rem; }
    .tourinfo-brand__list { display: flex; flex-direction: column; align-items: center; gap: 80rem; }
    .tourinfo-brand__list-item { width: 85%; }
    .tourinfo-brand__list-item:nth-child(n) { margin-top: 0; }
    .tourinfo-brand__list-item:nth-child(4) { width: 100%; margin-right: 0; }
    .tourinfo-brand__list-typo { margin-top: 22rem; }
    .tourinfo-brand__reservation-message { height: 255rem; padding: 0 0 18rem; gap: 16rem; }
    .tourinfo-brand__reservation-message > * { scale: 1; }
    .tourinfo-brand__reservation-message br { display: block; }
    .tourinfo-brand__reservation-illust { margin-top: -48rem; padding-right: 30rem; }
    .tourinfo-brand__reservation-illust-inner { width: 105rem; }
    .tourinfo-brand__illust--water { width: 223rem; height: 200rem; top: 438rem; right: -20rem; }
    .tourinfo-brand__illust--grass { width: 83rem; height: 64rem; right: -10rem; }
    .tourinfo-brand__illust--tofu { width: 104rem; height: 108rem; left: -26rem; top: -60rem; }
    .tourinfo-brand__illust--bean, .tourinfo-brand__illust--greenbean { display: none; }

    .tourinfo-schedule { --padding-bottom: 110rem; padding-top: 200rem; }
    .tourinfo-schedule__bg--dark { height: calc(100% - (130rem + var(--padding-bottom))); top: 130rem; }
    .tourinfo-schedule__bg--dark:before { height: 128rem; top: -128rem; }
    .tourinfo-schedule__bg--light { height: calc(100% - (485rem + var(--padding-bottom))); top: 485rem; }
    .tourinfo-schedule__bg--light:before { height: 130rem; top: -130rem; }
    .tourinfo-schedule__bg--mountain { height: 130rem; }
    .tourinfo-schedule__pic { width: 97rem; height: 45rem; right: -97rem; }
    .tourinfo-schedule__pic--large { width: 120rem; height: 56rem; right: -120rem; }
    .tourinfo-schedule__pic-group { top: 0; gap: 74rem; }
    .tourinfo-schedule__pic-group.tourinfo-schedule__pic-group--02 { top: 80rem; }
    .tourinfo-schedule__pic-group .tourinfo-schedule__pic:nth-child(1) { left: 0; }
    .tourinfo-schedule__pic-group .tourinfo-schedule__pic:nth-child(2) { right: calc(50% - 97rem); }
    .tourinfo-schedule__pic-group.tourinfo-schedule__pic-group--02 .tourinfo-schedule__pic:nth-child(1) { left: calc(50% - 120rem); }
    .tourinfo-schedule__pic-group.tourinfo-schedule__pic-group--02 .tourinfo-schedule__pic:nth-child(2) { display: none; }
    .tourinfo-schedule__detail-item { padding: 40rem 30rem; }
    .tourinfo-schedule__pamphlet { gap: 24rem; }
    .tourinfo-schedule__pamphlet > li:not(:last-child):after { margin-top: 24rem; }
    .tourinfo-schedule__pamphlet h3 { gap: 7rem; margin-bottom: 6rem; }
    .tourinfo-schedule__timeline h3 { margin-bottom: 30rem; }
    .tourinfo-schedule__timeline ul { gap: 22rem; }
    .tourinfo-schedule__timeline ul > li { gap: 13rem; }
    .tourinfo-schedule__timeline ul > li > b { width: 120rem; padding: 2rem 0; }
    html.ios .tourinfo-schedule__timeline ul > li > b { padding-top: 3rem; }

    .tourinfo-schedule__foreign { padding-bottom: 20rem; }
    .tourinfo-schedule__foreign-title { padding: 107rem 30rem; }
    .tourinfo-schedule__foreign-visit { flex-direction: column; }
    .tourinfo-schedule__foreign-visit > * { width: 100%; aspect-ratio: 1 / 1; }
    .tourinfo-schedule__foreign-visit-image { display: none; }
    .tourinfo-schedule__foreign-visit-report { display: flex; flex-direction: column; justify-content: center; gap: 4rem; padding: 30rem; }
    .tourinfo-schedule__foreign-visit-report > b { gap: 8rem; }
    .tourinfo-schedule__foreign-message { padding: 36rem 24rem; }

    body.page-template-brandex-tour-info .sub-tour-banner { margin-top: 120rem; }

    /* 견학신청 */
    body.page-template-brandex-tour-apply .article__desc br { display: none; }

    body.page-template-brandex-tour-apply .jt-form { padding-bottom: 69rem; }

    /* 공식 캐릭터즈 */
    .official-character { --section-padding: 120rem; }

    #visual-star.article__visual-bg { background-position: 60% 50%; }
    .visual-star_character { background-size: auto 520rem; background-position: 58% 100%; }

    .official-character-friends__item { gap: 28rem; margin: 0 8rem; }
    .official-character-friends__image { width: 100rem; }
    .official-character-friends__name { padding: 4rem 20rem 1rem; }
    .official-character-friends--runny .official-character-friends__image { width: 211rem; }
    html.ios .official-character-friends__name { padding-top: 3rem; padding-bottom: 2rem; }
    html.android .official-character-friends__name { padding-top: 2rem; padding-bottom: 2rem; }

    .official-character-book .official-character__pictogram--star { top: 84rem; right: 45rem; }
    .official-character-book--large-slider { display: none; }
    .official-character-book--small-slider { display: block; }
    .official-character-book__item { padding-top: 130%; }
    .official-character-book__bg:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.2); }
    .official-character-book__typo { width: calc(100% - 48rem); top: 24rem; left: 24rem; white-space: normal; }
    .official-character-book__slider .swiper-control { display: flex; align-items: center; justify-content: center; gap: 6rem; bottom: 16rem; }
    .official-character-book__slider .swiper-control .swiper-button { width: 30rem; height: 30rem; margin: 0; position: relative; top: auto; bottom: auto; left: auto; right: auto; }
    .official-character-book__slider .swiper-control .swiper-button:after { display: none; }
    .official-character-book__slider .swiper-control .swiper-button .jt-icon { width: 16rem; position: absolute; top: 50%; left: 50%; translate: -50% -50%; }
    .official-character-book__slider .swiper-control .swiper-button .jt-icon path { fill: var(--color-white); }
    .official-character-book__slider .swiper-pagination { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
    .official-character-book__slider .swiper-pagination-fraction { display: inline-flex; align-items: center; gap: 4rem; width: auto; position: static; transform: none; }
    .official-character-book__slider .swiper-pagination-fraction > span { width: 12rem; font-family: var(--font-third); font-size: 13rem; font-weight: 400; line-height: 1; text-align: center; color: var(--color-white); }

    .official-character-intro .official-character__pictogram--star { top: 70rem; left: 25rem; }
    .official-character-intro .official-character__pictogram--cloud { display: none; }
    .official-character-intro__list { grid-template-columns: 1fr; gap: 16rem; }
    .official-character-intro__card--back:after { border-width: 5rem; }
    .official-character-intro__image { width: 186rem; }

    .official-character-story__group { margin: 60rem 21rem 0; gap: 80rem; }
    .official-character-story__row { flex-direction: column; }
    .official-character-story__row > * { width: 100%; }
    .official-character-story__primary { order: 2; }
    .official-character-story--together .official-character-story__image { width: 62%; }
    .official-character-story--together .official-character-story__pic { width: 233rem; height: 242rem; right: -94rem; top: 247rem; }
    .official-character-story--together [class*="official-character-story__star"] { width: 17rem; height: 20rem; }
    .official-character-story--together .official-character-story__star--01 { top: 280rem; left: 280rem; }
    .official-character-story--together .official-character-story__star--02 { top: 315rem; left: 230rem; }
    .official-character-story--together .official-character-story__star--03 { top: 348rem; left: 290rem; }
    .official-character-story--enjoy .official-character-story__image { width: 52%; }
    .official-character-story--enjoy .official-character-story__pic { width: 170rem; height: 187rem; left: -46rem; top: 260rem; }
    .official-character-story--balance .official-character-story__image { width: 35%; }
    .official-character-story--balance .official-character-story__secondary { display: none; }

}