@charset "utf-8";

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



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

    /* VISUAL */
    .main-visual__content .wrap { max-width: inherit; padding: 0 210rem; }

}



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

    /* LAYOUT */
    body.home .main-container { padding-top: 84rem; }

    .main-section { margin: 160rem 0; }

    /* VISUAL */
    .main-visual { height: calc(100vh - 84rem); }

    .main-visual__content .wrap { padding: 0 60rem; }
    .main-visual__desc { margin-top: 18rem; }

    /* SWIPER SCROLLBAR SLIDER */
    .main-scrollbar-slider__item { width: 350rem; padding: 26rem 28rem; }

}



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

    /* LAYOUT */
    body.home .main-container { padding-top: 80rem; }

    .main-section { margin: 140rem 0; }
    .main-section__head { margin-bottom: 32rem; }

    /* VISUAL */
    .main-visual { height: calc(100vh - 80rem); }

    .main-visual__content .wrap { padding: 0 110rem; }

    /* SWIPER SCROLLBAR SLIDER */
    .main-scrollbar-slider { margin: 0 -10rem; }
    .main-scrollbar-slider__item { width: 300rem; margin: 0 10rem; }

}



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

    /* LAYOUT */
    body.home .main-container { padding-top: 70rem; }

    .main-section { margin: 130rem 0; }

    /* VISUAL */
    .main-visual { height: auto; padding-top: 64%; position: relative; }
    .main-visual__slider { width: 100%; position: absolute; top: 0; left: 0; }

    /* SWIPER SCROLLBAR SLIDER */
    .main-scrollbar-slider__item p { margin-top: 10rem; }

}



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

    /* LAYOUT */
    .main-section { margin: 110rem 0; }
    .main-section__head { margin-bottom: 28rem; }

    /* VISUAL */
    .main-visual__content .wrap { padding: 0; }
    .main-visual__desc { margin-top: 12rem; }

    /* SWIPER SCROLLBAR SLIDER */
    .main-scrollbar-slider { margin: 0 -8rem; }
    .main-scrollbar-slider__item { width: 265rem; padding: 22rem 24rem; margin: 0 8rem; }

}



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

    /* LAYOUT */
    body.home .main-container { padding-top: 64rem; }

    .main-section { margin: 82rem 0; }
    .main-section__head { margin-bottom: 24rem; }

    /* VISUAL */
    .main-visual { padding-top: 120%; }

    .main-visual__content .wrap { padding-bottom: 20rem; }
    .main-visual__desc { margin-top: 10rem; }

    /* SWIPER SCROLLBAR SLIDER */
    .main-scrollbar-slider { margin: 0 -6rem; }
    .main-scrollbar-slider__item { width: 220rem; padding-top: 20rem; padding-bottom: 20rem; margin: 0 6rem; }

}