@charset "utf-8";

/*
 * File       : layout.css
 * Author     : STUDIO-JT (KMS)
 * Guideline  : JTstyle.2.0
 *
 * Dependency : css/reset.css
 *              css/rds-strap.css
 *
 * SUMMARY:
 * 01) GLOBAL
 * 02) HEADER
 * 03) FOOTER
 * 04) CONTAINER
 * 05) SEARCH
 * 06) ERROR
 * 07) BROWSER SUPPORT
 * 08) HAS ADMIN BAR
 */



/* **************************************** *
 * GLOBAL
 * **************************************** */
html { font-size: 6.25%; }
html.safari.desktop { font-size: 1px; }

body { overflow-x: hidden; font-family: var(--font-primary); font-size: 16rem; word-break: keep-all; color: var(--color-900); }
a { color: var(--color-900); text-decoration: none; }

html.mac, html.mac body { overscroll-behavior-y: none; }



/* **************************************** *
 * HEADER
 * **************************************** */
#header { width: 100%; height: 88rem; padding: 0 40rem; position: fixed; top: 0; left: 0; background: #fff; border-bottom: 1rem solid var(--color-150); z-index: 500; }
.header__inner { height: 100%; position: relative; }

/* ACTION BUTTON KIT */
.header__actions-btn { display: block; width: 40rem; height: 40rem; border-radius: 8rem; overflow: hidden; -webkit-transition: background .3s; transition: background .3s; }
.header__actions-btn > .rds-resource--icon { width: 20rem; margin: 10rem auto; }

html.desktop .header__actions-btn:hover { background: var(--color-100); }

/* LNB */
.lnb-controller { position: absolute; top: 24rem; left: -8rem; }

.lnb-controller__btn-line { width: 22rem; height: 2px; position: absolute; left: 9rem; background: var(--color-900); border-radius: 10rem; }
.lnb-controller__btn-line:nth-child(1) { top: 11rem; }
.lnb-controller__btn-line:nth-child(2) { top: 19rem; }
.lnb-controller__btn-line:nth-child(3) { top: 27rem; }

.lnb-controller__btn-icon { width: 13rem; height: 13rem; position: absolute; right: 6rem; bottom: 11rem; opacity: 0; }

/* LOGO */
#logo { width: 222rem; height: 40rem; position: absolute; left: 49rem; top: 25rem; }
#logo a { display: block; width: 100%; height: 100%; }
#logo svg { display: block; width: 100%; height: 100%; }
#logo svg path { opacity: 0.3; }

#logo-title { display: none; }

/* MENU */
.main-menu-container { height: -webkit-calc(100% + 1rem); height: calc(100% + 1rem); position: absolute; left: 290rem; top: 0; font-size: 0; overflow: hidden; }
#main-menu .rds-resource--icon { display: none; }
#main-menu li { display: inline-block; vertical-align: top; }
#main-menu a { display: block; padding: 0 20rem; font-size: 18rem; line-height: 1.44; font-weight: 700; -webkit-transition: color .3s; transition: color .3s; }
#main-menu a > span { display: inline-block; padding: 32rem 0; position: relative; }
#main-menu a > span:after { content: ''; display: block; width: 100%; height: 4rem; position: absolute; top: 84rem; left: 0; background: var(--color-900); opacity: 0; }
#main-menu > li.current-menu-item > a > span:after, 
#main-menu > li.current-menu-ancestor > a > span:after { opacity: 1; }
#main-menu > li.menu-item--new > a > span:before { content: ''; display: block; width: 6rem; height: 6rem; position: absolute; right: -9rem; top: 32rem; background: #E64A2D; border-radius: 50%; }

html.desktop #main-menu:hover > li > a { color: var(--color-600); }
html.desktop #main-menu:hover > li.current-menu-item > a,
html.desktop #main-menu:hover > li.current-menu-ancestor > a,
html.desktop #main-menu:hover > li:hover > a { color: var(--color-900); }

/* EXTEND GROUP */
.header__extend { position: absolute; top: 22rem; right: -10rem; font-size: 0; }

.header__parts { display: inline-block; vertical-align: middle; margin: -2rem 0 0 25rem; }
.header__parts .header__actions { display: inline-block; margin-left: 12rem; position: relative; }
.header__parts .header__actions:first-child { margin-left: 0; }

/* EXTERNAL MENU */
.external-menu-container { display: inline-block; vertical-align: middle; }
#external-menu li { display: inline-block; vertical-align: top; }
#external-menu a { display: block; padding: 10rem 19rem; font-size: 18rem; line-height: 1.44; font-weight: 700; }
#external-menu a > span { display: inline-block; padding-right: 12rem; position: relative; }
#external-menu a > span > i { width: 12rem; height: 13rem; position: absolute; right: 0; top: -1rem; font-style: normal; border-radius: 50%; overflow: hidden; }
#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; }
#external-menu a > span > i svg path { fill: var(--color-900); }
#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 #external-menu a:hover > span > i svg:last-child { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
html.desktop #external-menu a:hover > span > i svg:first-child { -webkit-transform: translate3d(12rem, -13rem, 0); transform: translate3d(12rem, -13rem, 0); }

/* LANGUAGE */
.language-changer__menu { display: none; width: 80rem; position: absolute; top: -webkit-calc(100% - 2rem); top: calc(100% - 2rem); left: 50%; background: #fff; border: 1rem solid var(--color-200); -webkit-box-shadow: 0rem 2rem 20rem rgba(0, 0, 0, 0.1); box-shadow: 0rem 2rem 20rem rgba(0, 0, 0, 0.1); border-radius: 16rem; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 2; }
.language-changer__menu li a { display: block; padding: 8rem 23rem; font-size: 16rem; font-weight: 400; line-height: 1.5; color: var(--color-900); }
.language-changer__menu li:first-child a { padding-top: 30rem; }
.language-changer__menu li:last-child a { padding-bottom: 30rem; }
.language-changer__menu li.current a { font-weight: 700; }

/* MOBILE */
.small-menu-controller, .small-menu-overlay, .small-menu-container { display: none; }

/* THEME */
body.header-type--dark:not(.header-type--minimize) #header { border-bottom-color: rgba(255,255,255,0.2); }

body.header-type--dark:not(.header-type--minimize) #logo a svg path { fill: #fff; }

body.header-type--dark:not(.header-type--minimize) #main-menu a { color: #fff; }
html.desktop body.header-type--dark:not(.header-type--minimize) #main-menu:hover > li > a { color: rgba(255,255,255,0.7); }
html.desktop body.header-type--dark:not(.header-type--minimize) #main-menu:hover > li.current-menu-item > a,
html.desktop body.header-type--dark:not(.header-type--minimize) #main-menu:hover > li.current-menu-ancestor > a,
html.desktop body.header-type--dark:not(.header-type--minimize) #main-menu:hover > li:hover > a { color: #fff; }

body.header-type--dark:not(.header-type--minimize) #external-menu a { color: #fff; }
body.header-type--dark:not(.header-type--minimize) #external-menu a > span > i svg path { fill: #fff; }

body.header-type--dark:not(.header-type--minimize) .header__actions-btn svg path { fill: #fff; }
html.desktop body.header-type--dark:not(.header-type--minimize) .header__actions-btn:hover { background: rgba(255,255,255,0.2); }

/* HOME */
body.home #header { background: transparent; }
body.home #header.minimize { background: #fff; }

body.home.header-type--light:not(.header-type--minimize) #header { border-bottom-color: rgba(255,255,255,0.5); }
html.desktop body.header-type--light:not(.header-type--minimize) .header__actions-btn:hover { background: rgba(255,255,255,0.4); }



/* **************************************** *
 * FOOTER
 * **************************************** */
#footer { margin: 200rem -40rem 0; padding: 38rem 40rem; position: relative; background: var(--color-100); }
.footer__inner { position: relative; }

/* MENU */
.footer__menu-wrap { position: absolute; left: 276rem; top: 50%; font-size: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
#footer-menu li { display: inline-block; vertical-align: middle; }
#footer-menu a { display: block; padding: 6rem 20rem; position: relative; font-size: 16rem; font-weight: 500; line-height: 1.5; color: var(--color-600); -webkit-transition: color .3s; transition: color .3s; }
html.desktop .footer__menu > li > a:hover { color: #eee; }

/* EXTEND GROUP */
.footer__extend { position: absolute; right: 0; top: 50%; font-size: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

/* LINKS */
.footer__links { display: inline-block; vertical-align: middle; margin-right: 16rem; }

#link-menu > li { display: inline-block; vertical-align: middle; margin: 0 8rem; position: relative; }
#link-menu > li > a { display: block; width: 48rem; height: 48rem; position: relative; background: #fff; border: 1rem solid var(--color-200); border-radius: 50%; -webkit-transition: background .3s; transition: background .3s; }
#link-menu > li:first-child { margin-left: 0; }
#link-menu > li:last-child { margin-right: 0; }
#link-menu > li > a > span { display: block; width: 100%; height: 100%; }
#link-menu > li > a > span > i { display: block; width: 100%; height: 100%; background: no-repeat center center; background-size: 20rem 20rem; }

#link-menu .sub-menu { display: none; min-width: -webkit-max-content; min-width: -moz-max-content; min-width: max-content; padding: 23rem 23rem 22rem; position: absolute; right: 0; bottom: -webkit-calc(100% + 8rem); bottom: calc(100% + 8rem); background: #fff; border: 1rem solid var(--color-200); border-radius: 16rem; -webkit-box-shadow: 0rem 2rem 20rem rgba(0, 0, 0, 0.1); box-shadow: 0rem 2rem 20rem rgba(0, 0, 0, 0.1); }
#link-menu .sub-menu a { display: block; padding: 8rem 0; font-size: 16rem; font-weight: 400; line-height: 1.5; }

html.desktop #link-menu > li > a:hover { background: var(--color-50); }

/* FAMILY */
.footer__family { display: inline-block; vertical-align: middle; position: relative; }
.footer__family-button { display: block; height: 48rem; padding: 12rem 24rem 11rem 43rem; position: relative; text-align: left; background: #fff; border: 1rem solid var(--color-200); border-radius: 40rem; cursor: pointer; -webkit-transition: background .3s; transition: background .3s; }
.footer__family-button span { font-size: 16rem; font-weight: 400; line-height: 1.5; color: var(--color-900); }
.footer__family-button .rds-resource--icon { width: 16rem; position: absolute; left: 23rem; top: 50%; margin-top: -8rem; }

#family-menu { display: none; width: 100%; padding: 23rem 23rem 22rem; position: absolute; right: 0; bottom: -webkit-calc(100% + 8rem); bottom: calc(100% + 8rem); background: #fff; border: 1rem solid var(--color-200); border-radius: 16rem; -webkit-box-shadow: 0rem 2rem 20rem rgba(0, 0, 0, 0.1); box-shadow: 0rem 2rem 20rem rgba(0, 0, 0, 0.1); }
#family-menu a { display: block; padding: 8rem 0; font-size: 16rem; font-weight: 400; line-height: 1.5; }

html.desktop .footer__family-button:hover { background: var(--color-50); }

/* COPY */
.footer__copyright { font-size: 16rem; font-weight: 500; line-height: 1.5; color: var(--color-600); }



/* **************************************** *
 * CONTAINER
 * **************************************** */
/* OUTER */
.global-container { padding: 88rem 0 0; position: relative; }

/* SIDEBAR */
.sidebar { position: fixed; width: 280rem; height: 100%; padding-bottom: 100rem; background: #fff; border-right: 1rem solid var(--color-150); -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); z-index: 10; }

.lnb-menu-container { width: 100%; height: 100%; padding: 32rem 16rem 32rem 40rem; position: relative; overflow: auto; -ms-scroll-chaining: none; overscroll-behavior: none; }
html.win .lnb-menu-container { overflow: overlay; }
html.win .lnb-menu-container::-webkit-scrollbar { width: 4rem; background: transparent; }
html.win .lnb-menu-container::-webkit-scrollbar-track { background: transparent; }
html.win .lnb-menu-container::-webkit-scrollbar-thumb { background: transparent; border-radius: 99rem; }
html.win .lnb-menu-container:hover::-webkit-scrollbar-thumb { background: var(--color-300); }

#lnb-menu li { position: relative; }
#lnb-menu a { display: block; position: relative; font-weight: 400; color: var(--color-600); -webkit-transition: color .3s; transition: color .3s; }
#lnb-menu span { display: inline-block; position: relative; }
#lnb-menu .menu-item__icons { width: 20rem; height: 20rem; margin-top: -10rem; position : absolute; right: 5rem; top: 50%; border-radius: 4rem; overflow: hidden; -webkit-transition: background .3s; transition: background .3s; }
#lnb-menu .menu-item__icons .rds-resource--icon { width: 10rem; margin-top: -5rem; margin-left: -5rem; position: relative; left: 50%; top: 50%; -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; }
#lnb-menu .menu-item__icons .rds-resource--icon svg path { fill: var(--color-600); -webkit-transition: fill .3s; transition: fill .3s; }
#lnb-menu ul.sub-menu { padding: 0 8rem; }
#lnb-menu > li > a { padding: 9rem 0; font-size: 18rem; line-height: 1.44; }
#lnb-menu > li > ul > li > a { padding: 7rem 0; font-size: 16rem; line-height: 1.5; }

#lnb-menu li.menu-item--new > a > span { padding-right: 17rem; }
#lnb-menu li.menu-item--new > a > span:after { content: ''; display: block; width: 12rem; height: 12rem; margin-top: -8rem; position: absolute; right: 0; top: 50%; background: url(../images/icon/icon-new.svg) no-repeat center center; background-size: contain; }

#lnb-menu li.menu-item-has-children > a { padding-right: 30rem; }
#lnb-menu > li.menu-item-has-children.menu-item--close > a > .menu-item__icons .rds-resource--icon { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

#lnb-menu li.current-menu-item > a { color: var(--color-900); font-weight: 700; }
#lnb-menu li.current-menu-item > a .rds-resource--icon svg path { fill: var(--color-900); }
html.desktop #lnb-menu li > a:hover { color: var(--color-900); }
html.desktop #lnb-menu .menu-item__icons:hover { background: var(--color-100); }

/* MAIN */
.main-container { width: 100%; margin: 0 0 0 auto; padding: 0 40rem; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }



/* **************************************** *
 * SEARCH
 * **************************************** */
.search-modal { display: none; width: 100%; height: 100%; padding: 0 40rem; position: absolute; top: 0; left: 0; background: #fff; z-index: 1; }
.search-modal__form { width: 448rem; height: 100%; padding: 24rem 0; margin: 0 0 0 auto; position: relative; }

.search-modal__field { display: block; width: 100%; height: 100%; margin: 0; padding: 0 35rem 0 48rem; font-size: 16rem; line-height: 1.66; font-weight: 600; color: #191919; text-overflow: ellipsis; background: none; border: none; border-radius: 30rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.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__submit { width: 40rem; height: 40rem; margin: -20rem 0 0; padding: 0; position: absolute; top: 50%; left: 0; background: none; border: none; cursor: pointer; }
.search-modal__submit .rds-resource--icon { width: 20rem; margin: 10rem auto; }

.search-modal__reset { width: 40rem; height: 40rem; margin: -20rem 0 0; padding: 0; position: absolute; top: 50%; right: -12rem; background: none; border: none; cursor: pointer; }
.search-modal__reset .rds-resource--icon { width: 20rem; margin: 10rem auto; }

/* RESULT */
.search-modal__result { display: none; width: 480rem; padding: 17rem 8rem; position: absolute; top: -webkit-calc(100% + 8rem); top: calc(100% + 8rem); right: 13rem; background: #fff; border: 1rem solid var(--color-200); border-radius: 16rem; -webkit-box-shadow: 0rem 2rem 20rem rgba(0, 0, 0, 0.1); box-shadow: 0rem 2rem 20rem rgba(0, 0, 0, 0.1); overflow: hidden; }
.search-modal__result:before,
.search-modal__result:after { content: ''; width: 100%; height: 12rem; position: absolute; left: 0; }
.search-modal__result:before { top: 15rem; 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%); }
.search-modal__result:after { bottom: 15rem; 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%); }

.search-modal__result-inner { width: 100%; max-height: 400rem; padding: 0 8rem; overflow: auto; -ms-scroll-chaining: none; overscroll-behavior: none; }
html.win .search-modal__result-inner { overflow: overlay; }
html.win .search-modal__result-inner::-webkit-scrollbar { width: 4rem; background: transparent; }
html.win .search-modal__result-inner::-webkit-scrollbar-track { background: var(--color-200); }
html.win .search-modal__result-inner::-webkit-scrollbar-thumb { background: var(--color-300); border-radius: 99rem; }

.search-modal__result-data { padding-top: 6rem; }
.search-modal__result-data > li { padding: 12rem 8rem 13rem; border-bottom: 1rem solid var(--color-150); }
.search-modal__result-data > li:first-child { padding-top: 0; }
.search-modal__result-data > li:last-child { padding-bottom: 0; border-bottom: none; }
.search-modal__result-data > li > b { display: block; margin-top: 10rem; margin-bottom: -1rem; font-size: 12rem; line-height: 1.64; font-weight: 400; color: var(--color-700); }
.search-modal__result-data > li:first-child > b { margin-top: 0; }
.search-modal__result-data a { display: block; padding: 8rem 0; position: relative; font-size: 16rem; line-height: 1.5; font-weight: 400; }
.search-modal__result-data a:before { content: ''; display: block; width: -webkit-calc(100% + 16rem); width: calc(100% + 16rem); height: 100%; position: absolute; left: -8rem; top: 50%; background: var(--color-100); border-radius: 8rem; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; -webkit-transition: opacity .3s; transition: opacity .3s; }
.search-modal__result-data a span { position: relative; }
html.desktop .search-modal__result-data a:hover:before { opacity: 1; }

.search-modal__result-data > li.search-modal__empty { padding: 64rem 0 70rem; font-size: 16rem; line-height: 1.5; font-weight: 400; text-align: center; color: var(--color-700); }

/* SEARCH OPEN */
body.open-search #logo { z-index: 2; }
body.open-search-motion #main-menu a > span:after { visibility: hidden; }



/* **************************************** *
 * ERROR
 * **************************************** */
/* 404 */
body.error404 #footer { margin-top: 0; }

.error-404 { display: table; width: 100%; height: -webkit-calc(100vh - 188rem); height: calc(100vh - 188rem); position: relative; }
.error-404__inner { display: table-cell; vertical-align: middle; text-align: center; }
.error-404__inner h1 { font-size: 40rem; font-weight: 700; line-height: 1.2; }
.error-404__inner p { padding: 9rem 0 63rem; font-size: 18rem; line-height: 1.44; font-weight: 500; color: var(--color-700); }
.error-404__inner p br { display: none; }
.error-404__controller { font-size: 0; }
.error-404__controller a { display: inline-block; padding: 12rem 20rem 8rem; font-size: 18rem; line-height: 1.44; font-weight: 600; color: #FFF; background: #346AFF; border: 1rem solid #346AFF; border-radius: 4rem; -webkit-transition: background .3s, border .3s; transition: background .3s, border .3s; }
html.desktop .error-404__controller a:hover { background: #2954CC; border-color: #2954CC; }

html.ios .error-404 { max-height: -webkit-fill-available; }
html.ios .error-404__controller a { padding-top: 11rem; padding-bottom: 9rem; }

/* SUGGEST */
body.page-template-suggest #footer { margin-top: 0; }

.error-suggest { display: table; width: 100%; height: -webkit-calc(100vh - 188rem); height: calc(100vh - 188rem); position: relative; }
.error-suggest__inner { display: table-cell; vertical-align: middle; text-align: center; }
.error-suggest__inner h1 { font-size: 40rem; font-weight: 700; line-height: 1.2; }
.error-suggest__inner p { padding: 9rem 0 63rem; font-size: 18rem; line-height: 1.44; font-weight: 500; color: var(--color-700); }
.error-suggest__inner p br { display: none; }
.error-suggest__controller { font-size: 0; }
.error-suggest__btn { display: inline-block; margin-right: 16rem; padding: 12rem 15rem 8rem; font-size: 18rem; line-height: 1.44; font-weight: 600; border: 1rem solid #346AFF; border-radius: 4rem; -webkit-transition: background .3s, border .3s, color .3s; transition: background .3s, border .3s, color .3s; }
.error-suggest__btn:last-child { margin-right: 0; }
.error-suggest__btn--primary { background: #FFF; color: #346AFF; }
.error-suggest__btn--secondary { color: #FFF; background: #346AFF; }
html.desktop .error-suggest__btn--primary:hover { color: #fff; background: #2954CC; border-color: #2954CC; }
html.desktop .error-suggest__btn--secondary:hover { background: #2954CC; border-color: #2954CC; }

html.ios .error-suggest { max-height: -webkit-fill-available; }
html.ios .error-suggest__controller a { padding-top: 11rem; padding-bottom: 9rem; }



/* **************************************** *
 * BROWSER SUPPORT
 * **************************************** */
body.page-template-support #header,
body.page-template-support #footer { display: none; }
body.page-template-support .global-container,
body.page-template-support .main-container { margin: 0; padding: 0; }

.jt-browser-support { width: 100vw; height: 100vh; }
.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: 40rem; font-weight: 600; line-height: 1.2; }
.jt-browser-support p { margin-top: 16rem; font-size: 18rem; font-weight: 500; line-height: 1.44; color: var(--color-700); }

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

.jt-browser-support__link { display: inline-block; width: 618rem; padding: 12rem 11rem 8rem; font-size: 18rem; line-height: 1.44; font-weight: 500; color: #FFF; background: #346AFF; border: 1rem solid #346AFF; border-radius: 4rem; -webkit-transition: background .3s, border .3s; transition: background .3s, border .3s; }
html.desktop .jt-browser-support__link:hover { background: #2954CC; border-color: #2954CC; }

.jt-browser-support p + .jt-browser-support__link { width: auto; margin-top: 63rem; padding-left: 20rem; padding-right: 20rem; }



/* **************************************** *
 * HAS ADMIN BAR
 * **************************************** */
body.admin-bar #header { top: 32px; }