@charset "utf-8";

/*
 * File       : rwd-sub.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) 540px
 */



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

    /* WATCH AND JEWELRY */
    .watch-recently__list-wrap { max-width: inherit; margin: 0 50rem; }

    .watch-list-nav:after { max-width: inherit; width: calc(100% - 100rem); }
    .watch-list-nav__inner { max-width: inherit; margin: 0 40rem; }
    .watch-list-nav--fixed:after { width: 100vw; }
    .watch-list__index { width: calc(30% - 30rem); }
    .watch-list__content { width: 70%; }

    body.single-watchnjewely .watch-list__content { width: auto; }

    /* MEMBERSHIP */
    .membership-introduction .jt-membership-header__item:first-child { padding-left: 144rem; }
}



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

    /* WATCH AND JEWELRY */
    body.page-template-watch-jewelry .article-body { padding-bottom: 180rem; }

    .watch-recently__list-item { width: 380rem; }
    .watch-recently .swiper-navigation button { width: 44rem; height: 44rem; }
    .watch-recently .swiper-navigation button .jt-guide--icon { width: 9rem; margin-top: 0; }

    .watch-list__index::-webkit-scrollbar { width: 4px; }
    .watch-list__index-inner { padding-top: 60rem; padding-bottom: 126rem; max-width: 320rem; }
    .watch-list__index-list > li { max-width: 300rem; }
    .watch-list__index-list > li > a > span:not([lang="en"]) { margin-top: 7rem; }
    .watch-list__content-item { padding-top: 66rem; }
    .watch-list__content-brand-info br { display: none; }

    .watch-list__related-thumb { width: 50%; }
    .watch-list__related-title { margin-bottom: 26rem; }
    .watch-list__related-content { width: 50%; }

    /* SEARCH EDITOR */
    body.page-template-search-editor .main-container { padding-top: 180rem; padding-bottom: 180rem; }
    body.author .main-container { padding-top: 180rem; padding-bottom: 180rem; }

    /* INQUIRY */
    body.page-template-inquiry .main-container { padding-bottom: 180rem; }
    body.page-template-inquiry-confirm .main-container { padding-bottom: 180rem; }

    /* MEMBERSHIP */
    body.page-template-membership-form .main-container { padding-bottom: 180rem; }
    body.page-template-membership-confirm .main-container { padding-bottom: 180rem; }

    .membership-introduction .jt-membership-header__item:first-child { padding-left: 87rem; }
    .membership-introduction .jt-membership-intro { padding: 129rem 0; }
    .membership-introduction .jt-membership-join { padding: 105rem 0; }
}



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

    /* WATCH AND JEWELRY */
    .watch-list__index { width: calc(35% - 30rem); }
    .watch-list__index-list > li > a > span[lang="en"] { font-size: 15rem; }
    .watch-list__content { width: 65%; }

    .watch-list__related-thumb-icon { bottom: 24rem; right: 24rem; width: 30rem; height: 30rem; }
    .watch-list__related-content { padding: 14rem 40rem; }
    .watch-list__related-content-desc { margin-top: 7rem; }
    .watch-list__related-content-date { bottom: 14rem; left: 40rem; }

    /* MEMBERSHIP */
    .membership-introduction .jt-membership-intro__logo--pc { width: 103rem; margin: 0 auto 30rem;}
    .membership-introduction .jt-membership-grid__item-desc { padding: 42rem 30rem 40rem 30rem; }
    .membership-introduction .jt-membership-grid--experiences .jt-membership-grid__item-desc { padding: 55rem 30rem 53rem 30rem; }
}



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

    /* WATCH AND JEWELRY */
    body.page-template-watch-jewelry .article-body { padding-bottom: 150rem; }

    .watch-recently { margin-bottom: 74rem; }
    .watch-recently__list-wrap { margin: 0 30rem; }
    .watch-recently__list-item { width: 340rem; }
    .watch-recently .swiper-navigation button { width: 42rem; height: 42rem; }

    .watch-list-nav:after { width: calc(100% - 60rem); }
    .watch-list-nav--fixed:after { width: 100vw; }
    .watch-list-nav__inner { margin: 0 20rem; }
    .watch-list-nav__inner ul > li { font-size: 15rem; }

    .watch-list__index { width: calc(40% - 30rem); }
    .watch-list__index::-webkit-scrollbar-track { margin: 20px 0; }
    .watch-list__index-inner { padding-top: 50rem; padding-bottom: 123rem; max-width: 300rem; }
    .watch-list__content { width: 60%; }
    .watch-list__content-item { padding-top: 56rem; padding-bottom: 135rem; }
    .watch-list__content-brand-link { margin-top: 19rem; font-size: 15rem; }

    .watch-list-active-mark { width: 360rem; margin-top: -18rem; }

    .watch-list__related { margin-top: 96rem; }
    .watch-list__related-item > a { display: block; }
    .watch-list__related-thumb { width: 100%; }
    .watch-list__related-content { width: 100%; padding: 0; padding-top: 15rem; }
    .watch-list__related-content-desc { margin-top: 5rem; }
    .watch-list__related-content-date { position: relative; bottom: auto; left: auto; display: block; margin-top: 11rem; }
    .watch-list__related-item--txt .watch-list__related-content { height: 320rem; padding: 35rem 36rem; }
    .watch-list__related-item--txt .watch-list__related-content-date { position: absolute; bottom: 38rem; left: 35rem; margin-top: 0; }

    /* SEARCH EDITOR */
    body.page-template-search-editor .main-container { padding-top: 150rem; padding-bottom: 150rem; }

    /* INQUIRY */
    .inquiry-confirm__icon { width: 130rem; }
    body.page-template-inquiry .main-container { padding-bottom: 150rem; }
    body.page-template-inquiry-confirm .main-container { padding-bottom: 150rem; }
    body.page-template-inquiry .article-header { padding: 154rem 0 80rem; }

    /* MEMBERSHIP */
    body.page-template-membership-form .article-header { padding: 154rem 0 80rem; }
    body.page-template-membership-form .main-container { padding-bottom: 150rem; }
    body.page-template-membership-confirm .main-container { padding-bottom: 150rem; }
    .membership-form .jt-form__fieldset { gap: 70rem 0; }

    .membership-introduction .article-header { padding: 65rem 0 0 0; }
    .membership-introduction .jt-membership-header__item:first-child { padding-left: 54rem; }
    .membership-introduction .jt-membership-grid__title { padding: 46rem 0 45rem }
    .membership-introduction .jt-membership-intro { padding: 95rem 0; }
    .membership-introduction .jt-membership-join { padding: 82rem 0; }

}


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

    /* WATCH AND JEWELRY */
    body.page-template-watch-jewelry .article-header { padding-bottom: 25rem; }
    body.page-template-watch-jewelry .article-body { padding-bottom: 130rem; }

    .watch-recently { margin-bottom: 54rem; }
    .watch-recently__list-wrap { margin: 0 24rem; }
    .watch-recently__list-item { width: 280rem; }
    .watch-recently .swiper-navigation { display: none; }

    .watch-list { gap: 20rem; }
    .watch-list__index { width: calc(42% - 20rem); }
    .watch-list__index::-webkit-scrollbar { width: 3px; }
    .watch-list__index-inner { max-width: 240rem; padding-top: 30rem; padding-bottom: 100rem; }
    .watch-list__index-list > li { max-width: 240rem; margin-bottom: 30rem; }
    .watch-list__index-list > li > a > span[lang="en"] { font-size: 14rem; }
    .watch-list__index-list > li > a > span:not([lang="en"]) { margin-top: 6rem; }
    .watch-list__index-group { margin-bottom: 86rem; }
    .watch-list__index-ad { margin: 95rem 0 80rem; }
    .watch-list__content { width: 58%; }
    .watch-list__content-item { padding-top: 41rem; padding-bottom: 120rem; }
    .watch-list-nav { width: calc(100% + 48rem); }
    .watch-list-nav--fixed { width: 100%; }
    .watch-list-nav:after { width: 100%; }
    .watch-list-nav__inner { padding: 0; margin: 0; overflow-x: scroll; }
    .watch-list-nav__inner ul > li { font-size: 14rem; }
    .watch-list-nav__inner ul > li:first-child a { padding-left: 24rem; }
    .watch-list-nav__inner ul > li:last-child a { padding-right: 24rem; }
    .watch-list-nav__inner ul > li a { padding: 21rem 16rem 20rem; }

    .watch-list__related { margin-top: 76rem; }
    .watch-list__related-item { margin-bottom: 48rem; }
    .watch-list__related-title { margin-bottom: 17rem; }
    .watch-list__related-item--txt .watch-list__related-content { height: 300rem; padding: 33rem 30rem; }
    .watch-list__related-item--txt .watch-list__related-content-date { bottom: 35rem; left: 30rem; }

    .watch-top-btn { right: 24rem; bottom: 18rem; padding: 6rem 16rem 6rem 30rem; }
    .watch-top-btn .jt-guide--icon { top: 8rem; left: 16rem; }
    .watch-top-btn span { font-size: 12rem; }

    /* SEARCH EDITOR */
    body.page-template-search-editor .main-container { padding-top: 130rem; padding-bottom: 130rem; }
    body.author .main-container { padding-top: 130rem; padding-bottom: 130rem; }

    /* INQUIRY */
    .inquiry-confirm { padding-top: 240rem; }
    .inquiry-confirm__icon { width: 110rem; }
    body.page-template-inquiry .main-container { padding-bottom: 150rem; }
    body.page-template-inquiry-confirm .main-container { padding-bottom: 130rem; }
    body.page-template-inquiry .article-header { padding: 127rem 0 70rem; }

    /* MEMBERSHIP */
    .membership-introduction .article-header { padding: 60rem 0 0 0; }
    .membership-introduction .article-header__inner { flex-wrap: wrap-reverse; height: auto; }
    .membership-introduction .jt-btn-membership { padding: 9rem 20rem 11rem; }
    .membership-introduction .jt-membership-header__item { width: 100%; }
    .membership-introduction .jt-membership-header__item b { margin-bottom: 18rem; }
    .membership-introduction .jt-membership-header__item a { margin-bottom: 24rem; }
    .membership-introduction .jt-membership-header__item p { padding-right: 30rem; }
    .membership-introduction .jt-membership-header__item p br { display: none; }
    .membership-introduction .jt-membership-header__item:first-child { position: relative; padding: 82rem 30rem 80rem; }
    .membership-introduction .jt-membership-header__item:first-child::before { position: absolute; content: ''; width: 100%; height: 2rem; background: #fff; top: 0; left: 0; }
    .membership-introduction .jt-membership-header__item:last-child { height: auto; }
    .membership-introduction .jt-membership-header__item:last-child::before { display: none; }
    .membership-introduction .jt-membership-header__item figure { padding-top: 80%; }
    .membership-introduction .jt-membership-header__item figure img { height: auto; object-fit: inherit; }
    .membership-introduction .jt-membership-intro { padding: 70rem 0; }
    .membership-introduction .jt-membership-intro__logo--pc { width: 91rem;}
    .membership-introduction .jt-membership-join { padding: 70rem 0; }
    .membership-introduction .jt-membership-grid--experiences .jt-membership-grid__list { grid-template-columns: repeat(2, 1fr); }
    .membership-introduction .jt-membership-grid__item-desc { padding: 35rem 30rem 34rem 30rem; }
    .membership-introduction .jt-membership-grid--experiences .jt-membership-grid__item-desc { padding: 45rem 30rem 43rem 30rem; }
    .membership-introduction .jt-membership-grid__item-desc br { display: none; }
    .membership-introduction .jt-membership-grid__item:nth-child(odd)::before { display: none; }
    
    body.page-template-membership-form .article-header { padding: 127rem 0 70rem; }
    body.page-template-membership-form .main-container { padding-bottom: 130rem; }
    body.page-template-membership-confirm .main-container { padding-bottom: 130rem; }
    .membership-form .jt-form__fieldset { gap: 64rem 0; }
    .membership-form .jt-form__field[type="tel"] {/*width: calc(100% - 160rem);*/ width: 100%; margin-right: 0; margin-top: 15rem; }
    .membership-form .jt-form__field[type="tel"] + input[type="button"] { float: right; }
    .membership-form .jt-form__data .jt-form__search { margin-top: 9rem }
    .membership-form .jt-inquiry-instagram .jt-form__valid { bottom: -25rem; }
    .membership-form .jt-form__control { background: linear-gradient(to right, #fff 0%, #fff calc(50% - 15rem), #000 calc(50% - 15rem), #000 calc(50% + 15rem), #fff calc(50% + 15rem), #fff ) top no-repeat; background-size: 100% 4rem;}
    .membership-form .jt-agreement { margin-top: 64rem; }
    .membership-form .jt-form__action { padding: 11rem 20rem 11rem; }
    html.ios .membership-form .jt-agreement__choice label { padding: 5rem 0 6rem 30rem; }

    .membership-confirm { padding-top: 240rem; }

}



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

    /* WATCH AND JEWELRY */
    body.page-template-watch-jewelry .article-header { padding-bottom: 20rem; }
    body.page-template-watch-jewelry .article-body { padding-bottom: 100rem; }

    .watch-recently__list-wrap { margin: 0 14rem; }

    .watch-recently { display: block; margin-bottom: 34rem; }
    .watch-recently__list-item figure { display: block; overflow: hidden; }
    .watch-recently__list-item { width: 160rem; margin-right: 12rem; }
    .watch-recently__list-item figure img { width: 160%; left: 50%; position: relative; transform: translateX(-50%); }
    .watch-recently__list-title { margin-top: 9rem; }

    .watch-list { display: block; gap: 0; }
    .watch-list-container { margin-bottom: 0; padding-top: 0; }
    .watch-list-nav { width: calc(100% + 28rem); left: 0; transform: none; margin-left: -14rem; background: #fff; z-index: 1; }
    .watch-list-nav--fixed { width: 100%; margin-left: 0; }
    .watch-list-nav__inner { padding: 0; }
    .watch-list-nav__inner ul > li { font-size: 13rem; }
    .watch-list-nav__inner ul > li:first-child a { padding-left: 14rem; }
    .watch-list-nav__inner ul > li:last-child a { padding-right: 14rem; }
    .watch-list__index { width: 100%; height: auto; overflow: auto; }
    .watch-list__index-inner { margin-top: 53rem; padding-top: 33rem; padding-bottom: 0; max-width: unset; }
    .watch-list__index-group { margin-bottom: 43rem; }
    .watch-list__index-letter { margin-bottom: 21rem; }
    .watch-list__index-list > li { margin-bottom: 21rem; }
    .watch-list__index-list > li > a > span[lang="en"] { font-size: 13rem; line-height: 1.23; }
    .watch-list__index-list > li > a > span:not([lang="en"]) { margin-top: 5rem; }

    .watch-list__index-ad { margin: 60rem 0; }
    .watch-list__index-ad-content { margin-top: 16rem; }

    .watch-list__content { display: none; }
    .watch-list__content-item { padding-top: 0; }
    .watch-list__content-title span[lang="en"] { font-size: 20rem; }
    .watch-list__content-brand-link { font-size: 13rem; margin-top: 30rem; }
    .watch-list__related { margin-top: 57rem; }
    .watch-list__related-item { margin-bottom: 0; border-top: 2rem solid var(--color-primary); }
    .watch-list__related-item > a { padding: 20rem 0 19rem; }
    .watch-list__related-item:last-child > a { padding-bottom: 0; }
    .watch-list__related-content { padding-top: 13rem; }
    .watch-list__related-content-desc { margin-top: 6rem; }
    .watch-list__related-content-date { margin-top: 25rem; }

    .watch-list__related-item--txt { padding: 20rem 0 19rem; }
    .watch-list__related-item--txt > a { padding: 0; }

    .watch-list__related-item--ad { display: none; }

    body.single-watchnjewely .watch-list__content { display: block; width: 100%; }
    body.single-watchnjewely .main-container { padding-top: 89rem; }
    .watch-single-header { margin-bottom: 26rem; }
    .watch-single-header__btn > span { padding-left: 32rem; }

    body.single-watchnjewelry-referrer #header,
    body.single-watchnjewelry-referrer .top-banner,
    body.single-watchnjewelry-referrer .footer-banner,
    body.single-watchnjewelry-referrer .jt-marquee-wrap,
    body.single-watchnjewelry-referrer #footer { display: none; }
    body.single-watchnjewelry-referrer .main-container { padding-top: 82rem; }
    body.single-watchnjewelry-referrer .watch-single-header { margin-bottom: 0; position: fixed; top: 0; left: 0; background: #fff; width: 100%; padding-left: 14rem; z-index: 10; }

    .watch-top-btn { right: 14rem; bottom: 12rem; padding: 7rem 15rem 5rem 30rem; }
    .watch-top-btn .jt-guide--icon { width: 9rem; }
    .watch-top-btn span { font-size: 11rem; }

    /* SEARCH EDITOR */
    body.page-template-search-editor .main-container { padding-top: 100rem; padding-bottom: 100rem; }
    body.author .main-container { padding-top: 100rem; padding-bottom: 100rem; }

    /* INQUIRY */
    .inquiry-confirm { padding-top: 200rem; }
    .inquiry-confirm p { margin-top: 9rem; }
    .inquiry-confirm__icon { width: 100rem; }
    .inquiry-confirm__controller { margin-top: 46rem; }
    body.page-template-inquiry-confirm .main-container { padding-bottom: 130rem; }
    body.page-template-inquiry .article-header { padding: 97rem 0 58rem; }

    /* MEMBERSHIP */
    .membership-introduction .article-header { padding: 56rem 0 0 0; }
    .membership-introduction .jt-btn-membership { padding: 10rem 20rem 14rem; }
    .membership-introduction .jt-membership-header__item:first-child { padding: 64rem 14rem 63rem; }
    .membership-introduction .jt-membership-header__item h1 { margin-bottom: 13rem; }
    .membership-introduction .jt-membership-header__item b { margin-bottom: 17rem; }
    .membership-introduction .jt-membership-header__item a { margin-bottom: 35rem; }
    .membership-introduction .jt-membership-header__item figure { padding-top: 92.6%; }
    .membership-introduction .article-body__inner { position: relative; }
    .membership-introduction .article-body__inner::before { position: absolute; content: ''; width: 100%; height: 2rem; background: var(--color-primary); top: 2rem; left: 0; z-index: 10; }
    .membership-introduction .jt-membership-intro { position: relative; padding: 76rem 14rem 77rem; background: #fff; color: var(--color-primary); }
    .membership-introduction .jt-membership-intro::before { position: absolute; content: ''; width: 100%; height: 2rem; background: var(--color-primary); top: 8rem; left: 0; }
    .membership-introduction .jt-membership-intro::after { position: absolute; content: ''; width: 100%; height: 2rem; background: var(--color-primary); bottom: 10rem; left: 0; }
    .membership-introduction .jt-membership-intro p { line-height: 1.5; font-size: 14rem; }
    .membership-introduction .jt-membership-intro p + p { margin-top: 21rem; }
    .membership-introduction .jt-membership-intro p br { display: none; }
    .membership-introduction .jt-membership-intro__logo--pc { display: none; }
    .membership-introduction .jt-membership-intro__logo--mo { display: block; }
    .membership-introduction .jt-membership-grid--benefits { position: relative; }
    .membership-introduction .jt-membership-grid--benefits::before { position: absolute; content: ''; width: 100%; height: 2rem; background: var(--color-primary); top: -6rem; left: 0; }
    .membership-introduction .jt-membership-grid__title { padding: 38rem 0 36rem; border-bottom: none; }
    .membership-introduction .jt-membership-grid__title h2 { margin-bottom: 0; }
    .membership-introduction .jt-membership-grid__item-desc { padding: 29rem 14rem 28rem 14rem; }
    .membership-introduction .jt-membership-grid__item-desc h3 { margin-bottom: 5rem; }
    .membership-introduction .jt-membership-grid__item-desc p { font-size: 12rem; line-height: 1.52; }
    .membership-introduction .jt-membership-grid__item:not(:first-child) { border-left: none; }
    .membership-introduction .jt-membership-grid--experiences .jt-membership-grid__item-desc { padding: 29rem 14rem 29rem 14rem; }
    .membership-introduction .jt-membership-join { padding: 61rem 14rem 70rem 14rem; }
    .membership-introduction .jt-membership-join-desc { font-size: 16rem; margin-bottom: 16rem; }

    html.ios .membership-introduction .article-header__inner { max-height: inherit; }

    body.page-template-membership-form .article-header { padding: 97rem 0 58rem; }
    body.page-template-membership-form .main-container { padding-bottom: 100rem; }
    .membership-form .jt-form__fieldset { gap: 52rem 0; }
    .membership-form .jt-form__data { margin-top: 0; }
    .membership-form .jt-form__data .jt-form__search { margin-top: 0rem; }
    .membership-form .jt-form__data.jt-inquiry-gender { margin-top: 11rem; }
    .membership-form .jt-form__field[type="tel"] { margin-top: 0rem; /*width: calc(100% - 140rem);*/ width: 100%; }
    .membership-form .jt-form--required .jt-form__label[for="address"] + .jt-form__label--small { margin-bottom: 10rem; }
    .membership-form .jt-form__data input[id="instagram"] { margin-bottom: 14rem; }
    .membership-form .jt-agreement { margin-top: 52rem; padding: 20rem 20rem 23rem; }
    .membership-form .jt-agreement__choice label + label { margin-top: 7rem; }
    .membership-form .jt-agreement__choice .jt-form__valid { bottom: -53rem; }
    .membership-form .jt-form__control { background: none; }
    .membership-form .jt-btn__cta { border-color: #fff; }

    .membership-confirm { padding-top: 200rem; }

}