@charset "utf-8";

/*
 * File    : rwd-layout.css
 * Author  : STUDIO-JT
 *
 * SUMMARY :
 * 2000px
 * 1900px
 * 1480px
 * 1200px
 * 860px
 * 540px
 */



/* **************************************** *
 * 2000px
 * **************************************** */
@media (min-width: 2000px){
    
    .wrap-wide { max-width: 1816rem; width: 100%; margin-left: auto; margin-right: auto; }

}



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

    html,
    html.safari.desktop { font-size: 0.0526vw; }

}



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

    html,
    html.safari.desktop { font-size: 0.06756756756756757vw; }

    /* VAR */
    :root {
        --font-size-ko-01: 92rem;
        --font-size-ko-02: 76rem;
        --font-size-ko-03: 50rem;
        --font-size-ko-04: 38rem;
        --font-size-ko-05: 30rem;
        --font-size-ko-06: 22rem;
        --font-size-ko-07: 19rem;

        --font-size-en-01: 96rem;
        --font-size-en-02: 76rem;
        --font-size-en-03: 46rem;

        --font-size-point-01: 32rem;
        --font-size-point-02: 19rem;

        --font-lineheight-ko-01: 115rem;
        --font-lineheight-ko-02: 94rem;
        --font-lineheight-ko-03: 67rem;
        --font-lineheight-ko-04: 50rem;
        --font-lineheight-ko-05: 41rem;
        --font-lineheight-ko-06: 32rem;

        --font-lineheight-en-01: 115rem;
        --font-lineheight-en-02: 85rem;
        --font-lineheight-en-03: 58rem;

        --font-lineheight-point-01: 46rem;

        --round-05: 38rem;
        --round-06: 40rem;
        --round-07: 100rem;
    }

    .main-container{ padding-top: 84rem; padding-bottom: 240rem; }
    
    /* HEADER */
    #header { height: 84rem; }

    #logo { width: 90rem; height: 40rem; top: 20rem; }
    #logo a { padding: 5rem 0; }

    .menu-controller { top: 20rem; }
    .header__shop-btn { top: 18rem; }
    .lang-container { top: 22rem; }

    .minimize#header .header__shop-btn { top: 18rem; }

    /* FOOTER */
    .footer__inner { padding: 100rem 120rem 76rem; }

    .footer__logo { width: 276rem; }

    .footer__main-menu-container { width: 418rem; }
    #footer-menu > li > ul > li > a { padding: 6rem 0; }

    /* PAGE */
    .article__header { padding-top: 72rem; padding-bottom: 48rem; }
    .article__section-head p { margin-top: 30rem; }

    .article__header.article__header--secondary { padding-bottom: 92rem; }
    .article__header.article__header--tertiary { padding-bottom: 72rem; }

    /* SCROLL DOWN */
    .scroll-down { bottom: 34rem; }

    /* 404 */
    .error-404 { padding-top: 144rem; }

}



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

    html,
    html.safari.desktop { font-size: 0.0833333333333333vw; }

    /* VAR */
    :root {
        --font-size-ko-01: 80rem;
        --font-size-ko-02: 74rem;
        --font-size-ko-03: 48rem;
        --font-size-ko-04: 36rem;
        --font-size-ko-05: 26rem;
        --font-size-ko-06: 21rem;

        --font-size-en-01: 90rem;
        --font-size-en-02: 68rem;
        --font-size-en-03: 40rem;
        --font-size-en-04: 38rem;

        --font-size-point-01: 28rem;

        --font-lineheight-ko-01: 100rem;
        --font-lineheight-ko-02: 92rem;
        --font-lineheight-ko-03: 64rem;
        --font-lineheight-ko-04: 47rem;
        --font-lineheight-ko-05: 36rem;
        --font-lineheight-ko-06: 31rem;

        --font-lineheight-en-01: 98rem;
        --font-lineheight-en-02: 74rem;
        --font-lineheight-en-03: 50rem;
        --font-lineheight-en-04: 44rem;

        --font-lineheight-point-01: 40rem;

        --round-02: 12rem;
        --round-03: 18rem;
        --round-04: 22rem;
        --round-05: 30rem;
        --round-06: 32rem;
        --round-07: 80rem;
    }

    /* LAYOUT */
    .main-container { padding-top: 80rem; padding-bottom: 200rem; }

    .wrap, .wrap-wide { margin-left: 40rem; margin-right: 40rem; }

    /* HEADER */
    #header, .minimize#header { height: 80rem; }
    .header__inner { margin: 0 40rem; }

    .menu-nav { margin-left: 56%; }
    #menu > li.menu-item-has-children > a > span:before { top: 19rem; }

    #logo, .minimize#header #logo { top: 18rem; }
    .menu-controller, .minimize#header .menu-controller { top: 17rem; }
    .lang-container, .minimize#header .lang-container { top: 20rem; }

    .header__shop-btn { top: 15rem; }
    .header__shop-btn .jt-btn__basic { padding-left: 52rem; padding-right: 52rem; }
    .minimize#header .header__shop-btn { top: 15rem; transform: scale(1); }

    /* FOOTER */
    .footer__inner { margin: 0 40rem; padding: 92rem 80rem 52rem; }

    .footer__logo { width: 250rem; }

    .footer__main-menu-container { width: 400rem; }
    #footer-menu > li > ul { left: calc(100% + 50rem); }
    #footer-menu > li > ul:before { width: 50rem; left: -50rem; }
    #footer-menu > li.menu-item-has-children > a > span:before { top: 18rem; }

    #footer-extend-menu { gap: 20rem; }
    #footer-extend-menu > li.menu-item-privacy-policy span { text-underline-offset: 9rem; }

    /* SCROLL TOP */
    .go-top { width: 60rem; height: 60rem; padding: 17rem 6rem 15rem; right: 40rem; }
    
    /* PAGE */
    .article__header.article__header--secondary { padding-bottom: 78rem; }

    .article__visual-play { gap: 16rem; left: 40rem; bottom: 0; }
    .article__visual-play-thumb { width: 90rem; }
    .article__visual-play span { gap: 6rem; }

    .article__section-head { margin-bottom: 70rem; }
    .article__section-head p { margin-top: 28rem; }

    /* SCROLL DOWN */
    .scroll-down { bottom: 28rem; }
    .scroll-down .jt-icon { width: 22rem; }

    /* POPUP */
    .global-info-popup__content { width: 440rem; padding: 54rem 16rem 36rem 36rem; }
    .global-info-popup__content-inner { padding-right: 20rem; max-height: calc(80vh - 154rem); }
    .global-info-popup__title { padding-right: 20rem; }
    .global-info-popup__close { width: 34rem; height: 34rem; right: 26rem; top: 26rem; }

    /* CURSOR */
    #custom-cursor, #custom-cursor-text { width: 132rem; height: 132rem; }
    .custom-hover-circle, .custom-hover-text { margin-top: -66rem; margin-left: -66rem; }

    .custom-custor__drag-icon { width: 58rem; }

    /* 404 */
    .error-404 { padding-top: 120rem; gap: 38rem; }
    .error-404__figure { width: 110rem; }
    .error-404 p { margin-top: -14rem; }

}



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

    html,
    html.safari.desktop { font-size: 0.13020833333333335vw; }

    /* VAR */
    :root {
        --font-size-ko-01: 64rem;
        --font-size-ko-02: 56rem;
        --font-size-ko-03: 40rem;
        --font-size-ko-04: 34rem;
        --font-size-ko-05: 23rem;
        --font-size-ko-06: 20rem;
        --font-size-ko-07: 18rem;
        --font-size-ko-08: 17rem;
        --font-size-ko-09: 15rem;
        --font-size-ko-10: 13rem;

        --font-size-en-01: 68rem;
        --font-size-en-02: 60rem;
        --font-size-en-03: 39rem;
        --font-size-en-04: 36rem;
        --font-size-en-05: 26rem;
        --font-size-en-06: 22rem;
        --font-size-en-07: 18rem;
        --font-size-en-08: 17rem;
        --font-size-en-09: 15rem;
        --font-size-en-10: 13rem;

        --font-size-point-01: 24rem;
        --font-size-point-02: 18rem;

        --font-lineheight-ko-01: 78rem;
        --font-lineheight-ko-02: 70rem;
        --font-lineheight-ko-03: 50rem;
        --font-lineheight-ko-04: 46rem;
        --font-lineheight-ko-05: 32rem;
        --font-lineheight-ko-06: 30rem;
        --font-lineheight-ko-07: 28rem;
        --font-lineheight-ko-08: 26rem;
        --font-lineheight-ko-09: 23rem;
        --font-lineheight-ko-10: 22rem;

        --font-lineheight-en-01: 76rem;
        --font-lineheight-en-02: 64rem;
        --font-lineheight-en-03: 44rem;
        --font-lineheight-en-04: 42rem;
        --font-lineheight-en-05: 30rem;
        --font-lineheight-en-06: 26rem;
        --font-lineheight-en-07: 24rem;
        --font-lineheight-en-08: 22rem;
        --font-lineheight-en-09: 20rem;
        --font-lineheight-en-10: 19rem;

        --font-lineheight-point-01: 34rem;
        --font-lineheight-point-02: 28rem;

        --round-02: 10rem;
        --round-04: 20rem;
        --round-05: 22rem;
        --round-06: 24rem;
        --round-07: 64rem;
    }

    /* LAYOUT */
    .main-container { padding-top: 70rem; padding-bottom: 180rem; }

    .wrap, .wrap-wide { margin: 0 24rem; }
    .wrap-narrow { max-width: inherit; margin: 0 24rem; }

    br.mdbr { display: block !important; }

    /* HEADER */
    #header, .minimize#header { height: 70rem; }
    .header__inner { margin: 0 24rem; }

    #logo { width: 78rem; height: 34rem; top: 17rem; }
    #logo a { padding: 4rem 0; }

    .menu-container { background: var(--color-white); padding: 70rem 24rem 24rem; }
    .menu-container__bg { display: none; }
    .menu-container__inner { background: var(--color-point-02); border-radius: 32rem; display: block; }
    
    .menu-nav { margin-left: 60rem; margin-top: 94rem; }

    #menu > li > a { color: var(--color-black); font-size: var(--font-size-en-05); line-height: var(--font-lineheight-en-05); opacity: .5; }
    #menu > li.menu-item-has-children > a > span:before { display: none; }
    #menu > li > ul { left: calc(100% + 50rem); top: 10rem; }
    #menu > li > ul:before { width: 50rem; left: -50rem; }
    #menu > li > ul > li > a { color: var(--color-gray-800); }
    #menu > li > ul > li > a > span:after { background: var(--color-gray-800); }
    #menu > li > ul > li.current-menu-item > a > span { border-bottom-color: var(--color-gray-800); }
    #menu > li > ul > li:not(.current-menu-item) > a:hover { color: var(--color-gray-800); }

    body.home #menu > li > a,
    body.error404 #menu > li > a { opacity: 1; }

    .menu-controller { top: 16rem; gap: 6rem; }
    .menu-controller__text { height: 20rem; }
    .menu-controller__text > i { font-size: var(--font-size-en-09); line-height: 20rem; }
    .menu-controller__icon { width: 40rem; height: 40rem; }
    .menu-controller__icon-line { width: 32rem; left: 4rem; }
    .menu-controller__icon-line--01 { top: 11rem; }
    .menu-controller__icon-line--02 { top: 19rem; }
    .menu-controller__icon-line--03 { top: 27rem; }

    .header__shop-btn { right: 0; }
    .header__shop-btn .jt-btn__basic > span > span { display: none; }
    .header__shop-btn .jt-btn__basic,
    html.ios .header__shop-btn .jt-btn__basic { padding: 6rem 24rem; }

    .lang-container { display: none; position: fixed; bottom: 64rem; left: 50%; transform: translateX(-50%); top: auto; right: auto; z-index: 1200; width: calc(100% - 168rem); max-width: 320rem; text-align: center; padding: 6rem 0; transition: opacity .3s; }
    .lang-container:before { content: ''; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: var(--color-secondary); border-radius: 999rem; }
    .lang-menu { opacity: 1; visibility: visible; position: relative; top: auto; left: auto; transform: none; display: inline-flex; gap: 20rem; background: transparent; width: 100%; justify-content: center; }
    .lang-menu:before { display: none; }
    .lang-menu-btn { display: none; }
    .lang-menu > li a { color: rgba(255, 255, 255, .5); }
    .lang-menu > li:first-child a { padding-top: 10rem; }
    .lang-menu > li:last-child a { padding-bottom: 10rem; }

    .minimize#header #logo { top: 17rem; }
    .minimize#header .menu-controller { top: 16rem; }
    .minimize#header .lang-container { top: auto; }
    
    body.open-menu-fixed { width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; }
    body.open-menu #header { transform: none !important; opacity: 1 !important; visibility: visible !important; }
    body.open-menu .menu-controller__text > i,
    body.open-menu .header--invert:not(.minimize) .menu-controller__text > i { color: var(--color-black); }
    body.open-menu .menu-controller__icon-line,
    body.open-menu .header--invert:not(.minimize) .menu-controller__icon-line { background: var(--color-black); }
    body.open-menu .lang-container { display: block; }

    /* FOOTER */
    .footer__inner { padding: 75rem 48rem 48rem; margin: 0; border-radius: 0; }
    .footer__top { flex-direction: column; gap: 48rem; }
    .footer__bottom { margin-top: 90rem; padding-top: 30rem; border-top: 1px solid rgba(255, 255, 255, 0.1); }

    .footer__logo { width: 180rem; }
    .footer__logo--large { display: none; }
    .footer__logo--small { display: block; }
    
    .footer__main-menu-container { width: inherit; margin-top: 0; }
    #footer-menu > li > a { padding-top: 9rem; padding-bottom: 9rem; font-size: var(--font-size-en-05); line-height: var(--font-lineheight-en-05); opacity: 0.5; }
    #footer-menu > li > ul { top: 5rem; left: calc(100% + 45rem); }
    #footer-menu > li > ul:before { width: 45rem; left: -45rem; }
    #footer-menu > li.menu-item-has-children > a > span:before { display: none; }
    #footer-menu > li.current-menu-item > a, 
    #footer-menu > li.current-menu-ancestor > a { opacity: 1; }
    body:is(.home, .error404) #footer-menu > li > a { opacity: 1; }

    .footer__social { opacity: 0.5; }
    .footer__social .jt-typo-en--04 { font-size: var(--font-size-en-05); line-height: var(--font-lineheight-en-05); }
    .footer__social .jt-icon { width: 14rem; }
    body:is(.home, .error404) .footer__social { opacity: 1; }

    #footer-extend-menu { gap: 12rem; }
    #footer-extend-menu > li.menu-item-privacy-policy span { text-underline-offset: 8rem; }
    #footer-extend-menu > li > a[target="_blank"] i { width: 12rem; height: 12rem; background-size: 12rem auto; margin-top: -2rem; }
    #footer-extend-menu > li.menu-item--family > a i { width: 12rem; height: 12rem; }

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

    /* PAGE */
    .article__header { padding-top: 70rem; padding-bottom: 40rem; }
    .article__desc { margin-top: 12rem; }

    .article__header.article__header--secondary { padding-bottom: 60rem; }
    .article__header.article__header--tertiary { padding-bottom: 70rem; }

    .article__visual-content { padding: 0 24rem; }
    .article__header--visual:has(.article__visual--mask) { padding-top: 0; }
    .article__header--visual .article__visual--mask { padding: 140rem 0 0; height: auto; position: relative; top: auto; left: auto; }
    .article__visual--mask .article__visual-inner { flex-direction: column-reverse; gap: 32rem; }
    .article__visual--mask .article__visual-bg { position: relative; height: auto; padding-top: 49.69%; }
    .article__visual--mask .article__visual-content > * { color: var(--color-black); }
    .article__visual--mask .article__visual-content { padding: 0 24rem; }
    .article__visual--mask .article__visual-content > .article__desc { color: var(--color-gray-800); }
    .article__visual--mask .scroll-down { display: none; }
    
    .article__visual-play { position: relative; bottom: auto; left: auto; display: inline-flex; gap: 20rem; margin-top: 50rem; }
    .article__visual-play-thumb { width: 100rem; }
    .article__visual-play span { gap: 8rem; }
    
    html.js .article__visual.article__visual--mask .article__visual-content > * { opacity: 1; }

    .article__section-head { margin-bottom: 56rem; }
    .article__section-head p { margin-top: 20rem; }
    .article__section-btn-wrap { margin-top: 32rem; }

    /* SCROLL DOWN */
    .scroll-down { bottom: 24rem; }
    .scroll-down .jt-icon { width: 20rem; }

    /* POPUP */
    /*
    .jt-video-popup__content { max-width: inherit; margin-left: 24rem; margin-right: 24rem; }
    .jt-video-popup__close { top: 18rem; right: 18rem; padding: 10rem; }
    .jt-video-popup__close .jt-icon { width: 14rem; }
    */

    .global-info-popup__content { padding: 50rem 14rem 32rem 32rem; }
    .global-info-popup__content-inner { padding-right: 18rem; max-height: calc(80vh - 145rem); }
    .global-info-popup__content-inner-item { padding: 22rem; }
    .global-info-popup__content-inner-item-title { gap: 8rem; }
    .global-info-popup__content-inner-item-title i { width: 22rem; height: 22rem; }
    .global-info-popup__content-inner-item-link { margin-top: 14rem; }
    .global-info-popup__content-inner-item-link li a .jt-icon { width: 14rem; }
    .global-info-popup__content-inner-item-link li:not(:last-child) { margin-bottom: 6rem; }
    .global-info-popup__title { padding-right: 18rem; }
    .global-info-popup__close { top: 20rem; right: 20rem; width: 32rem; height: 32rem; }

    /* CURSOR */
    #custom-cursor, #custom-cursor-text { width: 110rem; height: 110rem; }
    .custom-hover-circle, .custom-hover-text { margin-top: -55rem; margin-left: -55rem; }
    
    .custom-custor__drag-icon { width: 50rem; }
    .custom-hover-text > span.custom-cursot__drag-txt { margin-top: 8rem; }

    /* JT SEPARATE LINE */
    .jt-separate-line { height: 77rem; }
    .jt-separate-line > i { margin-bottom: 15rem; }
    .jt-separate-line > i:nth-child(1) { height: 17rem; }
    .jt-separate-line > i:nth-child(2) { height: 9rem; }

    /* 404 */
    .error-404 { padding-top: 100rem; gap: 36rem; }
    
}



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

    html,
    html.safari.desktop { font-size: 0.2564102564102564vw; }

    /* VAR */
    :root {
        --font-size-ko-01: 42rem;
        --font-size-ko-02: 36rem;
        --font-size-ko-03: 30rem;
        --font-size-ko-04: 28rem;
        --font-size-ko-05: 22rem;
        --font-size-ko-06: 18rem;
        --font-size-ko-07: 16rem;
        --font-size-ko-08: 16rem;
        --font-size-ko-09: 14rem;
        --font-size-ko-10: 12rem;

        --font-size-en-01: 52rem;
        --font-size-en-02: 46rem;
        --font-size-en-03: 38rem;
        --font-size-en-04: 32rem;
        --font-size-en-05: 24rem;
        --font-size-en-06: 20rem;
        --font-size-en-07: 17rem;
        --font-size-en-08: 16rem;
        --font-size-en-09: 14rem;
        --font-size-en-10: 12rem;

        --font-size-point-01: 20rem;
        --font-size-point-02: 16rem;

        --font-lineheight-ko-01: 51rem;
        --font-lineheight-ko-02: 45rem;
        --font-lineheight-ko-03: 39rem;
        --font-lineheight-ko-04: 38rem;
        --font-lineheight-ko-05: 30rem;
        --font-lineheight-ko-06: 26rem;
        --font-lineheight-ko-07: 24rem;
        --font-lineheight-ko-08: 24rem;
        --font-lineheight-ko-09: 22rem;
        --font-lineheight-ko-10: 20rem;

        --font-lineheight-en-01: 57rem;
        --font-lineheight-en-02: 49rem;
        --font-lineheight-en-03: 43rem;
        --font-lineheight-en-04: 40rem;
        --font-lineheight-en-05: 28rem;
        --font-lineheight-en-06: 24rem;
        --font-lineheight-en-07: 23rem;
        --font-lineheight-en-08: 20rem;
        --font-lineheight-en-09: 20rem;
        --font-lineheight-en-10: 18rem;

        --font-lineheight-point-01: 29rem;
        --font-lineheight-point-02: 24rem;

        --round-02: 8rem;
        --round-03: 16rem;
        --round-04: 16rem;
        --round-05: 16rem;
        --round-06: 16rem;
        --round-07: 42rem;
    }

    /* LAYOUT */
    .main-container { padding-top: 60rem; padding-bottom: 120rem; }

    .wrap, .wrap-narrow, .wrap-wide { margin-left: 21rem; margin-right: 21rem; }

    br.mdbr { display: none !important; }
    br.smbr { display: block !important; }

    /* HEADER */
    #header, .minimize#header { height: 60rem; }

    .header__inner { margin: 0 16rem; }

    #logo { width: 68rem; height: 30rem; top: 15rem; }

    .menu-container { padding-top: 60rem; }
    .menu-controller { top: 10rem; }
    .menu-controller__text { display: none; }
    .menu-controller__icon-line { width: 28rem; left: 6rem; }

    .header__shop-btn { top: 12rem; }
    .header__shop-btn .jt-btn__basic,
    html.ios .header__shop-btn .jt-btn__basic { padding: 4rem 20rem; }
    .header__shop-btn .jt-btn__basic:before { border-width: 0 0 2px 0; clip-path: inset(2px 0px -2px 0px round 999rem); }

    .menu-container { padding: 60rem 21rem 21rem; }
    .menu-container__bg-video { display: none; }

    .menu-nav { margin-left: 40rem; margin-top: 45rem; }
    
    #menu > li > a { padding-top: 12rem; padding-bottom: 12rem; }
    #menu > li > ul { top: 8rem; left: calc(100% + 32rem); }
    #menu > li > ul:before { width: 32rem; left: -32rem; }
    #menu > li > ul > li > a { padding: 6rem 0; }
    
    .lang-container { width: calc(100% - 82rem); padding: 3rem 0; bottom: 42rem; }

    .minimize#header #logo { top: 15rem; }
    .minimize#header .menu-controller { top: 10rem; }
    .minimize#header .header__shop-btn { top: 12rem; }

    /* FOOTER */
    .footer__inner { padding: 60rem 21rem 48rem; }
    .footer__top { gap: 36rem; }
    .footer__bottom { margin-top: 80rem; padding-top: 36rem; }

    .footer__logo { width: 140rem; }

    #footer-menu > li > a { padding-top: 8rem; padding-bottom: 8rem; }
    #footer-menu > li > ul > li > a { padding: 5rem 0; }

    .footer__social { padding: 8rem 0; }

    #footer-extend-menu { flex-direction: column; gap: 8rem; }
    #footer-extend-menu > li > a { padding-left: 0; padding-right: 0; }
    #footer-extend-menu > li.menu-item-privacy-policy span { text-underline-offset: 7rem; }

    .footer__copyright { margin-top: 36rem; }

    /* PAGE */
    .article__header { padding-top: 40rem; padding-bottom: 36rem; }
    .article__desc { margin-top: 8rem; }

    .article__header.article__header--secondary { padding-bottom: 45rem; }
    .article__header.article__header--tertiary { padding-bottom: 40rem; }

    .article__visual-content { padding: 0 21rem; }
    .article__header--visual .article__visual--mask { padding: 100rem 0 0; }
    .article__visual--mask .article__visual-inner { gap: 24rem; }
    .article__visual--mask .article__visual-content { padding: 0 8rem; }
    .article__visual--mask .article__visual-play { margin-top: 40rem; }

    .article__section-head { margin-bottom: 40rem; }
    .article__section-head p { margin-top: 16rem; }
    .article__section-head p br { display: none; }
    
    .article__section-btn-wrap { flex-direction: column; width: 100%; margin-top: 24rem; }

    /* SCROLL DOWN */
    .scroll-down { bottom: 20rem; }
    .scroll-down .jt-icon { width: 18rem; }

    /* POPUP */
    /*
    .jt-video-popup__content { margin-left: 21rem; margin-right: 21rem; }
    .jt-video-popup__close { top: 12rem; right: 12rem; padding: 9rem; }
    .jt-video-popup__close .jt-icon { width: 12rem; }
    */

    .global-info-popup__container { padding: 0 21rem; }
    .global-info-popup__content { width: 100%; padding: 40rem 10rem 24rem 24rem; }
    .global-info-popup__content-inner { padding-right: 14rem; max-height: calc(80vh - 116rem); }
    .global-info-popup__content-inner-item { padding: 18rem; }
    .global-info-popup__content-inner-item-title { gap: 6rem; }
    .global-info-popup__content-inner-item-title i { width: 20rem; height: 20rem; }
    .global-info-popup__content-inner-item-link li a .jt-icon { width: 12rem; }
    .global-info-popup__title { margin-bottom: 14rem; padding-right: 14rem; }
    .global-info-popup__close { right: 16rem; top: 16rem; width: 30rem; height: 30rem; }

    /* CURSOR */
    #custom-cursor, #custom-cursor-text { width: 94rem; height: 94rem; }
    .custom-hover-circle, .custom-hover-text { margin-top: -47rem; margin-left: -47rem; }
    
    .custom-custor__drag-icon { width: 44rem; }

    /* JT SEPARATE LINE */
    .jt-separate-line { height: 60rem; }
    .jt-separate-line > i { margin-bottom: 12rem; }
    .jt-separate-line > i:nth-child(1) { height: 13rem; }
    .jt-separate-line > i:nth-child(2) { height: 6rem; }
    .jt-separate-line > i:nth-child(3) { height: 3rem; }

    /* 404 */
    .error-404 { padding: 80rem 24rem 0; gap: 30rem; }
    .error-404__figure { width: 90rem; }
    .error-404 p { margin-top: -12rem; }
    .error-404 p br { display: none; }

}