@charset "utf-8";

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



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

    /* GALLERY */
    .sanc-gallery-container { gap: 160rem; padding-top: 200rem; }
    .sanc-gallery-list__item { width: 600rem; }
    .sanc-gallery-list__zoom { bottom: 30rem; right: 30rem; }

    .sanc-gallery-view__inner { max-width: 900rem; }
    .sanc-gallery-view__nav { right: 60rem; }

    /*  NEWS */
    .jt-news-container { gap: 40rem; }
    .jt-news-notice { max-width: 41.61%; }

    .jt-news-list__content { gap: 32rem; }

    .jt-related-list.jt-news-list:not(.swiper-initialized) .swiper-wrapper { gap: 24rem; }
    .jt-related-list.jt-news-list .jt-news-list__content { padding-bottom: 90rem; }

    /* FAQ */
    .sanc-faq__list:not(.swiper-initialized) .swiper-wrapper { gap: 24rem; }
    .sanc-faq__item { padding: 24rem; }
    .sanc-faq__image { width: 72rem; right: 24rem; bottom: 24rem; }

    .sanc-faq-popup__image { width: 72rem; }

    /* SNS */
    body.page-template-sancnow-sns .article__header { padding-top: 156rem; }
    body.page-template-sancnow-sns .scroll-down { bottom: 32rem; }

    .sns-container { padding-top: 200rem; gap: 240rem; }
    .sns-contents__list { column-gap: 24rem; row-gap: 70rem; }
    .sns-contents__item-thumb:after { top: 16rem; right: 16rem; width: 36rem; height: 36rem; }
    .sns-contents__item-hover-icon { bottom: 18rem; right: 18rem; width: 30rem; height: 30rem; }
    .sns-contents__item-hover-icon svg { width: 14rem; }

    .sns-shortcut { padding: 92rem 0 140rem; }
    .sns-shortcut__slider .swiper-wrapper { gap: 24rem; }
    .sns-shortcut__item-inner { gap: 6rem; }
    .sns-shortcut--more .sns-shortcut__item-inner { gap: 12rem; }

    .sns-instagram .sns-contents { gap: 24rem; }

    .sns-youtube .sns-contents__item:nth-child(1) .sns-contents__item-thumb:after, 
    .sns-youtube .sns-contents__item:nth-child(2) .sns-contents__item-thumb:after { top: 24rem; right: 24rem; }
    .sns-youtube .sns-contents__item-desc { margin-top: 22rem; }
    .sns-youtube .sns-contents__item-desc h3 { margin-bottom: 14rem; }

    .sns-youtube__character { right: 8%; width: 180rem; top: 38rem; }

}



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

    /* GALLERY */
    .sanc-gallery-container { gap: 140rem; padding-top: 160rem; }
    .sanc-gallery-list { margin-left: -40rem; margin-right: -40rem; }
    .sanc-gallery-list__item { width: 487rem; margin-right: 24rem; }
    .sanc-gallery-list__item:first-child { margin-left: 40rem; }
    .sanc-gallery-list__item:last-child { margin-right: 40rem; }
    .sanc-gallery-list__zoom { width: 36rem; height: 36rem; }

    .sanc-gallery-popup__title { left: 40rem; }
    .sanc-gallery-popup__close { right: 40rem; }
    .sanc-gallery-popup__close .jt-icon { width: 14rem; }
    .sanc-gallery-view__inner { max-width: 810rem; }
    .sanc-gallery-view__nav { right: 50rem; gap: 20rem }

    /*  NEWS */
    .jt-news-container { gap: 24rem; }
    .jt-news-notice { top: 40rem; padding-bottom: 40rem; }
    .jt-news-notice-list__content { padding: 40rem 40rem 0; }
    .jt-news-notice-list__meta { margin-bottom: 20rem; }
    .jt-news-notice-list__thumb { margin-bottom: 30rem; }
    .jt-news-notice-list__title { margin-bottom: 30rem; }
    .jt-news-notice-list .swiper-control { margin-top: 30rem; }
    .jt-news-notice-list .swiper-control .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet { width: 14rem; height: 14rem; margin: 0 4rem; }
    .jt-news-notice-list .swiper-control .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet-active:after { width: 12rem; height: 12rem; margin-top: -6rem; margin-left: -6rem; }
    .jt-news-notice-list__link--outlink .jt-icon { width: 18rem; }

    .jt-news-list__content { padding: 32rem 24rem; }
    .jt-news-list__body { gap: 16rem; }
    .jt-news-list__link--outlink .jt-icon { width: 14rem; }
    
    .jt-related-list.jt-news-list { margin: 0 -40rem; padding: 0 40rem; }
    .jt-related-list.jt-news-list .swiper-wrapper { gap: 0; }
    .jt-related-list.jt-news-list .jt-news-list__item { flex: none; width: 340rem; margin-right: 24rem; }
    .jt-related-list.jt-news-list .jt-news-list__item:last-child { margin-right: 0; }
    .jt-related-list.jt-news-list .jt-news-list__content { padding-bottom: 82rem; }
    .jt-related-list.jt-news-list .jt-news-list__link { left: 24rem; bottom: 32rem; }

    /* FAQ */
    .sanc-faq { padding-bottom: 100rem; }
    .sanc-faq__list:not(.swiper-initialized) .swiper-wrapper { grid-template-columns: repeat(4, 1fr); gap: 20rem; }
    .sanc-faq__item:nth-child(n+9) { display: none; }

    .sanc-faq-popup__inner { padding: 40rem; }
    .sanc-faq-popup__text { max-height: 280rem; }

    /* SNS */
    body.page-template-sancnow-sns .article__header { padding-top: 152rem; }
    body.page-template-sancnow-sns .scroll-down { bottom: 28rem; }

    .sns-container { gap: 200rem; padding-top: 180rem; }

    .sns-contents__list { column-gap: 20rem; row-gap: 60rem; }
    .sns-contents__item-thumb:after { top: 14rem; right: 14rem; width: 32rem; height: 32rem; }
    .sns-contents__item-hover-icon { bottom: 16rem; right: 16rem; width: 28rem; height: 28rem; }
    .sns-contents__item-hover-icon svg { width: 12rem; }

    .sns-shortcut { padding: 78rem 0 140rem; }
    .sns-shortcut__slider .swiper-wrapper { gap: 20rem; }
    .sns-shortcut__item-inner { gap: 4rem; }
    .sns-contents__item-desc br { display: none; }
    .sns-shortcut--more .sns-shortcut__item-inner { gap: 10rem; }

    .sns-instagram .sns-contents { gap: 20rem; }
    .sns-instagram .sns-contents__list { column-gap: 20rem; row-gap: 50rem; }
    .sns-instagram .sns-contents__item-desc { margin-top: 14rem; }

    .sns-youtube .jt-tabs__menu { margin-bottom: 70rem; }
    .sns-youtube .sns-contents__item:nth-child(1) .sns-contents__item-thumb:after, 
    .sns-youtube .sns-contents__item:nth-child(2) .sns-contents__item-thumb:after { top: 18rem; right: 18rem; }
    .sns-youtube .sns-contents__item-desc { margin-top: 20rem; }
    .sns-youtube .sns-contents__item-desc h3 { margin-bottom: 12rem; }
    
    .sns-youtube__character { right: 6%; width: 160rem; top: 56rem; }

    .sns-blog .sns-contents__item-desc { margin-top: 18rem; }
    .sns-blog .sns-contents__item-desc h3 { margin-bottom: 6rem; }
    
}



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

    /* GALLERY */
    .sanc-gallery-container { gap: 120rem; padding-top: 140rem; }
    .sanc-gallery-list { margin-left: -24rem; margin-right: -24rem; }
    .sanc-gallery-list__item { margin-right: 20rem; }
    .sanc-gallery-list__item:first-child { margin-left: 24rem; }
    .sanc-gallery-list__item:last-child { margin-right: 24rem; }
    .sanc-gallery-list__zoom { bottom: 24rem; right: 24rem; }

    .sanc-gallery-popup__title { left: 24rem; top: 28rem; width: calc(100% - 180rem); }
    .sanc-gallery-popup__close { right: 24rem; top: 28rem; gap: 4rem; }
    .sanc-gallery-view__inner { max-width: inherit; margin: 0 24rem; }
    .sanc-gallery-view__list-item { padding-top: 60rem; }
    .sanc-gallery-view__list-item:first-child { padding-top: 80rem; }
    .sanc-gallery-view__list-item:last-child { padding-bottom: 80rem; }
    .sanc-gallery-view__nav { display: none; }

    /* NEWS */
    .jt-news-container { gap: 20rem; }
    .jt-news-notice { max-width: 50%; top: 24rem; padding-bottom: 34rem; }
    .jt-news-notice-list__content { padding: 32rem 32rem 0; }
    .jt-news-notice-list__meta { padding: 0; }
    .jt-news-notice-list__thumb { margin-bottom: 20rem; }
    .jt-news-notice-list__title { margin-bottom: 20rem; }
    .jt-news-notice-list__link--outlink .jt-icon { width: 16rem; }
    .jt-news-notice-list .swiper-control { margin-top: 20rem; }
    .jt-news-notice-list .swiper-control .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5rem; }
    .jt-news-notice-list .swiper-control .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet:before { display: none; }
    .jt-news-notice-list .swiper-control .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet:after { width: 8rem; height: 8rem; margin-top: -4rem; margin-left: -4rem; }

    .jt-news-list__content { padding: 30rem 24rem; gap: 28rem; }
    .jt-news-list__meta { padding: 0; }

    .jt-related-list.jt-news-list { margin: 0 -24rem; padding: 0 24rem; }
    .jt-related-list.jt-news-list .jt-news-list__item { width: 320rem; margin-right: 20rem; }
    .jt-related-list.jt-news-list .jt-news-list__content { padding-bottom: 76rem; }
    .jt-related-list.jt-news-list .jt-news-list__link { bottom: 30rem; }

    /* FAQ */
    .sanc-faq__list { margin: 0 -24rem; padding: 0 24rem; opacity: 0; }
    .sanc-faq__list.swiper-initialized { opacity: 1; }
    .sanc-faq__item { width: 240rem; margin-right: 16rem; }
    .sanc-faq__item:last-child { margin-right: 0; }
    .sanc-faq__item:nth-child(n+9) { display: flex; }
    .sanc-faq__image { width: 60rem; }

    .sanc-faq-popup__inner { padding: 24rem; }
    .sanc-faq-popup__content { padding: 40rem 18rem 40rem 40rem; gap: 30rem; }
    .sanc-faq-popup__close { top: 20rem; right: 20rem; }

    /* SNS */
    body.page-template-sancnow-sns .article__header { padding-top: 140rem; }
    body.page-template-sancnow-sns .scroll-down { display: none; }

    .sns-container { gap: 160rem; padding-top: 140rem; }
    .sns-contents__list { grid-template-columns: repeat(2, 1fr); column-gap: 16rem; row-gap: 50rem; }
    .sns-contents__item-thumb:after { width: 30rem; height: 30rem; }

    .sns-shortcut { padding: 60rem 0 0; }
    .sns-shortcut__bg { display: none; }
    .sns-shortcut__slider { overflow: visible; }
    .sns-shortcut__slider .swiper-wrapper { gap: 0; }
    .sns-shortcut__item { width: 280rem; margin-right: 16rem; flex: none; }
    .sns-shortcut__item:last-child { margin-right: 0; }

    .sns-instagram .sns-contents { gap: 16rem; }
    .sns-instagram .sns-contents__main { top: 24rem; }
    .sns-instagram .sns-contents__list { column-gap: 16rem; row-gap: 40rem; }
    .sns-instagram .sns-contents__item-desc { margin-top: 12rem; }
    .sns-instagram .sns-contents__item-thumb:after { top: 12rem; right: 12rem; }
    .sns-instagram .sns-contents__item-hover-icon { bottom: 14rem; right: 14rem; }

    .sns-youtube .jt-tabs__menu { margin-bottom: 56rem; }
    .sns-youtube .sns-contents__item:nth-child(1) .sns-contents__item-thumb:after, 
    .sns-youtube .sns-contents__item:nth-child(2) .sns-contents__item-thumb:after { top: 14rem; right: 14rem; }
    .sns-youtube .sns-contents__item-desc { margin-top: 16rem; }
    .sns-youtube .sns-contents__item-desc h3 { margin-bottom: 8rem; }
    .sns-youtube .sns-contents__item:nth-child(1) { grid-column: auto; }
    .sns-youtube .sns-contents__item:nth-child(2) { grid-column: auto; }

    .sns-youtube__character { right: 0; width: 140rem; top: 74rem; }

    .sns-blog .sns-contents__item-thumb:after { top: 16rem; right: 16rem; width: 32rem; height: 32rem; }
    .sns-blog .sns-contents__item-desc { margin-top: 16rem; }
    .sns-blog .sns-contents__item-desc h3 { margin-bottom: 8rem; }

}



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

    /* GALLERY */
    .sanc-gallery-container { gap: 100rem; padding-top: 120rem; }
    .sanc-gallery-section__head { gap: 14rem; padding-right: 0; }
    .sanc-gallery-section__head p br { display: none; }
    .sanc-gallery-section__head-btn { position: static; padding: 0; display: inline-block; }
    .sanc-gallery-section__head-btn > span { padding: 2rem 0; }
    .sanc-gallery-list { margin-left: -21rem; margin-right: -21rem; margin-top: 30rem; }
    .sanc-gallery-list__item { width: 320rem; margin-right: 12rem; }
    .sanc-gallery-list__item:first-child { margin-left: 21rem; }
    .sanc-gallery-list__item:last-child { margin-right: 21rem; }
    .sanc-gallery-list__zoom { width: 32rem; height: 32rem; bottom: 16rem; right: 16rem; }
    
    .sanc-gallery-popup__title { left: 21rem; top: 20rem; width: calc(100% - 120rem); }
    .sanc-gallery-popup__close { right: 21rem; top: 20rem; gap: 4rem; }
    .sanc-gallery-view__inner { margin: 0 21rem; }
    .sanc-gallery-view__list-item { padding-top: 40rem; }
    .sanc-gallery-view__list-item:first-child { padding-top: 60rem; }
    .sanc-gallery-view__list-item:last-child { padding-bottom: 60rem; }

    /* NEWS */
    .jt-news-container { flex-direction: column; gap: 12rem; }
    .jt-news-notice { position: relative; max-width: inherit; top: auto; padding-bottom: 32rem; }
    .jt-news-notice-list__content { padding: 32rem 24rem 0; }
    .jt-news-notice-list__meta { margin-bottom: 16rem; }
    .jt-news-notice-list__thumb { margin-bottom: 16rem; }
    .jt-news-notice-list__title { margin-bottom: 16rem; }
    .jt-news-notice-list__link--outlink .jt-icon { width: 14rem; }

    .jt-news-list__content { gap: 24rem; padding: 32rem 21rem; }
    .jt-news-list__body { gap: 13rem; }
    .jt-news-list__title.jt-typo--07 { font-size: var(--font-size-ko-06); line-height: var(--font-lineheight-ko-06); }

    .jt-related-list.jt-news-list { margin: 0 -21rem; padding: 0 21rem; }
    .jt-related-list.jt-news-list .jt-news-list__item { width: 300rem; margin-right: 12rem; }
    .jt-related-list.jt-news-list .jt-news-list__content { padding-bottom: 74rem; }
    .jt-related-list.jt-news-list .jt-news-list__link { left: 21rem; bottom: 32rem; }

    /* FAQ */
    .sanc-faq { padding-bottom: 80rem; }
    .sanc-faq__list { margin: 0 -21rem; padding: 0 21rem; }
    .sanc-faq__item { margin-right: 12rem; }

    .sanc-faq-popup__inner { padding: 21rem; }
    .sanc-faq-popup__image { width: 60rem; }
    .sanc-faq-popup__content { padding: 40rem 14rem 40rem 30rem; gap: 24rem; }
    .sanc-faq-popup__text { padding-right: 16rem; max-height: 260rem; }
    .sanc-faq-popup__desc { margin-top: 12rem; }
    .sanc-faq-popup__desc > * ~ * { margin-top: 8rem; }
    .sanc-faq-popup__close { top: 16rem; right: 16rem; }
    .sanc-faq-popup__category span { padding: 2rem 0; }

    /* SNS */
    body.page-template-sancnow-sns .article__header { padding-top: 100rem; }

    .sns-container { gap: 120rem; padding-top: 100rem; }
    .sns-contents__list { grid-template-columns: 1fr; row-gap: 40rem; }
    .sns-contents__item-thumb:after { top: 14rem; right: 14rem; }
    .sns-contents__item-character { display: none; }

    .sns-shortcut { padding: 45rem 0 0; }
    .sns-shortcut__item { width: 240rem; margin-right: 12rem; }
    .sns-shortcut__item-inner { gap: 2rem; }
    .sns-shortcut--more .sns-shortcut__item-inner { gap: 8rem; }

    .sns-instagram .sns-contents { grid-template-columns: 1fr; gap: 40rem; }
    .sns-instagram .sns-contents__main { position: static; }
    .sns-instagram .sns-contents__list { column-gap: 12rem; }
    .sns-instagram .sns-contents__item-thumb:after { top: 10rem; right: 10rem; }
    .sns-instagram .sns-contents__item-hover-icon { bottom: 12rem; right: 12rem; }
    .sns-instagram .sns-contents__main .sns-contents__item-thumb:after { top: 14rem; right: 14rem; width: 36rem; height: 36rem; }
    .sns-instagram .sns-contents__main .sns-contents__item-hover-icon { bottom: 16rem; right: 16rem; }

    .sns-youtube .jt-tabs__menu { margin-bottom: 40rem; }
    .sns-youtube .sns-contents__item-desc h3 { margin-bottom: 6rem; }
    .sns-youtube .sns-contents__item-thumb:after { width: 36rem; height: 36rem; }

    .sns-youtube__character { display: none; }

    .sns-blog .sns-contents__item-thumb:after { top: 14rem; right: 14rem; width: 36rem; height: 36rem; }
    .sns-blog .sns-contents__item-desc h3 { margin-bottom: 6rem; }

}