/************************************************ Version : AKL Hybris UIUX 1.0 Date : 2018-07-02 *************************************************/ /* ----- base.css에서 가져와서 .brand 상속시킴 ----- */ .brand .homepage_banner{display:block;overflow:hidden;width:100%;margin-top:135px;} .brand .homepage_banner .wrapper .banner__wrapper{display:table;width:100%;} .brand .homepage_banner .owl-carousel .owl-item .banner__image{position:absolute;z-index:1;bottom:0;left:0;width:42%;} .brand .homepage_banner .owl-carousel .owl-item .banner__image-sub{float:right;width:18%;margin-top:120px; position:relative; z-index: 2 } .brand .homepage_banner .slick-slider{margin-bottom:10px;} .brand .homepage_banner .owl-prev{position:absolute;top:50%;left:40px;float:left;width:30px;height:30px;margin-top:-15px;font-weight:100;} .brand .homepage_banner .owl-next{position:absolute;top:50%;right:40px;float:left;width:30px;height:30px;margin-top:-15px;font-weight:100;} .brand .homepage_banner .owl-dots{position:absolute;right:80px;bottom:30px;width:auto;} .brand .homepage_banner .owl-dots .owl-dot span{opacity:1;background:#ffffff;box-shadow:0 0 2px #555555;} .brand .homepage_banner .owl-dots .owl-dot.active span{background:#8a9fb8;} .brand .homepage_banner .banner__wrapper{position:relative;padding-right:0;} .brand .homepage_banner .banner__message{position:relative;z-index:11;float:right;width:48%; margin-top:50px } .brand .homepage_banner .banner__message--main {display:inline-block;width:100%; font-weight:500; letter-spacing: -2px; margin-bottom:20px; font-size:36px;font-stretch:condensed;line-height:130%;text-align:left;color:#002f5f;} .brand .homepage_banner .banner__message--sub{display:block;width:80%;font-size:16px; line-height:140%;text-align:left;color:#002f5f;letter-spacing: -1px;} .brand .homepage_banner .owl-nav{position:static;} .brand .cont-kcrm {display:block; width:100%; font-size:12px;color:#bbb;font-weight:300;text-align:right;letter-spacing:0.02em;padding-top:10px;} /* akl_shop.css */ .akl .brand .homepage_banner {height:400px; margin-top:0;} .akl .brand .homepage_banner .wrapper .banner__wrapper {height:400px; max-width:1376px; margin:0 auto;} .akl .brand .homepage_banner .owl-carousel .owl-stage-outer {height:400px;} .akl .brand .homepage_banner .owl-carousel .owl-item .banner__image-sub {margin-top:30px; width:auto; height:350px; margin-right:5%;} .akl .brand .homepage_banner .owl-carousel .owl-item .banner__image {width:auto; top:0px;height:100%; bottom:auto; left:60px;} .brand .aklbBrandHome .homepage_banner .banner__message--main {padding-top:0;} /* akl_shop.css - 필요없으면 삭제 */ .akl .brand .homepage_banner .owl-carousel .owl-item:nth-of-type(1) .wrapper .banner__wrapper, .akl .brand .homepage_banner .owl-carousel .owl-item:nth-of-type(2) .wrapper .banner__wrapper, .akl .brand .homepage_banner .owl-carousel .owl-item:nth-of-type(3) .wrapper .banner__wrapper {max-width:1376px;} .akl .brand .homepage_banner .owl-carousel .owl-item:nth-of-type(1) .banner__message {padding-left:0;} .banner-button-wrap .btn-blue-white a.banner-button-link {line-height:40px; display:block; cursor:pointer;} /* ### 공통 ###*/ .brand .colorM {color:#0a70d3 !important;} .brand .color-gray{color:#55565a !important;} .brand .rela {position:relative;} .brand .overh {overflow:hidden;} .brand .fl {float:left !important;} .brand .fr {float:right !important;} .brand .txtl {text-align:left;} .brand .txtc {text-align:center;} .brand .txtr {text-align:right;} .brand .full {width:100%;} .brand .inblock {display:inline-block;} .brand .fw500 {font-weight:500} .sup-italic { padding: 0 0 2px 0; font-size: 13px;color: #808285;font-style: italic;} .akl .brand p,.akl .brand li,.akl .brand dl, .akl .brand [class^=tit]{word-break:keep-all} /* 190219_추가 단어단위 줄바꿈 */ /* SNS url 복사 */ .brand .bod-view-sns > div.url-copy .url_pop {top:36px} .brand .bod-view-sns .pop-area-body:after {left:67px;} .brand {letter-spacing:-1px;} .arr1 {position:relative;display:inline-block;} /* 오른쪽 화살표 > */ .arr1:after {content:'';position:absolute;top:50%;right:-9px;width:7px;height:7px;-webkit-transform:rotate(45deg) translatey(-50%);-ms-transform:rotate(45deg) translatey(-50%);transform:rotate(45deg) translatey(-50%);border:2px solid #fff;border-width:2px 2px 0 0;} .txt-italic.s2 {background-image:url('../images/akl_common/ico_star2.png');background-size:auto 5px;} .brand img:hover, .brand a:hover{-webkit-transform:none !important;-ms-transform:none !important;transform:none !important;} .brand [class*=btn-wrap] {clear:both;margin:auto;text-align:center;} .btn-wrap50 {margin:50px 0 50px !important;} .full-component {position:relative;width:100%;max-width:1400px;margin:0 auto;} .full-component img {width:100%;} .popup-video-preview__content .video-wrapper + p {margin:10px 0 0;} .brand .owl-nav .owl-prev {left:10px;} .brand .owl-nav .owl-next {right:10px;} .brand table.tbl-type1 tbody tr:nth-of-type(even) {background:none;} .akl .bt-akl-blue.m {font-size:16px;height:50px;line-height:49px;padding:0 30px;} .brand img.mob {display:none;} /* ### 레이아웃 ### */ .aklbBrandHome > .main-container {padding:0;} /* 전체메뉴 */ #brandMenu {position:relative;max-width:1400px;margin:0 auto;padding:35px 12px;} #brandMenu .breadcrumb-section {padding:0;} #brandMenu .jump-to-amway {position:absolute;top:5px;right:12px;z-index:201;margin:0;background:none;} #brandMenu .breadcrumb {margin:0;padding:0;} #brandMenu .breadcrumb>li {position:relative; display:inline-block; padding-left:18px;} #brandMenu .breadcrumb>li:first-child {padding-left:0;} #brandMenu .breadcrumb>li+li::before {position:absolute; top:0; left:0; padding:0 6px;} #brandMenu .form-control {width:100%;} #brandMenu .select2-container {width:100% !important;} #brandMenu .main-container {padding:0} /* breadcrumb */ .breadcrumb>li {position:relative; display:inline-block; padding-left:18px;} .breadcrumb>li:first-child {padding-left:0;} .breadcrumb>li+li::before {position:absolute; top:0; left:0; padding:0 6px;} .sns-container {position:relative;max-width:1400px;margin:0 auto;padding:0 12px;} .brand .bod-view-sns > div, .sns-container .bod-view-sns > div {float:left;margin-left:10px;} /* 브랜드 타이틀 */ .top-title-wrapper {margin:0 auto 40px;width:100%;max-width:1400px;padding:0 12px;} .top-title-wrapper h1 {margin:0;} .top-title-wrapper > p {margin:10px 0 0;} .top-title-wrapper.main h1 {display:inline-block;} .top-title-wrapper.main > p {position:relative;display:inline-block;padding-left:22px;font-size:20px;line-height:1;color:#002f5f;letter-spacing:-1px;} .top-title-wrapper.main > p:before {content:'';width:2px;height:16px;position:absolute;top:2px;left:10px;background:#002F5F;} .brand.pad0 .top-title-wrapper.main {padding-left:0; padding-right:0;} .brand .brand-contents .top-title-wrapper {width:100%;max-width:1376px;padding:0;position:relative} .brand.main-container .top_feature-area {position:absolute;top:0;right:12px;padding-top:6px;z-index:2} .brand .brand-contents .top-title-wrapper .top_feature-area {position:absolute;top:0;right:0;padding-top:6px} .brand .brand-contents {position:relative;} .brand .brand-contents h2{text-align:left;text-transform:none;letter-spacing:-1px;margin-bottom:20px;} .brand .brand-contents h2:not(:first-child) {margin-top:40px;} .brand .brand-contents h3 {margin-bottom:10px;} .full-component + .content-row {margin-top:40px;} /* ### 암웨이소개 ### */ .brand-contents .accordion-custom .pull-right {position:absolute;display:inline-block;top:50%;right:0;margin-top:-6px;} .brand-contents .accordion-custom .pull-right:before {position:absolute;right:0;} .brand-contents section .con-title {font-size:20px;letter-spacing:-2px;font-weight:500;} .brand-contents .list-type5 > li > strong {display:block;margin:6px 0;} .brand-contents .col-search-tab {margin-top:40px;} .brand-contents .col-search-tab ul li:nth-of-type(8) a {border-right:none;} /*.brand-contents .col-search-tab li:last-child a {border-right:1px solid #dadada;} 마크업에서 수정하면서 삭제 */ .brand-contents .col-search-tab.s1 ul li {width:11.111111%;} .brand-contents .col-search-tab ul li a {text-align:center;} .akl .brand .category-success-story .item-content-wrap {max-width:80%; height:auto; max-height:191px; padding-top:22px; padding-bottom:22px;} .akl .brand .category-success-story .item-content-wrap .banner-title {font-weight:500;font-size:32px;} .akl .brand .category-success-story .item-content-wrap .banner-title > span {display:block;margin-bottom:5px;font-weight:400;font-size:24px;} .akl .brand .category-success-story .item-content-wrap .banner-button-wrap {position:absolute; bottom:-20px; width:100%;left:0;text-align:center;} /* 암웨이소개 홈 */ .intro .three-tile-component {margin-left:-15px; margin-right:-15px;} .intro .masthead {position:relative; width:100%; display:table; margin:0 auto;} .intro .masthead img {width:100%; max-width:1400px} .intro .masthead .banner_wrapper {padding-left:100px; max-width:1400px; margin:0; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); width:100%;} .intro .masthead .banner_wrapper h1 { font-size:45px; line-height:1.2; text-transform:uppercase; margin-bottom:30px; color:#fff;} .intro .masthead .banner_wrapper .text {font-size:20px; display:block; margin-bottom:20px; color:#fff;} .amway-theme .intro .experience-brands .banner_wrapper {padding-left:5%;} .amway-theme .intro .experience-brands .banner_wrapper h1{margin-bottom:20px;font-size:42px;} .amway-theme .intro .experience-brands.pullLeft .masthead .banner_wrapper {padding-left:17%;} .amway-theme .intro .experience-brands.pullLeft .masthead .banner_wrapper .text {width:50%} .amway-theme .intro .experience-brands.pullRight .masthead .banner_wrapper {-webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); transform:translate(0, -50%); width:auto; max-width:100%; overflow:hidden;} .amway-theme .intro .experience-brands .masthead .banner_wrapper .text{color:#002f5f;} .amway-theme .intro .experience-brands .masthead .banner_wrapper h1 {color:#002f5f;} .amway-theme .intro .bt-akl-blue {height:50px;line-height:49px;padding:0 30px;} #about-amway .bt-akl-blue {border:1px solid #002F5F;} .intro .visual .bt-akl-blue {border:1px solid #fff;background-color:rgba(0, 0, 0, 0.5) !important;} .intro .visual .bt-akl-blue:hover {color:#fff;} #about-amway .about-amway-content {margin-top:50px;margin-left:-15px;margin-right:-15px;padding:0;} #about-amway .content-article-bottom {margin-top:50px;padding-top:50px;} #about-amway .content-row.col4 {margin-top:40px;margin-bottom:20px;} #about-amway .content-row.col4 .item-content-wrap {background-color:#002F5F;} #about-amway .content-row.col4 .item-content-wrap span {display:block;padding:15px 24px 0 19px;height:70px;font-size:16px;font-weight:400;text-align:left; color:#fff;} #about-amway .banner-button-link .btn{line-height:0.95em; height:40px; padding:10px 25px;} #about-amway .category-success-story {margin:0 auto 20px; text-align:center;} .akl .brand h2.amway-learning__title {margin:55px auto;text-align:center;font-size:32px;letter-spacing:-2px;} .akl .brand #recentlyViewedListTab.product-recentlyviewed__imagelist .owl-item a {display:inline-block;width:136px;padding-top:136px;color:#00305e;font-size:16px;font-weight:400;background:url('/_ui/responsive/theme-blue/images/akl_brand/about/brand_icons.png') no-repeat 0 0;} .akl .brand #recentlyViewedListTab.product-recentlyviewed__imagelist .owl-item a span{display:block;margin-top:10px;} .akl .brand #recentlyViewedListTab.product-recentlyviewed__imagelist .owl-item:nth-child(2) a {background-position:-166px 0;} .akl .brand #recentlyViewedListTab.product-recentlyviewed__imagelist .owl-item:nth-child(3) a {background-position:-338px 0;} .akl .brand #recentlyViewedListTab.product-recentlyviewed__imagelist .owl-item:nth-child(4) a {background-position:-506px 0;} .akl .brand #recentlyViewedListTab.product-recentlyviewed__imagelist .owl-item:nth-child(5) a {background-position:-677px 0;} .akl .brand #recentlyViewedListTab.product-recentlyviewed__imagelist .owl-item:nth-child(6) a {background-position:-846px 0;} .akl .brand #recentlyViewedListTab.product-recentlyviewed__imagelist .owl-item:nth-child(7) a {background-position:-1009px 0;} .akl .brand #recentlyViewedListTab.product-recentlyviewed__imagelist .owl-item:nth-child(8) a {background-position:-1169px 0;} .akl .brand #recentlyViewedListTab.product-recentlyviewed__imagelist .owl-item:nth-child(9) a {background-position:-1331px 0;} .akl .brand #recentlyViewedListTab.product-recentlyviewed__imagelist .owl-item:nth-child(10) a {background-position:-1492px 0;} /* 한국암웨이 */ .brand .about [class*="img-text-row-box-type"] div {line-height:1.6;} .brand .about [class*="img-text-row-box-type"] div:nth-of-type(2) {padding-top:25px;} .brand .about .img-text-row-box-wrap .list-style-info {margin-top:30px;} .brand .about .img-text-row-box-wrap .arr1 {font-weight:500;margin-left:20px;} .brand .about .img-text-row-box-wrap .arr1:after {border-color:#0075a4} .brand .about [class*="img-text-row-box-type"] .bt-akl-white {margin-top:5px;} .brand .about .plp-item-label {position:absolute;height:25px;} .brand .about .plp-item-label:after {right:-7px;top:0;width:0;height:0;border:1px solid #008fc5;border-width:25px 7px 0 0;} .brand .about .plp-item-label.bg-blue:after {border-color:#008fc5 transparent transparent #008fc5;} .brand .about .plp-item-label.bg-green:after {border-color:#20893d transparent transparent #20893d;} .brand .about .plp-item-label.bg-red:after {border-color:#e11e45 transparent transparent #e11e45;} .brand .about .plp-item-label.bg-gray {background:#56565a;} .brand .about .plp-item-label.bg-gray:after {border-color:#56565a transparent transparent #56565a;} /* 가치 */ .brand .value .akl-toggle-wrap {margin-top:40px;} .brand .akl-toggle-wrap [class*="img-text-row-box-type"], .brand .akl-toggle-wrap [class*="img-text-row-box-type"] dl {margin:0;} .brand .akl-toggle-wrap [class*="img-text-row-box-type"] div {width:40%;} .brand .akl-toggle-wrap [class*="img-text-row-box-type"] div:first-child {width:60%;} .brand .akl-toggle-wrap [class*="img-text-row-box-type"] dl dt {font-size:18px;} .brand .ceo .sign {width:100%;margin:50px 0 0;text-align:right;} .brand .ceo .sign strong{display:block;font-size:18px;font-weight:500;} .akl .nonepointer.bod-customer {padding:0;} .akl .nonepointer .thumnail-box .featured-product__thumnail, .akl .nonepointer .news-result-item-text {cursor:default;min-height:80px;text-align:center;} .akl .nonepointer .news-result-item-text span {display:block;} .akl .nonepointer .featured-product__title:hover {color:#002f5f;} .brand-cont1 {margin-bottom:40px;padding:35px 40px;line-height:1.6;font-size:16px;background:#f4f4f4;} .brand .accordion-custom .panel-body {font-size:14px;word-break:keep-all;} /* 190220_수정 암웨이 소개 단어단위 줄바꿈 */ .brand .accordion-custom .panel-body ul.list-type5 {margin-top:15px;} .brand .accordion-custom .panel-body ul.list-type5 li strong {color:#002f5f;} /* CEO인사말 */ .brand .ceo section h2{margin-top:40px;} /* 연혁 */ .brand [class*="box-bnr-fw0"] {background-repeat:no-repeat;background-position:50% 0;background-size:auto 108%;} .brand .history .box-bnr-fw01 {height:400px;background-image:url('/_ui/responsive/theme-blue/images/akl_brand/about/historyimg_01.jpg');background-repeat:no-repeat;background-position:50% 0;background-size:auto 108%;} .brand .history2 .box-bnr-fw01 {height:400px;background-image:url('/_ui/responsive/theme-blue/images/akl_brand/about/historyimg_02.jpg');background-repeat:no-repeat;background-position:50% 0;background-size:auto 108%;} .brand [class*="box-bnr-fw0"] .txt-wrap strong, .brand [class*="box-bnr-fw0"] .txt-wrap p {color:#fff !important;} .brand [class*="box-bnr-fw0"] .txt-wrap p {font-size:16px !important; font-weight:400 !important;} .brand [class*="box-bnr-fw0"] .txt-wrap p em {display:block;font-size:18px; color:#fff;font-weight:500;font-style:normal;} .brand [class*="box-bnr-fw0"].c2 .txt-wrap strong, .brand [class*="box-bnr-fw0"].c2 .txt-wrap p, .brand [class*="box-bnr-fw0"].c2 .txt-wrap p em {color:#002f5f !important;} .history2 .content-row article .cont-type1 figcaption {padding:20px 20px;text-align:center;} .history2 p.bdbtm {border-bottom:1px solid #e3e3e3;padding-bottom:20px;font-size:16px;margin:-10px 0 0;} .history-area {display:block;margin-top:30px;} .history-area article {display: inline-block; width: 100%;height: 100%;max-height: 180px;} /* 연혁 눈금 수정 전 */ .timeline {display: block;width: 100%;padding-bottom:100px;overflow: hidden;} .timeline .timelineWrap { margin:auto; width: 100%;max-width: 1360px;} .timeline .slideBox {line-height: 1.2; width: 100%;/*padding: 0 3.0%; margin: 70px auto 50px; max-width: 1140px;*//* 20180906 추가*/ width:auto; height:313px; padding: 0 3%; margin:70px 40px 50px; overflow:auto; overflow-x:hidden;} .timeline .slideBox > div {display:table;} .timeline .slideBox > div + div {padding-top:40px;} .timeline .slideBox .slide-text, .timeline .slideBox .slide-img {display: table-cell; vertical-align: top;} .timeline .slideBox .slide-text { padding: 0 10% 0 0;} .timeline .slideBox .slide-text .mob { display: none;} .timeline .slideBox .slide-text h1 {font-size: 45px;line-height: 1.6; margin-bottom: 10px; font-weight: 700;color: #002F5F;} .timeline .slideBox .slide-text.s1 {display:block;width:100%;padding:0;} .timeline .slideBox .slide-text.s1 ul {margin-top:20px;} .timeline .slideBox .slide-text.s1 ul li {padding-left:60px;} .timeline .slideBox .slide-text p {margin-bottom:20px;font-size:14px;line-height:1.6;} .timeline .slideBox .slide-img {width:336px;padding-bottom:30px;} .timeline .slideBox > div ul>li {position:relative;margin-bottom:15px;padding-left:70px;line-height:1.6;} .timeline .slideBox > div ul>li strong {position:absolute;left:0;width:70px;display:inline-block;color:#002f5f;font-weight:700;} .timeline .owl-dots {width:100%; padding:8px 0 20px 138px; margin:0 auto; height:74px; text-align:left; right:auto; bottom:auto; background: url("/_ui/responsive/theme-blue/images/akl_brand/about/company_timeline_bg.png") no-repeat center top; background-size: 1400px auto; } .timeline .owl-dots .owl-dot {width:6px; height:6px; opacity:0; display:inline-block; margin-right:148px;} .timeline .owl-dots .owl-dot span {margin-left:-4px; display:block; border-radius:100%; transition-property: opacity; transition-duration: 200ms;transition-timing-function: ease;} .timeline .owl-dots .active {opacity: 1;} .timeline.s1 .owl-dots {background: url("/_ui/responsive/theme-blue/images/akl_brand/about/company_timeline_bg2.png") no-repeat center top; background-size: 1400px auto;width: 1400px;padding: 8px 0 20px 296px;} .timeline.s1 .owl-dots .owl-dot {margin-right:74.0px; position:relative;} .timeline .owl-dots .owl-dot.active span {width: 42px;height: 42px; background:url('/_ui/responsive/theme-blue/images/akl_brand/common/timeline_dot.png') no-repeat 0 0;} .brand-contents.history .timeline .owl-dots .owl-dot.active span {position:absolute;left:-12px;top:-23px; } .brand-contents.history2 .timeline .owl-dots .owl-dot.active span {position:relative;left:-14px;top:-15px; } .brand-contents.artistry .timeline .owl-dots .owl-dot.active span {position:relative;left:-14px;top:-15px; } /* 연혁 눈금 수정 후 : 2018.12.04 .timeline {display: block; width: 100%;padding-bottom:100px;overflow: hidden;} .timeline .timelineWrap { margin:auto; width:100%;max-width: 1360px;} .timeline .slideBox {line-height:1.2; width:100%; width:auto; height:313px; padding: 0 3%; margin:70px 40px 50px; overflow:auto; overflow-x:hidden;} .timeline .slideBox > div {display:table;} .timeline .slideBox > div + div {padding-top:40px;} .timeline .slideBox .slide-text, .timeline .slideBox .slide-img {display: table-cell; vertical-align: top;} .timeline .slideBox .slide-text { padding: 0 10% 0 0;} .timeline .slideBox .slide-text .mob { display: none;} .timeline .slideBox .slide-text h1 {font-size: 45px;line-height: 1.6; margin-bottom: 10px; font-weight: 700;color: #002F5F;} .timeline .slideBox .slide-text.s1 {display:block;width:100%;padding:0;} .timeline .slideBox .slide-text.s1 ul {margin-top:20px;} .timeline .slideBox .slide-text.s1 ul li {padding-left:50px;} .timeline .slideBox .slide-text p {margin-bottom:20px;font-size:14px;line-height:1.6;} .timeline .slideBox .slide-img {width:336px;padding-bottom:30px;} .timeline .slideBox > div ul>li {position:relative;margin-bottom:15px;padding-left:70px;line-height:1.6;} .timeline .slideBox > div ul>li strong {position:absolute;left:0;width:70px;display:inline-block;color:#002f5f;font-weight:700;} .timeline .owl-dots {position:relative; margin-left:88px; width:calc(100% - 86); height:70px; text-align:left; right:auto; bottom:auto;} .timeline .owl-dots * {box-sizing:border-box;} .timeline .owl-dots:before {content:''; position:absolute; top:18px; left:0; width:100%; height:2px; background:#ddd;} .timeline .owl-dots .owl-dot {position:absolute; top:0; left:0; display:block; width:50px; height:70px; padding:0; margin:0;} .timeline .owl-dots .owl-dot:before {content:''; position:absolute; top:5px; left:50%; display:block; width:3px; height:15px; margin-left:-2px; background:#ddd;} .timeline .owl-dots .owl-dot span {position:absolute; top:0; left:0; width:50px; height:100%; font-size:20px; font-weight:700; padding:40px 0 0; margin:0; border-radius:0; display:block; background:none; transition:none; opacity:1;box-shadow:none;} .timeline .owl-dots .owl-dot span:before {content:''; display:block; position:absolute; top:0; left:50%; width:100%; height:45px; margin-left:-25px;} .timeline .owl-dots .owl-dot.active span:before {background:url('/_ui/responsive/theme-blue/images/akl_brand/common/timeline_dot.png') no-repeat 4px 0;} .timeline .owl-dots .owl-dot:nth-of-type(1) {left:10%;} .timeline .owl-dots .owl-dot:nth-of-type(2) {left:20%;} .timeline .owl-dots .owl-dot:nth-of-type(3) {left:30%;} .timeline .owl-dots .owl-dot:nth-of-type(4) {left:40%;} .timeline .owl-dots .owl-dot:nth-of-type(5) {left:50%;} .timeline .owl-dots .owl-dot:nth-of-type(6) {left:60%;} .timeline .owl-dots .owl-dot:nth-of-type(7) {left:70%;} */ .brand-contents.history .timeline .slideBox {height:327px;} /* 스크롤바 플러그인 추가 */ .timeline .scroll-wrapper.scrollbar-inner { overflow:auto; max-height:310px; margin:50px 40px 50px; padding:20px;} .timeline .slideBox .slide-text h1 {margin-top:0; padding-top:0; line-height:1; padding-bottom:15px;} .timeline {overflow:hidden;} .timeline .scrollbar-inner .slideBox {display:block;margin:0; max-height:none; height:auto; margin:0;} .timeline .scrollbar-inner .slideBox > div {display:block;} .timeline .scrollbar-inner .slideBox > div + div {padding:0;} /* 부산 아시아 물류 허브 센터 */ .hubcenter .ui-snap-big {margin:40px auto;height:400px;} .hubcenter .ui-snap-big li {height:100%;} .hubcenter .slides .image-gallery {text-align:center;} .hubcenter .image-gallery.js-gallery img {display:inline-block;width:auto;} .hubcenter .slides .image-gallery img:hover {margin:0;-webkit-transform:none;-ms-transform:none;transform:none;} .hubcenter #uiPrdViewDetail {margin:40px 30px 0;padding:0;width:auto;} .hubcenter #uiPrdViewDetail .owl-item button.ui-snap-btn {margin:0 15px;max-width:100%;max-height:100%;} .hubcenter #uiPrdViewDetail .owl-item button.ui-snap-btn img {max-height:100%;} .brand #uiPrdViewDetail .owl-nav .owl-next {right:-20px;} .brand #uiPrdViewDetail .owl-nav .owl-prev {left:-20px;} /* 파운더스 카운슬 */ .brand .new-social-list {overflow:hidden;margin:-10px;} .brand .new-social-list .thumnail-box {position:relative;} .akl .brand .news-result-item-text .featured-product__title {text-align:left;} /* 뉴스룸 */ .brand .brand-board {padding:0;margin-top:-15px;} .brand .bod-view-head h2.head-title {margin-bottom:10px;} .brand .customer-wrap .bod-view-sns {position:relative;} /* ######## 브랜드 메인 레이아웃 ######## */ .akl .brand .homepage_banner #banner_list {display:block;} .akl .brand .homepage_banner, .akl .brand .homepage_banner .owl-carousel .owl-stage-outer, .akl .brand .homepage_banner .wrapper .banner__wrapper, .akl .brand .homepage_banner .owl-carousel .owl-item .banner__image-sub {height:732px;} .akl .brand .homepage_banner .owl-dots {right:0;left:0;bottom:auto;top:50%;width:1376px;margin:auto;} .akl .brand .homepage_banner .owl-dots .owl-dot {position:relative;display:block;left:0;right:auto;padding:10px 0 10px 30px !important;text-align:left;color:#fff;font-size:16px;font-weight:100;} .akl .brand .homepage_banner .owl-dots .owl-dot.active:before {content:'';display:block;position:absolute;left:0;top:20px;width:20px;height:3px;background:#e11e44;} .akl .brand .homepage_banner .owl-dots .owl-dot.active {font-weight:400;font-size:17px;} .akl .brand .homepage_banner .owl-dots .owl-dot span {background:none;box-shadow:none;width:auto;height:auto;margin:0;color:#fff;font-weight:100;} .akl .brand .homepage_banner .owl-dots .owl-dot.active span {color:#fff; font-weight:400;} .akl .brand .homepage_banner .wrapper {position:relative;background:#fff;} .akl .brand .homepage_banner .banner__wrapper {max-width:1376px;background-size:auto 100%;background-position:50% 0;background-repeat:no-repeat;} /*.akl .brand.espring .homepage_banner .banner__wrapper {background-position:0 0;}*/ .akl .brand .homepage_banner .banner__wrapper * {color:#fff !important;} .akl .brand .homepage_banner .banner__title {position:absolute;z-index:1; top:40px;right:0;padding:10px 40px 0 0;font-size:14px;letter-spacing:0;} .akl .brand .homepage_banner .banner__title:before {content:'';display:block;position:absolute;right:0;top:0px;width:83px;height:3px;background:#e11e44;} .akl .brand .homepage_banner .banner__wrapper .banner__image {width:100%;} /* 메인 비주얼 기본 스타일 */ .akl .brand .homepage_banner .banner__message {display:block; z-index:1; right:10%;width:400px;height:69%;margin:126px 0 0;padding:0; background-color:rgba(225,30,68,0.8); } .akl .brand .homepage_banner .banner__message--main {margin:10% 0 0 -37%;width:100%;font-size:44px;font-weight:500;line-height:1.3;text-transform:none;} .akl .brand .homepage_banner .banner__message--sub {position:absolute;bottom:0;width:100%;padding:50px 30px 50px 40%;font-weight:300;font-size:16px;word-break:keep-all; line-height:1.5;} /* 190220_수정 브랜드 페이지 단어단위 줄바꿈 */ .akl .brand .homepage_banner .banner__message--sub > span {display:block;} .akl .brand .homepage_banner .banner__message--sub .arr1 {color:#fff !important;} .akl .brand .homepage_banner .banner__message--sub .arr1:after {margin-top:-1px;} .akl .brand.queen .homepage_banner .banner__message--sub { padding:50px 30px 50px 38%;} /* 비디오영역 */ .brand .video-preview {position:relative;margin:0;height:430px;overflow:hidden;background-repeat:no-repeat;background-position:50% 50%;background-size:1376px auto;} .brand .video-preview__content button {padding:0;} .queen .video-preview {background-image:url('/_ui/responsive/theme-blue/images/akl_brand/queen/movie_bg.jpg');} .oneforone .video-preview {background-image:url('/_ui/responsive/theme-blue/images/akl_brand/oneforone/movie_bg.jpg');} .espring .video-preview {background-image:url('/_ui/responsive/theme-blue/images/akl_brand/espring/movie_bg.jpg');} .artistry .video-preview {background-image:url('/_ui/responsive/theme-blue/images/akl_brand/artistry/movie_bg.jpg');} /* 뉴트리라이트 보태니컬 프로세스 9 캠페인 페이지 추가 */ .amway-theme #home h2 { margin:0; color: #55565a; font-size:70px;text-align:center;} .amway-theme #home h3 { line-height:initial;} .amway-theme #home .row {display: flex;flex-wrap: wrap;margin-right: -15px;margin-left: -15px;} .amway-theme #home .col {flex-basis: 0;flex-grow: 1; max-width: 100%; position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px;} .amway-theme #home .container {max-width: 927px; width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;} .amway-theme #home #video-slider .slide .slide-content { display: flex; align-items: center; padding-top: 50px; position: relative; z-index: 99;} .amway-theme #home h1 { font-size: 70px; text-transform: uppercase; font-weight: 700; padding:1em 0; color:#55565a; letter-spacing: -0.05em} .amway-theme #home p { font-size: 30px; } .amway-theme #home #intro { text-align: center; padding:24px 0 64px;} .amway-theme #home #intro p span{ font-weight: 700; } #home #video-slider .slide {background-size: cover; background-position: center; background-repeat: no-repeat; height: 478px; position: relative;} #home #video-slider .slide:after {content: '';position: absolute; height: 100%; width: 100%; z-index: 9; top: 0; left: 0; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.25) 40%, rgba(0, 0, 0, 0.29));} #home #video-slider .slide div {height: 100%;} #home #video-slider .slide .slide-content { display: flex; align-items: center; padding-top: 50px; position: relative; z-index: 99;} #home #video-slider .slide .slide-content p {color: #fff; font-weight: 500; text-shadow: 2px 2px 10px #333;} #home #video-slider .slide .slide-content p span {font-size: 2.25em; font-weight: 700; line-height: 1em;} #home #video-slider .slide .video-play-button {position: absolute; top: 50%; left: 50%; margin-left: -35px; transition: margin-left .5s; z-index: 99;} #home #video-slider .slide .video-play-button img { width: 70px; transition: width .5s;} #home #video-slider .slide .video-play-button:hover { margin-left: -40px; } #home #video-slider .slide .video-play-button:hover img { width: 80px; } #home #certification { text-align: center; padding: 56px 0; } #home #certification h2 {margin-bottom: .5em;} #home #certification p {margin: 0 auto;margin-bottom: 1em; } #home #certification img {margin: 1rem 0;max-width: 60%; } #home #certification .button {margin: 3.125rem 0; } /*farms-intro*/ #home #places .col-lg-8{position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px;} #home #places #farms-intro { padding: 2.5rem 0; background-color: #f2f2f2; } #home #places #farms-intro #farms-intro-content { display: flex; margin: 0 auto; } #home #places #farms-intro #farms-intro-content h2 { display: inline-block; text-align: left; font-size:60px; margin-top:40px;} #home #places #farms-intro #farms-intro-content img { float: right; } #home #places #farms-banners .farm-banner { position: relative; text-align: center; background-position: center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; padding: 120px 0; text-decoration: none; display: block; } #home #places #farms-banners .farm-banner:hover:after { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6) 40%, rgba(0, 0, 0, 0.6)); } #home #places #farms-banners .farm-banner h3 { position: relative; z-index: 99; font-size:54px;font-weight: 500; color: #fff; } #home #places #farms-banners .farm-banner:after { position: absolute; content: ''; top: 0; left: 0; height: 100%; width: 100%; z-index: 9; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.25) 40%, rgba(0, 0, 0, 0.29)); } /*detailed*/ #home #process { font-size:16px; } #home #process #process-intro { padding: 70px 0; text-align: center;} #home #process #process-intro h2 { margin-bottom: .5em; font-size:66px;} #home #process #process-intro p { margin-top: 16px; display: inline-block; text-align:center;} #home #process #process-intro p em { font-weight: 700; } #home #process #process-intro p img { margin: 0 16px; } #home #process .col-4{flex: 0 0 33.3333333333%; max-width: 33.3333333333%;} #home #process #process-tiles { padding: 40px 0 64px; position: relative; z-index: 1; } #home #process #process-tiles:after, #home #process #process-tiles:before { content: none; z-index: 9; position: absolute; background-position: center; background-repeat: no-repeat; width: 20%; height: 100%; top: 0; background-size: 85%; } #home #process #process-tiles .container {/*max-width: 927px;*/position: relative;z-index: 999; } #home #process #process-tiles .container .col { padding: 0 12px; } #home #process #process-tiles .process-tile { position: relative; z-index: 1; background-size: cover; background-position: center; background-repeat: no-repeat; display: flex; align-items: center; height: 285px; margin-bottom: 24px; } #home #process #process-tiles .process-tile .process-hover-bg { height: 100%; width: 100%; position: absolute; z-index: 9; top: 0; left: 0; background-size: cover;/* background-position: center; */background-repeat: no-repeat;display: none;} #home #process #process-tiles .process-tile:after { content: none; position: absolute; top: 0; left: 0; background: #000; height: 100%; width: 100%; z-index: 9; opacity: .2; } #home #process #process-tiles .process-tile:hover { text-decoration: none; } #home #process #process-tiles .process-tile:hover .process-hover-bg { display: block; } #home #process #process-tiles .process-tile:hover:after { content: none; } #home #process #process-tiles .process-tile h3 { position: relative; z-index: 99; font-weight: 700; font-size:34px; color: #fff; text-align: center; width: 100%; padding: 0 8px; line-height: 1.2;} #home #process #process-tiles .process-tile h3 .number { font-size: 4em; width: 100%; } /* 2019.06.12 동영상 추가 */ #home #process .process_intro_mov_ms {margin-left:auto;margin-right:auto;text-align:center;} #home #process .process_intro_mov_ms .container{ padding-right:0 !important; padding-left:0 !important;} #home #process .process_intro_mov_ms .bTit_ms { margin-bottom:1em; font-size:38px; font-weight:700;letter-spacing: -1px; word-break: keep-all; line-height: 1.1; } #home #process .process_intro_mov_ms .sTit_ms { font-size:30px; padding-top:1em;letter-spacing: -1px; font-weight:700;word-break: keep-all;line-height: 1.1;} #home #testing #testing-lists { padding: 2.5rem 0; } #home #testing #testing-lists .testing-list .testing-list-heading {min-height: 125px;text-align: center;background-color: #e1e2e2;border-bottom: solid 3px #464749;text-transform: uppercase;padding: .5rem 0;display: flex;align-items: center;} #home #testing #testing-lists .testing-list .testing-list-heading .testing-list-heading-content {display: block; width: 100%;} #home #testing #testing-lists .testing-list .testing-list-heading .testing-list-heading-content h4 {color: #464749;font-weight: bold;margin-bottom: 0;width: 100%;text-align: center;font-weight: 500; font-size:36px;} #home #testing #testing-lists .testing-list .testing-list-heading .testing-list-heading-content p {color: #464749; font-size: 20px;width: 100%;text-align: center;margin-bottom: 0;} #home #testing #testing-lists .testing-list table { width:100%; font-weight: 500; } #home #testing #testing-lists .testing-list table tr:last-of-type { padding-bottom: 50px;} #home #testing #testing-lists .testing-list table th {font-size: 18px;font-style: italic;color: #000;text-align: center;font-weight: 500;text-transform: uppercase;background-color: rgba(129, 188, 0, 0.2);padding-top:.5em;} .amway-theme #home #testing #testing-lists .testing-list table tbody tr:nth-of-type(even) { background-color:#fff; } #home #testing #testing-lists .testing-list table td {padding: 15px 15px 0; } #home #testing #testing-lists .testing-list table td:nth-child(1) {font-size:20px} #home #testing #testing-lists .testing-list table td:nth-child(2) {background-color: rgba(129, 188, 0, 0.2);width: 95px;text-align: center;} #home #testing #testing-lists .testing-list table.bad-things td {color: #d90039;} .content-row {position:relative;clear:both;overflow:hidden;margin:60px 0 0;} .content-row article {position:relative;width:50%;padding:0 12px 30px;box-sizing:border-box;} .content-row[class*='col'] {margin-left:-12px;margin-right:-12px;display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap; } .content-row.col3 article {width:33.3%;float:left;} .content-row.col4 article {width:25%;float:left;} .content-row article img {width:100%;} .content-row article [class*="cont-type"] {position:relative;margin:0;height:100%;background:#f4f4f4;} .content-row article [class*="cont-type"] figcaption{padding:15px 20px 15px;min-height:60px;font-size:16px;font-weight:500;color:#002f5f;} .content-row article [class*="cont-type"] figcaption:only-child {padding-bottom:20px;} .content-row article [class*="cont-type"] figcaption > span {display:block;padding:3px 0 13px;font-weight:400;} .content-row article [class*="cont-type"] figcaption > span i{font-size:16px;} .content-row article [class*="cont-type"] figcaption + p {margin:0;padding:0 20px 50px;line-height:1.6;margin-top:-15px;min-height:95px;} .content-row article [class*="cont-type"] figcaption + p > span {display:block;margin-bottom:10px;} .content-row article [class*="cont-type"] a.arr1 {position:absolute;bottom:20px;left:20px;display:inline-block;font-weight:500;} .content-row article [class*="cont-type"] a.arr1:after {border-color:#0075a4;} .content-row article .cont-type2 figcaption + p {padding-bottom:20px;min-height:auto;} /* 하단 상세보기 버튼이 없는 경우 */ .content-row.s1 {display:block;} .content-row.s1 article {flex:none;width:100%;padding:40px 0 30px;border-bottom:1px solid #e3e3e3;} .content-row.s1 article:first-child {padding-top:10px;} .content-row.s1 article:last-child {padding-bottom:0;border-bottom:0;} .content-row.s3 {display:block;} .content-row.s3 article { width:31.3333%;padding:22px 30px 30px; margin:0 1%; float:left; background:#f4f4f4; height:280px; text-align:left;} .akl .content-row.s3 .title-h6 {font-size: 18px !important; line-height:140%} .content-row.s2 {display:block;margin-top:0;display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;} .content-row.s2 dl{width:50%;margin-bottom:40px;padding:0 15px;box-sizing:border-box;} .content-row.s2 dl:last-child {margin-bottom:0;} .content-row.s2 dt {font-size:16px;font-weight:500;margin-bottom:10px;} .content-row.s2 dd {border:1px solid #dadada;padding:40px 40px 40px;} .content-row.s2 + .txt-italic {margin-top:-20px;} .title-component + .content-row, .top-title-wrapper + .content-row {margin-top:0;} .full-component.vsual03 {margin-top:60px;} .full-component.vsual03 span {position:absolute;left:50%;top:70%;display:inline-block;background:#002f5f;border-radius:20px;color:#fff;padding:7px 40px;width:270px;-webkit-transform:translateX(-50%);transform:translateX(-50%);} .txtbox {position:relative;align-items:center;margin:0;width:100%;height:430px;overflow:hidden;background-repeat:no-repeat;background-position:50% 0;background-size:cover;} .txtbox > div{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);max-height:100%;max-width:48%;} .txtbox img {width:100%;} .txtbox h3 {font-size:40px;font-weight:500;line-height:1.2;color:#00305e;} .txtbox h3 em{font-size:40px;font-weight:500; } .txtbox p {margin-top:10px;font-size:20px;} .txtbox p.artistry-txt {margin-bottom:5px;font-size:18px; color:#002f5f} .txtbox div.s1 {left:7%;max-width:50%;} .txtbox div.s2 {left:51%;} .txtbox div span {display:block;margin-top:10px;} .txtbox div a.arr1 {font-weight:500;} .txtbox div a.arr1:after {border-color:#0075a4;} .txtbox div strong {color:#00305e;font-weight:700;} /* 1.암웨이퀸 */ .akl .queen .homepage_banner .banner__wrapper .banner__message, .akl .queen .homepage_banner .banner__title:before, .akl .queen .homepage_banner .owl-dots .owl-dot.active:before { background-color:rgba(225,30,68,0.8);} .akl .queen .homepage_banner .owl-item:nth-child(1) .banner__wrapper {background-image:url('/_ui/responsive/theme-blue/images/akl_brand/queen/main_visual01.jpg');} .akl .queen .homepage_banner .owl-item:nth-child(2) .banner__wrapper {background-image:url('/_ui/responsive/theme-blue/images/akl_brand/queen/main_visual02.jpg');} .akl .queen .homepage_banner .owl-item:nth-child(3) .banner__wrapper {background-image:url('/_ui/responsive/theme-blue/images/akl_brand/queen/main_visual03.jpg');} .title-component {clear:both;margin:50px 0 50px;text-align:center;} .title-component h2 {margin:0;text-transform:none;text-align:center !important;line-height:1.2;} .title-component h2 span {display:block;font-size:24px;font-weight:400;margin-bottom:8px;} .title-component h2 em {font-size:32px;font-weight:700; } .title-component h2 sup{top:-1.0em;font-size:13px;} .title-component > p {margin:10px 0 0;font-size:18px;font-weight:400;line-height:1.4;letter-spacing:-1px;} .brand .sub .full-component .box-bnr-fw01, .brand .sub .full-component .box-bnr-fw03 {margin-bottom:60px;} .brand .box-bnr-fw03 {height:400px; background-image:url('/_ui/responsive/theme-blue/images/akl_brand/queen/sub3_visual01.jpg');} .brand .box-bnr-fw03 .txt-wrap strong {color:#002f5f!important;} .brand .box-bnr-fw03 .txt-wrap p {color:#56565a!important;} .brand .box-bnr-fw04{height:400px;background-image:url('/_ui/responsive/theme-blue/images/akl_brand/queen/sub2_visual01.jpg');} .queen .full-component.vsual02 {height:400px;background:#f4f4f4 url('/_ui/responsive/theme-blue/images/akl_brand/queen/sub2_visual02.jpg') no-repeat 50% 50%;background-size:auto;} .queen .full-component.vsual03 {height:400px;background:#f4f4f4 url('/_ui/responsive/theme-blue/images/akl_brand/queen/sub2_visual03.jpg') no-repeat 50% 50%;background-size:auto;} .queen .title-component {margin-top:50px; padding-top:0;} .queen .queen_prod_list + .title-component {border-top:1px solid #dadada;margin:50px 0 50px;padding-top:50px;} .title-component .title-ul {margin:40px auto;width:90%;display:flex;} .title-component .title-ul li{position:relative;padding:75px 20px 0;-webkit-flex:1;flex:1;text-align:center;word-spacing:1px;} .title-component .title-ul li:before {content:'';display:block;position:absolute;top:0;left:50%;margin-left:-35px;width:100%;width:70px;height:70px;background:url('/_ui/responsive/theme-blue/images/akl_brand/queen/queen_icons.png') no-repeat 50% 9px;background-size:90px auto;} .title-component .title-ul li:nth-of-type(2):before {background-position-y:-84px;} .title-component .title-ul li:nth-of-type(3):before {background-position-y:-172px;} .title-component .title-ul li:nth-of-type(4):before {background-position-y:-270px;} .title-component .title-ul li:nth-of-type(5):before {background-position-y:-358px;} .title-component .title-ul li p {margin-bottom:5px;color:#002f5f;font-weight:500;} .title-component .title-ul li p em {display:block;font-weight:700;} .queen_prod_list {overflow:hidden;margin:40px auto; display:table;text-align:center;justify-content:center;} .queen_prod_list li {display:table-cell;height:100%;border-left:0;box-sizing:border-box;text-align:center;line-height:1.7;} .queen_prod_list li:first-child {border-left:0;} .queen_prod_list li > span {display:block;} .queen_prod_list li > span img {margin:auto;margin:30px auto;width:312px;vertical-align:bottom;} .queen_prod_list li > span + p {font-size:13px;color:#002f5f;font-weight:500;} .queen_prod_list li p em {display:block;font-size:13px;color:#808285;font-weight:200;letter-spacing:0;} .queen_prod_list li p strong {display:block;font-size:14px;} .queen_prod_list li .txt-italic {display:inline;} .akl .brand .item-content-wrap h2 {margin:0 0 10px;text-align:center;} .akl .content-row.cookStory article figcaption {position:relative; margin-bottom:20px; height:90px;} .akl .content-row.cookStory article figcaption span{line-height:130%;} .akl .content-row.cookStory article figcaption a{position:absolute;left:20px;bottom:0} /* 2.뉴트리라이트 */ .akl .nutrilite .homepage_banner .banner__wrapper .banner__message, .akl .nutrilite .homepage_banner .banner__title:before, .akl .nutrilite .homepage_banner .owl-dots .owl-dot.active:before {background-color:#20893d; background-color:rgba(32,137,61,0.8);} .akl .nutrilite .homepage_banner .owl-item:nth-child(1) .banner__wrapper {background-image:url('/_ui/responsive/theme-blue/images/akl_brand/nutrilite/main_visual01.jpg');} .akl .nutrilite .homepage_banner .owl-item:nth-child(2) .banner__wrapper {background-image:url('/_ui/responsive/theme-blue/images/akl_brand/nutrilite/main_visual02.jpg');} .akl .nutrilite .homepage_banner .owl-item:nth-child(3) .banner__wrapper {background-image:url('/_ui/responsive/theme-blue/images/akl_brand/nutrilite/main_visual03.jpg');} .nutrilite .txtbox.s1 {background:url('/_ui/responsive/theme-blue/images/akl_brand/nutrilite/fullimg1.jpg') no-repeat 90% 0;position:relative;} .nutrilite .txtbox.s1 .s1{ z-index:1} .nutrilite .txtbox.s1 a{display:block;position:absolute;right:30px;top:0;width:590px;height:400px;text-indent:-9999px;overflow:hidden; z-index:2;} .nutrilite .txtbox.s2 {text-align:center;} .nutrilite .txtbox.s2 img {width:100%;max-width:899px;margin:0 auto;} .akl .nutrilite .video-preview {background-image: url(/_ui/responsive/theme-blue/images/akl_brand/nutrilite/movie_bg.jpg);} /* 2.뉴트리라이트 > 보내티컬*/ .os_noticeRes.botanical .bgCover { background-size:cover;} .os_noticeRes.botanical .osResHeader {position: relative; padding:80px 0;} .os_noticeRes.botanical .tab01 { text-align: center;} .os_noticeRes.botanical .tab01 p{ display:inline-block; text-align:left; padding:0 25px; vertical-align: middle; } .os_noticeRes.botanical .tab01 p:nth-of-type(2) {line-height:1.6; bottom:15px; font-size:17px; margin-top:-10px } .os_noticeRes.botanical .tab02 { text-align: center;} .os_noticeRes.botanical .tab02 p{ display:inline-block; text-align:left; padding:0 15px; vertical-align: middle; } .os_noticeRes.botanical .tab02 p:nth-of-type(2) {line-height:1.6;bottom:15px; font-size:22px; margin-top:-10px } .os_noticeRes.botanical .osResHeader.botanical01 {background:#00291c url(/_ui/responsive/theme-blue/images/akl_brand/nutrilite_9step/nutrilite_180813_step01_bg01.jpg) repeat-x center top; background-size:cover; } .os_noticeRes.botanical .osResHeader.botanical02 {background:#00291c url(/_ui/responsive/theme-blue/images/akl_brand/nutrilite_9step/nutrilite_180813_step02_bg01.jpg) repeat-x center top; background-size:cover; } .os_noticeRes.botanical .osResHeader.botanical03 {background:#00291c url(/_ui/responsive/theme-blue/images/akl_brand/nutrilite_9step/nutrilite_180813_step03_bg01.jpg) repeat-x center top; background-size:cover; } .os_noticeRes.botanical .osResHeader.botanical04 {background:#00291c url(/_ui/responsive/theme-blue/images/akl_brand/nutrilite_9step/nutrilite_180813_step04_bg01.jpg) repeat-x center top; background-size:cover; } .os_noticeRes.botanical .osResHeader.botanical05 {background:#00291c url(/_ui/responsive/theme-blue/images/akl_brand/nutrilite_9step/nutrilite_180813_step05_bg01.jpg) repeat-x center top; background-size:cover; } .os_noticeRes.botanical .osResHeader.botanical06 {background:#00291c url(/_ui/responsive/theme-blue/images/akl_brand/nutrilite_9step/nutrilite_180813_step06_bg01.jpg) repeat-x center top; background-size:cover; } .os_noticeRes.botanical .osResHeader.botanical07 {background:#00291c url(/_ui/responsive/theme-blue/images/akl_brand/nutrilite_9step/nutrilite_180813_step07_bg01.jpg) repeat-x center top; background-size:cover; } .os_noticeRes.botanical .osResHeader.botanical08 {background:#00291c url(/_ui/responsive/theme-blue/images/akl_brand/nutrilite_9step/nutrilite_180813_step08_bg01.jpg) repeat-x center top; background-size:cover; } .os_noticeRes.botanical .osResHeader.botanical09 {background:#00291c url(/_ui/responsive/theme-blue/images/akl_brand/nutrilite_9step/nutrilite_180813_step09_bg01.jpg) repeat-x center top; background-size:cover; } .os_noticeRes.botanical .botanical-btm { margin-bottom:40px; padding-bottom:40px; border-bottom:1px solid #e3e3e3} .os_noticeRes.botanical .botanical-btm p {padding:65px 0; background:url(/_ui/responsive/theme-blue/images/akl_brand/nutrilite_9step/nutrilite_180813_step01_bg02.jpg) repeat-x center top;background-size:cover; text-align:center; } .os_noticeRes.botanical .botanical-btm p span{ font-size: 24px; color:#fff; display:block; line-height:130%} .os_noticeRes.botanical .campaign09 {margin-top:40px; padding:50px 0; text-align:center; background:#00291c url(/_ui/responsive/theme-blue/images/akl_brand/nutrilite_9step/bg_campaign09.jpg) repeat-x center top; background-size:cover; } .os_noticeRes.botanical .campaign09 dt {font-size: 40px; color:#fff; font-weight:400; letter-spacing:-2px; line-height:100%; margin-bottom:30px} .os_noticeRes.botanical .campaign09 dt em {font-size: 40px;} .os_noticeRes.botanical .campaign09 dt span{font-size:28px; display:inline-block; line-height:100%; font-weight:300; background:#597c3a; background-color:rgba(89,124,58,0.5); padding:3px 25px; margin-top:15px;letter-spacing:0;} .os_noticeRes.botanical .honeycomb {position:relative; width:613px; height:242px; margin:0 auto; background:url(/_ui/responsive/theme-blue/images/akl_brand/nutrilite_9step/img_campaign09_pc.png) no-repeat center top; } .os_noticeRes.botanical .honeycomb a {display:block; position:absolute; width:120px; height:120px; text-indent:-999px; overflow:hidden;} .os_noticeRes.botanical .honeycomb .comb-link1 {left:60px; top:5px;} .os_noticeRes.botanical .honeycomb .comb-link2 {left:185px; top:5px;} .os_noticeRes.botanical .honeycomb .comb-link3 {left:309px; top:5px;} .os_noticeRes.botanical .honeycomb .comb-link4 {left:433px; top:5px;} .os_noticeRes.botanical .honeycomb .comb-link5 {left:0px; top:115px;} .os_noticeRes.botanical .honeycomb .comb-link6 {left:122px; top:115px;} .os_noticeRes.botanical .honeycomb .comb-link7 {left:247px; top:115px;} .os_noticeRes.botanical .honeycomb .comb-link8 {left:371px; top:115px;} .os_noticeRes.botanical .honeycomb .comb-link9 {left:495px; top:115px;} @media (max-width: 1280px){ /* 뉴트리라이트 보태니컬 프로세스 9 캠페인 페이지 추가 */ /* 비디오영역 */ .brand .video-preview {height:400px;} .brand .espring-sub-home .content-row .sub-home { height:400px; } } @media (min-width: 992px){ /* 뉴트리라이트 보태니컬 프로세스 9 캠페인 페이지 추가 */ /*farms-intro*/ #home #places #farms-intro .col-lg-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%;} } @media (max-width: 950px){ .akl .content-row.cookStory article figcaption {height:120px;} } @media (max-width: 768px){ .brand .category-success-story.row + .cont-kcrm {padding-right:15px!important;} .brand.pad0 {padding:0 !important;} .brand.pad0 .top-title-wrapper.main {padding-left:15px; padding-right:15px;} /* ----- base.css에서 가져와서 .brand 상속시킴 ----- */ .brand .homepage_banner .owl-carousel .owl-item .banner__image{left:-105px;width:70%;margin-right:0;} .brand .homepage_banner .owl-carousel .owl-item .banner__image-sub{position:absolute;right:-15px;bottom:0;float:none;width:27%;} .brand .homepage_banner .owl-dots{right:auto;bottom:12px;width:100%;} /* ----- akl_shop에서 가져와서 .brand 상속시킴 ----- */ .akl .brand .homepage_banner {height:auto; margin-top:0;} .akl .brand .homepage_banner .wrapper .banner__wrapper {height:375px; margin-top:60px } .akl .brand .homepage_banner .banner__message {left:auto; right:0; width:75%; max-width:75%; padding:0 20px 0; margin-top:0;} .akl .brand .homepage_banner .owl-carousel .owl-stage-outer {height:auto;} .akl .brand .homepage_banner .owl-carousel .owl-item .banner__image {left: -190px;} .akl .brand .homepage_banner .owl-carousel .owl-item .banner__image-sub {width:31%; margin-right:0;height:auto;} .akl .brand .homepage_banner .owl-carousel .owl-item .banner__image-sub { margin:0 10px 0 0} .akl .brand .new-hot-brand .sub_banner {height:auto;} .akl .brand .new-hot-brand #sub_banner_list .owl-item .banner__image-sub {bottom:-100px;} .akl .brand .sub_banner .banner__wrapper {left: 20px; width: 90%;} .akl .brand .sub_banner .banner__message--main.banner__message--main br{display:none} /* 1.암웨이퀸 */ .brand .box-bnr-fw03 {height:375px; background-image:url('/_ui/responsive/theme-blue/images/akl_brand/queen/sub3_visual01_mob.jpg') !important; background-size:auto 375px !important; background-position:100% 0 !important} .akl .brand.queen .homepage_banner .banner__message--sub {padding-bottom:35px; padding-left:25%;} /* 2.뉴트리라이트 > 보내티컬*/ .os_noticeRes.botanical .bgCover { background-size:cover;} .os_noticeRes.botanical .osResHeader {position: relative; padding:80px 0;} .os_noticeRes.botanical .tab01,.os_noticeRes.botanical .tab02{ text-align:left; } .os_noticeRes.botanical .tab01 p,.os_noticeRes.botanical .tab02 p{ display:block; padding:0 10px; } .os_noticeRes.botanical .tab01 p img,.os_noticeRes.botanical .tab02 p img{ width:89px} .os_noticeRes.botanical .tab01 p:nth-of-type(2),.os_noticeRes.botanical .tab02 p:nth-of-type(2) { font-size:14px; margin-top:10px} .os_noticeRes.botanical .botanical-btm p {padding:30px 0; } .os_noticeRes.botanical .botanical-btm p span{ font-size:14px; line-height:140%} .os_noticeRes.botanical .campaign09 { padding:30px 0; } .os_noticeRes.botanical .campaign09 dt {font-size:27px; margin-bottom:30px} .os_noticeRes.botanical .campaign09 dt em {display:block;font-size:27px; line-height:130%} .os_noticeRes.botanical .campaign09 dt span{font-size:14px; padding:3px 10px; margin:15px 10px 0; } .os_noticeRes.botanical .campaign09 dd { padding:0 15px} .os_noticeRes.botanical .campaign09 dd img { max-width:299px;} .os_noticeRes.botanical .honeycomb {position:relative; width:299px; height:379px; margin:0 auto; background:url(/_ui/responsive/theme-blue/images/akl_brand/nutrilite_9step/img_campaign09_mob.png) no-repeat center top; background-size:299px auto } .os_noticeRes.botanical .honeycomb a { width:93px; height:93px; } .os_noticeRes.botanical .honeycomb .comb-link1 {left:52px; top:5px;} .os_noticeRes.botanical .honeycomb .comb-link2 {left:155px; top:5px;} .os_noticeRes.botanical .honeycomb .comb-link3 {left:0px; top:93px;} .os_noticeRes.botanical .honeycomb .comb-link4 {left:105px; top:93px;} .os_noticeRes.botanical .honeycomb .comb-link5 {left:207px; top:93px;} .os_noticeRes.botanical .honeycomb .comb-link6 {left:52px; top:182px;} .os_noticeRes.botanical .honeycomb .comb-link7 {left:155px; top:182px;} .os_noticeRes.botanical .honeycomb .comb-link8 {left:0px; top:274px;} .os_noticeRes.botanical .honeycomb .comb-link9 {left:105px; top:274px;} .title-component h2 em {display:block;font-size:24px; } .akl .brand .category-success-story .item-content-wrap .banner-title {font-size:20px;} /* 뉴트리라이트 보태니컬 프로세스 9 캠페인 페이지 추가 */ .amway-theme #home h1, .amway-theme #home h2 { font-size: 40px; } .amway-theme #home p { font-size: 20px; } .amway-theme #home #video-slider .slide { height:375px;} .amway-theme #home #video-slider .slide .slide-content {align-items: end;} #home #video-slider .slide .video-play-button { margin-left: -23px;} #home #video-slider .slide .video-play-button img {width:45px;} #home #video-slider .slide .video-play-button {margin-left: -23px; } #home #video-slider .slide .video-play-button img {width: 45px; } #home #video-slider .slide .video-play-button:hover {margin-left: -23px; } #home #video-slider .slide .video-play-button:hover img {width: 45px; } #home #certification { padding: 30px 0; } #home #places #farms-intro { padding: 16px 0; } #home #places #farms-intro #farms-intro-content h2 { margin-top: 16px; font-size:40px; } #home #places #farms-intro #farms-intro-content img { width: 150px; height: 146px; } #home #places #farms-banners .farm-banner { padding: 33px 0; background-attachment: scroll; background-position: center 45%; } #home #places #farms-banners .farm-banner h3 { font-size: 28px; } #home #process #process-intro { padding: 30px 0 0; } #home #process #process-intro h2 { font-size:40px; } #home #process #process-tiles { padding: 32px 0; } #home #process #process-tiles .container .row { margin: 0; } #home #process #process-tiles .container .col { padding: 0 7px;} #home #process #process-tiles .process-tile { height: 111px; } #home #process #process-tiles .process-tile h3 { font-size: 13px !important; } #home #process #process-tiles .process-tile h3 .number { font-size: 56px !important; } /* 2019.06.12 동영상 추가 */ #home #process .process_intro_mov_ms .bTit_ms { font-size:28px; padding-top:1em;} #home #process .process_intro_mov_ms .sTit_ms { font-size:20px; padding-top:1.2em;} #home #testing #testing-lists { padding: 0 0 2rem; } #home #testing #testing-lists .testing-list { margin-bottom: 20px; } #home #testing #testing-lists .testing-list .testing-list-heading {height: auto; min-height: 0; padding: 1rem 0;} #home #testing #testing-lists .testing-list .testing-list-heading h4 {font-size: 24px !important;} #home #testing #testing-lists .testing-list .testing-list-heading p {font-size: 18px !important;} #home #testing #testing-lists .col-md-4 { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px;} } @media (max-width: 320px){ .os_noticeRes.botanical .honeycomb { width:269px; height:379px; background-size:269px auto } .os_noticeRes.botanical .honeycomb a { width:85px; height:85px; } .os_noticeRes.botanical .honeycomb .comb-link1 {left:45px; top:5px;} .os_noticeRes.botanical .honeycomb .comb-link2 {left:138px; top:5px;} .os_noticeRes.botanical .honeycomb .comb-link3 {left:0px; top:84px;} .os_noticeRes.botanical .honeycomb .comb-link4 {left:93px; top:84px;} .os_noticeRes.botanical .honeycomb .comb-link5 {left:185px; top:84px;} .os_noticeRes.botanical .honeycomb .comb-link6 {left:45px; top:167px;} .os_noticeRes.botanical .honeycomb .comb-link7 {left:138px; top:167px;} .os_noticeRes.botanical .honeycomb .comb-link8 {left:0px; top:248px;} .os_noticeRes.botanical .honeycomb .comb-link9 {left:93px; top:248px;} } /* 3.배스/바디 */ .akl .bathbody .homepage_banner .banner__wrapper .banner__message, .akl .bathbody .homepage_banner .banner__title:before, .akl .bathbody .homepage_banner .owl-dots .owl-dot.active:before {background:#12a3da; background-color:rgba(18,163,218,0.8);} .akl .bathbody .homepage_banner .owl-item:nth-child(1) .banner__wrapper {background-image:url('/_ui/responsive/theme-blue/images/akl_brand/bathbody/main_visual01.jpg');} .akl .bathbody .homepage_banner .owl-item:nth-child(2) .banner__wrapper {background-image:url('/_ui/responsive/theme-blue/images/akl_brand/bathbody/main_visual02.jpg');} .akl .bathbody .homepage_banner .owl-item:nth-child(3) .banner__wrapper {background-image:url('/_ui/responsive/theme-blue/images/akl_brand/bathbody/main_visual03.jpg');} .bathbody .content-row +.content-row {margin-top:0;} .bathbody .txtbox.s1 {height:495px;background-image:url('/_ui/responsive/theme-blue/images/akl_brand/bathbody/fullimg1.jpg');background-position:50% 0;} .bathbody .txtbox.s2 {height:495px;background-image:url('/_ui/responsive/theme-blue/images/akl_brand/bathbody/fullimg2.jpg');background-position:50% 0;} .bathbody .txtbox.s3 {height:510px;background-image:url('/_ui/responsive/theme-blue/images/akl_brand/bathbody/fullimg3.jpg');background-position:50% 0;} .bathbody .txtbox div {margin-top:-40px;} .bathbody .txtbox div.s2 {left:60%;max-width:40%;} .bathbody .txtbox div p {font-size:16px;} .bathbody .txtbox div .sup-text {font-size:13px;font-style:italic;color: #808285;} .bathbody .txtbox div .sup-text sup { font-size:10px; margin-right:2px;top:-2px} /* 뉴트리라이트 역사 */ .brand .box-bnr-fw02{background-image:url('/_ui/responsive/theme-blue/images/akl_brand/nutrilite/img_bnr_history01.jpg');} .brand .history-list {margin:0;} .brand .history-list > li {margin-top:25px;padding-left:120px;position:relative;} .brand .history-list > li strong {display:block; margin-bottom:3px;color:#002f5f;font-weight:500;position:absolute;left:0;} .brand .history-list > li > p {position:relative;padding:0 0 3px 10px;margin:0;font-size:14px;} .brand .history-list > li > p:before {content:""; position:absolute; width:3px; height:3px; background:#56565a;left:0; top:9px;border-radius:2px;} /* 뉴트리라이트 농장: 공통 */ .farm .accordion-custom {border:0;} .farm .accordion-custom .panel {border:0;} .farm .panel-group .panel+.panel {margin-top:40px;} .farm .panel .panel-heading {padding:0;} .farm .panel-heading+.panel-collapse>.panel-body {padding:0;} .farm .panel-heading a {display:block;height:200px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center; background-position:50% 0;background-size:1376px auto;background-repeat:no-repeat;} .farm .video-preview {background-image: url(/_ui/responsive/theme-blue/images/akl_brand/nutrilite/movie_bg_farm.jpg);} .farm .video-preview .cctvTxt { margin-top:30px; color:#fff; } .farm .video-preview .cctvTxt .cctvTit {display:block; font-size:30px; } .farm .video-preview .cctvTxt span {display:block;margin-top:22px; font-size:16px; } /* 배경 */ .farm1 .panel-heading a {background-image:url('/_ui/responsive/theme-blue/images/akl_brand/nutrilite/farm1_bg.jpg');} .farm2 .panel-heading a {background-image:url('/_ui/responsive/theme-blue/images/akl_brand/nutrilite/farm2_bg.jpg');} .farm3 .panel-heading a {background-image:url('/_ui/responsive/theme-blue/images/akl_brand/nutrilite/farm3_bg.jpg');} .farm4 .panel-heading a {background-image:url('/_ui/responsive/theme-blue/images/akl_brand/nutrilite/farm4_bg.jpg');} .farm5 .panel-heading a {background-image:url('/_ui/responsive/theme-blue/images/akl_brand/nutrilite/farm5_bg.jpg');} .farm .panel-heading .panel-title {width:100%;color:#fff;padding:0 120px;line-height:1;} .farm .panel-heading .panel-title .text-uppercase.accordion-header-text {position:relative;display:block;padding:0;} .farm .panel-heading .panel-title .text-uppercase.accordion-header-text [class*=tit]{font-size:40px;line-height:48px;} .farm .panel-heading .panel-title .text-uppercase.accordion-header-text .tit2 {display:none;} .farm .panel-heading .panel-title p {display:none;margin:10px 0 0;font-size:16px;line-height:24px;letter-spacing:-1px;} .farm .accordion-custom .icon-minus {position:absolute;left:-50px;top:10px;} .farm .accordion-custom .icon-minus:before {font-size:20px;color:#fff;} .farm .panel-heading a[aria-expanded="false"] .panel-title .text-uppercase.accordion-header-text .tit1 {display:block;} .farm .panel-heading a[aria-expanded="false"] .panel-title .text-uppercase.accordion-header-text .tit2 {display:none;} .farm .panel-heading a[aria-expanded="true"]{height:400px;} .farm .panel-heading a[aria-expanded="true"] .panel-title .text-uppercase.accordion-header-text .tit1 {display:none;} .farm .panel-heading a[aria-expanded="true"] .panel-title .text-uppercase.accordion-header-text .tit2 {display:block;} .farm .panel-heading a[aria-expanded="true"] .panel-title p {display:block;} /* 4.아티스트리 */ .akl .artistry .homepage_banner .banner__wrapper .banner__message, .akl .artistry .homepage_banner .banner__title:before, .akl .artistry .homepage_banner .owl-dots .owl-dot.active:before { background-color:rgba(225,183,56,0.8);} .akl .artistry .homepage_banner .owl-item:nth-child(1) .banner__wrapper {background-image:url('/_ui/responsive/theme-blue/images/akl_brand/artistry/main_visual01.jpg');} .akl .artistry .homepage_banner .owl-item:nth-child(2) .banner__wrapper {background-image:url('/_ui/responsive/theme-blue/images/akl_brand/artistry/main_visual01_v2.jpg');}/* 2019.03.21 아티스트리 브랜드 홈 비주얼 2번째 이미지 변경 */ .artistry .txtbox.s1 {background-image:url('/_ui/responsive/theme-blue/images/akl_brand/artistry/fullimg1.jpg');} .artistry .txtbox.s2 {background-image:url('/_ui/responsive/theme-blue/images/akl_brand/artistry/fullimg2.jpg');} .artistry .txtbox.s3 {background-image:url('/_ui/responsive/theme-blue/images/akl_brand/artistry/fullimg3.jpg');} .artistry .txtbox.s4 {background-image:url('/_ui/responsive/theme-blue/images/akl_brand/artistry/fullimg4.jpg');} .artistry .txtbox.s5 {background-image:url('/_ui/responsive/theme-blue/images/akl_brand/artistry/fullimg5.jpg');} .artistry .txtbox.s6 {background-image:url('/_ui/responsive/theme-blue/images/akl_brand/artistry/fullimg6.jpg');} .artistry .txtbox.s1 div, .artistry .txtbox.s2 div, .artistry .txtbox.s3 div {top:50px;max-width:90%;-webkit-transform:none;transform:none;} .artistry .txtbox.s2 div.s2 {left:57%;} .artistry .txtbox.s3 div *, .artistry .txtbox.s5 div *, .artistry .txtbox.s6 div * {color:#fff;} .artistry .txtbox.s5 div a.arr1:after, .artistry .txtbox.s6 div a.arr1:after {border-color:#fff;} .artistry .txtbox.s4 p, .artistry .txtbox.s5 p, .artistry .txtbox.s6 p {font-size:16px;} .artistry .txtbox div p > span {display:block;margin-top:30px;font-size:13px;line-height:20px; font-style:italic;color: #808285;} .artistry .txtbox div p > span sup {top:-2px;font-size:10px;} .layerWrapper.B20200_lp2 .cbox.layerBox {max-width:600px;} .layerWrapper.B20200_lp2 .cart-popup__header-text {letter-spacing:-0.5px;} .layerWrapper.B20200_lp2 .cart-popup__header-text {letter-spacing:0;} .layerWrapper.B20200_lp2 .cart-popup__item-info {text-align:center;} .layerWrapper.B20200_lp2 .cart-popup__item-info p > strong {color:#002f5f;font-weight:500;} .layerWrapper.B20200_lp2 .cart-popup__item-info .btn-wrap {margin:30px auto;} .layerWrapper.B20200_lp2 .cart-popup__item-info .btn-wrap img {display:inline-block;height:42px;margin:0 5px;} /* 5.이스프링 */ .akl .espring .homepage_banner .banner__wrapper .banner__message, .akl .espring .homepage_banner .banner__title:before, .akl .espring .homepage_banner .owl-dots .owl-dot.active:before {background-color:#3a7bdf; background-color:rgba(58,123,223,0.8);} .akl .espring .homepage_banner .banner__wrapper {background-image:url('/_ui/responsive/theme-blue/images/akl_brand/espring/main_visual01.jpg');} .espring.main .txtbox {height:430px; background-image:url('/_ui/responsive/theme-blue/images/akl_brand/espring/fullimg1.jpg');} .espring.main .txtbox > div {transform:none;top:10%;max-width:90%;} .espring.main .eslogo { position:absolute; right:60px; bottom:95px;} .espring.main .espring-sub-home .txtbox {background-image:none;} .espring.main .espring-sub-home h2.title-h4 { margin-top:60px; margin-bottom:-20px; text-align: center; color: #002f5f; font-size:32px;font-weight: 700;} .espring.main .espring-sub-home h2.title-h4 em{ font-size:32px; } .espring.main .esltext { position:absolute; right:60px; bottom:15px; text-align:right; } .espring.main .esltext strong{display:block; font-size:15px; color:#3a4d71; margin-bottom:5px; } .espring.main .esltext em { display:block; font-size:12px; font-style:italic; color:#808285; } .espring .txtbox p{margin-top:0; font-size:16px;} .espring .espring-tit {font-weight:500; color: #002f5f; margin-bottom: 10px;} .espring .content-row-gwrap {background:#f4f4f4; padding:40px 0 ; margin-top:-40px; border-bottom:1px solid #e3e3e3} .espring .content-row-gwrap article {margin:0 40px} .espring .content-row-gwrap article:nth-of-type(2){border-top:1px solid #e3e3e3; padding-top:40px} .espring .content-row-gwrap .img-wrap { padding:40px 20px 0; text-align:center; } .espring .content-row-gwrap .img-wrap + article {margin-top:40px} .espring .content-row-gwrap .img-wrap img { width:100% ; margin: 0 auto;} .espring .content-row-gwrap .sup-italic {padding: 0 0 0 60px; margin-top:10px;} .espring .content-row-gwrap .sup-italic sup { font-size:10px; top:-3px;margin-right:2px;} .espring .content-row-gwrap .img-wrap.img01 img { max-width:728px; } .espring .content-row-gwrap .img-wrap.img02 img { max-width:975px; } .espring .content-row-gwrap .img-wrap.img03 img { max-width:764px; } .espring .content-row-gwrap .img-wrap.img04 img { max-width:480px; } .espring .content-row-gwrap .txtbox.img05 img { max-width:797px; } .espring .content-row-gwrap .img-wrap.img06 img { max-width:724px; } .espring .content-row-gwrap .img-wrap.img07 img { max-width:421px; } .espring .content-row-gwrap .img-wrap.img08 img { max-width:540px; } .espring .content-row-gwrap .img-wrap.img02 {margin-bottom:10px} .brand.espring .brand-contents h3 {margin-bottom: 15px;} .espring .content-row.s1 article p {line-height:1.6; margin-bottom: 0} .espring.sub7 .content-row.type2 .sup-italic { text-align:left; position:absolute; bottom:20px; left:100px; margin-bottom:0; margin-top:30px;} .espring .content-row-gwrap .content-row.type2 {text-align:center;} .espring .content-row-gwrap .content-row.type2.case01 {min-height:450px;} .espring .content-row-gwrap .content-row.type2.case02 {min-height:260px;border-bottom: 1px solid #dadada;text-align:center;margin: 40px 40px;} .espring .content-row-gwrap .content-row.type2.case02 img {width:auto;} .espring.sub5 .content-row.type2.case01 .txtbox p { float:left; padding-left:8%} .espring.sub5 .content-row.type2.case01 .txtbox p + p { float:right; padding-right:8%; padding-left:0} .espring.sub4 .content-row.type2 .txtbox {display:table;width:100%;padding:0 0;} .espring.sub4 .content-row.type2 .txtbox span {display:table-cell;vertical-altin:middle;text-align:center; } .espring.sub4 .content-row.type2 .txtbox span:last-child {border:0;} .espring.sub4 .content-row.type2 .txtbox.mob {display:none;} .espring.sub9 .content-row.type2 .txtbox { width:100%;padding:0 20px 0; overflow:hidden; } .espring.sub9 .content-row.type2 .txtbox span {position:relative;z-index:1;flex:1;padding:0 10px;text-align:center; float:left; width:16.6666%} .espring.sub9 .content-row.type2 .txtbox span img {display:block;width:90px;margin:0 auto 15px;} .espring.sub9 .content-row.type2 .txtbox span:before, .espring.sub9 .content-row.type2 .txtbox span:after {content:'';position:absolute;z-index:-1;display:block;} .espring.sub9 .content-row.type2 .txtbox span:before {width:100%;height:1px;top:45px;left:50%;background:#999;} .espring.sub9 .content-row.type2 .txtbox span:after {content:'▶';font-size:10px;color:#999;top:38px;right:-5px;} .espring.sub9 .content-row.type2 .txtbox span:last-child:before, .espring.sub9 .content-row.type2 .txtbox span:last-child:after {content:none;} .espring.sub9 .content-row.type2 .txtbox span strong {display:block;color:#002f5f;} .espring.sub9 [class*='img-text-row-box-type'] div {position:relative;} .espring.sub9 [class*='img-text-row-box-type'] div button{width:100%;height:100%;position:absolute;top:0;left:0;background:transparent;} .espring.sub9 [class*='img-text-row-box-type'] div button img {width:auto;} .content-row.type3 {border:1px solid #dadada;padding:0 100px 40px;} .content-row.type3 h3{width:100%;margin-top:40px;margin-bottom:20px;} .content-row.type3 .price {position:relative;padding:15px 0 0px 60px;} .content-row.type3 .price:before {content:'';display:block;position:absolute;left:0;top:0;width:56px;height:100px;background:url('/_ui/responsive/theme-blue/images/akl_brand/espring/subicon1.png') no-repeat 0 0;background-size:56px auto;} .content-row.type3 .price strong {font-size:32px;color:#002f5f;} .content-row.type3 table {margin-bottom:15px;letter-spacing:0;} .content-row.type3 table th {text-align:center;} .content-row.type3 table td {padding-left:20px;} .brand .espring-sub-home .content-row .sub-home { height:430px; padding:40px 0 0 85px; line-height:160%; margin-top:20px; font-size:16px; } .brand .espring-sub-home .content-row .sub-home.sty01 {background:url('/_ui/responsive/theme-blue/images/akl_brand/espring/fullimg2.jpg') no-repeat 0 0;background-size:cover;} .brand .espring-sub-home .content-row .sub-home.sty02 {background:url('/_ui/responsive/theme-blue/images/akl_brand/espring/fullimg3.jpg') no-repeat 100% 0;background-size:cover;} .brand .espring-sub-home .content-row .sub-home.sty03 {background:url('/_ui/responsive/theme-blue/images/akl_brand/espring/fullimg4.jpg') no-repeat 100% 0;background-size:cover;} .brand .espring-sub-home .content-row .sub-home.sty04 {background:url('/_ui/responsive/theme-blue/images/akl_brand/espring/fullimg5.jpg') no-repeat 100% 0;background-size:cover;} .brand .espring-sub-home .content-row .sub-home.sty05 {background:url('/_ui/responsive/theme-blue/images/akl_brand/espring/fullimg6.jpg') no-repeat 100% 0;background-size:cover;} .brand .espring-sub-home .content-row .sub-home.sty06 {padding-left:600px;background:url('/_ui/responsive/theme-blue/images/akl_brand/espring/fullimg7.jpg') no-repeat 0 0;background-size:cover;} .brand .espring-sub-home .content-row .sub-home.sty07 {background:url('/_ui/responsive/theme-blue/images/akl_brand/espring/fullimg8.jpg') no-repeat 100% 0;background-size:cover;} .brand .espring-sub-home .content-row .sub-home.sty08 {background:url('/_ui/responsive/theme-blue/images/akl_brand/espring/fullimg9.jpg') no-repeat 100% 0;background-size:cover;} .brand .espring-sub-home .content-row .sub-home.sty09 {background:url('/_ui/responsive/theme-blue/images/akl_brand/espring/fullimg10.jpg') no-repeat 100% 0;background-size:cover;} .brand .espring-sub-home .content-row .sub-home.sty04 p {color:#fff;} .brand .espring-sub-home .espring .content-row.type1 {height:auto; } .brand .espring-sub-home .espring .content-row.type1 .txtbox * {color:#55565a; } .brand .espring-sub-home .txtbox {height:auto;} .brand .espring-sub-home .txtbox > div{position:static;} .brand .espring-sub-home .txtbox h3 {display:none} .brand .espring-sub-home .txtbox p { font-size:14px; text-align: center;} .brand .espring-sub-home .txtbox div.s1 {left:7%; max-width:100%;} .brand .espring-sub-home .txtbox div.s2 {left:0; max-width:100%;} .brand .espring-sub-home .txtbox div span {display:block;} .brand .espring-sub-home .txtbox div a.arr1:after {border-color:#0075a4;} .brand .espring-sub-home .mark-img1 {border-bottom: 1px solid #dadada;padding:30px 0 30px 100px; margin-bottom:20px;background:url('/_ui/responsive/theme-blue/images/akl_brand/espring/img_logo_01.png') no-repeat 0 25px; background-size:84px 84px} .brand .espring-sub-home .mark-img2 {padding:20px 0 20px 100px;background:url('/_ui/responsive/theme-blue/images/akl_brand/espring/img_logo_02.png') no-repeat 0 5px; background-size:84px 84px} .espring.sub5 .content-row.type2 .txtbox {display:table;width:100%;padding:0 0;} .espring.sub5 .content-row.type2 .txtbox span {display:table-cell;vertical-altin:middle;text-align:center;border-right:1px solid #dadada; width:16.6666%} .espring.sub5 .content-row.type2 .txtbox span:last-child {border:0;} .espring.sub5 .content-row.type2 .txtbox span img {display:block;width:90px;margin:0 auto 15px;} .espring.sub5 .content-row.type2 .txtbox span strong {display:block;color:#002f5f;} .espring.sub5 [class*='img-text-row-box-type'] div {position:relative;} .espring.sub5 [class*='img-text-row-box-type'] div button{width:100%;height:100%;position:absolute;top:0;left:0;background:transparent;} .espring.sub5 [class*='img-text-row-box-type'] div button img {width:auto;} @media (max-width: 768px){ /* 이스프링 */ .akl .espring .homepage_banner .banner__wrapper {background-image:url('/_ui/responsive/theme-blue/images/akl_brand/espring/main_visual01_mob.jpg');} .espring.main .txtbox {height:375px;background:url('/_ui/responsive/theme-blue/images/akl_brand/espring/fullimg1_mob.jpg') no-repeat 50% 100%; background-size: cover} .brand.espring.main .video-preview { margin:0} .espring.main .txtbox > div {transform:none;top:10%;max-width:90%;} .espring.main .txtbox.s1 > .s1 {top:0; left:0; max-width:100%; padding:25px 20px; } .espring .txtbox p {display:block;font-size:14px;} .espring.main .txtbox > div {transform:none;top:10%;max-width:90%;} .espring[class*='sub'] .content-row.type2 {height:auto;} .espring[class*='sub'] .content-row.type2 .txtbox {position:relative;height:auto;padding:40px 5px;transform:none;} .espring[class*='sub'] .content-row.type2 .txtbox img {width:100%;max-width:302px;margin:auto;} .espring[class*='sub'] .content-row.type2.case02 .txtbox img { max-width: 307px;} .espring .content-row-gwrap .content-row.type2.case01 {height:auto; min-height:100%} .espring .content-row-gwrap .content-row.type2.case02 {height:auto;min-height:100%; border-bottom: 1px solid #dadada; margin: 40px 40px;} .espring.sub5 .content-row.type2.case01 .txtbox p { float:none; padding-left:0} .espring.sub5 .content-row.type2.case01 .txtbox p + p { float:none; padding-right:0; } .espring.sub2 .content-row-gwrap .txtbox img {max-width:120px;} .espring.sub4 .content-row-gwrap .txtbox .pc {display:none;} .espring.sub4 .content-row-gwrap .txtbox .mob {display:block;} .espring.sub4 .content-row.type2 .txtbox {display:block;padding:0 20px;} .espring.sub4 .content-row.type2 .txtbox span {display:block;text-align:center;padding:40px 0;border:0;border-bottom:1px solid #dadada;} .espring.sub4 .content-row.type2 .txtbox span img {max-width:100px;} .espring.sub7 .content-row.type2 .sup-italic { position:static; margin:20px} .espring.sub9 .content-row.type2 .txtbox {display:block;padding-top:40px;} .espring.sub9 .content-row.type2 .txtbox span {display:block;width:100%;margin:0 auto 50px;padding:0 0 10px;background:#f4f4f4;} .espring.sub9 .content-row.type2 .txtbox span:last-child {margin:0 auto 0;} .espring.sub9 .content-row.type2 .txtbox span:before {width:1px;height:100%;top:100%;left:50%;} .espring.sub9 .content-row.type2 .txtbox span:after {content:'▼';left:50%;right:auto;top:116%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);} .espring.sub9 [class*='img-text-row-box-type'] div {padding:0;} .espring.sub9 [class*="img-text-row-box-type"] dl dd {margin-top:5px} .content-row.type3 {padding:0 15px 20px;} .content-row.type3 h3 {margin-top:25px;} .content-row.type3 .price {position:relative;padding:10px 0 0px 60px;} .content-row.type3 .price:before {content:'';display:block;position:absolute;left:0;top:0;width:50px;height:52px;background-size:50px auto;} .content-row.type3 .price strong {font-size:25px;} .content-row.type3 table {margin-bottom:10px;} .content-row.type3 table th {width:100px;letter-spacing:-1px;} .content-row.type3 table td {padding-left:10px;} .espring .content-row.type2 .txtbox, .espring .content-row.type2 .txtbox.new-t01, .espring .content-row.type2 .txtbox.new-t02, .espring.sub1 .content-row.type2 .txtbox, .espring.sub7 .content-row.type2 .txtbox { margin-top:0; } .espring .txtbox.s1 .s1.esp-type br{display:none} .espring .txtbox.s1 .s1.esp-type p{margin-bottom:0} .espring-sub-home { padding:0} .espring.main .eslogo { right:15px; bottom:122px;} .espring.main .eslogo img { width:60px} .espring.main .esltext { right:17px; bottom:12px; font-size:13px } .espring.main .esltext strong{font-size:14px;} .espring.main .esltext br { display:none} .espring.main .esltext span { display:block} .espring.main .espring-sub-home h2.title-h4 { margin-bottom:-10px; font-size:26px} .espring.main .espring-sub-home h2.title-h4 em{ font-size:26px; display:block; } .brand .espring-sub-home .content-row .sub-home { height:375px; margin-top:0;padding:35px 20px; } .espring-sub-home .content-row.s1 { padding-left: 15px; padding-right: 15px;} .espring-sub-home .content-row.type2 {margin-left: 15px; margin-right:15px;} .espring-sub-home .content-row.type3 {margin-left: 15px; margin-right:15px;} .espring-sub-home .img-text-row-box-type1 {margin-left: 15px; margin-right:15px;} .espring-sub-home .img-text-row-box-type2 {margin-left: 15px; margin-right:15px;} .espring-sub-home .img-text-row-box-type3 {margin-left: 15px; margin-right:15px;} .espring-sub-home .content-row.type2 .txtbox img{ max-width:306px; width:100%} .espring-mob-pad {padding-left: 15px; padding-right: 15px;} .brand .espring-sub-home .content-row .sub-home.sty01 {background:url('/_ui/responsive/theme-blue/images/akl_brand/espring/fullimg2_mob.jpg') no-repeat 0 0;background-size:cover;} .brand .espring-sub-home .content-row .sub-home.sty02 {background:url('/_ui/responsive/theme-blue/images/akl_brand/espring/fullimg3_mob.jpg') no-repeat 0 0;background-size:cover;} .brand .espring-sub-home .content-row .sub-home.sty03 {background:url('/_ui/responsive/theme-blue/images/akl_brand/espring/fullimg4_mob.jpg') no-repeat 0 0;background-size:cover;} .brand .espring-sub-home .content-row .sub-home.sty04 {background:url('/_ui/responsive/theme-blue/images/akl_brand/espring/fullimg5_mob.jpg') no-repeat 0 0;background-size:cover;} .brand .espring-sub-home .content-row .sub-home.sty05 {background:url('/_ui/responsive/theme-blue/images/akl_brand/espring/fullimg6_mob.jpg') no-repeat 100% 100%;background-size:cover;} .brand .espring-sub-home .content-row .sub-home.sty06 {padding-left:20px;background:url('/_ui/responsive/theme-blue/images/akl_brand/espring/fullimg7_mob.jpg') no-repeat 0 100%;background-size:cover;} .brand .espring-sub-home .content-row .sub-home.sty07 {background:url('/_ui/responsive/theme-blue/images/akl_brand/espring/fullimg8_mob.jpg') no-repeat 0 0;background-size:cover;} .brand .espring-sub-home .content-row .sub-home.sty08 {background:url('/_ui/responsive/theme-blue/images/akl_brand/espring/fullimg9_mob.jpg') no-repeat 0 0;background-size:cover;} .brand .espring-sub-home .content-row .sub-home.sty09 {background:url('/_ui/responsive/theme-blue/images/akl_brand/espring/fullimg10_mob.jpg') no-repeat 0 0;background-size:cover;} .brand .espring-sub-home .content-row .sub-home.sty04 p br { display:none} .brand .espring-sub-home .mark-img1 {padding:105px 0 30px 0; margin-bottom:20px;background:url('/_ui/responsive/theme-blue/images/akl_brand/espring/img_logo_01.png') no-repeat 0 5px; background-size:84px 84px} .brand .espring-sub-home .mark-img2 {padding:105px 0 10px 0;background:url('/_ui/responsive/theme-blue/images/akl_brand/espring/img_logo_02.png') no-repeat 0 5px; background-size:84px 84px} .espring.sub5 .content-row.type2 .txtbox {display:block; } .espring.sub5 .content-row.type2 .txtbox span {display:block; border-right:0; border-bottom:1px solid #dadada; width:auto; padding-bottom:40px; margin-bottom:40px;} .espring.sub5 .content-row.type2 .txtbox span img {display:block;width:100px;margin:0 auto 15px;} .espring.sub5 .content-row.type2 .txtbox span strong {display:block;color:#002f5f;} .espring.sub5 .content-row.type2 .txtbox span:last-child { margin-bottom:0; padding-bottom:0} .espring .content-row-gwrap .img-wrap.img01 img { max-width:302px; } .espring .content-row-gwrap .img-wrap.img02 img { max-width:302px; } .espring .content-row-gwrap .img-wrap.img03 img { max-width:120px; } .espring .content-row-gwrap .img-wrap.img04 img { max-width:302px; } .espring .content-row-gwrap .txtbox.img05 img { max-width:302px; } .espring .content-row-gwrap .img-wrap.img06 img { max-width:302px; } .espring .content-row-gwrap .img-wrap.img07 img { max-width:302px; } .espring .content-row-gwrap .img-wrap.img08 img { max-width:302px; } .layerWrapper.B20200_lp2 .cart-popup__item-info { padding: 36px 20px 20px;} .layerWrapper.B20200_lp2 .cart-popup__item-info .btn-wrap img {margin:0;} } /* 6.원포원 */ .akl .oneforone .homepage_banner {position:relative;max-width:1376px;width:100%;margin:0 auto;} .akl .oneforone .homepage_banner .banner__wrapper {width:100%;height:100%;} .akl .oneforone .homepage_banner .banner__message {position:absolute;} .akl .oneforone .homepage_banner .banner__title, .akl .oneforone .homepage_banner .banner__message--main, .akl .oneforone .homepage_banner .banner__message--sub {color:#fff;} .akl .oneforone .homepage_banner .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {display:block;} .akl .oneforone .homepage_banner .owl-dots {z-index:10;right:10%;left:auto;bottom:10%;top:auto;width:auto;margin:auto;} .akl .oneforone .homepage_banner .owl-dots .owl-dot {position:relative;display:inline-block;left:auto;right:auto;margin:0 3px;padding:0 !important;} .akl .oneforone .homepage_banner .owl-dots .owl-dot.active:before {content:none;} .akl .oneforone .homepage_banner .owl-dots .owl-dot span {width:10px;height:10px;border-radius:5px;margin:0;background:#fff;opacity:0.8;} .akl .oneforone .homepage_banner .owl-dots .owl-dot.active span {opacity:1;background:#e11e44;} .akl .oneforone .owl-nav .owl-next {right:40px;} .akl .oneforone .owl-nav .owl-prev {left:40px;} .akl .oneforone .homepage_banner .owl-item:nth-child(1) .banner__wrapper {background-image:url('/_ui/responsive/theme-blue/images/akl_brand/oneforone/main_visual01.jpg');} /* 식품 */ .akl .oneforone .homepage_banner .owl-item:nth-child(2) .banner__wrapper {background-image:url('/_ui/responsive/theme-blue/images/akl_brand/oneforone/main_visual02.jpg');} /* 음료 */ .akl .oneforone .homepage_banner .owl-item:nth-child(3) .banner__wrapper {background-image:url('/_ui/responsive/theme-blue/images/akl_brand/oneforone/main_visual03.jpg');} /* 제지 */ .oneforone .txtbox.s1 {height:400px;background:#f4f4f4;} .oneforone .txtbox.s1 img {width:100%; max-width:1078px; margin:auto;} /* 7.암웨이홈 */ .akl .home .homepage_banner .banner__wrapper .banner__message, .akl .home .homepage_banner .banner__title:before, .akl .home .homepage_banner .owl-dots .owl-dot.active:before {background-color:#86c12c; background-color:rgba(134,193,44,0.8);} .akl .home .homepage_banner .banner__wrapper {background-image:url('/_ui/responsive/theme-blue/images/akl_brand/home/main_visual01.jpg');} .home .txtbox {height:auto; padding:30px 30px 10px 25%;} .home .txtbox.s1 {min-height:360px; background:#f4f4f4 url('/_ui/responsive/theme-blue/images/akl_brand/home/contimg1.png') no-repeat 8% 50%;background-size:140px auto;} .home .txtbox.s2 {min-height:300px; background:#f4f4f4 url('/_ui/responsive/theme-blue/images/akl_brand/home/contimg2.png') no-repeat 10% 50%;background-size:85px auto;} .home .txtbox div {max-width:100%;} .home .txtbox li{margin-bottom:10px;line-height:1.6;} .home .txtbox .list-type5 li {padding-bottom:0;} .home .txtbox li > strong {display:block;} .brand.home .sup-text {display:block; font-size:13px;line-height:20px; margin-bottom:0; font-style:italic;color: #808285;} .brand.home .sup-text sup {font-size:10px;margin-right:2px;} /* 8.엣모스피어 */ .akl .atmosphere .homepage_banner .banner__wrapper .banner__message, .akl .atmosphere .homepage_banner .banner__title:before, .akl .atmosphere .homepage_banner .owl-dots .owl-dot.active:before {background-color:#1abdbf; background-color:rgba(26,189,191,0.8);} .akl .atmosphere .homepage_banner .owl-item:nth-child(1) .banner__wrapper { background-color:#000; background-image:url('/_ui/responsive/theme-blue/images/akl_brand/atmosphere/main_visual01.jpg');} .akl .atmosphere .homepage_banner .owl-item:nth-child(2) .banner__wrapper { background-image:url('/_ui/responsive/theme-blue/images/akl_brand/atmosphere/main_visual02.jpg');background-position:0 0;} .akl .atmosphere .homepage_banner .owl-item:nth-child(3) .banner__wrapper {background-image:url('/_ui/responsive/theme-blue/images/akl_brand/atmosphere/main_visual03.jpg');} .akl .atmosphere .homepage_banner .owl-item:nth-child(2) .banner__wrapper p.italic {opacity:0.8;} .atmosphere .txtbox {-webkit-justify-content: center; justify-content:center;} .atmosphere .txtbox.s1 {background-image:url('/_ui/responsive/theme-blue/images/akl_brand/atmosphere/fullimg1.png');} .atmosphere .txtbox.s2 {height:320px; padding-top:10px} .atmosphere .txtbox.s3 {height:420px; background-image:url('/_ui/responsive/theme-blue/images/akl_brand/atmosphere/fullimg3.jpg');} .atmosphere .txtbox.s4 {background-image:url('/_ui/responsive/theme-blue/images/akl_brand/atmosphere/fullimg4.jpg');} .atmosphere .txtbox.s5 {background-image:url('/_ui/responsive/theme-blue/images/akl_brand/atmosphere/fullimg5.jpg');} .atmosphere .txtbox.s6 {background-image:url('/_ui/responsive/theme-blue/images/akl_brand/atmosphere/fullimg6.jpg');} .atmosphere .txtbox.s7 {background-color:#f4f4f4;} .atmosphere .txtbox.s8 {background-color:#fff;} .atmosphere .txtbox div {position:relative;top:auto;-webkit-transform:none;transform:none;max-width:none;text-align:center;} .atmosphere .txtbox img {width:auto;} .atmosphere .txtbox.s1 div {top:100px;padding:0 10px;} .atmosphere .txtbox.s1 div img {max-width:931px;width:100%; } .atmosphere .txtbox.s1 .italic {position:absolute;left:40px;bottom:30px; } .atmosphere .txtbox.s2 div {top:20px;} .atmosphere .txtbox.s2 div img {max-width:951px;width:100%;} .atmosphere .txtbox.s2 .italic{ padding:20px 40px 0 50px } .atmosphere .txtbox.s3 div { text-align:left; padding:35px 40px 20px 90px;} .atmosphere .txtbox.s3 .italic { padding:0 40px 0 90px } .atmosphere .txtbox.s4 div.img1 {position:absolute;right:10%;top:83px;} .atmosphere .txtbox.s4 div.img2 {position:absolute;left:5%;top:74%;padding-left:65px;width:90%;min-height:56px;background:url('/_ui/responsive/theme-blue/images/akl_brand/atmosphere/txtimg4_1.png') no-repeat 0 0;} .atmosphere p.italic {margin:0;color:#808285;font-size:13px;font-style:italic;text-align:left;letter-spacing:0;} .atmosphere p.italic sup { font-size:10px; top:-2px;margin-right:2px;} .atmosphere .txtbox.s5 div {top:7%;margin:auto;text-align:left;max-width:1100px;margin:auto;width:auto;padding:0 10px;} .atmosphere .txtbox.s5 div img {max-width:1080px;width:100%; } .atmosphere .txtbox.s5 > div > p {color:#fff;font-size:20px;} .atmosphere .txtbox.s5 > div > p > span {font-size:13px;font-weight:200;opacity:0.6; } .atmosphere .txtbox.s5 > div > p.italic > span { margin-top: 20px} .atmosphere .txtbox.s6 div {left:10%;top:8%;text-align:left;} .atmosphere .txtbox.s7 div {top:75px;padding:0 10px;} .atmosphere .txtbox.s7 div img {max-width:955px;width:100%; } .atmosphere #banner_list2 div img {margin:auto;max-width:950px;width:100%;height:auto;} @media (max-width: 1280px){ .txtbox { min-height:450px; height:auto} } @media (max-width: 768px){ /* 엣모스피어 */ .akl .atmosphere .homepage_banner .owl-dots .owl-dot.active span {background:#1abdbf;} .akl .atmosphere .homepage_banner .owl-item:nth-child(1) .banner__wrapper {background-image:url('/_ui/responsive/theme-blue/images/akl_brand/atmosphere/main_visual01_mob.jpg');} .akl .atmosphere .homepage_banner .owl-item:nth-child(2) .banner__wrapper {background-image:url('/_ui/responsive/theme-blue/images/akl_brand/atmosphere/main_visual02_mob.jpg');background-position:0 0;} .akl .atmosphere .homepage_banner .owl-item:nth-child(3) .banner__wrapper {background-image:url('/_ui/responsive/theme-blue/images/akl_brand/atmosphere/main_visual03_mob.jpg');} .akl .atmosphere .homepage_banner .owl-item:nth-child(2) .banner__wrapper p.italic {font-size:11px;letter-spacing:0;} .atmosphere .title-component.t1 {margin-top:20px;} .atmosphere .txtbox {padding:0;-webkit-justify-content:center;justify-content:center;background-repeat:no-repeat;background-position:50% 0;background-size:100% auto;} .atmosphere .txtbox.s1 {height:700px; margin-bottom:20px;background-image:url('/_ui/responsive/theme-blue/images/akl_brand/atmosphere/fullimg1_mob.png');background-position:50% 100%;} .atmosphere .txtbox.s2 {height:752px; } .atmosphere .txtbox.s3 {height:600px;background-image:url('/_ui/responsive/theme-blue/images/akl_brand/atmosphere/fullimg3_mob.jpg');} .atmosphere .txtbox.s4 {height:579px;background-image:url('/_ui/responsive/theme-blue/images/akl_brand/atmosphere/fullimg4_mob.jpg');} .atmosphere .txtbox.s5 {height:558px;background-image:url('/_ui/responsive/theme-blue/images/akl_brand/atmosphere/fullimg5_mob.jpg');} .atmosphere .txtbox.s6 {height:456px;padding:0 10px; background-image:url('/_ui/responsive/theme-blue/images/akl_brand/atmosphere/fullimg6_mob.jpg');} .atmosphere .txtbox.s7 {height:800px;background-color:#f4f4f4;} .atmosphere .txtbox div img{margin:0 auto;} .atmosphere .txtbox.s1 div {margin-top:30px; position:static;} .atmosphere .txtbox.s1 div img {max-width:280px;} .atmosphere .txtbox.s1 .italic {display:block; position:static; padding:20px 40px 20px;letter-spacing:-1px } .atmosphere .txtbox.s2 div {top:0;} .atmosphere .txtbox.s2 div img {max-width:272px;} .atmosphere .txtbox.s2 .italic{display:block; position:static; padding:20px 40px 20px;letter-spacing:-1px } .atmosphere .txtbox.s3 div {position:static;margin-top:40px; padding:0 10px;} .atmosphere .txtbox.s3 div img {max-width:317px; width:100%} .atmosphere .txtbox.s3 .italic.mgt10 {display:block;padding:5px 25px;font-size:12px;letter-spacing:-1px } .atmosphere .txtbox.s4 div.img1 {position:relative;top:8%;right:auto; padding:0 10px;} .atmosphere .txtbox.s4 div.img1 img {max-width:326px; width:100% } .atmosphere .txtbox.s5 div img {max-width:316px; width:100%} .atmosphere .txtbox.s6 div img {max-width:317px; width:100%} .atmosphere .txtbox.s7 div img {max-width:345px; width:100%} .atmosphere .txtbox.s6 div {left:0;text-align:center;} .atmosphere #banner_list2 div img {max-width:315px;} .atmosphere #banner_list2 div img.pc {display:none;} .atmosphere .content-row .owl-nav .owl-prev {left:15px;} .atmosphere .content-row .owl-nav .owl-next {right:15px;} } /* ######## 브랜드 서브 레이아웃######## */ .brand .sub [class*="box-bnr"] {margin-bottom:40px;} .brand [class*="sub"] .content-row {margin:40px 0;} .brand [class*="sub"] .content-row[class*='col'] {margin-left:-12px;margin-right:-12px;} .brand [class*='sub'] .content-row:last-child {margin-bottom:0;} .brand [class*='sub'] .txtbox p{font-size:16px;line-height:1.6;} .title-h6 + .content-row.type2 { margin-top:30px} .content-row.type1 .txtbox h3 {font-size:40px;font-weight:500;} .content-row.type1 .txtbox >div > em {display:block;margin-bottom:5px;font-weight:400;font-size:18px;color:#002f5f;} /* 아티스트리 서브 */ .artistry.sub1 .content-row.type1 .txtbox {background-image:url(/_ui/responsive/theme-blue/images/akl_brand/artistry/subimg1-1.jpg);background-position: 0 0;} .artistry.sub1 .content-row.type2 .txtbox {background-image:url(/_ui/responsive/theme-blue/images/akl_brand/artistry/subimg1-2.jpg);background-position:100% 0;} .artistry.sub2 .content-row.type1 .txtbox {background-image:url(/_ui/responsive/theme-blue/images/akl_brand/artistry/subimg2-1_v1.jpg);background-position:50% 0;} .artistry.sub4 .content-row.type1 .txtbox {background-image:url(/_ui/responsive/theme-blue/images/akl_brand/artistry/subimg4-1.jpg);background-position:100% 0;} .artistry.sub1 .content-row.type1 .txtbox .logo {position:absolute;z-index:1;top:45px;right:30px;} .artistry.sub1 .content-row.type2 .txtbox .logo {margin-bottom:5px;} .artistry.sub1 .content-row.type2 .txtbox h3 { font-size:32px;} .artistry.sub1 .content-row.type2 .txtbox h3, .artistry.sub1 .content-row.type2 .txtbox p > em {color:#c29850;} .artistry.sub1 .content-row.type2 .txtbox p {font-size:14px;} .artistry.sub1 .content-row .txtbox .logo img {width:auto;} .artistry.sub1 .content-row .txtbox > div * {color:#fff;} .artistry.sub1 .txtbox div a.arr1:after {border-color:#fff;} .artistry .biz-slide-wrap {margin-top:20px;} .artistry.sub2 .akl-toggle-wrap {margin-top:40px;} .artistry.sub2 .akl-toggle-wrap [class*="img-text-row-box-type"] {position:relative;margin:0;padding:40px 40px;background:#f6f6f6;} .artistry.sub2 .akl-toggle-wrap [class*="img-text-row-box-type"] dd{margin-top:0;} .artistry.sub4 .prod-list > div:not(:first-child) {margin-top:40px;} /*아티스트리 스튜디오*/ .studio a.primary-link span {position:absolute;width:100%;height:auto;top:0;left:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.5);margin:0;text-indent:-99999px;} .studio a.primary-link:after {clear:both;content:'';display:block;position:absolute;left:50%;top:50%;width:110px;height:110px;margin:-55px 0 0 -55px;background:url(../images/akl_brand/common/bg_movie_play.png) no-repeat 0 0;background-size:contain;} .tag-list {overflow:hidden;margin:-10px 0 20px;} .tag-list li {display:inline-block;margin:0 0 10px 3px;} .tag-list li a {display:block;padding: 0 20px;height:40px;line-height:37px;border:1px solid #ccc;color:#55565a;margin:0;background:#fff;border-radius:30px;text-align: center;} .akl .imgView.layerWrapper .cart-popup__header {border-bottom:1px solid #e3e3e3;} .akl .imgView.layerWrapper .cbox.layerBox {top:50% !important;-webkit-transform:translateY(-50%) !important;-ms-transform:translateY(-50%) !important;transform:translateY(-50%) !important;} .akl .imgView.layerWrapper .layer-content-wrapper.RD-Viewer {overflow:auto; padding:0;text-align:center; height:500px !important;} .akl .imgView.layerWrapper .layer-content-wrapper.RD-Viewer > div {} .akl .imgView.layerWrapper .layer-content-wrapper.RD-Viewer img {width:auto; height:1300px;} @media (max-width: 768px){ /* ### 브랜드 ### */ .artistry .main-container, .bathbody .main-container, .espring .main-container, .atmosphere .main-container, .xsenergy .main-container {padding:0;} .artistry .title-component, .bathbody .title-component, .espring .title-component, .atmosphere .title-component {margin-left:15px;margin-right:15px;} .akl .brand .homepage_banner, .akl .brand .homepage_banner .owl-carousel .owl-stage-outer, .akl .brand .homepage_banner .wrapper .banner__wrapper, .akl .brand .homepage_banner .owl-carousel .owl-item .banner__image-sub {height:500px; margin-top:0;} .akl .brand .homepage_banner .banner__wrapper {background-position:25% 0;} .akl .brand .homepage_banner .banner__wrapper img {width:auto;height:100%;margin:auto;} .akl .brand .homepage_banner .banner__wrapper img.mob {display:none !important;} .akl .brand .homepage_banner .banner__title {top:20px;} .akl .brand .homepage_banner .owl-dots {top:auto;bottom:20px;width:100%;} .akl .brand .homepage_banner .owl-dots .owl-dot {display:inline-block;padding:0 !important;} .akl .brand .homepage_banner .owl-dots .owl-dot.active:before {content:none;} .akl .brand .homepage_banner .owl-dots .owl-dot span {width:30px;height:10px;background:rgba(0,0,0,0.5);font-size:0;border-radius:0;margin:5px 5px; opacity:0.5;} .akl .brand .homepage_banner .owl-dots .owl-dot.active span {background:#cb1a3a; opacity:1;} .akl .brand .homepage_banner .banner__message, .akl .brand .homepage_banner .banner__wrapper .banner__message {position:absolute; top:80px; bottom:60px; height:auto; margin-top:0;} .akl .brand .homepage_banner .banner__message--main {margin:30px 0 0 -45%; font-size:25px; line-height:1.4; text-align:left;} .akl .brand .homepage_banner .banner__message--sub {right:0; bottom:0; display:block; padding:30px; font-size:14px;} .akl .brand.oneforone .homepage_banner .banner__message--sub {padding: 30px 26px;} /* 원포원 홈 */ .akl .oneforone .owl-nav .owl-next {right:20px;} .akl .oneforone .owl-nav .owl-prev {left:20px;} .akl .brand.oneforone .homepage_banner .banner__message {top:130px; padding:0;} .akl .brand.oneforone .homepage_banner .banner__wrapper {background-position:22% 0;} .akl .brand.oneforone .homepage_banner .banner__message--main {margin:20px 0 0 -25%;} .brand .txtbox {height:375px;background-size:auto 100%;background-position:50% 0;} .brand .video-preview {padding:0;height:375px;background-size:auto 375px; margin:0;} .brand .video-preview .mob {width:100%;} .content-row {display:block;margin:30px 0 0;} .content-row article, .content-row.col3 article {width:100%;padding:0 0 20px;} .content-row article:last-child {padding-bottom:0;} .content-row[class*='col'] {margin-left:0 !important;margin-right:0 !important;} .content-row.col4 {display:flex;margin:10px -7px 0;} .content-row.col4 article {width:50%;padding:20px 7px 0;} .content-row.col4 article:nth-of-type(1), .content-row.col4 article:nth-of-type(2){ padding-top:0} .akl .brand .category-success-story {display:block;margin:30px 15px 0;} .akl .brand .category-success-story .success-story__item {max-width:100%;margin:30px 0 0;} .akl .brand .category-success-story .success-story__item:first-child {margin-top:0} .akl .brand .category-success-story .success-story__item + .success-story__item {margin-left:0;} .title-component {margin:40px 0 30px;} .title-component .title-ul {display:block;width:100%;margin:0 auto;} .title-component .title-ul li {display:block;padding-top:60px;margin-top:40px;} .title-component .title-ul li:before {height:60px;background-size:70px auto;} .title-component .title-ul li:nth-of-type(2):before {background-position-y:-70px;} .title-component .title-ul li:nth-of-type(3):before {background-position-y:-140px;} .title-component .title-ul li:nth-of-type(4):before {background-position-y:-210px;} .title-component .title-ul li:nth-of-type(5):before {background-position-y:-280px;} .txtbox h3 {font-size:28px; } .txtbox h3 br{ display:none} .txtbox h3 em{ display:block;font-size:28px; line-height:130%} .txtbox p {display:none;} .txtbox div.s2 {left:49%;} .txtbox div.s2 span {margin-top:20px;} /* 암웨이퀸 */ .akl .queen .homepage_banner .owl-item:nth-child(1) .banner__wrapper {background-image:url('/_ui/responsive/theme-blue/images/akl_brand/queen/main_visual01_mob.jpg');} .akl .queen .homepage_banner .owl-item:nth-child(2) .banner__wrapper {background-image:url('/_ui/responsive/theme-blue/images/akl_brand/queen/main_visual02_mob.jpg');} .akl .queen .homepage_banner .owl-item:nth-child(3) .banner__wrapper {background-image:url('/_ui/responsive/theme-blue/images/akl_brand/queen/main_visual03_mob.jpg');} .content-row.s1 article:first-child {padding-top:0;} .content-row.s3 { margin-top:-30px !important;} .content-row.s3 article { width:100%;padding:17px 20px 20px; margin:0 0 30px; float:none; height:auto; min-height:240px } .content-row.s3 article:last-child { margin:0} .content-row.s2 dl {width:100%;padding:0;margin-bottom:25px;} .content-row.s2 dd {padding:20px;} .content-row.s2 + .txt-italic {margin:-25px 0 30px;} .queen .full-component.vsual02 {height:375px;background:#f4f4f4 url('/_ui/responsive/theme-blue/images/akl_brand/queen/sub2_visual02_mob.jpg') no-repeat 50% 50%;background-size:auto 375px;} .queen .full-component.vsual03 {margin-top:40px;height:375px;background:#f4f4f4 url('/_ui/responsive/theme-blue/images/akl_brand/queen/sub2_visual03_mob.jpg') no-repeat 50% 50%;background-size:auto 375px;} .queen_prod_list {display:block;} .queen_prod_list li {display:block; width:100%;height:auto;border:0;padding:10px 0 20px;} .queen_prod_list li:first-child {padding-top:0;} .queen_prod_list li > span img {width:291px;} .akl .brand .category-success-story .item-content-wrap .banner-title > span {display:none;} .akl .brand .category-success-story .item-content-wrap .banner-button-wrap {position:relative;bottom:auto;} .queen .queen_prod_list + .title-component {margin:0;} .brand .sub .full-component .box-bnr-fw01, .brand .sub .full-component .box-bnr-fw03 {margin-bottom:0;} /* 뉴트리라이트 */ .akl .nutrilite .homepage_banner .owl-dots .owl-dot.active span {background:#20893d;} .akl .nutrilite .homepage_banner .owl-item:nth-child(1) .banner__wrapper {background-image:url('/_ui/responsive/theme-blue/images/akl_brand/nutrilite/main_visual01_mob.jpg');} .akl .nutrilite .homepage_banner .owl-item:nth-child(2) .banner__wrapper {background-image:url('/_ui/responsive/theme-blue/images/akl_brand/nutrilite/main_visual02_mob.jpg');} .akl .nutrilite .homepage_banner .owl-item:nth-child(3) .banner__wrapper {background-image:url('/_ui/responsive/theme-blue/images/akl_brand/nutrilite/main_visual03_mob.jpg');} .nutrilite .txtbox.s1 {height:350px;background:url('/_ui/responsive/theme-blue/images/akl_brand/nutrilite/fullimg1_mob.png') no-repeat 100% 0;background-size:auto 375px;} .nutrilite .txtbox.s1 a{width:280px;right:0;} .nutrilite .txtbox.s2 {height:350px;margin:0 auto 0px;} .nutrilite .txtbox.s2 img {width:100%;max-width:350px;margin:0 auto;padding:0 20px;} .brand .history-list > li {padding-left:0;} .brand .history-list > li strong {position:relative;} /* 뉴트리라이트 농장: 공통 */ .farm .panel-group .panel+.panel {margin-top:20px;} /* 배경 */ .farm .panel-heading a {height:150px;background-size:100% 100%;margin:0 -15px;} .farm .panel-heading a[aria-expanded="true"] {height:300px;} .farm1 .panel-heading a {background-image:url('/_ui/responsive/theme-blue/images/akl_brand/nutrilite/farm1_bg.jpg');} .farm2 .panel-heading a {background-image:url('/_ui/responsive/theme-blue/images/akl_brand/nutrilite/farm2_bg.jpg');} .farm3 .panel-heading a {background-image:url('/_ui/responsive/theme-blue/images/akl_brand/nutrilite/farm3_bg.jpg');} .farm4 .panel-heading a {background-image:url('/_ui/responsive/theme-blue/images/akl_brand/nutrilite/farm4_bg.jpg');} .farm5 .panel-heading a {background-image:url('/_ui/responsive/theme-blue/images/akl_brand/nutrilite/farm5_bg.jpg');} .farm .panel-heading .panel-title {padding:0 25px 0 45px;} .farm .panel-heading .panel-title .text-uppercase.accordion-header-text [class*=tit]{font-size:18px;line-height:35px;} .farm .panel-heading a[aria-expanded="true"] .panel-title .text-uppercase.accordion-header-text .tit1 {display:block;} .farm .panel-heading a[aria-expanded="true"] .panel-title .text-uppercase.accordion-header-text .tit2 {display:block;font-size:28px;} .farm .panel-heading a[aria-expanded="true"] .panel-title p {display:none;} .farm .accordion-custom .icon-minus {position:absolute;left:-28px;top:7px;} .farm .accordion-custom .icon-minus:before {font-size:15px;} .farm .video-preview .cctvTxt span {display:none} /* 배스바디*/ .akl .bathbody .homepage_banner .owl-dots .owl-dot.active span {background:#12a3da;} .akl .bathbody .homepage_banner .owl-item:nth-child(1) .banner__wrapper {background-image:url('/_ui/responsive/theme-blue/images/akl_brand/bathbody/main_visual01_mob.jpg');} .akl .bathbody .homepage_banner .owl-item:nth-child(2) .banner__wrapper {background-image:url('/_ui/responsive/theme-blue/images/akl_brand/bathbody/main_visual02_mob.jpg');} .akl .bathbody .homepage_banner .owl-item:nth-child(3) .banner__wrapper {background-image:url('/_ui/responsive/theme-blue/images/akl_brand/bathbody/main_visual03_mob.jpg');} .bathbody .txtbox.s1 {height:445px;background-image:url('/_ui/responsive/theme-blue/images/akl_brand/bathbody/fullimg1_mob.png');background-position:50% 0;} .bathbody .txtbox.s2 {height:429px;background-image:url('/_ui/responsive/theme-blue/images/akl_brand/bathbody/fullimg2_mob.png');background-position:50% 0;} .bathbody .txtbox.s3 {height:443px;background-image:url('/_ui/responsive/theme-blue/images/akl_brand/bathbody/fullimg3_mob.png');background-position:50% 0;} .bathbody .txtbox div.s2 {left:45%;max-width:60%;} /* 암웨이홈 */ .home .txtbox {height:auto;min-height:auto;padding:170px 20px 20px;} .home .txtbox.s1 {background:#f4f4f4 url('/_ui/responsive/theme-blue/images/akl_brand/home/contimg1.png') no-repeat 50% 30px;background-size:94px auto;} .home .txtbox.s2 {background:#f4f4f4 url('/_ui/responsive/theme-blue/images/akl_brand/home/contimg2.png') no-repeat 50% 30px;background-size:59px auto;} /* ### 이스프링,아티스트리 서브 레이아웃 ### */ .brand [class*="sub"] .content-row.type1 {margin:0 -15px 40px;} .content-row.type1 {overflow:hidden;} .content-row.type1 .txtbox > img.mob {min-height:375px;} .content-row.type1 .txtbox > div {top:35px;left:5%;max-width:90% !important;transform:none;} .content-row.type1 .txtbox > div.s2 {left:0;max-width:100% !important; padding:0 15px } .content-row.type1 .txtbox > div.txt-center {text-align:center;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:80%;max-width:100%;} .content-row.type1 .txtbox h3 {font-size:28px;} .content-row.type1 .txtbox h3 em {font-size:28px;} /* 아티스트리 */ .akl .artistry .homepage_banner .owl-dots .owl-dot.active span {background:#e1b738;} .akl .artistry .homepage_banner .owl-item:nth-child(1) .banner__wrapper {background-image:url('/_ui/responsive/theme-blue/images/akl_brand/artistry/main_visual01_mob.jpg');} .akl .artistry .homepage_banner .owl-item:nth-child(2) .banner__wrapper {background-image:url('/_ui/responsive/theme-blue/images/akl_brand/artistry/main_visual01_mob_v2.jpg');}/* 2019.03.21 아티스트리 브랜드 홈 비주얼 2번째 이미지 변경 */ .akl .artistry .box-bnr-fw01 .txt-wrap p {display:block;} .artistry .txtbox.s1 {height:375px;background-image:url('/_ui/responsive/theme-blue/images/akl_brand/artistry/fullimg1_mob.jpg');min-height:375px;} .artistry .txtbox.s2 {height:375px;background-image:url('/_ui/responsive/theme-blue/images/akl_brand/artistry/fullimg2_mob.jpg');min-height:375px;} .artistry .txtbox.s3 {height:375px;background-image:url('/_ui/responsive/theme-blue/images/akl_brand/artistry/fullimg3_mob.jpg');min-height:375px;} .artistry .txtbox.s4 {height:375px;background-image:url('/_ui/responsive/theme-blue/images/akl_brand/artistry/fullimg4_mob.jpg');min-height:375px;} .artistry .txtbox.s5 {height:375px;background-image:url('/_ui/responsive/theme-blue/images/akl_brand/artistry/fullimg5_mob.jpg');min-height:375px;} .artistry .txtbox.s6 {height:375px;background-image:url('/_ui/responsive/theme-blue/images/akl_brand/artistry/fullimg6_mob.jpg');min-height:375px;} .artistry .txtbox.s1 div, .artistry .txtbox.s2 div, .artistry .txtbox.s3 div {top:50px;max-width:90%;transform:translateY(0);} .artistry .txtbox.s2 div.s2 {left:7%;top:55%;} .artistry .video-preview {height:375px;background:url('/_ui/responsive/theme-blue/images/akl_brand/artistry/movie_bg_mob.jpg') 50% 0;background-size:auto 100%; margin:0} .artistry .txtbox.s1 p,.artistry .txtbox.s2 p,.artistry .txtbox.s3 p {display:block;font-size:16px;margin-top:0;} .artistry.sub1 .content-row.type1 .txtbox {background-image:url(/_ui/responsive/theme-blue/images/akl_brand/artistry/subimg1-1_mob.jpg);background-position: 43% 0; background-size:100% auto;min-height:375px;} .artistry.sub2 .content-row.type1 .txtbox {background-image:url(/_ui/responsive/theme-blue/images/akl_brand/artistry/subimg2-1_v1_mob.jpg);background-position:60% 0; background-size:auto 375px;min-height:375px;} .artistry.sub1 .content-row.type2 {margin: 40px -15px;} .artistry.sub1 .content-row.type2 .txtbox {background:none;} .artistry.sub1 .content-row.type1 .txtbox .logo {left:auto;} .artistry.sub1 .txtbox div.s1 {max-width:60%;} .artistry.sub2 .akl-toggle-wrap .panel-heading +.panel-collapse>.panel-body {padding:0;} .artistry.sub2 .akl-toggle-wrap [class*="img-text-row-box-type"] {padding:20px;} .artistry.sub2 .akl-toggle-wrap [class*="img-text-row-box-type"] div {width:100% !important;} .artistry.sub2 .akl-toggle-wrap [class*="img-text-row-box-type"] dl dt {font-size:16px;} .artistry sup{font-size:12px;} .akl .imgView.layerWrapper .cbox.layerBox {top:0 !important; -web-kit-transform:none !important;-ms-transform:none !important;transform:none !important;} .akl .imgView.layerWrapper .layer-content-wrapper.RD-Viewer {height:calc(100vh - 60px) !important;} .akl .imgView.layerWrapper .layer-content-wrapper.RD-Viewer img {width:auto; height:1200px;} .artistry.sub4 .content-row.type1 .txtbox {background-image:none;min-height:100%; height:auto} .artistry.sub4 .content-row.type1 .txtbox > img.mob {min-height:100%; } /* 암웨이홈 */ .akl .home .homepage_banner .banner__wrapper {background-image:url('/_ui/responsive/theme-blue/images/akl_brand/home/main_visual01_mob.jpg');} .home .txtbox div {position:relative;transform:none;} /* 엣모스피어 */ .akl .atmosphere .homepage_banner .owl-dots .owl-dot.active span {background:#1abdbf;} /* 원포원 */ .oneforone .txtbox.s1 {height:auto;padding:40px 10px;} .oneforone .txtbox.s1 img {max-width:322px;margin:auto;} .akl .oneforone .homepage_banner {position:relative;max-width:100%;} .akl .oneforone .owl-carousel {padding:0;} .akl .oneforone .homepage_banner .owl-dots {right:5%;bottom:auto;top:11%;width:auto;margin:auto;} .akl .oneforone .homepage_banner .owl-dots .owl-dot span {margin:0;width:6px;height:6px;border-radius:3px;background:#fff;opacity:0.8;} .akl .oneforone .homepage_banner .owl-dots .owl-dot.active span {background:#e11e44;opacity:1;} .akl .oneforone .homepage_banner .banner__title, .akl .oneforone .homepage_banner .banner__message--main, .akl .oneforone .homepage_banner .banner__message--sub {color:#fff;} .akl .oneforone .homepage_banner .owl-item:nth-child(1) .banner__wrapper {background-image:url('/_ui/responsive/theme-blue/images/akl_brand/oneforone/main_visual01_mob.jpg');} .akl .oneforone .homepage_banner .owl-item:nth-child(2) .banner__wrapper {background-image:url('/_ui/responsive/theme-blue/images/akl_brand/oneforone/main_visual02_mob.jpg');} .akl .oneforone .homepage_banner .owl-item:nth-child(3) .banner__wrapper {background-image:url('/_ui/responsive/theme-blue/images/akl_brand/oneforone/main_visual03_mob.jpg');} } @media (max-width: 480px){ .farm .panel-heading a {background-size:auto 100%;} .brand .espring-sub-home .content-row .sub-home.sty01 {background-position:-180px 0;} } @media (max-width: 420px){ .akl .brand .homepage_banner .banner__wrapper img.mob {display:block !important;} .akl .oneforone .homepage_banner .owl-dots {right:3%;} } @media (max-width: 320px){ .akl .brand .homepage_banner .banner__message--sub {padding:20px;} } /* XS 에너지 메인 */ .xsenergy_mainlist {position:relative;width:100%;overflow:hidden;background:#000;} .xsenergy_mainlist li {float:left;width:33.33%;position:relative;} .xsenergy_mainlist li.wide1 {width:66.65%;} .xsenergy_mainlist li.wide2 {width:66.67%;} .xsenergy_mainlist li.wide3 {width:100%;position:absolute;bottom:0;} .xsenergy_mainlist li:nth-last-child(1) {height:0;} .xsenergy_mainlist li:nth-last-child(1)> div {-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);} .xsenergy_mainlist li:nth-last-child(1)> div a, .xsenergy_mainlist li:nth-last-child(1)> div a:hover {color:#fff;} .xsenergy_mainlist li img {display:block;width:100%;height:auto;} .xsenergy_mainlist .txt-wrap {position:absolute;top:0;left:0;padding:25px 0 0 30px;width:100%;height:100%;line-height:1.5;font-size:16px;color:#fff;} .xsenergy_mainlist .txt-wrap em {display:block;color:#fff;opacity:0.5;letter-spacing:0;} .xsenergy_mainlist .txt-wrap h3 {position:absolute;top:50%;left:80px;-webkit-transform:translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); margin:0 !important;font-weight:400;font-size:62px;line-height:1.0;color:#fff;} .xsenergy_mainlist .wide3 .txt-wrap h3 {font-size:40px;left:40px;} .xsenergy_mainlist .txt-wrap h3 strong {display:block;font-weight:700;} .xsenergy_mainlist .hashtag {position:absolute;top:50%;left:360px;font-size:18px;} .xsenergy_mainlist li:nth-last-child(1) .txt-wrap h3, .xsenergy_mainlist li:nth-of-type(5) .txt-wrap h3 {font-size:36px;} .xsenergy_mainlist li > a, .xsenergy_mainlist li > a:hover {color:#fff;} .xsenergy_mainlist .sns-btn span {position:absolute;bottom:25px;left:30px;text-transform:uppercase;} .xsenergy_mainlist li.wide1 .txt-wrap {top:40%;left:0;padding-left:10%;font-size:22px;} .xsenergy_mainlist .link-btn {position:absolute;top:54%;left:0;padding-left:10%;} .xsenergy_mainlist a.bt-akl-blue {height:50px;line-height:49px;font-size:16px; padding:0 30px;} .xsenergy .xsenergy_mainlist a.video-btn img {margin-top:-20px;} .xsenergy a.video-btn {position:absolute;top:0;width:100%;height:100%;display:block;color:#fff;} .xsenergy a.video-btn img {position:absolute;top:50%;left:50%;margin:-40px 0 0 -40px;height:80px;width:80px;} @media (max-width: 1024px){ .xsenergy_mainlist li {width:50%;} .xsenergy_mainlist li[class*='wide']{width:100%;margin:0 !important;} .xsenergy_mainlist li.wide3 {width:50%;position:relative;} .xsenergy_mainlist li:nth-last-child(2) {-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);} .xsenergy_mainlist li:last-child .pc {display:none;} .xsenergy_mainlist li:last-child .mob {display:block;} .xsenergy_mainlist .txt-wrap h3, .xsenergy_mainlist .wide3 .txt-wrap h3 {top:45%;left:40px;font-size:36px;line-height:1.1;} .xsenergy_mainlist .hashtag {top:60%;left:40px;font-size:14px;} } @media (max-width: 768px){ .xsenergy_mainlist li {width:100% !important;} .xsenergy_mainlist li.pc {display:none;} .xsenergy_mainlist li.wide1 .txt-wrap {font-size:16px;} .xsenergy_mainlist li.wide2 .txt-wrap .hashtag {top:55%;font-size:16px;} .xsenergy_mainlist .link-btn .bt-akl-blue {font-size:14px;height:40px;line-height:39px;} .xsenergy_mainlist .hashtag {top:60%;left:40px;font-size:13px;} .xsenergy_mainlist .txt-wrap {padding:20px 0 0 30px;font-size:15px;} .xsenergy_mainlist li:nth-last-child(1) .txt-wrap h3 {font-size:36px;} } @media (max-width: 630px){ .xsenergy_mainlist .link-btn {top:63%;} } /* XS 에너지 서브 */ /* 공통 */ .sub-cont1 .ex-wrap span:before, [class*='sub-cont'] .bg:before, .ex-wrap2 .icon-wrap span:before {content:'';display:inline-block;position:absolute;top:0;} /* owl */ .xs_subpage .owl-carousel .item img {width:auto;} .xs_subpage .owl-carousel .item .bg img {width:100%;} .xs_subpage .owl-nav .owl-prev {left:30px;} .xs_subpage .owl-nav .owl-next {right:30px;} .xs_subpage .owl-nav .owl-prev, .xs_subpage .owl-nav .owl-next, .xs_subpage .owl-nav .owl-prev:hover, .xs_subpage .owl-nav .owl-next:hover {top:320px;height:45px;width:20px; background-size:20px 43px !important;} .xs_subpage .owl-dots {left:auto;right:auto;top:630px;width:100%;text-align:center;} .xs_subpage .owl-dots .owl-dot span {box-shadow:none;} .xs_subpage .owl-dots .owl-dot.active span {background:#fff;} .xs_subpage {overflow:hidden;clear:both;word-wrap:break-word;background:#000;} .xs_subpage .sub-cont1 {width:100%;height:auto;} .sub-cont1 .item {position:relative;height:680px;background-position:50% 0;background-repeat:no-repeat;} .sub-cont1 .txt-wrap {padding:50px 90px;} .sub-cont1 .txt-wrap p {margin:0;} .sub-cont1 .txt-wrap p:nth-of-type(1) {margin-bottom:35px;} .sub-cont1 .txt-wrap p:nth-of-type(2) {font-size:18px;color:#fff;} .sub-cont1 .txt-wrap h3 {margin-bottom:20px;font-size:50px;font-weight:700;line-height:1.2;color:#fff;} .sub-cont1 .txt-wrap p:nth-of-type(3) {font-size:16px;font-weight:300;line-height:1.6;color:#bbb;} .sub-cont1 .txt-wrap p:nth-of-type(4) {margin:40px 0 50px;} .sub-cont1 .txt-wrap p .bt-akl-blue {font-size:16px;height:50px;line-height:49px;padding:0 30px;} .sub-cont1 .ex-wrap span{position:relative;display:inline-block;vertical-align:top;padding-top:60px;width:80px;color:#dadada;font-size:14px;font-weight:300;text-align:center;} .sub-cont1 .ex-wrap span:before {width:60px;height:60px;left:50%;margin-left:-30px;background: url('/_ui/responsive/theme-blue/images/akl_brand/xs_energy/xs_icon01.png') no-repeat;} .sub-cont1 .img-wrap {position:absolute;top:50%;left:50%;-webkit-transform:translate(-10%, -50%);-ms-transform:translate(-10%, -50%);transform:translate(-10%, -50%);} .sub-cont1 .img-wrap img {display:block;} .ex-wrap2 {position:absolute;width:100%;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);text-align:center;} .ex-wrap2 .tit {font-size:22px;font-weight:500;margin-bottom:20px;} .ex-wrap2 .icon-wrap {width:90%;margin:0 auto;} .ex-wrap2 .icon-wrap span {position:relative;display:inline-block;vertical-align:top;margin:20px 0 0;padding-top:95px;width:125px;font-size:15px;line-height:1.4; letter-spacing:-2px} .ex-wrap2 .icon-wrap span:before {width:80px;height:80px;left:50%;margin-left:-40px;background:url('/_ui/responsive/theme-blue/images/akl_brand/xs_energy/xs_icon01.png') no-repeat 0 -360px;} [class*='sub-cont'] {float:left;overflow:hidden;position:relative;} [class*='sub-cont'] .bg {position:relative;} [class*='sub-cont'] .bg img {width:100%;height:100%;} .txt-wrap2 {position:absolute;top:0;width:100%;height:100%;font-size:14px;color:#fff;} .txt-wrap2 .tit {position:absolute;top:5%;left:30px;letter-spacing:0;opacity:0.5;} .txt-wrap2 .link {position:absolute;bottom:5%;left:30px;letter-spacing:0;} .txt-wrap2 .link a{color:#fff;} .txt-wrap2 h3 {position:absolute;top:50%;left:40px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);margin:0 !important;font-size:40px;font-weight:400;line-height:1.1;color:#fff;} .txt-wrap2 h3 strong {display:block;font-weight:700;} .drink .sub-cont2 .txt-wrap2 h3 {left:80px;font-size:62px;line-height:1.0;} .sub-cont2 {width:66.67%;} .sub-cont3 {width:33.33%;} .sub-cont4 {width:100%;} /* #topCarousel_xs , #subCarousel_xs */ .xs_subpage .sub-cont-wrapper .owl-dots {top:0; width:0;} .multiCarousel .sub-cont-wrapper {position:relative; float:none; overflow:initial; clear:both;} .multiCarousel .xsDrink-img-box {position:relative; display:block; height:100%;} .multiCarousel .sub-insta{ position:absolute; right:0; bottom:0; display:table; table-layout:fixed; width:66.6%; float:none;} .multiCarousel .sub-insta .xsDrink-img-box {z-index:100;} .multiCarousel .sub-cont4 {float:none; width:100%;} .multiCarousel .sub-cont4 img {width:100%; height:auto} .multiCarousel .sub-carousel {display:table; width:100%; table-layout:fixed;} .multiCarousel .sub-carousel>.tr {display:table-row;} .multiCarousel .sub-carousel .td {display:table-cell; padding:0; line-height:0} .multiCarousel .sub-carousel td img {width:100%; height:auto;} .multiCarousel .sub-carousel .sizeWide {width:66.6%;} .multiCarousel .sub-carousel .sizeSmall {width:33.4%;} /* What is XS */ .whatisxs .sub-cont1 .item:before {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:url('/_ui/responsive/theme-blue/images/akl_brand/xs_energy/bg_icon13.png') no-repeat 0 0;background-size:162px auto;} .whatisxs .sub-cont1 .item:after {content:'';display:block;position:absolute;bottom:0;right:0;width:100%;height:100%;background:url('/_ui/responsive/theme-blue/images/akl_brand/xs_energy/bg_icon14.png') no-repeat 100% 100%;background-size:260px auto;} .whatisxs .sub-cont1 .item {background-image:url('/_ui/responsive/theme-blue/images/akl_brand/xs_energy/cont1_bg_01.jpg');} .whatisxs .sub-cont1 .txt-wrap p {margin:20px 0 0;font-size:16px;font-weight:300;line-height:1.6;color:#dadada;} .whatisxs .sub-cont1 .txt-wrap h3 {margin:30px 0 0;} .whatisxs .sub-cont2 .bg:before {content:none;} /* 드링크 */ .drink .sub-cont1 .item {background-image:url('/_ui/responsive/theme-blue/images/akl_brand/xs_energy/cont1_bg_05.jpg');} .drink .sub-cont1 .drink3, .drink .sub-cont1 .drink4 {background-image:url('/_ui/responsive/theme-blue/images/akl_brand/xs_energy/cont1_bg_06.jpg');} .drink .sub-cont1 .img-wrap {-webkit-transform:translate(-10%, -50%);-ms-transform:translate(-10%, -50%);transform:translate(-10%, -50%);} .drink [class*='sub-cont']:nth-of-type(4) {-webkit-transform:translateX(-200%);-ms-transform:translateX(-200%);transform:translateX(-200%);} .drink [class*='sub-cont']:nth-of-type(6) {-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);} .drink [class*='sub-cont']:nth-of-type(7) {position:absolute;bottom:0;} .drink1 .ex-wrap span:before, .drink1 .ex-wrap2 .icon-wrap span:before {background-position-y:0;} .drink2 .ex-wrap span:before, .drink2 .ex-wrap2 .icon-wrap span:before {background-position-y:-90px;} .drink3 .ex-wrap span:before, .drink3 .ex-wrap2 .icon-wrap span:before {background-position-y:-180px;} .drink4 .ex-wrap span:before, .drink4 .ex-wrap2 .icon-wrap span:before {background-position-y:-270px;} .drink .ex-wrap span:nth-child(1):before {background-position-x:-450px;} .drink .ex-wrap span:nth-child(2):before {background-position-x:-540px;} .drink .ex-wrap span:nth-child(3):before {background-position-x:-630px;} .drink .ex-wrap span:nth-child(4):before {background-position-x:-720px;} .drink .ex-wrap span:nth-child(5):before {background-position-x:-810px;} .drink .ex-wrap2 .icon-wrap span:nth-child(1):before {background-position-x:0;} .drink .ex-wrap2 .icon-wrap span:nth-child(2):before {background-position-x:-90px;} .drink .ex-wrap2 .icon-wrap span:nth-child(3):before {background-position-x:-180px;} .drink .ex-wrap2 .icon-wrap span:nth-child(4):before {background-position-x:-270px;} .drink .ex-wrap2 .icon-wrap span:nth-child(5):before {background-position-x:-360px;} /* drink1 */ .drink1 .txt-wrap h3, .drink1 .ex-wrap2 .tit span {color:#c3d200;} .drink2 .txt-wrap h3, .drink2 .ex-wrap2 .tit span {color:#e82332;} .drink3 .txt-wrap h3, .drink3 .ex-wrap2 .tit span {color:#ff9d00;} .drink4 .txt-wrap h3, .drink4 .ex-wrap2 .tit span {color:#c821b7;} /* 시리얼 */ .cereal .sub-cont1 .item {background-image:url('/_ui/responsive/theme-blue/images/akl_brand/xs_energy/bg_xs_cereal.jpg'); background-size:cover} .cereal .sub-cont1 .txt-wrap h3, .cereal .ex-wrap2 .tit span {color:#feba10;} .cereal .sub-cont1 .txt-wrap p:nth-of-type(2), .cereal .sub-cont1 .txt-wrap p:nth-of-type(3) {color:#fff;} .cereal .icon-wrap span:nth-child(2):before {background-position-x:-90px;} .cereal .icon-wrap span:nth-child(3):before {background-position-x:-180px;} .cereal .icon-wrap span:nth-child(4):before {background-position-x:-270px;} /* 캔디 */ .candy .sub-cont1 .item {background-image:url('/_ui/responsive/theme-blue/images/akl_brand/xs_energy/cont1_bg_10.jpg');} .candy .sub-cont1 .txt-wrap h3 {color:#a6f82a;} .candy .sub-cont1 .img-wrap {-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);} .candy .ex-wrap2 .tit span {color:#5c9b02;} .candy .icon-wrap span:before {background-position-y:-540px;} .candy .icon-wrap span:nth-child(1):before {background-position-x:-360px;} .candy .icon-wrap span:nth-child(2):before {background-position-x:-450px;} .candy .icon-wrap span:nth-child(3):before {background-position-x:-540px;} .candy .icon-wrap span:nth-child(4):before {background-position-x:-630px;} /* 너츠 */ .nuts .sub-cont1 .item {background-image:url('/_ui/responsive/theme-blue/images/akl_brand/xs_energy/cont1_bg_11.jpg');} .nuts .sub-cont1 .img-wrap {-webkit-transform:translate(-20%, -50%);transform:translate(-20%, -50%);} .nuts .sub-cont1 .txt-wrap h3 {color:#fff;} .nuts .ex-wrap2 .tit span {color:#b7095d;} .nuts .icon-wrap span:nth-child(1):before {background-position-x:-540px;} .nuts .icon-wrap span:nth-child(2):before {background-position-x:-630px;} .nuts .icon-wrap span:nth-child(3):before {background-position-x:-720px;} .nuts .icon-wrap span:nth-child(4):before {background-position-x:-810px;} /* 칩 */ .chip .sub-cont1 .item {background-image:url('/_ui/responsive/theme-blue/images/akl_brand/xs_energy/cont1_bg_12.jpg');} .chip .sub-cont1 .img-wrap {-webkit-transform:translate(-10%, -50%);transform:translate(-10%, -50%);} .chip .sub-cont1 .txt-wrap h3 {color:#fff;} .chip .ex-wrap2 .tit span {color:#b7095d;} .chip .icon-wrap span:nth-child(1):before {background-position:0 -450px;} .chip .icon-wrap span:nth-child(2):before {background-position:-90px -450px;} .chip .icon-wrap span:nth-child(3):before {background-position:-180px -450px;} .chip .icon-wrap span:nth-child(4):before {background-position:-270px -450px;} /* 바 */ .bar .sub-cont1 .item {background-image:url('/_ui/responsive/theme-blue/images/akl_brand/xs_energy/cont1_bg_07.jpg');background-position:100% 0;} .bar .sub-cont1 .img-wrap {-webkit-transform:translate(-10%, -50%);transform:translate(-10%, -50%);} .bar .sub-cont1 .txt-wrap h3 {color:#50e6ff;} .bar .ex-wrap2 .tit span {color:#ab4828;} .bar .icon-wrap span:nth-child(1):before {background-position:-360px -450px;} .bar .icon-wrap span:nth-child(2):before {background-position:-450px -450px;} .bar .icon-wrap span:nth-child(3):before {background-position:-540px -450px;} .bar .icon-wrap span:nth-child(4):before {background-position:-630px -450px;} /* 껌 */ .gum .sub-cont1 .item {background-image:url('/_ui/responsive/theme-blue/images/akl_brand/xs_energy/cont1_bg_08.jpg');} .gum .sub-cont1 .img-wrap {-webkit-transform:translate(10%, -50%);transform:translate(10%, -50%);} .gum .sub-cont1 .txt-wrap h3 {color:#a6f82a;} .gum .sub-cont1 .txt-wrap p:nth-of-type(3) {color:#fff;} .gum .ex-wrap2 .icon-wrap span:before {width:80px;height:80px;left:50%;margin-left:-40px;background:url('/_ui/responsive/theme-blue/images/akl_brand/xs_energy/xs_icon01.png') no-repeat 0 -540px;} .gum .icon-wrap span:nth-child(1):before {background-position-x:0px;} .gum .icon-wrap span:nth-child(2):before {background-position-x:-90px;} .gum .icon-wrap span:nth-child(3):before {background-position-x:-180px;} .gum .icon-wrap span:nth-child(4):before {background-position-x:-270px;} /* .gum .sub-cont1 .ex-wrap span:nth-child(1):before {background-position:-730px -450px;} .gum .sub-cont1 .ex-wrap span:nth-child(2):before {background-position:-810px -450px;} .gum .sub-cont1 .ex-wrap span:nth-child(3):before {background-position: 0px -650px;} .gum .sub-cont1 .ex-wrap span:nth-child(4):before {background-position: 0px -650px;} */ .gum .ex-wrap2 .tit span {color:#fff;} .gum .sub-cont2 .txt-wrap {position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;} .gum .sub-cont2 .txt-wrap .tit {color:#fff;font-size:22px;font-weight:500;} .gum .ex-wrap2 .tit span {color:#5c9b02;} .gum .sub-cont2 .txt-wrap ul li {margin:5% 0;padding:4% 5%;width:320px;border:1px solid #c2e595;border-radius:3px;color:#dadada;} .gum .sub-cont2 .txt-wrap ul li:last-child {margin-bottom:0;} .gum .sub-cont2 .txt-wrap ul li span {color:#a6f82a;} /* -------- 제품소개 아티스트리 배너 -------- */ .brand .brand-artisti-banner { height:344px; width:100%; display:table; position:relative;} .brand .brand-artisti-banner.type01 { background:url(/_ui/responsive/theme-blue/images/akl_brand/artistry/banner/bg_01.jpg) no-repeat right top; background-size:cover } .brand .brand-artisti-banner a { display:table-row;} .brand .brand-artisti-banner a p { height:344px; width:50%; display: table-cell; vertical-align:middle; margin:0; padding:55px 0 0; text-align: center;} .brand .brand-artisti-banner a p img { height:289px; width:auto} .brand .brand-artisti-banner a dl {display: table-cell; height:344px; padding-top: 80px } .brand .brand-artisti-banner a dl dt { font-size:36px; font-weight:500; padding-left:100px;letter-spacing: -2px;} .brand .brand-artisti-banner a dl dt span{ font-size:26px; font-weight:400; display:block; line-height:100%} .brand .brand-artisti-banner a dl dd { font-size: 14px; padding-left:100px; margin-top: 20px} .brand .brand-artisti-banner a dl dd span {display:block;font-weight:400;} .brand .brand-artisti-banner.type12 a p {padding:25px 0 0;}/* 파우더 */ .brand .brand-artisti-banner.type21 a p { padding-right:250px}/* 아티스트리맨 언노운 */ .brand .brand-artisti-banner.type02 { background:url(/_ui/responsive/theme-blue/images/akl_brand/artistry/banner/bg_02.jpg) no-repeat right top; background-size:cover }/* 수프림 엘엑스 */ .brand .brand-artisti-banner.type03 { background:url(/_ui/responsive/theme-blue/images/akl_brand/artistry/banner/bg_03.jpg) no-repeat right top; background-size:cover }/* 인텐시브 */ .brand .brand-artisti-banner.type04 { background:url(/_ui/responsive/theme-blue/images/akl_brand/artistry/banner/bg_04.jpg) no-repeat right top; background-size:cover }/* 유스 익스텐드 울트라 */ .brand .brand-artisti-banner.type05 { background:url(/_ui/responsive/theme-blue/images/akl_brand/artistry/banner/bg_05.jpg) no-repeat right top; background-size:cover }/* 유스 익스텐드 */ .brand .brand-artisti-banner.type06 { background:url(/_ui/responsive/theme-blue/images/akl_brand/artistry/banner/bg_06.jpg) no-repeat right top; background-size:cover }/* 아이디얼 래디언스 */ .brand .brand-artisti-banner.type07 { background:url(/_ui/responsive/theme-blue/images/akl_brand/artistry/banner/bg_07.jpg) no-repeat right top; background-size:cover }/* 하이드라- 브이 */ .brand .brand-artisti-banner.type08 { background:url(/_ui/responsive/theme-blue/images/akl_brand/artistry/banner/bg_08.jpg) no-repeat right top; background-size:cover }/* 스페셜 케어 */ .brand .brand-artisti-banner.type09 { background:url(/_ui/responsive/theme-blue/images/akl_brand/artistry/banner/bg_09.jpg) no-repeat right top; background-size:cover }/* 아티스트리 맨 */ .brand .brand-artisti-banner.type10 { background:url(/_ui/responsive/theme-blue/images/akl_brand/artistry/banner/bg_10.jpg) no-repeat right top; background-size:cover }/* 에센셜 바이 아티스트리 */ .brand .brand-artisti-banner.type11 { background:url(/_ui/responsive/theme-blue/images/akl_brand/artistry/banner/bg_11.jpg) no-repeat right top; background-size:cover }/* 파운데이션 */ .brand .brand-artisti-banner.type12 { background:url(/_ui/responsive/theme-blue/images/akl_brand/artistry/banner/bg_12.jpg) no-repeat right top; background-size:cover }/* 파우더 */ .brand .brand-artisti-banner.type13 { background:url(/_ui/responsive/theme-blue/images/akl_brand/artistry/banner/bg_13.jpg) no-repeat right top; background-size:cover }/* 파운데이션 베이스 */ .brand .brand-artisti-banner.type14 { background:url(/_ui/responsive/theme-blue/images/akl_brand/artistry/banner/bg_14.jpg) no-repeat right top; background-size:cover }/* 컨실러 */ .brand .brand-artisti-banner.type15 { background:url(/_ui/responsive/theme-blue/images/akl_brand/artistry/banner/bg_15.jpg) no-repeat right top; background-size:cover }/* 립 */ .brand .brand-artisti-banner.type16 { background:url(/_ui/responsive/theme-blue/images/akl_brand/artistry/banner/bg_16.jpg) no-repeat right top; background-size:cover }/* 아이 */ .brand .brand-artisti-banner.type17 { background:url(/_ui/responsive/theme-blue/images/akl_brand/artistry/banner/bg_17.jpg) no-repeat right top; background-size:cover }/* 치크 */ .brand .brand-artisti-banner.type18 { background:url(/_ui/responsive/theme-blue/images/akl_brand/artistry/banner/bg_18.jpg) no-repeat right top; background-size:cover }/* 아티스트리 스튜디오 */ .brand .brand-artisti-banner.type19 { background:url(/_ui/responsive/theme-blue/images/akl_brand/artistry/banner/bg_19.jpg) no-repeat right top; background-size:cover }/* 화장품 보조용품 */ .brand .brand-artisti-banner.type20 { background:url(/_ui/responsive/theme-blue/images/akl_brand/artistry/banner/bg_20.jpg) no-repeat right top; background-size:cover }/* 플로라 시크 */ .brand .brand-artisti-banner.type21 { background:url(/_ui/responsive/theme-blue/images/akl_brand/artistry/banner/bg_21.jpg) no-repeat right top; background-size:cover }/* 아티스트리맨 언노운 */ .brand .brand-artisti-banner.type02 a p img { height:289px;}/* 수프림 엘엑스 */ .brand .brand-artisti-banner.type03 a p img { height:250px;}/* 인텐시브 */ .brand .brand-artisti-banner.type04 a p img { height:260px;}/* 유스 익스텐드 울트라 */ .brand .brand-artisti-banner.type05 a p img { height:265px;}/* 유스 익스텐드 */ .brand .brand-artisti-banner.type06 a p img { height:265px;}/* 아이디얼 래디언스 */ .brand .brand-artisti-banner.type07 a p img { height:240px;}/* 하이드라- 브이 */ .brand .brand-artisti-banner.type08 a p img { height:255px;}/* 스페셜 케어 */ .brand .brand-artisti-banner.type09 a p img { height:253px;}/* 아티스트리 맨 */ .brand .brand-artisti-banner.type10 a p img { height:250px;}/* 에센셜 바이 아티스트리 */ .brand .brand-artisti-banner.type11 a p img { height:255px;}/* 파운데이션 */ .brand .brand-artisti-banner.type12 a p img { height:295px;}/* 파우더 */ .brand .brand-artisti-banner.type13 a p img { height:245px;}/* 파운데이션 베이스 */ .brand .brand-artisti-banner.type14 a p img { height:247px;}/* 컨실러 */ .brand .brand-artisti-banner.type15 a p img { height:265px;}/* 립 */ .brand .brand-artisti-banner.type16 a p img { height:240px;}/* 아이 */ .brand .brand-artisti-banner.type17 a p img { height:245px;}/* 치크 */ .brand .brand-artisti-banner.type18 a p img { height:272px; }/* 아티스트리 스튜디오 */ .brand .brand-artisti-banner.type19 a p img { height:255px; }/* 화장품 보조용품 */ .brand .brand-artisti-banner.type20 a p img { height:289px; }/* 플로라 시크 */ .brand .brand-artisti-banner.type21 a p img { height:265px; }/* 아티스트리맨 언노운 */ .brand .brand-artisti-banner.type01 a dl dt span { color:#57575a;} .brand .brand-artisti-banner.type02 a dl dt span { color:#ffddaf;} .brand .brand-artisti-banner.type03 a dl dt span { color:#fffefc;} .brand .brand-artisti-banner.type04 a dl dt span { color:#ffdddb;} .brand .brand-artisti-banner.type05 a dl dt span { color:#fefffd;} .brand .brand-artisti-banner.type06 a dl dt span { color:#56555b;} .brand .brand-artisti-banner.type07 a dl dt span { color:#545559;} .brand .brand-artisti-banner.type08 a dl dt span { color:#55565a;} .brand .brand-artisti-banner.type09 a dl dt span { color:#bcbcbc;} .brand .brand-artisti-banner.type10 a dl dt span { color:#56555b;} .brand .brand-artisti-banner.type11 a dl dt span { color:#ffffff;} .brand .brand-artisti-banner.type12 a dl dt span { color:#ffffff;} .brand .brand-artisti-banner.type13 a dl dt span { color:#56555a;} .brand .brand-artisti-banner.type14 a dl dt span { color:#fefffd;} .brand .brand-artisti-banner.type15 a dl dt span { color:#feffff;} .brand .brand-artisti-banner.type16 a dl dt span { color:#feffff;} .brand .brand-artisti-banner.type17 a dl dt span { color:#56555b;} .brand .brand-artisti-banner.type18 a dl dt span { color:#fffeff;} .brand .brand-artisti-banner.type19 a dl dt span { color:#ffffff;} .brand .brand-artisti-banner.type20 a dl dt span { color:#545559;} .brand .brand-artisti-banner.type21 a dl dt span { color:#dbdbdb;} .brand .brand-artisti-banner.type01 a dl dt { color:#6d5f3c;} .brand .brand-artisti-banner.type02 a dl dt { color:#be906c;} .brand .brand-artisti-banner.type03 a dl dt { color:#6be4f7;} .brand .brand-artisti-banner.type04 a dl dt { color:#fe9991;} .brand .brand-artisti-banner.type05 a dl dt { color:#ffbf93;} .brand .brand-artisti-banner.type06 a dl dt { color:#0078ac;} .brand .brand-artisti-banner.type07 a dl dt { color:#0078ac;} .brand .brand-artisti-banner.type08 a dl dt { color:#0079ac;} .brand .brand-artisti-banner.type09 a dl dt { color:#ffffff;} .brand .brand-artisti-banner.type10 a dl dt { color:#555459;} .brand .brand-artisti-banner.type11 a dl dt { color:#e5b46f;} .brand .brand-artisti-banner.type12 a dl dt { color:#e4b56f;} .brand .brand-artisti-banner.type13 a dl dt { color:#9b4f13;} .brand .brand-artisti-banner.type14 a dl dt { color:#ff6685;} .brand .brand-artisti-banner.type15 a dl dt { color:#ff95ac;} .brand .brand-artisti-banner.type16 a dl dt { color:#90b8e9;} .brand .brand-artisti-banner.type17 a dl dt { color:#ff6688;} .brand .brand-artisti-banner.type18 a dl dt { color:#ffffff;} .brand .brand-artisti-banner.type19 a dl dt { color:#c9a3dc;} .brand .brand-artisti-banner.type20 a dl dt { color:#bf627f;} .brand .brand-artisti-banner.type21 a dl dt { color:#ffffff;} .brand .brand-artisti-banner.type01 a dl dd {color:#57575a;} .brand .brand-artisti-banner.type02 a dl dd {color:#dbd9da;} .brand .brand-artisti-banner.type03 a dl dd {color:#dbdbd9;} .brand .brand-artisti-banner.type04 a dl dd {color:#bcbdb8;} .brand .brand-artisti-banner.type05 a dl dd {color:#bcbdb8;} .brand .brand-artisti-banner.type06 a dl dd {color:#828385;} .brand .brand-artisti-banner.type07 a dl dd {color:#7f8287;} .brand .brand-artisti-banner.type08 a dl dd {color:#828388;} .brand .brand-artisti-banner.type09 a dl dd {color:#828385;} .brand .brand-artisti-banner.type10 a dl dd {color:#808487;} .brand .brand-artisti-banner.type11 a dl dd {color:#dadada;} .brand .brand-artisti-banner.type12 a dl dd {color:#dbdbdb;} .brand .brand-artisti-banner.type13 a dl dd {color:#828387;} .brand .brand-artisti-banner.type14 a dl dd {color:#dadbdd;} .brand .brand-artisti-banner.type15 a dl dd {color:#dfdbdc;} .brand .brand-artisti-banner.type16 a dl dd {color:#dcdbd9;} .brand .brand-artisti-banner.type17 a dl dd {color:#808285;} .brand .brand-artisti-banner.type18 a dl dd {color:#ffffff;} .brand .brand-artisti-banner.type19 a dl dd {color:#dbdbdb;} .brand .brand-artisti-banner.type20 a dl dd {color:#828387;} .brand .brand-artisti-banner.type21 a dl dd {color:#dbdad8;} @media (max-width:1120px){ /* XS 에너지 드링크 */ .drink .ex-wrap2 .icon-wrap span {width:19%; font-size:14px} } @media (max-width: 910px){ /* XS 에너지 서브 */ .ex-wrap2 .tit {margin:0;} .ex-wrap2 .icon-wrap {width:100%;} .ex-wrap2 .icon-wrap span {width:22%;font-size:14px;} .drink .ex-wrap2 .icon-wrap span {width:19%;font-size:14px;} /* 아티스트리 */ .category-success-story .item-content-wrap .banner-title {font-size:28px;margin-bottom:10px;} .akl .category-success-story .item-content-wrap .sub-title-wrap {height:auto;} } @media (max-width: 768px){ /* SNS url 복사 */ .brand .bod-view-sns .pop-area-body:after {left:36px;} /* ### 레이아웃 ### */ #brandMenu .select.form-control {width:100%;} #brandMenu .breadcrumb li > div > div {position:relative;padding-right:10px;flex:1;min-width:33%;} #brandMenu .breadcrumb li > div > div::after {content:none;} #brandMenu .breadcrumb li > div > div .form-control {width:100%;} #brandMenu {padding:10px 0;} #brandMenu .breadcrumb-section {padding:15px;} #brandMenu .jump-to-amway {position:relative;right:0;padding:0 0 15px;} .select2-container .select2-selection--single {width:100%;} .select2-container .selection .select2-selection .select2-selection__rendered {max-width:100%;} .top-title-wrapper.main > p {padding:0;display:block;font-size:17px;} .top-title-wrapper.main > p:before {content:none;} .top-title-wrapper, .brand .brand-contents .top-title-wrapper {margin:0 0 30px;padding:0 15px 15px;width:100%;}/*20190131 수정*/ .brand .brand-contents .top-title-wrapper {padding:0 0 15px;margin:0 0 50px;} .brand .top_feature-area ~ .brand-contents .top-title-wrapper, .brand .bod-view-sns ~ .brand-contents .top-title-wrapper {margin-bottom:10px} .brand .bod-view-sns {right:0;top:0 !important;} /*.brand .brand-contents .top-title-wrapper.v1 {margin-bottom:10px}*/ .brand.main-container .top_feature-area {padding-top:0;right:15px} .brand.main-container .brand-contents.layout-a .top_feature-area {top:10px} .brand .brand-contents .top-title-wrapper .top_feature-area {padding-top:0;right:6px} .sns-container .bod-view-sns, .brand .bod-view-sns {position:absolute;right:15px;} .brand .mob, .intro .masthead .mob, .amway-theme .mob-image {display:block !important;} .brand .pc, .intro .masthead .pc, .amway-theme .pc-image {display:none;} .brand .full-component {margin:0 -15px;height:auto;width:auto;} .brand .owl-nav .owl-prev {left:0px;} .brand .owl-nav .owl-next {right:0px;} .brand-board {padding:25px 0 0;} /* 한국암웨이 */ .brand .about .img-text-row-box-wrap .list-style-info {margin-top:-15px;} .brand .about .img-text-row-box-wrap .list-style-info strong {display:table-cell;width:100px;} .brand .about .img-text-row-box-wrap .list-style-info span {margin-top:0;} .brand-cont1 {margin:0 -15px 40px; padding:25px 15px;font-size:14px;} .brand .value [class*="box-bnr"] .txt-wrap p {display:block;} .brand .value .panel-heading+.panel-collapse>.panel-body {padding:0 30px 30px;} .brand .value .akl-toggle-wrap .panel-body .title-h6 {font-size:14px !important;line-height:1.3;} .brand .value [class*="img-text-row-box-type"] div {width:100% !important;} .brand .value [class*="img-text-row-box-type"] div + div {margin-top:15px;} .akl .nonepointer .news-result-item-text {text-align:left;} .akl .nonepointer .news-result-item-text span {font-size:14px;font-weight:400;} .brand .process .title-h5 {font-size:16px !important;} .brand .title-h6 {line-height:1.2;} .brand .title-h6.mob-ml15 { margin-left: 15px} /* 부산 아시아 물류 허브 센터 */ .hubcenter .ui-snap-big {height:auto; width:100%; margin:20px auto;} .hubcenter .ui-snap-big li {height:auto !important;} .hubcenter .image-gallery.js-gallery img {width:100%;} .hubcenter .product-recentlyviewed__imagelist {max-width:100%;margin:auto;} .hubcenter #uiPrdViewDetail .owl-item button.ui-snap-btn {margin:0 9px;} /* 연혁 */ .timeline {border-bottom:0;margin-bottom:0;padding:0;height:auto;} .timeline .timelineWrap {margin:0 auto;} .timeline .slideBox {padding:0 7%;margin:30px auto 0;text-align:left;} .timeline .slideBox .slide-text, .timeline .slideBox .slide-img {display:table;width:100%;padding:0;font-size:16px;} .timeline .slideBox .slide-text h1, .timeline .slideBox .slide-img h1 {font-size:36px;font-weight:600;} .timeline .slideBox .slide-text .mob, .timeline .slideBox .slide-img .mob {display:block;} .timeline .slideBox .slide-text .pc, .timeline .slideBox .slide-img .pc {display:none;} .timeline .owl-dots {height:0;margin:0;padding:0;overflow:hidden;} .timeline .owl-dots .owl-dot {display:nonel;} .timeline .owl-theme .owl-controls .owl-nav .owl-prev {left:0;} .timeline .owl-theme .owl-controls .owl-nav .owl-next {right:0;} .history .content-row article .cont-type1 figcaption{text-align:left;} /* 암웨이소개 홈 */ .amway-theme .masthead img.mob {max-height:375px;} .amway-theme .masthead .banner_wrapper {padding:0 20px;margin:0 auto;text-align:center;} .amway-theme .masthead .banner_wrapper h1 {margin:0 auto 15px;font-size:32px;line-height:1;font-weight:500;} .amway-theme .masthead .banner_wrapper .text {display:none;} .amway-theme .masthead .banner_wrapper .banner-more {margin:0;padding:5px 20px;float:none;display:inline-block;} .amway-theme .masthead .banner_wrapper .primary-link {display: block;margin-top: 0;} .amway-theme .experience-brands .masthead {margin-top:1em;} .amway-theme .experience-brands .masthead img {width:75%;margin:0 auto;} .amway-theme .experience-brands .masthead .banner_wrapper {position:relative;top:auto;left:auto;width:100%;text-align:center;-webkit-transform:none;transform:none;margin:1em 0;} .amway-theme .experience-brands .masthead .banner_wrapper h1 {word-wrap:break-word;width:100%;font-size:28px;font-weight:600;} .amway-theme .experience-brands.pullRight .masthead .banner_wrapper {-webkit-transform:none;transform:none;} .amway-theme .intro .experience-brands.pullLeft .masthead .banner_wrapper {padding-left:20px;} #about-amway .content-article-bottom {margin-top:30px;padding-top:40px;} #about-amway .content-row.col4 {margin:15px 0 0;} #about-amway .content-row.col4 article{width:100%;margin:30px 0 0;padding:0;} .amway-theme .intro .bt-akl-blue {height:40px;line-height:39px;padding:0 30px} .intro .masthead { width:auto; margin:0 -15px;} .akl .amway-theme .intro .bt-akl-blue {background:#002f5f;color:#fff;} .akl .intro .category-success-story .item-content-wrap .banner-title {margin-bottom:30px;} .intro .masthead.visual .banner_wrapper .text {display:block;word-break:keep-all;} /* 190220_수정 암웨이 소개 단어 단위 줄바꿈 */ .brand [class*="history"] .box-bnr-fw01 {background:none;height:auto;} /* XS 에너지 서브 */ .xs_subpage {margin:0 -15px;} /* owl */ .xs_subpage .owl-carousel {padding:0;} .xs_subpage.drink .owl-dots {top:auto;bottom:3%;} .xs_subpage .owl-nav {display:none;} [class*='sub-cont'] {float:none;width:100%;} .sub-cont1 .item {background-size:auto 100%;} .brand [class*='sub'] [class*="box-bnr"] {height:375px;background:none;} .brand [class*='sub'] .box-bnr-fw03 img{ height:100%} /* 배경 */ .whatisxs .sub-cont1 .item {height:783px;background-image:url('/_ui/responsive/theme-blue/images/akl_brand/xs_energy/cont1_bg_01_mob.jpg');background-size:auto 100%;} .drink .sub-cont1 .item {height:740px; background-image:url('/_ui/responsive/theme-blue/images/akl_brand/xs_energy/cont1_bg_05_mob.jpg');} .drink .sub-cont1 .item.drink3, .drink .sub-cont1 .item.drink4 {height:776px; background-size:100% auto; background-image:url('/_ui/responsive/theme-blue/images/akl_brand/xs_energy/cont1_bg_06_mob.jpg');} .bar .sub-cont1 .item {height:635px;background-image:url('/_ui/responsive/theme-blue/images/akl_brand/xs_energy/cont1_bg_07_mob.jpg');} .gum .sub-cont1 .item {height:757px;background-image:url('/_ui/responsive/theme-blue/images/akl_brand/xs_energy/cont1_bg_08_mob.jpg');} .cereal .sub-cont1 .item {height:670px;background-image:url('/_ui/responsive/theme-blue/images/akl_brand/xs_energy/bg_xs_cereal_mob.jpg'); background-size:auto 100%; background-position:70% 0} .candy .sub-cont1 .item {height:640px;background-image:url('/_ui/responsive/theme-blue/images/akl_brand/xs_energy/cont1_bg_10_mob.jpg');} .nuts .sub-cont1 .item {height:630px;background-image:url('/_ui/responsive/theme-blue/images/akl_brand/xs_energy/cont1_bg_11_mob.jpg');} .chip .sub-cont1 .item {height:693px;background-image:url('/_ui/responsive/theme-blue/images/akl_brand/xs_energy/cont1_bg_12_mob.jpg');} .sub-cont1 .txt-wrap {padding:50px 30px;} .sub-cont1 .txt-wrap p:nth-of-type(1) {margin-bottom:20px;height:15px;} .sub-cont1 .txt-wrap p:nth-of-type(1) img {height:100%;} .sub-cont1 .txt-wrap p:nth-of-type(2) {font-size:16px;} .sub-cont1 .txt-wrap h3 {font-size:36px;margin:10px 0 20px;} .sub-cont1 .txt-wrap p:nth-of-type(3) {font-size:14px;} .sub-cont1 .txt-wrap p:nth-of-type(4) {margin:30px 0;} .sub-cont1 .txt-wrap p .bt-akl-blue {font-size:14px;height:40px;line-height:39px;padding:0 30px } .sub-cont1 .img-wrap {width:100%;top:auto;left:0;bottom:6%;-webkit-transform:none !important;transform:none !important;} .sub-cont1 .img-wrap img {width:50%;margin:auto;} .sub-cont1 .txt-wrap .ex-wrap {margin:0 -10px; overflow:hidden;} .sub-cont1 .txt-wrap .ex-wrap span {float:left; width:25%; margin:0 0 20px; font-size:11px; letter-spacing:0;} .sub-cont1 .drink3 .txt-wrap .ex-wrap span, .sub-cont1 .drink4 .txt-wrap .ex-wrap span {width:20%;} .sub-cont2 .ex-wrap2 .tit {margin:0;} .sub-cont2 .bg {height:395px;background:#e3e3e3 url('/_ui/responsive/theme-blue/images/akl_brand/xs_energy/bg_mob.jpg') no-repeat 100% 100%;background-size:auto 395px;} .sub-cont2 .bg:before {left:0;top:0;width:100%;height:100%;background-position:0 0;background-repeat:no-repeat;background-size:90px auto;} /* 라벨배경*/ .sub-cont2.instagram .bg {height:auto;} .sub-cont2 .drink1 .bg:before {background-image:url('/_ui/responsive/theme-blue/images/akl_brand/xs_energy/bg_icon1.png') ;} .sub-cont2 .drink2 .bg:before {background-image:url('/_ui/responsive/theme-blue/images/akl_brand/xs_energy/bg_icon2.png');} .sub-cont2 .drink3 .bg:before {background-image:url('/_ui/responsive/theme-blue/images/akl_brand/xs_energy/bg_icon3.png');} .sub-cont2 .drink4 .bg:before {background-image:url('/_ui/responsive/theme-blue/images/akl_brand/xs_energy/bg_icon4.png');} .bar .sub-cont2 .bg:before {background-image:url('/_ui/responsive/theme-blue/images/akl_brand/xs_energy/bg_icon5.png');} .cereal .sub-cont2 .bg:before {background-image:url('/_ui/responsive/theme-blue/images/akl_brand/xs_energy/bg_icon6.png');} .candy .sub-cont2 .bg:before {background-image:url('/_ui/responsive/theme-blue/images/akl_brand/xs_energy/bg_icon7.png');} .nuts .sub-cont2 .bg:before, .chip .sub-cont2 .bg:before {background-image:url('/_ui/responsive/theme-blue/images/akl_brand/xs_energy/bg_icon8.png');} .ex-wrap2 .icon-wrap {width:100%;margin:0 auto;} .ex-wrap2 .tit {font-size:16px; letter-spacing:normal} .ex-wrap2 .icon-wrap span {margin:20px 0 0;padding-top:90px;width:40%;font-size:14px;line-height:1.2;} .txt-wrap2 h3 {margin:0;font-size:36px !important;left:40px !important;} .xs_subpage .owl-carousel .item .bg img.pc {display:none;} .xs_subpage .owl-carousel .item .video-btn img {width:80px;height:80px;} /* what is xs */ .whatisxs .sub-cont1 .item:before, .whatisxs .sub-cont1 .item:after {width:100%;height:100px;background-size:110px auto;} .whatisxs .sub-cont1 .txt-wrap {padding:20px 30px;} .whatisxs .sub-cont1 .txt-wrap h3 {margin:0;padding-top:30px;} .whatisxs .sub-cont1 .txt-wrap p:nth-of-type(1) {height:auto;} .whatisxs .sub-cont1 .txt-wrap p {font-size:14px;margin:10px 0 0;} .whatisxs .sub-cont1 .img-wrap img {width:80% !important;} /* 드링크 */ .drink [class*='sub-cont'] {-webkit-transform:none !important;transform:none !important;position:relative !important;} .drink .sub-cont1 .img-wrap {padding-right:20px} .drink .sub-cont1 .img-wrap img {width:auto; height:230px} .drink .ex-wrap2 .icon-wrap span {width:29%;} /* #topCarousel_xs , #subCarousel_xs */ .multiCarousel .sub-insta {position:static; width:100%; display:block;} .multiCarousel .xsDrink-img-box.type-need .bg {height:395px;} .sub-carousel {display:block;} .sub-carousel>.tr {display:block;} .sub-carousel .td {display:block; padding:0;} .sub-carousel .sizeWide, .sub-carousel .sizeSmall {width:100%;} .sub-carousel .bg {height:auto} .multiCarousel .sub-carousel .td {display: block;} .multiCarousel .sub-carousel .sizeWide, .multiCarousel .sub-carousel .sizeSmall {width:100%;} /* 바*/ .bar .sub-cont1 .img-wrap img {width:55%;} /* 시리얼 */ .cereal .sub-cont1 .img-wrap img {width:62%;} /* 너츠 */ .nuts .sub-cont1 .img-wrap img {width:60%;} /* 칩 */ .chip .sub-cont1 .img-wrap img {width:55%;} /* -------- 제품소개 아티스트리 배너 -------- */ .brand .brand-artisti-banner { height:auto; min-height:350px; width:auto; display:block; overflow:hidden; margin:20px 15px !important; } .brand .brand-artisti-banner a { display:block;} .brand .brand-artisti-banner a p { height:auto; width:auto; padding:0; text-align:right;display:block; } .brand .brand-artisti-banner a dl {display:block; height:auto; padding-top:0; position:relative;z-index:2 } .brand .brand-artisti-banner a dl dt { padding:20px 20px 0; font-size:22px; } .brand .brand-artisti-banner a dl dt span{ display:block; font-size:16px;} .brand .brand-artisti-banner a dl dd { padding:0 20px; font-size:12px; margin-top:10px; } .brand .brand-artisti-banner a dl dd span {display:block; } .brand .brand-artisti-banner a dl dd .break-mob {display:block;font-size:12px;} .brand .brand-artisti-banner.type09 a dl dd {color:#eee;} .brand .brand-artisti-banner.type01 {background: url(/_ui/responsive/theme-blue/images/akl_brand/artistry/banner/bg_01.jpg) no-repeat 65% top;background-size: cover;} .brand .brand-artisti-banner.type03 {background: url(/_ui/responsive/theme-blue/images/akl_brand/artistry/banner/bg_03.jpg) no-repeat 50% top; background-size: cover;} .brand .brand-artisti-banner.type04 { background: url(/_ui/responsive/theme-blue/images/akl_brand/artistry/banner/bg_04.jpg) no-repeat 74% top;background-size: cover;} .brand .brand-artisti-banner.type05 { background:url(/_ui/responsive/theme-blue/images/akl_brand/artistry/banner/bg_05.jpg) no-repeat 80% top; background-size:cover } .brand .brand-artisti-banner.type11 {background: url(/_ui/responsive/theme-blue/images/akl_brand/artistry/banner/bg_11.jpg) no-repeat 77% top; background-size:cover} .brand .brand-artisti-banner.type14 {background: url(/_ui/responsive/theme-blue/images/akl_brand/artistry/banner/bg_14.jpg) no-repeat 50% top;background-size: cover;} .brand .brand-artisti-banner.type15 {background: url(/_ui/responsive/theme-blue/images/akl_brand/artistry/banner/bg_15.jpg) no-repeat 40% top;background-size: cover;} .brand .brand-artisti-banner.type19 {background: url(/_ui/responsive/theme-blue/images/akl_brand/artistry/banner/bg_19.jpg) no-repeat 65% top;background-size: cover;} .brand .brand-artisti-banner.type20 {background: url(/_ui/responsive/theme-blue/images/akl_brand/artistry/banner/bg_20.jpg) no-repeat left top;background-size: cover;} .brand .brand-artisti-banner.type21 { background:url(/_ui/responsive/theme-blue/images/akl_brand/artistry/banner/bg_21.jpg) no-repeat 50% top; background-size:cover } .brand .brand-artisti-banner a p img { display:block; position:absolute; bottom:30px; right:20px; width:60%; z-index:1} .brand .brand-artisti-banner.type01 a p img { height:auto; bottom:10px; right:30px; width:42%;}/* 시그니처 셀렉트 */ .brand .brand-artisti-banner.type02 a p img { height:auto; bottom:-5px; right:-15px; width:60%;}/* 수프림 엘엑스 */ .brand .brand-artisti-banner.type03 a p img { height:auto; bottom:20px; right:35px; width:48%;}/* 인텐시브 */ .brand .brand-artisti-banner.type04 a p img { height:auto; bottom:15px; right:35px; width:42%;}/* 유스 익스텐드 울트라 */ .brand .brand-artisti-banner.type05 a p img { height:auto; bottom:20px; right:35px; width:35%;}/* 유스 익스텐드 */ .brand .brand-artisti-banner.type06 a p img { height:auto; bottom:20px; right:25px; width:45%;}/* 아이디얼 래디언스 */ .brand .brand-artisti-banner.type07 a p img { height:auto; bottom:20px; right:35px; width:45%;}/* 하이드라- 브이 */ .brand .brand-artisti-banner.type08 a p img { height:auto; bottom:20px; right:30px; width:45%;}/* 스페셜 케어 */ .brand .brand-artisti-banner.type09 a p img { height:auto; bottom:20px; right:15px; width:50%;}/* 아티스트리 맨 */ .brand .brand-artisti-banner.type10 a p img { height:auto; bottom:20px; right:35px; width:50%;}/* 에센셜 바이 아티스트리 */ .brand .brand-artisti-banner.type11 a p img { height:auto; bottom:20px; right:35px; width:50%;}/* 파운데이션 */ .brand .brand-artisti-banner.type12 a p img { height:auto; bottom:0px; right:30px; width:55%;}/* 파우더 */ .brand .brand-artisti-banner.type13 a p img { height:auto; bottom:25px; right:20px; width:45%;}/* 파운데이션 베이스 */ .brand .brand-artisti-banner.type14 a p img { height:auto; bottom:25px; right:20px; width:45%;}/* 컨실러 */ .brand .brand-artisti-banner.type15 a p img { height:auto; bottom:15px; right:30px; width:45%;}/* 립 */ .brand .brand-artisti-banner.type16 a p img { height:auto; bottom:20px; right:35px; width:45%;}/* 아이 */ .brand .brand-artisti-banner.type17 a p img { height:auto; bottom:15px; right:25px; width:50%;}/* 치크 */ .brand .brand-artisti-banner.type18 a p img { height:auto; bottom:20px; right:25px; width:50%;}/* 아티스트리 스튜디오 */ .brand .brand-artisti-banner.type19 a p img { height:auto; bottom:20px; right:30px; width:50%;}/* 화장품 보조용품 */ .brand .brand-artisti-banner.type20 a p img { height:auto; bottom:10px; right:-10px; width:50%;}/* 플로라 시크 */ .brand .brand-artisti-banner.type21 a p img { height:auto; bottom:20px; right:25px; width:25%;}/* 아티스트리맨 언노운 */ } @media (max-width:414px) { .brand .brand-artisti-banner { min-height:250px;} } .brand .txt-c {text-align:center;} .brand .bod-view-sns {z-index:10;padding-top: 5px;} .view-m {display:none;} .brand .img-bnr-bg.type3 .tablet {display:none;} [class*="br-box-cont"] .title-h5 {letter-spacing:-1px;} [class*="br-box-cont"] .title-h6 {letter-spacing:-1px;color:#002f5f;} [class*="br-box-cont"] .title-h6 strong {font-weight:700;} .br-box-cont-hr {display:block; margin-top:40px !important; padding-top:40px !important; border-top:1px solid #dadada;} .brand [class*="br-box-cont"] .img-bnr {margin:20px 0 35px;} .brand [class*="br-box-cont"] ul + .img-bnr {margin:10px 0 35px;} .full-component.br-box-cont-hr .img-bnr {margin:0;} .brand .br-box-cont-hr .content-row {margin-top:0;} .brand .outer-border-bottom + .content-row, .brand .outer-border-bottom + .hidden + .full-component.mgt35 {margin-top:40px !important;} .brand .br-box-cont-hr .img-text-row-box-type1:nth-of-type(1) {margin-top:0;} .brand .outer-border-bottom + .br-btn-tab {margin-top:-10px} .img-bnr {position:relative;margin:35px 0 45px;} .img-bnr img {width:100%;} .img-bnr-bg {margin:35px 0 45px;padding:40px;overflow:hidden;background:#f4f4f4;text-align:center;} .img-bnr-bg img {max-width:100%;} .cart-popup__item-info p + .img-bnr {margin:20px 0 25px;} .cart-popup__item-info .img-bnr {margin-top:0;} .brand .numList {margin-top:12px;} .brand .numList > li {line-height:23px;padding-left:10px;text-indent:-10px;} .brand .numList > li li {font-weight:normal;text-indent:0} .brand .title-txt01 {font-size:16px;letter-spacing:-1px;font-weight:500;color:#002f5f;} .brand .title-txt02, .layerWrapper .title-txt02 {font-size:16px;letter-spacing:-1px;font-weight:500;color:#55565a;} .brand .title-txt03, .layerWrapper .title-txt03 {font-size:14px;letter-spacing:-1px;font-weight:500;color:#002f5f;} .brand .title-txt04, .layerWrapper .title-txt04 {display:block;margin:30px 0 15px;font-size:18px;letter-spacing:-1px;font-weight:500;color:#002f5f;} .brand h2.title-h4 {color:#55565a;} .layerWrapper p + .title-txt02 {display:block;margin-top:30px;} .team-player-box {overflow:hidden;} .team-player-box .team-tit {float:right;padding-left:12px;width:50%;margin-top:0;font-size:34px;letter-spacing:-2px;color:#002F5F;line-height:100%;font-weight:500;} .team-player-box > div {float:left;width:50%;padding-right:12px;text-align:right;} .team-player-box > div img {width:100%;max-width:588px;} .team-player-box dl {float:right;padding-left:12px;width:50%;} .team-player-box dt {margin:25px 0 12px;font-size:16px;line-height:24px;color:#002f5f;} .team-player-box dt:first-child {margin-top:0;} .team-player-box dd {letter-spacing:-1px;line-height:24px;} .lay-box-2 {overflow:hidden;margin:35px -12px 0;} .lay-box-2 > div {position:relative;float:left;width:50%;padding:0 12px;} .lay-box-2 > div img {vertical-align:top;width:100%;} .lay-box-4 {overflow:hidden;margin:20px -12px -15px;} .lay-box-4 li {position:relative;float:left;width:25%;padding:15px 12px;} .lay-box-4 li > img {vertical-align:top;width:100%;} .brand .lay-box-pdt {width:100%;max-width:100%;margin:40px auto 0;padding:0 50px;text-align:center;} .lay-box-pdt .owl-item a {display:inline-block;} .lay-box-pdt .owl-item img { display:inline-block; width:auto; height:100%;max-height:150px;} .lay-box-pdt p {margin:20px 0 0 0!important;font-weight:500;color:#002f5f;} .lay-box-team {overflow:hidden;margin:15px -12px -15px;} .lay-box-team li {float:left;position:relative;width:25%;padding:20px 12px;} .lay-box-team li > a {display:block;border:1px solid #f4f4f4;height:100%;text-align:center;} .lay-box-team li > a img {width:auto;max-width:100%;} .lay-box-team li > a p {background:#f4f4f4;margin:0 !important;padding:20px;min-height:82px;font-weight:500;color:#002f5f;font-size:16px;text-align:left;} .lay-box-col3 {overflow:hidden;margin:25px -12px -15px;} .lay-box-col3 li {float:left;position:relative;width:calc(33.333% - 24px);margin:0 12px 20px;display:block;border:1px solid #f4f4f4;text-align:center;} .lay-box-col3 li > div {height:100%;background:#f4f4f4;} .lay-box-col3 li .img {display:block;background:#fff;padding:30px 20px 0;} .lay-box-col3 li .img img {width:auto;max-width:100%;} .lay-box-col3 li .txt-bx {padding:15px 15px 15px;color:#002f5f;font-size:16px;text-align:left;} .lay-box-col3 li .txt-bx p {margin:0 !important;} .lay-box-col3 li .txt-bx strong {font-size:18px;} .brand .lay-box-2 .plp-item-label {position:absolute;height:25px;} .brand .lay-box-2 .plp-item-label:after {right:-7px;top:0;width:0;height:0;border:1px solid #008fc5;border-width:25px 7px 0 0;} .brand .lay-box-2 .plp-item-label.bg-blue:after {border-color:#008fc5 transparent transparent #008fc5;} .brand .lay-box-2 .plp-item-label.bg-green:after {border-color:#20893d transparent transparent #20893d;} .brand .lay-box-2 .plp-item-label.bg-red:after {border-color:#e11e45 transparent transparent #e11e45;} .brand .lay-box-2 .plp-item-label.bg-gray {background:#56565a;} .brand .lay-box-2 .plp-item-label.bg-gray:after {border-color:#56565a transparent transparent #56565a;} [class*="img-text-row-box-type"] .list-style-info {margin-top:6%;} .list-style-info {position:relative;margin-top:20px;} .list-style-info li {position:relative;display:table;margin-top:15px;} .list-style-info li strong {display:table-cell;width:150px;color:#002f5f;vertical-align:top;} .list-style-info li span {display:table-cell;vertical-align:top;} .list-style-info2 > li, p.list-style-info2, dd.list-style-info2 {background:url(../images/akl_common/ico_star.png) no-repeat left 9px;background-size:5px;padding:0 0 4px 10px;font-size:13px;color:#808285;line-height:20px;font-style:italic;} .list-style-info2 > li a, p.txt-italic a {font-size:13px;font-style:normal;font-weight:500;} dd.list-style-info3 {font-size:13px;color:#808285;line-height:20px;font-style:italic;} dd.list-style-info3 sup{margin-right:2px;font-size:10px;} /* 식물영양소 캠페인 */ .content-row article [class*="cont-type"] figcaption + .box-txt-list {margin:0;padding:0 20px 20px;line-height:1.8;} div.box-txt-list .list-type5 {padding:0;} div.box-txt-list .list-type5 li {margin-bottom:8px;} div.box-txt-list .list-type5 li strong {margin:0;} dl.box-txt-list {margin:25px 0 35px;} dl.box-txt-list dd {margin-top:5px;} dl.box-txt-list dd ul {padding:0;} dl.box-txt-list dd ul li {margin-top:10px;padding-bottom:0;} dl.box-txt-list dd + dt {margin-top:30px;} .img-bnr + .txt-italic.bg-n {margin-top:-10px;} .txt-italic.bg-n {padding:0;background:none;} /*Traceability Story*/ .br-box-cont-hr .refund-box {padding:18px 10% 10px;} .br-box-cont-hr .refund-box .title-txt01 {margin-top:40px;} .br-box-cont-hr .refund-box .c-tbl {margin-bottom:60px;} .br-box-cont-hr .refund-box .c-tbl td {height:55px;} .br-box-cont-hr .refund-box .c-tbl td img {width:21px;} /***** 미디어 라이브러리 *****/ /* 미디어 리스트 */ [class*="media-borad-list"] {position:relative;} [class*="media-borad-list"] ul {margin-left:-26px;} [class*="media-borad-list"] ul:after {clear:both;content:'';display:block;} [class*="media-borad-list"] li {float:left;width:25%;box-sizing:border-box;} [class*="media-borad-list"] li:nth-child(10) ~ li {display:none;} [class*="media-borad-list"] li a {display:block;position:relative;margin:0 0 25px 26px;background:#000} [class*="media-borad-list"] li a .view-img {position:relative;overflow:hidden;height:244px} [class*="media-borad-list"] li a .view-img:before {clear:both;content:'';display:block;position:absolute; left:50%; top:50%; z-index:3; margin:-31px 0 0 -31px; width:62px;height:62px;background:url(../images/akl_brand/common/bg_movie_play.png) no-repeat 0 0;background-size:contain;} [class*="media-borad-list"] li a .view-img:after {clear:both;content:'';display:block;position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.5);} [class*="media-borad-list"] li a .view-img img {width:100%;height:100%;} [class*="media-borad-list"] li a .tag {position:absolute;top:23px;right:20px;padding:0 15px;color:#fff;font-size:13px;border-radius:2px;} [class*="media-borad-list"] li a .tag span {display:inline-block;padding-left:20px;background:url(../images/akl_brand/common/bg_tag_movie.png) no-repeat 0 50%;background-size:13px auto;text-align:center;line-height:28px;font-weight:400;} [class*="media-borad-list"] li a .tit-txt-wrap {position:absolute;bottom:25px;left:0;right:0;color:#fff;padding:0 30px;} [class*="media-borad-list"] li a .tit-txt-wrap strong {display:block;overflow:hidden;font-size:15px;text-overflow:ellipsis;white-space:nowrap;word-wrap:break-word;} [class*="media-borad-list"] li a .tit-txt-wrap p {overflow:hidden;margin:5px 0 0;font-size:14px;text-overflow:ellipsis;white-space:nowrap;word-wrap:break-word;font-weight:300;} [class*="media-borad-list"] li.highlight {width:50%;} [class*="media-borad-list"] li.highlight a .view-img {height:354px} [class*="media-borad-list"] li.highlight a .tag {right:30px;} [class*="media-borad-list"] li.highlight a .tit-txt-wrap {bottom:35px;padding:0 40px;} [class*="media-borad-list"] li.highlight a .tit-txt-wrap strong {font-size:17px;} [class*="media-borad-list"] li.media-more-btn.grid-item {display:block;} [class*="media-borad-list"] li.media-more-btn button {margin:0 0 0 25px;height:85px;width:85px;text-align:center;background:#e11e45;color:#fff;border-radius:5px;} [class*="media-borad-list"] li.media-more-btn button span {display:inline-block;padding:0 0 20px;background:url(../images/akl_brand/common/btn_more_arrow.png) no-repeat 50% bottom;} [class*="media-borad-list-video"].gallery li a .view-img:before {display:none} [class*="media-borad-list-video"] li.typeGallery a .view-img:before {display:none} .media-borad-list-video li a .tag {background-color:#e11e45;} .media-borad-list-video li.highlight .tit-txt-wrap:after {top:-119px;left:30px;width:78px;height:78px;} .media-borad-list-video li a .tag.gallery {background:#002f5f;} .media-borad-list-video li a .tag.gallery span {display:inline-block;padding-left:20px;background:url(../images/akl_brand/common/bg_tag_gallery.png) no-repeat 0 50%;background-size:13px auto;} .media-borad-list-video li a .tag.gallery + .tit-txt-wrap:after {display:none;} .media-borad-list-video.gallery li a .tag {background:#002f5f;} .media-borad-list-video.gallery li a .tag span {display:inline-block;padding-left:20px;background:url(../images/akl_brand/common/bg_tag_gallery.png) no-repeat 0 50%;background-size:13px auto;} /***** 암웨이 소개 *****/ .akl .brand .category-success-story .col-sm-12:nth-of-type(1), .akl .brand .category-success-story .col-sm-6:nth-of-type(1) {padding-right:12px; padding-left:0;} .akl .brand .category-success-story .col-sm-6:nth-of-type(2), .akl .brand .category-success-story .col-sm-12:nth-of-type(2) {padding-right:0; padding-left:12px;} /* 사회공헌 */ .brand [class*="box-bnr"] {position:relative;overflow:hidden;max-height:400px;} .brand [class*="box-bnr"] .txt-wrap {position:absolute;top:50%;left:50%;width:1370px;max-width:100%;padding-left:100px;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);} .brand [class*="box-bnr"] .txt-wrap .txt-right {position:relative;float:right;margin:0 12%;} .brand [class*="box-bnr"] .txt-wrap strong {position:relative;font-size:36px;font-weight:500;color:#002f5f;line-height:44px;} .brand [class*="box-bnr"] .txt-wrap p {margin-top:20px;font-size:16px;font-weight:400;color:#002f5f;letter-spacing:0;line-height:22px;} .brand [class*="box-bnr"] .txt-wrap em {font-style:italic;font-size:36px;font-weight:500;color:#002f5f;letter-spacing:0;vertical-align:bottom;} .brand [class*="box-bnr"] .woo-btn {padding:10px 0 0 0;} .brand [class*="box-bnr"] .txt-wrap .nq-intro-btn{font-size:0;}/* 2019-10-25 추가 */ .brand [class*="box-bnr"] .txt-wrap .nq-intro-btn a{margin-right:5px;}/* 2019-10-25 추가 */ .brand [class*="box-bnr"].quotes .txt-wrap strong:before {position:absolute;left:-45px;top:-5px;display:block;width:35px;height:26px;content:'';background-image:url(../images/quote_upper.png);background-repeat:no-repeat;background-size:contain;} .brand [class*="box-bnr"].quotes .txt-wrap strong:after {position:absolute;right:-55px;bottom:22px;display:block;width:35px;height:26px;content:'';background-image:url(../images/quote_down.png);background-repeat:no-repeat;background-size:contain;} .brand [class*="box-bnr"].quotes02 .txt-wrap div:before {position:absolute;left:-65px;top:8px;display:block;width:50px;height:37px;content:'';background-image:url(../images/quote_upper.png);background-repeat:no-repeat;background-size:contain;} .brand [class*="box-bnr"].quotes02 .txt-wrap div:after {position:absolute;right:-55px;bottom:12px;display:block;width:50px;height:37px;content:'';background-image:url(../images/quote_down.png);background-repeat:no-repeat;background-size:contain;} .brand .box-bnr-02 .txt-wrap p {margin:15px 0 0;} .brand .box-bnr-03 .txt-wrap {padding:0;position:absolute;} .brand .box-bnr-03 .txt-wrap p {font-size:14px;color:#56565a;line-height:24px;font-weight:400;} .brand .box-bnr-03 .txt-wrap p span {display:block;} .brand .box-bnr-04 .txt-wrap strong { } .brand .box-bnr-04 .txt-wrap p {margin:5px 0 15px; line-height:22px;} .brand .box-bnr-04 .txt-wrap p em {display:block;font-size:16px; font-weight:500;font-style:normal;} .brand .box-bnr-05 {margin-top:30px;max-height:300px;} .brand .box-bnr-05 .txt-wrap strong {font-size:34px;} .brand .box-bnr-05 .txt-wrap p {margin:5px 0 15px;color:#56565a;font-weight:500;} .brand .box-bnr-06 .txt-wrap strong {color:#fff;} .brand .box-bnr-06 .txt-wrap span {display:block;} .brand .box-bnr-06 .txt-wrap p {margin-top:15px;color:#fff;font-weight:300;} .brand .box-bnr-07 .txt-wrap strong {color:#fff;line-height:18px;letter-spacing:0;} .brand .box-bnr-07 .txt-wrap span {display:block;} .brand .box-bnr-07 .txt-wrap p {margin-top:15px;color:#fff;font-weight:400;} .brand .box-bnr-08 { max-height:460px} .brand .box-bnr-08 .txt-wrap span {display:block;} .brand .box-bnr-08 .txt-wrap strong {font-size:32px;line-height:40px;} .brand .box-bnr-08 .txt-wrap strong span {font-size:24px;font-weight:400;} .brand .box-bnr-08 .txt-wrap ul {margin-top:10px;} .brand .box-bnr-08 .txt-wrap .list-style-info2 li {font-style:normal;font-size:14px;color:#56565a;} .brand .box-bnr-09 .txt-wrap strong {color:#fff;} .brand .box-bnr-09 .txt-wrap span {display:block;} .brand .box-bnr-09 .txt-wrap p {margin-top:15px;color:#fff;font-weight:300;} .brand .box-bnr-10 .txt-wrap strong {font-size:16px;line-height:18px;letter-spacing:0;} .brand .box-bnr-10 .txt-wrap span {display:block;} .brand .box-bnr-10 .txt-wrap p {margin-top:5px;font-size:14px;color:#56565a;} .brand .box-bnr-10 .txt-wrap p.txt-italic {font-size:13px;color:#808285;padding:0 0 2px 5px;} .brand .box-bnr-10 .txt-wrap .t1 {display:block;line-height:48px;font-size:40px;margin-bottom:15px;} .brand .box-bnr-11 .txt-wrap span {display:block;} .brand .box-bnr-11 .txt-wrap strong {display:block;line-height:48px;font-size:40px;margin-bottom:15px;} .brand .box-bnr-11 .txt-wrap li + li {margin-top:10px;} .brand .box-bnr-12 {margin-bottom:30px;} .brand .box-bnr-12 .txt-wrap strong {color:#fff;} .brand .box-bnr-12 .txt-wrap strong span {display:block;} .brand .box-bnr-12 .txt-wrap p {margin:10px 0 0;font-size:18px;color:#fff;} .brand .box-bnr-13 {background:#f4f4f4;max-height:500px!important;} .brand .box-bnr-13 .txt-wrap .txt-right {margin: 0 6% 0 40%;} .brand .box-bnr-13 .txt-wrap span {display:block;} .brand .box-bnr-13 .txt-wrap strong {font-size:32px;line-height:40px;color:#20893d;} .brand .box-bnr-13 .txt-wrap em {color:#20893d;} .brand .box-bnr-13 .txt-wrap p {margin-top:10px;font-size:14px;color:#55565a;} .brand .box-bnr-13 .txt-wrap dl {margin-top:20px;} .brand .box-bnr-13 .txt-wrap .list-style-info2 {margin-top:5px;font-style:normal;font-size:14px;color:#55565a;} .brand .full-component .box-bnr-13 img { max-width:1200px} .brand .box-bnr-14 {margin-bottom:30px;} .brand .box-bnr-14 .txt-wrap strong {color:#fff;} .brand .box-bnr-14 .txt-wrap strong span {display:block;} .brand .box-bnr-14 .txt-wrap p {margin:5px 0 0;color:#fff;} .brand .box-bnr-15 .txt-wrap strong {font-size:16px;line-height:18px;letter-spacing:0;} .brand .box-bnr-15 .txt-wrap span {display:block;} .brand .box-bnr-15 .txt-wrap p {margin-top:5px;font-size:14px;color:#56565a;} .brand .box-bnr-15 .txt-wrap p.txt-italic {font-size:13px;color:#808285;padding:0 0 2px 5px;} .brand .box-bnr-15 .txt-wrap .t1 {display:block;line-height:48px;font-size:40px;margin-bottom:15px;} .brand .box-bnr-16 .txt-wrap strong {display:block;line-height:48px;font-size:40px;} .brand .box-bnr-16 .txt-wrap span {display:block;} .brand .box-bnr-16 .txt-wrap p {margin:0;font-size:14px;color:#56565a;} .brand .box-bnr-16 .txt-wrap p.txt-italic {font-size:13px;color:#808285;padding:0 0 2px 5px;} .brand .box-bnr-16 .txt-wrap .woo-btn {padding-top:0;margin-top:20px} .brand .box-bnr-16 .txt-wrap .woo-btn a + a {margin-left:5px;} .brand .box-bnr-16 .txt-wrap strong.t1 {font-size:16px;line-height:50px;} /* 암웨이 사업 */ [class*="img-text-row-box-type"]{margin-top:40px;} [class*="img-text-row-box-type"] {overflow:hidden;} [class*="img-text-row-box-type"] div {float:left;width:46%;} [class*="img-text-row-box-type"] div:first-child {width:54%;} [class*="img-text-row-box-type"] div img {width:100%;} [class*="img-text-row-box-type"] dl {margin-top:30px;} [class*="img-text-row-box-type"] dl dt {font-size:16px;color:#002f5f;font-weight:500;} [class*="img-text-row-box-type"] dl dd {margin-top:15px;line-height:24px;} .img-text-row-box-type1 div:nth-of-type(2) {padding-left:40px;} .img-text-row-box-type2 div:nth-of-type(1) {padding-left:40px;} .img-text-row-box-type2 div:first-child {float:right} [class*="img-text-row-box-type"] a.primary-link span {position:absolute;width:100%;height:auto;top:0;left:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.5);margin:0;text-indent:-99999px;} [class*="img-text-row-box-type"] a.primary-link:after {clear:both;content:'';display:block;position:absolute;left:50%;top:50%;width:110px;height:110px;margin:-55px 0 0 -55px;background:url(../images/akl_brand/common/bg_movie_play.png) no-repeat 0 0;background-size:contain;} .biz-slide-wrap {margin:60px 30px 0;width:auto;} .biz-slide-wrap .owl-nav .owl-next {right:-20px;} .biz-slide-wrap .owl-nav .owl-prev {left:-20px;} .biz-slide-wrap .owl-item *:hover{margin:0;-webkit-transform:none !important; transform:none !important; -ms-transform:none !important;} .biz-slide-wrap a.primary-link > span {position:absolute;width:100%;height:auto;top:0;left:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.2);margin:0;text-indent:-99999px;} .biz-slide-wrap a.primary-link > span:after {clear:both;content:'';display:block;position:absolute;left:50%;top:42%;width:56px;height:56px;margin:-28px 0 0 -28px;background:url(../images/akl_brand/common/bg_movie_play.png) no-repeat 0 0;background-size:contain;} .biz-slide-wrap a.primary-link p {position:absolute;bottom:0;left:15px; right:15px; height:45px; color:#fff;z-index:1;font-weight:400;font-size:14px;margin:0;} .biz-slide-wrap a.primary-link p span {display:inline;font-size:14px;text-align:left;font-weight:400;} .biz-slide-wrap.owl-carousel .item img.mob {display:none;} .biz-qna {padding:0 0 0 60px;} .biz-qna dt {position:relative;display:table;min-height:54px;margin-bottom:30px;} .biz-qna span {position:absolute;top:5px;left:-60px;width:44px;height:44px;text-align:center;color:#fff;background:#002f5f;border-radius:100%;font-size:20px;line-height:40px;font-weight:500;letter-spacing:0} .biz-qna div {display:table-cell;padding:10px 20px;vertical-align:middle;font-weight:400;font-size:14px;border-radius:5px;background:#002f5f;color:#fff;line-height:1.5} .biz-qna div:after {display:block;content:"";position:absolute;top:22px;left:-5px;width:10px;height:10px;background-color:#002f5f;transform:rotate(135deg);-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);-moz-transform:rotate(135deg);} .biz-qna dd {position:relative;margin-bottom:30px;min-height:44px;} .biz-qna dd span {background:#56565a;} .biz-qna dd div {background:#f4f4f4;color:#56565a;} .biz-qna dd div:after {background-color:#f4f4f4;} .biz-qna .list-type5 > li:before, p.list-type5:before {background: #5d5d61;border-radius:100%;} /* 글로벌암웨이 190227_수정 */ .akl .brand .img-bnr [class*="global-comp-"] {position:absolute;} .akl .brand .img-bnr [class*="global-comp-"] .btn-tooltip {margin:0;padding:0; width:24px; height:30px;background:url(../images/akl_brand/about/ico_tooltip_a.png) no-repeat;background-size:cover;text-align:center;} .akl .brand .img-bnr [class*="global-comp-"] .btn-tooltip span {position:relative;left:auto;top:-3px;display:block;color:#002f5f;font-size:10px;} .akl .brand .img-bnr [class*="global-comp-"].open {width:40px;height:50px;margin:-20px 0 0 -8px;} .akl .brand .img-bnr [class*="global-comp-"].open .tipCont-wrapper {margin-left:-130px;width:auto !important;max-width:200px !important;} .akl .brand .img-bnr [class*="global-comp-"].open .btn-tooltip {width:40px;height:50px;z-index:3} .akl .brand .img-bnr [class*="global-comp-"].open .btn-tooltip:after {top:55px;left:10px;} .akl .brand .img-bnr [class*="global-comp-"].open .btn-tooltip span {top:-7px;font-size:20px;} .akl .brand .img-bnr [class*="global-comp-"].open .tooltip-content {top:63px;} .akl .brand .img-bnr [class*="global-comp-"].open .tooltip-content > strong {font-size:14px;} .akl .brand .img-bnr [class*="global-comp-"].open .tooltip-content > p {margin:5px 0 0 0;} .akl .brand .img-bnr .global-comp-01 {top:19.25%;left:67.42%;} .akl .brand .img-bnr .global-comp-01 .btn-tooltip {background:url(../images/akl_brand/about/ico_tooltip_b.png) no-repeat;background-size:cover;} .akl .brand .img-bnr .global-comp-02 {top:30.5%;left:62.5%;} .akl .brand .img-bnr .global-comp-03 {top:32.5%;left:70.78%;} .akl .brand .img-bnr .global-comp-04 {top:42.5%;left:68.89%;} .akl .brand .img-bnr .global-comp-05 {top:51%;left:66.27%;} .akl .brand .img-bnr .global-comp-05-1 {top:64.25%;left:74.27%;} .akl .brand .img-bnr .global-comp-05-2 {top:20%;left:63%;} .akl .brand .img-bnr .global-comp-06 {top:17.5%;left:70.93%;} .akl .brand .img-bnr .global-comp-07 {top:43.5%;left:41.56%;} .info-icotype.global {padding:40px 0;margin:40px 0 60px;width:100%;background:#f6f6f6;} .info-icotype.global li {width:25%;line-height:22px;word-break: keep-all;} .info-icotype.global li:before {content:"";display:inline-block;width:58px;height:58px;background-position:50% 50%;background-size:100%;background-repeat:no-repeat} .info-icotype.global li:nth-child(1):before {background-image:url(../images/akl_brand/about/ico_global01.png);} .info-icotype.global li:nth-child(2):before {background-image:url(../images/akl_brand/about/ico_global02.png);} .info-icotype.global li:nth-child(3):before {background-image:url(../images/akl_brand/about/ico_global03.png);} .info-icotype.global li:nth-child(4):before {background-image:url(../images/akl_brand/about/ico_global04.png);} .info-icotype.global li em {margin:10px 0 0;} .info-icotype.global li span {display:block;} .about-founder {position:relative;padding:60px 40px;margin-top:40px;background:#f6f6f6;} .about-founder dl {padding-right:450px} .about-founder dl dt {font-size:22px;font-weight:500;color:#002f5f;} .about-founder dl dd {margin-top:20px;line-height:22px;} .about-founder .img-bnr {position:absolute;top:60px;right:40px;margin:0;} .about-founder .img-bnr img {width:336px;} /* 2019.02.26 추가 */ .about-founder.type2 dl {padding:0;padding-left:450px} .about-founder.type2 .img-bnr {position:absolute;top:60px;left:40px;margin:0;} .full-component.hr {margin-top:30px !important;} .full-component.hr .img-bnr {margin-top:0;} .ico-list-br {margin-top:40px;} .ico-list-br li {position:relative;padding:37px 0 40px 120px;border-top:1px solid #e3e3e3;min-height:167px;} .ico-list-br li:after {position:absolute;left:0;top:40px;content:"";display:inline-block;width:90px;height:90px;background:url(../images/akl_brand/about/ico-list-br.png) no-repeat 0 0;background-size:90px auto;} .ico-list-br li:nth-child(2):after {background-position:0 -165px;} .ico-list-br li:nth-child(3):after {background-position:0 -318px;} .ico-list-br li:nth-child(4):after {background-position:0 -472px;} .ico-list-br li:nth-child(5):after {background-position:0 -638px;} .ico-list-br li:nth-child(6):after {background-position:0 -792px;} .ico-list-br li strong {color:#002f5f;} .ico-list-br li p {line-height:24px;margin:2px 0 0;} /*레이어 팝업*/ .gallery-wrapper {width:100%;} .gallery-wrapper img {max-width:100%;} .gallery-wrapper img + img {margin-top:10px;} .nq-pop-wrap .form-group > label {padding-top:7px;} .nq-pop-wrap .form-group.ty-input-birth .row.form-item-row select {width:90px} .nq-pop-wrap .form-group .unit {display:inline-block;margin:0 10px} .nq-pop-wrap .form-group textarea {width:100%;border: solid 1px #dadada;min-height: 145px;} .nq-pop-wrap .terms-box {padding-top:30px;margin-top:30px;border-top:1px solid #e3e3e3;} .nq-pop-wrap .terms-box .terms-tit {display:block;margin-bottom:10px;font-size:16px;} .nq-pop-wrap .terms-box .terms {margin-top:20px;padding:15px 20px;border:1px solid #e3e3e3;} .nq-pop-wrap .terms-box .terms-radio-box {margin:20px 0;text-align:right;} .nq-pop-wrap .terms-box .terms-radio-box .radio-wrapper {display:inline-block;margin-left: 20px;} /*nq검사결과*/ .nq-pop-wrap .sub-bg-btn-wrap {margin-top:20px;padding:15px 20px 20px;background:#f4f4f4} .nq-pop-wrap .sub-bg-btn-wrap .txte-btn {margin-top:10px;text-align:center;} .nq-pop-wrap .sub-bg-btn-wrap .txte-btn a {margin:10px 10px 0 10px;} /* 191129 선택자 수정 */ .nq-pop-wrap .nq-member-info-box {position:relative;overflow:hidden;background:#f4f4f4;} .nq-pop-wrap .nq-member-info-box:after {content:'';position:absolute;width:100%;height:1px;left:0;top:50%;background:#e3e3e3;} .nq-pop-wrap .nq-member-info-box li {float:left;display:table;padding:25px 30px;width:33.333%;border-left:1px solid #e3e3e3;} .nq-pop-wrap .nq-member-info-box .item01, .nq-pop-wrap .nq-member-info-box .item04 {border-left:none;} .nq-pop-wrap .nq-member-info-box li span {position:relative;padding-left:60px;height:30px;display:table-cell;vertical-align:middle;font-size:16px;letter-spacing:-0.5px;} .nq-pop-wrap .nq-member-info-box li span:after {content:'';position:absolute;width:40px;height:40px;top:50%;left:0;margin-top:-20px;background:url(../images/akl_brand/nutrilite/ico_nq_member_info_box.png) no-repeat 0 0;background-size:cover;} .nq-pop-wrap .nq-member-info-box .item01 span:after {background-position:0 0;} .nq-pop-wrap .nq-member-info-box .item02 span:after {background-position:0 -40px;} .nq-pop-wrap .nq-member-info-box .item03 span:after {background-position:0 -80px;} .nq-pop-wrap .nq-member-info-box .item04 span:after {background-position:0 -120px;} .nq-pop-wrap .nq-member-info-box .item05 span:after {background-position:0 -160px;} .nq-pop-wrap .nq-member-info-box .item06 span:after {background-position:0 -200px;} .nq-pop-wrap .nq-graph-wrap {padding:5px 40px 5px 0;margin:15px 0;background:#f4f4f4;} .nq-pop-wrap .nq-graph-wrap .total-score {margin:15px 0 20px;text-align:center;color:#002f5f;font-weight:500;} .nq-pop-wrap .nq-graph-wrap .total-score .star-score {display:inline-block;margin-left:5px;height:20px;vertical-align:top;} .nq-pop-wrap .nq-graph-wrap .total-score .star-score img {width:16px;height:16px;vertical-align:-2px;} .nq-pop-wrap .nq-graph-wrap .nq-graph-box {margin:15px 0;position:relative;padding-left:85px;} .nq-pop-wrap .nq-graph-wrap .nq-graph-box .tit {position:absolute;width:65px;height:20px;top:0;left:0;text-align:right;font-size:13px;font-weight:500;letter-spacing:-0.5px;line-height: 20px;} .nq-pop-wrap .nq-graph-wrap .nq-graph-box .nq-graph {position:relative;padding-bottom:50px;} .nq-pop-wrap .nq-graph-wrap .nq-graph-box .nq-graph .index {position:absolute;width:100%;top:45px;padding: 0 15px 0 0;display:table;margin:0;padding-top:7px;border-top:1px solid #dadada;} .nq-pop-wrap .nq-graph-wrap .nq-graph-box .nq-graph .index span {position:relative;display:table-cell;width:20%;font-size:13px;} .nq-pop-wrap .nq-graph-wrap .nq-graph-box .nq-graph .index span:after {content:'';position:absolute;width:1px;height:10px;left:6px;top:-17px;background:#dadada;} .nq-pop-wrap .nq-graph-wrap .nq-graph-box .nq-graph .index span:first-child:after {height:15px;top:-22px;left:0;} .nq-pop-wrap .nq-graph-wrap .nq-graph-box .nq-graph .index span:last-child {position:absolute;width:auto;right:0;top:7px;} .nq-pop-wrap .nq-graph-wrap .nq-graph-box .nq-graph .index span:last-child:after {height:15px;top:-22px;left:auto;right:0;} .nq-pop-wrap .nq-graph-wrap .nq-graph-box .nq-graph [class*="score"] {display:block;height:20px;border-radius: 0 10px 10px 0;} .nq-pop-wrap .nq-graph-wrap .nq-graph-box .nq-graph .score01 {background:#002f5f;} .nq-pop-wrap .nq-graph-wrap .nq-graph-box .nq-graph .score02 {background:#20893d;} .nq-pop-wrap .nq-graph-wrap .nq-graph-box .nq-graph .score03 {background:#f99d1c;} .nq-pop-wrap .nq-graph-wrap .nq-graph-box .nq-graph .score04 {background:#731472;} .nq-pop-wrap .nq-graph-wrap .nq-graph-box .nq-graph .score05 {background:#e11e45;} .nq-pop-wrap .img-nq-state, .nq-pop-wrap .img-nq-state02 {display:block;text-align:center;} .nq-pop-wrap .img-nq-state img {width:50px;} .nq-pop-wrap .img-nq-state02 img {width:40px;} .nq-pop-wrap .tbl-txt-r {text-align:right;font-size:13px;color:#808285;font-weight:300;} .nq-pop-wrap .c-tbl .txt-l {text-align:left;} .nq-pop-wrap .table-scroll {min-width:250px;} .nq-pop-wrap .table-scroll table {overflow:hidden; table-layout:fixed;} .nq-pop-wrap .table-scroll table th, .nq-pop-wrap .table-scroll table td {vertical-align:middle;white-space:inherit;} .nq-pop-wrap .table-scroll table .fixed-side {position:relative;box-shadow:3px 5px 10px 0px rgba(0, 0, 0, 0.3);} .nq-pop-wrap .table-scroll .main-table.clone th, .nq-pop-wrap .table-scroll .main-table.clone td {border-color:transparent;} .nq-pop-wrap .table-scroll .main-table.clone .fixed-side {text-align:center;border-color:#e3e3e3;} .nq-pop-wrap .main-table.tbl-type1 th {padding: 10px 13px;line-height:18px;word-break:keep-all;word-wrap: break-word;} .nq-pop-wrap .main-table.tbl-type1 td {padding: 10px 13px;line-height:20px;text-align:center;word-break:keep-all;word-wrap: break-word;} .nq-pop-wrap .main-table.tbl-type1 th, .nq-pop-wrap .main-table.tbl-type1 td {border-right:1px solid #e3e3e3;} .nq-pop-wrap .main-table.tbl-type1 th:last-child, .nq-pop-wrap .main-table.tbl-type1 td:last-child {border-right:none} .nq-pop-wrap .main-table.tbl-type1 tbody tr:nth-of-type(even) {background:none;} .nq-pop-wrap .txt-b {padding-left:18px;text-indent:-18px;} .nq-pop-wrap .bg-color-tbl table th, .nq-pop-wrap .bg-color-tbl table td {vertical-align:middle;white-space:nowrap;} .bg-color-tbl td:nth-child(2) {background:#eafbfe;} .bg-color-tbl td:nth-child(3), .bg-color-tbl td:nth-child(4), .bg-color-tbl td:nth-child(5), .bg-color-tbl td:nth-child(6), .bg-color-tbl td:nth-child(7) {background:#e6ffea;} .bg-color-tbl td:nth-child(8), .bg-color-tbl td:nth-child(9) {background:#fdfde8;} .bg-color-tbl td:nth-child(10), .bg-color-tbl td:nth-child(11) {background:#ffe8ed;} .school-search {overflow:hidden;} .school-search input {width:calc(100% - 170px);display:inline-block;} .school-search .bt-akl-white {width:160px;float:right;} .nq-group-box {padding-top:20px;border-top:1px solid #dadada;margin-top:20px;display:none;} .nq-group-box > .title-txt03 {display:block;margin-bottom:20px;} .school-search-box {overflow:hidden;margin:0 0 20px;} .school-search-box span {display:inline-block;width:calc(100% - 88px);} .school-search-box span select {float:left;width:200px;} .school-search-box span input {float:right;width:calc(100% - 210px)} .school-search-box button {float:right;width:78px;min-width:auto !important;} @media print{ html.scrollLock {height:auto;} html.scrollLock body {height:auto; overflow:visible;} .scrollLock .akl main {display:none;} .akl .layerWrapper.active {position:relative; height:auto !important; padding:0; overflow:visible; ; left:0; margin:0; -webkit-print-color-adjust: exact; print-color-adjust: exact;} .akl .layerWrapper.active * {box-shadow: none !important;} html.scrollLock .akl .layerWrapper.active .cbox.layerBox {position:static; margin:0 !important; height:auto; } .akl .cart-popup__content.payment {overflow:visible; max-height:auto; height:auto;} .cart-popup__item-link {display:none;} .nq-pop-wrap .table-wrapper {height:auto; overflow:visible;} .nq-pop-wrap .nq-member-info-box li {float:left !important; width:33.3% !important; } .nq-pop-wrap .sub-bg-btn-wrap {display:none;} #uiLayerMask {display:none;} } /*채용정보*/ .akl-toggle-wrap.recruit .panel-title {padding:15px 50px 17px 0;} .akl-toggle-wrap.recruit .panel-title .text-uppercase.accordion-header-text {font-size:14px;letter-spacing:0;} .akl-toggle-wrap.recruit .panel-body {padding-left:0;} .recruit-step-wrap {margin-top:40px;padding:60px 7% 20px 3%;background:#f6f6f6;} .recruit-step-wrap > ul:after {content:'';display:block;clear:both;} .recruit-step-wrap > ul > li {float:left;position:relative;width:25%;height:235px;text-align:center;margin-bottom:30px;} .recruit-step-wrap > ul > li:after {content:'';display:inline-block;position:absolute;top:77px;right:-4px;background:url(../images/akl_common/ico_step_arrow.png) no-repeat right center;width:9px;height:16px;} .recruit-step-wrap > ul > li:last-child:after {background:none} .recruit-step-wrap > ul > li div {position:relative;display:inline-block;width:170px;height:170px;padding-top:95px;border-radius:100%;background:#fff;} .recruit-step-wrap > ul > li:nth-of-type(1) div, .recruit-step-wrap > ul > li:nth-of-type(8) div {background:#00b2e2;} .recruit-step-wrap > ul > li:nth-of-type(1) div strong, .recruit-step-wrap > ul > li:nth-of-type(8) div strong, .recruit-step-wrap > ul > li:nth-of-type(1) div span, .recruit-step-wrap > ul > li:nth-of-type(8) div span {color:#fff;} .recruit-step-wrap > ul > li div:after {content:'';display:inline-block;position:absolute;top:30px;left:50%;width:60px;height:60px;margin:0 0 0 -30px;background-size:contain;} .recruit-step-wrap > ul > li:nth-of-type(1) div:after {background-image:url(../images/akl_brand/about/ico_recruit_step01.png);} .recruit-step-wrap > ul > li:nth-of-type(2) div:after {background-image:url(../images/akl_brand/about/ico_recruit_step02.png);} .recruit-step-wrap > ul > li:nth-of-type(3) div:after {background-image:url(../images/akl_brand/about/ico_recruit_step03.png);} .recruit-step-wrap > ul > li:nth-of-type(4) div:after {background-image:url(../images/akl_brand/about/ico_recruit_step04.png);} .recruit-step-wrap > ul > li:nth-of-type(5) div:after {background-image:url(../images/akl_brand/about/ico_recruit_step05.png);} .recruit-step-wrap > ul > li:nth-of-type(6) div:after {background-image:url(../images/akl_brand/about/ico_recruit_step06.png);} .recruit-step-wrap > ul > li:nth-of-type(7) div:after {background-image:url(../images/akl_brand/about/ico_recruit_step07.png);} .recruit-step-wrap > ul > li:nth-of-type(8) div:after {background-image:url(../images/akl_brand/about/ico_recruit_step08.png);} .recruit-step-wrap > ul > li div strong {display:block;font-size:16px;font-weight:500;} .recruit-step-wrap > ul > li div span {font-weight:700;font-size:12px;letter-spacing:0;color:#002f5f;} .recruit-step-wrap > ul > li ul {display:table;margin:7px auto;} .recruit-step-wrap > ul > li ul li {text-align:left;letter-spacing:0;} .br_ico_list {margin-top:40px;border-top:1px solid #e3e3e3;overflow:hidden;} .br_ico_list li {float:left;overflow:hidden;padding:40px 20px 0;border-bottom:1px solid #e3e3e3;width:50%;height:200px;} .br_ico_list li img {float:left;width:107px;} .br_ico_list li dl {float:left;width:calc(100% - 120px);padding-left:40px;} .br_ico_list li dl dt {font-size:16px;color:#002f5f;} .br_ico_list li dl dd {margin-top:10px;} .br_ico_list li strong {float:left;width:calc(100% - 120px);padding-left:40px;font-size:16px;color:#002f5f;} .internship-wrap {overflow:hidden;margin-top:40px;} .internship-wrap .cont-l {position:relative;padding-top:130px;float:left;width:250px;} .internship-wrap .cont-l:before {content:'';display:inline-block;position:absolute;top:0;left:0;width:193px;height:123px;background-image:url(../images/akl_brand/about/bg_internship_wrap_left.jpg);background-size:contain;} .internship-wrap .cont-l .title-h4 {margin-bottom:10px;line-height:30px;color:#002f5f;} .internship-wrap .cont-l p {margin-bottom:0;line-height:24px;} .internship-wrap .cont-l p span {display:block;} .internship-wrap .cont-r {float:left;width:calc(100% - 250px);} .internship-wrap .internship-list {padding-left:7%;} .internship-wrap .internship-list:after {content:'';display:block;clear:both;} .internship-wrap .internship-list li {position:relative;padding-top:20px;width:25%;float:left;margin-bottom:60px;} .internship-wrap .internship-list li:before {position:absolute;content:'';display:block;clear:both;top:5px;left:0;width:100%;height:1px;background:#e3e3e3;} .internship-wrap .internship-list li:after {position:absolute;content:'';display:block;clear:both;top:0;left:0;width:10px;height:10px;border-radius:100%;background:#e3e3e3;} .internship-wrap .internship-list li:last-child:before {display:none;} .internship-wrap .internship-list li img {height:205px;} .internship-wrap .internship-list li strong {display:block;margin-bottom:10px;font-size:20px;color:#002f5f;} .info-icotype.internship {width:100%;padding:30px 0;} .info-icotype.internship li {width:20%;font-size:13px;} .info-icotype.internship li:before {content:"";display:inline-block;width:60px;height:60px;background-position:50% 50%;background-size:100%;background-repeat:no-repeat} .info-icotype.internship li:nth-child(1):before {background-image:url(../images/akl_brand/about/ico_internship01.png);} .info-icotype.internship li:nth-child(2):before {background-image:url(../images/akl_brand/about/ico_internship02.png);} .info-icotype.internship li:nth-child(3):before {background-image:url(../images/akl_brand/about/ico_internship03.png);} .info-icotype.internship li:nth-child(4):before {background-image:url(../images/akl_brand/about/ico_internship04.png);} .info-icotype.internship li:nth-child(5):before {background-image:url(../images/akl_brand/about/ico_internship05.png);} .c-tbl .tbl-type1 th {padding: 10px 13px;line-height:18px;word-break:keep-all;word-wrap: break-word;} .c-tbl .tbl-type1 td {padding: 10px 13px;line-height:20px;text-align:center;word-break:keep-all;word-wrap: break-word;} .c-tbl .tbl-type1 th, .c-tbl .tbl-type1 td {border-right:1px solid #e3e3e3;} .c-tbl .tbl-type1 th:last-child, .c-tbl .tbl-type1 td:last-child {border-right:none} .c-tbl .tbl-type1 tbody tr:nth-of-type(even) {background:none;} .c-tbl .tbl-type1 .list li {position:relative;padding:0 0 0 8px;text-align:left;} .c-tbl .tbl-type1 .list li:after {position:absolute;content:'';display:block;clear:both;top:10px;left:0;width:4px;height:1px;background:#56565a;} .bod-view-sns + .content-row {margin-top:0} .educ-system-box {max-width:630px;margin:0 auto;text-align:left;} .educ-system-box > ul > li {padding:20px 0;border-bottom:1px solid #dadada;} .educ-system-box > ul > li:first-child {padding-top:0;} .educ-system-box > ul > li dl {position:relative;overflow:hidden;padding-left:270px;} .educ-system-box > ul > li dl dt {position:absolute;top:50%;left:0;margin-top:-29px;display:table;width:236px;color:#fff;text-align:center;background:#002f5f;height:58px;border-radius:50px;padding:0 20px;letter-spacing:0;} .educ-system-box > ul > li dl dt:after {content:"";position:absolute;top:50%;right:-50px;width:50px;height:1px;background:#999;} .educ-system-box > ul > li dl dt span {display:table-cell;vertical-align:middle;} .educ-system-box > ul > li dl dd {position:relative;float:left;max-width:360px;width:100%; padding:18px 20px;background:#fff;border:1px solid #dadada;z-index:1;} .educ-system-box > ul > li dl dd ul {padding:0;} .educ-system-box > ul > li .list-style-info2 {margin:15px 0 0;} .educ-system-box .list-style-info2 {margin:15px 0;} .au-box {overflow:hidden;max-width:630px;margin:0 auto;text-align:left;} .au-box li {float:left;display:table;position:relative;padding-left:75px;width:33.333%;height:120px;} .au-box li:after {content:"";position:absolute;margin-top:-58px;top:50%;left:0;width:64px;height:116px;} .au-box li strong {display:table-cell;vertical-align:middle;line-height:22px;padding-right:30px;letter-spacing:0;} .au-box li.type01 {width:100%;margin-bottom:20px} .au-box li.type01:after {background:url(../images/akl_brand/about/bg_au_box01.png) no-repeat 0 0;background-size:cover;} .au-box li.type02:after {background:url(../images/akl_brand/about/bg_au_box02.png) no-repeat 0 0;background-size:cover;} .au-box li.type03:after {background:url(../images/akl_brand/about/bg_au_box03.png) no-repeat 0 0;background-size:cover;} .au-box li.type04:after {background:url(../images/akl_brand/about/bg_au_box04.png) no-repeat 0 0;background-size:cover;} .au-box li.type01 strong {width:20%;color:#6e6b69;} .au-box li.type01 p {display:table-cell;vertical-align:middle;width:80%;margin:0;line-height:22px;letter-spacing: 0;} .au-box li.type02 strong {color:#592c66;} .au-box li.type03 strong {color:#cb3247;} .au-box li.type04 strong {color:#587537;} .benefit-box {position:relative;overflow:hidden;max-width:850px;margin:0 auto;} .benefit-box .tit {position:absolute;top:50%;left:50%;width:32%;height:116px;margin:-54px 0 0 -16%;font-size:16px;padding-top:90px;letter-spacing:0;} .benefit-box .tit:after {content:"";position:absolute;width:80px;height:80px;left:50%;top:0;margin:0 0 0 -40px;background:url(../images/akl_brand/about/bg_benefit_box.png) no-repeat 0 0;background-size:cover;} .benefit-box .tit:before {left:0;top:50%;margin:-18px 0 0 0;content:"";position:absolute;width:100%;height:1px;background:#999;} .benefit-box ul {position:relative;width:34%;} .benefit-box ul:after {top:20px;content:"";position:absolute;width:1px;height:calc(100% - 39px);background:#999;} .benefit-box ul li {position:relative;display:table;width:100%;height:40px;padding:5px 10px;background:#fff;border:2px solid #294f7c;border-radius:50px;margin-top:20px;} .benefit-box ul li:first-child {margin-top:0} .benefit-box ul li:after {top:50%;content:"";position:absolute;width:20px;height:1px;background:#999;} .benefit-box ul li span {display:table-cell;vertical-align:middle;color:#002f5f;font-weight:500;} .benefit-box .list01 {float:left;padding-right:20px;} .benefit-box .list01:after {right:0;} .benefit-box .list01 li:after {right:-22px;} .benefit-box .list02 {float:right;padding-left:20px;} .benefit-box .list02:after {left:0;} .benefit-box .list02 li:after {left:-21px;} @media screen and (min-width:0\0){ .benefit-box .list01 li:after {right:-20px;} .benefit-box .list02 li:after {left:-19px;} .benefit-box ul li {padding:5px 13px 5px 12px;} .nq-pop-wrap .nq-graph-wrap .nq-graph-box .nq-graph .index span:last-child {top:8px;} } /*건강지킴이*/ .btn-health-area {min-height:72px;margin-top:70px;padding-top:11px;background:url(../images/akl_brand/nutrilite/bg_health01.jpg) no-repeat 0 0; text-align:right;} .btn-health-area a {display:inline-block;} .brand .br-btn-tab {margin:30px 0;} .brand .br-btn-tab .tabWrapper:after {display:none;} .brand .br-btn-tab .tabs-toggles {border:none;} .brand .br-btn-tab .tabs-toggles .tab-toggle-wrap {height:40px;margin:0;padding:0 5px 0 0;border:none;background:none;} .brand .br-btn-tab .tabs-toggles .tab-toggle-wrap .tab-toggle {height:40px;padding:0 17px;min-width:auto;border:1px solid #ccc;margin:0;background:#fff;border-radius:30px;} .brand .br-btn-tab .tabs-toggles .tab-toggle-wrap .tab-toggle .toggle-text {letter-spacing:0 ;font-weight:400;line-height:34px;} .brand .br-btn-tab .tabs-toggles .tab-toggle-wrap.active .tab-toggle {margin:0;border:1px solid #008fc5;background:#008fc5;} .brand .br-btn-tab .tabs-toggles .tab-toggle-wrap.active .tab-toggle .toggle-text {color:#fff;} .brand .br-btn-tab .tabs-toggles .tab-toggle-wrap.active .tab-toggle:before {display:none;} .brand .br-btn-tab .tabs-toggles .tab-toggle-wrap.active{border:0 none} /* 190313_추가 탭 겹침 현상 수정 */ .brand .br-btn-tab .tabs-toggles .tab-toggle-wrap:nth-of-type(1){border-left:0 none} /* 190313_추가 탭 겹침 현상 수정 */ /*nq검사하기*/ /* 2019-10-25 수정/추가 */ /*191205:nq_view 영역 조정*/ .nq-test-box {max-width:980px;margin:0 auto;padding-bottom:23px;border-bottom:1px solid #e3e3e3;} .nq-test-box .top-q {font-size:16px;color:#707070;text-align:center;} .nq-test-box .top-q strong {font-weight:400;color:#002f5f;text-decoration:underline;} .nq-test-box .nq-list{display:none;} .nq-test-box .nq-list.current{display:block;} .nq-test-box .nq-list .q-box {padding-top:15px; margin-top:15px; border-top:1px solid #e3e3e3;} .nq-test-box .nq-list .q-box:first-child{border:none; margin:0;} .nq-test-box .nq-list .q-box .num {position:relative; padding:0 10px;font-weight:700;font-size:22px;font-family:Arial;color:#002f5f;text-align:center;line-height:26px;vertical-align:top;} .nq-test-box .nq-list .q-box .num:after{position:absolute; left:0; bottom:0; display:inline-block;content:'';height:10px; width:100%; z-index:-1; background-color:#bcecff;box-sizing:content-box;} .nq-test-box .nq-list .q-box .q-txt p{display:inline-block;padding-left:20px;margin:-3px 0 0;font-weight:500;font-size:22px;color:#222;line-height:32px;vertical-align:top;} .nq-test-box .nq-list .q-box .q-txt p strong {color:#0075a4;} .nq-test-box .nq-list .q-box .list-style-info2 {min-height:45px;margin:10px 0 0 0;padding:12px 14px;border:solid 1px #e3e3e3;} .nq-test-box .nq-list .q-box .list-style-info2 li{padding-left:15px;color:#707070;} .nq-test-box .nq-list .q-box .list-style-info2 li:before {display:inline-block;content:'※';text-indent:-15px;} .nq-test-box .nq-list .q-box .img {position:relative; width:250px; margin:20px auto 5px;} .nq-test-box .nq-list .q-box .img img {width:250px; height:auto;} .nq-test-box .nq-list .q-box .img .box-page{position:absolute;right:-50px;top:0; min-width:80px; height:40px; font-size:16px;font-family:'Arial';color:#707070;text-align:center;line-height:38px;border:solid 2px #0075a4;border-radius:20px 0 20px 20px;background-color: #ffffff;} .nq-test-box .nq-list .q-box .img .box-page strong{font-weight:700;color:#0075a4;} .nq-test-box .nq-list .a-box{margin-top:5px;} .nq-test-box .nq-list .a-box li {display:inline-block;min-width:185px; padding:15px 40px 0 0;} .nq-test-box .nq-list .a-box li label {font-weight:400;font-size:16px;color:#383838;} /*//191205:nq_view 영역 조정*/ .nq-btn{max-width:980px;margin:30px auto 0;font-size:0;text-align:center;} .nq-btn.nq-test-last{margin:30px auto 0;} .brand-contents.nq-exam .nq-btn.nq-test-last .text{margin-bottom:23px;font-weight:400;font-size:20px;color:#222;line-height:60px;} .brand-contents.nq-exam .nq-btn.nq-test-last .text:before{display:inline-block;content:'';width:60px;height:60px;margin-right:14px;vertical-align:middle;background:url('/_ui/responsive/theme-blue/images/akl_brand/nutrilite/img-nq-state01.png') no-repeat 0 0;background-size:100% auto;} .brand-contents.nq-exam [class*="box-bnr"] .txt-wrap{padding-left:80px;} .brand-contents.nq-exam [class*="box-bnr"] .txt-wrap .nq-intro-btn{margin-top:40px;} .brand-contents.nq-exam{padding-bottom:80px;} .nq-btn.nq-test-last .text strong{font-weight:700;color:#0075a4;} .nq-btn.nq-test-last a{width:160px;} .nq-btn:after{display:block;content:'';clear:both;} .nq-btn .nq-btn-left{float:left;} .nq-btn .nq-btn-left a{margin-right:5px;} .nq-btn .nq-btn-right{float:right;} .nq-btn .nq-btn-right a{margin-left:5px;} .nq-btn .btn-arrow-left, .nq-btn .btn-arrow-right{min-width:120px;} .nq-btn .btn-arrow-left:before, .nq-btn .btn-arrow-right:after{display:inline-block;content:'';width:7px;height:12px;background-size:100% 100% !important;} .nq-btn .btn-arrow-left{display:inline-block;background-color:#fff;color:#002F5F;border:1px solid #002F5F; font-size:14px;padding:0 25px;height:40px;line-height:39px;vertical-align:middle;font-weight:500;} .nq-btn .btn-arrow-left:before{margin-right:6px;background:url('../images/icons/arrow_left_blue.png') no-repeat 0 0;} .nq-btn .btn-arrow-left:hover {background:#002F5F; color:#fff;-webkit-transition:background-color 0.3s, color 0.3s; transition:background-color 0.3s, color 0.3s;} .nq-btn .btn-arrow-left:hover:before{background:url('../images/icons/arrow_left_white.png') no-repeat 0 0;} .nq-btn .btn-arrow-left:hover:active:before{background:url('../images/icons/arrow_left_blue.png') no-repeat 0 0;} .nq-btn .btn-arrow-right{display:inline-block;background-color:#002F5F;color:#fff;border:1px solid #002F5F; font-size:14px;padding:0 25px;height:40px;line-height:39px;vertical-align:middle;font-weight:500;} .nq-btn .btn-arrow-right:after{margin-left:6px;background:url('../images/icons/arrow_right_white.png') no-repeat 0 0;} .nq-btn .btn-arrow-right:hover {background:#fff; color:#002F5F;-webkit-transition:background-color 0.3s, color 0.3s; transition:background-color 0.3s, color 0.3s;} .nq-btn .btn-arrow-right:hover:after{background:url('../images/icons/arrow_right_blue.png') no-repeat 0 0;} .nq-btn .bt-akl-white:hover:active, .nq-btn .btn-arrow-left:active, .nq-btn .btn-arrow-right:active{color:#002F5F;filter:grayscale(1);background-color:rgba(0,0,0,.1) !important;} .brand .nq-btn .text {margin:0 0 35px;font-size:16px;font-weight:500;color:#002f5f;} .amway-theme.brand-contents.nq-exam .brand-contents.nq-exam .br-btn-tab{overflow:visible;} .amway-theme.brand-contents.nq-exam .brand-contents.nq-exam .br-btn-tab:after{display:block;content:'';clear:both;} .brand-contents.nq-exam .br-btn-tab .tabs-toggles{display:block;font-size:0;text-align:center;} .brand-contents.nq-exam .br-btn-tab .tabs-toggles .tab-toggle-wrap{display:inline-block;} .brand-contents.nq-exam .br-btn-tab .tab-toggle-wrap .tab-toggle .toggle-text{line-height:40px;} .brand-contents.nq-exam .br-btn-tab .tab-toggle-wrap:last-child{padding-right:0;} .brand-contents.nq-exam .br-btn-tab .tab-toggle-wrap.active .tab-toggle .toggle-text{line-height:38px;} .nq-last-notify{margin:30px 0;text-align:center;} .nq-last-notify strong {display:inline-block;padding:0 10px;font-weight:500;font-size:26px;color:#002f5f;text-align:center;line-height:26px;vertical-align:top;} .nq-last-notify strong:after{display:block;content:'';height:8px;margin:-4px -8px 0;padding:0 5px;background-color:#bcecff;box-sizing:content-box;} .nq-last-notify span{display:block;margin-top:15px;font-size:15px;color:#707070;} .nq-apply-form .table-form{display:table;width:980px;margin:0 auto;border-collapse:collapse;border:1px solid #e3e3e3;} .nq-apply-form .table-form li{display:table-row;width:100%;height:100px;font-weight:400;font-size:16px;color:#56565a;} .nq-apply-form .table-form li .cell-th, .nq-apply-form .table-form li .cell-td{display:table-cell;height:100px;vertical-align:middle;border:1px solid #e3e3e3;} .nq-apply-form .table-form li .cell-th{width:200px;color:#002f5f;background-color:#f4f4f4;} .nq-apply-form .table-form li .cell-td{display:table-cell;width:auto;padding-left:50px;} .nq-apply-form .table-form li .cell-th:before{display:inline-block;content:'';width:40px;height:40px;margin:-1px 17px 0 28px;vertical-align:middle;background:url(../images/akl_brand/nutrilite/ico_nq_member_info_box.png) no-repeat 0 0;background-size:cover;} .nq-apply-form .table-form li .txt-notify{display:inline-block;font-size:14px;color:#808285;letter-spacing:-0.7px;} .nq-apply-form .table-form li .txt-notify:before{display:inline-block;content:'*';margin-right:4px;padding-top:5px;vertical-align:top;line-height:1;} .nq-apply-form .table-form li:first-child .cell-th:before{margin-top:-5px;background-position:0 0;} .nq-apply-form .table-form li:nth-child(2) .cell-th:before{background-position:0 -40px;} .nq-apply-form .table-form li:nth-child(3) .cell-th:before{background-position:0 -80px;} .nq-apply-form .table-form li:nth-child(4) .cell-th:before{background-position:0 -200px;} .nq-apply-form .table-form li:nth-child(4) .txt-notify{margin-left:48px;} .nq-apply-form .table-form li input[type='text']{width:50px;margin-right:8px;} .nq-apply-form .table-form li input[type='text']:first-child{width:70px;} .nq-apply-form .table-form li input[type='text']:first-child+.txt-space{display:inline-block;width:40px;} .nq-apply-form .table-form li:first-child input[type='text']{width:200px;margin-right:40px;} .nq-apply-form .table-form li label{margin-bottom:0;font-weight:normal;font-size:16px;color:#56565a;} .nq-apply-form .table-form .radio-label + .radio-label{margin:0 0 0 40px !important;} .nq-step2{display:none;} /* 2019-11-06 추가 */ .nq-family-list{max-width:980px; margin:0 auto 30px;} .nq-family-list .list-style-info2{min-height:45px;margin:30px 0;padding:12px 14px;border:solid 1px #e3e3e3;} .nq-family-list .list-style-info2 li{padding:0 0 0 15px; color:#707070; font-size:inherit; font-style:normal; background:none;} .nq-family-list .list-style-info2 li:before{display:inline-block;content:'※';text-indent:-15px;} .nq-family-list .a-box{margin-top:40px;} .nq-family-list .a-box:after {display:block;content:'';clear:both;} .nq-family-list .a-box li {float:left;width:33.3%;margin-bottom:17px;} .nq-family-list .a-box li label {font-weight:400;font-size:16px;color:#383838;} .nq-family-list .a-box li.etc label input[type='text']{width:120px;} .nq-family-list .a-box li.etc label span{display:inline-block; margin-top:-10px;} /** 2019-11-06 끝 */ /*// 2019-10-25 수정/추가 */ /* .brand .nq-pop-wrap .apply-form {border-bottom:1px solid #dadada;} .brand .nq-pop-wrap .apply-form .dl-form-group {padding:15px 0 15px;} .brand .nq-pop-wrap .apply-form .dl-form-group .form-group {margin-top:18px;} .brand .nq-pop-wrap .apply-form .dl-form-group.txt:first-child {padding:0 0 35px;border-top:none;} .brand .nq-pop-wrap .apply-form .tit {margin-bottom:35px;} .brand .nq-pop-wrap .apply-form .text-form input {width:calc(100% - 40px)} .brand .nq-pop-wrap .apply-form .text-form div {padding:0;} .brand .nq-pop-wrap .apply-form .list-style-info2 {margin-left:15px;} */ @media (max-width:1024px) { [class*="media-borad-list"] li {width:33.333%;} [class*="media-borad-list"] li.highlight {width:66.666%;} [class*="media-borad-list"] li.two-part {width:66.666%;} /*채용정보*/ .recruit-step-wrap > ul > li {width:33.333%;} .internship-wrap .cont-l {padding-top:150px;float:none;width:100%;} .internship-wrap .cont-l p {font-size:15px;} .internship-wrap .cont-l p span {display:inline;} .internship-wrap .cont-l .title-h4 {font-size:22px;} .internship-wrap .cont-r {float:none;width:100%;} .internship-wrap .internship-list {margin-top:50px;padding:0 5%} .internship-wrap .internship-list li {width:33.333%;} .brand .box-bnr-03 .txt-wrap .txt-right {margin:0 9%;} .brand .box-bnr-13 .txt-wrap .txt-right {margin: 5% 5% 0 43%;} .brand .box-bnr-13 .txt-wrap p span {display:inline;} .brand .img-bnr-bg.type3 .tablet {display:block;} .brand .img-bnr-bg.type3 .pc, .brand .img-bnr-bg.type3 .mob {display:none;} .brand .box-bnr-08 .txt-wrap {padding-left:15px;} .brand .box-bnr-10 .txt-wrap {padding-left:15px;} .brand .box-bnr-11 .txt-wrap {padding-left:15px;} .brand .box-bnr-15 .txt-wrap {padding-left:15px;} .brand .box-bnr-16 .txt-wrap {padding-left:15px;} .about-founder dl {padding-right:380px;} /* 2019.02.26 추가 */ .about-founder.type2 dl {padding-left:380px;} } @media (max-width:944px) { .benefit-box .list01:after {top:27px;height:calc(100% - 46px);} } @media (max-width:768px) { .brand .tbl-list-board.type-tbody-th.type-left .tbody .mob-block>p {text-align:left;} .brand .bod-view-sns {padding-top:0; top: 39px;} .brand .brand-board .bod-view-sns {top:0;} .brand h2.title-h4 {font-size:20px;} .view-m {display:block;} .brand [class*="box-bnr-0"], .brand [class*="box-bnr-1"] {height:auto;max-height:375px;} .brand [class*="box-bnr"] .txt-wrap {margin:0 auto;padding:0 20px;text-align:center;width:100%;} .brand [class*="box-bnr"] .txt-wrap > strong, .brand [class*="box-bnr"] .txt-wrap .txt-right strong, .brand [class*="box-bnr"] .txt-wrap .t1 {font-size:28px;line-height:32px;} .brand [class*="box-bnr"] .txt-wrap p, .brand [class*="box-bnr"] .txt-wrap ul {display:none;margin:5px 0 0;font-size:14px;} .brand [class*="box-bnr"] .txt-wrap .txt-right {margin:0;float:none;display:inline-block;} /* 2019-10-25 */ .brand [class*="box-bnr"] .txt-wrap .nq-intro-btn{margin:30px 0 45px;} .brand [class*="box-bnr"] .txt-wrap .nq-intro-btn a{display:block;margin:10px 0 0;} /*// 2019-10-25 */ .brand [class*="box-bnr"] .woo-btn {margin-top:20px;} .brand [class*="box-bnr"] .woo-btn a {height:40px;line-height:40px;padding:0 10px ;} .brand .box-bnr-03 .txt-wrap {top:25px;left:5px;transform:none;text-align:left;width:95%;} .brand .box-bnr-02 .txt-wrap p, .brand .box-bnr-03 .txt-wrap p, .brand .box-bnr-04 .txt-wrap p, .brand .box-bnr-07 .txt-wrap p, .brand .box-bnr-09 .txt-wrap p, .brand .box-bnr-10 .txt-wrap p, .brand .box-bnr-12 .txt-wrap p, .brand .box-bnr-14 .txt-wrap p, .brand .box-bnr-13 .txt-wrap p, .brand .box-bnr-15 .txt-wrap p, .brand .box-bnr-16 .txt-wrap p, .brand .box-bnr-16 .txt-wrap ul {display:block;} .brand .box-bnr-03 {position:relative; background:#f4f4f4; height:450px; max-height:500px;} .brand .box-bnr-03 img {position:absolute; bottom:0; right:0; height:100%; width:auto} .brand .box-bnr-03 .txt-wrap p span {display:inline;} .brand .box-bnr-04 .txt-wrap strong {color:#002f5f;} .brand .box-bnr-04 .txt-wrap span {display:block;} .brand .box-bnr-04 .txt-wrap p {margin-top:10px;font-size:16px;line-height:25px;} .brand .box-bnr-04 .txt-wrap .woo-btn {margin-top:15px;} .brand .box-bnr-05 .txt-wrap {text-align:left;padding-left:35px;} .brand .box-bnr-05 .txt-wrap strong {font-weight:600;} .brand .box-bnr-05 .txt-wrap span {display:block;} .brand .box-bnr-05 .txt-wrap .woo-btn {margin-top:30px;} .brand [class*="box-bnr"].quotes .txt-wrap strong:before, .brand [class*="box-bnr"].quotes02 .txt-wrap div:before {display:none;} .brand [class*="box-bnr"].quotes .txt-wrap strong:after, .brand [class*="box-bnr"].quotes02 .txt-wrap div:after {display:none;} .brand .box-bnr-07 .txt-wrap p {font-size:16px;margin-top:15px;} .brand .box-bnr-08 { max-height:100%} .brand .box-bnr-08 .txt-wrap {top:50px;left:0;padding: 0 40px;text-align:left;transform:initial;} .brand .box-bnr-08 .txt-wrap strong {font-weight:700;} .brand .box-bnr-08 .txt-wrap strong span {font-size:16px;} .brand .box-bnr-08 img {width:100%;height:auto;margin: 0 auto;} .brand .box-bnr-10 {max-height:750px;padding:20px 0 200px;background:#f4f4f4 url(../images/akl_brand/nutrilite/img_bnr_health_mob01.jpg) no-repeat center bottom;background-size: 375px auto;} .brand .box-bnr-10 .txt-wrap {position:static;text-align:left;transform:initial;} .brand .box-bnr-11 {max-height:750px;padding:20px 20px 210px;background:#f4f4f4 url(../images/akl_brand/nutrilite/img_bnr_kids_nq_mob01_1.jpg) no-repeat center bottom;background-size: 210px auto;}/* 2019-10-25 */ .brand .box-bnr-11 .txt-wrap {position:static;text-align:left;transform:initial;} .brand-contents.nq-exam [class*="box-bnr"] .txt-wrap{padding-left:0;}/* 2019-10-25 */ .brand .box-bnr-11 .txt-wrap ul {display:block;} .brand .box-bnr-11 .txt-wrap ul span {display:inline;} .brand .box-bnr-12 .txt-wrap strong {font-weight:400;} .brand .box-bnr-12 .txt-wrap p {font-size:28px;line-height:32px;margin:0;} .brand .box-bnr-12 .txt-wrap p span {display:block;} .brand .box-bnr-13 .txt-wrap {padding:0 15px 20px;text-align:left;max-height:100%;} .brand .box-bnr-13 .txt-wrap .txt-right {margin:60% 5% 0 5%;} .brand .box-bnr-14 .txt-wrap p {margin-top:15px;font-size:16px;} .brand .box-bnr-15 {max-height:750px;padding:20px 0 200px;background:url(../images/akl_brand/nutrilite/img_bnr_health_mob02.jpg) no-repeat center bottom;background-size: 375px auto;} .brand .box-bnr-15 .txt-wrap {position:static;text-align:left;transform:initial;} .brand .box-bnr-15 .woo-btn {text-align:center;} .brand .box-bnr-16 {max-height:750px;padding:20px 0 220px;background:#f4f4f4 url(../images/akl_brand/nutrilite/img_bnr_nptest_mob01.jpg) no-repeat center bottom;background-size: 375px auto;} .brand .box-bnr-16 .txt-wrap {position:static;text-align:left;transform:initial;} .brand .box-bnr-16 .txt-wrap span {display:inline;} .brand .box-bnr-16 .woo-btn {text-align:center;} .brand .box-bnr-16 .woo-btn a {width:132px;} .img-bnr {margin:20px 0 35px;} .img-bnr-bg {margin:20px 0 35px;padding:30px 10px 15px;} .img-bnr-bg img.mob {display:inline-block !important;max-width:305px;width:100%;} .lay-box-2 {margin:0;display:block;} .lay-box-2 > div {width:100%;float:none;padding:0;margin-top:15px;} .lay-box-4 {margin:-10px -6px -10px;} .lay-box-4 li {width:50%;padding:10px 6px;} .lay-box-team {margin:0 -6px -10px;} .lay-box-team li {padding:10px 6px;width:50%;} .list-style-info li strong {float:none;width:auto;display:block;} .list-style-info li span {float:none;display:block;margin-top:5px;} .lay-box-col3 li {width:auto;float:none} .lay-box-col3 li .img {padding:0;} .lay-box-col3 li .txt-bx {min-height:auto;} .brand h2.title-h4:not(:first-child) {margin:35px 0 10px !important; font-size:20px;} .brand h3.title-h5 {font-size:16px !important;} [class*="media-borad-list"] ul {margin-left:0;} [class*="media-borad-list"] li {width:100%;position:static !important} [class*="media-borad-list"] li.two-part {width:100%;} [class*="media-borad-list"] li a {margin:0 0 20px 0;} [class*="media-borad-list"] li a .view-img {height:61.19vw;} [class*="media-borad-list"] li.highlight a .view-img {height:99.47vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;} [class*="media-borad-list"] li.highlight a .view-img img {width:auto;} [class*="media-borad-list"] li a .tag {top:15px;right:8px;padding:0 12px;} [class*="media-borad-list"] li a .tit-txt-wrap {padding:0 20px;} [class*="media-borad-list"] li a .tit-txt-wrap strong {font-size:17px;} [class*="media-borad-list"] li.highlight {width:100%;} [class*="media-borad-list"] li.highlight a {margin:0 -15px 20px;} [class*="media-borad-list"] li.highlight a .tag {top:20px;right:15px;} [class*="media-borad-list"] li.highlight a .tit-txt-wrap {padding:0 15px;bottom:30px;} [class*="media-borad-list"] li.highlight a .tit-txt-wrap strong {font-size:20px;} [class*="media-borad-list"] li.media-more-btn button {height:44px;width:100%;border-radius:0;margin:0;} [class*="media-borad-list"] li.media-more-btn button span {display:inline-block;padding:0 0 0;background:none;} .media-borad-list-video li a .tit-txt-wrap:after {left:20px;top:-66px;width:48px;height:48px;} .media-borad-list-video li.highlight .tit-txt-wrap:after {top:-92px;left:15px;width:66px;height:66px;} [class*="img-text-row-box-type"] {display:block;margin-top:30px;padding-right:0;} [class*="img-text-row-box-type"] div {float:none;padding-left:0;width:100%;} [class*="img-text-row-box-type"] div:first-child {float:none;width:100%} [class*="img-text-row-box-type"] dl {margin-top:20px;} [class*="img-text-row-box-type"] .list-style-info {margin-top:20px;} [class*="img-text-row-box-type"] a.primary-link:after {width:64px;height:64px;margin:-32px 0 0 -32px;} .info-icotype.global {padding:0 15px;margin:30px 0 0} .info-icotype.global li {width:100%;font-size:14px;padding: 20px 0 20px 80px;} .info-icotype.global li + li {border-top:1px solid #e3e3e3;} .info-icotype.global li:before {width:50px;left:10px;height:50px;background-size:contain;} .info-icotype.global li em {margin:0;} .info-icotype.global li span {display:inline;} .about-founder {padding:30px 20px;} .about-founder dl {padding:0;} .about-founder dl dd {margin-top:10px;} .about-founder .img-bnr {position:static;margin-top:20px;text-align:center;} .about-founder .img-bnr img {width:100%;} /* 2019.02.26 추가 */ .about-founder.type2 {padding:30px 20px;} .about-founder.type2 dl {padding:0;} .about-founder.type2 dl dd {margin-top:10px;} .about-founder.type2 .img-bnr {position:static;margin-top:20px;text-align:center;} .about-founder.type2 .img-bnr img {width:100%;} .br-box-cont-hr {margin-top:30px !important;padding-top:30px !important;} .br-box-cont-hr .list-type5 li {margin-top:10px;} .brand.amway-theme .link-btn {margin:0;} .ico-list-br {margin-top:40px;} .ico-list-br li {padding:20px 0 20px 80px;min-height:100px;} .ico-list-br li:after {position:absolute;left:5px;top:20px;width:60px;height:60px;background:url(../images/akl_brand/about/ico-list-br_mob.png) no-repeat 0 0;background-size:60px auto;} .ico-list-br li:nth-child(2):after {background-position:0 -60px;} .ico-list-br li:nth-child(3):after {background-position:0 -120px;} .ico-list-br li:nth-child(4):after {background-position:0 -180px;} .ico-list-br li:nth-child(5):after {background-position:0 -240px;} .ico-list-br li:nth-child(6):after {background-position:0 -300px;} /*채용정보*/ .recruit-step-wrap {padding:60px 7% 20px 0;} .recruit-step-wrap > ul > li {width:50%;} .internship-wrap .internship-list {display:flex;flex-direction: column-reverse;} .internship-wrap .internship-list li {width:100%;padding:0 0 35px 10%;margin:0;} .internship-wrap {padding-top:20px;} .internship-wrap .internship-list li:before {top:10px;left:6px;width:2px;height:100%;} .internship-wrap .internship-list li:first-child:before {display:none;} .internship-wrap .internship-list li:last-child:before {display:block;} .internship-wrap .internship-list li:after {top:7px;width:15px;height:15px;} .internship-wrap .internship-list li strong {display:inline-block;width:70px;vertical-align:top;font-style:italic;} .internship-wrap .internship-list li img {height:215px;} .info-icotype.internship {overflow:hidden;padding:0 20px;} .info-icotype.internship li {float:left;width:50%;border-bottom:1px solid #e3e3e3;padding:100px 0 30px;text-align:center;} .info-icotype.internship li:last-child {border:none;} .info-icotype li + li {border-top:none;} .info-icotype.internship li:before {top:40px;left:50%;margin:0 0 0 -25px;} .c-tbl table.tbl-type1 thead th {padding:10px 10px;font-size:13px;} .br_ico_list {margin-top:40px;} .br_ico_list li {float:none;width:100%;height:auto;display:block;padding:40px 0;} .br_ico_list li img {float:none;margin-left:30px;} .br_ico_list li dl {float:none;width:100%;padding:0;} .br_ico_list li dl dt {font-size:16px;color:#002f5f;} .br_ico_list li dl dd {margin-top:10px;} .br_ico_list li strong {float:none;display:block;width:100%;padding:0;} .brand .c-tbl table.tbl-type1 td {font-size:14px;} .akl .brand-contents .list-content .news-num{display:none!important;} .akl .brand-contents .list-content .news-subje a { color: #0075a4; font-weight: 700; font-size: 16px; } .akl .brand-contents .list-content .news-date span { font-weight: 400 !important; } dl.box-txt-list {margin:15px 0 20px;} .content-row + p.txt-italic {margin-top:15px;} .kids-playground .img-text-row-box-type1 {margin-top:27px;} .team-player-box .team-tit {float:none;padding-left:0;width:100%;font-weight:400;} .team-player-box > div {float:none;width:100%;padding:0;text-align:center;} .team-player-box > div img {max-width:325px;} .team-player-box dl {float:none;margin-top:30px;padding-left:0;width:100%;} .biz-slide-wrap.owl-carousel .item img.pc {display: none;} .biz-slide-wrap a.primary-link p {width:100%;left:auto;top:auto; bottom:20px;text-align:center;height:66px;font-size:28px;line-height:100%;bottom:auto;top:60%} .biz-slide-wrap a.primary-link p span {display:block;height:auto;line-height:1.2;font-size:28px;text-align:center;} .biz-slide-wrap a.primary-link span:after {top:40%;width:83px;height:83px;margin:-42.5px 0 0 -42.5px} .biz-slide-wrap a.primary-link .view-n {display:none;} .biz-slide-wrap a.primary-link p { font-size:14px; top:80%;text-align:center;} #bizMovie a.primary-link p,#bizMovie02 a.primary-link p {left:0;right:0;} #bizMovie02 a.primary-link p span {font-size:14px!important;display:inline-block;} .educ-system-box {max-width:250px;} .educ-system-box > ul > li {padding:30px 0;} .educ-system-box > ul > li dl {padding-left:0;} .educ-system-box > ul > li dl dt {position:static;width:180px;height:55px;margin:0 auto;font-size:12px;} .educ-system-box > ul > li dl dt:after {top:55px;right:50%;width:1px;height:50px;} .educ-system-box > ul > li dl dd {float:none;max-width:250px;margin:20px auto 0;padding:10px 5px 10px 10px;} .educ-system-box > ul > li dl dd ul li {font-size:11px;background-position:0 7px;} .educ-system-box > ul > li .list-style-info2 {margin-top:10px;} .educ-system-box .list-style-info2 {margin-top:30px;font-size:12px;background-position:0 7px;} .au-box {max-width:305px;padding:0 10px;} .au-box li {float:none;padding-left:50px;width:100%;height:80px;} .au-box li:after {margin-top:-34.5px;top:50%;left:0;width:38px;height:69px;} .au-box li strong {width:100%;padding-right:0;} .au-box li.type01 {min-height:200px} .au-box li.type01 strong {width:100%;vertical-align:top;padding-top:22px} .au-box li.type01 p {display:block;width:100%;position:absolute;left:0;bottom:0; } .au-box li.type01:after {top:0;margin:0;} .benefit-box {max-width:305px;padding-bottom:20px;} .benefit-box .tit {position:static;width:100%;height:110px;margin:0;font-size:14px;padding-top:80px;letter-spacing:0;} .benefit-box .tit:after {width:70px;height:70px;left:50%;top:0;margin:0 0 0 -35px;} .benefit-box .tit:before {display:none;} .benefit-box [class*="list0"] {width:100%;float:none;padding:0;} .benefit-box [class*="list0"]:after {top:-22px;left:50%;right:auto;content:"";position:absolute;width:1px;height:100%;background:#999;z-index:1;} .benefit-box ul li {z-index:10;} .benefit-box ul li:first-child {margin-top:20px} .benefit-box [class*="list0"] li:after {display:none;} /*건강지킴이*/ .btn-health-area {margin-top:40px;padding-top:0;min-height:41px;background:url(../images/akl_brand/nutrilite/bg_health01.jpg) no-repeat 0 0;background-size:72px auto;} .btn-health-area a img {height:41px;} .biz-qna {padding:0 0 0 30px} .biz-qna dt {min-height:45px;margin-bottom:15px;} .biz-qna dd {margin-bottom:15px;} .biz-qna span {top:10px;left:-30px;width:23px;height:23px;font-size:10px;line-height:22px;font-weight:400;} .biz-qna div {padding:10px 15px;border-radius:3px;} .biz-qna div:after {top:16px;left:-2px;} .brand .br-btn-tab:before {display:none;} .brand .br-btn-tab .tabs-toggles {margin:0;} .img-text-row-box-type1 div:nth-of-type(2) {padding-left:0;} .img-text-row-box-type2 div:nth-of-type(1) {padding-left:0;} /*Traceability Story*/ .br-box-cont-hr .refund-box {padding:0 20px 0} .br-box-cont-hr .refund-box .c-tbl {margin-bottom:40px;} .brand .img-bnr-bg.type3 .tablet {display:none;} /*글로벌 암웨이 190227_수정*/ .akl .brand .img-bnr [class*="global-comp-"].type-mob-full {position: absolute;} .akl .brand .img-bnr [class*="global-comp-"].type-mob-full .btn-tooltip {width:20px;height:25px;} .akl .brand .img-bnr [class*="global-comp-"].type-mob-full.open {width:26px;height:32px;margin: -7px 0 0 -2px;} .akl .brand .img-bnr [class*="global-comp-"].type-mob-full.open .btn-tooltip {width:26px;height:32px;} .akl .brand .img-bnr [class*="global-comp-"].type-mob-full.open .tipCont-wrapper {margin-left:-168px;min-width:200px;} .akl .brand .img-bnr [class*="global-comp-"].type-mob-full.open .btn-tooltip:after {top:36px;left:3px;} .akl .brand .img-bnr [class*="global-comp-"].type-mob-full.open .btn-tooltip span {top:-3px;font-size:10px;} .akl .brand .img-bnr [class*="global-comp-"].type-mob-full.open .tooltip-content {top:13px;max-width:198px;} .akl .brand .img-bnr .global-comp-07.type-mob-full.open .tipCont-wrapper {margin-left:-80px;} .akl .brand .img-bnr .global-comp-01 {top:26.2%;left:81%;} .akl .brand .img-bnr .global-comp-02 {top:33.33%;left:72.33%;} .akl .brand .img-bnr .global-comp-03 {top:32.93%;left:85.9%;} .akl .brand .img-bnr .global-comp-04 {top:37.06%;left:81.86%;} .akl .brand .img-bnr .global-comp-05 {top:41.06%;left:78%;} .akl .brand .img-bnr .global-comp-05-1 {top:50.33%;left:91%;} .akl .brand .img-bnr .global-comp-05-2 {top:27.2%;left:73%;} .akl .brand .img-bnr .global-comp-06 {top:24.46%;left:86.73%;} .akl .brand .img-bnr .global-comp-07 {top:38.93%;left:40%;} .biz-slide-wrap {margin:40px -10px 0;padding:0 30px;} .biz-slide-wrap .owl-nav .owl-next {right:0;background-position: 10px 50% !important;} .biz-slide-wrap .owl-nav .owl-prev {left:0;background-position: 10px 50% !important;} /*nq 검사하기*/ /* 2019-10-25 */ .brand-contents.nq-exam{padding-bottom:0;} .brand-contents.nq-exam .outer-border-bottom.br-btn-tab>.tabWrapper{overflow:visible;} .nq-test-box .nq-list .q-box{text-align:center;} .nq-test-box .top-q{margin-bottom:55px;} .nq-test-box .nq-list .q-box .q-txt{display:block;margin-bottom:30px;} .nq-test-box .nq-list .q-box .q-txt p{display:block;margin-top:20px;padding:0;font-size:20px;line-height:1.35;} .nq-test-box .nq-list .q-box .num{display:inline-block;margin-right:0;font-size:32px;line-height:28px;} .nq-test-box .nq-list .q-box .num:after{height:8px;margin-top:-8px;} .nq-test-box .nq-list .q-box .list-style-info2 li{line-height:1.57;} .nq-test-box .nq-list .q-box .img{width:250px;height:250px;margin:0 auto 40px;} .nq-test-box .nq-list .q-box .img img {width:auto;height:250px;} .nq-test-box .nq-list .q-box .img .box-page{min-width:60px;height:30px;line-height:26px;} .nq-test-box .nq-list .a-box{margin:40px 5px 0;} .nq-test-box .nq-list .a-box li{float:none;width:100%;} .nq-last-notify strong{font-size:19px;line-height:19px;} .nq-last-notify strong:after{height:6px;margin:-3px -3px 0;} .nq-last-notify span{font-size:14px;} .nq-btn a{min-width:90px !important;} .nq-btn .btn-arrow-left:hover:before{background:url('../images/icons/arrow_left_blue.png') no-repeat 0 0;} .nq-btn .nq-btn-left .bt-akl-white:hover, .nq-btn .btn-arrow-left:hover{color:#002F5F !important;background-color:#fff !important;} .nq-btn .btn-arrow-right:hover:after{background:url('../images/icons/arrow_right_white.png') no-repeat 0 0;} .nq-btn .btn-arrow-right:hover{color:#fff;background-color:#002F5F;} .nq-btn .btn-arrow-right:hover:active{color:#002F5F;} .nq-btn .btn-arrow-right:hover:active:after{background:url('../images/icons/arrow_right_blue.png') no-repeat 0 0;} .nq-btn .nq-btn-left .bt-akl-white:hover:active,.nq-btn .btn-arrow-left:hover:active, .nq-btn .btn-arrow-right:hover:active{color:#002F5F;background-color:rgba(0,0,0,.1) !important;} .nq-apply-form{margin:0 5px;} .nq-apply-form .table-form{width:100%;} .nq-apply-form .table-form li .cell-th, .nq-apply-form .table-form li .cell-td{display:block;width:100%;border:0;border-top:1px solid #e3e3e3;} .nq-apply-form .table-form li:first-child strong{border-top:0;} .nq-apply-form .table-form li .cell-th{height:62px;padding:14px 19px;} .nq-apply-form .table-form li .cell-th:before{width:34px;height:34px;margin:0 17px 0 0;} .nq-apply-form .table-form li:nth-child(2) .cell-th:before{background-position:0 -34px;} .nq-apply-form .table-form li:nth-child(3) .cell-th:before{background-position:0 -68px;} .nq-apply-form .table-form li:nth-child(4) .cell-th:before{background-position:0 -170px;} .nq-apply-form .table-form li .cell-th>*, .nq-apply-form .table-form li .cell-td>*{display:inline-block;} .nq-apply-form .table-form li .cell-td{height:auto;padding:19px;} .nq-apply-form .table-form li input[type='text']{width:85px;} .nq-apply-form .table-form li input[type='text']:first-child{width:125px;} .nq-apply-form .table-form li:first-child input[type='text']{display:block;width:100%;margin:0 0 10px 0;} .nq-apply-form .table-form li .txt-notify{display:block;width:100%;margin:15px 0 0 !important;padding-left:8px;font-size:12px;line-height:1.42;text-indent:-4px;} /* 2019-11-06 추가 */ .nq-family-list .list-style-info2 li{line-height:1.57;} .nq-family-list .a-box{margin:40px 5px 0;} .nq-family-list .a-box li{float:none;width:100%;} .nq-family-list .a-box li.etc label span{display:inline-block; margin-top:-10px;} .brand-contents.nq-exam .nq-btn.nq-test-last .text:before{display:block;margin:0 auto 16px;} .brand-contents.nq-exam .nq-btn.nq-test-last .text{margin-bottom:32px;font-size:17px;line-height:17px;} .nq-pop-wrap .form-group > label {padding-top:0 !important;} .nq-pop-wrap .nq-member-info-box {overflow:hidden;background:#f4f4f4;} .nq-pop-wrap .nq-member-info-box li {float:none;display:block;padding:15px;width:100%;border:none;border-top:1px solid #e3e3e3;} .nq-pop-wrap .nq-member-info-box .item01 {border-top:none;} .nq-pop-wrap .nq-member-info-box li span {height:34px;padding-left:50px;} .nq-pop-wrap .nq-member-info-box li span:after {width:34px;height:34px;margin-top:-17px;} .nq-pop-wrap .nq-member-info-box .item01 span:after {background-position:0 0;} .nq-pop-wrap .nq-member-info-box .item02 span:after {background-position:0 -34px;} .nq-pop-wrap .nq-member-info-box .item03 span:after {background-position:0 -68px;} .nq-pop-wrap .nq-member-info-box .item04 span:after {background-position:0 -102px;} .nq-pop-wrap .nq-member-info-box .item05 span:after {background-position:0 -136px;} .nq-pop-wrap .nq-member-info-box .item06 span:after {background-position:0 -170px;} .nq-pop-wrap .nq-member-info-box:after {display:none;} .nq-pop-wrap .youth .table-wrapper {white-space:nowrap; overflow-x:auto; overflow-y:scroll; transform:translateX(0) translateY(0); -webkit-overflow-scrolling: auto;} .nq-pop-wrap .table-scroll .table-wrapper {overflow:auto;} .nq-pop-wrap .table-scroll table {min-width:600px;} .nq-pop-wrap .table-scroll .main-table td {text-align:left;} .nq-pop-wrap .table-scroll .main-table td.fixed-side {text-align:center;} .nq-pop-wrap .nq-graph-wrap {padding: 5px 15px 5px 0;} .nq-pop-wrap .nq-graph-wrap .nq-graph-box {padding-left:15px;} .nq-pop-wrap .nq-graph-wrap .nq-graph-box .tit {position:static;display:block;width:auto;text-align:left;margin-bottom:5px;} .nq-pop-wrap .nq-graph-wrap .total-score {margin:15px 0 10px} .nq-pop-wrap .nq-graph-wrap .total-score .star-score {display:block;margin:5px 0 0;} .nq-pop-wrap .nq-graph-wrap .total-score .star-score img {width:19px;height:19px;} .nq-pop-wrap .table-scroll.bg-color-tbl td {text-align:center;} .nq-pop-wrap .table-scroll.bg-color-tbl table {min-width: 1000px;} .school-search-box span {width:100%} .school-search-box span select {width:110px;} .school-search-box span input {width:calc(100% - 120px)} .school-search-box button {margin-top:5px;float:none;width:100%;} } @media (max-width:480px) { /*채용정보*/ .recruit-step-wrap {padding:40px 0 0} .recruit-step-wrap > ul > li {width:100%;float:none;padding-bottom:30px;} .recruit-step-wrap > ul > li:after {top:auto;right:50%;bottom:-10px;;transform:rotate(90deg);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);margin-right:-8px;} .recruit-step-wrap > ul > li:last-child {padding-bottom:15px;} .brand .box-bnr-11 .txt-wrap {padding:0} .brand .box-bnr-13 .txt-wrap {padding:10px 10px 0 15px;} .box-bnr-13 .mob {min-width: 360px;} } @media (max-width:369px) { .amw-radio-wrap.radio-label.m320m0 {width:100%;margin-left:0 !important} } /***** brand-banner *****/ [class*="brand-banner-warp"] {margin:50px 0;position:relative;min-height:600px;word-break:keep-all} /* 190220_수정 단어단위 줄바꿈 브랜드 배너 */ [class*="brand-banner-warp"] h2 {position:absolute;top:53px;right:50px;margin:0;color:#fff;font-size:14px;font-weight:500;letter-spacing:0;} [class*="brand-banner-warp"] h2:after {content:'';clear:both;position:absolute;right:-50px;top:-13px;width:83px;height:4px;} [class*="brand-banner-warp"] .inner {width:1370px;max-width:100%;height:100%;padding:80px 0 60px;text-align:center;color:#fff;} [class*="brand-banner-warp"] .inner > strong {margin:0 20px;display: inline-block;font-size:40px;letter-spacing:-0.5px;} [class*="brand-banner-warp"] .inner > p {margin:17px 0 0;font-size:16px;line-height:24px;} [class*="brand-banner-warp"] .card-box {margin-top:35px; } [class*="brand-banner-warp"] .card-box [class*="item"] {display:inline-block;margin:0 0.5%;width:180px;height:300px;box-shadow:5px 12px 20px 3px rgba(0, 0, 0, 0.3);border-radius:5px;} [class*="brand-banner-warp"] .card-box [class*="item"] a {position:relative;display:block;height:100%;color:#fff;border-radius:5px;} [class*="brand-banner-warp"] .card-box [class*="item"] a:after {content:'';clear:both;position:absolute;right:20px;bottom:20px;width:20px;height:20px;background:url(../images/akl_common/btn_brand_banner_warp.png) no-repeat 0 0;background-size:cover;} [class*="brand-banner-warp"] .card-box [class*="item"] a span {position:absolute;top:20px;left:15px;font-size:10px;font-style:italic;font-weight:500;text-align:left;} [class*="brand-banner-warp"] .card-box [class*="item"] a strong {position:absolute;top:50%;left:50%;width:110px;height:50px;margin:-25px 0 0 -55px;font-size:0;line-height:0;} /*atistry*/ .brand-banner-warp-atistry {background:url(../images/akl_common/bg_brand_banner_warp_atistry.jpg) no-repeat 0 0;background-size:cover;} .brand-banner-warp-atistry h2:after {background-color:#e1b738;} .brand-banner-warp-atistry .card-box .item01 a {background:url(../images/akl_common/img_brand_banner_warp_atistry01.png) no-repeat 50% 50%;background-size:cover;} .brand-banner-warp-atistry .card-box .item01 a strong {background:url(../images/akl_common/logo_brand_banner_atistry.png) no-repeat 0 0;background-size:cover;} /*nutrition*/ .brand-banner-warp-nutrition {background:url(../images/akl_common/bg_brand_banner_warp_nutrition.jpg) no-repeat 0 0;background-size:cover;} .brand-banner-warp-nutrition h2 {color:#fff;} .brand-banner-warp-nutrition h2:after {background-color:#20893d;} .brand-banner-warp-nutrition .inner > strong {color:#20893d;} .brand-banner-warp-nutrition .inner > p {color:#56565a;} .brand-banner-warp-nutrition .card-box .item01 a {background:url(../images/akl_common/img_brand_banner_warp_nutrition01.png) no-repeat 50% 50%;background-size:cover;} .brand-banner-warp-nutrition .card-box .item01 a strong {background:url(../images/akl_common/logo_brand_banner_nutrition01.png) no-repeat 0 0;background-size:cover;} .brand-banner-warp-nutrition .card-box .item02 a {background:url(../images/akl_common/img_brand_banner_warp_nutrition02.png) no-repeat 50% 50%;background-size:cover;} .brand-banner-warp-nutrition .card-box .item02 a strong {background:url(../images/akl_common/logo_brand_banner_nutrition02.png) no-repeat 0 0;background-size:cover;} /*BathBody*/ .brand-banner-warp-bathbody {background:url(../images/akl_common/bg_brand_banner_warp_bathbody.jpg) no-repeat 0 0;background-size:cover;} .brand-banner-warp-bathbody h2:after {background-color:#e11e44;} .brand-banner-warp-bathbody .card-box .item01 a {background:url(../images/akl_common/img_brand_banner_warp_bathbody01.png) no-repeat 50% 50%;background-size:cover;} .brand-banner-warp-bathbody .card-box .item01 a strong {width:120px; margin-left:-60px; background:url(../images/akl_common/logo_brand_banner_bathbody.png) no-repeat 0 0;background-size:cover;} /*PersonalCare 20190426*/ .brand-banner-warp-personalcare {background:url(../images/akl_common/bg_brand_banner_warp_personalcare.jpg) no-repeat 0 0;background-size:cover;} .brand-banner-warp-personalcare h2:after {background-color:#e11e44;} .brand-banner-warp-personalcare .card-box .item01 a {background:url(../images/akl_common/img_brand_banner_warp_personalcare01.png) no-repeat 50% 50%;background-size:cover;} .brand-banner-warp-personalcare .card-box .item01 a strong {width:81px; height:30px; margin-left:-40px; background:url(../images/akl_common/logo_brand_banner_personalcare01.png) no-repeat 0 0;background-size:cover;} .brand-banner-warp-personalcare .card-box .item02 a {background:url(../images/akl_common/img_brand_banner_warp_personalcare02.png) no-repeat 50% 50%;background-size:cover;} .brand-banner-warp-personalcare .card-box .item02 a strong {width:46px; height:21px; margin-left:-20px; background:url(../images/akl_common/logo_brand_banner_personalcare02.png) no-repeat 0 0;background-size:cover;} .brand-banner-warp-personalcare .card-box .item03 a {background:url(../images/akl_common/img_brand_banner_warp_personalcare03.png) no-repeat 50% 50%;background-size:cover;} .brand-banner-warp-personalcare .card-box .item03 a strong {width:121px; height:20px; margin-left:-60px; background:url(../images/akl_common/logo_brand_banner_personalcare03.png) no-repeat 0 0;background-size:cover;} .brand-banner-warp-personalcare .card-box .item04 a {background:url(../images/akl_common/img_brand_banner_warp_personalcare04.png) no-repeat 50% 50%;background-size:cover;} .brand-banner-warp-personalcare .card-box .item04 a strong {width:88px; height:33px; margin-left:-43px; background:url(../images/akl_common/logo_brand_banner_personalcare04.png) no-repeat 0 0;background-size:cover;} /*oneforone*/ .brand-banner-warp-oneforone {background:url(../images/akl_common/bg_brand_banner_warp_oneforone.jpg) no-repeat 0 0;background-size:cover;} .brand-banner-warp-oneforone h2:after {background-color:#e11e44;} .brand-banner-warp-oneforone .card-box .item01 a {background:url(../images/akl_common/img_brand_banner_warp_oneforone01.png) no-repeat 50% 50%;background-size:cover;} .brand-banner-warp-oneforone .card-box .item01 a strong {width:180px;height:125px;margin-top:-67px;margin-left:-90px; } /*homeliving*/ .brand-banner-warp-homeliving {background:url(../images/akl_common/bg_brand_banner_warp_homeliving.jpg) no-repeat 0 0;background-size:cover;} .brand-banner-warp-homeliving h2:after {background-color:#86c12c;} .brand-banner-warp-homeliving .card-box .item01 a {background:url(../images/akl_common/img_brand_banner_warp_homeliving01.png) no-repeat 50% 50%;background-size:cover;} .brand-banner-warp-homeliving .card-box .item01 a strong {background:url(../images/akl_common/logo_brand_banner_homeliving01.png) no-repeat 0 0;background-size:cover;} .brand-banner-warp-homeliving .card-box .item02 a {background:url(../images/akl_common/img_brand_banner_warp_homeliving02.png) no-repeat 50% 50%;background-size:cover;} .brand-banner-warp-homeliving .card-box .item02 a strong {background:url(../images/akl_common/logo_brand_banner_homeliving02.png) no-repeat 0 0;background-size:cover;} .brand-banner-warp-homeliving .card-box .item03 a {background:url(../images/akl_common/img_brand_banner_warp_homeliving03.png) no-repeat 50% 50%;background-size:cover;} .brand-banner-warp-homeliving .card-box .item03 a strong {background:url(../images/akl_common/logo_brand_banner_homeliving03.png) no-repeat 0 0;background-size:cover;} .brand-banner-warp-homeliving .card-box .item04 a {background:url(../images/akl_common/img_brand_banner_warp_homeliving04.png) no-repeat 50% 50%;background-size:cover;} .brand-banner-warp-homeliving .card-box .item04 a strong {background:url(../images/akl_common/logo_brand_banner_homeliving04.png) no-repeat 0 0;background-size:cover;} .brand-banner-warp-homeliving .card-box .item05 a {background:url(../images/akl_common/img_brand_banner_warp_homeliving05.png) no-repeat 50% 50%;background-size:cover;} .brand-banner-warp-homeliving .card-box .item05 a strong {background:url(../images/akl_common/logo_brand_banner_homeliving05.png) no-repeat 0 0;background-size:cover;} @media (max-width:1024px) { /***** brand-banner *****/ [class*="brand-banner-warp"] .inner {padding: 80px 0 45px;} [class*="brand-banner-warp"] .card-box {max-width:800px;margin:35px auto 0;} [class*="brand-banner-warp"] .card-box [class*="item"] {margin:0 10px 15px;} } @media (max-width:768px) { /***** brand-banner *****/ [class*="brand-banner-warp"] {min-height:388px;} [class*="brand-banner-warp"] h2 {top:35px;right:40px;} [class*="brand-banner-warp"] h2:after {right:-40px;top:-13px;width:75px;} [class*="brand-banner-warp"] .inner {max-width:100%;height:100%;padding: 80px 0 40px;} [class*="brand-banner-warp"] .inner > strong {font-size:28px;line-height:32px;} [class*="brand-banner-warp"] .inner > p {display:none;} [class*="brand-banner-warp"] .card-box {padding:0 35px;margin-top:30px;width:auto;} [class*="brand-banner-warp"] .card-box [class*="item"] {display:block;width:100%;max-width:300px;height:180px;margin:0 auto 20px;} .brand-banner-warp-atistry .card-box .item01 a {background:url(../images/akl_common/img_brand_banner_warp_atistry01_mob.png) no-repeat 50% 50%;background-size:cover;} .brand-banner-warp-nutrition { background-position:-380px 0;} .brand-banner-warp-nutrition h2 {color:#56565a;} .brand-banner-warp-nutrition .card-box .item01 a {background:url(../images/akl_common/img_brand_banner_warp_nutrition01_mob.png) no-repeat 50% 50%;background-size:cover;} .brand-banner-warp-nutrition .card-box .item02 a {background:url(../images/akl_common/img_brand_banner_warp_nutrition02_mob.png) no-repeat 50% 50%;background-size:cover;} .brand-banner-warp-bathbody .card-box .item01 a {background:url(../images/akl_common/img_brand_banner_warp_bathbody01_mob.png) no-repeat 50% 50%;background-size:cover;} .brand-banner-warp-personalcare .card-box .item01 a {background:url(../images/akl_common/img_brand_banner_warp_personalcare01_mob.png) no-repeat 50% 50%;background-size:cover;} .brand-banner-warp-personalcare .card-box .item02 a {background:url(../images/akl_common/img_brand_banner_warp_personalcare02_mob.png) no-repeat 50% 50%;background-size:cover;} .brand-banner-warp-personalcare .card-box .item03 a {background:url(../images/akl_common/img_brand_banner_warp_personalcare03_mob.png) no-repeat 50% 50%;background-size:cover;} .brand-banner-warp-personalcare .card-box .item04 a {background:url(../images/akl_common/img_brand_banner_warp_personalcare04_mob.png) no-repeat 50% 50%;background-size:cover;} .brand-banner-warp-oneforone .card-box .item01 a {background:url(../images/akl_common/img_brand_banner_warp_oneforone01_mob.png) no-repeat 50% 50%;background-size:cover;} .brand-banner-warp-homeliving .card-box .item01 a {background:url(../images/akl_common/img_brand_banner_warp_homeliving01_mob.png) no-repeat 50% 50%;background-size:cover;} .brand-banner-warp-homeliving .card-box .item02 a {background:url(../images/akl_common/img_brand_banner_warp_homeliving02_mob.png) no-repeat 50% 50%;background-size:cover;} .brand-banner-warp-homeliving .card-box .item03 a {background:url(../images/akl_common/img_brand_banner_warp_homeliving03_mob.png) no-repeat 50% 50%;background-size:cover;} .brand-banner-warp-homeliving .card-box .item04 a {background:url(../images/akl_common/img_brand_banner_warp_homeliving04_mob.png) no-repeat 50% 50%;background-size:cover;} .brand-banner-warp-homeliving .card-box .item05 a {background:url(../images/akl_common/img_brand_banner_warp_homeliving05_mob.png) no-repeat 50% 50%;background-size:cover;} } @media all and (min-width: 769px) and (max-width: 980px) { #brandMenu .jump-to-amway {position:static;padding-bottom:0;} .jump-to-amway > div > p {left:0;} .jump-to-amway > div .jump-to-wrapper {margin-left:70px;} } @media (max-width:360px) { /* 배경 */ .drink .sub-cont1 .item.drink3, .drink .sub-cont1 .item.drink4 {background-size:auto 100%;} /* 드링크 */ .drink [class*='sub-cont'] {-webkit-transform:none !important;transform:none !important;position:relative !important;} .drink .sub-cont1 .img-wrap {bottom:6%; padding-right:20px} .drink .sub-cont1 .img-wrap img {width:auto; height:190px} .drink .ex-wrap2 .icon-wrap span {width:29%;} } @media (max-width:320px) { .espring.main .eslogo { bottom:122px;} .espring.main .esltext { bottom:10px; } .brand .box-bnr-03 img {bottom:-10px;} } /*바디키 프로그램 190417*/ .bodykey-dreamteam{word-break:keep-all} .bodykey-dreamteam img.pc{max-width:100%} .bodykey-dreamteam .mgtm5{margin-top:-5px} .bodykey-dreamteam .max-wid-90-pc{max-width:90%;margin-left:auto;margin-right:auto;display:block} .bodykey-dreamteam .text-right-pc{text-align:right !important} .bodykey-dreamteam .color-lightgray{color:#808285;} .bodykey-dreamteam .color-lightgreen, .bodykey-dreamteam .color-lightgreen.ico-plus:before{color:#8dc63f;} .bodykey-dreamteam .bt-akl-bkgreen {display:inline-block;background-color:#006225;color:#fff;border:1px solid #006225; font-size:14px;padding:0 25px;height:40px;line-height:39px;vertical-align:middle;font-weight:500;} .bodykey-dreamteam .bt-akl-bkgreen:hover, .bodykey-dreamteam .bt-akl-bkgreen:focus, .bodykey-dreamteam .bt-akl-bkgreen:active {color:#fff ;background-color:#006225;border-color:#006225;} .bodykey-dreamteam .bt-akl-bkgreen:hover {background:#fff; color:#006225;-webkit-transition:background-color 0.3s, color 0.3s; transition:background-color 0.3s, color 0.3s;} .bodykey-dreamteam a.bt-akl-bkgreen {padding:0 30px;} .bodykey-dreamteam .color-bkgreen {color:#006225 !important} .bodykey-dreamteam th.bg-green{background-color:#20893d !important;color:#fff !important} .bodykey-dreamteam th.bg-lightgreen{background-color:#8dc63f !important;color:#fff !important} .bodykey-dreamteam .bodykey-logo{margin:60px auto 40px auto;max-width:247px} .bodykey-dreamteam .bodykey-logo-text{font-weight:800;font-size:20px} .bodykey-dreamteam .bodykey-logo-image{max-width:100%} .bodykey-dreamteam [class*=bodykey-about-item]{padding-left:150px;min-height:43px;padding-top:25px;padding-bottom:15px;background-repeat:no-repeat;font-size:14px;font-weight:500} .bodykey-dreamteam .bodykey-about-feature{overflow:hidden;padding-top:20px;padding-bottom:20px} .bodykey-dreamteam .bodykey-about-feature [class*=bodykey-about-item]{float:left;width:33.3%;padding-left:160px;font-size:16px;font-weight:500;height:84px;color:#006225;padding-top:20px;} .bodykey-dreamteam .bodykey-about-feature .bodykey-about-item01{background-size:52px auto;background-position:70px center;background-image:url(/_ui/responsive/theme-blue/images/akl_brand_new/bodykey/bodykey-about-feature-icon01.png);border-right:1px solid #dadada} .bodykey-dreamteam .bodykey-about-feature .bodykey-about-item02{background-size:56px auto;background-position:70px center;background-image:url(/_ui/responsive/theme-blue/images/akl_brand_new/bodykey/bodykey-about-feature-icon02.png);border-right:1px solid #dadada;padding-top:30px;} .bodykey-dreamteam .bodykey-about-feature .bodykey-about-item03{background-size:52px auto;background-position:70px center;background-image:url(/_ui/responsive/theme-blue/images/akl_brand_new/bodykey/bodykey-about-feature-icon03.png)} .bodykey-dreamteam .bodykey-about-info{overflow:hidden;padding-top:15px;margin-bottom:10px} .bodykey-dreamteam .bodykey-about-info [class*=bodykey-about-item]{float:left;width:50%;padding-left:100px;font-size:16px;font-weight:500;height:108px} .bodykey-dreamteam .bodykey-about-info .bodykey-about-item01{background-size:56px auto;background-position:23px center;background-image:url(/_ui/responsive/theme-blue/images/akl_brand_new/bodykey/bodykey-about-info-icon01.png);margin-top:-10px} .bodykey-dreamteam .bodykey-about-info .bodykey-about-item02{background-size:63px auto;background-position:20px center;background-image:url(/_ui/responsive/theme-blue/images/akl_brand_new/bodykey/bodykey-about-info-icon02.png);} .bodykey-dreamteam .bodykey-about-info .bodykey-about-item03{background-size:63px auto;background-position:20px center;background-image:url(/_ui/responsive/theme-blue/images/akl_brand_new/bodykey/bodykey-about-info-icon03.png);} .bodykey-dreamteam .bodykey-about-info .bodykey-about-item04{background-size:52px auto;background-position:26px center;background-image:url(/_ui/responsive/theme-blue/images/akl_brand_new/bodykey/bodykey-about-info-icon04.png);} .bodykey-dreamteam .bodykey-about-info .bodykey-about-item05{background-size:39px auto;background-position:30px center;background-image:url(/_ui/responsive/theme-blue/images/akl_brand_new/bodykey/bodykey-about-info-icon05.png);} .bodykey-dreamteam .bodykey-about-info .bodykey-about-item06{background-size:50px auto;background-position:30px center;background-image:url(/_ui/responsive/theme-blue/images/akl_brand_new/bodykey/bodykey-about-info-icon06.png);} .bodykey-dreamteam .bodykey-about-info .bodykey-about-item07{background-size:50px auto;background-position:27px center;background-image:url(/_ui/responsive/theme-blue/images/akl_brand_new/bodykey/bodykey-about-info-icon07.png);} .bodykey-dreamteam .bodykey-about-info .bodykey-about-item08{float:none;clear:left;padding-left:0;border-bottom:0;padding-bottom:0;width:100%;height:auto;color:#808285;text-align:right;font-size:13px;padding-top:0;min-height:auto;font-weight:normal} .bodykey-dreamteam .ico-plus:before{font-family:'Glyphicons Halflings';content:'\002b' !important;font-size:20px;top:10px;color:#20893d;} .bodykey-dreamteam .bodykey-planner-table thead tr{border:0 none} .bodykey-dreamteam .bodykey-planner-table thead th{font-size:13px;font-weight:bold;text-align:center;background-color:#f4f4f4;border:1px solid #e3e3e3;padding:12px;line-height:1.2;color:#006225;vertical-align:middle} .bodykey-dreamteam .bodykey-planner-table thead th:first-child{border-left:0 none;} .bodykey-dreamteam .bodykey-planner-table thead th:last-child{border-right:0 none;} .bodykey-dreamteam .bodykey-planner-table tbody th, .bodykey-dreamteam .bodykey-planner-table tbody td{font-size:14px;font-weight:normal;text-align:center;background-color:#fff;vertical-align:middle;color:#56565a;border:1px solid #e3e3e3;border-right:0 none;padding:10px} .akl .amway-theme .bodykey-dreamteam .bodykey-planner-table tbody td{font-size:14px;vertical-align:top} .bodykey-dreamteam .bodykey-planner-table tbody th{border-left:0 none} .bodykey-dreamteam .bodykey-planner-table tbody td:first-child{border-left:0 none} .bodykey-dreamteam .bodykey-prod-img01{max-width:154px} .bodykey-dreamteam .bodykey-prod-img02{max-width:113px} .bodykey-dreamteam .bodykey-prod-img03{max-width:176px} .bodykey-dreamteam .bodykey-prod-img04{max-width:143px} .bodykey-dreamteam .display-ib-pc{display:inline-block;} .bodykey-dreamteam .display-in-pc{display:inline-block;} .bodykey-dreamteam .float-left-pc{float:left} .bodykey-dreamteam .text-center-mo{text-align:left !important} .bodykey-dreamteam .vertical-middle{vertical-align:middle} .bodykey-dreamteam .bodykey-food-img01{max-width:158px} .bodykey-dreamteam .bodykey-food-img02{max-width:152px} .bodykey-dreamteam .bodykey-about-info .bodykey-about-item201{background-size:65px auto;background-position:20px center;background-image:url(/_ui/responsive/theme-blue/images/akl_brand_new/bodykey/bodykey-guide-icon01.png);margin-top:-10px} .bodykey-dreamteam .bodykey-about-info .bodykey-about-item202{background-size:66px auto;background-position:20px center;background-image:url(/_ui/responsive/theme-blue/images/akl_brand_new/bodykey/bodykey-guide-icon02.png);} .bodykey-dreamteam .bodykey-about-info .bodykey-about-item203{background-size:64px auto;background-position:20px center;background-image:url(/_ui/responsive/theme-blue/images/akl_brand_new/bodykey/bodykey-guide-icon03.png);} .bodykey-dreamteam .bodykey-about-info .bodykey-about-item204{background-size:50px auto;background-position:26px center;background-image:url(/_ui/responsive/theme-blue/images/akl_brand_new/bodykey/bodykey-guide-icon04.png);} .bodykey-dreamteam .bodykey-about-info .bodykey-about-item205{background-size:54px auto;background-position:24px center;background-image:url(/_ui/responsive/theme-blue/images/akl_brand_new/bodykey/bodykey-guide-icon05.png);} .bodykey-dreamteam .bodykey-planner-daily{border-top:1px solid #dadada;} .bodykey-dreamteam .bodykey-planner-daily > li{padding:30px 20px;border-bottom:1px solid #dadada;overflow:hidden;} .bodykey-dreamteam .bodykey-planner-daily > li:nth-child(2n-1){background-color:#f4f4f4} .bodykey-dreamteam .bodykey-day-icon{width:59px;height:55px;line-height:70px;background:url(/_ui/responsive/theme-blue/images/akl_brand_new/bodykey/bodykey-about-daily-icon01.png) center no-repeat / contain;text-align:center;vertical-align:middle;font-size:16px;font-weight:bold;color:#006225;float:left} .bodykey-dreamteam .bodykey-day-list{margin-left:90px} .bodykey-dreamteam .bodykey-planner-table.bodykey-planner-table-type02 td{vertical-align:top !important} .bodykey-dreamteam .bodykey-guide-text{padding-left:100px;min-height:62px;padding-top:8px;background:url(/_ui/responsive/theme-blue/images/akl_brand_new/bodykey/bodykey-guide-test_icon01.png) no-repeat 20px 0 / 62px auto} .bodykey-dreamteam .bodykey-guide-imgmap-wrap{text-align:center;font:0/0 a} .bodykey-dreamteam .bodykey-guide-imgmap{position:relative;margin:40px auto;text-align:center;width:436px} .bodykey-dreamteam .bodykey-guide-imgmap img{display:inline-block;max-width:100%;height:auto} .bodykey-dreamteam [class*=bodykey-guide-imgmap-link]{padding:0;margin:0;position:absolute;width:23.9%;height:26.7%;} .bodykey-dreamteam .bodykey-guide-imgmap-link01{left:22.8%;top:0} /* 식사조절 Diet */ .bodykey-dreamteam .bodykey-guide-imgmap-link02{left:58.2%;top:5.1%} /* 신체활동 Activity */ .bodykey-dreamteam .bodykey-guide-imgmap-link03{left:73.8%;top:38.9%} /* 마음가짐 Mindset */ .bodykey-dreamteam .bodykey-guide-imgmap-link04{left:53.4%;top:73.3%} /* 수면 Sleep */ .bodykey-dreamteam .bodykey-guide-imgmap-link05{left:16.2%;top:67.3%} /* 스트레스 Stress */ .bodykey-dreamteam .bodykey-guide-imgmap-link06{left:2.9%;top:31.8%} /* 식습관 Meal */ .bodykey-dreamteam [class*=bodykey-exercise-item]{display:inline-block;width:88px;height:131px;padding:90px 0 0;margin:15px;font-size:15px;line-height:20px;font-weight:500;color:#56565a;background-repeat:no-repeat;background-position:top center;text-align:center;position: relative;} .bodykey-dreamteam .bodykey-exercise-item-swimming{background-image:url(/_ui/responsive/theme-blue/images/akl_brand_new/bodykey/bodykey-exercise-icon-swimming.png);right:25px} /*수영*/ .bodykey-dreamteam .bodykey-exercise-item-football{background-image:url(/_ui/responsive/theme-blue/images/akl_brand_new/bodykey/bodykey-exercise-icon-football.png);right:20px} /*축구*/ .bodykey-dreamteam .bodykey-exercise-item-tennis{background-image:url(/_ui/responsive/theme-blue/images/akl_brand_new/bodykey/bodykey-exercise-icon-tennis.png);right:10px} /*테니스*/ .bodykey-dreamteam .bodykey-exercise-item-badminton{background-image:url(/_ui/responsive/theme-blue/images/akl_brand_new/bodykey/bodykey-exercise-icon-badminton.png);right:-15px} /*배드민턴*/ .bodykey-dreamteam .bodykey-exercise-item-climbing{background-image:url(/_ui/responsive/theme-blue/images/akl_brand_new/bodykey/bodykey-exercise-icon-climbing.png)} /*등산*/ .bodykey-dreamteam .bodykey-exercise-item-dance{background-image:url(/_ui/responsive/theme-blue/images/akl_brand_new/bodykey/bodykey-exercise-icon-dance.png);top:15px} /*댄스*/ .bodykey-dreamteam .bodykey-exercise-item-golf{background-image:url(/_ui/responsive/theme-blue/images/akl_brand_new/bodykey/bodykey-exercise-icon-golf.png)} /*골프*/ .bodykey-dreamteam .bodykey-exercise-item-fastwalk{background-image:url(/_ui/responsive/theme-blue/images/akl_brand_new/bodykey/bodykey-exercise-icon-fastwalk.png);left:-15px} /*빠른걸음*/ .bodykey-dreamteam .bodykey-exercise-item-pingpong{background-image:url(/_ui/responsive/theme-blue/images/akl_brand_new/bodykey/bodykey-exercise-icon-pingpong.png);left:10px} /*탁구*/ .bodykey-dreamteam .bodykey-exercise-item-bowling{background-image:url(/_ui/responsive/theme-blue/images/akl_brand_new/bodykey/bodykey-exercise-icon-bowling.png);left:20px} /*볼링*/ .bodykey-dreamteam .bodykey-exercise-item-jogging{background-image:url(/_ui/responsive/theme-blue/images/akl_brand_new/bodykey/bodykey-exercise-icon-jogging.png);left:25px} /*조깅*/ .bodykey-dreamteam .bodykey-exercise-title{font-size:20px;line-height:30px;font-weight:700} .bodykey-dreamteam .bodykey-exercise-text{font-size:16px;line-height:24px;font-weight:normal} .bodykey-dreamteam .bodykey-exercise-comment{font-size:13px;font-style:italic} .bodykey-dreamteam .bodykey-exercise-contents-wrap{position: relative;padding:60px 20px 20px} .bodykey-dreamteam .bodykey-exercise-contents{margin:0 auto;padding-bottom:170px;max-width:500px;width:50%;text-align:center} .bodykey-dreamteam .bodykey-exercise-contents hr{border-top:2px dashed #dadada;} .bodykey-dreamteam .bodykey-exercise-pos01{position:absolute;bottom:40px;left:0;text-align:center;height:200px;width:100%} .bodykey-dreamteam .bodykey-exercise-pos01 [class*=bodykey-exercise-item]{margin:20px 40px} .bodykey-dreamteam .bodykey-exercise-pos02{position:absolute;left:0;top:50px;text-align:right;width:25%;text-align:right} .bodykey-dreamteam .bodykey-exercise-pos02 [class*=bodykey-exercise-item]{display:block;margin:30px 0 30px auto;} .bodykey-dreamteam .bodykey-exercise-pos03{position:absolute;right:0;top:50px;text-align:left;width:25%} .bodykey-dreamteam .bodykey-exercise-pos03 [class*=bodykey-exercise-item]{display:block;margin:30px auto 30px 0;} .bodykey-dreamteam .bodykey-meal-normal{display:inline-block;padding:10px 20px 10px 60px;color:#fff;font-size:16px;font-weight:bold;border-radius:4em;background:url(/_ui/responsive/theme-blue/images/akl_brand_new/bodykey/bodykey-meal-icon-rice.png) 22px 50% no-repeat #20893d} /*일반식사*/ .bodykey-dreamteam .bodykey-meal-light{display:inline-block;padding:10px 20px 10px 60px;color:#fff;font-size:16px;font-weight:bold;border-radius:4em;background:url(/_ui/responsive/theme-blue/images/akl_brand_new/bodykey/bodykey-meal-icon-apple.png) 22px 50% no-repeat #8dc63f} /*가벼운식사*/ .media-borad-list-bodykey li{width:33.3%} .media-borad-list-bodykey li a .tit-txt-wrap {position:relative;bottom: 0;left: 0;right: 0;padding: 15px 10px 10px 20px;height: 62px;background: #f4f4f4;color: #002f5f;font-size: 14px;font-weight: bold;} .media-borad-list-bodykey li a .view-img{height:auto;text-align:center} .media-borad-list-bodykey li a .view-img img{height:auto;max-width:390px} .media-borad-list-bodykey li a .view-img:before{top:50%} .media-borad-list-bodykey li a .tag{top:10px;right:15px;background:#e11e45} .color-active-green .active a{background-color:#20893d !important;border:1px solid #20893d !important;} .bodykey-dreamteam .bodykey-guide-list{overflow:hidden;width:100%;font-size:18px;font-weight:200;text-align:center;margin:70px auto} .bodykey-dreamteam .bodykey-guide-list strong{color:#fff;font-size:24px;font-weight:700;display:block;margin:0 auto 10px 0 auto;} .bodykey-dreamteam [class*=bodykey-guide-item]{float:left;display:block;width:16.6666%;background-position:center;background-repeat:no-repeat;background-size:cover;height:360px;padding:50px 10px 0 10px;color:#e6c9bf} .bodykey-dreamteam a:visited{color:#fefefe} .bodykey-dreamteam a:active, .bodykey-dreamteam a:hover{color:#fff} .bodykey-dreamteam .bodykey-guide-item01{background-image:url(/_ui/responsive/theme-blue/images/akl_brand_new/bodykey/bodykey-guide-item-diet-pc.jpg)} /*식사조절 Diet*/ .bodykey-dreamteam .bodykey-guide-item02{background-image:url(/_ui/responsive/theme-blue/images/akl_brand_new/bodykey/bodykey-guide-item-activity-pc.jpg)} /*신체활동 Activity*/ .bodykey-dreamteam .bodykey-guide-item03{background-image:url(/_ui/responsive/theme-blue/images/akl_brand_new/bodykey/bodykey-guide-item-mindset-pc.jpg)} /*마음가짐 Mindset*/ .bodykey-dreamteam .bodykey-guide-item04{background-image:url(/_ui/responsive/theme-blue/images/akl_brand_new/bodykey/bodykey-guide-item-sleep-pc.jpg)} /*수면 Sleep*/ .bodykey-dreamteam .bodykey-guide-item05{background-image:url(/_ui/responsive/theme-blue/images/akl_brand_new/bodykey/bodykey-guide-item-stress-pc.jpg)} /*스트레스 Stress*/ .bodykey-dreamteam .bodykey-guide-item06{background-image:url(/_ui/responsive/theme-blue/images/akl_brand_new/bodykey/bodykey-guide-item-meal-pc.jpg)} /*식습관 Meal*/ @media (max-width:768px) { .bodykey-dreamteam img.mob{max-width:100%;display:inline-block !important} .bodykey-dreamteam .text-right-pc{text-align:left !important} .bodykey-dreamteam .max-wid-90-pc{max-width:100%} .bodykey-dreamteam img.half-size01-mo{max-width:306px;width:100%} .bodykey-dreamteam .bodykey-logo{margin:30px auto;max-width:215px;width:61.7%} .bodykey-dreamteam .bodykey-logo-text{font-size:16px} .bodykey-dreamteam .bodykey-about-info, .bodykey-dreamteam .bodykey-about-feature{padding-top:0;padding-bottom:0} .bodykey-dreamteam .bodykey-about-feature [class*=bodykey-about-item], .bodykey-dreamteam .bodykey-about-info [class*=bodykey-about-item]{float:none;width:100%;padding-left:90px;min-height:65px;height:auto;padding-top:20px;padding-bottom:15px;border:0 none;border-bottom:1px solid #dadada;background-repeat:no-repeat;font-size:14px} .bodykey-dreamteam .bodykey-about-feature .bodykey-about-item01{background-size:42px auto;background-position:22px center;margin-top:-10px} .bodykey-dreamteam .bodykey-about-feature .bodykey-about-item02{background-size:42px auto;background-position:20px center;} .bodykey-dreamteam .bodykey-about-feature .bodykey-about-item03{background-size:40px auto;background-position:21px center;border-bottom:0 none;margin-bottom:-10px} .bodykey-dreamteam .bodykey-about-info .bodykey-about-item01{background-size:42px auto;background-position:23px center;margin-top:-10px} .bodykey-dreamteam .bodykey-about-info .bodykey-about-item02{background-size:48px auto;background-position:20px center;} .bodykey-dreamteam .bodykey-about-info .bodykey-about-item03{background-size:48px auto;background-position:20px center;} .bodykey-dreamteam .bodykey-about-info .bodykey-about-item04{background-size:37px auto;background-position:26px center;} .bodykey-dreamteam .bodykey-about-info .bodykey-about-item05{background-size:27px auto;background-position:30px center;} .bodykey-dreamteam .bodykey-about-info .bodykey-about-item06{background-size:35px auto;background-position:27px center;} .bodykey-dreamteam .bodykey-about-info .bodykey-about-item07{background-size:36px auto;background-position:27px center;} .bodykey-dreamteam .bodykey-about-info .bodykey-about-item08{padding-left:0;border-bottom:0;padding-bottom:0;text-align:left} .bodykey-dreamteam .bodykey-planner-table, .bodykey-dreamteam .bodykey-planner-table tbody, .bodykey-dreamteam .bodykey-planner-table tr, .bodykey-dreamteam .bodykey-planner-table th, .bodykey-dreamteam .bodykey-planner-table td{display:block;font-size:14px} .bodykey-dreamteam .bodykey-planner-table thead{display:none} .bodykey-dreamteam .bodykey-planner-table td:before{content:attr(data-title);font-size:13px;padding:10px 0;text-align:center;background-color:#f4f4f4;color:#006225;font-weight:500;border-top:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;display:block;margin-bottom:15px} .bodykey-dreamteam .bodykey-planner-table tbody th{border:0 none;margin:30px auto 10px auto;padding:0;text-align:left} .bodykey-dreamteam .bodykey-planner-table tbody tr{border-bottom:1px solid #e3e3e3} .bodykey-dreamteam .bodykey-planner-table tbody tr:nth-of-type(even){background-color:#fff} .bodykey-dreamteam .bodykey-planner-table tbody tr:first-child th{margin-top:15px} .bodykey-dreamteam .bodykey-planner-table tbody td{border:0 none;padding:0} .bodykey-dreamteam .bodykey-planner-table.bodykey-planner-table-type02{border-top:1px solid #e3e3e3} .bodykey-dreamteam .bodykey-planner-table.bodykey-planner-table-type02 tbody tr{border-bottom:0 none} .bodykey-dreamteam .bodykey-planner-table.bodykey-planner-table-type02 td:before{background-color:transparent;border:0 none;text-align:left;padding-left:15px;padding-bottom:0;margin-bottom:0;font-weight:bold} .bodykey-dreamteam .bodykey-planner-table.bodykey-planner-table-type02 tbody td{background-color:transparent} .bodykey-dreamteam .display-ib-pc{display:block;} .bodykey-dreamteam .display-in-pc{display:block} .bodykey-dreamteam img.display-in-pc{display:inline-block} .bodykey-dreamteam .float-left-pc{float:none} .bodykey-dreamteam .text-center-mo{text-align:center !important} .bodykey-dreamteam .bodykey-prod-img01{max-width:156px} .bodykey-dreamteam .bodykey-prod-img02{max-width:108px} .bodykey-dreamteam .bodykey-prod-img03{max-width:172px} .bodykey-dreamteam .bodykey-prod-img04{max-width:144px} .bodykey-dreamteam .bodykey-about-info .bodykey-about-item201{background-size:44px auto;background-position:23px center;margin-top:-10px} .bodykey-dreamteam .bodykey-about-info .bodykey-about-item202{background-size:44px auto;background-position:23px center;} .bodykey-dreamteam .bodykey-about-info .bodykey-about-item203{background-size:42px auto;background-position:22px center;} .bodykey-dreamteam .bodykey-about-info .bodykey-about-item204{background-size:33px auto;background-position:26px center;} .bodykey-dreamteam .bodykey-about-info .bodykey-about-item205{background-size:34px auto;background-position:26px center;border-bottom:0 none;padding-bottom:0} .bodykey-dreamteam .bodykey-guide-text{padding-left:70px;padding-top:0px;background-size:46px auto;background-position:10px 3px} .bodykey-dreamteam .bodykey-guide-imgmap{max-width:326px;width:87%} .bodykey-dreamteam .bodykey-meal-normal, .bodykey-dreamteam .bodykey-meal-light{display:inline-block;padding:0;color:#56565a;font-size:14px;font-weight:normal;background:none} .bodykey-dreamteam td.bg-green:before{background-color:#20893d !important;color:#fff !important} .bodykey-dreamteam td.bg-lightgreen:before{background-color:#8dc63f !important;color:#fff !important} .media-borad-list-bodykey li{width:100%} .media-borad-list-bodykey li a .tit-txt-wrap {position:absolute;background:transparent;color:#fff;height:3em;padding:0 5%} .media-borad-list-bodykey li a .view-img{height:51vw} .media-borad-list-bodykey li a .view-img img{height:auto;width:100%;max-width:none} .bodykey-dreamteam .bodykey-guide-list{margin:35px auto} .bodykey-dreamteam .bodykey-guide-list strong{font-size:16px;} .bodykey-dreamteam [class*=bodykey-guide-item]{float:none;width:100%;height:85px;padding-top:20px} .bodykey-dreamteam .bodykey-guide-item01{background-image:url(/_ui/responsive/theme-blue/images/akl_brand_new/bodykey/bodykey-guide-item-diet-mob.jpg)} /*식사조절 Diet*/ .bodykey-dreamteam .bodykey-guide-item02{background-image:url(/_ui/responsive/theme-blue/images/akl_brand_new/bodykey/bodykey-guide-item-activity-mob.jpg)} /*신체활동 Activity*/ .bodykey-dreamteam .bodykey-guide-item03{background-image:url(/_ui/responsive/theme-blue/images/akl_brand_new/bodykey/bodykey-guide-item-mindset-mob.jpg)} /*마음가짐 Mindset*/ .bodykey-dreamteam .bodykey-guide-item04{background-image:url(/_ui/responsive/theme-blue/images/akl_brand_new/bodykey/bodykey-guide-item-sleep-mob.jpg)} /*수면 Sleep*/ .bodykey-dreamteam .bodykey-guide-item05{background-image:url(/_ui/responsive/theme-blue/images/akl_brand_new/bodykey/bodykey-guide-item-stress-mob.jpg)} /*스트레스 Stress*/ .bodykey-dreamteam .bodykey-guide-item06{background-image:url(/_ui/responsive/theme-blue/images/akl_brand_new/bodykey/bodykey-guide-item-meal-mob.jpg)} /*식습관 Meal*/ .bodykey-dreamteam [class*=bodykey-exercise-pos]{position:static;text-align:center;height:auto;width:auto;vertical-align:top;padding:20px 0;background:#fff;margin:10px auto;} .bodykey-dreamteam [class*=bodykey-exercise-pos] [class*=bodykey-exercise-item]{position:static;margin:0;display:inline-block;width:20%;max-width:80px;background-size:90% auto;vertical-align:top;padding-top:18%;height:auto} .bodykey-dreamteam .bodykey-exercise-contents-wrap{padding:30px 10px;} .bodykey-dreamteam .bodykey-exercise-contents{margin:0 auto;padding:10px;max-width:auto;width:auto} } /* S : 2020-01-30 브랜드 타입 재정의 */ @media (max-width:768px) { .brand-contents.layout-a {margin-top:-20px;margin-bottom:0} .brand-contents.layout-a .top-title-wrapper.main, /*.brand-contents.layout-a .sns-container, .brand-contents.layout-a .bod-view-sns {display:none}*/ .brand-contents.layout-a .sns-container {display:none} } /* E : 2020-01-30 브랜드 타입 재정의 */ .nq-intro-data-infos{text-align: right;padding: 10px 5px;word-break:keep-all} /* 20221206 암웨이소개 페이지 배너 영역 좌우 여백 오류 수정 (Sprint12, 상시모니터링 No98) */ @media (max-width:768px) { .intro .masthead.visual{margin:0;} .akl .brand .category-success-story .col-sm-12:nth-of-type(1){padding-right: 0;} .akl .brand .category-success-story .col-sm-12:nth-of-type(2){padding-left: 0;} } /* 20221228 암웨이 소개 SUB HOME 이미지 라인 오류 수정 (Sprint01, 상시모니터링 No03) */ @media (max-width: 768px) { .intro .masthead {width: 100%; margin: 0;} .amway-theme .experience-brands .masthead img {width: 100% !important;} }