/* WEB FONT */
@font-face {
    font-family: 'Pretendard Variable';
    font-display: swap;
    src: url("../fonts/PretendardVariable.woff2") format("woff2");
}

body,
th,
td,
input,
select,
textarea,
button {
  font-family: 'Pretendard Variable', "Notosans", AppleSDGothicNeo-Regular, "Malgun Gothic", "맑은 고딕", dotum, "돋움", sans-serif;
  font-family: "Notosans", AppleSDGothicNeo-Regular, "Malgun Gothic", "맑은 고딕", dotum, "돋움", sans-serif
}

.steps li {
	flex: 1 1 0;
	display: flex;
	align-items: center;
	gap: 10px;
	position: relative;
	min-height: 62px;
	background-color: #eee;
	padding: 18px 18px 18px 40px;
	color: #333a40;
	font-size: 18px;
	font-weight: 500;
	line-height: normal;
	white-space: nowrap;
	text-align: center;
	justify-content: center;
	margin-right: 20px;
}

.steps li .num {
  	display: flex;
	align-items: center;
	justify-content: center;
	font-style: normal;
	width: 20px;
	height: 20px;
	border-radius: 20px;
	background-color: #333a40;
	color: #fff;
	font-size: 12px;
	font-weight: 500;
	text-align: center;
	vertical-align: middle;
}


/* 휴면예금 찾아줌 이관 */
.bank-conts-wrap {
	display: flex;
	flex-direction: column;
	gap: 48px;
}
.bank-list-wrap {
	display: flex;
	flex-direction: column;
	gap: 24px;
}
.bank-list-wrap .bank-tit {
	font-size: 18px;
	font-weight: 600;
}
.bank-list-wrap .bank-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.bank-list-wrap .bank-list li {
	max-width: 211px;
	border: 0;
}
.bank-list-wrap .bank-list.txt-bank li,
.bank-list-wrap .bank-list li.txt-bank {
	display: flex;
    justify-content: center;
    align-items: center;
    height: 55px;
    border: 1px solid #a1a1a1;
    font-size: 16px;
}
.bank-list-wrap .bank-list.txt-bank li.txt-bank-none {
	border: 0
}
.inner-form-main {
	display: flex;
	flex-direction: column;
	gap: 24px;
}
.inner-form-main .td-item-group {
	flex-basis: 0;
	flex-grow: 1;
}
.inner-form-main .td-item-group .item {
    display: flex;
    flex-direction: column;
    min-width: calc(50% - 12px);
    margin-bottom: 0;
}
.ip-txt {
    flex-basis: 0;
    flex-grow: 1;
}
.acount-list + .acount-list {
	padding-top: 32px;
	border-top: 1px solid #eee;
}

/* Content box with checked radio */
.pn-white:has(> .ip-rd-group .ip-rd-label .ip-rd:checked) {
	border: 1px solid #159ede;
}

.ip-txt.ip-address {
	flex-basis: 180px;
	flex-grow: 0;
}

.ip-txt[readonly] {
    		color: #71777f;
    	}

.bank-list.select-bank {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 8px;
}

.bank-list.select-bank > a {
	border-radius: 6px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 8px;
	background-color: #f5f9fd;
	color: #434b53;
	min-height: 36px;
}

.bank-list.select-bank > a > b {
	font-weight: 500;
}

.bank-list.select-bank > a.active {
	background-color: #0c58ca;
	color: #fff;
}

@media (max-width: 999px) {

	.ch-item-group .ip-ch-group {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

	.sel>select {
		font-size: 14px;
	}

    .steps {
    	flex-wrap: nowrap;
    }

    .steps li {
	    flex-direction: column;
	    gap: 0;
	    height: 70px;
	    padding: 12px 10px 6px 10px;
	    text-align: center;
	    font-size: 16px;
	}

   	.bank-list-wrap .bank-list li {
   		width: calc(50% - 5px);
   		max-width: none;
   	}

   	.bank-list-wrap .bank-list li a,
   	.bank-list-wrap .bank-list li img {
   		display: flex;
   	}

   	.bank-list-wrap .bank-list li img {
   		height: 100% !important;
   	}

   	.bank-list-wrap .bank-list.txt-bank li, .bank-list-wrap .bank-list li.txt-bank {
   		height: 40px;
   	}

	.ip-ch-label:has(.ip-view-detail) {
		width: 100%;
	}

   	.ip-view-detail {
   		position: absolute;
   		right: 0;
   	}
}