@charset "utf-8";

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



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

    /* FORM */
    .jt-form__data-item { width: 406rem; }

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

    /* SEARCH */
    .jt-search { width: 500rem; }

    /* LOADMORE */
    .jt-loadmore { margin-top: 74rem; }

    /* LIST COMPONENT */
    .jt-list-nothing { padding: 164rem 58rem; }
    .jt-list-nothing b:before { width: 76rem; }

    .jt-list-nothing.jt-list-nothing--secondary { min-height: 480rem; }

    /* SINGLE LAYOUT */
    .jt-single__control { margin-top: 70rem; }
    .jt-single__entry:has(> :only-child) .jt-single__control { margin-top: 80rem; }

    /* TABS */
    .jt-tabs.jt-tabs--secondary .jt-tabs__menu { margin-bottom: 50rem; }

    /* SWIPER */
    .swiper-navigation .swiper-button { width: 72rem; height: 72rem; margin: -36rem 0 0; }
    .swiper-navigation .swiper-button .jt-accent-icon { width: 26rem; }

    /* GRID LIST */
    .jt-grid-list { gap: 68rem 46rem; }
    .jt-grid-list__content { gap: 14rem; padding-top: 30rem; }

    /* BOARD LIST */
    .jt-board-list__content { padding-top: 27rem; padding-bottom: 28rem; }

}



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

    /* BUTTON */
    .jt-btn__box.jt-btn--large { min-width: 220rem; }

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

    .jt-form__entry { gap: 15rem; }
    .jt-form__entry-item { gap: 15rem; }
    .jt-form__data { gap: 15rem; }
    .jt-form__data-item { width: 332rem; }

    .jt-form__label { width: 200rem; }

    .jt-checkbox, 
    .jt-radiobox { gap: 14rem 40rem; }

    .jt-customfile__inner { gap: 15rem; }
    .jt-customfile__list { margin-top: 15rem; }
    .jt-customfile__item { gap: 8rem; }
    .jt-customfile__delete { width: 28rem; height: 28rem; }

    .jt-form__action { min-width: 220rem; padding: 15rem; }

    .jt-agreement__title { margin-bottom: 25rem; padding-bottom: 25rem; }
    .jt-agreement__content > b { margin: 30rem 0 14rem; }
    .jt-agreement__content > ul { gap: 8rem; }
    .jt-agreement__content > ul > li:before { top: 8rem; }
    .jt-agreement__conten-table { margin-top: 30rem; }
    .jt-agreement__conten-table > table :is(th, td) { padding-left: 25rem; padding-right: 25rem; }
    .jt-agreement__conten-table > table th:nth-child(1), 
    .jt-agreement__conten-table > table th:nth-child(4) { width: 190rem; }

    /* SEARCH */
    .jt-search { width: 440rem; }

    .jt-search__input { height: 52rem; }
    .jt-search__label { top: 16rem; }

    /* LOADMORE */
    .jt-loadmore { margin-top: 68rem; }

    /* LIST COMPONENT */
    .jt-list-nothing { padding: 140rem 52rem; }
    .jt-list-nothing b:before { width: 68rem; margin-bottom: 16rem; }

    .jt-list-nothing.jt-list-nothing--secondary { min-height: 420rem; }

    /* SINGLE LAYOUT */
    .jt-single__control { margin-top: 55rem; }
    .jt-single__entry:has(> :only-child) .jt-single__control { margin-top: 65rem; }

    /* ATTACHMENTS */
    .jt-download-files { gap: 8rem; }

    /* TABS */
    .jt-tabs.jt-tabs--secondary .jt-tabs__menu li a { padding: 7rem 28rem; }

    /* SWIPER */
    .swiper-control .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet { width: 8rem; height: 8rem; }

    .swiper-navigation .swiper-button { width: 70rem; height: 70rem; margin: -35rem 0 0; }

    /* GRID LIST */
    .jt-grid-list { gap: 60rem 32rem; }
    .jt-grid-list__content { gap: 12rem; padding-top: 24rem; }

    .jt-grid-list__key-label { padding: 0 18rem; }
    .jt-grid-list__key-logo { padding: 19rem 18rem; }
    .jt-grid-list__key-logo > svg { width: 88rem; }

    /* BOARD LIST */
    .jt-board-list__content { padding-top: 25rem; padding-bottom: 26rem; }

    /* JT CONFIRM */
    .jt-confirm__container { max-width: 355rem; }
    .jt-confirm__content { min-height: 135rem; padding: 32rem 28rem 28rem; }

}



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

    /* BUTTON */
    .jt-btn__text { padding: 4rem 0; }
    .jt-btn__text .jt-accent-icon { width: 14rem; }

    .jt-btn__box:not(.jt-btn--large) .jt-accent-icon { width: 14rem; }
    .jt-btn__box.jt-btn--large { gap: 6rem; min-width: 190rem; padding: 14rem 32rem; }

    .jt-btn__horizontal { gap: 16rem; padding: 14rem 18rem; }

    /* FORM */
    .jt-form__entry { flex-direction: column; gap: 20rem; }
    .jt-form__entry-item { gap: 20rem; }
    .jt-form__data { gap: 10rem; }
    .jt-form__data-item { width: 100%; }

    .jt-form__label { width: 190rem; }

    textarea.jt-form__field { height: 220rem; }

    .jt-form__valid { margin-top: 8rem; }

    .jt-checkbox, 
    .jt-radiobox { gap: 12rem 34rem; }
    .jt-checkbox label > span, 
    .jt-radiobox label > span { padding-left: 27rem; }

    .jt-customfile__inner { flex-direction: column; align-items: start; gap: 12rem; }
    .jt-customfile__delete { width: 26rem; height: 26rem; }
    .jt-customfile__delete .jt-icon { width: 11rem; height: 11rem; }

    .jt-form__action { min-width: 192rem; padding: 14rem; }

    .jt-agreement__inner { padding: 28rem 24rem 30rem; }
    .jt-agreement__title { margin-bottom: 23rem; padding-bottom: 23rem; border-bottom-width: 2rem; }
    .jt-agreement__content > b { margin: 26rem 0 12rem; }
    .jt-agreement__conten-table { margin-top: 26rem; }
    .jt-agreement__conten-table > table :is(th, td) { padding-left: 15rem; padding-right: 15rem; }
    .jt-agreement__conten-table > table th:nth-child(1), 
    .jt-agreement__conten-table > table th:nth-child(4) { width: 130rem; }
    .jt-agreement__choice { padding-top: 25rem; border-top-width: 2rem; }
    .jt-agreement__choice > b { margin-bottom: 14rem; }
    .jt-agreement__choice .jt-checkbox label > span:before { top: 2rem; }
    .jt-agreement__choice .jt-checkbox label > span:after { top: 4rem; }

    /* SEARCH */
    .jt-search { width: 348rem; }

    .jt-search__input { height: 50rem; padding-left: 14rem; padding-right: 96rem; }
    .jt-search__label { left: 14rem; }

    .jt-search__submit { right: 10rem; }
    .jt-search__submit .jt-icon { width: 22rem; }

    .jt-search__reset { right: 50rem; }
    .jt-search__reset:before { width: 22rem; height: 22rem; }
    .jt-search__reset .jt-icon { width: 11rem; }

    /* LOADMORE */
    .jt-loadmore { margin-top: 60rem; }

    .jt-loadmore__spinner { height: 8rem; margin-top: -4rem; }
    .jt-loadmore__spinner > div { width: 8rem; height: 8rem; }

    /* LIST COMPONENT */
    .jt-list-nothing { padding: 110rem 42rem; }
    .jt-list-nothing b:before { width: 58rem; margin-bottom: 15rem; }

    .jt-list-nothing.jt-list-nothing--secondary { min-height: 380rem; }

    /* SINGLE LAYOUT */
    .jt-single__meta { gap: 32rem; padding-right: 214rem; }

    .jt-single__type:after { right: -16rem; }

    .jt-single__cat > li > b:after { height: 12rem; }

    .jt-single__entry { margin-top: 68rem; }

    .jt-single__related { margin-top: 30rem; }

    .jt-single__control { margin-top: 50rem; }
    .jt-single__entry:has(> :only-child) .jt-single__control { margin-top: 60rem; }

    /* SHARE */
    .jt-share .jt-share__item { width: 38rem; height: 38rem; }
    .jt-share .jt-share__item .jt-icon { width: 22rem; }
    .jt-share .jt-share__item.jt-share--linkedin .jt-icon { width: 20rem; }

    .jt-share__tooltip { bottom: 30rem; }

    /* TABS */
    .jt-tabs__menu li a { padding: 12rem 10rem; }

    .jt-tabs.jt-tabs--secondary .jt-tabs__menu { margin-bottom: 40rem; }
    .jt-tabs.jt-tabs--secondary .jt-tabs__menu li a { padding-left: 25rem; padding-right: 25rem; }

    /* SWIPER */
    .swiper-navigation .swiper-button { width: 50rem; height: 50rem; margin: -25rem 0 0; }
    .swiper-navigation .swiper-button .jt-accent-icon { width: 18rem; }

    /* GRID LIST */
    .jt-grid-list { gap: 48rem 24rem; }
    .jt-grid-list__content { gap: 10rem; padding-top: 20rem; }

    .jt-grid-list__icon { width: 48rem; height: 48rem; }
    .jt-grid-list__icon svg { width: 18rem; }

    .jt-grid-list__key-logo { padding-top: 18rem; padding-bottom: 18rem; }

    .jt-grid-list--col3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }

    /* BOARD LIST */
    .jt-board-list__content { padding: 21rem 0 22rem; gap: 24rem; }
    .jt-board-list__actions { gap: 8rem; }

    /* JT CONFIRM */
    .jt-confirm__container { max-width: 330rem; }
    .jt-confirm__content { min-height: 130rem; }

}



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

    /* BUTTON */
    .jt-btn__box.jt-btn--large { gap: 5rem; min-width: 176rem; padding: 12rem 28rem; }

    /* FORM */
    .jt-form__entry-item { flex-direction: column; gap: 10rem; }
    .jt-form__data { flex-direction: column; gap: 5rem; }

    .jt-form__label { width: 100%; height: inherit; }

    textarea.jt-form__field { height: 200rem; }

    .jt-form__entry--pair .jt-form__data-item:first-child:nth-last-child(n+2) .jt-form__valid { display: none; }
    .jt-form__entry--pair .jt-form__data-item:nth-child(n+2) .jt-form__valid { display: block; }

    .jt-checkbox, 
    .jt-radiobox { gap: 10rem 30rem; }
    .jt-form__data :is(.jt-checkbox, .jt-radiobox) { padding: 5rem 0; }
    .jt-checkbox label > span:before, 
    .jt-radiobox label > span:before { top: 0; }
    .jt-checkbox label > span:after { top: 2rem; }
    .jt-radiobox label > span:after { top: 5rem; }

    .jt-customfile__inner { gap: 10rem; }
    .jt-customfile__list { row-gap: 8rem; }
    .jt-customfile__delete { width: 24rem; height: 24rem; }
    .jt-customfile__delete .jt-icon { width: 10rem; height: 10rem; }

    .jt-form__action { min-width: 176rem; padding: 12rem; }
    .jt-form__action-spinner { width: 60rem; height: 7rem; margin-left: -30rem; }
    .jt-form__action-spinner > div { width: 7rem; height: 7rem; margin: 0 5rem; }

    .jt-agreement__inner { padding: 26rem 20rem 28rem; }
    .jt-agreement__title { margin-bottom: 21rem; padding-bottom: 21rem; }
    .jt-agreement__content > b { margin-top: 24rem; }
    .jt-agreement__conten-table { margin-top: 24rem; padding-bottom: 1px; overflow-x: scroll; }
    .jt-agreement__conten-table > table { width: 860rem; }
    .jt-agreement__conten-table > table th:nth-child(1), 
    .jt-agreement__conten-table > table th:nth-child(4) { width: 160rem; }
    .jt-agreement__choice { padding-top: 23rem; }

    /* SEARCH */
    .jt-search { width: 100%; }
    
    .jt-search__input { padding-left: 0; padding-right: 68rem; border-bottom-width: 3rem; }
    .jt-search__label { left: 0; }

    .jt-search__submit { right: -4rem; }

    .jt-search__reset { right: 30rem; }
    .jt-search__reset:before { width: 20rem; height: 20rem; }
    .jt-search__reset .jt-icon { width: 10rem; }

    /* LOADMORE */
    .jt-loadmore { margin-top: 45rem; }

    .jt-loadmore__spinner { width: 60rem; height: 7rem; margin-left: -30rem; }
    .jt-loadmore__spinner > div { width: 7rem; height: 7rem; margin: 0 5rem; }
    
    /* LIST COMPONENT */
    .jt-list-nothing { padding: 86rem 30rem; }
    .jt-list-nothing b:before { width: 50rem; }

    .jt-list-nothing.jt-list-nothing--secondary { min-height: inherit; }
    .jt-list-nothing.jt-list-nothing--secondary > b:after { width: 5rem; height: 5rem; }
    .jt-list-nothing.jt-list-nothing--secondary > p:after { margin-left: 3rem; }

    /* SINGLE LAYOUT */
    .jt-single__title { font-size: var(--font-size-primary-04); line-height: var(--font-lineheight-primary-04); }

    .jt-single__meta { gap: 30rem; margin-bottom: 25rem; padding-right: 0; }
    
    .jt-single__cat { flex-direction: column; gap: 12rem; margin-top: 25rem; }
    .jt-single__cat > li { max-width: 100%; }

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

    .jt-single__share { margin-top: 30rem; position: relative; }

    .jt-single__tag > h2 { margin-bottom: 14rem; }

    .jt-single__related { margin-top: 20rem; }

    .jt-single__control { margin-top: 30rem; }
    .jt-single__entry:has(> :only-child) .jt-single__control { margin-top: 40rem; }
    
    /* SHARE */
    .jt-share { justify-content: flex-start; }

    .jt-share__tooltip { padding: 14rem 30rem; bottom: 25rem; }

    /* TAG */
    .jt-tag { gap: 8rem; }

    /* TABS */
    .jt-tabs.jt-tabs--secondary .jt-tabs__menu { margin-bottom: 30rem; }
    .jt-tabs.jt-tabs--secondary .jt-tabs__menu li a { padding-left: 21rem; padding-right: 21rem; }

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

    /* VIDEO */
    .jt-embed-video__overlay-btn { width: 62rem; height: 62rem; margin-top: -31rem; margin-left: -31rem; }
    .jt-embed-video__overlay-btn:after { margin-top: -5rem; border-top-width: 6rem; border-bottom-width: 6rem; border-left-width: 8rem; }

    /* GRID LIST */
    .jt-grid-list { gap: 45rem; }

    .jt-grid-list__key-label { padding: 0 16rem; }
    .jt-grid-list__key-logo { padding: 17rem 16rem; }
    .jt-grid-list__key-logo > svg { width: 82rem; }

    .jt-grid-list--col2, 
    .jt-grid-list--col3 { grid-template-columns: 1fr; }

    /* BOARD LIST */
    .jt-board-list { border-top-width: 2rem; }
    .jt-board-list__content { flex-direction: column; align-items: start; gap: 10rem; padding: 19rem 0; }
    .jt-board-list__content > * { width: 100%; }
    .jt-board-list__title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; }
    .jt-board-list__actions { gap: 6rem; }

    /* JT CONFIRM */
    .jt-confirm__container { width: calc(100% - 40rem); max-width: inherit; }
    .jt-confirm__content { min-height: 120rem; padding: 28rem 24rem 24rem; }
    .jt-confirm__btn { padding: 12rem 15rem; }

}