@charset "utf-8";
/*
 * File       : layout.css
 * Author     : STUDIO-JT (NICO)
 * 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) MODAL CLOSE BTN
 * 10) PRIVACY
 * 11) 404
 */



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

body {overflow-x: hidden;font-family: 'NotoSansKR','Montserrat', sans-serif;word-break: keep-all;}
body {font-size: 16rem;/*letter-spacing: -0.025em*/}
[lang="en"] {/*letter-spacing: 0.1em;*/}

a {color: #146af0;text-decoration: none;}
[lang="en"] {font-family: 'Montserrat', 'NotoSansKR', sans-serif;}

/* WRAP */
.wrap {max-width: 1312rem;margin: 0 auto;}



/* **************************************** *
 * HEADER
 * **************************************** */
#header {width: 100%;height: 80rem;position: fixed;top: 0;left: 0;background: #fff;-webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, .12);box-shadow: 0 1rem 3rem rgba(0, 0, 0, .12);-webkit-transition:  -webkit-box-shadow 400ms;transition:  -webkit-box-shadow 400ms;transition: box-shadow 400ms;transition: box-shadow 400ms, -webkit-box-shadow 400ms;z-index: 500;}
.header__inner{height: 100%;margin: 0 auto;position: relative;}

/* LOGO */
.logo {z-index: 2; -webkit-transition: top 300ms; transition: top 300ms; text-align: center; padding: 27rem 0 20rem; position: relative; font-size: 0;}
.logo a {display: inline-block;width: 155rem;height: 28rem;}
.logo a svg, .logo a img {display: block;width: 100%;height: 100%;}

/* CTA */
.header__cta-btn.jt-btn__basic {position: absolute;top: 18rem;left: 0;padding: 10rem 20rem 12rem;min-width: 160rem;z-index: 11;}
.header__cta-btn.jt-btn__basic span:after,
.header__cta-btn.jt-btn__basic[target="_blank"] span:after,
.ios .header__cta-btn.jt-btn__basic span:after{ content: "\e951"; font-size: 19rem; right: -26rem;margin-top: -10rem;  -webkit-transform: translate(-6rem,0rem); -ms-transform: translate(-6rem,0rem); transform: translate(-6rem,0rem);}
html.desktop .header__cta-btn.jt-btn__basic[target="_blank"]:hover span:after{ -webkit-transform: translate(0rem,0rem); -ms-transform: translate(0rem,0rem); transform: translate(0rem,0rem);}
html.desktop .header__cta-btn.jt-btn__basic:hover span,
html.desktop .header__cta-btn.jt-btn__basic[target="_blank"]:hover span,
html:not(.desktop) .header__cta-btn.jt-btn__basic span{-webkit-transform: translateX(-12rem);-ms-transform: translateX(-12rem);transform: translateX(-12rem);}
html:not(.desktop) .header__cta-btn.jt-btn__basic span:after,
html:not(.desktop) .header__cta-btn.jt-btn__basic[target="_blank"] span:after { -webkit-transform: translate(0rem,0rem) scale(1); transform: translate(0rem,0rem) scale(1);}
.header__cta-btn--minimize.jt-btn__basic { left: 180rem; opacity: 0; visibility: hidden; -webkit-transition: 0.3s; transition: 0.3s; z-index: 12;}
.jt-btn__basic.header__cta-btn--small{display:none}

/* TABLET BTN */
.header__tablet-login-btn{display: none;color: #00101d;position: absolute;top: 30rem;right: 86rem;font-size: 14rem;z-index: 998;}

/* MENU */
.menu-container:before,
.menu-container:after {height: 50rem;width: 50vw;position: absolute;content: "";top: 0;}
.menu-container:before { background: #146af0; right: 50%;}
.menu-container:after {background: #00aa18;left: 50%;}

.menu-container {background: #f7f7f7;display: block;width: 100%;position: relative;font-size: 0;line-height: 1;text-align: center;z-index: 1; border-bottom: 1rem solid #ddd;margin-top: 80rem;}
.menu {position: relative;z-index: 1;}
.menu:after {content: '';display: table;clear: both;}
.menu a {display: block;line-height: 1.5;-webkit-transition: color 0.3s;transition: color 0.3s;}

/*
body:not(.home) .menu ul.sub-menu,
body:not(.home) .menu:before,
body:not(.home) .menu:after{ display:none}
*/

/* 1depth */
.menu > li {display: block;position: relative;float: left;z-index: 1;}
.menu > li > a {/*padding: 11rem 32rem;*/ height: 50rem; line-height: 50rem;position: relative;font-size: 17rem;font-weight: 500;color: #fff;}
.menu > li > a > span {position: relative;}
.menu > li:last-child > a > span:after {display: none;}
html.desktop .menu > li:hover > a,
.menu > li.current-page-ancestor > a {/* color: var(--color-primary); */}
.menu > li > ul.sub-menu{-webkit-transition: opacity 0.2s;transition: opacity 0.2s;height: 270rem;}
.menu > li > ul.sub-menu:after{content:"";display:table; clear:both}

.menu__item--shoppingmall { width: 50%;}
.menu__item--hosting,
.menu__item--marketing {width: 12.5%; }
.menu__item--recommend { width: 25%;}

.menu__item--hosting > a,
.menu__item--marketing > a { background: #0056b6; }

.menu > li.menu__item--shoppingmall > ul  li.current-menu-item > a,
.menu > li.menu__item--hosting > ul  li.current-menu-item > a,
.menu > li.menu__item--marketing > ul  li.current-menu-item:not(.menu-item-type-custom) > a,
.menu > li.menu__item--recommend > ul  li.current-menu-item > a{ color: #146af0;}

.menu .menu__item--shoppingmall > a > span {padding-right: 27rem;left: 17rem;}
.menu .menu__item--recommend > a > span {padding-right: 23rem;left: 15rem;}
.menu .menu__item--shoppingmall > a > span:before,
.menu .menu__item--recommend > a > span:before{ font-family: jt-font; position: absolute; right: 0}
.menu .menu__item--shoppingmall > a > span:before {content: "\e951";font-size: 19rem;right: -2rem;top: 3rem;line-height: normal;}
.menu .menu__item--recommend > a > span:before {content: "\e954";font-size: 14rem;top: 6rem;line-height: normal;}

.small_screen_menu .menu__item--shoppingmall > a > span:before,
.small_screen_menu .menu__item--recommend > a > span:before{ display:none;}

.menu:before,
.menu:after {/* height: 271rem; */width: 100vw;/* position: absolute; */content: "";top: 50rem;}
.menu:before {/* background: #fff; *//* right: 50%; */}
.menu:after {background: #f7f7f7;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}

/* 2depth */
.menu > li:hover > ul, .menu > li.focusin > ul {/* opacity: 1; *//* visibility: visible; */}

.menu > li > ul {width: 100%;background: #fff;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border-left: 1rem solid #eee;}
.menu > li:last-child > ul {border-right: 1rem solid #eee;}
.menu > li > ul > li {display: block;text-align: center;float: left;width: 25%;height: 100%;}
.menu > li > ul > li:last-child {border-bottom: none;}
.menu > li > ul > li > a{ margin-top:17rem}

.menu > li > ul > li a {padding: 4rem 15rem 3rem;font-size: 15rem;letter-spacing: -0.01em;font-weight: 400;color: #aaa;}
.menu > li > ul > li.current-menu-item > a,
.menu > li > ul > li.current-menu-ancestor > a {color: #222;}

.menu > li > ul > li a span { position: relative;}
.menu > li > ul > li > ul > li a span:after { position: absolute; bottom: -1rem; left: 0; height: 10rem; width: 100%; background: #000; content:""; opacity: 0; transition: opacity 0.2s,transform 0.4s; transform: scaleX(0.3);}
html.desktop .menu > li > ul > li ul > li.current-menu-item a span:after, html.desktop .menu > li > ul > li ul > li:not(.current-menu-item) a:hover span:after { opacity: 0.08; transform: scaleX(1);}

.menu li.hot.menu-item a span{padding-right: 34rem;}
.menu li.hot.menu-item a span:before,
.menu-minimize > li > .sub-menu-outer > .sub-menu > li > .sub-menu > li.hot > a span:after{content: "HOT"; z-index: 1; position: absolute;top: 3rem;right: 0;color: #fff; font-size:10rem; line-height:16rem; background:#146af0; padding:0 4rem; border-radius:3rem;letter-spacing: normal;}
.menu-minimize > li > .sub-menu-outer > .sub-menu > li > .sub-menu > li.hot > a span:after{top: 5rem;}
html.ie11 .menu li.hot.menu-item a span:before{line-height:17rem}

.menu > li.menu__item--hosting  > ul,
.menu > li.menu__item--marketing  > ul,
.menu > li.menu__item--recommend  > ul {background:#f7f7f7;}

.menu > li.menu__item--hosting > ul > li,
.menu > li.menu__item--marketing > ul > li { width: 100%;}
.menu > li.menu__item--recommend > ul > li { width: 50%;}

.menu > li.menu__item--shoppingmall  > ul > li a,
.menu > li.menu__item--hosting  > ul > li a,
.menu > li.menu__item--marketing  > ul > li a,
.menu > li.menu__item--recommend  > ul > li a{ color:#666}

.menu > li.menu__item--shoppingmall > ul > li > a{ color: #146af0; font-weight:500}
.menu > li.menu__item--recommend > ul > li > a {color: #00101d;font-weight: 600;font-size: 13rem;padding-bottom: 9rem;}

.menu__item--marketing > ul > li:first-child > a,
.menu__item--hosting> ul > li:first-child > a { display: none;}
.menu__item--marketing > ul > li:first-child > ul,
.menu__item--hosting> ul > li:first-child > ul { margin-top: 20rem;}

.menu > li > ul > li { position: relative;}
.menu > li > ul > li:before { position: absolute; left: 0; top: 30rem; height: -webkit-calc(100% - 60rem); height: calc(100% - 60rem); width: 1rem; background: #f5f5f5; content: "";}
.menu > li > ul > li:first-child:before { display: none;}
.menu > li.menu__item--recommend.menu-item > ul > li:before {   background: #f2f2f2;}

/* 3depth */
.menu > li > ul.sub-menu > li > ul > li > ul > li > a { color: #888888; font-size:14rem; }

/* search */
.header__utility {position: absolute;top: 20rem;right: -8rem;z-index: 12;-webkit-transition: top 300ms;transition: top 0.3s;}
.header__utility-link {display: inline-block;vertical-align: middle;padding: 0 10rem;font-size: 14rem;color: #000;position: relative;-webkit-transition: color 0.3s;transition: color 0.3s;}
.header__utility-link:before { position: absolute; content: ""; width: 1rem; height: 12rem; top: 5rem; left: -1rem; background: #eee;}
.header__utility-link:first-child:before { display: none;}
html.desktop .header__utility-link:hover{ color:#146af0}

.header__utility-partner,
.header__utility-lang{ display:none;}
.header__utility-search {display: inline-block;width: 40rem;height: 40rem;position: relative;vertical-align: middle;margin-left: 15rem;left: 1rem;top: 1rem;}
.menu-small-header .header__utility-search{ display:none;}
.header__utility-allmenu {display: inline-block;width: 40rem;height: 40rem;position: relative;vertical-align: middle;}
.header__utility-search:after,
.header__utility-allmenu:after {display: block;width: 100%;height: 100%;position: absolute;top: 0px;left: 0;font-family: 'jt-font';font-size: 20rem;line-height: 40rem;font-weight: normal;text-align: center;color: #000;-webkit-transition: color 300ms;transition: color 300ms;}
.header__utility-search:after{content: '\e932';font-size: 22rem;}
.header__utility-allmenu:after { content: ''; background: url(../images/icon/icon-allmenu.svg) no-repeat center; background-size: 25rem auto; font-family: unset; font-size: 0; top: 0; -webkit-transition: background 0.3s; transition: background 0.3s;}
html.desktop .header__utility-search:hover:after {color: #146af0;}
html.desktop .header__utility-allmenu:hover:after{ background-image: url(../images/icon/icon-allmenu-hover.svg); }
html.ie .header__utility-allmenu:after {content: '\e949'; background: none; font-family: 'jt-font'; font-size: 20rem;-webkit-transition: color 300ms;transition: color 300ms}
html.ie.desktop .header__utility-allmenu:hover:after {background: none; color: #146af0;}

/* All menu */
.small-menu {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #f9f9f9;z-index: 888;text-align: center; display: none}
.small-menu__inner-wrap { position: relative;}

.small-menu__logo {width: 300rem;margin-top: 90rem;}
.small-menu__lang { padding: 40rem 0;}
.small-menu__lang-link { padding: 20rem 15rem; color: #222;font-weight: 500; display: inline-block; vertical-align: top;}
html.desktop .small-menu__lang-link:hover,
.small-menu__lang-link--active { color: #146af0;}
.small-menu__lang-link--active span:after {content: "";height: 3rem;background: #146af0;width: -webkit-calc(100% - 2rem);width: calc(100% - 2rem);position: absolute;top: -5rem;left: 1rem;}
.small-menu__lang-link--active span { position: relative;}
.small-menu__lang-link--cn span { position: relative; display: inline-block; vertical-align: top; font-size: 0; width: 33rem; height: 24rem; }
.small-menu__lang-link--cn span:after {content: '\e959';font-family: 'jt-font';font-size: 33rem;display: block;position: absolute;width: 100%;height: auto;top: 50%;left: 0;transform: translateY(-50%);}
.small-menu__lang-link--jp span { position: relative; display: inline-block; vertical-align: top; font-size: 0; width: 48rem; height: 24rem; }
.small-menu__lang-link--jp span:after {content: '\e95a';font-family: 'jt-font';font-size: 48rem;display: block;position: absolute;width: 100%;height: auto;top: 50%;left: 0;transform: translateY(-50%);}

.small-menu .menu > li > a { transition:color 0.3s; display: inline-block; color: #222; background: transparent; font-size: 50rem; font-weight:700; padding: 16rem 32rem; height: auto; line-height: normal;}
html.desktop .small-menu .menu > li > a:hover{ color: #146af0}
.small_screen_menu > li.menu__item--shoppingmall > ul > li > a { margin-bottom: 10rem;}
.small-menu .menu ul.sub-menu { display: none;}
.small-menu .menu:before,
.small-menu .menu:after{ display:none}
.small-menu .menu > li { float: none; width: 100%;}
.small-menu .menu__item--recommend { display: none;}
.small_screen_menu > li > ul { border-left: 0;}
.small-menu .menu > li > ul.sub-menu { opacity: 0; visibility: hidden; position: absolute; top: 0; left: auto; right: 0; width: -webkit-calc(100% - 300rem); width: calc(100% - 300rem); background: none;}
.small-menu__inner { max-width: 1080rem; margin: auto; position:relative;}
.small_screen_menu > li.menu__item--shoppingmall > ul > li > a,
.small_screen_menu .menu > li.menu__item--hosting > ul > li > a,
.small_screen_menu > li.menu__item--marketing > ul > li > a,
.small_screen_menu .menu > li.menu__item--recommend > ul > li > a { color: #aaa; font-size: 19rem; font-weight: 700;}
.small-menu > li > ul > li a { font-size: 16rem;}
.small-menu .menu > li.menu__item--hosting > ul > li,
.small-menu .menu > li.menu__item--marketing > ul > li { width: 25%;}
.small-menu .menu > li { position: static;}
.menu.small_screen_menu { position: relative;}
.open-small-submenu .small_screen_menu { height: 318rem;}
.open-small-submenu .small-menu .menu > li > a { width: 300rem; text-align: left;}
.open-small-submenu .small-menu .menu > li { display: none;}
.open-small-submenu .small-menu .menu > li.active  { display: block;}
.small-menu__back-btn {display:none;color: #222;background: transparent;font-size: 50rem;font-weight: 600;position: absolute;left: 0; top: 12rem;border:none;cursor: pointer;z-index: 11;padding-bottom: 40rem;}
.small-menu__back-btn:after { font-family: jt-font; font-size: 20rem; content: "\e952"; position: absolute; bottom: 0; left: 10rem; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
.open-small-submenu .small-menu__back-btn {display:block;}

.small-menu__footer {border: 1rem solid #ddd;border-width: 1rem 0 0 1rem;background:#fff;margin-top: 40rem;}
.small-menu__footer:after {content: "";display: table;clear: both;}
.small-menu__footer-link {display: block;float: left;width: 25%;padding: 20rem 5rem;border: 1rem solid #ddd;border-width: 0 1rem 1rem 0;font-size: 14rem;font-weight: 700;color: #222;}
.small-menu__close { position: absolute; right: 0; top: 50rem;}
.small-menu__close span{ position:relative}
.small-menu__footer-link span:before {content: "";position: absolute;width: 100%;height: 10rem;background: #222;bottom: 0;-webkit-transform: scaleX(0);-ms-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: left;-ms-transform-origin: left;transform-origin: left;-webkit-transition: -webkit-transform 0.2s;transition: -webkit-transform 0.2s;transition: transform 0.2s;transition: transform 0.2s, -webkit-transform 0.2s;opacity: 0.1;}
.small-menu__footer-link span { position: relative;}
.small-menu__footer-link:hover span:before {-webkit-transform: scaleX(1);-ms-transform: scaleX(1);transform: scaleX(1);}
.small-menu__footer-link span:after { content: "\e948"; font-family: jt-font; font-weight: normal; position: absolute; right: -15rem; top: 7rem; font-size: 10rem; -webkit-transform: translate(-8rem,4rem) scale(0.7); -ms-transform: translate(-8rem,4rem) scale(0.7); transform: translate(-8rem,4rem) scale(0.7); -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; -webkit-transition: 0.2s; transition: 0.2s; opacity: 0;}
html.desktop .small-menu__footer-link:hover span:after { -webkit-transform: translate(0rem,0rem) scale(0.7); -ms-transform: translate(0rem,0rem) scale(0.7); transform: translate(0rem,0rem) scale(0.7); opacity: 1;}

.small-menu .menu .menu__item--shoppingmall > a > span {left: auto; padding-right: 0;}

/* Etc menu */
.etc-menu-overlay { display: none; position: fixed; background: transparent; top: 0; left: 0; right: 0; bottom: 0; z-index: 887;}
.etc-menu{ display:none; position: fixed;top: 79rem;left: 50%;z-index: 888;width: 352rem;margin-left: 318rem;background: #fff;box-shadow: 0 6rem 16rem rgba(0,0,0,0.15);border-top: 1px solid #ededed;}
.show_popup .etc-menu { top: 132rem;}
.etc-menu:before,
.etc-menu:after { position: absolute; content: ''; top: -10rem; right: 16rem; border-bottom: 10rem solid #fff; border-left: 10rem solid transparent; border-right: 10rem solid transparent;}
.etc-menu:before { border-bottom-color: #ddd; top: -11rem;}
.etc-menu__main { border-bottom: 1px solid #ededed; padding: 0 22rem;}
.etc-menu__main:after { content: ""; display: table; clear: both;}
.etc-menu__link--main {float: left;display: block;font-size: 16rem;font-weight: 500; width: 33.33%;color: #00101d;text-align: center;padding: 20rem 10rem;}
html.desktop .etc-menu__link--main:hover{color:#146af0}
html.desktop .etc-menu__link--main span:before{ display:none}
.etc-menu__sub{position:relative;width:100%}
.etc-menu__sub{ content: ""; display: table; clear: both;}
.etc-menu__link--sub {font-size: 15rem; font-weight: 500; color: #00101d;display:block;padding: 15rem 10rem;text-align: center;}
.etc-menu__sub-section {width: 50%;float: left;padding: 15rem 0;}
.etc-menu__sub-section:first-child:before {content:"";width: 1px;height:calc(100% - 60rem);background: #ededed;position:absolute;left: 50%;top: 30rem;}

.etc-menu__link span:before {content: "";position: absolute;width: 100%;height: 10rem;background: #222;bottom: 0;-webkit-transform: scaleX(0);-ms-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: left;-ms-transform-origin: left;transform-origin: left;-webkit-transition: -webkit-transform 0.2s;transition: -webkit-transform 0.2s;transition: transform 0.2s;transition: transform 0.2s, -webkit-transform 0.2s;opacity: 0.1;}
.etc-menu__link span { position: relative;}
.etc-menu__link span:after { content: "\e948"; font-family: jt-font; font-weight: normal; position: absolute; right: -12rem; top: 7rem; font-size: 10rem; -webkit-transform: translate(-8rem,4rem) scale(0.7); -ms-transform: translate(-8rem,4rem) scale(0.7); transform: translate(-8rem,4rem) scale(0.7); -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; -webkit-transition: 0.2s; transition: 0.2s; opacity: 0;}
html.desktop .etc-menu__link:hover span:before {-webkit-transform: scaleX(1);-ms-transform: scaleX(1);transform: scaleX(1);}
html.desktop .etc-menu__link:hover span:after { -webkit-transform: translate(0rem,0rem) scale(0.7); -ms-transform: translate(0rem,0rem) scale(0.7); transform: translate(0rem,0rem) scale(0.7); opacity: 1;}


/* Minimize */
.sub-menu,
.menu:before,
.menu:after{-webkit-transition: opacity 0.15s, visibility 0.15s;transition: opacity 0.15s, visibility 0.15s}

.minimize .menu-container,
.minimize .sub-menu,
.minimize .menu:before,
.minimize .menu:after{opacity:0;visibility: hidden; display: none}

.logo--minimize { position: absolute; top: 0; left: 0; z-index: 15; opacity: 0; visibility: hidden; -webkit-transition: 0.3s; transition: 0.3s;background: #fff; padding-right: 20rem;}

.menu-minimize .sub-menu {display: none;}
.menu-minimize-container {position: absolute;width: 100%;top: 0;z-index: 11;opacity: 0;visibility: hidden;-webkit-transition: 0.3s;transition: 0.3s;}
.menu-minimize { font-size: 0; text-align: center;}
.menu-minimize > li { display: inline-block; width: inherit;position: relative;}
.menu-minimize > li:first-child{margin-left: 120rem;}
.menu-minimize > li > a {display: inline-block;font-size: 19rem;font-weight: 700;color: #00101d;padding: 24rem 25rem 28rem;background: #fff;position: relative;}
.menu-minimize > li.current-menu-ancestor > a { color: #146af0;}

html.desktop .menu-minimize > li > a:hover:after {content: "";width: 210%;height: 30rem;position: absolute;left: 50%;bottom: -10rem;transform: translateX(-50%);z-index: 777;}

.minimize .menu-minimize-container,
.minimize .logo--minimize,
.minimize .header__cta-btn--minimize.jt-btn__basic{opacity: 1; visibility: visible;}

.menu-minimize .sub-menu-outer {display: none;}

.menu-minimize > li > .sub-menu-outer > .sub-menu .sub-menu { display: block; opacity: 1; visibility: visible;}
.menu-minimize > li > .sub-menu-outer > .sub-menu > li  {text-align:left;padding-left: 55rem;}
.menu-minimize > li > .sub-menu-outer > .sub-menu > li > .sub-menu > li > a{color: #00101d;font-size:16rem;padding: 8rem 0;display:block;letter-spacing: -0.9rem;font-weight: 500;}
.menu-minimize > li > .sub-menu-outer > .sub-menu:after {height: 1rem;width: 100%;background: #f5f5f5;content: "";position: absolute;left: 0;top: 63rem;}
html[lang] .menu-minimize > li > .sub-menu-outer > .sub-menu > li.current-menu-parent > a {color: #146af0;}
html[lang].desktop .menu-minimize > li > .sub-menu-outer > .sub-menu > li:not(.current-menu-parent) > a{ -webkit-transition:color 0.3s; transition:color 0.3s;}
html[lang].desktop .menu-minimize > li > .sub-menu-outer > .sub-menu > li:not(.current-menu-parent) > a:hover {color: #00101d;}

.menu-minimize > li > .sub-menu-outer > .sub-menu > li > .sub-menu > li > a span{ position: relative;}
.menu-minimize > li > .sub-menu-outer > .sub-menu > li > .sub-menu > li.current-menu-item > a {  color: #146af0;}
.menu-minimize > li > .sub-menu-outer > .sub-menu > li > .sub-menu > li.current-menu-item > a span {  display: inline-block; padding-right: 5rem;}
.menu-minimize > li > .sub-menu-outer > .sub-menu > li > .sub-menu > li.hot > a span{ padding-right: 34rem}
html.desktop .menu-minimize > li > .sub-menu-outer > .sub-menu > li > .sub-menu > li > a span:before {-webkit-transition:0.3s opacity;transition:0.3s opacity;content: "\e952";font-family: jt-font;position: absolute;right: -18rem;top: 8rem;font-size: 10rem;-webkit-transform-origin: right top;-ms-transform-origin: right top;transform-origin: right top;opacity: 0;-webkit-transform: translate(0rem,0rem);-ms-transform: translate(0rem,0rem);transform: translate(0rem,0rem);color: #00101d;}
html.desktop .menu-minimize > li > .sub-menu-outer > .sub-menu > li > .sub-menu > li > a:hover span:before{opacity:1;}
/*
.menu-minimize > li > .sub-menu-outer > .sub-menu > li > .sub-menu > li a span:after {position: absolute;bottom: -1rem;left: 0;height: 10rem;width: 100%;background: #fff;content:"";opacity: 0;transition: opacity 0.2s,transform 0.4s;-webkit-transform: scaleX(0.3); transform: scaleX(0.3);}
html.desktop .menu-minimize > li > .sub-menu-outer > .sub-menu > li > .sub-menu > li:not(.current-menu-item) a:hover span:after {opacity: 0.2; -webkit-transform: scaleX(1); transform: scaleX(1);}
*/
.menu-minimize > li > .sub-menu-outer > .sub-menu .sub-menu .sub-menu > li > a {color: #888;font-size: 15rem;display: inline-block;margin: 5rem 0;position: relative;}

.menu-minimize > li > a span:before {font-family: jt-font;content: "\e93f";position: absolute;bottom: 10rem;left: 50%;transform: rotate(90deg) translateX(-5rem);font-size: 12rem;width: 12rem;margin-left: -6rem;display: block;opacity: 0;-webkit-transition: 0.2s opacity, 0.2s transform;transition: 0.2s opacity, 0.2s transform;}
html.desktop .menu-minimize > li:hover > a span:before{opacity:1;transform: rotate(90deg) translateX(0rem);}

.home .menu-minimize > li.current-menu-ancestor > a{color: #00101d;}

/* search modal open */
body.search_open #header {-webkit-transform: none !important;-ms-transform: none !important;transform: none !important;}
body.search_open .logo {z-index: 10000;}

/* adminbar */
.admin-bar #header { top: 32px;}
#wp-admin-bar-new_draft{ display:none} /* quick fix */
.admin-bar .etc-menu{ top: calc(79rem + 32px)}


/* **************************************** *
 * FOOTER
 * **************************************** */
.footer {width: 100%;padding: 0 0 90rem;position: relative;background: #222;}
.footer__inner {padding-top: 42rem;}
.footer__inner:after { display:table; clear:both; content:""}
.footer__setion-01 {float: left;}
.footer__setion-02 {float: right;width: 865rem;}

/* Menu */
.footer__menu:after {content: '';display: table;clear: both;}
.footer__menu {margin-top:-15rem;margin-bottom: 14rem;}
.footer__menu > li {float: left;}
.footer__menu > li > a {color: #888;display: block;padding: 15rem 20rem;position: relative;font-size: 15rem;font-weight: 400;letter-spacing: -0.01em;line-height: 1.35; -webkit-transition: color 300ms; transition: color 300ms;}
.footer__menu > li > a:after {content: '';display: block;width: 1rem;height: 13rem;position: absolute;right: -1rem;top: 50%;margin-top: -6rem;background: #fff;background: rgba(255, 255, 255, .15);}
.footer__menu > li.privacy > a { color: #ccc;}
.footer__menu > li:first-child > a {padding-left: 0;}
.footer__menu > li:last-child > a {padding-right: 0;}
.footer__menu > li:last-child > a:after {display: none;}
html.desktop .footer__menu > li > a:hover {color: #eee;}

/* Logo */
.footer__logo {margin-bottom: 25rem;}
.footer__logo img{ width:135rem}

/* Family */
.footer__family { position: relative;}
.footer__family-open {width: 224rem;height: 40rem;background: #363636;color: #a4a4a4;border: none;font-size: 15rem;font-weight: 500;text-align: left;cursor: pointer;padding: 0 15rem;position: relative;}
.footer__family-nav {z-index:999;-webkit-transition: 0.3s;transition:0.3s;opacity:0;visibility:hidden;position: absolute;bottom: 40rem;left: 0;width: 100%;padding: 10rem 0;background: #000;max-height: -webkit-calc(90vh - 280rem);max-height: calc(90vh - 280rem);overflow:auto;}
.footer__family-nav a {display: block;color: #888;padding: 10rem 15rem; -webkit-transition: color 0.15s; transition: color 0.15s;}
.footer__family-mobile {position: absolute;top: 0;left: 0;opacity: 0;z-index: 2;height: 100%;width: 100%;}
.footer__family-open:after {content: "\e911";font-family: jt-font;font-size: 11rem;position: absolute;right: 15rem;top: 15rem; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition:transform 0.3s, -webkit-transform 0.3s}

html:not(.mobile) .footer__family-nav a:hover { color: #fff; }
html:not(.mobile) .footer__family:hover .footer__family-nav {opacity:1; visibility:visible}
html:not(.mobile) .footer__family:hover .footer__family-open:after{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg)}

/* Info */
.footer__info {margin-bottom: 32rem;}
.footer__info p {font-size: 0;line-height: 2em;}
.footer__info p span {font-size: 14rem;color: #999;}
.footer__info p span a {font-size: 14rem;color: #ccc;}
.footer__info p span b { font-weight: 500; color: #ccc; font-size: 13rem;}
.footer__info p span {display: inline-block;padding-right: 18rem;position: relative;vertical-align: middle;line-height: 1.9;letter-spacing: -0.025em;}
.footer__info p span:after {content: '';display: block;width: 1rem;height: 12rem;position: absolute;right: 8rem;top: 50%;margin-top: -6rem;background: #fff;background: rgba(255, 255, 255, .15);}
.footer__info p span:last-child {padding-right: 0;}
.footer__info p span:last-child:after {display: none;}
.footer__info p span a {-webkit-transition: color 300ms;transition: color 300ms;}
.footer__info p span a:hover {color: #eee;}
.footer__info p span a.footer__info-verif {font-size: 13rem;margin-left: 15rem;position: relative;padding-right: 16rem;}
.footer__info p span a.footer__info-verif:after {content: "\e90a";font-family: jt-font;font-size: 15rem;position: absolute;top: -3rem;right: 0;}
.footer__info p span a[lang="en"] { font-size: 13rem;}
.footer__info p span b.footer__num a { font-size: 13rem; }
.footer__info-point { font-style: normal; color: #18c3ed;}
.footer__num { font-size: 14rem; color: #fff;}
.footer__info-address i {font-style: normal;}
.footer__info-address b{ position:relative;}
.footer__info-address b a.footer__adr span {position: relative;padding-right: 16rem;display: inline-block;vertical-align: top;font-weight: 500;color: inherit;font-size: inherit;z-index: 1;}
.footer__info-address b a.footer__adr span:after { content: '\e955'; font-family: 'jt-font'; display: inline-block; vertical-align: top; position: absolute; top: 1rem; right: 0; color: #aaa; font-size: 13rem; -webkit-transition: color 0.3s; transition: color 0.3s; z-index: -1;  width: auto; height: auto; margin-top: 0; background: none;}
html.desktop .footer__info-address b a.footer__adr:hover span:after {color: #eee;}

/* Copyright */
.copyright {font-size: 12rem;font-weight: 500;letter-spacing: 0.01em;line-height: 1.75;color: #777;margin-bottom: 30rem;}

/* Mark*/
.footer__mark{padding-top: 4px;}
.footer__mark-img-container {display: inline-block;background: #ffffff;font-size: 0;padding: 10rem 22rem;margin-right: 7rem;border-radius: 80rem;vertical-align: middle;min-width: 128rem; text-align: center;}
.footer__mark img { vertical-align: middle;}

/* Sitemap */
.footer-sitemap {background: #333;padding: 38rem 0 70rem;}
.footer-sitemap__inner{ max-width: 1312rem; margin: 0 auto;}

.footer-sitemap a {color: #999;padding: 5.6rem 0;display: block;-webkit-transition: 0.3s;transition:0.3s; width: 70%;}
html.desktop .footer-sitemap a:hover {  color: #fff;}
.footer-sitemap a span{position: relative;display: inline-block;}
.footer-sitemap a[target="_blank"] span:after {content: "\e948";font-family: jt-font;position: absolute;right: -17rem;top: 6rem;font-size: 10rem;-webkit-transform: scale(0.7);-ms-transform: scale(0.7);transform: scale(0.7);}

.footer-sitemap__menu:after {content: "";display: table;clear: both;}
.footer-sitemap__menu > li { float: left; width: 14.285714285714286%;}
.footer-sitemap__menu > li > a {margin-bottom: 10rem;color: #fff;font-size: 17rem;}
.footer-sitemap__menu > li > ul > li > ul a {font-size: 15rem; color: #777; padding: 3rem 0;}

.footer-sitemap .footer-menu__item-recommend > ul > li:first-child > a,
.footer-sitemap .footer-menu__item-recommend > ul > li.first-child > a,
.footer-sitemap .footer-menu__item--extend > ul > li:first-child > a { color: #ccc; font-size: 15rem; padding: 6rem 0;}

 .footer-sitemap .footer-sitemap__menu > li > ul .first-child,
 .footer-sitemap .footer-sitemap__menu > li > ul .first-child ~ li { display: none;}

/* Bottom CTA */
.bottom-cta { background: #6e6e6e center center; background-size: cover; color: #fff; text-align: center;}
.bottom-cta__inner { padding: 90rem 0;}
.bottom-cta__title { font-size: 37rem; font-weight: 700; margin-bottom: 20rem; letter-spacing: -0.9rem;}
.bottom-cta__actions .jt-btn__basic {margin: 0 5rem;font-size: 17rem;padding: 22rem 48rem;min-width: 210rem;}
.bottom-cta__actions .jt-btn__basic span:after,
.bottom-cta__actions .jt-btn__basic[target="_blank"] span:after { /* right: -30px; */ font-size: 13rem;}
html.desktop .bottom-cta__actions .jt-btn__basic:hover span,
html.desktop .bottom-cta__actions .jt-btn__basic[target="_blank"]:hover span { -webkit-transform: translateX(-7rem); -ms-transform: translateX(-7rem); transform: translateX(-7rem);}
html:not(.desktop) .bottom-cta__actions  .jt-btn__basic span { -webkit-transform: translateX(-7rem); -ms-transform: translateX(-7rem); transform: translateX(-7rem);}



/* **************************************** *
 * JT NOTICE BAR (FOOTER)
 * **************************************** */
.jt-notice-bar { background: #3d3d3d; border-top: 1px solid #333; border-bottom: 1px solid #2b2b2b; }
.jt-notice-bar__inner { display: block; width: 100%; font-size: 0; position: relative; }
.jt-notice-bar__title { display: inline-block; vertical-align: top; color: #ddd; font-size: 17rem; font-weight: 500; letter-spacing: -0.01em; position: absolute; top: 18rem; padding-right: 42rem; width: 104rem; z-index: 2; }
.jt-notice-bar__title:after { content: ''; display: block; width: 2px; height: 12rem; background: #4c4c4c; position: absolute; top: 8rem; right: 19rem; }
.jt-notice-bar__content {display: block;vertical-align: top;padding-left: 104rem;padding-right: 200rem;}
.jt-notice-bar__content-item {background: #3d3d3d;width: 100%;}
.jt-notice-bar__content-link {display: inline-block;width: 100%;display: block;font-size: 16rem;font-weight: 300;color: #fff;letter-spacing: -0.025em;padding: 18rem 0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;transition: color 0.3s;}
.jt-notice-bar__content-txt {display: block;font-size: 16rem;font-weight: 300;color: #fff;letter-spacing: -0.025em;padding: 18rem 0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;transition: color 0.3s;}
html .jt-notice-bar__content-link:hover {color: #eee;}
html .jt-notice-bar__content-link:hover .jt-notice-bar__content-txt {color: #eee;}
.jt-notice-bar__link-total {display: inline-block;vertical-align: top;padding: 6rem 0;padding-right: 20rem;font-size: 15rem;font-weight: 500;color: #ddd;position: absolute;top: 14rem;right: 0;transition: color 0.3s;z-index: 2;}
.jt-notice-bar__link-total:after { content: '\e947'; font-family: 'jt-font'; font-size: 11rem; position: absolute; top: 12rem; right: 0; color: #fff;}
html.desktop .jt-notice-bar__link-total:hover {color: #fff;}

.jt-notice-bar__control {position: absolute;top: 24rem;right: 95rem;z-index: 2;display: block;}
.jt-notice-bar__control .jt-notice-bar__arrow {display: none;}
.jt-notice-bar__control .swiper-pagination {position: static;display: inline-block;vertical-align: middle;}
.jt-notice-bar__control .swiper-pagination-wrap {display: inline-block;vertical-align: top;position: relative;}
.jt-notice-bar__control .swiper-pagination-bullet {width: 14rem;height: 14rem;padding: 0;position: relative;background: transparent;opacity: 1;margin: 0 5rem;vertical-align: top; line-height: 14rem;}
.use_mouse .jt-notice-bar__control .swiper-pagination-bullet {outline: none;}
.jt-notice-bar__control .swiper-pagination-bullet > i {display: inline-block; vertical-align: middle;width: 6rem; height: 6rem; border: 1px solid #fff; border-radius: 50%;font-style: normal;}
.jt-notice-bar__control .swiper-pagination-bullet-active > i {background: #fff;}

.jt-notice-bar__control .swiper_play_state {display: inline-block;vertical-align: middle;width: 16rem;height: 16rem;position: relative;margin-left: 4rem;}
.jt-notice-bar__control .swiper_play_state_btn {display: block;width: 100%;height: 100%;margin: 0;padding: 0;position: absolute;top: 0;left: 0;background: transparent;border: none;cursor: pointer;opacity: 0;visibility: hidden;-webkit-transition: opacity 300ms;transition: opacity 300ms;color: #fff;}
.jt-notice-bar__control .swiper_play_state_btn:after {display: block;font-family: 'jt-font';font-size: 16rem;font-weight: normal;text-align: center;line-height: 16rem;}
.jt-notice-bar__control .swiper_state_play:after {content: '\e91a';}
.jt-notice-bar__control .swiper_state_pause:after {content: '\e94d';}
.jt-notice-bar__control .swiper_play_state.play .swiper_state_pause {opacity: 1; visibility: visible;}
.jt-notice-bar__control .swiper_play_state.pause .swiper_state_play {opacity: 1; visibility: visible;}



/* **************************************** *
 * SCROLL TOP
 * **************************************** */
.go-top {display: block;border: none;width: 60rem;height: 60rem;position: absolute;top: 310rem;right: 40rem;cursor: pointer;background: #222;-webkit-transition: opacity 0.3s, background 0.3s;transition: opacity 0.3s, background 0.3s;z-index: 99;font-size: 14rem;color: #fff;text-align: center;padding-top: 16rem;}
.go-top:after {display: block;width: 100%;height: 100%;position: absolute;top: -10px;left: 0;font-family: 'jt-font';content: '\e947';font-size: 14rem;line-height: 59rem;font-weight: normal;text-align: center;color: #fff;-webkit-transition: color 300ms;transition: color 300ms;-webkit-transform: rotate(-90deg) scale(0.7);-ms-transform: rotate(-90deg) scale(0.7);transform: rotate(-90deg) scale(0.7);-webkit-transform-origin: center;-ms-transform-origin: center;transform-origin: center;}
html.desktop .go-top:hover {background: #146af0;}

.go-top.go-top--fix {position: fixed;top: inherit;bottom: 20rem;}
.go-top.go-top--hide {opacity: 0;z-index: -1;}



/* **************************************** *
 * PAGE
 * **************************************** */
/* PAGE HEADER */
.article_header {padding: 58rem 0 44rem;}
.article_title {font-size: 42rem;font-weight: 700;line-height: 1.25;letter-spacing: -0.025em;}

/* PAGE BODY */
.article_body {position: relative;min-height: 360rem;}



/* **************************************** *
 * SEARCH
 * **************************************** */
/* popup */
.search-modal {display: none;width: 100%;height: 100%;max-height: 402rem;position: fixed;top: 0;left: 0;background: #146af0;z-index: 1100;overflow: hidden;}
.search-modal__inner {width: 100%;height: 100%;padding-top: 147rem;position: relative;}

.search-modal__form {margin: auto;display: block;position: relative;max-width: 1088rem;}

.search-modal__logo{position: absolute;top: 27rem;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}

.search-modal__field {display: block;width: 100%;height: 80rem;line-height: normal;margin: 0;padding: 0 108rem 0 0;position: relative;font-size: 17rem;font-weight: bold;letter-spacing: -0.025em;color: #666;text-overflow: ellipsis;background: #fff;outline: none;border: none;text-indent: 40rem;border-bottom: 0.3rem solid rgba(255, 255, 255, .3);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;}
html.ios .search-modal__field {padding-top: 2rem;}

.search-modal__label { cursor: text; position: absolute;top: 0;left: 40rem;font-size: 17rem;line-height: 80rem;font-weight: 500;letter-spacing: -0.025rem;color: #999;-webkit-transition: opacity 260ms;transition: opacity 260ms;z-index: 1;}

.search-modal__submit {width: 108rem;height: 100%;margin: 0;padding: 0;position: absolute;right: 0;top: 0;background: none;border: none;cursor: pointer;}
.search-modal__submit:after {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;font-family: 'jt-font';content: '\e932';font-size: 25rem;line-height: 82rem;font-weight: normal;text-align: center;color: #146af0;}

.search-modal__form--focusin .search-modal__field {border-bottom-color: #fff;}
.search-modal__form--active .search-modal__label { opacity: 0; }

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

.search-modal__keyword { text-align: center;}
.search-modal__keyword > b {display: block;padding-bottom: 23rem;font-size: 20rem;letter-spacing: -0.025em;font-weight: 600;color: #fff;opacity: 0.4;}
.search-modal__keyword li {display: inline-block;font-size: 0;}
.search-modal__keyword li a {display: inline-block;padding: 5rem 20rem;position: relative;font-size: 18rem;font-weight: 500;line-height: 1.55;letter-spacing: -0.025em;color: #fff;}
.search-modal__keyword li a:after {-webkit-transition: opacity 0.3s;transition: opacity 0.3s;display: block;position: absolute;right: -4rem;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);color: #fff;content:"/";z-index: 1111;font-size: 12rem;opacity: 0.15;}
.search-modal__keyword li:last-child a:after {display: none;}
.search-modal__keyword li a span {position: relative; display: block;}
.search-modal__keyword li a span:before {position: absolute; left: 0; bottom: -2rem; font-size: 10rem; opacity: 1; content: ""; width: 100%; background: #fff; height: 1px; transform: scaleX(0); -webkit-transform-origin: left; transform-origin: left; -webkit-transition: 0.2s; transition: 0.2s;}
html.desktop .search-modal__keyword li:last-child a:after {display:none}
html.desktop .search-modal__keyword li a:hover span:before {transform: scaleX(1);}

.search-modal__autocomplete {display: none;margin-top: -8rem;}
.search-modal__autocomplete li {display: block;font-size: 0;}
.search-modal__autocomplete li p, .search-modal__autocomplete li a {display: inline-block;padding: 8rem 61rem 8rem 0;position: relative;font-size: 20rem;font-weight: 500;line-height: 1.55;letter-spacing: -0.025em;color: #a9afdc;}
.search-modal__autocomplete li p, html.mobile .search-modal__autocomplete li a {padding-right: 0;}
.search-modal__autocomplete li a br {display: none;}
.search-modal__autocomplete li a span {color: #fff;}
.search-modal__autocomplete li a:after {display: block;position: absolute;right: 15rem;top: 50%;margin-top: -17rem;font-family: 'jt-font';content: '\e914';font-size: 34rem;font-weight: normal;line-height: 1;color: #fff;opacity: 0;-webkit-transition: opacity 400ms, right 400ms;transition: opacity 400ms, right 400ms;-webkit-transition-delay: 0ms, 400ms;transition-delay: 0ms, 400ms;}
html.desktop .search-modal__autocomplete li a:hover:after {right: 0;opacity: 1;-webkit-transition-delay: 0ms, 0ms;transition-delay: 0ms, 0ms;}

.search__suggestion-item-outer{ display:block;}
.search__suggestion-item { display: inline-block; padding: 5rem 0; position: relative; font-size: 24rem; font-weight: 500; line-height: 1.55; letter-spacing: -0.025em; color: #ffffff; color: rgba(255, 255, 255, .5);}
.search__suggestion-item:hover,
.search__suggestion-item--highlight{color: #fff;}

.search-modal-overlay {display: none; position: fixed; background: #000; top: 0; left: 0; right: 0; bottom: 0; z-index: 500; }

/* result page */
.search-result__form-wrap { padding: 63rem 40rem 0; }
.search-result__form { max-width: 790rem; margin:  auto; position: relative; }
.search-result__label { cursor: text; position: absolute; top: 0; font-size: 16rem; line-height: 52rem; left: 30rem; letter-spacing: -0.025em; color: #bbb; opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }
.search-result__field {width: 100%;height: 54rem;padding: 0 32rem 0 30rem;font-size: 17rem;font-weight: bold;background: transparent;border: 0;border-bottom: 2px solid #00101d;border-radius: 0;line-height: 46rem;letter-spacing: -0.025em;outline: none;-webkit-appearance: none;}
.search-result__submit { border: 0; background: none; position: absolute; top: 0; left: 0; width:  22rem; height: 54rem; line-height:  54rem; cursor:  pointer; border-radius: 0; border: 0; padding: 0; margin: 0; }
.search-result__submit:after {content: '\e932';font-family: 'jt-font';font-size: 22rem;color: #000;}
.search-result__clear { position: absolute; top: 0; right: 0; line-height: 54rem; width: 20rem; height: 100%; padding: 0; margin: 0; border: 0; background: none; cursor: pointer; opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }
.search-result__clear:after {content: '\e95d';font-family: 'jt-font';font-size: 20rem;color: #b2b2b2;}
.search-result__form.focus .search-result__label {opacity: 0; visibility: hidden;}
.search-result__form.active .search-result__label {opacity: 0; visibility: hidden;}
.search-result__form.active .search-result__clear {opacity: 1; visibility: visible;}

.search-result__info {margin-bottom: 50rem;padding-top: 70rem;font-size: 28rem;color: #222;font-weight: 500;letter-spacing: -0.025em;}
.search-result__info-text,
.search-result__info-count{color: #146af0;font-weight: 700;}
.search-result__info-text:before,
.search-result__info-text:after {width: 14rem;height: 10rem;background: url(../images/layout/quote-search.svg) no-repeat center center;background-size: contain;content: "";display: inline-block;position: absolute;top: 10rem;}
.search-result__info-text:after {right: 0;-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
.search-result__info-text:before {left: 0;}
.search-result__info-text{position: relative;display: inline-block;font-size: 28rem;padding: 0 22rem;line-height: 50rem;margin-right: 10rem;}
.search-result__info-text i { font-style: normal; position: relative; display: inline-block;}
.search-result__info-text i:before {content: "";background: #ededed;position: absolute;width: 100%;height: 20rem;display: block;bottom: 0;left: 0;z-index: -1;}

.search_result_list {margin-bottom: -2%;}
.search_result_list:after {content: '';display: table;clear: both;}
.search_result_list > li {float: left;width: 23.5%;height: 330rem;margin-right: 2%;margin-bottom: 2%;background: #fff;border: 1rem solid #ddd;}
.search_result_list > li:nth-child(4n) {margin-right: 0;}
.search_result_list > li:nth-child(4n+1) {clear: both;}
.search_result_list > li > a {display: block;width: 100%;height: 100%;padding: 34rem 29rem;position: relative;}
.search_result_list > li > a:after {content: '';display: block;position: absolute;top: -1rem;bottom: -1rem;left: -1rem;right: -1rem;-webkit-box-shadow: inset 0 0 0 0rem #146af0;box-shadow: inset 0 0 0 0rem #146af0;opacity: 0;-webkit-transition: 0.3s;transition: 0.3s;z-index: 222;}
.search_result_list > li > a:before { display: block; position: absolute; bottom: 45rem; left: 0; z-index: 222; content: "\e952"; font-family: jt-font; font-size: 16rem; -webkit-transform: translateX(-14rem); -ms-transform: translateX(-14rem); transform: translateX(-14rem); -webkit-transition: 0.2s; transition: 0.2s; opacity: 0; color: #146af0; width: 100%; text-align: center;}
html.desktop .search_result_list > li > a:hover:before { -webkit-transform: translateX(0rem); -ms-transform: translateX(0rem); transform: translateX(0rem);   opacity:1}
html.desktop .search_result_list > li > a:hover:after {opacity: 1;-webkit-box-shadow: inset 0 0 0 8rem #146af0;box-shadow: inset 0 0 0 8rem #146af0;}
.search_result_data {width: 100%;height: 100%;position: relative;}
.search_result_data .search_tax {display: block;margin-bottom: 21rem;font-size: 17rem;line-height: 1.2;font-weight: 700;color: #146af0;}
.search_result_data .search_title {font-size: 21rem;font-weight: 700;line-height: 1.42;color: #00101d;max-height: 2.84em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.search_result_data .search_desc {margin-top: 18rem;font-size: 16rem;line-height: 1.75;color: #666;max-height: 5.5em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.search_result_data .search_date {display: block;position: absolute;left: 0;bottom: 0;font-size: 16rem;line-height: 1.2;font-weight: 400;color: #666;}

.search_nodata {padding: 100rem 20rem 203rem;text-align: center;}
.search_nodata p {margin-top: 12rem;font-size: 28rem;letter-spacing: -0.025em;font-weight: 500;line-height: 1.75;color: #00101d;}
.search_nodata p span {display: inline-block;padding: 0 22rem;position: relative;font-weight: 600;color: #146af0;}
.search_nodata p span:before, .search_nodata p span:after {width: 14rem;height: 10rem;background: url(../images/layout/quote-search.svg) no-repeat center center;background-size: contain;content: "";display: inline-block;position: absolute;top: 10rem;}
.search_nodata p span:after {right: 0;-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
.search_nodata p span:before {left: 0;}
.search_nodata p span i { font-style: normal; position: relative; display: inline-block;}
.search_nodata p span i:before {content: "";background: #ededed;position: absolute;width: 100%;height: 20rem;display: block;bottom: 0;left: 0;z-index: -1;}



/* **************************************** *
 * MODAL CLOSE BTN
 * **************************************** */
.search-modal__close,
.small-menu__close {height: 49rem;margin: 0;padding: 0;position: absolute;top: 20rem;right:0;background: transparent;border: none;cursor: pointer;z-index: 1;color: #fff;text-align: right;}
.search-modal__close:after,
.small-menu__close:after {position: relative; display: inline-block;font-family: 'jt-font';content: '\e953';font-size: 18rem;font-weight: normal;text-align: center;line-height: 49rem;;vertical-align: middle;margin-left: 20rem;-webkit-transition: 1s -webkit-transform cubic-bezier(.075,.82,.165,1); transition: 1s -webkit-transform cubic-bezier(.075,.82,.165,1); transition: 1s transform cubic-bezier(.075,.82,.165,1); transition: 1s transform cubic-bezier(.075,.82,.165,1), 1s -webkit-transform cubic-bezier(.075,.82,.165,1);}
.small-menu__close{ color:#222; top: 15rem; }
.search-modal__close-txt{position:relative}

html.desktop .search-modal__close:hover:after,
html.desktop .small-menu__close:hover:after {-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}



/* **************************************** *
 * PRIVACY
 * **************************************** */
/* container */
.article--privacy {padding-bottom: 105rem;}
.article--privacy .article_header {padding-top: 100rem;}

/* element */
.privacy-item {margin-bottom: 47rem;}
.privacy-item:last-child {margin-bottom: 0;}
.privacy-item > *:last-child {margin-bottom: 0;}
.privacy-item a {color: #666;border-bottom: 1px solid #666;-webkit-transition: all .3s;transition: all .3s;}
html.desktop .privacy-item a:hover {color: #146af0;border-bottom-color: #146af0;}
.privacy-item em {color: #146af0;}
.privacy-item strong {font-weight: 600;}
.privacy-item h1 {display: block;margin-bottom: 4rem;font-size: 24rem;line-height: 1.4;font-weight: 600;color: #222;}
.privacy-item h2,
.privacy-item .privacy-h2{display: block;padding-bottom: 18rem;margin-bottom: 18rem;font-size: 18rem;line-height: 1.66;font-weight: 600;color: #222;border-bottom: 1rem solid #ddd;}
.privacy-item p {margin-bottom: 24rem;font-size: 16rem;line-height: 1.75;color: #666;}
.privacy-item h1:not(.privacy-h2) + p {font-size: 13rem;color: #888;}
.privacy-item b {display: block;margin-bottom: 4rem;font-size: 16rem;line-height: 1.75;font-weight: 400;color: #222;}
.privacy-item li {margin-bottom: 4rem;position: relative;font-size: 16rem;font-weight: 400;line-height: 1.75;color: #666;}
.privacy-item li:last-child {margin-bottom: 0;}
.privacy-item li > ol, .privacy-item li > ul {margin-top: 4rem;margin-bottom: 12rem;}

/* ul */
.privacy-item ul > li {padding-left: 14rem;}
.privacy-item ul > li:before {content: '';display: block;width: 4rem;height: 4rem;position: absolute;left: 0;top: 12rem;background: #146af0;border-radius: 50%;}

/* ol */
.privacy-item ol {counter-reset: item;}
.privacy-item ol > li:before {counter-increment: item;position: absolute;top: 0;left: 0;font-size: 16rem;font-weight: 400;line-height: 1.75;color: #666;}
.privacy-item ol.privacy-item__list--import > li:before {color: #146af0;}
.privacy-item ol.privacy-item__list--bold > li:before {font-weight: 600;}
.privacy-item ol.privacy-item__list--point > li:before {color: #222;}

.privacy-item ol.privacy-item__list--basic > li {padding-left: 17rem;}
.privacy-item ol.privacy-item__list--basic > li:nth-child(n+10) {padding-left: 27rem;}
.privacy-item ol.privacy-item__list--basic > li:before {content: counter(item)'.';}

.privacy-item ol.privacy-item__list--bracket > li {padding-left: 24rem;}
.privacy-item ol.privacy-item__list--bracket > li:before {content: '('counter(item)')';}

.privacy-item ol.privacy-item__list--half > li {padding-left: 20rem;}
.privacy-item ol.privacy-item__list--half > li:before {content: counter(item)')';}

.privacy-item ol.privacy-item__list--circle > li {padding-left: 20rem;}
.privacy-item ol.privacy-item__list--circle > li:nth-child(1):before {content: '①';}
.privacy-item ol.privacy-item__list--circle > li:nth-child(2):before {content: '②';}
.privacy-item ol.privacy-item__list--circle > li:nth-child(3):before {content: '③';}
.privacy-item ol.privacy-item__list--circle > li:nth-child(4):before {content: '④';}
.privacy-item ol.privacy-item__list--circle > li:nth-child(5):before {content: '⑤';}
.privacy-item ol.privacy-item__list--circle > li:nth-child(6):before {content: '⑥';}
.privacy-item ol.privacy-item__list--circle > li:nth-child(7):before {content: '⑦';}
.privacy-item ol.privacy-item__list--circle > li:nth-child(8):before {content: '⑧';}
.privacy-item ol.privacy-item__list--circle > li:nth-child(9):before {content: '⑨';}
.privacy-item ol.privacy-item__list--circle > li:nth-child(10):before {content: '⑩';}
.privacy-item ol.privacy-item__list--circle > li:nth-child(11):before {content: '⑪';}
.privacy-item ol.privacy-item__list--circle > li:nth-child(12):before {content: '⑫';}
.privacy-item ol.privacy-item__list--circle > li:nth-child(13):before {content: '⑬';}
.privacy-item ol.privacy-item__list--circle > li:nth-child(14):before {content: '⑭';}
.privacy-item ol.privacy-item__list--circle > li:nth-child(15):before {content: '⑮';}

.privacy-item ol.privacy-item__list--char > li {padding-left: 23rem;}
.privacy-item ol.privacy-item__list--char > li:nth-child(1):before {content: '가.';}
.privacy-item ol.privacy-item__list--char > li:nth-child(2):before {content: '나.';}
.privacy-item ol.privacy-item__list--char > li:nth-child(3):before {content: '다.';}
.privacy-item ol.privacy-item__list--char > li:nth-child(4):before {content: '라.';}
.privacy-item ol.privacy-item__list--char > li:nth-child(5):before {content: '마.';}
.privacy-item ol.privacy-item__list--char > li:nth-child(6):before {content: '바.';}
.privacy-item ol.privacy-item__list--char > li:nth-child(7):before {content: '사.';}
.privacy-item ol.privacy-item__list--char > li:nth-child(8):before {content: '아.';}
.privacy-item ol.privacy-item__list--char > li:nth-child(9):before {content: '자.';}
.privacy-item ol.privacy-item__list--char > li:nth-child(10):before {content: '차.';}
.privacy-item ol.privacy-item__list--char > li:nth-child(11):before {content: '카.';}
.privacy-item ol.privacy-item__list--char > li:nth-child(12):before {content: '타.';}
.privacy-item ol.privacy-item__list--char > li:nth-child(13):before {content: '파.';}
.privacy-item ol.privacy-item__list--char > li:nth-child(14):before {content: '하.';}

.privacy-item ul.privacy-item__list--broad > li, .privacy-item ol.privacy-item__list--broad > li {margin-bottom: 24rem;}

/* table */
.privacy-item__table {margin-bottom: 24rem;}
.privacy-item table {width: 100%;border-top: 2rem solid #146af0;}
.privacy-item table caption {width: 1px;height: 1px;position: absolute;top: 0;left: 0;font-size: 0;line-height: 0;overflow: hidden;}
.privacy-item table th, .privacy-item table td {padding: 15rem 24rem;vertical-align: middle;position: relative;font-size: 15rem;line-height: 1.75;word-break: break-all;border-bottom: 1px solid #ddd;}
.privacy-item table th {font-weight: 600;text-align: center;color: #222;background: #f8f8f8;}
.privacy-item table th:before {content: '';display: block;width: 1rem;height: 17rem;position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);background: #ddd;}
.privacy-item table th:first-child:before {display: none;}
.privacy-item table td {color: #666;border-left: 1px solid #ddd;}
.privacy-item table td:first-child {border-left: none;}
.privacy-item table.privacy-item__table--col1 td {width: 100%;}
.privacy-item table.privacy-item__table--col2 td {width: 50%;}
.privacy-item table.privacy-item__table--col3 td {width: 33.33%;}
.privacy-item table.privacy-item__table--col4 td {width: 25%;}
.privacy-item table.privacy-item__table--col5 td {width: 20%;}

.page-template-privacy-services .privacy-item table.privacy-item__table--col3 th:first-child,
.page-template-privacy-services .privacy-item table.privacy-item__table--col3 td:first-child {border-left: 1px solid #ddd;} /* rowspan fix*/
.page-template-privacy-services .privacy-item table.privacy-item__table--col3 td { width: 25%;}
.page-template-privacy-services .privacy-item table.privacy-item__table--col3 th:last-child,
.page-template-privacy-services .privacy-item table.privacy-item__table--col3 td:last-child { width: 50%; border-right: 1px solid #ddd;}
.page-template-privacy-services .privacy-item table.privacy-item__table--col3 th, 
.page-template-privacy-services .privacy-item table.privacy-item__table--col3 td{font-size: 11rem; word-break: keep-all;}
.page-template-privacy-services .privacy-item table.privacy-item__table--col3 td[rowspan] { border-left: 1px solid #ddd;}

/* intro */
.privacy-item.privacy-item--intro {margin-bottom: 50rem;padding: 32rem 38rem;background: #fff;border: 1px solid #ddd;}
.privacy-item.privacy-item--intro h2 {padding-bottom: 0;border-bottom: none;}

/* MAGNIFIC POPUP */
.privacy-popup .mfp-container {padding: 0;}
.privacy-popup .mfp-content {padding: 120rem 0;background: #fff;}
.privacy-popup button.mfp-close {position: fixed;top: 30rem;right: 50rem;}
.privacy-popup button.mfp-close:after {color: #222;}
.privacy-popup button.mfp-close:active {top: 30rem;}

.privacy-store-popup .privacy-item {margin-bottom: 0;}
.privacy-store-popup .privacy-item h2 {padding-bottom: 0;border-bottom: none;}

/* WINDOW POPUP */
html.jt-popup-page {font-size: 0.1vw;}

#popup-header {padding: 30rem 40rem;position: relative;border-bottom: 1px solid #ddd;}
.popup-logo {max-width: 120rem;}
.popup-logo img {display: block;max-width: 100%;height: auto;}
.popup-print {position: absolute;right: 40rem;top: 50%;padding: 11rem 24rem;font-size: 14rem;line-height: 1;text-align: center;font-weight: 400;letter-spacing: -0.025em;color: #fff;background: #146af0;border: 2rem solid #146af0;border-radius: 100rem;-webkit-transition: all .3s;transition: all .3s;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);z-index: 2;}
html.ios .popup-print {padding-top: 13rem;padding-bottom: 10rem;}

.popup-main-container {padding: 40rem;}



/* **************************************** *
 * 404
 * **************************************** */
.error404 .main-container {padding-bottom: 0;}
.error404 .go-top {display: none;}

.error_404 {position: relative; height: -webkit-calc(100vh - 401rem * 1); height: calc(100vh - 401rem * 1); padding: 0; display: table; width: 100%; min-height: 540rem; -webkit-transition: height 0.1s; transition: height 0.1s;}
.error_404_container {position: relative;text-align: center; display: table-cell; vertical-align: middle; padding-bottom: 18rem;}
.error_404_container h1 {font-size: 72rem; font-family: 'Montserrat', 'NotoSansKR', sans-serif; font-weight: 700; letter-spacing: -0.025em; line-height: 1.2; color: #00101d;}
.error_404_container h1 span {color: #1289e3;}
.error_404_container p { font-size: 18rem; font-weight: 500; color: #888888; line-height: 1.73; letter-spacing: -0.025em; padding-top: 5rem; padding-bottom: 46rem; }
.error_404_button_wrap {font-size: 0;}




/* **************************************** *
 * LOGIN
 * **************************************** */
.login-popup {position: fixed; width: 100%; height: 100%; z-index: 400; background: #eee; padding-top: 80rem; display: none;}
.login-popup__inner { width: 100%; height: 100%; padding-top: 56rem; position: relative; }

.login-popup__close { width: 78rem; height: 78rem; background: none; border: 1rem solid #000000; border: 1rem solid rgba(0, 0, 0, .3); border-radius: 50%; position: absolute; top: 33rem; right: -94rem; padding: 0; margin: 0; cursor: pointer; }
.login-popup__close:after {content: '\e953'; font-family: 'jt-font'; font-size: 18rem; position: absolute; top: 50%; left: 50%; width: 18rem; height: 18rem; margin-top: -8rem; margin-left: -8rem; color: #00101d;}

.login-popup__title { font-size: 22rem; font-weight: 600; color: #00101d; text-align: center; line-height: 1.18; }
.login-popup__title--point { position: relative; display: inline-block; }
.login-popup__title--point:after {content: '';display: block;width: 100%;height: 14rem;position: absolute;bottom: -5rem;left: 0;background: #cae5ff;z-index: -1;}

.login-popup__service { margin-top: 50rem; font-size: 0; }
.login-popup__service-item { display: inline-block; width: -webkit-calc(50% - 16rem); width: calc(50% - 16rem); margin-left: 32rem; font-size: 0; background: #ffffff; }
.login-popup__service-item:first-child { margin-left: 0; }
.login-popup__service-img-wrap { display: inline-block; width: 50%; vertical-align: middle; background: #ddd; }
.login-popup__service-img { vertical-align: top; width: 100%; }
.login-popup__service-content { display: inline-block; width: 50%; text-align: center; vertical-align: middle; }
.login-popup__service-title { font-size: 25rem; font-weight: 600; line-height: 1; color: #00101d; }
.login-popup__service-desc { font-size: 16rem; font-weight: 400; color: #888888; line-height: 1.63; margin-top: 16rem; }
.login-popup__service-btn { margin-top: 36rem; }

.login-popup__quick-list { margin-top: 40rem; font-size: 0; }
.login-popup__quick-item { display: inline-block; margin-left: 32rem; width: -webkit-calc(16.66% - 26.66rem); width: calc(16.66% - 26.66rem); }
.login-popup__quick-item:first-child { margin-left: 0; }
.login-popup__quick-item:nth-child(6n + 1) { margin-left: 0; }
.login-popup__quick-link { display: block; }
.login-popup__quick-img-wrap {background: #ddd;}
.login-popup__quick-img { vertical-align: top; width: 100%; }
.login-popup__quick-content { background: #ffffff; padding: 26rem 20rem 28rem; text-align: center; }
.login-popup__quick-txt { font-size: 17rem; font-weight: 600; color: #00101d; text-align: center; line-height: 1.53; position: relative; display: inline-block; -webkit-transition: 0.2s; transition: 0.2s;}
.login-popup__quick-txt:after {content: '\e948'; display: block; font-family: 'jt-font'; font-size: 10rem; position: absolute; top: 6rem; right: 0; color: #00101d; -webkit-transform: translate(5rem, 4rem) scale(0.8); -ms-transform: translate(5rem, 4rem) scale(0.8); transform: translate(5rem, 4rem) scale(0.8); -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; opacity: 0; -webkit-transition: 0.2s; transition: 0.2s;}
.login-popup__quick-link:hover .login-popup__quick-txt { padding-right: 17rem; }
.login-popup__quick-link:hover .login-popup__quick-txt:after { -webkit-transform: translate(0rem,0rem) scale(0.7); -ms-transform: translate(0rem,0rem) scale(0.7); transform: translate(0rem,0rem) scale(0.7); opacity: 1; }

.login-popup__util { position: absolute; bottom: 45rem; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); font-size: 0; }
.login-popup__util-item { display: inline-block; vertical-align: top; margin-left: 25rem; }
.login-popup__util-item:first-child { margin-left: 0; }
.login-popup__util-link { position: relative; display: block; font-size: 15rem; font-weight: 500; color: #00101d; padding: 5rem; padding-right: 17rem; }
.login-popup__util-link--login { color: #146af0; }
.login-popup__util-link:after {content: '\e913'; font-family: 'jt-font'; font-size: 16rem; position: absolute; top: 50%; right: -4rem; margin-top: -8rem; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); color: #00101d;}

/* PAGE */
.article--login .article_header {display: none;}
/*
.login__title { font-size: 22rem; font-weight: 600; color: #00101d; text-align: center; line-height: 1.18; }
.login__title--point {position: relative;display: inline-block;z-index: 1;}
.login__title--point:after {content: '';display: block;width: 100%;height: 14rem;position: absolute;bottom: -5rem;left: 0;background: #cae5ff;z-index: -1;}

.login__service { margin-top: 50rem; font-size: 0; }
.login__service-item { display: inline-block; width: -webkit-calc(50% - 16rem); width: calc(50% - 16rem); margin-left: 32rem; font-size: 0; background: #ffffff; }
.login__service-item:first-child { margin-left: 0; }
.login__service-img-wrap { display: inline-block; width: 50%; vertical-align: middle; background: #ddd; }
.login__service-img { vertical-align: top; width: 100%; }
.login__service-content { display: inline-block; width: 50%; text-align: center; vertical-align: middle; }
.login__service-title { font-size: 25rem; font-weight: 600; line-height: 1; color: #00101d; }
.login__service-desc { font-size: 16rem; font-weight: 400; color: #888888; line-height: 1.63; margin-top: 16rem; }
.login__service-btn { margin-top: 36rem; }

.login__quick-list { margin-top: 40rem; font-size: 0; }
.login__quick-item { display: inline-block; margin-left: 32rem; width: -webkit-calc(16.66% - 26.66rem); width: calc(16.66% - 26.66rem); }
.login__quick-item:first-child { margin-left: 0; }
.login__quick-item:nth-child(6n + 1) { margin-left: 0; }
.login__quick-link { display: block; }
.login__quick-img-wrap {background: #ddd;}
.login__quick-img { vertical-align: top; width: 100%; }
.login__quick-content { background: #ffffff; padding: 26rem 20rem 28rem; text-align: center; }
.login__quick-txt { font-size: 17rem; font-weight: 600; color: #00101d; text-align: center; line-height: 1.53; position: relative; display: inline-block; -webkit-transition: 0.2s; transition: 0.2s;}
.login__quick-txt:after {content: '\e948';display: block;font-family: 'jt-font';font-size: 10rem;font-weight: normal;position: absolute;top: 6rem;right: 0;color: #00101d;-webkit-transform: translate(5rem, 4rem) scale(0.8);-ms-transform: translate(5rem, 4rem) scale(0.8);transform: translate(5rem, 4rem) scale(0.8);-webkit-transform-origin: right top;-ms-transform-origin: right top;transform-origin: right top;opacity: 0;-webkit-transition: 0.2s;transition: 0.2s;}
.login__quick-link:hover .login__quick-txt { padding-right: 17rem; }
.login__quick-link:hover .login__quick-txt:after { -webkit-transform: translate(0rem,0rem) scale(0.7); -ms-transform: translate(0rem,0rem) scale(0.7); transform: translate(0rem,0rem) scale(0.7); opacity: 1; }
*/


/* **************************************** *
 * POPUP (STRAP)
 * **************************************** */
.jt-popup {z-index: 601;}
.jt-popup__wrap {position: relative;height: 100%;}
.jt-popup__inner {position: relative;}
.jt-popup__item-wrap {width: 100%;}
.jt-popup__item {background-size: cover; background-repeat: repeat; background-position: center center;}
.jt-popup__item-link {display: table-row;}
.jt-popup__notice {display: inline-block;vertical-align: top;font-size: 14rem;font-weight: 500;color: #0f4c82;border: 1rem solid #0f4c82;border-radius: 13rem;line-height:  1;letter-spacing: -0.025em;padding: 5rem 13rem;margin-right: 15rem;position: absolute;top: 0;left: 0;}
.jt-popup__title {display: inline-block;vertical-align: top;font-size: 14rem;font-weight: 500;letter-spacing: -0.025em;color: #fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;}
.jt-popup__desc { display: inline-block; vertical-align: top; font-size: 14rem; font-weight: 400; letter-spacing: -0.025em; color: #6e8098; margin-left: 13rem; padding-top: 4rem;}
.jt-popup__link {line-height: 1.2; letter-spacing: -0.025em;  border-bottom: 1rem solid #a9bed2; display: inline-block; vertical-align: top; font-size: 14rem; font-weight: 500; color: #fff; border-color: #fff;display: none;}

.jt-popup__close {z-index: 1;width: 20rem;height: 20rem;color: #fff;display: inline-block;vertical-align: middle;position: absolute;top: 4rem;right: -7rem;text-decoration: none;cursor: pointer;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);text-align: center;}
.jt-popup__close:before { top: 4rem;}
.jt-popup__close:after {content: '\e92e';font-family: 'jt-font';font-size: 14rem;width: 100%;height: 100%;line-height: 20rem;display: block; transform-origin: center; -webkit-transition: 1s -webkit-transform cubic-bezier(.075,.82,.165,1);transition: 1s -webkit-transform cubic-bezier(.075,.82,.165,1);transition: 1s transform cubic-bezier(.075,.82,.165,1);transition: 1s transform cubic-bezier(.075,.82,.165,1), 1s -webkit-transform cubic-bezier(.075,.82,.165,1);}
html.desktop .jt-popup__close:hover:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.jt-popup__control { display: none;position: absolute; top: 50%; left: 0; margin-top: -7rem; z-index: 10;}
.jt-popup__control .swiper-pagination {position: relative;display: inline-block;vertical-align: middle;padding-bottom: 1rem;}
.jt-popup__control .swiper-pagination-bullet { width: 7rem; height: 7rem; background: #fff; border: 1rem solid #999; margin: 0 11rem; opacity: 1; }
.jt-popup__control .swiper-pagination-bullet-active { background: #999;}

.jt-popup__arrow {width: 14rem;height: 14rem;line-height: normal;text-align: center;position: relative;margin: 0 9rem;display: inline-block;vertical-align: middle;}
.jt-popup__arrow:after {font-family: 'jt-font';font-size: 11rem;}
.jt-popup__arrow--left:after {content: '\e912';}
.jt-popup__arrow--right:after {content: '\e913';}

.jt-popup__item--notice .jt-popup__title {padding-left: 66rem;}

.jt-popup--strap {font-size: 0;background-repeat: no-repeat;background-position: center center;background-size: cover;z-index: 1;width: 100%;height: 53rem;padding: 0;}
.jt-popup--strap .jt-popup__inner {height: 100%;}
.jt-popup--strap .jt-popup__item-wrap {height: 100%;}
.jt-popup--strap .jt-popup__item {position: relative;display: table;width: 100%;height: 100%;}
.jt-popup--strap .jt-popup__notice { color: #6c9bc5; border-color: #6c9bc5;}
.jt-popup--strap .jt-popup__title {color: #fff;line-height: 1.5;padding-top: 1rem; display: table-cell;vertical-align: middle; text-align: center;}
.jt-popup--strap .jt-popup__title-main {  padding-right: 10rem;}
.jt-popup--strap .has_mobile_title .jt-popup__title-desktop{ display: inline-block}
.jt-popup--strap .has_mobile_title .jt-popup__title-mobile{ display: none}
.jt-popup--strap .jt-popup__desc {display: none;}
.jt-popup--strap .jt-popup__title-main, 
.jt-popup--strap .jt-popup__title-sub { font-size: 18rem;}
.jt-popup--strap .jt-popup__link {text-align: center; position: relative;top: auto;right: auto;display: block;vertical-align: top;margin: 0;margin-left: 0;border: none;padding: 14rem 0; transition: opacity 0.3s;}
html.desktop .jt-popup--strap .jt-popup__link:hover { opacity: 0.8;}
.jt-popup--strap .jt-popup__control {display: block;width: auto;height: 14rem;left: auto;right: 50%;margin-right: -593rem;}
.jt-popup--strap .jt-popup__arrow {color: #ffffff;opacity:0.5; display: none;}
.jt-popup--strap .jt-popup__arrow{z-index:2;display: none;}
.jt-popup--strap .jt-popup__count {display: block;font-family: 'Gotham', sans-serif;font-size: 12rem;font-weight: 600;color: #fff;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);line-height: 1;}
.jt-popup--strap .jt-popup__count > * { display: inline-block; vertical-align: top; }
.jt-popup--strap .jt-popup__close-separator { content: ''; display: block; width: 1rem; height: 14rem; background: #fff; position: absolute; left: -24rem; top: 02rem; opacity: 0.2; }
.jt-popup--strap .jt-popup__close {right: -2rem;color: #ffffff; z-index: 2; opacity: 1; top: 18rem; }
.jt-popup--strap .jt-popup__control-bg { background: #0e2544; content:""; position: absolute; top: 50%; bottom: 0; width: 80rem; height: 50rem; margin-top: -25rem; z-index: 0;}
.jt-popup--strap .jt-popup__control .swiper-pagination {display: inline-block;}
.jt-popup--strap .jt-popup__control .swiper-pagination-bullet { border-color: #fff; background: transparent; }
.jt-popup--strap .jt-popup__control .swiper-pagination-bullet-active { background: #fff; }
.jt-popup--strap .jt-popup__control .swiper_play_state {display: inline-block;}
.jt-popup--strap .swiper_play_state {margin-left: 8rem;}

body.use_mouse  .jt-popup--strap .swiper-pagination-bullet:focus { outline: none;}

.jt-popup--strap.jt-popup--slideshow .jt-popup__inner {margin: 0;width: 100%;}
.jt-popup--strap.jt-popup--slideshow .jt-popup__item-inner {position: relative;max-width: 1312rem;margin: 0 auto;padding-right: 150rem;padding-left: 150rem; height: 100%; display: table;width: 100%;}
.jt-popup--strap.jt-popup--slideshow .jt-popup__close { left: 50%; right: auto; top: 18rem; z-index: 11;margin-left: 638rem;}

.jt-popup--slideshow .swiper_play_state {display: inline-block;vertical-align: middle;width: 17rem;height: 17rem;position: relative;}
.jt-popup--slideshow .swiper_play_state_btn {display: block;width: 100%;height: 100%;margin: 0;padding: 0;position: absolute;top: 0;left: 0;background: transparent;border: none;cursor: pointer;opacity: 0;visibility: hidden;-webkit-transition: opacity 300ms;transition: opacity 300ms;color: #fff;}
.jt-popup--slideshow .swiper_play_state_btn:after {display: block;font-family: 'jt-font';font-size: 13rem;font-weight: normal;text-align: center;line-height: 17rem;}
.jt-popup--slideshow .swiper_state_play:after {content: '\e91a';}
.jt-popup--slideshow .swiper_state_pause:after {content: '\e94d';}
.jt-popup--slideshow .swiper_play_state.play .swiper_state_pause {opacity: 1; visibility: visible;}
.jt-popup--slideshow .swiper_play_state.pause .swiper_state_play {opacity: 1; visibility: visible;}
html.ios .jt-popup--slideshow .swiper_play_state {width: 18rem; height: 18rem;}
html.ios .jt-popup--slideshow .swiper_play_state:after {line-height: 18rem;}

body.show_popup #header {height: 133rem;}
body.show_popup .menu-container {margin-top: 133rem;}
body.show_popup .main-container {padding-top: 0;}



/* **************************************** *
 * UTILITY
 * **************************************** */
.article--cs .article_header {display: none;}
.article--login .article_body {padding-bottom: 152rem;}
.article--login .utility__section { padding-bottom: 0; padding-top: 90rem;}

.utility__section {padding-top: 111rem; padding-bottom: 110rem; padding-top: 90rem;}
.utility__section--bg-grey {background: #f7f7f7;}
.utility__title {font-size: 37rem; font-weight: 600; letter-spacing: -0.05em; color: #00101d; text-align: center; line-height: 1.35;}
.utility__title--point {position: relative; display: inline-block; z-index: 1;}
.utility__title--point:after {content: ''; display: block; width: 100%; height: 20rem; position: absolute; bottom: -1rem; left: 0; background: #dedede; z-index: -1;}

.utility__service-list {font-size: 0;height: 300rem;margin-top: 102rem; margin-top: 75rem;}
.utility__service-item {display: inline-block;vertical-align: top;width: -wevkit-calc(50% - 20rem);width: calc(50% - 20rem);margin-left: 40rem;height: 100%;}
.utility__service-item:first-child {margin-left: 0;}
.utility__service-cat {display: inline-table;width: 50%;height: 100%;vertical-align: top;background: #146af0;}
.utility__service-cat-inner {display: table-cell;vertical-align: middle; text-align: center;}
.utility__service-cat-title {font-size: 36rem;font-weight: 600;color: #fff;display: block;text-align: center;padding-top: 70rem;position: relative;}
.utility__service-cat-title:before {content: '\e95b';font-family: 'jt-font';font-weight: normal;font-size: 49rem;position: absolute;top: 10rem;left: 50%;padding-left: 10rem;transform: translateX(-50%);}
.utility__service-cat-btn {margin-top: 27rem;}
.utility__service-item--dark .utility__service-cat {background: #444d5c;}
.utility__service-item--hosting .utility__service-cat-title:before { content: '\e95c'; padding-left: 0; font-size: 46rem; top: 13rem; }

.utility__service-list--type-full {height: 298rem; margin-top: 75rem;}
.utility__service-list--type-full .utility__service-cat { width: 100%; }
.utility__service-list--type-full .utility__service-cat-title {padding-top: 52rem;}
.utility__service-list--type-full .utility__service-cat-title:before {top: -12rem; padding-left: 2rem;}
.utility__service-list--type-full .utility__service-item--hosting .utility__service-cat-title:before {top: -12rem;}
.utility__service-list--type-full .utility__service-item { width: calc(50% - 16rem); margin-left: 32rem; }
.utility__service-list--type-full .utility__service-item:first-child { margin-left: 0; }

.utility__service-content {display: inline-table;width: 50%;height: 100%;background: #fff;border: 1rem solid #ddd;border-left-width: 0; padding: 0 68rem;}
.utility__service-nav-list {display: table-cell; vertical-align: middle;}
.utility__service-nav-item {display: block;margin-bottom: 15rem;}
.utility__service-nav-item:last-child {margin-bottom: 0;}
.utility__service-nav-link {display: inline-block; vertical-align: top; font-size: 19rem; font-weight: 500; color: #00101d; position: relative;}
.utility__service-nav-link:before {content: ""; position: absolute; width: 100%; height: 10rem; background: #222; bottom: 0; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transition: -webkit-transform 0.2s; transition: -webkit-transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; opacity: 0.1; }
.utility__service-nav-link:after { content: "\e948"; font-family: 'jt-font'; font-weight: normal; position: absolute; right: -15rem; top: 7rem; font-size: 10rem; -webkit-transform: translate(-8rem,4rem) scale(0.7); -ms-transform: translate(-8rem,4rem) scale(0.7); transform: translate(-8rem,4rem) scale(0.7); -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; -webkit-transition: 0.2s; transition: 0.2s; opacity: 0; }
html.desktop .utility__service-nav-link:hover:before {opacity: 0.08; transform: scaleX(1);}
html.desktop .utility__service-nav-link:hover:after {-webkit-transform: translate(0rem,0rem) scale(0.7); -ms-transform: translate(0rem,0rem) scale(0.7); transform: translate(0rem,0rem) scale(0.7); opacity: 1;}


/* 자주하는 질문 */
.utility__nav-with-icon {margin: 96rem -16rem 0;font-size: 0;}
.utility__nav-with-icon-item {display:inline-block;vertical-align: top;width: calc(16.66% - 32rem);text-align: center;margin: 0 16rem;}
.utility__nav-with-icon-link {display:block;}
.utility__nav-with-icon-img img { width: 59rem; height: auto;}
.utility__nav-with-icon-txt {font-size: 21rem;font-weight:600;color:#00101d;margin-top: 30rem;display: inline-block;position: relative;line-height: 1.2;-webkit-transition: color 0.2s;transition: color 0.2s;}
.utility__nav-with-icon-txt:after {content: "\e948";font-family: jt-font;font-weight: normal;position: absolute;right: -15rem;top: 5rem;font-size: 12rem;-webkit-transform: translate(-8rem,4rem) scale(0.7);-ms-transform: translate(-8rem,4rem) scale(0.7);transform: translate(-8rem,4rem) scale(0.7);-webkit-transform-origin: right top;-ms-transform-origin: right top;transform-origin: right top;-webkit-transition: 0.2s;transition: 0.2s;opacity: 0;}
.utility__nav-with-icon-txt span + span {margin-left: 5rem;}
html.desktop .utility__nav-with-icon-link:hover .utility__nav-with-icon-txt { color:#146af0}
html.desktop .utility__nav-with-icon a:hover .utility__nav-with-icon-txt:after { -webkit-transform: translate(0rem,0rem) scale(0.7); -ms-transform: translate(0rem,0rem) scale(0.7); transform: translate(0rem,0rem) scale(0.7); opacity: 1;}

.utility__nav-with-icon--type-border {margin-top: 60rem;}
.utility__nav-with-icon--type-border .utility__nav-with-icon-item { border: 1px solid #ddd; display: inline-table; vertical-align: top; }
.utility__nav-with-icon--type-border .utility__nav-with-icon-link { display: table-cell; vertical-align: middle; padding: 53rem 0 23rem; position: relative; }
.utility__nav-with-icon--type-border .utility__nav-with-icon-link:after { content: ''; -webkit-box-shadow: inset 0 0 0 0px #146af0; box-shadow: inset 0 0 0 0px #146af0; position: absolute; content: ""; top: 0; left: 0; bottom: 0; right: 0; -webkit-transition: -webkit-box-shadow 0.2s; transition: -webkit-box-shadow 0.2s; transition: box-shadow 0.2s; transition: box-shadow 0.2s, -webkit-box-shadow 0.2s; }
.utility__nav-with-icon--type-border .utility__nav-with-icon-txt {min-height: 2.4em; margin-top: 41rem;}
html.desktop .utility__nav-with-icon--type-border .utility__nav-with-icon-link:hover:after { -webkit-box-shadow: inset 0 0 0 12px #146af0; box-shadow: inset 0 0 0 12px #146af0; }

/* 회원정보관리 */
.utility__nav {border: 1rem solid #ddd;border-width: 1rem 0 0 1rem;margin-top: 44rem;font-size: 0;}
.utility__nav:after {content: "";display: table;clear: both;}
.utility__nav-link {display: inline-block;width: 20%;padding: 29rem 5rem;border: 1rem solid #ddd;border-width: 0 1rem 1rem 0;font-size: 18rem;font-weight: 600;color: #222;text-align: center;background: #fff;letter-spacing: -0.025em;}
.utility__nav-link span:before {content: "";position: absolute;width: 100%;height: 10rem;background: #222;bottom: 0;-webkit-transform: scaleX(0);-ms-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: left;-ms-transform-origin: left;transform-origin: left;-webkit-transition: -webkit-transform 0.2s;transition: -webkit-transform 0.2s;transition: transform 0.2s;transition: transform 0.2s, -webkit-transform 0.2s;opacity: 0.1;}
.utility__nav-link span { position: relative;}
.utility__nav-link span:after {content: "\e948";font-family: jt-font;font-weight: normal;position: absolute;right: -16rem;top: 7rem;font-size: 12rem;-webkit-transform: translate(-8rem,4rem) scale(0.7);-ms-transform: translate(-8rem,4rem) scale(0.7);transform: translate(-8rem,4rem) scale(0.7);-webkit-transform-origin: right top;-ms-transform-origin: right top;transform-origin: right top;-webkit-transition: 0.2s;transition: 0.2s;opacity: 0;}
.utility__nav-link:hover span:before {-webkit-transform: scaleX(1);-ms-transform: scaleX(1);transform: scaleX(1);}
html.desktop .utility__nav-link:hover span:after { -webkit-transform: translate(0rem,0rem) scale(0.7); -ms-transform: translate(0rem,0rem) scale(0.7); transform: translate(0rem,0rem) scale(0.7); opacity: 1;}

/* LOGIN */
.login__util {position: relative;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);font-size: 0;display: inline-block;vertical-align: top;margin-top: 80rem; text-align: center;}
.login__util-item { display: inline-block; vertical-align: top; margin-left: 25rem; }
.login__util-item:first-child { margin-left: 0; }
.login__util-link { position: relative; display: inline-block; vertical-align: top; font-size: 16rem; font-weight: 500; color: #00101d; padding: 5rem; padding-right: 15rem; margin-left: 5rem; letter-spacing: -0.025em; -webit-transition: color .2s; transition: color .2s;}
.login__util-link:after {content: '\e913'; font-family: 'jt-font'; font-size: 16rem; position: absolute; top: 50%; right: -4rem; margin-top: -8rem; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); color: inherit;}
.login__util-txt {position: relative; display: inline-block; vertical-align: top;}
.login__util-txt:after {position: absolute; left: 0; bottom: -2rem; font-size: 10rem; opacity: 1; content: ""; width: calc(100% + 18rem); background: #146af0; height: 1px; transform: scaleX(0); -webkit-transform-origin: left; transform-origin: left; -webkit-transition: 0.2s; transition: 0.2s;}

.login__util-link--join { display: block; position: relative; vertical-align: middle; line-height: 1; text-align: center; padding: 18rem 34rem; min-width: 200rem; font-size: 18rem; font-weight: 400; letter-spacing: -0.025em; color: #fff; border: 2rem solid #000; background: #000; -webkit-transition: all 300ms; transition: all 300ms; border-radius: 100rem; margin-bottom: 26rem; margin-left: 0;}
.login__util-link--join:after {display: none;}
.login__util-link--join .login__util-txt {padding-left: 22rem; position: relative;}
.login__util-link--join .login__util-txt:after {display: none;}
.login__util-link--join .login__util-txt:before { content: '\e957'; font-family: 'jt-font'; font-size: 18rem; display: inline-block; vertical-align: top; color: inherit; position: absolute;top: 0;left: -2rem;}
html.desktop .login__util-link:hover {color: #146af0;}
html.desktop .login__util-link:hover .login__util-txt:after {transform: scale(1);}
html.desktop .login__util-link--join:hover {background: #146af0; border-color: #146af0; color: #fff;}



/* **************************************** *
 * keyframes
 * **************************************** */
@-webkit-keyframes Marquee  {
    from {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}
@keyframes Marquee  {
    from {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}