@charset "utf-8";

/*
 * File       : rwd-layout.css
 * Author     : STUDIO-JT (NICO)
 * Guideline  : JTstyle.2.0
 * Dependency : css/reset.css
 *              css/jt-strap.css
 *
 * SUMMARY:
 * 01)
 */



/* **************************************** *
 * 2000px
 * **************************************** */
@media (min-width: 2000px){

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

} /* 2000px */



/* **************************************** *
 * 1024px
 * **************************************** */
@media (min-width: 1024px){

    /* menu hover */
    .menu-minimize > li.menu-minimize--open > .sub-menu-outer {display: block;position: absolute;top: 80rem;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);left: 50%;z-index: 111;background: #fff;opacity: 1;visibility: visible;padding: 10rem 0rem 35rem;box-shadow: 0 6rem 12rem rgba(0, 0, 0, 0.15);border-top: 1px solid #f5f5f5;}
    .menu-minimize > li.menu-minimize--open > .sub-menu-outer > .sub-menu {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;font-size: 17rem;opacity: 1;visibility: visible;}
    .menu-minimize > li.menu-minimize--open > .sub-menu-outer > .sub-menu > li > a {padding: 9rem 0 15rem;margin-bottom: 15rem;display: block;width: 170rem;color: #888;letter-spacing: -0.9rem;font-weight: 500;}
    .menu-minimize > li.menu-minimize--open > .sub-menu-outer > a:after {content: "";position: absolute;bottom: -13rem;width: 170%;height: 30rem;left: 50%;z-index: 9;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}

} /* 1024px */



/* **************************************** *
 * 1680px
 * **************************************** */
@media (max-width: 1680px){
	.login-popup__close {width: 70rem; height: 70rem; right: 0;}
} /* 1680px */



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

	/* FOOTER */
	.go-top{right: 15rem;}

} /* 1540px */



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

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

    /* LAYOUT
    /*.wrap {max-width: inherit;margin: 0 6.5%;} */

    .main-container {/* padding-bottom: 13%; */}

    /* HEADER */
    #logo {left: 3%;}
    .search-open {right: 3%;}

    /* FOOTER */
    .footer__inner-wrap {max-width: inherit;margin: 0 6.5%;}

    /* SEARCH - RESULT PAGE */
    .search_result_list > li {height: 280rem;}

	/* PRIVACY */
    .privacy-popup button.mfp-close {right: 20rem;}
	
	/* Hide popup */
    #admngSide_1{display:none}

	/* POPUP */
	body.show_popup .main-container {padding-top: 133rem;}

} /* 1480px */


/* **************************************** *
 * <=1480 &&  >=1024 (fix medium screen)
 * **************************************** */
@media(max-width:1480px) and (min-width: 1024px){

    /* GLOBAL */
	html,
    html.safari.desktop {font-size: 0.0724636vw;} /* 1380vw 1rem = 1px */

    /* LAYOUT */
	.wrap { max-width: 1180rem;}
    .main-container { padding-top: 80rem;}

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

	.logo:not(.logo--minimize){opacity: 0;}

    .menu-container { display: none;}
    .menu-minimize > li > .sub-menu-outer > .sub-menu  {padding-left: 32rem}
    .menu-minimize > li > .sub-menu-outer > .sub-menu > li  {padding-right: 32rem;width: 160rem;padding-left: 0;}
	.menu-minimize > li > a { background: transparent;}

	.etc-menu{ margin-left: 252rem;}

    /* FOOTER */
	.footer-sitemap__inner{max-width:1180rem}
    .footer-sitemap a{ width: 80%;}
	
	/* LOGIN */
	.utility__service-content {padding: 0 40rem;}

	/* POPUP */
	.jt-popup--strap .jt-popup__control {margin-right: -528rem;}
	.jt-popup--strap.jt-popup--slideshow .jt-popup__item-inner {max-width: 1180rem;}
	.jt-popup--strap.jt-popup--slideshow .jt-popup__close {margin-left: 573rem;}

}


/* **************************************** *
 * <=1180 &&  >=1024 (fix medium screen)
 * **************************************** */
@media(max-width:1180px) and (min-width: 1024px){

     /* GLOBAL */
	html,
    html.safari.desktop {font-size: 0.0847455vw;}

     /* LAYOUT */
	.wrap {max-width: 1080rem;}

	/* HEADER */
	.etc-menu{ margin-left: 202rem;}
	
	/* FOOTER */	
	.footer-sitemap__inner{max-width: 1080rem;}
	.footer-sitemap a{ width: 90%;}
	.footer__setion-02{width: 791rem;}

	/* POPUP */
	.jt-popup--strap .jt-popup__control {margin-right: -478rem;}
	.jt-popup--strap.jt-popup--slideshow .jt-popup__item-inner {max-width: 1080rem;}
	.jt-popup--strap.jt-popup--slideshow .jt-popup__close {margin-left: 523rem;}

}

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

	/* LAYOUT */
	html, 
	html.safari.desktop { font-size: 0.13020833333333335vw;}
	
	body,
	.wp-block-column{word-break: keep-all;}

	/* FOOTER */
    .footer__setion-01,
	.footer__setion-02 {padding: 0 40rem;}
	.footer__setion-01 { margin-bottom: 40rem;}
	.footer__setion-02 { width: 100%;}

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

    .article_header {padding: 50rem 0 40rem;}
    .article_header_inner {padding-bottom: 20rem;}
    .article_title {font-size: 38rem;}

	/* HEADER */
	.menu > li > ul.sub-menu{ height: 290rem;}

    /* FOOTER */
    .footer__inner-wrap {margin: 0 30rem;}

    .footer__menu {font-size: 0;}
    .footer__menu > li {display: inline-block;float: none;}

    .footer__sns-wrap {margin-top: 15rem;position: static;}

    /* SEARCH - RESULT PAGE */
    .search_result_info p {font-size: 15rem;}
    .search_result_list > li {width: 32%;height: 260rem;}
    .search_result_list > li:nth-child(4n) {margin-right: 2%;}
    .search_result_list > li:nth-child(4n+1) {clear: none;}
    .search_result_list > li:nth-child(3n) {margin-right: 0;}
    .search_result_list > li:nth-child(3n+1) {clear: both;}
    .search_result_data .search_tax {font-size: 15rem;}
    .search_result_data .search_title {font-size: 19rem;}
    .search_result_data .search_desc {font-size: 15rem;}
    .search_result_data .search_date {font-size: 15rem;}

	/* PRIVACY */
    .article--privacy .article_header_inner {padding-bottom: 0;}
    .privacy-popup.mfp-wrap {position: fixed !important;height: 100% !important;top: 0 !important;overflow-y: scroll;}

	/* LOGIN */
	.login-popup__close {display: none;}

	/* 404 */
	.error_404 {height: -webkit-calc(100vh - 80rem * 1); height: calc(100vh - 80rem * 1);}


    /* LAYOUT */
    body,
	button,
	input[type=submit],
	input[type=button],
	[lang="en"]{font-family: sans-serif;}

    .main-container {/* padding-top: 59rem; */}

    .article_header {padding: 45rem 0 30rem;}
    .article_header_inner {border-bottom-width: 2rem;}
    .article_title {font-size: 33rem;}

    /* MENU OPEN */
    body.open_menu {overflow: hidden; /*position: fixed;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;*/}

    /* HEADER */
    #header {/* height: 90rem; */border-bottom: 1rem solid #ddd;-webkit-box-shadow: none;box-shadow: none;-webkit-transition: height 300ms;transition: height 300ms;}

    .menu-container, .search-open {display: none;}

    #logo {width: 142rem;height: 16rem;left: 30rem;top: 27rem;}

    .header__utility { display: none;}
	
	.header__tablet-login-btn{ display: block;}
	
    #small-menu-btn {display: block;width: 44rem;height: 44rem;position: absolute;top: 18rem;right: -6px;z-index: 550;cursor: pointer;background: none;border: none;padding: 0;}
    .small-menu-btn__line {display: block;width: 20rem;height: 3rem;position: absolute;left: 50%;background: #00101d;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}
    .small-menu-btn__line--01 {top: 10rem;}
    .small-menu-btn__line--02 {top: 18rem;}
    .small-menu-btn__line--03 {top: 26rem;/*width: 16rem;margin-left: 2rem;*/}

    #small-menu-container {display: none;width: 300rem;height: 100%;margin: 0;position: fixed;top: 0;bottom: 0;right: -300rem;z-index: 650;background: #fff;-webkit-overflow-scrolling: touch;}
    .small-menu-container__inner {width: 100%;height: 100%;position: relative;overflow-y: scroll;}

    .minimize#header {border-color: transparent;-webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, .12);box-shadow: 0 1rem 3rem rgba(0, 0, 0, .12);}
    .minimize #logo {top: 22rem;}
    .minimize#header {background: rgba(255,255,255,0.95);}
    #logo {top: 22rem;}
    .logo{padding: 26rem 0 25rem;}
    #small-menu-btn {top: 20rem;right: 26rem; z-index: 999;}
	body.show_popup.open_menu #small-menu-btn{top: -32rem;}

	.logo--minimize,
	.header__cta-btn--minimize{ display: none;}
	.header__cta-btn.jt-btn__basic{left:40rem;top: 20rem;min-width: 150rem;padding: 12rem 20rem 10rem;}
    html.ie11 .header__cta-btn.jt-btn__basic {padding-top: 11rem;padding-bottom: 11rem;}

	.menu-container-helper {display:none;max-width: 480rem;width: 100%;right:0;position: fixed;top: 0;bottom: 0;background: #00101d;z-index: 999; height: 100%;}
	.small-menu-overlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: #fff; z-index: 22; opacity: 0; display: none; height: 100%;}

	.open_menu .menu-container-helper { display: block;}
	.open_menu #small-menu-btn{right: 30rem;}
	.open_menu .small-menu-btn__line{ background: #fff}

	.open_menu .small-menu-btn__line--01 { -webkit-transform: translateX(-50%) translateY(10rem) rotate(45deg); -ms-transform: translateX(-50%) translateY(10rem) rotate(45deg); transform: translateX(-50%) translateY(10rem) rotate(45deg);}
	.open_menu .small-menu-btn__line--03 { -webkit-transform: translateX(-50%) translateY(-6rem) rotate(-45deg); -ms-transform: translateX(-50%) translateY(-6rem) rotate(-45deg); transform: translateX(-50%) translateY(-6rem) rotate(-45deg);}
	.open_menu .small-menu-btn__line { width: 23rem; margin: 0;}
	.open_menu .small-menu-btn__line--02 { width: 0;}
	.open_menu #small-menu-btn {right: 22rem;}
	.open_menu .header__utility-search.search-open-btn{top: 23rem;right: 58rem;}

    .menu-minimize > li > a span:before {display: none;}
    .menu-minimize > li > .sub-menu:after {height: 1rem;width: 100%;background: #ffffff;background: rgba(255, 255, 255, .3);content: "";position: absolute;left: 0;top: 63rem;}
    html[lang] .menu-minimize > li > .sub-menu > li.current-menu-parent > a { color: #146af0;}
    .menu-minimize > li > .sub-menu > li > .sub-menu > li > a span:after {content: "\e952";font-family: jt-font;position: absolute;right: -18rem;top: 6rem;font-size: 10rem;-webkit-transform: translate(-14rem,0rem);-ms-transform: translate(-14rem,0rem);transform: translate(-14rem,0rem);-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 .menu-minimize > li > .sub-menu > li > .sub-menu > li > a:hover span:after{ opacity: 1;-webkit-transform: translate(0rem,0rem);-ms-transform: translate(0rem,0rem);transform: translate(0rem,0rem);}
    html.desktop .menu-minimize > li > a:hover:after{ display:none}
	
    .menu-minimize > li > .sub-menu .sub-menu { display: block; opacity: 1; visibility: visible;}

	.menu-minimize-container { position: static; opacity: 1; visibility: visible;}
	.menu-minimize {width: 100%;font-size: 14rem;position: relative;}
	.menu-minimize > li,
	.menu-minimize > li:first-child{display: block;width: auto;text-align: left;position: static;margin-left: 0}
	.menu-minimize-container .menu-minimize > li:first-child{ padding-top: 7rem;}
	.menu-minimize > li > a {display: block;background: #00101d;color: #fff;font-size: 16rem;padding: 15rem 25rem;}
	.menu-minimize > li > .sub-menu {display: none;position: absolute;right: -100%;top: 0;width: 100%;background: #fff;opacity: 1;visibility: visible;color: #00101d;overflow: auto;/*padding-top: 26rem;height: -webkit-calc(100vh - 80rem);height: calc(100vh - 80rem);*/}
	.menu-minimize > li > .sub-menu {display: none !important;} /* quick js issue fix (TODO:find why)*/
	/*
	.home .menu-minimize > li:first-child > .sub-menu,
	.menu-minimize > li.current-menu-ancestor > .sub-menu { display: block;}
	*/
    .menu-minimize > li > .sub-menu > li { margin-bottom: 30rem; padding-left: 20rem; padding-right: 15rem; text-align: left; }
	.menu-minimize > li > .sub-menu > li > a {margin-bottom: 13rem;display: block;color: #00101d;font-size: 15rem;font-weight: 700;}
	.menu-minimize > li > .sub-menu > li > .sub-menu > li > a {color: #444;font-size: 15rem;padding: 6rem 0;display:block;letter-spacing: -0.05em;}
	.menu-minimize > li > .sub-menu > li > .sub-menu > li > a span {position: relative; display: inline-block; padding-right: 5rem;}
	.menu-minimize > li > .sub-menu > li > .sub-menu > li.current-menu-item > a span:before {position: absolute;content:"";width: 100%;height: 10rem;background: #000;bottom: 0;left: 0;opacity: 0.08;}
	.menu-minimize > li > .sub-menu > li > .sub-menu > li.current-menu-item > a {color: #146af0; font-weight: 500;}
    .home .menu-minimize > li.current-menu-ancestor > a,
	.menu-minimize > li.current-menu-ancestor > a { color: #fff;}
	.menu-minimize > li.current-menu-ancestor > a:after{content: "\e952";font-size: 11rem;font-family: jt-font;font-weight: 400;margin-left: 13rem;}
	.menu-minimize > li > .sub-menu > li > .sub-menu > li > ul{ padding-left: 12rem;}
	.menu-minimize > li > .sub-menu > li > .sub-menu > li > ul > li > a { color: #888;font-size: 14rem;  padding: 6rem 0; display: block; letter-spacing: -0.05em;}
    html.desktop .menu-minimize > li.current-menu-ancestor > a:hover:after {content: "\e952";width: auto;height: auto;position: static;transform: none;}

	.header__utility {display: block;position: static;/*width: 50%;*/padding-top: 20rem;}
	.header__utility-link {display: block;padding: 15rem 25rem;color: #fff;font-size: 16rem;font-weight: 500;letter-spacing: -0.025em;}
	.header__utility-partner{ display:block;position:relative;}
	.header__utility-search.search-open-btn {position: absolute;left: auto; top: 20rem; right: 80rem;}
	.header__utility-search:after{color:#fff;font-size: 20rem;}
	.header__utility-allmenu:before {content: "전체서비스";color: #fff;padding-left: 23rem;}
	.header__utility-allmenu:after { color: #7e8890;}
	html.desktop .header__utility-search:hover:after,
    html.desktop .header__utility-link:hover {color:#fff}
    html.desktop .header__utility-allmenu:hover:after {background-image: url(../images/icon/icon-allmenu-mobile.svg);}

	.menu-minimize:after,
	.header__utility-partner:after {content: "";height: 1rem;background: #2f373e;position: absolute;bottom: -10rem;left: 25rem;right: 25rem;}

	.menu-container-helper:before {content: "";height: 80rem;display: block;background: #146af0;}

    .header__cta-btn.jt-btn__basic.header__cta-btn--small {background: #fff;color: #146af0;top: 20rem;left: 25rem;display: block;min-width: 155rem;font-size: 15rem;border: none;padding: 13rem 26rem;}
	.header__cta-btn.jt-btn__basic.header__cta-btn--small span{font-weight:700;-webkit-transform: translateX(-12rem);-ms-transform: translateX(-12rem);transform: translateX(-12rem);}
	.header__cta-btn.jt-btn__basic.header__cta-btn--small span:after {content: "\e951";font-size: 18rem;font-weight: 400;right: -26rem;margin-top: -9rem;}
	html[lang] .header__cta-btn.jt-btn__basic.header__cta-btn--small span:after {    -webkit-transform: translate(0rem,0rem); -ms-transform: translate(0rem,0rem); transform: translate(0rem,0rem);}
	html.ios .header__cta-btn.jt-btn__basic.header__cta-btn--small span:after {margin-top: -10rem;}
	html.desktop .header__cta-btn.jt-btn__basic.header__cta-btn--small:hover { background: #fff;}
    html.desktop .header__cta-btn.jt-btn__basic.header__cta-btn--small span:after{margin-top: -8rem;}

	/* .header__utility-allmenu:after { font-size: 13rem; left: 0; top: 0; line-height: inherit; width: auto; height: auto;} */
	.header__utility-allmenu:after { background-image: url(../images/icon/icon-allmenu-mobile.svg); background-size: 15rem auto; width: 15rem; height: 100%; }
	html.ie .header__utility-allmenu:after { background: none; font-size: 13rem; left: 0; top: 0; line-height: inherit; width: auto; height: auto;}
    html.ios .header__utility-allmenu:after {top: -1rem;}
	.header__utility-allmenu {width: auto;display: block;margin-left: 25rem;line-height: 40rem;margin-top: 31rem;letter-spacing: -0.025em;/* letter-spacing: -0.025em; */}
	.header__utility-lang{position:relative;width: auto;display: block;margin-left: 25rem;margin-top: 8rem;line-height: 40rem;color: #fff;font-weight: 500;}
    .header__utility-lang span {margin-left: 8rem;position: relative;}
	.header__utility-lang:before {font-size: 17rem;left: 0;top: 0;line-height: inherit;width: auto;height: auto;content: '\e956';color: #7e8890;font-family: jt-font;}
	.header__utility-lang span:after {font-size: 17rem;line-height: inherit;width: 0px;height: auto;content: '';border-top: #fff solid 6rem;border-left: transparent solid 5rem;border-right: transparent solid 5rem;font-family: jt-font;position: absolute;right: -39px;top: 50%;margin-top: -3rem;}
	html.ios .header__utility-lang span:after{margin-top: -4rem;}

    .menu-minimize > li > .sub-menu > li > .sub-menu > li > a span:after {top: 5rem;}
	.menu-minimize > li > .sub-menu > li > .sub-menu > li.hot > a span{ padding-right:32rem}
	.menu-minimize > li > .sub-menu > li > .sub-menu > li.hot > a span:before,
	.menu-minimize > li > .sub-menu > li > .sub-menu > li.current-menu-item.hot > a span:before{ width: auto; opacity: 1; height:auto;  bottom: auto;  left: auto;display:block;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}

	.header__utility-search.search-open-btn { display: none;}
	.menu-container-helper:before { display:none;}
	.menu-small-header {display: block; background: #146af0; height: 80rem;}
	.menu-small-header .header__utility-search.search-open-btn { display: block;}
	.menu-container-helper-inner {height: calc(100% - 80rem); overflow: auto; width: 50%;float: left;}
    .menu-small-sub-container {float: right;width: 50%;height: calc(100% - 80rem);background: #fff;overflow: auto;}
	.menu-small-sub-container .menu-minimize:after{ display:none;}
	.menu-small-sub-container .menu-minimize > li > .sub-menu{position:static; display: block !important} /* !important quick fix for ios bug */
	.menu-small-sub-container .menu-minimize > li > .sub-menu > li:first-child{padding-top: 26rem;}
	.header__utility-allmenu{margin-bottom: 30rem;}
		
	html.ios .menu-minimize > li > .sub-menu > li > .sub-menu > li.hot > a span:before,
	html.ios .menu-minimize > li > .sub-menu > li > .sub-menu > li.current-menu-item.hot > a span:before{ top: 1rem; height: 16rem;line-height: 19rem;}
	html.android .menu-minimize > li > .sub-menu > li > .sub-menu > li.hot > a span:before,
	html.android .menu-minimize > li > .sub-menu > li > .sub-menu > li.current-menu-item.hot > a span:before{ top: -1rem;}


	/* All menu */
	.menu > li > a {padding: 10rem 30rem;}
	.menu > li > ul > li a {font-size: 14rem;padding: 4rem 9rem 3rem;}
	.menu > li > ul > li > a {margin-top: 14rem;}

	.small-menu__logo {width: 240rem;}
	.small-menu__lang {padding: 30rem 0;}
	.small-menu__lang-link {padding: 20rem 12rem;}
	.small-menu__lang-link--cn span {height: 20rem;width: 30rem;}
    .small-menu__lang-link--cn span:after {font-size: 30rem;}
    .small-menu__lang-link--jp span {height: 20rem; width: 45rem;}
    .small-menu__lang-link--jp span:after {font-size: 45rem;}

    .small-menu__inner {margin-left: 40rem; margin-right: 40rem;}
    .small-menu__back-btn {font-size: 32rem;padding-bottom: 30rem; max-width: 120rem; text-align: left; padding-left: 0; padding-right: 0;}
    .small-menu__back-btn:after {font-size: 16rem; left: 0;}
    .small-menu .menu > li > a {font-size: 40rem;}
    .small-menu .menu > li > ul.sub-menu {overflow-y: auto;width: -webkit-calc(100% - 120rem);width: calc(100% - 120rem);height: 100%;margin-right: -10rem;}

	.open-small-submenu .small_screen_menu { height: 257rem; }

    .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 {font-size: 17rem;}

    .small-menu__footer {margin-left: 40rem; margin-right: 40rem; margin-top: 30rem;}

	.search-modal__close, .small-menu__close {right: 40rem;}


	/* SEARCH POPUP */
	.search-modal {max-height: 320rem;}
	.search-modal__inner { padding: 110rem 40rem 40rem; max-height: 360rem; background: #146af0;}
	.search-modal__keyword li a { font-size: 15rem;padding: 5rem 10rem;}
	.search-modal__field{height: 65rem;padding-right: 80rem;text-indent: 25rem;}
	.search-modal__label{line-height: 65rem;left: 25rem;}
	.search-modal__submit {width: 80rem;}
	.search-modal__submit:after { line-height: 67rem;}

    /* FOOTER */
    .footer { padding-bottom: 112rem; background: #191919; box-shadow: 0 10rem 0 0 #191919;}

    .footer__top {padding-bottom: 22rem;}
    .footer__menu > li > a {padding-left: 12rem;padding-right: 12rem;font-size: 14rem;}
    .footer__menu > li > a:after {height: 10rem;margin-top: -4rem;}
    html.ios .footer__menu > li > a:after {margin-top: -6rem;}

    .footer__sns-wrap {margin-top: 12rem;}
    .footer__sns > li {width: 36rem;height: 36rem;margin: 0 4rem;}
    .footer__sns > li > a {line-height: 34rem;}
    .footer__sns > li > a:after {font-size: 12rem;}
    .footer__sns > li.instagram > a:after {font-size: 14rem;}
    .footer__sns > li.naver > a:after {font-size: 12rem;}

    .footer__bottom {padding-top: 26rem;text-align: center;}
    .footer__info {margin-bottom: 13rem;}
    .footer__info p span, .footer__info p span a {font-size: 14rem;}
    .footer__info p span:after {height: 10rem;margin-top: -5rem;}
	.footer__info p span.tablet-hide-separator:after {display: none;}
    .copyright {font-size: 13rem;}

	.footer__inner.wrap {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}
	.footer__setion-01 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1;}
	.footer__setion-02 { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0;}

	.footer__menu-wrap { overflow: hidden;}
	.footer__menu { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}

	.footer__mark-img-container  { width: 120rem;min-width: 160rem; padding: 8rem 22rem; float: left; margin-right: 10rem;}
	.footer__mark { position: absolute; bottom: 68rem; width: 100%; left: 0; padding: 0 40rem;}
	.footer__mark-img-isms { float: left;}

	/* Sitemap */
	.footer-sitemap { padding: 25rem 0 25rem;clear: both; }
	.footer-sitemap__menu{ margin: 0 40rem;}
    .footer-sitemap__menu > li { clear: both; margin-bottom: 0; border-top: 1px solid rgba(255, 255, 255, .15); width: 100%;}
	.footer-sitemap__menu > li:first-child {border-top: none;}
	.footer-sitemap__menu > li > a { width: 100%; padding: 13rem 0; padding-right: 40rem; font-size: 17rem; font-weight: 500; margin-bottom: 0; position: relative;}
    html.ios .footer-sitemap__menu > li > a {padding-top: 14rem;padding-bottom: 12rem;}
	.footer-sitemap__menu > li > a:after{color:#666; position:absolute;content: "\e90a";font-family: jt-font;text-align: center;right:0;top:3rem;width:40rem;height:40rem;line-height: 40rem;-webkit-transition: -webkit-transform 0.3s;transition: -webkit-transform 0.3s;transition: transform 0.3s;transition: transform 0.3s, -webkit-transform 0.3s;-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}
	.footer-sitemap__menu > li.footer-sitemap__menu--active > a:after{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}
	.footer-sitemap__menu > li > ul { display: none;}
	.footer-sitemap__menu > li > ul > li:last-child > a { padding-bottom: 20rem;}
	.footer-sitemap__menu > li > ul > li > a {  width: 100%; padding: 10rem 0 10rem 15rem;}
	.footer-sitemap__menu > li.footer-menu__item-recommend  > ul{ padding-left: 15rem;}
	.footer-menu__item--extend{display:none}
	.footer-sitemap__menu > li > ul > li > ul { padding-left: 5rem; margin-top: -10rem; margin-bottom: 20rem;}
	.footer-sitemap__menu > li > ul > li > ul a {padding: 10rem 0 10rem 15rem;color: #999;}

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

	/* Bottom CTA */
	.bottom-cta__actions .jt-btn__basic { padding: 13rem 30rem 13rem; min-width: 155rem; font-size: 15rem;}
    html.ie11 .bottom-cta__actions .jt-btn__basic {padding-top: 12rem;}
    html.mobile .bottom-cta__actions .jt-btn__basic {/* padding-right: 20rem; */}
	html.ios .bottom-cta__actions .jt-btn__basic {padding: 14rem 30rem 12rem;}
	.bottom-cta__title {font-size: 32rem;}
	.bottom-cta__inner { padding: 75rem 0;}
	.bottom-cta__actions .jt-btn__basic span:after,
	.bottom-cta__actions .jt-btn__basic[target="_blank"] span:after { /* right: -20px; */ font-size: 10rem;}

	/* JT NOTICE BAR (FOOTER) */
	.jt-notice-bar__inner {margin: 0 40rem;width: auto;padding: 20rem 0;}
	.jt-notice-bar__title {position: relative;width: auto;font-size: 15rem;padding-right: 0;padding-bottom: 11rem;margin-bottom: 12rem;top: auto;display: block;border-bottom: 1px solid rgba(255, 255, 255, .15);}
	.jt-notice-bar__title:after {display: none;}
	.jt-notice-bar__content {padding-left: 0;padding-right: 60rem;overflow: visible;}
	.jt-notice-bar__content-link {padding: 0;font-size: 14rem;}
	.jt-notice-bar__content-txt {padding: 0;font-size: 14rem;}
	.jt-notice-bar__link-total {top: 18rem;right: 0;padding-right: 12rem;font-size: 12rem;color: #bbb;}
	.jt-notice-bar__link-total:after {color: #bbb;top: 10rem;font-size: 9rem;}

    .jt-notice-bar__control {top: auto;bottom: 0rem;right: -6rem;}
	.jt-notice-bar__control .swiper_play_state {display: none;}
	.jt-notice-bar__control .swiper-pagination {display: none;}
	.jt-notice-bar__control .jt-notice-bar__arrow {display: inline-block;vertical-align: middle;margin: 0 1rem;}
	.jt-notice-bar__arrow {display: inline-block;vertical-align: middle;width: 18rem;height: 18rem;line-height: 18rem;text-align: center;position: relative;margin: 0 3rem;}
	.jt-notice-bar__arrow:after {content: '\e947';font-family: 'jt-font';font-size: 10rem;color: #fff;display: inline-block;vertical-align: middle;line-height: normal;}
	.jt-notice-bar__arrow--left:after {-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);}

	html.ios	.jt-notice-bar__title {padding-bottom: 9rem;}
	html.ios .jt-notice-bar__link-total {top: 16rem;}
	html.ios .jt-notice-bar__link-total:after {top: 8rem; font-size: 8rem;}

    /* SCROLL TOP */
    .go-top {position: static;text-align: center;padding: 0;background: #191919;float:right;width: 130rem;}
    .go-top:after{ position: relative; display: inline-block; line-height: inherit; width: auto; content: '\e900'; height: auto; -webkit-transform: none; -ms-transform: none; transform: none; top: -1rem;}
	.go-top span { padding-right: 7rem;}
	.go-top.go-top--fix {  position: static;}
	.go-top.go-top--hide{ opacity:1; z-index:inherit}

    /* SEARCH - RESULT PAGE */
    .search_result_info {padding-bottom: 20rem;}
    .search_result_info p {font-size: 14rem;}
    .search_result_list > li {width: 49%;height: 240rem;}
    .search_result_list > li:nth-child(odd) {margin-right: 2%;clear: both;}
    .search_result_list > li:nth-child(even) {margin-right: 0;clear: none;}
    .search_result_list > li > a {padding: 25rem 20rem;}
    .search_result_list > li > a:before {bottom: 35rem;}
    .search_result_data .search_tax {font-size: 14rem;}
    .search_result_data .search_title {font-size: 17rem;line-height: 1.35;max-height:2.7em;}
    .search_result_data .search_desc {max-height: 3em;font-size: 14rem;line-height: 1.5;-webkit-line-clamp: 2;}
    .search_result_data .search_date {font-size: 13rem;}

	.search-result__info,
	.search_result_list {margin-left: 40rem;margin-right: 40rem;}
	.search-result__info { padding-top: 80rem; margin-bottom: 40rem; font-size: 26rem;}
	.search-result__info-text{ font-size: 26rem;line-height: 40rem;}
	.search-result__info-text:before{-webkit-transform: scale(.8);-ms-transform: scale(.8);transform: scale(.8) }
	.search-result__info-text:after { -webkit-transform: rotate(180deg) scale(.8); -ms-transform: rotate(180deg) scale(.8); transform: rotate(180deg) scale(.8);}

	.search_nodata {padding: 180rem 0 200rem;}
    .search_nodata p {font-size: 24rem;}

	/* PRIVACY */
    .article--privacy .wrap {max-width: inherit;padding-left: 40rem;padding-right: 40rem;}
    .article--privacy .article_header {padding-top: 80rem;}

    .privacy-item h1 {font-size: 20rem;}
    .privacy-item h2 {font-size: 17rem;}
    .privacy-item p {font-size: 15rem;}
    .privacy-item h1 + p {font-size: 12rem;}
    .privacy-item b {font-size: 15rem;}
    .privacy-item li {font-size: 15rem;}
    .privacy-item ul > li {padding-left: 12rem;}
    .privacy-item ul > li:before {top: 10rem;}
	html.ios .privacy-item ul > li:before {top: 9rem;}
    .privacy-item ol > li:before {font-size: 15rem;}
    .privacy-item ol.privacy-item__list--basic > li {padding-left: 16rem;}
    .privacy-item ol.privacy-item__list--basic > li:nth-child(n+10) {padding-left: 26rem;}
    .privacy-item ol.privacy-item__list--bracket > li {padding-left: 22rem;}
    .privacy-item ol.privacy-item__list--half > li {padding-left: 19rem;}
    .privacy-item ol.privacy-item__list--circle > li {padding-left: 19rem;}
    .privacy-item ol.privacy-item__list--char > li {padding-left: 22rem;}
    .privacy-item table th, .privacy-item table td {padding: 13rem 20rem;font-size: 14rem;}

    .privacy-item.privacy-item--intro {padding: 22rem 30rem;}

    .privacy-popup .mfp-content {padding: 90rem 0;}
    .privacy-popup .mfp-content .wrap {max-width: inherit;padding-left: 40rem;padding-right: 40rem;}
    .privacy-popup button.mfp-close {width: 48rem;height: 48rem;top: 18rem;right: 28rem;}
    .privacy-popup button.mfp-close:after {font-size: 25rem;line-height: 48rem;}
    .privacy-popup button.mfp-close:active {top: 18rem;}

    html.jt-popup-page {font-size: 0.18vw;}

	/* LOGIN - POPUP */
	.login-popup__inner {padding: 56rem 30rem 60rem;overflow: scroll;}
    .login-popup__title {font-size: 18rem;}

	.login-popup__service {margin-top: 40rem;}
    .login-popup__service-item {width: -webkit-calc(50% - 10rem);width: calc(50% - 10rem); margin-left: 20rem;}
    .login-popup__service-img-wrap {display: block;width: 100%;height: 200rem;overflow: hidden;}
    .login-popup__service-content {display: block;width: 100%;padding: 34rem 20rem;}
    .login-popup__service-title {font-size: 18rem;}
    .login-popup__service-desc {font-size: 15rem;margin-top: 12rem;}
    .login-popup__service-btn {margin-top: 26rem;}

    .login-popup__quick-list {margin-left: -10rem;margin-right: -10rem;margin-bottom: -10rem;}
    .login-popup__quick-item {width: 33.33%;padding: 0 10rem 20rem;margin-left: 0;}
    .login-popup__quick-content {padding: 26rem 10rem;}
    .login-popup__quick-txt {font-size: 16rem;}

    .login-popup__util {position: relative;bottom: auto;margin-top: 40rem;display: inline-block;vertical-align: top;}
    .login-popup__util-link {font-size: 14rem;}

	/* LOGIN - PAGE */
	.article--login .article_body {padding: 0 0 60rem;}
	.article--login .utility__section {padding-top: 73rem;}

    .login__content {padding-left: 40rem; padding-right: 40rem;}
    .login__title {font-size: 18rem;}

	.login__service {margin-top: 40rem;}
    .login__service-item {width: -webkit-calc(50% - 10rem);width: calc(50% - 10rem); margin-left: 20rem;}
    .login__service-img-wrap {display: block;width: 100%;height: 200rem;overflow: hidden;}
    .login__service-content {display: block;width: 100%;padding: 34rem 20rem;}
    .login__service-title {font-size: 18rem;}
    .login__service-desc {font-size: 15rem;margin-top: 12rem;}
    .login__service-btn {margin-top: 26rem;}

    .login__quick-list {margin-left: -10rem;margin-right: -10rem;margin-bottom: -10rem;}
    .login__quick-item {width: 33.33%;padding: 0 10rem 20rem;margin-left: 0;}
    .login__quick-content {padding: 26rem 10rem;}
    .login__quick-txt {font-size: 16rem;}

    .login__util {position: relative;bottom: auto;margin-top: 60rem;display: inline-block;vertical-align: top;}
    .login__util-link {font-size: 16rem; }
	.login__util-link:after {margin-top: -7rem;}
	.login__util-link--join {margin-bottom: 20rem; padding: 17rem 32rem;}
	.login__util-link--join .login__util-txt:before {font-size: 16rem; top: 1rem;}
	html.ios .login__util-link--join {padding-top: 19rem; padding-bottom: 15rem;}
	html.ios .login__util-link--join .login__util-txt:before {top: -1rem;}

	/* 404 */
	.error_404 {min-height: 300rem;}
	.error_404_container {padding-bottom: 5rem;}
    .error_404_container h1 {font-size: 50rem;}
    .error_404_container p {font-size: 16rem;line-height: 1.6;}

	/* POPUP */
	.jt-popup--strap .jt-popup__arrow {display: inline-block;}
	.jt-popup--strap .jt-popup__control {margin-right: -600rem;}
    .jt-popup--strap .jt-popup__control .swiper-pagination {display: none;}
    .jt-popup--strap .jt-popup__control .swiper_play_state {display: none;}

	.jt-popup--strap .has_mobile_title .jt-popup__title-desktop{ display: none}
	.jt-popup--strap .has_mobile_title .jt-popup__title-mobile{ display: inline-block}
	/*.jt-popup__wrap {height: auto;}*/
    .jt-popup__notice {font-size: 12rem;font-weight: 600;padding: 3rem 7rem;margin-right: 8rem;top: 1rem;}
    .jt-popup__title {font-size: 14rem;font-weight: 400;}

	.jt-popup__arrow {margin: 0 3rem;}
	.jt-popup__control {height: 11rem; margin-top: -4rem;}

    .jt-popup__close:after {font-size: 12rem;}

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

    .jt-popup--strap .jt-popup__title-main { display: inline-block;line-height: 1.8; padding-right:0rem;margin-top: -4rem }
	.jt-popup--strap .jt-popup__title-sub {display: block;}
    .jt-popup--strap .jt-popup__control {right: 60rem;margin-right: 0; display: none}
    /*.jt-popup--strap .jt-popup__inner {height: auto;}*/
	/*.jt-popup--strap .jt-popup__item {padding: 20rem 0 18rem;}*/
	/*.jt-popup--strap .jt-popup__item {padding: 3rem 0;}*/
	.jt-popup--strap .jt-popup__notice {top: -2rem;}
    .jt-popup--strap .jt-popup__title {height: auto;padding-top: 0;line-height: 1;font-size: 11rem;}
    .jt-popup--strap .jt-popup__close-separator {display: none;}
	.jt-popup--strap .jt-popup__link{ padding:0; }
	.jt-popup--strap .jt-popup__title-main, 
    .jt-popup--strap .jt-popup__title-sub { font-size: 14rem;}

    .jt-popup--strap.jt-popup--slideshow .jt-popup__item-inner {max-width: inherit;margin: 0 40rem 0 40rem;padding-right: 0;padding-left: 0;width: calc(100% - 80rem);}
    .jt-popup--strap.jt-popup--slideshow .jt-popup__close {left: auto;margin-left: 0;right: 35rem;opacity: 0.5;}

	.jt-popup--strap:not(.jt-popup--slideshow) .jt-popup__wrap {margin: 0 40rem;}

	html.ios .jt-popup__control {margin-top: -5rem;}
	html.ios .jt-popup--strap .jt-popup__notice { top: -3rem; padding: 	4rem 7rem 2rem; }
	html.ios .jt-popup--strap.jt-popup--slideshow .jt-popup__close {top: 17rem;}

	/* UTILITY */
    .utility__section {padding-top: 73px;padding-bottom: 80px;}
	.utility__section .wrap {max-width: inherit; padding-left: 40rem; padding-right: 40rem;}
	.utility__title {font-size: 30rem;}
	.utility__title--point:after {height: 16rem;}

    .utility__service-list {height: auto; margin-top: 66rem;}
    .utility__service-item {width: -webkit-calc(50% - 10rem); width: calc(50% - 10rem); margin-left: 20rem;}
    html.ie11 .utility__service-item {width: -webkit-calc(50% - 10px); width: calc(50% - 10px); margin-left: 20px;}
    html.ie11 .utility__service-item:first-child {margin-left: 0;}
    .utility__service-cat {width: 100%;height: 240rem;}
    .utility__service-cat-title {font-size: 32rem;}
    .utility__service-cat-title:before {font-size: 45rem;}
	.utility__service-cat-btn {margin-top: 22rem;}
	.utility__service-item--hosting .utility__service-cat-title:before { font-size: 40rem; top: 15rem;}
    .utility__service-content {width: 100%;height: 240rem;border-top-width: 0;border-left-width: 1rem;}
    .utility__service-nav-item {margin-bottom: 17rem;}
	.utility__service-nav-link {font-size: 17rem;}
	.utility__service-nav-link: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;}
	html.ios .utility__service-nav-link:after {top: 3rem;}

	.utility__service-list--type-full { margin-top: 66rem;}
	.utility__service-list--type-full .utility__service-item { width: calc(50% - 10rem); margin-left: 20rem; }
    html.ie11 .utility__service-list--type-full .utility__service-item { width: calc(50% - 10px); margin-left: 20px; }
    html.ie11 .utility__service-list--type-full .utility__service-item:first-child {margin-left: 0;}
	.utility__service-list--type-full .utility__service-cat {height: auto; padding: 60rem 20rem;}
	.utility__service-list--type-full .utility__service-cat-title {font-size: 28rem; padding-top: 62rem;}
	.utility__service-list--type-full .utility__service-cat-title:before {top: -2rem;}
	.utility__service-list--type-full .utility__service-item--hosting .utility__service-cat-title:before {top: 2rem;}

    .utility__nav-with-icon {margin-top: 65rem;}
	.utility__nav-with-icon-img img { width: 46rem; }
    .utility__nav-with-icon-txt {font-size:18rem; margin-top: 25rem;}
	.utility__nav-with-icon-txt span {display: block;}
	.utility__nav-with-icon-txt span + span {margin-left: 0;}

	.utility__nav-with-icon--type-border { margin-left: -10rem; margin-right: -10rem; margin-bottom: -20rem; }
	.utility__nav-with-icon--type-border .utility__nav-with-icon-item { width: calc(33.33% - 20rem); margin: 0 10rem 20rem; min-height: unset; }
	.utility__nav-with-icon--type-border .utility__nav-with-icon-link {padding: 40rem 10rem;}
	.utility__nav-with-icon--type-border .utility__nav-with-icon-txt {min-height: unset; margin-top: 25rem;}
	.utility__nav-with-icon--type-border .utility__nav-with-icon-txt br {display: none;}

	.utility__nav-link {font-size:16rem; padding: 25rem 5rem;}
	html.ios .utility__nav-link {padding-top: 27rem; padding-bottom: 23rem;}

	/* Etc menu */
	.etc-menu,
	.show_popup .etc-menu{display:none;left: auto;right: 0;width: 50%;max-width: 240rem;top: 80rem;box-shadow: none;height: calc(100% - 80rem);overflow: auto;}
	.etc-menu:before,
	.etc-menu:after {display: none;}
	.etc-menu__link--main { float: none; width: auto; text-align: left; padding: 8rem 0rem; font-weight: 700;}
	.etc-menu__sub-section { float: none; width: auto; padding: 0;}
	.etc-menu__link--sub { text-align: left; padding: 8rem 0;}
	.etc-menu__sub-section:first-child:before { display: none;}
	.etc-menu__sub { padding: 20rem;}
	.etc-menu__main { padding: 20rem 20rem;}

	.header__utility-allmenu--active span { position: relative; font-size: 0px;}
	.header__utility-allmenu--active span:after { content: "\e952"; font-size: 11rem; font-family: jt-font; font-weight: 400; margin-left: 13rem; color: #fff;}

} /* 860px */



/* **************************************** *
 * 860px
 * **************************************** */
@media (max-width: 860px){
    /* HEADER */
    .header__cta-btn.jt-btn__basic {padding: 11rem 20rem 10rem;}
}



/* **************************************** *
 * min-width: 541px and max-width: 860px
 * Medium Tablet size only ui fix
 * **************************************** */
@media (min-width: 541px) and (max-width: 860px){
	html.ios .header__cta-btn.jt-btn__basic {padding-top: 12rem; padding-bottom: 10rem;}
}



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

	/* Force remove adminbar */
	html[lang]{margin-top: 0px !important;}
	html #wpadminbar{ display:none;}
	.admin-bar #header{top: 0;}

    /* UTILITY */
    .utility__nav-with-icon {margin-top:50rem;margin-bottom: -25rem;}
	.utility__nav-with-icon li {width: calc(33.33% - 32rem);margin: 25rem 16rem;}

}



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

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

    /* LAYOUT */
    /*.wrap {margin: 0 15rem;}*/

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

    .article_header {padding: 40rem 0 25rem;}
    .article_header_inner {padding-bottom: 12rem;}
    .article_title {font-size: 29rem;}

	/* HEADER */
    #header {height: 70rem;border-bottom: none;}
	.header__cta-btn{ display: none;}
    .logo {text-align: left;padding: 23rem 24rem;}
	.logo a{width: 110rem;height: auto;}
	.header__tablet-login-btn { top: 25rem; right: 69rem; font-size: 13rem;}
    #small-menu-btn {top: 13rem;right: 22rem;margin-right: -9rem;transition: none;}
	
    .minimize #small-menu-btn {/* top: 21rem; */}
    body.open_menu #small-menu-btn,
	html.ios .open_menu #small-menu-btn,
	html.android .open_menu #small-menu-btn{top: 12rem;}
	body.show_popup.open_menu #small-menu-btn { top: -39rem;}
	
	html.ios #small-menu-btn{top: 15rem;}
	html.ios .header__tablet-login-btn { top: 27rem;}
	html.ios .logo {padding: 25rem 24rem 21rem;}
	
	html.android #small-menu-btn{top: 16rem;}
	html.android .header__tablet-login-btn { top: 28rem;}
	
    .menu-container-helper:before {height: 70rem;}
	
    .open_menu .header__utility-search.search-open-btn {top: 15rem;}
    .header__cta-btn.jt-btn__basic.header__cta-btn--small {top: 15rem;}
    /*.menu-minimize > li > .sub-menu {height: -webkit-calc(100vh - 70rem);height: calc(100vh - 70rem);}*/

    .header__cta-btn.jt-btn__basic.header__cta-btn--small {padding: 13rem 26rem 12rem;}
	
	.menu-small-sub-container{ height: calc(100% - 70rem);}

	/* SEARCH POPUP */
	.search-modal {max-height: 290rem;}
	.search-modal__field{height: 55rem;padding-right: 80rem;text-indent: 20rem;font-size: 15rem;}
    .search-modal__label {line-height: 55rem;left: 20rem;font-size: 15rem;}
	.search-modal__submit { width: 64rem;}
	.search-modal__submit:after { line-height: 57rem; font-size: 22rem;}
	.search-modal__inner { padding: 100rem 20rem 30rem; max-height: 290rem;}
	.search-modal__keyword li a { font-size: 14rem; padding: 6rem 6rem;}
	.search-modal__option { margin-top: 27rem;}
	.search-modal__logo {width: 120rem; top: 33rem;}
    html.ios .search-modal__label {line-height: 57rem;}

    /* FOOTER */
	.footer {  padding-bottom: 112rem;}
    .footer__inner-wrap {margin: 0 15rem;}
	.footer__setion-01,
	.footer__setion-02{padding: 0 25rem;}
	.footer__setion-01 { margin-bottom: 0;}

	.footer__menu-wrap { width: -webkit-calc(100% + 50rem); width: calc(100% + 50rem); margin-left: -25rem; position: relative;}
    .footer__menu-wrap:before, .footer__menu-wrap:after {content:'';position: absolute;top: -15rem;width: 30rem;height: 100%;background: #191919;z-index: 1;}
	.footer__menu-wrap:before {left: 0; background: -webkit-gradient(linear, left top, right top, from(#191919),to(#191919)); background: -webkit-linear-gradient(left, #191919 30%,#191919 100%); background: linear-gradient(to left, #282828 20%,#282828 100%);background: -webkit-gradient(linear,left top, right top,from(rgba(40, 40, 40, 1)),to(rgba(40, 40, 40, 0))); background: -webkit-linear-gradient(left,rgba(25, 25, 25, 1) 30%,rgba(25, 25, 25, 0) 100%); background: linear-gradient(to right,rgba(25, 25, 25, 1) 30%,rgba(25, 25, 25, 0) 100%);}
	.footer__menu-wrap:after {right: 0; background: -webkit-gradient(linear, right top, left top, from(#191919),to(#191919)); background: -webkit-linear-gradient(right, #191919 30%,#191919 100%); background: linear-gradient(to right, #282828 20%,#282828 100%);background: -webkit-gradient(linear,right top, left top,from(rgba(40, 40, 40, 1)),to(rgba(40, 40, 40, 0))); background: -webkit-linear-gradient(right,rgba(25, 25, 25, 1) 30%,rgba(25, 25, 25, 0) 100%); background: linear-gradient(to left,rgba(25, 25, 25, 1) 30%,rgba(25, 25, 25, 0) 100%);}
	.footer__menu{ overflow: auto; white-space: nowrap; -ms-overflow-style: none;  scrollbar-width: none;  }
	.footer__menu::-webkit-scrollbar { display: none;}
	.footer__menu > li:first-child { text-indent: 25rem;}
	.footer__menu li:last-child { padding-right: 25rem;}

	.footer-sitemap { background: #222;}
	.footer-sitemap__menu { margin: 0 25rem;}

	.footer__family-open { width: 100%;}
	.footer__info p span {letter-spacing: -0.9rem;padding-right: 0;display: block;clear: both;}
	.footer__info p span a.footer__info-verif { display: block; width: max-content; margin: 0; margin-left: 88rem;}
	.footer__info p span:after { display: none;}
	.footer__info-address i { float: left; width: 50rem;}
	.footer__info-address b {float: right;width: -webkit-calc(100% - 55rem);width: calc(100% - 55rem);padding-right: 0;padding-top: 2rem;}
	.footer__info-address b a.footer__adr span {padding-right: 0;}
    .footer__info-address b a.footer__adr span:after {position: relative; top: 2rem; right: -4rem;}
	
	.ios .footer__info-address b{width: calc(100% - 50rem);}
	.ios .footer__info-address b a.footer__adr span:after{top: 0rem;}

	.footer__mark-img-container {min-width: 38%;}
	.footer__mark { padding: 0 25rem; bottom: 40rem;}
	.footer__mark img { height: 30rem; }
	.footer__mark-img-isms img{height: 47rem;}

	.copyright{ font-size:0}
	.copyright:before { font-size: 13rem; content: attr(data-small);}

	/* Bottom CTA */
	.bottom-cta__title {font-size: 23rem;}
    .bottom-cta__inner { padding: 46rem 0;}

	/* JT NOTICE BAR (FOOTER) */
	.jt-notice-bar__inner {margin: 0 25rem;}
	.jt-notice-bar__title {font-size: 14rem;}
	.jt-notice-bar__content-link {font-size: 13rem;}
	.jt-notice-bar__content-txt {font-size: 13rem;}
	.jt-notice-bar__link-total {font-size: 12rem;}
	
	html.android	.jt-notice-bar__title {padding-bottom: 12rem;}
	html.android .jt-notice-bar__link-total {top: 16rem;}
	html.android .jt-notice-bar__link-total:after {top: 8rem;}

	 /* SCROLL TOP */
	.go-top{ width: 90rem;}

	/* All menu */
    .menu > li > ul > li {width: 100%;height: auto;margin-top: 20rem;}
    .menu > li > ul > li:first-child {margin-top: 0;padding-top: 0;}
    .menu > li > ul > li:last-child {padding-bottom: 10rem;}
    .menu > li > ul > li > a {margin-top: 0;}
    .menu > li > ul > li a {padding: 3rem 10rem;}

	.small-menu__logo {width: 140rem; margin-top: 30rem;}
	.small-menu__lang { padding: 20rem 0 35rem; }
    .small-menu__lang-link {font-size: 13rem;padding: 16rem 6rem;}
    .small-menu__lang-link--active span:after {height: 2rem;}
	.small-menu__lang-link--cn span {height: 18rem; width: 25rem;}
	.small-menu__lang-link--cn span:after {font-size: 25rem;}
	.small-menu__lang-link--jp span {height: 18rem; width: 38rem;}
    .small-menu__lang-link--jp span:after {font-size: 38rem;}
	html.ios .small-menu__lang-link--cn span {height: 14rem;}
	html.ios .small-menu__lang-link--jp span {height: 14rem;}

    .small-menu__inner {margin-left: 20rem; margin-right: 20rem;}
    .small-menu__back-btn {font-size: 28rem;top: 7rem;padding-bottom: 26rem; max-width: 100rem; }
    .small-menu__back-btn:after {font-size: 15rem;}
	.ios .small-menu__back-btn {top: 2rem;}

    .small-menu .menu > li > a {font-size: 28rem;}
    .small-menu .menu > li > ul.sub-menu {margin-right: auto;width: -webkit-calc(100% - 90rem);width: calc(100% - 90rem);padding-top: 7rem;}
    .small-menu .menu > li.menu__item--hosting > ul > li, .small-menu .menu > li.menu__item--marketing > ul > li {width: 100%;}
    .menu__item--marketing > ul > li:first-child > ul, .menu__item--hosting> ul > li:first-child > ul {margin-top: 0;}
	.small_screen_menu {height: 210rem;}
	.small_screen_menu > li.menu__item--shoppingmall > ul > li > a {margin-bottom: 6rem;}
    .menu.small_screen_menu:before {content:'';display: block;width: 100%;height: 20rem;position: absolute;top: 0;left: 0;background: -webkit-gradient(linear,left top, left bottom,from(#f9f9f9),to(#f9f9f9));background: -webkit-linear-gradient(top,#f9f9f9 0%,#f9f9f9 100%);background: linear-gradient(to bottom,#f9f9f9 0%,#f9f9f9 100%);background: -webkit-gradient(linear,left top, left bottom,from(rgba(249, 249, 249, 1)),to(rgba(249, 249, 249, 0)));background: -webkit-linear-gradient(top,rgba(249, 249, 249, 1) 0%,rgba(249, 249, 249, 0) 100%);background: linear-gradient(to bottom,rgba(249, 249, 249, 1) 0%,rgba(249, 249, 249, 0) 100%);z-index: 10; -webkit-transition: none; transition: none;}
    .menu.small_screen_menu:after {content:'';display: block;width: 100%;height: 20rem;position: absolute;bottom: -1rem;left: 0;background: -webkit-gradient(linear, left bottom, left top, from(#f9f9f9),to(#f9f9f9));background: -webkit-linear-gradient(bottom, #f9f9f9 0%,#f9f9f9 100%);background: linear-gradient(to top, #f9f9f9 0%,#f9f9f9 100%);background: -webkit-gradient(linear, left bottom, left top, from(rgba(249, 249, 249, 1)),to(rgba(249, 249, 249, 0)));background: -webkit-linear-gradient(bottom, rgba(249, 249, 249, 1) 0%,rgba(249, 249, 249, 0) 100%);background: linear-gradient(to top, rgba(249, 249, 249, 1) 0%,rgba(249, 249, 249, 0) 100%);z-index: 10;-webkit-transform: none;-ms-transform: none;transform: none;top: auto; -webkit-transition: none; transition: none;}

    .small-menu__footer {margin-left: 20rem; margin-right: 20rem; margin-top: 25rem;}
    .small-menu__footer-link {font-size: 12rem; padding: 18rem 5rem;}

    .open-small-submenu .small_screen_menu {height: 210rem;}

    .search-modal__close, .small-menu__close {right: 20rem; font-size: 0;}
    .search-modal__close:after, .small-menu__close:after {font-size: 16rem;margin-left: 12rem;}

	/*.menu-container-helper-inner {height: calc(100% - 70rem); }*/
	.menu-small-header {height: 70rem;}
	
	/* Etc menu */
	.etc-menu,
	.show_popup .etc-menu{top: 70rem;height: calc(100% - 70rem)}

    /* SEARCH - RESULT PAGE */
	.search-result__form-wrap {padding: 22rem 25rem 0;}
    .search-result__label {line-height: 46rem; font-size: 14rem; left: 26rem;}
    .search-result__field {height: 46rem; font-size: 14rem; padding-left: 26rem; padding-right: 28rem; line-height: 46rem;}
    .search-result__submit {width: 18rem; height: 46rem; line-height: 46rem;}
    .search-result__submit:after {font-size: 18rem;}
    .search-result__clear {width: 16rem; line-height: 46rem;}
    .search-result__clear:after {font-size: 16rem;}

    .search_result_info {padding-bottom: 16rem;}
    .search_result_list > li {height: 180rem;}
    .search_result_list > li > a {padding: 20rem 15rem;}
    .search_result_data .search_tax {margin-bottom: 8rem;}
    .search_result_data .search_desc {margin-top: 6rem;}
	.search-result__info,
	.search_result_list {margin-left: 25rem;margin-right: 25rem;}
	.search-result__info {padding-top: 40rem;margin-bottom: 22rem;font-size: 17rem;}
	.search-result__info-text{font-size: 17rem;line-height: 35rem;padding: 0 13rem;margin-right: 3rem;}
	.search-result__info-text:before{-webkit-transform: scale(.5);-ms-transform: scale(.5);transform: scale(.5);}
	.search-result__info-text:after { -webkit-transform: rotate(180deg) scale(.5); -ms-transform: rotate(180deg) scale(.5); transform: rotate(180deg) scale(.5);}
    .search-result__info-text i:before {height: 10rem;bottom: 4rem;}
    html.ios .search-result__info-text i:before {bottom: 6rem;}

    .search_nodata {padding: 115rem 20rem 135rem;}
    .search_nodata img {max-width: 80rem;}
    .search_nodata p {font-size: 16rem;}
    .search_nodata p span {padding: 0 13rem;}
    .search_nodata p span:before, .search_nodata p span:after {top: 5rem;}
    .search_nodata p span:before {-webkit-transform: scale(.5);-ms-transform: scale(.5);transform: scale(.5);}
    .search_nodata p span:after {-webkit-transform: rotate(180deg) scale(.5); -ms-transform: rotate(180deg) scale(.5); transform: rotate(180deg) scale(.5);}
    .search_nodata p span i:before {height: 10rem;bottom: 4rem;}
    html.ios .search_nodata p span i:before {bottom: 6rem;}

	/* MAIN */
	.jt-slideshow__nav-next--topbrand, .jt-slideshow__nav-prev--topbrand { display: none;}

	/* PRIVACY */
    .article--privacy .wrap {padding-left: 24rem;padding-right: 24rem;}
    .article--privacy .article_header {padding-top: 40rem;}

    .privacy-item {margin-bottom: 36rem;}
    .privacy-item h2 {padding-bottom: 13rem;margin-bottom: 13rem;}
    .privacy-item b {margin-bottom: 2rem;}
    .privacy-item p {margin-bottom: 18rem;}
    .privacy-item li {margin-bottom: 2rem;}
    .privacy-item__table {margin-bottom: 18rem;}

    .privacy-item.privacy-item--intro {padding: 22rem 20rem;}

    .privacy-popup .mfp-content {padding: 60rem 0;}
    .privacy-popup .mfp-content .wrap {padding-left: 24rem;padding-right: 24rem;}
    .privacy-popup button.mfp-close {width: 38rem;height: 38rem;top: 9rem;right: 15rem;}
    .privacy-popup button.mfp-close:after {font-size: 18rem;line-height: 38rem;}
    .privacy-popup button.mfp-close:active {top: 9rem;}

    html.jt-popup-page {font-size: 0.25vw;}

	/* LOGIN - POPUP */
	.login-popup__inner {padding: 46rem 20rem 50rem;}
    .login-popup__title {font-size: 16rem;}
	.login-popup__title--point:after {height: 12rem; bottom: -3rem;}

    .login-popup__service-item {width: 100%; margin-left: 0;}
    .login-popup__service-item + .login-popup__service-item {margin-top: 20rem;}
    .login-popup__service-title {font-size: 16rem;}
    .login-popup__service-desc {font-size: 14rem;margin-top: 10rem;}

    .login-popup__quick-list {margin: 30rem -7.5rem -15rem;}
    .login-popup__quick-item {width: 50%;margin-left: 0;padding: 0 7.5rem 15rem;}
    .login-popup__quick-content {padding: 20rem 10rem;}
    .login-popup__quick-txt {font-size: 14rem;}
	.ios .login-popup__quick-txt:after {top: 2rem;}

    .login-popup__util {margin-top: 40rem;}
    .login-popup__util-item {margin-left: 16rem;}
    .login-popup__util-link {font-size: 12rem;}
	.login-popup__util-link:after {margin-top: -9rem;}

	/* LOGIN - PAGE */
	.article--login .article_body {padding: 0 0 50rem;}
	.article--login .utility__section { padding-top: 47rem; }

	.login__content {padding-left: 25rem; padding-right: 25rem;}
    .login__title {font-size: 16rem;}
	.login__title--point:after {height: 12rem; bottom: -3rem;}

    .login__service-item {width: 100%; margin-left: 0;}
    .login__service-item + .login__service-item {margin-top: 20rem;}
    .login__service-title {font-size: 16rem;}
    .login__service-desc {font-size: 14rem;margin-top: 10rem;}

    .login__quick-list {margin: 30rem -7.5rem -15rem;}
    .login__quick-item {width: 50%;margin-left: 0;padding: 0 7.5rem 15rem;}
    .login__quick-content {padding: 20rem 10rem;}
    .login__quick-txt {font-size: 14rem;}
	.ios .login__quick-txt:after {top: 2rem;}

    .login__util {margin-top: 50rem;}
    .login__util-item {margin-left: 16rem;}
    .login__util-link {font-size: 14rem;}
	.login__util-link:after {margin-top: -8rem;}
	html.ios .login__util-link:after {margin-top: -9rem;}
	.login__util-link--login .login__util-txt:before {font-size: 12rem; margin-top: 2rem;}
	.login__util-link--join .login__util-txt:before {font-size: 14rem;}

	/* 404 */
    .error_404_container h1 {font-size: 32rem;}
    .error_404_container p {font-size: 13rem;padding-bottom: 32rem;}

	/* UTILITY */
    .utility__section { padding-top: 63px; padding-bottom: 60px;}
	.utility__section .wrap {padding-left: 25rem; padding-right: 25rem;}
    .utility__title {font-size: 23rem;}
	.utility__title--point:after {height: 14rem;}

	.utility__service-list {margin-top: 53rem;}
    .utility__service-item, html.ie11 .utility__service-item {width: 100%; margin-left:0;}
    .utility__service-item + .utility__service-item {margin-top: 20rem;}
    .utility__service-cat {height: 160rem;}
    .utility__service-cat-title {font-size: 24rem;padding-top: 58rem;}
    .utility__service-cat-title:before {font-size: 36rem;}
	.utility__service-cat-btn {margin-top: 18rem;}
	.utility__service-item--hosting .utility__service-cat-title:before {font-size: 30rem;}
    .utility__service-content {height: auto; padding: 32rem 45rem;}
    .utility__service-nav-link {font-size: 15rem;}
	html.ios .utility__service-content {height: auto; padding: 33rem 45rem 31rem;}

	.utility__service-list--type-full {margin-top: 53rem;}
	.utility__service-list--type-full .utility__service-item, html.ie11 .utility__service-list--type-full .utility__service-item { width: 100%; margin-left: 0; }
	.utility__service-list--type-full .utility__service-cat { padding: 50rem 20rem;}
	.utility__service-list--type-full .utility__service-cat-title {padding-top: 50rem; font-size: 24rem;}
	.utility__service-list--type-full .utility__service-cat-title:before {top: -2rem;}
	.utility__service-list--type-full .utility__service-item--hosting .utility__service-cat-title {padding-top: 40rem;}
	.utility__service-list--type-full .utility__service-item--hosting .utility__service-cat-title:before {top: -2rem;}

    .utility__nav-with-icon {margin-top: 25rem;}
    .utility__nav-with-icon-txt {font-size: 16rem;margin-top: 22rem;}
	.utility__nav-with-icon--type-border { margin-top: 50rem; margin-left: -7.5rem; margin-right: -7.5rem; margin-bottom: -15rem; }
	.utility__nav-with-icon--type-border .utility__nav-with-icon-item { width: calc(50% - 15rem); word-break: break-word; margin: 0 7.5rem 15rem; }
	.utility__nav-with-icon--type-border .utility__nav-with-icon-link { padding: 30rem 10rem; }
	.utility__nav-with-icon--type-border .utility__nav-with-icon-txt { font-size: 14rem; margin-top: 22rem; }

    .utility__nav {margin-top:30rem;}
    .utility__nav-link {width:50%;font-size: 14rem;padding: 20rem 5rem;}
    .utility__nav-link:last-child {width:100%}
	html.ios .utility__nav-link {padding-top: 22rem; padding-bottom: 18rem;}

	/* POPUP */	
	.jt-popup--strap .jt-popup__link {padding: 0;}
	.jt-popup--strap .jt-popup__title-main, 
	.jt-popup--strap .jt-popup__title-sub { font-size: 13rem;}
	.jt-popup--strap .jt-popup__control {right: 45rem;}
	.jt-popup--strap .jt-popup__close {right: 0;width: 40rem;height: 40rem;top: 6rem;}
	.jt-popup--strap .jt-popup__close:after{ line-height:40rem}
	.jt-popup--strap:not(.jt-popup--slideshow) .jt-popup__close {right: -15rem}
	.jt-popup--strap.jt-popup--slideshow .jt-popup__item-inner {margin: 0 30rem; width: calc(100% - 60rem);}
	.jt-popup--strap:not(.jt-popup--slideshow) .jt-popup__wrap {margin: 0 24rem;}
	body.show_popup #header {height: 122rem;}
	body.show_popup .main-container {padding-top: 122rem;}


} /* 540px */


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

	/* Menu */
	.header__utility-link,
	.menu-minimize > li > a { padding-top: 12rem;padding-bottom: 12rem;}

}



/* **************************************** *
 * Landscape
 * **************************************** */
/*
@media(max-width:10230px) and (max-height:480px) and (orientation: landscape){
	
   
	.header__utility-link {padding: 7rem 25rem;}
    .header__utility-allmenu {margin-top: 16rem;}
    .menu-minimize > li > a {padding: 7rem 25rem;}
	
}
*/