@charset "utf-8";

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



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



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

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



/* **************************************** *
 * HEADER
 * **************************************** */
#header {width: 100%;height: 80px;position: fixed;top: 0;left: 0;background: transparent;border-bottom: 1px solid rgba(255,255,255,0.3);z-index: 500;transition: border 300ms, background 300ms;}
.header_inner {width: 1903px;height: 100%;margin: 0 auto;position: relative;}

/* LOGO */
#logo {width: 350px;height: 80px;position: absolute;left: 0;top: 0;}
#logo a {display: block;width: 100%;height: 100%;padding-left: 111px;padding-top: 29px;}
#logo a svg {display: block;width: 120px;height: 20px;}

/* wrap */
.header_group {width: 1200px;position: absolute;top: 0;left: 351px;border-left: 1px solid rgba(255,255,255,0.3);border-right: 1px solid rgba(255,255,255,0.3);transition: border 300ms;}

/* MENU */
.header_menu {float: left;width: 600px;font-size: 0;}
.header_menu > li {float: left;width: 25%;border-right: 1px solid rgba(255,255,255,0.3);transition: border 300ms;}
.header_menu > li > a {display: block;font-size: 16px;font-weight: 500;line-height: 80px;text-align: center;color: #000;transition: all 300ms;}

/* SEARCH */
.header_search {display: block;width: 30px;height: 30px;position: absolute;right: 533px;top: 23px;background: url(../images/type-b/icon-search.png) no-repeat center center;}

/* NOTE */
.header_note {position: absolute;top: 0;right: 268px;font-size: 14px;line-height: 80px;font-weight: 500;letter-spacing: -0.025em;color: #000;}

/* OTHER */
.header_other_menu {position: absolute;top: 23px;right: 27px;font-size: 0;}
.header_other_menu li {display: inline-block;vertical-align: middle;}
.header_other_menu a {display: block;position: relative;padding: 10px 10px;font-size: 14px;font-weight: 500;letter-spacing: -0.025em;color: #000;}
.header_other_menu li:first-child a:after {content: '';display: block;width: 1px;height: 12px;position: absolute;right: -1px;top: 50%;margin-top: -6px;background: rgba(255,255,255,0.3);transition: background 300ms;}

/* BASKET */
.header_basket {position: absolute;top: 18px;right: 189px;font-size: 0;}
.header_basket li {display: inline-block;vertical-align: middle;}
.header_basket a {display: block;position: relative;padding: 10px 18px 10px 32px;font-size: 16px;font-weight: 500;color: #000;}
.header_basket a:before {content: '';display: block;width: 21px;height: 22px;position: absolute;left: 0;top: 50%;margin-top: -11px;color: #000;background: no-repeat right center;}
.header_basket li.wish a:before {background-image: url(../images/type-b/icon-heart.png);}
.header_basket li.cart a:before {background-image: url(../images/type-b/icon-cart.png);}

/* MALL */
.header_mall_btn {display: block;position: absolute;top: 27px;right: 32px;font-size: 18px;font-weight: 400;color: #000;}
.header_mall_btn > span {font-weight: 600;}

/* MINIMIZE */
#header.minimize,
#header.hover {background: #fff;border-color: #eae9e8;}
#header.minimize .header_menu > li,
#header.hover .header_menu > li {border-color: #eae9e8}
#header.minimize .header_group,
#header.hover .header_group {border-color: #eae9e8;}
#header.minimize .header_other_menu li:first-child a:after,
#header.hover .header_other_menu li:first-child a:after {background: #eae9e8;}



/* **************************************** *
 * FOOTER
 * **************************************** */
#footer {width: 100%;padding: 43px 0 52px;position: relative;}
#footer:before {content: '';display: block;width: 100%;height: 2px;position: absolute;top: 0;left: 0;background: url(../images/type-b/footer-line.jpg) no-repeat left center;background-size: cover;}
.footer_inner {width: 1903px;margin: 0 auto;position: relative;}
.footer_wrap {max-width: 1200px;margin: 0 auto;position: relative;}

.footer_logo {position: absolute;left: -241px;top: 104px;}

.footer_lang {width: 246px;position: absolute;top: -1px;right: -245px;}
.footer_lang:before {content: '';width: 0px;height: 0px;position: absolute;right: 19px;top: 50%;margin-top: -11px;border: 6px solid transparent;border-bottom-color: #000;}
.footer_lang_select {-webkit-appearance: none;-moz-appearance: none;appearance: none;width: 100%;padding: 12px 46px 15px 18px;position: relative;font-size: 14px;line-height: 1;font-weight: 500;letter-spacing: -0.05em;color: #000;background: transparent;border: none;border-bottom: 1px solid #000;border-radius: 0;box-sizing: border-box;outline: none;box-shadow: none;opacity: 1;cursor: pointer;}

.footer_sns {position: absolute;right: -245px;top: 189px;font-size: 0;z-index: 2;}
.footer_sns > li {display: inline-block;vertical-align: middle;margin-right: 21px;}
.footer_sns > li > a {display: block;}
.footer_sns > li:last-child {margin-right: 0;}

.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: #000;}
.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_info {margin: 34px 0 40px;font-size: 14px;font-weight: 400;line-height: 1.72;letter-spacing: -0.05em;color: #000;}
.footer_info span {display: inline-block;vertical-align: middle;padding: 0 7px;}
.footer_info span.first {padding-left: 0;}
.footer_info span.last {padding-right: 0;}
.footer_info a {letter-spacing: 0;color: #000;}

.footer_copy {display: block;font-size: 12px;font-weight: 300;color: #000;text-transform: uppercase;}



/* **************************************** *
 * MAIN CONTAINER
 * **************************************** */
.main_container {width: 1903px;margin: 0 auto;padding-bottom: 200px;position: relative;overflow: hidden;}



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

.cycle_control {display: block;width: 100%;height: 62px;position: absolute;left: 0;top: 50%;margin-top: -31px;}
.cycle_btn {width: 61px;height: 100%;position: absolute;top: 0;cursor: pointer;background: no-repeat center center;z-index: 2;}
.cycle_prev {left: -211px;background-image: url(../images/type-b/icon-prev.png);}
.cycle_next {right: -211px;background-image: url(../images/type-b/icon-next.png);}

.cycle_caption {position: absolute;right: 11px;bottom: 11px;z-index: 2;}
.cycle_caption_caption_text {padding: 0 7px;font-size: 18px;line-height: 30px;font-weight: 300;color: #000;}
.cycle_caption_caption_text.current {font-weight: 500;}

/* button */
.jt_btn {display: block;width: 140px;padding-top: 2px;font-size: 14px;line-height: 36px;font-weight: 500;letter-spacing: -0.05em;text-align: center;border: 1px solid #000;color: #000;}
.jt_btn > span {/*padding-right: 16px;*/position: relative;}
/* .jt_btn > span:after {content: '';display: block;width: 24px;height: 24px;position: absolute;right: -8px;top: 50%;margin-top: -13px;background: url(../images/type-b/icon-plus.png) no-repeat center center;} */

.jt_btn.secondary {width: 149px;}
/* .jt_btn.secondary > span {padding-right: 13px;} */
/* .jt_btn.secondary > span:after {right: -9px;background-image: url(../images/type-b/icon-arrow.png);} */