/** --------------------------------------------------------- * Version : AKL Hybris UIUX 1.0 * @ 파일 : akl-customer.css * @ 구분 : * --------------------------------------------------------- */ /*** 암웨이 비즈니스 센터 ***/ .akl .order-history-account-section-content .account-orderhistory{margin-top:23px;} .akl .shop-finder-container .mb25 {margin-bottom: 0;} .akl .shop-finder-container .account-section-content {margin-bottom: 0;} .akl .shop-finder-container .business-page-accordion#business-page-accordion {padding-left: 0; padding-top: 0;} .akl .shop-finder-container .business-page-accordion#business-page-accordion .panel .panel-heading {padding-left: 0;text-transform: uppercase;} .akl .shop-finder-container .business-page-accordion#business-page-accordion .panel .panel-heading .shop-finder-position {padding: 30px 0 0 0;} .akl .shop-finder-container .shop-finder-title-area {padding: 0 0 0 40px;position: relative;} .akl .shop-finder-container .shop-finder-title-area span { font-size: 16px;color: #55565a;text-transform: initial;} .akl .shop-finder-container .business-page-accordion#business-page-accordion .panel .panel-heading .shop-finder-position .shop-finder-title-area img { position: absolute;left: 0; width:20px; height:20px} .akl .shop-finder-container .business-page-accordion#business-page-accordion .panel .panel-collapse {padding: 0 0 30px 0;} .akl .shop-finder-container .business-page-accordion#business-page-accordion .panel .panel-collapse .get-direction {padding-left: 40px;} .akl .shop-finder-container .business-page-accordion#business-page-accordion .panel .panel-collapse .shop-finder-collapse-wrapper {padding: 0 40px;position: relative;} .akl .shop-finder-container .business-page-accordion#business-page-accordion .panel .panel-collapse .shop-finder-collapse-wrapper img {position: absolute;left: 0; width:20px; height:20px} .akl .shop-finder-container .business-page-accordion#business-page-accordion .panel .panel-collapse .shop-finder-collapse-wrapper .get-direction {display: block;padding-top: 30px;} .akl .shop-finder-container .business-page-accordion#business-page-accordion .panel .panel-collapse .shop-finder-wrapper-top {padding-top: 30px;} .akl .shop-finder-container .shop-finder-main-content .shop-finder-main-content-body-area .shop-finder-main-content-body-area-right {padding-top: 20px;padding-bottom: 20px;} .akl .shop-finder-container .shop-finder-main-content .shop-finder-main-content-body-area .shop-finder-main-content-body-area-right .shop-finder-map {width: 100%;} .akl .shop-finder-container .order-history-container .order-history-search-wrapper .form-wrapper form button{ } .akl .shop-finder-main-content-body-area-left { padding-left: 0;} .akl .shop-finder-main-content-body-area-right { padding-right: 0; margin-top:-79px;} .akl .shop-finder-main-content-body-area #business-page-accordion {padding: 20px 0;} .akl .shop-finder-main-content .tab-pane { margin-top: 10px; } .shop-finder-container .shop-finder-main-content .shop-finder-main-content-body-area .shop-finder-main-content-body-area-left .QA-container {height:680px;} .akl .tab-content .shop-finder-main-content-body-area {min-height:680px; } .akl .shop-finder-main-content-body-area p {position:relative; height:680px; background:#f0f0f0 } .akl .shop-finder-main-content-body-area .no-map span{ position: absolute; left:50%; top:50%; padding-top:85px; text-align:center; transform: translate(-50%,-50%); font-size:14px; background: url("../images/akl_common/ico_nomap.png") no-repeat 50% 0; } .akl .shop-finder-main-content-body-area .no-map.no-img span { background: url("../images/akl_common/ico_noimg.png") no-repeat 50% 0; } .akl .shop-finder-container #business-page-accordion .panel-title .accordion-header-text{font-size: 18px; display: block; font-weight:500; padding: 30px 0 10px} .akl .shop-finder-container #business-page-accordion .panel-title div { padding: 23px 0; position: relative; } .akl .shop-finder-container #business-page-accordion .panel-title div span {font-size: 18px} .akl .shop-finder-container #business-page-accordion .panel-title div.collapsed span.indicator:after {position:absolute; top: 15px; right: 0} .akl .shop-finder-container #business-page-accordion {font-size: 14px;font-family:'Noto Sans KR', sans-serif} .shop-finder-container .shop-finder-main-content .shop-finder-main-content-body-area {padding: 0;} .akl .shop-finder-container .business-page-accordion#business-page-accordion .panel .panel-collapse .shop-finder-wrapper-top:first-child {padding-top:10px; } .akl .shop-finder-container .business-page-accordion#business-page-accordion .panel .panel-collapse { padding-left:5px;} .akl .shop-finder-container .business-page-accordion#business-page-accordion .panel .panel-heading .shop-finder-position {padding:10px 0 30px!important;} .akl .business-page-accordion .icon-minus { margin-top: -35px;} .akl .shop-finder-container .shop-finder-main-content .shop-finder-main-content-title-area .shop-finder-main-content-title {color: #002F5F; font-weight:700; font-size:18px; padding-top:30px;letter-spacing:-2px } .akl .shop-finder-container .shop-finder-main-content .shop-finder-main-content-body-area .shop-finder-main-content-body-area-left .QA-container {top: 15px; overflow-y: auto; position: relative;} .akl .shop-finder-container .business-page-accordion#business-page-accordion .panel .panel-heading .shop-finder-position .shop-finder-title-area span {font-size: 14px; } .akl .order-history-container .order-history-search-wrapper .form-wrapper select.form-control.width185 { margin-right:5px;} .akl .order-history-container .order-history-search-wrapper .form-wrapper select.form-control.width185 + button { vertical-align:top !important;} .check-area { display: none} .map-list .wrapper { position: relative; left:0; top:0;width: 100%; height:680px;} .map-list .wrapper img { width: 100%} .akl .shop-finder-container .owl-carousel {padding:0} .akl .shop-finder-container .owl-carousel .owl-dots {width:100%; left:0; right:0; text-align:center; margin-top:-50px;} .akl .shop-finder-container .owl-carousel .owl-dots .owl-dot span { opacity:0.9; background: #fff;} .akl .shop-finder-container .owl-carousel .owl-dots .owl-dot.active span { opacity:0.6; background: #685d52;} .akl .shop-finder-container .owl-carousel .owl-nav .owl-prev {left:10px;} .akl .shop-finder-container .owl-carousel .owl-nav .owl-next {right:10px;} /* 암웨이소식 공통 */ .customer-area .title-box .product-list-page-title { margin-top:0} .akl .announcement-search-result {font-size:14px;font-weight:400;letter-spacing:-1px;padding:37px 0 0; } .akl .customer-wrap .announcement-search-result { padding-top:10px; } /*20190131 추가*/ .akl .announcement-search-result strong {font-size:14px;font-weight:700;color:#002f5e;} .customer-top { overflow:hidden; padding-bottom:20px;} .customer-top .announcement-search-result { float:left; margin-top:0; padding-top:0} /* 공지사항 */ .akl .customer-wrap p, .akl .customer-wrap li, .akl .customer-wrap dl, .akl .customer-wrap table{word-break:keep-all} /* 190220_추가 게시판 문장 단어단위 줄바꿈 */ .customer-area {padding:0;} .customer-wrap {clear:both;display:block;padding:5px 0 0}/*20190131 수정*/ .customer-wrap .outer-border-bottom { margin-bottom:20px; } /*20190131 수정*/ .my-count-page-wrap {padding:0;} /* .akl .order-history-container .order-history-search-wrapper .form-wrapper.search-form-wrapper {text-align:left;} .akl .order-history-container .order-history-search-wrapper .form-wrapper .cuton-sel { text-align: right;} */ .customer-area .order-history-container .order-history-search-wrapper .form-wrapper {padding: 20px 0 0} .page-title.customer span {padding:0 0 0 0;} .customer-area .title-box .product-list-page-title h1 {padding:0;} .order-history-search-wrapper + .content-block { margin-top:30px} /* 공지사항 > tab */ .akl .customer-wrap .amway-theme .tabs-toggles .tab-toggle-wrap .tab-toggle {min-width:unset;}/*20190131 수정*/ .akl .customer-wrap .outer-border-bottom .tabs-toggles .tab-toggle-wrap {min-width:unset;}/*20190131 수정*/ /* 공지사항 > 필터,검색 */ .cuton-form-wrapper .form-s {margin-bottom:0;} .cuton-sel select {font-size:14px;font-weight:400;letter-spacing:-1px;color:#002f5f;} .akl .customer-wrap .order-history-search-wrapper .cuton-form-wrapper button {font-size:14px;} .akl .customer-wrap .toggle-buttons-container.cutomer {display:none} .akl .customer-wrap .toggle-buttons-container.cutomer button span {color:#0075a4;} .akl .customer-wrap .order-history-container .order-history-search-wrapper .form-wrapper.search-form-wrapper input[type="text"] {margin-bottom:0;} .akl .customer-wrap .order-history-container .order-history-search-wrapper .form-wrapper.search-form-wrapper input[type="text"].input-st{width:270px; margin-right:8px;} .akl .customer-wrap .order-history-search-wrapper.search-filter {overflow:hidden;} .akl .customer-wrap .order-history-search-wrapper.search-filter .new-select.form-wrapper {float:right; text-align:right;} .akl .customer-wrap .order-history-search-wrapper.search-filter .new-select select {margin:0 !important;} /* 공지사항 > 목록 */ .akl .bod-customer {padding:5px 0 0}/*20190131 수정*/ .akl .bod-customer .search-no-result {border-top: 1px solid #e3e3e3;border-bottom: 1px solid #e3e3e3; padding:70px 0; clear:both;} .akl .bod-customer .content-list .con-list-item > div {font-size:14px;font-weight:400;letter-spacing:-0.05em;} .akl .list-row-title div.cuo-num {width:10%; } .akl .list-row-title div.cuo-subje {width:42%; } .akl .list-row-title div.cuo-cate {width:15%; } .akl .list-row-title div.cuo-autho {width:15%; } .akl .list-row-title div.cuo-date {width:18%; } .akl .con-list-item div.cuo-num {width:10%; text-align:center} .akl .con-list-item div.cuo-subje {width:42%;padding:0 20px;} .akl .con-list-item div.cuo-cate {width:15%; text-align:center} .akl .con-list-item div.cuo-autho {width:15%; text-align:center} .akl .con-list-item div.cuo-date {width:18%; text-align:center} .akl .con-list-item div.cuo-subje a {color:#56565a; font-weight:500; word-break: keep-all;} /* 190218_수정 단어 단위 떨어트리기 */ .akl .con-list-item div.cuo-subje a:hover {color:#0075a4;} /* 공지사항 > 상세보기 */ .customer-wrap.amway-theme .bod-view-head { padding-bottom:30px } .customer-wrap.amway-theme .bod-view-head h2 { margin:25px 0 10px} .board-details { margin-top: -3px;} .akl .btn-page-list { position:relative; font-size:14px; font-weight:500; padding:0 0 0 18px!important; letter-spacing:0; display:inline-block; color: #0075a4; } .akl .btn-page-list:before {content: '\ea4d';position: absolute;left: 0;top: -2px; font-family: 'AmwayIcons'!important;font-size: 18px;} .bod-view-head {position: relative;margin-top:20px;border-top:1px solid #e3e3e3;padding:0 0 3px;}/*20190131 수정*/ .bod-view-head h2.head-title {font-size:22px;color:#002f5f;letter-spacing:-2px;line-height:1.5;text-align:left;font-weight: 500; margin-top:8px;margin-bottom:10px;padding-left:0; padding-right:0; word-break:keep-all} /* 190218_수정 게시판 형식 제목 단어 단위 줄바꿈 처리 및 폰트 사이즈 조정 */ .bod-view-head .head-txt-box {display:block; margin-top:5px; margin-bottom:10px} .bod-view-head .head-txt-box span {display:inline-block;margin-right:25px;font-size:14px;font-weight:400;letter-spacing:-1px;} .bod-view-head .head-txt-box span:last-child {margin-right:0;} .bod-view-body { position:relative; padding:10px 0 15px; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3}/*20190131 수정*/ .bod-view-body .top_feature-area {float:none;position:static !important;text-align:right} .bod-view-body .top_feature-area .feature-list {display:inline-flex} .bod-view-body .board-bottom-info {margin:40px 0 0} .bod-view-body .board-bottom-info > .list-type2 {margin-top:20px;} .bod-view-info {} .akl .bod-view-body .plp-item-label-wrap {top:70px; left:0;} .bod-view-sns {position:relative;float:right;z-index:5} .bod-view-sns > div {display:inline-block;margin-left:8px} .bod-view-sns > div:last-child {margin-right:0;} .bod-view-sns > div img {width:25px;height:auto;} .bod-view-sns > div.url-copy .url_pop {top:32px} .bod-view-sns .kakaotalk {display:none;} .bod-view-txt {clear:both; display:block; padding:25px 0 0} /* 190220_수정 단어단위 줄바꿈 관련 글자단위 줄바꿈 적용 안되도록 삭제 */ .bod-correction-guide {clear:both;display:block;margin-top:30px} .bod-correction-guide p.txt-tit {font-size:16px;font-weight:500;letter-spacing:-1px;margin:0 0;} .bod-view-thumnail {position:relative; margin:10px auto 0; text-align:center; padding:0 0 20px;} .bod-view-thumnail .img>img {width:auto; margin:0 auto} /* 20190124 추가 주문내역 상세 카카오톡 공유기능 추가를 위한 페이지 */ .myorder-sns .kakaotalk-copy .kakaotalk-order-sns { height: 30px; line-height: 30px; }/*0222 추가*/ .myorder-sns .kakaotalk-copy .cart-popup-area { background: #79797c; } .myorder-sns .kakaotalk-copy .cart-popup-area .cart-popup-area {background:#56565a;} .myorder-sns .kakaotalk-copy .pop-area-body:after {border-bottom:10px solid #79797c;} .myorder-sns .kakaotalk-copy .cart-popup-area .cart-popup-area .pop-area-body:after {border-bottom:10px solid #56565a; left:82px;} .myorder-sns .kakaotalk-copy #shareSns .myorder-sns .cart-popup-area { background: initial; } .myorder-sns .kakaotalk-copy #shareSns .myorder-sns .pop-area-body:after {border-bottom:10px solid #79797c;} .myorder-sns .kakaotalk-copy .share-sns-btns .url_pop {top:40px;}/*0222 수정*/ .myorder-sns .kakaotalk-copy .url_pop {top:40px} /*0222 수정*/ .myorder-sns .kakaotalk-copy .pop-area-body:after { left:172px; } .myorder-sns .kakaotalk-copy .bod-view-sns { float:none; } .myorder-sns .kakaotalk-copy .pop-area-body p { padding-top:10px; padding-right:10px;} .myorder-sns .kakaotalk-copy .share-sns-btns { text-align:center; top:0; padding-top:5px !important;} .myorder-sns .kakaotalk-copy .pop-area-body [type="checkbox"]+label { color:#fff; margin-right:10px;} .myorder-sns .kakaotalk-copy .share-sns-btns a img { width:30px;height:30px; } .myorder-sns .kakaotalk-copy .share-sns-btns a.cart-popup-close img { width:12px;height:12px; } .myorder-sns .kakaotalk-copy .bod-view-sns div { margin-left:initial; } .myorder-sns .kakaotalk-copy .bod-view-sns .url_pop .pop-area-body{ padding-left:20px; } .myorder-sns .kakaotalk-copy .bod-view-sns div.print { margin-left:0; } @media (max-width: 768px){ .myorder-sns .kakaotalk-copy .bod-view-sns div.url-copy { margin-left:0; } .title-box.order .myorder-sns .kakaotalk-copy .kakaotalk { display: inline-block; } } .akl .list-row-title div.corr-prev {width:40%;padding-left:20px;} .akl .list-row-title div.corr-next {width:40%;padding-left:20px;} .akl .list-row-title div.corr-remarks {width:20%;padding-left:20px;} .akl .con-list-item div.corr-prev {width:40%;padding-left:20px;} .akl .con-list-item div.corr-next {width:40%;padding-left:20px;} .akl .con-list-item div.corr-remarks {width:20%;padding-left:20px;} .prev-bod-confirm {clear:both;display:block;padding:10px 0} /* 공지사항 읽기 화면 */ .easy-wrap {margin-top:0;} .easy-wrap .customer-wrap {padding:0 30px;} .easy-wrap h1 img{ height:45px} .bod-view-info {border-top:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3;padding:30px 0;margin:40px 0 0} .container-custom {width:100%;height:110px;background:url(../images/akl_common/bg_gray.png) repeat-x left bottom;text-align:center;margin-bottom:30px} .container-custom h1 {margin:0 auto;text-align:center;padding:20px 0 0} /* 뉴스룸 > 목록 */ .akl .list-row-title div.news-num {width:12%; } .akl .list-row-title div.news-subje {width:73%;padding-left:20px;} .akl .list-row-title div.news-date {width:15%; } .akl .content-list .con-list-item div.news-num {width:12%; text-align:center} .akl .content-list .con-list-item div.news-subje {width:73%;padding:0 20px;} .akl .content-list .con-list-item div.news-date {width:15%; text-align:center} .akl .con-list-item div.news-subje a {color:#56565a;word-break:keep-all} /* 190219_수정 뉴스룸 리스트 제목 단어단위 줄바꿈 */ .akl .con-list-item div.news-subje a:hover {color:#0075a4} /* 사회공헌뉴스 */ .akl .new-social-list {margin:0 -10px;padding:0 0;} .akl .new-social-list .option-item-container {padding:10px;height:auto;} .akl .thumnail-box {position:relative; overflow:hidden; width:100%;} .akl .thumnail-box .featured-product__thumnail {position:absolut; top:0; left:0; width:100%; margin:0 0;} .akl .new-social-list .option-item-container > a {position:relative; display:block; padding-top:56.25%;} /* 190211_수정 프로모션 리스트 배너 이미지 하단 잘리는 문제 수정 */ .akl .new-social-list .thumnail-box {position:absolute; z-index:-1; top:0; left:0; width:100%; height:auto; max-height:250px;} .akl .new-social-list .thumnail-box .featured-product__thumnail {max-width:none; height:auto;} .akl .news-result-item-text {display:block;min-height: 130px;padding:15px 20px 0;background-color: #F4F4F4;cursor: pointer;letter-spacing:-0.05em;} .akl .news-result-item-text .featured-product__title {font-size:16px;margin-bottom: 10px;font-weight:500;line-height:24px;margin:0 0;height:50px;word-break:keep-all;overflow: hidden;color:#002f5f;} /* 190218_수정 단어단위 떨어뜨리기 */ .akl .news-result-item-text .featured-product__title:hover {color:#0075a4;} .akl .news-result-item-text .featured-product__title strong {font-weight:500;} .akl .news-result-item-text .featured-product__subtitle {font-size:14px;font-weight:400;color:#56565a;margin:0 0;padding:5px 0 0} .btn-more-pagination {clear:both;display:block;text-align:center;margin:0 auto;padding:20px 0;} .btn-more-pagination .text-btn {font-size:14px;font-weight:500;letter-spacing:-1px;} .press-releases {padding:10px 0 0;width:100%;height:auto;word-break:break-all;} /* 신제품 > 목록 */ .akl .new-product-txt {word-break:keep-all} /* 190220_수정 신제품 리스트 단어단위 줄바꿈 */ .new-product-head {display:table;width:100%;margin:0 0;padding:0px 0 5px;box-sizing: border-box;table-layout:fixed}/*2019.02.21*/ .new-product-head .announcement-search-result {display:table-cell;width:50%;padding:0 0;margin:0;vertical-align:middle;box-sizing: border-box;} .new-product-head .cuton-sel {display:table-cell;width:50%;text-align:right;vertical-align:middle;box-sizing: border-box;} .new-product-head .cuton-sel label {font-size:14px;font-weight:500;padding-right:10px;letter-spacing:-0.05em;} /* 신제품 > 상세보기 */ .bod-view-txt .wcms-content {margin:0;padding:30px 0;overflow:hidden; border-bottom:0px solid #d3d3d3;} .bod-view-body + .new-product-box {margin-top:20px;} /*2019.02.21*/ .new-product-box h3 {font-size:32px;font-weight:700;letter-spacing:-2px;text-align:center;color:#002f5f;padding:0} .product-item-header div.new-all-ceek {width:5%;text-align:center;} .product-item-header div.new-all-ceek label{ margin-bottom:0; margin-top:2px} .product-item-header div.shop-pro-prod {width:55%;} .product-item-header div.shop-pro-price {width:14%;} .product-item-header div.shop-pro-pvbv {width:14%;} .product-item-header div.shop-pro-btn {width:12%;text-align:center;} .new-product-box .product-item-list li {border-bottom:0 none;border-top:1px solid #e3e3e3;} .new-product-box .product-item-list li:first-child {border-top:0 none;} .new-product-box .product-item-list li>div {text-align:center;} .product-item-list div.new-all-ceek {width:5%;} .product-item-list div.shop-pro-prod {width:55%;} .product-item-list div.shop-pro-price {width:14%;padding:0;} .product-item-list div.shop-pro-pvbv {width:14%;padding:0;} .product-item-list div.shop-pro-btn {width:12%;} .product-item-list div.new-all-ceek, .product-item-list div.shop-pro-prod, .product-item-list div.shop-pro-price, .product-item-list div.shop-pro-pvbv, .product-item-list div.shop-pro-btn {display:table-cell;vertical-align:middle;box-sizing: border-box;} .product-item-list div.shop-pro-prod .list-item-info {vertical-align:middle;} .product-item-list div.shop-pro-btn button.bt-akl-blue.mini {line-height:1px;} .new-sle-top {padding:5px 0 10px}/*2019.02.21*/ .akl .new-sle-top .link-btn{margin-top:0;}/*2019.02.21*/ /* 암웨이소식 > 프로모션 */ .promotion-top { margin-top:10px; margin-bottom:5px}/*2019.02.21*/ .promotion-top:after {content:""; clear:both; display:block;} .promotion-top .announcement-search-result { float:left;padding: 17px 0 0;} .promotion-top .cuton-sel { float:right;} .promotion-top .cuton-sel label { margin-right:15px;} .akl .new-social-list .plp-item-label-wrap {left:0; top:0; padding:10px;} .akl .new-social-list .plp-item-label:nth-of-type(1) {padding-left:14px;} .akl .new-social-list .plp-item-label.bg-navy:after {width:12px; height:25px; right:-10px; background:none; border-style: solid; border-width: 25px 7px 0 0; border-color: #002f5f transparent transparent transparent;} .akl .new-social-list .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;} .akl .promotion-list01 li{word-break:keep-all} /* 190220_추가 프로모션 등 단어단위 줄바꿈 */ /* 일시품절/해지/단종 */ /* 이미지 사이즈 고정 : 2018.11.21 (akl_shop.css 이동) .title-box .product-list-page-title h1.extin {font-size:32px !important;font-weight:700 !important;letter-spacing:-2px;} .termin-extin {clear:both;display:block;margin-top:20px} .extinction-top:after { content:""; clear:both;; display:block;} .customer-area .extinction-top .order-history-container .order-history-search-wrapper .form-wrapper {padding:6px 0 0;} .customer-area .order-history-container .order-history-search-wrapper .form-wrapper { padding:0;} .akl .extinction-list {margin-top:20px;margin-left:-12px;} .akl .extinction-list .product__list--item {margin-bottom:38px;} .akl .extinction-list .product-list__item {height:630px;} .akl .extinction-list .product-list__item-detail {margin-top:35px} .akl .extinction-list .product-list__item-content {height:535px;} .akl .extinction-list .product-list__item-link {background:#f4f4f4;height:93px;} .akl .extinction-list .duedate {display:block;padding:10px 19px 0;} .akl .extinction-list .duedate li.date-tit {font-size:14px;font-weight:500;letter-spacing:-1px;} .akl .extinction-list .duedate li.date-tit span {display:inline-block;font-weight:400;} .akl .extinction-list .duedate li.date-txt {font-size:13px;font-weight:400;color:#808285;line-height:18px;padding:5px 0 0;letter-spacing:-1px;word-break:break-all;} */ #show-more .text-wrap {font-family:'Noto Sans KR', sans-serif;;letter-spacing:-0.05em;font-weight:500;font-size:14px;} /* 온라인 고객센터 > 자주 묻는 질문(faq) */ .title-h2 + .outer-border-bottom{ margin-top:40px} .akl-toggle-wrap + .paging {margin-top:30px} .outer-border-bottom + .customer-conts{ margin-top:32px} .customer-form-wrapper {margin:25px 0 40px; overflow: hidden} .customer-form-wrapper p label{ margin-bottom: 0} .customer-form-wrapper .cote-s { float:left} .customer-form-wrapper .cote-s select.form-control { max-width:200px; margin-right:8px; color:#002f5f; font-weight:500 } .customer-form-wrapper .form-s { float:right} .akl-faq-wrap * {font-size:14px;} .akl-faq-wrap .akl-faq-imgwrap { text-align:center; margin-bottom: 20px;} .akl-faq-wrap .akl-faq-imgwrap img{ max-width:902px; width:100%; border:1px solid #dadada } .akl-faq-wrap h3 { font-size:14px; margin-bottom:15px} .akl-faq-wrap ol { margin-bottom:15px} .akl-faq-wrap ol li { text-indent:-18px; padding-left:18px; font-size:14px;} .akl-faq-wrap ol li p.list-type1 {text-indent:0} .akl-faq-wrap ol li a{ color:#0075a4; font-weight:500} .akl-faq-wrap ol li .list-type5 li{text-indent:0; padding-left:10px;} .akl-faq-wrap ol .txt-italic{ text-indent:0; margin-bottom:0} .akl-faq-wrap ol + .txt-italic {margin-top:-10px !important} .akl-faq-wrap ol + .list-type2 {margin-top:-10px !important} .akl-faq-wrap ol + .link-btn {margin-top:-5px} .panel-body .answer { position:relative; border-top:1px solid #dadada; padding:40px 0 0 10px; margin-top:40px; font-size:14px; } .panel-body .answer:before {content:""; position:absolute; width:3px; height:3px; background:#56565a;left:0; top:49px;font-size:14px;} .panel-body .answer a{ color:#0075a4; font-weight:500} .akl-faq-wrap .faq-link{ margin-top:5px} .akl-faq-wrap .faq-link a {display:inline-block; position:relative; padding-right:12px} .akl-faq-wrap .faq-link a:before{content: '\e258'; position:absolute; right:0; top:1px; width:10px; height:10px;font-family: 'Glyphicons Halflings'!important;} .akl-faq-wrap .faq-dl dt{ margin-bottom:5px; font-weight:400} .akl-faq-wrap .faq-dl dt strong{ font-weight:500} .akl-faq-wrap .faq-ollist li { text-indent:-18px; padding-left:18px;} .akl-faq-wrap .faq-ollist.case02 li { text-indent:-15px; padding-left:15px;} .akl-faq-wrap .faq-ollist li .list-type5 li, .akl-faq-wrap .faq-ollist.case02 li .list-type5 li { text-indent:0; padding-left:12px;} .akl-faq-wrap .faq-ollist .tit{ display:block;} .akl-faq-wrap .faq-ollist .text{ display:block; padding-left: 15px;} .akl-faq-wrap ol + ol,.akl-faq-wrap ul + ol,.akl-faq-wrap ol + ul,.akl-faq-wrap ul + ul,.akl-faq-wrap dl + ul,.akl-faq-wrap dl + ol,.akl-faq-wrap p + dl ,.akl-faq-wrap p + ol,.akl-faq-wrap p + ul { margin-top:15px;} .akl-faq-wrap sup { font-size:10px; margin-right: 2px} .akl-faq-wrap .faq-ollist li .txt-italic { text-indent: 0} .akl-faq-wrap p + dl{margin-top: 35px;} .akl-faq-wrap dt{font-size:16px;font-weight:500; margin-bottom:5px} .akl-faq-wrap dd{ margin-bottom:30px} .akl-faq-wrap dd ol li p{padding-left:18px;} .akl-faq-wrap dd ol li p + .txt-italic{margin-top:-7px;} .akl-faq-wrap dl.dl-num dd{padding-left:18px;} .akl-faq-wrap ul + .txt-italic, .akl-faq-wrap ol + .txt-italic {margin-top:-5px} .akl-faq-wrap li ul + .txt-italic, .akl-faq-wrap li ol + .txt-italic {margin-bottom:5px} .akl-faq-wrap strong + ul, .akl-faq-wrap strong + ol {margin-top:5px} .akl-faq-wrap .list-type5 + .list-type2 {margin-top:0} .akl .akl-faq-wrap .tblList02 {margin-top:20px} .akl .akl-faq-wrap .tblList02 tbody tr td{padding-left:10px;padding-right:10px} .akl .akl-faq-wrap .tblList02 tbody tr td.line{border-left: 1px solid #e3e3e3;} .akl .amway-theme .akl-faq-wrap .table-wrapper.faq {margin:15px 0 10px} .akl .amway-theme .akl-faq-wrap .table-wrapper.faq .tbl-type1 th{padding:10px 20px; } .akl .amway-theme .akl-faq-wrap .table-wrapper.faq .tbl-type1 td{padding:10px 20px; background:#fff} .akl .amway-theme .akl-faq-wrap .table-wrapper.faq .tbl-type1 td p.txt-italic{margin-bottom: 0} .akl-faq-wrap .akl-faq-imgwrap02 {background:#f4f4f4; padding:40px 10px; text-align:center;} .akl-faq-wrap dd > .akl-faq-imgwrap02 {margin-top:15px;} .akl-faq-wrap .akl-faq-imgwrap02 img{max-width:1280px;} .akl-faq-wrap .list-type5 .akl-faq-imgwrap02 {margin:10px 0 10px -10px;} .akl-faq-wrap .akl-faq-imgwrap03 { padding:40px 10px; text-align:center;border:1px solid #dadada;margin-top:10px; } .akl-faq-wrap .akl-faq-imgwrap03 p{font-weight:500;color:#002f5f;font-size:24px; } .akl-faq-wrap .akl-faq-imgwrap03 div{margin:0 auto 60px;border-bottom:1px solid #dadada;padding:60px 0; max-width:900px;text-align:center;} .akl-faq-wrap .akl-faq-imgwrap03 div:last-child{margin:0 auto ;border-bottom:0;} /* 2019.04.17 추가 정기주문 스마트 오더 프로그램 주문방법*/ .regular-smart-order { text-align:center; } .regular-smart-order .pc div {border:4px solid #2a507d;padding:37px 0 37px 0;margin-bottom:20px;} .regular-smart-order .pc div.sOrder {border-color:#20893d;} .regular-smart-order .mob div { border:4px solid #2a507d;padding:40px 20px 30px 20px;} .regular-smart-order .mob .sOrder { border-color:#20893d; margin-top:20px; } .regular-smart-order .mob img { width:37%;min-width:104px;max-width:209px; } /* 온라인 고객센터 > 이메일 문의 */ .faq-login-guide { padding:0 0 18px;} .faq-login-guide p:first-child{color:#002f5f; font-weight:500; padding-bottom:5px} .faq-login-guide p a {color:#0075a4; font-weight:500} .customer-conts p.realc + .akl-toggle-wrap{ margin-top:32px} .email-inquiry * { font-size:14px;} .email-inquiry textarea { width:100%;border: solid 1px #dadada; min-height: 145px; } .email-inquiry a {color:#0075a4; font-weight:500} .email-inquiry p { margin-bottom:4px} .email-inquiry label.bt-akl-white { cursor:pointer;} .email-inquiry .button-control {text-align:center;} .email-inquiry h3 { font-size:16px; margin:35px 0 25px } .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%;} .akl .list-content-email {clear:both; padding:10px 0 0; } .akl .list-content-email + .paging {margin-top:30px} .akl .list-content-email .list-email-title { background-color:#F4F4F4;padding:10px 0;display:table;width:100%;vertical-align:middle;table-layout:fixed;box-sizing:border-box;border-top:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;} .akl .list-content-email .list-email-title > div {text-align:center; display:table-cell;vertical-align:middle;box-sizing:border-box;font-size:13px;color:#002f5f;font-weight:500;} .akl .list-content-email .list-email-title .w01 { width:15%; padding:0 15px; } .akl .list-content-email .list-email-title .w02 { width:55%; padding:0 15px;} .akl .list-content-email .list-email-title .w03 { width:15%; padding:0 15px;} .akl .list-content-email .list-email-title .w04 { width:15%; padding:0 15px;} .akl .list-content-email .content-list-email li {padding: 18px 0; background:#fff;display:table; box-sizing:border-box; vertical-align:middle; width:100%; margin:0; border-top:none;} .akl .list-content-email .content-list-email .w01 { width:15%; padding:0 15px; float:left; text-align:center} .akl .list-content-email .content-list-email .w01 .txte-wrap {display:inline-block; float:none;} .akl .list-content-email .content-list-email .w02 { width:85%; float:left} .akl .list-content-email .content-list-email .w02 > div { overflow:hidden;} .akl .list-content-email .content-list-email .w02 .answer { margin-top:10px; } .akl .list-content-email .content-list-email .con-email-item:nth-child(even) {background:#f4f4f4;} .akl .list-content-email .content-list-email .txte-wrap {display:inline-block; float:left; font-size:14px; font-weight:400;line-height:22px; color:#56565a; letter-spacing:-0.05em; } .akl .list-content-email .content-list-email .txte-wrap:nth-of-type(1) {width:65%;} .akl .list-content-email .content-list-email .txte-wrap:nth-of-type(2) {width:17.5%; color:#808285;text-align:center} .akl .list-content-email .content-list-email .txte-wrap:nth-of-type(3) {width:17.5%;text-align:center} .akl .list-content-email .content-list-email .txte-wrap a {display:block; color:#56565a; font-weight:400; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; -moz-binding:url(/xe/ellipsis.xml#ellipsis)} .akl .list-content-email .content-list-email .txte-wrap a:hover {color:#0075a4;} .akl .list-content-email .content-list-email .txte-wrap .mob { display:none} .akl .list-content-email .content-list-email .answer .txte-wrap em{ display:inline-block; margin-right:20px; padding-left:20px; font-weight:500;color: #002f5f; background:url(../images/akl_common/ico_answer.png) no-repeat left 5px;} .email-view-head {position: relative;margin-top:20px; border-bottom:1px solid #e3e3e3; padding:0 0 27px;} .email-view-head h2.head-title {font-size:32px;color:#002f5f; line-height:40px; font-weight: 500 } .email-view-head .btb-box {display:block; position:absolute; right:0; top:10px; } .email-view-head .btb-box button.bt-akl-txt { padding: 0; min-width:40px;} .file-email-list li { color:#828282; margin-bottom:5px;} .ans-question {border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; padding:40px 0; margin:40px 0 40px} .ans-question .form-group { max-width:85%; } .ans-question .form-group .control-label { float:left; width:15%;color:#002f5f; font-weight:500} .ans-question .form-group .form-item-row { float:left; width:85%;} .answer-unregistered p { font-size:16px; font-weight:500} .answer-registration span{ color:#808285; font-size:13px; display:block;} .answer-registration .form-textarea { margin-top:40px} .answer-registration .button-control{ margin-top:20px} .add-inquiries-un { margin-top:40px; background:#f6f6f6; padding:40px} .add-question {border-bottom:1px solid #e3e3e3; padding-bottom:20px; margin-bottom:20px} .add-question p { padding-left:30px; font-weight:500; color:#002f5e;background:url(../images/akl_common/ico_que.png) no-repeat left 0;} .add-question span{ color:#808285; font-size:13px; display:block; padding-left:30px} .add-answer p { padding-left:30px; font-weight:500;background:url(../images/akl_common/ico_answer01.png) no-repeat left 0; } .add-answer span{ color:#808285; font-size:13px; display:block; padding-left:30px} /* 암웨이 브랜드 센터 */ .akl .customer-area p, .akl .customer-area li, .akl .customer-area dl, .akl .customer-area table{word-break:keep-all} /* 190220_추가 브랜드 센터 단어단위 줄바꿈 */ .blck {display:block} .customer-conts .title-h6.customer {color:#002f5f !important; font-size:18px} .customer-conts .center-photo {position:relative; padding-right:376px} .customer-conts .center-photo [class^="photo-wrap"] .photo {position:relative; padding-top:420px; overflow:hidden} .customer-conts .center-photo [class^="photo-wrap"] .photo img {position:absolute; top:0; left:0; right:0; bottom:0; min-width:100%; height:auto} .customer-conts .center-photo .photo-wrap02 .photo, .customer-conts .center-photo .photo-wrap03 .photo {padding-top:202px} .customer-conts .center-photo .photo-wrap02 .photo img, .customer-conts .center-photo .photo-wrap03 .photo img {height:100%} .customer-conts .center-photo .photo-wrap01 {width:100%;} .customer-conts .center-photo .photo-wrap01 .photo img {margin:auto 0} .customer-conts .center-photo .photo-wrap02 {position:absolute; right:0; top:0; width:360px;} .customer-conts .center-photo .photo-wrap03 {position:absolute; right:0; bottom:0; width:360px;} .customer-conts .center-program {margin-top:20px; padding:50px; background-color:#f6f6f6; font-size:0} .customer-conts .center-program li {width:33.33333%; vertical-align:top; padding:0 20px; text-align:center} .customer-conts .center-program li + li {border-left:1px solid #e3e3e3} .customer-conts .center-program li em {display:inline-block; width:120px; height:120px; padding-top:35px; border-radius:50%; font-size:16px; font-weight:400; color:#fff} .customer-conts .center-program li em .blck {margin-top:-2px} .customer-conts .center-program li:nth-child(1) em {background-color:#002f5f} .customer-conts .center-program li:nth-child(2) em {background-color:#e11e45} .customer-conts .center-program li:nth-child(3) em {background-color:#0da1dc; letter-spacing:-0.06em; padding-top:47px} .customer-conts .center-program li p {margin-top:20px; font-size:14px} .customer-conts .txt-defind01 dt {margin-top:20px; font-weight:500} .customer-conts .txt-defind01 dd {margin-top:3px} .customer-conts .shop-info {margin-top:20px;} .customer-conts .shop-info .panel-title {padding:16px 0 18px !important} .akl .customer-conts .shop-info .panel-title .text-uppercase.accordion-header-text {font-size:14px} .akl .customer-conts .shop-info .panel-heading+.panel-collapse>.panel-body{padding-bottom:40px} .customer-conts .shop-info .panel-body .col-md-12 {position:relative; min-height:300px; padding:40px 540px 40px 40px; background-color:#f6f6f6} .customer-conts .shop-info .panel-body .col-md-12 em {display:block; margin-top:10px; font-size:22px; color:#002f5f} .customer-conts .shop-info .panel-body .col-md-12 .color-blue {margin-top:5px; font-size:16px} .customer-conts .shop-info .panel-body .col-md-12 img {position:absolute; top:40px; right:40px; border:1px solid #fff} .customer-conts .shop-info .panel-body .col-md-12 .txt {margin-top:32px; font-size:14px} .customer-conts .info-cs {margin-top:20px;} .customer-conts .info-cs > div {position:relative; padding-left:40px} .customer-conts .info-cs > div + div {margin-top:20px} .customer-conts .info-cs > div [class^="ico-info-cs"] {position:absolute; top:2px; left:0; display:inline-block; margin-right:12px; width:20px; height:20px; background-size:cover; background-repeat:no-repeat} .customer-conts .info-cs > div .txt {} .customer-conts .info-cs > div .txt p {margin-bottom:0} .customer-conts .info-cs > div .txt p + p {margin-top:5px} .customer-conts .info-cs > div .txt em {color:#002f5f; font-weight:500} .customer-conts .info-cs > div .txt .type01 {margin-left:40px; text-indent:-40px} .customer-conts .info-cs > div .txt .type01 em {margin-right:10px} .customer-conts .info-cs > div .txt .type02 {margin-top:10px} .customer-conts .info-cs > div .txt .type02 em {display:block; padding-bottom:3px} .customer-conts .info-cs > div .ico-info-cs01 {background-image:url(../images/akl_common/customer/ico_info_cs01.png)} .customer-conts .info-cs > div .ico-info-cs02 {background-image:url(../images/akl_common/customer/ico_info_cs02.png)} .customer-conts .info-cs > div .ico-info-cs03 {background-image:url(../images/akl_common/customer/ico_info_cs03.png)} .customer-conts .info-cs > div .ico-info-cs04 {background-image:url(../images/akl_common/customer/ico_info_cs04.png)} .customer-conts .info-cs > div .ico-info-cs05 {background-image:url(../images/akl_common/customer/ico_info_cs05.png)} .customer-conts .info-cs > div .ico-info-cs06 {background-image:url(../images/akl_common/customer/ico_info_cs06.png)} .customer-conts .info-cs > div .ico-info-cs07 {background-image:url(../images/akl_common/customer/ico_info_cs07.png)} .customer-conts .info-cs > div .ico-info-cs08 {background-image:url(../images/akl_common/customer/ico_info_cs08.png)} .customer-conts .shop-info + .title-h6, .customer-conts .map-area + .title-h6 {margin-top:40px} .customer-conts .map-area {height:400px; margin-top:20px; overflow:hidden} /* 콜센터 */ .call-center {padding:20px 50px; font-size:0; background-color:#f6f6f6; overflow:hidden} .call-center .visual {position:relative; text-align:center; padding-top:50px} .call-center .visual .img {position:relative; z-index:1; display:inline-block; width:356px; height:451px; background-size:contain; background-position:50% 50%; background-image:url(../images/akl_common/customer/call_center01.png); background-repeat:no-repeat} .call-center .number {width:660px; padding-left:50px; font-size:14px; counter-reset:a} .call-center .number > li.first-message {font-size:18px; color:#002f5f;font-weight:500; } .call-center .number > li.first-message > p {background:#fff;border-radius:24px;border:1px solid #002f5f;text-align:center;padding:6px } .call-center .number > li.first-message > p span{display:inline-block;position:relative;margin-right:15px;padding-left:15px;} .call-center .number > li.first-message > p span i{font-size:18px;} .call-center .number > li.first-message > p span:after {content:'';position:absolute; right:-15px;top:5px; border-left:1px solid #ccc; bottom:5px;} .call-center .number > li.first-message > p span:first-child{padding-left:0;} .call-center .number > li.first-message > p span:last-child:after{display:none;} .call-center .number > li.first-message .txt-italic {display:block; background:url('../images/akl_common/ico_star.png') no-repeat left 9px; background-size:5px; padding:0 0 2px 10px;font-size:13px!important;; color:#808285; font-style: italic!important;} .call-center .number > li + li {padding-top:15px; margin-top:16px; border-top:1px solid #e3e3e3} .call-center .number > li:nth-of-type(2){ border-top:0} .call-center .number > li em {position:relative; width:230px; height:40px; padding:7px 20px 0 47px; vertical-align:top; color:#002f5f; font-size:16px; font-weight:500;} .call-center .number > li em:before {position:absolute; top:0; left:0; content:counter(a); counter-increment:a; display:inline-block; width:40px; height:40px; padding-top:5px; border-radius:50%; text-align:center; font-size:20px; font-weight:700; background-color:#002f5f; color:#fff} .call-center .number > li ol {counter-reset:b} .call-center .number > li ol li {display:inline-block; width:195px; padding:2px 0} .call-center .number > li ol li:before {content:counter(b); counter-increment:b; display:inline-block; width:20px; height:20px; border-radius:50%; margin-right:8px; text-align:center; font-size:12px; font-weight:700; background-color:#fff; color:#002f5f; border:1px solid #002f5f;} .call-center .number > li ol li:nth-child(odd) {width:130px} .call-center .number > li:nth-child(5) ol li {display:block; width:200px} /* 암웨이 서비스센터 */ .akl .service-area p, .akl .service-area li, .akl .service-area dl, .akl .service-area table{word-break:keep-all} /* 190220_추가 서비스 센터 단어단위 줄바꿈 */ .tbl-top + .tbl-list-board, .title-h6 + .tbl-list-board, .title-h6 + .txt, .txt + .tbl-list-board {margin-top:15px} .akl .bt-akl-white.mini.type02 {min-width:53px; margin-left:7px} .tbl-list-board .w12 {width:12%} .tbl-list-board .w13 {width:13%} .tbl-list-board .w15 {width:15%} .tbl-list-board .w18 {width:18%} .tbl-list-board .w20 {width:20%} .tbl-list-board .w30 {width:30%} .tbl-type1.line-st tbody tr:nth-of-type(even) {background-color:#fff} .tbl-type1.line-st td + td, .tbl-type1.line-st th + th {border-left:1px solid #e3e3e3} .tbl-type1.line-st th[rowspan="2"], .tbl-type1.line-st th[rowspan="3"], .tbl-type1.line-st th[rowspan="4"] {border-right:1px solid #e3e3e3} .tbl-type1.line-st td {text-align:center; padding-top:0.7em; padding-bottom:0.7em} .tbl-type1.line-st .left {text-align:left} .tbl-type1.line-st .left-odd tr > *:nth-child(even) {text-align:left} .tbl-type1.line-st .top {vertical-align:top} .akl .tbl-type1.line-st th.bg {background-color:#f4f4f4; color:#002f5f; font-weight:500} .tbl-list-board.tbl-mob {display:none} .bg-bar > * + *:before {content:""; display:inline-block; height:10px; border-left:1px solid #e3e3e3; vertical-align:middle; padding-left:20px; margin-left:20px} .bg-bar > * {vertical-align:middle} .row.bg-bar > * + *:before {display:none} .row.bg-bar > * + * {border-left:1px solid #e3e3e3;} .link-btn .icon-chevron-right {display:inline-block; font-size:18px; vertical-align:middle; margin-top:-2px} [class^="icons-"] {display:inline-block; vertical-align:middle; text-indent:-9999px; font-size:0; overflow:hidden;} .icons-mark01 {width:18px; height:18px; margin:-2px 7px 0 0; background:url("../images/akl_common/icon_mem.png") no-repeat; background-size:18px 18px} .info-icotype {display:table; padding:50px 0; background-color:#fafafa} .info-icotype li {display:table-cell; padding:0 20px; text-align:center} .info-icotype li + li {border-left:1px solid #e3e3e3} .info-icotype li em {display:block; font-weight:500; margin-bottom:5px;} .info-icotype.service01 li {width:25%} .info-icotype.service01 li:before {content:""; display:inline-block; width:58px; height:58px; background-position:50% 50%; background-size:94%; background-repeat:no-repeat} .info-icotype.service01 li:nth-child(1):before {background-image:url("../images/akl_common/customer/ico_service01.png");} .info-icotype.service01 li:nth-child(2):before {background-image:url("../images/akl_common/customer/ico_service02.png");} .info-icotype.service01 li:nth-child(3):before {background-image:url("../images/akl_common/customer/ico_service03.png");} .info-icotype.service01 li:nth-child(4):before {background-image:url("../images/akl_common/customer/ico_service04.png");} .tbl-top.tbl-type .right {text-align:right} .tit-mark01 {display:block; font-weight:500} .tit-mark01 + .list-type5 {margin:4px 0 0 28px} .service-area .panel-heading+.panel-collapse>.panel-body {padding-bottom:40px !important} .service-area .center-wel {margin:40px 0 30px; text-align:center; color:#002f5f} .service-area .center-wel.bg-bar > span + span:before {height:30px; padding-left:30px; margin:-3px 0 0 30px} .service-area .center-wel img {width:134px} .service-area .center-wel img + span:before {display:none} .service-area .center-wel span {display:inline-block; height:45px} .service-area .center-wel img + span {margin:-7px 0 0 5px; font-size:34px; font-weight:700; letter-spacing:-0.06em} .service-area .center-wel span + span {padding-top:10px; font-size:19px; font-weight:700; letter-spacing:-0.04em} .service-area .service-kind {padding:0 50px} .service-area .service-kind .row li {text-align:center} .service-area .service-kind .row li img {margin-top:20px; width:100px} .service-area .service-kind .row li em {display:block; margin-top:12px; font-weight:500; color:#00305e} .service-area .service-kind .row li p {margin:3px 0; font-size:13px} .service-area .tech-center01 {background-color:#f6f6f6} .service-area .tech-center01 > div {width:50%} .service-area .tech-center01 .left {text-align:right; padding-top:50px;} .service-area .tech-center01 .left .icons {display:inline-block; overflow:hidden; font-size:0; width:348px; height:179px; background-image:url("../images/akl_common/customer/img_callcenter01.png");} .service-area .tech-center01 .right {text-align:left; padding-left:50px; line-height:26px} .service-area .tech-center01 .right em {display:inline-block; margin-top:25px; font-size:16px; font-weight:500; color:#002f5f} .service-area .tech-center01 .right p {margin-top:5px} .service-area .tech-center02 {margin-top:20px} .service-area .tech-center02 .left {width:220px; text-align:center} .service-area .tech-center02 .left img {} .service-area .tech-center02 .right {} .service-area .tech-center02 .right .list-type5 .list-type1 {margin-top:3px} .service-area .tech-center02 .right .list-type5 em {font-weight:500} .service-area .tech-center02 .right .btn-wrap a {margin-left:12px} .service-area .date-form-group {display:inline-flex} .service-area .date-form-group .box-date-select {position:relative; width:200px} .service-area .date-form-group .box-date-select input {width:100% !important} .service-area .date-form-group .date-range-icon {width:15px; margin:0 10px} .service-area .date-form-group .date-range-icon {border-top:2px solid #ddd; position:relative; top:20px} .service-area .panel.service-srch .panel-body {padding:0 25px; position:relative; z-index:1} .service-area .tbl-list-board.type-tbody-th.aboRenewal .thead .tr>strong, .service-area .tbl-list-board.type-tbody-th.aboRenewal .tbody .tr>div {padding-left:15px} .service-area .action {text-align:right} .service-area .action .radio-wrapper {display:inline-block; margin-left:20px} .list-type5 + .text-center { margin-top:20px;} .text-center + .tbl-list-board { margin-top:40px;} .akl .amway-theme .apply-form .tit {display:block; margin-top:20px; font-size:16px; font-weight:500} .akl .amway-theme .apply-form .tit.fsize14 {font-size:14px !important} .akl .amway-theme .apply-form .dl-form-group {border-top:1px solid #dadada; padding:15px 0 35px} .akl .amway-theme .apply-form .dl-form-group:last-child {border-bottom:1px solid #dadada} .akl .amway-theme .apply-form .dl-form-group .form-group .txt-label {min-width:auto;} .akl .amway-theme .apply-form .dl-form-group .form-group .txt-label.inp-st {padding-top:8px} .layerWrapper .apply-form .dl-form-group .form-group .txt-label {min-width:150px} .akl .amway-theme .apply-form .radio-wrapper {margin-top:0} .akl .amway-theme .apply-form .radio-wrapper + .radio-wrapper {margin-top:10px} .akl .amway-theme .apply-form .amw-radio-wrap.radio-label.pho-type {display:block; height:67px} .akl .amway-theme .apply-form .amw-radio-wrap.radio-label.pho-type .product {position:absolute; top:0; left:0; display:inline-block; width:67px; height:67px; border:1px solid #dcdcdc} .akl .amway-theme .apply-form .amw-radio-wrap.radio-label.pho-type .amw-radio-overlay {top:22px !important; left:87px} .akl .amway-theme .apply-form .amw-radio-wrap.radio-label.pho-type .amw-label-radio-text {position:absolute; top:20px !important; left:105px} .akl .amway-theme .apply-form .amw-radio-wrap.radio-label.pho-type .product img {width:100%; height:100%} .akl .amway-theme .apply-form .serial-num {position:relative; padding-left:145px;} .akl .amway-theme .apply-form .serial-num .img {position:absolute; top:0; left:0; display:block; width:126px; height:92px; border:1px solid #dcdcdc; padding:10px} .akl .amway-theme .apply-form .serial-num input {width:282px} .akl .amway-theme .apply-form .serial-num ul {margin-top:9px} .akl .amway-theme .apply-form .inp-seltxt select {width:135px !important} .akl .amway-theme .apply-form .inp-seltxt input {width:280px; margin-left:7px; text-align:left} .akl .amway-theme .apply-form .inp-phone select {width:90px !important} .akl .amway-theme .apply-form .inp-phone input {width:249px; margin-left:7px} .akl .amway-theme .apply-form .list-type2 li, .apply-form .txt-italic {font-size:13px !important} .akl .amway-theme .apply-form textarea.form-control {width:550px; height:100px; min-height:auto} .akl .amway-theme .apply-form input[type=checkbox] + label {margin-left:0} .akl .amway-theme .apply-form .inp-m {width:350px} .akl .amway-theme .apply-form input + button {margin-left:7px} .akl .amway-theme .apply-form .dl-form-group .form-group {margin-top:10px; padding:0;} .akl .amway-theme .apply-form .dl-form-group.txt .form-group {margin-top:18px} .akl .amway-theme .apply-form .dl-form-group .noti-suc {display:inline-block; margin-top:20px} .akl .amway-theme .apply-form .dl-form-group .form-group .txt-value.address{ position:relative; width:380px} .akl .amway-theme .apply-form .dl-form-group .form-group .txt-value.address p {margin-right:105px; margin-bottom:0;} .akl .amway-theme .apply-form .dl-form-group .form-group .txt-value .bt-akl-white { position: absolute; right:15px; top:0; padding:0 20px; min-width:95px;} .akl .amway-theme .apply-form .dl-form-group .form-group .txt-value.address .form-control:nth-of-type(3) {margin-top: 8px;} .akl .amway-theme .service-srch .form-group select.form-control.inp-m {width:auto; min-width:300px} /* 평균 후원수당 공지 > 목록 */ .brand-area .title-box .product-list-page-title {margin-top: 0;} /* 평균 후원수당 공지 > 목록 */ .akl .bod-customer {padding:5px 0 0}/*20190131 수정*/ .akl .bod-customer .search-no-result {border-top: 1px solid #e3e3e3;border-bottom: 1px solid #e3e3e3; padding:70px 0; clear:both;} .akl .bod-customer .content-list .con-list-item > div {font-size:14px;font-weight:400;letter-spacing:-0.05em;} .akl .list-row-title div.cuo-num-brand {width:13%; text-align:center; } .akl .list-row-title div.cuo-sub-brand {width:55%;padding-left:20px;} .akl .list-row-title div.cuo-cate-brand {width:10%; text-align:center } .akl .list-row-title div.cuo-search-brand {width:10%; text-align:center } .akl .list-row-title div.cuo-date-brand {width:12%; text-align:center } .akl .con-list-item div.cuo-num-brand {width:13%; text-align:center} .akl .con-list-item div.cuo-sub-brand {width:55%;padding-left:20px;} .akl .con-list-item div.cuo-sub-brand a {color:#56565a} .akl .con-list-item div.cuo-sub-brand a:hover {color:#0075a4;} .akl .con-list-item div.cuo-cate-brand {width:10%; text-align:center; } .akl .con-list-item div.cuo-search-brand {width:10%; text-align:center; } .akl .con-list-item div.cuo-date-brand {width:12%; text-align:center; } /* 평균 후원수당 공지 > 상세보기 */ .tblTitle { font-size:16px; font-weight:500; margin-bottom:15px;color: #002f5f;} table + .tblTitle { margin-top:40px} .scroll-table + .tblTitle { margin-top:40px} /* 사이트맵 */ .sitemap-area h2 {text-transform:none !important; letter-spacing:-0.02em !important; padding:12px 18px 10px; margin:40px 0 0; text-align:left; font-size:18px !important; color:#56565a; font-weight:700; background-color:#f4f4f4} .sitemap-area h2 a { font-size:18px !important; color:#56565a; font-weight:700; } .sitemap-area .list {font-size:0;} .sitemap-area .list > div {display:inline-table; padding:30px 0 15px 20px; width:25%;} .sitemap-area .list h3 {font-size:18px !important;} .sitemap-area .list h3 a {font-size:18px; font-weight:700; color:#002f5f;} .sitemap-area .list ul {margin-top:15px} .sitemap-area .list ul li + li {margin-top:3px} .sitemap-area .list ul li a {display:inline-block;color:#56565a; font-size:14px} /* ##### 컴플라이언스 센터 ##### */ .compliance-area {margin-top:38px;} .akl .compliance-area p, .akl .compliance-area li, .akl .compliance-area dl, .akl .compliance-area table {word-break:keep-all} /* 190220_추가 컴플라이언스 문장 단어단위 줄바꿈 */ .compliance-area .realc {padding:0 0 37px 0;margin:0 0 40px; border-bottom:1px solid #dadada;} .compliance-area .realc.noline {margin:0;border:0;} /* 라인 대신 탭이 오는 경우 */ .compliance-area .txtright {text-align:right;} .compliance-area table tbody tr:nth-of-type(even){background:#fff;} /* 리스트목록 공통 */ .akl .compliance-list h2 a{ font-size:25px; font-weight:700; color:#002F5F;} .akl .compliance-list { padding-bottom:10px; padding-left:20px;} .akl .compliance-list li{ margin-bottom:22px; font-size:18px; color:#002f5f; font-weight:500;} .akl .compliance-list li a {position:relative; display:inline-block; font-size:18px; color:#002f5f; font-weight:500; padding-right:18px;} .akl .compliance-list li a:after {content:""; position:absolute; right:0; top:4px; content: '\e258'; color:#0075a4; font-size:15px; font-family: 'Glyphicons Halflings';} .akl .compliance-list li a.download-btn {margin-left:25px; font-size:14px; color:#0075a4} .akl .compliance-list li a.download-btn:after {display:none} .akl .amway-theme .compliance-area h2 {font-size:16px; font-weight:500; margin:28px 0 16px; text-align:left; letter-spacing:-1px } .akl .amway-theme .compliance-area h3, .akl .amway-theme .compliance-area strong.title-h6 {display:block; font-size:14px; font-weight:500; margin:22px 0 12px; color:#55565a } .akl .amway-theme .compliance-area .bod-view-head h2 {font-size:32px; margin: 23px 0 10px; } .akl .amway-theme .compliance-area .htxt {margin-bottom:38px !important} .compliance-area ul.list-type1 {margin:3px 0 0 0;} .compliance-area ul.list-type5 {padding-bottom:0;} .compliance-area ul.list-type5 > li > ul.list-type1 {margin-left:0;} .compliance-area [class*="list-type"] > li, .compliance-area p[class*="list-type"] {padding-bottom:0;margin-bottom:3px;} .compliance-area [class*="list-type"] .txt-italic.ex {padding:3px 0 0 8px;margin:0;text-indent:0;} .compliance-area .list-type5 > li > strong, .compliance-area p.list-type5 > strong {display:block;margin-top:5px;} .compliance-area .list-type5 > li > dl {margin:10px 0;} .compliance-area .list-type5 > li > dl .numList {margin-top:5px;} .compliance-area .list-type5 + dl dt {margin:18px 0 5px;} .compliance-area .list-type5 + .list-type1 { margin-left:10px;} .compliance-area .txtTopdiv p{margin-top:10px;} .compliance-area .txtTopdiv strong {display:block;} .compliance-area .numList{margin-top:12px;} .compliance-area .numList > li/*, .compliance-area .numList > li > ul > li*/ { line-height:23px; padding-left:15px; text-indent:-15px;} .compliance-area .numList > li > strong {display:block; margin-top:20px} .compliance-area .numList > li > ul > li > strong {display:block;margin-top:8px;} .compliance-area .numList > li > ul > li:first-child > strong {margin-top:0;} .compliance-area .numList .list-type1 {text-indent:0} .compliance-area .numList.type2 > li {margin-top:10px;} .compliance-area .numList.type2 > li .numList {margin-top:0;} .compliance-area .numList .tbl-type1 {margin-top:8px;} .compliance-area .numList .tbl-type1 * {text-indent:0;} .compliance-area .numList .tbl-type1 tfoot th {background:none;text-align:center;font-weight:normal;text-indent:0;color:#55565a;font-size:14px;} .compliance-area .numList .tbl-type1 th + td {border-left: 1px solid #e3e3e3;} .compliance-area table + h2{margin:40px 0 20px; } .compliance-area table thead th {line-height:initial;} .compliance-area .accordion-custom .panel-title {position:relative;} .compliance-area .accordion-custom .pull-right {position:absolute;display:inline-block;top:50%;right:0;margin-top:-6px;} .compliance-area .accordion-custom .pull-right:before {position:absolute;right:0;} .compliance-area .list-certifi {margin-top:30px; border-bottom:1px solid #e3e3e3} .compliance-area .list-certifi li {position:relative; min-height:220px; padding:40px 0 40px 170px; border-top:1px solid #e3e3e3} .compliance-area .list-certifi li .img {position:absolute; top:53px; left:33px; } .compliance-area .list-certifi li em {font-size:16px; font-weight:500; color:#002f5f} .compliance-area .list-certifi li p {margin:7px 0 18px} .compliance-area .tbl-list-board .w-num {width:9%} .compliance-area .tbl-list-board .w-tit {text-align:left !important} .compliance-area .tbl-list-board .w-tit a {color:#56565a} .compliance-area .tbl-list-board .w-file {width:33%} .compliance-area .tbl-list-board .w-file a {color:#808285} .compliance-area .tbl-list-board .w-date {width:18%} .compliance-area .form-email-inquiry {max-width:70%} .compliance-area .file-email-list li {padding-bottom:10px; border-bottom:1px solid #dadada} .compliance-area .file-email-list li + li {padding-top:12px} .compliance-area .file-email-list li a {color:#808285} /*190702_추가 텍스트 정렬 추가*/ .akl .compliance-area .textL{text-align:left !important} .akl .compliance-area .textC{text-align:center !important} .akl .compliance-area .textR{text-align:right !important} .akl .compliance-area .textJ{text-align:justify !important} .akl .compliance-area .termsWrapper * {font-size:14px} .akl .compliance-area .termsWrapper .cart-popup__header-text {font-size:24px} .akl .compliance-area .termsWrapper .titH2 {font-size:16px} .akl .compliance-area .termsWrapper ol {counter-reset:a} .akl .compliance-area .termsWrapper ol > li {position:relative; padding-left:22px; text-indent:0} .akl .compliance-area .termsWrapper ol > li:before {position:absolute; top:0; left:0; content:counter(a)". "; counter-increment:a; display:inline-block; width:22px} .akl .compliance-area .termsWrapper ol > li + li {margin-top:10px} .akl .compliance-area .termsWrapper ol + .txt-italic, .akl .compliance-area .termsWrapper div + .list-type2 {margin-top:10px} .akl .compliance-area .termsWrapper .list-type2 *, .akl .compliance-area .termsWrapper .txt-italic {font-size:13px;} .akl .compliance-area .termsWrapper .list-type2 li {margin-top:0 !important; padding-bottom:0} .akl .compliance-area .termsWrapper .listDash li p, .akl .compliance-area .termsWrapper .listDash li + li {margin:0 !important} .akl .compliance-area .scroll-table table {table-layout:fixed;} .akl .compliance-area .scroll-table thead th {line-height:20px; padding:10px} .akl .compliance-area .scroll-table tbody th {background-color:#fff; font-weight:300; color:#55565a} .akl .compliance-area .scroll-table tbody th + td {border-left:1px solid #e3e3e3} .akl .compliance-area .scroll-table tbody .block {padding-bottom:0} .akl .compliance-area .scroll-table .link-btn {line-height:normal !important} .akl .compliance-area .termsWrapper.num-fixed ol li:before {display:none} .akl .compliance-area .termsWrapper.num-fixed ol li {padding-left:17px; text-indent:-17px} .akl .compliance-area .termsWrapper.num-fixed ol li + li {margin-top:0} .akl .compliance-area .termsWrapper.num-fixed .titH2 {font-size:14px; margin-bottom:3px} .akl .compliance-area .termsWrapper .titHtext.pdbNone {padding-bottom:0 !important} .akl .compliance-area .termsWrapper .txt-italic.ex {padding-left:2px; background-position-y:6px} .akl .compliance-area.privacy .termsWrapper .tbl-type1.line-st tbody th{ text-align:center; } .akl .compliance-area.privacy .termsWrapper .tbl-type1.line-st.th-st tbody th{font-weight:400;}/* 2019.06.20 추가 */ .akl .compliance-area.privacy .termsWrapper .tbl-type1.line-st.type02 thead th:first-child{ width:150px;} .akl .compliance-area.privacy .termsWrapper .tbl-type1.line-st.type02 tbody.left th{ text-align:center; width:150px;} .akl .compliance-area.privacy .termsWrapper .tblInput.line-st.type02 tbody th{ text-align:center; width:150px;background-color: #f4f4f4; color: #002f5f; font-weight: 500;} .akl .compliance-area.privacy .termsWrapper .titH1 {font-size:18px; color:#002f5f; padding-bottom: 0 } .akl .compliance-area.privacy .termsWrapper .titH1 + .pdBox { margin-top:10px } .akl .compliance-area.privacy .termsWrapper .titH1 + .titHtext { margin-top:10px } .akl .compliance-area.privacy .termsWrapper .block {padding-bottom:0} .akl .compliance-area.privacy .termsWrapper .titH3 {padding-left:0} .akl .compliance-area.privacy .termsWrapper .txtsGrBox {font-weight:500} .akl .compliance-area.privacy .termsWrapper .txtsGrBox.line {border-bottom:1px solid #dadada; padding-bottom:10px; margin-bottom:10px} .akl .compliance-area.privacy .termsWrapper .hr > li:first-child .titH1 {padding-top:0} .akl .compliance-area.privacy .termsWrapper .list-type1 p {margin-bottom:0} .akl .compliance-area.privacy .termsWrapper .topLinker {margin-top:-5px} .akl .compliance-area.privacy .termsWrapper .topLinker a {display:inline-block; font-weight:500; vertical-align:middle; margin-top:5px} .akl .compliance-area.privacy .termsWrapper .topLinker a:after {content:""; display:inline-block; height:15px; border-left:1px solid #55565a; vertical-align:middle; padding-left:8px; margin:-2px 0 0 11px} .akl .compliance-area.privacy .termsWrapper .topLinker a:last-child:after {display:none} .akl .compliance-area.privacy .termsWrapper .selectBar {border-top:1px solid #dadada; padding-top:30px; margin-top:30px; text-align:right} .akl .compliance-area.privacy .termsWrapper .selectBar label {margin-right:10px} .akl .compliance-area.privacy .termsWrapper .delete {text-decoration:line-through} .akl .compliance-area.privacy .termsWrapper tbody.left * {text-align:left} .akl .compliance-area.privacy .termsWrapper #titNo02{border-top:1px solid #dadada; padding:20px 0 0; margin-top:30px } .akl .compliance-area.privacy .termsWrapper #titNo03, .akl .compliance-area.privacy .termsWrapper #titNo04, .akl .compliance-area.privacy .termsWrapper #titNo05, .akl .compliance-area.privacy .termsWrapper #titNo06, .akl .compliance-area.privacy .termsWrapper #titNo07 {border-top:1px solid #dadada; padding:40px 0 0; margin-top:40px } .akl .compliance-area.privacy .termsWrapper .col-search-tab.link-to li {width:15%} .akl .compliance-area.privacy .termsWrapper .col-search-tab.link-to li a {text-decoration:none} /* .akl .compliance-area.privacy .termsWrapper .col-search-tab.link-to li:last-child a {border-right:1px solid #dadada} */ .akl .compliance-area.privacy .termsWrapper .txt-italic {padding:0 0 4px 10px; background-position: left 5px} .akl .compliance-area.privacy .termsWrapper .tblInput.line-st td {border-left:1px solid #e3e3e3} .akl .compliance-area .search-no-result {display:block; width:100%} .akl .compliance-area .search-no-result > div {} .akl .compliance-area .list-cp01 {padding:0 40px 40px; background-color:#f6f6f6; text-align:center; font-size:0} .akl .compliance-area .list-cp01 li {display:inline-block; width:14.2857%; margin-top:40px; text-align:center; vertical-align:top} .akl .compliance-area .list-cp01 li span {display:inline-block; width:90px; height:90px; background-size:400px 200px; background-image:url("../images/akl_common/customer/ico_cp_program.png");} .akl .compliance-area .list-cp01 li .icon-cp01 {background-position:0 0} .akl .compliance-area .list-cp01 li .icon-cp02 {background-position:-100px 0} .akl .compliance-area .list-cp01 li .icon-cp03 {background-position:-200px 0} .akl .compliance-area .list-cp01 li .icon-cp04 {background-position:-300px 0} .akl .compliance-area .list-cp01 li .icon-cp05 {background-position:0 -100px} .akl .compliance-area .list-cp01 li .icon-cp06 {background-position:-100px -100px} .akl .compliance-area .list-cp01 li .icon-cp07 {background-position:-200px -100px} .akl .compliance-area .list-cp01 li em {display:block; margin-top:10px; text-align:center; font-size:14px; color:#666; font-weight:500; letter-spacing:-0.11em} .akl .compliance-area .list-cp02 {margin-top:15px; padding:35px 40px 32px; background-color:#f6f6f6;} .akl .compliance-area .list-cp02 p {font-size:16px; margin-bottom:14px} .akl .compliance-area .list-cp02 p em {font-size:16px} .akl .compliance-area .cp-legend {text-align:right} .akl .compliance-area .cp-legend span {vertical-align:middle} .akl .compliance-area .cp-legend span + span {margin-left:10px} .akl .compliance-area .cp-arrow {display:inline-block; height:15px; font-size:0; line-height:0; vertical-align:middle} .akl .compliance-area .cp-arrow:before {content:''; display:inline-block; vertical-align:middle; height:8px; width:calc(100% - 12px); border-radius:8px 0 0 8px} .akl .compliance-area .cp-arrow.no-radius:before {border-radius:0} .akl .compliance-area .cp-arrow:after {content:''; display:inline-block; vertical-align:middle; margin-left:-1px; width:13px; height:15px; background:url("../images/akl_common/customer/ico_arrow_skin.png"); background-size:13px 15px} .akl .compliance-area .bg-gray .cp-arrow:after {background:url("../images/akl_common/customer/ico_arrow_skin02.png"); background-size:13px 15px} .akl .compliance-area .cp-arrow.gray:before {background-color:#bbb} .akl .compliance-area .cp-arrow.gray:after {background-color:#bbb} .akl .compliance-area .cp-arrow.blue01:before {background-color:#002f5f} .akl .compliance-area .cp-arrow.blue01:after {background-color:#002f5f} .akl .compliance-area .cp-arrow.blue02:before {background-color:#005cb9} .akl .compliance-area .cp-arrow.blue02:after {background-color:#005cb9} .akl .compliance-area .cp-arrow.blue03:before {background-color:#008fc5} .akl .compliance-area .cp-arrow.blue03:after {background-color:#008fc5} .akl .compliance-area .cp-arrow.blue04:before {background-color:#00b2e2} .akl .compliance-area .cp-arrow.blue04:after {background-color:#00b2e2} .akl .compliance-area .cp-arrow.blue05:before {background-color:#42cbd3} .akl .compliance-area .cp-arrow.blue05:after {background-color:#42cbd3} .akl .amway-theme .compliance-area .table-scroll .tbl-list {border-bottom:1px solid #e3e3e3} .akl .amway-theme .compliance-area .table-scroll .tbl-list th, .akl .compliance-area .table-scroll .tbl-list td {min-width:74px; border-bottom:0; border-right:0; padding:0;} .akl .amway-theme .compliance-area .table-scroll .tbl-list thead th {font-size:14px; font-weight:500; color:#002f5f} .akl .amway-theme .compliance-area .table-scroll .tbl-list thead th.line {border-left:1px solid #e9e9e9} .akl .amway-theme .compliance-area .table-scroll .tbl-list tbody th {text-align:left; white-space:normal; padding:7px 15px} .akl .amway-theme .compliance-area .table-scroll .tbl-list tbody .pdt th {padding-top:15px} .akl .amway-theme .compliance-area .table-scroll .tbl-list tbody .pdb th {padding-bottom:15px} .akl .amway-theme .compliance-area .table-scroll .tbl-list tbody th em {font-weight:500; color:#002f5f} .akl .amway-theme .compliance-area .table-scroll .tbl-list tbody th span {display:block; padding-left:15px; text-indent:-15px} .akl .amway-theme .compliance-area .table-scroll .tbl-list .fixed-side {min-width:200px; border-right:1px solid #e3e3e3} .akl .amway-theme .compliance-area .table-scroll .tbl-list td {background:url("../images/akl_common/customer/bg_cp_loadmap.png") right 0 repeat;} .akl .amway-theme .compliance-area .table-scroll .tbl-list .bg-gray th {background:#f4f4f4} .akl .amway-theme .compliance-area .table-scroll .tbl-list .bg-gray td {background:url("../images/akl_common/customer/bg_cp_loadmap02.png")} .akl .amway-theme .compliance-area .table-scroll .tbl-list .arrow-area {position:relative; width:100%; height:20px} .akl .amway-theme .compliance-area .table-scroll .tbl-list .arrow-area span {position:absolute; top:2px;} .akl .amway-theme .compliance-area .table-scroll .tbl-list .arrow-area span.c01 {left:0;} .akl .amway-theme .compliance-area .table-scroll .tbl-list .arrow-area span.c02 {left:74px;} .akl .amway-theme .compliance-area .table-scroll .tbl-list .arrow-area span.c03 {left:148px;} .akl .amway-theme .compliance-area .table-scroll .tbl-list .arrow-area span.c04 {left:222px;} .akl .amway-theme .compliance-area .table-scroll .tbl-list .arrow-area span.c05 {left:296px;} .akl .amway-theme .compliance-area .table-scroll .tbl-list .arrow-area span.c06 {left:370px;} .akl .amway-theme .compliance-area .table-scroll .tbl-list .arrow-area span.c07 {left:444px;} .akl .amway-theme .compliance-area .table-scroll .tbl-list .arrow-area span.c08 {left:518px;} .akl .amway-theme .compliance-area .table-scroll .tbl-list .arrow-area span.c09 {left:592px;} .akl .amway-theme .compliance-area .table-scroll .tbl-list .arrow-area span.c10 {left:666px;} .akl .amway-theme .compliance-area .table-scroll .tbl-list .arrow-area span.c11 {left:740px;} .akl .amway-theme .compliance-area .table-scroll .tbl-list .arrow-area span.c12 {left:814px;} .akl .amway-theme .compliance-area .table-scroll .tbl-list .list-type1, .akl .amway-theme .compliance-area .table-scroll .tbl-list .list-type1 li {font-size:13px; font-weight:500} .akl .amway-theme .compliance-area .mgl20 {margin-left:20px} .akl .amway-theme .compliance-area .txt-italic {margin:5px 0 0 12px} .akl .amway-theme .compliance-area .list-bj {margin:15px 0 0; padding:30px 0; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; font-size:0} .akl .amway-theme .compliance-area .list-bj li {display:inline-block; width:33.3333%; vertical-align:top} .akl .amway-theme .compliance-area .list-bj li a {display:inline-block; padding:6px 40px 6px 0; font-weight:500} .akl .amway-theme .compliance-area .title-h5.pdt40 {margin-top:0; padding-top:40px} .akl .amway-theme .compliance-area .tbl-bj {border-bottom:1px solid #e3e3e3} .akl .amway-theme .compliance-area .tbl-bj .tbl-type {border-top:1px solid #e3e3e3} .akl .amway-theme .compliance-area .tbl-bj .tbl-type > em {width:150px; text-align:center; background-color:#f4f4f4; color:#002f5f} .akl .amway-theme .compliance-area .tbl-bj .tbl-type em {font-weight:500} .akl .amway-theme .compliance-area .tbl-bj .tbl-type > div {padding:15px 20px} .akl .amway-theme .compliance-area .tbl-bj .tbl-type > div .list-num-dot {counter-reset:li} .akl .amway-theme .compliance-area .tbl-bj .tbl-type > div .list-num-dot > li {position:relative; padding-left:20px} .akl .amway-theme .compliance-area .tbl-bj .tbl-type > div .list-num-dot > li:before {position:absolute; top:0; left:0; content:counter(li)". "; counter-increment:li; display:inline-block; width:20px} .akl .amway-theme .compliance-area .tbl-bj .tbl-type > div .list-num-dot > li + li {margin-top:3px} .akl .amway-theme .compliance-area .tbl-bj .tbl-type > div .list-type5 .list-num-dot {margin-top:3px} .akl .amway-theme .compliance-area .tbl-bj .tbl-type > div .mgl30 {margin-left:30px} .akl .amway-theme .compliance-area .tbl-bj .tbl-type > div em + ul {margin-top:5px} .akl .amway-theme .compliance-area .panel-title {padding:8px 35px 13px 0} .akl .amway-theme .compliance-area .panel-title .text-uppercase.accordion-header-text {font-size:14px;} .akl .amway-theme .compliance-area .panel-body {font-size:14px; padding:0 0 20px 10px} .announcement-search-result + .tbl-list-board {margin-top:18px} .akl .outer-border-bottom.with_rBtn{position: relative;} .akl .outer-border-bottom.with_rBtn .side_btn{margin-bottom: 0;} .akl .outer-border-bottom.with_rBtn .link-btn{position: absolute;right: 0;bottom:10px;margin-top: 0;z-index:2} .service-area .tech-center01_info_area {margin-top: 30px;;} .service-area .tech-center01_info_area .info_txt{color: #999999;font-size:14px;} .service-area .tech-center01_info_area .tech-center01 .left {padding-top: 0;width: 40%;} .service-area .tech-center01_info_area .tech-center01 .left .icons{background-size:100% auto;background-image:url("../images/akl_common/customer/img_callcenter01_re.png");width: 398px;height: 296px;vertical-align: bottom;} .service-area .tech-center01_info_area .tech-center01 .right{padding-right: 10px;} .service-area .tech-center01_info_area .tech-center01 .cs{font-weight: 700;font-size: 20px;color: #002f5f;margin-bottom: 15px;} .service-area .tech-center01_info_area .tech-center01 .tel{font-weight: 600;font-size: 32px;color: #002f5f;margin-bottom: 10px;} .service-area .tech-center01_info_area .tech-center01 .process{font-size: 14px;color: #002f5f;margin-bottom: 20px;line-height: 22px;} .service-area .tech-center01_info_area .tech-center01 .process span{display: inline-block;} .service-area .tech-center01_info_area .tech-center01 .time em{margin-top: 0;color:#333; font-weight: 600;font-size: 16px;} .service-area .tech-center01_info_area .tech-center01 .time p{margin-top:0;font-size: 16px;color:#333;letter-spacing: -0.8px;} /*서비스 신청/조회 개선*/ .akl .title-h2.new-type {font-weight:bold;font-size:28px;} .service-area .align-box.has-border:first-child {margin-top:37px;} .service-area .align-box.has-border{position:relative;margin-top:47px;padding-bottom:18px;border-bottom:1px solid #111;justify-content: flex-start;align-items: center} .service-area .align-box.has-border .toolTip-wrapper.tooltipNew .tipCont-wrapper .tooltip-normal-bit li {line-height:1.5;} .service-area .align-box.has-border .toolTip-wrapper.tooltipNew .tipCont-wrapper .tooltip-normal-blt li + li {margin-top:5px;} .service-area .align-box.has-border:after {display:block;content:"";clear:both;} .service-area .align-box.has-border .align-inner {float:left;} .service-area .align-box.has-border .sub-title {display:inline-block;margin:0;font-size:20px;color:#111;font-weight:bold;vertical-align:middle;} .service-area .align-box.has-border .sub-title-sum {display:inline-block;margin:0 0 0 57px;vertical-align:middle} .service-area .align-box.has-border .sub-title-sum label {color:#333;font-size:16px;} .service-area .align-box.has-border .withTooltip {float:right;position:relative;margin-left: auto;} .service-area .align-box.has-border .withTooltip .sstit {font-size:14px;color:#333;font-weight:500;} @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .service-area .align-box.has-border .toolTip-wrapper.tooltipNew .tooltip-content {top:19px} } .service-area .service-kind.flex-align {padding:24px 0;border-bottom:1px solid #e5e5e5;} .service-area .service-kind.flex-align li {width:100%;} .service-area .service-kind.flex-align .service-item {display:block;width:440px;margin:0 auto;} .service-area .service-kind.flex-align .service-item:after {display:block;content:"";clear:both;} .service-area .service-kind.flex-align .service-kind-info {float:left;display:table;min-width:260px;min-height:180px;padding-left:10px;text-align:left;} .service-area .service-kind.flex-align .service-kind-info .inner {display:table-cell;vertical-align:middle} .service-area .service-kind.flex-align .product-name {margin:0;font-size:16px;color:#002f5f} .service-area .service-kind.flex-align .service-case {margin-bottom:20px;font-size:14px;color:#54565a;} .service-area .service-kind.flex-align .bt-akl-blue {width:90px;min-width:auto;height:32px;padding:0 10px;line-height:32px;} .service-area .service-kind.flex-align .service-kind-product {overflow:hidden;float:left;width:180px;height:180px;line-height:180px;} .service-area .service-kind.flex-align .service-kind-product img {width:auto;margin:0;} .service-area .define-section .form-group {margin:0;padding:20px 0;border-bottom:1px solid #e5e5e5;} .service-area .define-section .form-group:after {display:block;content:"";clear:both;} .service-area .define-section .form-group .define-title {float:left;width:150px;margin:0;padding:7px 0 0;font-size: 16px;font-weight: 500;line-height: 1.5;letter-spacing: -0.8px;color:#002f5f;} .service-area .define-section .form-group .define-cont {float:left;width:400px;padding:0;color:#333;font-size:16px;} .service-area .define-section .form-group .define-cont .serial-num {min-height:120px;padding-left:208px;} .service-area .define-section .form-group .define-cont .serial-num .img {overflow:hidden;position:absolute;top:0;left:0;width:120px;height:120px;line-height:120px;text-align:center} .service-area .define-section .form-group .define-cont .serial-num .img img {max-width:100%;} .service-area .define-section .form-group .define-cont .serial-num .list-type2 {margin-top:16px;} .service-area .define-section .form-group .define-cont .list-type2 > li, .service-area .define-section .form-group .define-cont .serial-num .list-type2 li {color:#999;font-style:normal;} .service-area .define-section .form-group .define-cont .serial-num .form-control {width:400px;} .service-area .define-section .form-group .define-cont .form_element-radio {min-width:110px;margin-left:25px;} .service-area .define-section .form-group .define-cont .form_element-radio:first-child {margin-left:0;} .service-area .define-section.define-section-full .form-group .define-cont {width:calc(100% - 150px);} .service-area .define-section .form-group .date-form-group {display:block;font-size: 0;} .service-area .define-section .form-group .date-form-group:after {display:block;content:"";clear:both;} .service-area .define-section .form-group .date-form-group .point-date-range {float:left;width:190px;} .service-area .define-section .form-group .date-form-group .point-date-range.auto-width{width: auto;} .service-area .define-section .form-group .date-form-group .help-message{display: inline-block;margin: 12px 0 0 12px;color: #999;font-size: 12px;font-weight: 400;} .service-area .define-section .form-group .date-form-group .help-message .tel{font-weight: 700;color: #148fc5;font-size: 12px;text-decoration: underline;} .service-area .define-section .form-group .date-form-group .box-date-select {width:100%;} .service-area .define-section .form-group .date-form-group .box-date-select input {width:190px;padding:0 35px 0 15px;text-align: left;color:#333;background:url("../images/akl_customer/icon_calendar_blue.png") no-repeat 97% 50% / 18px 18px} .service-area .define-section .form-group .date-form-group .date-range-icon {float:left;top:0;width:20px;margin:0;padding:0 8px;border:none;font-size: 16px;font-weight: 500;line-height:40px;letter-spacing: -0.8px;color: #111;text-align: center} .service-area .define-section .form-group .date-form-group .point-date-range .fix-size-input {width:400px;} .service-area .define-section .form-group .form-control {color:#333;letter-spacing:0} .service-area .define-section .form-group .form-select{display: inline-block;vertical-align: top;width: 200px;margin-right: 8px;} .service-area .define-section .form-group .date-form-group .point-date-range{display: inline-block;vertical-align: top;} .service-area .define-section .form-group .date-form-group .point-date-range.auto-width{float: none;} .service-area .define-section .form-group .form-control.type-password{width: 400px;} .service-area .define-section .form-group .service-detail{margin-top: 11px;padding: 16px;background: #f9f9f9;} .service-area .define-section .form-group .service-detail__title{font-size: 14px;font-weight: 500;color: #333;margin: 0;} .service-area .define-section .form-group .service-detail__desc{font-size: 13px;color: #999;margin: 5px 0 0;} .service-area .define-section + .list-type5 {margin-top:12px;padding:0;} .service-area .define-section + .list-type5 li {padding-bottom:0;color:#666;} .service-area .define-section + .list-type5 li + li {margin-top:5px;} .service-area .define-section.product-info-table .form-group .define-title {padding-top:0} .service-area .define-section.product-info-table .form-group .define-title.title-with-form {padding-top:7px;} .service-area .btn-group-wrap {margin:20px 0 30px;font-size:0;} .service-area .btn-group-wrap button {min-width: auto;width:96px;font-size:16px;font-weight:bold} .service-area .btn-group-wrap button + button {margin-left:8px;} .service-area .btn-group-wrap.btn-middle {margin:20px 0 32px;} .service-area .btn-group-wrap.btn-middle button {width:96px;height:40px;line-height:40px;} .service-area .toolTip-wrapper.tooltipNew .tooltip-content {width:500px;margin-left:-476px;} .service-area .box-input-details.apply-info-section.apply-form .dl-form-group {padding:0;} .service-area .box-input-details.apply-info-section.apply-form .dl-form-group .form-group {align-items:initial;margin:0;padding:20px 0;border-bottom:1px solid #e5e5e5} .service-area .box-input-details.apply-info-section.apply-form .dl-form-group .form-group .txt-label {width:150px;margin:0;font-size:16px;padding:12px 0 0 0;} .service-area .box-input-details.apply-info-section.apply-form .dl-form-group .form-group .txt-value {width:calc(100% - 150px);padding-left:0;} .service-area .box-input-details.apply-info-section.apply-form .dl-form-group .form-group .txt-value.address {width:808px;padding:0;font-size:0;} .service-area .box-input-details.apply-info-section.apply-form .dl-form-group .form-group .txt-value.address > p {margin:0;vertical-align:top;font-size:0;} .service-area .box-input-details.apply-info-section.apply-form .dl-form-group .form-group .txt-value.address > p > .form-control {width:125px;vertical-align:middle;} .service-area .box-input-details.apply-info-section.apply-form .dl-form-group .form-group .txt-value.address > p .bt-akl-white {position:relative;top:auto;right:0;margin-left:8px;vertical-align:middle;} .service-area .box-input-details.apply-info-section.apply-form .dl-form-group .form-group .txt-value.address .form-control {width:400px;} .service-area .box-input-details.apply-info-section.apply-form .dl-form-group .form-group .txt-value.address .form-control + .form-control {margin-left:8px;} .service-area .box-input-details.apply-info-section.apply-form .dl-form-group .form-group .txt-value .inp-phone select {width:125px !important;} .service-area .box-input-details.apply-info-section.apply-form .dl-form-group .form-group .txt-value .inp-phone input {width:267px;margin-left:8px;} .service-area .box-input-details.apply-info-section.apply-form .dl-form-group:last-child {border-bottom:none;} .service-area .box-input-details.apply-info-section.apply-form .inp-m {width:400px;} .service-area .box-input-details.define-section .textArea {width:100%;max-width:808px;height:80px;min-height:auto;padding:7px 12px;border-color:#dadada;resize: none;font-size:14px;white-space:initial} .service-area .apply-info-section .privacyInfo .tbl-list-view .thead .tr > strong {font-size:14px !important;} .service-area .apply-info-section .privacyInfo .tbl-list-view .tr > div {font-size:14px !important;} .service-area .apply-info-section .privacyInfo .list-type5 li {margin-bottom:0;font-size:14px !important;} .service-area .apply-info-section .agree-confirm label {font-size:16px;color:#333;} .service-area .btn-group-wrap {margin:40px 0 60px;font-size:0;} .service-area .btn-group-wrap > [class^="bt-akl"] {min-width:auto;width:132px;height:60px;padding:0 10px;font-size:16px;font-weight:bold;line-height:60px;} .service-area .btn-group-wrap > [class^="bt-akl"] + [class^="bt-akl"] {margin-left:8px;} .service-area .message_area{margin-top: 60px;} .service-area .message_area .message .message_summary{margin-top: 12px;font-size: 16px;color: #999;font-weight: 500;margin: 5px 0 40px;} .box_sop-list.type-a{margin-top:32px;font-size:0} .box_sop-list.type-a .sop_list-item {display:inline-block;width:calc(33.3% - 12px);height:251px;border:1px solid #e5e5e5;margin-bottom:16px;margin-left:17px;vertical-align:top;} .box_sop-list.type-a .sop_list-item:nth-of-type(3n + 1) {margin-left:0;} .box_sop-list.type-a .sop_list-item .box_order-data {padding:20px} .box_sop-list.type-a .sop_list-item .data-item .data-title {color:#999} .box_sop-list.type-a .sop_list-item .data-item .data-value {color:#333;font-weight:500} .box_sop-list.type-a .sop_list-item .data-item ~ .data-item {margin-top:8px} .box_sop-list.type-a .data-value .btn_default-d {display:inline-block;min-width:68px;height:32px;margin:0 0 0 8px;box-sizing:border-box;padding:0 10px;border:1px solid #002f5f;font-size:13px;letter-spacing:-.6px;text-align:center;font-weight:500;border-radius:2px;color:#002f5f;background-color:#fff} .box_sop-list.type-a .data-value .btn_default-d:hover {background-color:#002f5f;color:#fff} .box_sop-list.col-3 .sop_list-item {width:calc(33.3% - 16px)} .sop_list-item .box_order-day {display:flex;justify-content:space-between;align-items:center;height:36px;background-color:#f9f9f9;border-bottom:1px solid #e5e5e5;padding:0 16px} .sop_list-item .box_order-day .txt-number {color:#002f5f;font-size:13px;font-weight:500;letter-spacing:-.6px;margin:0} .sop_list-item .box_order-day .txt-number a {color:#002f5f} .sop_list-item .box_order-day .txt-day {font-size:13px;color:#808285;font-weight:500;letter-spacing:-.6px;margin:0} .sop_list-item .box_order-data {padding:13px 16px 16px} .sop_list-item .sop_order-title {display:inline-block;font-size:18px;letter-spacing:-.9px;color:#008fc5;line-height:27px;text-decoration:underline;font-weight:500;margin-bottom:12px} .sop_list-item .box_order-data .txt_order-stats {font-size:18px;font-weight:600;line-height:27px;letter-spacing:-.9px} .sop_list-item .box_order-data .txt_order-stats.success {color:#057423} .sop_list-item .box_order-data .txt_order-stats.cancel {color:#b32718} .sop_list-item .data-item {display:flex;justify-content:space-between;align-items:center} .sop_list-item .data-item .data-title, .sop_list-item .data-item .data-value {font-size:14px;line-height:20px;letter-spacing:-.7px;font-weight:600;color:#002f5f} .sop_list-item .data-item .data-value .txt-won {font-size:13px;margin-left:2px} .sop_list-item .data-item .data-value .flag-finish {color:#0f7423;} .sop_list-item .data-item .data-value .flag-ing {color:#022f5f;} .sop_list-item .data-item .data-value .flag-cancel {color:#b32718;} .sop_list-item .data-item ~ .data-item {margin-top:9px} .btn-more-wrap {text-align: center;} .btn-more-wrap .btn_more-dash {display:block;width:100%;padding:13px 0;font-size:18px;font-weight:bold;line-height:1.5;letter-spacing:-0.9px;color:#0075a4;background-color:#fff} .btn-more-wrap .btn_more-dash .icon-more {display:inline-block;width:10px;height:6px;margin-left:5px;vertical-align:2px;background: url(/_ui/responsive/theme-blue/images/akl_common/sprite/sp_amway.png) no-repeat 0 -90px/250px auto;} .service-area .apply-finish {margin:36px 0 60px;text-align:center;} .service-area .apply-finish .tit {display:block;padding-top:82px;font-size:24px;font-weight:bold;line-height:1.5;letter-spacing:-1.2px;color: #002f5f;background:url(/_ui/responsive/theme-blue/images/icons/icon_apply_finish.png) no-repeat 50% 0 / 64px 64px;} .service-area .apply-finish .txt {margin:8px 0 0;line-height:1.43;letter-spacing:-0.7px;color:#666;} .install-cost {padding:12px 0 0;} .install-cost .info {display:flex;justify-content:flex-start;align-items:flex-start;margin:0;font-size:16px;line-height:24px;letter-spacing:-0.4px;color: #54565a;} .install-cost .info + .info {margin-top:5px;} .install-cost .info .flag {flex-shrink:0;display:inline-block;margin-right:6px;padding:0 12px;line-height:22px;border-radius:2px;border:1px solid #002f5f;font-size:11px;font-weight:bold;text-align:center;color:#002f5f;vertical-align:middle;} .service-area .define-section.info-view-table .form-group {padding:17px 0;} .service-area .define-section.info-view-table .form-group .define-title {padding:0;} /* checkbox & radio */ .service-area [class^="form_element-"] {position:relative;display:inline-block;margin:0;padding:0} .service-area [class^="form_element-"] input[type='checkbox'], .service-area [class^="form_element-"] input[type='radio'] {position:absolute;left:0;top:0;margin:0;z-index:1;width:20px;height:20px;vertical-align:middle;opacity:0} .service-area [class^="form_element-"] input[type='checkbox'] + label, .service-area [class^="form_element-"] input[type='radio'] + label {position:relative;display:inline-block;padding-left:27px;color:#333;font-size:16px;line-height:20px;min-height:20px;font-weight:normal;vertical-align:middle;cursor:pointer} .service-area [class^="form_element-"].no_label {width:20px;height:20px} .service-area [class^="form_element-"].no_label input + label {padding-left:0;font-size:0 !important;line-height:0} .service-area [class^="form_element-"] label:before {content:'' !important;position:absolute;left:0;top:0;display:inline-block;width:20px;height:20px;box-sizing:border-box;border:1px solid #999;background-color:#fff} .service-area [class^="form_element-"] label:after {content:'';position:absolute} .service-area [class^="form_element-"] input:disabled + label, .service-area .form_element-checkbox input[type='checkbox']:disabled + label {color:#ececec !important} .service-area [class^="form_element-"] input:disabled + label, .service-area [class^="form_element-"] input:disabled:checked + label {cursor:not-allowed} .service-area [class^="form_element-"] input:disabled + label:before {background:#fff !important;border:1px solid #ececec} /* radio */ .service-area .form_element-radio label:before {border-radius:50%;border-color:#ccc} .service-area .form_element-radio label:after {left:5px;top:5px;display:block;width:10px;height:10px;border:none;border-radius:50%;background-color:#ececec;opacity:1;} .service-area .form_element-radio input[type='radio']:checked + label:before {background-color:#002f5f;border:1px solid #002f5f} .service-area .form_element-radio input[type='radio']:checked + label:after {background-color:#fff} .service-area .form_element-radio input[type='radio']:disabled + label:after {background-color:#ececec} .service-area .form_element-radio input[type='radio']:not(:checked)+label:after {opacity:0;} /* checkbox */ .service-area [class^="form_element-"] input[type="checkbox"]+label, .service-area [class^="form_element-"] input[type="checkbox"]:checked+label, .service-area [class^="form_element-"] input[type="checkbox"]:not(:checked)+label {margin:0;z-index:1} .service-area .form_element-checkbox input[type="checkbox"] + label:before {border-radius:2px;border:1px solid #999} .service-area .form_element-checkbox input[type="checkbox"] + label.sp_chk:after, .service-area .sp_chk:after, .service-area [type=checkbox]:not(:checked)+label.sp_chk:after {top:7px;left:5px;width:9px;height:7px;border:none;transform:none;-webkit-transform:none;-webkit-transition:none;transition:none;opacity:1;font-size:0;font-family:none !important;-webkit-font-smoothing:none} .service-area .form_element-checkbox input[type='checkbox']:focus + label:before {outline:none} .service-area .form_element-checkbox input[type='checkbox']:checked + label:before {background-color:#002f5f;border-color:#002f5f} .service-area .form_element-checkbox input[type='checkbox']:disabled + label:after {opacity:.3} @media (max-width: 1040px) { .service-area .define-section.product-info-table .form-group .define-cont .form_group-element.form_multi-group {margin-top:-10px;} .service-area .define-section.product-info-table .form-group .define-cont .form_group-element.form_multi-group .form_element-radio {min-width:160px;margin:10px 0 0 0;} .service-area .box-input-details.apply-info-section.apply-form .dl-form-group .form-group .txt-value.address > p .form-control {width:calc(100% - 95px - 8px)} .service-area .box-input-details.apply-info-section.apply-form .dl-form-group .form-group .txt-value.address .form-control {width:100%;} .service-area .box-input-details.apply-info-section.apply-form .dl-form-group .form-group .txt-value.address .form-control + .form-control {margin-left:0;} } @media (max-width: 1000px) { .service-area .service-kind.flex-align .service-kind-info {min-width:auto} } @media (max-width: 768px) { .service-area .tech-center01_info_area {margin:30px -15px;/*padding-bottom: 20px;*/} .service-area .tech-center01_info_area .info_txt{padding-left: 15px;} .service-area .tech-center01_info_area .tech-center01 .left{width: 100%;margin-bottom: 30px;} .service-area .tech-center01_info_area .tech-center01 .left .icons{background:url("../images/akl_common/customer/img_callcenter01_re_m.png") center center no-repeat;background-size:auto 100%;width:100%;height: 278px;vertical-align: bottom;} .service-area .tech-center01_info_area .tech-center01 .process span{display:block;} .service-area .tech-center01_info_area .tech-center01 .right{height: auto;} .service-area .tech-center01_info_area .tech-center01 .time{padding-bottom:20px} .akl .outer-border-bottom.with_rBtn .tabs-toggles .tab-toggle-wrap{width: 50%;} .service-area .service-kind.flex-align {padding:0;border-bottom:none;} .service-area .service-kind.flex-align ul li {width:100%;padding:24px 0 28px;} .service-area .service-kind.flex-align + .align-box.has-border {margin-top:18px;} .service-area .service-kind.flex-align .service-item {width:100%;} .service-area .service-kind.flex-align .service-kind-product {float:none;} .service-area .service-kind.flex-align .service-kind-info {float:none;display:block;min-height:auto;padding-left:0;text-align:center} .service-area .service-kind.flex-align .service-kind-info .inner {display:block;} .service-area .align-box.has-border {margin-top:40px;} .service-area .align-box.has-border .toolTip-wrapper.tooltipNew .tipCont-wrapper {left:auto;right:0;} .service-area .align-box.has-border .toolTip-wrapper.tooltipNew .tipCont-wrapper .tooltip-content {top:4px;left:auto;right:0;width:calc(100vw - 83px) !important;} .service-area .align-box.has-border .sub-title-sum {position:absolute;right:0;margin-left:0;} .service-area .align-box.has-border .sub-title-sum label {margin:0;} .service-area .define-section .form-group {padding:13px 0 0;border-bottom:none;} .service-area .define-section .form-group .define-title {float:none;width:100%;margin-bottom:5px;padding:0;} .service-area .define-section .form-group .define-cont {float:none;width:100%;} .service-area .define-section .form-group .define-cont .serial-num {display:flex;flex-direction:column;min-height:auto;padding-left:0;} .service-area .define-section .form-group .define-cont .serial-num .img {position:relative;top:auto;left:auto;margin:0 auto 16px;} .service-area .define-section .form-group .define-cont .serial-num .form-control {width:100%;} .service-area .define-section.define-section-full .form-group .define-cont {width:100%} .service-area .define-section.product-info-table .form-group {padding:15px 0;} .service-area .define-section.product-info-table .form-group:first-child {margin-bottom:5px;padding:15px 0;border-bottom:1px solid #e5e5e5;} .service-area .define-section.product-info-table .form-group:last-child {padding-bottom:0;} .service-area .define-section.product-info-table .form-group .define-title {display:block;margin-bottom:12px;} .service-area .define-section.product-info-table .form-group .define-title.title-with-form {padding-top:0;} .service-area .define-section.product-info-table .form-group .define-cont .form_group-element {font-size:0} .service-area .define-section.product-info-table .form-group .define-cont .form_group-element .form_element-radio {width:33.3%;margin-left:0;margin-right: 0;} .service-area .define-section.product-info-table .form-group .define-cont .form_multi-group .form_element-radio {width:50%;} .service-area .define-section.product-info-table .form-group.form-group-flex .define-title {float:left;width:150px;margin-bottom:0;} .service-area .define-section.product-info-table .form-group.form-group-flex .define-cont {float:right;width:calc(100% - 150px);text-align:right;} .service-area .define-section .form-group .define-cont .point-date-range .box-date-select.fix-size-input {width:100%;} .service-area .define-section .form-group .date-form-group .point-date-range {width:calc((100% - 23px) / 2)} .service-area .define-section .form-group .date-form-group .box-date-select {width:100%;} .service-area .define-section .form-group .date-form-group .date-range-icon {width:23px;font-size:14px;} .service-area .define-section .form-group .date-form-group.date-only-child .point-date-range {float:none;width:100%;} .service-area .define-section + .list-type5 {margin-top:16px;} .box_sop-list .sop_list-item {width:100%;margin-left:0;} .service-area .box-input-details.apply-info-section.apply-form .dl-form-group {padding:20px 0 0;} .service-area .box-input-details.apply-info-section.apply-form .dl-form-group .form-group {margin-top:23px;padding:0;border-bottom:none;} .service-area .box-input-details.apply-info-section.apply-form .dl-form-group .form-group:first-child {margin-top:0;} .service-area .box-input-details.apply-info-section.apply-form .dl-form-group .form-group .txt-label {margin-bottom:4px;padding:0;font-weight:500 !important} .service-area .box-input-details.apply-info-section.apply-form .dl-form-group .form-group .txt-value {margin-top:0;} .service-area .box-input-details.apply-info-section.apply-form .dl-form-group .form-group .txt-value .inp-phone {padding-left:125px;} .service-area .box-input-details.apply-info-section.apply-form .dl-form-group .form-group .txt-value .inp-phone input {width:calc(100% - 8px)} .service-area .box-input-details.apply-info-section.apply-form .dl-form-group .form-group .txt-value .tbl-list-view .tbody .tr > strong {font-size:14px !important;} .service-area .box-input-details.apply-info-section.apply-form .inp-m {width:100%;} .service-area .box-input-details.apply-info-section #terms .conditions {border:1px solid #e3e3e3;border-radius:2px;} .service-area .box-input-details.apply-info-section #terms .conditions .text {overflow-y:auto;max-height:140px;padding:10px;} .service-area .define-section.info-view-table .form-group {margin-top:0;padding:16px 0 15px;} .service-area .define-section.info-view-table .form-group.form-group-flex {border-bottom:1px solid #e5e5e5;} .service-area .define-section.info-view-table .form-group.form-group-flex .define-title {float:left;width:105px;margin-bottom:0;} .service-area .define-section.info-view-table .form-group.form-group-flex .define-cont {float:right;width:calc(100% - 105px)} .service-area .define-section .form-group .date-form-group .point-date-range.auto-width{width: 100%;margin-top: 8px;} .service-area .define-section .form-group .form-select{width: 100%;} .service-area .define-section .form-group .form-control.type-password{width: 100%;} } @media (max-width: 520px) { .akl .outer-border-bottom.with_rBtn .side_btn{text-align: right;} .akl .outer-border-bottom.with_rBtn .side_btn .link-btn{position: relative;} } @media (max-width: 1024px) { /* 암웨이 브랜드 센터 */ .customer-conts .center-photo {padding-right:270px;} .customer-conts .center-photo [class^="photo-wrap"] .photo {padding-top:320px;} .customer-conts .center-photo .photo-wrap02, .customer-conts .center-photo .photo-wrap03 {width:255px} .customer-conts .center-photo .photo-wrap02 .photo, .customer-conts .center-photo .photo-wrap03 .photo {padding-top:152px} .customer-conts .center-photo .photo-wrap02 .photo img, .customer-conts .center-photo .photo-wrap03 .photo img {width:auto; height:100%} .customer-conts .center-program {padding:50px 20px} .customer-conts .center-program li p br {display:none} /* 컴플라이언스 센터 */ .akl .compliance-area .list-cp01 li {width:25%} } @media (max-width: 992px) { /* 암웨이 브랜드 센터 */ .customer-conts .shop-info .panel-body .col-md-12 {min-height:150px; padding-right:410px} .customer-conts .shop-info .panel-body .col-md-12 img {margin-top:50px; width:40%} /* 콜센터 */ .call-center {padding:20px 20px 0 20px} .call-center .visual {padding-top:70px} .call-center .visual .img {width:280px; height:350px} .call-center .number {width:500px; padding-left:20px} .call-center .number > li + li {padding-top:10px; margin-top:8px;} .call-center .number > li em {padding-top:5px; } .call-center .number > li em:before {width:35px; height:35px; font-size:18px} .call-center .number > li.first-message {font-size:14px; } .call-center .number > li.first-message > p{overflow:hidden; } .call-center .number > li.first-message > p span{ display:block;float:left;box-sizing:border-box;margin:0;text-align:center;padding:0} .call-center .number > li.first-message > p span:after {right:0;} .call-center .number > li.first-message > p span i{display:block;font-size:14px;} .call-center .number > li.first-message > p span:nth-of-type(1){width:34%;} .call-center .number > li.first-message > p span:nth-of-type(2){width:38%;} .call-center .number > li.first-message > p span:nth-of-type(3){width:28%;} /* 암웨이 서비스센터 */ .center-wel span + span {display:block !important; font-size:18px !important} .center-wel span + span:before {display:none} } @media (min-width: 769px) { /* 암웨이플라자 shopfinder F10000 */ .mob-view-box {display:none;} } @media (max-width: 768px) { /* 암웨이소식 타이틀 공통 */ .customer-area .title-box + .customer-wrap .amway-theme .navigation-tabs-container {margin-top:-15px;} /* 암웨이플라자 - 검색 */ .akl .shop-finder-container .order-history-account-section-content .account-orderhistory {margin:30px 0 40px;} .akl .shop-finder-container .order-history-container .order-history-search-wrapper {border:0;} .akl .shop-finder-container .order-history-search-wrapper .form-wrapper {position:relative; padding:0 90px 0 0; border:0;} .akl .shop-finder-container .order-history-search-wrapper .form-wrapper select.form-control.width185 {margin-right:0;} .akl .shop-finder-container .order-history-search-wrapper .form-wrapper select.form-control {width:100%;} .akl .shop-finder-container .order-history-search-wrapper .form-wrapper > button {position:absolute; top:0; right:0; margin-top:0;} /* 암웨이플라자 - 컨텐츠(지도,사진) */ .check-area {display:block;} .akl .shop-finder-main-content .check-area {text-align: right;} .akl .shop-finder-main-content .check-area label {text-align:left; line-height:100%; margin-bottom: 0!important; vertical-align:bottom;} .shop-finder-container .shop-finder-main-content {padding-top:0;} .akl .shop-finder-container .shop-finder-main-content .shop-finder-main-content-title-area .shop-finder-main-content-title {float:left; padding-top:0; font-size:16px;} .akl .shop-finder-main-content-body-area p { height:240px; margin-bottom:10px;} .akl .shop-finder-main-content-body-area-right {margin:0 -15px;} .akl .shop-finder-main-content ._checkbox-element-global-class ~ span._checkbox-element-global-span {top:0;} .akl .shop-finder-main-content ._checkbox-element-global-class ~ span._checkbox-element-global-span:before {bottom:0;} /* 이미지 영역 */ .akl .shop-finder-container .shop-finder-main-content .shop-finder-main-content-body-area .shop-finder-main-content-body-area-right {padding-top: 10px; padding-bottom:20px} /* 샵 리스트 accordion */ .akl .shop-finder-container .shop-finder-main-content .shop-finder-main-content-body-area .shop-finder-main-content-body-area-left .QA-container {height: 510px;} /* 컴플라이언스 센터 */ .compliance-area .list-certifi li {padding:50px 0; border-top:1px solid #e3e3e3} .compliance-area .list-certifi li .img {position:static; display:block; padding-left:30px} .compliance-area .list-certifi li em {display:block; margin-top:25px} .compliance-area .list-certifi li p {margin:10px 0 18px} .compliance-area .form-email-inquiry {max-width:100%} .akl .compliance-area .scroll-table {overflow-x:auto} .akl .compliance-area .F80200_lp_pop.v23 .scroll-table { overflow-y:auto!important; } .akl .compliance-area .scroll-table table {min-width:600px;} .akl .compliance-area .scroll-table .link-btn {margin-top:0} .compliance-area .numList.type2 > li .numList > li {padding-left:0;} .compliance-area .numList .tbl-type1 th {font-size:.875em;padding:5px 0;} .compliance-area .list-type5 table thead th {font-size:.875em !important;padding:5px;} .akl .compliance-area .list-cp01 {padding:0 30px 30px} .akl .compliance-area .list-cp01 li {width:50%} .akl .amway-theme .compliance-area .list-bj li {width:50%} .akl .amway-theme .compliance-area .tbl-bj .tbl-type > em {display:block; padding-top:15px; width:100%; text-align:left; background-color:#fff} .akl .amway-theme .compliance-area .tbl-bj .tbl-type > div {display:block; padding:5px 0 15px} /* 사이트맵 */ .sitemap-area h2, .sitemap-area h3 {text-align:center; font-size:20px} .sitemap-area .list > div {width:100%; padding-left:0; text-align:center} /* 암웨이 서비스센터 */ .mob-none {display:none !important} .validation-box-simple select.form-control {width:100% !important} .row.bg-bar > * + * {margin-top:20px; border-left:0; border-top:1px solid #e3e3e3} .service-kind {padding:0} .tbl-top.tbl-type > * {display:block} .tbl-top.tbl-type .right {text-align:left} .tbl-list-board.type02 .mob-block > * {width:100% !important; text-align:left !important} .table-wrapper.tbl-pc {display:none} .tbl-list-board.tbl-mob {display:block} .service-area .tech-center02 .left {display:block; width:100%; margin-top:20px} .service-area .tech-center02 .left img {width:100px} .service-area .tech-center02 .right {display:block; margin-top:30px} .service-area .tech-center02 .right .btn-wrap a {margin-top:0} .service-area .form-group.date-form-group {display:block; margin-top:0} .service-area .form-group .box-date-select {width:100%} .service-area .form-group .box-date-select input {font-size:14px} .service-area .form-group.date-form-group .date-range-icon {top:0; margin:10px auto} .service-area .tech-center01 > div {display:block; width:100%} .service-area .tech-center01 .left {text-align:center; padding-top:50px;} .service-area .tech-center01 .left .icons {width:290px; height:135px; background-size:contain; background-image:url("../images/akl_common/customer/img_callcenter02.png");} .service-area .tech-center01 .right {padding-left:20px; height:155px; line-height:26px} .service-area .tech-center01 .right em {margin-top:35px} .service-area .panel.service-srch .hr {border:0; padding:0 !important} .akl .amway-theme .apply-form .dl-form-group .form-group .col-sm-2, .akl .amway-theme .apply-form .dl-form-group .form-group .col-sm-10 {display:block !important; width:100% !important} .akl .amway-theme .apply-form .dl-form-group .form-group .col-sm-10 {margin-top:7px} .akl .amway-theme .apply-form .radio-wrapper > .radio-label + .radio-label {display:block; margin-left:0 !important} .akl .amway-theme .apply-form .dl-form-group .form-group .txt-value .bt-akl-white {right:0;} .akl .amway-theme .apply-form .serial-num {padding:0} .akl .amway-theme .apply-form .serial-num .img {position:static} .akl .amway-theme .apply-form .serial-num input {width:100%; margin-top:10px} .akl .amway-theme .apply-form .inp-seltxt select, .apply-form .sel-txt input {width:100% !important} .akl .amway-theme .apply-form .inp-seltxt input {width:100% !important; margin:10px 0 0 0; } .akl .amway-theme .apply-form textarea.form-control {width:100%; height:80px} .akl .amway-theme .apply-form .inp-m {width:100%} .akl .amway-theme .apply-form .inp-m + button {margin:10px 0 0 0} .akl .amway-theme .apply-form .inp-phone {position:relative; padding-left:100px} .akl .amway-theme .apply-form .inp-phone select {position:absolute; top:0; left:0} .akl .amway-theme .apply-form .inp-phone input {width:100%; margin-left:0} .akl .amway-theme .apply-form .dl-form-group.txt .form-group .col-sm-2 {display:table-cell !important; min-width:100px; width:28% !important} .akl .amway-theme .apply-form .dl-form-group.txt .form-group .col-sm-10 {display:table-cell !important; width:auto !important} .center-wel {margin:35px 0 15px} .center-wel img {width:93px} .center-wel span {height:auto} .center-wel img + span {font-size:23px} .info-icotype {padding:0 20px} .info-icotype li {position:relative; display:block; padding:20px 0 20px 100px; text-align:left} .info-icotype li + li {border-left:0; border-top:1px solid #e3e3e3} .info-icotype li:before {position:absolute; top:50%; left:20px; margin-top:-22px} .info-icotype.service01 li {width:100%} .info-icotype.service01 li:before {width:45px; height:45px; background-size:contain;} /* 암웨이 브랜드 센터 */ .customer-conts .center-photo {position:relative; padding-right:0} .customer-conts .center-photo [class^="photo-wrap"] {width:100%; position:static} .customer-conts .center-photo [class^="photo-wrap"] .photo {padding-top:47%} .customer-conts .center-photo [class^="photo-wrap"] .photo img {margin:auto 0; max-width:100%; height:auto} .customer-conts .center-photo [class^="photo-wrap"] + [class^="photo-wrap"] {margin-top:10px} .customer-conts .center-program {padding:40px 20px 30px} .customer-conts .center-program li {display:block; width:100%} .customer-conts .center-program li + li {border-left:0; border-top:1px solid #e3e3e3; padding-top:28px; margin-top:28px} .customer-conts .center-program li p {margin-top:15px} .customer-conts .shop-info .panel-body .col-md-12 {padding:25px 20px;} .customer-conts .shop-info .panel-body .col-md-12 em {margin-top:0} .customer-conts .shop-info .panel-body .col-md-12 img {position:static; width:100%; margin-top:5px} .customer-conts .shop-info .panel-body .col-md-12 .txt {margin-top:15px} .customer-conts .shop-info .panel-body .col-md-12 em + img {margin-top:15px} .customer-conts .info-cs {margin-top:25px} .customer-conts .info-cs > div {padding-left:30px} .customer-conts .info-cs > div [class^="ico-info-cs"] {width:17px; height:17px} .customer-conts .map-area {height:210px} .customer-conts .shop-info + .title-h6, .customer-conts .map-area + .title-h6 {margin-top:35px} /* 콜센터 */ .call-center {display:block; padding:0} .call-center .visual {display:block; min-width:290px; padding-top:40px} .call-center .visual .img {width:290px; height:210px; background-size:contain; background-image:url(../images/akl_common/customer/call_center02.png)} .call-center .number {display:block; width:100%; max-width:480px; margin:0 auto; padding:20px 10px;} .call-center .number > li em {width:40%; font-size:14px; padding:3px 10px 0 32px} .call-center .number > li em:before {width:26px; height:26px; font-size:15px; padding-top:2px;} .call-center .number > li ol {width:60%} .call-center .number > li ol li {width:100% !important; font-size:13px; letter-spacing:-0.1em} .call-center .number > li ol li:before {width:16px; height:16px; margin-right:2px; font-size:11px; text-indent:-2px} /* 암웨이플라자 shopfinder F10000 */ .mob-view-box {display:block;} /* 프로모션 */ .customer-area .customer-wrap {padding:0;} .akl .bod-view-body .plp-item-label-wrap {top:45px;left:0;} /* 공지사항 */ .customer-area {padding:0 0;} .title-box .product-list-page-title h1.notice:before {left:0;} .akl .customer-wrap .order-history-search-wrapper {border:0 none;} .akl .customer-wrap .order-history-container .order-history-search-wrapper .toggle-buttons-container button {border:1px solid #d3d3d3;width:48%; } .akl .customer-wrap .order-history-container .order-history-search-wrapper .toggle-buttons-container button:last-child { float:right} /*.akl .customer-wrap .order-history-container .order-history-search-wrapper .form-wrapper {border:0 none;padding:20px 0 0;} */ .akl .customer-wrap .order-history-container .order-history-search-wrapper .form-wrapper.search-form-wrapper input[type="text"].input-st {width:100%;padding-right:50px;} .akl .customer-wrap .order-history-container .order-history-search-wrapper .form-wrapper.search-form-wrapper {padding:20px 0 0;} .akl .customer-wrap .order-history-container .order-history-search-wrapper .form-wrapper button {border:0 none;} .akl .cuton-form-wrapper .form-s input.input-st {width:100%;padding-right:50px;} .akl .cuton-form-wrapper .form-s button {border:0 none;} /* 공지사항 > 필터,검색 - 수정 : 2018.11.29 */ .akl .customer-wrap .toggle-buttons-container.cutomer {display:block;} .akl .cuton-form-wrapper .btn.btn-primary span {overflow:hidden; width:0; height:0; position:absolute; left:100px;} .akl .customer-area .order-history-search-wrapper.search-filter .form-wrapper {display:block; border-bottom:0;} .akl .customer-area .order-history-search-wrapper.search-filter .form-wrapper.new-select {display:block; float:none; padding-top:0; text-align:left;} .akl .customer-area .order-history-search-wrapper.search-filter .form-wrapper.search-form-wrapper {padding-top:5px;}/*20190131 수정*/ .akl .customer-area .order-history-search-wrapper.search-filter .form-s {margin-bottom:0;} /* 공지사항 > 목록 */ .akl .bod-customer .list-content .content-list { padding: 5px 0 5px;}/*20190131 수정*/ .akl .bod-customer .list-content .list-row-title {padding:0 0;border-bottom:0 none;} .akl .bod-customer .list-content .list-row-title > div {display:none;} .akl .content-list .con-list-item > div.cuo-num {display:block;width:100%;padding:6px 20px; text-align:left} .akl .content-list .con-list-item > div.cuo-subje, .akl .content-list .con-list-item > div.cuo-cate, .akl .content-list .con-list-item > div.cuo-autho, .akl .content-list .con-list-item > div.cuo-date {display:block;width:100%;padding:3px 20px; }/*20190131 수정*/ .akl .content-list .con-list-item > div.cuo-num {display:block;width:100%;padding:6px 20px; text-align:left} .akl .content-list .con-list-item > div.cuo-num-brand, .akl .content-list .con-list-item > div.cuo-sub-brand, .akl .content-list .con-list-item > div.cuo-cate-brand, .akl .content-list .con-list-item > div.cuo-search-brand, .akl .content-list .con-list-item > div.cuo-date-brand {display:block;width:100%;padding:6px 20px; overflow: hidden;} .akl .bod-customer .con-list-item div.cuo-subje a {color:#0075a4; font-weight:700; font-size:16px;} .akl .bod-customer .con-list-item div.cuo-cate .tite-label, .akl .bod-customer .con-list-item div.cuo-autho .tite-label, .akl .bod-customer .con-list-item div.cuo-date .tite-label {font-weight:500;} /* 공지 번호 노출안함 : UAT - AHPS-4951 */ .akl .navigation-tabs-container .cuo-page-wrap .content-list .con-list-item .col-ak-10.cuo-num {display:none;} /* 공지사항 > 상세보기 */ .customer-wrap {padding:0 10px;} .bod-view-head h2.head-title { padding-left:0; padding-right:0; font-size:22px} /* 190218_수정 게시판 형식 제목 단어 단위 줄바꿈 처리 및 폰트 사이즈 조정 */ .akl .amway-theme .bod-view-head h2.head-title { padding-left:0; padding-right:0; font-size:22px} /* 190218_추가 게시판 형식 제목 단어 단위 줄바꿈 처리 및 폰트 사이즈 조정 */ .akl .content-list .con-list-item > div.corr-prev {display:block;width:100%;padding:6px 20px;} .akl .content-list .con-list-item > div.corr-next {display:block;width:100%;padding:6px 20px;} .akl .content-list .con-list-item > div.corr-remarks {display:block;width:100%;padding:6px 20px;} .bod-view-sns .print {display:none;} .bod-view-sns .kakaotalk {display:inline-block;} .bod-view-sns > div.url-copy .url_pop {top:32px;left:-45px;} .kakaotalk-copy .bod-view-sns > div.url-copy .url_pop { left:-67px }/*2019.02.22 추가*/ .bod-view-thumnail .img>img {width:100%;} /* 공지사항 > 읽기화면 */ .easy-wrap .customer-wrap {padding:0 15px;} .container-custom h1 { padding-top:15px} .container-custom h1 img { height:40px} .container-custom { height:80px;} /* 뉴스룸 > 목록 */ .title-box .product-list-page-title h1.newsroom:before {left:0;} .akl .content-list .con-list-item > div.news-num {display:block;width:100%;padding:5px 20px; text-align:left} .akl .content-list .con-list-item > div.news-subje {display:block;width:100%;padding:5px 20px;} .akl .content-list .con-list-item > div.news-date {display:block;width:100%;padding:5px 20px;} /* 20190121 추가 */ .akl .newsRoom .content-list .con-list-item > div.news-num { display: none; } .akl .newsRoom .content-list .con-list-item > div.news-subje a{color: #0075a4; font-weight: 700; font-size: 16px;} .akl .newsRoom .content-list .con-list-item > div.news-date .tite-label { color: #002f5f; font-weight: 400; } /* 사회공헌뉴스 */ .title-box .product-list-page-title h1.social:before {left:0;} .akl .new-social-list .option-item-container > a {padding-top:0;} .akl .new-social-list .thumnail-box {position:static; max-height:none;} .akl .thumnail-box .featured-product__thumnail {position:static;} .akl .news-result-item-text {display:block;min-height:auto;padding:15px 20px 15px;} .akl .news-result-item-text .featured-product__title {height:auto;} .akl .news-result-item-text .featured-product__subtitle {padding:15px 0 0} .bod-view-thumnail img {width:100%;height:auto;margin:0 auto} .akl .news-result-item-text {min-height:auto;padding:15px 20px;} /* 신제품 > 목록 */ .title-box .product-list-page-title h1.new-product:before {left:0;} .new-product-head .announcement-search-result {display:block;width:100%;} .new-product-head .cuton-sel {display:block;width:100%;text-align:left;padding:5px 0 0}/*2019.02.21*/ .new-product-head .cuton-sel label {padding-right:0;} .new-product-head .cuton-sel select {display:block; width:100%;} /* 신제품 > 상세보기 */ .new-product-box .product-item-list li>div {text-align:left;} .product-item-header div.new-all-ceek {width:100% !important; text-align:left; padding-left:12px} .product-item-header div.shop-pro-prod {display:none;} .product-item-header div.shop-pro-price {display:none;} .product-item-header div.shop-pro-pvbv {display:none;} .product-item-header div.shop-pro-btn {display:none;} .product-item-list div.new-all-ceek {display:block;width:100%;text-align:left;padding-left:12px; padding-bottom:10px} .product-item-list div.shop-pro-prod {display:block;width:100%;padding:0 5px 0 12px;} .product-item-list div.shop-pro-price {clear:both;display:block;width:100%;padding:10px 5px 0 90px;} .product-item-list div.shop-pro-pvbv {clear:both;display:block;width:100%;padding:10px 5px 0 90px;} .product-item-list div.shop-pro-btn {clear:both;display:block;width:100%;padding:10px 5px 0 90px;text-align:left;} .product-item-list div.shop-pro-price .txt-label {display:inline-block;float:left;font-size:14px;color:#002f5f;font-weight:500;vertical-align:top;text-align:left;} .product-item-list div.shop-pro-price .txt-warp {display:inline-block;float:right;font-size:14px;vertical-align:top;text-align:right;} .product-item-list div.shop-pro-pvbv .txt-label {display:inline-block;float:left;font-size:14px;color:#002f5f;font-weight:500;vertical-align:top;text-align:left;} .product-item-list div.shop-pro-pvbv .txt-warp {display:inline-block;float:right;font-size:14px;vertical-align:top;text-align:right;} .product-item-list div.shop-pro-btn .txt-warp {width:100%;} .btn-more-pagination {padding: 20px 0 0;} /* 일시품절/해지/단종 */ /* 이미지 사이즈 고정 : 2018.11.21 (akl_shop.css 이동) .akl .order-history-search-wrapper.search-filter > .form-wrapper {display:none;} .title-box .product-list-page-title h1.extin {padding:0 0;} .termin-extin {clear:both;display:block;margin-top:0;} .cuton-mobile span {display:inline-block;border-left:1px solid #55565a;padding:0 8px;font-weight:500;font-size:14px;letter-spacing:-1px;} .cuton-mobile span:first-child {border-left:0 none;padding:0 8px 0 0;} .cuton-mobile span:last-child {padding:0 0 0 8px;} .cuton-mobile span a.active {color:#55565a;} .akl .extinction-list .product__list--item {margin-bottom:20px;} .akl .extinction-list {margin-top:20px;margin-left:0px;} .akl .extinction-list .product-list__item {height:auto;} .akl .extinction-list .product-list__item-content {height:auto;} .akl .extinction-list .product-list__item-detail {margin-top:10px} */ /* 온라인 고객센터 > 자주 묻는 질문(faq) */ .akl-faq-wrap .akl-faq-imgwrap img{ max-width:327px; } .akl-faq-wrap .akl-faq-imgwrap02 img, .akl-faq-wrap .akl-faq-imgwrap03 img {max-width:285px; width:100%} .akl-faq-wrap .akl-faq-imgwrap03 div{margin:0 auto 40px; padding:40px 0; } /* 온라인 고객센터 > 이메일 문의 */ .customer-form-wrapper .cote-s { float:none; margin-bottom:15px} .customer-form-wrapper .cote-s select.form-control {max-width:100%; width:100%; margin:5px 0 } .customer-form-wrapper .form-s { float:none} .akl .list-content-email .list-email-title {display:none; } .akl .list-content-email .content-list-email { border-top:1px solid #ddd; } .akl .list-content-email .content-list-email li { position:relative;} .akl .list-content-email .content-list-email .w01 { width:50%; position:absolute; left:0; top:10px;} .akl .list-content-email .content-list-email .w02 { width:100%; padding:20px 15px 0; float:none} .akl .list-content-email .content-list-email .w02 > div { overflow:visible; position:relative;} .akl .list-content-email .content-list-email .w02 .answer { margin-top:42px; } .akl .list-content-email .content-list-email .con-email-item:nth-child(even) {background:#f4f4f4;} .akl .list-content-email .content-list-email .txte-wrap:nth-of-type(1) {width:100%;text-align:left;} .akl .list-content-email .content-list-email .txte-wrap:nth-of-type(2) {width:100%;text-align:left;} .akl .list-content-email .content-list-email .txte-wrap:nth-of-type(3) {width:50%; position:absolute; right:0; top:10px; text-align:right;} .akl .list-content-email .content-list-email .w02 > .my-list .txte-wrap:nth-of-type(3) {top:-28px;} .akl .list-content-email .content-list-email .txte-wrap a { white-space: normal; } .akl .list-content-email .content-list-email .txte-wrap .mob { display: inline-block; margin-right:5px} .akl .list-content-email .content-list-email .answer .txte-wrap em{ display:block; margin:10px 0 } .email-inquiry h3 { font-size:16px; margin:35px 0 25px } .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} .email-view-head { padding:0 0 10px;} .email-view-head h2.head-title {font-size:24px; line-height:30px; } .email-view-head .btb-box {display:block; position:static; } .email-view-head .btb-box button.bt-akl-txt { padding: 0; } .ans-question .form-group { max-width:100%; } .ans-question .form-group .control-label { float:none; width:100%; } .ans-question .form-group .form-item-row { float:none; width:100%;} /* 평균 후원수당 공지 > 목록 */ .akl .content-list .con-list-item > div.cuo-num-brand {display:block;width:100%;padding:6px 20px; text-align:left} .akl .content-list .con-list-item > div.cuo-sub-brand {display:block;width:100%;padding:6px 20px; text-align:left} /* 컴플라이언스 센터 > 개인정보처리방침 */ .akl .compliance-area.privacy .termsWrapper .col-search-tab.link-to li {width:auto} .akl .compliance-area.privacy .termsWrapper .col-search-tab.link-to li:last-child a {border-right:0} .service-area .define-section .form-group .date-form-group .help-message{margin-left: 0;} } @media (max-width: 320px) { .akl .cuton-form-wrapper .form-s input.input-st {padding-right: 50px;font-size:12px} } /* 서비스센터 안내 추가 */ .akl .amway-theme .service-header{margin-top: 16px;} .akl .amway-theme .service-header__title{display: inline-block;vertical-align: middle;margin: 0;font-size: 14px;color: #56565a;} .akl .amway-theme .service-header__button{display: inline-block;vertical-align: middle;height: 32px;margin-left: 8px;padding: 0 13px;border-radius: 2px;border: 1px solid #002f5f;background: #fff;font-size: 14px;color: #002f5f;font-weight: 700;min-width: 120px;} @media (max-width: 768px) { .akl .amway-theme .service-header{display: flex;flex-direction: column;} .akl .amway-theme .service-header__button{max-width: 120px;margin: 12px 0 0;} } /* 챗봇 추가 수정사항 */ .akl .amway-theme .btn-more-wrap .btn_more-dash{color: #008fc5;font-weight: 700;font-size :18px;} .akl .amway-theme .install-cost .info{position: relative;padding-top: 27px;font-size: 14px;color: #54565a;} .akl .amway-theme .install-cost .info ~ .info{margin-top: 20px;} .akl .amway-theme .install-cost .info .flag{position: absolute;top: 0;left: 0;} /* 챗봇 비회원 */ .akl .amway-theme .service-area .login-box{margin: 35px 0 60px;} .akl .amway-theme .service-area .login-box__item{display: flex;justify-content: space-between;padding: 24px 0 19px;border-bottom: 1px solid #e5e5e5;} .akl .amway-theme .service-area .login-box__title .sub-title{font-size: 20px;color: #111;font-weight: 700;} .akl .amway-theme .service-area .login-box__title .sub-text{margin: 8px 0 0;font-size: 14px;font-weight: 500;color: #333;} .akl .amway-theme .service-area .login-box__button{width: 300px;height: 40px;border-radius: 2px;background: #002f5f;border: 1px solid #002f5f;color: #fff;font-size: 16px;font-weight: 700;letter-spacing: -.8px;} .akl .amway-theme .service-area .login-box__button--border{background: #fff;color: #002f5f;} .akl .amway-theme .service-area .login-box__form{width: 440px;} .akl .amway-theme .service-area .login-box__form-row{display: flex;width: 100%;align-items: center;justify-content: space-between;} .akl .amway-theme .service-area .login-box__form-row ~ .login-box__form-row{margin-top: 12px;} .akl .amway-theme .service-area .login-box__form-row .label{font-size: 16px;padding: 0;} .akl .amway-theme .service-area .login-box__form-row .required{color: #b90000;margin-left: 4px;} .akl .amway-theme .service-area .login-box__form-row .form-input{display: flex;width: 304px;} .akl .amway-theme .service-area .login-box__form-row .form-input .text{width: 100%;font-size: 14px;} .akl .amway-theme .service-area .login-box__form-row .form-select{position: relative;background: #fff;margin-right: 8px;} .akl .amway-theme .service-area .login-box__form-row .form-select::before{content: '';position: absolute;top: 12px;right: 12px;width: 16px;height: 16px;background: url(/_ui/responsive/theme-blue/images/akl_common/arrow-select-box.png) 50% 50% no-repeat;background-size: 16px auto;} .akl .amway-theme .service-area .login-box__form-row .form-select .select{border: 0;width: 100px;height: 40px;padding: 0 28px 0 16px;border: 1px solid #dadada;background: transparent;font-size: 13px;position: relative;z-index: 1;} .akl .amway-theme .service-area .login-box__form .login-box__button-wrap{margin-top: 24px;text-align: right;} .akl .amway-theme .service-area .login-box__title .sub-text--gray{font-size: 12px;color: #999;line-height: 1.5;} .akl .amway-theme .service-area .login-box__title .tel{font-size: 12px;color: #148fc5;text-decoration: underline;font-weight: 700;} .akl .amway-theme .service-area .apply-form input[type=checkbox] + label{font-size: 16px;font-weight: 500;} @media (max-width: 768px) { .akl .amway-theme .service-area .login-box{padding: 0;background: 0;} .akl .amway-theme .service-area .login-box__title .sub-text:first-child{margin-top: 0;} .akl .amway-theme .service-area .login-box__item{flex-direction: column;padding: 16px 0;border: 0;} .akl .amway-theme .service-area .login-box__item ~ .login-box__item{border-top: 0;} .akl .amway-theme .service-area .login-box__title{padding-bottom: 4px;} .akl .amway-theme .service-area .login-box__button-wrap{text-align: center;margin-top: 20px;} .akl .amway-theme .service-area .login-box__button{width: 200px;} .akl .amway-theme .service-area .login-box__form{width: 100%;margin-top: 16px;} .akl .amway-theme .service-area .login-box__form-row{display: block;} .akl .amway-theme .service-area .login-box__form-row ~ .login-box__form-row{margin-top: 20px;} .akl .amway-theme .service-area .login-box__form-row .form-input{width: 100%;margin-top: 6px;} .akl .amway-theme .service-area .login-box__form-row .form-select .select{width: 125px;} .akl .amway-theme .service-area .login-box__form .login-box__button-wrap{text-align: center;} .akl .amway-theme .service-area .login-box__form-row .form-input .text::placeholder{color: #999;font-weight: 400;} .akl .amway-theme .service-area [class^="form_element-"] input[type='checkbox'] + label, .service-area [class^="form_element-"] input[type='radio'] + label{min-height: 24px;line-height: 24px;} } /* 챗봇 추가 수정 */ .service-area .define-section .form-group .define-cont .serial-num .list-type2 li{font-size: 12px;} .service-area .define-section .form-group .date-form-group .help-message{background: url(../images/akl_common/ico_star.png) no-repeat left 5px;background-size: 5px;padding: 0 0 4px 10px;font-size: 12px;color: #999;line-height: 18px;} /* 고객서비스 종합안내 */ .akl .container.customer-service{ margin-bottom: 80px; } .akl .customer-service .title-box{ margin-bottom: 55px; padding-top: 20px; } .akl .customer-service .page-title{ margin: 0; } .akl .customer-service .title-box__sub-text{ margin-top: 10px; font-size: 14px; color: #56565a; } .akl .customer-service .cs-column{ display: flex; font-size: 0; } .akl .customer-service .cs-column ~ .cs-column{ margin-top: 60px; } .akl .customer-service .cs-column ~ .cs-column--counselor{ margin-top: 40px; } .akl .customer-service .cs-column__title, .akl .customer-service .cs-column__content{ display: inline-block; vertical-align: top; } .akl .customer-service .cs-column__title{ padding-top: 3px; } .akl .customer-service .cs-column__content{ margin-left: auto; width: 100%; max-width: 1000px; } .akl .customer-service .cs-column__title .title{ margin: 0; padding: 0; font-weight: 500; color: #111; font-size: 24px; line-height: 1.5;} .akl .customer-service .cs-column__title .link{ display: inline-block; margin-top: 12px; font-size: 0; } .akl .customer-service .cs-column__title .link::after{ content: ''; display: inline-block; vertical-align: bottom; width: 24px; height: 24px; background: url(../images/akl_service/arrow-link-right.png) 0 0 no-repeat; background-size: 100% auto; } .akl .customer-service .cs-column__title .link .text{ display: inline-block; vertical-align: bottom; font-weight: 500; font-size: 16px; color: #465c71; } .akl .customer-service .cs-column__title .title--text{ margin-top: 8px; font-size: 16px; color: #666; } .akl .customer-service .cs-column__content .search-input{ width: 100%; height: 60px; padding-left: 0; border: 0; border-bottom: 1px solid #111; font-size: 16px; font-weight: 400; } .akl .customer-service .cs-column__content .search-button{ position: absolute; top: 14px; right: 20px; width: 30px; height: 30px; background: 0; padding: 0; } .akl .customer-service .cs-column__content .search-button::before{ content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 26px; height: 26px; background: url(../images/akl_service/icon-cs-search.png) 0 0 no-repeat; background-size: 100% auto; } .akl .customer-service .cs-column__search{ position: relative; width: 100%; } .akl .customer-service .cs-column__faq-list{ position: relative; margin-top: 20px; font-size: 0; border-bottom: 1px solid #e5e5e5; background: repeating-linear-gradient(to bottom, #e5e5e5, #e5e5e5 1px, transparent 1px, transparent 50%); background-color: transparent; } .akl .customer-service .cs-column__faq-list::before{ content: ''; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background: repeating-linear-gradient(to right, transparent, #e5e5e5 1px, transparent 2px, transparent 25%); } .akl .customer-service .cs-column__faq-list::after{ content: ''; position: absolute; top: 0; right: 0; width: 1px; height: 100%; background: #e5e5e5; } .akl .customer-service .faq-list__item{ display: inline-block; position: relative; z-index: 5; width: 25%; font-weight: 400; } .akl .customer-service .faq-list__item .link{ display: flex; align-items: center; position: relative; width: 100%; font-size: 16px; height: 64px; padding-left: 40px; color: #55565a; } .akl .customer-service .faq-list__item .link .arrow{ content: ''; position: absolute; top: 50%; right: 42px; transform: translateY(-50%); width: 10px; height: 17px; background: url(../images/akl_service/arrow-button-right.png) 0 0 no-repeat; background-size: 100% auto; } .akl .customer-service .faq-list__item .link:hover .arrow{ background-image: url(../images/akl_service/arrow-button-right-active.png); } .akl .customer-service .faq-list__item .link:hover, .akl .customer-service .faq-list__item .link:focus{ font-weight: 700; color: #002f5f; } .akl .customer-service .cs-column__center{ display: flex; justify-content: space-between; } .akl .customer-service .cs-column__center__item{ width: 100%; max-width: 490px; } .akl .customer-service .cs-column__center__item .text-wrap{ margin-left: 20px; } .akl .customer-service .cs-column__center__item .link{ display: flex; position: relative; border: 1px solid #e1e1e1; justify-content: flex-start; align-items: center; padding: 50px 0 50px 50px; } .akl .customer-service .cs-column__center__item .img{ display: block; width: 72px; height: 72px; font-size: 0; line-height: 0; } .akl .customer-service .cs-column__center__item .img img{ width: 100%; max-width: 100%; height: auto; } .akl .customer-service .cs-column__center__item .title{ display: block; margin-top: 0; font-size: 18px; font-weight: 700; line-height: 26px; color: #002f5f; } .akl .customer-service .cs-column__center__item .title .new{ display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; position: relative; top: -1px; width: 42px; height: 20px; margin-right: 10px; border-radius: 20px; background: #ff385a; font-size: 12px; color: #fff; line-height: 15px; } .akl .customer-service .cs-column__center__item .title--small{ font-size: 18px; } .akl .customer-service .cs-column__center__item .text{ font-size: 16px; color: #666; margin: 8px 0 0; } .akl .customer-service .cs-column__center__item .map{ display: block; width: 100%; } .akl .customer-service .cs-column__center__item .map img{ width: 100%; max-width: 100%; } .akl .customer-service .cs-column__center--multi .cs-column__center__item{height: 180px;} .akl .customer-service .cs-column__center--multi .cs-column__center__item .link{height: 180px;} .akl .customer-service .cs-column__content .link::before, .akl .customer-service .cs-column__content .link::after{ content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100% + 2px); height: calc(100% + 2px); background: 0; border: 0; transition: transform .2s ease; border-color: #002f5f; border-style: solid; transform-origin: center; } .akl .customer-service .cs-column__content .link::before{ border-width: 1px 0; transform: translate(-50%, -50%) scale(0, 1); } .akl .customer-service .cs-column__content .link::after{ border-width: 0 1px; transform: translate(-50%, -50%) scale(1, 0); } .akl .customer-service .cs-column__content .link:hover::after, .akl .customer-service .cs-column__content .link:focus::after, .akl .customer-service .cs-column__content .link:hover::before, .akl .customer-service .cs-column__content .link:focus::before{ transform: translate(-50%, -50%) scale(1, 1); } .akl .customer-service .cs-column__content .link:hover, .akl .customer-service .cs-column__content .link:focus{ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); border-color: transparent; } .akl .customer-service .cs-column--counselor .cs-column__content{ display: flex; padding: 56px 0 0 60px; background: #f6f6f6; } .akl .customer-service .cs-column--counselor .exam-mobile{ width: 100%; height: 533px; max-width: 370px; background: url(../images/akl_service/img-cs-center.png) 0 0 no-repeat; background-size: 100%; } .akl .customer-service .cs-column--counselor .exam-mobile img{ width: 100%; max-width: 100%; } .akl .customer-service .cs-column--counselor .guide{ margin-left: 20px; padding-bottom: 40px; } .akl .customer-service .cs-column--counselor .guide__title{ margin: 0; font-size: 20px; color: #043261; font-weight: 700; } .akl .customer-service .cs-column--counselor .guide__title-sub{ margin: 10px 0 0; font-size: 15px; color: #333; font-weight: 500; } .akl .customer-service .cs-column--counselor .guide__text{ margin: 5px 0 20px; font-size: 14px; color: #333; font-weight: 500; } .akl .customer-service .cs-column--counselor .guide__text .highlight{ color: #ed174c; font-weight: 700; } .akl .customer-service .cs-column--counselor .guide__ars{ width: 450px; } .akl .customer-service .cs-column--counselor .guide__ars-item{ display: flex; align-items: center; width: 100%; } .akl .customer-service .cs-column--counselor .category-main{ display: flex; align-items: center; min-width: 180px; max-width: 180px; } .akl .customer-service .cs-column--counselor .category-main .num{ display: inline-flex; align-items: center; justify-content: center; width: 36px; min-width: 36px; height: 36px; border-radius: 100%; background: #043261; font-size: 17px; color: #fff; } .akl .customer-service .cs-column--counselor .category-main .text{ font-size: 16px; font-weight: 700; color: #002f5f; margin-left: 10px; } .akl .customer-service .cs-column--counselor .category-sub{ width: 100%; padding-left: 10px; } .akl .customer-service .cs-column--counselor .category-sub__item{ display: inline-block; white-space: nowrap; width: 130px; margin: 4px 0; letter-spacing: -1px; } .akl .customer-service .cs-column--counselor .category-sub__item:nth-of-type(2n) { width: auto; } .akl .customer-service .cs-column--counselor .category-sub__item .num{ display: inline-flex; align-items: center; justify-content: center; width: 20px; min-width: 20px; height: 20px; margin-right: 6px; border-radius: 100%; border: 1px solid #002f5f; background: #fff; color: #002f5f; font-size: 12px; } .akl .customer-service .cs-column--counselor .category-sub__item .text{ font-size: 14px; font-weight: 500; color: #333; } .akl .customer-service .cs-column--counselor .guide__ars-item ~ .guide__ars-item{ margin-top: 18px; padding-top: 15px; border-top: 1px solid #e5e5e5; } .akl .customer-service .cs-column--counselor .guide__ars-item--start{ align-items: flex-start; } .akl .customer-service .cs-column--counselor .guide__quick{ display: flex; justify-content: center; align-items: center; height: 34px; margin-top: 20px; border-radius: 34px; border: 1px solid #002f5f; background: #fff; font-size: 14px; color: #002f5f; } .akl .customer-service .cs-column--counselor .guide__quick li{ position: relative; margin: 0 16px; } .akl .customer-service .cs-column--counselor .guide__quick li ~ li::before{ content: ''; position: absolute; top: 6px; left: -16px; width: 1px; height: 8px; background: #e5e5e5; } .akl .customer-service .cs-column--counselor .guide__sub-text{ margin: 12px 0 0; font-weight: 500; font-size: 13px; color: #111; } .akl .customer-service .cs-column__center__item--list .link{ padding: 38px 0 38px 50px; } .akl .customer-service .cs-column__center__item--list .link ~ .link{ margin-top: 20px; } @media (max-width: 768px) { .akl .customer-service .cs-column__title{ display: flex; } .akl .customer-service .cs-column__title .title{ font-size: 18px; } .akl .customer-service .cs-column__title .title br{display: none;} .akl .customer-service .cs-column__title .link{ margin: 0 0 0 auto; } .akl .customer-service .cs-column__title .link .text{ font-size: 11px; } .akl .customer-service .cs-column__title .link::after{ width: 8px; height: 16px; margin-left: 4px; background: url(../images/akl_service/arrow-link-right-m.png) 0 0 no-repeat; background-size: 100% auto; } .akl .customer-service .cs-column__content{ margin-top: 10px; } .akl .customer-service .cs-column__content .search-input{ height: 38px; padding-left: 14px; border: 1px solid #dadada; font-size: 14px !important; } .akl .customer-service .cs-column__content .search-button{ top: 4px; right: 7px; } .akl .customer-service .cs-column__content .search-button .arrow{ width: 20px; height: 20px; background: url(../images/akl_service/icon-cs-search-m.png) 0 0 no-repeat; background-size: 100% auto; } .akl .customer-service .cs-column{ flex-direction: column; } .akl .customer-service .cs-column__faq-list{ margin-top: 16px; background: repeating-linear-gradient(to bottom, #e5e5e5, #e5e5e5 1px, transparent 1px, transparent 25%); } .akl .customer-service .cs-column__faq-list::before{ background: repeating-linear-gradient(to right, transparent, #e5e5e5 1px, transparent 2px, transparent 50%); } .akl .customer-service .faq-list__item{ width: 50%; } .akl .customer-service .faq-list__item .link{ height: 48px; padding-left: 24px; font-size: 14px; letter-spacing: -1px; } .akl .customer-service .faq-list__item .link .arrow{ right: 24px; width: 5px; height: 10px; } .akl .customer-service .cs-column__title .title--text{ margin: 3px 0 0 5px; font-size: 13px; color: #666; } .akl .customer-service .cs-column ~ .cs-column{ margin-top: 40px; } .akl .customer-service .cs-column__center__item ~ .cs-column__center__item{ margin-top: 10px; } .akl .customer-service .cs-column__center__item .link{ flex-direction: row; justify-content: flex-start; align-items: center; padding: 23px 24px; } .akl .customer-service .cs-column__center__item .title{ font-size: 15px; } .akl .customer-service .cs-column__center__item .text-wrap{ margin: 0 0 0 18px; width: 100%; text-align: left; } .akl .customer-service .cs-column__center__item .text{ font-size: 13px; margin: 0; } .akl .customer-service .cs-column__center__item .text-wrap br{ display: none; } .akl .customer-service .cs-column__center__item .img{ margin: 0; width: 48px; height: 48px; min-width: 48px; } .akl .customer-service .cs-column__center{ flex-direction: column; } .akl .customer-service .cs-column__center__item{ width: 100%; max-width: 100%; } .akl .customer-service .cs-column--counselor .cs-column__content{ position: relative; flex-direction: column; padding: 0; padding-top: 68px; } .akl .customer-service .cs-column ~ .cs-column--counselor{ width: auto; margin: 40px -15px 0; } .akl .customer-service .cs-column--counselor .guide{ margin: 0; padding: 20px 16px 30px; } .akl .customer-service .cs-column--counselor .guide__ars{ width: 100%; } .akl .customer-service .cs-column--counselor .category-sub__item{ display: flex; white-space: normal; width: 100%; } .akl .customer-service .cs-column--counselor .guide__quick li{ margin: 0 8px; font-size: 13px; letter-spacing: -1px;; } .akl .customer-service .cs-column--counselor .exam-mobile{ position: relative; left: 16px; width: 282px; height: 370px; margin: 0 auto; background: url(../images/akl_service/img-cs-center-m.png) 50% 0 no-repeat; background-size: 100% auto; } .akl .customer-service .cs-column--counselor .guide__title{ position: absolute; top: 40px; left: 0; width: 100%; font-size: 18px; text-align: center; } .akl .customer-service .cs-column--counselor .guide__title-sub{ margin: 0; text-align: center; font-weight: 500; font-size: 16px; color: #333; } .akl .customer-service .cs-column--counselor .guide__text{ margin-bottom: 30px; text-align: center; font-size: 15px; } .akl .customer-service .cs-column--counselor .separator{ display: block; font-size: 0; } .akl .customer-service .cs-column--counselor .guide__ars-item{ align-items: flex-start; } .akl .customer-service .cs-column--counselor .guide__ars-item--single{ align-items: center; } .akl .customer-service .cs-column--counselor .guide__ars-item--single .category-sub__item{ margin: 0; } .akl .customer-service .cs-column--counselor .guide__ars-item--single .num{ padding-top: 1px; } .akl .customer-service .cs-column--counselor .category-main{ padding-top: 3px; } .akl .customer-service .cs-column--counselor .guide__quick li ~ li::before{ left: -8px; } .akl .customer-service .cs-column__center--multi .cs-column__center__item, .akl .customer-service .cs-column__center--multi .cs-column__center__item .link{height: auto;} } /* 스마트오더 수정 */ .article-sop .box_sop-list.type-a .sop_list-item{ width: 50%; height: auto; margin-left: 0; padding: 0 8px; border: 0; vertical-align: top; } .article-sop .box_sop-list.type-a .sop_list-item .box_order-data{ height: 209px; border: 1px solid #e5e5e5; } @media (max-width: 768px) { .article-sop .box_sop-list.type-a .sop_list-item{ width: 100%; padding: 0; } .article-sop .box_sop-list.type-a .sop_list-item .box_order-data{height: auto; } } /* 20220127 25센트라이드 */ .service-area .service-kind.flex-align .service-item{display:inline-block} .service-area .service-kind.flex-align .service-kind-product img{max-width:90%} .service-area .define-section .form-group .define-cont .serial-num input[type="file"]{position:absolute;width:0;height:0;padding:0;overflow:hidden;border:0;} .service-area .define-section .form-group .define-cont .serial-num label{display:inline-block;margin-left:8px;padding:0 20px;background-color:#fff;color:#002F5F;border:1px solid #002F5F;height:40px;font-size:14px;line-height:39px;cursor:pointer;} .service-area .define-section .form-group .define-cont .serial-num label:hover, .service-area .define-section .form-group .define-cont .serial-num label:focus, .service-area .define-section .form-group .define-cont .serial-num label:active{color:#fff;background-color:#002F5F !important;border-color:#002F5F;transition:background-color 0.3s, color 0.3s;} .service-area .define-section .form-group .define-cont .form_group-element .form_element-radio{margin-left:0;margin-right:50px;margin-bottom:6px;min-width:auto;width:auto;} .service-area .define-section .form-group .define-cont .serial-num .serial-num-add{display:flex} .service-area .define-section .form-group .define-cont .serial-num .serial-num-add .form-control{width:calc(100% - 112px);max-width:400px} .service-area .align-box.has-border .toolTip-wrapper.tooltipNew .tooltip-content{top:27px} @media (max-width: 768px) { .service-area .align-box.has-border .withTooltip .toolTip-wrapper.tooltipNew.type-mob-full .tipCont-wrapper .tooltip-content{top:5px;left:auto} .service-area .define-section.product-info-table .form-group .define-cont .form_group-element .form_element-radio{margin-right:50px;width:auto} .service-area .service-kind.flex-align .service-kind-product img{max-width:40%} } @media (max-width:470px) { .service-area .define-section.product-info-table .form-group .define-cont .form_group-element .form_element-radio{margin-right:0;width:150px} } /* 20220513 말줄임 추가 */ .akl .news-result-item-text .featured-product__subtitle {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; line-height:19px; padding-top:0;} /* 20230406 암웨이 비즈니스&브랜드 센터 푸터/콘텐츠 영역 간격 추가 (Sprint4, 상시모니터링 No.38) */ @media (max-width: 768px) { .akl .shop-finder-container .shop-finder-main-content .shop-finder-main-content-body-area .shop-finder-main-content-body-area-left .QA-container {top: 0; height: 580px;} } /* 20230613 '반품안내'팝업 > '주문 반품 안내'탭 내 테이블 텍스트 줄바꿈 오류 수정 (Sprint6, 상시모니터링 No.46) */ @media (max-width: 768px) { .product_detailPop_2 .cbox .tblList02.mgt0 tbody tr td {word-wrap: break-word; white-space: normal;} .product_detailPop_2 .cbox .tblList02.mgt0 tbody tr td a {font-size: 14px; color: #55565a;} } /* S : 20241108 ASB-11875 - 개인톡으로 선물 전달 */ .akl.new-v2 .giftPage {height:100%; padding-top:0; margin-top:0;} .akl .gift_wrap .break {display:inline-block;} .gift_wrap {width:100%; max-width:100%; min-height:100%; padding:0; background-color:#f5f5f5;} .gift_wrap .header {height:50px; position:fixed; left:0; top:0; width:100%; z-index:5; background-color:#fff;} .gift_wrap .header .header__row {height:100%; display:flex; align-items:center; justify-content:center;} .gift_wrap .header .header__row .logo {font-size:initial; margin:0;} .gift_wrap .gift-form {padding:58px 0 59px;} .gift_wrap .gift-form__container {position:relative; padding:0 12px;} .gift_wrap .gift-form__container:before {content:""; position:absolute; left:0; top:0; width:100%; height:460px; background-color:#eef2fe;} .gift_wrap .gift-form__body {position:relative; max-width:720px; margin:0 auto; padding-top:89px;} .gift_wrap .gift-form__top {display:flex; align-items:center; justify-content:center; position:absolute; left:0; top:0; width:100%; height:81px; color:#000; font-weight:700; font-size:28px; line-height:1.48;} .gift_wrap .gift-form__top .back {position:absolute; left:0; top:50%; width:32px; height:32px; margin-top:-16px; background:url(/_ui/responsive/theme-blue/images/akl_customer/ico_arrow_left.svg) no-repeat 0 0/100% 100%;} .gift_wrap .gift-form__top p {margin:0;} .gift_wrap .gift-form__box {background-color:#fff; border-radius:20px; padding:60px 40px;} .gift_wrap .gift-form__noti {color:#000; font-size:24px; font-weight:600; margin-bottom:60px; text-align:center;} .gift_wrap .gift-form__noti .title {font-weight:700; font-size:24px; line-height:1.3; letter-spacing:-0.8px; margin:0;} .gift_wrap .gift-form__noti .text {color:#000; font-size:16px; font-weight:400; line-height:22px; letter-spacing:-0.8px; margin-bottom:0;} .gift_wrap .gift-form__noti .text:not(:first-child) {margin-top:12px;} .gift_wrap .gift-form__contents .group:not(:first-child) {margin-top:36px;} .gift_wrap .gift-form__contents .title {margin-bottom:18px; color:#000; font-weight:700; font-size:20px; line-height:1.5; letter-spacing:-0.8px; padding-bottom:16px; border-bottom:2px solid #000;} .gift_wrap .gift-form__contents .product__item {display:flex; align-items:center; border-bottom:1px solid #ededed; padding:24px 0; -moz-column-gap:20px; column-gap:20px;} .gift_wrap .gift-form__contents .product__item:first-child {padding-top:6px;} .gift_wrap .gift-form__contents .product__img {width:100px; height:100px;} .gift_wrap .gift-form__contents .product__img img {width:100%;} .gift_wrap .gift-form__contents .product__info {position:relative; flex:1;} .gift_wrap .gift-form__contents .product__num {position:absolute; right:0; top:50%; transform:translateY(-50%); color:#666; font-size:14px; font-weight:500;} .gift_wrap .gift-form__contents .product__code {font-family:"Roboto"; display:flex; -moz-column-gap:17px; column-gap:17px; font-size:12px; font-weight:500; color:#666; letter-spacing:-0.2px; line-height:1.6666666667; margin-bottom:0;} .gift_wrap .gift-form__contents .product__code span {position:relative;} .gift_wrap .gift-form__contents .product__code span:not(:first-child):before {content:""; display:block; position:absolute; left:-9px; top:6px; width:1px; height:8px; background-color:#d7d7d7;} .gift_wrap .gift-form__contents .product__name {margin-top:6px; margin-bottom:0; font-weight:600; font-size:16px; color:#111; letter-spacing:-0.8px;} .gift_wrap .gift-form__contents .form__row {display:flex; -moz-column-gap:8px; column-gap:8px;} .gift_wrap .gift-form__contents .form__row:not(:first-child) {margin-top:10px;} .gift_wrap .gift-form__contents .form__col {flex:1;} .gift_wrap .gift-form__contents .form__col [role=alert] {display:none;} .gift_wrap .gift-form__contents .form__col--auto {flex:0 0 auto;} .gift_wrap .gift-form__contents .form__button {display:flex; align-items:center; justify-self:center; text-align:center; padding:0 10px; background-color:#fff; border:1px solid #cccccc; border-radius:4px; font-size:14px; line-height:18px; letter-spacing:-0.8px; height:100%; color:#000; font-weight:500;} .gift_wrap .gift-form__contents .form__msg {margin-top:4px; margin-bottom:0; font-size:12px; line-height:20px;} .gift_wrap .gift-form__contents .form__msg--alert {color:#ff4444; font-weight:500;} .gift_wrap .gift-form__contents .checkbox {display:flex; margin:0;} .gift_wrap .gift-form__contents .checkbox input[type=checkbox]:checked + label:before {background-image:url(/_ui/responsive/theme-blue/images/akl_customer/ico_check_on.svg);} .gift_wrap .gift-form__contents .checkbox label {min-height:26px; display:block; padding-top:3.5px; margin:0; position:relative; padding-left:34px; color:#000; font-size:14px; font-weight:500; line-height:16.8px; letter-spacing:-0.8px; cursor:pointer;} .gift_wrap .gift-form__contents .checkbox label:before {content:""; display:block; position:absolute; left:0; top:0; width:26px; height:26px; background:url(/_ui/responsive/theme-blue/images/akl_customer/ico_check.svg) no-repeat 0 0/100% 100%; border:none;} .gift_wrap .gift-form__contents .checkbox label strong {display:block; color:#000; font-weight:700; font-size:16px; line-height:19.2px; margin-bottom:0;} .gift_wrap .gift-form__contents .checkbox label .separate {margin-bottom:9.5px;} .gift_wrap .gift-form__contents .checkbox label .underline {text-decoration:underline; text-underline-offset:1.5px;} .gift_wrap .gift-form__contents .agree__all {margin-bottom:12px; background-color:#f4f5f8; padding:20px; border-radius:8px;} .gift_wrap .gift-form__contents .agree__list {padding:0 20px;} .gift_wrap .gift-form__contents .agree__list .checkbox:not(:first-child) {margin-top:12px;} .gift_wrap .gift-form__contents .group-step {display:flex; justify-content:space-between;} .gift_wrap .gift-form__contents .group-step .step__item {position:relative; display:flex; align-items:center; justify-content:center; flex-direction:column; width:80px; text-align:center; padding-top:80px;} .gift_wrap .gift-form__contents .group-step .step__item:nth-of-type(3) {width:102px;} .gift_wrap .gift-form__contents .group-step .step__item::before {content:""; position:absolute; right:-42px; top:26px; display:block; width:28px; height:28px; background:url(/_ui/responsive/theme-blue/images/akl_customer/icon_gift_process_arrow2.png) no-repeat center center / 100% auto;} .gift_wrap .gift-form__contents .group-step .step__item::after {content:""; position:absolute; left:50%; top:0; transform:translateX(-50%); display:block; width:80px; height:80px; background-repeat:no-repeat; background-position:center center; background-size:100% auto;} .gift_wrap .gift-form__contents .group-step .step__item.step__item01::after {background-image:url(/_ui/responsive/theme-blue/images/akl_common/ico_delivery_process01.png);} .gift_wrap .gift-form__contents .group-step .step__item.step__item02::after {background-image:url(/_ui/responsive/theme-blue/images/akl_common/ico_delivery_process02.png);} .gift_wrap .gift-form__contents .group-step .step__item.step__item03::after {background-image:url(/_ui/responsive/theme-blue/images/akl_common/ico_delivery_process03.png);} .gift_wrap .gift-form__contents .group-step .step__item.step__item04::after {background-image:url(/_ui/responsive/theme-blue/images/akl_common/ico_delivery_process04.png);} .gift_wrap .gift-form__contents .group-step .step__item.step__item05::after {background-image:url(/_ui/responsive/theme-blue/images/akl_common/ico_delivery_process05.png);} .gift_wrap .gift-form__contents .group-step .step__item.step__item01.step__now::after {background-image:url(/_ui/responsive/theme-blue/images/akl_common/ico_delivery_process01_on.png);} .gift_wrap .gift-form__contents .group-step .step__item.step__item02.step__now::after {background-image:url(/_ui/responsive/theme-blue/images/akl_common/ico_delivery_process02_on.png);} .gift_wrap .gift-form__contents .group-step .step__item.step__item03.step__now::after {background-image:url(/_ui/responsive/theme-blue/images/akl_common/ico_delivery_process03_on.png);} .gift_wrap .gift-form__contents .group-step .step__item.step__item04.step__now::after {background-image:url(/_ui/responsive/theme-blue/images/akl_common/ico_delivery_process04_on.png);} .gift_wrap .gift-form__contents .group-step .step__item.step__item05.step__now::after {background-image:url(/_ui/responsive/theme-blue/images/akl_common/ico_delivery_process05_on.png);} .gift_wrap .gift-form__contents .group-step .step__item:last-child::before {content:none;} .gift_wrap .gift-form__contents .group-step .step__item .step__text {color:#000; font-size:14px; font-weight:400; margin:0;} .gift_wrap .gift-form__contents .group-step .step__item.step__now .step__text {color:#4469fa; font-weight:500;} .gift_wrap .gift-form__contents .group-step .step__item:has(~ .step__now) .step__text {color:#999;} .gift_wrap .gift-form__contents .group-step .step__item:has(~ .step__now)::before {background-image:url(/_ui/responsive/theme-blue/images/akl_customer/icon_gift_process_arrow.png);} .gift_wrap .gift-form__bottom {display:flex; justify-content:center; margin-top:40px;} .gift_wrap .gift-form__button {padding:14px 0; width:200px; letter-spacing:-0.8px; background-color:#002f5f; border-radius:8px; line-height:1.5; color:#fff; font-size:16px; text-align:center; font-weight:500;} .gift_wrap .gift-form__button .time {font-weight:400; display:block; font-size:14px; line-height:22px;} .gift_wrap .gift-form__contents .delivery__info {} .gift_wrap .gift-form__contents .delivery__info dl {display:flex; gap:40px; padding:18px 0; border-bottom:1px solid #ededed;} .gift_wrap .gift-form__contents .delivery__info dl:nth-of-type(1) {padding-top:0;} .gift_wrap .gift-form__contents .delivery__info dl dt {width:160px; color:#999; font-size:16px; font-weight:400;} .gift_wrap .gift-form__contents .delivery__info dl dd {width:calc(100% - 200px); color:#000; font-size:16px; font-weight:400;} .giftPage_delivery .gift_wrap .gift-form__contents .group:not(:first-child) {margin-top:60px;} /* S : input */ .akl .gift_wrap input[type=text], .akl .gift_wrap input[type=password], .akl .gift_wrap input[type=email], .akl .gift_wrap input[type=number], .akl .gift_wrap input[type=search], .akl .gift_wrap input[type=tel], .akl .gift_wrap input[type=url] {background-color:#fff; width:100%; border:1px solid #d7d7d7; border-radius:4px; padding:0 16px; height:40px; font-size:14px !important; line-height:1.4285714286; letter-spacing:-0.8px; color:#000; font-weight:500;} .akl .gift_wrap input[readonly], .akl .gift_wrap input[disabled] {background-color:#fff !important; border-color:#d7d7d7 !important;} .akl .gift_wrap input[type=text]:focus, .akl .gift_wrap input[type=password]:focus, .akl .gift_wrap input[type=email]:focus, .akl .gift_wrap input[type=number]:focus, .akl .gift_wrap input[type=search]:focus, .akl .gift_wrap input[type=tel]:focus, .akl .gift_wrap input[type=url]:focus {outline:none;} .akl .gift_wrap input[type=text]::-moz-placeholder, .akl .gift_wrap input[type=password]::-moz-placeholder, .akl .gift_wrap input[type=email]::-moz-placeholder, .akl .gift_wrap input[type=number]::-moz-placeholder, .akl .gift_wrap input[type=search]::-moz-placeholder, .akl .gift_wrap input[type=tel]::-moz-placeholder, .akl .gift_wrap input[type=url]::-moz-placeholder {color:#999; font-weight:500;} .akl .gift_wrap input[type=text]::placeholder, .akl .gift_wrap input[type=password]::placeholder, .akl .gift_wrap input[type=email]::placeholder, .akl .gift_wrap input[type=number]::placeholder, .akl .gift_wrap input[type=search]::placeholder, .akl .gift_wrap input[type=tel]::placeholder, .akl .gift_wrap input[type=url]::placeholder {color:#999; font-weight:500;} .akl .gift_wrap input[type=text][aria-invalid=true], .akl .gift_wrap input[type=password][aria-invalid=true], .akl .gift_wrap input[type=email][aria-invalid=true], .akl .gift_wrap input[type=number][aria-invalid=true], .akl .gift_wrap input[type=search][aria-invalid=true], .akl .gift_wrap input[type=tel][aria-invalid=true], .akl .gift_wrap input[type=url][aria-invalid=true] {border-color:#ff4444;} .akl .gift_wrap input[type=text][aria-invalid=true] ~ [role=alert], .akl .gift_wrap input[type=password][aria-invalid=true] ~ [role=alert], .akl .gift_wrap input[type=email][aria-invalid=true] ~ [role=alert], .akl .gift_wrap input[type=number][aria-invalid=true] ~ [role=alert], .akl .gift_wrap input[type=search][aria-invalid=true] ~ [role=alert], .akl .gift_wrap input[type=tel][aria-invalid=true] ~ [role=alert], .akl .gift_wrap input[type=url][aria-invalid=true] ~ [role=alert] {display:block;} .akl .gift_wrap input[type=search]::-ms-clear, .akl .gift_wrap input[type=search]::-ms-reveal {display:none;} .akl .gift_wrap input[type=search]::-webkit-search-decoration, .akl .gift_wrap input[type=search]::-webkit-search-cancel-button, .akl .gift_wrap input[type=search]::-webkit-search-results-button, .akl .gift_wrap input[type=search]::-webkit-search-results-decoration {display:none;} .akl .gift_wrap [type="checkbox"]:not(:checked) + label::before, .akl .gift_wrap [type="checkbox"]:checked + label::before {width:26px; height:26px;} .akl .gift_wrap [type="checkbox"]:checked + label::after {content:none;} /* E : input */ /* S : 카드 영역 */ .gift_wrap .gift-form {background-color:#f5f5f5;} .gift_wrap .gift-form .gift-form__card {display:block; max-width:640px; padding:0; margin:32px auto 40px; border-radius:16px; overflow:hidden; background:none;} .gift_wrap .gift-form .gift-form__card .gift-form__imgbox {height:auto;} .gift_wrap .gift-form .gift-form__card .gift-form__imgbox .img_box img {width:100%;} .gift_wrap .gift-form .gift-form__card .gift-form__textbox {padding:0 0 30px; margin-top:-15.3%; background-repeat:no-repeat; background-position:center bottom; text-align:center;} .gift_wrap .gift-form .gift-form__card .gift-form__textbox .gift_msg {position:relative; display:flex; flex-direction:column; justify-content:space-between; gap:12px; width:calc(100% - 60px); min-height:208px; margin:0 auto; background:#fff; white-space:initial; border-radius:16px; padding:20px;} .gift_wrap .gift-form .gift-form__card .gift-form__textbox .gift_msg::after {content:none;} .gift_wrap .gift-form .gift-form__card .gift-form__textbox .gift_msg .gift_msg-txt {width:100%; max-height:128px; line-height:1.6; font-size:16px; font-weight:500; letter-spacing:normal; color:#111; padding:0; text-align:center; word-break:break-all;} /* 20241217 ASB-11875 - 수정 */ .gift_wrap .gift-form .gift-form__card .gift-form__textbox .gift_msg .msg_from {color:#999; font-size:16px; font-weight:500; line-height:1.63;} /* 카드 케이스별 배경 */ .gift_wrap .gift-form.type01 .gift-form__card .gift-form__textbox {background:#9bdcff;} .gift_wrap .gift-form.type02 .gift-form__card .gift-form__textbox {background-image:url(/_ui/responsive/theme-blue/images/akl_common/new_eCard_img_pc_02_BT.png); background-size:100% 100%;} .gift_wrap .gift-form.type03 .gift-form__card .gift-form__textbox {background-image:url(/_ui/responsive/theme-blue/images/akl_common/new_eCard_img_pc_03_BT.png); background-size:100% 100%;} .gift_wrap .gift-form.type04 .gift-form__card .gift-form__textbox {background:linear-gradient(90deg, #d9b5dc 0%, #ecc8ef 100%);} .gift_wrap .gift-form.type05 .gift-form__card .gift-form__textbox {background:#b1fc99;} .gift_wrap .gift-form.type06 .gift-form__card .gift-form__textbox {background-image:url(/_ui/responsive/theme-blue/images/akl_common/new_eCard_img_pc_06_BT.png); background-size:100% 100%;} .gift_wrap .gift-form.type07 .gift-form__card .gift-form__textbox {background:linear-gradient(90deg, #fceee8 0%, #e5d6d0 100%);} .gift_wrap .gift-form.type08 .gift-form__card .gift-form__textbox {background:linear-gradient(90deg, #620f0b 0%, #68110d 100%);} .gift_wrap .gift-form.type09 .gift-form__card .gift-form__textbox {background-image:url(/_ui/responsive/theme-blue/images/akl_common/new_eCard_img_pc_09_BT.png); background-size:100% auto; background-color:#ffe1df;} .gift_wrap .gift-form.type10 .gift-form__card .gift-form__textbox {background:#b28aff;} .gift_wrap .gift-form.type11 .gift-form__card .gift-form__textbox {background:#4fcdcb;} .gift_wrap .gift-form.type12 .gift-form__card .gift-form__textbox {background:#e0dcd3;} .gift_wrap .gift-form.type13 .gift-form__card .gift-form__textbox {background:#c6e2ff;} .gift_wrap .gift-form.type14 .gift-form__card .gift-form__textbox {background:#fef7f8;} .gift_wrap .gift-form.type15 .gift-form__card .gift-form__textbox {background-image:url(/_ui/responsive/theme-blue/images/akl_common/new_eCard_img_pc_15_BT.png); background-size:100% auto; background-color:#d5f5f3;} .gift_wrap .gift-form.type16 .gift-form__card .gift-form__textbox {background-image:url(/_ui/responsive/theme-blue/images/akl_common/new_eCard_img_pc_16_BT.png); background-size:100% auto; background-color:#e6ddda;} .gift_wrap .gift-form.type17 .gift-form__card .gift-form__textbox {background-image:url(/_ui/responsive/theme-blue/images/akl_common/new_eCard_img_pc_17_BT.png); background-size:100% 100%;} .gift_wrap .gift-form.type18 .gift-form__card .gift-form__textbox {background-image:url(/_ui/responsive/theme-blue/images/akl_common/new_eCard_img_pc_18_BT.png); background-size:100% 100%; background-position-y:60px;} .gift_wrap .gift-form.type19 .gift-form__card .gift-form__textbox {background:#beced2;} .gift_wrap .gift-form.type20 .gift-form__card .gift-form__textbox {background:#93621d;} .gift_wrap .gift-form.type21 .gift-form__card .gift-form__textbox {background:linear-gradient(150deg, #ffccd9 -3.82%, #ffa1b5 27.75%);} .gift_wrap .gift-form.type22 .gift-form__card .gift-form__textbox {background-image:url(/_ui/responsive/theme-blue/images/akl_common/new_eCard_img_pc_22_BT.png); background-size:100% auto;} .gift_wrap .gift-form.type23 .gift-form__card .gift-form__textbox {background-image:url(/_ui/responsive/theme-blue/images/akl_common/new_eCard_img_pc_23_BT.png); background-size:100% 100%;} .gift_wrap .gift-form.type24 .gift-form__card .gift-form__textbox {background-image:url(/_ui/responsive/theme-blue/images/akl_common/new_eCard_img_pc_24_BT.png); background-size:100% auto;} .gift_wrap .gift-form.type25 .gift-form__card .gift-form__textbox {background:#ffb628;} .gift_wrap .gift-form.type26 .gift-form__card .gift-form__textbox {background:#e3c0d7;} .gift_wrap .gift-form.type27 .gift-form__card .gift-form__textbox {background-image:url(/_ui/responsive/theme-blue/images/akl_common/new_eCard_img_pc_27_BT.png); background-size:100% auto;} .gift_wrap .gift-form.type28 .gift-form__card .gift-form__textbox {background-image:url(/_ui/responsive/theme-blue/images/akl_common/new_eCard_img_pc_28_BT.png); background-size:100% 100%; background-position-y:60px;} .gift_wrap .gift-form.type29 .gift-form__card .gift-form__textbox {background-image:url(/_ui/responsive/theme-blue/images/akl_common/new_eCard_img_pc_29_BT.png); background-size:100% 100%; background-position-y:60px;} .gift_wrap .gift-form.type30 .gift-form__card .gift-form__textbox {background:#f9f0ec;} .gift_wrap .gift-form.type31 .gift-form__card .gift-form__textbox {background:#7aa593;} .gift_wrap .gift-form.type32 .gift-form__card .gift-form__textbox {background:#ebe9e1;} .gift_wrap .gift-form.type33 .gift-form__card .gift-form__textbox {background-image:url(/_ui/responsive/theme-blue/images/akl_common/new_eCard_img_pc_33_BT.png); background-size:100% auto;} .gift_wrap .gift-form.type34 .gift-form__card .gift-form__textbox {background:linear-gradient(90deg, #b68473 0%, #a07364 100%);} .gift_wrap .gift-form.type35 .gift-form__card .gift-form__textbox {background-image:url(/_ui/responsive/theme-blue/images/akl_common/new_eCard_img_pc_35_BT.png); background-size:100% auto; background-color:#96c5ae;} .gift_wrap .gift-form.type36 .gift-form__card .gift-form__textbox {background-image:url(/_ui/responsive/theme-blue/images/akl_common/new_eCard_img_pc_36_BT.png); background-size:100% 100%;} .gift_wrap .gift-form.type37 .gift-form__card .gift-form__textbox {background:radial-gradient(56.9% 56.9% at 50% 43.1%, #ebeff4 0%, #cbd5e2 80%);} .gift_wrap .gift-form.type38 .gift-form__card .gift-form__textbox {background-image:url(/_ui/responsive/theme-blue/images/akl_common/new_eCard_img_pc_38_BT.png); background-size:100% auto;} .gift_wrap .gift-form.type39 .gift-form__card .gift-form__textbox {background-image:url(/_ui/responsive/theme-blue/images/akl_common/new_eCard_img_pc_39_BT.png); background-size:100% auto;} .gift_wrap .gift-form.type40 .gift-form__card .gift-form__textbox {background-image:url(/_ui/responsive/theme-blue/images/akl_common/new_eCard_img_pc_40_BT.png); background-size:100% 100%;} .gift_wrap .gift-form.type41 .gift-form__card .gift-form__textbox {background:linear-gradient(90deg, #d3d5f1 0%, #bcbeda 100%);} .gift_wrap .gift-form.type42 .gift-form__card .gift-form__textbox {background:linear-gradient(90deg, #2ba176 0%, #2e8f6c 100%);} .gift_wrap .gift-form.type43 .gift-form__card .gift-form__textbox {background:#fc92b6;} .gift_wrap .gift-form.type44 .gift-form__card .gift-form__textbox {background:linear-gradient(90deg, #6e777c 0%, #6e777c 100%);} /* E : 카드 영역 */ /* S : 팝업 */ .giftPage_popup.fulllayer__box {position:fixed; top:0; display:none; align-items:center; justify-content:center; width:100%; height:100%; background-color:rgba(0,0,0, 0.7);z-index:11;} .giftPage_popup.fulllayer__box.hidden {display:none;} .giftPage_popup.fulllayer__box.showing {display:flex;} .giftPage_popup .orderended__layer {position:relative; display:flex; align-items:center; justify-content:space-between; flex-direction:column; width:335px; height:242px; background-color:#fff; border-radius:16px; padding:0 28px 28px; text-align:center;} .giftPage_popup .orderended__layer .__ico {margin-top:-55px;} .giftPage_popup .orderended__layer .orderended__layer-inn {width:100%;} .giftPage_popup .orderended__layer .orderended__layer-inn p {margin-bottom:5px; color:#000; font-weight:600; font-size:20px;} .giftPage_popup .orderended__layer .orderended__layer-inn span {color:#000; font-size:16px;} .giftPage_popup .orderended__layer .layer-bottom {width:100%; margin-top:32px;} .giftPage_popup .orderended__layer .bt-akl-blue {display:flex; align-items:center; justify-content:center; width:100%; height:46px; background-color:#002f5f; border-color:#002f5f; color:#fff; font-size:16px; border-radius:8px;} /* E : 팝업 */ @media (max-width: 768px) { .gift_wrap .gift-form {padding:50px 0 18px;} .gift_wrap .gift-form__container {background-image:none !important;} .gift_wrap .gift-form__top {height:58px; font-size:18px; font-weight:600;} .gift_wrap .gift-form__top .back {width:24px; height:24px; margin-top:-12px;} .gift_wrap .gift-form__body {padding-top:58px;} .gift_wrap .gift-form__body__pdb {padding-bottom:110px;} .gift_wrap .gift-form__box {padding:28px 18px 40px;} .gift_wrap .gift-form__noti {margin-bottom:20px;} .gift_wrap .gift-form__noti .title {font-size:18px;} .gift_wrap .gift-form__noti .text {margin-top:8px; font-size:14px; font-weight:500; line-height:1.38;} .gift_wrap .gift-form__card {margin-bottom:20px; height:510px; padding:20px;} .gift_wrap .gift-form__contents .group:not(:first-child) {margin-top:20px;} .gift_wrap .gift-form__contents .title {font-size:18px; margin-bottom:16px; padding-bottom:8px; line-height:1.6666666667;} .gift_wrap .gift-form__contents .product__item {padding:20px 20px 20px 0;} .gift_wrap .gift-form__contents .product__num {position:initial; transform:translateY(0); margin-top:10px;} .gift_wrap .gift-form__bottom {margin-top:24px;} .gift_wrap .gift-form__floating {position:fixed; left:0; bottom:0; width:100%; padding:20px; background-color:#fff;} .gift_wrap .gift-form__button {width:100%;} .gift_wrap .gift-form .break {display:block;} .gift_wrap .gift-form .mobile-hide {display:none;} .gift_wrap .gift-form__contents .group-step .step__item {justify-content:flex-start; width:52px; padding-top:40px;} .gift_wrap .gift-form__contents .group-step .step__item:nth-of-type(3) {width:52px;} .gift_wrap .gift-form__contents .group-step .step__item::before {right:-25%; top:16px; width:8px; height:8px; background-image:url(/_ui/responsive/theme-blue/images/akl_customer/icon_gift_process_arrow2_mo.png);} .gift_wrap .gift-form__contents .group-step .step__item:has(~ .step__now)::before {background-image:url(/_ui/responsive/theme-blue/images/akl_customer/icon_gift_process_arrow_mo.png);} .gift_wrap .gift-form__contents .group-step .step__item::after {width:40px; height:40px; background-size:contain;} .gift_wrap .gift-form__contents .group-step .step__item .step__text {font-size:11px; line-height:1.2;} .gift_wrap .gift-form__contents .delivery__info dl dt {width:80px; font-size:14px;} .gift_wrap .gift-form__contents .delivery__info dl dd {width:calc(100% - 120px); font-size:14px;} .giftPage_delivery .gift_wrap .gift-form__bottom {padding:0 50px; margin-top:40px;} .giftPage_delivery .gift_wrap .gift-form__contents .group:not(:first-child) {margin-top:28px;} /* S : 카드 영역 */ .gift_wrap .gift-form .gift-form__card {height:auto; margin:24px auto 20px;} .gift_wrap .gift-form .gift-form__card .gift-form__imgbox {position:relative;} .gift_wrap .gift-form .gift-form__card .gift-form__textbox {position:relative; padding-bottom:20px; margin-top:-29.5%;} .gift_wrap .gift-form .gift-form__card .gift-form__textbox .gift_msg {width:calc(100% - 40px);} .gift_wrap .gift-form .gift-form__card .gift-form__textbox .gift_msg .gift_msg-txt {max-height:initial;} /* 카드 케이스별 배경 */ .gift_wrap .gift-form.type07 .gift-form__card .gift-form__textbox {background:linear-gradient(90deg, #f5e8e0 0%, #e7d9d2 100%);} .gift_wrap .gift-form.type09 .gift-form__card .gift-form__textbox {background-image:url(/_ui/responsive/theme-blue/images/akl_common/new_eCard_img_mo_09_BT.png);} .gift_wrap .gift-form.type16 .gift-form__card .gift-form__textbox {background-image:url(/_ui/responsive/theme-blue/images/akl_common/new_eCard_img_mo_16_BT.png);} .gift_wrap .gift-form.type17 .gift-form__card .gift-form__textbox {background-image:url(/_ui/responsive/theme-blue/images/akl_common/new_eCard_img_mo_17_BT.png);} .gift_wrap .gift-form.type18 .gift-form__card .gift-form__textbox {background-image:url(/_ui/responsive/theme-blue/images/akl_common/new_eCard_img_mo_18_BT.png);} .gift_wrap .gift-form.type21 .gift-form__card .gift-form__textbox {background:linear-gradient(150deg, #ffccd9 -3.82%, #ffa1b5 7.75%);} .gift_wrap .gift-form.type22 .gift-form__card .gift-form__textbox {background-image:url(/_ui/responsive/theme-blue/images/akl_common/new_eCard_img_mo_22_BT.png);} .gift_wrap .gift-form.type24 .gift-form__card .gift-form__textbox {background-image:url(/_ui/responsive/theme-blue/images/akl_common/new_eCard_img_mo_24_BT.png);} .gift_wrap .gift-form.type27 .gift-form__card .gift-form__textbox {background-image:url(/_ui/responsive/theme-blue/images/akl_common/new_eCard_img_mo_27_BT.png);} .gift_wrap .gift-form.type33 .gift-form__card .gift-form__textbox {background-image:url(/_ui/responsive/theme-blue/images/akl_common/new_eCard_img_mo_33_BT.png);} .gift_wrap .gift-form.type34 .gift-form__card .gift-form__textbox {background:linear-gradient(50deg, #b68473 0%, #a07364 100%);} .gift_wrap .gift-form.type35 .gift-form__card .gift-form__textbox {background-image:url(/_ui/responsive/theme-blue/images/akl_common/new_eCard_img_mo_35_BT.png);} .gift_wrap .gift-form.type38 .gift-form__card .gift-form__textbox {background-image:url(/_ui/responsive/theme-blue/images/akl_common/new_eCard_img_mo_38_BT.png);} .gift_wrap .gift-form.type39 .gift-form__card .gift-form__textbox {background-image:url(/_ui/responsive/theme-blue/images/akl_common/new_eCard_img_mo_39_BT.png);} .gift_wrap .gift-form.type40 .gift-form__card .gift-form__textbox {background-image:url(/_ui/responsive/theme-blue/images/akl_common/new_eCard_img_mo_40_BT.png);} .gift_wrap .gift-form.type22 .gift-form__card .gift-form__imgbox::before {content:""; display:inline-block; width:100%; height:calc(100% + 130px); background:url(/_ui/responsive/theme-blue/images/akl_common/new_eCard_img_mo_22_line.png) repeat-y; background-size:100% 100%; position:absolute; top:99%; left:0;} .gift_wrap .gift-form.type24 .gift-form__card .gift-form__imgbox::before {content:""; display:inline-block; width:100%; height:calc(100% + 130px); background:url(/_ui/responsive/theme-blue/images/akl_common/new_eCard_img_mo_24_line.png) repeat-y; background-size:100% 100%; position:absolute; top:99%; left:0;} .gift_wrap .gift-form.type27 .gift-form__card .gift-form__imgbox::before {content:""; display:inline-block; width:100%; height:calc(100% + 130px); background:url(/_ui/responsive/theme-blue/images/akl_common/new_eCard_img_mo_27_line.png) repeat-y; background-size:100% 100%; position:absolute; top:99%; left:0;} .gift_wrap .gift-form.type33 .gift-form__card .gift-form__imgbox::before {content:""; display:inline-block; width:100%; height:calc(100% + 130px); background:linear-gradient(90deg, #9b9b9b 50%, #858585 50%); background-repeat:repeat-y; background-size:100% 100%; position:absolute; top:99%; left:0;} .gift_wrap .gift-form.type38 .gift-form__card .gift-form__imgbox::before {content:""; display:inline-block; width:100%; height:calc(100% + 130px); background:linear-gradient(90deg, #ded5fe 50%, #ddeffc 50%); background-repeat:repeat-y; background-size:100% 100%; position:absolute; top:99%; left:0;} .gift_wrap .gift-form.type39 .gift-form__card .gift-form__imgbox::before {content:""; display:inline-block; width:100%; height:calc(100% + 130px); background:linear-gradient(90deg, #0e1016 50%, #393941 50%); background-repeat:repeat-y; background-size:100% 100%; position:absolute; top:99%; left:0;} /* E : 카드 영역 */ /* S : 팝업 */ .giftPage_layer_popup .layerBox {left:0 !important; top:0 !important; margin:0 !important; width:100% !important; min-width:100% !important; max-width:100% !important; height:100% !important; background-color:#fff;} .giftPage_layer_popup .layerBox .cart-popup__dialog {height:100%; margin:0; box-shadow:none;} .giftPage_layer_popup .layerBox .cart-popup__dialog .cart-popup__content {max-height:100%;} .giftPage_layer_popup .layerBox .cart-popup__dialog .cart-popup__content.payment .cart-popup__item-info {max-height:calc(100% - 50px) !important; overflow-y:scroll;} /* E : 팝업 */ } /* E : 20241108 ASB-11875 - 개인톡으로 선물 전달 */ /* S : 20241126 ASB-11875 개인톡으로 선물 전달 0.4v 수정 건 */ .gift_wrap .gift-form__container .delivery__detail ~ .delivery__detail {padding-top: 18px; margin-top: 18px; border-top: 1px solid #ededed;} .gift_wrap .gift-form__container .delivery__detail:last-child {padding-bottom: 18px; border-bottom: 1px solid #ededed;} .gift_wrap .gift-form__container .delivery__detail dl {border-bottom: none; padding: 3px 0;} /* E : 20241126 ASB-11875 개인톡으로 선물 전달 0.4v 수정 건 */ /* S : 20250502 ASB-12620 - 고객서비스 페이지 개편 작업 */ /* 상단 타이틀 영역 공통 스타일 */ .akl .title-box.title-box_etc {padding:40px 0 0; margin:0;} .akl .title-box.title-box_etc .product-list-page-title {margin:0; padding:0 0 20px;} .akl .title-box.title-box_etc .product-list-page-title h1 {color:#111; letter-spacing:-1.6px; line-height:1.44; padding:0;} .akl .title-box.title-box_etc .product-list-page-desc {padding:0 0 40px;} .akl .title-box.title-box_etc .product-list-page-desc .desc-txt {font-size:16px; line-height:1.5; letter-spacing:-.8px; color:#111; margin:0;} .akl .service-area-renew {position:relative;} .akl .service-area-renew .service-header {position:absolute; right:0; top:0; margin-top:0;} .akl .service-area-renew .service-header .service-header-button-wrap {display:flex; align-items:center; justify-content:center; gap:8px;} .akl .service-area-renew .service-header .service-header-button-wrap .service-header__button {min-width:auto; height:auto; font-size:14px; font-weight:500; line-height:1.3; border-radius:4px; padding:10px 20px; margin:0; border:1px solid;} /* S : 20250515 ASB-12620 - 고객서비스 페이지 개편 작업 - 3차 */ .akl .service-area-renew .service-header .service-header-button-wrap .service-header__button.blue {color:#fff; background-color:#002f5f; border-color:#fff;} .akl .service-area-renew .service-header .service-header-button-wrap .service-header__button.blue:hover, .akl .service-area-renew .service-header .service-header-button-wrap .service-header__button.blue:active {color:#002f5f; background-color:#fff; border-color:#002f5f;} .akl .service-area-renew .service-header .service-header-button-wrap .service-header__button.white {color:#002f5f; background-color:#fff; border-color:#002f5f;} .akl .service-area-renew .service-header .service-header-button-wrap .service-header__button.white:hover, .akl .service-area-renew .service-header .service-header-button-wrap .service-header__button.white:active {color:#fff; background-color:#002f5f; border-color:#002f5f;} /* E : 20250515 ASB-12620 - 고객서비스 페이지 개편 작업 - 3차 */ .akl .order-history-account-section-content.account-section-content-renew {position:relative; z-index:10;} .akl .order-history-account-section-content.account-section-content-renew .account-orderhistory {margin:20px 0;} .akl .order-history-account-section-content.account-section-content-renew .form-wrapper {padding:0;} .akl .order-history-account-section-content.account-section-content-renew .form-wrapper .form-control {min-width:280px; color:#111; font-size:14px !important; font-weight:500; border-color:#d7d7d7; border-radius:4px; background:url(/_ui/responsive/theme-blue/images/ico_arrow_B_gray_M.png) center right 12px no-repeat; background-size:16px auto;} .akl .order-history-account-section-content.account-section-content-renew .form-wrapper .form-control + button {color:#fff; font-size:14px; font-weight:500; border-radius:8px; padding:0 26px;} .akl .order-history-account-section-content.account-section-content-renew .form-wrapper .form-control + button:hover {color:#002f5f;} .akl .order-history-account-section-content.account-section-content-renew .service_btn_wrap {position:absolute; right:0; top:82px;} /* S : 20250515 ASB-12620 - 고객서비스 페이지 개편 작업 - 3차 */ .akl .order-history-account-section-content.account-section-content-renew .service_btn_wrap .service_btn {display:block; color:#fff; font-size:14px; font-weight:500; background-color:#002f5f; border:1px solid #002f5f; border-radius:4px; padding:10px 23px;} /* 20250515 ASB-12620 - 고객서비스 페이지 개편 작업 - 3차 */ .akl .order-history-account-section-content.account-section-content-renew .service_btn_wrap .service_btn:hover, .akl .order-history-account-section-content.account-section-content-renew .service_btn_wrap .service_btn:active {color:#002f5f; background-color:#fff;} /* E : 20250515 ASB-12620 - 고객서비스 페이지 개편 작업 - 3차 */ .akl .container.customer-service.customer-service--new.customer-service-renew {max-width:1400px; padding:0 12px; margin:0 auto; clear:both;} .akl .container.customer-service.customer-service--new.customer-service-renew.over {max-width:100%; width:100%; padding:0;} .akl .container.customer-service.customer-service--new.customer-service-renew .customer-service-wrap {margin:0 -12px;} .akl .container.customer-service.customer-service--new.customer-service-renew.over .customer-service-wrap {max-width:1400px; padding:0; margin:0 auto; clear:both;} .akl .container.customer-service.customer-service--new.customer-service-renew.over .customer-service-wrap.cs-ccm {padding:48px 0; margin:32px 0 60px; background-color:#e6edff; border-radius:16px;} /* 20250515 ASB-12620 - 고객서비스 페이지 개편 작업 - 3차 */ .akl .container.customer-service.customer-service--new.customer-service-renew.over .customer-service-wrap.cs-ccm .cs-content-box {margin-bottom:0;} .akl .container.customer-service.customer-service--new.customer-service-renew.over .customer-service-wrap.cs-ccm .cs-content-box .cs-sub-box {margin-top:0;} .akl .container.customer-service.customer-service--new.customer-service-renew.over .customer-service-wrap .cs-content-box {margin-bottom:48px;} .akl .container.customer-service.customer-service--new.customer-service-renew.over .customer-service-wrap .cs-content-box .cs-sub-box {margin-top:20px;} .akl .container.customer-service.customer-service--new.customer-service-renew.over .customer-service-wrap .cs-content-box .cs-sub-box ~ .cs-sub-box {margin-top:60px;} .akl .customer-service-renew .cs-content-box {max-width:100%; margin:0 auto 80px;} .akl .customer-service-renew .cs-content-box .cs-sub-box {margin-top:20px;} .akl .customer-service-renew .cs-content-box .cs-sub-box + .cs-sub-box {margin-top:60px;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-sub-title {font-size:24px; line-height:1.5; margin-bottom:16px;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-sub-title + .cs-desc {margin-top:-4px;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-desc {color:#666; font-size:18px; font-weight:400; margin-bottom:0;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-desc + .cs-sub-title {margin-top:40px;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-menu-list-box {} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-menu-list-box .cs-menu-list.cs-menu-list__text {flex-wrap:nowrap; gap:16px; margin:0;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-menu-list-box .cs-menu-list.cs-menu-list__text li {position:relative; width:100%; margin:0; border-radius:16px; background-color:#f4f5f8;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-menu-list-box .cs-menu-list.cs-menu-list__text li::before {content:""; position:absolute; left:50%; top:24px; transform:translateX(-50%); display:block; width:80px; height:80px; background-color:#fff; background-position:center center; background-size:100% auto; background-repeat:no-repeat; border-radius:100%;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-menu-list-box .cs-menu-list.cs-menu-list__text li:nth-of-type(1)::before {background-image:url(/_ui/responsive/theme-blue/images/akl_service/ico-cs-faq01.png);} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-menu-list-box .cs-menu-list.cs-menu-list__text li:nth-of-type(2)::before {background-image:url(/_ui/responsive/theme-blue/images/akl_service/ico-cs-faq02.png);} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-menu-list-box .cs-menu-list.cs-menu-list__text li:nth-of-type(3)::before {background-image:url(/_ui/responsive/theme-blue/images/akl_service/ico-cs-faq03.png);} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-menu-list-box .cs-menu-list.cs-menu-list__text li:nth-of-type(4)::before {background-image:url(/_ui/responsive/theme-blue/images/akl_service/ico-cs-faq04.png);} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-menu-list-box .cs-menu-list.cs-menu-list__text li:nth-of-type(5)::before {background-image:url(/_ui/responsive/theme-blue/images/akl_service/ico-cs-faq05.png);} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-menu-list-box .cs-menu-list.cs-menu-list__text li:nth-of-type(6)::before {background-image:url(/_ui/responsive/theme-blue/images/akl_service/ico-cs-faq06.png);} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-menu-list-box .cs-menu-list.cs-menu-list__text li:nth-of-type(7)::before {background-image:url(/_ui/responsive/theme-blue/images/akl_service/ico-cs-faq07.png);} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-menu-list-box .cs-menu-list.cs-menu-list__text li:nth-of-type(8)::before {background-image:url(/_ui/responsive/theme-blue/images/akl_service/ico-cs-faq08.png);} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-menu-list-box .cs-menu-list.cs-menu-list__text li .cs-link {position:relative; height:100%; color:#111; font-size:16px; font-weight:500; letter-spacing:-1px; border:none; padding:120px 24px 24px; text-align:center;} /* 20250519 ASB-12620 - 고객서비스 페이지 개편 작업 - 4차 */ .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-menu-list-box .cs-menu-list.cs-menu-list__text li .cs-link::before, .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-menu-list-box .cs-menu-list.cs-menu-list__text li .cs-link::after {content:""; width:calc(100% + 2px); height:calc(100% + 2px); background:0; border:0; transition:transform .2s ease; transform-origin:center; border-color:#567bf3; border-style:solid; border-radius:16px; position:absolute; top:50%; left:50%;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-menu-list-box .cs-menu-list.cs-menu-list__text li .cs-link::before {border-width:2px 0; transform:translate(-50%, -50%) scale(0, 1);} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-menu-list-box .cs-menu-list.cs-menu-list__text li .cs-link::after {border-width:0 2px; transform:translate(-50%, -50%) scale(1, 0);} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-menu-list-box .cs-menu-list.cs-menu-list__text li .cs-link:hover::before, .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-menu-list-box .cs-menu-list.cs-menu-list__text li .cs-link:hover::after, .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-menu-list-box .cs-menu-list.cs-menu-list__text li .cs-link:active::before, .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-menu-list-box .cs-menu-list.cs-menu-list__text li .cs-link:active:after {transform:translate(-50%, -50%) scale(1, 1);} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-btn-issue {position:absolute; right:0; top:8px;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-btn-issue .btn-arrow {font-size:16px; font-weight:400; padding-right:16px;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-btn-issue .btn-arrow:after {top:calc(50% - 2px); width:16px; height:16px; background-image:url(/_ui/responsive/theme-blue/images/ico_arrow_M_black_S.png);} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-search {background-color:#d1e4fc; border-radius:16px; padding:50px 200px;} /* 20250509 ASB-12620 - 수정 */ .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-search .cs-content-box {margin-bottom:0;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-search .cs-content-box .sch-box {padding:16px 40px;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-search .cs-content-box .sch-box .sch-input {text-align:left;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-search .cs-content-box .sch-box .sch-input::placeholder {color:#999; font-weight:400;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-search .cs-content-box .sch-box .sch-input:focus::placeholder {color:#ccc; text-align:left;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-sub-box__depth {display:block;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-sub-box__depth > div {width:100%;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-sub-box__depth .cs-qa {flex-direction:column; gap:20px;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-sub-box__depth .cs-qa > div {width:100%;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-sub-box__depth .cs-qa .cs-qa-menu ul {flex-direction:row; gap:20px;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-sub-box__depth .cs-qa .cs-qa-menu ul li {} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-sub-box__depth .cs-qa .cs-qa-menu ul li a {border-radius:16px; border-color:#ededed; padding:32px;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-sub-box__depth .cs-qa .cs-qa-menu ul li a dl {padding-left:74px;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-sub-box__depth .cs-qa .cs-qa-menu ul li a dl::after {left:0; top:0; transform:translate(0, 0);} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-sub-box__depth .cs-qa .cs-qa-menu ul li a dl dt {color:#111; font-size:18px; font-weight:500;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-sub-box__depth .cs-qa .cs-qa-menu ul li a dl dt ~ dd {margin-top:4px;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-sub-box__depth .cs-qa .cs-qa-menu ul li a dl dd {color:#666; font-size:16px; font-weight:400;} /* S : 20250514 ASB-12620 - 고객서비스 페이지 개편 작업 - 2차 */ .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-qa-call {display:flex; gap:80px; padding:32px 60px; border:none; border-radius:16px; background:#f4f5f8;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-qa-call .cs-qa-call-left {position:relative; display:flex; align-items:center; justify-content:center; flex-direction:column; padding-left:20px; padding-right:194px;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-qa-call .cs-qa-call-left::before {content:""; position:absolute; right:0; bottom:-40px; display:block; width:120px; height:243px; background:url(/_ui/responsive/theme-blue/images/akl_service/bg-cs-call.png) no-repeat left top / 100% auto;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-qa-call .cs-qa-call-left h3 {color:#111; font-size:22px; font-weight:500; line-height:1.47; margin:0;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-qa-call .cs-qa-call-left h3 span {display:block; color:#111; font-size:14px; font-weight:400; line-height:1.75; margin-top:6px;} /* E : 20250514 ASB-12620 - 고객서비스 페이지 개편 작업 - 2차 */ .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-qa-call .cs-qa-call-left p {margin:20px 0 0;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-qa-call .cs-qa-call-left p a {color:#557af1; font-size:48px; font-weight:600; font-family:'Roboto', 'noto sans kr', sans-serif; line-height:1.17; text-decoration:none;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-qa-call .cs-qa-call-right {flex:1;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-qa-call .cs-qa-call-right dl {display:flex; gap:16px; align-items:center; padding:16px 0;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-qa-call .cs-qa-call-right dl ~ dl {border-top:1px solid #e7e7e7;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-qa-call .cs-qa-call-right dl dt {min-width:120px; color:#111; font-size:18px; font-weight:500; line-height:1.45; margin:0;} /* 20250514 ASB-12620 - 고객서비스 페이지 개편 작업 - 2차 */ /* S : 20250514 ASB-12620 - 고객서비스 페이지 개편 작업 - 2차 */ .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-qa-call .cs-qa-call-right dl:first-child {padding-bottom:24px;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-qa-call .cs-qa-call-right dl:first-child dt {align-self:flex-start;} /* E : 20250514 ASB-12620 - 고객서비스 페이지 개편 작업 - 2차 */ .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-qa-call .cs-qa-call-right dl dd {width:calc(100% - 120px); color:#111; font-size:16px; font-weight:400;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-qa-call .cs-qa-call-right .ars_service {} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-qa-call .cs-qa-call-right .ars_service h3 {color:#666; font-size:14px; font-weight:400; line-height:1.5; margin:0 0 16px;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-qa-call .cs-qa-call-right .ars_service span {display:inline-block; color:#ed174c; font-size:16px; font-weight:400; line-height:1.55; padding-right:20px;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-qa-call .cs-qa-call-right .ars_service ul {display:flex; gap:12px;} /* S : 20250514 ASB-12620 - 고객서비스 페이지 개편 작업 - 2차 */ .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-qa-call .cs-qa-call-right .ars_service ul li {border-radius:16px; background-color:#fff; padding:12px 24px; text-align:center;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-qa-call .cs-qa-call-right .ars_service ul li:last-child {padding:12px 40px;} /* E : 20250514 ASB-12620 - 고객서비스 페이지 개편 작업 - 2차 */ .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-qa-call .cs-qa-call-right .ars_service ul li p {color:#999; font-size:14px; font-weight:400; line-height:1.75; margin:0;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-qa-call .cs-qa-call-right .ars_service ul li span {display:block; color:#567bf3; font-size:16px; font-weight:500; line-height:1.65; padding:0;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-menu-list-box .cs-menu-list.cs-menu-list__icon {display:flex; flex-wrap:nowrap; gap:20px;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-menu-list-box .cs-menu-list.cs-menu-list__icon.cs-menu-list__icon-vertical li {margin:0;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-menu-list-box .cs-menu-list.cs-menu-list__icon.cs-menu-list__icon-vertical li .cs-link {position:relative; display:flex; align-items:center; border-radius:16px; border-color:#ededed; padding:32px;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-menu-list-box .cs-menu-list.cs-menu-list__icon.cs-menu-list__icon-vertical li dl {padding-left:74px;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-menu-list-box .cs-menu-list.cs-menu-list__icon.cs-menu-list__icon-vertical li dl::after {width:54px; height:54px; background-size:100% auto;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-menu-list-box .cs-menu-list.cs-menu-list__icon.cs-menu-list__icon-vertical li:nth-of-type(1) dl::after {background-image:url(/_ui/responsive/theme-blue/images/akl_service/ico-cs-sell01.png);} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-menu-list-box .cs-menu-list.cs-menu-list__icon.cs-menu-list__icon-vertical li:nth-of-type(2) dl::after {background-image:url(/_ui/responsive/theme-blue/images/akl_service/ico-cs-sell02.png);} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-menu-list-box .cs-menu-list.cs-menu-list__icon.cs-menu-list__icon-vertical li:nth-of-type(3) dl::after {background-image:url(/_ui/responsive/theme-blue/images/akl_service/ico-cs-sell03.png);} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-menu-list-box .cs-menu-list.cs-menu-list__icon.cs-menu-list__icon-vertical li dl dt {display:block; color:#111; font-size:18px; font-weight:500; line-height:1.47;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-menu-list-box .cs-menu-list.cs-menu-list__icon.cs-menu-list__icon-vertical li dl dt ~ dd {margin-top:4px;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-menu-list-box .cs-menu-list.cs-menu-list__icon.cs-menu-list__icon-vertical li dl dd {display:block; color:#666; font-size:16px; font-weight:400; line-height:1.45;} .akl .customer-service-renew .cs-ccm .cs-content-box {margin-bottom:0;} .akl .customer-service-renew .cs-ccm .cs-content-box .cs-sub-box {margin-top:0;} .akl .customer-service-renew .cs-ccm .cs-content-box .cs-sub-box .cs-ccm-process {position:relative; background:none;} /* S : 20250515 ASB-12620 - 고객서비스 페이지 개편 작업 - 3차 */ .akl .customer-service-renew .cs-ccm .cs-content-box .cs-sub-box .cs-ccm-process::before, .akl .customer-service-renew .cs-ccm .cs-content-box .cs-sub-box .cs-ccm-process::after {content:""; position:absolute; display:inline-block; background-repeat:no-repeat; background-size:100% auto;} .akl .customer-service-renew .cs-ccm .cs-content-box .cs-sub-box .cs-ccm-process::before {left:0; top:-10px; width:725px; height:175px; background-image:url(/_ui/responsive/theme-blue/images/akl_service/img-cs-ccm-mean01_renew.png); background-position:-182px 0;} .akl .customer-service-renew .cs-ccm .cs-content-box .cs-sub-box .cs-ccm-process::after {right:0; bottom:-10px; width:687px; height:80px; background-image:url(/_ui/responsive/theme-blue/images/akl_service/img-cs-ccm-mean02_renew.png); background-position:150px 0;} .akl .customer-service-renew .cs-ccm .cs-content-box .cs-sub-box .cs-ccm-process .cs-ccm-process-cont {position:relative; height:415px; background:url(/_ui/responsive/theme-blue/images/akl_service/img-cs-ccm-process_renew.png) no-repeat center top / contain; z-index:1;} /* E : 20250515 ASB-12620 - 고객서비스 페이지 개편 작업 - 3차 */ .akl .customer-service-renew .cs-ccm .cs-content-box .cs-sub-box .cs-ccm-process ul {position:absolute; width:1px; height:1px; margin:-1px; overflow:hidden; clip-path:polygon(0 0, 0 0, 0 0);} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-ccm-wrap {display:flex; gap:20px;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-ccm-wrap .cs-ccm-cont {width:100%; border:1px solid #ededed; border-radius:16px; padding:32px;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-ccm-wrap .cs-ccm-cont .cs-ccm-organization {display:flex; align-items:center; justify-content:center;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-ccm-wrap .cs-ccm-cont .cs-ccm-organization .cs-ccm-organization-text {position:relative; display:inline-block; color:#111; font-size:20px; font-weight:500; padding-right:40px; margin-right:40px;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-ccm-wrap .cs-ccm-cont .cs-ccm-organization .cs-ccm-organization-text::before {content:""; position:absolute; right:0; top:50%; transform:translateY(-50%); display:block; width:1px; height:18px; background-color:#d7d7d7;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-ccm-wrap .cs-ccm-cont .cs-ccm-organization .cs-ccm-organization-logo .orga_img1 {width:230px;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-ccm-wrap .cs-ccm-cont .cs-ccm-organization .cs-ccm-organization-logo .orga_img2 {width:218px;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-ccm-wrap.video .cs-ccm-cont {border-color:#f4f5f8; background-color:#f4f5f8;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-ccm-wrap .cs-ccm-cont .cs-ccm-certify {} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-ccm-wrap .cs-ccm-cont .cs-ccm-certify ul {position:relative; padding-left:112px;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-ccm-wrap .cs-ccm-cont .cs-ccm-certify ul::before {content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); display:block; width:80px; height:80px; background:url(/_ui/responsive/theme-blue/images/akl_service/img-cs-ccm-organization03_renew.png) no-repeat left top / 100% auto;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-ccm-wrap .cs-ccm-cont .cs-ccm-certify ul li {position:relative; color:#666; font-size:16px; font-weight:400; line-height:1.65; padding-left:11px;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-ccm-wrap .cs-ccm-cont .cs-ccm-certify ul li ~ li {margin-top:6px;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-ccm-wrap .cs-ccm-cont .cs-ccm-certify ul li::before {content:""; position:absolute; left:0; top:10px; display:block; width:3px; height:3px; background-color:#666; border-radius:100%;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-ccm-wrap .cs-ccm-cont .cs-ccm-video {display:flex; gap:24px;} /* S : 20250519 ASB-12620 - 고객서비스 페이지 개편 작업 - 4차 */ .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-ccm-wrap .cs-ccm-cont .cs-ccm-video .ccm-video-cont {max-width:320px; max-height:200px; overflow:hidden;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-ccm-wrap .cs-ccm-cont .cs-ccm-video .ccm-video-cont .view-img {position:relative; width:100%; height:100%;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-ccm-wrap .cs-ccm-cont .cs-ccm-video .ccm-video-cont .view-img::before {clear:both; content:''; display:block; position:absolute; left:50%; top:50%; z-index:3; transform:translate(-50%, -50%); width:66px; height:66px; background:url(/_ui/responsive/theme-blue/images/akl_brand/common/bg_movie_play.png) no-repeat 0 0; background-size:contain;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-ccm-wrap .cs-ccm-cont .cs-ccm-video .ccm-video-cont .view-img::after {clear:both; content:''; display:block; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0, 0, 0, 0.6);} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-ccm-wrap .cs-ccm-cont .cs-ccm-video .ccm-video-cont .view-img img {width:100%;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-ccm-wrap .cs-ccm-cont .cs-ccm-video .ccm-video-cont .view-img video {width:100%; height:100%; object-fit:cover;} /* E : 20250519 ASB-12620 - 고객서비스 페이지 개편 작업 - 4차 */ .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-ccm-wrap .cs-ccm-cont .cs-ccm-video .ccm-video-info {display:flex; flex-direction:column; gap:8px; width:calc(100% - 320px);} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-ccm-wrap .cs-ccm-cont .cs-ccm-video .ccm-video-info .ccm-video-info-title {color:#111; font-size:18px; font-weight:500; line-height:1.45; margin:0;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-ccm-wrap .cs-ccm-cont .cs-ccm-video .ccm-video-info .ccm-video-info-name {color:#666; font-size:16px; font-weight:400; line-height:1.5; margin:0;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-ccm-wrap .cs-ccm-cont .cs-ccm-video .ccm-video-info .ccm-video-info-link {display:inline-block; width:fit-content; line-height:1.5; border-radius:8px; background-color:#fff; padding:10px 20px; margin-top:auto; text-align:center;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-ccm-wrap .cs-ccm-cont .cs-ccm-video .ccm-video-info .ccm-video-info-link span {position:relative; color:#333; font-size:14px; font-weight:500; padding-left:26px;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-ccm-wrap .cs-ccm-cont .cs-ccm-video .ccm-video-info .ccm-video-info-link span::before {content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); display:block; width:20px; height:20px; background:url(/_ui/responsive/theme-blue/images/ico-go-link.png) no-repeat left top / 100% auto;} /* S : 20250514 ASB-12620 - 고객서비스 페이지 개편 작업 - 2차 */ .akl .container.customer-service.customer-service--new.customer-service-renew.over .customer-service-wrap.cs-ccm-process {max-width:100%; padding:80px 0; margin:80px 0; background-color:#f9f9f9;} .akl .container.customer-service.customer-service--new.customer-service-renew.over .customer-service-wrap.cs-ccm-process .cs-content-box {max-width:1400px; padding:0; margin:0 auto; clear:both;} .akl .container.customer-service.customer-service--new.customer-service-renew.over .customer-service-wrap.cs-ccm-process .cs-content-box .cs-sub-box {margin:0;} .akl .container.customer-service.customer-service--new.customer-service-renew.over .customer-service-wrap .cs-content-box .cs-sub-box .cs-ccm-wrap.block {display:block; padding:0;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-ccm-wrap .cs-ccm-certify-img {border:1px solid #ededed; border-radius:16px; text-align:center; padding:60px 0; margin:32px 0 0;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-ccm-wrap .cs-ccm-certify-img h3 {color:#111; font-size:20px; font-weight:500; line-height:1.5; margin:0 0 24px;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-ccm-wrap .cs-ccm-certify-img ul {display:flex; gap:40px; justify-content:center;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-ccm-wrap .cs-ccm-certify-img img {width:380px;} /* S : 20250515 ASB-12620 - 고객서비스 페이지 개편 작업 - 3차 */ .cs-ccm-process .cs-ccm-pro-wrap {display:flex; flex-direction:column;} .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box {position:relative; width:100%; border-radius:16px; background-color:#ededed; padding:40px 60px 60px;} .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box ~ .cs-ccm-pro-box {margin-top:110px;} /* E : 20250515 ASB-12620 - 고객서비스 페이지 개편 작업 - 3차 */ .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box h3 {color:#111; font-size:20px; font-weight:600; text-align:center; padding:0; margin:0 0 48px;} .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box .cs-ccm-pro-list {display:flex; justify-content:space-between;} .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box .cs-ccm-pro-list .cs-ccm-pro-item {position:relative;} .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box .cs-ccm-pro-list .cs-ccm-pro-item .cs-ccm-pro-info {position:relative; border-radius:16px; background-color:#fff; padding:24px;} .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box .cs-ccm-pro-list .cs-ccm-pro-item .cs-ccm-pro-info::before {content:""; position:absolute; right:24px; bottom:24px; display:block; width:80px; height:80px; background-repeat:no-repeat; background-position:right bottom; background-size:contain;} .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box .cs-ccm-pro-list .cs-ccm-pro-item .cs-ccm-pro-info .cs-ccm-pro-text-l {color:#111; font-size:18px; font-weight:500; line-height:1.45; margin:0 0 8px;} .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box .cs-ccm-pro-list .cs-ccm-pro-item .cs-ccm-pro-info .cs-ccm-pro-text-l.color-skyblue {color:#567bf3; font-weight:600;} .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box .cs-ccm-pro-list .cs-ccm-pro-item .cs-ccm-pro-info .cs-ccm-pro-text-m {color:#111; font-size:16px; font-weight:400; line-height:1.5; letter-spacing:-0.9px; margin:0;} /* 20250515 ASB-12620 - 고객서비스 페이지 개편 작업 - 3차 */ .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box .cs-ccm-pro-list .cs-ccm-pro-item .cs-ccm-pro-info .cs-ccm-pro-text-s {color:#666; font-size:14px; font-weight:400; line-height:1.43; margin:0;} .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box .cs-ccm-pro-list .cs-ccm-pro-item .cs-ccm-pro-label {color:#fff; font-size:18px; font-weight:500; text-align:center; border-radius:16px; background-color:#567bf3; padding:12px 0; margin:0 0 12px;} /* S : 20250515 ASB-12620 - 고객서비스 페이지 개편 작업 - 3차 */ .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box .cs-ccm-pro-check {position:absolute; left:50%; bottom:-106px; transform:translateX(-50%); width:325px; height:166px; background:url(/_ui/responsive/theme-blue/images/akl_service/ico-cs-arrow-b.png) no-repeat left top / contain;} .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box .cs-ccm-pro-check span {position:absolute; right:15px; top:98px; display:block; color:#567bf3; font-size:20px; font-weight:600; line-height:1.5; text-align:right;} /* E : 20250515 ASB-12620 - 고객서비스 페이지 개편 작업 - 3차 */ .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box.pro_1step .cs-ccm-pro-list .cs-ccm-pro-item {width:200px;} .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box.pro_1step .cs-ccm-pro-list .cs-ccm-pro-item::before {content:""; position:absolute; display:block; width:130px; height:15px; background:url(/_ui/responsive/theme-blue/images/akl_service/ico-cs-arrow-m.png) no-repeat left top / 100% auto;} .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box.pro_1step .cs-ccm-pro-list .cs-ccm-pro-item:nth-child(odd) {margin-right:28px;} .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box.pro_1step .cs-ccm-pro-list .cs-ccm-pro-item:nth-child(odd)::before {left:calc(50% + 124px); top:74px;} .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box.pro_1step .cs-ccm-pro-list .cs-ccm-pro-item:nth-child(even) {margin-left:28px;} .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box.pro_1step .cs-ccm-pro-list .cs-ccm-pro-item:nth-child(even)::before {right:calc(50% + 124px); top:130px; transform:rotate(180deg);} .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box.pro_1step .cs-ccm-pro-list .cs-ccm-pro-item:nth-child(even)::after {content:"단순문의\AVOC One-Stop 처리"; position:absolute; right:calc(50% + 124px); top:145px; display:block; color:#567bf3; font-size:14px; font-weight:500; text-align:center; white-space:pre;} .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box.pro_1step .cs-ccm-pro-list .cs-ccm-pro-item:nth-of-type(1) .cs-ccm-pro-info::before {background-image:url(/_ui/responsive/theme-blue/images/akl_service/ico-cs-ccm-process01.png);} .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box.pro_1step .cs-ccm-pro-list .cs-ccm-pro-item:nth-of-type(2) .cs-ccm-pro-info::before {background-image:url(/_ui/responsive/theme-blue/images/akl_service/ico-cs-ccm-process02.png);} /* S : 20250520 ASB-12620 - 수정 */ .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box.pro_1step .cs-ccm-pro-list .cs-ccm-pro-item:nth-of-type(3) .cs-ccm-pro-info::before {background-image:url(/_ui/responsive/theme-blue/images/akl_service/ico-cs-ccm-process04.png);} .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box.pro_1step .cs-ccm-pro-list .cs-ccm-pro-item:nth-of-type(4) .cs-ccm-pro-info::before {background-image:url(/_ui/responsive/theme-blue/images/akl_service/ico-cs-ccm-process03.png);} .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box.pro_1step .cs-ccm-pro-list .cs-ccm-pro-item .cs-ccm-pro-info {height:260px;} /* E : 20250520 ASB-12620 - 수정 */ /* S : 20250515 ASB-12620 - 고객서비스 페이지 개편 작업 - 3차 */ .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box.pro_2step {padding:40px 60px;} /* 20250519 ASB-12620 - 고객서비스 페이지 개편 작업 - 4차 */ .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box.pro_2step .cs-ccm-pro-list {justify-content:center;} .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box.pro_2step .cs-ccm-pro-list .cs-ccm-pro-item {width:213px;} .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box.pro_2step .cs-ccm-pro-list .cs-ccm-pro-item:nth-of-type(2) {margin:0 67px 0 74px;} .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box.pro_2step .cs-ccm-pro-list .cs-ccm-pro-item:nth-of-type(4) {margin:0 74px 0 67px;} .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box.pro_2step .cs-ccm-pro-list .cs-ccm-pro-item::before {content:""; position:absolute; right:-62px; top:50%; transform:translate(0, -50%); display:block; width:50px; height:15px; background:url(/_ui/responsive/theme-blue/images/akl_service/ico-cs-arrow-s.png) no-repeat left top / 100% auto;} .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box.pro_2step .cs-ccm-pro-list .cs-ccm-pro-item:last-child::before {content:none;} .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box.pro_2step .cs-ccm-pro-list .cs-ccm-pro-item:nth-of-type(2)::before, .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box.pro_2step .cs-ccm-pro-list .cs-ccm-pro-item:nth-of-type(3)::before {right:-57px; width:47px; height:17px; background-image:url(/_ui/responsive/theme-blue/images/akl_service/ico-cs-arrow-s2.png); background-size:contain;} .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box.pro_2step .cs-ccm-pro-list .cs-ccm-pro-item:nth-of-type(2)::after {content:""; position:absolute; left:225px; bottom:35px; display:block; width:251px; height:15px; background:url(/_ui/responsive/theme-blue/images/akl_service/ico-cs-arrow-l.png) no-repeat left top / 100% auto;} .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box.pro_2step .cs-ccm-pro-list .cs-ccm-pro-item:nth-of-type(3) {width:140px;} /* S : 20250520 ASB-12620 - 수정 */ .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box.pro_2step .cs-ccm-pro-list .cs-ccm-pro-item:nth-of-type(3) .cs-ccm-pro-info {height:176px; padding:20px;} .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box.pro_2step .cs-ccm-pro-list .cs-ccm-pro-item:nth-of-type(3) .cs-ccm-pro-info .cs-ccm-pro-text-m {margin-bottom:8px;} /* E : 20250520 ASB-12620 - 수정 */ /* E : 20250515 ASB-12620 - 고객서비스 페이지 개편 작업 - 3차 */ .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box.pro_2step .cs-ccm-pro-list .cs-ccm-pro-item:nth-of-type(3) .cs-ccm-pro-label {color:#111; background-color:#fff;} .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box.pro_2step .cs-ccm-pro-list .cs-ccm-pro-item:nth-of-type(1) .cs-ccm-pro-info::before {background-image:url(/_ui/responsive/theme-blue/images/akl_service/ico-cs-ccm-process05.png);} .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box.pro_2step .cs-ccm-pro-list .cs-ccm-pro-item:nth-of-type(2) .cs-ccm-pro-info::before {background-image:url(/_ui/responsive/theme-blue/images/akl_service/ico-cs-ccm-process06.png);} .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box.pro_2step .cs-ccm-pro-list .cs-ccm-pro-item:nth-of-type(3) .cs-ccm-pro-info::before {right:20px; bottom:16px; width:52px; height:52px; background-image:url(/_ui/responsive/theme-blue/images/akl_service/ico-cs-ccm-process07.png);} /* 20250520 ASB-12620 - 수정 */ .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box.pro_2step .cs-ccm-pro-list .cs-ccm-pro-item:nth-of-type(4) .cs-ccm-pro-info::before {background-image:url(/_ui/responsive/theme-blue/images/akl_service/ico-cs-ccm-process08.png);} .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box.pro_2step .cs-ccm-pro-list .cs-ccm-pro-item:nth-of-type(5) .cs-ccm-pro-info::before {background-image:url(/_ui/responsive/theme-blue/images/akl_service/ico-cs-ccm-process09.png);} /* S : 20250515 ASB-12620 - 고객서비스 페이지 개편 작업 - 3차 */ .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box.pro_2step .cs-ccm-pro-list .cs-ccm-pro-item .cs-ccm-pro-info {height:266px;} .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box.pro_2step .cs-ccm-pro-desc {color:#666; font-size:14px; font-weight:400; border-top:1px solid #d7d7d7; text-align:center; margin:32px 0 0; padding:24px 0 0;} /* 20250519 ASB-12620 - 고객서비스 페이지 개편 작업 - 4차 */ .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box.mid {width:325px; height:166px;} .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box.mid .voc_txt {} .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box.last {width:100%; background-color:#f4f4f4; border-radius:16px; padding:20px 0; margin:40px auto 0; text-align:center;} .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box.last .desc {color:#666; font-size:16px; font-weight:400; line-height:1.5; margin:0;} /* E : 20250515 ASB-12620 - 고객서비스 페이지 개편 작업 - 3차 */ .cs-ccm-news {display:flex; gap:32px;} .cs-ccm-news .cs-ccm-news-cont {width:calc(100% / 3); border-radius:16px; overflow:hidden;} .cs-ccm-news .cs-ccm-news-cont .cs-ccm-news-thum {} .cs-ccm-news .cs-ccm-news-cont .cs-ccm-news-thum img {Width:100%;} .cs-ccm-news .cs-ccm-news-cont .cs-ccm-news-detail {background-color:#f4f5f8; padding:20px;} .cs-ccm-news .cs-ccm-news-cont .cs-ccm-news-detail .cs-ccm-news-title {color:#111; font-size:18px; font-weight:500; line-height:1.45; margin:0;} .cs-ccm-news .cs-ccm-news-cont .cs-ccm-news-detail .cs-ccm-news-desc {color:#666; font-size:16px; font-weight:400; line-height:1.5; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; margin:8px 0 20px;} .cs-ccm-news .cs-ccm-news-cont .cs-ccm-news-detail .cs-ccm-news-date {color:#999; font-size:14px; font-weight:400;} /* E : 20250514 ASB-12620 - 고객서비스 페이지 개편 작업 - 2차 */ .customer-service--new .simpleGuide-wrap .sg-menu-wrap .sg-menu-box {z-index:1;} .customer-service--new .simpleGuide-wrap .sg-menu-wrap .sg-menu-box::before, .customer-service--new .simpleGuide-wrap .sg-menu-wrap .sg-menu-box::after {z-index:-1;} .customer-service--new .simpleGuide-wrap .sg-menu-wrap .sg-menu-box:hover {outline:none;} .customer-service--new .simpleGuide-wrap .sg-tit-box .sg-title {margin-bottom:0;} .customer-service--new .simpleGuide-wrap .sg-tit-box .sg-title + .js-share-sns-layer {width:auto;} /* 20250519 ASB-12620 - 고객서비스 페이지 개편 작업 - 4차 */ /* 고객센터 마우스오버 효과(공통) */ .customer-service--new .simpleGuide-wrap .sg-menu-wrap .sg-menu-box, .customer-service--new .simpleGuide-wrap .sg-sub-box .sg-sub-link a {position:relative;} .customer-service--new .simpleGuide-wrap .sg-menu-wrap .sg-menu-box::before, .customer-service--new .simpleGuide-wrap .sg-menu-wrap .sg-menu-box::after, .customer-service--new .simpleGuide-wrap .sg-sub-box .sg-sub-link a::before, .customer-service--new .simpleGuide-wrap .sg-sub-box .sg-sub-link a::after {content:""; width:calc(100% + 2px); height:calc(100% + 2px); background:0; border:0; transition:transform .2s ease; transform-origin:center; border-color:#567bf3; border-style:solid; border-radius:16px; position:absolute; top:50%; left:50%;} .customer-service--new .simpleGuide-wrap .sg-menu-wrap .sg-menu-box::before, .customer-service--new .simpleGuide-wrap .sg-sub-box .sg-sub-link a::before {border-width:2px 0; transform:translate(-50%, -50%) scale(0, 1);} .customer-service--new .simpleGuide-wrap .sg-menu-wrap .sg-menu-box::after, .customer-service--new .simpleGuide-wrap .sg-sub-box .sg-sub-link a::after {border-width:0 2px; transform:translate(-50%, -50%) scale(1, 0);} .customer-service--new .simpleGuide-wrap .sg-menu-wrap .sg-menu-box:hover::before, .customer-service--new .simpleGuide-wrap .sg-menu-wrap .sg-menu-box:hover::after, .customer-service--new .simpleGuide-wrap .sg-menu-wrap .sg-menu-box:active::before, .customer-service--new .simpleGuide-wrap .sg-menu-wrap .sg-menu-box:active:after, .customer-service--new .simpleGuide-wrap .sg-sub-box .sg-sub-link a:hover::before, .customer-service--new .simpleGuide-wrap .sg-sub-box .sg-sub-link a:hover::after, .customer-service--new .simpleGuide-wrap .sg-sub-box .sg-sub-link a:active::before, .customer-service--new .simpleGuide-wrap .sg-sub-box .sg-sub-link a:active:after {transform:translate(-50%, -50%) scale(1, 1);} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-menu-list-box .cs-menu-list.cs-menu-list__icon.cs-menu-list__icon-vertical li .cs-link::before, .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-menu-list-box .cs-menu-list.cs-menu-list__icon.cs-menu-list__icon-vertical li .cs-link::after, .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-sub-box__depth .cs-qa .cs-qa-menu ul li a::before, .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-sub-box__depth .cs-qa .cs-qa-menu ul li a::after {border-color:#567bf3; border-radius:16px;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-menu-list-box .cs-menu-list.cs-menu-list__icon.cs-menu-list__icon-vertical li .cs-link::before, .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-sub-box__depth .cs-qa .cs-qa-menu ul li a::before {border-width:2px 0;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-menu-list-box .cs-menu-list.cs-menu-list__icon.cs-menu-list__icon-vertical li .cs-link::after, .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-sub-box__depth .cs-qa .cs-qa-menu ul li a::after {border-width:0 2px;} /* S : 20250509 ASB-12620 - 추천검색어 영역 추가 */ .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-search .cs-content-box .recommend-sch-word {margin:24px 20px 0 40px;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-search .cs-content-box .recommend-sch-word .sch-word-box h3 {align-self:flex-start; color:#666; font-size:16px; line-height:1; padding-right:28px; margin-right:28px; opacity:1;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-search .cs-content-box .recommend-sch-word .sch-word-box h3::after {background-color:#999;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-search .cs-content-box .recommend-sch-word .sch-word-box > div {display:flex; flex-wrap:wrap; gap:6px 40px;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-search .cs-content-box .recommend-sch-word .sch-word-box .sch-word {color:#666; font-size:16px; opacity:1; line-height:1; margin:0;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-search .cs-content-box .recommend-sch-word .sch-word-box .sch-word::before {content:"#";} /* E : 20250509 ASB-12620 - 추천검색어 영역 추가 */ @media (max-width: 1420px) { .akl .container.customer-service.customer-service--new.customer-service-renew .customer-service-wrap .title-box.title-box_etc {padding:40px 20px 0;} .akl .container.customer-service.customer-service--new.customer-service-renew .customer-service-wrap .cs-content-box {padding:0 20px;} .akl .container.customer-service.customer-service--new.customer-service-renew.over .customer-service-wrap {padding:0 20px;} .akl .container.customer-service.customer-service--new.customer-service-renew.over .customer-service-wrap .title-box.title-box_etc {padding:40px 0 0;} .akl .container.customer-service.customer-service--new.customer-service-renew.over .customer-service-wrap .cs-content-box {padding:0;} .akl .container.customer-service.customer-service--new.customer-service-renew.over .customer-service-wrap.cs-ccm .cs-content-box {margin:0;} .customer-service--new .simpleGuide-wrap {padding:0 20px;} /* S : 20250514 ASB-12620 - 고객서비스 페이지 개편 작업 - 2차 */ .akl .container.customer-service.customer-service--new.customer-service-renew.over .customer-service-wrap.cs-ccm-process {padding:80px 20px; margin:48px 0;} .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box.pro_1step .cs-ccm-pro-list .cs-ccm-pro-item::before {width:110px;} .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box.pro_1step .cs-ccm-pro-list .cs-ccm-pro-item:nth-child(odd)::before {left:calc(50% + 117px);} .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box.pro_1step .cs-ccm-pro-list .cs-ccm-pro-item:nth-child(even)::before {right:calc(50% + 117px);} .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box.pro_1step .cs-ccm-pro-list .cs-ccm-pro-item:nth-child(even)::after {right:calc(50% + 112px);} /* S : 20250515 ASB-12620 - 고객서비스 페이지 개편 작업 - 3차 */ .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box.pro_2step .cs-ccm-pro-list .cs-ccm-pro-item::before {right:-53px; width:35px;} .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box.pro_2step .cs-ccm-pro-list .cs-ccm-pro-item:nth-of-type(2)::after {left:230px; width:240px;} /* 20250520 ASB-12620 - 수정 */ .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box.pro_2step .cs-ccm-pro-list .cs-ccm-pro-item:nth-of-type(2)::before, .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box.pro_2step .cs-ccm-pro-list .cs-ccm-pro-item:nth-of-type(3)::before {right:-52px; width:37px;} /* E : 20250515 ASB-12620 - 고객서비스 페이지 개편 작업 - 3차 */ /* E : 20250514 ASB-12620 - 고객서비스 페이지 개편 작업 - 2차 */ /* S : 20250519 ASB-12620 - 고객서비스 페이지 개편 작업 - 4차 */ .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box.pro_2step {padding:24px 12px 20px;} .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box.pro_2step .cs-ccm-pro-desc {font-size:13px; text-align:left; margin-top:20px; padding-top:16px;} /* E : 20250519 ASB-12620 - 고객서비스 페이지 개편 작업 - 4차 */ } @media (max-width: 1340px) { .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-sub-box__depth .cs-qa .cs-qa-menu ul {flex-direction:column; gap:12px;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-menu-list-box .cs-menu-list.cs-menu-list__text {flex-wrap:wrap; gap:12px;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-menu-list-box .cs-menu-list.cs-menu-list__text li {width:calc(25% - 9px);} /* 20250519 ASB-12620 - 고객서비스 페이지 개편 작업 - 4차 */ .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-menu-list-box .cs-menu-list.cs-menu-list__icon {flex-direction:column; gap:12px;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-qa-call {flex-direction:column; gap:0;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-qa-call .cs-qa-call-left {align-items:flex-start; padding:0;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-qa-call .cs-qa-call-left::before {left:initial; right:0; bottom:-31px; width:69px; height:141px;} /* 20250514 ASB-12620 - 고객서비스 페이지 개편 작업 - 2차 */ .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-qa-call .cs-qa-call-right .ars_service ul {flex-direction:column;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-qa-call .cs-qa-call-right .ars_service ul li {width:100%;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-ccm-wrap {flex-direction:column;} .customer-service--new .simpleGuide-wrap .sg-sub-box-wrap {flex-direction:column; gap:12px;} .customer-service--new .simpleGuide-wrap .sg-sub-box-wrap .sg-sub-box {width:100%;} /* S : 20250509 ASB-12620 - 추천검색어 영역 추가 */ .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-search .cs-content-box .recommend-sch-word {margin:20px 0 0;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-search .cs-content-box .recommend-sch-word .sch-word-box > div {gap:12px 20px; padding-top:0;} /* E : 20250509 ASB-12620 - 추천검색어 영역 추가 */ /* S : 20250514 ASB-12620 - 고객서비스 페이지 개편 작업 - 2차 */ .akl .container.customer-service.customer-service--new.customer-service-renew.over .customer-service-wrap.cs-ccm-process {padding:48px 20px; margin:48px 0;} /* S : 20250515 ASB-12620 - 고객서비스 페이지 개편 작업 - 3차 */ /* .cs-ccm-process .cs-ccm-pro-wrap {gap:24px;} */ .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box {padding:24px 12px;} .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box ~ .cs-ccm-pro-box {margin-top:72px;} /* E : 20250515 ASB-12620 - 고객서비스 페이지 개편 작업 - 3차 */ .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box h3 {font-size:18px; line-height:1.35; margin-bottom:20px;} .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box .cs-ccm-pro-list {flex-direction:column;} /* S : 20250515 ASB-12620 - 고객서비스 페이지 개편 작업 - 3차 */ .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box .cs-ccm-pro-list .cs-ccm-pro-item .cs-ccm-pro-info {padding:12px 16px;} .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box .cs-ccm-pro-list .cs-ccm-pro-item .cs-ccm-pro-info::before {right:16px; bottom:16px; width:52px; height:52px;} .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box .cs-ccm-pro-list .cs-ccm-pro-item .cs-ccm-pro-info .cs-ccm-pro-text-l {font-size:16px; line-height:1.5;} .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box .cs-ccm-pro-list .cs-ccm-pro-item .cs-ccm-pro-info .cs-ccm-pro-text-m {font-size:14px;} .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box .cs-ccm-pro-list .cs-ccm-pro-item .cs-ccm-pro-info .cs-ccm-pro-text-s {font-size:13px; line-height:1.55;} .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box .cs-ccm-pro-list .cs-ccm-pro-item .cs-ccm-pro-label {font-size:16px; border-radius:12px; padding:8px 0; margin-bottom:8px;} .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box .cs-ccm-pro-check {bottom:-70px; width:100%; height:93px; background:url(/_ui/responsive/theme-blue/images/akl_service/ico-cs-arrow-b-mo.png) no-repeat center top / auto 93px;} .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box .cs-ccm-pro-check span {right:50%; top:46px; transform:translateX(calc(50% + 66px)); font-size:16px;} /* E : 20250515 ASB-12620 - 고객서비스 페이지 개편 작업 - 3차 */ .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box.pro_1step .cs-ccm-pro-list {position:relative; gap:124px;} .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box.pro_1step .cs-ccm-pro-list .cs-ccm-pro-item {width:calc(50% - 6px);} /* S : 20250520 ASB-12620 - 수정 */ .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box.pro_1step .cs-ccm-pro-list .cs-ccm-pro-item::before {width:12px; height:54px; background:url(/_ui/responsive/theme-blue/images/akl_service/ico-cs-arrow-m_mo.png) no-repeat left top / 100% auto;} .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box.pro_1step .cs-ccm-pro-list .cs-ccm-pro-item:nth-child(odd) {margin-right:0;} .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box.pro_1step .cs-ccm-pro-list .cs-ccm-pro-item:nth-child(odd)::before {left:calc(50% - 18px); top:initial; bottom:calc(50% - 162px);} .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box.pro_1step .cs-ccm-pro-list .cs-ccm-pro-item:nth-child(even) {margin-left:0;} .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box.pro_1step .cs-ccm-pro-list .cs-ccm-pro-item:nth-child(even)::before {left:calc(50% + 10px); right:initial; top:calc(50% - 207px);} .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box.pro_1step .cs-ccm-pro-list .cs-ccm-pro-item:nth-child(even)::after {left:50%; right:initial; top:50%; transform:translate(-50%, calc(50% - 165px)); font-size:13px; line-height:1.55;} .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box.pro_1step .cs-ccm-pro-list .cs-ccm-pro-item:nth-of-type(3) {position:absolute; right:0; bottom:0;} .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box.pro_1step .cs-ccm-pro-list .cs-ccm-pro-item:nth-of-type(3)::before {bottom:calc(50% + 154px);} .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box.pro_1step .cs-ccm-pro-list .cs-ccm-pro-item:nth-of-type(4) {position:absolute; right:0; top:0;} .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box.pro_1step .cs-ccm-pro-list .cs-ccm-pro-item:nth-of-type(4)::before {top:calc(50% + 109px);} .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box.pro_1step .cs-ccm-pro-list .cs-ccm-pro-item:nth-of-type(4)::after {transform:translate(-50%, calc(50% + 151px));} /* E : 20250520 ASB-12620 - 수정 */ .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box.pro_1step .cs-ccm-pro-list .cs-ccm-pro-item .cs-ccm-pro-info {height:auto; min-height:192px;} .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box.pro_2step .cs-ccm-pro-list {gap:58px;} .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box.pro_2step .cs-ccm-pro-list .cs-ccm-pro-item {width:100%;} /* S : 20250515 ASB-12620 - 고객서비스 페이지 개편 작업 - 3차 */ .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box.pro_2step .cs-ccm-pro-list .cs-ccm-pro-item:nth-of-type(2), .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box.pro_2step .cs-ccm-pro-list .cs-ccm-pro-item:nth-of-type(4) {margin:0;} /* S : 20250520 ASB-12620 - 수정 */ .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box.pro_2step .cs-ccm-pro-list .cs-ccm-pro-item::before {right:50%; top:initial; bottom:-47px; transform:translate(calc(-50% + 6px), 0); width:12px; height:34px; background:url(/_ui/responsive/theme-blue/images/akl_service/ico-cs-arrow-s_mo.png) no-repeat left top / 100% auto;} .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box.pro_2step .cs-ccm-pro-list .cs-ccm-pro-item::after {content:none;} .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box.pro_2step .cs-ccm-pro-list .cs-ccm-pro-item:nth-of-type(2)::before {right:50%; transform:translate(calc(-50% + 6px), 0); width:12px; height:34px; background:url(/_ui/responsive/theme-blue/images/akl_service/ico-cs-arrow-s2_mo.png) no-repeat left top / 100% auto;} .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box.pro_2step .cs-ccm-pro-list .cs-ccm-pro-item:nth-of-type(2)::after {left:initial; right:38px; top:calc(50% + 50px); bottom:initial; width:12px; height:188px; background:url(/_ui/responsive/theme-blue/images/akl_service/ico-cs-arrow-l_mo.png) no-repeat left top / 100% auto;} /* E : 20250520 ASB-12620 - 수정 */ /* E : 20250515 ASB-12620 - 고객서비스 페이지 개편 작업 - 3차 */ .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box.pro_2step .cs-ccm-pro-list .cs-ccm-pro-item:nth-of-type(3) {width:calc(100% - 111px);} /* S : 20250520 ASB-12620 - 수정 */ .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box.pro_2step .cs-ccm-pro-list .cs-ccm-pro-item:nth-of-type(3)::before {width:12px; height:34px; right:calc(50% - 57px); background:url(/_ui/responsive/theme-blue/images/akl_service/ico-cs-arrow-s2_mo.png) no-repeat left top / 100% auto;} .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box.pro_2step .cs-ccm-pro-list .cs-ccm-pro-item:nth-of-type(3) .cs-ccm-pro-info {height:auto; padding:12px 16px;} .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box.pro_2step .cs-ccm-pro-list .cs-ccm-pro-item:nth-of-type(3) .cs-ccm-pro-info::before {right:16px; top:50%; transform:translateY(-50%); width:52px; height:52px;} /* E : 20250520 ASB-12620 - 수정 */ .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box.pro_2step .cs-ccm-pro-list .cs-ccm-pro-item .cs-ccm-pro-info {height:auto; min-height:76px; padding-right:88px;} .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box.pro_2step .cs-ccm-pro-list .cs-ccm-pro-item .cs-ccm-pro-info::before {top:50%; bottom:initial; transform:translateY(-50%);} .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box.pro_2step .cs-ccm-pro-list .cs-ccm-pro-item .cs-ccm-pro-info .cs-ccm-pro-text-l.color-skyblue {margin-bottom:4px;} /* 20250515 ASB-12620 - 고객서비스 페이지 개편 작업 - 3차 */ .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box.mid {width:100%; padding:12px 0;} .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box.mid .voc_txt {font-size:16px; padding-bottom:26px;} .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box.mid .voc_txt::before {width:30px; height:20px;} .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box.last {padding:16px; margin-top:24px;} /* 20250515 ASB-12620 - 고객서비스 페이지 개편 작업 - 3차 */ .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box.last .desc {font-size:13px; text-align:left;} /* E : 20250514 ASB-12620 - 고객서비스 페이지 개편 작업 - 2차 */ } @media (max-width: 900px) { .akl .order-history-account-section-content.account-section-content-renew .account-orderhistory {margin-bottom:32px;} .akl .order-history-account-section-content.account-section-content-renew .form-wrapper {float:none;} .akl .order-history-account-section-content.account-section-content-renew .form-wrapper .form-control {width:calc(100% - 86px) !important; min-width:initial;} .akl .order-history-account-section-content.account-section-content-renew .service_btn_wrap {position:static; margin-top:32px;} .akl .order-history-account-section-content.account-section-content-renew .service_btn_wrap .service_btn {padding:10px 0; text-align:center;} /* S : 20250509 ASB-12620 - 추천검색어 영역 추가 */ .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-search {width:calc(100% + 40px); padding:24px 20px; margin:0 -20px; border-radius:0;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-search .cs-content-box .sch-box {padding:14px 20px;} /* E : 20250509 ASB-12620 - 추천검색어 영역 추가 */ } @media (max-width: 768px) { /* 상단 타이틀 영역 공통 스타일 */ .akl .title-box.title-box_etc {padding:0;} .akl .title-box.title-box_etc .product-list-page-title {padding-bottom:12px;} .akl .title-box.title-box_etc .product-list-page-title h1 {font-size:24px; letter-spacing:-1.2px; line-height:1.5;} .akl .title-box.title-box_etc .product-list-page-desc {padding-bottom:20px;} .akl .title-box.title-box_etc .product-list-page-desc .desc-txt {font-size:14px; letter-spacing:-.7px; line-height:1.57; word-break:break-all !important;} .akl .container.customer-service.customer-service--new.customer-service-renew .customer-service-wrap .title-box.title-box_etc, .akl .container.customer-service.customer-service--new.customer-service-renew.over .customer-service-wrap .title-box.title-box_etc {padding:0;} .akl .container.customer-service.customer-service--new.customer-service-renew {padding:0 20px;} .akl .container.customer-service.customer-service--new.customer-service-renew .customer-service-wrap {margin:0;} .akl .customer-service-renew .cs-content-box {position:relative; padding:0; margin:0 auto 40px;} .akl .customer-service-renew .cs-content-box .cs-sub-box {margin-top:20px;} .akl .customer-service-renew .cs-content-box .cs-sub-box:nth-of-type(1) {padding-bottom:36px;} /* 20250519 ASB-12620 - 고객서비스 페이지 개편 작업 - 4차 */ .akl .customer-service-renew .cs-content-box .cs-sub-box + .cs-sub-box {margin-top:48px;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-sub-title {font-size:20px;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-btn-issue {left:50%; right:initial; top:initial; bottom:0; transform:translateX(-50%); width:100%; margin-top:0; text-align:right;} /* 20250519 ASB-12620 - 고객서비스 페이지 개편 작업 - 4차 */ .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-btn-issue .btn-arrow {position:relative; display:inline-block; font-size:14px; padding-right:14px;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-btn-issue .btn-arrow:after {top:50%; width:12px; height:12px;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-menu-list-box .cs-menu-list.cs-menu-list__text {gap:12px; flex-wrap:wrap;} /* S : 20250519 ASB-12620 - 고객서비스 페이지 개편 작업 - 4차 */ /* .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-menu-list-box .cs-menu-list.cs-menu-list__text li {width:calc(33% - 7px);} */ /* S : 20250515 ASB-12620 - 고객서비스 페이지 개편 작업 - 3차 */ .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-menu-list-box .cs-menu-list.cs-menu-list__text li::before {top:12px; width:44px; height:44px;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-menu-list-box .cs-menu-list.cs-menu-list__text li .cs-link {font-size:13px; line-height:1.4; padding:64px 5px 12px;} /* E : 20250515 ASB-12620 - 고객서비스 페이지 개편 작업 - 3차 */ /* E : 20250519 ASB-12620 - 고객서비스 페이지 개편 작업 - 4차 */ /* S : 20250509 ASB-12620 - 삭제 */ /*.akl .customer-service-renew .cs-content-box .cs-sub-box .cs-search {width:calc(100% + 40px); padding:24px 20px 20px; margin:0 -20px; border-radius:0;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-search .cs-content-box .sch-box {padding:14px 20px;}*/ /* E : 20250509 ASB-12620 - 삭제 */ .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-sub-box__depth .cs-qa .cs-qa-menu ul li a {padding:20px 16px;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-sub-box__depth .cs-qa .cs-qa-menu ul li a dl {padding-left:71px;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-sub-box__depth .cs-qa .cs-qa-menu ul li a dl dt {font-size:16px;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-sub-box__depth .cs-qa .cs-qa-menu ul li a dl dd {font-size:14px; line-height:1.75;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-sub-box__depth .cs-qa .cs-qa-menu ul li a dl dt ~ dd {margin-top:2px;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-sub-box__depth .cs-qa > div {padding-bottom:4px; margin-top:12px;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-qa-call {min-height:initial; padding:32px 20px 20px;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-qa-call .cs-qa-call-left h3 {font-size:18px;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-qa-call .cs-qa-call-left p {margin-top:16px;} /* 20250514 ASB-12620 - 고객서비스 페이지 개편 작업 - 2차 */ .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-qa-call .cs-qa-call-left p a {font-size:32px;} /* S : 20250514 ASB-12620 - 고객서비스 페이지 개편 작업 - 2차 */ .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-qa-call .cs-qa-call-right {min-width:initial; padding-top:25px;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-qa-call .cs-qa-call-right dl {flex-direction:column; align-items:flex-start; gap:6px; border-top:1px solid #e7e7e7;} /* E : 20250514 ASB-12620 - 고객서비스 페이지 개편 작업 - 2차 */ .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-qa-call .cs-qa-call-right dl dt {min-width:auto; font-size:16px; margin:0;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-qa-call .cs-qa-call-right dl dd {width:100%; font-size:14px; line-height:1.75;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-qa-call .cs-qa-call-right .ars_service h3 {font-size:14px; margin-bottom:20px;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-qa-call .cs-qa-call-right .ars_service h3 span {display:block; font-size:14px; line-height:1.75; padding:0 0 6px;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-qa-call .cs-qa-call-right .ars_service ul {flex-direction:column;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-qa-call .cs-qa-call-right .ars_service ul li {width:100%; padding:12px;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-qa-call .cs-qa-call-right .ars_service ul li p {font-size:14px;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-qa-call .cs-qa-call-right .ars_service ul li span {font-size:14px;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-menu-list-box .cs-menu-list.cs-menu-list__icon.cs-menu-list__icon-vertical li dl {padding-left:71px;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-menu-list-box .cs-menu-list.cs-menu-list__icon.cs-menu-list__icon-vertical li dl dt {font-size:16px;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-menu-list-box .cs-menu-list.cs-menu-list__icon.cs-menu-list__icon-vertical li dl dd {font-size:14px; line-height:1.75;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-menu-list-box .cs-menu-list.cs-menu-list__icon.cs-menu-list__icon-vertical li dl dd ~ dd {margin-top:2px;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-menu-list-box .cs-menu-list.cs-menu-list__icon.cs-menu-list__icon-vertical li .cs-link {padding:20px 16px;} .akl .container.customer-service.customer-service--new.customer-service-renew .customer-service-wrap .cs-content-box {padding:0;} /* S : 20250515 ASB-12620 - 고객서비스 페이지 개편 작업 - 3차 */ .akl .container.customer-service.customer-service--new.customer-service-renew.over .customer-service-wrap {padding:0 20px;} .akl .container.customer-service.customer-service--new.customer-service-renew.over .customer-service-wrap:nth-of-type(1) {padding:0;} .akl .container.customer-service.customer-service--new.customer-service-renew.over .customer-service-wrap:nth-of-type(1) .product-list-page-title {padding:0 20px 12px;} .akl .container.customer-service.customer-service--new.customer-service-renew.over .customer-service-wrap:nth-of-type(1) .cs-sub-box {padding:0 20px;} .akl .container.customer-service.customer-service--new.customer-service-renew.over .customer-service-wrap.cs-ccm {padding:32px 0 20px; margin:32px -20px 48px; border-bottom:none; border-radius:0;} .akl .container.customer-service.customer-service--new.customer-service-renew.over .customer-service-wrap.cs-ccm .cs-sub-box {padding:0;} /* E : 20250515 ASB-12620 - 고객서비스 페이지 개편 작업 - 3차 */ .akl .container.customer-service.customer-service--new.customer-service-renew.over .customer-service-wrap .cs-content-box {margin-bottom:48px;} .akl .container.customer-service.customer-service--new.customer-service-renew.over .customer-service-wrap .cs-content-box .cs-sub-box {padding-bottom:0;} .akl .container.customer-service.customer-service--new.customer-service-renew.over .customer-service-wrap .cs-content-box .cs-sub-box ~ .cs-sub-box {margin-top:48px;} .akl .container.customer-service.customer-service--new.customer-service-renew.over .customer-service-wrap.cs-ccm .cs-content-box {margin-bottom:0;} .akl .container.customer-service.customer-service--new.customer-service-renew.over .customer-service-wrap.cs-ccm .cs-content-box .cs-sub-box {margin-top:0;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-sub-title + .cs-desc {margin-top:-8px;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-desc {font-size:16px;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-desc + .cs-sub-title {margin-top:32px;} .akl .customer-service-renew .cs-ccm .cs-content-box .cs-sub-box .cs-ccm-process::before, .akl .customer-service-renew .cs-ccm .cs-content-box .cs-sub-box .cs-ccm-process::after {content:none;} .akl .customer-service-renew .cs-ccm .cs-content-box .cs-sub-box .cs-ccm-process .cs-ccm-process-cont {width:100%; height:226px; padding:0 16px; background:url(/_ui/responsive/theme-blue/images/akl_service/img-cs-ccm-process_m_renew.png) no-repeat center center / contain;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-ccm-wrap {flex-direction:column; gap:12px;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-ccm-wrap .cs-ccm-cont {padding:20px;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-ccm-wrap .cs-ccm-cont .cs-ccm-organization .cs-ccm-organization-text {font-size:16px; padding-right:20px; margin-right:20px;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-ccm-wrap .cs-ccm-cont .cs-ccm-organization .cs-ccm-organization-logo .orga_img1 {width:175px;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-ccm-wrap .cs-ccm-cont .cs-ccm-organization .cs-ccm-organization-logo .orga_img2 {width:159px;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-ccm-wrap .cs-ccm-cont .cs-ccm-certify ul {padding:120px 0 0;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-ccm-wrap .cs-ccm-cont .cs-ccm-certify ul::before {left:50%; top:0; transform:translate(-50%, 0);} /* S : 20250520 ASB-12620 - 수정 */ .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-ccm-wrap .cs-ccm-cont .cs-ccm-certify ul li {font-size:14px; line-height:1.5; padding-left:0;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-ccm-wrap .cs-ccm-cont .cs-ccm-certify ul li::before {content:none;} /* E : 20250520 ASB-12620 - 수정 */ .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-ccm-wrap.video {gap:20px;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-ccm-wrap.video .cs-ccm-cont {border-radius:0; padding:0;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-ccm-wrap .cs-ccm-cont .cs-ccm-video {flex-direction:column; gap:0;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-ccm-wrap .cs-ccm-cont .cs-ccm-video .ccm-video-cont {max-width:100%; max-height:initial;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-ccm-wrap .cs-ccm-cont .cs-ccm-video .ccm-video-info {gap:4px; width:100%; padding:20px;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-ccm-wrap .cs-ccm-cont .cs-ccm-video .ccm-video-info .ccm-video-info-title {font-size:16px; line-height:1.5;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-ccm-wrap .cs-ccm-cont .cs-ccm-video .ccm-video-info .ccm-video-info-name {font-size:14px; line-height:1.75;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-ccm-wrap .cs-ccm-cont .cs-ccm-video .ccm-video-info .ccm-video-info-link {width:100%; padding:10px 0; margin-top:20px;} .akl .service-area-renew .tabWrap_renew {margin-left:-15px; margin-right:-15px;} .akl .service-area-renew .service-header {position:static; margin-bottom:32px;} .akl .service-area-renew .service-header .service-header-button-wrap .service-header__button {width:100%; max-width:100%; padding:10px;} /* S : 20250509 ASB-12620 - 추천검색어 영역 추가 */ .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-search .cs-content-box .recommend-sch-word {margin:16px 0 0;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-search .cs-content-box .recommend-sch-word .sch-word-box > div {gap:12px 20px; padding-top:0;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-search .cs-content-box .recommend-sch-word .sch-word-box .sch-word {font-size:14px;} /* E : 20250509 ASB-12620 - 추천검색어 영역 추가 */ /* S : 20250514 ASB-12620 - 고객서비스 페이지 개편 작업 - 2차 */ .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-ccm-wrap .cs-ccm-certify-img {padding:32px 20px 20px; margin:32px 0 0;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-ccm-wrap .cs-ccm-certify-img h3 {font-size:16px; margin-bottom:16px;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-ccm-wrap .cs-ccm-certify-img ul {flex-direction:column; gap:20px;} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-ccm-wrap .cs-ccm-certify-img img {width:100%;} .cs-ccm-news {flex-direction:column; gap:16px;} .cs-ccm-news .cs-ccm-news-cont {width:100%;} .cs-ccm-news .cs-ccm-news-cont .cs-ccm-news-detail .cs-ccm-news-title {font-size:16px; line-height:1.35;} .cs-ccm-news .cs-ccm-news-cont .cs-ccm-news-detail .cs-ccm-news-desc {font-size:14px; margin:4px 0 12px; -webkit-line-clamp:3;} /* E : 20250514 ASB-12620 - 고객서비스 페이지 개편 작업 - 2차 */ /* .cs-ccm-process .cs-ccm-pro-wrap .cs-ccm-pro-box.pro_2step .cs-ccm-pro-list .cs-ccm-pro-item:nth-of-type(2)::after {bottom:-105px; width:185px; height:12px;} */ /* 20250520 ASB-12620 - 수정 */ /* 20250515 ASB-12620 - 고객서비스 페이지 개편 작업 - 3차 */ } /* E : 20250502 ASB-12620 - 고객서비스 페이지 개편 작업 */ /* 20250610 ASB-12770 암웨이 비즈니스&브랜드 센터 페이지 내 검색 버튼 수정 (Sprint6, 상시모니터링 No.16) */ .akl .order-history-account-section-content.account-section-content-renew .form-wrapper .form-control + button {border-radius: 4px;} /* 20250627 ASB-12802 고객문의 페이지 내 자주하는 질문 FAQ 메뉴 수정 */ .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-menu-list-box .cs-menu-list.cs-menu-list__text li:nth-of-type(1)::before {background-image:url(/_ui/responsive/theme-blue/images/akl_service/ico-cs-faq02.png);} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-menu-list-box .cs-menu-list.cs-menu-list__text li:nth-of-type(2)::before {background-image:url(/_ui/responsive/theme-blue/images/akl_service/ico-cs-faq04.png);} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-menu-list-box .cs-menu-list.cs-menu-list__text li:nth-of-type(3)::before {background-image:url(/_ui/responsive/theme-blue/images/akl_service/ico-cs-faq05.png);} .akl .customer-service-renew .cs-content-box .cs-sub-box .cs-menu-list-box .cs-menu-list.cs-menu-list__text li:nth-of-type(4)::before {background-image:url(/_ui/responsive/theme-blue/images/akl_service/ico-cs-faq03.png);} /* S : 20250704 ASB-12788 홈페이지 내 '고객서비스 홈' 페이지 생성 */ .cs-home-visual {width: 100%; padding: 114.5px 0 109.5px; background: url(/_ui/responsive/theme-blue/images/akl_service/img-home-visual.png) center / cover no-repeat; position: relative;} .cs-home-visual::after {content: ""; display: block; width: 100%; height: 100%; background: rgba(85, 72, 58, 0.15); position: absolute; top: 0; left: 0;} .cs-home-visual .visual-cont-wrap {width: 100%; max-width: 1400px; margin: 0 auto; padding-left: 60px; position: relative; z-index: 1;} .cs-home-visual .visual-cont {width: 100%; max-width: 513px; word-break: keep-all;} .cs-home-visual .visual-cont p {margin: 0;} .cs-home-visual .visual-cont .visual-tit {font-size: 40px; font-weight: bold; line-height: 1.3; letter-spacing: -2px; color: #fff;} .cs-home-visual .visual-cont .visual-desc {font-size: 18px; line-height: 1.56; letter-spacing: -.9px; color: #fff; margin-top: 16px;} .akl .cs-home-cont {margin: 80px 0;} .akl .cs-home-cont .cs-sub-box {width: 100%; max-width: 1400px; margin: 0 auto; margin-top: 0;} .akl .cs-home-cont .cs-sub-box .cs-sub-title {font-size: 28px; font-weight: 500; line-height: normal; letter-spacing: normal; margin-bottom: 40px; text-align: center;} .akl .cs-sub-box .cs-menu-list-box .cs-menu-list.cs-menu-list__img {display: grid; grid-template-columns: repeat(auto-fit, 264px); gap: 20px; justify-content: center; margin: 0;} .akl .cs-sub-box .cs-menu-list-box .cs-menu-list.cs-menu-list__img li {height: 320px; margin: 0; border-radius: 16px; background: #f4f4f4 center / cover no-repeat; position: relative;} .akl .cs-sub-box .cs-menu-list-box .cs-menu-list.cs-menu-list__img li.cs-menu01 {background-image: url(/_ui/responsive/theme-blue/images/akl_service/img-home-menu01.png);} .akl .cs-sub-box .cs-menu-list-box .cs-menu-list.cs-menu-list__img li.cs-menu02 {background-image: url(/_ui/responsive/theme-blue/images/akl_service/img-home-menu02.png);} .akl .cs-sub-box .cs-menu-list-box .cs-menu-list.cs-menu-list__img li.cs-menu03 {background-image: url(/_ui/responsive/theme-blue/images/akl_service/img-home-menu03.png);} .akl .cs-sub-box .cs-menu-list-box .cs-menu-list.cs-menu-list__img li.cs-menu04 {background-image: url(/_ui/responsive/theme-blue/images/akl_service/img-home-menu04.png);} .akl .cs-sub-box .cs-menu-list-box .cs-menu-list.cs-menu-list__img li.cs-menu05 {background-image: url(/_ui/responsive/theme-blue/images/akl_service/img-home-menu05.png);} .akl .cs-sub-box .cs-menu-list-box .cs-menu-list.cs-menu-list__img li a {width: 100%; height: 100%; display: flex;} .akl .cs-sub-box .cs-menu-list-box .cs-menu-list.cs-menu-list__img li a .cs-menu-list__tit {width: 100%; height: auto; padding: 26px 24px 22px; border-radius: 0 0 16px 16px; align-self: flex-end; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)); color: #fff;} .akl .cs-sub-box .cs-menu-list-box .cs-menu-list.cs-menu-list__img li a .cs-menu-list__tit p {font-size: 18px; font-weight: bold; line-height: 1.44; letter-spacing: -.54px; margin: 0;} .akl .cs-sub-box .cs-menu-list-box .cs-menu-list.cs-menu-list__img li a .cs-menu-list__tit span {font-size: 14px; font-weight: 500; line-height: 1.43; letter-spacing: normal; display: inline-block; position: relative;} .akl .cs-sub-box .cs-menu-list-box .cs-menu-list.cs-menu-list__img li a .cs-menu-list__tit span::after {content: ""; display: inline-block; width: 12px; height: 12px; background: url(/_ui/responsive/theme-blue/images/ico_arrow_R_white_S.png) center / 12px auto no-repeat; position: relative; margin-left: 2px;} .akl .cs-sub-box .cs-menu-list-box .cs-menu-list.cs-menu-list__img li a .cs-menu-list__tit p ~ span {margin-top: 6px;} @media (max-width: 768px) { .cs-home-visual {padding: 96px 20px; background: url(/_ui/responsive/theme-blue/images/akl_service/img-home-visual-mo.png) right bottom / auto 192% no-repeat;} .cs-home-visual .visual-cont-wrap {padding: 0;} .cs-home-visual .visual-cont {max-width: initial;} .cs-home-visual .visual-cont p {text-align: center;} .cs-home-visual .visual-cont .visual-tit {font-size: 28px; line-height: 1.43; letter-spacing: -1.4px;} .cs-home-visual .visual-cont .visual-desc {font-size: 16px; line-height: 1.5; letter-spacing: -.8px;} .akl .cs-home-cont {margin: 48px 0 40px;} .akl .cs-home-cont .cs-sub-box {padding: 0 20px;} .akl .cs-home-cont .cs-sub-box .cs-sub-title {font-size: 20px; line-height: 1.4; letter-spacing: -1px; margin-bottom: 24px;} .akl .cs-sub-box .cs-menu-list-box .cs-menu-list.cs-menu-list__img {grid-template-columns: repeat(auto-fit, 154px); gap: 12px;} .akl .cs-sub-box .cs-menu-list-box .cs-menu-list.cs-menu-list__img li {height: 220px;} .akl .cs-sub-box .cs-menu-list-box .cs-menu-list.cs-menu-list__img li.cs-menu01 {background-image: url(/_ui/responsive/theme-blue/images/akl_service/img-home-menu01_mo.png);} .akl .cs-sub-box .cs-menu-list-box .cs-menu-list.cs-menu-list__img li.cs-menu02 {background-image: url(/_ui/responsive/theme-blue/images/akl_service/img-home-menu02_mo.png);} .akl .cs-sub-box .cs-menu-list-box .cs-menu-list.cs-menu-list__img li.cs-menu03 {background-image: url(/_ui/responsive/theme-blue/images/akl_service/img-home-menu03_mo.png);} .akl .cs-sub-box .cs-menu-list-box .cs-menu-list.cs-menu-list__img li.cs-menu04 {background-image: url(/_ui/responsive/theme-blue/images/akl_service/img-home-menu04_mo.png);} .akl .cs-sub-box .cs-menu-list-box .cs-menu-list.cs-menu-list__img li.cs-menu05 {background-image: url(/_ui/responsive/theme-blue/images/akl_service/img-home-menu05_mo.png);} .akl .cs-sub-box .cs-menu-list-box .cs-menu-list.cs-menu-list__img li a .cs-menu-list__tit {padding: 26px 12px 10px;} .akl .cs-sub-box .cs-menu-list-box .cs-menu-list.cs-menu-list__img li a .cs-menu-list__tit p {font-size: 16px; line-height: 1.38; letter-spacing: -.48px;} } @media (max-width: 360px) { .akl .cs-sub-box .cs-menu-list-box .cs-menu-list.cs-menu-list__img {grid-template-columns: repeat(2, 1fr)} } /* E : 20250704 ASB-12788 홈페이지 내 '고객서비스 홈' 페이지 생성 */ /* S : 20250707 ASB-12802 고객서비스 페이지 내 FAQ 카테고리 정리 */ .akl.new-v2 .highlight_keyword {color: #356BED; margin: 0 !important;} .akl.new-v2 .main-container:has(.customer-area.faq-renew) {max-width: 1424px;} /* 20250722 ASB-12802 추가 */ .akl.new-v2:has(.main-container) .container.amway-theme:has(.customer-area.faq-renew) {padding: 0;} /* 20250722 ASB-12802 추가 */ .akl.new-v2:has(.email-view-head) .container-fluid.main-container {max-width: 1424px;} /* 20250723 ASB-12802 추가 */ .akl.new-v2:has(.email-view-head) .container-fluid.main-container .container {padding: 0;} /* 20250723 ASB-12802 추가 */ .akl.new-v2 .container.amway-theme:has(.customer-area.faq-renew) {max-width: 1424px;} .akl.new-v2 .customer-area.faq-renew {margin-bottom: 80px;} .akl.new-v2 .customer-area.faq-renew .list-content-email .list-email-title:has(.w05) > div {width: 15%; padding: 0 15px; float: left;} .akl.new-v2 .customer-area.faq-renew .list-content-email .list-email-title > div.w05 + div.w02 {width: 40%} .akl.new-v2 .customer-area.faq-renew .list-content-email .content-list-email .w05 {width: 15%; float: left; text-align: center;} .akl.new-v2 .customer-area.faq-renew .list-content-email .content-list-email .w05 .txte-wrap {width: auto; float: initial; } .akl.new-v2 .customer-area.faq-renew .list-content-email .content-list-email .w05 + .w02 {width: 70%;} .akl.new-v2 .customer-area.faq-renew .list-content-email .content-list-email .w05 + .w02 .txte-wrap:nth-of-type(1) {width: 57.2%;} .akl.new-v2 .customer-area.faq-renew .list-content-email .content-list-email .w05 + .w02 .txte-wrap:nth-of-type(2), .akl.new-v2 .customer-area.faq-renew .list-content-email .content-list-email .w05 + .w02 .txte-wrap:nth-of-type(3) {width: 21.4%;} .akl.new-v2 .customer-area.faq-renew .list-content-email .content-list-email span.category {color: #808285;} .akl.new-v2 .customer-area.faq-renew .info-txt {margin: 20px 0 0; font-size: 16px; font-weight: normal; line-height: 1.63; letter-spacing: normal; color: #111;} .akl.new-v2 .customer-area.faq-renew .cs-content-box .cs-sub-box:first-child {margin-top: 40px;} .akl.new-v2 .customer-area.faq-renew .cs-content-box .cs-sub-box:has(.cs-search) {position: initial;} .akl.new-v2 .customer-area.faq-renew .cs-content-box .cs-sub-box:has(.accordion-type01), .akl.new-v2 .customer-area.faq-renew .cs-content-box .cs-sub-box:has(.search-no-result) {margin-top: 40px;} .akl.new-v2 .customer-area.faq-renew .cs-content-box .cs-sub-box .cs-sub-title {text-align: left; letter-spacing: -1.2px;} .akl.new-v2 .customer-area.faq-renew .cs-content-box .cs-sub-box:has(.accordion-type01) .cs-sub-title {margin-top: 60px;} .akl.new-v2 .customer-area.faq-renew .cs-content-box .cs-sub-box .cs-search .cs-content-box .sch-box .sch-input {letter-spacing: normal;} .akl.new-v2 .customer-area.faq-renew .cs-content-box .cs-sub-box .cs-search .sch-box .sch-btn {right: 24px;} .akl.new-v2 .customer-area.faq-renew .cs-sub-box.cs-renewal .cs-sub-box__depth .cs-qa {margin: 16px 0 0;} .akl.new-v2 .customer-area.faq-renew .cs-sub-box.cs-renewal .cs-sub-box__depth .cs-qa .cs-qa-menu ul li dl {word-break: break-all;} .akl.new-v2 .customer-area.faq-renew span.color-gray {color: #999 !important;} .akl.new-v2 .tabs_wrap {margin: 16px 0 40px;} .akl.new-v2 .tabs_wrap > div ~ div {margin-top: 24px;} .akl.new-v2 .tabs_block_wrap.tabs_block_wrap_v2 .tabs-toggles {display: flex; width: 100%; justify-content: space-between; flex-wrap: nowrap; overflow-x: auto; margin-bottom: 24px;} .akl.new-v2 .tabs_block_wrap.tabs_block_wrap_v2 .tabs-toggles .tab-toggle-wrap {display: inline-block; width: 100%; height: auto; background: #fff; border: 1px solid #d7d7d7;} .akl.new-v2 .tabs_block_wrap.tabs_block_wrap_v2 .tabs-toggles .tab-toggle-wrap:not(:last-child) {border-right: none;} .akl.new-v2 .tabs_block_wrap.tabs_block_wrap_v2 .tabs-toggles .tab-toggle-wrap:first-child {border-radius: 4px 0 0 4px;} .akl.new-v2 .tabs_block_wrap.tabs_block_wrap_v2 .tabs-toggles .tab-toggle-wrap:last-child {border-radius: 0 4px 4px 0;} .akl.new-v2 .tabs_block_wrap.tabs_block_wrap_v2 .tabs-toggles .tab-toggle-wrap:only-child {border-radius: 4px;} .akl.new-v2 .tabs_block_wrap.tabs_block_wrap_v2 .tabs-toggles .tab-toggle-wrap .tab-toggle {display: block; padding: 13px 23px; width: 100%; height: 100%;} .akl.new-v2 .tabs_block_wrap.tabs_block_wrap_v2 .tabs-toggles .tab-toggle-wrap .tab-toggle .toggle-text {font-size: 16px; font-weight: 500; line-height: 1.5; letter-spacing: normal; color: #666;} .akl.new-v2 .tabs_block_wrap.tabs_block_wrap_v2 .tabs-toggles .tab-toggle-wrap.active {background: #567bf3; border-color: #567bf3;} .akl.new-v2 .tabs_block_wrap.tabs_block_wrap_v2 .tabs-toggles .tab-toggle-wrap.active .tab-toggle .toggle-text {color: #fff; font-weight: bold;} .akl.new-v2 .filter-type-box.type2 .filter-type-cont ul {display: flex; flex-wrap: wrap; gap: 8px;} .akl.new-v2 .filter-type-box.type2 .filter-type-cont ul li .mobile-filter-btn {display: inline-block; padding: 7px 11px; border-radius: 100px; border: 1px solid #d7d7d7; background: #fff; font-size: 14px; font-weight: normal; line-height: 1.43; letter-spacing: normal; color: #111; cursor: pointer;} .akl.new-v2 .filter-type-box.type2 .filter-type-cont ul li .mobile-filter-btn.active {color: #567bf3; border-color: #567bf3; font-weight: bold;} .akl.new-v2 .customer-top.renew {padding-bottom: 0; display: flex; align-items: flex-end; justify-content: space-between; overflow: initial;} .akl.new-v2 .customer-top.renew .announcement-search-result {width: 100%; max-width: calc(100% - 240px); display: flex; align-items: center;} /* 20250722 ASB-12802 수정 */ .akl.new-v2 .customer-top.renew .announcement-search-result .highlight_keyword {width: auto; max-width: calc(100% - 80px); display: inline-block; /* vertical-align: text-top; */ text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} /* 20250722 ASB-12802 수정 */ .akl.new-v2 .customer-top.renew .announcement-search-result, .akl.new-v2 .customer-top.renew .announcement-search-result strong {color: #111; font-weight: bold; font-size: 16px; letter-spacing: normal; line-height: 1.5; padding: 0 !important;} .akl.new-v2 .customer-top.renew .announcement-search-result.large {font-size: 20px; letter-spacing: -1px; column-gap: 4px;} /* 20250722 ASB-12802 수정 */ .akl.new-v2 .box_sort-area.row-type {display: flex; padding: 0; gap: 8px;} .akl.new-v2 .sort-options.sort-options-renew.round .form_selected_tit {border-radius: 4px;} .akl.new-v2 .sort-options.sort-options-renew.round .form_selected_tit.on {border-radius: 4px 4px 0 0;} .akl.new-v2 .selected-filter-wrap.type2 {padding: 0; background: #fff; margin: 0;} .akl.new-v2 .selected-filter-wrap.type2 .btn_reset-box {display: flex; gap: 8px;} .akl.new-v2 .selected-filter-wrap.type2 .btn_reset-box .btn_reset {padding: 9.5px 19.5px; font-size: 14px;} .akl.new-v2 .selected-filter-wrap.type2 .btn_reset-box .btn_reset:disabled {background: #D7D7D7 !important; border-color: #D7D7D7 !important; color: #fff !important;} .akl.new-v2 .selected-filter-wrap.type2 .btn_reset-box .btn_reset:disabled .sp_button {background-image: url(/_ui/responsive/theme-blue/images/ico_refresh_white.png);} .akl.new-v2 .akl-toggle-wrap.accordion-type01 {margin-top: 20px; border-top: 1px solid #ededed;} .akl.new-v2 .akl-toggle-wrap.accordion-type01 .accordion-custom {font-family: 'Roboto', 'noto sans kr', sans-serif;} .akl.new-v2 .akl-toggle-wrap.accordion-type01 .accordion-custom .panel {border-bottom-color: #ededed;} .akl.new-v2 .akl-toggle-wrap.accordion-type01 .accordion-custom .panel .panel-heading {padding: 0;} .akl.new-v2 .akl-toggle-wrap.accordion-type01 .accordion-custom .panel .panel-title {padding: 24px 20px 24px 0; display: flex; align-items: center; gap: 20px;} .akl.new-v2 .akl-toggle-wrap.accordion-type01 .accordion-custom .panel .panel-title .category-txt {font-size: 16px; font-weight: 500; line-height: 1.63; letter-spacing: normal; color: #999; white-space: nowrap; align-self: flex-start;} .akl.new-v2 .akl-toggle-wrap.accordion-type01 .accordion-custom .panel .panel-title .text-uppercase.accordion-header-text {width: calc(100% - 24px); font-size: 16px; font-weight: 500; line-height: 1.63; letter-spacing: normal; color: #111; word-spacing: normal; word-break: break-all;} .akl.new-v2 .akl-toggle-wrap.accordion-type01 .accordion-custom .panel .panel-title .text-uppercase.accordion-header-text > span {margin-right: 20px; letter-spacing: normal; white-space: nowrap;} .akl.new-v2 .akl-toggle-wrap.accordion-type01 .txt_highlight_keyword {background: #c2f7ff; color: inherit; letter-spacing: normal;} .akl.new-v2 .akl-toggle-wrap.accordion-type01 .accordion-custom .icon-minus {position: relative; width: 24px; height: 24px;} .akl.new-v2 .akl-toggle-wrap.accordion-type01 .accordion-custom .icon-minus::before {content: "" !important; display: block; width: 24px; height: 24px; color: transparent; background: url(/_ui/responsive/theme-blue/images/ico_arrow_B_black.png) no-repeat center center / 24px auto; position: absolute; top: 0; right: 0; transform: rotate(180deg);} .akl.new-v2 .akl-toggle-wrap.accordion-type01 .accordion-custom .collapsed .icon-minus::before {transform: rotate(0);} .akl.new-v2 .akl-toggle-wrap.accordion-type01 .panel-heading + .panel-collapse > .panel-body {padding: 32px; background: #f9f9f9;} .akl.new-v2 .akl-toggle-wrap.accordion-type01 .panel-heading + .panel-collapse > .panel-body .col-md-12 {padding: 0; color: #666; line-height: 1.71; letter-spacing: normal;} .akl.new-v2 .akl-toggle-wrap.accordion-type01 + .paging {margin: 30px 0 0;} .btn-more-pagination.renew {padding: 0; margin: 24px 0;} .btn-more-pagination.renew .text-btn {font-size: 16px; font-weight: 500; line-height: 1.38; letter-spacing: normal; color: #567bf3;} .btn-more-pagination.renew .text-btn .icon {width: 16px; height: 16px; background-size: 16px auto !important; top: 1px; margin-left: 1px;} .btn-more-pagination.renew .text-btn .icon-arrow-downs {background: url(/_ui/responsive/theme-blue/images/ico_arrow_B_blue.png) center no-repeat;} .btn-more-pagination.renew .text-btn .icon-arrow-ups {background: url(/_ui/responsive/theme-blue/images/ico_arrow_B_blue.png) center no-repeat; transform: rotate(180deg);} .btn-more-pagination.renew .text-btn .icon-arrow-right {display: none;} .panel-group.panel-group_add {border:none;} .panel-group.panel-group_add .panel {border:none;} .panel-group.panel-group_add .panel .panel-body {padding:0;} .panel-group.panel-group_add .form-email-inquiry {margin-top:0;} .akl.new-v2 .customer-area.faq-renew .search-no-result {padding: 60px 0; margin-top: 20px;} .akl.new-v2 .customer-area.faq-renew .search-no-result.line {border-top: 1px solid #ededed; border-bottom-color: #ededed;} .akl.new-v2 .customer-area.faq-renew .search-no-result p {margin: 0; font-size: 16px; font-weight: 400; line-height: 1.63; letter-spacing: normal; letter-spacing: -.5px; color: #666;} @media (max-width: 768px) { .akl.new-v2 .main-container:has(.customer-area.faq-renew), /* 20250722 ASB-12802 추가 */ .page-customercenter-csfaq-list .container-fluid, .page-customercenter-emailqna-list .container-fluid {padding: 0;} /* 20250721 ASB-12802 - 추가 */ .akl.new-v2:has(.main-container) .container.amway-theme:has(.customer-area.faq-renew), /* 20250722 ASB-12802 추가 */ .akl.new-v2:has(.email-view-head) .container-fluid.main-container {padding: 0 20px;} /* 20250723 ASB-12802 추가 */ .akl.new-v2 .container.amway-theme:has(.customer-area.faq-renew) {padding: 0 20px;} .akl.new-v2 .customer-area.faq-renew.title-renewal .title-h2 {font-size: 24px !important;} /* 20250722 ASB-12802 추가 */ .akl.new-v2 .customer-area.faq-renew {margin: 0 0 40px !important; max-width: 100%;} .akl.new-v2 .customer-area.faq-renew .outer-border-bottom:has(.tab-renewal)::before {width: calc(100% + 40px); left: -20px;} .akl.new-v2 .customer-area.faq-renew .tabWrapper.tab-renewal {margin: 0 -20px;} .akl.new-v2 .customer-area.faq-renew .list-content-email .content-list-email .w02 > div {display: inline-block; width: 100%;} .akl.new-v2 .customer-area.faq-renew .list-content-email .content-list-email .w02 > div.answer {margin-top: 10px; padding: 10px 0 0 10px;} .akl.new-v2 .customer-area.faq-renew .list-content-email .content-list-email .w02 > div.answer::before {top: 30px} .akl.new-v2 .customer-area.faq-renew .list-content-email .content-list-email .w05 + .w02 {width: 100%;} .akl.new-v2 .customer-area.faq-renew .list-content-email .content-list-email .w05 + .w02 .txte-wrap:nth-of-type(1), .akl.new-v2 .customer-area.faq-renew .list-content-email .content-list-email .w05 + .w02 .txte-wrap:nth-of-type(2) {width: 100%;} .akl.new-v2 .customer-area.faq-renew .list-content-email .content-list-email .w05 + .w02 .txte-wrap:nth-of-type(3) {width: 50%;} .akl.new-v2 .customer-area.faq-renew .list-content-email .content-list-email .txte-wrap > span.category {display: inline-block;} .akl.new-v2 .customer-area.faq-renew .info-txt {margin: 12px 0 0; font-size: 14px; word-break: break-all;} .akl.new-v2 .customer-area.faq-renew .cs-content-box .cs-sub-box:first-child {margin-top: 32px; padding-bottom: 0;} .akl.new-v2 .customer-area.faq-renew .cs-content-box .cs-sub-box:has(.cs-search).sticky {position: sticky; top: 0; left: 0; z-index: 22; width: calc(100% + 40px); margin: 0 -20px; background: #fff;} .akl.new-v2 .customer-area.faq-renew .cs-content-box .cs-sub-box:has(.cs-search).sticky .cs-sub-title {margin: 0; padding: 20px 20px 16px;} .akl.new-v2 .customer-area.faq-renew .cs-content-box .cs-sub-box:has(.cs-search).sticky .cs-search {margin: 0; width: 100%;} .akl.new-v2 .customer-area.faq-renew .cs-content-box .cs-sub-box:has(.accordion-type01), .akl.new-v2 .customer-area.faq-renew .cs-content-box .cs-sub-box:has(.search-no-result) {margin-top: 20px;} .akl.new-v2 .customer-area.faq-renew .cs-content-box .cs-sub-box:has(.accordion-type01) .cs-sub-title {margin-top: 48px;} .akl.new-v2 .customer-area.faq-renew .cs-content-box .cs-sub-box .cs-search .cs-content-box .sch-box .sch-input {letter-spacing: -.8px;} .akl.new-v2 .customer-area.faq-renew .cs-content-box .cs-sub-box .cs-search .sch-box .sch-btn {right: 12px;} .akl.new-v2 .tabs_wrap > div ~ div {margin-top: 20px;} .akl.new-v2 .tabs_wrap .tabs_block_wrap.tabs_block_wrap_v2 {margin: 0 -20px;} .akl.new-v2 .tabs_block_wrap.tabs_block_wrap_v2 .tabs-toggles {margin-bottom: 20px;} .akl.new-v2 .tabs_block_wrap.tabs_block_wrap_v2 .tabs-toggles .tab-toggle-wrap {position: relative; min-width: fit-content; border: none; border-bottom: 1px solid #EDEDED; border-radius: 0 !important;} .akl.new-v2 .tabs_block_wrap.tabs_block_wrap_v2 .tabs-toggles .tab-toggle-wrap .tab-toggle {padding: 14px 16px 12px;} .akl.new-v2 .tabs_block_wrap.tabs_block_wrap_v2 .tabs-toggles .tab-toggle-wrap.active {background: #fff;} .akl.new-v2 .tabs_block_wrap.tabs_block_wrap_v2 .tabs-toggles .tab-toggle-wrap.active::before {content: ""; width: 100%; height: 4px; background: #567bf3; position: absolute; bottom: -1px; left: 0; z-index: 1;} .akl.new-v2 .tabs_block_wrap.tabs_block_wrap_v2 .tabs-toggles .tab-toggle-wrap.active .tab-toggle .toggle-text {color: #567bf3;} .akl.new-v2 .customer-top.renew {margin-bottom: 16px; flex-wrap: wrap; row-gap: 5px;} .akl.new-v2 .customer-top.renew .announcement-search-result {margin-bottom: 7px; max-width: fit-content;} .akl.new-v2 .customer-top.renew .announcement-search-result.large {max-width: 100%; font-size: 16px; line-height: 24px;} .akl.new-v2 .box_sort-area.row-type {border-bottom: none;} .akl.new-v2 .box_sort-area.row-type.wrapped {flex: 1 1 auto;} .akl.new-v2 .box_sort-area.row-type.wrapped .sort-options.sort-options-renew {width: 100%;} .akl.new-v2 .selected-filter-wrap.type2 .btn_reset-box {width: auto;} .akl.new-v2 .selected-filter-wrap.type2 .btn_reset-box::before {display: none;} .akl.new-v2 .selected-filter-wrap.type2 .btn_reset-box .btn_reset .sp_button {margin-right: 4px;} .akl.new-v2 .akl-toggle-wrap.accordion-type01 {margin-top: 16px;} .akl.new-v2 .akl-toggle-wrap.accordion-type01 .accordion-custom .panel .panel-title {padding: 20px 0; gap: 0;} .akl.new-v2 .akl-toggle-wrap.accordion-type01 .accordion-custom .panel .panel-title .category-txt {margin-right: 10px; font-size: 14px; line-height: 1.71; letter-spacing: -.7px;} .akl.new-v2 .akl-toggle-wrap.accordion-type01 .accordion-custom .panel .panel-title .text-uppercase.accordion-header-text {width: calc(100% - 36px); letter-spacing: -.7px; font-size: 14px; line-height: 1.71;} .akl.new-v2 .akl-toggle-wrap.accordion-type01 .accordion-custom .panel .panel-title .text-uppercase.accordion-header-text > span {margin-right: 10px; letter-spacing: -.7px;} .akl.new-v2 .akl-toggle-wrap.accordion-type01 .accordion-custom .icon-minus {width: 20px; height: 20px; margin-top: 0; top: 0; right: 0; margin-left: 16px;} .akl.new-v2 .akl-toggle-wrap.accordion-type01 .accordion-custom .icon-minus::before {width: 20px; height: 20px; background-size: 20px auto;} .akl.new-v2 .akl-toggle-wrap.accordion-type01 .panel-heading + .panel-collapse > .panel-body {padding: 20px;} .btn-more-pagination.renew .text-btn {font-size: 14px; line-height: 1.43;} .btn-more-pagination.renew .text-btn .icon {width: 12px; height: 12px; background-size: 12px auto !important; margin-left: 0;} .btn-more-pagination.renew .text-btn .icon-arrow-downs {display: none;} .btn-more-pagination.renew .text-btn .icon-arrow-right {display: inline-block; background: url(/_ui/responsive/theme-blue/images/ico_arrow_R_blue.png) center no-repeat;} .btn-more-pagination.renew .text-btn .icon-arrow-right::before {display: none;} .akl.new-v2 .customer-area.faq-renew .search-no-result {margin-top: 16px;} .akl.new-v2 .customer-area.faq-renew .search-no-result p {font-size: 14px; line-height: 1.71; letter-spacing: -.7px;} } /* E : 20250707 ASB-12802 고객서비스 페이지 내 FAQ 카테고리 정리 */