@charset "utf-8";

/*
 * File       : rwd-main.css
 * Author     : STUDIO-JT (KMS)
 * Guideline  : JTstyle.2.0
 * Dependency : css/reset.css
 *              css/jt-strap.css
 *
 * SUMMARY:
 * 01) 
 */



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

    /* LAYOUT */
    .main-fullpage__paging-helper { width: 209rem; }
    body.home #footer { padding-top: 275rem; }

    /* BRAND */
    .main-brand__inner { padding-top: 22.01vh; padding-bottom: 15.09vh; }
    .main-brand__typo { padding: 53rem 50rem; }
    
    /* NEWS */
    .main-news__more { margin-top: 62rem; }

}



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

    /* LAYOUT */
    body.home .wrap-middle { max-width: 1000rem; margin: 0 auto; }
    body.home #footer { padding-top: 251rem; }

    .main-fullpage__paging-helper { width: 180rem; }
    html.ios .main-fullpage__paging .swiper-pagination-bullet > i { margin-top: -2rem; }

    /* VISUAL */
    .main-visual .main-section__content h2 + p { margin-top: 12rem; }

    /* BRAND */
    .main-brand__typo { padding: 43rem 40rem; }
    .main-brand__typo p { margin-top: 8rem; }

    .main-brand__item:last-child { padding-right: 180rem; }
    .main-brand__item.main-brand__item--link .main-brand__item-inner { width: -webkit-calc(100vh - 450rem); width: calc(100vh - 450rem); }

    /* STYLE */
    .main-style__typo-fold { margin-top: 8rem; }

    .main-style__object:nth-child(1) .main-style__typo { right: 55rem; bottom: 40rem; }
    .main-style__object:nth-child(2) .main-style__typo { left: 55rem; bottom: 40rem; }
    .main-style__object:nth-child(3) .main-style__typo { right: 55rem; top: 48rem; }
    .main-style__object:nth-child(4) .main-style__typo { left: 55rem; top: 48rem; }

    /* PROJECT */
    .main-projects__typo { bottom: 54rem; }

    /* GALLERY */
    .main-gallery__train { width: -webkit-calc(100% - 150rem); width: calc(100% - 150rem); margin: 0 auto; }
    .main-gallery__train-rail { width: 33.33%; padding: 0 35rem; }
    .main-gallery__train-group { padding: 35rem 0; }
    .main-gallery__train-item { height: auto; padding-top: 108.83%; }
    .main-gallery__train-item + .main-gallery__train-item { margin-top: 70rem; }

    /* NEWS */
    .main-news .main-section__content { padding-top: 78rem; }

}



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

    /* LAYOUT */
    body.home .wrap-middle { max-width: 680rem; }
    body.home #footer { padding-top: 190rem; }

    .main-fullpage__paging { right: 30rem; }
    .main-fullpage__paging .swiper-pagination-bullet { width: 30rem; padding: 20rem 0; }
    .main-fullpage__paging .swiper-pagination-bullet > i { right: 100%; font-size: 15rem; }
    .main-fullpage__paging-helper { width: 160rem; }

    .main-section__content { padding-top: 0; }

    /* VISUAL */
    .main-visual .main-section__content { padding-bottom: 6rem; }
    .main-visual__action { bottom: 27rem; }

    /* BRAND */
    .main-brand__item { padding: 0 14rem; }
    .main-brand__item:first-child { padding-left: 40rem; }
    .main-brand__item:last-child { padding-right: 180rem; }

    .main-brand__typo { padding: 33rem 30rem; }

    .main-brand__item.main-brand__item--link .main-brand__item-inner { width: -webkit-calc(100vh - 310rem); width: calc(100vh - 310rem); }
    .main-brand__item.main-brand__item--link .main-brand__more p { font-size: 16rem; }
    .main-brand__item.main-brand__item--link .main-brand__more p > span { padding: 7rem 0; }

    /* STYLE */
    .main-style__object:nth-child(1) .main-style__typo { right: 45rem; bottom: 30rem; }
    .main-style__object:nth-child(2) .main-style__typo { left: 45rem; bottom: 30rem; }
    .main-style__object:nth-child(3) .main-style__typo { right: 45rem; top: 38rem; }
    .main-style__object:nth-child(4) .main-style__typo { left: 45rem; top: 38rem; }

    /* PROJECT */
    .main-projects .main-section__content br { display: block; }

    .main-projects__typo { bottom: 44rem; }

    /* GALLERY */
    .main-gallery__train { width: -webkit-calc(100% - 100rem); width: calc(100% - 100rem); }
    .main-gallery__train-rail { padding: 0 20rem; }
    .main-gallery__train-group { padding: 20rem 0; }
    .main-gallery__train-item + .main-gallery__train-item { margin-top: 40rem; }

    /* NEWS */
    .main-news .main-section__content { padding-top: 52rem; }
    .main-news__more { margin-top: 42rem; }

    /* INTRO */
    .global-intro__symbol { -webkit-transform: translate3d(-50%,-50%,0) scale(0.8); transform: translate3d(-50%,-50%,0) scale(0.8); }

}



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

    /* LAYOUT */
    body.home .wrap-middle { max-width: 450rem; }
    body.home #footer { padding-top: 114rem; }

    .main-fullpage__paging { right: 20rem; }
    .main-fullpage__paging-helper { width: 135rem; }

    /* VISUAL */
    .main-visual .main-section__content h2 + p { margin-top: 8rem; }

    /* BRAND */
    .main-brand__inner { padding-top: 100rem; padding-bottom: 60rem; }
    .main-brand__item { padding: 0 12rem; }
    .main-brand__item:first-child { padding-left: 32rem; }
    .main-brand__item:last-child { padding-right: 145rem; }
    .main-brand__item-inner { width: 390rem; }
    .main-brand__typo { padding: 26rem 24rem; }
    .main-brand__typo p { margin-top: 6rem; }
    
    .main-brand__item.main-brand__item--link .main-brand__item-inner { width: 260rem; }
    .main-brand__item.main-brand__item--link .main-brand__more p { font-size: 15rem; }
    .main-brand__item.main-brand__item--link .main-brand__more p > span { padding: 6rem 0; }

    /* STYLE */
    .main-style__typo { width: 45vw; }
    .main-style__typo-fold p br { display: none; }

    .main-style__object:nth-child(1) .main-style__typo { right: 40rem; bottom: 24rem; }
    .main-style__object:nth-child(2) .main-style__typo { left: 40rem; bottom: 24rem; }
    .main-style__object:nth-child(3) .main-style__typo { right: 40rem; top: 33rem; }
    .main-style__object:nth-child(4) .main-style__typo { left: 40rem; top: 33rem; }

    /* PROJECT */
    .main-projects .main-section__content { padding-top: 6rem; }
    .main-projects__typo { bottom: 32rem; }

    /* GALLERY */
    .main-gallery__train { width: 140vw; margin: 0 -20vw; }
    .main-gallery__train-rail { padding: 0 15rem; }
    .main-gallery__train-group { padding: 20rem 0; }
    .main-gallery__train-item + .main-gallery__train-item { margin-top: 40rem; }

    /* NEWS */
    .main-news .main-section__content { padding-top: 48rem; }
    .main-news__more { margin-top: 36rem; }

}



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

    /* LAYOUT */
    body.home .wrap-middle { max-width: inherit; margin: 0 24rem; }

    body.home .global-container > #footer { display: none; }
    body.home #footer { height: 100%; padding-top: 76rem; position: relative; -webkit-transform: none; -ms-transform: none; transform: none; }
    body.home .footer__inner { height: 100%; }
    body.home .footer__symbol { top: inherit; bottom: -70rem; }
    body.home .footer-menu-nav { margin-bottom: 0; position: relative; top: -webkit-calc(50% - 62rem); top: calc(50% - 62rem); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
    body.home .footer__menu-wrap { position: absolute; bottom: 18rem; }
    body.home .footer__certificate { position: absolute; bottom: 29rem; left: 133rem; margin-left: 0; }
    body.home .copyright { position: absolute; bottom: 0; }

    .main-fullpage__paging,
    .main-fullpage__paging-helper { display: none; }

    /* VISUAL */
    .main-visual__action { display: none; }
    .main-visual .main-section__content .jt-btn__basic { display: inline-block; margin-top: 30rem; }

    /* BRAND */
    .main-brand__inner { padding-top: 128rem; padding-bottom: 0; }

    .main-brand__slider { height: 260rem; position: absolute; top: 50%; margin-top: -95rem; }
    .main-brand__item { padding: 0 6rem; }
    .main-brand__item:first-child { padding-left: 24rem; }
    .main-brand__item-inner { width: 270rem; }
    .main-brand__typo { padding: 22rem 22rem; }
    .main-brand__item:last-child { padding-right: 24rem; }
    .main-brand__item.main-brand__item--link .main-brand__item-inner { width: 180rem; }
    .main-brand__item.main-brand__item--link .main-brand__more p { font-size: 14rem; }

    .main-brand__title { display: block; text-align: center; }

    /* STYLE */
    .main-style__picture { width: 100%; height: 100%; }

    .main-style__content { width: 100%; height: 100%; }
    .main-style__content__inner { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; }
    .main-style__object:nth-child(n) { width: 100%; height: auto; position: relative; top: auto; bottom: auto; left: auto; right: auto; border-top: 3rem solid #fff; }
    .main-style__object:first-child { border-top: none; }
    .main-style__object:nth-child(n) .main-style__typo { width: -webkit-calc(100% - 48rem); width: calc(100% - 48rem); left: 24rem; right: auto; bottom: 10rem; top: auto; text-align: left; }
    .main-style__typo h2 { margin-left: -1rem; }
    .main-style__cat { display: block; margin-bottom: 4rem; opacity: 0; }
    .main-style__playground-line { display: none; }

    /* PROJECTS */
    .main-projects .main-section__content { padding-top: 0; }
    .main-projects .main-section__content br { display: none; }

    .main-projects__title { display: block; margin-bottom: 12rem; }
    .main-projects__typo { bottom: 29rem; }

    /* GALLERY */
    .main-gallery__train { width: 200vw; margin: 0 -50vw; }
    .main-gallery__train-group { padding: 15rem 0; }
    .main-gallery__train-item + .main-gallery__train-item { margin-top: 30rem; }

    .main-gallery__title { display: block; margin-bottom: 12rem; }

    /* NEWS */
    .main-news .main-section__content { padding-top: 40rem; }

    .main-news__title { display: block; width: 100%; position: absolute; left: 0; top: 108rem; text-align: center; }
    .main-news__more { display: none; }
    .main-news__action { display: block; width: 100%; position: absolute; left: 0; bottom: 27rem; text-align: center; }

    .main-news .jt-news-list__item:nth-child(5) { display: none; }

    /* INTRO */
    .global-intro__typo .jt-ko-text--04 { font-size: 22rem; }
    .global-intro__symbol { -webkit-transform: translate3d(-50%,-50%,0) scale(0.65); transform: translate3d(-50%,-50%,0) scale(0.65); }

}



/* **************************************** *
 * height
 * **************************************** */
@media (min-width: 541px) and (max-width: 1023px) and (max-height: 650px) {

    /* NEWS */
    .main-news .jt-news-list__item:nth-child(5) { display: none; }

}

@media (min-width: 541px) and (max-width: 1023px) and (max-height: 480px) {

    /* NEWS */
    .main-news .jt-news-list__item:nth-child(4) { display: none; }

}



/* **************************************** *
 * orientation
 * **************************************** */
@media (min-width: 541px) and (orientation: portrait) {

    /* BRAND */
    .main-brand__inner { padding-top: 35vh; padding-bottom: 0; }
    .main-brand__slider { height: 30vh; }
    .main-brand__item-inner { width: 34vh; }
    .main-brand__item.main-brand__item--link .main-brand__item-inner { width: 24vh; }

}

@media (min-width: 541px) and (max-width: 860px) and (orientation: portrait) {
    
    /* BRAND */
    .main-brand__inner { padding-top: 32vh; }
    .main-brand__slider { height: 36vh; }
    .main-brand__item-inner { width: 44vh; }
    .main-brand__item.main-brand__item--link .main-brand__item-inner { width: 38vh; }

}

@media (max-width: 860px) and (orientation: landscape) {

    /* LAYOUT */
    body.home .jt-en-text--02 { font-size: 38rem; }
    body.home .jt-en-text--05 { font-size: 23rem; }
    body.home .jt-en-text--07 { font-size: 14rem; }
    body.home .jt-ko-text--04 { font-size: 20rem; }
    body.home .jt-ko-text--07 { font-size: 12rem; }

    body.home .go-down { display: none; }
    /* body.home .go-top { right: -10rem; bottom: 0; transform: scale(0.75); } */

    body.home .jt-btn__basic { font-size: 13rem; }

    .main-fullpage__paging { right: 23rem; top: calc(50% + 23rem); }
    .main-fullpage__paging .swiper-pagination-bullet { padding: 14rem 0; }
    .main-fullpage__paging .swiper-pagination-bullet > i { font-size: 13rem; }

    /* VISAUL */    
    .main-visual .main-section__content { padding-bottom: 0; }
    .main-visual .main-section__content h2 + p { margin-top: 10rem; }
    .main-visual__action { bottom: 18rem; }

    .main-visual .slick-control { left: 6rem; bottom: 14rem; transform: scale(0.8); }

    /* BRAND */
    .main-brand__inner { padding-top: 82rem; padding-bottom: 16rem; }
    .main-brand__typo p { margin-top: 4rem; }
    .main-brand__item.main-brand__item--link .main-brand__more p { font-size: 13rem; }

    /* STYLE */
    .main-style__object:nth-child(1) .main-style__typo { right: 22rem; bottom: 9rem; }
    .main-style__object:nth-child(2) .main-style__typo { left: 22rem; bottom: 9rem; }
    .main-style__object:nth-child(3) .main-style__typo { right: 22rem; top: 18rem; }
    .main-style__object:nth-child(4) .main-style__typo { left: 22rem; top: 18rem; }

    .main-style__playground-line--hor { height: 4rem; margin-top: -2rem; }
    .main-style__playground-line--ver { width: 4rem; margin-left: -2rem; }

    .main-style__typo-fold { margin-top: 5rem; }

    /* PROJECTS */
    .main-projects__typo { bottom: 20rem; }

    /* GALLERY */
    .main-gallery__train { width: calc(100% - 32rem); margin: 0 auto; }

    /* NEWS */
    body.home .jt-news-list__link { padding: 15rem 0; }
    .main-news__more { margin-top: 15rem; }

    /* FOOTER */
    body.home #footer { padding-top: 105rem; }
    body.home .footer__symbol { width: 140rem; top: 30rem; }

}