@charset "utf-8";


/* 말줄임 */  
.ellipsis {display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;-webkit-text-overflow:ellipsis}
.ellipsis2{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}

/* 숨김 */
.ui-none{display:none !important}

/* 숨김텍스트 */
.ui-blind {position:absolute !important; height:1px; width:1px; overflow:hidden !important; clip:rect(1px,1px,1px,1px); word-break:initial; word-wrap:initial;}  /* 2023 웹접근성 수정 */

/* 폰트 두께 */
.font-normal {font-weight:400!important;}
.font-medium {font-weight:500!important;}
.font-bold {font-weight:700!important;}

/* 폰트 사이즈 *//* 241015 비대면 신규 가입 #6780 */
.font-13{font-size: 1.3rem !important;}

/* 텍스트 정렬 */
.text-left {text-align:left!important;}
.text-center {text-align:center!important;}
.text-right {text-align:right!important;}
.text-top {vertical-align:top!important;}

/* bg 색상 */
.bg-grey{background:#f7f7f9;}
.bg-white{background:#ffffff}
.ui-contents.bg-grey:before{z-index:-9999;content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#f7f7f9;}

/* font 색상 */ /* 20230314 */
.color-blue{color: #0e90fe !important;}
.color-black{color:#000 !important;} /* 241015 비대면 신규 가입 #6780 */

/*space */ /* 20230322 */
.mt0 {margin-top: 0 !important;}
.mt25 {margin-top: 2.5rem !important;}
.mb0 {margin-bottom: 0 !important;}
.mt20{margin-top:2rem !important;}/* #6843 스마트OTP 서비스 종료 안내 */
.mt03{margin-top:0.3rem !important;}/* 250310 비대면안심차단 */

/* 스와이퍼 - swiper */
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after,
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after{content:'' !important}
.swiper-button-prev,
.swiper-rtl .swiper-button-next,
.swiper-button-next,
.swiper-rtl .swiper-button-prev{left:auto;right:auto}
.swiper-button-next,
.swiper-button-prev{display:block !important;top:auto;margin-top:auto}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled{opacity:1 !important}
.swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal{position:relative}
.swiper-horizontal > .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:auto;left:auto;width:auto;}

/* UIUX - container - underline */
html{-webkit-text-size-adjust: none; overscroll-behavior: contain; font-size:62.5%;}
/* html[ui-modal-active="true"] {touch-action: none; -webkit-overflow-scrolling: auto; overflow: hidden;}
[ui-modal-active="true"] body {touch-action: none; -webkit-overflow-scrolling: auto; overflow: hidden;} */

/* base */
* {box-sizing:border-box;}
body{width:100%;height:100%;}
.container{overflow-x:hidden;word-break:keep-all}

/* header - 헤더 */
.ui-header{z-index:50;position:fixed;top:0;left:0;right:0}
.ui-header > .header-inner{display:flex;align-items:center;justify-content:center;position:relative;padding:1.6rem 7.2rem;height:5.6rem;background:#fff}
.ui-header > .header-inner > .header-title{font-size:1.8rem;font-weight:500}
.ui-header > .header-inner > .btn-prev{position:absolute;top:1.6rem;left:1.6rem;width:2.4rem;height:2.4rem;background:url('../img/common/ico_prev.png')no-repeat center/cover}
.ui-header > .header-inner > .btn-home{position:absolute;top:1.6rem;right:4.8rem;width:2.4rem;height:2.4rem;background:url('../img/common/ico_home.png')no-repeat center/cover}
.ui-header > .header-inner > .btn-menu{position:absolute;top:1.6rem;right:1.6rem;width:2.4rem;height:2.4rem;background:url('../img/common/ico_menu.png')no-repeat center/cover}

/* 노치대응 */
.ui-contents{padding:5.6rem 1.6rem;padding:5.6rem 1.6rem calc(constant(safe-area-inset-bottom) + 5.6rem);padding:5.6rem 1.6rem calc(env(safe-area-inset-bottom) + 5.6rem)}
.ui-contents.fixed{padding-bottom:12.4rem;padding-bottom:calc(constant(safe-area-inset-bottom) + 12.4rem);padding-bottom:calc(env(safe-area-inset-bottom) + 12.4rem)}
/* 공통 - inner */
.wide-inner{margin:0 -1.6rem !important}
.tab-inner{padding-top:1.6rem !important}
.content-inner{padding-top:2.4rem !important}
.result-inner{padding-top:2.8rem !important}
.content-inner > .use-guide-wrap + .btn-wrap,
.result-inner > .use-guide-wrap + .btn-wrap{margin-top:5.6rem}
.content-inner > .use-guide-wrap + .btn-wrap.fixed,
.result-inner > .use-guide-wrap + .btn-wrap.fixed{margin-top:0}

/* 스티키 */
.sticky{z-index:50;position:sticky !important;left:0;top:0;background:#fff}

/* display */ /* 20230314 */
.block{display: block !important;}
.inline-block{display: inline-block !important;}
.flex{display: flex !important} /* 2023 웹접근성 수정 */

/* TAB 탭 */
.tab-group,
.tab-heading-wrap{position:relative}
.tab-group[data-tab-slide] .swiper-container{overflow:hidden}
.tab-group[data-tab-slide] > .tab-body.wide-inner > .tab-cont-wrap > .tab-con{padding:0 1.6rem}
.tab-group[data-tab-slide] .tab-con{display:block}
.tab-group[data-tab] .tab-con[aria-hidden=true]{display:none}
.tab-heading-wrap.flex .tab-heading{width:100%}
.tab-heading-wrap.flex .tab-heading li{flex:1}

/* TAB - scroll-x */
.tab-group .tab-heading-wrap.scroll-x {position:relative;overflow:hidden}
.tab-group .tab-heading-wrap.scroll-x::before {content:'';z-index:1;display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:0.9rem;height:3.6rem;background:#fff;box-shadow:5px 0px 8px 0px #fff;}
.tab-group .tab-heading-wrap.scroll-x::after {content:'';z-index:1;display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);width:0.9rem;height:3.6rem;background:#fff;box-shadow:-5px 0px 8px 0px #fff;}
.tab-group .tab-heading-wrap.scroll-x > .tab-heading{overflow-x:scroll;overflow-y:hidden;-ms-overflow-style:none;scrollbar-width:none;display:flex;align-items:center;white-space:nowrap;padding:0 0.4rem}
.tab-group .tab-heading-wrap.scroll-x > .tab-heading::-webkit-scrollbar{display:none}
.tab-group .tab-heading-wrap.scroll-x > .tab-heading > li{flex:auto;display:inline-block;}
.tab-group .tab-heading-wrap.scroll-x > .tab-heading > li a{padding:0 1.2rem}


/* TAB - type01 */
.tab-heading-wrap.type01{margin:0 -1.6rem;background:#fff}
.tab-heading-wrap.type01 > .tab-heading{display:flex;align-items:center;justify-content:space-between;height:3.6rem;border-bottom:1px solid #eeeeee}
.tab-heading-wrap.type01 > .tab-heading > li{flex:1;position:relative;height:100%}
.tab-heading-wrap.type01 > .tab-heading > li a{display:block;font-size:1.4rem;height:100%;color:#666678;font-weight:500;text-align:center;line-height:3.6rem}
.tab-heading-wrap.type01 > .tab-heading > li.on a{color:#000000;font-weight:700}
.tab-heading-wrap.type01 > .tab-heading > li.on:before{content:'';display:block;position:absolute;bottom:-0.1rem;left:1.2rem;right:1.2rem;height:0.2rem;background:#18191a;border-radius:0.3rem}

/* TAB - type02 */
.tab-heading-wrap.type02{display:flex;justify-content:center;align-items:center;padding-bottom:2.4rem}
.tab-heading-wrap.type02 > .tab-heading{display:flex;justify-content:center;align-items:center;background:#e4e8ee;border-radius:4rem;text-align: center;}
.tab-heading-wrap.type02 > .tab-heading li {margin:0.2rem;;padding:0 1.2rem;min-width:8rem;height:3.6rem;line-height:3.6rem;border-radius:2rem}
.tab-heading-wrap.type02 > .tab-heading li.on {color:#000000;font-weight:700;background:#fff}
.tab-heading-wrap.type02 > .tab-heading li a{display:block;color:#666678;font-size:1.3rem;text-align:center;}
.tab-heading-wrap.type02 > .tab-heading li.on a{color:#000000;font-weight:700}
.tab-heading-wrap.type02.flex .tab-heading li{padding:0 1rem}

/* TAB - type03 */
.tab-heading-wrap.type03{display:flex;align-items:center;padding-bottom:2rem}
.tab-heading-wrap.type03 > .tab-heading{display:flex;justify-content:center;align-items:center;border-radius:4rem;text-align:center}
.tab-heading-wrap.type03 > .tab-heading li {margin:0.2rem;;padding:0 1.2rem;min-width:8rem;height:3.2rem;line-height:3.2rem;border-radius:1.6rem;border:1px solid #c9cfd6;background:#fff}
.tab-heading-wrap.type03 > .tab-heading li.on {background:#333340;border:1px solid transparent}
.tab-heading-wrap.type03 > .tab-heading li a{display:block;color:#666678;font-size:1.3rem;text-align:center;}
.tab-heading-wrap.type03 > .tab-heading li.on a{color:#fff;font-weight:500}

/* 버튼 */
.btn-wrap{display:flex;align-items:center;justify-content:center;position:relative}
.btn-wrap.fixed{z-index:10;position:fixed;bottom:20px;left:1.6rem;right:1.6rem;}
.btn-wrap.fixed:before{content:'';display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;box-shadow:0px 0px 40px 60px rgba(255, 255, 255, 0.8)}
.btn-wrap .btn{flex:1;display:inline-flex;justify-content:center;align-items:center;position:relative;padding:0 1rem;color:#666678;font-size:1.4rem;font-weight:500;border:1px solid transparent;box-sizing:border-box}
.btn-wrap .btn + .btn{margin-left:0.8rem}

/* 버튼 - 정렬 */
.btn-wrap.left{justify-content:flex-start}
.btn-wrap.center{justify-content:center}
.btn-wrap.right{justify-content:flex-end}
.btn-wrap.left .btn,
.btn-wrap.center .btn,
.btn-wrap.right .btn{flex:0 auto}

/* 버튼 - 타입 */
.btn.type00{color:#fff;background:#b6d7f5}
.btn.type00:active{background:#598dbc;}
.btn.type01{color:#fff;background:#8b94a0} /* 2023 웹접근성 수정 */
.btn.type01:active{background:#4c545d}
a.btn.type01.disabled,
.btn.type01:disabled{background:#dee1ea}
.btn.type02{color:#666678;border:1px solid #c9cfd6;background:#fff}
.btn.type02:active{background:#d0d1d5}
a.btn.type02.disabled,
.btn.type02:disabled{color:#c9cfd6;background:#f5f6fa;border-color:#dee1ea}
.btn.type03{color:#fff;background:#0e90fe} /* 2023 웹접근성 수정 */
.btn.type03:active{background:#084f8b}
a.btn.type03.disabled,
.btn.type03:disabled{background:#b6d7f5}
a.btn.type01.disabled,
a.btn.type02.disabled,
a.btn.type03.disabled{pointer-events:none}
.btn.type-icon{color:#666678;border:1px solid #c9cfd6;background:#fff}
.btn.type-icon:active{background:#d0d1d5}
.btn.type-icon:disabled{color:#c9cfd6;background:#f5f6fa;border-color:#dee1ea}


/* 버튼 - 높이 */
.btn.h01{height:4.8rem;font-size:1.6rem;border-radius:1rem}
.btn.h02{height:4rem;font-size:1.4rem;border-radius:1rem}
.btn.h03{height:3.6rem;font-size:1.3rem;border-radius:0.6rem}

/* 버튼 - switch-type 인풋 요소 공통*/
.inp-box.switch-type01 input[type="checkbox"],
.inp-box.switch-type01 input[type="radio"],
.inp-box.switch-type02 input[type="checkbox"],
.inp-box.switch-type02 input[type="radio"]{position:absolute;top:0;left:0;margin:0;padding:0;width:100%;height:100%;border:0;border-radius:0;background:none}

/* 버튼 - switch-type01 */
.inp-wrap.switch-type01,
.btn-wrap.switch-type01{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-start;margin-top:-0.8rem;margin-left:-0.8rem}
.inp-wrap.switch-type01 .inp-box.switch-type01,
.btn-wrap.switch-type01 .btn.switch-type01{flex:0 auto;margin-top:0.8rem;margin-left:0.8rem;width:calc(33.3% - 0.8rem)}
.inp-box.switch-type01 input[type="checkbox"] + label,
.inp-box.switch-type01 input[type="radio"] + label,
.btn.switch-type01{display:inline-flex;align-items:center;justify-content:center;padding:0 1rem;width:100%;height:4rem;font-size:1.4rem;color:#666678;border:1px solid #c9cfd6;border-radius:1rem;background:#f5f6fa;line-height:1}
.inp-box.switch-type01 input[type="checkbox"]:checked + label,
.inp-box.switch-type01 input[type="radio"]:checked + label,
.btn.switch-type01:active,
.btn.switch-type01.active{color:#000000;font-weight:500;border:1px solid #18191a;background:#fff}

/* 버튼 - switch-type02 */
.inp-box.switch-type02 input[type="checkbox"] + label,
.inp-box.switch-type02 input[type="radio"] + label,
.btn.switch-type02{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:0;height:3.2rem;color:#666678;font-size:1.3rem;font-weight:400;border:1px solid #c9cfd6;border-radius:1rem;background:#fff}
.inp-box.switch-type02 + .inp-box.switch-type02,
.btn.switch-type02 + .btn.switch-type02{margin-left:0.4rem}
.inp-box.switch-type02 input[type="checkbox"]:checked + label,
.inp-box.switch-type02 input[type="radio"]:checked + label,
.btn.switch-type02:active,
.btn.switch-type02.active{height:3.2rem;color:#fff;font-size:1.3rem;font-weight:500;border:1px solid transparent;border-radius:1rem;background:#333340;}
.inp-box.switch-type02 input[type="checkbox"]:disabled + label,
.inp-box.switch-type02 input[type="radio"]:disabled + label,
.btn.switch-type02:disabled{color:#a4adb8;background:#f5f6fa;border-color:#dee1ea}

/* 버튼 - switch-type03 */
.inp-wrap.switch-type03 .inp-box.switch-type03 + .inp-box.switch-type03{margin-left:0.8rem}
.inp-box.switch-type03 input[type="radio"] + label{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:0 1rem;height:4rem;color:#666678;font-size:1.4rem;font-weight:700;border:1px solid #c9cfd6;border-radius:1rem;background:#fff}
.inp-box.switch-type03 input[type="radio"]:checked + label{color:#0e90fe;border:0.2rem solid #0e90fe}

/* 버튼 - switch-type04 */
.inp-wrap.switch-type04{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:-0.8rem;margin-left:-0.8rem}
.inp-wrap.switch-type04 > .inp-box.switch-type04{flex:0 auto;margin-top:0.8rem;margin-left:0.8rem;width:calc(50% - 0.8rem)}
.inp-box.switch-type04 input[type="radio"] + label{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:0 1rem;height:4rem;color:#666678;font-size:1.4rem;border:1px solid #c9cfd6;border-radius:1rem;background:#f5f6fa}
.inp-box.switch-type04 input[type="radio"]:checked + label{color:#000;font-weight:500;border-color:#666678;background:#fff}

/* 버튼 - swiper-type01 */
.swiper-type01 {position: relative; display: inline-block;}
.swiper-type01 .swiper-label {position: relative; display: inline-block; height:2rem; border-radius: 1.5rem; transition: all 0.3s; padding-left: 4rem; box-sizing: content-box; line-height: 2rem;}
.swiper-type01 .swiper-label::before{content: ''; left: 0; border-radius: 1.5rem; position: absolute; width: 3.6rem; height: 100%; transition: 0.3s all; background-color: #89899D;}/* 202407 접근성 | BG #e4e8ee  ->  #89899D 색상 변경 */
.swiper-type01 .swiper-label::after{content: ''; position: absolute; top:50%; transform: translateY(-50%); left:0.3rem; width: 1.6rem; height: 1.6rem; background-color: #ffffff; border-radius: 50%; box-shadow: 0 0.5rem 0.8rem rgb(42 47 64 / 15%); transition: all 0.3s;}
.swiper-type01 .btn.swiper {position: absolute; left:0; top:0; width: 1px; height: 1px;clip:rect(1px,1px,1px,1px); overflow:hidden; padding:0;}
.swiper-type01 .btn.swiper:checked + .swiper-label::before {background-color: #0e90fe;}
.swiper-type01 .btn.swiper:checked + .swiper-label::after {left:1.7rem;}

/* 버튼 - 퀵 */
.btn.quick{flex:0 auto;padding:0 1.2rem;min-width:8.4rem;height:3.2rem;font-size:1.3rem;font-weight:500;border-radius:3.2rem;background:#e4e8ee}
.btn.quick.type2{background-color: #0e90fe; color: #ffffff; font-weight: 400;} /* 20230314 */
.btn.quick.link > span{position:relative;padding-right:1.5rem;background:url('../img/common/ico_arrow07.png')no-repeat right center/0.6rem auto}
.btn.quick.link:disabled  > span{padding-right:0;background:none}

/* 버튼 - 텍스트 */
.btn.text-type01,
.btn.text-type01.active{padding:0;font-size:1.3rem;font-weight:500}

/* 버튼 - 아이콘 */
.btn.type-icon {border:0; font-size: 1.4rem; font-weight:500;}
.btn.type-icon .ico-download {display: inline-block; width: 1.8rem; height: 1.8rem; vertical-align: bottom; margin-left: 0.3rem; background-image: url('../img/common/ic_18_download.svg'); background-repeat: no-repeat; background-position: center; background-size: 1.8rem;}

.btn > span{position:relative}
/* 더보기 */
.btn > .more{padding-right:1.63rem;color:#666678} /* 202407 접근성 | #8f8f9f -> #666678 색상 변경 */
.btn > .more:before{content:'';display:block;position:absolute;top:50%;right:0;transform:translateY(-50%);width:0.86rem;height:0.53rem;background:url('../img/common/ico_arrow_more01.png?v=1')no-repeat 0 0/0.86rem auto} /* 202407 접근성 | 이미지 변경 */
.btn.active > .more:before{transform:translateY(-50%) rotate(-180deg)}
/* 링크 */
.btn.text-type01 > .link{padding-right:1.4rem;color:#666678} /* 202407 접근성 | #8f8f9f -> #666678 색상 변경 */
.btn.text-type01 > .link:before{content:'';display:block;position:absolute;top:50%;right:0;transform:translateY(-50%) rotate(-90deg);width:0.9rem;height:0.6rem;background:url('../img/common/ico_arrow_more01.png?v=1')no-repeat center/0.86rem auto} /* 202407 접근성 | 이미지 변경 */
/* 언더라인 */
.btn.text-type01 > .line{color:#666678;letter-spacing:-0.07rem} /* 202407 접근성 | #8f8f9f -> #666678 색상 변경 */
.btn.text-type01 > .line:before{content:'';display:block;position:absolute;left:0;bottom:1px;right:0;height:1px;background:#8f8f9f}
.btn.text-type01 > .line.imp:before{background: #0e90fe;}
.btn.text-type01 > .line.fail:before{background: #f06a22;} /* 202407 접근성 | #ef7d21 -> #f06a22 색상 변경 */
/* 검색 */
.btn.search{width:2.33rem;height:2.33rem;background:url('../img/common/ico_search01.png')no-repeat center/1.53rem auto}
/* 달력 */
.btn.calendar{width:3rem;height:3rem;background:url('../img/common/ico_calendar01.png')no-repeat center/1.6rem auto}
.btn.calendar:disabled{background:url('../img/common/ico_calendar02.png')no-repeat center/1.6rem auto}
/* 설정 */
.btn.setting{width: 3rem;height: 3rem;background: url('../img/common/ico_setting.png?v=1')no-repeat center center/1.6rem auto;}/* 202407 접근성 | 이미지 변경 */
/* 다운*/
.btn.download{padding:0;width: 3rem;height: 3rem;background: url('../img/common/ico_download.png?v=1')no-repeat center center/1.53rem auto;}/* 202407 접근성 | 이미지 변경 */
/* 필터 */
.btn.filter{padding:0;width: 3rem;height: 3rem;background: url('../img/common/ico_filter.png?v=1')no-repeat center center/1.4rem auto;}/* 202407 접근성 | 이미지 변경 */
/* 인풋-삭제버튼 */
.btn.clear{width:2.3rem;height:2.3rem;background:url('../img/common/ico_clear01.png?v=1')no-repeat center/1.5rem auto} /* 202407 접근성 | 이미지 변경 */
/* 즐겨찾기 비활성화 & 활성화 */
.btn.favorite{width:2rem;height:2.6rem;background:url('../img/common/ico_favorites_nor.png?v=1')no-repeat center/1.53rem auto} /* 202407 접근성 | 이미지 변경 */
.btn.favorite.on{width:2rem;height:2.6rem;background:url('../img/common/ico_favorites_act.png?v=1')no-repeat center/1.53rem auto} /* 202407 접근성 | 이미지 변경 */
/* 페이지 이동 - 약관동의 페이지에서 사용중 */
.btn.move-type01{width:1.8rem;height:1.8rem;background:url('../img/common/ico_arrow04.png')no-repeat center center/0.5rem auto; overflow: hidden !important; display: inline-block} /* 2023 웹접근성 수정 */
.btn.move-type02{width:1.8rem;height:1.8rem;background:url('../img/common/ico_arrow05.png?v=1')no-repeat center center/0.5rem auto; overflow: hidden !important; display: inline-block} /* 202407 접근성 | 이미지 변경 */
/* 수정 */
.btn.corre .text{font-size:1.3rem;font-weight:500;color:#666678} /* 202407 접근성 | #8f8f9f -> #666678 색상 변경 */
.btn.corre:after {content:'';display:inline-block;vertical-align: middle;width:2rem;height:2rem;background:url('../img/common/ico_corre.png?v=1') no-repeat center 30%/1.4rem auto;}/* 202407 접근성 | 이미지 변경 */
/* 새로고침 버튼 */
.btn.refresh {width:2.3rem; height:2.3rem; background:url(../img/common/ico_refresh01.png)no-repeat center center /1.1rem auto;}
/* 삭제-엑스 */
.btn.clear_x .text{font-size:1.3rem;font-weight:500;color:#666678} /* 202407 접근성 | #8f8f9f -> #666678 색상 변경 */
.btn.clear_x:after {content:'';display:inline-block;vertical-align: middle;width:2rem;height:2rem;background:url('../img/common/ico_clear02.png?v=1') no-repeat center 30%/1.2rem auto;}/* 202407 접근성 | 이미지 변경 */
/* 아코디언 버튼 */
.btn.accordion:before{content:'';display:block;position:absolute;top:50%;right:0.2rem;transform:translateY(-50%) rotate(-180deg);width:1.2rem;height:0.66rem;background:url('../img/common/ico_arrow03.png')no-repeat 0 0/1.2rem auto}
.btn.accordion.active:before{transform:translateY(-50%) rotate(0);}
/* 삭제 */
.btn.delete{display:flex;align-items:center;padding:0;min-width:2rem;height:1.8rem}
.btn.delete:after{content:'';display:block;position:absolute;top:50%;right:0;transform:translateY(-50%);width:1.8rem;height:1.8rem;background:url('../img/common/ico_delete01.png?v=1')no-repeat center center/1.8rem auto;}/* 202407 접근성 | 이미지 변경 */
.btn.delete .text{padding-right:2.4rem;color:#666678;font-size:1.4rem;font-weight:500} /* 202407 접근성 | #8f8f9f -> #666678 색상 변경 */
/* 레이어 닫기 */
.btn.close{width:1.9rem;height:1.9rem;background:url('../img/common/ico_close01.png?v=1')no-repeat center/0.9rem auto}/* 202407 접근성 | 이미지 변경 */


/* 정렬 */
.btn.sorting{display:block;padding:0 2.4rem 0 0;min-width:2.4rem;height:1.8rem;color:#666678;border:0;line-height:1.8rem;} /* 202407 접근성 | #8f8f9f -> #666678 색상 변경 */
.btn.sorting .text{font-weight:500}
.btn.sorting:after{content:'';display:block;position:absolute;top:50%;right:0;transform:translateY(-50%);width:2.4rem;height:2.4rem;background:url('../img/common/ico_sorting_01.png?v=1')no-repeat center center/1.4rem auto;} /* 202407 접근성 | 이미지 변경 */
.btn.sorting.active:after{background-image:url('../img/common/ico_sorting_02.png')}

/* 퀵메뉴 */
.btn-wrap.floating{z-index:50;position:fixed;bottom:2rem;right:1.6rem;align-items:flex-end;justify-content:flex-end}
.btn-wrap.floating .quick-menu .btn-wrap{justify-content:flex-end}
.btn-wrap.floating .quick-list{display:none}
.btn-wrap.floating .quick-list .list-item{margin-bottom:1.2rem;text-align:right}
.btn-wrap.floating .quick-list .item-link{display:flex;align-items:center;justify-content:flex-end}
.btn-wrap.floating .quick-list .item-link:after{content:'';display:inline-block;margin-left:0.7rem;width:4.4rem;height:4.4rem;background:#fff;border-radius:50%;background-size:1.8rem auto;background-repeat:no-repeat;background-position:center;}
/* 퀵메뉴 아이콘 */
/* type01 - 보유계좌저장, 상세내역 다운로드 / type02 - 정렬저장 / type03 - 직접입력 / type04 - 이체확인증 출력 */
.btn-wrap.floating .quick-list .item-link.type01:after{background-image:url('../img/common/ico_quick_type01.png');}
.btn-wrap.floating .quick-list .item-link.type02:after{background-image:url('../img/common/ico_quick_type02.png');}
.btn-wrap.floating .quick-list .item-link.type03:after{background-image:url('../img/common/ico_quick_type03.png');}
.btn-wrap.floating .quick-list .item-link.type04:after{background-image:url('../img/common/ico_quick_type04.png');}
.btn-wrap.floating .quick-list .item-link.type05:after{background-image:url('../img/common/ico_quick_type05.png');}
.btn-wrap.floating .quick-list .link-text{color:#fff;font-weight:500;text-shadow:1px 1px 4px #222}
.btn-wrap.floating .btn-quick{position:relative;width:4.4rem;height:4.4rem;border-radius:50%;background:#18191a;text-align:right;box-shadow:0 1px 10px 2px rgba(0,0,0,0.25)}
.btn-wrap.floating .btn-quick:before{content:'';display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1.4rem;height:1.4rem;background:url('../img/common/ico_floating01.png')no-repeat center/1.4rem auto}
.btn-wrap.floating.active{top:0;left:0;bottom:0;right:0;background:rgba(0, 0, 0, 0.3)}
.btn-wrap.floating.active .quick-menu{position:relative;bottom:2rem;right:1.6rem}
.btn-wrap.floating.active .quick-list{display:block}
.btn-wrap.floating.active .btn-quick:before{transform:translate(-50%,-50%) rotate(-45deg)}

/* 버튼 - 마이너스/플러스 */
.btn-wrap.numbering .btn{flex:0 auto;padding:0}
.btn.minus,
.btn.plus{position:relative;width:2rem;height:2rem;border-radius:0.6rem;border:1px solid #dee1ea}
.btn.minus:before,
.btn.plus:before,
.btn.plus:after{content:'';display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000}
.btn.minus:before,
.btn.plus:before{width:0.8rem;height:0.1rem}
.btn.plus:after{width:0.1rem;height:0.8rem}
.btn.minus:disabled,
.btn.plus:disabled{background:#f5f6fa}
.btn.minus:disabled:before,
.btn.plus:disabled:before,
.btn.plus:disabled:after{background:#a4adb8}

/* 인풋 공통  */
.inp-wrap{display:flex;flex-wrap:wrap}
.inp-wrap > .inp-box{flex:1}
.inp-box.chk-type01 + .inp-wrap {margin-top:1.6rem;}
.inp-box{position:relative;display:block}
.inp-box input{color:#000000;font-size:1.4rem;font-weight:700}
.inp-box input:-webkit-autofill,
.inp-box input:-webkit-autofill:active{z-index:initial;box-shadow:0 0 0 1000px #fff inset}
.inp-box input:-webkit-autofill::-webkit-textfield-decoration-container,
.inp-box input:-webkit-autofill:active::-webkit-textfield-decoration-container{z-index:1;position:relative}
.inp-box.ui-blind input,
.inp-box input.ui-blind{padding:0;min-height:1px;height:1px}
.inp-box input:focus{outline:none}
.inp-box input::placeholder{color:#89899d;font-weight:500} /* 202407 접근성 | #8f8f9f -> #89899d 색상 변경 */
.inp-box input:disabled{color:#666678;-webkit-text-fill-color:#666678;opacity:1;} /* 202407 접근성 | #8f8f9f -> #666678 색상 변경 *//* 비대면 신규 가입 */
.inp-box input:disabled ~ label{color:#666678} /* 202407 접근성 | #8f8f9f -> #666678 색상 변경 */
.inp-box input[type="password"]{padding:3.3rem 4.1rem 1.7rem 2rem;font-size:2.7rem;max-height:7.4rem;letter-spacing:0.3rem;color:transparent;text-shadow:0 0 0 black;}
.inp-box input[type="password"]:placeholder-shown{padding-top:3.8rem;font-size:1.4rem;letter-spacing:initial;text-shadow:none}
.inp-box .btn.clear{z-index:5;display:none;position:absolute;}
.inp-box .require-msg{display:none;position:absolute;height:1px; width:1px; overflow:hidden; clip:rect(1px,1px,1px,1px); clip:rect(1px 1px 1px 1px); word-break:initial;word-wrap:initial;}
.inp-box .select-item,
.inp-box .search-item{overflow:hidden;position:relative;width:100%}


/* 인풋 - 필수입력 */ /* 2023 웹접근성 수정 */
.inp-box.require .require-msg{display:block}
.inp-box.require label > .title, .inp-box.require .label > .title{position:relative;padding-right:0.7rem}
.inp-box.require label > .title:before, .inp-box.require .label > .title:before{content:'';display:block;position:absolute;top:0.3rem;right:0;width:0.3rem;height:0.3rem;background:#f06a22;border-radius:50%} /* 202407 접근성 | #ef7d21 -> #f06a22 색상 변경 */
.inp-box.require input:disabled ~ label > .title:before,
.inp-box.require.disabled label > .title:before,
.inp-box.require input:disabled ~ .label > .title:before,
.inp-box.require.disabled .label > .title:before{background:#89899d} /* 202407 접근성 | #8f8f9f -> #89899d 색상 변경 */
.inp-box.readonly.require label > .title:before, .inp-box.readonly.require .label > .title:before{background:#000}

/* 인풋 - 에러 */
.inp-box .error-msg,
.calendar-wrap .error-msg{display:none}
.inp-box.error input ~ label{color:#f73824}
.inp-box.error .error-msg,
.calendar-wrap.error .error-msg{display:block;margin-top:1rem;color:#f73824;font-size:1.2rem}

/* 인풋 - type01 */
.inp-type01{width:100%}
.inp-type01 .inp-item{flex:1;display:block;position:relative;border-radius:1.6rem;}
.inp-type01 input{z-index:1;position:relative;left:0;bottom:0;padding:3.8rem 4.1rem 1.7rem 2rem;width:100%;min-height:7.4rem;border:0}
.inp-type01 input::placeholder {font-weight: 500;} /* 251111:관세 - 스타일 수정 */
.inp-type01 input ~ label,
.inp-type01 select ~ label{position:absolute;left:0;top:0;right:0;bottom:0;padding:1.8rem 4.1rem 1.8rem 1.9rem;color:#458af4;font-size:1.3rem;font-weight:500;background:#fff;border:1px solid  transparent;border-radius:1.6rem}
.inp-type01 input:focus ~ label,
.inp-type01 select:focus ~ label,
.inp-type01.active > .inp-item input ~ label,
.inp-type01.active > .item-group{border:1px solid #0e90fe;box-shadow:0px 2px 5px 1px rgba(142, 155, 192, 0.35);}
.inp-type01 > .inp-item input:read-only ~ label{color:#000;border-color:#dee1ea;background:#f5f6fa}
.inp-type01 > .inp-item input:read-only:focus ~ label{border-color:#dee1ea;box-shadow:none;}
.inp-type01 > .inp-item input.e2eForm:read-only ~ label{color:#000;border-color:#dee1ea;background:#fff}
.inp-type01 > .inp-item input.e2eForm:read-only:focus ~ label{border-color:#dee1ea;box-shadow:none;}
.inp-type01 > .inp-item input:disabled ~ label,
.inp-type01 > .inp-item select:disabled ~ label{color:#666678;border-color:#dee1ea;background:#f5f6fa} /* 202408 접근성 | #a4adb8 -> #666678 색상 변경 */
.inp-type01 .btn.clear{bottom:1.5rem;right:1.6rem}
.inp-type01 .select-item > .btn-wrap{z-index:2;position:absolute;top:0;left:0;right:0;bottom:0}
.inp-type01 .select-item > .btn-wrap .btn.select{display:block;width:100%;height:100%;border:0}
.inp-type01 > .item-group{overflow:hidden;display:flex;position:relative;background:#fff;border-radius:1.6rem}
.inp-type01.disabled > .item-group,
.inp-type01.readonly > .item-group{background:#f5f6fa;border:1px solid #dee1ea;}
.inp-type01.readonly > .item-group input:read-only ~ label{color:#000}
.inp-type01.readonly > .item-group input:read-only:focus ~ label{border-color:transparent;box-shadow:none;}
.inp-type01.error input,
.inp-type01.error input:focus{border-color:transparent}
.inp-type01.error input ~ label{border-color:#f73824;box-shadow:none}
/* 2023 웹접근성 수정 */
.inp-box.inp-type01 .inp-item label, .inp-box.inp-type01 .inp-item .label{position:absolute;left:0;top:0;right:0;bottom:0;padding:1.8rem 4.1rem 1.8rem 1.9rem;color:#458af4;font-size:1.3rem;font-weight:500;background:#fff;border:1px solid#dee1ea; border-radius:1.6rem; box-shadow: none;} /* 202407 접근성 | border transparent -> #dee1ea 색상 변경 */
.inp-box.inp-type01.focused:not(.disabled, .readonly, .error) .inp-item:first-child label,
.inp-box.inp-type01.focused:not(.disabled, .readonly, .error) .select-item + .inp-item label,
.inp-box.inp-type01.focused:not(.disabled, .readonly, .error) .inp-item:first-child .label,
.inp-box.inp-type01.focused:not(.disabled, .readonly, .error) .select-item + .inp-item .label{border:1px solid #0e90fe;box-shadow:0px 2px 5px 1px rgba(142, 155, 192, 0.35);}
.inp-box.inp-type01.disabled .inp-item label, .inp-box.inp-type01.disabled .inp-item .label{color:#666678;border-color:#dee1ea; background:#f5f6fa} /* 202407 접근성 | #a4adb8 -> #666678 색상 변경 */
.inp-box.inp-type01.readonly .inp-item label, .inp-box.inp-type01.readonly .inp-item .label{color:#000;border-color:#dee1ea; background:#f5f6fa; border-color:#dee1ea;box-shadow:none;}
.inp-box.inp-type01.error .inp-item label, .inp-box.inp-type01.error .inp-item .label{color:#f73824;border-color:#f73824;box-shadow:none;}
.inp-box.inp-type01.disabled > .item-group label, .inp-box.inp-type01.disabled > .item-group .label,
.inp-box.inp-type01.readonly > .item-group label, .inp-box.inp-type01.readonly > .item-group .label{border: none;}
.inp-box.inp-type01.disabled .inp-item + .inp-item label, .inp-box.inp-type01.disabled .inp-item + .inp-item .label,
.inp-box.inp-type01.readonly  .inp-item + .inp-item label, .inp-box.inp-type01.readonly  .inp-item + .inp-item .label{background-color: transparent;}
/* 202409 #6781 이메일 */
.inp-type01.email-col2 .item-group .inp-item{position:static; display:flex;}
.inp-type01.email-col2 .item-group .inp-item input{flex:0 0 100%;}
.inp-type01.email-col2 .item-group .inp-item .btn.clear{flex: 0 0 auto; position:relative; bottom:auto; top:calc(50% - 0.2rem); right:3.6rem;}
.inp-type01.resident-type01 .inp-item label, .inp-type01.business-type01 .inp-item label, .inp-type01.epayment-type01 .inp-item label{background:none; border-color:transparent}
.inp-type01.resident-type01 .item-group .inp-item:first-child label, .inp-type01.business-type01 .item-group .inp-item:first-child label, .inp-type01.epayment-type01 .item-group .inp-item:first-child label{border:1px solid #dee1ea;}/* 241010 비대면 신규 가입 #6809*/
.inp-type01.business-type01.readonly .item-group .inp-item:first-child label{border-color:transparent}/* 241010 비대면 신규 가입 #6809*/
/* //2023 웹접근성 수정 */

/* ios 12 대응 */
.inp-box.inp-type01 input[inputmode="none"]:disabled{color:#000000;font-size:1.4rem;font-weight:700;-webkit-text-fill-color:#000}
.inp-box.inp-type01 input[inputmode="none"]:disabled::placeholder{color:#666678;font-weight:500} /* 202407 접근성 | #a4adb8 -> #666678 색상 변경 */
.inp-box.inp-type01 input[inputmode="none"]:disabled ~ label{position:absolute;left:0;top:0;right:0;bottom:0;padding:1.8rem 4.1rem 1.8rem 1.9rem;color:#0e90fe;font-size:1.3rem;font-weight:500;background:#fff;border:1px solid  transparent;border-radius:1.6rem}
.inp-box.inp-type01.active > .inp-item input[inputmode="none"]:disabled ~ label{border:1px solid #0e90fe;box-shadow:0px 2px 5px 1px rgba(142, 155, 192, 0.35);}
.inp-box.inp-type01.amount {color:#000}
.inp-box.inp-type01.amount input[inputmode="none"]:disabled + .won{color:#000}
.inp-box.inp-type01 input[type="password"][inputmode="none"]:disabled{font-size:2.7rem}
.inp-box.inp-type01 input[type="password"][inputmode="none"]:disabled:placeholder-shown{font-size:1.4rem}
.inp-box.inp-type01 .btn-hidden{z-index:2;position:absolute;top:0;left:0;width:100%;height:100%;}
.inp-box.inp-type01.resident-type01 input[inputmode="none"]:disabled ~ label{background:transparent}

/* 인풋 - type01 - 금액입력 */
.inp-type01.amount .inp-item label{position:absolute;left:0;top:0;right:0;bottom:0;padding:1.8rem 4.1rem 1.8rem 1.9rem;color:#0e90fe;font-size:1.3rem;font-weight:500;background:#fff;border:1px solid #dee1ea; border-radius:1.6rem} /* 202407 접근성 | border transparent -> #dee1ea 색상 변경 */
.inp-type01.amount .inp-item input{text-align:right; padding-right:3.8rem} /* 2023 웹접근성 수정 */
.inp-type01.amount .inp-item input:disabled + .won{color:#666678} /* 202407 접근성 | #a4adb8 -> #666678 색상 변경 */
.inp-type01.amount .inp-item .won{z-index:1;position:absolute;bottom:2rem;right:1.9rem;font-size:1.4rem;font-weight:700;line-height:1}
.inp-type01.amount .inp-item .amount-kr{position:absolute;top:1.9rem;right:1.9rem;color:#666678;font-size:1.3rem;font-weight:500} /* 202407 접근성 | #8f8f9f -> #666678 색상 변경 */
.inp-type01.amount .btn.clear{right:1.5rem;bottom:1.6rem}
/* 인풋 - type01 - 금액입력 + won-type01 */
.inp-type01.amount.won-type01 input{padding-right:5rem}

/* 인풋 - type01 - 검색 */
.inp-type01.search .inp-item input{padding-right:7rem}
.inp-type01.search .btn.clear{bottom:1.66rem;right:4.4rem}
.inp-type01.search .btn.search{z-index:5;position:absolute;top:3.4rem;right:1.7rem}
.inp-type01.search input:read-only ~ .btn.search,
.inp-type01.search input:disabled ~ .btn.search{background-image:url('../img/common/ico_search_disabled01.png');}

/* 인풋 - type01 - resident-type01 (주민등록번호) */
.inp-type01.resident-type01 .inp-item{flex:auto;display:flex;align-items:center;position:static}
.inp-type01.resident-type01 .inp-item:first-child,
.inp-type01.resident-type01 .inp-item:first-child .btn-hidden{width:44.5%}
.inp-type01.resident-type01 .inp-item:first-child input{padding-right:0}
.inp-type01.resident-type01 .inp-item:first-child .btn.clear{right:55%}
.inp-type01.resident-type01 .inp-item:nth-child(2){width:55.5%; position: relative;} /* 2023 웹접근성 수정 */
.inp-type01.resident-type01 .inp-item:nth-child(2) .btn-hidden{width: calc(100% - 3.5rem); left:auto; right:0;} /* 2023 웹접근성 수정 */
/* .inp-type01.resident-type01 .inp-item:nth-child(2) .btn-hidden{left:auto;right:0;width:44.5%} */
.inp-type01.resident-type01 .inp-item:nth-child(2) input{padding-left:0;padding-right:2rem}
.inp-type01.resident-type01 .inp-item:first-child ~ .inp-item:before{content:'-';display:inline-block;padding:3.8rem 1.5rem 1.7rem 1.5rem;font-size:1.4rem;color:#000;box-sizing:border-box}
.inp-type01.resident-type01 .inp-item label{background:none}
.inp-type01.resident-type01.error .inp-item:first-child ~ .inp-item label{border:none}
.inp-type01.resident-type01 .inp-item.type02 input{padding-right:0;width:1.4rem}
.inp-type01.resident-type01 .inp-item .mark-box{display:flex;align-items:center;padding:3.7rem 1.5rem 1.7rem 0;min-height:7.4rem}
.inp-type01.resident-type01 .mark-box .mark{width:0.8rem;height:0.8rem;border-radius:50%;background:#000}
.inp-type01.resident-type01 .mark-box .mark + .mark{margin-left:0.6rem}
.inp-type01.resident-type01.disabled .mark-box .mark{background:#89899d} /* 202407 접근성 | BG #a4adb8 -> #89899d 색상 변경 */

/* 접근성 인풋 인식 z-index 수정 */
.inp-type01 .inp-item.accessBox{  }
.inp-type01 .inp-item.accessBox .btn-hidden{z-index: 2 ;  }
.inp-type01 .inp-item.accessBox input   { z-index:3  }


/* 인풋 - type01 - license-type01 (운전면허) */
.inp-type01.license-type01 .inp-item{flex:auto;display:flex;align-items:center;position:static}
.inp-type01.license-type01 .inp-item:first-child{width:14.2%}/* 24.03.20 결함#6035 */
.inp-type01.license-type01 .inp-item:nth-child(2){width:14.1%; justify-content:space-between;}/* 24.03.20 결함#6035 */
.inp-type01.license-type01 .inp-item:nth-child(3){width:27.4%; position:relative; margin:1px 0;}/* 24.03.20 결함#6035 */
.inp-type01.license-type01 .inp-item>button.btn.clear{width:2.3rem; height:2.3rem; position:relative; padding:0; margin:0; flex:0 0 auto; right:0; bottom:auto; margin-top:1.8rem;}/* 24.03.20 결함#6035 */
.inp-type01.license-type01 .inp-item:last-child{width:20.2%;}/* 24.03.20 결함#6035 */
.inp-type01.license-type01 .inp-item:first-child input{padding-right:0}
.inp-type01.license-type01 .inp-item:nth-child(2) input,
.inp-type01.license-type01 .inp-item:nth-child(3) input,
.inp-type01.license-type01 .inp-item:last-child input{padding-left:0;padding-right:0;}/* 24.03.20 결함#6035 */
.inp-type01.license-type01 .inp-item:last-child{padding-right:2rem;}/* 24.03.20 결함#6035 */
.inp-type01.license-type01 .inp-item:first-child ~ .inp-item:before{content:'-';display:inline-block;padding:3.8rem 1rem 1.7rem 1rem;font-size:1.4rem;color:#000;box-sizing:border-box; position:relative;z-index:1;}/* 24.03.20 결함#6035 */
.inp-type01.license-type01 .inp-item label{background:none}
.inp-type01.license-type01.error .inp-item:first-child ~ .inp-item label{border:none}

/* 인풋 - type01 phone-type */
.inp-type01[class*="phone-type"] .select-info{z-index:1;outline:none;position:relative;padding:3.9rem 2.4rem 1.8rem 2rem;width:100%}
.inp-type01[class*="phone-type"] .select-info > .text{display:block;padding-right:1.8rem;font-size:1.4rem;font-weight:700;background:url('../img/common/ico_arrow01.png')no-repeat right 0.3rem center/1.2rem auto;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;-webkit-text-overflow:ellipsis}
.inp-type01[class*="phone-type"] .select-item{flex:0 0 auto}
.inp-type01[class*="phone-type"] .inp-item{position:static}
.inp-type01[class*="phone-type"].disabled .select-info > .text{color:#89899d;background-image:url('../img/common/ico_arrow02.png')} /* 202407 접근성 | #a4adb8 -> #89899d 색상 변경 */

/* 인풋 - type01 phone-type01 */
.inp-type01.phone-type01 .select-item{width:10.4rem}
.inp-type01.phone-type01 .inp-item input{padding-left:0}

/* 인풋 - type01 phone-type02 */
.inp-type01.phone-type02 .select-item.carrier{width:11.9rem}
.inp-type01.phone-type02 .select-item.code{width:6.7rem}
.inp-type01.phone-type02 .select-item.carrier .select-info{padding-right:0}
.inp-type01.phone-type02 .select-item.code .select-info{padding-lefT:1.6rem;padding-right:0}
.inp-type01.phone-type02 .inp-item input{padding-left:1.6rem;padding-right:3.8rem}

/* 인풋 - type01 - 인증 */
.inp-type01.certify-type02 .inp-item,
.inp-type01.certify-type01 .inp-item{position:static}
.inp-type01.certify-type01 .inp-item input,
.inp-type01.certify-type02 .inp-item input{padding-right:2rem}
.inp-type01.certify-type01 .certify-item,
.inp-type01.certify-type02 .certify-item{flex-shrink:0;position:relative}

/* 인풋 - type01 certify-type01 */
.inp-type01.certify-type01 .inp-item .btn.clear{right:12.8rem}
.inp-type01.certify-type01 .certify-box{padding:3.2rem 2rem 1.4rem 1.9rem}
.inp-type01.certify-type01 .certify-box .btn-wrap > .btn.certify{padding:0 0.4rem;min-width:9rem;height:2.8rem;color:#fff;font-size:1.3rem;font-weight:500;border:1px solid #333340;border-radius:0.6rem;background:#333340;}
.inp-type01.certify-type01 .certify-box .btn-wrap > .btn.certify:disabled{color:#c9cfd6;border-color:#dee1ea;background:#f5f6fa}
.inp-type01.certify-type01.re-certify .inp-item .btn.clear{right:9.1rem}
.inp-type01.certify-type01.re-certify .certify-box .btn-wrap > .btn.certify{padding:0 0.4rem;min-width:5.3rem;height:2.8rem;color:#666678;font-size:1.3rem;font-weight:500;border:1px solid #c9cfd6;border-radius:0.6rem;background:#fff}


/* 인풋 - type01 certify-type02 */
.inp-type01.certify-type02 .inp-item .btn.clear{right:6.8rem}/* 202407 접근성 | right:4.9rem -> right:6.8rem 수치 변경 */
.inp-type01.certify-type02 .certify-box{display:flex;flex-direction:column;justify-content:flex-end;padding:2rem 2rem 1.8rem 0.4rem;min-height:7.4rem;text-align:right}
.inp-type01.certify-type02 .certify-box .time{color:#f73824;font-size:1.3rem}

/* 인풋 - type01 - business-type01 (사업자번호) */
.inp-type01.business-type01 .item-group label{background:none}
.inp-type01.business-type01 .inp-item{flex:auto;display:flex;align-items:center;position:static}
.inp-type01.business-type01 .inp-item:first-child{width:20%}
.inp-type01.business-type01 .inp-item:nth-child(2){width:25%}
.inp-type01.business-type01 .inp-item:nth-child(3){width:55%}
.inp-type01.business-type01 .inp-item:first-child input{padding-right:0}
.inp-type01.business-type01 .inp-item:nth-child(2) input{padding-left:0;padding-right:0}
.inp-type01.business-type01 .inp-item:nth-child(3) input{padding-left:0;padding-right:2rem}
.inp-type01.business-type01 .inp-item:first-child ~ .inp-item:before{content: ''; background-color: #89899d; width: 0.6rem; height: 0.15rem; margin:3.8rem 1.8rem 1.9rem 1.8rem; padding: 0 !important; z-index: 1} /* 202407 접근성 | #8f8f9f -> #89899d 색상 변경 */
.inp-type01.business-type01.error .inp-item:first-child ~ .inp-item label{border:none}

/* 인풋 - type01 - 넘버링 */
.inp-type01.numbering .inp-item input{padding:3.5rem 4rem 1.7rem 22.4rem;text-align:center;font-weight:400}
.inp-type01.numbering:read-only .inp-item label{color:#0e90fe; background:#fff}/* 202407 접근성 | border : 0 삭제 */
.inp-type01.numbering .inp-item .btn.minus,
.inp-type01.numbering .inp-item .btn.plus{z-index:1;position:absolute;top:3.6rem}
.inp-type01.numbering .inp-item .btn.minus{left:20.4rem}
.inp-type01.numbering .inp-item .btn.plus{right:2rem}

/* 인풋 - epayment-type01 - 전자납부번호 */
.inp-type01.epayment-type01 .inp-item{flex:auto;display:flex;align-items:center;position:static}
.inp-type01.epayment-type01 .inp-item:first-child{width:24.4%}
.inp-type01.epayment-type01 .inp-item:last-child{width:75.6%}
.inp-type01.epayment-type01 .inp-item:first-child input{padding-right:0}
.inp-type01.epayment-type01 .inp-item:last-child input{padding-left:0;padding-right:2rem}
.inp-type01.epayment-type01 .inp-item:first-child ~ .inp-item:before{content:'-';display:inline-block;padding:3.8rem 1.1rem 1.7rem 1.1rem;font-size:1.4rem;color:#000;box-sizing:border-box}
.inp-type01.epayment-type01 .inp-item label{background:none}
.inp-type01.epayment-type01 .inp-item:first-child input:read-only ~ label{border:none}

/* 인풋 - btn-type01 */
.inp-box.btn-type01{position:relative;width:100%}
.inp-box.btn-type01 > .item-group{overflow:hidden;display:flex;align-items:center;position:relative;width:100%;min-height:7.4rem;border:1px solid #dee1ea; border-radius:1.6rem;background:#fff}/* 202407 접근성 | border transparent -> #dee1ea 색상 변경 */
.inp-box.btn-type01.search .search-info > .title,
.inp-box.btn-type01.select .select-info > .title,
.inp-box.btn-type01.double-select .select-title > .title{display:inline-block;position:relative;padding-right:0.7rem;color:#0e90fe;font-size:1.3rem;font-weight:500}
.inp-box.btn-type01.search .search-info > .text,
.inp-box.btn-type01.select .select-info > .text{display:block;margin-top:0.5rem;color:#89899d;font-size:1.4rem;font-weight:500} /* 202407 접근성 | #a4adb8 -> #89899d 색상 변경 */
.inp-box.btn-type01.search .search-info > .text.active,
.inp-box.btn-type01.select .select-info > .text.active{color:#000;font-weight:700}
.inp-box.btn-type01.active > .item-group,
.inp-box.btn-type01.search.active > .search-item,
.inp-box.btn-type01.select.active > .select-item,
.inp-box.btn-type01.select.active > .item-group{border-color:#0e90fe;box-shadow:0px 2px 5px 1px rgba(142, 155, 192, 0.35)}
.inp-box.btn-type01.search.require .search-info > .title:before,
.inp-box.btn-type01.select.require .select-info > .title:before,
.inp-box.btn-type01.search.require .search-info > .title:before,
.inp-box.btn-type01.double-select.require .select-title > .title:before{content:'';display:block;position:absolute;top:0.3rem;right:0;width:0.3rem;height:0.3rem;background:#f06a22;border-radius:50%} /* 202407 접근성 | #ef7d21 -> #f06a22 색상 변경 */
.inp-box.btn-type01.error > .item-group,
.inp-box.btn-type01.search.error > .search-item,
.inp-box.btn-type01.select.error > .select-item{border-color:#f73824}
.inp-box.btn-type01.search.error .search-info > .title,
.inp-box.btn-type01.select.error .select-info > .title,
.inp-box.btn-type01.double-select.error .select-title > .title{color:#f73824}
.inp-box.btn-type01.search.error.require .search-info > .title:before,
.inp-box.btn-type01.select.error.require .select-info > .title:before,
.inp-box.btn-type01.double-select.error .select-title > .title:before{background:#f73824}
.inp-box.btn-type01.readonly > .item-group,
.inp-box.btn-type01.disabled > .item-group,
.inp-box.btn-type01.search.disabled > .search-item,
.inp-box.btn-type01.select.disabled > .select-item{background:#f5f6fa;border-color:#dee1ea}
.inp-box.btn-type01.search.disabled .search-info > .title,
.inp-box.btn-type01.select.disabled .select-info > .title,
.inp-box.btn-type01.double-select.disabled .select-title > .title{color:#666678}/* 202407 접근성 | #a4adb8 -> #666678 색상 변경 */
.inp-box.btn-type01.search.disabled .search-info > .text,
.inp-box.btn-type01.select.disabled .select-info > .text,
.inp-box.btn-type01.double-select.disabled .select-info > .text{color: #89899d;}/* 202407 접근성 | #a4adb8 -> #89899d 색상 변경 */
.inp-box.btn-type01.readonly .select-info > .title,
.inp-box.btn-type01.readonly .select-info > .text,
.inp-box.btn-type01.readonly .select-title > .title{color:#000}
.inp-box.btn-type01.search.disabled .search-info > .title:before,
.inp-box.btn-type01.select.disabled .select-info > .title:before,
.inp-box.btn-type01.double-select.disabled .select-title > .title:before{background:#89899d} /* 240924 결함#6744 | 필수입력 색상값 통일 */
.inp-box.btn-type01.search.disabled .btn.search{background-image:url('../img/common/ico_search_disabled01.png')}
.inp-box.btn-type01.select .select-item > .btn-wrap{position:absolute;top:0;left:0;right:0;bottom:0}
.inp-box.btn-type01.select .select-item > .btn-wrap > button{display:block;width:100%;height:100%}


/* 인풋 - btn-type01 - 서치 박스(버튼) */
.inp-box.btn-type01.search{flex-wrap:wrap;background:none}
.inp-box.btn-type01.search .search-item,
.inp-box.btn-type01.search .search-list{width:100%}
.inp-box.btn-type01.search .search-item{z-index:1;position:relative;background:#fff;border:1px solid #dee1ea;border-radius:1.6rem} /* 202407 접근성 | border transparent -> #dee1ea 색상 변경 */
.inp-box.btn-type01.search .search-item .search-info{padding:1.7rem 5.8rem 1.7rem 2rem;width:100%}
.inp-box.btn-type01.search .search-item .btn-wrap,
.inp-box.btn-type01.search .search-item .btn.search{position:absolute;top:0;left:0;width:100%;height:100%}
.inp-box.btn-type01.search .search-item .btn.search{padding:0;background-position:bottom 2.1rem right 2.13rem;}
.inp-box.btn-type01.search .search-list{z-index:1;position:relative;padding:0 1.5rem 1.4rem 2rem;border:0;background:#fff;border:1px solid transparent;border-radius:0 0 1.6rem 1.6rem;}
.inp-box.btn-type01.search .search-item + .search-list:before{z-index:-1;content:'';display:block;position:absolute;top:-2rem;left:-1px;right:-1px;bottom:-1px;background:#fff;border:1px solid #dee1ea;border-top:none;border-radius:0 0 1.6rem 1.6rem} /* 결함#6543 */ /* 202407 접근성 | border transparent -> #dee1ea 색상 변경, botttom 값 수정 */
.inp-box.btn-type01.search .search-list .list-item + .list-item{margin-top:1.3rem}
.inp-box.btn-type01.search .search-list .info-box{display:flex;align-items:center;justify-content:space-between}
.inp-box.btn-type01.search .search-list .info-box > .title{font-size:1.4rem;font-weight:500}
.inp-box.btn-type01.search.active .search-item + .search-list:before{border-color:#0e90fe}
.inp-box.btn-type01.search.error{border-radius:0}
.inp-box.btn-type01.search.error .search-item{border:1px solid #f73824}
.inp-box.btn-type01.search.error .search-item + .search-list:before{border-color:#f73824}
.inp-box.btn-type01.search.error .search-info > .title{color:#f73824}
.inp-box.btn-type01.search.error.require .search-info > .title:before{background:#f73824}
.inp-box.btn-type01.search.require .search-info > .title:before{content:'';display:block;position:absolute;top:0.3rem;right:0;width:0.3rem;height:0.3rem;background:#f06a22;border-radius:50%} /* 202407 접근성 | #ef7d21 -> #f06a22 색상 변경 */
.inp-box.btn-type01.search.require.disabled .search-info > .title:before{background:#89899d;} /* 240924 결함#6744 | 필수입력 색상값 통일 */


/* 인풋 - btn-type01 - 셀렉트 박스(버튼) */
.inp-box.btn-type01.select .select-item{flex:1;display:block;min-height:7.4rem;border:1px solid #dee1ea; border-radius:1.6rem;background:#fff} /* 202407 접근성 | border #fff -> #dee1ea 색상 변경 */
.bg-white .inp-box.btn-type01.select .select-item{border:1px solid #dee1ea;}/* 240614 CDD/EDD | border 수정 */
.bg-white .inp-box.btn-type01.select.error .select-item{border:1px solid #f73824;}/* 240614 CDD/EDD | border 수정 */
.inp-box.btn-type01.select .select-info{outline:none;position:relative;padding:1.7rem 2rem 1.7rem;width:100%;font-size:1.4rem;font-weight:700;background:url('../img/common/ico_arrow01.png')no-repeat right 2.3rem bottom 2.4rem/1.2rem auto}
.inp-box.btn-type01.select .select-info.active{padding:0;background:none}
.inp-box.btn-type01.select .select-info.active > .information-item{border:0}
.inp-box.btn-type01.select .select-info > .text{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;padding-right:2rem;color:#000;font-weight:700}
.inp-box.btn-type01.select .select-info > .info-box{display:flex;align-items:center;margin-top:0.5rem}
.inp-box.btn-type01.select .select-info > .info-box .info-img{flex-shrink:0;overflow:hidden;margin-right:0.5rem;width:1.8rem;height:1.8rem;border-radius:50%}
.inp-box.btn-type01.select .select-info > .info-box .info-img img{width:100%;height:100%}
.inp-box.btn-type01.select .select-info > .info-box .text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;padding-right:2rem;color:#000;font-weight:700}
.inp-box.btn-type01.select .select-info > .security-info{margin-top:0.6rem;padding-right:2rem;}
.inp-box.btn-type01.select .select-info > .security-info,
.inp-box.btn-type01.select .select-info > .security-info .mark-box{display:flex;align-items:center}
.inp-box.btn-type01.select .select-info > .security-info .mark-box .mark{display:block;width:0.8rem;height:0.8rem;background:#000;border-radius:50%; }
.inp-box.btn-type01.select .select-info > .security-info .mark-box .mark::before{ content:"●"; font-size:6px; color:transparent}
.inp-box.btn-type01.select .select-info > .security-info .mark-box .mark + .mark{margin-left:0.4rem}
.inp-box.btn-type01.select .select-info > .security-info .mark-box + .number{margin-left:0.4rem}
.inp-box.btn-type01.select .select-info > .security-info .number,
.inp-box.btn-type01.select .select-info > .security-info .name{font-weight:700}
.inp-box.btn-type01.select .select-info > .security-info .name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;}
.inp-box.btn-type01.select.disabled .select-info{background-image:url('../img/common/ico_arrow02.png');}
.inp-box.btn-type01.select .select-info.active .information-item .account-info > .title:before{content:'';display:block;position:absolute;top:0.5rem;right:0;width:1.2rem;height:0.7rem;background:url('../img/common/ico_arrow01.png')no-repeat center/1.2rem auto}

/* 인풋 - btn-type01 - 셀렉트 박스(더블-버튼) */
.inp-box.btn-type01.double-select .select-title{position:absolute;top:1.8rem;left:2rem}
.inp-box.btn-type01.double-select .select-item + .select-item > .select-info{padding-left:1.6rem}
.inp-box.btn-type01.double-select .select-item > .select-info{padding:3.9rem 3.8rem 1.7rem 2rem;background:url('../img/common/ico_arrow01.png')no-repeat right 2.3rem bottom 2.4rem/1.2rem auto}
.inp-box.btn-type01.double-select .select-item > .btn-wrap{position:absolute;top:0;left:0;right:0;bottom:0}
.inp-box.btn-type01.double-select .select-item > .btn-wrap .btn.select{width:100%;height:100%}
.inp-box.btn-type01.double-select .select-item > .select-info .text{font-weight:700}
.inp-box.btn-type01.double-select.disabled .select-item > .select-info{background-image:url('../img/common/ico_arrow02.png')}


/* 인풋 - btn-type01 account-type01 */
.btn-type01.account-type01 .select-item.bank{flex-shrink:0;width:17rem}/* 240607(대구) */
.btn-type01.account-type01 .select-item.account{flex:1}
.btn-type01.account-type01 .select-item.bank > .select-info{padding:1.7rem 2rem 1.6rem}
.btn-type01.account-type01 .select-item.account > .select-info{padding:3.9rem 2rem 1.7rem 0}
.btn-type01.account-type01 .select-item .btn-wrap{position:absolute;top:0;left:0;right:0;bottom:0}
.btn-type01.account-type01 .select-item .btn-wrap button{display:block;width:100%;height:100%}
.btn-type01.account-type01 .select-info{position:relative;width:100%}
.btn-type01.account-type01 .select-img{overflow:hidden;margin-right:0.5rem;width:1.8rem;height:1.8rem;border-radius:50%}
.btn-type01.account-type01 .select-img > img{width:100%;height:100%}
.btn-type01.account-type01 .select-info > .title{display:inline-block;position:relative;padding-right:0.7rem;color:#0e90fe;font-size:1.3rem;font-weight:500}
.btn-type01.account-type01 .info-box{display:flex;align-items:center;margin-top:0.5rem}
.btn-type01.account-type01 .info-box > .info-img{flex-shrink:0;overflow:hidden;width:1.8rem;height:1.8rem;border-radius:50%}
.btn-type01.account-type01 .info-box > .info-img img{width:100%;height:100%}
.btn-type01.account-type01 .info-box > .text{margin-left:0.5rem;padding-right:1.4rem;width:100%;word-break:break-all;font-size:1.4rem;font-weight:700;line-height:1;letter-spacing:-1px;background:url('../img/common/ico_arrow01.png')no-repeat right 0.1rem center/1.2rem auto}/* 240607(대구) */
.btn-type01.account-type01 .select-info .account{color:#89899d;font-weight:500;letter-spacing:-0.09rem;text-align:right} /* 202407 접근성 | #a4adb8 -> #89899d 색상 변경 */
.btn-type01.account-type01 .select-info .account.active{color:#000;font-weight:700}
.btn-type01.account-type01 > .item-group.full > .btn-wrap{position:absolute;top:0;left:0;right:0;bottom:0}
.btn-type01.account-type01 > .item-group.full > .btn-wrap button{display:block;width:100%;height:100%}
.btn-type01.account-type01 > .item-group.full .info-box > .text{background:none}

/* 인풋 - inp-type01 account-type01 */
.inp-type01.account-type01 .select-item{flex:0 0 auto;width:15rem}
.inp-type01.account-type01 .select-info{z-index:1;outline:none;position:relative;padding:3.4rem 2rem 1.7rem 2rem;width:100%}
.inp-type01.account-type01 .select-img{overflow:hidden;margin-right:0.5rem;width:1.8rem;height:1.8rem;border-radius:50%}
.inp-type01.account-type01 .select-img > img{width:100%;height:100%}
.inp-type01.account-type01 .select-info > .title{display:inline-block;position:relative;padding-right:0.7rem;color:#0e90fe;font-size:1.3rem;font-weight:500}
.inp-type01.account-type01 .info-box{display:flex;align-items:center;margin-top:0.5rem}
.inp-type01.account-type01 .info-box > .info-img{overflow:hidden;width:1.8rem;height:1.8rem;border-radius:50%}
.inp-type01.account-type01 .info-box > .info-img img{width:100%;height:100%}
.inp-type01.account-type01 .info-box > .info-img + .text{margin-left:0.5rem}
.inp-type01.account-type01 .info-box > .text{padding-right:2.3rem;width:9rem;font-size:1.4rem;font-weight:700;line-height:1;background:url('../img/common/ico_arrow01.png')no-repeat right 0.1rem center/1.2rem auto;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;}
.inp-type01.account-type01 .inp-item{position:static}
.inp-type01.account-type01 .inp-item input{padding-left:0}
.inp-type01.account-type01.disabled .select-info > .text{color:#a4adb8;background-image:url('../img/common/ico_arrow02.png')}


/* 인풋 - type02 */
.inp-type02 .inp-item{overflow:hidden;position:relative}
.inp-type02 input{padding:0 2.1rem 0 0;width:100%;height:4rem;border-bottom:1px solid #c9cfd6;background:#fff}
.inp-type02 input:focus,
.inp-type02.active input{outline:none;border-color:#666678}
.inp-type02.error input,
.inp-type02.error input:focus{border-color:#f73824}
.inp-type02 input:disabled{border-color:#dee1ea;background:none}
.inp-type02 .btn.clear{top:50%;right:-0.3rem;transform:translateY(-50%)}
.inp-type02 > .item-group{display:flex;position:relative}

/* 인풋 - type02 - 검색 */
.inp-type02.search input{padding-right:4.9rem}
.inp-type02.search input:read-only ~ .btn.search,
.inp-type02.search input:disabled ~ .btn.search{background-image:url('../img/common/ico_search_disabled01.png');}
.inp-type02.search .btn.search{position:absolute;top:50%;right:-0.26rem;transform:translateY(-50%)}
.inp-type02.search .btn.clear{right:2.4rem}

/* 인풋 - type02 - account-type 공통 */ /* 202407 접근성 | 스타일 수정 */
.inp-type02[class*="account-type"] .item-group{height:4rem;background:#fff; border-bottom: 1px solid #c9cfd6;}
.inp-type02[class*="account-type"].focused .item-group, .inp-type02[class*="account-type"].active .item-group{border-color: #666678;}
.inp-type02[class*="account-type"].disabled .item-group{border-color: #dee1ea;}
.inp-type02[class*="account-type"].error .item-group{border-color: #f73824;}
.inp-type02[class*="account-type"] .select-item{display:block;position:relative;padding:1.2rem 0 1rem;width:11.4rem}
.inp-type02[class*="account-type"] .select-item .select-info{z-index:1;outline:none;position:relative;padding:0;width:100%;height:100%}
.inp-type02[class*="account-type"] .select-item .select-info > .text{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;padding-right:1.8rem;font-size:1.4rem;font-weight:700;background:url('../img/common/ico_arrow01.png')no-repeat right 0.3rem center/1.2rem auto}
.inp-type02[class*="account-type"] .select-item > .btn-wrap {z-index:1;position:absolute;top:0;left:0;right:0;bottom:0}
.inp-type02[class*="account-type"] .select-item > .btn-wrap .btn.select {width:100%;height:100%;border:0;padding:0}
.inp-type02[class*="account-type"] .item-group > .inp-item {flex:1;position:static}
.inp-type02[class*="account-type"] .item-group > .inp-item input ~ label{display:none; position:absolute;left:0;top:0;right:0;bottom:0;border-bottom:1px solid #c9cfd6} 
.inp-type02[class*="account-type"] .inp-item input:disabled{color:#89899d} /* 202407 접근성 | #a4adb8 -> #89899d 색상 변경 */
.inp-type02[class*="account-type"].disabled .select-info .text{color:#89899d;background-image:url('../img/common/ico_arrow02.png')} /* 202407 접근성 | #a4adb8 -> #89899d 색상 변경 */

/* 인풋 - type02 - account-type01 */
.inp-type02.account-type01 .item-group > .inp-item input {padding:0 4.9rem 0 2.6rem;width:100%;height:100%;border:0;background:none;}
.inp-type02.account-type01 .btn.clear {right:2.4rem}
.inp-type02.account-type01 .btn.search {z-index:5;position: absolute;top:50%;transform:translateY(-50%);right:-0.26rem}
.inp-type02.account-type01.disabled .btn.search{background-image:url('../img/common/ico_search_disabled01.png')}

/* 인풋 - type02 - account-type02 */
.inp-type02.account-type02 .item-group > .inp-item input {padding:0 0 0 2.4rem;width:100%;height:100%;border:0;text-align:right;background:none;}
.inp-type02.account-type02 .btn.clear{right:-0.3rem}
.inp-type02.account-type02 .info-box{display:flex;align-items:center}
.inp-type02.account-type02 .info-box .info-img{flex-shrink:0;overflow:hidden;width:1.8rem;height:1.8rem;border-radius:50%}
.inp-type02.account-type02 .info-box .info-img img{width:100%;height:100%}
.inp-type02.account-type02 .info-box .info-img + .text{margin-left:0.5rem;width:10.1rem}
.inp-type02.account-type02 .info-box .text{padding-right:1.8rem;font-weight:700;background:url('../img/common/ico_arrow01.png')no-repeat right 0.3rem center/1.2rem auto}
.inp-type02.account-type02 .info-box .text.none{padding-right:0;background:none}
.inp-type02.account-type02 .item-group > .inp-item input:read-only::placeholder{color:#89899d;font-weight:500}/* 202407 접근성 | #a4adb8 -> #89899d 색상 변경 */
.inp-type02.account-type02 .item-group > .inp-item input:read-only:focus ~ label{border-color:#c9cfd6}

/* 인풋 - type02 - phone-type */
.inp-type02[class*="phone-type"] .item-group{height:4rem;background:#fff}
.inp-type02[class*="phone-type"] .select-item{display:block;position:relative;padding:1.2rem 0 1rem;width:11.4rem}
.inp-type02[class*="phone-type"] .select-item .select-info{z-index:1;outline:none;position:relative;padding:0;width:100%;height:100%}
.inp-type02[class*="phone-type"] .select-item .select-info > .text{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;padding-right:1.8rem;font-size:1.4rem;font-weight:700;background:url('../img/common/ico_arrow01.png')no-repeat right 0.3rem center/1.2rem auto}
.inp-type02[class*="phone-type"] .select-item > .btn-wrap {z-index:1;position:absolute;top:0;left:0;right:0;bottom:0}
.inp-type02[class*="phone-type"] .select-item > .btn-wrap .btn.select {display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;width:100%;height:100%;border:0;padding:0}
.inp-type02[class*="phone-type"] .item-group > .inp-item {flex:1;position:static}
.inp-type02[class*="phone-type"] .item-group > .inp-item input ~ label{position:absolute;left:0;top:0;right:0;bottom:0;border-bottom:1px solid #c9cfd6}
.inp-type02[class*="phone-type"] .inp-item input:focus ~ label{border-color:#666678}
.inp-type02[class*="phone-type"] .inp-item input:disabled{color:#89899d} /* 202407 접근성 | #a4adb8 -> #89899d 색상 변경 */
.inp-type02[class*="phone-type"] .inp-item input:disabled ~ label{border-color:#dee1ea}
.inp-type02[class*="phone-type"].disabled .select-info .text{color:#89899d;background-image:url('../img/common/ico_arrow02.png')} /* 202407 접근성 | #a4adb8 -> #89899d 색상 변경 */
.inp-type02[class*="phone-type"].active .inp-item input ~ label{border-color:#666678}
.inp-type02[class*="phone-type"].error .inp-item input ~ label{border-color:#f73824}

/* 인풋 - type02 - phone-type01 */
.inp-type02[class*="phone-type"] .item-group > .inp-item input{padding-left:2.4rem}


/*  인풋 - type02 - amount 금액 */
.inp-type02.amount{padding-top:0.7rem}
.inp-type02.amount .inp-item{overflow:visible}
.inp-type02.amount .inp-item input {position:relative;padding-right:2rem;text-align:right}
.inp-type02.amount .inp-item .won{z-index:1;position:absolute;bottom:1.3rem;right:0rem;font-size:1.4rem;font-weight:700;line-height:1}
.inp-type02.amount .inp-item input:read-only:focus{border-bottom:1px solid #c9cfd6;} /* 202407 접근성 | #c9cfd6 -> #89899d 색상 변경 */
.inp-type02.amount .inp-item input:read-only::placeholder{color:#a4adb8;font-weight:500} /* 202407 접근성 | #a4adb8 -> #89899d 색상 변경 */
.inp-type02.amount .inp-item .amount-kr {display: block;position:absolute;top:-0.7rem;right:0; text-align: right; color:#89899d;font-size:1.3rem;line-height:1} /* 202407 접근성 | #a4adb8 -> #89899d 색상 변경 */

/* 인풋 - type03 */
.inp-type03 .inp-item{overflow:hidden;position:relative}
.inp-type03 input{padding:1.2rem;width:100%;height:4rem;border:1px solid #c9cfd6;background:#fff;border-radius:1rem}
.inp-type03 input:focus,
.inp-type03.active input{outline:none;border-color:#666678}
.inp-type03.error input,
.inp-type03.error input:focus{border-color:#f73824}
.inp-type03 input:disabled{border-color:#dee1ea;}
.inp-type03 .btn.clear{top:50%;right:-0.3rem;transform:translateY(-50%)}
.inp-type03 > .item-group{display:flex;position:relative}

/* 인풋 - type03 - 검색 */
.inp-type03.search input{padding-right:5.6rem}
.inp-type03.search input:read-only ~ .btn.search,
.inp-type03.search input:disabled ~ .btn.search{background-image:url('../img/common/ico_search_disabled01.png');}
.inp-type03.search .btn.search{position:absolute;top:50%;right:0.8rem;transform:translateY(-50%)}
.inp-type03.search .btn.clear{right:3.3rem}

/* 인풋 - btn-type02 셀렉트 & 서치 */
.inp-wrap > .inp-box.btn-type02.select + .inp-box.btn-type02.select{margin-left:2rem}
.inp-box.btn-type02{overflow:hidden;position:relative}
.inp-box.btn-type02.select .select-info,
.inp-box.btn-type02.search .search-info{padding:1.2rem 2.1rem 1rem 0;width:100%;min-height:4rem;border-bottom:1px solid #c9cfd6}
.inp-box.btn-type02.search .search-info > .text{display:block;color:#89899d;font-weight:500} /* 202407 접근성 | #a4adb8 -> #89899d 색상 변경 */
.inp-box.btn-type02.select .select-info > .text{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;color:#000;font-weight:700;}
.inp-box.btn-type02.search .search-info > .text.active{color:#000;font-weight:700}
.inp-box.btn-type02.search.active .search-info,
.inp-box.btn-type02.select.active .select-info{border-color:#666678}
.inp-box.btn-type02.search.error .search-info,
.inp-box.btn-type02.select.error .select-info{border-color:#f73824}
.inp-box.btn-type02.search.error .search-info > .title,
.inp-box.btn-type02.select.error .select-info > .title{color:#f73824}
.inp-box.btn-type02.search.disabled .search-info,
.inp-box.btn-type02.select.disabled .select-info{background-color:#f5f6fa;border-color:#dee1ea}
.inp-box.btn-type02.search.disabled .search-info > .text,
.inp-box.btn-type02.select.disabled .select-info > .text{color:#89899d} /* 202407 접근성 | #a4adb8 -> #89899d 색상 변경 */
.inp-box.btn-type02.search.disabled .btn.search{background-image:url('../img/common/ico_search_disabled01.png')}
.inp-box.btn-type02.select .select-item > .btn-wrap{position:absolute;top:0;left:0;right:0;bottom:0}
.inp-box.btn-type02.select .select-item > .btn-wrap > button{display:block;width:100%;height:100%}

/* 인풋 - btn-type02 셀렉트 + 날짜 */
.inp-wrap.date-type01{padding:0.6rem 0}
.inp-wrap.date-type01 .inp-box.btn-type02.select + .inp-box.btn-type02.select{margin:0;padding-left:2.8rem}
.inp-wrap.date-type01 .inp-box.btn-type02.select + .inp-box.btn-type02.select:before{content:'~';display:block;position:absolute;top:50%;left:1rem;transform:translateY(-50%);font-weight:500}
.inp-wrap.date-type01 .inp-box.btn-type02.select .select-info{border-bottom:none}
.inp-wrap.date-type01 .inp-box.btn-type02.select .select-info > .text{font-weight:500}

/* 인풋 - btn-type02 - 셀렉트 */
.inp-box.btn-type02 .select-info{background:url('../img/common/ico_arrow01.png')no-repeat right 0.3rem center/1.2rem auto #fff}
.inp-box.btn-type02.disabled .select-info{background-image:url('../img/common/ico_arrow02.png')}

/* 인풋 - btn-type02 - 서치 */
.inp-box.btn-type02.search .search-info{background:#fff}
.inp-box.btn-type02.search .btn-wrap{position:absolute;top:0;left:0;right:0;bottom:0}
.inp-box.btn-type02.search .btn-wrap .btn.search{width:100%;height:100%;background-position:right 0.1rem center}

/* 인풋 - btn-type03 */
.inp-box.btn-type03 .select-item{min-height:4rem;background:#fff;border:1px solid #c9cfd6;border-radius:1.2rem}
.inp-box.btn-type03 .select-info{padding:1.1rem 3.2rem 1.1rem 1.8rem;}
.inp-box.btn-type03 .select-info > .text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;font-weight:700}
.inp-box.btn-type03 .select-item > .btn-wrap{position:absolute;top:0;right:0;bottom:0;left:0}
.inp-box.btn-type03 .select-item > .btn-wrap .btn.select{width:100%;height:100%}
.inp-box.btn-type03.active .select-item{border-color:#0e90fe;box-shadow:0px 2px 5px 1px rgb(142 155 192 / 35%);}
.inp-box.btn-type03.disabled .select-item{border-color:#dee1ea;background:#f5f6fa}
.inp-box.btn-type03.disabled .select-info > .text{color:#89899d} /* 202407 접근성 | #a4adb8 -> #89899d 색상 변경 */

/* 인풋 - btn-type03 - 셀렉트 */
.inp-box.btn-type03.select .select-info{background:url('../img/common/ico_arrow01.png')no-repeat right 1rem center/1.2rem auto}
.inp-box.btn-type03.select.disabled .select-info{background-image:url('../img/common/ico_arrow02.png')}

/* 캘린더 - 모듈화 */
/* 캘린더 공통 */
.calendar-wrap .inp-group{display:flex;background:#fff;border:1px solid #dee1ea} /* 202407 접근성 | border transparent -> #dee1ea 색상 변경 */
.calendar-wrap .inp-group > .inp-item{flex:1;position:relative}
.calendar-wrap .inp-group input{position:relative;width:100%;color:#000;font-weight:700}
.calendar-wrap .inp-group input:focus{outline:none}
.calendar-wrap .inp-group input::placeholder{color:#89899d;font-weight:500} /* 202407 접근성 | #a4adb8 -> #89899d 색상 변경 */
.calendar-wrap .inp-group label{position:absolute;left:0;top:0;right:0;bottom:0;color:#0e90fe;font-size:1.3rem;font-weight:500}
.calendar-wrap .inp-group label .require-msg{overflow:hidden;position:absolute;display:none;height:1px;width:1px;clip:rect(1px 1px 1px 1px);word-break:initial;word-wrap:initial}
.calendar-wrap .inp-group label > .title.require .require-msg{display:block}
.calendar-wrap .inp-group label > .title.require{position:relative;padding-right:0.7rem}
.calendar-wrap .inp-group label > .title.require:before{content:'';display:block;position:absolute;top:0.3rem;right:0;width:0.3rem;height:0.3rem;background:#0e90fe;border-radius:50%}/* 202407 접근성 | #ef7d21 -> #f06a22 색상 변경 */
.calendar-wrap .inp-group .btn.calendar{position:absolute}
.calendar-wrap.active .inp-group{border-color:#0e90fe !important}
.calendar-wrap.error .inp-group{border-color:#f73824 !important}
.calendar-wrap.error .inp-group label{color:#f73824 !important}
.calendar-wrap.disabled .inp-group{border-color:#dee1ea !important;background:#f5f6fa !important}
.calendar-wrap.disabled .inp-group label{color:#a4adb8 !important}
.calendar-wrap.disabled .inp-group .btn.calendar{background:url('../img/common/ico_calendar02.png')no-repeat center/1.6rem auto}
.calendar-wrap.disabled .inp-group > .inp-item + .inp-item:before{color:#a4adb8}

/* 캘린더 + 솔팅버튼 */
.calendar-wrap .calendar-box > .btn-wrap + .inp-group{margin-top:1rem}

/* 캘린더 - single-type01 */
.calendar-wrap .inp-group.single-type01{height:7.4rem;border-radius:1.6rem}
.calendar-wrap .inp-group.single-type01 label{padding:1.7rem 4.2rem 1.7rem 2rem}
.calendar-wrap .inp-group.single-type01 input{padding:3.8rem 4.1rem 1.7rem 2rem;height:7.2rem}
.calendar-wrap .inp-group.single-type01 .btn.calendar{top:3.2rem;right:1.4rem}
.calendar-wrap.active .inp-group.single-type01{box-shadow:0px 2px 5px 1px rgba(142, 155, 192, 0.35)}

/* 캘린더 - single-type02 */
.calendar-wrap .inp-group.single-type02{height:4rem;border:none;border-bottom:1px solid #c9cfd6}
.calendar-wrap .inp-group.single-type02 .inp-item{padding-right:3rem}
.calendar-wrap .inp-group.single-type02 label{overflow:hidden;position:absolute;height:1px;width:1px;clip:rect(1px 1px 1px 1px);word-break:initial;word-wrap:initial;}
.calendar-wrap .inp-group.single-type02 input{height:4rem}
.calendar-wrap .inp-group.single-type02 .btn.calendar{top:50%;right:-0.2rem;transform:translateY(-50%)}

/* 캘린더 - double-type01 */
.calendar-wrap .inp-group.double-type01{padding:0 2rem;height:7.4rem;border-radius:1.6rem}
.calendar-wrap .inp-group.double-type01 .inp-item + .inp-item{padding-left:3.6rem}
.calendar-wrap .inp-group.double-type01 .inp-item + .inp-item:before{content:'~';display:block;position:absolute;top:3.9rem;left:1.4rem;font-weight:500}
.calendar-wrap .inp-group.double-type01 label{padding:1.7rem 0 1.8rem}
.calendar-wrap .inp-group.double-type01 input{padding:3.8rem 2.4rem 1.7rem 0;height:7.2rem}
.calendar-wrap .inp-group.double-type01 .btn.calendar{top:3.1rem;right:-0.7rem}

/* 캘린더 - double-type02 */
.calendar-wrap .inp-group.double-type02{height:4rem;border:none;border-bottom:1px solid #c9cfd6}
.calendar-wrap .inp-group.double-type02 .inp-item{padding-right:2.4rem}
.calendar-wrap .inp-group.double-type02 .inp-item + .inp-item{padding-left:2.7rem}
.calendar-wrap .inp-group.double-type02 .inp-item + .inp-item:before{content:'~';display:block;position:absolute;top:1.2rem;left:0.9rem;font-size:1.4rem}
.calendar-wrap .inp-group.double-type02 label{overflow:hidden;position:absolute;height:1px;width:1px;clip:rect(1px 1px 1px 1px);word-break:initial;word-wrap:initial;}
.calendar-wrap .inp-group.double-type02 input{height:4rem}
.calendar-wrap .inp-group.double-type02 .btn.calendar{top:50%;right:-0.2rem;transform:translateY(-50%)}

/* 캘린더 - double-type03 */ /* 20230313 */
.calendar-wrap .inp-group.double-type03{height: 4rem; background-color: transparent;}
.calendar-wrap .inp-group.double-type03 .inp-item + .inp-item{padding-left: 2rem;}
.calendar-wrap .inp-group.double-type03 .inp-item + .inp-item::before{content:'~';display:block;position:absolute;top:1.2rem;left:0.6rem;font-size:1.4rem}
.calendar-wrap .inp-group.double-type03 .inp-item input{height: 4rem; border: 1px solid #c9cfd6; background-color: #ffffff; border-radius: 1rem; padding: 0 3rem 0 1rem;}
.calendar-wrap .inp-group.double-type03 .btn.calendar{right: 0.5rem; top: 50%; transform: translateY(-50%);}
.calendar-wrap .inp-group.double-type03 + .btn-wrap{margin-top: 2.7rem;}
/* //캘린더 - 모듈화 */

/* 인풋 - 체크박스&라디오 */
.inp-wrap .inp-box.radio-type01,
.inp-wrap .inp-box.chk-type01,
.inp-wrap .inp-box.chk-type02{flex:0 auto}
.inp-box input[type="radio"],
.inp-box input[type="checkbox"]{position:absolute;top:0;left:0;margin:0;padding:0;width:100%;height:100%;border:0;border-radius:0;background:none;z-index:1; appearance: auto; opacity: 0;} /* 2023 웹접근성 수정 */
.inp-box.inp-type01 + .inp-box.chk-type01,
.inp-box.inp-type02 + .inp-box.chk-type01,
.inp-box.inp-type01 + .inp-box.radio-type01,
.inp-box.inp-type02 + .inp-box.radio-type01{margin-top:1rem}

/* 체크박스&라디오 셀렉트 박스 */
.choice-box{position:relative;padding:1.8rem 2rem 1.7rem;width:100%;min-height:7.4rem;border:1px solid #dee1ea; background:#fff;border-radius:1.6rem} /* 202407 접근성 | border 0 -> #dee1ea 스타일 변경 */
.choice-box > .inp-title{display: inline-block;} /* 2023 웹접근성 수정 */
.choice-box > .inp-title > .title{position:relative;color:#0e90fe;padding-right:0.7rem;font-size:1.3rem;font-weight:500}
.choice-box.require > .inp-title > .title:before{content:'';display:block;position:absolute;top:0.3rem;right:0;width:0.3rem;height:0.3rem;background:#f06a22;border-radius:50%} /* 202407 접근성 | #ef7d21 -> #f06a22 색상 변경 */
.choice-box.require > .inp-title > .title + .ui-blind, .choice-box.require > .inp-title > .title + .require-msg{top: 2.3rem; margin-left: -0.2rem;} /* 2023 웹접근성 수정 */
.choice-box > .inp-title + .inp-wrap{margin-top:0.6rem}
.choice-box > .inp-wrap label{word-break:break-all}
.choice-box.type01 > .inp-wrap > .inp-box + .inp-box{margin-left:2.4rem}
.choice-box.type02 > .inp-wrap > .inp-box{width:100%}
.choice-box.type02 > .inp-wrap > .inp-box + .inp-box{margin-top:0.8rem}
.choice-box.type02 > .inp-wrap > .inp-group{width:100%}
.choice-box.type02 > .inp-wrap > .inp-group + .inp-group{margin-top:2.4rem}
.choice-box.type02 > .inp-wrap > .inp-group .inp-box + .inp-box,
.choice-box.type02 > .inp-wrap > .inp-group .inp-box + .mark-box{padding-left:2.6rem}
.choice-box.type02 .inp-group .mark-box{display: flex;align-items: center;margin-top:0.6rem;width:100%}
.choice-box.type02 .inp-group .mark-box .mark{flex-shrink:0;display: inline-block; width: 0.8rem; height: 0.8rem; background-color: #000; border-radius: 50%;margin-left: 0.6rem}
.choice-box.type02 .inp-box.inp-type02.phone-type01 .select-item{width:6.06rem}

/* 라디오 - type01 */
.inp-box.radio-type01 input[type="radio"] + label{display:block;position:relative;padding-left:2.6rem;color:#000;font-size:1.4rem}
.inp-box.radio-type01 input[type="radio"] + label:before{content:'';display:block;position:absolute;top:-1px;left:0;;width:1.8rem;height:1.8rem;background:url('../img/common/ico_radio_sprite01.png?v=1')no-repeat 0 0/1.8rem auto} /* 202407 접근성 | 이미지 변경 */
.inp-box.radio-type01 input[type="radio"]:checked + label:before{background-position:center}
.inp-box.radio-type01 input[type="radio"]:disabled + label{color:#89899d} /* 202407 접근성 | #a4adb8 -> #89899d 색상 변경 */
.inp-box.radio-type01 input[type="radio"]:disabled + label:before{background-position:bottom}

/* 체크박스 - type01 */
.inp-box.chk-type01 input[type="checkbox"] + label{display:block;position:relative;padding-left:2.6rem;color:#000;font-size:1.4rem}
.inp-box.chk-type01 input[type="checkbox"] + label:before{content:'';display:block;position:absolute;top:-1px;left:0;width:1.8rem;height:1.8rem;background:url('../img/common/ico_checkbox_sprite01.png?v=1')no-repeat 0 0/1.8rem auto} /* 202407 접근성 | 이미지 변경 */
.inp-box.chk-type01 input[type="checkbox"].iconHide + label:before{ display: none;}
.inp-box.chk-type01 input[type="checkbox"].iconHide + label {color:#000 !important; padding:2.3rem 2rem  }
.inp-box.chk-type01 input[type="checkbox"]:disabled.iconHide + label:before{ display: none;}
.inp-box.chk-type01 input[type="checkbox"]:checked + label:before{background-position:center}
.inp-box.chk-type01 input[type="checkbox"]:disabled + label{color:#89899d} /* 202407 접근성 | #a4adb8 -> #89899d 색상 변경 */
.inp-box.chk-type01 input[type="checkbox"]:disabled + label:before{background-position:bottom}

/* 체크박스 - type02 */
.inp-box.chk-type02 input[type="checkbox"] + label{display:block;position:relative;padding-left:1.9rem;color:#000;font-size:1.4rem}
.inp-box.chk-type02 input[type="checkbox"] + label:before{content:'';display:block;position:absolute;top:0;left:0;width:1.8rem;height:1.8rem;;background:url('../img/common/ico_checkbox_sprite02.png?v=1')no-repeat 0 0/1.8rem auto} /* 202407 접근성 | 이미지 변경 */
.inp-box.chk-type02 input[type="checkbox"]:checked + label:before{background-position:center}
.inp-box.chk-type02 input[type="checkbox"]:disabled + label{color:#89899d} /* 202407 접근성 | #a4adb8 -> #89899d 색상 변경 */
.inp-box.chk-type02 input[type="checkbox"]:disabled + label:before{color:#a4adb8;background-position:bottom}

/* 라디오 & 체크박스 - type01 - full-type01 */
.ui-contents.bg-grey .inp-box.radio-type01.full-type01 input[type="radio"] + label,
.ui-contents.bg-grey .inp-box.chk-type01.full-type01 input[type="checkbox"] + label{background:#fff} /* 결함#6543 */ /* 202407 접근성 | border : 0 삭제 */
.radio-type01.full-type01 input[type="radio"] + label,
.chk-type01.full-type01 input[type="checkbox"] + label{display:block;padding:2.3rem 2rem 2.2rem 4.6rem;border:1px solid #dee1ea;border-radius:1.6rem;background:#fff}/* 결함#6543 */ /* 202407 접근성 | border #eeeeee -> #dee1ea 색상 변경 */
.radio-type01.full-type01 input[type="radio"] + label:before,
.chk-type01.full-type01 input[type="checkbox"] + label:before{top:2.3rem;left:2rem;transform:translateY(0)}
.radio-type01.full-type01 label > .title,
.radio-type01.full-type01 label > .text,
.radio-type01.full-type01 label > .name,
.chk-type01.full-type01 label > .title,
.chk-type01.full-type01 label > .text,
.chk-type01.full-type01 label > .name{display:block}
.radio-type01.full-type01 label > .title + .text,
.chk-type01.full-type01 label > .title + .text{margin-top:0.5rem}
.radio-type01.full-type01 label > .bold{font-weight:700}
.radio-type01.full-type01 label > .text + .name,
.chk-type01.full-type01 label > .text + .name{margin-top:0.7rem;color:#89899d;font-size:1.3rem}/* 202407 접근성 | #8f8f9f -> #89899d 색상 변경 */
.radio-type01.full-type01 label > .title > span + span,
.chk-type01.full-type01 label > .title > span + span{position:relative;margin-left:0.6rem;padding-left:0.8rem}
.radio-type01.full-type01 label > .title > span + span:before,
.chk-type01.full-type01 label > .title > span + span:before{content:'';display:block;position:absolute;top:50%;left:0;transform:translateY(-50%);width:0.2rem;height:0.2rem;border-radius:50%;background:#0e90fe}
.chk-type01.full-type01 input[type="checkbox"]:disabled + label > .title > span + span:before,
.chk-type01.full-type01 input[type="radio"]:disabled + label > .title > span + span:before{background:#a4adb8}
/* 텔레뱅킹 사고예방서비스 */
.inp-box.full-type01.swiper-type01{background-color:#ffffff; padding: 1.8rem 2rem 1.7rem; border-radius: 1.6rem}
.inp-box.full-type01.swiper-type01 .swiper-label{display: block; padding-left: 0; padding-right: 4rem;}
.inp-box.full-type01.swiper-type01 .swiper-label::before{left:auto; right:0;}
.inp-box.full-type01.swiper-type01 .swiper-label::after{left:auto; right:1.7rem;}
.inp-box.full-type01.swiper-type01 .btn.swiper:checked + .swiper-label::after{left:auto; right:0.3rem;}
/* 텔레뱅킹 사고예방서비스 END */

/* 체크박스 - type01 - full-type01 - link */
.chk-type01.full-type01.link input[type="checkbox"] + label{padding-right:3rem}
.chk-type01.full-type01.link input[type="checkbox"] + label:before{top:2.2rem}
.chk-type01.full-type01.link input[type="checkbox"] + label:after{content:'';display:block;position:absolute;top:50%;right:2rem;transform:translateY(-50%);width:0.5rem;height:0.7rem;background:url('../img/common/ico_arrow04.png')no-repeat center/0.5rem auto}

/* 라디오- type01 - full-type01 - badge */
.radio-type01.full-type01.badge input[type="radio"] + label{display:block;padding:2.3rem 8.6rem 2.2rem 4.6rem;border:1px solid #eeeeee;border-radius:1.6rem;background:#fff}
.radio-type01.full-type01.badge input[type="radio"] + label > .text {font-size:1.3rem}
.radio-type01.full-type01.badge input[type="radio"] + label > .text + .text {margin-top:0.5rem}
.radio-type01.full-type01.badge > .badge-box{position:absolute;top:2.4rem;right:2rem}
.radio-type01.full-type01.badge > .badge-box .badge{padding:0.4rem 0.8rem;font-size:1.3rem;font-weight:500;border-radius:0.6rem;line-height:1}
.radio-type01.full-type01.badge > .badge-box .badge.type01{color:#4a80e3;background:#f0f5fe}
.radio-type01.full-type01.badge > .badge-box .badge.type02{color:#F95A00;background:#FFF4DF} /* 202407 접근성 | #ef7d21 -> #F95A00, #fff2e7 -> #FFF4DF 색상 변경 */


/* 체크박스 - type02 - full-type01 */
.chk-type02.full-type01{padding:2.4rem 1.6rem 2.4rem 3.6rem;background:#fff;border-radius:1.6rem}
.chk-type02.full-type01.none{padding:2.4rem 1.6rem}
.chk-type02.full-type01 .card-item-box > .item-cont{display:flex;flex-direction:row-reverse}
.chk-type02.full-type01 .card-item-box .item-state{flex-shrink:0;padding-left:0.7rem}
.chk-type02.full-type01 .card-item-box .item-state .state{font-size:1.3rem;font-weight:500}
.chk-type02.full-type01 .card-item-box .item-state .state.type01{color:#000}
.chk-type02.full-type01 .card-item-box .item-state .state.type02{color:#a4adb8}
.chk-type02.full-type01 .card-item-box .item-state .state.type03{color:#f73824}
.chk-type02.full-type01 .card-item-box .item-info{flex:1}
.chk-type02.full-type01 .card-item-box .item-info > .card-name{display:flex;flex-direction:column;word-break:break-all}
.chk-type02.full-type01 .card-item-box .card-name > .name + .department{margin-top:0.3rem}
.chk-type02.full-type01 .card-item-box .card-number{display:flex;align-items:center;margin-top:0.3rem;font-weight:700}
.chk-type02.full-type01 .card-item-box .mark{font-size:1.2rem;line-height:1.4}
.chk-type02.full-type01 .card-item-box .item-date{display:flex;align-items:center;margin-top:1.7rem;color:#666678;font-size:1.3rem} /* 202407 접근성 | #8f8f9f -> #666678 색상 변경 */
.chk-type02.full-type01 .card-item-box .item-date .ex-period,
.chk-type02.full-type01 .card-item-box .item-date .issue-date{display:flex;align-items:center;position:relative}
.chk-type02.full-type01 .card-item-box .item-date .ex-period + .issue-date{margin-left:1rem;padding-left:1.1rem}
.chk-type02.full-type01 .card-item-box .item-date .ex-period + .issue-date:before{content:'';display:block;position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:1.2rem;background:#eeeeee}
.chk-type02.full-type01 .card-item-box .item-date .ex-period .date,
.chk-type02.full-type01 .card-item-box .item-date .issue-date .date{margin-left:0.7rem}

.chk-type02.full-type01 input[type="checkbox"] + label{position:absolute;top:0;right:0;bottom:0;left:0;background:none}
.chk-type02.full-type01 input[type="checkbox"] + label:before{top:2.4rem;left:1.6rem}

/* 체크박스 - type02 - full-type02 */
.inp-wrap.full-type02{flex-direction:column}
.chk-type02.full-type02 + .chk-type02.full-type02{margin-top:0.8rem}
.chk-type02.full-type02 input[type="checkbox"] + label{display:block;padding:1.1rem 3rem 1.2rem;background:none;text-align:center;background:#f5f6fa;border-radius:1rem;border:1px solid #c9cfd6}
.chk-type02.full-type02 input[type="checkbox"]:checked + label{background:#fff}
.chk-type02.full-type02 input[type="checkbox"] + label:before{top:50%;left:1.6rem;transform:translateY(-50%);}
.chk-type02.full-type02 input[type="checkbox"] + label .title{font-weight:500}

/* 라디오 - type01 - full-type02 */
.radio-type01.full-type02 input[type="radio"] + label {display:block; padding:2.3rem 2rem 2.2rem 6rem; box-sizing:border-box; border:1px solid #fff; background-color:#fff; border-radius:1rem; color:#000;}
.radio-type01.full-type02 input[type="radio"] + label:before {display:none;}
.radio-type01.full-type02 input[type="radio"]:checked + label {border-color:#0e90fe;box-shadow:0px 2px 5px 1px rgba(142, 155, 192, 0.35)}

/* 블릿기호 */
.bullet-list li{position:relative;word-wrap:break-word}
.bullet-list li:before{content:'';display:block;position:absolute;left:0}
.bullet-list li + li{margin-top:1rem}
.bullet-list li > .bullet-list,
.bullet-list li > .bullet-list li + li{margin-top:0.5rem}

/* type01 */
.bullet-list.type01 > ul > li{padding-left:1.2rem;color:#666678;font-size:1.4rem;line-height:1.5;word-break:keep-all;letter-spacing:-0.05rem}
.bullet-list.type01 > ul > li:before{top:0.8rem;width:0.4rem;height:0.4rem;background:#b0b7c9;border-radius:50%} 
.bullet-list.type01.addStrong.mt24 {margin-top:24px !important;}/* 251204 SR-154 */
.bullet-list.type01.addStrong > ul > li {color:#000001}/* 251204 SR-154 */
.bullet-list.type01.addStrong > ul > li strong {font-weight: 700; color:#000001;}/* 251204 SR-154 */
/* 260123 */
.bullet-list.type01.small > ul > li:before{width:0.3rem;height:0.3rem;}
.bullet-list.type01.color_777 > ul > li{color:#777777;}
.bullet-list.type01.color_777.addStrong > ul > li strong{color:#777777;}
.bullet-list.type01.color_777 > ul > li:before{background-color:#777777;}
/* // 260123 */
/* type02 - 대시 */
.bullet-list.type02 > ul > li{padding-left:0.8rem;color:#666678;font-size:1.3rem;line-height:1.4;word-break:keep-all;letter-spacing:-0.05rem} /* 202407 접근성 | #8f8f9f -> #666678 색상 변경 */
.bullet-list.type02 > ul > li:before{top:0.8rem;width:0.4rem;height:0.1rem;background:#666678} /* 202407 접근성 | #8f8f9f -> #666678 색상 변경 */
.bullet-list.type01 > ul > li > .bullet-list.type02 {margin-top:0.8rem;}
/* type03 - 숫자 */
.bullet-list.type03 > ol {counter-reset:var-count;}
.bullet-list.type03 > ol > li{padding-left:1.6rem;color:#666678;font-size:1.4rem;line-height:1.4;word-break:keep-all;letter-spacing:-0.05rem}
.bullet-list.type03 > ol > li:before{counter-increment:var-count;content:counter(var-count)'.'; top:0;color:#666678;font-size:1.4rem} /* 202407 접근성 | #8f8f9f -> #666678 색상 변경 */
/* type04 - 숫자(서클) */
.bullet-list.type04 > ol {counter-reset:var-count}
.bullet-list.type04 > ol > li {padding-left:2rem}
.bullet-list.type04 > ol > li:before {counter-increment:var-count;content:counter(var-count);top:0.2rem;width:1.3rem;height:1.3rem;font-size:1.2rem;color:#fff;font-weight:500; border-radius:50%;background-color:#666678;text-align:center;}

/* 아코디언 */
[data-acc-wrap] [data-acc-cont],
[data-acc-wrap] [data-acc-btn] .text-acc{display:none}
[data-acc-wrap] [data-acc-btn] .text-acc.active{display:inline-block}
[data-acc-wrap].active [data-acc-cont]{display:block}
[data-acc-list-wrap] .btn .text-acc{display:none}
[data-acc-list-wrap] .btn .text-acc.active{display:block}
.accordion-wrap .accordion-header{position:relative}

/* 아코디언(리스트)- 더보기/닫기 */
[data-acc-list-wrap] .btn.text-type01.active[data-acc-text]{font-size:1.3rem;font-weight:500}
.information-item[data-acc-list-wrap] .item-bottom > .btn-wrap{border-top:0}
.information-item[data-acc-list-wrap] .item-bottom > .btn-wrap > .btn.text-type01{height:4rem}

/* 아코디언 - type01 - 이용안내  */
.accordion-wrap.type01 .accordion-header{border-top:1px solid #dee1ea}
.accordion-wrap.type01 .accordion-header .btn.accordion{position:relative;padding:2rem 2rem 1.9rem 0;width:100%;color:#000000;font-size:1.6rem;font-weight:500;text-align:left}

/* 아코디언- type02 - 유의사항 */
.accordion-wrap.type02 .accordion-header > .btn.accordion{position:relative;padding-right:1.7rem;color:#666678;font-size:1.3rem} /* 202407 접근성 | #8f8f9f -> #666678 색상 변경 */
.accordion-wrap.type02 .accordion-header > .btn.accordion:before{right:0;transform:translateY(-50%);width:0.9rem;height:0.6rem;background:url('../img/common/ico_arrow_more01.png')no-repeat center/0.86rem}
.accordion-wrap.type02 .accordion-header > .btn.accordion.active:before{margin-top:-0.2rem;transform:translateY(-50%) rotate(-180deg);}

/* 아코디언- type03 - 이용안내 */
.accordion-wrap.type03{position:relative;padding-right:2.6rem}
.accordion-wrap.type03 .accordion-item + .accordion-item{margin-top:1.5rem}
.accordion-wrap.type03 .accordion-header > .title{font-size:1.3rem;font-weight:500;}
.accordion-wrap.type03 .accordion-header + .accordion-content{margin-top:1rem}
.accordion-wrap.type03 .accordion-content > .item-list .list-item{color:#666678;font-size:1.3rem;line-height:1.4}
.accordion-wrap.type03 .accordion-content > .item-list .list-item + .list-item{margin-top:1rem}
.accordion-wrap.type03 .accordion-btn{position:absolute;bottom:0;right:-0.8rem;width:3.4rem;height:1.8rem}
.accordion-wrap.type03 .btn.accordion{position:absolute;width:100%;height:100%}
.accordion-wrap.type03 .btn.accordion:before{left:50%;right:0;transform:translate(-50%, -50%) rotate(-180deg)}
.accordion-wrap.type03 .btn.accordion.active:before{transform:translate(-50%, -50%) rotate(0deg)}

/* 아코디언 상품가입(아이템타이틀+박스) */
.content-item[data-acc-wrap] > .item-title .btn.accordion {position: relative;width: 100%; color: #000000; font-weight: 500; text-align: left;}
.content-item[data-acc-wrap] > .item-title .title {color:#000; font-size:1.6rem; font-weight:500;}

/* 아코디언 - 이용안내 */
.use-guide-wrap{margin-top:4rem}
.use-guide-wrap .accordion-header .imp{position:relative;padding-left:2.4rem}
.use-guide-wrap .accordion-header .imp:before{content:'';display:block;position:absolute;top:50%;left:0rem;transform:translateY(-50%);margin-top:-0.2rem;width:1.7rem;height:1.7rem;background:url('../img/common/ico_guide_imp01.png')no-repeat center/1.6rem auto}
.use-guide-wrap .use-guide-cont:first-child{padding-top:0.6rem}
.use-guide-wrap .use-guide-cont + .use-guide-cont{margin-top:2.6rem} 
.use-guide-wrap .use-guide-title{margin-bottom:1rem}
.use-guide-wrap .use-guide-title .title{font-weight:500}

/* 테이블 */
table{background: #fff;}
.table-wrap th.tr,
.table-wrap td.tr{text-align:right !important}
.table-wrap th.tl,
.table-wrap td.tl{text-align:left !important}
.table-wrap th.tc,
.table-wrap td.tc{text-align:center !important}
.bg-grey .table-wrap[class*="type"],
.bg-grey .table-wrap[class*="type"] tbody th,
.bg-grey .table-wrap[class*="type"] tbody td{border-color:#dee1ea}
/* 테이블 */
.table-wrap tbody th,
.table-wrap tbody td{border-left:1px solid #eee;border-right:1px solid #eeeeee}
.table-wrap tbody th:last-child,
.table-wrap tbody td:last-child{border-right:0}
.table-wrap tbody th:first-child,
.table-wrap tbody td:first-child{border-left:0}
/* 테이블 - type01 */
.table-wrap.type01{border-top:1px solid #eeeeee}
.table-wrap.type01 tbody th,
.table-wrap.type01 tbody td{font-size:1.4rem;border-bottom:1px solid #eeeeee}
.table-wrap.type01 tbody th{padding:1.4rem 1.6rem 1.3rem 1.2rem}
.table-wrap.type01 tbody td{padding:1.4rem 1.2rem 1.3rem 1.6rem;color:#666678}

/* 테이블 - type02 */
.table-wrap.type02{border-top:1px solid #eeeeee}
.table-wrap.type02 tbody th,
.table-wrap.type02 tbody td{font-size:1.4rem;border-bottom:1px solid #eeeeee;text-align:center}
.table-wrap.type02 tbody th{padding:1.4rem 1.2rem 1.3rem}
.table-wrap.type02 tbody td{padding:1.4rem 0rem 1.3rem;color:#666678;}/*24-02-05 #5719 간격조정*/
.table-wrap.type02 tbody td.tr{padding:1.4rem 1rem 1.3rem;color:#666678;}/*24-02-05 #5719 간격조정 추가*/

/* 테이블 - type03 */
.table-wrap.type03{border-top:1px solid #eeeeee}
.table-wrap.type03 tbody th,
.table-wrap.type03 tbody td{font-size:1.4rem;border-bottom:1px solid #eeeeee;}
.table-wrap.type03 tbody th{padding:1.4rem 1.6rem 1.3rem 1.2rem;text-align:center}
.table-wrap.type03 tbody td{padding:1.4rem 1.2rem 1.3rem 1.6rem;color:#666678}
.table-wrap.type03 tbody th + th{border-left:1px solid #eeeeee}

/* 테이블 - round */
.table-wrap.round{border-top: none;}
.table-wrap.round table{border-radius: 1.6rem;}
.table-wrap.round tbody tr:last-child th,
.table-wrap.round tbody tr:last-child td{border-bottom: none;}

/* 결과 없음 - no-result */
.no-result{position:relative;padding:9.9rem 0 4.4rem}
.no-result:before{content:'';display:block;position:absolute;top:4.4rem;left:50%;transform:translateX(-50%);width:4rem;height:4rem;background:url('../img/common/ico_no_result01.png')no-repeat 0 0/4rem auto}
.no-result > .text{display:block;color:#666678;font-size:1.4rem;text-align:center;line-height:1.4} /* 202407 접근성 | #8f8f9f -> #666678 색상 변경 */
.no-result > .text + .text{margin-top:0.4rem}
.no-result > .text + .btn.link{margin-top:0.6rem}
.no-result .btn.link{display:block;text-align:center}
.no-result .btn.link > .text{position:relative;color:#0e90fe;font-size:1.3rem;font-weight:500}
.no-result .btn.link > .text:before{content:'';display:block;position:absolute;left:0;bottom:0.1rem;right:0;height:0.1rem;background:#0e90fe}
.no-result .bold{color:#666678;font-weight:500}
.no-result > .btn-wrap{margin-top:1.8rem}
.no-result > .btn-wrap.center > .btn{padding:0 1rem;min-width:16rem}

/* 결과 */
.result-inner > .result-wrap,
.result-inner > .entry-wrap{margin-bottom:4.4rem;}
.result-inner .content-item .information-item,
.result-inner .before-after-wrap{border:1px solid #eee}
.result-wrap{position:relative;padding-top:5.2rem}
.result-wrap:before {content:'';display:block;position:absolute;top:0;left:50%;transform:translateX(-50%);width:4.4rem;height:4rem; background-repeat:no-repeat;background-position:0 0}
.result-wrap .result-text,
.result-wrap .text,
.result-wrap .info-text{display:block;text-align:center;word-break:keep-all;}
.result-wrap .medium{font-weight:500}
.result-wrap .bold{font-weight:700}
.result-wrap .imp{color:#0e90fe;font-weight:700}
.result-wrap .info-text > .total,
.result-wrap .info-text > .date{margin-left:1rem}
.result-wrap .result-info .result-text{font-size:2.2rem;line-height:1.4}
.result-wrap .result-info .result-text.medium{font-size:1.6rem}
.result-wrap .result-info + .result-detail-info{margin-top:0.8rem}
.result-wrap .result-detail-info > .text,
.result-wrap .result-detail-info > .info-text{margin-top:0.8rem;line-height:1.6}
.result-wrap .result-detail-info > .text:first-child,
.result-wrap .result-detail-info > .info-text:first-child{margin-top:0}
.result-wrap .result-detail-info > .text{color:#666678}
.result-wrap .result-detail-info .security-box{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}
.result-wrap .result-detail-info .security-box .security-number{display:flex;align-items:center}
.result-wrap .result-detail-info .security-box .security-number,
.result-wrap .result-detail-info .security-box .security-name{font-weight:500;line-height:1}
.result-wrap .result-detail-info .security-number .mark-box{display:flex;align-items:center}
.result-wrap .result-detail-info .security-number .mark-box > .mark{display:inline-block;width:1.2rem;height:1.2rem;background:#000;border-radius:50%}
.result-wrap .result-detail-info .security-number .mark-box > .mark + .mark{margin-left:0.2rem}
.result-wrap .result-detail-info .security-number .mark-box + .number{margin-left:0.1rem}

/* 결과 - 완료 */
.result-wrap.type01:before {background-image:url('../img/common/ico_result_type01.png');background-size:4rem auto}

/* 결과 - 에러 */
.result-wrap.type02:before {background-image:url('../img/common/ico_result_type02.png');background-size:4rem auto}
.result-wrap.type02 > .result-info + .result-detail-info{margin-top:0.6rem}
.result-wrap.type02 .result-detail-info .text,
.result-wrap.type02 .result-detail-info .info-text{margin-top:0.6rem}

/* 결과 - 일부 완료 및 실패 */
.result-wrap.type03:before {background-image:url('../img/common/ico_result_type03.png');background-size:4.4rem auto}

/* 진입화면 -자주쓰는입금계좌관리 */
.entry-wrap{position:relative;padding-top:12rem}
.entry-wrap:before {content:'';display:block;position:absolute;top:0;left:50%;transform:translateX(-50%);width:10.6rem;height:10.6rem; background-repeat:no-repeat;background-position:0 0}
.entry-wrap.type01:before {background-image:url('../img/common/ico_entry.png');background-size:10.6rem auto}
.entry-wrap .entry-text{display:block;text-align:center;word-break:keep-all;}
.entry-wrap .entry-info .entry-text{font-size:1.6rem;line-height:1.4}
.entry-wrap .entry-text.bold {margin-top:0.8rem; font-weight:700}

/* 알럿문구 */
.tab-con > .alert-info.type01:first-child,
.result-inner .alert-info.type01:first-child{margin-top:0;}
.accordion-wrap.type02 > .alert-info.type01,
.alert-info.type01{position:relative;margin-top:1rem;padding-left:1.8rem;color:#666678;}/* 202407 접근성 | #8f8f9f -> #666678 색상 변경 */
.result-inner .alert-info.type01:first-child + .content-list {margin-top:3.9rem;}
.alert-info.type01:before{content:'';display:block;position:absolute;top:0.3rem;left:0;width:1.2rem;height:1.2rem;background:url('../img/common/ico_alert01.png?v=1')no-repeat 0 0/1.2rem auto} /* 202407 접근성 | 이미지 변경 */
.alert-info.type01 > ul > li,
.alert-info.type01 .accordion-content > ul > li{font-size:1.3rem;line-height:1.4;letter-spacing:-0.06rem;word-break:keep-all}
.alert-info.type01 > ul > li + li,
.alert-info.type01 .accordion-content > ul > li + li{margin-top:0.7rem}
.alert-info.type01 ul > li > .black{color:#000}
.alert-info.type01 .accordion-header + .accordion-content{margin-top:1.4rem}
.alert-info.type02 > .info-title > .title{position: relative; padding-left: 2.2rem;}
.alert-info.type02 > .info-title > .title::before{content:''; position: absolute; top:50%; left:0; transform: translateY(-50%); width: 1.8rem; height: 1.8rem; background-image: url(../img/appr/icon_info_md.png); background-size: cover;}
.alert-info.type02 > .info-title + .info-cont {margin-top:1rem}
.alert-info.type02 > .info-cont > .text{color:#666678;}

/* 툴팁 */
.tooltip-box > .btn-wrap > .tooltip{padding:0;border:0}
.tooltip-box > .btn-wrap > .tooltip .title{position:relative;padding-right:1.8rem;color:#000;font-size:1.6rem;font-weight:500;border:0}
.tooltip-box > .btn-wrap > .tooltip .title:before{content:'';display:block;position:absolute;top:50%;right:0;transform:translateY(-50%);width:1.2rem;height:1.2rem;background:url('../img/common/ico_question01.png')no-repeat center/1.2rem auto}
.tooltip-box > .btn-wrap > .tooltip .text{position:relative;padding-left:1.8rem;font-size:1.3rem;font-weight:500;border:0}
.tooltip-box > .btn-wrap > .tooltip .text:before{content:'';display:block;position:absolute;top:50%;left:0;transform:translateY(-50%);width:1.2rem;height:1.2rem;background:url('../img/common/ico_question01.png')no-repeat center/1.2rem auto}
.tooltip-box > .tooltip-info{z-index:10;display:none;position:absolute;left:0rem;right:0rem;margin-top:0.2rem;padding:2.3rem 3.6rem 2.3rem 2rem;border:1px solid #666678;border-radius:1.6rem;background:#fff}
.tooltip-info > .info-item{position:relative}
.tooltip-info > .info-item + .info-item{margin-top:1.5rem}
.tooltip-info .info-box.mt16 {margin-top: 16px;}
.tooltip-info .info-box .title{font-size:1.3rem;line-height:1.4}
.tooltip-info .info-box .text{color:#666678;font-size:1.3rem;line-height:1.4}
.tooltip-info .info-box .title + .text,
.tooltip-info .info-box .text + .text,
.tooltip-info .info-box .text + .bullet-list.type02{margin-top:0.3rem}
.tooltip-info .info-box .bullet-list.type02 li{color:#666678}
.tooltip-info .info-box .bullet-list.type02 li + li{margin-top:0}
.tooltip-info > .btn-wrap{position:absolute;top:0.9rem;right:0.8rem}
.tooltip-info > .btn-wrap button{padding:0}
.tooltip-info.cvc > .info-item{display:flex;align-items:center}
.tooltip-info.cvc > .info-item:before{content:'';display:inline-block;width:11.8rem;height:7.4rem;background:url('../img/dummy/img_tooltip_dummy01.png')no-repeat center/11.8rem auto}
.tooltip-info.cvc > .info-item > .info-box{flex:1;margin-left:1.6rem}

/* 로딩 메시지 */
.loading-wrap{z-index:999;position:fixed;top:0;right:0;bottom:0;left:0;}
.loading-wrap .dim{width:100%;height:100%;background:rgb(0,0,0,0.3)}
.loading-wrap .loading-cont{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);}
.loading-wrap .loading-cont .loading-img{width:10.6rem;height:10.6rem}
.loading-wrap .loading-cont .loading-img img{width:100%;height:100%}

/* 애니메이션 */
/* 하이드 & 쇼 */ 
.hide-active{opacity:0;bottom:-2rem;transition:0.8s}
.show-active{opacity:1;bottom:0;transition:0.8s}


/* 디바이스 해상도 360 이하 조정 */
@media screen and (max-width: 359px){
    html{font-size:54%;}
}

/* ios 사파리 1.01 + 전용 */
@media not all and (min-resolution:.001dpcm){ @supports (-webkit-appearance:none){ 
    .inp-box input[type="password"]{padding:3.8rem 4.1rem 1.7rem 2rem;font-size:1rem}
    .inp-box.inp-type01 input[type="password"][inputmode="none"]:disabled{font-size:1rem}
    .inp-type01.amount .inp-item .won{bottom:1.9rem}
    .inp-type01.amount .btn.clear{bottom:1.5rem}
}}

/* ios 16 + 전용 */
@media not all and (min-resolution:326dpi){ @supports (-webkit-touch-callout:none){
    .inp-box input[type="password"]{padding:3.8rem 4.1rem 1.7rem 2rem;font-size:1rem}
    .inp-box.inp-type01 input[type="password"][inputmode="none"]:disabled{font-size:1rem}
    .inp-type01.amount .inp-item .won{bottom:1.9rem}
    .inp-type01.amount .btn.clear{bottom:1.5rem}
}}

/* 202407 접근성 | swiper navigation */
.swiper-container{position:relative;}
.swiper-navigation{position:absolute; z-index:10; top:50%; left:0; width:100%;}
.swiper-navigation>button{display:block; position:absolute; top:calc(50% - 1.5rem); width:3rem; height:3rem; border-radius:50%; border:1px solid #8A95A3; background:#FFF; overflow: hidden;}
.swiper-navigation>button:after{content:''; position:absolute; top:50%; width:1rem; height:1rem; border-width:2px 0 0 2px; border-style:solid; border-color:#8A95A3;}
.swiper-navigation>button.swiper-btn-prev{left:0.4rem;}
.swiper-navigation>button.swiper-btn-next{right:0.4rem;}
.swiper-navigation>button.swiper-btn-prev:after{left:60%; transform:translate(-50%, -50%) rotate(-45deg);}
.swiper-navigation>button.swiper-btn-next:after{left:40%; transform:translate(-50%, -50%) rotate(135deg);}
.swiper-navigation>.swiper-btn-prev.swiper-button-disabled, .swiper-navigation>.swiper-btn-next.swiper-button-disabled{opacity:0;}
.appr-guide .item-box[class*="step"] .appr-guide-swiper .appr-guide-item:after{display:none;}

/* 비대면 신규 가입 */
.flex-d-row{flex-direction: row !important;}
.flex.flex-alc{align-items:center;}
.flex-gap{justify-content:center; gap:1rem 2rem; display: grid; grid-template-columns:1fr 1fr} /* 240923 결함#6712 grid 속성 추가(특정 기기에서 gap 인식 불가) */
.use-guide-box{padding-top:2rem; border-top:1px solid #eee;}
.btn-wrap.btn-bg-w{margin:2.4rem 0;}
.btn-wrap.btn-bg-w .btn.quick{background:#FFF; border:1px solid #c9cfd6;}
.bullet-txt{position:relative; word-break:break-all;}
.bullet-txt + .bullet-txt{margin-top:1rem;}
.bullet-txt:before{content:''; position:absolute; top:0.8rem; left:0; background-color:#89899D;}
.bullet-txt.type01{padding-left:1.2rem; font-size:1.4rem; line-height:1.5; color:#666678;}
.bullet-txt.type01:before{width:0.4rem; height:0.4rem; background-color:#B0B7C9; border-radius: 50%;}
.bullet-txt.type02{padding-left:1rem; font-size:1.3rem; line-height:1.4; color:#89899D;}
.bullet-txt.type02:before{width:0.4rem; height:1px; background-color:#89899D;}
.no-result .result-descInfo .btn-wrap + .alert-info{margin-top:6rem;}
.numbering-list .tooltip-box > .btn-wrap > .tooltip .title{font-size:1.3rem; color:#666678; font-weight:400;}
.numbering-list .tooltip-box > .tooltip-info{width:calc(100% + 3.2rem); margin-left:-1.6rem;}
.text-ellipsis{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}/* #6805 */ 

/* 240808 카드혜택 상세 */
.ml16{margin-left:1.6rem !important;}
.color-gray01{color:#666678 !important;}
.bullet-etc{position:relative; margin-top:0.5rem;; padding-left:1.8rem; text-align:left; font-size:1.4rem; line-height:1.5; color:#888; word-break:break-all}
.bullet-etc.type-star{padding-left:1.2rem; color:#555; font-weight:700;}
.bullet-etc:before{content:'※'; position:absolute; top:0; left:0;}
.bullet-etc.type-star:before{content:'*'; top:0.2rem;}
.txt-logo{width:3.4rem; vertical-align:baseline;}
.tbl-flex{display:flex; align-items:flex-start; justify-content:flex-start;}
.tbl-flex>div:first-child{flex:0 0 auto;}
.tbl-flex>div + div{margin-left:0.4rem;}

/* #6813 약관변경 */
.btn.text-type01.btn-aBlock{display:block; width:100%;}
.btn.text-type01.btn-aBlock .link{display:block; color:#000; font-weight:400;}

/* #6374 잔액 조회 버튼 추가 */
.btn-right-wrap{text-align:right; margin-top:1.2rem;}
.btn.txt-refresh{display:inline-flex; justify-content: flex-end; align-items:center; font-size:1.4rem; color:#000;}
.btn.txt-refresh img{width:1.8rem; height:1.8rem;}
.btn.txt-refresh span + img{margin-left:2px;}
.btn.txt-refresh.active img{animation :rotateBtn 1s infinite linear;}
.btn.txt-refresh.fail{color:#F73824;}
@keyframes rotateBtn{
    from{
        transform:rotate(0deg);
    }
    to{
        transform:rotate(360deg);
    }
}

/* 시스템점검안내 */ /* 241119 */
.system-check{padding-top: 0rem; min-height: calc(100vh - (env(safe-area-inset-top) + env(safe-area-inset-bottom))) !important; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.system-check h1.title{text-align: center; background: url(../img/common/ui_img_system-check.png) no-repeat calc(50% + 1.45rem) 0 / 17rem auto; padding-top: 12rem; font-size: 2.4rem; font-weight: 700;}
.system-check h1.title ~ p{margin-top: 1.6rem; font-size: 1.4rem; line-height: 1.7rem; text-align: center;}
.system-check p.text{color: #666678;}
.system-check .box-gray{margin-top: 4.5rem; background-color: #f5f6fa; border-radius: 1.6rem; padding: 3rem 0 2.4rem; position: relative; width: 100%;}
.system-check .box-gray span.box-title{display: inline-block; border-radius: 10rem; background-color: #333340; color: #fff; font-weight: 700; font-size: 1.3rem; line-height: 1.6rem; letter-spacing: -0.13px; padding: .7rem 1.7rem; position: absolute; top:-1.5rem; left:50%; transform: translateX(-50%);}
.system-check .box-gray p{text-align: center; font-size: 1.6rem; font-weight: 700; line-height: 2rem;}
.system-check .box-gray p span{color: #0e90fe;}
.system-check .box-gray + .bullet-list{margin-top: 3rem;}
.system-check .box-gray + .bullet-list .call{width: 1.2rem; height: 1.2rem; vertical-align: middle; margin-top: -0.3rem;}

.tranAmt.inp-type01 input,
.tranAmt.inp-type01 input[type=password],
.tranAmt.inp-type01 input[type="password"]:placeholder-shown{z-index:2;position:relative;left:0;bottom:0; padding:0; padding:0 4.1rem 0 2rem; margin:3.8rem 0 1.7rem 0;width:100%;min-height:1.9rem;border:0}
.tranAmt.inp-type01 > .inp-item input.e2eForm:read-only ~ label{color:#458af4;border-color:#dee1ea;background:#fff}
.tranAmt.inp-type01 > .inp-item input.e2eForm:read-only:focus ~ label{border-color:#dee1ea;box-shadow:none;}
.tranAmt.inp-box.inp-type01 .inp-item label, 
.tranAmt.inp-box.inp-type01 .inp-item .label{position:absolute;left:0;top:0;right:0;bottom:0;padding:1.8rem 4.1rem 1.8rem 1.9rem;color:#458af4;font-size:1.3rem;font-weight:500;background:#fff;border:1px solid#dee1ea; border-radius:1.6rem; box-shadow: none;} /* 202407 접근성 | border transparent -> #dee1ea 색상 변경 */
.tranAmt.inp-box.inp-type01 .inp-item button.ui-blind   { height:100%; right:0; width: 20px; z-index: 4; }