@charset "utf-8";
@import url(./swiper-7.0.8.min.css);
@import url(./layout.css);
/*-----------------------------------------------------------------------------------
    # 운영반영일시 : 2024.00.00 00:00
    # 최종수정일시 : 2024.00.00 00:00
-----------------------------------------------------------------------------------*/

.hide, .hidden {overflow:hidden;position:absolute;width:1px;height:1px;opacity:0;font-size:0.1rem;line-height:1;}
.none, .d-none {display:none!important;}
:not(.modal).show {display:block !important;}
::placeholder {color:var(--w-color-text-default-04);text-align:left;-webkit-text-fill-color:var(--w-color-text-default-04);}

/*-----------------------------------------------------------------------------------
# guide content: 텍스트 강조/색상
-----------------------------------------------------------------------------------*/
/* 색상 */
.red {color:var(--w-color-text-critical-enabled) !important;}
.blue {font-weight:inherit;color:var(--w-color-text-primary-enabled) !important;}
.black {color:var(--w-color-text-default-01);}
/* 두께 */
.regular {font-weight:400 !important;}
.medium {font-weight:500 !important;}
.semibold {font-weight:600 !important;}
.bold {font-weight:700 !important;}
/* 여백/간격 */
.pb0 {padding-bottom:0 !important;}

/*-----------------------------------------------------------------------------------
# guide content : 토스트
-----------------------------------------------------------------------------------*/
/* toast message */
.toast {display:-webkit-flex;display:flex;flex-direction:column;align-items:center;justify-content:center;position:fixed;bottom:90px;left:0;right:0;padding:0 20px;z-index:999999;}
.toast .msg {display:-webkit-inline-flex;display:inline-flex;position:relative;flex-wrap:wrap;align-items:center;justify-content:flex-start;width:fit-content;min-height:56px;padding:12px 16px 12px 48px;font:var(--w-typography-b1-400);color:var(--w-color-text-onAccent-01);background:var(--w-color-surface-toastBg-enabled);border-radius:var(--radius12);word-break:break-all;box-shadow:var(--w-shadow-03);}
.toast .msg + .msg {margin-top:8px;}
/* .toast .msg {display:-webkit-flex;display:flex;align-items:center;justify-content:flex-start;
	max-width:calc(100vw - 40px - (16px * 2) - 49px);margin-right:8px;margin-bottom:8px;word-break:break-all;} */
.toast .msg.common {padding-left:16px;}
.toast .msg:before {content:'';display:block;position:absolute;left:16px;top:50%;flex:none;width:24px;height:24px;margin-right:8px;margin-top:-12px;background-position:center;background-size:24px;}
.toast .msg.success:before {background-image:url(./../img/icon/modeComp/color/state-success.svg);}
.toast .msg.caution:before {background-image:url(./../img/icon/modeComp/color/state-caution.svg);}
.toast .msg.error:before {background-image:url(./../img/icon/modeComp/color/state-error.svg);}
/* .toast .msg > button {margin-left:auto;margin-bottom:8px;padding:6px 8px;font:var(--w-typography-b2-600);color:var(--w-color-text-onAccent-01);background:var(--w-color-surface-toastBtn-enabled);border-radius:var(--radius6);} */


/*-----------------------------------------------------------------------------------
# guide content : 모달 메세지(.center-msg) - 바텀시트 내 중앙정렬 메시지
-----------------------------------------------------------------------------------*/
.modal-bottom .tit1 {padding-bottom:12px;font:var(--w-typography-b1-600);color:var(--w-color-text-default-01);}
.modal-bottom .txt1,
.modal-bottom .txt2 {word-break:break-all;}
.modal-bottom .txt1 {font:var(--w-typography-b1-400);color:var(--w-color-text-default-02);}
.modal-bottom .txt2 {margin:2px 0;color:var(--w-color-text-default-01);}
.modal-bottom .txt1 + .txt1 {margin-top:2px;}
.modal-bottom .txt3 {padding-bottom:12px;font:var(--w-typography-b1-500);color:var(--w-color-text-default-02);}
.modal-bottom .center-msg {text-align:center;}
.modal-bottom .center-msg .tit-sub5 + .txt {margin-top:0.5rem;color:var(--w-color-text-default-03);}

/*-----------------------------------------------------------------------------------
# guide content : 모달리스트(.modal-list) - 바텀시트 내 리스트/라디오/select 타입
-----------------------------------------------------------------------------------*/
.modal-bottom .modal-list .modal-body {padding-bottom:0 !important;}
/* tab */
.modal-content [role=tabpanel] {padding:24px 0 32px;transition:all 0.7s;max-height:var(--tab-max-height, auto);
	--tab-height:calc((4px * 2) + 2.5rem);}
/* tab - 풀팝업 */
.modal-full .modal-content [role=tabpanel] {
	--tab-max-height:calc((var(--vh, 1vh) * 100) - 51px - 24px - 54px - var(--tab-height));}
/* tab - 바텀시트 */
.modal-bottom .modal-content [role=tabpanel] {
	--tab-max-height:calc((var(--vh, 1vh) * 85) - var(--modal-bottom-space) - var(--tab-height));
	max-height:var(--tab-max-height);
	background-color:var(--w-color-background-elavated-02);}
.modal-bottom .modal-content[data-mode=expanded] [role=tabpanel] {--tab-max-height:calc((var(--vh, 1vh) * 85) - var(--modal-bottom-space) - var(--tab-height));}

/*--------------------------------------------------------------------------------
	약관페이지
---------------------------------------------------------------------------------*/
.modal-body .wrap-terms .won_agreement * {letter-spacing:-0.05em}
.modal-body .wrap-terms .won_agreement .f_700 {font-weight:700 !important;}
.modal-body .wrap-terms .won_agreement .f_15 {font-size:0.9375rem !important;}
.modal-body .wrap-terms .won_agreement .underline {position:relative;}
.modal-body .wrap-terms .won_agreement .underline:before {content:'';display:block;position:absolute;left:0;right:0;bottom:-2px;width:100%;height:1px;background:var(--w-color-border-default-01);}
.modal-body .wrap-terms .won_agreement .index_txt {padding:0 0 12px;font:var(--w-typography-h5-600);color:var(--w-color-text-default-01);}
.modal-body .wrap-terms .won_agreement .table_sheet + .index_txt {margin-top:20px;}
.modal-body .wrap-terms .won_agreement .desc_txt {position:relative;padding-left:16px;font-size:0.75rem;line-height:1.3;}
.modal-body .wrap-terms .won_agreement .desc_txt:before {content:'※';display:block;position:absolute;top:-3px;left:0;font-size:1.0625rem;color:var(--w-color-text-default-03);line-height:1.3;}
.modal-body .wrap-terms .prog_tit {display:-webkit-inline-flex;display:inline-flex;margin:40px 0 16px;padding:8px 12px 8px 8px;font-size:16px;color:#fff;background-color:rgba(18, 64, 110, 1);border-radius:50px;}
.modal-body .wrap-terms .prog_tit .num {display:-webkit-inline-flex;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;font-weight:700;font-size:16px;color:rgba(18, 64, 110, 1);line-height:20px;background-color:#fff;border-radius:20px;}
.modal-body .wrap-terms .prog_tit .txt {margin-left:6px;}
.modal-body .wrap-terms .table.tx-left th {text-align:left;vertical-align:top;}
.modal-body .wrap-terms .won_agreement .doc_tit {padding-bottom:24px;font:var(--w-typography-h3-700);color:var(--w-color-text-default-01);}
.modal-body .wrap-terms .won_agreement .won_table.t_blue .head_cell {padding:12px;font:var(--w-typography-b2-500);color:var(--w-color-text-default-01);text-align:left;background:var(--w-color-surface-default-02-enabled);border-top:var(--w-borderWidth-01) solid var(--w-color-border-default-04);}
.modal-body .wrap-terms .won_agreement .won_table.t_blue .body_cell{padding:12px;font:var(--w-typography-b2-400);color:var(--w-color-text-default-02);background:var(--w-color-surface-default-01-enabled);border:var(--w-borderWidth-01) solid var(--w-color-border-default-07);border-width:0 0 var(--w-borderWidth-01) 0;}
.modal-body .wrap-terms .won_agreement .won_table.t_blue .body_cell.op_border:empty {padding:0;}
.modal-body .wrap-terms .won_agreement .won_table.t_blue .body_cell .blue_box {display:block;width:100%;margin-top:10px;padding:10px;line-height:0.9375rem;background:var(--w-color-surface-primary-subdued-enabled);border-radius:12px;}
.modal-body .wrap-terms .won_agreement .won_table.t_blue .body_cell .chk_txt {font:var(--w-typography-b1-700)}
.modal-body .wrap-terms .won_agreement .won_table.t_blue .chk_cell .chk_box ul {display:-webkit-flex;display:flex;margin:10px 0 30px;}
.modal-body .wrap-terms .won_agreement .won_table.t_blue .chk_cell .chk_box ul li {position:relative;padding-left:20px;}
.modal-body .wrap-terms .won_agreement .won_table.t_blue .chk_cell .chk_box ul li:before {content:'';display:block;position:absolute;left:0;top:50%;width:12px;height:12px;margin-top:-7px;border:1px solid var(--w-color-text-default-02);}
.modal-body .wrap-terms .won_agreement .won_table.t_blue .chk_cell .chk_box ul li + li {margin-left:12px;}
.modal-body .wrap-terms .won_agreement .won_table.t_yellow .head_cell {margin-top:52px;padding:0 0 12px;font:var(--w-typography-b1-600);color:var(--w-color-text-default-01);}
.modal-body .wrap-terms .won_agreement .won_table.t_yellow .head_cell p {position:relative;/*padding-left:7px;*/}
/* .modal-body .wrap-terms .won_agreement .won_table.t_yellow .head_cell p:before {content:'';display:block;position:absolute;left:0;top:50%;width:3px;height:14px;margin-top:-7px;background:var(--w-color-text-default-02);} */
.modal-body .wrap-terms .won_agreement .sign_box {color:var(--w-color-text-default-01);}
.modal-body .wrap-terms .won_agreement .sign_box .sign_date {display:-webkit-flex;display:flex;justify-content:flex-end;margin-top:24px;}
.modal-body .wrap-terms .won_agreement .sign_box .sign_date li {padding-left:28px}
.modal-body .wrap-terms .won_agreement .sign_box .sign_name {display:-webkit-flex;display:flex;justify-content:flex-end;margin-top:12px;}
.modal-body .wrap-terms .won_agreement .sign_box .sign_name li {padding-left:48px}
.modal-body .wrap-terms .won_agreement .sign_box + .desc_txt {margin-top:30px;}
/* ****************************************************************************** */
.modal-body .wrap-terms .table table {border-top:var(--w-borderWidth-01) solid var(--w-color-border-default-04);}
.modal-body .wrap-terms .table table strong {font-weight:700 !important;color:var(--w-color-text-default-01);}
.modal-body .wrap-terms .table.tx-left table td {text-align:left;}
.modal-body .wrap-terms .tit-h4 {margin-bottom:16px;font:var(--w-typography-h5-600);color:var(--w-color-text-default-01);}
.modal-body .wrap-terms .table + .tit-h4 {position:relative;margin:40px 0 20px;font-weight:700;/*padding-left:7px;*/}
/* .modal-body .wrap-terms .table + .tit-h4:before {content:'';display:block;position:absolute;left:0;top:50%;width:3px;height:14px;margin-top:-7px;background:var(--w-color-text-default-02);} */
.modal-body .wrap-terms .sub-tbl-tit {display:block;font:var(--w-typography-b1-600);color:var(--w-color-text-default-01);}
.modal-body .wrap-terms .sub-tbl-tit + .table {margin-top:16px !important;}
.modal-body .wrap-terms .agree-gray-box + .sub-tbl-tit {margin-top:40px;}
.modal-body .wrap-terms .agree-gray-box {padding:16px;background:var(--w-color-surface-default-02-enabled);border-radius:var(--radius16);}
.modal-body .wrap-terms .agree-gray-box .form-group {position:relative;}
.modal-body .wrap-terms .agree-gray-box .form-group + .form-group {margin-top:8px;}
.modal-body .wrap-terms .agree-gray-box .form-group [type=radio] {position:absolute;}
.modal-body .wrap-terms .agree-gray-box .form-group [type=radio] + label {display:block;position:relative;min-height:1.5rem;padding-left:32px;font:var(--w-typography-b1-500);color:var(--w-color-text-default-01);line-height:1.5rem;}
.modal-body .wrap-terms .agree-gray-box .form-group [type=radio] + label:before {content:'';display:block;position:absolute;left:0;top:0;width:24px;height:24px;background-image:url(./../img/icon/modeComp/color/ico_radio_circle_off.svg);background-repeat:no-repeat;background-size:24px;}
.modal-body .wrap-terms .agree-gray-box .form-group [type=radio]:checked + label:before {background-image:url(./../img/icon/modeComp/color/ico_radio_circle_on.svg);}
.modal-body .wrap-terms .agree-ck-box {display:-webkit-flex;display:flex;justify-content:flex-start;margin-top:20px;}
.modal-body .wrap-terms .agree-ck-box .form-group [type=checkbox] + label {display:inline-block;position:relative;min-height:1.5rem;padding:0 10px 0 32px;font:var(--w-typography-b1-500);color:Var(--w-color-text-default-01);line-height:1.5rem;}
.modal-body .wrap-terms .agree-ck-box .form-group [type=checkbox] + label:before {content:'';display:block;position:absolute;left:0;top:0;width:24px;height:24px;background-color:var(--w-color-icon-default-07);-webkit-mask-size:24px;mask-size:24px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-image:url(./../img/icon/modeComp/color/check-on.svg);mask-image:url(./../img/icon/modeComp/color/check-on.svg);}
.modal-body .wrap-terms .agree-ck-box .form-group [type=checkbox]:checked + label:before {background-color:var(--w-color-icon-primary-enabled);}
.modal-body .wrap-terms .nm-agree-txt {margin:16px 0 0;font:var(--w-typography-b2-500);color:var(--w-color-text-default-02);}
.modal-body .wrap-terms .risk-badge-tit {display:-webkit-flex;display:flex;align-items:baseline;justify-content:space-between;margin:16px 0;}
.modal-body .wrap-terms .risk-badge-tit .rb-txt {font:var(--w-typography-b2-500);color:var(--w-color-text-default-02);word-break:break-all;}
.modal-body .wrap-terms .risk-badge-tit .rb-badge {display:block;flex:none;width:63px;padding:3.5px 6px;margin-left:16px;font:var(--w-typography-d2-700);text-align:center;border-radius:var(--radius12);}
.modal-body .wrap-terms .risk-badge-tit .rb-badge.level-1 {color:#111;background-color:#35bae7;}
.modal-body .wrap-terms .risk-badge-tit .rb-badge.level-2 {color:#fff;background-color:#6bc95a;}
.modal-body .wrap-terms .risk-badge-tit .rb-badge.level-3 {color:#111;background-color:#ffdd21;}
.modal-body .wrap-terms .risk-badge-tit .rb-badge.level-4 {color:#111;background-color:#ffa150;}
.modal-body .wrap-terms .risk-badge-tit .rb-badge.level-5 {color:#111;background-color:#ff4a2e;}
/* 위험등급 뱃지 */
.modal-body .wrap-terms .star-noti-txt {position:relative;margin-top:30px;padding-left:10px;font:var(--w-typography-d2-400);color:var(--w-color-text-default-03);}
.modal-body .wrap-terms .star-noti-txt:before {content:'*';display:block;position:absolute;left:0;top:2px;}
.modal-body .wrap-terms .star-noti-txt + .star-noti-txt {margin-top:10px;}
.modal-body .wrap-terms .sm-star-txt {position:relative;margin-top:10px;padding-left:10px;font:var(--w-typography-d2-500);color:var(--w-color-text-default-04);}
.modal-body .wrap-terms .sm-star-txt:before {content:'*';display:block;position:absolute;left:0;top:1px;}
.modal-body .wrap-terms .risk-gray-divider {width:calc(100% + 40px);height:8px;margin:40px 0 40px -20px;background-color:var(--w-color-background-lowered-01);}
/* 위험도 표시바 */
.modal-body .wrap-terms .won_agreement .progress_bar {display:block;box-sizing:border-box;margin-top:20px;padding:16px 0;}
.modal-body .wrap-terms .won_agreement > .progress_bar {margin-top:0;/*padding:16px;background-color:#F5F5F5;border-radius:var(--radius6);*/}
.modal-body .wrap-terms .won_agreement .progress_bar .prog_tit {margin:0 0 6px;}
.modal-body .wrap-terms .won_agreement .progress_bar .color_bar {display:flex;z-index:0;width:100%;height:28px;margin:0;margin-top:36px;position:relative;box-sizing:border-box;border:5px solid #fff;border-radius:14px;box-shadow:0 1px #ccc;}
.modal-body .wrap-terms .won_agreement .progress_bar .color_bar:before {content:'';display:block;width:100%;height:50%;position:absolute;left:0;top:50%;z-index:1;background-color:rgba(0, 0, 0, 0.075);border-bottom-left-radius:9px;border-bottom-right-radius:9px;}
.modal-body .wrap-terms .won_agreement .progress_bar .color_bar li {width:20%;position:relative;}
.modal-body .wrap-terms .won_agreement .progress_bar .color_bar li:before {display:block;position:absolute;
color:var(--w-color-text-default-01);top:-30px;left:0;width:100%;height:14px;font-weight:700;font-size:12px;text-align:center;}
.modal-body .wrap-terms .won_agreement .progress_bar .color_bar li:nth-child(1) {background-color:#35bae7;border-top-left-radius:9px;border-bottom-left-radius:9px;}
.modal-body .wrap-terms .won_agreement .progress_bar .color_bar li:nth-child(2) {background-color:#6bc95a;}
.modal-body .wrap-terms .won_agreement .progress_bar .color_bar li:nth-child(3) {background-color:#ffdd21;}
.modal-body .wrap-terms .won_agreement .progress_bar .color_bar li:nth-child(4) {background-color:#ffa150;}
.modal-body .wrap-terms .won_agreement .progress_bar .color_bar li:nth-child(5) {background-color:#ff4a2e;border-top-right-radius:9px;border-bottom-right-radius:9px;}
.modal-body .wrap-terms .won_agreement .progress_bar .color_bar li:nth-child(1):before {content:'안심';}
.modal-body .wrap-terms .won_agreement .progress_bar .color_bar li:nth-child(2):before {content:'다소 안심';}
.modal-body .wrap-terms .won_agreement .progress_bar .color_bar li:nth-child(3):before {content:'보통';}
.modal-body .wrap-terms .won_agreement .progress_bar .color_bar li:nth-child(4):before {content:'신중';}
.modal-body .wrap-terms .won_agreement .progress_bar .color_bar li:nth-child(5):before {content:'주의';}
.modal-body .wrap-terms .won_agreement .progress_bar .color_bar li span.selected {width:16px;height:16px;position:absolute;top:calc(50% + 4px);left:calc(50% - 8px);box-sizing:border-box;border:4px solid #333;border-radius:8px;}
.modal-body .wrap-terms .won_agreement .progress_bar .color_bar li span.selected:before {content:'';display:block;width:6px;height:6px;position:absolute;top:-6px;left:1px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);background-color:#333;}
.modal-body .wrap-terms .won_agreement .progress_bar .color_bar li span.selected::after {content:'';display:block;width:8px;height:8px;position:absolute;top:0;left:0;z-index:3;border-radius:4px;background-color:#fff;}
.modal-body .wrap-terms .won_agreement .progress_bar .desc_txt.star-noti {margin-top:12px;padding-left:10px;font-weight:700;color:var(--w-color-text-default-04);}
.modal-body .wrap-terms .won_agreement .progress_bar .desc_txt.star-noti:before {content:'*';top:2px;font-size:0.75rem;}
.modal-body .wrap-terms .won_agreement + .table {margin-top:24px !important;}

.modal-body #termsDt {color:var(--w-color-text-default-02);}
.modal-body #termsDt p {color:var(--w-color-text-default-02) !important;background: transparent !important;}
.modal-body #termsDt p span,
.modal-body #termsDt p font {background:transparent !important;color: inherit !important;}
.modal-body #termsDt .prog_tit .num {color:rgba(18, 64, 110, 1) !important;background:#fff !important;}
.modal-body #termsDt .prog_tit .txt {color:#fff !important;}
/* 신용대출약관 */
.modal-body #termsDt > font > div {color:var(--w-color-text-default-02) !important;background:transparent !important;}
.modal-body #termsDt > font > div > span {color:var(--w-color-text-default-02) !important;background:transparent !important;}
.modal-body #termsDt > font span {color:var(--w-color-text-default-02) !important;background:transparent !important;}
.modal-body #termsDt > font a > font {color:var(--w-color-text-default-02) !important;}

/*--------------------------------------------------------------------------------
	# guide content : BUTTON
---------------------------------------------------------------------------------*/
/* btn-* 사이즈별 공통 (xs/sm/md/lg) */
[class^=btn-][class*=-lg] {display:block;width:100%;border-radius:var(--radius12);}
[class^=btn-][class*=-lg] span {display:-webkit-flex;display:flex;align-items:center;justify-content:center;height:3.5rem;height:calc((17px * 1.4) + 32px);padding:16px 2px;font:var(--w-typography-h5-600);}
[class*=btn-].load span:before{content:'';display:inline-block;width:16px;height:16px;margin-right:4px;
	/*(수정)로딩아이콘수급*/background:#fff;border:1px solid #999;vertical-align:text-bottom;opacity:0.5;border-radius:5px;}
[class^=btn-][class*=-lg].load span:before,
[class^=btn-][class*=-md].load span:before {width:20px;height:20px;}
[class^=btn-][class*=-md] {display:block;width:100%;border-radius:var(--radius10);}
[class^=btn-][class*=-md] span {display:-webkit-flex;display:flex;align-items:center;justify-content:center;height:calc((17px * 1.4) + 24px);padding:4px 2px;font:var(--w-typography-h5-600);}
[class^=btn-][class*=-sm] {border-radius:var(--radius8);}
[class^=btn-][class*=-sm] span {display:-webkit-flex;display:flex;align-items:center;justify-content:center;min-height:40px;padding:5px 12px;font:var(--w-typography-b1-600);}
[class^=btn-][class*=-xs] {border-radius:var(--radius6);}
[class^=btn-][class*=-xs] span {display:-webkit-flex;display:flex;align-items:center;justify-content:center;min-height:32px;padding:4px 8px;font:var(--w-typography-b2-600);}
/* 공통선언 */
[class^=btn-] {flex:none;position:relative;overflow:hidden;}
[class^=btn-] span {display:block;position:relative;border-radius:inherit;}
[class^=btn-]:active:before {content:'';z-index:0;display:block;position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;}
[class^=btn-][disabled]:before {content:'';z-index:0;display:block;position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;background:var(--w-color-surface-default-disabled);}

/* btn-action */
[class^=btn-action] {background:var(--w-color-surface-primary-enabled);}
[class^=btn-action] span {display:flex;justify-content:center;align-items:center;left:0;right:0;top:0;bottom:0;color:var(--w-color-text-onAccent-01);text-align:center;}
[class^=btn-action]:active:before {background-color:var(--w-color-surface-accent-pressed);}
[class^=btn-action][disabled]:before {background-color:var(--w-color-surface-accent-disabled);}
[class^=btn-action][disabled] span {color:var(--w-color-text-onAccent-disabled);}
/* btn-action 타입별 */
[class*=btn-action].t1 {background:var(--w-color-surface-primary-subdued-enabled);}
[class*=btn-action].t1 span {color:var(--w-color-text-primary-enabled);}
[class*=btn-action].t1:active:before {background:var(--w-color-surface-subdued-pressed);}
[class*=btn-action].t1[disabled]:after {background:var(--w-color-surface-subdued-disabled);}
[class*=btn-action].t1[disabled] span {color:var(--w-color-text-primary-disabled);}
[class*=btn-action].t2 {background:var(--w-color-surface-critical-enabled);}
[class*=btn-action].t2 span {color:var(--w-color-text-onAccent-01);}
[class*=btn-action].t2:active:before {background:var(--w-color-surface-accent-pressed);}
[class*=btn-action].t2[disabled]:after {background:var(--w-color-surface-accent-disabled);}
[class*=btn-action].t2[disabled] span {color:var(--w-color-text-onAccent-disabled);}
[class*=btn-action].t3 {border-radius:0;}
[class*=btn-action].t3:active:before {background:var(--w-color-surface-accent-pressed);}
[class*=btn-action].t3[disabled]:after {background:var(--w-color-surface-accent-disabled);}
[class*=btn-action].t3[disabled] span {color:var(--w-color-text-onAccent-disabled);}

/* btn-comm */
[class*=btn-comm] {background:var(--w-color-surface-default-01-enabled);}
[class*=btn-comm] span {display:flex;justify-content:center;align-items:center;left:0;right:0;top:0;bottom:0;color:var(--w-color-text-default-02);text-align:center;
	border:1px solid var(--w-color-border-default-04);
	border-color:var(--w-color-border-button-01);
}
[class*=btn-comm]:active:before {background-color:var(--w-color-surface-default-pressed);}
[class*=btn-comm][disabled]:after {background-color:var(--w-color-surface-default-disabled);}
[class*=btn-comm][disabled] span {color:var(--w-color-text-default-disabled);}
/* btn-comm 타입별 */
[class*=btn-comm].t1 {background:var(--w-color-surface-default-03-enabled);}
[class*=btn-comm].t1 span {border:transparent;}
[class*=btn-comm].t2 {background:var(--w-color-surface-default-00-enabled);}
[class*=btn-comm].t2:active:before {background:var(--w-color-surface-default-pressed);}
[class*=btn-comm].t2[disabled] {background:var(--w-color-surface-default-00-disabled);}
[class*=btn-comm].t2[disabled]:after {display:none;}
[class*=btn-comm].t3 {background:var(--w-color-surface-default-00-enabled);}
[class*=btn-comm].t3 span {color:var(--w-color-text-onAccent-01);border:1px solid var(--w-color-border-onAccent-01);}
[class*=btn-comm].t3:active:before {background:var(--w-color-surface-default-pressed);}
[class*=btn-comm].t3:active span {border-color:var(--w-color-border-onAccent-02);}
[class*=btn-comm].t3[disabled]:after {background:var(--w-color-surface-default-00-disabled);}
[class*=btn-comm].t3[disabled] span {color:var(--w-color-text-onAccent-disabled);border-color:var(--w-color-border-default-05);}
[class*=btn-comm].t4 {background:var(--w-color-surface-default-00-enabled);}
[class*=btn-comm].t4 span {color:var(--w-color-text-primary-enabled);border:transparent;}
[class*=btn-comm].t4:active:before {background:var(--w-color-surface-default-pressed);}
[class*=btn-comm].t4[disabled] {background:var(--w-color-surface-default-00-disabled);}
[class*=btn-comm].t4[disabled]:after {display:none;}
[class*=btn-comm].t4[disabled] span {color:var(--w-color-text-primary-disabled);}
[class*=btn-comm].t5 {background:var(--w-color-surface-default-00-enabled);}
[class*=btn-comm].t5 span {color:var(--w-color-text-default-03);border:none;}
[class*=btn-comm].t5:active:before {background:var(--w-color-surface-default-pressed);}
[class*=btn-comm].t5[disabled] {background:var(--w-color-surface-default-00-disabled);}
[class*=btn-comm].t5[disabled]:after {display:none;}
[class*=btn-comm].t5[disabled] span {color:var(--w-color-text-default-disabled);}

/* btn-round */
[class^=btn-][class*=round] {border-radius:20px;}
[class^=btn-][class*=round]:active:before {background:var(--w-color-surface-default-pressed);}
[class^=btn-][class*=round] span {color:var(--w-color-text-default-02);border:1px solid var(--w-color-border-default-04);}
[class^=btn-][class*=round].load span:before {content:'';display:block;position:absolute;top:50%;transform:translateY(-50%);}
/* btn-round 사이즈별 (xxs / xs / sm) */
[class^=btn-round][class*=-xxs] span {padding:5px 8px;font:var(--w-typography-d2-600);}
[class^=btn-round][class*=-xxs].load span {padding-left:30px;}
[class^=btn-round][class*=-xxs].load span:before {left:0.5rem;margin-right:0.6px;}
[class^=btn-round][class*=-xs] span {padding:7px 12px;font:var(--w-typography-d1-600);}
[class^=btn-round][class*=-xs].load span {padding-left:32px;}
[class^=btn-round][class*=-xs].load span:before {left:0.75rem}
[class^=btn-round][class*=-sm] span {padding:9.5px 16px;}
[class^=btn-round][class*=-sm].load span {padding-left:37px;}
[class^=btn-round][class*=-sm].load span:before {left:16px;}
/* btn-comm 타입별 */
[class^=btn-round].action {background:var(--w-color-surface-primary-enabled);}
[class^=btn-round].action span {color:var(--w-color-text-onAccent-01);border:none;}
[class^=btn-round].action:active:before {background:var(--w-color-surface-accent-pressed);}
[class^=btn-round].action[disabled]:after {background:var(--w-color-surface-accent-disabled);}
[class^=btn-round].action[disabled] span {color:var(--w-color-text-onAccent-disabled);}
[class^=btn-round]:not(.action):not(.t1):not(.t2)[disabled] {background:var(--w-color-surface-default-00-disabled);}
[class^=btn-round]:not(.action):not(.t1):not(.t2)[disabled]:after {display:none;}
[class^=btn-round]:not(.action):not(.t1):not(.t2)[disabled] span {color:var(--w-color-text-default-disabled);}
[class^=btn-round].t1 {background:var(--w-color-surface-default-01-enabled);}
[class^=btn-round].t1:active:before {background:var(--w-color-surface-default-pressed);}
[class^=btn-round].t1[disabled]:after {background:var(--w-color-surface-default-disabled);}
[class^=btn-round].t1[disabled] span {color:var(--w-color-text-default-disabled);border-color:var(--w-color-border-default-05);}
[class^=btn-round].t2 {background:var(--w-color-surface-default-03-enabled);}
[class^=btn-round].t2 span {border:transparent;}
[class^=btn-round].t2[disabled]:after {background:var(--w-color-surface-default-disabled);}
[class^=btn-round].t2[disabled] span {color:var(--w-color-text-default-disabled);}

/* --------------------------------------------------------------------------------
	그 외 기타버튼
-------------------------------------------------------------------------------- */
/* 전화버튼 */
.btn-call1 {display:-webkit-inline-box;display:inline-flex;align-items:center;justify-content:center;position:relative;min-height:calc((15px * 1.4) + 19px);padding:5px 12px;background-color:var(--w-color-surface-default-01-enabled);border:var(--w-borderWidth-01) solid var(--w-color-border-default-04);border-color:var(--w-color-border-button-01);/*2024-11-04 수정*/border-radius:6px;}
.btn-call1 span {display:-webkit-flex;display:flex;align-items:center;justify-content:center;font:var(--w-typography-b1-600);color:var(--w-color-text-default-02);}
.btn-call1 span:before {content:'';display:block;position:relative;width:16px;height:16px;margin-right:5px;background-color:var(--w-color-icon-default-02);-webkit-mask:url(../img/icon/modeComp/base/phone-fill.svg) center no-repeat;mask:url(./../img/icon/modeComp/base/phone-fill.svg) center no-repeat;}
/* 직접입력 버튼 */
.btn-add {display:block;position:relative;width:100%;min-height:calc(40px + 32px);padding:16px 20px 16px 56px;font:var(--w-typography-h5-600);color:var(--w-color-text-default-01);text-align:left;background:url(./../img/icon/modeComp/color/add-bg-circle-gray.svg) no-repeat;background-position:left center;}
/* tooltip 버튼 */
.tooltip {display:block;width:24px;height:24px;margin-left:2px;background-color:var(--w-color-icon-default-04);-webkit-mask-image:url(../img/icon/modeComp/base/help.svg);mask-image:url(../img/icon/modeComp/base/help.svg);-webkit-mask-size:20px;mask-size:20px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;}
.tit-sub1 .tooltip {margin-bottom:auto;height:calc(1.0625rem * 1.4);}

/*--------------------------------------------------------------------------------
	# guide content : 텍스트 버튼
---------------------------------------------------------------------------------*/
/* 언더라인형 */
.line-btn1 {display:inline-block;font:var(--w-typography-b2-600);color:var(--w-color-text-default-03);border-bottom:1px solid var(--w-color-text-default-03);}
/* 화살표형 */
[class*=arr-btn] {
	--chevron-list:url(../img/icon/modeComp/base/chevron-list-md.svg);
	--chevron-right:url(../img/icon/modeComp/base/chevron-right-md.svg);
}
.arr-btn1 {display:inline-block;position:relative;min-height:1.25rem;padding:0 20px 0 8px;font:var(--w-typography-b2-500);color:var(--w-color-text-default-03);line-height:1.25rem;}
.arr-btn1:after {content:'';display:block;position:absolute;right:0;top:0;width:20px;height:20px;background-color:var(--w-color-icon-default-03);-webkit-mask-image:var(--chevron-right);mask-image:var(--chevron-right);-webkit-mask-size:20px;mask-size:20px;}
.arr-btn1.t1:after {-webkit-mask-image:var(--chevron-list);mask-image:var(--chevron-list);}
/* 아이콘 링크형 */
.arr-btn2 {display:block;position:relative;width:100%;padding:12px 28px 12px 24px;font:var(--w-typography-b1-600);color:var(--w-color-text-default-01);text-align:left;}
.arr-btn2:before {content:'';display:block;position:absolute;left:0;top:0.75rem;width:20px;height:20px;background-color:var(--w-color-icon-default-04);-webkit-mask-image:url(../img/icon/modeComp/base/info-circle-fill.svg);mask-image:url(../img/icon/modeComp/base/info-circle-fill.svg);-webkit-mask-size:20px;mask-size:20px;}
.arr-btn2:after {content:'';display:block;position:absolute;right:0;top:0.75rem;width:20px;height:20px;background-color:var(--w-color-icon-default-03);-webkit-mask-image:url(../img/icon/modeComp/base/chevron-right-md.svg);mask-image:url(../img/icon/modeComp/base/chevron-right-md.svg);-webkit-mask-size:20px;mask-size:20px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;}
/* 바탕색상 링크형 */
.arr-btn3 {display:block;position:relative;width:100%;padding:16px 36px 16px 0;font:var(--w-typography-h6-500);color:var(--w-color-text-default-01);text-align:left;}
.arr-btn3 .txt1 {font:var(--w-typography-h6-500);color:var(--w-color-text-default-01);}
.arr-btn3 .txt2 {font:var(--w-typography-b2-500);color:var(--w-color-text-default-04);}
.arr-btn3 .txt1 + .txt2 {padding-top:3px;}
.arr-btn3 > a,
.arr-btn3 > button {display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:var(--w-color-icon-default-01);-webkit-mask-image:var(--chevron-right);mask-image:var(--chevron-right);--webkit-mask-size:20px;mask-size:20px;-webkit-mask-position:center right;mask-position:center right;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;}
/* .arr-btn3:active span {transform:scale(0.95);}
.arr-btn3:active span:after {transform:scale(0.95);} 축소애니메이션 적용여부 확인 필요*/
.arr-btn3.bgbox {padding:16px 0 16px 20px;background:var(--w-color-surface-default-02-enabled);border-radius:1rem;}
.arr-btn3.bgbox span {padding-right:36px;/*transition:none;*/}
.arr-btn3.bgbox > a,
.arr-btn3.bgbox > button {-webkit-mask-position:calc(100% - 1.25rem) center;mask-position:calc(100% - 1.25rem) center;/*transition:none;*/}
/* text bold */
.arr-btn4 {display:block;position:relative;width:100%;padding:16px 36px 16px 0;font:var(--w-typography-h6-600);color:var(--w-color-text-default-01);text-align:left;}
.arr-btn4 > a,
.arr-btn4 > button {display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:var(--w-color-icon-default-01);-webkit-mask-image:var(--chevron-list);mask-image:var(--chevron-list);--webkit-mask-size:20px;mask-size:20px;-webkit-mask-position:center right;mask-position:center right;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;}
.arr-btn4 + .arr-btn4 {border-top:1px solid var(--w-color-border-default-05);}
/* 정보&팝업호출형 : .arr-btn5 */
.arr-btn5 {margin-bottom:12px;}
.arr-btn5 button {display:-webkit-flex;display:flex;align-items:baseline;justify-content:space-between;position:relative;width:100%;padding:20px 40px 20px 20px;background:var(--w-color-surface-default-01-enabled);border:var(--w-borderWidth-01) solid var(--w-color-border-default-04);border-radius:var(--radius16);}
.arr-btn5 button:after {content:'';display:block;position:absolute;right:20px;top:50%;width:20px;height:20px;margin-top:-10px;background-color:var(--w-color-icon-default-01);-webkit-mask:url(../img/icon/modeComp/base/chevron-list-md.svg) center no-repeat;-webkit-mask-size:20px;mask:url(../img/icon/modeComp/base/chevron-list-md.svg) center no-repeat;mask-size:20px;}
.arr-btn5 button div:first-of-type {font:var(--w-typography-h6-500);color:var(--w-color-text-default-03);}
.arr-btn5 button div:first-of-type + div span {font:var(--w-typography-b1-500);color:var(--w-color-text-default-01);}
.arr-btn5 button div:first-of-type + div span + span {margin-left:4px;}
/*--------------------------------------------------------------------------------
	# guide content : 커스텀형 버튼
---------------------------------------------------------------------------------*/
/* link */
.link-bg-icon .button {display:-webkit-flex;display:flex;align-items:center;;position:relative;padding:16px 56px 16px 20px;background:var(--w-color-surface-default-02-enabled);border-radius:var(--radius12);}
.link-bg-icon .button + .button {margin-top:12px;}
.link-bg-icon .button:after {content:'';display:block;position:absolute;right:20px;top:50%;width:20px;height:20px;margin-top:-10px;background-color:var(--w-color-icon-default-01);-webkit-mask:url(../img/icon/modeComp/base/chevron-list-md.svg) center no-repeat;mask:url(../img/icon/modeComp/base/chevron-list-md.svg) center no-repeat;-webkit-mask-size:20px;mask-size:20px;}
.link-bg-icon .button > i {display:-webkit-flex;display:flex;align-items:center;justify-content:center;flex:none;width:40px;height:40px;margin-right:16px;background:var(--w-color-surface-default-03-enabled);border-radius:50%;}
.link-bg-icon .button > i img {width:24px;height:24px;}
.link-bg-icon .button .tit {font:var(--w-typography-h6-600);color:var(--w-color-text-default-01);}
.link-bg-icon .button .desc {font:var(--w-typography-b2-500);color:var(--w-color-text-default-04);}
.link-bg-icon .button .link {display:block;position:absolute;left:0;top:0;width:100%;height:100%;}

/* 배경형(background:var(--w-color-surface-elavated1-enabled)) 링크버튼 */
.link-bg-white a {display:-webkit-flex;display:flex;align-items:center;position:relative;min-height:56px;padding:8px 56px 8px 20px;font:var(--w-typography-h6-500);color:var(--w-color-text-default-01);background:var(--w-color-surface-elavated1-enabled);border:var(--w-borderWidth-01) solid var(--w-color-border-default-05);border-radius:var(--radius12);}
.link-bg-white a:after {content:'';display:block;position:absolute;right:20px;top:50%;width:20px;height:20px;margin-top:-10px;background-color:var(--w-color-icon-default-01);-webkit-mask:url(./../img/icon/modeComp/base/chevron-list-md.svg) center no-repeat;mask:url(./../img/icon/modeComp/base/chevron-list-md.svg) center no-repeat;-webkit-mask-size:20px;mask-size:20px;}
.link-bg-white a + a {margin-top:12px;}

/* 투명배경형 */
.link-nobg a {display:-webkit-flex;display:flex;align-items:center;position:relative;padding:20px 46px 20px 20px;background:var(--w-color-surface-default-01-enabled);border:var(--w-borderWidth-01) solid var(--w-color-border-default-04);border-radius:var(--radius16);}
.link-nobg a:after {content:'';display:block;position:absolute;right:20px;top:50%;width:20px;height:20px;margin-top:-10px;background-color:var(--w-color-icon-default-03);-webkit-mask:url(./../img/icon/modeComp/base/chevron-list-md.svg) center no-repeat;mask:url(./../img/icon/modeComp/base/chevron-list-md.svg) center no-repeat;-webkit-mask-size:20px;mask-size:20px;}
.link-nobg a i {display:block;flex:none;width:40px;height:40px;margin-right:16px;background-repeat:no-repeat;background-size:40px;background-position:center;}
.link-nobg a i.enter-info {background-image:url(../img/icon/modeIncomp/color/enter-info.svg);}
.link-nobg a .tit {display:block;font:var(--w-typography-h6-500);color:var(--w-color-text-default-01);}
.link-nobg a .desc {display:block;font:var(--w-typography-b2-500);color:var(--w-color-text-default-04);}
.link-nobg a + a {margin-top:12px;}
/* 투명배경형 - 라인X박스쉐도우O */
.link-noline a {display:-webkit-flex;display:flex;justify-content:flex-start;align-items:center;position:relative;padding:20px;border-radius:var(--radius16);box-shadow:var(--w-shadow-02);}
.link-noline a:after {content:'';display:block;position:absolute;right:20px;top:42px;width:20px;height:20px;-webkit-mask:url(./../img/icon/modeComp/base/chevron-list-md.svg) center no-repeat;mask:url(./../img/icon/modeComp/base/chevron-list-md.svg) center no-repeat;-webkit-mask-size:20px;mask-size:20px;background:var(--w-color-icon-default-03);}
.link-noline a i {display:block;width:40px;height:40px;margin:2px 16px 2px 0;background:url(./../img/dummy/guide_lsrt.svg) no-repeat center/cover;}
.link-noline a .txt {display:-webkit-flex;display:flex;flex-direction:column;}
.link-noline a .txt .tit {color:var(--w-color-text-default-01);font:var(--w-typography-h6-600);}
.link-noline a .txt .desc {margin-top:2px;color:var(--w-color-text-default-04);font:var(--w-typography-b2-500);}
/* 링크버튼(새창열기) */
.link-external {display:inline-block;position:relative;align-items:center;padding-right:16px;font:var(--w-typography-b1-600);color:var(--w-color-text-default-03);}
.link-external:before {content:'';display:block;position:absolute;left:0;right:16px;bottom:1px;height:var(--w-borderWidth-01);background:var(--w-color-border-default-02);}
.link-external:after {content:'';display:block;position:absolute;top:3px;right:0;width:12px;height:12px;background-color:var(--w-color-icon-default-03);-webkit-mask:url(./../img/icon/modeComp/base/link-external.svg) center no-repeat;mask:url(./../img/icon/modeComp/base/link-external.svg) center no-repeat;-webkit-mask-size:12px;mask-size:12px;}
.link-external + .desc2 {margin-top:8px;}
.link-external.t1 {margin-top:12px;}

/*--------------------------------------------------------------------------------
	# guide content : 약관요소
---------------------------------------------------------------------------------*/
.link-btn1 a,
.link-btn1 button {display:-webkit-flex;display:flex;justify-content:space-between;align-items:flex-start;position:relative;width:100%;min-height:2.5rem;padding:9px 4px 9px 0;font:var(--w-typography-b1-500);color:var(--w-color-text-default-01);text-align:left;}

/*.link-btn1 a:after, .link-btn1 button:after {content:'';display:block;position:absolute;top:0.5625rem;right:0;width:20px;height:20px;background-color:var(--w-color-icon-default-04);-webkit-mask-image:url(./../img/icon/modeComp/base/chevron-right-md.svg);mask-image:url(./../img/icon/modeComp/base/chevron-right-md.svg);-webkit-mask-size:20px;mask-size:20px;-webkit-mask-position:center;mask-position:center;} */
.link-btn1 a:after,
.link-btn1 button:after {content:'';display:block;position:relative;width:20px;height:20px;background-color:var(--w-color-icon-default-04);-webkit-mask-image:url(./../img/icon/modeComp/base/chevron-right-md.svg);mask-image:url(./../img/icon/modeComp/base/chevron-right-md.svg);-webkit-mask-size:20px;mask-size:20px;-webkit-mask-position:center;mask-position:center;}
/* 체크 아이콘이 있는 경우 */
.link-btn1.t1 a,
.link-btn1.t1 button {padding-left:32px;}
.link-btn1.t1 a:before,
.link-btn1.t1 button:before {content:'';display:block;position:absolute;left:0;top:18px;width:24px;height:24px;-webkit-mask-image:url(./../img/icon/modeComp/color/check-on.svg);mask-image:url(./../img/icon/modeComp/color/check-on.svg);background-color:var(--w-color-icon-default-07);transform:translateY(-50%);}
.link-btn1.t1 a[aria-checked="true"]:before,
.link-btn1.t1 button[aria-checked="true"]:before {background-color:var(--w-color-icon-primary-enabled);}
/* 큰글씨모드 */
.is-big .link-btn1.t1 a:before,
.is-big .link-btn1.t1 button:before {top:21px;}
/*--------------------------------------------------------------------------------
	# guide content : 버튼 - 셀렉트타입
---------------------------------------------------------------------------------*/
.select-btn1 li {display:-webkit-flex;display:flex;}
/* 버튼형 */
[class*=select-btn] li button {display:block;position:relative;width:100%;min-height:54px;padding:12px 40px 12px 0;color:var(--w-color-text-default-01);text-align:left;}
[class*=select-btn] li button .desc {display:block;font:var(--w-typography-b2-500);color:var(--w-color-text-default-04);}
[class*=select-btn] li button[aria-selected="true"]:after {content:'';display:block;position:absolute;right:0;top:50%;width:24px;height:24px;background-color:var(--w-color-icon-primary-enabled);-webkit-mask-image:url(./../img/icon/modeComp/color/check-on.svg);mask-image:url(./../img/icon/modeComp/color/check-on.svg);-webkit-mask-size:24px;mask-size:24px;transform:translateY(-50%);}
.select-btn1 li button {font:var(--w-typography-h6-600);}
/* 라디오형 */
.select-btn1 li label,
.select-btn2 li label {display:block;position:relative;width:100%;padding:16px 20px 16px 0px;}
.select-btn1 li label input,
.select-btn2 li label input {position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;cursor:pointer;}
.select-btn1 li label input + div {font:var(--w-typography-h6-600);color:var(--w-color-text-default-01);}
.select-btn1 li label input:checked + div:after,
.select-btn2 li label input:checked + div:after {content:'';display:block;position:absolute;right:0;top:50%;width:24px;height:24px;margin-top:-12px;background:url(../img/icon/modeComp/color/check-on.svg);}
.select-btn1 li label .txt1 {padding-bottom:2px;font:var(--w-typography-h6-600);color:var(--w-color-text-default-01);}
.select-btn1 li label .txt2 {font:var(--w-typography-b2-500);color:var(--w-color-text-default-04);}
/* select-btn2 */
.select-btn2 li button {font:var(--w-typography-h6-500);}
.select-btn2 li label {font:var(--w-typography-h6-500);}
.select-btn2 li label > div span.desc {display: block;font: var(--w-typography-b2-500);color: var(--w-color-text-default-04);}
.select-btn2 + .more {display:-webkit-flex;display:flex;align-items:center;justify-content:center;position:relative;width:100%;margin-top:7px;padding:14px 0;border-top:1px solid var(--w-color-border-default-05);}
.select-btn2 + .more:after {content:'';display:block;width:16px;height:16px;background-color:var(--w-color-icon-default-01);-webkit-mask:url(../img/icon/modeComp/base/chevron-down-md.svg) center no-repeat;mask:url(../img/icon/modeComp/base/chevron-down-md.svg) center no-repeat;}
/* select-btn3 : 기관로고형 */
.select-btn3 {width:100%;}
.select-btn3 li {display:-webkit-flex;display:flex;align-items:flex-start;position:relative;width:100%;padding:16px 0;}
.select-btn3 li .logo {display:block;flex:none;width:40px;height:40px;background:url(./../img/logo/bg/bank/icon_bank020.png) center no-repeat;background-size:40px;}
.select-btn3 li .txt {flex:none;width:calc(100% - 40px - 16px);margin-left:16px;}
.select-btn3 li .acc-name {font:var(--w-typography-h6-600);color:var(--w-color-text-default-01);text-overflow:ellipsis;overflow:hidden;white-space:pre;}
.select-btn3 li .acc-num {margin-top:2px;font:var(--w-typography-b2-500);color:var(--w-color-text-default-04);}

.select-btn3 li .acc-num span + span {margin-left:4px;}
.select-btn3 li button {display:block;position:absolute;left:0;top:0;width:100%;height:100%;min-height:auto;}
.select-btn3 li button[aria-selected="true"]:after {content:none;display:none;}
/* 검색결과 없음 */
.noresult {flex-direction:column;align-items:center;padding-top:64px;text-align:center;}
.noresult i {display:block;width:72px;height:72px;margin:0 auto;background:url(./../img/icon/modeComp/color/state-empty.svg);background-size:72px;}
.noresult svg {width:72px;height:72px;}
.noresult span {display:block;margin-top:24px;font:var(--w-typography-h5-500);color:var(--w-color-text-default-01);}
.tab-cont > [role="tabpanel"] .select-btn1 .noresult {padding-top:var(--space48);}
/*--------------------------------------------------------------------------------
	# guide content : 커스텀 RADIO
---------------------------------------------------------------------------------*/
/* 간격 */
.tit-sub1 + .form-group-item {margin-top:0 !important;}
.label + .form-group-tab {margin-top:8px;}
.label + .form-group-item {margin-top:8px;}
/* label-btn1 */
.label-btn1 {display:-webkit-flex;display:flex;flex-direction:row;align-items:stretch;justify-content:space-between;}
.label-btn1 .form-group {display:block;width:100%;position:relative;text-align:center;}
.label-btn1 .form-group + .form-group {margin-left:8px;}
.label-btn1 .form-group [type=checkbox],
.label-btn1 .form-group [type=radio] {display:block;position:absolute;left:0;top:0;width:100%;height:100%;}
.label-btn1 .form-group [type=checkbox] + span,
.label-btn1 .form-group [type=radio] + span {display:block;position:relative;padding:15.5px 0;color:var(--w-color-text-default-01);font:var(--w-typography-b2-dense-500);background:var(--w-color-surface-default-03-enabled);border-radius:var(--radius6);}
.label-btn1 .form-group [type=checkbox]:checked + span:before,
.label-btn1 .form-group [type=radio]:checked + span:before {content:'';display:block;position:absolute;left:0;top:0;right:0;bottom:0;border:var(--w-borderWidth-02) solid var(--w-color-border-primary-enabled);border-radius:var(--radius6);}
.label-btn1.sm .form-group [type=checkbox] + span,
.label-btn1.sm .form-group [type=radio] + span {display:-webkit-flex;display:flex;align-items:center;justify-content:center;min-height:40px;height:100%;padding:7px 8px;white-space:nowrap;/*0819_65세이상줄바꿈방지*/}
.label-btn1.lg {flex-direction:column;}
.label-btn1.col {flex-direction:column;}
.label-btn1.col .form-group + .form-group {margin-left:0;margin-top:8px;}
/* 줄바꿈 */
.label-btn1.wrap {flex-wrap:wrap;}
/* 6개일 경우 */
.label-btn1.wrap .form-group:nth-of-type(1):nth-last-of-type(6) {width:calc((100% - 16px) / 3);}
.label-btn1.wrap .form-group:nth-of-type(2):nth-last-of-type(5) {width:calc((100% - 16px) / 3);}
.label-btn1.wrap .form-group:nth-of-type(3):nth-last-of-type(4) {width:calc((100% - 16px) / 3);}
.label-btn1.wrap .form-group:nth-of-type(4):nth-last-of-type(3) {width:calc((100% - 16px) / 3);margin-top:8px;margin-left:0;}
.label-btn1.wrap .form-group:nth-of-type(5):nth-last-of-type(2) {width:calc((100% - 16px) / 3);margin-top:8px;}
.label-btn1.wrap .form-group:nth-of-type(6):nth-last-of-type(1) {width:calc((100% - 16px) / 3);margin-top:8px;}
/* 8개일 경우 */
.label-btn1.wrap .form-group:nth-of-type(1):nth-last-of-type(8) {width:calc((100% - 24px) / 4);}
.label-btn1.wrap .form-group:nth-of-type(2):nth-last-of-type(7) {width:calc((100% - 24px) / 4);}
.label-btn1.wrap .form-group:nth-of-type(3):nth-last-of-type(6) {width:calc((100% - 24px) / 4);}
.label-btn1.wrap .form-group:nth-of-type(4):nth-last-of-type(5) {width:calc((100% - 24px) / 4);}
.label-btn1.wrap .form-group:nth-of-type(5):nth-last-of-type(4) {width:calc((100% - 24px) / 4);margin-top:8px;margin-left:0;}
.label-btn1.wrap .form-group:nth-of-type(6):nth-last-of-type(3) {width:calc((100% - 24px) / 4);margin-top:8px;}
.label-btn1.wrap .form-group:nth-of-type(7):nth-last-of-type(2) {width:calc((100% - 24px) / 4);margin-top:8px;}
.label-btn1.wrap .form-group:nth-of-type(8):nth-last-of-type(1) {width:calc((100% - 24px) / 4);margin-top:8px;}
/* disabled */
.label-btn1 .form-group [type=checkbox]:disabled:checked + span:before,
.label-btn1 .form-group [type=radio]:disabled:checked + span:before {border-color:var(--w-color-border-primary-nonOpaque);}
.label-btn1 .form-group [type=checkbox]:disabled + span:after,
.label-btn1 .form-group [type=radio]:disabled + span:after {content:'';display:block;position:absolute;left:0;top:0;right:0;bottom:0;background:var(--w-color-surface-default-disabled);border-radius:var(--radius6);}
.label-btn1 .form-group [type=checkbox]:disabled + span,
.label-btn1 .form-group [type=radio]:disabled + span {color:var(--w-color-text-default-disabled);}
.label-btn1 .form-group [type=checkbox][readonly] + span:after,
.label-btn1 .form-group [type=radio][readonly] + span:after {content:'';display:block;position:absolute;left:0;top:0;right:0;bottom:0;border:var(--w-borderWidth-01) solid var(--w-color-border-default-07);border-radius:var(--radius6);}
.label-btn1 .form-group [type=checkbox][readonly=readonly]:checked + span:before,
.label-btn1 .form-group [type=radio][readonly=readonly]:checked + span:before {border-color:var(--w-color-border-primary-nonOpaque);}
/* 큰글씨모드 */
.is-big .label-btn1 .form-group [type=checkbox] + span,
.is-big .label-btn1 .form-group [type=radio] + span {font-size:17px;}
.is-big .label-btn1.sm .form-group [type=checkbox] + span,
.is-big .label-btn1.sm .form-group [type=radio] + span {padding:4px 8px;}
@media all and (max-width:330px){
	.is-big .label-btn1.sm .form-group [type=checkbox] + span,
	.is-big .label-btn1.sm .form-group [type=radio] + span {padding:4px 6px;}
}

/* label-btn2 */
.label-btn2 {display:-webkit-flex;display:flex;flex-direction:column;align-items:center;justify-content:space-between;}
.label-btn2 .form-group {display:block;position:relative;width:100%;padding:16px 60px 16px 20px;background:var(--w-color-surface-default-02-enabled);border-radius:var(--radius12);}
.label-btn2 .form-group + .form-group {margin-top:8px;}
.label-btn2 .form-group input {display:block;position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;}
.label-btn2 .form-group input + span {display:block;font:var(--w-typography-h6-600);color:var(--w-color-text-default-01);}
.label-btn2 .form-group input:checked + span:before {content:'';display:block;position:absolute;left:0;top:0;right:0;bottom:0;border:var(--w-borderWidth-02) solid var(--w-color-border-primary-enabled);border-radius:var(--radius12);}
.label-btn2 .form-group input + span:after {content:'';display:block;position:absolute;top:50%;right:20px;width:24px;height:24px;transform:translateY(-50%);background-color:var(--w-color-icon-default-07);-webkit-mask-image:url(./../img/icon/modeComp/color/check-on.svg);mask-image:url(./../img/icon/modeComp/color/check-on.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;}
.label-btn2 .form-group input:checked + span:after {background-color:var(--w-color-icon-primary-enabled);}
.label-btn2 .form-group .desc {margin-top:2px;font:var(--w-typography-b2-500);color:var(--w-color-text-default-03);word-break:break-all;}
.label-btn2 .form-group + .msg-add {padding-left:40px;}
.label-btn2 .form-group + .msg-add:before {left:20px;}
.label-btn2 + .btn-add {margin-top:12px;}
/* label-btn2 t1 */
.form-group-item.label-btn2.t1 > .form-group {display:flex;align-items:center;min-height:76px;padding:8px 56px 8px 20px;}
.label-btn2.t1 .form-group + .form-group {margin-top:12px;}
.label-btn2.t1 .form-group [type=radio] + span {font:var(--w-typography-h6-600);}
/* label-btn2 t2 */
.label-btn2.t2 .form-group {display:-webkit-flex;display:flex;align-items:center;min-height:54px;padding:12px 20px;}
.label-btn2.t2 .form-group [type=radio] + span:after {display:none;}
/* 버튼형 */
.label-btn2 [role=radio] {display:block;position:relative;width:100%;padding:16px 60px 16px 20px;text-align:left;background:var(--w-color-surface-default-02-enabled);border-radius:var(--radius12);}
.label-btn2 [role=radio] + [role=radio] {margin-top:12px;}
.label-btn2 [role=radio] span {display:block;font:var(--w-typography-h6-500);color:var(--w-color-text-default-01);}
.label-btn2 [role=radio] span:after {content: '';display: block;position: absolute;top: 50%;right: 1.25rem;width: 24px;height: 24px;transform: translateY(-50%);background-color: var(--w-color-icon-default-07);-webkit-mask-image: url(../img/icon/modeComp/color/check-on.svg);mask-image: url(../img/icon/modeComp/color/check-on.svg);-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;}
.label-btn2 [role=radio][aria-checked=true] span:before {content:'';display:block;position:absolute;left:0;top:0;right:0;bottom:0;border:var(--w-borderWidth-02) solid var(--w-color-border-primary-enabled);border-radius:var(--radius12);}
.label-btn2 [role=radio][aria-checked=true] span:after {background-color:var(--w-color-icon-primary-enabled);}
/* -------------------------------------------------------
	리스트 타입 : .label-list*
------------------------------------------------------- */
/* 공통 */
[class*=label-list] .form-group {display:-webkit-flex;display:flex;align-items:center;position:relative;width:100%;padding:18px 60px 18px 20px;background:var(--w-color-surface-default-02-enabled);border-radius:var(--radius12);}
[class*=label-list] .form-group [type=checkbox] {display:block;position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;}
/* [class*=label-list] .form-group [type=radio] ~ .ico,
[class*=label-list] .form-group [type=checkbox] ~ .ico {flex:none;display:block;width:32px;height:32px;background:var(--w-color-icon-default-01);-webkit-mask-image:url(../img/icon/modeComp/base/empty.svg);mask-image:url(../img/icon/modeComp/base/empty.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:2.1875rem;mask-size:2.1875rem;} */
[class*=label-list] .form-group [type=checkbox] ~ .ico:before {content:'';display:block;position:absolute;top:50%;right:1.25rem;width:1.5rem;height:1.5rem;margin-left:auto;background-size:1.5rem;background-position:50%;background-repeat:no-repeat;transform:translateY(-50%);}
[class*=label-list] .form-group [type=checkbox] ~ span {display:block;}
[class*=label-list] .form-group [type=checkbox] ~ span:before {content:'';display:none;position:absolute;top:0;left:0;right:0;bottom:0;border:var(--w-borderWidth-02) solid var(--w-color-border-primary-enabled);border-radius:var(--radius12);}
/* checked / focus */
[class*=label-list] .form-group [type=checkbox]:checked ~ span:before {display:block;}
[class*=label-list] .form-group:focus [type=checkbox] ~ span:before {display:block;}
/* disabled */
[class*=label-list] .form-group [type=checkbox]:disabled ~ span:before {display:none;}
[class*=label-list] .form-group [type=checkbox]:disabled ~ span:after {content:'';display:block;position:absolute;left:0;right:0;bottom:0;top:0;background:var(--w-color-surface-default-disabled);border-radius:var(--radius12);}
[class*=label-list] .form-group .ico + span {margin-left:16px;font:var(--w-typography-h6-500);color:var(--w-color-text-default-01);}
/* 체크타입 */
.label-list1 .form-group [type=checkbox] ~ .ico:before {-webkit-mask-image:url(./../img/icon/modeComp/color/check-off-disabled.svg);mask-image:url(./../img/icon/modeComp/color/check-off-disabled.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;}
.label-list1 .form-group [type=checkbox]:checked ~ .ico:before {-webkit-mask-image:url(./../img/icon/modeComp/color/check-on.svg);mask-image:url(./../img/icon/modeComp/color/check-on.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;}
.label-list1 .form-group [type=checkbox]:disabled ~ .ico:before {-webkit-mask-image:url(./../img/icon/modeComp/color/check-off-disabled.svg);mask-image:url(./../img/icon/modeComp/color/check-off-disabled.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;}
.label-list1 .form-group [type=checkbox]:disabled:checked ~ .ico:before {-webkit-mask-image:url(./../img/icon/modeComp/color/check-on-disabled.svg);mask-image:url(./../img/icon/modeComp/color/check-on-disabled.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;}
/* 원형타입 */
.label-list2 .form-group [type=checkbox] ~ .ico:before {-webkit-mask-image:url(./../img/icon/modeComp/color/check-off-circle-disabled.svg);mask-image:url(./../img/icon/modeComp/color/check-off-circle-disabled.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;}
.label-list2 .form-group [type=checkbox]:checked ~ .ico:before {-webkit-mask-image:url(./../img/icon/modeComp/color/check-on-circle.svg);mask-image:url(./../img/icon/modeComp/color/check-on-circle.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;}
.label-list2 .form-group [type=checkbox]:disabled ~ .ico:before {-webkit-mask-image:url(./../img/icon/modeComp/color/check-off-circle-disabled.svg);mask-image:url(./../img/icon/modeComp/color/check-off-circle-disabled.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;}
.label-list2 .form-group [type=checkbox]:disabled:checked ~ .ico:before {-webkit-mask-image:url(./../img/icon/modeComp/color/check-on-circle-disabled.svg);mask-image:url(./../img/icon/modeComp/color/check-on-circle-disabled.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;}
/* 아이콘, 텍스트, 금액 혼합형 */
.label-list3 .form-group{display:flex;flex-wrap: wrap;padding:20px;justify-content:flex-start;align-items:center;min-height:62px;}
.label-list3 .form-group + .form-group {margin-top:8px;}
.label-list3 .form-group input {display:block;position:absolute;left:0;top:0;width:100%;height:100%;}
.label-list3 .form-group .txtbox {display:block;width:100%;}
.label-list3 .form-group .ico {position:relative;display:block;width:32px;height:32px;border-radius:100%;mask-image:none;-webkit-mask-image:none;overflow:hidden;}
.label-list3 .form-group .ico:before {display:none !important;}
.label-list3 .form-group .ico > div:first-of-type {width:100%;height:100%;}
.label-list3 .form-group .ico > div:last-of-type:not(:only-child) {position:absolute;right:-50%;top:0;width:100%;height:100%;}
.label-list3 .form-group .ico + .txtbox {display:block;padding-left:16px;width:calc(100% - 32px - 16px);
	/* margin-top:5px; */
}
.label-list3 .form-group [type=checkbox]:checked + .ico + .txtbox:before,
.label-list3 .form-group [type=checkbox]:checked + .txtbox:before,
.label-list3 .form-group [type=radio]:checked + .ico + .txtbox:before,
.label-list3 .form-group [type=radio]:checked + .txtbox:before {content:'';position:absolute;left:0;top:0;right:0;bottom:0;border:var(--w-borderWidth-02) solid var(--w-color-border-primary-enabled);border-radius:var(--radius12);}
.label-list3 .form-group .txtbox > .badge > span {margin-bottom:8px;}
/* .label-list3 .form-group .txtbox > .badge + .name {margin-top:8px;} */
.label-list3 .form-group .txtbox .name {display:block;font:var(--w-typography-h6-600);color:var(--w-color-text-default-01);word-break:break-all;}
.label-list3 .form-group .txtbox > .desc {margin-top:2px;}
.label-list3 .form-group .txtbox > .desc,
.label-list3 .form-group .txtbox > .sub-desc {color:var(--w-color-text-default-04);font:var(--w-typography-b2-500);word-break:break-all;}
.label-list3 .form-group .txtbox > .sub-desc {position:relative;margin-top:11px;padding-left:17px;}
.label-list3 .form-group .txtbox > .sub-desc:before {content:'※';display:block;position:absolute;left:0;top:0;width:17px;text-align:center;}
.label-list3 .form-group .cost {flex:none;display:block;width:100%;margin-top:16px;text-align:right;font:var(--w-typography-h6-600);color:var(--w-color-text-default-01);}
.label-list3 .form-group .desc + .cost {margin-top:16px;}
.label-list3 .form-group .txtbox > .cost > span {font-weight:bold;}

.label-list3 .form-group ul {width:100%;word-break:break-all;}
.label-list3 .form-group input[type=checkbox]:checked + ul:before {content:'';position:absolute;left:0;top:0;right:0;bottom:0;border:var(--w-borderWidth-02) solid var(--w-color-border-primary-enabled);
border-radius:var(--radius12);}
.label-list3 .form-group ul:not(.inner-list) > li:only-of-type {display:flex;align-items:center;}
.label-list3 .form-group ul:not(.inner-list) > li:nth-child(1) {display:block;font:var(--w-typography-h6-500);color:var(--w-color-text-default-01);}
.label-list3 .form-group ul:not(.inner-list) > li:last-of-type:not(:only-of-type) {padding-top:16px;text-align:right;font-weight:bold;}
.label-list3 .form-group ul.inner-list li {padding-top:6px;font:var(--w-typography-b2-500);color:var(--w-color-text-default-04);}
.label-list3 .form-group ul.inner-list li:last-of-type:not(:only-child) {position:relative;padding-left:17px}
.label-list3 .form-group ul.inner-list li:last-of-type:not(:only-child):before {content:'※';display:block;position:absolute;left:0;top:6px;width:17px;text-align:center;}
/* 큰글씨모드 */
.is-big .label-list3 .form-group {padding:16px 20px;}

/* label-list4 */
.label-list4 {display:-webkit-flex;display:flex;flex-wrap:wrap;}
.label-list4 .form-group {display:-webkit-flex;display:flex;flex-direction:column;align-items:center;position:relative;width:calc((100% - 8px) / 2);margin-top:8px;padding:0;border:1px solid var(--w-color-border-default-05);word-break:break-all;}
.label-list4 .form-group:nth-of-type(1),
.label-list4 .form-group:nth-of-type(2) {margin-top:0;}
.label-list4 .form-group + .form-group:nth-of-type(2n) {margin-left:8px;}
.label-list4 .form-group input {display:block;position:absolute;left:0;top:0;width:100%;height:100%;}
.label-list4 .form-group i {position:relative;display:block;width:100%;height:calc(((100vw - 8px) / 2 - 20px - 36px) / 2 + 28px);text-align:center;background:url(./../img/temp/temp_prd.png) var(--w-color-surface-selectionBg-enabled);background-repeat:no-repeat;background-position:center;background-size:calc(100% - 36px) calc(((100vw - 8px) / 2 - 20px - 36px) / 2);border-radius:var(--radius12) var(--radius12) 0 0;pointer-events:none;}
.label-list4 .form-group span {display:block;width:100%;padding:8px 0 12px;text-align:center;}
.label-list4 .form-group input ~ span {font:var(--w-typography-d1-500);color:var(--w-color-text-default-01);pointer-events:none;}
.label-list4 .form-group input ~ span:after {content:'';display:none;position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border:var(--w-borderWidth-02) solid var(--w-color-border-primary-enabled);border-radius:var(--radius12);}
.label-list4 .form-group input:checked ~ span:after {display:block;}
.label-list4 .form-group img {width:100px;height:auto;}
@media all and (min-width:479px){
	.label-list4 .form-group {width:calc((100% - var(--space8) * 2) / 3);}
	.label-list4 .form-group + .form-group:nth-of-type(2n) {margin-left:0;}
	.label-list4 .form-group:nth-of-type(3) {margin-top:0;}
	.label-list4 .form-group:nth-of-type(3n-1),
	.label-list4 .form-group:nth-of-type(3n) {margin-left:var(--space8) !important}
	.label-list4 .form-group i {height:calc((((var(--vw) * 100) - 40px) / 3) / 2);background-size:auto calc((((var(--vw) * 100) - 40px) / 3 - 36px) / 2);}
}
/* .is-dark (임시) */
.is-dark [class*=label-list] .form-group [type=checkbox] ~ .ico {background-image:url(../img/dummy/ico_sample.png);}
/*--------------------------------------------------------------------------------
	# guide content : BUTTON AREA
---------------------------------------------------------------------------------*/
.area-action {display:flex;flex-wrap:wrap;/*0610*/}
.area-action.center {justify-content:center;}
.area-action > [class*="btn-"] {flex:auto;width:100%;border-radius:var(--radius12);}
.area-action > [class*="btn-"] + [class*="btn-"] {margin-left:8px;}
.area-action:after {content:'';z-index:-1;position:absolute;left:0;top:-32px;display:block;width:100%;height:var(--space32);background-image:linear-gradient(to top, var(--w-color-background-default), transparent);pointer-events:none;}
.area-action.t1:after {display:none;}
.area-action.same > [class*="btn-"] {width:calc((100% - 8px) / 2);}
.area-action:not(.col):not(.same) > [class*="btn-"]:first-child:not(:last-of-type) {min-width:100px;width:calc((100% - 8px) / 16 * 5);}
.area-action:not(.col):not(.same) > [class*="btn-"]:last-of-type:not(:first-of-type) {width:calc((100% - 8px) / 16 * 11);max-width:calc(100% - 100px - 8px);}
.area-action > [class*="btn-"] span {height:55.8px;padding:4px 2px;font:var(--w-typography-h5-600);}
.area-action.col {flex-direction:column;}
.area-action.col > [class*="btn-"] {margin-left:0;}
.area-action.col > .link-btn1 {margin-left:2px;}
.area-action.col > .link-btn1 a:after {right:2px;}
.area-action.col > .btn-action + .line-btn1 {width:max-content;margin:20px auto 0;}

/* group-button :: 단순 버튼 그룹핑 */
.group-button {display:-webkit-flex;display:flex;align-items:center;}
.group-button .btn-round-xs + .btn-round-xs {margin-left:8px;}
.group-button2 {display:-webkit-flex;display:flex;align-items:stretch;flex-direction:column;}
.group-button2 i.certif {display:inline-block;width:16px;height:16px;vertical-align:text-top;border-radius:50%;background-repeat:no-repeat;background-size:16px;}
.group-button2 button + button,
.group-button2 button + a {margin-top:8px;}


/*--------------------------------------------------------------------------------
	# guie content : 폼
---------------------------------------------------------------------------------*/
/* 폼 공통 */
.text, .select, .selectbox {width:100%;padding:0;font:var(--w-typography-h5-dense-500);color:var(--w-color-text-default-01);border:0;border-radius:0;background:transparent;}
textarea.text {max-height:5.125rem;height:5.125rem;}
.text:-webkit-autofill {-webkit-text-fill-color:var(--w-color-text-default-01);-webkit-box-shadow: 0 0 0 100rem var(--w-color-background-default) inset;}
[data-mode=readonly] .select {color:var(--w-color-text-default-03);}
[data-mode=readonly] .text::placeholder,
[data-mode=readonly] .select::placeholder {color:var(--w-color-text-default-03);}
[data-mode=disabled] .text,
[data-mode=disabled] .select {color:var(--w-color-text-default-disabled);}
[data-mode=disabled] .text::placeholder,
[data-mode=disabled] .select::placeholder {color:var(--w-color-text-default-disabled);}
[data-mode=readonly] .text:-webkit-autofill {-webkit-text-fill-color:var(--w-color-text-default-03);}

[class*=form-group-item] form {display:-webkit-flex;display:flex;align-items:center;justify-content:space-between;height:1.25rem;}
[class*=form-group-item] .req:after {content:'필수입력';display:inline-block;position:relative;width:6px;height:6px;margin-left:6.5px;font-size:0;color:transparent;vertical-align:text-top;background:var(--w-color-surface-critical-enabled);border-radius:50%;}
/* -------------------------------------------------------
	input-btn* :: .form 안에 들어가는 버튼이 들어가는 공간
------------------------------------------------------- */
/* input-btn1(select형 버튼) */
.input-btn1 {position:relative;}
.input-btn1 [data-label] {display:-webkit-flex;display:flex;align-items:center;position:relative;margin-right:20px;text-align:left;white-space:pre;overflow:hidden;}
.input-btn1 [data-label]:empty:before {content:attr(data-label) !important;display:block;color:var(--w-color-text-default-04);white-space:pre;}
.input-btn1 button {position:absolute;top:0;left:0;bottom:0;right:0;width:100%;font-size:1px;color:transparent;white-space:nowrap;overflow:hidden;
	background-color:var(--w-color-icon-default-01);
	-webkit-mask-image:url(../img/icon/modeComp/base/chevron-down-md.svg);mask-image:url(../img/icon/modeComp/base/chevron-down-md.svg);
	-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
	-webkit-mask-position:calc(100% - 5px) calc(50% - var(--w-borderWidth-01));mask-position:calc(100% - 5px) calc(50% - var(--w-borderWidth-01));
	-webkit-mask-size:20px;mask-size:20px;}
.input-btn1 .ico {display:inline-block;position:relative;width:20px;height:20px;margin-right:8px;
	background-color:var(--w-color-icon-default-01);
	-webkit-mask-image:url(../img/icon/modeComp/base/empty.svg);mask-image:url(../img/icon/modeComp/base/empty.svg);
	-webkit-mask-position:center;mask-position:center;
	-webkit-mask-size:20px;mask-size:20px;
}
.input-btn1 .ico-bank-woori {background-size:1.25rem;-webkit-mask-image:none;mask-image:none;}
.form-group-item2 .input-btn1 [data-label] {font:var(--w-typography-h3-600);}
/* disabled, readonly, error */
[data-mode="disabled"] .input-btn1 [data-label] {color:var(--w-color-text-default-disabled);}
[data-mode="disabled"] .input-btn1 [data-label]:empty:before {color:var(--w-color-text-default-disabled);}
[data-mode="disabled"] .input-btn1 button {background-color:var(--w-color-icon-default-disabled);}
[data-mode="readonly"] .input-btn1 [data-label] {color:var(--w-color-text-default-03);}
[data-mode="readonly"] .input-btn1 button {-webkit-mask-image:none;mask-image:none;background-color:transparent;}
[data-mode="error"] .input-btn1 [data-label]:after {background-color:#fceeee;}
/* input-btn1.t1 (줄바꿈됨) */
.input-btn1.t1 [data-label] {white-space:inherit;word-break:break-all;}
.input-btn1.t1 [data-label]:empty:before {white-space:inherit;word-break:break-all;}

/* input-btn2 */
.input-btn2 {display:-webkit-flex;display:flex;align-items:center;justify-content:space-between;position:absolute;right:2px;top:0;bottom:0;border-radius:0 8px 8px 0;}
.input-btn2 .time {font:400 14px/120% "Pretendard";color:var(--w-color-text-accentDeepblue-enabled);}
.input-btn2 .btn-comm-xs:last-of-type:not(:only-child) {margin-left:16px;}
.input-btn2 .btn-comm-xs span {min-width:60px;height:auto;padding:6px 14px;font:600 14px/140% "Pretendard";}
[data-mode="error"] .input-btn2 .time {font:400 14px/120% "Pretendard";color:var(--w-color-text-critical-enabled);}
/* is-dark */
.is-dark .input-btn1 [data-label]:after {-webkit-mask-image:url(../img/icon/modeComp/base/chevron-down-md.svg);mask-image:url(../img/icon/modeComp/base/chevron-down-md.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;background-color:#16181a;}

/* input-btn3(input형 버튼) */
.input-btn3 {position:relative;}
.input-btn3 [data-label] {display:-webkit-flex;display:flex;align-items:center;position:relative;margin-right:20px;font:var(--w-typography-h5-dense-500);color:var(--w-color-text-default-01);text-align:left;overflow:hidden;}
.input-btn3 [data-label]:empty:before {content:attr(data-label) !important;display:block;color:var(--w-color-text-default-04);white-space:pre;}
.input-btn3 button {position:absolute;top:0;left:0;bottom:0;right:0;width:100%;font-size:1px;color:transparent;white-space:nowrap;overflow:hidden;
	background-color:var(--w-color-icon-default-01);
	-webkit-mask-image:url(../img/icon/modeComp/base/search.svg);mask-image:url(../img/icon/modeComp/base/search.svg);
	-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
	-webkit-mask-position:100% calc(50% - var(--w-borderWidth-01));mask-position:100% calc(50% - var(--w-borderWidth-01));
	-webkit-mask-size:20px;mask-size:20px;}

/* -------------------------------------------------------
	.form : 기본형(박스)
------------------------------------------------------- */
dl.form-group-item {position:relative;background:var(--w-color-surface-default-01-enabled);border-radius:var(--radius8);/*overflow:hidden;*/}
dl.form-group-item:before {content:'';display:block;position:absolute;top:0;bottom:0;left:0;right:0;border:var(--w-borderWidth-01) solid var(--w-color-border-default-05);border-radius:var(--radius8);pointer-events:none;}
.form-group-item > dt {display:block;padding:13px 0 0 20px;font:var(--w-typography-b2-dense-400);color:var(--w-color-text-default-02);}
.form-group-item > dd {display:block;padding:8px 20px 14px;}
.form-group-item > dd .text {font:var(--w-typography-h5-dense-500);}
/* active */
.form-group-item[data-active="true"]:before {border:var(--w-borderWidth-02) solid var(--w-color-border-default-01);}
/* readonly, disabled, error, success */
.form-group-item[data-mode="readonly"]:before {border-color:transparent;}
.form-group-item[data-mode="disabled"] dd:after {content:'';display:block;position:absolute;left:calc(var(--w-borderWidth-01) * -0.1);right:calc(var(--w-borderWidth-01) * -0.1);top:calc(var(--w-borderWidth-01) * -0.1);bottom:calc(var(--w-borderWidth-01) * -0.1);background:var(--w-color-surface-default-disabled);border-radius:var(--radius8);}
.form-group-item[data-mode="disabled"] dt {color:var(--w-color-text-default-disabled);}
.form-group-item[data-mode="error"] {background:var(--w-color-surface-critical-subdued-enabled) !important;}
.form-group-item[data-mode="error"] dt {color:var(--w-color-text-critical-enabled);}
.form-group-item[data-mode="error"]:before {border-color:var(--w-color-border-critical-enabled);}
.form-group-item[data-mode="success"]:before {border-color:var(--w-color-border-success-enabled);}
/* validate 메시지 */
.validate {position:relative;padding:8px 20px 0;font:var(--w-typography-b2-dense-400);word-break:break-all;}/* 0514_margin-bottom:12px 삭제 */
.validate:before {content:'';display:inline-block;position:absolute;top:0.5rem;left:0;width:16px;height:16px;margin-right:4px;vertical-align:text-bottom;background-position:50%;background-size:100%;background-repeat:no-repeat;background-size:16px;}
.form-group-item + .validate,
.form-group-tab + .validate {padding-left:40px;}
.form-group-item + .form-group-tab + .validate {padding-left:40px;}
.form-group-item + .form-group-tab + .validate:before {left:20px;}
.validate + .validate {padding-left:40px;}
.validate + .validate:before {content: '';display: inline-block;position: absolute;top: 0.5rem;left: 20px;width: 16px;height: 16px;margin-right: 4px;vertical-align: text-bottom;background-position: 50%;background-size: 100%;background-repeat: no-repeat;background-size: 16px;}
.form-group-item + .validate:before,
.form-group-tab + .validate:before {left:20px;}
.validate.msg-error {color:var(--w-color-text-critical-enabled);}
.validate.msg-error:before {background-image:url(../img/icon/modeComp/color/state-error.svg);}
.validate.msg-success {color:var(--w-color-text-success-enabled);}
.validate.msg-success:before {background-image:url(../img/icon/modeComp/color/state-success.svg);background-size:16px;}
.validate.msg-add {color:var(--w-color-text-default-04);}
.validate.msg-add:before {background-color:var(--w-color-icon-default-04);
	-webkit-mask-image:url(./../img/icon/modeComp/base/info-circle.svg);
	mask-image:url(./../img/icon/modeComp/base/info-circle.svg);
	-webkit-mask-size:16px;mask-size:16px;}
.validate.t1 {padding-left:20px;}
.validate.t1:before {left:0;}
.form-group-tab + .validate {padding-left:20px;}
.form-group-tab + .validate:before {left:0;}
/* textarea 텍스트 수 */
.text-count {display:-webkit-flex;display:flex;justify-content:flex-end;padding:8px 20px 0;font:var(--w-typography-b2-dense-400);color:var(--w-color-text-default-04);text-align:right;}
.text-count span {margin:0 4px;}
.text-count span:last-of-type {margin-right:0;}
.form-group-item[data-mode="readonly"] {background:var(--w-color-surface-default-02-enabled);}
.form-group-item[data-mode="readonly"] dd {border-width:0;}
.form-group-item[data-mode="readonly"] dd .text,
.form-group-item[data-mode="readonly"] dd .select {color:var(--w-color-text-default-03);}
/* 레이블 안보이는 유형 */
.form-group-item.t1 > dt {display:none;/* overflow:hidden;position:absolute;width:1px;height:1px;padding:0;opacity:0;font-size:0.1rem;line-height:1; */}
.form-group-item.t1 > dd {padding:20px;}

/* form-group-item2 : 언더라인형 */
.form-group-item2 {position:relative;}
.form-group-item2 > dt {display:block;font:var(--w-typography-b2-dense-400);color:var(--w-color-text-default-02);}
.form-group-item2 dd {padding:10px 0;border:1px solid var(--w-color-border-default-05);border-width:0 0 var(--w-borderWidth-02) 0;}
.form-group-item2 dd .text {font:600 22px/140% "Pretendard";}
.form-group-item2[data-active="true"] dd {border-color:var(--w-color-border-default-01);}
.form-group-item2[data-active="true"][data-mode="readonly"] dd {border-color:var(--w-color-border-default-05);}
.form-group-item2[data-mode="disabled"] dd {border-color:var(--w-color-border-default-07);}
.form-group-item2[data-mode="disabled"] dt {color:var(--w-color-text-default-disabled);}
.form-group-item2 + .validate {margin-bottom:12px;padding-top:8px;font:var(--w-typography-b2-dense-400);}
.form-group-item2[data-mode="error"] dt {color:var(--w-color-text-critical-enabled);}
.form-group-item2[data-mode="error"] dd {border-color:var(--w-color-border-critical-enabled)}
.form-group-item2[data-mode="success"] dd {border-color:var(--w-color-border-success-enabled)}
.form-group-item2.t1 > dt {overflow:hidden;position:absolute;width:1px;height:1px;opacity:0;font-size:0.1rem;line-height:1;}
/* value삭제 버튼 case */
.form-group-item2.del .text {padding-right:20px;}
.form-group-item2.del .del {display:none;position:absolute;bottom:12px;right:0;width:20px;height:30px;background-color:var(--w-color-icon-default-04);-webkit-mask-image:url(./../img/icon/modeComp/base/remove-circle.svg);mask-image:url(./../img/icon/modeComp/base/remove-circle.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:20px;mask-size:20px;-webkit-mask-position:center;mask-position:center;}

/* 날짜입력 */
.form-group-item.calendar dd,
.form-group-item2.calendar dd {display:-webkit-flex;display:flex;align-items:center;justify-content:space-between;}
.form-group-item.calendar dd div,
.form-group-item2.calendar dd div {width:100%;}
.form-group-item.calendar dd div:not(:only-child),
.form-group-item2.calendar dd div:not(:only-child) {display:-webkit-flex;display:flex;align-items:center;position:relative;width:calc((100% - 1.75rem) / 2);}
.form-group-item.calendar dd div:before,
.form-group-item2.calendar dd div:before {content:'';display:inline-block;position:relative;width:20px;height:20px;vertical-align:text-top;background-color:var(--w-color-icon-default-01);-webkit-mask-image:url(../img/icon/modeComp/base/calendar.svg);mask-image:url(../img/icon/modeComp/base/calendar.svg);-webkit-mask-size:20px;mask-size:20px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;}
.form-group-item[data-mode="disabled"].calendar dd div:before,
.form-group-item2[data-mode="disabled"].calendar dd div:before {background-color:var(--w-color-icon-default-05);}
.form-group-item.calendar dd div .text,
.form-group-item2.calendar dd div .text {display:inline-block;width:calc(100% - 1.25rem);padding-left:8px;}
.form-group-item.calendar dd span,
.form-group-item2.calendar dd span {display:block;width:20px;height:20px;background-color:var(--w-color-icon-default-01);-webkit-mask-image:url(../img/icon/modeComp/base/tilde.svg);mask-image:url(../img/icon/modeComp/base/tilde.svg);-webkit-mask-size:20px;mask-size:20px;}
/* 비밀번호 : pw */
/* ●●●●●●● 마스킹 표시  */
[class*=form-group-item].pw .text {width:calc(100% - 72px);}
[class*=form-group-item].pw .text + .btns {display:-webkit-flex;display:flex;position:absolute;right:14px;top:50%;transform:translateY(-50%);}
[class*=form-group-item].pw .text + .btns .del {width:20px;height:20px;background-color:var(--w-color-icon-default-04);-webkit-mask:url(./../img/icon/modeComp/base/remove-circle.svg) center no-repeat;mask:url(./../img/icon/modeComp/base/remove-circle.svg) center no-repeat;-webkit-mask-size:20px;mask-size:20px;}
[class*=form-group-item].pw .text + .btns .show {width:20px;height:20px;margin-left:12px;background-color:var(--w-color-icon-default-01);-webkit-mask:url(./../img/icon/modeComp/base/view-show.svg) center no-repeat;mask:url(./../img/icon/modeComp/base/view-show.svg) center no-repeat;-webkit-mask-size:20px;mask-size:20px;}
.form-group-item2.pw .text + .btns {bottom:calc(10px + 0.9375rem);right:0;}
.is-big .form-group-item2.pw .text + .btns {transform:none;}
/* 주민등록번호, 운전면허증 마스킹 */
[class*=form-group-item].reg dd [class*=mask-] {flex:none;margin-left:4px;width:calc(100% - 0.8125rem) !important;}
[class*=form-group-item].reg dd [class*=mask-] span {display:inline-block;width:8px;height:8px;border-radius:100%;background-image:none;}
[class*=form-group-item].reg dd [class*=mask-] span + span {margin-left:4px;}
[class*=form-group-item].reg dd .mask-id span {background-color:var(--w-color-text-default-disabled);}
/* 주민등록번호(뒷자리 7자리 전부 다 받는 경우) */
[class*=form-group-item].reg dd div + span {display:block;width:36px;height:16px;background-color:var(--w-color-icon-default-01);-webkit-mask:url(./../img/icon/modeComp/base/hyphen.svg) 50% no-repeat;mask:url(./../img/icon/modeComp/base/hyphen.svg) 50% no-repeat;-webkit-mask-size:20px;mask-size:20px;}
[class*=form-group-item].reg dd div [type=password] {height:20px;/*font-size:32px;letter-spacing:-5px;*/}
/* [class*=form-group-item].reg2 dd div:last-of-type input {font-size:2.5rem;letter-spacing:-0.375rem;}
[class*=form-group-item].reg2 dd div:last-of-type input::placeholder {font-size:1.0625rem;letter-spacing:0;} */
/* 주민등록번호 : .reg */
[class*=form-group-item].reg dd {display:-webkit-flex;display:flex;align-items:center;justify-content:space-between;}
[class*=form-group-item].reg dd div:not(.kpd-group):not(.nppfs-keypad):not(.kpd-touch):not(.kpd-wrap.keypad):not(.nppfs-keypad-div) {display:-webkit-flex;display:flex;align-items:inherit;width:calc((100% - 36px) / 2);}
[class*=form-group-item].reg dd div.nppfs-keypad-div {display:block;}
[class*=form-group-item].reg dd > div,
[class*=form-group-item].reg dd > form > div {display:-webkit-flex;display:flex;align-items:inherit;width:calc((100% - 36px) / 2);}
[class*=form-group-item].reg dd div .text {min-width:0.8125rem;}
[class*=form-group-item].reg dd div:first-of-type .text {width:100%;}
[class*=form-group-item].reg dd div > span {font-size:0.5rem;color:var(--w-color-text-default-disabled);line-height:2rem;letter-spacing:0.125rem;}
[class*=form-group-item].reg dd div:last-of-type .text:only-child {width:100%;}
.form-group-item2.reg dd > span {width:1.75rem;}
.form-group-item2.reg dd div {width:calc((100% - 1.75rem) / 2);}
.form-group-item2.reg dd div .text {min-width:1rem;}
/* 휴대폰번호 */
.form-group-item.phone dd {display:-webkit-flex;display:flex;}
.form-group-item.phone dd .input-btn1 {width:calc(100% - 60px - 8px);margin-right:20px;}
.form-group-item.phone [data-label] {width:calc(100% - 20px - 8px);}
.form-group-item.phone dd .input-btn1 + .text {min-width:calc(100% - 40px- 20px);}
/* 인증번호 */
.form-group-item.certif dd input:not(:only-child) {width:calc(100% - 140px);width:calc(100% - 80px);}
.form-group-item2.certif dd .text:not(:only-child) {width:calc(100% - 134px);}
/* 날짜선택 */
.form-group-item.time dd {display:-webkit-flex;display:flex;}
.form-group-item.time dd > div {width:100%;}
.form-group-item.time dd > div:first-of-type {padding-right:20px;}
.form-group-item.time dd > div:last-of-type {padding-left:20px;}
.form-group-item.time dd > div .input-btn1 {width:100%;}
.form-group-item.time dd > div:first-of-type .input-btn1 button {top:-20px;bottom:-20px;}
.form-group-item.time dd > div:last-of-type .input-btn1 button {top:-20px;bottom:-20px;}
/* 인증번호 */
[class*=form-group-item].certif dd > .input-btn2 {padding:20px;top:var(--w-borderWidth-02);bottom:var(--w-borderWidth-02);background:var(--w-color-surface-default-01-enabled);
	/* background-image:linear-gradient(90deg, transparent 15px, var(--w-color-surface-default-01-enabled) 10px, var(--w-color-surface-default-01-enabled) 60px, transparent); */}
[class*=form-group-item].certif.t1 dd > .input-btn2 {display:none;}/*label 없는 유형*/
[data-mode="error"][class*=form-group-item].certif:not(.form-group-item2) dd > .input-btn2 {background:#fceeee;}
[data-mode="readonly"][class*=form-group-item].certif dd > .input-btn2 {background:#f8f9fa;}
.form-group-item2.certif dd > .input-btn2 {padding:24px 0 10px 20px;}
/* 다크모드 */
.is-dark [data-mode="error"][class*=form-group-item].certif dd > .input-btn2 {background:#3c2020;}
.is-dark [data-mode="error"][class*=form-group-item2].certif dd > .input-btn2 {background:transparent;}
.is-dark [data-mode="readonly"][class*=form-group-item].certif dd > .input-btn2 {background:#202325;}
/* 이메일 */
[class*=form-group-item].mail dd {display:-webkit-flex;display:flex;}
[class*=form-group-item].mail dd > span {display:block;width:29px;font:400 17px/120% "Pretendard";color:var(--w-color-text-default-04);text-align:center;}
[class*=form-group-item].mail dd > .text,
[class*=form-group-item].mail .input-btn1 {width:calc((100% - 29px) / 2);}
[class*=form-group-item].mail .input-btn1 .selectbox {width:calc(100% - 28px);background-position:100% 50%;}
[class*=form-group-item].mail .input-btn1 .selectbox + button {-webkit-mask-position:right calc(50% + var(--w-borderWidth-01));mask-position:right calc(50% + var(--w-borderWidth-01));}
[class*=form-group-item].mail[data-mode=disabled] dd > span {color:var(--w-color-text-default-disabled);}
.form-group-item2.mail  dd > .text:only-child {width:100%;}
/* .form-group-item2.mail .input-btn1 {width:100%;} */
.form-group-item2.mail dd > span {font:var(--w-typography-h3-600);}
/* 운전면허 */
[class*=form-group-item].driverlicense dd {display:-webkit-flex;display:flex;}
[class*=form-group-item].driverlicense .input-btn1 {width:57px;padding-right:20px;}
/* [class*=form-group-item].driverlicense .input-btn1 button {} */
[class*=form-group-item].driverlicense .number {display:-webkit-flex;display:flex;align-items:center;justify-content:space-between;width:100%;}
[class*=form-group-item].driverlicense .number .text[type=tel]::placeholder,
[class*=form-group-item].driverlicense .number .text[type=text]::placeholder,
[class*=form-group-item].driverlicense .number .text[type=password]::placeholder {text-align:center;}
[class*=form-group-item].driverlicense .number .text[type=tel],
[class*=form-group-item].driverlicense .number .text[type=text],
[class*=form-group-item].driverlicense .number .text[type=password] {width:100%;text-align:center;}
[class*=form-group-item].driverlicense .number .text[type=tel] {width:calc(1.375rem + 18px);padding:0 2px;}
[class*=form-group-item].driverlicense .number .text[type=tel]:last-of-type {padding-right:0;width:calc(1.375rem + 18px);text-align:center;}
[class*=form-group-item].driverlicense .number .text[type=password] {position:relative;margin:0 auto;width:calc((100% - (1.375rem + 18px) * 2 - 20px * 2));
	min-width:42px;height:20px;flex:1;}/* font-size:32px;letter-spacing:-5px; */
[class*=form-group-item].driverlicense .number .text[type=text]::placeholder,
[class*=form-group-item].driverlicense .number .text[type=password]::placeholder {font-size:32px;letter-spacing:-4px;}
[class*=form-group-item].driverlicense .number span {display:block;flex:none;width:20px;height:20px;background-color:var(--w-color-icon-default-01);-webkit-mask-image:url(./../img/icon/modeComp/base/hyphen.svg);mask-image:url(./../img/icon/modeComp/base/hyphen.svg);-webkit-mask-size:20px;mask-size:20px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;}
/* .form-group-item.driverlicense */
.form-group-item.driverlicense .number .text[type=text]:first-child,
.form-group-item.driverlicense .number .text[type=text]:first-child::placeholder {width:calc(1.75rem + 10px);flex:none;text-align:left;font:var(--w-typography-h5-dense-500);letter-spacing:0px;vertical-align:baseline;}/*font-size:17px;*/
.form-group-item.driverlicense .number .text[type=text]:first-child {text-align:left;padding:0 2px 0 0;}
.form-group-item.driverlicense .number .text[type=tel]:last-of-type::placeholder {text-align:center;}
/* .form-group-item2.driverlicense */
.form-group-item2.driverlicense .number .text[type=tel]:first-child {width:60px;text-align:left;}
.form-group-item2.driverlicense .number .text[type=tel]:first-child::placeholder {text-align:left;}
.form-group-item2.driverlicense .number .text[type=tel]:last-child {width:70px;text-align:center;}
.form-group-item2.driverlicense .number .text[type=tel]:last-child::placeholder {text-align:center;}
.form-group-item2.driverlicense .number .text[type=text] {width:calc(100% - (20px * 2) - 60px - 70px);height:30px;padding:0;}
.form-group-item2.driverlicense .number .text[type=password] {width:calc(100% - (20px * 2) - 60px - 70px);height:30px;padding:0;}/* font-size:32px;letter-spacing:-3px; */
/* .form-group-item2.driverlicense .number .text[type=text]::placeholder,
.form-group-item2.driverlicense .number .text[type=password]::placeholder {font-size:32px;letter-spacing:-3px;} */
.form-group-item2.driverlicense .number span {width:20px;}
/* 계좌 공통 */
[data-input-type=account] dd {display:-webkit-flex;display:flex;}
[data-input-type=account] .input-btn1 {display:-webkit-flex;display:flex;width:calc(68px + 24px);padding-right:24px;}
[data-input-type=account] .input-btn1 .selectbox {margin-right:0;width:68px;}
[data-input-type=account] .input-btn1 + div {display:-webkit-flex;display:flex;width:calc(100% - (68px + 24px) - 4px);margin-left:4px;}
[data-input-type=account] .input-btn1 + .input-btn1 {padding-right:0;}
[data-input-type=account] .input-btn1 + .input-btn1 > div {width:100%;padding-right:20px;}
[data-input-type=account] .input-btn1 + .input-btn1 > div .selectbox {width:calc(100% - 4px);}
[data-input-type=account] .input-btn1 + .input-btn1 > div button {-webkit-mask-position:100% 100%;mask-position:100% 100%;}
/* 금액 공통 */
[data-input-type=cash].form-group-item {z-index:1;background:var(--w-color-background-default);}
[data-input-type=cash][data-mode="readonly"] {background:#f8f9fa;}
.is-dark [data-input-type=cash][data-mode="readonly"] {background:#1b1e21;}
[data-input-type=cash] .text,
[data-input-type=cash] .text::placeholder {text-align:right;}
[data-input-type=cash] ~ .txt-info {padding:8px 20px;font:var(--w-typography-b2-dense-400);color:var(--w-color-text-default-04);text-align:right;}
[data-input-type=cash] ~ .txt-info span {margin:0 4px;}
[data-input-type=cash] ~ .txt-info.left {color:var(--w-color-text-accentDeepblue-enabled);}
/* disabled */
[data-input-type=cash][data-mode=disabled] .text + span {color:var(--w-color-text-default-disabled);}
[data-input-type=cash][data-mode=disabled] + .txt-info.left {color:var(--w-color-text-accentDeepblue-disabled);}
.form-group-item2[data-input-type=cash] .text + span {font:var(--w-typography-h3-600);}
/* 금액 - 잔액 */
[data-input-type=cash] dd {display:-webkit-flex;display:flex;}
[data-input-type=cash] div:last-of-type:first-of-type {display:-webkit-flex;display:flex;width:100%;}
[data-input-type=cash] .txt + div:last-of-type:not(:first-of-type) {display:-webkit-flex;display:flex;}
[data-input-type=cash] .text + span {display:block;margin-left:2px;font:var(--w-typography-h5-dense-500);color:var(--w-color-text-default-01);}
/* 금액 - 고정텍스트 */
[data-input-type=cash] dd .txt {color:var(--w-color-text-default-01);}
.form-group-item[data-input-type=cash] dd .txt {font:var(--w-typography-h5-dense-500);}
.form-group-item2[data-input-type=cash] dd .txt {font:var(--w-typography-h3-600);}
[data-input-type=cash][data-mode=disabled] dd .txt {color:var(--w-color-text-default-05);}
/* 금액 - 선택 */
[data-input-type=cash] .input-btn1 {width:108px;padding-right:40px;}
[data-input-type=cash] .input-btn1 .selectbox {width:68px;}
[data-input-type=cash] .input-btn1 + div {display:-wekbit-flex;display:flex;width:calc(100% - 108px);}
/* 금액 - 버튼입력 */
.form-group-tab[data-form-type=amount] {display:-webkit-flex;display:flex;align-items:center;justify-content:space-between;position:relative;background:var(--w-color-surface-default-02-enabled);border:var(--w-borderWidth-01) solid var(--w-color-border-default-05);overflow:hidden;}
.form-group-tab[data-form-type=amount] .btn-amount {flex:auto;position:relative;width:100%;padding:10px 6px;font:var(--w-typography-b2-500);color:var(--w-color-text-default-01);text-align:center;}
.form-group-tab[data-form-type=amount] .btn-amount + .btn-amount:before {content:'';display:block;position:absolute;left:0;top:50%;margin-top:-8px;width:var(--w-borderWidth-01);height:1rem;background:var(--w-color-border-default-05);}
.form-group-item + .form-group-tab[data-form-type=amount] {margin-top:-12px;padding:12px 0 0;border-radius:0 0 var(--radius8) var(--radius8);}
.form-group-item2 + .form-group-tab[data-form-type=amount] {margin-top:12px;border-radius:var(--radius8);}
[data-input-type=cash][data-mode=readonly] + .form-group-tab[data-form-type=amount]:after,
[data-input-type=cash][data-mode=disabled] + .form-group-tab[data-form-type=amount]:after {content:'';display:block;position:absolute;left:calc(var(--w-borderWidth-01) * -0.1);top:calc(var(--w-borderWidth-01) * -0.1);right:calc(var(--w-borderWidth-01) * -0.1);bottom:calc(var(--w-borderWidth-01) * -0.1);background:var(--w-color-surface-default-disabled)}
[data-input-type=cash][data-mode=readonly] + .form-group-tab .btn-amount,
[data-input-type=cash][data-mode=disabled] + .form-group-tab .btn-amount {color:var(--w-color-text-default-disabled);pointer-events:none;}
/* 계약번호입력 */
[data-input-type=number] dd {display:-webkit-flex;display:flex;justify-content:flex-start;}
[data-input-type=number] dd .txt {font:var(--w-typography-h5-dense-500);color:var(--w-color-text-default-00);}
[data-input-type=number] dd .text {margin-left:4px;}
/* 큰글씨모드 */
.is-big .form-group-tab[data-form-type=amount] .btn-amount {font-size:17px;}
/* 금액 - 투명 */
.form-group-item3 {position:relative;}
.form-group-item3 > dt {overflow:hidden;position:absolute;width:1px;height:1px;padding:0;opacity:0;font-size:0.1rem;line-height:1;}
.form-group-item3 dd {padding:0;}
.form-group-item3 dd > div {align-items:center;position:relative;width:100%;max-width:calc(100% - 20px);min-height:2.1875rem;}
.form-group-item3 dd input {display:inline-block;max-width:calc(100% - 20px);font:600 25px/140% "Pretendard";color:var(--w-color-text-default-01);text-align:left !important;
position:absolute;left:0;top:0;right:0;min-height:2.1875rem;}
.form-group-item3 dd input::placeholder {text-align:left !important;}
.form-group-item3 div[aria-hidden] {width:auto !important;font:600 25px/140% "Pretendard";color:transparent;}
.form-group-item3 dd div > span {display:none;margin-left:2px;font:600 25px/140% "Pretendard" !important;color:var(--w-color-text-default-01);}
.form-group-item3[data-input-type=cash] ~ .txt-info {padding:8px 0 0;text-align:left;opacity:0;}
.form-group-item3[data-input-type=cash] ~ .txt-info span {margin:0;}
.form-group-item3[data-input-type=cash] ~ .validate.msg-error,
.form-group-item3[data-input-type=cash] ~ .txt-info ~ .validate.msg-error {padding-left:20px;}
.form-group-item3[data-input-type=cash] ~ .validate.msg-error:before,
.form-group-item3[data-input-type=cash] ~ .txt-info ~ .validate.msg-error:before {left:0;}
/* disabled, readonly */
[data-mode=disabled].form-group-item3 dd div > span {color:var(--w-color-text-default-disabled);}
[data-mode=readonly].form-group-item3 {background:transparent;}
[data-mode=readonly].form-group-item3 dd div input + div {color:var(--w-color-text-default-03);}
[data-mode=readonly].form-group-item3 dd div > span {color:var(--w-color-text-default-03);}
/* 검색 */
[class*=form-group-item][data-input-type=search] .text {width:calc(100% - 1.875rem);}
[class*=form-group-item][data-input-type=search] .search {display:block;position:absolute;right:0;bottom:0;width:3.125rem;height:2.625rem;-webkit-mask-image:url(../img/icon/modeComp/base/search.svg);mask-image:url(../img/icon/modeComp/base/search.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-positon:center;mask-position:center;-webkit-mask-size:1.25rem;mask-size:1.25rem;-webkit-mask-position:0.625rem 0.5rem;mask-position:0.625rem 0.5rem;background-color:var(--w-color-icon-default-01);}
[class*=form-group-item][data-input-type=search][data-mode=disabled] .search,
[class*=form-group-item][data-input-type=search][data-mode=readonly] .search {-webkit-mask-image:url(../img/icon/modeComp/base/search.svg);mask-image:url(../img/icon/modeComp/base/search.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-positon:center;mask-position:center;background-color:var(--w-color-icon-default-07);}
.form-group-item2[data-input-type=search] .text {width:calc(100% - 2.5rem);}
.form-group-item2[data-input-type=search] .search {width:2.5rem;height:3.125rem;background-position:100% calc(50% - 0.125rem);}
.is-dark [class*=form-group-item][data-input-type=search] .search {-webkit-mask-image:url(../img/icon/modeComp/base/search.svg);mask-image:url(../img/icon/modeComp/base/search.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-positon:center;mask-position:center;background-color:var(--w-color-icon-default-01);}
.is-dark [class*=form-group-item][data-input-type=search][data-mode=disabled] .search,
.is-dark [class*=form-group-item][data-input-type=search][data-mode=readonly] .search {-webkit-mask-image:url(../img/icon/modeComp/base/search.svg);mask-image:url(../img/icon/modeComp/base/search.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-positon:center;mask-position:center;background-color:var(--w-color-icon-default-07);}

/* 셀렉트 타입 : .from-group-item.select */
/* 기본형 */
.select[class*=form-group-item] .input-btn1 {position:unset;}
.select[class*=form-group-item] .input-btn1 [data-label] {width:calc(100% - 2.5rem);margin-right:40px;}
.select[class*=form-group-item] .input-btn1 button {
	/* -webkit-mask-position:calc(100% - 20px) calc(50% - var(--w-borderWidth-01));mask-position:calc(100% - 20px) calc(50% - var(--w-borderWidth-01)); */
	-webkit-mask-position:calc(100% - 20px) 50%;mask-position:calc(100% - 20px) 50%;
}
.select.form-group-item2 dd {position:relative;}
.select.form-group-item2 .input-btn1 {position:unset;}
.select.form-group-item2 .input-btn1 button {-webkit-mask-position:right 50%;mask-position:right 50%;}
/* 계좌 : .form-group-item.select[data-select-type="account-col"] */
.select[data-select-type="account-col"] .input-btn1 [data-label] {flex-direction:column;align-items:baseline;}
.select[data-select-type="account-col"] .input-btn1 [data-label] .num {font:var(--w-typography-h5-dense-500);color:var(--w-color-text-default-01);}
.select[data-select-type="account-col"] .input-btn1 [data-label] .name {padding:6px 0 0;font:var(--w-typography-b1-dense-500);color:var(--w-color-text-default-03);}
/* 잔액표시 */
.select[data-select-type="account-col"] + .validate.msg-balance {padding-left:20px;color:var(--w-color-text-accentDeepblue-enabled);text-align:right;}
.select[data-select-type="account-col"] + .validate.msg-balance span {margin:0 4px;}
/* disabled, readonly, error */
.select[data-select-type="account-col"][data-mode=disabled] .input-btn1 [data-label] .num {color:var(--w-color-text-default-disabled);}
.select[data-select-type="account-col"][data-mode=disabled] .input-btn1 [data-label] .name {color:var(--w-color-text-default-disabled);}
.select[data-select-type="account-col"][data-mode=disabled] + .validate.msg-balance {color:var(--w-color-text-accentDeepblue-disabled);}
.select[data-select-type="account-col"][data-mode=error] .input-btn1 [data-label] .name {color:var(--w-color-text-default-01);}
/* 계좌 : .form-group-item2.select[data-select-type="account-col"] */
.select.form-group-item2[data-select-type="account-col"] .input-btn1 [data-label] .num {font:var(--w-typography-h3-600);}
.select.form-group-item2[data-select-type="account-col"] .input-btn1 [data-label] .name {padding:4px 0 1px;}
/* 계좌 선택&번호 입력 (기본형3) */
.select.form-group-item2 dd.t1 {padding:0;border:none;}
.select.form-group-item2 dd.t1 .input-btn1 [data-label] {font:var(--w-typography-h5-700);}
.select.form-group-item2 dd.t1 .input-btn1 [data-label]:after {display:inline-block;position:relative;top:-1px;right:unset;margin-left:4px;background-color:var(--w-color-icon-default-03);-webkit-mask-image:url(../img/icon/modeComp/base/chevron-down-md.svg);mask-image:url(../img/icon/modeComp/base/chevron-down-md.svg);-webkit-mask-size:1.25rem;mask-size:1.25rem;}
.select.form-group-item2 dd.t1 .input-btn1 button {background:none;}


/* 셀렉트 타입2 : .from-group-item.select2 */
.select2[data-select-type="account-col"] dd.t1 {padding:16px 20px;}
.select2[data-select-type="account-col"] .input-btn1 [data-label] {flex-direction:column;align-items:baseline;}
.select2[data-select-type="account-col"] .input-btn1 [data-label] p {width:100%;}
.select2[data-select-type="account-col"] .input-btn1 [data-label] .name {display:-webkit-flex;display:flex;align-items:center;}
.select2[data-select-type="account-col"] .input-btn1 [data-label] .name i {display:inline-block;width:20px;height:20px;}
.select2[data-select-type="account-col"] .input-btn1 [data-label] .name span {font:var(--w-typography-b1-dense-400);color:var(--w-color-text-default-01);}
.select2[data-select-type="account-col"] .input-btn1 [data-label] .name i + span {margin-left:8px;}
.select2[data-select-type="account-col"] .input-btn1 [data-label] .name span:empty:before {content:'은행/증권사';color:var(--w-color-text-default-04);}
.select2[data-select-type="account-col"] .input-btn1 [data-label] .name + .num {padding:8px 0 0;}
.select2[data-select-type="account-col"] .input-btn1 [data-label] .num:empty:before {content:'계좌번호';color:var(--w-color-text-default-04);}
.select2[data-select-type="account-col"] .input-btn1 button {-webkit-mask-position:100% calc(50% - var(--w-borderWidth-01));mask-position:100% calc(50% - var(--w-borderWidth-01));}
/* disabled, readonly */
.select2[data-select-type="account-col"][data-mode=disabled] .input-btn1 [data-label] .name i {opacity:30%;}
.select2[data-select-type="account-col"][data-mode=disabled] .input-btn1 [data-label] .name span {color:var(--w-color-text-default-disabled);}
.select2[data-select-type="account-col"][data-mode=disabled] .input-btn1 [data-label] .num {color:var(--w-color-text-default-disabled);}
.select2[data-select-type="account-col"][data-mode=readonly] .input-btn1 [data-label] .name span {color:var(--w-color-text-default-03);}


/* -------------------------------------------------------
	.form-file : 파일첨부
------------------------------------------------------- */
/* 디자인 변경됨(백업/삭제x) */
.form-file {padding:20px;background:var(--w-color-surface-default-01-enabled);border:var(--w-borderWidth-01) solid var(--w-color-border-default-04);border-radius:16px;}
.form-file > div:not(.files) {position:relative;}
.form-file .badge {margin-bottom:8px;}
.form-file .name {font:var(--w-typography-h6-600);color:var(--w-color-text-default-01);}
.form-file > div:not(.files) button {display:block;position:absolute;left:0;top:0;width:100%;height:100%;}
.form-file > div:not(.files) button:after {content:'';display:block;position:absolute;right:0;top:50%;margin-top:-10px;width:20px;height:20px;background-color:var(--w-color-icon-default-02);-webkit-mask:url(../img/icon/modeComp/base/chevron-right-md.svg);mask:url(../img/icon/modeComp/base/chevron-right-md.svg);}
.form-file > div.files {margin-top:16px;padding-top:16px;border-top:1px solid var(--w-color-border-default-05);}
.form-file > div.files li {position:relative;padding:8px 28px 8px 0;font:var(--w-typography-b1-500);color:var(--w-color-text-default-01);text-overflow:ellipsis;overflow:hidden;white-space:pre;}
.form-file > div.files li button {display:block;position:absolute;right:0;top:50%;width:20px;height:20px;margin-top:-10px;background-color:var(--w-color-icon-default-04);-webkit-mask:url(../img/icon/modeComp/base/remove-circle.svg) center no-repeat;mask:url(../img/icon/modeComp/base/remove-circle.svg) center no-repeat;}
/* .form-file1(변경된 디자인) */
.form-file1 > ul > li {padding:16px 0;}
.form-file1 .top {display:-webkit-flex;display:flex;align-items:center;justify-content:space-between;}
.form-file1 .top > div {font:var(--w-typography-h6-500);color:var(--w-color-text-default-01);}
.form-file1 .top > div + div {margin-left:16px;}
.form-file1 .top > div + div .file {padding:5px 8px;font:var(--w-typography-b2-600);color:var(--w-color-text-primary-enabled);background:var(--w-color-surface-primary-subdued-enabled);border-radius:6px;}
.form-file1 .top > div + div .file:empty:before {content:attr(file-btn-text);display:block;}
.form-file1 .files {display:none;}
.form-file1 .files li {position:relative;padding:6px 28px 6px 0;}
.form-file1 .files li:first-of-type {margin-top:6px;padding-top:12px;border-top:var(--w-borderWidth-01) solid var(--w-color-border-default-05);}
.form-file1 .files li span {display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;width:100%;font:var(--w-typography-b2-500);color:var(--w-color-text-default-03);overflow:hidden;text-overflow:ellipsis;word-break:break-all;white-space:normal;}
.form-file1 .files li .del {position:absolute;right:0;bottom:0;width:20px;height:32px;background-color:var(--w-color-icon-default-04);-webkit-mask:url(../img/icon/modeComp/base/remove-circle.svg) center no-repeat;mask:url(../img/icon/modeComp/base/remove-circle.svg) center no-repeat;-webkit-mask-size:24px;mask-size:24px;}
.form-file1 .active .files {display:block;}
.form-file1 .complete .top > div + div .file:empty {color:var(--w-color-text-default-02);background:var(--w-color-surface-default-03-enabled);}
.form-file1 .complete .top > div + div .file:empty:before {content:attr(file-attatched-text);}
/* 큰글씨모드 */
.is-big .form-file1 .files li .del {height:calc(0.875rem * 1.4 + 10px);}

/* -------------------------------------------------------
	.search : 검색영역
------------------------------------------------------- */
/* 배경형 */
.search.form-group-item {display:-webkit-flex;display:flex;align-items:center;position:relative;padding:12px 20px;background:var(--w-color-surface-default-03-enabled);border-radius:8px;}
/* .search.form-group-item:after {content:'';} */
.search.form-group-item[data-active=true]:before {display:none;}
.search.form-group-item .text {margin-right:auto;width:calc(100% - 48px - 16px - 8px);min-height:24px;font:500 16px/140% "Pretendard";}
.search.form-group-item .del {display:none;width:24px;height:24px;background-color:var(--w-color-icon-default-04);-webkit-mask:url(./../img/icon/modeComp/base/remove-circle.svg) center;mask:url(./../img/icon/modeComp/base/remove-circle.svg) center;-webkit-mask-size:24px;mask-size:24px;}
.search.form-group-item .search-btn {display:block;width:24px;height:24px;margin-left:16px;background-color:var(--w-color-icon-default-01);-webkit-mask:url(./../img/icon/modeComp/base/search.svg) center no-repeat;mask:url(./../img/icon/modeComp/base/search.svg) center no-repeat;-webkit-mask-size:24px;mask-size:24px;}
.is-dark .search.form-group-item {background:var(--modeGrayNonOpaque-100);}

/*--------------------------------------------------------------------------------
	# guie content : 폼입력 영역
---------------------------------------------------------------------------------*/
.form-group-wrap .label,
.form-group-item {font:var(--w-typography-b2-dense-400);color:var(--w-color-text-default-03);}
.form-group-wrap .form-group-item + .label {margin-top:24px;}
.form-group-wrap dl[class*=form-group-item] {width:100%;}
.form-group-wrap.reverse {display:-webkit-flex;display:flex;flex-direction:column-reverse;}
.form-group-wrap.reverse > div {margin-bottom:var(--space16);}
/* .form-group-wrap.reverse dl {margin-bottom:var(--space12);} */
.form-group-wrap.reverse dl.form-group-item + dl.form-group-item {margin-top:0;}
.form-group-wrap .btn-comm-sm {display:block;width:100%;}
.form-group-wrap .btn-comm-sm + .btn-comm-sm {margin-top:12px;}
.form-group-wrap > [class*=list-dot-] li {color:var(--w-color-text-default-03);}
/*--------------------------------------------------------------------------------
	# guie content : 폼요소 - 체크박스/라디오
---------------------------------------------------------------------------------*/
/* FORM - 공통 */
[class*=label-check] label {position:relative;display:inline-block;min-height:1.5rem;width:auto;}
[class*=label-check] label input {position:absolute;display:block;left:0;top:0;width:100%;height:100%;background:no-repeat center / contain;}
[class*=label-check] label input + span {display:inline-block;position:relative;min-height:1.5rem;padding-left:32px;font:var(--w-typography-b1-500);color:var(--w-color-text-default-01);line-height:1.5rem;}
[class*=label-check] label input + span:before {content:'';display:block;position:absolute;left:0;top:0;width:24px;height:24px;-webkit-mask-size:24px;mask-size:24px;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;}
[class*=label-check] label input:disabled + span {color:var(--w-color-text-default-disabled);}
/* 원형타입 - 라디오 */
.label-check1 label input[type="radio"] + span:before {background-image:url(./../img/icon/modeComp/color/ico_radio_circle_off.svg);}

/* .label-check1 label input[type="radio"] + span:before {-webkit-mask-image:url(./../img/icon/modeComp/color/ico_radio_circle_off.svg);mask-image:url(./../img/icon/modeComp/color/ico_radio_circle_off.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;} */
.label-check1 label input[type="radio"]:checked + span:before {background-image:url(./../img/icon/modeComp/color/ico_radio_circle_on.svg);}
.label-check1 label input[type="radio"][disabled] + span:before {background-image:url(./../img/icon/modeComp/color/ico_radio_circle_off_disabled.svg);}
.label-check1 label input[type="radio"][disabled][checked] + span:before {background-image:url(./../img/icon/modeComp/color/ico_radio_circle_on_disabled.svg);}
/* 원형타입 - 체크박스 */
.label-check1 label input[type="checkbox"] + span:before {background-image:url(./../img/icon/modeComp/color/check-off-circle.svg);}
.is-dark .label-check1 label input[type="checkbox"] + span:before {background-image:url(./../img/icon/modeComp/color/check-off-circle-dark.svg);}
.label-check1 label input[type="checkbox"]:checked + span:before {background-image:url(./../img/icon/modeComp/color/check-on-circle.svg);}
.label-check1 label input[type="checkbox"][disabled] + span:before {background-image:url(./../img/icon/modeComp/color/check-off-circle-disabled.svg);}
.label-check1 label input[type="checkbox"][checked][disabled] + span:before {background-image:url(./../img/icon/modeComp/color/check-on-circle-disabled.svg);}
/* 체크타입 */
.label-check2 label input + span:before {background-color:var(--w-color-icon-default-07);-webkit-mask-image:url(./../img/icon/modeComp/color/check-on.svg);mask-image:url(./../img/icon/modeComp/color/check-on.svg);}
.label-check2 label input:checked + span:before {background-color:var(--w-color-icon-primary-enabled);}
.label-check2 label input[disabled] + span:before {background-color:var(--w-color-icon-default-08);}
.label-check2 label input[checked][disabled] + span:before {background-color:var(--w-color-icon-primary-disabled) !important;}
/* 체크타입 - 버튼(라운드)형 */
.label-check2.t1 label input + span {padding:6px 12px 6px 8px;font:var(--w-typography-b1-600);color:var(--w-color-text-default-04);background-color:var(--w-color-surface-default-03-enabled);border-radius:1rem;}
.label-check2.t1 label input + span:before {display:inline-block;position:relative;width:20px;height:20px;margin-right:4px;vertical-align:sub;-webkit-mask-size:20px;mask-size:20px;background-color:var(--w-color-icon-default-04);}
.label-check2.t1 label input + span:after {content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;border-radius:1rem;}
.label-check2.t1 label input:checked + span {color:var(--w-color-text-onAccent-01);background:var(--w-color-surface-primary-enabled);}
.label-check2.t1 label input:checked + span:before {background-color:var(--w-color-icon-onAccent-01);}
.label-check2.t1 label input[disabled] + span {color:var(--w-color-text-default-disabled);}
.label-check2.t1 label input[disabled] + span:before {background-color:var(--w-color-icon-default-05);}
.label-check2.t1 label input[disabled] + span:after {background:var(--modeGrayNonOpaque-200);}
/* .label-check2.t1 label input:checked[disabled] + span {color:var(--w-color-text-onAccent-disabled);background:var()} */
.label-check2.t1 label input:checked[disabled] + span {color:var(--w-color-text-primary-enabled);background:#C2DEFC}
.is-dark .label-check2.t1 label input:checked[disabled] + span {color:var(--w-color-text-primary-enabled);background:#0A2845}
.label-check2.t1 label input:checked[disabled] + span:before {background-color:var(--w-color-icon-onAccent-disabled);}
/* .label-check2.t1 label input:checked[disabled] + span:after {background:var(--modeInverseBW-72);} */
.label-check2.t1 label input:checked[disabled] + span:after {content:none;}
/* 아이콘O 텍스트X */
.label-check1.simple, .label-check2.simple {height:1.5rem;}
.label-check1.simple span, .label-check2.simple span {width:0.5rem;height:1.5rem;padding-left:24px;line-height:1;overflow:hidden;}

/*--------------------------------------------------------------------------------
	# guie content : 폼요소 - 스위치
---------------------------------------------------------------------------------*/
.switch-chk1 label {display:inline-block;position:relative;width:40px;height:24px;background:var(--w-color-surface-default-04-enabled);box-shadow:var(--w-shadow-pressed);border-radius:6.25rem;overflow:hidden;}
.switch-chk1 label input {display:block;position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;}
.switch-chk1 label input + span {display:block;position:absolute;left:3px;top:3px;width:18px;height:18px;text-indent:1.125rem;background:var(--w-color-surface-selectionBg-enabled);box-shadow:var(--w-shadow-01);border-radius:50%;overflow:hidden;transition: all .3s ease-out;}
/* :checked */
.switch-chk1 label.on {background:var(--w-color-surface-primary-enabled);}
.switch-chk1 label.on input + span {transform:translateX(16px);}
/* disabled */
.switch-chk1 label[data-mode=disabled]:before {content:'';display:block;position:absolute;width:100%;height:100%;background:var(--w-color-surface-default-disabled);}
.switch-chk1 label.on[data-mode=disabled]:before {background-color:var(--w-color-surface-accent-disabled);}
.switch-chk1 label[data-mode=disabled] input + span:after {content:'';display:block;position:absolute;left:0;right:0;top:0;bottom:0;background:var(--w-color-surface-exception-disabled)}

/*--------------------------------------------------------------------------------
	# guie content : 폼요소 - 탭
---------------------------------------------------------------------------------*/
/* 탭모양타입 - 라디오 */
.tab-radio1 {display:-webkit-flex;display:flex;flex:none;position:relative;width:100%;padding:var(--space2);background:var(--w-color-surface-default-03-enabled);border-radius:var(--radius8);overflow:hidden;}
.tab-radio1 label {display:-webkit-flex;display:flex;align-items:center;justify-content:center;flex-grow:1;position:relative;width:100%;min-height:40px;}
.tab-radio1 label input + span {display:-webkit-flex;flex-direction:column;display:flex;align-items:center;justify-content:center;position:absolute;left:0;width:calc(100% + 1px);height:100%;padding:4px 8px;font:var(--w-typography-b2-dense-500);color:var(--w-color-text-default-04);text-align:center;/* word-break:break-all; */border-radius:var(--radius6);}/* flex-wrap:wrap; */
.tab-radio1 label:last-of-type input + span {width:100%;}
.tab-radio1 label:not(.sm) input + span {min-height:40px;}
.tab-radio1 label input + span > i {font:var(--w-typography-d3-500);word-break:keep-all;}
.tab-radio1 label input {display:block;position:absolute;left:0;bottom:0;top:0;width:100%;}
.tab-radio1 label input:checked + span {color:var(--w-color-text-default-01);background:var(--surfaceElevated1);box-shadow:var(--w-shadow-01);}
.tab-radio1 label input + span:before {content:'';display:block;z-index:-1;position:absolute;left:0;top:50%;width:var(--w-borderWidth-01);height:1rem;margin-top:-8px;background:var(--w-color-border-default-05);}
.tab-radio1 label:first-of-type span:before {display:none;}
.tab-radio1 label > input:checked + span:before {display:none;}
/* .tab-radio1 label:first-of-type span:before,
.tab-radio1 label.active > input:checked + span:before,
.tab-radio1 label.active + label input + span:before {display:none;} */
.tab-radio1.sm label span {padding:5.5px 8px;}
/* disabled */
.tab-radio1[data-mode="disabled"]:before {content:'';display:block;position:absolute;left:0;right:0;top:0;bottom:0;background:var(--w-color-surface-default-disabled);border-radius:var(--radius8);}
.tab-radio1[data-mode="disabled"] label input + span {color:var(--w-color-text-default-disabled);}
.tab-radio1[data-mode="disabled"] label input:checked + span:after {content:'';display:block;position:absolute;left:0;right:0;bottom:0;top:0;background:var(--w-color-surface-default-disabled);border-radius:var(--radius6);}
/* 큰글씨모드 */
.is-big .tab-radio1 label input + span {padding:2px 8px;font-size:17px;}

/*--------------------------------------------------------------------------------
	# guide content : 약관동의
---------------------------------------------------------------------------------*/
/* 전체동의 목록형 타입 */
/* .terms-list + .terms-list {margin-top:0.75rem;} */
/* 상단/전체동의 */
.terms-list .label-check1 {position:relative;padding:16px;background:var(--w-color-surface-default-02-enabled);border-radius:var(--radius8);}
.terms-list .label-check1 .form-group {/*width:calc(100% - 2rem);*/width:100%;}
.terms-list .label-check1 .form-group span {width:100%;font:var(--w-typography-h6-600);color:var(--w-color-text-default-01);line-height:1.5rem;}
.terms-list .label-check1 .term-list-btn {position:relative;width:100%;/*min-height:1.5rem;*/min-height:24px;padding-left:36px;font:var(--w-typography-h6-600);color:var(--w-color-text-default-01);/*line-height:1.5rem;*/min-height:24px;text-align:left;}
.terms-list .label-check1 .term-list-btn:before {content:'';display:block;position:absolute;left:0;top:0;width:24px;min-height:24px;height:calc(1rem * 1.4);
	/* -webkit-mask-size:24px;mask-size:24px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat; */
	background:url(./../img/icon/modeComp/color/check-off-circle.svg) center no-repeat;}
.is-dark .terms-list .label-check1 .term-list-btn:before {content:'';display:block;position:absolute;left:0;top:0;width:24px;height:24px;-webkit-mask-size:24px;mask-size:24px;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;
	background-image:url(./../img/icon/modeComp/color/check-off-circle-dark.svg);}
.terms-list .label-check1 .term-list-btn[aria-checked=true]:before,
.is-dark .terms-list .label-check1 .term-list-btn[aria-checked=true]:before {background-image:url(./../img/icon/modeComp/color/check-on-circle.svg);}
.terms-list .label-check1 .term-list-text {padding:0 4px 0;font:var(--w-typography-h6-600);color:var(--w-color-text-default-01);text-align:left;}

/* 약관목록 공통 */
.terms-list .checkall-sub {margin-top:var(--space8);padding:0 16px;}
.terms-list .checkall-sub li {position:relative;}
.terms-list .checkall-sub li .info-con3 {margin-bottom:8px;}
.terms-list .checkall-sub li .info-con3 .label-check1 {margin-top:10px;padding:0;background:transparent;}
.terms-list .checkall-sub li .info-con3 .label-check1 input + span {padding:3px 0;padding-left:36px;font:var(--w-typography-b2-500);word-break:break-all;}
.terms-list .checkall-sub li .info-con3 .label-check1 input + span:before {background-color:transparent;-webkit-mask-image:none;mask-image:none;}
.terms-list .checkall-sub .term-list-btn {display:-webkit-flex;display:flex;position:relative;width:100%;padding:8px 28px 8px 0;font:var(--w-typography-b1-600);color:var(--w-color-text-default-01);text-align:left;word-break:break-all;}
.terms-list .checkall-sub .term-list-btn span {pointer-events:none;}
.terms-list .checkall-sub .term-list-btn span:not(.hide) {padding-left:32px;}
.terms-list .checkall-sub .term-list-btn span:not(.hide):before {content:'';display:block;position:absolute;left:0;top:6px;width:24px;height:24px;background-color:var(--w-color-icon-default-07);-webkit-mask:url(./../img/icon/modeComp/color/check-on.svg) center no-repeat;mask:url(./../img/icon/modeComp/color/check-on.svg) center no-repeat;-webkit-mask-size:24px;mask-size:24px;}
.terms-list .checkall-sub .term-list-btn[aria-checked=true] span:not(.hide):before {background-color:var(--w-color-icon-primary-enabled)}/*체크됨*/
.terms-list .term-list-btn + .arr {display:block;position:absolute;right:0;top:0;width:32px;height:100%;color:transparent;background-color:var(--w-color-icon-default-04);-webkit-mask:url(./../img/icon/modeComp/base/chevron-right-md.svg) no-repeat;mask:url(./../img/icon/modeComp/base/chevron-right-md.svg) no-repeat;-webkit-mask-size:20px;mask-size:20px;-webkit-mask-position:right 8px;mask-position:right 8px;}
.terms-list .term-list-btn + .toggle {position:absolute;right:0;top:0;width:32px;height:calc(1.5rem + 16px);color:transparent;background-color:var(--w-color-icon-default-04);text-indent:32px;overflow:hidden;-webkit-mask:url(./../img/icon/modeComp/base/chevron-down-md.svg) no-repeat;mask:url(./../img/icon/modeComp/base/chevron-down-md.svg) no-repeat;-webkit-mask-size:20px;mask-size:20px;-webkit-mask-position:right 8px;mask-position:right 8px;}
.terms-list .active .term-list-btn + .toggle {-webkit-mask-image:url(./../img/icon/modeComp/base/chevron-up-md.svg);mask-image:url(./../img/icon/modeComp/base/chevron-up-md.svg);}

/* 2depth */
.terms-list .label-check2 > li span {font:var(--w-typography-b1-600);}
/* 3depth */
.terms-list .label-check3 {display:none;margin:8px 0;padding-left:16px;}
.terms-list .label-check3 > li span {font:var(--w-typography-b2-500);color:var(--w-color-text-default-03);line-height:24px;}
.terms-list .label-check3 .term-list-btn {padding:6px 28px 6px 0;}
.terms-list .label-check3 .term-list-btn span:not(.hide):before {top:6px;}
/* 약관목록 펼치기 */
.terms-list .active .label-check3 {display:block;}
/* 4depth */
.terms-list .contact {display:-webkit-flex;display:flex;justify-content:flex-start;padding:4px 0;flex-wrap:wrap;gap:12px;}
.terms-list .contact li {/*width:calc((100% - 24px) / 3);*/flex:1;}
.terms-list .contact li:nth-of-type(1):nth-last-of-type(2) {width:calc((100% - 24px) / 2);}
.terms-list .contact li:nth-of-type(2):nth-last-of-type(1) {width:calc((100% - 24px) / 2);}
.terms-list .contact li:nth-of-type(3n - 2) {margin-left:0;}
.terms-list .contact li:nth-of-type(3) ~ li {margin-top:-6px;}
.terms-list .contact li label {width:100%;}
.terms-list .contact li input {display:block;position:absolute;top:0;left:0;width:100%;height:100%;}
.terms-list .contact li input + span {display:block;width:100%;padding:6px 12px;font:var(--w-typography-b2-600);color:var(--w-color-text-default-04);text-align:center;background:var(--w-color-surface-default-03-enabled);border-radius:var(--radius16);pointer-events:none;}
.terms-list .contact li input + span:before {display:none;}
.terms-list .contact li input:checked + span {color:var(--w-color-text-onAccent-01);background:var(--w-color-surface-primary-enabled);}
.terms-list .label-check2 > li > .contact {padding-left:16px;}
@media all and (max-width:325px) {.terms-list .contact {gap:8px;}}

/* 펼쳐짐 */
/* 박스아이템형 : 공통 */
[class*=label-box] .form-group input {display:block;position:absolute;left:0;top:0;bottom:0;width:100%;}
[class*=label-box] + [class*=label-box] {margin-top:12px;}
/* 박스아이템형 : 짧은문장 */
.label-box1 {position:relative;padding:16px 16px 16px 52px;background:var(--w-color-surface-default-02-enabled);border-radius:var(--radius8);}
.label-box1 .form-group input {height:100%;}
.label-box1 .form-group input + span {display:block;padding:1px 0;font:var(--w-typography-h6-600);color:var(--w-color-text-default-01);word-break:break-all;}
.label-box1 .form-group input + span:before {content:'';display:block;position:absolute;left:1rem;top:1rem;width:24px;height:24px;background-image:url(./../img/icon/modeComp/color/check-off-circle.svg);background-size:24px;background-repeat:no-repeat;background-position:center;}
.is-dark .label-box1 .form-group input + span:before {content:'';display:block;position:absolute;left:1rem;top:1rem;width:24px;height:24px;background-image:url(./../img/icon/modeComp/color/check-off-circle-dark.svg);background-size:24px;background-repeat:no-repeat;background-position:center;}
.label-box1 .form-group input:checked + span:before {background-image:url(./../img/icon/modeComp/color/check-on-circle.svg);}
.label-box1 .form-group + .desc {margin-top:13px;}
.label-box1 .desc {font:var(--w-typography-b2-400);color:var(--w-color-text-default-03);}
/* 박스아이템형 : 긴문장 */
.label-box2 {position:relative;padding:15px 16px 15px 52px;background:var(--w-color-surface-default-02-enabled);border-radius:var(--radius8);}
/* .is-dark .label-box2 {background-color:var(--w-color-surface-default-03-enabled);} */
.label-box2 .form-group input + span {font:var(--w-typography-b2-500);color:var(--w-color-text-default-01);word-break:break-all;}
.label-box2 .form-group input + span:before {content:'';display:block;position:absolute;left:1rem;top:1rem;width:24px;height:24px;background-image:url(./../img/icon/modeComp/color/check-off-circle.svg);background-size:24px;background-repeat:no-repeat;background-position:center;}
.is-dark .label-box2 .form-group input + span:before {content:'';display:block;position:absolute;left:1rem;top:1rem;width:24px;height:24px;background-image:url(./../img/icon/modeComp/color/check-off-circle-dark.svg);background-size:24px;background-repeat:no-repeat;background-position:center;}
.label-box2 .form-group input:checked + span:before {background-image:url(./../img/icon/modeComp/color/check-on-circle.svg);}
/*--------------------------------------------------------------------------------
	# guie content : 타이틀
---------------------------------------------------------------------------------*/
.tit-sub1 {padding:0 0 16px;font:var(--w-typography-h5-600);color:var(--w-color-text-default-01);word-break:break-all;}
.tit-sub1 > strong {color:var(--w-color-text-primary-enabled);}
.tit-sub1 > .desc {display:block;margin-top:var(--space16);font:var(--w-typography-b2-400);color:var(--w-color-text-default-03);}
.tit-sub1 > .desc.t1 {font:var(--w-typography-b2-dense-400);color:var(--w-color-text-default-02);}
.tit-sub1 + .desc {display:block;font:var(--w-typography-b1-400);color:var(--w-color-text-default-03);}
.tit-sub1 + .list-text-lg li {color:var(--w-color-text-default-02);}
div.tit-sub1 {display:-webkit-flex;display:flex;align-items:center;}
div.tit-sub1.t1 {justify-content:space-between;}
.form-group-item + .tit-sub1,
.form-group-wrap + .tit-sub1,
.form-group-tab + .tit-sub1,
.validate + .tit-sub1 {padding-top:var(--space32);}
.tit-headline1 + .tit-sub1 {padding-top:var(--space8);}
.tit-sub2 {padding:0 0 12px;font:var(--w-typography-h5-600);color:var(--w-color-text-default-01);}
.tit-sub2 > strong {color:var(--w-color-text-primary-enabled);}
div.tit-sub2 {display:-webkit-flex;display:flex;align-items:center;align-items:flex-end;}
.tit-sub3 {padding:0 0 16px;font:var(--w-typography-h4-700);color:var(--w-color-text-default-01);}
.tit-sub3 > strong {color:var(--w-color-text-primary-enabled);}
div.tit-sub3 {display:-webkit-flex;display:flex;align-items:center;align-items:flex-end;}
.tit-sub4 {padding:0 0 16px;font:var(--w-typography-b1-600);color:var(--w-color-text-default-01);}
.tit-sub4 > strong {color:var(--w-color-text-primary-enabled);}
div.tit-sub4 {display:-webkit-flex;display:flex;align-items:center;align-items:flex-end;}
div.tit-sub4.t1 {justify-content:space-between;}
.tit-sub5 {padding:0;font:var(--w-typography-h4-600);color:var(--w-color-text-default-01);}
.tit-sub5 > strong {color:var(--w-color-text-primary-enabled);}
div.tit-sub5 {display:-webkit-flex;display:flex;align-items:center;align-items:flex-end;}
.tit-sub6 {padding:0 0 12px;font:var(--w-typography-b1-600);color:var(--w-color-text-default-01);}
.tit-sub6 > strong {color:var(--w-color-text-primary-enabled);}
div.tit-sub6 {display:-webkit-flex;display:flex;justify-content:flex-start;}
div.tit-sub6.t1 {flex-direction:column;align-items:center;align-items:flex-start;}
div.tit-sub6.t1 span {margin-top:2px;font:var(--w-typography-b2-400);color:var(--w-color-text-default-03);}
.tit-sub7 {padding:0 0 8px;font:var(--w-typography-b2-dense-400);color:var(--w-color-text-default-03);}
div.tit-sub7 {display:-webkit-flex;display:flex;align-items:center;align-items:flex-end;}

/*--------------------------------------------------------------------------------
	# guie content : 텍스트 박스
---------------------------------------------------------------------------------*/
.txt-box1 {border-radius:var(--radius8);}
.txt-box1 p {font:var(--w-typography-d1-500);color:var(--w-color-text-default-02);}
.txt-box1 p strong {font-weight:inherit;}
.txt-box1.bgbox {padding:12px 16px;background:var(--w-color-surface-default-02-enabled);}

/*--------------------------------------------------------------------------------
	# guie content : 단순 텍스트
---------------------------------------------------------------------------------*/
.selected-info {padding:8px 0;}
.selected-info li {display:inline;position:relative;font:500 14px/140% "Pretendard";color:var(--w-color-text-default-03);word-break:break-all;}
.selected-info li + li {margin-left:12px;}
.selected-info li + li:before {content:'·';display:block;position:absolute;left:-14px;top:-2px;width:12px;height:100%;text-align:center;}
/* 큰 폰트 + 꺽쇠 */
.selected-info.t1 {padding:0;}
.selected-info.t1 li {display:inline;position:relative;margin-right:4px;font:var(--w-typography-h5-600);color:var(--w-color-text-default-04);}
.selected-info.t1 li[aria-current="true"]{color:var(--w-color-text-primary-enabled);}
.selected-info.t1 li + li {padding-left:4px;}
.selected-info.t1 li + li:before{content:'';display:inline-block;position:absolute;width:16px;height:100%;left:-16px;top:50%;background-color:var(--w-color-icon-default-04);-webkit-mask-image:url(./../img/icon/modeComp/base/chevron-right-md.svg);mask-image:url(./../img/icon/modeComp/base/chevron-right-md.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:16px;mask-size:16px;transform:translateY(-50%);}
/*--------------------------------------------------------------------------------
	# guie content : 정보성 리스트
---------------------------------------------------------------------------------*/
/* 공통 */
[class*=info-con] {position:relative;}
[class*=info-con] + [class*=info-con] {margin-top:16px;}/*임시*/
[class*=info-con] .detail dl {display:-webkit-flex;display:flex;flex-wrap:wrap;justify-content:flex-end;column-gap:4px;width:100%;}
[class*=info-con] .detail dl + dl {margin-top:2px;}
[class*=info-con] .detail dt {font:var(--w-typography-b2-500);color:var(--w-color-text-default-03);}
[class*=info-con] .detail dd {/*margin-left:4px;*/font:var(--w-typography-b2-500);color:var(--w-color-text-default-03);}
/* [class*=info-con] li.detail {display:block;} */
[class*=info-con] li .detail {display:block;}

[class*=info-con] li.flexwrap {flex-wrap:wrap;}
/* 더보기(아코디언)형 */
[class*=info-con][data-toggle=box] {padding-bottom:55px;}
[class*=info-con][data-toggle=box] .area-more .more {display:-webkit-flex;display:flex;align-items:center;justify-content:center;position:absolute;bottom:0;left:20px;right:20px;width:calc(100% - 40px);padding:calc((48px - 16px - 4px) / 2) 0;font:var(--w-typography-b2-600);color:var(--w-color-text-default-03);border-top:var(--w-borderWidth-01) solid var(--w-color-border-default-05);}
[class*=info-con][data-toggle=box] .area-more .more:after {content:'';display:inline-block;position:relative;width:16px;height:16px;margin-left:4px;background:var(--w-color-icon-default-03);-webkit-mask:var(--chevron-down-image) center no-repeat;-webkit-mask-size:16px;mask:var(--chevron-down-image) center no-repeat;mask-size:16px;}
[class*=info-con][data-toggle=box] .area-more .more span {line-height:16px;padding:2px 0;}
[class*=info-con][data-toggle=box].active .area-more .more:after {-webkit-mask-image:var(--chevron-up-image);mask-image:var(--chevron-up-image);}
/* .info-con1 : 기본 - 언더라인x 배경x */
.info-con1 li {display:-webkit-flex;display:flex;align-items:center;justify-content:space-between;}
.info-con1 li > div:first-of-type {margin-bottom:auto;padding:16px 0;font:var(--w-typography-h6-500);color:var(--w-color-text-default-03);}
.info-con1 li > div:first-of-type + div {margin-left:16px;padding:16px 0;font:var(--w-typography-b1-600);color:var(--w-color-text-default-01);text-align:right;}
.info-con1 li > div:first-of-type + div > .arr-btn1.t1 {position:relative;font:var(--w-typography-b1-600);color:var(--w-color-text-default-01);text-align:right;}
.info-con1 li > div:first-of-type + div > .arr-btn1.t1:after {background-color:var(--w-color-icon-default-01);}
.info-con1 li > div:first-of-type + div .arr1 {display:block;position:relative;padding-right:20px;font:var(--w-typography-b1-600);color:var(--w-color-text-default-01);text-align:right;}
.info-con1 li > div:first-of-type + div .arr1:after {content:'';display:block;position:absolute;top:0;right:0;width:20px;height:20px;background-color:var(--w-color-icon-default-01);-webkit-mask:url(../img/icon/modeComp/base/chevron-list-md.svg) center no-repeat;-webkit-mask-size:20px;mask:url(../img/icon/modeComp/base/chevron-list-md.svg) center no-repeat;mask-size:20px;}
.info-con1 li > div:first-of-type + div .arr1:empty:after {top:-10px;}
.info-con1 li > div:first-of-type + div button.arr1 > span {font:var(--w-typography-b1-600);}
.info-con1 li.prd-car {height:5.25rem;}
.info-con1 li.prd-car > div:first-of-type {display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;width:calc(100% - 120px - 16px);height:calc((1.0625rem * 1.4) * 3);padding:0;font:var(--w-typography-h5-600);color:var(--w-color-text-default-01);word-break:break-all;text-overflow:ellipsis;overflow:hidden;white-space:normal;}
.info-con1 li.prd-car > div:first-of-type + div {width:120px;height:76px;margin-bottom:auto;padding:0;}
.info-con1 li.prd-car > div:first-of-type + div i {display:inline-block;width:100%;height:100%;border-radius:var(--radius8);overflow:hidden;background:url(./../img/temp/temp_prd.png) var(--w-color-surface-selectionBg-enabled);background-repeat:no-repeat;background-position:center;background-size:contain;}
.info-con1 li.img-wrap {flex-direction:column;align-items:flex-start;}
.info-con1 li.img-wrap > div:last-of-type {margin:0 auto;padding:0;}
.info-con1 li:first-of-type + .img-wrap {border-top:var(--w-borderWidth-01) solid var(--w-color-border-default-05);}
.info-con1 li.img-wrap img {max-width:320px;width:100%;}
/* .info-con2 : 언더라인o 배경x */
.info-con2 li {display:-webkit-flex;display:flex;align-items:center;justify-content:space-between;padding:6px 0;gap:0 16px;}
.info-con2 li + li {border-top:var(--w-borderWidth-01) solid var(--w-color-border-default-05);}
.info-con2 li + li.detail {display:flex;flex-direction:column;align-items:flex-end;margin-top:-4px;padding-top:0;border:none;}
.info-con2 li:first-of-type {padding-top:0;}
.info-con2 li:last-of-type {padding-bottom:0;border-bottom:none;}
.info-con2 li > div:first-of-type {display:-webkit-flex;display:flex;align-items:center;flex:none;margin-bottom:auto;padding:6px 0;font:var(--w-typography-b1-500);color:var(--w-color-text-default-03);}
/* .info-con2 li > div:first-of-type {margin-bottom:auto;padding:6px 0;font:var(--w-typography-b1-500);color:var(--w-color-text-default-03);} */
.info-con2 li > div:first-of-type:last-of-type {margin-right:0;}
.info-con2 li > div:first-of-type + div {padding:6px 0;font:var(--w-typography-b1-500);color:var(--w-color-text-default-01);text-align:right;word-break:break-all;}
.info-con2 li > div:first-of-type + div.mlir,
.info-con4 li > div:first-of-type + div.mlir{position:relative;}
.info-con2 li > div:first-of-type + div.mlir:after,
.info-con4 li > div:first-of-type + div.mlir:after{content:'(법정최고금리 이내)';display:block;right:0;bottom:0;font:var(--w-typography-d1-400);color:var(--w-color-text-default-03);}
.info-con2 li > div:first-of-type + div .detail {margin-top:6px;font:var(--w-typography-b2-500);color:var(--w-color-text-default-03);word-break:break-all;}
.info-con2 li.flexwrap > div:first-of-type + .desc {margin-top:-4px;margin-left:0;font:var(--w-typography-b2-400);text-align:left;}/*중도상환수수료*/
.info-con2 li.flexwrap > div:first-of-type + .desc p + p {margin-top:8px;}
.info-con2 li.flexwrap .desc2 {width:100%;font:var(--w-typography-b2-500);color:var(--w-color-text-default-03);}
.info-con2 li.flexwrap .desc2:last-of-type {padding-bottom:6px;}
.info-con2 li.flexwrap dl.desc2 {display:-webkit-flex;display:flex;justify-content:flex-end;}
.info-con2 li.flexwrap dl.desc2 dd {margin-left:4px;}
.info-con2 li.flexwrap dl.desc2 + dl.desc2 {margin-top:2px;}
.info-con2 li.img-wrap {flex-direction:column;align-items:flex-start;}
.info-con2 li.img-wrap > div:last-of-type {margin-top:10px;padding:0;}
.info-con2 li:first-of-type + .img-wrap {border-top:var(--w-borderWidth-01) solid var(--w-color-border-default-05);}
.info-con2 li.img-wrap img {width:100%;}
/* 차량상품 */
.info-con2 li.prd-car div:first-of-type {display:inline-block;width:calc(100% - 136px);padding:0;margin-bottom:auto;}
.info-con2 li.prd-car div:first-of-type span {font:var(--w-typography-h5-600);color:var(--w-color-text-default-01);word-break:break-all;}
.info-con2 li.prd-car div:first-of-type + div {flex:none;position:relative;width:120px;height:76px;margin-bottom:8px;padding:0;}
.info-con2 li.prd-car div:first-of-type + div > i {display:inline-block;width:100%;height:100%;border-radius:var(--radius6);background:url(./../img/temp/temp_prd.png) var(--w-color-surface-selectionBg-enabled);border-radius:var(--radius8);overflow:hidden;background-repeat:no-repeat;background-position:center;background-size:contain;}
/* .info-con3 : 언더라인x 배경o */
.info-con3 {padding:16px 20px;background:var(--w-color-surface-default-02-enabled);border-radius:var(--radius16);}
.info-con3 li {display:-webkit-flex;display:flex;align-items:center;justify-content:space-between;gap:0 16px;}
.info-con3 li [class*=list-prefer] {width:100%;color:var(--w-color-text-default-03);}
.info-con3 li.flexwrap > div {flex:1;}
.info-con3 li.flexwrap + li.detail {flex-direction:column;}
.info-con3 li > div:first-of-type {flex:none;margin-bottom:auto;padding:6px 0;font:var(--w-typography-b1-500);color:var(--w-color-text-default-03);}
.info-con3 li > div:first-of-type > strong {padding:6px 0;color:var(--w-color-text-default-01);}
.info-con3 li > div:first-of-type + div {padding:6px 0;font:var(--w-typography-b1-500);color:var(--w-color-text-default-01);text-align:right;word-break:break-all;}
.info-con3 li > div:first-of-type + div .detail {margin-top:6px;}
.info-con3 li > div:first-of-type + div + [class*=list-prefer] {margin:5px 0 6px;}
.info-con3 li > div:first-of-type + div.bill {position:relative;padding-bottom:18px;}
.info-con3 li > div:first-of-type + div.bill:before {content:'(계산서금액)';position:absolute;right:0;bottom:0;font:var(--w-typography-d1-400);color:var(--w-color-text-default-03);}
.info-con3 li:only-child > div:first-of-type {font:var(--w-typography-h6-500);color:var(--w-color-text-default-01);}
.info-con3 li.sum {padding-bottom:8px;}
.info-con3 li.sum:only-child {padding-bottom:0;}
.info-con3 li.sum > div:first-of-type {flex:auto;margin-bottom:auto;padding:8px 0;font:var(--w-typography-h6-600);color:var(--w-color-text-default-01);word-break:break-all;}
.info-con3 li.sum > div:first-of-type:only-child {width:100%;}
.info-con3 li.sum > div:first-of-type .sub {margin-left:4px;font:var(--w-typography-h6-400);color:var(--w-color-text-default-04);}
.info-con3 li.sum > div:first-of-type .desc {margin-top:6px;font:var(--w-typography-b2-500);color:var(--w-color-text-default-04);}
.info-con3 li.sum > div:first-of-type + div {flex:none;margin-bottom:auto;padding:8px 0;font:var(--w-typography-h6-600);color:var(--w-color-text-primary-enabled);}
.info-con3 li.sum + li:not(.sum) {padding-top:8px;border-top:var(--w-borderWidth-01) solid var(--w-color-border-default-05);}
/* 세로형(1원인증) */
.info-con3.col > ul {display:-webkit-flex;display:flex;justify-content:space-between;align-items:center;}
.info-con3.col > ul li {flex-direction:column;align-items:initial;}
.info-con3.col > ul li > div:first-of-type {padding:0;}
.info-con3.col > ul li > div:first-of-type + div {margin-top:4px;margin-left:0;padding:2px 0;font:var(--w-typography-h4-600);}

/* 더보기형 */
.info-con3[data-toggle=box] {padding-bottom:47px;}
.info-con3[data-toggle=box] > ul {padding-bottom:6px;border-bottom:var(--w-borderWidth-01) solid var(--w-color-border-default-05);}
.info-con3[data-toggle=box] .area-more .more {border-top:0;}
.info-con3[data-toggle=box].active {padding-bottom:55px;}
.info-con3[data-toggle=box].active .area-more [role=region] {padding-top:6px;}
.info-con3[data-toggle=box].active .area-more .more {border-top:var(--w-borderWidth-01) solid var(--w-color-border-default-05);}
/* .info-con3.t1 : radius8 / padding:16px */
.info-con3.t1 {padding:16px;border-radius:var(--radius8);}
/* .info-con3.t2 : 세부항목이 없는 경우 */
.info-con3.t2 li.sum:first-of-type {padding-bottom:0;}
.info-con3.t2 li.sum > div:first-of-type {font:var(--w-typography-h6-600);}

.info-con3 .list-dot-lg li {color:var(--w-color-text-default-03);}

/* .info-con4 : 아웃라인o */
.info-con4 {padding:20px;border:var(--w-borderWidth-01) solid var(--w-color-border-default-04);border-radius:var(--radius16);}
.info-con4 .tit-sub {padding-bottom:16px;font:var(--w-typography-h6-600);color:var(--w-color-text-default-01);}
.info-con4 li {display:-webkit-flex;display:flex;align-items:center;justify-content:space-between;gap:0 16px;}
.info-con4 li > div:first-of-type {margin-bottom:auto;padding:6px 0;font:var(--w-typography-b1-500);color:var(--w-color-text-default-03);}
.info-con4 li > div:first-of-type + div {padding:6px 0;font:var(--w-typography-b1-500);color:var(--w-color-text-default-01);text-align:right;}
.info-con4 li > div:first-of-type + div .detail {margin-top:6px;}
.info-con4 li.detail {flex-direction:column;}
.info-con4 li.detail dl {display:-webkit-flex;display:flex;text-align:right;}
.info-con4 li.detail dl + dl {margin-top:2px;}
.info-con4 li.detail dt {font:var(--w-typography-b2-500);color:var(--w-color-text-default-03);}
.info-con4 li.detail dd {margin-left:4px;font:var(--w-typography-b2-500);color:var(--w-color-text-default-03);}
/* dl형 */
.info-con4 > dl > dt {padding-bottom:12px;font:vaR(--w-typography-h6-600);color:var(--w-color-text-default-01);border-bottom:var(--w-borderWidth-01) solid var(--w-color-border-default-05);}
.info-con4 > dl > dt + dd {padding-top:12px;}
.info-con4 > dl > dt .desc,
.info-con4 > dl > dt .desc2 {display:block;color:var(--w-color-icon-default-04);font:var(--w-typography-b2-500);word-break:break-all;}
.info-con4 > dl > dt .desc2 {padding-right:30px;}
.info-con4 > .btn-wrap {display:flex;width:100%;justify-content:space-between;align-items:center;margin-top:10px;}
.info-con4 > .btn-wrap > a, .info-con4 > .btn-wrap > button {flex:auto;width:100%;}
.info-con4 > .btn-wrap > a + a, .info-con4 > .btn-wrap > button + button {margin-left:8px;}
/* .info-con4[data-toggle=box].active .area-more li.detail {margin-top:6px;} *//*0605_디자인변경 반영*/
/* 더보기형 */
/* .info-con5 */
.info-con5 {display:flex;justify-content:flex-start;align-items:flex-start;}
.info-con5 li {padding-right:14px;/*width:calc(100% / 2);*/width:100%;}
.info-con5 li div:first-of-type:not(:only-child) {margin-bottom:12px;}
.info-con5 li div:nth-last-of-type(2) {font:var(--w-typography-b2-500);color:var(--w-color-text-default-03);}
.info-con5 li div:last-of-type:not(:only-child) {margin-top:2px;font:var(--w-typography-h3-700);}
.info-con5 li div .tit {padding:2px 0;font:var(--w-typography-b2-600);}
/* 간격 */
.tit-headline1 + .info-con5 {margin-top:8px;}
.info-con5 + .info-con6 {margin-top:24px;}
/* .info-con6 */
.info-con6 {display:flex;justify-content:space-between;align-items:flex-start;width:100%;padding:16px;background-color:var(--w-color-surface-default-02-enabled);border-radius:16px;}
.info-con6 li {position:relative;display:inline-block;width:100%;height:100%;word-break:break-all;flex-basis:1;}
.info-con6 li + li:before {content:'';display:inline;position:absolute;left:0px;top:0;width:1px;height:100%;background-color:var(--w-color-border-default-05);}
.info-con6 li:first-of-type:not(:only-child) {padding-right:10px;min-width:calc((100% - 8px) / 3 - 6px)}
.info-con6 li:nth-of-type(2):not(:last-of-type) {padding:0 10px;min-width:calc((100% - 8px) / 3 + 6px)}
.info-con6 li:last-of-type:not(:only-child) {padding-left:10px;min-width:calc((100% / 3) + 8px);}
.info-con6 li div {color:var(--w-color-text-default-01);font:var(--w-typography-b1-600);}
.info-con6 li:last-of-type:not(:only-child) div {width:100%;}
.info-con6 li div:first-of-type:not(:only-child) {margin-bottom:4px;color:var(--w-color-text-default-03);font:var(--w-typography-d2-500);}
.info-con6 li div .small {font:var(--w-typography-d1-600)}
/* .info-con7 */
.area-action > .info-con7 {display:block;width:100%;margin-bottom:16px;padding:16px 20px;background-color:var(--w-color-surface-Planner-04-enabled);border-radius:12px;box-shadow:var(--w-shadow-04);}
.area-action > .info-con7 ul li {display:flex;justify-content:space-between;align-items:center;}
.area-action > .info-con7 ul li div {padding:2px 0 1px;}
.area-action > .info-con7 ul li div:first-of-type:not(:only-child) {font:var(--w-typography-h6-600);color:var(--w-color-text-default-01);}
.area-action > .info-con7 ul li div:last-of-type:not(:only-child) {font:var(--w-typography-h6-600);color:var(--w-color-text-primary-enabled);}
/*--------------------------------------------------------------------------------
	# guide content : 특정 정보를 다루는 컴포넌트
---------------------------------------------------------------------------------*/
/* 차량정보 */
.info-prd-car1 {padding:20px;background:var(--w-color-surface-default-02-enabled);border-radius:var(--radius16);}
.info-prd-car1 li {display:-webkit-flex;display:flex;align-items:center;justify-content:space-between;}
.info-prd-car1 li > div:first-of-type {margin-bottom:auto;padding:6px 0;font:var(--w-typography-b1-500);color:var(--w-color-text-default-03);}
.info-prd-car1 li > div:first-of-type + div {padding:6px 0;font:var(--w-typography-b1-500);color:var(--w-color-text-default-01);text-align:right;}
.info-prd-car1 li > div:first-of-type + div strong {font-weight:700;}
.info-prd-car1 li.prd {padding-bottom:6px;border-bottom:var(--w-borderWidth-01) solid var(--w-color-border-default-05);}
.info-prd-car1 li.prd > div:first-of-type {display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;width:calc(100% - 108px);max-height:calc((1rem * 1.4) * 3);margin-bottom:6px;padding:0;font:var(--w-typography-h6-600);color:var(--w-color-text-default-01);word-break:break-all;text-overflow:ellipsis;overflow:hidden;white-space:normal;}
.info-prd-car1 li.prd > div:first-of-type + div {margin-left:8px;padding:5px 0;}
.info-prd-car1 li.prd > div:first-of-type + div i {display:inline-block;width:120px;height:76px;border-radius:var(--radius6);background-image:url(../img/temp/temp_prd.png);background-repeat:no-repeat;background-position:center;background-size:contain;}
.info-prd-car1 li.prd > div:first-of-type + div img {width:100px;}
.info-prd-car1 li.prd + li {padding-top:12px;}
/* 차량정보 및 상세옵션 선택 */
.info-option-car1 li {display:-webkit-flex;display:flex;align-items:center;justify-content:space-between;}
.info-option-car1 li > div:first-of-type {flex:none;margin-bottom:auto;padding:16px 0;font:var(--w-typography-h6-500);color:var(--w-color-text-default-01);}
.info-option-car1 li > div:first-of-type + div {margin-left:16px;padding:16px 0;font:var(--w-typography-b1-500);color:var(--w-color-text-default-03);text-align:right;word-break:break-all;}
.info-option-car1 li > div:first-of-type + div a {display:block;position:relative;height:fit-content;padding-right:20px;}
.info-option-car1 li > div:first-of-type + div a:after {content:'';display:block;position:absolute;top:0;right:0;width:20px;height:20px;background-color:var(--w-color-icon-default-03);-webkit-mask:url(../img/icon/modeComp/base/chevron-list-md.svg) center no-repeat;-webkit-mask-size:20px;mask:url(../img/icon/modeComp/base/chevron-list-md.svg) center no-repeat;mask-size:20px;}
.info-option-car1 li.prd-car > div:first-of-type {width:calc(100% - 120px - 16px - 20px);padding:0 0 8px;font:var(--w-typography-h5-600);color:var(--w-color-text-default-01);word-break:break-all;}
.info-option-car1 li.prd-car > div:first-of-type + div {margin-left:16px;padding:0 0 8px;}
.info-option-car1 li.prd-car > div:first-of-type + div a > i {display:block;width:120px;height:76px;border-radius:var(--radius8);background-color:var(--w-color-surface-selectionBg-enabled);background-repeat:no-repeat;background-size:contain;background-position:center;pointer-events:none;}
.info-option-car1 li.prd-car > div:first-of-type + div a:after {top:10px;margin-top:-10px;}
/* 지급시간안내 */
.info-payments1 .tit {font:var(--w-typography-h5-600);color:var(--w-color-text-default-01);}
.info-payments1 .box {padding:16px 20px;background:var(--w-color-surface-default-02-enabled);border-radius:var(--radius12);}
.info-payments1 .box li {display:-webkit-flex;display:flex;justify-content:space-between;}
.info-payments1 .box li div:first-of-type {padding:6px 0;font:var(--w-typography-b1-500);color:var(--w-color-text-default-03);}
.info-payments1 .box li div:first-of-type + div {margin-left:16px;padding:6px 0;font:var(--w-typography-b1-500);color:var(--w-color-text-default-03);text-align:right;}

/*--------------------------------------------------------------------------------
	# guie content : 계좌정보
---------------------------------------------------------------------------------*/
/* info-acc1 */
/* .info-acc1,
.info-acc2 {border-radius:var(--radius8);}
.info-acc1 .name,
.info-acc2 .name {display:-webkit-flex;display:flex;align-items:center;padding:16px 20px 0;font:var(--w-typography-b1-dense-400);}
.info-acc1 .name [class*=ico-],
.info-acc2 .name [class*=ico-] {display:block;width:20px;height:20px;margin-right:8px;text-indent:20px;overflow:hidden;}
.info-acc1 .num,
.info-acc2 .num {display:block;padding:7px 20px 14px;font:var(--w-typography-b1-dense-600);} */
/* 배경형 */
/* .info-acc1.bgbox,
.info-acc2.bgbox {background:var(--w-color-surface-default-02-enabled);}
.info-acc1.bgbox .name,
.info-acc2.bgbox .name {color:var(--w-color-text-default-03);}
.info-acc1.bgbox .num {color:var(--w-color-text-default-03);} */
/* 라인형 */
/* .info-acc1.line,
.info-acc2.line  {background:var(--w-color-surface-default-01-enabled);border:var(--w-borderWidth-01) solid var(--w-color-border-default-05);}
.info-acc1.line .name,
.info-acc2.line .name {color:var(--w-color-text-default-01);}
.info-acc1.line .num,
.info-acc2.line .num {color:var(--w-color-text-default-01);}
.info-acc2 .num {font:var(--w-typography-h5-500);} */
/* 은행계좌정보 */
.info-acc3 {display:flex;justify-content:flex-start;align-items:center;width:100%;padding:16px 20px;border-radius:16px;}
.info-acc3.bgbox {background:var(--w-color-surface-default-02-enabled);}
.info-acc3.line {background:var(--w-color-surface-default-01-enabled);border:var(--w-borderWidth-01) solid var(--w-color-border-default-05);}
.info-acc3 i {display:block;width:40px;height:40px;margin-right:16px;text-indent:-9999rem;}
.info-acc3 .account-info {display:flex;flex-direction:column;justify-content:center;align-items:flex-start;color:var(--w-color-text-default-01);font:var(--w-typography-h6-600);}
.info-acc3 .account-info .num {color:var(--w-color-text-default-03);font:var(--w-typography-b2-500);}
.info-acc3.basic {padding:16px 0;}
.info-acc3.basic .account-info {display:flex;display:-webkit-flex;flex-direction:row;font:var(--w-typography-h6-600);}
.info-acc3.basic .account-info span {margin-left:4px;}
/*--------------------------------------------------------------------------------
	# guie content : 상품정보
---------------------------------------------------------------------------------*/
/* info-prd1 */
.info-prd1 {padding:16px 20px;text-align:center;background:var(--w-color-surface-primary-subdued-enabled);border-radius:16px;}
.info-prd1 .txt1 {padding-bottom:2px;font:var(--w-typography-h6-600);color:var(--w-color-icon-primary-enabled);}
.info-prd1 .txt2 {max-width:412px;margin:0 auto;font:var(--w-typography-b2-500);color:var(--w-color-text-default-04);}

/* prd2, 3 공통 */
.info-prd2,
.info-prd3 {padding:16px 20px;width:100%;background:var(--w-color-surface-default-02-enabled);border-radius:16px;}
.info-prd2 li,
.info-prd3 li {display:flex;justify-content:space-between;align-items:center;padding:8px 0;}
/* info-prd2 */
.info-prd2 li {font:var(--w-typography-h6-500);}
.info-prd2 li > div:first-of-type {color:var(--w-color-text-default-03);}
.info-prd2 li > div:last-of-type {color:var(--w-color-text-primary-enabled);}
/* info-prd3 */
.info-prd3 li {font:var(--w-typography-h6-600);}
.info-prd3 li > div:first-of-type {color:var(--w-color-text-default-01);}
.info-prd3 li > div:last-of-type {color:var(--w-color-text-primary-enabled);}
.info-prd3 .info-prefer-txt {word-break:break-all;}

/*--------------------------------------------------------------------------------
	# guie content : 단순안내/정보값 공간
---------------------------------------------------------------------------------*/
.info-space1 {padding:20px;border-radius:var(--radius16);}
.info-space1 [class*=list-dot-] li {font:var(--w-typography-b2-400);color:var(--w-color-text-default-03);}
.info-space1 [class*=list-dot-] li:before {top:7px !important;background-color:var(--w-color-text-default-03);}
.info-space1 .btn-call1 {display:-webkit-flex;display:flex;align-items:center;;width:100%;margin-top:16px;}
.info-space1.bgbox {background-color:var(--w-color-surface-default-02-enabled);}
/* 지급시간안내 */
.info-space1.bgbox dl.guide dt {position:relative;margin-bottom:12px;padding:8px 0;font:var(--w-typography-h6-600);color:var(--w-color-text-default-01);}
.info-space1.bgbox dl.guide dt:after {content:'';display:block;position:absolute;bottom:-12px;left:0;width:100%;height:1px;background:var(--w-color-border-default-05);}
.info-space1.bgbox dl.guide dt + dd {padding-top:12px;}
.info-space1.bgbox dl.guide dd li {display:-webkit-flex;display:flex;align-items:center;justify-content:space-between;}
.info-space1.bgbox dl.guide dd li > div:first-of-type {padding:6px 0;font:var(--w-typography-b2-500);color:var(--w-color-text-default-04);}
.info-space1.bgbox dl.guide dd li > div:first-of-type + div {padding:6px 0;font:var(--w-typography-b2-500);color:var(--w-color-text-default-04);}
.info-space1.bgbox dl.guide dd {padding:6px 0;}
/* .info-space1.bgbox > .list-dot-lg li {color:var(--w-color-text-default-02);} *//*0717_UAA000100 작업 중 색상이 달라 삭제*/
/* info-space3 */
.info-space3 {display:-webkit-flex;display:flex;flex-direction:column;justify-content:center;padding:20px 0;border-radius:var(--radius16);}
.info-space3:nth-last-child(2) {padding-bottom:0;}/*하단여백조정*/
/* info-space4 */
.info-space4.bgbox {padding:16px 20px;background-color:var(--w-color-surface-default-02-enabled);border-radius:var(--radius16);}
.info-space4 dl {counter-reset:number;word-break:break-all;}
.info-space4 dt {margin-bottom:12px;font:var(--w-typography-b1-600);color:var(--w-color-text-default-01);}
.info-space4 dd {position:relative;margin-top:11px;padding-left:17px;font:var(--w-typography-b2-400);color:var(--w-color-text-default-01);}
.info-space4 dd:before {counter-increment:number;content:counter(number)'.';position:absolute;display:block;left:0;top:0;width:17px;text-align:center;}
.info-space4 [class*=list-dot-] li {color:var(--w-color-text-default-03);}
.info-space4 [class*=list-dot-] li:before {background:var(--w-color-text-default-03);}
/* info-space5 */
.info-space5 {display:flex;justify-content:flex-start;align-items:center;width:100%;padding:16px 20px;font:var(--w-typography-h6-600);background-color:var(--w-color-surface-default-02-enabled);border-radius:16px;word-break:break-all;}
/*--------------------------------------------------------------------------------
	# guie content : 상품설명서 이해여부 관련 정보박스
---------------------------------------------------------------------------------*/
.info-space2 {padding:16px 20px;border:var(--w-borderWidth-01) solid var(--w-color-border-default-05);border-radius:var(--radius12);}
.info-space2 .tit {margin-bottom:11px;font:var(--w-typography-b1-700);color:var(--w-color-text-default-01);}
.info-space2 .txt1 {display:block;margin-bottom:12px;font:var(--w-typography-b2-400);color:var(--w-color-text-default-03);}
.info-space2 .repay {width:calc((100vw - 80px) * 0.642);margin-bottom:16px;padding:6px;font:500 14px/140% "Pretendard";color:var(--w-color-text-default-03);text-align:center;background:var(--w-color-surface-default-03-enabled);border-radius:var(--radius8);}
.info-space2 .box {display:-webkit-flex;display:flex;}
.info-space2 .box .txt1 {padding-top:11px;font:var(--w-typography-b2-400);color:var(--w-color-text-default-03);}
.info-space2 .box dl {flex:1;}
.info-space2 .box dl dt {margin-bottom:4px;font:var(--w-typography-b2-500);color:var(--w-color-text-default-01);}
.info-space2 .box dl dd .reparation {width:100%;height:100%;padding:6px;text-align:center;font:500 14px/140% "Pretendard";color:var(--w-color-text-onAccent-01);background:var(--w-color-surface-primary-enabled);border-radius:0 var(--radius8) var(--radius8) 0;}
.info-space2 .box dl dd .repay {border-radius:var(--radius8) 0 0 var(--radius8);}
.info-space2.cs-call .tit {margin-bottom:3px;}
.info-space2.cs-call .txt1 {margin-bottom:16px;word-break:break-all;}
.info-space2.cs-call > .info-space5 {justify-content:center;padding:12px 20px 12px 21px;font:var(--w-typography-d1-500);text-align:center;border-radius:var(--radius8);}
.info-space2.cs-call > .btn-call1 {display:-webkit-flex;display:flex;align-items:center;}

/*--------------------------------------------------------------------------------
	# guie content : 표/테이블
---------------------------------------------------------------------------------*/
/* 0822_border color 07 -> 06으로 변경 */
table {position:relative;border-collapse:separate;border-spacing:1px 1px;}
[class*=table] thead th {position:relative;padding:12px;font:var(--w-typography-b2-500);color:var(--w-color-text-default-01);text-align:center;border-right:var(--w-borderWidth-01) solid transparent;
	/* background-color:var(--w-color-surface-default-02-enabled); */
	background-color:var(--w-color-surface-solidGray-50);
}
[class*=table] thead th + th:before {content:'';display:block;position:absolute;left:-1px;top:0;bottom:0;width:1px;height:100%;background-color:var(--w-color-border-default-06);}
[class*=table] thead th:after {content:'';display:block;position:absolute;left:0;top:-1px;width:calc(100% + 2px);height: 1px;background-color:var(--w-color-border-solidGray-04);}
[class*=table] thead th:last-of-type {border-right:0}
[class*=table] thead th:last-of-type:not(:only-child):after {width:100%;}
[class*=table] tbody th {position:relative;padding:12px;font:var(--w-typography-b2-500);color:var(--w-color-text-default-01);text-align:center;border:var(--w-borderWidth-01) solid transparent;border-width:var(--w-borderWidth-01) var(--w-borderWidth-01) 0 0;/* background-color:var(--w-color-surface-default-02-enabled); */background-color:var(--w-color-surface-solidGray-50);}
[class*=table] tbody th + th:before {content:'';display:block;position:absolute;left:-1px;top:0;bottom:0;width:1px;height:calc(100% + 2px);background-color:var(--w-color-border-default-06);background-color:var(--w-color-surface-default-02-enabled);}
[class*=table] tbody tr th:before {content:'';display:block;position:absolute;left:0;top:-2px;width:calc(100% + 1px);height: 1px;background-color:var(--w-color-border-default-06);}

[class*=table] tbody th ~ td:before,
[class*=table] tbody tr:last-of-type{border-color: var(--w-color-border-default-04);}
[class*=table] tbody td {position: relative;padding:12px;font:var(--w-typography-b2-400);color:var(--w-color-text-default-02);text-align:center;border:var(--w-borderWidth-01) solid transparent;border-width:var(--w-borderWidth-01) var(--w-borderWidth-01) 0 0;
	background:var(--w-color-surface-default-01-enabled);
}
[class*=table]:not(.table2) tbody tr > td:before {content:'';display:block;position:absolute;left:-1px;top:-1px;bottom:0;width:1px;height:calc(100% + 1px);background-color:var(--w-color-border-default-06);}
[class*=table] tbody td:last-of-type {border-right:0;}
[class*=table] tbody tr td:after {content:'';display:block;position:absolute;left:-1px;top:-2px;width:calc(100% + 2px);height: 1px;background-color:var(--w-color-border-default-06);}
[class*=table] tbody tr td:last-of-type:not(:only-child):after {width:calc(100% + 1px);}

/* table1 : 최우측 라인 있음 */
[class*=table] table:after {content:'';display:block;position:absolute;bottom:1px;left:1px;right:1px;height:1px;background:var(--w-color-border-default-07);}
/* table2 : 최우측 라인 없음 */
.table2 table tbody th ~ td:before,
.table2 table tbody tr > td:not(:first-of-type):before {content:'';display:block;position:absolute;left:-1px;top:-1px;bottom:0;width:1px;height:calc(100% + 1px);background-color:var(--w-color-border-default-06);}
.table2 table tbody tr:last-of-type:not(:only-of-type) > td:before {height:calc(100% + 2px);}
.table2 table thead th:last-of-type,
.table2 table tbody td:last-of-type {border-right:none;}
.table2 tbody tr:last-of-type th:after {content:'';display:block;position: absolute;left:0px;bottom: -1px;right:-2px;width:100%;width:calc(100% + 1px);height:1px;background:var(--w-color-surface-default-02-enabled);}
[class^=table].scroll {position:relative;margin:8px -20px 0;padding:1px 20px 0;overflow-x:auto;width:calc(100% + 40px);overflow-x:scroll;}
[class^=table].scroll caption {overflow:hidden;}
[class^=table].scroll table {display:inline-table;width:auto;}
[class^=table].scroll table th {width:max-content;padding:12px 22px;}
[class^=table].scroll table th p {width:max-content;margin:0 auto;}
[class^=table].scroll table td {width:max-content;}
/* table3 : 텍스트 좌측정렬 */
.table3 table tbody tr th,
.table3 table tbody tr td {text-align:left;word-break:break-all;}
/* 다크모드 대응 */
.is-dark [class*=table] thead th + th:before{background-color:var(--w-color-border-solidGray-05);}
.is-dark [class*=table]:not(.table2) tbody tr > td:before {background-color:var(--w-color-border-default-05);}
.is-dark [class*=table] tbody tr td:after {background-color:var(--w-color-border-default-05);}
.is-dark [class*=table] tbody tr th:before {background-color:var(--w-color-border-default-05);}
.is-dark .table2 table tbody th ~ td:before,
.is-dark .table2 table tbody tr > td:not(:first-of-type):before {background-color:var(--w-color-border-default-05);}
.is-dark [class*=table] table:after {background-color:var(--w-color-border-default-05);}

/*--------------------------------------------------------------------------------
	# guide content : 달력 & 기간관련 안내
---------------------------------------------------------------------------------*/
.info-period1 .desc .txt1 {font:var(--w-typography-b2-400);color:var(--w-color-text-default-03);}
.info-period1 .desc .txt2 {font:var(--w-typography-b2-600);color:var(--w-color-text-default-01);}
.info-period1 .desc .txt2.accent {font:var(--w-typography-h6-600);}
.info-period1 ul.desc {display:-webkit-flex;display:flex;align-items:center;justify-content:center;padding:6px 0;}
.info-period1 ul.desc li {display:-webkit-flex;display:flex;align-items:center;position:relative;padding:0 0 0 24px;font:var(--w-typography-b1-500);color:var(--w-color-text-default-03);}
.info-period1 ul.desc li + li {margin-left:8px;margin-top:0 !important;}
.info-period1 ul.desc li:before {content:'';display:block;position:absolute;left:4px;top:50%;width:8px !important;height:8px !important;margin-top:-5px;border-radius:2px;}
.info-period1 ul.desc li.start:before {background:var(--w-color-surface-primary-enabled);}
.info-period1 ul.desc li.end:before {background:var(--w-color-surface-critical-enabled);}

/* 달력 컴포넌트 : .calendar1 */
.calendar1 .top {display:-webkit-flex;display:flex;flex-wrap:wrap;background:var(--w-color-background-default);border-bottom:1px solid var(--w-color-border-default-07);}
.calendar1 .top > span {display:-webkit-flex;display:flex;align-items:center;justify-content:center;width:calc(100% / 7);padding:18px 0 8px;font:vaR(--w-typography-b2-500);color:var(--w-color-text-default-04);}
.calendar1 .top > span.sun {color:var(--w-color-text-critical-enabled);}
/* .calendar1 .top > span.sat {} */
.calendar1 .btm {display:-webkit-flex;display:flex;flex-wrap:wrap;margin-bottom:16px;background:var(--w-color-background-default);}
.calendar1 .btm > div {display:-webkit-flex;display:flex;align-items:center;justify-content:center;position:relative;width:calc(100% / 7);height:32px;margin:5px 0;padding:0 5px;text-align:center;overflow:hidden;}
.calendar1 .btm > div span {display:-webkit-flex;display:flex;align-items:center;justify-content:center;position:absolute;left:50%;top:0;width:32px;height:32px;margin-left:-16px;font:500 16px/140% "Pretendard";color:var(--w-color-text-default-00);border-radius:var(--radius12);}
.calendar1 .btm > div:nth-of-type(7n - 6) span {color:var(--w-color-text-critical-enabled);}
/* 시작/종료 날짜표시 */
.calendar1 .btm > div.start {content:'철회가능 1일차';border-radius:var(--radius12) 0 0 var(--radius12);background:var(--w-color-surface-primary-subdued-enabled);}
.calendar1 .btm > div.start span {color:var(--w-color-text-onAccent-01);background:var(--w-color-surface-primary-enabled);}
.calendar1 .btm > div.start ~ div {background:var(--w-color-surface-primary-subdued-enabled);}
.calendar1 .btm > div.end {content:'철회신청 마감일(15일차)';border-radius:0 var(--radius12) var(--radius12) 0;}
.calendar1 .btm > div.end span {color:var(--w-color-text-onAccent-01);background:var(--w-color-surface-critical-enabled);}
.calendar1 .btm > div.end ~ div {background:var(--w-color-background-default);}

/*--------------------------------------------------------------------------------
	# guie content : 아코디언
---------------------------------------------------------------------------------*/
/* 아코디언 토글 버튼 */
[data-toggle=box] {/* 아코디언용 변수선언 */
	--chevron-up-image:url(../img/icon/modeComp/base/chevron-up-md.svg);
	--chevron-down-image:url(../img/icon/modeComp/base/chevron-down-md.svg);
	--mask-repeat:no-repeat;
}
[data-toggle=box] [role=region] {/*display:none;*/overflow:hidden;height:0;}
[data-toggle=box].active [role=region] {display:block;height:fit-content;}
[data-toggle=box] [aria-expanded] span {display:none;}
[data-toggle=box] [aria-expanded] span.on {display:block;}

/* 기본 아코디언 : .info-accordion1(작업중) */
.info-accordion1 .top {position:relative;}
.info-accordion1 .top .tit-sub {padding:16px 28px 16px 0;font:var(--w-typography-h5-600);color:var(--w-color-text-default-01);}
.info-accordion1 .more {display:-webkit-flex;display:flex;position:absolute;left:0;top:0;width:100%;height:100%;color:transparent;}
.info-accordion1 .more:before {content:'';display:block;position:absolute;right:0;top:16px;width:20px;height:20px;background-color:var(--w-color-icon-default-03);-webkit-mask:url(../img/icon/modeComp/base/chevron-down-md.svg) center no-repeat;mask:url(../img/icon/modeComp/base/chevron-down-md.svg) center no-repeat;-webkit-mask-size:20px;mask-size:20px;}
.info-accordion1 .more span {opacity:0;}
.info-accordion1 [role=region] {margin-top:6px;}
.info-accordion1 [role=region] li {display:-webkit-flex;display:flex;align-items:center;justify-content:space-between;}
.info-accordion1 [role=region] li > div:first-of-type {margin-bottom:auto;padding:6px 0;font:var(--w-typography-b1-500);color:var(--w-color-text-default-03);}
.info-accordion1 [role=region] li > div:first-of-type + div {padding:6px 0;font:var(--w-typography-b1-500);color:var(--w-color-text-default-01);text-align:right;/* word-break:break-all; */word-break:keep-all;/* 0819_디자인반영 */}
.info-accordion1.active .more:before {-webkit-mask-image:url(./../img/icon/modeComp/base/chevron-up-md.svg);mask-image:url(./../img/icon/modeComp/base/chevron-up-md.svg);}
.info-accordion1 [role=region] .step-guide1 li > div:first-of-type {padding:0;}
/* 기본 아코디언형(라인/박스) : .info-accordion2 */
.info-accordion2 {padding:0 20px;border:var(--w-borderWidth-01) solid var(--w-color-border-default-04);border-radius:var(--radius16);}
.info-accordion2 + .info-accordion2 {margin-top:12px;}
.info-accordion2 .top {position:relative;padding:20px 0;}
.info-accordion2 .top .tit-sub {padding-right:20px;font:var(--w-typography-h6-600);color:var(--w-color-text-default-01);}
.info-accordion2 button[aria-expanded] {display:-webkit-flex;display:flex;position:absolute;left:0;top:0;width:100%;padding:20px 20px 20px 0;font:var(--w-typography-h6-600);color:var(--w-color-text-default-01);text-align:left;}
.info-accordion2 button[aria-expanded]:after {content:'';display:block;position:absolute;right:0;top:20px;width:20px;height:20px;background-color:var(--w-color-icon-default-01);-webkit-mask:url(../img/icon/modeComp/base/chevron-down-md.svg) center no-repeat;mask:url(../img/icon/modeComp/base/chevron-down-md.svg) center no-repeat;-webkit-mask-size:20px;mask-size:20px;}
.info-accordion2 button[aria-expanded] span {opacity:0;}
.info-accordion2 [role=region] {border-top:none;}
.info-accordion2 [role=region] li {display:-webkit-flex;display:flex;align-items:center;justify-content:space-between;}
.info-accordion2 [role=region] .detail{display:flex;flex-direction:column;padding-bottom:6px;}
.info-accordion2 [role=region] li > div:first-of-type {margin-bottom:auto;padding:6px 0;font:var(--w-typography-b1-500);color:var(--w-color-text-default-03);white-space:nowrap;}
.info-accordion2 [role=region] li > div:first-of-type + div {margin-left:16px;padding:6px 0;font:var(--w-typography-b1-500);color:var(--w-color-text-default-01);text-align:right;/* word-break:break-all; */word-break:keep-all;}
.info-accordion2 [role=region] li .desc {font:var(--w-typography-b2-500);color:var(--w-color-text-default-03);}
.info-accordion2.active button[aria-expanded]:after {content:'';display:block;position:absolute;right:0;top:20px;width:20px;height:20px;background-color:var(--w-color-icon-default-01);-webkit-mask:url(../img/icon/modeComp/base/chevron-up-md.svg) center no-repeat;mask:url(../img/icon/modeComp/base/chevron-up-md.svg) center no-repeat;-webkit-mask-size:20px;mask-size:20px;}
.info-accordion2.active [role=region] {padding:12px 0px 20px;border-top:var(--w-borderWidth-01) solid var(--w-color-border-default-05);}

/* 임시디자인-기획서만 있고 디자인은 없는 요소 */
.info-con4 ul > li > ol {counter-reset:number;}
.info-con4 ul > li > ol > li {position:relative;padding-left:15px;color:var(--w-color-text-default-03);}
.info-con4 ul > li > ol > li:before {counter-increment:number;content:counter(number)'.';display:block;position:absolute;left:0;top:0;text-align:center;}

/* 전기차보조금 정보박스 */
.info-box1 {display:-webkit-flex;display:flex;}
.info-box1 div {display:-webkit-flex;display:flex;flex-direction:column;width:100%;padding:16px;background:var(--w-color-surface-default-02-enabled);border-radius:var(--radius16);}
.info-box1 div + div {margin-left:var(--space8);}
.info-box1 div .ico {display:block;width:40px;height:40px;background:url(./../img/icon/modeIncomp/color/document-simple.svg) var(--background);background-repeat:no-repeat;background-size:18px 20px;background-position:center;border-radius:50%;}
.info-box1 div dl {margin-left:auto;margin-top:4px;text-align:right;}
.info-box1 div dt {font:var(--w-typography-b2-400);color:var(--w-color-text-default-02);}
.info-box1 div dd {margin-top:2px;font:var(--w-typography-h6-700);color:var(--w-color-text-default-01);}

/* 유의사항 아코디언 */
.area-caution[data-toggle=box] .tit {padding-top:16px;}
.area-caution[data-toggle=box] .tit:before {top:50%;transform:translateY(-50%);}
.area-caution [aria-expanded] {position:absolute;left:0;top:0;width:100%;height:100%;background-color:var(--w-color-icon-default-03);-webkit-mask:var(--chevron-down-image) var(--mask-repeat);mask:var(--chevron-down-image) var(--mask-repeat) 100% 50%;-webkit-mask-position:100% 50%;mask-position:100% 50%;-webkit-mask-size:1.25rem;mask-size:1.25rem;}
.area-caution [role=region] {display:block;animation:styles_slideDown .2s ease-out;--accordion-content-height:max-content;}
.area-caution .tit {display:flex;align-items:flex-start;position:relative;padding:16px 0;font:var(--w-typography-b1-700);color:var(--w-color-text-default-01);}
.area-caution .tit > i {display:flex;align-items:flex-start;margin-right:4px;}
.area-caution .list-dot-md.mid li {font-weight:400 !important;}
.area-caution [class*=list-dot-] li {color:var(--w-color-text-default-03);word-break:break-all;}
.area-caution [class*=list-dot-] li:before {top:7px;background-color:var(--w-color-text-default-03);}
.area-caution.active .tit {margin-bottom:16px;border-bottom:1px solid var(--w-color-border-default-05);}
.area-caution.active [aria-expanded] {-webkit-mask-image:var(--chevron-up-image);mask-image:var(--chevron-up-image);}
.area-caution:not([data-toggle="box"]) .tit {margin-bottom:16px;border-bottom:1px solid var(--w-color-border-default-05);}
@keyframes styles_slideDown{
	0% {
		height:0
	}
	to {
		height:var(--accordion-content-height);
	}
}
.area-caution.t1 {padding-top:24px;border-top:var(--w-borderWidth-01) solid var(--w-color-border-default-05);}

/* 하단 고정 정보박스 */
.btm-fixed-info1 {display:block;width:100%;margin-bottom:16px;padding:16px 20px;background:var(--w-color-surface-primary-subdued-enabled);box-shadow:var(--w-shadow-02);border-radius:var(--radius12);}
.btm-fixed-info1 ul li {display:-webkit-flex;display:flex;align-items:center;justify-content:space-between;min-height:calc((1rem * 1.4) + 10px);}
.btm-fixed-info1 ul li div:first-of-type {font:var(--w-typography-h6-600);color:var(--w-color-text-default-01);}
.btm-fixed-info1 ul li div:first-of-type + div {font:var(--w-typography-h6-600);color:var(--w-color-text-primary-enabled);}
/* 아코디언형태 */
.btm-fixed-modal {position:relative;width:100%;border-radius:16px;box-shadow:var(--w-shadow-05);}/* box-shadow:var(--w-shadow-04); */
/* .btm-fixed-modal:before {content:'';display:block;position:absolute;top:8px;left:50%;width:40px;height:4px;border-radius:5px;background-color:var(--surface300);transform:translateX(-50%);} */
.btm-fixed-modal .top {display:-webkit-flex;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;position:relative;padding:20px;}
.btm-fixed-modal .top .tit.arr {display:-webkit-flex;display:flex;position:relative;font:var(--w-typography-h5-600);}
.btm-fixed-modal .top .tit.arr:after {content:'';display:block;position:relative;width:20px;height:20px;margin-left:4px;background-color:var(--w-color-icon-default-01);-webkit-mask:url(./../img/icon/modeComp/base/chevron-up-md.svg) center no-repeat;mask:url(./../img/icon/modeComp/base/chevron-up-md.svg) center no-repeat;-webkit-mask-size:20px;mask-size:20px;}
.btm-fixed-modal .top .desc {flex:none;margin-left:auto;font:var(--w-typography-h5-600);color:var(--w-color-text-primary-enabled);}
.btm-fixed-modal .top button {position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;}
.btm-fixed-modal .top button {display:-webkit-flex;display:flex;align-items:center;justify-content:center;}
.btm-fixed-modal .btm {font:var(--w-typography-b2-500);color:var(--w-color-text-default-04);/*transition:all .5s;*/}
.btm-fixed-modal .btm > .desc {text-align:right;}
.btm-fixed-modal .btm > .desc + ul {margin-top:2px;}
.btm-fixed-modal .btm ul li {display:-webkit-flex;display:flex;justify-content:space-between;}
.btm-fixed-modal .btm ul li + li {margin-top:2px;}
.btm-fixed-modal.active .btm {padding:0 20px 16px;}
/* 활성화 */
.btm-fixed-modal.active .top .tit.arr:after {-webkit-mask-image:url(./../img/icon/modeComp/base/chevron-down-md.svg);mask-image:url(./../img/icon/modeComp/base/chevron-down-md.svg);}
/* 큰글씨모드 */
@media all and (max-width:400px){
	.is-big .btm-fixed-modal .top {flex-direction:column;align-items:baseline}
}



/*--------------------------------------------------------------------------------
	# guie content : 뱃지
---------------------------------------------------------------------------------*/
.badge-wrap {display:-webkit-flex;display:flex;align-items:baseline;justify-content:flex-start;padding-bottom:8px;}
.badge-wrap > .badge + .badge,
.badge > span + span {margin-left:8px;}
.badge {display:-webkit-flex;display:flex;flex-wrap:wrap;}
.badge > span {display:block;padding:2.5px 6px;min-width:40px;/* font:var(--w-typography-d2-600); */font:600 12px/140% "Pretendard";color:var(--badge-color);text-align:center;border-width:1px;border-style:solid;border-radius:24px;}
/* .badge.t1 > span {font:var(--w-typography-d3-600);} */
.badge.line > span {
	background:var(--w-color-surface-default-00-enabled);
	border-color:var(--badge-line-border-color);
	color:var(--badge-line-border-color);
}
.badge.solid > span {
	background:var(--badge-solid-bg);
	border-color:transparent;
	color:var(--badge-solid-color);
}
.badge span.gray {
	--badge-line-border-color:var(--w-color-border-default-02);/*line*/
	--badge-solid-bg:var(--w-color-surface-default-03-enabled);--badge-solid-color:var(--w-color-text-default-02);}/*solid*/
.badge span.blue {
	--badge-line-border-color:var(--w-color-border-primary-enabled);/*line*/
	--badge-solid-bg:var(--w-color-surface-primary-subdued-enabled);--badge-solid-color:var(--w-color-text-primary-enabled);}/*solid*/
.badge span.red {
	--badge-line-border-color:var(--w-color-border-critical-enabled);/*line*/
	--badge-solid-bg:var(--w-color-surface-critical-subdued-enabled);--badge-solid-color:var(--w-color-text-critical-enabled);}/*solid*/
.badge span.red2 {
	--badge-solid-bg:var(--w-color-surface-critical-enabled);--badge-solid-color:var(--w-color-text-onAccent-01);}/*solid*/
.badge span.purple {
	--badge-line-border-color:var(--w-color-border-categoryBadges-purple);/*line*/
	/*--badge-solid-bg:var(--w-color-surface-critical-subdued-enabled);--badge-solid-color:var(--w-color-text-critical-enabled);*/}/*solid*/
.badge span.yellow {
	--badge-line-border-color:var(--w-color-border-caution-enabled);/*line*/
	--badge-solid-bg:var(--w-color-surface-accentYellow-subdued-enabled);--badge-solid-color:var(--w-color-text-accentDeepYellow-enabled);}/*solid*/
.badge span.orange {
	--badge-line-border-color:var(--w-color-text-categoryBadges-deepYellow);/*line*/
	--badge-solid-bg:var(--w-color-surface-caution-subdued-enabled);--badge-solid-color:var(--w-color-text-caution-enabled);}/*solid*/
.badge span.green {
	--badge-line-border-color:var(--w-color-border-categoryBadges-green);/*line*/
	--badge-solid-bg:var(--w-color-surface-success-subdued-enabled);--badge-solid-color:var(--w-color-text-success-enabled);}/*solid*/
.badge span.success {
	--badge-line-border-color:var(--w-color-border-success-enabled);/*line*/
	--badge-solid-bg:var(--w-color-surface-success-subdued-enabled);--badge-solid-color:var(--w-color-text-success-enabled);}/*solid*/
.badge span.deepblue {
	--badge-line-border-color:var(--w-color-border-accentDeepBlue-enabled);/*line*/
	--badge-solid-bg:var(--w-color-surface-accentDeepBlue-subdued-enabled);--badge-solid-color:var(--w-color-text-accentDeepblue-enabled);}/*solid*/
.badge span.darkblue {
	--badge-line-border-color:var(--w-color-text-categoryBadges-darkBlue);/*line*/
	--badge-solid-bg:var(--w-color-surface-default-03-enabled);--badge-solid-color:var(--w-color-text-categoryBadges-darkBlue);}/*solid*/
.badge span.deeppink {
	--badge-line-border-color:var(--w-color-border-categoryBadges-deepPink);/*line*/
	--badge-solid-bg:var(--w-color-surface-accentDeepBlue-subdued-enabled);--badge-solid-color:var(--w-color-text-accentDeepblue-enabled);}/*solid*/
.badge span.pink {
	/*--badge-line-border-color:var();line*/
	--badge-solid-bg:var(--w-color-surface-accentPink2-subdued-enabled);--badge-solid-color:var(--w-color-text-categoryBadges-deepPink);/*solid*/}
.badge span.deepgreen {
	/*--badge-line-border-color:var();line*/
	--badge-solid-bg:var(--w-color-surface-accentGreen2-subdued-enabled);--badge-solid-color:var(--w-color-text-categoryBadges-deepGreen);/*solid*/}
.badge span.white {
	/*--badge-line-border-color:var();line*/
	--badge-solid-bg:var(--w-color-surface-default-01-enabled);--badge-solid-color:var(--w-color-text-primary-enabled);/*solid*/}
.badge span.primary {
	/*--badge-line-border-color:var();line*/
	--badge-solid-bg:var(--w-color-surface-primary-enabled);--badge-solid-color:var(--w-color-text-onAccent-01);/*solid*/}
.badge span.whitestatic {
	--badge-line-border-color:var(--w-color-border-onAccent-01);/*line*/
	--badge-solid-bg:transparent;--badge-solid-color:var(--w-color-text-onAccent-01);}/*solid*/
.badge.line span.whitestatic {background:transparent;}
.badge span.black {
	/* --badge-line-border-color:var(--w-color-border-onAccent-01);line */
	--badge-solid-bg:var(--w-color-surface-modeGray-900-enabled);
	--badge-solid-color:var(--w-color-text-modeInverseBW-100);}/*solid*/

/*--------------------------------------------------------------------------------
	# guie content : 하단 메시지 (부가설명 / 에러메시지)
---------------------------------------------------------------------------------*/
/* msg공통 */
[class^=msg-] {border-radius:var(--radius12);}
[class^=msg-].sm {padding:8px 20px;}
[class^=msg-].md {padding:16px 20px;}
[class^=msg-].lg {padding:16px 20px;}
[class^=msg-] p {position:relative;padding-left:20px;font:var(--w-typography-b2-500);color:var(--w-color-text-default-02);word-break:break-all;}
[class^=msg-].md p,
[class^=msg-].lg p {padding-left:1.75rem;}
[class^=msg-] p:before {content:'';display:block;position:absolute;left:0;top:0.5625rem;width:16px;height:16px;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100%;mask-size:100%;transform:translateY(-50%);background-position:50%;background-repeat:no-repeat;background-size:100%;}
[class^=msg-].lg p {font:var(--w-typography-b1-600);}
[class^=msg-] ul {margin-top:12px;}
[class^=msg-] ul li {position:relative;padding-left:1.0625rem;font:var(--w-typography-b2-500);color:var(--modeGrayNonOpaque-600);}
[class^=msg-] ul li:before {content:'';display:block;position:absolute;left:6px;top:7px;width:4px;height:4px;background:var(--modeGrayNonOpaque-600);border-radius:50%;}
/* 부가설명형 */
[class^=msg-][class*=caution] {margin-top:16px;background:var(--w-color-surface-default-02-enabled)}
[class^=msg-][class*=caution]:not(.sm):not(.md):not(.lg) {background:transparent;}
[class^=msg-][class*=caution] p:before {background-color:var(--w-color-icon-default-02);-webkit-mask-image:url(./../img/icon/modeComp/base/info-circle-fill.svg);mask-image:url(./../img/icon/modeComp/base/info-circle-fill.svg);}
[class^=msg-][class*=caution].md p:before,
[class^=msg-][class*=caution].lg p:before {width:20px;height:20px;}
/* 에러메시지형 */
[class^=msg-][class*=error] {margin-top:16px;background:var(--w-color-surface-critical-subdued-enabled);}
[class^=msg-][class*=error]:not(.sm):not(.md):not(.lg) {background:transparent;}
[class^=msg-][class*=error] p:before {background-image:url(./../img/icon/modeComp/color/state-error.svg);}
[class^=msg-][class*=error].md p:before,
[class^=msg-][class*=error].lg p:before {width:20px;height:20px;}

/*--------------------------------------------------------------------------------
	# guie content : 안내메시지형
---------------------------------------------------------------------------------*/
/* 스탭안내 메시지형 */
.msg-step {padding:20px 0;background:var(--w-color-surface-default-02-enabled);border-radius:var(--radius12);}
.msg-step .txt {font:var(--w-typography-b2-600);color:var(--w-color-text-default-04);text-align:center;}
.msg-step .txt:first-child {padding-top:4px;}
.msg-step .txt + .stepper {margin-top:20px;}

/* 진행중 안내 메시지형 */
.msg-proceed {display:-webkit-flex;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.msg-proceed .loading-box {display:-webkit-flex;display:flex;align-items:center;justify-content:center;width:100%;margin-top:110px;}
.msg-proceed .loading-box lottie-player {width:48px;height:48px;}
.msg-proceed ul {margin-top:0;}
.msg-proceed .desc {padding:0;font:var(--w-typography-b1-400);color:var(--w-color-text-default-03);text-align:center;}
.msg-proceed .btn-call1 {margin-top:19px;}
.msg-proceed[data-ui-fixed=bottom] {padding-bottom:48px;}

/*--------------------------------------------------------------------------------
	# guide content : 유의사항 영역
---------------------------------------------------------------------------------*/
.area-guide {display:flex;flex-direction:column;align-items:flex-start;width:100%;word-break:break-all;}
.area-guide .tlt {font:var(--w-typography-h6-500);}
.area-guide .tlt .txt {position:relative;padding:11px 0 0 17px;font:var(--w-typography-b2-400);}
.area-guide .tlt .txt:before {content:'';display:block;position:absolute;left:5px;top:18px;width:4px;height:4px;background:var(--w-color-text-default-01);border-radius:50%;}
.area-guide.t1 .tlt {font:var(--w-typography-b1-600);}
.area-guide.t1 .tlt .txt {display:flex;flex-direction:column;color:var(--w-color-text-default-03);}
.area-guide.t1 .tlt > ul > .txt:first-of-type {padding-top:12px;}

/*--------------------------------------------------------------------------------
	# guie content : 텍스트 리스트
---------------------------------------------------------------------------------*/
/* -------------------------------------------------------
	공통선언
------------------------------------------------------- */
[class^=list-] + [class^=list-] {margin-top:11.2px;}
[class^=list]:not(ul):not(ol),
[class^=list-] li {display:block;position:relative;color:var(--w-color-text-default-02);word-break:break-all;}/*0717_color값 변경*/
/* [class^=list-] + [class^=list-] {margin-top:11.2px;}
[class^=list-] li + li {margin-top:11.2px;} */
/* x-large 17px */
[class^=list-][class*=xl] + [class^=list-][class*=xl] {margin-top:14px;}
[class^=list-][class*=xl].rg li, [class^=list]:not(ul):not(ol)[class*=xl].rg {font:var(--w-typography-h5-400);}
[class^=list-][class*=xl].mid li, [class^=list]:not(ul):not(ol)[class*=xl].mid {font:var(--w-typography-h5-500);}
[class^=list-][class*=xl].sb li, [class^=list]:not(ul):not(ol)[class*=xl].sb {font:var(--w-typography-h5-600);}
[class^=list-][class*=xl] li + li {margin-top:14px;}
/* large : 15px */
[class^=list-][class*=lg] + [class^=list-][class*=lg] {margin-top:12px;}
[class^=list-][class*=lg].rg li, [class^=list]:not(ul):not(ol)[class*=lg].rg {font:var(--w-typography-b1-400);}
[class^=list-][class*=lg].mid li, [class^=list]:not(ul):not(ol)[class*=lg].mid {font:var(--w-typography-b1-500);}
[class^=list-][class*=lg].sb li, [class^=list]:not(ul):not(ol)[class*=lg].sb {font:var(--w-typography-b1-600);}
[class^=list-][class*=lg] li + li {margin-top:12px;}
/* medium : 14px */
[class^=list-][class*=md] + [class^=list-][class*=md] {margin-top:11px;}
[class^=list-][class*=md].rg li, [class^=list]:not(ul):not(ol)[class*=md].rg {font:var(--w-typography-b2-400);}
[class^=list-][class*=md].mid li, [class^=list]:not(ul):not(ol)[class*=md].mid {font:var(--w-typography-b2-500);}
[class^=list-][class*=md].sb li, [class^=list]:not(ul):not(ol)[class*=md].sb {font:var(--w-typography-b2-600);}
[class^=list-][class*=md] li + li {margin-top:11px;}
/* small : 13px */
[class^=list-][class*=sm] + [class^=list-][class*=sm] {margin-top:0.625rem;}
[class^=list-][class*=sm].rg li, [class^=list]:not(ul):not(ol)[class*=sm].rg {font:var(--w-typography-d1-400);}
[class^=list-][class*=sm].mid li, [class^=list]:not(ul):not(ol)[class*=sm].mid {font:var(--w-typography-d1-500);}
[class^=list-][class*=sm].sb li, [class^=list]:not(ul):not(ol)[class*=sm].sb {font:var(--w-typography-d1-600);}
[class^=list-][class*=sm] li + li {margin-top:0.625rem;}
/* x-small : 12px */
[class^=list-][class*=xs] + [class^=list-][class*=xs] {margin-top:0.625rem;}
[class^=list-][class*=xs].rg li, [class^=list]:not(ul):not(ol)[class*=xs].rg {font:var(--w-typography-d2-400);}
[class^=list-][class*=xs].mid li, [class^=list]:not(ul):not(ol)[class*=xs].mid {font:var(--w-typography-d2-500);}
[class^=list-][class*=xs].sb li, [class^=list]:not(ul):not(ol)[class*=xs].sb {font:var(--w-typography-d2-600);}
[class^=list-][class*=xs] li + li {margin-top:0.625rem;}
/* 도트(?), 하이픈(-), 당구장(※), 숫자(1,2..)형 공통선언 */
[class^=list-]:not([class*=list-text-]) li:before,
[class^=list-]:not(ul):not(ol):not([class*=list-text-]):before {display:block;position:absolute;left:0;text-align:center;}
[class^=list-]:not([class*=list-text-])[class*=xs] li,
[class^=list-]:not(ul):not(ol):not([class*=list-text-])[class*=xs] {padding-left:14px;}
[class^=list-]:not([class*=list-text-]):not([class*=list-dot])[class*=xs] li:before,
[class^=list-]:not(ul):not(ol):not([class*=list-text-]):not([class*=list-dot])[class*=xs]:before {width:14px;}
[class^=list-]:not([class*=list-text-])[class*=sm] li,
[class^=list-]:not(ul):not(ol):not([class*=list-text-])[class*=sm] {padding-left:15px;}
[class^=list-]:not([class*=list-text-]):not([class*=list-dot])[class*=sm] li:before,
[class^=list-]:not(ul):not(ol):not([class*=list-text-]):not([class*=list-dot])[class*=sm]:before {width:15px;}
[class^=list-]:not([class*=list-text-])[class*=md] li,
[class^=list-]:not(ul):not(ol):not([class*=list-text-])[class*=md] {padding-left:17px;}
[class^=list-]:not([class*=list-text-]):not([class*=list-dot])[class*=md] li:before,
[class^=list-]:not(ul):not(ol):not([class*=list-text-]):not([class*=list-dot])[class*=md]:before {width:17px;}
[class^=list-]:not([class*=list-text-])[class*=lg] li,
[class^=list-]:not(ul):not(ol):not([class*=list-text-])[class*=lg] {padding-left:18px;}
[class^=list-]:not([class*=list-text-]):not([class*=list-dot])[class*=lg] li:before,
[class^=list-]:not(ul):not(ol):not([class*=list-text-]):not([class*=list-dot])[class*=lg]:before {width:18px;}
[class^=list-]:not([class*=list-text-])[class*=xl] li,
[class^=list-]:not(ul):not(ol):not([class*=list-text-])[class*=xl] {padding-left:20px;}
[class^=list-]:not([class*=list-text-]):not([class*=list-dot])[class*=xl] li:before,
[class^=list-]:not(ul):not(ol):not([class*=list-text-]):not([class*=list-dot])[class*=xl]:before {width:20px;}
/* 큰글씨모드 */
/* [class^=list-num] li:before,
[class^=list-num]:not(ul):not(ol):before {display:block;position:absolute;left:0;text-align:center;} */
.is-big [class^=list-num][class*=xs] li,
.is-big [class^=list-num]:not(ul):not(ol)[class*=xs] {padding-left:20px;}
.is-big [class^=list-num]:not([class*=list-dot])[class*=xs] li:before,
.is-big [class^=list-num]:not(ul):not(ol):not([class*=list-dot])[class*=xs]:before {width:20px;}
.is-big [class^=list-num][class*=sm] li,
.is-big [class^=list-num]:not(ul):not(ol)[class*=sm] {padding-left:21px;}
.is-big [class^=list-num]:not([class*=list-dot])[class*=sm] li:before,
.is-big [class^=list-num]:not(ul):not(ol):not([class*=list-dot])[class*=sm]:before {width:21px;}
.is-big [class^=list-num][class*=md] li,
.is-big [class^=list-num]:not(ul):not(ol)[class*=md] {padding-left:23px;}
.is-big [class^=list-num]:not([class*=list-dot])[class*=md] li:before,
.is-big [class^=list-num]:not(ul):not(ol):not([class*=list-dot])[class*=md]:before {width:23px;}
.is-big [class^=list-num][class*=lg] li,
.is-big [class^=list-num]:not(ul):not(ol)[class*=lg] {padding-left:24px;}
.is-big [class^=list-num]:not([class*=list-dot])[class*=lg] li:before,
.is-big [class^=list-num]:not(ul):not(ol):not([class*=list-dot])[class*=lg]:before {width:24px;}
.is-big [class^=list-num][class*=xl] li,
.is-big [class^=list-num]:not(ul):not(ol)[class*=xl] {padding-left:26px;}
.is-big [class^=list-num]:not([class*=list-dot])[class*=xl] li:before,
.is-big [class^=list-num]:not(ul):not(ol):not([class*=list-dot])[class*=xl]:before {width:26px;}
/* 대출신청 및 인지세 */
[class^=list-]:not([class*=list-text-])[class*=lg] li > [class*=table] {margin-left:-18px;width:calc(100% + 18px);}
/* 개별선언 */
[class^=list-dot-] > li:before,
[class^=list-dot-]:not(ul):not(ol):before,
p[class^=list-dot-]:before {content:'';display:block;position:absolute;width:4px;height:4px;background:var(--w-color-text-default-02);border-radius:50%;}
[class^=list-dot-][class*=xs] > li:before,
[class^=list-dot-]:not(ul):not(ol)[class*=xs]:before {top:6px;left:5px;}
[class^=list-dot-][class*=sm] > li:before,
[class^=list-dot-]:not(ul):not(ol)[class*=sm]:before {top:7px;left:6px;}
[class^=list-dot-][class*=md] > li:before,
[class^=list-dot-]:not(ul):not(ol)[class*=md]:before {top:7px;left:6px;}
[class^=list-dot-][class*=lg] > li:before,
[class^=list-dot-]:not(ul):not(ol)[class*=lg]:before {top:9px;left:7px;}
[class^=list-dot-][class*=xl] > li:before,
[class^=list-dot-]:not(ul):not(ol)[class*=xl]:before {width:5px;height:5px;top:10px;left:8px;}
/* 큰글씨모드 */
.is-big [class^=list-dot-][class*=xs] > li:before,
.is-big [class^=list-dot-]:not(ul):not(ol)[class*=xs]:before {top:8px;left:4px;}
.is-big [class^=list-dot-][class*=sm] > li:before,
.is-big [class^=list-dot-]:not(ul):not(ol)[class*=sm]:before {top:8px;left:4px;}
.is-big [class^=list-dot-][class*=md] > li:before,
.is-big [class^=list-dot-]:not(ul):not(ol)[class*=md]:before {top:10px;left:5px;}
.is-big [class^=list-dot-][class*=lg] > li:before,
.is-big [class^=list-dot-]:not(ul):not(ol)[class*=lg]:before {top:10px;left:6px;}
.is-big [class^=list-dot-][class*=xl] > li:before,
.is-big [class^=list-dot-]:not(ul):not(ol)[class*=xl]:before {width:7px;height:7px;top:12px;left:7px;}
/* 큰글씨모드 */
.is-big [class^=list-dot-] > li:before,
.is-big [class^=list-dot-]:not(ul):not(ol):before,
.is-big p[class^=list-dot-]:before {width:6px;height:6px;}
/* 1010 - 리스트도트수정 */
[class^=list-hypen-] li:before, [class^=list-hypen-]:not(ul):not(ol):before, p[class^=list-hypen-]:before {content:'-';}/* 하이픈(-) 타입 */
[class^=list-prefer-] li:before, [class^=list-prefer-]:not(ul):not(ol):before, p[class^=list-prefer-]:before {content:'※';}/* 당구장(※) 타입 */
[class*=list-num] {counter-reset:number;}
[class^=list-num1-] li:before, [class^=list-num1-]:not(ul):not(ol):before {counter-increment:number;content:counter(number)'.';}/* 숫자 기본형('1.') 타입 */
[class^=list-num2-] li:before, [class^=list-num2-]:not(ul):not(ol):before {counter-increment:number;content:counter(number)')';}/* 숫자 기본형('1.') 타입 */
.wrap-info [class^=list-prefer-],
.wrap-info [class^=list-prefer-] {padding-top:11px;color:var(--w-color-text-default-03);}
/* 안내영역 내 리스트 */
.wrap-info [class^=list-] li {color:var(--w-color-text-default-02);}
.wrap-info [class^=list-] li p[class^=list-prefer-],
.wrap-info [class^=list-] li [class^=list-prefer-] li {color:var(--w-color-text-default-03);}
.list-num1-lg.rg li {color:var(--w-color-text-default-02);}
.list-num1-lg.rg .info-space2 {margin-left:-18px;}
.list-num1-lg.rg .info-period1 {margin-left:-18px;}
.list-dot-lg .desc {margin:2px 0;font:var(--w-typography-b2-400);color:var(--w-color-text-default-02);}
/* 정보성 텍스트 리스트 */
.list-text-info1 dl + dl {margin-top:16px;}
.list-text-info1 dt {font:var(--w-typography-b2-500);color:var(--w-color-text-default-01);}
.list-text-info1 dt + dd {margin-top:2px;}
.list-text-info1 dd {font:var(--w-typography-d2-400);color:var(--w-color-icon-default-04);}
.list-text-info1 dd + dt {margin-top:16px;}

[class*=list-prefer-] li > [class*=list-hypen-] li:before{content:'-';}

/* 도트형 타이틀 dl 리스트 */
.dot-tlt-list>p{display:block;position:relative;margin:12px 0;padding-left:17px;font:var(--w-typography-b1-600);color:var(--w-color-text-default-01);}
.dot-tlt-list>p:before {content:'.';display:block;position:absolute;left:calc(17px / 4);top:-7px;font-size:1.25rem;font-weight:600;text-align:center;}
.dot-tlt-list dl + dl {margin-top:12px;}
.dot-tlt-list dt {display:block;position:relative;padding-left:17px;font:var(--w-typography-b1-600);color:var(--w-color-text-default-01);}
.dot-tlt-list dt:before {content:'.';display:block;position:absolute;left:calc(17px / 4);top:-7px;font-size:1.25rem;font-weight:600;text-align:center;}
.dot-tlt-list dd {padding-left:17px;font:var(--w-typography-b1-400);color:var(--w-text-default-02);}
.dot-tlt-list dd > * {color:var(--w-text-default-02);}
.dot-tlt-list dt + dd {margin-top:12px;}
.dot-tlt-list .guide-txt-list li {display:block;position:relative;padding-left:17px;padding-top:12px;font:var(--w-typography-b1-400);color:var(--w-text-default-02);word-break:break-word;}
.dot-tlt-list .guide-txt-list li:first-of-type {padding-top:0;}
.dot-tlt-list .guide-txt-list li:first-of-type:before {top:0;}
.dot-tlt-list .guide-txt-list li:before {position:absolute;left:0;top:12px;width:17px;text-align:center;}
.dot-tlt-list .guide-txt-list li:not(.prefer):before {content:'-';}
.dot-tlt-list .guide-txt-list li.prefer:before {content:'※';}

/*--------------------------------------------------------------------------------
	# guie content : 인포메이션 텍스트
---------------------------------------------------------------------------------*/
/* info-txt */
.info-prefer-txt:not(ul) {display:block;position:relative;margin-top:11px;padding-left:17px;color:var(--w-color-text-default-03);font:var(--w-typography-b2-400);word-break:break-all;}
.info-prefer-txt:not(ul):before {content:'';display:block;position:absolute;left:0;top:0;width:17px;height:17px;text-align:center;}
.info-prefer-txt:not(ul).t1 {word-break:keep-all;}
.info-hypen-txt:not(ul) {display:block;position:relative;margin-top:11px;padding-left:17px;color:var(--w-color-text-default-03);font:var(--w-typography-b2-400);}
.info-hypen-txt:not(ul):before {content:'-';display:block;position:absolute;left:0;top:0;width:17px;height:17px;text-align:center;}
.info-star-txt:not(ul) {display:block;position:relative;margin-top:11px;padding-left:17px;color:var(--w-color-text-default-03);font:var(--w-typography-b2-400);word-break:break-all;}
.info-star-txt:not(ul):before {content:'*';display:block;position:absolute;left:0;top:0;width:17px;height:17px;text-align:center;}
.info-dot-txt:not(ul) {display:block;position:relative;margin-top:11px;padding-left:17px;color:var(--w-color-text-default-03);font:var(--w-typography-b2-400);word-break:break-all;}

/* 1010 - 리스트도트수정 */
.info-dot-txt:not(ul):before {content:'';display:block;position:absolute;left:6px;top:7px;width:4px;height:4px;background:var(--w-color-text-default-03);border-radius:50%;}
.is-big .info-dot-txt:not(ul):before {left:5px;top:10px;width:6px;height:6px;}

.info-dot-txt + .validate {padding-left:40px;}
.info-dot-txt + .validate:before {left:20px;}
.txt-info + .info-dot-txt {margin-top:3px;}
.txt-info + .validate {padding-left:40px;}
.txt-info + .validate:before {left:20px;}
/* ul */
ul.info-hypen-txt li {display:block;position:relative;margin-top:11px;padding-left:17px;color:var(--w-color-text-default-03);font:var(--w-typography-b2-400) !important;}
ul.info-hypen-txt li:before {content:'-';display:block;position:absolute;left:0;top:0;width:17px;height:17px;text-align:center;}
li > span.info-star-txt {margin-top:0;padding-left:12px;color:var(--w-color-text-default-02);font-size:var(--w-typography-b1-400);}
/* 경고텍스트 - 상품설명서 */
.warn-txt1 {font:var(--w-typography-h6-600);color:var(--w-color-text-default-01);word-break:break-all;}
.list-prefer-lg.sb li > .sub-txt {margin-top:12px;display:block;font:var(--w-typography-b2-400);color:var(--w-color-text-default-03);}
.list-prefer-lg.sb li > .sub-txt + .hypen-txt {display:block;position:relative;margin-top:12px;padding-left:17px;font:var(--w-typography-d1-400);}
.list-prefer-lg.sb li > .sub-txt + .hypen-txt:before {content:'-';display:block;position:absolute;left:0;top:0;width:17px;height:17px;text-align:center;}
/*--------------------------------------------------------------------------------
	# guide content : 스탭 인디케이터
---------------------------------------------------------------------------------*/
.step-indicator {display:-webkit-flex;display:flex;align-items:center;justify-content:space-between;min-height:var(--space40);margin-top:-16px;padding:10px 0;}
.step-indicator .depth {flex:none;min-height:calc(14px * 1.4);margin-bottom:auto;font:700 12px/140% "Pretendard";color:var(--w-color-text-default-04);line-height:calc(14px * 1.4);}
.step-indicator .depth strong {color:var(--w-color-text-default-02);}
.step-indicator .tit {margin-left:16px;font:500 14px/140% "Pretendard";color:var(--w-color-text-default-02);text-align:right;}
/*--------------------------------------------------------------------------------
	# guide content : 타이틀
---------------------------------------------------------------------------------*/
.tit-headline1 {position:relative;margin-top:32px;}
.tit-headline1:after {content:'';display:block;width:100%;height:var(--space24);}
.tit-headline1 .tit {font:var(--w-typography-h3-700);color:var(--w-color-text-default-01);}
.tit-headline1 .desc {font:var(--w-typography-h6-500);color:var(--w-color-text-default-03);}
.tit-headline1 .desc2 {padding-top:11px;font:var(--w-typography-b2-400);color:var(--w-color-text-default-03);}
.tit-headline1 .desc-badge {display:inline-block;margin:12px 0 8px;padding:7px 8px;font:var(--w-typography-d1-500);color:var(--w-color-icon-default-02);background:var(--w-color-surface-default-03-enabled);border-radius:var(--radius6);}
.tit-headline1 .tit + .desc {margin-top:12px;}
.tit-headline1.t1:after {height:var(--space16);}
/* 간격 */
.tit-headline1:first-child {margin-top:16px}
.step-indicator + .tit-headline1 {margin-top:24px;}
.tit-headline1 .tit-wrap {display:flex;justify-content:space-between;align-items:center;width:100%;}
.tit-headline1 .tit-wrap + .desc {margin-top:12px;}
[id^=test] > .tit-headline1 {margin-top: 32px;}

/* 헤드라인 타이틀 내 위비이미지 */
.tit-headline1[class*=webee] .tit:after {content:'';display:block;position:absolute;z-index:-1;right:0;background-size:contain;background-position:center;background-repeat:no-repeat;}
.tit-headline1.webee-car .tit:after {bottom:2px;width:100px;height:118px;background-image:url(./../img/bg/webee_car.svg);}
.tit-headline1.webee-blue .tit:after {bottom:-12px;width:100px;height:118px;background-image:url(./../img/bg/webee_blue.svg);}
.tit-headline1.webee-blue2 .tit:after {bottom:20px;right:-5px;width:70px;height:76px;background-image:url(./../img/bg/webee_blue2.svg);}
.tit-headline1.webee-error .tit:after {bottom:0px;width:100px;height:118px;background-image:url(./../img/bg/webee_error.svg);}
/* 헤드라인 타이틀 위비이미지 background */
.tit-headline1.webee-loan {position:relative;margin-right:-20px;padding-right:20px;background:url(./../img/bg/webee_loan.svg) no-repeat;background-size:128px 128px;background-position:90% 9px;}
.is-big .tit-headline1.webee-loan {background-position:90% 56px;}
@media all and (max-width:360px) {.is-big .tit-headline1.webee-loan {padding-bottom:20px;}}
/* 헤드라인 타이틀 내 위비이미지 - 큰글씨모드 */
.is-big .tit-headline1.webee-car .tit:after {bottom:2px;}
.is-big .tit-headline1.webee-blue .tit:after {bottom:4px;}
.is-big .tit-headline1.webee-blue2 .tit:after {bottom:15px;}
.is-big .tit-headline1.webee-error .tit:after {bottom:17px;}
/* 위비 이미지가 있는 헤드라인 타이틀 아래에 오는 description */
.tit-headline1[class*=webee] + .desc {font:var(--w-typography-h6-500);color:var(--w-color-text-default-03);}

/* 풀사이즈 headline */
.msg-headline1 {margin-top:64px;text-align:center;}
.msg-headline1 .thumb {display:block;width:72px;height:72px;margin:0 auto;background-repeat:no-repeat;background-position:center;background-size:contain;}
.msg-headline1 .thumb.complete {background-image:url(./../img/icon/modeComp/color/state-complete.svg);}
.msg-headline1 .thumb.success {background-image:url(./../img/icon/modeComp/color/state-success.svg);}
.msg-headline1 .thumb.caution {background-image:url(./../img/icon/modeComp/color/state-caution.svg);}
.msg-headline1 .thumb.error {background-image:url(./../img/icon/modeComp/color/state-error.svg);}
.msg-headline1 .thumb.fail {background-image:url(./../img/icon/modeComp/color/fail_connection.svg);}
.msg-headline1 .thumb.webee {background-image:url(./../img/bg/webee_complete.svg);}
.msg-headline1 .thumb.webee:before {content:'';display:block;position:relative;width:72px;height:72px;background:var(--w-color-surface-default-02-enabled);border-radius:50%;}
.msg-headline1 .thumb.bridge {width:96px;height:96px;background-image:url(./../img/bg/webee_bridge.svg);}/*1113_원카<->캐피탈 내에서 사용*/
.msg-headline1 .tit {margin:24px 0 8px;font:var(--w-typography-h3-600);color:var(--w-color-text-default-01);}
.msg-headline1 .desc {padding-left:0;font:var(--w-typography-b1-400);color:var(--w-color-text-default-03);}
.msg-headline1 .thumb.error ~ .desc {margin:0 auto;max-width:calc(100% - 97px);word-break:keep-all;}
/* 간격 */
.step-indicator + .msg-headline1 {margin-top:40px;}
.msg-headline1 + .btn-comm-sm.t1 {display:block;margin:16px auto 0;flex:none;}
.msg-headline1 + .btn-comm-sm.t1 span {font:var(--w-typography-b1-500);}
/* 결과 안내 화면 다음에 오는 아코디언 */
.msg-headline1 ~ .info-accordion1 [role=region] {margin-top:0;}

/*--------------------------------------------------------------------------------
	# guide content : 탭
---------------------------------------------------------------------------------*/
/* 공통 */
.tab-wrap {position:relative;}
.tab-btn {position:relative;width:100%;}
/* 탭패널 */
.tab-cont {position:relative;overflow:hidden;/*--w-tab-padding:1.5rem;padding:var(--w-tab-padding) 0;*/}
.tab-cont [role=tabpanel] {z-index:0;position:absolute;left:0;top:0;width:100%;height:100%;background:var(--w-color-background-default);
overflow-y:scroll;transition-property:margin opacity;transition-duration:0.3s;transition-timing-function: ease-in-out(0.65, 0, 0.35, 1);}
.tab-cont [role=tabpanel].active {z-index:2;position:relative;}

/* 지역선택 */
.tab-wrap.location > .form-group-tab {display:flex;flex-wrap:wrap;justify-content:flex-start;width:100%;}
.tab-wrap.location > .form-group-tab .form-group {display:inline-block;width:calc((100% - var(--space8) * 2) / 3);margin:0;}
.tab-wrap.location > .form-group-tab .form-group:nth-of-type(3) ~ .form-group {margin-top:8px;}
.tab-wrap.location > .form-group-tab .form-group:not(:nth-of-type(3n - 2)) {margin-left:8px;}
@media all and (min-width:479px){
	.tab-wrap.location > .form-group-tab .form-group {width:calc((100% - var(--space8) * 3) / 4);}
	.tab-wrap.location > .form-group-tab .form-group:nth-of-type(3) ~ .form-group {margin-top:0px;}
	.tab-wrap.location > .form-group-tab .form-group:nth-of-type(4) ~ .form-group {margin-top:8px;}
	.tab-wrap.location > .form-group-tab .form-group:not(:first-of-type):not(:nth-of-type(3n - 2)) {margin-left:0;}
	.tab-wrap.location > .form-group-tab .form-group:not(:nth-of-type(4n - 3)) {margin-left:8px}
}
/* 렌트-제조사선택(URTLQ0101) (탭버튼이 1개만 노출될 경우) */
.tab-wrap.onetab .tab-btn {overflow:hidden;position:absolute;width:1px;height:1px;opacity:0;font-size:0.1rem;line-height:1;}
.tab-wrap.onetab .tab-cont [role=tabpanel] {height: calc( (var(--vh, 1vh) * 100) - var(--page-header-height) - var(--page-tit-headline-height)) !important;}
.tab-wrap.onetab .tab-cont [role=tabpanel] [aria-hidden=true]:first-of-type {display:none;}

/* 세그먼티드 컨트롤 탭 : data-tab-type:segmented */
[data-tab-type=segmented] ul {display:-webkit-flex;display:flex;justify-content:space-between;align-items:center;width:100%;padding:var(--space2);background:var(--w-color-surface-default-03-enabled);border-radius:var(--radius8);overflow:hidden;}
[data-tab-type=segmented] li {position:relative;width:100%;}
[data-tab-type=segmented] li {flex-grow:1;}
[data-tab-type=segmented] li:before {content:'';display:block;position:absolute;left:0;top:50%;width:var(--w-borderWidth-01);height:1rem;margin-top:-8px;background:var(--w-color-border-default-05);}
[data-tab-type=segmented] li [role=tab] {display:block;position:relative;width:100%;min-height:40px;padding:4px 8px;font:var(--w-typography-b2-dense-500);color:var(--w-color-text-default-04);text-align:center;word-break:break-all;border-radius:var(--radius6);}
[data-tab-type=segmented] li.active [role=tab] {color:var(--w-color-text-default-01);background:var(--w-color-surface-elavated1-enabled);box-shadow:var(--w-shadow-01);}
[data-tab-type=segmented] li.active:before,
[data-tab-type=segmented] li:first-of-type:before,
[data-tab-type=segmented] li.active + li:before {display:none;}
[data-tab-type=segmented][data-mode=disabled]:before {content:'';display:block;position:absolute;left:0;right:0;top:0;bottom:0;background:var(--w-color-surface-default-disabled);border-radius:var(--radius8);}
[data-tab-type=segmented][data-mode=disabled] li [role=tab] {color:var(--w-color-text-default-disabled);}
[data-tab-type=segmented][data-mode=disabled] li.active [role=tab]:before {content:'';display:block;position:absolute;left:0;top:0;right:0;bottom:0;background:var(--w-color-surface-default-disabled);border-radius:var(--radius6)}
/* .tab-btn.sm : 낮은높이 타입 */
[data-tab-type=segmented].sm li [role=tab] {min-height:auto;padding:0.34375rem 0.5rem;}
/* .tab-btn.t1 : 좌측정렬 타입 */
[data-tab-type=segmented].t1 {width:fit-content;}
/* 큰글씨모드 */
.is-big [data-tab-type=segmented] li [role=tab] {padding:2px 8px;font-size:17px !important;line-height:120%;}


/* 라인 컨트롤 탭 : data-tab-type:line */
[data-tab-type=line] {position:relative;width:calc(100% + 40px);margin:0 -20px;padding:0 20px;}
[data-tab-type=line]:before {content:'';display:block;position:absolute;left:0;right:0;bottom:0;height:var(--w-borderWidth-01);background:var(--w-color-border-default-04);}
[data-tab-type=line] ul {display:-webkit-flex;display:flex;justify-content:space-between;align-items:center;width:100%;}
[data-tab-type=line] li {display:inline-block;flex-grow:1;position:relative;width:100%;}
[data-tab-type=line] li + li {margin-left:4px;}
[data-tab-type=line] li [role=tab] {display:block;width:100%;min-height:42px;padding:var(--space4) var(--space8);font:var(--w-typography-h5-700);color:var(--w-color-text-default-04);word-break:break-all;}
/* [data-tab-type=line] li.active:after {content:'';display:block;position:absolute;left:0;right:0;bottom:0;height:var(--w-borderWidth-02);background:var(--w-color-border-default-01);border-radius:1px;} */
[data-tab-type=line] li.active [role=tab] {color:var(--w-color-text-default-01);}
[data-tab-type=line] .indicator {display:block;position:absolute;left:20px;bottom:0;height:var(--w-borderWidth-02);background:var(--w-color-border-default-01);border-radius:1px;transition:all 0.2s;transition-timing-function:ease-in-out-cubic(0.65, 0, 0.35, 1);}
/* 라인 - 스크롤형 */
[data-tab-type=line].scroll {width:auto;}
[data-tab-type=line].scroll:after {content:'';display:block;position:absolute;right:0;top:0;bottom:var(--w-borderWidth-01);width:2.25rem;background:var(--w-color-utility-gradient-gradientToLeft-default)}
[data-tab-type=line].scroll ul {overflow-x:auto;white-space:nowrap;}
[data-tab-type=line].scroll li + li {margin-left:8px;}
[data-tab-type=line].scroll li:last-of-type {padding-right:20px;}
[data-tab-type=line].scroll li.active:after {left:-0.125rem;right:-0.125rem;}
[data-tab-type=line].scroll li:last-of-type.active:after {right:calc(-0.125rem + 1.25rem);}
[data-tab-type=line].scroll li [role=tab] {padding:12px;}
/* 큰글씨모드 */
.is-big [data-tab-type=line] li [role=tab] {font-size:20px !important;}

/* 스크롤 컨트롤 탭 : data-tab-type:scroll */
[data-tab-type=scroll] {position:relative;width:calc(100% + 40px);margin:0 -20px;overflow-x:scroll;}
[data-tab-type=scroll]::-webkit-scrollbar {width:0;height:0;}
[data-tab-type=scroll]::-webkit-scrollbar-track {background-color:transparent;}
[data-tab-type=scroll]::-webkit-scrollbar-corner {background-color:transparent;}
[data-tab-type=scroll]::-webkit-scrollbar-button {background-color:transparent;}
[data-tab-type=scroll]::-webkit-scrollbar-thumb {width:0;border-radius:0;background-color:transparent;background-clip:content-box;}
[data-tab-type=scroll]::-webkit-scrollbar-thumb:hover {background-color:transparent;}
[data-tab-type=scroll].fixed {position:fixed;padding-bottom:6px;z-index:1;background-color:var(--w-color-background-default);}
[data-tab-type=scroll].fixed:before {content:'';display:block;z-index:-1;position:absolute;left:-20px;top:0;height:100%;background:var(--w-color-background-default);}
[data-tab-type=scroll].fixed ~ .selected-info {margin-top:40.39px}
/* [data-tab-type=scroll].fixed ~ .gradient-start,
[data-tab-type=scroll].fixed ~ .gradient-finish {position:fixed;z-index:1;}
[data-tab-type=scroll].fixed ~ .gradient-start {left:0;}
[data-tab-type=scroll].fixed ~ .gradient-finish {right:0} */
/* [data-tab-type=scroll]:before {content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:var(--w-color-background-default);z-index:-1;} */
.gradient-start, .gradient-finish {display:none;}
/* .gradient-start {display:block;position:absolute;left:-20px;top:0;bottom:0;width:36px;padding:0 20px;background:var(--w-color-utility-gradient-gradientToRight-default);pointer-events:none;transition:all .2s;} */
/*좌측 그라데이션*/
/* .gradient-finish {display:block;position:absolute;right:-20px;top:0;bottom:0;width:36px;padding:0 20px;background:var(--w-color-utility-gradient-gradientToLeft-default);pointer-events:none;transition:all .2s;} *//*우측 그라데이션*/

[data-tab-type=scroll] [role=tablist] {display:-webkit-flex;display:flex;}
[data-tab-type=scroll] [role=tablist] li:first-of-type {margin-left:20px;}
[data-tab-type=scroll] [role=tablist] li:last-of-type {padding-right:20px;}
[data-tab-type=scroll] [role=tablist] li + li {margin-left:8px;}
[data-tab-type=scroll] [role=tablist] li [role=tab],
[data-tab-type=scroll] [role=tablist] li > a {display:-webkit-flex;display:flex;align-items:center;width:max-content;height:calc((16px * 1.4) + 18px);padding:4px 20px;font:var(--w-typography-h6-500);color:var(--w-color-text-default-03);background:var(--w-color-surface-default-03-enabled);border-radius:var(--radius20);
word-break:keep-all;
}
[data-tab-type=scroll] [role=tablist] li.active [role=tab],
[data-tab-type=scroll] [role=tablist] li.active a {background:var(--w-color-surface-primary-enabled);color:var(--w-color-text-onAccent-01);}

/*--------------------------------------------------------------------------------
	# guide content : 인터렉션용 : 고정영역
---------------------------------------------------------------------------------*/
[data-ui-fixed] {z-index:100;}
[data-ui-fixed="bottom"] {position:fixed;left:0;right:0;bottom:0;
	/* height:var(--btn-space); */
	padding:0 16px 18px;background:var(--w-color-background-default);}
[data-ui-fixed="bottom"][data-more="navigation"] {z-index:101;}
[data-ui-fixed="sticky"] {position:-webkit-sticky;position:sticky;top:-2.5rem;/*top:-1px;*/}
.content ~ [data-ui-fixed="bottom"] {z-index:500;}

[data-disabled="true"] {opacity:0.4;}
[data-disabled="true"] [class*="btn-"][disabled], [data-disabled="true"] [class*="btn-"].disabled:visited {color:unset;background:unset;}

/* .wrap-area1[data-ui-fixed="sticky"] {padding:1.6rem var(--space1);margin:0 calc(var(--space1) * -1);background:rgba(255,255,255,0.95);} */

body[data-keypad="on"] [data-ui-fixed="bottom"]:not([data-keypad-fixed="false"]) {position:relative;}
body[data-keypad="on"] .content ~ [data-ui-fixed="bottom"]:not([data-keypad-fixed="false"]) {position:fixed;}

/*--------------------------------------------------------------------------------
# guide content : 기관선택
---------------------------------------------------------------------------------*/
.select-agency1 {display:-webkit-flex;display:flex;flex-wrap:wrap;}
.select-agency1 .form-group {position:relative;width:calc((100% - var(--space8) * 2) / 3);margin-top:var(--space8);padding:12px 4px;font:var(--w-typography-d1-500);color:var(--w-color-text-default-01);text-align:center;background:var(--w-color-surface-default-02-enabled);border-radius:var(--radius12);}
.select-agency1 .form-group:nth-of-type(3n),
.select-agency1 .form-group:nth-of-type(3n - 1) {margin-left:var(--space8)}
.select-agency1 .form-group:nth-child(1),
.select-agency1 .form-group:nth-child(2),
.select-agency1 .form-group:nth-child(3) {margin-top:0;}
.select-agency1 .form-group input {display:block;position:absolute;left:0;right:0;bottom:0;top:0;}
.select-agency1 .form-group i[class^=ico-] {display:block;width:32px;height:32px;margin:0 auto;}
.select-agency1 .form-group > span {display:block;padding:8px 0 0;text-overflow:ellipsis;overflow:hidden;white-space:pre;}
.select-agency1 .form-group [type=radio] ~ span:before {content:'';display:none;position:absolute;top:0;left:0;right:0;bottom:0;border:var(--w-borderWidth-02) solid var(--w-color-border-primary-enabled);border-radius:var(--radius12);}
.select-agency1 .form-group [type=radio]:checked ~ span:before {display:block;}
@media all and (min-width:479px){
	.select-agency1 .form-group {width:calc((100% - var(--space8) * 3) / 4);}
	.select-agency1 .form-group:nth-of-type(3n),
	.select-agency1 .form-group:nth-of-type(3n - 1) {margin-left:0;}
	.select-agency1 .form-group:nth-of-type(4n),
	.select-agency1 .form-group:nth-of-type(4n - 1),
	.select-agency1 .form-group:nth-of-type(4n - 2) {margin-left:var(--space8)}
	.select-agency1 .form-group:nth-child(4) {margin-top:0;}
}
/*--------------------------------------------------------------------------------
# guide content : 차량선택
---------------------------------------------------------------------------------*/
.select-car1 {display:-webkit-flex;display:flex;flex-wrap:wrap;}
.select-car1 .form-group {position:relative;width:calc((100% - var(--space8) * 2) / 3);margin-top:var(--space8);padding:12px 4px;font:var(--w-typography-d1-500);color:var(--w-color-text-default-01);text-align:center;background:var(--w-color-surface-default-02-enabled);border-radius:var(--radius12);}
.select-car1 .form-group:nth-of-type(3n),
.select-car1 .form-group:nth-of-type(3n - 1) {margin-left:var(--space8)}
.select-car1 .form-group:nth-child(1),
.select-car1 .form-group:nth-child(2),
.select-car1 .form-group:nth-child(3) {margin-top:0;}
.select-car1 .form-group input {display:block;position:absolute;left:0;right:0;bottom:0;top:0;}
.select-car1 .form-group > i {display:block;width:50px;height:50px;margin:0 auto;background-color:var(--w-color-surface-selectionBg-enabled);background-image:url(./../img/temp/temp_logo.png);background-size:50px auto;background-repeat:no-repeat;background-position:center;border-radius:50%;}
.select-car1 .form-group > span {display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;width:100%;padding:8px 0 0;overflow:hidden;text-overflow:ellipsis;word-break:break-all;white-space:normal;}
.select-car1 .form-group [type=radio] ~ span:before {content:'';display:none;position:absolute;top:0;left:0;right:0;bottom:0;border:var(--w-borderWidth-02) solid var(--w-color-border-primary-enabled);border-radius:var(--radius12);}
.select-car1 .form-group [type=radio]:checked ~ span:before {display:block;}
/* 페이지 내 높이 조정 */
.tit-headline1 + .tab-wrap:nth-of-type(2):last-of-type [role=tabpanel] {
	--page-header-height:calc((14px * 2) + (17px * 1.4) + 32px);
	--page-tit-headline-height:calc((1.375rem * 1.4) + 24px);
	--page-tab-top-height:calc(40px + 4px);

	height:calc( (var(--vh, 1vh) * 100) - var(--page-header-height) - var(--page-tit-headline-height) - var(--page-tab-top-height));
}
@media all and (min-width:479px){
	.select-car1 .form-group {width:calc((100% - var(--space8) * 3) / 4);}
	.select-car1 .form-group:nth-of-type(3n),
	.select-car1 .form-group:nth-of-type(3n - 1) {margin-left:0;}
	.select-car1 .form-group:nth-of-type(4n),
	.select-car1 .form-group:nth-of-type(4n - 1),
	.select-car1 .form-group:nth-of-type(4n - 2) {margin-left:var(--space8)}
	.select-car1 .form-group:nth-child(4) {margin-top:0;}
}

/*--------------------------------------------------------------------------------
# guide content : 아이콘
---------------------------------------------------------------------------------*/
[class*=ico-bank],
[class*=ico-agency] {background-size:contain;background-position:center;background-repeat:no-repeat;}
[class*=ico-bank][class*=woori] {background-image:url(../img/logo/bg/bank/icon_bank020.png);}
/* 기본(base) */
.ico-bank-basic {background-image:url(../img/icon/modeIncomp/color/bank-disabled.svg);}
/* 은행 */
/* 간편인증 로고 */
[class*=certi-bank] {display:inline-block;margin:2px 16px 2px 0;width:40px;height:40px;mask-repeat:no-repeat;mask-size:40px;mask-position:center;background-color:#fff;border-radius:100%;}
/*-----------------------------------------------------------------------------------
# guide content : 스테퍼(stepper)
-----------------------------------------------------------------------------------*/
/* 스테퍼 */
.stepper {position:relative;width:100%;}
.stepper ol {display:-webkit-flex;display:flex;justify-content:space-between;width:100%;}
.stepper ol li {display:-webkit-flex;display:flex;align-items:center;justify-content:flex-end;flex:1;flex-direction:column-reverse;position:relative;width:100%;}
.stepper ol li:before {content:'';display:block;z-index:-1;position:absolute;left:-50%;top:7px;width:100%;height:4px;background-color:var(--w-color-surface-primary-enabled);}
.stepper ol li:first-of-type:before {display:none;}
.stepper ol li:after {content:'';display:block;position:relative;width:18px;height:18px;background-color:var(--w-color-surface-primary-enabled);-webkit-mask-image:url(../img/icon/modeComp/color/ico_stepper.svg);mask-image:url(../img/icon/modeComp/color/ico_stepper.svg);-webkit-mask-size:18px;mask-size:18px;}
.stepper ol li span {display:block;margin-top:4px;}
.stepper ol li span:before {content:'';display:block;z-index:1;position:absolute;top:0;left:50%;width:18px;height:18px;background-color:var(--w-color-surface-selectionBg-enabled);-webkit-mask-image:url(./../img/icon/modeComp/color/check-on.svg);mask-image:url(./../img/icon/modeComp/color/check-on.svg);-webkit-mask-size:12px;mask-size:12px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;transform:translateX(-50%);mask-position:center;transform:translateX(-50%);}
.stepper ol li span:after {content:'';display:block;position:absolute;top:0;left:50%;width:18px;height:18px;background-color:var(--w-color-surface-default-01-enabled);transform:translateX(-50%);}
.stepper ol [aria-current] span {display:block;font:var(--w-typography-d1-600);color:var(--w-color-text-primary-enabled);text-align:center;}
.stepper ol [aria-current] span:before {-webkit-mask-image:url(../img/icon/modeComp/color/ico_stepper.svg);mask-image:url(../img/icon/modeComp/color/ico_stepper.svg);-webkit-mask-size:8px;mask-size:8px;}
.stepper ol [aria-current] ~ li:before {background-color:var(--w-color-surface-default-04-enabled);}
.stepper ol [aria-current] ~ li:after {background-color:var(--w-color-surface-default-04-enabled);}
.stepper ol [aria-current] ~ li span:before {background-color:var(--w-color-surface-default-01-enabled);-webkit-mask-image:url(../img/icon/modeComp/color/ico_stepper_circle.svg);mask-image:url(../img/icon/modeComp/color/ico_stepper_circle.svg);-webkit-mask-size:8px;mask-size:8px;}
.stepper.t1:after {content:'';display:block;position:absolute;right:0;top:7px;width:calc(((100% / 6) - 18px) / 2);height:4px;background:var(--w-color-surface-default-04-enabled);}

/* 세로형 스탭가이드 - 공통 */
/* 간격 */
/* .tit-sub1 + [class*=step-guide] {margin-top:-16px;} */
[class*=step-guide] ol {display:-webkit-flex;display:flex;flex-direction:column;position:relative;}
[class*=step-guide] ol li {display:-webkit-flex;display:flex;align-items:center;justify-content:space-between;position:relative;margin:16px 0;padding-left:56px;}
[class*=step-guide] ol li .thumb {display:-webkit-flex;display:flex;align-items:center;justify-content:center;position:absolute;left:0;top:2px;width:40px;height:40px;border-radius:50%;background-color:var(--w-color-surface-default-03-enabled);}

/* [class*=step-guide] ol li:nth-of-type(6) .thumb.dummy {-webkit-mask:url(./../img/icon/modeComp/base/num6-bg-circle.svg) no-repeat center/contain;mask:url(./../img/icon/modeComp/base/num6-bg-circle.svg) no-repeat center/contain;background-color:var(--w-color-icon-default-02);}1212_임시클래스 */
[class*=step-guide] ol li:nth-of-type(6) .thumb.dummy {display:block;width:40px;height:40px;background:url(./../img/dummy/num6-bg-circle-gray_light.png) no-repeat center/contain;}
.is-dark [class*=step-guide] ol li:nth-of-type(6) .thumb.dummy {display:block;width:40px;height:40px;background:url(./../img/dummy/num6-bg-circle-gray_dark.png) no-repeat center/contain;}

[class*=step-guide] ol li .txt {display:-webkit-flex;display:flex;align-items:baseline;flex-direction:column;justify-content:center;width:100%;min-height:2.75rem;word-break:break-all;}
[class*=step-guide] ol li .txt:before {content:'';display:block;position:absolute;left:19px;top:46px;width:2px;height:calc(100% - 18px);min-height:26px;background-color:var(--w-color-border-default-02);-webkit-mask-image:url(./../img/bg/bg_dot1.svg);mask-image:url(./../img/bg/bg_dot1.svg);}
[class*=step-guide] ol li:last-of-type .txt:before {display:none;}
[class*=step-guide] ol li > [class*=btn-] {flex:none;}
[class*=step-guide] ol li [class*=list-] {word-break:keep-all;}
.step-guide1 ol li .txt > strong {font:var(--w-typography-h6-600);color:var(--w-color-text-default-01);}
.step-guide1 ol li .txt > span {display:block;margin-top:2px;font:var(--w-typography-b2-500);color:var(--w-color-text-default-04);}
.step-guide2 ol li .txt > strong {font:var(--w-typography-b2-500);color:var(--w-color-text-default-03);}
.step-guide2 ol li .txt > span {font:var(--w-typography-h6-600);color:var(--w-color-text-default-01);}
[class*=step-guide] ol li .txt .list-prefer-md.mid li {margin:11px 0 0 0;color:var(--w-color-text-default-04);word-break:keep-all;}
[class*=step-guide] ol li .txt .list-prefer-md.mid li:before {top:0;}
.step-guide1 .info-con3 {width:100%;margin-top:16px;}
.step-guide1 .info-con3 li {margin:0;padding-left:0;}
.step-guide1 .info-con3 li > div:first-of-type {font:var(--w-typography-b2-500);}
.step-guide1 .info-con3 li > div:first-of-type + div {font:var(--w-typography-b2-500);word-break:break-word;}

/* .tit-sub1 + [class*=step-guide] ol li:first-of-type:not(:only-child) {margin-top:0px;} */
/* 숫자형 : .num */
/* 아이콘형 : .icon */
/* 아이콘형 - 진행상태 표시의 경우 */
[class*=step-guide].icon ol li[aria-current] ~ li .thumb {filter:grayscale(1);}
[class*=step-guide].icon ol li[aria-current] ~ li .txt > strong,
[class*=step-guide].icon ol li[aria-current] ~ li .txt > span {color:var(--w-color-text-default-05);}
/* 아이콘형 - 진행단계 비활성화 case */
[class*=step-guide].icon[aria-label=progress] li:after {content:'완료됨';display:block;font:var(--w-typography-b2-500);color:var(--w-color-text-default-03);}
[class*=step-guide].icon[aria-label=progress] li[aria-current]:after {content:'진행중';color:var(--w-color-text-primary-enabled);}
[class*=step-guide].icon[aria-label=progress] li[aria-current] ~ li:after {display:none;}
/* 체크형 : .check */
.step-guide1.check ol li .txt [class*=btn-] {margin-top:8px;}

/*-----------------------------------------------------------------------------------
# content : 주소검색
-----------------------------------------------------------------------------------*/
/* 주소검색 */
/* 여백 */
div[aria-hidden=true] + .area-tip-addr {margin-top:8px;}
.list-result + .area-tip-addr {margin-top:80px;}
/* 주소검색 디자인 */
.area-tip-addr .tit {padding-bottom:12px;font:var(--w-typography-b1-600);color:var(--w-color-text-default-01);}
.area-tip-addr .list-dot-md li + li {margin-top:10px;}
/* 검색결과 */
.list-result .arr-btn3 .key {font-weight:inherit;color:var(--w-color-text-primary-enabled);}
.list-result .more {display:-webkit-flex;display:flex;align-items:center;justify-content:center;position:relative;width:100%;margin-top:7px;padding:14px 0;border-top:1px solid var(--w-color-border-default-05);}
.list-result .more:after {content:'';display:block;width:16px;height:16px;background-color:var(--w-color-icon-default-01);-webkit-mask:url(../img/icon/modeComp/base/chevron-down-md.svg) center no-repeat;mask:url(../img/icon/modeComp/base/chevron-down-md.svg) center no-repeat;}
/* 상세주소검색 */
/* .data-address1 {margin-bottom:var(--space16);} */
.data-address1 .post {font:var(--w-typography-h6-500);color:var(--w-color-text-default-01);}
.data-address1 .addr {font:var(--w-typography-h6-500);color:var(--w-color-text-default-01);}
.data-address1 .addr2 {font:var(--w-typography-b2-500);color:var(--w-color-text-default-04);}
.data-address1 ~ .validate {margin-bottom:0;}
/* 주민등록, 운전면허증 이미지 */
/* .img-container {min-height:187px;} *//*0805_이미지삭제*/
.img-container > img {display:block;width:100%;}
/* 대상여부정보 - 배경형 */
.info-state1 {display:block;padding:16px;border-radius:var(--radius8);background-color:var(--w-color-surface-default-02-enabled);}
body.is-dark .info-state1 {background-color:var(--w-color-surface-default-03-enabled);}
.info-state1 dl{display:flex;padding:0;justify-content:space-between;align-items:center;}
.info-state1 dl dt,
.info-state1 dl dd {padding:0;}
.info-state1 dl dd {font:var(--w-typography-b1-700);}
/* info-state - 라인형 */
.info-state2 {display:block;padding:16px;border:1px solid var(--w-color-border-default-04);border-radius:var(--radius8);}
.info-state2 dl{display:flex;padding:0;justify-content:space-between;align-items:center;}
.info-state2 dl dt,
.info-state2 dl dd {padding:0;color:var(--w-color-text-default-03);}
.info-state2 dl dd {font:var(--w-typography-b1-700);}
.info-state2 .list-dot-lg.rg {color:var(--w-color-text-default-02);}

/*-----------------------------------------------------------------------------------
# content : 배너
-----------------------------------------------------------------------------------*/
.banner-woncar01,
.banner-woncapital01 {display:block;position:relative;padding:24px 96px 24px 20px;border-radius:16px;}
.banner-woncar01:after,
.banner-woncapital01:after {content:'';display:block;position:absolute;top:50%;right:20px;width:56px;height:56px;margin-top:-28px;background-size:56px;background-position:center;background-repeat:no-repeat;box-shadow:var(--w-shadow-02);border-radius:20px;}
.banner-woncar01 .tit,
.banner-woncapital01 .tit {margin-bottom:8px;font:700 16px/140% "Pretendard";color:var(--w-color-text-default-01);}
.banner-woncapital01 .desc,
.banner-woncar01 .desc {font:500 14px/140% "Pretendard";color:var(--w-color-text-default-04);}
.banner-woncar01 {background:var(--w-color-surface-primary-subdued-enabled);}
.banner-woncar01:after {background-image:url(../img/dummy/banner_woncar_dummy01.png);}
.banner-woncapital01 {background:var(--w-color-surface-primary-subdued-enabled);}
.banner-woncapital01:after {background-image:url(./../img/dummy/banner_woncapital_dummy01.png);}

/*-----------------------------------------------------------------------------------
# content : 더미이미지
-----------------------------------------------------------------------------------*/
.img-container {margin: 0 auto;}
.img-container img {max-width:320px;margin:0 auto;}
.img-box div {max-width:320px;width:100%;margin:0 auto;}
.img-box div img {width:100%;}
.area-tempImg-liscense {width:100%;max-width:360px;text-align:center;}
.area-tempImg-liscense img {max-width:202px;}
/*-----------------------------------------------------------------------------------
# content : 풀팝업 내 약관
-----------------------------------------------------------------------------------*/
.wrap-terms {
	/* 약관페이지 변수 */
	/* --terms-top-height:calc((1.0625rem * 1.4) + (18px * 2) + (0.875rem * 1.4) + 12px);
	--terms-btm-height:calc((1.0625rem * 1.4) + (16px * 2) + 18px);
	--terms-area-height:calc(var(--terms-top-height) + var(--terms-btm-height));
	position:fixed;top:var(--terms-top-height);bottom:var(--terms-btm-height);left:0;right:0;height:calc(100vh - var(--terms-area-height));padding-bottom:48px;overflow-y:scroll; */
	width:100%;
}
.wrap-terms + .btn-terms {display:block;position:fixed;top:50%;left:0;right:0;pointer-events:none;height:40px;}
.wrap-terms + .btn-terms:before {display:none;}
.wrap-terms + .btn-terms button {position:absolute;top:0;width:40px;height:40px;padding-left:40px;background:var(--w-color-surface-scrim-01);overflow:hidden;pointer-events:all;}
.wrap-terms + .btn-terms button:after {content:'';display:block;position:absolute;left:0;top:0;width:40px;height:40px;background-color:var(--white-100);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:24px;mask-size:24px;-webkit-mask-position:center;mask-position:center;}
.wrap-terms + .btn-terms button.prev {left:0;}
.wrap-terms + .btn-terms button.next {right:0;}
.wrap-terms + .btn-terms button.prev:after {-webkit-mask-image:url(./../img/icon/modeComp/base/chevron-left-md.svg);mask-image:url(./../img/icon/modeComp/base/chevron-left-md.svg);}
.wrap-terms + .btn-terms button.next:after {-webkit-mask-image:url(./../img/icon/modeComp/base/chevron-right-md.svg);mask-image:url(./../img/icon/modeComp/base/chevron-right-md.svg);}
.wrap-terms + .btn-terms button:disabled {opacity:0.56;}
.is-big .wrap-terms {
	--terms-top-height:calc((1.0625rem * 1.4) + (18px * 2) + (0.875rem * 1.4) + 5px);
	--terms-btm-height:calc((1.0625rem * 1.4) + (16px * 2) + 28px);
}
/*-----------------------------------------------------------------------------------
# 페이지 별 컴포넌트
-----------------------------------------------------------------------------------*/
/* 리스 - 매물리스트 */
/* 오늘의 차량 슬라이드 */
.today-car .tit-sub2 {padding-bottom:0px;}
.today-car [class*=tit-sub] + .desc {font:var(--w-typography-d1-400);color:var(--w-color-text-default-03);}
.today-car .thumb {max-height:300px;margin-bottom:var(--space24);text-align:center;background:var(--w-color-surface-selectionBg-enabled);border-radius:var(--radius16);}
.today-car .thumb i {display:block;width:calc(100vw - 40px);max-width:280px;height:calc((100vw - 40px) / 1.9);max-height:168px;margin:0 auto;background:url(./../img/temp/temp_prd.png);background-repeat:no-repeat;background-size:calc(100% - 28px) auto;background-size:100%;background-position:center;border-radius:var(--radius16);}
.today-car .txt .name {margin-bottom:4px;font:var(--w-typography-h6-700);color:var(--w-color-text-default-01);}
.today-car .txt .cost {display:-webkit-flex;display:flex;align-items:center;padding:1.5px 0;font:var(--w-typography-b2-500);color:var(--w-color-text-default-01);}
.today-car .txt .cost em {margin-left:4px;font:var(--w-typography-h6-dense-700);color:var(--w-color-text-primary-enabled);}
.today-car .swiper {padding-bottom:40px;}
.today-car .swiper-slide {position:relative;}
.today-car .swiper-slide .link {display:block;position:absolute;left:0;right:0;top:0;bottom:2px;color:transparent;}
.today-car .swiper-pagination {position:absolute;bottom:0;left:50%;transform:translateX(-50%);}
.today-car .swiper-pagination .swiper-pagination-bullet {width:6px;height:6px;background:var(--w-color-surface-default-04-enabled);border-radius:var(--radius8);opacity:1;transition:all .3s;}
.today-car .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {margin-left:6px;}
.today-car .swiper-pagination .swiper-pagination-bullet-active {width:16px;background:var(--w-color-text-default-02);}
.today-car .swiper-pagination .swiper-pagination-bullet-active:first-of-type:last-of-type {display:none;}
.car-desc {margin-top:-8px;padding:7px 8px;font:var(--w-typography-d1-400);line-height:18px;color:var(--w-color-text-default-02);background-color:var(--w-color-surface-default-03-enabled);border-radius:var(--radius6);}
/* 매물리스트 목록 */
.list-car1 li {display:-webkit-flex;display:flex;align-items:center;justify-content:space-between;position:relative;padding:20px;border:var(--w-borderWidth-01) solid var(--w-color-border-default-04);border-radius:var(--radius16);overflow:hidden;}
.list-car1 li + li {margin-top:12px;}
/* .list-car1 li .txt .name {font:var(--w-typography-b2-500);color:var(--w-color-text-default-03);} */
.list-car1 li .txt .name {font:var(--w-typography-b2-500);color:var(--w-color-text-default-02);}
.list-car1 li .txt .cost {font:var(--w-typography-b2-500);color:var(--w-color-text-default-01);}
.list-car1 li .txt .cost em {font:var(--w-typography-h6-700);}
/* .list-car1 li .thumb {width:100px;} */
.list-car1 li .thumb i {display:block;width:100px;height:74px;background:url(./../img/temp/temp_prd.png) var(--w-color-surface-selectionBg-enabled);background-repeat:no-repeat;background-position:50% 50%;background-size:100%;border-radius:var(--radius8);}
.list-car1 li .link {display:block;position:absolute;left:0;top:0;width:100%;height:100%;color:transparent;}
/* 파일 다운로드 버튼 */
.btn-download {display:-webkit-flex;display:flex;align-items:center;;margin:0 auto;width:100%;min-height:42px;padding:5px 0;text-align: center;border:1px solid var(--w-color-border-default-04);border-radius:var(--radius10);background:var(--w-color-surface-default-00-enabled);flex:none;}
.btn-download span {display:-webkit-flex;display:flex;justify-content:center;align-items:center;position:relative;margin:0 auto;width:auto;color:var(--w-color-text-default-02);font:var(--w-typography-h5-600);word-break:keep-all;}
.btn-download span:after {content:'';display:inline-block;position:relative;width:20px;height:20px;margin-left:6px;-webkit-mask-image:url(../img/icon/modeComp/base/download.svg);-webkit-mask-size:20px;mask-repeat:no-repeat;mask-image:url(../img/icon/modeComp/base/download.svg);mask-size:20px;mask-repeat:no-repeat;background:var(--w-color-icon-default-01);}
.connect-msg {display:block;padding:16px 20px;border-radius:var(--radius12);background-color:var(--w-color-surface-default-02-enabled);}
.connect-msg .desc {font:var(--w-typography-b2-500);color:var(--w-color-text-default-00);}
.connect-msg .desc + .btn-call {position:relative;display:block;margin-top: 16px;padding:9.5px 0;width:100%;border:1px solid var(--w-color-border-default-04);border-radius:6px;background-color:var(--w-color-surface-default-01-enabled);}
.connect-msg .desc + .btn-call > span {display:-webkit-flex;display:flex;justify-content:center;align-items:center;color:var(--w-color-text-default-02);font:var(--w-typography-b1-600);}
.connect-msg .desc + .btn-call > span:before {content:'';display:inline-block;position:relative;width:16px;height:16px;right:5px;mask-image:url(./../img/icon/modeComp/base/phone-fill.svg);background-color:var(--w-color-icon-default-02);mask-size:16px;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;-webkit-mask:url(./../img/icon/modeComp/base/phone-fill.svg);mask:url(./../img/icon/modeComp/base/phone-fill.svg);}
.connect-msg .info-space3 {padding:16px 0 0;}
/* 구분선 */
hr {display:block;border-width:0;border-style:none;margin-block:0;margin-inline:0;}
.divider {flex:none;margin:32px 0;width:100%;height:0.5px;background-color:var(--w-color-border-default-04);}
.divider2 {flex:none;width:calc(100% + 40px);height:8px;background-color:var(--w-color-background-lowered-01);}
/* .divider2 + .tit-headline1 {margin-top:0;} */
/* 상품설명서 : 안내사항 */
.indent-wrap {color:var(--w-color-text-default-02);font:var(--w-typography-b1-400);}
.indent-wrap .indent-box {padding-left:17px;word-break:break-all;}
.indent-wrap .indent-box + [class*=tit-sub] {margin-top:12px;word-break:break-all;}
.indent-wrap .indent-box .info-prefer-txt + .desc {padding-top:11px;font:var(--w-typography-b1-500);}
.indent-wrap .indent-box .desc + [class*=list-text-] {padding-top:12px;}
.indent-wrap .indent-box .desc + [class*=list-dot-] {padding-top:11px;}

.area-action .btm-fixed-modal:not(:only-child) {margin-bottom:16px;background-color:var(--w-color-background-elavated-02);}

/* .info-btn1 : 버튼이 있는 인포박스 */
.info-btn1 {display:block;width:100%;padding:16px 20px;background-color:var(--w-color-surface-default-02-enabled);border-radius:12px;}
.info-btn1 dl {word-break:break-all;}
.info-btn1 dl dt {padding:2px 0;color:var(--w-color-text-default-03);font:var(--w-typography-b2-500);line-height:14px;}
.info-btn1 dl dd {margin-top:2px;padding:2px 0 1px;color:var(--w-color-text-default-01);font:var(--w-typography-h6-600);}
.info-btn1 dl + [class*=btn-] {display:block;width:100%;margin-top:16px;}
.info-btn1 dl + [class*=btn-] span {color:var(--w-color-text-default-01);}

/* 보안키패드 */
.kpd-image-button {max-width:none;}

/* 얼굴인식 영역 */
.mask-box {width:100%;height:240px;border:var(--w-borderWidth-01) solid var(--w-color-border-default-05);}

/* .area-btn */
.area-btn > button + button {margin-left:6px;}

/* 리스상품소개 */
.wrap-prd-list1 > ul > li {display:block;position:relative;padding:20px;border:var(--w-borderWidth-01) solid var(--w-color-border-default-04);border-radius:var(--radius16);}
.wrap-prd-list1 > ul > li + li {margin-top:12px;}
.wrap-prd-list1 > ul > li label {position:absolute;left:0;right:0;top:0;bottom:0;}
.wrap-prd-list1 > ul > li label input {position:absolute;width:100%;height:100%;}
.wrap-prd-list1 > ul > li label input + span {position:absolute;top:20px;right:20px;padding-left:24px;width:24px;height:24px;overflow:hidden;}
.wrap-prd-list1 > ul > li label input + span:before {content:'';display:block;position:absolute;left:0;top:0;width:24px;height:24px;background-image:url(./../img/icon/modeComp/color/check-off-circle.svg);background-repeat:no-repeat;background-position:center;}
/* 다크모드 */
.is-dark .wrap-prd-list1 > ul > li label input + span:before {content:'';display:block;position:absolute;left:0;top:0;width:24px;height:24px;background-image:url(./../img/icon/modeComp/color/check-off-circle-dark.svg);background-repeat:no-repeat;background-position:center;}

.wrap-prd-list1 > ul > li label input + span {position:absolute;top:20px;right:20px;padding-left:24px;width:24px;height:24px;overflow:hidden;}
.wrap-prd-list1 > ul > li label input:checked + span:before {background-image:url(./../img/icon/modeComp/color/check-on-circle.svg);}
.wrap-prd-list1 ul li .prd {pointer-events:none;}
.wrap-prd-list1 ul li .name {width:calc(100% - 96px - 16px);font:var(--w-typography-b2-500);color:var(--w-color-text-default-02);word-break:break-all;}
.wrap-prd-list1 ul li .pay {width:calc(100% - 96px - 16px);margin-top:2px;font:var(--w-typography-b2-500);color:var(--w-color-text-default-01);}
.wrap-prd-list1 ul li .pay em {font:var(--w-typography-h6-700);}
.wrap-prd-list1 ul li .option {display:-webkit-flex;display:flex;justify-content:flex-start;margin-top:16px;}
.wrap-prd-list1 ul li .option li {position:relative;font:500 14px/140% "Pretendard";color:var(--w-color-text-default-04);}
.wrap-prd-list1 ul li .option li + li {padding-left:13px;}
.wrap-prd-list1 ul li .option li + li:before {content:'';display:block;position:absolute;left:6px;top:4px;width:1px;height:12px;background:var(--w-color-border-default-04)}
.wrap-prd-list1 ul li .thumb {position:absolute;top:50px;right:20px;width:100px;height:74px;border-radius:var(--radius8);background-size:contain;background-repeat:no-repeat;background-position:center;background-color:#fff;}
/* 더보기 버튼 */
.wrap-prd-list1 .btn-more {width:100%;margin-top:12px;}
.wrap-prd-list1 .btn-more span {display:-webkit-flex;display:flex;align-items:center;justify-content:center;;position:relative;padding:10px 12px;font:var(--w-typography-b1-600);color:var(--w-color-text-default-03);}
.wrap-prd-list1 .btn-more span:after {content:'';display:inline-block;width:16px;height:16px;margin-left:4px;background-color:var(--w-color-icon-default-01);-webkit-mask:url(../img/icon/modeComp/base/chevron-down-md.svg) center no-repeat;mask:url(../img/icon/modeComp/base/chevron-down-md.svg) center no-repeat;-webkit-mask-size:16px;mask-size:16px;}

.wrap-compare-list1 {position:relative;width:calc(100% + 40px);margin:0 -20px;overflow-x:scroll;}
.wrap-compare-list1 > ul {display:-webkit-flex;display:flex;padding:0 20px;}
.wrap-compare-list1 > ul > li {flex:none;width:calc(100% - 30px);}
.wrap-compare-list1 > ul > li:last-of-type {width:calc(100% - 10px);}
.wrap-compare-list1 > ul > li article {position:relative;border:var(--w-borderWidth-01) solid var(--w-color-border-default-04);border-radius:var(--radius16);}
.wrap-compare-list1 > ul > li + li {margin-left:20px;}
.wrap-compare-list1 .top {padding:20px 20px 24px;}
.wrap-compare-list1 label {z-index:1;position:absolute;right:0;top:0;width:100%;height:100%;}
.wrap-compare-list1 label input {position:absolute;width:100%;height:100%;}
.wrap-compare-list1 label input + span {display:block;position:absolute;top:20px;right:20px;width:24px;height:24px;padding-left:24px;overflow:hidden;}
.wrap-compare-list1 label input + span:before {content:'';display:block;position:absolute;left:0;top:0;width:24px;height:24px;background-image:url(./../img/icon/modeComp/color/check-off-circle.svg);-webkit-mask-size:24px;mask-size:24px;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;}
.wrap-compare-list1 label input:checked + span:before {background-image:url(./../img/icon/modeComp/color/check-on-circle.svg);}
.wrap-compare-list1 .top .thumb {margin:6px auto 0;/*width:160px;*/height:100px;border-radius:var(--radius8);background-size:contain;background-repeat:no-repeat;background-position:center;background-color:#fff;background-size:160px auto;}
.wrap-compare-list1 .top .name {margin-top:16px;font:var(--w-typography-h6-600);color:var(--w-color-text-default-01);}
.wrap-compare-list1 .top .cost {margin-top:2px;font:var(--w-typography-b2-500);color:var(--w-color-text-default-01);}
.wrap-compare-list1 .top .cost em {font:var(--w-typography-h4-700);color:var(--w-color-text-primary-enabled);}
.wrap-compare-list1 .top .precost {margin-top:2px;font:var(--w-typography-b2-500);color:var(--w-color-text-default-02);}
.wrap-compare-list1 .btm {padding:20px 20px 24px;background:var(--w-color-surface-default-02-enabled);}
.wrap-compare-list1 .btm .tit {padding:12px 0;font:var(--w-typography-b1-600);color:var(--w-color-text-default-01);}
.wrap-compare-list1 .btm .info-con2 li > div:first-of-type + div {flex:1;word-break:keep-all;}
.wrap-compare-list1 .btm .info-con2 + .tit {margin-top:24px;}
.wrap-compare-list1 ul li:last-of-type {padding-right:20px;}
.wrap-compare-list1 .info-con2 ul > li:last-of-type {padding-right:0;}
/* 다크모드 */
.is-dark .wrap-compare-list1 label input + span:before {content:'';display:block;position:absolute;left:0;top:0;width:24px;height:24px;background-image:url(./../img/icon/modeComp/color/check-off-circle-dark.svg);-webkit-mask-size:24px;mask-size:24px;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;}
@media all and (min-width:479px){
	.wrap-compare-list1 > ul > li {width:80%;}
	.wrap-compare-list1 > ul > li:last-of-type {width:calc(80% + 20px);}
}

/* 사설인증서 화면 */
.certif-wrap {display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background-color:var(--surface);border-radius:var(--radius20);box-shadow:var(--w-shadow-subtle);}
.certif-wrap i {display:block;width:6rem;height:6rem;background-image:url(./../img/dummy/certif_dummy.png);background-repeat:no-repeat;background-size:cover;}
.certif-wrap .certif-tit {margin-top:24px;font:var(--w-typography-h3-700);color:var(--w-color-text-default-01);}
.certif-wrap .certif-tit + .desc {margin-top:12px;color:var(--w-color-text-default-03);font:var(--w-typography-b1-400);}
.certif-wrap + .line-btn1 {margin:48px auto;width:fit-content;}

/* 상품상세 */
.prd-loan {position:relative;}
.prd-loan .tit-headline1 {margin-top:0;text-align:center;}
.prd-loan .bg-gradient .tit-headline1 .tit {font:var(--w-typography-h2-700);}
.prd-loan .bg-gradient ~ section .tit-headline1 .tit + .desc {font:var(--w-typography-b2-400);}
.prd-loan .bg-gradient .tit-headline1 {margin:-16px -20px 0;padding:48px 20px 32px;background:linear-gradient(to bottom, var(--w-color-surface-default-01-enabled) 38%, var(--w-color-surface-primary-subdued-enabled) 100%);}
.prd-loan .tit-headline1 > .tit {font:var(--w-typography-h4-700);}
.prd-loan section > .info-prefer-txt {color:var(--w-color-text-default-04);}
.prd-loan [class^=list-dot-] [class*=list-hypen-] {margin-top:11px;}
.tit-headline1 i {display:block;width:200px;height:200px;margin:32px auto 0;background-size:200px;background-repeat:no-repeat;background-position:center;}
.tit-headline1 img {margin-top:32px;}
.tit-headline1 i.dummy-car1 {background-image:url(./../img/dummy/prd_loan_car.svg);}
.tit-headline1 i.dummy-car2 {width:320px;height:200px;background-size:100%;background-image:url(./../img/dummy/woncar-loan.svg)}
.tit-headline1 i.dummy-car3 {width:320px;height:200px;background-size:100%;background-image: url(./../img/dummy/dummy-auto-loan.svg);}
.tit-headline1 i.dummy-car4 {width:320px;height:200px;background-size:100%;background-image:url(./../img/dummy/woncar-loan2.svg)}
.tit-headline1 i.dummy-money1 {background-image:url(./../img/dummy/prd_loan_money.svg);background-size:325px;}
.tit-headline1 i.dummy-money2 {background-image:url(./../img/dummy/hand-both.png)}
.tit-headline1 i.dummy-money3 {background-image:url(./../img/dummy/cash-return.png)}
.tit-headline1 i.dummy-loan1 {width:320px;background-size:100%;background-image:url(./../img/dummy/woncar-auto-loan.svg)}
.tit-headline1 i.dummy-chart1 {background-image:url(./../img/dummy/chart-up.png)}
.tit-headline1 i.dummy-cashcase1 {background-image:url(./../img/dummy/prd_loan_cash_case.svg)}
.tit-headline1 i.dummy-apart1 {background-image:url(./../img/dummy/prd_loan_apart.svg)}
.tit-headline1 i.dummy-apart2 {background-image:url(./../img/dummy/estate.svg)}
.tit-headline1 i.dummy-lsrt {background-image:url(./../img/dummy/guide_lsrt.svg?20241106)}
.prd-loan .tit-headline1:after {content:none;}
.prd-loan .tit-sub3 {margin-top:40px;text-align:center;}
.prd-loan .info-con7 {margin:0 -20px;padding:0 20px 40px;background:var(--w-color-surface-Planner-04-enabled);}
.prd-loan .info-con7 > ul {padding:20px;background:var(--w-color-background-elavated-02);box-shadow:var(--w-shadow-02);border-radius:var(--radius16);}
.prd-loan .info-con7 li {padding:16px 0;text-align:center;}
.prd-loan .info-con7 li:first-of-type {padding-top:0;}
.prd-loan .info-con7 li:last-of-type {padding-bottom:0;}
.prd-loan .info-con7 li + li {border-top:0.5px solid var(--w-color-border-default-05);}
.prd-loan .info-con7 li > div:not(.left):not(.right) {font:var(--w-typography-b2-500);color:var(--w-color-text-default-03);}
.prd-loan .info-con7 li > div:not(.left):not(.right) + div {font:var(--w-typography-h6-600);color:var(--w-color-text-default-01);}
.prd-loan .info-con7 li.target > div:first-of-type + div {max-width:320px;margin:0 auto;}
.prd-loan .info-con7 li.target > div:first-of-type + div .desc {font:var(--w-typography-b2-500);color:var(--w-color-text-default-03);}
.prd-loan .info-con7 li .left {display:inline-block;width:50%;}
.prd-loan .info-con7 li .right {display:inline-block;width:50%;border-left:0.5px solid var(--w-color-border-default-05);}
.prd-loan .info-con7 li.wrap {display:-webkit-flex;display:flex;}
.prd-loan .info-con7 li.wrap div:first-of-type {font:var(--w-typography-b2-500);color:var(--w-color-text-default-03);}
.prd-loan .info-con7 li.wrap div:first-of-type + div {font:var(--w-typography-h6-600);color:var(--w-color-text-default-01);}
.prd-loan .bg-gray {margin:40px -20px 0;padding:40px 20px;background:var(--w-color-background-lowered-01);}
.prd-loan .bg-gray .tit-headline1 .tit {font:var(--w-typography-h4-700);}
.prd-loan .bg-gray .tit-headline1 .desc {font:var(--w-typography-b2-400);}
.prd-loan .bg-gray .tit-headline1 .desc + .desc {margin-top:4px;}
.prd-loan .bg-gray .tit-sub3 {margin-top:0;}
.prd-loan.t1 .bg-gray {margin:0 -20px 0;padding:40px 20px;background:var(--w-color-background-lowered-01);}
.prd-loan .step-wrap {padding:40px 0;}
.prd-loan .step-wrap .tit-sub3 {margin-top:0;}
.prd-loan .step-wrap .tit-sub3 + .step-guide1.num {margin-top:4px;}
.prd-loan .step-wrap.bg-gray .step-guide1.num {padding:0 20px}
.prd-loan .info-icon-list1 {margin-top:24px;}
.prd-loan .util-share-btn ul {display:-webkit-flex;display:flex;justify-content:space-between;}
.prd-loan .util-share-btn li {position:relative;width:100%;}
.prd-loan .util-share-btn li + li {margin-left:8px;}
.prd-loan .util-share-btn li button {display:-webkit-flex;display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;padding:12px 0;background:var(--w-color-surface-default-02-enabled);border-radius:var(--radius12);text-align:center;}
.prd-loan .util-share-btn li button:before {content:'';display:block;position:relative;width:32px;height:32px;background-position:center;background-repeat:no-repeat;background-size:32px;}
.prd-loan .util-share-btn li.kakao button:before {background-image:url(./../img/icon/modeComp/color/share-kakaotalk.svg);}
.prd-loan .util-share-btn li.sms button:before {background-image:url(./../img/icon/modeComp/color/share-sms.svg);}
.prd-loan .util-share-btn li.app button:before {background-image:url(./../img/icon/modeComp/color/share-app.svg);}
.prd-loan .util-share-btn li button span {display:block;margin-top:8px;padding:2px 0;font:var(--w-typography-d1-500);color:var(--w-color-text-default-01);}
.prd-loan .bg-gray .tit-headline1 + .info-con3 {margin-top:24px;background-color:var(--w-color-background-default);}
.prd-loan .bg-gray .tit-headline1 + .info-con3 li > div {font:var(--w-typography-b2-500);}
.prd-loan .bg-gray .tit-headline1 + .info-con3 li > div:first-of-type {color:var(--w-color-text-default-03);}
.prd-loan .bg-gray .tit-headline1 + .info-con3 li > div:first-of-type + div {color:var(--w-color-text-default-01);}

.geunri-area .table2.scroll th,
.geunri-area .table2.scroll td {padding:12px;min-width:84px;}
.geunri-area .table2.scroll th {word-break:keep-all;}
.geunri-area .table2.scroll th > i {white-space:nowrap;}
.geunri-area + section .dot-tlt-list > .info-dot-txt,
.geunri-area .dot-tlt-list > .info-dot-txt {margin:12px 0;color:var(--w-color-text-default-01);font:var(--w-typography-b1-600);}

/* info-icon-list */
.info-icon-list1 ul {display:-webkit-flex;display:flex;flex-direction:column;}
.info-icon-list1 > ul > li {display:-webkit-flex;display:flex;align-items:center;justify-content:space-between;position:relative;margin:16px 0;padding-left:56px;}
.info-icon-list1 li .thumb {display:-webkit-flex;display:flex;align-items:center;justify-content:center;position:absolute;left:0;top:2px;width:40px;height:40px;border-radius:50%;background-color:var(--w-color-surface-default-03-enabled);background-repeat:no-repeat;background-position:center;}
.info-icon-list1 li .thumb.account {background-image:url(./../img/icon/modeIncomp/color/account_check.svg)}
.info-icon-list1 li .thumb.receipt {background-image:url(./../img/icon/modeIncomp/color/receipt.svg)}
.info-icon-list1 li .thumb.tax {background-image:url(./../img/icon/modeIncomp/color/tax.svg)}
.info-icon-list1 li .thumb.car {background-image:url(./../img/icon/modeIncomp/color/car-front.svg);background-size:24px;}
.info-icon-list1 li .thumb.coin {background-image:url(./../img/icon/modeIncomp/color/won-circle-fill-yellow.svg);}
.info-icon-list1 li .thumb.mobile {background-image:url(./../img/icon/modeIncomp/color/mobile-withdrawal-bg-circle-gray.svg);}
.info-icon-list1 li .thumb.date {background-image:url(./../img/icon/modeIncomp/color/date-bg-circle-gray.svg);}
.info-icon-list1 li .thumb.doc {background-image:url(./../img/icon/modeIncomp/color/document.svg);}
.info-icon-list1 li .thumb.bank {background-image:url(./../img/icon/modeIncomp/color/bank.svg);}
.info-icon-list1 li .thumb.tax-credit {background-image:url(./../img/icon/modeIncomp/color/tax-credit.svg);}
.info-icon-list1 li .thumb.money {background-image:url(./../img/icon/modeIncomp/color/money.svg);}
.info-icon-list1 li .thumb.used-car {background-image:url(./../img/icon/modeIncomp/color/used-car.svg);}
.info-icon-list1 li .thumb.pocket {background-image:url(./../img/icon/modeIncomp/color/pocket.svg);}
.info-icon-list1 li .thumb.checked {background-image:url(./../img/icon/modeComp/color/check-on.svg);}
.info-icon-list1 li .thumb.pick-bg {background-image:url(./../img/icon/modeIncomp/color/pick-bg-circle.svg);}
.info-icon-list1 li .thumb.user-gr {background-image:url(./../img/icon/modeIncomp/color/user-gr.svg);}
.info-icon-list1 li .txt {display:-webkit-flex;display:flex;align-items:baseline;flex-direction:column;justify-content:center;min-height:2.75rem;word-break:break-all;}
.info-icon-list1 li .txt > strong {display:block;font:var(--w-typography-h6-600);color:var(--w-color-text-default-01);}
.info-icon-list1 li .txt > span {display:block;margin-top:2px;font:var(--w-typography-b2-500);color:var(--w-color-text-default-04);}
.info-icon-list1 li .txt > span.desc {color:var(--w-color-text-default-02);font:var(--w-typography-b1-600);}
.info-icon-list1 li .txt .info-prefer-txt {color:var(--w-color-text-default-04);}

.info-icon-list1 li .txt .annot {display:inline-block;position:relative;padding-left:6px;height:0.875rem;font-size:1rem;font-weight:400;vertical-align:text-bottom;}
.info-icon-list1 li .txt .annot > i {display:inline-block;position:absolute;top:-5px;left:1px;width:max-content;font-size:inherit;transform:scale(0.5) translateX(-50%);}
.info-icon-list1 li .txt .annot-desc {padding-top:10px;color:var(--w-color-text-default-04);font:var(--w-typography-d2-400);}
.info-icon-list1 li .txt .annot-desc .annot {height:0.75rem;margin-right:3px;padding-left:13px;}
.info-icon-list1 li .txt .annot-desc .annot > i {left:0;}
/* 큰글씨 */
.is-big .info-icon-list1 li .txt .annot > i {top:-7px;}
.is-big .info-icon-list1 li .txt .annot-desc .annot {padding-left:17px;}

.info-icon-list1 li.flexwrap {flex-wrap:wrap;margin-bottom:0;}
.info-icon-list1 li.flexwrap .table1 {margin-left:-56px;margin-top:16px;}
.info-icon-list1 li.flexwrap .table2 {margin-left:-56px;margin-top:16px;}
.info-icon-list1 li .list-hypen-md {margin-top:11px;}
.info-icon-list1 li .list-hypen-md li {color:var(--w-color-text-default-04);}

/* 테슬라전용관 */
.wrap-tesla.bg {position:relative;background:var(--w-color-surface-default-00-enabled);}
.wrap-tesla.bg:before {content:'';display:block;position:absolute;left:-20px;top:0;right:-20px;height:720px;z-index:-1;background:linear-gradient(to bottom, var(--w-color-surface-default-00-enabled), var(--w-color-surface-primary-subdued-enabled), var(--w-color-surface-primary-subdued-enabled), var(--w-color-surface-default-00-enabled));}
.wrap-tesla.bg .tit-headline1 {text-align:center;}
.wrap-tesla.bg .tit-headline1 .tit {display:-webkit-flex;display:flex;align-items:center;justify-content:center;}
.wrap-tesla.bg .tit-headline1 .tit span.tesla {width:123px;height:22px;margin-right:12px;padding-left:123px;background-color:var(--w-color-text-default-01);-webkit-mask:url(./../img/logo/etc/tesla_wordmark.svg) center no-repeat;mask:url(./../img/logo/etc/tesla_wordmark.svg) center no-repeat;overflow:hidden;}
.wrap-tesla.bg .tit-headline1 .desc {font:var(--w-typography-b2-dense-600);color:var(--w-color-text-default-04);}
.wrap-tesla .visual {width:100%;/*max-width:420px;*/height:189px;margin:0 auto 32px;background:url(./../img/temp/temp_tesla_visual.svg) center no-repeat;background-size:cover;border-radius:var(--radius16);}
.wrap-tesla .tesla-prd-list > div {padding:20px;background:var(--w-color-surface-default-01-enabled);border:var(--w-borderWidth-01) solid var(--w-color-border-default-04);border-radius:var(--radius16);}
.wrap-tesla .tesla-prd-list > div + div {margin-top:12px;}
.wrap-tesla .tesla-prd-list .top {display:-webkit-flex;display:flex;justify-content:space-between;align-items:center;}
.wrap-tesla .tesla-prd-list .top .info .name {margin-bottom:8px;font:var(--w-typography-h6-600);color:var(--w-color-text-default-01);}
.wrap-tesla .tesla-prd-list .top .info .detail li {display:-webkit-flex;display:flex;flex-wrap:wrap;}
.wrap-tesla .tesla-prd-list .top .info .detail li + li {margin-top:2px;}
.wrap-tesla .tesla-prd-list .top .info .detail li > div:first-of-type {margin-right:4px;font:var(--w-typography-b2-500);color:var(--w-color-text-default-03);}
.wrap-tesla .tesla-prd-list .top .info .detail li > div:first-of-type + div {font:var(--w-typography-b2-600);color:var(--w-color-text-default-01);}
.wrap-tesla .tesla-prd-list .top .thumb {flex:none;width:110px;height:82px;margin-bottom:auto;background-size:100% auto;background-position:50% 50%;background-repeat:no-repeat;background-image:url(./../img/temp/temp_prd.png);background-color:var(--w-color-surface-selectionBg-enabled);border-radius:var(--radius8);}

.wrap-tesla .tesla-prd-list .btm {display:-webkit-flex;display:flex;flex-direction:column;margin-top:12px;padding-top:12px;border-top:0.5px solid var(--w-color-border-default-05);}
.wrap-tesla .tesla-prd-list .btm dl {display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;padding:6px 0;}
.wrap-tesla .tesla-prd-list .btm dl dt {margin-right:16px;font:var(--w-typography-b2-500);color:var(--w-color-text-default-03);}
.wrap-tesla .tesla-prd-list .btm dl dd {font:var(--w-typography-b2-500);color:var(--w-color-text-default-01);}
.wrap-tesla .tesla-prd-list .btm dl dd a {display:-webkit-flex;display:flex;align-items:center;}
.wrap-tesla .tesla-prd-list .btm dl dd a:after {content:'';display:block;width:20px;height:20px;margin-top:-1px;background-color:var(--w-color-icon-default-01);-webkit-mask:url(./../img/icon/modeComp/base/chevron-right-md.svg) center no-repeat;mask:url(./../img/icon/modeComp/base/chevron-right-md.svg) center no-repeat;-webkit-mask-size:20px;mask-size:20px;}
.wrap-tesla .tesla-prd-list .btm dl dd strong{margin-left:4px;font:var(--w-typography-h6-700);color:var(--w-color-text-default-01);}
@media all and (min-width:479px){
	.wrap-tesla .tesla-prd-list .top .thumb {width:128px;height:92px;}
	.wrap-tesla .tesla-prd-list .btm {flex-direction:row;}
	.wrap-tesla .tesla-prd-list .btm dl {flex-direction:column;width:50%;padding:0;}
	.wrap-tesla .tesla-prd-list .btm dl dd {margin-top:2px;}
}
.wrap-tesla table thead tr:first-of-type th {border-top:1px solid var(--w-color-border-default-04);}
.wrap-tesla table tbody td {padding:12px 8px;}

/* ************* 0925 개정 디자인 작성 ************* */
.wrap-tesla .tab-cont {margin-left:-20px;width:calc(100% + 40px);}
.wrap-tesla .tab-cont [role="tabpanel"] {padding:0 20px;overflow:hidden;}
/* .wrap-tesla ~ .area-action:after {display:none;} */
/* 테슬라 - 상단 메인 배너 */
.swiper.tesla {position:relative;width:calc(100% + 40px);height:auto;margin-top:-16px;margin-left:-20px;overflow:hidden;flex:none;}
.swiper.tesla .swiper-wrapper {display:flex;align-items:center;width:100%;height:100%;}
.swiper.tesla .swiper-wrapper .swiper-slide {position:relative;}
.swiper.tesla .swiper-wrapper .swiper-slide .thumb,
.swiper.tesla-carousel .swiper-wrapper .swiper-slide .thumb {display:block;width:100%;height:100%;}
.swiper.tesla .swiper-wrapper .swiper-slide .thumb a,
.swiper.tesla-carousel .swiper-wrapper .swiper-slide .thumb a {width:100%;height:100%;}
.swiper.tesla .swiper-wrapper .swiper-slide .thumb a img,
.swiper.tesla-carousel .swiper-wrapper .swiper-slide .thumb a img {display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;}
/* 테슬라 - 하단 배너 */
.swiper.tesla-carousel {position:relative;width:100%;height:100%;border-radius:var(--radius16);}
/* 테슬라  - 배너 페이지네이션 */
.swiper.tesla .swiper-pagination.swiper-pagination-fraction,
.swiper.tesla-carousel .swiper-pagination.swiper-pagination-fraction{position:absolute;left:inherit;right:12px;bottom:12px;display:inline-block;width:44px;height:20px;padding:3px 6px;color:var(--w-color-text-onAccent-02);line-height:15px;font-size:11px;border-radius:var(--radius24);background:var(--w-color-surface-toastBg-enabled);}
.swiper.tesla .swiper-pagination.swiper-pagination-fraction .swiper-pagination-current,
.swiper.tesla-carousel .swiper-pagination.swiper-pagination-fraction .swiper-pagination-current {color:var(--w-color-text-onAccent-01);}
/* 테슬라 - 그라데이션 배경 */
.wrap-tesla .prd-wrap {position:relative;}
.wrap-tesla .prd-wrap:before {content:'';position:absolute;left:0;top:0;right: 0;bottom: 0;width:calc(100% + 40px);margin-left:-20px;height:100%;max-height:1100px;background:linear-gradient(to bottom, var(--w-color-surface-default-01-enabled), var(--w-color-surface-primary-subdued-enabled), var(--w-color-surface-default-01-enabled));}
/* 테슬라 - 회색 배경 */
.wrap-tesla .bg-gray {display:flex;display:-webkit-flex;flex-direction:column;align-items:center;margin: 40px -20px 0;padding: 40px 20px;background: var(--w-color-background-lowered-01);}
/* 테슬라 - 상품 정보 */
.info-prd.tesla {position:relative;display:block;padding:20px;border:1px solid var(--w-color-border-default-04);border-radius:var(--radius16);background:var(--w-color-background-default);}
.info-prd.tesla label {display:block;width:100%;height:100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;}
.info-prd.tesla label input[type="radio"] {position: absolute;left:0;top: 0;right: 0;bottom: 0;width:100%;height:100%;z-index:1;}
.info-prd.tesla input[type="radio"]:checked:after,
.info-prd.tesla input[type="radio"][checked]:after {content: '';display:block;position:absolute;left:-1px;right:1px;top:-2px;bottom:0;width:calc(100% - 1px);height:calc(100% - 1px);border:2px solid var(--w-color-border-primary-enabled);border-radius:16px;}
.info-prd.tesla + .info-prd.tesla {margin-top:12px;}
/* 테슬라 - 품절 상품 */
.info-prd.tesla input[type="radio"]:disabled:after,
.info-prd.tesla input[type="radio"][disabled]:after {content:'Sold out';display:flex;flex-direction:column;align-items:center;justify-content: center;width: 100%;height:100%;width:calc(100% + 2px);height:calc(100% + 2px);position:absolute;left:-1px;top:-1px;right:0;bottom:0;background:var(--w-color-surface-scrim-01);text-align: center;color:#fff;font-size:22px;font-weight:bold;z-index:2;border-radius:var(--radius16);}
/* 테슬라 - 상품제목 */
.info-prd.tesla .tit-wrap {display:flex;align-items:center;justify-content:space-between;gap:0 13px;}
.info-prd.tesla .tit-wrap dl {padding-top:10px;margin-bottom:auto;}
.info-prd.tesla .tit-wrap dl dt{margin-bottom:2px;font:var(--w-typography-h4-700);color:var(--w-color-text-default-01);}
.info-prd.tesla .tit-wrap dl dd {font:var(--w-typography-b2-500);color:var(--w-color-text-default-03);}
.info-prd.tesla .tit-wrap > .thumb{flex:none;width:110px;height:78px;background-color:var(--w-color-surface-selectionBg-enabled);border-radius:var(--radius8);background-position:center;background-size:contain;background-repeat:no-repeat;}
/* .info-prd.tesla .info-con {margin-top:12px;padding:16px;border-radius:8px;background:var(--w-color-surface-default-02-enabled);}
.info-prd.tesla .info-con dl {display:flex;flex-wrap:wrap;gap:0 16px;align-items:center;justify-content:space-between;width:100%;padding:6px 0;}
.info-prd.tesla .info-con dl dt {font:var(--w-typography-b1-500);color:var(--w-color-text-default-03);}
.info-prd.tesla .info-con dl dd {margin-left:auto;font:var(--w-typography-b1-700);color:var(--w-color-text-default-01);}*/
.info-prd.tesla .info-con {margin-top:12px;border-bottom:var(--w-borderWidth-01) solid var(--w-color-border-default-05)}
.info-prd.tesla .info-con dl {display:-webkit-flex;display:flex;flex-wrap:wrap;justify-content:space-between;padding:6px 0;}
.info-prd.tesla .info-con dl dt {padding:6px 0;font:var(--w-typography-b1-500);color:var(--w-color-text-default-03);}
.info-prd.tesla .info-con dl dd {display:-webkit-flex;display:flex;flex-direction:column;align-items:flex-end;margin-left:auto;padding:6px 0;font:var(--w-typography-b1-700);color:var(--w-color-text-default-01);}
.info-prd.tesla .info-con .canceled {font:var(--w-typography-b1-700) !important;color:var(--w-color-text-default-04) !important;text-decoration:line-through;}
.info-prd.tesla .info-con .discount {margin-top:6px;font: var(--w-typography-b2-500);color: var(--w-color-text-default-03);}
.info-prd.tesla .info-con .promoted {flex-direction:row;margin-left:0;display:-webkit-flex;display:flex;justify-content:flex-end;width:100%;}
.info-prd.tesla .info-con .promoted div:first-of-type:not(:only-of-type) {margin-right:6px;color:var(--textAccent-red);}
.info-prd.tesla .info-con + ul {margin-top:6px;}
.info-prd.tesla .info-con + ul li {display:flex;align-items:center;justify-content:space-between;padding:6px 0;}
.info-prd.tesla .info-con + ul li > div:first-of-type:not(:last-of-type){font:var(--w-typography-b2-500);color:var(--w-color-text-default-03);}
.info-prd.tesla .info-con + ul li > div:last-of-type:not(:first-of-type){font:var(--w-typography-b1-500);color:var(--w-color-text-default-01);}
.info-prd.tesla .info-con + ul li div.on-sale {position:relative;padding-right:20px;}
.info-prd.tesla .info-con + ul li div.on-sale:before {content:'';position:absolute;right:0;display:inline-block;width:20px;height:20px;mask:url(./../img/icon/modeComp/base/down.svg);-webkit-mask:url(./../img/icon/modeComp/base/down.svg);background-color:var(--w-color-icon-primary-enabled);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:contain;-webkit-mask-size:contain;mask-position:50% 50%;-webkit-mask-position:50% 50%;}
.prd-wrap + .list-dot-md {margin-top:16px;}
.prd-wrap + .list-dot-md li {color:var(--w-color-text-default-03);}
.wrap-tesla .list-dot-lg li > .info-star-txt {margin:0;padding-left:13px;font:var(--w-typography-b1-400);color:var(--w-color-text-default-02);}
.wrap-tesla .list-dot-lg li > .list-text-md li {margin-top:8px;padding-left:0;color:var(--w-color-text-default-03);}
/* 단일배너 */
.banner.tesla {position:relative;display:block;width:100%;height:100%;margin-bottom:12px;}
.banner.tesla a {width:100%;height:100%;}
.banner.tesla a > img {width:100%;height:100%;}
.banner.tesla a + .close {position:absolute;right:8px;top:8px;width:24px;height:24px;background:url(./../img/icon/modeComp/base/remove-circle.svg);}
.banner.tesla a + .close > .alter {clip:rect(0 0 0 0); clip-path:inset(50%); width:1px; height:1px; overflow:hidden; position:absolute; white-space:nowrap;}
/* 플로팅 툴팁 배너 */
.floating-tooltip{position:fixed;z-index:300;width:calc(100% - 40px);height:72px;margin:0 auto;bottom:calc(var(--btn-space) + 18px);visibility:hidden;transition:all 0.5s;pointer-events:none;background-repeat:no-repeat;background-position:center;background-size:contain;}
/* .floating-tooltip > .tip-cont {display:flex;align-items:center;position:relative;padding:12px 16px;border-radius:8px;}
.floating-tooltip > .tip-cont:before {content:'';display:inline-block;height:16px;width:12px;position:absolute;left:15px;bottom:-6px;clip-path:polygon(50% 0, 100% 50%, 50% 100%, 0 50%);border-radius:100%;}
.floating-tooltip > .tip-cont.cs-box {background:#E5F4FF;}
.floating-tooltip > .tip-cont.cs-box:before {background:#E5F4FF;}
.floating-tooltip > .tip-cont i {display:inline-block;width:40px;height:40px;}
.floating-tooltip > .tip-cont.cs-box i {flex:none;background:url(./../img/bg/webee_helpcenter.svg);}
.floating-tooltip > .tip-cont .banner-txt {margin-left:8px;color:rgba(2, 12, 21, 0.72);}
.floating-tooltip > .tip-cont .tit {font:600 14px/140% "Pretendard";color:rgba(33, 37, 40, 1);}
.floating-tooltip > .tip-cont .desc {margin-top:4px;font:400 13px/140% "Pretendard";color:var(--w-text-default-02);} */
/* 테슬라 진행절차 */
.wrap-tesla .step-wrap{padding:40px 0;}
.wrap-tesla .step-wrap .tit-sub3.center{text-align:center;}
/* .wrap-tesla .step-wrap .step-guide1.num li .thumb{width:40px;height:40px;} */
.wrap-tesla .step-wrap .step-guide1.num li:nth-of-type(1) .thumb{background-image:url(./../img/icon/modeComp/color/num1-bg-circle-gray.svg);}
.wrap-tesla .step-wrap .step-guide1.num li:nth-of-type(2) .thumb{background-image:url(./../img/icon/modeComp/color/num2-bg-circle-gray.svg);}
.wrap-tesla .step-wrap .step-guide1.num li:nth-of-type(3) .thumb{background-image:url(./../img/icon/modeComp/color/num3-bg-circle-gray.svg);}
.wrap-tesla .step-wrap .step-guide1.num li:nth-of-type(4) .thumb{background-image:url(./../img/icon/modeComp/color/num4-bg-circle-gray.svg);}
.wrap-tesla .step-wrap .step-guide1.num li:nth-of-type(5) .thumb{background-image:url(./../img/icon/modeComp/color/num5-bg-circle-gray.svg);}
.wrap-tesla .step-wrap .step-guide1.num li:nth-of-type(6) .thumb{background-image:url(./../img/icon/modeComp/color/num6-bg-circle-gray.svg);}
.wrap-tesla .step-wrap .step-guide1.num li:nth-of-type(7) .thumb{background-image:url(./../img/icon/modeComp/color/num7-bg-circle-gray.svg);}
.wrap-tesla .step-wrap .step-guide1.num li:nth-of-type(8) .thumb{background-image:url(./../img/icon/modeComp/color/num8-bg-circle-gray.svg);}
.wrap-tesla .step-wrap .step-guide1.num li:nth-of-type(9) .thumb{background-image:url(./../img/icon/modeComp/color/num9-bg-circle-gray.svg);}
/* 약관 */
.wrap-terms .area-terms span > p + p {margin-top:14px;}
.wrap-tesla .tab-wrap .list-text-info1 dd {font-weight:900;}
/* ************* //0925 개정 디자인 작성 ************* */

/* 신차 구매 · 리스 가격 안내 */
.wrap-tesla .tesla-prd-slide {width:calc(100% + 40px);margin-left:-20px;}
.tesla-prd-slide .swiper-slide {width:260px;border:var(--w-borderWidth-01) solid var(--w-color-border-default-04);border-radius:var(--radius16);overflow:hidden;}
.tesla-prd-slide .thumb {display:-webkit-flex;display:flex;align-items:center;justify-content:center;height:150px;}
.tesla-prd-slide .thumb i {display:block;width:160px;height:110px;background:url(./../img/temp/temp_prd.png);background-repeat:no-repeat;background-size:calc(100% - 28px) auto;background-position:center;border-radius:var(--radius16);}
.tesla-prd-slide .thumb img {width:160px;height:90px;}
.tesla-prd-slide .txt {height:calc(100% - 150px);padding:16px 20px;background:var(--w-color-surface-default-02-enabled);}
.tesla-prd-slide .txt .name {margin-bottom:2px;font:var(--w-typography-h6-600);color:var(--w-color-text-default-01);}
.tesla-prd-slide .txt .cost {display:-webkit-flex;display:flex;align-items:center;margin-bottom:2px;padding:1.5px 0;font:var(--w-typography-b2-500);color:var(--w-color-text-default-01);}
.tesla-prd-slide .txt .cost em {margin-left:4px;font:var(--w-typography-h6-700);color:var(--w-color-text-primary-enabled);}
.tesla-prd-slide .txt .desc {font:var(--w-typography-b2-500);color:var(--w-color-text-default-01);}
.tesla-prd-slide .swiper {padding-bottom:24px;}
.tesla-prd-slide .swiper-slide {position:relative;}
.tesla-prd-slide .swiper-slide .link {display:block;position:absolute;left:0;right:0;top:0;bottom:2px;color:transparent;}
.tesla-prd-slide .swiper-pagination {position:absolute;bottom:0;left:50%;transform:translateX(-50%);}
.tesla-prd-slide .swiper-pagination .swiper-pagination-bullet {width:6px;height:6px;background:var(--w-color-surface-default-04-enabled);border-radius:var(--radius8);opacity:1;transition:all .3s;}
.tesla-prd-slide .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {margin-left:6px;}
.tesla-prd-slide .swiper-pagination .swiper-pagination-bullet-active {width:16px;background:var(--w-color-text-default-02);}

/* 나의 대출한도 : 바로 확인하는 대출한도  */
.prd-limit {position:relative;}
.prd-limit:before {content:'';display:block;position:absolute;top:calc((1.0625rem * 1.4 + 28px + 16px) * -1);left:-20px;width:calc(100% + 40px);height:calc(1.0625rem * 1.4 + 28px + 16px + 16px);background:var(--w-color-surface-Planner-04-enabled);}
.prd-limit .bg-gradient {margin:0 -20px 0px;padding:0 20px 32px;background:linear-gradient(to bottom, var(--w-color-surface-Planner-04-enabled), var(--modeGray-50));}
.prd-limit .bg-gradient .link-wrap li button {position:absolute;left:14px;bottom:14px;}
.prd-limit .bg-gradient ~ .link-noline {margin:24px 0 12px;}
.prd-limit .bg-gradient > .tit-headline1 {padding: 0px 0 37px;z-index:1;}
.prd-limit .bg-gradient > .tit-headline1:after {height:0;}

.prd-limit .bg-gradient .link-wrap,
.prd-limit .info-loan + .link-wrap {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-top:-13px;}
.prd-limit .bg-gradient .link-wrap li,
.prd-limit .info-loan + .link-wrap li {flex:none;display:block;position:relative;width:100%;width:calc((100%  / 2) - 4px);background-color:var(--w-color-background-elavated-02);background-repeat:no-repeat;background-size:56px;background-position:calc(100% - 4px) calc(100% - 8px);border-radius:var(--space16);box-shadow:var(--w-shadow-01);}
.prd-limit .info-loan + .link-wrap {margin-top:20px;}
.prd-limit .bg-gradient .link-wrap li:nth-of-type(2n - 2) {
	margin-left:8px;
}
.prd-limit .bg-gradient .link-wrap li:nth-of-type(n + 3){
	margin-top:8px;
}
.prd-limit .bg-gradient .link-wrap li:nth-of-type(1) {
	background-image:url(./../img/dummy/icon_car_1.svg);
}
.prd-limit .bg-gradient .link-wrap li:nth-child(2) {
	background-image:url(./../img/dummy/icon_glass_2.svg);
}
.prd-limit .bg-gradient .link-wrap li:nth-child(3),
.prd-limit .info-loan + .link-wrap li:nth-child(1) {
	background-image:url(./../img/dummy/icon_lease.svg);
}
.prd-limit .bg-gradient .link-wrap li:nth-child(4),
.prd-limit .info-loan + .link-wrap li:nth-child(2) {
	background-image:url(./../img/dummy/icon_rent.svg);
}
/* .prd-limit .bg-gradient .link-wrap li:nth-child(5),
.prd-limit .info-loan + .link-wrap li:nth-child(1) {
	background-image:url(./../img/dummy/icon_loan.png);background-size: 40px;background-position: calc(100% - 12px) calc(100% - 14px);
} */
.prd-limit .bg-gradient .link-wrap li:nth-child(5),
.prd-limit .info-loan + .link-wrap li:nth-child(1) {
	background-image:url(./../img/dummy/icon_carLoan.png);
}
.prd-limit .bg-gradient .link-wrap a,
.prd-limit .info-loan + .link-wrap a {display:flex;flex-direction:column;padding:8px 10px 86px 14px;max-height:152px;}
.prd-limit .bg-gradient .link-wrap a span,
.prd-limit .info-loan + .link-wrap a span {display:block;}
.prd-limit .bg-gradient .link-wrap a .tit,
.prd-limit .info-loan + .link-wrap a .tit  {padding-top:8px;font:var(--w-typography-b1-dense-700);color:var(--w-color-text-default-00);}
.prd-limit .bg-gradient .link-wrap a .txt,
.prd-limit .info-loan + .link-wrap a .txt {margin-top:4px;font:var(--w-typography-d2-dense-400);color:var(--w-color-text-default-03);}
.prd-limit .tit-sub2 {padding:20px 0;font-weight:700;}
.prd-limit .info-loan .link-wrap a + button span,
.prd-limit .bg-gradient .link-wrap li > button span {padding-right:15px;}
.prd-limit .info-loan .link-wrap a + button span:after,
.prd-limit .bg-gradient .link-wrap li > button span:after {content:'';display:block;position:absolute;right:7px;top:5px;width:5px;height:5px;border-radius:100%;background:var(--w-color-icon-critical-enabled);}

.prd-limit .info-loan {position:relative;display:flex;justify-content:flex-start;align-items:flex-start;padding:20px;background-color:var(--w-color-surface-default-02-enabled);border-radius:var(--space16);}
.prd-limit .info-loan i {position:absolute;left:20px;}
.prd-limit .info-loan i img {width:40px;height:44px;}
.prd-limit .info-loan .link-wrap {display:-webkit-flex;display:flex;flex-direction:column;position:relative;width:calc(100% - 40px - 44px);margin-left:56px;}
.prd-limit .info-loan .link-wrap a {position:relative;display:flex;flex-direction:column;}
.prd-limit .info-loan .link-wrap a .txt {font:var(--w-typography-b2-500);color:var(--w-color-text-default-04);}
.prd-limit .info-loan .link-wrap a .tit{margin-top:4px;font:var(--w-typography-h6-600);color:var(--w-color-text-default-01);}
.prd-limit .info-loan .link-wrap button {display:inline-block;margin-top:12px;width:fit-content;}
.prd-limit .info-loan + .info-loan {margin-top:10px;}

/* 큰글씨 */
.is-big .prd-limit .bg-gradient .link-wrap a .txt,
.is-big .prd-limit .info-loan + .link-wrap a .txt {margin-top:6px;}

/* 전기차 보조금 */
.uev-chart-box {padding:20px;background:linear-gradient(to bottom, var(--w-color-background-default), var(--w-color-surface-Planner-04-enabled));border-radius:var(--radius16);}
.uev-chart-box .txt .tit {display:block;font:var(--w-typography-h6-600);color:var(--w-color-text-default-01);}
.uev-chart-box .txt .tit span + span {margin-left:4px;}
.uev-chart-box .desc {font:var(--w-typography-h6-600);color:var(--w-color-text-default-01);}
.uev-chart-box .detail {margin-top:8px;}
.uev-chart-box .detail dl:first-of-type {display:-webkit-flex;display:flex;align-items:flex-end;font:var(--w-typography-b1-400);color:var(--w-color-text-default-02);}
.uev-chart-box .detail dl:first-of-type dt {display:-webkit-flex;display:flex;align-items:flex-end;position:relative;}
.uev-chart-box .detail dl:first-of-type dt:before {content:'';display:block;width:24px;height:24px;margin-right:4px;background:url(./../img/icon/modeIncomp/color/car-front.svg);}
.uev-chart-box .detail dl:first-of-type dd {margin-left:4px;font:var(--w-typography-b1-700);color:var(--w-color-text-default-01);}
.uev-chart-box .detail dl:first-of-type + dl {display:-webkit-flex;display:flex;align-items:center;margin-top:2px;font:var(--w-typography-d1-400);color:var(--w-color-text-default-03);}
.uev-chart-box .detail dl:first-of-type + dl dd {margin-left:4px;}
@media all and (min-width:479px){
	.uev-chart-box .txt .tit {display:inline-block;margin-right:2px;}
}

/* *************************** 도넛 디자인 *************************** */
/* 배경 */
.uev-chart-box .doughnut {position:relative;margin:16px auto 0;max-width:260px;}
.uev-chart-box .doughnut .doughnut-wrap {position:relative;transform:rotate(90deg);}
.uev-chart-box .doughnut .bg {width:fit-content;margin:0 auto;}
.uev-chart-box .doughnut .bg svg {width:240px;}
.uev-chart-box .doughnut .bg circle {transform:translate(50%, 50%);}
/* 안쪽 정보텍스트 */
.uev-chart-box .doughnut .inner {
	display:-webkit-flex;display:flex;align-items:center;justify-content:center;flex-direction:column;position:absolute;top:50%;left:50%;
	/* width:calc(100vw - (20px + 40px + 44px) * 2);
	height:calc(100vw - (20px + 40px + 44px) * 2); */
	width:152px;height:152px;
	text-align:center;background:var(--w-color-surface-default-01-enabled);border-radius:50%;transform:translate(-50%, -50%);box-shadow:0px 0px 0.5px 0px var(--w-color-shadow-16), 0px 2px 8px 0px var(--w-color-shadow-12);}
.uev-chart-box .doughnut .inner .badge {display:block;padding:4px 8px;font:600 14px/140% "Pretendard";color:var(--w-color-text-default-02);background:var(--surface100);border-radius:var(--radius12);}
.uev-chart-box .doughnut .inner .doughnut-chart__number {display:block;margin-top:4px;font:700 16px/140% "Pretendard";color:var(--w-color-text-default-01);}
.uev-chart-box .doughnut .inner .doughnut-chart__number-inner {margin-right:2px;font:700 32px/140% "Pretendard";color:var(--w-color-text-default-01);}
.uev-chart-box .doughnut .inner .doughnut-chart__leftnumber {display:block;font:700 12px/140% "Pretendard";color:var(--w-color-text-default-04);}
.uev-chart-box .doughnut .inner .doughnut-chart__leftnumber span {margin-left:3px;}
/* 차트 라인 */
.uev-chart-box .doughnut .circle {position:absolute;top:0;width:100%;height:100%;}
.uev-chart-box .doughnut .circle .circle_percent {
	min-width:260px;position:absolute;top:0;left:0;
}
.uev-chart-box .doughnut .circle .circle_percent .dots {transform:translate(20px, 10px) scale(0.964)}
.uev-chart-box .doughnut .edge {z-index:2;position:absolute;left:9px;top:-1px;width:24px;height:24px;transform:translate(109px, 217.5px);}
.uev-chart-box .doughnut .edge svg{position:absolute;top:0;left:0;transform:rotate(180deg);}
@media screen and (max-width:337px){.uev-chart-box .doughnut .circle .circle_percent {left:-1px;}.uev-chart-box .doughnut .edge {left:8px;top:-1px;}}
@media screen and (max-width:336px){.uev-chart-box .doughnut .circle .circle_percent {left:-2px;}.uev-chart-box .doughnut .edge {left:7px;top:-1px;}}
@media screen and (max-width:334px){.uev-chart-box .doughnut .circle .circle_percent {left:-3px;}.uev-chart-box .doughnut .edge {left:6px;top:-1px;}}
@media screen and (max-width:332px){.uev-chart-box .doughnut .circle .circle_percent {left:-4px;}.uev-chart-box .doughnut .edge {left:5px;top:-1px;}}
@media screen and (max-width:330px){.uev-chart-box .doughnut .circle .circle_percent {left:-5px;}.uev-chart-box .doughnut .edge {left:4px;top:-1px;}}
@media screen and (max-width:328px){.uev-chart-box .doughnut .circle .circle_percent {left:-6px;}.uev-chart-box .doughnut .edge {left:3px;top:-1px;}}
@media screen and (max-width:326px){.uev-chart-box .doughnut .circle .circle_percent {left:-7px;}.uev-chart-box .doughnut .edge {left:2px;top:-1px;}}
@media screen and (max-width:324px){.uev-chart-box .doughnut .circle .circle_percent {left:-8px;}.uev-chart-box .doughnut .edge {left:1px;top:-1px;}}
@media screen and (max-width:322px){.uev-chart-box .doughnut .circle .circle_percent {left:-9px;}.uev-chart-box .doughnut .edge {left:0px;top:-1px;}}
@media screen and (max-width:320px){.uev-chart-box .doughnut .circle .circle_percent {left:-10px;}.uev-chart-box .doughnut .edge {left:-1px;top:-1px;}}

/* 신용정보 조회 동의서 */
.credit-info-wrap .wrap-terms tr:first-of-type th,
.credit-info-wrap .wrap-terms tr:first-of-type td {border-top:var(--w-borderWidth-01) solid var(--w-color-border-default-04);}
.credit-info-wrap .wrap-terms tr:last-of-type th,
.credit-info-wrap .wrap-terms tr:last-of-type td {border-bottom:var(--w-borderWidth-01) solid var(--w-color-border-default-07);}
.credit-info-wrap .info-prefer-txt ~ .info-hypen-txt {margin-left:17px;}

/* 완료화면 앱 다운로드 영역 */
.app-download {display:-webkit-flex;display:flex;}
.app-download article {position:relative;width:calc((100% - 8px) / 2);padding:10px;background:var(--w-color-surface-default-03-enabled);border-radius:var(--radius16);}
.app-download article:before {content:'';display:block;position:relative;width:60px;height:60px;margin-left:auto;background-repeat:no-repeat;background-position:center;background-size:60px;}
.app-download article + article {margin-left:8px;}
.app-download article.capital:before {background-image:url(./../img/bg/bg_transfer_money.svg);}
.app-download article.woncar:before {background-image:url(./../img/bg/bg_car1.svg);}
.app-download article .tit {margin-top:5px;padding-left:4px;font:var(--w-typography-b1-dense-700);color:var(--w-color-text-default-00);}
.app-download article .desc {display:block;margin-top:4px;margin-bottom:8px;padding-left:4px;font:var(--w-typography-d2-dense-400);color:var(--w-color-text-default-03);}
.app-download article button {display:block;position:absolute;top:0;left:0;width:100%;height:100%;}
@media all and (min-width:479px){
	.app-download article .tit {margin-top:-10px;}
	.prd-limit .bg-gradient .link-wrap li {background-size:64px;}
}

/* 인증번호 인증화면 */
.date-wrap {display:flex;display:-webkit-flex;padding:8px 0;}
.date-wrap > div {font:var(--w-typography-b2-dense-500);line-height:17px;}
.date-wrap .date {color:var(--w-color-text-default-03);}
.date-wrap .timer {color:var(--w-color-text-default-04);}
.date-wrap .date + .timer {position:relative;margin-left:12px;}
.date-wrap .date + .timer:before {content:'';display:block;position:absolute;left:-6px;top:7px;width:2px;height:2px;background:var(--w-color-text-default-03);border-radius:100%;}
.verify-state {display:flex;display:-webkit-flex;flex-direction:column;justify-content:space-between;padding:8px 0;white-space:nowrap;}
.verify-state .number {display:flex;display:-webkit-flex;justify-content:space-between;font:var(--w-typography-h6-600);color:var(--w-color-text-default-01);}
.verify-state .number div {font:var(--w-typography-h6-600);line-height:1.375rem;}
.verify-state .account {display:flex;display:-webkit-flex;flex-direction:column;align-items:flex-end;}
.verify-state .account div {font:var(--w-typography-b2-500);color:var(--w-color-text-default-02);line-height:1.25rem;}

/* 2024-11-13 이후 추가 */
/* bridge화면 */
section.bridge-section .tlt {margin:16px 0 24px;font:var(--w-typography-h3-700);color:var(--w-color-text-default-01);text-align:center;}
section.bridge-section .ani-box {width:200px;height:200px;margin:0 auto 20px;background-image:url(../img/bg/webee_bridge_animation_apng.png?20241115);background-repeat:no-repeat;background-size:auto 200px;background-position:0 0;}
section.bridge-section .list-dot-lg li{color:var(--w-color-text-default-03);}
section.bridge-section .list-dot-lg li:before{background-color:var(--w-color-text-default-03);}
/* woncar전용 bridge */
section.bridge-section.woncar .ani-box {background-image:url(../img/bg/webee_bridge_animation_light.gif);}
.is-dark section.bridge-section.woncar .ani-box {background-image:url(../img/bg/webee_bridge_animation_dark.gif);}
/*다크모드*/
/* @keyframes webeeBridgeAnimation{
	0% {background-position:0 0;}
	100% {background-position:-4800px 0;}
} */