/** --------------------------------------------------------- * Version : AKL Hybris UIUX 1.0 * @ 파일 : akl-business.css * @ 구분 : 비즈니스 * --------------------------------------------------------- */ .loading_new {background:url(../images/akl_common/loading/loading_pc.png) no-repeat 50% 0; min-height:500px} .new-v2 .loading_new{background:url(../images/akl_common/loading/loading_pc_new.png) no-repeat 50% 0;} .loading_new .table { width:100%; height:100%; display:table; text-align: center; position:fixed; table-layout: fixed; left:0; top:0; } .loading_new .table p { display:table-cell; vertical-align:middle; text-align: center;} .loading_new .table img{ width:110px} @media (max-width: 1024px){ .loading_new {background:url(../images/akl_common/loading/loading_pad.png) no-repeat 50% 0} .new-v2 .loading_new {background:url(../images/akl_common/loading/loading_pad_new.png) no-repeat 50% 0} .loading_new .table img{width: 55px;} } @media (max-width: 500px){ .loading_new {background:url(../images/akl_common/loading/loading_mob.png) no-repeat 50% 0; background-size:auto 60px } .new-v2 .loading_new {background:url(../images/akl_common/loading/loading_mob_new.png) no-repeat 50% 0; background-size:auto 60px } } .noticeMessage .noticeText-wrapper {padding:30px; min-height:150px; text-align:center; font-size:16px; line-height:150%;} .noticeMessage .noticeText-wrapper P {margin-bottom:0;} .noticeMessage .noticeText-wrapper P + p {margin-top:15px;} .noticeMessage .block-pc {display:block;} /* ----- core css 리셋 ----- */ #business-page-accordion .panel-title a {padding: 2em 0; display:block;} #business-page-accordion .panel-title a span {font-size: 1.25em;font-weight: 600;} #business-page-accordion .panel-title a .icon-businnes {font-weight: 100; color:#008fc5; margin-right:0.3em; font-size: 18px;} #business-page-accordion .panel-title a span.indicator:after {content:'\2013';color:#002F5F; font-size:1.4em; margin-right:0; font-weight:bold;} #business-page-accordion .panel-title a.collapsed span.indicator:after {content:'+';} .mob {display:none !important} /* --- 비즈니스 메인 - 하단 롤링 배너 --- */ .bmo-banner {margin-top:45px;} .bmo-banner .item {position:relative} .bmo-banner .item .inner {position:absolute;}/* .bmo-banner .item em {display:block; color:#002f5f; font-size:40px; font-weight:500; line-height:45px; letter-spacing:-0.04em; word-break:break-all} .bmo-banner .item span {display:block; margin-top:20px; color:#002f5f; font-size:16px; font-weight:300} .bmo-banner .item a {margin-top:30px} */ .bmo-banner .owl-prev {left:40px !important} .bmo-banner .owl-next {right:40px !important} .bmo-banner .owl-dots {left:0; right:0 !important; text-align:center} .bmo-banner .hidden-mob {display:block;} .bmo-banner .block-mob {display:inline;} .bmo-banner-wrap .banner__wrapper .inner {padding:50px 0 0 90px;} .bmo-banner-wrap .banner__wrapper .bt-akl-blue {margin-top:20px} .bmo-banner-wrap .banner__wrapper .inner p {margin:auto;} .bmo-banner-wrap .main-text1 {font-size:36px; letter-spacing:-2px; line-height:140%;} .bmo-banner-wrap .main-text1+.main-text2 {margin-top:10px;} .bmo-banner-wrap .main-text2 {font-size:26px;} .bmo-banner-wrap .sub-text {font-size:16px; color:#56565a;} .bmo-banner-wrap img.pc {display:block;} .bmo-banner-wrap img.mob {display:none;} .bmo-banner-wrap .bnr01 .inner {color:#fff;} .bmo-banner-wrap .bnr01 .main-text1 {} .bmo-banner-wrap .bnr01 .main-text2 {} .bmo-banner-wrap .bnr01 .sub-text {margin-top:12px;font-size:26px; color:#fff;} .bmo-banner-wrap .bnr02 .inner {color:#002f5f;} .bmo-banner-wrap .bnr02 .sub-text {margin-top:30px;} .bmo-banner-wrap .bnr02 .sub-text ul>li {position:relative; padding-left:14px;} .bmo-banner-wrap .bnr02 .sub-text ul>li:before {content:'';position:absolute; display:block; top:10px; left:0; width:3px; height:3px; background:#56565a;} .bmo-banner-wrap .bnr03 .inner {} .bmo-banner-wrap .bnr03 .main-text1 {color:#002f5f;} .bmo-banner-wrap .bnr03 .sub-text {margin-top:15px;} .bmo-banner-wrap .bnr03 .sub-text strong {color:#002f5f;} /* --- 비즈니스 공통 --- */ .akl .business p, .akl .business li, .akl .business dl, .akl .business table {word-break:keep-all} /* 190220_추가 비즈니스 줄바꿈 */ .yCmsContentSlot > .container.business {padding:0;} .container.amway-theme.business {position:relative;} .business-pop .link-btn { margin-bottom:15px } .business-pop .busn-search-btn .link-btn { margin-bottom:0 } .business-pop-cont {padding-top:10px;} .business .list-content.business-type01 {display:block;} .business .list-content.business-type01 .list-row-title {overflow:hidden; display:block; width:100%; clear:both;} .business .list-content.business-type01 .list-row-title>div {display:block; float:left;} .business .list-content.business-type01 .content-list {padding:0; border-top:0;} .business .list-content.business-type01 .content-list .con-list-item > div {padding:18px 0; text-align:center; border-top:1px solid #eee;} .business .list-content.business-type01 .content-list .txte-wrap .bt-akl-white.mini {min-width:auto; color:#002F5F;} .business .list-content.business-type01 .content-list .txte-wrap .bt-akl-white.mini:focus {color:#fff;} .business .list-content.business-type01 .content-list li:nth-child(even) {background:#f4f4f4;} .business .list-content.business-type01 .bt-akl-txt.list-type01 {min-width:0; height:auto; padding:0; border:0; background-color:initial} .business .list-content.business-type01 .con-list-item > div.thumb {padding-right:20px} .business .list-content.business-type01 .w5 {width:5%} .business .list-content.business-type01 .w8 {width:8%} .business .list-content.business-type01 .w9 {width:9%} .business .list-content.business-type01 .w10 {width:10%} .business .list-content.business-type01 .w12 {width:12%} .business .list-content.business-type01 .w13 {width:13%} .business .list-content.business-type01 .w14 {width:14%} .business .list-content.business-type01 .w15 {width:15%} .business .list-content.business-type01 .w16 {width:16%} .business .list-content.business-type01 .w17 {width:17%} .business .list-content.business-type01 .w18 {width:18%} .business .list-content.business-type01 .w20 {width:20%} .business .list-content.business-type01 .w21 {width:21%} .business .list-content.business-type01 .w22 {width:22%} .business .list-content.business-type01 .w25 {width:25%} .business .list-content.business-type01 .w26 {width:26%} .business .list-content.business-type01 .w27 {width:27%} .business .list-content.business-type01 .w30 {width:30%} .business .list-content.business-type01 .w35 {width:35%} .business .list-content.business-type01 .w39 {width:39%} .business .list-content.business-type01 .w40 {width:40%} .business .list-content.business-type01 .w60 {width:60%} /*.mob2 {display:none;}*/ /* 190130_삭제 */ /* 비즈니스 메인 action-report */ .action-report {min-height:500px;} .business .form-group {margin-bottom:0;} .business .form-group + .form-group {padding-top:15px} .business .list-content.business-type01 .content-list.report02 li .w60 {text-align:left;} .tbl_type, .tbl-type {display:table; width:100%} .tbl_type > *, .tbl-type > * {display:table-cell; vertical-align:middle} .tbl-type .vt {vertical-align:top} .tbl-type .ex {width:23px} .cuton-sel.type02 select {width:190px} .tab-content .next-control {text-align: center;margin-top: 40px;} /* 뉴핀 성취자 */ .newpin-area {margin-top:20px; padding-bottom:20px; border-top:1px solid #dadada; border-bottom:1px solid #dadada} .newpin-area .newpin {font-size:0} .newpin-area .newpin li {display:inline-block; width:14.2%; margin-top:35px; text-align:center; vertical-align:top} .newpin-area .newpin li a {display:block;} .newpin-area [class^='ico-np'] {display:inline-block; width:75px; height:62px; background-size:100% auto; background-repeat:no-repeat} .newpin-area .newpin li a .tit {display:block; font-weight:400; color:#56565a;} .newpin-area .ico-np01 {background-image:url(../images/akl_common/business/new_pin01.png)} .newpin-area .ico-np02 {background-image:url(../images/akl_common/business/new_pin02.png)} .newpin-area .ico-np03 {background-image:url(../images/akl_common/business/new_pin03.png)} .newpin-area .ico-np04 {background-image:url(../images/akl_common/business/new_pin04.png)} .newpin-area .ico-np05 {background-image:url(../images/akl_common/business/new_pin05.png)} .newpin-area .ico-np06 {background-image:url(../images/akl_common/business/new_pin06.png)} .newpin-area .ico-np07 {background-image:url(../images/akl_common/business/new_pin07.png)} .newpin-area .ico-np08 {background-image:url(../images/akl_common/business/new_pin08.png)} .newpin-area .ico-np09 {background-image:url(../images/akl_common/business/new_pin09.png)} .newpin-area .ico-np10 {background-image:url(../images/akl_common/business/new_pin10.png)} .newpin-area .ico-np11 {background-image:url(../images/akl_common/business/new_pin11.png)} .newpin-area .ico-np12 {background-image:url(../images/akl_common/business/new_pin12.png)} .newpin-area .ico-np13 {background-image:url(../images/akl_common/business/new_pin13.png)} .newpin-area .ico-np14 {background-image:url(../images/akl_common/business/new_pin14.png)} .newpin-area .ico-np15 {background-image:url(../images/akl_common/business/new_pin15.png)} .newpin-area .ico-np16 {background-image:url(../images/akl_common/business/new_pin16.png)} .newpin-area .ico-np17 {background-image:url(../images/akl_common/business/new_pin17.png)} .newpin-area .ico-np18 {background-image:url(../images/akl_common/business/new_pin18.png)} .newpin-area .ico-np19 {background-image:url(../images/akl_common/business/new_pin19.png)} .newpin-area .ico-np20 {background-image:url(../images/akl_common/business/new_pin20.png)} .newpin-area .ico-np21 {background-image:url(../images/akl_common/business/new_pin21.png)} .newpin-area .ico-np22 {background-image:url(../images/akl_common/business/new_pin22.png)} .newpin-area .ico-np23 {background-image:url(../images/akl_common/business/new_pin23.png)} .newpin-area .np-list-wrap .list {margin-top:40px; padding:40px 0 0 20px; border-top:1px solid #dadada} .newpin-area .np-list-wrap .list .tit {} .newpin-area .np-list-wrap .list .tit > * {vertical-align:middle} .newpin-area .np-list-wrap .list .tit em {display:inline-block; margin-left:30px; font-size:18px; font-weight:500; color:#002f5f} .newpin-area .np-list-wrap .list .inner {padding:15px 0 0 107px} .newpin-area .np-list-wrap .list .inner + .inner {padding-top:0} .newpin-area .np-list-wrap .list .inner .date {display:block; padding:8px 20px; color:#002f5f; font-weight:500; font-size:16px; border-top:1px solid #dadada; background-color:#f4f4f4} .newpin-area .np-list-wrap .list .inner .info {padding:10px 20px 10px 0; border-top:1px solid #dadada; } .newpin-area .np-list-wrap .list .inner .info .row {padding:5px 0; font-size:0;} .newpin-area .np-list-wrap .list .inner .info .row div {display:inline-table; width:33.33333%; font-size:14px; padding-left:20px; vertical-align:middle} .newpin-area .np-list-wrap .list .inner .info .row div > * {display:table-cell; width:50%; vertical-align:middle} .newpin-area .np-list-wrap .list .inner .info .row div .name {font-weight:500} .newpin-area .np-list-wrap .list .inner .info .row div .adr {padding-left:10px} /* 비즈니스 > 암웨이-현대 제휴카드 */ .business .box-gray {padding:40px; background-color:#f4f4f4} .business .box-gray.img-type01 .info {padding:0 40px 0 10px;} .business .box-gray.img-type01 .info .tit {display:block; margin-top:35px; color:#002f5f; font-weight:500; font-size:40px; text-align:left; margin-bottom:0; text-transform:none} .business .box-gray.img-type01 .info .txt {margin-top:28px; font-size:16px; line-height:23px} .business .box-gray.img-type01 .info .txt em {display:block; font-size:16px; font-weight:500; color:#002f5f} .business .box-gray.img-type01 .info .btn-wrap {display:block; margin-top:32px} .business .box-gray.img-type01 .img img {box-shadow:12px 12px 20px rgba(0,0,0,0.05)} .business .card-info {margin-top:38px !important} .business .card-info + .card-info {margin-top:28px !important} .business .card-info .info {} .business .card-info .info:first-child {padding-left:0} .business .card-info .info:last-child {padding-right:0} .business .card-info .info.type02.modify_ms:last-child {padding-right:15px}/*2019.06.04 추가*/ .business .card-info .info .title-h6 {} .business .card-info .info.type01 .inner {min-height:262px;}/*2019.06.04 수정*/ .business .card-info .info.type02 .inner {min-height:214px;} .business .card-info .info .inner {margin-top:14px; padding:38px 37px 20px 37px; box-sizing:border-box; border:1px solid #dadada} .business .card-info .info .inner .txt {font-weight:500; color:#002f5f} .business .card-info .info .inner .list-type5 {} .business .card-info .info .inner .txt-italic {margin-top:5px} .business .card-receive {} .business .card-receive h3 {margin-top:38px} .business .card-receive .tbl-type {padding:40px;margin-top:15px; background-color:#fafafa} .business .card-receive .tbl-type li {width:50%; height:83px; text-align:center} .business .card-receive .tbl-type li + li {border-left:1px solid #e3e3e3} .business .card-receive .tbl-type li:nth-child(1) { } .business .card-receive .tbl-type li:nth-child(2) {width:50%} .business .card-receive .tbl-type li:nth-child(3) {padding-right:5%} .business .card-receive .tbl-type li > span {display:inline-block; vertical-align:middle;} .business .card-receive .tbl-type li > .img img {width:65px; height:auto} .business .card-receive .tbl-type li > .txt {margin-left:20px; text-align:left; color:#002f5f; font-weight:500} .business .card-receive .tbl-type li > span span {display:block; margin-top:5px; color:#808285; font-weight:300; font-size:13px} .layerWrapper.business .conditions {height:180px; margin-top:18px; border:1px solid #e3e3e3; padding:20px 15px 12px; overflow-y:auto} .layerWrapper.business .conditions-chk {margin-top:20px} .layerWrapper .termsWrapper .pdBox .titH2 {margin:0 0 8px 0} .layerWrapper .termsWrapper .pdBox + .pdBox .titH2 {margin:16px 0 8px 0} /* 현대카드 여신금융협회 심의필*/ .akl .row.msgABC {margin-left:1.8em;} .msgABC .list-type5 > li.st-text{font-size:19px;} .msgABC .list-type1 >li {font-size:19px;} .msgABC .list-type5 .txt-italic{font-size:17px;} .msgABC .msgABC-txt-italic{font-size:17px;color:#808285;font-style:italic;padding-left:.6em;} @media (max-width: 768px){ .akl .row.msgABC {margin-left:.9em;} .msgABC .list-type5 > li.st-text{font-size:16px;} .msgABC .list-type1 >li {font-size:16px;} .msgABC .list-type5 .txt-italic{font-size:14px;} .msgABC .msgABC-txt-italic{font-size:14px;} .business .card-info .info.type02.modify_ms:last-child {padding-right:0}/*2019.06.04 추가*/ } /* 비즈니스 > Personal Q */ .list-type2.pf-table { margin-top:-20px; margin-bottom:35px;} .business .fp-list-pop select.form-control{ width:120px} .business .fp-list-tit { margin-top:35px} .info-common-type dl + dl { margin-top: 15px;} .info-common-type dt { position:relative; padding-left:27px; margin-bottom:5px;} .info-common-type dt:before {content:""; position:absolute; left:0; top:2px; width:18px; height:18px; background: url(../images/icons/info.png) no-repeat 0 0; background-size: 18px 36px;} .info-common-type dd{padding-left:27px; line-height:160%} .info-common-type dd ol { margin-top:5px;} .info-common-type dd ol li { text-indent:-16px; padding-left:16px } .fp-list-pop { margin-bottom:35px;} /* 비즈니스 > 나의탑업 */ .topup-search { margin-top:38px; margin-bottom:40px; } .business .topup-search .cuton-sel select {width:150px; } .business .topup-search.type02 .cuton-sel select + select { margin-left:10px } .topup-search button { margin-left:20px } .business .tbl-list-board .tr>div.th{ color: #002f5f; font-weight:500} .business .tbl-list-board .tr>div.td { text-align: right;} .business .tbl-list-board .tr>div.td.left{ text-align:left;} .business .list-content.business-type01 + .title-h6 { margin-top: 40px} .title-h6 + .list-content.business-type01 { margin-top:20px} .list-content.business-type01 + .tbl-list-board { margin-top: 10px;} /* LOS - PT 그룹 조회*/ .business .tbl-list-board.los-pt-group {margin-top:15px;} /* 비즈니스 > 그룹 내 총 반품 */ .business .title-h2 + .filter-search {margin-top:28px; margin-bottom:40px} .business .filter-search .form-wrapper {padding:10px 0 0;} .business .filter-search .label-sel {margin-right:15px;font-size:14px;font-weight:500;color:#002f5f} .business .fp-list {margin-top:40px; margin-bottom:30px} .business .cuton-sel select.w150 {width:150px !important} .business .losmap-wrap {position:relative; margin:20px 0 40px} .business .est-txt-area a {font-weight:500} .business .business-info-wrap {border-top:1px solid #e3e3e3; margin:30px 0 25px; padding-top:33px;} .business .business-info-wrap.no-line {border-top:0; padding-top:0} .business .business-info-wrap .h3-customer-info {font-size:20px; display:inline-block; margin-right:15px} .business .business-info-wrap .customer-info {display:inline-block; font-size:16px; font-weight:500} .business .business-info-wrap .customer-info em {font-size:16px; color:#002f5e} .business [class*="info-list-type"] {} .business [class*="info-list-type"] li {display:table;width:100%} .business [class*="info-list-type"] li > * {display:table-cell; font-size:14px; font-weight:500} .business [class*="info-list-type"] li + li > * {padding-top:10px} .business [class*="info-list-type"] .tit {color:#002f5e} .business [class*="info-list-type"] .txt {color:#56565a} .business .info-list-type01 .tit {width:150px} .business .info-list-type02 .tit {width:90px} .business .title-h6 + .info-list-type02 {margin-top:20px} .business .link-btn {} .business .link-btn .glyphicon-triangle-left {font-size:10px; color:#008fc5; margin:-4px 5px 0 0; vertical-align:middle} .business .list-type5.type01 > li {font-size:16px; font-weight:500} .business .list-type5.type01 > li .list-type1 { margin-top:5px;} .business .list-type5.type01 > li .list-type1 li {font-size:14px; font-weight:400} .business .list-type5.type01 > li + li {margin-top:30px} .business .list-type-num {counter-reset:li; margin-top:5px} .business .list-type-num li {margin-left:17px; text-indent:-17px; font-size:14px; font-weight:400} .business .list-type-num li:before {counter-increment:li; content:counter(li) ". "} .list-type5.type01 .list-type4 li { font-weight:400} /* 비즈니스 > 성취보고서 */ .report-top {padding:30px 0 40px} .report-top .btn-business { margin-top:10px; } .report-top .btn-business .btn-blue-white {padding:8px 20px;} .report-top .btn-business button {margin-right:20px } .akl .view-ch-area .list-content{padding: 0;} .akl .view-ch-area .list-btm-textbox {padding:10px 0 20px;} .akl .report-body .list-content {padding: 0;} .akl .report-body .panel-body div{word-break:keep-all} /* 190221_추가 성취보고서 단어단위 줄바꿈 */ .report-body .title-h6 { margin-bottom:30px} .report-body .panel b{ font-size:14px; } .report-body .panel b + .list-type4{ margin-top:5px;} .report-body .accordion-custom .icon-minus { margin-top:-5px;} .akl .view-ch-area .list-content .search-no-result.line {border-top:0;} /* 비즈니스 > 사업현황보고서 */ .business-tab {border-top:1px solid #e3e3e3; padding-top:40px; margin-top:40px; } .business-tab .list-type5 {margin-top:40px;} .report-body dl {} .report-body dt { font-weight:500} .report-body dd { margin-bottom:30px; } .report-body .business-img-area {border:1px solid #e3e3e3; margin:20px 0 20px 30px ; padding:20px; display: inline-block; } .report-body .business-img-area img { width:100%} .report-body .tab-content ol.decimal-list { margin-top:10px;} .report-body .tab-content ol.decimal-list li { text-indent:-20px; padding-left:20px; font-size:14px;} .word-Description {padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #e3e3e3;} .word-Description .guid-box a.title {font-size:14px;color:#0075a4;font-weight:500;background:url('../images/akl_common/ico_ars_down.png') no-repeat right center; background-size:16px; padding-right:20px} .word-Description .guid-box.on a.title {background:url('../images/akl_common/ico_ars_up.png') no-repeat right center; background-size:16px} .report-date-area { position:relative; padding:40px 30px 15px} .akl .report-date-area .form-group select.form-control{ width:150px; margin-right: 5px;} .akl .report-date-area .bt-akl-blue { position: absolute; right:30px; top:40px; min-width:90px;} .akl .report-date-area .list-type2 { padding-top:20px; clear:both} /* 공통으로 이동 : 2018.06.12 .col-search-tab.num04 ul li {margin-bottom:-1px; width:25%} .col-search-tab.num04 ul li:nth-of-type(4) a {border-right: 1px solid #dadada;}*/ /* 비즈니스 > 사업성장 특별보상 프로그램 */ /*.col-search-tab + .reward-detail{ margin-top:-4px}*/ .akl .business .akl-toggle-wrap { margin-top:40px} .akl .business .title-h6 + .akl-toggle-wrap { margin-top:30px} .title-h2 + p { margin-top:10px } .link-btn + .pin-statelist { margin-top:15px} .akl .pin-statelist { overflow:hidden; margin-bottom:30px;text-align:center} .akl .pin-statelist .pin-state { display:inline-block; height:204px; width:400px; padding-top:27px; border:1px solid #dadada} .akl .pin-statelist .pin-state .pin-icon { height:120px; font-size:18px; } .akl .pin-statelist .pin-state p { display:table; font-weight:500; color:#002f5f; width:100%; } .akl .pin-statelist .pin-state p span { display:table-cell; font-weight:500; color:#002f5f; height:40px;; font-size:14px; vertical-align:middle;text-align:center} .akl .pin-statelist .pin-state.numbs .pin-icon { height:auto; } .akl .pin-statelist .pin-state.numbs p span { height:120px; vertical-align:middle; font-size:60px; color: #002f5f; } .akl .pin-statelist.num1 {} .akl .pin-statelist.num2 {} .akl .pin-statelist.num3 .pin-state { display:block; float:left; width:33.33333% } .akl .pin-statelist.num3 .pin-state:nth-of-type(2) { border-width:1px 0 1px} .akl .pin-statelist.num4 .pin-title { font-size:16px !important; font-weight:500; margin:20px 0 10px; text-align: left;} .akl .pin-statelist.num4 .pin-state { display:block; float:left; width:50% } .akl .pin-statelist.num4 .pin-state:nth-of-type(2) { border-left:0} .akl .pin-statelist.num4 .pin-statelist-left {width:49%; float:left;} .akl .pin-statelist.num4 .pin-statelist-right {width:49%; float:right;} .akl .pin-statelist + .list-type2 { margin-top:-20px; margin-bottom:20px;} .akl .business .tbl-list-board .tr>div.td.left-al {text-align:left;} /* 핀아이콘 */ .akl .pin-icon.bg-pinlevel-none {background:#fff url(../images/akl_common/business/bg_reward_nodata.gif) no-repeat center bottom; background-size:120px auto} /* 핀없음 */ .akl .pin-icon.bg-pinlevel-abo{background:#fff url(../images/akl_common/business/bg_reward_abo.gif) no-repeat center bottom; background-size:120px auto} /* ABO */ .akl .pin-icon.bg-pinlevel-sps{background:#fff url(../images/akl_common/business/bg_reward_sps.gif) no-repeat center bottom; background-size:120px auto}/* 실버프로듀서스폰서 */ .akl .pin-icon.bg-pinlevel-sp{background:#fff url(../images/akl_common/business/bg_reward_sp.gif) no-repeat center bottom; background-size:120px auto} /* 실버 프로듀서 */ .akl .pin-icon.bg-pinlevel-gp{background:#fff url(../images/akl_common/business/bg_reward_gp.gif) no-repeat center bottom; background-size:120px auto} /* 골드 프로듀서 */ .akl .pin-icon.bg-pinlevel-pt{background:#fff url(../images/akl_common/business/bg_reward_pt.gif) no-repeat center bottom; background-size:120px auto} /* 플래티늄 */ .akl .pin-icon.bg-pinlevel-ruby{background:#fff url(../images/akl_common/business/bg_reward_ruby.gif) no-repeat center bottom; background-size:120px auto} /* 루비 */ .akl .pin-icon.bg-pinlevel-fpt{background:#fff url(../images/akl_common/business/bg_reward_fpt.gif) no-repeat center bottom; background-size:120px auto} /* 파운더스 플래티늄 */ .akl .pin-icon.bg-pinlevel-fruby{background:#fff url(../images/akl_common/business/bg_reward_fruby.gif) no-repeat center bottom; background-size:120px auto} /* 파운더스 루비 */ .akl .pin-icon.bg-pinlevel-pearl{background:#fff url(../images/akl_common/business/bg_reward_pearl.gif) no-repeat center bottom; background-size:120px auto} /* 펄 */ .akl .pin-icon.bg-pinlevel-sap{background:#fff url(../images/akl_common/business/bg_reward_sap.gif) no-repeat center bottom; background-size:120px auto} /* 사파이어 */ .akl .pin-icon.bg-pinlevel-fsap{background:#fff url(../images/akl_common/business/bg_reward_fsap.gif) no-repeat center bottom; background-size:120px auto} /* 파운더스 사파이어 */ .akl .pin-icon.bg-pinlevel-eme{background:#fff url(../images/akl_common/business/bg_reward_eme.gif) no-repeat center bottom; background-size:120px auto} /* 에메랄드 */ .akl .pin-icon.bg-pinlevel-feme{background:#fff url(../images/akl_common/business/bg_reward_feme.gif) no-repeat center bottom; background-size:120px auto} /* 파운더스 에메랄드 */ .akl .pin-icon.bg-pinlevel-dia{background:#fff url(../images/akl_common/business/bg_reward_dia.gif) no-repeat center bottom; background-size:120px auto} /* 다이아몬드 */ .akl .pin-icon.bg-pinlevel-fdia{background:#fff url(../images/akl_common/business/bg_reward_fdia.gif) no-repeat center bottom; background-size:120px auto} /* 파운더스 다이아몬드 */ .akl .pin-icon.bg-pinlevel-exedia{background:#fff url(../images/akl_common/business/bg_reward_exedia.gif) no-repeat center bottom; background-size:120px auto} /* 수석 다이아몬드 */ .akl .pin-icon.bg-pinlevel-fexedia{background:#fff url(../images/akl_common/business/bg_reward_fexedia.gif) no-repeat center bottom; background-size:120px auto} /* 파운더스 수석 다이아몬드 */ .akl .pin-icon.bg-pinlevel-ddia{background:#fff url(../images/akl_common/business/bg_reward_ddia.gif) no-repeat center bottom; background-size:120px auto} /* 더블 다이아몬드 */ .akl .pin-icon.bg-pinlevel-fddia{background:#fff url(../images/akl_common/business/bg_reward_fddia.gif) no-repeat center bottom; background-size:120px auto} /* 파운더스 더블 다이아몬드 */ .akl .pin-icon.bg-pinlevel-tdia{background:#fff url(../images/akl_common/business/bg_reward_tdia.gif) no-repeat center bottom; background-size:120px auto} /* 트리플 다이아몬드 */ .akl .pin-icon.bg-pinlevel-ftdia{background:#fff url(../images/akl_common/business/bg_reward_ftdia.gif) no-repeat center bottom; background-size:120px auto} /* 파운더스 트리플 다이아몬드 */ .akl .pin-icon.bg-pinlevel-crown{background:#fff url(../images/akl_common/business/bg_reward_crown.gif) no-repeat center bottom; background-size:120px auto} /* 크라운 */ .akl .pin-icon.bg-pinlevel-Fcrown{background:#fff url(../images/akl_common/business/bg_reward_fcrown.gif) no-repeat center bottom; background-size:120px auto} /* 파운더스 크라운 */ .akl .pin-icon.bg-pinlevel-crownamb{background:#fff url(../images/akl_common/business/bg_reward_crownamb.gif) no-repeat center bottom; background-size:120px auto} /* 크라운 앰배서더 */ .akl .pin-icon.bg-pinlevel-fcrownamb{background:#fff url(../images/akl_common/business/bg_reward_fcrownamb.gif) no-repeat center bottom; background-size:120px auto} /* 파운더스 크라운 앰배서더 */ .akl .pin-icon.bg-pinlevel-fca40{background:#fff url(../images/akl_common/business/bg_reward_fcrownamb.gif) no-repeat center bottom; background-size:120px auto} /* 파운더스 크라운 엠배서더 40 */ .akl .pin-icon.bg-pinlevel-fca50{background:#fff url(../images/akl_common/business/bg_reward_fcrownamb.gif) no-repeat center bottom; background-size:120px auto} /* 파운더스 크라운 앰배서더 50 */ .akl .pin-icon.bg-pinlevel-fca60{background:#fff url(../images/akl_common/business/bg_reward_fcrownamb.gif) no-repeat center bottom; background-size:120px auto} /* 파운더스 크라운 앰배서더 60 */ .rewards-tale + .rewards-tale { margin-top: 40px} .rewards-tale .title-h6 { margin-bottom:20px;} .rewards-tale ul { background:#f6f6f6; padding:35px 0; overflow:hidden;} .rewards-tale li { float:left; width:20%; text-align:center;} .rewards-tale li strong{ display:block; font-size:28px; color: #002f5f;} .rewards-tale li span{font-size:14px;} .akl .panel-body .panel-business dl { margin-bottom:0;} .akl .panel-body .panel-business dl dt{ font-size:16px; font-weight:500;margin-bottom:8px } .akl .panel-body .panel-business dl dd{ margin-bottom:30px; font-size:14px } .akl .panel-body .panel-business dl dd:last-of-type{ margin-bottom:0 } .akl .panel-body .panel-business dl dd p.btnw { padding-left:16px; padding-top:5px} .akl .panel-body .panel-business dl dd ul li strong { font-size:14px} .akl .panel-body .panel-business dl dd ol { margin-top: 5px;} .akl .panel-body .panel-business dl dd ol li { text-indent:-16px; padding-left:16px; font-size:14px} .akl .panel-body .panel-business dl dd ol li li { padding-left:25px} .akl .panel-body .panel-business dl dd .box-diagram { background:#f6f6f6; padding:40px; margin:18px 0 10px} .akl .panel-body .panel-business dl dd .box-diagram + .list-type5 { margin-top:20px } .akl .panel-body .panel-business dl dd .list-type5 + .box-diagram { margin-top:10px } /* 비즈니스 > 사업성장 특별보상 프로그램 > diagram > FP18 */ .box-diagram02 {background:#f6f6f6; overflow:hidden;padding:40px; margin:18px 0 10px} .box-diagram02.case02 {padding:40px 60px;} .box-diagram02 .diag-calculation {width:60%; } .box-diagram02 .diag-calculation>p {display:table; width:100%; height:102px; margin-bottom:0} .box-diagram02 .diag-calculation p>.math-txt:first-child {width:28%;} .box-diagram02 .diag-calculation .math-txt {position:relative;display:table-cell; width:25%; box-sizing:border-box; vertical-align:middle;} .box-diagram02 .diag-calculation .math-txt.sec {position:relative;display:table-cell; width:40%; box-sizing:border-box; vertical-align:middle;} .box-diagram02 .diag-calculation .math-txt.plus {width:8%} .box-diagram02 .diag-calculation .math-txt.last {width:36%;} .box-diagram02 .diag-calculation .math-txt * {display:inline-block; vertical-align:middle;} .box-diagram02 .diag-calculation [class^=ico-type] {position:relative; display:inline-block; padding:15px 0 0 82px; height:72px;} .box-diagram02 .diag-calculation [class^=ico-type]:before {content:''; position:absolute; top:0; left:0; width:72px; height:72px; background:url(../images/akl_common/business/img_rewards_travel22_pc.png) no-repeat;} .box-diagram02 .diag-calculation .ico-type-equal {padding-left:100px; width:100%; height:100px;} .box-diagram02 .diag-calculation .ico-type-equal:before {width:100px; height:100px; background-position:0 0;} .box-diagram02 .diag-calculation .ico-type-equal:after {content:''; position:absolute; top:50%; left:50%; margin:-7px 0 0 40px; width:24px; height:14px; background:url(../images/akl_common/business/img_rewards_travel22_pc.png) no-repeat 0 -300px;} .box-diagram02 .diag-calculation .ico-type-a:before {background-position:50% -120px;} .box-diagram02 .diag-calculation .ico-type-a:after {display:none;} .box-diagram02 .diag-calculation .ico-type-b:before {right:30px; background-position:50% -210px;} .box-diagram02 .diag-calculation .ico-type-plus{width:20px; height:20px; padding:0;} .box-diagram02 .diag-calculation .ico-type-plus:before {width:20px; height:20px; background-position:0 -350px; top:50%; margin-top:-10px;} .box-ratio { background:#f6f6f6; overflow:hidden;padding:40px 60px; margin:10px 0 10px} .box-diagram-table { position:relative; } .box-diagram-table > p {position:absolute; left:0; top:70px; width:120px; height:120px; text-align:center; font-weight:500; color:#002f5f; width:120px; height:120px; padding-top:34px; background:#fff; border:2px solid #002f5f; border-radius:50%; } .box-diagram-table > p:before {content: '';position: absolute; top: 50%;left:160px;width:20px;height:20px;margin-top: -10px;background: url(../images/akl_common/business/img_rewards_travel22_pc.png) no-repeat; background-position: 0 -350px;} .box-ratio ul { margin-left:237px; max-width:945px; } .box-ratio ul li{ border-bottom:1px solid #dedede; overflow:hidden; } .box-ratio ul li.thead span{ color:#002f5f; font-weight:500;font-size:13px;} .box-ratio ul li.thead p span{ position:relative; display:block; float:right; width:36%; padding:0 0 10px; text-align:center; border-bottom:1px solid #dedede; } .box-ratio ul li.thead p span:before { content:""; position:absolute; left:0; bottom:-15px; height:15px; border-left:1px solid #dedede; } .box-ratio ul li.thead p span:after { content:""; position:absolute; right:0; bottom:-15px; height:15px; border-left:1px solid #dedede; } .box-ratio ul li.thead div { display:table; width:100%; clear:both;} .box-ratio ul li.thead div span { display:table-cell; padding:10px 0; vertical-align:middle; text-align:center } .box-ratio ul li.thead div span:nth-of-type(1) { width:44%;} .box-ratio ul li.thead div span:nth-of-type(2) { width:20%;} .box-ratio ul li.thead div span:nth-of-type(3) { width:12%;} .box-ratio ul li.thead div span:nth-of-type(4) { width:12%;} .box-ratio ul li.thead div span:nth-of-type(5) { width:12%;} .box-ratio ul li.tbody div { display:table; width:100%} .box-ratio ul li.tbody div span {display:table-cell; padding:10px 0;font-size:14px; vertical-align:middle; text-align:center} .box-ratio ul li.tbody div span:nth-of-type(1) { width:44%;} .box-ratio ul li.tbody div span:nth-of-type(2) { width:20%; border-left:1px solid #dedede;} .box-ratio ul li.tbody div span:nth-of-type(3) { width:12%; background:#42cbd3; color:#fff} .box-ratio ul li.tbody div span:nth-of-type(4) { width:12%; background:#00b2e2; color:#fff} .box-ratio ul li.tbody div span:nth-of-type(5) { width:12%; background:#005cb9; color:#fff} .box-ratio.type02 { padding:40px;} .box-ratio.type02 .box-diagram-table > p {top:30px;} .box-ratio.type02 ul { max-width:525px } .box-ratio.type02 ul li.thead div span:nth-of-type(1) { width:50%; text-align:center;} .box-ratio.type02 ul li.thead div span:nth-of-type(2) { width:50%; text-align:center;} .box-ratio.type02 ul li.tbody div span:nth-of-type(1) { width:50%; padding-left:0; text-align:center;} .box-ratio.type02 ul li.tbody div span:nth-of-type(2) { width:50%; padding-left:0; text-align:center;} .box-ratio.type02 ul li.tbody:nth-of-type(2) div span:nth-of-type(2) { background:#42cbd3; color:#fff} .box-ratio.type02 ul li.tbody:nth-of-type(3) div span:nth-of-type(2) { background:#00b2e2; color:#fff} .box-ratio.type02 ul li.tbody:nth-of-type(4) div span:nth-of-type(2) { background:#005cb9; color:#fff} .list-type5.busi{ margin-top:20px; border-top:1px solid #dedede; padding:40px 0 0} .list-type5.busi li{ margin-bottom:33px; } .list-type5.busi li strong { display:block; margin-bottom:10px; font-size:16px; } .popup-calculation {height:301px; text-indent:-999px;overflow:hidden; background:url(../images/akl_common/business/img_pop_01.png) no-repeat 50% 0; } .table-scroll + .rewards-tale { margin-top:40px } /* 비즈니스 > 사업성장 특별보상 프로그램 > diagram > FP19*/ .box-diagram03 {background:#f6f6f6; overflow:hidden;padding:40px; margin:18px 0 10px} .box-diagram03 .diag-calculation {max-width:950px;} .box-diagram03 .diag-calculation>p {display:table; width:100%; height:102px; margin-bottom:0; } .box-diagram03 .diag-calculation p>.math-txt:first-child {width:28%;} .box-diagram03 .diag-calculation .math-txt {position:relative;display:table-cell; width:20%; box-sizing:border-box; vertical-align:middle;} .box-diagram03 .diag-calculation .math-txt.plus {width:5%} .box-diagram03 .diag-calculation .math-txt.multiply {width:5%} .box-diagram03 .diag-calculation .math-txt.bracket { width:5%; } .box-diagram03 .diag-calculation .math-txt * {display:inline-block; vertical-align:middle;} .box-diagram03 .diag-calculation [class^=ico-type] {position:relative; display:inline-block; padding:15px 0 0 82px; height:72px;} .box-diagram03 .diag-calculation [class^=ico-type]:before {content:''; position:absolute; top:0; left:0; width:72px; height:72px; background:url(../images/akl_common/business/img_rewards_travel22_pc.png) no-repeat;} .box-diagram03 .diag-calculation .ico-type-equal { width:100%; height:100px;} .box-diagram03 .diag-calculation .ico-type-equal:before {width:100px; height:100px; background-position:0 0;} .box-diagram03 .diag-calculation .ico-type-equal:after {content:''; position:absolute; top:50%; left:50%; margin:-7px 0 0 40px; width:24px; height:14px; background:url(../images/akl_common/business/img_rewards_travel22_pc.png) no-repeat 0 -300px;} .box-diagram03 .diag-calculation .ico-type-a:before {background-position:50% -120px;} .box-diagram03 .diag-calculation .ico-type-a:after {display:none;} .box-diagram03 .diag-calculation .ico-type-b:before {right:30px; background-position:50% -210px;} .box-diagram03 .diag-calculation .ico-type-c:before {right:30px; background-position:50% -430px;} .box-diagram03 .diag-calculation .ico-type-multiply:before {width:30px; height:20px; background-position:10px -350px; top:50%; margin-top:-10px;} .box-diagram03 .diag-calculation .ico-type-plus:before {width:40px; height:30px; background-position:10px -397px; top:50%; margin-top:-10px; left:50%; margin-left: -20px;} .box-diagram03 .diag-calculation .ico-type-bracket01, .box-diagram03 .diag-calculation .ico-type-bracket02 {padding:0;} .box-diagram03 .diag-calculation .ico-type-bracket01:before {width:15px; height:64px; top:50%; margin-top:-32px; background:url(../images/akl_common/business/img_brackets.png) no-repeat 0 0; } .box-diagram03 .diag-calculation .ico-type-bracket02:before {width:15px; height:64px; top:50%;margin-top:-32px; background:url(../images/akl_common/business/img_brackets.png) no-repeat right 0; } .box-ratio02 { background:#f6f6f6; overflow:hidden;padding:40px 60px 30px; margin:10px 0 10px} .box-ratio02 .box-diagram-table { position:relative; } .box-ratio02 .box-diagram-table .box-diagram-left {position:absolute; left:0; top:0; width:120px; text-align:center; font-weight:500; color:#002f5f; line-height:180%} .box-ratio02 .box-diagram-table .box-diagram-left p { width:120px; height:120px; padding-top:34px; background:#fff; border:2px solid #002f5f; border-radius:50%; line-height:160%} .box-ratio02 .box-diagram-table .box-diagram-left p:before {content: '';position: absolute; top: 50%;left:160px;width:20px;height:20px;margin-top: -10px;background: url(../images/akl_common/business/img_rewards_travel22_pc.png) no-repeat; background-position: 0 -350px;} .box-ratio02 ul { margin-left:237px; max-width:945px; } .box-ratio02 ul li{ overflow:hidden; } .box-ratio02 ul li.thead span{ color:#002f5f; font-weight:500;font-size:13px;} .box-ratio02 ul li.thead div { display:table; width:100%; clear:both;} .box-ratio02 ul li.thead div span { display:table-cell; padding:10px 0; vertical-align:middle; text-align:center; } .box-ratio02 ul li.thead div span:nth-of-type(1) { width:38%; border-bottom:1px solid #dedede;} .box-ratio02 ul li.thead div span:nth-of-type(2) { width:20%; border-bottom:1px solid #dedede;} .box-ratio02 ul li.thead div span:nth-of-type(3) { width:17%;} .box-ratio02 ul li.thead div span:nth-of-type(4) { width:25%;} .box-ratio02 ul li.thead span.line{ position:relative; padding-bottom:30px; margin-right:10px; padding-left:10px } .box-ratio02 ul li.thead span.line i{ font-size:12px; } .box-ratio02 ul li.thead span.line:after { content:""; position:absolute; right:0; left:10px; bottom:5px;height:15px; border:1px solid #00b2e2; border-bottom:0 } .box-ratio02 ul li.thead span:nth-of-type(3):after {border-color:#00b2e2;} .box-ratio02 ul li.thead span:nth-of-type(4):after {border-color:#005cb9;} .box-ratio02 ul li.tbody div { display:table; width:100%} .box-ratio02 ul li.tbody div span {display:table-cell; padding:10px 0;font-size:14px; vertical-align:middle; text-align:center; position:relative;} .box-ratio02 ul li.tbody div span:nth-of-type(1) { width:38%; border-bottom:1px solid #dedede;} .box-ratio02 ul li.tbody div span:nth-of-type(2) { width:20%; border-left:1px solid #dedede; border-bottom:1px solid #dedede;} .box-ratio02 ul li.tbody div span:nth-of-type(3) { width:42%; text-align:left;} .box-ratio02 ul li.tbody div span em { display:block; width:100%; position:absolute; height:20px; top:50%; left:10px; margin-top:-10px; } .box-ratio02 ul li.tbody div span em mark {display:inline-block; position:relative; top:0; height:20px; line-height:20px; color:#fff; border-radius:0 24px 24px 0; white-space:nowrap; box-sizing:border-box; } .box-ratio02 ul li.tbody div span em mark:nth-of-type(1){ width:37%; background:#00b2e2; z-index:2; padding:0 0 0 12px; } .box-ratio02 ul li.tbody div span em mark:nth-of-type(2) { width:33%; background:#005cb9; margin-left:-20px; z-index:1; padding:0 0 0 32px; } .box-ratio02 ul li.tbody:nth-of-type(3) div span em mark:nth-of-type(1){ width:50%; } .box-ratio02 ul li.tbody:nth-of-type(4) div span em mark:nth-of-type(1){ width:60%; } .box-ratio02 ul li.tbody:nth-of-type(5) div span em mark:nth-of-type(1){ width:69%; } .box-ratio02 .mark-guide { padding:10px 0 0 58%; width:42%; } .box-ratio02 .mark-guide p { display:inline-block; position:relative; padding-left:30px; font-size:12px; padding-right:10px} .box-ratio02 .mark-guide p + p { padding-left:30px} .box-ratio02 .mark-guide p:before {content:''; position:absolute; top:1px; left:10px; width:15px; height:15px; background:#00b2e2;} .box-ratio02 .mark-guide p + p:before {background:#005cb9;} .box-ratio02 ul.list-type2 { margin-left:0; max-width:945px; } .box-diagram04 { overflow:hidden; position:relative; padding-bottom:15px} .box-diagram04-left { float:left; width:49.5%; background:#f6f6f6; height:353px; } .box-diagram04-right { float:right; width:49.5%; background:#f6f6f6; height:353px; } .box-diagram04 p.text-tit { text-align:center; padding:37px 0 20px;font-weight:500; font-size:18px; } .box-diagram04 p strong {color:#e11e45; font-weight:700; font-size:22px;} .box-diagram04 dl { float:left; width:50%; text-align:center; height:222px; } .box-diagram04 dl + dl { border-left:1px solid #e3e3e3; } .box-diagram04 dl dt{ font-size:14px!important; margin-bottom:10px; } .box-diagram04 dl dd .text-hidden {display:block; width:200px; height:158px; text-indent:-999px; overflow:hidden; margin:0 auto } .box-diagram04 dl dd .list-type2 { text-align:left; width:260px; margin:0 auto } .box-diagram04-left dl { width:47%; } .box-diagram04-left dl + dl { width:53%; } .box-diagram04-left dl.case01 dd .text-hidden{ width:200px; background:url("../images/akl_common/business/img_rewards_travel23_pc.png") no-repeat 0 0;} .box-diagram04-left dl.case02 dd .text-hidden{ width:260px; background:url("../images/akl_common/business/img_rewards_travel23_pc.png") no-repeat right 0;} .box-diagram04-right dl { width:33.3333% } .box-diagram04-right dt { padding-top:35px; color:#002f5f; margin-bottom:5px!important;} .box-diagram04-right dd p {font-weight:500; } .box-diagram04-right dl dt em{ display:block; height:72px; margin:0 auto 10px; text-indent:-999px; overflow:hidden; background:url("../images/akl_common/business/img_rewards_travel24_pc.png") no-repeat 0 0;} .box-diagram04-right dl.case01 dt em{ width:72px; background-position:0px 0px;} .box-diagram04-right dl.case02 dt em{ width:82px; background-position:-185px 0px;} .box-diagram04-right dl.case03 dt em{ width:92px; background-position:-370px 0px;} .box-diagram04 .plus { position:absolute; left:50%;top:24px; margin-left:-25px; width:50px; height:50px; border-radius:36px; background:#fff url(../images/akl_common/business/img_rewards_travel22_pc.png) no-repeat 12px -382px; text-indent:-999px;} .box-diagram04 .plus { position:absolute; left:50%;top:60px; margin-left:-25px; margin-top:-25px; width:50px; height:50px; border-radius:36px; background:#fff url(../images/akl_common/business/img_rewards_travel22_pc.png) no-repeat 12px -382px; text-indent:-999px;} .list-type5.busi02 li{ margin-bottom:13px; } .list-type5.busi02 li > strong { display:block; margin-bottom:10px; font-size:16px; } .box-diagram05 { position:relative;background:#f6f6f6; padding:40px 5px; overflow:hidden; margin-bottom:20px} .box-diagram05 p.text-tit { text-align:center; padding:0 0 20px;font-weight:500; font-size:18px; } .box-diagram05 dl { float:left; width:33.3333%; text-align:center; min-height:170px; } .box-diagram05 dl:nth-of-type(2) { border-left:1px solid #e3e3e3;border-right:1px solid #e3e3e3 } .box-diagram05 dl dt{ font-size:14px!important; color:#002f5f; margin-bottom:5px!important; } .box-diagram05 dl dt {padding-top:65px; position:relative;} .box-diagram05 dl dt:before {content:''; position:absolute; left:50%; top:0; width:55px; height:55px; margin-left:-27px; overflow:hidden; background:url("../images/akl_common/business/img_rewards_travel28_pc.png") no-repeat 0 0;} .box-diagram05 dl.case01 dt:before { background-position:0px 0px;} .box-diagram05 dl.case02 dt:before { background-position:-227px 0px;} .box-diagram05 dl.case03 dt:before { background-position:-456px 0px;} .box-diagram05 dd p { text-align:left; padding:0 20px; margin-bottom: 0} .box-diagram05 dl dd .text-hidden {display:block; width:200px; height:158px; text-indent:-999px; overflow:hidden; margin:0 auto } .box-diagram05 .list-type2 { text-align:left; padding:0 20px} .box-diagram06 { position:relative; background:#f6f6f6; padding:40px 20px} .box-diagram06 .tit-box-pop { font-weight:500; text-align:center; font-size:18px; margin-bottom:30px} .box-diagram06 > div { border-bottom:1px solid #dedede; padding-bottom:25px; margin-bottom: 40px;} .box-diagram06 > div:last-child { border-bottom:0; padding-bottom:0; margin-bottom:0;} .box-diagram06 > div > span {display:block; height:270px;} .box-diagram06 > div > span em {display:block; text-indent: -999px; overflow:hidden; font-size:0;} .box-diagram06 .pop-diagram-img01 { background:url(../images/akl_common/business/img_rewards_travel25_pc.png) no-repeat 50% 0; } .box-diagram06 .pop-diagram-img02 { background:url(../images/akl_common/business/img_rewards_travel26_pc.png) no-repeat 50% 0; } .box-diagram06 .pop-diagram-img03 { background:url(../images/akl_common/business/img_rewards_travel27_pc.png) no-repeat 50% 0; } /* 비즈니스 > 사랑의 우수리 */ .confirm-box-message:before {font-weight:400} .radio-wrapper.type02 > div {margin-top:16px} .btn-center.line {border-top:1px solid #e3e3e3; padding-top:40px; margin-top:30px} .layerWrapper .title-h6 + p, .layerWrapper .title-h6 + ul {margin-top:15px} .layerWrapper .title-h6 + .radio-wrapper.type02 {margin-top:20px} .layerWrapper .validation-wrapper.pop {border-bottom:0; margin-bottom:0} .layerWrapper .validation-wrapper.pop .valid-type-phone .validation-para {width:50%; margin:0 auto} .layerWrapper .validation-wrapper.pop .valid-type-ipin .validation-para {left:50%; width:50%; margin:0 auto} .layerWrapper .validation-wrapper.pop .validation-para span {font-size:14px} .layerWrapper .validation-wrapper.pop .validation-para span .blck {margin:0} .akl .woo-tit { display:block; font-weight:500; margin-bottom:14px; font-size:16px;} .woosuri-area {padding-top:40px;} .woosuri-area label {margin-bottom:0;} .woo-conts {margin-top:40px; } .woo-conts .woo-text { margin-top:20px; font-weight:500; font-size:16px;} .akl .woosuri-area .title-h6 { padding-bottom:10px; display:block;} .akl .woosuri-area .title-h6.woo { font-size:18px!important; color: #002f5f; margin-bottom:25px} .woosuri-area .list-type3 li:last-child {padding-bottom: 0} .woosuri-area .list-type3 li strong { margin-bottom:8px; color:#002F5F;; display:inline-block; width:147px} .woo-conts-end .list-type3 { padding: 0; margin:22px 0 24px } .woo-conts .list-type3 { margin:15px 0 37px } .akl .woo-conts + .next-control { padding:0} .akl .woo-conts .f-medim { font-size:16px} .akl .woo-conts + .next-control { border-top:1px solid #e3e3e3; padding-top:40px } .akl .validation-wrapper { border-bottom:0;} .woo-top {display:block;width:100%;height:400px;background:#f4f4f4 url("../images/akl_common/bg_woosuri.png") no-repeat right bottom;} .woo-top dl {display:block;padding:80px 0 0 50px;width:460px;margin:0;} .woo-top dl dt {font-size:40px;font-weight:500;letter-spacing:-2px;color:#002f5f} .woo-top dl dd {padding:15px 0 0} .woo-top dl dd span {font-size:18px;font-weight:700;letter-spacing:-1px;color:#002f5f} .woo-top dl dd p {font-size:16px;font-weight:400;letter-spacing:-1px;} .woo-btn {padding:20px 0 0 50px;} .woo-txt-info {clear:both;display:block;padding:0 35px;} .woo-txt-info dl {clear:both;display:block;padding:34px 0 36px;overflow:hidden;border-bottom:1px solid #e3e3e3;} .woo-txt-info dl:last-child {border-bottom:0} .woo-txt-info dl dt {font-size:16px;font-weight:500;letter-spacing:-1px;color:#002f5f} .woo-txt-info dl dd {margin-top:10px} .woo-txt-info dl dd p {font-size:14px;font-weight:400;letter-spacing:-1px;line-height:22px;margin:0 0;} .woo-txt-info dl dd strong {font-weight:500;color:#002f5f;font-size:14px;} .woo-txt-info dl dd span {font-weight:500;font-size:14px;} .woo-txt-info dl dd em {color:#002f5f;font-size:14px;} .woo-txt-info dl dd ul.list-type5 li strong {color:#56565a;} ul.woo-step-box {display:table;width:100%;table-layout:fixed;box-sizing:border-box;padding:35px 0 0} ul.woo-step-box li {display:table-cell;box-sizing:border-box;width:33.3333%;text-align:center;position:relative;} ul.woo-step-box li:before {content:'';display:inline-block;position:absolute;top:50%;right:0;background:url("../images/akl_common/ico_step_arrow.png") no-repeat right center;width:9px;height:16px;} ul.woo-step-box li:last-child:before {background:none} .woo-system {margin:0 auto;height:120px; background-size:65px auto !important;} .woo-system.step01 {background:url("../images/akl_common/icon_woosuri_step01.png") no-repeat center bottom; } .woo-system.step02 {background:url("../images/akl_common/icon_woosuri_step02.png") no-repeat center bottom;} .woo-system.step03 {background:url("../images/akl_common/icon_woosuri_step03.png") no-repeat center bottom;} .woo-system p {margin:0 0;padding:0;} .woo-system p.step-tit {font-size:12px;font-weight:700;color:#1bb3f3;letter-spacing:-0.05em;} .woo-system p.step-txt {font-size:14px;font-weight:700;line-height:20px;} .woo-system p.step-txt strong {color:#002f5f;font-weight:700;} .woo-system p br {line-height:0;} .woosuri-apply {background:#fafafa;margin:0px auto 15px;} .woosuri-apply ul {padding:25px 20px 30px;} .woosuri-apply ul li {position:relative;display:inline-block;font-size:14px;font-weight:500;color:#002f5f;padding:0 28px 0 20px;} .woosuri-apply ul li:before {content:'';display:inline-block;position:absolute;top:4px;right:0;width:14px; height:14px; border-right:4px solid #033161; border-bottom:4px solid #033161; transform:rotate(-45deg)} .woosuri-apply ul li:last-child:before {display:none} .woo-ex {padding:40px 60px; background:#fafafa;} .woo-ex > * {display:inline-block; height:230px; vertical-align:middle} .woo-ex .left {width:450px} .woo-ex .left div {display:table} .woo-ex .left div + div {margin-top:30px} .woo-ex .left div > * {display:table-cell; vertical-align:middle;} .woo-ex .left div .tit {width:100px; height:100px; text-align:center; border-radius:50%; color:#fff; font-weight:500; background-color:#002f5f} .woo-ex .left div .tit span {display:block; font-weight:700} .woo-ex .left div .txt {position:relative; padding-left:70px; color:#002f5f; font-weight:500;} .woo-ex .left div .txt:before {content:''; position:absolute; top:50%; left:28px; margin-top:-8px; display:inline-block; width:15px; height:15px; border-right:4px solid #033161; border-bottom:4px solid #033161; transform:rotate(-45deg)} .woo-ex .left div .txt em {font-weight:900} .woo-ex .right {display:inline-block; padding:12px 0 0 30px; border-left:1px solid #dadada} .woo-ex .right li {font-weight:500; font-size:14px} .woo-ex .right li + li:before {content:''; display:block; width:12px; height:7px; margin:16px 0; border-width:7px 6px 0 6px; border-color:#002f5f transparent transparent transparent; border-style:solid} .woo-ex-price {} .woo-ex-price .sec {padding-left:20px; box-sizing:border-box} .woo-ex-price .sec:first-child {padding-left:0} .woo-ex-price table tbody tr {border-bottom:1px solid #dadada; background-color:#fff !important} .woo-ex-price table th {text-align:center; font-size:13px !important; font-weight:500 !important} .woo-ex-price table th + th, .woo-ex-price table td + td {border-left:1px solid #dadada} .woo-ex-price table tr > *:last-child {text-align:right} .woo-ex-price table tr > * {vertical-align:middle; padding-left:20px !important; padding-right:20px !important} .woo-ex-price table td[rowspan="2"] {border-right:1px solid #dadada} .list_woo_donate .row > * {padding:0} .list_woo_donate .title-h6 {margin-top:10px} .list_woo_donate select {width:190px} .list_woo_donate ul {margin:-20px 0 0 -20px; font-size:0} .list_woo_donate ul:after {content:''; display:block; clear:both} .list_woo_donate ul li {float:left; width:16.66666667%; padding:20px 0 0 20px; box-sizing:border-box; } .list_woo_donate ul li > span {display:block; width:100%; height:90px; padding:15px 15px 0 15px; border:1px solid #dadada; box-sizing:border-box} .list_woo_donate ul li > span em {display:block; font-size:16px} .list_woo_donate ul li > span span {font-size:14px} .list_woo_donate .tbl_type {margin-top:10px !important; height:60px; box-sizing:border-box; border-top:1px solid #dadada; border-bottom:1px solid #dadada} .list_woo_donate .tbl_type > * {padding:0 15px; font-weight:500} .list_woo_donate .tbl_type span {width:20%; font-size:13px; background-color:#f4f4f4} .list_woo_donate .tbl_type em {} .woo-conts-end {border-bottom:1px solid #dadada; padding-top:20px;padding-bottom:20px;} .woo-conts-end .dis-block { padding-bottom:13px;} .woo-conts .title-h6 +.radio-wrapper { margin-top:0px;} .woo-conts-end .title-h6 { padding-bottom:20px; display:block;} .akl .tab-content .woo-conts-end + .next-control {padding:0} /* 사업 가이드 > 공통 */ .akl .qLegs-wrapper { margin-top:40px} .akl .business-guide-list section {border-top:1px solid #dadada} .akl .business-guide-list section h2 { font-size:24px; font-weight:700; color:#002F5F; margin-top:35px; margin-bottom:35px; } .akl .business-guide-list section h2 a{position:relative; display:inline-block; font-size:24px; font-weight:700; color:#002F5F;padding-right:18px;} .akl .business-guide-list section h2 a:after {content:""; position:absolute; right:0; top:2px; content: '\e258'; color:#0075a4; font-size:15px; font-family: 'Glyphicons Halflings';} .akl .business-guide-list section > ol { margin-top:-15px; padding-bottom:10px; padding-left:20px;} .akl .business-guide-list section > ol > li{ margin-bottom:22px;font-size:18px; color:#002f5f; font-weight:500; padding-right:18px;} /*.akl .business-guide-list section > ol > li:last-child { margin-bottom:0;}*/ .akl .business-guide-list section > ol > li a { position:relative; display:inline-block; font-size:18px; color:#002f5f; font-weight:500; padding-right:18px;} .akl .business-guide-list section > ol > li a:after {content:""; position:absolute; right:0; top:4px; content: '\e258'; color:#0075a4; font-size:15px; font-family: 'Glyphicons Halflings';} .akl .business-guide-list section > ol > li > ol { padding:12px 0 12px 20px; } .akl .business-guide-list section > ol > li:last-child > ol { padding:12px 0 0 20px; } .akl .business-guide-list section > ol > li > ol > li a {font-size:14px; font-weight:500; padding-right:15px; color:#007eb0;} .akl .business-guide-list section > ol > li > ol > li a:after { top:2px; font-size:13px; } .akl .business-guide-list section > ol > li > ol > li .depth4-busi { font-size:16px;} .akl .business-guide-list section > ol > li > ol > li .depth4-busi a{ font-size:16px;color:#002F5F;} .akl .business .bizSum{word-break:keep-all} /* 190221_추가 사업규정 단어단위 줄바꿈 */ .akl .business [class*=fsize]{word-break:keep-all} /* 190221_추가 사업규정 단어단위 줄바꿈 */ .akl .amway-theme .business-guide-wrap { margin:38px 0 0} .akl .amway-theme .business-guide-wrap p { margin-bottom:2px} .akl .amway-theme .business-guide-wrap .realc{ padding:0 0 37px 0; margin:0 0 40px; border-bottom:1px solid #dadada;} .akl .amway-theme .business-guide-wrap .mgt25 .realc{ padding:0 ; margin:0; border-bottom:0;} .akl .amway-theme .business-guide-wrap h2{ font-size:16px; font-weight:500; margin:28px 0 20px; text-align:left; letter-spacing:-1px; padding-left:0} /* 190411_수정 비즈니스 가이드 제목 들여쓰기 */ .akl .amway-theme .business-guide-wrap h3{ font-size:14px; font-weight:500; margin:28px 0 18px; color:#56565a } .akl .amway-theme .business-guide-wrap h4{ font-size:14px; font-weight:500; margin:28px 0 18px; color:#56565a } .akl .amway-theme .business-guide-wrap h3.num{ margin:26px 0 8px; } .akl .amway-theme .business-guide-wrap h3.num + p { line-height: 23px; padding-left: 16px; } .akl .amway-theme .business-guide-wrap h3.num + ol { padding-left: 16px; } .akl .amway-theme .business-guide-wrap h3.noticeH3 { margin:28px 0 10px; padding:0 0 4px 25px; background:url("../images/icons/info.png") no-repeat 0 0; background-size:18px 36px;} .akl .amway-theme .business-guide-wrap .btnWrapR { padding-top:20px; text-align:center; } .akl .business-guide-wrap table + h2{ margin:40px 0 20px; } .akl .tblList + .list-type2 { margin-top:15px} .akl .amway-theme .tblList {border-bottom:1px solid #dadada;} .akl .amway-theme .tblList thead th {font-size:13px; font-weight:500; text-align:center } .akl .amway-theme .tblList tbody th {font-size:14px; font-weight:400; margin:10px 0; color: #333; background-color:#fff; vertical-align:middle; text-align:center} .akl .amway-theme .tblList tbody th.txLeft {text-align:left} .akl .amway-theme .tblList td { padding:10px 20px; vertical-align:middle;} .akl .amway-theme .tblList tr:nth-of-type(even) th {background:#f4f4f4;} .akl .amway-theme .tblList th .thTitle,.tblList td .thTitle { display:none} .akl .amway-theme .tblList.textCenter tbody td { text-align:center} .akl .amway-theme .tblList tbody td.txLeft {text-align:left} .akl .tblList02 { table-layout:fixed; } .akl .tblList02 thead th {padding:10px 10px; font-size: 13px; font-weight: 500; text-align:center; border-left: 1px solid #e3e3e3;line-height:150% } .akl .tblList02 thead th:first-child { border-left:0; } .akl .tblList02 tbody th { color:#333; background-color:#fff; vertical-align:middle;border-bottom:1px solid #dadada; font-size:14px;padding:10px 5px;} .akl .tblList02 tbody th.txLCenter {text-align:center} .akl .tblList02 tbody tr:nth-of-type(even) {background: #fff;} .akl .tblList02 tbody td {border-bottom: 1px solid #e3e3e3; padding:10px 15px; vertical-align:middle;} .akl .tblList02 tbody tr td {border-left: 1px solid #e3e3e3; text-align:center; padding:10px 0; height:40px } .akl .tblList02 tbody tr td:first-child { border-left:0;} .akl .tblList02 tbody tr td.txLeft { text-align:left} .akl .tblList02 tfoot th {padding:20px 10px; font-weight:500; color: #002f5f; vertical-align:middle;border-bottom:1px solid #dadada; background: #f4f4f4; text-align:center; } .akl .tblList02 tfoot tr:nth-of-type(even) {background: #fff;} .akl .tblList02 tfoot td {border-bottom: 1px solid #e3e3e3; padding:10px 15px; vertical-align:middle; font-weight:500; color: #002f5f;} .akl .tblList02 tfoot tr td {border-left: 1px solid #e3e3e3; text-align:center} .akl .tblList02 tfoot tr td.txLeft { text-align:left} .akl .tblList02.plan thead tr:nth-of-type(2) th:first-child {border-left:1px solid #e3e3e3} .akl .tblList02.plan tbody tr:nth-of-type(even) td:first-child {border-left:1px solid #e3e3e3} .akl .tblList02.lineLeft .lineL {border-left:1px solid #e3e3e3;} .bizGuide h2 + .bizNumList{margin-top:16px;} .bizNumListT + .bizNumList{margin-top:4px;} /*비즈니스 가이드 정렬 수정중 .business-guide-wrap h2 + .bizNumList, .business-guide-wrap h2 + p, h3 + .bizNumList, .business-guide-wrap h3 + .bizNumListS { margin-left:15px;} .akl .amway-theme .business-guide-wrap h2 + h3.num, .akl .amway-theme .business-guide-wrap p + h3.num, .business-guide-wrap h3.num + p { margin-left:15px;}*/ .bizNumList{margin-top:12px;} .bizNumList > li{ line-height:23px; padding-left:15px; text-indent:-15px;} .bizNumList > li li{font-weight:normal; text-indent:0} .bizNumList > li > strong { display:block; margin-top:20px} .bizNumList > li .txt-italic, .bizNumList > li .listWarning li, .bizNumList p.listWarning{ text-indent:0} .bizNumList.txtB > li{padding-left:15px; text-indent:-15px; font-weight:500;} .bizNumList .bizNumListS{margin-top:8px; margin-left:-15px;} .bizNumList .bizNumListS .list-type1 > li {padding: 0 0 0 10px; line-height:160%} .bizNumList .bizExList{margin-top:28px; text-indent:0; margin-left:-15px;} .bizNumList li table th, .bizNumList li table td{text-indent:0;} .bizNumList li table thead th{text-align:center; font-size:13px; font-weight:500} .bizNumList li table tbody th{text-align:left; font-size:14px; padding-left:20px; font-weight:400; color:#56565a} .bizNumList div.bizNumText{text-indent:0;} .bizNumList div.bizNumTextM{text-indent:0; margin-left:-15px;} .bizNumList div.bizNumTextM .listWarning{padding-top:0;} .bizNumList div.bizNumTextM .tblList{margin:10px 0;} .bizNumListS > li .list-type1 { margin-left: 19px;} .bizNumListS > li .list-type1 li{ padding-bottom: 0;} .bizNumTxtList dt{margin:20px 0 5px 0; color:#444; font-weight:500;} .bizNumTxtList dd ol > li{padding-left:15px; text-indent:-15px; line-height:20px;} .bizNumTxtList dd ul{margin:6px 0 11px 0; padding-left:10px;} .bizNumTxtList dd ul > li{padding-left:0; text-indent:-10px;} .bizNumListS li:first-child{margin-top:0;} .bizNumListS li{margin-top:2px; padding-left:16px; text-indent:-16px; line-height:20px;} .bizNumListS li .listWarning{ text-indent:0} .bizNumListS li .btnDwn{ padding-left:20px } .bizNumListS li button{ text-indent:0} .bizDashList li{padding-left:10px; text-indent:-10px; line-height:20px;} .akl .bizNumListS .list-type4 { margin-top:5px;} .akl .bizNumListS .list-type4 li{text-indent:0} .bizSum + .bizGuideBox{margin-top:11px;} .bizGuideBox p:first-child{margin-top:0;} .bizGuideBox p{margin-top:9px; line-height:23px;} .bizExList{margin-top:31px;} .bizExList dt:first-child{margin-top:0;} .bizExList dt{font-weight:500; margin-top:36px; margin-bottom:15px; color:#444;} .bizExList .photo{margin:40px 0; line-height:0; font-size:0;} .bizExList .photoS{margin:20px 0 40px 0;} .bizExList .bizTbl{margin-bottom:35px;} .bizExList .bizTxt{line-height:23px;} .bizExList .bizTxt + .photo{margin:32px 0 35px 0;} .bizExList .bizDashList{margin:12px 0 12px 0;} .bizExList + p{margin-top:30px;} .bizTblBox{overflow:hidden;} .bizTblBox > div{overflow:hidden; width:49%;} .bizTblBox .note{overflow:hidden; float:left; width:100%; margin-top:9px; text-align:right;} .bizGuide .comment{display:inline-block; padding-left:10px; text-indent:-10px; text-align:left;} .bizGuide .txtBox p{margin-top:20px;} .bizGuide .listDotBG{margin-left:7px; padding:0; font-size:12px; color:#666;} .bizGuide .listDotBG li{font-size:12px; overflow:hidden; background:url(/_ui/desktop/images/common/bul_dot3.gif) no-repeat 0 6px; line-height:20px; padding:0 0 0 11px;} .bizGuide .listDotBG + .listWarning{margin-left:7px; padding-top:11px;} .bizGuide .listDotBG .listDash{margin-top:8px} .bizGuide .listDotBG .listDash li{padding-left:12px; background:url(/_ui/desktop/images/common/bul_dashed_terms.gif) 0 3px no-repeat;} .bizGuide .listDotBG.titBlck > li{margin-top:15px} .bizGuide strong.titBlock{display:block;} .bizGuide .listP li{margin-top:10px; font-size:12px; color:#666; line-height:20px} .bizGuide .listP li > .titBlock{margin-bottom:5px;} .bizTxtList dt{margin-bottom:8px; font-weight:500; font-size:14px; color:#444;} .bizTxtList dd{margin-left:9px;} .akl .business .bizTxt{word-break:keep-all} /* 190221_추가 사업규정 단어단위 줄바꿈 */ .bizTermWrap .bizTxt{display:block; margin:21px 0 8px 0; padding-left:35px; font-weight:500; color:#444; line-height:20px; text-indent:-35px;} .bizTermWrap .bizTxt span{display:inline-block; width:35px; text-indent:0;} .bizTermWrap .bizTermTop{line-height:20px;} .bizTermWrap .bizTxt + p{margin:0 0 11px 35px;} .bizTermWrap .bizTxt.nm{font-weight:normal;} .bizTermWrap .bizTxt.nm span{font-weight:500;} .bizTermList{margin:0 0 21px 35px; } .bizTermList > li{overflow:hidden; margin-top:10px; position:relative;} .bizTermList > li:first-child{margin-top:0;} .bizTermList > li > span{display:block; width:45px; line-height:20px; position:absolute; left:0; top:0;} .bizTermList > li > div{ line-height:20px; margin-left:45px} .bizDep li{overflow:hidden; padding-left:20px; text-indent:-20px; margin-top:4px} .bizDep li > span{float:left; display:block; width:20px;} .bizDep li > p{padding-left:0; text-indent:0;} .bizImgBox{margin-top:20px; padding:30px 0; text-align:center; line-height:0; font-size:0;} .bizGuide .bizNumList em, .bizGuide .listwarning em{font-weight:500; color:#1962a9; margin-left:2px; line-height:23px;} .bizGuide .listwarning .bizDashList{padding-left:10px;} .bizDownList{overflow:hidden; margin-left:-15px;} .bizDownList li{float:left; margin:20px 0 30px 15px; width:227px; height:413px; text-align:center;} .bizDownList li strong, .bizDownList li span{display:block; line-height:0; font-size:0;} .bizDownList li > div{margin-top:14px; border:1px solid #e2e2e2; height:378px; background:#fafafa;} .bizDownList li > div .photo{margin:14px auto; width:195px; height:282px; border:1px solid #e2e2e2; background:#fff;} .listWarning { margin-top:8px} .listWarning > li { line-height:140%} .listWarning > li ,p.listWarning, p.txt-italic ,div.listWarning {background:url('../images/akl_common/ico_star.png') no-repeat left 5px; background-size:5px; padding:0 0 2px 10px;font-size:13px;color:#808285; font-style: italic;} li p.listWarning, li p.txt-italic {background:url('../images/akl_common/ico_star.png') no-repeat left 9px; background-size:5px; padding:0 0 2px 10px;font-size:13px;color:#808285; font-style: italic;} .listWarning > li, p.listWarning a, p.txt-italic a { font-size:13px; } .listWarning > li strong { font-size:14px;} .listDotFS {margin:0;padding:0 0 5px;} .listDotFS > li { position:relative;padding:0 0 3px 10px; font-size:14px; } .listDotFS > li:before {content:""; position:absolute; display:block; width:3px; height:3px; background:#5e5e62; left:0; top:9px; border-radius:24px } .listDotFS > li .tit { display:block; margin-bottom: 3px;} h3.noticeH3 + .listDotFS { padding-left:25px; margin-top:-5px} .list-type1 > li {background:url('../images/akl_common/ico_arr_line.png') no-repeat left 10px;padding:0 0 3px 10px; font-size:14px;} .bizNumList li .bizDashList { margin-left:-10px} .bizPhoto { margin:15px 0 40px; background:#f4f4f4; text-align:center; padding:40px 0;} .bizPhoto2 { margin:15px 0 40px; background:#f4f4f4; text-align:center; padding:40px 0;} .bizPhoto3 { margin:15px 0 40px; background:#f4f4f4; text-align:center; padding:40px 0;} .bizPhoto4 { margin:15px 0 20px; background:#f4f4f4; text-align:center; padding:40px 0;} .bizPhoto.taxation03 { text-align:center} .bizPhoto.plan + .txt-italic.ex{ margin-top:-25px!important;} /*.bizPhoto.plan .txt-i { max-width:570px; margin:20px auto 0; text-align:left;} .bizPhoto.plan .txt-i .txt-italic.ex{ display:inline-block;}*/ .business-guide-wrap .pc img {max-width:100%} .business-guide-wrap .mob {display:none} .akl .amway-theme .business-guide-wrap .taxation01 h3 {margin:0 0 30px; line-height:24px; font-size:16px; color:#002f5f} .taxation01 {padding:40px 0; text-align:center; background-color:#f4f4f4} .taxation01 img {max-width:100%} .taxation03 {padding:40px; text-align:left; background-color:#f4f4f4;} .taxation03 img {max-width:100%} .taxation02 {display:table; width:100%; padding:40px 40px 40px 60px; margin:15px 0 20px; text-align:left; background-color:#f4f4f4;} .taxation02 > *{display:table-cell; vertical-align:middle} .taxation02 .tit, .taxation02 .tit02 {width:100px; height:100px; border-radius:50%; color:#fff; font-size:16px; font-weight:500; text-align:center; letter-spacing:-0.05em; background-color:#002f5f} .taxation02 .cal {padding-left:30px; font-weight:500} .taxation02 .cal > div {position:relative; padding-left:45px;} .taxation02 .cal > div + div {margin-top:10px} .taxation02 .cal > div:before {position:absolute; top:5px; left:0; content:''; display:inline-block; width:18px; height:11px; margin-right:28px; border-top:3px solid #002f5f; border-bottom:3px solid #002f5f} .taxation02 .cal > div .ibreak {display:inline-block; padding-left:4px} .taxation02-wrap {padding:40px 40px 40px 60px; background-color:#f4f4f4;} .taxation02-wrap .taxation02 + .list-type5 {margin-top:35px} .taxation02-wrap .taxation02 {padding:0; margin:12px 0 0 0} .bizNumListS + .taxation01 {margin-top:40px} .taxation01 + .bizNumListS {margin-top:-20px} .taxation01 + .listWarning {margin-top:-30px} .img_acpt02 {font-size:0} .img_acpt02 > * {display:inline-block; height:1147px; vertical-align:middle} .img_acpt02 .left {width:78px} .img_acpt02 .right {overflow-x:auto; width:calc(100% - 78px); max-width:1122px} /* 사업 가이드 > 공통 > tblInput */ .tblInput-wrap {margin-bottom:20px; overflow:hidden;} .tblInput-wrap .tblInput { width:50%; float:left; } .tblInput{width:100%; border-top:1px solid #e3e3e3; table-layout:fixed;} .tblInput tbody th{color:#002f5f; font-weight:500; background-color:#f4f4f4; border-bottom:1px solid #e3e3e3; padding:10px 5px 8px 15px; text-align:left; line-height:20px; vertical-align:middle;} .tblInput tbody th.thVerticalT{vertical-align:top;} .tblInput tbody td{color:#56565a; background-color:#fff; border-bottom:1px solid #e3e3e3; padding:5px 0 4px 15px; line-height:20px; vertical-align:middle;} .tblInput tbody td .subChk{padding:3px 0;} .tblInput tbody td .subChk label{margin-right:3px;color:#666;} .tblInput tbody td .mgLabel:first-child{margin-left:0;} .tblInput tbody td .mgTxt{margin-left:20px;} .tblInput tbody td .tdInput input[type="checkbox"] + label{margin:0 0 0 4px} .tblInput.borderT1{border-top:1px solid #9e9e9e; margin-top:20px;} .amway-theme table.tblInput tbody td {padding:10px 5px 8px 15px;} .tblInputPoint tbody td .mgRadio, .tblInput tbody td .mgRadio{margin-left:25px;} .tblInputPoint tbody td .mgLabel, .tblInput tbody td .mgLabel{margin-left:20px; margin-right:5px;} .tblInputPoint tbody td .mgLabels, .tblInput tbody td .mgLabels{margin-left:10px; margin-right:5px;} .tblInputPoint tbody td .dotLabel, .tblInput tbody td .dotLabel{display:inline-block; background:url(/_ui/desktop/images/common/bul_dot3.gif) no-repeat 0 5px; font-weight:500; padding:0 6px 0 8px; margin-left:25px;} .tblInputPoint tbody td .dotLabel:first-child, .tblInput tbody td .dotLabel:first-child{margin-left:0;} .tblInputPoint tbody td .dotLabel.mgNone, .tblInput tbody td .dotLabel.mgNone{margin-left:0;} .tblInputPoint tbody td a.btnTblArrow, .tblInput tbody td a.btnTblArrow{margin:3px 0 8px 0;} .tblInput .dupliCheck {width:52px;padding:0;text-align:center;} .tblInput .dupliCheck label {display:inline-block;width:100%;height:auto;} .tblInput .dupliCheck label input {margin-top:5px;} .amway-theme table.tblInput tbody tr:nth-of-type(even) {background:none;} .placeHolderBox:first-child {padding-bottom:30px; margin:0 0 40px; border-bottom:1px solid #dadada;} .placeHolderBox p { font-weight:500} .placeHolderBox p.titH2 { font-size:16px} .placeHolderBox .imgBox { background:#f6f6f6; padding:40px 60px; margin-bottom:20px;} .placeHolderBox .basicList li{ margin-bottom:18px;} .business .textC { text-align:center} .fsize16 + .mgtbM { margin-top:20px} .mgtbM + .tblList { margin-top:15px;} .mgtbM + .bizDashList{ margin-top:20px} .listwarning{background: url(../images/akl_common/ico_star.png) no-repeat left 5px; padding: 0 0 4px 10px;font-size: 13px;color: #808285;line-height: 18px;font-style: italic; background-size: 6px;} .marLeft { margin-left:15px;} .marLeft p.listWarning { font-size:14px} /* 사업 가이드 > 비즈니스 가이드 */ /* 사업 가이드 > 비즈니스 가이드 > BO의 유형별 부가가치세 납세의무 */ .akl .amway-theme .G20750-wrap table { margin-left:38px; margin-bottom:20px} .akl .amway-theme .tblList.G20750 tbody td{ text-align:center} .akl .amway-theme .G20750-tit {font-weight:500;color:#56565a;} .akl .amway-theme .G20750-tit mark{color:#56565a;background-color:#fff; display:inline-block; width:30px; height:30px; text-align:center; font-weight:500; border-radius:36px; border:1px solid #ccc; margin-right:8px; vertical-align:middle;} .akl .amway-theme .tblList.G20750 tbody td .th-title-mob { display:none} /* 사업 가이드 > 세일즈&마케팅 플랜 */ .akl .listWarning.case02 { display:inline-block; max-width:690px; text-align:left; margin-top:20px;} .akl .tblList02.plan tbody th{ text-align:center} .akl .tblList02.plan tbody th:nth-of-type(2) {border-left: 1px solid #e3e3e3;} .akl .tblList02.plan tbody td { padding:0 15px} .akl .tblList02.plan tbody th + td:nth-of-type(1) { text-align:left;} .akl .tblList02.plan tbody td:last-of-type { } .akl .amway-theme .scroll-table.widthS-01 .tbl-type1 { margin-top:15px} .akl .amway-theme .scroll-table.widthS-01 .tbl-type1 tbody tr:nth-of-type(even) {background:#fff;} .akl .amway-theme .scroll-table.widthS-01 .tbl-type1 tbody th{ text-align:center } .akl .amway-theme .scroll-table.widthS-01 .tbl-type1 tbody td{ border-left: 1px solid #e3e3e3; text-align:center; padding:10px 5px; } .akl .amway-theme .bizPhoto.plan .bizPhoto-tit { font-size:16px; margin-bottom:35px; display:block;} .akl .amway-theme .bizPhoto.plan + .listWarning { margin-top:-20px ;} .akl .amway-theme .gn-box.center .bizPhoto-tit { font-size:16px; margin-bottom:35px; display:block;} .akl .amway-theme .scroll-table.widthS-01 .tbl-type1 tbody td.multip {background-color:#499fdc;color:#fff;font-weight:bold;} .akl .amway-theme .gn-box-left { display:inline-block; margin-right:15px} .akl .amway-theme .gn-box-right {display:inline-block;} /* 사업 가이드 > GIP&NCA */ .akl .amway-theme .business-guide-wrap .gn-box h3 {font-size:16px; color:#002f5f; margin-left:40px; text-indent:-40px;} .akl .amway-theme .business-guide-wrap h2 {text-transform:none !important; margin-bottom:10px} .akl .gn-box {margin-top:20px; padding:40px 100px; border:1px solid #dadada; } .akl .gn-box.center { text-align:center; padding: 40px 0;} .akl .gn-box .tblList02 tbody tr > * {padding:20px 5px} .akl .gn-box .tblList02 .won {display:block; font-weight:500; color:#002f5f; letter-spacing:-0.05em} .akl .gn-box .tblList02 .won + .won {margin-top:3px} .akl .gn-box .tblList02 .won span {display:inline-block; font-size:20px; margin-right:3px} .akl .gn-box .tblList02 .won .name {font-size:14px; color:#56565a; font-weight:400; margin-right:8px} .akl .business-guide-wrap [class^='ico-gn01'] {display:inline-block; vertical-align:middle; background-size:80px 300px; background-image:url('/_ui/responsive/theme-blue/images/akl_common/business/ico_gn01.png'); font-size:0} .akl .gn-box .ico-gn01-won {width:48px; height:49px; background-position:0 -41px} .akl .gn-box .ico-gn01-p01 {width:30px; height:30px; background-position:0 0; margin-right:10px} .akl .gn-box .ico-gn01-p02 {width:30px; height:30px; background-position:right 0; margin-right:10px} .akl .gn-box .ico-gn01-talk01 {width:61px; height:61px; background-position:0 -97px} .akl .gn-box .ico-gn01-talk02 {width:61px; height:61px; background-position:0 -169px} .akl .gn-box .ico-gn01-talk03 {width:61px; height:61px; background-position:0 -239px} .akl .gn-box .txt-talk {display:table; margin-top:20px} .akl .gn-box .txt-talk > * {display:table-cell; } .akl .gn-box .txt-talk .img {width:90px} .akl .gn-box .txt-talk .txt {margin-left:14px; text-indent:-14px; vertical-align:middle} .akl .gn-box .txt-talk .txt:before, .akl .gn-box .txt-talk .txt:after {content:''; display:inline-block; width:9px; height:8px; vertical-align:middle; margin-top:-12px; background-size:80px 300px; background-image:url('/_ui/responsive/theme-blue/images/akl_common/business/ico_gn01.png');} .akl .gn-box .txt-talk .txt:before {background-position:-71px -41px; margin-right:5px} .akl .gn-box .txt-talk .txt:after {background-position:-71px -73px; margin-left:5px} .akl .gn-box .txt-talk + h3 {margin-top:38px} .akl .gn-box02 {margin-top:20px; padding:40px; text-align:center; background-color:#f4f4f4} .akl .gn-box02 h3{ font-size:16px; } .akl .amway-theme .business-guide-wrap .gn-box02 h3 {font-size: 16px;margin: 0 0 35px;} .akl .etc-detail li {margin:20px 0 0 0} .akl .etc-detail li em {font-weight:500} .akl .etc-detail li em + p {margin-top:5px} .akl .etc-detail li .mgl15 {margin-left:0!important;} .gn-box-tit {display:block; color:#fff; background:#42cbd3; margin-bottom:10px; text-align:center; padding:10px; font-size:18px; font-weight:500} .gn-box-tit.year { background:#00b2e2; position:relative; margin-top: 80px} .gn-box-tit.year:before {content:""; position:absolute; left:-60px; right:-60px; top:-40px; border-top:1px solid #dadada } .bizNumList li .box-diagram { margin-top:10px; text-indent:0;} .akl .gn-box .tblList02 + .tblList02 thead tr {border-top: 0} .akl .gn-box .tblList02.Ruby tbody tr > * { padding: 10px 10px; background: #f4f4f4; color: #002f5f; font-weight: 500;} .box-diagram-perq { padding: 40px 20px; background: #f4f4f4; text-align: center; } .personalq-list { margin-top:10px} .personalq-list li { /*padding-left:15px;*/} .personalq-list dt{ margin-bottom:3px} .personalq-list dd{ /*padding-left:15px;*/ } .personalq-list .box-diagram-perq { margin:16px 0 20px} .akl .amway-theme .business-guide-wrap .box-diagram-perq h3 {font-size: 16px;margin: 0 0 35px;} .personalq-list .gn-box{ margin:16px 0 20px} .box-diagram-perq.type01 { overflow:hidden; padding:40px 10px;} .box-diagram-perq.type01 ol { margin:0 auto; } .box-diagram-perq.type01 ol li { margin: 0 3%; display:inline-block; position:relative;} .box-diagram-perq.type01 ol li:after { content:"OR"; position:absolute; right:-50px; top:58px; font-weight:500; color: #002f5f; } .box-diagram-perq.type01 ol li p {margin:0 auto; width:146px; height:236px; background:url('/_ui/responsive/theme-blue/images/akl_common/business/img_nca01.png') 0 0 no-repeat; background-size:919px auto} .box-diagram-perq.type01 ol li:nth-of-type(2) p { width:82px; background-position:-261px 0} .box-diagram-perq.type01 ol li:nth-of-type(3) p { width:105px; background-position:-479px 0} .box-diagram-perq.type01 ol li:nth-of-type(4) p { width:243px; background-position:-679px 0} .box-diagram-perq.type01 ol li:nth-of-type(1) { margin-left:0} .box-diagram-perq.type01 ol li:nth-of-type(4) { margin-right:0} .box-diagram-perq.type01 ol li:nth-of-type(3):after {right:-60px;} .box-diagram-perq.type01 ol li:nth-of-type(4):after {display:none} .box-diagram-perq.type02 { overflow:hidden;} .box-diagram-perq.type02 ol {max-width:930px; margin:0 auto;} .box-diagram-perq.type02 ol li { float:left; width:25%; } .box-diagram-perq.type02 ol li p {margin:0 auto; width:164px; height:160px; background:url('/_ui/responsive/theme-blue/images/akl_common/business/img_nca03.png') 0 0 no-repeat; background-size:849px auto} .box-diagram-perq.type02 ol li:nth-of-type(2) p { background-position:-230px 0} .box-diagram-perq.type02 ol li:nth-of-type(3) p { background-position:-461px 0} .box-diagram-perq.type02 ol li:nth-of-type(4) p { background-position:-688px 0} .akl .gn-box02 {margin-top:20px; padding:40px 20px; border:1px solid #dadada; background:#fff} .case-list01 { margin: 0 auto; width:863px; text-align:left;} .case-list01 li { padding:20px 0; } .case-list01 li:nth-of-type(5) { padding-bottom:0;} .case-list01 li strong { display:block; padding-left:43px; margin-bottom:30px; color:#002f5f; font-size:16px; height:30px; background:url('/_ui/responsive/theme-blue/images/akl_common/business/icon_nca.png') 0 0 no-repeat; background-size:33px auto } .case-list01 li > div {width:603px; position:relative; border-bottom:1px solid #dadada; padding-bottom:40px; } .case-list01 li:nth-of-type(5) div { padding-bottom:0; border-bottom:0; } .case-list01 li > div p { height:72px; background:url('/_ui/responsive/theme-blue/images/akl_common/business/img_nca08.png') 0 0 no-repeat; background-size:850px auto} .case-list01 li > div.ex-case02 p { background-position:0 -97px} .case-list01 li > div.ex-case03 p { background-position:0 -189px} .case-list01 li > div.ex-case04 p { background-position:0 -283px} .case-list01 li > div.ex-case05 p { background-position:0 -376px} .case-list01 li > div > em { display:block; margin-top:30px} .case-list01 li > div span { position:absolute; right:-120px; top:10px; display:block; width:100px; height:105px; background:url('/_ui/responsive/theme-blue/images/akl_common/business/img_nca08.png') -750px 0 no-repeat; background-size:850px auto} .case-list01 li > div.ex-case02 span { background-position:-612px -113px; right:-280px; width:250px; height:130px;} .case-list01 li > div.ex-case03 span, .case-list01 li > div.ex-case04 span { background-position:-750px -257px; } .tblList02 th p { padding-left:48px; height:53px; line-height:53px; font-weight:500; color:#002f5f; position:relative; display: inline-block; } .tblList02 th [class*="iconcase"]:before { content:""; display:block; position:absolute; left:0; top:0; width:40px; height:53px; background:url('/_ui/responsive/theme-blue/images/akl_common/business/img_nca06_mob.png') 0 3px no-repeat; background-size:40px auto } .tblList02 th [class*="iconcase-02"]:before { background-position: 0 -45px } .tblList02 th [class*="iconcase-03"]:before { background-position: 0 -95px } .tblList02 th [class*="iconcase-04"]:before { background-position: 0 -146px } .tblList02 th [class*="iconcase-05"]:before { background-position: 0 -194px } .box-ratio02.bonus ul { margin-left:0; max-width:754px; margin:0 auto } .box-ratio02.bonus ul li.thead div span { padding:10px 0 5px; } .box-ratio02.bonus ul li.thead div span:nth-of-type(3) { width:18%; padding:10px 0 30px 5px; letter-spacing:-1px} .box-ratio02.bonus ul li.thead div span:nth-of-type(4) { width:24%; padding:10px 0 30px;} .box-ratio02.bonus ul li.tbody div span { padding: 20px 0 27px; position:relative;} .box-ratio02.bonus ul li.tbody div span b{ display:block; position:absolute; top:47px; border:2px solid #294f7c; border-radius:24px; background:#fff; width:20px; height:20px; text-align:center; line-height:16px; font-size:12px; font-weight:700} .box-ratio02.bonus ul li.tbody:nth-of-type(2) div span b {left:110px;} .box-ratio02.bonus ul li.tbody:nth-of-type(3) div span b {left:220px;} .box-ratio02.bonus ul li.tbody:nth-of-type(4) div span b { left:250px;} .akl .amway-theme .business-guide-wrap .bouns-list02 .tit-box-pop { margin-bottom:35px } .akl .amway-theme .business-guide-wrap .bouns-list02 .box-diagram06 p { text-align:center;} .akl .amway-theme .business-guide-wrap .bouns-list02 .box-diagram06 {padding: 40px 20px 5px;} .akl .amway-theme .business-guide-wrap .bouns-list02 .box-diagram06 > div { padding-bottom: 35px;} .case-list02 li { border-bottom:1px solid #dadada; padding:40px 0; margin-bottom:40px;} .case-list02 li:last-child { border-bottom:0; margin-bottom:0;} .case-list02 li p { position:relative; padding-left:110px; line-height:140%} .case-list02 li p strong{display:block; position:absolute; left:0; top:50%; width:73px; height:96px; margin-top:-48px; color:#002f5f; padding-top:78px; text-align:center; text-indent:0 } .case-list02 li p i {color:#002f5f; font-size:20px; display:none } .case-list02 li p [class*="iconcase01"]:before{content:""; display:block; position:absolute; left:0; top:0; width:73px; height:73px; background:url('/_ui/responsive/theme-blue/images/akl_common/business/img_nca07_mob.png') 0 0 no-repeat; background-size:73px auto } .case-list02 li p:before, .case-list02 li p:after {content:''; display:inline-block; width:9px; height:8px; vertical-align:middle; margin-top:-12px; background-size:80px 300px; background-image:url('/_ui/responsive/theme-blue/images/akl_common/business/ico_gn01.png');} .case-list02 li p:before {background-position:-71px -41px; margin-right:5px} .case-list02 li p:after {background-position:-71px -73px; margin-left:5px} .case-list02 li p [class*="iconcase01-02"]:before { background-position: 0 -97px } .case-list02 li p [class*="iconcase01-03"]:before { background-position: 0 -192px } .case-list02 li p [class*="iconcase01-04"]:before { background-position: 0 -289px } .case-list02 li p [class*="iconcase01-05"]:before { background-position: 0 -383px } .case-list02 li span { display:block; height:54px; margin-top:30px} .case-list02 li [class*="imgcase01"] {background:url('/_ui/responsive/theme-blue/images/akl_common/business/img_nca05.png') center 0 no-repeat; background-size:466px auto} .case-list02 li [class*="imgcase01-02"] {background-position: center -116px } .case-list02 li [class*="imgcase01-03"] {background-position: center -248px } .case-list02 li [class*="imgcase01-04"] {background-position: center -382px } .case-list02 li [class*="imgcase01-05"] {background-position: center -510px } /* 퍼포먼스 플러스 & 엘리트 인센티브 2019.06.28 추가 */ .sub_titB_ms p {display: block; padding-left:1em;padding-top:.6em; color:#56565a; font-size:14px;} @media (max-width: 768px){ .sub_titB_ms span {display: inline-block; line-height:1.8; padding-left:.8em;} .sub_titB_ms p {display: inline-block; padding-top:.2em; } } @media (max-width: 320px){ .sub_titB_ms span {padding-left:0;} .sub_titB_ms p {padding-left:0;} } /* 사업 가이드 > 사업규정 */ .akl .business .bizStit{word-break:keep-all} /* 190221_추가 사업 가이드 단어단위 줄바꿈 */ .bizStit { font-size:15px; font-weight:500; margin-bottom:15px;} .akl .amway-theme .bizRuleWrap dt { margin-bottom:10px; font-weight:500; font-size:15px} .akl .amway-theme .bizRuleWrap dd { margin-bottom:25px} /* 사업가이드 > 세무법률 */ /* 주요 메뉴얼 */ .manual-area {padding:0 10px !important; width:100%; max-width:100%; overflow:hidden;} .manual-area .mz-item {margin:0 1% 33px ; border:2px solid #f4f4f4; float:left; width:23%} .manual-area .mz-item:hover .thumb {background-color:#bbb} .manual-area .mz-item:hover .info {background-color:#f4f4f4} .manual-area .mz-item .thumb {padding:16px 10px; text-align:center; background-color:#f4f4f4; border-bottom:2px solid #f4f4f4} .manual-area .mz-item .thumb img { display:inline-block; width:100%; max-width:181px; } .manual-area .mz-item .info {position:relative; padding:17px 20px 12px; background-color:#fff} .manual-area .mz-item .info .tit {display:block; color:#002f5f; font-size:18px; font-weight:500; text-transform:uppercase; height:40px;} .manual-area .mz-item .info .txt {color:#56565a; font-weight:500; text-transform:uppercase} .manual-area .mz-item .info .inner {padding-top:10px; margin-top:17px; border-top:1px solid #dadada} .manual-area .mz-item .info .inner .btn-ico {position:absolute; bottom:10px; display:inline-block; width:18px; height:20px;} .manual-area .mz-item .info .inner .btn-ico.pdf {right:20px; background:url('/_ui/responsive/theme-blue/images/akl_common/ico_download02.png') 0 0 no-repeat;} .point-management + .ABOTAX-area { margin-top:40px;} .point-management.ABOTAX .form-group label { display:block;} .point-management.ABOTAX .form-group .date-range-select { float:left; margin-right:10px; width:150px;} .amway-theme .tax-table { border-top:1px solid #e3e3e3; margin-bottom:20px;} .amway-theme .tax-table td {border-left:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; height:40px; padding:10px 0; text-align:center} .amway-theme .tax-table tr td:first-child {border-left:0; } .amway-theme .tax-table tr.tax-head td { font-weight:500; font-size:13px; background: #f4f4f4; } .amway-theme .tax-table tr.tax-foot td { font-weight:500; color:#002f5f; background: #f4f4f4;} .amway-theme .tax-table tbody tr:nth-of-type(even) {background:#fff} /* ABO TAX */ .ABOTAX-area .form-regist { border-bottom:1px solid #e3e3e3; max-width:100%; padding:0 0 40px; margin-bottom:20px} .ABOTAX-area .form-regist .form-group {position:relative; width:433px;} .ABOTAX-area .form-regist .form-group .col select.form-control { width:48%} .ABOTAX-area .form-regist .form-group .col select.form-control + select.form-control { float:right} .ABOTAX-area .form-regist .form-group.abo-tex p{ margin-right:97px; margin-bottom:0} .ABOTAX-area .form-regist .form-group.abo-tex .bt-akl-white{ position:absolute; right:15px; top:0; min-width:85px;} .ABOTAX-area .form-regist .form-group.abo-tex span{ position:absolute; right:25px; top:9px; } .ABOTAX-area .form-regist .form-group.abo-tex input{ padding-right:40px;text-align: right; } .ABOTAX-area .button-control { text-align:center; margin-top:20px;} .akl .cart-popup__content.payment .form-horizontal.taxpop { padding:0} .akl .form-group.taxpopradio label{ padding-top:0; } .akl .form-group.taxpopradio .col-md-9 { padding-top:8px} .akl .amway-theme .outer-border-bottom + .point-management .form-group:nth-of-type(1) {padding:0; margin-top:-11px} /* 비즈니스 메인 */ .business-main-wrapper .main-top img {width:100%} .business-main-wrapper .bm-thumb01 {margin:0 -12px; font-size:0} .business-main-wrapper .bm-thumb01 li {display:inline-block; width:33.33333%; padding:12px} .business-main-wrapper .bm-thumb01 li a {display:block} .business-main-wrapper .bm-thumb01 li a img {width:100%} .business-main-wrapper .bm-thumb01 li a em {display:block; height:77px; padding:14px 22px; font-weight:500; color:#fff; font-size:18px; background-color:#20883e} .business-center-container .yCmsContentSlot .mypage-block-list {margin:16px -12px 0 -12px} .akl .business-center-container .yCmsContentSlot .mypage-block-list li {width:33.33333%; padding:0 12px 12px; margin-top:0} .business-center-container .yCmsContentSlot .mypage-block-list li>div a:before {background:url(../images/akl_common/business/ico_bm01.png) no-repeat; background-size:84px auto} .business-center-container .yCmsContentSlot .mypage-block-list .bmo-icon-01 a:before {background-position:0 0} .business-center-container .yCmsContentSlot .mypage-block-list .bmo-icon-02 a:before {background-position:-28px 0} .business-center-container .yCmsContentSlot .mypage-block-list .bmo-icon-03 a:before {background-position:-56px 0} .business-center-container .yCmsContentSlot .mypage-block-list .bmo-icon-04 a:before {background-position:0 -28px} .business-center-container .yCmsContentSlot .mypage-block-list .bmo-icon-05 a:before {background-position:-28px -28px} .business-center-container .yCmsContentSlot .mypage-block-list .bmo-icon-06 a:before {background-position:-56px -28px} .business-center-container .yCmsContentSlot .mypage-block-list .bmo-icon-07 a:before {background-position:0 -56px} .business-center-container .yCmsContentSlot .mypage-block-list .bmo-icon-08 a:before {background-position:-28px -56px} .business-center-container .yCmsContentSlot .mypage-block-list .bmo-icon-09 a:before {background-position:-56px -56px} .business-center-container .yCmsContentSlot .mypage-block-list .bmo-icon-10 a:before {background-position:0 -84px} .business-center-container .yCmsContentSlot .mypage-block-list .bmo-icon-11 a:before {background-position:-28px -84px} .business-center-container .yCmsContentSlot .mypage-block-list .bmo-icon-12 a:before {background-position:-56px -84px} .business-center-container .yCmsContentSlot .mypage-block-list .bmo-icon-13 a:before {background-position:0 -112px} .business-center-container .yCmsContentSlot .mypage-block-list .bmo-icon-14 a:before {background-position:-28px -112px} .business-center-container .yCmsContentSlot .mypage-block-list .bmo-icon-15 a:before {background-position:-56px -112px} /* 2018.11.23 추가 */ .business-center-container .yCmsContentSlot .mypage-block-list .bmo-icon-newpin a:before {background-position:0 -140px} /* 2019.02.26 추가 */ .business-center-container .yCmsContentSlot .mypage-block-list .bmo-icon-16 a:before {background-position:-28px -140px} /* 2019.05.14 추가 */ .business-center-container .yCmsContentSlot .mypage-block-list .bmo-icon-core a:before {background-position:-56px -140px} /*190325_추가 비즈니스 메인 상단*/ .business-center-container .type-row-bmo.row {margin:0 -12px} .business-center-container .type-row-bmo.row [class*=col-] {padding:12px;} .business-center-container .bmo-top-area{height:499px;width:100%;border:1px solid #dadada} .business-center-container [class*=bmo-top-btn]:visited, .business-center-container [class*=bmo-top-btn]{border:1px solid #dadada;height:231px;display:block;width:100%;margin-bottom:12px;color:#444;font-weight:700;font-size:22px;text-align:center;padding-top:175px;background:url(../images/akl_common/business/ico_biz_main_01_off.png) no-repeat #f9f9f9 center 40%;} .business-center-container .bmo-top-btn-01{background-image:url(../images/akl_common/business/ico_biz_main_01_off.png)} .business-center-container .bmo-top-btn-02{background-image:url(../images/akl_common/business/ico_biz_main_02_off.png)} .business-center-container .bmo-top-btn-03{background-image:url(../images/akl_common/business/ico_biz_main_03_off.png)} .business-center-container .bmo-top-btn-04{background-image:url(../images/akl_common/business/ico_biz_main_04_off.png)} .business-center-container [class*=bmo-top-btn]:hover, .business-center-container [class*=bmo-top-btn]:active, .business-center-container [class*=bmo-top-btn]:focus{border-color:#0074a3;color:#0074a3;background-color:#fff;background-image:url(../images/akl_common/business/ico_biz_main_01_on.png);} .business-center-container .bmo-top-btn-01.active, .business-center-container .bmo-top-btn-01:hover, .business-center-container .bmo-top-btn-01:active, .business-center-container .bmo-top-btn-01:focus{background-image:url(../images/akl_common/business/ico_biz_main_01_on.png);} .business-center-container .bmo-top-btn-02.active, .business-center-container .bmo-top-btn-02:hover, .business-center-container .bmo-top-btn-02:active, .business-center-container .bmo-top-btn-02:focus{background-image:url(../images/akl_common/business/ico_biz_main_02_on.png);} .business-center-container .bmo-top-btn-03.active, .business-center-container .bmo-top-btn-03:hover, .business-center-container .bmo-top-btn-03:active, .business-center-container .bmo-top-btn-03:focus{background-image:url(../images/akl_common/business/ico_biz_main_03_on.png);} .business-center-container .bmo-top-btn-04.active, .business-center-container .bmo-top-btn-04:hover, .business-center-container .bmo-top-btn-04:active, .business-center-container .bmo-top-btn-04:focus{background-image:url(../images/akl_common/business/ico_biz_main_04_on.png);} @media (max-width: 768px) { .business-center-container .type-row-bmo.row {margin:0 -6px} .business-center-container .type-row-bmo.row [class*=col-] {padding:12px 6px 6px 6px} .business-center-container .bmo-top-area{height:auto} .business-center-container [class*=bmo-top-btn]{background-size:55px auto;height:122px;padding-top:90px;font-size:16px;font-weight:500} } /* 암웨이 용어집 */ .glossary-wrapper {margin-top:40px;} .glossary-wrapper .show-more-products-wrapper {margin-top:20px;} .search-block {padding:40px 0 0;} .search-block .mobile-tip{display:none;color:#0075a4;} .search-block .total-glossary-terms-wrap {margin-top:36px; color:#002f5f;} .search-block .total-glossary-terms-wrap b {display:inline-block; padding:0 2px;font-weight:700;} /* 암웨이 용어집 > Tab */ .akl .sizer-tabs-toggles {position:absolute; right:10px; top:12px;} .akl .sizer-tabs-toggles .tabs-toggles {border-bottom:0} .akl .sizer-tabs-toggles .tabs-toggles .tab-toggle-wrap {min-width:62px;padding:0;border:0; background:none;} .akl .sizer-tabs-toggles .tabs-toggles .tab-toggle-wrap .tab-toggle {border:1px solid #dadada;background:#f4f4f4;padding:0 0;min-width:62px;height:38px;} .akl .sizer-tabs-toggles .tabs-toggles .tab-toggle-wrap .tab-toggle .toggle-text {display:block; font-size:14px; line-height:36px; color:#bbb;} .akl .sizer-tabs-toggles .tabs-toggles .tab-toggle-wrap.active{border:0 none} /* 190308_추가 탭 모양 오류 수정 */ .akl .sizer-tabs-toggles .tabs-toggles .tab-toggle-wrap:nth-of-type(1){border:0 none} /* 190308_추가 탭 모양 오류 수정 */ .akl .sizer-tabs-toggles .tabs-toggles .tab-toggle-wrap.active .tab-toggle {border:1px solid #dadada;background:#fff;} .akl .sizer-tabs-toggles .tabs-toggles .tab-toggle-wrap.active .tab-toggle:before {background:none;} .akl .sizer-tabs-toggles .tabs-toggles .tab-toggle-wrap.active .tab-toggle .toggle-text {color:#20893d;font-weight:700} .akl .sizer-tabs-toggles .tabs-toggles .tab-toggle-wrap:first-child .tab-toggle {border-top-left-radius:4px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:4px;} .akl .sizer-tabs-toggles .tabs-toggles .tab-toggle-wrap:last-child .tab-toggle {margin-left:-1px;border-top-left-radius:0px;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:0px;} .akl .sizer-tabs-toggles .tabs-toggles .tab-toggle-wrap.active .tab-toggle {border:1px solid #dadada;background:#fff; border-top:4px solid #008fc5;} .akl .sizer-tabs-toggles .tabs-toggles .tab-toggle-wrap.active .tab-toggle .toggle-text {display:block; line-height:33px;} /* 암웨이 용어집 > 색인 */ .sizer .sizer-row{display:none; width:100%; padding:22px 0 18px; border:1px solid #e3e3e3; border-width:1px 0;} .sizer .sizer-row.on {display:table;} .sizer .sizer-row span{display:table-cell; width:60px; margin:0; font-size:16px; font-weight:500; vertical-align:top; color:#bbbbbb;} .sizer .sizer-row p {display:table-cell; vertical-align:middle; line-height:30px;} .sizer .sizer-row a {display:inline-block; min-width:35px; height:22px; font-size:19px; font-weight:400; line-height:100%; text-align:center; color:#56565a;} .sizer .sizer-row a:hover{color:#0075a4;} .sizer .sizer-row a.active-label{color:#0075a4;} .sizer .sizer-row a.active-label:hover{color:#002f5f;} .sizer .sizer-row.type-korean a.btn-total {font-size:20px;} .sizer .sizer-row.type-korean a {font-size:19px;} .sizer .sizer-row a.btn-total {text-align:left;} /* 암웨이 용어집 > 용어목록 */ .glossaryList>li {line-height:160%;} .glossaryList .listStar {position:relative; padding-left:10px;} .glossaryList .listStar:before {content:'*'; position:absolute; top:2px; left:0;} .alphabet .search-no-result {margin-top:40px; border:1px solid #dadada; border-width:1px 0;} .alphabet .search-no-result>p {margin:0;} .alphabet .row .search-no-result {margin:0; border-width:0 0 1px;} .alphabet .row>ul {display:table; width:100%;} .alphabet .row>ul>li {display:table-row;} .alphabet .row>ul>li>* {display:table-cell; padding:30px 0 0;vertical-align:top; box-sizing:border-box;} .alphabet .row>ul>li>strong {width:30%; padding-left:60px; font-size:18px; font-weight:500; letter-spacing:-0.025em; color:#002f5f;} .alphabet .row>ul>li>div {width:70%;} .alphabet .row+h2 {margin-top:20px;} .alphabet h2 {padding:40px 0; font-size:36px; font-weight:500; color:#002f5f; border-bottom:1px solid #e3e3e3;} .amway-theme .alphabet h2 {margin:0; text-align:left;} #alphabet-tip{position:fixed; z-index:100; top:50%;left:50%;width:110px;height:110px;margin-top:-55px;margin-left:-55px;font-size:40px;font-weight:500;line-height:110px;text-align:center;color:#ffffff;border-radius:50%;background:rgba(0,47,95,.8);} /* 로스맵 */ .losmap {margin-top:40px} .losmap .txt-tbl strong {font-weight:700; color:#002f5f} .losmap .txt-stat {display:table; margin-top:12px; } .losmap .txt-stat > * {display:table-cell; vertical-align:middle} .losmap .txt-stat em {font-weight:500; color:#002f5f} .losmap .txt-stat div {padding-left:20px} .losmap .txt-stat div span + span:before {content:'/'; display:inline-block; margin-right:4px} .losmap .txt-stat div span strong {font-weight:700; color:#002f5f} .akl .losmap .txt-stat span{display:inline-block} /* 190221_추가 PT그룹조회 단어단위 줄바꿈 */ .losmap .mob-blck {margin-right:15px} .akl .losmap .link-btn {line-height:1; font-style:normal} .layerWrapper.business .list-type5.line {padding:15px 0 8px; margin-top:20px; border-top:1px solid #dadada; border-bottom:1px solid #dadada} .layerWrapper.business .list-type5 em {font-weight:500} /* ----- Q레그 현황 ----- */ .list-type5.qlegs-info {overflow:hidden;} .list-type5.qlegs-info > li {float:left; width:50%;} .akl .amway-theme .qLegs-wrapper * {font-size:14px;} .akl .amway-theme .qLegs-wrapper .list-type2 * {font-size:13px;} .akl .amway-theme .tbl_top_info>h2 {margin:40px 0 17px;font-size:16px; color:#56565a; text-align:left;} .qLegs-wrapper .tbl_top_info {margin:40px 0 0;} .qLegs-wrapper .tbl_top_info .title-h6 + p {padding-top:13px;} /* .akl .container.amway-theme.business .qLegs-wrapper .tbl_top_info .link-btn .glyphicon:before {top:-13px;} */ .qLegs-wrapper .outer-border-bottom {margin:80px 0 0;} .qLegs-wrapper .topup-search {margin:40px 0 20px;} /* .qLegs-wrapper .topup-search.type02 .cuton-sel .link-btn .glyphicon:before {top:-13px;} */ .qLegs-wrapper .qlegTotal {display:table; width:100%; margin-top:10px; border:1px solid #dadada; border-width:1px 0;} .qLegs-wrapper .qlegTotal>strong {display:table-cell; box-sizing:border-box; vertical-align:middle; padding:25px 25px 22px 22px; min-width:247px} .qLegs-wrapper .qlegTotal .txtTit {width:24%; min-width:305px; background:#f4f4f4;} .qLegs-wrapper .qlegTotal .numb {width:auto; text-align:right;} /* .qLegs-wrapper .qlegTotal.ty-international .txtTit { min-width:302px} */ .qLegs-wrapper .tbl_top_info .link-btn {margin:0 0 0 15px;} .qLegs-wrapper .tab-content+.list-type2 {margin-top:40px;} .akl .amway-theme .tbl-list {margin:0; border-top:1px solid #e3e3e3;} .akl .amway-theme .tbl-list td, .akl .amway-theme .tbl-list th {color:#55565a; font-weight:500; text-align:center; vertical-align:middle; border-bottom:1px solid #e3e3e3; border-right:1px solid #e3e3e3; background:#fff;} .akl .amway-theme .tbl-list th, .akl .amway-theme .tbl-list tbody tr:nth-of-type(even) {background:#fff;} .akl .amway-theme .tbl-list tr td:last-child, .akl .amway-theme .tbl-list thead tr th:last-child {border-right:0;} .akl .amway-theme .tbl-list .colspan-line, .akl .amway-theme .tbl-list tr td:last-child.colspan-line, .akl .amway-theme .tbl-list thead tr th:last-child.colspan-line {border-right:1px solid #e3e3e3} .akl .amway-theme .tbl-list thead th {background:#f4f4f4;} .akl .amway-theme .tbl-list thead .thisMonth {background:#007eb0; color:#fff;} .akl .amway-theme .tbl-list tbody .thisMonth {background:#f2f9fc;} .akl .amway-theme .tbl-list td, .akl .amway-theme .tbl-list th {min-width:60px;} .akl .amway-theme .tbl-list .bd-right0 {border-right:0;} .akl .amway-theme .tbl-list.clone .bd-right0 {border-right:0;} .table-wrap {width:100%;overflow:auto;} .table-scroll {position:relative; overflow:hidden; box-sizing:border-box;} .table-scroll table {width:100%;margin:auto;border-collapse:separate;border-spacing:0;} .table-scroll th, .table-scroll td {padding:5px 10px; white-space:nowrap;vertical-align:top;} .table-scroll thead, .table-scroll tfoot {background:#f9f9f9;} table.clone {position:absolute;top:0;left:0;pointer-events:none;} table.clone th, .clone td {visibility:hidden} table.clone td, .clone th {border-color:transparent} table.clone tbody th {visibility:visible;color:red;} table.clone .fixed-side { visibility:visible;} table.clone thead, .clone tfoot{background:transparent;} .table-scroll .scrollArrow {position:absolute; top:50%; right:20px; margin-top:-35px; width:70px; height:70px; background:#555;} .table-scroll .scrollArrow.toLeft {background:hotpink;} .table-scroll .scrollArrow.toRight {background:orange;} /* ----- 월간 코어 보너스 조회, 여행점수 조회 (공통 사용) ----- */ .monthly-coreBonus-wrapper, .rewards-program-wrapper {padding:36px 0 0;} .monthly-coreBonus-wrapper .outer-border-bottom, .rewards-program-wrapper .outer-border-bottom {margin-bottom:40px;} .akl .amway-theme.business>[class$=-wrapper] h2 {font-size:18px; text-align:left; margin:0; letter-spacing:-0.05em;} .akl .amway-theme.business>[class$=-wrapper] h3 {font-size:14px; text-align:left; color:#56565a; letter-spacing:-0.05em;} .akl .amway-theme.business .box-conts-summary>h2, .akl .amway-theme.business .box-conts-group>h2, .akl .amway-theme.business .box-conts-group>h3 {margin:0 0 26px;} .amway-theme.business .mob-inline {display:block;} .amway-theme.business .box-conts-summary dl {overflow:hidden;} .amway-theme.business .box-conts-summary dl>dt {float:left; width:20%; margin-top:13px; color:#002f5f;font-weight:500;} .amway-theme.business .box-conts-summary dl>dd {float:left; width:80%; margin-top:13px;} .amway-theme.business .box-conts-group {margin:37px 0 0; padding:37px 0 40px; border-top:1px solid #dadada;} .amway-theme.business .box-conts-group.type-bottom0 {padding-bottom:0} .amway-theme.business .box-conts-group .search-no-result {background:#fafafa;} .amway-theme.business .box-conts-group+.box-conts-group {margin:0;} .amway-theme.business .box-conts-group .imgbox {background: #fafafa; padding:40px 60px} .akl .amway-theme .box-goal-point li>span {font-size:38px; letter-spacing:-0.025em;} /* ----- 여행점수 조회 ----- */ .akl .txt-required {font-size:13px !important;} .akl p.txt-required {margin-bottom:0;} .akl .amway-theme .etc-required>em {font-size:0;} /* .akl .amway-theme .rewards-program-wrapper * {font-size:14px;} */ .akl .amway-theme.business .rewards-program-wrapper h3 {font-size:16px;} .akl .amway-theme .rewards-program-wrapper .calc-travel-point>h3 {font-size:14px;} .akl .amway-theme .rewards-program-wrapper .next-control {text-align:center; margin-top:30px;} /* 여행 점수 산출 diagram */ .box-diagram {overflow:hidden; padding:40px 60px 37px; background:#fafafa;} .box-diagram .diag-calculation {float:left; width:60%; margin-right:3%; border-right:1px solid #dadada;} .box-diagram .diag-details {float:left; width:37%;} .diag-calculation>p {display:table; width:100%; height:102px;} .diag-calculation p>.math-txt:first-child {width:28%;} .diag-calculation .math-txt {position:relative;display:table-cell; width:28%; box-sizing:border-box; vertical-align:middle; color:#002f5f;} .diag-calculation .math-txt.plus {width:8%} .diag-calculation .math-txt.minus {width:8%} .diag-calculation .math-txt.last {width:36%;} .diag-calculation .math-txt * {display:inline-block; vertical-align:middle;} .diag-calculation [class^=ico-type] {position:relative; display:inline-block; padding:15px 0 0 82px; height:72px;} .diag-calculation [class^=ico-type]:before {content:''; position:absolute; top:0; left:0; width:72px; height:72px; background:url(../images/akl_common/img_rewards_travel2_pc.png) no-repeat;} .diag-calculation .ico-type-equal {padding-left:100px; width:100%; height:100px;} .diag-calculation .ico-type-equal:before {width:100px; height:100px; background-position:0 0;} .diag-calculation .ico-type-equal:after {content:''; position:absolute; top:50%; left:50%; margin:-7px 0 0 40px; width:24px; height:14px; background:url(../images/akl_common/img_rewards_travel2_pc.png) no-repeat 0 -300px;} .diag-calculation .ico-type-a:before {background-position:50% -120px;} .diag-calculation .ico-type-a:after {display:none;} .diag-calculation .ico-type-b:before {right:30px; background-position:50% -210px;} .diag-calculation .ico-type-plus{width:20px; height:20px; padding:0;} .diag-calculation .ico-type-plus:before {width:20px; height:20px; background-position:0 -350px; top:50%; margin-top:-10px;} .diag-calculation .ico-type-minus{width:20px; height:20px; padding:0;} .diag-calculation .ico-type-minus:before {width:20px; height:20px; background-position:0 -402px; top:50%; margin-top:-10px;} .diag-details li>p{margin:0; padding-left:35px;} .diag-details .txt-required {color:#e11e45;} .diag-details .symbol-tit+.txt {font-size:13px;color:#808285;} .diag-details .symbol-tit {position:relative; padding-left:35px;font-weight:500;} .diag-details .symbol-tit .symbol-round-txt {position:absolute; top:0; left:0} .symbol-round-txt {display:inline-block; background:#002f5f; color:#fff; font-size:16px; font-weight:500; border-radius:12px; width:24px; height:24px; text-align:center; line-height:22px;} /* 여행점수 프로모션 */ .box-diagram.typeminus { margin-top:40px;} .box-diagram.typeminus .diag-calculation .ico-type-equal:before {background-position:0 -500px;} .box-diagram.typeminus .diag-details { margin-top:20px} .box-diagram.typeminus .ico-type-a:before { background-position:50% -210px;} .box-diagram.typeminus .ico-type-a em { margin-top:10px} .box-diagram.typeminus .ico-type-b:before {background-position:50% -120px;} /* 여행점수 확인 */ .rewards-program-wrapper .status-travel-point {margin-bottom:0;} .rewards-program-wrapper .status-travel-point em {font-weight:500; color:#002f5f;} .rewards-program-wrapper .txt-ty-month {font-weight:500;} .rewards-program-wrapper .currentGuide {padding:10px 10px 0 0;}/* 20190118 추가*/ .box-goal-point {padding:30px 0 40px; margin-top:15px; background:#fafafa;} .box-goal-point.result-text {padding:40px 30px 36px; text-align:center; font-size:16px; font-weight:500; line-height:170%;} .box-goal-point.result-text p{margin-bottom:0;} .box-goal-point>ul{overflow:hidden;} .box-goal-point>ul>li {display:block; float:left; width:33%; text-align:center; position:relative; padding-bottom:20px;} .box-goal-point li>span {display:block; font-weight:500; color:#002f5f;} .box-goal-point li>strong {display:block; position:absolute; bottom:0; left:0; right:0; width:100%;} .akl .form-group .input-border {border:solid 1px #dadada;} .akl .form-group .input-border>input[type="text"] {border:0;} .box-simulation ul.form-list {width:500px; margin-top:30px;} .box-simulation .form-group label {padding-left:0; padding-right:0;} .box-simulation .form-group .input-border {position:relative; width:100%; box-sizing:border-box; margin:0; padding-right:45px; text-align:right;} .box-simulation .form-group .input-border>em {position:absolute; top:0; right:0; display:block; padding-right:10px; line-height:38px;} .box-simulation .form-group .input-border>input{width:100%; padding-right:0;} .box-simulation .list-type2 > li.bg-none {background:none; padding-left:0} /* 1개월 여행점수 계산법 */ .calc-travel-point {margin:30px 0 10px;} .calc-travel-point .box-diagram {margin-top:15px;} .calc-travel-point .txt-math {overflow:hidden; margin:0;} .calc-travel-point .txt-math>span {display:block; float:left; height:34px; background:url(../images/akl_common/business/img_rewards_travelmath1_pc.png) no-repeat 0 0;} .calc-travel-point .txt-math .math-left {width:260px; background-position:0 0;} .calc-travel-point .txt-math .plus {width:70px; background-position:-260px 0;} .calc-travel-point .txt-math .math-right {width:338px; background-position:-332px 0;} /* 여행점수 시뮬레이션 결과 */ .box-simulation .tbl-list-board {margin-top:40px;} .box-simulation .tbl-list-board .travel-simul-th6 {width:20%;} .box-simulation .tbl-list-board .travel-simul-th6>p {color:#731472;} /* --- 여행점수 조회 > 프로모션 2019 두바이 --- */ .akl .amway-theme.business .leadershipSeminar2019 h2 {text-align:center;} .akl .amway-theme.business .leadershipSeminar2019 h3 {text-align:center; font-size:28px;} .akl .amway-theme.business .seminar-cont-top h2 {font-size:36px; font-weight:500;line-height:130%;} .akl .amway-theme.business .seminar-cont-top h2>strong{ display:block; font-weight:700;} .amway-theme.business .box-conts-summary .seminar-cont-details dl>* {float:none; width:auto;} .amway-theme.business .box-conts-summary .seminar-cont-details dl {margin-top:40px;} .amway-theme.business .box-conts-summary .seminar-cont-details dl>dt {margin:0} .amway-theme.business .box-conts-summary .seminar-cont-details dl>dd { margin:0; padding:13px 0 22px;} .seminar-cont-details .cont-title {position:relative; font-weight:500;} .seminar-cont-details .cont-title > span {display:block; margin-top:15px; font-size:22px; color:#612e17;} .seminar-cont-details .cont-text {font-size:18px; margin:36px 0 0; letter-spacing:-0.025em} .seminar-cont-details * { font-size:16px;} .seminar-cont-details > dl>dt {display:inline-block; min-width:140px; line-height:34px; background:#f0ae64; border-radius:16px; color:#6b341e;} .seminar-cont-details > dl>dd {display:block;} .seminar-cont-details > dl>dd p {margin-bottom:0;} .leadershipSeminar2019 .block-box {display:block;} .leadershipSeminar2019 .inline-box {display:inline-block;} .leadershipSeminar2019 .seminar-logo {position:absolute; top:30px; left:-10px; display:block; width:210px; height:36px; background:url(../images/akl_common/promotion/seminar2019/rise2019_logo.png) no-repeat 100% 0;} .leadershipSeminar2019 .seminar-cont-top {position:relative; padding:0 0 280px; text-align:center; background:url(../images/akl_common/promotion/seminar2019/rise2019_bg_pc01.png) 0 0;} .leadershipSeminar2019 .seminar-cont-top:before {content:''; position:absolute; bottom:0; left:0; right:0; width:100%; height:253px; background:url(../../theme-blue/images/akl_common/promotion/seminar2019/rise2019_bg_pc02.png) no-repeat 50% 100%;} .leadershipSeminar2019 .seminar-cont-top .innerbox {position:relative; max-width:570px; padding-top:105px; margin:0 auto;} .leadershipSeminar2019 .seminar-cont-top .innerbox p {margin-top:34px; line-height:150%;} .leadershipSeminar2019 .seminar-cont-details {padding:40px; text-align:center;} .leadershipSeminar2019 .seminar-cont-details .cont-title {padding-top:110px;} .leadershipSeminar2019 .seminar-cont-details .cont-title:before {content:''; position:absolute; top:0; left:50%; margin-left:-45px; width:90px; height:90px;} .leadershipSeminar2019 .seminar-cont-details > dl {display:inline-block;} .leadershipSeminar2019 .seminar-cont-details.type01 { padding-bottom:10px; background:#fcfcfc;} .leadershipSeminar2019 .seminar-cont-details.type01 .cont-title:before {background:url(../../theme-blue/images/akl_common/promotion/seminar2019/rise2019_icon1.png) no-repeat; background-size:cover;} .leadershipSeminar2019 .seminar-cont-details.type02 .cont-title:before {background:url(../../theme-blue/images/akl_common/promotion/seminar2019/rise2019_icon2.png) no-repeat; background-size:cover;} .leadershipSeminar2019 .seminar-cont-details.type02 {background:#f8f8f8;} .leadershipSeminar2019 .seminar-cont-details.type02 > dl {margin-bottom:35px;} /* --- 여행점수 시뮬레이션 : Bar 차트 --- */ .akl .amway-theme .rewards-program-wrapper .chartNum, .akl .amway-theme .rewards-program-wrapper .axisHorizontal>div>span {font-size:13px;} .chartWrapper {margin-top:20px;} .chartWrapper > p.txt {text-align:right; margin-bottom:-5px} .chartWrapper .goalPoint { margin-bottom:10px; text-align:right; line-height:1;} .chartWrapper .goalPoint span, .chartWrapper .goalPoint strong {display:inline-block; padding-bottom:2px;} .chartWrapper .goalPoint strong { padding-left:8px; color:#444;} .chartWrapper .colorBar {position:relative; padding-left:20px} .chartWrapper .colorBar:before {content:'';position:absolute; top:4px; left:0; display:inline-block; width:12px; height:12px; background:#42cbd3;} .chartWrapper .colorBar>em {display:inline-block; position:absolute; left:-9999px; top:-9999px; width:0 !important; height:0 !important; font-size:0 !important; line-height:0 !important; margin:0; padding:0;} .chartWrapper .tblList .lineH th { padding:12px 0; letter-spacing:-1px;} /* 차트상자 */ .barChartBox {position:relative; margin:0 0 60px; padding:0 0 0 90px;} .barChartBox>ul {display:table; width:100%; height:130px; border-top:0px solid #dadada;} .barChartBox>ul>li {position:relative; display:table-cell; height:100px; box-sizing:border-box; vertical-align:bottom;} /* Y축 */ .axisHorizontal {position:absolute; left:90px; bottom:0; right:0; height:100px; box-sizing:border-box; border-bottom:1px solid #dadada;} .axisHorizontal>div {position:absolute; left:0; border-top:1px solid #dadada; width:100%;} .axisHorizontal>div>span {position:absolute; left:-90px; bottom:-8px; display:block; width:70px; text-align:right; font-size:13px;} .axisHorizontal>div.yAxisMinimum {bottom:0; border:0;} .yAxisMaximum{top:0;} .yAxisHalf{top:50%;} .yAxisHalf.oneThirds{top:66.66%;} .yAxisHalf.twoThirds{top:33.33%;} /* X축 범례 */ .chartLegend { position:absolute; bottom:-50px; display:block; width:100%; height:50px; text-align:center; padding-top:10px; font-size:13px; font-weight:400;} /* 막대 */ .chartBar { position:absolute; bottom:0; width:100%; height:100px; box-sizing:border-box; text-align:center;} .chartBar.barTarget strong, .chartBar.barSection_01 strong {background:#42cbd3;} .chartBar.barAttainment strong, .chartBar.barSection_02 strong {background:#00b2e2;} .chartBar.barPromotion strong, .chartBar.barSection_03 strong {background:#005cb9;} .chartBar>span { position:absolute; bottom:0; left:50%; display:block; vertical-align:bottom; width:100px; height:100px; margin-left:-50px;} .chartBar>span img {position:absolute; left:0; bottom:0; width:100%; min-height:3px; max-height:120px; border-radius:5px 5px 0 0;} .chartBar>span>strong{position:absolute; left:0; bottom:0; width:100%; min-height:3px; display:block;overflow:hidden;text-indent:-9999px;font-size:0;} .chartNum {position:absolute; width:100%; text-align:center; font-size:13px;} /* ----- 월간 코어 보너스 조회 ----- */ .monthly-coreBonus-wrapper .next-control {margin-top:30px; text-align:center;} .akl .amway-theme .monthly-coreBonus-wrapper .box-simulation .box-conts-group>h3 {font-size:14px; margin-bottom:15px;} /* 월간 코어 보너스 Bar 차트 */ .barChartBox.coreBonus .axisHorizontal {left:120px; height:150px;} .barChartBox.coreBonus .axisHorizontal>div>span {left:-95px;} .barChartBox.coreBonus .chartLegend {bottom:-55px;} .barChartBox.coreBonus>.chartLegend {width:auto; left:0; letter-spacing:-0.025em;} .barChartBox.coreBonus>ul {height:170px;} .barChartBox.coreBonus>ul>li, .barChartBox.coreBonus .chartBar, .barChartBox.coreBonus .chartBar>span {height:150px;} /* tab1: 월간 코어 보너스 */ .box-goal-point.corebonus {margin-top:20px;margin-bottom:40px;} .box-goal-point.corebonus>ul>li {width:50%; padding-bottom:40px;} /* tab2: 여행점수 성장 보너스 시뮬레이션 */ .monthly-coreBonus-wrapper [class$=-simul] .box-conts-group {border-top:0; padding-top:0; margin-top:0;} .monthly-coreBonus-wrapper [class$=-simul] .outcome .box-conts-group>h3 {margin:30px 0 0;} .monthly-coreBonus-wrapper [class$=-simul] .outcome .chartWrapper {margin-top:30px;} .amway-theme.business .type-bonus-simul .box-conts-group>h3 {font-size:14px; margin-bottom:15px;} .diag-growth-bonus>p {display:table; width:auto; min-height:72px; margin:0} .diag-growth-bonus .math-txt {position:relative;display:table-cell; width:30%; box-sizing:border-box; vertical-align:middle; color:#002f5f;} .diag-growth-bonus .math-txt * {display:inline-block; vertical-align:middle;} .diag-growth-bonus .math-txt span>em {} .diag-growth-bonus .math-txt.multi {width:8%;} .diag-growth-bonus [class^=ico-type] {position:relative; display:inline-block; padding:25px 0 0 76px; height:72px;} .diag-growth-bonus [class^=ico-type]:before {content:''; position:absolute; top:0; left:0; width:72px; height:72px; background:url(../images/akl_common/business/img_monthly_corebonus_pc.png) no-repeat;} .diag-growth-bonus .ico-type-equal {width:100%; padding-left:76px;} .diag-growth-bonus .ico-type-equal:before {width:64px; height:72px; background-position:50% -93px;} .diag-growth-bonus .ico-type-equal:after {content:''; position:absolute; top:50%; left:50%; margin:-7px 0 0 55px; width:24px; height:14px; background:url(../images/akl_common/business/img_monthly_corebonus_pc.png) no-repeat 50% 0;} .diag-growth-bonus .ico-type-multi{width:18px; height:18px; padding:0;} .diag-growth-bonus .ico-type-multi:before {width:18px; height:18px; background-position:50% -50px; top:50%; margin-top:-9px;} .diag-growth-bonus .ico-type-a:before {background-position:50% -200px;} .diag-growth-bonus .ico-type-a:after {display:none;} .diag-growth-bonus .ico-type-b:before {right:30px; background-position:50% -290px;} /* tab3: 볼륨 성장 보너스 시뮬레이션 */ .type-volume-simul .barChartBox.coreBonus>.chartLegend{text-align:right; left:10px} /* ----- ABO양식 ----- */ .aboForm-wrapper {margin-top:40px;} .aboForm-wrapper .search-block {margin-bottom:40px;} .aboForm-wrapper .search-no-result {border-top:1px solid #dadada;} .aboForm-wrapper .list-type2 {padding-top:30px; border-top:1px solid #dadada;} .abn-forms-list {overflow:hidden; margin-bottom:40px;} .abn-forms-list>li {float:left; width:32%; margin-top:20px; border:1px solid #e3e3e3;} .abn-forms-list>li:nth-of-type(3n-1){margin:20px 2% 0;} .abn-forms-list>li:nth-of-type(-n+3){margin-top:0;} .docfile-box {position:relative; height:100%; padding-bottom:38px;} .docfile-box > * {box-sizing:border-box;} .docfile-box .doc-text {display:block; height:75px; padding:17px 20px 0;} .docfile-box .doc-file{display:block; position:absolute; left:0; bottom:0; width:100%; padding:4px 6px 0 0; background:#f4f4f4; height:38px; text-align:right;} /* ----- ABO수첩 ----- */ .pocketbook-wrapper {margin-top:40px;} .abo-pocket-menual .top-title {position:relative; padding:20px 0 0; overflow:hidden; margin-bottom:0; border:1px solid #e3e3e3; border-width:1px 0 0; text-align:right} .btn-download{padding:5px 5px 5px 26px !important; background:url(../images/akl_common/ico_btn_download.png) 0 50% no-repeat !important; background-size:18px auto !important; color:#0075a4 !important;} /* 뷰어가이드 */ .viewer-guide-box {position:relative; padding:30px; margin:40px 0; background:#f4f4f4;} .viewer-guide-box>p{margin:0; padding-left:50px; line-height:24px; background:url(../images/icon_caution.png) 0 0 no-repeat; background-size:24px auto} .viewer-guide-box:after {content:''; display:block; position:absolute; top:17px; right:17px; box-sizing:border-box; overflow:hidden;} .viewer-guide-box.type-pdf a {position:absolute; top:17px; right:17px; display:block; width:198px; height:48px; border:1px solid #d82028;text-indent:-999px;overflow:hidden; background:#fff url(../images/akl_common/ico_viewer_pdf.png) 0 0 no-repeat;} .pocketbook-wrapper .viewer-guide-box + .list-type2 { padding-top:30px; border-top:1px solid #dadada;} /* 수첩 이미지 */ .note-con-box {display:table; width:100%; table-layout:fixed; margin:20px 0 0;} .note-con-box>span {display:table-cell; vertical-align:top;} .note-con-box .img>img { height:auto;} .note-con-box .ty-cover {width:37%; text-align:right;} .note-con-box .ty-inside {width:63%;} .note-con-box .qr-box {margin-left:60px;} .note-imgs-wrapper .qr-box {padding:28px; border:1px solid #f4f4f4;} .note-imgs-wrapper .qr-box>p {display:table-cell; vertical-align:middle;} .note-imgs-wrapper .code-img {width:100px; height:100px;} .note-imgs-wrapper .code-img>img {width:100%;} .note-imgs-wrapper .code-info{padding-left:50px;} .note-imgs-wrapper .pc-block{display:block;} /* 수첩목차 */ .note-index-wrapper {position:relative; overflow:hidden; padding:37px 0 37px 37%; margin:40px 0; border:1px solid #dadada; border-width:1px 0;} .note-index-wrapper dt.title {position:absolute; top:34px; left:130px; font-size:32px; color:#002f5f; text-transform:uppercase;font-weight:500;} .note-index-wrapper dt+dd { padding-left:60px;} .note-index-wrapper dd {float:left; width:50%; box-sizing:border-box; line-height:180%; word-spacing:0.25em} /* MIN */ @media (min-width: 768px) { .box-gray.img-type01 .img {float:right} } @media (min-width:993px){ /* 비즈니스 > 사랑의 우수리 */ .woo-ex-price .sec {float:left; width:33.333333%;} } /* MAX */ @media (max-width: 1250px){ /* ABO수첩 */ .note-index-wrapper dt.title {left:60px;} /* 월간 코어 보너스 Bar 차트 */ .barChartBox.coreBonus .mob-block {display:block;} .barChartBox.coreBonus>.chartLegend {text-align:right; width:60px; left:38px;} } @media (max-width: 1220px){ /* 여행 점수 산출 diagram */ .diag-calculation .math-txt.plus {width:6%;} .diag-calculation .math-txt.last {width:38%;} /* 비즈니스 > 사업성장 특별보상 프로그램 > diagram */ .box-diagram02 .diag-calculation .math-txt.plus {width:6%;} .box-diagram02 .diag-calculation .math-txt.last {width:38%;} /* 암웨이-현대 제휴카드 */ .business .card-info .info.type02 .inner {min-height:250px;} .business .card-receive .tbl-type {padding:40px 10px} .business .card-receive .tbl-type li:nth-child(1) {width:26%; padding-left:0} .business .card-receive .tbl-type li:nth-child(2) {width:43%} .business .card-receive .tbl-type li:nth-child(3) {width:31%; padding-right:0} } @media (max-width: 1148px){ /* 여행 점수 산출 diagram */ .box-diagram .diag-calculation {width:auto; padding-right:30px;} .box-diagram .diag-details {width:auto;} .diag-calculation>p {width:auto;} .diag-calculation p>.math-txt:first-child {width:auto; min-width:150px} .box-diagram03 .diag-calculation p>.math-txt:first-child {width:auto; } .diag-calculation .math-txt em {display:none;} .diag-calculation [class^=ico-type] {padding-left:72px} .diag-calculation .ico-type-plus {padding-left:0;} .diag-calculation .math-txt {width:auto; min-width:80px; text-align:center;} .diag-calculation .math-txt.plus {width:auto; min-width:50px; text-align:center;} .diag-calculation .math-txt.last {width:auto;} /* 비즈니스 > 사업성장 특별보상 프로그램 > diagram */ .box-diagram02 .diag-calculation {width:auto; padding-right:30px;} .box-diagram02 .diag-calculation>p {width:auto;} .box-diagram02 .diag-calculation p>.math-txt:first-child {width:auto; min-width:150px} .box-diagram02 .diag-calculation [class^=ico-type] {padding-left:72px} .box-diagram02 .diag-calculation .math-txt em { text-align:left; margin-left:10px } .box-diagram02 .diag-calculation .ico-type-plus {padding-left:0;} .box-diagram02 .diag-calculation .math-txt {width:auto; min-width:80px; text-align:center;} .box-diagram02 .box-diagram02.diag-calculation .math-txt.plus {width:auto; min-width:50px; text-align:center;} .box-diagram02 .diag-calculation .math-txt.last {width:auto;} /* 비즈니스 > 사업성장 특별보상 프로그램 > diagram > FP19*/ .box-diagram03 { padding: 40px 20px;} .box-diagram03 .diag-calculation .math-txt {width:auto; min-width:50px;} .box-diagram03 .diag-calculation .math-txt.last + .bracket {min-width:30px;} .box-diagram03 .diag-calculation .math-txt.multiply {min-width:30px;} .box-diagram03 .diag-calculation p>.math-txt:first-child { min-width:155px} .box-diagram03 .diag-calculation p>.math-txt:nth-of-type(2) { min-width:160px} .box-diagram03 .diag-calculation .ico-type-multiply, .box-diagram03 .diag-calculation .ico-type-plus {padding:15px 0 0 0} .box-diagram03 .diag-calculation .ico-type-multiply:before { background-position:0 -350px; } .box-diagram03 .diag-calculation .ico-type-plus:before { background-position:0 -397px; } .box-ratio02 {padding: 40px 20px 30px;} .box-ratio02 ul {margin-left: 200px;} .box-ratio02 .box-diagram-table .box-diagram-left p:before {left: 140px;} .box-ratio02 ul li.tbody div span em mark:nth-of-type(1){ padding:0 0 0 8px; } .box-ratio02 ul li.tbody div span em mark:nth-of-type(2) { padding:0 0 0 25px; } } @media (max-width: 1120px){ /* ABO수첩 */ .note-con-box .img>img {width:100%;} .note-index-wrapper dt.title {left:20px;} } @media (max-width:1024px){ .qLegs-wrapper .qlegTotal {background:#f4f4f4;} .qLegs-wrapper .qlegTotal .txtTit {width:auto; min-width:auto;} .qLegs-wrapper .qlegTotal .numb {width:auto;text-align:right;} .qLegs-wrapper .qlegTotal.ty-international .txtTit {width:auto;} /* ABO수첩 */ .note-con-box .qr-box {margin-left:0;} .note-con-box.qrcode .ty-cover {display:none;} .note-con-box.qrcode .ty-inside {width:auto;} .note-index-wrapper dt+dd { padding-left:0;} /* 사업가이드 */ .taxation01 .pc.c1024 {display:none} .taxation01 .mob.c1024 {display:block} .taxation01 .mob.c1024 img {width:305px; max-width:100%} } @media (max-width:992px) { /* 비즈니스 */ .business .filter-search {border:0 none;} .business .filter-search .toggle-buttons-container button {float:left;border:1px solid #d3d3d3;width:calc(50% - 6px)} .business .filter-search .toggle-buttons-container button + button {float:left;border:1px solid #d3d3d3;width:calc(50% - 6px);margin-left:12px;} .business .filter-search .form-wrapper {width:100%;} .business .filter-search .cuton-form-wrapper .form-s input.input-st {width:100%;padding-right:50px;} .business .filter-search .cuton-form-wrapper .form-s button {border:0 none;} .business .filter-search .cuton-form-wrapper .form-s .btn-primary span {display:none} .business .filter-search .form-s {position:relative;} .business .filter-search .form-s .btn.btn-primary { position: absolute;right:0; top:0; width:40px; padding:0; border:0; background: url(../images/search@2x_mobile.png) no-repeat 50% 50% !important; background-size: 15px auto !important; } .business .filter-search .col-md-12 {padding:0} .business .filter-search .cuton-sel select.w150 {width:calc(50% - 6px) !important; float:left; margin-right:0 !important} .business .filter-search .cuton-sel select.w150 + select {margin-left:12px} .business .filter-search .label-sel {display:none} .business .tbl-list-board .tr>div.th{ background: #f4f4f4;} .business .form-wrapper.busi-search { padding-bottom:0} .business .form-wrapper.busi-search .form-s { height: auto; margin-bottom:0;} .business .reset-btn-wrap { padding:10px 0 0; display:block; text-align: center;} /* 비즈니스 메인 .bmo-banner-wrap {margin:0 -15px} .bmo-banner {padding:0 !important} .bmo-banner .item {height:270px; overflow:hidden;} .bmo-banner .item .inner {} .bmo-banner .item em {font-size:28px; line-height:30px; text-shadow:0 0 5px #fff} .bmo-banner .item span {display:none} .bmo-banner .item img {width:auto; min-width:100%; height:100%;} .bmo-banner .owl-prev {left:15px !important} .bmo-banner .owl-next {right:15px !important} .bmo-banner-wrap .item .inner {padding:40px 0 0 40px;} */ /* 뉴핀 성취자 */ .newpin-area .newpin li {width:20%} .newpin-area .np-list-wrap .list .tit em {margin-left:10px} .newpin-area .np-list-wrap .list {margin-top:30px; padding:30px 0 0 0; } .newpin-area .np-list-wrap .list .inner {padding:10px 0 0 0} .newpin-area .np-list-wrap .list .inner .info .row {padding:0} .newpin-area .np-list-wrap .list .inner .info .row div {display:table; padding:5px 20px; width:100%;} /* 암웨이-현대 제휴카드 */ .business .card-info .info.type01 .inner {min-height:260px;} .business .card-info .info.type02 .inner {min-height:310px;} /* 비즈니스 > 사랑의 우수리 */ .woo-top {background-size:60%} .woo-ex {padding:20px 10px 20px 30px} .woo-ex .left {width:400px} .woo-ex-price .sec {padding:0;} .woo-ex-price .sec + .sec {margin-top:20px} .list_woo_donate ul li {width:50%} /* 비즈니스 > 사업성장 특별보상 프로그램 > diagram > FP19*/ .box-diagram04-left { float:none; width:100%; height:auto; margin-bottom:10px; padding-bottom:20px; overflow:hidden;} .box-diagram04-right {float:none; width:100%; height:auto; padding-bottom:40px; overflow:hidden;} .box-diagram04 .box-diagram04-right p.text-tit { margin-top:20px; padding-top:20px} .box-diagram04 dl { height:auto; } .box-diagram04 .plus { top:50%; margin-top:-17px; } /* 사업 가이드 > GIP&NCA */ .case-list01 { width:auto; } .case-list01 li > div {width:auto; } .case-list01 li > div p { width:603px; margin:0 auto;} .case-list01 li > div > em { width:auto; } .case-list01 li > div span { position:relative; right:auto; top:auto; margin:30px auto 0} .case-list01 li > div.ex-case02 span { position:relative; right:auto; top:auto; margin:30px auto 0} } @media (max-width:970px){ /* tblInput */ .tblInput-wrap .tblInput { width:100%; } .tblInput-wrap .tblInput + .tblInput { border-top:0; } } @media (max-width:940px){ /* 여행 점수 산출 diagram */ .box-diagram .diag-calculation {float:none; width:100%; padding:0 0 30px; margin-bottom:35px; border-right:0; border-bottom:1px solid #dadada;} .box-diagram .diag-details {float:none; } .diag-calculation>p {width:100%;} /* 비즈니스 > 사업성장 특별보상 프로그램 > diagram */ .box-diagram02 .diag-calculation { width:100%; padding:0 ; } .box-diagram02 .diag-calculation>p {width:100%;} } @media (max-width:900px){ /* 여행점수 성장 보너스 시뮬레이션 */ .diag-growth-bonus .math-txt.multi {width:5%;} } @media (max-width:851px){ /* 비즈니스 > 사업성장 특별보상 프로그램 > diagram > FP19*/ .box-diagram03 { padding:20px 10px; } .box-diagram03 .diag-calculation {max-width:100%; } .box-diagram03 .diag-calculation .math-txt em {display: none;} .box-diagram03 .diag-calculation>p { display:block; height: 1px; padding: 180px 0 0;margin: 0 auto;background: url(../images/akl_common/business/img_rewards_travel22_mob2.png) 50% 0 no-repeat;background-size:260px auto} .box-ratio02 { padding:20px 10px; } .box-ratio02 .box-diagram-table .box-diagram-left {position:relative; padding-left:80px; width:160px; text-align:left; margin:0 auto; font-size:12px; line-height:140%} .box-ratio02 .box-diagram-table .box-diagram-left p { position:absolute; left:0; top:-3px; text-align:center; width:70px; height:70px; font-size:12px; padding-top:18px; line-height:120%} .box-ratio02 .box-diagram-table .box-diagram-left p:before { top:100px; left:50%; margin-left:20px; } .box-ratio02 ul { margin-left:0; margin-top:50px } .box-ratio02 ul li.thead span{ line-height:120%; font-size:10px;} .box-ratio02 ul li.thead span i{ font-size:10px; } .box-ratio02 ul li.thead div span:nth-of-type(1) { width:28%;} .box-ratio02 ul li.thead div span:nth-of-type(2) { width:20%;} .box-ratio02 ul li.thead div span:nth-of-type(3) { width:21%;} .box-ratio02 ul li.thead div span:nth-of-type(4) { width:31%;} .box-ratio02.bonus ul li.thead div span:nth-of-type(1) { width:24%;} .box-ratio02.bonus ul li.thead div span:nth-of-type(2) { width:16%;} .box-ratio02 ul li.tbody div { display:table; width:100%} .box-ratio02 ul li.tbody div span {display:table-cell; padding:10px 0;font-size:10px; vertical-align:middle; text-align:center; position:relative;} .box-ratio02 ul li.tbody div span i{ font-size:10px; } .box-ratio02 ul li.thead span.line i {font-size: 10px;} .box-ratio02 ul li.thead span.line {position: relative;padding-bottom: 30px; margin-right:0;padding-left: 10px;} .box-ratio02 ul li.tbody div span:nth-of-type(1) { width:28%; padding:5px 5px} .box-ratio02 ul li.tbody div span:nth-of-type(2) { width:20%; } .box-ratio02 ul li.tbody div span:nth-of-type(3) { width:52%; } .box-ratio02 ul li.tbody div span em mark { font-size:12px;} .box-ratio02 ul li.tbody div span em mark:nth-of-type(1){ width:30%; padding:0 0 0 5px; } .box-ratio02 ul li.tbody div span em mark:nth-of-type(2) { width:40%; padding:0 0 0 25px; } .box-ratio02 ul li.tbody:nth-of-type(3) div span em mark:nth-of-type(1){ width:40%; } .box-ratio02 ul li.tbody:nth-of-type(4) div span em mark:nth-of-type(1){ width:50%; } .box-ratio02 ul li.tbody:nth-of-type(5) div span em mark:nth-of-type(1){ width:59%; } .box-ratio02 .mark-guide { padding:10px 0 0 51%; width:49%; } .box-ratio02 .mark-guide p { display:inline-block; position:relative; padding-left:30px; font-size:10px; padding-right:10px} .box-ratio02 .mark-guide p + p { padding-left:30px} .box-ratio02 .mark-guide p:before {content:''; position:absolute; top:1px; left:10px; width:15px; height:15px; background:#00b2e2;} .box-ratio02 .mark-guide p + p:before {background:#005cb9;} .box-ratio02 ul.list-type2 {margin-top:0 } .list-type5.busi02 li{ margin-bottom:13px; } .list-type5.busi02 li > strong { display:block; margin-bottom:10px; font-size:16px; } .box-diagram05 { padding:40px 5px 0;} .box-diagram05 dl { float:none; width:auto; height:auto; padding-bottom:37px; margin:0 15px; min-height:auto; } .box-diagram05 dl:nth-of-type(1), .box-diagram05 dl:nth-of-type(2) { border-left:0;border-right:0;border-bottom:1px solid #e3e3e3; } .box-diagram05 dl dt {padding-top:85px; margin-top:40px; } .box-diagram05 dl.case01 dt {margin-top:0} .box-diagram05 dl dt:before { width:78px; height:75px; margin-left:-39px; background:url("../images/akl_common/business/img_rewards_travel28_mob.png") no-repeat 0 0; background-size:78px auto} .box-diagram05 dl.case01 dt:before { background-position:0 0px;} .box-diagram05 dl.case02 dt:before { background-position:0 -90px;} .box-diagram05 dl.case03 dt:before { background-position:0 -189px;} .box-diagram05 dd p { text-align:left; padding:0 20px; } .box-diagram05 dl dd .text-hidden {display:block; width:200px; height:158px; text-indent:-999px; overflow:hidden; margin:0 auto } .box-diagram05 .list-type2 { text-align:left; padding:0 20px} .box-diagram06 > div > span { height:595px;} .box-diagram06 .pop-diagram-img01 { background:url(../images/akl_common/business/img_rewards_travel25_mob.png) no-repeat 50% 0; background-size:220px auto } .box-diagram06 .pop-diagram-img02 { background:url(../images/akl_common/business/img_rewards_travel26_mob.png) no-repeat 50% 0; background-size:220px auto } .box-diagram06 .pop-diagram-img03 { background:url(../images/akl_common/business/img_rewards_travel27_mob.png) no-repeat 50% 0; background-size:220px auto;height:635px; } } @media (max-width: 768px) { .pc {display:none} .mob {display:block !important} .mob2 {display:inline-block; font-weight:400; margin-left:5px;} .business-pop .busn-search-btn .link-btn { margin-bottom:15px } /* bootstrap .container 상쇄 */ .container.amway-theme.business {width:auto;} /* 비즈니스 */ .business [class*="info-list-type"] .txt {text-align:right} .business .list-content.business-type01 .list-row-title {padding:0} .business .list-content.business-type01 .list-row-title > div {display:none} .business .list-content.business-type01 .list-row-title {display:none} /* .business .list-content.business-type01 .content-list > li div {display:block; width:100%; padding:6px 20px} */ .business .list-content.business-type01 .content-list .con-list-item > div {display:block; width:100%; padding:6px 20px; border-top:0;} .business .list-content.business-type01 .con-list-item > div:after {content:"";display:block;clear:both} .business .list-content.business-type01 .con-list-item > div.money-type01, .business .list-content.business-type01 .con-list-item > div.money-type02 {text-align:inherit; } .business .list-content.business-type01 .thumb-type .con-list-item > div {padding-left:80px; } .business .list-content.business-type01 .thumb-type .con-list-item > div.thumb {padding-left:0} .business .list-content.business-type01 .thumb-type .con-list-item .tite-label { width: 80px; text-align:left} .business .list-content.business-type01 .thumb-type .con-list-item .txte-wrap { text-align:left} .business .cart-popup__item-info {padding:25px 20px !important} .business .m-hide {display:none !important} .business .list-content.business-type01 .content-list li {text-align:left;} .business .list-content.business-type01 .content-list li > div:first-child { padding-top:18px;} .business .list-content.business-type01 .content-list li > div:first-child span.txte-wrap {text-align: left; width:100%;} .business .list-content.business-type01 .content-list li > div:first-child span.tite-label + span.txte-wrap {text-align:right; width:auto;} .business .list-content.business-type01 .content-list.report02 .con-list-item span.tite-label {text-align:left;} .business .list-content.business-type01 .content-list.report02 .con-list-item span.tite-label + span.txte-wrap {text-align:left;} .business .list-content.business-type01 .content-list li > div:last-child { padding-bottom:20px;} .business .tbl-list-board .tr>div.th{ font-weight:700} /* --- 비즈니스 메인 --- */ .business-main-wrapper .bm-thumb01 {margin:0 -10px} .business-main-wrapper .bm-thumb01 li {width:100%; padding:10px} .business-center-container .yCmsContentSlot .mypage-block-list {margin:18px -10px 0 -10px} .akl .business-center-container .yCmsContentSlot .mypage-block-list li {width:100%; margin:0; padding:0 10px 10px} /* --- 비즈니스 메인 - 하단 롤링 배너 --- */ .bmo-banner .owl-prev {left:15px !important} .bmo-banner .owl-next {right:15px !important} .bmo-banner-wrap img.pc {display:none;} .bmo-banner-wrap img.mob {display:block;} .bmo-banner .hidden-mob {display:none;} .bmo-banner-wrap {margin:0 -15px;} .bmo-banner-wrap .block-mob {display:block;} .bmo-banner-wrap > .bmo-banner {padding:0;} .bmo-banner-wrap > .bmo-banner .item {overflow:hidden; height:375px;} .bmo-banner-wrap .item .inner {position:absolute; top:0; left:0; right:0; z-index:10; width:100%; padding:40px 0 0; text-align:center;} .bmo-banner-wrap .item .inner .bt-akl-blue {margin-top:15px;} .bmo-banner .item .banner__wrapper {position:relative;} .bmo-banner .item .banner__wrapper > img {position:absolute; top:0; left:50%; width:768px; height:375px; margin-left:-384px;} .bmo-banner-wrap .main-text1 {font-size:24px; letter-spacing:-1px;} .bmo-banner-wrap .main-text2 {display:none; font-size:18px;} .bmo-banner-wrap .sub-text {display:none;} /* ----- 여행점수 조회 ----- */ .rewards-program-wrapper {padding: 20px 0 0;} .rewards-program-wrapper .box-conts-group .imgbox>img {width:100%;} .rewards-program-wrapper .box-conts-group .box-diagram {padding:40px 10px;} .rewards-program-wrapper .box-conts-group .box-diagram .diag-details {float:none; padding:0 10px } .amway-theme.business .box-conts-group .imgbox { padding:40px 20px; } .amway-theme.business .box-conts-group .imgbox .mob { text-align: center;} .amway-theme.business .box-conts-group .imgbox .mob img{max-width:306px; width:100%} /* 여행 점수 산출 diagram */ .diag-calculation [class^=ico-type] {padding:15px 0 0 62px; height:52px;} .diag-calculation [class^=ico-type]:before, .diag-calculation [class^=ico-type]:after {display:none;} .box-diagram .diag-calculation>p {overflow:hidden; display:block; height:1px; padding:70px 0 0; margin:0; background:url(../images/akl_common/img_rewards_travel2_mob.png) 50% 0 no-repeat; background-size:auto 70px;} /* 여행점수 프로모션 */ .box-diagram.typeminus .diag-calculation>p { background:url(../images/akl_common/img_rewards_travel3_mob.png) 50% 0 no-repeat; background-size:auto 70px;} /* 여행점수 확인 */ .rewards-program-wrapper .mob-inline {display:inline;} .box-goal-point {padding:10px 0 20px;} .box-goal-point>ul{overflow:hidden;} .box-goal-point>ul>li {display:block; float:none; width:auto;} .box-goal-point>ul>li+li{margin-top:20px;} .box-goal-point.corebonus>ul>li{width:auto;} .business .monthly-coreBonus-wrapper .tbl-list-board .th {padding-left:0;} .monthly-coreBonus-wrapper .tbl-list-board.type-tbody-th .tbody .tr>div {text-align:left;} /* 여행점수 시뮬레이션 */ .business .box-simulation .tbl-list-board .th {padding-left:0;} .box-simulation ul.form-list {width:auto;} .box-simulation .form-group .input-border {width:auto;} .box-simulation .tbl-list-board {} .box-simulation .tbl-list-board.type-tbody-th .tbody .mob-block>strong , .box-simulation .tbl-list-board.type-tbody-th .tbody .mob-block>p{float:none; width:auto; text-align:left;} /* 여행점수 시뮬레이션 : Bar 차트 */ .barChartBox {margin:0 0 90px 0;} .mob-block {display:block;} .chartBar>span {width:50px; margin-left:-25px;} .calc-travel-point .txt-math {overflow:hidden; margin:0;} .calc-travel-point .txt-math>span {display:block; float:left; height:34px; background:url(../images/akl_common/business/img_rewards_travelmath1_mob.png) no-repeat 0 0; background-size:auto 117px;} .calc-travel-point .txt-math .math-left {width:100%; background-position: 50% 0;} .calc-travel-point .txt-math .plus {width:100%; height:52px; background-position:50% -33px;} .calc-travel-point .txt-math .math-right {width:100%; background-position:50% -85px;} /* Q레그 현황 */ .table-scroll {position:relative; min-width:305px; margin:auto;overflow:hidden; margin-right:-15px;} .table-scroll .tbl-list td {padding:15px 17px;} .table-scroll .tbl-list.clone thead tr > th.fixed-side, .table-scroll .tbl-list.clone tbody tr > td.fixed-side, .table-scroll .tbl-list.clone tbody tr > .fixed-side.lineL {border-right:1px solid #bbb;} .list-type5.qlegs-info {margin:30px 0;} .business .topup-search .cuton-sel select {margin:0} .business .qLegs-wrapper .topup-search.type02 .cuton-sel select {margin:0} .qLegs-wrapper .outer-border-bottom {margin-top:60px;} .qLegs-wrapper .qlegTotal {position:relative; display:block; overflow:hidden; width:100%; box-sizing:border-box;} .qLegs-wrapper .qlegTotal>strong {display:block; min-width:auto; width:auto; float:left; box-sizing:border-box;} .qLegs-wrapper .qlegTotal .numb {position:absolute; top:0; right:0;} /* ios 셀 width 오류현상 발생하여, absolute로 변경 */ .akl .business .qLegs-wrapper .topup-search.type02 .cuton-sel .link-btn {margin:5px 0 0 15px;} .akl .amway-theme .tbl-wrapper-qLegs .tbl-list td.no-result {text-align:left;} .list-type5.qlegs-info > li {float:none; width:100%;} /* --- 여행점수 조회 > 프로모션 2019 두바이 --- */ .seminar-cont-details .cont-title {font-weight:500;} .seminar-cont-details .cont-title > span {display:block; margin-top:15px; font-size:19px; color:#612e17;} .seminar-cont-details .cont-text {font-size:15px; margin:36px 0 0;} .seminar-cont-details * { font-size:14px;} .akl .amway-theme.business .seminar-cont-top h2 {font-size:28px; line-height:120%;} .akl .amway-theme.business .leadershipSeminar2019 h3 {font-size:21px;} .leadershipSeminar2019 .block-box {display:inline;} .leadershipSeminar2019 .inline-box {display:block;} .leadershipSeminar2019 .seminar-logo {width:105px; height:17px; background-size:cover;} .leadershipSeminar2019 .seminar-cont-top {padding:0 6% 150px; background:url(../images/akl_common/promotion/seminar2019/rise2019_bg_mob01.png) 0 0;} .leadershipSeminar2019 .seminar-cont-top:before {height:235px; background:url(../images/akl_common/promotion/seminar2019/rise2019_bg_mob02.png) repeat-x 50% 100%; background-size:auto 116px;} .leadershipSeminar2019 .seminar-cont-top .innerbox {padding-top:70px;} .leadershipSeminar2019 .seminar-cont-details .cont-title {padding-top:85px;} .leadershipSeminar2019 .seminar-cont-details .cont-title:before {content:''; position:absolute; top:0; left:50%; width:65px; height:65px; margin-left:-33px;} /* ----- 월간 코어 보너스 조회 ----- */ .tbl-list-board.type-tbody-th .mob-block.monthly-bonus-th1>strong {display:none;} .tbl-list-board.type-tbody-th .mob-block.monthly-bonus-th1>p {float:none; width:100%; text-align:left; font-weight:500;} .tbl-list-board.type-tbody-th .tbody .mob-block.monthly-bonus-th3>strong{word-break:keep-all;} /* 2019.02.21 리더십 보너스(대리후원 포함) 텍스트 설정 수정 */ .type-monthly-coreBonus .tbl-list-board.type-tbody-th {margin-bottom:0;} .type-monthly-coreBonus .tbl-list-board.type-tbody-th .mob-block>strong {width:60%; text-align:left;} .type-monthly-coreBonus .tbl-list-board.type-tbody-th .mob-block>p {width:40%;} /* .type-monthly-coreBonus .tbl-list-board.type-tbody-th .mob-block.monthly-bonus-th1>p {width:100%;}*/ .type-bonus-simul .box-diagram , .type-volume-simul .box-diagram{padding:20px 0;} .type-bonus-simul .diag-growth-bonus>p {overflow:hidden; display:block; height:1px; padding:122px 0 0; margin:0; background:url(../images/akl_common/business/img_monthly_corebonus_mob.png) 50% 0 no-repeat; background-size:304px auto;} .type-volume-simul .diag-growth-bonus>p {overflow:hidden; display:block; height:1px; padding:122px 0 0; margin:0; background:url(../images/akl_common/business/img_monthly_volumbonus_mob.png) 50% 0 no-repeat; background-size:304px auto;} /* 월간 코어 보너스 Bar 차트 */ .barChartBox.coreBonus .axisHorizontal {left:90px;} .barChartBox.coreBonus .axisHorizontal>div>span {left:-90px;} .barChartBox.coreBonus>.chartLegend {left:12px;} /* ----- 비즈니스 > 후원자 정정 현황 ----- */ .business .request-status .tbl-list-board.type-td-show .tr>div {float:none; padding:0 0 17px 20px;} .business .request-status .btn-td button+button {margin-left:10px;} .business .request-status .tbl-list-board.type-td-show .tbody .tr {border-top:0;} .business .request-status .tbl-list-board.type-td-show .tbody .tr:nth-of-type(1) {border-top:1px solid #e3e3e3;} .business .request-status .tbl-list-board.type-td-show .tbody .tr:nth-of-type(even) {background:#f4f4f4;} /* ----- ABO양식 ----- */ .abn-forms-list>li {float:none; width:100%;} .abn-forms-list>li:nth-of-type(3n-1), .abn-forms-list>li:nth-of-type(-n+3){margin:20px 0 0;} .abn-forms-list>li:nth-of-type(1){margin-top:0;} .docfile-box .doc-text {height:auto; min-height:75px; padding-bottom:17px;} .search-block .form-s .btn.btn-primary>span{position:absolute; left:0; top:0; width:0; height:0; overflow:hidden;} /* ----- ABO수첩 ----- */ .abo-pocket-menual .top-title>span {font-size:22px;} /* 뷰어가이드 */ .viewer-guide-box>p {background-size:20px auto; background-position:0 5px; line-height:26px;} .viewer-guide-box:after {position:initial; margin:10px 0 0 50px;} .viewer-guide-box.type-pdf a { position:initial; margin:10px 0 0 50px;} /* 수첩 이미지 */ .note-con-box.imgs {margin:25px 0 40px; background:url(../images/akl_common/business/img_abo_pocket_mob.png) 50% 0 no-repeat; background-size:auto 486px; height:486px;} .note-con-box.imgs .img {display:none;} .note-imgs-wrapper .code-img {width:69px; height:69px;} .note-imgs-wrapper .code-info{padding-left:20px;} .note-imgs-wrapper .pc-block{display:inline;} /* 수첩목차 */ .note-index-wrapper {padding-left:0; margin:40px 0 0;} .note-index-wrapper dt.title {position:initial; padding:0 0 33px;} .note-index-wrapper dd {float:none; width:auto; padding-left:2px;} /* 사업 가이드 > 세일즈&마케팅 플랜 */ .bizPhoto.plan {padding:20px 10px;} .bizPhoto.plan img{ width:305px} .akl .amway-theme .tblList.noline { border-top:0;} .akl .amway-theme .business-guide-wrap .realc.nomargin {margin-bottom:15px} .akl .amway-theme .gn-box-left {margin-right:0; margin-bottom:40px} /* 사업 가이드 > GIP&NCA */ .akl .gn-box {padding:20px} .akl .gn-box .tblList02 .won .name {display:block; margin-right:5px} .akl .gn-box .tblList02 tbody tr > * {padding:10px 2px} .akl .gn-box .mob img, .akl .gn-box02 .mob img {width:100%; max-width:310px} .akl .gn-box02 {padding:20px} .akl .gn-box img, .akl .gn-box02 img {max-width:310px;} .akl .etc-detail .gn-box02 {padding:30px 10px} .akl .etc-detail .gn-box02.mgl15 {padding:40px 0} .bizNumList li .box-diagram { padding:40px 20px} .bizNumList li .box-diagram .mob { text-align: center; } .bizNumList li .box-diagram .mob img{max-width:306px; width:100%} /* 로스맵 */ .losmap .txt-stat > * {display:block} .losmap .txt-stat div {padding-left:0; margin-top:4px} .losmap .mob-blck {display:inline-block; margin-bottom:4px} .losmap .form-group.mgt20 {margin-top:10px !important} .akl .losmap .link-btn {margin-top:0} .gn-box-tit {display:block; color:#fff; background:#42cbd3; margin-bottom:10px; text-align:center; padding:10px; font-size:18px; font-weight:500} .gn-box-tit.year { background:#00b2e2; position:relative; margin-top: 80px} .gn-box-tit.year:before {content:""; position:absolute; left:-20px; right:-20px; top:-40px; border-top:1px solid #dadada } .bizNumList li .box-diagram { margin-top:10px; text-indent:0;} .akl .gn-box .tblList02 + .tblList02 thead tr {border-top: 0} .akl .gn-box .tblList02.Ruby tbody tr > * { padding: 10px 10px; background: #f4f4f4; color: #002f5f; font-weight: 500;} .box-diagram-perq { padding: 40px 20px; background: #f4f4f4; } .personalq-list { margin-top:10px} .personalq-list li { padding-left:15px; } .personalq-list dt{ margin-bottom:3px} .personalq-list dd{ padding-left:0} .personalq-list .box-diagram-perq { margin:16px 0 20px} .personalq-list .gn-box{ margin:16px 0 20px} .box-diagram04 + .personalq-list li { padding-left:0; } .box-diagram-perq.type01 ol li { margin: 0 auto; display:block; position:relative;} .box-diagram-perq.type01 ol li:after { display:none} .box-diagram-perq.type01 ol li p {margin:0 auto; width:166px; height:194px; background:url('/_ui/responsive/theme-blue/images/akl_common/business/img_nca01_mob.png') 0 0 no-repeat; background-size:166px auto} .box-diagram-perq.type01 ol li:nth-of-type(2) p { width:166px; height:176px; background-position:0 -194px} .box-diagram-perq.type01 ol li:nth-of-type(3) p { width:166px; height:199px; background-position:0 -374px} .box-diagram-perq.type01 ol li:nth-of-type(4) p { width:166px; height:204px; background-position:0 -572px} .box-diagram-perq.type02 { overflow:hidden; } .box-diagram-perq.type02 ol {max-width:930px; margin:0 auto; } .box-diagram-perq.type02 ol li { float:none; width:auto; margin-bottom:40px;} .box-diagram-perq.type02 ol li:nth-of-type(4) {margin-bottom:0} .box-diagram-perq.type02 ol li p {margin:0 auto; width:251px; height:41px; background:url('/_ui/responsive/theme-blue/images/akl_common/business/img_nca03_mob.png') 0 0 no-repeat; background-size:251px auto} .box-diagram-perq.type02 ol li:nth-of-type(2) p { background-position:0 -70px; } .box-diagram-perq.type02 ol li:nth-of-type(3) p { background-position:0 -140px; height:101px;} .box-diagram-perq.type02 ol li:nth-of-type(4) p { background-position:0 -269px; height:162px; margin-bottom:0 } .case-list01 li > div p { width:228px; height:158px; margin:0 auto; background:url('/_ui/responsive/theme-blue/images/akl_common/business/img_nca08_mob.png') 0 0 no-repeat; background-size:506px auto} .case-list01 li > div.ex-case02 p { background-position:0 -184px} .case-list01 li > div.ex-case03 p { background-position:0 -369px} .case-list01 li > div.ex-case04 p { background-position:0 -548px} .case-list01 li > div.ex-case05 p { background-position:0 -731px} .case-list01 li > div span { width:86px; height:86px; background:url('/_ui/responsive/theme-blue/images/akl_common/business/img_nca08_mob.png') -277px 0 no-repeat; background-size:506px auto} .case-list01 li > div.ex-case02 span { background-position:-277px -99px; width:230px; height:112px;} .case-list01 li > div.ex-case03 span, .case-list01 li > div.ex-case04 span { background-position:-277px -234px; } .tblList02 th p { padding-left:0; height:auto; padding-top:40px; line-height:100%; font-size:10px } .tblList02 th [class*="iconcase"]:before { width:30px; height:40px; background-size:30px auto } .tblList02 th [class*="iconcase-02"]:before { background-position: 0 -35px } .tblList02 th [class*="iconcase-03"]:before { background-position: 0 -72px } .tblList02 th [class*="iconcase-04"]:before { background-position: 0 -109px } .tblList02 th [class*="iconcase-05"]:before { background-position: 0 -146px } .akl .amway-theme .tblList02.bouns thead th{ font-size:10px;padding: 10px 5px;} .akl .amway-theme .tblList02.bouns thead th .break {display: block;} .akl .amway-theme .tblList02.bouns tbody td{ font-size:10px; } .box-ratio02.bonus ul li.tbody div span { padding: 20px 0 27px; height:90px } .box-ratio02.bonus ul li.tbody div span b{ top:60px; } .box-ratio02.bonus ul li.tbody:nth-of-type(2) div span b {left:30%;} .box-ratio02.bonus ul li.tbody:nth-of-type(3) div span b {left:auto; right:35px} .box-ratio02.bonus ul li.tbody:nth-of-type(4) div span b {left:auto; right:20px} .case-list02 li { padding:20px 0; margin-bottom:20px;} .case-list02 li p { padding-left:80px; } .case-list02 li p strong{ top:0; width:60px; height:60px; margin-top:0; padding-top:65px; } .case-list02 li p [class*="iconcase01"]:before{ left:0; top:0; width:60px; height:60px; background-size:60px auto } .case-list02 li p [class*="iconcase01-02"]:before { background-position: 0 -77px } .case-list02 li p [class*="iconcase01-03"]:before { background-position: 0 -159px } .case-list02 li p [class*="iconcase01-04"]:before { background-position: 0 -237px } .case-list02 li p [class*="iconcase01-05"]:before { background-position: 0 -315px } .case-list02 li span { height:51px; margin-bottom:20px} .case-list02 li [class*="imgcase01"] {background:url('/_ui/responsive/theme-blue/images/akl_common/business/img_nca05_mob.png') center 0 no-repeat; background-size:306px auto} .case-list02 li [class*="imgcase01-02"] {background-position: center -103px } .case-list02 li [class*="imgcase01-03"] {background-position: center -217px } .case-list02 li [class*="imgcase01-04"] {background-position: center -335px } .case-list02 li [class*="imgcase01-05"] {background-position: center -454px } .akl .box-diagram-perq .mob img, .akl .box-diagram-perq .mob img {width:100%; max-width:310px} /* 뉴핀 성취자 */ .cuton-sel.type02 select {width:100%} .newpin-area .newpin li {width:33.33333%} .newpin-area .newpin li .tit {padding:0 5px} .newpin-area .newpin li br {display:none} /* 비즈니스 > 암웨이-현대 제휴카드 */ .business .box-gray.img-type01 {padding:40px 0;} .business .box-gray.img-type01 .info {text-align:center; padding:0 20px;box-sizing:border-box;} .business .box-gray.img-type01 .info .tit {margin-top:32px; font-size:28px; text-align:center;} .business .box-gray.img-type01 .info .txt {margin-top:20px;} .business .box-gray.img-type01 .info .txt-italic {display:inline} .business .box-gray.img-type01 .info .btn-wrap {margin-top:25px} .business .box-gray.img-type01 .img {text-align:center} .business .box-gray.img-type01 .img img {width:101px; box-shadow:6px 6px 6px rgba(0,0,0,0.04)} .business .card-info .info + .info {margin-top:32px} .business .card-info .info .inner {min-height:initial !important; padding:15px 17px;} .business .card-receive .tbl-type {display:block; padding:12px 22px} .business .card-receive .tbl-type li {display:table; width:100% !important; height:auto; padding:20px 10px !important; text-align:left} .business .card-receive .tbl-type li + li {border-top:1px solid #e3e3e3; border-left:0} .business .card-receive .tbl-type li > span {display:table-cell} .business .card-receive .tbl-type li > .img {width:57px; text-align:center} .business .card-receive .tbl-type li:nth-child(2) > .img img {width:59px; height:auto} .business .card-receive .tbl-type li > .img img {width:98%} .business .card-receive .tbl-type li > .txt {padding-left:25px} /* 비즈니스 > 그룹 내 총 반품 */ .list-content.business-type01 + .tbl-list-board {background: #f4f4f4 } /* 비즈니스 > 나의 탑업 */ .topup-search { margin-top:38px; margin-bottom:20px; } .business .topup-search .cuton-sel select {width:100%; margin-bottom:15px; } .business .topup-search .cuton-sel select+button{margin-left:0} .business .topup-search:after {content:""; display:block; clear:both;} .business .topup-search.type02 .cuton-sel select {width:48%; margin-bottom:15px; float:left;} .business .topup-search.type02 .cuton-sel select + select { float:right; margin-left:0; } .topup-search button:first-child { margin-left:0 } .business .tbl-list-board {display:block; } .business .tbl-list-board .tr>div {display:block; float:left; padding-top:10px;padding-bottom:10px;} .business .tbl-list-board .th {width:60%; color:#002f5f; padding-left:20px} .business .tbl-list-board .td {width:40%; text-align: right; background: #f4f4f4; font-weight:500; padding-right:20px} /* LOS - PT 그룹 조회*/ .business .tbl-list-board.los-pt-group .th {padding-left:0;} /* 비즈니스 > 사업현황보고서 */ .report-top { padding: 20px 0 10px;} .business .list-content.business-type01.report .report02 .con-list-item > div span.tite-label + span.txte-wrap { width:100%;} .business .list-content.business-type01.report .con-list-item span.txte-wrap em { display:inline;} .list-type5 + dl { margin-top:20px; } .report-body { margin-top: 30px} .report-body .business-img-area {margin: 20px 10px ;} .akl .link-btn { margin-top: 15px} .report-date-area { position:relative; padding:20px 20px 5px} .akl .report-date-area .form-group select.form-control{ float:left; width:49%; margin-right:0;} .akl .report-date-area .form-group select.form-control + select.form-control{ float:right} .akl .report-date-area .bt-akl-blue { display:none} /* 비즈니스 > 사업성장 특별보상 프로그램 */ .akl .pin-statelist .pin-state { width:100%;} .akl .pin-statelist .pin-state:nth-of-type(3), .akl .pin-statelist .pin-state.numbs .pin-icon { height:auto; } .akl .pin-statelist .pin-state.numbs p span { height:80px; vertical-align:middle; font-size:60px; color: #002f5f; } .akl .pin-statelist.num2 .pin-state { width:50% } .akl .pin-statelist.num2 .pin-state:nth-of-type(2) { border-width:1px 1px 1px 0} .akl .pin-statelist.num3 .pin-state { width:50% } .akl .pin-statelist.num3 .pin-state:nth-of-type(2) { border-width:1px 1px 1px 0} .akl .pin-statelist.num3 .pin-state:nth-of-type(3) {border-width:0 1px 1px; width:100% } .akl .pin-statelist.num4 .pin-statelist-left {width:100%; } .akl .pin-statelist.num4 .pin-statelist-right {width:100%; } .akl .pin-statelist .pin-state .pin-icon,.akl .pin-statelist .pin-state .pin-icon i { font-size:14px; line-height:120%} .rewards-tale .title-h6 { margin-bottom:20px;} .rewards-tale ul { padding:20px 0 0;} .rewards-tale li { width:100%; margin-bottom:20px; } .akl .panel-body .panel-business dl dd p.btnw .link-btn{ margin-top:0} /* 비즈니스 > 사업성장 특별보상 프로그램 > diagram */ .akl .panel-body .panel-business dl dd .box-diagram { padding:20px 15px; } .box-diagram02,.box-diagram02.case02 { padding:20px 0px ; } .box-diagram02 .diag-calculation [class^=ico-type] {padding:15px 0 0 62px; height:52px;} .box-diagram02 .diag-calculation [class^=ico-type]:before, .diag-calculation [class^=ico-type]:after {display:none;} .box-diagram02 .diag-calculation>p {overflow:hidden; display:block; height:1px; padding:102px 0 0; margin:0; background:url(../images/akl_common/business/img_rewards_travel22_mob.png) 50% 0 no-repeat; background-size:auto 102px;} .akl .title-h4 + .btnDwn .bt-akl-blue {white-space:normal; height:auto; word-break:break-all; line-height:17px; padding:10px;width:100% } .akl .title-h4 + .btnDwn .bt-akl-blue span {display: block; } .box-ratio { padding:20px 10px; } .box-diagram-table > p { left:50%; top:40px; width:70px; height:70px; margin-left:-35px; padding-top:14px;font-size:12px; } .box-diagram-table > p span {font-size:12px;} .box-diagram-table > p:before { top:100px; left:50%; margin-left:-10px; } .box-ratio ul { margin:0 ; padding-top:170px; max-width:none; display:table; } .box-ratio ul li{display:table-cell; width:20%; vertical-align:top} .box-ratio ul li.thead p { position:absolute; top:0; left:0; width:100%;} .box-ratio ul li.thead p span{ float:none; width:100%; padding:0 0 10px; border-bottom:0 } .box-ratio ul li.thead p span:before {display:none; } .box-ratio ul li.thead p span:after { display:none; } .box-ratio ul li.thead div {display:block; width:100%} .box-ratio ul li.thead div span { display:table; table-layout:fixed; padding:5px 0; border-top:1px solid #dedede; } .box-ratio ul li.thead div span i { display:table-cell; font-size:12px ;height:50px; vertical-align: middle;} .box-ratio ul li.thead div span:nth-of-type(1) { width:100%; padding-left:0;text-align:center; height:90px } .box-ratio ul li.thead div span:nth-of-type(2) { width:100%; padding-left:0;text-align:center; } .box-ratio ul li.thead div span:nth-of-type(3) { width:100%; } .box-ratio ul li.thead div span:nth-of-type(4) { width:100%; } .box-ratio ul li.thead div span:nth-of-type(5) { width:100%; } .box-ratio ul li.tbody div { display:block; width:100%} .box-ratio ul li.tbody div span {display:table; table-layout:fixed; padding:5px 0; border-top:1px solid #dedede; } .box-ratio ul li.tbody div span i { display:table-cell; height:50px; font-size:12px; vertical-align: middle; } .box-ratio ul li.tbody div span:nth-of-type(1) { width:100%; padding-left:0; text-align:center; border-left:1px solid #dedede; height:90px} .box-ratio ul li.tbody div span:nth-of-type(2) { width:100%; padding-left:0; text-align:center; border-left:1px solid #dedede;} .box-ratio ul li.tbody div span:nth-of-type(3) { width:100%; border-left:1px solid #dedede; } .box-ratio ul li.tbody div span:nth-of-type(4) { width:100%; border-left:1px solid #dedede; } .box-ratio ul li.tbody div span:nth-of-type(5) { width:100%; border-left:1px solid #dedede; } .box-ratio.type02 { padding:20px 15px;} .box-ratio.type02 .box-diagram-table > p {top:30px;} .box-ratio.type02 ul { max-width:525px } .box-ratio.type02 ul li{display:table-cell; width:25%; } .box-ratio ul li.thead div span {padding:5px 3px; } .box-ratio.type02 ul li.thead div span:nth-of-type(1) { width:100%; height:40px} .box-ratio.type02 ul li.thead div span:nth-of-type(2) { width:100%; text-align:center;} .box-ratio.type02 ul li.tbody div span:nth-of-type(1) { width:100%; padding-left:0; ; height:40px } .box-ratio.type02 ul li.tbody div span:nth-of-type(2) { width:100%; padding-left:0; text-align:center;} .popup-calculation { height:788px; background:url(../images/akl_common/business/img_pop_01_mob.png) no-repeat 50% 0; background-size:305px auto } /* 비즈니스 > 사랑의 우수리 */ .woosuri-area { padding-top:20px;} .woo-top {min-height:500px; padding:15px; background-size:contain !important} .woo-top dl {width:100%; padding:0} .woo-top dl dt {font-size:28px} .woo-top dl dd {font-size:16px} .woo-top dl dd p {margin-top:5px} .woo-top dl dd span {font-size:16px} .woo-top .woo-btn {padding-left:0; text-align:center} .woosuri-area .list_woo_donate.hr .row .col-xs-6 {width:auto!important;} .woosuri-area .list_woo_donate.hr .row .col-xs-6.text-right { float:right} .woo-txt-info {padding:0} .woo-step-box li {padding-right:5px} .woo-step-box li:last-child {padding-right:0} .woo-step-box li + li {padding-left:2px} .woo-step-box li:before {width:6px; height:10px; background-size:contain} .woo-system {height:105px; background-size:58px auto !important;} .woo-system p.step-tit {font-size:10px;} .woo-system p.step-txt {font-size:11px; line-height:12px;} .woo-system p.step-txt strong {font-size:11px} .woosuri-apply ul {text-align:center; padding:20px 10px} .woosuri-apply ul li {padding:0; display:block} .woosuri-apply ul li + li {margin-top:31px} .woosuri-apply ul li:before {width:10px; height:10px; top:29px; left:50%; margin-left:-5px; border-width:3px; transform:rotate(45deg)} .woo-ex > * {height:auto} .woo-ex .left {width:auto} .woo-ex .left div .tit {width:70px; height:70px; font-size:12px} .woo-ex .left div .tit span {font-size:12px} .woo-ex .left div .txt {padding-left:33px; font-size:10px} .woo-ex .left div .txt:before {width:10px; height:10px; border-width:3px; left:10px} .woo-ex .left div .txt > * {font-size:10px} .woo-ex .right {display:block; margin-top:20px; border-left:0; padding:0; text-align:center} .woo-ex .right li + li:before {margin:16px auto} .woo-ex .right li {font-size:13px} .layerWrapper .validation-wrapper.pop > div[class^=valid-type] {padding-top:30px} .layerWrapper .validation-wrapper.pop {margin:20px 0; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3} .layerWrapper .validation-wrapper.pop .valid-type-phone .validation-para {width:auto} .layerWrapper .validation-wrapper.pop .valid-type-ipin .validation-para {width:auto} .layerWrapper .validation-wrapper.pop span {font-size:14px} .layerWrapper .validation-wrapper.pop span {font-size:14px} .layerWrapper .validation-wrapper.pop .blck {display:inline} .list_woo_donate .tbl_type span {width:50%; padding-right:0; font-size:14px} .list_woo_donate .tbl_type em {background-color:#f4f4f4} /* 비즈니스 > 사업가이드 > 비즈니스 가이드 */ .akl .amway-theme .tblList { border-top:1px solid #e3e3e3} .akl .amway-theme .tblList td { display:block; padding:5px 20px 13px; font-size:14px} .akl .amway-theme .tblList td:first-child { padding:8px 20px 15px; } .akl .amway-theme .tblList td:last-child { padding:5px 20px 18px; } .akl .amway-theme .tblList thead { display:none} .akl .amway-theme .tblList thead th { display:block; text-align:left; padding:15px 20px 0; font-size:14px } .akl .amway-theme .tblList tbody th { display:block; padding:10px 20px 5px } .akl .amway-theme .tblList th .thTitle,.tblList td .thTitle { display:block; color: #002f5f; font-weight:700} .akl .amway-theme .scroll-table { overflow-x:auto;} .akl .amway-theme .scroll-table.widthS-01 .tblList02{ width:900px} .akl .amway-theme .scroll-table.widthS-02 .tblList02{ width:900px} .akl .amway-theme .scroll-table.widthS-01 .tbl-type1 {width:900px} .akl .amway-theme .tblList02 thead th {font-size: 13px; } .akl .amway-theme .tblList02 tbody td {font-size: 14px; } .akl .listWarning.case02 {margin-left:10px; padding-left:10px; padding-right:10px;} .bizPhoto img, .bizPhoto2 img {width:100%; max-width:285px} .bizPhoto2.img-type-healthFood {padding:40px 0;} .bizPhoto2.img-type-healthFood img {width:auto; max-height:105px;} .business-guide-wrap .pc {display:none} .business-guide-wrap .mob {display:block} .taxation01, .taxation03 {padding:30px 20px; overflow-x:auto} .taxation01 img, .taxation03 img {width:305px; max-width:100%} .taxation02 {padding:20px;} .taxation02 > *{display:block; margin:0 auto} .taxation02 .tit, .taxation02 .tit02 {width:70px; height:70px; font-size:12px; padding-top:19px} .taxation02 .tit02 {padding-top:26px} .taxation02 .cal {padding:15px 0 0 0} .taxation02 .cal > div {padding-left:30px} .taxation02 .cal > div:before {width:17px} .taxation02-wrap {padding:20px} .placeHolderBox .imgBox {padding: 20px; text-align: center;} .placeHolderBox .imgBox img{ width:100%; max-width:290px} /* 비즈니스 가이드 > BO의 유형별 부가가치세 납세의무 */ .akl .amway-theme .G20750-wrap table { margin-left:38px; margin-right:12px; margin-top:10px; width:auto; display:block; padding-top:10px; } .akl .amway-theme .tblList.G20750 tbody thead { display:none} .akl .amway-theme .tblList.G20750 tbody td { display:block; text-align:left} .akl .amway-theme .tblList.G20750 tbody td .th-title-mob { display:block; font-weight:500; color:#002f5f} .akl .amway-theme .tblList tbody th { text-align:left} /* 비즈니스 가이드 > 테이블 정렬 */ .akl .amway-theme .tblList.textCenter tbody td { text-align:left} .akl .amway-theme .tblList.textCenter.mAlign .thTitle { float:left; font-weight:700;letter-spacing: -1px;} .akl .amway-theme .tblList.textCenter.mAlign th { text-align:right; padding:18px 20px 5px; margin:0;} .akl .amway-theme .tblList.textCenter.mAlign td { text-align:right; padding:7px 20px} .akl .amway-theme .tblList.textCenter.mAlign tr td:last-child { padding:7px 20px 16px} .akl .amway-theme .tblList.textCenter td.textR, .akl .amway-theme .tblList th.textC, .akl .amway-theme .tblList td.textC { text-align:left !important;} .akl .amway-theme .tblList td .listDotFS {padding: 0;} .akl .amway-theme .tblList td .listDotFS > li {padding: 0 0 0 10px;} /* 주요 메뉴얼 */ .manual-area .mz-item {margin:0 0 33px ; float:left; width:100%} /* ABO TAX */ .ABOTAX-area .form-regist .form-group { width:100%;} .ABOTAX-area .form-regist .form-group.abo-tex .bt-akl-white {right:0;} .ABOTAX-area .form-regist .form-group.abo-tex span{ right:15px; } /* 암웨이 용어집 */ /* 암웨이 용어집 > Tab */ .akl .sizer-tabs-toggles { right:15px; top:3px} .akl .sizer-tabs-toggles .tabs-toggles .tab-toggle-wrap { border-bottom: 0;} .akl .sizer-tabs-toggles .tabs-toggles .tab-toggle-wrap:last-of-type .tab-toggle {border: 1px solid #dadada;} .akl .sizer-tabs-toggles .tabs-toggles .tab-toggle-wrap .tab-toggle {border:1px solid #dadada;background:#f4f4f4;padding:0 0;min-width:62px;height:38px;} .akl .sizer-tabs-toggles .tabs-toggles .tab-toggle-wrap .tab-toggle .toggle-text {font-size:14px;color:#bbb;font-weight:700} .akl .sizer-tabs-toggles .tabs-toggles .tab-toggle-wrap.active .tab-toggle {border:1px solid #dadada;background:#fff;} .akl .sizer-tabs-toggles .tabs-toggles .tab-toggle-wrap.active .tab-toggle .toggle-text {color:#20893d;font-weight:700} .akl .sizer-tabs-toggles .tabs-toggles .tab-toggle-wrap:first-child .tab-toggle {border-top-left-radius:4px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:4px;} .akl .sizer-tabs-toggles .tabs-toggles .tab-toggle-wrap:last-child .tab-toggle {margin-left:-1px;border-top-left-radius:0px;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:0px;} /* 암웨이 용어집 > 용어목록 */ .alphabet .row>ul {display:block; box-sizing:border-box;} .alphabet .row>ul>li {display:block;} .alphabet .row>ul>li+li {margin-top:25px;} .alphabet .row>ul>li>* {display:block; padding-top:15px;} .alphabet .row>ul>li>strong {width:100%; padding-left:0;} .alphabet .row>ul>li>div {width:100%;} } @media (max-width: 500px) { /* ABO TAX */ .akl .scroll-table.widthS-03 {overflow-x:scroll;} .akl .scroll-table.widthS-03 .tblList02{ width:540px} .box-ratio02 ul li.tbody div span em mark:nth-of-type(2) {width:45%; padding:0 0 0 25px;} /* 비즈니스 > 사업성장 특별보상 프로그램 > diagram > FP19*/ .box-diagram04 dl { float:none; width:auto; margin: 0 15px ;border-bottom:1px solid #e3e3e3; } .box-diagram04 dl + dl { border-left:0; } .box-diagram04 dl:last-child {border-bottom:0} .box-diagram04 p.text-tit {padding: 30px 0 10px;} .box-diagram04 dl dt { padding-bottom:10px!important;} .box-diagram04 dl.case01 dd .text-hidden {height:145px;} .box-diagram04-left { height:589px} .box-diagram04-left dl.case02 { padding-top:40px;} .box-diagram04-left dl.case01 dd .text-hidden {height:145px;} .box-diagram04-right {padding-bottom:0;} .box-diagram04-right dl { width:auto; padding-bottom:25px } .box-diagram04-right dl.case01 dt { padding-top:10px} .box-diagram04 .plus { top:50%; margin-top:-126px; } .box-diagram04-left dl { width:auto; } .box-diagram04-left dl + dl { width:auto; } .box-diagram04-left dl.case01 dd .text-hidden{ width:253px; background:url("../images/akl_common/business/img_rewards_travel23_mob.png") no-repeat 0 0; background-size:265px auto} .box-diagram04-left dl.case02 dd .text-hidden{ width:270px; background:url("../images/akl_common/business/img_rewards_travel23_mob.png") no-repeat 0 -200px; background-size:265px auto} .box-diagram04-right dl dt em{ background:url("../images/akl_common/business/img_rewards_travel24_mob.png") no-repeat 0 0; background-size:81px auto} .box-diagram04-right dl.case01 dt em{ width:72px; background-position:0 0px;; background-size:81px auto} .box-diagram04-right dl.case02 dt em{ width:82px; background-position:0 -210px; background-size:81px auto} .box-diagram04-right dl.case03 dt em{ width:92px; background-position:0 -410px;background-size:81px auto} .box-diagram04 .plus { margin-top: -112px;} } @media (max-width: 360px) { /* 비즈니스 > 사업성장 특별보상 프로그램 > diagram */ .box-ratio ul li.thead div span:nth-of-type(1),.box-ratio ul li.tbody div span:nth-of-type(1) { height:110px } .reward-detail-wrapper .panel-body {padding: 15px 10px;} /* 월간 코어 보너스 조회 */ .type-bonus-simul .diag-growth-bonus>p, .type-volume-simul .diag-growth-bonus>p {background-position:50% 50%; background-size:90% auto;} /* ABO수첩 */ .abo-pocket-menual .top-title>button {position:initial; margin-top:0;} } @media (max-width: 358px) { .rewards-program-wrapper .box-conts-group .box-diagram { padding: 30px 10px 10px;} .calc-travel-point .txt-math>span {background-size: auto 101px;} .akl .panel-body .panel-business dl dd .box-diagram { padding: 20px 10px;} .akl .evidence-paper label + .btn-business {margin-left:0px;} /* 비즈니스 > 사업가이드 > 비즈니스 가이드 */ .bizPhoto2.img-type-healthFood img {width:90%; height:auto; max-height:none;} /* 사업 가이드 > 세일즈&마케팅 플랜 */ .bizPhoto.plan img{ width:100%} /* 비즈니스 > 사업성장 특별보상 프로그램 > diagram */ .panel-body { padding: 15px 0; } .box-ratio ul li.thead div span:nth-of-type(1),.box-ratio ul li.tbody div span:nth-of-type(1) { height:110px } .box-diagram .diag-calculation>p {background-size: auto 66px !important;} .box-diagram02 .diag-calculation>p { background-size: auto 90px;} .box-diagram03 { margin:18px 0 5px} .box-diagram03 .diag-calculation>p { padding: 170px 0 0; background-size:240px auto} .box-diagram06 > div > span { height:490px;} .box-diagram06 .pop-diagram-img01 {background-size:180px auto } .box-diagram06 .pop-diagram-img02 {background-size:180px auto } .box-diagram06 .pop-diagram-img03 {background-size:180px auto;height:520px; } .case-list02 li span { height:46px; margin-top:30px; margin-bottom:20px} .case-list02 li [class*="imgcase01"] {background:url('/_ui/responsive/theme-blue/images/akl_common/business/img_nca05_mob.png') center 0 no-repeat; background-size:260px auto} .case-list02 li [class*="imgcase01-02"] {background-position: center -87px } .case-list02 li [class*="imgcase01-03"] {background-position: center -182px } .case-list02 li [class*="imgcase01-04"] {background-position: center -285px } .case-list02 li [class*="imgcase01-05"] {background-position: center -384px } /* 비즈니스 > 암웨이-현대 제휴카드 */ .business .box-gray.img-type01 .info [class^=bt-akl-] {padding-left:10px; padding-right:10px;} } /* 190214 losmap page */ .akl .amway-theme.losmap-page-wrap .losmap-page-header{position: relative;margin-bottom:15px} .akl .amway-theme.losmap-page-wrap .losmap-page-header .losmap-page-header-pos{position:absolute;bottom:0;right:0;padding-right:0;z-index:2} .akl .amway-theme.losmap-page-wrap .losmap-page-header .losmap-page-header-sub{padding-top:15px} .akl .amway-theme.losmap-page-wrap .losmap-page-tab .outer-border-bottom{padding-bottom:0;margin-bottom:15px} .akl .amway-theme.losmap-page-wrap .losmap-page-content { padding-bottom:20px; } .akl .amway-theme.losmap-page-wrap .losmap-page-content [class^=col-]{padding-left:0;padding-right:0} .akl .amway-theme.losmap-page-wrap .losmap-page-content .conHeader{margin-bottom:15px} .akl .amway-theme.losmap-page-wrap .losmap-page-content .clearfix { overflow: hidden; } .akl .amway-theme.losmap-page-wrap .losmap-page-content .viewSetBtns{ float:left; } .akl .amway-theme.losmap-page-wrap .losmap-page-content .viewSetBtns a:last-child { margin-left: 5px; } .akl .amway-theme.losmap-page-wrap .losmap-page-content .viewSetBtns .btnTreeView{ display: inline-block; background:url(/_ui/responsive/theme-blue/images/btn_tree_view.gif) no-repeat; width:40px; height:40px;} .akl .amway-theme.losmap-page-wrap .losmap-page-content .viewSetBtns .btnGridView{ display: inline-block; background:url(/_ui/responsive/theme-blue/images/btn_grid_view.gif) no-repeat; width:40px; height:40px;} .akl .amway-theme.losmap-page-wrap .losmap-page-content .viewSetBtns .btnTreeView:hover{background: url(/_ui/responsive/theme-blue/images/btn_tree_view_on.gif) no-repeat;transition: 0.3s;} .akl .amway-theme.losmap-page-wrap .losmap-page-content .viewSetBtns .btnGridView:hover{background: url(/_ui/responsive/theme-blue/images/btn_grid_view_on.gif) no-repeat;transition: 0.3s;} .akl .amway-theme.losmap-page-wrap .losmap-page-content .viewSetBtns .btnGridView.active { background:url(/_ui/responsive/theme-blue/images/btn_grid_view_on.gif) no-repeat; } .akl .amway-theme.losmap-page-wrap .losmap-page-content .viewSetBtns .btnTreeView.active { background:url(/_ui/responsive/theme-blue/images/btn_tree_view_on.gif) no-repeat; } .akl .amway-theme.losmap-page-wrap .losmap-page-content .losmap-page-setbtn{vertical-align:top} .akl .amway-theme.losmap-page-wrap .losmap-page-content .losmap-page-setbtn [class^=icon-]{font-size:0;line-height:0} .akl .amway-theme.losmap-page-wrap .losmap-page-content .searchField{display:inline-block;margin-left:5px;vertical-align:top;margin-bottom:5px} .akl .amway-theme.losmap-page-wrap .losmap-page-content .searchField .form-control{margin-bottom:5px} .akl .amway-theme.losmap-page-wrap .losmap-page-content .topSearch{display:inline-block;margin-left:5px;vertical-align:top;margin-bottom:5px} .akl .amway-theme.losmap-page-wrap .losmap-page-content .topSearch .input-st{width:271px;margin-right:0px;margin-bottom:5px} .akl .amway-theme.losmap-page-wrap .losmap-page-content .topSearch .bt-akl-txt{padding:0} .akl .amway-theme.losmap-page-wrap .losmap-page-content .topSearch .icon-cross{font-size:20px;color:#999;position:absolute;top:11px;left:245px;z-index:2;font-weight:normal} .akl .amway-theme.losmap-page-wrap .losmap-page-content .topSearch .btn-primary{margin-bottom:5px} .akl .amway-theme.losmap-page-wrap .losmap-page-content .topSearch .form-s{position: relative;} .akl .amway-theme.losmap-page-wrap .viewSetBtns{text-align:left} .akl .amway-theme.losmap-page-wrap .conHeader{text-align:right} .akl .amway-theme.losmap-page-wrap .col-custom-width01{width:370px;float:none;display:inline-block} .akl .amway-theme.losmap-page-wrap .col-custom-width02{width:390px;float:none;display:inline-block} /*losmap-pop*/ .akl .cbox.losmap-pop-wrap{max-width:712px;width:90%} .akl .losmap-pop-wrap .losmap-pop-content{padding:25px} .akl .losmap-pop-content .row [class^=col-]{padding-left:0;padding-right:0} .akl .losmap-pop-content .button-type1 button{width:100%;margin-bottom:10px} .akl .losmap-pop-content .button-type2 button{width:49%;margin-bottom:10px;min-width:90px;padding:0} .akl .losmap-pop-content .button-type2 button:nth-child(2){float:right} .akl .losmap-pop-content .losmap-form-fullsize{width:100%;margin-bottom:10px} .akl .losmap-pop-content .losmap-border-top{border-top:1px solid #E3E3E3;padding-top:10px;margin-bottom:10px} .akl .losmap-pop-content .losmap-border-none{margin-bottom:15px} .akl .losmap-pop-content .losmap-bt-lightblue{background:#1874cd} .akl .losmap-pop-content .losmap-bt-gray{background:#6f6f6f;color:#fff !important;} .akl .losmap-pop-content [class^=losmap-btn-group]{margin-bottom:15px} .akl .losmap-pop-content [class^=losmap-btn-group] .bt-akl-white{border-color:#dadada;color:#56565a} .akl .losmap-pop-content [class^=losmap-btn-group] .bt-akl-white:hover, .akl .losmap-pop-content [class^=losmap-btn-group] .bt-akl-white:focus, .akl .losmap-pop-content [class^=losmap-btn-group] .bt-akl-white:active {color:#56565a;background-color:#fff!important;border-color:#dadada;-webkit-transition:background-color 0.3s, color 0.3s; transition:background-color 0.3s, color 0.3s;font-weight:bold} .akl .losmap-pop-content [class^=losmap-btn-group] .bt-akl-white.active {color:#1874cd;background-color:#fff!important;border-color:#1874cd;-webkit-transition:background-color 0.3s, color 0.3s; transition:background-color 0.3s, color 0.3s;font-weight:bold} .akl .losmap-pop-content .losmap-select-withBtn{position:relative;padding-right:50px !important;margin-bottom:5px} .akl .losmap-pop-content .losmap-select-withBtn select{width:100%} .akl .losmap-pop-content .losmap-select-withBtn button{position: absolute;right:5px;top:0} .akl .losmap-pop-content .losmap-select-full{width:100%} .akl .losmap-pop-content .losmap-page-setbtn{min-width:auto;width:40px;padding:0;font-size:0;line-height:0;margin-left:5px} .akl .losmap-pop-content .losmap-page-setbtn [class^=icon-]{font-size:14px;line-height:14px} /*losmap-table*/ .akl .amway-theme .losmap-pop-content table th{color:#56565a;} .akl .amway-theme .losmap-pop-content table tbody tr:nth-of-type(even){background-color:#fff} .akl .amway-theme .losmap-pop-content table tbody th, .akl .amway-theme .losmap-pop-content table tbody td{padding-top:10px;padding-bottom:10px} .akl .losmap-pop-content .tbl-type1 .bt-akl-white{margin-left:5px;} .akl .losmap-pop-content .tbl-type1 th{width:30%} .akl .losmap-pop-content .tbl-type1 td{width:70%} .akl .losmap-pop-content .losTb{width:662px;max-width:100%;border-left:1px solid #ddd;border-top:2px solid #9e9e9e} .akl .losmap-pop-content .losTb th, .akl .losmap-pop-content .losTb td{padding:7px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;line-height:18px;vertical-align:middle;text-align:center} .akl .losmap-pop-content .losTb thead th{font-size:inherit;background:#fafafa;color:#444;} .akl .losmap-pop-content .losTb tbody th{font-weight:bold} /*losmap tab*/ .akl .amway-theme .losmap-pop-content .col-search-tab{margin-bottom:15px} @media (max-width: 1024px){ /*losmap-common page*/ .akl .amway-theme.losmap-page-wrap .col-custom-width01{width:83.33333333%;float:left;display:block} .akl .amway-theme.losmap-page-wrap .col-custom-width02{width:100%;float:left;display:block} } @media (max-width: 768px){ /*losmap-common page*/ .akl .amway-theme.losmap-page-wrap .losmap-page-header{margin-bottom:0} .akl .amway-theme.losmap-page-wrap .losmap-page-header .losmap-page-header-pos{position:relative;bottom:10px} .akl .amway-theme.losmap-page-wrap .losmap-page-header .losmap-page-header-sub{padding-top:5px} .akl .amway-theme.losmap-page-wrap .losmap-page-content .form-control{width:100%} .akl .amway-theme.losmap-page-wrap .losmap-page-content .topSearch{display:block;margin-left:0;position: relative} .akl .amway-theme.losmap-page-wrap .losmap-page-content .searchField{position: relative;padding-right:42px;margin-left:0;display:block} .akl .amway-theme.losmap-page-wrap .losmap-page-content .losmap-page-setbtn{min-width:auto;width:40px;padding:0;font-size:0;line-height:0;position:absolute;top:0;right:0;} .akl .amway-theme.losmap-page-wrap .losmap-page-content .losmap-page-setbtn [class^=icon-]{font-size:14px;line-height:14px} .akl .amway-theme.losmap-page-wrap .losmap-page-content .topSearch .form-s{padding-right:85px} .akl .amway-theme.losmap-page-wrap .losmap-page-content .topSearch .form-s .btn-primary{right:43px;background:#002F5F !important;border:1px solid #002F5F !important;text-align:center;padding:0;top:0;height:40px !important} .akl .amway-theme.losmap-page-wrap .losmap-page-content .topSearch .form-s .btn-primary:hover, .akl .amway-theme.losmap-page-wrap .losmap-page-content .topSearch .form-s .btn-primary:focus{background:#fff !important} .akl .amway-theme.losmap-page-wrap .losmap-page-content .topSearch .form-s .input-st{width:100%} .akl .amway-theme.losmap-page-wrap .losmap-page-content .topSearch .icon-cross{left:auto;right:90px;} .akl .amway-theme.losmap-page-wrap .losmap-page-content .topSearch .topSearch-btn{position: absolute;top:5px;right:10px;margin-bottom:5px} .akl .amway-theme.losmap-page-wrap .col-custom-width01{width:66.66666%} /*losmap-pop*/ .akl .losmap-pop-content .losmap-select-withBtn{padding-right:45px !important} .akl .losmap-pop-content .losmap-select-withBtn button{right:0} .akl .losmap-pop-content .losmap-text-long{font-size:13px;letter-spacing:-2px} /*losmap-table*/ .akl .losmap-pop-content .tbl-type1 th{width:40%} .akl .losmap-pop-content .tbl-type1 td{width:60%} .akl .losmap-pop-content .losTb, .akl .losmap-pop-content .losTb thead, .akl .losmap-pop-content .losTb tbody, .akl .losmap-pop-content .losTb th, .akl .losmap-pop-content .losTb td, .akl .losmap-pop-content .losTb tr{display:block} .akl .losmap-pop-content .losTb{border-left:0 none;border-top:0 none} .akl .losmap-pop-content .losTb thead tr{display:none} .akl .losmap-pop-content .losTb tr{border-top:2px solid #9e9e9e} .akl .losmap-pop-content .losTb th{font-size:14px} .akl .losmap-pop-content .losTb td{position:relative;width:100%;padding-left:48%;padding-right:4px} .akl .losmap-pop-content .losTb td:before{position:absolute;top:0;bottom:0;left:0;width:46.5%;white-space:nowrap;font-weight:bold;background:#fafafa;padding-top:7px;padding-bottom:6px;color:#444;text-align:center;text-indent:0} .akl .losmap-pop-content .losTb td:before{content:attr(data-title)} .akl .losmap-pop-content .losTb td.losTb-btn:before{display:none} .akl .losmap-pop-content .losTb td{position:relative;width:100%;padding-left:48%;padding-right:4px;border-right:0 none} .akl .losmap-pop-content .losTb td.losTb-btn{padding:10px 0 25px;border-bottom:0 none} .akl .losmap-pop-content .losTb td.losTb-btn .bt-akl-blue{width:100%;padding:5px 0;height:auto} .akl .losmap-pop-content .losTb td:before{position:absolute;top:0;bottom:0;left:0;width:46.5%;white-space:nowrap;font-weight:bold;background:#fafafa;padding-top:7px;padding-bottom:6px;color:#444;text-align:center;text-indent:0} .akl .losmap-pop-content .tbl-type1 .bt-akl-white{font-size:9px;height:20px;line-height:20px;padding:0 15px;min-width:auto} /*losmap tab*/ .akl .amway-theme .losmap-pop-content .col-search-tab{width:100% !important} } /* 2019.03.04 비즈니스 로그인 페이지 개선 */ .wrapper-login.business-login {position:relative; max-width:1376px; margin:0 auto;} .wrapper-login.business-login .contents-item:before, .wrapper-login.business-login .contents-item:after {content:''; display:block; clear:both;} .wrapper-login.business-login .contents-item .business-page {float:left; max-width:974px; width:70.78488%;} .wrapper-login.business-login .contents-item .login-page {float:right; max-width:360px; width:26.16279%; margin:0;} .wrapper-login.business-login .contents-item .login-page .login-title {margin-top:5px;} .wrapper-login.business-login .contents-item .title-h4 {margin-bottom:24px; color:#666;} .wrapper-login.business-login .contents-item .login-description.list-type5 > li {font-style:normal !important; color:#55565a; font-size:12px;} .wrapper-login.business-login .contents-item .login-form {padding:0; width:auto;} .wrapper-login.business-login .contents-item .login-form input[type="password"], .wrapper-login.business-login .contents-item .login-form input[type="text"] {display:inline-block; vertical-align:top; margin-top:0; max-width:215px; width:59.722222%;} .wrapper-login.business-login .contents-item .login-form.number {margin:0; font-size:0;} .wrapper-login.business-login .contents-item .login-form.save, .wrapper-login.business-login .contents-item .login-form.number .login-form__submit {display:inline-block; vertical-align:top; margin-left:2.66666%; max-width:136px; width:37.77778%; height:40px; font-size:14px;} .wrapper-login.business-login .contents-item .login-form.password {margin-top:10px; font-size:0;} .wrapper-login.business-login .contents-item .login-form.password .login-form__submit.mobile-visible {display:none;} .wrapper-login.business-login .contents-item .login-form.text {display:block; font-size:0; margin:15px 0;} .wrapper-login.business-login .contents-item .login-form.text .login-form__link {display:inline-block; vertical-align:middle; width:33.3333%; margin:0; text-align:center;} .wrapper-login.business-login .contents-item .login-form.text .login-form__link + .login-form__link {border-left:1px solid #0075a4;} .wrapper-login.business-login .business-card {display:block; font-size:0;} .wrapper-login.business-login .business-card .col {float:none; display:inline-block; vertical-align:top; font-size:initial; box-sizing:border-box; padding:0; text-align:center;} .wrapper-login.business-login .business-card .col-text {display:block; padding:30px 0; font-size:14px; font-weight: bold} .wrapper-login.business-login .business-card .col-left, .wrapper-login.business-login .business-card .col-right {width:50%;} .wrapper-login.business-login .business-card .col.item001, .wrapper-login.business-login .business-card .col.item002 {border:1px solid #e4e4e4;border-bottom:0;} .wrapper-login.business-login .business-card .col.has-icon.item001:before, .wrapper-login.business-login .business-card .col.has-icon.item002:before {height:150px;} .wrapper-login.business-login .business-card .col.item001 .col-left + .col-right {border-left:1px solid #e4e4e4;} .wrapper-login.business-login .business-card .col.item002 {padding-bottom:20px; border-left:0;} .wrapper-login.business-login .business-card .col.has-icon {position:relative;} .wrapper-login.business-login .business-card .col.has-icon:before {content:''; display:block; min-height:47px; height:90px; background-repeat:no-repeat; background-position:center;} .wrapper-login.business-login .business-card .col.has-icon.item001:before {background-image:url(/_ui/responsive/theme-blue/images/akl_common/business/icon_business_login_02.png); background-size:137px auto;} .wrapper-login.business-login .business-card .col.has-icon.item002:before {background-image:url(/_ui/responsive/theme-blue/images/akl_common/business/icon_business_login_03.png); background-size:74px auto;} .wrapper-login.business-login .business-card .col.has-icon.item01:before {background-image:url(/_ui/responsive/theme-blue/images/akl_common/business/icon_business_login_04.png); background-size:64px auto;} .wrapper-login.business-login .business-card .col.has-icon.item02:before {background-image:url(/_ui/responsive/theme-blue/images/akl_common/business/icon_business_login_05.png); background-size:52px auto;} .wrapper-login.business-login .business-card .col.has-icon.item03:before {background-image:url(/_ui/responsive/theme-blue/images/akl_common/business/icon_business_login_06.png); background-size:45px auto;} .wrapper-login.business-login .business-card .col.has-icon.item04:before {background-image:url(/_ui/responsive/theme-blue/images/akl_common/business/icon_business_login_07.png); background-size:48px auto;} .wrapper-login.business-login .business-card .col.has-icon.item05:before {background-image:url(/_ui/responsive/theme-blue/images/akl_common/business/icon_business_login_08_v1.png); background-size:54px auto;} .wrapper-login.business-login .business-card .col.has-icon.item06:before {background-image:url(/_ui/responsive/theme-blue/images/akl_common/business/icon_business_login_09.png); background-size:41px auto;} .wrapper-login.business-login .contents-item.business {margin-top:42px;} .wrapper-login.business-login .contents-item.abo {margin:52px 0 60px;} .wrapper-login.business-login .contents-item.abo .business-card .col {min-height:230px; vertical-align:middle; padding:10px 35px 30px; color:#2b2e38; border:1px solid #e4e4e4; box-sizing:border-box;} .wrapper-login.business-login .contents-item.abo .business-card +.business-card .col {border-width:0 1px;} .wrapper-login.business-login .contents-item.abo .business-card .col + .col {border-left:0;} .wrapper-login.business-login .contents-item.abo .business-card .col .keyword {display:inline-block; vertical-align:middle; font-weight:700; font-size:18px;} .wrapper-login.business-login .contents-item.abo .business-card .col .name {display:inline-block; vertical-align:middle; color:#666; font-size:18px;} .wrapper-login.business-login .contents-item.abo .business-card .col .info {margin:10px 0 0 0; font-size:15px;} .wrapper-login.business-login .banner {position:relative; font-size:0; background-color:#ededed;} .wrapper-login.business-login .banner:before {content:''; display:inline-block; vertical-align:middle; max-width:264px; width:27.10472%; height:249px; background:url(/_ui/responsive/theme-blue/images/akl_common/business/icon_business_login_01.png) no-repeat center/84px 72px;} .wrapper-login.business-login .banner .banner-contents {max-width:710px; width:72.89528%; height:100%; display:inline-block; vertical-align:middle; box-sizing:border-box; font-size:initial; box-sizing:border-box; padding:33px 30px 33px 0; letter-spacing:-.5px;} .wrapper-login.business-login .banner .banner-title {margin:0; font-size:40px; color:#0a6bce; font-weight:400;} .wrapper-login.business-login .banner .banner-title strong {font-weight:700;} .wrapper-login.business-login .banner .banner-desc p {margin:0; color:#0a6bce; font-size:21px; font-weight:500;word-break: keep-all;} .wrapper-login.business-login .banner .banner-desc .text {display:inline-block; margin-top:15px; font-size:16px; color:#5e626d; font-weight:500;} .wrapper-login.business-login .wbr {display:inline-block; word-break: keep-all;} .wrapper-login.business-login .wbr + .wbr {display:block;word-break: keep-all;} .wrapper-login.business-login .text .wbr + .wbr {display:inline-block;word-break: keep-all;} .wrapper-login.business-login .percent {display:block; margin-bottom:10px; font-size:36px; color:#0a6bce; font-weight:500; letter-spacing:-1px;} .wrapper-login.business-login .person {margin-bottom:5px; font-size:20px; line-height:22px; color:#2b2e38; font-weight:500;} .wrapper-login.business-login .abbr {font-size:14px; color:#666;} .wrapper-login.business-login .mark-box.blue {margin:0; border-radius:unset; background-color:#002f5f; text-align:center; color:#fff;} .wrapper-login.business-login .mark-box.blue p {margin:0; font-weight:300;} @media (max-width: 1024px) { .wrapper-login.business-login .contents-item.abo .business-card .col {height:270px;} } @media (max-width: 768px) { .akl .wrapper-login.business-login .bt-akl-blue.mgt25 { margin-top:15px !important; } .wrapper-login.business-login .contents-item .business-page, .wrapper-login.business-login .contents-item .login-page {float:none; max-width:100%; width:100%;} .wrapper-login.business-login .contents-item .login-page .login-title {margin-bottom:10px;} .wrapper-login.business-login .contents-item .title-h4 {margin-bottom:0; padding:0 15px; color:#2b2e38;} .wrapper-login.business-login .contents-item .login-form input[type="password"], .wrapper-login.business-login .contents-item .login-form input[type="text"] {max-width:100%; width:100%;} .wrapper-login.business-login .contents-item .login-form.save {margin-left:0;} .wrapper-login.business-login .contents-item .login-form.text {margin:10px 0;} .wrapper-login.business-login .contents-item .login-form.number .login-form__submit {display:none;} .wrapper-login.business-login .contents-item .login-form.password .login-form__submit {display:block !important; font-size:17px;} .wrapper-login.business-login .contents-item .login-description.list-type5 > li {font-size:13px;} .wrapper-login.business-login .contents-item.business {margin-top:18px; padding-top:18px; border-top: 1px solid #adadad;} .wrapper-login.business-login .contents-item.business > .business-card {padding:10px 15px 0;} .wrapper-login.business-login .contents-item.abo {margin:0; padding-top:20px;} .wrapper-login.business-login .contents-item.abo .business-card .col .info {letter-spacing:-1px;} .wrapper-login.business-login .contents-item.abo .business-card .col {padding:15px 15px 20px; min-height:auto; height:auto;} .wrapper-login.business-login .contents-item.abo .business-card .col.item01 {border-top:0;} .wrapper-login.business-login .contents-item.abo .business-card .col + .col {border-top:0; border-right:0;} .wrapper-login.business-login .contents-item.abo .business-card + .business-card .col {border-width:0 0 1px 0;} .wrapper-login.business-login .contents-item.abo .col:before {max-width:200px; width:26.66666%;} .wrapper-login.business-login .contents-item.abo .col .abo-text {max-width:550px; width:73.33334%;} .wrapper-login.business-login .contents-item.abo .col:nth-child(1):before, .wrapper-login.business-login .contents-item.abo .col:nth-child(3):before, .wrapper-login.business-login .contents-item.abo .business-card + .business-card .col:nth-child(2):before, .wrapper-login.business-login .contents-item.abo .col:nth-child(1) .abo-text, .wrapper-login.business-login .contents-item.abo .col:nth-child(3) .abo-text, .wrapper-login.business-login .contents-item.abo .business-card + .business-card .col:nth-child(2) .abo-text {float:left; text-align:left;} .wrapper-login.business-login .contents-item.abo .col:nth-child(1) .abo-text, .wrapper-login.business-login .contents-item.abo .col:nth-child(3) .abo-text, .wrapper-login.business-login .contents-item.abo .business-card + .business-card .col:nth-child(2) .abo-text {margin-top:10px;} .wrapper-login.business-login .contents-item.abo .col:nth-child(2):before, .wrapper-login.business-login .contents-item.abo .business-card + .business-card .col:nth-child(1):before, .wrapper-login.business-login .contents-item.abo .business-card + .business-card .col:nth-child(3):before, .wrapper-login.business-login .contents-item.abo .col:nth-child(2) .abo-text, .wrapper-login.business-login .contents-item.abo .business-card + .business-card .col:nth-child(1) .abo-text, .wrapper-login.business-login .contents-item.abo .business-card + .business-card .col:nth-child(3) .abo-text {float:right; text-align:left;} .wrapper-login.business-login .contents-item.abo .col:nth-child(2) .abo-text, .wrapper-login.business-login .contents-item.abo .business-card + .business-card .col:nth-child(1) .abo-text, .wrapper-login.business-login .contents-item.abo .business-card + .business-card .col:nth-child(3) .abo-text {margin-top:10px;} .wrapper-login.business-login .contents-item.has-banner .login-page {margin-top:30px; padding:0 32px;} .wrapper-login.business-login .contents-item.has-banner .login-page .login-description {margin:25px -15px; padding:0;} .wrapper-login.business-login .business-card .col-text {padding:20px 0;} .wrapper-login.business-login .business-card .col-left, .wrapper-login.business-login .business-card .col-right {max-width:100%; width:100%;} .wrapper-login.business-login .business-card .col.item001, .wrapper-login.business-login .business-card .col.item002 {border-width:0;border-bottom:1px solid #e4e4e4;} .wrapper-login.business-login .business-card .col.item002 {border-bottom:0;} .wrapper-login.business-login .business-card .col.item001 .col-left, .wrapper-login.business-login .business-card .col.item001 .col-right {width:50%;} .wrapper-login.business-login .business-card .col.has-icon:before {height:100px !important;} .wrapper-login.business-login .banner {height:auto;} .wrapper-login.business-login .banner:before {max-width:164px; width:21.86666%; height:189px; background-size:42px 36px;} .wrapper-login.business-login .banner .banner-contents {padding:19px 0; width:78.13334%;} .wrapper-login.business-login .banner .banner-title {font-size:24px;} .wrapper-login.business-login .banner .banner-desc p {font-size:14px; letter-spacing:-1px !important;} .wrapper-login.business-login .banner .banner-desc .text {display:block; font-size:14px; letter-spacing:-1px !important; margin-top:5px;} .wrapper-login.business-login .wbr {display:block;} .wrapper-login.business-login .percent {margin-bottom:5px; font-size:28px;} .wrapper-login.business-login .person {font-size:17px;} .wrapper-login.business-login .abbr {font-size:12px;} .wrapper-login.business-login .mark-box.blue {padding:15px 32px; letter-spacing:-1px;} .wrapper-login.business-login .mark-box.blue strong {display:inline-block;} } /* 190214 losmap page */ .akl .amway-theme.losmap-page-wrap .losmap-page-header{position: relative;margin-bottom:15px} .akl .amway-theme.losmap-page-wrap .losmap-page-header .losmap-page-header-pos{position:absolute;bottom:0;right:0;padding-right:0;z-index:2} .akl .amway-theme.losmap-page-wrap .losmap-page-header .losmap-page-header-sub{padding-top:15px} .akl .amway-theme.losmap-page-wrap .losmap-page-tab .outer-border-bottom{padding-bottom:0;margin-bottom:15px} .akl .amway-theme.losmap-page-wrap .losmap-page-content { padding-bottom:20px; } .akl .amway-theme.losmap-page-wrap .losmap-page-content [class^=col-]{padding-left:0;padding-right:0} .akl .amway-theme.losmap-page-wrap .losmap-page-content .conHeader{margin-bottom:15px} .akl .amway-theme.losmap-page-wrap .losmap-page-content .clearfix { overflow: hidden; } .akl .amway-theme.losmap-page-wrap .losmap-page-content .viewSetBtns{ float:left; } .akl .amway-theme.losmap-page-wrap .losmap-page-content .viewSetBtns a:last-child { margin-left: 5px; } .akl .amway-theme.losmap-page-wrap .losmap-page-content .viewSetBtns .btnTreeView{ display: inline-block; background:url(https://www.amway.co.kr/_ui/responsive/theme-blue/images/btn_tree_view.gif) no-repeat; width:40px; height:40px;} .akl .amway-theme.losmap-page-wrap .losmap-page-content .viewSetBtns .btnGridView{ display: inline-block; background:url(https://www.amway.co.kr/_ui/responsive/theme-blue/images/btn_grid_view.gif) no-repeat; width:40px; height:40px;} .akl .amway-theme.losmap-page-wrap .losmap-page-content .viewSetBtns .btnTreeView:hover{background: url(https://www.amway.co.kr/_ui/responsive/theme-blue/images/btn_tree_view_on.gif) no-repeat;transition: 0.3s;} .akl .amway-theme.losmap-page-wrap .losmap-page-content .viewSetBtns .btnGridView:hover{background: url(https://www.amway.co.kr/_ui/responsive/theme-blue/images/btn_grid_view_on.gif) no-repeat;transition: 0.3s;} .akl .amway-theme.losmap-page-wrap .losmap-page-content .viewSetBtns .btnGridView.active { background:url(https://www.amway.co.kr/_ui/responsive/theme-blue/images/btn_grid_view_on.gif) no-repeat; } .akl .amway-theme.losmap-page-wrap .losmap-page-content .viewSetBtns .btnTreeView.active { background:url(https://www.amway.co.kr/_ui/responsive/theme-blue/images/btn_tree_view_on.gif) no-repeat; } .akl .amway-theme.losmap-page-wrap .losmap-page-content .losmap-page-setbtn{vertical-align:top} .akl .amway-theme.losmap-page-wrap .losmap-page-content .losmap-page-setbtn [class^=icon-]{font-size:0;line-height:0} .akl .amway-theme.losmap-page-wrap .losmap-page-content .searchField{display:inline-block;margin-left:5px;vertical-align:top;margin-bottom:5px} .akl .amway-theme.losmap-page-wrap .losmap-page-content .searchField .form-control{margin-bottom:5px} .akl .amway-theme.losmap-page-wrap .losmap-page-content .topSearch{display:inline-block;margin-left:5px;vertical-align:top;margin-bottom:5px} .akl .amway-theme.losmap-page-wrap .losmap-page-content .topSearch .input-st{width:271px;margin-right:0px;margin-bottom:5px} .akl .amway-theme.losmap-page-wrap .losmap-page-content .topSearch .bt-akl-txt{padding:0} .akl .amway-theme.losmap-page-wrap .losmap-page-content .topSearch .icon-cross{font-size:20px;color:#999;position:absolute;top:11px;left:245px;z-index:2;font-weight:normal} .akl .amway-theme.losmap-page-wrap .losmap-page-content .topSearch .btn-primary{margin-bottom:5px} .akl .amway-theme.losmap-page-wrap .losmap-page-content .topSearch .form-s{position: relative;} .akl .amway-theme.losmap-page-wrap .viewSetBtns{text-align:left} .akl .amway-theme.losmap-page-wrap .conHeader{text-align:right} .akl .amway-theme.losmap-page-wrap .col-custom-width01{width:370px;float:none;display:inline-block} .akl .amway-theme.losmap-page-wrap .col-custom-width02{width:390px;float:none;display:inline-block} /*losmap-pop*/ .akl .cbox.losmap-pop-wrap{max-width:712px;width:90%} .akl .losmap-pop-wrap .losmap-pop-content{padding:25px} .akl .losmap-pop-content .row [class^=col-]{padding-left:0;padding-right:0} .akl .losmap-pop-content .button-type1 button{width:100%;margin-bottom:10px} .akl .losmap-pop-content .button-type2 button{width:49%;margin-bottom:10px;min-width:90px;padding:0} .akl .losmap-pop-content .button-type2 button:nth-child(2){float:right} .akl .losmap-pop-content .losmap-form-fullsize{width:100%;margin-bottom:10px} .akl .losmap-pop-content .losmap-border-top{border-top:1px solid #E3E3E3;padding-top:10px;margin-bottom:10px} .akl .losmap-pop-content .losmap-border-none{margin-bottom:15px} .akl .losmap-pop-content .losmap-bt-lightblue{background:#1874cd} .akl .losmap-pop-content .losmap-bt-gray{background:#6f6f6f;color:#fff !important;} .akl .losmap-pop-content [class^=losmap-btn-group]{margin-bottom:15px} .akl .losmap-pop-content [class^=losmap-btn-group] .bt-akl-white{border-color:#dadada;color:#56565a} .akl .losmap-pop-content [class^=losmap-btn-group] .bt-akl-white:hover, .akl .losmap-pop-content [class^=losmap-btn-group] .bt-akl-white:focus, .akl .losmap-pop-content [class^=losmap-btn-group] .bt-akl-white:active {color:#56565a;background-color:#fff!important;border-color:#dadada;-webkit-transition:background-color 0.3s, color 0.3s; transition:background-color 0.3s, color 0.3s;font-weight:bold} .akl .losmap-pop-content [class^=losmap-btn-group] .bt-akl-white.active {color:#1874cd;background-color:#fff!important;border-color:#1874cd;-webkit-transition:background-color 0.3s, color 0.3s; transition:background-color 0.3s, color 0.3s;font-weight:bold} .akl .losmap-pop-content .losmap-select-withBtn{position:relative;padding-right:50px !important;margin-bottom:5px} .akl .losmap-pop-content .losmap-select-withBtn select{width:100%} .akl .losmap-pop-content .losmap-select-withBtn button{position: absolute;right:5px;top:0} .akl .losmap-pop-content .losmap-select-full{width:100%} .akl .losmap-pop-content .losmap-page-setbtn{min-width:auto;width:40px;padding:0;font-size:0;line-height:0;margin-left:5px} .akl .losmap-pop-content .losmap-page-setbtn [class^=icon-]{font-size:14px;line-height:14px} /*losmap-table*/ .akl .amway-theme .losmap-pop-content table th{color:#56565a;} .akl .amway-theme .losmap-pop-content table tbody tr:nth-of-type(even){background-color:#fff} .akl .amway-theme .losmap-pop-content table tbody th, .akl .amway-theme .losmap-pop-content table tbody td{padding-top:10px;padding-bottom:10px} .akl .losmap-pop-content .tbl-type1 .bt-akl-white{margin-left:5px;} .akl .losmap-pop-content .tbl-type1 th{width:30%;text-align:center} .akl .losmap-pop-content .tbl-type1 td{width:70%} .akl .losmap-pop-content .losTb{width:662px;max-width:100%;border-left:1px solid #ddd;border-top:2px solid #9e9e9e} .akl .losmap-pop-content .losTb th, .akl .losmap-pop-content .losTb td{padding:7px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;line-height:18px;vertical-align:middle;text-align:center} .akl .losmap-pop-content .losTb thead th{font-size:inherit;background:#fafafa;color:#444;} .akl .losmap-pop-content .losTb tbody th{font-weight:bold} /*losmap tab*/ .akl .amway-theme .losmap-pop-content .col-search-tab{margin-bottom:15px} @media (max-width: 1024px){ /*losmap-common page*/ .akl .amway-theme.losmap-page-wrap .col-custom-width01{width:83.33333333%;float:left;display:block} .akl .amway-theme.losmap-page-wrap .col-custom-width02{width:100%;float:left;display:block} } @media (max-width: 768px){ /*losmap-common page*/ .akl .amway-theme.losmap-page-wrap .losmap-page-header{margin-bottom:0} .akl .amway-theme.losmap-page-wrap .losmap-page-header .losmap-page-header-pos{position:relative;bottom:10px} .akl .amway-theme.losmap-page-wrap .losmap-page-header .losmap-page-header-sub{padding-top:5px} .akl .amway-theme.losmap-page-wrap .losmap-page-content .form-control{width:100%} .akl .amway-theme.losmap-page-wrap .losmap-page-content .topSearch{display:block;margin-left:0;position: relative} .akl .amway-theme.losmap-page-wrap .losmap-page-content .searchField{position: relative;padding-right:42px;margin-left:0;display:block} .akl .amway-theme.losmap-page-wrap .losmap-page-content .losmap-page-setbtn{min-width:auto;width:40px;padding:0;font-size:0;line-height:0;position:absolute;top:0;right:0;} .akl .amway-theme.losmap-page-wrap .losmap-page-content .losmap-page-setbtn [class^=icon-]{font-size:14px;line-height:14px} .akl .amway-theme.losmap-page-wrap .losmap-page-content .topSearch .form-s{padding-right:85px} .akl .amway-theme.losmap-page-wrap .losmap-page-content .topSearch .form-s .btn-primary{right:43px;background:#002F5F !important;border:1px solid #002F5F !important;text-align:center;padding:0;top:0;height:40px !important} .akl .amway-theme.losmap-page-wrap .losmap-page-content .topSearch .form-s .btn-primary:hover, .akl .amway-theme.losmap-page-wrap .losmap-page-content .topSearch .form-s .btn-primary:focus{background:#fff !important} .akl .amway-theme.losmap-page-wrap .losmap-page-content .topSearch .form-s .input-st{width:100%} .akl .amway-theme.losmap-page-wrap .losmap-page-content .topSearch .icon-cross{left:auto;right:90px;} .akl .amway-theme.losmap-page-wrap .losmap-page-content .topSearch .topSearch-btn{position: absolute;top:5px;right:10px;margin-bottom:5px} .akl .amway-theme.losmap-page-wrap .col-custom-width01{width:66.66666%} /*losmap-pop*/ .akl .losmap-pop-content .losmap-select-withBtn{padding-right:45px !important} .akl .losmap-pop-content .losmap-select-withBtn button{right:0} .akl .losmap-pop-content .losmap-text-long{font-size:13px;letter-spacing:-2px} /*losmap-table*/ .akl .losmap-pop-content .tbl-type1 th{width:40%} .akl .losmap-pop-content .tbl-type1 td{width:60%} .akl .losmap-pop-content .losTb, .akl .losmap-pop-content .losTb thead, .akl .losmap-pop-content .losTb tbody, .akl .losmap-pop-content .losTb th, .akl .losmap-pop-content .losTb td, .akl .losmap-pop-content .losTb tr{display:block} .akl .losmap-pop-content .losTb{border-left:0 none;border-top:0 none} .akl .losmap-pop-content .losTb thead tr{display:none} .akl .losmap-pop-content .losTb tr{border-top:2px solid #9e9e9e} .akl .losmap-pop-content .losTb th{font-size:14px} .akl .losmap-pop-content .losTb td{position:relative;width:100%;padding-left:48%;padding-right:4px} .akl .losmap-pop-content .losTb td:before{position:absolute;top:0;bottom:0;left:0;width:46.5%;white-space:nowrap;font-weight:bold;background:#fafafa;padding-top:7px;padding-bottom:6px;color:#444;text-align:center;text-indent:0} .akl .losmap-pop-content .losTb td:before{content:attr(data-title)} .akl .losmap-pop-content .losTb td.losTb-btn:before{display:none} .akl .losmap-pop-content .losTb td{position:relative;width:100%;padding-left:48%;padding-right:4px;border-right:0 none} .akl .losmap-pop-content .losTb td.losTb-btn{padding:10px 0 25px;border-bottom:0 none} .akl .losmap-pop-content .losTb td.losTb-btn .bt-akl-blue{width:100%;padding:5px 0;height:auto} .akl .losmap-pop-content .losTb td:before{position:absolute;top:0;bottom:0;left:0;width:46.5%;white-space:nowrap;font-weight:bold;background:#fafafa;padding-top:7px;padding-bottom:6px;color:#444;text-align:center;text-indent:0} .akl .losmap-pop-content .tbl-type1 .bt-akl-white{font-size:9px;height:20px;line-height:20px;padding:0 15px;min-width:auto} /*losmap tab*/ .akl .amway-theme .losmap-pop-content .col-search-tab{width:100% !important} } .akl .losmap-pop-content #popWinWrap.popWinView{padding: 30px;} .akl .losmap-pop-content .popWinView #popWinHeader h1{margin: 0 0 20px;padding-bottom:17px;font-size: 24px;border-bottom: 1px solid #e3e3e3;font-weight: 600;color:#002f5f;} .akl .losmap-pop-content .popWinView #popWinHeader h1 strong{color: #002f5f;} .akl .losmap-pop-content .popWinView .bt-akl-mainowner{display:inline-block;margin-right: 4px; background-color:#e5f2f7;color:#007eb0;border:1px solid #007eb0; font-size:12px; padding:0 8px; height:25px; line-height:23px; min-width:58px;text-align:center;vertical-align:top;font-weight:500;} .akl .losmap-pop-content .popWinView .bt-akl-minor{display:inline-block;margin-right: 4px;background-color:#bbb;color:#fff;border:1px solid #bbb; font-size:12px; padding:0 8px; height:25px; line-height:23px; min-width:58px;text-align:center;vertical-align:top;font-weight:500;} .akl .losmap-pop-content .popWinView .table-wrapper{margin-bottom: 20px;} .akl .losmap-pop-content .popWinView .table-wrapper .tbl-type1 th{text-align: center;} .akl .losmap-pop-content .popWinView .table-wrapper .tbl-type1 td{vertical-align: middle !important;} .akl .losmap-pop-content .popWinView .table-wrapper .tbl-type1 .btn_LOS{margin-left: 20px;} .akl .losmap-pop-content .popWinView .table-wrapper .tbl-type1 .owner_area{overflow: hidden;float: right;width: 70%;} .akl .losmap-pop-content .popWinView .table-wrapper .tbl-type1 .owner_area li{float: left;margin-right: 20px;} .akl .losmap-pop-content .popWinView .tabWrapper{margin-bottom: 10px;} .akl .losmap-pop-content .popWinView .table-wrapper.ABOdetail .tbl-type1 th{text-align: left;} .akl .losmap-pop-content .popWinView h1 span{display: none;} .akl .losmap-pop-content .popWinView .conHeader .searchField{float: none;text-align: left;} .akl .losmap-pop-content .popWinView .searchField div:nth-child(1){float: left;width: 45%;} .akl .losmap-pop-content .popWinView .searchField div:nth-child(2){float: left;width: 20%;} .akl .losmap-pop-content .popWinView .searchField div:nth-child(3){float: left;width: 35% !important;} .akl .losmap-pop-content .popWinView .searchField div select{width: 100% !important;} .akl .losmap-pop-content .popWinView .conHeader .searchField button:hover{background-image:url(/_ui/responsive/theme-blue/images/losmap/ico_set_search.png); background-size: 40px 40px;background-repeat: no-repeat; background-position: center center;transition: 0.3s} .akl .losmap-pop-content .popWinView .ABOview .table-wrapper{margin-top: 10px;margin-bottom: 10px;} .akl .losmap-pop-content .popWinView .ABOview .table-wrapper .tbl-type1 td{text-align: right;} .akl .losmap-pop-content .popWinView .ABOgraph .table-wrapper{text-align: center;} .akl .losmap-pop-content .popInputWrap2{display:table; width:100%; margin:20px 0 15px;} .akl .losmap-pop-content .popInputWrap2 .wBox{display:table-cell;} .akl .losmap-pop-content .popInputWrap2 .wBox:first-child{width:49%;} .akl .losmap-pop-content .popInputWrap2 .wBox:last-child{width:50%; padding-left:5px; padding-right:5px} .akl .losmap-pop-content .popInputWrap2 .wBox select{width:100%;padding-left:12px; padding-right:12px;position: relative;top:-1px} .akl .losmap-pop-content .popInputWrap2 .ex{overflow:hidden; display:block; font-weight:bold; background:#f5f5f5; min-width:150px; height:40px; margin-left:10px; padding: 4px 0;} .akl .losmap-pop-content .popInputWrap2 .ex em{display:inline-block; padding-left:18px; margin:10px 0 3px 0px; font-size:10px; background:url(/_ui/responsive/theme-blue/images/losmap/ico_ex.gif) no-repeat 6px -30px; background-size: 7px 40px; text-align:left;} .akl .losmap-pop-content .popInputWrap2 .ex em:nth-child(2){border-right:1px solid #d5d5d5; background-position:6px 3px; padding-right:8px;} .akl .losmap-pop-content .popInputWrap2 .ex em:nth-child(3){border-right:1px solid #d5d5d5; background-position:6px -14px; padding-right:8px;} .akl .losmap-pop-content .hide{display: none;} .akl .losmap-pop-content .popWinView .button-type1{margin-top: 20px;} .akl .losmap-pop-content .popWinView .button-type1 button{width: 100%;} .akl .losmap-pop-content .popWinView .iframeScroll { width:100; overflow-x:scroll; } .akl .losmap-pop-content .popWinView .conHeader .searchField button{padding: 0;min-width: 0;width: 100%;background-image:url(/_ui/responsive/theme-blue/images/losmap/ico_set_search_on.png); background-size: 40px 40px;background-repeat: no-repeat; background-position: center center;} .akl .losmap-pop-content .bizTblWrap2{width:100%;margin-top: 10px; overflow:hidden;position:relative;} .akl .losmap-pop-content .bizTblWrap2 .p.memo{position:absolute;top:50%;width:100%;text-align:center;z-index:50;} .akl .losmap-pop-content .bizTblWrap2 p.memoLos{ padding:50px 0; text-align:center; } .akl .losmap-pop-content .bizTblWrap2 div.fixedArea{width:101px; position:absolute; top:0; left:0; z-index:50;} .akl .losmap-pop-content .bizTblWrap2 div.fixedArea table{width:100%;} .akl .losmap-pop-content .bizTblWrap2 div.fixedArea.sizeL{width:120px;} .akl .losmap-pop-content .bizTblWrap2 div.fixedArea.colum2{width:155px;} .akl .losmap-pop-content .bizTblWrap2 div.fixedArea.colum3{width:165px;} .akl .losmap-pop-content .bizTblWrap2 div.flickingArea{overflow-x:auto; position:relative} .akl .losmap-pop-content .bizTblWrap2 div.fixedArea table{width:100%;} .akl .losmap-pop-content table.tblBiz{width:100%; border-bottom:1px solid #848484; table-layout:fixed} .akl .losmap-pop-content .tblBiz thead{background:#444;} .akl .losmap-pop-content .tblBiz thead th{background:#444; color:#fff; line-height:14px; height:40px; font-size:13px; text-align: center;vertical-align: middle;} .akl .losmap-pop-content .tblBiz.losTh thead th{background:#8b8b8b; border-right:1px solid #8b8b8b;} .akl .losmap-pop-content .tblBiz.losTh thead th:last-child{border-right:1px solid #444;} .akl .losmap-pop-content .tblBiz thead .btnSortingLos, .akl .losmap-pop-content .tblBiz thead .btnSortingDown, .akl .losmap-pop-content .tblBiz thead .btnSortingUp{margin-left:10px;} .akl .losmap-pop-content .tblBiz thead .btnSortingLos img, .akl .losmap-pop-content .tblBiz thead .btnSortingDown img, .akl .losmap-pop-content .tblBiz thead .btnSortingUp img{width:13px; height:13px;} .akl .losmap-pop-content .tblBiz tfoot th{height:40px; background:#f1f1f1; border-right:1px solid #848484; color:#333; white-space:nowrap; font-size:13px;text-align: center;padding: 10px;} .akl .losmap-pop-content .tblBiz tfoot td{height:40px; background:#f1f1f1; font-weight:bold; text-align:right; padding: 10px; border-left:1px solid #b5b5b5; color:#333; font-size:13px;} .akl .losmap-pop-content .tblBiz tfoot td:nth-child(1){border-left:0;} .akl .losmap-pop-content .tblBiz tbody{background:#f9f7ee;} .akl .losmap-pop-content .tblBiz tbody tr.group th{font-size:14px; text-align:left; border-bottom:0; font-weight:bold; border-right:0; text-indent:10px; background:#87b7d6; padding:0; border-right:none !important;} .akl .losmap-pop-content .tblBiz tbody th{height:45px; padding:10px; background:#fff; border-left:0; border-right:1px solid #848484; border-bottom:1px solid #848484; text-align:center; color:#333; font-weight:normal; font-size:12px; word-break:break-all; word-break: break-word;} .akl .losmap-pop-content .tblBiz tbody td{height:45px; padding:10px; background:#f9f7ee; border-right:1px solid #b5b5b5; border-bottom:1px solid #b5b5b5; text-align:right; color:#333; font-size:12px;word-break:break-all; word-break: break-word;vertical-align: middle;} .akl .losmap-pop-content .tblBiz tbody tr td:last-child{border-right:0;} .akl .losmap-pop-content .tblBiz a {text-decoration:underline;} .akl .losmap-pop-content .tblBiz a:link, .akl .losmap-pop-content .tblBiz a:hover, .akl .losmap-pop-content .tblBiz a:focus, .akl .losmap-pop-content .tblBiz a:active { text-decoration:underline;} .akl .losmap-pop-content .tblBiz.losTh tbody th, .akl .losmap-pop-content .tblBiz.losTh tbody td{text-align:center; background-color:#fff; border-bottom:1px solid #848484; border-right:1px solid #848484 !important; padding:10px;vertical-align: middle;} .akl .losmap-pop-content .tblBiz.losTh tbody th.losTreeBtn{background-color:#4880a2; border-right:1px solid #376f91 !important; border-bottom:1px solid #376f91 !important; padding:0; position:relative;} .akl .losmap-pop-content .tblBiz.losTh tbody th.losTreeBtn img{width:25px; height:25px;} .akl .losmap-pop-content .tblBiz.losTh tbody .losMenu{display:none; width:67px; height:36px; padding:10px 0 0 10px; position:absolute; top:0; left:30px; z-index:50; background:url(/_ui/responsive/theme-blue/images/losmap/bg_los_btn.png) no-repeat; background-size:77px 46px;} .akl .losmap-pop-content .tblBiz.losTh tbody .losMenu a{margin:0 3px;} .bizTblWrap2 div.fixedArea td.bgTH, .bizTblWrap2 div.flickingArea td.bgTH { overflow:hidden; white-space: nowrap; word-wrap: normal !important;} .bizTblWrap2 div.flickingArea {background:#fff;} .bizTblWrap2 tr.noData th, .bizTblWrap2 tr.noData td {padding:0 !important; height:80px;} .bizTblWrap2 tr.noData .noList { display:block; box-sizing:border-box; vertical-align:middle; padding:0 0 0 15px; text-align:left !important;} .akl .losmap-pop-content .ABOview .searchField .bt-akl-blue{background-image:url(/_ui/responsive/theme-blue/images/losmap/ico_set_search_on.png); background-size: 40px 40px; background-repeat: no-repeat; background-position: -1px -1px;} .akl .losmap-pop-content .infoChartWrap2{position:relative; margin:25px auto; padding:0 10px; max-width:640px;} .akl .losmap-pop-content .infoChartWrap2 .infoChart{position:relative; height:370px; margin:0 80px 0 55px; background-image:url(/_ui/responsive/theme-blue/images/losmap/bg_chart01.gif), url(/_ui/responsive/theme-blue/images/losmap/bg_chart01.gif),url(/_ui/responsive/theme-blue/images/losmap/bg_chart01.gif),url(/_ui/responsive/theme-blue/images/losmap/bg_chart01.gif),url(/_ui/responsive/theme-blue/images/losmap/bg_chart01.gif),url(/_ui/responsive/theme-blue/images/losmap/bg_chart.gif); background-position:20% 0, 40% 0, 60% 0, 80% 0, 100% 0, 0 0; background-size:1px 376px, 1px 376px, 1px 376px, 1px 376px, 1px 376px, 700px 376px; background-repeat:no-repeat;} .akl .losmap-pop-content .infoChartWrap2 .infoChart dt{position:absolute; top:8px; left:-55px; font-weight:bold; font-size:9px;} .akl .losmap-pop-content .infoChartWrap2 .infoChart dt:nth-of-type(1){top:8px;} .akl .losmap-pop-content .infoChartWrap2 .infoChart dt:nth-of-type(2){top:38px;} .akl .losmap-pop-content .infoChartWrap2 .infoChart dt:nth-of-type(3){top:68px;} .akl .losmap-pop-content .infoChartWrap2 .infoChart dt:nth-of-type(4){top:98px;} .akl .losmap-pop-content .infoChartWrap2 .infoChart dt:nth-of-type(5){top:128px;} .akl .losmap-pop-content .infoChartWrap2 .infoChart dt:nth-of-type(6){top:158px;} .akl .losmap-pop-content .infoChartWrap2 .infoChart dt:nth-of-type(7){top:188px;} .akl .losmap-pop-content .infoChartWrap2 .infoChart dt:nth-of-type(8){top:218px;} .akl .losmap-pop-content .infoChartWrap2 .infoChart dt:nth-of-type(9){top:248px;} .akl .losmap-pop-content .infoChartWrap2 .infoChart dt:nth-of-type(10){top:278px;} .akl .losmap-pop-content .infoChartWrap2 .infoChart dt:nth-of-type(11){top:308px;} .akl .losmap-pop-content .infoChartWrap2 .infoChart dt:nth-of-type(12){top:338px;} .akl .losmap-pop-content .infoChartWrap2 .infoChart dd { position:relative; margin-left:2px; padding:10px 0 10px 0; height:15px !important} .akl .losmap-pop-content .infoChartWrap2 .infoChart dd:nth-of-type(2n) { padding:0 0 5px 0; height:10px !important;} .akl .losmap-pop-content .infoChartWrap2 .infoChart strong{position:absolute; top:auto; bottom:0; right:-80px; text-align:right; font-size:9px;} .akl .losmap-pop-content .infoChartWrap2 .infoChart strong + span{position:absolute; top:0; right:-100px; font-size:.5em; color:rgba(255,255,255,0.0);} .akl .losmap-pop-content .infoChartWrap2 .infoChart .chartBv, .infoChartWrap2 .infoChart .chartPv{display:block; height:10px; font-size:.5em; color:rgba(255,255,255,0.0); width:500px;} .akl .losmap-pop-content .infoChartWrap2 .infoChart .chartBv{background:url(/_ui/responsive/theme-blue/images/losmap/bg_memgraph_gex01.gif) repeat 65px bottom;} .akl .losmap-pop-content .infoChartWrap2 .infoChart .chartPv{ background:url(/_ui/responsive/theme-blue/images/losmap/bg_memgraph_gex02.gif) repeat 65px top;} .akl .losmap-pop-content .infoChartWrap2 .infoChart .chartBv.pf{background:url(/_ui/responsive/theme-blue/images/losmap/bg_memgraph_gex02.gif) repeat 65px bottom;} .akl .losmap-pop-content .infoChartWrap2 .infoChart .chartPv.pf{background:url(/_ui/responsive/theme-blue/images/losmap/bg_memgraph_gex03.gif) repeat 65px top;} .akl .losmap-pop-content .infoChartWrap2 .graphUnit { margin:0 80px 0 55px; max-width:640px; position:relative; } .akl .losmap-pop-content .infoChartWrap2 .graphUnit span { font-size:9px; display:block; float:left; width:20%; text-align:right;} .akl .losmap-pop-content .infoChartWrap2 .graphUnit span:first-child { width:10px; position:absolute; top:0; left:0; text-align:left; } .akl .losmap-pop-content .layerInputWrap .layerInputContent.user .usWrap label{width:auto; padding-right:10px} .akl .losmap-pop-content .detailData.detailMember{background:#eaedef; margin:0 0 10px 0; } @media (max-width: 768px){ .akl .losmap-pop-content #popWinWrap.popWinView{padding: 20px 15px;} .akl .losmap-pop-content .popWinView #popWinHeader h1{margin: 0 0 20px;padding-bottom:15px;font-size: 18px;} .akl .losmap-pop-content .popWinView .bt-akl-mainowner{margin-right: 2px;} .akl .losmap-pop-content .popWinView .bt-akl-minor{margin-right: 2px;} .akl .losmap-pop-content .popWinView .table-wrapper .tbl-type1 .btn_LOS{display: none;} .akl .losmap-pop-content .popWinView .table-wrapper .tbl-type1 .owner_area li{float: none;margin-bottom: 5px;} .akl .losmap-pop-content .ABOview .searchField .bt-akl-blue{background-image:url(/_ui/responsive/theme-blue/images/losmap/ico_set_search_on.png); background-size: 40px 40px; background-repeat: no-repeat; background-position: -1px -1px;} .akl .losmap-pop-content .bizTblWrap2 div.flickingArea{background-color:#f2f5f8} .akl .losmap-pop-content .popInputWrap2 .wBox select{padding-left:5px; padding-right:5px;position: relative;top:0} } @media screen and (orientation : portrait){ .akl .losmap-pop-content .infoChartWrap2 .infoChart dd{overflow:hidden;} .akl .losmap-pop-content .infoChartWrap2 .infoChart strong{z-index:1; right:auto !important; left:10px; color:rgba(255,255,255,0.0);} .akl .losmap-pop-content .infoChartWrap2 .infoChart strong + span{right:auto; left:auto;} .akl .losmap-pop-content .infoChartWrap2 .infoChart{margin:0 0 0 55px;} .akl .losmap-pop-content .infoChartWrap2 .graphUnit { margin:0 0 0 55px; } .akl .losmap-pop-content .infoChartWrap2 .graphUnit span:nth-child(2) { visibility:hidden; } .akl .losmap-pop-content .infoChartWrap2 .graphUnit span:nth-child(4) { visibility:hidden; } .akl .losmap-pop-content .infoChartWrap2 .graphUnit span:nth-child(5) { visibility:hidden; } } /* 데이타테이블 떠있는 아이콘 */ .akl .losmap-pop-content #btnCnt{visibility:hidden} @media (max-width:768px) { .akl .losmap-pop-content #btnCnt {visibility:visible;width:30px;height:30px;display:none;z-index:99;right:2px; background-size:100%;position:absolute;top:50%;} .akl .losmap-pop-content .leftArrw {background:url(/_ui/responsive/theme-blue/images/losmap/btn_losleft.png) no-repeat top left;} .akl .losmap-pop-content .rightArrw {background:url(/_ui/responsive/theme-blue/images/losmap/btn_losright.png) no-repeat top left;} .akl .losmap-pop-content .centerArrw{background:url(/_ui/responsive/theme-blue/images/losmap/btn_loscenter.png) no-repeat top left;} } /* 2019.08.30 추가 */ .box-diagram-perq.type03{padding:40px;text-align:left;} @media (max-width: 769px){ .box-diagram-perq.type03{padding:20px;text-align:center;} .box-diagram-perq.type03 p{text-align:left;} .box-diagram-perq.type03 img{width:100%;max-width:450px;margin-left:auto;margin-right:auto;} } /* 2019.09.01 추가 */ .akl .business-guide-wrap [class^='ico-gn01']{display:inline-block;vertical-align:middle;background-size:80px 522px;background-image:url(/_ui/responsive/theme-blue/images/akl_common/business/ico_gn01_v2.png);font-size:0;} .akl .gn-box .ico-gn01-talk04{width:61px;height:61px;background-position: 0 -310px;} .akl .gn-box .ico-gn01-talk05{width:61px;height:61px;background-position: 0 -381px;} .akl .gn-box .ico-gn01-talk06{width:61px;height:61px;background-position: 0 -451px;} /* 2020-05-14 add */ .core-plus-banner {margin:40px 0 48px;background-color:#eff0fa;padding:24px 16px;position:relative;display:flex;justify-content:center;align-items:center} .core-plus-banner i {width:151px;height:89px;background:url(/_ui/responsive/theme-blue/images/akl_core/core_banner-bg.png) no-repeat 50% 50%;background-size:100%;margin-right:32px} .core-plus-banner .box-banner-content .banner-title {font-size:18px;line-height:27px;color:#002f5f;letter-spacing:-.9px;font-weight:400;margin:0} .core-plus-banner .box-banner-content .banner-title .title-point {font-weight:600} .core-plus-banner .box-banner-content .banner-txt {margin:4px 0 0;font-size:14px;line-height:20px;letter-spacing:-.7px;font-weight:400;color:#002f5f} .core-plus-banner .box-banner-content .link-core {display:inline-block;margin-top:16px;padding:0 8px;height:24px;border-radius:2px;line-height:22px;border:1px solid #002f5f;background-color:transparent;font-size:12px;letter-spacing:-.6px;color:#002f5f;font-weight:600} @media (max-width: 600px){ .core-plus-banner {justify-content:start;margin:28px 0 0} .core-plus-banner .box-banner-content {width:200px} .core-plus-banner i {position:absolute;bottom:20px;right:16px;width:127px;height:75px;background-image:url(/_ui/responsive/theme-blue/images/akl_core/core_banner-bg-m.png);margin-right:0} } /* S : 2020-08-19 비지니스 홈 개선 */ .sp_business {display:inline-block;background-image:url("/_ui/responsive/theme-blue/images/akl_common/sprite/sp_business.png");background-size:400px auto;background-repeat:no-repeat} .sp_business[class*="sp_business-"] {width:40px;height:40px} .sp_business.sp_business-1 {background-position:0 0} .sp_business.sp_business-2 {background-position:-40px 0} .sp_business.sp_business-3 {background-position:-80px 0} .sp_business.sp_business-4 {background-position:-120px 0} .sp_business.sp_business-5 {background-position:-160px 0} .sp_business.sp_business-6 {background-position:-200px 0} .sp_business.sp_business-7 {background-position:-240px 0} .sp_business.sp_business-8 {background-position:-280px 0} .sp_business.sp_business-9 {background-position:-320px 0} .sp_business.sp_business-10 {background-position:-360px 0} .sp_business.sp_business-11 {background-position:0 -40px} .sp_business.sp_business-12 {background-position:-40px -40px} .sp_business.sp_business-13 {background-position:-80px -40px} .sp_business.sp_business-14 {background-position:-120px -40px} .sp_business.sp_business-15 {background-position:-160px -40px} .sp_business.sp_business-16 {background-position:-200px -40px} .akl .container.business-new {max-width:100%;font-family:'Roboto', 'Noto Sans KR', HelveticaNeue, AppleSDGothicNeo, sans-serif;padding:0;margin-top:-20px} .akl .container.business-new .business-main-wrapper {max-width:1400px;margin:0 auto;} .business-center-container{padding-left: 15px;padding-right: 15px;} /* business-center.css */ .business-new .business-main-top {padding:60px 0;background-image:linear-gradient(to bottom, #e3e7ed, #fafafd)} .business-new .business-main-top .box-business-info {max-width:1400px;margin:0 auto;padding:0 40px} .business-manage-list:after, .business-main-top .box-business-info .business-point-menu:after, .business-new .business-main-top .box-business-info:after {content:'';display:block;clear:both} .business-main-top .box-business-info .business-info-txt {float:left;width:38%;padding-top:42px} .business-main-top .title-business-a {font-size:18px;color:#111;font-weight:600;margin:0} .akl .business-main-top .title-business-b {margin:28px 0 0;font-size:40px;line-height:50px;letter-spacing:-2px;color:#002f5f} .business-main-top .title-business-b .point-txt {display:block;font-weight:600} .business-main-top .txt-business-a {margin:16px 0 0;font-size:14px;line-height:22px;letter-spacing:-.7px;color:#666;word-break:keep-all} .business-main-top .txt-business-a .point-txt {font-weight:600} .business-main-top .box-business-info .business-point-menu {float:left;width:62%;line-height:20px;display:flex} .business-point-menu .business-point-item {width:calc((100% - 48px) / 4);margin-right:16px;box-shadow:0 3px 6px 0 rgba(0,0,0,.16);background-color:#fff} .business-point-menu .business-point-item .link-business {position:relative;display:block} .business-point-menu .business-point-item .link-business::before, .business-point-menu .business-point-item .link-business::after {display:block;content:'';position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;-webkit-transition:opacity .25s, -webkit-transform .25s;transition:opacity .25s, transform .25s;z-index:1} .business-point-menu .business-point-item .link-business::before {border-top:1px solid #2f3b84;border-bottom:1px solid #2f3b84;-webkit-transform:scale(0,1);transform:scale(0,1)} .business-point-menu .business-point-item .link-business::after {border-left:1px solid #2f3b84;border-right:1px solid #2f3b84;-webkit-transform:scale(1,0);transform:scale(1,0)} .business-point-menu .business-point-item .link-business:hover::before, .business-point-menu .business-point-item .link-business:hover::after {opacity:1;-webkit-transform:scale(1);transform:scale(1)} .business-point-menu .business-point-item:last-child {margin-right:0} .business-point-menu .business-point-item img {width:100%} .business-point-menu .business-point-item .business-name {padding:20px 24px;background-color:#fff} .business-point-menu .business-point-item .business-name .business-tit {font-size:16px;line-height:24px;letter-spacing:-.8px;color:#333;font-weight:600;margin:0;word-break:keep-all} .business-point-menu .business-point-item .business-name .business-des {margin:8px 0 0 0;font-size:14px;line-height:22px;letter-spacing:-.7px;color:#666;word-break:keep-all} .box-business-manage {margin-top:60px} .akl .box-business-manage .title-business-c {margin:0;text-align:center;font-size:28px;letter-spacing:-2px;font-weight:600;color:#002f5f} .box-business-manage .txt-business-a {margin:12px 0 0;font-size:16px;color:#333;letter-spacing:-.9px;line-height:27px;font-weight:500;text-align:center} .business-manage-list {margin-right:-12px;padding:12px 0 15px} .business-manage-list .business-manage-item {width:219px;height:220px;margin:8px 11px 0 0;float:left;background-color:#fff;border:1px solid #e1e1e1;text-align:center} .business-manage-list .business-manage-item .link-business-manage {position:relative;display:block;height:100%;padding-top:54px} .business-manage-list .business-manage-item .link-business-manage:hover {box-shadow:0 3px 6px 0 rgba(0,0,0,.16)} .business-manage-list .business-manage-item .link-business-manage::before, .business-manage-list .business-manage-item .link-business-manage::after {display:block;content:'';position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;opacity:0;-webkit-transition:opacity .25s, -webkit-transform .25s;transition:opacity .25s, transform .25s;z-index:1} .business-manage-list .business-manage-item .link-business-manage::before {border-top:1px solid #2f3b84;border-bottom:1px solid #2f3b84;-webkit-transform:scale(0,1);transform:scale(0,1)} .business-manage-list .business-manage-item .link-business-manage::after {border-left:1px solid #2f3b84;border-right:1px solid #2f3b84;-webkit-transform:scale(1,0);transform:scale(1,0)} .business-manage-list .business-manage-item .link-business-manage:hover::before, .business-manage-list .business-manage-item .link-business-manage:hover::after {opacity:1;-webkit-transform:scale(1);transform:scale(1)} .business-manage-list .business-manage-item .business-manage-tit {font-size:14px;line-height:20px;letter-spacing:-.7px;margin:22px 0 0;color:#002f5f;font-weight:600} .business-manage-list .business-manage-item .business-manage-des {margin:8px auto 0;font-size:14px;letter-spacing:-.7px;color:#666;line-height:22px;max-width:140px;word-break:keep-all} @media (max-width: 1200px){ .business-main-top .box-business-info .business-info-txt {width:30%;padding-right:20px} .business-main-top .box-business-info .business-point-menu {width:70%} .business-manage-list {padding:12px 12px 15px} } @media (max-width: 1024px){ .business-new .business-main-top {padding:32px 0} .business-main-top .box-business-info .business-info-txt {width:100%;float:none;padding:0 0 0 4px;text-align:center} .business-main-top .box-business-info .business-point-menu {float:none;width:100%;margin-top:32px} .business-manage-list {margin-right:0;display:flex;flex-wrap:wrap} .business-manage-list .business-manage-item {float:none;width:calc((100% - 36px) / 4);margin-right:12px;height:auto} .business-manage-list .business-manage-item:nth-child(4n) {margin-right:0} .business-manage-list .business-manage-item .link-business-manage {padding:50px 20px 30px} .business-new .bmo-banner-wrap {margin:0} .business-main-top .title-business-a {font-size:16px} .business-main-top .title-business-b .point-txt {display:inline} } @media (max-width: 768px){ .business-point-menu {flex-wrap:wrap} .business-point-menu .business-point-item {width:calc((100% - 8px) / 2);margin-right:8px} .business-point-menu .business-point-item:nth-child(2n) {margin-right:0} .business-point-menu .business-point-item:nth-child(n+3) {margin-top:8px} .business-point-menu .business-point-item .business-name {padding:12px 0 12px 16px} .business-point-menu .business-point-item .business-name .business-des {margin-top:8px;font-size:12px;line-height:20px;letter-spacing:-.6px} .business-new .business-main-top .box-business-info {padding:0 16px} .business-manage-list {display:block} .business-manage-list .business-manage-item {width:100%;margin:0} .business-manage-list .business-manage-item:nth-child(2n) {margin-right:0} .akl .business-main-top .title-business-b {font-size:28px;line-height:36px;letter-spacing:-1.4px;margin-top:16px} .business-main-top .txt-business-a {margin-top:12px} .box-business-manage {margin-top:40px} .akl .box-business-manage .title-business-c {font-size:28px;letter-spacing:-1.4px;line-height:40px} .box-business-manage .txt-business-a {margin-top:8px;font-size:16px;line-height:22px} .business-manage-list {padding:24px 16px 15px} .business-manage-list .business-manage-item {border-width:0 0 1px 0} .business-manage-list .business-manage-item .link-business-manage {padding:18px 0 18px 80px;text-align:left} .business-manage-list .business-manage-item .link-business-manage .sp_business {position:absolute;left:20px;top:50%;margin-top:-20px} .business-manage-list .business-manage-item .business-manage-tit {margin:0} .business-manage-list .business-manage-item .business-manage-des {max-width:100%;margin:4px 0 0} .business-manage-list .business-manage-item .business-manage-des br {display:none} } /* E : 2020-08-19 비지니스 홈 개선 */ /* 드림보드 */ .akl .amway-theme.business-new .business-dreamboard{ width: 100%; margin-top: 60px; } .akl .amway-theme.business-new .business-dreamboard button{ padding: 0; } .akl .amway-theme.business-new .business-dreamboard__inner{ position: relative; z-index: 1; width: 100%; max-width: 1376px; margin: 0 auto; padding: 40px 0; background: url(/_ui/responsive/theme-blue/images/dreamboard/bg-dream-board.png) 50% 0 no-repeat; background-size: auto 100%; text-align: center; } .akl .amway-theme.business-new .business-dreamboard__inner .mo{ display: none; } .akl .amway-theme.business-new .business-dreamboard__title{ margin: 0; font-size: 28px; color: #fff; font-weight: 700; } .akl .amway-theme.business-new .business-dreamboard__sub{ margin-top: 8px; font-size: 21px; color: #9CC4FA; font-weight: 500; } .akl .amway-theme.business-new .business-dreamboard__text{ margin: 8px 0 0; color: #f8fbff; font-size: 14px; line-height:1.5; font-weight: 500; letter-spacing: -.5px; } .akl .amway-theme.business-new .dreamboard-goal{ display: flex; align-items: center; position: relative; width: 100%; max-width: 960px; margin: 25px auto 0; padding: 32px 0 36px; } .akl .amway-theme.business-new .dreamboard-goal::before{ content: ''; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; border-radius: 20px; background: #000; opacity: .16; } .akl .amway-theme.business-new .dreamboard-goal__pin{ margin: 0 36px 0 80px; padding-top: 15px; } .akl .amway-theme.business-new .dreamboard-goal__title{ display: flex; text-align: left; } .akl .amway-theme.business-new .dreamboard-goal__title .title{ margin: 0; font-size: 18px; font-weight: 700; color: #fff; } .akl .amway-theme.business-new .dreamboard-goal__title .toolTip-wrapper.tooltipNew{ margin: 0 0 0 3px; } .akl .amway-theme.business-new .dreamboard-goal__title .toolTip-wrapper.tooltipNew.open .btn-tooltip:after{ top: 29px; } .akl .amway-theme.business-new .dreamboard-goal__pin .toolTip-wrapper .tooltip-content{ top: 35px; left: -50px; min-width: 300px; } .akl .amway-theme.business-new .dreamboard-goal__pin .dreamboard-goal__button{ display: flex; align-items: center; justify-content: center; width: 114px; height: 32px; border-radius: 2px; border: 1px solid #fff; background: 0; font-size: 12px; color: #fff; font-weight: 700; margin-top: 18px; } .akl .amway-theme.business-new .dreamboard-goal__pin .dreamboard-goal__button::after{ content: ''; display: inline-block; width: 6.5px; height: 11px; margin-left: 9px; background: url(/_ui/responsive/theme-blue/images/dreamboard/arrow-dream-board.png) 0 0 no-repeat; background-size: 100% auto; } .akl .amway-theme.business-new .goal-list{ display: flex; } .akl .amway-theme.business-new .goal-list__item{ text-align: center; margin: 0 20px; } .akl .amway-theme.business-new .goal-list__image{ margin: 14px 0 0; } .akl .amway-theme.business-new .goal-list__content--none .goal-list__image img{ width: 80px; } .akl .amway-theme.business-new .goal-list__title{ font-size: 18px; color: #d28bff; font-weight: 500; } .akl .amway-theme.business-new .goal-list__text{ font-size: 14px; font-weight: 500; color: #f8edff; margin: 4px 0 0; } .akl .amway-theme.business-new .goal-list__content{ position: relative; display: block; width: 180px; height: 180px; margin-top: 16px; padding-top: 15px; background: #fff; } .akl .amway-theme.business-new .goal-list__content--none{ background: #f9f9f9; } .akl .amway-theme.business-new .goal-list__name{ display: block; height: 37px; font-size: 14px; font-weight: 500; } .akl .amway-theme.business-new .goal-list__name-en, .akl .amway-theme.business-new .goal-list__name-kr{ color: #022f5f; font-weight: 500; } .akl .amway-theme.business-new .goal-list__name-kr{ font-size: 14px; } .akl .amway-theme.business-new .goal-list__name-en{ font-size: 11px; letter-spacing: -.5px; } .akl .amway-theme.business-new .goal-list__name-none{ font-size: 14px; padding-top: 3px; font-weight: 500; color: #e85350; } .layer-round .cart-popup__bottom--confirm{ display: flex; } .layer-round.goal-layer .cart-popup__content .goal-list .goal-list__item{ padding-bottom: 12px; margin: 0;} .layer-round.goal-layer .cart-popup__content .goal-list .goal-list__item ~ .goal-list__item{ padding: 12px 0 12px; border-top: 1px solid #E3E3E3; } .layer-round.goal-layer .cart-popup__content .goal-list .goal-list__label{ margin: 0; font-size: 14px; font-weight: 700; color: #002F5F; } .akl .layer-round p.goal-list__error{ margin: 8px 0 0; color: #E85350; text-align: right; } .layer-round.goal-layer .cart-popup__content .goal-list{ display: block; padding-bottom: 29px; } .layer-round.goal-layer .cart-popup__content .goal-list__set{ display: flex; flex-wrap: wrap; align-items: center; width: 100%; } .layer-round.goal-layer .cart-popup__content .goal-list__select-wrap{ width: 200px; margin-left: auto; } .layer-round.goal-layer .cart-popup__content .goal-list__select-wrap .form-control{ width: 100%; border-radius: 2px; font-size: 14px !important; } .layer-round.goal-layer .cart-popup__content .goal-list__select-wrap .form-control:disabled{ border-color: #ccc !important; background: url(/_ui/responsive/theme-blue/images/dreamboard/arrow-select-down.png) 176px 50% no-repeat !important; background-size: 16px 16px !important; background-color: #F4F4F4 !important; } .layer-round.goal-layer .cart-popup__content .goal-list__error{ width: 100%; } .layer-round.goal-layer .cart-popup__content .goal-list__detail{ margin-top: 16px; padding: 20px 12px; background: #F4F4F4; text-align: left; } .layer-round.goal-layer .cart-popup__content .goal-detail__title{ font-size: 13px; font-weight: 700; } .layer-round.goal-layer .cart-popup__content .goal-detail__label{ display: inline-flex; align-items: center; height: 22px; margin-top: 12px; padding: 0 9px; border-radius: 22px; border: 1px solid #9119D0; font-size: 11px; font-weight: 500; color: #9119D0; } .akl .layer-round p.goal-detail__list-item, .layer-round.goal-layer .cart-popup__content .goal-detail__list-item{ margin-top: 4px; font-size: 12px; color: #999; } .akl .layer-round h2.cart-popup__header-text{margin: 20px 0 10px; text-align: left; } .akl .layer-round .cart-popup__content.grade-layer{ padding-bottom: 40px; } .akl .layer-round.grade-layer .cart-popup__header-text{ margin: 20px 0 10px; text-align: left; } .akl .layer-round .grade-layer__title{ display: inline-flex; align-items: center; justify-content: center; position: relative; z-index: 1; min-width: 58px; height: 22px; margin: 0; padding: 0 8px; border: 1px solid #f08466; background: #fff; font-size: 12px; color: #422e31; } .akl .layer-round .grade-layer__title ~ .grade-layer__title{ margin-top: 30px; } .akl .layer-round .grade-layer__title::after{ content: ''; position: absolute; right: -2px; bottom: -2px; left: 1px; z-index: -1; width: auto; height: 22px; border: 1px solid #b2b2b2; border-width: 0 1px 1px 0; } .akl .layer-round .grade-layer__sub{ font-size: 14px; margin-bottom: 24px; color: #666; line-height: 1.5; font-weight: 500; } .akl .layer-round .grade-layer__text{ margin-top: 9px; color: #333; font-size: 14px; line-height: 1.5; font-weight: 500; } .akl .layer-round .grade-layer__image{ margin-top: 16px; } .akl .layer-round .grade-layer__image .img{ display: block; max-width: 303px; margin: 0 auto; } .akl .layer-round .grade-layer__image .img img{ width: 100%; max-width: 100%; } @media (max-width: 768px){ .akl .amway-theme.business-new .business-dreamboard{ margin-top: 0; } .akl .amway-theme.business-new .business-dreamboard__inner{ height: auto; padding: 50px 16px 32px; background-image: url(/_ui/responsive/theme-blue/images/dreamboard/bg-dream-board-m.png); background-size: 100% 100%; } .akl .amway-theme.business-new .business-dreamboard__inner .mo{ display: block; } .akl .amway-theme.business-new .dreamboard-goal__pin{ margin: 0; } .akl .amway-theme.business-new .goal-list__image{ margin: 12px 0 0; } .akl .amway-theme.business-new .dreamboard-goal{ flex-direction: column; margin-top: 68px; } .akl .amway-theme.business-new .dreamboard-goal__pin .dreamboard-goal__button{ position: absolute; left: 50%; top: -52px; transform: translateX(-50%); width: 158px; height: 32px; margin: 0; } .akl .amway-theme.business-new .goal-list{ flex-direction: column; margin-top: 30px; } .akl .amway-theme.business-new .goal-list__item{ margin: 0; } .akl .amway-theme.business-new .goal-list__item ~ .goal-list__item{ margin-top: 30px; } .akl .amway-theme.business-new .dreamboard-goal{ padding: 40px 0 42px; } .akl .amway-theme.business-new .dreamboard-goal__title .toolTip-wrapper.type-mob-full .tipCont-wrapper .tooltip-content{ top: 12px; left: -22px; min-width: 310px; } } .sp_business.sp_business-17{ background: url(/_ui/responsive/theme-blue/images/akl_common/business/icon_business_aContent.png) 0 0 no-repeat; background-size: 100% auto; } .sp_business.sp_business-18{ background: url(/_ui/responsive/theme-blue/images/akl_common/business/icon_business_aLive.png) 0 0 no-repeat; background-size: 100% auto; } /* S : 20240820 비즈니스 홈 메뉴 추가 */ .sp_business.sp_business-19{ background: url(/_ui/responsive/theme-blue/images/akl_common/business/icon_business_vision_trip.png) 0 0 no-repeat; background-size: 100% auto; } .sp_business.sp_business-20{ background: url(/_ui/responsive/theme-blue/images/akl_common/business/icon_business_vision_bonus.png) 0 0 no-repeat; background-size: 100% auto; } .business-manage-list .business-manage-item .business-manage-des.business-manage-des-over { max-width: 160px; } @media (max-width: 768px) { .business-manage-list .business-manage-item .business-manage-des.business-manage-des-over { max-width: 100%; } } /* E : 20240820 비즈니스 홈 메뉴 추가 */ /* 20220524 tabList noline 관련 css 수정 */ @media (max-width:740px) { .akl .amway-theme .tblList, .akl .amway-theme .tblList tbody{display:block;} } /* S : 202406 비전보너스 신규 추가 */ .visionbonus.container.business * {letter-spacing: -0.02em;} .visionbonus .pc-only{display: block;} .visionbonus .only-tablet{display: none;} .visionbonus .mobile-only{display: none;} .visionbonus .visionbonus-content{padding-bottom:80px;} .visionbonus.container.business {margin-top: 60px;} .visionbonus.container.business .title-h2{color: #111; line-height: 1.2;} .visionbonus.container.business .visionbonus-content .title-h3{color: #111; line-height: 30px; font-size: 20px; font-weight: 700; letter-spacing: -0.02em;} .visionbonus.container.business .visionbonus-content .title-h3 > span{font-size: 14px; font-weight: 400; color: #999;} .visionbonus.container .tabs-toggles .tab-toggle-wrap{height: auto; background:#F4F4F4;} .visionbonus.container .tabs-toggles .tab-toggle-wrap.active{border-top:1px solid #dadada; position: relative;} .visionbonus.container .tabs-toggles .tab-toggle-wrap.active::after{content: ''; display: block; width: calc(100% + 2px); height: 4px; position: absolute; top: -1px; left: -1px; background: #567BF3;} .visionbonus.container .tabs-toggles .tab-toggle-wrap .tab-toggle {padding: 0 32px;height:52px; line-height:52px;} .visionbonus.container .tabs-toggles .tab-toggle-wrap.active .tab-toggle {padding: 0 32px;} .visionbonus.container .tabs-toggles .tab-toggle-wrap .tab-toggle .toggle-text{font-size: 16px; font-weight:500; line-height:1; color: #666;} .visionbonus.container .tabs-toggles .tab-toggle-wrap .tab-toggle:hover .toggle-text{color:#666;} .visionbonus.container .tabs-toggles .tab-toggle-wrap.active .tab-toggle .toggle-text{color: #567BF3;} .visionbonus.container .tbl-list th, .visionbonus.container .tbl-list td{border-color:#d7d7d7;} .visionbonus p{margin-bottom: 0; line-height:26px;} .visionbonus .title-wrap > p, .visionbonus .title-wrap > div{font-size:16px; color: #111; line-height:26px;} .visionbonus .title-h3 + div, .visionbonus .title-h3 + p {margin-top:16px;} .visionbonus .title-wrap + .border-box, .visionbonus .title-wrap + .table-wrap, .visionbonus .title-wrap + .table-scroll, .visionbonus .title-wrap + .info-box, .visionbonus .info-box + .table-wrap, .visionbonus .info-box + .table-scroll {margin-top:24px} .visionbonus .table-scroll + .title-wrap, .visionbonus .table-scroll + .info-box{margin-top:40px;} .visionbonus .border-box + .table-wrap, .visionbonus .table-wrap + .border-box {margin-top:16px} .visionbonus .price-box + .info-box{margin-top: 60px;} .visionbonus .box-group{margin-top: 60px;} .visionbonus .box-group.twins{display: flex; gap:24px;} .visionbonus .box-group.twins > div {flex: 1; box-sizing:border-box;} .visionbonus .border-box{background: #F9F9F9; border-radius: 16px;} .visionbonus .btn-box{position: relative; text-align: center; margin-top: 40px;} .visionbonus .title-wrap.btn-type{position: relative; padding-right:290px;} .visionbonus .title-wrap.btn-type .btn-box{position: absolute; right: 0; bottom: 0; margin-top:0;} .visionbonus .title-wrap.btn-type .btn-box .btn{width: 140px; letter-spacing: -0.06em; padding: 0 18px;} .visionbonus .title-wrap.btn-type .btn-box .btn + .btn{margin-left: 4px;} .visionbonus .info-tooltip{display:none; position: absolute; bottom: 63px; left:50%; z-index: 20; transform: translateX(-50%); padding:8px 36px 8px 12px; background:#fff; border-radius:8px; box-shadow: 6px 4px 16px 0px #00000033;} .visionbonus .info-tooltip.active{display: block;} .visionbonus .info-tooltip::after{content:''; display: block; width: 15px; height: 13px; position: absolute; bottom:-5px; left:50%; transform: translateX(-50%); background: url(/_ui/responsive/theme-blue/images/akl_common/business/ico_visionbonus_triangle.png) no-repeat; background-position:center center; background-size:15px 13px;} .visionbonus .info-tooltip > p {display: inline-block; line-height:20px; font-size:12px; color:#000;} .visionbonus .info-tooltip .btn-close{position: absolute; top:0; right:0; display: inline-block; width: 36px; height: 36px; border-radius:0 8px 8px 0; background: #fff url(/_ui/responsive/theme-blue/images/akl_common/business/ico_visionbonus_close.png) no-repeat; background-size:16px 16px; background-position: center center;} .visionbonus .info-tooltip .btn-close > span{width: 1px; height: 1px; padding: 0; margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0); border: 0; display: block;} .visionbonus.container.business .dot-list{margin-top: 16px;} .visionbonus.container.business .dot-list > li {padding-left: 11px; position: relative; font-size: 14px; line-height: 24px; color: #999; letter-spacing: -0.07em;} .visionbonus.container.business .dot-list > li::after{content: ''; display: block; width: 3px; height: 3px; background: #aaa; border-radius:50%; position: absolute; left: 0; top: 9px;} .visionbonus.container.business .dot-list > li.star::after{display: inline-block; content: "*"; background-color: initial; line-height: 1;} .visionbonus .price-box{text-align: center; margin-top: 28px;} .visionbonus .price-box .title{padding:16px; background: #F4F4F4; border-radius: 16px 16px 0 0; font-weight: 500; color: #666;} .visionbonus .price-box .title > span{display: block; margin-top: 2px; font-size: 14px; color: #999; font-weight: 400; line-height:20px;} .visionbonus .price-box .price-list {display: flex; border-radius:0 0 16px 16px; background:#FAFAFA; padding: 24px 0; justify-content: space-between; flex-wrap: wrap;} .visionbonus .price-box .price-list > li{display: flex; flex-direction: column; justify-content: center; padding: 0 24px; flex: 1 1 33.3%; min-height: 122px;} .visionbonus .price-box .price-list > li p{font-size: 16px; font-weight: 400; color: #111; line-height: 24px;} .visionbonus .price-box .price-list > li p > span{font-size: 32px; color: #111; font-weight: 700; margin-top: 5px; line-height:40px; font-family:'Roboto' ;} .visionbonus .price-box .price-list > li p .price-unit{margin-left:2px;} .visionbonus .price-box .price-list > li p + p{margin-top:10px} .visionbonus .price-box .price-list > li + li {border-left: 1px solid #D7D7D7;} .visionbonus .toolTip-wrapper.tooltipNew .tooltip-content{min-width:300px; margin-left:-135px; top:initial; bottom:32px; padding:8px 12px; box-shadow: 6px 4px 16px 0px #00000033; border:none} .visionbonus .toolTip-wrapper.tooltipNew .tooltip-content.left {left: 0; margin-left: -24px;} .visionbonus .toolTip-wrapper.tooltipNew.open .btn-tooltip:after {width:15px; height:13px; top:initial; left:3px; bottom: 24px; background: url(/_ui/responsive/theme-blue/images/akl_common/business/ico_visionbonus_triangle.png) no-repeat; background-position:center center; background-size:15px 13px;} .visionbonus .toolTip-wrapper.tooltipNew .dot-list{margin:0;} .visionbonus .toolTip-wrapper.tooltipNew .dot-list > li {line-height: 22px; font-size:14px; font-weight:400;} .visionbonus .basic-scroll{overflow-x: auto; overflow: hidden;} .visionbonus.container.business .tbl-list thead th{height: auto; line-height: 20px; padding:16px 10px; font-size: 14px; font-weight: 500; color: #666; background: #F4F4F4;} .visionbonus.container.business .tbl-list tbody th{padding:16px 10px; background:#F9F9F9; text-align: center; font-weight:400; font-size: 14px; white-space:normal; word-break: break-all; color:#111;} .visionbonus.container.business .tbl-list td{color:#111; font-weight:400; font-size: 14px; padding:16px 10px 15px; line-height:20px;} .visionbonus.container.business .tbl-list tfoot th, .visionbonus.container.business .tbl-list tfoot td{background: #F0F5FD;} .visionbonus.container.business .tbl-list tfoot th > strong {display: block; font-weight: 700; font-size: 14px;} .visionbonus.container.business .tbl-list.inquiry-type tr td {color:#999; font-weight:400;} .visionbonus.container.business .tbl-list.inquiry-type tr td span.point-blue{font-weight: 500;} .visionbonus .tbl-list td strong{display:block; font-weight: 700; font-size: 14px;} .visionbonus .tbl-list td p {margin:0} .visionbonus .tbl-list td > strong + p, .visionbonus .tbl-list td > strong + div, .visionbonus .tbl-list td > p + p{margin-top:4px;} .visionbonus .tbl-list td > strong + .number_text{margin-top:8px;} .visionbonus .tbl-list td > div + .exclamation-txt{margin-top:10px;} .visionbonus .tbl-list td.border-left{border-left:1px solid #e3e3e3 !important;} .visionbonus .tbl-list td.border-right{border-right:1px solid #e3e3e3 !important;} .visionbonus .tbl-list td .total-sum{font-size: 20px;} .visionbonus .tbl-list td .total-sum .price-unit{margin-left:4px;} .visionbonus .tbl-list tr.total-bonus th, .visionbonus .tbl-list tr.total-bonus td{border-top:4px solid #E8ECF0} /* 071124 수정 */ .visionbonus.container.business .tbl-list td.bg-point-blue{background: #F0F5FD;}/* 071124 수정 */ .visionbonus.container.business .tbl-list th.bg-point-gray, .visionbonus.container.business .tbl-list td.bg-point-gray{background: #E8ECF0;} /* 071124 추가 */ .visionbonus.container.business .tbl-list .sum-point td.bg-point-blue{padding: 20px 32px; background: #F0F5FD; line-height: 30px; font-size: 20px; font-weight: 700;}/* 071124 추가 */ .visionbonus.container.business .table10{margin-top:24px;} .visionbonus.container.business .table10 table tbody td {padding:16px 32px;} .visionbonus.container.business .table10 table tbody td.fit {padding:8px 32px;} .visionbonus table.clone{z-index:10;} .visionbonus [class^="point_"]{font-weight: 500;} .visionbonus .btn{border-radius: 4px;} .visionbonus .btn[disabled]{background: #d7d7d7 !important; border-color: #d7d7d7 !important;} .visionbonus .btn.bt-akl-blue{font-size: 16px; font-weight: 500; width:220px; height: 52px; line-height: 52px; padding: 0;} .visionbonus .btn.bt-akl-blue:hover{color: #fff; background-color: #002F5F; border-color: #002F5F; transition:none} .visionbonus .btn.bt-akl-line {line-height:42px; background-color: #fff; border: 1px solid #002F5F; font-size:14px; padding:0 20px;} .visionbonus .point-blue{color:#567BF3;} .visionbonus .point-green{color:#00A656;} .visionbonus .point-yellow{color:#E6A30C;} .visionbonus .circle-num {display: inline-block; text-align: center; margin-right:4px; width: 16px; height: 16px; line-height:17px; background:#EBEBEB; border-radius:8px; font-size:12px; font-weight: 500;} .visionbonus .exclamation-txt{line-height: 1;} .visionbonus .exclamation-txt > span{display: inline-block; padding-left: 21px; line-height: 20px; color:#999; font-size: 12px; background: url(/_ui/responsive/theme-blue/images/akl_common/business/ico_visionbonus_exclamation.png) no-repeat; background-size: 20px 20px; background-position: left center;} .visionbonus .bullet{display: inline-block; height: 28px; line-height: 28px; margin-right:8px; padding: 0 5px; font-size: 14px; font-weight:500; color:#999; border: 1px solid #ccc; border-radius:6px;} .visionbonus .bullet.blue{margin:0; padding: 0 12px; border-color:#F0F5FD; background: #F0F5FD;} .visionbonus .bullet.gray{margin:0; padding: 0 12px; border-color:#F9F9F9; background:#F9F9F9;} .visionbonus .bullet + .bullet{margin-left:8px;} .visionbonus .state-list{text-align: right;} .visionbonus .state-list > li{display: inline-block;} .visionbonus .state-list > li + li {margin-left:12px; padding-left: 12px; position: relative;} .visionbonus .state-list > li + li::after{content: ''; display: block; width:1px; height:14px; background:#d7d7d7; position: absolute; left: 0; top: 50%; transform: translateY(-50%);} .visionbonus.container .track {position: relative; display: inline-block; line-height:20px; text-align: left; padding-left:22px; font-size:14px; font-weight:500; letter-spacing:0; } .visionbonus .track::before{content: ''; display: block; width:18px; height:18px; border-radius:9px; position: absolute; left:0; top:50%; transform: translateY(-50%);} .visionbonus .track::after{content: ''; display: block; width:18px; height: 18px; position: absolute; left:0; top:50%; transform: translateY(-50%); background-image: url(/_ui/responsive/theme-blue/images/akl_common/business/ico_visionbonus_check.png); background-repeat: no-repeat; background-position: center center; background-size: 9px 6px;} .visionbonus .track.on{color: #567BF3;} .visionbonus .track.on::before{background:#567BF3;} .visionbonus .track.off{color: #999;} .visionbonus .track.off:before{background:#D7D7D7;} .visionbonus .table10 .track{font-weight:400; padding-left: 25px;} .visionbonus .table10 .track::after, .visionbonus .table10 .track::before{width:20px; height: 20px; border-radius: 10px;} .visionbonus .table10 .track.on, .visionbonus .table10 .track.off{color: #111;} .visionbonus .sub-info{display: block; font-size: 14px; color:#999; font-weight: 400;} .visionbonus .form_element-selectbox {width: 100%;} .visionbonus .form_element-selectbox .form-control{width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding:0 44px 0 16px; line-height:42px; border-radius: 10px; border-color: #D7D7D7; font-size: 16px; color: #181818; background:#fff url(/_ui/responsive/theme-blue/images/akl_common/business/ico_visionbonus_select_arrow.png) no-repeat; background-size: 20px 20px; background-position:right 16px center ;} .visionbonus .form_element-selectbox .form-control[disabled]{color:#aaa; background: url(/_ui/responsive/theme-blue/images/akl_common/business/ico_visionbonus_select_arrow.png) no-repeat !important; background-size: 20px 20px !important; background-position:right 16px center !important;} .visionbonus .form_element-textbox {width: 100%;} .visionbonus .form_element-textbox [type="text"]{width: 100%; letter-spacing:0; font-size:16px; color: #111; border-radius:10px; border-color: #D7D7D7; line-height: 42px; text-align: right;} .visionbonus .form_element-textbox [type="text"]:read-only{color:#ccc;} .visionbonus .form_element-textbox + .simplify-price{margin-top: 4px;} .visionbonus.container .form_element-checkbox [type="checkbox"]:not(:checked) + label::before, .visionbonus.container .form_element-checkbox [type="checkbox"]:checked + label::before{border:1px solid #999; border-radius:50%;} .visionbonus.container .form_element-checkbox [type="checkbox"]:not(:checked) + label::before{background:#fff;} .visionbonus.container .form_element-checkbox [type="checkbox"]:checked + label::before{background:#567BF3; border-color:#567BF3;} .visionbonus.container .form_element-checkbox [type="checkbox"]:disabled + label::before{background:#D7D7D7 !important; border-color:#D7D7D7;} .visionbonus.container .form_element-checkbox [type="checkbox"]:disabled + label::after{opacity: 1;} .visionbonus.container .form_element-checkbox [type="checkbox"] + label, .visionbonus.container .form_element-checkbox [type="checkbox"]:checked + label, .visionbonus.container .form_element-checkbox [type="checkbox"]:disabled + label{color:#111 !important} .visionbonus.container .form_element-checkbox [type="checkbox"]:not(:checked) + label::after, .visionbonus.container .form_element-checkbox [type="checkbox"]:checked + label::after{width:20px; height:20px; top:0; left:0; background-image: url(/_ui/responsive/theme-blue/images/akl_common/business/ico_visionbonus_check.png); background-size: 9px 6px; background-position: center center;} .visionbonus.container .form_element-radio [type="radio"]:not(:checked) + label::before, .visionbonus.container .form_element-radio [type="radio"]:checked + label::before{border:1px solid #999; border-radius:50%;} .visionbonus.container .form_element-radio [type="radio"]:not(:checked) + label::before{background:#fff;} .visionbonus.container .form_element-radio [type="radio"]:checked + label::before{background:#567BF3; border-color:#567BF3;} .visionbonus.container .form_element-radio [type="radio"]:disabled + label::before{background:#D7D7D7 !important; border-color:#D7D7D7;} .visionbonus.container .form_element-radio [type="radio"]:disabled + label::after{opacity: 1;} .visionbonus.container .form_element-radio [type="radio"] + label, .visionbonus.container .form_element-radio [type="radio"]:checked + label, .visionbonus.container .form_element-radio [type="radio"]:disabled + label{color:#111 !important; margin: 0;} .visionbonus.container .form_element-radio [type="radio"]:not(:checked) + label::after, .visionbonus.container .form_element-radio [type="radio"]:checked + label::after{width:20px; height:20px; top:0; left:0; background-color: initial; background-image: url(/_ui/responsive/theme-blue/images/akl_common/business/ico_visionbonus_check.png); background-size: 9px 6px; background-position: center center; background-repeat: no-repeat;} .visionbonus .radio-wrap{text-align: left; display: flex;} .visionbonus .radio-wrap > div{width: calc(100% / 3);} .visionbonus .number_text{margin-top: 12px; display: flex; gap:6px; align-items: flex-start; justify-content: center; flex-direction: column;} .visionbonus .number_text p{line-height:20px; font-size: 14px; font-weight: 500;} /* 071124 수정 */ .visionbonus .sub-detail-info{display: inline-block; margin-top: 6px; background:#F4F4F4; padding: 10px 16px; border-radius: 8px;} .visionbonus .sub-detail-info::after{content: ''; display: block; clear: both;} .visionbonus .sub-detail-info > li{float: left; font-size: 14px; line-height: 20px; color: #666;} .visionbonus .sub-detail-info > li > strong {display: block; font-weight: 700; } .visionbonus .sub-detail-info > li > span{display: block; margin-top: 4px; font-weight: 400;} .visionbonus .sub-detail-info > li + li { position: relative; margin-left:16px; padding-left: 17px;} .visionbonus .sub-detail-info > li + li::after{content: ''; display: block; width: 1px; height:40px; background: #D7D7D7; position: absolute; left: 0; top: 50%; transform: translateY(-50%);} .visionbonus .sub-detail-info .sub-txt{display: inline-block; margin-left:5px; font-size: 12px; color:#999; font-weight:500;} .visionbonus .sub-detail-info .number_text{display:block; margin-top: 4px;} .visionbonus .sub-detail-info .number_text > p{display: inline-block; font-weight:400;} .visionbonus .sub-detail-info .number_text > p + p {margin-left:10px; } /* 071124 수정 */ .visionbonus .info-box{margin-bottom: -12px;} .visionbonus .info-box > h4{position: relative; padding-left: 7px; color:#111; font-size: 16px; line-height: 26px;} .visionbonus .info-box > h4::after{content: ''; display: block; width:3px; height:16px; background:#111; position: absolute; left: 0; top: 50%; transform: translateY(-50%);} .visionbonus .info-box > h4 + p {margin-top: 16px;} .visionbonus .info-box.twins{display: flex; justify-content: space-between; align-items: center;} .visionbonus .info-box.twins > p {color: #000; font-weight: 500; line-height:20px;} .visionbonus .toolTip-wrapper.tooltipNew .btn-tooltip{ top:-2px; left:-2px; height:28px !important; padding:0; background: url(/_ui/responsive/theme-blue/images/akl_common/business/ico_visionbonus_question.png) no-repeat 50% 50% / 20px;} .visionbonus .simplify-price{padding-right:3px; text-align: right; font-size: 14px; font-weight:400; line-height:16px; color:#999;} .visionbonus .simplify-price > span{display:inline-block;} .visionbonus .simplify-price > span + .price-unit, .visionbonus .simplify-price > .price-unit + span{margin-left:4px} .visionbonus .track-wrap{text-align: left;} .visionbonus .commentary{position: relative; display: inline-block;} .visionbonus .commentary::after{content: ''; display: block; width: 5px; height: 5px; border-radius:50%; position: absolute; right: -8px; top: -2px;} .visionbonus .commentary.blue::after{background: #567BF3;} .visionbonus .commentary.star::after{content: "*"; color: #999;} .visionbonus .border-box .multiplication{padding:0 20px; position: relative; width:32px; height:32px; box-sizing: content-box;} .visionbonus .border-box .multiplication > p{position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;} .visionbonus .border-box .multiplication::before, .visionbonus .border-box .multiplication::after{content:''; display: block; width:18px; height:2px; background-color:#999; position: absolute; border-radius:1px; transform-origin: center;} .visionbonus .border-box .multiplication::before{transform: rotate(45deg); top: 50%; left:38%;} .visionbonus .border-box .multiplication::after{transform: rotate(-45deg); top: 50%; left:38%;} .visionbonus .border-box .equal{position: relative; width:32px; height:32px; padding:0 20px; box-sizing: content-box;} .visionbonus .border-box .equal > p{position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;} .visionbonus .border-box .equal::before, .visionbonus .border-box .equal::after{content: ''; display: block; position: absolute; left:50%; transform: translateX(-50%); width: 12px; height: 2px; border-radius:2px; background:#999;} .visionbonus .border-box .equal::before{top:13px} .visionbonus .border-box .equal::after{top:19px} .visionbonus .result-box {width:25%; max-width:242px; aspect-ratio: 1; box-sizing: content-box; background:url(/_ui/responsive/theme-blue/images/akl_common/business/bg_visionbonus.png) no-repeat; background-size: contain; background-position: center;} .visionbonus .result-box > p{position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;} .visionbonus .amount-inner{display: flex; padding:40px 0; justify-content: center; align-items: center;} .visionbonus .amount-inner > div {display:flex; flex-direction: column; justify-content: center; text-align: center; width:40%; max-width:160px; border-radius:50%; aspect-ratio:1;} .visionbonus .amount-inner.fq .bouns{border: 1px solid #00A656; color:#00A656; background:#fff;} .visionbonus .amount-inner.fq .ratio{color:#fff; background:#01D67C; border:15px solid #34de96;} .visionbonus .amount-inner.qc .bouns{border: 1px solid #FF9F2E; color:#FF9F2E; background:#fff;} .visionbonus .amount-inner.qc .ratio{color:#fff; background:#FF9F2E; border:15px solid #ffb258;} .visionbonus .amount-inner.fq p, .visionbonus .amount-inner.qc p{font-size: 18px; font-weight:500; line-height: 28px;} .visionbonus .subjects-inner{padding:60px 0;} .visionbonus .category-box {position: relative; max-width:736px; margin:0 auto; display: flex; gap: 12px; justify-content: center; align-items: center; border-radius:999px;} .visionbonus .category-box.growth {padding:32px; border:1px solid #567BF3; background:#fff;} .visionbonus .category-box.benefit{ padding:16px; border: 1px dashed #01D67C; gap:20px;} .visionbonus .category-box .title{display:inline-block; height:40px; line-height:42px; position: absolute; top:-20px; left:50%; transform: translateX(-50%); color:#fff; border-radius:999px; text-align: center; } .visionbonus .category-box .title.blue{width:328px;background:#567BF3; font-size: 18px; font-weight: 500;} .visionbonus .category-box .title.green{width:100px; background:#01D67C; top: initial; bottom: -15px; font-size: 14px; font-weight: 400; height: 30px; line-height:32px;} .visionbonus .circle-box {display: flex; flex-direction: column; justify-content: center; align-items: center; width:200px; max-width:200px; aspect-ratio:1; border-radius:50%; color: #fff;} .visionbonus .circle-box > strong{font-size: 36px; line-height:40px; font-weight:700; font-family:'Roboto';} .visionbonus .circle-box > span {font-size:16px; line-height: 24px; font-weight: 400;} .visionbonus .circle-box.blue{background:#567BF3; border:15px solid #7895f5;} .visionbonus .circle-box.green{background:#01D67C;} .visionbonus .circle-box.white{background:#fff; border: 2px dashed #567BF380} .visionbonus .circle-box.white > strong {color:#567BF3; font-size:40px;} .visionbonus .circle-box.white > span {color:#999; font-size:16px; font-weight:400; text-align: center;} .visionbonus .bonus-inner {display: flex; justify-content: center; align-items: center; padding:60px 0;} .visionbonus .bonus-inner .category-box{max-width:min-content; margin:0; padding:16px; background:#F0F5FD; border:1px solid #567BF3;} .visionbonus .bonus-inner .category-box .title{width:124px; font-weight:500;} .visionbonus .bonus-inner .circle-box.blue > span{font-size: 24px;} .visionbonus .txt-or{font-size:14px; font-weight:400; color:#567BF3; opacity: 0.6;} .visionbonus.container.business .table03 .tbl-list tbody td{line-height: 98px;} .visionbonus .bullet-title{display: flex; align-items: center;} .visionbonus .bullet-title .bullet {width: 56px;} .visionbonus .bullet-title > p{flex: 1; color: #111;} @media (min-width: 768px) and (max-width: 1100px){ .visionbonus .checkbox-wrap.twin{width:100%;} .visionbonus .mobile-only{display: none;} .visionbonus .only-tablet{display: block;} .visionbonus .border-box .multiplication{padding:0 10px;} .visionbonus .border-box .multiplication::before, .visionbonus .border-box .multiplication::after{left:32%;} .visionbonus .border-box .equal{padding:0 10px;} .visionbonus .bonus-inner .circle-box{max-width:150px;} .visionbonus .bonus-inner .result-box{max-width:150px; background-size: contain;} .visionbonus .bonus-inner .category-box{width:50%;} /* 비전보너스 설명 - 수혜조건 테이블 */ .visionbonus .table01 .tbl-list tbody tr + tr td .number_text{display: block;} /* 비전보너스 설명 - 보너스 계산 예시 */ .visionbonus.container.business .table05 table colgroup col:nth-child(1){width:15%;} .visionbonus.container.business .table05 table colgroup col:nth-child(2){width:15%;} /* 비전보너스 조회 - 조회 테이블 */ .visionbonus.container.business .table09 table colgroup col:nth-child(1){width:135px;} .visionbonus.container.business .table09 table colgroup col:nth-child(2){width:78px;} /* 비전보너스 계산 - 계산기 테이블 */ .visionbonus.container.business .table10 table colgroup col:nth-child(1){width:120px;} .visionbonus.container.business .table10 table colgroup col:nth-child(2){width:90px;} .visionbonus.container.business .table10 table tbody th, .visionbonus.container.business .table10 table tbody td {padding:16px 5px;} .visionbonus.container.business .table10 table tbody td.fit{padding: 8px 5px;} .visionbonus .title-wrap.btn-type{position: relative; padding-right:0; } .visionbonus .title-wrap.btn-type .btn-box{position: initial; text-align: left; margin-top: 24px;} .visionbonus .sub-detail-info{display: block;} .visionbonus .sub-detail-info > li {float: none;} .visionbonus .sub-detail-info > li + li{margin:10px 0 0 0; padding: 10px 0 0 0 ; border-top: 1px solid #D7D7D7;} .visionbonus .sub-detail-info > li + li::after{display: none;} } @media(max-width:768px){ .visionbonus .pc-only{display: none;} .visionbonus .only-tablet{display: none;} .visionbonus.container.business{padding: 0 20px;} .visionbonus .box-group{margin-top:40px;} .visionbonus .title-h3 + div, .visionbonus .title-h3 + p {margin-top:12px; font-size:14px; line-height: 24px;} .visionbonus .title-wrap .txt-in-tooltip, .visionbonus .title-wrap p{font-size: 14px;} .visionbonus .title-wrap + .border-box{margin-top:20px;} .visionbonus .title-wrap .number_text{margin-bottom: -4px;} .visionbonus .subjects-inner{padding:41px 20px 20px;} .visionbonus .category-box .circle-container{width:100%;} .visionbonus .category-box.growth{width: fit-content; flex-direction: column; padding:20px 16px 16px 16px; border-radius:76px; gap:20px;} .visionbonus .category-box.benefit{padding:10px; gap:8px; } .visionbonus .category-box .title{height:26px; line-height: 28px; top:-13px} .visionbonus .category-box .title.blue{width:114px; font-size:14px; font-weight:500;} .visionbonus .bonus-inner .category-box .title.blue{width: 90px; height: 28px; line-height: 30px;} .visionbonus .category-box .title.green{bottom:initial; width:76px; font-size:14px; font-weight:500; top:-11px; height:22px; line-height:24px;} .visionbonus .circle-box{max-width:110px;} .visionbonus .circle-box > strong{font-size: 24px; line-height:28px;} .visionbonus .circle-box > span {font-size:13px; line-height: 19px;} .visionbonus .circle-box.blue{border-width:10px; width: 110px; margin: 0 auto;} .visionbonus .circle-box.green{width: 110px;} .visionbonus .amount-inner.fq p, .visionbonus .amount-inner.qc p{font-size:16px; line-height:24px;} .visionbonus .border-box .multiplication{padding:0 8px; width:24px; height: 24px;} .visionbonus .border-box .multiplication::before, .visionbonus .border-box .multiplication::after{left:30%} .visionbonus .amount-inner > div{max-width:124px;} .visionbonus .amount-inner.fq .ratio, .visionbonus .amount-inner.qc .ratio{border-width: 10px;} .visionbonus .bonus-inner{flex-direction: column; padding:28px 13px;} .visionbonus .bonus-inner .category-box{width:100%; padding:10px; gap:0; margin-top:14px;} .visionbonus .bonus-inner .category-box .circle-box {max-width:124px;} .visionbonus .bonus-inner .circle-box.blue{max-width:124px; width:100%;} .visionbonus .bonus-inner .circle-box.blue > span{font-size:18px;} .visionbonus .bonus-inner .circle-box.white > strong {font-size: 24px;} .visionbonus .bonus-inner .circle-box.white > span {font-size: 13px;} .visionbonus .bonus-inner .result-box{width:124px;} .visionbonus .txt-or{padding:0 5px; font-size:12px;} .visionbonus.container .track{padding-left: 20px;} .visionbonus .track::before, .visionbonus .track::after{width:16px; height: 16px;} .visionbonus .title-wrap + .info-box.twins {margin-top: 12px;} .visionbonus .title-wrap + .info-box.twins.reverse {margin-top: 20px;} .visionbonus .info-box + .table-wrap, .visionbonus .info-box + .table-scroll{margin-top: 8px;} .visionbonus .info-box + .table-scroll.table05 {margin-top: 20px;} .visionbonus .price-box + .info-box{margin-top: 26px;} .visionbonus .toolTip-wrapper.type-mob-full .tipCont-wrapper .tooltip-content{top:initial} .visionbonus .toolTip-wrapper.type-mob-full .tipCont-wrapper .tooltip-content{max-width:none; width:calc(100vw - 30px)} .visionbonus .toolTip-wrapper.tooltipNew .dot-list > li{font-size: 12px;} .visionbonus .mobile-only{display: block;} .visionbonus .table-scroll.basic-scroll .tbl-list th, .visionbonus .table-scroll.basic-scroll .tbl-list td{min-width: 150px;} .visionbonus .table-scroll .table-wrap{padding-right:15px;} .visionbonus .table-scroll .main-table {border-top:none;} .visionbonus .table-scroll .main-table thead th {border-top: 1px solid #e3e3e3} .visionbonus.container .outer-border-bottom:before{display: none;} .visionbonus.container .tabWrapper {border-bottom: 1px solid #EDEDED;} .visionbonus.container .tabs-toggles .tab-toggle-wrap.active .tab-toggle{padding: 0 16px;} .visionbonus.container .tabs-toggles .tab-toggle-wrap{background: none;} .visionbonus.container .tabs-toggles .tab-toggle-wrap.active{border:none;} .visionbonus.container .tabs-toggles .tab-toggle-wrap.active::after{top:initial; bottom:0; left:0; border-radius:2px; width:100%;} .visionbonus.container .tabs-toggles .tab-toggle-wrap .tab-toggle{padding:0 16px;} .visionbonus.container .tabs-toggles .tab-toggle-wrap .tab-toggle .toggle-text{display: inline-block;} .visionbonus.container .btn.bt-akl-blue{width:100%; background-color: #002F5F; border-color: #002F5F;} .visionbonus .table-scroll .tbl-list.clone tr > th.fixed-side{border-right: 1px solid #bbb;} .visionbonus.container.business .tbl-list thead th{padding:16px 5px} .visionbonus.container.business .form_element-checkbox [type="checkbox"]{width:20px; height: 20px;} .visionbonus.container.business .form_element-checkbox [type="checkbox"] + label{padding-left:25px; line-height:20px; min-height: initial;} .visionbonus.container.business .form_element-checkbox [type="checkbox"] + label::before, .visionbonus.container.business .form_element-checkbox [type="checkbox"]:checked + label::before, .visionbonus.container.business .form_element-checkbox [type="checkbox"]:disabled + label::before{width: 20px; height: 20px;} .visionbonus.container.business .form_element-checkbox [type="checkbox"] + label::after, .visionbonus.container.business .form_element-checkbox [type="checkbox"]:checked + label::after, .visionbonus.container.business .form_element-checkbox [type="checkbox"]:disabled + label::after{width:20px; height: 20px; top:0; left: 0;} .visionbonus.container.business .form_element-radio [type="radio"]{width:20px; height: 20px;} .visionbonus.container.business .form_element-radio [type="radio"] + label{padding-left:25px; line-height:20px; min-height: initial;} .visionbonus.container.business .form_element-radio [type="radio"] + label::before, .visionbonus.container.business .form_element-radio [type="radio"]:checked + label::before, .visionbonus.container.business .form_element-radio [type="radio"]:disabled + label::before{width: 20px; height: 20px;} .visionbonus.container.business .form_element-radio [type="radio"]:checked + label::before{background: #567BF3; border-color: #567BF3;} .visionbonus.container.business .form_element-radio [type="radio"] + label::after, .visionbonus.container.business .form_element-radio [type="radio"]:checked + label::after, .visionbonus.container.business .form_element-radio [type="radio"]:disabled + label::after{width:20px; height: 20px; top:0; left: 0;} .visionbonus.container.business .tbl-list thead th{font-weight: 700;} .visionbonus .tbl-list.grid-type {width: auto; flex: 1; display: grid; grid-template-columns:33.3% auto;} .visionbonus .tbl-list.grid-type thead, .visionbonus .tbl-list.grid-type tbody, .visionbonus .tbl-list.grid-type tr {display: contents;} .visionbonus .tbl-list.grid-type td {display: flex; flex-direction: column; justify-content: center;} .visionbonus .tbl-list.grid-type td:not(:first-child){text-align: left;} .visionbonus .tbl-list.grid-type caption {display: none;} .visionbonus .tbl-list.grid-type colgroup {display: none;} .visionbonus .tbl-list.grid-type tbody > tr + tr.rowspan-type > td:nth-child(1){grid-column: 1 / 2; grid-row: 3 / 5;} .visionbonus .tbl-list.grid-type tbody > tr + tr.rowspan-type > td:nth-child(2){grid-column: 2 / 3; grid-row: 3 / 4; border-right: none;} .visionbonus .tbl-list.grid-type tbody > tr + tr.rowspan-type > td:nth-child(3){grid-column: 2 / 3; grid-row: 4 / 5;} .visionbonus .tbl-list.grid-type tbody > tr.rowspan-type > td:nth-child(1){grid-column: 1 / 2; grid-row: 2 / 4;} .visionbonus .tbl-list.grid-type tbody > tr.rowspan-type > td:nth-child(2){grid-column: 2 / 3; grid-row: 2 / 3; border-right: none;} .visionbonus .tbl-list.grid-type tbody > tr.rowspan-type > td:nth-child(3){grid-column: 2 / 3; grid-row: 3 / 4;} .visionbonus .tbl-list.grid-type tbody > tr.rowspan-type + tr.rowspan-type > td:nth-child(1){grid-column: 1 / 2; grid-row: 4 / 6;} .visionbonus .tbl-list.grid-type tbody > tr.rowspan-type + tr.rowspan-type > td:nth-child(2){grid-column: 2 / 3; grid-row: 4 / 5;} .visionbonus .tbl-list.grid-type tbody > tr.rowspan-type + tr.rowspan-type > td:nth-child(3){grid-column: 2 / 3; grid-row: 5 / 6;} .visionbonus .box-group.twins{display: block;} .visionbonus .box-group.twins > div + div {margin-top: 24px;} .visionbonus.container.business .dot-list{margin-top:12px;} .visionbonus.container.business .dot-list > li{font-size:12px; line-height:20px;} .visionbonus.container.business .dot-list > li::after{top:7px} .visionbonus .bullet-title{display: flex; align-items: flex-start;} .visionbonus .price-box .title{font-size:14px; font-weight: 700;} .visionbonus .price-box .price-list > li{padding:0 20px;} .visionbonus .info-box{margin-bottom: 0;} .visionbonus .info-box.twins {flex-direction: column; gap:20px; align-items: flex-start;} .visionbonus .info-box.twins .box-right{display: flex; gap: 8px;} .visionbonus .info-box.twins .box-right > div { flex-basis: 50%; text-align: center;} .visionbonus .info-box.twins .box-right > div + div{margin: 0;} .visionbonus .info-box.twins.reverse{flex-direction: column-reverse; gap: 10px;} .visionbonus .info-box .bullet-title{margin-top: -4px;} .visionbonus .table-scroll + .info-box .bullet-title{margin-top: 0;} .visionbonus .info-box > .bullet{margin-left: 0; width: 100%;} .visionbonus .info-box > .bullet + .bullet{margin-top: 8px;} .visionbonus .state-list{text-align: left;} .visionbonus .state-list > li + li {padding-left:8px; margin-left: 8px;} .visionbonus .number_text{display: block;} .visionbonus .circle_num{text-align: center;} .visionbonus .table-scroll{min-width: 100px;} .visionbonus .price-box .price-list{flex-direction: column; padding:0 32px} .visionbonus .price-box .price-list > li + li {border-left: none; border-top: 1px solid #D7D7D7;} .visionbonus .title-wrap.btn-type{position: initial; padding-right:0;} .visionbonus .title-wrap.btn-type .btn-box{position: initial; margin-top:16px; text-align: left;} .visionbonus .info-tooltip{width:100%;} .btn-sum-area{position: relative; padding-bottom:52px;} .visionbonus .btn-sum.fixed {position: fixed; left: 50%; bottom: -1px; transform: translate(-50%, 0); width: 100%; margin: 0; z-index: 1000; transition: all ease .3s; border-radius:0;} .visionbonus .btn-sum{position: absolute;bottom: 0; transform: translate(-50%, 0); width: 100%; border-radius: 8px; overflow: hidden; z-index: 300;} .visionbonus .exclamation-txt > span {background: none; padding: 0; margin-top: 4px;} .visionbonus.container.business .tbl-list td{padding: 16px 8px;} /* 비전보너스 설명 - FQ 테이블 */ .visionbonus.container.business .table03 .tbl-list tbody td{line-height: 20px;} .visionbonus .table03 .tbl-list colgroup col:nth-child(1){width:34%;} .visionbonus .table03 .tbl-list colgroup col:nth-child(2){width:22%;} .visionbonus .table03 .tbl-list colgroup col:nth-child(3){width:22%;} .visionbonus .table03 .tbl-list colgroup col:nth-child(4){width:22%;} /* 비전보너스 설명 - QC 테이블 */ .visionbonus .table04 .tbl-list colgroup col:nth-child(1){width:40%;} .visionbonus .table04 .tbl-list colgroup col:nth-child(2){width:30%;} .visionbonus .table04 .tbl-list colgroup col:nth-child(3){width:30%;} /* 비전보너스 조회 - 대상자 테이블 */ .visionbonus .table06 .tbl-list colgroup col:nth-child(1){width:30%;} .visionbonus .table06 .tbl-list colgroup col:nth-child(2){width:45%;} .visionbonus .table06 .tbl-list colgroup col:nth-child(3){width:25%;} /* 비전보너스 조회 - 수혜 조건 테이블 */ .visionbonus .table07 .tbl-list colgroup col:nth-child(1), .visionbonus .table07 .tbl-list colgroup col:nth-child(2), .visionbonus .table07 .tbl-list colgroup col:nth-child(3){width:calc(100%/3)} /* 비전보너스 설명 - 보너스 계산 예시 */ .visionbonus.container.business .table05 table {table-layout: fixed;} .visionbonus.container.business .table05 table colgroup col:nth-child(1){width:90px;} .visionbonus.container.business .table05 table colgroup col:nth-child(2){width:90px;} .visionbonus.container.business .table05 table colgroup col:nth-child(3), .visionbonus.container.business .table05 table colgroup col:nth-child(4), .visionbonus.container.business .table05 table colgroup col:nth-child(5), .visionbonus.container.business .table05 table colgroup col:nth-child(6){width:180px;} /* 비전보너스 조회 - 조회 테이블 */ .visionbonus.container.business .table09 table{table-layout: fixed;} .visionbonus.container.business .table09 table colgroup col:nth-child(1){width:100px;} .visionbonus.container.business .table09 table colgroup col:nth-child(2){width:90px;} .visionbonus.container.business .table09 table colgroup col:nth-child(3), .visionbonus.container.business .table09 table colgroup col:nth-child(4), .visionbonus.container.business .table09 table colgroup col:nth-child(5){min-width:180px; width: 180px} /* 비전보너스 계산 - 계산기 테이블 */ .visionbonus.container.business .table10 table {table-layout: fixed;} .visionbonus.container.business .table10 table tr th{padding:8px 15px} .visionbonus.container.business .table10 table colgroup col:nth-child(1){width:135px;} .visionbonus.container.business .table10 table colgroup col:nth-child(2){width:85px;} .visionbonus.container.business .table10 table colgroup col:nth-child(3), .visionbonus.container.business .table10 table colgroup col:nth-child(4), .visionbonus.container.business .table10 table colgroup col:nth-child(5){min-width:250px; width: 250px} .visionbonus .diagram_inner{padding:24px;} .visionbonus .diagram_inner > div{max-width:124px;} .visionbonus .mobile-table-area{margin-top:40px;} .visionbonus .mobile-table-area .form_element-checkbox{width:100%;} .visionbonus.container.business .form_element-checkbox [type="checkbox"] + label.box-type::before, .visionbonus.container.business .form_element-checkbox [type="checkbox"]:checked + label.box-type::before, .visionbonus.container.business .form_element-checkbox [type="checkbox"]:disabled + label.box-type::before, .visionbonus.container.business .form_element-checkbox [type="checkbox"] + label.box-type::after, .visionbonus.container.business .form_element-checkbox [type="checkbox"]:checked + label.box-type::after, .visionbonus.container.business .form_element-checkbox [type="checkbox"]:disabled + label.box-type::after {display:none;} .visionbonus.container.business .form_element-checkbox [type="checkbox"] + label.box-type{width:100%; height:50px; line-height:52px; padding:0 5px; border-radius:8px; text-align: center; border: 1px solid #999; color:#999 !important; } .visionbonus.container.business .form_element-checkbox [type="checkbox"]:checked + label.box-type{color:#567BF3 !important; background:#F0F5FD; border: 1px solid #567BF3;} .visionbonus .mobile-table-area > .title-wrap{display: flex; align-items: center;} .visionbonus .mobile-table-area > .title-wrap *{flex: 1;} .visionbonus .mobile-table-area > .title-wrap span{text-align: right; font-size: 12px; color:#999; font-weight:400;} .visionbonus .mobile-table-contents .border-box{padding:20px; border-radius: 12px;} .visionbonus .mobile-table-contents .border-box > .title{display: block; font-size: 20px; color: #567BF3; font-weight: 700;} .visionbonus .mobile-table-group{display: none;} .visionbonus .mobile-table-group.active{display: block;} .visionbonus .mobile-table-group{margin-top:24px;} .visionbonus .title + .item-wrap{margin-top:12px;} .visionbonus .item-wrap + .item-wrap{margin-top:36px;} .visionbonus .item-wrap .sub-title{} .visionbonus .item-wrap .sub-title .tit{position: relative; font-size:16px; font-weight:700; padding-left:6px; color:#000; line-height:24px;} .visionbonus .item-wrap .sub-title .tit::after{content: ''; display: block; width: 2px; height:12px; background:#000; position: absolute; left:0; top:5px;} .visionbonus .item-wrap .sub-title .info{font-size:14px; color: #999; font-weight: 400;} .visionbonus .mobile-table-group .totla-wrap{position: relative; margin-top:32px; padding:32px 0 0 0;} .visionbonus .mobile-table-group .totla-wrap::after{content: ''; display: block; width:calc(100% + 40px); height: 8px; background:#eee; position:absolute; top:0; left: -20px;} .visionbonus .mobile-table-group .totla-wrap .sub-info{color:#999; font-size:12px; font-weight:400; line-height:18px;} .visionbonus .mobile-table-group .totla-wrap .total-sum span{font-size:26px; font-weight:700; color:#000; line-height: 30px;} .visionbonus .mobile-table-group .totla-wrap .total-sum .price-unit{font-size:16px; font-weight:500;} .visionbonus .mobile-table-group .totla-wrap .bullet{padding:0 8px; color: #fff; font-size:12px; font-weight:400; height:24px; line-height: 24px;} .visionbonus .mobile-table-group .totla-wrap .bullet.gray{background: #898989;} .visionbonus .mobile-table-group .totla-wrap .bullet.blue{background: #567BF3;} .visionbonus .mobile-table-group .totla-wrap .box-twin{display: flex; justify-content: space-between; align-items: center;} .visionbonus .mobile-table-group .totla-wrap .box-twin .left-box{display: flex; flex-direction: column;} .visionbonus .mobile-table-group .totla-wrap .box-twin .left-box .point-blue{margin-top:2px; font-size:12px; line-height:18px;} .visionbonus .mobile-table-group .totla-wrap .box-twin + .sub-info{margin-top:7px;} .visionbonus .mobile-table-group .total-list > li:first-child .total-sum span{font-size: 16px; font-weight: 500;} .visionbonus .mobile-table-group .total-list > li + li{border-top:1px solid #DFDFDF; margin-top:16px; padding-top:16px;} .visionbonus .mobile-table-group .total-list > li .box-twin + .box-twin{margin-top: 6px;} .visionbonus .form-list {margin-top:16px;} .visionbonus .form-list > li + li {margin-top:20px;} .visionbonus .form-list .item-name{font-size:14px; color:#111; line-height:20px; font-weight:500;} .visionbonus .form-list .item-name + .form_element-selectbox{margin-top:6px;} .visionbonus .form-list .item-name + .checkbox-wrap.twin{margin-top: 12px;} .visionbonus .form-list .item-name + .checkbox-wrap{margin-top: 6px;} .visionbonus .form-list .name-wrap{display: flex; justify-content: space-between; align-items: center;} .visionbonus .form-list .name-wrap .item-name {flex: 1 1 0; line-height:20px; font-size:14px; color:#111;} .visionbonus .form-list .name-wrap .item-cost {flex: 2 1 0; text-align: right; line-height:16px; font-size:14px; color:#999;} .visionbonus .form-list .name-wrap .item-cost .price-unit{margin-left:5px;} .visionbonus .form-list .name-wrap + .form_element-textbox{margin-top:6px;} .visionbonus .form-list .track-wrap{margin-top:6px;} .visionbonus .form-list .track{display: block; padding:0 32px 0 16px; height:48px; line-height:48px; background: #fff; border: 1px solid #d7d7d7; border-radius:10px; font-size:16px; font-weight:400;} .visionbonus .form-list .track.on{color:#111;} .visionbonus .form-list .track.off{background:#F4F4F4;} .visionbonus .form-list .track::after, .visionbonus .form-list .track::before{left: initial; right:16px;} .visionbonus .form-list .track.on::before{background: none; border:1px solid #567BF3;} .visionbonus .form-list .track.off::before{background: none; border:1px solid #ccc;} .visionbonus .form-list .track.on::after{background: url(/_ui/responsive/theme-blue/images/akl_common/business/ico_visionbonus_check_blue.png) no-repeat; background-size: 10px 7px; background-position: center center;} .visionbonus .form-list .track.off::after{background: url(/_ui/responsive/theme-blue/images/akl_common/business/ico_visionbonus_check_gray.png) no-repeat; background-size: 10px 7px; background-position: center center;} .visionbonus .form_element-selectbox .form-control{height: 48px; line-height:50px; color: #111;} .visionbonus .mobile-year-checkbox-wrap{display: flex; gap: 6px; margin-top:6px; margin-bottom: -12px;} .visionbonus .mobile-year-checkbox-wrap .form_element-checkbox{flex: 1; box-sizing: border-box;} .visionbonus .mobile-table-contents .toolTip-wrapper.tooltipNew.type-mob-full .tipCont-wrapper{left:-20px} .visionbonus .title-wrap.btn-type .btn-box{position: initial; display: flex; flex:1; gap:10px;} .visionbonus .title-wrap.btn-type .btn-box .btn{width: 100%;} .visionbonus .title-wrap.btn-type .btn-box .btn + .btn{margin: 0;} .visionbonus .sub-detail-info{display: block; margin-top:8px; padding: 12px;} .visionbonus .sub-detail-info > li{ float: none;} .visionbonus .sub-detail-info > li+ li{margin-left:0; padding-left:0; margin-top:8px; padding-top: 9px; border-top: 1px solid #D7D7D7;} .visionbonus .sub-detail-info > li+ li::after{display: none;} .visionbonus .sub-detail-info > li strong{font-size: 12px; line-height: 18px;} .visionbonus .sub-detail-info > li span{font-size: 12px; line-height: 18px;} /* 071124 추가 */ .visionbonus .sub-detail-info .sub-txt{display: block; margin-left:0; font-weight:400;} .visionbonus .sub-detail-info .number_text{display:block; margin-top: 4px;} .visionbonus .sub-detail-info .number_text > p{display: block; font-size:12px;} .visionbonus .sub-detail-info .number_text > p + p {margin-left:0; } /* 071124 추가 */ .visionbonus .price-box .title > span{font-size: 12px; line-height: 18px;} .visionbonus .radio-wrap{margin-top: 12px;} } /* E : 202406 비전보너스 신규 추가 */ /* S : 20240808 비전보너스 수정 */ .visionbonus .title-wrap .inner + .title-h3 {margin-top: 16px;} .visionbonus.container.business .dot-list.dot-no > li {padding-left: 0;} .visionbonus.container.business .dot-list.dot-no > li::after {display: none;} .visionbonus .radio-wrap {flex-wrap: wrap; row-gap: 8px; position: relative;} .visionbonus .payment-ratio {font-size: 14px; font-weight: 400; line-height: 20px; color: #567BF3; position: absolute; bottom: 0; right: 0; width: calc(100% / 3); padding-left: 25px;} .visionbonus .list-title {font-size: 14px; line-height: 24px; color: #999; letter-spacing: -.07em; font-weight: bold; margin-top: 16px;} .visionbonus .list-title + .dot-list.dot-no {margin-top: 4px;} .visionbonus .bullet-title .bullet {width: initial; min-width: 56px;} /* 20240821 추가 */ .visionbonus .visionbonus-content > .tab-content > .visionbonus-content {padding-bottom: 0;} /* 20240821 추가 */ @media (max-width: 768px) { .visionbonus .title-wrap .inner + .title-h3 {margin-top: 12px;} .visionbonus .list-title {margin-top: 12px; font-size: 12px; line-height: 20px;} } /* E : 20240808 비전보너스 수정 */ /* S : 20240816 비전보너스 계산기 화면 수정 */ .essential-txt {display: block; text-align: right; color: #111; line-height: 1; letter-spacing: -.7px; margin-bottom: 12px;} .essential-txt strong {vertical-align: sub; height: 10px; display: inline-block;} .visionbonus.container.business .table-wrap .track-wrap {display: flex; flex-direction: column; row-gap: 8px;} /* 20240816 추가 */ .visionbonus.container.business .table-wrap td.fit.fail .form_element-selectbox, .visionbonus.container.business .table-wrap td.fit.fail .form_element-textbox {text-align: right;} .visionbonus.container.business .table-wrap td.fit.fail .form_element-selectbox .form-control, .visionbonus.container.business .table-wrap td.fit.fail .form_element-textbox .form-control {border-color: #ed174c; width: calc(100% - 26px);} .visionbonus.container.business .table-wrap .track-wrap.fail {padding-left: 26px; position: relative;} .visionbonus.container.business .table-wrap .track-wrap.fail .track::after {display: none;} .visionbonus.container.business .table-wrap .track-wrap.fail .track::before {background: #fff; border: 1.5px solid #ed174c} .visionbonus.container.business .table-wrap .radio-wrap.fail {padding-left: 26px;} .visionbonus.container.business .table-wrap .radio-wrap.fail .form_element-radio [type="radio"]:not(:checked):not(:disabled) + label::before {border-color: #ed174c;} .visionbonus.container.business .table-wrap .radio-wrap.fail .form_element-radio [type="radio"]:not(:checked):not(:disabled) + label::after {display: none;} .visionbonus.container.business .table-wrap .radio-wrap.fail .payment-ratio {padding-left: 34px;} .visionbonus.container.business .toolTip-wrapper.failType {display: none;} .visionbonus.container.business .fail .toolTip-wrapper.failType {display: inline-block;} .visionbonus.container.business .track-wrap.fail .toolTip-wrapper.failType {top: 0;} /* 20240816 추가 */ .visionbonus.container.business .radio-wrap.fail .toolTip-wrapper.failType {top: 1px;} /* fail 툴팁 */ .akl .toolTip-wrapper.failType {width: 20px; position: absolute; top: calc(50% - 10px); left: 0;} .akl .toolTip-wrapper.failType .btn-tooltip {top: 0; left: 0; width: 20px !important; height: 20px !important; background: url(/_ui/responsive/theme-blue/images/akl_common/business/ico_visionbonus_exclamation_red.png) no-repeat 50% 50% / 20px;} .akl .toolTip-wrapper.failType.open .btn-tooltip::after {bottom: 27px; left: 2px;} .akl .toolTip-wrapper.failType .tipCont-wrapper .tooltip-content {min-width: max-content; padding: 8px 36px 8px 12px; margin-left: 0; left: 50%; transform: translateX(-50%); max-width: 300px;} .akl .toolTip-wrapper.failType .tipCont-wrapper .tooltip-content > p {font-size: 12px; line-height: 20px; color: #000; display: inline-block;} .akl .toolTip-wrapper.failType .tipCont-wrapper .tooltip-content .btn-close {position: absolute; top: 0; right: 0; display: inline-block; width: 36px; height: 36px; border-radius: 0 8px 8px 0; background: #fff url(/_ui/responsive/theme-blue/images/akl_common/business/ico_visionbonus_close.png) no-repeat; background-size: 16px 16px; background-position: center center;} .akl .toolTip-wrapper.failType .tipCont-wrapper .tooltip-content .btn-close > span {width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; display: block;} @media (max-width: 768px) { /* 모바일 서브 탭 메뉴 영역 */ .akl .tabWrapper.type02 {border: none; margin-top: 12px;} .akl .tabWrapper.type02 .tabs-toggles {display: flex; justify-content: space-between;} .akl .tabWrapper.type02 .tabs-toggles .tab-toggle-wrap {width: 100%;} .akl .tabWrapper.type02 .tabs-toggles .tab-toggle-wrap.active::after {display: none;} .akl .tabWrapper.type02 .tabs-toggles .tab-toggle-wrap .tab-toggle {padding: 10px 0; border: 1px solid #d7d7d7; color: #666; font-size: 14px; line-height: 1.43; letter-spacing: normal; font-weight: 500; height: auto;} .akl .tabWrapper.type02 .tabs-toggles .tab-toggle-wrap:first-child .tab-toggle {border-radius: 10px 0 0 10px;} .akl .tabWrapper.type02 .tabs-toggles .tab-toggle-wrap:last-child .tab-toggle {border-radius: 0 10px 10px 0;} .akl .tabWrapper.type02 .tabs-toggles .tab-toggle-wrap + .tab-toggle-wrap .tab-toggle {border-left: none;} .akl .tabWrapper.type02 .tabs-toggles .tab-toggle-wrap.active .tab-toggle {background: #567bf3; color: #fff; border-color: #567bf3;} .visionbonus .mobile-table-group {margin-top: 12px;} .visionbonus .mobile-table-area > .title-wrap .essential-txt {margin-bottom: 0; color: #111; font-weight: normal; line-height: 1.5; letter-spacing: -.06px;} .visionbonus .item-wrap .sub-title .tit {padding-left: 0; font-size: 18px; letter-spacing: -.5px; line-height: 28px;} .visionbonus .item-wrap .sub-title .tit::after {display: none;} .visionbonus .item-wrap + .item-wrap {margin-top: 40px;} .visionbonus .form-list .track-wrap .track + .track {margin-top: 8px;} /* 20240816 추가 */ .visionbonus.container.business .mobile-table-group .form_element-selectbox.fail, .visionbonus.container.business .mobile-table-group .form_element-textbox.fail {text-align: right;} .visionbonus.container.business .mobile-table-group .form_element-selectbox.fail .form-control, .visionbonus.container.business .mobile-table-group .form_element-textbox.fail .form-control {border-color: #ed174c; width: calc(100% - 26px);} .visionbonus.container.business .mobile-table-group .track-wrap.fail {padding-left: 26px; position: relative;} .visionbonus.container.business .mobile-table-group .track-wrap.fail .track {border-color: #ed174c;} .visionbonus.container.business .mobile-table-group .radio-wrap.fail {padding-left: 26px;} .visionbonus.container.business .mobile-table-group .radio-wrap.fail .form_element-radio [type="radio"]:not(:checked):not(:disabled) + label::before {border-color: #ed174c;} .visionbonus.container.business .mobile-table-group .radio-wrap.fail .form_element-radio [type="radio"]:not(:checked):not(:disabled) + label::after {display: none;} .visionbonus.container.business .mobile-table-group .radio-wrap.fail .payment-ratio {padding-left: 34px;} /* fail 툴팁 */ .akl .toolTip-wrapper.failType .tipCont-wrapper {max-width: calc(100vw - 42px) !important;} .akl .toolTip-wrapper.failType .tipCont-wrapper .tooltip-content {text-align: left; width: auto; max-width: calc(100vw - 30px); min-width: initial; left: 0; transform: translateX(0);} .visionbonus.container.business .track-wrap.fail .toolTip-wrapper.failType {top: 14px;} /* 20240816 추가 */ .visionbonus .mobile-table-group .total-list > li .box-twin {flex-wrap: wrap;} .visionbonus .mobile-table-group .total-list > li .box-twin .total-sum {margin-left: auto;} } /* E : 20240816 비전보너스 계산기 화면 수정 */ /* S : 20250512 ASB-12604 - New 브론즈 파운데이션 회차 달성 확인 대쉬보드 */ .sp_business.sp_business-21 {background:url(/_ui/responsive/theme-blue/images/akl_common/business/icon_business_bronze.png) 0 0 no-repeat; background-size:100% auto;} /* 브론즈 파운데이션 회차 달성 현황 */ .achieve_wrap {display:flex; gap:20px; padding-right:40px; margin-top:20px;} /* 20250522 ASB-12604 - 수정 */ /* 20250515 ASB-12604 - 수정 */ .achieve_wrap .achieve_cont {border-radius:16px;} .achieve_cont_left {width:100%; background-color:#f9f9f9; padding:40px 60px;} .achieve_cont_right {max-width:320px; background-color:#f9f5e9; padding:40px 32px;} .achieve_cont_right .achieve_desc {color:#675647; font-size:16px; font-weight:400; line-height:1.5; margin-bottom:28px;} /* 20250522 ASB-12604 - 추가 */ .achieve_year_cont {display:flex; gap:58px; padding:0 0 20px;} /* 20250515 ASB-12604 - 수정 */ .achieve_year_cont ~ .achieve_year_cont {border-top:1px solid #ededed; padding:20px 0;} .achieve_year_cont:last-child {padding-bottom:0;} .achieve_year_cont h3 {min-width:62px; color:#111; font-size:18px; font-weight:500; padding:46px 0 0; margin:0;} /* 20250515 ASB-12604 - 수정 */ .achieve_year_cont .achieve_list {display:flex; flex-wrap:wrap; gap:20px 12px;} .achieve_count_cont {display:flex; flex-wrap:wrap; gap:16px; border-bottom:1px solid #ebe7db; padding:0 0 28px; margin:0 0 28px;} /* S : 20250515 ASB-12604 - 수정 */ .achieve_count_cont .achieve_count {width:100%; background-color:#bb6d00; border-radius:12px; text-align:center; padding:16px; margin:0;} .achieve_count_cont .achieve_count h3 {color:#fff; font-size:16px; font-weight:500; line-height:1.5; padding:0; margin:0 0 4px;} .achieve_count_cont .achieve_count p {color:#fff; font-size:24px; font-weight:600; line-height:1.25; padding:0; margin:0;} .achieve_count_cont .achieve_count p span {font-size:24px; font-weight:600;} .achieve_count_cont .achieve_count:last-child {background-color:#fff;} .achieve_count_cont .achieve_count:last-child h3 {color:#bb6d00;} .achieve_count_cont .achieve_count:last-child p {color:#bb6d00;} /* E : 20250515 ASB-12604 - 수정 */ .achieve_info {} .achieve_info .achieve_info_list {display:flex; flex-wrap:wrap; gap:20px;} .achieve_info .achieve_info_list .achieve_info_item {position:relative; width:100%; color:#675647; font-size:14px; font-weight:400; line-height:1.5; padding:9.5px 0 9.5px 52px;} /* 20250522 ASB-12604 - 수정 */ .achieve_info .achieve_info_list .achieve_info_item::before {content:""; position:absolute; left:0; top:0; display:block; width:40px; height:40px; background-color:#fff; background-image:url(/_ui/responsive/theme-blue/images/akl_common/business/icon_bronze_remain_s.png); background-repeat:no-repeat; background-position:center center; background-size:28px auto; border-radius:100%;} .achieve_info .achieve_info_list .achieve_info_item.achieve_success::before {background-image:url(/_ui/responsive/theme-blue/images/akl_common/business/icon_bronze_achievement_s.png);} .achieve_info .achieve_info_list .achieve_info_item.achieve_fail::before {background-image:url(/_ui/responsive/theme-blue/images/akl_common/business/icon_bronze_nonachievement_s.png);} .achieve_info .achieve_info_list .achieve_info_item.achieve__nonuse::before {background-image:url(/_ui/responsive/theme-blue/images/akl_common/business/icon_bronze_none_s.png);} /* 브론즈 파운데이션 회차 달성 케이스별 스타일 */ .achieve_list_item {position:relative; width:120px; height:120px; color:#999; font-size:14px; font-weight:500; background-color:#fff; border-radius:16px; text-align:center; padding:82px 16px 16px 16px;} .achieve_list_item::before {content:""; position:absolute; left:50%; top:16px; transform:translateX(-50%); display:block; width:60px; height:60px; background-image:url(/_ui/responsive/theme-blue/images/akl_common/business/icon_bronze_remain.png); background-repeat:no-repeat; background-position:left top; background-size:cover;} /* S : 20250515 ASB-12604 - 수정 */ .achieve_list_item.achieve_success {color:#bb6d00;} .achieve_list_item.achieve_success::before {background-image:url(/_ui/responsive/theme-blue/images/akl_common/business/icon_bronze_achievement.png);} .achieve_list_item.achieve_fail {color:#999;} /* 20250519 ASB-12604 - 수정 */ .achieve_list_item.achieve_fail::before {background-image:url(/_ui/responsive/theme-blue/images/akl_common/business/icon_bronze_nonachievement.png);} .achieve_list_item.achieve__nonuse {color:#999;} /* 20250519 ASB-12604 - 수정 */ .achieve_list_item.achieve__nonuse::before {background-image:url(/_ui/responsive/theme-blue/images/akl_common/business/icon_bronze_none.png);} /* E : 20250515 ASB-12604 - 수정 */ @media (max-width: 950px) { .achieve_wrap {flex-wrap:wrap; padding:0; margin-top:16px;} /* 20250522 ASB-12604 - 수정 */ /* 20250515 ASB-12604 - 수정 */ .achieve_wrap .achieve_cont {padding:16px;} .achieve_cont_left {order:2; width:100%;} .achieve_cont_right {order:1; width:100%; max-width:100%;} .achieve_cont_right .achieve_desc {font-size:14px; line-height:1.45; margin-bottom:16px;} /* 20250522 ASB-12604 - 추가 */ .achieve_year_cont {flex-wrap:wrap; gap:8px;} .achieve_year_cont h3 {width:100%; font-size:16px; line-height:1.5; padding:0;} .achieve_year_cont .achieve_list {gap:8px; width:100%;} .achieve_list_item {width:calc(100% / 4 - 6px); height:auto; font-size:12px; padding:70px 9px 12px;} .achieve_list_item::before {top:16px; width:48px; height:48px;} .achieve_count_cont {flex-wrap:nowrap; gap:8px; padding-bottom:16px; margin-bottom:16px;} .achieve_count_cont .achieve_count {padding:12px;} .achieve_count_cont .achieve_count h3 {font-size:14px; margin-bottom:2px;} .achieve_count_cont .achieve_count p {font-size:20px; line-height:1.5;} .achieve_count_cont .achieve_count p span {font-size:20px;} /* S : 20250515 ASB-12604 - 수정 */ .achieve_info .achieve_info_list {flex-direction:column; gap:8px;} .achieve_info .achieve_info_list .achieve_info_item {width:100%; font-size:12px; padding:7px 0 7px 40px;} .achieve_info .achieve_info_list .achieve_info_item::before {width:32px; height:32px; background-size:20px auto;} /* E : 20250515 ASB-12604 - 수정 */ } /* E : 20250512 ASB-12604 - New 브론즈 파운데이션 회차 달성 확인 대쉬보드 */ /* S : 20250714 ASB-13007 3차 New 브론즈 파운데이션 회차 달성 확인 대쉬보드 */ .akl .sub_cont_wrap .sub_desc.red {color: #ed174c; font-weight: 500;} .akl .kit_label {min-width: 80px; width: max-content; max-width: 100%; display: flex; align-items: center; justify-content: center; padding: 5px; position: absolute; bottom: -12px; left: 50%; transform: translateX(-50%); border: 1px solid transparent; border-radius: 30px; background: transparent; color: #fff; font-size: 12px; font-weight: bold; line-height: 1; letter-spacing: normal !important;} .akl .kit_label.blue {background: #567bf3; border-color: #567bf3;} .akl .kit_label.green {background: #47d04e; border-color: #47d04e;} @media (max-width: 950px) { .akl .kit_label {bottom: -14px;} .achieve_year_cont ~ .achieve_year_cont {border-top: none; padding-top: 8px;} .achieve_year_cont .achieve_list {gap: 20px 8px;} } @media (max-width: 768px) { .akl .kit_label {min-width: 56px;} } /* E : 20250714 ASB-13007 3차 New 브론즈 파운데이션 회차 달성 확인 대쉬보드 */