@charset "utf-8";

/*
 * File       : a-layout.css
 * Author     : STUDIO-JT (KMS)
 * Guideline  : JTstyle.1.1
 *
 * Dependency : css/reset.css
 *
 * SUMMARY:
 * 1)
 */



/* **************************************** *
* CSS Variables
* **************************************** */
:root {
    --color-primary: #7aa3db;
    --font-primary: 'aritaDodum', sans-serif;
    --font-secondary: 'brandonGrotesque', sans-serif;
}



/* **************************************** *
 * GLOBAL
 * **************************************** */
body {font-size: 16px;font-family: var(--font-primary);overflow-x: hidden;}
[lang="en"] {font-family: var(--font-secondary);}
a {color: var(--color-primary);text-decoration: none;}
img {max-width: 100%;height: auto;}

/* WRAP */
.wrap {max-width: 1520px;margin: 0 auto;position: relative;}
.wrap_secondary {max-width: 1260px;margin: 0 auto;position: relative;}

/* overlay */
.global_overlay {display: none;position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0,0,0,0.3);z-index: 498;}



/* **************************************** *
 * HEADER
 * **************************************** */
#header {width: 100%;height: 173px;position: fixed;top: 0;left: 0;background: #fff;border-bottom: 2px solid transparent;z-index: 500;transition: height 300ms, box-shadow 400ms, background 300ms, border 300ms;}
.header_inner {width: 1903px;height: 100%;margin: 0 auto;position: relative;}

/* LOGO */
#logo {width: 180px;height: 30px;position: absolute;left: 80px;top: 80px;transition: top 300ms, width 300ms, height 300ms;}
#logo a {display: block;}
#logo a svg {display: block;width: 100%;height: 100%;}

/* MENU */
.header_menu_wrap {max-width: 716px;margin: 0 auto;position: relative;font-size: 0;text-align: center;}
.header_menu {margin-right: 65px;}
.header_menu > li {display: inline-block;vertical-align: middle;}
.header_menu > li > a {display: block;padding: 90px 23px 65px;position: relative;font-size: 18px;font-weight: 600;color: #222;transition: all 300ms;}
.header_menu > li > a > span {padding-bottom: 4px;border-bottom: 1px solid transparent;transition: border 300ms;}
.header_menu > li:hover > a, .header_menu > li.active > a {color: var(--color-primary);}
.header_menu > li:hover > a > span {border-bottom-color: var(--color-primary);}

.header_menu_children {width: 100%;height: 657px;position: fixed;top: 173px;left: 0;text-align: left;background: #fff;overflow: hidden;z-index: 1;transition: top 300ms;opacity: 0;visibility: hidden;}
.header_menu_children:after {width: 100%;height: 25px;content: '';position: absolute;left: 0;bottom: 0;background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%,rgba(255,255,255,1) 100%);}
.header_menu_children_inner {width: 1903px;height: 100%;margin: 0 auto;position: relative;}
.header_menu_area {width: 100%;height: 100%;position: relative;}
.header_menu_children_inner .wrap {height: 100%;}
.header_menu_children_inner .wrap:after {content: '';display: table;clear: both;}

.header_menu_children_inner .wrap > * {float: left;height: 100%;height: 100%;padding-top: 61px;padding-bottom: 61px;position: relative;border-right: 1px solid #ddd;box-sizing: border-box;}
.header_menu_children_inner .wrap > *:last-child {border-right: none;}

.header_menu_children_col {width: 16.57%;padding-right: 26px;padding-left: 40px;}
.header_menu_children_col a {display: block;position: relative;transition: all 300ms;}

.header_menu_children_col ul.highest > li + li {margin-top: 58px;}
.header_menu_children_col ul.highest > li > a {margin-bottom: 19px;font-size: 20px;font-weight: 600;color: #222;}
.header_menu_children_col ul.highest > li > a > span {padding-bottom: 2px;border-bottom: 1px solid transparent;transition: border 300ms;}
.header_menu_children_col ul.highest > li > a:hover {color: var(--color-primary);}
.header_menu_children_col ul.highest > li > a:hover > span {border-bottom-color: var(--color-primary);}

.header_menu_children_col ul.medium {margin-top: -3px;}
.header_menu_children_col ul.medium > li > a {padding: 11px 0;font-size: 16px;font-weight: 600;color: #222;transition: color 300ms;}
.header_menu_children_col ul.medium > li > a:hover {color: var(--color-primary);}
.header_menu_children_col ul.medium > li > a:after {position: absolute;width: 16px;height: 16px;position: absolute;right: 10px;top: 50%;margin-top: -8px;font-family: 'jt-font';content: '\e905';font-size: 16px;transition: transform 400ms;}
.header_menu_children_col ul.medium > li > a:hover,
.header_menu_children_col ul.medium > li.open > a {color: var(--color-primary);}
.header_menu_children_col ul.medium > li.open > a:after {transform: rotate(-180deg);}

.header_menu_children_col ul.medium > li > ul.lowest {display: none;margin-top: 3px;}
.header_menu_children_col ul.lowest > li:last-child {margin-bottom: 20px;}
.header_menu_children_col ul.lowest > li > a {padding: 9px 0;font-size: 14px;font-weight: 500;color: #666;}
.header_menu_children_col ul.lowest > li > a:before {content: '';display: block;width: 4px;height: 4px;position: absolute;left: -15px;top: 50%;margin-top: -3px;background: var(--color-primary);border-radius: 50%;opacity: 0;transition: all 300ms;}
.header_menu_children_col ul.lowest > li > a:hover,
.header_menu_children_col ul.lowest > li.open > a {color: var(--color-primary);}
.header_menu_children_col ul.lowest > li.open > a:before {opacity: 1;}

.header_menu_banner {width: 33.72%;padding-left: 40px;overflow: hidden;}
.header_menu_banner_inner {width: 469px;}
.header_menu_banner_inner > b {display: block;margin-bottom: 28px;font-size: 23px;font-weight: 500;letter-spacing: -0.05em;color: #222;}
.header_menu_banner_inner > b > span {font-weight: 600;color: var(--color-primary);}
.header_menu_banner_inner > b > em {font-weight: 600;}
.header_menu_banner_slider_wrap {margin: 0 -20px;}
.header_menu_banner_item {padding: 0 20px;}
.header_menu_banner_item a {display: block;}
.header_menu_banner_item img {display: block;}
.header_menu_banner_item h3 {margin: 28px 0 14px;font-size: 20px;font-weight: 400;letter-spacing: -0.05em;color: #222;}
.header_menu_banner_item h3 > span {padding-bottom: 2px;border-bottom: 1px solid transparent;transition: all 300ms;}
.header_menu_banner_item p {font-size: 15px;font-weight: 500;line-height: 1.53;letter-spacing: -0.05em;word-break: keep-all;color: #666;}
.header_menu_banner_item a:hover .header_menu_banner_item h3 > span {border-color: #222;}
.header_menu_banner_slider_wrap .slick_control {margin-top: 28px;}

.header_menu_prod {width: 33.72%;height: 100%;padding-left: 40px;padding-right: 40px;text-align: right;overflow: hidden;}
.header_menu_prod_inner {width: 431px;position: relative;}
.header_menu_prod_title {display: block;margin-bottom: 28px;text-align: left;}
.header_menu_prod_title a {display: inline-block;font-size: 0;}
.header_menu_prod_title span {display: inline-block;vertical-align: baseline;font-size: 20px;font-weight: 600;letter-spacing: -0.05em;color: var(--color-primary);}
.header_menu_prod_title i {display: inline-block;vertical-align: baseline;padding-left: 10px;padding-right: 21px;position: relative;font-size: 14px;font-weight: 500;letter-spacing: -0.05em;font-style: normal;color: #666;}
.header_menu_prod_title i:after {display: block;width: 20px;height: 20px;position: absolute;right: 0;top: 50%;margin-top: -10px;font-family: 'jt-font';content: '\e942';font-size: 16px;text-align: center;line-height: 20px;font-weight: 600;color: #000;}

.header_menu_prod_list {margin: 0 -11px;overflow: hidden;text-align: left;}
.header_menu_prod_item {float: left;width: 25%;padding: 0 11px;margin-bottom: 37px;}
.header_menu_prod_item img {display: block;}
.header_menu_prod_item figcaption {margin-top: 16px;font-size: 14px;line-height: 1.28;font-weight: 500;letter-spacing: -0.05em;color: #666;word-break: keep-all;}
.header_menu_prod_item:nth-child(4n+1){clear: both;}
.header_menu_prod_more {display: inline-block;margin-top: 9px;padding: 12px 61px 12px 10px;position: relative;font-size: 16px;font-weight: 500;letter-spacing: -0.05em;color: #222;}
.header_menu_prod_more:after {display: block;width: 43px;height: 44px;position: absolute;right: 0;top: 50%;margin-top: -22px;font-family: 'jt-font';content: '\e903';font-size: 43px;line-height: 44px;}
.header_menu_prod_close {width: 40px;height: 40px;position: absolute;top: -10px;right: -10px;font-size: 17px;line-height: 40px;text-align: center;color: #222;}
.header_menu_prod_close:after {font-family: 'jt-font';content: '\e92e';}

/* SEARCH */
.header_search {display: block;position: absolute;right: 20px;top: 88px;z-index: 1;transition: top 300ms;}
.header_search:before, .header_search:after {display: block;font-family: 'jt-font';color: #222;transition: opacity 300ms, color 300ms;}
.header_search:before {width: 28px;height: 28px;position: absolute;top: 50%;left: 50%;margin-left: -14px;margin-top: -15px;content: '\e90e';font-size: 28px;opacity: 0;}
.header_search:after {display: block;width: 24px;height: 24px;content: '\e932';font-size: 17px;line-height: 24px;}
.header_search:hover:before, .header_search:hover:after {color: var(--color-primary);}

.header_search.open:before {opacity: 1;}
.header_search.open:after {opacity: 0;}

/* OTHER */
.header_other_menu {position: absolute;top: 81px;right: 155px;font-size: 0;transition: top 300ms;}
.header_other_menu li {display: inline-block;vertical-align: middle;}
.header_other_menu a {display: block;padding: 10px 9px;font-size: 14px;line-height: 18px;color: #666;}
.header_other_menu a > span {display: block;padding-left: 23px;position: relative;font-size: 12px;font-weight: 500;color: #222;}
.header_other_menu li.wish a {padding-left: 18px;padding-right: 14px;}
.header_other_menu li.cart a {padding-left: 14px;padding-right: 14px;}
.header_other_menu li.wish a > span:before, .header_other_menu li.cart a > span:before {display: block;width: 20px;height: 20px;position: absolute;left: 0;top: 50%;margin-top: -10px;font-family: 'jt-font';line-height: 20px;color: #222;}
.header_other_menu li.wish a > span:before {content: '\e90c';font-size: 16px;}
.header_other_menu li.cart a > span:before {content: '\e914';font-size: 18px;}

/* LOGIN USER */
.header_user_menu {position: absolute;top: 81px;right: 294px;transition: top 300ms;}
.header_user_menu > a {display: block;padding: 10px 9px;font-size: 14px;font-weight: 500;line-height: 18px;color: #666;}
.header_user_menu > a > span {padding-right: 25px;position: relative;color: #222;font-weight: 600;}
.header_user_menu > a > span:after {position: absolute;right: 0;top: 50%;margin-top: -9px;font-family: 'jt-font';content: '\e905';font-size: 18px;}

.header_user_drop {width: 220px;margin-left: -110px;padding: 16px 20px;position: absolute;top: 100%;left: 50%;background: #fff;border: 1px solid #222;z-index: 1;opacity: 0;visibility: hidden;transition: all 300ms;}
.header_user_drop a {display: block;padding: 14px 0 13px;position: relative;font-size: 14px;font-weight: 500;color: #222;}
.header_user_drop a u {border-bottom: 1px solid transparent;text-decoration: none;transition: all 300ms;}
.header_user_drop a span {position: absolute;right: 0;top: 50%;margin-top: -7px;color: var(--color-primary);}
.header_user_drop a i {font-style: normal;color: var(--color-primary);}

.header_user_drop li:nth-child(2) {border-bottom: 1px solid #ddd;}
.header_user_drop li:nth-child(2) a {padding-bottom: 19px;}
.header_user_drop li:nth-child(2) + li a {padding-top: 19px;}
.header_user_drop li:nth-child(7) a {padding-bottom: 19px;}
.header_user_drop li:nth-child(8) {border-top: 1px solid #ddd;}
.header_user_drop li:nth-child(8) a {padding-top: 19px;}
.header_user_drop a:hover u {border-color: #222;}

.header_user_menu:hover .header_user_drop {opacity: 1;visibility: visible;}

/* MALL */
.header_mall_btn {display: block;width: 86px;height: 74px;position: absolute;top: 64px;right: 39px;text-align: center;/*background: url(../images/type-a/header-ball.png) no-repeat center center;background-size: cover;*/transition: top 300ms;}
.header_mall_btn > span {position: absolute;top: 0;left: 18px;font-size: 17px;line-height: 74px;font-weight: 500;color: #fff;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);}
.header_mall_btn_path_guide {visibility:hidden}
.header_mall_btn_svg_container {position: relative;top: -7px;transform: scaleY(0.95);transition: 300ms transform;/*transition-timing-function: cubic-bezier(0.15, 0.6, 0.41, 0.98);*/transition-timing-function: cubic-bezier(0.37, 1.49, 0.38, 1.82);}
.header_mall_btn:hover .header_mall_btn_svg_container {transform: scale(1.05)}

/* MINIMIZE */
#header.minimize {height: 96px;background: rgba(255, 255, 255, .9);box-shadow: 0 1px 3px rgba(0, 0, 0, .12);}
#header.minimize #logo {width: 160px;height: 27px;top: 33px;}
#header.minimize .header_menu > li > a {padding-top: 40px;padding-bottom: 38px;}
#header.minimize .header_search {top: 37px;}
#header.minimize .header_other_menu {top: 29px;}
#header.minimize .header_user_menu {top: 29px;}
#header.minimize .header_mall_btn {top: 11px;}
#header.minimize .header_menu_children {top: 96px;}

/* OPEN */
body.menu_open #header, body.search_open #header {transform: none !important;opacity: 1 !important;visibility: visible !important;background: #fff !important;border-bottom-color: #222;}



/* **************************************** *
 * FOOTER
 * **************************************** */
#footer {width: 100%;padding: 93px 0 131px;position: relative;}
#footer:before {content: '';display: block;width: 100%;height: 3px;position: absolute;top: 0;left: 0;background: url(../images/type-a/footer-line.jpg) no-repeat left center;background-size: cover;animation: Gradient 15s ease infinite;background-size: 200% 20px;background-image: linear-gradient(135deg, #FFCECF, #D5B6C8, #B5C0FF, #9CBBDE, #E0D7D3, #A3D5D9, #FFCECF, #D5B6C8, #B5C0FF, #9CBBDE, #E0D7D3, #A3D5D9);}
.footer_inner {width: 1903px;margin: 0 auto;position: relative;}
.footer_wrap {max-width: 1520px;margin: 0 auto;position: relative;}

.footer_sns {position: absolute;right: -13px;top: 15px;font-size: 0;z-index: 2;}
.footer_sns > li {display: inline-block;vertical-align: middle;}
.footer_sns > li > a {display: block;padding: 0 13px;}
.footer_sns > li > a:before {font-family: 'jt-font';font-size: 16px;line-height: 20px;color: #aaa;transition: color 300ms;}
.footer_sns > li.facebook > a:before {content: '\e916';}
.footer_sns > li.insta > a:before {content: '\e918';font-size: 20px;}
.footer_sns > li.youtube > a:before {content: '\e910';font-size: 23px;}
.footer_sns > li > a:hover:before {color: var(--color-primary);}

.footer_lang {width: 220px;position: absolute;right: 0;top: 84px;}
.footer_lang:before {width: 20px;height: 20px;position: absolute;right: 14px;top: 50%;margin-top: -10px;font-family: 'jt-font';content: '\e904';font-size: 18px;line-height: 20px;font-weight: normal;text-align: center;color: #111;}
.footer_lang_select {-webkit-appearance: none;-moz-appearance: none;appearance: none;width: 100%;padding: 17px 46px 15px 18px;position: relative;font-family: var(--font-primary);font-size: 14px;line-height: 1;font-weight: 600;letter-spacing: -0.015em;color: #666;background: transparent;border: none;border: 1px solid #ddd;border-radius: 0;box-sizing: border-box;outline: none;box-shadow: none;opacity: 1;cursor: pointer;}

.footer_menu {font-size: 0;}
.footer_menu > li {display: inline-block;vertical-align: middle;}
.footer_menu > li > a {display: inline-block;padding: 10px 18px;font-size: 16px;font-weight: 500;letter-spacing: -0.05em;color: #222;}
.footer_menu > li:first-child > a {padding-left: 0;}
.footer_menu > li:last-child > a {padding-right: 0;}
.footer_menu > li > a > span {padding-bottom: 3px;border-bottom: 1px solid transparent;transition: all 300ms;}
.footer_menu > li > a:hover > span {border-bottom-color: #222;}

.footer_info {margin: 40px 0 65px;font-size: 16px;font-weight: 400;letter-spacing: -0.05em;line-height: 1.75;color: #666;}
.footer_info span {display: inline-block;vertical-align: middle;padding: 0 9px;}
.footer_info span.first {padding-left: 0;}
.footer_info span.last {padding-right: 0;}
.footer_info a {color: #666;}

.footer_copy {display: block;font-size: 12px;font-weight: 500;letter-spacing: 0.1em;color: #aaa;}



/* **************************************** *
 * SCROLL TOP
 * **************************************** */
.go_top {display: block;width: 54px;height: 54px;position: absolute;top: -85px;right: 12px;font-size: 16px;font-weight: 500;letter-spacing: 0.1em;line-height: 51px;text-indent: 2px;text-align: center;color: #fff;background: #222;border-radius: 50%;transition: opacity 0.3s, background 0.3s;z-index: 999;}
.go_top:hover {background: var(--color-primary);}

.go_top.js_go_top_fix {position: fixed;top: inherit;bottom: 15px;}
.go_top.js_go_top_hide {opacity: 0;z-index: -1;}



/* **************************************** *
 * MAIN CONTAINER
 * **************************************** */
.main_container {width: 1903px;margin: 0 auto;padding-top: 173px;padding-bottom: 130px;position: relative;}



/* **************************************** *
 * SEARCH
 * **************************************** */
.search_popup {display: none;position: fixed;top: 173px;left: 0;right: 0;background: #fff;z-index: 499;transition: top 300ms;}
.search_popup_inner {width: 1903px;margin: 0 auto;position: relative;}
.search_wrap {max-width: 1260px;margin: 0 auto;position: relative;}

.search_form {background: #f8f8f8;}
.search_field {display: block;width: 100%;height: 103px;margin: 0;padding: 0;vertical-align: middle;font-size: 23px;font-weight: 500;line-height: 1.75;letter-spacing: -0.025em;color: #222;background: transparent;border: none;border-radius: 0px;outline: none;opacity: 1;box-shadow: none;box-sizing: border-box;}
.search_submit {height: 100%;width: 34px;padding: 0;position: absolute;right: 0;top: 0;background: none;border: none;outline: none;cursor: pointer;}
.search_submit:after {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;font-family: 'jt-font';content: '\e90f';font-size: 26px;line-height: 108px;font-weight: normal;text-align: center;color: #222;transition: color 300ms;}
.search_submit:hover:after {color: var(--color-primary);}
.search_reset {width: 22px;height: 22px;margin: -9px 0 0;padding: 0;position: absolute;right: 55px;top: 50%;background: #ddd;border: none;border-radius: 50%;cursor: pointer;opacity: 0;visibility: hidden;transition: background 300ms, opacity 300ms;}
.search_reset:after {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;font-family: 'jt-font';content: '\e90e';font-size: 16px;line-height: 22px;font-weight: normal;text-align: center;text-indent: 1px;color: #888;transition: color 300ms;}
.search_reset:hover {background: var(--color-primary);}
.search_reset:hover:after {color: #fff;}
.search_form.active.focus_in .search_reset {opacity: 1;visibility: visible;}

.search_result {padding: 61px 0 68px;overflow: hidden;position: relative;}
.search_result > div {float: left;}
.search_result b {display: block;margin-bottom: 28px;font-size: 20px;font-weight: 600;letter-spacing: -0.025em;color: #222;}
.search_result b span {color: var(--color-primary);}

.search_result_suggest, .search_result_page {width: 260px;transition: all 300ms;}
.search_result_page {position: absolute;top: 61px;left: 0;opacity: 0;visibility: hidden;}
.search_result_suggest a, .search_result_page a {display: block;padding: 10px 0;font-size: 16px;font-weight: 500;letter-spacing: -0.025em;color: #666;transition: color 300ms;}
.search_result_page a > span.highlight {font-weight: 600;color: var(--color-primary);}
.search_result_suggest a:nth-of-type(1), .search_result_page a:nth-of-type(1) {padding-top: 1px;}
.search_result_suggest a:hover, .search_result_page a:hover {color: var(--color-primary);}

.search_result_prod, .search_result_prod_active {width: calc(100% - 260px);transition: all 300ms;}
.search_result_prod_active {position: absolute;left: 260px;top: 61px;opacity: 0;visibility: hidden;}
.search_prod_item_wrap, .search_prod_active_item_wrap {margin: 0 -20px;}
.search_prod_item {float: left;width: 25%;padding: 0 20px;}
.search_prod_item a, .search_prod_item img {display: block;}
.search_prod_item p {margin-top: 20px;font-size: 14px;font-weight: 500;letter-spacing: -0.05em;color: #666;}
.search_prod_item p > span.highlight {font-weight: 600;color: var(--color-primary);}

.search_popup.use .search_result_suggest, .search_popup.use .search_result_prod {opacity: 0;visibility: hidden;}
.search_popup.use .search_result_page, .search_popup.use .search_result_prod_active {opacity: 1;visibility: visible;}

body.minimize .search_popup {top: 96px;}



/* **************************************** *
 * COMPONENT
 * **************************************** */
/* slick */
.slick-list, .slick-track {height: 100%;}

.slick_slider_wrap {position: relative;}

.slick_control {display: block;margin-top: 47px;position: relative;text-align: center;}

.slick_arrows {display: inline-block;vertical-align: middle;padding: 27px 20px;margin: 0;position: relative;background: none;border: none;outline: none;box-shadow: none;cursor: pointer;box-sizing: border-box;}
.slick_arrows > span {position: relative;font-size: 11px;font-weight: 600;letter-spacing: 0.1em;color: #222;z-index: 2;}
.slick_arrows > i {display: block;width: 0;height: 0;position: absolute;top: 50%;z-index: 1;opacity: 0;}
.slick_arrows > i > small {display: block;width: 100%;height: 100%;background: rgba(122,163,219,0.5);border-radius: 50%;}
.slick_prev > span {padding-left: 20px;}
.slick_prev > i {left: 0;transform: translateX(50%) translateY(-50%);}
.slick_next > span {padding-right: 20px;}
.slick_next > i {right: 0;transform: translateX(-50%) translateY(-50%);}

.slick_dots_wrap {display: inline-block;vertical-align: middle;padding: 0 5px 0 23px;}
.slick-dots {font-size: 0;line-height: 1;text-align: center;}
.slick-dots > li {display: inline-block;vertical-align: middle;width: 20px;height: 20px;margin: 0 3px;position: relative;cursor: pointer;}
.slick-dots > li:after {content: '';display: block;width: 10px;height: 10px;position: absolute;left: 50%;top: 50%;border: 1px solid #222;border-radius: 50%;transform: translate3d(-50%, -50%, 0);opacity: 0;box-sizing: border-box;transition: width 0.3s, height 0.3s, opacity 0.4s;}
.slick-dots > li > button {display: block;width: 4px;height: 4px;margin: 0;padding: 0;position: relative;top: 50%;left: 50%;font-size: 0;background: #222;border: none;border-radius: 50%;transform: translate3d(-50%, -50%, 0);cursor: pointer;}
.slick-dots > li.slick-active:after {width: 18px;height: 18px;opacity: 1;}

.slick_state {display: inline-block;vertical-align: middle;width: 26px;height: 20px;margin-right: 15px;position: relative;}
.slick_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;}
.slick_state_btn:after {display: block;font-family: 'jt-font';font-size: 18px;font-weight: normal;text-align: center;line-height: 20px;color: #222;}
.slick_state_btn.icon_play:after {content: '\e91a';}
.slick_state_btn.icon_pause:after {content: '\e94d';}
.slick_state.play .slick_state_btn.icon_pause {opacity: 1; visibility: visible;}
.slick_state.pause .slick_state_btn.icon_play {opacity: 1; visibility: visible;}

/* CYCLE */
.cycle_slider_wrap {position: relative;}
.cycle_slider {position: relative;z-index: 1;}

.cycle_control {display: block;width: 100%;height: 61px;position: absolute;left: 0;top: 50%;margin-top: -30px;}
.cycle_btn {width: 61px;height: 100%;position: absolute;top: 0;text-align: center;cursor: pointer;z-index: 2;}
.cycle_btn:after {font-family: 'jt-font';font-weight: normal;font-size: 61px;color: #222;transition: color 300ms;}
.cycle_prev {left: -15px;}
.cycle_prev:after {content: '\e921';}
.cycle_next {right: -15px;}
.cycle_next:after {content: '\e922';}
.cycle_btn:hover:after {color: var(--color-primary);}

.cycle_dots {display: inline-block;vertical-align: middle;font-size: 0;line-height: 1;text-align: center;}
.cycle_dots > li {display: inline-block;vertical-align: middle;width: 20px;height: 20px;margin: 0 3px;position: relative;cursor: pointer;}
.cycle_dots > li:after {content: '';display: block;width: 10px;height: 10px;position: absolute;left: 50%;top: 50%;border: 1px solid #222;border-radius: 50%;transform: translate3d(-50%, -50%, 0);opacity: 0;box-sizing: border-box;transition: width 0.3s, height 0.3s, opacity 0.4s;}
.cycle_dots > li > button {display: block;width: 4px;height: 4px;margin: 0;padding: 0;position: relative;top: 50%;left: 50%;font-size: 0;background: #222;border: none;border-radius: 50%;transform: translate3d(-50%, -50%, 0);cursor: pointer;}
.cycle_dots > li.cycle-pager-active:after {width: 18px;height: 18px;opacity: 1;}

/* button */
.jt_btn {display: inline-block;padding: 14px 30px 14px 0;position: relative;font-size: 16px;font-weight: 500;letter-spacing: -0.05em;color: #222;}
.jt_btn > span {padding-right: 62px;position: relative;z-index: 2;}
.jt_btn > span:after {display: block;width: 43px;height: 43px;position: absolute;right: 0;top: 50%;margin-top: -21px;font-family: 'jt-font';content: '\e903';font-size: 43px;font-weight: normal;}
.jt_btn > i {display: block;width: 0;height: 0;position: absolute;top: 50%;right: 0;transform: translateX(-50%) translateY(-50%);z-index: 1;opacity: 0;z-index: 1;}
.jt_btn > i > small {display: block;width: 100%;height: 100%;background: rgba(122,163,219,0.5);border-radius: 50%;}



/* **************************************** *
 * POPUP
 * **************************************** */
.message_popup {width: 481px;height: 168px;position: fixed;right: 80px;bottom: 0;z-index: 1000;opacity: 0;visibility: hidden;}
.message_popup > figure {float: left;width: 189px;}
.message_popup > figure img {display: block;}
.message_popup_txt {float: left;display: table;width: calc(100% - 189px);height: 168px;background: #0c4872;}
.message_popup_txt_inner {display: table-cell;vertical-align: middle;padding: 0 30px;}
.message_popup_txt b {display: block;padding-top: 6px;font-size: 15px;font-weight: 500;letter-spacing: -0.05em;color: #fff;}
.message_popup_txt p {padding: 8px 0 12px;font-size: 14px;font-weight: 500;line-height: 1.58;letter-spacing: -0.025em;color: #fff;}
.message_popup_btn {margin: 0 -6px;font-size: 0;}
.message_popup_btn a {display: inline-block;vertical-align: middle;margin-right: 10px;padding: 6px 6px;font-size: 13px;font-weight: 500;letter-spacing: -0.025em;color: rgba(255,255,255,0.5);transition: color 100ms;}
.message_popup_btn a span {padding-bottom: 2px;border-bottom: 1px solid transparent;transition: all 300ms;}
.message_popup_btn a:hover {color: #fff;}
.message_popup_btn a:hover span {border-color: #fff;}

.message_popup_close {width: 30px;height: 30px;position: absolute;top: 9px;right: 4px;}
.message_popup_close:after {font-family: 'jt-font';content: '\e90e';font-size: 18px;line-height: 30px;text-align: center;font-weight: 400;color: #fff;}

.message_popup.load {opacity: 1;visibility: visible;}

.message_popup.secondary .message_popup_txt {background: #135e44;}



/* **************************************** *
 * CURSOR
 * **************************************** */
#custom_cursor {display: none;width: 15px;height: 15px;position: fixed;top: 0;left: 0;z-index: 99999;pointer-events: none;}
.custom_cursor_point {display: block;width: 15px;height: 15px;background: linear-gradient(45deg, rgba(250, 205, 206, 1) 0%, rgba(212, 181, 199, 1) 12%, rgba(183, 189, 223, 1) 40%, rgba(155, 186, 220, 1) 59%, rgba(161, 211, 215, 1) 77%, rgba(161, 211, 215, 1) 100%);border-radius: 50%;}

.custom_hover {position: relative;}
.custom_hover_mouse {display: block;width: 0;height: 0;position: absolute;top: 50%;left: 50%;margin-top: -50px;margin-left: -50px;z-index: 1;overflow: hidden;opacity: 0;/* transform: translateX(-65%) translateY(-65%); */}
.custom_hover_mouse > span {display: block;width: 100%;height: 100%;font-size: 11px;font-weight: 500;letter-spacing: 0.1em;text-align: center;line-height: 70px;color: #fff;background: rgba(122, 163, 219, 0.9);border-radius: 50%;}

.motion_link {position: relative;}
.motion_link > i {display: block;width: 0;height: 0;position: absolute;top: 50%;z-index: 1;opacity: 0;z-index: -1;}
.motion_link > i > small {display: block;width: 100%;height: 100%;background: rgba(122,163,219,0.5);border-radius: 50%;}
.motion_link:not(.secondary) > i {right: 0;transform: translateX(-50%) translateY(-50%);}
.motion_link.secondary > i {left: 0;transform: translateX(50%) translateY(-50%);}



/* **************************************** *
 * KEYFRAME ANIMATION
 * **************************************** */
@keyframes Gradient {
    0% {background-position: 0% 50%}
    50% {background-position: 100% 50%}
    100% {background-position: 0% 50%}
}