@charset "utf-8";

/*
 * File       : rwd-layout.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) 782px (adminbar rwd)
 * 07) 600px (adminbar rwd)
 * 08) 540px
 */



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

    /* LAYOUT */
    .wrap { max-width: inherit; margin: 0 50rem; }

    /* HEADER */
    .header__inner { max-width: inherit; }

    #logo { left: 50rem; }
    .search-open { right: 40rem; }

    .search-modal__inner { padding-left: 0; padding-right: 0; }

    .header__type--simple .home-btn { right: 62rem; }

    /* PRIVACY */
    .privacy-header #logo { left: 50rem; }

}



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

    /* HEADER */
    .menu-container { padding-left: 60rem; }
    #menu > li > a { padding-left: 27rem; padding-right: 27rem; }

}



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

    html { font-size: 0.06756756756756757vw; }

    /* HEADER */
    .menu-container { padding-left: 70rem; }
    html.safari #menu > li > a { font-size: 14rem; padding-left: 22rem; padding-right: 22rem; }

    /* SEARCH - RESULT PAGE */
    body.search .main-container { padding-bottom: 180rem; }

    .search-result__list-sort { top: -40rem; }
    .search-result__editor-profile { width: 150rem; }

    .jt-full-popup__list { max-width: 900rem; }
    .jt-full-popup__list-item--video .jt-bg-vid-container { width: 80%; margin: 0 auto; }
    
} /* 1480px */



/* **************************************** *
* 1200px
* **************************************** */
@media (max-width: 1200px){
    
    html { font-size: 0.0833333333333333vw; } /* 100% */
    
    .wrap-middle { max-width: inherit; margin: 0 100rem; }

    /* HEADER */
    #logo { width: 105rem; height: 27rem; }
    #menu > li > a { font-size: 15rem; padding-left: 17rem; padding-right: 17rem; }
    html.safari #menu > li > a { font-size: 13rem; padding-left: 13rem; padding-right: 13rem; }
    .menu-container { padding-left: 80rem; }
    
    html.ios .header__type--simple .home-btn .jt-guide--icon { top: 0rem; }
    html.safari .header__type--simple .home-btn .jt-guide--icon { top: 0rem; }
    
    /* SEARCH */
    .search-result__thumb { width: 50%; }
    .search-result__data { width: 50%; }
    .search-result__data .search-result__meta { top: 14rem; left: 40rem; }
    .search-result__data .search-result__link { padding: 43rem 0 14rem 40rem; }
    .search-result__data .search-result__date { left: 40rem; }
    .search-result__thumb-icon { bottom: 24rem; right: 24rem; width: 30rem; height: 30rem; }
    .search-result__recommend-thumb-icon { bottom: 24rem; right: 24rem; width: 30rem; height: 30rem; }
    .search-result__item--txt .search-result__data .search-result__link { padding: 82rem 40rem 52rem; }
    .search-result__item--txt .search-result__data .search-result__meta { top: 48rem; left: 40rem; }
    
    .search-result__editor-profile { width: 130rem; }
    
    .jt-full-popup__list { max-width: 800rem; }
    .jt-full-popup .jt-full-popup__list-item-link--video { margin-top: calc(28.125% - 47rem); right: 26rem; }
    .jt-full-popup .swiper-pagination { bottom: 46rem; }
    .jt-full-popup__close { bottom: 40rem; }

} /* 1200px */



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

    html { font-size: 0.09775171065493645vw; }

    /* LAYOUT */
    .wrap { margin: 0 30rem; }
    .wrap-middle { margin: 0 30rem; }

    .article-header { padding: 140rem 0 40rem; }

    /* MENU OPEN */
    body.open_menu { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; overflow: hidden; }

    /* HEADER */
    #header, .minimize#header { height: 65rem; }
    #logo { top: 20rem; left: 30rem; width: 97rem; height: 25rem; }
    .minimize#header #logo { top: 20rem; width: 97rem; height: 25rem; }

    #header.header__type--simple { height: 65rem; }
    #header.header__type--simple #logo,
    .minimize#header.header__type--simple #logo { top: 20rem; width: 97rem; height: 25rem; }

    .menu-container { display: none; }

    #small-menu-btn { display: block; width: 26rem; height: 20rem; position: absolute; top: 22rem; right: 30rem; z-index: 550; cursor: pointer; -webkit-transition: top .3s; transition: top .3s; }
    .small-menu-btn__line { display: block; width: 100%; height: 4rem; position: absolute; left: 0; background: var(--color-primary); -webkit-transition: background .3s; transition: background .3s; }
    .small-menu-btn__line--01 { top: 3rem; }
    .small-menu-btn__line--02 { top: 13rem; }

    #small-menu-container { display: none; width: 100%; height: 100%; margin: 0; position: fixed; top: 0; bottom: 0; left: 0; z-index: 650; background: #f4f4f4; -webkit-overflow-scrolling: touch; }
    .small-menu-container__inner { width: 100%; height: auto; position: relative; top: 50%; transform: translateY(-50%); padding-bottom: 50rem; text-align: center; }

    .small-screen-menu { text-align: center; }
    .small-screen-menu li { display: block; width: 100%; }
    .small-screen-menu a { display: block; position: relative; letter-spacing: var(--letter-spacing); line-height: 1.6; color: var(--color-primary); }
    .small-screen-menu > li { padding: 24rem 0; }
    .small-screen-menu > li > a { display: inline-block; padding: 6rem 20rem; font-family: var(--font-secondary); text-transform: uppercase; font-size: 22rem; line-height: 1.12; font-weight: 700; overflow: hidden; }
    .small-screen-menu > li > a > span { position: relative; display: block; }
    .small-screen-menu > li > a > span:after { content: ''; display: block; width: 100%; height: 2rem; background: var(--color-primary); position: absolute; bottom: 0; left: 0; opacity: 0; visibility: hidden; }
    .small-screen-menu > li.current-menu-item > a > span:after { opacity: 1; visibility: visible; }

    #small-menu-close { display: block; position: fixed; top: 10rem; right: 10rem; opacity: 0; visibility: hidden; z-index: 651; cursor: pointer; }
    #small-menu-close .jt-guide--icon { padding: 10rem; width: 44rem; }

    .small-menu-sns-wrap { display: block; margin-top: 63rem; }
    .small-menu-sns { display: inline-block; margin: 0 auto; font-size: 0; }
    .small-menu-sns > li { display: inline-block; vertical-align: middle; }
    .small-menu-sns > li > a { display: block; width: 50rem; height: 50rem; border: 1rem solid #ddd; border-radius: 50%; margin: 0 13rem; }
    .small-menu-sns > li:first-child > a { margin-left: 0; }
    .small-menu-sns > li:last-child > a { margin-right: 0; }
    .small-menu-sns > li > a .jt-guide--icon { position: relative; top: 50%; transform: translateY(-50%); width: 24rem; }
    .small-menu-copy { font-size: 12rem; font-weight: 700; line-height: 1.17; letter-spacing: var(--letter-spacing); color: #bbb; position: absolute; bottom: 21rem; left: 0; width: 100%; text-align: center; }
    
    .search-open { top: 13rem; right: 65rem; }
    .search-open__btn { width: 40rem; height: 40rem; }
    .search-open__btn .jt-guide--icon { width: 20rem; }

    .header--invert:not(.minimize) .small-menu-btn__line { background: #fff; }

    .header__type--simple .home-btn { top: 24rem; }

    /* FOOTER */
    .footer__menu-wrap { width: 180rem; }
    .footer__sns > li > a { font-size: 18rem; }
    .copyright p { font-size: 30rem; }

    .footer-banner .wrap { margin: 0; }

    /* SEARCH */
    .search-modal { width: 100%; transform: none; }
    .search-modal__inner { padding: 0; }
    .search-modal__inner .wrap { margin: 0; }
    .search-modal__form { border-bottom: 1rem solid rgba(255,255,255,.5); padding: 18rem 30rem; padding-right: 90rem; }
    .search-modal__field { min-height: 48rem; background: rgba(255,255,255,.2); border: 0; border-radius: 5rem; padding-left: 40rem; padding-right: 60rem; font-size: 16rem; }
    .search-modal__label { font-size: 16rem; top: 18rem; left: 70rem; line-height: 48rem; padding-top: 1rem; }
    .search-modal__reset { width: 20rem; height: 20rem; top: 32rem; right: 102rem; }
    .search-modal__submit { width: 40rem; height: 48rem; top: 18rem; left: 30rem; }
    .search-modal__submit:after { width: 18rem; height: 18rem; }
    .search-modal__close { width: auto; height: auto; top: 25rem; right: 20rem; bottom: auto; left: auto; border-top: 0; }
    .search-modal__close:after { display: none; }
    .search-modal__close-txt[lang="en"] { display: none; }
    .search-modal__close-txt { display: block; font-size: 17rem; line-height: 1; font-weight: 400; letter-spacing: var(--letter-spacing); color: #fff; padding: 10rem; }
    .search-modal__option { padding: 0 30rem; margin-top: 35rem; }
    .search-modal__keyword li a { font-size: 16rem; padding: 4rem 0; }
    html.ios .search-modal__label { line-height: normal; top: 34rem; }
    html.ios .search-modal__field { padding-top: 2rem; }
    html.ios .search-modal__submit { top: 19rem; }
    
    /* SEARCH - RESULT PAGE */
    body.search .main-container { padding-bottom: 150rem; }
    .search-result-form__field { letter-spacing: var(--letter-spacing); }

    .search-result__list-wrap { margin-top: 97rem; }
    .search-result__list-sort { top: -35rem; }
    .search-result__list-caption { margin-left: -2rem; margin-bottom: 28rem; }
    .search-result__data .search-result__meta { top: 10rem; left: 36rem; }
    .search-result__data .search-result__link{ padding: 38rem 0 10rem 36rem; }
    .search-result__data .search-result__date { left: 36rem; bottom: 8rem; }
    .search-result__item--txt .search-result__data .search-result__link { padding: 71rem 36rem 42rem; }
    .search-result__item--txt .search-result__data .search-result__meta { top: 42rem; left: 36rem; }
    .search-result__item--txt .search-result__data .search-date { bottom: 42rem; }
    .search-result__info { margin-top: 26rem; }
    
    .search-result__recommend-caption { margin-left: -2rem; margin-bottom: 28rem; }
    .search-result__recommend-desc { margin-top: 10rem; }
    .search-result__recommend-list { -webkit-column-gap: 22rem; -moz-column-gap: 22rem; column-gap: 22rem; margin-bottom: -114rem; }
    .search-result__recommend-item { padding-top: 22rem; margin-bottom: 114rem; }
    .search-result__recommend-meta + .search-result__recommend-thumb { margin-top: 18rem; }
    .search-result__recommend-item--txt { padding-top: 0; }
    .search-result__recommend-item--txt .search-result__recommend-link { padding: 71rem 36rem 42rem; }
    .search-result__recommend-item--txt .search-result__recommend-meta { top: 42rem; left: 36rem; }
    .search-result__recommend-item--txt .search-result__recommend-tag { bottom: 42rem; left: 36rem; }
    
    .search-result__nothing p { padding-bottom: 25rem; }
    .search-result__nothing-eye { width: 80rem; }

    .search-result__editor { padding-bottom: 36rem; }
    .search-result__editor-profile { width: 130rem; }
    .search-result--editor .search-result__list-wrap { margin-top: 90rem; }

    /* PRIVACY */
    body.privacy-policy .privacy-select .selectric .label { height: 53rem; line-height: 30rem; font-size: 15rem; }
    body.privacy-policy .privacy-select .selectric .button { height: 53rem; }

    html.mobile body.privacy-policy .jt-selectric { height: 53rem; line-height: 30rem; padding: 0 0 0 18rem; font-size: 15rem; }
    html.mobile body.privacy-policy .jt-selectric__wrap { height: 53rem; }
    html.mobile body.privacy-policy .jt-selectric__wrap:before { top: 22rem; }

    .privacy-header #logo { left: 30rem; }

    .privacy-item { margin-bottom: 40rem; }
    .privacy-item h2 { margin-bottom: 25rem; font-size: 17rem; }
    .privacy-item h3 { margin: 33rem 0 20rem; }
    .privacy-item h3, .privacy-item p, .privacy-item ol, .privacy-item ul { font-size: 15rem; }
    .privacy-item > ul + p { margin-top: 30rem; }
    .privacy-item > ul li > ul span.privacy-caution { margin-top: 15rem; }
    .privacy-item > ol li > ul li::before,
    .privacy-item > ul li > ul li::before { top: 12rem; }
    .privacy-item > ul li::before { top: 10rem; }
    html.ios .privacy-item > ul > li::before { top: 8rem; }

    /* MEMBERSHIP POLICY */
    .service-item { margin-bottom: 40rem; }
    .service-item h2 { margin-bottom: 25rem; font-size: 17rem; }
    .service-item p, .service-item ul { font-size: 15rem; }
    .service-item > ul + p { margin-top: 30rem; }
    .service-item > ul li::before { top: 10rem; }
    html.ios .service-item > ul > li::before { top: 8rem; }

    /* BANNER */
    .top-banner__close { top: 7rem; right: 25rem; }
    .top-banner__close .jt-guide--icon { opacity: 0.6; }

    .jt-full-popup__list { max-width: 703rem; }
    .jt-full-popup__list-item-inner { width: 100%; }
    .jt-full-popup .swiper-pagination { bottom: 36rem; }
    .jt-full-popup .swiper-button-prev { left: 20rem; }
    .jt-full-popup .swiper-button-next { right: 20rem; }
    .jt-full-popup__close { right: 30rem; bottom: 30rem; font-size: 12rem; }

    /* 404 */
    .error-404__img-tail-wrap { display: none; }
    .error-404__content-wrap { mix-blend-mode: unset; }
    .error-404__content { color: var(--color-primary); }
    .error-404__content p { font-weight: 400; }
    .error-404__controller .jt-btn__underline { color: var(--color-primary); font-weight: 700; }
    .error-404__controller .jt-btn__underline:before, .error-404__controller .jt-btn__underline:after { background: var(--color-primary); }

} /* 1023px */




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

    html { font-size: 0.13020833333333335vw; }

    /* LAYOUT */
    body { font-family: sans-serif; }

    .wrap { margin: 0 24rem; }
    .wrap-middle { margin: 0 24rem; }

    .article-header { padding: 132rem 0 30rem; }

    /* HEADER */
    #header, .minimize#header { height: 60rem; }
    #logo { top: 19rem; left: 24rem; width: 89rem; height: 23rem; }
    .minimize#header #logo { top: 19rem; width: 89rem; height: 23rem; }

    #header.header__type--simple { height: 60rem; }
    #header.header__type--simple #logo { top: 19rem; left: 24rem; width: 89rem; height: 23rem; transform: none; }
    .minimize#header.header__type--simple #logo { top: 19rem; width: 89rem; height: 23rem; }

    html.ios .header__type--simple .home-btn span { vertical-align: -1rem; }

    #small-menu-btn { top: 19rem; right: 24rem; }
    .small-screen-menu > li { padding: 21rem 0; }
    .small-screen-menu > li > a { font-size: 20rem; }
    .small-menu-sns > li > a { width: 45rem; height: 45rem; }
    .small-menu-sns > li > a .jt-guide--icon { width: 22rem; }

    .search-open { top: 10rem; right: 60rem; }

    .search-modal__form { padding-left: 24rem; padding-right: 76rem; }
    .search-modal__field { /* font-size: 15rem; */ }
    .search-modal__label { /* font-size: 15rem; */ left: 66rem; padding-top: 0; }
    .search-modal__submit { left: 24rem; }
    .search-modal__close { right: 14rem; }
    .search-modal__reset { right: 89rem; }
    .search-modal__keyword li a { font-size: 15rem; padding: 3.5rem 0; }

    .header__type--simple .home-btn { top: 23rem; right: 28rem; }

    /* FOOTER */
    #footer { padding-top: 50rem; }
    .footer__cta { float: none; }
    .footer__cta li { width: calc(50% - 6rem); }
    .footer__cta .jt-btn__cta.jt-btn--type-02 { display: block; min-width: unset; padding: 13rem 10rem 11rem; }
    .footer__sns-wrap { float: none; margin-top: 34rem; }
    .footer__sns > li { margin-bottom: 8rem; }
    .footer__sns > li > a { font-size: 16rem; }
    .footer__family { float: none; width: 220rem; }
    .footer__family .selectric .label { height: 50rem; padding: 19rem 0; font-size: 12rem; margin: 0 48rem 0 17rem; }
    .footer__family .selectric .button { width: 46rem; height: 50rem; }
    .footer__family .selectric-items li { font-size: 12rem; padding: 19rem 17rem; }
    html.mobile .footer__family .jt-selectric__wrap select { padding: 19rem 17rem; font-size: 12rem; }    
    html.mobile .footer__family .jt-selectric__wrap:before { line-height: normal; top: 23rem; right: 17rem; }
    html.mobile .footer__family .jt-selectric__wrap:after { padding: 18rem 17rem; font-size: 12rem; }
    html.mobile.ios .footer__family .jt-selectric__wrap select { padding-top: 20rem; padding-bottom: 18rem; }
    html.mobile.ios .footer__family .jt-selectric__wrap:before { top: 24rem; }
    html.mobile.ios .footer__family .jt-selectric__wrap:after { padding-top: 20rem; padding-bottom: 18rem; }
    .footer__group { float: none; margin-top: 32rem; }
    .footer__menu-wrap { float: none; width: 100%; }
    .footer__menu > li { margin-bottom: 7rem; }
    .footer__menu > li:last-child { margin-bottom: 0; }
    .footer__menu > li > a { font-size: 15rem; }
    .footer__menu > li.privacy > a:before { bottom: 0; }
    .footer__contact { float: none; margin-top: 33rem; margin-bottom: 0; }
    .footer__contact p { padding: 6rem 0; }
    .footer__contact p span, .footer__contact p span a { font-size: 15rem; color: rgba(255,255,255,.5); }
    .footer__certificate { margin-top: 42rem; margin-bottom: 38rem; }
    .footer__info { display: none; position: relative; top: auto; right: auto; text-align: left; padding-top: 13rem; }
    .footer__info p span, .footer__info p span a { font-size: 13rem; color: #fff; }
    html.ios .footer__menu > li.privacy > a:before { bottom: 2rem; }
    .copyright { float: none; margin-top: 31rem; }
    .copyright p { display: inline-block; vertical-align: top; font-size: 20rem; }
    .copyright .jt-guide--icon { display: inline-block; vertical-align: top; width: 22rem; margin-left: 10rem; margin-top: 2rem; transition: transform .4s; }
    .copyright .jt-guide--icon svg path { fill: #fff; }
    .copyright.active .jt-guide--icon { transform: rotate(-180deg); }

    .footer-banner + .jt-marquee-wrap { margin-top: 53rem; padding-bottom: 52rem; }
    .main-last + .jt-marquee-wrap, .jt-single-outer + .jt-marquee-wrap { padding-bottom: 52rem; }

    /* SCROLL TOP */
    .go-top { display: none; }

    /* SEARCH - RESULT PAGE */
    body.search .main-container { padding-bottom: 130rem; }
    .search-result-form__field { border-bottom-width: 4rem; height: 68rem; font-size: 20rem; padding-left: 38rem; padding-right: 40rem; }
    .search-result-form__reset { top: 21rem; right: 0; }
    .search-result-form__submit { right: auto; left: 0; top: 22rem; background: transparent; padding: 0; width: 28rem; height: 28rem; border-radius: 0; opacity: .3; }
    .search-result-form__submit span { width: 100%; height: 100%; font-size: 0; }
    .search-result-form__submit span:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/icon/jt-icon/jt-search.svg) no-repeat; background-size: 100% auto; }
    .search-result-form__submit { width: 24rem; height: 24rem; top: 20rem; }
    .search-result__editor { padding-bottom: 30rem; }
    .search-result__info { margin-top: 20rem; }
    .search-result__info p small { font-size: 13rem; margin-left: 6rem; }
    html.ios .search-result-form__field { padding-top: 18rem; padding-bottom: 12rem; }
    html.ios .search-result-form__reset { top: 23rem; }
    html.ios .search-result-form__submit { padding: 0; top: 22rem; }
    
    .search-result__list-sort { top: -35rem; }
    .search-result__list-sort ul { margin: 0 -16rem; }
    .search-result__list-sort ul > li { font-size: 15rem; }
    .search-result__list-sort ul > li a { padding: 10rem 16rem; }
    .search-result__list-sort ul > li:after { height: 14rem; }
    html.ios .search-result__list-sort ul > li:after { top: 2rem; }
    html.android .search-result__list-sort ul > li:after { top: 3rem; }
    .search-result__list-caption { margin-bottom: 20rem; }
    .search-result__data .search-result__meta { top: 4rem; left: 30rem; }
    .search-result__data .search-result__link { padding: 33rem 0 4rem 30rem; }
    .search-result__data .search-result__desc { margin-top: 6rem; }
    .search-result__item:not(.search-result__item--txt) .search-result__data .search-result__title { max-height: 1.39em; -webkit-line-clamp: 1; }
    .search-result__item:not(.search-result__item--txt) .search-result__data .search-result__title br { display: none; }
    .search-result__item:not(.search-result__item--txt) .search-result__data .search-result__desc br { display: none; }
    .search-result__data .search-result__date { left: 31rem; bottom: 4rem; }
    .search-result__item-inner { padding: 24rem 0; }
    .search-result__item--txt .search-result__data .search-result__date { bottom: 40rem; }
    
    .search-result__recommend-caption { margin-bottom: 20rem; }
    .search-result__recommend-list { margin-bottom: -85rem; }
    .search-result__recommend-item { padding-top: 20rem; margin-bottom: 85rem; }
    .search-result__recommend-meta + .search-result__recommend-thumb { margin-top: 16rem; }
    .search-result__recommend-desc br { display: none; }
    .search-result__recommend-item--txt { padding-top: 0; }
    .search-result__recommend-item--txt .search-result__recommend-tag { bottom: 40rem; }

    .search-result__recommend { margin-top: 72rem; }
    .search-result__nothing-eye { width: 70rem; }

    .search-result__editor { 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) ) bottom no-repeat; background-size: 100% 4rem; }
    .search-result__editor:before, .search-result__editor:after { width: 22rem; height: 4rem; bottom: -16rem; }
    .search-result__editor-profile { width: 120rem; }

    /* PRIVACY */
    body.privacy-policy .main-container { padding-bottom: 80rem; }
    body.privacy-policy .article-header { padding-bottom: 34rem; }
    body.privacy-policy .privacy-select .selectric .label { height: 50rem; line-height: 27rem; font-size: 14rem; }
    body.privacy-policy .privacy-select .selectric .button { height: 50rem; }

    html.mobile body.privacy-policy .jt-selectric { height: 50rem; line-height: 27rem; font-size: 14rem; }
    html.mobile body.privacy-policy .jt-selectric__wrap { height: 50rem; }

    .privacy-header #logo { left: 24rem; }

    .privacy-content { margin-top: 30rem; }
    
    .privacy-item { margin-bottom: 30rem; }
    .privacy-item h2 { margin-bottom: 15rem; font-size: 16rem; }
    .privacy-item h3 { margin: 23rem 0 10rem; }
    .privacy-item h3, .privacy-item p, .privacy-item ol, .privacy-item ul { font-size: 14rem; }
    .privacy-item > ol > li { padding-left: 16rem; }
    .privacy-item > ol li > ul { margin-left: -8rem; }
    .privacy-item > ol li > ul li { padding-left: 9rem; }
    .privacy-item > ul li { padding-left: 9rem; }
    .privacy-item > ul li > ul li { padding-left: 9rem; }
    .privacy-item > ul li > ul span.privacy-caution { margin-top: 10rem; }
    .privacy-item > ol li > ul li::before,
    .privacy-item > ul li > ul li::before { top: 11rem; }
    .privacy-item > ul li::before { width: 3rem; height: 3rem; top: 10rem; }
    html.android .privacy-item > ul > li::before { width: 3px; height: 3px; }
    html.ios .privacy-item > ul > li::before { top: 9rem; }

    /* MEMBERSHIP POLICY */
    .service-item { margin-bottom: 30rem; }
    .service-item h2 { margin-bottom: 15rem; font-size: 16rem; }
    .service-item p, .service-item ul { font-size: 14rem; }
    .service-item > ul li { padding-left: 9rem; }
    .service-item > ul li::before { width: 3rem; height: 3rem; top: 10rem; }
    html.android .service-item > ul > li::before { width: 3px; height: 3px; }
    html.ios .service-item > ul > li::before { top: 9rem; }

    /* BANNER */
    .top-banner__close { right: 19rem; }
    
    .jt-floating-popup { padding: 36rem 0 40rem; }
    .jt-floating-popup__inner > .jt-btn__basic { position: relative; bottom: auto; right: auto; min-width: unset; width: 100%; margin-top: 17rem; }
    .jt-floating-popup__inner > .jt-btn__basic > span { padding-right: 18rem; }
    .jt-floating-popup__inner > .jt-btn__basic > span .jt-guide--icon { top: 2rem; width: 16rem; }
    html.android .jt-floating-popup__inner > .jt-btn__basic > span .jt-guide--icon { top: -1rem; }
    html.ios .jt-floating-popup__inner > .jt-btn__basic > span .jt-guide--icon { top: 0; }
    .jt-floating-popup__inner > p { font-size: 15rem; line-height: 1.43; margin-top: 12rem; }
    .jt-floating-popup__close { top: 28rem; right: 14rem; }
    
    .jt-full-popup__overlay { opacity: .9; }
    .jt-full-popup__close { bottom: auto; top: 40rem; right: auto; left: 50%; transform: translateX(-50%); padding: 5rem 26rem; font-size: 11rem; }
    .jt-full-popup__list { max-width: 100%; }
    .jt-full-popup__list { height: calc(100% - 200rem); top: 50%; transform: translateY(-50%); }
    .jt-full-popup__list-item-inner { height: 100%; }
    .jt-full-popup__list-item--video .jt-full-popup__list-item-inner { height: auto; }
    .jt-full-popup__list-item--video .jt-full-popup__list-item-content { width: 100%; padding-top: 56.25%; }
    .jt-full-popup__list-item--video .jt-background-video { position: absolute; width: 100%; }
    .jt-full-popup .jt-full-popup__list.slider-init .swiper-navigation { display: none; }
    html.ios .jt-full-popup .jt-full-popup__list-item-link--video .jt-guide--icon { top: 1rem; }

    .jt-full-popup .jt-full-popup__list-item-link--video > span { font-size: 15rem; }

    /* layer popup */
    .jt-layer-popup__container { max-width: 390rem; }
    .jt-layer-popup__container .jt-alert__btn { padding: 20rem 20rem 19rem; }
    .jt-layer-popup__content { padding: 77rem 30rem 45rem; }
    .jt-membership-join__valid { font-size: 13rem; margin: 0; }

} /* 860px */



/* **************************************** *
 * 782px (adminbar rwd)
 * **************************************** */
@media (max-width: 782px){

    body.admin-bar .top-banner { top: 46px; }
    body.admin-bar #header { top: 46px; }
    body.top-banner-view.admin-bar .top-banner { top: 46px; }
    body.top-banner-view.admin-bar .minimize#header { top: calc(50rem + 46px); }
    
    body.admin-bar .privacy-header #logo { top: calc(22rem + 46px); }
}



/* **************************************** *
 * 600px (adminbar rwd)
 * **************************************** */
@media (max-width: 600px){

    body.admin-bar .minimize#header { top: 0; }
    body.top-banner-view.admin-bar .top-banner.minimize { top: 0; }
    body.top-banner-view #wpadminbar { margin-top: calc(-8.41% - 46px); }
    body.top-banner-view.admin-bar .minimize#header { top: 46rem; }
}



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

    html { font-size: 0.26666666666666665vw; }

    /* LAYOUT */
    .wrap { margin: 0 14rem; }
    .wrap-middle { margin: 0 14rem; }
    .wrap-narrow { max-width: inherit; margin: 0 14rem; }

    .article-header { padding: 86rem 0 25rem; }

    br.smbr { display: block !important; }

    /* HEADER */
    #header, .minimize#header { height: 58rem; }
    #logo { width: 64rem; height: 16rem; top: 21rem; left: 14rem; }
    .minimize#header #logo { width: 64rem; height: 16rem; top: 21rem; }

    #header.header__type--simple { height: 58rem; }
    #header.header__type--simple #logo { width: 64rem; height: 16rem; top: 21rem; left: 14rem; transform: none; }
    .minimize#header.header__type--simple { height: 58rem; }
    .minimize#header.header__type--simple #logo { width: 64rem; height: 16rem; top: 21rem; }

    #small-menu-btn { right: 14rem; }
    .small-menu-container__inner { padding-bottom: 25rem; }
    .small-screen-menu > li { padding: 17rem 0; }
    .small-screen-menu > li > a { font-size: 18rem; }
    .small-menu-sns-wrap { margin-top: 50rem; }
    .small-menu-sns > li > a { width: 40rem; height: 40rem; }
    .small-menu-sns > li > a .jt-guide--icon { width: 20rem; }

    .search-open { top: 9rem; right: 50rem; }

    .header__type--simple .home-btn { top: 24rem; right: 12rem; }
    html.naver .header__type--simple .home-btn { top: 23rem; }
    .header__type--simple .home-btn span { margin-right: 4rem; }
    .header__type--simple .home-btn .jt-guide--icon { width: 6rem; top: 1rem }
    html.ios .header__type--simple .home-btn .jt-guide--icon { top: 0rem; }
    html.naver .header__type--simple .home-btn .jt-guide--icon { top: 0rem; }
    html.ios.naver .header__type--simple .home-btn .jt-guide--icon { top: -1rem; }

    /* FOOTER */
    #footer { padding-top: 40rem; }
    .footer__cta > li { display: block; width: 100%; margin-right: 0; margin-bottom: 10rem; }
    .footer__cta > li:last-child { margin-bottom: 0; }
    .footer__sns > li > a { font-size: 14rem; }
    .footer__menu-wrap { float: none; }
    
    .footer__menu > li > a { font-size: 14rem; }
    .footer__menu > li.company > a { padding-right: 18rem; }
    .footer__menu > li.company > a .jt-guide--icon { top: 3rem; width: 16rem; }
    html.ios .footer__menu > li.company > a .jt-guide--icon { top: 2rem; }
    html.android .footer__menu > li.company > a .jt-guide--icon { top: 3.5rem; }
    .footer__contact { float: none; margin-top: 40rem; margin-bottom: 0; }
    .footer__contact p span { padding-right: 6rem; }
    .footer__contact p span, .footer__contact p span a { font-size: 14rem; color: rgba(255,255,255,.5); }
    .footer__contact p span[lang="en"], .footer__contact p span[lang="en"] a { font-size: 12rem; }
    html.ios .footer__contact p span[lang="en"], html.ios .footer__contact p span[lang="en"] a { padding-bottom: 1rem; }
    .footer__contact p span em { padding-left: 0; }
    .footer__contact p span em:before,
    .footer__contact p span em:after { display: none; }
    .footer__info p span, .footer__info p span a { font-size: 12rem; line-height: 1.5; }
    .copyright p { font-size: 16rem; line-height: 1.13; }
    .copyright .jt-guide--icon { margin-top: 0; }
    
    .footer-banner { background: #f4f4f4; }
    .footer-banner__img--large { display: none; }
    .footer-banner__img--small { display: block; }
    .footer-banner + .jt-marquee-wrap { margin-top: 26rem; padding-bottom: 28rem; }
    .main-last + .jt-marquee-wrap, .jt-single-outer + .jt-marquee-wrap { padding-bottom: 28rem; }
    
    /* SEARCH */
    .search-modal__form { padding-left: 14rem; padding-right: 54rem; }
    .search-modal__label { font-size: 15rem; left: 54rem; }
    .search-modal__option { margin-top: 30rem; padding: 0 14rem; }
    .search-modal__keyword li { margin: 7rem 0; }
    .search-modal__keyword li a { font-size: 15rem; line-height: 1.6; }
    .search-modal__submit { left: 14rem; }
    .search-modal__close { top: 30rem; right: 9rem; }
    .search-modal__close-txt { font-size: 15rem; padding: 5rem; }
    .search-modal__reset { right: 67rem; }

    /* SEARCH - RESULT PAGE */
    body.search .main-container { padding-top: 73rem; padding-bottom: 100rem; } 

    .search-result-form__field { border-bottom-width: 3rem; height: 64rem; font-size: 18rem; padding-left: 32rem; }
    .search-result-form__reset { width: 20rem; height: 20rem; top: 22rem; }
    .search-result-form__submit { width: 20rem; height: 20rem; top: 22rem; }
    html.ios .search-result-form__submit { top: 23rem; }
    .search-result__info { margin-top: 16rem; }
    .search-result__info p small { font-size: 12rem; margin-left: 6rem; }

    .search-result__list-wrap { margin-top: 80rem; }

    .search-result__list-sort { top: -30rem; }
    .search-result__list-sort ul { margin: 0 -14rem; }
    .search-result__list-sort ul > li { font-size: 14rem; }
    .search-result__list-sort ul > li:after { height: 12rem; top: 4rem; }
    .search-result__list-sort ul > li a { padding: 10rem 14rem; }
    .search-result__list-caption { margin-left: -1rem; margin-bottom: 16rem; }
    html.ios .search-result__list-sort ul > li:after { top: 3rem; }
    
    .search-result__item-inner { display: block; padding: 20rem 0 19rem; }
    .search-result__thumb { width: 100%; }
    .search-result__data { width: 100%; }
    .search-result__data .search-result__meta { margin-bottom: 10rem; top: 17rem; left: 0; }
    .search-result__data .search-result__link { padding: 40rem 0 0; }
    .search-result__data .search-result__title br { display: none; }
    .search-result__data .search-result__desc { margin-top: 4rem; }
    .search-result__data .search-result__desc br { display: none; }
    .search-result__data .search-result__date { position: relative; bottom: auto; left: auto; margin-top: 25rem; margin-left: 1rem; }
    .search-result__item:not(.search-result__item--txt) .search-result__data .search-result__title { max-height: 2.78em; -webkit-line-clamp: 2; }
    .search-result__item--txt .search-result__data .search-result__link { padding: 62rem 30rem 37rem; }
    .search-result__item--txt .search-result__data { height: 279rem; }
    .search-result__item--txt .search-result__data .search-result__meta { top: 37rem; left: 31rem; }
    .search-result__item--txt .search-result__data .search-result__date { position: absolute; bottom: 38rem; }
    
    .search-result__recommend { margin-top: 36rem; } 
    .search-result__recommend-list { display: block; grid-template-columns: none; column-gap: 0; margin-bottom: 0; }
    .search-result__recommend-item { padding-top: 18rem; margin-bottom: 45rem; }
    .search-result__recommend-item:last-child { margin-bottom: 0; }
    .search-result__recommend-title { margin-top: 14rem; }
    .search-result__recommend-desc { margin-top: 8rem; }
    .search-result__recommend-tag { margin-top: 7rem; }
    .search-result__recommend-caption { margin-left: -1rem; margin-bottom: 16rem; }
    .search-result__recommend-item--txt { height: 279rem; padding-top: 0; }
    .search-result__recommend-item--txt .search-result__recommend-link { padding: 62rem 30rem 37rem; }
    .search-result__recommend-item--txt .search-result__recommend-meta { top: 37rem; left: 31rem; }
    .search-result__recommend-item--txt .search-result__recommend-tag { bottom: 38rem; }
    
    .search-result__nothing { padding: 70rem 0 80rem; }
    .search-result__nothing p { padding-bottom: 16rem; }
    
    .search-result__editor { padding-bottom: 20rem; }
    .search-result__editor-profile { width: 100rem; }
    .search-result__editor-name { margin-top: 6rem; }
    .search-result--editor .search-result__list-wrap { margin-top: 54rem; }
    
    /* PRIVACY */
    body.privacy-policy .main-container { padding-bottom: 60rem; }
    body.privacy-policy .article-header { padding-bottom: 24rem; }
    body.privacy-policy .privacy-select .selectric .label { height: 45rem; line-height: 22rem; margin-left: 15rem; font-size: 13rem; }
    body.privacy-policy .privacy-select .selectric .button { height: 45rem; }
    body.privacy-policy .privacy-select .selectric-items ul, 
    body.privacy-policy .privacy-select .selectric-items li { font-size: 13rem; }
    
    html.mobile body.privacy-policy .jt-selectric { height: 45rem; font-size: 13rem; padding-left: 13rem; }
    html.mobile body.privacy-policy .jt-selectric__wrap { height: 45rem; }
    html.mobile body.privacy-policy .jt-selectric__wrap:before { top: 19rem; width: 25rem; }

    .privacy-header #logo { left: 14rem; }

    .privacy-content { margin-top: 20rem; }
    
    .privacy-item { margin-bottom: 25rem; }
    .privacy-item h2 { margin-bottom: 10rem; font-size: 15rem; }
    .privacy-item h3 { margin: 21rem 0 8rem; }
    .privacy-item p { margin-bottom: 5rem; }
    .privacy-item h3, .privacy-item p, .privacy-item ol, .privacy-item ul { font-size: 13rem; }
    .privacy-item > ol > li { margin-bottom: 5rem; padding-left: 13rem; }
    .privacy-item > ol li > ul li { margin-bottom: 0; }
    .privacy-item > ul + p { margin-top: 25rem; }
    .privacy-item > ul li { margin-bottom: 5rem; }
    .privacy-item > ul li > ul li { margin-bottom: 3rem; }
    .privacy-item > ul li > ul span.privacy-caution { margin-left: -9rem; }
    .privacy-item > ol li > ul li::before,
    .privacy-item > ul li > ul li::before { top: 10rem; }
    html.android .privacy-item > ul li > ul li::before { top: 11rem; }

    /* MEMBERSHIP POLICY */
    .service-item { margin-bottom: 25rem; }
    .service-item h2 { margin-bottom: 10rem; font-size: 15rem; }
    .service-item p { margin-bottom: 5rem; }
    .service-item p, .service-item ul { font-size: 13rem; }
    .service-item > ul li { margin-bottom: 5rem; }
    
    /* BANNER */
    .top-banner__close { top: 9rem; right: 15rem; padding: 5rem; }
    .top-banner__close .jt-guide--icon { width: 14rem; }
    .top-banner__txt { width: 100%; left: 0; transform: none; text-align: left; padding: 14rem 0 13rem; padding-left: 14rem; padding-right: 60rem; font-size: 12rem; }
    .top-banner__img--large { display: none; }
    .top-banner__img--small { display: block; }
    .top-banner.minimize { height: 40rem; }
    
    body.top-banner-view { margin-top: 25.64%; }
    body.top-banner-view .minimize#header { top: 40rem; }
    
    .jt-floating-popup { padding: 26rem 0 30rem; }
    .jt-floating-popup__inner > b { font-size: 16rem; }
    .jt-floating-popup__inner > p { font-size: 13rem; margin-top: 11rem; }
    .jt-floating-popup__inner > p br { display: none; }
    .jt-floating-popup__close { top: 18rem; right: 4rem; }
    
    .jt-full-popup__list-item-content { max-width: 100%; }
    .jt-full-popup__list-item-content img { width: 100%; }
    .jt-full-popup__list-item--video .jt-full-popup__list-item-inner { height: auto; }
    .jt-full-popup .jt-full-popup__list-item-link--video { margin-top: calc(28.125% - 32rem); right: 11rem; }
    .jt-full-popup .jt-full-popup__list-item-link--video > span { padding-right: 18rem; }
    .jt-full-popup .jt-full-popup__list-item-link--video .jt-guide--icon { top: 3rem; width: 16rem; }
    html.ios .jt-full-popup .jt-full-popup__list-item-link--video .jt-guide--icon { top: 1rem; }
    .jt-full-popup .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 6rem; }

    .admin-bar .top-banner.minimize { top: 0; }
    body.top-banner-view #wpadminbar { margin-top: calc(-25.64% - 46px); }
    body.top-banner-view.admin-bar .minimize#header { top: 40rem; }

    /* layer popup */
    .jt-layer-popup__container .jt-alert__btn { padding: 15rem 20rem 14rem; font-size: 15rem;  border-top: 1rem solid var(--color-primary); }
    .jt-layer-popup__content { padding: 52rem 20rem 20rem; }
    .jt-layer-popup__close { top: 17rem; }
    .jt-membership-join__field { height: 45rem; padding: 0 15rem; }
    .jt-membership-join__valid { font-size: 12rem; }

    /* postcode popup */
    html.ios .jt-postcode-popup__close-wrap span { padding-top: 2rem; }
    
    /* 404 */
    .error-404 { padding: 250rem 0 200rem; }
    .error-404__controller { margin-top: 50rem; }
    
} /* 540px */