@charset "utf-8";

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



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

    /* ANCHOR LIST */
    .sub-archive__anchor { width: 40%; padding-right: 60rem; }
    .sub-archive__list { padding-left: 40%; }

}



/* **************************************** *
 * 1200px
 * **************************************** */
@media (max-width: 1200px){
    
    /* SUB VISUAL */
    .jt-sub-visual__scroll-bg--tablet { display: block; }
    .jt-sub-visual__scroll-bg--tablet + .jt-sub-visual__scroll-bg--desktop { display: none; }

    /* ANCHOR LIST */
    .sub-archive { padding-top: 100rem; }
    .sub-archive__list + .sub-archive__list { margin-top: 20rem; }
    .sub-archive__item + .sub-archive__item { margin-top: 120rem; }

}



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

    /* BUTTON */
    .jt-btn__round { padding: 12rem 36rem; }
    
    /* SUB VISUAL */
    .jt-sub-visual__scroll-category { margin-bottom: 8rem; }

    /* ANCHOR LIST */
    .sub-archive__list + .sub-archive__list { margin-top: 0rem; }
    .sub-archive__item + .sub-archive__item { margin-top: 100rem; }

}



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

    /* BUTTON */
    .jt-btn__underline .jt-icon { top: 1rem; }

    /* ANCHOR LIST */
    .sub-archive__anchor { position: relative; width: 100%; padding: 0; }
    .sub-archive__anchor-sticky { position: relative; top: 0; margin-bottom: 0; }
    .sub-archive__anchor-list { display: none; }
    .sub-archive__anchor-list > li > a { padding: 0; }
    .sub-archive__anchor-list a.jt-anchor--current:after { width: 100%; bottom: 0; }

    .sub-archive__list { padding-left: 0; padding-top: 60rem; }
    .sub-archive__list + .sub-archive__list { padding-top: 80rem; }
    .sub-archive__item + .sub-archive__item { margin-top: 80rem; }

}



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

    /* BUTTON */
    .jt-btn__basic .jt-icon { width: 20rem; height: 20rem; }

    .jt-btn__long { min-width: 328rem; }
    .jt-btn__long span { display: inline; }
    .jt-btn__long .jt-icon { margin-left: 10rem; }

    html.ios .jt-btn__underline .jt-icon { top: 1.5rem; }

    /* VIDEO */
    .jt-mejs-video .mejs__controls { padding: 3rem 10rem; }
    
    /* SHARE */
    .jt-share { margin-top: 30rem; }
 
    /* ANCHOR LIST */
    .sub-archive { padding-top: 80rem; }
    .sub-archive__anchor-sticky { gap: 10rem; }
    
    .sub-archive__list { padding-top: 40rem; }
    .sub-archive__list + .sub-archive__list { padding-top: 60rem; }
    .sub-archive__item + .sub-archive__item { margin-top: 60rem; }
    .sub-archive__item-category { left: 10rem; top: 10rem; padding: 3rem 12rem; }
    html.ios .sub-archive__item-category { padding: 3rem 12rem; }
    html.mac .sub-archive__item-category { padding: 3rem 12rem; }
    
    /* SUB VISUAL */
    .jt-sub-visual__scroll-category { margin-bottom: 4rem; }
    .jt-sub-visual__scroll-bg--mobile { display: block; }
    .jt-sub-visual__scroll-bg--tablet { display: none; }
    .jt-sub-visual__scroll-bg--desktop { display: none; }

    /* COMINGSOON ALERT */
    .jt-comingsoon__container { padding: 60rem 40rem; }
    .jt-comingsoon__title { margin-bottom: 12rem; }
    .jt-comingsoon__close { width: 20rem; height: 20rem; padding: 16rem; }

}