@charset "utf-8";

.scroll-none {height:100%;touch-action:none;-webkit-overflow-scrolling:none;overflow:hidden;overscroll-behavior: none;} /* 25.12.31 인증화면 키보드 노출 시 버튼위치 오류로 vh->100%로 수정 */

.uppercase {text-transform: uppercase;}
.txt-prewrap {white-space: pre-wrap;} 
.txt-preline {white-space: pre-line;} 
/** 25.11.24 접근성 보안키패드 readonly **/
input.transkey_input {height:auto}
input.transkey_input:read-only,
input.transkey_input2:read-only {border-color:var(--line-border--input);}
input.transkey_input2 {padding-left:0 !important;padding-right:0 !important;text-align: center !important;}
.transkey_input_div {z-index: 1;} /* 26.02.10 보안키패드 아래 컨텐츠 겹침이슈 추가 */

[class*=txt-ellipsis] {text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:calc(var(--lineheight-body1) * 2);overflow:hidden;}

/** as-is override / add **/
.plus-wrapper {display: flex;flex-direction: column;min-height:100vh;} /* 하단 버튼 정렬문제로 dvh -> vh로 변경 */
.plus-container {flex-direction: column;justify-content: flex-start;height:fit-content;}
.is-pc .plus-wrapper {height:fit-content;min-height:unset;}
.is-pc .plus-container {min-height:calc(100vh - 30rem);}

.form-box.dp-flex {row-gap:var(--gap-small);column-gap:var(--gap-basic);width:100%;}
.form-box.dp-flex > div {width:100%;}
.form-box.dp-flex > div[class^=w-] {flex:none;}

input.mask-circle {-webkit-text-security:disc;}
.mobile-ios input.mask-circle {font-family: 'Arial'; letter-spacing: -1px;}
.mobile-ios input.mask-circle::placeholder {font-size:var(--font-body1)}
.input-unit {position: relative;}
.input-unit:has(.btn-reset) input[type=text]:not(:read-only):focus,
.input-unit:has(.btn-reset) input[type=number]:not(:read-only):focus,
.input-unit:has(.btn-reset) input[type=password]:not(:read-only):focus,
.input-unit:has(.btn-reset) input[type=email]:not(:read-only):focus,
.input-unit:has(.btn-reset) input[type=search]:not(:read-only):focus {padding-right:4.8rem;}
.input-unit.ipt-unit-out input[type=text]:not(:read-only):focus,
.input-unit.ipt-unit-out input[type=number]:not(:read-only):focus,
.input-unit.ipt-unit-out input[type=password]:not(:read-only):focus,
.input-unit.ipt-unit-out input[type=email]:not(:read-only):focus,
.input-unit.ipt-unit-out input[type=search]:not(:read-only):focus {padding-right:7.2rem;}
/* .input-unit .btn-reset {position: absolute;right:1.6rem;top:50%;transform: translateY(-50%);display:none} */
.input-unit .btn-reset {position: absolute;right:1.6rem;top:1.4rem;display:none}
.input-unit input[readonly] + .btn-reset,
.input-unit input[disabled] + .btn-reset {display: none !important;}
.input-unit.ipt-unit-out .btn-reset {right:4.0rem;background-size:24px;}
.input-unit.type_search input[type="text"],
.input-unit.type_search input[type="search"] {padding-left: calc(1.5rem + 0.8rem + var(--icon-large));}
.input-unit.type_search span.icon:has(.icon24--search),
.input-unit.type_search button:has(.icon24--search) {position:absolute; left: 1.6rem; top: 50%; transform: translateY(-50%);}
.input-unit.type_search button:not(.btn-reset),
.input-unit.type_search span:not(.btn-reset) {position:absolute; left: 1.6rem; top: 50%; transform: translateY(-50%);}
.plus-zoom input.center {text-align:center;padding-left:0;padding-right:0;}

.form-box > .dp-flex {row-gap:var(--gap-small);column-gap:var(--gap-basic);}
.form-box > .dp-flex :where(.input-unit,.select-out,.select-btn) {width:100%;}
.form-box > .dp-flex [class*=w-] {flex:none;}
.form-box > .dp-flex div[class^=w-] button {width:100%;min-width:unset;padding-left:.8rem;padding-right:.8rem;}
.form-box [class^=dp-flex] .dash {width:1.2rem;text-align: center;margin:0;flex:none}
.form-box [class^=dp-flex] > div {width:100%;}
.jumin-dot {display: flex;align-items: center;gap:var(--gap-basic);position: relative;}
.form-box .jumin-dot input {text-align: center;padding-left:0;padding-right:0;}
.form-box .jumin-dot span.dot {width:.6rem;height:.6rem;border-radius: 50%;background-color: var(--font-color-gray);
    box-shadow: 14px 0 0 0 var(--font-color-gray), 28px 0 0 0 var(--font-color-gray), 42px 0 0 0 var(--font-color-gray), 56px 0 0 0 var(--font-color-gray), 70px 0 0 0 var(--font-color-gray);}
.form-box .jumin-dot input {width:4.2rem;flex:none}
.form-box .jumin-dot:before {content:"";position: absolute;left:1.8rem;top:50%;width: .6rem;height: .6rem;border-radius: 50%;background-color: var(--font-color-gray);transform: translateY(-50%);z-index: 1;}
.form-box .jumin-dot:has(input:focus)::before,
.form-box .jumin-dot:has(input:valid)::before {display: none;}
.form-box + .list-basic {margin-top:var(--gap-small);}
input.input-shape:read-only {background-color: #fff;border-color:var(--line-border--input);color:var(--font-color)}
button, label {cursor: pointer;}
.tip-dropdown-box .list-basic + .list-tit-small {margin-top:var(--gap-halfx3);}

.tit-normal16 {font-size:var(--font-heading6-s);line-height:var(--lineheight-heading6-s);margin-bottom:var(--gap-small);font-weight:500;}
.tit-normal18 {font-size:var(--font-heading6);line-height:var(--lineheight-heading6);margin-bottom:var(--gap-small);font-weight:500;}
.tit-heading14 {font-size:var(--font-body2);line-height:var(--lineheight-body2);margin-bottom:var(--gap-half);}
.tit-heading16 {font-size:var(--font-heading6-s);line-height:var(--lineheight-heading6-s);margin-bottom:var(--gap-medium);font-weight:700;}
.tit-heading18 {font-size:var(--font-heading6);line-height:var(--lineheight-heading6);margin-bottom:var(--gap-medium);font-weight:700;}
.tit-heading20 {font-size:var(--font-heading5);line-height:var(--lineheight-heading5);margin-bottom:var(--gap-medium);font-weight:700;}
[class^=tit-heading].hasinfo {margin-bottom:var(--gap-block)} /** 계약상세 **/
.tit-heading24 {font-size:var(--font-heading3);line-height:var(--lineheight-heading3);margin-bottom:var(--gap-medium);font-weight:700;}

.tit-heading--small {font-size:var(--font-heading6-s);line-height:var(--lineheight-heading6-s);margin-bottom:var(--gap-medium);font-weight:700;}
.tit-heading--medium {font-size:var(--font-heading6);line-height:var(--lineheight-heading6);margin-bottom:var(--gap-medium);font-weight:700;}
.tit-heading--default {font-size:var(--font-heading5);line-height:var(--lineheight-heading5);margin-bottom:var(--gap-medium);font-weight:700;}
.tit-heading--large {font-size:var(--font-heading3);line-height:var(--lineheight-heading3);margin-bottom:var(--gap-medium);font-weight:700;}

.tit-group {margin-bottom:var(--gap-medium);}
.tit-group [class*="tit-heading"] {display:inline;margin-bottom:0;}
.tit-group [class*="tit-heading16"] ~ .tooltip-out {margin-top:-4px;}
.tit-group [class*="tit-heading20"] ~ .tooltip-out {margin-top:-6px;}
strong[class*="tit-heading"] {display: block;}

.tit-heading--area {margin-bottom:var(--gap-medium);}
.tit-heading--area [class*="tit-heading"] {margin-bottom:var(--gap-small);}
.tit-heading--area [class*="tit-heading"] > * {vertical-align:middle;}
.tit-heading--area [class*="tit-heading"] [class*=icon][class*=--tooltip] {margin-top:0;}
.tit-heading--area[class*=dp-flex] [class*="tit-heading"] {margin-bottom:0;}
.tit-heading--area:has([class*="tit-heading"][class*="hasinfo"]) {margin-bottom:var(--gap-block);}
[class^=tit-heading] .smalltxt {font-size:var(--font-body2);line-height:var(--lineheight-body2);color:var(--font-color-gray);font-weight:400;}

.tab-group .tabs {padding:0 1.6rem;}
.tab-group .tabs.full li {width:100%;}
.tab-group .tab-cont.full {padding:0;}
.tab-group .tabs-out .tabs {width: fit-content;}
.tab-group.add-scroll .tabs-top {width:min(var(--contents-max),100%);margin-left:auto;margin-right:auto;}
.plus-contents.dp-flex > .plus-contents--inner.full:has(.tab-group),
.plus-contents.dp-flex > .plus-contents--inner.full .tab-group {height:100%;}
.plus-contents.dp-flex > .plus-contents--inner.full .tab-group .tab-cont.active {height:calc(100% - 5.6rem);display: flex;flex-direction: column;}
.plus-contents.dp-flex > .plus-contents--inner.full .tab-group .tab-cont .located-bottom {margin-top:auto;}
.tab-cont .floating-group {position: fixed;left:0;bottom:0;width:100%;}
.tab-cont .floating-group .btn-group--inner {margin:0 auto;padding:var(--gap-medium) var(--contents-padding) var(--gap-large);}
.tab-cont .btn-group--inner {padding-left:0;padding-right:0;}

/* 탭 temp2 */
.tab-group .tabs-type .small-btn-group {grid-template-columns: unset; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr);}
.tab-group .tabs-type .small-btn-group:not(.dp-flex) button {font-size: var(--font-body2); line-height: var(--lineheight-body2); padding-left: 0.3rem; padding-right: 0.3rem;}
.tab-group .tabs-type .small-btn-group button.active {color: var(--focus-color); border-color: var(--focus-color); background-color: var(--focus-bgcolor);}
.tab-group .tabs-type .tabs-out .small-btn-group {gap: var(--gap-halfx3);}
.tab-group .tabs-type .tabs-out .small-btn-group {grid-auto-columns: max-content; padding: 0 var(--gap-lr); width: fit-content;}
.tab-group .tabs-type .tabs-out .small-btn-group button {padding: .7rem 1.2rem;}
.tab-group .tabs-type .tabs-out .small-btn-group button.active {padding: .6rem 1.1rem;}
.tab-group .tab-cont.full > div:first-child {padding-top: var(--gap-contents-top);}
.is-pc .tab-group .tabs-type .tabs-out .small-btn-group {padding: 0;}

.box-gray .list-basic > li + li {margin-top: calc(var(--gap-small) / 2);}

/* tooltip **/
.tooltip-out {display:inline-block; position:relative; width:var(--icon-default); height:var(--icon-default); margin-top:-2px; vertical-align:middle; cursor:pointer; background:url(/resources/img/common/icon_tooltip.svg) no-repeat center; background-size:var(--icon-default); /*overflow:hidden;*/}
.tooltip-out:focus-visible {outline: solid 3px var(--focus-linecolor);border-radius:4px;outline-offset: 1px;}
.tooltip-out::after {display:none; content:" "; position:absolute; border-style:solid; border-width:7px; top:calc(-40% - 1px); left:50%; margin-left:-7px; border-color:#333D47 transparent transparent transparent;}
.tooltip-out.label-mt {margin-top:2px;}
.tooltip-out .in-tooltip-txt {display:none;position:absolute;bottom:28px;left:50%;overflow:hidden;width:calc(100vw - 6rem);max-width:25.6rem;min-height:36px;padding:12px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);border-radius:4px;background-color:#333D47;color:#FFF;font-size:var(--font-body2);line-height:var(--lineheight-body2); font-weight:400;text-align:left;z-index:-1;opacity:0;}
.tooltip-out .in-tooltip-txt.normal {width:auto;}
.tooltip-out .in-tooltip-txt.multiline {white-space: unset;width:30rem;}
.is-mobile .tooltip-out .in-tooltip-txt.multiline {white-space: unset;width:25.6rem;}
.tooltip-out .in-tooltip-txt .innertext {white-space: nowrap;}
.tooltip-out .in-tooltip-txt.normal .innertext {white-space: nowrap;width:auto;}
.tooltip-out .in-tooltip-txt.multiline .innertext {white-space: unset;overflow-wrap:anywhere;}
.tooltip-out .in-tooltip-txt .dp-flex .tit {white-space: nowrap;}
.tooltip-out.bottom .in-tooltip-txt {top:calc(100% + 8px);bottom:unset;}
.tooltip-out.bottom::after {top: calc(100% - 4px);border-color: transparent transparent  #333D47 transparent ;}
.tooltip-out .in-tooltip-txt strong.tit {display: block;margin-bottom:var(--gap-small)}
.tooltip-out:hover .in-tooltip-txt, 
.tooltip-out:focus .in-tooltip-txt {z-index:15;}
.is-mobile .tooltip-out em.blind {width:2.4rem;height:2.4rem;white-space: nowrap; overflow: hidden;}

.tooltip-fade {position: relative;}
.tooltip-fade button.blue {display: block;font-size:var(--font-body2);line-height: var(--lineheight-body2);font-weight:400;text-align: left;padding-top:1.1rem;padding-bottom:1.1rem}
.tooltip-fade button.blue .icon20--arrow {position: absolute;right:2.0rem;top:50%;transform:translateY(-50%)}
.tooltip-fade .in-tooltip-txt {position: absolute; top: 0; right:0;max-width:calc(100vw - 6rem);white-space:nowrap; padding: 8px 12px;border-radius: 4px; background-color: #333D47; color: #FFF; font-size: var(--font-body2);line-height:var(--lineheight-body2); font-weight: 400; text-align: left;transform:translateY(-100%);margin-top:-3px;} 
.tooltip-fade .in-tooltip-txt:after { display: block; content: " "; position: absolute; border-style: solid; border-width: 6px; bottom:0; right:2.0rem; border-color: #333D47 transparent transparent transparent; transform:translateY(100%)} 
.tooltip-fade .in-tooltip-txt.animated,
.tooltip-fade .roundbox-tip.animated {animation:fadeout .5s;animation-delay:5s;animation-fill-mode: forwards;}

.is-mobile .plus-title .tooltip-out:hover .in-tooltip-txt, 
.is-mobile .plus-title .tooltip-out:focus .in-tooltip-txt {z-index:1000;}

.plus-zoom .tooltip-out .in-tooltip-txt {width:calc(100vw - 6rem);transition:opacity .5s;}
.plus-zoom .tooltip-out .in-tooltip-txt .innertext {white-space:normal;}
.plus-zoom .tooltip-out:not(.bottom)::after {top:-18%;}
.plus-zoom .tooltip-out.animated .in-tooltip-txt {opacity:1;z-index:9;animation:fadeout .5s;animation-delay:5s;animation-fill-mode: forwards;}
/* .plus-zoom .tooltip-out:after {opacity:0;} */
.plus-zoom .tooltip-out.animated:after {display:block;animation:fadeout .5s;animation-delay:5s;animation-fill-mode: forwards;top:-20%}

.select-out .select {border:0;border-radius: 0;overflow: visible;}
.select-out .select button {border:solid 1px var(--line-border--input);border-radius: var(--border-radius);}
.select-out .select button:focus-visible {outline:solid 3px var(--focus-linecolor);outline-offset: 3px;}
.btn-primary:focus-visible,.btn-secondary:focus-visible {outline: solid 3px var(--focus-linecolor);outline-offset: 3px;}

@media (min-width: 1025px){
    .tab-group .tab-cont {padding-top:var(--gap-section);}
    .tab-group .tab-cont:has(.accordion-item) {padding-top:6.4rem;}
    .tab-group .tab-cont:has(.filter-wrap) {padding-top:2.4rem;}
    .tab-cont .floating-group {padding-top:3.2rem;}    
    .floating-group + .plus-contents--inner {padding-top:6.4rem;}
}

@media (max-width: 1024px){
    .tab-group .tab-cont.full > div:first-child {padding-top:var(--gap-contents-top)}
    .floating-group .btn-group--inner.name-ipt-focus {padding: 0;}
    body.scroll-fixed .btn-group--inner:not(.name-ipt-focus).is-relative {display: none;}
    .btn-group--inner.name-ipt-focus .btn-primary {border: none; border-radius:0 !important;} /* 바닥, 팝업 공통적용 */
    .wrap-popup.phase2 .pop-cont .cont-section.on-keypad [class*=--inner] {padding-left:0;padding-right:0;}
}

/** phase2 add **/

.position-relative {position: relative;}
.position-absolute {position: absolute;}

[class*=--inner] {padding:0 var(--contents-padding);margin:0 auto;width:min(var(--contents-max),100%);}

[class*=bgcolor-] {
    --white:#FFF;
    --gray: #F5F5F6;
    --yellow: #FEFAEC /*#FEF7DF*/;
    --red: #FDF1F7    /*#FFF5FA*/;
    --blue: #F1F6FD   /*#EFF6FC*/;
    --green: #F2F9F6;
    --pink: #FFEDF1;
    --purple: #DEDDF7;
}
.bgcolor-white {background-color: var(--white) !important;}
.bgcolor-gray {background-color: var(--gray) !important;}
.bgcolor-yellow {background-color: var(--yellow) !important;}
.bgcolor-red {background-color: var(--red) !important;}
.bgcolor-blue {background-color: var(--blue) !important;}
.bgcolor-green {background-color: var(--green) !important;}
.bgcolor-pink {background-color: var(--pink) !important;}
.bgcolor-purple {background-color: var(--purple) !important;}

.bgcolor--white {background-color: var(--white) !important;}
.bgcolor--gray {background-color: var(--gray) !important;}
.bgcolor--yellow {background-color: var(--yellow) !important;}
.bgcolor--red {background-color: var(--red) !important;}
.bgcolor--blue {background-color: var(--blue) !important;}
.bgcolor--green {background-color: var(--green) !important;}
.bgcolor--pink {background-color: var(--pink) !important;}
.bgcolor--purple {background-color: var(--purple) !important;}

.plus-container .plus-contents--wrapper {padding:var(--header-height) 0px 0;}
.is-mobile .plus-container .plus-contents--wrapper {overflow-x:clip;}
.is-mobile .plus-container .plus-contents:has(.floating-group) {padding-bottom:8.5rem;}
.plus-title {padding-top:var(--gap-title-top);padding-bottom:var(--gap-title-bottom);}
/* .plus-title.pd-large {padding-top: calc(7.2rem + var(--gap-add)); padding-bottom: var(--gap-xxlarge);}인증현황안내 temp2 */
.plus-title .tit-content {font-size:var(--font-heading3);line-height:var(--lineheight-heading3);word-break: keep-all;overflow-wrap:break-word}
.plus-title .tit-content.txt-align-center {padding-bottom:1.6rem;}
.plus-title .tit-content ~ p {margin-top:var(--gap-medium);color:var(--font-color-gray);}
.plus-title .tit-content + div {margin-top:var(--gap-block);}
.plus-title .tit-content ~ ul {margin-top:var(--gap-large);}
.plus-title .tit-content ~ .box-type--bg.blue {margin-top:var(--gap-medium);} /* 25.07.24 디자인 가이드 기준 */
.plus-title p + div {margin-top:var(--gap-section);}
.plus-title:not(:has(.healthcare-service)) .tit-heading20 {margin-bottom:0;}
.plus-title[class*=bgcolor-] {padding-bottom:var(--gap-large)}
.plus-title .plus-title--inner .box-type--border.box-type--bg.blue {margin-top:var(--gap-large);}
.is-pc .plus-title.bgcolor-white {padding-bottom:3.6rem !important;}

.badge-group + .tit-content {margin-top:var(--gap-small);}
.plus-contents.dp-flex {flex-direction: column;}
.plus-contents--inner {padding-bottom:var(--gap-contents-bottom);}
/* .is-pc .plus-container .plus-contents--inner:last-of-type {padding-bottom:0;} */
.is-pc .plus-contents[class*=bgcolor-] .floating-group,
.is-pc .plus-wrapper[class*=bgcolor-] .floating-group {background-color: transparent;}
.plus-title[class*=bgcolor-] + .plus-contents > .plus-contents--inner:not(.full),
.plus-contents[class*=bgcolor-] > .plus-contents--inner:not(.full) {padding-top:var(--gap-contents-top)}
.plus-title[class*=bgcolor-] + .plus-contents > .plus-contents--inner + .plus-contents--inner,
.plus-contents[class*=bgcolor-] > .plus-contents--inner + .plus-contents--inner {padding-top:0;}
/* .plus-contents > div.plus-contents--inner:nth-last-of-type(1) {padding-bottom:var(--gap-large);} */
.is-mobile .plus-contents > .floating-group {margin-top:calc(var(--gap-basic) * -1)}
.plus-contents > .plus-title {padding-bottom:var(--gap-xlarge)}
/* .plus-contents:has(.plus-title) .plus-contents--inner + .plus-contents--inner {padding-top:var(--gap-basic)}  */
.plus-contents:has(.plus-title) .section-gap + .section-gap {margin-top:var(--gap-xlarge)}

.plus-contents--inner + .plus-contents--inner {padding-top:0;}
.plus-contents--inner + .plus-contents--inner[id*=Detail] {padding-top:var(--gap-medium);}
.plus-contents--inner .complete-result-summary {padding-top:calc(var(--gap-basic) * 2)}
.plus-contents--inner:has(.tip-dropdown-box) + .plus-contents--inner:has(.btn-group--inner) {margin-top:calc(var(--gap-small) * -1);}
.plus-contents--inner + .border-top {margin:0 auto;width:min(100%,var(--contents-max));}
.plus-contents--inner  > .tip-dropdown-box {margin-top:calc(var(--gap-basic) * 2);}
.border-top + .plus-contents--inner  > .tip-dropdown-box {margin-top:0;}
.border-top + .plus-contents--inner,
.border-top + .plus-contents--inner.full {padding-top:var(--gap-contents-top)}
.border-top.line_1 {height:1px;background-color: var(--line-border);width:min(100%, var(--contents-max));margin-left:auto;margin-right:auto;}
.border-top.line_0 {background-color: inherit;}

/* .is-mobile .plus-contents--inner  > .tip-dropdown-box {margin-bottom:calc(var(--gap-basic) * -1)} 
.is-mobile .plus-contents--inner.located-bottom  > .tip-dropdown-box {margin-bottom:0;}*/

.plus-contents--inner.full {padding:0;}
.plus-contents--inner.full > .tit-full {padding:var(--gap-section) var(--contents-padding) 0 var(--contents-padding);}
.full--inner {margin:0 calc(var(--contents-padding) * -1);box-sizing: content-box;}
.full--inner[class*=bgcolor-] {padding-top:var(--gap-section);padding-bottom:var(--gap-contents-bottom)}
.plus-contents--inner:has(.full--inner) {padding-bottom:0;}
.plus-contents--inner .full--inner[class*=bgcolor-] + .full--inner[class*=bgcolor-] {padding-top:var(--gap-medium);}
.tit-heading20 + .full--inner[class*=bgcolor-] {margin-top:var(--gap-large);}

@media (min-width: 1025px) {
    .plus-contents--inner:has(.full--inner[class*=bgcolor-]) {width:100%;}
    .plus-contents--inner .full--inner[class*=bgcolor-] {width:100%;}
    .plus-contents {padding-bottom:7.2rem;}
    .bottom-full {margin-bottom:-7.2rem;padding-bottom:7.2rem;}
}

@media (max-width: 1024px) {
     .plus-contents--inner.full + .border-top {width:100vw;}
     [class*=--inner] .plus-contents--inner.full + .border-top {margin-left:calc(var(--contents-padding) * -1);margin-right:calc(var(--contents-padding) * -1)}
     :not(.plus-zoom) .located-bottom {margin-top:auto;}
}

.contents-inner--max {margin:0 auto;width:min(var(--contents-max),100%)}
.contents-inner--max .plus-contents--inner {padding:0 0 var(--gap-section);}
.contents-inner--max ~ .full--inner[class*=bgcolor-] {margin-top:var(--gap-large) !important;}

.top-banner--inner {padding-top:var(--gap-halfx3);padding-bottom:var(--gap-large);}
.tab-group + .plus-contents--inner {padding-top:var(--gap-small);}
.plus-contents--wrapper:not(.hasfilter) .plus-contents--inner > [class^=tit-] {width:min(var(--contents-max),100%);margin-left:auto;margin-right:auto;}


/* .dp-flex .located-bottom {padding-bottom:var(--gap-large)} */
/* .plus-contents--inner.located-bottom {padding-bottom:var(--gap-large)} */
.unit-block + .unit-block {margin-top:var(--gap-block)} /** 20 **/
.section-gap + .section-gap {margin-top:var(--gap-section)} /** 32 **/
.line-divider {height:1px;background-color: var(--line-divide);margin:var(--gap-block) 0;padding:0;border:0;} /** line 상하 20 **/

.check-all {margin-bottom:var(--gap-medium);}
.box-type--shadow {padding:var(--gap-block);box-shadow:0px 2px 6px 0px rgba(0,0,0,.15);border-radius: var(--border-radius);background-color: #fff;}
.plus-zoom .box-type--shadow {padding-left:var(--gap-lr);padding-right:var(--gap-lr);}
.box-type--border {border:solid 1px var(--line-border);border-radius: var(--border-radius);padding:calc(var(--gap-lr) - 1px);box-shadow: none;}
.box-type--bg {background:var(--bg-gray);border-radius: var(--border-radius);padding:var(--gap-inner) var(--gap-lr);}
.box-type--bg:has(.note-info-data) {padding:var(--gap-inner-small) var(--gap-lr-small);}
.box-type--border.blue {border-color:var(--line-blue);}
.box-type--bg.blue {background-color:var(--bg-blue);}
.box-type--shadow > div + div {margin-top:var(--gap-medium);}
.box-type--shadow .chk-box input[type=checkbox],
.box-type--shadow .radio-box input[type=radio] {top:50%;transform:translateY(-50%);}
.box-type--shadow + .box-type--shadow {margin-top:var(--gap-medium);}
[class^=box-type--] {display: block;}
[class^=box-type--].small {padding:var(--gap-inner-small);font-size:var(--font-body2);line-height:var(--lineheight-body2)}
[class^=box-type--].small .tit-normal16 {margin-bottom:var(--gap-small);}
[class*=box-type]:first-child {margin-top:0}
[class*=box-type] [class*=box-type] {padding:var(--gap-halfx3) var(--gap-inner-small);}
.box-type--border + .box-type--border {margin-top:var(--gap-large)}
.box-type--bg + .box-type--bg {margin-top:var(--gap-medium)}
.box-type--border.border-none {border:0;}
.box-type--border .more-info {margin-top:var(--gap-block);}

.btn-shape--box {display: flex;width:100%;padding:1.4rem 2.0rem;align-items: center;font-weight:500;background-color: #fff;border-radius: var(--border-radius);box-shadow:0px 2px 6px 0px rgba(0,0,0,.08);font-weight:500;position: relative;gap:.4rem;}
.btn-shape--box:focus-visible {outline-offset: -3px;border-radius: 8px;}
.btn-shape--box:active {outline:solid 3px var(--focus-linecolor);outline-offset: -3px;background-color:#EBEDF3; /* add active class */}
.btn-shape--box > .icon {flex:none}
.btn-shape--box .txt {width:100%;flex-shrink: 1;text-align: left;}
.btn-shape--box:hover {box-shadow:0px 2px 6px 0px rgba(0,0,0,.25);}
.btn-shape--box[class*=bgcolor-] {box-shadow:none;}
.btn-shape--box[class*=bgcolor-]:hover {filter:brightness(.9);box-shadow: none;}
.btn-shape--box.bgcolor-white {padding-left:0;padding-right:0;}
.btn-shape--box.border {border:solid 1px var(--line-border);box-shadow: none;}
.btn-shape--box.border:hover {background-color:#F5F5F6;box-shadow: none;}
.btn-shape--box .smalltxt {font-size:var(--font-body2);line-height:var(--lineheight-body2);color:var(--font-color-gray);font-weight:400; margin-top: var(--gap-half);} /** temp1 **/
.btn-shape--border {display: flex;align-items: center;gap: .8rem;position: relative;width: 100%;padding:1.3rem 1.9rem;font-size: var(--font-body1);line-height: var(--lineheight-body1);font-weight: 500;border: 1px solid var(--line-border--input);border-radius: var(--border-radius);background-color: #fff;}
.btn-shape--border.type-account {background-color: #fff;}
.btn-shape--border.active {background-color: rgba(8, 32, 101, 0.06);border-color: var(--focus-color);border-width: 2px;color: var(--focus-color);padding-top: 1.2rem;padding-bottom: 1.2rem;padding-left: 1.8rem;}
.btn-shape--border.type-account.active {padding-top: 1.3rem;padding-bottom: 1.3rem;}
.btn-shape--border.type-column {flex-direction:column;align-items:flex-start;gap:.4rem;}
.btn-shape--border.type-column strong {font-weight:500;}
.btn-shape--border.type-column span {text-align:left;line-height:2rem;font-size:var(--font-body2);font-weight:400;color:var(--font-color-gray);}

.is-pc button.btn-shape--border:hover,
.is-pc a.btn-shape--border:hover {background-color: rgba(20, 24, 28, 0.08);}

.links-group.radio-type > li + li {margin-top:var(--gap-small)}

.data-info--list {font-weight:500;}
.data-info--list.line-top {border-top:solid 1px var(--line-border);padding-top:var(--gap-block)}
.data-info--list.line-bottom {border-bottom:solid 1px var(--line-border);padding-bottom:var(--gap-block)}
.data-info--list.type-hasbtn {display: flex;align-items: center;justify-content: space-between;column-gap: var(--gap-medium);}
.data-info--list.type-hasbtn > dl {flex-direction: column;gap:var(--gap-half);}
.data-info--list.type-hasbtn > dl dd {font-weight:500;font-size:var(--font-body1);line-height:var(--lineheight-body1);text-align: left;}
.data-info--list.type-hasbtn .btn-small {width:auto;min-width:unset;flex:none;}
.data-info--list.type-hasbtn > dl dt,
.data-info--list.type-hasbtn > dl dd {width:100%;}
.data-info--list.type-hasbtn > dl dd {justify-content: flex-start;}
.data-info--list .btn-group--inner {margin-top:0 !important;}
.data-info--list dl + .btn-group--inner {margin-top:var(--gap-medium) !important;}
.data-info--list > dl {display:flex;justify-content: space-between;font-size:var(--font-body2);line-height:var(--lineheight-body2);gap:var(--gap-basic);font-weight:inherit}
.data-info--list > dl dt {color:var(--font-color-gray);font-weight:400;width:40%;flex:none;flex:none;}
.data-info--list > dl dd {font-weight:inherit;display: flex;justify-content: flex-end;overflow-wrap:anywhere;text-align:right;width:100%;}
.data-info--list > dl dd button {gap:var(--gap-half);text-align:right;}
.data-info--list > dl dd .txt + .tooltip-out {margin-top:0;}
.data-info--list > dl dd.flex--wrap {flex-wrap: wrap;}
.data-info--list.none > dl dt {width:unset;}
.data-info--list.dt30 > dl dt {width:30%;}
.data-info--list.dt45 > dl dt {width:45%;}
.data-info--list.dt50 > dl dt {width:50%;}
.data-info--list.dt60 > dl dt {width:60%;}
.data-info--list.dtlong > dl dt {width:70%;}
.data-info--list dl.dt50 dt {width:50% !important}
.plus-zoom .data-info--list.dt50 > dl dt {width:48% !important}
.data-info--list dl.dtlong dt {width:70% !important}
/*  보험계약 대출 이율 dd text left 정렬 V234*/
.data-info--list.align-left > dl {justify-content: left;}
.data-info--list.align-left > dl dt {width: 34%;}
.data-info--list.align-left > dl dd {justify-content: flex-start;text-align: left;}
.data-info--list > dl.line { margin-bottom: var(--gap-medium); padding-bottom: var(--gap-medium); border-bottom:1px solid var(--line-divide) } 

.data-info--list > dl.column dt {width:100% !important}
.data-info--list dl + .desc {font-size:var(--font-body3);line-height:var(--lineheight-body3);color:var(--font-color-gray);font-weight:400;margin-top:.4rem;text-align: right;}
.data-info--list > dl + dl,
.data-info--list > .desc + dl {margin-top:var(--gap-small)}
.data-info--list > dl + dl.column,
.data-info--list > dl.column + dl.column,
.data-info--list > dl.column + dl {margin-top:var(--gap-medium)}
.data-info--list.type-simple > dl {font-size:var(--font-body1);line-height:var(--lineheight-body1);}
.data-info--list:not([style*=none]) + .data-info--list {margin-top:var(--gap-block);padding-top:var(--gap-block);border-top:solid 1px var(--line-border)}
[class*=box-type--] .data-info--list:not([style*=none]) + .data-info--list {margin-top:var(--gap-medium);padding-top:var(--gap-medium)}
.data-info--list + .data-info--list.type-hasbtn,
.data-info--list + .data-info--list.noline  {margin-top:var(--gap-medium);border:0;padding-top:0 !important;}
.profile .data-info--list + .data-info--list  {margin-top:var(--gap-large);}
.data-info--list .box-gray + dl,
.data-info--list dl + .box-gray,
.data-info--list [class*=box-type] + dl,
.data-info--list dl + [class*=box-type] {margin-top:var(--gap-large);}
.data-info--list > dl.column {flex-direction: column;gap:var(--gap-small);}
.data-info--list > dl.column + dl {margin-top:var(--gap-medium)}
.data-info--list > dl.column dd {text-align: left;font-weight:400;justify-content: flex-start;}
.data-info--list > dl.column :where(dt, dd) {width:100%;}
.data-info--list > dl.column:has(dd.font-size-normal) {gap:var(--gap-half)}
.data-info--list.total-info {margin-bottom:var(--gap-large);}
.data-info--list.total-info dl {align-items: center;}
.data-info--list.total-info dt {color:var(--font-color);font-weight:700;font-size:var(--font-body1);line-height:var(--lineheight-body1)}
.data-info--list.total-info dd {font-size:var(--font-heading6);line-height:var(--lineheight-heading6);font-weight:500;}
.data-info--list.total-info dd .money {font-weight:700;font-size:var(--font-heading5);line-height:var(--lineheight-heading5);}
.plus-zoom .data-info--list > dl dd .txt + .tooltip-out {margin-top:1px;}
.data-info--list + [class*=box-type] {margin-top:var(--gap-medium)}

.data-info--list > dl dd.column {flex-direction:column;align-items:flex-end;}
.data-info--list * ~ .tit-sm {margin-top:var(--gap-small);}
.data-info--list > dl.type-has-inputbox {flex-direction:column;margin-top:var(--gap-medium);padding-top:var(--gap-medium);border-top:solid 1px var(--line-divide);}
.data-info--list > dl.type-has-inputbox dd {flex-direction:column;text-align:left;font-weight:400;color:var(--font-color-gray);}
.data-info--list > dl.type-has-inputbox .ipt-unit-out input[type=text]:disabled {text-align:left;}
.data-info--list > dl.border-top-line {margin-top:var(--gap-medium);padding-top:var(--gap-medium);border-top:solid 1px var(--line-divide);}

/* 계약변경>펀드 전, 후 타이틀이 있는 경우 */
.data-info--list .tit-sm { font-size: var(--font-body2); line-height: var(--lineheight-body2); color: var(--font-color-gray); margin-bottom:var(--gap-small);}
.data-info--list a [class*=icon][class*=--arrow].arr-offset {top:0;transform: translateY(4px);}

.data-info--list.disabled > *:not(.box-type--bg) {color: var(--color-disabled);}
.data-info--list.disabled .font-color-blue{color: var(--color-disabled) !important;}

.links-group > li + li {margin-top:var(--gap-halfx3);}
.links-group.center > li button {justify-content: center;text-align: center;}

.small-btn-group {display: grid;gap:var(--gap-basic);grid-template-columns: repeat(4,1fr);} 
.is-mobile.plus-zoom .small-btn-group button:nth-child(5) {grid-column: 1 / 3;}
.is-pc .small-btn-group {display: grid;gap:var(--gap-basic);grid-template-columns: repeat(5,1fr);} 
.small-btn-group button {padding: .7rem .4rem;text-align: center;font-size: var(--font-body2);line-height: var(--lineheight-body2);font-weight: 500;border: 1px solid var(--line-border--input);border-radius: var(--border-radius);cursor: pointer;}
.small-btn-group button.active {border-width:2px;    color: var(--focus-color);border-color: var(--focus-color);background-color: var(--focus-bgcolor);}
.small-btn-group.dp-flex {flex-wrap:wrap;gap:.8rem;}
.small-btn-group.dp-flex button {width:calc(50% - .4rem);}
.small-btn-group.dp-flex button.active {padding: .6rem .3rem;}
.small-btn-group.dp-flex button:only-child {width:100%;}

@media (min-width: 1025px) {
    .small-btn-group.dp-flex {flex-wrap:nowrap;margin:0;}
    .small-btn-group.dp-flex button {width:100%;}
}

.floating-group {/*position: sticky;*/bottom:0;border:0;width:100%;background-color: #fff;z-index:20}
.btn-group--inner {display: flex;gap:calc(var(--gap-basic) * 2);padding-top:calc(var(--gap-basic) * 2);padding-bottom:calc(var(--gap-basic) * 3);justify-content: center;}
.btn-group--inner [class*=btn-] {width:100%;min-width:unset}
.btn-group--inner [class*=btn-][class*=w-] {flex:none;}
.btn-group--inner .btn-small.btn-tertiary {font-size:var(--font-body2);line-height:var(--lineheight-body2);padding:.8rem .5rem;}
.btn-group--inner .btn-tertiary {padding:1.4rem .2rem;}
.btn-group--inner.column {flex-direction: column;justify-content: center;align-items: center;}
.btn-group--inner.column .btn-primary {order:1;}
.btn-group--inner.column .btn-secondary {order:2;}
.floating-group > [class*=--inner]:first-child {padding-top:var(--gap-medium)}
[class*=--inner]:not(.full) .btn-group--inner {padding:0;margin-top:var(--gap-large)}
[class*=--inner] .btn-group--inner:has(.btn-tertiary) {margin-top:var(--gap-large)}
[class*=box-type--] .btn-group--inner:has(.btn-small) {padding:0;margin-top:var(--gap-medium)}
.btn-group--inner .btn-tertiary > .dp-block + [class*=icon] {margin-top:.8rem;}
[class$=inner] .btn-group--inner {gap:var(--gap-basic)}
.btn-tertiary .txt {text-decoration: inherit;}

@media (min-width: 1025px) {
    .floating-group .btn-group--inner .btn {width:32rem}
    .plus-container .btn-group--inner .btn:not(.btn-small) {max-width:32rem;}
    .btn-group--inner {justify-content: center;}
    .floating-group .btn-group--inner:not(.vertical) {width:min(32rem,100%)}
    .floating-group {position: initial;}
    .floating-group > [class*=--inner]:first-child {margin-top:0;padding-top:3.2rem;padding-bottom:0;}    
    .btn-group--inner.column .btn {max-width:32rem}
}

@media (max-width: 1024px) {
    .floating-group {position: fixed;bottom:0;left:0;right:0;border-top:solid 1px var(--line-border);transform:translate3d(0,0,0);}
    .floating-group.fixed {/*border-top:0*/border-top-color:rgba(255,255,255,0);}
    .floating-group.is-relative:not(:has(.name-ipt-focus)) {display: none !important;} /* add important for naver whale*/
    .btn-group--inner.vertical {flex-direction: column;}
    .plus-contents--inner .btn-group--inner.vertical {gap:var(--gap-medium)}
    .btn-group--inner.fixed {position: fixed;left:0;bottom:0;}
}

.plus-contents--heading {display:flex;justify-content:space-between;}


/** badge **/
.badge-group {display: flex;align-items: center;gap:4px;flex-wrap:wrap}
[class*=badge-insurance] {display: inline-flex;font-size:var(--font-body3);line-height:var(--lineheight-body3);padding:.2rem .8rem;color:var(--font-color-darkgray);border-radius:1.5rem;justify-content: center;align-items: center;font-weight:500;}
.badge-insurance--gray {background:#EDEAE7;}
.badge-insurance--pink {background: var(--bg-pink);color:#BF342B;}
.badge-insurance--brick {background: #FFE4E7;color:#BF342B;}
.badge-insurance--purple {background: #DEDDF7;color:#4745CF;}
.badge-insurance--white {background: #fff;color:var(--line-border--input);}
.badge-insurance--black {background: #333d47;color:#fff;}
.badge-insurance--blue {background-color: #E7F0FB; color: #0A57A8;}
.badge-insurance--yellow {background:#FEF7DF;color:#866D15;}
.badge-insurance--lightGreen {background:#F1F6E8;color:#5A8216;}
.badge-insurance--pink.vitality {color: var(--font-color-darkgray); padding-left: 2.4rem; background: var(--bg-pink) url(/resources/img/common/icon_vitality.svg) no-repeat .8rem center; background-size: 1.7rem 1.6rem;}
.cont-step-info > li:before {display:none !important;}

[class*=badge-txt] {display: inline-flex;font-size:var(--font-body3);line-height:var(--lineheight-body3);padding:.5rem .8rem;border-radius:var(--border-radius);justify-content:center;align-items: center;font-weight:500;}
.badge-txt--ing {background: #FFF4F7;color:var(--font-color-red);}
.badge-txt--end {background: #f5f5f6;color:var(--font-color-gray);}
.badge-txt--winner {background: #E00842;color:#fff;}

[class*=circle12-] {width:calc(12px + var(--gap-add));height:calc(12px + var(--gap-add));border-radius:50%;}
.circle12-purple {background-color: #8782C4;}
.circle12-red {background-color: #E00842;}
.circle12-org {background-color: #FF5F00;}
.circle12-blue {background-color: #3D8ADB;}
.circle12-navy {background-color: #3634C8;}
.circle12-pink {background-color: #E26276;}
.circle12-deep-purple{background-color: #B44484;}

.chk-box.disp-iflex {align-items: center;}
.chk-box label + [class*=icon] {margin-left:8px;}
.form-group :not([class^=tit]) .icon20--tooltip {background-size:var(--icon-small) var(--icon-small) !important}
.form-group .form-tit label + .icon20--tooltip,
.chk-box label + .icon20--tooltip {margin-left:.4rem;}
.chk-box label + a {display: flex;align-items: center;margin-left:calc(var(--input-element) + 8px);margin-top:var(--gap-halfx3)}
.chk-switch input {position: absolute;background-color: transparent;}
.chk-switch label {position: relative;min-width:4.8rem;display: inline-block;}
.chk-switch input:focus-visible + label {outline:solid 3px var(--focus-linecolor);border-radius: 12px;outline-offset: 3px;}
.chk-switch.only label {max-width:4.8rem;display: inline-block;overflow: hidden;white-space: nowrap;}
.chk-switch.left label {padding-left:5.6rem;}
.chk-switch.right label {padding-right:5.6rem;}
.chk-switch label:before {content:"";width:4.8rem;height:2.4rem;border-radius:15px;background-color: var(--line-border--input);position: absolute;left:0;top:50%;transform:translateY(-50%);}
.chk-switch label:after {content:"";width:2.0rem;height:2.0rem;border-radius: 50%;background-color:#fff;position: absolute;left:2px;top:50%;transform:translateY(-50%);transition:.1s ease-out}
.chk-switch.right label:before {left:auto;right:0;}
.chk-switch.right label:after {left:auto;right:calc(4.8rem - 2.2rem);}
.chk-switch input:checked + label:before {background-color:var(--focus-color)}
.chk-switch input:checked + label:after {left:calc(4.8rem - 2.2rem);background:url(/resources/img/common/icon_chk_blank.svg) no-repeat center center /cover;}
.chk-switch.right input:checked + label:after {left:auto;right:.2rem;}

/* display **/
.dp-none {display: none;}
.dp-none[data-hidden] {display: none !important;}
.dp-block {display: block !important;}
.vhidden {visibility: hidden;}
[class*=dp-flex] {display: flex !important;}
[class*=dp-flex][class*=--between] {justify-content: space-between !important;}
[class*=dp-flex][class*=--center] {justify-content: center !important;}
[class*=dp-flex][class*=--end] {justify-content: flex-end !important;}
[class*=dp-flex][class*=--alignc] {align-items: center !important;}
[class*=dp-flex][class*=--aligns] {align-items:flex-start !important;}
.flex-gap {display:flex;gap:var(--gap);align-items:center;}
.flex-gap-half {display:flex;gap:var(--gap-half);align-items:center;}

/* width **/
.w-auto {width:auto !important;}
.w-20p {width:20% !important;}
.w-25p {width:25% !important;}
.w-30p {width:30% !important;}
.w-35p {width:35% !important;}
.w-40p {width:40% !important;}
.w-50p {width:50% !important;}
.w-100p {width:100% !important;}

/* letter-spacing **/
.lt-2em {letter-spacing:-0.02em;}

/* btn-group--inner **/
.btn-group--inner .tooltip-fade {position: absolute;right:2rem;top:1.6rem;}
.btn-group--inner .tooltip-fade .roundbox-tip  {position: absolute;right:0;top:-3.2rem;}
.btn-group--inner .btn-primary  {order:2;}
.btn-group--inner .btn-secondary  {order:1;}
.btn-group--inner.vertical .btn-tertiary {order:1;}
.is-mobile .btn-group--inner.vertical .btn-primary  {order:1;}
.is-mobile .btn-group--inner.vertical .btn-secondary {order:2;}
.is-pc .btn-group--inner.vertical .btn-tertiary {width:100% !important;}

@keyframes fadeout {
    from {
        opacity:1;
    }
    to {
        opacity:0;
    }
}

/** main type header 이동 **/
.main-header-mo { position: fixed; display: none; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; top: 0px; left: 0px; width: 100%; padding: .8rem 20px; background-color: #F5F5F6; z-index:999;align-items: center; } 
.main-header-mo .tit-h1 { width: 7.9rem; height: 3.2rem; background: url(/resources/img/common/ci.svg) no-repeat left center; background-size: auto 32px;position: relative;}
.main-header-mo .tit-h1 .blind {width:100%;height:100%;}
.main-header-mo .tit-h1 a { display: block; width: 100%; height: 100%;  } 

.plus-wrapper .top-app-download + .main-header-mo {position: static;}
.plus-header-app .main-link {position: absolute; top: 0.7rem; left: 2rem;}
.plus-zoom .plus-header-app .main-link {top: 0.9rem; width: 8.4rem;}

/*간편비밀번호 건너뛰기버튼 temp1 */
.plus-header-app .btn-skip { position: absolute; top: 12px; right: 20px; z-index: 998; } 
.util-area--pc {display: none;}

@media (min-width: 1025px){
    .util-area--pc {display: block;position: fixed;top: 10rem;right: 50%;width: auto;margin-right: -576px;z-index: 999;padding-right:2.4rem;}
    .plus-wrapper:has(.top-app-download.type-pc.is-show) .util-area--pc {top:17.2rem}
    .plus-container.main-type .plus-contents--wrapper {padding-top:0;}    
}

@media (max-width: 1024px){
    .main-header-mo { display: -webkit-box; display: -ms-flexbox; display: flex; }
    .plus-header-app .util-area {right:4.8rem}
    .plus-zoom .plus-header-app .util-area {right:5.8rem}
    /** 25.12.11 mobile 통일 **/
    .plus-header-wrap .util-area { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: right; -ms-flex-pack: right; justify-content: right; width: auto; gap:1.6rem;align-items: center;}     
    .plus-header-wrap .util-area li {position: relative;}
    .plus-header-wrap .util-area li button { display: block; width: auto; height: 28px; line-height: 28px; background-repeat: no-repeat; background-position: center; background-size: 24px auto; } 
    .plus-header-wrap .util-area li button.alarm { position: relative; min-width:var(--icon-xlarge); height:var(--icon-xlarge); display: flex; align-items: center;} 
    .plus-header-wrap .util-area li button.alarm::before {content: ''; display: block; width: 2.4rem; height: 2.4rem; background: url(/resources/img/common/icon_header_alarm.svg) no-repeat center; background-size: 2.4rem;}
    .plus-header-wrap .util-area li button.alarm span.txt {display: none;}
    .plus-header-wrap .util-area li button.alarm span.cnt {display: inline-block; width: auto; height: 20px; line-height: 20px; padding: 0px 5px; border-radius: 20px; color: #FFF; font-size: 1.2rem; font-weight: 500; background-color: #E00842; min-width: 2.0rem; overflow-wrap: break-word; margin-left: -1.2rem; align-self: flex-start;}
    .plus-header-wrap .util-area li button.alam.none { background-image: url(/resources/img/common/icon_mog_nb_alam_line_none.png); } 
    .plus-header-wrap .util-area li button.setting { background-image: url(/resources/img/common/icon_mo_gnb_setting.png); } 
    .plus-header-wrap .util-area li button.gnb-app { background-image: url(/resources/img/common/icon_mo_gnb_app.png); } 
    .plus-header-app .util-area {position: absolute;right:20px;top:50%;transform: translateY(-50%);}

    .fullMenu-wrapper .plus-header-wrap .util-area {gap: 2.4rem; margin-left: auto;}
    .fullMenu-wrapper .plus-header-wrap .util-area li button.alarm {background-image: url(/resources/img/common/icon_header_alarm.svg); background-position: left center; background-size:2.4rem;}
    .fullMenu-wrapper .plus-header-wrap .util-area li button.alarm::before {display: none;}
    .fullMenu-wrapper .plus-header-wrap .util-area li button.alarm span.cnt {display: block; position: absolute; top: 0; left: 1.2rem; margin-left: 0;}
    .fullMenu-wrapper .plus-header-wrap .util-area li.search + li.alarm {margin-right: -0.8rem;}
    
    
    .plus-zoom .plus-header-wrap .util-area li button.alarm::before {display: none;}
    .plus-zoom .plus-header-wrap .util-area li button.alarm,
    .plus-zoom .plus-header-wrap .util-area li button.search,
    .plus-zoom .plus-header-wrap .util-area li button.setting {background:url();display:flex;align-items: center;height:fit-content;width:fit-content;}
    .plus-zoom .plus-header-wrap .util-area li button.alarm span.txt,
    .plus-zoom .plus-header-wrap .util-area li button.search::before,
    .plus-zoom .plus-header-wrap .util-area li button.setting::before {display: block;font-weight: 500;font-size: var(--font-body2);line-height: var(--lineheight-body2);}
    .plus-zoom .plus-header-wrap .util-area li button.alarm span.cnt {position: relative;top:auto;left:auto;margin-left:.4rem;align-self:center;}
    .plus-zoom .plus-header-wrap .util-area li button.alarm span.cnt {font-size:var(--font-body4);}
    .plus-zoom .plus-header-wrap .util-area li.search + li.alarm {margin-right: 0;}
    .plus-zoom .plus-header-wrap .util-area li button.search::before {content: '검색';}
    .plus-zoom .plus-header-wrap .util-area li button.setting::before {content: '설정';}
    .plus-zoom .plus-header-wrap .util-area li.pluszoom .chk-switch.right label {display: block;}
}

/* footer */
.plus-footer {margin-top: auto; padding-left: 2rem; padding-right: 2rem; padding-bottom: 4rem; background-color: #F5F5F6; border-top: 0.8rem solid var(--line-divide);} 
.plus-footer .inner-footer {margin: 0 auto; padding: 3.6rem 0 0; display: -webkit-box; display: flex; -webkit-box-pack: start; justify-content: start; flex-wrap: wrap; max-width: 1200px; width: 100%; height: auto;}
.plus-footer .footer-tit {display: none;}
.plus-footer .inner-footer .btn-log-out {display: none;}
.plus-footer .inner-footer .info {width: 294px; height: auto; font-size: 1.4rem; line-height: 2rem;}
.plus-footer .inner-footer .info .basic-info::before {content: ''; display: block; width: 4.8rem; height: 4.8rem; background: url(/resources/img/common/footer_ci.svg) no-repeat center / cover;}
.plus-footer .inner-footer .info .basic-info img {display: none;}
.plus-footer .inner-footer .info span {margin-top: 1.2rem; display: block;}
.plus-footer .inner-footer .info .contact-number {margin-top: 0.4rem; display: block;}
.plus-footer .inner-footer .info > .address {margin-top: 3.2rem; font-size: 1.2rem; line-height: 1.8rem; color: var(--font-color-gray);}
.plus-footer .inner-footer .info > .address > p + p {margin-top: 0.8rem;}
.plus-footer .inner-footer .footer-link-wrap {display: -webkit-box; display: flex; -webkit-box-pack: start; justify-content: start; width: calc(100% - 294px); height: 294px; }
.plus-footer .inner-footer .footer-link-wrap > .inbox {width: 33.33%; padding-right: 1.6rem;}
.plus-footer .inner-footer .footer-link-wrap > .inbox > ul + ul {margin-top: 3.2rem;}
.plus-footer .inner-footer .footer-link-wrap > .inbox > ul > li + li {margin-top: 0.8rem;}
.plus-footer .inner-footer .footer-link-wrap > .inbox > ul > li.cs-tit + li {margin-top: 1.6rem;}
.plus-footer .inner-footer .footer-link-wrap > .inbox > ul > li:not(.cs-tit) a {display: block; font-size: 1.4rem; line-height: 2rem; color: var(--font-color-gray);}
.plus-footer .inner-footer .footer-link-wrap > .inbox > ul > li.cs-tit,
.plus-footer .inner-footer .footer-link-wrap > .inbox > ul > li.cs-tit a {font-size: 1.6rem; line-height: 2.4rem; font-weight: 700;}
.plus-footer .inner-footer .footer-link-mo-wrap {display: none;}
.plus-footer .inner-footer .copyright {position: relative; margin-top: 5.6rem; padding-top: 1.6rem; display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; gap: 1.6rem; -webkit-box-pack: justify; justify-content: space-between; width: 100%; border-top: 1px solid var(--line-border);}
.plus-footer .inner-footer .copyright .txt {flex: 1; padding: 0.9rem 0px; font-size: 1.2rem; line-height: 1.8rem; color: var(--font-color-gray);}
.plus-footer .inner-footer .copyright > .sns-wrap {display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex;}
.plus-footer .inner-footer .copyright > .sns-wrap a {display: block; width: 36px; height: 36px; border-radius: 50%; background-repeat: no-repeat; background-position: center; background-size: 20px; background-color: #FFF;position: relative;}
.plus-footer .inner-footer .copyright > .sns-wrap a:hover {background-color: #EBECED;}
.plus-footer .inner-footer .copyright > .sns-wrap a.facebook {background-image: url(/resources/img/common/icon_sns_facebook.svg);}
.plus-footer .inner-footer .copyright > .sns-wrap a.instagram {background-image: url(/resources/img/common/icon_sns_instagram.svg);}
.plus-footer .inner-footer .copyright > .sns-wrap a.youtube {background-image: url(/resources/img/common/icon_sns_youtube.svg);}
.plus-footer .inner-footer .copyright > .sns-wrap a + a {margin-left: 1.6rem;}
.plus-footer .inner-footer .logo-wrap {display: inline-flex; gap: 1.6rem;}
.plus-footer .inner-footer .logo-wrap .logo {height: 3.6rem;}
.plus-footer .inner-footer .logo-wrap .logo img {display: block; height: 100%;}
.plus-footer .inner-footer .copyright > .sns-wrap a .blind {width:100%;height:100%;}
.plus-footer .inner-footer .copyright .accessibility {margin-left: 1.6rem; width: 6.4rem;}
.plus-footer.type-mw .footer-tit > i {display: none;}
.plus-footer.type-mw .inner-footer,
.plus-footer.type-mw .inner-footer[hidden] {display: flex;}

@media ( max-width: 1024px ) {
    .plus-footer {padding-bottom: calc(6.4rem - env(safe-area-inset-bottom)); padding-left: 0; padding-right: 0;}
    .plus-footer .inner-footer {padding: 0 2rem 3.2rem}
    .plus-footer .footer-tit {display: block; position: relative; padding: 2.4rem 2rem; width: 100%; text-align: left; font-size: 1.6rem; line-height: 2rem; font-weight: 500;}
    .plus-footer .footer-tit .icon20--arrow_up {content: ''; position: absolute; right: 2.4rem; top: 2.6rem; width: 1.6rem; height: 1.6rem; background: url(/resources/img/common/icon_arrow_right_gray.svg) no-repeat center center / cover;}
    .plus-footer .footer-tit[aria-expanded="true"] .icon20--arrow_up {transform: rotate(270deg);}
    .plus-footer .footer-tit[aria-expanded="false"] .icon20--arrow_up {transform: rotate(90deg);}
    .plus-footer .inner-footer[hidden] {display: none;}
    /* .plus-footer .inner-footer .btn-log-out {display: none;} */
    .plus-footer .inner-footer .footer-link-mo-wrap {display: -webkit-box; display: flex; margin-top: 0.4rem; padding-bottom: 3.2rem; width: 100%; border-bottom: 1px solid var(--line-border);}
    .plus-footer .inner-footer .footer-link-mo-wrap ul {width:50%;}
    .plus-footer .inner-footer .footer-link-mo-wrap ul > li > a {display: block; font-size: 1.4rem; line-height: 2rem; font-weight: 500; word-break: auto-phrase;}
    .plus-footer .inner-footer .footer-link-mo-wrap ul > li + li {margin-top: 1.6rem;}
    .plus-footer .inner-footer .footer-link-wrap {display: none;}
    .plus-footer .inner-footer {display: block; width: 100%;}
    .plus-footer .inner-footer .info {width: 100%; height: auto;}
    .plus-footer .inner-footer .info .basic-info {position: relative; margin-top: 3.2rem; padding: 0.1rem 0 0.1rem 6rem;}
    .plus-footer .inner-footer .info .basic-info::before {position: absolute; top: 0px; left: 0px;}
    .plus-footer .inner-footer .info span {margin-top: 0; padding-top: 0.4rem; font-size: 1.2rem; line-height: 1.8rem;}
    .plus-footer .inner-footer .info > .address {margin-top: 2rem; font-size: 1.4rem; line-height: 2rem;}
    .plus-footer .inner-footer .info > .address > p + p {margin-top: 1.2rem;}
    .plus-footer .inner-footer .copyright {flex-wrap: wrap; justify-content: flex-start; align-items: center; gap: 2.4rem 2.0rem; margin-top: 3.2rem; padding-top: 0px; border-top: 0;}
    .plus-footer .inner-footer .copyright .txt {flex: none; width: 100%; padding: 0; font-size: 1.4rem; line-height: 2rem;}
    .plus-footer .inner-footer .copyright > .sns-wrap a {width: 4.4rem; height: 4.4rem; background-size: 2.8rem;}
    .plus-footer .inner-footer .copyright > .sns-wrap a + a {margin-left: 2rem;}
    .plus-footer .inner-footer .logo-wrap .logo {height: 3.2rem;}
    .plus-footer .inner-footer .copyright .accessibility {margin-left: 2rem;}
    .mobile-app .plus-footer .inner-footer .copyright .accessibility {display: none;}
    .plus-zoom .plus-footer .footer-tit {display: flex; align-items: center; justify-content: center; font-size: 1.6rem; line-height: 2.4rem;}
    .plus-zoom .plus-footer .footer-tit .icon20--arrow_up {position: static; display: inline-block; margin-left: 0.8rem; width: 2rem; height: 2rem;}
    .plus-zoom .plus-footer .inner-footer .footer-link-mo-wrap ul > li > a {font-size: 1.6rem;}
    .plus-zoom .plus-footer .inner-footer .info .basic-info {padding: 0.1rem 0 0.1rem 8.6rem;}
    .plus-zoom .plus-footer .inner-footer .info .basic-info::before {top: 50%; left: 1.5rem; transform: translateY(-50%); width: 5.4rem; height: 5.4rem;}
    .plus-zoom .plus-footer .inner-footer .info span {padding-top: 0; font-size: 1.8rem; line-height: 2.6rem;}
    .plus-zoom .plus-footer .inner-footer .info .contact-number {margin-top: 0.8rem; font-size: 2.4rem; line-height: 3.2rem;}
    .plus-zoom .plus-footer .inner-footer .info > .address {font-size: 1.6rem; line-height: 2.4rem; color: var(--font-color-darkgray)}
    .plus-zoom .plus-footer .inner-footer .copyright {margin-top: 4rem; padding-top: 0px; border-top: 0;}
    .plus-zoom .plus-footer .inner-footer .copyright .txt {font-size: 1.6rem; line-height: 2.4rem; color: var(--font-color-darkgray);}
    .plus-zoom .plus-footer .inner-footer .copyright > .sns-wrap {margin-top: 4rem;}
}

/** contents 추가 **/
.wide-wrapper .plus-container {width: min(var(--contents-max-wide), 100%);margin:0 auto;padding: 0 var(--contents-padding);}
.is-mobile .wide-wrapper .plus-container {overflow-x: hidden;}
.wide-wrapper [class*=--inner] {width:100%;padding-left:0;padding-right:0;}
.plus-contents--wrapper.hasfilter [class*=--inner] {width: min(var(--contents-max-filter), 100%);}
.form-wrap:has(.datepicker-view-wrap) .invalid-text {width:min(32rem,100%);margin-left:auto;margin-right:auto;}

/* select btn */
.select-btn button {position: relative; width: 100%; padding: 1.3rem calc(1.5rem + var(--icon-large)) 1.3rem 1.5rem; text-align: left; background-color: #fff; border: 1px solid var(--line-border--input); border-radius: var(--border-radius); color: var(--font-color); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;height:calc(5.2rem + var(--gap-add))}
.select-btn button:after {position: absolute; content: ""; top: 1.4rem; right: 1.4rem; width:var(--icon-large); height:var(--icon-large); background: url(/resources/img/common/icon_arrow_right.svg) no-repeat center center / cover; -webkit-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; transform:rotate(90deg)}
@media (min-width: 1025px) {
    .select-btn button[aria-expanded="true"]::after {transform:  rotate(270deg);}
}
.select-btn button.field-error {border-color:var(--color-warning)}
.select-btn button:disabled {padding-right:1.5rem;color:var(--color-readonly);border:1px solid var(--line-border);background-color:#EBECED;opacity:1;}
.select-btn button:disabled::after {display:none;}
.select-btn button.font-size-m {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;padding-top:1.4rem;padding-bottom:1.4rem;white-space:unset;}
.select-btn button.font-size-m::before {content:"";position:absolute;right:0;bottom:0;left:0;height:1.4rem;background-color:#fff;}
.select-btn button.font-size-m:disabled::before {background-color:#EBECED;}
.select-btn button.font-size-m:after {top:50%;transform:translateY(-50%) rotate(90deg);}

/** iOS 대응 */
@supports (-webkit-touch-callout:none){
    .is-mobile .floating-group {bottom:0;}
}
.is-mobile .plus-wrapper {padding-bottom:env(safe-area-inset-bottom, 0);}
.is-mobile:not(.mobile-app) .wrap-popup,
.is-mobile:not(.mobile-app) .plus-wrapper {min-height: 100dvh;}

/* 로그인 다음 버튼 */
.is-mobile.is-sign .plus-wrapper {min-height: 100dvh;}
.is-mobile:not(.mobile-app) .plus-wrapper .wrap-popup.is-sign-pop{min-height: 100dvh;}
/* //로그인 다음 버튼 */

/** calendar **/
.btn-calendar .blind {width:100%;height:100%;}
.calendar--inner {padding-bottom:var(--gap-section)}
.calendar--inner .calendar-head {text-align: center;margin-bottom:var(--gap-large)}
.calendar--inner .calendar-head .calendar-head--util {position: relative;}
.calendar-head .calendar-head--util .current-ym {border:solid 1px #ADB1B5;border-radius: var(--border-radius);font-weight:500;padding:.7rem 1.5rem;}
.calendar-head .calendar-head--util [class^=month-] {position: absolute;top:50%;width:4rem;height:4rem;transform: translateY(-50%);}
.calendar-head .calendar-head--util [class^=month-]:disabled .icon24--arrow {background: url(/resources/img/common/icon_arrow_right_lightgray.svg) no-repeat center center / cover;}
.calendar-head .calendar-head--util .month-prev {left:0;}
.calendar-head .calendar-head--util .month-prev i {transform: rotate(180deg);}
.calendar-head .calendar-head--util .month-next {right:0;}
.calendar-head .calendar-head--util button {-webkit-tap-highlight-color: rgba(0,0,0,0);}
.calendar-head .invalid-text {margin-top:var(--gap-halfx3);display: inline-block;}

.calendar-body .ui-datepicker-header {display: none;}
.calendar-body .ui-datepicker-calendar {width:100%;}
.calendar-body .ui-datepicker-calendar thead th {color:var(--font-color-gray);font-weight:500;text-align: center;font-size:var(--font-body2);line-height:var(--lineheight-body2);padding:1rem;}
.calendar-body .ui-datepicker-calendar tbody td {text-align: center;font-size:var(--font-body2);line-height:var(--lineheight-body2);}
.calendar-body .ui-datepicker-calendar tbody td * {color:inherit}
.calendar-body .ui-datepicker-calendar tbody td .ui-state-default {padding:1rem;display: block;border-radius: var(--border-radius);}
.calendar-body .ui-datepicker-calendar tbody td .ui-priority-secondary {color:var(--font-color-gray)}
.calendar-body .ui-datepicker-calendar tbody td .ui-state-default.ui-state-active {background-color: var(--focus-color);color:#fff;font-weight:500;border-radius:var(--border-radius)}
.calendar-body .ui-datepicker-calendar tbody td .ui-state-default.ui-state-hover:not(.ui-state-active) {background-color: var(--focus-bgcolor);}
/* .calendar-body .ui-datepicker-calendar tbody .ui-datepicker-other-month {color:var(--line-border--input)} */
.calendar-body .ui-datepicker-calendar tbody td a {-webkit-tap-highlight-color: rgba(0,0,0,0);}
.calendar-body .ui-datepicker-calendar tbody td a:focus-visible {outline-offset: -3px;border-radius: 8px;}
.calendar-body .ui-datepicker-calendar tbody td.ui-state-disabled {color:var(--line-border--input)}
.calendar-body [class^=calendar-][class$=--list] {display:flex;flex-wrap:wrap;row-gap: 1.2rem;}
.calendar-body [class^=calendar-][class$=--list] li {width:25%;padding:0 .4rem;}
.calendar-body [class^=calendar-][class$=--list] li button {width:100%;padding:1.0rem;text-align: center;font-size:var(--font-body2);line-height:var(--lineheight-body2);border-radius: var(--border-radius);-webkit-tap-highlight-color: rgba(0,0,0,0);}
.calendar-body [class^=calendar-][class$=--list] li button:focus-visible {outline-offset: -3px;border-radius: 8px;}
.calendar-body [class^=calendar-][class$=--list] li .active {color:#fff;font-weight:500;background-color: var(--focus-color);}
.calendar-body [class^=calendar-][class$=--list] li button:disabled {color:var(--line-border--input)}

.datepicker-wrap_mm,
.datepicker-wrap_yy {display: none;position: relative;background-color: #fff;}
.wrap-popup.type-calendar .bg-dim {position: fixed;}

.calendar-wrap .calendar--inner {margin-top:var(--gap-large);padding-left:0;padding-right:0}
.calendar-wrap .calendar-top {text-align: center;padding-top:var(--gap-halfx3);padding-bottom:var(--gap-halfx3)}
.calendar-wrap .calendar-top .label {color:var(--font-color-gray);font-size:var(--font-body2);line-height:var(--lineheight-body2);font-weight:500;}
.calendar-wrap .calendar-top input[readonly] {border:0;background-color: transparent;text-align: center;padding:0;margin-top:var(--gap-half);color:var(--basic);font-weight:500;}
/** 25.11.24 접근성 calendar icon color **/
.btn-calendar:disabled .icon24--calendar {background-color: var(--color-readonly);}
.btn-calendar .icon24--calendar {mask: url(/resources/img/common/icon_calendar.svg) no-repeat center center / cover;-webkit-mask: url(/resources/img/common/icon_calendar.svg) no-repeat center center / cover;background:var(--font-color)}

@media ( min-width: 1025px ) {
    .calendar-body [class^=calendar-][class$=--list] li button:not(:disabled):hover,
    .calendar-head .calendar-head--util button:hover {background-color: var(--focus-bgcolor);}
    .calendar-body [class^=calendar-][class$=--list] li button.active:hover {background-color: var(--focus-color);}
    .wrap-popup.type-calendar .bg-dim {position: fixed;background-color: rgba(255,255,255,0);}
    .type-calendar {position: absolute;left:auto;top:auto;right:unset;bottom:unset;height:fit-content;border-radius: var(--border-radius);box-shadow: 0 2px 6px 0 rgba(0,0,0,.15);min-width:35rem}
    .type-calendar .btn-pop-close {opacity:0;transform:translate(100%, -100%);cursor:default}
    .type-calendar .pop-head {position: absolute;width: 1px;height: 1px;margin: -1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);min-height: unset !important;z-index: -1;}
    .type-calendar .pop-contain {width:100%;border-radius:var(--border-radius)}
    .type-calendar .pop-cont {padding:0 !important;border-radius:var(--border-radius)}  
    .type-calendar .calendar--inner {padding:2.0rem !important}
}

/*** 하단 nav app **/
.plus-zoom .plus-nav-mo {padding:1.4rem 3.0rem;border-radius:2.6rem 2.6rem 0 0;justify-content: space-between;}
.plus-zoom .plus-nav-mo > li:first-child.is-active {margin-left:-1rem;}
.plus-zoom .plus-nav-mo > li:last-child.is-active {margin-right:-1rem;}
.plus-zoom .plus-nav-mo > li {width:unset;}
.plus-zoom .plus-nav-mo > li button {height:3.8rem;display: inline-flex;align-items: center;gap:.4rem;color:var(--font-color);font-size:var(--font-body2);line-height:var(--lineheight-body2);font-weight:700;padding:0 1.0rem;}
.plus-zoom .plus-nav-mo > li button i {display: none;width:2.4rem;height:2.4rem;margin:0;background:var(--color-primary);}
.plus-zoom .plus-nav-mo > li.is-active button {color:#fff;background-color:var(--color-primary);padding:0 2.0rem;border-radius:2rem;}
.plus-zoom .plus-nav-mo > li.is-active button i {display: block;background:var(--color-primary);}
.plus-zoom .plus-nav-mo > li.is-active button i:before {content: '';display: block;position: absolute;bottom: 0px;left: 0px;width: 100%;height: 2.4rem;overflow-y: hidden;background-repeat: no-repeat;background-position: center bottom;background-size: cover;z-index: 1;}
.plus-zoom .plus-nav-mo > li.nav-fix-01 button i:before {background-image: url(/resources/img/main/icon_bottom_nav01.svg);}
.plus-zoom .plus-nav-mo > li.nav-fix-02 button i:before {background-image: url(/resources/img/main/icon_bottom_nav02.svg);}
.plus-zoom .plus-nav-mo > li.nav-fix-03 button i:before {background-image: url(/resources/img/main/icon_bottom_nav03.svg);}
.plus-zoom .plus-nav-mo > li.nav-fix-04 button i:before {background-image: url(/resources/img/main/icon_bottom_nav04.svg);}
.plus-zoom .plus-nav-mo > li.nav-fix-01 button i:after {background-image: url(/resources/img/main/icon_bottom_nav01_after.svg);bottom:6px;}
.plus-zoom .plus-nav-mo > li.nav-fix-02 button i:after {background-image: url(/resources/img/main/icon_bottom_nav02_after.svg);}
.plus-zoom .plus-nav-mo > li.nav-fix-03 button i:after {background-image: url(/resources/img/main/icon_bottom_nav03_after.svg);width:8px;background-size: 8px auto;background-position: top center;margin-top:0;margin-left:-4px;}
.plus-zoom .plus-nav-mo > li.nav-fix-04 button i:after {background-image: url(/resources/img/main/icon_bottom_nav04_after.svg);background-size:10px;bottom:11px}


/** range slider **/
.slider {
    --thumb-diameter: 2.4rem;
    --thumb-radius: calc(var(--thumb-diameter) / 2);
    --thumb-background: #fff;
    --thumb-border: 2px solid var(--focus-color);
    --track-height: .8rem;
    --track-background:linear-gradient(to right, var(--line-border) 0%, var(--line-border) 100%);
    --tooltip-hight-arrow: 1em;    
    --value: 0;
    --pos: calc(var(--thumb-radius) + .01 * var(--value) *(100% - var(--thumb-diameter)));
    position: relative;margin: 0 auto;text-align: center;
}
.slider-tooltip {display: block;width: fit-content;margin: auto;margin-bottom: 2rem;margin-left: var(--pos);padding:0.6rem 1.2rem;border-radius: 4px;white-space: nowrap;background-color: #333D47;translate: calc( -50%);color:#fff;font-size:var(--font-body2);line-height:var(--lineheight-body2);}
.slider-tooltip::after {content: "";position: absolute;top: 100%;left: 50%;width: .8rem;height: .8rem;background-color: inherit;transform: translate(-50%,-50%) rotate(45deg);}
.slider-range {display: block;-webkit-appearance: none;width: 100%;height: var(--track-height);margin: 0;border-radius: var(--track-height);outline: none;background-image: var(--track-background);background-position: 0 center;background-repeat: no-repeat;background-size: var(--pos) var(--track-height);}
.slider-range::-webkit-slider-thumb {-webkit-appearance: none;width: var(--thumb-diameter);height: var(--thumb-diameter);border: var(--thumb-border);border-radius: 50%;background: var(--thumb-background);cursor: ew-resize;box-shadow:0 6px 12px 0 rgba(0,0,0,.15);}
input[type=range]:focus-visible {outline: 3px solid var(--focus-linecolor);outline-offset: 3px;}
.slider .slider-label-wrap {display:flex;justify-content:space-between;align-items:flex-start;margin-top:var(--gap-medium);}
.slider .slider-label-wrap .slider-label {font-size:var(--font-body2);line-height:var(--lineheight-body2);color:var(--font-color-gray);}



/** 25.12.30 plus master 채팅상담 추가부분 복사 **/
/*** 25.09.20 mtranskey input 추가 css **/
.transkey_input_label {font-size:1.6rem !important;top:8% !important}
.transkey_input {margin-top:.8rem;border:0 !important;width:90% !important}

/* 브릿지 */
.plus-container.bridge-container {height: 100%; flex: 1; padding-top: var(--header-height);}
.is-mobile .plus-container.bridge-container .plus-content {display: flex; flex-direction: column; flex: 1; height: 100%; padding-bottom: 16.0rem;/* align-items: center;*/}
.is-mobile .plus-container.bridge-container .inner-out {display: flex; flex-direction: column; flex: 1; height: 100%;}
.bridge-area-type2 {text-align: center; display: flex; flex-direction: column; flex: 1; height: 100%;}
.bridge-area-type2 .bridge-common {display: flex; flex-direction: column; flex: 1; height: 100%;}
.bridge-area-type2 .bridge-cont {display: flex; flex-direction: column; justify-content: space-evenly; flex: 1; height: 100%;}
.bridge-area-type2 .tit-bridge-sm {font-size: var(--font-heading3, 2.4rem); line-height: var(--lineheight-heading3, 3.2rem);}
.bridge-area-type2 .img-bridge {width: auto; height: auto; position: static;}
.bridge-area-type2 .img-bridge img {display: block; max-width: none; max-height: 20.6rem; aspect-ratio: auto; margin-top: 0; margin-left: auto; margin-right: auto;}
.bridge-area-type2 .cont-full {color:var(--font-color-gray)}
.bridge-area-type2 .btn-group.is-fixed {border-top:0; left: 50%; right: 50%; transform: translateX(-50%);}
.bridge-area-type2 .btn-group.is-fixed.wd-full {flex-direction: column; align-items: center;}

@media ( min-width: 1025px ) {
    .plus-container.bridge-container {padding-bottom: 7.2rem;}
    .bridge-area-type2 [class^="tit-bridge"] {margin-top: var(--gap-xxlarge, 4.8rem);}
    .bridge-area-type2 .bridge-cont + .btn-group {padding-top: 0;}
    .bridge-area-type2 .cont-full {margin:0 auto var(--gap-xxlarge, 4.8rem);}
    .bridge-area-type2 .img-bridge {margin-top: var(--gap-xlarge, 4.0rem); margin-bottom: var(--gap-xxlarge, 4.8rem);}
    .bridge-area-type2 .btn-group.is-fixed {transform: none;}
}

/* 채팅상담 */
.btn-chat { position: relative; width: 32px; height: 32px; background-image: url(/resources/img/common/icon_chat.svg); background-repeat: no-repeat; background-position: center center; background-size: 32px 32px;} 
.btn-chat .cnt {display: none; position: absolute; top: 0; right: 0; width: 12px; height: 12px; border: 2px solid #fff; background: #e00842; border-radius:50%; z-index: 10;}
.btn-chat .cnt.is-active {display: block;}
.plus-container .btn-chat {width: auto; height: auto; background: none; display: flex; align-items: center; flex-direction: row-reverse; cursor: pointer;}
.plus-container .btn-chat:before {content:''; width: 52px; height: 52px; background-color: #5856D6; border-radius: 50%; display: flex; justify-content: center; align-items: center; color: white; font-size: 24px; z-index: 2; border-radius: 99px; background-image: url(/resources/img/common/icon_chat_light.svg); background-repeat: no-repeat; background-position: center center; background-size: 32px 32px;}
.plus-container .btn-chat .cnt {top: 10px; right: 10px;}
.plus-zoom .btn-chat .cnt {top: 0; right: 0px;}

.main-header-mo .util-area li button.btn-chat { position: relative; width: 32px; height: 32px; background-repeat: no-repeat; background-position: center center; background-size: 32px 32px;} 
.main-header-mo .util-area li {width: auto; padding:0;}
.plus-header-app:not(.hpch-header-app) > .chat {position: absolute; top: 50%; right:16px; transform: translateY(-50%);z-index:1000;}
.plus-header-app:not(.hpch-header-app):not(.tit-ani):has(.btn-close-app) .tit-h1-app {padding-left: 8.8rem; padding-right: 8.8rem;}
.plus-header-app:not(.hpch-header-app):has(.btn-close-app) > .chat {right: 4.8rem;}
.plus-header-app:not(.hpch-header-app) > .chat:not(:last-child):nth-last-child(2) {right: 4.8rem;}
.plus-header-app:not(.hpch-header-app) > .chat:not(:last-child):nth-last-child(3) {right: 8.0rem;}
.plus-container > .chat {display: block; position: fixed; bottom: 18px; right: 16px; min-width: auto; height: auto; z-index: 10; }
@media (max-width: 1024px){
    .plus-container > .chat {display: none;}
}
.plus-zoom .plus-header-app:not(.hpch-header-app):has(.btn-close-app) > .chat {right: 6.9rem;}
.plus-zoom .plus-header-app:not(.hpch-header-app) > .chat:not(:last-child):nth-last-child(2), .plus-zoom .plus-header-app:not(.hpch-header-app) > .btn-colse-app + .chat  {right: 6.9rem;}
.plus-zoom .plus-header-app:not(.hpch-header-app):not(.tit-ani):has(.btn-close-app) .tit-h1-app {padding-left: 10.6rem; padding-right: 10.6rem;} /* (37*2)+(16*2) : 디자인 가이드 필요 */

.plus-zoom .btn-chat {background: none !important; width: auto; height:28px;}
.plus-zoom .btn-chat > .blind {position: static !important; font-size: var(--font-body1); font-weight: 500; width:unset; height:unset; line-height: var(--lineheight-body1); margin: 0; clip-path: unset; padding: 0;} 
.plus-zoom .main-header-mo .util-area li button.btn-chat {display:flex;align-items: center;height:fit-content;width:fit-content;}
.plus-zoom .main-header-mo .util-area li button.btn-chat > .blind {font-size: var(--font-body2); line-height: var(--lineheight-body2); height: fit-content !important; padding-right: 0;} /* 26.01.05 정렬문제로 수정 */
.main-wrapper .main-header-mo .util-area li button.btn-chat {background-image: url(/resources/img/common/icon_chat_ani.svg); background-repeat: no-repeat;}
.main-wrapper .plus-container .chat .btn-chat {background-image: url(/resources/img/common/icon_chat_light_ani.svg); background-repeat: no-repeat;}

.btn-chat-type2 {position: relative; display: flex; width: 100%; padding: 1px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); justify-content: center; align-items: center; border-radius: 8px; background-color: #fff; overflow: hidden; isolation: isolate;}
.btn-chat-type2 .chat-msg {position: relative; width: 100%; display: flex; gap: 0.4rem; justify-content: center; align-items: center; padding: 8px 16px; background-color: #fff; border-radius: 7px; z-index: 1; color: #14181c; font-size: var(--font-body2, 1.8rem); line-height: var(--lineheight-heading6, 2.6rem); z-index: 2;}
.btn-chat-type2 .chat-msg:after {content: none;}
.btn-chat-type2.is-active::before {content: ""; position: absolute; z-index: 1; top: 50%; left: 50%; width: 150%; padding-bottom: 150%; transform: translate(-50%, -50%) rotate(0deg); background-image: conic-gradient(from 0deg, transparent 0%, transparent 40%, #5856d6 50%,  transparent 60%, transparent 100%); animation: rotateBorder 2.5s linear 2, drawBorder 2.5s ease-in-out 5s forwards;}
@keyframes rotateBorder {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}
@keyframes drawBorder {
    0% {
        background-image: conic-gradient(#5856d6 50%, transparent 50%);
    }
    100% {
        background-image: conic-gradient(#5856d6 100%, transparent 100%);
    }
}

.btn-chat-type2.is-active::after {content: ""; position: absolute; inset: 0; z-index: 1; background-color: #5856d6; opacity: 0; animation: fadeIn 0.5s ease-in forwards 4.5s;}
@keyframes fadeIn {
    to { opacity: 1; }
}
.main-wrapper .btn-chat-type2 {margin: 32px auto;}

.btn-chat-type3 {width: 100%; padding: var(--gap-basic) var(--gap-halfx3); border-radius: 8px; background:#F5F5F6; font-size: var(--font-body2, 1.4rem); text-align: left;}
.btn-chat-type3 .chat-msg {display: block; padding-left: 40px; background: url(/resources/img/common/icon_chat.svg) no-repeat left center; background-size: 32px 32px; color: #14181c; font-size: var(--font-body2, 1.8rem); line-height: var(--lineheight-body2, 2.0rem);}
.btn-chat-type3 .chat-msg:after {content: none;}
.wrap-popup.pop-dialog .pop-body .btn-chat-type3 {margin-top: var(--gap-medium, 1.6rem);}

.chat-bubble {width: auto; padding: 0.8rem 1.2rem; text-align: center; border-radius: 4px; background: #deddf7; font-size: var(--font-body2, 1.4rem); font-weight: 600; line-height: var(--lineheight-body2, 2.0rem); color: #14181c; z-index: 1; white-space:nowrap;}
.chat-bubble-msg {white-space: nowrap;}
.plus-container .chat-bubble {background-color: #5856d6; height: 52px; display: inline-flex; align-items: center; border-radius: 999px 0 0 999px; margin-right: -2.5rem; max-width: 0; overflow: hidden; white-space: nowrap; transition: max-width 1s ease-in-out, opacity 1s ease-in-out; opacity: 0; z-index: 1; font-size: var(--font-body2, 1.4rem); line-height: var(--lineheight-body2, 2rem); font-weight: 500; color: #fff;}
.plus-header-app:not(.hpch-header-app) .chat-bubble-msg:before, .main-header-mo .chat-bubble-msg:before, .wrap-popup .pop-head .chat-bubble:before {content:''; width: 12px; height: 8px; background: url(/resources/img/common/icon_chat_bubble.svg) no-repeat center center; position: absolute; top: -7px; right: 12px;}
.plus-header-app:not(.hpch-header-app) .chat-bubble, .main-header-mo .chat-bubble, .wrap-popup .pop-head .chat-bubble { visibility:hidden; opacity:0; position: absolute; top: var(--header-height); right: 0px;  max-width: calc(100vw - 32px);  opacity: 0; transform: translateY(-8px);}
.is-pc .wrap-popup .pop-head .chat-bubble {top: 4.5rem;}
.plus-header-app:not(.hpch-header-app) .bubble-hidden .chat-bubble, .main-header-mo .bubble-hidden .chat-bubble, .wrap-popup .pop-head .bubble-hidden .chat-bubble { visibility: hidden !important;opacity: 0 !important; animation: bubbleHidden .3s ease-in-out forwards !important; transform: translateY(0px) !important;}
.plus-header-app:not(.hpch-header-app) .bubble-active .chat-bubble, .main-header-mo .bubble-active .chat-bubble, .wrap-popup .pop-head .bubble-active .chat-bubble {visibility:visible; transition: .3s ease-in-out;  opacity: 1; transform: translateY(0px);}
@keyframes bubbleHidden {
    100% { 
        opacity: 0 !important; 
        visibility: hidden !important;
     }
}
.plus-container .bubble-active .chat-bubble {max-width: 100%; padding: 0 2.5rem 0 1.4rem; opacity: 1;}
.plus-container .bubble-hidden .chat-bubble {opacity: 0;}
.plus-zoom .chat-bubble {font-size: 1.8rem; font-weight: 500; line-height: 2.8rem;}
.main-wrapper .main-header-mo .bubble-active .chat-bubble, .main-wrapper .plus-container .chat .btn-chat .chat-bubble {display: none;}

.chat-area {position: relative; display: flex;}
.plus-container .chat-area {position: fixed; bottom: 1.8rem; right: 1.6rem;}

/* 채팅 전자서명안내 */
.chat-elec-guide {display: flex;}
.is-pc .chat-elec-guide {display: block;}
.is-pc .chat-elec-result .plus-contents {padding-bottom: 7.2rem !important;}

/* 전자서명 팝업 헤더에 채팅버튼 노출 (채팅버튼은 페이지만 적용범위지만, 전자서명팝업만 예외처리) */
.wrap-popup.phase2 .pop-contain.wd-full .pop-head:has(.chat-area) {overflow: visible; padding-left: 8.4rem; padding-right: 8.4rem;}
.wrap-popup.phase2 .pop-contain.wd-full .pop-head:has(.chat-area) .tit { white-space: nowrap; oversflow: hidden; text-overflow: ellipsis; }
.wrap-popup.phase2 .pop-contain.wd-full .pop-head > .chat { position:absolute; top:0.7rem; right:5.2rem; z-index:10; }
.is-pc .wrap-popup.phase2 .pop-contain.wd-full .pop-head:has(.chat-area) .tit {padding-left: 0; padding-right: 0;}
.is-pc .wrap-popup.phase2 .pop-contain.wd-full .pop-head:has(.chat-area) {padding-left: var(--pop-padding); padding-right: 8.4rem;}
.is-pc .wrap-popup.phase2 .pop-contain.wd-full .pop-head > .chat { top:1.3rem; right:5.2rem;}
.plus-zoom .wrap-popup.phase2 .pop-contain.wd-full .pop-head > .chat { top:1.2rem;}

/* 채팅 진입 포인트 선택 바텀시트 */
.chat-select-pop {display: block; position: fixed; bottom: 1.8rem; right: 1.6rem; min-width: auto; height: auto; z-index: 10; }
.chat-select-pop .chat-btn-group--inner {position: fixed; bottom: 78px; right: 16px; display: flex; flex-direction: column; width: 124px; background: #fff; border-radius: 8px; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);}
.chat-btn {position: relative; width: 100%; font-size: 1.4rem; line-height: 2.0rem; font-weight: 500; text-align: left; background: url(/resources/img/common/icon_arrow_right.svg) no-repeat top 16px right 12px; background-size: 16px 16px;}
.chat-btn ~ .chat-btn:before {content: ''; position: absolute; top: 0px; left: 16px; right: 16px; border-top: 1px solid #d6d8da;}
.chat-btn:nth-child(1) {padding: 16px 12px 12px 16px;}
.chat-btn:nth-child(2) {padding: 12px 12px 16px 16px; background-position: bottom 16px right 12px;}
.chat-select-pop .chat-btn-close {position: fixed; bottom: 1.8rem; right: 1.6rem; display:block; min-width: 52px; width: auto; height: 52px; box-shadow: none; border-radius: 99px; border: none; background-position: center right 10px; background: url(/resources/img/common/icon_chat_close.svg) no-repeat center #5856D6; background-size: 32px 32px;}