/* 금융상품 */

/* 상품가입 프로세스 */
.subscription-process
{
}
/* 진행상황 */

.loan-progress {
	position: relative;	
	margin-top: 28px;
	padding-right: 100px;
}

.loan-progress .head-copy {
	padding-top: 0;
	word-break: keep-all;
}

.loan-progress .btn-progress {
	position: absolute;
	right: 0;
	top: 0;
	display: flex;
	gap: 4px;
	align-items: center;
	padding: 6px 12px;
	border-radius: 8px;
	background: #918274;
	font-size: 0.813rem;
	font-weight: 500;
	color: #fff;
}

.loan-progress .btn-progress::after {
	display: inline-block;
	content: '';	
	width: 12px;
	height: 12px;
	background: #fff;
	-webkit-mask-image: url('../images_kiwi/icon/btn_arr_gray.svg');
	mask-image: url('../images_kiwi/icon/btn_arr_gray.svg');
	mask-repeat: no-repeat;
	mask-size: 12px;
	fill: none;
}

.progress-bar
{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1;
	width: 0;
	height: 2px;
	background-color: #7bcd20;
	-webkit-transition: width 1s;
	transition: width 1s;
}

.subscription-progress .btn-progress
{
	position: absolute;
	top: 24px;
	right: 24px;
	z-index: 1;
	overflow: hidden;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	border: 1px solid #ffd62d;
}

.subscription-progress .btn-progress .water-graph
{
	display: block;
	width: 64px;
	height: 64px;
}

.btn-progress .water-graph .percent:before
{
	content: '';
	display: inline-block;
	width: 0;
	height: 0px;
	margin: -3px 5px 0 0;
	border: 7px solid transparent;
	border-right-color: #ff9100;
	vertical-align: middle;
}

.slide-layer
{
	border-radius: 24px 0 0 0;
}

.layer .subscription-progress
{
	position: relative;
	min-height: 100%;
	padding: 50px 0 0 24px;
	overflow-y: hidden;
}

.layer .subscription-progress .title-d2
{
	height: auto;
	line-height: 1.5;
	word-break: keep-all;
}

.subscription-progress .process-graph
{
	overflow: hidden;
	position: absolute;
	top: 130px;
	right: 24px;
	bottom: 40px;
	width: 48px;
	background: #f8f8f8;
	border-radius: 8px;
}

.process-graph .water-graph
{
	width: 100%;
	height: 100%;
}

.process-graph .water-graph .water
{
	-webkit-transition-duration: 2s;
	transition-duration: 2s;
}

.water-graph .percent
{
	position: absolute;
	left: 0;
	bottom: 20px;
	z-index: 1;
	width: 100%;
	color: #ff9100;
	text-align: center;
}

.water-graph .percent b
{
	color: #ff9100;
}

.water-graph .water
{
	position: absolute;
	left: -50%;
	top: 100%;
	width: 200%;
	height: 100%;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	background: #ffcc00;
	-webkit-transition: -webkit-transform 1s;
	transition: -webkit-transform 1s;
	transition: transform 1s;
	transition: transform 1s, -webkit-transform 1s;
}

.water-graph .water_wave
{
	position: absolute;
	width: 200%;
	bottom: 100%;
}

.water-graph .water_wave_back
{
	right: 0;
	fill: rgba(255, 204, 0, .3);
	-webkit-animation: wave-back 2.8s infinite linear;
	animation: wave-back 2.8s infinite linear;
}

.water-graph .water_wave_front
{
	left: 0;
	fill: rgba(255, 204, 0, 1);
	margin-bottom: -1px;
	-webkit-animation: wave-front 1.4s infinite linear;
	animation: wave-front 1.4s infinite linear;
}

@-webkit-keyframes wave-front
{
	100%
	{
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
	}
}

@keyframes wave-front
{
	100%
	{
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
	}
}

@-webkit-keyframes wave-back
{
	100%
	{
		-webkit-transform: translate(50%, 0);
		transform: translate(50%, 0);
	}
}

@keyframes wave-back
{
	100%
	{
		-webkit-transform: translate(50%, 0);
		transform: translate(50%, 0);
	}
}

.subscription-progress .step-status
{
	overflow-y: auto;
	height: -webkit-calc(100% - 124px);
	height: calc(100% - 124px);
	margin-top: 15px;
	line-height: 24px;
}

.subscription-progress .step-status>li
{
	position: relative;
	padding: 8px 0 8px 32px;
}

.subscription-progress .step-status>li ~ li
{
	padding-top: 24px;
	border-top: 1px solid #eee;
}

.subscription-progress .step-status>li ul
{
	margin: 8px 0 0 -32px;
}

.subscription-progress .step-status>li ul>li
{
	height: 40px;
}

.subscription-progress .step-status a
{
	display: block;
	padding: 8px 0 8px 32px;
	background: url('../images_kiwi/icon-old/check_off.svg') no-repeat 0 50%;
	white-space: nowrap;
	color: #999;
	-webkit-tap-highlight-color: transparent;
}

.subscription-progress .step-status a[href]
{
	color: #222;
	text-decoration: underline;
	-webkit-tap-highlight-color: inherit;
}

.subscription-progress .step-status .complete>a
{
	background-image: url('../images_kiwi/icon-old/ico_green_check.svg');
	background-position: 5px 50%;
}

.subscription-progress .step-status .ico-num
{
	position: absolute;
	top: 8px;
	left: 0;
}

.subscription-progress .step-status>li:not(:first-child) .ico-num
{
	top: 24px;
}

/* 가입 정보 */
.subscription-process .subscription-header
{
	position: relative;
	/* min-height: 318px; */
	padding-bottom: 20px;
}

.subscription-header .summary
{
	margin-top: 24px;
}

.subscription-header .summary:after
{
	content: '';
	display: block;
	clear: both;
}

.subscription-header .summary dl
{
	float: left;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	font-size: 0.875rem;
}

.subscription-header .summary dl ~ dl
{
	margin-top: 4px;
}

.subscription-header .summary dt
{
	padding-bottom: 10px;
	color: #999;
}

.subscription-header .summary dd
{
	padding-left: 8px;
}

.subscription-header .summary .ui-select
{
	padding: 0;
	background: none;
	border-radius: 0;
}

.subscription-header .summary .form-control.select
{
	width: auto;
	padding-right: 14px;
	line-height: inherit;
	color: #222;
}

.subscription-header .summary .form-control.select:after
{
	width: 0;
	height: 0;
	margin-top: 2px;
	border: 5px solid transparent;
	border-top-color: #222;
	vertical-align: middle;
	background: none;
}

.subscription-header .summary button
{
	border-bottom: 1px solid #222;
}

.subscription-header .summary dl:last-child
{
	float: right;
	display: block;
	margin-top: -50px;
	text-align: right;
}

.subscription-header .summary .details
{
	position: relative;
	padding: 15px 0;
	margin-top: 24px;
	font-size: 0.875rem;
	text-align: center;
	color: #999;
	background: #f8f8f8;
	border-radius: 8px;
}

.subscription-header .summary .details:before
{
	content: '';
	position: absolute;
	top: -20px;
	right: 24px;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-bottom-color: #f8f8f8;
}

.subscription-header .dl-contents>dl>*
{
	padding: 4px 0;
}

.subscription-process .btn-link.reset
{
	position: absolute;
	bottom: 40px;
	left: 24px;
}

.subscription-process .panel .dl-contents .form-check
{
	line-height: 1;
}
.subscription-process .panel .dl-contents .form-check>input[type="checkbox"] + label:before
{
	margin-top: 0;
}

.subscription-step
{
	width: 100%;
	background: #fff;
}

.subscription-step .step-header
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 56px;
	background: #fff;
	/* border-radius: 24px 24px 0 0;
	box-shadow: 0 -10px 16px 0 rgba(0,0,0,.05); */
}

.subscription-step .step-header.on .step-title .ico-num
{
	background-color: #ffbc00;
	color: #fff;
}

.step-header>button
{
	display: block;
	position: relative;
	width: 100%;
	text-align: left;
	height: 100%;
	/* padding-right: 72px; */
}

.step-header>button:after
{
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: 	20px;
	height: 20px;
	transform: translateY(-50%);
	background: url('../images_kiwi/icon-old/ico_arr_b.svg?ver=20241015') no-repeat 50% 50%;
}

.step-header>button.on:after
{
	-webkit-transform: none;
	transform: none;
}

.step-header>button:disabled
{
	background: transparent;
}

.step-header>button:disabled:after
{
	display: none;
}

.step-header .step-title
{
	display: flex;
	align-items: center;
	gap: 8px;
}

.step-header .step-title .msg
{
	display: block;
	padding-top: 5px;
	font-size: 0.813rem;
	font-weight: normal;
}

[class*="subscription-"] .ico-num
{
	overflow: hidden;
	display: inline-block;
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 22px;
	background-color: #b8b8b8;
	color: #fff;
	border-radius: 50%;
	font-size: 0.625rem;
	font-weight: 700;
}

[class*="subscription-"] .complete .ico-num
{
	height: 0;
	padding-top: 20px;
	background: #ffd338 url('../images_kiwi/icon-old/ico_check_w_24.svg') no-repeat 50% 50%;
	background-size: 18px;
}

[class*="subscription-"] .incomplete .ico-num
{
	background-color: #f46600;
}

[class*="subscription-"] .incomplete .msg
{
	color: #ff9100;
}

[class*="subscription-"] :disabled .ico-num
{
	background-color: #f0f0f0;
	color: #888;
}

.subscription-step .step-layer {
	left: 0;
	border-radius: 0;
}

.subscription-step .step-layer .step-header {
	padding: 28px 21px 20px;
}

.subscription-step .step-layer .step-header .btn-close {
	position: absolute;
	top: 28px;
	right: 20px;
	width: 20px;
	height: 20px;
}

.subscription-step .step-layer .step-header .btn-close .step-title {
	overflow: hidden;
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px 0 0 -1px;
	clip: rect(0, 0, 0, 0);
	line-height: 0;
}

.subscription-step .step-layer .ui-accordion {
	top: 76px;
}

.subscription-step .step-layer .acc-title>button {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 1rem;
}

.step-layer.disabled .step-title>*
{
	color: #bbb;
}

.step-layer
{
	overflow: hidden;
	width: 100%;
	height: 100%;
	background: #fff;
	border-radius: 24px 24px 0 0;
	box-shadow: 0 -10px 10px 0 rgba(0,0,0,0.1);
}

.step-layer.active
{
	position: fixed;
	z-index: 100;
	-webkit-transition: top .3s;
	transition: top .3s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
}

.step-layer .step-header
{
	height: auto;
	box-shadow: none;
}

/* .step-layer .step-header>button.btn-close
{
	height: 45px;
	padding-right: 45px;
	font-size: 1.125rem;
} */

.step-layer .step-header>button.btn-close:after
{
	height: 45px;
	background: url('../images_kiwi/bg/btn_layer_close.svg') no-repeat 50% 50%;
}

.step-layer .ui-accordion
{
	overflow-y: auto;
	position: absolute;
	top: 45px;
	left: 0;
	bottom: 0;
	width: 100%;
	padding-bottom: 80px;
}

.step-layer .ui-accordion.layer-fixed
{
	z-index: 10;
	background: #fff;
}

.step-layer .acc-title
{
	border-bottom: 1px solid #eee;
}

.step-layer .open .acc-title
{
	font-weight: 500;
	border-bottom: 0;
}

.step-layer .acc-title>button
{
	height: 56px;
	font-size: 1.125rem;
}

.step-layer .acc-title>button:disabled
{
	color: #bbb;
	opacity: .5;
	-webkit-tap-highlight-color: transparent;
}

.step-layer .acc-title>button:after
{
	right: 4px;
}

.step-layer dl.open .acc-title .ico-num
{
	/* background-color: #ffd338; */
	color: #fff;
}

.step-layer dl.completed .acc-title .ico-num
{
	background: url('../images_kiwi/icon/ico-check-40-on.png') no-repeat;
	background-size: 20px;
	color: #fff;
}

.step-layer dl.completed .acc-title .number {
	display: none;
}
.step-layer .acc-cont
{
	border-bottom: 8px solid #f8f8f8;
}
.step-layer .ui-accordion dl:last-child .acc-cont {
	border-bottom: 0;
}
.step-layer .acc-cont [class*="-btns"]
{
	margin: 24px -24px 0;
}

.step-layer .acc-cont>div
{
	padding-top: 8px;
}
.step-layer div.form-check-group {
	height: auto;
}
/* 임시 */
.subscription-step .step-contents
{
	overflow-y: auto;
	position: relative;
	height: -webkit-calc(100vh - 72px);
	height: calc(100vh - 72px);
	padding-bottom: 100px;
}

.subscription-step .step-contents>div~div
{
	margin-top: 40px;
}

.subscription-step .temp
{
	height: 400px;
	background: none;
}

.subscription-step .temp>*
{
	color: #bbb;
}

@media screen and (max-width: 320px)
{
	.layer .subscription-progress
	{
		padding-right: 88px;
	}

	.subscription-process .process-graph,
	.subscription-progress .btn-progress
	{
		right: 16px;
	}

	.subscription-process .btn-link.reset
	{
		left: 16px;
	}

	.subscription-step .step-contents [class*="-btns"]
	{
		margin: 24px -16px 0;
	}
}

.pd-h .title-d2 + .list-sort
{
	/* margin: 0 -21px;
	padding: 16px 21px;
	border-top: 1px solid #eee; */
	padding: 8px 0 0 0;
}

.pd-h .form-check-list.account-select
{
	/* margin: 0 -21px;
	padding: 0;
	border-bottom: 1px solid #eee; */
}

.form-check-list.account-select>li
{
	/* padding: 16px 21px;
	border-top: 1px solid #eee; */
}

.form-check-list.account-select label
{
	display: block;
}

.form-check-list.account-select label>*
{
	display: block;
}

.form-check-list.account-select .dl-contents
{
	padding-left: 33px;
	margin: 14px 0 -6px;
}

.form-check-list.account-select .dl-contents>dl>*
{
	padding: 3px 0;
	font-size: 0.813rem;
}

.form-check-list.account-select .dl-contents>dl>* b
{
	font-size: 0.875rem;
}

@media screen and (max-width: 320px)
{
	.pd-h .form-check-list.account-select
	{
		margin: 0 -16px;
	}

	.form-check-list.account-select>li
	{
		padding: 16px;
	}

	.pd-h .title-d2 + .list-sort
	{
		margin: 0 -16px;
		padding: 16px;
	}
}


/* sav - 올비가입안내 팝업 */
.sav-allbe-trans
{
	position: relative;
	padding: 30px 24px;
	border-radius: 8px;
	background: #fbf7ef;
}

.sav-allbe-trans:after
{
	content: '';
	position: absolute;
	bottom: 10px;
	right: 7px;
	width: 118px;
	height: 128px;
	background: url('../images_kiwi/contents/img-request_big.png') no-repeat;
	background-size: 100%;
}


/* *************************************** 금융상품 *************************************** */
/* >>>>> 입/출금 >>>>> */
/* 올비 */
.agree-service
{
	/* padding-left: 30px;
	padding-top: 12px; */
	border-top: 1px #ebebeb solid;
    margin-top: 16px;
}

.agree-service span
{
	display: inline-block;
	min-width: 32%;
	margin-bottom: 12px;
}

.agreement-of-terms .form-check-list .agree-service .form-check-list{
	background: #fff;
}
#contents .agreement-of-terms .form-check-list .agree-service .form-check-list.depth2{
	margin: 0px !important;
	padding: 16px 0;
}
#contents .agreement-of-terms .form-check-list .agree-service .form-check-list.depth2 li + li{
	border-top:1px #ebebeb dashed;
}
#contents .agreement-of-terms .form-check-list .agree-service .form-check-list.col3{
	margin: 0; padding: 0;
}
#contents .agreement-of-terms .form-check-list .agree-service .form-check-list.col3 li + li{
	border: none;  margin-top: 0; padding-top: 0; margin-bottom: 8px;
}
.simple-atm
{
	border-radius: 6px;
	background: #fbf7ef url('../images_kiwi/contents/bg_voice_fishing.png') no-repeat right 85px;
}

.simple-atm .text-area
{
	color: #80786d;
	padding-bottom: 20px;
}

.simple-atm .text-area .title-d3
{
	color: #60584c !important;
	padding-top: 0;
	padding-bottom: 6px;
	height: auto;
	line-height: 1.4;
}

.simple-atm .text-area p
{
	line-height: 2;
	color: #80786d;
}

.simple-atm .check-area
{
	border-top: #f3e7d2 1px solid;
	padding-top: 15px;
}
/* 체크카드신청안내 */
.kiwi-pointcheck-card
{
	text-align: center;
}

.kiwi-pointcheck-card img
{
	border-radius: 8px;
}

.copy-btn
{
	display: inline-block;
	/* vertical-align: text-top; */
	width: 14px;
	height: 14px;
	background: #fbf7ef url('../images_kiwi/icon/ico_s_copy.svg') no-repeat center 50%;
	background-size: contain;
}
/* 정보입력 */
.subscription-process.withdrawal .withdrawal-bg
{
	min-height: 318px;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), color-stop(15%, rgba(251,251,251,1)), to(rgba(247,247,247,1)));
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(251,251,251,1) 15%, rgba(247,247,247,1) 100%);
	padding-bottom: 0;
	display: table;
	width: 100%;
	table-layout: fixed;
}

.subscription-process.withdrawal .withdrawal-bg .withdrawal-visual
{
	display: table-cell;
	vertical-align: top;
	background: url('../images_kiwi/bg/bg_withdrawal_visual.svg') no-repeat center 120px;
}

.withdrawal-bg + .subscription-step
{
	position: static;
	margin-top: -20px;
	background: none;
}
/* <<<<< 입/출금 <<<<< */

/* >>>>> 예/적금 >>>>> */
/* 정보입력 */
.subscription-process.deposit .deposit-bg
{
	min-height: 318px;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), color-stop(15%, rgba(251,251,251,1)), to(rgba(247,247,247,1)));
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(251,251,251,1) 15%, rgba(247,247,247,1) 100%);
	padding-bottom: 0;
	display: table;
	width: 100%;
	table-layout: fixed;
}

.subscription-process.deposit .deposit-bg .deposit-visual
{
	display: table-cell;
	vertical-align: top;
	background: url('../images_kiwi/bg/bg_withdrawal_visual.svg') no-repeat center 120px;
}

.deposit-bg + .subscription-step
{
	position: static;
	margin-top: -20px;
	background: none;
}
/* <<<<< 예/적금 <<<<< */

/* 예/적금 목록 */
.deposit-all-top
{
	background-color: #FFD338;
	padding-bottom: 24px;
	min-height: 100px;
	color: #222222;
}

.deposit-all-top > div
{
}

.deposit-all-top .swiper-container
{
	padding-bottom: 0;
}

.deposit-all-top .swiper-container .swiper-slide
{
	position: relative;
	min-height: 180px;
	box-sizing: content-box;
	padding-top: 40px;
	margin: 10px 0;
	overflow: hidden;
}

.deposit-all-top .swiper-container .swiper-slide > img
{
	width: 100%;
	max-width: 270px;
	position: absolute;
	top: 50%;
	right: -130px;
	margin-top: -110px;
}

.deposit-all-top .swiper-container-horizontal>.swiper-pagination-bullets, 
.deposit-all-top .swiper-pagination-custom, .swiper-pagination-fraction
{
	bottom: auto;
	top: 20px;
	text-align: left;
	padding-left: 24px;
	padding-right: 24px;
}

.deposit-all-top .swiper-container .swiper-pagination-bullet-active
{
	background-color: #222222;
}

.deposit-all-top .detail
{
	position: relative;
	z-index: 1;
	padding-right: 130px !important;
}

.deposit-all-top .detail .btn-sm-func2
{
	background-color: #FFFFFF;
	color: #666666;
	border-color: #FFFFFF;
	opacity: .8;
}

.deposit-all-top .detail .text
{
	color: #222222;
	letter-spacing: -0.5px;
}

.deposit-all-top .detail p[class^="text"] b
{
	color: #fff;
}
/* 대출 목록 */
.deposit-all-top.loan-all
{
	background-color: #9e8162;
}

.deposit-all-top.loan-all .detail .btn-sm-func2
{
	background-color: #E5DBD2;
	border-color: #6e5a49;
	opacity: 1;
}

em.color-brown
{
	color: #8e745a;
}
/* 대출 미리보기 */
.deposit-all-top.loan_preview
{
	color: #222;
	padding-top: 16px;
	position: relative;
	background-color: #F4EEE8;
	overflow: hidden;
	min-height: 270px;
	margin: 0 -21px;
}
.layer-contents .deposit-all-list.pd-h,
.layer-contents .deposit-all-top.loan_preview.pd-h {
	padding-left: 21px !important;
    padding-right: 21px !important;
}

.deposit-all-top.loan_preview .head-copy
{
	position: relative;
	z-index: 1;
}

.deposit-all-top.loan_preview .detail
{
	padding-bottom: 40px;
}

.deposit-all-top.loan_preview .detail .btn-sm-func2
{
	background-color: #E5DBD2;
	border-color: #6e5a49;
	opacity: 1;
}

.deposit-all-top.loan_preview .detail .dl-contents
{
	padding-top: 16px;
}

.deposit-all-top.loan_preview .detail .dl-contents>dl>dt
{
	width: 32px;
	color: #666;
	padding-right: 10px;
}

.deposit-all-top.loan_preview .detail .dl-contents>dl>*
{
	padding: 4px 0;
}

.deposit-all-top.loan_preview .detail .highlighter:before
{
	background-color: #cec0b3;
}

.deposit-all-top.loan_preview .img-wrap
{
	width: 160px;
	height: 160px;
	position: absolute;
	bottom: 0;
	right: -20px;
}

.deposit-all-top.loan_preview .img-wrap img
{
	width: 160px;
	height: 160px;
}

.deposit-all-list
{
	padding-top: 14px;
	background-color: #fff;
	border-radius: 24px 24px 0 0;
	margin: -24px -21px 0;
	position: relative;
	z-index: 1;
}

.deposit-main-list-group
{
}

.deposit-main-list-group .deposit-main-list
{
	border-bottom: #eee 1px solid;
	padding-top: 24px;
	padding-bottom: 24px;
}

.deposit-main-list-group .deposit-main-list dt
{
}

.deposit-main-list-group .deposit-main-list dt p.name
{
}

.deposit-main-list-group .deposit-main-list dt small
{
	display: block;
	padding-top: 4px;
	line-height: 1.4;
}

.deposit-main-list-group .deposit-main-list dd
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-top: 8px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}

.deposit-main-list-group .deposit-main-list dd > div
{
	text-align: right;
	line-height: 1.4;
}

.deposit-main-list p + p
{
	margin-top: 14px;
}

.deposit-all-list.line-type
{
	border-radius: 0 0 0 0;
	margin-top: 0;
	padding-top: 0;
	border-top: #eee 1px solid;
}

.deposit-all-list .green-label,
.deposit-all-list .brown-label
{
	height: 18px;
	line-height: 18px;
	font-size: 0.688rem;
}

.deposit-all-list [class^="btn-"][class*="-sm"]
{
	padding-left: 10px;
	padding-right: 10px;
}

/* 착한누리적금 상품절차안내 */
.nuri-info
{
	display: table;
	width: 100%;
	table-layout: fixed;
	max-width: 360px;
	margin: 0 auto;
}

.nuri-info p
{
	display: table-cell;
	vertical-align: top;
	padding-top: 90px;
	position: relative;
	text-align: center;
}

.nuri-info p i
{
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background-color: #f8f8f8;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -40px;
}

.nuri-info p .ico-step1
{
	background: #f8f8f8 url('../images_kiwi/icon-old/ic_fill_m_subscription.svg') no-repeat 50% 50%;
}

.nuri-info p .ico-step2
{
	background: #f8f8f8 url('../images_kiwi/icon-old/ic_fill_m_documentcheck.svg') no-repeat 50% 50%;
}

.nuri-info p .ico-step3
{
	background: #f8f8f8 url('../images_kiwi/icon-old/ic_fill_m_sms.svg') no-repeat 50% 50%;
}

.nuri-info p:after
{
	content: "";
	background: url('../images_kiwi/icon-old/ic_diagram_arrow.svg') no-repeat 0 0;
	background-size: 18px 12px;
	width: 18px;
	height: 12px;
	position: absolute;
	top: 34px;
	right: -9px;
	z-index: 1;
}

.nuri-info p:last-child:after
{
	display: none;
}

/* 진행안내2 */
.panel[class*="kiwi"]
{
	position: relative;
	padding-bottom: 10px !important;
}

.panel[class*="kiwi"]:before
{
	content: "";
	width: 64px;
	height: 64px;
	position: absolute;
	top: 26px;
	right: 26px;
	background: #f8f8f8 url('../images_kiwi/icon-old/ic_fill_m_kiwiaccount.svg') no-repeat 50% 50%;
	border-radius: 50%;
}

.panel.kiwi-same:before
{
	background-image: url('../images_kiwi/icon-old/ic_fill_m_kiwiaccount.svg');
}

.panel.kiwi-add:before
{
	background-image: url('../images_kiwi/icon-old/ic_fill_m_term.svg');
}

.search-result-list
{
	overflow-y: auto;
	height: -webkit-calc(100vh - 267px);
	height: calc(100vh - 267px);
}

.search-result-list button
{
	width: 100%;
	height: 44px;
	text-align: left;
}


/* 예적금담보대출 */
.subscription-header .summary .date-select > div
{
	position: relative;
	display: inline-block;
	width: 85px;
	margin-top: -10px;
	padding-right: 14px;
	border-bottom: 1px solid #222;
}

.subscription-header .summary .date-select > div:after
{
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: 0;
	height: 0;
	margin-top: 2px;
	border: 5px solid transparent;
	border-top-color: #222;
	vertical-align: middle;
	background: none;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.subscription-header .summary .date-select > div input
{
	height: 18px;
	color: #222;
	font-size: 0.875rem;
}

/* 비과세 전용 */
.tax-free-tab .panel
{
	border-radius: 8px 8px 0 0;
}

.tax-free-tab .panel ~ .form .form-control-group
{
	border-top: 0;
	border-radius: 0;
}

.tax-free-tab .panel + .form .form-control-group:first-of-type
{
	border-radius: 8px 8px 0 0;
}

.tax-free-tab .panel + .form .form-control-group:last-of-type
{
	border-radius: 0 0 8px 8px;
}

/* 자동이체 이벤트 */
.ico-b-num1
{
	width: 36px;
	height: 36px;
	background: url('../images_kiwi/icon-old/img_b_num_1.svg') no-repeat 0 0;
}

.ico-b-num2
{
	width: 36px;
	height: 36px;
	background: url('../images_kiwi/icon-old/img_b_num_2.svg') no-repeat 0 0;
}

.ico-b-num3
{
	width: 36px;
	height: 36px;
	background: url('../images_kiwi/icon-old/img_b_num_3.svg') no-repeat 0 0;
}

.event-order-join dt
{
	margin-bottom: 16px;
}

.event-order-join dd
{
	font-weight: 700;
	line-height: 1.5;
}

.event-order-join dd + dt
{
	margin-top: 20px;
}

.reference-mark
{
	position: relative;
	padding-left: 18px;
	color: #58a700;
}

.reference-mark:before
{
	content: '※';
	position: absolute;
	top: 0;
	left: 0;
}

/* 계좌개설안내 */
.full-swiper.fixed-bottom
{
	padding-bottom: 80px !important;
}

.full-swiper .dimmed
{
	display: none;
}

.swiper-container[data-vertical="true"].accout-info-slide
{
	height: -webkit-calc(100vh - 233px);
	height: calc(100vh - 233px);
}

.line3 + .swiper-container[data-vertical="true"].accout-info-slide
{
	height: -webkit-calc(100vh - 250px);
	height: calc(100vh - 250px);
}

.swiper-pagination-bullets.vertical
{
	position: fixed;
	top: 24px;
	bottom: auto;
	left: auto;
	right: 24px;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.swiper-pagination-bullets.vertical .swiper-pagination-bullet
{
	display: block;
	margin: 6px 0;
}

.swiper-pagination-bullets.vertical .swiper-pagination-bullet-active
{
	background-color: #7bcd20;
}

.accout-info-slide .swiper-slide
{
	padding: 0 24px;
}

.accout-info-slide .swiper-table-type
{
	height: 100%;
}

.accout-info-slide .accout-made-list > li
{
	position: relative;
	display: table;
	width: 100%;
	min-height: 93px;
}

.accout-info-slide .accout-made-list > li > div
{
	display: table-cell;
	width: 100%;
	height: 100%;
	padding: 15px 15px 15px 70px;
	border: 1px solid #f2f2f2;
	border-radius: 15px;
	box-shadow: 40px 10px 24px 0 rgba(0, 0, 0, 0.05);
	background-repeat: no-repeat;
	background-position: 20px 50%;
	background-color: #fff;
	vertical-align: middle;
}

.accout-info-slide .accout-made-list > li + li
{
	margin-top: 8px;
}

.accout-info-slide .accout-made-list > li > .credit
{
	background-image: url('../images_kiwi/icon-old/ic_fill_m_idcard.svg');
}

.accout-info-slide .accout-made-list > li > .accout
{
	background-image: url('../images_kiwi/icon-old/ic_fill_m_otherbank.svg');
}

.accout-info-slide .accout-made-list > li > .cus
{
	background-image: url('../images_kiwi/icon-old/ic_fill_m_user.svg');
}

.accout-info-slide .accout-made-list > li > .time
{
	background-image: url('../images_kiwi/icon-old/ic_fill_m_time.svg');
}

.accout-info-slide .accout-made-list > li > .business
{
	background-image: url('../images_kiwi/icon-old/ic_fill_m_businessinfo.svg');
}

.accout-info-slide .fast-lon-swiper .fast-lon-order
{
	margin: 24px -24px 0;
}

.accout-info-slide .fast-lon-swiper .fast-lon-order li
{
	height: 55px;
}

.accout-info-slide .fast-lon-swiper .fast-lon-order li > div
{
	width: 100%;
	height: 116px;
	background-position: 50% top;
	background-size: 360px;
}

.accout-info-slide .fast-lon-swiper.swiper-slide-active .fast-lon-order li.time1 > div
{
	background-image: url('../images_kiwi/contents/account_open1.png');
}

.accout-info-slide .fast-lon-swiper.swiper-slide-active .fast-lon-order li.time2 > div
{
	background-image: url('../images_kiwi/contents/account_open2.png');
}

.accout-info-slide .fast-lon-swiper.swiper-slide-active .fast-lon-order li.time3 > div
{
	background-image: url('../images_kiwi/contents/account_open3.png');
}

.accout-info-slide .fast-lon-swiper.swiper-slide-active .fast-lon-order li.time4 > div
{
	background-image: url('../images_kiwi/contents/account_open4.png');
}

.accout-info-slide .fast-lon-swiper.swiper-slide-active .fast-lon-order li.time5 > div
{
	background-image: url('../images_kiwi/contents/account_open5.png');
	-webkit-animation-delay: 2.2s;
	animation-delay: 2.2s;
}

.full-swiper-toggle
{
	padding-top: 8px;
}

@media screen and (max-width: 320px)
{
	.accout-info-slide .accout-made-list > li
	{
		min-height: 85px;
	}
}

/* *************************************** 상품상세 *************************************** */
.product
{
	position: relative;
}

.product:before
{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
	height: 16px;
	background: #fff;
	border-radius: 24px 24px 0 0;
}

.product + section
{
	margin-top: 0;
}

.product + section:before
{
	display: none;
}
/* 상품상세 헤더 */
.product-head
{
	overflow: hidden;
	position: relative;
	min-height: 180px;
	background: #f3f3f3;
}

.product-head .head-copy
{
	margin-right: 24px;
	overflow-wrap: break-word;
}

.product-head .sub
{
	margin-top: 12px;
	font-size: 0;
}

.product-head .sub small
{
	color: rgba(34,34,34,.7);
}

.product-head .sub small + small::before
{
	content: '';
	display: inline-block;
	width: 1px;
	height: 12px;
	margin: 0 8px;
	background: #d6e0cb;
	vertical-align: top;
}

.product-head .info-wrap
{
	margin-bottom: 60px;
}

.product-head .info-wrap dt
{
	margin-bottom: 6px;
	font-size: 0.875rem;
	color: rgba(34,34,34,.7);
}

.product-head .info-wrap dd small
{
	display: block;
	margin-top: 6px;
	color: rgba(34,34,34,.7);
}

.product-head .info-wrap dl + dl
{
	margin-top: 30px;
}

.product-head .btn-share
{
	position: absolute;
	top: 24px;
	right: 24px;
	z-index: 2;
}

.product-head .img-wrap
{
	position: absolute;
	right: -10vw;
	bottom: -16px;
	width: 58vw;
	max-width: 280px;
}

.product-head .img-wrap img
{
	width: 100%;
}

.product-head .wide .img-wrap
{
	position: absolute;
	left: 0;
	bottom: -84px;
	width: 100%;
	max-width: 100%;
	text-align: center;
}

.product-head .wide .img-wrap img
{
	width: auto;
}

.product-head .swiper-container
{
	padding-bottom: 0;
}

.product-head .swiper-slide
{
	overflow: hidden;
	height: auto;
}

.product-head .swiper-slide .head-copy
{
	padding-top: 48px;
}

.product-head .swiper-pagination
{
	bottom: auto;
	top: 24px;
	left: 24px;
	text-align: left;
}

.product-head .swiper-pagination-bullet-active
{
	background: #ffcc00;
}

.deposit .product-head
{
	background: #E3F4D2;
}

.loan .product-head
{
	background: #F4EEE8;
}

.loan .product-head .highlighter:before
{
	background: rgba(142,116,90,0.4);
}

.special .product-head
{
	background: #fff8d9;
}


/* 계산기(시뮬레이션) */
.pre-calculator.loan em
{
	color: #8e745a;
}

.pre-calculator
{
	position: relative;
	z-index: 2;
	width: 100%;
	margin-top: -16px;
	background: #fff;
	border-radius: 24px 24px 0 0;
	border-bottom: 8px solid #f8f8f8;
}

.pre-calculator .button-group
{
	margin: 0 16px;
}

.pre-calculator .btn-calc
{
	position: relative;
	display: block;
	width: 100%;
	height: 36px;
	margin-top: 5px;
	border-bottom: 1px solid #eee;
	text-align: left;
	font-weight: bold;
	line-height: 36px;
}

.pre-calculator button.btn-calc:after
{
	content: '';
	position: absolute;
	top: 6px;
	right: 0;
	width: 20px;
	height: 20px;
	background: url('../images_kiwi/icon-old/ic_m_edit.svg') no-repeat;
}

.pre-calculator .result
{
	position: relative;
	margin-top: 28px;
	padding: 28px 20px;
	background-color: #f8f8f8;
	border-radius: 8px;
	text-align: center;
}

.pre-calculator .result .result-val
{
	font-size: 1.5rem;
	line-height: 2.25rem;
	font-weight: 700;
	letter-spacing: -1px;
}

.pre-calculator .result .result-val b
{
	font-size: 1.75rem;
}

.pre-calculator .result .result-val i
{
	position: relative;
	top: -2px;
}

.pre-calculator .result:after
{
	content: '';
	position: absolute;
	top: -8px;
	left: 50%;
	width: 20px;
	height: 8px;
	margin-left: -10px;
	background: url('../images_kiwi/contents/arrow_top.png') no-repeat 0 0;
}

.pre-calculator .result .result-val sup
{
	font-size: 0.813rem;
	color: #666;
}

.pre-calculator .result + .text-14-gray
{
	margin-top: 10px;
}

/* 계산기 입력 레이어  */
.layer.calc .layer-contents
{
	padding-bottom: 0;
}

.layer.calc .layer-title
{
	font-size: 1rem;
}

.layer.calc .form-control-group
{
	padding-bottom: 40px;
}

.pre-calc
{
	position: relative;
	margin: 0 50px;
	padding: 0 40px;
}

.pre-calc input
{
	display: inline-block;
	border: 0;
	height: 60px;
	font-size: 1.75rem;
	letter-spacing: -0.05em;
	font-weight: bold;
	text-align: center;
}

.pre-calc .btn-clear
{
	position: absolute;
	top: 50%;
	right: 20px;
	width: 20px;
	height: 20px;
	background: url('../images_kiwi/icon/btn_clear.svg') no-repeat;
	opacity: 0.3;
}

.pre-calc .unit
{
	position: absolute;
	top: 0;
	right: -30px;
	height: 60px;
	font-size: 1.5rem;
	line-height: 60px;
	letter-spacing: -0.05em;
	font-weight: bold;
}

.pre-calc .percent
{
	right: -10px;
	font-size: 1.875rem;
}

em.emphasis-loan
{
	color: #8e745a;
}

/* 상품설명 */
.ui-accordion.desc .acc-title>button
{
	height: 56px;
	font-size: 1rem;
}

.ui-accordion.desc .acc-title>button:after
{
	width: 20px;
	height: 20px;
	background: url('../images_kiwi/icon/ico_arr_b.svg') no-repeat;
	-webkit-transform: translateY(-50%) rotate(0deg);
	transform: translateY(-50%) rotate(0deg);
}

.ui-accordion.desc .open .acc-title>button:after
{
	-webkit-transform: translateY(-50%) rotate(180deg);
	transform: translateY(-50%) rotate(180deg);
}

.ui-accordion.desc .acc-cont
{
	margin: 0 -21px;
	padding: 0 21px 36px;
}
.ui-accordion.desc .acc-cont h3 small{color: #999;}
.ui-accordion.desc .acc-cont h3{
	display: flex;
	justify-content: space-between;
	color: #999;
	margin-top: 28px;
}
.ui-accordion.desc .acc-cont h3:first-child{
	margin-top: 0;
}
.ui-accordion.desc .acc-cont.gray
{
	padding-top: 20px;
	border-top: 0;
	background: #f8f8f8;
}
.ui-accordion .list-bullet-dot{
	margin-top: 12px;
}
.ui-accordion .bullet-dash, 
.ui-accordion .list-bullet-dot li
{
	/* font-size: 0.813rem; */
	color: #141414;
}

.ui-accordion.desc .open .acc-title .title
{
	font-weight: bold;
}

.ui-accordion.desc:after
{
	content: '';
	display: block;
	width: -webkit-calc(100% + 42px);
	width: calc(100% + 42px);
	height: 1px;
	margin: 0 -21px;
	background: #eee;
}

.ui-accordion.desc .acc-cont
{
	letter-spacing: -0.04em;
}

.ui-accordion.desc .acc-cont dl + dl
{
	margin-top: 24px;
}

.ui-accordion.desc .acc-cont dt
{
	margin-bottom: 8px;
	font-size: 0.875rem;
	color: #999;
}

.ui-accordion.desc .acc-cont dd
{
	line-height: 1.5;
}

.ui-accordion.desc .acc-cont dd + dd
{
	margin-top: 10px;
}

.ui-accordion.desc .acc-cont dt.tip
{
	position: relative;
	padding: 3px 0 10px 66px;
	font-size: 1.125rem;
	color: #222;
	font-weight: bold;
	line-height: 1.5;
}

.ui-accordion.desc .acc-cont dt.tip:before
{
	content: '';
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 56px;
	height: 56px;
	background: url('../images_kiwi/contents/img_sav_tip.svg') no-repeat;
}

.ui-accordion.desc .list-bullet-cir li.text-16
{
	font-size: 1rem;
	line-height: 1.5;
	color: #222;
}

.ui-accordion.desc .list-bullet-cir li.color-emphasis
{
	color: #58a700;
}
.prd-detail .ui-accordion.desc::before
{
	content: '';
	display: block;
	width: -webkit-calc(100% + 42px);
	width: calc(100% + 42px);
	height: 6px;
	margin: 0 -21px;
	background: #ebebeb;
}
.prd-detail .ui-accordion.desc:after
{
	content: '';
	display: block;
	width: -webkit-calc(100% + 42px);
	width: calc(100% + 42px);
	height: 6px;
	margin: 0 -21px;
	background: #ebebeb;
}

.prd-detail .ui-accordion.desc .open .acc-title .title {
	font-weight: 500;
}

.prd-detail .ui-accordion.desc .acc-cont h3 + .text-16{
	margin-top: 12px;
}

.prd-detail.deposit-detail {
	padding: 0 0 36px;
}

.prd-detail.deposit-detail .detail-top .prd-info {
	min-height: 158px;
}

.prd-detail.deposit-detail .detail-top button {
	position: static;
	align-self: flex-start;
}

.prd-detail.deposit-detail .detail-top .btn-sm-func4 {
	border: none;
}

.prd-detail.deposit-detail .detail-top .img-bankbook {
	top: 90px;
}

.prd-detail.deposit-detail .detail-conts .panel.box-shadow {
	padding-bottom: 20px;
}

.acc-cont>div.tbl-data-wrap
{
	padding: 0;
}
[class^="title-"] + .tbl-data-wrap {
	margin-top: 12px
}
/* .tbl-data-wrap [class^="title-"]
{
	float: left;
} */
.tbl-data-wrap {
	display: flex;
    flex-direction: column;
}
.tbl-data-wrap [class^="title-"] {
	display: flex;
}
.tbl-data-wrap .tbl-info
{
	/* float: right; */
	height: 2rem;
	margin-left: auto;
	padding-top: 5px;
	/* background-color: red; */
}

.tbl-data-wrap .data-table
{
	clear: both;
}

.tbl-data-wrap th,
.tbl-data-wrap td
{
	background: #fff;
	text-align: center;
}

.tbl-data-wrap th.border
{
	border-right: 1px solid #eee;
}

/* apply-step */
.apply-step li
{
	height: 56px;
	padding: 15px 0 0 48px;
	border: 1px solid #eee;
	background: #fff;
	border-radius: 8px;
}

.apply-step li
{
	margin-bottom: 0;
}

.apply-step li + li
{
	margin-top: 4px;
}

.apply-step>li span
{
	top: 50%;
	left: 15px;
	margin-top: -11px;
}

/* file-list */
.file-list > li
{
	padding-left: 24px;
	background: url('../images_kiwi/icon-old/ico_clip.svg') no-repeat left 50%;
}

.file-list > li + li
{
	margin-top: 20px;
}

.file-list > li > button
{
	border-bottom: 1px solid #222;
	font-size: 0.875rem;
}



/* kdic-box */
.kdic-box {
	display: flex;
	gap: 16px;
	align-items: center;
	margin: 0 !important;
}

.kdic-box:after
{
	content: '';
	display: block;
	clear: both;
}

.kdic-box dt
{
	flex: none;
	width: 91px;	
	margin: auto 0 !important;
	padding: 4px;
}

.kdic-box dt img
{
	width: 100%;
}

.kdic-box dd
{
	flex: 1;
}

.kdic-box dd small
{
	display: block;
	line-height: 1.3;
}

.detail-conts .tab-contents .txt-cont .kdic-box {margin: 0 !important;}
@media screen and (max-width: 360px)
{
	.swiper-container[data-vertical="true"].accout-info-slide
	{
		min-height: auto;
	}
}

@media screen and (max-width: 320px)
{
	.swiper-container[data-vertical="true"].accout-info-slide
	{
		*height: -webkit-calc(100vh - 120px);
		*height: calc(100vh - 120px);
	}

	.line3 + .swiper-container[data-vertical="true"].accout-info-slide
	{
		*height: -webkit-calc(100vh - 141px);
		*height: calc(100vh - 141px);
	}

	.accout-info-slide .swiper-slide
	{
		padding: 0 16px;
	}

	.accout-info-slide .fast-lon-swiper .fast-lon-order li
	{
		height: 50px;
	}

	.full-swiper-fixed > * + *
	{
		margin-top: 16px;
	}

	.ui-accordion.desc .acc-cont
	{
		margin: 0 -16px;
	}

	.ui-accordion.desc:after
	{
		margin: 0 -16px;
	}
}


/* 상품상세 */
.guide-list
{
	clear: both;
	width: 100%;
	color: #999;
}

.guide-list>li
{
	position: relative;
	padding-left: 12px;
	font-size: 0.875rem;
	line-height: 1.25rem;
}

.guide-list>li:before
{
	content: '';
	position: absolute;
	top: 7px;
	left: 0;
	width: 5px;
	height: 5px;
	border: 1px solid #999;
	border-radius: 50%;
}

.guide-list>li + li
{
	margin-top: 8px;
}

.tbl-data + *, 
* + .tbl-data
{
	margin-top: 10px;
}

.info-txt>li
{
	position: relative;
	padding-left: 12px;
	font-size: 1rem;
	line-height: 1.5;
	color: #222;
}

.info-txt>li:before
{
	content: '';
	position: absolute;
	top: 7px;
	left: 0;
	width: 5px;
	height: 5px;
	border: 1px solid #999;
	border-radius: 50%;
}
/* DATA TABLE */
.tbl-info
{
	text-align: right;
	color: #999;
}

.tbl-data
{
	width: 100%;
	border-top: 1px solid #222;
	font-size: 0.875rem;
	line-height: 1.25rem;
}

.tbl-data th,
.tbl-data td
{
	padding: 10px;
	border-bottom: 1px solid #eee;
	background: #fff;
}

.tbl-data tbody th
{
	font-weight: normal;
}

.tbl-data td
{
	color: #666;
}

section.product > .kb_logo {margin:10px 0 0 10px}
section.product > .kb_logo > img {width:30%;}
.btn-new-yellow:only-child {background:#ffd338; color:#26282c; font-weight:bold; width:100%; height:3rem; font-size:1.125rem; margin:-12px -12px 0;}

.caution-list {
    font-size: 16px;

}
.caution-list li {
    position: relative;
    padding-left: 18px;
    line-height: 20px;
}
.caution-list li::before {
    content:'';
    position: absolute;
    left:0;
    top:0;
    width: 16px;
    height: 16px;
    background: url('../images_kiwi/icon-old/ico_warning_check.svg') no-repeat 50% 50%;
    background-size: 16px;
}
.caution-list li + li {margin-top: 9px;}
.caution-txt {
    position: relative;
    padding-left: 18px;
    line-height: 20px;
}
.caution-txt::before{
    content: '';
    display: inline-block;
    position: absolute;
    left: 6px;
    top: 5px;
    width: 6px;
    height: 10px;
    border: 6px solid transparent;
    border-left-color: #999;
    border-radius: 0.5px;;
    vertical-align: middle;
    font-size: 16px;
}
/* 상품몰 메인 */
.prd-main {
	padding: 64px 0 36px;
	background: linear-gradient(180deg, #fff 100vh, #f4f5f6 100%), #fff;
	position:relative;
	box-sizing: border-box;
}
.prd-main .sr-only{position:relative;margin-top:2px !important}
.mobile-web .prd-main {padding-top:10px}
.prd-main hr {
	margin-left: -21px;
	margin-right: -21px;
}

.prd-main .ui-card .card-tit {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.prd-main .ui-card .card-desc {
	width: 100%;
}

.prd-main .ui-card-list > hr  {
	margin: 28px -21px;
}

.prd-main h4.title-d1.mb8 + .ui-card-list {
	margin-top: 0;
}
.prd-main h4.title-d1.mb8 + .ui-card-list ul + hr {
	margin: 36px 0;
}
.prd-main h4.title-d1.mb8 + .ui-card-list hr:last-of-type {
	margin: 28px -21px;
}

.my-prd-swiper {
	margin: 0 -21px;
	padding: 12px 0 20px;
	overflow: hidden;
	z-index: 1;
}

.my-prd-swiper .swiper-slide {
	width: calc(100% - 42px);
}

.my-prd-swiper::before {
	position: absolute;
	right: -37px;
	top: 3px;
	content: '';
	width: 160px;
	height:  160px;
	border-radius: 999px;
	background: #efe896;
	filter: blur(5px);
}

.my-prd-swiper::after {
	position: absolute;
	left: -50px;
	bottom: 10px;
	content: '';
	width: 137px;
	height:  137px;
	border-radius: 999px;
	background: #ffe5cc;
	filter: blur(10px);
}
.account-swiper.swiper-container-autoheight {overflow:hidden}
.account-swiper.swiper-container-autoheight .swiper-slide{
	overflow:hidden
}

.swiper-container-horizontal {
	position: relative;
}

.swiper-container-horizontal .swiper-pagination {
	bottom: 16px;
}

.swiper-container-horizontal .swiper-pagination-bullet {
	width: 6px;
	height: 6px;
	background: #e0e0e0;
	opacity: 1;
}

.swiper-container-horizontal .swiper-pagination-bullet-active {
	width: 16px;
	height: 6px;
	border-radius: 9px;
	background: #7d6c59;
}

.prd-main .primary-prd {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	width: 100%;
	height: 252px;
	padding: 20px;
	border-radius: 16px;
	border: 1px solid #fff;
	background: rgba(255,253,245, 1);
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.10), 0 0 20px 0 #fff inset;
}

@supports (backdrop-filter: blur(40px)) {
	.prd-main .primary-prd {
		background: linear-gradient(180deg, rgba(255,255,255, 0.30) 0%, rgba(239,239,239, 0.30) 100%);
		backdrop-filter: blur(40px);
	}
}

.prd-main .primary-prd .badge {
	align-self: flex-start
}

.prd-main .primary-prd .prd-info .txt-tit {
	margin-bottom: 8px;
	font-size: 1.25rem;
	line-height: 1.75rem;
	display: block;
}

.prd-main .primary-prd button {
	align-self: flex-start;
	margin-top: auto;
	padding: 8px 16px;
	border-radius: 999px;
}

.prd-main .primary-prd .img-bankbook {
	position: absolute;
	right: 20px;
	bottom: 20px;
	width: 96px;
	height: 96px;
}

.prd-main .prd-nav {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 5;
	width: 100%;
	padding: 12px 21px 10px;
	background: #fff;
	height:64px;
	box-sizing:border-box
}
.prd-main .prd-nav ul {
	display: flex;
	gap: 4px;
}
.prd-main .prd-nav ul li {
	flex: auto;
}
.prd-main .prd-nav .btn-md2-line2 {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	width: 100%;
	padding: 9px 0;
}

.prd-main .prd-nav .btn-md2-line2::before {
	display: none;
}

.prd-main .prd-nav .active  .btn-md2-line2 {
	padding: 8px 0;
	border: 2px solid #ffbc00;
}

/* .prd-main .prd-nav ~ section {
	padding-top: 46px;
} */

.prd-main .recom-prd-lists ul {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.prd-main .recom-prd-lists a {
	position: relative;
	display: flex;
	align-items: center;
	gap: 12px;
}
.prd-main .recom-prd-lists a::after {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	content: '';
	background: url(../images_kiwi/icon/btn_arr_r.svg) no-repeat;
}
.prd-main .recom-prd-lists .rnd-bx {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 12px;
	background-color: #fff;
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.06);
}

.btn-signup {
	display: flex;
	align-items: center;
	padding: 6px 12px;
	border-radius: 999px;
	background: #3f3f42;
	font-size: 0.813rem;
	line-height: 1.313rem;
	color: #fff;
}

.btn-signup .num {
	margin-left: 4px;
	color: #ffd338;
}

.ongoing {
	display: flex;
	align-items: center;
	gap: 3px;
	margin-right: 8px;
	line-height: 1;
}

.ongoing span {
	display: inline-block;	
	width: 4px;
	height: 4px;
	border-radius: 100%;
	background: #ffbc00;
	animation: wave 1.5s infinite;
}

.ongoing span:nth-child(1) {
	animation-delay: 0s;
}

.ongoing span:nth-child(2) {
	animation-delay: 0.2s;
}

.ongoing span:nth-child(3) {
	animation-delay: 0.4s;
}

@keyframes wave {
	0%, 60%, 100% {
		transform: translateY(0);
		/* opacity: 0.3;  */
	}
	30% {
		transform: translateY(-3px);
		opacity: 1;
	}
}
.ongoing {
	margin-right: 8px;
}
/* .ongoing span {
	display: none;
} */


/* 상품상세(고도화) */
.prd-detail .panel .contents-btns {padding: 20px 0 0}
.prd-detail .detail-conts .ui-tab {
	padding-top: 20px;
}

.prd-detail .panel.box-shadow ~ .ui-tab {
	margin-top: 28px;
	/* padding-top: 20px; */
}

.prd-detail .panel.box-shadow .btn-calc {
	position: relative;
	display: block;
	width: 100%;
	margin: -12px 0;
	padding: 12px 0;
	font-size: 1.125rem;
	text-align: left;
}

.prd-detail .panel.box-shadow .btn-calc::after {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	content: '';
	width: 20px;
	height: 20px;
	background: url('../images_kiwi/icon/ico_pen.svg') no-repeat 0 0;
	background-size: contain;
}

.detail-top {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
	height: auto;
	/* height: 390px; */
	padding: 28px 21px 36px;
	background: #ffefb9;
}

.detail-top.transaction,
.detail-top.transaction .prd-benefit {
	background: #ffefb9;
}

.detail-top.deposit,
.detail-top.deposit .prd-benefit  {
	background: #ffd185;
}

.detail-top.savings,
.detail-top.savings .prd-benefit  {
	background: #ddf0eb;
}

.detail-top.loan,
.detail-top.loan .prd-benefit  {
	background: #e0f3ff;
}

.detail-top.card,
.detail-top.card .prd-benefit {
	background: #e6e5ff;
}

@supports (backdrop-filter: blur(15px)) {
	.detail-top.deposit .prd-benefit,
	.detail-top.transaction .prd-benefit,
	.detail-top.savings .prd-benefit,
	.detail-top.loan .prd-benefit,
	.detail-top.card .prd-benefit {
		background: linear-gradient(180deg, rgba(255, 255, 255, 0.10) 0%, rgba(239, 239, 239, 0.10) 100%);
		backdrop-filter: blur(15px);
	}
}


.detail-top button {
	position: absolute;
	right: 21px;
	top: 28px;
	z-index: 3;
}
.detail-top [class^="btn-"][class*="-line"][class*="-sm"] {
	border: 0;
}

.detail-top .prd-info {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	order: 0;
	padding-top: 36px;
	/* min-height: 220px; */
	/* padding-bottom: 108px; */
}

.detail-top .prd-info .label2 {
	position: absolute;
	left: 0;
	top: 0;
	/* align-self: flex-start; */
	/* margin-bottom: 12px; */
}

.detail-top .prd-info .txt-type {
	margin-bottom: 6px;
	padding-right: 64px;
	font-size: 0.813rem;
	line-height: 1.313rem;
	/* color: #f46600; */
}

.detail-top .prd-info .txt-tit {
	margin-bottom: 8px;
	font-size: 24px;
	line-height: 32px;
}

.detail-top .prd-info .txt-desc {
	margin-bottom: 16px;
	padding-right: 46px;
}

.detail-top .prd-benefit {
	position: relative;
	z-index: 5;
	display: flex;
	flex-direction: column;
	order: 2;
	width: 100%;
	height: auto;
	margin-top: -40px;
	padding: 20px 28px;
	border-radius: 20px;
	border: 1px solid #fff;
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.10), 0 0 20px 0 #fff inset;
}

.detail-top .prd-benefit dl {
	position: relative;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	/* gap: 16px; */
	/* width: 50%; */
}

.detail-top .prd-benefit dl + dl {
	margin-top: 16px;
}

.detail-top .prd-benefit dl + dl::before {
	/* position: absolute; */
	width: 100%;
	height: 1px;
	margin-bottom: 16px;
	content: '';
	background: rgba(20,20,20, 0.1);
}

.detail-top .prd-benefit dt {
	flex: auto;
	width: 56px;
	font-weight: 300;
}

.detail-top .prd-benefit dd {
	flex: none;
	width: 75%;
	font-size: 1rem;
	line-height: 1.5rem;
	text-align: right;
}

.detail-top .prd-benefit .highlighter {
	color: #f46600 !important;
	font-weight: 500 !important;
	line-height: 1.5rem;
}

.detail-top .prd-benefit .highlighter > * {
	white-space:initial;
}

.detail-top .img-bankbook {
	/* position: absolute;
	right: 21px;
	top: 153px; */
	width: 100%;
	text-align: right;
	order: 1;
}

.detail-top .img-bankbook img {
	width: 180px;
	height: 136px;
	/* width: 100%;
	height: 100%; */
}

.detail-conts {
	margin-bottom: auto;
	padding: 0 21px 0;
}

.detail-conts .panel.box-shadow {
	padding-bottom: 36px;
	border: 0;
}

.detail-conts .ico-unit-won {
	vertical-align: -2.5px;
}

.detail-conts .panel.box-shadow .bg-gray-box .dl-contents .num {
	font-weight: 700;
}
/* 
.detail-conts .tab-contents {
	padding: 28px 0 0;
} */

.detail-conts .tab-contents .txt-cont {
	gap: 0;
}

.detail-conts .tab-contents .txt-cont dl {
	margin-bottom: 28px !important;
}

.detail-conts .tab-contents .txt-cont dl > dd .list-bullet-cir {
	margin-top: 12px;
}

.detail-conts .tab-contents .txt-cont .text-lightgray2 {
	margin-top: 16px;
}

.detail-conts .tab-contents .txt-cont .tbl-data-wrap .highlighter {
	margin-top: 12px;
}

.detail-conts .tab-contents .txt-cont .tbl-data-wrap .highlighter + .highlighter {
	margin-top: 0;
}

.detail-conts .data-table th {
	background-color: #f7f7f7;
}

.detail-conts .layer .layer-contents .ui-tab {
	padding-top: 0;
}

.detail-conts .layer .layer-contents .tab-contents {
	padding: 20px 21px 0;
}

/* 상품상세 이율안내, 상품내용 변경에 관한 사항 탭 대응 css */
.detail-conts .tbl-data-wrap {
	display: block;
}
.detail-conts .tbl-data-wrap [class^="title-"] {
	float: left;
	display: block;
}
.detail-conts .tbl-data-wrap .tbl-info {
	float: right;
	padding-top: 3px;
}
.detail-conts dl > .flex + dd > .tbl-info {
	margin-top: -33px;display:block
}
.detail-conts .tbl-data-wrap .data-table.align-left + .title-d3 {
	margin: 40px 0 12px;
}
.detail-conts .title-d3 {
	font-size: 0.875rem;
}
.detail-conts .title-d3.mb0 {
	margin-bottom: 12px !important;
}
.detail-conts .title-d3 small {
	color: #999;
}

/*.detail-conts .tab-container {margin-bottom:-56px}*/
.detail-conts .txt-cont .tbl-info {height:auto;padding-top:0;margin-bottom:12px}
.detail-conts .txt-cont .tbl-data-wrap dd > .tbl-data-wrap.mt40 {margin-top:0 !important} 
.detail-conts .txt-cont .tbl-data-wrap dd > span + .tbl-data-wrap.mt40 {margin-top:40px !important} 
.detail-conts .txt-cont .tbl-data-wrap dd > .tbl-data-wrap.mt40 .tbl-info {margin-top:-33px;padding-top:0}
.detail-conts .txt-cont .tbl-data-wrap h4 + .tbl-data-wrap.mt40 .tbl-info {margin-top:0}
.detail-conts .txt-cont .tbl-data-wrap dd > .tbl-data-wrap.mt40 h4 + .tbl-info {margin-top:0}
.detail-conts .txt-cont dt.flex + dd > .tbl-data-wrap.mt40 {margin-top:0 !important}
.detail-conts .txt-cont dt.flex + dd > .tbl-data-wrap.mt40 .tbl-info {margin-top:-33px;padding-top:0} 
.detail-conts .txt-cont dt.flex + dd span + .tbl-data-wrap.mt40 .tbl-info {margin-top:0} 
.detail-conts .txt-cont dt.flex + dd > span + .tbl-data-wrap.mt40 {margin-top:12px !important}
.detail-conts .txt-cont dt.flex + dd > .tbl-data-wrap.mt40 .tbl-data-wrap.mt40 .tbl-info{margin-top:0} 
.detail-conts .txt-cont .tbl-data-wrap + .mb15 {margin-top:28px}
.detail-conts .txt-cont .tbl-data-wrap dl dt.flex + dd > .tbl-info{margin-top:-33px}
.detail-conts .txt-cont h4.title-d3 {font-size:0.875rem}
.detail-conts .txt-cont .tilte-d2 {margin-top:0}
.detail-conts .txt-cont .tilte-d2 + .title-d3 {margin-top:12px}
.detail-conts .txt-cont > .tbl-info + .tbl-data-wrap {margin-top:-33px}
.detail-conts .txt-cont > .tbl-info + .tbl-data-wrap h4 {margin-bottom:12px}

/* 대출 상품상세 - 신청절차 탭  */
.tab-contents .apply-step li {height:auto;min-height:56px;padding:15px 10px 13px 48px}

/* 플러스kiwi적금 상품상세 상품안내 하드코딩 */
.item-details .intro {
	display: flex;
	align-items: center;
	gap: 10px;
}
.item-details .intro .icon {
	width: 56px;
	height: 56px;
}
.item-details .tbl-data-wrap {
	margin-top: 28px;
}
.item-details .titleline {
	color: #999;
}
.item-details .data-table {
	margin-top: 10px;
}
.info-item {
	display: flex;
	gap: 10px;
}
.info-item .headline {
	flex-shrink: 0;
}
.item-details .footnote {
	margin-top: 10px;
}
.item-details + dl {
	margin-top: 28px;
}

.download-file ul {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.download-file .btn-download {
	display: flex;
	align-items: center;
	width: 100%;
	padding: 16px 20px !important;
	border-radius: 8px !important;
	border: 1px solid #dcdcdc;
	font-size: 1rem;
	line-height: 1.5rem;
}

.download-file .btn-download .ico-download {
	margin-left: auto;
	height: 20px;
	width: 20px;
}
.download-file .btn-download2 {
	display: flex;
	align-items: center;
	width: 100%;
	padding: 16px 20px !important;
	border-radius: 8px !important;
	border: 1px solid #dcdcdc;
	font-size: 1rem;
	line-height: 1.5rem;
	height: 80px;
}

.download-file .btn-download2 .ico-download
{
	background: url('../images_kiwi/icon/ico_visual_loans.svg') no-repeat 50% 50%;
	margin-left: auto;
	height: 48px;
	width: 48px;
}
.download-file .btn-download2 .ico-card
{
	background: url('../images_kiwi/icon/ico_checkcard.svg') no-repeat 50% 50%;
	margin-left: auto;
	height: 48px;
	width: 48px;
}

.favorite-wrap.share-lists {
	display: flex;
	justify-content: center;
	gap: 36px;
	padding: 28px 0 0;
}

.txt-cont {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.txt-cont dt
{
	margin-bottom: 12px;
}

.txt-cont dd
{
	font-size: 1rem;
	line-height: 1.5rem;
}

.txt-cont.gray dt
{
	color: #999;
}

.join-step ol {margin: 0}

.join-step li {
	position: relative;
	display: flex;
	gap: 16px;
	list-style: none;
	padding-bottom: 36px;
	overflow: hidden;
}

.join-step li:last-child {
	padding-bottom: 0;
}

.join-step li::before {
	flex: none;
	display: inline-block;
	width: 48px;
	height: 48px;
	content: '';
	border-radius: 100%;
	background-size: 28px;
}

.join-step li:last-child::after {
	display: none;
}

.join-step li:nth-child(1):before {
	background: #f5f5f5 url(../images_kiwi/icon/ico_user.svg) no-repeat center;
}

.join-step li:nth-child(2):before {
	background: #f5f5f5 url(../images_kiwi/icon/ico_policy.svg) no-repeat center;
}

.join-step li:nth-child(3):before {
	background: #f5f5f5 url(../images_kiwi/icon/ico_info.svg) no-repeat center;
}

.join-step li:nth-child(4):before {
	background: #f5f5f5 url(../images_kiwi/icon/ico_check.svg) no-repeat center;
}
.join-step li.idcard:before {
	background: #f5f5f5 url(../images_kiwi/icon/ico_idcard.svg) no-repeat center;
	background-size: 28px auto;
    background-position: center top 11px;
}
.join-step li.account:before {
	background: #f5f5f5 url(../images_kiwi/icon/ico_bankbook2.svg) no-repeat center;
}
.join-step li.time:before {
	background: #f5f5f5 url(../images_kiwi/icon/ico_time.svg) no-repeat center;
}

.join-step li::marker {
	display: none;
}

.join-step .step-context {
	display: flex;
	flex-direction: column;
	gap: 8px;
	align-self: center;
}

.join-step .step-context .txt-tit {
	font-size: 1rem;
	line-height: 1.5rem;
}

.join-step .step-context .txt-desc {
	color: #858585;
	font-weight: 300;
}

/* .join-step.account-step li::after { */
.join-step:not(.meeting-member):not(.meeting-manage) li::after {
	position: absolute;
	left: 0;
	top: 55px;
	bottom: 0;
	width: 48px;
	content: '';
	background: url(../images_kiwi/icon/ico_arr_3.svg) no-repeat;
	background-size: 48px auto;
}

.together-join ul {
	display: flex;
	gap: 12px;
}
.together-join li {
	width: 50%;
}
.join-item {
	position: relative;
	overflow: hidden;
}
.join-item .badge {
	display: none;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
	padding: 2px 10px;
	border-radius: 999px;
	background-color: #3f3f42;
	font-size: 0.75rem;
	color: #fff;
}
.join-item.completed .badge {
	display: block;
}
.join-item.completed::after {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	z-index: 1;
	content: '';
	border-radius: 12px;
	background-color: rgba(240,240,240, 0.5);
}

.join-item label {
	display: inline-block;
	width: 100%;
	height: 100%;
	padding: 16px;
	border-radius: 12px;
	border: 1px solid #dcdcdc;
	background: #fff;
	text-align: center;
}
.join-item label [class*="ico"] {
	display: block;
	margin: 0 auto 12px;
}
.join-item label .txt-tit + .txt-desc {
	font-weight: 300;
}
.join-item label .txt-tit {
	margin-bottom: 6px;
	font-size: 1rem;
	line-height: 1.5rem;
	display: flex;
	flex-direction: column;
}
.join-item input:checked + label {
	padding-top: 15px;
	padding-bottom: 15px;
    border: 2px solid #ffbc00;
}
.join-item.single-chk {
	position: relative;
}
.join-item.single-chk label {
	text-align: left;
}
.join-item.single-chk label .ico-membership {
	position: absolute;
	right: 21px;
	top: 50%;
	transform: translateY(-50%);
}
/* 스타일 변경 css 추가 */
.join-item label .chk {
	position: absolute;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.join-item label .chk::before {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	background: url('../images_kiwi/icon/check_line.svg') no-repeat center;
	background-size: 100%;
}
.join-item input:checked + label .chk::before {
	background-image: url('../images_kiwi/icon/check_line_white.svg');
}
.join-item input:checked + label .chk {
	background-color: #ffbc00;
}
/* 버튼 2개 일 때 */
.together-join li .join-item.type2 {
	height: 100%;
}
.join-item.type2 label {
	padding-top: 50px;
}
.join-item.type2 label .chk {
	left: 0;
	right: 0;
	border-bottom: 1px solid #dcdcdc;
}
.join-item.type2 label .chk::before {
	margin: 16px auto 15px;
}
.join-item.type2 label [class*="ico"] {
	margin-top: 8px;
	margin-bottom: 4px;
}
.join-item.type2 input:checked + label {
	padding-top: 49px;
	padding-left: 15px;
	padding-right: 15px;
}
.join-item.type2 input:checked + label .chk {
	border-bottom-color: #ffbc00;
	border-top-right-radius: 12px;
	border-top-left-radius: 12px;
}
/* 버튼 1개 일 때 */
.join-item.single-chk label {
	padding-left: 60px;
	padding-right: 72px;
}
.join-item.single-chk label .chk {
	left: 0;
	bottom: 0;
	border-right: 1px solid #dcdcdc;
}
.join-item.single-chk label .chk::before {
	margin: 0 12px 0 11px;
}
.join-item.single-chk input:checked + label {
	padding-top:15px;
	padding-bottom: 15px;
	padding-left: 59px;
	padding-right: 71px;
}
.join-item.single-chk input:checked + label .chk {
	border-right-color: #ffbc00;
	background-color: #ffbc00;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}
/* 가입완료 일 때 */
.join-item.completed label .txt-tit {
	color: #bbb;
}
.join-item.completed .badge {
	line-height: 20px;
}

.auth-way {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 154px;
}

.captured-guide img {
	width: 100%;
}

.captured-image {
	width: 100%;
	margin-bottom: 20px;
	border-radius: 8px;
	/* border: 1px solid #dcdcdc; */
	/* background: url('../images_kiwi/ncontents/img-idcard.png') no-repeat 50% 50%;
	background-size: contain; */
}
.captured-image img {
	width: 100%;
}

.captured-area {
	width: 318px;
	height: 200px;
	border-radius: 12px;
	border: 4px solid #fff;
	background: #000;
}

.captured-area + .txt-guide { 
	display: inline-block;
	width: auto;
	margin: 28px auto 0;
	padding: 8px 16px;
	border-radius: 999px;
	border: 1px solid #fff;
	font-size: 0.938rem;
	color: #fff;
}

.dl-list-contents{margin-top: 12px;}
.dl-list-contents dl + dl{ margin-top: 36px; padding-top: 36px; border-top: 1px #dcdcdc solid;}
.dl-list-contents dl dt{margin-bottom: 8px; font-size: 1rem; line-height: 1.5;}
.dl-list-contents dl dt h3{color: #b8b8b8 !important; margin-bottom: 12px; padding-top: 0;}
.dl-list-contents dl dd{color: #666; font-weight: 300;}
.dl-list-contents dl dd strong{color: #141414;}
.position-right{
	position: absolute;
	right: 0;
	top: 0;
}
.position-right label{
	padding-right: 0;
}
.form-box dt{
	/* margin-bottom: 12px; */
	margin-top: 0;
}
.form-box dd .ui-select .form-control.select{
	font-size: 1rem;
}
.form-box dd .ui-select{
	background: #fff;
	padding: 0;
	font-size: 1rem;
	line-height: 1.5rem;
}
.form-box dd{
	border: 1px #dcdcdc solid;
	border-radius: 8px;
	padding: 16px;
}
.form-box.disabled dd .ui-select .value,
.form-box.disabled dd .ui-select,
.form-box.disabled dd{
	background: #f0f0f0;
	color: #b8b8b8;
}
.form-box.disabled dd .form-control.select:after{
	opacity: 0.3;
}
.form-box.disabled dd{
	background: #f0f0f0;
	color: #b8b8b8;
}
.form-box .bank-select{
	display: flex;
    gap: 12px;
    align-items: flex-start;
	color: #141414;
}

.form-box .bank-select .logo{
	width: 32px;
	height: 32px;
	margin: 0;
    border-radius: 999px;
}
.form-box .bank-select .acc-num{
	font-weight: 300;
	font-size: 0.75rem;
	margin-top: 2px;
	color: #141414;
}
.join-continue-lists {
	margin-top: 28px;
}
.join-continue-lists ul {
	display: flex;
	flex-direction: column;
	gap: 28px;
}
.join-continue-item {
	position: relative;
}
.join-continue-item .remaining-time {
	position: absolute;
	right: -20px;
	top: -26px;
	padding: 6px 12px;
	border-radius: 10px 10px 10px 0;
	background: #7d6c59;
	font-size: 0.75rem;
	font-weight: 300;
	color: #fff;
	line-height: 1.25rem;
}
.join-continue-item .join-type {
	display: flex;
	align-items: center;
	margin-bottom: 16px;
}
.join-continue-item .join-type .label2 {
	margin-right: 6px;
}
.join-continue-item .join-type .txt-date {
	font-size: 0.75rem;
	font-weight: 300;
	line-height: 1.25rem;
}
.join-continue-item .join-name {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}
.join-continue-item .join-name .logo {
	width: 32px;
	height: 32px;
	margin-right: 10px;
}
.join-continue-item .join-feature {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
}
.join-continue-item .join-feature .txt-item {flex: 1; text-align: left;}
.join-continue-item .join-feature .success {
	display: block; margin-top: 4px; line-height: 1.57;
}
.join-continue-item .join-feature .success .num { 
	font-weight: 700;
}
/* .join-continue-item .join-steps {
} */
.join-continue-item .join-steps ol {
	position: relative;
	display: flex;
	align-items: center;
	gap: 18px;
	margin: 0;
	padding-top: 32px;
}
.join-continue-item .join-steps ol::after {
	position:absolute;
	top: 43px;
	height: 1px;
	content: '';
	background: #dcdcdc;
}
/* .join-continue-item .join-steps ol::before {
	position:absolute;
	left: 27px;
	top: 11px;
	z-index: 5;
	width: calc(25% - 8px);
	height: 1px;
	content: '';
	background: #141414;
} */
.join-continue-item .join-steps .step3::after {
	left: 15%;
	right: 15%;
}
.join-continue-item .join-steps .step3 li {
	position: relative;
	width: 33.3333%;
	padding: 36px 1px 0;
	color: #dcdcdc;
	text-align: center;
}
.join-continue-item .join-steps .step4::after {
	left: 10%;
	right: 10%;
}
.join-continue-item .join-steps .step4 li {
	position: relative;
	width: 25%;
	padding: 36px 1px 0;
	color: #dcdcdc;
	text-align: center;
}
.join-continue-item .join-steps ol li {
	margin-top: 0;
}
.join-continue-item .join-steps ol li .label {
	display: none;
}
.join-continue-item .join-steps ol li::before {
	position:absolute;
	left: 50%;
	top: 6px;
	z-index: 2;
	width: 12px;
	height: 12px;
	transform: translateX(-50%);
	content: '';
	border-radius: 100%;
	background: #dcdcdc;
}
.join-continue-item .join-steps ol li.completed {
	color: #141414;
}
.join-continue-item .join-steps ol li.completed::before {
	z-index: 2;
	border: 3px solid #141414;
	background: #fff;
}
.join-continue-item .join-steps ol li.completed::after {
	position:absolute;
	left: 0;
	right: -50%;
	top: 11px;
	z-index: 1;
	/* width: 100%; */
	height: 1px;
	content: '';
	background: #141414;
}
.join-continue-item .join-steps ol li.completed:first-child::after {
	left: 50%;
}
.join-continue-item .join-steps ol li.current {
	color: #f46600;
}
.join-continue-item .join-steps ol li.current .label {
	display: block;
	position: absolute;
	left: 50%;
	top: -32px;
	width: 100%;
	transform: translateX(-50%);
	font-size: 0.75rem;
	color: #7d6c59;
}
.join-continue-item .join-steps ol li.current::before {
	top: 0;
	width: 40px;
	height: 24px;
	border-radius: unset;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 24px;
}
.join-continue-item .join-steps .step4 li.current:nth-child(1)::before {
	background-image: url('../images_kiwi/icon/ico_id_auth.svg');
}
.join-continue-item .join-steps .step3 li.current:nth-child(1)::before {
	background-image: url('../images_kiwi/icon/ico_terms_agree.svg');
}
.join-continue-item .join-steps .step3 li.current:nth-child(2)::before {
	background-image: url('../images_kiwi/icon/ico_info_input.svg');
}
.join-continue-item .join-steps .step3 li.current:nth-child(3)::before {
	background-image: url('../images_kiwi/icon/ico_info_confirm.svg');
}
.join-continue-item .join-steps .step4 li.current:nth-child(2)::before {
	background-image: url('../images_kiwi/icon/ico_terms_agree.svg');
}
.join-continue-item .join-steps .step4 li.current:nth-child(3)::before {
	background-image: url('../images_kiwi/icon/ico_info_input.svg');
}
.join-continue-item .join-steps .step4 li.current:nth-child(4)::before {
	background-image: url('../images_kiwi/icon/ico_info_confirm.svg');
}

.join-continue-item hr {
	margin: 20px 0;
}
.join-continue-item .contents-btns {
	display: flex;
	gap: 8px;
	padding: 0;
}
.join-continue-item .contents-btns [class^="btn-"] {
	padding: 0;
}
.join-continue-item .contents-btns::after {
	display: none;
}

/* 프로그레스 Bar */
:root{ --track-bg: #918274; --bar-bg:#ffd338; --radius: 100px; }
* { box-sizing: border-box;}
.progress{width: 100%; /*padding: 16px;*/ background: #fff; position: relative; overflow: visible; margin-top: 28px; padding-top: 46px;}
.progress_track{width: 100%; height: 4px;background: var(--track-bg); border-radius: 100px; overflow: hidden;}
.progress_bar{width: 0%; height: 100%; background: var(--bar-bg); border-radius: 100px; 
	transition: width 1.6s linear;
}
.progress_bar.no-transition {transition: none;}
.progress_label{position: absolute; bottom: -52px; right: 0; font-size: 1rem; line-height: 1.5rem; white-space: nowrap; pointer-events: none; user-select: none; display: block; letter-spacing: 1px;}
.progress_label::first-letter{color: #f46600;}
.progress_label span::before {display:inline-block; content: ''; width: 1px; height: 12px; margin: 0 6px; background: #141414;}
.progress_icon{position: absolute; bottom: 4px; left: 0; height: 45px; pointer-events: none; overflow: hidden;
	/* background: url('../images_kiwi/ncontents/progress-img.png')no-repeat 50% 50%; background-size: contain;  */
	display: block;user-select: none; z-index: 1; 
	transition: left 1.6s linear; animation: icon-run 1s linear infinite; animation-play-state: paused;
}
.progress_icon.no-transition {transition: none}
.progress{ --bar-width: 0%; --icon-left: 0%}
.progress_bar {width: var(--bar-width);}
.progress_icon{left: var(--icon-left);}
.progress_icon > svg {width: 132px !important;}
@keyframes icon-run{
	0%, 50%, 100%{transform: translateY(0);} 25%, 75% {transform: translateY(0px);}
}
@media (prefers-reduced-motion: reduce) {
	.progress_bar, .progress_icon { animation: none;}
}

.form-check-group .form-check>label span{}

/* 카드신청 */
.card-container {margin: 0 -21px}
.card-container .card-swiper{width: 100%; height: 540px; overflow: hidden; padding-bottom: 15px;}
.card-container .card-swiper.no-swiper .swiper-slide {width: 100%}
.card-container .card-swiper.no-swiper .swiper-slide .card-img {width: 242px; height: auto ; max-height: 280px;}
.card-container .swiper-slide{display: flex; justify-content: center;  transition:  all 0.3s ease; width: 61.008%; flex-shrink: 0; border-radius: 16px;}
.card-container .swiper-slide-active{transform: scale(1) !important; z-index: 2;}
.card-container .swiper-slide-next{transform: scale(0.8) !important; z-index: 1; margin-top: -5%;}
.card-container .swiper-slide-prev{transform: scale(0.8) !important; z-index: 1; margin-top: -5%;}
.card-container .swiper-slide-next .card-description,
.card-container .swiper-slide-prev .card-description{opacity: 0; visibility: hidden;}
.card-container .card{display: flex; flex-direction: column; align-items: center; justify-content: flex-start; width: 100%;}
.card-container .card-img{display: flex; justify-content: center; align-items: center; width: 176px; max-height: 280px; min-width: 176px; min-height: 280px; object-fit: cover; border-radius: 16px; margin: 0 auto; /*box-shadow: 0 0 2px 0 rgba(20, 20, 20, 0.08), 0 16px 24px 0 rgba(20, 20, 20, 0.16);*/}
.card-container .card-img img{max-width: 100%; height: auto; border-radius: 14px; box-shadow: 0 0 2px 0 rgba(20, 20, 20, 0.08), 0 16px 24px 0 rgba(20, 20, 20, 0.16);}
.card-container .card-description{text-align: center; margin-top: 28px;}
.card-container .card-name{font-size: 1.125rem; line-height: 1.625rem; margin-bottom: 8px;}
.card-container .card-desc{font-size: 0.875rem; line-height: 1.375rem; color: #666; font-weight: 300;}
.card-img.small {max-width: 92px; height: auto; margin: 0 auto 40px; border-radius: 6px; box-shadow: 0 0 2px 0 rgba(20, 20, 20, 0.08), 0 4px 8px 0 rgba(20, 20, 20, 0.12);}
.card-img.small2 {max-width: 157px; height: auto; margin: 0 auto 40px; border-radius: 6px; box-shadow: 0 0 2px 0 rgba(20, 20, 20, 0.08), 0 4px 8px 0 rgba(20, 20, 20, 0.12);}

/* 쿠폰등록 */
.coupon-register-form  {

}
.coupon-register-form .form-control-group.coupon-regi .btn-sm-func3 {
	top: auto;
	height: 29px;
	padding-top: 0;
	padding-bottom: 0;;
	line-height: 29px;
}
/* .coupon-register-form .form-control-group.coupon-regi .btn-clear {
	top: 5px;
	transform: translateY(0)
} */
.coupon-register-form .ui-card .card-tit.type2 {
	display: flex;
	align-items: center;
}
.coupon-register-form .ui-card .card-tit.type2 .form-check {
	flex: 1
}
.coupon-register-form .ui-card .card-tit.type2 .form-check label {
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.5rem !important;
}
.coupon-register-form .ui-card .card-tit.type2 .link-arrow2 {
	width: 20px;
}
.coupon-register-form .ui-card .dl-contents {
	color: #666
}
.coupon-register-form .ui-card .dl-contents dd,
.coupon-register-form .ui-card .dl-contents em,
.cooupon-detail-wrap .ui-card .dl-contents em {
	color: #141414;
}
.form-check.coupon-check {

}
.form-check.coupon-check label {
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.5rem;
}
.list-bullet-dot .point {
	color: #f46600;
	font-weight: 400;
}

.choice-other {margin-bottom: 20px;}

/* Mobile Web */
.mobile-web .prd-main .primary-prd {
	overflow: hidden;
}

.mobile-web .prd-main .primary-prd .img-bankbook {
	right: -100px;
	top: 50%;
	width: auto;
	height: auto;
	margin-top: -70px;
}

.mobile-web .my-prd-swiper {
	margin-bottom: -20px;
}

.bgbox-type1 {padding:20px;margin-top:28px;border-radius:16px;background:#fff8e0}
.bgbox-type1 dt{font-size:1.125rem;font-weight:700}
.bgbox-type1 dd {margin-top:8px}
.bgbox-type1 dd p {font-size:0.875rem;line-height:1.375rem;font-weight:300}
.bgbox-type1 dd p strong{font-weight:500}
.bgbox-type1 a {display:block;margin-top:20px}

.panel.type1 .chk-im-info{margin-top:8px}

/* 동시개설 안내 */
.card-rounded {
	margin-top: 28px;
	padding: 36px 28px;
	background-color: #fff6d6;
	border-radius: 8px;
}
.card-rounded .head-copy {
	padding-top: 0;
	font-size: 1rem;
	line-height: 1.5;
}
.card-rounded .visual {
	margin-top: 20px;
	text-align: center;
}
.card-rounded .visual img {
	width: 172px;
	height: 172px;
}