@charset "utf-8";

/*
 * File       : rwd-strap.css
 * Author     : STUDIO-JT (KMS,NICO)
 * Guideline  : JTstyle.2.0
 * Dependency : css/reset.css
 *              css/jt-strap.css
 *
 * SUMMARY:
 * 01) min-width: 1024px
 * 02) 1800px
 * 03) 1480px
 * 04) 1023px
 * 05) 860px
 * 06) 540px
 */



/* **************************************** *
 * min-width: 1024px
 * **************************************** */
@media (min-width: 1024px){

    body.page-template-style-architecture #footer { padding-top: 307rem; }
    body.page-template-style-architecture .footer__symbol { top: 0; }
    
}



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

    /* TYPOGRAPHY */
    .jt-ko-text--04 { font-size: 45rem; }

    .jt-en-text--05 { font-size: 43rem; }

} /* 1800px */



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

    /* TYPOGRAPHY */
    .jt-ko-text--03 { font-size: 52rem; }
    .jt-ko-text--04 { font-size: 40rem; }
    .jt-ko-text--05 { font-size: 28rem; }
    .jt-ko-text--06 { font-size: 22rem; }
    .jt-ko-text--07 { font-size: 17rem; }
    .jt-ko-text--08 { font-size: 16rem; }
    .jt-ko-text--09 { font-size: 15rem; }
    .jt-ko-text--11 { font-size: 13rem; }

    .jt-en-text--01 { font-size: 160rem; }
    .jt-en-text--02 { font-size: 90rem; }
    .jt-en-text--03 { font-size: 72rem; }
    .jt-en-text--04 { font-size: 52rem; }
    .jt-en-text--05 { font-size: 38rem; }
    .jt-en-text--06 { font-size: 28rem; }
    .jt-en-text--07 { font-size: 21rem; }
    .jt-en-text--09 { font-size: 18rem; }

    /* SINGLE PAGINATION */
    .single-pagination { margin-top: 90rem;}

    /* ATTACHMENTS */
    .jt-download-files { margin-top: 110rem; }

    /* JT SHARE */
    .jt-single-share { margin-top: 110rem; }

    /* MARQUEE */
    .jt-marquee i { margin-right: 120rem; }
    
    /* JT ACCORDION */
    .jt-accordion__title { padding: 30rem 0 26rem; }
    .jt-accordion__content-inner { padding: 50rem; }
    .jt-accordion__content-inner p { font-size: 16rem; }
    .jt-accordion__content-inner ol > li { font-size: 15rem; padding-left: 18rem; }
    .jt-accordion__content-inner ul > li { font-size: 15rem; }
    .jt-accordion__content-inner table th { font-size: 15rem; }
    .jt-accordion__content-inner table td { font-size: 13rem; }
    .jt-accordion__questions .jt-guide--icon { width: 34rem; }

} /* 1480px */



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

    /* TYPOGRAPHY */
    .jt-ko-text--03 { font-size: 45rem; }
    .jt-ko-text--04 { font-size: 36rem; }
    .jt-ko-text--05 { font-size: 25rem; }
    .jt-ko-text--06 { font-size: 20rem; }
    .jt-ko-text--07 { font-size: 15rem; }
    .jt-ko-text--08 { font-size: 14rem; }
    .jt-ko-text--09 { font-size: 13rem; }
    .jt-ko-text--11 { font-size: 12rem; }

    .jt-en-text--01 { font-size: 130rem; }
    .jt-en-text--02 { font-size: 74rem; }
    .jt-en-text--03 { font-size: 60rem; }
    .jt-en-text--04 { font-size: 44rem; }
    .jt-en-text--05 { font-size: 34rem; }
    .jt-en-text--06 { font-size: 30rem; }
    .jt-en-text--07 { font-size: 19rem; }
    .jt-en-text--09 { font-size: 16rem; }
    .jt-en-text--11 { font-size: 13rem; }

    /* BUTTON */
    .jt-btn__basic { padding: 0 16rem; font-size: 16rem; }
    .jt-btn__basic > span { padding: 7rem 0; }

    /* FORM */
    html.mobile .jt-selectric__wrap > select { font-size: 16rem; padding: 20rem 42rem 18rem 24rem;}

    /* LIST COMPONENT */
    .jt-list-nothing { margin-top: 50rem; }
    
    /* SINGLE LAYOUT */
    .jt-single__header { padding-bottom: 28rem; margin-bottom: 40rem; }
    .jt-single__meta { margin-top: 20rem; }

    /* SINGLE PAGINATION */
    .single-pagination { margin-top: 80rem;}

    /* ATTACHMENTS */
    .jt-download-files { margin-top: 100rem; }

    /* JT SHARE */
    .jt-single-share { margin-top: 100rem; }

    /* JT LOADMORE */
    .jt-loadmore { margin-top: 63rem; }
    
    /* SWIPER */
    .swiper-control { left: 26rem; }
    .swiper-control .swiper-pagination { font-size: 15rem; }

    .swiper-button-navigation.swiper-button-prev { margin-right: 12rem; }
    .swiper-button-navigation.swiper-button-next { margin-left: 0; }

    .swiper-progress { height: 4rem; }

    /* SLICK */
    .slick-control { left: 26rem; }
    .slick-control .slick-pagination { font-size: 15rem; }

    .slick-arrows.slick-prev { margin-right: 12rem; }
    .slick-arrows.slick-next { margin-left: 0; }

    .slick-progress { height: 4rem; }

    /* MARQUEE */
    .jt-marquee i { margin-right: 100rem; }

    /* JT ACCORDION */
    .jt-accordion__title { padding: 28rem 0 24rem; }
    .jt-accordion__content-inner { padding: 40rem; }
    .jt-accordion__content-inner p { font-size: 14rem; margin-bottom: 26rem; }
    .jt-accordion__content-inner ol:not(:last-child) { margin-bottom: 26rem;}
    .jt-accordion__content-inner ol > li { font-size: 13rem; padding-left: 16rem; }
    .jt-accordion__content-inner ul:not(:last-child) { margin-bottom: 26rem;}
    .jt-accordion__content-inner ul > li { font-size: 13rem; }
    .jt-accordion__content-inner table th { font-size: 13rem; }
    .jt-accordion__content-inner table td { font-size: 12rem; }
    .jt-accordion__questions .jt-guide--icon { width: 30rem; }

} /* 1023px */



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

    /* TYPOGRAPHY */
    .jt-ko-text--03 { font-size: 34rem; }
    .jt-ko-text--04 { font-size: 32rem; }
    .jt-ko-text--05 { font-size: 21rem; }
    .jt-ko-text--06 { font-size: 16rem; }
    .jt-ko-text--07 { font-size: 14rem; }
    .jt-ko-text--08 { font-size: 13rem; }
    .jt-ko-text--09 { font-size: 12rem; }
    .jt-ko-text--11 { font-size: 11rem; }

    .jt-en-text--01 { font-size: 110rem; }
    .jt-en-text--02 { font-size: 58rem; }
    .jt-en-text--03 { font-size: 50rem; }
    .jt-en-text--04 { font-size: 40rem;}
    .jt-en-text--05 { font-size: 30rem; line-height: 1.2; }
    .jt-en-text--06 { font-size: 28rem; }
    .jt-en-text--07 { font-size: 18rem; line-height: 1.3; }
    .jt-en-text--09 { font-size: 15rem; }

    /* BUTTON */
    .jt-btn__basic { padding: 0 12rem; font-size: 15rem; }
    .jt-btn__basic > span { padding: 6rem 0; }

    /* FORM */
    html.mobile .jt-selectric__wrap > select { font-size: 15rem; padding: 20rem 40rem 18rem 22rem; }
    html.mobile .jt-selectric__wrap:after { width: 10rem; height: 7rem; top: 25rem; right: 22rem; }

    /* SEARCH */
    .jt-search { margin-bottom: 40rem; }
    .jt-search__field { float: none; width: 100%; }
    .jt-search__input { height: 50rem; }

    /* LIST COMPONENT */
    .jt-list-nothing { margin-top: 40rem; padding: 70rem 45rem; }
    
    /* SINGLE LAYOUT */
    .jt-single__header { padding-bottom: 24rem; margin-bottom: 32rem; }
    .jt-single__meta { margin-top: 16rem; }
    
    /* SINGLE PAGINATION */
    .single-pagination { margin-top: 70rem; }
    .single-pagination__type { top: 21rem; left: 16rem; }
    .single-pagination__type > span { font-size: 16rem; }
    .single-pagination__link { padding: 19rem 16rem 17rem 90rem; }
    .single-pagination__link > * { font-size: 15rem; }
    .single-pagination__list { margin-top: 40rem; }
    html.ios .single-pagination__type { top: 20rem; }
    html.ios .single-pagination__link { padding-top: 20rem; padding-bottom: 16rem;}
    
    /* ATTACHMENTS */
    .jt-download-files { margin-top: 90rem; }
    .jt-download-files b { font-size: 16rem; padding-left: 18rem;}
    .jt-download-files a, .jt-download-files i { font-size: 15rem; }

    /* JT SHARE */
    .jt-single-share { margin-top: 90rem; }

    /* JT LOADMORE */
    .jt-loadmore { margin-top: 53rem; }
    
    /* SWIPER */
    .swiper-control { left: 20rem; bottom: 22rem; }

    /* SLICK */
    .slick-control { left: 20rem; bottom: 22rem; }

    /* MARQUEE */
    .jt-marquee i { margin-right: 80rem; }

    /* JT ACCORION */
    .jt-accordion { border-top-width: 3rem; } 
    .jt-accordion__title { padding: 24rem 0 20rem; }
    .jt-accordion__questions { padding-left: 18rem; padding-right: 48rem; }
    .jt-accordion__content-inner { padding: 28rem 24rem; }
    .jt-accordion__content-inner p { font-size: 13rem; margin-bottom: 20rem; }
    .jt-accordion__content-inner ol:not(:last-child) { margin-bottom: 20rem;}
    .jt-accordion__content-inner ol > li { font-size: 12rem; margin-bottom: 4rem; }
    .jt-accordion__content-inner ol > li > ul { margin-top: 6rem; margin-bottom: 8rem; }
    .jt-accordion__content-inner ol > li .privacy-table-wrap { margin-bottom: 24rem; margin-top: 18rem; }
    .jt-accordion__content-inner ul:not(:last-child) { margin-bottom: 20rem;}
    .jt-accordion__content-inner ul > li { font-size: 12rem; padding-left: 11rem; margin-bottom: 4rem; }
    .jt-accordion__content-inner ul > li:before { width: 4rem; height: 1rem; top: 10rem; }
    .jt-accordion__content-inner .privacy-table-wrap { margin-bottom: 40rem; }
    .jt-accordion__content-inner table th { font-size: 12rem; padding: 13rem 0 9rem; }
    .jt-accordion__content-inner table td { font-size: 11rem; padding: 20rem 10rem 18rem; }
    .jt-accordion__control { right: 18rem; }
    .jt-accordion__questions p:not(:last-child) { margin-right: 6rem; }
    .jt-accordion__questions .jt-guide--icon { width: 24rem; }
    .jt-accordion__content-inner .privacy-table--labelling .jt-guide--icon { width: 45rem; margin-bottom: 6rem; }

} /* 860px */



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

    /* TYPOGRAPHY */
    .jt-ko-text--03 { font-size: 30rem; }
    .jt-ko-text--04 { font-size: 26rem; }
    .jt-ko-text--05 { font-size: 18rem; }
    .jt-ko-text--06 { font-size: 15rem; }
    .jt-ko-text--07 { font-size: 13rem; }
    .jt-ko-text--08 { font-size: 12rem; }

    .jt-en-text--01 { font-size: 70rem; }
    .jt-en-text--02 { font-size: 38rem; }
    .jt-en-text--03 { font-size: 36rem; }
    .jt-en-text--04 { font-size: 32rem; }
    .jt-en-text--05 { font-size: 23rem; }
    .jt-en-text--06 { font-size: 20rem; }
    .jt-en-text--07 { font-size: 15rem; }
    .jt-en-text--09 { font-size: 14rem; }
    .jt-en-text--11 { font-size: 12rem; }

    /* BUTTON */
    .jt-btn__basic { padding: 0 10rem; font-size: 14rem; }
    .jt-btn__basic > span { padding: 4rem 0; }
    .jt-btn__basic > span:after { height: 2rem; }

    /* FORM */
    .jt-selectric__wrap { width: 100%; }
    html.mobile .jt-selectric__wrap > select { font-size: 14rem; padding: 20rem 30rem 18rem 20rem; }
    html.mobile .jt-selectric__wrap:after { right: 20rem; }

    /* SEARCH */
    .jt-search { margin-bottom: 30rem; }

    /* LIST COMPONENT */
    .jt-list-nothing { margin-top: 30rem; padding: 50rem 40rem; }
    
    /* SINGLE LAYOUT */
    .jt-single__header { padding-bottom: 20rem; margin-bottom: 25rem; }
    .jt-single__meta { margin-top: 14rem; }
    
    /* SINGLE PAGINATION */
    .single-pagination { margin-top: 60rem; }
    .single-pagination__type { top: 19rem; left: 0; }
    .single-pagination__type > span { font-size: 15rem; }
    .single-pagination__link { padding: 17rem 0 16rem 57rem; }
    .single-pagination__link > * { font-size: 14rem; }
    .single-pagination__list { margin-top: 30rem; }
    html.ios .single-pagination__type { top: 17rem; }
    html.ios .single-pagination__link { padding-top: 18rem; padding-bottom: 15rem;}
    
    /* ATTACHMENTS */
    .jt-download-files { margin-top: 80rem; }
    .jt-download-files { padding-left: 16rem; }
    .jt-download-files b { font-size: 15rem; padding-left: 17rem; }
    .jt-download-files b .jt-guide--icon { width: 19rem; }
    .jt-download-files a, .jt-download-files i { font-size: 14rem; }
    
    /* JT SHARE */
    .jt-single-share { margin-top: 80rem; }
    .jt-share .jt-share__item { width: 30rem; height: 30rem; margin: 0 12rem; }
    .jt-share .jt-share__item .jt-guide--icon { font-size: 28rem;}
    .jt-share .jt-share__item.jt-share--naver-band .jt-guide--icon { width: 21rem; }
    .jt-share__copynote { left: 50%; transform: translateX(-50%); padding: 19rem 45rem 17rem; }
    .jt-share__copynote p {white-space: nowrap; font-size: 13rem; }
    
    /* JT LOADMORE */
    .jt-loadmore { margin-top: 43rem; }
    
    /* SWIPER */
    .swiper-control { left: 11rem; bottom: 20rem; }
    .swiper-control .swiper-pagination { font-size: 14rem; }

    .swiper-state__btn .jt-guide--icon { width: 17rem; }
    .swiper-state__btn--play .jt-guide--icon { width: 16rem; }

    .swiper-button-navigation { margin-top: -1rem; }
    .swiper-button-navigation .jt-guide--icon { transform: scale(0.8); }
    html.ios .swiper-button-navigation { margin-top: 0.5rem; }

    .swiper-progress { height: 3rem; }

    /* SLICK */
    .slick-control { left: 11rem; bottom: 20rem; }
    .slick-control .slick-pagination { font-size: 14rem; }

    .slick-state__btn .jt-guide--icon { width: 17rem; }
    .slick-state__btn--play .jt-guide--icon { width: 16rem; }

    .slick-arrows { margin-top: -1rem; }
    .slick-arrows .jt-guide--icon { transform: scale(0.8); }
    html.ios .slick-arrows { margin-top: 0.5rem; }

    /* JT SHARE */
    .jt-share__copynote {left: 50%; transform: translateX(-50%);}
    .jt-share__copynote p {white-space: nowrap;}
    
    /* MARQUEE */
    .jt-marquee i { margin-right: 60rem; }
    
    /* JT ACCORDION */
    .jt-accordion { border-top-width: 2rem; } 
    .jt-accordion__title { padding: 20rem 0 16rem; }
    .jt-accordion__questions { padding-left: 15rem; padding-right: 45rem; }
    .jt-accordion__content { overflow: visible; }
    .jt-accordion__content-inner { padding: 24rem 15rem; }
    .jt-accordion__content-inner p { font-size: 12rem; margin-bottom: 18rem; }
    .jt-accordion__content-inner ol:not(:last-child) { margin-bottom: 18rem;}
    .jt-accordion__content-inner ol > li { padding-left: 14rem; }
    .jt-accordion__content-inner ol > li .privacy-table-wrap { margin-bottom: 22rem; margin-top: 16rem; }
    .jt-accordion__content-inner ul:not(:last-child) { margin-bottom: 18rem;}
    .jt-accordion__content-inner ul > li { padding-left: 9rem; }
    .jt-accordion__content-inner ul > li:before { top: 9rem; }
    .jt-accordion__content-inner .privacy-table-wrap { overflow-y: hidden; overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none; width: calc(100% + 78rem); margin-left: -39rem; margin-right: -39rem; margin-bottom: 30rem; }
    .jt-accordion__content-inner .privacy-table-inner { padding: 0 39rem; width: 600rem; }
    .jt-accordion__content-inner table th { padding: 12rem 15rem 8rem; }
    .jt-accordion__content-inner table td { padding: 18rem 15rem 16rem; }
    .jt-accordion__control { right: 15rem; width: 14rem; height: auto; margin-top: -2rem; }
    .jt-accordion__control .jt-guide--icon { width: 14rem; }
    .jt-accordion__questions .jt-guide--icon { width: 22rem; }
    
} /* 540px */
