@charset "utf-8";

/*
 * File       : layout.css
 * Author     : STUDIO-JT (KMS)
 * Guideline  : JTstyle.1.1
 *
 * 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) PRIVACY
 * 10) 404
 */



/* **************************************** *
 * GLOBAL
 * **************************************** */
html{font-size: 62.5%;}

body {overflow-x: hidden;font-family: 'Noto Sans KR', sans-serif;word-break: keep-all; background: #e0e0e0}
body {/*letter-spacing: -0.025em*/}
[lang="en"] {letter-spacing: -0.02em;}

a {color: #FF5B00;text-decoration: none;}
[lang="en"] {font-family: 'Poppins', 'Noto Sans KR', sans-serif;}

/* WRAP */
.wrap {max-width: 128rem;margin: 0 auto;display: block;}
.narrow-wrap {max-width: 75rem;margin: 0 auto;display: block;}

/* UTILITY */
.br-medium { display:none;}
.br-small { display:none;}



/* **************************************** *
 * HEADER
 * **************************************** */
#header {width: 100%;height: 8rem;position: fixed;top: 0;left: 0;background: #E0E0E0;border-bottom:0.1rem solid rgba(0, 0, 0, 0.1); z-index: 1000; transition: background .3s;}
.header_wrap {height: 100%;max-width: 150rem;margin: 0 auto;position: relative;text-align: center;}
.admin-bar #header { top: 32px;}

/* LOGO */
#logo { position: relative; top: 2.2rem; z-index: 2; display: inline-block; -webkit-transition: top 300ms, width 300ms, height 300ms; transition: top 300ms, width 300ms, height 300ms; width: 7rem; height: auto; }
#logo a {display: block;width: 100%;height: 100%;}
#logo a svg, #logo a img {display: block;width: 100%;height: 100%;}
#logo .logo_white {display: none;}

/* MENU */
.menu_container {display: block;width: 100%;position: relative;font-size: 0;line-height: 1;text-align: center;z-index: 1;}
#menu {display: inline-block;vertical-align: top;}
#menu:after {content: '';display: table;clear: both;}
#menu a {display: block;line-height: 1.7;-webkit-transition: all 0.3s;transition: all 0.3s;}
html.mobile body.open_menu {height:100vh; overflow:hidden;}

/* 1depth */
#menu > li {display: inline-block;vertical-align: top;position: relative;}
#menu > li > a {padding: 3rem 3.2rem;position: relative;font-size: 1.8rem;font-weight: 600;color: #000;}
#menu > li > a > span {position: relative;}
#menu > li > a > span:after {content: '';display: block;width: 0.1rem;height: 1.2rem;position: absolute;right: -3.2rem;top: 50%;margin-top: -0.6rem;background: #ddd;}
#menu > li:last-child > a > span:after {display: none;}
html.desktop #menu > li:hover > a, #menu > li.current-page-ancestor > a {color: #FF5B00;}
#menu ul.sub-menu {opacity: 0;visibility: hidden;-webkit-transition: opacity 0.2s;transition: opacity 0.2s;}

/* 2depth */
#menu > li:hover > ul, #menu > li.focusin > ul {opacity: 1;visibility: visible;}
#menu > li > ul {width: 21.8rem;position: absolute;left: 50%;margin-left: -10.9rem;top: 100%;text-align: left;background: #000;-webkit-box-shadow: 0.2rem 0.2rem 2.1rem 0px rgba(0, 0, 0, .08);box-shadow: 2px 2px 21px 0px rgba(0, 0, 0, .08);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#menu > li > ul > li {display: block;border-bottom: 0.1rem solid #333;}
#menu > li > ul > li:last-child {border-bottom: none;}
#menu > li > ul > li > a {padding: 1.5rem 2.5rem;font-size: 1.5rem;letter-spacing: -0.01em;font-weight: 400;color: #aaa;}
html.desktop #menu > li > ul > li:hover > a, #menu > li > ul > li.current-menu-item > a, #menu > li > ul > li.current-menu-ancestor > a {color: #fff;}

/* search */
.search_container {position: absolute;top: 2rem;right: 5.5rem;z-index: 2;-webkit-transition: top 300ms;transition: top 300ms;}
.global_search_open_btn {display: block;width: 4rem;height: 4rem;position: relative;}
.global_search_open_btn:after {display: block;width: 100%;height: 100%;position: absolute;top: 0.15rem;left: 0;font-family: 'jt-font';content: '\e932';font-size: 2.2rem;line-height: 3.6rem;font-weight: normal;text-align: center;color: #000;-webkit-transition: color 300ms;transition: color 300ms;}
html.desktop .global_search_open_btn:hover:after {color: #FF5B00;}

/* mobile */
#small_menu_btn {display: block;width: 4rem;height: 4rem;position: absolute;top: 2rem;right: 0rem;z-index: 550;cursor: pointer;-webkit-transition: top 300ms;transition: top 300ms;border: none; background: transparent;}
.small_menu_btn_line {display: block;width: 100%;width: 2.8rem; max-width:2.8rem; height: 2px;position: absolute; right: 0; background: #000;-webkit-transition: background 300ms;transition: background 300ms;}
.small_menu_btn_line_01 {top: 1rem;}
.small_menu_btn_line_02 {top: 1.9rem;}
.small_menu_btn_line_03 {top: 2.8rem;}
html.desktop #small_menu_btn:hover .small_menu_btn_line { background: #FF5B00;}
.open_menu #small_menu_btn {z-index:999;}

#small_menu_container {display: none;max-width: 58rem;width: 90%;height: 100%;margin: 0;position: fixed;top: 0;bottom: 0;right: 0;-webkit-transform: translateX(101%);-ms-transform: translateX(101%);transform: translateX(101%);z-index: 650;background: #E0E0E0;-webkit-overflow-scrolling: touch;}
.small_menu_container_inner {width: 100%;height: 100%;position: relative; display: table;}

.small_screen_menu { display: table-cell; vertical-align: middle;}
.small_screen_menu li {display: block;width: 100%;}
.small_screen_menu a {display: block;position: relative;letter-spacing: -0.02em;line-height: 1.6;color: #000;}
.small_screen_menu ul.sub-menu {display: none;background: #f8f8f8;border-top: 0.1rem solid #eee;}
.small_screen_menu > li > a {padding: 0.7rem 8.5rem;font-size: 3.8rem;font-weight: 500;background: #E0E0E0;font-family: 'Poppins', 'Noto Sans KR', sans-serif;  -webkit-transition: color 0.1s; transition:color 0.1s}
.small_screen_menu > li.current-menu-item > a,
.small_screen_menu > li.current-page-ancestor > a,
html.desktop .small_screen_menu > li > a:hover { color: #FF5B00; -webkit-transition: color 0s; transition:color 0s}
.small_screen_menu > li > a span {position: relative;}

.small_screen_menu > li > ul {padding: 0 1.5rem;}
.small_screen_menu > li > ul > li {border-top: 0.1rem solid #eee;}
.small_screen_menu > li > ul > li:first-child {border-top: none;}
.small_screen_menu > li > ul > li > a {padding: 1.2rem 1rem;font-size: 1.5rem;font-weight: 400;}
.small_screen_menu > li > ul > li.current-menu-item > a,
.small_screen_menu > li > ul > li.current-menu-ancestor > a {color: #FF5B00;}
.small_screen_menu li.menu-item-has-children > a {padding-right: 4.2rem;}
.small_screen_menu li.menu-item-has-children > a:after {display: block;width: 1.8rem;height: 1.8rem;position: absolute;right: 1.2rem;top: 50%;margin-top: -0.9rem;font-family: 'jt-font';content: '\e93d';font-size: 1.2rem;font-weight: normal;text-align: center;line-height: 1.8rem;color: #FF5B00;-webkit-transition: -webkit-transform 350ms;transition: -webkit-transform 350ms;transition: transform 350ms;transition: transform 350ms, -webkit-transform 350ms;}
.small_screen_menu li.menu-item-has-children.active > a:after {-webkit-transform: rotate(-180deg);-ms-transform: rotate(-180deg);transform: rotate(-180deg);}

#small_menu_close {display: block;width: 5rem;height: 5rem;position: fixed;top: 4rem;right: -5rem;z-index: 660;cursor: pointer;}
#small_menu_close:after {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;font-family: 'jt-font';content: '\e918';font-size: 2.5rem;line-height: 5rem;font-weight: normal;text-align: center;color: #000;}
#small_menu_overlay {display: none;position: fixed;top: 0;left: 0;bottom: 0;right: 0;background: #000000;background: rgba(0, 0, 0, .6);z-index: 600;}

.home #header {-webkit-box-shadow:none;box-shadow:none;}
.open_menu #header {transform: none !important;}

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

/* background color */
#header.background-dark {border-bottom: 0.1rem solid rgba(255, 255, 255, .15);}
#header.background-dark .global_search_open_btn:after {color:#fff}
#header.background-dark .small_menu_btn_line {background:#fff}
#header.background-dark .small_menu_btn_line.menu-open {background:#000}
#header.background-dark #logo .logo_basic {display: none;}
#header.background-dark #logo .logo_white {display: block;}
html.desktop #header.background-dark #small_menu_btn:hover .small_menu_btn_line {background:#fff}
html.desktop #header.background-dark #small_menu_btn:hover .small_menu_btn_line.menu-open {background:#FF5B00}



/* **************************************** *
 * FOOTER
 * **************************************** */
.footer {width: 100%;position: relative;background: #111;}
.footer_inner {margin: 0 auto;position: relative; border-bottom: 0.1rem solid rgba(255, 255, 255, .15);}
.footer_inner.wrap {max-width:128rem}

/* audition */
.footer_audition {padding: 10rem 0 9.7rem; color: #fff;}
.footer_audition-sub {font-size: 1.8rem; line-height: 1.6; letter-spacing: -0.04em;}
.footer_audition-title {margin: 1.1rem 0 3.8rem; font-size: 4.6rem; line-height: 1.3; letter-spacing: -0.02em;}
.footer_audition-btn.jt-btn__renewal {color: #fff; border: 0.1rem solid #fff; letter-spacing: -0.01em; padding: 1.1rem 4rem 1.1rem;}
html.desktop .footer_audition-btn.jt-btn__renewal:hover {color: #FF5B00; background: #fff; border: 0.1rem solid #fff;}

/* menu */
.footer_bottom .footer_inner {display: grid; align-items: center; grid-template-columns: repeat(3,1fr); height: 8.3rem;}
.footer_menu li {display: inline-block; padding: 1rem 1.5rem;}
.footer_menu li:first-child {padding-left: 0;}
.footer_menu li:last-child {margin-right: 0;}
.footer_menu li a {color: #848484; font-size: 1.4rem; line-height: 1.6; transition: color .3s;}
html.desktop .footer_menu li:hover a {color: #fff;}

/* social */
.footer_sns_wrap {text-align: right;}
.footer_sns {font-size: 0;line-height: 1;text-align: right;}
.footer_sns > li {display: inline-block;width: 2.4rem;height: 2.4rem;margin-left: 3.2rem;}
.footer_sns > li:first-child {margin-left: 0;}
.footer_sns > li:last-child {margin-right: 0;}
.footer_sns > li > a {display: block;width: 100%;height: 100%;position: relative;font-weight: normal;text-align: center;line-height: 2.4rem;opacity: 0.4;color: #ffffff;color: rgba(255, 255, 255, .8);background: transparent;-webkit-transition: color 300ms, border-color 250ms, background 300ms;-webkit-transition: 0.3s, border-color 250ms, background 300ms;transition: 0.3s, border-color 250ms, background 300ms;}
.footer_sns > li > a:after {display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;font-family: 'jt-font';font-size: 2rem;}

.footer_sns > li.youtube > a:after {content: '\e939';font-size: 2.4rem;}
.footer_sns > li.instagram > a:after {content: '\e937';}
.footer_sns > li.facebook > a:after {content: '\e916';}
.footer_sns > li.pinterest > a:after {content: '\e907';}
.footer_sns > li.twitter > a:after {content: '\e938';}
.footer_sns > li.tiktok > a:after {content: '\e936';}
.footer_sns > li.kakao > a:after {content: '\e923';}
.footer_sns > li.naver > a:after {font-size: 1.8rem;content: '\e931';}
.footer_sns > li.naver_blog > a:after {content: '\e937';}

html.desktop .footer_sns > li > a:hover {color: #fff;opacity: 1;}

/* copy */
.copyright {font-size: 1.4rem;font-weight: 400;line-height: 1.5;color: #848484; letter-spacing: -0.02em; text-align: center;}



/* **************************************** *
 * SCROLL TOP
 * **************************************** */
/* scroll top circle */
.scroll_btn {display: block;height: 6.5rem;width: 6.5rem;position: absolute;top: -10.7rem;right: 4rem;-webkit-transition: opacity 0.3s;transition: opacity 0.3s; z-index: 490;}
body.single .scroll_btn {top: -26.7rem;}
#footer.footer .scroll_btn.js_go_top_fix {position: fixed;top: inherit;bottom: 5.5rem;}
.scroll_btn_progress {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;border-radius: 50%;}
.scroll_btn_progress canvas {max-width: 100%;max-height: 100%;}
.scroll_btn_txt {display: block;width: 100%;height: 100%;font-size: 1.4rem;font-family: 'Poppins', 'Noto Sans KR', sans-serif;font-weight: 600;color: #000;text-align: center;line-height: 6.4rem;/* background: url(../images/scroll-top.svg) no-repeat center; */}
.scroll_btn.hide {opacity: 0;z-index: -1;}

html.ipad .scroll_btn {visibility:hidden;}



/* **************************************** *
 * GLOBAL CONTAINER
 * **************************************** */
.main_container {padding-top: 8rem; padding-bottom: 15rem; background: #E0E0E0; overflow-x:hidden;}
.home .main_container {padding-bottom: 0;}
.single .main_container {padding-bottom:0;}



/* **************************************** *
 * CURSOR
 * **************************************** */
#custom_cursor,
#custom_cursor_text {width: 12.2rem;height: 12.2rem;position: fixed;top: 0;left: 0;z-index: 10;pointer-events: none;}
.custom_cursor_inner {display: block;width: 100%;height: 100%;position: relative;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.custom_cursor_circle,
.custom_cursor_txt {display: block;width: 0;height: 0;position: absolute;top: 0;left: 0;border-radius: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);overflow: hidden;opacity: 0;}
.custom_cursor_circle {z-index: 1;background: #fff no-repeat center center;}
.custom_cursor_txt {z-index: 2;}
.custom_cursor_txt > span {display: block;width: 100%;height: 100%; font-size: 1.4rem; font-weight: 700;text-align: center;line-height: 12.2rem; color: #000;}

#custom_cursor_text.drag .custom_cursor_txt {background: url(../images/icon/icon-drag-black.svg) no-repeat center center;background-size: 8.9rem auto;}

html.ie10 #custom_cursor, html.ie10 #custom_cursor_text {display: none;}
html.edge #custom_cursor_text.drag .custom_cursor_txt {background-size: 9rem auto;}



/* **************************************** *
 * PAGE
 * **************************************** */
/* PAGE HEADER */
.article_header {padding: 5.8rem 0 4.4rem;text-align: center;}
.article_header_inner {padding-bottom: 2.2rem;border-bottom: 0.3rem solid #FF5B00;}
.article_title {font-size: 4.2rem;font-weight: 400;line-height: 1.25;letter-spacing: -0.025em;color: #000;}
.article-header__title { font-family: 'Poppins', 'Noto Sans KR', sans-serif; font-weight: 500; font-size: 5.2rem; display: inline-block; margin: 1.4rem 2rem 1.4rem 0; line-height: 0.8; letter-spacing: -0.02em;}
.article-header__subtitle { display: inline-block; font-weight: 500; font-size: 2rem; color: #848484; letter-spacing: -0.01em; margin-bottom: 1.6rem; line-height: 1.1}
html.desktop.js .article-header__title {overflow: hidden; color: #e0e0e0}
html.desktop.js body.search .article-header__title {color: #000}
html.desktop.js .article-header__title.start { color: #000 }
html.desktop.js .article-header__title > div {opacity: 0; }
html.desktop.js .article-header__subtitle {overflow: hidden; opacity: 0;}
.article-header__inner { margin-bottom: 4.3rem; margin-top: 12rem;}
.search-results .article-header__inner { margin-bottom: 2rem;}

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



/* **************************************** *
 * SEARCH
 * **************************************** */
/* popup */
.global_search_popup {display: none;width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: #FF5B00;z-index: 1100;overflow: hidden;}
.global_search_popup_inner {width: 100%; height: 100%;padding-top: 21.7rem;position: relative;}

.global_search_form {display: block;position: relative;}

.global_search_field {display: block;width: 100%;height: 13.5rem; line-height: normal; margin: 0;padding: 0 6.8rem 0 0;position: relative;font-size: 6.2rem;font-weight: 600;letter-spacing: -0.025em;color: #fff;text-overflow: ellipsis;background: transparent;outline: none;border: none;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);}
.global_search_field::-ms-clear {display: none;width: 0;height: 0;}
.global_search_field::-webkit-search-cancel-button {-webkit-appearance: none;}
.global_search_field::-webkit-search-decoration {-webkit-appearance: none;}

.global_search_label {position: absolute;top: 0;left: 0;font-size: 6.2rem;line-height: 13.5rem;font-weight: 700;letter-spacing: -0.025em;color: #ffffff;color: rgba(255, 255, 255, .3);-webkit-transition: opacity 260ms;transition: opacity 260ms;}

.global_search_submit {width: 4.8rem;height: 100%;margin: 0;padding: 0;position: absolute;right: 0;top: 0;background: none;border: none;cursor: pointer;}
.global_search_submit:after {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;font-family: 'jt-font';content: '\e932';font-size: 3.5rem;line-height: 15rem;font-weight: normal;text-align: center;color: #fff;}

.global_search_form.active .global_search_label {opacity: 0;}
.global_search_form.active:after {background: #fff;}

.global_search_form.focus_in .global_search_field {border-bottom-color: #fff;}
.global_search_form.active .global_search_label {opacity: 0;}

.global_search_popup_close {width: 5rem;height: 4.9rem;margin: 0;padding: 0;position: absolute;top: 4.9rem;right: 7rem;background: transparent;border: none;cursor: pointer;z-index: 1;}
.global_search_popup_close:after {display: block;width: 100%;height: 100%;font-family: 'jt-font';content: '\e918';font-size: 2.9rem;font-weight: normal;text-align: center;line-height: 4.9rem;color: #fff;}

.global_search_option {margin-top: 5.7rem; }

.global_search_keyword_scroll { width: 100%; height: 100vh; position: relative; overflow: hidden; }
.global_search_keyword_scroll nav { width: 100%; height: 100%; position: relative; overflow: hidden; }
.global_search_keyword_scroll nav ul {padding-bottom: 5.7rem;}

.global_search_keyword.hide { visibility: hidden; opacity: 0; height: 0;}
.global_search_keyword > b {display: block;padding-bottom: 2.3rem;font-size: 2rem;letter-spacing: -0.025em;font-weight: 500;color: #fff;opacity: 0.4;}
.global_search_keyword li {display: block;font-size: 0;}
.global_search_keyword li a {display: inline-block;padding: 0.5rem 0;position: relative;font-size: 2.4rem;font-weight: 500;line-height: 1.55;letter-spacing: -0.025em; color: #fff; transition: color .1s;}
html.desktop .global_search_keyword ul.active li a{color: rgba(255,255,255,0.6);}
html.desktop .global_search_keyword ul li a.active:hover {color: rgba(255,255,255,1);}
html.mobile .global_search_keyword li a {padding-right: 0;}

.global_search_autocomplete {display: none;margin-top: -0.8rem;}
.global_search_autocomplete li {display: block;font-size: 0;}
.global_search_autocomplete li p, .global_search_autocomplete li a {display: inline-block;padding: 0.8rem 6.1rem 0.8rem 0;position: relative;font-size: 2rem;font-weight: 500;line-height: 1.55;letter-spacing: -0.025em;color: #a9afdc;}
.global_search_autocomplete li p, html.mobile .global_search_autocomplete li a {padding-right: 0;}
.global_search_autocomplete li a br {display: none;}
.global_search_autocomplete li a span {color: #fff;}
.global_search_autocomplete li a:after {display: block;position: absolute;right: 1.5rem;top: 50%;margin-top: -1.7rem;font-family: 'jt-font';content: '\e914';font-size: 3.4rem;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 .global_search_autocomplete li a:hover:after {right: 0;opacity: 1;-webkit-transition-delay: 0ms, 0ms;transition-delay: 0ms, 0ms;}

.search_suggestion_list_item_outer{ display:block;}
.search_suggestion_list_item { display: inline-block; padding: 0.5rem 0; position: relative; font-size: 2.4rem; font-weight: 500; line-height: 1.55; letter-spacing: -0.025em; color: #ffffff; color: rgba(255, 255, 255, .5);}
.search_suggestion_list_item:hover,
.search_suggestion_list_highlight{color: #fff;}

/* result page */
.search_result_info {padding-bottom: 3.1rem;}
.search_result_info p {font-size: 2rem;color: #000;}
.search_result_info p span {color: #FF5B00;}

.search_result_list {margin-bottom: -2%;}
.search_result_list:after {content: '';display: table;clear: both;}
.search_result_list > li {float: left;width: 22.7%;height: 28.7rem;margin-right: 3%;margin-bottom: 3.2%;border: 1px solid rgba(0, 0, 0, 0.1);}
.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: 3.4rem 2.9rem;position: relative;}
.search_result_data {width: 100%;height: 100%;position: relative;}
.search_result_data .search_tax {line-height: 1.5;color: #848484;font-family: 'Poppins', 'Noto Sans KR', sans-serif;font-weight: 500;font-size: 1.5rem;letter-spacing: -0.04em;}
.search_result_data .search_title {line-height: 1.6;color: #000;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-weight: 500;font-size: 1.8rem;letter-spacing: -0.02em;margin-top: 0.7rem;transition: color .3s;}
.search_result_data .search_desc {margin-top: 1.1rem;font-size: 1.4rem;line-height: 1.75;color: #444; max-height: 3.6em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.search_result_data .search_date {display: block; position: absolute;left: 0;bottom: -0.2rem;font-size: 1.2rem;line-height: 1.53;font-weight: 400;color: #848484; font-family: 'Poppins', 'Noto Sans KR', sans-serif;}
html.desktop .search_result_data:hover .search_title {color: #FF5B00;}

.search_nodata {padding: 12rem 0;text-align: center;}
.search_nodata p {font-size: 1.8rem;font-weight: 400;line-height: 1.75;color: #444;}
.search_nodata p span {color: #FF5B00;}

.search_result_form {margin:0 0 6.9rem; position:relative;}
.search_result_field {display: block;width: 100%;height: 8rem; line-height: normal; margin: 0;padding: 0 6.8rem 0 0;position: relative;font-size: 2.8rem;font-weight: 600;letter-spacing: -0.025em;color: #000;text-overflow: ellipsis;background: transparent;outline: none;border: none;border-bottom: 0.3rem solid #bbb;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_result_field::-ms-clear {display: none;width: 0;height: 0;}
.search_result_field::-webkit-search-cancel-button {-webkit-appearance: none;}
.search_result_field::-webkit-search-decoration {-webkit-appearance: none;}
.search_result_label {position: absolute;top: 0;left: 0;font-size: 2.8rem;line-height: 8rem;font-weight: 600;letter-spacing: -0.025em;color: #bbb; -webkit-transition: opacity 260ms;transition: opacity 260ms;}
.search_result_submit {width: 4.8rem;height: 100%;margin: 0;padding: 0;position: absolute;right: 0;top: 0;background: none;border: none;cursor: pointer;}
.search_result_submit:after {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;font-family: 'jt-font';content: '\e932';font-size: 2.8rem;line-height: 8rem;font-weight: normal;text-align: center;color: #000;}
.search_result_form.active .search_result_label {opacity: 0;}
.search_result_form.active:after {background: #fff;}
.search_result_form.focus_in .search_result_field {border-bottom-color: #000;}
.search_result_form.active .search_result_label {opacity: 0;}

/* search not found recommend */
.search_result_recommend_keyword > b {display: block;padding-bottom: 2.3rem;font-size: 2rem;letter-spacing: -0.025em;font-weight: 500;color: #848484;}
.search_result_recommend_keyword li {display: block;font-size: 0;}
.search_result_recommend_keyword li a {display: inline-block;padding: 0.5rem 0;position: relative;font-size: 2.4rem;font-weight: 500;line-height: 1.55;letter-spacing: -0.025em; color: #FF5B00; transition: color .3s;}
html.desktop .search_result_recommend_keyword ul.active li a{color: #bbb;}
html.desktop .search_result_recommend_keyword ul li a.active:hover {color: #FF5B00;}


/* **************************************** *
 * PRIVACY
 * **************************************** */
.page-template-privacy .wrap {max-width: 101.4rem;}
.privacy_box {margin-bottom: 5rem;font-size: 1.6rem;}
.privacy_box:last-child {margin-bottom: 0;}
.privacy_box_title {display: block;padding-bottom: 1.8rem;margin-bottom: 2rem;font-size: 1.8rem;line-height: 1.66;font-weight: 600;color: #000;border-bottom: 0.1rem solid #bbb;letter-spacing: -0.025em;}
.privacy_box > *:last-child {margin-bottom: 0;}
.privacy_box a {color: #FF5B00; position: relative;}
.privacy_box a::after {position: absolute; width: 100%; height: 0.1rem; background: #FF5B00; content: ''; left: 0; bottom: 0;}
.privacy_box p {margin-bottom: 1.6rem;font-size: 1.6rem;line-height: 1.8;color: #444;}
.privacy_box b {display: block;font-size: 1.6rem;line-height: 1.75;font-weight: 500;color: #000;}
.privacy_box li {margin-bottom: 0.2rem;position: relative;font-size: 1.6rem;line-height: 1.75;color: #444;}
.privacy_box li:last-child {margin-bottom: 0;}
.privacy_box > ul > li {padding-left: 1.4rem;margin-bottom: 0.7rem;}
.privacy_box > ul > li:before {content: '';display: block;width: 0.5rem;height: 0.5rem;position: absolute;left: 0;top: 1.2rem;background: #000;border-radius: 50%;}
.privacy_box > ul > li > ul {margin-top: 0.2rem;margin-bottom: 2.6rem;}
.privacy_box > ul > li:last-child > ul {margin-bottom: 0;}

.privacy_intro {margin-bottom: 5.4rem;padding: 3.3rem 3.1rem 3.8rem;background: #d9d9d9;letter-spacing: -0.025em; font-size: 1.6rem;}
.privacy_intro b {font-weight:500;}
.privacy_box .three-depth > li {margin-bottom: 1rem;}



/* **************************************** *
 * 404
 * **************************************** */
 body.error404 #header {background: #FF5B00;}
.error404 .main_container {padding-bottom: 0;}
.error404 .go_top {display: none;}

.error_404 {width: 100%;height: calc(100vh - 163px);height: -webkit-calc(100vh - 163px);position: relative;display: table;overflow: hidden;background: #FF5B00;}
.error_404_container {position: relative;text-align: center;z-index: 10;vertical-align: middle;display: table-cell;padding-bottom: 1.8rem;}
.error_404_container h1 {font-size: 5.8rem;font-weight: 500;line-height: 1.2;color: #fff;}
.error_404_container h1 br {display:none;}
.error_404_container p {padding: 1rem 0 5.5rem;font-size: 1.6rem;line-height: 1.75;letter-spacing: -0.025em;color: #fff;}
.error_404_button_wrap a {border: 1px solid #fff;padding: 1.2rem 4rem 1.1rem;font-size: 1.3rem;line-height: 1;color: #fff;display: inline-block;background-color: transparent;-webkit-transition: .1s;transition: .1s;}
html.desktop .error_404_button_wrap a.jt-btn__renewal:hover {background-color: #fff;color:#FF5B00;border-color: #fff; }



/* **************************************** *
 * MAGAZINE MODAL
 * **************************************** */
.magazine-container,
.magazine { height: 100%;}
.magazine-container { height: 100%;}
.magazine-modal { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; z-index: 9999999; display:none;}
.magazine__item {/* height: 100%; *//* position: absolute; *//* width: 100%; */padding: 8rem 14.5rem; background: #fff;}
.magazine__double:after{ content:""; position:absolute; left:50%; top:0; bottom:0;width:1px; background:#aaa}
.magazine__single-img { height: 100%; width: 100%; background:#fff; overflow: hidden;}
.magazine__double-img-01,
.magazine__double-img-02 { height: 100%; width: 50%; background:#fff; float:left; overflow: hidden;}
.magazine__item magazine__single { height: 100%; width: 50%;}

.magazine__double .magazine__double-img-01 ,
.magazine__double .magazine__double-img-02 { width: 45%;}
.magazine__double .magazine__double-img-01 { margin-right: 5%;}
.magazine__double .magazine__double-img-02 { margin-left: 5%;}

.magazine__double-img__inner,
.magazine__single-img__inner { height: 100%; background:#fff no-repeat center center; background-size:contain;}

.magazine-close-btn {position: absolute;right: 4.2rem;top: 4rem;z-index: 200;display: block;width: 5.5rem;height: 5.5rem;font-size: 0;}
.magazine-close-btn:after {display: block;width: 100%;height: 100%;position: absolute;top: 0rem;left: 0;font-family: 'jt-font';content: '\e944';font-size: 3rem;line-height: 5.5rem;font-weight: normal;text-align: center;color: #aaa;-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);-webkit-transform-origin: center center;-ms-transform-origin: center center;transform-origin: center center;}
html.desktop .magazine-close-btn:hover:after {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}

.magazine-modal .swiper-button {display: block;position: absolute;/* max-width: 120rem; */z-index: 99;/* width: 100%; *//* height: 14.6rem; *//* top: 50%; *//* left: 50%; *//* margin-left: -60rem; *//* margin-top: -10.3rem; */}
.magazine-modal .swiper-button--prev,
.magazine-modal .swiper-button--next {cursor:pointer;height: 12rem;border: none;border-radius: 50%;/* right: -18rem; */left: 50%;top: 50%;margin: 0;margin-top: -5.1rem;background: none;transition: background 0.3s, border 0.3s;-webkit-transition: background 0.3s, border 0.3s;}
.magazine-modal .swiper-button--prev {/* left: -18.0rem; *//* right:auto; */left: 3rem;}
.magazine-modal .swiper-button--next{right: 3rem;left: auto;}
.magazine-modal .swiper-button.swiper-button-disabled{opacity:0.3; cursor:default}
.magazine-modal .swiper-button--prev:after,
.magazine-modal .swiper-button--next:after {content: '';font-family: 'jt-font';color: #aaa;font-size: 6.4rem;width: 100%;height: 100%;text-align: center;line-height: 12rem;display: inline-block; transition: color 0.3s, transform 0.3s;-webkit-transition: color 0.3s, transform 0.3s;}
.magazine-modal .swiper-button--prev:after {content: '\e907';}
.magazine-modal .swiper-button--next:after {content: '\e917';}
html.desktop .swiper-button--prev:hover:after,
html.desktop .swiper-button--next:hover:after {color: #FF5B00;/* transform: scale(0.7); */}
.magazine-modal .swiper-button.swiper-button-disabled { display: none}



/* **************************************** *
 * MOTION
 * **************************************** */
html:not(.mobile) .article-header__title > div,
html:not(.mobile) .article-header__subtitle > div {opacity: 0;}