@font-face { font-family: 'Pretendard'; font-weight: 400; font-style: normal; src: 
 url('../font/Pretendard-Regular.woff2') format('woff2'), 
 url('../font/Pretendard-Regular.woff') format('woff'), 
 url('../font/Pretendard-Regular.otf') format('opentype'); } 
@font-face { font-family: 'Pretendard'; font-weight: 500; font-style: normal; src:
 url('../font/Pretendard-Medium.woff2') format('woff2'),
 url('../font/Pretendard-Medium.woff') format('woff'),
 url('../font/Pretendard-Medium.otf') format('opentype'); } 
@font-face { font-family: 'Pretendard'; font-weight: 600; font-style: normal; src:
 url('../font/Pretendard-SemiBold.woff2') format('woff2'),
 url('../font/Pretendard-SemiBold.woff') format('woff'),
 url('../font/Pretendard-SemiBold.otf') format('opentype'); } 
@font-face { font-family: 'Pretendard'; font-weight: 700; font-style: normal; src:
 url('../font/Pretendard-Bold.woff2') format('woff2'),
 url('../font/Pretendard-Bold.woff') format('woff'),
 url('../font/Pretendard-Bold.otf') format('opentype'); } 

body { background-color: #fff; margin: 0; overflow-y: scroll; } 
.inner { margin: auto; padding: 0 18px; } 
.cardmakeCon { /* background-color: #F7F7F9; */font-family: 'Pretendard'; font-weight: 500; color: #333; -moz-osx-font-smoothing: auto; -webkit-font-smoothing: antialiased; -webkit-text-Stroke-width: 0!important; -webkit-overflow-scrolling: touch; } 
.cardmakeCon .stepBox { width: 500px; height: auto; /* height: 100vh; */background-color: #fff; margin: 0 auto; padding: 50px 50px 100px 50px; } 
.cardmakeCon .stepBox .datainput { } 
.cardmakeCon .stepBox .datainput p.tit { font-size: 24px; font-weight: 700; color: #333; line-height: 1.45; padding-bottom: 40px; letter-spacing: -0.25px; } 

/* 데이터입력 마지막 항목은 PB제외 */
.stepBox .datainput .iptgroup div:nth-last-child(2) { padding-bottom: 0; } 
.stepBox .datainput .iptgroup .ipt { position: relative; padding-top: 20px; padding-bottom: 30px; display: flex; flex-direction: row; align-items: center; } 
.stepBox .datainput .iptgroup .ipt input { display: block; width: 100%; margin: 0; padding: 0; font-family: 'Pretendard'; font-size: 20px; letter-spacing: -0.2px; line-height: 39px; border: 0; border-bottom: 1px solid #ebebeb; transition: .15s ease-in; } 
.stepBox .datainput .iptgroup .ipt input:focus-visible, .stepBox .datainput .iptgroup .ipt.mobileno select:focus-visible { outline: none; border-bottom: 1px solid #377DFF; } 
.stepBox .datainput .iptgroup .ipt input:focus-visible + label { color: #377DFF; } 
.stepBox .datainput .iptgroup .ipt input:disabled { background-color: #fff; color: #333; } 
.stepBox .datainput .iptgroup .ipt input::placeholder { color: #CFCFCF; } 
.stepBox .datainput .iptgroup .ipt .iptlabel { position: absolute; left: 0; top: 0; display: block; font-size: 14px; font-weight: 600; line-height: 16px; letter-spacing: -0.05px; color: #808080; transition: .15s ease-in; } 
.stepBox .datainput .iptgroup .ipt:focus-within .iptlabel { color: #377DFF; } 
/* 주민등록번호 */
.stepBox .datainput .iptgroup .ipt.resino input:nth-of-type(1) { width: calc((100% - 30px)/2); } 
.stepBox .datainput .iptgroup .ipt.resino input:nth-of-type(2) { width: 30px; margin-right: 6px; } 
.stepBox .datainput .iptgroup .ipt.resino span { display: inline-block; padding: 0 15px; font-size: 20px; } 
/* 주민등록번호 전체입력형 */
.stepBox .datainput .iptgroup .ipt.resino2 input { width: calc((100% - 40px)/2); } 
.stepBox .datainput .iptgroup .ipt.resino2 span { display: inline-block; width: 40px; text-align: center; font-size: 20px; } 
/* 주소 */
.stepBox .datainput .iptgroup .ipt.adrs { flex-direction: column; align-items: flex-start; } 
.stepBox .datainput .iptgroup .ipt.adrs .bf.hide { display: none; } 
.stepBox .datainput .iptgroup .ipt.adrs .af.hide { display: none; } 
.stepBox .datainput .iptgroup .ipt.adrs .bf { width: 100%; padding-top: 10px; } 
.stepBox .datainput .iptgroup .ipt.adrs .bf button { display: block; width: 100%; font-size: 15px; letter-spacing: -0.05px; color: #333; font-weight: 500; border: 1px solid #ddd; line-height: 50px; border-radius: 5px; } 
.stepBox .datainput .iptgroup .ipt.adrs .af { width: 100%; } 
.stepBox .datainput .iptgroup .ipt.adrs .af .afline { display: flex; flex-direction: row; justify-content: space-between; } 
.stepBox .datainput .iptgroup .ipt.adrs .af .afline input { width: calc(100% - 100px); } 
.stepBox .datainput .iptgroup .ipt.adrs .af .afline button { width: 85px; background-color: #444D5C; border-radius: 5px; color: #fff; font-size: 13px; height: 40px; } 
.stepBox .datainput .iptgroup .ipt.adrs .af > input:nth-of-type(1) { margin-top: 12px; margin-bottom: 12px; } 
/* 주소 입력 오류 */
.stepBox .datainput .iptgroup .ipt.adrs input.ipterr { border-bottom-color:#FF5531; } 
.stepBox .datainput .iptgroup .ipt.adrs .errmsg { display: flex; font-size: 13px; line-height: 1.4; padding-top: 8px; color: #FF5531; align-items: center; } 
.stepBox .datainput .iptgroup .ipt.adrs .errmsg img { width: 13px; } 
.stepBox .datainput .iptgroup .ipt.adrs .errmsg p { padding-left: 6px; } 

.stepBox .datainput .iptgroup .ipt.other { position: relative; padding-top: 0px; padding-bottom: 30px; display: flex; flex-direction: row; align-items: center; } 
.stepBox .datainput .iptgroup .ipt.country select { font-family: 'Pretendard'; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; background-image: url(../img/icn_slctarrow.svg); background-repeat: no-repeat; background-position: right 4px center; padding: 0 20px 0 0; border:0; border-bottom: 1px solid #EBEBEB; color: #333; height: 40px; font-size: 20px; transition: .15s ease-in; cursor: pointer; } 
.stepBox .datainput .iptgroup .ipt.jobdiv select { font-family: 'Pretendard'; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; background-image: url(../img/icn_slctarrow.svg); background-repeat: no-repeat; background-position: right 4px center; padding: 0 20px 0 0; border:0; border-bottom: 1px solid #EBEBEB; color: #333; height: 40px; font-size: 20px; transition: .15s ease-in; cursor: pointer; } 
.stepBox .datainput .iptgroup .ipt.accountpurpose select { font-family: 'Pretendard'; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; background-image: url(../img/icn_slctarrow.svg); background-repeat: no-repeat; background-position: right 4px center; padding: 0 20px 0 0; border:0; border-bottom: 1px solid #EBEBEB; color: #333; height: 40px; font-size: 20px; transition: .15s ease-in; cursor: pointer; } 
.stepBox .datainput .iptgroup .ipt.fundsource select { font-family: 'Pretendard'; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; background-image: url(../img/icn_slctarrow.svg); background-repeat: no-repeat; background-position: right 4px center; padding: 0 20px 0 0; border:0; border-bottom: 1px solid #EBEBEB; color: #333; height: 40px; font-size: 20px; transition: .15s ease-in; cursor: pointer; } 

/* 휴대폰번호 */
.stepBox .datainput .iptgroup .ipt.mobileno select { font-family: 'Pretendard'; width: 130px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; background-image: url(../img/icn_slctarrow.svg); background-repeat: no-repeat; background-position: right 4px center; padding: 0 20px 0 0; border:0; border-bottom: 1px solid #EBEBEB; color: #333; height: 40px; font-size: 20px; transition: .15s ease-in; cursor: pointer; } 
.stepBox .datainput .iptgroup .ipt.mobileno input { width: calc(100% - 130px); margin-left: 15px; } 
/* 인증번호 */
.stepBox .datainput .iptgroup .ipt.certno input { width: calc(100% - 90px); } 
.stepBox .datainput .iptgroup .ipt.certno .certnobox { position: absolute; top: 20px; right: 0; } 
.stepBox .datainput .iptgroup .ipt.certno .certnobox span { visibility: hidden; font-size: 12px; color: #FF5531; } 
.stepBox .datainput .iptgroup .ipt.certno .certnobox button { width: 75px; margin-left: 15px; font-size: 13px; line-height: 40px; font-weight: 500; color: #fff; text-align: center; background-color: #DADBDE; border-radius: 5px; transition: .2s; } 
.stepBox .datainput .iptgroup .ipt.certno .certnobox button.active { background-color: #444D5C; } 
.stepBox .datainput .iptgroup .ipt.certno .certnobox button.active:hover { background-color: #212631; } 
.stepBox .datainput .iptgroup .ipt.certno .certnobox span.active { visibility: visible; } 
/* 약관동의 */
.stepBox .datainput .iptgroup .term { padding-bottom: 30px; } 
.stepBox .datainput .iptgroup .term p.subtit { font-size: 14px; line-height: 16px; letter-spacing: -0.05px; color: #808080; margin-bottom: 10px; } 
.stepBox .datainput .iptgroup .term .termbtn { position: relative; background-color: #F8F8F8; border-radius: 10px; } 
.stepBox .datainput .iptgroup .term .termbtn input[type="checkbox"], .stepBox .datainput .iptgroup .term.join .termdetail ul li input[type="checkbox"] { position: absolute; overflow: hidden; clip: rect(0 0 0 0); margin: -1px; width: 1px; height: 1px; } 
.stepBox .datainput .iptgroup .term .termbtn label { display: block; padding: 19px 0 19px 52px; font-size: 14px; line-height: 16px; font-weight: 500; cursor: pointer; } 
.stepBox .datainput .iptgroup .term .termbtn label::before { content: ''; position: absolute; display: inline-block; width: 22px; height: 22px; top: 50%; left: 20px; transform: translateY(-50%); background-color: #DADFE7; background-image: url(../img/icn_termcheck.svg); background-position: center; border-radius: 5px; box-sizing: border-box; border:0; transition: .1s ease-out; } 
.stepBox .datainput .iptgroup .term .termbtn input[type="checkbox"]:checked+label::before { background-color:#377DFF; } 
.stepBox .datainput .iptgroup .term .termbtn label:hover::before { background-color: #afb5be; } 
.stepBox .datainput .iptgroup .term .termdetail ul { padding-top: 12px; } 
.stepBox .datainput .iptgroup .term .termdetail ul li { display: flex; justify-content: space-between; align-items: center; font-size: 14px; line-height: 1.5; letter-spacing: -0.05px; padding: 0 20px; } 
.stepBox .datainput .iptgroup .term .termdetail ul li span { color: #377DFF; } 
.stepBox .datainput .iptgroup .term .termdetail ul li button { font-size: 12px; letter-spacing: 0.5px; color: #ACACAC; text-decoration: underline; font-weight: 400; line-height: 32px; } 
.stepBox .datainput .iptgroup .term.join .termdetail ul li { position: relative; padding: 0 20px 0 52px; line-height: 32px; } 
.stepBox .datainput .iptgroup .term.join .termdetail ul li label { display: block; font-size: 14px; line-height: 32px; font-weight: 500; cursor: pointer; } 
.stepBox .datainput .iptgroup .term.join .termdetail ul li label::before { content: ''; position: absolute; display: inline-block; width: 22px; height: 22px; top: 50%; left: 20px; transform: translateY(-50%); background-color: #fff; background-image: url(../img/icn_termcheck3.svg); background-position: center; border-radius: 5px; box-sizing: border-box; border:0; transition: .1s ease-out; } 
.stepBox .datainput .iptgroup .term.join .termdetail ul li input[type="checkbox"]:checked+label::before { background-color:#fff; background-image: url(../img/icn_termcheck2.svg); } 
/* .stepBox .datainput .iptgroup .term.join .termbtn label:hover::before { background-image: url(../img/icn_termcheck3.svg); } */
.stepBox .datainput .iptgroup .term.join .termdetail ul li:nth-child(4) span { color: #999; } 

/* 부가설명 */
.stepBox .datainput .iptgroup .subinfo { margin-top: -14px; padding-bottom: 30px; } 
.stepBox .datainput .iptgroup .subinfo li { position: relative; font-size: 12px; font-weight: 500; line-height: 1.4; letter-spacing: -0.05px; color: #999; padding: 0 0 6px 16px; /* word-break: keep-all; *//* padding-bottom: 6px; *//* padding-left: 18px; */ } 
.stepBox .datainput .iptgroup .subinfo li::before { content: ''; position: absolute; width: 4px; height: 4px; left: 6px; top: 6px; background: url(../img/icn_subli.svg) no-repeat center 100%; } 
.stepBox .datainput .iptgroup .subinfo li:last-child { padding-bottom: 0; } 
.stepBox .datainput .iptgroup .subinfo li > button { text-decoration: underline; font-weight: 500; color: #999; text-underline-offset: 3px; } 
.stepBox .datainput .iptgroup .subinfo li > button.active { color: #377DFF; } 
/* CTA버튼 */
.stepBox .ctagroup { margin-top: 90px; } 
.stepBox .ctagroup.welc { margin-top: 30px; } 
.stepBox .ctagroup a.cta { display: block; width: 100%; height: 56px; background-color: #DCDFE7; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 16px; letter-spacing: 0; color: #fff; transition: .2s; } 
.stepBox .ctagroup a.cta.active { background-color: #377DFF; } 
.stepBox .ctagroup a.cta.active:hover { background-color: #2565db; } 
.stepBox .ctagroup a.cta.welc { margin-top: 30px; } 
.stepBox .ctagroup.double { display: flex; } 
.stepBox .ctagroup.double a.cta { width: 50%; color: #fff; background-color: #377DFF; border-radius: 0; } 
.stepBox .ctagroup.double a.cta:first-child { background-color: #444; } 

/* 회원 가입 완료 */
.stepBox .joinfinal { } 
.stepBox .joinfinal .welcomemsg { text-align: center; padding-top: 20px; } 
.stepBox .joinfinal .welcomemsg p.name { font-size: 18px; line-height: 1.5; color: #377DFF; margin-top: 14px; margin-bottom: 4px; } 
.stepBox .joinfinal .welcomemsg p.msgtit { font-size: 30px; line-height: 1.5; letter-spacing: -0.3px; font-weight: 700; margin-bottom: 24px; } 
/* ASIS
 .stepBox .joinfinal .info { background-color: #F8F9FB; border-radius: 15px; display: flex; flex-direction: column; align-items: center; padding: 30px 0 40px 0; } 
 .stepBox .joinfinal .info .txttit { padding-bottom: 10px; } 
 .stepBox .joinfinal .info .txttit p.tit { font-size: 18px; font-weight: 600; line-height: 1.4; letter-spacing: -0.18px; text-align: center; margin-bottom: 8px; } 
 .stepBox .joinfinal .info .txttit p.sub { font-size: 14px; line-height: 1.4; color: #888; letter-spacing: -0.05px; } 
 .stepBox .joinfinal .info .blockline { height: 1px; background-color: #EBEBEB; width: 100%; margin: 30px 0; } 
 .stepBox .joinfinal .info .txtinfo .box { display: flex; flex-direction: row; align-items: center; padding-top: 16px; } 
 .stepBox .joinfinal .info .txtinfo .box .icn { } 
 .stepBox .joinfinal .info .txtinfo .box .icn img { display: block; width: 36px; } 
 .stepBox .joinfinal .info .txtinfo .box .txt { padding-left: 18px; } 
 .stepBox .joinfinal .info .txtinfo .box .txt p.tit { font-size: 16px; font-weight: 600; line-height: 1.4; letter-spacing: -0.1px; margin-bottom: 2px; } 
 .stepBox .joinfinal .info .txtinfo .box .txt p.sub { font-size: 14px; font-weight: 400; line-height: 1.4; color: #888; letter-spacing: -0.05px; } 
*/

/* 20250107 변경 */
.stepBox .joinfinal .img-wrap { text-align: center; } 
.stepBox .joinfinal .img-wrap img { width:100%; } 
/* 끝 */

.stepBox .joinfinal .info { margin-top: 60px; } 
.stepBox .joinfinal .info .main-tit { padding: 0 24px; box-sizing: border-box; } 
.stepBox .joinfinal .info .main-tit p.tit { font-size: 20px; font-weight: 600; line-height: 1.4; letter-spacing: -0.18px; } 
.stepBox .joinfinal .info .main-tit p.tit.color { color:#5287e9; } 
.stepBox .joinfinal .info .main-tit p.sub { font-size: 18px; color:#444; padding:10px 0; letter-spacing: -0.05px; } 

.stepBox .joinfinal .info .benefit-tit { position:relative; padding: 0 24px; box-sizing: border-box; margin-top: 60px; } 
.stepBox .joinfinal .info .benefit-tit::before { position:absolute; right:0; bottom:-43px; display: block; content: ''; width:400px; height:240px; background: url('../img/img_appmain.png') right bottom no-repeat; background-size: 50%; z-index: -1; } 
.stepBox .joinfinal .info .benefit-tit p { font-size: 18px; font-weight: 600; line-height: 1.4; letter-spacing: -0.18px; margin-bottom: 16px; color: #444; } 

.stepBox .joinfinal .info .benefits { padding: 24px 0; } 
.stepBox .joinfinal .info .benefits .list { display: flex; flex-direction: row; align-items: center; padding:12px; background-color: #F8F9FB; border: #F1F3F5; margin-bottom: 15px; border-radius: 12px; text-align: left; } 
.stepBox .joinfinal .info .benefits .list .tit { font-size: 18px; font-weight: 600; line-height: 1.4; letter-spacing: -0.18px; margin-bottom: 6px; } 
.stepBox .joinfinal .info .benefits .list .sub { font-size: 16px; line-height: 1.4; color: #888; letter-spacing: -0.05px; } 


/* 카드 신청 완료 */
.stepBox .cardfinal { display: flex; flex-direction: column; align-items: center; padding-top: 100px; } 
.stepBox .cardfinal > img { display: block; width: 120px; } 
.stepBox .cardfinal p.name { font-size: 18px; line-height: 1.4; color: #377DFF; padding: 46px 0 16px 0; } 
.stepBox .cardfinal p.msgtit { font-size: 30px; line-height: 1.4; letter-spacing: -0.3px; font-weight: 700; color: #333; padding-bottom: 12px; } 
.stepBox .cardfinal p.sub { font-size: 16px; line-height: 1.4; color: #808080; } 
.stepBox .cardfinal .msgwarn { position: relative; font-size: 14px; color: #808080; line-height: 24px; border-radius: 15px; background-color: #F3F5F9; margin-top: 36px; margin-bottom: 130px; padding: 15px 24px 15px 46px; } 
.stepBox .cardfinal .msgwarn::after { content: ''; position: absolute; width: 16px; height: 16px; background: url(../img/icn_caution_g.svg) no-repeat; top: 19px; left: 22px; } 
/* APP 다운로드 */
.stepBox .appdown { display: flex; justify-content: space-between; background-color: #EBF2FF; border-radius: 10px; padding: 30px; margin-top: 30px; } 
.stepBox .appdown .txt .tit { font-size: 18px; line-height: 1.6; font-weight: 600; color: #377DFF; letter-spacing: -0.18px; } 
.stepBox .appdown .txt .sub { font-size: 14px; line-height: 1.6; letter-spacing: -0.14px; color: #555; margin-top: 4px; } 
.stepBox .appdown .qrimg img { height: 80px; border: 1px solid #9BBEFF; border-radius: 8px; } 

/* 얼럿 */
.modalBox .alertCon {position: fixed;padding: 20px;left: 50%;width: 260px; top: 50%;text-align: center;transform: translate(-50%, -50%);background-color: #fff;border-radius: 10px;transition: .3s;}
.modalBox .alertCon .alrterr {width: 60px;height: 60px;border-radius: 50%;background-color: #EDF1FA;font-size: 38px;line-height: 60px;font-weight: 700;color: #BFC6D3;margin: 0 auto;margin-top: 8px;}
.modalBox .alertCon p.sub {font-size: 18px;font-weight: 700;line-height: 1.4;letter-spacing: -0.18px;padding-top: 16px;}
.modalBox .alertCon p.sub1 {font-size: 14px;line-height: 1.7;font-weight: 500;color: #999;margin-top: 8px;letter-spacing: -0.14px;}
.modalBox .alertCon p.alrtmsg {padding: 10px 4px 4px 4px;font-size: 16px;line-height: 1.5;word-break: keep-all;}
.modalBox .alertCon button {display: block;width: 100%;font-size: 15px;height: 44px;background-color: #484B54;border-radius: 5px;color: #fff;margin-top: 20px;}

/* 팝업 영역 */
.modalBox {position: fixed;z-index: 99999;left: 0;top: 0;visibility: hidden;transition: .2s;background-color: #00000060;width: 100%;height: 100%;opacity: 0;}
.modalBox.show {visibility: visible;opacity: 1;}
.cardmakeCon .modalBox { position: fixed; z-index: 99999; left: 0; top: 0; visibility: hidden; transition: .2s; background-color: #00000060; width: 100%; height: 100%; opacity: 0; }
.cardmakeCon .modalBox.show { visibility: visible; opacity: 1; }
.cardmakeCon .popupCon { position: fixed; width: 420px; padding:24px 20px; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color: #fff; border-radius: 15px; transition: .3s; } 
.cardmakeCon .popupCon .popuptit { display: flex; justify-content: space-between; align-items: flex-start; } 
.cardmakeCon .popupCon .popuptit p { font-size: 20px; line-height:24px; letter-spacing: -0.1px; font-weight: 600; } 
.cardmakeCon .popupCon .popuptit button { display: flex; width: 24px; height: 24px; align-items: flex-start; justify-content: flex-end; } 
.cardmakeCon .popupCon .popuptit button > img { display: block; } 
.cardmakeCon .popupCon .popupbody { margin-top: 16px; } 
.cardmakeCon .popupCon .popupbody.woscrl { padding-right: 0; } 
.cardmakeCon .popupCon .popupbody .termtxt { padding-right: 10px; height: 550px; overflow-y: scroll; font-size: 16px; line-height: 1.7; letter-spacing: -0.15px; } 
.cardmakeCon .popupCon .popupbody .termtxt::-webkit-scrollbar { width: 4px; } 
.cardmakeCon .popupCon .popupbody .termtxt::-webkit-scrollbar-thumb { height: 1%; background: #DCDFE7; border-radius: 4px; } 
.cardmakeCon .popupCon .popupbody .termtxt::-webkit-scrollbar-track { background: #fff; } 
/* 주소 팝업 */
.cardmakeCon .popupCon .popupbody.adrs { font-size: 14px; line-height: 22px; letter-spacing: -0.14px; } 
.cardmakeCon .popupCon .popupbody.adrs .data { position: relative; margin-bottom: 22px; } 
.cardmakeCon .popupCon .popupbody.adrs .data::after { content: ''; position: absolute; width: 17px; height: 17px; left: 0; top: 13px; background: url(../img/icn_adrs.svg) no-repeat; } 
.cardmakeCon .popupCon .popupbody.adrs .data input { display: block; width: 100%; box-sizing: border-box; margin: 0; padding: 0 0 0 26px; font-family: 'Pretendard'; font-size: 20px; letter-spacing: -0.2px; line-height: 43px; border: 0; border-bottom: 1px solid #ebebeb; transition: .15s ease-in; } 
.cardmakeCon .popupCon .popupbody.adrs .data input:focus-visible { outline: none; border-bottom: 1px solid #377DFF; } 
.cardmakeCon .popupCon .popupbody.adrs .data input:focus-visible + label { color: #377DFF; } 
.cardmakeCon .popupCon .popupbody.adrs .data input::placeholder { color: #CFCFCF; } 
.cardmakeCon .popupCon .popupbody.adrs .sgst { height: 370px; font-size: 14px; line-height: 22px; letter-spacing: -0.14px; } 
.cardmakeCon .popupCon .popupbody.adrs .sgst p.tit { color: #377DFF; margin-bottom: 10px; } 
.cardmakeCon .popupCon .popupbody.adrs .sgst p.sub1 { } 
.cardmakeCon .popupCon .popupbody.adrs .sgst p.sub2 { color: #999; margin-bottom: 10px; } 
.cardmakeCon .popupCon .popupbody.adrs .sgst p.sub2:last-of-type { margin-bottom: 0; } 

.cardmakeCon .popupCon .popupbody.adrs .result { padding-right: 10px; height: 370px; overflow-y: auto; } 
.cardmakeCon .popupCon .popupbody.adrs .result::-webkit-scrollbar { width: 4px; } 
.cardmakeCon .popupCon .popupbody.adrs .result::-webkit-scrollbar-thumb { height: 1%; background: #DCDFE7; border-radius: 4px; } 
.cardmakeCon .popupCon .popupbody.adrs .result::-webkit-scrollbar-track { background: #fff; } 
.cardmakeCon .popupCon .popupbody.adrs .result li { position: relative; padding-bottom: 16px; border-bottom: 1px solid #EBEBEB; margin-bottom: 12px; } 
.cardmakeCon .popupCon .popupbody.adrs .result li:last-child { padding-bottom: 0; border-bottom: 0; margin-bottom: 0; } 
.cardmakeCon .popupCon .popupbody.adrs .result li p.postno { color: #377DFF; font-size: 14px; line-height: 22px; margin-bottom: 4px; } 
.cardmakeCon .popupCon .popupbody.adrs .result li .adrsli { color: #333; position: relative; } 
.cardmakeCon .popupCon .popupbody.adrs .result li .adrsli p { line-height: 22px; display: flex; align-items: center; padding-left: 48px; } 
.cardmakeCon .popupCon .popupbody.adrs .result li .adrsli span { position: absolute; left: 0; top: 1px; display: inline-block; width: 42px; height: 20px; font-size: 12px; color: #377DFF; text-align: center; letter-spacing: 0.5px; margin-right: 8px; line-height: 20px; background-color: #E7EFFF; border-radius: 5px; } 
.cardmakeCon .popupCon .popupbody.adrs .result li .adrsli:last-child { color: #999; margin-top: 2px; } 
.cardmakeCon .popupCon .popupbody.adrs .result li .adrsli:last-child span { background-color: #EBEBEB; color: #333; } 
.cardmakeCon .popupCon .popupbody.adrs .result li button { position: absolute; width: 100%; height: 100%; cursor: pointer; z-index: 1; } 

/* 얼럿 */
.cardmakeCon .alertCon { position: fixed; padding: 20px; left: 50%; width: 260px; top: 50%; text-align: center; transform: translate(-50%, -50%); background-color: #fff; border-radius: 10px; transition: .3s; } 
.cardmakeCon .alertCon .alrterr { width: 60px; height: 60px; border-radius: 50%; background-color: #EDF1FA; font-size: 38px; line-height: 60px; font-weight: 700; color: #BFC6D3; margin: 0 auto; margin-top: 8px; } 
.cardmakeCon .alertCon p.sub { font-size: 18px; font-weight: 700; line-height: 1.4; letter-spacing: -0.18px; padding-top: 16px; } 
.cardmakeCon .alertCon p.sub1 { font-size: 14px; line-height: 1.7; font-weight: 500; color: #999; margin-top: 8px; letter-spacing: -0.14px; } 
.cardmakeCon .alertCon p.alrtmsg { padding: 10px 4px 4px 4px; font-size: 16px; line-height: 1.5; word-break: keep-all; } 
.cardmakeCon .alertCon button { display: block; width: 100%; font-size: 15px; height: 44px; background-color: #484B54; border-radius: 5px; color: #fff; margin-top: 20px; } 


/* cdd - 20250107 변경 */
.stepBox .datainput .iptgroup .ipt.cddSelect select { font-family: 'Pretendard'; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; background-image: url(../img/icn_slctarrow.svg); background-repeat: no-repeat; background-position: right 4px center; padding: 0 20px 0 0; border:0; border-bottom: 1px solid #EBEBEB; color: #333; height: 40px; font-size: 20px; transition: .15s ease-in; cursor: pointer; } 
.stepBox .datainput .iptgroup .ipt.col { flex-direction: column !important; } 
.stepBox .datainput .iptgroup .ipt.col input { margin-top: 15px; } 

/* 20250922 인증방법 선택 , PASS인증 */
/* 20251111 인증 UI CSS 수정 */
.cardmakeCon .certi_group {  } 
.cardmakeCon .certi_group .certi {position:relative; display: flex; padding:32px 24px; border-radius: 15px; margin-bottom: 18px; border:1px solid #d8d8d8; align-items: center; justify-content: space-between; cursor: pointer; } 
.cardmakeCon .certi_group .certi::after{ content: ''; position: absolute; width: 30px; height: 30px; background: url(../img/icn_chevRight.svg) no-repeat; background-size: cover; top: 50%; right:14px; transform: translateY(-50%);}
.cardmakeCon .certi_group .certi .left-wrap { display: flex; align-items: center; gap: 16px; } 
.cardmakeCon .certi_group .certi .left-wrap img {width:56px; display: inline-block; vertical-align: middle; } 
.cardmakeCon .certi_group .certi h2 { font-weight: 700; font-size: 23px; padding-bottom: 10px; color:#111; word-break: keep-all; } 
.cardmakeCon .certi_group .certi p { font-size: 19px; line-height: 1.3; color:#555; word-break: keep-all; } 
/* 20251111 인증 UI CSS 수정 끝*/

/* 20251111 KFC카드 가입 */
.cardmakeCon .stepBox .kfcCard-wrap{width:180px; margin:40px auto 60px;}
.cardmakeCon .stepBox .kfcCard-wrap img{width:100%;}
.cardmakeCon .stepBox .datainput p.tit.kfc{padding-bottom:16px;}
.cardmakeCon .stepBox .datainput .tit span{color:#44217A}