@charset "utf-8";

/*
 * File    : rwd-strap.css
 * Author  : STUDIO-JT (KMS)
 *
 * SUMMARY :
 * 1480px
 * 1200px
 * 1023px
 * 860px
 * 540px
 */



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

    /* SEARCH */
    .jt-search-list > li > a { padding: 36rem 54rem; }

    /* BOARD */
    .jt-board-list > li > a { padding: 28rem 0; }
    .jt-board-list__control { margin-top: 100rem; }

    .jt-event-list__content { padding: 36rem; }

    /* VIDEO */
    .jt-embed-video__overlay-btn,
    .jt-background-video__error-btn { width: 80rem; height: 80rem; }

    /* ACCORDION LIST */
    .jt-accordion__head { padding: 36rem 100rem 36rem 56rem; }
    .jt-accordion__control { right: 56rem; top: 42rem; }
    .jt-accordion__content-inner { padding: 0 56rem 36rem; }

    /* JT CONFIRM */
    .jt-confirm__content  { padding: 72rem 72rem 44rem; }

    /* JT MARQUEE */
    .jt-customer__list .jt-marquee__item { width: 260rem; }

    /* JT POPUP */
    .jt-popup__container-inner { padding: 54rem; }

}



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

    /* FORM */
    .jt-form { gap: 70rem; }
    .jt-form__control { gap: 10rem; }

    /* CATEGORY */
    .jt-category { margin-bottom: 50rem; }

    /* SEARCH */
    .jt-search__input { height: 72rem; padding: 0 72rem; }
    .jt-search__label { top: 20rem; left: 72rem; }
    .jt-search__submit { width: 28rem; height: 28rem; left: 28rem; }
    .jt-search__reset { width: 28rem; height: 28rem; right: 28rem; }

    .jt-search-list > li > a { padding: 32rem 48rem; }
    .jt-search-list > li + li { margin-top: 20rem; }
    
    .search-form .jt-search { margin-bottom: 80rem; }

    /* PAGINATION */
    .jt-pagination { margin-top: 70rem; }
    .jt-pagination .jt-pagination__numbers { min-width: 24rem; margin: 0 6rem; }

    /* SWIPER */
    .swiper-control { margin-top: 32rem; margin-bottom: -8rem; }
    .swiper-control .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet { padding: 8rem; }

    /* BOARD */
    .jt-board .jt-search { margin-bottom: 80rem; }

    .jt-board-list > li > a { padding: 24rem 0; }
    .jt-board-list__category { margin-bottom: 10rem; }
    .jt-board-list__data { margin-top: 24rem; }
    .jt-board-list__control { margin-top: 80rem; }

    .jt-event-list > li + li { margin-top: 20rem; }
    .jt-event-list__thumb { padding: 10rem; }
    .jt-event-list__content { padding: 32rem; }
    .jt-event-list__category { margin-bottom: 10rem; }
    .jt-event-list__data { margin-top: 20rem; }

    /* LIST COMPONENT */
    .jt-list-count { margin-bottom: 20rem; }
    .jt-list-nothing { padding: 70rem 0 30rem; }
    .jt-list-reset .jt-icon { width: 22rem; height: 22rem; }

    /* SINGLE LAYOUT */
    .jt-single__header { padding-bottom: 50rem; padding-right: 56rem; }
    .jt-single__category { margin-bottom: 10rem; }
    .jt-single__meta { margin-top: 20rem; }
    .jt-single__content { padding-top: 50rem; }

    .jt-single__post { margin-top: 100rem; }
    .jt-single__post-item { padding: 28rem 0; gap: 50rem; }

    .jt-single__control { margin-top: 100rem; }

    /* VIDEO */
    .jt-embed-video__overlay-btn,
    .jt-background-video__error-btn { width: 70rem; height: 70rem; }

    /* ACCORDION LIST */
    .jt-accordion__head { padding: 32rem 96rem 32rem 52rem; }
    .jt-accordion__control { right: 52rem; top: 36rem; }
    .jt-accordion__content-inner { padding: 0 52rem 32rem; }

    /* SHARE */
    .jt-share .jt-share__item { width: 44rem; height: 44rem; }
    .jt-share .jt-share__item .jt-icon { width: 22rem; }
    .jt-share__tooltip { bottom: 32rem; padding: 14rem 32rem; }

    /* JT CONFIRM */
    .jt-confirm__container { max-width: 680rem; }
    .jt-confirm__content { padding: 64rem 64rem 40rem; }
    .jt-confirm__content b + p { margin-top: 20rem; }
    .jt-confirm__actions { padding-bottom: 48rem; }

    /* JT MARQUEE */
    .jt-customer__list .jt-marquee__wrap { padding-top: 16rem; }
    .jt-customer__list .jt-marquee__item { width: 240rem; margin-left: 16rem; }

    /* JT CTA */
    .jt-cta { min-height: 540rem; }
    .jt-cta__desc { margin-top: 20rem; }
    .jt-cta__btn-list { gap: 16rem; }
    .jt-cta__btn-list > a { width: 362rem; height: 100rem; padding: 16rem 32rem; }

    /* JT POPUP */
    .jt-popup__container-inner { padding: 48rem; }

}



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

    /* BUTTON */
    .jt-btn__basic { min-width: 200rem; padding: 12rem 54rem; }
    .jt-btn__stroke { padding: 10rem 52rem; }

    /* FORM */
    .jt-form__control input, .jt-form__control button { min-width: 200rem; padding: 12rem 54rem; }

    /* SEARCH */
    .jt-search-list > li > a { padding: 28rem 42rem; }

    /* BOARD */
    .jt-board-list__control { margin-top: 70rem; }

    .jt-event-list__content { padding: 28rem; }

    /* ACCORDION LIST */
    .jt-accordion__head { padding: 28rem 92rem 28rem 48rem; }
    .jt-accordion__control { right: 48rem; top: 32rem; }
    .jt-accordion__content-inner { padding: 0 48rem 28rem; }

    /* JT CONFIRM */
    .jt-confirm__btn { min-width: 200rem; padding: 12rem 54rem; }

    /* JT MARQUEE */
    .jt-customer__list .jt-marquee__wrap { padding-top: 14rem; }
    .jt-customer__list .jt-marquee__item { margin-left: 12rem; width: 220rem; }

    /* JT CTA */
    .jt-cta__btn-list > a { width: 303rem; padding: 14rem 28rem; }

    /* JT POPUP */
    .jt-popup__container-inner { padding: 40rem; }

}



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

    /* BUTTON */
    .jt-btn__basic { min-width: 180rem; padding: 12rem 48rem; }
    .jt-btn__stroke { padding: 10rem 46rem; }
    .jt-btn__arrow .jt-icon { width: 18rem; height: 18rem;}

    /* FORM */
    .jt-form { gap: 60rem; }
    .jt-form__label + .jt-form__data { margin-top: 8rem; }

    .jt-form__control { gap: 8rem; }
    .jt-form__control input, .jt-form__control button { min-width: 180rem; padding: 12rem 48rem; }

    .jt-form__loading { gap: 8rem; }
    .jt-form__loading-circle { width: 8rem; height: 8rem; }

    /* CATEGORY */
    .jt-category { margin-bottom: 38rem; }
    .jt-category ul { display: block; white-space: nowrap; overflow-x: auto; margin: 0 -24rem; padding: 0 24rem 2rem; font-size: 0; scrollbar-width: none; }
    .jt-category ul::-webkit-scrollbar { display: none; }
    .jt-category ul li { display: inline-block; }
    .jt-category ul li + li { margin-left: 8rem; }
    .jt-category ul a { padding: 8rem 28rem; }

    /* SEARCH */
    .jt-search__input { height: 64rem; padding: 0 64rem; }
    .jt-search__label { top: 18rem; left: 64rem; }
    .jt-search__submit { width: 28rem; height: 28rem; left: 28rem; }

    .jt-search-list > li > a { padding: 24rem 36rem; }
    .jt-search-list > li + li { margin-top: 16rem; }
    .jt-search-list__category { margin-bottom: 8rem; }
    
    .search-form .jt-search { margin-bottom: 72rem; }

    /* PAGINATION */
    .jt-pagination { margin-top: 60rem; }
    .jt-pagination .jt-pagination__numbers { min-width: 22rem; top: 1rem; }
    .jt-pagination .jt-pagination__numbers.jt-pagination--prev, .jt-pagination .jt-pagination__numbers.jt-pagination--next, .jt-pagination .jt-pagination__numbers.jt-pagination--first, .jt-pagination .jt-pagination__numbers.jt-pagination--last { top: 0; }

    /* CATEGORY */
    .jt-search__reset { width: 28rem; height: 28rem; right: 28rem; }

    /* SWIPER */
    .swiper-control { margin-top: 24rem; }

    /* BOARD */
    .jt-board .jt-search { margin-bottom: 72rem; }

    .jt-board-list > li > a { padding: 20rem 0; }
    .jt-board-list__data { margin-top: 20rem; }
    .jt-board-list__control { margin-top: 60rem; }

    .jt-event-list > li + li { margin-top: 16rem; }
    .jt-event-list__thumb { padding: 8rem; }
    .jt-event-list__content { padding: 24rem; }
    .jt-event-list__category { margin-bottom: 8rem; }
    .jt-event-list__data { margin-top: 16rem; gap: 20rem; }
    .jt-event-list__data > * + *:before { left: -10rem; }

    /* LIST COMPONENT */
    .jt-list-count { margin-bottom: 16rem; }
    .jt-list-nothing { padding: 60rem 0 20rem; }
    .jt-list-reset .jt-icon { width: 20rem; height: 20rem; }

    /* SINGLE LAYOUT */
    .jt-single__header { padding-bottom: 40rem; padding-right: 48rem; }
    .jt-single__category { margin-bottom: 8rem; }
    .jt-single__meta { margin-top: 16rem; }
    .jt-single__content { padding-top: 40rem; }

    .jt-single__post { margin-top: 80rem; }
    .jt-single__post-item { padding: 24rem 0; gap: 40rem; }

    .jt-single__control { margin-top: 80rem; }

    /* ACCORDION LIST */
    .jt-accordion__head { padding: 24rem 82rem 24rem 40rem; }
    .jt-accordion__control { right: 40rem; top: 29rem; width: 20rem; height: 20rem; }
    .jt-accordion__content-inner { padding: 0 40rem 24rem; }

    /* SHARE */
    .jt-share .jt-share__item { width: 40rem; height: 40rem; }
    .jt-share .jt-share__item .jt-icon { width: 20rem; height: 20rem; }
    .jt-share__tooltip { bottom: 28rem; padding: 14rem 28rem; }

    /* JT CONFIRM */
    .jt-confirm__container { max-width: 480rem; }
    .jt-confirm__content { padding: 48rem 48rem 40rem; }
    .jt-confirm__content .jt-icon { width: 44rem; height: 44rem; margin-bottom: 12rem; }
    .jt-confirm__content b + p { margin-top: 16rem; }
    .jt-confirm__actions { padding-bottom: 40rem; }
    .jt-confirm__btn { min-width: 180rem; padding: 12rem 48rem; }

    /* JT MARQUEE */
    .jt-marquee--mobile { display: block; }
    .jt-marquee--desktop { display: none; }
    .jt-customer__list .jt-marquee__wrap { padding-top: 12rem; }
    .jt-customer__list .jt-marquee__item { width: 200rem; margin-left: 10rem; }

    /* JT CTA */
    .jt-cta { min-height: 480rem; padding: 100rem 0; }
    .jt-cta__btn-list { gap: 14rem; padding-top: 0; }
    .jt-cta__btn-list > a { width: 360rem; height: 90rem; padding: 12rem 24rem; }
    .jt-cta__btn-list > a .jt-icon { width: 28rem; height: 28rem; }

    /* JT POPUP */
    .jt-popup__container-inner { padding: 32rem; }
    
    /* TABLE */
    .wp-block-table .jt-table table td,
    .wp-block-table .jt-table table th { word-break: keep-all; }
    .wp-block-table:has(.jt-table) { margin-left: -24rem; margin-right: -24rem; }
    .wp-block-table:has(.jt-table) .jt-table { overflow-x: auto; padding: 0 24rem; scrollbar-width: thin; }
    .wp-block-table:has(.jt-table) .jt-table table { display: inline-table; min-width: 100%; width: auto; }
    .wp-block-table:has(.jt-table) .jt-table + figcaption { padding: 0 24rem; }

}



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

    /* BUTTON */
    .jt-btn__basic .jt-icon { width: 14rem; height: 14rem; margin-left: 6rem; }
    .jt-btn__arrow .jt-icon { width: 16rem; height: 16rem; margin-left: 4rem; }

    /* FORM */
    .jt-form { gap: 50rem; }

    .jt-form__field { height: 48rem; padding: 0 12rem; }
    textarea.jt-form__field { padding: 8rem 12rem; }

    .jt-form__explain { margin-top: 4rem; }
    .jt-form__valid { margin-top: 4rem; }

    .jt-form__control input, .jt-form__control button { min-width: 140rem; }

    .choices__inner { height: 48rem; padding: 0 48rem 0 12rem; }
    
    html.mobile .jt-choices__wrap > select { height: 48rem; line-height: 44rem; padding: 0 48rem 0 12rem; }

    .jt-checkbox label > span:before, .jt-radiobox label > span:before { top: 1rem; }
    .jt-checkbox label > span:after { top: 4rem; }
    .jt-radiobox label > span:after { top: 6rem; }

    .jt-agreement .jt-checkbox label > span { padding-left: 28rem; }
    .jt-agreement .jt-checkbox label > span:before { width: 20rem; height: 20rem; top: 0; }
    .jt-agreement .jt-checkbox label > span:after { width: 6rem; height: 10rem; top: 4rem; left: 7rem; }
    .jt-agreement .jt-form__valid { margin-top: 4rem; }

    /* CATEGORY */
    .jt-category { margin-bottom: 28rem; }
    .jt-category ul { padding: 0 20rem 2rem; margin: 0 -20rem; }
    .jt-category ul li + li { margin-left: 6rem; }
    .jt-category ul a { padding: 8rem 24rem; }
    
    /* SEARCH */
    .jt-search__input { height: 58rem; padding: 0 58rem; }
    .jt-search__label { top: 17rem; left: 58rem; }
    .jt-search__submit { width: 24rem; height: 24rem; left: 24rem; }
    .jt-search__reset { width: 24rem; height: 24rem; right: 24rem; }

    .jt-search-list > li > a { padding: 20rem 24rem; }
    .jt-search-list > li + li { margin-top: 12rem; }
    .jt-search-list__category { margin-bottom: 4rem; }
    
    .search-form .jt-search { margin-bottom: 60rem; }

    /* PAGINATION */
    .jt-pagination { margin-top: 50rem; }
    .jt-pagination .jt-pagination__numbers { min-width: 20rem; }

    /* BOARD */
    .jt-board .jt-search { margin-bottom: 60rem; }

    .jt-board-list > li > a { padding: 20rem 0; }
    .jt-board-list__category { margin-bottom: 8rem; }
    .jt-board-list__data { margin-top: 16rem; }

    .jt-event-list > li + li { margin-top: 12rem; }
    .jt-event-list > li > a { flex-direction: column; }
    .jt-event-list__thumb { width: 100%; max-width: inherit; }
    .jt-event-list__thumb .jt-lazyload { padding-top: 68.85%; }
    .jt-event-list__thumb:not(:has(.jt-lazyload)) { display: none; }
    .jt-event-list__content { padding: 20rem; }
    .jt-event-list__category { margin-bottom: 4rem; }
    .jt-event-list__title { height: auto; }

    .jt-event-list__data { flex-direction: column; gap: 4rem; }
    .jt-event-list__data > * + *:before { display: none; }

    /* LIST COMPONENT */
    .jt-list-count { margin-bottom: 12rem; }
    .jt-list-nothing { padding: 50rem 0 0; }

    /* SINGLE LAYOUT */
    .jt-single__header { padding-bottom: 36rem; padding-right: 42rem; }
    .jt-single__category { margin-bottom: 4rem; gap: 6rem; }
    .jt-single__category--secondary { gap: 6rem; }
    .jt-single__meta { flex-direction: column; gap: 4rem; margin-top: 12rem; }
    .jt-single__meta > * + *:before { display: none; }
    .jt-single__content { padding-top: 36rem; }
    .jt-single__post-item { padding: 20rem 0; gap: 20rem; }

    .jt-single__post { margin-top: 60rem; }

    .jt-single__control { padding-top: 36rem; margin-top: 60rem; }

    /* VIDEO */
    .jt-embed-video__overlay-btn,
    .jt-background-video__error-btn { width: 60rem; height: 60rem; }

    /* ACCORDION LIST */
    .jt-accordion__head { padding: 24rem 74rem 24rem 24rem; }
    .jt-accordion__control { right: 34rem; top: 30rem; width: 16rem; height: 16rem; }
    .jt-accordion__content-inner { padding: 0 24rem 24rem; }

    /* SHARE */
    .jt-share .jt-share__item { width: 36rem; height: 36rem; }
    .jt-share .jt-share__item .jt-icon { width: 18rem; }
    .jt-share__tooltip { bottom: 24rem; padding: 14rem 24rem; }

    /* SWIPER */
    .swiper-control { margin-top: 18rem; margin-bottom: -6rem; }
    .swiper-control .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet { padding: 6rem; }
    .swiper-control .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet:after { width: 8rem; height: 8rem; }
    .swiper-control .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active:after { width: 24rem; }

    /* JT CONFIRM */
    .jt-confirm__content { padding: 40rem 24rem 32rem; }
    .jt-confirm__content .jt-icon { width: 40rem; height: 40rem; }
    .jt-confirm__content b + p { margin-top: 12rem; }
    .jt-confirm__actions { padding-bottom: 40rem; }

    /* JT MARQUEE */
    .jt-customer__list { padding-top: 12rem; }
    .jt-customer__list .jt-marquee__item { width: 160rem; margin-left: 8rem; }

    /* JT CTA */
    .jt-cta { padding: 100rem 0; min-height: 360rem; }
    .jt-cta__bg--desktop { display: none; }
    .jt-cta__bg--mobile { display: block; }
    .jt-cta__desc { margin-top: 16rem; }
    .jt-cta__btn-list > a { width: 100%; height: 80rem; }
    .jt-cta__btn-list > a .jt-icon { width: 24rem; height: 24rem; }

    /* JT POPUP */
    .jt-popup__container-inner { padding: 24rem; }
    
    /* TABLE */
    .wp-block-table:has(.jt-table) { margin-left: -20rem; margin-right: -20rem; }
    .wp-block-table:has(.jt-table) .jt-table { padding: 0 20rem; }
    .wp-block-table:has(.jt-table) .jt-table + figcaption { padding: 0 20rem; }

}