/** --------------------------------------------------------- * Version :AKL Hybris UIUX 1.0 * @ 파일 :akl-common.css * @ 구분 :css import 및 폰트 설정 * --------------------------------------------------------- */ /* 코어제공, 2019.09.26 sprint.css -> wro.xml */ /* akl, 2019.09.26 akl-xxx.css -> wro.xml */ /* 운영팀게시물, content_res_all.css :2019.09.26 styleSheets.tag 에서 import */ /* 2019.01.03 :경량폰트로 변경 */ @font-face { font-family:'Noto Sans KR'; font-style:normal; font-weight:300; src:url(/_ui/responsive/theme-blue/fonts/notosanskr/notokr-light.woff2) format('woff2'), url(/_ui/responsive/theme-blue/fonts/notosanskr/notokr-light.woff) format('woff') ; } @font-face { font-family:'Noto Sans KR'; font-style:normal; font-weight:400; src:url(/_ui/responsive/theme-blue/fonts/notosanskr/notokr-regular.woff2) format('woff2'), url(/_ui/responsive/theme-blue/fonts/notosanskr/notokr-regular.woff) format('woff') ; } @font-face { font-family:'Noto Sans KR'; font-style:normal; font-weight:500; src:url(/_ui/responsive/theme-blue/fonts/notosanskr/notokr-medium.woff2) format('woff2'), url(/_ui/responsive/theme-blue/fonts/notosanskr/notokr-medium.woff) format('woff') ; } @font-face { font-family:'Noto Sans KR'; font-style:normal; font-weight:700; src:url(/_ui/responsive/theme-blue/fonts/notosanskr/notokr-bold.woff2) format('woff2'), url(/_ui/responsive/theme-blue/fonts/notosanskr/notokr-bold.woff) format('woff') ; } /* 2019.01.03 :기존 폰트 설정 backup @font-face { font-family:'Noto Sans KR'; font-style:normal; font-weight:300; src:url(../fonts/NotoSansKR-Light.woff2) format('woff2'), url(../fonts/NotoSansKR-Light.woff) format('woff') ; } @font-face { font-family:'Noto Sans KR'; font-style:normal; font-weight:400; src:url(../fonts/NotoSansKR-Regular.woff2) format('woff2'), url(../fonts/NotoSansKR-Regular.woff) format('woff') ; } @font-face { font-family:'Noto Sans KR'; font-style:normal; font-weight:500; src:url(../fonts/NotoSansKR-Medium.woff2) format('woff2'), url(../fonts/NotoSansKR-Medium.woff) format('woff') ; } @font-face { font-family:'Noto Sans KR'; font-style:normal; font-weight:700; src:url(../fonts/NotoSansKR-Bold.woff2) format('woff2'), url(../fonts/NotoSansKR-Bold.woff) format('woff') ; } */ /* Black 사용안함 @font-face { font-family:'Noto Sans KR'; font-style:normal; font-weight:900; src:url(../fonts/NotoSansKR-Black.woff2) format('woff2'), url(../fonts/NotoSansKR-Black.woff) format('woff'); }*/ @font-face { font-family:'Free 3 of 9 Regular'; src:url(../fonts/FREE3OF9.woff) format('woff'); } /* -------- 이하 akl-basic.css 2019.01.08 병합 -------- */ .logintooltip {color:#002f5f;background:#fff;border:1px solid #002f5f;border-radius:24px;display:block;width:60px;height:25px;line-height:25px;position:absolute;top:40px;margin-left:-12px;padding:0 12px;letter-spacing:-1px;white-space:nowrap;} .userinfo-open .logintooltip { display:none} /* 미니대시보드 차트 */ li.popover.auto-suggestion-popover { top:111px !important;} .account-popover__pv-disp.akl .loading-wrap .box_loading-arealay img {max-width:100%;} .popover-content ul.nav__links li.account-popover__pv-display{padding:0;position:relative;overflow:hidden;} #circle { height:200px;} .svg-container { height:300px;overflow:hidden;} .svg-container svg {margin-top:-40px;} .GroupInfo{font-size:17px;color:#20883e;margin:10px 15px 0;position:absolute;left:-10px;top:85px;text-align:center;width:100%} .chartInfo{position:absolute;top:68%;width:66%;left:19%;font-size:11px;text-align:center;margin:-10px 0px 0;} .leftInfo{float:left;text-align:left;font-size:12px;margin-top:18px;margin-left:-5px;} .leftInfo span{ display:block;} .rightInfo{float:right;text-align:right;font-size:12px;margin-top:18px} .rightInfo span{ display:block;} .centerInfo {position:absolute;left:30px;top:-5px;width:170px;text-align:center;} .popover-content ul.nav__links li.account-popover__pv-display .timer{display:none;} .popover-content ul.nav__links li.los-map-wrap {padding:20px 0 0;text-align:center;} .popover-content ul.nav__links li.los-map-wrap a { display:inline-block;padding:10px 25px;color:#fff;font-weight:500;background:#0074a3} .popover-content ul.nav__links li.los-map-wrap + li {border:0!important;} /* ie 브라우저 */ .ieBrowser .popover-content ul.nav__links li.account-popover__pv-display{padding:10px 0 0;} .ieBrowser #circle {height:180px;} .ieBrowser .GroupInfo{top:78px;letter-spacing:-0.05em} .ieBrowser .centerInfo {top:-7px;left:24px;width:155px;} .ieBrowser .chartInfo{;width:58%;left:23%;} .ieBrowser .leftInfo{ margin-top:15px;font-size:11px;} .ieBrowser .rightInfo{ margin-top:15px;font-size:11px;} /* 최대 보너스 레벨 달성 시 */ .popover-content ul.nav__links li.account-popover__pv-display.maxbonus #circle { height:180px;} .akl-maxbonus-label{ position:absolute;left:50%;top:84px;width:170px;margin-left:-78px;text-align:center;} .akl-maxbonus-label .message {color:#20883e;font-size:11px;} .akl-maxbonus-label .icon {font-size:22px;color:#002f5f;display:inline-block;width:24px;height:24px;font-family:'AmwayIcons'!important;color:#20883e;font-weight:300;} .akl-maxbonus-label .icon:before {content:'\ea50';} .akl-maxbonus-label .bonus {color:#20883e;font-size:14px;font-weight:500;padding-left:2px} /* ie 브라우저 :최대 보너스 레벨 달성 시 */ .ieBrowser .akl-maxbonus-label{ top:80px;} .ieBrowser .popover-content ul.nav__links li.account-popover__pv-display.maxbonus #circle { height:160px;} @media (max-width:768px) { .svg-container {width:350px;margin:0 auto;} .GroupInfo{font-size:17px;color:#20883e;margin:10px 15px 0;position:absolute;left:-10px;text-align:center;width:100%} .centerInfo {position:absolute;left:-5px;width:100%;text-align:center;} .chartInfo { width:230px;left:50%;text-align:center;margin:-10px 0 0 -107px;} } /* 앱 접근 권한 안내 */ .app-guide .txttop { text-align:center;margin-top:-10px;font-size:14px;} .app-guide dl{ border-top:1px solid #e3e3e3;padding-top:20px;margin-top:20px;} .app-guide dl dt{font-size:18px;margin-bottom:10px;} .app-guide dl dd {color:#808285;font-size:12px;} .app-guide dl dd strong{display:block;color:#56565a;margin-bottom:2px;font-size:14px;} .app-guide dl dd li{margin-bottom:10px;} .app-guide dl.apptype01 dt{color:#e11e45} .app-guide dl.apptype01 dd li:nth-of-type(1){background:url(../images/icons/app_01.png) no-repeat 0 50%;background-size:33px auto;padding-left:42px;} .app-guide dl.apptype01 dd li:nth-of-type(2){background:url(../images/icons/app_02.png) no-repeat 0 50%;background-size:33px auto;padding-left:42px;} .app-guide dl.apptype01 dd li:nth-of-type(3){background:url(../images/icons/app_03.png) no-repeat 0 50%;background-size:33px auto;padding-left:42px;} .app-guide dl.apptype02 dt{color:#002f5f} .app-guide dl.apptype02 dd li:nth-of-type(1){background:url(../images/icons/app_04.png) no-repeat 0 50%;background-size:33px auto;padding-left:42px;} .app-guide dl.apptype02 dd li:nth-of-type(2){background:url(../images/icons/app_05.png) no-repeat 0 50%;background-size:33px auto;padding-left:42px;} .app-guide dl.apptype02 dd li:nth-of-type(3){background:url(../images/icons/app_06.png) no-repeat 0 50%;background-size:33px auto;padding-left:42px;} .app-guide dl.apptype02 dd li:nth-of-type(4){background:url(../images/icons/app_07.png) no-repeat 0 50%;background-size:33px auto;padding-left:42px;} /* 2019.02.21 앱 접근권한 수정 */ .app-guide.text-modified .txttop {margin-top:10px;} .app-guide.text-modified dl.apptype01 dd li.vertical-modified {height:40px;} .app-guide.text-modified dl.apptype01 dd li.vertical-modified strong {line-height:40px;} .app-guide.text-modified dl dd li {padding-left:42px;background:no-repeat 0 50%/33px auto;} .app-guide.text-modified dl.apptype01 dd li:nth-of-type(1){background-image:url(../images/icons/app_09.png);} .app-guide.text-modified dl.apptype02 dd li:nth-of-type(1){background-image:url(../images/icons/app_10.png);} .app-guide.text-modified dl.apptype02 dd li:nth-of-type(2){background-image:url(../images/icons/app_11.png);} .app-guide.text-modified dl.apptype02 dd li:nth-of-type(3){background-image:url(../images/icons/app_12.png);} .app-guide.text-modified dl.apptype02 dd li:nth-of-type(4){background-image:url(../images/icons/app_13.png);} .app-guide.text-modified dl.apptype02 dd li:nth-of-type(5){background-image:url(../images/icons/app_14.png);} /* 2019.08.22 앱 접근권한 수정 */ .app-guide dl.apptype01 dd li.apptypeic01{background:url(../images/icons/app_01.png) no-repeat 0 50%;background-size:33px auto;padding-left:42px;} .app-guide dl.apptype01 dd li.apptypeic02{background:url(../images/icons/app_02.png) no-repeat 0 50%;background-size:33px auto;padding-left:42px;} .app-guide dl.apptype01 dd li.apptypeic03{background:url(../images/icons/app_09.png) no-repeat 0 50%;background-size:33px auto;padding-left:42px;} .app-guide dl.apptype02 dd li.apptypeic01{background:url(../images/icons/app_03.png) no-repeat 0 50%;background-size:33px auto;padding-left:42px;} .app-guide dl.apptype02 dd li.apptypeic02{background:url(../images/icons/app_04.png) no-repeat 0 50%;background-size:33px auto;padding-left:42px;} .app-guide dl.apptype02 dd li.apptypeic03{background:url(../images/icons/app_05.png) no-repeat 0 50%;background-size:33px auto;padding-left:42px;} .app-guide dl.apptype02 dd li.apptypeic04{background:url(../images/icons/app_06.png) no-repeat 0 50%;background-size:33px auto;padding-left:42px;} .app-guide dl.apptype02 dd li.apptypeic05{background:url(../images/icons/app_07.png) no-repeat 0 50% !important;background-size:33px auto !important;padding-left:42px;} .app-guide dl.apptype02 dd li.apptypeic06{background:url(../images/icons/app_08.png) no-repeat 0 50%;background-size:33px auto;padding-left:42px;} /* 권장 브라우저 안내 */ .cbox.layerBox.browser-pop {width:620px;border:0!important;background:#fff} .cbox.layerBox.browser-pop .headline {font-size:22px;line-height:24px;font-weight:500;color:#002f5f;letter-spacing:-1px;padding:23px 30px 20px 0;margin:0 30px;border-bottom:1px solid #e3e3e3;} .cbox.layerBox #cboxClose, .cboxClose {right:30px;} .cbox.layerBox .cClose .modal-close-icon {display:inline-block;background:url(../images/icons/ico_closed.png) no-repeat 50% 50%;width:20px;height:20px;} .cbox.layerBox .browser-body {padding:20px 30px 30px;letter-spacing:-0.05em;} .cbox.layerBox .browser-body .browser_guide strong{font-weight:500;color:#002f5f;display:block;margin-top:5px;} .cbox.layerBox .browser-body .browser-text {padding:23px 0 10px;margin-top:20px;text-align:center;background:#f7f7f7;color:#888;letter-spacing:0} .cbox.layerBox .browser-body .browser-text p strong{display:block;margin-top:8px;font-weight:500;color:#575757} .cbox.layerBox .browser-body .browser-text img{width:50px;} .cbox.layerBox .browser-body .browser-btn{padding-top:30px;text-align:center;} .cbox.layerBox .browser-body .browser-btn a{ margin:0 4px;} /* 개발요청 :어드민 GNB 메뉴 */ .yCmsComponent.nav-item +.yCmsContentSlot.smartEditComponent {float:right;} .desktop-nav-menu.clearfix .menu-nav-list .yCmsComponent.smartEditComponent {float:left;} .popover-content {position:relative;-webkit-overflow-scrolling:touch;padding:10px 0 0} /* 190117_수정 대시보드 간격 조절 */ /* ----- 스크롤바 plugin 전용 :2018.09.10 ----- */ .scroll-wrapper {position:relative;overflow:hidden!important;padding:0!important;} .scroll-wrapper>.scroll-content{position:relative!important;top:0;left:0;overflow:scroll!important;box-sizing:content-box!important;width:auto!important;max-width:none!important;height:auto;max-height:none;margin:0;padding:0;border:none!important;} .scroll-wrapper>.scroll-content::-webkit-scrollbar{width:0;height:0;} .scroll-element{display:none;} .scroll-element,.scroll-element div{box-sizing:content-box;} .scroll-element.scroll-x.scroll-scrollx_visible,.scroll-element.scroll-y.scroll-scrolly_visible{display:block;} .scroll-element .scroll-arrow,.scroll-element .scroll-bar{cursor:default;} .scroll-textarea{border:1px solid #cccccc;border-top-color:#999999;} .scroll-textarea>.scroll-content{overflow:hidden!important;} .scroll-textarea>.scroll-content>textarea{position:relative!important;top:0;overflow:scroll!important;box-sizing:border-box;width:100%!important;max-width:none!important;height:100%!important;max-height:none!important;margin:0;padding:2px;border:none!important;outline:0;} .scroll-textarea>.scroll-content>textarea::-webkit-scrollbar{width:0;height:0;} /* simple inner scrollbar */ .scrollbar-inner>.scroll-element,.scrollbar-inner>.scroll-element div{position:absolute;z-index:10;margin:0;padding:0;border:none;} .scrollbar-inner>.scroll-element div{top:0;left:0;display:block;width:100%;height:100%;} .scrollbar-inner>.scroll-element.scroll-x{bottom:2px;left:0;width:100%;height:6px;} .scrollbar-inner>.scroll-element.scroll-y{top:0;right:2px;width:6px;height:100%;} .scrollbar-inner>.scroll-element .scroll-element_outer{overflow:hidden;} .scrollbar-inner>.scroll-element .scroll-bar,.scrollbar-inner>.scroll-element .scroll-element_outer,.scrollbar-inner>.scroll-element .scroll-element_track{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;} .scrollbar-inner>.scroll-element .scroll-bar,.scrollbar-inner>.scroll-element .scroll-element_track{opacity:.4;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=40)';filter:alpha(opacity=40);} .scrollbar-inner>.scroll-element .scroll-element_track{background-color:rgba(244,244,244, 0)} .scrollbar-inner>.scroll-element .scroll-bar{background-color:rgba(194,194,194,.5)} .scrollbar-inner>.scroll-element:hover .scroll-bar{background-color:rgba(194,194,194,.9)} .scrollbar-inner>.scroll-element.scroll-draggable .scroll-bar{background-color:#919191;} .scrollbar-inner>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track{left:-12px;} .scrollbar-inner>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track{top:-12px;} .scrollbar-inner>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size{left:-12px;} .scrollbar-inner>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size{top:-12px;} /* ----- core 재정의 ----- */ ::-webkit-input-placeholder {color:#808285;opacity:.6;} :-ms-input-placeholder {color:#808285;} :-moz-placeholder {color:#808285;} ::-moz-placeholder {color:#808285;} .form-control::-webkit-input-placeholder {color:#808285;opacity:.6;} .form-control::-moz-placeholder {color:#808285;opacity:1;} .form-control:-ms-input-placeholder {color:#808285;} .akl .has-error .form-control {border-color:#dadada;} .form-control[disabled], fieldset[disabled] .form-control {cursor:default !important;} .amway-theme a{font-weight:normal} /* 190123 */ hr.divide.no-line {border-top:0} .akl .panel-collapse .facet__list label{text-transform:initial} /* 190123 */ /* 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;} input,textarea,select{-webkit-appearance:none;-webkit-border-radius:0;font-weight:400;} input::-ms-clear {display:none;} /* focus */ .akl .amway-theme * , .akl a:focus {outline:initial !important;} /* layout */ .clearfix:after , .akl .clearfix:after {content:"";display:block;clear:both;width:0;height:0;} .akl .container-fluid {overflow:visible;} .akl .container-fluid.my-count {padding:0 0;} .akl .container {display:block;max-width:1400px;margin:0 auto;clear:both;} .container > .yCmsContentSlot > .container {padding:0;} .akl .row {margin:0;} .akl .mgAuto {margin:0 auto;} .akl.component {padding:20px;} /* font-family 재정의 */ .akl {font-family:'Noto Sans KR', sans-serif;font-weight:normal;} .akl button {font-family:'Noto Sans KR', sans-serif !important;border:0;} .akl input[type="password"], .akl input[type="text"], .akl select.form-control, .akl input[type="button"], .akl .amway-theme .btn, .akl .page-title {font-family:'Noto Sans KR', sans-serif;} /* font-size 재정의 */ .akl .amway-theme * {letter-spacing:-1px;} .akl em, .akl i {font-style:normal} .akl b, strong {font-weight:500} .akl .text-uppercase {text-transform:capitalize} /* 버튼 재정의 */ .akl button.link-btn {height:auto;background:none;padding:0;border:0;} .akl .link-btn {display:inline-block;color:#0075a4 !important;font-size:14px;line-height:2;font-weight:500;} .akl .link-btn .glyphicon {width:15px;height:13px;} .akl .link-btn .glyphicon:before { position:absolute;right:0;top:1px;} .akl .link-btn.off {color:#bbb !important;} .akl .amway-theme input[type="reset"], .akl .amway-theme [role="button"] input[type="submit"], .akl .amway-theme button, .akl .amway-theme input[type="button"], .akl .amway-theme .btn {font-weight:500;} .akl .link-btn +.link-btn.off {margin-left:10px;} /*190314_추가 위시리스트 삭제 버튼 색 변경 */ .akl .wishlist-wrapper .shipping-top .link-btn{display:inline-block;background-color:#d7d7d7;color:#000 !important;border:1px solid #d7d7d7;padding:0 25px;vertical-align:middle;font-weight:500; height:19px;min-width:67px;font-size:12px;padding:0 10px !important;line-height:19px !important;margin:5px 0;text-align:center} .akl .wishlist-wrapper .shipping-top .link-btn:hover, .akl .wishlist-wrapper .shipping-top .link-btn:active, .akl .wishlist-wrapper .shipping-top .link-btn:focus{color:#000;background-color:#fff;-webkit-transition:background-color 0.3s;transition:background-color 0.3s;border:1px solid #d7d7d7;} .akl .wishlist-wrapper .shipping-top .link-btn:visited{color:#000 !important} /* 재정의 기타 */ .akl .pot {color:#e11e45;} .akl .col-disabled {color:#bbb;} .akl .title-box {display:block;padding:10px 0 0;clear:both;} .akl .account-area .title-box {padding-top:0} .sns-container {z-index:2;}/* brand 전용 */ /* ASM화면(개발요청, 고객센터 전용화면) */ .akl #_asm {position:fixed !important;} .asm-header .general-header {top:146px !important;} #_asm .collapseBtn.close {bottom:-110px !important;opacity:1;} .ui-front form {margin-bottom:0!important;} /** --------------------------------- * @ 공통 UI * --------------------------------- */ .hr {display:block;margin-top:40px !important;padding-top:40px !important;border-top:1px solid #dadada;} .layerWrapper .hr {margin-top:35px !important;padding-top:35px;} /* 위로이동(작업예정) */ .scrollTopWrapper {position:fixed;z-index:300;bottom:100px;right:40px;} .scrollTopWrapper .toTop {overflow:hidden;width:40px;height:40px;text-indent:-9999px;background:url(../images/akl_common/btn_scroll_top.png) 0 0 no-repeat;background-size:40px auto;border:1px solid #002f5f;padding:0} @media (max-width:768px) { .scrollTopWrapper .toTop {margin-bottom:18px;}/* 20220531 */ } /* skipToContent */ #skipToContent a {position:fixed;top:0;left:0;z-index:9999;width:100%;height:0;margin-top:-1px;display:block;background-color:#3875c1;font-size:14px;font-weight:normal;color:#fff;line-height:1;text-align:center;overflow:hidden;} /* 190411_수정 psup 테스트 - 웹접근성용 바로가기 폰트 굵기 수정 */ #skipToContent a:focus, #skipToContent a:active {margin-top:0;height:auto;padding:10px 0px;} /* loading */ .loading {display:table;width:100%;height:100%;position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(255,255,255, 0.5);z-index:10000} .loading .loading-wrap {display:table-cell;width:100%;height:100%;vertical-align:middle;text-align:center;} .loading .loading-wrap img {width:110px;} img.loader-size {width:55px;} /* 개발 ajax */ /* renewal loading*/ .akl .loading.box_renew-loading {background:transparent} .akl .loading-wrap .box_loading-area {display:flex;width:120px;height:120px;margin:auto;border-radius:50%;background:#fff;justify-content:center;align-items:center;box-shadow:1px 1px 20px 0 rgba(0, 0, 0, 0.1)} .loading .loading-wrap .box_loading-area img {width:100px} /* error */ .error-wrap {display:flex;-ms-display:flexbox;align-items:center;height:100%;width:100%;/*display:table;position:fixed;left:0;top:0;bottom:0;*/ } .error-wrap .error-inner {text-align:center;width:100%;padding:0 100px;/*display:table-cell;vertical-align:middle;*/ } .error-wrap .error-inner h1 {text-indent:0;margin-top:0} .error-wrap .error-inner .error-tit {font-size:32px;color:#002f5f;font-weight:500;margin-bottom:31px;word-spacing:-2px;} .error-wrap .error-inner .error-text {} .error-wrap .error-inner dl{width:500px;margin:37px auto 70px;overflow:hidden;border-top:1px solid #e3e3e3;text-align:left;} .error-wrap .error-inner dt {float:left;width:100px;height:40px;line-height:40px;border-bottom:1px solid #e3e3e3;background:#f4f4f4;color:#002f5f;padding-left:20px;} .error-wrap .error-inner dd {float:left;width:400px;height:40px;line-height:40px;border-bottom:1px solid #e3e3e3;border-left:1px solid #e3e3e3;padding-left:20px;} .error-wrap .error-btn {padding-top:40px;border-top:1px solid #e3e3e3;} .akl .help-block span { font-size:13px;color:#e11e45;font-weight:500} /* 최 상단 배너 */ .akl-top-banner { height:60px;background:#0074a3;position:fixed;top:0;left:0;right:0;width:100%;z-index:1000 } .akl-top-banner .inner { position:relative;margin:0 auto;max-width:1400px;} .akl-top-banner .inner a{ display:block;text-align:center;padding:0 60px;position:relative;z-index:1} .akl-top-banner .inner a span {display:block;} .akl-top-banner .inner a span.pc {display:block;} .akl-top-banner .inner a span.mob {display:none;} .akl-top-banner .inner button {z-index:1;position:absolute;right:0;top:0;width:60px;height:60px; background:url(../images/akl_common/icon_top_close.png) 50% 50% no-repeat;background-size:20px auto;text-indent:-999px;overflow: hidden;} .topbanner main{ margin-top:197px;} .topbanner .general-header { top:60px} .topbanner header.main-header .overlay-menu-container {top:197px} .akl.topbanner .mincart-open .mini-cart-items-container .arrow:before { top:120px;} /* 웹접근성 */ .akl .hidden, .akl caption {overflow:hidden;width:0;height:0;padding:0;margin:0;font-size:0;line-height:0;text-indent:-9999px;} .blind {overflow:hidden !important;width:1px !important;height:1px !important;margin:-1px !important;position:absolute !important;clip:rect(0 0 0 0) !important;border:0 !important;padding:0 !important;} /* .akl .focus:focus {outline:1px dotted #888 !important;} 사용예정 */ /* 말줄임 표시 */ .ellipsis {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;-moz-binding:url(/xe/ellipsis.xml#ellipsis)} .ellipsis2 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;} /* 참고 별표(asterisk) */ .etc-required {position:relative;} .etc-required:after {content:'*';color:#e11e45;} .etc-required>em {overflow:hidden;width:0;height:0;font-size:0;line-height:0;margin:0;padding:0;text-indent:-9999px;} /* 공통:display */ .dis-block {display:block;} .dis-inline-block {display:block;}/*모바일용*/ .akl .break {display:block;}/* pc에서는 줄바꿈,모바일에서는 줄바꿈이 없는경우 */ .akl .break-inverse {display:inline;} /* 공통:font */ .fstyle {font-style:normal!important;} .fsize18 {font-size:18px !important;} .fsize16 {font-size:16px !important;} .fsize15 {font-size:15px !important;} .fsize14 {font-size:14px !important;} .fsize13 {font-size:13px !important;} .akl .f-right {font-weight:300;} .akl .f-regul {font-weight:400 !important;} .akl .f-medim {font-weight:500;} .akl .f-bbold {font-weight:700;} /* 공통:color */ .color-red {color:#ed174c !important;} .color-red.big {font-size:16px;font-weight:500;letter-spacing:-1px;} .color-blue {color:#002f5f !important;} .color-blue-sky {color:#007eb0 !important;} .color-light-gray {color:#bbb !important;} .color-gray {color:#55565a !important;} .color-green {color:#20893d;} /* 알럿,컨펌 */ .akl-alt-wrap {position:relative;height:auto;border:1px solid #c0c0c0;background:#fff;} .akl-alt-wrap .cart-popup__close {padding:0 0;top:10px;right:20px;} .akl-conf-pop {padding:50px 30px 20px;text-align:center;letter-spacing:-1px;} .akl-alt-pop {padding:70px 30px 20px;text-align:center;font-size:16px;font-weight:500;} .akl-conf-pop em {display:block;margin-top:30px;font-size:16px;font-weight:500;} /* 공통:margin */ .mgt0 {margin-top:0 !important;} .mgt5 {margin-top:5px !important;} .mgt10 {margin-top:10px !important;} .mgt15 {margin-top:15px !important;} .mgt20 {margin-top:20px !important;} .mgt25 {margin-top:25px !important;} .mgt30 {margin-top:30px !important;} .mgt35 {margin-top:35px !important;} .mgt40 {margin-top:40px !important;} .mgt50 {margin-top:50px !important;} .mgt60 {margin-top:60px !important;} .mgt70 {margin-top:70px !important;} .mgt100 {margin-top:100px !important;} .mgl15 {margin-left:15px !important;} .mgr15 {margin-right:15px !important;} .mt40 {margin-top:40px !important;} /* ----- 헤더 ----- */ .akl header {font-family:'Noto Sans KR', sans-serif;font-weight:500 } .akl .site-logo a {overflow:hidden;} .akl .site-logo a.abopretest {margin-left:10px;} .akl .site-logo a.abopretest img{width:40px;} .akl .banner__component a.abopretest { width:40px!important;min-width:40px!important;position:absolute;left:195px;top:15px} .akl header.main-header .mobile-container .mobile-wrapper .mobile-nav-row-btn-logo a.abopretest img{width:32px;min-width:32px!important;padding:0} .akl header.main-header .amway-theme .header-container {height:75px;} .akl header.main-header .amway-theme .header-container .popover {top:70px;} .akl header.main-header .amway-theme .header-container .nav-links-container ul.nav-list li.nav-item {margin-left:5px;} .akl header.main-header .amway-theme .header-container .nav-links-container ul.nav-list li.nav-item .nav-cart .mini-cart-link .mini-cart-count {font-size:11px;} .akl header.main-header ul.nav-list li.nav-item a.img-nav-link i{display:inline-block;padding:0;margin:0;width:34px;height:34px;vertical-align:middle;overflow:hidden;border-radius:36px;background:#fff} .akl header.main-header ul.nav-list li.nav-item a.img-nav-link i img{display:block;width:44px;height:auto;} .akl .extraclass1 {top:70px ;} .akl .message-num-1 {font-size:11px;} .akl .popover-content #innerIframe{height:425px;} /* 190208_수정 대시보드 간격 조절 */ /* S : chatbot */ .box-chatbot {position:fixed;z-index:300;bottom:20px;right:20px;-webkit-transition:bottom .2s ease-out;transition:bottom .2s ease-out} /* 20221121 챗봇 z-index 수정 */ /* 20230712 챗봇 z-index 수정 */ .box-chatbot .btn-chatbot {position:relative;display:block;width:50px;height:50px;background-color:#feec02;border-radius:50%;box-shadow: 0 4px 10px 0 rgba(0,0,0,.26);text-align:center;padding:0;margin:0} .box-chatbot .btn-chatbot .icon-chatbot {display:inline-block;width:34px;height:34px;background:url(/_ui/responsive/theme-blue/images/chatbot_icon.gif) 0 0 no-repeat;background-size:100%;vertical-align:middle} .layer_section .layer_section-container.type-round.chatbot-type {width:380px} .chatbot-type.layer_section-container .layer-content {padding:36px 40px} .chatbot-type .chatbot-title {font-size:24px;line-height:34px;letter-spacing:-1.2px;color:#111;margin:0 0 32px} .chatbot-type .chatbot-title .user-name {font-weight:600} .chatbot-type .chatbot-item .link-chatbot {display:block;position:relative;padding:0 40px 0 66px} /*.chatbot-type .chatbot-item .link-chatbot {display:block;position:relative;padding:16px 40px 24px 68px}*/ .chatbot-type .chatbot-item .link-chatbot .sp_chatbot-a, .chatbot-type .chatbot-item .link-chatbot .sp_chatbot-b {position:absolute;left:0;top:0;border-radius:50%;box-shadow:0 4px 10px rgba(0,0,0,.12)} .chatbot-type .chatbot-item .link-chatbot .sp_chatbot-c {position:absolute;left:0;top:-16px} .chatbot-type .chatbot-item .link-chatbot .sp_blt-a {position:absolute;right:18px;top:30px} .chatbot-type .chatbot-item .chatbot-des {font-size:14px;line-height:21px;color:#666;letter-spacing:-.7px;margin:0} .chatbot-type .chatbot-item .chatbot-des .chatbot-name {display:block;font-size:14px;line-height:16px;color:#111;font-weight:600;margin-bottom:4px} .chatbot-type .chatbot-item .chatbot-des .chatbot-point {font-weight:600} .chatbot-type .chatbot-item ~ .chatbot-item {border-top:1px solid #e1e1e1;margin-top:20px;padding-top:20px} .chatbot-type .chatbot-des-box {padding-top:22px;border-top:1px solid #e1e1e1;margin-bottom:0} .chatbot-type .chatbot-des-a {position:relative;padding-left:24px;font-size:12px;color:#999;letter-spacing:-.6px;line-height:18px;margin:0} .chatbot-type .chatbot-des-a .link-chatbot {color:#008fc5;text-decoration:underline} .chatbot-type .chatbot-des-a i {position:absolute;top:1px;left:4px} /* 2020-10-22 chatbot icon 수정 .box-chatbot{right:30px;} .box-chatbot .btn-chatbot {position:relative;display:block;width:54px;height:48px;background:url(/_ui/responsive/theme-blue/images/chatbot_icon_new.gif) 0 0 no-repeat;text-align:center;padding:0;margin:0;background-size:54px auto;border-radius:0;box-shadow:none;} .box-chatbot .btn-chatbot .icon-chatbot {display:none;} .chatbot-type .chatbot-item .link-chatbot .sp_chatbot-c{top:-5px;background:url(/_ui/responsive/theme-blue/images/chatbot_item01.png) 0 0 no-repeat;background-size:50px 50px;} .chatbot-type .chatbot-item .link-chatbot .sp_chatbot-b{background:url(/_ui/responsive/theme-blue/images/chatbot_item02.png) 0 0 no-repeat;background-size:50px 50px;} */ .box-chatbot .btn-chatbot {position:relative;display:block;width:70px !important;height:70px !important;background:url(/_ui/responsive/theme-blue/images/chatbot_icon_new.gif) 0 0 no-repeat !important;text-align:center !important;padding:0 !important;margin:0 !important;background-size:70px auto !important;border-radius:0 !important;box-shadow:none !important;} /* 20220518 챗봇 교체 */ .box-chatbot .btn-chatbot {position:relative;display:block;width:70px !important;height:70px !important;background:url(/_ui/responsive/theme-blue/images/chatbot_icon_unmask.gif) 0 0 no-repeat !important;text-align:center !important;padding:0 !important;margin:0 !important;background-size:70px auto !important;border-radius:0 !important;box-shadow:none !important;} .box-chatbot .btn-chatbot .icon-chatbot {display:none !important;} .chatbot-type .chatbot-item .link-chatbot .sp_chatbot-c{top:-5px !important;background:url(/_ui/responsive/theme-blue/images/chatbot_item01.png) 0 0 no-repeat !important;background-size:50px 50px !important;} .chatbot-type .chatbot-item .link-chatbot .sp_chatbot-b{background:url(/_ui/responsive/theme-blue/images/chatbot_item02.png) 0 0 no-repeat !important;background-size:50px 50px !important;} @media (max-width:768px){ .akl .renewal_floating-type ~ .box-chatbot {bottom:70px} .box-chatbot {bottom:50px;right:10px} .box-chatbot .btn-chatbot{margin-bottom:16px !important;width:54px !important;height:54px !important;background-size:54px auto !important;} /* 20220531 */ .chatbot-type.layer_section-container .layer-content {padding:36px} .layer_section .layer_section-container.type-round.chatbot-type {width:100%;max-width:100%;border-radius:16px 16px 0 0;left:0;transform:translate(0, 0);-webkit-transform:translate(0, 0);top:auto;bottom:-100%} .layer_section.showing .layer_section-container.type-round.chatbot-type {bottom:0} } /* 2021-12-09 챗봇 아이콘 수정 */ /* 2022-01-17 원복 */ /* .box-chatbot .btn-chatbot {position:relative;display:block;width:70px !important;height:70px !important;background:url(/_ui/responsive/theme-blue/images/chatbot_icon_winter.gif) 0 0 no-repeat !important;text-align:center !important;padding:0 !important;margin:0 !important;background-size:70px auto !important;border-radius:0 !important;box-shadow:none !important} @media (max-width:768px){ .box-chatbot .btn-chatbot{width:54px !important;height:54px !important;background-size:54px auto !important;} } */ /* E : chatbot */ @media (max-width:768px){ .akl .popover-content #innerIframe{height:630px} /* 190213_수정 로그인 대시보드 간격 조절 (지문 Ver) */ /*.akl .popover-content #innerIframe{height:455px} */ } @media (max-width:768px){.akl .header-container .popover-content .mobile-popover-close{right:5px;top:10px}} /* 190117_수정 대시보드 간격 조절 */ .akl .login-form {letter-spacing:-1px;padding:0 10px 0 10px} /* 190117_수정 대시보드 간격 조절 */ .akl .userinfo-open #login-drop-content {margin-top:0;border-radius:0;border:2px solid #002f5f;border-top:0} .akl .popover.bottom > .arrow {left:auto;right:115px;} .akl .popover.bottom.extraclass1 > .arrow {right:83px !important;} .akl .amway-theme h1.login-form__title {font-size:23px;letter-spacing:-2px;margin-bottom:15px} /* 190117_수정 대시보드 간격 조절 */ @media (max-width:768px){.akl .amway-theme h1.login-form__title{padding-right:5px}} /* 190117_추가 대시보드 간격 조절 */ /* header > login */ .akl .iframe-login {border:0;width:100%;height:220px;} .akl .popover .login-form input[type="text"], .akl .popover .login-form input[type="password"] {width:100%;height:44px;font-weight:400;box-sizing:border-box;} .akl .popover .login-form label {font-weight:700;margin-bottom:20px !important;} /* .akl [type="checkbox"]:not(:checked)+label::before {top:1px;} 2018.06.29 체크박스 수정 중 */ .akl .login-form__link {font-weight:700;font-size:13px !important;display:inline-block;margin-right:15px} /* 190117_수정 대시보드 간격 조절 */ .akl .login-form__owner {line-height:1.5;} .amway-theme .login-form__link{display:inline-block;margin-top:8px;font-size:14px;line-height:1.43;text-align:left;letter-spacing:.1px;color:#0075a4;} /* 190117_신규 대시보드 간격 조절 */ /* 190308_수정 로그인 링크 위치 */ .amway-theme .login-form__owner{margin-bottom:8px;margin-top:8px;font-size:16px;font-weight:500;line-height:3.44px;text-align:left;color:#002f5f;} /* 190117_신규 대시보드 간격 조절 */ .remember-me{position:relative!important;display:block;margin:8px 0!important;padding:0 0 0 28px!important;} /* 190117_신규 대시보드 간격 조절 */ .akl .login-form__submit{border:0;letter-spacing:-1px;display:block;width:100%;height:60px;font-size:20px;-webkit-transition:background-color .3s,color .3s;transition:background-color .3s,color .3s;} .akl .login-form__submit:hover{text-decoration:none;color:#002f5f;border:2px solid #002f5f;background:#fff;} .amway-theme input.login-form__submit{height:60px;font-size:20px;} .akl .login-email-box {position:relative;margin-bottom:8px} /* 190117_수정 대시보드 간격 조절 */ .akl .login-email-box .login-form__username {background:none !important;width:100%;box-sizing:border-box;} .akl .login-form__password {width:100%;} .akl .login-email-box button {position:absolute;right:0;top:0;background-color:#fff;height:44px;width:44px;background:url(../images/delete-icon.png) no-repeat 59% 11px !important;background-size:18px !important;text-indent:-999px;overflow:hidden;;outline:initial;} .akl .tooltip-wrap {display:none;position:absolute;top:44px;right:0;width:200px;height:62px;padding:12px;letter-spacing:0;line-height:1.1!important;text-align:center;;color:#fff;font-size:13px;font-weight:400;background:#56565a;border-radius:8px;} .akl .tooltip-wrap:before {content:"";position:absolute;top:-9px;right:15px;width:19px;height:9px; background:url(../images/akl_common/ico_tooltip.png) no-repeat 0 0;} .akl .moble-login .fingerprint-wrap [type="checkbox"]:not(:checked) + label::before, .akl .moble-login .fingerprint-wrap [type=checkbox]:checked+label::before, .akl .moble-login [type="checkbox"]:not(:checked) + label::before, .akl .moble-login [type=checkbox]:checked+label::before {top:2px;} .akl .login-section hr{margin-top:10px;margin-bottom:10px} /* 190117_신규 대시보드 간격 조절 */ /*header > login > 지문인증 로그인*/ .wrapper-login{box-sizing:border-box;} .fingerprint { display:none;word-break:keep-all} /* 190308_수정 로그인 대시보드 단어단위 줄바꿈 */ .akl .fingerprint-wrap { display:block;} .akl .fingerprint-inner {background:#fff;padding:30px 20px;position:absolute;left:0;top:0;height:100%;bottom:0;right:0;} .akl .fingerprint-wrap .title-h2 {margin-bottom:25px;font-weight:500} .akl .fingerprint-wrap p { font-weight:400} .akl .fingerprint-wrap dl {font-weight:400;padding-top:10px;} .akl .fingerprint-wrap dl dt {color:#002F5F;margin-bottom:5px;font-size:16px} .akl .fingerprint-wrap dl dd {margin-bottom:15px;} .akl .fingerprint-wrap .btn-wrap {border-top:1px solid #dadada;margin-top:30px;padding-top:10px;} .akl .fingerprint-wrap .btn-wrap input { width:100%;height:60px;margin-top:10px;} .akl .fingerprint-wrap .btn-wrap .finger-btn{font-size:20px;font-weight:500;color:#fff;border:0;width:100%;height:60px;margin-top:10px;background:#002f5f} .akl .fingerprint-wrap p.txt-italic {background:url(../images/akl_common/ico_star.png) no-repeat left 5px!important;background-size:5px!important;padding:0 0 2px 10px;font-size:13px;color:#808285;font-style:italic;} .akl .login-form a{text-decoration:none} .akl .login-form__register {text-align:center;display:block;width:100%;height:60px;line-height:55px;font-size:20px;border:2px solid #e11e45;-webkit-transition:background-color .3s,color .3s;transition:background-color .3s,color .3s;letter-spacing:.2px;color:#fff;background-color:#e11e45;} /* header > mini deshboard */ .akl .ico-wraper.noData span.message-num {background:#bbb !important;} .akl .ico-wraper.noData .icon-caution {background:url(../images/icon_caution_off.png) no-repeat !important;background-size:24px 24px !important } .akl amw-performance-graph .grouppv-title {font-size:1.5em !important;} .akl amw-performance-graph .grouppv-value {font-size:2.2em !important;} .akl .popover {font-family:'Noto Sans KR', sans-serif;font-weight:500;} .akl .popover-content ul.nav__links li.account-popover__element a {font-weight:500;} .akl .account-popover__scores ul li {letter-spacing:-1px;font-weight:500;font-size:18px;} .akl .account-popover__scores ul li span{margin:0 6px 0 0;font-size:17px;display:inline-block;} .akl .account-popover__scores p {font-size:14px;} .akl .ico-wraper {margin-right:8px;} .akl .sys-message span {font-weight:500;font-size:14px;} .akl .sys-message span a,.akl .sys-message span a:hover {color:#fff!important;} .akl .sys-message span.menu-rock {margin-left:-30px;padding-left:30px;display:inline-block;} .account-popover__congratulation .account {padding:0} /* 190117_수정 대시보드 간격 조절 */ .account-popover__congratulation .account .sys-message a span:hover{color:#0075a4;} .account-popover__congratulation .account .sys-message + .sys-message {margin-top:5px;} .point-new {padding:0;position:relative;} /* 190117_수정 대시보드 간격 조절 */ .point-new em {margin-left:2px;} .point-new .coupon-area {position:relative;margin-bottom:10px;padding-left:35px;color:#002f5f;} .point-new .coupon-area a{color:#002f5f;font-size:14px} .point-new .coupon-area:before {content:"";position:absolute;top:0;left:0;display:inline-block;background:url(../images/akl_common/ico-cupon2_mob.png) no-repeat left center;width:26px;height:26px;background-size:24px auto} .point-new .point-area {position:relative;padding-left:35px;color:#002f5f;} .point-new .point-area:after {position:absolute;content:'';display:block;top:0;left:0;background:url(../images/akl_common/ico-point-management2_mob.png) no-repeat left top;width:26px;height:26px;background-size:25px auto } .point-new .point-area a{color:#002f5f;font-size:14px} .ccount-my {float:right;color:#56565a} .ccount-my b {color:#002f5f;} .akl .mDashboard .mobile-popover-close {display:none} .menurlock-pop {} .menurlock-tit {font-size:16px} .menurlock-tit strong { color:#002f5f} .menurlock-opt {overflow:hidden;margin:30px 0 20px;} .menurlock-opt .tite-label {width:35%;float:left;font-weight:500;color:#002f5f;margin-top:10px;} .menurlock-opt .txte-wrap {width:65%;float:left;} .menurlock-opt input {width:100%} #message_configuration_area {padding-top:0;padding-bottom:0;} li.account-popover__element.sign-out button {display:none} /* header > mini cart */ .akl .mini-cart-items-container .arrow {left:auto;right:23px;} .akl .mincart-open .mini-cart-items-container .arrow:before {top:60px;} .akl header.main-header .amway-theme .header-container .mini-cart-items-container {top:70px;padding:8px 20px 6px 20px;border:2px solid #002f5f;border-top:0} /* 190117_수정 대시보드 간격 조절 */ .akl .mini-cart-body .summary-block {padding:5px 0 0} /* 190117_수정 대시보드 간격 조절 */ .akl .mini-cart-body .summary-block span { font-size:16px;letter-spacing:-1px;} .akl .mini-cart .mini-cart-body .mini-cart-list .qty {clear:both} .akl .mini-cart .mini-cart-body .mini-cart-list .qty .qty-value {float:right;} .akl .mini-cart .mini-cart-body .mini-cart-list .label-wrapper, .akl .mini-cart .mini-cart-body .mini-cart-list .value-wrapper, .akl .mini-cart .mini-cart-body .mini-cart-list .total-pv-bv-label, .akl .mini-cart .mini-cart-body .mini-cart-list .qty-label {font-size:13px;} .akl .mini-cart-item .product-details .name {font-size:14px;} .akl .mini-cart .mini-cart-body .mini-cart-totals {margin:12px -20px 10px;} .akl .mini-cart .mini-cart-body .mini-cart-totals > div {font-size:13px !important;} .akl header.main-header .amway-theme .view-cart-button {font-size:16px;letter-spacing:-1px;} .akl .mini-cart .mini-cart-body .mini-cart-list .col-xs-3 {padding-left:0} .akl .mini-cart .mini-cart-body .mini-cart-list .col-xs-9 {padding-right:0} .akl .mini-cart .btn-primary {height:48px !important;line-height:46px!important;min-width:auto;font-size:14px;margin-bottom:5px;} .akl .mini-cart-item{padding-top:7px;padding-bottom:4px} /* 190117_신규 대시보드 간격 조절 */ .akl .mini-cart-list li:first-child{padding-top:4px} /* 190117_신규 대시보드 간격 조절 */ .akl .mini-cart-item .product-details .name {font-weight:500;} .akl .mini-cart-list .first-price {font-weight:500;} .akl .mini-cart-list {font-weight:500;} .akl .mini-cart-list .mini-cart-item .thumb {width:67px;height:67px;} .akl .mini-cart-list .mini-cart-item .thumb img {width:65px;height:auto;border:1px solid #e3e3e3;} .akl .delivery-info { padding:0px 0 5px} /* 190117_수정 대시보드 간격 조절 */ .akl .delivery-info span { font-size:16px;color:#e11e45;display:block;} .akl .delivery-info span:before {content:'\e900';font-family:'AmwayIcons'!important;padding-right:8px;} /* header > navigation */ .akl header.main-header .amway-theme .overlay-menu-container {max-width:1388px;} .overlay-menu-container .search-results-close {text-indent:-9999px;width:18px;height:18px;position:absolute !important;right:5px;top:5px;border:0;background:url(../images/close@2x.png) no-repeat 50% 50%;background-size:18px 18px;} .akl header.main-header .amway-theme .amw-navigation-menu .navigation-menu-container .desktop-nav-menu .top-menu .top-menu-links .menu-nav-list .nav-list-item .overlay-menu-component-desktop-wrapper a.overlay-menu-toggle-desktop .button-text {font-size:18px;font-weight:500;font-family:'Noto Sans KR', sans-serif} .akl header.main-header .amway-theme .amw-navigation-menu .navigation-menu-container .desktop-nav-menu .top-menu .top-menu-links .menu-nav-list .nav-list-item > a {font-weight:500;font-size:16px;} /* header > navigation > 1depth */ .akl header.main-header .overlay-menu-container .overlay-menu .overlay-menu-headers .tab-header-list .tab-header-item a.tab-toggle {padding:0 0 0 40px !important;height:66px;line-height:66px} .akl header.main-header .overlay-menu-container .overlay-menu .overlay-menu-headers .tab-header-list .tab-header-item .tab-image {width:40px;} .akl header.main-header .overlay-menu-container .overlay-menu .overlay-menu-headers .tab-header-list .tab-header-item .tab-title {font-weight:500;font-size:14px;font-family:'Noto Sans KR', sans-serif;} .akl header.main-header .overlay-menu-container .overlay-menu .overlay-menu-headers .tab-header-list .tab-header-item a.tab-toggle .tab-image img { height:30px} /* 2020-08-19 o4o s add*/ header.main-header .amw-navigation-menu .navigation-menu-container .desktop-nav-menu .top-menu .top-menu-links.desktop-structure-modified .menu-nav-list .nav-list-item .tab-header-list .tab-header-item{left: 0;width: calc(100% + 1px);} .akl header.main-header .overlay-menu-container .overlay-menu .overlay-menu-headers .tab-header-list .tab-header-item.shop-o4os .tab-toggle{ color: #444; background:#fed880; background: -moz-linear-gradient(left, #fed880 0%,#ffca50);/* FF3.6-15 */ background:-webkit-linear-gradient(left, #fed880 0%, #ffca50);/* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right,#fed880, #ffca50);/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } .akl header.main-header .overlay-menu-headers .tab-header-list .tab-header-item.shop-o4os *{background:none;} header.main-header .overlay-menu-container .overlay-menu .overlay-menu-headers .tab-header-list .tab-header-item.shop-o4os a.tab-toggle .tab-title{color: #444;font-weight: 600;} .akl .amway-theme .mobile-nav-menu .link_o4os a img{width: 100%;} .main_o4os_banner {margin: 16px 0;} @media (max-width:785px){ .main_o4os_banner {margin: 8px 0;} } .main_o4os_banner img{width: 100%;} /* 2020-08-19 o4o s add*/ /* header > navigation > 2depth,3depth */ .akl .gnb-nav {padding:40px 240px 0 20px;height:420px;overflow:hidden;font-family:'Noto Sans KR', sans-serif;font-weight:400;} .akl .gnb-nav h5 {font-size:16px;margin-bottom:20px;} .akl .gnb-nav h5>a {display:inline-block !important;padding:0 !important;font-size:16px !important;font-weight:500 !important;} .akl .overlay-menu-tab-categories .col-sm-3 {width:100%;float:none} .akl header.main-header .amway-theme .amw-navigation-menu .navigation-menu-container .desktop-nav-menu .top-menu .top-menu-links .menu-nav-list .nav-list-item .depth2-links a {padding:0px;font-size:16px;font-weight:500;display:block;margin-bottom:33px;} .akl header.main-header .amway-theme .amw-navigation-menu .navigation-menu-container .desktop-nav-menu .top-menu .top-menu-links .menu-nav-list .nav-list-item .depth2-links a + .depth3-links {margin-top:-25px;margin-bottom:30px;} .akl header.main-header .amway-theme .amw-navigation-menu .navigation-menu-container .desktop-nav-menu .top-menu .top-menu-links .menu-nav-list .nav-list-item .depth3-links a {padding:0px;font-size:14px;display:block;margin-bottom:7px;font-weight:400;} /* gnb 수정 :2018.03.2 (시작) */ .akl header.main-header .nav-list-item .dep2-grid>li>a {margin-bottom:0 !important;line-height:1.5;} .akl header.main-header .nav-list-item .depth2-links a + .depth3-links {margin:5px 0 0 10px!important;} .akl .gnb-nav h5 {margin-bottom:10px;} .tab-pane.gnb-nav .depth2-links>ul {height:350px;} #navMenuTab0 .depth2-links>ul {height:400px;} #navMenuTab3 {height:445px;} #navMenuTab3 .depth2-links>ul {height:400px;} #navMenuTab5 .depth2-links>ul {height:400px;} .tab-pane.gnb-nav .depth2-links>ul>li {margin:0;padding:0;width:200px;min-height:48px;} .tab-pane.gnb-nav.shop-nutrition .depth2-links>ul {height:320px;} .tab-pane.gnb-nav.shop-oneForOne .depth2-links>ul>li {width:160px;} .tab-pane.gnb-nav .depth2-links>ul>li>a {display:block;width:100%;font-size:14px;} .tab-pane.gnb-nav .depth2-links>ul>li .depth3-links {padding-bottom:20px;} .tab-pane.gnb-nav .depth2-links>ul>li .depth3-links li {display:block;} /* gnb 수정 :2018.03.26 (끝) */ .brand-shop {padding:40px 0 0 20px;} .brand-shop .depth2-links ul {margin-bottom:10px;padding-left:10px;} .brand-shop .depth2-links li {float:left;margin-right:30px;margin-bottom:8px;} .brand-shop .depth2-links .category-brand-shop:last-child li {margin-right:15px;} .brand-shop .depth2-links strong {display:block;font-family:'Noto Sans KR', sans-serif;margin-bottom:5px;font-size:14px;font-weight:500;color:#002f5f} .brand-shop .depth2-links.oneforone li {margin-right:7px;} .brand-shop .category-brand-shop {overflow:hidden;} .akl header.main-header .amway-theme .amw-navigation-menu .navigation-menu-container .desktop-nav-menu .top-menu .top-menu-links .menu-nav-list .nav-list-item .brand-shop .depth2-links a {padding:0px;font-size:14px;font-weight:500;display:block;margin-bottom:0} .akl .overlay-menu-tab-left {position:absolute;right:0;top:0;width:22%;min-width:180px;padding:45px 0 0 30px;box-sizing:border-box;} .akl .overlay-menu-tab-left ul { } .akl .overlay-menu-tab-left ul li a {font-size:14px;font-weight:500;display:block;margin-bottom:4px;} .akl header.main-header .amway-theme .amw-navigation-menu .navigation-menu-container .desktop-nav-menu .top-menu .top-menu-links .menu-nav-list .nav-list-item .overlay-menu-tab-left a {padding:0px;font-size:14px;font-weight:400;font-family:'Noto Sans KR', sans-serif;color:#56565a;} .akl .overlay-menu-tab-left:after {content:"";position:absolute;top:46px;bottom:10px;left:0;border-left:1px solid #ccc} .akl .overlay-menu-tab-left h5 {font-size:14px!important;color:#56565a;margin-bottom:11px;} .akl .overlay-menu-tab-left h5:nth-of-type(2), .akl .overlay-menu-tab-left ul + h5 { margin-top:30px} /* ----- 푸터 ----- */ .akl footer {margin-top:0;padding-top:20px;} .akl .footer {height:auto;padding-bottom:25px;} .akl .footer > ul > li:before {content:"|";font-size:10px;position:absolute;left:-3px;top:5px;font-weight:300 } .akl .footer > ul > li:first-child:before {display:none} .akl .footer > ul > li:nth-child(2):before {top:7px} /* 190412_추가 psup 최적화 적용 테스트 (footer 요소 위치 수정) */ .akl .footer > ul > li > a {font-size:14px;padding-right:15px;padding-left:15px;} .akl .footer > ul > li a > strong{font-size:16px} .akl .footer address {margin-top:20px;color:#fff;text-align:center;font-size:12px;} .akl .footer address a {color:#fff;text-decoration:underline;} .akl .footer p {color:#fff;text-align:center;font-size:12px;} .akl .popover-content ul.nav__links li.account-popover__element a {font-size:14px;line-height:15px} /* 190117_수정 대시보드 간격 조절 */ .certification {margin:30px 0 0;text-align:center} .certification a {text-align:left;display:inline-block;margin:0 20px;color:#fff;line-height:120%;font-size:12px;} .certification a img {float:left;vertical-align:top;margin-right:5px;margin-top:-3px;display:block;} /* footer > quick-links */ .akl .quick-links {margin-top:20px;}/*2019.02.21*/ .akl .quick-links .container {max-width:1400px;padding-left:0;padding-right:0;} .akl .quick-links-header {font-size:13.5px;letter-spacing:-1px;font-family:'Noto Sans KR', sans-serif;font-weight:500;word-break:keep-all;} /* 190404_수정 하단 footer 글자 크기 조절 */ .akl .quick-links ul li {font-size:13.5px;letter-spacing:-1px;font-weight:400;line-height:2;letter-spacing:-0.05em;cursor:default;background:none;word-break:keep-all;} /* 190404_수정 하단 footer 글자 크기 조절 */ .akl .quick-links-header>a {font-weight:500;} .akl .quick-links-title {font-weight:500;font-size:14px;margin-top:0;} .akl .quick-links-misc li:nth-child(2) img {margin:0 0 10px;} .akl .foot-news-letter {margin-bottom:20px;} .akl .foot-news-letter input[type="text"] {height:44px;width:70%;border:solid 1px #dadada;border-radius:4px;text-indent:10px;} .akl .foot-news-letter button {width:28%;height:44px;float:right;background :#002f5f;color:#fff;border:0;font-weight:500} .akl .footerShotcut {z-index:200;margin-top:10px;position:relative;} .akl .footerShotcut:after {content:"";display:block;clear:both;width:0;height:0;} .akl .footerShotcut.mob {display:none} .akl .footerShotcut button, .akl .footerShotcut a{color:#666;} .akl .footerShotcut > div {position:relative;width:49%;float:left;margin-top:20px;} .akl .footerShotcut > div + div {float:right } .akl .footerShotcut > div > button{border:1px solid #d4d4d4;height:40px;width:100%;display:block;margin-bottom:10px;text-indent:5px;text-align:left;color:#002f5f;font-weight:500;background:url(../images/selector-arrow.png) no-repeat 96% center #dadada;background-size:18px;background-color:#fff;} .akl .footerShotcut > div > button.selected {border-color:#007eb0 } .akl .footerShotcut > div > div {display:none;position:absolute;left:0;bottom:49px;border:1px solid #007eb0;border-bottom:none;width:100%;background-color:#fff;padding:5px 0;z-index:2} .akl .footerShotcut > div > div a{display:block;font-size:14px;color:#002f5f;font-weight:500;height:40px;line-height:40px;text-indent:10px;} .akl .footerShotcut > div > div a:hover{text-decoration:underline;} .akl .col-sm-8 {padding:0} .akl .quick-links-header a, .quick-links .collapse a {color:#002f5f;display:block;} .panel-collapse + .quick-links-header.akl-foot {margin-top:30px;} .akl .quick-links-misc .quick-links-sns {padding-bottom:30px;} /* 퀵리스트 수정 :2018.03.26 (시작) */ .akl .container .row.footer-quick {overflow:visible;} .akl .qlink-left-box {float:left;width:870px;padding-right:10px;} .akl .qlink-left-box>li>p, .akl .qlink-left-box>li>ul{margin-left:15px;} .akl .qlink-right-box {float:right;width:420px;padding-right:12px;} .akl .qlink-right-box ul li {padding-top:0;} .akl .qlink-right-box ul li .quick-links-title {line-height:1;padding-bottom:10px;} .akl .quick-links-item {width:200px;} /* 플러그인(Isotope) 메뉴 정렬상 필요한 속성(메뉴구조가 변경되어 불필요 시 삭제) ----- */ .akl .quick-links-item > ul {padding-bottom:0 !important;} .akl .quick-links ul li {padding:2px 0 0 10px} /* 20190211_수정 푸터 제목리스트 강조 */ .akl .quick-links-misc > ul li a img {width:135px;height:40px} /* ----- jump to menu ----- */ .akl .user-account-header .go-block .jump-to {vertical-align:middle;} .jump-menu {position:relative;z-index:100;display:inline-block;width:300px;background:#fff;text-align:left;} .jump-menu a {display:block;color:#002f5f;font-weight:500;padding-left:20px;font-size:14px !important;} .jump-menu .currentTxt {display:block;height:40px;line-height:38px;box-sizing:border-box;border:1px solid #dadada;} .jump-menu .menu-dep1 {height:40px;line-height:40px;padding-left:35px;} .jump-menu .menu-dep2 {height:40px;line-height:40px;} .jump-menu .current {background:#f4f4f4;} .jump-menu .select-wrapper {display:none;position:absolute;top:40px;left:0;width:100%;height:auto;background:#fff;border:1px solid #dadada;border-top:0;} .jump-menu .select-list>li {border-top:1px solid #dadada;} .jump-menu .select-list>li:first-child {border-top:0;} .jump-menu .select-list>li>ul {display:none;} .jump-menu .currentTxt, .jump-menu .hasSub {background:url(../images/akl_common/ico_jumpmenu_arrw.png) no-repeat 100% -55px;background-size:50px 100px} .jump-menu .currentTxt.active, .jump-menu .on .hasSub {background-position:100% -5px;} .jump-menu .on .select-depth2 {display:block;} .jump-menu .sub-main .menu-dep1 {padding-left:20px;} .select-depth2 {margin-bottom:10px;} .select-depth2 a {padding-left:50px;font-weight:normal;} /* common > jump-menu > 암웨이 소식 */ .jump-to-amway {background:#f4f4f4;padding:20px 0;margin-bottom:13px;position:relative;z-index:100}/* 20190201 수정*/ .jump-to-amway:after {content:"";display:block;clear:both;} .jump-to-amway > div {max-width:1400px;margin:0 auto;position:relative;} .jump-to-amway > div > p {position:absolute;left:15px;top:10px;font-weight:500;color:#002f5f;} .jump-to-amway > div .jump-to-wrapper {margin-left:85px;} /* common > jump-menu > 비즈니스 */ .jump-to-business {background:#f4f4f4;padding:20px 0;margin-bottom:39px;} .jump-to-business:after {content:"";display:block;clear:both;} .jump-to-business > div {max-width:1400px;margin:0 auto;position:relative;} .jump-to-business > div > p {position:absolute;left:15px;top:10px;font-weight:500;color:#002f5f;} .jump-to-business > div .jump-to-wrapper {margin-left:85px;} /* ----- 레이어 팝업 ----- */ html.scrollLock body {overflow:hidden;} #uiLayerMask {position:fixed;z-index:9998;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);opacity:0;} #uiLayerMask.on {opacity:1;transition:all 0.5s ease;} #commonLayerMask {position:fixed;z-index:9990;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0);opacity:0;} #commonLayerMask.on {opacity:1;transition:all 0.5s ease;} .akl .cbox.popWidS, .akl .cbox.popWidS.typeAdminAdd {width:400px;} .akl .cbox.popWidM, .akl .cbox.popWidM.typeAdminAdd {width:600px;} .akl .cbox.popWidL, .akl .cbox.popWidL.typeAdminAdd {width:800px;} .akl .cbox.popWidXL, .akl .cbox.popWidXL.typeAdminAdd {width:1000px;} .akl .cbox.typeFullSizeView.RD-View {width:960px;} .akl .cbox.typeMessageCenter {width:100%;max-width:1200px;} .akl .popup-title {font-size:16px;letter-spacing:-1px;padding:0;margin:0;font-weight:500;} .akl .cart-popup__dialog {padding:0 0;height:auto;background:#fff;} .akl .cart-popup__header {display:table;height:50px;padding:0 50px 0 20px;position:relative;}/* 190403높이 수정*/ .akl .cart-popup__header-text {display:table-cell;font-size:24px;height:50px;vertical-align:middle;letter-spacing:-2px;font-weight:500;font-family:'Noto Sans KR', sans-serif;text-transform:initial;}/* 190403높이 수정*/ .akl .cart-popup__content {padding:0;} .akl .cart-popup__item-info {height:auto !important;padding:10px 15px 10px;} /*20190125 간격수정*/ .akl .cart-popup__item-info:after {content:"";display:block;clear:both;} .akl .cart-popup__item-info h3.type2 {font-size:16px;font-weight:500;padding:0 0 13px;margin:0 0;} .akl .cart-popup__item-info .layer-description{color: #999;font-size: 12px;} .akl .cart-popup__item-info .layer-description .bullet{display: inline-block;position:relative;top:3px;font-size: 14px;} .akl .cart-popup__item-link {padding:10px 30px 10px;background:#fff;margin:0 auto;text-align:center;} /* 190128_수정 간격 수정 */ .akl .cart-popup__item-link .btn-blue-white {min-width:120px;} .akl .cbox .cart-popup__dialog.bg-white {height:auto;background:#fff;border:1px solid #c0c0c0} .akl .cbox .cart-popup__dialog.bg-white .cart-popup__close {padding:0 0;top:35px;right:-5px;} .akl .cart-popup__close {top:50%;right:10px;margin-top:-20px;display:block;width:40px;height:40px} .new-v2 .akl .cart-popup__close{z-index:2;} .akl .cart-popup__close img {width:20px;height:20px;} .akl .cart-popup__close img.cart-popup__close.quick-view-close {padding:0;margin:-10px 0 0;} .akl .cbox .cart-popup__dialog.bg-white .cart-popup__header-text2 {position:relative;font-size:24px;font-weight:500;color:#002f5f;padding:18px 0;border-bottom:1px solid #e3e3e3;margin:0 34px;letter-spacing:-1px;font-family:'Noto Sans KR', sans-serif;} .akl .cbox .cart-popup__dialog.bg-white .cart-popup__header-text2 .cart-popup__close {padding:15px 10px;top:15px;right:-10px;margin-top:0;} .akl .cbox .cart-popup__dialog.bg-white .cart-popup__item-info {padding:30px 34px 20px;} .akl .cbox .cart-popup__dialog.bg-white .cart-popup__item-info p {margin:0 0 20px;} .cart-popup__dialog.window .cart-popup__content {max-height:none !important;} .cart-popup__dialog.window .btn.btn-primary {overflow:hidden;} .btn-alert {display:inline-block;position:relative;padding-right:17px} .btn-alert:before {content:'\e258';position:absolute;right:0;top:1px;font-family:'Glyphicons Halflings'!important;} /* TYPE 1:기본 */ .akl .layerWrapper {display:none;position:fixed;z-index:9999;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;overflow-y:auto;box-sizing:border-box;} .akl .layerWrapper .cbox.layerBox {/* position:relative;*/ top:0;left:0;display:block;-webkit-transform:none !important;transform:none !important;-ms-transform:none !important;opacity:0;border:1px solid #002f5f;} .akl .layerWrapper.active .cbox.layerBox {opacity:1;} /* TYPE 2:제품상세 > 크게보기 */ .akl .layerWrapper #colorbox {top:0;display:block;left:0;-webkit-transform:none !important;transform:none !important;-ms-transform:none !important;opacity:0;max-width:960px;background:#fff;} .akl .layerWrapper.active #colorbox {opacity:1;} .akl .layerWrapper #colorbox.typeFullSizeView {overflow-y:auto;} /* TYPE 3:제품상세 > 동영상보기 */ .akl .layerWrapper #videobox, .akl .layerWrapper .videobox {top:0;left:0;box-sizing:border-box;-webkit-transform:none !important;transform:none !important;-ms-transform:none !important;opacity:0;} .akl .layerWrapper.active #videobox, .akl .layerWrapper.active .videobox {opacity:1;} /* TYPE 4:어드민 등록용(메인전용) */ .akl .layerWrapper .cbox.typeAdminAdd {top:0;left:0;display:block;-webkit-transform:none !important;transform:none !important;-ms-transform:none !important;opacity:0;} .akl .layerWrapper .cbox.typeAdminAdd .cart-popup__dialog {border:1px solid #555;} .akl .layerWrapper.active .cbox.typeAdminAdd {opacity:1;} /* Layer:RD화면 */ .cbox.typeFullSizeView.RD-View .cart-popup__dialog {margin:0;width:auto;} .cbox.typeFullSizeView.RD-View .tbl-list-view {border:0;} .cbox.typeFullSizeView.RD-View .tbl-list-view .tr>div, .cbox.layerBox.RD-View .tbl-list-view .tr>div {padding:0;border-top:0;} .akl .layerWrapper .layer-content-wrapper.RD-Viewer {position:relative;max-width:1000px;height:700px;overflow:auto;padding:0;} .akl .layerWrapper .layer-content-wrapper.RD-Viewer.RD-spaceing{padding:0 30px;} .akl .layerWrapper .layer-content-wrapper.overFlow {overflow:auto;-webkit-overflow-scrolling:touch;} /* Layer:hyper Store */ .akl .layerWrapper.hyperStore .layer-content-wrapper.RD-Viewer {overflow:hidden;padding:0;height:800px;overflow-y:auto} .RD-Layer {position:absolute;z-index:1;top:0;left:5%;right:0;width:90%;padding:40px 40px 20px;border:1px solid #002f5f;background:#fff;} .RD-Layer .subLayer-title {padding:0 0 15px;margin:0 0 20px;font-size:22px;font-weight:500;color:#002f5f;border-bottom:1px solid #e3e3e3;letter-spacing:-0.05em;} .RD-Layer .subLayer-close {right:30px;padding:5px 15px;} .RD-Layer .subLayer-content .list-type5>li {line-height:1.5;margin-top:5px;} .RD-Layer .subLayer-btn {margin-top:20px;text-align:center;} .RD-Layer .closeSbLayer {display:block;position:absolute;top:40px;right:40px;background:url(../images/akl_common/ico_closed.png) no-repeat;background-size:18px auto;width:18px;height:18px;} /* Layer:컨텐츠 높이제한 없음(어드민 등록용/메인전용) */ .layer-bottom-wrapper {overflow:hidden;padding:20px 20px 17px;border-top:1px solid #dadada;} .layer-bottom-wrapper .left-box {float:left;} .layer-bottom-wrapper .right-box {float:right;} .layer-bottom-wrapper [type="checkbox"]:checked+label.checklabel {color:#002f5f;font-weight:500;} .layer-bottom-wrapper [type="checkbox"]:not(:checked)+label {} .layer-bottom-wrapper button.not-open-today {color:#0075a4;background:transparent;} .akl .cbox.typeAdminAdd .tabcon-tit {padding:0;margin:0 0 20px;font-size:20px;font-weight:500;color:#002f5f;letter-spacing:-0.025em;} /* Layer:채팅서비스 */ .chatFrameWrapper {height:650px;} .chatFrameWrapper .chatGudie {padding:36px 30px 20px;text-align:center;} .layer-tabs-wrapper {padding:40px;height:524px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;} .col-equality-tab {margin:0 0 20px;padding:0;} /* 190311_수정 */ .col-equality-tab ul {position:relative;overflow:hidden;margin:0;padding:0;} .col-equality-tab ul:after {content:'';position:absolute;bottom:0;left:0;width:100%;box-sizing:content-box;height:1px;background:#dadada;} .col-equality-tab ul li {float:left;width:33%;margin-bottom:-1px;} .col-equality-tab ul li:first-child {width:34%;} .col-equality-tab ul li:first-child a {border-left:1px solid #dadada;} .col-equality-tab ul li a {display:block;font-weight:500;border:1px solid #dadada;color:#55565a;text-align:center;border-left:none;background:#f4f4f4;} .col-equality-tab ul li a>span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:98%;padding:15px 18px;} .col-equality-tab ul li.active a {position:relative;z-index:2;height:51px;border-top:none;border-bottom:none;background:#fff;} .col-equality-tab ul li.active a:after {content:'';position:absolute;z-index:2;top:0;width:100%;left:0;border-top:4px solid #008fc5;} .col-equality-tab.num2 ul li {width:50%;} .url_pop .cart-popup-area {height:auto;padding-bottom:20px} .row.add-to-cart-extra-actions.col-xs-12.col-sm-12.col-md-12.js-add-to-actions-wrapper.link-line .url_pop div { padding-bottom:20px} /*채팅 가이드 문구 추가 20190115*/ .chatGudieWrapper {padding:270px 40px;text-align:center;} .chatGudieWrapper strong{font-weight:bold;} @media (max-width:785px){ .chatGudieWrapper {padding:30px;} .chatGudieWrapper .pcOnly{ display:none;} } /* (jquery.msgbox) 컨펌-알럿 전용 플러그인 관련 */ .jMsgbox-overlay {background-color:rgba(0,0,0,.8);} .jMsgbox-wrap {border:1px solid #999;} .jMsgbox-title {color:#55565a;height:40px !important;background-color:#fff;} .jMsgbox-controls {right:6px;top:3px;} .jMsgbox-controls a {width:20px;height:20px;margin:10px 2px;background:url(../images/akl_common/ico_closed.png) no-repeat;background-size:15px auto} .jMsgbox-content {display:table;width:100%;background-color:#fff;} .jMsgbox-content .jMsgbox-shortcut {display:table-cell;vertical-align:middle;padding:0;text-align:center;} /*2020-09-15 공통 팝업 내용 많을때 스크롤 */ .jMsgbox-content .jMsgbox-shortcut.jMsgbox-alert {display:table-cell;flex:none;vertical-align:middle;} .jMsgbox-content .jMsgbox-shortcut.jMsgbox-alert.scroll{display:block;height:100%;width:100%;align-items:center;justify-content:center;overflow-y:auto;} /* 2020-11-24 추가 */ .jMsgbox-content .jMsgbox-shortcut.jMsgbox-confirm {display:table-cell;flex:none;vertical-align:middle;} .jMsgbox-content .jMsgbox-shortcut.jMsgbox-confirm.scroll{display:block;height:100%;width:100%;align-items:center;justify-content:center;overflow-y:auto;} .jMsgbox-content .jMsgbox-shortcut>p{padding:15px;} .jMsgbox-prompt-input {display:block;padding:6px 6px;margin-bottom:10px;color:#555;vertical-align:middle;background-color:#FFF;border:1px solid #ccc;} .jMsgbox-loading {background:url(../img/loading.gif) center center no-repeat transparent;} .jMsgbox-loaded {padding:15px;} .jMsgbox-foot {height:80px !important;background:#fff;margin:0 auto;padding:20px 20px 0;border-top:1px solid #dadada;text-align:center;box-sizing:border-box;} .jMsgbox-foot input {display:inline-block;min-width:120px;height:40px;padding:4px 12px;border:0;font-size:14px;line-height:20px;color:#fff;background:#002F5F;} .jMsgbox-foot input:hover {color:#002F5F;background:#fff;} .jMsgbox-foot input.jMsgbox-ok {color:#fff;background:#002F5F;} .jMsgbox-foot input.jMsgbox-ok:hover {color:#002F5F;background:#fff;border:2px solid #002F5F;} .jMsgbox-foot input.jMsgbox-cancel {color:#0075a4;background:#fff;} .jMsgbox-foot input.jMsgbox-cancel:hover {color:#002f5f;text-decoration:underline;background:#fff;} .jMsgbox-resize {background:#ddd;width:10px;height:10px;} .jMsgbox-resize:hover {} /* Layer:URL 복사 */ .url_pop {display:none;position:absolute;top:0;right:0;width:250px;z-index:9999} .cart-popup-area {position:relative;top:0;left:0;width:100%;height:116px;background:#56565a;border-radius:5px;} .pop-area-header {position:relative;left:0;width:100%;} .pop-area-header a.cart-popup-close {position:absolute;top:7px;right:8px;display:block;padding:0 0;margin:0;} .pop-area-header a.cart-popup-close img {width:12px;height:12px;} .pop-area-body {padding:10px 0 0;margin:0 20px 0;position:relative;text-align:left;} .pop-area-body:after {content:'';position:absolute;top:-6px;left:63px;border-right:10px solid transparent;border-left:10px solid transparent;border-bottom:10px solid #56565a;} .pop-area-body p {color:#fff;font-size:13px;letter-spacing:-1px;font-weight:400;} .pop-area-body .form-group {padding:0 0 !important;margin:0 0 !important;} /* Layer:동영상재생 */ .akl #videobox, .akl .videobox {display:none;position:fixed;top:50%;width:80%;max-width:800px;left:50%;height:auto;transform:translate(-50%,-50%);z-index:10000 } .akl #videobox #cboxTitle, .akl .videobox .cboxTitle {position:static;height:auto;padding:23px 30px 20px 0;margin:0 40px;border-bottom:1px solid #e3e3e3;width:auto;display:block;float:none} .akl #videobox #cboxClose {right:30px;padding:5px 15px;} .akl .videobox .cboxClose {top:25px;right:30px;padding:5px 15px;} .akl #videobox #cboxTitle .headline, .akl .videobox .cboxTitle .headline {font-size:22px;line-height:24px;font-weight:500;font-family:'Noto Sans KR', sans-serif;color:#002f5f;letter-spacing:-1px;} .akl .video-pop {background:#fff;display:block;margin:0 auto;width:100%;padding-bottom:50px;border:1px solid #c0c0c0;} .akl .popup-video-preview__content {padding:40px 39px 0;max-height:525px;overflow-y:auto;} .akl #videobox .popup-video-preview__content .video-cont, .akl .videobox .popup-video-preview__content .video-cont {display:table;position:relative;width:100%;} .akl #videobox .popup-video-preview__content .video-cont span, .akl .videobox .popup-video-preview__content .video-cont span {display:table-cell;height:396px;vertical-align:middle;} .akl .popup-video-preview__content .video-preview__img {height:100%;} .akl .popup-video-preview__content .video-preview__play {position:absolute;top:50%;left:50%;margin-left:-50px;margin-top:-50px;} .akl .view-sns {padding:20px 40px 0} .akl .view-sns.right {text-align:right;} .akl .view-sns > div {display:inline-block;width:25px;height:25px;margin-left:8px;} .akl .view-sns div img {width:100%;} .akl .view-sns div:first-child {margin-left:0;} .video-wrapper {position:relative;padding-bottom:56.25%;height:0;width:100%;} .video-wrapper iframe {position:absolute;top:0;left:0;width:100%;height:100%;} .akl .view-sns .pop-area-header a.cart-popup-close img {width:auto;} .akl .view-sns div.url-copy {position:relative;} .akl .view-sns div.url-copy div.url_pop {display:none;position:absolute;top:32px;left:-17px;width:250px;z-index:9999;} .akl .view-sns div.url-copy div.url_pop div.cart-popup-area {width:100%;} .akl .view-sns div.url-copy div.url_pop div.cart-popup-area .pop-area-body:after {content:'';position:absolute;top:-6px;left:0px;} .akl .view-sns div.kakaotalk {display:none;} /* Layer:퀵뷰 */ .akl .QUICK_VIEW_pop .cart-popup__item-info {padding:36px 20px 20px;} .QUICK_VIEW_pop .cart-popup__header-text {text-transform:none;letter-spacing:-1px;} .QUICK_VIEW_pop .product-list__item-abovalue {float:none;} .QUICK_VIEW_pop .cart-popup__item-title .product-list__item-abovalue {font-size:22px;} .QUICK_VIEW_pop .cart-popup__quantity span {color:#20883e;} .QUICK_VIEW_pop .product-availability {margin-left:8px;} .QUICK_VIEW_pop .cart-popup__thumbnail {margin-left:0;} .QUICK_VIEW_pop .cart-popup__item-detail {margin-right:0;margin-bottom:0;} .QUICK_VIEW_pop .product-stock {display:inline-block;} .QUICK_VIEW_pop label {width:70px;} .QUICK_VIEW_pop .size-selector-container {margin-bottom:15px;} .QUICK_VIEW_pop .cart-popup__content {min-height:400px;} .QUICK_VIEW_pop .cart-popup__item-number {border-top:0;margin-top:5px;} .QUICK_VIEW_pop .cart-popup__quantity {height:auto;} .QUICK_VIEW_pop .qty-selector-container {border-bottom:1px solid #e3e3e3;padding-bottom:20px;margin-bottom:15px;} .QUICK_VIEW_pop .lip-color-choose__nav {border-bottom:1px solid #e3e3e3;padding-bottom:15px;margin-bottom:15px;} .QUICK_VIEW_pop .lip-color-choose__nav > li {width:40px;height:40px;padding:3px 3px;} .QUICK_VIEW_pop .lip-color-choose__nav > li img {width:30px;height:30px;display:block;} .QUICK_VIEW_pop .lip-color-choose-message {font-weight:500;margin-top:0;} .QUICK_VIEW_pop select.form-control {width:260px;} .QUICK_VIEW_pop .bt-akl-white mini {margin-left:6px;} .akl .quick-view-btn {padding:24px 0 !important;border:1px solid #002F5F;top:50%;margin-top:-20px;font-size:16px;left:50%;height:auto !important;background-color:rgba(255, 255, 255, .8) !important;font-weight:400;max-height:none !important;} /* 190123_수정 위시리스트 퀵뷰 */ /* 이미지 사이즈 고정 :2018.11.21 (삭제예정) .akl .product-list__thum {display:block;position:relative;padding:0 9% 100%;height:0;width:100%;margin:0 auto;text-align:center;} .akl .product-list__thum img {position:absolute;top:0;left:0;height:100%;width:100%;transition:all 0.3s !important;-webkit-transition:all 0.3s !important;} */ /* ----- 헤딩/타이틀 ----- */ h2[class^='title-'] {text-align:left;margin:0;} .akl h1, .akl h2 {font-size:32px;letter-spacing:-2px;font-family:'Noto Sans KR', sans-serif;line-height:100%;font-weight:700;word-break:keep-all} /* 190220_수정 단어단위 줄바꿈 heading tag */ .akl h3, .akl h4, .akl h5,.akl h6 {font-family:'Noto Sans KR', sans-serif;font-weight:500;word-break:keep-all} /* 190220_수정 단어단위 줄바꿈 heading tag */ .akl .title-h1, .akl .title-h2, .akl .title-h3, .akl .title-h4 {line-height:100%;letter-spacing:-2px;word-spacing:2px;} .akl .title-h1, .akl .title-h2 {font-size:32px;font-weight:700;color:#002F5F;} .akl .title-h3 {font-size:28px;font-weight:500;} .akl .title-h4 {font-size:24px;font-weight:500;} .akl .title-h5 {font-size:18px !important;font-weight:500 !important;letter-spacing:-1px;line-height:100%;} .akl .title-h6 {font-size:16px !important;font-weight:500 !important;letter-spacing:-1px;line-height:100%;} .akl .title-h6.bold{font-weight: 600 !important;} .akl [class*=_title], .akl [class*=title-], .akl [class*=-title]{word-break:keep-all} /* 190220_추가 단어단위 줄바꿈 title class */ .akl .product-list-page-title {font-size:32px;letter-spacing:-2px;word-spacing:2px;margin-bottom:10px} /* 190118_리스트개선_수정 *//*20190131 수정*//*2019.02.21*//*03.07*/ .akl .product-list-page-title + .product-list-page-sub-title {margin-top:0;margin-bottom:10px;font-size:14px;font-weight:400;} /* 190118_리스트개선_수정 */ .akl .popular-searches + .product-list-page-title {text-align:center} .akl .popular-searches + .product-list-page-title strong {font-weight:700;} .akl .product-list-page-title >h1 {margin:0;} /* Icon 제목 (마이페이지) */ .akl .bonus-payment .bonus-payment__title {padding:0;position:relative;font-size:18px;letter-spacing:-2px;font-weight:500;} .akl .bonus-payment .bonus-payment__title:after {position:absolute;top:0;left:-30px;content:'';display:block;background:url(../images/akl_common/ico_note.png) no-repeat left top;width:17px;height:21px;} .akl .bonus-payment .bonus-payment__title.shipping:after {left:-30px;background:url(../images/akl_common/ico_ship.png) no-repeat left top;} .akl .bonus-payment .bonus-payment__title.member-pointe:after {left:-30px;background:url(../images/akl_common/ico-point-management.png) no-repeat left top;width:24px;height:20px;} .akl .bonus-payment .bonus-payment__title.child-regist:after {left:-30px;width:19px;background:url(../images/akl_common/ico_childregist.png) no-repeat left top;background-size:19px 16px;} .akl .bonus-payment .bonus-payment__title+.terms-and-conditions-management {padding-top:32px;} .akl .bonus-payment .bonus-payment__title.member-join:after {/*left:-30px;*/background:url(../images/akl_common/ico-member-join.png) no-repeat left top;width:20px;height:20px;background-size:20px auto} .akl .bonus-payment .bonus-payment__title.account-bank:after {/*left:-30px;*/background:url(../images/akl_common/ico-account-bank.png) no-repeat left top;width:20px;height:20px;background-size:20px auto} .akl .icon-sub-title {position:relative;padding-bottom:16px;font-size:18px;letter-spacing:-2px;font-weight:500;font-family:'Noto Sans KR', sans-serif !important;}/*20190131 수정*/ .akl .icon-sub-title:after {content:'';display:block;position:absolute;top:0;left:-30px;width:20px;height:20px;font-family:'AmwayIcons'!important;} .akl .icon-sub-title.message-title:after {top:3px;width:20px;height:20px;background:url(../images/akl_common/ico_message_center.png) no-repeat left top;} .akl .icon-sub-title.sponsor-switch-title:after {top:-1px;width:20px;height:21px;background:url(../images/akl_common/ico_sponsor-switch.png) no-repeat;background-size:cover;} .akl .icon-sub-title.author-title {padding-bottom:15px;} .akl .icon-sub-title.author-title:after {top:1px;width:22px;height:22px;background:url(../images/akl_common/ico_author_person.png) no-repeat left top;} .akl .icon-sub-title.aboRenewal-title:after {content:'\e996';top:1px;width:22px;height:22px;color:#0075a4;font-weight:normal;} .akl .icon-sub-title.wishlist-title:after {top:3px;width:20px;height:15px;left:0;background:url(../images/akl_common/ico_wishlist.png) no-repeat left top;background-size:18px auto} .akl h1.icon-sub-title.wishlist-title {margin-bottom:0;padding-left:30px;margin-top:0;} /*20190131 margin-top:0추가*/ .akl h1.icon-sub-title.wishlist-title + .shopping-list {margin-top:4px;} .akl .icon-sub-title.note-resend {padding:0 0 28px;} .akl .icon-sub-title.note-resend:after {top:-4px;width:22px;height:24px;background:url(../images/akl_common/ico_note-resend2.png) no-repeat left top;background-size:22px auto;} .akl .icon-title-description {padding:0 0 34px;font-size:14px;line-height:normal;font-family:'Noto Sans KR', sans-serif !important;} .akl .icon-title-description>p {margin:0;font-size:14px;} .akl .icon-sub-title.menulock-title {padding-bottom:15px;} .akl .icon-sub-title.menulock-title:after {top:1px;width:22px;height:22px;background:url(../images/akl_common/ico_author_person.png) no-repeat left top;} .akl .icon-sub-title.withdrawal-title {padding-bottom:15px;} .akl .icon-sub-title.withdrawal-title:after {top:1px;width:22px;height:22px;background:url(../images/akl_common/ico_author_person.png) no-repeat left top;} .akl .icon-sub-title.abo-title:after {top:3px;width:22px;height:22px;background:url(../images/akl_common/ico_abo.png) no-repeat left top;} .akl .bonus-payment__title:after {position:absolute;top:5px;left:-30px;content:'';display:block;background:url(../images/akl_common/ico_note.png) no-repeat left top;width:17px;height:21px;} .akl .bonus-payment__description {font-size:14px;padding:7px 0 0;margin-bottom:25px;} .akl .bonus-payment__title .bonus-payment__description {margin-bottom:0} .akl .title-box .product-list-page-title h1.purchase {position:relative;font-size:18px;padding:0 0 5px;} .akl .title-box .product-list-page-title h1.purchase:after {content:"";position:absolute;top:0;left:-30px;display:inline-block;background:url(../images/akl_common/ico_purchase.png) no-repeat left center;width:20px;height:24px;background-size:20px auto} .title-box .product-list-page-title h1.coupon {position:relative;font-size:18px !important;padding:0 0 5px;} .title-box .product-list-page-title h1.coupon:after {content:"";position:absolute;top:0;left:-30px;display:inline-block;background:url(../images/akl_common/ico-cupon.png) no-repeat left center;width:20px;height:20px;background-size:20px auto} .title-box .product-list-page-title h1.myorder {position:relative;font-size:18px !important;padding:0 0 5px;} .title-box .product-list-page-title h1.myorder:after {content:"";position:absolute;top:-1px;left:-30px;display:inline-block;background:url(../images/akl_common/ico_order.png) no-repeat left center;width:21px;height:21px;} .title-box .product-list-page-title h1.brokerage {position:relative;font-size:18px !important;padding:0 0 5px;} .title-box .product-list-page-title h1.brokerage:after {content:"";position:absolute;top:0;left:-30px;display:inline-block;background:url(../images/akl_common/ico_brokerage.png) no-repeat left center;width:20px;height:20px;background-size:20px auto} .title-box .product-list-page-title > h1.prde-reser {position:relative;font-size:18px;padding:0 0 5px;} .title-box .product-list-page-title > h1.prde-reser:after {content:"";position:absolute;top:-1px;left:-30px;display:inline-block;background:url(../images/akl_common/ico_Intermediary.png) no-repeat left center;width:21px;height:21px;} .title-box .product-list-page-title.return h1.myorder {position:relative;font-size:18px !important;padding:0 0 5px;} .title-box .product-list-page-title.return h1.myorder:after {content:"";position:absolute;top:-1px;left:-30px;display:inline-block;background:url(../images/akl_common/ico_order_re.png) no-repeat left center;width:20px;height:20px;background-size:20px auto} /* ----- 버튼 ----- */ .akl a.type-tel {color:#002f5f;font-weight:500;cursor:default;} .text-btn {background:none;outline:none;border:none;font-weight:normal;padding:0;color:#0075a4;} .text-btn .icon {height:8px;width:12px;position:relative;top:-1px;margin-left:3px;background-size:100%;} .text-btn .icon-arrow-ups {display:none;} .btn-cancel {border:2px solid transparent;display:inline-block;letter-spacing:0.2px;outline:medium none;background-color:#fff;font-size:16px;border-radius:1px;min-height:40px;height:auto;vertical-align:middle;line-height:1;padding:10px 20px;text-align:center;color:#0075a4;} .btn-cancel:hover {color:#002F5F;} .akl .end-control, .akl .next-control {text-align:center;padding:40px 0 0} .akl .amway-theme .btn {font-family:'Noto Sans KR', sans-serif;} .akl .btn-blue-white {background:#002f5f;color:#fff;} .akl .btn-blue-white:hover {color:#002f5f;background:#fff} .akl .btn-blue-white, .akl .bt-akl-txt {font-size:14px;min-width:120px;} .akl .bt-akl-blue,.akl .bt-akl-white, .akl .bt-akl-gray {min-width:120px;} .akl .bt-akl-txt {min-width:90px;} .akl .bt-akl-blue.skyblue {background-color:#0074a3;border-color:#0074a3;} .akl .bt-akl-blue {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;} .akl .bt-akl-blue:hover, .akl .bt-akl-blue:focus, .akl .bt-akl-blue:active {color:#fff ;background-color:#002F5F;border-color:#002F5F;} .akl .bt-akl-blue:hover {background:#fff;color:#002F5F;-webkit-transition:background-color 0.3s, color 0.3s;transition:background-color 0.3s, color 0.3s;} .akl .bt-akl-blue.mini {font-size:12px;padding:0 10px;height:25px;line-height:23px;min-width:80px;} .akl .bt-akl-blue.large {height:60px;line-height:59px;font-size:20px;} /*.akl a.bt-akl-blue.large, .akl a.bt-akl-white.large, .akl a.bt-akl-txt.large {padding-top:15px;}*/ .akl .bt-akl-blue.type2 {min-width:80px;} .akl a.bt-akl-blue {padding:0 30px;} /*gray 추가 190328_수정 */ .akl .bt-akl-gray {display:inline-block;background-color:#d7d7d7;color:#444;border:1px solid #d7d7d7;font-size:14px;padding:0 25px;height:40px;line-height:39px;vertical-align:middle;font-weight:500;} .akl .bt-akl-gray:hover, .akl .bt-akl-gray:active {color:#000;background-color:#fff;-webkit-transition:background-color 0.3s;transition:background-color 0.3s;border:1px solid #d7d7d7;} .akl .bt-akl-gray:focus {color:#000;-webkit-transition:background-color 0.3s;transition:background-color 0.3s;border:1px dotted #444} .akl .bt-akl-gray.mini { height:25px;min-width:74px;font-size:12px;padding:0 10px;line-height:23px;} .akl .bt-akl-gray.large {height:60px;line-height:59px;font-size:20px;} /*gray 추가*/ .akl .bt-akl-white {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;} .akl .bt-akl-white:hover,.akl .bt-akl-white:focus,.akl .bt-akl-white:active {color:#fff;background-color:#002F5F;border-color:#002F5F;-webkit-transition:background-color 0.3s, color 0.3s;transition:background-color 0.3s, color 0.3s;} .akl .bt-akl-white:hover,.akl .bt-akl-white:focus,.akl .bt-akl-white:active {color:#fff;background-color:#002F5F!important;border-color:#002F5F;-webkit-transition:background-color 0.3s, color 0.3s;transition:background-color 0.3s, color 0.3s;} .akl a.bt-akl-white {padding:0 30px;} .akl .bt-akl-white.mini {font-size:12px;padding:0 10px;height:25px;line-height:23px;min-width:74px;text-align:center;} .akl .bt-akl-white.large {height:60px;line-height:59px;font-size:20px;} .akl .bt-akl-txt {display:inline-block;background-color:#fff;color:#0075a4;font-size:14px;padding:0 25px;height:40px;line-height:39px;vertical-align:middle;border:2px solid transparent;font-weight:500;} .akl .bt-akl-txt:hover,.akl .bt-akl-txt:focus,.akl .bt-akl-txt:active {color:#002f5f;text-decoration:underline} .akl a.bt-akl-txt {padding:0 30px;} .akl a.bt-akl-txt:hover,.akl a.bt-akl-txt:focus,.akl a.bt-akl-txt:active {color:#002f5f;text-decoration:underline !important} .akl .bt-akl-txt.large {height:60px;line-height:59px;font-size:20px;} .akl .bt-akl-txt.mini {font-size:12px;padding:0 15px;height:25px;line-height:23px;} .akl .bt-akl-txt.normal {padding:7px 0 4px;text-align:center;min-width:initial} .akl button.bt-akl-blue,.akl button.bt-akl-white,.akl button.bt-akl-txt {padding:0 25px;font-size:14px;} .akl .bt-akl-blue,.akl a.bt-akl-blue,.akl .bt-akl-white,.akl a.bt-akl-white,.akl .bt-akl-txt,.akl a.bt-akl-txt, .akl .bt-akl-gray, .akl a.bt-akl-gray {white-space:nowrap;text-align:center;} .akl .btn.btn-primary {border:1px solid #002F5F;padding:0 28px;height:40px;line-height:39px;min-width:auto;font-size:14px;font-weight:400;box-sizing:border-box;} .akl .btn.btn-primary.disabled {color:#fff;border-color:#bbb !important;background:#bbb !important;} .akl .btn.btn-primary.disabled:hover {color:#fff !important;} .akl .btn-primary:hover {transition:background-color 0.3s, color 0.3s;transition:background-color 0.3s, color 0.3s;} .akl .btn.btn-primary span {font-size:14px;font-weight:400;} .akl .btn-cancel {font-size:14px;} .akl .coupon-offer-search .btn.btn-primary span {color:#fff;} .akl .coupon-offer-search .btn.btn-primary:focus span {color:#002f5f !important;} .akl .bt-akl-white.small, .akl .bt-akl-blue.small {min-width:74px;padding:0 10px;text-align:center;} .akl a.bt-akl-white.small, .akl a.bt-akl-blue.small {min-width:74px;padding:0 20px;text-align:center;} .akl .bt-akl-blue.dim, .akl .bt-akl-white.dim,.akl .btn-blue-white.dim,.akl .bt-akl-gray.dim{background:#f4f4f4;border-color:#f4f4f4;color:#c3c3c3;pointer-events:none;} .akl .btn-area {text-align:left;} .akl .btn-center {text-align:center;margin:40px auto 0;} .akl .download-btn {display:inline-block;font-weight:500;padding-left:25px;background:url(../images/akl_common/ico_download_m.png) no-repeat 0 3px;background-size:16px 16px;} .akl .akl-btn-wrap {text-align:center} .akl .akl-btn-wrap .banner__shop-now {padding:13px 40px;} .akl .akl-btn-wrap .banner__shop-now:hover{transition:background-color 0.3s, color 0.3s;} /* 파이프 라인 버튼 */ .akl .button-group {float:right;} .akl .button-group button {position:relative;background:none;color:#002f5f;font-family:'Noto Sans KR';font-weight:500;font-size:14px;padding:0 0 0 12px;height:auto;margin-left:5px;} .akl .button-group button img {width:14px;vertical-align:middle;} .akl .button-group button:before {content:"|";position:absolute;left:0;top:-1px;padding-right:10px;color:#55565a;} .akl .button-group button:nth-of-type(1):before {display:none;} .akl .button-group button.on {color:#55565a;} .akl .ico-bg-sky {margin-left:5px;} /* ----- Form ----- */ label, select, button, input, input[type="text"], input[type="number"], input[type="date"], input[type="password"] {font-size:14px;} .disabled label:before {background-color:#dadada!important;border:1px solid #dadada!important;} .disabled label:after {color:#fff;} .akl input[type="date"] {height:40px;padding-left:10px;border:1px solid #dadada;background:#fff;line-height:37px;} .akl input[type="text"], .akl input[type="password"], .akl input[type="number"], .akl input[type="tel"],.akl input[type="date"] {height:40px;padding:0 15px;border:solid 1px #dadada;box-sizing:border-box;} .akl button[disabled], .akl input[readonly], .akl input[disabled], .akl select[disabled], .akl select[readonly] {font-weight:400;color:#bbb;white-space:nowrap;background:#f4f4f4 !important;border-color:#bbb !important;} .akl button[disabled]{color:#fff;border-color:#bbb !important;background:#bbb !important;} .akl button[disabled]:hover {color:#fff;} /* 2020-10-22 */ .akl input[type="number"]::-webkit-outer-spin-button, .akl input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* form-group */ .akl .form-group:after {content:"";display:block;clear:both} .akl .form-group select.form-control {width:100%;vertical-align:middle;box-shadow:none;} .akl .amway-theme .form-group > label {padding-top:7px;} .phone-group .control-group {float:left;width:40%} .phone-group .form-group {float:right;width:60%;padding-left:8px;} .phone-group:after {content:"";display:block;clear:both;width:0;height:0;} .phone-group .form-group + .clearfix {clear:both;} .form-group .address {position:relative;} .form-group .address p {margin-right:107px;margin-bottom:0 } .form-group .address button {position:absolute;right:0;top:0;padding:0 20px;min-width:95px;} .form-group .address input[type="text"] {width:100%;} .form-group .address > .form-control {margin-top:7px !important;} .form-group.def-ship_new {margin-top:-10px;} /* form-control */ .akl .form-control {display:inline-block;margin:0;font-size:14px;box-shadow:0 0 0 rgba(0,0,0,0.075) inset;} .akl .form-group.url{ display:block;width:100%} .akl span.form-control { display:block;width:100%;font-weight:400;padding:6px 8px;font-size:12px;height:auto;min-height:34px;word-break:break-all;text-align:left;} .akl select.form-control {padding:0 30px 0 15px;vertical-align:middle;font-weight:400;} .akl .opt-quantity .form-control {display:block !important;} .akl .pop-area-body .form-group button{width:100%;margin-top:5px;} /* label, label + checkbox(radio) */ .akl label, .akl label .amw-label-radio-text, .akl .amway-theme label {font-size:14px;font-weight:500;} .akl .amwa-radio + label {height:18px;line-height:1.3;} .akl .amway-theme label {padding-top:0;} .akl .amway-theme label.amw-radio-wrap .amw-radio-overlay {top:1px;} .akl .amway-theme input.amw-global-radio:checked + .amw-radio-overlay:before {background:#0075a4;} .akl .radio-label + .radio-label {margin-left:20px !important;padding-bottom:1px;} input[type=radio]{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;} [type="checkbox"]+label, [type="checkbox"]:checked+label, [type="checkbox"]:not(:checked)+label {display:inline-block;padding-left:30px;vertical-align:top;font-weight:400;line-height:20px;margin:5px 0;} [type="checkbox"]:not(:checked)+label {color:#56565a;} [type="checkbox"]:checked + label {color:#002f5f;} [type="checkbox"]:checked + label::after {top:6px;} /* 체크 V */ [type=checkbox]:not(:checked)[disabled]+label {font-weight:400;color:#bbb !important;} [type=checkbox]:not(:checked)[disabled]+label::before {background:#f4f4f4 !important;} [type=checkbox]:checked[disabled]+label {font-weight:400;color:#bbb !important;} [type=checkbox]:checked[disabled]+label::before {background:#ccc !important;border-color:#bbb;} .akl [type="checkbox"]:not(:checked) + label::before {top:0;} .akl [type="checkbox"]:not(:checked) + label::before, .akl [type="checkbox"]:checked + label::before {width:20px;height:20px;} .checkbox-element-wrapper {line-height:0;} ._checkbox-element-global-class ~ span._checkbox-element-global-span {top:0;} ._checkbox-element-global-class ~ span._checkbox-element-global-span:before {top:4px;left:2px;font-size:11px;} /* form-group basic 추가 */ .form-group.basic {overflow:hidden;margin-bottom:20px;} .form-group.basic>label {float:left;width:26%;display:block;font-size:14px;} .form-group.basic .form-blockbox {overflow:hidden;float:left;width:74%;} /* form-group :이메일 */ .akl .form-group.basic .form-set-email>span {width:auto;} .akl .form-group.basic .form-set-email input[type=text]{width:110px;} .akl .form-group.basic .form-set-email .email-select.form-control {width:115px;} .form-group.basic .form-set-email>span, .form-group.basic .form-set-mobile>span {display:block;float:left;} /* form-group :휴대폰 */ .form-group.basic .form-phone-select {width:110px;margin-right:12px;} .form-group.basic .form-phone-input {width:255px;} .form-group.basic .form-phone-input>input {width:100%;margin:0} .form-sms-receive>span{display:inline-block;margin-right:20px;} /* 전체선택 */ .akl .all-ak-check {display:inline-block;margin:9px 15px;vertical-align:middle;line-height:0;} .akl .all-ak-check ._checkbox-element-global-class ~ span._checkbox-element-global-span:before {bottom:4px;} .akl .all-txt {display:inline-block;font-size:13px;vertical-align:middle;} /* 상품목록 checkbox */ .akl .list-header .product-item-element .all-ak-check {margin:9px 15px;} .akl .product-item-element .checkbox-element-wrapper {margin-top:3px;} .akl .product-allchoice .checklabel {height:20px;margin:9px 0;} /* 암웨이 비즈니스 센터(shop finder)- mob 사이즈 */ .check-area .checkbox-element-wrapper + span {vertical-align:top;} /* 구매권한 양도/양수 checkbox */ .shopping-cart-item-list .list-header .checkbox-element-wrapper {margin:9px 0;} .akl .amway-theme .list-row-title .all-ceek .checkbox-element-wrapper {margin:2px 0 0;} /* 기타 */ .shipping-list-wrap [type="checkbox"]+.checklabel {height:20px;margin:0;} .amway-theme input.amw-global-checkbox:checked + .amw-checkbox-overlay:before {left:0;padding-left:3px;} /* ----- Flag:제품목록 외 기타 ----- */ .akl .plp-item-label-wrap {position:absolute;left:-1px;top:-1px;padding-right:40px;} .akl .product-list-item .plp-item-label-wrap {top:0;} .akl .plp-item-label {position:relative;padding-top:4px;padding-left:19px;padding-right:9px;display:inline-block;height:25px;color:#fff;text-align:center;font-weight:500;font-size:13px;line-height:1.3;margin-right:-3px;width:auto } .akl .plp-item-label.bg-red {background-color:#e11e45;}/*배경 빨강 라벨*/ .akl .plp-item-label.bg-green {background-color:#20893d;}/*배경 초록 라벨*/ .akl .plp-item-label.bg-navy {background-color:#002f5f;}/*배경 남색 라벨*/ .akl .plp-item-label.bg-blue {background-color:#008fc5;}/*배경 파랑 라벨*/ .akl .plp-item-label.bg-purple {background-color:#731472;}/*배경 보라 라벨*/ .akl .plp-item-label:after {content:"";position:absolute;right:-16px;top:0;width:16px;height:25px;border:0;} .akl .plp-item-label.bg-red:after {background:url(../images/icon_bg_red.png) no-repeat;background-size:11px 25px;} .akl .plp-item-label.bg-green:after {background:url(../images/icon_bg_green.png) no-repeat;background-size:11px 25px;} .akl .plp-item-label.bg-navy:after {background:url(../images/icon_bg_navy.png) no-repeat;background-size:11px 25px;} .akl .plp-item-label.bg-blue:after {background:url(../images/icon_bg_blue.png) no-repeat;background-size:11px 25px;} .akl .plp-item-label.bg-purple:after {background:url(../images/icon_bg_purple.png) no-repeat;background-size:11px 25px;} .akl .plp-item-label:nth-of-type(1) {z-index:99;padding-left:13px;} .akl .plp-item-label:nth-of-type(2) {z-index:98;} .akl .plp-item-label:nth-of-type(3) {z-index:97;} .akl .plp-item-label:nth-of-type(4) {z-index:96;} .akl .plp-item-label:nth-of-type(5) {z-index:95;} .akl .plp-item-label:nth-of-type(6) {z-index:94;} /* ----- 페이징 ----- */ .paging {clear:both;padding:0;text-align:center;position:relative;margin-left:4px;z-index:1;height:30px;} .paging > a {vertical-align:top;font-weight:400;} .paging ul {display:inline-block;overflow:hidden;} .paging li {display:inline-block;margin:0 2px;line-height:100%;} .paging li a {display:block;color:#56565a;width:30px;height:30px;line-height:28px;font-size:14px;box-sizing:border-box;text-align:center;} .paging li a:hover, .paging li a:focus {border:1px solid #002f5e;} .paging li.on a {color:#fff;background:#002f5e;border:1px solid #002f5e;} .paging .prev {display:inline-block;width:30px;height:30px;background:url(../images/akl_common/ico_board.png) no-repeat 0 3px;background-size:50px 50px;overflow:hidden;text-indent:-9999em;} .paging .before {display:inline-block;width:30px;height:30px;background:url(../images/akl_common/ico_board.png) no-repeat -23px 3px;background-size:50px 50px;overflow:hidden;text-indent:-9999em;} .paging .after {display:inline-block;width:30px;height:30px;background:url(../images/akl_common/ico_board.png) no-repeat 0 -22px;background-size:50px 50px;overflow:hidden;text-indent:-9999em;} .paging .next {display:inline-block;width:30px;height:30px;background:url(../images/akl_common/ico_board.png) no-repeat -23px -22px;background-size:50px 50px;overflow:hidden;text-indent:-9999em;} .paging .prev:hover {background:url(../images/akl_common/ico_board_on.png) no-repeat 0 3px;background-size:50px 50px;} .paging .before:hover {background:url(../images/akl_common/ico_board_on.png) no-repeat -23px 3px;background-size:50px 50px;} .paging .after:hover {background:url(../images/akl_common/ico_board_on.png) no-repeat 0 -22px;background-size:50px 50px;} .paging .next:hover {background:url(../images/akl_common/ico_board_on.png) no-repeat -23px -22px;background-size:50px 50px;} .paging.pointer {padding:30px 0 0;} /* ----- 툴팁 ----- */ label + .toolTip-wrapper {margin-left:6px;} .toolTip-wrapper {display:inline-block;position:relative;vertical-align:middle;} .toolTip-wrapper button {overflow:hidden;margin:0;} .toolTip-wrapper button>span{position:absolute;top:0;left:0;} .toolTip-wrapper .btn-tooltip {position:relative;overflow:visible;width:20px;height:20px;margin-top:3px;background:url(../images/akl_common/ico_tooltip_2.png) no-repeat;} .toolTip-wrapper.open .btn-tooltip:after {content:'';position:absolute;top:20px;left:-2px;width:20px;height:9px;background:url(../images/akl_common/ico_tooltip_arrow.png) 0 0 no-repeat;} .toolTip-wrapper .btn-tooltip-close {position:absolute;top:0;right:0;width:30px;height:30px;background:url(../images/akl_common/ico_tooltip_close.png) 50% 50% no-repeat;} .toolTip-wrapper .tooltip-content {display:none;position:absolute;top:32px;left:0;z-index:10;margin-left:-145px;min-width:300px;padding:15px;border-radius:5px;background:#56565a;} .toolTip-wrapper .tooltip-content.left {left:90px;} .toolTip-wrapper .tooltip-content * {font-size:13px;color:#fff;} .bonus-account-tit .toolTip-wrapper .tooltip-content {top:auto;bottom:30px} .bonus-account-tit .toolTip-wrapper.open .btn-tooltip:after {top:auto;bottom:20px;background:url(../images/akl_common/ico_tooltip_arrow_btm.png) 0 0 no-repeat;} /* ----- 툴팁2(190116) ----- */ .akl .tooltip_thisIsMenu_wrap{position:absolute;z-index:2000;opacity:1;top:-25px;right:25px} .akl .tooltip_thisIsMenu{background:white;padding:5px 10px;background-color:#002F5F;color:#fff;border-radius:20px;font-size:12px;line-height:20px;height:29px;max-width:none} .akl .tooltip_thisIsMenu::after{content:'';right:11px;bottom:-11px;position:absolute;border-top:6px solid #002F5F;border-bottom:6px solid transparent;border-left:6px solid transparent;border-right:6px solid transparent;} .akl .tooltip_thisIsMenu.off, .akl .tooltip_thisIsMenu.off::after{display:none} /* ----- 툴팁3(190221) ----- */ .akl [class*=jump-to-] > div > p{background:white;padding:5px 10px;background-color:#002F5F;color:#fff;border-radius:20px;font-size:12px;line-height:20px;height:29px;max-width:none;top:5px;left:0} .akl [class*=jump-to-] > div > p::after{content:'';right:-10px;bottom:9px;position:absolute;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid #002F5F;border-right:6px solid transparent} .akl .user-account-header .go-block .jump-to{padding:0;border-left:0 none} .akl .user-account-header .go-block .jump-to > span{background:white;padding:5px 10px;background-color:#002F5F;color:#fff;border-radius:20px;font-size:12px;line-height:20px;height:29px;max-width:none;position:relative;left:-5px;} .akl .user-account-header .go-block .jump-to > span::after{content:'';right:-10px;bottom:8px;position:absolute;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid #002F5F;border-right:6px solid transparent} /* ----- 영수증 ----- */ .pop_wrap {background-color:#fff;} .pop_content {padding:30px 30px 0;max-height:600px;overflow:auto;background-color:#f2f2f5} .pop_footer {min-height:75px;padding:20px 30px;text-align:right} .pop_header {height:60px;padding:8px 30px 0;box-sizing:border-box;background-color:#11224e;} .pop_header h1 {font-weight:500;font-size:20px !important;color:#fff;} .bill_wrap {margin-bottom:30px;font-size:11px;} .bill_wrap .bill {width:360px;padding:20px 0 20px 30px;margin:0 auto;box-sizing:border-box;background-color:#fff} .bill_wrap .bill .inner {width:300px;} .bill_wrap .bill .logo {display:block;text-align:center;} .bill_wrap .bill .logo + .list {margin-top:8px;} .bill_wrap .bill .list {padding:10px 0;} .bill_wrap .bill .list:after {content:'';display:block;clear:both} .bill_wrap .bill .list li {float:left;width:300px;line-height:16px;font-weight:400;color:#666} .bill_wrap .bill .list li + li {margin-top:2px;} .bill_wrap .bill .list li span {display:inline-block;width:110px;} .bill_wrap .bill .list.prdt li span {width:auto;color:#1a1a1a;font-weight:500} .bill_wrap .bill .list.prdt li span + span {margin-left:18px;} .bill_wrap .bill .list li em {display:inline-block;width:190px;text-align:right;font-size:11px;color:#1a1a1a;font-weight:500} .bill_wrap .bill .list li.fx {line-height:16px;display:inline-block;width:148px;} .bill_wrap .bill .list li.fx:nth-child(even) span {padding-left:10px;} .bill_wrap .bill .list li.fx:nth-child(even) em {width:88px;} .bill_wrap .bill .list li.fx span {width:60px;} .bill_wrap .bill .list li.fx em {width:70px;} .bill_wrap .bill .list li.txt_b span, .bill_wrap .bill .list li.txt_b em {font-weight:700} .bill_wrap .bill .list + .list {border-top:1px solid #ccc} .bill_wrap .bill .txt {padding-top:10px;font-size:12px;color:#666;border-top:1px solid #ccc;} .bill_wrap .bill .elips {display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .bill_wrap .bill .elips.w100 {width:100px !important;line-height:10px} /** --------------------------------- * @ 공통 :owl-carousel * --------------------------------- */ /* base.css */ .homepage_banner .slick-slider{margin-bottom:10px;} .owl-prev{position:absolute;top:50%;left:40px;float:left;width:30px;height:30px;margin-top:-15px;font-weight:100;} .owl-next{position:absolute;top:50%;right:40px;float:left;width:30px;height:30px;margin-top:-15px;font-weight:100;} .owl-dots{position:absolute;right:80px;bottom:30px;width:auto;} .owl-dots .owl-dot span{opacity:1;background:#ffffff;box-shadow:0 0 2px #555555;} .owl-dots .owl-dot.active span{background:#8a9fb8;} /* akl_common.css 라인 487*/ .akl .owl-nav div {background:none;text-indent:-999px;height:22px;} .akl .owl-nav div::before {display:none;} .akl .owl-nav .owl-prev {left:0;background:url(../images/akl_common/icon_slide_prev_off.png) no-repeat left 50% !important;background-size:12px 22px !important;text-indent:-999px;overflow:hidden;} .akl .owl-nav .owl-next {right:0;background:url(../images/akl_common/icon_slide_next_off.png) no-repeat right 50% !important;background-size:12px 22px !important;text-indent:-999px;overflow:hidden;} .akl .owl-nav .owl-prev:hover {background:url(../images/akl_common/icon_slide_prev_on.png) no-repeat left 50% !important;background-size:12px 22px !important;} .akl .owl-nav .owl-next:hover {background:url(../images/akl_common/icon_slide_next_on.png) no-repeat right 50% !important;background-size:12px 22px !important;} .akl .owl-nav button.disabled {display:none;} /* 쇼핑메인(G00000.html) */ /* .akl #banner_list .owl-nav .owl-prev {left:0;} .akl #banner_list .owl-nav .owl-next {right:0;} */ .akl #sub_banner_list .owl-nav > button {margin-top:-55px;} .akl #sub_banner_list .owl-nav .owl-prev {left:30px;} .akl #sub_banner_list .owl-nav .owl-next {right:30px;} /* 로고 */ .akl .site-logo a{position:absolute;top:0;height:75px;width:auto;line-height:75px} /* 190313_수정 상단 로고 위치 */ /* 함께하면 좋은 제품 */ .akl .amway-suggest__list .owl-nav .owl-prev {left:-30px;} .akl .amway-suggest__list .owl-nav .owl-next {right:0;} .akl .popover-content .amway-suggest__list .owl-nav .owl-prev {left:-15px;} /* 최근 본 제품 */ #recentlyViewedListTab.owl-carousel .owl-item {padding:0 15px;} .akl #recentlyViewedListTab .owl-nav .owl-prev {left:18px;} .akl #recentlyViewedListTab .owl-nav .owl-next {right:18px;} .akl .product-recentlyviewed__imagelist a.product-list__thum {width:100%;min-width:133px;height:133px;padding:0;} /* 개발페이지 적용 */ /* 관련자료/온라인 교육자료 */ .akl .amway-theme .owl-carousel .carousel-link-wrap .primary-link span {font-weight:500;font-size:16px;line-height:1.1;text-align:left;color:#fff;display:block;height:77px;padding:15px 24px 0 19px;} .akl #productLearningListTabs .owl-prev {left:-15px;} .akl #productLearningListTabs .owl-next {right:-15px;} /* 관련자료/온라인 교육자료 (제품상세) */ .akl .new-amway-competitive #productLearningListTabs .owl-prev {left:-30px;} .akl .new-amway-competitive #productLearningListTabs .owl-next {right:-30px;} /* 장바구니 > 추천 프로모션 */ .akl .carousel-title-containeramway-suggest__list .owl-nav .owl-prev {left:0;} .akl .carousel-title-containeramway-suggest__list .owl-nav .owl-next {right:0;} /* 회원가입 완료 > brand list */ .akl .brandsList .owl-nav .owl-prev {left:-30px;} .akl .brandsList .owl-nav .owl-next {right:-30px;} /* owl 사용유무 확인 후 삭제예정 :2018.08.10 .akl .owl-theme .owl-controls .owl-nav div {background:none;text-indent:-999px;height:22px;} .akl .owl-theme .owl-controls .owl-nav div::before {display:none} .akl .owl-theme .owl-controls .owl-nav .owl-prev {left:0;background:url(../images/akl_common/icon_slide_prev_off.png) no-repeat left top !important;} .akl .owl-theme .owl-controls .owl-nav .owl-next {right:0;background:url(../images/akl_common/icon_slide_next_off.png) no-repeat right top !important;} .akl .owl-theme .owl-controls .owl-nav .owl-prev:hover {background:url(../images/akl_common/icon_slide_prev_on.png) no-repeat left top !important;} .akl .owl-theme .owl-controls .owl-nav .owl-next:hover {background:url(../images/akl_common/icon_slide_next_on.png) no-repeat right top !important;} .img-product .owl-theme .owl-controls .owl-nav .owl-prev {left:15px;} .img-product .owl-theme .owl-controls .owl-nav .owl-next {right:15px;} */ /** --------------------------------- * @ 공통 :탭 * --------------------------------- */ .tabWrapper {position:relative;display:block;} .tabWrapper:after {content:'';position:absolute;z-index:-1;left:0;right:0;bottom:0;width:100%;height:1px;background:#dadada;} .amway-theme .tabs-toggles {display:table;margin:0;padding:0;} .amway-theme .tabs-toggles .tab-toggle-wrap {display:table-cell;height:50px;vertical-align:middle;text-align:center;background:#f4f4f4;border:1px solid #dadada;border-left:0;} .amway-theme .tabs-toggles .tab-toggle-wrap:nth-of-type(1) {border-left:1px solid #dadada;} .amway-theme .tabs-toggles .tab-toggle-wrap .tab-toggle {display:block;min-width:120px;padding:2px 20px 3px;line-height:120%;word-break:break-all;} .amway-theme .tabs-toggles .tab-toggle-wrap .tab-toggle .toggle-text {font-weight:500;font-size:14px;line-height:120%;word-break:break-all;color:#55565a;} .amway-theme .tabs-toggles .tab-toggle-wrap .tab-toggle:hover .toggle-text {color:#002f5f;} .amway-theme .tabs-toggles .tab-toggle-wrap .tab-toggle:focus {text-decoration:none;} .amway-theme .tabs-toggles .tab-toggle-wrap.active {border-top:4px solid #008fc5;border-bottom:1px solid #fff;background:#fff;} .amway-theme .tabs-toggles .tab-toggle-wrap.active .tab-toggle {padding:0 20px 4px;} .amway-theme .tabs-toggles .tab-toggle-wrap.active .tab-toggle .toggle-text{color:#002f5f;} .amway-theme .tabs-toggles.width-auto .tab-toggle-wrap .tab-toggle {padding:0 5px;min-width:auto;} .akl .outer-border-bottom {margin-bottom:20px;} /*2019.02.21*/ .akl .outer-border-bottom .tabs-toggles .tab-toggle-wrap .tab-toggle .toggle-text i {display:inline-block;} /* 검색 > 탭 */ .col-search-tab {position:relative;margin:0 0 40px;padding:0;} .col-search-tab ul {display:table;width:100%;margin:0;padding:0;table-layout:fixed;} .col-search-tab ul li {display:table-cell;height:50px;vertical-align:middle;line-height:120%;background:#f4f4f4;border:1px solid #dadada;border-left:0;} .col-search-tab ul li:nth-of-type(1) {border-left:1px solid #dadada;} .col-search-tab ul li a {display:block;width:100%;padding:0 10px;text-align:center;color:#55565a;} .col-search-tab ul li a span {font-weight:500;} .col-search-tab ul li.active {background:#fff;border-top:4px solid #008fc5;border-bottom:0;} .order-payment .outer-border-bottom + .tab-content {padding-top:0;} .akl .tab-content .list-content {padding-top:0;} /* 비즈니스 > 사업성장 특별보상 프로그램 */ /* .col-search-tab.num03 ul li {width:33.333333%;} .col-search-tab.num04 ul li {width:25%;} .col-search-tab.num05 ul li {width:20%;} */ /* 주문결제 > 결제방법 선택 > 카드사 혜택보기팝업 */ .col-search-tab.card {margin-bottom:30px;} .col-search-tab.card ul li {width:20%;} .col-search-tab.card ul li:last-child {border-right:1px solid #dadada} /** --------------------------------- * @ 공통 :step * --------------------------------- */ .step-wrap + .h4-txt {margin-top:-20px;} .akl .layerWrapper .checkout-steps {padding:0;} .akl .step-wrap .checkout-steps {margin-bottom:20px;padding:0 !important;} .checkout-steps-circle, .checkout-steps-circleactive {display:none;} .checkout-steps {display:table;width:100%;max-width:1400px;margin:0 auto;padding:0;font-size:12px;line-height:initial;} .checkout-step {position:relative;display:table-cell;height:60px;padding:0;vertical-align:middle;font-size:16px;font-weight:500;line-height:initial;text-align:center;text-transform:none;color:#55565a;border:1px solid #dadada;border-width:1px 0 1px 1px;background:#f4f4f4;} .checkout-step:before, .checkout-step:after {content:'';position:absolute;top:0;border-top:30px solid transparent;border-bottom:30px solid transparent;} .checkout-step:before {left:0;border-left:13px solid #dadada;} .checkout-step:after {left:100%;z-index:20;border-left:13px solid #F4F4F4;} .checkout-steps-active:after {border-left-color:#fff;} .checkout-step:first-child::before, .checkout-step:last-child::after{border:none;} .checkout-step:last-child {border-right:1px solid #dadada;} .checkout-steps-active:after {border-left-color:#fff;} .checkout-steps-text {position:relative;display:inline-block;padding-left:30px;margin:0;vertical-align:middle;-webkit-transform:none;-ms-transform:none;transform:none;} .checkout-steps-text:before, .checkout-steps-before .checkout-steps-text:before {content:'\e909';position:absolute;top:3px;left:0;display:block;width:20px;height:20px;margin:0;padding:0 1px 0 0;line-height:18px;box-sizing:border-box;color:#929292;border:1px solid #929292;background:transparent;font-family:'AmwayIcons' !important;font-size:10px;font-weight:100;border-radius:100%;box-shadow:none;} .checkout-steps-active {color:#0075a4;background:#fff;} .checkout-steps-active .checkout-steps-text:before {border-color:#0075a4;color:#0075a4;} .checkout-steps-before .checkout-steps-text {margin-left:0;color:#56565a;} .checkout-steps-before .checkout-steps-text:before {color:#fff;border-color:#0075a4;background:#0075a4;} /* 스텝 사이즈 */ .checkout-steps .checkout-step {width:25%;letter-spacing:-1px;} .checkout-steps.num03 .checkout-step {width:33.3333%;} .shipping-delivery .checkout-steps .checkout-step {float:none;width:50%;} /** --------------------------------- * @ 공통 :테이블(UL/DIV) * --------------------------------- */ /* table :view */ .tbl-list-view {display:table;width:100%;table-layout:fixed;margin-bottom:10px;box-sizing:border-box;border-bottom:1px solid #e3e3e3;word-break:break-all;} .tbl-list-view .thead {display:table-header-group;} .tbl-list-view .tbody {display:table-row-group;font-size:14px;} .tbl-list-view .thead .tr>strong , .tbl-list-view .tr>.th {display:table-cell;padding:10px 15px;color:#002f5f;font-size:13px;font-weight:500;text-align:center;background:#f4f4f4;border-top:1px solid #e3e3e3;} .tbl-list-view .tbody .tr>strong {display:none;} .tbl-list-view .tr {display:table-row;} .tbl-list-view .tr>strong {font-size:13px;color:#002f5f;font-weight:500;} .tbl-list-view .tr>div {display:table-cell;vertical-align:middle;padding:10px 15px;box-sizing:border-box;border-top:1px solid #e3e3e3;} .tbl-list-view.terms .tbody .tr>div {vertical-align:top;} .tbl-list-view.terms .tr>.th.mob-block {text-align:left;width:40%;} .tbl-list-view.center-desktop .tr>div {text-align:center;} /* table :list */ .akl .tbl-list-board .all-ak-check {margin:0 0 5px;} .tbl-list-board {display:table;width:100%;table-layout:fixed;margin-bottom:10px;box-sizing:border-box;border-bottom:1px solid #e3e3e3;word-break:break-all;} .tbl-list-board * {font-size:14px;} .tbl-list-board .thead {display:table-header-group;} .tbl-list-board .tbody, .tbl-list-board .tfoot {display:table-row-group;font-size:14px;} .tbl-list-board .thead .tr>strong {text-align:center;display:table-cell;padding:10px 15px;color:#002f5f;font-size:13px;font-weight:500;background:#f4f4f4;border:1px solid #e3e3e3;border-width:1px 0;vertical-align:middle;} .tbl-list-board .tbody .tr>strong {display:none;} .tbl-list-board .tbody .tr:nth-of-type(even) {background:#f4f4f4;} .tbl-list-board .th {background:#f4f4f4;} .tbl-list-board .tr {display:table-row;} .tbl-list-board .tr>strong {color:#002f5f;font-size:13px;font-weight:500;} .tbl-list-board .tr>div {display:table-cell;vertical-align:middle;padding:7px 15px 8px;box-sizing:border-box;border-top:1px solid #e3e3e3;}/*20190131 수정*/ .tbl-list-board.authorization .tr>div {text-align:center} /* table :tbody에서 th노출(모바일view) */ .tbl-list-board.type-tbody-th {margin-bottom:20px;} .tbl-list-board.type-tbody-th .tr:nth-of-type(even)>div {background:#f4f4f4;} .tbl-list-board.type-tbody-th .mob-block>strong {display:none;} .tbl-list-board.type-tbody-th .mob-block>p{margin-bottom:0} .tbl-list-board.type-tbody-th .tbody .tr>div {border-top:0;width:16%;text-align:center} .tbl-list-board.type-tbody-th .tfoot .tr {text-align:center;} .tbl-list-board.type-tbody-th .tfoot .tr>div>p {color:#002f5f;font-weight:500;} /* table :결과없음 */ .tbl-list-board .tr.no-result {display:block !important;} .tbl-list-board .tr.no-result>div:first-child {display:block !important;width:100%;padding:30px 0;} .tbl-list-board .tr.no-result>div:not(:first-child) {width:0 !important;} /* .tbl-list-board .tr.no-result>div:first-child p {position:absolute;top:0;left:0;right:0;width:100%;height:100%;text-align:center;} */ /* table :tbody에서 th block (모바일view - .tbl-list-view 와 비슷) */ .tbl-list-board.type-row-block .tr {text-align:center;} .tbl-list-board.type-row-block .tr>div p {margin-bottom:0;} .tbl-list-board.type-row-block .tr.no-result>div {padding:40px 0;} .tbl-list-board.type-row-block .tbody .tr:nth-of-type(even).no-result {background:#fff;} .tbl-list-board.type-row-block .mob-block .th {display:none;} /* 테이블 고정 메시지 */ .tbl-list-board .tbody .tr.state-fixed .cell-title a{color: #022f5f;font-weight: 700;} .tbl-list-board.tbl-customMessage .tr.state-fixed>div.cell-label{width: 42px;text-align: center;} .tbl-list-board.tbl-customMessage .tr>div.cell-label .fixed-icon{display: inline-block;width: 20px;text-align: right;} .tbl-list-board.tbl-customMessage .tr>div.cell-label .fixed-icon:after{position: relative;top: -1px;font-family: 'AmwayIcons'!important;font-size: 9px;font-weight: normal;font-style: normal;font-variant: normal;content: '\e909';text-transform: none;color: #1cb4f9;speak: none;-webkit-font-smoothing: antialiased;} .tbl-list-board .tbody .tr.state-fixed .cell-label, .tbl-list-board .tbody .tr.state-fixed .cell-confirm, .tbl-list-board .tbody .tr.state-fixed .cell-date, .tbl-list-board .tbody .tr.state-fixed .cell-title{border-bottom: 1px solid #002f5f;} .tbl-list-board .tbody .tr.state-fixed + .tr{border-top: 1px solid #002f5f;} /* table :tbody에서 th노출안함(모바일view) */ .tbl-list-board.type-td-show .tr {text-align:center;} .tbl-list-board.type-td-show .tr>div {border-top:0;} .tbl-list-board.type-td-show .tbody .mob-block>strong {display:none;} .tbl-list-board.type-td-show .tbody .mob-block>p {margin-bottom:0;} /* ----- 코어 테이블(div) ----- */ /* common > table */ .akl table th {color:#002f5f;background-color:#f4f4f4;} .akl table thead tr {height:40px;border-top:1px solid #dadada;border-bottom:1px solid #dadada;background:#f4f4f4;} .table-content {clear:both;padding:8px 0 15px;} .table-wrapper {width:100%;box-sizing:border-box;height:300px;overflow:auto;} .tbl-type1 {width:100%;border-top:1px solid #e3e3e3;} .tbl-type1 th, .tbl-type1 td {border-bottom:1px solid #e3e3e3;padding:10px 20px;vertical-align:middle;word-break:break-all;} .tbl-type1 th {background:#f4f4f4;font-size:13px;color:#002f5f;font-weight:500;} .tbl-type1 td {background:#fff;font-size:14px;line-height:22px;} .tbl-type1 thead th {text-align:center;} .tbl-type1 tbody th {text-align:left;} .refund-box .tbl-type1 th, .refund-box .tbl-type1 td {font-size:12px;padding:8px 18px;} .refund-box + .return-check {margin-top:10px;} .tbl-type2 {width:100%;border-top:1px solid #e3e3e3;} .tbl-type2 th, .tbl-type2 td {border-bottom:1px solid #e3e3e3;padding:8px 18px;text-align:left;vertical-align:middle;word-break:break-all;} .tbl-type2 th {background:#f4f4f4;font-size:14px;color:#002f5f;font-weight:500;line-height:20px;} .tbl-type2 td {background:#fff;font-size:12px;line-height:18px;color:#808285;} .tbl-type1 th:last-child {text-align:center !important;} .akl .datepicker-days table th {color:#fff;background:#002f5f;border-bottom:1px solid #dadada;text-align:center} .akl .datepicker-days table thead tr {height:auto;line-height:130%;border-top:0;border-bottom:0;} .akl .datepicker-months table th {color:#fff;background:#002f5f;border-bottom:1px solid #dadada;} .akl .datepicker-months table thead tr {height:auto;line-height:130%;border-top:0;border-bottom:0;} /* common > table list > sp3,4 */ .akl .col-ak-10 {width:100%;} .akl .list-content {clear:both;display:table;width:100%;margin:10px 0 0;padding:0;table-layout:fixed;border:1px solid #e3e3e3;border-width:1px 0;} .akl .list-content .search-no-result.line {border-top:1px solid #e3e3e3;border-bottom:0;} .akl .list-content .search-no-result>p {margin-bottom:0;} .akl .list-content .list-row-title {display:table;width:100%;vertical-align:middle;table-layout:fixed;box-sizing:border-box;background-color:#F4F4F4;border-top:0;} .akl .list-content .list-row-title > div {display:table-cell;padding:10px 0;box-sizing:border-box;vertical-align:middle;text-align:center;color:#002f5f;font-size:13px;font-weight:500;} .akl .list-content .list-row-title:after, .akl .list-content .content-list:after {content:'';display:table;} .akl .list-content .content-list {display:table;width:100%;padding:14px 0 18px;margin:0;box-sizing:border-box;vertical-align:middle;border-top:1px solid #eee;background:#fff;} .akl .list-content .content-list:nth-child(odd) {background:#f4f4f4;} .akl .list-content .content-list .con-list-item span.txt-label {letter-spacing:-0.05em;} .akl .list-content .content-list .con-list-item span.txte-wrap {display:block;font-size:14px;font-weight:400;line-height:22px;color:#56565a;letter-spacing:-0.05em;text-align:center;} .akl .list-content .content-list .con-list-item span.txte-wrap a {font-weight:400;} .akl .list-content .content-list .con-list-item span.txte-wrap a:hover {} .akl .list-content .content-list .con-list-item .bt-akl-white.mini {min-width:auto;padding:0 8px 0 6px;} .akl .list-content .content-list .con-list-item .bt-akl-blue.mini {min-width:auto;padding:0 8px 0 6px;} .akl .list-content .content-list .con-list-item span.txte-wrap .col-disabled { display:inline;} .akl .content-list .con-list-item {display:table;width:100%;vertical-align:middle;box-sizing:border-box;table-layout:fixed;} .akl .content-list .con-list-item > div {display:table-cell;vertical-align:middle;box-sizing:border-box;word-break:keep-all;} /* 190221_수정 사업현황 단어단위 줄내림 */ .akl .list-content .content-list .con-list-item .rese-subje span.txte-wrap {text-align:left} .akl .con-list-item span.txte-wrap strong {color:#0075a4;font-weight:500;font-size:14px !important;} .akl .con-list-item span.txte-wrap strong a {font-weight:500;} .akl .con-list-item span.tite-label {display:none;} .akl .con-list-item .txte-btn button {display:inline-block;margin-right:6px;} .akl .con-list-item .txte-btn button:last-child {margin-right:0;} .akl .con-list-item .txte-btn button.bt-akl-blue.mini {padding:1px 15px 4px;} .akl .con-list-item .pur-day span.txte-wrap {width:50%;display:table;word-break:break-all;} .akl .con-list-item span.txte-wrap em {display:block;font-size:14px;} .akl .con-list-item span.txte-wrap em a {font-weight:500;font-size:14px;} .akl .con-list-item div.search-no-result {display:table;width:100%;} /* ----- 블릿 목록 ----- */ .list-style-cont {padding:37px 0 0;} .list-type1 {margin-bottom:5px;} .list-type1 > li, p.list-type1 {background:url(../images/akl_common/ico_arr_line.png) no-repeat left 10px;padding:0 0 3px 10px;font-size:14px;} .list-type2 > li , p.txt-italic {background:url(../images/akl_common/ico_star.png) no-repeat left 5px;background-size:5px;padding:0 0 4px 10px;font-size:13px;color:#808285;line-height:18px;font-style:italic;} .list-type2 > li b, p.txt-italic b{font-size:13px} .list-type2 > li a, p.txt-italic a {font-size:13px;} .list-type2 > li strong {font-size:13px;} .list-type3 {margin:0;padding:0;} .list-type3 > li {list-style:none;padding:0 0 10px;} .list-type3 span {display:inline-block;width:28px;height:28px;text-align:center;border:1px solid #5e5e62;border-radius:50%;background:#fff;vertical-align:middle;line-height:25px;margin-right:10px;} .list-type3 > li p {padding:0 30px 0 38px;} .list-type3 > li > .list-type2 {padding:0 0 0 38px;} .list-type3 > li > .list-type2 > li {padding:0 0 4px 10px !important;} .list-type4 {margin:0;padding:0 0 5px;} .list-type4 > li {background:url(../images/akl_common/ico_arr_line.png) no-repeat left 10px;padding:0 0 3px 10px;font-size:14px;} .list-type5 {margin:0;padding:0 0 5px;} .list-type5 > li, p.list-type5 {position:relative;padding:0 0 3px 10px;font-size:14px;} .list-type5 > li:before, p.list-type5:before {content:"";position:absolute;width:3px;height:3px;background:#56565a;left:0;top:9px;} .list-type5 > li .tit {display:block;margin-bottom:3px;} .list-type7 > li , p.txt-italic {background:url(../images/akl_common/ico_star.png) no-repeat left 5px;background-size:5px;padding:0 0 4px 10px;font-size:12px;color:#808285;line-height:18px;} .list-type7 > li b, p.txt-italic b{font-size:13px} .list-type7> li a, p.txt-italic a {font-size:13px;} .list-type7 > li strong {font-size:13px;} ul .ol-list {margin:10px 0 20px 15px;} .ol-list li {list-style:decimal !important;} .list-left-depth>li {margin-bottom:5px;} .list-left-depth>li>ul{margin-left:15px;} .akl .list-type2.tline {padding-top:20px;border-top:1px solid #dadada;} p.txt-warning {padding-left:22px;text-indent:-22px;} .akl [class*=list-type]{word-break:keep-all} /* 190220_추가 리스트에 단어단위 줄바꿈 */ /* 2019.01.30 align 추가 */ .align-area {position:relative;display:block;width:100%;font-size:0;} .align-area .align-item.left {display:inline-block;vertical-align:middle;text-align:left;font-size:initial;} .align-area .align-item.right {display:inline-block;vertical-align:middle;font-size:initial;position:absolute;right:0;top:50%;transform:translateY(-50%);margin:0;} @media (min-width:1025px) { .akl .datepicker {width:auto !important;} } @media (min-width:769px){ .container {width:auto;} /* 검색버튼 - text 숨김해제 */ .akl .btn.btn-primary span.hidden-sm {display:block !important;} /* 암웨이플라자 shopfinder F10000 */ .mob-view-box {display:none;} /* TYPE 4 :어드민 등록용 */ .akl .layerWrapper.admin {position:fixed;left:0;top:0;width:600px;height:660px;} .search-list-page-right-result-list-slot .product__list--wrapper .product__list .product__list--item:nth-child(3n + 1) {clear:none} .col-search-right .search-list-page-right-result-list-slot .product__list--wrapper .product__list .product__list--item:nth-child(4n + 1) {clear:none} } @media (max-width:1270px) { .akl .qlink-left-box {width:800px;padding-right:0;} .akl .qlink-right-box {float:left;padding-left:15px;} } @media (max-width:1100px) { .tab-pane.gnb-nav .depth2-links>ul>li {width:180px;} .tab-pane.gnb-nav.shop-oneForOne .depth2-links>ul>li {width:140px;} } @media (min-device-width:1025px){ /* webkit 스크롤 */ .tabWrapper::-webkit-scrollbar-track {background-color:rgba(245,245,245,0.1);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0);} .tabWrapper::-webkit-scrollbar {width:6px;height:6px;background-color:rgba(245,245,245,.8);} .tabWrapper::-webkit-scrollbar-thumb {width:6px;height:6px;background-color:rgba(0,0,0,0.1);} /* IE 스크롤 */ .tabWrapper {-ms-overflow-style:-ms-autohiding-scrollbar;} } @media (max-width:1025px){ .title-box .product-list-page-title h1.coupon, .title-box .product-list-page-title h1.myorder, .title-box .product-list-page-title h1.brokerage, .title-box .product-list-page-title > h1.prde-reser {padding:0 0 5px 25px;} .akl .icon-sub-title:after, .title-box .product-list-page-title h1.coupon:after, .title-box .product-list-page-title h1.myorder:after, .title-box .product-list-page-title h1.brokerage:after, .title-box .product-list-page-title > h1.prde-reser:after {left:0;} .akl .title-box .product-list-page-title h1.purchase {padding:0 0 5px 30px;} .akl .title-box .product-list-page-title h1.purchase:after {left:0;} /* loading */ .akl .loading_new .table img {width:50px} } @media (min-width:769px) and (max-width:1024px) { /* headr */ .header-element-content {max-width:none !important;width:100% !important;box-sizing:border-box;} header.main-header .amway-theme .header-container .header-wrapper{margin:0;max-width:none !important;width:100% !important;} header.main-header .amway-theme .amw-navigation-menu .navigation-menu-container{margin:0;max-width:none !important;width:100% !important;} .search-list-page-right-result-list-component {padding-left:0;} .akl .product__list--wrapper .pagination-bar .pagination-toolbar {padding-left:0;} .plp > .new-plp > .row > [class^=col-xs]{padding-right:20px;} .new-plp>.row>.col-xs-3 {width:36% !important;} .new-plp>.row>.col-md-9 {width:64% !important;} .product-list-right-slot .product__list--item.col-md-4 {width:50% !important;} } @media (max-width:920px) { /* header > navigation > 1depth */ header.main-header .overlay-menu-container .overlay-menu .overlay-menu-headers.col-sm-3 {min-width:180px;width:20%;} .akl header.main-header .overlay-menu-container .overlay-menu .overlay-menu-headers .tab-header-list .tab-header-item a.tab-toggle {padding:0 0 0 25px !important;height:66px;} .akl header.main-header .mobile-container .overlay-mobile-menu .overlay-menu-component-mobile-wrapper .panel-group .overlay-menu-mobile__panel__heading h4.panel-title .panel-toggle .tab-image img {height:30px;} /* 190409_수정 모바일 GNB 아이콘 크기 수정 */ .akl .gnb-nav {padding-left:0;height:450px;} .akl .overlay-menu-tab-left {padding:40px 0 0 20px;min-width:150px;} .overlay-menu-container .search-results-close {right:15px;} .tab-pane.gnb-nav .depth2-links>ul>li {min-height:40px;} .tab-pane.gnb-nav .depth2-links>ul>li .depth3-links {padding-bottom:20px;} #navMenuTab2 .depth2-links>ul {height:390px;} #navMenuTab4 .depth2-links>ul {height:400px;} .akl .quick-links-misc .quick-links-sns {margin-top:30px;padding-bottom:18px;} .akl .row.category-success-story {margin:30px auto;}/*2019.02.21*/ .akl .box-date-select .form_datetime {min-width:auto;} } @media (max-width:768px){ /* account agree */ .new-join-wrap .new-check-one p, .new-join-wrap .ipt_area.on .form_label {color:#55565a} .new-join-wrap .ipt_area .form_ipt01 {color:#002f5f !important} .mob-nav-item { } .logintooltip { left:12px;top:44px;z-index:999 } .icon.icon-user + .logintooltip {left:50%;top:31px;z-index:999;margin-left:-30px;z-index:999;} .logintooltiplog {color:#002f5f;background:#fff;border:1px solid #002f5f;border-radius:24px;display:block;height:26px;line-height:26px;position:absolute;top:49px;right:-33px;width:124px;text-align:center;letter-spacing:-1px;white-space:nowrap;} .logintooltiplog b{display:block;font-weight:400;padding:0 10px;} .userinfo-open .logintooltiplog {display:none} .mincart-open .logintooltiplog {display:none} .quick-links{padding-top:0;margin-top:20px;} .quick-links .collapse.in{display:block!important;} .quick-links .col-sm-8{width:100%;} .quick-links .col-sm-3{width:100%;padding-left:10px;} .quick-links .panel{margin-bottom:0;border-bottom:1px solid rgba(218, 218, 218, .8);} .quick-links .container{padding:0;} .quick-links .container .row{margin:0;} .quick-links-misc{width:100%;} .footer{height:250px;} .footer-logos{margin:30px 17px 28px 22px;} .footer-logos img{max-width:100%;} .quick-links-header:before{position:relative;top:-1px;padding-right:5px;font-family:'Glyphicons Halflings';font-size:10px;content:'\002b';color:#0075a4;} .switcher .quick-links-header:before{content:'\2212';} .quick-links .quick-links-item ul.collapse{display:none;margin-bottom:10px;} .quick-links .switcher ul.collapse{display:block;margin-bottom:10px;} .quick-links-item ul{padding-left:20px;} /* 퀵리스트 */ .akl .quick-links ul li {padding-top:3px;padding-right:0} /* 20190211_수정 푸터 제목리스트 강조 */ .akl .container .row.footer-quick {overflow:initial;} .akl .qlink-left-box {padding-right:0;} .akl .qlink-left-box, .akl .qlink-right-box {float:initial;width:100%;} .akl .quick-links-header {padding:5px 15px 4px;margin-bottom:0;} .akl .quick-links-header:before {padding-left:7px;} .akl .quick-links-misc {display:block;clear:both;float:initial;padding:0 15px 0;} .akl .quick-links ul ul {padding-bottom:10px;} .akl .quick-links-item {width:100%;} .akl .quick-links-item ul {padding-left:37px;} .quick-links-header.akl-foot {padding-left:37px;} .quick-links-header.akl-foot:before {display:none} } @media (max-width:768px){ /* 최 상단 배너 */ .akl.topbanner main{margin-top:122px;} .akl.topbanner .breadcrumb {margin-top:0;} .akl.topbanner header.main-header .mobile-container .overlay-mobile-menu { padding-bottom:100px;} .akl main {margin-top:62px;} .akl main.easy-wrap{margin-top:0;} /* 190123_추가 간편가입 */ .akl.topbanner .userinfo-open #login-drop-content {margin-top:60px;} .akl.topbanner header.main-header .amway-theme .header-container .mini-cart-items-container {top:120px;} .akl.topbanner .popover-content{overflow:hidden;overflow-y:auto;max-height:calc(100vh - 130px);padding:10px;} .popover-content{overflow:hidden;overflow-y:auto;max-height:calc(100vh - 75px);padding:10px 10px 5px 10px} /* 190117_수정 대시보드 간격 조절 *//*20190211 수정 padding:10px 10px 5px 10px*/ /* ----- 스크롤바 plugin 전용 :2018.09.10 ----- */ .scrollbar-inner>.scroll-element.scroll-y{width:4px;} .scrollbar-inner>.scroll-element .scroll-bar{background-color:rgba(194,194,194, 0)} .scrollbar-inner>.scroll-element:hover .scroll-bar{background-color:rgba(194,194,194,0)} /* ----- core 재정의 ----- */ .akl header.main-header .amway-theme .mobile-container {margin-top:-75px;} .akl header.main-header .mobile-container .mobile-wrapper {height:62px;} .akl header.main-header .mobile-container .mobile-wrapper .mobile-nav-row-btn-logo .banner {margin-top:-5px;} /* ----- 공통 UI ----- */ .main-container, .akl .container {padding:0 15px;} .paging.pointer {padding:15px 0 0;} /* 190116_점프 메뉴 색상 변경 */ .jump-menu .currentTxt, .jump-menu .hasSub {background-color:#f7f7f7} .jump-menu .currentTxt.active, .jump-menu .on .hasSub {background-color:#eee} .jump-menu .menu-dep1{background-color:#f7f7f7} .jump-menu .menu-dep2{background-color:#f7f7f7} .jump-menu .select-list{background-color:#f7f7f7} /* //190116_점프 메뉴 색상 변경 */ /* 위로이동(작업예정) */ .scrollTopWrapper {bottom:15px;right:15px;} /* loading */ .loading .loading-wrap img {width:55px;} img.loader-size {width:35px;} /* 개발 ajax */ /* renewal loading*/ .akl .loading-wrap .box_loading-area {width:60px;height:60px} .loading .loading-wrap .box_loading-area img {width:50px} /* error */ .error-wrap {display:flex;-ms-display:flexbox;align-items:center;height:100%;width:100%;/*display:table;position:fixed;left:0;top:0;bottom:0;*/ } .error-wrap .error-inner { text-align:center;width:100%;padding:0 20px;/*display:table-cell;vertical-align:middle;*/ } .error-wrap .error-inner h1 {text-indent:0} .error-wrap .error-inner .error-tit{font-size:24px;} .error-wrap .error-inner .error-text { } .error-wrap .error-inner dl{width:100%;margin:37px auto 0;} .error-wrap .error-inner dt{width:20%;} .error-wrap .error-inner dd{width:80%;} .error-wrap .error-btn {border-top:0;} .error-wrap .error-btn .bt-akl-blue, .error-wrap .error-btn .bt-akl-white {max-width:200px;padding:0;width:47%;text-align:center;margin:0 1%;} /* 최 상단 배너 */ .akl-top-banner .inner a{ padding:0 60px 0 20px;} .akl-top-banner .inner button { width:40px;} .akl-top-banner .inner a span.pc {display:none;} .akl-top-banner .inner a span.mob {display:block;} .akl-top-banner .inner a span.mob img{ height:60px;width:auto;} /* 공통:display */ .akl .break {display:inline-block;} .disNone-m {display:none} .dis-inline-block {display:inline;}/*모바일용*/ /* 알럿,컨펌 */ .akl-alt-pop {margin:0 15px;width:auto;} /* 페이징 */ .paging {padding:0;clear:both;} .paging li {margin:0;} /* ----- 헤더 ----- */ .mob-tit4 {border-bottom:1px solid #dadada;position:relative;margin-bottom:0;} .mob-tit4 a {display:block;font-size:16px !important;} .akl .breadcrumb-section {margin:0 0 0;} .akl .extraclass1 {top:63px ;} .akl .message-num-1 {font-weight:500;line-height:20px;padding:0 5px;} .akl .mini-cart-icon .nav-items-total {font-weight:500 !important;padding:0 5px;} .akl header.main-header .amway-theme .mobile-container .mobile-wrapper .mobile-cart-container .mini-cart-link .mini-cart-icon {top:3px;} .akl .amway-theme .btn {background:#fff;} .akl .amway-theme .btn.bt-akl-white:hover {background:#002F5F;} .akl header.main-header .amway-theme .mobile-container .overlay-mobile-menu .overlay-menu-component-mobile-wrapper .panel-group .active:before {left:10px;} .akl header.main-header .amway-theme .mobile-container .overlay-mobile-menu .overlay-menu-component-mobile-wrapper .panel-group .active {padding-left:25px;} .akl .panel-heading.overlay-menu-mobile__panel__heading.active h4 {margin-left:-5px;} .akl header.main-header .amway-theme .mobile-container .overlay-mobile-menu {border-bottom:1px solid #ddd;padding-bottom:100px;} .akl header.main-header .amway-theme .mobile-container .overlay-mobile-menu .overlay-menu-component-mobile-wrapper .panel-group .overlay-menu-mobile__panel__heading h4.panel-title .panel-toggle {font-size:14px;} .akl header.main-header .amway-theme .mobile-container .overlay-mobile-menu .overlay-menu-component-mobile-wrapper .panel-group .overlay-menu-mobile__panel__content .panel-body .overlay-menu-subcategory h5 {font-size:14px;} .akl header.main-header .amway-theme .mobile-container .overlay-mobile-menu .overlay-menu-component-mobile-wrapper .panel-group .overlay-menu-mobile__panel__content .panel-body .overlay-menu-subcategory .subcategory-list {margin-top:-10px;;padding-top:6px;padding-bottom:6px} /* 190116 메뉴간격수정 */ .akl header.main-header .amway-theme .mobile-container .overlay-mobile-menu .overlay-menu-component-mobile-wrapper .panel-group .overlay-menu-mobile__panel__content .panel-body .overlay-menu-subcategory .subcategory-list li a {font-weight:500;font-size:14px;padding-top:6px;padding-bottom:6px} /* 190116 메뉴간격수정 */ .akl header.main-header .amway-theme .mobile-container .overlay-mobile-menu .overlay-menu-component-mobile-wrapper .panel-group .overlay-menu-mobile__panel__content .panel-body.brand .overlay-menu-subcategory .subcategory-list li a {text-align:center} .akl header.main-header .amway-theme .mobile-container .overlay-mobile-menu .nav-list-element a {font-size:14px;font-weight:700;padding-top:9px;padding-bottom:6px} /* 190116 메뉴간격수정 */ .akl header.main-header .amway-theme .header-container .popover {top:62px;} header.main-header .mobile-container .mobile-wrapper .search-btn-container .mobile-search-btn {display:block;} /* 190116 메뉴간격수정 */ .akl header.main-header .amway-theme .mobile-container .overlay-mobile-menu .overlay-menu-component-mobile-wrapper .panel-group .active:before{top:10px} .akl header.main-header .mobile-container .overlay-mobile-menu .overlay-menu-component-mobile-wrapper .panel-group .overlay-menu-mobile__panel__content .panel-body .overlay-menu-subcategory.main-subcategory h5 .subcategory-toggle{padding-top:6px !important;padding-bottom:6px !important} .akl header.main-header .mobile-container .overlay-mobile-menu .overlay-menu-component-mobile-wrapper .panel-group .overlay-menu-mobile__panel__content .panel-body .overlay-menu-subcategory h5 a.subcategory-toggle{padding-top:6px !important;padding-bottom:6px !important} /* //190116 메뉴간격수정 */ li.account-popover__element.sign-out { position:relative;} li.account-popover__element.sign-out button {width:40px;height:40px;position:absolute;right:10px;top:6px;background:#fff;display:block;} li.account-popover__element.sign-out .icon-set {font-size:23px;color:#002f5f;display:inline-block;width:24px;height:24px;} li.account-popover__element.sign-out .icon-set:before {content:'\e979';} /* header > login */ .akl .moble-login .fingerprint-wrap { position:relative;} .akl .moble-login .fingerprint { padding:17px 0 0;display:block;position:absolute;right:0;top:0;} .akl .amway-theme.moble-login .amw-radio-overlay { left:auto;right:0;top:0;width:40px;height:20px;border:0; border-radius:0;background:url(../images/icons/fingerprint_off.png) 0 0 no-repeat;background-size:40px 20px} .akl .amway-theme.moble-login input.amw-global-radio:checked+.amw-radio-overlay:before { display:none} .akl .amway-theme.moble-login input.amw-global-radio:checked+.amw-radio-overlay {background:url(../images/icons/fingerprint_on.png) 0 0 no-repeat;background-size:40px 20px} .akl .amway-theme.moble-login .amw-radio-wrap {padding-right:30px;} /* header > login > 지문인증 로그인 */ .fingerprint { display:block;padding:0 0 10px;} .fingerprint .finger-text {display:block;margin-bottom:18px;color:#002f5f;font-size:16px;} .fingerprint .bt-akl-blue { min-width:100%;background-color:#0075a4;border:1px solid #0075a4;} .fingerprint .bt-akl-blue span{ display:inline-block;height:40px;background:url(../images/icons/fingerprint.png) no-repeat left 8px;background-size:20px 23px;padding-left:30px } /*.page-login iframe{height:60em !important}*/ /* 190322_추가 모바일앱 로그인 iframe 높이값 늘림 190404_삭제 */ /* gnb > 브랜드 */ #navMenuMobCollapse6 .list-wrapper {padding:0 30px 15px 50px;} #navMenuMobCategoryCollapse-BeverageNavNode2 {overflow:hidden;padding-bottom:15px;} #navMenuMobCategoryCollapse-BeverageNavNode2 li {float:left;width:50%} #navMenuMobCategoryCollapse-BeverageNavNode2 li img { } #navMenuMobCategoryCollapse-BeverageNavNode5 {overflow:hidden;padding-bottom:15px;} #navMenuMobCategoryCollapse-BeverageNavNode5 li {float:left;width:33.333%} #navMenuMobCategoryCollapse-BeverageNavNode5 li img {} .akl .overlay-menu-mobile__panel >.active+.collapse {padding-left:0} .akl .mobile-user-btn img {width:32px;height:32px;border-radius:50%} .akl .amway-theme a span.icon-search {font-weight:400;} .akl header.main-header .amway-theme .mobile-container .mobile-wrapper .user-info-container {max-width:65px;} .akl header.main-header .amway-theme .mobile-container .mobile-wrapper .user-info-container button {background:#fff;height:32px;} .akl header.main-header .amway-theme .mobile-container .mobile-wrapper .user-info-container button .message-num-1 { min-width:24px;height:20px;padding:0 5px;font-size:10px;line-height:16px;border:2px solid #fff;} .akl .breadcrumb {padding:8px 0 17px ;font-size:12px;} .akl .breadcrumb a{font-size:12px;} /* header > mini deshboard */ .akl .mDashboard {top:62px ;} .menurlock-opt .tite-label {width:100%;margin-top:0;margin-bottom:10px;} .menurlock-opt .txte-wrap {width:100%;} .menurlock-opt input {width:100%} .akl .userinfo-open #login-drop-content { border-top:2px solid #002f5f} /* header > mini cart */ .akl header.main-header .amway-theme .header-container .mini-cart-items-container {top:62px ;} .akl header.main-header .amway-theme .header-container .mini-cart-items-container {border-top:2px solid #002f5f;} /* header > navigation */ .akl .panel-default > .panel-heading {background-color:#fff;} .akl .panel-default > .panel-heading.cart-mob-menu{position:relative;padding:7px 15px 7px 20px;} .akl .panel-default > .panel-heading.cart-mob-menu:before, header.main-header .mobile-container .overlay-mobile-menu .nav-list-element > a:before {position:absolute;top:11px;right:15px;font-family:'Glyphicons Halflings';font-size:17px;content:'\e258';color:#0075a4;} .akl .panel-default > .panel-heading.cart-mob-menu a{padding:0 !important;} .akl .panel-default > .panel-heading.cart-mob-menu a span{font-weight:700;line-height:30px;} .akl header.main-header .amway-theme .mobile-container .overlay-mobile-menu .overlay-menu-component-mobile-wrapper .panel-group .overlay-menu-mobile__panel {border-top:1px solid #dadada;border-bottom:0} .akl header.main-header .amway-theme .mobile-container .overlay-mobile-menu .overlay-menu-component-mobile-wrapper .panel-group .overlay-menu-mobile__panel.aklnew .overlay-menu-mobile__panel__heading h4.panel-title .panel-toggle {padding:7px 15px 7px 20px;} .akl header.main-header .amway-theme .mobile-container .overlay-mobile-menu .nav-list-element ul {padding:10px 0} .akl header.main-header .amway-theme .mobile-container .overlay-mobile-menu .nav-list-element li a {padding:5px 40px;font-weight:500} header.main-header .amway-theme .mobile-container .overlay-mobile-menu .overlay-menu-component-mobile-wrapper .panel-group .overlay-menu-mobile__panel.aklnew {border-top:1px solid #dadada;} header.main-header .mobile-container .overlay-mobile-menu .nav-list-element > a {position:relative;padding:10px 15px 10px 20px;border-bottom:1px solid #dadada;} header.main-header .mobile-container .overlay-mobile-menu .nav-list-element > a:before {font-weight:normal;} /* ----- 푸터 ----- */ .akl .footer {padding-right:15px;padding-left:15px;} .akl .footer ul li a {font-size:14px;padding-right:7px;padding-left:7px;} .akl .footerShotcut.pc {display:none} .akl .footerShotcut.mob {display:block;} .akl .footerShotcut.mob .form-control {width:100%;} /* ----- jump to menu ----- */ .akl .go-block .jump-to-wrapper {display:block;margin-top:15px;padding:0;left:0;} .jump-menu {display:block;width:100%;} /* 암웨이 소식 */ .jump-to-amway > div > p {display:none;} .jump-to-amway > div .jump-to-wrapper {margin:0 15px;} /* 비즈니스 */ .jump-to-business > div > p {display:none } .jump-to-business > div .jump-to-wrapper {margin:0 15px;} .jump-to-business > div .jump-to-wrapper .jump-menu {width:auto;} /* ----- 레이어 팝업 ----- */ .akl .cbox.popWidS, .akl .cbox.popWidS.typeAdminAdd, .akl .cbox.popWidM, .akl .cbox.popWidM.typeAdminAdd, .akl .cbox.popWidL, .akl .cbox.popWidL.typeAdminAdd, .akl .cbox.popWidXL, .akl .cbox.popWidXL.typeAdminAdd {width:100%;} .cbox .cart-popup__dialog {margin:0 15px;width:auto;} .akl .cart-popup__header {height:50px;}/* 190403높이 수정*/ .akl .cart-popup__header-text {font-size:18px;padding-right:0;height:50px;}/* 190403높이 수정*/ .akl .cbox .cart-popup__dialog .cart-popup__content .cart-popup__item-link {padding:20px 20px;} .akl .cart-popup__item-link {padding:10px 0} /* 190128 간격 수정 */ .akl .cart-popup__dialog .cart-popup__item-link .btn-blue-white {padding:0 20px !important;} /* 190124_위시리스트_수정 */ .akl .cart-items-wrapper .mywish-list .bt-akl-txt.normal{bottom:0} /* 190124_위시리스트_추가 */ .akl .cart-popup__close {width:35px;height:35px;padding:10px} .akl .cart-popup__close img {width:15px;height:15px} .akl .layerWrapper .cbox.layerBox {border:0;} .akl .cbox .cart-popup__dialog {box-shadow:0 5px 15px rgba(0,0,0,.3);} .akl .cbox.typeAdminAdd .tabcon-tit {padding:0;margin:0 20px 17px;} /* Layer:동영상 크게보기 */ .akl #videobox, .akl .videobox {top:15px;left:15px;right:15px;width:100%;padding:0 15px;height:auto;transform:none;box-sizing:border-box;} .akl .popup-video-preview__content {padding:20px 20px 0;} .akl .video-pop {padding-bottom:20px;} .akl #videobox #cboxTitle, .akl .videobox .cboxTitle {padding:17px 30px 15px 0;margin:0 20px;} .akl #videobox #cboxTitle .headline, .akl .videobox .cboxTitle .headline {font-size:18px;line-height:20px;} .akl #videobox #cboxClose {top:2px;right:20px;} .akl .videobox .cboxClose {top:15px;right:20px;} .akl #videobox .popup-video-preview__content .video-cont span, .akl .videobox .popup-video-preview__content .video-cont span {height:300px;} .akl #videobox .popup-video-preview__content .video-cont span img, .akl .videobox .popup-video-preview__content .video-cont span img {height:100%;} .akl .popup-video-preview__content .video-preview__play {margin-left:-41px;margin-top:-41px;} /* Layer:동영상 재생 */ .akl .view-sns div.print {display:none;} .akl .view-sns div.kakaotalk {display:inline-block;} /* Layer:컨텐츠 높이제한 없음 */ .layerBox .cart-popup__content.height-auto {max-height:none;} /* Layer:RD화면 */ .RD-Layer {padding:20px 20px 20px;} .RD-Layer .closeSbLayer {top:20px;right:20px;} .akl .layerWrapper .layer-content-wrapper.RD-Viewer {max-height:700px;min-height:500px;height:auto;} /* Layer:RD화면 - 성취보고서 iframe wrapper(개발 ID에 맞춤) */ .akl .layerWrapper .layer-content-wrapper.RD-Viewer.RD-spaceing {padding:0 20px;min-height:400px;} #achiveReportContent {max-height:75%;overflow:hidden;overflow-x:auto;overflow-y:scroll;-webkit-overflow-scrolling:touch;position:fixed} /* 190221_수정 성취보고서 페이지 변환 */ /* Layer:URL 복사 */ .pop-area-body:after {left:27px;} /* Layer:어드민 관리/등록 (메인전용) */ .layer-tabs-wrapper {padding:20px 0;height:auto;} .col-equality-tab {margin:0 0 10px;height:55px;overflow-x:auto;overflow-y:hidden;} .col-equality-tab ul {width:100%;padding:0 20px ;} .col-equality-tab ul li {} .col-equality-tab ul li a {background:none;border:0} .col-equality-tab ul li:first-child a {border-left:0;} .col-equality-tab ul li.active a {height:50px;} .col-equality-tab ul li.active a:after {content:"";position:absolute;z-index:2;top:auto;bottom:0;left:0;right:0;border-top:4px solid #008fc5;} .akl .layerWrapper .cbox.typeAdminAdd .tb-box {padding:0 20px;} /* Layer:채팅서비스 */ .chatFrameWrapper {min-height:auto;height:calc(100vh - 60px);} .chatFrameWrapper .chatGudie {padding:20px 20px} .chatFrameWrapper .chatGudie .pcOnly{ display:none;} /* ----- 버튼 ----- */ .akl .btn.btn-primary span {color:#fff;} .akl .btn.btn-primary:focus span, .akl .btn.btn-primary:hover span {color:#002f5f!important;} .akl .panel .bt-akl-blue {background-color:#002F5F;border:1px solid #002F5F;border-radius:0!important} .akl .panel .bt-akl-blue:hover,.akl .panel .bt-akl-blue:focus,.akl .panel .bt-akl-blue:active {color:#fff ;background-color:#002F5F;border-color:#002F5F;} .akl .panel .bt-akl-blue:hover {background:#fff;color:#002F5F;-webkit-transition:background-color 0.3s, color 0.3s;transition:background-color 0.3s, color 0.3s;} .akl .panel .bt-akl-white {background-color:#fff;border:1px solid #002F5F;border-radius:0!important} .akl .panel .bt-akl-white:hover,.akl .panel .bt-akl-white:focus,.akl .panel .bt-akl-white:active {color:#fff;background-color:#002F5F;border-color:#002F5F;} .akl .ico-bg-sky {margin-left:0 } /* mobile button */ .button-type1 button {width:100%} .button-type2, .button-type3, .button-type4 {overflow:hidden;} .button-type2 button:nth-of-type(1) {width:49%;float:left;} .button-type2 button:nth-of-type(2) {width:49%;float:right;} .button-type3 button:nth-of-type(1) {width:49.5%;float:left;} .button-type3 button:nth-of-type(2) {width:49.5%;float:right;} .button-type3 button:nth-of-type(3) {width:100%;} .button-type4 button:nth-of-type(1) {width:49.5%;float:left;} .button-type4 button:nth-of-type(2) {width:49.5%;float:right;} .button-type4 button:nth-of-type(3) {width:49.5%;} /* ----- Heading , 제목 ----- */ .akl h1 {font-size:26px;} .akl h2, .akl .amway-theme h2 {font-size:26px;padding-left:12px;padding-right:12px;} .akl .title-h1 {font-size:26px;} .akl .title-h2 {font-size:24px;} .akl .title-h3 {font-size:22px;} .akl .title-h4 {font-size:20px;} .akl .title-h5 {font-size:18px;} .akl .title-h6 {font-size:16px;} .akl .title-box {padding:5px 0 0px;}/* 20190201 수정*//*2019.02.21*/ .akl .product-list-page-title {font-size:24px;} /* Icon 제목 (마이페이지) */ .akl .bonus-payment .bonus-payment__title {padding-left:25px;} .akl .bonus-payment .bonus-payment__title:after {left:0;} .akl .bonus-payment .bonus-payment__title.shipping:after {left:0;} .akl .bonus-payment .bonus-payment__title.member-pointe:after {left:0;} .akl .bonus-payment .bonus-payment__title.child-regist:after {left:0;} .akl .message-title:after {left:0;} .akl .message-title, .akl .message-title-description {padding-left:25px;} .akl .icon-sub-title {padding-left:25px;} .akl .icon-title-description {padding-left:26px;} .akl .icon-sub-title.menulock-title {padding-bottom:15px;} .akl .icon-sub-title.menulock-title:after {left:0} .akl .icon-sub-title.withdrawal-title {padding-bottom:15px;} .akl .icon-sub-title.withdrawal-title:after {left:0} .akl .icon-sub-title.note-resend {padding-left:25px;} .akl .title-box .product-list-page-title h1.purchase {padding:0 0 5px 25px;} .akl .title-box .product-list-page-title h1.purchase:after {left:0;} .akl .icon-sub-title.aboRenewal-title {margin-bottom:-18px;} .akl .icon-sub-title:after {left:0;} .title-box .product-list-page-title.return h1.myorder {padding:0 0 5px 25px} .title-box .product-list-page-title.return h1.myorder:after {left:0;} /* ----- Form ----- */ .akl .amwa-radio + label {height:auto;} .akl .control-label {font-weight:700!important;margin-bottom:7px;} .akl .txt-label {font-weight:700!important;margin-bottom:7px;} .form-group .address p {margin-right:105px;} .form-group .address button {right:0;} /* form-group basic 추가 */ .form-group.basic > label {float:initial;width:auto;margin-bottom:10px;} .form-group.basic .form-blockbox {float:initial;width:auto;} /* form-group :이메일 */ .form-group.basic .form-set-email {width:100%;} .form-group.basic .form-set-email>span {float:initial;display:block;width:100%;} .akl .form-group.basic .form-set-email input[type=text] {width:45%} .akl .form-group.basic .form-set-email .email-select.form-control {width:100%;} /* form-group :휴대폰 */ .form-group.basic .form-phone-select {width:30%;margin-right:5%;} .form-group.basic .form-phone-input {width:65%;} /* ----- 툴팁 ----- */ label + .toolTip-wrapper {margin-left:6px;} .toolTip-wrapper {display:inline-block;/* position:relative;*/vertical-align:middle;} .toolTip-wrapper button {overflow:hidden;margin:0;} .toolTip-wrapper button>span{position:absolute;top:0;left:-100px;} .toolTip-wrapper .btn-tooltip {width:20px;height:20px;margin-top:3px;background:url(../images/akl_common/ico_tooltip_2.png) no-repeat;} .toolTip-wrapper .btn-tooltip-close {position:absolute;top:0;right:0;width:30px;height:30px;background:url(../images/akl_common/ico_tooltip_close.png) 50% 50% no-repeat;} .toolTip-wrapper .tooltip-content {margin-left:0;width:270px;box-sizing:border-box;} .toolTip-wrapper .tooltip-content * {font-size:13px;color:#fff;} .toolTip-wrapper.type-mob-full {position:initial;} .toolTip-wrapper.type-mob-full .tooltip-content {min-width:0;} .toolTip-wrapper.type-mob-full .tipCont-wrapper {position:absolute;/*left:0;*/left:-113px;min-width:230px;}/* 2020-10-27 00:02:09 */ .toolTip-wrapper.type-mob-full .tipCont-wrapper .tooltip-content {top:5px;left:0;width:100%;margin-left:0;} /** --------------------------------- * @ 공통 :owl-carousel * --------------------------------- */ .owl-dots{right:auto;bottom:12px;width:100%;} /* 쇼핑메인(G00000.html) */ .akl #sub_banner_list .owl-nav > button {margin-top:-15px;} .akl #sub_banner_list .owl-nav .owl-prev {left:15px;} .akl #sub_banner_list .owl-nav .owl-next {right:15px;} /* 로고 190125 */ .akl .banner__component a{width:auto} .akl header.main-header .mobile-container .mobile-wrapper .mobile-nav-row-btn-logo img{height:26px;min-width:auto;max-width:none;width:auto} /* 관련자료/온라인 교육자료 */ .akl #productLearningListTabs .owl-prev {left:0;} .akl #productLearningListTabs .owl-next {right:0;} .akl #productLearningListTabs {margin-bottom:40px;} /* 관련자료/온라인 교육자료 (제품상세) */ .akl .new-amway-competitive #productLearningListTabs .owl-prev {left:0;} .akl .new-amway-competitive #productLearningListTabs .owl-next {right:0;} /* 함께하면 좋은 제품 */ .akl .row.product-suggest .amway-suggest {padding:0 20px;margin-bottom:40px;} .akl .row.product-suggest .amway-suggest .amway-suggest__item {margin:0 auto;} .akl .amway-suggest__list .owl-nav .owl-prev {left:0;} .akl .amway-suggest__list .owl-nav .owl-next {right:0;} .akl .quick-area .amway-suggest__list .owl-nav .owl-prev {left:-15px;} .akl .quick-area .amway-suggest__list .owl-nav .owl-next {right:-15px;} /* 최근 본 제품 */ #recentlyViewedListTab.owl-carousel .owl-item {padding:0;} #recentlyViewedListTab.product-recentlyviewed__imagelist {margin:0 auto;max-width:90%;} .akl #recentlyViewedListTab .owl-nav > button {height:100%;top:0;margin:0;width:40px;} .akl #recentlyViewedListTab .owl-nav .owl-prev {left:0;} .akl #recentlyViewedListTab .owl-nav .owl-next {right:0;} .akl .product-recentlyviewed__imagelist a.product-list__thum {display:inline-block;width:133px;} /* 회원가입 완료 (하단 브랜드 링크) */ #join_featured_brandsList.owl-carousel .owl-item img {width:auto;display:inline-block;} /** --------------------------------- * @ 공통 :탭 (MOB) * --------------------------------- */ .outer-border-bottom {margin:0;} .tabWrapper:after {display:none;content:none;} .amway-theme .tabs-toggles .tab-toggle-wrap {border:0;background:none;} .amway-theme .tabs-toggles .tab-toggle-wrap:nth-of-type(1) {border-left:0;} .amway-theme .tabs-toggles .tab-toggle-wrap .tab-toggle {min-width:auto;padding:0 20px 4px;} .amway-theme .tabs-toggles .tab-toggle-wrap.active {border-top:0;border-bottom:4px solid #008fc5;background:none;} .amway-theme .tabs-toggles .tab-toggle-wrap.active .tab-toggle {padding:0 20px 0;border:0;} .amway-theme .tabs-toggles .tab-toggle-wrap .tab-toggle {min-width:auto;border:0;background:#fff;text-align:center;} .amway-theme .tabs-toggles .tab-toggle-wrap .tab-toggle .toggle-text {display:block;padding:0;white-space:nowrap;color:#55565a;font-size:14px;font-weight:500;vertical-align:middle;line-height:120%;background:none;} .amway-theme .tabs-toggles .tab-toggle-wrap .tab-toggle:hover .toggle-text , .amway-theme .tabs-toggles .tab-toggle-wrap.active .tab-toggle .toggle-text {color:#002f5f;} .amway-theme .outer-border-bottom {position:relative;border:0;} .amway-theme .outer-border-bottom.border-none {border:0;} .amway-theme .outer-border-bottom:before {content:'';position:absolute;box-sizing:content-box;width:100%;padding-left:15px;padding-right:15px;height:1px;left:-15px;right:0;bottom:0;background:#dadada;} .amway-theme .outer-border-bottom .tabs-toggles .tab-toggle-wrap.active .tab-toggle {margin:0;border:0;} .amway-theme .outer-border-bottom>.tabWrapper {overflow:hidden;overflow-x:auto;} /* 검색 > 탭 */ .col-search-tab ul {table-layout:auto;} .col-search-tab ul li {width:auto;background:none;border:0;} .col-search-tab ul li:nth-of-type(1) {border-left:0;} .col-search-tab ul li.active {background:none;border-top:0;border-bottom:4px solid #008fc5;} .col-search-tab ul li a {display:block;padding:15px 20px;word-break:keep-all;white-space:nowrap;color:#55565a;font-size:14px;font-weight:500;vertical-align:middle;line-height:120%;background:none;border:0;} .col-search-tab {position:relative;margin:0 0 30px;} .col-search-tab > .tabWrapper {overflow:hidden;overflow-x:auto;} .col-search-tab:before {content:'';position:absolute;box-sizing:content-box;width:100%;padding-left:15px;padding-right:15px;height:1px;left:-15px;right:0;bottom:0;background:#dadada;} .col-search-right .plp-add-to-ditto button {position:static;} /* 스크롤 영역 표시 */ .scrollable-area {position:absolute;left:0;top:-1px;width:60px;height:100%;z-index:2;} .scrollable-area.left {left:-15px; background: -moz-linear-gradient(left, rgba(255,255,255,1) 30%, rgba(255,255,255,0) 100%);/* FF3.6-15 */ background:-webkit-linear-gradient(left, rgba(255,255,255,1) 30%, rgba(255,255,255,0) 100%);/* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(255,255,255,1) 30%, rgba(255,255,255,0) 100%);/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } .scrollable-area.right {left:auto;right:-15px; background: -moz-linear-gradient(right, rgba(255,255,255,1) 30%, rgba(255,255,255,0) 100%);/* FF3.6-15 */ background:-webkit-linear-gradient(right, rgba(255,255,255,1) 30%, rgba(255,255,255,0) 100%);/* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to left, rgba(255,255,255,1) 30%, rgba(255,255,255,0) 100%);/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } /** --------------------------------- * @ 공통 :step * --------------------------------- */ .akl .step-wrap {margin:0 -15px;} .checkout-steps .checkout-step:nth-of-type(1) {border-left:0;} .checkout-steps .checkout-step:nth-last-child(1){border-right:0;} .akl .layerWrapper .step-wrap {margin:0;} .akl .layerWrapper .checkout-steps .checkout-step:nth-of-type(1) {border-left:1px solid #dadada;} .akl .layerWrapper .checkout-steps .checkout-step:nth-last-child(1){border-right:1px solid #dadada;} .akl .layerWrapper .cart-popup__item-info>.step-wrap {margin-top:10px;} .checkout-steps-text:before,.checkout-steps-before .checkout-steps-text:before {top:0;} .checkout-step .checkout-steps-text {overflow:hidden;width:0;height:22px;padding-left:20px;margin-left:18px;font-size:14px;} .checkout-steps-active .checkout-steps-text {width:auto;padding-left:26px;margin-left:0;vertical-align:middle;} /* 비활성화 상태 */ .checkout-steps .checkout-step, .checkout-steps.num03 .checkout-step {width:50px;} .checkout-steps .checkout-step:nth-of-type(1) .checkout-steps-text {margin-left:10px;} .checkout-steps .checkout-step:nth-of-type(1), .checkout-steps.num03 .checkout-step:nth-of-type(1) {width:40px;} .checkout-steps .checkout-step:nth-last-child(1) .checkout-steps-text {margin-left:12px;} .checkout-steps .checkout-step:nth-last-child(1), .checkout-steps.num03 .checkout-step:nth-last-child(1) {width:60px;} /* 스텝4 (기본) */ .checkout-steps .checkout-steps-active, .checkout-steps .checkout-steps-active.checkout-step:nth-of-type(1), .checkout-steps .checkout-steps-active.checkout-step:nth-last-child(1) {width:calc(100% - 160px);} /* 스텝3 */ .checkout-steps.num03 .checkout-steps-active, .checkout-steps.num03 .checkout-steps-active.checkout-step:nth-of-type(1), .checkout-steps.num03 .checkout-steps-active.checkout-step:nth-last-child(1) {width:calc(100% - 90px);} /* 스텝2 */ .shipping-delivery .checkout-steps .checkout-steps-active {width:calc(100% - 60px);} /** --------------------------------- * @ 공통 :테이블(UL) * --------------------------------- */ /* table :view */ .tbl-list-view .thead {display:none;} .tbl-list-view .tbody {display:block;} .tbl-list-view .tbody .tr +.tr {margin-top:30px;} .tbl-list-view .tbody .tr>strong {display:block;} .tbl-list-view .tbody .tr>strong.mobile-title{background: 0;border-top: 0;} .tbl-list-view .tr {display:block;border-top:0;} .tbl-list-view .tr.mobile-border{border-bottom: 1px solid #e3e3e3;} .tbl-list-view .tr.mobile-border + .tr{margin-top: 10px;} .tbl-list-view .tr>strong {display:block;padding:7px 15px;background:#f4f4f4;border-top:1px solid #e3e3e3;} .tbl-list-view .tr>div {display:block;padding:13px 15px 15px;} .tbl-list-view .tr>div.mobile-hide{display: none !important;} .tbl-list-view .tr>.mob-tit {position:relative;padding:0 10px 10px 15px;font-weight:500;border-top:0;color:#555;} .tbl-list-view .tr>.mob-tit:before {content:'';position:absolute;top:7px;left:0;background:#888;width:4px;height:4px;} .tbl-list-view .tbody .tr .mob-hide {display:none;border-bottom:1px solid #e3e3e3;} .tbl-list-view .mob-block, .tbl-list-view .tr>.th.mob-block {display:block;} .tbl-list-view.terms .tr>.th.mob-block {width:100%;} .tbl-list-view.center-desktop .tr>div {text-align:left;} /* table :list */ .akl .tbl-list-board .amw-checkbox-wrap {margin:0 10px 0 0;} .tbl-list-board, .tbl-list-board .tr, .tbl-list-board .thead, .tbl-list-board .tbody, .tbl-list-board .tfoot {display:block;} .tbl-list-board .thead .tr>strong {display:inline-block;padding-right:0;border:0;background:none;vertical-align:middle;} .tbl-list-board.tbl-customMessage .thead .tr>strong {border-bottom:0;} .tbl-list-board .thead .tr {background:#f4f4f4;} .tbl-list-board .thead .cell-label>label {padding-bottom:2px;} .tbl-list-board .thead .cell-label label>span {top:-1px !important;} .tbl-list-board .tbody .tr:nth-of-type(even) {background:none;} .tbl-list-board .th {background:none;} .tbl-list-board .tr {overflow:hidden;border-top:1px solid #e3e3e3;} .tbl-list-board .tr>div {display:inline-block;padding-right:0;border:0;} .tbl-list-board .tr .mob-hide {display:none !important;} .tbl-list-board .tr .mob-block {display:block;} /* table :tbody에서 th노출(모바일view) */ .tbl-list-board.type-tbody-th {float:none;} .tbl-list-board.type-tbody-th.privacyInfoGuide .w-num { display:none;} .tbl-list-board.type-tbody-th.privacyInfoGuide .w-tit p { padding-top:15px;} .tbl-list-board.type-tbody-th.privacyInfoGuide .w-tit p a {color:#0075a4;font-weight:700;font-size:16px;} .tbl-list-board.type-tbody-th.privacyInfoGuide .w-date .th{ font-weight:normal;width:auto !important;} .tbl-list-board.type-tbody-th.privacyInfoGuide .w-date .th+p{float:right;width:auto !important;} .tbl-list-board.type-tbody-th .tr {border-top:0;} .tbl-list-board.type-tbody-th .tbody .mob-block {overflow:hidden;} .tbl-list-board.type-tbody-th .tbody .mob-block>strong, .tbl-list-board.type-tbody-th .tfoot .mob-block>strong {display:block;float:left;width:50%;color:#002f5f;font-weight:700;text-align:left;} .tbl-list-board.type-tbody-th .tbody .mob-block>p, .tbl-list-board.type-tbody-th .tfoot .mob-block>p{float:left;width:50%;margin-bottom:0;text-align:right;} .tbl-list-board.type-tbody-th .tr>div.mob-block:first-child {padding-top:17px;} .tbl-list-board.type-tbody-th .tr>div.mob-block {padding:0 20px 15px;} .tbl-list-board.type-tbody-th .tbody .tr:nth-of-type(1) {border-top:1px solid #e3e3e3;} .tbl-list-board.type-tbody-th .tbody .tr>div, .tbl-list-board.type-tbody-th .tfoot .tr>div {width:100%;text-align:left;} /* table :tbody에서 th block (모바일view - .tbl-list-view 와 비슷) */ .tbl-list-board.type-row-block .mob-block .th {display:block;} .tbl-list-board.type-row-block .tbody .tr>div {padding:0;} .tbl-list-board.type-row-block .tbody .tr .td {padding:13px 15px 15px;margin-bottom:0;border-top:1px solid #e3e3e3;} .tbl-list-board.type-row-block .tbody .th {display:block;padding:7px 15px;color:#002f5f;background:#f4f4f4;border-top:1px solid #e3e3e3;} .tbl-list-board.type-row-block .tr.no-result>div {padding:40px 0;border-top:1px solid #e3e3e3;} .tbl-list-board.type-row-block .tr {border-top:0;text-align:left;} /* table :tbody에서 th노출안함(모바일view) */ .tbl-list-board.type-td-show .thead {display:none;} .tbl-list-board.type-td-show .tr {text-align:left;} .tbl-list-board.type-td-show .mob-block {padding:0;margin:0;} .tbl-list-board.type-td-show .mob-block>p {margin-bottom:0;} .tbl-list-board.type-td-show .tbody .tr>.mob-block:nth-of-type(1) {margin-top:15px;} .tbl-list-board.type-td-show .tbody .tr>.mob-block:nth-last-child(1) {margin-bottom:5px;} /* ----- 코어 테이블(div) ----- */ /* table */ .tbl-type1 th, .tbl-type1 td {padding:10px 15px;} .refund-box .tbl-type1 th, .refund-box .tbl-type1 td {font-size:12px;padding:8px 15px;} .tbl-type2 th, .tbl-type2 td {border-bottom:1px solid #e3e3e3;padding:8px 15px;} .cart-popup__item-info .table-content .tbl-type1 td {text-align:center;} /* table sp3.4 */ .list-style-cont {padding:15px 0 0;} .akl .list-content .list-row-title {border-bottom:0 none;} .akl .list-content .content-list {padding:14px 0;} .akl .content-list .con-list-item {display:block;} .akl .content-list .con-list-item span.tite-label {display:block;float:left;text-align:left;font-size:14px;font-weight:700;color:#002f5f;} .akl .content-list .con-list-item span.txte-wrap {display:block;float:right;text-align:right;} /* ----- 페이징 ----- */ .paging li a { width:20px;height:20px;line-height:18px;font-size:14px;} .paging .prev {width:20px;height:20px;background:url(../images/akl_common/ico_board.png) no-repeat -3px -2px;background-size:50px 50px;} .paging .before {width:20px;height:20px;background:url(../images/akl_common/ico_board.png) no-repeat -28px -2px;background-size:50px 50px;} .paging .after {width:20px;height:20px;background:url(../images/akl_common/ico_board.png) no-repeat -3px -27px;background-size:50px 50px;} .paging .next {width:20px;height:20px;background:url(../images/akl_common/ico_board.png) no-repeat -26px -27px;background-size:50px 50px;} .paging .prev:hover {background:url(../images/akl_common/ico_board_on.png) no-repeat -3px -2px;background-size:50px 50px;} .paging .before:hover {background:url(../images/akl_common/ico_board_on.png) no-repeat -28px -2px;background-size:50px 50px;} .paging .after:hover {background:url(../images/akl_common/ico_board_on.png) no-repeat -3px -27px;background-size:50px 50px;} .paging .next:hover {background:url(../images/akl_common/ico_board_on.png) no-repeat -26px -27px;background-size:50px 50px;} /* 모바일 로그인 대시보드 내 문구수정 건 */ .fingerprint .finger-text.text-smaller {font-size:13px !important;} } @media (max-width:320px) { .cbox {max-width:320px !important;min-width:100%;} .akl .popup-video-preview__content { max-height:350px;} .akl .view-sns {padding:20px 20px 0} .akl .account-popover__scores ul li span {font-size:15px;} } /*공지사항 간격 조정 20190131 추가 의심*/ .akl .lip-color-choose-message { margin-top:12px;} .U60000a_lp1 .form-group.basic:last-child, .U60000a_lp2 .form-group.basic:last-child {margin-bottom:0;} /*akl-account */ .akl .wrapper-memb-join #terms .agreement-box + .action { margin-top:5px;} /*452*/ .akl .wrapper-memb-join #terms .agreement-box p { margin-bottom:5px;} /* 2019.02.07 위시리스트 상세페이지 padding-modified 클래스 추가 */ .akl .wishlist-wrapper.padding-modified .icon-sub-title {padding-bottom:8px;} .akl .wishlist-wrapper.padding-modified .top-location {padding:0 0 15px;} .akl .wishlist-wrapper.padding-modified .top-location .link-area {display:inline-block;color:#002f5f;font-weight:500;} .akl .wishlist-wrapper.padding-modified .new-shopping-list-detail span.list-product {top:-40px;} @media (max-width:768px) { .akl .wishlist-wrapper.padding-modified .top-location {padding:2px 0 5px;} .akl .wishlist-wrapper.padding-modified .new-shopping-list-detail span.list-product {top:0;} .akl .wishlist-wrapper.padding-modified .new-shopping-list-detail .shoppingListDetail-content {margin-top:10px !important;} .akl .wishlist-wrapper.padding-modified .product-list-page-title {margin-top:5px;} } /*190311_추가 위시리스트 삭제 버튼 색 변경 */ .akl .wishlist-wrapper .wish-del .bt-akl-txt, .akl .wishlist-wrapper .remove-item-btn span, .akl .wishlist-wrapper .Delete-list{display:inline-block;background-color:#d7d7d7;color:#000;border:1px solid #d7d7d7;padding:0 25px;vertical-align:middle;font-weight:500; height:25px;min-width:67px;font-size:12px;padding:0 10px !important;line-height:25px !important;margin:5px 0;text-align:center} .akl .wishlist-wrapper .wish-del .bt-akl-txt:hover, .akl .wishlist-wrapper .wish-del .bt-akl-txt:active, .akl .wishlist-wrapper .wish-del .bt-akl-txt:focus, .akl .wishlist-wrapper .remove-item-btn span:hover, .akl .wishlist-wrapper .remove-item-btn span:active, .akl .wishlist-wrapper .remove-item-btn span:focus, .akl .wishlist-wrapper .Delete-list:hover, .akl .wishlist-wrapper .Delete-list:active, .akl .wishlist-wrapper .Delete-list:focus{color:#000;background-color:#fff;-webkit-transition:background-color 0.3s;transition:background-color 0.3s;border:1px solid #d7d7d7;} .akl .wishlist-wrapper .wish-del .bt-akl-txt:visited, .akl .wishlist-wrapper .remove-item-btn span:visited, .akl .wishlist-wrapper .Delete-list:visited{color:#000} @media (max-width:768px) { .akl .wishlist-wrapper .remove-item-btn span{min-width:70px} } /* 2019.02.12 설치주문 확정시 팝업페이지 구현 관련 수정 */ .emphasized {font-weight:500 !important;} .fs15 {font-size:15px !important;} /* 2019.02.14 주문서 수정 아이콘 변경 */ .mobile-visible span.mobile-visible {display:none;} @media (max-width:768px) { .sop-container .edit-profile.mobile-visible {width:auto;} .mobile-visible:before {content:none;} .mobile-visible span.mobile-visible {display:block;text-align:left;font-size:14px;} } /* 2019.03.05 ABO 갱신 페이지 텍스트 정렬 */ .row.amway-theme.mypage-abo-renewal{word-break:keep-all;} /*메뉴 바로가기 190315*/ .abo-fast-link{overflow-x:auto;overflow-y:hidden;height:40px;background:#434551} .abo-fast-link:after{display:block;clear:both;content:''} .abo-fast-link__wrap{max-width:1400px;margin:0 auto} .abo-fast-link .fast-link__txt{position:relative;margin:0 10px;padding-right:30px;float:left;color:#fff;opacity:0.8;font-size:14px;line-height:40px} .abo-fast-link .fast-link__txt:after{position:absolute;top:50%;right:0;width:6px;height:10px;margin-top:-5px;background:url(../images/akl_common/arr_fastlink.png) no-repeat 0 100%;content:''} .abo-fast-link ul{position:relative;float:left;width:600px} .abo-fast-link ul:after{display:block;clear:both;content:''} .abo-fast-link li{position:relative;float:left} .abo-fast-link li:after{position:absolute;top:50%;margin-top:-6px;left:0;width:1px;height:12px;background-color:#7b7e85;content:''} .abo-fast-link li:first-child:after{display:none} .abo-fast-link a{color:#fff;opacity:0.8;line-height:40px;display:inline-block;padding:0 20px} @media (max-width:768px){ .fast-link__txt{display:none} .abo-fast-link{position:relative;height:45px !important;margin-top:62px} .abo-fast-link ul{width:593px} .abo_login .abo-fast-link + .main-container{margin-top:0} .abo-fast-link a{line-height:45px !important;padding:0 15px !important} .abo-fast-link{background:#434551 url(../images/bg_abofast.png) no-repeat 100% 50% !important;background-size:auto 45px !important;background-attachment:scroll !important} } /*1904040_추가 UI팀 미니대시보드 로그아웃 버튼, 앱설정 버튼 변경 건*/ @media (max-width:768px){ li.account-popover__element.sign-out:after{display:block;clear:both;content:''} li.account-popover__element.sign-out .icon-set{margin-top:3px} li.account-popover__element.sign-out a{float:right} li.account-popover__element.sign-out button{width:auto;right:auto;left:13px;top:5px} li.account-popover__element.sign-out button span{position:relative;top:-4px;color:#002f5f} } /* 회원가입 NEW 190509_추가 상단 배너 */ .new-welcome-topbanner{height:250px;width:100%;max-width:768px;margin:60px auto;padding:57px 0 0 73px;background:url('/_ui/responsive/theme-blue/images/akl_common/bg_new_welcome_amway.png') right top / auto 98% #efeeed no-repeat;overflow:hidden;color:#56565a;border-radius:10px} .new-welcome-topbanner .banner-title {display:block;font-size:24px;font-weight:500;line-height:26px;margin:0 0 10px 0;padding:0} .new-welcome-topbanner .banner-title em{display:block;font:0/0 a;width:110px;height:38px;background:url('/_ui/responsive/theme-blue/images/akl_common/logo_amway_110px.png') center no-repeat;margin:0 0 15px;padding:0} .new-welcome-topbanner .banner-text {display:block;font-size:14px !important;font-weight:400 !important;line-height:1.3;letter-spacing:-1px} @media (max-width:768px){ .new-welcome-topbanner{height:175px;margin:20px auto;padding:43px 30% 0 7.2%;background-size:50% auto;border-radius:5px} .new-welcome-topbanner .banner-title {font-size:16px;line-height:18px;margin:0 0 8px 0} .new-welcome-topbanner .banner-title em{width:80px;height:28px;background:url('/_ui/responsive/theme-blue/images/akl_common/logo_amway_416px.png') center / contain no-repeat;margin:0 0 15px;padding:0} .new-welcome-topbanner .banner-text {font-size:13px !important;} } /*190607_추가 하단 풀사이즈 단일 배너*/ .new-main .contents__item.contents__item--full-banner{overflow:hidden;max-width:1280px;margin:60px auto 80px auto} .new-main .contents__item.contents__item--full-banner img{width:100%;height:auto} @media (max-width:768px) { .new-main .contents__item.contents__item--full-banner{margin:30px auto 40px auto} } /*190628_메인 프로모션 배너 carousel로 변경*/ .new-main .contents__item.contents__item--promotion .amway-news__slider .owl-nav .owl-next{right:-1%} .new-main .contents__item.contents__item--promotion .amway-news__slider .owl-nav .owl-prev{left:-1%} .new-main .contents__item.contents__item--promotion .row .amway-news__slider .owl-stage-outer{max-width:none} .new-main .contents__item.contents__item--promotion .amway-news__slider .col .card{box-shadow:4px 4px 5px rgba(175,175,175,.4)} .new-main .contents__item.contents__item--promotion .amway-news__slider .owl-item .col{float:none;margin:0 auto;width:100%;padding-bottom:10px} /*메인개편 new header*/ .new-v2 .main-header{position:fixed;z-index:9001;top:0;width:100%;} .new-v2.topbanner .main-header{top:40px;} .new-v2 main{margin-top:134px;} .new-v2.topbanner main{margin-top:174px;} .new-v2 header.main-header .amw-navigation-menu .navigation-menu-container{padding:0;} .akl.new-v2 header.main-header .amway-theme .header-container{height:80px;position:relative;z-index:1000;} .new-v2 header.main-header .header-container .header-wrapper{padding:0;position:relative;} .new-v2 .header-wrapper .header-logo{float:left;} .new-v2 .header-wrapper .header-logo a{display:inline-block;position:relative;} .new-v2 .header-wrapper .header-logo .pc-logo{display:block;} .new-v2 .header-wrapper .header-logo .mo-logo{display:none;} .new-v2 .header-wrapper .nav-list{float:right;padding:20px 12px 0 0;} .new-v2 .header-wrapper .nav-list li{float:left;} .new-v2 .header-wrapper .nav-list .cart-icon{margin:0 0 0 29px;} .new-v2 .header-wrapper .nav-list li a{display:block;position:relative;font-size:0;} .new-v2 .header-wrapper .nav-list .my-icon .icon{display:inline-block;width:36px;height:36px;background:url(../images/icon100_pc.png) no-repeat -50px 0;vertical-align:top;} .new-v2 .header-wrapper .nav-list .my-icon .name{color:#d2d2d2;font-size:16px;font-weight:300;padding:7px 8px 0 0;display:inline-block;} .new-v2 .header-wrapper .nav-list .cart-icon .icon{width:36px;height:36px;background:url(../images/icon100_pc.png) no-repeat 0 0;text-indent:-999px;overflow:hidden;} .new-v2 .header-wrapper .nav-list li .cnt{position:absolute;min-width:26px;height:26px;padding:0 1px 0 0;border-radius:13px;font-size:14px;background:#ee6983;top:-10px;right:-12px;color:#fff;text-align:center;line-height:26px;} .new-v2 .header-wrapper .nav-list .cart-icon .cnt{right:-14px;} .new-v2 header.main-header .overlay-menu-container{top:134px;} .new-v2.topbanner header.main-header .overlay-menu-container{top:174px;} .new-v2 header.main-header .amw-navigation-menu .navigation-menu-container .desktop-nav-menu .top-menu{width:100%;margin-top:-3px;} .new-v2 header.main-header .amw-navigation-menu .navigation-menu-container .desktop-nav-menu .top-menu .top-menu-links.desktop-structure-modified .menu-nav-list .nav-list-item .overlay-menu-component-desktop-wrapper > a{margin:5px 4px;} .new-v2 header.main-header .amw-navigation-menu .navigation-menu-container .desktop-nav-menu .top-menu .top-menu-links.desktop-structure-modified .menu-nav-list .nav-list-item > a{margin:5px 0;} .new-v2 header.main-header .amw-navigation-menu .navigation-menu-container .desktop-nav-menu .top-menu .top-menu-links.desktop-structure-modified{left:-4px;width:100%} .suggestion-list{position:absolute;left:0;top:6px;width:100%;height:32px;overflow:hidden;z-index:0;} .suggestion-list li{width:100%;height:32px;text-align:center;color:#7d7d7d;font-size:16px;line-height:30px;position:absolute;left:0;top:36px;font-weight:normal;} .suggestion-list li:first-child{display:block;top:0;} @media (max-width:768px){ .new-v2 .main-header{-webkit-box-shadow:0 2px 10px rgba(0, 0, 0, .08);box-shadow:0 2px 10px rgba(0, 0, 0, .08);} .new-v2 .header-wrapper .header-logo .pc-logo{display:none;} .new-v2 .header-wrapper .header-logo a{margin-top:4px;} .new-v2 .header-wrapper .header-logo .mo-logo{display:block;height:26px;margin:0 0 0 4px;} .akl.new-v2 header.main-header .amway-theme .header-container{height:54px;} .new-v2 header.main-header .amw-navigation-menu{box-shadow:none;} .new-v2 header.main-header .amw-navigation-menu .navigation-menu-container{width:100%;} .new-v2 header.main-header .mobile-container .mobile-wrapper .mobile-header-cell:first-of-type{border-right:none;} .new-v2 header.main-header .mobile-container .mobile-wrapper .navigation-menu-toggle-wrapper .overlay-menu-toggle-mobile{padding:13px 0 0 0;width:58px;height:54px;} .new-v2 header.main-header .mobile-container .mobile-wrapper .navigation-menu-toggle-wrapper .overlay-menu-toggle-mobile:after{content:'';position:absolute;left:58px;top:0;width:100vw;height:54px;background:#fff;z-index:999;} .new-v2 header.main-header .mobile-container .mobile-wrapper .navigation-menu-toggle-wrapper .overlay-menu-toggle-mobile.collapsed:after{display:none;} .akl.new-v2 header.main-header .amway-theme .mobile-container{margin-top:0;} .akl.new-v2 header.main-header .mobile-container .mobile-wrapper{height:auto;} .new-v2 header.main-header .mobile-container .overlay-mobile-menu{box-shadow:none;top:54px;max-height:unset;padding-bottom:10px !important;height:calc(100vh - 54px)} .new-v2.topbanner header.main-header .mobile-container .overlay-mobile-menu{height:calc(100vh - 94px)} .new-v2 .hamburger-icon{width:25px;margin-top:1px;} .new-v2 header .collapsed .hamburger-icon{width:26px;height:26px;background:url(../images/icon100.png) no-repeat 0 0 !important;background-size:100px auto !important;margin-top:0;} .new-v2 header.main-header .header-container .header-wrapper{height:54px;padding:0 0 0 54px;display:table;width:100%;background:#fff;} .new-v2 .header-wrapper .header-logo{display:table-cell;vertical-align:middle;height:54px;float:none;} .new-v2 .header-wrapper .nav-list{float:none;display:table-cell !important;vertical-align:middle;padding:0 16px 0 0;text-align:right;font-size:0;height:54px;} .new-v2 .header-wrapper .nav-list li{float:none;display:inline-block;vertical-align:middle;position:relative;} .new-v2 .header-wrapper .nav-list li:after{display:none;position:absolute;bottom:-14px;left:50%;margin:0 0 0 -6px;width:0;height:0;content:' ';border-right:8px solid transparent;border-bottom:8px solid #002f5f;border-left:8px solid transparent;} .new-v2 .userinfo-open .header-wrapper .nav-list .my-icon:after{display:block;} .new-v2 .mincart-open .header-wrapper .nav-list .cart-icon:after{display:block;} .new-v2 .header-wrapper .nav-list .my-icon .name{font-weight:400;font-size:13px;color:#56565a;padding:5px 2px 0 0;vertical-align:top;} .new-v2 .header-wrapper .nav-list .my-icon .icon{width:26px;height:26px;background:url(../images/icon100.png) no-repeat -50px 0;background-size:100px auto;} .new-v2 .header-wrapper .nav-list .cart-icon{margin:0 0 0 15px} .new-v2 .header-wrapper .nav-list .cart-icon .icon{width:26px;height:26px;background:url(../images/icon100.png) no-repeat 0 -50px;background-size:100px auto;} .new-v2 .header-wrapper .nav-list li .cnt{min-width:16px;height:16px;padding:0 1px 0 0;font-size:9px;line-height:16px;top:-5px;right:-8px;} .new-v2 .header-wrapper .nav-list .cart-icon .cnt{right:-8px;} .akl.new-v2 .userinfo-open #login-drop-content{top:54px;} .akl.new-v2.topbanner .userinfo-open #login-drop-content{margin-top:40px;} .akl.new-v2 header.main-header .amway-theme .header-container .mini-cart-items-container{top:54px;} .akl.new-v2.topbanner header.main-header .amway-theme .header-container .mini-cart-items-container{top:94px;} .suggestion-list{position:relative;top:0;} .suggestion-list li{color:#a0a0a0;font-size:15px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:0 0 0 26px;} } /*메인개편 :new top banner*/ .akl-topbanner-app{display:none;} .akl-topbanner-txt{width:100%;height:40px;position:fixed;left:0;top:0;background:#dcdcdc;z-index:9000;} .akl-topbanner-txt .inbox{max-width:1400px;margin:0 auto;position:relative;text-align:center;} .akl-topbanner-txt a{font-size:16px;color:#000;text-align:center;width:100%;display:inline-block;height:40px;padding:9px 0 0 0;} .akl-topbanner-txt button{position:absolute;right:0;top:13px;width:14px;height:14px;background:url(../images/icon100_pc.png) no-repeat 0 -50px;text-indent:-999em;} @media (max-width:768px){ .akl-topbanner-txt a{font-size:14px;text-align:center;padding:0;letter-spacing:-1px;line-height:40px;} .ua-ios .akl-topbanner-txt a,.ua-android .akl-topbanner-txt a{line-height:42px;} .akl-topbanner-txt .inbox{width:100%;} .akl-topbanner-txt button{position:absolute;right:0;top:0;width:33px;height:40px;padding:0;text-indent:-999em;background:none;} .akl-topbanner-txt button:after{content:"";position:absolute;left:10px;top:50%;background:url(../images/icon100.png) no-repeat -50px -50px;background-size:100px auto;width:13px;height:13px;transform:translateY(-50%);} .akl-topbanner-app{display:block;position:fixed;left:0;top:0;z-index:9000;background:#dcdcdc;height:40px;width:100%;font-size:0;padding:4px 0 0 13px;box-sizing:border-box;} .akl-topbanner-app p{font-size:13px;color:#465c71;display:inline-block;vertical-align:top;padding:7px 0 0 10px;} .akl-topbanner-app button{position:absolute;right:0;top:0;width:33px;height:40px;padding:0;text-indent:-999em;background:none;} .akl-topbanner-app button:after{content:"";position:absolute;left:10px;top:13px;background:url(../images/icon100.png) no-repeat -50px -50px;background-size:100px auto;width:13px;height:13px;} .akl-topbanner-app a{display:inline-block;background:#002e5e;color:#fff;font-size:11px;vertical-align:top;width:65px;height:17px;border-radius:8px;text-align:center;position:relative;top:7px;margin:0 0 0 4px;line-height:18px;} .akl-topbanner-app img{width:31px;height:31px;vertical-align:top;} .akl.topbanner.new-v2 main{margin-top:94px;} .akl.topbanner-app.new-v2 main{margin-top:94px;} .akl.new-v2 main{margin-top:54px;} } /* 메인개편 :new quick-links */ .new-v2 .quick-links{box-shadow:none;border-top:1px solid #d7d7d7;padding:30px 0 5px 0;min-width:1400px;} .akl.new-v2 .quick-links .container{max-width:1400px;width:1400px;} .akl.new-v2 .qlink-left-box{width:1000px;position:relative;} .akl.new-v2 .qlink-right-box{width:322px;padding:0;float:right;} .akl.new-v2 .footerShotcut.mob{margin:0;} .akl.new-v2 .footerShotcut > div{width:100%;margin:0;} .new-v2 .quick-links .quick-links-item{display:inline-block;padding:0 0 0 30px;width:auto;} .new-v2 .quick-links .quick-links-item:nth-child(1), .new-v2 .quick-links .quick-links-item:nth-child(2) {width:100%;padding:0;} .new-v2 .quick-links .quick-links-item:nth-child(3) {padding:0;} .akl.new-v2 .quick-links-header{font-size:18px;color:#465c71;font-weight:500;padding:0;margin:0;letter-spacing:-0.8px;} .akl.new-v2 .quick-links-header a{font-size:18px;color:#465c71;font-weight:500;position:relative;} .new-v2 .quick-links .quick-links-item>ul{margin:0;} .new-v2 .quick-links .quick-links-item>ul>li{display:inline-block;padding:0;margin:0 12px 0 0;} .new-v2 .quick-links .quick-links-item>ul>li a{font-size:16px;color:#888;font-weight:400;position:relative;} .akl.new-v2 .quick-links-title{text-align:center;font-size:18px;letter-spacing:-1px;font-weight:normal;margin:0;padding:3px 0 14px 0;} .new-v2 .foot-social-icon{text-align:center;width:322px;font-size:0;} .new-v2 .foot-social-icon a{display:inline-block;width:54px;height:54px;background:url(../images/icon100_pc.png) no-repeat;margin:0;padding:0;position:relative;border-radius:50%;} .new-v2 .foot-social-icon a:last-child{margin:0 0 0 22px;} .new-v2 .foot-social-icon .fbook{background-position:0 -100px;} .new-v2 .foot-social-icon .istar{background-position:0 -160px;} .akl.new-v2 .quick-links-misc .quick-links-sns{padding:0 0 10px 0;} .akl.new-v2 .footerShotcut > div > button{height:60px;font-weight:normal;padding-left:15px;} .akl.new-v2 .footerShotcut > div > div a{text-indent:20px;font-weight:normal;} @media (max-width:768px){ .akl.new-v2 .quick-links .container{width:100%;} .new-v2 .quick-links{border-top:none;padding:0;min-width:auto;} .akl.new-v2 .qlink-left-box,.akl.new-v2 .qlink-right-box{width:100%;float:none;} .akl.new-v2 .quick-links-item ul{padding-left:0;margin-left:20px;} .new-v2 .quick-links .quick-links-item:nth-child(4),.new-v2 .quick-links .quick-links-item:nth-child(5),.new-v2 .quick-links .quick-links-item:nth-child(6){position:relative;left:0;top:0;} .new-v2 .quick-links .quick-links-item>ul>li{display:block;padding:2px 0 0 10px;margin:0;} .new-v2 .quick-links .quick-links-item>ul>li a{font-size:12px;font-weight:normal;} .akl.new-v2 .quick-links-header{font-size:14px;padding:5px 15px 4px 30px;} .akl.new-v2 .quick-links-header.akl-foot{padding-left:18px;} .akl.new-v2 .quick-links-header a{font-size:14px;} .new-v2 .quick-links-header:before{content:'';width:8px;height:16px;background:url(../images/icon100.png) no-repeat;background-size:100px auto;background-position:0 -150px;padding:0;font-family:inherit;font-size:inherit;position:absolute;left:18px;top:7px;} .new-v2 .switcher .quick-links-header:before{content:'';background-position:-50px -150px;} .akl.new-v2 .quick-links .qlink-left-box>li{width:100%;padding:0;background:#f5f5f5;} .akl.new-v2 .quick-links .qlink-left-box>li>p{margin:0;} .akl.new-v2 .quick-links-misc{padding:24px 26px 19px 26px;border-bottom:1px solid #d7d7d7;width:100%;} .akl.new-v2 .quick-links-misc .quick-links-sns{margin-top:0;position:relative;padding:0;} .akl.new-v2 .quick-links-title{text-align:left;font-size:16px;letter-spacing:-1px;font-weight:normal;margin:0;padding:3px 0 14px 0;} .new-v2 .foot-social-icon{font-size:0;position:absolute;right:0;top:0;width:auto;text-align:left;} .new-v2 .foot-social-icon a{width:36px;height:36px;background:url(../images/icon100.png) no-repeat;background-size:100px auto;} .new-v2 .foot-social-icon a:last-child{margin:0 0 0 10px;} .new-v2 .foot-social-icon .fbook{background-position:0 -200px;} .new-v2 .foot-social-icon .istar{background-position:-50px -200px;} } /* 메인개편 :new footer */ .akl.new-v2 footer{padding-top:0;} .akl.new-v2 .footer{background:#ebebeb;padding:0;} .akl.new-v2 .footer-nav{text-align:left;} .akl.new-v2 .footer ul{font-size:0;padding:0 0 15px 0;border-bottom:1px solid #bebebe;margin:0 0 23px 0;} .akl.new-v2 .footer ul li{position:relative;padding:0 10px 0 0;margin:0 10px 0 0;} .akl.new-v2 .footer ul li:before{content:'';position:absolute;right:0;top:6px;width:1px;height:13px;background:#d8d8d8} .akl.new-v2 .footer ul li:last-child:before{display:none;} .akl.new-v2 .footer ul li a{color:#484848;font-size:14px;font-weight:normal;display:block;padding:0;position:relative;} .akl.new-v2 .footer .txt0{color:#7d7d7d;text-align:left;font-weight:normal;float:left;font-size:12px;} /* 리뉴얼 footer css 별도 추가 2020-02-14 */ .akl.new-v2 .footer.footer_renewal .txt0 {float:none} .akl.new-v2 .footer_renewal .footer-service-contact {position:static;padding:0;float:none} .akl.new-v2 .footer.footer_renewal address, .akl.new-v2 .footer.footer_renewal .txt_address {margin:10px 0 0;word-break:break-all;line-height:20px;letter-spacing:-.6px} .akl.new-v2 .footer.footer_renewal .txt_address {float:none;display:block;padding:0;color:#5a5a5a;font-size:12px;text-align:left} .akl.new-v2 .footer.footer_renewal .certification {position:absolute;right:-4px;top:-50px;margin-top: 0;font-size:0;text-align:center} /* //리뉴얼 footer css 별도 추가 2020-02-14 */ .akl.new-v2 .footer-cont-box{width:100%;background:#ebebeb;min-width:1400px;} .akl.new-v2 .footer-cont0{padding:15px 0 0 0;;margin:0 auto;overflow:hidden;width:1400px;} .akl.new-v2 .footer-cont1{width:100%;} .akl.new-v2 .footer-cont1:after{content:'';display:block;clear:both;} .akl.new-v2 .footer-cont1 .txt-cont{margin:0 auto;position:relative;padding:0 0 30px 0;width:1400px;} .akl.new-v2 .footer-cont1 .txt-cont:after{content:'';display:block;clear:both;} .new-v2 .footer-service-contact{text-align:left;font-size:0;float:left;position:relative;top:-3px;padding:0 0 0 20px;} .new-v2 .footer-service-contact dl{display:inline-block;font-size:0;margin:0 20px 0 0;} .new-v2 .footer-service-contact dt{display:inline-block;vertical-align:top;font-size:16px;color:#7d7d7d;font-weight:500;margin:0 8px 0 0;} .new-v2 .footer-service-contact dd{display:inline-block;vertical-align:top;font-size:16px;color:#000;font-weight:500;} .new-v2 .footer-service-contact dd a{color:inherit;} .new-v2 .footer-service-contact>a{display:inline-block;vertical-align:top;padding:0 0 0 28px;position:relative;font-size:16px;font-weight:500;color:#000;} .new-v2 .footer-service-contact>a:before{content:'';position:absolute;left:0;top:4px;width:21px;height:14px;background:url(../images/icon100_pc.png) no-repeat -60px -100px;} .new-v2 .footer-cont0 button{display:none;} .akl.new-v2 .footer address{color:#5a5a5a;margin:0;font-size:12px;font-weight:normal;text-align:left;float:left;clear:both;} .akl.new-v2 .footer .txt1{font-size:12px;text-align:left;color:#5a5a5a;font-weight:normal;padding:10px 0 0 0;float:left;clear:both;} .akl.new-v2 .footer .txt1 a{color:#5a5a5a;border-bottom:1px solid #7d7d7d;position:relative;} .new-v2 .certification{font-size:0;text-align:center;position:absolute;right:-4px;top:-3px;margin-top:0;} .new-v2 .certification a, .new-v2 .certification .box_mark {display:inline-block;margin:0 3px;min-width:unset;height:auto;vertical-align:top;position:relative;} .new-v2 .certification a img, .new-v2 .certification .box_mark img {display:block;margin:0 auto;float:none;} .new-v2 .certification a img.mo_img, .new-v2 .certification .box_mark img.mo_img {display:none;width:51px;} .new-v2 .certification a span, .new-v2 .certification .box_mark span {display:block;margin-top:6px;font-size:12px;color:#5a5a5a;font-weight:normal;padding:0;line-height:14px;} .akl.new-v2 .copyright-cont{width:100%;background:#002f5f;} .akl.new-v2 .copyright-cont p{position:relative;width:1400px;height:50px;font-size:11px;color:#7d7d7d;text-align:right;padding:16px 98px 0 0;margin:0 auto;font-weight:normal;} .akl.new-v2 .copyright-cont img{position:absolute;right:0;top:10px;} @media (max-width:768px){ .akl.new-v2 .footer{background:#fff;} .akl.new-v2 .footer-cont-box{min-width:auto;} .akl.new-v2 .footer ul{padding:0 0 10px 0;border-bottom:none;margin:0;} .akl.new-v2 .footer.footer_renewal ul {padding:0} .akl.new-v2 .footer ul li{padding:0 8px 0 0;margin:0 8px 0 0;} .akl.new-v2 .footer ul li:before{top:4px;height:10px;} .akl.new-v2 .footer ul li a{font-size:10px;} .akl.new-v2 .footer .txt0{font-size:10px;padding:0;float:none;} .akl.new-v2 .footer.footer_renewal .txt0 {font-size:10px;margin:15px 0 5px;letter-spacing:-.5px} .akl.new-v2 .footer.footer_renewal .footer-service-contact{padding:0 0 15px 0;float:none;top:0;} .akl.new-v2 .footer.footer_renewal address, .akl.new-v2 .footer.footer_renewal .txt_address {float:none;margin:0;clear:unset;font-size:10px;line-height:17px} .akl.new-v2 .footer.footer_renewal .txt_address {position:relative;display:inline;margin:0 0 0 7px;padding-left:7px} .akl.new-v2 .footer.footer_renewal .txt_address:before {content:'';display:block;position:absolute;left:0;top:6px;width:2px;height:2px;background:#5a5a5a;border-radius:50%} .akl.new-v2 .footer.footer_renewal .txt1{font-size:10px;float:none;clear:unset;padding:5px 0 0 0;} .akl.new-v2 .footer.footer_renewal .certification{position:relative;right:0;top:0;margin-top:30px;} .akl.new-v2 .footer.footer_renewal .certification{margin-top:14px} .akl.new-v2 .footer.footer_renewal .certification a {margin:0 7px 10px;padding:0 7px} .akl.new-v2 .footer.footer_renewal .certification a:first-child {margin-left:0;padding-left:0} .akl.new-v2 .footer-cont0{background:#fff;padding:20px 26px 10px 26px;width:100%;} .akl.new-v2 .footer-cont1 .txt-cont{background:#c8c8c8;padding:20px 26px 15px 26px;width:100%;} .akl.new-v2 .footer.footer_renewal .footer-cont1 .txt-cont{padding:10px 26px} .akl.new-v2 .footer-cont1 .txt-cont.closed, .akl.new-v2 .footer.footer_renewal .footer-cont1 .txt-cont.closed {padding:0;height:0;overflow:hidden;} .new-v2 .footer-service-contact dl{margin:0 10px 0 0;} .new-v2 .footer-service-contact dt{font-size:13px;margin:0 8px 0 0;} .new-v2 .footer-service-contact dd{font-size:13px;} .new-v2 .footer-service-contact>a{font-size:13px;padding:0 0 0 22px;} .new-v2 .footer-service-contact>a:before{content:'';position:absolute;left:0;top:-1px;width:19px;height:20px;background:url(../images/icon100.png) no-repeat -50px -100px;background-size:100px auto;} .new-v2 .footer-cont0 button{display:block;font-size:12px;color:#465c71;font-weight:500;background:none;padding:0;position:relative;} .new-v2 .footer-cont0 button:before{content:'';display:inline-block;width:16px;height:16px;vertical-align:top;background:url(../images/icon100.png) no-repeat;background-size:100px auto;background-position:0 -250px;margin:0 8px 0 0;} .new-v2 .footer-cont0 button.closed:before{background-position:-50px -250px;} .new-v2 .certification a img.mo_img{display:block;} .new-v2 .certification a img.pc_img{display:none;} .new-v2 .certification a span, .new-v2 .certification .box_mark span {font-size:10px;color:#7d7d7d;} .new-v2 .footer.footer_renewal .certification .box_mark span {min-height:42px} .akl.new-v2 .copyright-cont p{height:41px;font-size:10px;text-align:center;padding:0;line-height:41px;width:100%;} .akl.new-v2 .copyright-cont img{display:none;} .new-v2 .footer_renewal .certification a img.mo_img, .new-v2 .footer_renewal .certification .box_mark img.mo_img {display:block} .new-v2 .footer_renewal .certification a img.pc_img, .new-v2 .footer_renewal .certification .box_mark img.pc_img {display:none} } @media (max-width:360px){ .akl.new-v2 .copyright-cont{letter-spacing:-0.03em;} } @media (max-width:320px){ .akl.new-v2 .copyright-cont{letter-spacing:-0.06em;} } /*메인개편 :new search*/ .new-v2 .search-btn-container{position:absolute;left:50%;margin:0 0 0 -270px;top:20px;width:540px;background:#fff;border-radius:6px;z-index:1001;} .new-v2 .search-btn-container .mobile-search-btn{display:block;background:rgba(255,255,255,0);height:40px;position:relative;z-index:2;} .new-v2 .search-btn-container .scan-paygo-btn{display:none;} .new-v2 .search-btn-container .icon-search,.new-v2 .search-btn-container .icon-search:hover{position:absolute;left:12px;top:-1px;width:34px;height:28px;background:url(../images/icon100_pc.png) no-repeat -50px -50px;text-indent:-999px;overflow:hidden;} .new-search-cont{display:none;position:absolute;width:540px;min-height:732px;left:50%;top:19px;margin:0 0 0 -270px;z-index:1002;padding:0;box-sizing:border-box;border:1px solid #002f5f;background:#fff;border-radius:6px;box-shadow:0 0 10px rgba(0, 0, 0, .2);overflow:hidden;letter-spacing:-1px;} .new-search-cont.open{display:block;} .new-search-cont .inbox{padding:0 20px 0 22px;box-sizing:border-box;max-height:unset;width:100%;} .new-search-cont .top-search{width:496px;margin:0 0 0 22px;overflow:hidden;position:relative;border-bottom:1px solid #002f5f;} .new-search-cont .top-search input{border:none;height:24px;font-size:18px;padding:0 32px 0 6px;} .new-search-cont .top-search input:focus{border:none;} .new-search-cont .input-group{display:block;overflow:hidden;padding:20px 0 14px 0;} .new-search-cont .input-group-btn{position:absolute;right:0;top:20px;display:block;width:auto;z-index:3;} .new-search-cont .input-group-btn button{padding:0;margin:0;height:auto;} .new-search-cont .icon-search{width:24px;height:24px;display:block;background:url(../images/icon100_pc.png) no-repeat -50px -550px;} .new-search-cont .icon-search:before{content:'';display:none;} .new-search-cont .search-results-close{position:relative;text-indent:0;background:none;width:62px;height:22px;float:right;color:#465c71;font-size:14px;text-align:right;font-weight:normal !important;padding:0;left:0;top:0;margin:10px 0 16px 0;} .new-search-cont .popoverword,.new-search-cont .auto-suggestion-popover{position:relative;left:0;top:0;padding:0;margin:0;z-index:1;box-shadow:none;width:100% !important;} .new-search-cont .popoverword{display:block;} .new-search-cont .popover-content-akl{margin:0 !important;padding:0 !important;} .new-search-cont .popover-content-akl:after{display:none;} .new-search-cont .tit{margin:0;font-size:16px;font-weight:500;color:#2c2c2c;padding:20px 0 10px 4px;line-height:22px;} .new-search-cont .tit.tit0{margin-top:10px;} .new-search-cont .popoverword .popover-content-akl .popover-btn{border:none;position:absolute;right:0;top:17px;padding:0;} .new-search-cont .popoverword .popover-content-akl .popover-btn button{font-size:14px;font-weight:normal;color:#9e9e9e !important;} .new-search-cont .popoverword .popover-content-akl .popover-btn button:last-child{margin:0 0 0 15px;} .new-search-cont .search-results-akl{border-top:1px solid #c9c9c9;margin:0;} .ieBrowser .new-search-cont .search-results-akl{margin:0 0 -1px 0;} .new-search-cont .search-results-akl li{height:auto;border-bottom:1px solid #c9c9c9;overflow:hidden;position:relative;} .new-search-cont .search-results-akl li:hover{background:none;} .new-search-cont .search-results-akl li a{height:auto;margin:0;padding:11px 20px 11px 4px;line-height:16px;font-size:14px;color:#7d7d7d;font-weight:normal;display:block;} .new-search-cont .search-results-akl li a:hover{background:none;} .new-search-cont .search-results-akl li.rank a{color:#e85656;} .new-search-cont .search-results-akl li span{float:none;} .new-search-cont .search-results-akl li button{width:20px;height:36px;background:none;position:absolute;right:0;top:0;text-indent:-1000px;overflow:hidden;border:0;} .new-search-cont .search-results-akl li button:after{content:'';width:19px;height:19px;background:url(../images/icon100_pc.png) no-repeat -60px -160px;position:absolute;right:4px;top:50%;margin:-10px 0 0 0;} .new-search-cont .search-no-result{padding:0;height:118px;font-size:14px;border:1px solid #c9c9c9;border-left:none;border-right:none;display:table;width:100%;text-align:center;} .new-search-cont .search-no-result p{margin:0;font-size:14px;font-weight:normal;color:#7d7d7d;display:table-cell;height:100%;vertical-align:middle;} .new-search-cont .auto-suggestion-popover .popover-content{padding:0;max-height:unset;} .new-search-cont .auto-suggestion-popover .popover-content .txt0{text-align:center;margin:0;height:76px;display:table;width:100%;} .new-search-cont .auto-suggestion-popover .popover-content .txt0 span{display:table-cell;vertical-align:middle;font-size:14px;color:#7d7d7d;font-weight:normal;} .new-search-cont .auto-suggestion-popover .popover-content ul{padding:0;border-top:1px solid #c9c9c9;} .new-search-cont .auto-suggestion-popover .popover-content li{border-bottom:1px solid #c9c9c9;position:relative;} .new-search-cont .auto-suggestion-popover .popover-content li.shopping-cart{padding:0 35px 0 0;} .new-search-cont .popover-content-akl .ui-menu-item a{padding:11px 0 11px 4px;font-size:14px;font-weight:normal;color:#7d7d7d;line-height:16px;display:block;} .new-search-cont .popover-content-akl .ui-menu-item .js-highlited-part-of-name{color:#000;font-weight:normal;} .new-search-cont .popover-content-akl .ui-menu-item button{position:absolute;right:0;top:50%;margin:-19px 0 0 0;text-indent:-999px;width:36px;height:38px;overflow:hidden;background:none;padding:0;} .new-search-cont .popover-content-akl .ui-menu-item button:after{content:'';position:absolute;left:0;top:8px;width:28px;height:23px;background:url(../images/icon100_pc.png) no-repeat 0 -250px;} @media (max-width:768px){ .new-v2 .desktop-nav-menu{display:none;} .new-v2 .search-btn-container{height:36px;position:relative;z-index:1;padding:0 18px;left:0;top:0;border-radius:0;width:100%;margin:0;margin-top:0;-webkit-transition:margin-top 0.2s;transition:margin-top 0.2s;} .new-v2 .search-btn-container.up{margin-top:-36px;} .new-v2 .search-btn-container .mobile-search-btn{position:absolute;width:calc(100% - 36px);height:31px;border-bottom:1px solid #000;bottom:5px;left:18px;z-index:3;} .new-v2 .search-btn-container .scan-paygo-btn{display:block;position:absolute;right:18px;top:3px;width:32px;height:27px;padding:0;text-indent:-9999px;background:url(../images/icon100.png) no-repeat 0 -350px #fff;background-size:100px auto;} /* 2020-01-08 scan 버그 수정 */ .new-v2 .search-btn-container .scan-paygo-btn:active{filter:brightness(90%);-webkit-filter:brightness(90%);-moz-filter:brightness(90%);-o-filter:brightness(90%);} .new-v2 .search-btn-container.scan-paygo .suggestion-list{width:calc(100% - 43px)} .new-v2 .search-btn-container.scan-paygo .mobile-search-btn{width:calc(100% - 79px);} .akl.new-v2 .amway-theme a span.icon-search{width:26px;height:26px;background:url(../images/icon100.png) no-repeat 0 -100px;background-size:100px auto;margin-top:0;position:relative;left:-2px;top:3px;} .new-search-cont{width:100%;margin:0;left:0;top:54px;border:none;border-radius:0;box-shadow:none;background:#fff;min-height:auto;} .new-search-cont .top-search{padding:0 18px;margin:0;border:none;height:36px;width:100%;} .new-search-cont .top-search input{height:32px;font-size:15px;padding:0 0 0 10px;background:none;width:calc(100% - 50px)} .new-search-cont .input-group{padding:0;border-bottom:1px solid #000;} .new-search-cont .input-group-btn{position:absolute;right:64px;top:1px;display:block;width:auto;z-index:3;} .new-search-cont .input-group-btn button{padding:0;margin:0;} .new-search-cont .icon-search{width:26px;height:26px;display:block;background:url(../images/icon100.png) no-repeat 0 -100px;background-size:100px auto;} .new-search-cont .icon-search:before{content:'';display:none;} .new-search-cont .popoverword,.new-search-cont .auto-suggestion-popover{width:100% !important;max-width:100% !important;} .new-search-cont .inbox{padding:20px 28px;max-height:calc(100vh - 90px);height:calc(100vh - 90px);width:100%;overflow-y:scroll;} .topbanner .new-search-cont .inbox{max-height:calc(100vh - 130px);height:calc(100vh - 130px);} .new-search-cont .tit{margin:0 0 0 -10px;font-size:14px;padding:0 0 10px 0;line-height:20px;} .new-search-cont .tit.tit0{margin-top:30px;} .new-search-cont .popoverword .popover-content-akl .popover-btn{top:-1px;} .new-search-cont .popoverword .popover-content-akl .popover-btn button{font-size:12px;margin:0;} .new-search-cont .popoverword .popover-content-akl .popover-btn button:last-child{margin:0 0 0 10px;} .new-search-cont .auto-suggestion-popover.popover.bottom{margin-top:0;} .akl .new-search-cont .popover-content{max-height:unset;} .new-search-cont .search-results-akl{max-height:unset;margin:0;} .new-search-cont .search-results-akl li a{font-size:15px;padding:7px 15px 7px 0;} .new-search-cont .search-results-akl li button{margin:0;height:32px;width:15px;} .new-search-cont .search-results-akl li button:after{width:11px;height:11px;background:url(../images/icon100.png) no-repeat -50px -300px;background-size:100px auto;margin:-6px 0 0 0;} .new-search-cont .search-results-close{position:absolute;top:4px;margin:0;left:unset;right:18px;width:55px;height:20px;font-size:13px;z-index:3;} .new-search-cont .search-results-close:before{content:'';position:absolute;left:-3px;top:4px;width:1px;height:12px;background:#a0a0a0;} .new-search-cont .search-no-result{height:auto;padding:10px 0;} .new-search-cont .auto-suggestion-popover .popover-content{padding:0;} .new-search-cont .auto-suggestion-popover .popover-content .txt0{display:none;} .new-search-cont .auto-suggestion-popover .popover-content ul{border-top:none;} .new-search-cont .auto-suggestion-popover .popover-content li.shopping-cart{padding:0 25px 0 0;} .new-search-cont .popover-content-akl .ui-menu-item a{font-size:15px;padding:7px 0;} .new-search-cont .popover-content-akl .ui-menu-item button{height:32px;width:23px;margin:-16px 0 0 0;} .new-search-cont .popover-content-akl .ui-menu-item button:after{width:23px;height:24px;background:url(../images/icon100.png) no-repeat 0 -300px;background-size:100px auto;top:4px;} } @media (max-width:360px){ .new-search-cont .search-results-akl{max-height:unset;} } /* 메인개편 :layout */ @media (max-width:768px){ .new-v2 main{transition:padding-top 0.2s;padding-top:36px;} .new-v2 main.up{padding-top:0;} } /* 메인개편 :공통 상품리스트 */ .product-list-v2{font-size:0;text-align:center;} .product-unit-v2{letter-spacing:-1px;width:180px;height:312px;display:inline-block;position:relative;text-align:left;background:#fff;border:1px solid #d2d2d2;vertical-align:top;} .product-unit-v2 .img-cont{position:relative;} .product-unit-v2 .img-cont a{display:block;} .product-unit-v2 .thumb-img{display:block;width:100%;margin:0 0 6px 0;} .product-unit-v2 .btn-cont{position:absolute;right:10px;bottom:0;font-size:0;z-index:2;} .product-unit-v2 .btn-cont button{margin:0 0 0 6px;} .product-unit-v2.dimmed .btn-cont button {opacity:0.2;} .product-unit-v2.dimmed .btn-cont button:active:after {display:none;} .product-unit-v2 .cont{display:block;width:100%;height:126px;padding:0 10px;} .product-unit-v2 .flag-v2{position:absolute;left:0;top:0;} .product-unit-v2 .tit{display:block;font-size:16px;color:#56565a;margin:0 0 2px 0;overflow:hidden;text-overflow:ellipsis;line-height:1.4;height:2.8em;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;position:relative;} .product-unit-v2 .txt0{display:block;font-size:12px;color:#7d7d7d;padding:0 0 2px 0;} .product-unit-v2 .price{display:block;font-size:22px;font-weight:500;color:#56565a;} .product-unit-v2 .txt1{display:block;font-size:12px;color:#7d7d7d;} .product-unit-v2.size0{width:156px;height:240px;} .product-unit-v2.size0 .price{font-size:18px;} .product-unit-v2.size0 .cont{height:78px;} .product-list-v2.magazine {text-align:left !important; position:relative;} .product-unit-v2.size1{/*width:190px;*/height:250px;margin-top:7px;/*padding-left:16px;*/ background-color:transparent;border:transparent;} .product-unit-v2.size1 img{width:180px;max-height:230px;} .product-unit-v2.shadow{border:none;box-shadow:0 1px 4px 0 rgba(0,0,0,.1);} .product-list-v2.magazine .owl-item {width:auto !important;} .product-list-v2.magazine .owl-nav .owl-prev:after {background:none !important; left:0;} .product-list-v2.magazine .owl-nav .owl-next:after {background:none !important; left:0;} @media (max-width:768px){ .product-unit-v2{width:calc(50% - 3px);height:auto;box-shadow:0 1px 4px 0 rgba(0,0,0,.1);border:none;} .product-unit-v2 .thumb-img{margin:0 0 15px 0;} .product-unit-v2 .btn-cont{right:12px;bottom:2px;} .product-unit-v2 .btn-cont button{margin:0 0 0 4px;} .product-unit-v2 .cont{padding:0 8px 10px 8px;height:auto;} .product-unit-v2 .tit{font-size:14px;} .product-unit-v2 .txt0{font-size:10px;padding:0 0 2px 0;} .product-unit-v2 .price{font-size:15px;} .product-unit-v2 .txt1{font-size:10px;} .product-unit-v2.size0{width:130px;height:200px;} .product-unit-v2.size0 .thumb-img{margin:0 0 2px 0;} .product-unit-v2.size0 .btn-cont{right:8px;bottom:0;} .product-unit-v2.size0 .tit{font-size:13px;} .product-unit-v2.size0 .price{font-size:15px;} .product-unit-v2.size1 {width:120px; height:auto; box-shadow:none; border:none; margin-top:-2px;} .product-unit-v2.size1 .thumb-img {width:115px; height:148px;} } .flag-v2{font-size:0;} .flag-v2 .item{display:inline-block;font-size:14px;color:#fff;min-width:56px;height:20px;text-align:center;padding:0 10px;margin:0 2px 2px 0;font-weight:normal;} .flag-v2 .green{background:#95c21d;} .flag-v2 .red{background:#dc7878;} .flag-v2 .purple{background:#8f66d8;} .product-unit-v2 .i-cart{position:relative;display:inline-block;width:32px;height:32px;background:url(../images/icon100_pc.png) no-repeat -50px -400px;text-indent:-999px;overflow:hidden;border-radius:50%;} /*.product-unit-v2 .i-wish{display:inline-block;width:30px;height:30px;background:url(../images/icon100_pc.png) no-repeat;background-position:0 -450px;text-indent:-999px;overflow:hidden;} .product-unit-v2 .i-wish.on{background-position:-50px -450px;}*/ .product-unit-v2 .i-add{position:relative;display:inline-block;width:32px;height:32px;background:url(../images/icon100_pc.png) no-repeat 0 -500px;text-indent:-999px;overflow:hidden;border-radius:50%;} .product-unit-v2 .i-gift{position:relative;display:inline-block;width:32px;height:32px;background:url(../images/icon100_pc.png) no-repeat 0 -700px;text-indent:-999px;overflow:hidden;border-radius:50%;} .product-unit-v2 .i-share{position:relative; display: inline-block; width: 32px; height: 32px; bottom:10px; background: url(../images/icon100_pc.png) no-repeat -50px -700px; text-indent: -999px; overflow: hidden; border-radius: 50%;} .product-unit-v2 .i-share.acliks{background:url(../images/icon_sns_acliks.png) no-repeat 0 0;background-size:cover} @media (max-width:768px){ .flag-v2 .item{min-width:42px;height:16px;font-size:11px;padding:0 8px;line-height:16px;} .ua-ios .flag-v2 .item,.ua-android .flag-v2 .item{line-height:18px;} .product-unit-v2 .i-cart{background:url(../images/icon100.png) no-repeat -50px -500px;background-size:100px auto;} /*.product-unit-v2 .i-wish{width:23px;height:23px;background:url(../images/icon100.png) no-repeat 0 -550px;background-size:100px auto;} .product-unit-v2 .i-wish.on{width:23px;height:23px;background:url(../images/icon100.png) no-repeat -50px -550px;background-size:100px auto;}*/ .product-unit-v2 .i-add{background:url(../images/icon100.png) no-repeat 0 -600px;background-size:100px auto;} .product-unit-v2 .i-gift{background:url(../images/icon100.png) no-repeat 0 -650px;background-size:100px auto;} .product-unit-v2 .i-share{background:url(../images/icon100.png) no-repeat -50px -650px;background-size:100px auto;} } .new-v2 .loading-v2{position:fixed;left:0;top:0;z-index:9999;background:rgba(255,255,255,.5);width:100%;height:100%;} .new-v2 .loading-v2 img{width:110px;position:absolute;left:50%;top:50%;margin:-55px 0 0 -55px;} @media (max-width:768px){ .new-v2 .loading-v2 img{width:56px;margin:-28px 0 0 -28px;} } /* 메인개편 :배너 전체보기 */ .all-banner-view{padding:15px 0 0 0;max-width:1280px;margin:0 auto;width:1280px;} .all-banner-view li{margin:0 0 20px 0;} .all-banner-view li:last-child{margin:0;} .all-banner-view li img{width:100%;} .all-banner-view li a{display:block;overflow:hidden;position:relative;} .all-banner-view .pc-img{display:block;} .all-banner-view .mo-img{display:none;} @media (max-width:768px){ .all-banner-view{padding:8px 0 0 0;width:100%;} .all-banner-view li{margin:0 0 10px 0;} .all-banner-view li:last-child{margin:0 0 10px 0;} .all-banner-view .pc-img{display:none;} .all-banner-view .mo-img{display:block;} } /* smartEdit */ .new-v2 .smartEditComponent[data-smartedit-component-id = "SiteLogoSlot"]{display:block;} .new-v2 .smartEditComponent[data-smartedit-component-id = "MobileSiteLogoSlot"]{display:none;} .new-v2 .smartEditComponent[data-smartedit-component-id = "SearchBoxSlot"]{position:absolute;left:0;top:0;width:100%;} .new-v2 .smartEditComponent[data-smartedit-component-id = "MiniCartSlot"]{float:left;} @media (max-width:768px){ .new-v2 .smartEditComponent[data-smartedit-component-id = "SiteLogoSlot"]{display:none;} .new-v2 .smartEditComponent[data-smartedit-component-id = "MobileSiteLogoSlot"]{display:block;} .new-v2 .smartEditComponent[data-smartedit-component-id = "SearchBoxSlot"]{position:relative;} } /* 버튼,링크 피드백 */ .akl .bt-akl-blue:active:after, .akl .bt-akl-white:active:after, .akl .bt-akl-red:active:after, .akl .bt-akl-gray:active:after, .btn-blue-white:active:after, .akl .link-btn:active:after, .btn-link:active:after, .bt-bundling:active:before, .btn_more:active:after, .paging li a:active:after, .akl .btn-page-list:active:after, .category-titbox .ce-btn a .pull-right.icon-minus:active:after, .new-v2 .header-wrapper .header-logo a:active:after, .new-v2 .header-wrapper .nav-list li a:active:after, .new-v2 header.main-header .amw-navigation-menu .navigation-menu-container .desktop-nav-menu .top-menu .top-menu-links.desktop-structure-modified .menu-nav-list .nav-list-item .overlay-menu-component-desktop-wrapper > a:active:after, .new-v2 header.main-header .amw-navigation-menu .navigation-menu-container .desktop-nav-menu .top-menu .top-menu-links.desktop-structure-modified .menu-nav-list .nav-list-item .tab-header-list .tab-header-item a.tab-toggle:active:after, .akl.new-v2 header.main-header .amway-theme .amw-navigation-menu .navigation-menu-container .desktop-nav-menu .top-menu .top-menu-links .menu-nav-list .nav-list-item .tab-content a:active:after, .akl.new-v2 header.main-header .amway-theme .amw-navigation-menu .navigation-menu-container .desktop-nav-menu .top-menu .top-menu-links .menu-nav-list .nav-list-item .depth2-links a:active:after, .akl.new-v2 header.main-header .amway-theme .amw-navigation-menu .navigation-menu-container .desktop-nav-menu .top-menu .top-menu-links .menu-nav-list .nav-list-item .overlay-menu-tab-left a:active:after, .new-v2 header.main-header .amw-navigation-menu .navigation-menu-container .desktop-nav-menu .top-menu .top-menu-links.desktop-structure-modified .menu-nav-list .nav-list-item .dep2-brand-grid .dep2-banner .dep2-banner-link:active:after, .new-v2 .search-btn-container .mobile-search-btn:active:after, .product-unit-v2 .img-cont a:active:after, .product-unit-v2 .cont:active .tit:after, .product-unit-v2 .i-cart:active:after, .product-unit-v2 .i-add:active:after, .product-unit-v2 .i-gift:active:after, .new-v2 .quick-links .quick-links-item>ul>li a:active:after, .akl.new-v2 .quick-links-header a:active:after, .new-v2 .foot-social-icon a:active:after, .akl.new-v2 .footer ul li a:active:after, .new-v2 .footer-service-contact>a:active:after, .new-v2 .certification a:active:after, .new-v2 .footer-cont0 button:active:after, .akl.new-v2 .footer .txt1 a:active:after, .akl-topbanner-app button:active:before, .akl-topbanner-txt button:active:before, .akl.new-v2 .popover-content ul.nav__links li.account-popover__element a:active:after, .new-v2 .point-new .coupon-area a:active:after, .new-v2 .point-new .point-area a:active:after, .popover-content ul.nav__links li .sign-out-btns a:active:after, .akl .mini-cart-item .product-details .name:active:after, .akl .breadcrumb li a:active:after, .new-plp .product__facet .filters-header button:active:after, .category-titbox .ce-title a:active:after, .panel.aisde .list-group-menu li a:active:after, .akl .accordion-custom.pro-category .panel-title a:active:after, .akl .bt-akl-txt:active:after, .akl .os_listNew_btn_viewChoice .list:active:after, .product-list__thum:active:after, a.product-list__item-title:active:after, .akl .opt-quantity .btnMinus:active:after, .akl .opt-quantity .btnPlus:active:after, .akl .product-list__item-link-text button:active:after, .akl .product-list__item-link-ditto button:active:after, .scrollTopWrapper .toTop:active:after, .zoom-center button:active:after, #uiPrdViewDetail .owl-item button.ui-snap-btn:active:after, .akl .owl-nav .owl-next:active:before, .akl .owl-nav .owl-prev:active:before, .bod-view-sns>div>a:active:after, .plp-add-to-shopping-list .dropdown-menu .dropdown-menu-bottom a:active:after, .akl .news-result-prom > a:active:after, .lip-color-choose__nav>li a:active:after, .shareSNS_btns_wrap .btn_link:active:after, .akl .shoping-cart-search .btn-colsed-right .btnClosed:active:after, .akl .os_listNew_quickSearch_item .os_listNew_quickSearch_title:active:after, .akl .value-wrapper.option .option-info .link-btn:active:after, .list-item-info .has-promotion-stock .promotion .promotion-tip .tooltip-btn:active:after, .shopping-cart-item-list .product-list-item .list-item-image a:active:after, .akl .amway-suggest.cart-amway-suggest .thumnail-box > a:active:after, .akl .amway-suggest.cart-amway-suggest .amway-suggest__item-title a:active:after, .akl .cartlist-promotions a:active:after, .akl .tabs-transform .amwa-radio + label:active:after, .amway-theme .tabs-toggles .tab-toggle-wrap .tab-toggle:active:after, .new-payment .payTab .payTab_button_area a:active:before, .shipping-delivery .form-group label:active:after, .akl .shipping-delivery .panel label:active:after, .akl .ms-agree-toggle .accordion-custom .js-guidebox-toggle .title:active:before, .akl .toolTip-wrapper.type_txt_arr .btn-tooltip:active:before, .mysp_benefit a:active:after, .my_shopping_wrap .cnt_head .filter label:active:after, .item_info_wrap .item_thumb .img_thumb a:active:after, .btn_ico.ico_wish:active:after, .btn_ico.ico_alarm:active:after, .akl .filters-header button:active:after, .akl .list-content .content-list .con-list-item span.txte-wrap a:active:after, .rcmd-type .field-name .wisth-name a:active:after, .akl .wishlist-wrapper.padding-modified .top-location .link-area:active:after, .akl .wishlist-wrapper.padding-modified .new-shopping-list-detail span.list-product a:active span:after, .akl .button-group button:active:after, .shipping-list .order_btn_area .icobtn_remind:active:after, .mypage-block-list.top-info li>div a:active:after, .mypage-block-list li>div a:active:after, .jump-menu a:active:after, .akl .new-social-list .option-item-container > a:active:after, .list-item-prod a:active:after, .akl .business-guide-list section > ol > li a:active:before, .akl .business-guide-list section h2 a:active:before, .newHome .nBtn:active:after, .all-banner-view li a:active:after, .newpin-area .newpin li a:active:after, .panel.aisde .list-group-item li a:active:after, .akl .amway-theme .accordion-element a.accordion-toggle:active:after, .accordion-custom .panel .panel-heading > a:active:after, .new-payment .transfer-resver-guide .guid-box a.title:active:after, .new-payment .coupon_tit .btn_coupon_selet:active:after, .new-payment .toolTip-wrapper .btn-tooltip:active:after, .menu_link_area .menu_link:active:after, .order_sheet .order_num .num:active:after, .akl .product-list-left-refinements-slot .accordion-custom .panel-title a:active span.text-uppercase:after, .btn-more-pagination .text-btn:active:after{content:"";position:absolute;left:0;top:0;width:100% !important;height:100% !important;background:rgba(0,0,0,.1) !important;border-radius:inherit;z-index:2;} .new-search-cont a:active, .new-search-cont button:active, .new-v2 .search-btn-container .mobile-search-btn:active{background-color:rgba(0,0,0,.1) !important;} .akl.new-v2 .popover-content ul.nav__links li.account-popover__element a, .new-v2 .point-new .coupon-area a, .new-v2 .point-new .point-area a, .akl .mini-cart-item .product-details .name, .bt-akl-txt, .btn-blue-white, .btn-link, .link-btn, .bt-akl-blue, .bt-akl-white, .bt-akl-red, .bt-akl-gray, .btn_more, .category-titbox .ce-btn a .pull-right.icon-minus, .paging li a, .new-plp .product__facet .filters-header button, .category-titbox .ce-title a, .panel.aisde .list-group-menu li a, .akl .accordion-custom.pro-category .panel-title a, .akl .os_listNew_btn_viewChoice .list, .product-list__thum img, a.product-list__item-title, .akl .product-list__item-link-text button, .akl .product-list__item-link-ditto button, .akl .breadcrumb li a, #uiPrdViewDetail .owl-item button.ui-snap-btn, .bod-view-sns>div>a, .plp-add-to-shopping-list .dropdown-menu .dropdown-menu-bottom a, .lip-color-choose__nav>li, .shareSNS_btns_wrap .btn_link, .akl .shoping-cart-search .btn-colsed-right .btnClosed, .akl .value-wrapper.option .option-info .link-btn, .list-item-info .has-promotion-stock .promotion .promotion-tip .tooltip-btn, .shopping-cart-item-list .product-list-item .list-item-image>div, .akl .amway-suggest.cart-amway-suggest .amway-suggest__item-title a, .akl .cartlist-promotions a, .amway-theme .tabs-toggles .tab-toggle-wrap .tab-toggle, .new-payment .payTab .payTab_button_area a, .akl .ms-agree-toggle .accordion-custom .js-guidebox-toggle .title, .mysp_benefit a, .item_info_wrap .item_thumb .img_thumb, .btn_ico.ico_wish, .btn_ico.ico_alarm, .akl .filters-header button, .akl .list-content .content-list .con-list-item span.txte-wrap a, .rcmd-type .field-name .wisth-name a, .akl .wishlist-wrapper.padding-modified .top-location .link-area, .akl .wishlist-wrapper.padding-modified .new-shopping-list-detail span.list-product a span, .mypage-block-list.top-info li>div a, .mypage-block-list li>div a, .jump-menu a, .list-item-prod a, .newHome .nBtn, .newpin-area .newpin li a, .panel.aisde .list-group-item li a, .akl .amway-theme .accordion-element a.accordion-toggle, .accordion-custom .panel .panel-heading, .new-payment .coupon_tit .btn_coupon_selet, .menu_link_area .menu_link, .order_sheet .order_num .num, .akl .product-list-left-refinements-slot .accordion-custom .panel-title span.text-uppercase, .btn-more-pagination .text-btn, .akl .os_listNew_quickSearch_item .os_listNew_quickSearch_title, header.main-header .mobile-container .navigation-menu-toggle-wrapper.structure-modified .overlay-mobile-menu .overlay-menu-component-mobile-wrapper .panel-group .overlay-menu-mobile__panel__heading h4.panel-title .panel-toggle, header.main-header .mobile-container .overlay-mobile-menu .overlay-menu-component-mobile-wrapper .panel-group .overlay-menu-mobile__panel__content .panel-body .overlay-menu-subcategory h5 a.subcategory-toggle, header.main-header .mobile-container .overlay-mobile-menu .overlay-menu-component-mobile-wrapper .panel-group .overlay-menu-mobile__panel__content .panel-body .overlay-menu-subcategory .subcategory-list li a{position:relative;} .akl.new-v2 header.main-header .amway-theme .amw-navigation-menu .navigation-menu-container .desktop-nav-menu .top-menu .top-menu-links .menu-nav-list .nav-list-item .depth2-links li, .akl.new-v2 header.main-header .amway-theme .amw-navigation-menu .navigation-menu-container .desktop-nav-menu .top-menu .top-menu-links .menu-nav-list .nav-list-item .depth3-links li, .akl.new-v2 .desktop-nav-menu .overlay-menu-tab-left ul{font-size:0;} .akl.new-v2 header.main-header .amway-theme .amw-navigation-menu .navigation-menu-container .desktop-nav-menu .top-menu .top-menu-links .menu-nav-list .nav-list-item .depth2-links a{display:inline-block;width:auto;} .akl.new-v2 header.main-header .amway-theme .amw-navigation-menu .navigation-menu-container .desktop-nav-menu .top-menu .top-menu-links .menu-nav-list .nav-list-item .depth3-links a, .akl.new-v2 .desktop-nav-menu .overlay-menu-tab-left ul li a, .akl .cartlist-promotions a, .list-item-prod a{display:inline-block;} .lip-color-choose__nav>li a, .bod-view-sns>div>a, .mysp_benefit a{display:block;overflow:hidden;} .akl .addetail-extra-action .plp-add-to-shopping-list .dropdown-menu .dropdown-menu-bottom a{padding-left:0;margin-left:30px;} .shipping-delivery .form-group label:active:after, .akl .shipping-delivery .panel label:active:after, .my_shopping_wrap .cnt_head .filter label:active:after{transform:scale(1) !important;opacity:1 !important;transition-duration:0s !important;} .akl .os_listNew_btn_typeBox{margin-left:0 !important;} .akl .os_listNew_listType_item .product-list__item-link-text button:active:after{left:-20px;width:calc(100% + 20px) !important;} .new-payment .transfer-resver-guide .guid-box a.title:active:after{width:calc(100% + 15px) !important} .lip-color-choose__nav>li a{border-radius:50%;} .brand-contents .nBgExperience .nBtn{position:absolute;} @media (max-width:768px){ .new-v2 header.main-header .mobile-container .mobile-wrapper .navigation-menu-toggle-wrapper .overlay-menu-toggle-mobile:active:before, .akl.new-v2 header.main-header .amway-theme .mobile-container .overlay-mobile-menu .overlay-menu-component-mobile-wrapper .panel-group .overlay-menu-mobile__panel__heading h4.panel-title .panel-toggle:active:after, .akl.new-v2 header.main-header .amway-theme .mobile-container .overlay-mobile-menu .nav-list-element a:active:after, .akl.new-v2 header.main-header .mobile-container .overlay-mobile-menu .nav-list-element > a:active:after, .akl.new-v2 header.main-header .amway-theme .mobile-container .overlay-mobile-menu .overlay-menu-component-mobile-wrapper .panel-group .overlay-menu-mobile__panel__heading h4.panel-title .panel-toggle:active:after, .akl.new-v2 header.main-header .mobile-container .overlay-mobile-menu .overlay-menu-component-mobile-wrapper .panel-group .overlay-menu-mobile__panel__content .panel-body .overlay-menu-subcategory.main-subcategory h5 .subcategory-toggle:active:after, header.main-header .mobile-container .navigation-menu-toggle-wrapper.structure-modified .overlay-mobile-menu .nav-list-brand .nav-list-brand-items li a:active:after, .akl .accordion-custom.pro-category .panel-title a:active .text-uppercase:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.1);} .akl.new-v2 .quick-links .qlink-left-box>li>p:active, .akl.new-v2 .quick-links .qlink-left-box>li>p:focus{background:rgba(0,0,0,.1);} .akl.new-v2 .quick-links .qlink-left-box>li>p, .akl .accordion-custom.pro-category .panel-title a:active .text-uppercase{position:relative;} .akl.new-v2 .quick-links-header a:active:after, .akl .accordion-custom.pro-category .panel-title a:active:after{display:none;} .akl .accordion-custom.pro-category .panel-title a{position:static;} } /*버튼, 링크 피드백 ios*/ @media (max-width:768px){ .ua-ios .akl .bt-akl-blue:active:after, .ua-ios .akl .bt-akl-white:active:after, .ua-ios .akl .bt-akl-red:active:after, .ua-ios .akl .bt-akl-gray:active:after, .ua-ios .btn-blue-white:active:after, .ua-ios .akl .link-btn:active:after, .ua-ios .btn-link:active:after, .ua-ios .bt-bundling:active:before, .ua-ios .btn_more:active:after, .ua-ios .paging li a:active:after, .ua-ios .akl .btn-page-list:active:after, .ua-ios .new-v2 .search-btn-container .mobile-search-btn:active:after, .ua-ios .akl .amway-theme .accordion-element a.accordion-toggle:active:after, .ua-ios .lip-color-choose__nav>li a:active:after, .ua-ios .bod-view-sns>div>a:active:after, .ua-ios .akl .new-social-list .option-item-container > a:active:after, .ua-ios .product-unit-v2 .img-cont a:active:after, .ua-ios .new-v2 header.main-header .mobile-container .mobile-wrapper .navigation-menu-toggle-wrapper .overlay-menu-toggle-mobile:active:before{display:none;} .ua-ios .akl .bt-akl-blue:active, .ua-ios .akl .bt-akl-white:active, .ua-ios .akl .bt-akl-red:active, .ua-ios .akl .bt-akl-gray:active, .ua-ios .btn-blue-white:active, .ua-ios .akl .link-btn:active, .ua-ios .btn-link:active, .ua-ios .bt-bundling:active, .ua-ios .btn_more:active, .ua-ios .paging li a:active, .ua-ios .akl .btn-page-list:active, .ua-ios .new-v2 .search-btn-container .mobile-search-btn:active, .ua-ios .akl .amway-theme .accordion-element a.accordion-toggle:active, .ua-ios .lip-color-choose__nav>li a:active, .ua-ios .bod-view-sns>div>a:active, .ua-ios .akl .new-social-list .option-item-container > a:active, .ua-ios .product-unit-v2 .img-cont a:active, .ua-ios .new-v2 header.main-header .mobile-container .mobile-wrapper .navigation-menu-toggle-wrapper .overlay-menu-toggle-mobile:active{filter:brightness(90%);-webkit-filter:brightness(90%);-moz-filter:brightness(90%);-o-filter:brightness(90%);} .ua-ios .akl .amway-theme .accordion-element a.accordion-toggle{background:#fff;} } .ideaTalk .main-container {max-width:1392px;padding:0 20px;} .akl .ideaTalk .container {max-width:1392px;padding:0 20px 20px 20px;} .talkList, .talkView, .talkWrite {background:url(/_ui/responsive/theme-blue/images/akl_customer/ideaTalk/img_ideaTalk.png) no-repeat right 0;} .ideaTalk h1 {height:43px;margin:0;padding:0 0 7px 0;} .ideaTalk h1 + p {height:20px;margin:0;} .ideaTalk .realc {height:20px;box-sizing:content-box;} .ideaTalk .btn-page-list:before {content:'\ea4d';font-family:'AmwayIcons'!important;font-size:18px ;line-height:20px;vertical-align:top;} .talkWrite .realc {padding-top:32px;} .talkWrite .email-view-head {padding:0 0 2px;margin:0;border:none;} .talkWrite .email-view-head h2.head-title {font-size:22px;margin:0;} .talkWrite .email-inquiry {padding:0} .talkWrite .form-email-inquiry {max-width:100%;padding:38px 15% 23px 0;margin:0;box-sizing:border-box;border-top:1px solid #333;} .talkWrite .form-email-inquiry textarea {width:100%;padding:10px;border:1px solid #dadada;} .talkWrite .list-type2 li {font-style:normal;} .talkWrite .form-email-inquiry .form-group label.control-label span {margin-left:10px;font-size:12px;font-weight:400;color:#808285;} .talkWrite .button-control {display:block;text-align:center;} .form-email-inquiry { max-width:85%;margin-top:38px} .form-email-inquiry .form-group select.form-control { max-width:200px;margin-right:8px;color:#002f5f;font-weight:500 } .form-email-inquiry .form-group .control-label { float:left;width:15%;color:#002f5f;font-weight:500} .form-email-inquiry .form-group label.control-label { display:block;margin-top:7px;} .form-email-inquiry .form-group .form-item-row,.form-email-inquiry .form-group .form-file { float:left;width:85%;} .form-email-inquiry .bouns-file-list p { max-width:100%;} @media (max-width:768px){ .ideaTalk .main-container {padding:0 15px;} .akl .ideaTalk .container {padding:0 0 20px 0;} .talkList, .talkView, .talkWrite {background-image:url(/_ui/responsive/theme-blue/images/akl_customer/ideaTalk/img_ideaTalk_mo.png);background-size:auto 126px;} .ideaTalk .container.talkWrite {background-position:center 71px;} .ideaTalk h1 {height:26px;padding:0 15px;} .ideaTalk h1 + p {padding:0 15px;margin:4px 0 0 0;} .ideaTalk .customer-conts {padding-top:160px;} .ideaTalk .realc {padding-left:15px;padding-top:0;} .ideaTalk .form-email-inquiry {padding-left:15px;padding-right:15px;border-color:#ddd;} .form-email-inquiry { max-width:100%;margin-top:38px} .form-email-inquiry .form-group select.form-control {max-width:100%;width:100%;margin:5px 0 } .form-email-inquiry .form-group .control-label { float:none;width:100%;} .form-email-inquiry .form-group label.control-label { margin-top:0} .form-email-inquiry .form-group .form-item-row,.form-email-inquiry .form-group .form-file { float:none;width:100%;} .form-email-inquiry .bouns-file-list p { max-width:100%;} .form-email-inquiry .form-file .bouns-btn-w { margin-top:15px} } .talkView .realc {padding-top:74px;} .talkView .inner {padding-bottom:60px;margin-bottom:40px;border-top:1px solid #333;border-bottom:1px solid #333;} .talkView .info {position:relative;height:56px;margin-bottom:172px;border-bottom:1px solid #dddddd;} .talkView .info > p {position:relative;display:inline-block;padding-right:20px;line-height:56px;font-size:16px;color:#606a6e;} .talkView .info > p:nth-child(3):before, .ideaTalk .ideaView .info > p:nth-child(4):before {content:'';position:absolute;left:0;top:20px;display:block;width:1px;height:16px;background:#eee;} .talkView .info p span {display:inline-block;padding:0 8px 0 20px;font-weight:500;} .talkView .info p.tit {position:absolute;left:20px;top:87px;line-height:38px;font-size:26px;color:#606a6e; } .talkView .info p.tit span {display:block;padding:0;margin-bottom:1px;line-height:33px;font-size:22px;font-weight:800;color:#00305e;} .talkView .info p.share {display:block;position:absolute;right:0;bottom:0;margin:0; font-size:0;} .talkView .info p.share button {width:25px;height:25px;background:none;margin-left:5px;vertical-align:middle;} .talkView .info p.share .url {background:url(/_ui/responsive/theme-blue/images/new_ie_URL.png) no-repeat center center;background-size:auto 100%;} .talkView .info p.share .kakao {display:none;background:url(/_ui/responsive/theme-blue/images/kakao.png) no-repeat center center;background-size:auto 100%;} .talkView .info .url_pop {top:55px;} .talkView .info .pop-area-body:after {left:188px;} .talkView dl {padding:0 20px;} .talkView .step {max-width:770px;height:150px;margin:0 auto;font-size:0;} .talkView .step li {position:relative;display:inline-block;width:calc((100% - 121px)/3);height:150px;box-sizing:border-box;} .talkView .step li div {position:absolute;right:0;z-index:2;width:100px;height:150px;box-sizing:border-box;font-size:14px;text-align:center;line-height:20px;color:#666;} .talkView .step li div span, .talkView .step li:nth-child(even) div:before {content:'';display:block;width:100px;height:100px;margin:10px 0 16px 0;box-sizing:border-box;color:#ddd;font-size:16px;line-height:100px;text-align:center;background:#fff;border:2px solid #ddd;border-radius:50%;} .talkView .step li:after {content:'';position:absolute;left:0;top:58px;z-index:1;display:block;width:100%;height:3px;background:#dddddd;} .talkView .step li:nth-child(1) {width:120px;border-color:#539adc} .talkView .step li:nth-child(1) div {left:0;width:120px;} .talkView .step li:nth-child(2) div:before {background:#fff url(/_ui/responsive/theme-blue/images/akl_customer/ideaTalk/img_vote_step2.png) no-repeat center center;} .talkView .step li:nth-child(4) div:before {background:#fff url(/_ui/responsive/theme-blue/images/akl_customer/ideaTalk/img_vote_step4.png) no-repeat center center;} .talkView .step li.done + li:not(.done) div {width:120px;} .talkView .step li:nth-child(1) div, .ideaView .step li.done + li:not(.done) div, .ideaView .step li.done + li:not(.done) div {font-size:18px;line-height:20px;color:#80add8;} .talkView .step li:nth-child(1) div span, .ideaView .step li.done + li:not(.done) div span, .ideaView .step li.done + li:not(.done) div:before {width:120px;height:120px;margin:0 0 1px 0;right:0;line-height:122px;color:#fff;background:#80add8;border:none;} .talkView .step li.done + li:nth-child(2) div:before {background:#80add8 url(/_ui/responsive/theme-blue/images/akl_customer/ideaTalk/img_vote_step2_ing.png) no-repeat center center;} .talkView .step li.done + li:nth-child(4) div:before {background:#80add8 url(/_ui/responsive/theme-blue/images/akl_customer/ideaTalk/img_vote_step4_ing.png) no-repeat center center;} .talkView .step li.done:after, .ideaView .step li.done + li:after {background:#539adc;} .talkView .step li.done div {width:100px;font-size:14px;text-align:center;line-height:20px;color:#666;} .talkView .step li.done div span, .ideaView .step li.done div:before {width:100px;height:100px;margin:10px 0 16px 0;border:2px solid #80add8;background-color:#fff;} .talkView .step li.done div span {color:#80add8;line-height:100px;} .talkView .step li.done + li.done:nth-child(2) div:before {background:#fff url(/_ui/responsive/theme-blue/images/akl_customer/ideaTalk/img_vote_step2_done.png) no-repeat center center;} .talkView dl dt.con {margin-top:65px;padding-bottom:10px;font-size:16px;color:#00305e;} .talkView dl dt.con:before {content:'\e900';display:inline-block;margin-right:10px;vertical-align:middle;font-family:'AmwayIcons';font-size:20px;} .talkView dl dd.con {line-height:32px;font-size:16px;color:#606a6e;} @media (max-width:768px){ .ideaTalk .container.talkView {background-position:center 71px;} .talkView .realc {padding-top:0;} .talkView .inner {border-top:none;margin-bottom:10px;} .talkView .info {position:relative;height:auto;padding-top:20px;padding-bottom:10px;margin-bottom:30px;border-bottom:1px solid #dddddd;} .talkView .info > p {position:static;display:block; margin:0;line-height:18px;font-size:12px;color:#606a6e;} .talkView .info p.num {display:none;} .talkView .info p span {padding-left:15px} .talkView .info p.cate {position:absolute;left:15px;top:0;color:#002f5f;} .talkView .info p.cate span {display:none;} .talkView .info p.tit {position:static;padding:0 15px 6px;line-height:27px;font-size:18px;font-weight:500;color:#002f5f;} .talkView .info p.tit span {display:none;} .talkView .info p.share {bottom:5px;} .talkView .info p.share .kakao {display:inline-block;} .talkView .info .url_pop {top:83px;right:30px;} .talkView .info .pop-area-body:after {left:188px;} .talkView dl {padding:0 15px;} .talkView .step {height:103px;margin:0 auto;font-size:0;} .talkView .step li {width:calc((100% - 60px)/3);height:103px;} .talkView .step li div {width:50px;height:50px;font-size:12px;line-height:15px;color:#666;} .talkView .step li div span, .talkView .step li:nth-child(even) div:before { width:50px;height:50px;margin:5px 0 8px 0;font-size:14px;line-height:46px;} .talkView .step li:after {top:30px;height:1px;} .talkView .step li:nth-child(1) {width:60px;border-color:#539adc} .talkView .step li:nth-child(1) div {left:0;width:60px;} .talkView .step li:nth-child(2) div:before {background-size:26px auto;} .talkView .step li:nth-child(4) div:before {background-size:21px auto;} .talkView .step li.done + li:not(.done) div {width:60px;} .talkView .step li:nth-child(1) div, .talkView .step li.done + li:not(.done) div, .talkView .step li.done + li:not(.done) div {font-size:14px;line-height:20px;} .talkView .step li:nth-child(1) div span, .talkView .step li.done + li:not(.done) div span, .talkView .step li.done + li:not(.done) div:before {width:60px;height:60px;line-height:60px;} .talkView .step li.done + li:nth-child(2) div:before {background-size:26px auto;} .talkView .step li.done + li:nth-child(4) div:before {background-size:21px auto;} .talkView .step li.done div {width:50px;font-size:12px;text-align:center;line-height:20px;color:#666;} .talkView .step li.done div span, .talkView .step li.done div:before {width:50px;height:50px;margin:5px 0 8px 0;} .talkView .step li.done div span {line-height:46px;} .talkView .step li.done + li.done:nth-child(2) div:before {background-size:26px auto;} .talkView dl dt.con {margin-top:35px;font-size:14px;} .talkView dl dt.con:before {margin-right:5px;font-size:13px;} .talkView dl dd.con {line-height:23px;font-size:14px;} } .talkView .amwa-btnbar {text-align:center;margin:0 0 50px 0;} .talkView .amwa-btnbar > span {display:block;padding-top:12px;font-size:16px;line-height:20px;color:#606a6e;} .talkView button.vote {position:relative;width:330px;height:100px;padding:20px 0;border-radius:8px;background:#fff;border:solid 2px #62aaed} .talkView button.vote > span.txt {display:block;text-align:center;font-size:16px; line-height:20px; color:#62aaed;} .talkView button.vote > span.txt2 {font-size:30px;line-height:45px;color:#62aaed;vertical-align:middle;} .talkView button.vote .heart_line {display:inline-block;height:34px;width:37px;vertical-align:middle;background:url(/_ui/responsive/theme-blue/images/icons/ico_heart_line_blue.png) no-repeat center center;} .talkView button.vote .heart_tongtong {display:none;height:34px;width:37px;vertical-align:middle;} .talkView button.vote .heart_tongtong svg {fill:#ffd167;stroke:#ffd167;stroke-width:0} .talkView button.vote.done {color:#fff;background:#62aaed;} .talkView button.vote.done span {color:#fff;} .talkView button.vote.done svg {fill:#ffd167;stroke:#ffd167;stroke-width:0;} .talkView button.vote.done .heart_line {display:none;} .talkView button.vote.done .heart_tongtong {display:inline-block;position:relative;} .talkView button.vote.done .heart_tongtong svg {position:absolute;left:0;top:0;animation:heart 1.4s 1 ease-in;} .talkView button.vote .heart_ani {display:none;} .talkView button.vote.done .heart_ani {display:block;position:absolute;top:42px;left:85px;} .talkView button.vote.done .heart {position:absolute;} .talkView button.vote.done .heart svg {position:absolute;} .talkView button.vote.done .heart:nth-child(1) svg {position:static;opacity:0;-webkit-animation:heartUp 1.4s 1 ease-in;animation:heartUp 1.4s 1 ease-in;} .talkView button.vote.done .heart:nth-child(2) svg {left:1rem;opacity:0;-webkit-animation:heartUp 1.4s 0.3s 1 ease-in;animation:heartUp 1.4s 0.3s 1 ease-in;} .talkView button.vote.done .heart:nth-child(3) svg {left:0.5rem;opacity:0;-webkit-animation:heartUp 1.4s 0.6s 1 ease-in;animation:heartUp 1.4s 0.6s 1 ease-in;} @-webkit-keyframes heartUp { 0% {opacity:0;-webkit-transform:translate3d(0, 0, 0) rotate(10deg);transform:translate3d(0, 0, 0) rotate(10deg);} 50% {opacity:1;} 65% {opacity:1;} 90% {opacity:0;-webkit-transform:translate3d(0, -35vh, 0) scale(1.2) rotate(-10deg);transform:translate3d(0, -35vh, 0) scale(1.2) rotate(-10deg);} 100% {opacity:0;} } @keyframes heartUp { 0% {opacity:0;-webkit-transform:translate3d(0, 0, 0) rotate(10deg);transform:translate3d(0, 0, 0) rotate(10deg);} 50% {opacity:1;} 65% {opacity:1;} 90% {opacity:0;-webkit-transform:translate3d(0, -35vh, 0) scale(1.2) rotate(-10deg);transform:translate3d(0, -35vh, 0) scale(1.2) rotate(-10deg);} 100% {opacity:0;} } @-webkit-keyframes heart { 0%, 18.51852% {transform:scale(0);transform-origin:center;} 30% {transform:scale(1.5);} 40% {transform:scale(1);} 60% {transform:scale(1.2);} 100% {transform:scale(1);} } @keyframes heart { 0%, 18.51852% {transform:scale(0);transform-origin:center;} 30% {transform:scale(1.5);} 40% {transform:scale(1);} 60% {transform:scale(1.2);} 100% {transform:scale(1);} } @media (max-width:768px){ .talkView button.vote {width:285px;height:80px;padding:14px 0;font-size:18px;} .talkView button.vote > span.txt {font-size:14px;} .talkView button.vote > span.txt2 {font-size:18px;line-height:18px;} .talkView button.vote svg {width:23px;} .talkView button.vote .heart_line {background-size:24px auto;} .talkView button.vote .heart_line, .talkView button.vote .heart_tongtong {width:24px;height:34px;} .talkView button.vote.done .heart_ani {left:85px;} } .ideaTalk .container.talkList {background-position:right 0;} .talkList .customer-wrap {padding-top:75px;} .talkList .tabWrapper:after {background-color:#333;} .talkList .order-history-search-wrapper {text-align:right;} .talkList .form-wrapper {display:inline-block;vertical-align:top;} .talkList .form-wrapper.search-form-wrapper {display:inline-block;vertical-align:top;} .akl .talkList .customer-wrap .order-history-search-wrapper.search-filter .new-select.form-wrapper {float:none;} .talkList .amway-theme .tabs-toggles .tab-toggle-wrap {border-bottom-color:#333;} .talkList .amway-theme .tabs-toggles .tab-toggle-wrap.active {border-bottom:none;} .akl .talkList .list-row-title div.cuo-num , .akl .talkList .con-list-item div.cuo-num {width:10%;text-align:center;} .akl .talkList .list-row-title div.cuo-cate, .akl .talkList .list-row-title div.cuo-autho, .akl .talkList .con-list-item div.cuo-cate, .akl .talkList .con-list-item div.cuo-autho {width:15%;} .akl .talkList .list-row-title div.cuo-date, .akl .talkList .con-list-item div.cuo-date {width:18%;} .akl .talkList .list-row-title div.cuo-subje, .akl .talkList .con-list-item div.cuo-subje {width:42%;} .talkList .search-no-result {padding:70px 0;text-align:center;} .talkList .paging-wrap {margin-top:30px;} .talkList .tab-content {position:relative;} .talkList .mobile_sticky_btn {display:block;position:absolute;left:0;bottom:0;z-index:210;} @media (max-width:768px){ .ideaTalk .container.talkList {background-position:center 50px;} .talkList .customer-wrap {padding-top:152px;} .talkList .tabWrapper {padding:0 15px;} .talkList .amway-theme .tabs-toggles .tab-toggle-wrap.active {border-bottom:4px solid #008fc5} .talkList .amway-theme .outer-border-bottom:before {left:0;padding:0;} .talkList .order-history-search-wrapper {border:none;} .talkList .order-history-container .order-history-search-wrapper .form-wrapper {float:none;padding:0;border:none;} .talkList .tab-content {padding:0 15px;} .talkList .form-s {position:relative;} .talkList .btn.btn-primary {position:absolute; right:1px;top:2px;width:40px;height:36px!important;padding:0 18px;background:#fff url(/_ui/responsive/theme-blue/images/search@2x_mobile.png) no-repeat 50% 50% !important;background-size:15px auto !important;border:0!important;} .talkList .btn.btn-primary span {overflow:hidden;width:1px;height:1px;position:absolute;clip:rect(0 0 0 0);border:0;padding:0;} .akl .talkList .list-content .list-row-title, .akl .talkList .con-list-item div.cuo-num {display:none;} .akl .talkList .con-list-item div.cuo-cate, .akl .talkList .con-list-item div.cuo-subje, .akl .talkList .con-list-item div.cuo-date, .akl .talkList .con-list-item div.cuo-autho {width:100%;padding:3px 20px} .akl .talkList .con-list-item div.cuo-cate .tite-label {display:none;} .akl .talkList .con-list-item div.cuo-cate .txte-wrap {float:none;text-align:left} .talkList .mobile_sticky_btn {position:fixed;left:0;bottom:0;right:auto;} .talkList .mobile_sticky_btn button span {display:inline-block;height:19px;width:20px;margin-right:5px;margin-top:-3px;background:url(/_ui/responsive/theme-blue/images/icons/ico_ideatalk.png) no-repeat center center;background-size:auto 20px;vertical-align:middle;} .talkList .mobile_sticky_btn button:hover span {filter:brightness(0) invert(1);} } @media (max-width:768px) { .akl .os_listNew_quickSearch_item .os_listNew_quickSearch_title{height:auto;text-overflow:inherit;white-space:normal;} } .jumpto-solution-wrapper {position:absolute;top:45%;width:100%;} .jumpto-solution-wrapper .jump-to-wrapper {position:relative;max-width:1367px;margin:0 auto;text-align:right;padding:0 25px;} .jumpto-solution-wrapper .jump-menu{width:325px;} .jumpto-solution-wrapper .jump-to-wrapper .currentTxt > a, .jumpto-solution-wrapper .jump-to-wrapper .select-list li > a{padding-left:10px;font-size:13px !important;} .jumpto-solution-wrapper .jump-menu .currentTxt, .jumpto-solution-wrapper .jump-menu .hasSub{background-position:right -10px top -57px;} .jumpto-solution-wrapper .jump-menu .currentTxt.active, .jumpto-solution-wrapper .jump-menu .on .hasSub{background-position:right -10px top -7px;} @media (max-width:768px){ .jumpto-solution-wrapper .jump-menu, .jump-menu {display:block;width:100%;} .jumpto-solution-wrapper .jump-to-wrapper .currentTxt > a, .jumpto-solution-wrapper .jump-to-wrapper .select-list li > a{font-size:14px;} } @media (max-width:320px) { .jumpto-solution-wrapper .jump-to-wrapper .currentTxt > a, .jumpto-solution-wrapper .jump-to-wrapper .select-list li > a{padding-left:5px;font-size:12px;} } .talkList .order-history-search-wrapper.search-filter .new-select.form-wrapper{float:left !important;margin-right:5px;text-align:left;} .talkList .btn_detail{position:relative;display:inline-block;margin-left:10px;color:#008fc5;font-size:13px;} .talkList .btn_detail:after{content:'>';display:block;position:absolute;right:-12px;top:0;width:10px;} .talkList .order-history-search-wrapper.search-filter .form-wrapper{float:left;} .talkList .order-history-container .cuo-page-wrap{position:relative;} .talkList .order-history-container .list_sort_type{position:absolute;right:0;top:-3rem;} .talkList .order-history-container .list_sort_type li{position:relative;display:inline-block;padding:0 5px;} .talkList .order-history-container .list_sort_type li:after{content:'';display:block;position:absolute;right:-2px;top:3px;width:1px;height:14px;background-color:#ababab;} .talkList .order-history-container .list_sort_type li:last-child:after{content:'';display:none;} .talkList .order-history-container .list_sort_type li a{color:#333;font-size:14px;} .talkList .order-history-container .list_sort_type li.on a{color:#002F5F;font-weight:700;} .akl .talkList .list-content.case .list-row-title div.cuo-num, .akl .talkList .list-content.case .con-list-item div.cuo-num{width:6%;} .akl .talkList .list-content.case .list-row-title div.cuo-subje, .akl .talkList .list-content.case .con-list-item div.cuo-subje{width:40%;} .akl .talkList .list-content.case .list-row-title div.cuo-cate, .akl .talkList .list-content.case .con-list-item div.cuo-cate{width:10%;} .akl .talkList .list-content.case .list-row-title div.cuo-autho, .akl .talkList .list-content.case .con-list-item div.cuo-autho{width:14%;} .akl .talkList .list-content.case .list-row-title div.cuo-date, .akl .talkList .list-content.case .con-list-item div.cuo-date{width:15%;} .akl .talkList .list-content.case .list-row-title div.cuo-dday, .akl .talkList .list-content.case .con-list-item div.cuo-dday{width:15%;} .talkView button.vote:disabled{background:#ddd;} .talkView button.vote:disabled > span{color:#fff;} .talkView button.vote:disabled .heart_line{background:url(/_ui/responsive/theme-blue/images/icons/ico_heart_white.png) no-repeat center center;} .talkView .reply_wrap{margin-bottom:12px;padding-bottom:20px;border-bottom:1px solid #ddd;} .talkView dl.default dt{height:24px;margin-bottom:15px;padding-left:38px;color:#002f5f;font-size:16px;font-weight:500;background:url(/_ui/responsive/theme-blue/images/akl_customer/ideaTalk/ideaTalk_reply_icon.png) left top no-repeat;} .talkView dl.default dd{padding:30px;background:#f8f8f8;border-radius:8px;} .talkView dl.default dd p{font-size:16px;letter-spacing:-0.3px;} .talkView dl.default dd p:first-child{margin-bottom:10px;font-size:18px;letter-spacing:-0.4px;} .talkView dl.default dd p:first-child span{color:#002f5f;} .talkView .reply_wrap + .feedback{padding:0 50px;line-height:32px;color:#666;font-size:16px;} @media (max-width:768px) { .talkList .order-history-search-wrapper.search-filter .new-select.form-wrapper{margin-right:0;} .talkList .order-history-search-wrapper.search-filter .new-select.form-wrapper, .talkList .order-history-search-wrapper.search-filter .form-wrapper{float:none !important;} .talkList .order-history-container .list_sort_type{position:relative;right:0;top:8px;text-align:right;} .talkList .order-history-container .list_sort_type li a{font-size:13px;} .akl .talkList .list-content.case .con-list-item div.cuo-cate .tite-label, .akl .talkList .list-content.case .con-list-item div.cuo-autho .tite-label, .akl .talkList .list-content.case .con-list-item div.cuo-date .tite-label, .akl .talkList .list-content.case .con-list-item div.cuo-dday .tite-label{font-weight:500;} .akl .talkList .list-content.case .con-list-item div.cuo-subje, .akl .talkList .list-content.case .con-list-item div.cuo-cate, .akl .talkList .list-content.case .con-list-item div.cuo-autho, .akl .talkList .list-content.case .con-list-item div.cuo-date, .akl .talkList .list-content.case .con-list-item div.cuo-dday{display:block;width:100%;padding:3px 20px;} .talkView button.vote:disabled .heart_line{background-size:24px auto;} .talkView .info > p:nth-child(3):before, .ideaTalk .ideaView .info > p:nth-child(4):before {content:'';background:none;} .talkView .amwa-btnbar > span{font-size:14px;} .talkView dl.default dt{font-size:14px;} .talkView dl.default dd{padding:15px;} .talkView dl.default dd p{margin-bottom:0;font-size:14px;} .talkView dl.default dd p:first-child{font-size:15px;} .talkView .reply_wrap + .feedback{padding:0 30px;line-height:25px;} .talkView .reply_wrap + .feedback > p{font-size:14px;} } .sub-nav-section{overflow:hidden;min-width:1400px;padding-top:10px;margin-bottom:20px;background-color:#f1f1f1;} .sub-nav-section .inner{max-width:1400px;margin:0 auto;} .sub-nav-section.noBg{background:none;} /* background color 없을 경우 */ .sub-nav-section.mb0{margin-bottom:0;} /* 여백 없을 경우 */ .sub-nav-section ol.breadcrumb{padding:10px 0 15px;margin:0;font-size:0;} .sub-nav-section ol.breadcrumb li{display:inline-block;position:relative;vertical-align:top;color:#666;font-size:14px;} .sub-nav-section ol.breadcrumb li:before{content:'';position:absolute;right:0;top:50%;width:12px;height:12px;transform:translateY(-50%);background-image:url(/_ui/responsive/theme-blue/images/ico_nav_arrow.png);background-position:left top;background-repeat:no-repeat;background-size:12px 12px;} .sub-nav-section ol.breadcrumb li:first-child:before{content:'';display:none;} .sub-nav-section ol.breadcrumb li a{display:inline-block;color:#666;font-size:14px;} .sub-nav-section ol.breadcrumb li.active, .sub-nav-section ol.breadcrumb li.active a{color:#333;} .sub-nav-section .locationBox{overflow:hidden;margin-bottom:20px;background:#fff;} .sub-nav-section .locationBox ul{overflow:hidden;position:relative;font-size:0;border:1px solid #eee;border-bottom:0;border-right:0;z-index:1;} .sub-nav-section .locationBox ul li{display:inline-block;width:25%;height:40px;background-color:#fff;border:1px solid #eee;border-left:0;border-top:0;} .sub-nav-section .locationBox ul li:nth-child(4n){border-right:0;} .sub-nav-section .locationBox ul li a{display:block;padding:12px 20px;color:#666;font-size:14px;line-height:1.1;} .sub-nav-section .locationBox ul li.active a{position:relative;color:#00305e;font-weight:500;} .sub-nav-section .locationBox ul li.active a:before{content:'';position:absolute;left:12px;top:50%;width:3px;height:14px;transform:translateY(-50%);background-color:#00305e;} .sub-nav-section .locationBox ul:before, .sub-nav-section .locationBox ul:after, .sub-nav-section .locationBox ul li:last-child:after{content:'';position:absolute;bottom:0;width:25%;height:40px;border-bottom:1px solid #eee;border-right:1px solid #eee;z-index:-1;} .sub-nav-section .locationBox ul:before{left:50%;} .sub-nav-section .locationBox ul:after{right:0;border-right:0;} .sub-nav-section .locationBox ul li:last-child:after{left:25%;} @media (max-width:768px) { .sub-nav-section{min-width:100%;padding-top:0;background-color:#f5f5f5;} .sub-nav-section .inner{max-width:100%;} .sub-nav-section .main-container, .akl .sub-nav-section .container{width:auto;padding:0;} .sub-nav-section ol.breadcrumb{width:100%;padding:12px 0 12px 20px;background-color:#fff;} .sub-nav-section ol.breadcrumb li{display:inline-block;} .sub-nav-section ol.breadcrumb li, .sub-nav-section ol.breadcrumb li a{color:#777;font-size:12px;} .sub-nav-section .locationBox{margin-bottom:0;background-color:#f5f5f5;} .sub-nav-section .locationBox ul{margin-bottom:5px;border:0;border-top:1px solid #eee;} .sub-nav-section .locationBox ul li{width:33.33%;height:29px;background-color:#f9f9f9;} .sub-nav-section .locationBox ul li:nth-child(3n){border-right:0;} .sub-nav-section .locationBox ul li:nth-child(4n){border-right:1px solid #eee;} .sub-nav-section .locationBox ul:before{display:none;} .sub-nav-section .locationBox ul:after, .sub-nav-section .locationBox ul li:last-child:after{width:33.33%;height:29px;} .sub-nav-section .locationBox ul:after{right:0;border-right:0;} .sub-nav-section .locationBox ul li:last-child:after{left:33.33%;} .sub-nav-section .locationBox ul li.active{height:29px;background-color:#fff;border-color:#eee;} .sub-nav-section .locationBox ul li.active a:before{content:'';position:absolute;left:5px;top:50%;width:3px;height:12px;transform:translateY(-7px);} .sub-nav-section .locationBox ul li a{display:block;width:120px;height:29px;padding:8px 0 0 10px;color:#666;font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} .tbl-list-board .tbody .tr.state-fixed .cell-label, .tbl-list-board .tbody .tr.state-fixed .cell-confirm, .tbl-list-board .tbody .tr.state-fixed .cell-date, .tbl-list-board .tbody .tr.state-fixed .cell-title{border-bottom: 0;} .tbl-list-board.tbl-customMessage .tr.state-fixed>div.cell-label{text-align: left;} } @media (max-width:768px) { .main-v2.logout-type .main-top-banner{ margin-bottom:0 !important;background:transparent !important;} } /* S :2020-01-29 제품상세 타입 추가 */ @media (max-width:768px){ .akl .panel-body.product-detail.wide-full {margin-left:-15px;margin-right:-15px;padding:0 0 30px} } /* E :2020-01-29 제품상세 타입 추가 */ /* S :2020-02-07 장바구니 담기 닫기 버튼 오류 수정 */ @media (max-width:768px) { .akl .cbox .cart-popup__dialog.bg-white .cart-popup__close {top:29px;right:5px;z-index:99} .akl .cbox .cart-popup__dialog.bg-white .cart-popup__close img {pointer-events:none;display:none} .akl .cbox .cart-popup__dialog.bg-white .cart-popup__close {background:url(/_ui/responsive/theme-blue/images/akl_common/ico_closed.png) no-repeat 50% 50%;background-size:15px} } /* E :2020-02-07 장바구니 담기 닫기 버튼 오류 수정 */ @media (max-width:768px) { .new-payment .payTab .payTab_button_area a:hover, .new-payment .payTab .payTab_button_area a:active {background-color:#bbb !important;} .new-payment .payTab .payTab_button_area a.on:hover, .new-payment .payTab .payTab_button_area a.on:active {background-color:#007eb0 !important;} .gift_order .cart_product-list ~ .cart_product-floating {margin-top:15px !important;} } /* 새 배송지 팝업 버튼위치 수정 */ @media (max-width:768px) { .new-shipping-address-layer .amwa-btnbar{ position: absolute; bottom: 10px; left: 0; width: 100%; } } /* footer 수정 */ .new-v2 .certification .mac-co{ display: flex; align-items: center; width: 194px; height: 50px; margin: 12px 0 0 auto; padding: 0 0 0 10px; border: 1px solid #ccc; overflow: hidden; } .new-v2 .certification .mac-co img{ margin: 0; } .new-v2 .certification .mac-co span{ text-align: left; padding-left: 6px; color: #5a5a5a; letter-spacing: -1px; margin-top: 0; font-size: 12px; } @media (max-width: 768px){ .akl.new-v2 .quick-links-misc{ background: #fff; } .akl.new-v2 .footer-cont0{ background: #fff; } .akl.new-v2 .footer-cont1 .txt-cont{ background: #ebebeb; } .akl.new-v2 .footer.footer_renewal .certification a.mac-co{ width: 152px; height: 45px; margin: 10px auto 0; } .new-v2 .certification .mac-co span{ font-size: 10px; } } /* 카카오워크 - 개인정보활용동의 */ .amway-theme .terms-and-conditions-management .tabs-toggles{ position: relative; z-index: 2; } .terms-and-conditions-management .tabWrapper:after{ z-index: 1; } .agreement-kakao .show-terms2{ position: absolute; right: 8px; } .akl #terms .agreement-kakao .text, .akl .terms .agreement-kakao .text{ max-height: none; } #myAccount .memeberInfo .no .idName {padding-top:16px; font-size: 20px; font-weight: 500; line-height: normal; letter-spacing: -1px; color:#465c71; } /* 2021-05 로그인 시 토스트 팝업 */ /* 2021-05-12 토스트 팝업 24시간 보지 않기 기능 */ #loginToastPopup { position:absolute; right:18px; top:70px; width:222px; background-color: #fff; border-radius: 5px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);} #loginToastPopup::before { position:absolute; top: -15px; right: 76px; content: ''; display: block; width: 34.2px; height: 15px; background: url("/_ui/responsive/theme-blue/images/akl_plp/image_member_login_arrow.png") no-repeat 0 0 / 34.2px 15px;} #loginToastPopup .imageSection { width: 222px; height: 130px; } #loginToastPopup .imageSection img { width: 100%; height: 100%; } #loginToastPopup .bottomSection { position: relative; padding: 12.6px 14px 11.4px; } #loginToastPopup .bottomSection .contents { font-size: 13px; font-weight: 500; line-height: 1.38; letter-spacing: -0.65px; color: #465c71; margin-bottom: 15px;} #loginToastPopup .bottomSection .popup-btn-close-area { display: flex; } #loginToastPopup .bottomSection .popup-btn-close-area a { display: inline-block; width: 50%; text-align: center; font-size: 12px; line-height: 32px; font-weight: bold; border: 1px solid #002f5f;} #loginToastPopup .bottomSection .popup-btn-close-area a:first-child { margin-right: 3px; border: 1px solid; color: #002f5f; flex: 2;} #loginToastPopup .bottomSection .popup-btn-close-area a:nth-child(2) { margin-left: 3px; color: #fff; background-color: #002f5f; flex: 1;} /* 2021-05 로그인 시 토스트 팝업 */ /* 2021-05-12 토스트 팝업 24시간 보지 않기 기능 */ @media (max-width: 768px) { #myAccount .memeberInfo .no .idName {padding-top:16px; font-size: 20px; font-weight: 500; line-height: normal; letter-spacing: -1px; color: #ffffff; } #loginToastPopup { top:50px;} #loginToastPopup::before { right: 32px; } } /* 툴팁 버튼 오류 수정 */ .toolTip-wrapper .btn-tooltip, .toolTip-wrapper.toolTip-type03 .btn-tooltip{ display: block; } .toolTip-wrapper .tooltip-content{ top: 30px; } .toolTip-wrapper.toolTip-type03 .tooltip-content{ top: 27px; } @media (max-width: 768px) { .title-tooltip-area .toolTip-wrapper.toolTip-type03 .tooltip-content{ margin-top: 4px; } } /* 모바일 GNB 이미지 버튼 오류 수정 */ @media (max-width: 768px) { .akl{ width: 100%; } .owl-carousel .owl-stage-outer{ width: 100%; } } /* GNB 닫은 후 UI 확대되는 오류 수정 */ @media (max-width: 768px) { .list_app-server .list-item .link_app-server, .mobile-nav-menu .category > li > a, .mobile-nav-menu .category > li > button{ position: relative; } .list_app-server .list-item .link_app-server::after, .mobile-nav-menu .category > li > a::after, .mobile-nav-menu .category > li > button::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } } /* 20220428 배송지 및 주문알림 관리 기본배송지 체크박스 위치 */ .shipping-list-wrap .shipping-modfiy .shipping-modfiy-left .form-group.default-shipping .clearfix{margin-left:25%} .shipping-list-wrap .shipping-modfiy .shipping-modfiy-left .form-group.default-shipping .clearfix [type=checkbox]:checked+label{margin-top:0} .akl .account-profile.modify .account-profile__editor .form-group {margin-top:2px;margin-bottom:3px} .akl .account-profile.modify .account-profile__editor .form-group.default-shipping {margin-top:10px} .akl .account-profile.modify .account-profile__editor .form-group [type=checkbox]:checked+label{margin:0} @media (max-width: 768px) { .shipping-list-wrap .shipping-modfiy .shipping-modfiy-left .form-group.default-shipping .clearfix{margin-left:0} .akl .account-profile.modify .account-profile__editor .form-group {margin-top:-1px} .akl .account-profile.modify .account-profile__editor .form-group.default-shipping {margin-top:5px} .akl .account-profile.modify .account-profile__editor .form-group [type=checkbox]:checked+label{margin:0} } /* 20220705 검색결과 개선 */ .pagination-bar .pagination-toolbar .pull-left{width:100%} .col-search-right .pagination-toolbar{margin-top:20px} .pagination-toolbar .pull-left .col-search-tab{margin-bottom:0} .pagination-toolbar .pull-left .col-search-tab ul{display:inline-block} .pagination-toolbar .pull-left .col-search-tab ul li{position:relative;height:40px;border:none;background:none;} .pagination-toolbar .pull-left .col-search-tab ul li a{padding:0 14.5px 0 7.5px;width:auto;font-size:14px;color:#337ab7} .pagination-toolbar .pull-left .col-search-tab ul li:nth-child(2) a{padding-left:15px} .pagination-toolbar .pull-left .col-search-tab ul li:after{content:'/';position:absolute;top:30.5%;right:0;font-size:17px;color:#ccc;} .pagination-toolbar .pull-left .col-search-tab ul li:first-child:after, .pagination-toolbar .pull-left .col-search-tab ul li:last-child:after{display:none} .pagination-toolbar .pull-left .col-search-tab ul li:first-child a{padding-right:25px;border-right:1px solid #55565a;color:#333;font-weight:500} .pagination-toolbar .pull-left .tabWrapper:after{width:0} .pagination-toolbar .sort_title-area .pull-left .col-search-tab ul li:after{top:44.4%} .pagination-toolbar .sort_title-area .pull-left .col-search-tab ul li a{display:inline} @media (max-width: 768px) { .renewal_search-result .row.box_sort-area{max-height:62px} .renewal_search-result .pagination-toolbar .pull-left{line-height:1} .pagination-toolbar .pull-left .col-search-tab{width:100% !important} .pagination-toolbar .pull-left .col-search-tab:before{width:0;background:none;} .pagination-toolbar .pull-left .col-search-tab ul li{height:62px} .pagination-toolbar .pull-left .col-search-tab ul li:after{top:36.4%} .pagination-toolbar .pull-left .col-search-tab ul li:first-child a{padding-left:22px} .pagination-toolbar .pull-left .scrollable-area{width:0} .pagination-toolbar .box_sort-area .sort_title-area{padding:0} .pagination-toolbar .sort_title-area .pull-left .col-search-tab ul li:after{top:49%} } /* 20220712 챗봇 그만보기 버튼 추가 */ .scrollTopWrapper{bottom:135px;right:31px} .box-chatbot{bottom:58px;right:22px} .box-chatbot .btn-chatbot{display:inline-block;width:58px !important;height:58px !important;background-size:58px auto !important} .box-chatbot .btn-chatbot-hide{position:relative;display:inline-block;padding:0;background:transparent;border:none;text-indent:-9999px;-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:top;font-size:0} .box-chatbot .btn-chatbot-hide:before{position:absolute;content:'';top:-8px;right:-6px;width:17px;height:17px;border:1px solid #cbcbcb;border-radius:8.5px;background:url(../images/akl_common/ico_chatbot_closed.png) 50% 50% no-repeat;background-size:7px auto;background-color:transparent;} @media (max-width:768px) { .akl .scrollTopWrapper{right:22px} .box-chatbot{right:13px} .akl .renewal_floating-type ~ .box-chatbot{bottom:55px} } /* 20221011 TOP버튼 스크롤 동작 */ /* .scrollTopWrapper .toTop {opacity:0; transition:all 0.1s ease;} .scrollTopWrapper .toTop.totop_fade {opacity:1;} */ .scrollTopWrapper {display:none;} /* 20221031 장스오 ABC 픽업 추가 */ .akl .info_item-txt .link-btn{margin-left:16px;font-size:13px;text-decoration:underline;text-underline-position:under;vertical-align:top;line-height:inherit} .akl .info_item-txt .link-btn:hover{text-decoration:underline !important;text-underline-position:under;} @media (max-width:768px) { .akl .info_item-txt .link-btn{margin-top:0} } /* 20221101 마이페이지 전체주문내역 필터, 검색 버튼 개선 */ @media (max-width:768px) { .myorder-history .order-conts .myorder button {position:relative; background-color:#888; border-color:#888;} .myorder-history .order-conts .myorder button.on {background-color:#0f2e5b; border-color:#0f2e5b;} .myorder-history .order-conts .myorder button:after {content:""; position:absolute; right:8px; top:50%; transform:translateY(-50%); display:block; width:18px; height:18px; background:url(../images/akl_common/ico_myorder_arrow.png) no-repeat left top; background-size:100% auto;} .myorder-history .order-conts .myorder button.on:after {transform:translateY(-50%) rotate(-180deg);} .myorder-history .order-conts .myorder button span {color:#fff;} .myorder-history .order-conts .myorder button span:before {color:#fff; margin-right:5px;} .myorder-history .order-conts .js-filter-form-wrapper .accordion-custom .panel {background-color:#f4f4f4;} .myorder-history .order-conts .js-filter-form-wrapper .accordion-custom .panel .panel-title .text-uppercase {padding-left:0;} .myorder-history .order-conts .js-filter-form-wrapper .accordion-custom .panel #orderDatemobile .panel-body {padding:0;} .myorder-history .order-conts .js-filter-form-wrapper .accordion-custom .panel #orderDatemobile .panel-body input.form_datetime {background-color:#fff; text-align:center;} .myorder-history .order-conts .js-filter-form-wrapper .accordion-custom {border:none; background-color:#f4f4f4; padding:10px 15px 15px; margin:0;} .myorder-history .order-conts .js-filter-form-wrapper .btn-require {height:60px; background-color:#f4f4f4; padding:0 15px;} .myorder-history .order-conts .search-form-wrapper {padding:15px; margin-top:10px; background-color:#f4f4f4;} } /* 20221031 장스오 ABC 픽업 추가 */ .akl .cart-popup__header{height:50px} .akl .cart-popup__header-text{height:50px} .akl .cart-popup__close{width:40px;height:40px;margin-top:-21px;padding:10px} .akl .cart-popup__close img{vertical-align:top;} .akl .cart-popup__content.abc_pickup .content_notice{position:relative;margin-top:25px;padding-top:40px;font-size:16px;font-weight:500;color:#000;text-align:center;letter-spacing:-.8px;line-height:1.44} .akl .cart-popup__content.abc_pickup .content_notice:before{position:absolute;content:'';top:0;left:calc(50% - 18px);width:36px;height:36px;background:url(/_ui/responsive/theme-blue/images/ico_pop_notice.png) no-repeat;background-size:36px auto} .akl .cart-popup__content.abc_pickup .emphasis{font-weight:700;color:#0075a4} .akl .cart-popup__content.abc_pickup .content_notice .mo{display:none} .akl .cart-popup__content.abc_pickup .content_list{margin:20px;background:#f4f4f4;padding:14px 20px} .akl .cart-popup__content.abc_pickup .content_list li{position:relative;padding-left:10px;font-size:13px;color:#333;line-height:1.54;letter-spacing:-.6px} .akl .cart-popup__content.abc_pickup .content_list li:before{position:absolute;content:'';width:3px;height:3px;top:9px;left:0;background:#333} .akl .cart-popup__content.abc_pickup .content_list li + li{margin-top:6px} .akl .cart-popup__content.abc_pickup .content_list li .color-red{color:#ed2250} .akl .cart-popup__content.abc_pickup + .cart-popup__item-link{padding-top:0;padding-bottom:20px;border-top:none;} @media (max-width: 768px) { .akl .cart-popup__close img{width:20px;height:20px} .akl .cart-popup__content.abc_pickup .content_list{padding:14px 16px} .akl .cart-popup__content.abc_pickup .content_notice .mo{display:block} .akl .cart-popup__content.abc_pickup .content_list li{padding-left:6px;font-size:12px;line-height:1.5} .akl .cart-popup__content.abc_pickup .content_list li:before{width:2px;height:2px;top:7px} } /* 20221031 장스오 ABC 픽업 추가 */ #myAccount .memeberInfo.unlocked_abo .feed{top:20px;left:20px} #myAccount .abc-patron{position:absolute;top:80px;right:20px;} #myAccount .abc-patron:before{position:absolute;content:'';left:-20px;width:29px;height:20px;background:url(/_ui/responsive/theme-blue/images/new-main/ico_abc_patron.png) no-repeat;background-size:20px auto} #myAccount .abc-patron span{font-size:14px;color:#022f5f;font-weight:700;letter-spacing:-.7px} #myAccount .abc-patron .abc-patron-admin{font-size:14px;color:#666;font-weight:700;letter-spacing:-.7px;text-decoration:underline;text-underline-position:under;} #myAccount .abc-patron .abc-patron-admin.color-skyblue{color:#567bf3} #myAccount .abc-patron .abc-patron-admin:active:after{background:transparent;} #myAccount .abc-patron .abc-patron-admin:hover, #myAccount .abc-patron .abc-patron-admin:focus{text-decoration:underline !important;text-underline-position:under;} #abc_patron_setup .layer_section-container{background:#fff} .layer-prd_search_top.abc_patron_setup{height:100%} .layer-prd_search_top.abc_patron_setup .pop_head{height:60px;border-bottom:1px solid #ccc} .layer-prd_search_top.abc_patron_setup .pop_head h2.tax{margin:0;padding-left:20px;font-size:24px;color:#022f5f;line-height:60px} .layer-prd_search_top.abc_patron_setup .layer-content-cash{padding:30px 20px} .layer-prd_search_top.abc_patron_setup .abc_environment_banner{position:relative;padding:17px 30px 17px 97px;background:#e1edd9;border-radius:4px} .layer-prd_search_top.abc_patron_setup .abc_environment_banner:before{content:'';position:absolute;top:12px;left:31px;width:50px;height:52px;background:url(/_ui/responsive/theme-blue/images/akl_plp/abc_enviro_banner.png) no-repeat;background-size:50px auto} .layer-prd_search_top.abc_patron_setup .abc_environment_banner .banner_tit{font-size:16px;font-weight:700;color:#7ea856;letter-spacing:-.8px} .layer-prd_search_top.abc_patron_setup .abc_environment_banner .banner_tit .emphasis{color:#3c6417} .layer-prd_search_top.abc_patron_setup .abc_environment_banner .banner_tit .mo{display:none} .layer-prd_search_top.abc_patron_setup .abc_environment_banner .banner-txt{font-size:12px;color:#7a9069;letter-spacing:-.9px} .layer-prd_search_top.abc_patron_setup .abc_environment_box{margin-top:24px} .layer-prd_search_top.abc_patron_setup .abc_environment_box .payment-item-a{padding:0;border-bottom:none;} .layer-prd_search_top.abc_patron_setup .abc_environment_box .payment-item-a .payment-title{width:97px;} .layer-prd_search_top.abc_patron_setup .abc_environment_box .payment-item-a .payment-title .payment-item-title{font-size:14px;color:#111} .layer-prd_search_top.abc_patron_setup .abc_environment_box .payment-item-a .payment-content{width:calc(100% - 97px)} .layer-prd_search_top.abc_patron_setup .abc_environment_box .payment-item-a .payment-content .form_select{padding:0 28px 0 10px;width:100%;height:40px;border:1px solid #dadada;border-radius:2px;font-size:13px;font-weight:500;color:#333;line-height:35px;letter-spacing:-.7px;appearance:none;background:#fff;font-weight:500;background:url('/_ui/responsive/theme-blue/images/akl_plp/p_ico-select.png') no-repeat;background-position:right center;background-size:19px auto} .layer-prd_search_top.abc_patron_setup .abc_environment_box .payment-item-a .ads-sm{margin-top:5px;padding:7px 16px 8px;font-size:13px;color:#333;letter-spacing:-.65px;background:#f7f7f7} .layer-prd_search_top.abc_patron_setup .abc_environment_box .payment-item-a .abc-noti{position:relative;margin-top:14px;margin-bottom:0;padding-left:7px;font-size:13px;color:#666;letter-spacing:-.65px} .layer-prd_search_top.abc_patron_setup .abc_environment_box .payment-item-a .abc-noti:before{position:absolute;content:'';top:8px;left:0;width:3px;height:3px;background-color:#666;border-radius:50%;} #abc_patron_setup.layer_section.type-wide-a .align-box.size-auto{margin-top:0} #myAccount .memeberInfo .no em{font-size:22px;font-weight:500} @media (max-width:768px) { ul.link-custdash{margin:0 0 -10px 0;padding:12px 16px;background:#f7f7f7} ul.link-custdash.unite{margin:53px 20px 0;padding:0 0 20px 0;background:#fff} #myAccount div.btns{height:44.5px} #myAccount .memeberInfo{padding:12.5px 20px 18px;height:103px} #myAccount .memeberInfo.unlocked_abo .feed{top:10px;left:auto;right:213px} #myAccount .memeberInfo .no{display:inline-block;margin-top:-2px} #myAccount .memeberInfo .no em{font-size:20px} #myAccount .memeberInfo .level{display:inline-block;margin-left:4px} #myAccount .memeberInfo .point span, #myAccount .memeberInfo .coupon span{padding-bottom:1px} #myAccount .abc-patron{top:124px;right:176px} #myAccount .abc-patron span{font-size:12px} #myAccount .abc-patron .abc-patron-admin{font-size:12px} #myAccount .btn-qr{top:126px;color:#022f5f;font-size:12px;font-weight:700;letter-spacing:-.6px} #myAccount .btn-qr .sp_qr{width:20px;height:20px;background:url('/_ui/responsive/theme-blue/images/new-main/ico_qr_mo.png') no-repeat;background-size:20px auto;background-position:0 0} #myAccount .btn-qr .sp_qr-blt{top:-2px;width:11px;height:11px;background:url(/_ui/responsive/theme-blue/images/new-main/qr_arrow_mo.png) no-repeat;background-size:11px auto} .layer-prd_search_top.abc_patron_setup .layer-content-cash{padding:20px} .layer-prd_search_top.abc_patron_setup .pop_head h2.tax{padding-left:21px;font-size:24px;color:#022f5f;text-align:left} .layer-prd_search_top.abc_patron_setup .abc_environment_banner{padding:16px 0 16px 73px} .layer-prd_search_top.abc_patron_setup .abc_environment_banner:before{top:23px;left:20px;width:43px;height:44px;background-size:43px auto} .layer-prd_search_top.abc_patron_setup .abc_environment_banner .banner_tit{font-size:14px} .layer-prd_search_top.abc_patron_setup .abc_environment_banner .banner_tit .mo{display:block} .layer-prd_search_top.abc_patron_setup .abc_environment_box{margin-top:20px} .layer-prd_search_top.abc_patron_setup .abc_environment_box .payment-item-a{display:block} .layer-prd_search_top.abc_patron_setup .abc_environment_box .payment-item-a .payment-title .payment-item-title{margin-bottom:8px;line-height:1} .layer-prd_search_top.abc_patron_setup .abc_environment_box .payment-item-a .payment-content{width:100%} .layer-prd_search_top.abc_patron_setup .abc_environment_box .payment-item-a .payment-content .form_select{font-size:13px !important} .layer-prd_search_top.abc_patron_setup .abc_environment_box .payment-item-a .ads-sm{padding:6px 18px;font-size:12px} .layer-prd_search_top.abc_patron_setup .abc_environment_box .payment-item-a .abc-noti{font-size:12px} } /* 20221114 미니대시보드 수정 */ ul.link-custdash.unite{margin-top:50px} #myAccount .abc-patron{top:200px;left:40px} #myAccount .memeberInfo .no{display:inline-block;padding-top:18px} #myAccount .memeberInfo .level{display:inline-block;margin-left:12px;padding-bottom:18px} ul.link-custdash{margin:0;padding:16px 20px;background:#f7f7f7} ul.link-custdash.unite{margin:50px 20px 16px;padding:0;background:#fff} #myAccount dt.orderStatus{border-top:0} @media (max-width:768px) { #myAccount .memeberInfo{height:103.5px} ul.link-custdash.unite{margin:53px 16px 16px} #myAccount .memeberInfo .no{padding-top:0} #myAccount .memeberInfo .level{padding-bottom:12px} #myAccount .memeberInfo p{top:125px} #myAccount .abc-patron{width:140px} ul.link-custdash{padding:12px 16px} } /* 20221209 CP프로그램 소개 페이지 텍스트 라인 오류 수정(MO) (Sprint12, 상시모니터링 NO102) */ @media (max-width: 768px){ .akl h2.title-h5, .amway-theme h2.title-h5 {padding-left: 0 !important;} } /* 20221227 서브페이지 단골ABC설정 팝업 css 수정 */ #abc_patron_setup.layer_section.type-wide-a .layer_section-container .layer-content-cash {padding:30px 20px;} @media (max-width: 768px) { #abc_patron_setup.layer_section.type-wide-a .layer_section-container .layer-content-cash {padding:20px;} #abc_patron_setup.layer_section.type-wide-a .layer_section-container .layer-content-cash .payment-title .payment-item-title {line-height:40px; margin-bottom:0;} } /* 20221228 SOP 제품 상세 내 롤링 영역 좌우 화살표 겹침 오류 수정 (Sprint01, 상시모니터링 No01) */ .card_section .swiper-button-prev:after, .card_section .swiper-button-next:after {display: none;} #SOPTabPanelContainer .swiper-pagination {position:relative;} #SOPTabPanelContainer .swiper-pagination .swiper-pagination-bullet {width:10px; height:10px; margin:0 4px; background:#ebebeb; opacity:1;} #SOPTabPanelContainer .swiper-pagination .swiper-pagination-bullet-active {background:#c70535;} #SOPTabPanelContainer .card_section .swiper-button-prev {background-position:0 -35px !important;} #SOPTabPanelContainer .card_section .swiper-button-next {background-position:-40px -35px !important;} /* 20230102 미니대시보드 나의 QR코드 팝업 후, 스크롤 오류 수정 (Sprint1, 상시모니터링 No2) */ html.scroll-off, body.scroll-off {height:auto;} /* 20221228 스마트 오더 프로그램 기본 유지 개월 수 변경 */ select.form-control-disabled[disabled] { background: #ffffff !important; background-size: 18px auto !important; color: #002f5f; border-color: #dadada !important; position:relative; width: 220px; height: 40px; } /* 20230106 픽업 가이드 수정 */ .shipping_delivery_st02 .abc_cont02 .abc_step li span i br {display:none;} @media(max-width: 768px) { .shipping_delivery_st02 .abc_cont02 .abc_step li span i br {display:inline-block;} .shipping_delivery_st02 .abc_cont02 .abc_step li:nth-child(n+3):nth-child(-n+5) .step_detail {margin-top:10px;} } /* 20230207 온라인 매거진 URL 공유 팝업 하단 잘림 수정 */ .magazine-area .magazine-carousel.owl-carousel .owl-stage-outer {overflow: initial; overflow-x: clip;} @media(max-width: 768px) { .magazine-area .magazine-carousel.owl-carousel .form-control {font-size: 14px !important; line-height: 28px !important;} } /* 20230302 온라인 매거진 공유 버튼 위치 수정 (Sprint3, 상시모니터링 No27) */ .magazine-area .magazine-carousel .mz-item .info .txt {display: inline-block;} .magazine-area .magazine-carousel .mz-item .info .inner .btn-ico {top: initial; bottom: 11px;} /* 헤더 상단 우측 이름 영역 말줄임 현상 일부 모바일 기기에서 안먹는 현상 수정 (Sprint3, 상시모니터링 No25) */ .mini-dashboard a.myAccount {margin-left:auto;} .mini-dashboard a.myAccount span.user-name {/*display:none;*/ text-align:right; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; vertical-align:bottom;} /* 마이페이지>주문상세>공유하기>URL공유 된 페이지 상단 간격 수정(모바일) (Sprint3, 상시모니터링 No.30) */ @media(max-width: 768px) { .akl.new-v2 main.kakaotalk-page {margin-top:0; padding-top:0;} } /* 20230308 사업자등록증관리 팝업 하단 여백 삭제 (Sprint3, 상시모니터링 No.31) */ @media(max-width: 768px) { .layerWrapper.G10600_lp5_pop .cbox.layerBox.popWidL.max-height .cart-popup__dialog {padding-bottom: 0;} } /* 20230308 배송지목록(단일) 팝업 하단 여백 삭제 (Sprint3, 상시모니터링 No.32) */ @media(max-width: 768px) { .layerWrapper.G10600_lp3_pop .cbox.layerBox.popWidM.max-height .cart-popup__dialog {padding-bottom: 0;} } /* 20230308 쿠폰 및 구매권한 탭 컨텐츠 영역 좌우 여백 수정 (Sprint3, 상시모니터링 No.33) */ .title-tooltip-area .mypage-cupon-managment.amway-theme .container {padding-left: 0; padding-right: 0;} /* 20230314 스마트페이 주문결제페이지 주소찾기 팝업 딤드 추가 */ .akl .layerWrapper.U61000_lp1.active .cbox.layerBox {position:relative;} .akl .layerWrapper.U61000_lp1.active .cbox.layerBox::before {content:""; position:fixed; left:0; top:0; display:block; width:100%; height:100%; background:rgba(0,0,0,.8);} /* 20230320 모바일 위시리스트 간격 수정(ASB-10187) */ @media (max-width : 768px) { .wish-list-item .list-headers .field-name .all-ak-check {margin-left:10px;} .wish-list-item .list-details {padding:10px;} .wish-list-item .field-name {display:flex;} .wish-list-item .field-name .wisth-name {padding-left:8px;} .wish-list-item .field-memo {padding-left:32px;} } /* 20230321 나의주문내역 > 현금영수증 발급신청 팝업 > 신청정보저장 문구 css 수정 */ .cart-popup__content .save_desc .subtax span {font-weight:400;} /* S : 20230320 SOP 간편 재시작, SOP/장스오 자동갱신 */ #myAccount .inner {width:415px;} #myAccount dt.subscribeAdmin {padding-right:20px;} .alarm_box {padding:0 20px;} .alarm_box .alarm_list {margin-top:6px;} .alarm_box .alarm_list .alarm_link {position:relative;} .alarm_box .alarm_list .alarm_link::before, .alarm_box .alarm_list .alarm_link::after {content:""; position:absolute; left:0; top:0; display:block; width:calc(100% + 1px); height:calc(100% + 1px); background:0; border:0; transition:transform .2s ease; transform-origin:center; border-color:#002f5f; border-style:solid; border-radius:8px; z-index:1;} .alarm_box .alarm_list .alarm_link::before {border-width:1px 0; transform:scale(0, 1);} .alarm_box .alarm_list .alarm_link::after {border-width:0 1px; transform:scale(1, 0);} .alarm_box .alarm_list .alarm_link:hover::before, .alarm_box .alarm_list .alarm_link:hover::after, .alarm_box .alarm_list .alarm_link:active::before, .alarm_box .alarm_list .alarm_link:active::after {transform:scale(1, 1);} .alarm_box .alarm_list .alarm_item {position:relative; width:100%; padding:16px 16px 16px 42px; margin:0 0 12px; background-color:#fafafa; border:1px solid #f1f1f1; border-radius:8px; box-sizing:border-box;} .alarm_box .alarm_list .alarm_item::before, .alarm_box .alarm_list .alarm_item::after {content:""; position:absolute; top:50%; transform:translateY(-50%); display:inline-block; width:16px; height:16px; background-repeat:no-repeat; background-position:left top; background-size:100% auto;} .alarm_box .alarm_list .alarm_item::before {left:16px; background-image:url(/_ui/responsive/theme-blue/images/ico_alarmbell.png);} .alarm_box .alarm_list .alarm_item::after {right:16px; background-image:url(/_ui/responsive/theme-blue/images/ico_arr_alarm.png);} .alarm_box .alarm_list .alarm_item .alarm_tit {color:#111; font-size:12px; font-weight:600; letter-spacing:-0.6px;} .alarm_box .alarm_list .alarm_item .alarm_desc {color:#000; font-size:14px; font-weight:400; letter-spacing:-0.7px; margin-top:2px;} .alarm_box .alarm_list .alarm_item .alarm_desc .blue {color:#567bf3;} .alarm_box .alarm_list .alarm_item .alarm_desc .orange {color:#ea620d;} .alarm_msg_box {position:absolute; left:calc(100% - 251px); top:60px; width:251px; background-color:#fff; box-shadow:0 0 16px 0 rgba(17, 47, 92, 0.2); border-radius:10px; padding:10px 15px 10px 26px; z-index:10; transform:translateX(-67px);} /* 20230518 수정 */ .alarm_msg_box::before {content:""; position:absolute; left:0; top:0; width:10px; height:100%; background-color:#4472e4; border-radius:10px 0 0 10px;} .alarm_msg_box:hover::after {content:""; position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #4472e4; border-radius:10px;} .alarm_msg_box .alarm_msg {position:relative; color:#111; font-size:13px; font-weight:600; letter-spacing:-0.8px; padding-left:26px; margin-bottom:12px;} /* 20230518 수정 */ .alarm_msg_box .alarm_msg::before {content:""; position:absolute; left:0; top:0; display:inline-block; width:20px; height:20px; background-repeat:no-repeat; background-position:left center; background-size:100% auto;} .alarm_msg_box .alarm_msg:last-child {margin-bottom:0;} .alarm_msg_box .alarm_msg.alarm_msg_sop::before {background-image:url(/_ui/responsive/theme-blue/images/ico_alarm_sop_msg.png);} .alarm_msg_box .alarm_msg.alarm_msg_bsop::before {background-image:url(/_ui/responsive/theme-blue/images/ico_alarm_bsop_msg.png);} .alarm_msg_box .alarm_msg span {font-size:13px; font-weight:600; letter-spacing:-0.52px;} .alarm_msg_box .alarm_msg.alarm_msg_sop span {color:#4472e4;} .alarm_msg_box .alarm_msg.alarm_msg_bsop span {color:#e1983e;} .alarm_msg_box .alarm_msg_arr {position:absolute; right:36px; top:-10px; display:inline-block; width:14px; height:11px; background:url(/_ui/responsive/theme-blue/images/alarm_msg_arr_off.png) no-repeat left top; background-size:100% auto; z-index:1;} .alarm_msg_box:hover .alarm_msg_arr {background-image:url(/_ui/responsive/theme-blue/images/alarm_msg_arr_on.png);} @media (max-width: 768px) { #myAccount .inner {width:320px;} .alarm_box {padding:0 16px;} .alarm_msg_box {left:calc(100% - 251px); top:48px; transform:translateX(0);} /* 20230518 수정 */ .alarm_msg_box .alarm_msg_arr {right:47px;} } /* E : 20230320 SOP 간편 재시작, SOP/장스오 자동갱신 */ /* 20230404 비밀번호 변경 페이지, 새 비밀번호 입력란 placeholder 잘림 현상 수정 (Sprint4, 상시모니터링 No.34) */ .panel.panel-default.account-profile__panel .password-security-container .form-control::placeholder {font-size: 12.9px;} @media (max-width: 768px) { .panel.panel-default.account-profile__panel .password-security-container .form-control::placeholder {font-size: 13px;} } /* 20230516 반품내역 필터,검색 아이콘 이미지 변경 (Sprint5, 상시모니터링 No.43) */ @media (max-width: 768px) { .account-area .myorder-history .order-conts .myorder button > span:first-child {display: inline-block; vertical-align: middle;} .account-area .myorder-history .order-conts .myorder button > span:first-child::before {content: ""; display:inline-block; width: 18px; height: 18px;} .account-area .myorder-history .order-conts .myorder button span.icon-Humburger_list:before {background: url(/_ui/responsive/theme-blue/images/akl_common/ico_filter_WT.png) no-repeat; background-size: 18px 18px; margin-right: 4px;} .account-area .myorder-history .order-conts .myorder button span.icon-search:before {background: url(/_ui/responsive/theme-blue/images/akl_common/ico_search_WT.png) no-repeat; background-size: 18px 18px; margin-right: 2px;} } /* 20230518 SOP 간편 재시작, SOP/장스오 자동갱신 수정3 */ @media (max-width: 768px) { .paging .next {background-position-x: -27px;} } /* 20230605 상단 로고 영역 & 검색창 겹침 현상 css 수정 */ .new-v2 .header-wrapper .header-logo .pc-logo {width:auto; height:80px;} @media (max-width: 1100px) { .new-v2 .search-btn-container, .new-v2 .new-search-cont {width:calc(100% - 50%); padding:0 22px;} .new-v2 .new-search-cont .top-search {width:100%; margin:0;} .new-v2 .new-search-cont .inbox {padding:0;} } @media (max-width: 950px) { .new-v2 .search-btn-container, .new-v2 .new-search-cont {width:calc(100% - 55%); padding:0 22px; margin-left:-230px;} .new-v2 .search-btn-container .icon-search {left:-10px;} } @media (max-width: 768px) { .new-v2 .search-btn-container, .new-v2 .new-search-cont {width:100%; padding:0; margin:0;} .new-v2 .new-search-cont .inbox {padding:20px 28px;} .new-v2 .header-wrapper .header-logo {position:absolute; left:54px; top:50%; transform:translateY(-50%); width:120px; height:auto; padding-top:0;} .new-v2 .header-wrapper .header-logo a {display:none;} .new-v2 .header-wrapper .header-logo a:last-child {display:block; height:100%; padding:0;} .new-v2 .header-wrapper .header-logo .mo-logo {width:100%; height:auto; margin:0;} } @media (max-width:479px) { .new-v2 .header-wrapper .header-logo {width:120px; margin-left:-10px; z-index:10;} } @media (max-width:360px) { .new-v2 .header-wrapper .header-logo {width:110px;} } .new-v2 .search-btn-container .suggestion-list li {width: 97%; padding-left: 50px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} @media (max-width: 1100px) and (min-width: 951px) { .new-v2 .search-btn-container .suggestion-list li {width: 97%; padding-left: 65px;} } /* 20230627 주문내역 상세정보 결제정보 항목 css 수정 */ .txt-in-area.txt-in-area_new .orderPrice {height:auto;} /* 20230711 암웨이-현대제휴카드 신청하기 팝업 닫기 x 버튼 이미지 오류 수정 (Sprint7, 상시모니터링 No.52) */ .layerWrapper.business.G20401_lp_pop .cbox.layerBox.popWidM .cart-popup__close {width: 40px; height: 40px; top: 50%; right: 10px; margin-top: -21px;} .layerWrapper.business.G20401_lp_pop .cbox.layerBox.popWidM .cart-popup__close img {width: 20px !important; height: 20px !important;} /* S : 20230919 최근 검색어 개선 */ .new-search-cont.renewal {border: 2px solid #3b7cf5; border-radius: 5px; box-shadow: none; min-height: 720px;} .new-search-cont.renewal .moOnly {display: none;} .new-search-cont.renewal .inbox {border-bottom: 1px solid #ebebeb;} .new-search-cont.renewal .top-search {border-color: #f0f0f0;} .new-search-cont.renewal .input-group > input::placeholder {color: #9e9e9e; font-weight: 500; letter-spacing: -.9px; opacity: 1;} .new-search-cont.renewal input[type="text"] {border: none; padding: 0 63px 0 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; height: 40px; color: #111;} .new-search-cont.renewal .input-group-btn {top: 23px;} .new-search-cont.renewal .input-group-btn .icon-search {width: 32px; height: 32px; background: url(/_ui/responsive/theme-blue/images/icon_search_pc.png) no-repeat; background-size: 32px auto;} .cancelBtn-box {position: relative;} .cancelBtn-box button {width: initial !important;} .cancelBtn-box .btn.btn-link.cancelBtn .icon-cancel {width: 24px; height: 24px; background: url(/_ui/responsive/theme-blue/images/icon_cancel.png) no-repeat; background-size: 24px auto; display: none; margin-right: 4px;} .new-search-cont.renewal .tit {color: #000; letter-spacing: -.99px; font-weight: bold; padding: 20px 0 16px;} .new-search-cont.renewal .tit.tit0 {margin: 0; } .new-search-cont.renewal .switch_toggle {display: inline-block; vertical-align: middle; margin-top: -1px; margin-right: 4px;} .new-search-cont.renewal .switch_toggle .btn_toggle {width: 32px; height: 20px;} .new-search-cont.renewal .switch_toggle [type="checkbox"]:not(:checked) + label:before, .new-search-cont.renewal .switch_toggle [type="checkbox"]:checked + label:before, .new-search-cont.renewal .switch_toggle .btn_toggle::before {width: 14px; height: 14px; top: 3px; left: 3px;} .new-search-cont.renewal .switch_toggle [type="checkbox"]:checked + label:before {transform: translate(12px, 0);} .new-search-cont.renewal .switch_toggle .checkbox_toggle:checked +.btn_toggle {background-color: #3b7cf5;} .new-search-cont.renewal .popoverword .popover-btn .link-btn {position: relative; font-size: 13px; letter-spacing: -.18px; color: #111 !important;} .new-search-cont.renewal .popoverword .popover-btn .link-btn:last-child {letter-spacing: -.81px; color: #222; margin-left: 17px;} .new-search-cont.renewal .popoverword .popover-btn .link-btn:not(:last-child)::after {content: ""; display: block; width: 1px; height: 12px; background: #eee; position: absolute; top: calc(50% - 6px); right: -9px;} .new-search-cont.renewal .search-results-akl.stRound {border: none; display: flex; flex-wrap: wrap; row-gap: 8px; margin: 0 0 20px;} .new-search-cont.renewal .search-results-akl.stRound li {border-bottom: none; display: inline-flex; padding: 8px 10px 8px 14px; border: 1px solid #e0e0e0; border-radius: 18px; gap: 5px;} .new-search-cont.renewal .search-results-akl.stRound li:not(:last-child) {margin-right: 4px;} .new-search-cont.renewal .search-results-akl.stRound li:last-child {border-bottom: 1px solid #e0e0e0;} .new-search-cont.renewal .search-results-akl.stRound li a {display: block; padding: 0; line-height: inherit; color: #222; letter-spacing: -.97px;} .new-search-cont.renewal .search-results-akl.stRound li button {position: initial; width: 12px; height: 20px; background: url(/_ui/responsive/theme-blue/images/icon_delete.png) center center no-repeat; background-size: 8px 8px;} .new-search-cont.renewal .search-results-akl.stRound li button::after {display: none;} .new-search-cont.renewal .search-results-akl {border-color: #eeeeee; margin-bottom: 5px;} .new-search-cont.renewal .search-results-akl li {border-color: #eeeeee;} .new-search-cont.renewal .search-results-akl li:last-child {border-bottom: none;} .new-search-cont.renewal .search-results-akl li a {color: #222; letter-spacing: -.97px; line-height: normal; padding: 11px 8px; font-size: 14px;} .new-search-cont.renewal .search-results-close {margin: 0; width: auto; height: 46px; font-size: 13px; color: #111; letter-spacing: -.18px; min-width: 42px;} .new-search-cont.renewal .search-no-result {border: none; height: auto; margin: 14px 0 22px;} .new-search-cont.renewal .search-no-result p {color: #999999; letter-spacing: -.87px;} @media (max-width: 768px) { .new-search-cont.renewal {border: none;} .new-search-cont.renewal .pcOnly {display: none;} .new-search-cont.renewal .moOnly {display: block;} .new-search-cont.renewal .inbox {padding: 30px 16px;} .new-search-cont.renewal .top-search {height: auto; padding: 0 16px; margin-top: 16px;} /* .new-search-cont.renewal .ui-front {display: flex; width: 100%; justify-content: space-between; align-items: center;} */ /* 20231214 삭제 */ .new-search-cont.renewal .input-group {width: calc(100% - 42px); float: left; border-bottom: none; border: 1px solid #3b7cf5; border-radius: 8px; padding: 13px 14px 13px 16px;} /* 20231214 수정 */ .new-search-cont.renewal input[type="text"] {padding: 0 5px 0 0; height: auto;} .new-search-cont.renewal .input-group-btn {top: 0; right: 0;} .new-search-cont.renewal .input-group-btn .icon-search {width: 24px; height: 24px; background: url(/_ui/responsive/theme-blue/images/ico_search_black_S.png) no-repeat; background-size: 24px auto; margin: 13px 14px 0 0;} /* 20250708 검색창 버튼 수정 */ .new-search-cont.renewal .cancelBtn-box .btn.btn-link.cancelBtn .icon-cancel {margin-top: 13px;} .new-search-cont.renewal .search-results-close {font-weight: 500 !important; font-size: 14px; letter-spacing: normal; position: initial; padding-left: 16px; text-wrap: nowrap;} .new-search-cont.renewal .search-results-close::before {display: none;} .new-search-cont.renewal .tit {font-size: 16px; padding: 0 0 5px; margin: 0;} .new-search-cont.renewal .tit.tit0 {padding-bottom: 16px;} .new-search-cont.renewal .switch_toggle {margin-top: -2px;} .new-search-cont.renewal .switch_toggle [type="checkbox"]+label, .new-search-cont.renewal .switch_toggle [type="checkbox"]:checked+label, .new-search-cont.renewal .switch_toggle [type="checkbox"]:not(:checked)+label {margin: 0;} .new-search-cont.renewal .popoverword {padding-bottom: 130px;} .new-search-cont.renewal .popoverword .popover-btn {top: 1px;} .new-search-cont.renewal .popoverword .popover-btn .link-btn {font-size: 12px; letter-spacing: -.17px;} .new-search-cont.renewal .popoverword .popover-btn .link-btn:last-child {letter-spacing: -.74px;} .new-search-cont.renewal .search-results-akl.stRound {flex-wrap: nowrap; margin: 5px 0 30px; padding-bottom: 10px;} .new-search-cont.renewal .search-results-akl.stRound li {flex: 0 0 auto;} .new-search-cont.renewal .search-results-akl li:last-child {border-bottom: 1px solid #eeeeee;} .new-search-cont.renewal .search-no-result {margin: 20px 0 26px;} } /* E : 20230919 최근 검색어 개선 */ /* S : 20231010 검색 페이지 - 제품소식 영역에 종료 태그 추가 */ .akl-search .search-list-page-right-result-list-component .product-results-list .news-result-prom {position:relative;} .akl-search .search-list-page-right-result-list-component .product-results-list .news-result-prom .plp-item-label-wrap {left:1px; top:0;} .akl-search .search-list-page-right-result-list-component .product-results-list .news-result-prom .plp-item-label-wrap .plp-item-label.bg-red:after {width:12px; height:25px; right:-10px; background:none; border-style:solid; border-width:25px 7px 0 0; border-color:#e11e45 transparent transparent transparent;} /* E : 20231010 검색 페이지 - 제품소식 영역에 종료 태그 추가 */ /* S : 20231017 header 검색창 X 버튼 추가 */ .new-search-cont .input-group-btn {top: calc(50% - 10px)} .new-search-cont .input-group.cancelBtn-box > input[type="text"] {padding: 0 58px 0 15px; border: none;} .cancelBtn-box input[type="text"] {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .new-search-cont .cancelBtn-box .cancelBtn {padding: 0; position: absolute; top: calc(50% - 10px); right: 28px; z-index: 3; height: auto; background-color: transparent;} /* 20231018 수정 */ @media (max-width: 768px) { .new-search-cont .input-group-btn {top: 1px;} .new-search-cont .input-group.cancelBtn-box > input[type="text"] {padding: 0 70px 0 10px;} .new-search-cont .cancelBtn-box .cancelBtn {top: 2px; right: 90px;} } /* E : 20231017 header 검색창 X 버튼 추가 */ /* S : 20231030 최근 검색어 개선 수정 */ .new-search-cont.renewal .input-group.cancelBtn-box > input[type="text"] {padding: 0 63px 0 0;} .new-search-cont.renewal .cancelBtn-box .btn.btn-link.cancelBtn .icon-cancel {margin-right: 8px;} .new-search-cont.renewal .switch_toggle {margin: -2px 0 0 0;} .new-search-cont.renewal .switch_toggle .btn_toggle {margin-right: 85px;} .new-search-cont.renewal .switch_toggle .btn_toggle span {font-size: 13px; color: #111; letter-spacing: -.81px; font-weight: normal; margin-left: 36px; white-space: nowrap; vertical-align: inherit;} .new-search-cont.renewal .popoverword .popover-btn .link-btn::after {content: ""; display: block; width: 1px; height: 12px; background: #eee; position: absolute; top: calc(50% - 6px); left: -9px;} @media (max-width: 768px) { /* .new-search-cont.renewal .ui-front > form {display: flex; width: 100%;} */ /* 20231031 추가 */ /* 20231214 삭제 */ .new-search-cont.renewal .cancelBtn-box .cancelBtn {top: 0; right: 37px;} .new-search-cont.renewal .input-group.cancelBtn-box > input[type="text"] {padding: 0 5px 0 0;} .new-search-cont.renewal .switch_toggle {margin: 1px 0 0 0;} .new-search-cont.renewal .switch_toggle .btn_toggle {margin-right: 78px !important;} .new-search-cont.renewal .switch_toggle .btn_toggle span {letter-spacing: -.74px; font-size: 12px;} .new-v2 .search-btn-container .mobile-search-btn {width:calc(100vw - 36px);} /* 20231218 수정 */ } /* E : 20231030 최근 검색어 개선 수정 */ /* 20231110 배송지 및 주문알림 관리 페이지 토글 버튼 수정 (Sprint11, 상시모니터링 No.66) */ .akl .button-group button {color: #55565a;} .akl .button-group button.on {color:#002f5f; font-weight:600;} /* 20240112 주문내역(상세) HyperStore 팝업 위치 수정 (Sprint1, 상시모니터링 No.2) */ .akl .U70101_lp16_pop .cbox.layerBox {top: calc(50% - 425px) !important;} @media (max-width: 768px) { .akl .U70101_lp16_pop .cbox.layerBox {top: 0 !important; height: 100% !important;} .akl .U70101_lp16_pop .cbox.layerBox .cart-popup__dialog {height: 100%;} .akl .U70101_lp16_pop.layerWrapper .layer-content-wrapper.RD-Viewer {min-height: initial; max-height: initial; height: calc(100% - 50px);} } /* 20240112 ABO 양식 타이틀/검색 영역 사이 간격 수정 (Sprint1, 상시모니터링 No.3) */ .aboForm-wrapper .search-block {padding: 0;} /* 20240112 제품구매예약 > 예약내역 상세 페이지 내 수량 위치 수정 (Sprint1, 상시모니터링 No.4) */ @media (max-width: 768px) { .product-item-list li .shop-quantity {text-align: right;} .product-item-list li .shop-quantity .txt-warp {vertical-align: bottom;} } /* 20240906 gnb 쇼핑 > 뷰티 > 마지막 카테고리 영역 스타일 추가 */ .tab-pane.gnb-nav .depth2-links > ul > li.dep-last {position:relative;} .tab-pane.gnb-nav .depth2-links > ul > li.dep-last::before {content:""; position:absolute; left:-30px; top:0; display:block; width:1px; height:178px; background:#ccc;} @media (max-width: 1200px) { .tab-pane.gnb-nav .depth2-links > ul > li.dep-last {left:0 !important; top:190px !important;} .tab-pane.gnb-nav .depth2-links > ul > li.dep-last::before {content:none;} } /* 20241119 gnb 쇼핑 > 뷰티 > 마지막 카테고리 영역 스타일 uat 기준으로 재수정 */ #navMenuTab_BeautyNode .depth2-links > ul > li:last-child {position: relative;} @media (max-width: 1200px) { #navMenuTab_BeautyNode .depth2-links > ul > li:last-child {left:0 !important; top:190px !important;} } /* S : 20250306 ASB-12469 신규 대상 연회비 프로모션 작업 */ .akl .container.container_renew {padding: 0;} /* 20250313 ASB-12469 - 추가 */ /* 프로모션 배너 영역 */ .promotion_banner_area {width: 100%; max-width: 1200px; margin: 60px auto 80px;} .promotion_banner_area .promotion_banner {min-height: 140px; display: flex; align-items: center; border-radius: 12px; overflow: hidden; background: #8150FA url(/_ui/responsive/theme-blue/images/akl_common/img_promotion_banner_pc.png) center center / cover no-repeat;} .promotion_banner_area .promotion_banner > a {display: block; width: 100%; height: 100%;} .promotion_banner_area .promotion_info {padding: 35px 0 35px 5%;} .promotion_banner_area .promotion_tit {margin: 0; font-size: 26px; font-weight: bold; color: #fff; letter-spacing: normal; line-height: 38px;} .promotion_banner_area .promotion_desc {margin: 0; font-size: 18px; font-weight: normal; color: #fff; letter-spacing: normal; line-height: 28px;} .promotion_banner_area .promotion_tit ~ .promotion_desc {margin-top: 4px;} /* 이벤트 응모 팝업 */ .layer_section_renew.layer_section.type-wide-a.layer_section_longVer_renew .layer_section-container .eventApply.layer-area_static_common {height: auto; margin-top: -1px;} .eventApply.layer-area_static_common .s_tit.s_tit_a {margin: 0 0 8px; line-height: 1.5; letter-spacing: normal;} .eventApply.layer-area_static_common .s_cont {margin: 0;} .eventApply.layer-area_static_common .s_cont + .s_tit.s_tit_a {margin-top: 20px;} .eventApply.layer-area_static_common .s_cont .form-item.form-item_ls {flex-wrap: wrap;} .eventApply.layer-area_static_common .s_cont .form-item.form-item_ls .form-col:first-child {width: 160px;} .eventApply.layer-area_static_common .s_cont .form-item.form-item_ls .form-col:last-child {width: calc(100% - 168px);} .inportant_info {margin: 32px 0; padding: 24px 20px; background: #F4F4F4; border-radius: 12px;} .inportant_info p {margin: 0; font-size: 20px; font-weight: bold; letter-spacing: -.3px; line-height: 1.5; text-align: center; color: #111;} .akl.new-v2 .form-item .s_inpt.round-type, .akl.new-v2 .form-item .s_sel.round-type {border-color: #d7d7d7; border-radius: 4px; padding: 0 16px; color: #111; letter-spacing: normal;} .akl.new-v2 .form-item .s_inpt.round-type::placeholder, .akl.new-v2 .form-item .s_sel.round-type::placeholder {opacity: 1; color: #999;} .akl.new-v2 .form-item .s_sel.round-type {background: url(/_ui/responsive/theme-blue/images/ico_arrow_B_gray_M.png) center right 12px / 16px auto no-repeat; letter-spacing: -.7px;} .panel-group.accordion-custom.renew {border-top-color: #EDEDED; margin-bottom: 16px;} .panel-group.accordion-custom.renew .panel {border-bottom-color: #EDEDED; border-top: none;} .panel-group.accordion-custom.renew .panel .panel-heading {padding: 20px; display: flex; align-items: center; gap: 10px;} .panel-group.accordion-custom.renew .panel .panel-heading .checkbox_text_box {display: inline-block; width: 100%; height: 100%; max-width: 20px; max-height: 20px; margin: 0;} .panel-group.accordion-custom.renew .panel .panel-heading [type=checkbox] + label {margin: 0; padding: 0; max-width: initial;} .panel-group.accordion-custom.renew .panel .panel-heading [type=checkbox] + label::before {border-radius: 4px;} .panel-group.accordion-custom.renew .panel .panel-heading [type=checkbox]:checked + label::after {background: url(/_ui/responsive/theme-blue/images/akl_common/ico_chk_renew.png) center / 13px auto no-repeat !important;} .panel-group.accordion-custom.renew .panel .panel-heading > a {width: calc(100% - 30px);} .panel-group.accordion-custom.renew .panel .panel-heading .panel-title {padding: 0; display: flex; justify-content: space-between;} .panel-group.accordion-custom.renew .panel .panel-heading .panel-title .text-uppercase.accordion-header-text {font-size: 16px; color: #111; letter-spacing: normal; line-height: 1.25; word-spacing: -1px;} .panel-group.accordion-custom.renew .panel-body {padding: 0;} .panel-group.accordion-custom.renew .agree_info_desc {background: #F4F4F4; padding: 20px 19px; color: #666;} .panel-group.accordion-custom.renew .agree_info_desc .desc-tit {display: flex; align-items: center; justify-content: space-between; color: #111; margin-bottom: 8px;} .panel-group.accordion-custom.renew .agree_info_desc .desc-tit span {font-size: 14px; line-height: normal; letter-spacing: normal; font-weight: normal;} .panel-group.accordion-custom.renew .agree_info_desc .desc-tit span:first-child {font-weight: bold;} .panel-group.accordion-custom.renew .agree_info_desc ol {margin-bottom: 8px;} .panel-group.accordion-custom.renew .agree_info_desc ol li {font-size: 14px; font-weight: normal; line-height: 1.57; letter-spacing: -.7px; padding-left: 20px; text-indent: -15px;} .panel-group.accordion-custom.renew .agree_info_desc ol li strong {font-size: 16px; letter-spacing: -.8px; line-height: 1.3; font-weight: normal; text-decoration: underline; text-underline-offset: 2px;} .panel-group.accordion-custom.renew .agree_info_desc > p {font-size: 14px; font-weight: normal; line-height: 1.57; letter-spacing: -.7px; margin: 0;} .akl.new-v2 .pull-right.icon-arr2::before {content: ""; display: inline-block; width: 24px; height: 24px; background: url(/_ui/responsive/theme-blue/images/ico_arrow_B_black.png) center / 100% auto no-repeat; transform: rotate(180deg); position: absolute; top: -2px; right: 0;} .akl.new-v2 .collapsed .pull-right.icon-arr2::before {transform: rotate(0);} .eventApply.layer-area_static_common .list-type6 {font-size: 14px; font-weight: normal; line-height: 1.71; letter-spacing: -.7px; color: #666;} .eventApply.layer-area_static_common .list-type6 > li {padding-left: 11px;} .eventApply.layer-area_static_common .list-type6 > li ~ li {margin-top: 4px;} .eventApply.layer-area_static_common .list-type6 > li::before {background: #999;} /* 이벤트 페이지 */ .akl .customer-area.hyundaicard-area .title-box .product-list-page-title h1 {margin: 0;} /* 20250313 ASB-12469 - 추가 */ .akl .benefit-container .tab-pane.content-block:has(.card-promotion-wrap) {padding-bottom: 180px; position: relative;} /* 20250307 ASB-12469 플로팅 버튼 수정 */ .akl.new-v2 .hyundaicard-area {position: relative; padding-bottom: 180px;} /* 20250313 ASB-12469 - 추가 */ .akl.new-v2 .card-promotion-wrap {background: #8150FA; padding: 120px 0 60px;} .akl.new-v2 .card-promotion-wrap .card-promotion-tit-wrap {display: flex; flex-direction: column; align-items: center; max-height: 720px; text-align: center; position: relative; overflow: hidden;} .akl.new-v2 .card-promotion-wrap .card-promotion-tit-wrap .card-promotion-tit-box {padding-left: 61px; display: inline-block; width: auto;} .akl.new-v2 .card-promotion-wrap .card-promotion-tit-wrap .card-promotion-tit-box * {font-weight: bold; line-height: 1.48; letter-spacing: normal; color: #fff;} .akl.new-v2 .card-promotion-wrap .card-promotion-tit-wrap .card-promotion-tit-box h2 {font-size: 56px; margin: 0 0 4px; position: relative;} .akl.new-v2 .card-promotion-wrap .card-promotion-tit-wrap .card-promotion-tit-box h2::before {content: ""; display: inline-block; width: 159px; height: 174px; background: url(/_ui/responsive/theme-blue/images/card_benefit/ico_event_tit_bg.png) center left / auto 174px no-repeat; position: absolute; top: -39px; left: -61px;} .akl.new-v2 .card-promotion-wrap .card-promotion-tit-wrap .card-promotion-tit-box > span {font-size: 30px;} .akl.new-v2 .card-promotion-wrap .card-promotion-tit-wrap .card-promotion-tit-box > span.small {display: inline-block; font-size: 24px; margin-bottom: 4px;} .akl.new-v2 .card-promotion-wrap .card-promotion-tit-wrap img {width: 1000px; max-width: initial; margin-top: -54px;} /* S : 20250307 ASB-12469 플로팅 버튼 수정 */ .akl.new-v2 .card-promotion-wrap .card-promotion-tit-wrap > button {position: absolute; bottom: 60px; left: 50%; transform: translateX(-50%);} /* .akl.new-v2 .card-promotion-wrap .card-promotion-tit-wrap .floating-btn-wrap {position: absolute; bottom: 60px; left: 50%; transform: translateX(-50%);} .akl.new-v2 .card-promotion-wrap .card-promotion-tit-wrap .floating-btn-wrap.sticky {background: #fff; width: 100%; padding: 15px 20px 40px; position: fixed; bottom: 0; transition: unset; z-index: 201;} .akl.new-v2 .card-promotion-wrap .card-promotion-tit-wrap .floating-btn-wrap.sticky button {width: 100%; max-width: 1400px;} */ /* E : 20250307 ASB-12469 플로팅 버튼 수정 */ .akl.new-v2 .card-promotion-wrap .card-promotion-cont-wrap {max-width: calc(100% - 200px); margin: 0 auto; border-radius: 32px; background: #fff;} .akl.new-v2 .card-promotion-wrap .card-promotion-cont-wrap .card-promotion-cont {padding: 60px 0; display: flex; flex-direction: column; align-items: center; text-align: center; row-gap: 60px;} .akl.new-v2 .card-promotion-wrap .card-promotion-cont-wrap .card-promotion-cont dl {display: inline-block; width: auto; justify-items: center;} .akl.new-v2 .card-promotion-wrap .card-promotion-cont-wrap .card-promotion-cont dl dt {min-width: 160px; padding: 14px 20px; margin-bottom: 24px; border-radius: 100px; background: #592ff5; font-size: 20px; font-weight: 500; line-height: .9; letter-spacing: normal; color: #fff;} .akl.new-v2 .card-promotion-wrap .card-promotion-cont-wrap .card-promotion-cont dl dd {font-size: 28px; font-weight: normal; line-height: 1.46; letter-spacing: normal; color: #111;} .akl.new-v2 .card-promotion-wrap .card-promotion-cont-wrap .card-promotion-cont dl dd.strong {font-weight: bold;} .akl.new-v2 .card-promotion-wrap .card-promotion-cont-wrap .card-promotion-cont dl dd > span {display: block; font-size: 18px; margin-top: 8px; letter-spacing: normal;} .step-box.vertical-column {float: initial; width: auto; margin: 0;} .step-box.vertical-column * {letter-spacing: normal;} .step-box.vertical-column ~ .step-box.vertical-column {margin-top: 40px;} .step-box.vertical-column .step-num {margin-bottom: 16px; font-size: 18px; line-height: normal; font-weight: bold; position: relative; display: inline-block; z-index: 1;} .step-box.vertical-column .step-num::before {content: ""; display: inline-block; width: calc(100% + 9px); height: 15px; background: #d1f1ec; position: absolute; bottom: 0; left: -6px; z-index: -1;} .step-box.vertical-column .step-tit {font-weight: bold; margin-bottom: 8px;} .step-box.vertical-column .step-desc {font-size: 18px;} .step-box.vertical-column .btn_black-a {margin-top: 40px;} .akl.new-v2 .card-promotion-wrap .card-promotion-cont-wrap .card-promotion-cont-desc {margin-bottom: 60px; font-size: 16px; font-weight: normal; line-height: 1.63; letter-spacing: normal; color: #999; text-align: center;} .akl.new-v2 .card-promotion-wrap .benefit-notice {padding: 40px 60px; margin-top: 0;} .akl.new-v2 .card-promotion-wrap .benefit-notice:last-child {padding-bottom: 60px;} .akl.new-v2 .card-promotion-wrap .benefit-notice * {letter-spacing: normal;} .akl.new-v2 .card-promotion-wrap .benefit-notice .benefit-notice__title {font-size: 24px; font-weight: 500; line-height: 1.25; color: #111; margin: 0; text-align: left;} /* 20250313 ASB-12469 - 수정 */ .akl.new-v2 .card-promotion-wrap .benefit-notice .notice-list {margin-top: 20px;} .akl.new-v2 .card-promotion-wrap .benefit-notice .notice-list__item {position: relative; font-size: 16px; line-height: 1.63; color: #666; padding-left: 11px;} /* 20250313 ASB-12469 - 수정 */ .akl.new-v2 .card-promotion-wrap .benefit-notice .notice-list__item.strong {font-weight: 600;} .akl.new-v2 .card-promotion-wrap .benefit-notice .notice-list__item ~ .notice-list__item {margin-top: 8px;} .akl.new-v2 .card-promotion-wrap .benefit-notice .notice-list__item::before {position: absolute; content: ""; width: 3px; height: 3px; background: #999; border-radius: 50%; top: 10px; left: 0;} /* 20250313 ASB-12469 - 수정 */ .akl.new-v2 .card-promotion-wrap .benefit-notice .dashed-list {margin: 4px 0 0 0;} .akl.new-v2 .card-promotion-wrap .benefit-notice .dashed-list__item {color: #666;} .akl.new-v2 .card-promotion-wrap .benefit-notice .dashed-list__item ~ .dashed-list__item {margin-top: 0;} /* S : 20250307 ASB-12469 플로팅 버튼 수정 */ .akl.new-v2 .card-promotion-wrap + .floating-btn-wrap {width: 100%; max-width: 1400px; position: absolute; bottom: 60px; left: 50%; transform: translateX(-50%);} .akl.new-v2 .card-promotion-wrap + .floating-btn-wrap button {width: 100%;} .akl.new-v2 .card-promotion-wrap + .floating-btn-wrap.sticky {background: #fff; width: 100%; max-width: 100%; padding: 15px 20px 40px; display: flex; justify-content: center; position: fixed; bottom: 0; left: 0; transition: unset; z-index: 201; transform: initial;} .akl.new-v2 .card-promotion-wrap + .floating-btn-wrap.sticky button {width: 100%; max-width: 1400px; margin: 0 auto;} /* E : 20250307 ASB-12469 플로팅 버튼 수정 */ .btn_black-a {width: 320px; background: #111; border-radius: 12px; padding: 16px 24px; color: #fff; font-size: 18px; font-weight: bold; line-height: 1.56; letter-spacing: normal;} .btn_black-a.big {width: 420px; border-radius: 16px; padding: 28px 20px; font-size: 22px; line-height: 1.09; letter-spacing: normal;} @media (max-width: 1000px) { /* 프로모션 배너 영역 */ .promotion_banner_area .promotion_banner {background-position: center right -100px;} } @media (max-width: 768px) { /* S : 20250313 ASB-12469 - 추가 */ .akl .container.container_renew {padding: 0 20px;} .akl.new-v2 .hyundaicard-area {padding-bottom: 122px;} .akl .customer-area.hyundaicard-area .title-box .product-list-page-title {padding: 0 0 12px;} html.scrollLockMo body {overflow: hidden;} /* E : 20250313 ASB-12469 - 추가 */ /* 프로모션 배너 영역 */ .promotion_banner_area {width: calc(100% + 30px); margin: 40px -15px 40px;} .promotion_banner_area .promotion_banner {border-radius: 0; background: #8150FA url(/_ui/responsive/theme-blue/images/akl_common/img_promotion_banner_mo.png) center right / auto 100% no-repeat;} .promotion_banner_area .promotion_info {padding: 24px 0 24px 20px;} .promotion_banner_area .promotion_tit {font-size: 18px; letter-spacing: -.25px; line-height: 1.334;} .promotion_banner_area .promotion_desc {font-size: 13px; letter-spacing: -0.47px; line-height: normal;} .promotion_banner_area .promotion_tit ~ .promotion_desc {margin-top: 8px;} /* 이벤트 응모 팝업 */ #eventApplyPop .layer_section-container .layer-header {padding: 20px 20px 16px;} #eventApplyPop .layer_section-container .layer-header .header-title {line-height: 1.33;} #eventApplyPop .layer_section-container .layer-header .btn_layer-close.v2 {top: -12px; right: 6px;} #eventApplyPop .layer_section-container .eventApply.layer-area_static_common {max-height: calc(100vh - 260px);} .eventApply.layer-area_static_common .s_cont .form-item.form-item_ls {flex-direction: column; row-gap: 8px;} .eventApply.layer-area_static_common .s_cont .form-item.form-item_ls .form-col:first-child, .eventApply.layer-area_static_common .s_cont .form-item.form-item_ls .form-col:last-child {width: 100%; margin: 0;} .inportant_info {margin: 24px 0;} .inportant_info p {font-size: 18px; line-height: 1.56; letter-spacing: normal;} .panel-group.accordion-custom.renew .panel .panel-heading {padding: 20px 8px 20px 0;} .panel-group.accordion-custom.renew .panel .panel-heading .panel-title .text-uppercase.accordion-header-text {font-size: 14px; line-height: 1.2; padding-top: 3px;} .panel-group.accordion-custom.renew .panel-heading + .panel-collapse>.panel-body {padding: 0;} .akl.new-v2 .pull-right.icon-arr2 {top: calc(50% + 1px); right: -1px;} .akl.new-v2 .pull-right.icon-arr2::before {width: 16px; height: 16px; background: url(/_ui/responsive/theme-blue/images/ico_arrow_B_gray_M.png) center / 100% auto no-repeat; top: 0;} .eventApply.layer-area_static_common .list-type6 {font-size: 12px; line-height: 1.67; letter-spacing: -.6px; word-break: break-all;} .eventApply.layer-area_static_common .list-type6 > li::before {width: 3px; height: 3px;} /* 이벤트 페이지 */ .akl .benefit-container .tab-pane.content-block:has(.card-promotion-wrap) {padding-bottom: 122px;} /* 20250307 ASB-12469 플로팅 버튼 수정 */ .akl.new-v2 .card-promotion-wrap {width: calc(100% + 40px); margin: 0 -20px; padding: 60px 0 20px;} .akl.new-v2 .card-promotion-wrap .card-promotion-tit-wrap {max-height: initial; height: 440px;} .akl.new-v2 .card-promotion-wrap .card-promotion-tit-wrap .card-promotion-tit-box {padding-left: 26px;} .akl.new-v2 .card-promotion-wrap .card-promotion-tit-wrap .card-promotion-tit-box h2 {font-size: 28px; letter-spacing: -.84px; padding: 0;} .akl.new-v2 .card-promotion-wrap .card-promotion-tit-wrap .card-promotion-tit-box h2::before {width: 73px; height: 80px; background-size: auto 79px; top: -21px; left: -26px;} .akl.new-v2 .card-promotion-wrap .card-promotion-tit-wrap .card-promotion-tit-box > span {font-size: 16px; letter-spacing: -.48px;} .akl.new-v2 .card-promotion-wrap .card-promotion-tit-wrap .card-promotion-tit-box > span.small {font-size: 14px; letter-spacing: -.42px;} .akl.new-v2 .card-promotion-wrap .card-promotion-tit-wrap img {width: 626px; margin-top: -39px;} /* S : 20250307 ASB-12469 플로팅 버튼 수정 */ .akl.new-v2 .card-promotion-wrap .card-promotion-tit-wrap > button {bottom: 40px;} /* .akl.new-v2 .card-promotion-wrap .card-promotion-tit-wrap .floating-btn-wrap {bottom: 40px;} .akl.new-v2 .card-promotion-wrap .card-promotion-tit-wrap .floating-btn-wrap.sticky {padding: 16px;} */ /* E : 20250307 ASB-12469 플로팅 버튼 수정 */ .akl.new-v2 .card-promotion-wrap .card-promotion-cont-wrap {max-width: initial; margin: 0 20px;} .akl.new-v2 .card-promotion-wrap .card-promotion-cont-wrap .card-promotion-cont {row-gap: 48px; padding: 40px 20px 48px;} .akl.new-v2 .card-promotion-wrap .card-promotion-cont-wrap .card-promotion-cont dl {width: 100%;} .akl.new-v2 .card-promotion-wrap .card-promotion-cont-wrap .card-promotion-cont dl dt {min-width: 120px; padding: 9px 10px; font-size: 16px; line-height: 1.13; margin-bottom: 16px;} .akl.new-v2 .card-promotion-wrap .card-promotion-cont-wrap .card-promotion-cont dl dd {font-size: 20px; width: 100%} .akl.new-v2 .card-promotion-wrap .card-promotion-cont-wrap .card-promotion-cont dl dd > span {font-size: 16px; padding: 0 20px;} .step-box.vertical-column ~ .step-box.vertical-column {margin-top: 32px;} .step-box.vertical-column .step-num {font-size: 16px;} .step-box.vertical-column .step-num::before {height: 13px; bottom: -2px;} .step-box.vertical-column .step-tit {font-size: 20px;} .step-box.vertical-column .step-desc {font-size: 16px;} .step-box.vertical-column .btn_black-a {margin-top: 32px;} .akl.new-v2 .card-promotion-wrap .card-promotion-cont-wrap .card-promotion-cont-desc {font-size: 14px; line-height: 1.57; margin-bottom: 40px; padding: 0 20px;} .akl.new-v2 .card-promotion-wrap .benefit-notice {padding: 40px 20px;} .akl.new-v2 .card-promotion-wrap .benefit-notice:last-child {padding-bottom: 40px;} .akl.new-v2 .card-promotion-wrap .benefit-notice .benefit-notice__title {font-size: 16px; line-height: 1.5; padding: 0; font-weight: bold;} .akl.new-v2 .card-promotion-wrap .benefit-notice:last-child .benefit-notice__title {font-size: 18px; line-height: 1.33;} .akl.new-v2 .card-promotion-wrap .benefit-notice .notice-list {margin-top: 12px;} .akl.new-v2 .card-promotion-wrap .benefit-notice .notice-list__item {font-size: 14px; line-height: 1.57; word-break: break-all;} .akl.new-v2 .card-promotion-wrap .benefit-notice .notice-list__item::before {top: 8px;} .akl.new-v2 .card-promotion-wrap .benefit-notice .dashed-list__item {text-indent: 8px; padding-left: 0; word-break: break-all;} .akl.new-v2 .card-promotion-wrap .benefit-notice .dashed-list__item::before {left: -8px;} /* S : 20250307 ASB-12469 플로팅 버튼 수정 */ .akl.new-v2 .card-promotion-wrap + .floating-btn-wrap {bottom: 40px;} .akl.new-v2 .card-promotion-wrap + .floating-btn-wrap.sticky {padding: 16px;} /* E : 20250307 ASB-12469 플로팅 버튼 수정 */ .btn_black-a {width: 100%;} .btn_black-a.big {width: calc(100vw - 40px); border-radius: 12px; padding: 16px 24px; font-size: 18px; line-height: 1.56;} } /* E : 20250306 ASB-12469 신규 대상 연회비 프로모션 작업 */ /* S : 20250331 중개판매관리 - 빠른제품검색 영역 수정 (Sprint4, 상시모니터링 No.10) */ .my-count .intermediary-sales .quick_sh-renewal {border-bottom:none;} .my-count .intermediary-sales .quick_sh-renewal .accordion-custom .panel-title {border:none;} .my-count .intermediary-sales .quick_sh-renewal #quickShopForm {margin-bottom:23px !important;} .my-count .intermediary-sales .quick_sh-renewal #quickShopForm .item-suggestion-popover {width:100% !important; left:0 !important;} .my-count .intermediary-sales .quick_sh-renewal #quickShopForm + .shoping-cart-search {margin-top:-23px;} @media (max-width: 768px) { .my-count .intermediary-sales {padding-top:0;} .my-count .intermediary-sales .quick_sh-renewal #quickShopForm {margin-bottom:0 !important;} .my-count .intermediary-sales .quick_sh-renewal #quickShopForm .item-suggestion-popover {top:45px;} .my-count .intermediary-sales .quick_sh-renewal #quickShopForm + .shoping-cart-search {margin-top:0;} } /* E : 20250331 중개판매관리 - 빠른제품검색 영역 수정 (Sprint4, 상시모니터링 No.10) */ /* S : 20250502 ASB-12624 팀뉴트리라이트 홈페이지 리뉴얼 */ .akl.new-v2 .title-renewal {padding: 40px 0 0;} .akl.new-v2 .title-renewal .title-h2 {color: #111; letter-spacing: -1.6px; line-height: 1.44;} .akl.new-v2 .tabWrapper.tab-renewal .tabs-toggles {display: flex; align-items: center;} .akl.new-v2 .tabWrapper.tab-renewal .tabs-toggles .tab-toggle-wrap {height: auto;} .akl.new-v2 .tabWrapper.tab-renewal .tabs-toggles .tab-toggle-wrap .tab-toggle {padding: 14px 32px; line-height: 1.36; margin-bottom: 0;} .akl.new-v2 .tabWrapper.tab-renewal .tabs-toggles .tab-toggle-wrap .tab-toggle .toggle-text {font-size: 16px; font-weight: 500; letter-spacing: -0.8px; color: #666;} .akl.new-v2 .tabWrapper.tab-renewal .tabs-toggles .tab-toggle-wrap.active {border-top: none; position: relative;} .akl.new-v2 .tabWrapper.tab-renewal .tabs-toggles .tab-toggle-wrap.active::before {content: ""; position: absolute; left: 0; top: 0px; display: block; width: 100%; height: 4px; background: #567bf3;} .akl.new-v2 .tabWrapper.tab-renewal .tabs-toggles .tab-toggle-wrap.active .tab-toggle .toggle-text {color: #567bf3; font-weight: 600;} /* S : 20250520 ASB-12624 추가 */ .akl.new-v2 .newHome.nNutrilite.renew2106 .nBgProgram.bodykey_main_2022_mar {background-image: url(/_ui/responsive/theme-blue/images/akl_brand_new/nutrilite/nbg_program01_re_v4.png)} .akl.new-v2 .newHome.nNutrilite.renew2106 .nBgProgram:nth-child(2) {background-image: url(/_ui/responsive/theme-blue/images/akl_brand_new/nutrilite/nbg_program02_v2.png)} .akl.new-v2 .newHome.nNutrilite.renew2106 .nBgProgram:nth-child(4) {background-image: url(/_ui/responsive/theme-blue/images/akl_brand_new/nutrilite/nbg_program04_v2.png)} /* E : 20250520 ASB-12624 추가 */ .akl.new-v2 .newHome.nNutrilite.renew2106 .nBgProgram:nth-child(3) {background-image: url(/_ui/responsive/theme-blue/images/akl_brand_new/nutrilite/nbg_program03_v4.png);} .sports_player li a {pointer-events: none;} /* S : 20250509 ASB-12624 수정 */ .amway-theme .teamNutri .sports_player {column-gap: 58px;} .amway-theme .teamNutri .sports_player li {margin-right: 0; position: relative; overflow: hidden;} /* 20250520 ASB-12624 수정 *//* 20250515 ASB-12624 수정 */ /* S : 20250515 ASB-12624 추가 */ .amway-theme .teamNutri .sports_player li::after {content: ""; display: block; width: 56px; height: 56px; position: absolute; top: 15px; left: 15px; border-radius: 50%; background-size: 56px auto; background-repeat: no-repeat; background-position: center;} /* 20250520 ASB-12624 수정 */ .amway-theme .teamNutri .sports_player li.cycling::after {background-image: url(https://www.amway.co.kr/_ui/responsive/theme-blue/images/akl_brand/nutrilite/img_teamNutri_subCont02_icon09_on.png);} .amway-theme .teamNutri .sports_player li.judo::after {background-image: url(https://www.amway.co.kr/_ui/responsive/theme-blue/images/akl_brand/nutrilite/img_teamNutri_subCont02_icon11_on.png);} .amway-theme .teamNutri .sports_player li.fencing::after {background-image: url(https://www.amway.co.kr/_ui/responsive/theme-blue/images/akl_brand/nutrilite/img_teamNutri_subCont02_icon14_on.png);} .amway-theme .teamNutri .sports_player li.tabletennis::after {background-image: url(https://www.amway.co.kr/_ui/responsive/theme-blue/images/akl_brand/nutrilite/img_teamNutri_subCont02_icon16_on.png);} .amway-theme .teamNutri .sports_player li.wrestling::after {background-image: url(https://www.amway.co.kr/_ui/responsive/theme-blue/images/akl_brand/nutrilite/img_teamNutri_subCont02_icon04_on.png);} .amway-theme .teamNutri .sports_player li.swimming::after {background-image: url(https://www.amway.co.kr/_ui/responsive/theme-blue/images/akl_brand/nutrilite/img_teamNutri_subCont02_icon17_on.png);} .amway-theme .teamNutri .sports_player li.diving::after {background-image: url(https://www.amway.co.kr/_ui/responsive/theme-blue/images/akl_brand/nutrilite/img_teamNutri_subCont02_icon15_on.png);} .amway-theme .teamNutri .sports_player li.shooting::after {background-image: url(https://www.amway.co.kr/_ui/responsive/theme-blue/images/akl_brand/nutrilite/img_teamNutri_subCont02_icon19_on.png);} .amway-theme .teamNutri .sports_player li.gymnastics::after {background-image: url(https://www.amway.co.kr/_ui/responsive/theme-blue/images/akl_brand/nutrilite/img_teamNutri_subCont02_icon18_on.png);} .amway-theme .teamNutri .sports_player li.taekwondo::after {background-image: url(https://www.amway.co.kr/_ui/responsive/theme-blue/images/akl_brand/nutrilite/img_teamNutri_subCont02_icon13_on.png);} .amway-theme .teamNutri .sports_player li.rugby::after {background-image: url(https://www.amway.co.kr/_ui/responsive/theme-blue/images/akl_brand/nutrilite/img_teamNutri_subCont02_icon03_on.png);} .amway-theme .teamNutri .sports_player li.freestyleski::after {background-image: url(https://www.amway.co.kr/_ui/responsive/theme-blue/images/akl_brand/nutrilite/img_teamNutri_subCont02_icon08_on.png);} .amway-theme .teamNutri .sports_player li.shorttrack::after {background-image: url(/_ui/responsive/theme-blue/images/akl_brand/nutrilite/img_teamNutri_subCont02_icon20_on.png);} .amway-theme .teamNutri .sports_player_title {font-size: 24px; font-weight: bold; line-height: 1.5; letter-spacing: -1.2px; color: #111; margin-bottom: 16px;} .amway-theme .teamNutri .sports_player + .sports_player_title {margin-top: 20px;} /* E : 20250515 ASB-12624 추가 */ /* E : 20250509 ASB-12624 수정 */ /* 이미지 영역 TBD 작업 - 추후 삭제 필요 */ /* .akl.new-v2 .newHome.nNutrilite.renew2106 .nBgProgram:nth-child(3)::after {content: "TBD"; display: flex; align-items: center; justify-content: center; width: calc(100% - 20px); aspect-ratio: 16 / 15; position: absolute; top: 10px; left: 50%; transform: translateX(-50%); background: rgba(0, 0, 0, .2); font-size: 26px; color: #111;} */ /* 20250515 ASB-12624 삭제 */ @media (max-width: 768px) { .akl.new-v2 .title-renewal {padding: 12px 0 0; margin-bottom: 0 !important; max-width: calc(100% - 50px);} .akl.new-v2 .title-renewal .title-h2 {letter-spacing: -1.2px; line-height: 1.5;} .akl.new-v2 .outer-border-bottom:has(.tab-renewal) {margin-top: 20px;} .akl.new-v2 .outer-border-bottom:has(.tab-renewal)::before {padding: 0; width: calc(100% + 30px);} .akl.new-v2 .tabWrapper.tab-renewal {margin-left: -15px; margin-right: -15px;} .akl.new-v2 .tabWrapper.tab-renewal .tabs-toggles {width: 100%; white-space: nowrap;} .akl.new-v2 .tabWrapper.tab-renewal .tabs-toggles .tab-toggle-wrap {margin-bottom: 1px !important; width: 100%;} .akl.new-v2 .tabWrapper.tab-renewal .tabs-toggles .tab-toggle-wrap .tab-toggle {padding: 14px 16px;} .akl.new-v2 .tabWrapper.tab-renewal .tabs-toggles .tab-toggle-wrap.active {border-bottom: 0;} .akl.new-v2 .tabWrapper.tab-renewal .tabs-toggles .tab-toggle-wrap.active::before {top: initial; bottom: 0; z-index: 1; border-radius: 3px;} /* S : 20250509 ASB-12624 수정 */ .amway-theme .teamNutri .sports_player {column-gap: 0;} .amway-theme .teamNutri .sports_player li {flex: 0 1 49%; margin-right: .5%;} /* S : 20250515 ASB-12624 추가 */ .amway-theme .teamNutri .sports_player li::after {width: 40px; height: 40px; background-size: 40px auto; top: 7px; left: 7px;} /* 20250520 ASB-12624 수정 */ .amway-theme .teamNutri .sports_player_title {font-size: 20px; letter-spacing: -1px; margin-bottom: 12px;} .amway-theme .teamNutri .sports_player + .sports_player_title {margin-top: 48px;} /* E : 20250515 ASB-12624 추가 */ .amway-theme .teamNutri .sports_player li img {margin-right: -20px; padding-top: 10px;} /* 20250520 ASB-12624 추가 */ /* E : 20250509 ASB-12624 수정 */ /* 이미지 영역 TBD 작업 - 추후 삭제 필요 */ /* .akl.new-v2 .newHome.nNutrilite.renew2106 .nBgProgram:nth-child(3)::after {height: 138px; aspect-ratio: initial;} */ /* 20250515 ASB-12624 삭제 */ } /* E : 20250502 ASB-12624 팀뉴트리라이트 홈페이지 리뉴얼 */ /* S : 20250512 공통 스타일 */ .akl .container_child_cont {margin:0 -12px;} /* 서브 타이틀, 짧은 설명 스타일 */ .akl .sub_cont_wrap {} .akl .sub_cont_wrap .sub_title {color:#111; font-size:20px; font-weight:600; line-height:1.5; text-align:left; padding:0; margin:0 0 16px;} .akl .sub_cont_wrap .sub_title ~ .sub_title {margin-top:60px;} .akl .sub_cont_wrap .sub_desc {color:#111; font-size:16px; font-weight:400; line-height:1.63; padding:0; margin:0;} .akl .sub_cont_wrap .sub_desc + .sub_desc {margin-top:8px;} /* 20250515 ASB-12604 - 추가 */ .akl .sub_cont_wrap .sub_desc_list {} .akl .sub_cont_wrap .sub_desc_list .sub_desc_list_item {position:relative; color:#111; font-size:16px; font-weight:400; line-height:1.63; padding:0 0 0 11px; margin:0;} .akl .sub_cont_wrap .sub_desc_list .sub_desc_list_item::before {content:""; position:absolute; left:0; top:12px; display:block; width:3px; height:3px; background-color:#111; border-radius:100%;} .akl .sub_cont_wrap .sub_desc_list .sub_desc_list_item ~ .sub_desc_list_item {margin-top:8px;} /* S : 20250515 ASB-12604 - 추가 */ .akl .sub_cont_wrap .sub_desc_s {color:#666; font-size:14px; font-weight:400; line-height:1.75; margin:16px 0 0;} .akl .sub_cont_wrap .sub_desc_s.blue {color:#567bf3;} /* E : 20250515 ASB-12604 - 추가 */ @media (max-width: 1420px) { .akl .container_child_cont {padding:0 20px; margin:0;} } @media (max-width: 768px) { .akl .container_child_cont {padding:0;} .akl .container_child_cont .title-h2 + div {margin-top:32px !important;} /* 서브 타이틀, 짧은 설명 스타일 */ .akl .sub_cont_wrap .sub_title {font-size:18px; padding:0; margin:0 0 12px;} .akl .sub_cont_wrap .sub_title ~ .sub_title {margin-top:40px;} .akl .sub_cont_wrap .sub_desc {font-size:14px; line-height:1.75;} .akl .sub_cont_wrap .sub_desc + .sub_desc {margin-top:4px;} /* 20250515 ASB-12604 - 추가 */ .akl .sub_cont_wrap .sub_desc_list .sub_desc_list_item {font-size:14px;} .akl .sub_cont_wrap .sub_desc_list .sub_desc_list_item::before {top:9px;} .akl .sub_cont_wrap .sub_desc_list .sub_desc_list_item ~ .sub_desc_list_item {margin-top:4px;} .akl .sub_cont_wrap .sub_desc_s {font-size:12px; line-height:1.7; margin-top:12px;} /* 20250515 ASB-12604 - 추가 */ } /* E : 20250512 공통 스타일 */