/* 조회/이체 */
.logo img
{
	width: 32px;border-radius:50%
}

.list-sort
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-bottom: 12px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	font-size: 0.875rem;
}
.list-sort.type2 {
	padding-bottom: 16px;
}
.list-sort.mb16 {
	margin-bottom: 4px !important;
}

.layer-contents .list-sort:first-child
{
	height: 44px;
	padding-top: 16px;
	border-top: 1px solid #eee;
}

/* 계좌번호 */
.inquiry-option .form-control-group
{
	border: 0;
}

.inquiry-option .form-control-group>dt
{
	font-weight: normal;
}

.inquiry-option .form-control-group>dd
{
	padding: 0px;
	opacity: 1 !important;
	-webkit-transition: none;
	transition: none;
}

.date-terms
{
	display: table;
	width: 100%;
	padding: 14px 0 !important;
	table-layout: fixed;
	border: 1px solid #eee;
	border-radius: 8px;
}

.date-terms>*
{
	display: table-cell;
	vertical-align: middle;
}

.date-terms>*.gap
{
	width: 30px;
	text-align: center;
}

.date-terms .form-control
{
	text-align: center;
}

.date-terms .ui-select
{
	padding: 0 10px;
	background: transparent;
}

.date-terms .ui-select .form-control
{
	padding-right: 24px;
}

.form-check-group + .date-terms
{
	margin-top: 4px;
}

.inquiry-option .input-wrap
{
	width: 100%;
	padding: 12px 0 !important;
}

.inquiry-option .input-wrap .form-control
{
	padding: 0 ;
}

.inquiry-option .input-wrap .btn-clear
{
	top: 50%;
	right: 12px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

/* 이체 > 검색 */


/* .transfer-confirm
{
	padding: 0 21px;
} */

.transfer-confirm .ico
{
	display: block;
	height: 80px;
	
}
/* .transfer-confirm:not(.notice):not(.type2):not(.type3) .ico:not(.ico-type2) {
	background: url('../images_kiwi/icon/img_request5.png') no-repeat;
	background-size: 80px 80px;
	background-position: center;
} */

.transfer-confirm .ico2
{
	display: block;
	height: 80px;
	background: url('../images_kiwi/icon/img_request6.png') no-repeat;
	background-size: 80px 80px;
	background-position: center;

}
.transfer-confirm.notice .ico
{
	display: block;
	height: 80px;
	background: url('../images_kiwi/icon/img_request1.png') no-repeat;
	background-size: 80px 80px;
	background-position: center;

}
.transfer-confirm.notice .ico svg {
	display: none;
}

.transfer-confirm p.warning{
	font-size: 0.875rem; font-weight: 300; color: #ff0000; margin-top: 12px;
}
.transfer-confirm p
{
	margin-top: 12px;
	font-size: 1.25rem;
	line-height: 1.75rem;
	letter-spacing: -1px;
	text-align: center;
}
.transfer-confirm p strong{color: #fd9c26; font-weight: 700;}
.transfer-confirm p em
{
	font-weight: bold;
	line-height: 2.25rem;
}

.transfer-confirm p:only-child
{
	margin-top: 0;
}

.transfer-confirm .recipient
{
	margin:10px 0 18px;
	font-size: 1.5rem;
	line-height:2.25rem;
	letter-spacing:-1px;
	font-weight: normal;
}

.transfer-confirm .recipient em
{
	font-weight: bold;
	line-height: 2.25rem;
}

.transfer-confirm .recipient:only-child
{
	margin-top: 0;
}

.transfer-confirm .recipient .large 
{
	font-weight: 800;
}

.transfer-confirm .bank-info
{
	font-size: 0.875rem;
	background: #f7f7f7;
	border-radius: 8px;
	padding: 16px;
	margin-top: 20px;
}

.transfer-confirm .bank-logo
{
	display: inline-block;
	margin-right: 12px;
	width: 32px;
	vertical-align: middle;
}

.transfer-confirm .panel
{
	margin: 0 -16px;
}

.transfer-confirm .caution .c-txt
{
	position: relative;
	font-size: 1rem;
	text-align: center;
	line-height: 24px;
	color: #222222;
	text-decoration: underline;
}

.transfer-confirm .caution .c-txt:before 
{
	content: '';
	display: inline-flex;
	position: relative;
	top: 3px;
	width: 20px;
	height: 20px;
	margin-right: 3px;
	background: url('../images_kiwi/icon-old/ico-caution.png') no-repeat 0;
	background-size: 100%;
}

/* .transfer-confirm.type2 .ico,
.transfer-confirm .ico.ico-type2 {
	background: url('../images_kiwi/ncontents/img_transfer.png') no-repeat 50% 0;
	background-size: 80px;

} */
.transfer-confirm.type2 p {
	font-size:1.25rem;
	line-height: 1.75rem;
}
.transfer-confirm.type2 p strong {
	line-height: 1.625rem;
	color: #f46600
}
/* .transfer-confirm.type3 .ico,
.transfer-confirm .ico.ico-type3 {
	background: url('../images_kiwi/ncontents/Img-cardcheck.png') no-repeat 50% 0;
	background-size: 80px;

} */
.layer .transfer-confirm + .text {
	margin-top: 12px;
}
.layer .transfer-confirm + .text + .title-area.mt40 {
	margin-top: 28px !important;
}
.desc-light {
	margin-bottom: 20px;
	font-size: 0.875rem;
	line-height: 1.375rem;
	font-weight: 300;
}
.title-d1:not(.sr-only) + .desc-light {
	margin-top: 12px;
}

/* 다건이체 완료 슬라이드 */
.transfer-info-swiper.transfer-info-list{
	padding-top:4px
}
.transfer-info-swiper.transfer-info-list .swiper-inner {
	margin: 0 -21px;
}
.transfer-info-swiper.transfer-info-list .swiper-container-horizontal .swiper-pagination {
	bottom: 0
}
.transfer-info-swiper.transfer-info-list .transfer-info {
	margin: 0 21px;
}

.ui-account-list
{
	margin: 0 -21px;
	padding-bottom: 16px;
}

.ui-account-list li
{
	position: relative;
	min-height: 72px;
	padding: 12px 21px;
}

.ui-account-list li>div
{
	position: relative;
	z-index: 1;
	min-height: 72px;
	padding: 12px 21px;
	margin: -12px -21px;
	background: #fff;
	-webkit-transition: border-radius .2s;
	transition: border-radius .2s;
	top: 0 !important;
}

.ui-account-list li>div.active
{
	overflow: hidden;
	border-radius: 8px;
}

.ui-account-list li>div>button:not(.favorite)
{
	min-width: 75%;
	height: 48px;
	padding-left: 60px;
	text-align: left;
	white-space: nowrap;
}

.ui-account-list li>button:not(.btn-account-del)
{
	position: relative;
	width: 100%;
	height: 48px;
	padding: 0 24px 0 60px;
	text-align: left;	
	/* position: relative;
    width: 100%;
    text-align: left;
    border: 1px #dcdcdc solid;
    border-radius: 8px;
    padding: 16px 20px; */
}

.ui-account-list .btn-account-del
{
	position: absolute;
	top: 16px;
	right: -21px;
	bottom: 16px;
	width: 46px;
	/* padding-left: 10px; */
	background: #f46600;
	border: 0;
	color: #fff;
}

.ui-account-list .btn-sm-add
{
	position: absolute !important;
	top: 22px;
	right: 12px;
	bottom: 1px;
	display:inline-block;
	width: auto !important;
	height:28px !important;
	border:1px solid #7bcd20;
	border-radius:14px;
	padding:0 14px !important;
	color: #58a700;
	text-align:center !important;
}

.ui-account-list button.between small{font-size: 0.75rem;}
.ui-account-list button.between{
	display: flex; gap: 12px;
}
.ui-account-list .logo
{
	position: absolute;
	top: 50%;
	left: 21px;
	width: 32px;
	height: 32px;
	/* padding: 9px;
	border: 1px solid #eee; */
	border-radius: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.ui-account-list.favorite-account{margin-top: 16px;}
.ui-account-list.favorite-account  li > button{position: relative;
    width: 100%;
    height: auto;
    padding: 0 21px 0 67px;
    text-align: left;}
.ui-account-list.favorite-account li{
	padding: 16px 0;
    border: 1px #dcdcdc solid;
    border-radius: 8px;
    margin: 0 21px;
    min-height: auto;
}
.ui-account-list.favorite-account li + li{
	margin-top: 8px;
}
.logo span
{
	display: inline-block;
	width: 32px;
	height: 32px;
	background: #eee;
	border-radius: 50%;
	font-size: 0.813rem;
	line-height: 32px;
	text-align: center;
	color: #999;
	vertical-align: top;
}

.ui-account-list li>button>.logo
{
	left: 0;
}

.ui-account-list .name
{
	overflow: hidden;
	display: block;
	max-width: -webkit-calc(100% - 30px);
	max-width: calc(100% - 30px);
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.5rem;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.ui-account-list .favorite
{
	position: absolute;
	top: 50%;
	right: 24px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.ui-account-list .account-designate
{
	display: block;
	color: #999;
	padding-left: 60px;
}

.ui-account-list .account-designate [class^="ico-"]
{
	margin: 0;
}

.ui-account-list .drag-handler
{
	position: absolute;
	top: -16px;
	right: 0;
	bottom: -16px;
	width: calc(100% - 75%);
}
.ui-account-list.phone-number li>button:not(.btn-account-del),
.ui-account-list.kakaotalk li>button:not(.btn-account-del),
.ui-account-list.mine li>button:not(.btn-account-del)
{
	padding-left: 0;
}

.ui-account-list.phone-number .btn-account-del,
.ui-account-list.kakaotalk .btn-account-del,
.ui-account-list.mine .btn-account-del
{
	width: 75px;
	background: transparent url('../images_kiwi/icon/list_del.svg') no-repeat 50% 50%;
	color: transparent;
}
.ui-account-list.favorite-account .btn-account-del
{
	width: 50px;
    background: transparent url(../images_kiwi/icon/ico_del_16.svg) no-repeat;
    color: transparent;
    height: calc(100% - 24px);
    top: 12px;
    right: 0;
    background-position: right 20px top 16px;
	padding: 0;
    position: absolute;
}
.ui-account-list.multiple
{
	padding-bottom: 80px;
}

.ui-account-list.multiple .logo
{
	top: 12px;
	-webkit-transform: none;
	transform: none;
}

.ui-account-list.multiple li>div
{
	padding: 0;
}

.ui-account-list.multiple li>div>input
{
	position: absolute;
	z-index: -1;
}

.ui-account-list.multiple li>div>label
{
	position: relative;
	display: block;
	min-height: 72px;
	/* padding: 16px 24px 12px 84px; */
}

.ui-account-list.multiple li.designated>div>label
{
	padding-bottom: 32px;
}

.ui-account-list.multiple li>div>input:checked + label
{
	background: #f8f8f8;
}

/* .ui-account-list.multiple li>div>input:checked + label:before
{
	content: '';
	position: absolute;
	top: 12px;
	left: 24px;
	z-index: 1;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: #ffcc00 url('../images_kiwi/icon-old/ico_check_w_24.svg') no-repeat 50% 50%;
} */

.ui-account-list.multiple .account-designate
{
	position: absolute;
	bottom: 8px;
	left: 84px;
	padding-left: 0;
}

.ui-account-list.multiple li + li
{
	margin: 0;
}

@media screen and (max-width:320px)
{
	

	.ui-account-list
	{
		margin: 0 -16px;
	}

	.ui-account-list li,
	.ui-account-list li>div
	{
		padding: 12px 16px;
	}

	.ui-account-list li>div
	{
		margin: -12px -16px;
	}

	.ui-account-list .favorite
	{
		right: 16px;
	}

	.ui-account-list.multiple li>div>label
	{
		padding-left: 76px;
	}

	.ui-account-list.multiple li>div>label .name
	{
		padding-top: 8px;
	}

	/* .ui-account-list.multiple li>div>input:checked + label:before, */
	.ui-account-list .logo
	{
		left: 16px;
	}

	/* .openbanking .bnk-list .ui-account-list.multiple li>div>input:checked + label:before
	{
		left: 24px;
	} */

	.ui-account-list.phone-number .btn-account-del,
	.ui-account-list.kakaotalk .btn-account-del,
	.ui-account-list.mine .btn-account-del,
	.ui-account-list.favorite-account .btn-account-del
	{
		width: 60px;
	}
}

.transfer
{
	position: relative;
}
/* 
.transfer .ui-tab
{
	position: relative;
	height: -webkit-calc(100vh - 53px);
	height: calc(100vh - 53px);
}

.transfer .tab-menu
{
	width: -webkit-calc(100% - 80px);
	width: calc(100% - 80px);
	padding-top: 8px;
	padding-bottom: 16px;
}

.transfer .tab-menu li>*
{
	height: 28px;
	white-space: nowrap;
}

.transfer .tab-menu ul li button
{
	position: relative;
	width: 100%;
	-webkit-tap-highlight-color: transparent;
}

.transfer .tab-menu ul li button:before
{
	content: '';
	position: absolute;
	bottom: 4px;
	left: 0;
	width: 0;
	height: 8px;
	background: #ffcc00;
	border-radius: 4px;
	-webkit-transition: width cubic-bezier(0.785, 0.135, 0.15, 0.86) .3s;
	transition: width cubic-bezier(0.785, 0.135, 0.15, 0.86) .3s;
	opacity: .5;
}

.transfer .tab-menu ul li button span
{
	font-weight: bold;
	color: #bbb;
}

.transfer .tab-menu ul li.active button span
{
	font-weight: bold;
	color: #000;
}

.transfer .tab-menu ul li.active button:before
{
	width: 100%;
}

.transfer .tab-menu ul li.active button span:not(.sr-only)
{
	position: relative;
	z-index: 1;
	border: 0;
} 

.transfer .btn-sm-func1
{
	position: absolute;
	right: 24px;
	top: 8px;
}

.transfer .tab-container
{
	height: -webkit-calc(100% - 60px);
	height: calc(100% - 60px);
	padding-bottom: 72px;
	border-top: 1px solid #eee;
}

.transfer .tab-contents
{
	overflow-y: auto;
	height: 100%;
	padding-top: 12px;
}

.transfer .tab-contents.tab_in
{
	overflow-y: visible;
	height: auto;
	padding-top: 12px;
}

.transfer .tab-contents .btn-link>span:after
{
	display: none;
}
*/
.transfer .search-form
{
	position: relative;
	margin-bottom: 28px;
	z-index: 1;
}

.transfer .btn-direct-input
{
	position: absolute;
	bottom: 20px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.btn-direct-input *{
	vertical-align:top;
}
.btn-direct-input
{
	overflow: hidden;
	height:40px;
	max-width: 80%;
	padding:0 15px 0 6px;
	border:1px solid #222222;
	border-radius:100px;
	color: #222222;
	font-size: 1rem;
	line-height:40px;
	white-space: nowrap;
}
.btn-direct-input [class^="ico-"]:first-child {
	margin-right: 0;
}
.btn-direct-input [class^="ico-"]
{
	width: 26px;
	height: 38px;
	/**
	border-radius: 50%;
	border: 1px solid #7bcd20;
	**/
}

.btn-direct-input .ico-account
{
	background: url('../images_kiwi/icon-old/ic_sb_acct_16.svg') no-repeat 50% 50%;
}

.btn-direct-input .ico-phone
{
	background: url('../images_kiwi/icon-old/ic_sb_call_16.svg') no-repeat 50% 50%;
}

.btn-direct-input .ico-kakao
{
	background: url('../images_kiwi/icon-old/ic_sb_kakao_16.svg') no-repeat 50% 50%;
}
.transfer-keypad{
	overflow: hidden;
}
.transfer-keypad,
.design-keypad
{
	overflow: visible !important;
	max-height: -webkit-calc(100vh - 55px);
	max-height: calc(100vh - 55px);
	-webkit-transition: height .3s, bottom cubic-bezier(0.785, 0.135, 0.15, 0.86) .3s;
	transition: height .3s, bottom cubic-bezier(0.785, 0.135, 0.15, 0.86) .3s;
}

.transfer-keypad .layer-contents
{
	/* max-height: -webkit-calc(100vh - 120px);
	max-height: calc(100vh - 120px); */
	padding-bottom: 0px;
}

.animated-char
{
	position: absolute;
	top: -62px;
	left: 50%;
	z-index: 1001;
	width: 88px;
	height: 70px;
	background: url('../images_kiwi/char/char_transfer.png') no-repeat;
	background-size: 88px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-transition: margin .2s;
	transition: margin .2s;
}

.animated-char.pos1
{
	margin-left: 2px;
	background-position: 0 0;
}

.animated-char.pos2
{
	margin-left: 4px;
	background-position: 0 -70px;
}

.animated-char.pos3
{
	margin-left: 6px;
	background-position: 0 -140px;
}

.animated-char.pos4
{
	margin-left: 8px;
	background-position: 0 -210px;
}

.animated-char.pos5
{
	margin-left: 10px;
	background-position: 0 -280px;
}

.animated-char.pos6
{
	margin-left: 12px;
	background-position: 0 -350px;
}

.animated-char.pos7
{
	margin-left: 14px;
	background-position: 0 -420px;
}

.transfer-account-info
{
	/* height: 80px; */
	/* padding: 24px 0 0; */
	display: flex;
    justify-content: space-between;
}
.transfer-account-info .name
{
	font-size: 1rem;
	color: #666;
	line-height: 1.875rem;
}
.transfer-account-info .name b 
{
	font-weight: 700;
}
.transfer-account-info small + .balance
{
	margin-top: 8px;
}
.transfer-account-info small>.name,
.transfer-account-info small
{
	font-size: 0.75rem;
	line-height: 1.25rem;
}
.transfer-account-info .info-list
{
	display: flex;
	flex-direction: column;
    justify-content: center;
}
.transfer-account-info.invalid .info-list>*,
.transfer-account-info.invalid .info-list b
{
	color: #ff0000 !important;
}

.transfer-account-info + .transfer-account-info
{
	padding: 20px 0;
	margin: 20px 0 0;
	border-top: 1px #f0f0f0 solid;
	border-bottom: 1px #f0f0f0 solid;
}
.transfer-account-info .btn-account-info
{
	position: relative;
	width: -webkit-calc(100% - 24px);
	width: calc(100% - 24px);
	height: 48px;
	padding-left: 56px;
	text-align: left;
	border: 0;
}

.transfer-account-info .btn-account-info.no-logo
{
	padding-left: 16px;
}

.transfer-account-info .btn-account-info .logo
{
	position: absolute;
	top: 0;
	left: 0;
	width: 48px;
	height: 48px;
	padding: 9px;
	border: 1px solid #eee;
	border-radius: 50%;
}

.transfer-account-info .btn-account-info .name
{
	display: inline-block;
}

.transfer-account-info .btn-account-info .name:after,
	.transfer-account-info .btn-account-info .logo + small:after
{
	content: '';
	display: inline-block;
	width: 0;
	height: 0;
	margin: 3px 0 0 5px;
	border: 5px solid transparent;
	border-top-color: #999;
	vertical-align: middle;
}

.transfer-account-info .btn-account-info small
{
	display: block;
	margin-top: 3px;
}

.transfer-account-info .btn-account-info .logo + small
{
	margin-top: 0;
}
.transfer-info-balance .balance > .text {
	display: none;
}

.transfer-info-balance .balance.warning > .text {
	display: block;
}

.transfer-keypad .keypad-input
{
	/* overflow: hidden; */
	padding: 0;
}

.transfer-keypad .ui-keypad
{
}

.ui-keypad .input-number + .ui-select
{
	margin-top: 20px;
}

.ui-keypad .ui-select.ui-type01 .payment-info.table > span{color:#999;}


.transfer-keypad .keypad
{
	height: 224px;
	opacity: 1;
	-webkit-transition: .2s;
	transition: .2s;
}

.transfer-keypad:not(.step1) .keypad
{
	display: none;
}
.keypad-input .animated-number .first-zero.on + .unit + .placeholder{
	display: block;
}
.keypad-input .animated-number .on +.unit + .placeholder,
.keypad-input .btn-clear.active + .placeholder
{ display: none;}
.keypad-input .placeholder
{
	font-size: 1.5rem;
    line-height: 3.25rem;
    color: #dcdcdc !important;
    position: absolute !important;
    background: #fff;
    z-index: 5;
    height: 52px;
    left: 0;
    top: 0;
    width: 100%;
    opacity: 1 !important;
    display: block;
    margin: 0 !important;
    transition: none !important;
	font-weight: 500;
}
.transfer-additional-info
{
	position: relative;
	z-index: 1;
}

.transfer-keypad:not(.step2) .transfer-additional-info
{
	display: none;
}

.transfer-keypad .form
{
	padding-top: 16px;
	-webkit-transition: .2s;
	transition: .2s;
}

.transfer-keypad .form .btn-add
{
	margin-top: 18px;
}

.transfer-keypad .voice-fishing
{
	overflow: hidden;
	position: relative;
	padding: 24px;
	margin: 36px 0;
	background: #fbf7ef url('../images_kiwi/contents/bg_voice_fishing.png') no-repeat 100% 10%;
	background-size: 91px;
	border-radius: 8px;
	-webkit-transition: .2s;
	transition: .2s;
}

.transfer-keypad .voice-fishing p
{
	color: #60584c;
}

.transfer-keypad .voice-fishing p + p
{
	color: #80786d;
}

.transfer-keypad .voice-fishing .form-check
{
	padding-top: 24px;
	margin-top: 24px;
	border-top: 1px solid #f3e7d2;
}

.transfer-keypad .voice-fishing .form-check label
{
	font-size: 0.875rem;
	line-height: 1.313rem;
	color: #222;
}

.transfer-keypad:not(.step3) .transfer-confirm
{
	overflow: hidden;
	height: 0;
	opacity: 0;
	padding-bottom: 0;
}

.transfer-keypad .transfer-confirm .ico
{
	height: 100px;
	background: url('../images_kiwi/icon/img_request5.png') no-repeat;
	background-size: auto 100%;
	-webkit-transform: translateX(-150px);
	transform: translateX(-150px);
	-webkit-transition: .2s;
	transition: .2s;
	-webkit-transition-delay: .3s;
	transition-delay: .3s;
}

.transfer-keypad.step3 .transfer-confirm .ico
{
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

/* .transfer-keypad.step1
{
	height: 543px;
} */

.transfer-keypad.step2
{
	height: -webkit-calc(100vh - 60px);
	height: calc(100vh - 60px);
}

.transfer-keypad.step3
{
	height: -webkit-calc(100vh - 60px);
	height: calc(100vh - 60px);
}

.transfer-keypad.step3 .transfer-account-info
{
	display: none;
}

.transfer-keypad.step3 .keypad-input
{
	overflow: hidden;
	height: 0;
	opacity: 0;
	-webkit-transition: .2s;
	transition: .2s;
	-webkit-transition-delay: .3s;
	transition-delay: .3s;
}

/* .transfer-keypad:not(.step1) .btn-easy-row
{
	display: none;
} */

.transfer-keypad .btn-easy-row {
	display: flex;
	justify-content: center;
	gap: 0 10px;
	margin: 10px 0 10px 0;
	opacity: 1;
	transition: .2s;
}

.transfer-keypad .btn-easy-row .btn-easy-inp
{
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 100%;
	font-size: 0.75rem;
    line-height: 28px;
    border-radius: 2px;
    color: #141414;
    border: 1px solid #dcdcdc;
    background-color: #fff;
}

.transfer-keypad .btn-easy-row .btn-easy-inp:before
{
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 0;
	height: 0;
	background: radial-gradient(ellipse at center, rgba(0,0,0,0) 0%, rgba(0,0,0,.2) 80%, rgba(0,0,0,0) 100%);
	border-radius: 50%;
	opacity: 0;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: all .2s;
	transition: all .2s;
}

.transfer-keypad .btn-easy-row .btn-easy-inp:active:before
{
	width: 65px;
	height: 65px;
	opacity: .5;
}

@media screen and (max-height:603px)
{
	.transfer-keypad .animated-char
	{
		display: none;
	}

	.transfer-keypad
	{
		max-height: 100%;
	}

	.transfer-keypad .layer-contents
	{
		max-height: -webkit-calc(100vh - 60px);
		max-height: calc(100vh - 60px);
	}

	.transfer-keypad.step2
	{
		height: 100vh;
	}
}

@media screen and (max-width:320px)
{
	.transfer .btn-sm-func1
	{
		right: 16px;
	}

	.transfer-keypad .animated-char
	{
		display: none;
	}

	.transfer-keypad
	{
		max-height: 100%;
	}

	.ui-keypad .keypad>*
	{
		height: 50px;
	}

	.transfer-keypad.step1
	{
		height: 510px;
	}

	.transfer-keypad.step2
	{
		height: 100vh;
	}

	.transfer-keypad.step3
	{
		height: 380px;
	}

	.transfer-keypad .transfer-confirm .ico
	{
		height: 90px;
	}
}

.transfer-info-list .transfer-info
{
	padding: 20px 0px 54px;
    background: #f4f4f6;
	border: 1px #fff solid;
	box-shadow: 0 0 2px 0 rgba(20,20,20,0.08), 0 2px 16px 0 rgba(20,20,20, 0.12);
}
.transfer-info-list .transfer-info.text-info{
	padding: 20px 0;
}
.transfer-info-list .transfer-info.text-info .dl-contents{
	padding-bottom: 0;
}

.transfer-info-list .transfer-info + .transfer-info
{
	margin-top: 12px;
}

.transfer-info-list .transfer-info>dt
{
	margin: 0 20px;
	display: flex;
    flex-direction: column;
    gap: 2px;
}

.transfer-info-list .transfer-info>dd
{
	border-top: 1px solid #dcdcdc;
	margin: 0 20px;
}

.transfer-info-list .transfer-info .transfer-money
{
	margin: 12px 20px 16px;
	font-weight: 500;
	line-height: 1.25rem;                                            
	border-top: 0;
}

.transfer-info-list .transfer-info .name
{
	line-height: 1.5;
	font-size: 1rem;
}
.transfer-info-list .transfer-info small
{
	font-size: 0.75rem;
	color: #141414;
}

.transfer-info-list .transfer-info .dl-contents
{
	padding: 20px 0;
}
.transfer-info-list .transfer-info .dl-contents dl + dl
{
	margin-top: 16px;
}

.transfer-info-list .transfer-info .dl-contents + .dl-contents
{
	border-top: 1px dashed #e6e6e6;
}

.transfer-info-list .transfer-info .dl-contents>dl>dt
{
	width: 105px;
	padding: 0;
}
.transfer-info-list .transfer-info .dl-contents>dl>dd
{
	padding: 0;
}
.transfer-info-list .transfer-info .dl-contents>dl>dd b
{
	font-family: 'lato', sans-serif; 
}

.transfer-info-list .transfer-info .dl-contents>dl>.transfer-money
{
	font-size: 1.125rem;
}

.transfer-info-list .transfer-info>.dl-contents
{
	padding-top: 0;
	margin-top: -20px;
	padding-bottom: 0;
}

.transfer-info-list .transfer-info .dl-contents.mt0
{
	/* padding: 0; */
	margin-top: 0px;
}
/* 가입정보 아코디언 스타일 추가 */
.transfer-info-list .transfer-info.list-box {
	padding-left: 20px;
	padding-right: 20px;
}
.transfer-info-list .transfer-info.list-box > .dl-contents {
	padding-bottom: 20px;
	margin-top: 0;
}
.transfer-info-list .transfer-info.list-box .dl-contents dl + dl {
	margin-top: 16px;
}

.transfer-info-list .transfer-info .dl-contents .ui-toggle {
	padding-top: 20px;
}
.transfer-info-list .transfer-info .dl-contents .ui-toggle .toggle-contents .dl-contents.pd20 {
	padding: 0 !important;
}
.transfer-info-list .transfer-info > .ui-toggle .toggle-contents .dl-contents .panel {
	padding: 0 !important;
	box-shadow: none !important;
	border: 0 !important;
}
.transfer-info-list .transfer-info > .ui-toggle .toggle-contents > h4.title-d2 {
	padding: 0 21px;
}
.transfer-info-list .transfer-info > .ui-toggle .toggle-contents .dl-contents + h4.title-d2 {
	margin-top: 36px;
	padding-top: 36px;
	border-top: 1px solid #e6e6e6;
}
.transfer-info-list .transfer-info > .ui-toggle .toggle-contents > .title-d2 + .panel {
	padding-top: 0 !important
}
.transfer-info-list .transfer-info > .ui-toggle .toggle-contents > .panel {
	padding: 0 !important;
	box-shadow: none !important;
	border: 0 !important;

}

.transfer-info-list .transfer-info .ui-toggle
{
	position: static;
	background: #f4f4f6;
	border-top: none;
	
}
.transfer-info-list .transfer-info .ui-toggle .toggle-contents.inner .dl-contents{
	padding-top: 0;
}
.transfer-info-list .transfer-info .ui-toggle .btn-toggle.open + .toggle-contents.inner::before{
	content: none;
}
.transfer-info-list .transfer-info .ui-toggle .btn-toggle.open + .toggle-contents::before
{
	content: '';
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    display: block;
    width: calc(100% - 40px);
    height: 1px;
    background: #e6e6e6;
}
.transfer-info-list .transfer-info dd.ui-toggle .btn-toggle.open + .toggle-contents::before
{
	width:100%
}
.transfer-info-list .transfer-info .ui-toggle .btn-toggle::before
{
	content: '';
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    display: block;
    width: calc(100% - 40px);
    height: 1px;
    background: #e6e6e6;
}
.transfer-info-list .transfer-info .ui-toggle .btn-toggle.open::after
{
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg) translateY(10px);
}
.transfer-info-list .transfer-info .ui-toggle .btn-toggle::after
{
	content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    display: block;
    background: #141414;
    mask-image: url(../images_kiwi/icon/ico_arr_d.svg);
    mask-size: contain;
    mask-position: 0 0;
	mask-repeat: no-repeat;
    right: 20px;
    top: 50%;
    transform: translateY(-10px);
	-webkit-transition: -webkit-transform .2s;
	transition: -webkit-transform .2s;
	transition: transform .2s;
	transition: transform .2s, -webkit-transform .2s;
}
.transfer-info-list .transfer-info .ui-toggle .btn-toggle
{
	position: absolute;
    bottom: 0px;
    right: 0;
    width: 100%;
    height: 54px;
	/* border-top: 1px solid #dcdcdc; */
	text-align: left;
    padding-left: 20px;
	
}

.transfer-info-list .transfer-info .toggle-contents
{
	position: relative;
}

.transfer-info-list .transfer-info .transfer-option
{
	height: 54px;
	/* margin-bottom: -8px; */
	padding-top: 15px;
	border-top: 1px solid #8a7b6a;
	padding: 16px 20px ;
}

.transfer-info-list .transfer-info .transfer-option > *
{
	display: inline-block;
	vertical-align: middle;
}

.transfer-info-list .transfer-info .transfer-option .send-sms
{
	width: 24px;
	height: 24px;
	margin-left: 13px;
	padding: 0;
	background: url('../images_kiwi/icon-old/ic_m_message_24.svg') no-repeat 50% 50%;
}

.transfer-info-list .transfer-info.failed
{
	background: #f8f8f8;
	color: #bbb;
}

.transfer-info-list .transfer-info.failed img
{
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: .5;
}

.transfer-info-list .transfer-info .error-msg
{
	padding-left: 60px;
	margin-bottom: 16px;
	font-size: 0.875rem;
	line-height: 1.125rem;
	color: #222;
	/* text-indent: -60px; */
}

.transfer-info-list .transfer-info .error-msg .warning
{
	margin-right: 5px;
}

@media screen and (max-width:320px)
{
	/* .transfer-info-list .transfer-info
	{
		padding-left: 16px;
		padding-right: 16px;
	} */

	.transfer-info-list .transfer-info .error-msg
	{
		padding-left: 54px;
		text-indent: -54px;
	}
}

.layer .account-select
{
	padding-bottom: 0;
	overflow-y: hidden;
}

.layer .account-select .ui-tab {
	height: 100%;
}

/* .layer .account-select .tab-menu
{
	margin-bottom: 8px;
} */

.layer .account-select {
	height: 100%;
	max-height: none;
}

/* .layer .account-select .tab-container
{
	height: -webkit-calc(100vh - 112px);
	height: calc(100vh - 112px);
} */

.layer .account-select .tab-contents
{
	overflow-x: hidden;
	overflow-y: auto;
	height: 100%;
}

.layer .account-select .tab-contents .search-form {
	flex: none;
	margin-bottom: 0;
}

.layer .account-select.bookmark .tab-contents:first-child
{
	height: -webkit-calc(100% - 60px);
	height: calc(100% - 60px);
}

.layer .account-select .btn-manage-account
{
	position: absolute;
	bottom: 18px;
	left: 50%;
	height:40px;
	padding:0 15px 0 6px;
	border:1px solid #ddd;
	border-radius:100px;
	font-size: 0.875rem;
	line-height:40px;
	color: #222;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.layer .account-select .btn-manage-account .ico-star{
	border:none;
	margin-right: 0;
}
.layer .account-select .ico-star
{
	border: 1px solid #ddd;
	border-radius: 100%;
	background: url('../images_kiwi/icon-old/ico_bkmark_16.svg') no-repeat center center;
}

@media screen and (max-width:320px)
{
	.layer .account-select .tab-menu,
	.layer .account-select .tab-contents
	{
		padding: 0 16px;
	}
}

.bookmark-area
{
	padding: 0 0 15px;
}

.bookmark-area:after
{
	content: '';
	display: block;
	clear: both;
}

.bookmark-area [class^="btn-"]
{
	float: right;
}

.transfer .btn-direct-input .ico-receiver
{

	border-radius: 100%;
	background: url('../images_kiwi/icon-old/ico_receiver_16.svg') no-repeat center center;
}

.request-state.in-voice .ico
{
	height: 96px;
	background-image: url('../images_kiwi/contents/img_voice1.png');
}

.request-state.liiv-mate .ico
{
	height: 96px;
	background-image: url('../images_kiwi/contents/img_liivmate.png');
}

.voice-message-layer
{
	
}

.voice-message-layer .request-state
{
	margin-bottom: 16px;
}

.voice-message-layer .voice-diagram
{
	margin: 20px 0;
}

.list-bullet-decimal.type2 li
{
	position: relative;
	padding-left: 30px;
	font-size: 0.875rem;
	line-height: 1.5;
}

.list-bullet-decimal.type2 li + li
{
	margin-top: 15px;
}

.list-bullet-decimal.type2 li span
{
	position: absolute;
	top: 3px;
	left: 0;
	color: #fff;
	background-color: #918274;
	border-radius: 100%;
}

.list-bullet-decimal.type3 li
{
	position: relative;
	padding-left: 30px;
	font-size: 1rem;
	line-height: 1.5;
}

.list-bullet-decimal.type3 li + li
{
	margin-top: 15px;
}

.list-bullet-decimal.type3 li span
{
	position: absolute;
	top: 3px;
	left: 0;
	color: #918274;
	background-color: #f0f9e7;
	border-radius: 100%;
}

.fullpage .layer-btns.days-check-type
{
	border: 1px solid #dcdcdc;
    border-radius: 8px;
    background: #fff;
    height: 57px;
    margin: 0 auto;
    padding: 16px 20px;
    position: relative;
    margin-top: 28px;
    bottom: 0;
}

.fullpage .layer-btns.days-check-type.type01 {height: 125px;}

.days-check-type .form-check
{
	display: block;
	width: 100%;
	margin-bottom: 16px;
	text-align: left;
}

.days-check-type [class^="btn-"][class*="-primary"]
{
	width: 100%;
}

.days-check-type .btn-close {
	position: absolute;
	top: 9px;
	width: auto;
	padding: 0 20px;
	font-size: 16px;
	color: #222;
}
.days-check-type .btn-close:nth-of-type(1) {
	left: 0;
}
.days-check-type .btn-close:nth-of-type(2) {
	right: 0;
}


.transfer-insert .select-bank
{
	margin-bottom: 16px;
}

.transfer-insert .select-bank > span
{
	position: relative;
	display: inline-block;
	padding-right: 20px;
}

.transfer-insert .select-bank > span:after
{
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: 16px;
	height: 16px;
	background: url('../images_kiwi/icon-old/select01_s_16.svg') no-repeat;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.transfer-insert .select-bank .logo
{
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
}

/* sms  */
.word-balloon-area
{
	position: relative;
	margin: 20px 0;
	border-radius: 12px;
	background-color: #ffefb9;
	padding: 20px;
}
.word-balloon
{
	position: relative;
	padding: 12px 20px;
	border-radius: 20px;
	background-color: #fff;
	box-shadow: 0 0 2px 0 rgba(20, 20, 20, 0.08), 0 4px 8px 0 rgba(20, 20, 20, 0.12);
}

.word-balloon:after
{
	content: '';
    position: absolute;
    bottom: -6px;
    left: 0px;
    width: 16px;
    height: 27px;
    background: #fff;
    mask-image: url('../images_kiwi/icon/ico_word_balloon.svg');
    mask-position: 0 0;
    mask-size: 16px auto;
}

.word-balloon > p.title
{
	margin-top: 0;
}
.word-balloon > p.title > b 
{
	font-weight: 700;
}

.word-balloon > p
{
	margin-top: 25px;
}

.word-balloon > p.title + p
{
	margin-top: 15px;
}

.transfer-reserve
{
	margin-top: 40px;
}

.compact .input-wrap.phone-type
{
	padding-right: 85px;
}

.request-state.in-mutual .ico
{
	height: 96px;
	background-image: url('../images_kiwi/contents/img_mutual.png');
}

.mutual-transfer
{
	margin-top: 30px;
}

.mutual-transfer .title-d2
{
	margin-bottom: 10px;
}

.mutual-transfer .form.only-one-type .form-control-group
{
	border-radius: 8px;
}

.mutual-transfer .redemption-day
{
	position: relative;
}

.mutual-transfer .redemption-day .tooltip-layer
{
	left: 0;
	right: 0;
}

@media screen and (max-width: 320px)
{
	.voice-message-layer
	{
		padding: 0 16px 60px;
	}
}



.multi-history
{
	overflow-y: auto;
	position: relative;
	height: -webkit-calc(100vh - 150px);
	height: calc(100vh - 150px);
}

.multi-history dt span.name
{
	display: block;
	padding-bottom: 6px;
}

.multi-history dt small
{
	display: block;
	width: 100%;
	padding-right: 30px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.multi-history .transfer-info>dd
{
	border-top: none;
}

.multi-history .dl-contents>dl>dt
{
	font-size: 1.125rem;
	line-height: 1.25em;
	color: #222;
}

.multi-history .btn-detail-view
{
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}

.multiple-transfers .btn-direct-input
{
	position: absolute;
	bottom: 20px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.multiple-transfers
{
	margin-top: 16px;
}
.title-d1 + .multiple-transfers
{
	margin-top: 20px;
}

.multi-transfer-list
{
	position: relative;
}

.multi-transfer-list .btn-add
{
	position: absolute;
	bottom: 43px;
	left: 24px;
}

.multi-transfer-list .btn-onego
{
	position: absolute;
	bottom: 50px;
	right: 24px;
	color: #666;
}

.multi-transfer-list .btn-onego span:after
{
	display: none;
}

.multi-transfer-list .inner-wrap
{

}

.multi-transfer-list .transfer-info + .transfer-info
{
	margin-top: 9px;
}

.transfer-info
{
	position: relative;
	padding: 24px 24px 12px;
	border: 1px solid #eee;
	border-radius: 12px;
}

.transfer-info>dt>*
{
	display: inline-block;
	vertical-align: middle;
}

.transfer-info .logo
{
	width: 28px;
	height: 28px;
	margin-right: 7px;
}

.transfer-info .transfer-money
{
	margin-top: 42px;
	margin-bottom: 8px;
	text-align: right;
}

.transfer-info .transfer-money .form-control
{
	font-size: 1.5rem;
	font-weight: bold;
}

.transfer-info .transfer-money .form-control::-webkit-input-placeholder
{
	font-size: 1.5rem;
	font-weight: normal;
}

.transfer-info .transfer-money .form-control::-moz-placeholder
{
	font-size: 1.5rem;
	font-weight: normal;
}

.transfer-info .transfer-money .form-control:-ms-input-placeholder
{
	font-size: 1.5rem;
	font-weight: normal;
}

.transfer-info .transfer-money .form-control.ph_add::-webkit-input-placeholder
{
	font-size: 1.5rem;
	font-weight: normal;
	letter-spacing: -1.5px;
}

.transfer-info .transfer-money .form-control.ph_add::-moz-placeholder
{
	font-size: 1.5rem;
	font-weight: normal;
	letter-spacing: -1.5px;
}

.transfer-info .transfer-money .form-control.ph_add:-ms-input-placeholder
{
	font-size: 1.5rem;
	font-weight: normal;
	letter-spacing: -1.5px;
}

.transfer-info input
{
	text-align: right;
}

.transfer-info .btn-del
{
	position: absolute;
	top: 24px;
	right: 24px;
	width: 24px;
	height: 24px;
	background: url('../images_kiwi/icon-old/list_del_24.svg') no-repeat 50% 50%;
}

.transfer-info .checkbox
{
	position: absolute;
	top: 30px;
	right: 24px;
	width: 24px;
	height: 24px;
}

.transfer-info .card-btns
{
	position: relative;
	padding: 0;
	margin: 0 -24px -8px;
	border-top: 1px solid #eee;
}

.transfer-info .card-btns:before
{
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1px;
	height: 25px;
	background: #eee;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.transfer-info .card-btns [class^="btn-"]
{
	font-size: 0.875rem;
	color: #222;
}
/* type2 */
.multiple-transfers.type2 {
	margin-top: 0;
}
.multiple-transfers.type2 .multi-history{
	height: 100%;
	overflow: initial;
}
.transfer-info-list .transfer-info.type2 {
	padding: 20px 0;
	background: #fff;
	border: 1px solid #dcdcdc;
	border-radius: 12px;
	box-shadow: 0 0 2px 0 rgba(20, 20, 20, 0.08), 0 2px 8px 0 rgba(20, 20, 20, 0.10);
}
.transfer-info-list .transfer-info.type2 + .transfer-info.type2 {
	margin-top: 12px;
}.transfer-info-list .transfer-info.type2 dt {
	padding-bottom: 20px;
}
.transfer-info-list .transfer-info.type2 dt .name {
	padding-bottom: 0;
	font-weight: 500;
	line-height: 1.5rem;
}
.transfer-info-list .transfer-info.type2 dt small {
	font-weight: 300;
}
.transfer-info-list .transfer-info.type2 .btn-del {
	top: 20px;
	right: 20px;
}
.multi-history .transfer-info.type2 > dd {
	border-top: 1px solid #dcdcdc;
}
.transfer-info-list .transfer-info.type2 .dl-contents {
	padding: 20px 0 0 0;
}
.transfer-info-list .transfer-info.type2 .dl-contents>dl>dt {
	font-size: 0.875rem;
	line-height: 1.375rem;
	font-weight: 500;
}
.transfer-info-list .transfer-info.type2 .dl-contents>dl>dt b {
	font-family: 'lato', sans-serif; 
	font-weight: 700;
}
.transfer-info-list .transfer-info.type2 .dl-contents>dl>.transfer-money {
	font-size: 0.875rem;
	line-height: 1.375rem;
	font-weight: 500;
}
.transfer-info-list .transfer-info.type2 .dl-contents>dl>.transfer-money > b {
	font-weight: 700;
}
.multiple-transfers.type2 .btn-direct-input {
	position: relative;
	bottom: auto;
	height: auto;
	margin-top: 36px;
	padding: 0;
	border-radius: 0;
	border: 0;
	border-bottom: 1px solid #141414;
	line-height: 1.375rem;
	font-size: 0.8125rem;
	color: #141414;
}

.transfer-info-list .transfer-info.type3{
	padding: 20px 0 0 0;
}
.transfer-info-list .transfer-info.type3 .name{
	margin-bottom: 20px;
}
.transfer-info-list .transfer-info.type3 dd em{
	color: #06f;
}

.multi-transfer-list .transfer-info .dl-contents>* + *>*
{
	border-top: 1px solid #eee;
}

.multi-transfer-list .transfer-info .dl-contents .form-control-group.select {
	padding-left: 0;
	padding-right: 0;
	border: 0;
	border-top: 1px solid #eee;
    border-radius: 0;
}
.multi-transfer-list .transfer-info .dl-contents .form-control-group.select .label {
	left: 0;
	border-top: 0;
	padding: 0;
	color: #bbb;
}
.multi-transfer-list .transfer-info .dl-contents .form-control-group.select.valued .label {
	color: #666;
	top: 11px;
}
.multi-transfer-list .transfer-info .dl-contents .form-control-group.select dd {
	height: 26px;
	padding: 19px 0 0 0;
	border-top: 0;
}

.multi-transfer-list .transfer-info .dl-contents .form-control-group.memo-type {
	border: 0;
	border-top: 1px solid #eee;
	padding-left: 0;
	padding-right: 0;
	border-radius: 0;
}
.multi-transfer-list .transfer-info .dl-contents .form-control-group.memo-type .label {
	border-top: 0;
	left: 0;
	color: #bbb;
	padding: 0;
}
.multi-transfer-list .transfer-info .dl-contents .form-control-group.memo-type.active .label,
.multi-transfer-list .transfer-info .dl-contents .form-control-group.memo-type.valued .label {
	color: #666;
	top: 11px;
}
.multi-transfer-list .transfer-info .dl-contents .form-control-group.memo-type dd {
	padding-bottom: 0;
	padding-top: 13px;
	border-top: 0;
}
.multi-transfer-list .transfer-info .dl-contents .form-control-group.memo-type.active dd,
.multi-transfer-list .transfer-info .dl-contents .form-control-group.memo-type.valued dd {
	padding-top: 35px;
}


.multi-transfer-list.openbank-transfers .transfer-info {
	padding: 20px;
}
.multiple-transfers .multi-transfer-list.openbank-transfers .btn-account-info .logo {
	width: 38px;
	height: 38px;
	padding: 0;
	border: none;
}
.multiple-transfers .multi-transfer-list.openbank-transfers .btn-account-info .logo span {
	width: 100%;
	height: 100%;
}
.multiple-transfers .multi-transfer-list.openbank-transfers .btn-account-info {
	padding: 0 24px 0 42px;
}
.multiple-transfers .multi-transfer-list.openbank-transfers .btn-account-info .name {
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.5rem;

}
.multiple-transfers .multi-transfer-list.openbank-transfers .btn-account-info small .num {
	position: relative;
	padding-right: 18px;
	font-size:  0.75rem;
	font-weight: 400;
	line-height: 1.25rem;
}
.multiple-transfers .multi-transfer-list.openbank-transfers .btn-account-info small .num:after {
	display: inline-block;
    position: absolute;
    top: 0%;
    right: 0;
    width: 16px;
    height: 16px;
	margin: 0;
	background: #999;
    mask-image: url(../images_kiwi/icon/ico_arr_b.svg);
	mask-repeat: no-repeat;
	mask-position: 0 0;
    mask-size: contain;
    /* transform: translateY(-50%); */
    border: 0;

}
.multiple-transfers .multi-transfer-list.openbank-transfers .transfer-info .checkbox {
	top: 20px;
	right: 20px;
}
.multiple-transfers .multi-transfer-list.openbank-transfers .transfer-info .checkbox label {
	vertical-align: top;
}
.multiple-transfers .multi-transfer-list.openbank-transfers .transfer-info .my-amount {
	width: 100%;
	margin-top: 6px;
	text-align: right;
	font-weight: 300;
}
.multiple-transfers .multi-transfer-list.openbank-transfers .transfer-info .text-20-bold.my-amount {
	font-size: 1rem;
	font-weight: 700;
}
.multiple-transfers .multi-transfer-list.openbank-transfers .transfer-info .text-20-bold.my-amount b.num {
	font-size: 1.25rem;
}

.multiple-transfers .multi-transfer-list.openbank-transfers .transfer-info .transfer-money.input-wrap {
	margin-top: 16px;
	
}
.multiple-transfers .multi-transfer-list.openbank-transfers .transfer-info .transfer-money .form-control {
	padding: 6px 0;
	font-size: 1.25rem;
	line-height: 1.625rem;
}
.multiple-transfers .multi-transfer-list.openbank-transfers .transfer-info .form-control-group .transfer-money,
.multiple-transfers .multi-transfer-list.openbank-transfers .transfer-info .form-control-group .transfer-money{
	padding-right: 0;
}
.multiple-transfers .multi-transfer-list.openbank-transfers .transfer-info .form-control-group.valued .transfer-money{
	padding-right: 28px;
}
.multiple-transfers .multi-transfer-list.openbank-transfers .transfer-info .transfer-money.input-wrap .btn-clear {
	top: 50%;
	width: 20px;
	height: 20px;
    background: url(../images_kiwi/icon/btn_clear.svg) no-repeat 50% 50%;

}
.multiple-transfers .multi-transfer-list.openbank-transfers .transfer-info .transfer-money .form-control::-webkit-input-placeholder
{
	font-size: 1.125rem !important;
	font-weight: 500;
	line-height: 1.625rem;
	color: #dcdcdc;
}
.multiple-transfers .multi-transfer-list.openbank-transfers .transfer-info .transfer-money .form-control::-moz-placeholder
{
	font-size: 1.125rem !important;
	font-weight: 500;
	line-height: 1.625rem;
	color: #dcdcdc;
}
.multiple-transfers .multi-transfer-list.openbank-transfers .transfer-info .transfer-money .form-control:-ms-input-placeholder
{
	font-size: 1.125rem !important;
	font-weight: 500;
	line-height: 1.625rem;
	color: #dcdcdc;
}
.multiple-transfers .multi-transfer-list.openbank-transfers .transfer-info .transfer-money .form-control::placeholder
{
	font-size: 1.125rem !important;
	font-weight: 500;
	line-height: 1.625rem;
	color: #dcdcdc;
}

.ui-card dt.flex-box {
	display: flex;
	flex-direction: row;
}
.ui-card dt.flex-box .logo {
	margin: 0
}
.ui-card dt.flex-box .info .name {
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.5rem;
}
.ui-card dt.flex-box .info > small {
	font-size:  0.75rem;
	font-weight: 300;
	line-height: 1.25rem;
}
.ui-card dt.flex-box .info > small .num {
	display: inline-block;
	margin-top: -1px;
	vertical-align: top;
}
.ui-card dt.flex-box .info .email {
	display: block;
	margin-top: 6px;
	color: #666;
}
.ui-card .amount-check {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 18px;
}
.ui-card .amount-check .text-fee,
.ui-card .amount-check .text-fee em {
	color: #f00;
	font-size:  0.75rem;
	font-weight: 500;
	line-height: 1.25rem;
}
.ui-card .amount-check .text-amount {
	font-size:  1.25rem;
	font-weight: 700;
	line-height: 1.625rem;

}
.ui-card .toggle-wrap {
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px solid #ebebeb;
}
.ui-card .toggle-wrap .flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 0;
}
.ui-card .toggle-wrap .label {
	font-size:  0.75rem;
	font-weight: 500;
	line-height: 1.25rem;

}
.ui-card .txt-sum {
	margin-top: 30px;
	font-size: 1.625rem;
	color: #f46600;
	font-weight: 700;
}
.ui-card .txt-sum .num {
	font-size: 2rem;
}

.head-copy + .ui-card-list,
.title-d1 + .ui-card-list {
	margin-top: 20px;
}
[class^="title-"]:not([class^="mb"]) + .ui-card-list {
	margin-top: 12px;
}
/* h4.title-d1 + .ui-card-list {
	margin-top: 12px;
} */
h4.title-d1.mb12 + .ui-card-list {
	margin-top: 0;
}

.ui-card-list dl.panel dt {
	margin-bottom: 18px;
}
.account-check .head-copy .text-24 em {
	font-weight: 700;
}
.ui-card-list.all-account-list {
	margin-top: 28px;
}
.ui-card-list.all-account-list .form-check label {
	padding: 20px;
}
.ui-card-list.all-account-list .form-check label:before {
	display: none;
}
.ui-card-list.all-account-list .form-check input:checked +label {
	border: 2px solid #ffbc00;
}

.ui-card-list.all-account-list .bank-info .bankbook-num .num {
	margin-left: 4px;
	font-size:  0.75rem;
	font-weight: 500;
	line-height: 1.25rem;
	text-decoration: underline;
}
.ui-card-list.all-account-list .bank-info .bankbook-name {
	position: relative;
	margin-top: 20px;
	padding-left: 40px;
}
.ui-card-list.all-account-list .bank-info .bankbook-name .logo {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 28px;
	height: 28px;
	
}
.ui-card-list.all-account-list .bank-info .bankbook-name .logo span {
	width: 28px;
	height: 28px;
}
.ui-card-list.all-account-list .bank-info .bankbook-name .logo img {
	width: 100%;
}
.ui-card-list.all-account-list .bank-info .bankbook-name .name {
	display: block;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.5rem;

}

.ui-card-list.all-account-list .bank-info .bankbook-name .bank {
	display: block;
	margin-top: 4px;
	color: #666
}

.btn-ssm-primary {
	height: 24px;
	padding: 0 10px;
	border-radius: 6px;
	font-size:  0.75rem;
	font-weight: 500;
	line-height: 26px

}



/* =========================================================== */


.multiple-transfers .transfer-total
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 -24px;
	padding: 15px 24px 0;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	border-top: 1px solid #eee;
	font-size: 1.125rem;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}

.transfer-total .money
{
	text-align: right;
	vertical-align: bottom;
	display: inline;
}

.transfer-total .money b
{
	display: block;
	padding-top: 5px;
}

.transfer-total .ui-tooltip
{
	margin-top: -3px;
}

.transfer-total .ui-tooltip.active .tooltip-layer
{
	margin-top: -100px;
	text-align: left;
}

.multiple-transfers .btn-account-info
{
	position: relative;
	width: 100%;
	min-height: 48px;
	padding: 0 24px 0 56px;
	text-align: left;
	border: 0;
}

.multiple-transfers .btn-account-info .logo
{
	position: absolute;
	top: 0;
	left: 0;
	width: 48px;
	height: 48px;
	padding: 9px;
	border: 1px solid #eee;
	border-radius: 50%;
}
.multi-transfer-list.openbank-transfers .transfer-info .form-control-group.valued .transfer-money.input-wrap.unit .unit{color: #141414; font-size: 1rem;line-height: 1.625rem;}
.multiple-transfers .btn-account-info .name
{
	display: block;
}
.multiple-transfers-box .account-item button{
	text-align: left;
}
.multiple-transfers-box .account-item button small,
.multiple-transfers-box .account-item button small{
	display: flex;
    gap: 4px;
}
.multiple-transfers .multi-transfer-list.openbank-transfers .btn-account-info small 
{
	padding-right:0
}
.multiple-transfers .multi-transfer-list.openbank-transfers .btn-account-info small .num,
.multiple-transfers-box .account-item button small .num {
	position:relative;display:inline-block;padding-right:20px
}
.multiple-transfers .multi-transfer-list.openbank-transfers .btn-account-info small .num:after,
.multiple-transfers-box .account-item button small .num:after
{
	content: '';
    display: block;
    width: 16px;
    height: 16px;
    margin: 0 !important;
    background: #999;
    -webkit-mask-image: url(../images_kiwi/icon/ico_arr_d.svg);
    mask-image: url(../images_kiwi/icon/ico_arr_d.svg);
    mask-repeat: no-repeat;
    mask-size: cover;
    mask-position: 50% 50%;
    fill: none;
	right:0;top:2px;
	position:absolute
}

.multi-transfer-list .btn-toggle
{
	position: absolute;
	top: 0;
	left: 0;
	width: auto;
	height: 26px;
	padding-right: 18px;
	font-size: 0.875rem;
	color: #999;
}

.multi-transfer-list .btn-toggle:after
{
	content: '';
	position: absolute;
	top: 10px;
	right: 0;
	border: 5px solid transparent;
	border-top-color: #999;
}

.multi-transfer-list .btn-toggle.open:after
{
	top: 5px;
	border-color: transparent;
	border-bottom-color: #999;
}

.multi-transfer-list .dl-contents
{
	margin: -2px 0;
}

.multi-transfer-list .dl-contents>dl>*
{
	padding-top: 13px;
	padding-bottom: 13px;
	vertical-align: middle;
}

.multi-transfer-list .dl-contents>dl>dt
{
	color: #666;
}

@media screen and (max-width:320px)
{
	.transfer-info
	{
		padding-left: 16px;
		padding-right: 16px;
	}

	.word-balloon
	{
		padding: 16px;
	}

	.transfer-info .btn-del
	{
		top: 16px;
		right: 16px;
	}
}

.multi-name
{
	padding-top: 24px;
}

.multi-name p.text
{
	padding-bottom: 40px;
}

.multi-name .form-notice
{
	padding-bottom: 15px;
}

.one-go-main .layer-contents
{
	padding-bottom: 60px;
}

.one-go-main .contents-btns
{
	padding: 35px 0 12px;
}

.one-go-main .contents-btns a
{
	display: block;
	width: 100%;
	margin-top: 10px;
}

.one-go-main .contents-btns a:first-child
{
	margin-top: 0;
}
.auto-withdrawal
{
	margin-top: 16px;
}

.auto-withdrawal .list-sort
{
	padding-top: 24px;
}

.auto-withdrawal-list .transfer-info + .transfer-info
{
	margin-top: 9px;
}

.auto-withdrawal-list .transfer-info .logo
{
	display: block;
	margin-bottom: 14px;
}

.auto-withdrawal-list .transfer-info .sort
{
	position: absolute;
	top: 24px;
	right: 24px;
	font-size: 0.875rem;
	color: #999;
}

.auto-withdrawal-list .transfer-info .sort:before
{
	content: '';
	display: inline-block;
	width: 5px;
	height: 5px;
	margin-right: 5px;
	border: 1px solid #666;
	border-radius: 50%;
	vertical-align: middle;
}

.auto-withdrawal-list .dl-contents
{
	margin-top: 26px;
}

.auto-withdrawal-list .dl-contents>dl>*
{
	padding: 2px 0;
}

.auto-withdrawal-list .btn-detail-view
{
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}

.auto-withdrawal-detail
{
	padding-top: 16px;
}

.auto-withdrawal-detail .account-info
{
	position: relative;
	margin-bottom: 26px;
}

.auto-withdrawal-detail .account-info .logo
{
	display: block;
	margin-bottom: 26px;
}

.auto-withdrawal-detail .account-info .name
{
	display: block;
	margin-bottom: 12px;
	font-size: 1.625rem;
}

.auto-withdrawal-detail .account-info .name + small
{
	font-size: 0.875rem;
}

.auto-withdrawal-detail .account-info>dd
{
	position: absolute;
	top: 54px;
	right: 0;
}

.auto-withdrawal-detail .account-info .sort
{
	font-size: 0.875rem;
	line-height: 26px;
	color: #999;
}

.auto-withdrawal-detail .account-info .money
{
	line-height: 30px;
	font-size: 1.125rem;
}

.ui-select.btn-style
{
	background: none;
	position: relative;
	display: inline-block;
	font-size: 0.875rem;
	color: #999;
	vertical-align: middle;
	border: 0;
	padding: 0;
	height: auto;
}

.ui-select.btn-style .form-control
{
	color: #999;
	line-height: 1;
	height: 21px;
}

.btn-style .form-control.select:after
{
	display: none;
}

.btn-style .form-control.select span:after
{
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 3px 0 0 5px;
	background: url('../images_kiwi/icon/ico_arr_d.svg');
	background-size: contain;
	/* border: 5px solid transparent;
	border-top-color: #999; */
	vertical-align: middle;
	position: static;
}

.list-sort .count
{
	display: inline-block;
	height: 21px;
	line-height: 21px;
	font-weight: 500;
	vertical-align: middle;
}
.list-sort .count em{font-size: 1rem; font-weight: 500;}
.list-sort .count + .ui-select.btn-style button .value
{
	position: relative;
	display: inline-block;
	max-width: 230px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.list-sort .ui-select.btn-style .btn-sort
{
	padding-right: 0;
}
.list-sort .ui-select.btn-style .form-control.select span:after
{
	margin: 0 0 0 5px;
}
.gauge-area
{
	position: relative;
	margin-top: 40px;
}

.gauge-area .bar
{
	width: 100%;
	height: 32px;
	border-radius: 16px;
	background-color: #f8f8f8;
	position: relative;
}

.gauge-area .bar span
{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	background-color: #ffdd00;
	border-radius: 16px;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-delay: .2s;
	animation-delay: .2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.gauge-area .state1
{
	-webkit-animation-name: state1;
	animation-name: state1;
}

.gauge-area .state2
{
	-webkit-animation-name: state2;
	animation-name: state2;
}

.gauge-area .state3
{
	-webkit-animation-name: state3;
	animation-name: state3;
}

@-webkit-keyframes state1
{

	0%
	{
		width: 0;
	}

	100%
	{
		width: 100%;
	}
}

@keyframes state1
{

	0%
	{
		width: 0;
	}

	100%
	{
		width: 100%;
	}
}

@-webkit-keyframes state2
{

	0%
	{
		width: 0;
	}

	100%
	{
		width: 66.66%;
	}
}

@keyframes state2
{

	0%
	{
		width: 0;
	}

	100%
	{
		width: 66.66%;
	}
}

@-webkit-keyframes state3
{

	0%
	{
		width: 0;
	}

	100%
	{
		width: 33.33%;
	}
}

@keyframes state3
{

	0%
	{
		width: 0;
	}

	100%
	{
		width: 33.33%;
	}
}

.gauge-area .state-text
{
	position: absolute;
	left: 25px;
	top: 5px;
	z-index: 1;
}

.gauge-area small
{
	position: absolute;
	right: 20px;
	top: 9px;
	z-index: 1;
}

dl.form-control-group.hando-area
{
	background-color: #f8f8f8;
	border: 1px solid #eee;
	border-radius: 8px;
	padding: 0 21px;
	margin-top: 8px;
	/* margin-top: 16px; */
	display: block;
}
.title-d1 + .form .form-control-group.hando-area.mt20 {
	margin-top: 0 !important;
}

dl.form-control-group.hando-area dt
{
	color: #222;
	display: block;
	padding: 20px 0 16px;
}

dl.form-control-group.hando-area dd
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	text-align: left;
	margin-bottom: 15px;
	border-bottom: none;
	opacity: 1;
	padding: 0;
}
dl.form-control-group.hando-area dd {

}
dl.form-control-group.hando-area dd p:first-child
{
	margin-top: 0;
	border-right: 1px solid #eee;
	box-sizing: border-box;
	padding-right: 15px;
	margin-right: 15px;
}

dl.form-control-group.hando-area dd p small
{
	display: block;
}

dl.form-control-group.hando-area dd p span
{
	font-size: 0.875rem;
	color: #222;
}


/* >>>>> ATM >>>>> */
/* ATM  - NFC  */
.set-nfc
{
	border: #222 1px solid;
	border-radius: 8px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 23px;
}

.set-nfc .text-18
{
	background: url('../images_kiwi/icon-old/ico_atm.svg') no-repeat 0 0;
	background-size: 32px;
	padding-left: 38px;
	line-height: 33px;
}

.set-nfc .form-toggle>input:checked + label
{
	background: #ffcc00;
}

/* ATM  */
.atm-sec-area
{
	color: #fff;
	background: #6ebc15;
	padding: 0 24px 24px;
}

.atm-sec-area .head-copy b
{
	color: #fff;
}

.atm-sec-area .head-copy b:before
{
	display: none;
}

.atm-sec-area .atm-second
{
	position: relative;
}

.atm-sec-area .atm-second>p
{
	text-align: right;
}

.atm-sec-area .atm-second small
{
	display: block;
	padding-bottom: 10px;
	color: #fff;
}

.atm-sec-area .atm-second .second
{
	font-size: 2.5rem;
}

.atm-sec-area .atm-second .second b
{
	color: #fff;
}

.atm-sec-area .btn-md-func2
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 50%;
	background-color: #8bc944;
	color: #fff;
	border-color: #8bc944;
}

.atm-info
{
	padding: 40px 24px 10px;
}

.atm-info .atm-img
{
	margin: 0 -24px;
	text-align: center;
}

.atm-commu-ing
{
	padding-left: 24px;
	padding-right: 24px;
}

@media screen and (max-width: 320px)
{
	.set-nfc,
	.atm-sec-area
	{
		padding: 16px;
	}

	.transfer-confirm.atm-commu-ing
	{
		padding: 0 20px;
	}
}


.point-area
{
	padding-left: 40px;
	font-size: 2rem;
	font-weight: 700;
	background: url('../images_kiwi/icon-old/ico_point_p.svg') no-repeat 0 0;
	background-size: 32px 32px;
}

.point-panel {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	margin-top: 16px;
	padding: 20px;
	border-radius: 8px;
	border: 2px solid #7d6c59;
	background: #fff;
}

.point-panel .txt-label {
	font-size: 0.75rem;
	color: #141414;
}

.point-panel .txt-point {
	display: flex;
	align-items: center;
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 2rem;
	color: #141414;
}

.liiv-point-panel
{
	border: #7bcd20 1px solid;
	border-radius: 8px;
	display: table;
	width: 100%;
	table-layout: fixed;
}

.liiv-point-panel > p
{
	display: table-cell;
	width: 50%;
	vertical-align: middle;
}

.liiv-point-panel > p > img
{
	width: 80px;
}
/* Liiv Mate  */
.liiv-mate-panel
{
	padding: 30px 24px;
	border: 1px solid #eee;
	border-radius: 15px;
	text-align: center;
}

.liiv-mate-panel > p
{
	letter-spacing: -.5px;
}

.liiv-mate-panel > img
{
	padding: 20px 0 30px;
	width: 130px;
}

.layer .tab-menu
{
	flex: none;
}
.layer .tab-container2,
.layer .tab-container {
	height: calc(100% - 44px);
	margin: 0 -21px;
}
.fullpage.layer .type1 .tab-container {
	height: calc(100% - 54px);
	margin: 0 -21px;
}
.layer .tab-container2 .tab-contents2.active,
.layer .tab-contents {
	height: 100%;
	padding: 20px 21px 0;
	overflow-y: auto;
}
.layer .tab-container2 .active,
.layer .tab-contents.active {
	justify-content: flex-start;
}
/* 이체 > 공통 > 은행선택 - layer.account-select css */
.layer:not(.fullpage) .account-select .tab-container {
	height: calc(100% - 92px);
}
.layer:not(.fullpage) .account-select .tab-contents {
	height: calc(100% - 20px);
	padding-bottom: 20px;
}

/* 이체 검색레이어 */
.fullpage .transfer-layer {
	padding-bottom: 0;
}
.fullpage .layer-contents.transfer-layer {
	margin-top: 12px;
	padding-top: 0;
}

.fullpage .transfer-layer.type1 {
	margin-bottom: 57px;
	padding-bottom: 0;
}

.fullpage .transfer-layer.type2 {
	padding-bottom: 56px;
}

.bottom-sheet .transfer-layer {
	padding-bottom: 92px;
}

#favorite-cancel.bottom-sheet .transfer-layer .ui-account-list {
	padding-bottom: 0;
}

.bottom-sheet .transfer-layer .ui-account-list li {
	padding: 0;
}

/* .transfer-layer.type2 .tab-container {
	height: 100%;
} */

.transfer-layer.type2 .ui-tab {
	/* height: calc(100% - 44px); */
	height: 100%;
}

section.layer .transfer-layer .tab-menu.round {
	margin: 0;
	padding: 0;
	border-bottom: 0;
}

section.layer .transfer-layer .tab-menu.round ul {
	gap: 4px;
}

section.layer .transfer-layer .tab-menu.round ul>li>* {
	height: 38px;
	padding: 0;
	border-radius: 999px;
	border: 1px solid #dcdcdc;
	background: #fff;
	font-size: 0.875rem;
	color: #999;
	line-height: 1.375rem;
}

section.layer .transfer-layer .tab-menu.round li>*>span {
	height: 100%;
	padding: 8px 10px;
}

section.layer .transfer-layer .tab-menu.round ul>li.on a {
	background: #ffd338;
	border: 0;
	color: #141414;
	font-weight: 700;
}

.input-form ~ .tab-search-wrap {
	margin-top: 36px;
}

.input-form[style*="display"][style*="none"] ~ .tab-search-wrap {
	margin-top: 0;
}

.tab-search-wrap {
	position: relative;
	display: flex;
	justify-content: space-between;
	margin: 0 0 16px;
}

.tab-search-wrap .open-search {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	margin-left: auto;
	border-radius: 999px;
	border: 1px solid #dcdcdc;
	background: #fff;
	overflow: hidden;
}

.tab-search-wrap .open-search [class^="ico-"] {
	flex: none;
	transition: all .4s;
}

.tab-search-wrap .search-form-wrap {
	display: flex;
	justify-content: flex-end;
	gap: 8px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 38px;
}

.tab-search-wrap .search-form-wrap .btn-search2 .ico-arr {
	width: 20px;
	height: 20px;
	background: url('../images_kiwi/icon/btn_arr_r.svg') no-repeat;
	background-size: 20px;

}

.tab-search-wrap .search-form-wrap .btn-search2.open [class^="ico-"]  {
	transform: translateX(27px);
}

.tab-search-wrap .search-form-wrap .search-form {
	width: calc(100% - 46px);	
	height: 38px;
	overflow: hidden;
	padding: 0;
	border-radius: 999px;
	border: 0;
	box-shadow: inset 0 0 0 2px #dcdcdc;	
	background: #fff;
	opacity: 1;
	transition: all .3s;
}

.tab-search-wrap .search-form-wrap .search-form.valued {
	box-shadow: inset 0 0 0 2px #ffbc00;
}

.tab-search-wrap  .search-form-wrap .placeholder {
	font-size: 0.875rem;
	line-height: 38px;
	opacity: 1;
	transition: opacity 1s;
}

.tab-search-wrap .search-form-wrap .placeholder:before {
	top: 19px;
	transform: translate(0, -50%);
	transition: all .5s;
}

.tab-search-wrap .search-form .input-wrap {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	padding:0 80px 0 16px;
	line-height: 38px;
}

.tab-search-wrap .search-form .input-wrap .btn-clear {
	right: 46px;
}

.tab-search-wrap .search-form input.form-control {
	font-size: 0.875rem;
}

.tab-search-wrap .search-form.valued .btn-search {
	width: 38px;
	height: 38px;
}

.tab-search-wrap .search-form .btn-search:before {
	right: 12px;
	margin-right: 0;
}

.tab-search-wrap .search-form-wrap.simple .search-form {
	width: 0;
	opacity: .7;
}

.tab-search-wrap .search-form-wrap.simple .placeholder {
	opacity: 0;
}

.tab-search-wrap .search-form-wrap.simple .placeholder:before {
	transform: translate(40px, -50%);
}

.transfer-layer .tab-contents {
	padding: 20px 21px 0;
}
.transfer-layer.page .tab-contents {
    height: 100%;
    overflow-y: auto;
}
.transfer-layer.page .tab-container {
	height: calc(100% - 44px);
    margin: 0 -21px;
}
.transfer-layer .ui-tab,
.transfer-layer .ui-tab2
 {
	height: calc(100% - 66px);
}
/* .layer-contents.transfer-layer .ui-account-list {
	padding-bottom: 56px;
} */
.ui-button
{
	display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
	flex: 1;
}

.transfer-layer .input-form {
	flex: none;
}

/* .transfer-layer .input-form .form-control-group {
	display: flex;
	justify-content: space-between;
	gap: 16px;
	width: 100%;	
} */
 .transfer-layer .input-form .form-control-group + .form-control-group{
	margin-top: 16px;
 }
.transfer-layer .input-form .form-control-group .input-wrap {
	width: 100%;
}
.transfer-layer .input-form .form-control-group [class^="btn-sm-"] + * {
	width: -webkit-calc(100% - 65px);
    width: calc(100% - 65px);
}

.transfer-layer .input-form .form-control-group .btn-contact {
	flex: none;
	height: 24px;
	padding: 2px 8px;
	border-radius: 999px;
	background: #ffd338;
	font-size: 0.75rem;
	font-weight: 300;
	line-height: 1.25rem;
}

.transfer-layer .input-form .form-control-group .btn-contact:disabled {
	background: #ebebeb;
	color: #141414;
}

.transfer .transfer-layer .ui-tab {
    height: calc(100vh - 255px);
}
.ui-select .bank-chip {
	display: flex;
	gap: 12px;
	height: 32px;
	margin: 0;
	overflow: hidden;
	align-items: center;
}

.ui-select .bank-chip .logo {
	margin-right: 0;
}

.ui-select .bank-chip .name {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	text-overflow: ellipsis;
	overflow: hidden;
	color: #141414;
	font-size: 1.125rem;
}

.transfer-layer .text-right {
	display: flex;
	justify-content: flex-end;
	margin: 16px 0;
}

.transfer-layer .btn-link {
	padding: 6px 12px;
	font-size: 0.813rem;
}

.transfer-layer .btn-link::before {
	position: absolute;
	left: 0;
	top: 50%;
	width: 1px; 
	height: 8px;
	border-radius: 2px;
	background: #999;
	margin: 0;
	transform: translateY(-50%);
}

.transfer-layer .btn-link.active>* {
	color: #141414;
}

.transfer-layer .btn-link>* {
	margin: 0;
	border-bottom: none;
	color: #999;
	line-height: 21px;
}

.transfer-layer .ui-account-list {
	margin: 0;
}

.transfer-layer .ui-account-list li {
	min-height: auto;
	/* margin: 0 -21px; */
	padding: 16px 0;
}

.transfer-layer .ui-account-list li:last-child {
	margin-bottom: 0 !important;
}

.transfer-layer .ui-account-list li .item-handler {
	min-height: auto;
	margin: 0 -21px;	
	padding: 0 21px;
	/* padding: 0; */
}

.transfer-layer .ui-account-list li .item-handler .favorite {
	top: 0;
	right: 21px;
}

.transfer-layer .ui-account-list .account-item {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	height: auto;
	padding-left: 44px;
}

.transfer-layer .ui-account-list .account-item small {
	color: #141414;
}

.transfer-layer .ui-account-list .logo {
	top: 17px;
	left: 0;
	width: 32px;
	height: 32px;
	border: none;
	padding: 0;
}

.transfer-layer .ui-account-list .logo span {
	width: 100%;
	height: 100%;
}

.transfer-layer .ui-account-list .account-designate {
	display: flex;
	align-items: flex-start;
	margin-top: 4px;
	padding-left: 44px;
	color: #666;
}

.transfer-layer .ui-account-list .account-designate button {
	position: relative;
	z-index: 10;
}

.transfer-layer .ui-account-list .account-designate .ico-info {
	margin-left: 4px;
	vertical-align: unset;
}

.transfer-layer .ui-account-list.multiple {
	padding-bottom: 0;
}

.transfer-layer .ui-account-list.multiple .account-designate {
	position: static;
}

.transfer-layer .ui-account-list.multiple .logo {
	top: 0;
}

.transfer-layer .ui-account-list.multiple li>label {
	display: block;
	margin: -16px -21px;
	padding: 16px 21px;
}

.transfer-layer .ui-account-list.multiple li>input:checked + label {
	background: #ffefb9;
}

.transfer-layer .ui-account-list .name {
	/* display: inline-block; */
}

.transfer-layer .ui-account-list .favorite {
	/* top: 0; */
	/* left: 90px; */
	top: 18px;
	right: 0;
	width: 30px;
	height: 30px;
	transform: translateY(0);
}

.transfer-layer .ui-account-list .favorite label {
	width: 20px;
	padding-top: 20px;
	font-size: 0;
	color: transparent;
}

.transfer-layer .ui-account-list .name .favorite {
	position: static;
	transform: translateY(-2px);
}

.transfer-layer .ui-account-list .name .favorite label {
	width: 30px;
	padding-top: 30px;
	font-size: 0;
	color: transparent;
}
.transfer-layer .ui-account-list .account-num {
	display: block;
	font-family: 'lato', sans-serif;
    line-height: 1.5rem;
	font-size: 1rem;;
}
.transfer-layer .ui-account-list .btn-del {
	position: absolute;
	top: 22px;
	right: 0;
	width: 20px;
	height: 20px;
	padding: 0;
	background: url('../images_kiwi/icon/ico_del_16.svg') no-repeat 0 0;
	background-size: contain;
	z-index: 10;
}
.transfer-layer .ui-account-list .text-info i.num 
{
	font-weight: 700;
}

.transfer-layer .results-list {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.transfer-layer .results-list .acc-title {
	padding: 13px 0;
}

.transfer-layer .results-list .acc-title .title {
	font-size: 1rem;
	font-weight: 500;
}

.transfer-layer .results-list .acc-title .title > em {
	font-size: 1.125rem;
}

.transfer-layer .results-list .ui-account-list {
	padding-bottom: 0;
}

.transfer-layer .results-list .ui-account-list li {
	padding: 20px 0;
	/* border-top: 1px solid #f0f0f0; */
}

.transfer-layer .results-list .ui-account-list li:first-child {
	padding-top: 8px;
	border-top: 0;
}

.transfer-layer .results-list .ui-account-list li:last-child {
	padding-bottom: 16px;
}

.transfer-layer .trans-limit {
	display: flex;
	justify-content: space-between;
	font-weight: 500;
}

.bank-chip {
	display: none;
	flex: none;
	width: 100%;
	height: 35px;
	overflow: hidden;
	overflow-x: auto;
}

.bank-chip.show {
	display: block;
}

.bank-chip ul {
	display: flex;
	gap: 6px;
}

.bank-chip ul > li {
	flex: none;
}

.bank-chip button {
	padding: 5px 12px;
	border-radius: 999px;
	border: 1px solid #dcdcdc;
	background: #fff;
}

.bank-chip .logo {
	width: 32px;
	height: 32px;
	margin-right: 12px;
}
.input-form .bank-chip button .logo, .input-form .bank-chip.show button .logo {
	width: 20px;
	height: 20px;
	margin-right: 8px;
}

.bank-chip .name {
	font-size: 0.813rem;
	font-weight: 500;
	line-height: 1.313rem;
}

.bank-list
{
	/* display: -webkit-box;
	display: -ms-flexbox; */
	/* grid-template-columns: repeat(3, minmax(0, 1fr)); */
	/* -ms-flex-wrap: wrap;
	flex-wrap: wrap; */
	display: grid;
	gap: 8px;
	margin: 20px 0 0;
	padding-bottom: 16px;
}

.bank-list li
{
	display: flex;
	position: relative;
	/* -webkit-box-flex: 0;
	-ms-flex: 0 0 1;
	flex: 0 0 1; */
	/* width: -webkit-calc(100%/3);
	width: calc(100%/3); */
	text-align: center;
	font-size: .875rem;
	line-height: 1.25rem;
}

.bank-list input
{
	position: absolute;
	z-index: -1;
}

.bank-list input:checked + label {
	border: 2px solid #ffbc00;
	box-sizing: border-box;
}

.bank-list label
{
	display: inline-block;
	width: 100%;
	height: 100%;
	padding: 12px 0;
	border-radius: 8px;
	border: 2px solid transparent;
	background: #f7f7f7;
}

/* .bank-list .bank-name
{
	padding: 17px 0;
} */

.bank-list .bank-name .logo
{
	display: block;
	width: 32px;
	margin: 0 auto 8px;
}
.bank-list .bank-name .logo span {
	width: 32px;
	height: 32px;
}
.layer .favorite-set
{
	padding: 20px 0;
	text-align: center;
}

.layer.alert .alert-msg .msg-dark
{
	display: block;
	margin-bottom: 20px;
	color: #222;
}

.layer.alert .alert-msg .point
{
	position: relative;
	font-weight: bold;
}

/* .alert-msg .point:before
{
	content: '';
	position: absolute;
	bottom: 2px;
	left: 0;
	right: 0;
	height: 8px;
	background: rgba(123, 205, 32, .6);
	border-radius: 4px;
	z-index: -1;
} */

.alert-msg .title-d1,
.alert-msg .title-d2,
.alert-msg .point
{
	color: #222;
}

.add-transfer
{
	margin-bottom: 30px;
	text-align: center;
}

.transfer-confirm .transfer-option
{
	width: 100%;
	border-top: 1px solid #eee;
}

.transfer-confirm .transfer-option > *
{
	display: inline-block;
	vertical-align: middle;
}

/* SMS */
.send-sms .head-copy
{
	margin-bottom: 20px;
}

.send-sms .panel
{
	margin-bottom: 36px;
	background: #7d6c59;
	border: none;
	border-radius: 12px;
	color: #fff;
}

.send-sms .dl-contents dl dd
{
	text-align: right;
	padding: 0;
}
.send-sms .dl-contents dl dt
{
	color: #fff;
	padding: 0;
}

.send-sms .dl-contents dl dd b
{
	font-weight: bold;
	color: #fff;
}
.send-sms .dl-contents dl + dl
{
	margin-top: 16px;
}
.send-sms .sms-preview
{
	position: relative;
	padding: 12px 20px;
	margin-top: 20px;
	border-radius: 20px;
	/* font-size: 0.813rem; */
	line-height: 1.5;
	color: #141414;
	background-color: #fff;
}

.send-sms .sms-preview:after
{
	content: '';
	position: absolute;
	bottom: 6px;
	left: -8px;
	width: 14px;
	height: 18px;
	background: url('../images_kiwi/icon-old/ico_word_balloon.png') no-repeat 0 0;
}

@media screen and (max-width:320px)
{
	.send-sms,
	.send-sms .sms-preview
	{
		padding: 16px;
	}
}

/* SMS */
.sms-desposit section > p
{
	margin: 15px 0 40px;
}

.sms-desposit .panel
{
	margin-bottom: 10px;
}

.sms-desposit .dl-contents dd
{
	letter-spacing: -1px;
}

.sms-desposit .form
{
	margin-bottom: 20px;
}


.transfer-info-list.reserv
{
	margin: 40px 0 12px 0;
}

.app-download
{
	position: relative;
	margin-top: 36px;
	border-radius: 16px;
	background-color: #ffefb9;
}

.app-download > a
{
	display: flex;
    width: 100%;
    padding: 16px;
    justify-content: space-between;
    align-items: center;
}

.app-download .app-ico
{
	position: absolute;
	right: 24px;
	bottom: 0;
	display: table-cell;
	width: 95px;
	height: 69px;
}

.app-download .app-ico i.ico
{
	display: inline-block;
	width: 95px;
	height: 69px;
	background: url('../images_kiwi/icon/img_app.png') no-repeat 0 0;
	background-size: cover;
}
.app-download .app-text::after
{
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	display: inline-block;
	width: 119px;
	height: 75px;
	background: url('../images_kiwi/ncontents/bibi-banner.png') no-repeat 0 0;
	background-size: cover;
}

.app-download .app-text
{
	display: table-cell;
	padding-right: 93px;
	vertical-align: middle;
	line-height: 1.5;
	text-align: left;
	word-break: keep-all;
}
.app-download .app-text .text-16 > strong {
	font-weight: 700;
}
/* 국민지갑 */
.app-download.wallet .app-ico i.ico
{
	background-image: url('../images_kiwi/banner/ico_banner-img1.png');
}
/* bank */
.app-download.kb-bank .app-ico i.ico
{
	background-image: url('../images_kiwi/banner/ico_app_kb_bank.png');
}
/* card */
.app-download.kb-card .app-ico i.ico
{
	background-image: url('../images_kiwi/banner/ico_app_kb_card.png');
}
/* KBable */
.app-download.kb-able .app-ico i.ico
{
	background-image: url('../images_kiwi/banner/ico_app_kb_able.png');
}
/* kb-card */
.app-download.kb-car .app-ico i.ico
{
	background-image: url('../images_kiwi/banner/ico_app_kb_car.png');
}
/* damage */
.app-download.kb-damage .app-ico i.ico
{
	background-image: url('../images_kiwi/banner/ico_app_kb_damage.png');
}
/* life */
.app-download.kb-life .app-ico i.ico
{
	background-image: url('../images_kiwi/banner/ico_app_kb_life.png');
}
/* LIIV */
.app-download.liiv .app-ico i.ico
{
	background-image: url('../images_kiwi/banner/ico_app_liiv.png');
}
/* LIIV MATE */
.app-download.liiv-mate .app-ico i.ico
{
	background-image: url('../images_kiwi/banner/ico_app_liiv_mate.png');
}
/* LIIV ON */
.app-download.liiv-on .app-ico i.ico
{
	background-image: url('../images_kiwi/banner/ico_app_liiv_on.png');
}
/* KB Pay */
.app-download.kb-pay .app-text .text-16 em {
	font-weight: 700;
}
.app-download.kb-pay .app-text::after {
	top: 4px;
	right: 16px;
	width: 148px;
	height: 88px;
	background: url(../images_kiwi/ncontents/img-kbpay.png) no-repeat 0 0;
	background-size: contain;
}


/* NONE ICON TYPE */
.app-download.none-ico
{
	position: relative;
	/* background: #f0f9e7 url('../images_kiwi/icon-old/ic_banner_common.svg') no-repeat 12px 24px;
	background-size: 48px; */
}
.app-download.none-ico.mt40 {
	margin-top: 28px !important;
}

/* .app-download.none-ico > a
{
	padding-left: 48px;
} */

.app-download.none-link:not(.voice-t),
.app-download.none-link:not(.pig-on)
{
	position: relative;
	/* background: #bbecdd; */
	/* background: #bbecdd url('../images_kiwi/icon-old/ic_banner_common.svg') no-repeat 12px 24px; */
	background-size: 48px;
}

.app-download.none-ico.none-link .app-text {
	padding-right: 0;
	font-weight: 700;
}
.app-download.none-ico.none-link .app-text .color-cyan strong {
	font-weight: 700;
}

/* NONE LINK TYPE */
.app-download.none-link
{
	display: table;
	width: 100%;
	table-layout: fixed;
	padding: 20px;
}
.app-download.none-link {
	display: block;
	margin-top: 20px !important;
	padding-right: 110px;
}

.app-download.none-link .app-text::after {
	right: 0;
	width: 100px;
	height: 90px;
	background: url(../images_kiwi/ncontents/img-bibi4-s.png) no-repeat 0 0;
	background-size: contain;
}

.app-download.none-link .app-ico i.ico
{
	background-image: url('../images_kiwi/banner/ico_app_liiv_on.png');
}

/* voice */
.app-download.voice-t .app-ico i.ico
{
	background-image: none;
}

.app-download.voice-t .app-text
{
	padding-left: 0px;
}

/* .app-download.none-link.pig-on
{
	background: #f0f9e7 url('../images_kiwi/contents/img_pig_on.png') no-repeat 14px 20px;
	background-size: 48px;
} */

.app-download.none-link.pig-on .app-text
{
	padding-right: 0;
	letter-spacing: -0.5px;
}

.app-download.none-link.voice-t .app-text 
{
	padding-right: 0;
}


/* 거래내역 */
.account-summary
{
	/* position: relative; */
	font-size: 0.875rem;
	text-align: center;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.account-summary .ui-card
{
	padding: 28px 21px 0;
	border: 0;
	-webkit-transition: padding .3s;
	transition: padding .3s;
	box-shadow: none;
}
.account-summary.deposit-account .ui-card{padding-left: 0; padding-right: 0;}
.installment-savings{
	padding: 0 21px;
}
.layer-contents .installment-savings{
	padding: 0;
}
.installment-savings .pd-h .bank-statement-list { 
	margin: 0 -21px;
}
.account-summary .ui-card>dt
{
	padding: 0 0 10px;
	-webkit-transition: padding .3s;
	transition: padding .3s;
}

.account-summary .ui-card>dt>button
{
	display: block;
	width: 100%;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.account-summary .ui-card>dt .text-24 {
	line-height: 2rem;
}

.account-summary .ui-card>dt .text-24 > span {
	vertical-align: text-top;
}

.account-summary .ui-card>dd:last-child {
	padding-bottom: 0;
}

.account-summary .badge
{
	height: 24px;
	padding: 0 11px;
	margin-bottom: 18px;
	font-size: 0.813rem;
	line-height: 24px;
	border: 1px solid #fff;
	background: #fff;
	border-radius: 12px;
	color: #58a700;
}

.account-summary .type
{
	padding-right: 5px;
}

.account-summary .amount
{
	margin-bottom: -2px;
	text-align: center;
	font-size: 1.625rem;
	line-height: 1.4;
	-webkit-transition: top .3s, right .3s, -webkit-transform .3s;
	transition: top .3s, right .3s, -webkit-transform .3s;
	transition: top .3s, right .3s, transform .3s;
	transition: top .3s, right .3s, transform .3s, -webkit-transform .3s;
}

.account-summary .amount .num
{
	font-size: 2rem;
}

.account-summary b,
.account-summary small,
.account-summary .dl-contents>dl>dt
{
	color: inherit;
}

.account-summary .dl-contents>dl>*
{
	padding: 3px 0;
}

.account-summary .ui-card .ui-toggle
{
	margin-top: 6px;
}

.account-summary .ui-card .btn-toggle
{
	position: static;
	height: 20px;
	padding: 0 6px;
	margin-bottom: 6px;
	font-size: 0.813rem;
	background: none;
	-webkit-transform: none;
	transform: none;
	border: 1px solid #666666;
	border-radius: 10px;
	color: #666666;
}

.account-summary .ui-card .btn-toggle.open:after
{
	margin-top: -7px;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.account-summary .ui-card .btn-toggle:after,
.account-summary button .acc-num:after
{
	content: '';
	display: inline-block;
	width: 0;
	height: 0;
	margin: 3px 0 0 5px;
	border: 5px solid transparent;
	border-top-color: #666;
	vertical-align: middle;
}

.account-summary .acc-num
{
	display: block;
}

.account-summary span.acc-num
{
	margin-top: 6px;
	font-size: 1.25rem;
	color: #666;
}

.account-summary button span.acc-num
{
	text-decoration: underline;
	font-weight: bold;
}

.account-summary button span.acc-num:after
{
	border-top-color: #666;
}

.account-summary .ui-card .toggle-contents
{
	margin: 10px -24px 0;
	padding: 0 48px;
	border-top-color: rgba(255,255,255, .5);
}

.account-summary .dl-contents ~ .dl-contents
{
	padding-top: 6px;
	margin-top: 6px;
	border-top: 1px dashed #666666;
}

.account-summary + .list-sort.line
{
	width: 100%;
	height: 44px;
	padding-top: 2px;
	padding-bottom: 0;
	background: #fff;
}

.account-summary + .list-sort .btn-sort
{
	overflow: hidden;
	display: block;
	width: 100%;
	padding-right: 15px;
	text-align: right;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.account-summary + .list-sort .btn-sort:after
{
	position: absolute;
	right: 0;
	margin-top: 3px;
}

.account-summary + .list-sort .btn-sort .value
{
	color:#666666;
}

.account-summary + .list-sort.line {
}
.account-summary + .list-sort.line .search-icon-txt {
	display: inline-block;
	position: relative;
	height: 41px;
	margin-top: 14px;
	padding-left: 20px;
	white-space: nowrap;
}
.account-summary + .list-sort.line .search-icon-txt .icon-magnify {
	display: block;
	position: absolute;
	top: -2px;
	left: 0;
	width: 16px;
	height: 16px;
	background: url(../images_kiwi/icon-old/search_s_16.svg) no-repeat 0 0;
}
.account-summary + .list-sort.line .search-icon-txt .txt-delete-group {
	position: relative;
}
.account-summary + .list-sort.line .search-icon-txt .txt-delete-group .txt {
	display: inline-block;
}
.account-summary + .list-sort.line .search-icon-txt .txt-delete-group .btn-delete {
	position: absolute;
    top: -3px;
    right: -24px;
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url(../images_kiwi/icon-old/ic_member_del.svg) no-repeat 50% 50%;
	text-indent: -9999px;
}
.account-summary + .list-sort.line .search-icon-txt .txt-delete-group .btn-delete.light-gray {
	background: url(../images_kiwi/icon-old/ic_member_del_lightgray.svg) no-repeat 50% 50%;
}




.account-summary .ui-card .ui-toggle .dl-contents>dl>dt
{
	text-align: left;
}

.pd-h .account-summary
{
	margin: 0 -21px;
}

.account-summary ul[class^="list"]
{
	margin-top: 6px;
}

.account-summary ul[class^="list"]>li
{
	color: #fff;
	font-size: 12px;
	text-align: left;
	opacity: .7;
}

.account-summary .list-bullet-cir>li:before
{
	border-color: #fff;
}

.account-summary .ico-question
{
	background-image: url('../images_kiwi/icon-old/ic_tooltip_q_w.svg');
}

.account-summary .ico-exclamation
{
	background-image: url('../images_kiwi/icon-old/ico_tooltip_w_ex.svg');
}

.account-summary .dl-contents.justify dd .btn-tooltip
{
	margin: 4px 0 -3px 0;
}

.account-summary .ui-card .ui-accordion
{
	position: relative;
	padding-top: 26px;
}

.account-summary .ui-card .ui-accordion .acc-title
{
	position: absolute;
	top: 0;
	left: 50%;
	display: inline-block;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.account-summary .ui-card .ui-accordion .minus-type .acc-title
{
	left: auto;
	right: 0;
	-webkit-transform: none;
	transform: none;
}

.account-summary .ui-card .ui-accordion .btn-toggle:after
{
	content: '';
	position: static;
	display: inline-block;
	width: 0;
	height: 0;
	margin: 3px 0 0 5px;
	border: 5px solid transparent;
	border-top-color: #fff;
	vertical-align: middle;
	-webkit-transform: none;
	transform: none;
	background: none;
}

.account-summary .ui-card .ui-accordion .open .btn-toggle:after
{
	margin-top: -8px;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.account-summary .ui-card .ui-accordion .acc-cont
{
	margin: 10px -24px 0;
	padding: 0 48px;
	border-top-color: rgba(255,255,255, .5);
	border-top: 1px dashed #eee;
}

.account-summary .ui-card .ui-accordion .acc-cont>div
{
	padding: 6px 0 0;
}

.account-summary .ui-card .ui-accordion .acc-cont>*:first-child
{
	padding-top: 16px;
}

.account-summary.transfer-account {
	position: relative;

}

.account-summary.transfer-account .ui-card {
	padding-bottom: 36px;
    border-bottom: 6px solid #f5f5f5;
}

.account-summary.transfer-account .ui-card dt button {
	position: relative;
	text-align: left;
}
.account-summary.transfer-account .ui-card dt button::after {
	content: '';
    position: absolute;
    top: auto;
	bottom: 10px;
    right: 0;
    width: 20px;
    height: 20px;
    background: url(../images_kiwi/icon/ico_arr_b.svg) no-repeat;
    background-size: contain;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
}
.account-summary.transfer-account .ui-card dt button .value .acc-name {
	display: block;
    margin-top: 8px;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
}
.account-summary.transfer-account .ui-card dt button .value .acc-num {
	position: relative;
	padding: 12px 0;
	width: 100%;
    min-height: 26px;
    padding-right: 24px;
    font-size: 1.125rem;
	font-weight: 500;
    color: #141414;
    border: 0;
	text-decoration: none;
}
.account-summary.transfer-account .ui-card dt button .value .acc-num::after {
	display: none;
	
}

/* fixed */
.fixed-area.fixed
{
}

.fixed .account-summary
{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 60px;
	text-align: left;
}

.fixed .account-summary .ui-card
{
	/* padding-top: 20px; */
	padding: 20px 21px 0;
}

.fixed .account-summary .ui-card>dt
{
	width: 50%;
	padding: 0;
}

.fixed .account-summary .ui-card>dt>button
{
	text-align: left;
}

.fixed .account-summary .type,
.fixed .account-summary .acc-num,
.fixed .account-summary .ui-toggle,
.fixed .account-summary .quick-menu,
.fixed .account-summary .ui-accordion,
.fixed .account-summary SPAN.st
{
	display: none;
}

.fixed .account-summary .value
{
	display: block;
	width: 100%;
}

.fixed .account-summary .acc-name
{
	overflow: hidden;
	display: block;
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.fixed .account-summary .amount
{
	position: absolute;
	top: 50%;
	right: 24px;
	padding-bottom: 0;
	text-align: right;
	font-size: 1rem;
	-webkit-transform: translateY(-17%);
	transform: translateY(-17%);
}

.fixed .account-summary .amount .num
{
	font-size: 1.125rem;
}

.fixed .account-summary .highlighter:before
{
	display: none;
}

.fixed .list-sort
{
	position: fixed;
	top: 60px;
	left: 0;
	z-index: 2;
	width: 100%;
	box-shadow: 0 4px 16px 0 rgba(0,0,0,.05);
}

.quick-menu
{
	position: absolute;
	top: 26px;
	right: 20px;
	z-index: 1;
}

.quick-menu .btn-quick-menu
{
	float: right;
	width: 20px;
	height: 20px;
	background: url('../images_kiwi/icon/ico_plus_24x24.svg') no-repeat 50% 50%;
}

.quick-menu .btn-quick-menu-loan
{
	float: right;
	width: 24px;
	height: 24px;
	background: url('../images_kiwi/icon-old/ico_plus_w_24x24.svg') no-repeat 50% 50%;
}

.quick-menu .menu-layer
{
	position: absolute;
	top: 0;
	right: 0;
	background: #fff;
	border-radius: 6px;
	box-shadow: 0 4px 16px 0 rgba(0,0,0,.05);
}

.quick-menu .menu-layer li~li
{
	border-top: 1px solid #eee;
}

.quick-menu .menu-layer a
{
	display: block;
	padding: 12px 24px;
	font-size: 0.875rem;
	white-space: nowrap;
	color: #222;
	text-align: left;
}

.account-summary.total-amount,
.account-summary.deposit-account
{
	background: #FFFFFF;
	color: #222222;
}

.account-summary.total-amount2,
.account-summary.deposit-account2
{
	background: #FFFFFF;
	color: #222222;
}

.account-summary.total-amount
{
	text-align: left;
}

.account-summary.total-amount .ui-card>dt
{
	padding-bottom: 10px;
	padding-left: 0;
}

.account-summary.total-amount .ui-card .amount
{
	text-align: left;
}

.account-summary.total-amount .highlighter:before,
.account-summary.deposit-account .highlighter:before
{
	background: rgba(0, 0, 0, .1);
}

.minus-account
{
	background: #8e745a;
	color: #fff;
}

.minus-account .highlighter:before
{
	background: rgba(0, 0, 0, .1);
}

.minus-account .ui-card .btn-toggle:after,
.minus-account button .acc-num:after
{
	content: '';
	display: inline-block;
	width: 0;
	height: 0;
	margin: 3px 0 0 5px;
	border: 5px solid transparent;
	border-top-color: #fff;
	vertical-align: middle;
}

.minus-account .ui-card .btn-toggle
{
	position: static;
	height: 20px;
	padding: 0 6px;
	margin-bottom: 6px;
	font-size: 0.813rem;
	background: none;
	-webkit-transform: none;
	transform: none;
	border: 1px solid #fff;
	border-radius: 10px;
	color: #fff;
}

/* .transfer-account,
.revocation-account,
.account-termination
{
	background: #f8f8f8;
} */

.revocation-account .acc-num:after
{
	border-top-color: #999;
}

.revocation-account .badge
{
	background-color: #e3f4d2;
	border-color: #e3f4d2;
}

.revocation-account .type,
.account-termination .badge
{
	color: #999;
}

@media screen and (max-width: 320px)
{
	.account-summary .ui-card .toggle-contents
	{
		margin: 0 -16px;
		padding: 0 24px;
	}

	.app-download > a
	{
		padding: 16px;
	}

	.app-download.none-ico
	{
		background-position: 12px 12px;
	}
}

.list-sort + .transaction-details-list
{
	/* border-top: 1px solid #eee; */
}

.pd-h .transaction-details-list
{
	/* margin: 0 -24px; */
}

.transaction-details-list
{
	padding: 0 0 24px;
	font-size: 0.875rem;
	line-height: 1.5;
}

.transaction-details-list li>*
{
	display: block;
	padding: 16px 0;
}

.transaction-details-list .details + .balance
{
	margin-top: 8px;
}

.transaction-details-list .info + .details
{
	margin-top: 6px;
}

.transaction-details-list .info,
.transaction-details-list .details>dl
{
	display: flex;
	justify-content: space-between;
}

.transaction-details-list .details>dl~dl
{
	margin-top: 6px;
}
.transaction-details-list .details dt {
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.5rem;

}
.transaction-details-list .details dd
{
	color: #858585;
}

.transaction-details-list .details dd.amount,
.transaction-details-list .details dd.amount b
{
	/* color: #858585; */
	color: #06f;
	font-size:  1.25rem;
	font-weight: 700;
	line-height: 1.625rem;
}
.transaction-details-list .details dd.amount em {
	color: #f00;
}
.transaction-details-list .details dd.amount.plus,
.transaction-details-list .details dd.amount.plus .num {
	color: #f00;
}
.transaction-details-list .details dd.amount.minus,
.transaction-details-list .details dd.amount.minus .num {
	color: #06f;
}
.transaction-details-list .info,
.transaction-details-list .info small {
	font-size: 0.8125rem;
	font-weight: 500;
	line-height: 1.3125rem;
	color: #666;
}
.transaction-details-list .date
{
	font-family: 'Lato';
}

.transaction-details-list .time
{
	position: relative;
	margin-left: 6px;
	padding-left: 6px;
	font-family: 'Lato';
	color:#858585;
}
.transaction-details-list .time::after {
	display: inline-block;
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 1px;
	height: 11px;
	background-color: #858585;
	transform: translateY(-50%);
}
.transaction-details-list .form-check.cir {
	padding: 0;
}
.transaction-details-list .form-check.cir>input[type="checkbox"] + label {
	flex-direction: column;
	padding: 20px 20px 20px 48px;
	text-align: left;
	justify-content: flex-start;
	align-items: flex-start;
}
.transaction-details-list .form-check.cir>input[type="checkbox"] + label:before {
	display: block;
	position: absolute;
    left: 20px;
	top: 20px;
    margin-right: 8px;
    margin-top: 2px;
	width: 20px;
    height: 20px;
    border-radius: 50%;
    background: url(../images_kiwi/icon/check_off.svg) no-repeat 50% 50%;	
	content: '';
}

.transaction-details-list .form-check>input[type="checkbox"]:checked + label:before {
	background-image: url(../images_kiwi/icon/check_on.svg);
}

.transaction-details-list .form-check.cir .info {
	width: 100%;
	color: #141414;
}

.transaction-details-list .form-check.cir .info small {
	color: #141414;
}

.transaction-details-list .form-check.cir .date {
	color: #858585;
}

.transaction-details-list .form-check.cir .sum {
	align-self: flex-end;
	text-align: right;
}

.transaction-details-list .form-check.cir .amount {
	font-size: 1rem;
}

.transaction-details-list .form-check.cir .amount.plus {
	color: #06f;
}

.transaction-details-list .form-check.cir .amount.minus {
	color: #f00;
}

.transaction-details-list .form-check.cir .amount .num {
	font-size: 1.25rem;
	color: inherit;
	font-weight: 700;
}
.transaction-details-list .form-check .dlist01 {
	width: 100%;
	margin: 16px 0 0;
}
.transaction-details-list .form-check .dlist01 dl {min-height: 22px; align-items: center; line-height: 1.375rem;}
.transaction-details-list .form-check.cir .sum.loan {width: calc(100% + 28px); margin: 20px 0 0 -28px; padding-top: 20px; font-size: 1.25rem; border-top: 1px solid #dcdcdc;}
.transaction-details-list .form-check.cir .sum.loan .unit {margin-left: 4px; font-size: 1rem;}

.bank-statement-list  .banner-link
{
	position: relative;
	padding: 0;
}                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              

.bank-statement-list .banner-link a
{
	overflow: hidden;
	display: block;
	padding: 12px 45px 12px 48px;
	background: #FFF3C5 url('../images_kiwi/icon-old/ic_banner_bubble.svg') no-repeat 14px 50%;
	border-radius: 20px;
	font-size: 0.813rem;
	white-space: nowrap;
	text-overflow: ellipsis;
	
}
.bank-statement-list .banner-link.type2 a {
    padding: 12px 52px 12px 48px;
	background: #FFF3C5 url('../images_kiwi/icon/ico_loan.svg') no-repeat 20px 50%;
	border-radius: 8px;
	white-space: normal;
}

.bank-statement-list  .banner-link .btn-del{
	position: absolute;
	top: 50%;
	right: 20px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 24px;
	height: 24px;
}
.bank-statement-list  .banner-link .btn-del::after
{
	content: '';
    display: block;
    width: 24px;
    height: 24px;
    background: #999;
    -webkit-mask-image: url(../images_kiwi/icon/btn_layer_close.svg);
    mask-image: url(../images_kiwi/icon/btn_layer_close.svg);
    mask-position: 50% 50%;
    mask-size: 16px auto;
    mask-repeat: no-repeat;
	
}

.transaction-details-list .balance,
.transaction-details-list .balance .balance
{
	text-align: right;
	font-weight: 300;
	font-size: 0.875rem;
	color: #858585;
	line-height: 1.375rem;

}
.transaction-details-list .balance .num {
	font-weight: 700;
}

/* .transaction-details-list .balance span:before
{
	content: "잔액 ";
} */

.transaction-details-list .form-check-list.account-select>li
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-top: 24px;
	padding-bottom: 24px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.transaction-details-list ul li {
	position: relative;
}
.transaction-details-list .memo-area {
	position: absolute;
	bottom: 15px;
	left: 0px;
	font-size: 13px;
	color: #222222;
	padding-left: 20px;
	background: url(../images_kiwi/icon-old/ico_edit_btn.svg) no-repeat 0 1px;

}



.pd-h .transaction-details-list
{
	
}

.account-management-list li
{
	
}

.account-management-list li + li
{
	margin-top: 12px;
}

.account-management-list li>dl
{
	position: relative;
}

.account-management-list li>dl>dt
{
	padding-bottom: 20px;
	border-bottom: 1px #dcdcdc solid;
	font-size: 1rem;
	
}

.account-management-list li>dl>dt>a
{
	display: block;
	padding: 0 18px 0 0;
	background: url('../images_kiwi/icon/btn_arr_r.svg') no-repeat right 50%;
	background-size: 20px;
}

.account-management-list .func
{
	padding-top: 10px;
	text-align: right;
}

.account-management-list .func>* + *
{
	margin-left: 5px;
}

.account-management-list .dl-contents
{
	margin-top: 20px;
}

.account-management-list li>dl>dd>[class^="btn-"]
{
	position: absolute;
	top: -6px;
	right: 0;
}

@media screen and (max-width: 320px)
{
	.transaction-details-list
	{
		padding: 0 16px;
	}

	.pd-h .transaction-details-list
	{
		margin: 0 -16px;
	}

	.account-management-list li
	{
		padding: 16px;
	}
}



.bnk-list
{
	margin: 0 -21px;
}

.bnk-list .bnk-header
{
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 55px;
	background-color: #fff;
}

.bnk-list .bnk-header .text {
	font-size: 1rem;
}

.bnk-list .bnk-header .num {
	font-weight: 500;
}

.bnk-list .bnk-header .btn-toggle
{
	width: 20px;
	height: 55px;
	background: url('../images_kiwi/icon/ico_arr_d.svg') no-repeat 50% 50%;
	/* -webkit-transform: rotate(180deg);
	transform: rotate(180deg); */
	-webkit-transition: -webkit-transform .2s;
	transition: -webkit-transform .2s;
	transition: transform .2s;
	transition: transform .2s, -webkit-transform .2s;
	-webkit-tap-highlight-color: transparent;
}

.bnk-list .bnk-header .btn-toggle.open
{
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.bnk-list .toggle-contents {
	padding: 0 21px ;
}

.bnk-list .bnk-card:last-child
{
	margin-bottom: 0;
}

.bnk-list .bnk-card .bnk-blank
{
	text-align: center;
	padding-bottom: 14px;
}

.bnk-list .bnk-card .bnk-blank a
{
	display: block;
	background: #f9f9f9;
	border: 1px solid #eee;
	border-radius: 8px;
}

.bnk-list .bnk-card .bnk-blank img
{
	width: 312px;
}

.bnk-benefit > ul {
	display: flex;
	flex-direction: column;
	/* gap: 16px; */
}

.bnk-benefit li {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.bnk-benefit .form-check>label {
	width: 100%;
	padding: 0;
}

.bnk-benefit .form-check>input[type="checkbox"] + label:before {
	left: unset;
	right: 0;
}
.bnk-benefit ul > li p {
	word-break: keep-all;
}
.bnk-benefit ul > li p > em {
	display: inline-block;
}
.bnk-benefit ul > li button {
	flex: none;
}

.bnk-card
{
	position: relative;
	margin-bottom: 12px;
	padding: 20px;
	border-radius: 12px;
	border: 1px solid #dcdcdc;
	background: #fff;
	box-shadow: 0 0 2px 0 rgba(20, 20, 20, 0.08), 0 2px 8px 0 rgba(20, 20, 20, 0.10);
}

.bnk-card.type2 {
	position: relative;
	padding-bottom: 74px;
}

.bnk-card.type2 .ui-toggle {
	position: static;
}

.bnk-card .bnk-detail .toggle-contents {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #dcdcdc;
}

.bnk-card .bank-info
{
	display: table;
	width: 100%;
	table-layout: fixed;
}

.bnk-card .bank-info .info {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.bnk-card .bank-info .info .btn-sm-func4  {
	position: absolute;
	right: 0;
	top: 36px;
}

.bnk-card .bank-info .info > a
{
	position: relative;
	display: block;
}

.bnk-card .bank-info .info .green-label
{
	vertical-align: baseline;
}

.bnk-card .bank-info .info .brown-label
{
	vertical-align: baseline;
}

.bnk-card .bank-info .info .bankbook-num
{	
	display: flex;
	align-items: baseline;
	gap: 6px;
	margin-bottom: 12px;
	font-size: 0.75rem;
}

.bnk-card .bank-info .info .bankbook-num span + small
{
	display: inline-block;
	margin-left: 4px;
	padding-left: 7px;
	position: relative;
	color: #bbb;
}

.bnk-card .bank-info .info .bankbook-num span + small:before
{
	content: "";
	height: 10px;
	border-left: #eee 1px solid;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -5px;
}

.bnk-card .bank-info .info .bankbook-num .num {
	text-decoration: underline;
}

.bnk-card .bank-info .info .bankbook-name
{	
	display: flex;
	flex-direction: column-reverse;
	gap: 4px;
	font-size: 1rem;
}

.bnk-card .bank-info .info .bankbook-name > em {
	font-size: 0.875rem;
	color: #60584c;
}

.bnk-card .bank-info .info .bankbook-name > span {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 1.25rem;
	font-weight: 500;
	line-height: 1.75rem;
}
.bnk-card .bank-info .info .bankbook-name > span.text-14{
	font-weight: 300;
}
.bnk-card .bank-info .more
{
	display: flex;
	position: absolute;
	right: 16px;
	top: 16px;
}

.bnk-card .bank-info .more .btn-quick-menu
{
	width: 32px;
	height: 32px;
	margin: auto;
	background: url('../images_kiwi/icon/ico_plus_16.svg') no-repeat 50% 50%;
	background-size: 16px 16px;
}

.bnk-card .bank-info .txt-date {
	display: flex;
	align-items: center;
	margin-top: 8px;
}

.bnk-card .bank-info .txt-times {
	margin-top: 4px;
}

.bnk-card .txt-sum {
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	margin-top: 16px;
	font-size: 1rem;
}
.bnk-card .txt-sum strong i.num {
	font-weight: 700;
}
.bnk-card .txt-sum.between{
	justify-content: space-between;
	margin-top: 20px;
}
.bnk-card .bank-info .divider {
	display: inline-block;
	width: 1px;
	height: 8px;
	margin: 0 8px;
	background: #999;
	border-radius: 2px;
}

.bnk-card .bankbook-name i[class^="ico-"]
{
	width: 28px;
	height: 28px;
	padding: 3px 2px;
	/* margin: -5px 5px -2px 0; */
	background-size: contain;
}

.bnk-card .ico-honey
{
	background: url('../images_kiwi/icon/ico_honey.svg') no-repeat center;
}

.bnk-card .ico-kiwi
{
	background: url('../images_kiwi/icon/ico_kiwi.svg') no-repeat center;
}

.bnk-card .contents-btns {
	display: flex;
	gap: 8px;
	margin-top: 20px;
	padding: 0;
}
.bnk-card .contents-btns [class^=btn-]
{
	width: 100%;
}

.bnk-card .contents-btns::after {
	display: none;
}

.bnk-list .bnk-card .gauge-area
{
	position: relative;
	margin-top: 20px;
}

.bnk-list .bnk-card .gauge-area .bar
{
	width: 100%;
	height: 8px;
	border-radius: 16px;
	background-color: #eee;
	position: relative;
}

.bnk-list .bnk-card .gauge-area .bar span
{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	background: -webkit-gradient(linear, right top, left top, from(#4bc207), to(#94e73a));
	background: linear-gradient(to left, #4bc207, #94e73a);
	border-radius: 16px;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-delay: .2s;
	animation-delay: .2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.bnk-list .bnk-card .gauge-area .state1
{
	-webkit-animation-name: state1;
	animation-name: state1;
}

.bnk-list .bnk-card .gauge-area .state2
{
	-webkit-animation-name: state2;
	animation-name: state2;
}

.bnk-list .bnk-card .gauge-area .state3
{
	-webkit-animation-name: state3;
	animation-name: state3;
}

.bnk-list .bnk-card .gauge-area .state4
{
	-webkit-animation-name: state4;
	animation-name: state4;
}

.bnk-list .bnk-card .gauge-area .state5
{
	-webkit-animation-name: state5;
	animation-name: state5;
}

.bnk-list .bnk-card .gauge-area .state6
{
	-webkit-animation-name: state6;
	animation-name: state6;
}

.bnk-list .bnk-card .gauge-area .state7
{
	-webkit-animation-name: state7;
	animation-name: state7;
}

.bnk-list .bnk-card .gauge-area .state8
{
	-webkit-animation-name: state8;
	animation-name: state8;
}

.bnk-list .bnk-card .gauge-area .state9
{
	-webkit-animation-name: state9;
	animation-name: state9;
}

.bnk-list .bnk-card .gauge-area .state10
{
	-webkit-animation-name: state10;
	animation-name: state10;
}

.bnk-card.type2 .bank-info .bankbook-name + .account-num {
	margin-top: 2px;
}
.bnk-card.type2 .bank-info .account-num {
	font-size:  0.75rem;
	font-weight: 500;
	line-height: 1.25rem;
	font-weight: 400;
} 
.account-info-list .amount {
	display: flex;
	margin-top: 16px;
	align-items: baseline;
}
.account-info-list .amount .status {
	font-size:  0.75rem;
	font-weight: 500;
	line-height: 1.25rem;

}
.account-info-list .amount .amount-num {
	margin-left: auto;
	font-size:  1.25rem;
	font-weight: 700;
	line-height: 1.625rem;
}
.account-info-page .account-info-list .amount .amount-num {
	font-size: 1rem;
}
.account-info-page .account-info-list .amount .amount-num b.num {
	font-size: 1.25rem;
}

.account-info-list .toggle-contents.type2 {
	margin-top: 20px;
	padding: 20px 0 0 0;
	border-top: 1px solid #f0f0f0;
}
.account-info-list .bnk-card:last-child {
	margin-bottom: 12px;
}

.account-sortable.bnk-list .bnk-header {
	margin: 0 -21px;
	padding: 0 21px;
}

.account-sortable.bnk-list .bnk-card .bank-info .info .bankbook-num {
	margin-bottom: 6px;
}
.account-sortable.bnk-list .bnk-card .bank-info .info .bankbook-name {
	font-size: 1rem;
}

.account-sortable.bnk-list .bnk-card .txt-sum {
	justify-content: flex-start;
	margin-top: 8px;
}

.account-sortable.bnk-list .handler, .account-sortable.bnk-list .account-select .sub-handler {
	position: absolute;
	top: 0px;
	right: 0px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 55px;
}

.account-sortable.bnk-list .bnk-header .handler {
	right: 6px;
}

.account-sortable.bnk-list .handler, .account-sortable.bnk-list .account-select .sub-handler {
    margin: auto;
    background: url(../images_kiwi/icon/ico_move.svg) no-repeat 50% 50%;
    background-size: 20px 20px;
}

.account-sortable .account-select li {margin-bottom: 12px}

.account-sortable .ui-sortable-helper .bnk-header, .account-select .ui-sortable-helper .bnk-card {
	margin: 0 0 12px;
	padding: 0;
	padding: 20px;
	border-radius: 12px;
	border: 2px solid #ffbc00;
}

.account-sortable.bnk-list .ui-sortable-placeholder {
	visibility: visible !important;
	height: 2px;
	background:  #141414;
	margin: 5px;
}

.ui-sortable-placeholder.nested-placeholder {
	height: 5px;
}

@keyframes state1
{
	0%
	{
		width: 0;
	}

	100%
	{
		width: 10%;
	}
}

@keyframes state2
{
	0%
	{
		width: 0;
	}

	100%
	{
		width: 20%;
	}
}

@keyframes state3
{
	0%
	{
		width: 0;
	}

	100%
	{
		width: 30%;
	}
}

@-webkit-keyframes state4
{
	0%
	{
		width: 0;
	}

	100%
	{
		width: 40%;
	}
}

@keyframes state4
{
	0%
	{
		width: 0;
	}

	100%
	{
		width: 40%;
	}
}

@-webkit-keyframes state5
{
	0%
	{
		width: 0;
	}

	100%
	{
		width: 50%;
	}
}

@keyframes state5
{
	0%
	{
		width: 0;
	}

	100%
	{
		width: 50%;
	}
}

@-webkit-keyframes state6
{
	0%
	{
		width: 0;
	}

	100%
	{
		width: 60%;
	}
}

@keyframes state6
{
	0%
	{
		width: 0;
	}

	100%
	{
		width: 60%;
	}
}

@-webkit-keyframes state7
{
	0%
	{
		width: 0;
	}

	100%
	{
		width: 70%;
	}
}

@keyframes state7
{
	0%
	{
		width: 0;
	}

	100%
	{
		width: 70%;
	}
}

@-webkit-keyframes state8
{
	0%
	{
		width: 0;
	}

	100%
	{
		width: 80%;
	}
}

@keyframes state8
{
	0%
	{
		width: 0;
	}

	100%
	{
		width: 80%;
	}
}

@-webkit-keyframes state9
{
	0%
	{
		width: 0;
	}

	100%
	{
		width: 90%;
	}
}

@keyframes state9
{
	0%
	{
		width: 0;
	}

	100%
	{
		width: 90%;
	}
}

@-webkit-keyframes state10
{
	0%
	{
		width: 0;
	}

	100%
	{
		width: 100%;
	}
}

@keyframes state10
{
	0%
	{
		width: 0;
	}

	100%
	{
		width: 100%;
	}
}

.bnk-list .bnk-card .gauge-area small
{
	display: block;
	position: static;
	text-align: center;
	margin: 10px 0;
}

.bnk-list .bnk-card .gauge-area small i
{
	color: #666;
}

.option-list.bnk-link-list a::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
	background: #999;
    mask-image: url(../images_kiwi/icon/btn_arr_r.svg) ;
    mask-size: 20px;
	mask-repeat: no-repeat;
	mask-position: right center;
}
.option-list.bnk-link-list a
{
	display: block;
	/* padding: 19px 24px; */
}

.option-list.bnk-link-list a:hover,
.option-list.bnk-link-list a:focus,
.option-list.bnk-link-list a:active
{
	background-color: #eee;
}
.kakao-logo .logo
{
	width: 24px;
	height: 24px;
}
.voice-bg
{
	min-height: 355px;
	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%);
	display: table;
	width: 100%;
	table-layout: fixed;
}

.voice-bg .voice-info
{
	display: table-cell;
	vertical-align: top;
	background: url('../images_kiwi/bg/img_voice_bg.png') no-repeat center bottom;
	background-size: 312px;
}


/* editerble-box */
.editerble-box
{
	padding: 24px !important;
	border: 1px solid #eee;
	border-radius: 8px;
	background: #f8f8f8;
	font-weight: bold;
	line-height: 24px;
}

.editerble-box .fill
{
	display: inline-block;
	position: relative;
	color: #222;
	width: 62px;
	vertical-align: top;
}

.editerble-box .fill:before
{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	color: #adadad;
	text-decoration: underline;
	z-index: 1;
	white-space: nowrap;
}

.editerble-box .fill > b
{
	overflow: hidden;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0; 
	width: 62px;
	text-decoration: underline;
	white-space: nowrap;
	z-index: 2;
}

.editerble-box .fill:nth-child(4),
.editerble-box .fill:nth-child(4) > b
{
	width: 32px;
}

.editerble-box .fill:nth-child(1):before
{
	content: '이중출금';
}

.editerble-box .fill:nth-child(2):before
{
	content: '요금미납';
}

.editerble-box .fill:nth-child(3):before
{
	content: '연체발생';
}

.editerble-box .fill:nth-child(4):before
{
	content: '신청';
}

.editerble-box .fill.successe > b
{
	color: #58a700;
}

.editerble-box .fill.error > b
{
	color: #ff9100;
}


/* account-management-list */
.account-management-list dt.more
{
	position: relative;
}

.account-management-list dt .form-check>label
{
	color: #222;
}

.account-management-list dt .btn-more
{
	position: absolute;
	top: 5px;
	right: 0;
	font-size: 0.875rem;
	font-weight: normal;
	letter-spacing: -0.05em;
	text-decoration: underline;
}

.account-management-list dt .btn-more:after
{
	content: '';
	display: inline-block;
	position: relative;
	top: -1px;
	width: 8px;
	height: 14px;
	margin-left: 5px;
	background: url('../images_kiwi/icon-old/ico_arr_r.svg') no-repeat;
	vertical-align: middle;
}

.account-management-list dd .dl-contents dd
{
	font-size: 0.875rem;
}


/* media query */
@media screen and (min-width: 414px)
{
}

@media screen and (max-width: 375px)
{
}

@media screen and (max-width: 360px)
{
}

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

.main-account-setting
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 62px;
	padding-top: 16px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	border-top: 1px solid #eee;
}

.main-account-setting>dt
{
	line-height: 30px;
}

.account-sortable
{
	border-bottom: 1px solid #eee;
}

.account-sortable .acc-title
{
	position: relative;
	background: #f9f9f9;
	border-top: 1px solid #eee;
}

.account-sortable .acc-title>button
{
	height: 55px;
	padding-right: 0;
	padding-left: 28px;
}

.account-sortable .acc-title>button:after
{
	right: auto;
	left: 0;
	width: 24px;
	height: 24px;
	background-image: url('../images_kiwi/icon/ico_arr_d.svg');
}

.account-sortable .form-check-list
{
	padding: 0;
}

.account-sortable .form-check-list.account-select>li
{
	padding: 24px 48px 24px 24px;
	background: #fff;
}

.account-sortable .form-check>input[type="checkbox"] + label:before
{
	top: 0;
	-webkit-transform: none;
	transform: none;
}

.account-sortable .form-check label small
{
	line-height: 0.875rem;
}

.account-sortable .handler,
.account-sortable .sub-handler
{
	position: absolute;
	top: 0;
	right: 24px;
	width: 24px;
	height: 100%;
	background: url('../images_kiwi/icon-old/ico_drag.svg') no-repeat 50% 50%;
}

.account-sortable .amount
{
	display: block;
	margin-top: 10px;
	font-size: 1.125rem;
}

.account-sortable .amount .num
{
	font-size: 1.375rem;
}

.bottom-sheet .layer-contents.main-account-layer
{
	padding-bottom: 36px;
	overflow: hidden;
}

.main-account-layer .swiper-container
{
	padding-bottom: 0;
}

.main-account-layer .swiper-container-horizontal>.swiper-pagination-bullets,
.main-account-layer .swiper-pagination-custom, .swiper-pagination-fraction
{
	bottom: 0;
	top: auto;
}
.main-account-layer .swiper-button-prev,
.main-account-layer .swiper-button-next { 
	display: none;
}
.main-account-layer .mb24 {
	margin-bottom: 20px !important;
}
.main-account-layer .swiper-slide img
{
	width: 318px;
	margin-bottom: 22px;
}

.main-account-layer .swiper-slide .text
{
	margin-left: 50%;
	white-space: nowrap;
	/* -webkit-transition: 1.5s;
	transition: 1.5s; */
}

.main-account-layer .swiper-slide .title-d1
{
	margin-left: 80%;
	white-space: nowrap;
	/* -webkit-transition: 1s;
	transition: 1s; */
}

.main-account-layer .swiper-slide-prev .text,
.main-account-layer .swiper-slide-prev .title-d1
{
	margin-left: -50%;
}

.main-account-layer .swiper-slide-active .text,
.main-account-layer .swiper-slide-active .title-d1
{
	margin-left: 0;
}

@media screen and (max-width: 320px)
{
	.account-sortable .form-check-list.account-select>li
	{
		padding-right: 24px;
		padding-left: 16px;
	}

	.account-sortable .handler, .account-sortable .sub-handler
	{
		right: 16px;
	}
}



.openbanking
{
}
.openbanking .head-copy em {
	font-weight: 700;
}

.openbanking .ui-account-list
{
	overflow-y: auto;
	height: -webkit-calc(100vh - 160px);
	height: calc(100vh - 160px);
	padding-bottom: 0;
}

.openbanking .btn-direct-input
{
	bottom: -60px;
}

.bnk-list.no-acc
{
	display: table;
	width: 100%;
	/* height: -webkit-calc(100vh - 100px);
	height: calc(100vh - 100px); */
	margin: 0;
	padding-top: 28px;
	text-align: center;
}

.bnk-list.no-acc>*
{
	display: table-cell;
	vertical-align: middle;
}

.bnk-list.no-acc [class^="btn-"]
{
	width: 50%;
}

.bnk-list.no-acc img
{
	width: 160px;
}

.openbanking .bnk-list .bnk-card .bank-info .info > a
{
	display: block;
	/* padding-left: 56px; */
}

.openbanking .bnk-list .bankbook-name {	
	position: relative;
	padding-left: 40px;
}

.openbanking .bnk-list .logo
{
	position: absolute;
	top: 0;
	left: 0;
	width: 28px;
	height: 28px;
	/* padding: 9px;
	border: 1px solid #eee;
	border-radius: 50%; */
	/* -webkit-transform: translateY(-50%);
	transform: translateY(-50%); */
}
/* 오픈뱅킹 안내 */
.openbanking-swiper .swiper-slide {width: 100%; min-height: 100vh;}
.openbanking-swiper .openbanking-info {min-height: 100vh;}
.openbanking-swiper .swiper-pagination {bottom: 92px !important;}
.openbanking-swiper .openbanking-info.s01 {background: url('../images_kiwi/ncontents/bg_openbanking_01.png') no-repeat center bottom; background-size: cover;}
.openbanking-swiper .openbanking-info.s01 .image-box {margin-top: 20px;}
.openbanking-swiper .openbanking-info.s01 .img-obj {width: 308px;}
.openbanking-swiper .openbanking-info.s02 {background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(255,246,192,0.6) 100%), url('../images_kiwi/ncontents/bg_openbanking_02.png'); background-repeat: no-repeat; background-position: center; background-size: cover;}
.openbanking-swiper .openbanking-info.s02 .image-box {margin-top: 65px;}
.openbanking-swiper .openbanking-info.s02 .img-obj {width: 299px;}
.openbanking-swiper .openbanking-info.s03 {background: #fff6ce;}
.openbanking-swiper .openbanking-info.s03 .img-obj {width: 358px; margin: 12px 0 0 30px;}
.openbanking-swiper .openbanking-info.s04 {background: url('../images_kiwi/ncontents/bg_openbanking_04.png') no-repeat center center; background-size: cover;}
.openbanking-swiper .openbanking-info.s04 .image-box {margin-top: 14px;}
.openbanking-swiper .openbanking-info.s04 .img-obj {width: 358px;}
.openbanking-info .image-box {text-align: center;}
.openbanking-info .image-box img {margin: 0 auto;}
.openbanking-info .text-box {padding:36px 21px 0; text-align: center;}
.openbanking-info .head-copy {padding: 0; font-size: 1.375rem;}
.openbanking-info .text {font-size: 1rem; line-height: 1.5rem;}
.openbanking-info .sub-title {font-size: 1rem; font-weight: 300; margin-top: 12px;}
.openbanking-info .page-btns {position: absolute; left: 0; right: 0; bottom: 0; padding: 0;}

.account-summary .logo
{
	display: inline-block;
	width: 40px;
	height: 40px;
	margin: 0 auto 10px;
	padding: 6px;
	background: #fff;
	border-radius: 50%;
}
.account-summary .bank-info {
	margin: 0 auto 14px;
	font-size: 0.875rem;
}

.fixed .account-summary .logo
{
	display: none;
}

.swiper-wrapper .openbank-swiper
{
	position: relative;
	padding: 0 24px;
}

.swiper-wrapper .openbank-swiper .head-copy
{
	padding-top: 40px;
}

.swiper-wrapper .openbank-swiper:nth-child(1)
{
	background: url('../images_kiwi/contents/bg_arrow_open.png') no-repeat right bottom;
}

.swiper-wrapper .openbank-swiper:nth-child(2)
{
	background: #6ebc15 url('../images_kiwi/contents/img_open02_bgpatten.svg') no-repeat center 6px;
	background-size: contain;
	color: #fff;
}

.swiper-wrapper .openbank-swiper:nth-child(3)
{
	background: url('../images_kiwi/contents/img_open03_won.svg') no-repeat center bottom;
}

.swiper-wrapper .openbank-swiper:nth-child(4)
{
	background-color: #f0f9e7;
}

.swiper-wrapper .openbank-swiper .openbank-warp .visual
{
	left: 50%;
	right: 0;
	width: 100%;
	max-width: 360px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.swiper-wrapper .openbank-swiper:nth-child(1) .openbank-warp .visual
{
	top: 7%;
}

.swiper-wrapper .openbank-swiper:nth-child(2) .openbank-warp .visual
{
	top: 0;
}

.openbank-warp
{
	position: absolute;
	top: 194px;
	bottom: 0;
	left: 50%;
	right: 0;
	width: 100%;
	max-width: 360px;
	text-align: center;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.openbank-warp span
{
	position: absolute;
}

.openbank-warp span img
{
	width: 100%;
}

.swiper-slide-active .openbank-unit > li
{
	position: absolute;
	height: auto;
	-webkit-animation: animation-cir 1s forwards;
	animation: animation-cir 1s forwards;
	-webkit-transition: -webkit-transform 2s ease-in;
	transition: -webkit-transform 2s ease-in;
	transition: transform 2s ease-in;
	transition: transform 2s ease-in, -webkit-transform 2s ease-in;
	opacity: 0;
}

.swiper-slide-active .openbank-unit > li:nth-child(1)
{
	width: 86px;
	top: -12px;
	right: 48px;
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}

.swiper-slide-active .openbank-unit > li:nth-child(2)
{
	width: 76px;
	top: 16px;
	left: 30px;
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}

.swiper-slide-active .openbank-unit > li:nth-child(3)
{
	width: 70px;
	top: 168px;
	right: 10px;
	-webkit-animation-delay: 1.5s;
	animation-delay: 1.5s;
}

.swiper-slide-active .openbank-unit > li:nth-child(4)
{
	width: 62px;
	top: 180px;
	left: 22px;
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
}

.swiper-slide-active .openbank-warp .rotate
{
	top: 0;
	left: 10%;
	right: 10%;
	-webkit-animation: animation-rotation 30s infinite linear;
	animation: animation-rotation 30s infinite linear;
}

@-webkit-keyframes animation-cir
{
	0%
	{
		visibility: hidden;
		opacity: 0;
		-webkit-transform: scale(0);
		transform: scale(0);
	}

	60%
	{
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}

	100%
	{
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
}

.openbank-pw-unit
{
	display: table;
	position: absolute;
	top: 84px;
	left: 50%;
	width: 54%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.openbank-pw-unit > li
{
	display: table-cell;
	width: 16%;
	padding: 0 2px;
	text-align: center;
}

.openbank-pw-unit > li
{
	background: url('../images_kiwi/contents/img_open02_pinoff.svg') no-repeat center center;
	background-size: contain;
}

.swiper-slide-active .openbank-pw-unit > li img
{
	-webkit-animation: animation-password 1s cubic-bezier(0.280, 0.840, 0.420, 1) forwards;
	animation: animation-password 1s cubic-bezier(0.280, 0.840, 0.420, 1) forwards;
	opacity: 0;
}

.swiper-slide-active .openbank-pw-unit > li:nth-child(1) img
{
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}

.swiper-slide-active .openbank-pw-unit > li:nth-child(2) img
{
	-webkit-animation-delay: 1.5s;
	animation-delay: 1.5s;
}

.swiper-slide-active .openbank-pw-unit > li:nth-child(3) img
{
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
}

.swiper-slide-active .openbank-pw-unit > li:nth-child(4) img
{
	-webkit-animation-delay: 2.5s;
	animation-delay: 2.5s;
}

.swiper-slide-active .openbank-pw-unit > li:nth-child(5) img
{
	-webkit-animation-delay: 3s;
	animation-delay: 3s;
}

.swiper-slide-active .openbank-pw-unit > li:nth-child(6) img
{
	-webkit-animation-delay: 3.5s;
	animation-delay: 3.5s;
}

@-webkit-keyframes animation-password
{
	0%
	{
		visibility: hidden;
		opacity: 0;
	}

	60%
	{
		top: 10px;
		opacity: 1;
	}

	100%
	{
		opacity: 1;
	}
}

.swiper-slide-active .openbank-warp .loading
{
	top: 0;
	right: 30px;
	-webkit-animation: animation-rotation 4s infinite linear;
	animation: animation-rotation 4s infinite linear;
}

@-webkit-keyframes animation-rotation
{
	from
	{
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	to
	{
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}

.swiper-wrapper .openbank-swiper:nth-child(3).swiper-slide-active .openbank-warp span
{
	opacity: 0;
}

.swiper-wrapper .openbank-swiper:nth-child(3).swiper-slide-active .openbank-warp .visual
{
	-webkit-animation: animation-bounce cubic-bezier(0.280, 0.840, 0.420, 1) .5s forwards;
	animation: animation-bounce cubic-bezier(0.280, 0.840, 0.420, 1) .5s forwards;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
}

.swiper-slide-active .openbank-warp .coin1
{
	width: 80px;
	top: 202px;
	right: 36px;
	-webkit-animation: animation-bounce cubic-bezier(0.280, 0.840, 0.420, 1) .5s forwards;
	animation: animation-bounce cubic-bezier(0.280, 0.840, 0.420, 1) .5s forwards;
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}

.swiper-slide-active .openbank-warp .coin2
{
	width: 44px;
	top: 86px;
	left: 55px;
	-webkit-animation: animation-bounce cubic-bezier(0.280, 0.840, 0.420, 1) .5s forwards;
	animation: animation-bounce cubic-bezier(0.280, 0.840, 0.420, 1) .5s forwards;
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
}

@-webkit-keyframes animation-bounce
{
	0%
	{
		visibility: hidden;
		z-index: -1;
		opacity: 0;
	}

	60%
	{
		margin-top: 10px;
	}

	100%
	{
		visibility: visible;
		z-index: auto;
		opacity: 1;
	}
}

@keyframes animation-bounce
{
	0%
	{
		visibility: hidden;
		z-index: -1;
		opacity: 0;
	}

	60%
	{
		margin-top: 10px;
	}

	100%
	{
		visibility: visible;
		z-index: auto;
		opacity: 1;
	}
}

.swiper-slide-active .openbank-warp .cloud1
{
	width: 88px;
	top: 120px;
	left: 20px;
	-webkit-animation: animation-cloud 3s infinite linear;
	animation: animation-cloud 3s infinite linear;
}

.swiper-slide-active .openbank-warp .cloud2
{
	width: 133px;
	top: 20px;
	left: 200px;
	-webkit-animation: animation-cloud 4s infinite linear;
	animation: animation-cloud 4s infinite linear;
}

@-webkit-keyframes animation-cloud
{
	0%
	{
		left: -100px;
	}

	100%
	{
		left: 100%;
	}
}

@keyframes animation-cloud
{
	0%
	{
		left: -100px;
	}

	100%
	{
		left: 100%;
	}
}

.swiper-container.limit-info-slide .swiper-pagination-bullet-active
{
	background-color: #ffcc00;
}

.openbanking .information-list li
{
	padding: 0;
}

.openbanking .information-list li>a
{
	display: block;
	padding: 19px 24px;
}

.openbanking .information-list li dt
{
	margin: 4px 0;
	font-weight: normal;
	font-size: 1rem;
	color: #222;
}

.openbanking .bnk-list.check-list .bnk-header
{
	background-color: #fff;
	border-bottom: 0;
}

.openbanking .bnk-list.check-list .bnk-header .text span {
	font-weight: 500;
}

.openbanking .bnk-list.check-list .bnk-header .btn-toggle
{
	width: 22px;
}

.openbanking .bnk-list .ui-account-list
{
	height: auto;
}

.openbanking .bnk-list .ui-account-list.multiple li label
{
	/* padding: 24px 24px 20px 84px; */
	/* border: 1px solid #dcdcdc; */
	/* border-radius: 8px; */
}
.openbanking .bnk-list .ui-account-list.multiple .info .bankbook-name span{
	font-size: 1rem;
	line-height: 1.5;
}
/* .openbanking .bnk-list .ui-account-list.multiple li label .bnk-card{
	border: none;
	box-shadow: none;
} */

.openbanking .ui-account-list.multiple li>div>input:checked + label {
	background: transparent;
}
.openbanking .bnk-list .ui-account-list li>div>input:checked + label .bnk-card
/* .openbanking .bnk-list .ui-account-list.multiple li>div>input:checked + label */
{
	background-color: #fff;
	box-shadow: inset 0 0 0 2px #ffbc00;
    border-color: transparent;
}

/* .openbanking .bnk-list .ui-account-list.multiple li>div>input:checked + label:before
{
	top: 22px;
} */

.openbanking .bnk-list .ui-account-list.multiple li.disable label .bnk-card,
.openbanking .bnk-list .ui-account-list.multiple li.disable label
{
	/* padding: 23px 23px 19px 83px; */
	/* background: #f0f0f0; */
}

.openbanking .bnk-list .ui-account-list.multiple li.disable label .bnk-card
{
	/* padding: 23px 23px 19px 83px; */
	background: #f0f0f0;
}

.openbanking .bnk-list .ui-account-list.multiple li.disable>div>input:checked + label
{
	background-color: #f0f0f0;
	border: 1px solid #dcdcdc;
}

.openbanking .bnk-list .ui-account-list.multiple li.disable>div>input:checked + label:before
{
	content: none;
}

.openbanking .bnk-list .ui-account-list li.disable .bankbook-num .status
{
	color: #666666;
}

.openbanking .bnk-list .ui-account-list li + li
{
	margin-top: 12px;
}

.openbanking .bnk-list .ui-account-list li .logo
{
	/* top: 22px;
	left: 24px;
	-webkit-transform: none;
	transform: none; */
}

.openbanking .bnk-list .ui-account-list li .text-13
{
	white-space: nowrap;
}

.openbanking .bnk-list .ui-account-list li .acc-name
{
	display: inline-block;
	width: -webkit-calc(100% - 60px);
	width: calc(100% - 60px);
	margin-left: 2px;
	text-overflow: ellipsis;
	overflow: hidden;
	vertical-align: top;
}

/* .openbanking .bnk-list .ui-account-list li .bankbook-num
{
	margin: 4px 0 2px 0;
	font-size: 0.875rem;
} */

.openbanking .bnk-list .ui-account-list li .bankbook-num .status
{
	margin-left: 4px;
	padding-left: 6px;
	border-left: 1px solid #eee;
	font-size: 0.813rem;
}

.openbanking .bnk-list .tooltip-layer
{
	padding: 10px 40px 10px 16px;
	z-index: 10;
}

.openbanking .bnk-list .ui-tooltip.active .tooltip-layer
{
	margin-top: 4px;
}

.openbanking .bnk-list .tooltip-layer .list-bullet-dash li
{
	padding: 0 0 0 8px;
	min-height: auto;
	font-size: 0.813rem;
}

.openbanking .bnk-list .tooltip-layer .list-bullet-dash li + li
{
	margin-top: 0;
}

@media screen and (max-width: 320px)
{
	.swiper-slide-active .openbank-unit > li:nth-child(1)
	{
		top: -20px;
		right: 48px;
	}

	.swiper-slide-active .openbank-unit > li:nth-child(2)
	{
		top: 10px;
		left: 22px;
	}

	.swiper-slide-active .openbank-unit > li:nth-child(3)
	{
		top: 146px;
		right: 8px;
	}

	.swiper-slide-active .openbank-unit > li:nth-child(4)
	{
		top: 154px;
		left: 10px;
	}

	.openbank-pw-unit
	{
		top: 75px;
	}

	.swiper-slide-active .openbank-warp .coin1
	{
		top: 176px;
		right: 28px;
	}

	.swiper-slide-active .openbank-warp .coin2
	{
		top: 74px;
		left: 46px;
	}

}

.transfer-keypad .voice-fishing .form-check1
{
	padding-top: 0px;
	margin-top: 0px;
	border-top: 0px solid #f3e7d2;
}

.transfer-keypad .voice-fishing1
{
	overflow: hidden;
	position: relative;
	padding: 24px;
	margin-top: 18px;
	background: #fbf7ef url('../images_kiwi/contents/bg_voice_fishing.png') no-repeat 100% 10%;
	background-size: 91px;
	border-radius: 8px;
	-webkit-transition: .2s;
	transition: .2s;
}

span.before{font-size:1.125rem; position:absolute; top: 50%; left:0; transform: translateY(-50%);}
span.before + input.form-control{padding-left:40px; font-family: 'KBText', system,-apple-system,'Roboto', 'Noto Sans CJK KR', 'Lucida Grande',sans-serif; font-size: 1.125rem;}

.account-summary .ui-card .ui-toggle.toggle_Ttype {position:relative;}
.account-summary .ui-card .ui-toggle.toggle_Ttype .btn-md-func2 {width:125px;}
.account-summary .ui-card .ui-toggle.toggle_Ttype .btn-md-func2 + .btn-toggle {position:absolute; right:0; top:13px; margin-bottom:0;}
.account-summary .ui-card .ui-toggle.toggle_Ttype > .btn_tog_transfer {position: static; width:80px; height: 20px; padding: 0 6px; margin-bottom: 6px; font-size: 0.813rem; background: none; border: 1px solid #fff; border-radius: 10px; margin-right:5px;color:#666666;}


.backg_green{background:#99ca3c;}

.align-center > .life_bg {display: block; height: 450px; background: url("./../images_kiwi/bg/img_e_banner01.png") no-repeat center; background-size: cover;}
.align-center > .epop_bg {display: block; height: 230px; background: url("./../images_kiwi/bg/e_kiwi_bg01.png") no-repeat center; background-size: cover;}
.align-center > .eNum_li span.btn-sm-func4 {font-size:13px; width:100px; box-sizing:border-box;}
.align-center > .eNum_li .s_bar {position:relative; z-index:1;}
.align-center > .eNum_li .s_bar::before {background:url('./../images_kiwi/bg/bg_slash_bar.png')no-repeat; content:''; width:27%; height:22px; display:block; position:absolute; left:20px; background-size:cover; top: 30px; z-index:-1;}
.align-center > .eNum_li .s_bar::after {background:url('./../images_kiwi/bg/bg_slash_bar.png')no-repeat; content:'';  width:27%; height:22px; display:block; position:absolute; right:20px; background-size:cover; top: 30px;z-index:-1;}
.align-center > .eNum_li .s_bar .q_cor {position:relative;}
.align-center > .eNum_li .s_bar .q_cor::after {background:url("./../images_kiwi/char/kiwi_correct.png") no-repeat center center; background-size:contain; position:absolute; content:''; display:block; width:29px; height:34px; bottom:50%; margin-bottom:-17px; left:50%; margin-left:50px;}
.align-center > .eNum_li > li > .panel {line-height:1.5em; font-size:16px; padding-top:25px; background:#fff; border:none;}

.form-check-list .form-check.e_check > input[type="radio"] + label.radio_bl {padding-left:0; padding-right:33px;}
.form-check-list .form-check.e_check > input[type="radio"] + label.radio_bl:before {position: absolute; top: 0; right: 0; left:auto; border: 1px solid #222; border-radius: 50%;}
.form-check-list .form-check.e_check > input[type="radio"]:checked + label.radio_bl:after{right: 5px;}
.form-check-list .form-check.e_check > input[type="radio"] + label.radio_bl:after {left:auto; right: 5px;}

.request-state .bank-info {}
.request-state .bank-info .bank-logo {width:28px;display:inline-block;margin-right:10px;margin-bottom:10px;}

.event-pop {
	position: fixed;
	overflow: hidden;
	z-index: 100;
	background: #fff;
	border-radius: 12px;
	width: 90%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.event-backdrop {
	position: fixed;
    top: -1000px;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 100;
    opacity: 1;
    background: rgba(0, 0, 0, 0.4);
    -webkit-transition: opacity .3s;
    transition: opacity .3s;

}
.event-pop .event-bts {
	position: relative;
	overflow: hidden;
}
.event-pop .event-bts:before {
	content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1px;
    height: 100%;
    background: #eee;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.event-pop .event-bts button {
	font-size: 0.875rem;
	font-weight:bold;
    color: #666;
	height: 2.75rem;
	padding: 0 8px;
	text-align:center;
	float: left;
	width: -webkit-calc((100% - 8px) / 2);
    width: calc((100% - 8px) / 2);

}
.event-pop .event-bts button:last-child {
	float:right;
}

.as-center {align-self: center;}
.toggle-group .label .before,.toggle-group .label .after{
    font-size: 0.875rem;
    font-weight:bold;
    position: unset;
}

.bank-info01 {
	margin-bottom: 10px;
    font-weight:bold;
}
.bank-info01 .bank-logo {
	display: inline-block;
    margin-right: 8px;
    width: 28px;
    vertical-align: middle;
}

.box-event
{
	display: table;
	width: 100%;
	height: 100%;
	padding: 24px;
	text-align: center;
}

.box-event>*
{
	display: table-cell;
	vertical-align: middle;
}

.box-event .ico
{
	display: inline-block;
	width: 222px;
	height: 270px;
	margin-bottom: 16px;
	background: url('../images_kiwi/contents/img_giftbox_off.png') no-repeat 50% 50%;
	background-size: contain;
}
.box-event.open .ico
{
	display: inline-block;
	max-width: 290px;
	width: 100%;
	height: 272px;
	margin-bottom: 16px;
	background: url('../images_kiwi/contents/img_giftbox_on.png') no-repeat 50% 50%;
	background-size: contain;
}

.box-event p
{
	font-size: 1.5rem;
	line-height: 2rem;
	letter-spacing: -1px;
	font-weight: bold;
}

.no-data p>b
{
	font-weight: normal;
}

#acc_call {background-color:#f0f9e7}
#acc_call .pd-h {padding-top:20px;}
#acc_call .panel{background-color:#fff; border:2px solid #7BCD20; padding:40px 20px 20px 20px; text-align:center; top:20px;}
#acc_call .icon_img {width:84px; height:80px; background:url('../images_kiwi/contents/bg_smart_atm.png') no-repeat; background-size:80px 80px;margin:0 auto}
#acc_call .txt_title {padding:15px; font-weight:bold;font-size: 1.1rem;}
#acc_call .txt_t2 {font-weight:400; font-size: 0.7rem; line-height:26px}
#acc_call .txt_t1 {padding:2px 20px; margin-bottom:10px; font-weight:400; font-size: 0.775rem; line-height:1.2rem}
#acc_call .contents-btns A {width:100%}
#acc_call .list-bullet-dot LI {line-height:16px}
#acc_call .list-bullet-dot button {color:#333}





SECTION.inf {
    padding-top: 20px;
	}

SECTION.inf .panel {
    background-color: #fff;
    border: 2px solid #7BCD20;
    padding:20px;
    text-align: center;
    top: 20px;
}

SECTION.inf .icon_img {
    width: 157px;
    height: 133px;
    background: url(../images_kiwi/contents/bg_smart_info.png) no-repeat;
    background-size: 157px 133px;
    margin: 0 auto;
    }

SECTION.inf .txt_t1 {
    padding: 2px 20px;
    margin-bottom: 10px;
    font-size: 0.85rem;
    line-height: 1.3rem;
    text-align:left; padding:20px 20px 0px 20px
    }

SECTION.inf .txt_title{
    padding: 15px;
    font-weight: bold;
    font-size: 1.3rem;
    }
SECTION.inf .contents-btns A{width: 100% !important;}


div.memo-box { 
	text-align:right; 
} 
div.memo-box button { 
	min-width:80px; 
	min-height:22px; 
} 
div.memo-box button i.ico { 
	position:relative; 
	height:15px; 
	width:13px; 
	top:1.6px; 
	left:2px; 
	background-image:url(../images_kiwi/icon-old/ic_memo.svg); 
	background-size:29px; 
	background-position:-8px -5px; 
	display:inline-block; 
} 
div.memo-box button small { 
	color:#222222; 
	text-decoration:underline; 
}
.fullpage .layer-contents.make-acc {padding-bottom: 12px;}
.make-acc .make-acc-cont {display: flex; flex-direction: column; justify-content: space-between; height: 100%;}
.make-acc .ma-top {margin: 0 auto; max-width: 325px;}
.make-acc .make-acc-txt {margin-top: 48px; font-size: 20px; font-weight: 700; line-height: initial; text-align: center;}
.make-acc .btn-mac-primary {display: flex; justify-content: center; align-items: center; width: 100%; height: 50px; font-weight: 700; font-size: 16px; border-radius: 10px;}
.make-acc .btn-mac-inqury {display: flex; justify-content: center; align-items: center; height: 50px; color: #fff; font-weight: 700; font-size: 16px; border-radius: 10px; background: #60584C;}
.make-acc .ma-bottom {text-align: center;}
.make-acc .ma-bottom a {display: inline-block; text-align: center; color: #666; font-weight: 700; font-size: 14px; border-bottom: 1px solid #888;}

/* 고도화 */
.view
{
	display: block;
    height: auto;
    position: relative;
    transition: none;
}

.label-group{
	display: flex;
    flex-wrap: wrap;
    gap: 8px;
	margin-top: 12px;
}

.label-group .label2 {
	padding: 6px 12px;
}

.transfer .tab-menu{position: sticky;
top: 0;
left: 0;
z-index: 10;}
.transfer-keypad:not(.step2) .keypad
{
    display: flex;
}

.transfer-keypad:not(.step2) .transfer-additional-info 
{
    display: block;
}
.favorite-wrap
{
	display: flex;
    justify-content: center;
    align-items: center;
	gap: 16px;
    padding: 28px 11px;
    max-width: 470px;
    width: 100%;
    margin: 0 auto;
}
.favorite-wrap button
{
	display: flex;
    justify-content: center;
    flex-direction: column;
	align-items: center;
    gap: 8px;
	font-size: 0.75rem;
	padding: 0;
	font-weight: 300;
}
.favorite-wrap button::before
{
	content: '';
	display: block;
	position: relative;
	width: 44px;
	height: 44px;
	padding: 0;
	background-size: contain;
}
.favorite-wrap .favorite{
	width: auto;
	min-width: 44px;
	height: auto;
	min-height: 70px;
	
}
.favorite-wrap .favorite label
{
	overflow: hidden;
    display: inline-block;
    width: auto;
    height: auto;
	min-width: 44px;
	background: url('../images_kiwi/icon/ico_favorite_off_44.svg') no-repeat 50% 0%;
    background-size: 44px;
	padding-top: 52px;
	font-size: 0.75rem;
	font-weight: 300;
    
}
.favorite-wrap .favorite input:checked + label {
    background: url('../images_kiwi/icon/ico_favorite_on_44.svg') no-repeat 50% 0%;
    background-size: 44px;
}
.favorite-wrap .send-blog::before
{
	background: url('../images_kiwi/icon/ico_blog.svg') no-repeat 50% 50%;
	background-size: 44px;
}
.favorite-wrap .send-insta::before
{
	background: url('../images_kiwi/icon/ico_instagram.svg') no-repeat 50% 50%;
	background-size: 44px;
}
.favorite-wrap .send-facebook::before
{
	background: url('../images_kiwi/icon/ico_facebook.svg') no-repeat 50% 50%;
	background-size: 44px;
}
.favorite-wrap .send-youtube::before
{
	background: url('../images_kiwi/icon/ico_youtube.svg') no-repeat 50% 50%;
	background-size: 44px;
}
.favorite-wrap .send-kakao::before
{
	background: url('../images_kiwi/icon/ic_cert_kakao_off.svg') no-repeat 50% 50%;
	background-size: 44px;
}
.favorite-wrap .send-sms::before
{
	background: url('../images_kiwi/icon/ico_sms_off.svg') no-repeat 50% 50%;
	background-size: 44px;
}
.favorite-wrap .send-memo::before
{
	background: url('../images_kiwi/icon/ico_memo_off.svg') no-repeat 50% 50%;
	background-size: 44px;
}
.favorite-wrap .send-more::before
{
	background: url('../images_kiwi/icon/ico_device_more_off.svg') no-repeat 50% 50%;
	background-size: 44px;
}
.favorite-wrap .confirm::before {
	background: url('../images_kiwi/icon/ico_confirm.svg') no-repeat 55% 55% #f5f5f5;
	background-size: 22px auto;
	border-radius: 999px;
}
.favorite-wrap.type2 {
	justify-content: center;
	gap: 36px;
}

.transfer-info-list ~ .favorite-wrap {
	padding-bottom: 0;
}

/* 다건이체*/
.multiple-transfers-info .transfer-account-info  {
	padding-bottom: 20px;
}
.transfer-info-balance .balance-total  {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 20px;
	border-top: 1px solid #f0f0f0;
}
.transfer-info-balance .balance-total .balance {
	font-size: 1.625rem;
	font-weight: 700;
	line-height: 2.0625rem;
}
.transfer-info-balance .balance-total .balance.warning,
.transfer-info-balance .balance-total .balance.warning .num {
	color: #ff0000 !important
}
.multiple-transfers-add {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.multiple-transfers-box {
	margin-top: 16px;
	border-radius: 12px;
	border: 1px solid #dcdcdc;
	box-shadow: 0 0 2px 0 rgba(20, 20, 20, 0.08), 0 2px 8px 0 rgba(20,20, 20, 0.10);
}
.multiple-transfers-box .ui-account-box .form-control-group .no-line.unit .form-control.ta-r.pr20{
	padding-right: 4px;
	font-weight: 700;
}
.multiple-transfers-box .ui-account-box .form-control-group .no-line.unit .btn-clear{
	right: 0;
}
.multiple-transfers-box .ui-account-box .form-control-group .no-line.unit .unit {
	margin-right: 28px;
}
.ui-account-box {
	padding: 20px;
}
.ui-account-box .account-item {
	position: relative;
    height: auto;
    padding-left: 44px;
}
.ui-account-box .account-item .logo {
	display: inline-block;
	position: absolute;
	top: 17px;
    left: 0;
    width: 32px;
    height: 32px;
    border: none;
    padding: 0;
	border-radius: 50%;
	transform: translateY(-50%);
}
.ui-account-box .account-item .logo span {
	width: 100%;
	height: 100%;
}
.ui-account-box .account-item .name {
	overflow: hidden;
    display: block;
    max-width: -webkit-calc(100% - 30px);
    max-width: calc(100% - 30px);
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.ui-account-box .account-item .name small {
	color: #141414;
}
.ui-account-box .btn-del {
	position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    padding: 0;
    background: url(../images_kiwi/icon/ico_del_16.svg) no-repeat 0 0;
    background-size: contain;
    z-index: 10;
}
.ui-account-box .keypad-input {
	margin-top: 16px;
}
.ui-account-box .ui-keypad .input-number {
	margin: 0;
}
.ui-account-box .ui-keypad .animated-number {
	height: 2.375rem;
	padding: 6px 0;
	justify-content: flex-end;
}
.ui-account-box .keypad-input .first-zero + .unit + .placeholder {
	height: 100%;
	padding: 6px 0;
	text-align: right;
}
.ui-account-box .ui-keypad .animated-number>* {
	font-size: 1.25rem;
	line-height: 1.625rem;
}
.ui-account-box .ui-keypad .animated-number>*.unit {
	font-size: 1rem;
	line-height: 1.5rem;
}
.ui-account-box .keypad-input .first-zero + .unit + .placeholder {
	font-size: 1.125rem;
	line-height: 1.625rem;
}
.multiple-transfers-box {
	position: relative;
	padding-bottom: 54px;
}
.transfer-account-detail .ui-toggle.type2 {
	position: static;
}
.ui-toggle.type2 .btn-toggle.btn-link {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 54px;
	padding: 0 20px;
	background: #f5f5f5;
	text-align: left;
	border-radius: 0 0 12px 12px;
	
}
.ui-toggle.type2 .btn-link>* {
	border-bottom: 0 !important;	
}
.ui-toggle.type2 .btn-toggle.btn-link>span:after {
	right: 20px;
}
.transfer-account-detail .transfer-additional-info {
	margin: 0 20px;
	padding: 20px 0;
	border-top: 1px solid #f0f0f0;
}
.transfer-confirm.type2 p + .ui-account-box.gray-box {
	margin-top: 28px;
}
.ui-account-box.gray-box {
	background: #f7f7f7;
	border-radius: 8px;
}
.ui-account-box.gray-box .num {
	margin-top: 4px;
	font-size: 0.875rem;
	line-height: 1.375rem;
	font-weight: 500;
}
.ui-account-box.gray-box .num b {
	font-weight: 700;
}
.ui-account-box.gray-box + .gray-box {
	margin-top: 8px;
}


.ui-card-list .form-check>label{
    display: block;
    padding: 0;
    width: 100%;
    line-height: 1.5;
}
.ui-card-list .form-check.cir.account+small{
	padding-top: 8px;
	margin-left: 28px;
}
.ui-card-list .form-check.cir.account>input[type="checkbox"]+ label:before{
	z-index: 1;
    top: 50%;
    left: 0px;
	margin: -10px 0 0;
}
.ui-card-list .form-check.cir>input[type="checkbox"]+ label:before{
	z-index: 1;
    top: 20px;
    left: 20px;
}
.ui-card-list .form-check.cir>input[type="checkbox"] + label .panel.box-shadow dt{padding-left: 28px; margin-bottom: 16px; line-height: 24px;}
.ui-card-list .form-check.cir>input[type="checkbox"] + label .panel.box-shadow dd .dl-contents dt {padding-left: 0;} 
.ui-card-list .form-check.cir>input[type="checkbox"]:checked + label .panel.box-shadow{
	background-color: #fff;
    box-shadow: inset 0 0 0 2px #ffbc00;
    border: 1px solid transparent;
}
.ui-card-list .form-check.cir  .panel.box-shadow > dt.flex-between-row{
	padding-bottom: 20px;
	border-bottom: 1px #dcdcdc solid;
	margin-bottom: 20px;
	padding-left: 28px;
	font-size: 1rem;
}
.ui-card-list dl.ui-card dt>.form-check>label{
	padding-left: 28px;
}
.bnt-right-arr{
	background: url('../images_kiwi/icon/btn_arr_r.svg') 50% 50% no-repeat;
	width: 20px;
	height: 20px;
}
.ui-card-list  .panel.box-shadow .dl-contents>dl>*{
	padding: 0;
}
.ui-card-list .form-check .panel.box-shadow .dl-contents>dl dd em{
	color: #06f;
}
.ui-card-list .form-check .panel.box-shadow .dl-contents> hr{
	margin: 20px 0;
}
.ui-card-list  .panel.box-shadow + .panel.box-shadow,
.ui-card-list .form-check + .form-check{
	margin-top: 12px;
}

/* 조회 :: 출금걔좌 선택/보기 */
.top-my-account {
	position: relative;
	padding: 28px 0 0 0;
}
.top-my-account .balance {
	display: inline-block;
	font-family: 'Lato';
	font-size: 0.75rem;
	font-weight: 400;
	line-height: 1.125rem;
}
.top-my-account .ui-select {
	padding: 12px 0;
}
.top-my-account .account-name {
	display: block;
	margin-top: 8px;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.5rem;
}
.top-my-account .account-name .other-bank {
	font-size: 0.875rem;
	font-weight: 300;
	line-height: 1.375rem;
}
.top-my-account .btn-r {
	position: absolute;
	top: 20px;
	right: 21px;
}
.list-sort.right {
	padding-bottom: 16px;
	justify-content: flex-end;
}
.title-d1 + .list-sort.right {
	margin-top: 20px;
}
.ui-card {}
.ui-card .card-tit {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #dcdcdc;
	font-size: 1rem;
	line-height: 1.5rem;
	font-weight: 500;
}
.ui-card .card-tit .link-arrow2 {
	display: inline-block;
    width: 100%;
    height: 20px;
    background: url(../images_kiwi/icon/btn_arr_r.svg) no-repeat right 50%;
	
}
.card-btn-group {
	display: flex;
	gap: 8px;
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #dcdcdc;
}
.card-btn-group button.btn-md-secondary.type2,
.card-btn-group button.btn-md-secondary.type3 {
	height: 42px;
	border-radius: 8px;
	flex:1;
	font-size: 0.875rem ;
	font-weight: 500;
	line-height: 1.375rem ;
}
.card-btn-group button.btn-md-secondary.type2 {
	background: #f5f5f5;
}
.card-btn-group button.btn-md-secondary.type3 {
	background: #fff;
	border: 1px solid #dcdcdc;
}
.transfer-detail-box {
	margin-top: 20px !important;
}
.transfer-detail-tit dt, 
.transfer-detail-tit dd {
	display: block;
	width: 100% !important;

}
.transfer-info.type4 dt .name, 
.transfer-detail-tit .name {
	display: block;
	font-size: 1.125rem;
	line-height: 1.625rem;
	font-weight: 500;
}
.transfer-info.type4 small,
.transfer-detail-tit .bank-info {
	display: block;
	font-size: 0.75rem;
	line-height: 1.625rem;
	font-weight: 500;
}
.transfer-info.type4 small .num, 
.transfer-detail-tit .bank-info .num {
	line-height: 1.125rem;
	font-weight: 400;
}
.transfer-info.type4 .transfer-money,
.transfer-detail-tit .transfer-money {
	font-size: 1rem;
	line-height: 1.5rem;
	font-weight: 700;
}
.transfer-info.type4 .transfer-money .num,
.transfer-detail-tit .transfer-money .num {
	font-size: 1.25rem;
	line-height: 1.625rem;
	font-weight: 700;
}
.transfer-info.type4 .ui-toggle .toggle-contents .dl-contents + .dl-contents {
	margin-top: 0;
}
.dl-contents .dl-contents-tit {
	margin-bottom: 16px;
	font-size: 1rem;
	line-height: 1.5rem;
	font-weight: 500;
}
.layer-contents .form dl .label.type2 {
	margin-bottom: 12px;
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 1.375rem;
	color: #666;
}
/* .page-title-wrap {
	padding: 28px 0 20px;
}
.page-title-wrap .page-title {
	font-size: 1.25rem;
	line-height: 1.75rem;
	font-weight: 500;
}
.page-title-wrap .desc {
	margin-top: 12px;
	font-size: 0.875rem;
	line-height: 1.375rem;
	font-weight: 300;
} */
.complete-text {
	margin-top: 36px;
	padding-top: 36px;
	border-top: 1px solid #ebebeb;
}
.complete-text .text-lg {
	font-size: 1rem;
	line-height: 1.5rem;
	font-weight: 500;
}
.complete-text .text-sm {
	margin-top: 12px;
	font-size:  0.875rem;
	line-height: 1.375rem;
	font-weight: 300;
	color: #666
}
.btn-group {
	display: flex;
	justify-content: center;
	margin-top: 28px;
}
.btn-md-func3.btn-orange {
	background: #fff;
	border: 2px solid #ffbc00;
	box-shadow: 0 0 2px 0 rgba(20, 20, 20, 0.08),  0 2px 8px 0 rgba(20, 20, 20, 0.10);
}

.pd-h > .box-wrap {
	margin-top: 28px;
	margin-bottom: 20px;
}
.pd-h > .box-wrap + .box-wrap {
	margin-top: 20px;
}

.title-sm {
	margin-bottom: 12px;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.5rem;
}
.title-sm + .transfer-info-list.mt28 {
	margin-top: 12px !important;
}

.ui-card.type2 .dl-contents.type2 {
	position: relative;
}
.dl-contents.type2 dl,
.dl-contents.type2 dl dt,
.dl-contents.type2 dl dd {
	float: none;
	display: block;
}
.dl-contents.type2 dl + dl {
	margin-top: 8px;
}
.dl-contents.type2 dl dt {
	width: 1px;
}
.dl-contents.type2 dl dd {
	float: none;
}
.dl-contents.type2 dl .account-num {
	font-size:  0.75rem;
	font-weight: 400;
	line-height: 1.125rem;
}
.dl-contents.type2 dl .account-num .label-text {
	margin-left: 6px;
}
.dl-contents.type2 dl .account-name {
	font-size: 0.875rem;
	font-weight: 300;
	line-height: 1.375rem;

}
.dl-contents.type2 dl .account-name strong {
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.5rem;
}
.dl-contents.type2 {
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #dcdcdc;
	border-top: 0;
}
.dl-contents.type2:last-child {
	margin: 0;
	padding: 0;
	border: 0;

}
.ui-card.type2 .dl-contents.type2 .btn {
	position: absolute;
	top: 0;
	right: 0;
}
.layer-contents .transfer-confirm p ~ .box-wrap {
	margin-top: 28px;
}
.layer-contents .transfer-confirm p ~ .box-wrap .panel.type1 {
	margin: 0
}
.layer-contents .transfer-confirm p ~ .box-wrap .panel.type1 .dl-contents dd b i.num {
	font-weight: 700;
}

.ad-unit.panel-area.banner > div.inner {
	position: relative;
}
.ad-unit.panel-area.banner > div.inner::after {
	content: '';
    display: block;
    position: absolute;
    right: 0px;
    bottom: 0px;
    background: url('../images_kiwi/ncontents/bibi-banner3.png') no-repeat;
    width: 82px;
    height: 103px;
    background-size: contain;
}

.input-form .form-control.select.type1:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	display: block;
	width: 20px;
	height: 20px;
	mask-image: none;
	background: url('../images_kiwi/icon/ico_arr_b.svg') no-repeat;
	background-size: contain;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	
}
.layer.fullpage.fixed-bottom .layer-contents {
	padding-bottom: 92px;
}

.filter-setting {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	/* margin: 0 0 28px; */
	margin: 0 -21px 28px;
	overflow: hidden;
}

.filter-setting .filter-btn {
	display: flex;
	align-items: center;
	gap: 8px;
	width: 100%;
	padding: 0 21px;
}

.filter-setting .btn-md-func4.btn-filter {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
	width: 100%;
	height: 2.875rem;
	font-size: 0.875rem;
}

.filter-setting .btn-refresh {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: none;
	width: 46px;
	height: 46px;
	border-radius: 100%;
	border: 1px solid #dcdcdc;
}

.filter-setting .btn-refresh [class^="ico-"] {
	margin: 0;
}

.filter-chips {
	display: flex;
	align-items: center;
	gap: 6px;
	width: 100%;
	padding: 0 21px;
	overflow-x: auto;
}

.filter-chips button {
	flex: none;
	display: inline-block;
	/* align-items: center; */
	/* gap: 8px; */
	height: 2.063rem;
	padding: 0 12px;
	border: 1px solid #ddd;
	border-radius: 999px;
	font-size: 0.813rem;
	line-height: 1.313rem;	
}

.filter-chips [data-color="type"] {
	border-color: #f46600;
	color: #f46600;
}
.filter-chips [data-color="period"] {
	border-color: #00a85a;
	color: #00a85a;
}
.filter-chips [data-color="status"] {
	border-color: #3182f6;
	color: #3182f6;
}

.filter-chips [data-color="chip1"] {
	border-color: #866d16;
	color: #866d16;
}
.filter-chips [data-color="chip2"] {
	border-color: #de5d00;
	color: #de5d00;
}
.filter-chips [data-color="chip3"] {
	border-color: #3182f6;
	color: #3182f6;
}
.filter-chips [data-color="chip4"] {
	border-color: #00a85a;
	color: #00a85a;
}
.filter-chips [data-color="chip5"] {
	border-color: #de5d00;
	color: #de5d00;
}
.filter-chips button .ico-close {
	flex: none;
	width: 12px;
	height: 12px;
	margin: 0 !important;
}
.total-balance {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.total-balance em {
	font-size: 1rem;
	font-weight: 700;
}

.total-balance .btn-link {
	font-size: 0.813rem;
	color: #141414;
}
.total-no-data{
	border-radius: 8px;
	padding: 12px 20px;
	background: #fff8e0;
	color: #7d6c59;
}
.inquiry-menu {
	 padding-top: 10px;
}

.inquiry-menu > ul {
	display: grid;
}

.inquiry-menu li {
	margin-bottom: 20px;;
}

.inquiry-menu a {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
	text-align: center;
	font-size: 0.75rem;
	line-height: 1.25rem;
	font-weight: 300                                 ;
}

.inquiry-menu a [class^="ico-"] {
	width: 32px;
	height: 32px;
}

.life-time-area{
	display: flex;
    align-items: center;
}
.form-control-group p.life-time{
	font-size: 20px;
    color: #141414;
    margin: 0;
    line-height: 26px;
}
.form-control-group p.life-time.num + .input-wrap{
	width: calc(100% - 49px);
}
.form-control-group.valued .inline-helper.func .btn-sm-func2 {
    background-color: #ffd338;
    color: #141414;
}
.form-control-group .inline-helper.func p.life-time.num + .input-wrap{
	width: calc(100% - 120px);
}

.panel-no-account {
	position: relative;
	min-height: 166px;
	padding: 20px;
	border-radius: 16px;
}
.panel-no-account::after {
	display: inline-block;
	content: '';
	position: absolute;
	bottom: 20px;
	right: 20px;
}
.panel-no-account.type1 {
	background: #ffecb1;
}
.panel-no-account.type2{
	background: #ffdb9f;
}
.panel-no-account.type3 {
	background: #cae6ff;
}
.panel-no-account.type4 {
	background: #bbecdd;
}
.panel-no-account.type1::after {
	right: 30px;
	width: 56px;
	height: 90px;
	background: url('../images_kiwi/ncontents/bibi-banner4.png') no-repeat;
	background-size: contain;
}
.panel-no-account.type2::after {
	right: 30px;
	bottom: 18px;
	width: 66px;
	height: 117px;
	background: url('../images_kiwi/icon/kiki_bg1.png') no-repeat;
	background-size: contain;
}
.panel-no-account.type3::after {
	right: 20px;
	bottom: 5px;
	width: 90px;
	height: 132px;
	background: url('../images_kiwi/icon/ramu_bg1.png') no-repeat;
	background-size: contain;
}
.panel-no-account.type4::after {
	right: 20px;
	width: 88px;
	height: 92px;
	background: url('../images_kiwi/icon/tree_bg1.png') no-repeat;
	background-size: contain;
}
.panel-no-account > a {
	display: block;
}
.panel-no-account > a span {
	display: block;
}
.panel-no-account > a .text2 {
	margin-top: 8px;
}
.panel-no-account > a .text3 {
	display: inline-block;
	margin-top: 29px;
	padding: 8px 16px;
	background: #fff;
	border-radius: 999px;
}

.tranfer-bank.dash-line {
	border-top: 1px dashed #dcdcdc;
	margin-top: 28px;
	padding-top: 28px;
}

.rate-lists li {
	padding: 16px 0;
}

.rate-lists .statement-item {
	min-height: auto;
}

.rate-lists .statement-item .item-price {
	color: #06f;
}

.round-banner {
	border-radius: 999px;
	background: #ffefb9;
}

.round-banner > a {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 12px 20px;
	font-size: 0.813rem;
	font-weight: 500;
}

.ui-select.monthly {
	display: flex;
	align-items: center;
	padding: 6px 0;
	background: none;
}

.ui-select.monthly .datepicker {
	width: 118px;
	background: none;
}

.ui-select.monthly::after {
    display: inline-block;
	content: '';
    width: 16px;
    height: 16px;
    background: #141414;
    -webkit-mask-image: url(../images_kiwi/icon/ico_arr_d.svg);
    mask-image: url(../images_kiwi/icon/ico_arr_d.svg);
    mask-repeat: no-repeat;
    mask-size: cover;
    fill: none;
    vertical-align: middle;
}

.calendar-bx {
	padding: 16px 12px;
    border-radius: 12px;
	border: 1px solid #dcdcdc;
    background: #fff;
    box-shadow: 0 0 2px 0 rgba(20, 20, 20, 0.08), 0 2px 8px 0 rgba(20, 20, 20, 0.10);
}

.calendar-bx .attend-calendar-wrap table tr {
	margin-bottom: 4px;
}

.calendar-bx .attend-calendar-wrap table td {
	height: 42px;
}

/* 간편모드 */
.step-wrap{position: relative; margin-top: 28px;}
.step-wrap ul{display: flex; gap: 23px; height: 34px;}
.step-wrap ul li{position: relative;}
.step-wrap ul li a{position: relative;display: block; white-space: nowrap; font-weight: 500;  padding: 6px 14px; background-color: #f0f0f0; color: #999; border-radius: 999px;}
.step-wrap ul li.active a{color: #141414; background: #ffbc00;}
.step-wrap ul li.completed a{color: #fff; background: #3f3f42;}
.step-wrap ul li + li::before{content: ''; background:#dcdcdc; mask-image: url(../images_kiwi/icon/ico_step_arr.svg); mask-position: 50% 50%; mask-size: contain; width: 7px; height: 7px; display: block; position: absolute; top: 50%; left: -14px; transform: rotate(-90deg) translateX(4px);}
.step-wrap ul li.completed  + li::before{content: ''; background:#3f3f42; mask-image: url(../images_kiwi/icon/ico_step_arr.svg); mask-position: 50% 50%; mask-size: contain; width: 7px; height: 7px; display: block; position: absolute; top: 50%; left: -14px; transform: rotate(-90deg) translateX(4px);}
.keypad-input .ui-keypad .animated-number{margin-top: 20px;}
.animated-number.active + .placeholder{display: none;}
.easy-mode .transfer{display: flex; justify-content: space-between;}
.easy-mode .transfer div{font-size: 1rem; color: #666;}
.easy-mode .transfer div strong{color: #141414;}
.easy-mode .transfer div .bank-name{color: #141414; font-size: 0.75rem; font-weight: 300;}
.easy-mode .price{color: #858585; margin-top: 8px; font-weight: 300;}
.keypad-input  .input-number .text-info + .animated-number + .btn-clear.active{top: 43px;}
/* 어카운트 인포 */
.top-info-area {
	position: relative;
	min-height: 136px;
	padding: 28px 21px;
	background: #ffefb9;
	overflow: hidden;
}
.top-info-area .txt-tit {
	display: block;
	font-size:  1.25rem;
	font-weight: 700;
	line-height: 1.625rem;
}
.top-info-area .txt-desc {
	display: block;
	margin-top: 8px;
	font-weight: 300;
}
.top-info-area.accountinfo-top::after {
	display: inline-block;
	content: '';
	position: absolute;
	top: 16px;
	right: 20px;
	width: 100px;
	height: 154px;
	background: url('../images_kiwi/ncontents/card-benefit-05.png') no-repeat 0 0;
	background-size: 115px auto ;
}

.layer-contents:not(.pd-h) .from .ui-tab.dl-tab .tab-menu{
	margin-left: 0 !important;
	margin-right: 0 !important
}

.acc-minus .account-summary{margin:28px 0 20px 0}
.acc-minus .fixed-area{padding:0 21px}
.acc-minus .account-summary.minus-account{position:relative;background:#fff;margin-bottom:12px;color:#141414;padding:20px 20px 0 20px;border-radius:12px;border:1px solid #dcdcdc;background:#fff;box-shadow:0 0 2px 0 rgba(20, 20, 20, 0.08), 0 2px 8px 0 rgba(20, 20, 20, 0.10);min-height:225px}
.acc-minus .account-summary.minus-account .ui-card{padding:0 0 0 0;transition:none}
.acc-minus .account-summary.minus-account .ui-toggle.quick-menu{position:absolute;right:16px;top:16px}
.acc-minus .account-summary.minus-account .ui-toggle.quick-menu .btn-quick-menu {width:32px;height:32px;margin:auto;background:url(../images_kiwi/icon/ico_plus_16.svg) no-repeat 50% 50%;background-size:16px 16px}
.acc-minus .account-summary.minus-account .account-select{text-align:left;font-size:1.25rem;width:auto}
.acc-minus .account-summary.minus-account .ui-card>dt{padding:0}
.acc-minus .account-summary.minus-account .amount{text-align:right;color:#141414;font-size:1.25rem;letter-spacing:-1px;font-weight:700;line-height:1.5;margin-top:16px;padding-bottom:20px}
.acc-minus .account-summary.minus-account .amount .highlighter{color:#141414 !important}
.acc-minus .account-summary.minus-account .ui-card .ui-accordion{width:100%}
.acc-minus .account-summary.minus-account .value span.type{color:#3182f6;background:#dbe5ff;font-size:0.75rem;line-height:1.25rem;font-weight:500;padding:2px 10px;border-radius:999px;display:inline-block}
.acc-minus .account-summary.minus-account .value .acc-num{display:inline-block;font-size:0.875rem}
.acc-minus .account-summary.minus-account .value .acc-name{display:block;font-size:1rem;margin-top:12px}
.acc-minus .account-summary.minus-account .amount .num{font-size:1.25rem}
.acc-minus .account-summary.minus-account .ui-card .ui-accordion{width:auto;margin-left:-21px;margin-right:-21px;padding:0 20px;border-top:1px solid 
#dcdcdc}
.acc-minus .account-summary.minus-account .ui-card .ui-accordion dl{width:100%;}
.acc-minus .account-summary.minus-account .ui-card .ui-accordion .acc-cont{width:100%;margin:0;padding:78px 0 0 0;border:0}
.acc-minus .account-summary.minus-account .ui-card .ui-accordion .acc-title{top:16px;left:20px;-webkit-transform:none;transform:none;height:46px;width:35%;z-index:5;bottom:auto !important;box-sizing:border-box}
.acc-minus .account-summary.minus-account .ui-card .ui-accordion .minus-type .acc-title{left:auto !important;width:calc(100% - (35% + 48px));right:20px}
.acc-minus .account-summary.minus-account .ui-card .ui-accordion .open .acc-title button{border:2px solid #ffbc00;border-radius:8px;padding:0 15px}
.acc-minus .account-summary.minus-account .ui-card .ui-accordion .acc-title button{padding:0 16px;border-radius:8px;font-size:0.875rem;border:1px solid #dcdcdc;height:100%;box-sizing:border-box;margin-bottom:0;background:#fff;width:100%;color:#141414}
.acc-minus .account-summary.minus-account .ui-card .btn-toggle:after {content:'';position:absolute;top:50%;right:16px;width:20px;height:20px;background:url(../images_kiwi/icon/ico_arr_b.svg) no-repeat 50% 50%;background-size:20px auto;-webkit-transform: translateY(-50%);transform:translateY(-50%);margin:0;border-top-color:transparent}
.acc-minus .account-summary.minus-account .ui-card .ui-accordion .open .btn-toggle:after{transform:translateY(-50%) rotate(180deg)}
.acc-minus .account-summary.minus-account .ui-card .ui-accordion .acc-cont>div{padding:20px 0}
.account-summary .dl-contents ~ .dl-contents{border-top:1px solid #dcdcdc;margin-top:0}
.acc-minus .fixed .list-sort{position:relative;top:auto;left:auto;box-shadow:none;}
.acc-minus .list-sort.line{border-bottom:0}
.acc-minus .list-sort:before{content:'';display:block;position:absolute;top:0;left:0;right:0;height:6px;background:#f7f7f7}
.acc-minus .account-summary.minus-account + .list-sort.line{position:relative;margin-left:-21px;margin-right:-21px;margin-top:36px;padding-bottom:16px}
.acc-minus .account-summary.minus-account + .list-sort.line{margin-top:36px;height:auto;padding-top:36px;width:auto}
.acc-minus .transaction-details-list {padding:0 21px}
.acc-minus .account-summary + .list-sort .btn-sort {padding-right:24px}
.acc-minus .account-summary + .list-sort .btn-sort .value{margin:0 2px}
.acc-minus .account-summary + .list-sort .btn-sort .value:last-child{margin-right:0}


.transaction-details-list .banner-link a
{
	overflow: hidden;
	display: block;
	padding: 12px 45px 12px 48px;
	background: #FFF3C5 url('../images_kiwi/icon-old/ic_banner_bubble.svg') no-repeat 14px 50%;
	border-radius: 20px;
	font-size: 0.813rem;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.transaction-details-list .banner-link.type2 a {
    padding: 12px 52px 12px 48px;
	background: #FFF3C5 url('../images_kiwi/icon/ico_loan.svg') no-repeat 20px 50%;
	border-radius: 8px;
	white-space: normal;
}
.transaction-details-list .banner-link .btn-del{
	position: absolute;
	top: 50%;
	right: 20px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 24px;
	height: 24px;
	padding:0
}
.transaction-details-list  .banner-link .btn-del::after
{
	content: '';
    display: block;
    width: 24px;
    height: 24px;
    background: #999;
    -webkit-mask-image: url(../images_kiwi/icon/btn_layer_close.svg);
    mask-image: url(../images_kiwi/icon/btn_layer_close.svg);
    mask-position: 50% 50%;
    mask-size: 16px auto;
    mask-repeat: no-repeat;
}