@charset "utf-8";

/*
 * File       : rwd-main.css
 * Author     : STUDIO-JT (Chaehee)
 * Guideline  : JTstyle.2.0
 * Dependency : css/reset.css
 *              css/jt-strap.css
 *
 * SUMMARY:
 * 01) 1900px
 * 02) 1480px
 * 03) 1200px
 * 04) 1023px
 * 05) 860px
 * 06) 540px 
 */



/* **************************************** *
 * 1900px
 * **************************************** */
@media (max-width: 1900px){
    
    .main-visual .swiper-navigation { max-width: inherit; width: calc(100% - 100rem); }
}



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

    .main-visual .swiper-navigation { width: 100%; }

    .main-last { padding-bottom: 155rem; }
    .main-last-list { margin-top: 55rem; }
    .main-last-list__item--txt { height: 440rem; }
    .main-last-list__item--txt:nth-child(5n):not(:nth-child(10n)),
    .main-last-list__item--txt:nth-child(10n - 1) { height: 540rem; }
}



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

    .main-last { padding-bottom: 135rem; }
    .main-last-list { margin-bottom: -124rem; }
    .main-last-list__item { margin-bottom: 124rem; }
    .main-last-list__desc br { display: none; }
    .main-last-list__thumb-icon { bottom: 24rem; right: 24rem; width: 30rem; height: 30rem; }
    .main-last-list__item--txt { padding: 0; height: 400rem; }
    .main-last-list__item--txt .main-last-list__link { padding: 76rem 40rem 52rem; }
    .main-last-list__item--txt .main-last-list__meta { top: 48rem; left: 40rem; }
    .main-last-list__item--txt:nth-child(5n):not(:nth-child(10n)),
    .main-last-list__item--txt:nth-child(10n - 1) { height: 440rem; }
    .main-last-list__item--txt .main-last-list__tag { left: 39rem; }
}



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

    body.home .main-container { padding-top: 65rem; }

    .main-typo-container  { display: none; }

    .main-visual { height: 600rem; padding-top: 0; }
    .main-visual .main-visual__container { position: relative; top: auto; left: auto; }
    .main-visual__slide-bg:after { background: rgba(0,0,0,0.45); }

    .main-last { padding-top: 105rem; padding-bottom: 115rem; }
    .main-last-list { -webkit-column-gap: 22rem; -moz-column-gap: 22rem; column-gap: 22rem; margin-top: 50rem; margin-bottom: -114rem; }
    .main-last-list__item { padding-top: 22rem; margin-bottom: 114rem; }
    .main-last-list__meta + .main-last-list__title { margin-top: 14rem; }
    .main-last-list__meta + .main-last-list__thumb { margin-top: 18rem; }
    .main-last-list__desc { -webkit-line-clamp: 2; }
    .main-last-list__item--txt { padding: 0; height: 360rem; }
    .main-last-list__item--txt:nth-child(5n):not(:nth-child(10n)),
    .main-last-list__item--txt:nth-child(10n - 1) { height: 400rem; }
    .main-last-list__item--txt .main-last-list__link { padding: 69rem 36rem 42rem; }
    .main-last-list__item--txt .main-last-list__meta { top: 42rem; left: 36rem; }
    .main-last-list__item--txt .main-last-list__desc { margin-top: 10rem; }
    .main-last-list__item--txt .main-last-list__tag { bottom: 35rem; left: 36rem; }
}



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

    body.home .main-container { padding-top: 60rem; }

    .main-visual { height: 500rem; }
    .main-visual__slide-content-inner { padding-top: 55rem; }
    .main-visual__slide-content-desc { margin-top: 12rem; }
    .main-visual__slide-btn .jt-guide--icon { width: 36rem; }

    .main-last { padding-top: 65rem; padding-bottom: 95rem; }
    .main-last-list { grid-template-columns: 1fr 1fr; margin-top: 33rem; margin-bottom: -85rem; }
    .main-last-list__item { padding-top: 20rem; margin-bottom: 85rem; }
    .main-last-list__item:nth-child(5n):not(:nth-child(10n)) { grid-column: auto; }
    .main-last-list__item:nth-child(10n - 1) { grid-column: auto; }
    .main-last-list__meta + .main-last-list__thumb { margin-top: 16rem; }
    .main-last-list__title { margin-top: 16rem; }
    .main-last-list__desc { margin-top: 4rem; }
    .main-last-list__item--txt { padding: 0; height: 340rem; }
    .main-last-list__item--txt:nth-child(5n):not(:nth-child(10n)),
    .main-last-list__item--txt:nth-child(10n - 1) { height: 340rem; }
}


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

    body.home .main-container { padding-top: 58rem; }
    
    .main-visual { height: 440rem; }
    .main-visual__slide-content-inner { padding-top: 37rem; }
    .main-visual__slide-content-desc { margin-top: 10rem; }
    .main-visual__slide-btn { margin-top: 16rem; }
    .main-visual__slide-btn .jt-guide--icon { width: 24rem; }
    .main-visual .swiper-navigation { bottom: 15rem; }
    .main-visual .swiper-control { bottom: 25rem; }
    html.ios .main-visual .swiper-control { bottom: 27rem; }

    .main-last { padding-top: 46rem; padding-bottom: 75rem; }
    .main-last-list { display: block; grid-template-columns: none; column-gap: 0; margin-top: 24rem; margin-bottom: 0; }
    .main-last-list__item { padding-top: 18rem; margin-bottom: 45rem; }
    .main-last-list__item:last-child { margin-bottom: 0; }
    .main-last-list__title { margin-top: 14rem; }
    .main-last-list__tag { margin-top: 7rem; }
    .main-last-list__item--txt { padding: 0; height: 279rem; }
    .main-last-list__item--txt:nth-child(5n):not(:nth-child(10n)),
    .main-last-list__item--txt:nth-child(10n - 1) { height: 279rem; }
    .main-last-list__item--txt .main-last-list__link { padding: 62rem 30rem 37rem; }
    .main-last-list__item--txt .main-last-list__meta { top: 37rem; left: 31rem; }
    .main-last-list__item--txt .main-last-list__tag { bottom: 35rem; left: 30rem; }
}