@charset "utf-8";
@import url("common/fonts.css");
@import url("common/reset.css");
@import url("common/unit.css");

:root {
	--paddCommon:2.4rem;
	--paddMinusCommon:-2.4rem;
	--paddBig:3.2rem;
	--shadowStyle:0 .2rem 1rem 0 rgba(0, 0, 0, 0.15);
;} 
.padd-reset {padding-left:0 !important;padding-right:0 !important;}
.padd-md {padding-left:var(--paddCommon) !important;padding-right:var(--paddCommon) !important;}
.padd-lg {padding-left:var(--paddBig) !important;padding-right:var(--paddBig) !important;}

/* 헤더 */
.header {position:fixed;top:0;left:50%;width:100%;max-width:1440px;z-index:100;height:5rem;transform:translateX(-50%);background-color:#fff;}
.header.focus-in {position:absolute;}/* 헤더가 따라오지 않아야 할 경우 */
.header nav {display:flex;justify-content:space-between;width:100%;height:5rem;align-items:center;}
.header nav .column-set {display:flex;width:100%;height:5rem;}
.header nav .lefted-column {justify-content:flex-start;}
.header nav .righted-column {justify-content:flex-end;}
.header nav .header-btn {display:flex;align-items:center;text-indent:-999999px;font-size:0;line-height:0;background:transparent;width:100%;height:5rem;}
.header nav .header-btn::after {font-family:'allonebank';text-indent:0;line-height:1;display:block;color:#111;}
.header nav .header-btn.back-btn {padding:1rem 1.5rem;}
.header nav .header-btn.back-btn::after {content:'\f104';font-size:3rem;}
.header nav .header-btn.home-btn {padding:1rem 1.3rem;}
.header nav .header-btn.home-btn::after {content:'\e925';font-size:2.3rem;}
.header nav .header-title {overflow:hidden;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:100%;max-width:55%;font-size:1.7rem;text-align:center;color:#111;text-overflow:ellipsis;white-space:nowrap;}

/* 컨테이너 */
body.modalOn {overflow-y:hidden;height:100vh;}
.container {width:100%;height:100%;max-width:1440px;padding-top:0;margin:0 auto;}/*padding-top:5rem*/
[data-role="content"] {display:flex;flex-direction:column;justify-content:space-between;position:relative;min-height:calc(100vh - 5rem);padding:0 var(--paddCommon) 6rem;}
[data-role="content"].fixed {padding-bottom:13.4rem;}/* 고정버튼 있을 경우 */
[data-role="content"].flex-start {justify-content:flex-start;}/* 상단 정렬 */
[data-role="content"].padd-reset .tabs,
[data-role="content"].padd-reset .filter-wrap,
[data-role="content"].padd-reset .req-accordion {margin-left:0;margin-right:0}
[data-role="content"].padd-bottom-reset{padding-bottom:0}
[data-role="content"].padd-top{padding-top:3rem}
/* 컨텐츠 활용 */
.top-border-bold {padding:2.4rem 0;border-top:1rem solid #f2f2f4;}
.top-border-bold .button-group-cta {padding:2.4rem 0 0;}

/* 일러스트 포함 된 UI */
.info-top-wrap {padding-bottom:4rem;margin-top:3.4rem;}
.info-top-header {position:relative;}
.info-top-header.txt-long {padding-right:0;}
.info-top-header .title-box {margin-bottom:1rem;}
.info-top-header .title-box .title {font-size:2.8rem;line-height:3.7rem;color:#111;letter-spacing:-0.1rem;}
.sns-tag {display:flex;margin-bottom:4rem;}
.sns-tag .list-item {font-size:1.3rem;color:#737686;}
.sns-tag .list-item:not(:last-of-type) {margin-right:.5rem;}
.sns-tag .list-item::before {content:'#';}
.info-top-header .sub-typography {display:flex;margin-bottom:3.8rem;font-size:1.4rem;color:#737686;}
.info-top-content .img-box {position:relative;max-width:35rem;margin:0 auto;}
.info-top-content .img-box img {display:block;}
.info-top-content .text-box {margin-top:1.8rem;}
.info-top-content .text-box .text {display:block;font-size:1.4rem;color:#111;text-align:center;}
.info-top-content .text-box .logo img {display:block;height:1.4rem;margin:0.8rem auto 0}
/* 일러스트 포함 된 UI - 서브메인 case */
.info-top-wrap.sub {padding-bottom:1rem;}
.info-top-wrap.sub .info-top-header .title-box .title {font-size:2.2rem;line-height:3rem;color:#111;letter-spacing:-0.1rem;}
.info-top-wrap.sub .info-top-content .img-box {overflow:hidden;position:relative;height:11rem;max-width:31.2rem;margin:0 auto}
.info-top-wrap.sub .info-top-content .img-box.free-size {max-width:35rem;height:auto}
/* 일러스트 포함 된 UI - 서브메인 내역 없는 작은 case */
.info-top-wrap.sub.none-set {padding-bottom:0;margin-top:0rem;}
.info-top-wrap.sub.none-set .info-top-header .title-box .title {font-size:2.2rem;line-height:3rem;color:#111;letter-spacing:-0.1rem;}
.info-top-wrap.sub.none-set .info-top-content .img-box {overflow:visible;position:relative;height:auto}
.info-top-wrap.sub.none-set .info-top-content .img-box img {display:block;max-width:31.2rem;margin:0 auto;}
.tab-content .info-top-wrap.sub {margin-top:0rem;}

/* 공통 - 제목 */
h1,.h1 {font-size:2.8rem;font-weight:bold;color:#111;line-height:4rem;}
h2,.h2 {font-size:2.2rem;font-weight:bold;color:#111;line-height:2.9rem;}
h3,.h3 {font-size:2rem;font-weight:bold;color:#111;line-height:2.7rem;}
h4,.h4 {font-size:1.8rem;font-weight:bold;color:#111;line-height:2.7rem;}
h5,.h5 {font-size:1.7rem;font-weight:bold;color:#111;line-height:2.6rem;}
h6,.h6 {font-size:1.6rem;font-weight:normal;color:#111;}
/* ETC */
.h1.text-22{line-height:3rem}

/* 본문제목영역 */
.title-wrap {margin:2rem 0;}
.title-wrap.with-button {display:flex;justify-content:space-between;align-items:center;}
.title-wrap.border-bottom {padding-bottom:2rem;border-bottom:1px solid #e0e0e4;}
.title-wrap .text {font-size:1rem;}

[class^="text-highlight-"] {position:relative;font-weight:bold;font-size:inherit;color:inherit;}
[class^="text-highlight-"]::after {content:'';display:inline-block;position:absolute;bottom:0;left:0;z-index:-1;width:100%;height:1.2rem;}
.text-highlight-step1::after {background-color:#fff89c;} /*1st*/
.text-highlight-step2::after {background-color:#dffda2;} /*2nd*/
.text-highlight-step3::after {background-color:#b6fba9;} /*3rd*/
.text-highlight-step4::after {background-color:#b4f6d1;} /*4th*/
.text-highlight-step5::after {background-color:#b4f6ec;} /*5th*/
.text-highlight-step6::after {background-color:#b5e9fc;} /*6th*/
.text-highlight-step7::after {background-color:#b5bafc;} /*7th*/
.text-highlight-step8::after {background-color:#dbb5fc;} /*8th*/
.text-highlight-step9::after {background-color:#fcb5f3;} /*9th*/
.text-highlight-step10::after {background-color:#fcb5d6;} /*10th*/

/* 공통 - 인풋체크, 라디오 */
/* 체크박스 */
[class^="form-check"] {display:flex;flex:1;flex-wrap:wrap;position:relative;padding:0;margin:0;align-items:center;}
[class^="form-check"]:not(:first-of-type) {margin-top:1.5rem;}
.check-input {position:absolute;width:2.8rem;height:2.8rem;top:0;left:0;z-index:50;opacity:0;}
.check-input + label {display:flex;position:relative;width:auto;margin:0;line-height:2rem;font-size:1.7rem;align-items:center;word-wrap:break-word;word-break:keep-all;white-space:normal;}
.check-input + label::before {content:'';display:inline-block;flex:0 0 auto;overflow:hidden;width:2.8rem;height:2.8rem;margin-right:0.7rem;border:1px solid #e0e0e4;font-size:0;text-indent:-99999px;border-radius:50%;background-color:#fff;}
.check-input + label::after {display:block;position:absolute;top:50%;transform:translateY(-50%);width:2.8rem;height:1.8rem;color:#e0e0e4;text-align:center;font-family:'allonebank';}
.check-input:checked + label::before {width:2.8rem;height:2.8rem;border-color:#05a5ab;border-radius:50%;background-color:#05a5ab;}
.check-input:checked + label::after {color:#fff;}
.check-input[type="checkbox"] + label::after {content:'\e92b';font-size:2.8rem;left:0;}
/* 라디오 */
.check-input[type="radio"] + label::after {content:'';}
.check-input[type="radio"]:checked + label::after {left:0.6rem;width:1.5rem;height:1rem;content:'\e973';font-size:1.8rem;line-height:1rem;}
.form-group-inline [class^="form-check"] {display:inline-flex;align-items:center;margin-top:1.4rem;margin-right:.5rem;min-width:8.4rem;flex:0 0 auto;}
/* 비활성화 */
input[type="checkbox"]:disabled + label::before, 
input[type="checkbox"][readonly] + label::before, 
input[type="radio"]:disabled + label::before, 
input[type="radio"][readonly] + label::before {background-color:#f2f2f4;border-color:#e0e0e4;}
input[type="checkbox"]:disabled:checked + label::before, 
input[type="checkbox"][readonly]:checked + label::before, 
input[type="radio"]:disabled:checked + label::before, 
input[type="radio"][readonly]:checked + label::before {background-color:rgba(8, 134, 42, .4);border-color:transparent;}
/* 스위치 형태 체크박스 */
.form-switch {position:relative;display:inline-block;width:4.6rem;height:2.6rem;}
.switch-input {position:absolute;width:100%;height:100%;z-index:10;top:50%;left:0;opacity:0;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.switch-input + label {position:absolute;color:transparent;top:50%;left:0;width:4.6rem;height:2.6rem;background:#989da9;border-radius:1.4rem;margin-bottom:0;transform:translateY(-50%);-webkit-transform:translateY(-50%);z-index:1;}
.switch-input + label::after {content:'';position:absolute;left:0.1rem;top:0.1rem;width:2.4rem;height:2.4rem;background:#fff;border-radius:50%;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.switch-input:checked + label {background:#05a5ab;}
.switch-input:checked + label::after {left:2.1rem;}
.switch-input:disabled + label {opacity:0.2;}

/* 공통 - 리스트 */
/* 리스트만 사용 될 경우 */
.listgroup-wrap:not(:first-of-type) {margin-top:4rem;}
.listgroup-wrap .listgroup-title {margin-bottom:0.9rem;}
/* 조합에 사용될 리스트 */
.list-group {display:flex;flex-direction:column;padding:0;margin:0;}
[class^="listbox"] {position:relative;}
[class^="listbox"] + [class^="listbox"] {border-top:0 !important;}
[class^="listbox"] + .p-notelist {margin-top:1rem;}
[class^="listbox"]:not(.listbox-agreement) {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:stretch;padding:1rem 0;border-top:1px solid #e0e0e4;border-bottom:1px solid #e0e0e4;}
[class^="listbox"]:not(.listbox-agreement) [class^="list-"] {padding:0.3rem 0;}
.list-item {position:relative}
.list-item a:not(.btn-text) {display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1rem;}
.listbox .list-title {flex:1 0 40%;max-width:40%;text-align:left;color:#646873;}
.listbox .list-item {flex:1 0 100%;max-width:100%;}
.listbox .list-title ~ .list-item {flex:3 0 60%;max-width:60%;text-align:right;color:#111;}
.listbox .list-title ~ .list-item a {display:inline-flex;padding:0;justify-content:flex-end;}
.list-item.position-none{position:static}
.listbox .list-title.visualhide + .list-item{display:flex;flex:1 0 100%;width:100%;max-width:100%;color:#646873}
.listbox-reverse .list-title {flex:1 0 60%;max-width:60%;}
.listbox-reverse .list-title ~ .list-item {flex:1 0 40%;max-width:60%;text-align:right;color:#111;}
.listbox.border-top-none {border-top:0}
.accordion .listbox {border:0;padding:0;}
.accordion .listbox dd.list-item,
.accordion .listbox dd.list-item:last-of-type {border:0;}
/* 블릿 리스트 */
.p-notelist .list-item {position:relative;padding-left:1rem;color:#646873;font-size:1.4rem;line-height:2.5rem;white-space:normal;word-break:keep-all;word-wrap:break-word;}
.p-notelist .list-item:not(:first-of-type) {margin-top:1rem;}
.p-notelist .list-item::before {content:'';display:inline-block;position:absolute;left:0;top:1rem;width:0.3rem;height:0.3rem;border-radius:50%;background-color:#646873;}
/* 데쉬 리스트 */
.dash-list li {position:relative;padding-left:1rem;font-size:1.4rem;}
.dash-list li::before {content:'-';position:absolute;left:0;top:0;font-size:inherit;color:inherit;}
/* 블릿 in 데쉬 리스트 */
.p-notelist .dash-list {padding:0;}
/* 쇼,하이드 리스트 */
[class^="listbox"].fold [class^="list-"] {opacity:0;max-height:0;-webkit-transition:all .4s ease;transition:all .4s ease;}
[class^="listbox"].fold .list-item a {display:inline-flex;padding:0;}
/* fold default - 4개 노출 / xs - 2개 노출 / sm - 3개 노출 / md - 5개 노출 / lg - 6개 노출 */
[class^="listbox"].fold .list-title:nth-of-type(-n+4),
[class^="listbox"].fold .list-item:nth-of-type(-n+4),
[class^="listbox"].fold.expand .list-title:nth-of-type(n+5),
[class^="listbox"].fold.expand .list-item:nth-of-type(n+5),
[class^="listbox"].fold.md .list-title:nth-of-type(-n+5),
[class^="listbox"].fold.md .list-item:nth-of-type(-n+5),
[class^="listbox"].fold.md.expand .list-title:nth-of-type(n+6),
[class^="listbox"].fold.md.expand .list-item:nth-of-type(n+6),
[class^="listbox"].fold.lg .list-title:nth-of-type(-n+6),
[class^="listbox"].fold.lg .list-item:nth-of-type(-n+6),
[class^="listbox"].fold.lg.expand .list-title:nth-of-type(n+7),
[class^="listbox"].fold.lg.expand .list-item:nth-of-type(n+7) {opacity:1;max-height:9rem;padding:0.7rem 0;}
[class^="listbox"].fold.sm .list-title:nth-of-type(n+4),
[class^="listbox"].fold.sm .list-item:nth-of-type(n+4) {opacity:0;max-height:0;padding:0;}
[class^="listbox"].fold.sm.expand .list-title:nth-of-type(n+4),
[class^="listbox"].fold.sm.expand .list-item:nth-of-type(n+4) {opacity:1;max-height:9rem;padding:0.7rem 0;}
[class^="listbox"].fold.xs .list-title:nth-of-type(n+3),
[class^="listbox"].fold.xs .list-item:nth-of-type(n+3) {opacity:0;max-height:0;padding:0;}
[class^="listbox"].fold.xs.expand .list-title:nth-of-type(n+3),
[class^="listbox"].fold.xs.expand .list-item:nth-of-type(n+3) {opacity:1;max-height:9rem;padding:0.7rem 0;}
[class^="listbox"].fold.all [class^="list-"] {opacity:0;max-height:0;padding:0;}
[class^="listbox"].fold.all.expand [class^="list-"] {opacity:1;max-height:9rem;padding:0.7rem 0;}
/* listbox.each = show, hide 선택 */
[class^="listbox"].fold.each [class^="list-"] {opacity:1;max-height:9rem;padding:0.7rem 0;}
[class^="listbox"].fold.each [class^="list-"].list-hide {opacity:0;max-height:0;padding:0;}
[class^="listbox"].fold.expand.each [class^="list-"] {opacity:1;max-height:9rem;padding:0.7rem 0;}
[class^="listbox"].fold.each + [class^="listbox"].fold.each {padding:0;border-bottom:0;}
[class^="listbox"].fold.each + [class^="listbox"].fold.each.expand {padding:1.5rem 0;border-bottom:1px solid #e0e0e4}
/* 내역 리스트 */
[class^="archive-"] {display:flex;flex-wrap:wrap;position:relative;}
.archive-list,
.archive-group {flex-direction:column;}
.archive-list > .list-item {display:inline-flex;padding:1.8rem 2rem 2.4rem;border-bottom:1px solid #f2f2f4;}
.archive-list > .list-item:last-child {border-bottom:0}
.archive-list > .list-item .form-group {width:100%;}
.archive-list > .list-item .form-group:last-of-type {margin-bottom:0;}
.archive-list > .list-item .form-group label {margin-left:4rem;width:calc(100% - 4rem);}
.archive-list > .list-item .form-group .check-input {width:100%;height:100%;}
.archive-list > .list-item .form-group .check-input + label::before {position:absolute;top:0.8rem;left:-4rem;}
.archive-list > .list-item .form-group .check-input[type="checkbox"] + label::after {top:1.4rem;-webkit-transform:none;transform:none;left:-4rem;}
.archive-list .archive-header .msg-display {color:#111;}
.archive-list .blue-count .archive-header .msg-display,
.archive-list .blue-count .balance {color:#2c6dd4;}
.archive-list .red-count .archive-header .msg-display,
.archive-list .red-count .balance {color:#ec0c0c;}
.filter-wrap + .archive-list {margin:-0.1rem var(--paddMinusCommon) 0;}
.filter-wrap + .listgroup-wrap {margin:0;}
.filter-wrap + .listgroup-wrap .listbox:first-child {border-top:0;}
.tab-content.static-type .filter-wrap{padding:0.8rem 0;margin:4rem 0 0;border-top:0}

.archive-group {flex:1;}
.archive-group + .archive-group {margin-top:5rem;}
.archive-header {justify-content:space-between;align-items:center;width:100%;}
.archive-content {width:100%;}
.archive-date,
.msg-display {font-size:1.4rem;color:#737686}
.archive-option {align-items:center;}
.archive-option .more,
.archive-option .arrow-right {margin-right:-0.9rem;z-index:200;}
.archive-option .list-item {padding:0;}
.archive-option .list-item:first-child {border-top:0;}
.archive-option .more-layer .list-item:last-child {border-bottom:0;border-top:0;}
.archive-option .list-item a {flex:1 0 auto;font-size:1.5rem;padding:1.4rem 2rem;color:#111;font-weight:bold;text-align:left;}
.archive-user {max-width:16rem;color:#111;}
.archive-user .phone-info {font-size:1.4rem;color:#111;}
.archive-user > * {margin-top:0.2rem;}
.archive-user > [class$="-info"] {width:100%;}
.archive-subject {max-width:20rem;color:#111;}
.archive-subject .subject-txt {font-size:1.8rem;padding:0.8rem 0 0;}
.archive-subject .subject-txt, .archive-user .user-name {margin-right:0.7rem;max-width:100%;font-size:1.6rem;font-weight:bold;color:#111;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.archive-info {color:#989da9;font-size:1.3rem;}
.archive-detail-info {justify-content:space-between;flex:1 0 100%;}
.archive-detail-info .account-text {justify-content:space-between;flex-direction:column;flex:1 0 100%;}
.archive-detail-info .account-text span:not(:first-child) {margin-left:.6rem}
.archive-detail-info .form-group {width:auto;}
.archive-detail-info .balance ~ [class^="button-group"] {margin-top:0.4rem;}
.archive-footer .archive-footer-right .balance,
.archive-detail-info .balance {width:auto;max-width:12.8rem;padding-right:1.4rem;font-weight:bold;color:#111;}
.archive-footer .archive-footer-right .balance:after,
.archive-detail-info .balance::after {bottom:inherit;top:0;right:0;font-size:1.6rem;color:inherit;}
.archive-detail-info .balance span {overflow:hidden;min-width:100%;white-space:nowrap;text-overflow:ellipsis;}
.archive-detail-info .balance.etc-amount {width:100%;min-width:100%;padding-right:1.3rem;font-size:1.4rem;font-weight:normal;color:#737686;text-align:right;}
.archive-detail-info .balance.etc-amount::after {font-size:1.4rem;}
.archive-account {flex:1 0 100%;width:100%;margin-top:0.2rem;}
.archive-account [class^="account-"] {font-size:1.4rem;}
.archive-account .account-title {margin-right:0.4rem;}
.archive-footer {justify-content:flex-end;width:100%;}
.archive-footer .button-group {justify-content:flex-end;padding-top:1.5rem;width:calc(100% - 3.2rem);}
.archive-footer .button-group .btn {flex:0 0 auto;z-index:200;}
.archive-footer .button-group .btn:not(:last-of-type) {margin-right:0.4rem;}
.archive-footer .archive-info {font-size:1.4rem;color:#bdbdbd;}
.archive-footer .balance {color:#bdbdbd;}
/* 공통 - 툴팁 */
.tooltip-group {position:relative;display:flex;align-items:center;}
.tooltip-group label {width:auto;font-size:1.4rem;}
.tooltip-group.text-center {justify-content:center;}
.tooltip-group label {margin-bottom:0;}
/* 툴팁이 상단 큰 영역에 들어갈 경우 (제목 마크업 안에 넣으세요) */
.tooltip-group.heading {display:inline-flex;width:100%;}
.tooltip-group.heading .tooltip-item{padding:0;vertical-align:2.2rem}
.tooltip-group.heading .tooltip-item [class^="btn-icon"]{padding:0;}
.tooltip-group.heading .tooltip-item .tooltip-layer{top:3rem;bottom:auto;font-weight:normal}
.tooltip-group.heading .text-22 .tooltip-item{padding:0;vertical-align:1.9rem}
.tooltip-group.heading .text-22 .tooltip:after{width:2.2rem;height:2.2rem;line-height:2.2rem;font-size:2.2rem;}
.tooltip-item {display:inline-flex;}
.tooltip-layer {display:none;position:absolute;top:3rem;left:0;z-index:210;min-width:2.8rem;width:100%;line-height:2rem;padding:1.4rem 4rem 1.4rem 2rem;border:1px solid #adafb5;border-radius:0.6rem;font-size:1.4rem;text-align:left;background-color:#fff;}
.p-notelist .tooltip-layer {width:calc(100vw - 4rem);left:-0.625rem;}
.tooltip-layer.layer-up {top:auto;bottom:3rem;}
.tooltip-layer .close {position:absolute;top:1.4rem;right:1rem;width:1.6rem;height:1.6rem;font-size:1.6rem;}
.tooltip-layer .close::after {position:absolute;left:0;top:0;width:1.6rem;height:1.6rem;font-size:1.6rem;}
/* 공통 - 데이터 없음 */
.no-data {padding:6rem 0;font-size:2rem;color:#111;text-align:center;font-weight:bold;}
.no-data > .tooltip-group {justify-content:center;font-weight:normal}
.listgroup-wrap .no-data {border-top:1px solid #e0e0e4;border-bottom:1px solid #e0e0e4;}
/* 결과 리스트 */
.result-info {padding:1.4rem 2.4rem;font-size:1.4rem;color:#111;}
.list-group .listbox-result {display:flex;flex-direction:column;padding:0;border-top:0;border-bottom:1px solid #e0e0e4;}
.list-group .listbox-result [class^="list-"] {padding:0;}
.list-group .listbox-result .list-item a {display:block;padding:1.6rem 2.4rem;border-top:1px solid #e0e0e4;}
.list-group .listbox-result [class$="-info"] {display:flex;flex-wrap:wrap;flex:1 0 100%;font-size:1.4rem;color:#111;}
.list-group .listbox-result [class$="-info"]:not(:only-child):not(:first-child) {margin-top:0.2rem;color:inherit;}
.list-group .listbox-result .address-info:not(:only-child) + .address-info:not(:first-child) {margin-top:0.8rem;}
.list-group .listbox-result [class$="-info"] span:not(.badge):not(.box-tag) {flex:1 0 100%;}
.list-group .listbox-result .postal-code {font-size:1.4rem;color:#05a5ab;}
.list-group .listbox-result .result-content {display:flex;flex-wrap:wrap;}
.list-group .listbox-result .branch-info,
.list-group .listbox-result .team-info {color:#111;}
.list-group .listbox-result .branch-info {font-size:1.4rem;}
.list-group .listbox-result .team-info:first-child,
.list-group .listbox-result .branch-info:first-child {font-weight:bold;}
.result-content ~ .postal-code {padding-left:1.4rem;}
/* 선택 리스트 */
[class^="bank-list"],
[class^="country-list"] {display:flex;flex-wrap:wrap;}
[class^="bank-list"] .list-item,
[class^="country-list"] .list-item {display:flex;justify-content:space-between;padding:1.5rem 0;flex:1 1 50%;}
[class^="bank-list"] .list-item > a,
[class^="country-list"] .list-item > a {display:flex;justify-content:flex-start;padding:0;font-size:1.4rem;color:#111;}
[class^="bank-list"] [data-bankcode],
[class^="country-list"] [data-countrycode] {padding:0;align-items:center;}
[class^="listbox"] .bank-list {line-height:2rem;}
[class^="listbox"] .bank-list [data-bankcode] {margin-right:0.4rem;}
/* 속성 데이터 뱅크 */
[class^="bank-list"] [data-bankcode] .account-display .user-name {font-size:1.8rem;color:#111;font-weight:bold;}
[class^="bank-list"] [data-bankcode] .account-display .account-name,
[class^="bank-list"] [data-bankcode] .account-display .user-name + .account-info {color:#646873;}
[class^="bank-list"] [data-bankcode] .account-display .account-name + .account-info {order:-1;}
[class^="bank-list"] .button-group {margin-right:-1rem;}
[class^="bank-list"] .button-group a {padding:0.8rem 0.2rem;}
[class^="bank-list"] + .button-group-reset {margin-top:1.6rem;}
.bank-list-column .list-item {padding:2rem 2.4rem;border-bottom:1px solid #e0e0e4;flex:1 1 100%;}
.bank-list-column [data-bankcode]::before {width:2.8rem;height:2.8rem;margin-right:1.6rem;}
/* 은행 세팅 */
.account-display {display:flex;flex-wrap:wrap;flex-direction:column;}
.account-info {font-weight:bold;color:#111;font-size:1.8rem;}
.account-info span {display:inline-block;}
.account-info .break-ellipsis {max-width:20rem;}
.account-name {font-size:1.5rem;color:#646873;letter-spacing:-0.025rem;}
.account-title,
.account-number {font-size:1.4rem;}
.account-balance {display:flex;flex:1;min-height:2.6rem;text-align:right;align-items:flex-end;}
.account-balance dl,
.account-limit {display:flex;flex-direction:column;justify-content:space-around;}
.account-limit dl {display:flex;align-items:center;}
.account-balance dl {justify-content:space-between;flex:1 0 100%;width:100%;}
.account-balance dt,
.account-limit dt,
.account-balance dd,
.account-limit dd {font-size:1.4rem;line-height:1.8rem;}
.account-balance dt,
.account-limit dt {padding-right:0.4rem;color:#05a5ab;}
.account-limit span,
.account-balance span {font-size:1.5rem;font-weight:bold;}
.account-limit span::after,
[class^="account-"] .balance::before,
[class^="account-"] .balance::after {display:inline-block;}
[class^="account-"] .balance::after {right:0;bottom:0;}
.account-limit .balance {flex:1;padding-right:1.5rem;color:#05a5ab;}
.account-limit .balance::after {position:static;line-height:1.8rem;font-size:1.4rem;color:#05a5ab;}
.account-balance div:not(.balance),
.account-balance > button {max-width:8.8rem;}
.account-balance .balance {justify-content:flex-end;}
.account-balance .balance span {font-size:1.8rem;}
.account-balance .balance::before {content:attr(data-display);display:block;font-size:1.3rem;}
.account-balance .balance::before,
.account-balance .balance::after {position:static;}
.account-balance .balance:only-of-type:only-child {flex:1 0 100%;justify-content:flex-end;width:100%;}
.account-display-archive {padding:1.6rem 0;border-top:1px solid #dee2e6;border-bottom:1px solid #dee2e6;}
h4 + .account-display-archive {margin-top:1.2rem;margin-bottom:1.6rem;}
.form-info.account-balance dl {justify-content:flex-start;width:auto;flex:1 0 auto;}
.badge-trans-blue {display:inline-block;padding:0 .6rem;background-color:#eff4fc;font-weight:bold;font-size:1.3rem;border-radius:1.4rem;}
.account-name .badge-trans-blue {margin:0.1rem 0.8rem 0.1rem 0;}
/* 은행 & 통화 선택 */
*[data-bankcode],
*[data-countrycode] {display:inline-flex;position:relative;}
*[data-bankcode]::before,
*[data-countrycode]::before {position:relative;width:2rem;height:2rem;display:block;content:'';transform:none;top:inherit;left:inherit;z-index:-1;margin-right:0.7rem;border-radius:50%;overflow:hidden;flex:0 0 auto;}
*[data-bankcode].btn-select,
*[data-countrycode].btn-select {padding:0.8rem 0;font-size:1.6rem;}
*[data-bankcode].btn-select::before,
*[data-countrycode].btn-select::before {margin-right:0.7rem;}
*[data-bankcode].btn-select span,
*[data-countrycode].btn-select span {display:block;width:10rem;text-align:left;font-weight:bold;padding-right:1.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
*[data-bankcode].bankTxt {padding-left:2.4rem;}
.bankTxt,
.bankTxt ~ span em {font-size:1.4rem;}
/* 은행 로고 */
*[data-bankcode="002"]::before {background:url('/allone/img/ci/ci_kdb.svg') no-repeat;}/* 산업은행 bankcode=002 */
*[data-bankcode="003"]::before {background:url('/allone/img/ci/ci_ibk.svg') no-repeat;}/* 기업은행 bankcode=003 */
*[data-bankcode="004"]::before {background:url('/allone/img/ci/ci_kb.svg') no-repeat;}/* 국민은행 bankcode=004 */
*[data-bankcode="007"]::before {background:url('/allone/img/ci/ci_suhyup.svg') no-repeat;}/* 수협 bankcode=007 */
*[data-bankcode="011"]::before {background:url('/allone/img/ci/ci_nh.svg') no-repeat;}/* 농협 bankcode=011 */
*[data-bankcode="012"]::before {background:url('/allone/img/ci/ci_nh.svg') no-repeat;}/* 농협 bankcode=012 */
*[data-bankcode="020"]::before {background:url('/allone/img/ci/ci_woori.svg') no-repeat;}/* 우리은행 bankcode=020 */
*[data-bankcode="023"]::before {background:url('/allone/img/ci/ci_sc.svg') no-repeat;}/* sc제일은행 bankcode=023 */
*[data-bankcode="027"]::before {background:url('/allone/img/ci/ci_citi.svg') no-repeat;}/* 한국씨티은행 bankcode=027 */
*[data-bankcode="031"]::before {background:url('/allone/img/ci/ci_dgb.svg') no-repeat;}/* 대구은행 bankcode=031 */
*[data-bankcode="032"]::before {background:url('/allone/img/ci/ci_bnk.svg') no-repeat;}/* 부산은행 bankcode=032 */
*[data-bankcode="034"]::before {background:url('/allone/img/ci/ci_jb.svg') no-repeat;}/* 광주은행 bankcode=034 */
*[data-bankcode="035"]::before {background:url('/allone/img/ci/ci_shinhan.svg') no-repeat;}/* 제주은행 bankcode=035 */
*[data-bankcode="037"]::before {background:url('/allone/img/ci/ci_jb.svg') no-repeat;}/* 전북은행 bankcode=037 */
*[data-bankcode="039"]::before {background:url('/allone/img/ci/ci_bnk.svg') no-repeat;}/* 경남은행 bankcode=039 */
*[data-bankcode="045"]::before {background:url('/allone/img/ci/ci_kfcc.svg') no-repeat;}/* 새마을금고 bankcode=045 */
*[data-bankcode="048"]::before {background:url('/allone/img/ci/ci_cu.svg') no-repeat;}/* 신협 bankcode=048 */
*[data-bankcode="050"]::before {background:url('/allone/img/ci/ci_sb.svg') no-repeat;}/* 상호저축 bankcode=050 */
*[data-bankcode="054"]::before {background:url('/allone/img/ci/ci_hsbc.svg') no-repeat;}/* HSBC bankcode=054 */
*[data-bankcode="055"]::before {background:url('/allone/img/ci/ci_doichi.svg') no-repeat;}/* 도이치 bankcode=055 */
*[data-bankcode="057"]::before {background:url('/allone/img/ci/ci_jpmorgan.svg') no-repeat;}/* JP모건 bankcode=057 */
*[data-bankcode="060"]::before {background:url('/allone/img/ci/ci_boa.svg') no-repeat;}/* 뱅크오브아메리카 bankcode=060 */
*[data-bankcode="061"]::before {background:url('/allone/img/ci/ci_bnp.svg') no-repeat;}/* BNP파리바 bankcode=061 */
*[data-bankcode="062"]::before {background:url('/allone/img/ci/ci_icbc.svg') no-repeat;}/* 중국공상은행 bankcode=062 */
*[data-bankcode="063"]::before {background:url('/allone/img/ci/ci_china.svg') no-repeat;}/* 중국은행 bankcode=063 */
*[data-bankcode="064"]::before {background:url('/allone/img/ci/ci_nfcf.svg') no-repeat;}/* 산림조합 bankcode=064 */
*[data-bankcode="067"]::before {background:url('/allone/img/ci/ci_ccb.svg') no-repeat;}/* 중국건설은행 bankcode=067 */
*[data-bankcode="071"]::before {background:url('/allone/img/ci/ci_epost.svg') no-repeat;}/* 우체국 bankcode=071 */
*[data-bankcode="081"]::before {background:url('/allone/img/ci/ci_hana.svg') no-repeat;}/* 하나은행 bankcode=081 */
*[data-bankcode="088"]::before {background:url('/allone/img/ci/ci_shinhan.svg') no-repeat;}/* 신한은행 bankcode=088 */
*[data-bankcode="089"]::before {background:url('/allone/img/ci/ci_kbank.svg?ver=0.0.1') no-repeat;}/* 케이뱅크 bankcode=089 */
*[data-bankcode="090"]::before {background:url('/allone/img/ci/ci_kakao.svg') no-repeat;}/* 카카오뱅크 bankcode=090 */
*[data-bankcode="092"]::before {background:url('/allone/img/ci/ci_toss.svg') no-repeat;}/* 토스은행 bankcode=092 */
/* 출금계좌플레이트 */
.accountbox-container {flex-direction:column;padding:1.7rem 2rem;margin-top:1rem;border:1px solid #e0e0e4;border-radius:.25rem;}
.account-detail-info,
.account-detail-info > a {display:flex;justify-content:space-between;flex:1 1 100%;}
.account-detail-info {flex-direction:column;}
.account-detail-info i {font-size:2rem;color:#111;}
.accountbox-footer,
.accountbox-footer .button-group {margin-top:0.8rem;}
.accountbox-footer .button-group .btn {flex:1;}
/* 보드형 리스트 */
[class^="board-"] {display:flex;flex-direction:column;}
[class^="board-"] > .list-item {display:flex;border-top:1px solid #e0e0e4;}
[class^="board-"] > .list-item:last-of-type {border-bottom:1px solid #e0e0e4;}
[class^="board-"] .list-item > a:not([class^="btn-"]) {padding:0;width:100%;}
[class^="board-"] .list-item a[class^="btn-"] {position:absolute;right:1.8rem;top:2.4rem;}
[class^="board-"] .list-item [class$="-display"] {width:100%;padding:2rem;}
[class^="board-"] .list-item [class$="-display"] [class$="-info"] {max-width:19.4rem;}
[class^="board-"] .list-item a [class$="-display"] [class$="-info"] {max-width:100%;}
[class^="board-"] .list-item a [class$="-display"] [class$="-thumb"] {flex:0 0 auto;}
[class$="-display"] [class$="-header"] {display:flex;align-items:center;justify-content:space-between;}
[class^="board-"] [class$="-header"] [class^="button-group"] {margin-right:-1.4rem;justify-content:flex-end;width:auto;margin-top:-0.4rem;}
[class^="board-"] [class$="-header"] [class^="button-group"] a {padding:0 0.8rem;}
[class^="board-"] .list-item [class$="-header"]:not(.contact-header) .button-group {align-items:flex-start;}
[class^="board-"] .archive-header {padding:2rem;}
[class^="board-"] .archive-footer {justify-content:flex-start;padding:0 2.4rem;}
[class^="board-"] .archive-footer .button-group {width:100%;padding:0.6rem 0 2rem;}
[class^="board-"] .archive-footer .button-group .btn {flex:1 0 auto;}
.top-border [class^="board-"] > .list-item:first-of-type {border-top:0;}
[class^="board-"] .alloneMember::before {content:'';width:0.8rem;height:0.8rem;display:block;border-radius:50%;overflow:hidden;background:#05a5ab;position:absolute;top:2.6rem;left:2.4rem;}
[class$="-list-column"] .button-group {max-width:8rem;}
[class$="-list-column"] .button-group a {padding:0.8rem 0.2rem;}
.board-list-column .button-group {max-width:6rem;padding-right:2rem;justify-content:flex-end;z-index:105;}
[class^="board-"] .list-item.checked {background:#dff9fa;background-color:#defae0;}
/* 쇼,하이드 리스트 - 카드 + 그림자 리스트 */
.archive-list.shadow-type > .list-item {padding:2.2rem 2rem;border:0;border-radius:0.4rem;box-shadow:var(--shadowStyle);}
.archive-list.shadow-type > .list-item:not(:first-of-type) {margin-top:2rem;}
.archive-list.shadow-type > .list-item.add-border {border:1px solid #e0e0e4}
.archive-list.shadow-type .archive-header .account-info {font-size:1.8rem;color:#111;}
.archive-list.shadow-type .archive-content .archive-account {display:block;width:100%;margin-top:1.5rem;color:#111;text-align:right;}
.archive-list.shadow-type .archive-content .archive-account .listgroup-wrap {padding:0;}
.archive-list.shadow-type .archive-content .archive-account .listgroup-wrap .listbox {padding:0;border-top:0;border-bottom:1px solid #e0e0e4;}
.archive-list.shadow-type .archive-content .archive-account .listgroup-wrap .listbox.fold.expand {padding:0 0 2.1rem;}
.archive-list.shadow-type .archive-footer [class^="button-group"] {padding:0.5rem 0 0;margin-top:0;}
/* 약관동의 리스트 */
.listbox-agreement:not(:first-child) {margin-top:2rem}
.listbox-agreement a {position:relative;width:100%;}
.listbox-agreement + [class^="text"] {margin-top:2.3rem;font-size:1.5rem;}
.listbox-agreement .list-item a > i {position:absolute;top:50%;right:0.5rem;transform:translateY(-50%);font-size:3.2rem;}
.listbox-agreement > .list-item:not(:last-of-type) {margin-bottom:2rem;}
.listbox-agreement > .list-item a {overflow:hidden;position:absolute;top:0;left:0;z-index:-1;text-indent:-99999px;font-size:0;}
.listbox-agreement > .list-item .form-check.sm + a {left:5rem;z-index:0;width:calc(100% - 5rem);}
.listbox-agreement > .list-item > .form-check {border:1px solid #e0e0e4;}
.listbox-agreement .form-check.form-switch {position:relative;}
.listbox-agreement .form-check .check-input {width:100%;height:100%;}
.listbox-agreement .form-check.sm .check-input {width:5rem;}
.listbox-agreement .form-check .check-input + label {width:calc(100% - 5rem);padding:1.5rem 0;margin:0 2rem 0 5rem;font-size:1.5rem;line-height:2.1rem;color:#111;word-wrap:break-word;word-break:break-all;white-space:normal;}
.listbox-agreement .form-check .check-input + label::before {position:absolute;left:-3.9rem;}
.listbox-agreement .form-check .check-input + label::after {position:absolute;left:-3.9rem;}
.listbox-agreement .form-check .check-input[type=radio] + label::after {position:absolute;left:-3.7rem;}
.listbox-agreement .list-agreement {padding:2.5rem 0;border:1px solid #e0e0e4;border-top:0;}
.listbox-agreement .list-agreement .list-item {padding:0;overflow:hidden;}
.listbox-agreement .list-agreement .list-item:not(:last-of-type) {margin-bottom:0.8rem;}
.listbox-agreement .list-agreement .list-item a {padding:0 3.6rem 0 4.8rem;position:absolute;top:0;right:0;z-index:1;line-height:2.2rem;}
.listbox-agreement:not(.accordion) .list-agreement .list-item a::after {display:block;font-family:'allonebank';content:'\e932';position:absolute;top:50%;right:0;transform:translateY(-50%);font-size:3.2rem;text-indent:0;}
.listbox-agreement .list-agreement .form-check {margin-top:0;margin-bottom:0;position:relative;}
.listbox-agreement .list-agreement .check-input + label {display:block;padding:0 0.5rem 0 0;font-size:1.4rem;line-height:2.1rem;color:#646873;}
.listbox-agreement .list-agreement .check-input + label::before {border:0;line-height:1rem;background:none;}
.listbox-agreement input[type="checkbox"][readonly] + label::before {background-color:#fff;border-color:#e0e0e4;}
.listbox-agreement input[type="checkbox"][readonly]:checked + label::before {background-color:#05a5ab;border-color:#05a5ab;}
.listbox-agreement .list-agreement .check-input:checked + label::before, 
.listbox-agreement .list-agreement .check-input[readonly]:checked + label::before {background-color:#fff;text-indent:0;font-size:1.5rem;}
.listbox-agreement .list-agreement .check-input + label::after {top:0.1rem;transform:translateY(0);}
.listbox-agreement .list-agreement .check-input:checked + label::after {font-weight:bold;color:#05a5ab;text-indent:0;}
.listbox-agreement .list-agreement .check-input + label .badge{margin:0 0.4rem}
.listbox-agreement .list-item .naxt-add-agreement {padding-bottom:0;border-bottom:0;}
.listbox-agreement .list-item .naxt-add-agreement +.add-agreement {padding:0 1rem 2.2rem;border-bottom:1px solid #e0e0e4;border-left:1px solid #e0e0e4;border-right:1px solid #e0e0e4;}
.listbox-agreement .list-item .naxt-add-agreement +.add-agreement .form-group-inline {justify-content:flex-start;}
.listbox-agreement .list-item .naxt-add-agreement +.add-agreement .form-group-inline .form-check .check-input + label {margin-left:4rem}
.listbox-agreement .list-item .add-agreement .form-check .check-input + label{padding:0.4rem 0;font-size:1.4rem;color:#646873;}
[class^="h"] + .listbox-agreement{margin-top:1.5rem}
/* 리스트 아코디언 */
.accordion > .list-item {border-top:1px solid #e0e0e4;border-bottom:1px solid #e0e0e4;transition:border-top .3s ease;}
.accordion > .list-item + .list-item {border-top:0;}
.accordion .list-item > dl > dt {display:block;position:relative;font-size:1.5rem;}
.accordion .list-item > dl > dt > a {display:flex;padding:1.6rem 2.4rem;align-items:center;}
.accordion .list-item > dl > dd {display:none;padding:2rem 1.5rem 3rem 1.5rem;font-size:1.4rem;}
.accordion .list-item > dl > dd p {font-size:1.4rem;}
.accordion .list-item dt a.pinned {padding-left:4.2rem;border-bottom:1px solid #e0e0e4;}
.accordion .list-item dt a.pinned::before {content:'\e907';display:block;position:absolute;top:1.3rem;left:1rem;font-size:2.7rem;font-family:'allonebank';}
.accordion .list-item:first-child > dl > dt {border-top:0;}
.accordion .list-item > dl > dt::before {content:'';position:absolute;}
.accordion .list-item > dl > dt::after {content:'\e985';display:block;position:absolute;top:50%;right:1.5rem;z-index:1;pointer-events:none;transform:translateY(-50%);font-size:2.4rem;color:#111;font-family:'allonebank';}
.accordion .list-item > dl > dt.js-active a {border-bottom:1px solid #e0e0e4;}
.accordion .list-item > dl > dt.js-active::after {content:'\e977';}
.accordion .list-item > dl > dt.none-action {display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e0e0e4;}
.accordion .list-item > dl > dt.none-action::after {display:none;}
.accordion .list-item > dl > dt.none-action + dd {display:block !important;}
.req-accordion .accordion .list-item > dl > dt.none-action{padding:1.6rem 2.4rem;border-bottom:0;}
/* .accordion .list-item > dl > dt.js-active.single-data div {display:flex;justify-content:space-between;padding:3.2rem 0;border-bottom:1px solid #e0e0e4;color:#111;} */
.accordion .list-item > dl > dt + dd {display:none;padding:1.8rem 2.4rem;font-size:1.4rem;}
.accordion:not(.listbox-agreement) > .list-item:last-of-type {border-bottom:1px solid #e0e0e4;}
/* 꼭 알아두세요 아코디언 */
.req-accordion {margin:4rem var(--paddMinusCommon) 0;background-color:#f2f2f4;}
.req-accordion .accordion .list-item {border:0;}
.req-accordion .accordion .list-item > dl > dd {border-top:0;padding-top:0.4rem;}
.req-accordion .p-notelist .list-item {border:0;font-size:1.5rem;}
.req-accordion .p-notelist .list-item:not(:first-child) {margin-top:1.8rem;}
.req-accordion .accordion:not(.listbox-agreement) .list-item:last-of-type {border-bottom:0;}
.req-accordion .accordion .list-item > dl > dt.js-active a {border-bottom:0;}
.req-accordion .accordion .list-item > dl > dt > a {font-size:1.6rem;justify-content:flex-start;}
/* 평범한 정의 리스트 */
.definition-normal-list{margin-top:2.2rem;}
.definition-normal-list dt{margin-top:2.2rem;font-size:1.6rem;color:#111;}
.definition-normal-list dt:first-child{margin-top:0;}
.definition-normal-list dd{font-size:1.5rem;color:#646873;}
.definition-normal-list dd img{display:block;width:100%;max-width:40rem;margin:2rem auto 0}

/* 체크 포함 아코디언 유형 */
.accordion.listbox-agreement > .list-item {border:1px solid #e0e0e4;}
.accordion.listbox-agreement > .list-item a {overflow:hidden;position:absolute;right:0;top:0;left:inherit;z-index:1;width:2.6rem;height:100%;font-size:0;text-indent:-99999px;}
.accordion.listbox-agreement > .list-item > dl > dt.js-active {border-bottom:1px solid #e0e0e4;}
.accordion.listbox-agreement > .list-item > dl > dt.js-active a {border-bottom:0;}
.accordion.listbox-agreement > .list-item p {font-size:1.3rem;line-height:2rem;color:#646873;}
.accordion.listbox-agreement > .list-item p .point-block{display:block;color:#111;}
.accordion.listbox-agreement > .list-item a {padding-right:3rem;}
.accordion.listbox-agreement .form-check {width:calc(100% - 4.4rem);}
.accordion .form-check {position:relative;width:calc(100% - 5.2rem);}
/* 계좌 아코디언 */
.accordion-account > .list-item {background-color:#fff;}
.accordion-account > .list-item:not(:last-of-type) {margin-bottom:1.2rem;}
.accordion-account .list-item > dl > dt {display:flex;flex-direction:column;position:relative;}
.accordion-account .list-item > dl > dt::after {content:'\e985';display:block;position:absolute;top:3rem;right:1.7rem;z-index:1;pointer-events:none;font-size:1rem;color:#111;font-family:'allonebank';}
.accordion-account .list-item > dl > dt a {display:flex;flex-direction:column;align-items:flex-start;padding:2.6rem 2.5rem 1.2rem;}

/* 제목 + 폼영역이 필요할 경우 - ETC case */
.form-group-area .title{font-size:1.6rem;margin-bottom:0.8rem;color:#111}
.form-group-area .listbox-agreement{margin-top:0;}
.form-group-area .listbox-agreement + .listbox-agreement{margin-top:2rem;}

/* 공통 - 필터 */
.filter-wrap {display:flex;justify-content:space-between;align-items:center;padding:0.8rem 2rem;margin:1rem var(--paddMinusCommon) 0;border-bottom:1px solid #e0e0e4;}
.filter-wrap [class$="-date"] {font-weight:bold;font-size:1.4rem;color:#646873;position:relative;}
.filter-date,
.filter-option {display:flex;align-items:center;}
.start-date::after {content:'~';display:inline-block;margin:0 0.4rem;font-size:1.4rem;}
.filter-option .list-item {font-size:1.4rem;color:#646873;line-height:1.8rem;}
.filter-option .list-item:not(:last-of-type)::after {content:'\00b7';display:inline-block;margin:0 0.4rem;}

/* 공통 - 텝 */
.tabs {position:fixed;left:0;right:0;top:0;z-index:100;padding-top:1rem;margin:0;background-color:#fff;}/*5rem*/
.tab-set {display:flex;width:100%;}
.tabs .item {flex:1 1 0;border-bottom:.2rem solid #e0e0e4;text-align:center;}
.tabs .item a {display:block;padding:1rem 1.2rem 1.1rem;color:#111;}
.tab-content {display:none;padding-top:9rem;}
.tabs .on {border-bottom-color:#111;background-color:#fff;}
.tabs .on a,
.tabs .on a span {font-weight:bold;}
.tab-overflow {overflow:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch;}
.tab-overflow {overflow:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch;}
.tab-overflow::-webkit-scrollbar {display:none;}
.tab-overflow > .tab-set {display:table;width:100%;padding:0;}
.tab-overflow > .tab-set .item {white-space:nowrap;display:table-cell;}
.tabs.static-type {position:static;padding-top:0;margin:0;background-color:#fff;}
.tab-content.static-type {padding-top:0;}
.tab-content .heading-wrap,.tab-content .heading-total-money{margin-top:0;}
.tab-content .heading-total-money{margin-top:2.6rem}

/* 공통 - Form */
label, .input-title {display:inline-flex;align-items:center;justify-content:space-between;width:100%;line-height:2rem;margin-bottom:0.5rem;font-size:1.4rem;color:#333;font-family:'Noto Sans';}
label .button-group, .input-title .button-group {justify-content:flex-end;flex:0;}
.form-input:focus:not(textarea):not([readonly]),
.on + .form-group-append, .form-input:focus:not(textarea) + .form-group-append {border-bottom-color:#05a5ab;}
input[readonly], input[readonly]:focus + .form-group-append {border-bottom:1px solid #e0e0e4;-webkit-user-select:none;user-select:none;}
input[disabled], input[disabled]:focus + .form-group-append {color:#646873;border-bottom:1px solid #f6f6f6;-webkit-user-select:none;user-select:none;}
[class^="form-group"] {position:relative;}
[class^="form-group"]:not(:first-of-type) {margin-top:4.1rem;}
[class^="form-group"] [class^="form-group"]:not(:first-of-type) {margin-top:0.7rem;}
.form-group-inline .form-entities + [class^="form-group"] {margin-top:0;}
[class^="form-group"] .form-group-append:not(:first-of-type) {margin-top:0;}
.form-info {display:flex;justify-content:space-between;font-size:1.3rem;padding-top:0.6rem;color:#737686;}
.form-info.text-right {justify-content:flex-end;}
.form-info + .btn-right {padding-top:.6rem;}
[class^="form-group"]:not(:last-of-type) > .form-info {margin-bottom:-1rem;}
[class^="form-group"] > .form-info {flex:1 0 100%;}
.bg-form-group {background:#f2f2f4;padding:2rem 1.2rem;margin:0 0 2.4rem;}
.bg-form-group .title {font-size:1.5rem;color:#111;}
.bg-form-group .form-group-inline {justify-content:flex-start;}
.input-title + .form-group-inline,
.input-title + .calendar-box,
.input-title + .bordered {margin-top:0.8rem;}
/* 인풋 입력 필드 */
.form-input {flex:1;display:block;width:100%;height:4.2rem;line-height:2.6rem;padding:0.7rem 0 0.8rem;font-size:1.8rem;border-bottom:1px solid #e0e0e4;color:#111;background-color:#fff;}
.form-input::placeholder,
.form-input::-webkit-input-placeholder {-webkit-text-fill-color:#aeafb4;opacity:1;font-size:1.8rem;}
.form-input:focus:not(textarea):not([readonly]) {border-bottom-color:#05a5ab;}
textarea.form-input {height:9rem;padding:0.9rem 1.4rem;margin-top:0.7rem;border:1px solid rgba(34, 34, 67, 0.14);border-radius:0.4rem;color:#111;resize:none;}
/* 우측 단위 */
.balance {display:inline-block;position:relative;width:100%;}
.balance::after {content:attr(data-currency);display:inline-block;position:absolute;right:0;font-weight:bold;font-size:1.8rem;color:#111;}
.balance .form-input {padding:0.2rem 0 0.8rem 4.4rem;font-size:2.4rem;font-weight:bold;text-align:right;}
.balance .form-input.text-18 {padding:0.8rem 1.7rem 0.8rem 4.4rem;}
[data-currency="원"] .form-input {padding-right:1.7rem;padding-left:0;color:#111;}
[data-currency="원"]::after {top:0.7rem;}
[data-currency="만원"] .form-input {padding-right:3.4rem;padding-left:0;color:#111;}
[data-currency="만원"]::after {top:0.7rem;}
.balance-display::after {position:absolute;top:50%;right:0.5rem;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.balance-input {padding:1rem 2.5rem 0.8rem 0.5rem;text-align:right;font-weight:bold;}
.balance-currency {padding:1rem 0.5rem;font-size:1.2rem;}
/* 캘린더 선택 인풋 */
.calendar-box {display:flex;border:1px solid #e0e0e4;padding:0 2rem;border-radius:0.4rem;}
.calendar-box .form-calendar {padding-top:0;width:100%;}
.calendar-box .form-calendar .form-input {line-height:normal;border-bottom:0;text-align:center;padding-right:0;color:#111;font-weight:bold;}
[class^="form-group"] + .calendar-box {margin-top:1.2rem;}
/* 그룹형 세팅 */
.form-search,
.form-calendar {display:flex;flex-wrap:wrap;align-items:center;position:relative;}
.form-search .form-input {color:#111;}
.form-search + .form-group {margin-top:4.1rem;}
.form-search .btn.delete-btn:not(:last-child) {right:3rem !important;}
.form-search .search {position:absolute;right:0}
.form-group-inline {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
/* 인풋에 디세이블, 리드온리 시 아이콘 영역 변화 */
.form-input[disabled], .form-input[disabled] + .form-group-append {border-bottom:1px solid #f6f6f6;}
.form-input[disabled] + .form-group-append .btn-icon {opacity:0.3;}
/* 인풋 다음 버튼 추가 */
.form-group-append {display:flex;align-items:center;line-height:2.6rem;height:4.2rem;margin-top:0;border-bottom:1px solid #e0e0e4;}
/* 한 필드에 인풋 두개 이상 */
.gutter .form-input:not(:last-child),
.gutter .form-group-select:not(:last-child),
.gutter .form-group-append:not(:last-child),
.gutter .form-group-prepend:not(:last-child) {margin-right:1.6rem;}
.gutter [class^="form-group"] .form-calendar .form-input,
.gutter [class^="form-group"] .form-input {margin-right:0;}
.gutter > .form-group-prepend,
.gutter > .form-group-prepend ~ .form-group-append {flex:1 0 0;}
.form-group-prepend {flex:1;}
.form-group-prepend + .btn,
.form-group-append + .btn {flex:1;align-self:flex-end;max-width:6.6rem;padding:0.9rem 0.6rem;margin-left:1rem;}
.form-group .btn-bottom {justify-content:flex-end;margin-top:0.8rem;}
.form-group .btn-bottom .btn {flex:0 0 auto;}
/* 공통 외 다른 케이스 */
[class^="form-group"].id-number {padding-top:2rem;}
[class^="form-group"].id-number label {position:absolute;top:0;left:0;}
[class^="form-group"].id-number .first-number {flex:8;}
[class^="form-group"].id-number .last-number {text-align:center;}
[class^="form-group"].phone-number .form-group-select {margin-right:1.6rem;}
[class^="form-group"].phone-number .form-input {flex:3;}
[class^="form-group"].bank-area .form-group-select {margin-right:1.6rem;}
[class^="form-group"].bank-area .form-input {flex:2;}
/* toggle group */
[class^="form-toggle"] > .form-group-inline {padding:1.5rem 0;margin:0;}
.form-toggle-bordered {border-top:1px solid #d3d3d9;border-bottom:1px solid #d3d3d9;}
.form-toggle-bordered p {font-size:1.5rem;}
.form-toggle-bordered .form-group-inline:not(:last-of-type) {border-bottom:1px solid #e0e0e4;}
.toggle-group {height:0;width:100%;padding:0;transition:all .1s ease-in;display:none;}
.toggle-group.on {height:auto;width:100%;padding:1.125rem 0;display:block;}
/* 박스형 선택 라디오 */
.bordered {align-items:stretch;}
.bordered .form-check {flex:1;width:100%;min-width:auto;margin:0;}
.bordered .check-input {width:100%;height:100%;margin:0;}
.bordered .check-input + label {justify-content:center;border:0;width:inherit;height:100%;padding:1.1rem 1rem;border-radius:0;font-size:1.5rem;color:#aeafb4;text-align:center;background-color:#f2f2f4;}
.bordered .check-input + label::before {content:'';display:none;}
.bordered .check-input + label::after {content:'';overflow:hidden;transform:none;width:100%;height:100%;box-sizing:border-box;border:1px solid #d5d5db;display:block;position:absolute;top:0;left:0;z-index:0;}
.bordered .check-input:checked + label {width:100%;color:#111;font-weight:bold;background-color:#fff;}
.bordered .check-input:checked + label::after {content:'';width:100%;height:100%;border:1px solid #111;left:0;z-index:1;}
.bordered .form-check:not(:first-of-type) {margin-left:-1px;}
.bordered .form-check:first-of-type .check-input + label,
.bordered .form-check:first-of-type .check-input + label::after {border-top-left-radius:0.4rem;border-bottom-left-radius:0.4rem;}
.bordered .form-check:last-of-type .check-input + label,
.bordered .form-check:last-of-type .check-input + label::after {border-top-right-radius:0.4rem;border-bottom-right-radius:0.4rem;}
.bordered.radius-reset-bottom .form-check:first-of-type .check-input + label,
.bordered.radius-reset-bottom .form-check:first-of-type .check-input + label::after{border-bottom-left-radius:0}
.bordered.radius-reset-bottom .form-check:last-of-type .check-input + label,
.bordered.radius-reset-bottom .form-check:last-of-type .check-input + label::after{border-bottom-right-radius:0}
.bordered.radius-reset-top .form-check:first-of-type .check-input + label,
.bordered.radius-reset-top .form-check:first-of-type .check-input + label::after{border-top-left-radius:0}
.bordered.radius-reset-top .form-check:last-of-type .check-input + label, 
.bordered.radius-reset-top .form-check:last-of-type .check-input + label::after{border-top-right-radius:0}
.radius-reset-bottom + .bordered:not(:first-of-type){margin-top:-0.1rem}
.bordered + .table-area {margin-top:2rem;}

/* 셀렉트 */
.form-group-select {position:relative;background-color:#fff;z-index:0;margin:0;flex:1;}
.form-group-select::after {content:'\e98c';display:block;position:absolute;bottom:0.8rem;right:0;z-index:-1;width:2rem;height:2.2rem;line-height:2.2rem;font-size:1.8rem;color:#111;font-family:'allonebank';}
.form-group-select + [class^="form-group"]:not(.form-group-append) {margin-top:0;}
.form-group-select.disabled .btn.btn-select {border-bottom:1px solid #f6f6f6;color:#646873;}
.form-group-select.disabled::after {color:#aeafb4;}
/* date range picker */
.datepicker-widget {position:relative;text-align:center;}
.datepicker-widget::after {content:'';position:absolute;top:0;left:0;z-index:10;width:100%;height:3rem;background:linear-gradient(#fff 40%,transparent);}
.datepicker-widget::before {content:'';position:absolute;bottom:0;left:0;z-index:10;width:100%;height:3rem;background:linear-gradient(transparent,#fff 40%);}
.datepicker-widget ul {display:inline-block;width:8rem;height:15rem;max-height:15.4rem;overflow:auto;transform:translate(0,0);vertical-align:top;background:url('/allone/imgcommon/bg_datepicker_widget_line.png') no-repeat 50% / auto 4.4rem;}
.datepicker-widget ul + ul {margin-left:4rem;}
.datepicker-widget ul li {font-size:1.8rem;line-height:4rem;}
.datepicker-widget ul li:first-child, .datepicker-widget ul li:last-child {line-height:5.3rem;}
.datepicker-widget ul li.on {line-height:4rem;color:#111;}
/* 월선택 달력 컬러변경 */

/* 공통 - 버튼 */
.btn {display:flex;justify-content:center;align-items:center;flex:1 0 auto;position:relative;width:100%;padding:1.4rem 1.6rem 1.3rem;border-radius:.4rem;font-size:1.6rem;}
[class$=-btn].btn::after {font-family:'allonebank';text-indent:0;line-height:1;display:block;}
.delete-btn {display:none;overflow:hidden;position:absolute;top:auto;line-height:1.4;font-size:0;transform:none;text-indent:-999999px;}
.delete-btn::after {content:'\e91a';width:1.2rem;height:1.2rem;padding:0.4rem 0.4rem 0.3rem;border-radius:50%;font-size:1.2rem;color:#fff;background-color:#959595;}
.form-input ~ .btn.delete-btn {right:0;z-index:5;width:2.8rem;height:4.8rem;padding:0.7rem 0.4rem;}
.btn.btn-border {border:1px solid #e0e0e4;color:#111;background-color:#fff;}
.btn.btn-border-light {border:1px solid #e0e0e4;color:#646873;background-color:#fff;}
.btn.btn-border-green {border:1px solid #05a5ab;color:#05a5ab;background-color:#fff;}
.btn.btn-border-fill {border:1px solid #05a5ab;background-color:#fff;color:#05a5ab;}
.btn.btn-border-fill[disabled] {border-color:#e0e0e4;color:#989da9;background-color:#e0e0e4;pointer-events:none;}
.btn.btn-fill {min-width:9.6rem;width:100%;border:1px solid #05a5ab;color:#fff;background-color:#05a5ab;} 
.btn.btn-fill[disabled] {border-color:#e0e0e4;color:#aeafb4;background-color:#e0e0e4;}
.btn.btn-fill-light {border:1px solid #defae0;color:#05a5ab;background-color:#defae0;}
.btn-sm-radius {display:inline-flex;flex:0 0 auto;width:auto;padding:0.2rem 1.2rem 0.3rem;border:1px solid #e0e0e4;border-radius:2.8rem;font-size:1.3rem;background-color:#fff}
.btn-expand[type="checkbox"] {display:flex;align-items:center;justify-content:center;width:100%;padding:2.3rem 0;}
.btn-expand + label {position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);margin:0;pointer-events:none;justify-content:center;}
.btn-expand + label i::before {font-size:2.8rem;-webkit-transition:all .6s ease;transition:all .6s ease;}
.expand + .button-group .btn-expand + label i::before {-webkit-transform:rotate(180deg);transform:rotate(180deg);}
.btn-view-more {margin-top:-0.1rem;border-radius:0;font-size:1.5rem;color:#737686}
.btn-view-more i::before {font-size:2rem;}
.btn[disabled],
.btn[disabled]:hover,
.btn[disabled]:active {background-color:#e0e0e4;border-color:#e0e0e4;pointer-events:none;color:#989da9;}
/* 우측 상단 옵션 더보기 버튼 */
.btn-layer {display:flex;position:relative;}
.more-layer {display:none;position:absolute;top:-0.8rem;right:0;background:#fff;z-index:310;min-width:9.6rem;width:auto;white-space:nowrap;border:1px solid #e0e0e4;border-radius:1rem;padding:0.5rem 0;box-shadow:var(--shadowStyle);background-color:#fff;}
.more-layer .list-group {border-radius:1rem;}
.more-layer .list-group .list-item {border:0;}
.more-layer .list-item {border-top:1px solid #e0e0e4;}
.more-layer .list-group .list-item a, .accordion .more-layer .list-group .list-item a {padding:1.4rem 2rem;border-bottom:1px solid #e0e0e4;font-size:1.5rem;font-weight:bold;}
.more-layer .list-group .list-item:last-child a, .accordion .more-layer .list-group .list-item:last-child a {border-bottom:0;}
button.btn-info {display:inline-flex;width:auto;padding:0}
button.btn-info:after {content:'\e993';width:2.8rem;font-size:2rem;color:#989da9;font-family:'allonebank';}
/* 공통 - 하단 고정 버튼 영역 */
.content-footer {width:calc(100% - 4.8rem);max-width:1440px;padding:6rem 0 2rem;margin:0 auto;backface-visibility:hidden;}
.content-footer .btn {display:flex;justify-content:center;align-items:center;padding:1.4rem 1rem 1.3rem;border-radius:.4rem;font-size:1.7rem;font-weight:bold;}
[data-role="content"].fixed .content-footer {position:fixed;bottom:0;left:50%;transform:translateX(-50%);z-index:300;}
[data-role="content"].fixed .content-footer.self-bottom {position:absolute;}/* 디바이스 키페드 올라올 경우 버튼이 키패드 위로 갈때 */
[data-role="content"].padd-bottom-reset .content-footer {width:auto;padding:0;margin:2rem var(--paddMinusCommon) 0;}
/* 버튼 사이즈 */
.btn-xs {font-size:1.3rem;padding:0.5rem 1.5rem;}
.btn-sm {font-size:1.4rem;padding:0.9rem 1rem;line-height:1.6rem;}
.btn-md {min-width:7.2rem;font-size:1.5rem;padding:0.9rem 1.2rem;}
/* 셀렉트 버튼 */
.btn-select {display:inline-flex;width:100%;background-color:transparent;justify-content:flex-start;padding:0.7rem 2.4rem 0.7rem 0;border-bottom:1px solid #e0e0e4;border-radius:0;font-size:1.8rem;color:#111;white-space:nowrap;text-overflow:ellipsis;}
.btn.btn-select:hover,
.btn.btn-select:focus {border-bottom:1px solid #05a5ab;}
.btn.btn-select[disabled] {color:#646873;border-bottom:1px solid #f6f6f6;}
.btn.btn-select[readonly] {border-bottom:1px solid #f6f6f6;}
.btn.btn-select[disabled]::after {color:#646873;}
.btn.btn-select > span {overflow:hidden;width:100%;max-width:100%;white-space:nowrap;text-overflow:ellipsis;text-align:left;}
/* 버튼 앱 유도 스타일 */
.app-guide-link-sm{display:inline-block !important;height:2.1rem;padding:0 !important;border:1px solid #e0e0e4;border-radius:0.4rem;vertical-align:text-top;}
.app-guide-link-sm.insurance{width:10rem;background:url('/allone/img/ci/nh-info-insurance-logo.png') no-repeat 50% / 8.4rem auto}
.app-guide-link-sm.life{width:7.8rem;background:url('/allone/img/ci/nh-info-life-logo.png') no-repeat 50% / 6.2rem auto}
/* 버튼 앱 유도 스타일 - 스타일 변경 */
.p-notelist .list-item .app-guide-link-sm{margin-left:0.8rem;}
/* 버튼 그룹화 */
[class^="button-group"] {display:flex;justify-content:center;align-items:center;position:relative;width:100%;}
[class^="button-group"] .btn {flex:1 0 auto;width:auto;}
[class^="button-group"] .btn:not(:last-of-type) {margin-right:0.5rem;}
.button-group-reset {justify-content:flex-end;}
.button-group-reset.align-center {justify-content:center;}
.button-group-reset .btn {flex:0 0 auto;}
/* 버튼 50% */
.button-group-half {flex-wrap:wrap;justify-content:flex-end;margin-top:1.3rem;}
.button-group-half .btn {flex:0 0 auto;width:calc(50% - 0.25rem);}
.button-group-half .btn:not(:last-of-type) {margin-right:0;}
.button-group-half .btn:nth-of-type(odd) {margin-left:0;}
.button-group-half .btn:nth-of-type(even) {margin-left:0.5rem;}
.button-group-half .btn:nth-of-type(n+3) {margin-top:0.5rem;}
/* 버튼 그룹화 case 7:3 */
.button-group-cta .btn-fill {flex:1 0 62.5%;}
.button-group-cta .btn-border-green {flex:1 0 62.5%;}
/* 버튼 그룹화 case 동일 사이즈 */
.button-group-even .btn {flex:1;}
/* 버튼 정렬 column 형태 */
.button-group-column {flex-direction:column;}
.button-group-column .btn {flex:1;width:100%}
.button-group-column .btn:not(:first-child) {margin-top:0.8rem}

/* 공통 - 아이콘 */
.close::after {content:'\e920';width:2.4rem;height:2.4rem;font-size:2.4rem;}/* X 닫기 */
.i-arrow-up:before {content:"\e933";}
.i-arrow-down:before {content:"\e934";}
.i-ios-arrow-down:before {content:"\e98c";}
i.filter {width:3rem;height:2.4rem;display:block;position:relative;font-size:0;text-indent:-99999px;overflow:hidden;border:0;background-color:transparent;margin-right:-0.4rem;}
i.filter::after {font-family:'allonebank';display:block;text-indent:0;color:#646873;content:'\e938';width:3rem;height:2.4rem;font-size:3.4rem;line-height:2.4rem;}
[class^="btn-icon"] {position:relative;display:inline-block;font-size:0;text-indent:-99999px;overflow:hidden;border:0;background-color:transparent;} 
[class^="btn-icon"]:hover,
[class^="btn-icon"]:focus {border:0;background-color:transparent;}
[class^="btn-icon"]::after {font-family:'allonebank';display:block;text-indent:0;}
.form-entities {display:flex;align-items:center;flex:0;padding:0 0.8rem;font-size:1.6rem;}
.at::after {content:'@';}
.dash::after {content:'-';}
.ap::after {content:'~';}
.dot::after {content:'\f112';font-family:'allonebank';}
.search::after {content:'\e937';width:2.4rem;height:2.4rem;font-size:2.4rem;color:#111;}
.more::after {content:'\e906';width:2.4rem;height:2.4rem;font-size:2.4rem;line-height:2.4rem;}
.arrow-up::after {content:'\e933';width:2.4rem;height:2.4rem;font-size:2.4rem;line-height:2.4rem;}
.arrow-down::after {content:'\e934';width:2.4rem;height:2.4rem;font-size:2.4rem;line-height:2.4rem;}
.arrow-right::after {content:'\e95b';width:1.2em;height:1.2em;font-size:1.2em;line-height:1.2em;text-indent:0.2em;}
.delete::after {content:'\e904';width:2.8rem;height:2.8rem;font-size:2.8rem;line-height:2.8rem;}
.edit::after {content:'\e95e';width:2.8rem;height:2.8rem;font-size:2.8rem;line-height:2.8rem;}
.favorite::after {content:'\e90d';width:2.8rem;height:2.8rem;font-size:2.8rem;line-height:2.8rem;}
.favorite.on::after {content:'\e90c';color:#ffcb00;}
.tooltip:after {content:'\e996';width:2.2rem;height:2.2rem;line-height:2.2rem;font-size:2.2rem;color:#989da9;}
.tooltip.on::after {content:'\e997';}
.calendar::after {content:'';width:2.4rem;height:2.4rem;background:url('/allone/img/icon/ico_calender.png') no-repeat 50% / 100%;}
.phonebook::after {content:'\e903';width:2.4rem;height:2.4rem;font-size:2.4rem;line-height:2.4rem;color:#111;}
.clock::after {content:'\e975';width:2.8rem;height:2.8rem;font-size:2.8rem;line-height:2.8rem;color:#111;}
.i-customer{margin-right:0.4rem;}/* 헤드셋 + 마이크 */
.i-customer::after{content:"\f902"}/* 헤드셋 + 마이크 */
a.arrow-right {display:inline-block;position:relative;min-height:0.8em;padding-right:1.2em;}
a.arrow-right::after {position:absolute;right:0;top:50%;transform:translateY(-50%);vertical-align:middle;font-family:'allonebank';}
.tel-phone {display:inline-flex;align-items:center;position:relative;padding-left:1.4em;font-size:inherit;}
.tel-phone::before {content:'\e939';position:absolute;bottom:0;left:0;width:0.8em;height:0.8em;line-height:0.8em;margin-right:0.2em;border:0.07em solid #737686;border-radius:50%;font-size:1.4em;text-indent:-0.1em;color:#737686;font-family:'allonebank';}
.tel-phone::after {content:'';position:absolute;bottom:0;right:0;width:calc(100% - 1.4em);height:1px;background-color:#737686;}
.tel-phone.border-none::after {display:none}
.btn-refresh {display:inline-flex;align-items:center;position:relative;padding:0;font-size:1.3rem;color:#aeafb4;}
.btn-refresh::after {content:'\f92b';width:1.0262em;height:1.1539em;line-height:1.1539em;font-size:1.8em;color:#646873;font-family:'allonebank2';}
.alarm-clock{display:inline-block;width:2rem;height:2rem;margin-right:0.7rem;background:url('/allone/img/icon/ico_alarmclock.png') no-repeat 50% / 2rem auto}

/* 공통 - 모양 */
/* 그림자 박스 */
[class^="shadowbox"] {display:flex;align-items:center;box-shadow:var(--shadowStyle);}
.shadowbox {justify-content:center;min-height:5.4rem;border:1px solid #e0e0e4;border-radius:0.4rem;}
.shadowbox:not(:first-of-type) {margin-top:4rem;}
.shadowbox span {display:inline-block;margin:0 0.6rem 0 1rem;font-size:1.8rem;}
.shadowbox .box-item {display:flex;position:relative;align-items:center;justify-content:center;padding:0 1rem;font-size:1.4rem;}
.shadowbox .box-item:not(:last-of-type)::after {content:'';display:block;position:absolute;top:50%;right:0;transform:translateY(-50%);width:0.2rem;height:2.1rem;background-color:#f2f2f4;}
.shadowbox .box-item dl {display:flex;align-items:center;}
.shadowbox .box-item dt {font-size:1.4rem;padding-right:1rem;}
.shadowbox .box-item dd {color:#05a5ab;}
.shadowbox .box-item dd > strong {color:#05a5ab;font-size:1.8rem;line-height:1.25rem;font-weight:bold;}
.shadowbox.even{min-height:8.8rem}
.shadowbox.even .box-item{width:50%;}
.shadowbox.even .box-item dl{flex-direction:column;}
.shadowbox.even .box-item dt{padding-right:0;text-align:center;}
.shadowbox.even .box-item dd{font-size:1.8rem;font-weight:bold;text-align:center;}
.shadowbox.even .box-item:not(:last-of-type)::after{height:4.4rem}
/* 링크 타입 */
a.shadowbox .box-item:last-of-type {padding-right:2rem;}
a.shadowbox .box-item:last-of-type::after {content:'\e95b';display:block;position:absolute;top:50%;right:0;transform:translateY(-50%);font-size:1.8rem;font-family:'allonebank2', 'allonebank';}
/* column 정렬 */
.shadowbox.column-type {padding:1.3rem 0;}
.shadowbox.column-type .box-item {position:relative;padding:0 2.2rem;}
.shadowbox.column-type .box-item dl {flex-flow:column;}
.shadowbox.column-type .box-item dd > strong {font-size:1.5rem;font-weight:bold;}
.shadowbox.column-type .box-item dd > strong.sumTxt {font-size:1.3125rem;font-weight:600;font-weight:bold;}
/* 리스트 쉐도우 박스 타입 */
.shadowbox .listbox {width:100%;padding:0.9rem 2rem;border:0;}
/* 텍스트 안내 타입 */
.shadowbox-info {flex-direction:column;padding:3rem 2rem 2rem;margin-top:5rem;}
.shadowbox-info .button-group {margin-top:3rem;}
/* 셀렉트 타입 */
.shadowbox .form-group-select {margin:0 1.5rem 0 2rem;}
.shadowbox .form-group-select .btn-select {border-bottom:0;}
/* in 툴팁 */
.shadowbox .listbox .list-item .tooltip-group{justify-content:flex-end;position:static}
.shadowbox .listbox .list-item .tooltip-group .btn-icon.tooltip{padding-right:0;}
.shadowbox .listbox .list-item .tooltip-group .tooltip-layer{left:0;width:100%;}
.shadowbox .listbox .list-item .tooltip-group .tooltip-layer .list-item{padding:0 0 0 1rem}
.shadowbox .listbox .list-item .tooltip-layer.layer-up{top:3rem;bottom:auto}
/* 게시판 타입 */
.notice-board-area{}
.notice-board-list {margin-top:1.5rem;border-top:1px solid #aeafb4}
.notice-board-list li {padding:1rem;border-bottom:1px solid #f2f2f4}
.notice-board-list li h4{font-size:1.3rem;color:#111;line-height:1.5rem;}
.notice-board-list li .public-info{font-size:1.3rem;color:#bdbdbd;}
/* 동그란 번호 리스트 */
.counter-inc {position:relative;counter-reset:counter-inc;}
.counter-inc .list-item {display:flex;flex-direction:column;position:relative;padding-left:4.5rem;font-size:1.4rem;color:#646873;}
.counter-inc .list-item:not(:first-child){margin-top:2.8rem;}
.counter-inc .list-item::before {content:counter(counter-inc);counter-increment:counter-inc;display:flex;justify-content:center;position:absolute;left:0;top:0.3rem;width:2.8rem;height:2.8rem;line-height:2.6rem;border:1px solid #e0e0e4;border-radius:50%;font-size:1.6rem;font-weight:bold;color:#111;}

/* 체크 + archive type */
.check-list-shadow li {display:flex}
.check-list-shadow li:not(:first-child) {margin-top:4rem}
.check-list-shadow li .check-input + label::before{margin-right:1.3rem}
.check-list-shadow .check-area {display:flex;align-items:center}
.check-list-shadow .check-area .check-input + label::before{margin-right:0.7rem}
.check-list-shadow .shadow-type {flex:1} 
.check-list-shadow .shadow-type .archive-detail-info,
.check-list-shadow .shadow-type .account-text:not(:first-child) {margin-top:0.9rem}
.check-list-shadow .shadow-type .archive-footer {margin-top:2.5rem;}
.check-list-shadow .shadow-type .balance .form-input {padding:0.7rem 1.7rem 0.8rem 0;font-size:1.8rem;font-weight:bold;}

/* 상태 테그 */
.badge-box{display:flex;flex-wrap:wrap;}
.badge {display:inline-flex;align-items:center;justify-content:center;height:2.2rem;line-height:2.2rem;padding:0 0.8rem;margin:0 0.4rem 0.5rem 0;border-radius:1rem;font-size:1.3rem;}
.badge.gray {color:#646873;background-color:#eff4fc;}
.badge.deepgray {color:#fff;background-color:#aeafb4;}
.badge.green {color:#fff;background-color:#05a5ab;}
.badge.bordergreen {border:1px solid #05a5ab;color:#05a5ab;}
.badge.lightgreen {color:#fff;background-color:#4bb54e;}
.badge.red {color:#fff;background-color:#ec0c0c;}
.badge.borderred {border:1px solid #ec0c0c;color:#ec0c0c;background-color:#fff;}
.badge.blue {color:#2c6dd4;background-color:#e1eaf9;}
.badge.orange {color:#fff;background-color:#fb8c29;}
.badge.deepblue {color:#fff;background-color:#2c6dd4;}
.badge.deepborderblue {border:1px solid #2c6dd4;color:#2c6dd4}
.badge.borderorange {border:1px solid #fb8c29;color:#fb8c29}

/* 공통 - 테이블 */
.table-area [class^="h"] + .table {margin-top:0.9rem}
caption {overflow:hidden;line-height:0;font-size:0;text-indent:-999999px;}
.table {border-top:1px solid #aeafb4;}
.table.plr-none th,
.table.plr-none td{padding:1.2rem 0.4rem !important;}
.table th, 
.table tbody td,
.table tfoot td {padding:1.2rem 2rem;color:#111;border-left:1px solid #d3d3d9;border-right:1px solid #d3d3d9;border-bottom:1px solid #d3d3d9;vertical-align:middle;}
.table tfoot td {border-left:0;border-right:0;}
.table th {font-weight:normal;color:#646873;text-align:center;vertical-align:middle;background-color:#f6f6f6;}
.table tfoot th {border-left:0;border-right:0;font-weight:normal;color:#111;text-align:left;vertical-align:middle;background-color:#fff;}
.table th:first-child,
.table td:first-child {border-left:0;}
.table th:last-child,
.table td:last-child {border-right:0;}
.table .check-input + label::before {margin-right:0;}
.table [class^="listbox"]:not(.listbox-agreement) {border:0;padding:0;}
.table tr.border-bottom-none th,
.table tr.border-bottom-none td {border-bottom:0}
.table tfoot {margin-right:0;}
.table tfoot{}
.table tfoot th,
.table tfoot td{border-bottom:1px solid #d3d3d9;}
.table .tooltip-group{display:block;margin-top:0;}
.table .tooltip-group .tooltip-item{vertical-align:bottom;}
.table .tooltip-group .tooltip-item{vertical-align:bottom;}
.table .tooltip-group .tooltip-layer{width:calc(100vw - 4.8rem)}
.table th .tooltip-group .tooltip-layer{left:-2rem}

/* 공통 - 팝업 */
.popup-wrapper {display:none;position:fixed;top:0;bottom:0;right:0;left:0;z-index:1000;width:100%;height:100%;}
.popup-wrapper.opened {display:block;}
.pop {display:flex;flex-wrap:wrap;justify-content:center;overflow-y:auto;position:fixed;bottom:-100vh;left:0;z-index:1010;width:100%;max-height:calc(100% - 5rem);height:auto;padding:0 var(--paddCommon);border-radius:2rem 2rem 0 0;background-color:#fff;-webkit-overflow-scrolling:touch;}
.pop-header {display:flex;flex:1 0 auto;position:relative;top:0;left:0;z-index:10;width:100%;height:5rem;padding:2rem var(--paddCommon) 0;margin:0 var(--paddMinusCommon) 1.6rem;align-items:center;background-color:#fff;}
.pop-header .pop-title {font-size:1.7rem;color:#111;text-align:center;text-overflow:ellipsis;white-space:nowrap;}
.pop-header .close {position:absolute;top:2.2rem;right:1.3rem;}
.pop-header.type-center {justify-content:center;}
.pop-header + .pop-content {padding-top:0;}
.pop-content {flex:1 0 100%;width:100%;padding-top:2.7rem;margin:0 auto;font-size:1.6rem;}
.pop-content .pop-title {padding:0 0 1rem;font-size:2rem;color:#111;text-align:center;}
.pop-content.none-footer{padding-bottom:6rem;}
.pop-content .tabs{margin:0;}
.pop-content .tab-content{padding-top:7.7rem;}
.pop-footer {display:flex;flex:1 0 100%;position:relative;left:50%;bottom:0;transform:translateX(-50%);z-index:1010;width:100%;padding:3rem 0 2rem;}
.pop-footer .btn {font-weight:bold;}
/* 모달 팝업 */
.dimmed {position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0, 0, 0, .7);text-indent:-999999px;}
.pop.radius-reset {padding-top:0;border-radius:0;}
/* Full 팝업 */
.full {display:block;bottom:0;height:100vh;max-height:100vh;padding:5rem var(--paddCommon) 6rem;border-radius:0;}
.full .pop-header {position:fixed;padding:0;margin:0;}
.full .pop-header .pop-title {overflow:hidden;position:absolute;left:2.4rem;top:50%;transform:translateY(-50%);width:calc(100% - 10rem);text-align:left;text-overflow:ellipsis;white-space:nowrap;}
.full .pop-header .close {top:50%;transform:translateY(-50%);}
.full .pop-header {justify-content:center;}
.full .pop-content {padding-top:1rem;word-break:break-all;-webkit-overflow-scrolling:touch;}
.full .pop-footer {padding:0 var(--paddCommon);margin-top:6rem}
.full.fixed {padding-bottom:0;}
.full.fixed .pop-content {padding-bottom:13.4rem;}
.full.fixed .pop-footer {position:fixed;padding-bottom:2rem;}
.pop.full.padd-bottom-reset{padding-bottom:0 !important;}
.heading-wrap {margin:2.5rem 0;font-size:2rem;}
.heading-wrap + .listgroup-wrap {margin-top:0}
.heading-wrap .h1 button.btn-info:after {font-size:3rem;}
.heading-wrap + p.gap-xs{margin-top:-1rem !important}
.heading-total-money {display:flex;flex-direction:column;margin:2.8rem 0;line-height:3rem;text-align:center;}
.heading-total-money .data-field {font-size:2.2rem;font-weight:bold;}
.heading-total-money .unit-field {font-size:2.2rem;font-weight:bold;color:#05a5ab;}
.heading-total-money .btn-refresh {margin-top:0.2rem}
.heading-total-money .tooltip-group {justify-content:center;}

/* 팝업 안에 스타일 변경 */
.pop .pop-content .listbox-bordered {flex-direction:column;margin:0 var(--paddMinusCommon);border-top:0;border-bottom:0;padding-top:0;padding-bottom:1rem;}
.pop .pop-content .listbox-bordered .list-item {padding:0;}
.pop .pop-content .listbox-bordered .list-item:not(:last-of-type) {border-bottom:1px solid #e0e0e4;}
.pop .pop-content .listbox-bordered .list-item a {font-size:2rem;padding:2.2rem 2.4rem 2.4rem;max-height:6.6rem;color:#111;}
.pop .pop-content [class^="listbox"] + .listbox [class^="list-"] {padding-top:1rem;}
.pop .pop-content [class^="listbox"] + .listbox {padding-top:0;}
.pop .pop-content .heading-wrap{margin:0 0 2.2rem;}
.pop .pop-content .form-group:not(:first-of-type) {margin-top:2rem;}
.pop .pop-content .complete-page {margin-top:auto;min-height:auto;}
.pop .pop-content .complete-page .inner {padding:2rem 0;}
.pop.full .pop-content .complete-page {min-height:calc(100vh - 21.1rem);}
.pop.full .pop-content .complete-page.top {min-height:calc(100vh - 21.4rem);}
.pop.full .pop-content .complete-page .inner {padding:4rem 0 0;}
.pop .pop-content .bank-list-column {margin:0 var(--paddMinusCommon)}

/* 공통 - 아이프레임(보류) */
.iframes-area {overflow-y:auto;height:calc(100vh - 19.4rem);}
.iframes {width:100%;height:100%;border:0;display:block;}
.iframes.page-type{width:100vw;margin:-1rem var(--paddMinusCommon)}
/* 약관 두개일 때 */
.terms-box{display:flex;flex-direction:column;justify-content:space-between;padding-bottom:0.4rem;box-sizing:border-box;}
.terms-box .title{padding:0.8rem 0;border-top:1px solid #e0e0e4;border-bottom:1px solid #e0e0e4;font-size:1.7rem}
.terms-box iframe{min-height:calc(100vh - 3.375rem);padding:0.625rem 0;}
.terms-box .table th,
.terms-box .table td {padding:1.5rem}
.terms-box .L-text {display:block;position:relative;padding-left:1.6rem;}
.terms-box .L-text::before {content:'└';position:absolute;left:-0.1rem;top:0.2rem;}

/* 공통 완료 페이지 */
/* 완료페이지 */
.complete-page {display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 11rem);}
.complete-page > .inner {padding-top:4.2rem;}
/* case - 바닥 .fixed */
[data-role="content"].fixed .complete-page {min-height:calc(100vh - 18.4rem);}
/* case - 상단정렬 */
.complete-page.top {justify-content:flex-start;margin-top:2rem;}
.complete-page .complete-header {text-align:center;}
.complete-page .complete-header .complete-title {margin-bottom:1.6rem;font-weight:bold;font-size:2rem;color:#111;}
.complete-page .complete-header .complete-text {font-size:1.4rem;}
.complete-page .complete-header .complete-text + .complete-text {margin-top:4.8rem;}
.complete-page .complete-header .complete-text p + p {margin-top:1.6rem;}
/* 완료인데 다른 이미지 들어가는 경우 */
.complete-page .complete-header.img-type .complete-title {margin-bottom:1.6rem;}
.complete-page .complete-header.img-type .complete-title img {margin:0 auto 4rem;}
.complete-page .complete-header.img-type .complete-text {padding-top:0;}
.complete-page .complete-content {margin-top:3rem;}
.complete-page .complete-content .listgroup-wrap,
.complete-page .complete-content .p-notelist-wrap,
.complete-page .complete-content .button-group,
.complete-page .complete-content .banner-box,
.complete-page .complete-content .text-wrap,
.complete-page .complete-content .bg-grey {margin-top:4rem;}
.complete-page .complete-content > *:first-child {margin-top:0;}
.complete-page .complete-content .bg-grey {padding:2rem;}
.complete-page .complete-content .listgroup-wrap + .listgroup-wrap {margin-top:0;}
.complete-page .complete-content .listgroup-wrap .listbox.fold + .button-group {margin-top:0;}
.complete-page .complete-content .listgroup-wrap .listbox + .p-notelist {margin-top:1.2rem;}
.complete-page .complete-content .listgroup-wrap .text-wrap {margin-top:1.2rem;}
.complete-page .complete-content .banner-box img {margin:0 auto;}
.complete-page .complete-content p{display:flex;align-items:center;justify-content:center;}
.complete-page .complete-outer-footer .banner-box {padding:2rem;}
.complete-page .complete-outer-footer:not(.topBorderBold) .banner-box:first-child {padding-top:0;}
.complete-page .complete-outer-footer .banner-box iframe + iframe {margin-top:1.2rem;}
.complete-page .complete-outer-footer .reqAccordion .p-notelist .list-item {margin-bottom:0.8rem;}
.complete-page .complete-outer-footer .reqAccordion .p-notelist .list-item:last-child {margin-bottom:0;}

/* 완료 페이지 이미지 타입 */
.msg-type1,
.msg-type2,
.msg-type3,
.msg-type4,
.msg-type5 {display:block;position:relative;height:5.6rem;margin-bottom:2rem;}
.msg-type1:before {content:'\f928';font-size:5.6rem;width:5.6rem;height:5.6rem;color:#05a5ab;font-family:'allonebank2';}
.msg-type2:before {content:"\f929";color:rgb(34, 34, 34);width:auto;font-size:5.6rem;}
.msg-type2:after {content:"\f92a";margin-left:-1.3408203125em;color:rgb(91, 155, 251);position:absolute;top:0;display:block;left:50%;width:auto;height:5.6rem;font-family:'allonebank2';font-size:5.6rem;margin:0 auto;transform:translateX(-50%);} 
.msg-type3:before {content:'\f927';font-size:5.6rem;width:5.6rem;height:5.6rem;color:#05a5ab;}

/* 베너 */
.banner-box .banner-link{display:block;width:100%;max-width:76rem;margin:0 auto}
.banner-box .banner-link img{display:block;}
.full-width-banner-box{margin:0 var(--paddMinusCommon)}
.full-width-banner-box .banner-link{display:block;width:100%;max-width:76rem;margin:0 auto}
.full-width-banner-box .banner-link img{display:block;margin:0 auto}

/* 얼랏 */
.popup-wrapper.alert-area {background-color:rgba(0, 0, 0, .7);}
.pop.alert {width:calc(100% - 3.5rem);left:50%;bottom:50%;max-height:inherit;padding:0;transform:translate(-50%, 50%);border-radius:0.6rem;}
.pop.alert .alert-cont {padding:0 2rem;text-align:center;}
.pop.alert .pop-header {padding-top:1rem;padding-left:var(--paddCommon);padding-right:var(--paddCommon);margin:0}
.pop.alert .pop-footer {padding:1.6rem;}

/* 토스트 */
.toast-msg {left:50%;bottom:80px;transform:translate(-50%, 0);min-width:23.5rem;max-width:calc(100% - 4rem);padding:1rem 2.4rem;border-radius:1rem;color:#fff;opacity:0;background-color:rgba(77, 80, 97, 0.94);}
.toast-msg .pop-content {padding:0;}
.toast-msg .pop-content p {font-size:1.4rem;color:#fff;}
.opened .toast-msg {animation-name:toast01;animation-duration:4s;animation-timing-function:ease-in;}
@keyframes toast01 {30% {opacity:1;} 90% {opacity:1;} 100% {opacity:0;};}


/* 달력 caledar-wrap */
.caledar-wrap {position:relative;padding:1.6rem;}
.caledar-wrap .btn-icon.close {position:absolute;right:1rem;top:0.8rem;}
/* 달력상단 날짜선택 버튼 영역*/
.caledar-wrap .date-select {margin-bottom:0.8rem;}
.caledar-wrap .date-select .btn-today {width:auto;}
/* 달력 calendar-date-box */
.calendar-date-box {position:relative;}
.calendar-date-box .date-box {padding:0;line-height:2.2rem;font-size:2.8rem;font-weight:bold;color:#111;text-align:center;}
.calendar-date-box .button-box {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:20rem;height:3.2rem;}
.calendar-date-box .button-box button {position:absolute;width:3.2rem;height:3.2rem;background-color:transparent;color:transparent;text-align:center;}
.calendar-date-box .button-box button::before,
.calendar-date-box .button-box button::after {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:3.2rem;height:3.2rem;line-height:3.2rem;font-size:4rem;font-family:'allonebank';color:#111;text-align:center;}
.calendar-date-box .button-box .prevMonth {left:0;}
.calendar-date-box .button-box .nextMonth {right:0;}
.calendar-date-box .button-box .prevMonth:after {content:'\e931';text-indent:-0.3rem;}
.calendar-date-box .button-box .nextMonth:after {content:'\e932';text-indent:-1.3rem;}
/* table */
.caledar-wrap table {table-layout:fixed;margin-top:0.8rem;}
.caledar-wrap thead th {height:4.2rem;border:0;font-size:1.4rem;font-weight:normal;vertical-align:middle;}
.caledar-wrap thead th:first-child {color:#ec0c0c;}
.caledar-wrap thead th:last-child {color:#2c6dd4;}
.caledar-wrap tbody td {padding:0.8rem 0;color:#111;text-align:center;}
.caledar-wrap tbody td > span,
.caledar-wrap tbody td > a {display:flex;justify-content:center;align-items:center;width:3.4rem;height:3.4rem;margin:0 auto;border-radius:100%;text-align:center;padding-bottom:0.3rem;}
.caledar-wrap tbody td:first-child span,
.caledar-wrap tbody td:first-child a {color:#ec0c0c;}
.caledar-wrap tbody td:last-child span,
.caledar-wrap tbody td:last-child a {color:#2c6dd4;}
.caledar-wrap tbody td.is-on {opacity:1;}
.caledar-wrap tbody td.is-on span,
.caledar-wrap tbody td.is-on a {background-color:#f2f2f4;}
.caledar-wrap tbody td.today{opacity:1;}
.caledar-wrap tbody td.today > span,
.caledar-wrap tbody td.today > a {color:#fff;background:#05a5ab;}
.caledar-wrap tbody td.diss {opacity:0.4;}
/* 월 선택 달력 */
.caledar-wrap > .choose_month tbody {margin:1.6rem 0 0;}
.caledar-wrap > .choose_month tbody td {position:relative;padding:0.8rem 0;}
.caledar-wrap > .choose_month tbody td span,
.caledar-wrap > .choose_month tbody td a {width:inherit;height:inherit;color:#646873;}
.caledar-wrap > .choose_month tbody .default {border:1px solid #05a5ab;}

/* 스와이프 */
.swiper-slide a,
.swiper-slide a img {display:block;margin:0 auto}
.pagination-wrap {display:flex;justify-content:center;flex-wrap:nowrap;align-items:center;margin-top:0.7rem;}
.pagination-wrap .swiper-pagination {display:flex;justify-content:center;align-items:flex-end;position:static;}
.pagination-wrap .swiper-pagination .swiper-pagination-bullet {position:relative;display:inline-block;width:1rem;height:1rem;margin-right:0.6rem;background-color:#e0e0e4;opacity:1;}
.pagination-wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color:#05a5ab;}
.pagination-wrap .btn-stop {display:inline-block;width:1.5rem;height:1.5rem;font-size:1px;color:#111}
.pagination-wrap .btn-stop::after {content:'\e999';line-height:1.5rem;font-size:1.5rem;font-family:'allonebank';}
.pagination-wrap .btn-stop.active::after {content:'\e99a';}
/* 스와이프가 1개일 경우 스와이프 기능 정지 */
.swiper-wrapper.disabled{transform:translate3d(0px, 0, 0) !important}
.pagination-wrap.disabled{display:none}

/* footer 컨텐츠 */
.footer-content{display:flex;flex-direction:column;justify-content:center;width:100%;padding:1.2rem 0 1.3rem;margin-top:2.3rem;background-color:#f2f2f4;}
.footer-content .footer-text{font-size:1.3rem;color:#737686;text-align:center}
.footer-content .footer-text:not(:first-child){margin-top:0.4rem;}

/* 서브메인 - 상품 리스트 링크 */
.product-list-box {margin-top:3.5rem;}
.product-list-box li {border:1px solid #e0e0e4;border-radius:0.4rem;}
.product-list-box li:not(:first-child) {margin-top:2rem}
.product-list-box .product-area {margin-top:1.5rem}
.product-list-box .product-unit {display:block;position:relative;padding:1.2rem 1.8rem 1.7rem;}
.product-list-box .product-unit .product-name{display:block;font-size:1.7rem;font-weight:bold;}
.product-list-box .product-unit .product-text{display:block;margin-top:0.2rem;font-size:1.3rem;color:#646873;}
.product-list-box .product-unit.arrow-right::after {right:1rem;}
.product-list-box .product-unit.add-img-illust {display:flex;align-items:center;min-height:8rem;padding:1.2rem 10.5rem 1.2rem 1.7rem}
.product-list-box .product-unit.add-img-illust .img-box {position:absolute;right:0;top:50%;transform:translateY(-50%);width:auto;height:8rem}
.product-list-box .product-unit.add-img-illust .img-box img{height:100%}
.product-list-box .product-unit.add-img-circle {padding:1.7rem 8rem 2rem 1.7rem}
.product-list-box .product-unit.add-img-circle .img-box {overflow:hidden;position:absolute;right:1.7rem;top:50%;transform:translateY(-50%);width:6rem;height:6rem;}
.product-list-box .product-unit.add-img-circle .product-text{margin-top:0.5rem}
.product-list-box .product-unit.add-img-icon {padding:1.8rem 8rem 1.8rem 1.7rem}
.product-list-box .product-unit.add-img-icon .img-box {overflow:hidden;position:absolute;right:1.7rem;top:50%;transform:translateY(-50%);width:2.8rem;height:2.8rem;}
/* .product-list-box .product-unit.case1::after {border-radius:50%;background-color:red;}
.product-list-box .product-unit.case2::after {border-radius:50%;background-color:green;}
.product-list-box .product-unit.case3::after {border-radius:50%;background-color:blue;}
.product-list-box .product-unit.case4::after {border-radius:50%;background-color:yellow;} */

/* 서브메인 - footer banner */
.nh-sub-main-footer {display:flex;justify-content:center;flex-direction:column;align-items:center;margin:4rem var(--paddMinusCommon) 0;backface-visibility:hidden;}

/* 서브메인 - 앱 유도 리스트 */
.app-guide-area {display:flex;flex-direction:column;align-items:center;margin:0 auto}
.app-guide-area a {display:block;}
.app-guide-area [class$="-link"] {position:relative;padding:1rem 0 1rem 5.7rem;}
.app-guide-area [class$="-link"]::after {content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:4.5rem;height:4.5rem;}
.app-guide-area [class$="-link"]:not(:first-of-type) {margin-top:2rem;}
.app-guide-area [class$="-link"] .name {display:block;font-size:1.3rem;font-weight:bold;color:#111;}
.app-guide-area [class$="-link"] .text {display:block;font-size:1.3rem;color:#111;}
.app-guide-area .NH-life-link::after {background:url('/allone/img/ci/nh-life-logo.png') no-repeat 50% / 100% auto}
.app-guide-area .NH-insurance-link::after {background:url('/allone/img/ci/nh-insurance-logo.png') no-repeat 50% / 100% auto}
.app-guide-area .link-QV-arr-link::after {background:url('/allone/img/ci/NHQV-logo.png') no-repeat 50% / 100% auto}
.app-guide-area .link-namu-arr-link::after {background:url('/allone/img/ci/namu-app.png') no-repeat 50% / 100% auto}
.app-guide-area .NH-savings-link::after {background:url('/allone/img/ci/nh-savings-logo.png') no-repeat 50% / 100% auto}
.app-guide-area .NH-capital-link::after {background:url('/allone/img/ci/nh-capital-logo.png') no-repeat 50% / 100% auto}
.app-guide-area .NH-members-link{font-size:1.3rem;font-weight:700;color:#111}
.app-guide-area .NH-members-link::after {background:url('/allone/img/ci/members-logo.png') no-repeat 50% / 100% auto}
.app-guide-area + .footer-content {margin-top:3rem;}

/* 서브타이틀 0318 */
.sub-title-box{display:flex;justify-content:center;align-items:center;position:fixed;left:0;top:0;z-index:100;width:100%;height:4rem;border-bottom:1px solid #e0e0e4;font-size:1.4rem;font-weight:700;background-color:#fff;}/*top:5rem*/
.sub-title-box + .tabs{top:4rem}/*top:9rem*/

/* 각 계열사 서브메인 링크 버튼 */
.home-link-move{position:fixed;right:1.3rem;top:6.5rem;z-index:100;}
.home-link-move .conv-balloon{position:absolute;right:0;top:0;width:0.1rem;height:3rem;line-height:3rem;padding:0 1rem;border-radius:1.4rem;font-size:1.3rem;color:#05a5ab;text-align:center;box-shadow:var(--shadowStyle);background-color:#fff;opacity:0;;transition:all 1s;word-break:break-all;animation:2s forwards ease-in-out balloon-sub-home;}
.home-link-move .conv-balloon span{display:block;overflow:hidden;height:3rem;}
.home-link-move .conv-balloon::after{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);right:-0.7rem;border-left:0.5rem solid #fff;border-top:0.3rem solid transparent;border-bottom:0.3rem solid transparent;border-right:0.3rem solid transparent;}
.home-link-move .home-link{position:absolute;right:0;top:0;width:3rem;height:3rem;border-radius:50%;background-color:#05a5ab;box-shadow:var(--shadowStyle);animation:2s linear link-sub-home;}
.home-link-move .home-link::after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:1.6rem;height:1.6rem;line-height:1.6rem;font-size:1.6rem;color:#fff;background:url('/allone/img/icon/ico-sub-home.svg') no-repeat 50% / auto 100%;}

/* 키패드 스타일 */
.money-keypad{margin:-1.6rem 0}
.money-keypad .input-box{height:8rem;text-align:center;}
.money-keypad .input-box .key-input{opacity:0;position:absolute;left:50%;bottom:0;transform:translateX(-50%);z-index:20;text-align:center;}
.money-keypad .input-box .key-box{display:flex;justify-content:center;align-items:center;position:relative;z-index:20;width:100%;height:3.6rem;text-align:center;}
.money-keypad .input-box .key-box .in-num{display:block;font-size:2.7rem;color:#111;transform:translateY(-2rem);animation:inNumber .5s forwards;}
.money-keypad .input-box .key-box .in-num:nth-last-of-type(3n+1)::after{content:','}
.money-keypad .input-box .key-box .in-num:nth-last-of-type(1)::after{content:none}
.money-keypad .input-box .key-box:after{content:'원';font-size:2.4rem;color:#111;}
@keyframes inNumber{0%{transform:translateY(-3rem);opacity:0;}100%{transform:translateY(0);opacity:1;}}
.money-keypad .input-box .key-box:empty::after{content:'금액입력';color:#aeafb4}
.money-keypad .input-box .info-text{font-size:1.3rem;color:#646873;}
.money-keypad .button-box{display:flex;}
.money-keypad .button-box .button-keypad-set{flex:1;height:3rem;margin-left:.4rem;border-radius:.3rem;background-color:#e0e0e0;}
.money-keypad .button-box .button-keypad-set:first-child{margin-left:0;}
.money-keypad .keypad-box{display:flex;flex-wrap:wrap;justify-content:space-between;height:23.5rem;margin-top:1.5rem;}
.money-keypad .keypad-box [class^="num"]{width:33%;height:5.5rem;color:transparent}
.money-keypad .keypad-box .num1{background:#fff url('/allone/img/common/1_off.png') no-repeat 50% / auto 1.8rem;}
.money-keypad .keypad-box .num2{background:#fff url('/allone/img/common/2_off.png') no-repeat 50% / auto 1.8rem;}
.money-keypad .keypad-box .num3{background:#fff url('/allone/img/common/3_off.png') no-repeat 50% / auto 1.8rem;}
.money-keypad .keypad-box .num4{background:#fff url('/allone/img/common/4_off.png') no-repeat 50% / auto 1.8rem;}
.money-keypad .keypad-box .num5{background:#fff url('/allone/img/common/5_off.png') no-repeat 50% / auto 1.8rem;}
.money-keypad .keypad-box .num6{background:#fff url('/allone/img/common/6_off.png') no-repeat 50% / auto 1.8rem;}
.money-keypad .keypad-box .num7{background:#fff url('/allone/img/common/7_off.png') no-repeat 50% / auto 1.8rem;}
.money-keypad .keypad-box .num8{background:#fff url('/allone/img/common/8_off.png') no-repeat 50% / auto 1.8rem;}
.money-keypad .keypad-box .num9{background:#fff url('/allone/img/common/9_off.png') no-repeat 50% / auto 1.8rem;}
.money-keypad .keypad-box .num0{background:#fff url('/allone/img/common/0_off.png') no-repeat 50% / auto 1.8rem;}
.money-keypad .keypad-box .double0{width:33%;height:5.5rem;color:transparent;background:#fff url('/allone/img/common/00_off.png') no-repeat 50% / auto 1.8rem;}
.money-keypad .keypad-box .del{width:33%;height:5.5rem;color:transparent;background:#fff url('/allone/img/common/del.png') no-repeat 50% / auto 1.8rem;}
/* 누르는 중 스타일 */
.money-keypad .keypad-box .num1:active{background-image:url('/allone/img/common/1_on.png')}
.money-keypad .keypad-box .num2:active{background-image:url('/allone/img/common/2_on.png')}
.money-keypad .keypad-box .num3:active{background-image:url('/allone/img/common/3_on.png')}
.money-keypad .keypad-box .num4:active{background-image:url('/allone/img/common/4_on.png')}
.money-keypad .keypad-box .num5:active{background-image:url('/allone/img/common/5_on.png')}
.money-keypad .keypad-box .num6:active{background-image:url('/allone/img/common/6_on.png')}
.money-keypad .keypad-box .num7:active{background-image:url('/allone/img/common/7_on.png')}
.money-keypad .keypad-box .num8:active{background-image:url('/allone/img/common/8_on.png')}
.money-keypad .keypad-box .num9:active{background-image:url('/allone/img/common/9_on.png')}
.money-keypad .keypad-box .num0:active{background-image:url('/allone/img/common/0_on.png')}
.money-keypad .keypad-box .num00:active{background-image:url('/allone/img/common/00_on.png')}
.money-keypad .keypad-box .double0:active{background-image:url('/allone/img/common/00_on.png')}
.money-keypad .keypad-box .del:active{background-image:url('/allone/img/common/del_on.png')}

@keyframes balloon-sub-home{
	0% {right:0;width:0.1rem;}
	30% {right:4rem;width:0.1rem;opacity:1;}
	60% {width:8rem;color:#05a5ab}
	70% {right:4rem;width:8rem;}
	80% {right:4rem;opacity:1;}
	100% {width:8rem;opacity:0;}
}
@keyframes link-sub-home{
	0%{right:-4rem}
	10%{right:4rem;}
	20%{right:-1rem;transform:scale(1,1)}
	25%{right:-1rem;transform:scale(1,1.5)}
	30%{right:0;transform:scale(1,1)}
	60%{transform:scale(1,1)}
	65%{transform:scale(1,1.5)}
	70%{transform:scale(1.5,1)}
	75%{transform:scale(1,1.5)}
	80%{transform:scale(1.5,1)}
}