@charset "utf-8";

/*
 * File       : rwd-layout.css
 * Author     : STUDIO-JT (KMS)
 * Guideline  : JTstyle.2.0
 * Dependency : css/reset.css
 *              css/jt-strap.css
 *
 * SUMMARY:
 * 01) Width > 1400px
 * 02) 1750px
 * 03) 1400px
 * 04) 1200px
 * 05) 1023px
 * 06) 782px
 * 07) 760px
 * 08) 600px
 * 09) 540px
 */



/* **************************************** *
 * Width > 1400px
 * **************************************** */
@media (min-width: 1401px){

    /* LNB OPEN ( FIRST RUN ) */
    body.open-lnb-init .lnb-controller__btn-line:nth-child(2),
    body.open-lnb-init .lnb-controller__btn-line:nth-child(3) { width: 11rem; }
    body.open-lnb-init .lnb-controller__btn-icon { opacity: 1; visibility: visible; }

    body.open-lnb-init .sidebar { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); }

    body.open-lnb-init .main-container { width: -webkit-calc(100% - 280rem); width: calc(100% - 280rem); }

}

@media (min-width: 1401px) and (max-width: 1750px) {
    
    /* LNB OPEN ( FIRST RUN ) */
    body.open-lnb-init .main-container { width: -webkit-calc(100% - 270rem); width: calc(100% - 270rem); }

}



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

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

}



/* **************************************** *
 * 1400px
 * **************************************** */
@media (max-width: 1400px){
    
    html, html.safari.desktop { font-size: 0.07142857142857143vw; }

    /* HEADER */
    #header { height: 64rem; padding-left: 32rem; padding-right: 32rem; }

    #logo { display: none; }
    #logo-title { display: block; position: absolute; top: 21rem; left: 60rem; font-size: 18rem; line-height: 24rem; font-weight: 700; }
    html.ios #logo-title { top: 20rem; }

    .main-menu-container,
    .external-menu-container,
    .lnb-controller { display: none; }

    .header__extend { top: 12rem; }
    .header__parts { margin: 0; }
    .header__parts .language-changer, .header__parts .member-controller { display: none; }
    .header__parts .header__actions { margin-left: 0; }

    .small-menu-controller { display: block; position: absolute; top: 12rem; left: -10rem; }
    .small-menu-controller__btn-line { width: 18rem; height: 2px; position: absolute; left: 11rem; background: var(--color-900); border-radius: 10rem; }
    .small-menu-controller__btn-line:nth-child(1) { top: 12rem; }
    .small-menu-controller__btn-line:nth-child(2) { top: 19rem; }
    .small-menu-controller__btn-line:nth-child(3) { top: 26rem; }

    .small-menu-overlay { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,0.3); z-index: 650; }
    .small-menu-container { width: 80%; height: 100%; padding: 0 22rem 0 32rem; position: fixed; top: 0; left: 0; background: #fff; overflow: hidden; z-index: 651; }

    .small-menu-container__top { width: 100%; height: 64rem; position: relative; }
    .small-menu-container__middle { width: 100%; height: -webkit-calc(100% - 123rem); height: calc(100% - 123rem); position: relative; }
    .small-menu-container__middle:before,
    .small-menu-container__middle:after { content: ''; width: 100%; height: 9rem; position: absolute; left: 0; z-index: 1; }
    .small-menu-container__middle:before { top: 0; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 1)), to(rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); }
    .small-menu-container__middle:after { bottom: 0; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 1))); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); }
    .small-menu-container__bottom { width: -webkit-calc(100% + 64rem); width: calc(100% + 64rem); height: 49rem; margin-top: 10rem; position: relative; left: -32rem; border-top: 1rem solid var(--color-200); }

    .small-menu__nav { width: 100%; height: 100%; padding-right: 10rem; overflow: auto; -ms-scroll-chaining: none; overscroll-behavior: none; }
    html.win .small-menu__nav { overflow: overlay; }
    html.win .small-menu__nav::-webkit-scrollbar { width: 4rem; background: transparent; }
    html.win .small-menu__nav::-webkit-scrollbar-track { background: var(--color-200); }
    html.win .small-menu__nav::-webkit-scrollbar-thumb { background: var(--color-300); border-radius: 99rem; }

    #small-menu li { position: relative; }
    #small-menu a { display: block; position: relative; font-weight: 400; color: var(--color-600); -webkit-transition: color .3s; transition: color .3s; }
    #small-menu span { display: inline-block; position: relative; }
    #small-menu ul.sub-menu { display: none; }
    #small-menu .menu-item__icons { width: 40rem; height: 40rem; margin-top: -20rem; position: absolute; right: -10rem; top: 50%; border-radius: 8rem; overflow: hidden; -webkit-transition: background .3s; transition: background .3s; }
    #small-menu .menu-item__icons .rds-resource--icon { width: 20rem; margin-top: -10rem; margin-left: -10rem; position: relative; left: 50%; top: 50%; -webkit-transform: translateY(-1rem); -ms-transform: translateY(-1rem); transform: translateY(-1rem); -webkit-transition: -webkit-transform cubic-bezier(0.22, 0.61, 0.36, 1) .35s; transition: -webkit-transform cubic-bezier(0.22, 0.61, 0.36, 1) .35s; transition: transform cubic-bezier(0.22, 0.61, 0.36, 1) .35s; transition: transform cubic-bezier(0.22, 0.61, 0.36, 1) .35s, -webkit-transform cubic-bezier(0.22, 0.61, 0.36, 1) .35s; }
    #small-menu .menu-item__icons svg path { fill: var(--color-600); -webkit-transition: fill .3s; transition: fill .3s; }
    #small-menu > li > a { padding: 9rem 0; font-size: 18rem; line-height: 1.44; }
    #small-menu > li > ul > li > a { padding: 10rem 16rem; font-size: 16rem; line-height: 1.5; }
    #small-menu > li > ul > li > ul > li > a { padding: 10rem 32rem; font-size: 16rem; line-height: 1.5; }
    #small-menu li.menu-item--new > a > span { padding-right: 17rem; }
    #small-menu li.menu-item--new > a > span:after { content: ''; display: block; width: 12rem; height: 12rem; margin-top: -6rem; position: absolute; right: 0; top: 50%; background: url(../images/icon/icon-new.svg) no-repeat center center; background-size: contain; }
    #small-menu li.current-menu-item > a, #small-menu li.current-menu-ancestor > a { color: var(--color-900); font-weight: 700; }
    #small-menu li.menu-item-has-children.menu-item--close > a > .menu-item__icons > .rds-resource--icon { -webkit-transform: translateY(0) rotate(180deg); -ms-transform: translateY(0) rotate(180deg); transform: translateY(0) rotate(180deg); }
    #small-menu li.menu-item-has-children:not(.menu-item--close) > a .rds-resource--icon svg path { fill: var(--color-900); }
    #small-menu li.menu-item-has-children > a { padding-right: 40rem; }
    html.desktop #small-menu li > a:hover { color: var(--color-900); }
    html.desktop #small-menu .menu-item__icons:hover { background: var(--color-100); }

    #small-external-menu a { display: block; padding: 13rem 0; font-size: 18rem; font-weight: 400; color: var(--color-600); -webkit-transition: color .3s; transition: color .3s; }
    #small-external-menu a > span { display: inline-block; padding-right: 13rem; position: relative; }
    #small-external-menu a > span > i { width: 12rem; height: 13rem; position: absolute; right: 0; top: -5rem; font-style: normal; border-radius: 50%; overflow: hidden; }
    #small-external-menu a > span > i svg { display: block; width: 8rem; height: auto; margin: 2rem auto; -webkit-transition: -webkit-transform .4s; transition: -webkit-transform .4s; transition: transform .4s; transition: transform .4s, -webkit-transform .4s; }
    #small-external-menu a > span > i svg path { fill: var(--color-600); -webkit-transition: fill .3s; transition: fill .3s; }
    #small-external-menu a > span > i svg:last-child { position: absolute; top: 2rem; left: 2rem; -webkit-transform: translate3d(-12rem, 13rem, 0); transform: translate3d(-12rem, 13rem, 0); }
    html.desktop #small-external-menu a:hover { color: var(--color-900); }
    html.desktop #small-external-menu a:hover > span > i svg path { fill: var(--color-900); }
    html.desktop #small-external-menu a:hover > span > i svg:last-child { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
    html.desktop #small-external-menu a:hover > span > i svg:first-child { -webkit-transform: translate3d(12rem, -13rem, 0); transform: translate3d(12rem, -13rem, 0); }
    html.ios #small-external-menu a > span > i { top: -3rem }

    .small-menu__options { position: absolute; top: 12rem; right: 0; font-size: 0; }
    .small-menu__options > a { display: inline-block; width: 40rem; height: 40rem; margin-left: 12rem; border-radius: 8rem; -webkit-transition: background .3s; transition: background .3s; }
    .small-menu__options > a > .rds-resource--icon { width: 20rem; margin: 10rem auto; }
    .small-menu__options > a:first-child { margin-left: 0; }
    html.desktop .small-menu__options > a:hover { background: var(--color-100); }

    .small-menu__lang { position: absolute; left: 20rem; top: 8rem; }
    .small-menu__lang-btn { display: inline-block; padding: 8rem 40rem 8rem 36rem; position: relative; border-radius: 8rem; -webkit-transition: background .3s; transition: background .3s; }
    .small-menu__lang-btn:after { content: ''; width: 12rem; height: 12rem; margin-top: -6rem; position: absolute; right: 12rem; top: 50%; background: url(../images/icon/icon-triangle.svg) no-repeat center center; background-size: contain; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; }
    .small-menu__lang-btn > .rds-resource--icon { width: 16rem; position: absolute; left: 12rem; top: 50%; margin-top: -8rem; }
    .small-menu__lang-btn > span { font-size: 14rem; font-weight: 700; line-height: 1; }
    .small-menu__lang-btn.open:after { -webkit-transform: rotate(180deg) translateY(-1rem); -ms-transform: rotate(180deg) translateY(-1rem); transform: rotate(180deg) translateY(-1rem); }
    html.desktop .small-menu__lang-btn:hover { background: var(--color-100); }

    .small-menu__lang-option { display: none; width: 106rem; padding: 8rem 0; position: absolute; bottom: -webkit-calc(100% - -2rem); bottom: calc(100% - -2rem); left: -4rem; background: #fff; border: 1rem solid var(--color-200); -webkit-box-shadow: 0rem 2rem 20rem rgb(0 0 0 / 10%); box-shadow: 0rem 2rem 20rem rgb(0 0 0 / 10%); border-radius: 12rem; z-index: 2; }
    .small-menu__lang-option li a { display: block; padding: 15rem 23rem; font-size: 14rem; font-weight: 400; line-height: 1; color: var(--color-900); }
    .small-menu__lang-option li.current a { font-weight: 700; }

    body.header-type--dark:not(.header-type--minimize) #logo-title { color: #fff; }
    body.header-type--dark:not(.header-type--minimize) .small-menu-controller__btn-line { background: #fff; }

    body.open-menu-fixed { width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; }

    /* FOOTER */
    #footer { margin-left: -32rem; margin-right: -32rem; padding-left: 32rem; padding-right: 32rem; }

    .footer__menu-wrap { left: 250rem; }
    #footer-menu a { padding: 6rem 15rem; }

    .footer__links { margin-right: 12rem; }
    #link-menu > li { margin: 0 6rem; }

    /* CONTAINER */
    .global-container { padding-top: 64rem; }
    .main-container { padding-left: 32rem; padding-right: 32rem; }
    .sidebar { display: none; }

    /* SEARCH */
    .search-modal { position: fixed; padding: 0; z-index: 650; }
    .search-modal__form { width: 100%; height: 64rem; padding: 0; border-bottom: 1rem solid var(--color-150); }
    .search-modal__field { padding: 0 68rem 0 76rem; font-size: 18rem; }
    .search-modal__reset { width: 48rem; height: 48rem; margin-top: -24rem; right: 18rem; }
    .search-modal__submit { width: 48rem; height: 48rem; margin-top: -24rem; left: 18rem; }

    .search-modal__result { width: 100%; height: -webkit-calc(100% - 64rem); height: calc(100% - 64rem); padding: 16rem; top: 64rem; right: auto; left: 0; border: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; }
    .search-modal__result-inner { max-height: 100%; }
    .search-modal__result-data { padding-top: 13rem; }
    .search-modal__result-data a { padding: 10rem 0; font-size: 18rem; }
    .search-modal__result-data > li { padding: 8rem 0; }
    .search-modal__result-data > li > b { margin-top: 13rem; margin-bottom: 2rem; }

    .search-modal__result-data > li.search-modal__empty { padding: 91rem 0; }

    body.open-search-fixed { width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; }

    html.ios .search-modal__field { padding-top: 1rem; }

    /* ERROR */
    .error-404 { height: -webkit-calc(100vh - 164rem); height: calc(100vh - 164rem); }

    .error-suggest { height: -webkit-calc(100vh - 164rem); height: calc(100vh - 164rem); }

    /* HAS ADMIN BAR */
    body.admin-bar .small-menu-container { padding-top: 32px; }
    body.admin-bar .search-modal { padding-top: 32px; }
    body.admin-bar .search-modal__result { top: -webkit-calc(64rem + 32px); top: calc(64rem + 32px); }

}



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

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

}



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

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

    /* FOOTER */
    #footer { margin-left: -32rem; margin-right: -32rem; padding: 24rem 32rem 32rem; }

    .footer__menu-wrap { position: relative; top: 0; left: 0; -webkit-transform: none; -ms-transform: none; transform: none; }
    #footer-menu { margin: 0 -12rem; }
    #footer-menu a { padding: 5rem 12rem; font-size: 14rem; }
    
    .footer__copyright { margin-top: 4rem; font-size: 14rem; }

    .footer__extend { margin-top: 36rem; position: relative; top: 0; -webkit-transform: none; -ms-transform: none; transform: none; }

    .footer__links { margin-right: 8rem; }
    #link-menu > li { margin: 0 4rem; }
    #link-menu > li > a { width: 40rem; height: 40rem; }
    #link-menu .sub-menu { padding: 8rem 23rem 7rem; left: 0; right: auto; }
    #link-menu .sub-menu a { padding: 10rem 0 9rem; font-size: 14rem; }

    .footer__family-button { height: 40rem; padding: 9rem 21rem 10rem 40rem; }
    .footer__family-button span { font-size: 14rem; }
    .footer__family-button .rds-resource--icon { left: 19rem; }
    #family-menu { padding: 8rem 23rem 7rem; }
    #family-menu a { padding: 10rem 0 9rem; font-size: 14rem; }

}



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

    /* HAS ADMIN BAR */
    body.admin-bar #header { top: 46px; }
    body.admin-bar .small-menu-container { padding-top: 46px; }
    body.admin-bar .search-modal { padding-top: 46px; }
    body.admin-bar .search-modal__result { top: -webkit-calc(56rem + 46px); top: calc(56rem + 46px); }

}



/* **************************************** *
 * 760px
 * **************************************** */
@media (max-width: 760px){
                      
    html, html.safari.desktop { font-size: 0.1315789473684211vw; }

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

    input[type=text], input[type=tel], input[type=email], input[type=password], input[type=url], input[type=number], input[type=search], textarea, input[type=submit], input[type=button], button { font-family: sans-serif; }
    ::-webkit-input-placeholder { font-family: sans-serif; }
    ::-moz-placeholder { font-family: sans-serif; }
    :-ms-input-placeholder { font-family: sans-serif; }

    /* HEADER */
    #header { height: 56rem; padding-left: 24rem; padding-right: 24rem; }

    .header__actions-btn { width: 48rem; height: 48rem; }
    .header__actions-btn > .rds-resource--icon { margin: 14rem auto; }

    .small-menu-controller { top: 4rem; left: -14rem; }
    .small-menu-controller__btn-line { left: 15rem; }
    .small-menu-controller__btn-line:nth-child(1) {top: 16rem;}
    .small-menu-controller__btn-line:nth-child(2) {top: 23rem;}
    .small-menu-controller__btn-line:nth-child(3) {top: 30rem;}

    #logo-title { max-width: -webkit-calc(100vw - 152rem); max-width: calc(100vw - 152rem); left: 52rem; top: 16rem; font-size: 16rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
    html.ios #logo-title { top: 17rem; }

    .header__extend { top: 4rem; right: -14rem; }

    .small-menu-container { padding: 0 14rem 0 24rem; }
    .small-menu-container__top { height: 56rem; }
    .small-menu-container__middle { height: -webkit-calc(100% - 115rem); height: calc(100% - 115rem); }
    .small-menu-container__bottom { width: -webkit-calc(100% + 48rem); width: calc(100% + 48rem); left: -24rem; }

    #small-menu > li > a { padding: 10rem 0; font-size: 16rem; line-height: 1.5; }
    #small-menu > li > ul > li > a { padding: 11rem 16rem; font-size: 14rem; line-height: 1.57; }
    #small-menu > li > ul > li > ul > li > a { padding: 11rem 32rem; font-size: 14rem; line-height: 1.57; }
    #small-menu li.menu-item--new > a > span:after { margin-top: -6rem; }
    html.ios #small-menu li.menu-item--new > a > span:after { margin-top: -7.5rem; }
    html.ios #small-menu .menu-item__icons .rds-resource--icon { -webkit-transform: translateY(-2rem); -ms-transform: translateY(-2rem); transform: translateY(-2rem); }
    html.ios #small-menu li.menu-item-has-children.menu-item--close > a > .menu-item__icons > .rds-resource--icon{ -webkit-transform: translateY(-1rem) rotate(180deg); -ms-transform: translateY(-1rem) rotate(180deg); transform: translateY(-1rem) rotate(180deg); }

    #small-external-menu a { padding: 12rem 0; font-size: 16rem; }
    #small-external-menu a > span > i { top: 1rem; -webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); }
    html.ios #small-external-menu a > span > i { top: 0; }

    .small-menu__options { top: 8rem; }
    .small-menu__options > a { margin-left: 0; }

    .small-menu__lang { left: 12rem; top: 4rem; }
    .small-menu__lang-btn > .rds-resource--icon { margin-top: -7rem; }
    .small-menu__lang-option { width: 90rem; bottom: -webkit-calc(100% - 3rem); bottom: calc(100% - 3rem); left: 4rem; }
    html.ios .small-menu__lang { top: 6rem; }
    html.ios .small-menu__lang-btn > .rds-resource--icon { margin-top: -9rem; }
    html.ios .small-menu__lang-btn:after { margin-top: -7rem; }

    /* FOOTER */
    #footer { margin: 100rem -24rem 0; padding: 24rem 24rem 28rem; }
    .footer__extend { margin-top: 32rem; }

    #link-menu > li { margin: 4rem; }
    #link-menu .sub-menu { padding-top: 7rem; padding-bottom: 8rem; }

    .footer__family { margin: 4rem 0; }
    .footer__family-button { padding-left: 33rem; }
    .footer__family-button .rds-resource--icon { left: 14rem; margin-top: -8rem; }
    #family-menu { padding-top: 7rem; padding-bottom: 8rem; }
    html.ios .footer__family-button { padding-top: 10rem; padding-bottom: 9rem; padding-left: 37rem; }
    html.ios .footer__family-button .rds-resource--icon { left: 18rem; margin-top: -9rem; }
    html.ios #family-menu a { padding-top: 11rem; padding-bottom: 8rem; }

    /* CONTAINER */
    .global-container { padding-top: 56rem; }
    .main-container { padding-left: 24rem; padding-right: 24rem; }

    /* SEARCH */
    .search-modal__form { height: 56rem; }
    .search-modal__field { padding: 0 58rem 0 60rem; font-size: 16rem; }
    .search-modal__reset { right: 10rem; }
    .search-modal__submit { left: 10rem; }

    .search-modal__result { height: -webkit-calc(100% - 56rem); height: calc(100% - 56rem); top: 56rem; }
    .search-modal__result-data > li { padding: 12rem 0; }
    .search-modal__result-data a { font-size: 16rem; }
    .search-modal__result-data a:before { width: 100%; left: 0; }

    .search-modal__result-data > li.search-modal__empty { font-size: 14rem; line-height: 1.57; }

    html.ios .search-modal__field { padding-top: 2rem; }

    /* ERROR */
    .error-404 { height: -webkit-calc(100vh - 244rem); height: calc(100vh - 244rem); }
    .error-404__inner h1 { font-size: 24rem; line-height: 1.33; font-weight: bold; }
    .error-404__inner p { padding-bottom: 40rem; font-size: 14rem; line-height: 1.57; }
    .error-404__inner p br { display: block; }
    .error-404__controller a { padding: 9rem 17rem 10rem; font-size: 16rem; line-height: 1.5; border-radius: 4rem; }
    html.ios .error-404__controller a { padding-top: 8rem; padding-bottom: 6rem; }

    .error-suggest { height: -webkit-calc(100vh - 244rem); height: calc(100vh - 244rem); }
    .error-suggest__inner h1 { font-size: 24rem; line-height: 1.33; font-weight: bold; }
    .error-suggest__inner p { padding-bottom: 40rem; font-size: 14rem; line-height: 1.57; }
    .error-suggest__inner p br { display: block; }
    .error-suggest__btn { padding: 10rem 12rem; font-size: 16rem; line-height: 1.5; border-radius: 4rem; }
    html.ios .error-suggest__btn { padding-top: 8rem; padding-bottom: 6rem; }

    /* BROWSER SUPPORT */
    .jt-browser-support__inner { width: 80%; }
    
    .jt-browser-support h1 { font-size: 24rem; line-height: 1.33; font-weight: bold; }
    .jt-browser-support p { margin-top: 9rem; font-size: 14rem; line-height: 1.57; }
    
    .jt-browser-support__list { margin: 36rem -12rem 38rem; }
    .jt-browser-support__list > li { width: -webkit-calc(25% - 24rem); width: calc(25% - 24rem); }
    .jt-browser-support__list b { font-size: 13rem; }

    .jt-browser-support__link { width: 100%; padding: 9rem 17rem 10rem; font-size: 16rem; line-height: 1.5; }
    .jt-browser-support p + .jt-browser-support__link { margin-top: 40rem; padding-left: 17rem; padding-right: 17rem; }

}



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

    /* HAS ADMIN BAR */
    #wpadminbar { position: fixed; }

}



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

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

    /* FOOTER */
    .footer__family-button { padding-top: 8rem; }
    html.ios .footer__family-button { padding-top: 10rem; }
    html.ios .footer__family-button .rds-resource--icon { margin-top: -8rem; }
    html.ios #family-menu a { padding-bottom: 7rem; }

    /* ERROR */
    .error-suggest__btn { width: -webkit-calc(50% - 4rem); width: calc(50% - 4rem); margin-right: 8rem; }
    .error-suggest__btn { font-size: 15rem; }

    /* BROWSER SUPPORT */
    .jt-browser-support__inner { width: 90%; }

    .jt-browser-support__list { margin: 20rem 0 26rem; }
    .jt-browser-support__list > li { width: 46%; height: 140rem; margin: 2%; }
    .jt-browser-support__list a { padding: 27rem 12rem; }
    .jt-browser-support__list figure { width: 50rem; }

    .jt-browser-support__link { width: 96%; }

}