/* 공통 */

/* 로그인 */
.mt72
{
	margin-top: 72px;
}

.login-method-list
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 0;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
}

.login-method-list>li
{
	width: 50%;
	line-height: 22px;
	font-size: 0.875rem;
	white-space: nowrap;
}
.login-method-list>li:nth-child(even){
	/* width: calc(50% - 20px); */
}

.login-method-list>li>a
{
	display: flex;
	align-items: center;
	padding: 14px 0;
	gap: 6px;
}
.login-method-list [class^="btn-"][class*="-sm"].active
{
	
	background: #ffd338;
    color: #141414;
}
.login-method-list  [class^="btn-"][class*="-sm"].primary
{
	background-color: #7d6c59;
	color: #fff;
}

.login-method-list [class^="btn-"][class*="-sm"]
{
	border-radius: 999px;
    padding: 2px 10px;
    font-size: 12px;
    line-height: 20px;
    height: 24px;
	background-color: #f0f0f0;
	color: #b8b8b8;
}
.login-method-list .ico
{
	display: block;
	width: 32px;
	height: 32px;
	margin: 0 auto 10px;
	vertical-align: middle;
	background: url('../images_kiwi/icon-old/ic_m_certificate01.svg') no-repeat;
	background-size: cover;
}

.login-method-list .ico.simple
{
	background-image: url('../images_kiwi/icon-old/ic_m_small_simplelogin.svg');
}

.login-method-list .ico.certificate
{
	background-image: url('../images_kiwi/icon-old/ic_m_small_certificate.svg');
}

.login-method-list .ico.id
{
	background-image: url('../images_kiwi/icon-old/ic_m_small_idlogin.svg');
}

.login-method-list .ico.voice
{
	background-image: url('../images_kiwi/icon-old/ic_m_small_voice.svg');
}

.login-method-list .ico.finger
{
	background-image: url('../images_kiwi/icon-old/ic_m_small_fingerprint.svg');
}

.login-method-list .ico.face
{
	background-image: url('../images_kiwi/icon-old/ic_m_small_faceid.svg');
}

.login-method-list .ico.pattern
{
	background-image: url('../images_kiwi/icon-old/ic_m_small_pattern.svg');
}

.login-method-list .ico.mobile
{
	background-image: url('../images_kiwi/icon-old/ic_m_small_kbcertificate.svg');
}

.login
{
	position: relative;
	padding-top: 28px;
	text-align: center;
	/* padding-bottom: 92px; */
}
.login .title-d1
{
	padding-top: 0;
}

.login .form
{
	text-align: left;
}

.login .contents-btns
{
	padding-top: 40px;
}

.login .btn-link>*
{
	float: none;
}

.login .link-unline .btn-link>* {
    display: inline-block;
    line-height: 1.2rem;
    border-bottom: none;
}
.login .btn-link + .btn-link:before
{
	content: '';
	display: inline-block !important;
	width: 1px;
	height: 8px;
	margin: -2px 6px 0 6px;
	vertical-align: middle;
	background: #999;
}

.bottom-links.fixed-bottom,
.login .bottom-links
{
	position: fixed;
	bottom: 36px;
	left: 0;
	width: calc(100% - 32px);
	margin: 0 16px;
	text-align: center;
	/* background: -webkit-gradient(linear,left top, left bottom,color-stop(0, rgba(255,255,255,0)),color-stop(20%, rgba(255,255,255,1)),to(rgba(255,255,255,1)));
	background: linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 100%); */
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.bottom-links.fixed-bottom [class^="btn-"],
.login .bottom-links [class^="btn-"]
{
	width: 100%;
	height: 54px;
	padding: 16px;
	color: #222;
	border-radius: 8px;
	border: 1px #dcdcdc solid;
	background: url(../images_kiwi/icon/btn_arr_r.svg) no-repeat  #fff;
	background-position: right 16px center;
	text-align: left;
}
.login .certifi-cont:before
{
	content: none;
}
.login .certifi-cont .dl-contents
{
	border-top: 1px dashed #7d6c59;
	padding-top: 16px;
    margin-top: 16px;
}
.login .certifi-cont .dl-contents>dl>dt
{
	color: #141414;
}
.login .certifi-cont .text
{
	font-size: 1.125rem;
	line-height: 1.625rem;
	margin: 0;
}
.login .certifi-cont
{
	background: #f5f5f5;
    box-shadow: inset 0 0 0 1px #dcdcdc;
	padding: 24px;
	border: none;
}

.login .certifi-cont .dl-contents.justify dd
{
	text-align: left;
}
.login .certifi-cont .dl-contents.justify dt
{
	min-width: 92px;
}

.login .certifi-cont .text
{
	color: #141414;
	font-weight: bold;
}

.login .certi-option li + li {
    margin-top: 20px;
}

.login .btn-link
{
	font-size: 0.8125rem;
	line-height: 1.5;
	color: #141414;
}

/* .certifi-cont:before
{
	background: #ffd338;
	background-image: url('../images_kiwi/icon-old/ic_m_certificate.svg') !important;
	background-size: cover !important;
} */

.password>*
{
	display: inline-block;
	width: 24px;
	height: 24px;
	border-radius: 6px;
	background-color: #f0f0f0;
	-webkit-transition: background-color .5s;
	transition: background-color .5s;
}

.password>*.on
{
	background-color: #ffbc00;
}

/* .login .password>*~*
{
	margin-left: 16px;
} */
.password
{
	display: flex;
	gap: 16px;
	justify-content: center;
	margin: 28px 0;
}
.login-link .btn-link
{
	font-size: 0.8125rem;
	line-height: 1.3125rem !important;
	color: #141414;
	padding: 6px 12px;
}
.login .form-check.cir
{
	font-size: 1rem;
	padding: 6px 12px;
	margin-top: 36px;
}

.login p + p
{
	margin-top: 10px;
}

.login [class^="ico-"]
{
	width: 80px;
	height: 80px;
	margin: 0 auto;
	border-radius: 999px;
	/* background-position: center center;
	background-size: 48px 48px; */
	position: relative;
}


.login .ico-simplelogin
{
	background-image: url('../images_kiwi/icon-old/ic_m_simplelogin.svg');
	background-repeat: no-repeat;
}

/* .login .ico-certificate
{
	background-image: url('../images_kiwi/icon-old/ic_m_certificate.svg');
	background-repeat: no-repeat;
}

.login .ico-finger
{
	background-image: url('../images_kiwi/icon-old/ic_m_fingerprint.svg');
	background-repeat: no-repeat;
}

.login .ico-face
{
	background-image: url('../images_kiwi/icon-old/ic_m_faceid.svg');
	background-repeat: no-repeat;
} */


/* .login .ico-pattern
{
	background-image: url('../images_kiwi/icon/ic_m_pattern.svg');
	background-repeat: no-repeat;
}

.login .ico-pattern.on
{
	background-image: url('../images_kiwi/icon/ic_m_pattern.svg');
	background-repeat: no-repeat;
} */
.login [class^="ico-"]::after
{
position: absolute;
	width: 80px;
	height: 80px;
	display: block;
	right: 50%;
    top: 50%;
    transform: translate(50%, -50%);
}
.login .ico-finger::after
{
	content: '';
    background: url('../images_kiwi/icon/ic_m_fingerprint_80.png');
    background-repeat: no-repeat;
    background-size: cover;
	
}
.login .ico-face::after
{
	content: '';
    background: url('../images_kiwi/icon/ic_m_faceid_80.png');
    background-repeat: no-repeat;
    background-size: cover;
	
}
.login .ico-pattern::after
{
	content: '';
    background: url('../images_kiwi/icon/ic_m_pattern_80.png');
    background-repeat: no-repeat;
    background-size: cover;
	
}
.login .ico-mobile::after
{
	content: '';
    background: url('../images_kiwi/icon/ic_m_kbcertificate_80.png');
    background-repeat: no-repeat;
    background-size: cover;
	
}

.login .ico-voice
{
	background-image: url('../images_kiwi/icon-old/ic_m_voice01.svg');
	background-repeat: no-repeat;
}

.login .ico-voice.on
{
	background-image: url('../images_kiwi/icon-old/ic_m_voice.svg');
}

.login .certi-option
{
	text-align: left;
}

@media screen and (max-width: 320px)
{
	.login-method-list>li>a
	{
		padding: 16px 0;
	}

	.login .bottom-links
	{
		padding: 0;
	}
}

.voice-wrap
{
	position: relative;
	height: 165px;
	margin-top: 8px;
}

.voice-wrap>.btn-link
{
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.btn-voice
{
	position: relative;
	width: 142px;
	height: 142px;
	margin: 0 auto;
}

.login .btn-voice [class^="ico-"]
{
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	width: 110px;
	height: 110px;
	margin: 0;
	background-color: #fff;
	background-image: url('../images_kiwi/icon-old/ic_m_voice.svg');
	background-position: 50% 50%;
	border-radius: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
}

.login .btn-voice>span:not(.sr-only)
{
	position: absolute;
	top: 16px;
	left: 16px;
	width: 110px;
	height: 110px;
	background: rgba(123,205,32);
	border-radius: 50%;
	opacity: 0;
}

.login .btn-voice.active>span:not(.sr-only)
{
	-webkit-animation: mic-move 1s cubic-bezier(.55, .5, .45, .5) infinite;
	animation: mic-move 1s cubic-bezier(.55, .5, .45, .5) infinite;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.login .btn-voice.active>span:nth-child(1)
{
	opacity: 0.1;
	-webkit-animation-delay: -2s;
	animation-delay: -2s;
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
}

.login .btn-voice.active>span:nth-child(2)
{
	opacity: 0.15;
	-webkit-animation-delay: -3s;
	animation-delay: -3s;
	-webkit-animation-duration: 5s;
	animation-duration: 5s;
}

.login .btn-voice.active>span:nth-child(3)
{
	opacity: 0.2;
	-webkit-animation-delay: -4s;
	animation-delay: -4s;
	-webkit-animation-duration: 7s;
	animation-duration: 7s;
}

.login .btn-voice.active.paused>span:not(.sr-only)
{
	-webkit-animation-play-state: paused;
	animation-play-state: paused;
}

.btn-voice:disabled
{
	background: transparent;
}

.btn-voice:disabled>span:not(.sr-only)
{
	-webkit-animation: none;
	animation: none;
}

.btn-voice:disabled [class^="ico-"]
{
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	box-shadow: none;
}

.blank
{
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-top: -5px;
	background: #bde68f;
	border-radius: 50%;
	vertical-align: middle;
}

@-webkit-keyframes mic-move
{
	0%
	{
		-webkit-transform: translate3d(0, -16px, 0);
		transform: translate3d(0, -16px, 0);
	}

	25%
	{
		-webkit-transform: translate3d(-16px, 0, 0);
		transform: translate3d(-16px, 0, 0);
	}

	50%
	{
		-webkit-transform: translate3d(0, 16px, 0);
		transform: translate3d(0, 16px, 0);
	}

	75%
	{
		-webkit-transform: translate3d(16px, 0, 0);
		transform: translate3d(16px, 0, 0);
	}

	100%
	{
		-webkit-transform: translate3d(0, -16px, 0);
		transform: translate3d(0, -16px, 0);
	}
}

@keyframes mic-move
{
	0%
	{
		-webkit-transform: translate3d(0, -16px, 0);
		transform: translate3d(0, -16px, 0);
	}

	25%
	{
		-webkit-transform: translate3d(-16px, 0, 0);
		transform: translate3d(-16px, 0, 0);
	}

	50%
	{
		-webkit-transform: translate3d(0, 16px, 0);
		transform: translate3d(0, 16px, 0);
	}

	75%
	{
		-webkit-transform: translate3d(16px, 0, 0);
		transform: translate3d(16px, 0, 0);
	}

	100%
	{
		-webkit-transform: translate3d(0, -16px, 0);
		transform: translate3d(0, -16px, 0);
	}
}

/* My 공통 - 프로필 */
.btn-camera
{
	width: 28px;
	height: 28px;
	background: #fff url('../images_kiwi/icon/ico_s_camera.svg') no-repeat center center;
	border-radius: 100%;
}

.btn-copy
{
	width: 16px;
	height: 16px;
	background: url('../images_kiwi/icon/ico_s_copy.svg') no-repeat 0 0;
	background-size: contain;
}

.profile-area
{
	position: relative;
}

.profile-area > .btn-sm-func3
{
	position: absolute;
	top: 0;
	right: 0;
}

.profile-area > .btn-coupon {
	position: absolute;
	top: 50px;
	right: 0;
}

.profile-cont
{
	display: table;
	width: 100%;
	table-layout: fixed;
}

.profile-cont .profile-img
{
	display: table-cell;
	width: 85px;
	padding-right: 15px;
	vertical-align: middle;
}

.profile-cont .profile-img>button
{
	position: relative;
}

.profile-cont .profile-img .edit-img
{
	overflow: hidden;
	position: relative;
	display: block;
	width: 70px;
	height: 70px;
	background: url('../images_kiwi/icon/ico_my_profile.png') no-repeat 50% 50%;
	background-size: cover;
	border-radius: 50%;
	border: 1px solid #eee;
}

.profile-cont .profile-img .edit-img img
{
	width: 100%;
}

.profile-cont .profile-img .btn-camera
{
	position: absolute;
	bottom: -5px;
	right: -5px;
}

.profile-cont .profile-info
{
	display: table-cell;
	/* vertical-align: middle; */
}

.profile-cont .profile-info .nick-name,
.profile-cont .profile-info .user-id
{
	padding-right: 60px;
}

.profile-cont .profile-info .reco-num
{
	border-bottom: 1px solid #999;
}

@media screen and (max-width: 320px)
{
	.profile-cont .profile-img
	{
		width: 80px;
	}
}
.panel.banner-account a{
	display: flex; gap: 12px; align-items: center;
	position: relative;
	
}
.panel.banner-account a::after{
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url('../images_kiwi/icon/btn_arr_r.svg') no-repeat;
	background-size: contain;
	position: absolute;
	right: 0;
	top: 50%;
    transform: translateY(-10px);
	
}
.panel.banner-account .ico-img
{
	width: 40px;
    height: 40px;
}
.panel.banner-account .text-label{
	padding-right: 40px;
}
/* my알림 */
.my-alram-list
{
}

.my-alram-list > dt
{
	padding: 10px 24px;
	background-color: #f8f8f8;
	font-size: .813rem;
}

.my-alram-list > dd
{
	position: relative;
	padding: 16px 48px 16px 56px;
	font-size: .875rem;
	line-height: 1.5rem;
}

.my-alram-list > dd:before
{
	content: '';
	position: absolute;
	top: 16px;
	left: 1.5rem;
	width: 1.5rem;
	height: 1.5rem;
	background: url('../images_kiwi/icon-old/ic_notification.svg') no-repeat;
}

.my-alram-list > dd .ico-new
{
	margin: -2px 5px 0 0;
}

.my-alram-list > dd.point-alram
{
}

.my-alram-list > dd.point-alram:before
{
	background-image: url('../images_kiwi/icon-old/ic_important.svg');
}

.my-alram-list > dd.point-alram a
{
	display: block;
}

.my-alram-list > dd.read-before
{
	font-weight: 700;
}

.my-alram-list > dd>a
{
	position: relative;
	display: block;
}

.my-alram-list > dd>a:after
{
	content: '';
	position: absolute;
	top: 1px;
	right: -1.5rem;
	width: 1.25rem;
	height: 1.25rem;
	background: url('../images_kiwi/icon-old/ico_notice_link.svg') no-repeat;
	background-size: cover;
}

.my-alram-list > dd img
{
	display: block;
	margin-top: 10px;
}

@media screen and (max-width: 320px)
{
	.my-alram-list
	{
		margin: 16px -16px 0;
	}

	.my-alram-list>dt
	{
		padding: 10px 16px;
	}

	.my-alram-list>dd
	{
		padding: 15px 16px;
	}

	.my-alram-list>dd.point-alram
	{
		padding: 15px 16px 15px 46px;
	}

	.my-alram-list>dd.point-alram .ico-important
	{
		left: 16px;
	}
}

/* 앱접근 권한 */
.ico-bi-kiwi
{
	width: 64px;
	height: 24px;
	background: url('../images_kiwi/icon-old/bi.svg') no-repeat 0 0;
}

.ico-app-mo
{
	width: 48px;
	height: 48px;
	background: url('../images_kiwi/icon-old/ic_app_mobile.svg') no-repeat 0 0;
}

.ico-app-gallery
{
	width: 48px;
	height: 48px;
	background: url('../images_kiwi/icon-old/ic_app_gallery.svg') no-repeat 0 0;
}

.ico-app-camera
{
	width: 48px;
	height: 48px;
	background: url('../images_kiwi/icon-old/ic_app_camera.svg') no-repeat 0 0;
}

.ico-app-adress
{
	width: 48px;
	height: 48px;
	background: url('../images_kiwi/icon-old/ic_app_adress.svg') no-repeat 0 0;
}

.ico-app-voice
{
	width: 48px;
	height: 48px;
	background: url('../images_kiwi/icon-old/ic_app_voice.svg') no-repeat 0 0;
}

.ico-app-notice
{
	width: 48px;
	height: 48px;
	background: url('../images_kiwi/icon-old/ic_app_notice.svg') no-repeat 0 0;
}

.app-approach
{
	padding: 28px 0;
}

.app-approach + .app-approach
{
	border-top: 1px solid #f0f0f0;
}

.app-approach-list li
{
	position: relative;
	padding-left: 64px;
}

.app-approach-list li + li
{
	margin-top: 20px;
}

.app-approach-list li [class^="ico-"]
{
	position: absolute;
	top: 0;
	left: 0;
}
.app-approach-list li .text
{
	padding: 4px 0 8px;
}
.app-approach-list li [class^="text-"]
{
	font-weight: 300;
	line-height: 1.375rem;
}

/* 휴대폰 본인인증 팝업 */
.phone-chk-img
{
	text-align: center;
	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%);
}

.phone-chk-img img
{
	width: 100%;
	max-width: 360px;
}

/* 신분증 인증 */
.my-number {margin-top: 20px; display: flex; flex-direction: column; gap: 8px;}
.my-number .panel{padding: 16px;box-shadow: none !important;}
.my-number .panel .icon{padding-left: 60px;}
.my-number .panel.camera .icon{ background: url('../images_kiwi/icon/ico_camera.svg')no-repeat;
background-size: 48px auto;}
.my-number .panel.mobile .icon{ background: url('../images_kiwi/icon/ico_mobile.svg')no-repeat;
background-size: 48px auto;}
.my-number .panel span{ font-weight: 300; margin-top: 6px;}
.idcard-app-guide{padding: 40px 26px; border-radius: 8px; background: #fff8e0;text-align: center; font-weight: 300; font-size: 0.9375rem;}

/* 키위멤버십 */
.kiwi-membership .visual
{
	position: relative;
}

.kiwi-membership .visual>img
{
	width: 100%;
}

.kiwi-membership .visual .head-copy
{
	position: absolute;
	top: 5px;
	left: 24px;
	font-size: 11vw;
	line-height: 15vw;
	letter-spacing: -2px;
}

.kiwi-membership .visual .text
{
	position: absolute;
	top: 25%;
	left: 24px;
	margin-top: 0;
	font-size: 4.5vw;
}

.kiwi-membership .label .num
{
	display: inline-block;
	width: 22px;
	height: 22px;
	margin: -3px 5px 0 0;
	border-radius: 50%;
	text-align: center;
	color: #fff;
	font-size: .813rem;
	line-height: 22px;
	background-color: #918274;
}
.kiwi-membership .form.type2 dl:not(.form-control-group) .label 
{
	font-size: 0.875rem;
	line-height: 1.375rem;
	margin-bottom: 20px;
}
.kiwi-membership .form.type2 dl ~ dl 
{
	margin-top: 40px;
}
.kiwi-membership .form.type2 dt .color-warning
{
	display: inline;
}

/*-------------------- KB모바일 인증서 로그인 --------------------*/ /* 2020-11-05 추가 */
.login .log_bd {position:absolute; left:50%; top:145px;}
.login .page-btns {width:80%; margin:0 auto;}

.customer-info .ico 
{display: block;
    height: 40vw;
    background: url('../images_kiwi/contents/img_request9.png') no-repeat;
    background-size: auto 100%;
}

.customer-info .ico + p {
	margin-top:-10px;
}

/* Start Page  */
.section-vc {
    height: calc(86vh - 100px);
}
.start-wrap {
    display: flex;
    position: relative;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding: 24px;
}
.start-wrap .start-logo {margin-bottom: 25px;}
.start-wrap .start-txt {
    font-size: 24px;
    font-weight: bold;
    color: #222;
    line-height: 1.42;
}

/* 본인확인 완료-banner */
.ad-unit.panel-area
{
	margin-top: 20px;
}
.ad-unit.panel-area ul
{
	display: grid;
    grid-template-columns: 1fr 1fr;
	align-items: center;
	gap: 12px;
}
.ad-unit.panel-area ul.col2
{
	display: grid;
    grid-template-columns: 1fr 1fr;
	align-items: center;
	gap: 12px;
}
.ad-unit.panel-area ul li
{
	width: 100%;
	display: flex;
    align-items: center;
}
.ad-unit.panel-area ul li a{
	padding: 16px;
    border: 1px solid #dcdcdc;
    border-radius: 8px;
	width: 100%;
	display: flex;
    flex-direction: column;
    align-items: center;
	position: relative;
    
}
.ad-unit.panel-area ul li p{
	margin-bottom: 4px;
}
.ad-unit.panel-area ul li span.light{
	text-align: center;
}
.ad-unit.panel-area ul li.membership a{
	align-items: flex-start;
}
.ad-unit.panel-area ul li.membership{
	grid-area: 2 / 3 / 2 / 1;
	text-align: left;
}
.ad-unit.panel-area ul li.membership span.light{
	text-align: left;
}
.ad-unit.panel-area ul li a::before{
	content: '';
	display: block;
	position: relative;
	width: 48px;
	height: 48px;
	background: url('../images_kiwi/icon/ico_visual_account.svg') no-repeat;
    background-size: auto 48px;
	margin-bottom: 12px;
}
.ad-unit.panel-area ul li.loans a::before{
	content: '';
	background: url('../images_kiwi/icon/ico_visual_loans.svg') no-repeat;
    background-size: auto 48px;
}
.ad-unit.panel-area ul li.card a::before{
	content: '';
	background: url('../images_kiwi/icon/ico_visual_card.svg') no-repeat;
    background-size: auto 48px;
}
.ad-unit.panel-area ul li.lock a::before{
	content: '';
	background: url('../images_kiwi/icon/ico_inquery_2.svg') no-repeat;
    background-size: auto 48px;
}
.ad-unit.panel-area ul li.money a::before{
	content: '';
	background: url('../images_kiwi/icon/ico_visual_membership.svg') no-repeat;
    background-size: auto 48px;
}
.ad-unit.panel-area ul li.auth-register a::before{
	content: '';
	background: url('../images_kiwi/icon/ico_visual_loans.svg') no-repeat;
    background-size: auto 48px;
}
.ad-unit.panel-area ul li.auth-take a::before{
	content: '';
	background: url('../images_kiwi/icon/ico_auth_sel.svg') no-repeat;
    background-size: auto 48px;
}
.ad-unit.panel-area ul li.checkbox a::before{
	content: '';
	background: url('../images_kiwi/icon/ico_inquery_3.svg') no-repeat;
    background-size: auto 48px;
}
.ad-unit.panel-area ul li.membership a::before{
	content: '';
	position: absolute;
	background: url('../images_kiwi/icon/ico_visual_membership.svg') no-repeat;
    background-size: auto 48px;
	right: 21px;
	top: 50%;
	transform: translateY(-50%);
}
.ad-unit.panel-area.banner a{
	display: block;
	position: relative;
	padding-right: 80px;
}
.ad-unit.panel-area.banner a .text-20,
.ad-unit.panel-area.banner a .text-20 > b,
.ad-unit.panel-area.banner a .text-18 > b {
	font-weight: 700;
}
.ad-unit.panel-area.banner span{
	font-weight: 300;
}
.ad-unit.panel-area.banner {
	background: #ffefb9;
	border-radius: 16px;
	text-align: left;
	padding: 20px;
	position: relative;
	
}
.ad-unit.panel-area.banner.type1::after{
	content: '';
	display: block;
	position: absolute;
	top: 20px;
	right: 20px;
	background: url('../images_kiwi/ncontents/img-bibi.png')no-repeat;
	width: 90px;
	height: 78px;
	background-size: 90px 78px;
}
.ad-unit.panel-area.banner.type2 {
	background: #bbecdd;
}
.ad-unit.panel-area.banner.type2::after{
	content: '';
	display: block;
	position: absolute;
	top: 20px;
	right: 20px;
	background: url('../images_kiwi/ncontents/img-ager.png')no-repeat;
	width: 98px;
	height: 78px;
	background-size: contain;
}
.ad-unit.panel-area.banner.type2 em {
	color: #1594b7;
}
.ad-unit.panel-area.banner a::after{
	content: '';
	display: block;
	position: absolute;
	right: 0px;
	bottom: 0px;
	background: url('../images_kiwi/icon/ico_banner-img.png')no-repeat;
	width: 82px;
	height: 103px;
	background-size: contain;
}
.ad-unit.panel-area.banner.icon a {
	padding-right: 0;
}
.ad-unit.panel-area.banner.icon a::after{
	background: url('../images_kiwi/ncontents/bibi-banner2.png')no-repeat;
	right: -21px;
	top: 10px;
	bottom: auto;
	width: 116px;
	height: 91px;
	background-size: contain;
}
.ad-unit.panel-area.banner.icon p.text-16 b {
	font-weight: 700;
}
.ad-unit.panel-area.banner.icon3 a{padding-right: 80px;}
.ad-unit.panel-area.banner.icon3 a::after{
	background: url('../images_kiwi/ncontents/ager-s-banner.png')no-repeat no-repeat 50% 50%;
	right: 0px;
    top: 50%;
    width: 72px;
    height: 100%;
    background-size: contain;
	transform: translateY(-50%);
}
.ad-unit.panel-area.banner.icon2 a{padding-right: 0;}
.ad-unit.panel-area.banner.icon2 a::after{
	background: none;
	right: 0px;
	top: 10px;
	bottom: auto;
	width: 82px;
	height: 103px;
	background-size: contain;
}
.ad-unit.panel-area.banner.icon4::after{
	content: '';
	display: block;
	position: absolute;
	right: 0px;
	top: 28px;
	background: url('../images_kiwi/ncontents/bibi-banner7.png')no-repeat;
	width: 102px;
	height: 144px;
	background-size: contain;
}
.ad-unit.panel-area.banner.icon4>span.text{
	width: calc(100% - 120px);
}
.ad-unit.panel-area.banner.icon4 .form-check input[type="radio"] + label:before {
    position: absolute;
    left: 0;
    margin-right: 8px;
    background: url(../images_kiwi/icon/check_off.svg) no-repeat;
	    border: none;
}
.ad-unit.panel-area.banner.icon4 .form-check input[type="radio"]:checked + label:before {
    background-image: url(../images_kiwi/icon/check_on.svg);
}
.ad-unit.panel-area.banner.icon5 a{padding-right: 80px;}
.ad-unit.panel-area.banner.icon5 a::after{
	background: url('../images_kiwi/ncontents/card-benefit-06.png')no-repeat no-repeat 50% 50%;
	right: 0px;
    top: 50%;
    width: 72px;
    height: 100%;
    background-size: contain;
	transform: translateY(-50%);
}
.ad-unit.panel-area.banner.icon6::after{
	content: '';
	display: block;
	position: absolute;
	right: 0px;
	top: 28px;
	background: url('../images_kiwi/ncontents/card-benefit-07.png')no-repeat;
	width: 102px;
	height: 144px;
	background-size: contain;
}
.ad-unit.panel-area.banner.icon6 p.text-16 strong {
	font-weight: 700;
}
.ad-unit.panel-area.banner.icon6>span.text{
	width: calc(100% - 100px);
}
.ad-unit.panel-area.banner .txt-tit {
	font-size: 1.125rem;
	font-weight: 500;
}
.ad-unit.panel-area.banner p>b{
	color: #a15822;
}
.ad-unit.panel-area.banner .round-area{
	background: #ffd338;
	font-size: 0.9375rem;
	padding: 8px 16px;
	border-radius: 999px;
	font-weight: 500;
}
.ad-unit.panel-area.banner .round-area.type1{
	font-size: 0.875rem;                                       
	padding: 16px;
	border-radius: 8px;
	background: #fff6d1;
}

.voice-fishing .check-group dt.label{
	font-size: 0.875rem 
}

.ad-unit.panel-area .round-area ul
{
	display: block;
}

.login .my-custom-swiper .swiper-slide{
	width: calc(100% - 51px);
}

.login .certi-option.active .panel
{
	background: #ffd338;
    box-shadow: 0px 2px 8px 0px rgb(20, 20, 20, 0.16);
    border: none;
}

.banner-btns.fixed
{
	padding: 0 21px 36px;
}
section.justify-c{
	display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
}

.com-prt.column{
	display: flex;
    height: 100%;
    flex-direction: column;
    overflow-y: auto;
    flex: 1;
}
.com-search {
	position: relative;
	height: 100%;
	/* padding: 0 21px; */
	overflow: hidden;
}
.com-search .form-control-group .ico-back {
	position: absolute;
	left: 21px;
	top: 50%;
	z-index: 10;
	transform: translateY(-50%);
	width: 20px;
	min-height: 52px;
	padding: 0 10px;
	background-position: center;
}
.com-search .form-control-group .input-wrap {
	padding-left: 36px;
}
.com-search .form-control-group .input-wrap .btn-clear {
	right: 32px;
	transform: translateY(-50%);
}
.com-search .form-control-group>dd {
	padding: 16px 21px 14px;
	border-color: #141414;
}
.com-search .form-control-group input.form-control {
	font-size: 1rem;
	line-height: 1.5rem;
}
.com-search .btn-search {
    position: absolute;
    width: 20px;
    height: 20px;
    right: 21px;
    top: 50%;
    transform: translateY(-10px);
}
.com-search .btn-search:before {
	content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 2px;
    background: url(../images_kiwi/icon/search_s_20.svg) no-repeat;
    background-size: contain;
}

.com-search .search-result {
	position: absolute;
	left: 0;
	top: 58px;
	display: flex;
	flex-direction: column;
	width: 100%;
	height: calc(100% - 58px);
	/* margin: 0 -21px; */
	padding: 28px 21px 36px;
	overflow-y: auto;
}
.com-search .search-result > ul {
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin-bottom: 30px;
}
.com-search .search-result li > a {
	position: relative;
	display: block;
}
.com-search .search-result li > a::after {
	position: absolute;
	right: 0;
	top: 0;
	content: '';
	width: 20px;
	height: 20px;
	background: url('../images_kiwi/icon/btn_arr_r.svg');
	background-size: 20px;
}
.com-search .search-result .txt-search {
	display: block;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.5rem;
}
.com-search .search-result .txt-path {
	display: block;
	margin-top: 8px;
	color: #666;
}
.com-search .search-result .no-search {
	margin: auto;
}
/* 시작 */
.start-info{text-align: center;}
.start-info .title-d{text-align: center; font-family: 'KBFG'; font-weight: 500; text-align: left;}
.start-info .title-d .text{font-size: 2rem;}
.start-info .request-state{ background: #ffefb9;
    margin: 36px -21px 40px;  position: relative;
    height: 200px;}
.start-info .request-state .img{
	position: absolute;
	bottom: -6px;
	width: 240px;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
}
.start-info + .fixed-bottom{position: fixed;
    bottom: 60px;
    margin: 0 auto;
    left: 50%;
    transform: translateX(-50%); font-size: 0.8125rem; white-space: nowrap;}
    
/* SR-260312-01035 [앱] 대출상환 및 철회 페이지 및 안내문자 개선 START */    
.ad-unit.panel-area.banner .round-area.type2{
	font-size: 1.1rem;
	font-weight: 400;                                 
	padding: 16px;
	border-radius: 8px;
	background: #fff6d1;   
}
/* SR-260312-01035 [앱] 대출상환 및 철회 페이지 및 안내문자 개선 END */

/* SR-260406-01400 [App] 키위뱅크 시작페이지 및 비밀번호 재설정 프로세스 개선 요청 Start */
.nonlogin-entry-gate .login-invite-card {
	margin-top: 28px;
	padding: 20px;
	text-align: center;
	background: #fff;
	border-radius: 16px;
	border: 1px solid #FFF;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.60) 50%, rgba(234, 234, 242, 0.60) 100%);
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.10), 0 -4px 10px 0 rgba(255, 255, 255, 0.50) inset;
	backdrop-filter: blur(25px);
}
.nonlogin-entry-gate .text-24 {
	margin-top: 80px;
}

.nonlogin-entry-gate .login-invite-card__title {
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.5;
	color: #141414;
	text-align: left;
}
.nonlogin-entry-gate .login-invite-card .light {
	display: block;
	margin-top: 8px;
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 1.5;
	color: #141414;
	text-align: left;
}
.nonlogin-entry-gate .login-invite-card__visual {
	margin-top: 8px;
	display: flex;
	justify-content: space-between;
}
.nonlogin-entry-gate .login-invite-card__visual img {
	display: block;
	max-width: 220px;
	width: 72px;
	height: 84px;
	margin: 0 auto;
}

.nonlogin-entry-gate .login-invite-card__visual .ico {
    background-image: url('../images_kiwi/ncontents/img_visual_kiki.png');
    background-size: auto 84px;
    background-position: center;
	background-repeat: no-repeat;
	width: 72px;
	height: 84px;
}

.nonlogin-entry-gate .login-invite-card .btn-lg-primary {
	width: 100%;
	margin-top: 20px;
	height: 42px;
	font-size: 0.875rem;
}
.nonlogin-entry-gate .ad-unit.panel-area {
	margin-top: 12px;
}

.nonlogin-entry-gate .ad-unit.panel-area ul {
	align-items: stretch;
	gap: 10px;
}

.nonlogin-entry-gate .ad-unit.panel-area ul li {
	align-items: stretch;
}

.nonlogin-entry-gate .ad-unit.panel-area ul li a {
	border-radius: 16px;
	border: 1px solid transparent;
	padding: 20px;
	min-height: 100%;
	justify-content: flex-start;
	background:
		linear-gradient(0deg, rgba(255, 255, 255, 0.50) 0%, #fff 100%) padding-box,
		linear-gradient(180deg, rgba(223, 223, 224, 0.50) 0%, #F4F4F6 100%) border-box;
	background-origin: border-box;
	background-clip: padding-box, border-box;
	box-shadow: 0 4px 4px 0 rgba(223, 223, 224, 0.50), 0 -4px 10px 0 rgba(255, 255, 255, 0.50) inset;
}

.nonlogin-entry-gate .ad-unit.panel-area ul li p.text-16 {
	margin-bottom: 6px;
	font-weight: 500;
	color: #141414;
	line-height: 1.4;
}

.nonlogin-entry-gate .ad-unit.panel-area ul li span.light {
	color: #666;
	font-size: 0.875rem;
	line-height: 1.57;
}

.nonlogin-entry-gate .ad-unit.panel-area ul li a::before {
	width: 40px;
	height: 40px;
	margin: 12px 0 28px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.nonlogin-entry-gate .ad-unit.panel-area ul li.account a::before {
	background-image: url('../images_kiwi/icon/ico_coupon3.png');
}
.nonlogin-entry-gate .ad-unit.panel-area ul li.loans a::before {
	background-image: url('../images_kiwi/icon/lon-guide-new-c1.png');
}

.nonlogin-entry-gate .btn-link {
	font-size: 0.8125rem;
	font-weight: 500;
	line-height: 1.6;
	color: #666;
	text-align: center;

	span {
		color: #666;
		border-bottom: 1px solid #666;
	}
}
/* SR-260406-01400 [App] 키위뱅크 시작페이지 및 비밀번호 재설정 프로세스 개선 요청 End */