@charset "utf-8";

/*
 * File : sub.css
 * Author : STUDIO-JT (KMS, Hee, JDY)
 *
 * Dependency : css/reset.css
 *              css/jt-strap.css
 *              css/layout.css
 *
 * SUMMARY:
 * 1) Inspiration
 * 2) Experience
 * 3) Store
 * 4) Persona
 * 5) Thought
 */



/* **************************************** *
 * Inspiration
 * **************************************** */
body.inspiration {overflow: hidden;}
body.inspiration .main_container { padding-top: 0; padding-bottom: 0; }
body.inspiration #footer {position: fixed;bottom: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);z-index: 3;}
body.inspiration .scroll_down {position: fixed;bottom: 123px;-webkit-transition: none;transition: none;-webkit-transition-delay: 0s;transition-delay: 0s;-webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);}
body.inspiration .scroll_down:after {-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;}

.inspiration_slider_wrap {position: fixed; width: 100%; height: 100%; z-index: 1;}
.inspiration_slider { height: 100%; }
.inspiration_slider_item { position: relative; width: 100%; height: 100%; z-index: 1; padding: 0; margin: 0; }
.inspiration_slider_item .wrap { display: table; width: 100%; height: 100%; }
.inspiration_slider_content { position: relative; display: table-cell; vertical-align: middle; z-index: 2; }
.inspiration_slider_content_inner { position: relative; }
.inspiration_slider_content_inner h1 { font-size: 120px; color: #fefefe; opacity: 0; }
.inspiration_slider_content_inner p { font-size: 16px; line-height: 1.75; color: #ddd; font-weight: 600; }
.inspiration_slider_content_inner p[lang="en"] { font-weight: 400; font-size: 21px; line-height: 1.53;}
.inspiration_slider_content_inner p + p { margin-top: 28px; }
.inspiration_slider_content_inner p[lang="en"] + p[lang="en"] { margin-top: 32px; }
.inspiration_slider_content_inner p + svg { margin-top: 13px; }
.inspiration_slider_content_inner p[lang="en"] + svg { margin-top: 20px; }
.inspiration_slider_content_inner p br.inspiration_small_br {display: none;}
.inspiration_slider_bg { width: 100%; height: 100%; position: absolute; top: 0; left: auto; background: no-repeat center center; background-size: cover; z-index: 1; }

.inspiration_slider_item_02 .inspiration_slider_content_inner { margin-top: 17.5%; margin-left: 59.9%; }

.inspiration_slider_item_03 .inspiration_slider_bg { width: 50%; }
.inspiration_slider_item_03 .inspiration_slider_bg.primary { left: 0; }
.inspiration_slider_item_03 .inspiration_slider_bg.secondary { right: 0; }

.inspiration_slider_item_04 .inspiration_slider_content_inner { margin-top: 19.6%; margin-left: 59.9%; }

.inspiration_slider_item_05 .inspiration_slider_bg { width: 50%; }
.inspiration_slider_item_05 .inspiration_slider_bg.primary { left: 0; }
.inspiration_slider_item_05 .inspiration_slider_bg.secondary { right: 0; }
.inspiration_slider_item_05 .inspiration_slider_content_inner { margin-top: 1.7%; }

.inspiration_slider_item_06 .inspiration_slider_content_inner { margin-left: 8.5%; }
.inspiration_slider_item_06 p:nth-child(2) { margin-top: 36px; }
.inspiration_slider_item_06 p:nth-child(3) { margin-top: 67px; }

.inspiration_slider_item_07 { text-align: center; }

.inspiration_slider_wrap .swiper_extend_navigation, .inspiration_slider_wrap .swiper_control {-webkit-transition: opacity .3s, visibility .3s;transition: opacity .3s, visibility .3s;}
body.inspiration_footer_view .swiper_extend_navigation, body.inspiration_footer_view .swiper_control {opacity: 0;visibility: hidden;}



/* **************************************** *
 * Experience
 * **************************************** */
body.single_experience .article_body {min-height: 1px;}

/* LIST */
.experience_list_top {width: 100%;overflow: hidden;}
.experience_slider_outer {margin: 0 -1px;}
.experience_slider_wrap {overflow: visible;}
.experience_slider_item {width: auto;padding: 0 1px;position: relative;}
.experience_slider_link {display: block;position: relative;}
.experience_slider_link:after {content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0,0,0,0.65);opacity: 0;-webkit-transition: opacity .3s;transition: opacity .3s;}
.experience_slider_thumb {width: 1014px;padding-top: 47.32%;position: relative;overflow: hidden;}
.experience_slider_thumb img {display: block;width: 100%;position: absolute;left: 0;top: -13%;}
.experience_slider_thumb:after {content: '';height: 47%;position: absolute;left: 0;right: 0;bottom: 0;background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)),to(rgba(0,0,0,0.5)));background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);}
.experience_slider_content {display: block;width: 100%;padding: 54px 60px 54px 60px;position: absolute;left: 0;bottom: 0;}
.experience_slider_content h2 {margin-bottom: 20px;font-size: 24px;font-weight: 400;line-height: 1.2;color: #fff;}
.experience_slider_content h2[lang="en"] {font-size: 30px;margin-bottom: 12px;}
.experience_slider_content p {font-size: 16px;line-height: 1.87;font-weight: 600;color: #aaa;}
.experience_slider_content p > i {display: block;margin-top: 15px;font-size: 18px;font-style: normal;}
.experience_slider_content span {position: absolute;right: 60px;bottom: 59px;font-size: 16px;line-height: 1;color: #888; font-weight: 400;}
.experience_slider_wrap .swiper_control {width: 100%;margin-top: 41px;position: relative;left: 0;bottom: 0;text-align: center;}
.experience_slider_wrap.single .swiper-wrapper {-webkit-justify-content: center;-ms-flex-pack: center;-webkit-box-pack: center;justify-content: center;}
.experience_slider_wrap.single .experience_slider_link:after {display: none;}
.experience_slider_item:not(.jt_experience_active) .experience_slider_link:after {opacity: 1;}
html.ios.ipad .experience_slider_thumb:after {bottom: -1px;}

.experience_list_bottom {display: none;margin-top: 88px;}
.experience_list {margin: 0 -21px;font-size: 0;}
.experience_item {display: inline-block;vertical-align: top;width: 50%;padding: 0 21px;margin-bottom: 78px;}
.experience_item:nth-last-child(1), .experience_item:nth-last-child(2) {margin-bottom: 0;}
.experience_link {display: block;}
.experience_thumb {padding-top: 47.32%;}
.experience_thumb.jt_lazyload_wrap img {top: -13%;}
.experience_thumb img {display: block;width: 100%;}
.experience_info {padding-top: 30px;}
.experience_info > h3 {font-size: 0;line-height: 1.62;font-weight: 400;color: #fff;}
.experience_info > h3[lang="en"] {margin-top: 5px;line-height: 1.28;}
.experience_info > h3 br {display: none;}
.experience_info > h3 span {display: inline;vertical-align: middle;margin-right: 11px;font-size: 24px;}
.experience_info > h3[lang="en"] span {font-size: 28px;}
.experience_info_end {display: inline-block;vertical-align: middle;width: 45px;height: 26px;margin-top: 3px;font-family: 'NotoSansKR', sans-serif;font-size: 14px;line-height: 24px;font-weight: 600;text-align: center;font-style: normal;color: #000;background: #888;}
.experience_info > h3[lang="en"] .experience_info_end {margin-top: -1px;margin-bottom: 4px;}
.experience_info > p {margin-top: 8px;font-size: 16px;line-height: 1.87;font-weight: 600;color: #888;}
.experience_info > p > i {display: block;font-style: normal;}
.experience_info > p > br {display: none;}
.experience_info > span {display: block;margin-top: 32px;font-size: 16px;font-weight: 400;line-height: 1;color: #888;}

/* RESEARCH */
.experience_outro {margin-top: 50px;}
.experience_outro p {font-size: 18px;font-weight: 600;line-height: 2.11;color: #888;}

/* SUCCESS */
.experience_success_content {padding-top: 152px;text-align: center;}
.experience_success_content h2 {margin-bottom: 26px;font-size: 28px;font-weight: 600;line-height: 1.42;}
.experience_success_content h2[lang="en"] {font-weight: 400;}
.experience_success_content b {display: block;margin-bottom: 14px;font-size: 32px;font-weight: 600;line-height: 1.55;}
.experience_success_content p {font-size: 16px;font-weight: 600;line-height: 1.75;color: #888;}

.experience_success_control {margin-top: 141px;font-size: 0;text-align: center;}



/* **************************************** *
 * Store
 * **************************************** */
.store_group + .store_group {margin-top: 154px;}

.store_banner {margin-bottom: 100px;padding: 85px 30px 79px;background: no-repeat center center;background-size: cover;}
.store_banner h2 {font-size: 30px;font-weight: 400;line-height: 1.2;text-align: center;}
.store_group_offline .store_banner {background-image: url(../images/sub/store/store-banner-offline.jpg);}
.store_group_online .store_banner {background-image: url(../images/sub/store/store-banner-online.jpg);}

.store_list {font-size: 0; margin: 0 -21px;}
.store_item {display: inline-block;vertical-align: top;width: 50%;padding: 0 21px;margin-bottom: 94px;}
.store_item:nth-last-child(1), .store_item:nth-last-child(2) {margin-bottom: 0;}
.store_item > a {display: block;}
.store_logo {display: block;max-width: 190px;}
.store_logo img {max-width: 100%; vertical-align: top;}
.store_info {margin-top: 20px;padding-top: 26px;position: relative;border-top: 1px solid rgba(255, 255, 255, 0.1);}
.store_info:after {content: '\e913';font-family: 'jt-font';font-size: 19px;color: #fff;position: absolute;top: 30px;right: 0;opacity: .3;-webkit-transition: opacity .55s cubic-bezier(.215, .61, .355, 1);transition: opacity .55s cubic-bezier(.215, .61, .355, 1);}
.store_info b {font-size: 23px;font-weight: 400;line-height: 1.2;display: block;margin-bottom: 4px;padding-right: 40px;color: #888;}
.store_info p {font-size: 16px; line-height: 1.87; color: #888; font-weight: 600;}

html.desktop .store_item > a:hover .store_info:after {opacity: 1;}



/* **************************************** *
 * Persona
 * **************************************** */
body.persona .main_container {padding-top: 0;}
body.persona .article.third .article_header {top: 137px;z-index: 2;}

/* TOP SLIDER */
.persona_list_top {height: 100vh;position: relative;z-index: 1;}
.persona_list_top > .wrap_wide {height: 100%;}

.persona_slider_bg {width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;}
.persona_slider_bg_item {position: absolute;bottom: 0;overflow: hidden;}
.persona_slider_bg_item.first {right: 8.5%; width: auto; height: 100%;}
.persona_slider_bg_item.first .persona_slider_bg_item_inner {width: auto; height: 100%;}
.persona_slider_bg_item.second {right: 42.7%; width: auto; height: 49.056603%;}
.persona_slider_bg_item.second .persona_slider_bg_item_inner { width: auto; height: 100%;}
.persona_slider_bg_item img {display: block; top :0;left: 0; width: auto; height: 100%; position: relative;}

.persona_slider_wrap {height: 100%;overflow: visible;position: relative;z-index: 2;}
.persona_slider_link {display: block;}
.persona_slider_img {position: absolute;bottom: 0;overflow: hidden;}
.persona_slider_img .persona_slider_link {width: auto;height: 100%;}
.persona_slider_img .persona_slider_link figure {width: auto; height: 100%;}
.persona_slider_img.first {right: 8.5%; width: auto; height: 100%;}
.persona_slider_img.first .persona_slider_img_inner {width: auto; height: 100%;}
.persona_slider_img.second {right: 42.7%; width: auto; height: 49.056603%;}
.persona_slider_img.second .persona_slider_img_inner {width: auto; height: 100%;}
.persona_slider_img img {display: block;opacity: 0; width: auto; height: 100%; position: relative;}
.persona_slider_content {max-width: 450px;position: absolute;left: 0;bottom: 269px;}
.persona_slider_content h2 {font-size: 30px;line-height: 1.4;font-weight: 400;color: #fff;}
.persona_slider_content h2[lang="en"] {line-height: 1.19;}
.persona_slider_content h2[lang="en"] + p {margin-top: 14px;}
.persona_slider_content p {margin-top: 8px;font-size: 16px;line-height: 1.87;font-weight: 600;color: #888;}
.persona_slider_content p > span {display: block;margin-top: 12px;}

.persona_slider_wrap .swiper_control {left: -10px;}
.persona_slider_wrap .swiper_extend_navigation.swiper-button-prev {left: -180px;}
.persona_slider_wrap .swiper_extend_navigation.swiper-button-next {right: -180px;}

/* BOTTOM LIST */
.persona_list_bottom {display: none;margin-top: 160px;}
.persona_list {margin: 0 -21px;font-size: 0;}
.persona_list_item {display: inline-block;vertical-align: top;width: 50%;padding: 0 21px;margin-bottom: 119px;}
.persona_list_item:nth-last-child(1), .persona_list_item:nth-last-child(2) {margin-bottom: 0;}
.persona_list_link {display: block;position: relative;font-size: 0;text-align: center;}
.persona_list_thumb {display: inline-block;}
.persona_list_thumb figure {display: block; margin: 0 auto; width: 355px; padding-top: 131.83%;}
.persona_list_thumb img {display: block;max-width: 100%;}
.persona_list_info {width: 70%;position: absolute;left: 0;bottom: 37px;text-align: left;}
.persona_list_info > h3 {font-size: 28px;line-height: 1.28;font-weight: 400;color: #fff;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;max-height: 2.56em;}
.persona_list_info > h3 br {display: none;}
.persona_list_info > span {display: block;margin-top: 17px;font-size: 16px;line-height: 1;font-weight: 400;color: #888;}

.persona_list_bottom .jt_loadmore {margin-top: 168px;}



/* **************************************** *
 * Thought
 * **************************************** */
body.single_thought .article_body {min-height: 1px;}

/* LIST */
.thought_list_top {width: 100%;overflow: hidden;}
.thought_slider_outer {margin: 0 -1px;}
.thought_slider_wrap {overflow: visible;}
.thought_slider_item {width: auto;padding: 0 1px;position: relative;}
.thought_slider_link {display: block;position: relative;}
.thought_slider_link:after {content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0,0,0,0.65);opacity: 0;-webkit-transition: opacity .3s;transition: opacity .3s;}
.thought_slider_thumb {width: 1014px;padding-top: 47.32%;position: relative;overflow: hidden;}
.thought_slider_thumb img {display: block;width: 100%;position: absolute;left: 0;top: -13%;}
.thought_slider_thumb:after {content: '';height: 47%;position: absolute;left: 0;right: 0;bottom: 0;background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)),to(rgba(0,0,0,0.5)));background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);}
.thought_slider_content {display: block;width: 100%;padding: 54px 280px 54px 60px;position: absolute;left: 0;bottom: 0;}
.thought_slider_content > h2 {margin-bottom: 20px;font-size: 24px;font-weight: 400;line-height: 1.45;color: #fff;}
.thought_slider_content > h2[lang="en"] {margin-bottom: 12px;font-size: 30px;line-height: 1.2;}
.thought_slider_content > h2 > i {display: block;font-style: normal;}
.thought_slider_content > p {font-size: 16px;line-height: 1.87;font-weight: 600;color: #888;}
.thought_slider_content > p > i {display: block;margin-top: 15px;font-size: 18px;font-style: normal;}
.thought_slider_content > span {position: absolute;right: 60px;bottom: 59px;font-size: 16px;line-height: 1;color: #888; font-weight: 400;}
.thought_slider_wrap .swiper_control {width: 100%;margin-top: 41px;position: relative;left: 0;bottom: 0;text-align: center;}
.thought_slider_wrap.single .swiper-wrapper {-webkit-justify-content: center;-ms-flex-pack: center;-webkit-box-pack: center;justify-content: center;}
.thought_slider_wrap.single .thought_slider_link:after {display: none;}
.thought_slider_item:not(.jt_thought_active) .thought_slider_link:after {opacity: 1;}
html.ios.ipad .thought_slider_thumb:after {bottom: -1px;}

.thought_list_bottom {margin-top: 88px;}
.thought_list {margin: 0 -21px;font-size: 0;}
.thought_item {display: inline-block;vertical-align: top;width: 50%;padding: 0 21px;margin-bottom: 78px;}
.thought_item:nth-last-child(1), .thought_item:nth-last-child(2) {margin-bottom: 0;}
.thought_link {display: block;}
.thought_thumb {padding-top: 47.32%;}
.thought_thumb.jt_lazyload_wrap img {top: -13%;}
.thought_thumb img {display: block;width: 100%;}
.thought_info {padding-top: 30px;}
.thought_info > h3 {font-size: 0;line-height: 1.62;font-weight: 400;color: #fff;}
.thought_info > h3[lang="en"] {margin-top: 5px;line-height: 1.28;}
.thought_info > h3 > span {display: inline;vertical-align: middle;font-size: 24px;}
.thought_info > h3 > span > i {display: block;font-style: normal;}
.thought_info > h3[lang="en"] > span {font-size: 28px;}
.thought_info_end {display: inline-block;vertical-align: middle;width: 45px;height: 26px;margin-top: 3px;margin-left: 11px;font-family: 'NotoSansKR', sans-serif;font-size: 14px;line-height: 24px;font-weight: 600;text-align: center;font-style: normal;color: #000;background: #888;}
.thought_info > h3[lang="en"] .thought_info_end {margin-top: -1px;margin-bottom: 4px;}
.thought_info > p {margin-top: 8px;font-size: 16px;line-height: 1.87;font-weight: 600;color: #888;}
.thought_info > span {display: block;margin-top: 32px;font-size: 16px;font-weight: 400;line-height: 1;color: #888;}

/* RESEARCH */
.thought_research_secondary {display: none;}

.thought_issue {padding: 77px 59px 85px;background: rgba(255,255,255,0.05);}
.thought_issue_item + .thought_issue_item {margin-top: 74px;}

.thought_issue .jt_label {margin-bottom: 32px;font-size: 21px;}
.thought_issue .jt_valid_message {margin-top: -26px;margin-bottom: 27px;}

.thought_issue_img {margin-bottom: 39px;}
.thought_issue_img img {display: block;max-width: 100%;}

.thought_issue_etc {display: none;padding-top: 28px;}

.thought_issue_photo_select {margin: -10px;overflow: hidden;}
.thought_issue_photo_select > li {float: left;padding: 10px;}
.thought_issue_photo_select.type_01 > li {width: 100%;}
.thought_issue_photo_select.type_02 > li {width: 50%;}
.thought_issue_photo_select.type_02 > li:nth-child(odd) {clear: both;}
.thought_issue_photo_select.type_03 > li {width: 33.33%;}
.thought_issue_photo_select.type_03 > li:nth-child(3n+1) {clear: both;}
.thought_issue_photo_select.type_04 > li {width: 25%;}
.thought_issue_photo_select.type_04 > li:nth-child(4n+1) {clear: both;}
.thought_issue_photo_select input {position: absolute;top: 0;left: 0;opacity: 0;}
.thought_issue_photo_select label {display: block;position: relative;cursor: pointer;}
.thought_issue_photo_select figure {position: relative;}
.thought_issue_photo_select figure:before, .thought_issue_photo_select figure:after {content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;opacity: 0;-webkit-transition: opacity .3s;transition: opacity .3s;}
.thought_issue_photo_select figure:before {background: rgba(13,13,13,0.65);z-index: 1;}
.thought_issue_photo_select figure:after {border: 2px solid #fff;z-index: 2;}
.thought_issue_photo_select figure i {display: block;width: 30px;height: 30px;position: absolute;top: 50%;left: 50%;margin-top: -15px;margin-left: -15px;opacity: 0;-webkit-transition: opacity .3s;transition: opacity .3s;z-index: 3;}
.thought_issue_photo_select figure i:after {display: block;font-family: 'jt-font';content: '\e926';font-size: 28px;line-height: 30px;text-align: center;font-weight: normal;font-style: normal;}
.thought_issue_photo_select figure img {display: block;width: 100%;}
.thought_issue_photo_select p {padding-top: 14px;font-size: 18px;font-weight: 600;line-height: 1.66;color: #888;-webkit-transition: color .3s;transition: color .3s;}
.thought_issue_photo_select label.select p {color: #fff;}
.thought_issue_photo_select label.select figure i, .thought_issue_photo_select label.select figure:before, .thought_issue_photo_select label.select figure:after, .thought_issue_photo_select input:focus + figure:after, html.desktop .thought_issue_photo_select label:hover figure:after {opacity: 1;}

html.ie .thought_issue input:-ms-input-placeholder {padding-top: 11px;}

.thought_outro {margin-top: 50px;}
.thought_outro p {font-size: 18px;font-weight: 600;line-height: 2.11;color: #888;}

.research_img_list, .research_aimg_list {display: none;opacity: 0;visibility: hidden;}

/* SUCCESS */
.thought_success_content {padding-top: 152px;text-align: center;}
.thought_success_content h2 {margin-bottom: 26px;font-size: 28px;font-weight: 600;line-height: 1.42;}
.thought_success_content h2[lang="en"] {font-weight: 400;}
.thought_success_content b {display: block;margin-bottom: 14px;font-size: 32px;font-weight: 600;line-height: 1.55;}
.thought_success_content p {font-size: 16px;font-weight: 600;line-height: 1.75;color: #888;}

.thought_success_control {margin-top: 141px;font-size: 0;text-align: center;}