@charset "utf-8";

/*
 * File       : rwd-strap.css
 * Author     : STUDIO-JT (Chaehee)
 * Guideline  : JTstyle.2.0
 * Dependency : css/reset.css
 *              css/jt-strap.css
 *
 * SUMMARY:
 * 01) 1480px
 * 02) 1200px
 * 03) 1023px
 * 04) 860px
 * 05) 540px
 * 06) 360px ( android display without galaxy note, ultra )
 */



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

    .jt-ko-heading--01 { font-size: 50rem; }

    .jt-en-heading--01 { font-size: 70rem; }
    .jt-en-heading--02 { font-size: 50rem; }
    .jt-en-heading--03 { font-size: 36rem; }

    /* FORM */
    html.ios .jt-form__control .jt-loadmore__spinner { top: 12rem; }
    
    /* BUTTON */
    html.ios .jt-btn__cta > span .jt-guide--icon { top: 1.5rem; }

    /* SWIPER */
    .swiper-button-prev { left: 40rem; }
    .swiper-button-next { right: 40rem; }

    /* SINGLE LAYOUT */
    .jt-single-outer { padding-bottom: 180rem; }
    .jt-single__other-list-item--txt .jt-single__other-list-content { height: 360rem; }

    /* JT LOADMORE */
    .jt-loadmore { margin-top: 176rem; }

} /* 1480px */



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

    .jt-ko-heading--01 { font-size: 44rem; }
    .jt-ko-heading--04 { font-size: 24rem; }

    .jt-en-heading--01 { font-size: 62rem; }
    .jt-en-heading--02 { font-size: 44rem; }
    .jt-en-heading--03 { font-size: 34rem; }
    
    /* FORM */
    .jt-form__label { font-size: 24rem; }
    html.ios .jt-form__control .jt-loadmore__spinner { top: 13rem; }

    .jt-automail__list > li { font-size: 17rem; line-height: 30rem; }

    /* SINGLE */
    .jt-single .jt-list-nothing { max-width: inherit; margin-left: 50rem; margin-right: 50rem; }
    .jt-single__other-list-thumb { width: 50%; }
    .jt-single__other-list-thumb-icon { bottom: 24rem; right: 24rem; width: 30rem; height: 30rem; }
    .jt-single__other-list-content { width: 50%; }
    .jt-single__other-list-item--txt .jt-single__other-list-content { height: 320rem; padding: 44rem 40rem; }
    .jt-single__other-list-item--txt .jt-single__other-list-date { left: 39rem; }

    /* JT LOADMORE */
    .jt-loadmore { margin-top: 156rem; }
}



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

    .jt-ko-heading--01 { font-size: 40rem; }
    .jt-ko-heading--04 { font-size: 22rem; }
    .jt-ko-text--01, .jt-ko-text--01-secondary { font-size: 16rem; }
    .jt-ko-text--02 { font-size: 16rem; }
    
    .jt-en-heading--01 { font-size: 56rem; }
    .jt-en-heading--02 { font-size: 42rem; }
    .jt-en-heading--03 { font-size: 30rem; }
    .jt-en-heading--04 { font-size: 22rem; }
    .jt-en-heading--05 { font-size: 19rem; }
    .jt-en-text--02 { font-size: 15rem; }
    .jt-en-text--03 { font-size: 12rem; }

    /* FORM */
    .jt-form__data { margin-bottom: 74rem; }
    .jt-form__field-wrap { margin-top: 2rem; }
    .jt-form__field-wrap.secondary { margin-top: 11rem; }
    .jt-form__label { font-size: 22rem; }
    .jt-form--required .jt-form__label:after { top: 7rem; margin-left: 7rem; }

    .jt-form__control { margin-top: 68rem; padding-top: 66rem; }
    .jt-form__control .jt-loadmore__spinner { top: 11rem; }

    .jt-agreement { margin-top: 11rem; }
    .jt-agreement__typo { font-size: 15rem; }

    span.wpcf7-not-valid-tip { font-size: 14rem; }

    .jt-automail__list > li { font-size: 16rem; line-height: 28rem; }

    /* SINGLE */
    .jt-single .jt-list-nothing { margin-left: 30rem; margin-right: 30rem; }
    .jt-single__tag { font-size: 15rem; }
    
    .jt-single__bottom-inner { padding-bottom: 143rem; }
    .jt-single__editor-profile { width: 90rem; }

    .jt-single__other-title { margin-left: -2rem; margin-bottom: 28rem; }
    .jt-single__other-list-content { padding: 10rem 40rem; }
    .jt-single__other-list-date { bottom: 8rem; left: 40rem; }
    .jt-single__other-list-item--txt .jt-single__other-list-content { height: 300rem; padding: 35rem 36rem; }
    .jt-single__other-list-item--txt .jt-single__other-list-date { bottom: 38rem; left: 36rem; }

    .jt-single-outer { padding-bottom: 150rem; }

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

    /* JT SHARE */
    .jt-share { padding: 30rem 0 0; }
    .jt-share .jt-share__item { width: 50rem; height: 50rem; margin: 0 9rem; }
    .jt-share .jt-share__item .jt-guide--icon { width: 23rem; height: 23rem; margin-top: -11.5rem; margin-left: -11.5rem; }
    .jt-share__copynote { left: 30rem; bottom: 30rem; padding: 21rem 40rem; }
    .jt-share__copynote p { font-size: 15rem; }

    /* MAGNIFIC POPUP */
    .mfp-bottom-bar .mfp-detail { font-size: 15rem; }
    .mfp-arrow:before { font-size: 15rem; }
    .mfp-arrow-left { left: 30rem; }
    .mfp-arrow-right { right: 30rem; }

    /* SWIPER */
    .swiper-pagination-fraction > span { font-size: 15rem; }
    .swiper-navigation button { font-size: 15rem; }
    .swiper-button-prev { left: 20rem; }
    .swiper-button-next { right: 20rem; }

    /* JT LOADMORE */
    .jt-loadmore { margin-top: 137rem; }
    .jt-loadmore__btn .jt-guide--icon { width: 32rem; }

    .jt-marquee i { padding: 10rem 0; }
    .jt-marquee i.footer-marquee-icon--01 { width: 60rem; height: 60rem; margin: 0 16rem; }
    .jt-marquee i.footer-marquee-icon--02 { width: 50rem; height: 50rem; margin: 0 16rem; }
    .jt-marquee i.footer-marquee-icon--03 { width: 100rem; height: 45rem; margin: 0 14rem; }
}



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

    .jt-ko-heading--01 { font-size: 32rem; }
    .jt-ko-heading--02 { font-size: 26rem; }
    .jt-ko-heading--03 { font-size: 24rem; }
    .jt-ko-heading--04 { font-size: 20rem; }
    .jt-ko-text--01, .jt-ko-text--01-secondary { font-size: 15rem; }
    .jt-ko-text--02 { font-size: 14rem; }
    
    .jt-en-heading--01 { font-size: 40rem; }
    .jt-en-heading--02 { font-size: 36rem; }
    .jt-en-heading--03 { font-size: 28rem; }
    .jt-en-heading--04 { font-size: 18rem; }
    .jt-en-heading--05 { font-size: 16rem; }
    .jt-en-text--02 { font-size: 14rem; }

    /* BUTTON */
    .jt-btn__basic { font-size: 15rem; padding: 19rem 30rem 16rem; }
    .jt-btn__underline { font-size: 15rem; }
    .jt-btn__underline:before, .jt-btn__underline:after { bottom: 0; }

    .jt-btn__cta > span .jt-guide--icon { top: 2rem; }
    html.ios .jt-btn__cta > span .jt-guide--icon { top: 0rem; }
    html.android .jt-btn__cta > span .jt-guide--icon { top: -0.5rem; }

    /* FORM */
    ::-webkit-input-placeholder { font-size: 15rem; }
    ::-moz-placeholder { font-size: 15rem; }
    :-ms-input-placeholder { font-size: 15rem; }

    .jt-form__data { margin-bottom: 68rem; }
    .jt-form__label { font-size: 20rem; }
    .jt-form__field-wrap { margin-top: 2rem; }
    .jt-form__field-wrap.secondary { margin-top: 8rem; }
    .jt-form__field { height: 44rem; font-size: 15rem; line-height: 1.6; }
    textarea.jt-form__field { height: 180rem; }
    .jt-form--required .jt-form__label:after { top: 6rem; margin-left: 5rem; width: 4rem; height: 4rem; }

    .jt-form__control { margin-top: 58rem; padding-top: 58rem; }
    .jt-form__control { background: linear-gradient(to right, var(--color-primary) 0%, var(--color-primary) calc(50% - 15rem), #fff calc(50% - 15rem), #fff calc(50% + 15rem), var(--color-primary) calc(50% + 15rem), var(--color-primary) ) top no-repeat; background-size: 100% 4rem; }
    .jt-form__control:before, .jt-form__control:after { width: 22rem; height: 4rem; top: 16rem; }
    .jt-form__control .jt-loadmore__spinner { top: 10rem; }

    .jt-checkbox label, .jt-radiobox label { padding: 5rem 0 5rem 26rem; font-size: 14rem; }
    .jt-checkbox label > span:before, .jt-radiobox label > span:before { height: 18rem; width: 18rem; }
    .jt-checkbox label > span:after { left: 7rem; top: 10rem; }
    .jt-radiobox label > span:after { width: 6rem; height: 6rem; }
    
    .jt-agreement { margin-top: 10rem; }
    .jt-agreement__choice { padding-left: 25rem; }
    .jt-agreement__typo { font-size: 14rem; }
    .jt-agreement__choice .contact-agree input + span:before { width: 18rem; height: 18rem; top: 10rem; }
    .jt-agreement__choice .contact-agree input + span:after { left: 7rem; top: 13rem; }

    .selectric .label { height: 44rem; margin-right: 35rem; font-size: 15rem; }
    .selectric .button { width: 35rem; height: 40rem; }
    .selectric-items ul, .selectric-items li { font-size: 14rem; }
    html.mobile .jt-selectric__wrap:before { width: 35rem; line-height: 42rem; }
    html.mobile .jt-selectric__wrap select { padding: 14rem 42rem 13rem 0; font-size: 15rem; }

    span.wpcf7-not-valid-tip { font-size: 13rem; }

    .jt-form__data .jt-form__search { font-size: 15rem; width: 150rem; }
    .jt-form__data .jt-form__search + input[type="text"] { width: calc(100% - 160rem); margin-left: 0; margin-top: 15rem; float: right;}
    .jt-form__label--small { font-size: 13rem; }

    html.ios .jt-radiobox.jt-radiobox--fullbox span { padding: 15rem 65rem 13rem; }

    .jt-form__valid { font-size: 13rem; }

    /* LIST COMPONENT */
    .jt-list-nothing { padding: 10% 30rem; border-top-width: 2rem; }
    .jt-list-nothing b { font-size: 22rem; }
    .jt-list-nothing p { padding-top: 10rem; font-size: 15rem; font-size: 14rem; line-height: 1.55; }

    .jt-list-count { margin-bottom: 12rem; }
    .jt-list-count p { font-size: 14rem; }

    /* SINGLE LAYOUT */
    .jt-single .jt-list-nothing { margin-left: 24rem; margin-right: 24rem; }
    .jt-single__detail { margin: 77rem 24rem 45rem; }
    .jt-single__detail-list > * { font-size: 15rem; }
    .jt-single__detail-list-title { padding-right: 30rem; }

    .jt-single__bottom-inner { padding-top: 46rem; padding-bottom: 95rem; background: linear-gradient(to right, var(--color-primary) 0%, var(--color-primary) calc(50% - 15rem), #fff calc(50% - 15rem), #fff calc(50% + 15rem), var(--color-primary) calc(50% + 15rem), var(--color-primary) ) top no-repeat; background-size: 100% 4rem; }
    .jt-single__tags { max-width: inherit; margin: 0 20rem 50rem; }
    .jt-single__tag { font-size: 14rem; padding: 6rem 16rem 5rem; }
    .jt-single__bottom-inner:before, .jt-single__bottom-inner:after { width: 22rem; height: 4rem; top: 16rem; }

    .jt-single__editor-profile { width: 84rem; }
    .jt-single__editor-txt { font-size: 15rem; }

    .jt-single__other-title { margin-bottom: 20rem; }
    .jt-single__other-list-link { padding: 24rem 0; }
    .jt-single__other-list-content { padding: 4rem 30rem; }
    .jt-single__other-list-date { bottom: 4rem; left: 31rem; }

    .jt-single-list-btn-wrap { margin-top: 64rem; }

    .jt-single-outer { padding-bottom: 130rem; }

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

    /* JT SHARE */
    .jt-share { padding: 24rem 0 0; }
    .jt-share .jt-share__item { width: 48rem; height: 48rem; margin: 0 8rem; }
    .jt-share .jt-share__item:after { font-size: 16rem; line-height: 40rem; }
    .jt-share .jt-share__item .jt-guide--icon { width: 22rem; height: 22rem; margin-top: -11rem; margin-left: -11rem; }
    html.desktop .jt-share .jt-share__item:hover:before { width: 48rem; height: 48rem; margin-left: -24rem; margin-top: -24rem; }
    .jt-share__copynote { left: 24rem; }

    /* JT LOADMORE */
    .jt-loadmore { margin-top: 117rem; }
    .jt-loadmore__btn .jt-guide--icon { width: 30rem; }

    /* MAGNIFIC POPUP */
    .mfp-bottom-bar { width: 100%; left: 0; margin-left: auto; padding: 0 24rem; bottom: 27rem; }
    .mfp-arrow-left { left: 24rem; }
    .mfp-arrow-right { right: 24rem; }

    /* SWIPER */
    .swiper-pagination-fraction > span { font-size: 15rem; }
    .swiper-navigation button { font-size: 15rem; }
    .swiper-button-prev { left: 14rem; }
    .swiper-button-next { right: 14rem; }
    
    .jt-marquee i.footer-marquee-icon--01 { width: 50rem; height: 50rem; margin: 0 14rem; }
    .jt-marquee i.footer-marquee-icon--02 { width: 40rem; height: 40rem; margin: 0 14rem; }
    .jt-marquee i.footer-marquee-icon--03 { width: 80rem; height: 36rem; margin: 0 12rem; }

} /* 860px */



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

    .jt-ko-heading--01 { font-size: 28rem; line-height: 1.27; }
    .jt-ko-heading--02 { font-size: 22rem; line-height: 1.27; }
    .jt-ko-heading--03 { font-size: 18rem; line-height: 1.44; }
    .jt-ko-heading--04 { font-size: 17rem; line-height: 1.53; }
    .jt-ko-heading--05 { font-size: 15rem; line-height: 1.33; }
    .jt-ko-heading--06 { font-size: 12rem; line-height: 1.33; }
    .jt-ko-text--01, .jt-ko-text--01-secondary { font-size: 15rem; line-height: 1.6; }
    .jt-ko-text--02 { font-size: 14rem; line-height: 1.43; }
    .jt-ko-text--03 { font-size: 12rem; line-height: 1.5; }

    .jt-en-heading--01 { font-size: 26rem; line-height: 1.08; }
    .jt-en-heading--02 { font-size: 20rem; line-height: 1.1; }
    .jt-en-heading--03 { font-size: 18rem; line-height: 1.13; }
    .jt-en-heading--04 { font-size: 16rem; line-height: 1.14; }
    .jt-en-heading--05 { font-size: 14rem; line-height: 1.08; }
    .jt-en-text--01 { font-size: 13rem; line-height: 1.23; }
    .jt-en-text--02 { font-size: 12rem; line-height: 1.17; }
    .jt-en-text--03 { font-size: 11rem; line-height: 1.09; }

    /* BUTTON */
    .jt-btn__cta { display: block; max-width: unset; border: 2rem solid var(--color-primary); }
    .jt-btn__cta.jt-btn--type-02 { border-color: #fff; }
    .jt-btn__cta:before, .jt-btn__cta:after { display: none; }

    /* FORM */
    .jt-form__data { margin-bottom: 56rem; }
    .jt-form__field-wrap { margin-top: 0; }
    .jt-form__field-wrap.secondary { margin-top: 6rem; }
    .jt-form__field { width: 100%; }
    .jt-form__label { font-size: 17rem; line-height: 1.53; }
    .jt-form--required .jt-form__label:after { top: 7rem; margin-left: 5rem; width: 4rem; height: 4rem; }
    
    .jt-selectric__wrap { width: 100%; }
    
    .jt-agreement__choice > b { padding-right: 20rem; }
    
    .jt-form__control { padding-top: 0; margin-top: 53rem; }
    .jt-form__control { background: none; }
    .jt-form__control:before { display: none; }
    .jt-form__control:after { display: none; }
    .jt-form__control .jt-loadmore__spinner { top: 11.5rem; }
    .jt-form__action { width: 100%; font-size: 15rem; padding: 14rem 10rem 11rem; }
    html.ios .jt-form__action { padding-top: 13rem; padding-bottom: 13rem; }
    html.ios .jt-form__control .jt-loadmore__spinner { top: 14.5rem; }

    .jt-form__data .jt-form__search { font-size: 15rem; width: 130rem; min-width: 130rem; height: 44rem; }
    .jt-form__data .jt-form__search + input[type="text"] { margin-top: 0rem; width: calc(100% - 140rem); }
    .jt-form__label--small { margin-left: 3rem; }

    .jt-radiobox.jt-radiobox--fullbox label { width: 48.5%; margin-right: 0; }
    .jt-radiobox.jt-radiobox--fullbox label + label { margin-left: 3%; }

    .jt-automail__list > li { font-size: 15rem; line-height: 26rem; }
    
    /* SEARCH */
    .jt-search { padding: 0; margin-bottom: 30rem; background: transparent; }
    .jt-search__category { width: 85rem; }
    .jt-search__field { width: -webkit-calc(100% - 85rem); width: calc(100% - 85rem); padding-left: 5rem; }
    .jt-search__input.jt-form__field { width: 100%; margin: 0; padding-right: 40rem; }
    .jt-search__submit { width: 40rem; height: 40rem; padding: 0; position: absolute; top: 0; right: 0; font-size: 0; background: none; border: none; }
    .jt-search__submit:after { display: block; width: 100%; height: 100%; font-family: 'jt-font'; content: '\e932'; font-size: 13rem; font-weight: normal; line-height: 40rem; color: var(--color-primary); }
    html.desktop .jt-search__submit:hover { background: inherit; }

    /* LIST COMPONENT */
    .jt-list-nothing { padding: 15% 15rem; }
    .jt-list-nothing b { font-size: 20rem; }
    .jt-list-nothing p br { display: none; }
    
    /* SINGLE LAYOUT */
    .jt-single .jt-list-nothing { margin-left: 14rem; margin-right: 14rem; }
    .jt-single__detail { margin: 77rem 14rem 35rem; }
    .jt-single__detail-list > * { font-size: 14rem; margin-bottom: 6rem; }
    .jt-single__detail-list-title { padding-right: 18rem; }

    .jt-single__tags { max-width: inherit; margin: 0 10rem 40rem; }

    .jt-single__bottom-inner { padding-bottom: 77rem; }
    .jt-single__other-title { margin-left: -1rem; margin-bottom: 16rem; font-size: 14rem; }
    .jt-single__other-list-link { display: block; padding: 20rem 0 19rem; }
    .jt-single__other-list-thumb { width: 100%; }
    .jt-single__other-list-content { width: 100%; padding: 13rem 0 0; }
    .jt-single__other-list-desc { margin-top: 6rem; }
    .jt-single__other-list-date { position: relative; bottom: auto; left: auto; margin-top: 25rem; margin-left: 1rem; }

    .jt-single__other-list-item--txt .jt-single__other-list-content { height: 265rem; padding: 33rem 30rem; }
    .jt-single__other-list-item--txt .jt-single__other-list-date { position: absolute; left: 30rem; }

    .jt-single-list-btn-wrap { margin-top: 54rem; }

    .jt-single-outer { padding-bottom: 100rem; }

    body.single-preview .main-container { padding-top: 58rem; }

    /* JT SHARE */
    .jt-share { padding: 20rem 0 0; }
    .jt-share__copynote { left: 50%; bottom: 30rem; padding: 16rem 26rem; width: 60%; transform: translateX(-50%); text-align: center; }
    .jt-share__copynote p { font-size: 14rem; }
    .jt-share__copynote p span { display: none; }

    /* JT LOADMORE */
    .jt-loadmore { margin-top: 74rem; }
    .jt-loadmore__btn span { margin-bottom: 7rem; }
    .jt-loadmore__btn .jt-guide--icon { width: 28rem; }

    /* MAGNIFIC POPUP */
    .mfp-bottom-bar { bottom: 16rem; padding: 0 14rem; }
    .mfp-bottom-bar .mfp-detail { font-size: 14rem; }
    .mfp-arrow:before { font-size: 14rem; }
    .mfp-arrow-left { left: 14rem; }
    .mfp-arrow-right { right: 14rem; }

    /* SWIPER */
    .swiper-pagination-fraction > span { font-size: 12rem; }
    .swiper-navigation button { font-size: 12rem; }
    .swiper-button-prev { left: 4rem; }
    .swiper-button-next { right: 4rem; }
    .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 6rem; }

    .swiper-state { width: 20rem; height: 20rem; margin-top: -10rem; right: 0; }
    .swiper-state__btn .jt-guide--icon { width: 8rem; }
    .swiper-control__inner { padding-right: 24rem; }
    html.ios .swiper-state__btn { top: 1rem; } 
    html.ios .swiper-state__btn.swiper-state__btn--play { top: 0; }
    html.android .swiper-state__btn { top: 1rem; }
    html.android .swiper-state__btn.swiper-state__btn--play { top: 0; }

    /* VIDEO */
    .jt-background-video__poster-icon .jt-guide--icon { width: 36rem; }

    .jt-marquee i { padding: 10rem 0; }
    .jt-marquee i.footer-marquee-icon--01 { width: 40rem; height: 40rem; margin: 0 12rem; }
    .jt-marquee i.footer-marquee-icon--02 { width: 26rem; height: 26rem; margin: 0 12rem; }
    .jt-marquee i.footer-marquee-icon--03 { width: 80rem; height: 36rem; margin: 0 10rem; }

} /* 540px */



/* **************************************** *
 * 360px ( android display without galaxy note, ultra )
 * **************************************** */
@media(max-width: 360px) {
    html.android .swiper-state__btn { top: 1rem; }
    html.android .swiper-state__btn.swiper-state__btn--play { top: 0; }
}