@charset "utf-8";

/*
 * File       : sub-business.css
 * Author     : STUDIO-JT (SUMI)
 * Guideline  : JTstyle.1.1
 *
 * Dependency : css/reset.css
 *              css/jt-strap.css
 *
 * SUMMARY:
 * 1) BUSINESS
 * 2) MIELE
 * 3) CAMPAIGN
 * 4) ELECTROLUX
 */

/* **************************************** *
 * BUSINESS
 * **************************************** */
.for_biz_intro {}
.for_biz_intro figure {padding-top: 46.9%;}
.for_biz_intro p {margin-top: 22px;font-size:16px;line-height: 1.75;color:#666;font-weight:500;letter-spacing:-0.01em;}

.for_biz_info {margin: 107px 0 0;}
.for_biz_info h2 {font-size:28px;letter-spacing:-0.01em;font-weight: 600;line-height: 1.4;}
.for_biz_info_item_wrap {font-size:0;margin: 52px -21px 0;}
.for_biz_info_item {display:inline-block;margin:0 21px 52px;vertical-align: top;width: calc(33.2% - 41px);}
.for_biz_info_item:last-of-type {margin-bottom: 0;}
.for_biz_info_item figure {padding-top: 117%;}
.for_biz_info_item > ul {margin-top: 24px;}
.for_biz_info_item > ul > li {letter-spacing:-0.01em;margin-bottom: 29px;}
.for_biz_info_item > ul > li:last-child {margin-bottom:0;}
.for_biz_info_item > ul > li > b {font-size:18px;color:#000;display: block;margin-bottom: 8px;}
.for_biz_info_item > ul > li > p {font-size:16px;color:#666;line-height: 1.75;}

.biz_point_wrap {margin-top: 152px;}
.biz_point_wrap h2 {position:absolute; left:0; font-size:28px; font-weight:600;}

.biz_point_icon_section {padding-top: 12px;}
.biz_point_icon_list {font-size:0;text-align:center;margin: 0 -20px;}
.biz_point_icon_list > li {width: calc(25% - 40px);margin: 0px 20px;display:inline-block;vertical-align:top;position:relative;}
.biz_point_icon {min-height: 102px;text-align:center;display:table; width:100%}
.biz_point_icon figure { display:table-cell; vertical-align:middle;}
.biz_point_icon_txt {max-width:260px; display:inline-block;}
.biz_point_icon_txt b {margin-top: 35px;font-size:18px;color:#111;display:block;}
.biz_point_icon_txt p {margin-top: 7px;font-size:16px;line-height: 1.75;color:#666;letter-spacing:-0.01em;font-weight:500;}

.biz_point_img_section {margin-top: 114px;}
.biz_point_img_section_typo {margin-left: -11px;font-size:180px;color:#111;font-weight:600;line-height:0.9;}

.biz_point_img_item {max-width:486px;}
.biz_point_img_item:nth-child(odd) {float:left;}
.biz_point_img_item:nth-child(even) {float:right;}
.biz_point_img_item > b {font-size:15px; color:#111;}
.biz_point_img_item > p { font-size:28px; color:#111;letter-spacing:-0.01em;font-weight:600;}
.biz_point_img_item > .desc span { margin-top:25px; font-size:16px; color:#666; font-weight:500; letter-spacing:-0.01em; display:block;}
.biz_point_img_item > .desc span:first-child {margin-top:15px;}

.biz_point_img_list {width: 100%;margin-top: 55px;}
.biz_point_img_list:after {content: ''; display: block; clear: both;}
.biz_point_img_item {width: 486px;}
.biz_point_img_item:nth-child(odd) {float:left;}
.biz_point_img_item:nth-child(even) {float:right;}
.biz_point_img_item:nth-child(1) {}
.biz_point_img_item:nth-child(2) {margin-top: 283px;}
.biz_point_img_item:nth-child(3) {margin-top: 126px;}
.biz_point_img_item:nth-child(3) figure {padding-top:85.2%;}
.biz_point_img_item figure {padding-top: 117.1%;}
.biz_point_img_text {margin-top: 36px;}
.biz_point_img_text > b {font-size:15px;color:#111;display: block;}
.biz_point_img_text > p {font-size:28px;color:#111;letter-spacing:-0.01em;font-weight:600;margin-top: 8px;line-height: 1.4;}
.biz_point_img_text > .desc span {margin-top: 16px;font-size:16px;color:#666;font-weight:500;line-height: 1.75;letter-spacing:-0.01em;display:block;}
.biz_point_img_text > .desc span:first-child {margin-top: 17px;}

.biz_register_wrap { margin-top: 100px; }
.biz_register_wrap figure img { display: block; width: 100%; height: auto; }
.biz_register_cont { position: absolute; left: 0; }
.biz_register_cont h2 { font-size: 28px; letter-spacing: -0.01em; font-weight: 600; line-height: 1.4; }
.biz_register_cont .btn_wrap { margin-top: 40px; }

.article_bussiness .btn_biz_plan {margin-right: 9.5%;background:#d02e38;text-align:center;}
.article_bussiness .btn_biz_plan a {padding: 37px 30px 42px;color:#fff;font-size:28px;letter-spacing:-0.01em;font-weight:600;display: block;}
.article_bussiness .btn_biz_plan a b {display:block; margin-left:-298px;}
.article_bussiness .btn_biz_plan a span {position:relative;display: inline-block;vertical-align: middle;font-size:13px;padding-bottom: 6px;letter-spacing: 0.05em;margin-left: 30px;}
.article_bussiness .btn_biz_plan a span:before, .article_bussiness .btn_biz_plan a span:after {content: '';display: block;height: 2px;position: absolute;bottom: 0;z-index: 2;-webkit-transition: width 400ms, background 300ms;transition: width 400ms, background 300ms;-webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);}
.article_bussiness .btn_biz_plan a span:before {width: 100%;right: 0;background: #fff;-webkit-transition-delay: 200ms;transition-delay: 200ms;}
.article_bussiness .btn_biz_plan a span:after {width: 0;left: 0;background:#fff;-webkit-transition-delay: 0ms;transition-delay: 0ms;}
html.desktop .article_bussiness .btn_biz_plan a:hover span:before {width: 0;-webkit-transition-delay: 0ms;transition-delay: 0ms;}
html.desktop .article_bussiness .btn_biz_plan a:hover span:after {width: 100%;-webkit-transition-delay: 200ms;transition-delay: 200ms;}

/* .article_bussiness .btn_biz_plan a span:before {display: inline-block;font-family: 'jt-font';font-size: 46px;font-weight: normal;font-style:normal;color:#fff;content:'\e949';margin-right: 20px;position: absolute;left: 0;top: 50%;margin-top: -20px;} 
.article_bussiness .btn_biz_plan a span:after {display: inline-block;font-family: 'jt-font';font-size: 46px;font-weight: normal;font-style:normal;color:#fff;content:'\e949';margin-right: 20px;position: absolute;left: 0;top: 50%;margin-top: -20px;} 
.article_bussiness .btn_biz_plan a span:after{opacity: 0;-webkit-transform: translateY(-20px);-ms-transform: translateY(-20px);transform: translateY(-20px);}
html.desktop .article_bussiness .btn_biz_plan a:hover span:after {-webkit-transform: scale(1.1) rotate(0.05deg);-ms-transform: scale(1.1) rotate(0.05deg);transform: scale(1.1) rotate(0.05deg);-webkit-transition: -webkit-transform .55s;transition: -webkit-transform .55s;transition: transform .55s;transition: transform .55s, -webkit-transform .55s;}
html.desktop .article_bussiness .btn_biz_plan a:hover span:before {opacity: 0;-webkit-transform: translateY(10px);-ms-transform: translateY(10px);transform: translateY(10px);-webkit-transition: all .2s cubic-bezier(0.47, 0, 0.75, 0.72) 0s;transition: all .2s cubic-bezier(0.47, 0, 0.75, 0.72) 0s;}
html.desktop .article_bussiness .btn_biz_plan a:hover span:after  {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);-webkit-transition: all .3s cubic-bezier(0, 0, 0.2, 1) .3s;transition: all .3s cubic-bezier(0, 0, 0.2, 1) .3s;}
 */

/* **************************************** *
 * MIELE
 * **************************************** */
.article_bussiness_miele .article_title img {max-width:241px;display:block;margin-top: 6px;}
.article_bussiness_miele .article_subtitle {margin-top: 23px;}
.miele_intro_container figure {padding-top: 46.9%;}
.miele_intro_container p {margin-top: 22px;font-size:16px;color:#666;font-weight:500;line-height: 1.75;letter-spacing:-0.01em;}

.miele_slide_wrap {margin-top: 106px;}
.miele_slide_wrap .content_wrap > b {font-size:28px;line-height:normal;color:#111;letter-spacing: -0.01em;}
.miele_slide_wrap .content_wrap > b img {margin-top:15px; display:block;}
.miele_slide_wrap .content_wrap > p {margin-top: 16px;font-size:16px;line-height: 1.75;color:#666;letter-spacing: -0.01em;}
.miele_slider {margin-top:75px;}
.miele_slider .swiper-wrapper {-webkit-box-align: baseline;-ms-flex-align: baseline;align-items: baseline;}
.miele_slider .swiper-slide {max-width:486px;padding:0 21px; display:inline-block;vertical-align:bottom;}
.miele_slider .swiper-slide figure {padding-top:100%;background:transparent;}
.miele_slider .swiper-slide figure img {top:auto; bottom:0; -webkit-transition: all .3s; transition: all .3s;}
.miele_slider .swiper-slide:nth-child(2n) figure {padding-top: 66.5%;}
.miele_slider .swiper_navigation {width: 750px; height: 32px; margin:17px auto 0; position: static; }
.miele_slider .swiper_navigation > button {position: relative; width:auto; }
.miele_slider .swiper_navigation > button:first-child {margin-right:26px;}
.miele_slider .swiper_navigation > button > span {margin-top:-7px;}
.miele_slider .swiper_navigation > button > span, 
.miele_slider .swiper_navigation > button:after {color:#111; text-shadow:none}
.miele_slider .swiper_navigation > .swiper-button-prev > span {left:0;}
.miele_slider .swiper_navigation > .swiper-button-next > span {right:0;}

.miele_info_typo {font-size:180px;color:#111;font-weight:600;line-height: 0.9;margin-left: -1px;margin-top: 137px;width: 105%;}
.miele_info_typo span {margin-left: 10px;}

.miele_info_container {position:relative;}
.miele_info_container:after { width:680px; height:561px; background:url(../images/sub/business/miele-immer-besser.jpg) no-repeat ; content:''; display:block; position:absolute ;right:-21px; bottom:-141px; z-index:-1;}
.miele_info_list {width: 100%;margin-top: 55px;}
.miele_info_list:after {content: ''; display: block; clear: both;}
.miele_info_item {width: 486px;}
.miele_info_item:nth-child(odd) {float:left;}
.miele_info_item:nth-child(even) {float:right;}
.miele_info_item:nth-child(1) {margin-top: -124px;}
.miele_info_item:nth-child(2) {margin-top: 160px;}
.miele_info_item:nth-child(3) {margin-top: 193px;}
.miele_info_item:nth-child(3) figure {padding-top:85.2%;}
.miele_info_item figure {padding-top: 117.1%;}
.miele_info_text {margin-top: 36px;}
.miele_info_text > b {font-size:15px;color:#111;display: block;}
.miele_info_text > p {font-size:28px;color:#111;letter-spacing:-0.01em;font-weight:600;margin-top: 8px;line-height: 1.4;}
.miele_info_text > .desc span {margin-top: 16px;font-size:16px;color:#666;font-weight:500;line-height: 1.75;letter-spacing:-0.01em;display:block;}
.miele_info_text > .desc span:first-child {margin-top: 17px;}

.miele_immer_besser_wrap {margin-top: 107px; }
.miele_immer_besser_wrap > p {font-size:28px;color:#111;line-height: 1.4;letter-spacing:-0.01em;font-weight:600;}
.miele_immer_besser_wrap > .desc span {margin-top: 16px;font-size:16px;color:#666;font-weight:500;line-height: 1.75;letter-spacing:-0.01em;display:block;}


/* **************************************** *
 * CAMPAIGN
 * **************************************** */
 /* Sub fullscreen */
.page-template-company-about,
.page-template-company-contribution{ overflow: hidden; }

.page-template-bussiness-campaign .eco_quickmenu {display:none;}
/* .page-template-bussiness-campaign .scroll_down_wrap {bottom: 73px; top:auto;} */

.sub_fullscreen { color:#fff}
.sub_fullscreen_section,
.sub_fullscreen_bottom  { background-size: cover; background-repeat: no-repeat; background-position: center center; position: relative; height:100vh; -webkit-backface-visibility: hidden;backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.sub_fullscreen_bottom .go_top.js_go_top_hide {opacity:0;top: -104px;}
.sub_fullscreen_bottom.active .go_top.js_go_top_hide {opacity:1;}
.sub_fullscreen_section_inner { display: table; width: 100%; height: 100%; position:relative;}
.sub_fullscreen_section_inner_content {display: table-cell;vertical-align: middle;width: 100%;height: 100%;}
.sub_fullscreen_section:not(.sub_fullscreen_campaign_section_01) .sub_fullscreen_section_inner_content {vertical-align: bottom;padding-bottom: 21%;}
.sub_fullscreen h1 {font-size: 60px;font-weight: 600;margin-left: -1px;}
.sub_fullscreen h2 {letter-spacing:-0.01em;font-size: 42px;line-height: 1.25;font-weight: 600; -webkit-transition: opacity .3s; transition: opacity .3s;}
.sub_fullscreen h2[lang="en"] {letter-spacing:0em;}
.sub_fullscreen_section_inner_content p {line-height: 28px;font-weight: 300;letter-spacing: -0.01em;color: #eee;margin-top: 9px; -webkit-transition: opacity .3s; transition: opacity .3s;}

.sub_fullscreen_campaign_section_01 { background-image: url(../images/sub/business/campaign-img-01.jpg);}
.sub_fullscreen_campaign_section_02 { background-image: url(../images/sub/business/campaign-img-02.jpg);}
.sub_fullscreen_campaign_section_03 { background-image: url(../images/sub/business/campaign-img-03.jpg);}
.sub_fullscreen_campaign_section_04 { background-image: url(../images/sub/business/campaign-img-04.jpg);}
.sub_fullscreen_campaign_section_05 { background-image: url(../images/sub/business/campaign-img-05.jpg);}

.sub_fullscreen_campaign_section_01 .sub_fullscreen_section_inner_content {text-align:center;}
.sub_fullscreen_campaign_section_01 #eco_icon path {stroke:#fff;}

.page-template-bussiness-campaign:not(.fp-viewing-0) .scroll_down_wrap {opacity:0; visibility:hidden;}
.page-template-bussiness-campaign.fp-viewing-0 .go_top,
.page-template-bussiness-campaign.fp-viewing-1 .go_top,
.page-template-bussiness-campaign.fp-viewing-2 .go_top,
.page-template-bussiness-campaign.fp-viewing-3 .go_top {opacity:0;visibility:hidden;}
.page-template-bussiness-campaign.fp-viewing-4 #fp-nav,
.page-template-bussiness-campaign.fp-viewing-4 .only_campaign_btn { -webkit-transform: translate3d(100px,0,0); transform: translate3d(100px,0,0);  opacity: 0; -webkit-transition: 300ms 0ms opacity, 300ms 1000ms transform, visibility 300ms; transition:300ms 0ms opacity, 300ms 1000ms transform, visibility 300ms;}
.page-template-bussiness-campaign.fp-viewing-4 .sub_fullscreen h2,
.page-template-bussiness-campaign.fp-viewing-4 .sub_fullscreen .sub_fullscreen_section_inner_content p {opacity:0.3; }

.sub_lending_section { background-size: cover; background-repeat: no-repeat; background-position: center center; position: relative; width: 100%; padding-top: 50.13%; }

/* 1762 커스텀 버튼 */
.campaign_terrace24_custom_link { width: 11%; height: 7.6%; position: absolute; top: 27.3%; right: 10.2%; }



/* **************************************** *
 * ELECTROLUX
 * **************************************** */
/* ARTICLE */
.article_bussiness_electrolux .article_title img { display: block; margin-top: 15px; max-width: 222px; }
.article_bussiness_electrolux .article_subtitle { margin-top: 23px; }

/* INTRO */
.electrolux_intro_container figure { padding-top: 46.9%; }
.electrolux_intro_container p { margin-top: 22px; font-size: 16px; color: #666; font-weight: 500; line-height: 1.75; letter-spacing: -0.01em; }

/* POINT */
.electrolux_point { margin-top: 112px; }

.electrolux_point_title { font-size: 28px; line-height: 1.4; font-weight: 600; letter-spacing: -0.01em; color: #111; }
.electrolux_point_text { margin-top: 26px; font-size: 16px; line-height: 1.75; font-weight: 500; letter-spacing: -0.01em; color: #666; }

.electrolux_point_list { display: flex; flex-wrap: nowrap; margin-top: 90px; }
.electrolux_point_list > li { width: 20%; }
.electrolux_point_icon svg { display: block; width: 100%; height: auto; }
.electrolux_point_name { margin-top: 33px; text-align: center; }
.electrolux_point_name b { display: block; font-size: 16px; line-height: 1.75; font-weight: 600; letter-spacing: -0.01em; color: #111; }

/* INFO */
.electrolux_info { margin-top: 149px; }

.electrolux_info_typo { width: 105%; margin-left: -12px; }
.electrolux_info_typo p { font-size: 180px; font-weight: 600; line-height: 0.9; color: #111; }

.electrolux_info_list { width: 100%; }
.electrolux_info_list:after { content: ''; display: block; clear: both; }
.electrolux_info_item { width: 486px; margin-top: 154px; }
.electrolux_info_item:nth-child(odd) { float: left; }
.electrolux_info_item:nth-child(even) { float: right; }
.electrolux_info_item:nth-child(1) { margin-top: -48px; }
.electrolux_info_item:nth-child(2) { margin-top: 237px; }

.electrolux_info_image { position: relative; }
.electrolux_info_image .circle-go { animation: progress 25s; }
.electrolux_info_image .slider_circle_dot_wrap { top: auto; bottom: 20px; right: 0; left: 0; transform: none; }
.electrolux_info_image .slider_circle_dot_wrap .slider-dots { display: flex; align-items: center; justify-content: center; }
.electrolux_info_image .slider_circle_dot_wrap .slider-dots li { margin: 0; }
.electrolux_info_image .slider_circle_dot_wrap .slider-dots button { margin: 0 4px; }

.electrolux_info_slide:not(.onlyone):after { content: ''; width: 100%; height: 177px; position: absolute; left: 0; bottom: 0; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); }
.electrolux_info_slide_item figure { padding-top: 117.1%; position: relative; overflow: hidden; }
.electrolux_info_slide_item figure img { width: 100%; height: auto; position: absolute; top: 0; left: 0; }

.electrolux_info_text { margin-top: 36px; }
.electrolux_info_text > b { display: block; font-size: 15px; color: #111; }
.electrolux_info_text > p { margin-top: 8px; font-size: 28px; letter-spacing: -0.01em; font-weight: 600; line-height: 1.4; color: #111; }
.electrolux_info_text > .desc span { display: block; margin-top: 16px; font-size: 16px; font-weight: 500; line-height: 1.75; letter-spacing: -0.01em; color: #666; }
.electrolux_info_text > .desc span:first-child { margin-top: 17px; }

/* PARTNER */
.electrolux_partner { margin-top: 146px; }

.electrolux_partner_title { font-size: 42px; line-height: 1.25; font-weight: 600; letter-spacing: -0.01em; color: #111; }
.electrolux_partner_name { font-size: 28px; line-height: 1.4; font-weight: 600; letter-spacing: -0.01em; color: #111; }
.electrolux_partner_text { font-size: 16px; line-height: 1.75; font-weight: 500; letter-spacing: -0.01em; color: #666; }

.electrolux_partner_intro .jt-lazyload { padding-top: 49.73%; }
.electrolux_partner_intro .electrolux_partner_text { margin-top: 28px; margin-bottom: 33px; }

.electrolux_partner_list { margin-top: 74px; }
.electrolux_partner_list > li { padding-right: 380px; position: relative; }
.electrolux_partner_list .electrolux_partner_text > br { display: none; }
.electrolux_partner_list .electrolux_partner_text > span { display: block; margin-top: 17px; }
.electrolux_partner_list .electrolux_partner_text > span:first-child { margin-top: 26px; }
.electrolux_partner_logo { width: 192px; position: absolute; right: 81px; bottom: 13px; }
.electrolux_partner_logo .jt-lazyload { padding-top: 128.2%; background: transparent; }