@charset "utf-8";

/*
 * File       : layout.css
 * Author     : STUDIO-JT (Chaehee)
 * Guideline  : JTstyle.2.0
 *
 * Dependency : css/reset.css
 * Dependency : css/jt-strap.css
 *
 * SUMMARY:
 * 01) GLOBAL
 * 02) HEADER
 * 03) FOOTER
 * 04) SCROLL TOP
 * 06) CONTAINER
 * 07) PAGE
 * 08) SEARCH
 * 09) PRIVACY
 * 10) BANNER
 * 11) CURSOR
 * 12) POPUP
 * 12) ADMIN BAR
 * 12) BROWSER SUPPORT
 */



/* **************************************** *
 * GLOBAL
 * **************************************** */
html { font-size: 6.25%; }
html.safari.desktop { font-size: 1px; }
html.safari.desktop [lang="en"] { letter-spacing: -0.025em; }
html.ios [lang="en"] { letter-spacing: -0.06em; }

body { overflow-x: hidden; font-family: var(--font-primary); font-size: 16rem; word-break: keep-all; color: var(--color-primary); }
a { color: var(--color-primary); text-decoration: none; }
[lang="en"] { font-family: var(--font-secondary); text-transform: uppercase; }

/* WRAP */
.wrap { max-width: inherit; max-width: 1800rem; margin: 0 auto; position: relative; }
.wrap-middle { max-width: 1200rem; margin: 0 auto; position: relative; }
.wrap-narrow { max-width: 720rem; margin: 0 auto; position: relative; }

br.smbr { display: none }




/* **************************************** *
 * HEADER
 * **************************************** */
#header { width: 100%; height: 76rem; position: fixed; top: 0; left: 0; background: transparent; border-bottom: 2rem solid transparent; -webkit-transition: height .3s, border 0s, background .3s; transition: height .3s, border 0s, background .3s; z-index: 500; }
.header__inner { height: 100%; max-width: 1800rem; margin: 0 auto; position: relative; }
.header--invert:not(.minimize) #logo svg path { fill: #fff; }
.header--invert:not(.minimize) #menu > li > a { color: #fff; }
.header--invert:not(.minimize) #menu > li > a > span:after { background: #fff; }
.header--invert:not(.minimize) .search-open__btn .jt-guide--icon svg path { fill: #fff; }
html.desktop .header--invert:not(.minimize) .search-open__btn:hover { background: rgba(255,255,255,.4); }

/* LOGO */
#logo { width: 124rem; height: 32rem; position: absolute; left: 0; top: 22rem; z-index: 2; -webkit-transition: top .3s, width .3s, height .3s; transition: top .3s, width .3s, height .3s; }
#logo a { display: block; width: 100%; height: 100%; }
#logo a svg, #logo a img { display: block; width: 100%; height: 100%; }

/* MENU */
.menu-container { display: block; width: 100%; position: relative; font-size: 0; line-height: 1; text-align: center; z-index: 1; }
#menu { display: inline-block; vertical-align: top; }
#menu:after { content: ''; display: table; clear: both; }
#menu a { display: block; line-height: 1.7; }

/* 1depth */
#menu > li { display: inline-block; vertical-align: top; position: relative; }
#menu > li > a { padding: 24rem 32rem 26rem; position: relative; font-size: 16rem; color: var(--color-primary); transition: padding .2s; }
#menu > li > a > span { position: relative; display: block; }
#menu > li > a > span:after { content: ''; display: block; width: 100%; height: 1rem; background: var(--color-primary); position: absolute; bottom: 3rem; left: 0; transition: transform 1s cubic-bezier(0.19,1,0.22,1); transform: scaleX(0); transform-origin: center right; }
html.desktop #menu > li:hover > a > span:after, #menu > li.current-menu-item > a > span:after { transform: scaleX(1); transform-origin: center left; }

/* search */
.search-open { position: absolute; top: 15rem; right: -11rem; z-index: 2; transition: top .2s; }
.search-open__btn { display: block; width: 46rem; height: 46rem; padding: 11rem; position: relative; border-radius: 50%; -webkit-transition: background .1s; transition: background .1s; }
html.desktop .search-open__btn:hover { background: #f4f4f4; -webkit-transition: background .2s; transition: background .2s; }

/* mobile */
#small-menu-btn, #small-menu-close, #small-menu-overlay, #small-menu-container { display: none; }

/* minimize */
.minimize#header { position: fixed; height: 65rem; border-color: var(--color-primary); background: #fff; -webkit-transition: height .2s, border .2s, background .2s; transition: height .2s, border .2s, background .2s; }
.minimize#header #logo { width: 91rem; height: 23rem; top: 21rem; }
.minimize#header #menu > li > a { padding-top: 18rem; padding-bottom: 20rem; }
.minimize#header .search-open { top: 9rem; }

/* simple */
#header.header__type--simple { border-color: #fff; background: var(--color-primary); height: 73rem; }
.minimize#header.header__type--simple { background: var(--color-primary); border-color: #fff; }
.header__type--simple #logo { left: 50%; transform: translateX(-50%); width: 91rem; height: 32rem; top: 21rem; }
.header__type--simple #logo svg path { fill: #fff; }
.minimize#header.header__type--simple #logo { height: 32rem; }
.header__type--simple .home-btn { display: none; position: absolute; top: 30rem; right: 0rem; color: #fff; font-size: 0; transition: color .2s; }
.header__type--simple .home-btn span { margin-right: 4rem; }
.header__type--simple .home-btn .jt-guide--icon { width: 8rem; vertical-align: top; position: relative; top: 0rem; }
.header__type--simple .home-btn .jt-guide--icon svg rect { transition: fill .2s; }
html.safari .header__type--simple .home-btn .jt-guide--icon { top: 0rem; }
html.desktop .home-btn:hover { color: #bbb; }
html.desktop .home-btn:hover .jt-guide--icon svg rect { fill: #bbb; }



/* **************************************** *
 * FOOTER
 * **************************************** */
#footer { width: 100%; height: auto; padding: 60rem 0 40rem; background: var(--color-primary); }
html.ipad #footer:after { content: ''; display: block; width: 100%; height: 60vh; position: fixed; bottom: 0; left: 0; background: #000; z-index: -1; }
.footer__inner:after { content: ''; display: table; clear: both; }

/* CTA */
.footer__cta { float: right; font-size: 0; }
.footer__cta > li { display: inline-block; vertical-align: top; margin-right: 12rem; }
.footer__cta > li:last-child { margin-right: 0; }

/* social */
.footer__sns-wrap { float: left; position: relative; }
.footer__sns > li { display: block; margin-bottom: 10rem; }
.footer__sns > li:last-child { margin-bottom: 0; }
.footer__sns > li > a { font-size: 20rem; line-height: 1.1; letter-spacing: var(--letter-spacing); color: #fff; transition: color .3s; }
html.desktop .footer__sns > li > a:hover { color: #bbb; }

.footer__group { float: left; clear: both; margin-top: 54rem; }
.footer__group:after { content: ''; display: table; clear: both; }

/* family */
.footer__family { float: left; clear: left; margin-top: 30rem; width: 228rem; }
.footer__family .selectric { background: transparent; border: 1rem solid #fff; font-family: var(--font-secondary); }
.footer__family .selectric .label { height: 56rem; padding: 22rem 0; margin: 0 50rem 0 19rem; font-size: 13rem; line-height: 1.1; color: #fff; }
.footer__family .selectric .button { width: 50rem; height: 56rem; }
.footer__family .selectric .button:after { width: 12rem; height: 8rem; background-size: 12rem auto; background-image: url(../images/icon/jt-icon/jt-chevron-down-tiny-2px-square-white.svg); }
.footer__family .selectric-hover .selectric { border-color: #fff; }
.footer__family .selectric-focus .selectric { border-color: #fff; }
.footer__family .selectric-open .selectric { border-color: #fff; }
.footer__family .selectric-below:not(.selectric-open) .label { color: #fff; }
.footer__family .selectric-items { border-color: #fff; }
.footer__family .selectric-items li { font-family: var(--font-secondary); font-size: 13rem; line-height: 1.1; padding: 21rem 19rem; }
.footer__family .selectric-items li.placeholder_label { display: none; }
.footer__family .selectric-items li.placeholder_mo { display: none; }

html.mobile .footer__family .jt-selectric__wrap select { border: 1rem solid #fff; color: #fff; padding: 22rem 19rem; font-family: var(--font-secondary); font-size: 13rem; line-height: 1.1; z-index: 2; color: transparent; }
html.mobile .footer__family .jt-selectric__wrap:before { width: 12rem; height: 8rem; background-image: url(../images/icon/jt-icon/jt-chevron-down-tiny-2px-square-white.svg); background-size: 12rem auto; top: 25rem; right: 19rem; }
html.mobile .footer__family .jt-selectric__wrap:after { content: attr(data-select); width: 100%; height: 100%; font-family: var(--font-secondary); font-size: 13rem; line-height: 1.1; color: #fff; display: block; position: absolute; top: 0; left: 0; padding: 22rem 19rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; box-sizing: border-box; border: 1rem solid transparent; }
html.mobile.ios .footer__family .jt-selectric__wrap select { padding-top: 23rem; padding-bottom: 21rem; }
html.mobile.ios .footer__family .jt-selectric__wrap:before { top: 26rem; }
html.mobile.ios .footer__family .jt-selectric__wrap:after { padding-top: 23rem; padding-bottom: 21rem; }

/* menu */
.footer__menu-wrap { float: left; width: 220rem; }
.footer__menu > li { display: block; }
.footer__menu > li > a { display: inline-block; padding: 4rem 0; position: relative; font-size: 16rem; font-weight: 700; letter-spacing: var(--letter-spacing); line-height: 1; color: #fff; -webkit-transition: color .3s; transition: color .3s; }
.footer__menu > li.company > a { padding-right: 20rem; }
.footer__menu > li.company > a .jt-guide--icon { position: absolute; top: 2.5rem; right: 0; transform: rotate(-45deg); width: 18rem; }
.footer__menu > li.company > a .jt-guide--icon > svg path { fill: #fff; }
.footer__menu > li.privacy > a:before { content: ''; display: block; width: 100%; height: 1rem; background: #fff; position: absolute; bottom: 2rem; right: 0; -webkit-transition: width .4s; transition: width .4s; -webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); -webkit-transition-delay: .2s; transition-delay: .2s; }
.footer__menu > li.privacy > a:after { content: ''; display: block; width: 0; height: 1rem; background: #fff; position: absolute; bottom: 2rem; left: 0; -webkit-transition: width .4s; transition: width .4s; -webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); -webkit-transition-delay: 0s; transition-delay: 0s; }
html.desktop .footer__menu > li:not(.privacy) > a:hover { color: #bbb; }
html.desktop .footer__menu > li.company > a:hover .jt-guide--icon > svg path { fill: #bbb; }
html.desktop .footer__menu > li.privacy > a:hover:before { width: 0; -webkit-transition-delay: 0s; transition-delay: 0s; }
html.desktop .footer__menu > li.privacy > a:hover:after { width: 100%; -webkit-transition-delay: .2s; transition-delay: .2s; }

/* contact */
.footer__contact { float: left; margin-bottom: 62rem; }
.footer__contact p { font-size: 0; line-height: 1; padding: 4rem 0; }
.footer__contact p span, .footer__contact p span a { font-size: 16rem; font-weight: 700; color: #fff; }
.footer__contact p span[lang="en"], .footer__contact p span[lang="en"] a { font-size: 13rem; }
.footer__contact p span em { padding-left: 6rem; }
.footer__contact p span em:before { content: '* '; }
.footer__contact p span em:after { content: ' *'; }
.footer__contact p span { display: inline-block; vertical-align: top; padding-right: 10rem; position: relative; vertical-align: middle; line-height: 1; letter-spacing: var(--letter-spacing); }
.footer__contact p span:last-child { padding-right: 0; }
.footer__contact p span a { -webkit-transition: color .3s; transition: color .3s; }
html.desktop .footer__contact p span a:hover { color: #bbb; }

.footer__certificate { float: left; clear: both; }
.footer__certificate-list { font-size: 0; }
.footer__certificate-list > li { display: inline-block; vertical-align: top; margin-right: 28rem; }
.footer__certificate-list > li:last-child { margin-right: 0; }
.footer__certificate-list > li.webaward > figure { width: 62rem; padding-top: 90rem; }
.footer__certificate-list > li.gdweb > figure { width: 37rem; padding-top: 90rem; }
.footer__certificate-list > li.andaward > figure { width: 56rem; padding-top: 78rem; }

/* info */
.footer__info { text-align: right; position: absolute; top: 174rem; right: 0; }
.footer__info p { font-size: 0; line-height: 1; }
.footer__info p span, .footer__info p span a { font-size: 13rem; color: rgba(255,255,255,.5); }
.footer__info p span { display: inline-block; position: relative; vertical-align: middle; line-height: 1.54; letter-spacing: var(--letter-spacing); }

/* copy */
.copyright { float: left; clear: both; margin-top: 56rem; }
.copyright p { font-size: 40rem; font-weight: 400; letter-spacing: var(--letter-spacing); line-height: 1.05; color: #fff; }
.copyright .jt-guide--icon { display: none; }

/* banner */
.footer-banner__img--large { padding-top: 16.67%; }
.footer-banner__img--small { padding-top: 38.2%; display: none; }
.footer-banner + .jt-marquee-wrap { margin-top: 80rem; padding-bottom: 83rem; }
.main-last + .jt-marquee-wrap, .jt-single-outer + .jt-marquee-wrap { margin-top: 0; padding-bottom: 83rem; }



/* **************************************** *
 * SCROLL TOP
 * **************************************** */
.go-top { display: block; width: 35rem; height: 48rem; position: absolute; bottom: -10rem; right: 0; cursor: pointer; -webkit-transition: opacity .3s; transition: opacity .3s; z-index: 500; }
.go-top .jt-guide--icon { transition: transform .2s; }
.go-top .jt-guide--icon svg path { fill: #fff; }
.go-top__hover-text { opacity: 0; visibility: hidden; display: block; text-align: center; font-size: 13rem; line-height: 1.17; font-weight: 700; letter-spacing: var(--letter-spacing); color: #fff; position: absolute; bottom: 0; transition: .2s; transform: translateY(10rem); }
html.desktop .go-top:hover .jt-guide--icon { transform: translateY(-10rem); }
html.desktop .go-top:hover .go-top__hover-text { transform: translateY(0); opacity: 1; visibility: visible; }



/* **************************************** *
 * CONTAINER
 * **************************************** */
.main-container { padding-top: 0; }
html.ipad .main-container { background: #fff; }



/* **************************************** *
 * PAGE
 * **************************************** */
/* Page header */
.article-header { padding: 173rem 0 68rem; text-align: left; }

/* Page body */
.article-body { position: relative; min-height: 360rem; }



/* **************************************** *
 * SEARCH
 * **************************************** */
/* popup */
.search-modal__overlay { display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: var(--color-primary); background: rgba(0, 0, 0, .3); z-index: 1100; }

.search-modal { display: none; width: 600rem; height: 100%; position: fixed; top: 0; right: 0; transform: translateX(-100%); background: var(--color-primary); z-index: 1100; overflow: hidden; }
.search-modal__inner { width: 100%; height: 100%; padding: 104rem 50rem; position: relative; }

.search-modal__form { display: block; position: relative; }
.search-modal__field { display: block; width: 100%; min-height: 62rem; line-height: normal; margin: 0; padding: 0 100rem 0 0; position: relative; font-size: 17rem; font-weight: 400; letter-spacing: var(--letter-spacing); color: #fff; text-overflow: ellipsis; background: transparent; outline: none; border: none; border-bottom: 2rem solid #fff; border-radius: 0; -webkit-transition: border-color .5s cubic-bezier(0.45, 0, 0.14, 1.03); transition: border-color .5s cubic-bezier(0.45, 0, 0.14, 1.03); }
.search-modal__field::-ms-clear { display: none; width: 0; height: 0; }
.search-modal__field::-webkit-search-cancel-button { -webkit-appearance: none; }
.search-modal__field::-webkit-search-decoration { -webkit-appearance: none; }

.search-modal__label { position: absolute; top: 0; left: 0; font-size: 17rem; line-height: 62rem; font-weight: 400; letter-spacing: var(--letter-spacing); color: #fff; /* color: rgba(255, 255, 255, .3); */ -webkit-transition: opacity .26s; transition: opacity .26s; }

.search-modal__reset { display: block; width: 22rem; height: 22rem; margin: 0; padding: 0; position: absolute; right: 54rem; top: 20rem; background: #d9d9d9; border: 0; border-radius: 50%; opacity: 0; -webkit-transition: opacity .15s; transition: opacity .15s; cursor: pointer; }
.search-modal__reset:before { content: ''; display: block; width: 10rem; height: 2rem; background: var(--color-primary); position: absolute; top: 50%; left: 50%; margin-top: -1rem; margin-left: -5rem; transform: rotate(45deg); }
.search-modal__reset:after { content: ''; display: block; width: 10rem; height: 2rem; background: var(--color-primary); position: absolute; top: 50%; left: 50%; margin-top: -1rem; margin-left: -5rem; transform: rotate(-45deg); }
.search-modal__form.active .search-modal__reset { opacity: 1; visibility: visible; }

.search-modal__submit { width: 48rem; height: 100%; margin: 0; padding: 0; position: absolute; right: 0; top: 0; background: none; border: none; cursor: pointer; }
.search-modal__submit:after { content: ''; display: block; width: 24rem; height: 24rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center; background: url(../images/icon/jt-icon/jt-search-white.svg) no-repeat; background-size: 100% auto; color: #fff; }

.search-modal__form.active .search-modal__label { opacity: 0; }
.search-modal__form.active:after { background: #fff; }

.search-modal__form.focusin .search-modal__field { border-bottom-color: #fff; }

.search-modal__close { display: block; width: 100%; height: auto; margin: 0; padding: 0; position: absolute; bottom: 0; left: 0; border: 0; border-top: 1rem solid rgba(255,255,255,.2); background: transparent; cursor: pointer; z-index: 1; transition: background .3s; }
.search-modal__close:after { content: ''; display: block; width: 18rem; height: 18rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center; background: url(../images/icon/jt-icon/jt-close-white.svg) no-repeat; background-size: 100% auto; color: #fff; display: none; }
.search-modal__close-txt { display: none; }
.search-modal__close-txt[lang="en"] { display: block; font-size: 13rem; font-weight: 700; line-height: 1.08; letter-spacing: var(--letter-spacing); color: #fff; padding: 39rem 0 37rem; }
html.desktop .search-modal__close:hover { background: rgba(255,255,255,.1); }

.search-modal__option { margin-top: 25rem; }

.search-modal__keyword li { display: block; font-size: 0; }
.search-modal__keyword li a { display: inline-block; padding: 2.5rem 0; position: relative; font-size: 17rem; line-height: 1.77; font-weight: 400; letter-spacing: var(--letter-spacing); color: #888; -webkit-transition: color .3s; transition: color .3s; }
html.desktop .search-modal__keyword li a:hover { color: #fff; -webkit-transition: color 0s; transition: color 0s; }
html.mobile .search-modal__keyword li a { padding-right: 0; }

/* result page */
body.search .main-container { padding-top: 184rem; padding-bottom: 200rem; }
.search-result span.highlight { background: #ddd; display: inline; }
.search-result-form__field { position: relative; display: block; margin: 0; padding: 0 180rem 0 0; font-size: 24rem; font-weight: 700; letter-spacing: -0.1em; width: 100%; height: 78rem; border: 0; background: transparent; border-bottom: 6rem solid var(--color-primary); border-radius: 0; text-overflow: ellipsis; }
.search-result-form__field::-ms-clear { display: none; width: 0; height: 0; }
.search-result-form__field::-webkit-search-cancel-button { -webkit-appearance: none; }
.search-result-form__field::-webkit-search-decoration { -webkit-appearance: none; }
.search-result-form__submit { position: absolute; top: 20rem; right: 0; display: inline-block; background: var(--color-primary); color: #fff; border: 0; border-radius: 100rem; padding: 10rem 20rem 8rem; cursor: pointer; transition: background .2s; }
.search-result-form__submit span { display: block; font-size: 14rem; line-height: 1; letter-spacing: var(--letter-spacing); }
.search-result-form__reset { display: block; width: 24rem; height: 24rem; margin: 0; padding: 0; position: absolute; right: 136rem; top: 24rem; background: #d9d9d9; border: 0; border-radius: 50%; opacity: 0; -webkit-transition: opacity .15s; transition: opacity .15s; cursor: pointer; }
.search-result-form__reset:before { content: ''; display: block; width: 10rem; height: 2rem; background: var(--color-primary); position: absolute; top: 50%; left: 50%; margin-top: -1rem; margin-left: -5rem; transform: rotate(45deg); }
.search-result-form__reset:after { content: ''; display: block; width: 10rem; height: 2rem; background: var(--color-primary); position: absolute; top: 50%; left: 50%; margin-top: -1rem; margin-left: -5rem; transform: rotate(-45deg); }
.search-result-form.search-result--active .search-result-form__reset { opacity: 1; visibility: visible; }
html.desktop.mac .search-result-form__field { letter-spacing: var(--letter-spacing); }
html.desktop.safari .search-result-form__submit { top: 18rem; }
html.ios .search-result-form__submit { top: 17rem; padding-top: 9rem; padding-bottom: 9rem; }
html.desktop .search-result-form__submit:hover { background: #666; }
html.desktop .search-result-form__reset:hover { background: #bbb; }

.search-result__editor { position: relative; text-align: center; padding-bottom: 41rem; background: linear-gradient(to right, var(--color-primary) 0%, var(--color-primary) calc(50% - 25rem), #fff calc(50% - 25rem), #fff calc(50% + 25rem), var(--color-primary) calc(50% + 25rem), var(--color-primary) ) bottom no-repeat; background-size: 100% 6rem; }
.search-result__editor:before { content:''; width: 35rem; height: 6rem; background: var(--color-primary); position: absolute; bottom: -25rem; right: 50%; transform: rotate(45deg); transform-origin: top right; }
.search-result__editor:after { content:''; width: 35rem; height: 6rem; background: var(--color-primary); position: absolute; bottom: -25rem; left: 50%; transform: rotate(-45deg); transform-origin: top left; }
.search-result__editor-profile { display: inline-block; vertical-align: top; width: 160rem; border-radius: 50%; overflow: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); }
.search-result__editor-profile-figure { padding-top: 100%; }
.search-result__editor-name { display: block; margin-top: 13rem; }

.search-result__info { margin-top: 34rem; }
.search-result__info p { color: #888; position: relative; }
.search-result__info p span { color: var(--color-primary); }
.search-result__info p small { color: var(--color-primary); font-size: 17rem; font-weight: 700; position: absolute; top: 1rem; left: auto; margin-left: 8rem; }

.search-result__list-wrap { margin-top: 107rem; position: relative; }
.search-result__list { margin-bottom: -30rem; }

.search-result__list-caption { margin-bottom: 33rem; margin-left: -4rem; }

.search-result__list-sort { position: absolute; top: -45rem; right: 0; }
.search-result__list-sort ul { margin: 0 -19rem; font-size: 0; }
.search-result__list-sort ul > li { position: relative; display: inline-block; vertical-align: top; font-size: 16rem; line-height: 1.06; font-weight: 400; letter-spacing: var(--letter-spacing); }
.search-result__list-sort ul > li:after { content: ''; display: block; width: 1rem; height: 15rem; background: var(--color-primary); position: absolute; top: 4rem; right: -1rem; opacity: .3; }
.search-result__list-sort ul > li:last-child:after { display: none; }
.search-result__list-sort ul > li a { padding: 10rem 19rem; color: #666; transition: color .3s; }
.search-result__list-sort ul > li a.active { color: var(--color-primary); font-weight: 700; }
html.desktop .search-result__list-sort ul > li a:hover { color: var(--color-primary); }
.search-result__item { width: 100%; border-top: 2rem solid var(--color-primary); }

.search-result__item-inner { position: relative; display: flex; padding: 30rem 0; }
.search-result__thumb { position: relative; width: 580rem; }
.search-result__thumb img[data-unveil] { transform: scale(1) rotate(0deg); transition: opacity .3s, transform .3s ease-in-out; }
.search-result__thumb-icon {position: absolute; bottom: 40rem; right: 40rem; width: 37rem; height: 37rem; z-index: 1; }
.search-result__thumb-icon .jt-guide--icon svg path { fill: #fff; }
.search-result__data { width: calc(100% - 580rem); position: relative; }
.search-result__data .search-result__meta { position: absolute; top: 19rem; left: 52rem; }
.search-result__data .search-result__meta > a { position: relative; }
.search-result__data .search-result__meta > a:after { content: ''; display: block; width: 100%; height: 1rem; background: var(--color-primary); position: absolute; bottom: -1rem; left: 0; transition: transform 1s cubic-bezier(0.19,1,0.22,1); transform: scaleX(0); transform-origin: center right; }
.search-result__data .search-result__meta > a:hover:after { transform: scaleX(1); transform-origin: center left; }
.search-result__data .search-result__link { display: block; width: 100%; height: 100%; padding: 48rem 0 19rem 52rem; }
.search-result__data .search-result__title { margin-top: -3rem; max-height: 2.78em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.search-result__data .search-result__desc { margin-top: 8rem; max-height: 3.30em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.search-result__data .search-result__desc:empty { display: none; }
.search-result__data .search-result__date { display: block; position: absolute; left: 52rem; bottom: 16rem; }
.search-result__data .search-result__tag { margin-top: 13rem; }
.search-result__data .search-result__tag > span { color: #888; }
html.desktop .search-result__item:hover img { transform: scale(1.05) rotate(0.1deg); }

.search-result__item--txt .search-result__item-inner { display: block; padding: 30rem 0; }
.search-result__item--txt .search-result__data { width: auto; height: 375rem; padding: 0; background: #191919; color: #fff; }
.search-result__item--txt .search-result__data * { color: inherit; }
.search-result__item--txt .search-result__data .search-result__meta { position: absolute; top: 49rem; left: 50rem; z-index: 1; margin-bottom: 0; }
.search-result__item--txt .search-result__data .search-result__meta > a:after { background: #fff; }
.search-result__item--txt .search-result__data .search-result__date { bottom: 47rem; left: auto; }
.search-result__item--txt .search-result__link { position: relative; display: block; width: 100%; height: 100%; padding: 77rem 49rem 50rem; }
.search-result .search-result__item--txt span.highlight { background: rgb(221,221,221,.5); }

.search-result__nothing { padding: 88rem 0 100rem; text-align: center; }
.search-result__nothing p { color: #888; padding-bottom: 34rem; }
.search-result__nothing p span { color: var(--color-primary); }
.search-result__nothing-eye { display: block; width: 91rem; margin: 0 auto; }
.search-result__nothing-eye-figure { padding-top: 37.4%; }

.search-result__recommend { margin-top: 92rem; }
.search-result__recommend-caption { display: block; margin-bottom: 33rem; margin-left: -4rem; }
.search-result__recommend-list { font-size: 0; display: grid; grid-template-columns: 1fr 1fr; -webkit-column-gap: 40rem; -moz-column-gap: 40rem; column-gap: 40rem; margin-bottom: -195rem; }
.search-result__recommend-item { border-top: 2rem solid var(--color-primary); padding-top: 23rem; margin: 0 0 195rem; }
.search-result__recommend-meta a { position: relative; }
.search-result__recommend-meta a:after { content: ''; display: block; width: 100%; height: 1rem; background: var(--color-primary); position: absolute; bottom: -1rem; left: 0; transition: transform 1s cubic-bezier(0.19,1,0.22,1); transform: scaleX(0); transform-origin: center right; }
.search-result__recommend-meta a:hover:after { transform: scaleX(1); transform-origin: center left; }
.search-result__recommend-meta + .search-result__recommend-thumb { margin-top: 21rem; }
.search-result__recommend-meta + .search-result__recommend-title { margin-top: 31rem; }
.search-result__recommend-thumb { position: relative; display: block; width: 100%; }
.search-result__recommend-thumb img { width: 100%; }
.search-result__recommend-thumb img[data-unveil] { transform: scale(1) rotate(0deg); transition: opacity .3s, transform .3s ease-in-out; }
.search-result__recommend-thumb-icon {position: absolute; bottom: 40rem; right: 40rem; width: 37rem; height: 37rem; z-index: 1; }
.search-result__recommend-thumb-icon .jt-guide--icon svg path { fill: #fff; }
.search-result__recommend-title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-top: 14rem; }
.search-result__recommend-desc { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-top: 8rem; }
.search-result__recommend-desc + .search-result__recommend-tag { margin-top: 14rem; }
.search-result__recommend-tag { margin-top: 5rem; font-size: 0; }
.search-result__recommend-tag span { display: inline-block; vertical-align: top; color: #888; margin-right: 10rem; }
.search-result__recommend-tag span:last-child { margin-right: 0; }
html.desktop .search-result__recommend-thumb:hover img { transform: scale(1.05) rotate(0.1deg); }

.search-result__recommend-item--txt { position: relative; overflow: hidden; border-top: 0; padding: 0; height: 483rem; background: #191919; color: #fff; }
.search-result__recommend-item--txt .search-result__recommend-link { position: relative; display: block; width: 100%; height: 100%; padding: 77rem 49rem 50rem; }
.search-result__recommend-item--txt .search-result__recommend-meta { position: absolute; top: 49rem; left: 49rem; z-index: 2; }
.search-result__recommend-item--txt .search-result__recommend-meta a:after { background: #fff; }
.search-result__recommend-item--txt .search-result__recommend-title { margin-top: 0; }
.search-result__recommend-item--txt > * { position: relative; z-index: 1; }
.search-result__recommend-item--txt a { color: inherit; }
.search-result__recommend-item--txt .search-result__recommend-tag { position: absolute; bottom: 45rem; left: 49rem; margin-top: 0; }



/* **************************************** *
 * PRIVACY
 * **************************************** */
body.privacy-policy .top-banner,
body.privacy-policy #header,
body.privacy-policy #footer { display: none; }
body.privacy-policy .main-container { padding-bottom: 94rem; }
body.privacy-policy .article-header { padding-bottom: 38rem; }

body.privacy-policy .jt-form__field-wrap { margin-top: 0; }
body.privacy-policy .privacy-select .jt-selectric__wrap { width: 228rem; }
body.privacy-policy .privacy-select .selectric { border: 1rem solid var(--color-primary); }
body.privacy-policy .privacy-select .selectric .label { height: 56rem; margin-left: 19rem; font-size: 16rem; font-weight: 500; line-height: 33rem; color: var(--color-primary); }
body.privacy-policy .privacy-select .selectric .button { width: 48rem; height: 56rem; }
body.privacy-policy .privacy-select .selectric .button::after { width: 10rem; height: 7rem; background-size: 10rem 7rem; }
html.desktop.safari body.privacy-policy .privacy-select .selectric .label { line-height: normal; padding: 20rem 0; }

html.mobile body.privacy-policy .jt-selectric { padding-left: 20rem; height: 56rem; }
html.mobile body.privacy-policy .jt-selectric__wrap select { border: 1rem solid var(--color-primary); }
html.mobile body.privacy-policy .jt-selectric__wrap:before { width: 30rem; height: 7rem; background-size: 10rem 7rem; top: 25rem; }

.privacy-header #logo { left: 52rem; }
.privacy-header #logo svg { max-width: 100%; height: auto; }

.privacy-content { margin-top: 40rem; }

.privacy-item { margin-bottom: 70rem; }
.privacy-item:last-child { margin-bottom: 0; }
.privacy-item *:last-child { margin-bottom: 0; }
.privacy-item h2 { margin-bottom: 30rem; font-size: 26rem; line-height: 1.38; font-weight: 700; letter-spacing: var(--letter-spacing); color: var(--color-primary); }
.privacy-item h3, .privacy-item p, .privacy-item ol, .privacy-item ul { font-size: 17rem; line-height: 1.77; font-weight: 400; letter-spacing: var(--letter-spacing); color: var(--color-primary); }
.privacy-item h3  {margin: 46rem 0 24rem; }
.privacy-item p { margin-bottom: 9rem; color: #666; font-feature-settings: 'tnum'; word-break: break-word; }
.privacy-item p.privacy-comment { color: var(--color-primary); }

.privacy-item > ol > li { position: relative; padding-left: 20rem; margin-bottom: 11rem; }
.privacy-item > ol > li::before { content: counter(list-item)')'; position: absolute; left: 0; top: 0;font-feature-settings: 'tnum'; }
.privacy-item > ol li > ul { margin-left: -10rem; padding-top: 3rem; }
.privacy-item > ol li > ul li { position: relative; padding-left: 10rem; margin-bottom: 4rem; color: #666; }
.privacy-item > ol li > ul li::before, .privacy-item > ul li > ul li::before { content: ''; position: absolute; left: 1rem; top: 15rem; width: 5rem; height: 1rem; background: #666; }
html.desktop.safari .privacy-item > ol li > ul li::before, .privacy-item > ul li > ul li::before { top: 14rem; }

.privacy-item > ul { margin-top: 15rem; }
.privacy-item > ul + p { margin-top: 50rem; }
.privacy-item > ul li { position: relative; padding-left: 12rem; margin-bottom: 12rem; color: var(--color-primary); }
.privacy-item > ul li > span { display: block; color: #666; }
.privacy-item > ul li::before { content: ''; position: absolute; left: 0; top: 13rem; width: 4rem; height: 4rem; background: var(--color-primary); border-radius: 50%; }
.privacy-item > ul li > ul li { position: relative; padding-left: 10rem; margin-bottom: 0; color: #666; }
.privacy-item > ul li > ul span.privacy-caution { display: block;  margin-left: -11rem; margin-top: 20rem; }
html.desktop.safari .privacy-item > ul li::before { top: 12rem; }



/* **************************************** *
 * MEMBERSHIP POLICY
 * **************************************** */
 body.page-template-membership-policy .top-banner,
 body.page-template-membership-policy #header,
 body.page-template-membership-policy #footer { display: none; }
 body.page-template-membership-policy .main-container { padding-bottom: 94rem; }
 body.page-template-membership-policy .article-header { padding-bottom: 38rem; }

.service-item { margin-bottom: 70rem; }
.service-item h2 { margin-bottom: 30rem; font-size: 26rem; line-height: 1.38; font-weight: 700; letter-spacing: var(--letter-spacing); color: var(--color-primary);}
.service-item p, .service-item ul { font-size: 17rem; line-height: 1.77; font-weight: 400; letter-spacing: var(--letter-spacing); color: #666; }
.service-item p { margin-bottom: 9rem; color: #666; font-feature-settings: 'tnum'; word-break: break-word; }
.service-item p.privacy-comment { color: var(--color-primary); }
.service-item .highlight { border-bottom: 1rem solid var(--color-primary); color: var(--color-primary); }

.service-item > ul { margin-top: 15rem; }
.service-item > ul + p { margin-top: 50rem; }
.service-item > ul li { position: relative; padding-left: 12rem; margin-bottom: 12rem; color: var(--color-primary); }
.service-item > ul li::before { content: ''; position: absolute; left: 0; top: 13rem; width: 4rem; height: 4rem; background: var(--color-primary); border-radius: 50%; }
html.desktop.safari .service-item > ul li::before { top: 12rem; }



/* **************************************** *
 * 404
 * **************************************** */
body.error404 .go-top { display: none; }

.error-404 { padding: 384rem 0 238rem; position: relative; overflow: hidden; background: #fff; }
.error-404__content-wrap { position: relative; text-align: center; width: 100%; top: 0; left: 0; z-index: 100; mix-blend-mode: difference; }
.error-404__content-wrap p { padding: 14rem 0 0; }
.error-404__controller { font-size: 0; margin-top: 70rem; }
.error-404__img-tail-wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.error-404__img-tail { width: 100%; position: relative; display: flex; justify-content: center; align-items: center; isolation: isolate; }
.error-404__img-tail > img { position: absolute; top: 0; left: 0; opacity: 0; will-change: transform; filter: none; }
.error-404__content { color: #fff; }
.error-404__content p { font-weight: 300; }
.error-404__controller .jt-btn__underline { color: #fff; font-weight: 500; }
.error-404__controller .jt-btn__underline:before, .error-404__controller .jt-btn__underline:after { background: #fff; }



/* **************************************** *
 * BANNER
 * **************************************** */
.top-banner { position: fixed; top: 0; left: 0; width: 100%; background: var(--color-primary); display: none; }
.top-banner.minimize { z-index: 500; height: 50rem; }
.top-banner.minimize .top-banner__img { opacity: 0; visibility: hidden; padding-top: 0; z-index: 1; }
.top-banner__img { position: relative; transition: opacity .3s; z-index: 1; }
.top-banner__img--large { padding-top: 8.41%; }
.top-banner__img--small { padding-top: 25.64%; display: none; }
.top-banner__txt { position: absolute; top: 0; left: 50%; width: 80%; color: #fff; background: var(--color-primary); text-align: center; padding: 18rem 0 15rem; transform: translateX(-50%); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.top-banner__close { position: absolute; top: 7rem; right: 42rem; z-index: 10; text-align: center; padding: 10rem; font-size: 0; transition: top .3s, opacity .2s; }
.top-banner__close .jt-guide--icon { vertical-align: middle; width: 18rem; }
.top-banner__close .jt-guide--icon svg path { fill: #fff; }
html.desktop .top-banner__close:hover { opacity: .8; }

body.top-banner-view { margin-top: 8.41%; position: relative; }
body.top-banner-view .top-banner { display: block; }
body.top-banner-view .main-container { position: relative; background: #fff; }
#header:not(.minimize),
body.top-banner-view #header:not(.minimize) { position: absolute; }
body.top-banner-view .minimize#header { top: 50rem; }



/* **************************************** *
 * CURSOR
 * **************************************** */
#custom-cursor, #custom-cursor-text { width: 60rem; height: 60rem; position: fixed; top: 0; left: 0; z-index: 99999; pointer-events: none; }
.custom-cursor__inner { display: block; width: 100%; height: 100%; position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.custom-hover-circle, .custom-hover-text { display: block; width: 0; height: 0; position: absolute; top: 50%; left: 50%; margin-top: -40rem; margin-left: -40rem; overflow: hidden; opacity: 0; border-radius: 50%; }
.custom-hover-circle { z-index: 1;background: #003d32 no-repeat center center;background: rgba(0, 61, 50, .9) no-repeat center center; border: none; }
.custom-hover-text { z-index: 2; color: #fff; display: flex; align-items: center; }
.custom-hover-text > span { display: block; width: 100%; height: auto; padding-left: 0.1em; font-size: 15rem; text-align: center; line-height: 1.4; padding-top: 4rem; font-weight: 400; letter-spacing: 0.1em; color: inherit; }

.custom-hover-text.icon-zoom > span { font-size: 0; height: 100%; line-height: 60rem; padding-top: 0; }
.custom-hover-text.icon-zoom > span:before { content: ''; width: 20rem; height: 2rem; background: var(--color-primary); position: absolute; top: 50%; left: 50%; margin-top: -1rem; margin-left: -10rem; }
.custom-hover-text.icon-zoom > span:after { content: ''; width: 2rem; height: 20rem; background: var(--color-primary); position: absolute; top: 50%; left: 50%; margin-top: -10rem; margin-left: -1rem; }



/* **************************************** *
 * POPUP
 * **************************************** */
/* floating popup */
.jt-floating-popup { position: fixed; bottom: 0; left: 0; width: 100%; height: auto; background: #E2D048; z-index: 501; padding: 38rem 0 36rem; transform: translateY(100%); display: none; }
.jt-floating-popup__inner { position: relative; }
.jt-floating-popup__inner > b { display: block; font-size: 17rem; line-height: 1.06; font-weight: 700; letter-spacing: var(--letter-spacing); color: var(--color-primary); }
.jt-floating-popup__inner > p { font-size: 16rem; line-height: 1.5; font-weight: 400; letter-spacing: var(--letter-spacing); color: var(--color-primary); margin-top: 15rem; }
.jt-floating-popup__inner > p > strong { font-weight: 700; }
.jt-floating-popup__inner > .jt-btn__basic { position: absolute; bottom: 0; right: 0; min-width: 266rem; }
.jt-floating-popup__inner > .jt-btn__basic > span { position: relative; padding-right: 20rem; }
.jt-floating-popup__inner > .jt-btn__basic > span .jt-guide--icon { position: absolute; top: 0; right: 0; transform: rotate(-45deg); width: 18rem; }
html.desktop .jt-floating-popup__inner > .jt-btn__basic:hover .jt-guide--icon svg path { fill: #fff; }

.jt-floating-popup__close { padding: 10rem; position: absolute; top: 30rem; right: 41rem; transition: opacity .2s; }
.jt-floating-popup__close .jt-guide--icon { width: 16rem; }
html.desktop .jt-floating-popup__close:hover { opacity: .7; }

body.jt-visited-session:not(.privacy-policy, .single-watchnjewelry-referrer, .page-template-membership-policy) .jt-floating-popup { display: block; animation: floating .8s ease-in-out; animation-fill-mode: forwards }

/* full popup */
.jt-full-popup { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 900; display: none; }
.jt-full-popup__overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: var(--color-primary); opacity: 0.7; }
.jt-full-popup__close { position: fixed; bottom: 48rem; right: 51rem; color: var(--color-primary); background: #fff; font-size: 13rem; font-weight: 700; padding: 6rem 28rem; border-radius: 100rem; z-index: 50; cursor: pointer; transition: background .3s; }
.jt-full-popup__list { position: relative; width: 100%; height: 100%; max-width: 1200rem; }
.jt-full-popup__list-item { display: flex; align-items: center; height: 100%; font-size: 0; }
.jt-full-popup__list-item-inner { position: relative; max-width: 1200rem; max-height: 720rem; height: calc(100% - 217rem); margin: 0 auto; text-align: center; }
.jt-full-popup__list-item-content { display: inline-block; margin: 0 auto; height: 100%; }
.jt-full-popup__list-item-content figure { height: 100%; }
.jt-full-popup__list-item-content img { height: 100%; object-fit: contain; display: block; margin: 0 auto; }
.jt-full-popup__list-item-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.jt-full-popup__list-item-link > span { font-size: 0; }
.jt-full-popup__list-item--video .jt-background-video { position: relative; width: auto; height: 100%; }
.jt-full-popup__list-item--video .jt-background-video__vod { position: relative; width: auto; height: 100%; transform: none; }
.jt-full-popup__list-item--video,
.jt-full-popup__list-item--video .jt-full-popup__list-item-inner,
.jt-full-popup__list-item--video .jt-full-popup__list-item-content,
.jt-full-popup__list-item--video .jt-background-video,
.jt-full-popup__list-item--video .jt-background-video__vod { width: 100%; }
.jt-full-popup__list-item--video .jt-background-video__vod video { position: relative; width: 100%; height: 100%; min-width: auto; min-height: auto; top: auto; left: auto; transform: none; object-fit: contain; }
.jt-full-popup__list-item--video .jt-background-video__poster { background-size: contain; }
html.desktop .jt-full-popup__close:hover { background: #ddd; }

.jt-full-popup .swiper-pagination { position: fixed; width: 100%; left: auto; bottom: 56rem; }
.jt-full-popup .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 8rem; }

.jt-full-popup .jt-full-popup__list.slider-init .swiper-navigation { display: block; }
.jt-full-popup .swiper-navigation { display: none; }
.jt-full-popup .swiper-navigation button { position: fixed; }
.jt-full-popup .swiper-button-prev { left: 42rem; }
.jt-full-popup .swiper-button-next { right: 42rem; }

.jt-full-popup .jt-full-popup__list-item-link--video { width: auto; height: auto; position: absolute; left: auto; right: 40rem; top: 50%; margin-top: calc(28.125% - 52rem); }
.jt-full-popup .jt-full-popup__list-item-link--video > span { position: relative; display: inline-block; font-size: 16rem; line-height: 1.5; font-weight: 700; letter-spacing: var(--letter-spacing); color: #fff; padding-right: 20rem; }
.jt-full-popup .jt-full-popup__list-item-link--video .jt-guide--icon { position: absolute; top: 2rem; right: 0; width: 18rem; transform: rotate(-45deg); }
.jt-full-popup .jt-full-popup__list-item-link--video .jt-guide--icon svg path { fill: #fff; }

body.jt-full-popup-show:not(.privacy-policy, .single-watchnjewelry-referrer) .jt-full-popup { display: block; }

/* layer popup */
.jt-layer-popup { display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.7); z-index: 9999; }
.jt-layer-popup__container { width: 80%; height: auto; max-width: 530rem; position: absolute; left: 50%; top: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; box-sizing: border-box; }
.jt-layer-popup__content { width: 100%; min-height: 110rem; text-align: center; background: #fff; padding: 87rem 20rem 55rem; position: relative; }
.jt-layer-popup__content p { color: var(--color-primary); }
.jt-layer-popup__close { width: 14rem; height: 14rem; position: absolute; top: 25rem; right: 25rem; }
html.safari .jt-layer-popup__container .jt-alert__btn { margin-top: 0; }

.jt-membership-join__field { display: block; border: none; background: #f4f4f4; height: 56rem; padding: 0 20rem; width: 100%; max-width: 410rem; margin: 20rem auto 11rem auto; font-size: 15rem; }
.jt-membership-join__valid { display: none; text-align: left; font-size: 14rem; line-height: 1.42; color: #D60000; }

/* postcode layer popup */
.jt-postcode-popup__overlay { display:none; width: 100%; height: 100%; background: rgba(0,0,0,0.7); position: fixed; top: 0; left: 0; z-index: 600; }
.jt-postcode-popup { display:none;position:fixed; overflow:hidden;z-index:500;-webkit-overflow-scrolling:touch; }
.jt-postcode-popup__close-wrap { display: block; width: 100%; height: 30rem; }
.jt-postcode-popup__close { cursor: pointer; width: 30rem; height: 30rem; position:absolute; right: -6rem; top: -5rem; z-index:10 }
.jt-postcode-popup__close .jt-guide--icon { width: 18rem; height: 18rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.jt-postcode-popup__close svg path { fill: #fff }
.jt-postcode-popup__close-wrap span { display: none; color: #fff; width: 100%; height: 100%; justify-content: center; font-size: 17rem; font-weight: 700; letter-spacing: -0.01em; line-height: 48rem; }
html.ios .jt-postcode-popup__close-wrap span { padding-top: 1rem; }
body.jt-postcode-popup--open .jt-postcode-popup { display:block; }
body.jt-postcode-popup--open .jt-postcode-popup__overlay { display:block; }

html.mobile .jt-postcode-popup--open { overflow: hidden; }
html.mobile .jt-postcode-popup__close-wrap { height: 48rem; background: #666; }
html.mobile .jt-postcode-popup__close-wrap span { display: flex; }
html.mobile .jt-postcode-popup__close { width: 48rem; height: 48rem; top: 0; left: 0; right: auto; }
html.mobile .jt-postcode-popup__close .jt-guide--icon { width: 16rem; height: 16rem; }
html.mobile .jt-postcode-popup__close svg path { fill: #fff; }


@keyframes floating {
    from { transform: translateY(100%); }
    to { transform: translateY(0%); }
}



/* **************************************** *
 * ADMIN BAR
 * **************************************** */
body.admin-bar .top-banner { top: 32px; }
body.admin-bar #header { top: 32px; }
body.top-banner-view.admin-bar #header { top: 0; }
body.top-banner-view.admin-bar .minimize#header { top: calc(50rem + 32px); }

body.admin-bar .privacy-header #logo { top: calc(22rem + 32px); }



/* **************************************** *
 * BROWSER SUPPORT
 * **************************************** */
.jt-browser-support { width: 100vw; height: 100vh; }
.jt-browser-support *[lang="en"] { font-family: 'Pretendard', sans-serif; text-transform: none; }
.jt-browser-support__inner { width: 750rem; margin: 0 auto; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; }

.jt-browser-support h1 { font-size: 44rem; font-weight: 600; line-height: 1.31; }
.jt-browser-support p { margin-top: 16rem; font-size: 18rem; font-weight: 400; line-height: 1.66; color: #000; }

.jt-browser-list { margin: 50rem -12rem 60rem; font-size: 0; }
.jt-browser-list > li { display: inline-block; vertical-align: top; width: 136rem; height: 160rem; margin: 0 12rem; background: #f4f4f4; border-radius: 5rem; overflow: hidden; }
.jt-browser-list a { display: block; padding: 32rem 12rem; }
.jt-browser-list figure { width: 60rem; margin: 0 auto; }
.jt-browser-list img { display: block; width: 100%; height: auto; }
.jt-browser-list b { display: block; margin-top: 20rem; font-size: 14rem; line-height: 1.17; font-weight: 700; color: #000; }

body.page-template-support #header,
body.page-template-support #footer { display: none; }
body.page-template-support .main-container { padding-top: 0; }

html.ie11 .jt-browser-support * { font-family: 'Pretendard', sans-serif; letter-spacing: -0.01em; }
html.ie11 .jt-browser-support .jt-btn__underline { color: #000; }
html.ie11 .jt-browser-support .jt-btn__underline:before, .jt-browser-support  .jt-btn__underline:after { background: #000; }