/* 마이홈 */

/* 모임통장 목록 */
.social-club-account
{
}

.social-club-account>*
{
	overflow: hidden;
	position: relative;
	display: block;
	min-height: 184px;
	padding-bottom: 0;
	border: 1px solid #eee;
	border-radius: 8px;
	background: #fff;
}

.social-club-account>*~*
{
	margin-top: 8px;
}

.social-club-account .invitation-message
{
	padding: 32px 24px;
	text-align: center;
}

.social-club-account .invitation-message .text em
{
	overflow: hidden;
	display: block;
	width: -webkit-calc(100% - 28px);
	width: calc(100% - 28px);
	margin: 0 auto;
	white-space: nowrap;
	text-overflow: ellipsis;
	line-height: 1.6;
}

.social-club-account .invitation-message p + p
{
	margin-top: 6px;
}

.social-club-account .invitation-message p span + span
{
	margin-left: 6px;
}

.social-club-account .ui-card>dt
{
	padding-bottom: 23px;
}

.social-club-account .ui-card>dt *
{
	font-size: 0.813rem;
	line-height: 1;
}

.social-club-account .ui-card>dt .account
{
	overflow: hidden;
	display: block;
	width: 100%;
	line-height: 20px;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.social-club-account .ui-card>dt small
{
	line-height: 18px;
}

.social-club-account .ui-card.disabled
{
	background: #f6f6f6;
	color: #999;
}

.social-club-account .ui-card.disabled>dt .badge
{
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

.social-club-account .badge
{
	overflow: hidden;
	width: 32px;
	height: 0;
	padding: 32px 0 0 0;
	border-radius: 4px;
	background: url('../images_kiwi/icon-old/ic_amity_on.svg');
	font-size: 11px;
	color: #58a700;
	text-align: center;
}

.social-club-account .badge + span
{
	width: -webkit-calc(100% - 100px);
	width: calc(100% - 100px);
	margin-left: 8px;
}

.social-club-account .badge.friendship
{
}

.social-club-account .badge.family
{
	background-image: url('../images_kiwi/icon-old/ic_family_on.svg');
}

.social-club-account .badge.couple
{
	background-image: url('../images_kiwi/icon-old/ic_couple_on.svg');
}

.social-club-account .badge.hobby
{
	background-image: url('../images_kiwi/icon-old/ic_hobby_on.svg');
}

.social-club-account .badge.school
{
	background-image: url('../images_kiwi/icon-old/ic_school_on.svg');
}

.social-club-account .badge.etc
{
	background-image: url('../images_kiwi/icon-old/ic_other_on.svg');
}

.social-club-account .ui-card .amount
{
	padding-bottom: 27px;
	text-align: center;
}

.social-club-account .btn-quick-menu
{
	position: absolute;
	top: 20px;
	right: 14px;
	width: 24px;
	height: 24px;
	background: url('../images_kiwi/icon-old/ico_plus_gray.svg') no-repeat 50% 50%;
}

.social-club-account .btn-notice
{
	position: absolute;
	top: 20px;
	right: 50px;
	width: 24px;
	height: 24px;
	background: url('../images_kiwi/icon-old/ic_app_notice_gr.png') no-repeat 50% 50%;
	background-size: cover;
}

.social-club-account .btn-notice .badge
{
	position: absolute;
	top: 0;
	right: -4px;
	width: 15px;
	height: 15px;
	padding: 0;
	background: #58a700;
	font-size: 10px;
	color: #fff;
	line-height: 15px;
	border-radius: 50%;
	text-align: center;
}

.social-club-account .ui-card .func
{
	height: 46px;
	padding: 0;
	margin: 0 -24px;
}

.ui_card .card-btns
{
	position: relative;
	padding: 0;
}

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

.ui_card .card-btns [class^="btn-"]
{
	font-size: 0.875rem;
}

.social-club-account .btn-make-account
{
	display: table;
	width: 100%;
}

.social-club-account .btn-make-account>*
{
	display: table-cell;
	vertical-align: middle;
	color: #58a700;
}

.social-club-account .btn-make-account i.ico-plus
{
	display: block;
	width: 24px;
	height: 24px;
	margin: 0 auto 12px;
	background: #7bcd20 url('../images_kiwi/icon-old/ico_plus.svg') no-repeat;
	border-radius: 50%;
	box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.16);
}

/* 모임통장 - 새모임 */
.layer-contents.btn-none
{
	padding-bottom: 24px;
}
.layer-contents.pd-h.btn-none p.text + img
{
	margin-top: 20px;
}

.layer-notice dl + dl
{
	margin-top: 8px;
}

.layer-notice .open .acc-title
{
	padding-bottom: 16px;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.layer-notice .acc-title button > *
{
	display: inline-block;
	vertical-align: middle;
}

.layer-notice .acc-title .date
{
	width: 55px;
}

.layer-notice .acc-title .title
{
	overflow: hidden;
	width: -webkit-calc(100% - 60px);
	width: calc(100% - 60px);
	white-space: nowrap;
	text-overflow: ellipsis;
}

.layer-notice .acc-cont
{
	margin: 0 -24px -16px;
	font-size: 0.875rem;
	line-height: 1.5;
}

.layer-notice .acc-cont .modify-options
{
	margin: 0 24px;
	padding: 20px 0;
	border-top: 1px solid #eee;
	text-align: right;
}

.layer-notice .acc-cont .modify-options > *
{
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-left: 10px;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 24px auto;
	text-indent: -9999px;
}

.layer-notice .acc-cont .modify-options .write
{
	background-image: url('../images_kiwi/icon-old/ico_m_edit_24.svg');
}

.layer-notice .acc-cont .modify-options .delete
{
	background-image: url('../images_kiwi/icon-old/ico_m_del_24.svg');
}

/* 모임통장 - 회원선택 목록 */
.layer-chk-list .form-check
{
	display: block;
}

.layer-chk-list .form-check>label
{
	display: block;
	padding: 15px 24px 15px 56px;
}

.layer-chk-list .form-check.cir>input[type="checkbox"]:checked + label
{
	background-color: #f8f8f8;
}

.layer-chk-list .form-check.cir>input[type="checkbox"] + label:before
{
	left: 24px;
}


/* 모임통장 월간보고서 */
.cal-metting .cal-month
{
	color: #222;
	font-weight: 700;
	line-height: 1.5;
	vertical-align: middle;
}

.cal-metting .cal-btn-prev
{
	position: relative;
	display: inline-block;
	width: 12px;
	height: 12px;
	vertical-align: middle;
}

.cal-metting .cal-btn-prev:before
{
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	content: "";
	width: 8px;
	height: 8px;
	margin-top: -4px;
	margin-left: -4px;
	border-left: 1px solid #222;
	border-bottom: 1px solid #222;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.cal-metting .cal-btn-next
{
	position: relative;
	display: inline-block;
	width: 12px;
	height: 12px;
	vertical-align: middle;
}

.cal-metting .cal-btn-next:before
{
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	content: "";
	width: 8px;
	height: 8px;
	margin-top: -4px;
	margin-left: -4px;
	border-left: 1px solid #222;
	border-bottom: 1px solid #222;
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
}

.ui-state
{
	padding: 16px 24px;
	border: 1px solid #eee;
	border-radius: 8px;
}

.ui-state[class*="bg-"]
{
	border: 0;
}

.ui-state + .ui-state
{
	margin-top: 15px;
}

.ui-state > dt
{
	margin-bottom: 20px;
}

.ui-state > dt .dl-contents>dl>dt
{
	color: #222;
}

.ui-state > dd
{
	font-size: 0.875rem;
}

.ui-state .dl-contents>dl>*
{
	padding: 3px 0;
}

.list-sort.solo-select
{
	display: block;
}

.group-state-person > *
{
	display: inline-block;
}

.group-state-person > * + *
{
	margin-left: 10px;
}

.group-state-person span
{
	color: #222;
}

/* 모임통장 회비관리 */
.tab-contents.no-btn-fixed
{
	margin-bottom: -100px;
}

.breakdown-state-list li
{
	position: relative;
}

.breakdown-state-list li + li
{
	border-top: 1px solid #f8f8f8;
}

.breakdown-state-list li a
{
	display: block;
	padding: 30px 24px;
}

.breakdown-state-list li .link-token
{
	position: relative;
	display: inline-block;
	padding-right: 10px;
}

.breakdown-state-list li .link-token:before
{
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	content: "";
	width: 7px;
	height: 7px;
	margin-top: -4px;
	border-left: 1px solid #222;
	border-bottom: 1px solid #222;
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
}

.breakdown-state-list li .pay-state
{
	display: inline-block;
	font-size: 0.75rem;
	color: #999;
	height: 20px;
	line-height: 20px;
	padding: 0 5px;
	border: #ddd 1px solid;
	border-radius: 4px;
}

.breakdown-state-list li .pay-state.no-chk
{
	background-color: #fff4cb;
	color: #ffaf00;
	border: 0;
}

.member-list div.member .justify dd .btn-member-go
{
	position: relative;
	padding-right: 10px;
}

.member-list div.member .justify dd .btn-member-go:before
{
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	content: "";
	width: 7px;
	height: 7px;
	margin-top: -4px;
	border-left: 1px solid #222;
	border-bottom: 1px solid #222;
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
}

.ui-select.member-select
{
	display: inline-block;
	padding: 0;
	background: none;
}

.ui-select.member-select .table
{
	padding-right: 20px;
}

.ui-select.member-select .form-control.select:after
{
	content: '';
	width: 0;
	height: 0;
	margin: 3px 0 0 5px;
	border: 7px solid transparent;
	border-top-color: #222;
	vertical-align: middle;
	background: none;
}

/* 모임통장 입출금내역관리 */
.breakdown-card-list a.price
{
	background: url('../images_kiwi/icon-old/btn_arr_r.svg') no-repeat right 8px;
	padding-right: 20px;
}

.breakdown-card-list .list .btn-edit
{
	width: 16px;
	height: 16px;
	background: url('../images_kiwi/icon-old/ico_edit_btn.svg') no-repeat 0 0;
}

/* 내모임 - 회비관리 스크롤 */
.breakdown-state-list
{
	overflow: auto;
	height: -webkit-calc(100vh - 244px);
	height: calc(100vh - 244px);
}

.no-btn-fixed .breakdown-state-list
{
	height: -webkit-calc(100vh - 164px);
	height: calc(100vh - 164px);
}

/* 모임통장 서비스안내 */
.information-list li
{
	position: relative;
	padding: 19px 24px;
	border: 1px solid #eee;
	background: #fff;
	border-radius: 15px;
	box-shadow: 24px 24px 24px 0 rgba(0, 0, 0, 0.05);
}

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

.information-list li dl
{
	padding-left: 52px;
}

.information-list li dt
{
	margin-bottom: 5px;
	font-size: 0.875rem;
	font-weight: bold;
	color: #666666;
}

.information-list li dd
{
	font-size: 0.813rem;
	line-height: 1.5;
	color: #999999;
}

.information-list li dd.icon
{
	position: absolute;
	top: 50%;
	left: 24px;
	width: 40px;
	height: 40px;
	margin-top: -20px;
}


/* 대출빠른메뉴 */
.lon-total-pay
{
	position: relative;
}

.lon-total-pay > span
{
	display: block;
	margin-bottom: 8px;
	font-size: 0.875rem;
	line-height: 1.5;
	color: #666;
}

.lon-total-pay .highlighter
{
	font-size: 1.75rem;
}

.lon-total-pay .count-breakdown
{
	position: absolute;
	top: 0;
	right: 0;
	text-align: right;
}

.imagine-acc
{
	margin-top: 12px;
	padding: 40px 24px;
	border: 1px solid #eee;
	border-radius: 8px;
	text-align: center;
}

.imagine-acc p + p
{
	margin-top: 5px;
}

.page-loading-cont .dimmed
{
	opacity: 1;
}

.page-loading
{
	position: relative;
	display: table;
	width: 100%;
	height: 100vh;
	z-index: 100;
}

.page-loading > div
{
	display: table-cell;
	width: 100%;
	height: 100%;
	padding: 24px;
	text-align: center;
	color: #fff;
	vertical-align: middle;
}

.layer-chk-list .form-check>input[type="radio"] + label:before
{
	top: 50%;
	left: 24px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.layer-chk-list  .form-check>input[type="radio"]:checked + label:after
{
	top: 50%;
	left: 29px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.layer-chk-list .form-check>input[type="radio"]:checked + label
{
	background-color: #f8f8f8;
}

.screen-badge .badge
{
	display: inline-block;
	height: 1.75rem;
	padding: 0 15px;
	font-size: 0.875rem;
	line-height: 1.75rem;
	border-radius: 14px;
}

.screen-badge .badge.used
{
	background: #f0f9e7;
	color: #58a700;
}

.screen-badge .badge.not-used
{
	background: #fff4cb;
	color: #ff9100;
}

.dl-contents .per-approval > *
{
	display: inline-block;
	vertical-align: middle;
}

.dl-contents .per-approval .ico-approval-arrow
{
	margin: 0 3px;
}

.dl-contents .per-approval .change-per b
{
	color: #58a700;
}

[class^="btn-"][class*="-func3"].pdf-down span
{
	padding-right: 25px;
	background: url('../images_kiwi/icon-old/ico_download.svg') no-repeat right 50%;
}


/* 이체한도변경 */
.gauge-area .btn-limite
{
	width: 14px;
	height: 14px;
	margin: -3px 0 0 3px;
	border: 0;
	vertical-align: middle;
}

.gauge-area .btn-limite i
{
	margin: 0;
}

/* 납입일변경 */
.data-table .old>*
{
}

.data-table .current>*
{
	background: #f8f8f8;
	font-weight: bold;
	color: #222;
}

/* 더치페이 */
.dutchpay
{
}

.dutchpay .ui-tooltip .btn-tooltip{vertical-align:middle;}
.dutchpay .ui-tooltip{margin-top:-9px;}

.dutchpay .title-d1
{
	position: relative;
}

.dutchpay .title-d1 .btn-menu
{
	position: absolute;
	top: 50%;
	right: 0;
	height: 17px;
	line-height: 17px;
	padding-right: 15px;
	font-size: 0.875rem;
	color: #999;
	font-weight: normal;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	border: 0;
}

.dutchpay .title-d1 .btn-menu i,
.dutchpay .title-d1 .btn-menu:before,
.dutchpay .title-d1 .btn-menu:after
{
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: 3px;
	height: 3px;
	background: #999;
	border-radius: 50%;
}

.dutchpay .title-d1 .btn-menu i
{
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.dutchpay .title-d1 .btn-menu:before
{
	top: 0;
}

.dutchpay .title-d1 .btn-menu:after
{
	top: auto;
	bottom: 0;
}

.dutchpay .title-d1 .tooltip-layer
{
	left: 0;
	right: 0;
}

.dutchpay .input-number .form-control
{
	height: 60px;
	font-size: 2.5rem;
	font-weight: bold;
}

/** ios에서 더치페이 금액입력란 placeholder분기처리 ***/
.ios .dutchpay .input-number .form-control::-webkit-input-placeholder{line-height:60px !important;vertical-align:middle;}
.ios .dutchpay .input-number .form-control::-moz-placeholder{line-height:60px !important;vertical-align:middle;}
.ios .dutchpay .input-number .form-control::-ms-input-placeholder{line-height:60px !important;vertical-align:middle;}
.ios .dutchpay .input-number .form-control::placeholder{line-height:60px !important;vertical-align:middle;}
/** //ios에서 더치페이 금액입력란 placeholder분기처리 ***/

.dutchpay .input-number .form-control::placeholder{
	font-size: 1.5rem;
	font-weight: normal;
}
.dutchpay .input-number .form-control::-webkit-input-placeholder
{
	font-size: 1.5rem;
	font-weight: normal;
}

.dutchpay .input-number .form-control::-moz-placeholder
{
	font-size: 1.5rem;
	font-weight: normal;
}

.dutchpay .input-number .form-control:-ms-input-placeholder
{
	font-size: 1.5rem;
	font-weight: normal;
}

.dutchpay .input-number .btn-clear
{
	right: -16px;
}

.dutchpay .dutchpay-func
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 2px 0;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.dutchpay .dutchpay-func>button:first-child
{
	margin: -2px 0;
}

.dutchpay .dutchpay-friend-list
{
	overflow-y: auto;
	height: -webkit-calc(100vh - 365px);
	height: calc(100vh - 365px);
	/* margin: 18px -21px 0; */
	margin: 0 -21px 0;
	border-top: 1px solid #eee;
}

.dutchpay-friend-list ul
{
	padding: 3px 0;
}

.dutchpay-friend-list ul>li
{
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 24px 56px 24px 24px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.dutchpay-friend-list ul>li *
{
	line-height: 20px;
}

.dutchpay-friend-list ul>li>div
{
	white-space: nowrap;
}

.dutchpay-friend-list ul>li>div + div
{
	text-align: right;
	font-weight: bold;
}

.dutchpay-friend-list .btn-del
{
	position: absolute;
	top: 50%;
	right: 8px;
	width: 56px;
	height: 56px;
	background: url('../images_kiwi/icon-old/list_del_24.svg') no-repeat 50% 50%;
	background-size: 20px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.dutchpay-friend-list input
{
	width: 80%;
	border: 0;
	text-align: right;
	vertical-align: top;
	font-weight: bold;
}

.dutchpay .name
{
	overflow: hidden;
	display: inline-block;
	max-width: 100px;
	white-space: nowrap;
	text-overflow: ellipsis;
	vertical-align: middle;
}

.dutchpay .name.me
{
	position: relative;
	padding-right: 18px;
}

.dutchpay .name.me .ico
{
	position: absolute;
	top: 50%;
	right: 0;
	width: 14px;
	height: 14px;
	margin-top: -2px;
	line-height: 14px;
	text-align: center;
	background: #eee;
	border-radius: 50%;
	font-size: 9px;
	color: #999;
	vertical-align: middle;
	-webkit-transform: translateY(-40%);
	transform: translateY(-40%);
}

.dutchpay .name + .luck
{
	margin-left: 5px;
}

em.luck
{
	font-size: 0.813rem;
}

em.luck>span:not(.num)
{
	display: inline-block;
	padding: 0 5px;
	margin-left: 5px;
	color: #287EFF;
	background: #e3f4d2;
	vertical-align: middle;
	border-radius: 5px;
}

.rest-of-sum
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 -21px;
	padding: 16px 21px 0;
	border-top: 1px solid #eee;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.rest-of-sum>b
{
	font-size: 0.875rem;
	line-height: 30px;
}

.rest-of-sum .luck-or-luck
{
	position: relative;
	padding-left: 100px;
	font-size: 0.875rem;
	display: flex;
    align-items: center;
}

.rest-of-sum .luck-or-luck .form-toggle
{
	float: right;
}

.rest-of-sum .luck-or-luck .form-toggle,
	.rest-of-sum .luck-or-luck .form-toggle>label
{
	overflow-y: hidden;
	overflow-x: visible;
	position: static;
}

.rest-of-sum .luck-or-luck label>b
{
	display: none;
	position: absolute;
	top: 50%;
	right: 60px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.rest-of-sum .luck-or-luck .form-toggle>label:before
{
	left: auto;
	right: 20px;
    top: 5px;
}

.rest-of-sum .luck-or-luck .form-toggle>label>.mine
{
	display: block;
}

.rest-of-sum .luck-or-luck .form-toggle>input:checked + label:before
{
	left: auto;
	right: 2px;
	top: 5px;
}

.rest-of-sum .luck-or-luck .form-toggle>input:checked + label>.mine
{
	display: none;
}

.rest-of-sum .luck-or-luck .form-toggle>input:checked + label>.luck
{
	display: block;
}

.address-book .result
{
	overflow-x: auto;
	padding-top: 24px;
	padding-bottom: 18px;
	white-space: nowrap;
}

.address-book .result .friend
{
	position: relative;
	display: inline-block;
	width: 42px;
	text-align: center;
}

.address-book .result .friend ~ .friend
{
	margin-left: 20px;
}

.address-book .result .friend>*
{
	display: block;
}

.address-book .result .ico
{
	width: 42px;
	height: 42px;
	border: 1px solid #eee;
	border-radius: 50%;
	font-size: 1.25rem;
	line-height: 40px;
}

.address-book .result .name
{
	overflow: hidden;
	margin-top: 8px;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 0.875rem;
	color: #666;
	letter-spacing: -1px;
}

.address-book .result .btn-del
{
	position: absolute;
	top: -3px;
	right: -4px;
	width: 20px;
	height: 20px;
	background: url('../images_kiwi/icon-old/ic_member_del.svg') no-repeat;
	border: 0;
}

.address-book .form-check-list
{
	overflow-y: auto;
	max-height: -webkit-calc(100vh - 293px);
	max-height: calc(100vh - 293px);
}

.address-book .form-check-list>li
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 16px 0;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.btn-md-func2.kakao
{
	padding: 0;
}

/* 더치페이 상세 */
.dutchpay-detail-header
{
	padding-bottom: 36px;
}

.dutchpay-detail-header .total-amount
{
	margin-top: 24px;
	font-size: 1.75rem;
}

.dutchpay-detail-header .total-amount .num
{
	font-size: 2rem;
}

.dutchpay-detail-header .info
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 8px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.dutchpay-detail-header .info>span
{
	font-size: 0.875rem;
	color: #999;
	line-height: 28px;
}

.dutchpay-list
{
	border-top: 1px solid #eee;
}

.dutchpay-list>dl
{
	position: relative;
	padding: 20px 24px 6px;
	border-bottom: 1px solid #f8f8f8;
}

.dutchpay-list>dl>dt
{
	padding-bottom: 8px;
}

.dutchpay .dutchpay-list .name
{
	max-width: 50%;
}

.dutchpay-list .func
{
	position: absolute;
	top: 14px;
	right: 24px;
}

.dutchpay-list .func [class^="btn-"]
{
	margin-left: 5px;
}

.dutchpay-list .func label
{
	font-size: 0.875rem;
}

@media screen and (max-width: 320px)
{
	.dutchpay .dutchpay-friend-list
	{
		margin-left: -16px;
		margin-right: -16px;
	}

	.dutchpay-friend-list .btn-del
	{
		width: 52px;
		height: 52px;
	}

	.dutchpay-friend-list ul>li
	{
		padding: 16px 48px 16px 16px;
	}

	.dutchpay-list>dl
	{
		padding-left: 16px;
		padding-right: 48px;
	}

	.rest-of-sum
	{
		padding-left: 16px;
		padding-right: 16px;
		margin-left: -16px;
		margin-right: -16px;
	}

	.dutchpay-list .func
	{
		right: 16px;
	}
}

/* 경조사보내기 - 메세지카드 */
.msg-card-type
{
	overflow: hidden;
	border-radius: 8px;
}

/* .msg-card-type .msg-card-cont
{
	position: absolute !important;
	bottom: 24px;
	left: 24px;
	right: 24px;
	padding: 24px;
	background-color: #fff;
	color: #58a700;
	border-radius: 8px;
} */

.msg-card-type .word-count
{
	position: absolute;
	bottom: 10px;
	right: 15px;
	color: #141414;
}

.msg-card-type .word-count .total {
	color: #999;
}

.msg-card-type>img,
.card-write-mode .swiper-slide img
{
	/* overflow: hidden; */
	width: 100%;
	/* border-radius: 16px; */
}

.slide-motion
{
	position: relative;
}

.slide-motion [class^="msg-card"]
{
	z-index: 2;
}

/* 쓰기 */
.card-write-mode
{
	/* padding-top: 24px; */
}

.card-write-mode .tab-menu
{
	margin-top: -24px;
}

.card-write-mode .tab-menu + .form-check-group
{
	margin-top: 10px;
}

.card-write-mode .form-check-group
{
	margin-bottom: 20px;
}

.card-write-mode .msg-card-type
{
	position: absolute;
	top: 0;
	left: 24px;
	right: 24px;
	z-index: 2;
}

.card-write-mode .msg-card-cont textarea
{
	width: 100%;
	margin: -8px 0;
	font-size: 0.875rem;
	line-height: 1.5;
	color: #58a700;
	background-color: #fff;
	border-radius: 8px;
}

.card-write-mode .form-select-group {
	display: flex;
	justify-content: flex-end;
}

.card-write-mode .form-select-group .form-check>label {
	padding: 6px 12px;
	color: #999;
}

.card-write-mode .form-select-group .form-check>input:checked +label {
	color: #141414;
}

.card-write-mode .form-select-group .form-check>input[type="radio"] + label:before {
	display: none;
}

.card-write-mode .form-select-group .form-check::after {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	content: '';
	width: 1px;
	height: 8px;
	border-radius: 2px;
	background: #999;
}

.card-write-mode .form-select-group > span:last-child::after {
	display: none;
}

.card-write-mode .msg-card-type {
	position: relative;
	left: unset;
	right: unset;
	height: 384px;
	border-radius: 16px;
	border: 1px solid #eee;
}

.msg-card-type .msg-card-cont {
	position: absolute;
	left: 20px;
	right: 20px;
	bottom: 20px;
	padding: 20px;
	border-radius: 12px;
	border: 1px solid #fff;
	background: rgba(255, 255, 255, 0.6);
	box-shadow: 0 -4px 10px 0 rgba(255, 255, 255, 0.5) inset, 0 5px 10px 0 rgba(0, 0, 0, 0.10);
	backdrop-filter: blur(16px);
	font-size: 16px;
	color: #141414;
	line-height: 1.5rem;
}

.msg-card-type .msg-card-cont textarea {
	height: 133px;
	background: transparent;
	font-size: 1rem;
	color: #141414;
	line-height: 1.5rem;
}


/* 보기 */
.card-view-mode
{
	position: relative;
}

.card-view-mode .msg-card-type
{
	border-radius: 16px;
	width: 100%;
	height: 323px;
	overflow: hidden;
}

@media screen and (max-width: 320px)
{
	.msg-card-type .msg-card-cont
	{
		left: 16px;
		right: 16px;
		bottom: 16px;
		padding: 16px;
	}

	.card-write-mode .msg-card-type
	{
		left: 16px;
		right: 16px;
	}
}

/* 초대장 */
.invitation-area
{
	position: relative;
	padding: 40px 0 25px;
	background: #ebf7df;
}

.invitation-card
{
	height: 280px;
	padding-top: 72px;
	text-align: center;
	background: url('../images_kiwi/bg/bg_mobile_invitation.png') no-repeat center 0;
	background-size: contain;
}

.invitation-card .invitation
{
	display: block;
	margin-bottom: 8px;
	color: #58a700;
	font-size: 0.813rem;
	font-weight: bold;
}

.invitation-card .category
{
	display: block;
	margin-bottom: 10px;
	color: #58a700;
}

.invitation-card .name
{
	overflow: hidden;
	display: inline-block;
	font-size: 1.125rem;
	font-weight: bold;
	max-width: 190px;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: center;
}

.invitation-card .information
{
	color: #999999;
}

.invitation-card .information b
{
	color: #222222;
	font-weight: normal;
}

.invitation-card dt
{
	padding-bottom: 8px;
}

.invitation-card dl + p
{
	position: absolute;
	bottom: 25px;
	left: 0;
	width: 100%;
}

/* *************************************** MY메뉴 *************************************** */
/* >>>>> 모임통장 >>>>> */
.btn-md-func2.kakao
{
	background-color: #ffdd00;
	border-color: #ffdd00;
	color: #222;
}

.btn-md-func2.kakao span
{
	padding-left: 29px;
	background: url('../images_kiwi/icon-old/ico_kakaotalk.svg') no-repeat 0 50%;
}
/* 회원관리 - 목록 */
.member-all-chk
{
	border-bottom: #eee 1px solid;
	padding: 16px 24px;
	position: relative;
}

.member-all-chk > .ui-select
{
	position: absolute;
	top: 20px;
	right: 24px;
	padding: 0;
	background: none;
	border-radius: none;
}

.member-list
{
}

.member-list div.member
{
	display: table;
	width: 100%;
	table-layout: fixed;
	padding-top: 16px;
	padding-bottom: 16px;
	line-height: 1.2;
}

.member-list div.member > .form-check
{
	display: table-cell;
	width: 36px;
}

.member-list div.member .justify
{
	display: table;
	width: 100%;
	table-layout: fixed;
	padding-top: 2px;
}

.member-list div.member .justify dt
{
	display: table-cell;
	padding-right: 10px;
}

.member-list div.member .justify dt .miss
{
	margin-top: 6px;
	display: inline-block;
	font-size: 0.75rem;
	color: #999;
	height: 20px;
	line-height: 20px;
	padding: 0 5px;
	background-color: #f8f8f8;
	border: #eee 1px solid;
	border-radius: 4px;
}

.member-list div.member .justify dd
{
	display: table-cell;
	width: 90px;
	text-align: right;
}

.member-list div.member .justify dd .wait
{
	color: #999;
}

.member-list div.member > a
{
	display: table-cell;
	vertical-align: middle;
}

.member-list div.member > a .justify dd
{
	width: 105px;
}

.member-list div.member > a .justify dd span
{
	background: url('../images_kiwi/icon-old/btn_arr_r.svg') no-repeat right 50%;
	padding-right: 20px;
}
/* 메세지전송 */
.who-send
{
}

.who-send span
{
	display: inline-block;
	height: 28px;
	line-height: 28px;
	padding: 0 10px;
	font-size: 0.875rem;
	border-radius: 14px;
	background: #f8f8f8;
	color: #666;
	border: #ddd 1px solid;
	margin-bottom: 8px;
}
/* 메세지전송확인 */
.invitation-area
{
	text-align: center;
}

.invitation-area img
{
	border-radius: 8px;
	overflow: hidden;
}
/* <<<<< 모임통장 <<<<< */


/* >>>>> 경조금보내기 >>>>> */
/* 금액입력 */
.expenditure-history
{
	position: relative;
	height: -webkit-calc(100vh - 100px);
	height: calc(100vh - 100px);
	min-height: 456px;
}

.expenditure-history .title-area
{
	position: relative;
}

.expenditure-history .btn-menu
{
	position: absolute;
	top: 50%;
	right: 24px;
	height: 17px;
	line-height: 17px;
	padding-right: 15px;
	font-size: 0.875rem;
	color: #999;
	font-weight: normal;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	border: 0;
}

.expenditure-history .btn-menu i,
.expenditure-history .btn-menu:before,
.expenditure-history .btn-menu:after
{
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: 3px;
	height: 3px;
	background: #999;
	border-radius: 50%;
}

.expenditure-history .btn-menu i
{
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.expenditure-history .btn-menu:before
{
	top: 0;
}

.expenditure-history .btn-menu:after
{
	top: auto;
	bottom: 0;
}

.expenditure-keypad
{
	position: absolute;
	bottom: -20px;
	left: 0;
	right: 0;
}

.expenditure-keypad .ui-keypad
{
	position: relative;
	height: 70vh;
	min-height: 404px;
}

.expenditure-keypad .ui-select
{
	margin-top: 40px;
}

.expenditure-keypad .keypad
{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: -webkit-calc(100% - 180px) !important;
	height: calc(100% - 180px) !important;
	opacity: 1 !important;
}

/* 카드선택 */
.msg-card-radio
{
	text-align: center;
}

.msg-card-radio > span
{
	float: left;
	width: -webkit-calc((100% - 8px) / 2);
	width: calc((100% - 8px) / 2);
}

.msg-card-radio > span:last-child
{
	float: right;
}

.msg-card-radio input
{
	position: absolute;
	z-index: -1;
}

.msg-card-radio label:before,
.msg-card-radio label:after
{
	display: none;
}

.msg-card-radio label
{
	display: block;
	border: 1px solid transparent;
	text-align: center;
	-webkit-transition: background-color .3s, color .5s,  order-color .3s;
	transition: background-color .3s, color .5s,  order-color .3s;
	height: 44px;
	line-height: 44px;
	padding: 0 16px;
	border-radius: 8px;
	background: #f8f8f8;
	color: #999;
	border-color: #f8f8f8;
}

.msg-card-radio input[type="radio"]:checked + label
{
	background-color: #fff;
	border-color: #7bcd20;
	color: #58a700;
}

.msg-card-radio:after
{
	content: '';
	display: block;
	clear: both;
}
/* <<<<< 경조금보내기 <<<<< */



/* info-wrap */
.info-wrap
{
	padding: 10px 0;
}

.info-wrap .text + .desc
{
	margin-top: 10px;
	;
}

.info-wrap .desc
{
	font-size: 0.875rem;
	line-height: 1.5;
	color: #999999;
}

.info-wrap .link
{
	display: block;
	margin-top: 10px;
	font-size: 0.875rem;
	text-decoration: underline;
}

/* folded-dt */
.ui-toggle dt.fold
{
	position: relative;
}

.ui-toggle dt.fold
{
	height: 50px;
	padding: 15px 0;
	font-size: 1rem;
	text-align: left;
}

.ui-toggle dt.fold .btn-toggle
{
	position: absolute;
	top: 0;
	right: -24px;
	width: 72px;
	height: 50px;
	background: url('../images_kiwi/icon-old/ico_arr_b.svg?ver=20241015') no-repeat 50% 50%;
}

.ui-toggle dt.fold .btn-toggle.open
{
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.toggle-group
{
	margin-bottom: 9px;
	text-align: right;
}

.toggle-group .label
{
	display: inline-block;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
}

.toggle-group .label + .form-toggle
{
	vertical-align: middle;
}

/* 상품비교 */
.panel.vs
{
	position: relative;
	margin-top: 28px !important;
}

.panel.vs .title-d3
{
	padding-top: 14px;
	margin-bottom: 10px;
}

.panel.vs .dl-contents + .dl-contents
{
	padding-top: 38px;
}

.panel.vs .dl-contents>dl>*
{
	padding: 0;
}
.panel.vs .dl-contents + .dl-contents {
	border-top: 0;
}
.panel.vs .dl-contents + .dl-contents:before
{
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 1px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background: #eee;
}

.panel.vs .dl-contents + .dl-contents:after
{
	content: 'vs';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 48px;
	height: 48px;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	box-shadow: 0 3px 9px 1px rgba(0,0,0,0.16);
	border-radius: 50%;
	background: #ffd338;
	text-align: center;
	font-family: roboto;
	font-size: 1.5rem;
	line-height: 48px;
	letter-spacing: -1px;
	color: #fff;
}

/* dl-contents tooltip */
.btn-tooltip.btn-more
{
	width: auto;
	height: auto;
}

.btn-tooltip.btn-more:after
{
	content: '';
	display: inline-block;
	width: 0;
	height: 0;
	margin: 2px 0 0 5px;
	border: 5px solid transparent;
	border-top-color: #999;
	vertical-align: middle;
}

.dl-contents .tooltip-layer
{
	padding: 36px 24px 20px;
}

.dl-contents .tooltip-layer .dl-contents>dl>dt
{
	text-align: left;
}

.dl-contents .tooltip-layer .dl-contents>dl>dd
{
	font-size: .875rem;
}
.dl-contents .tooltip-layer .dl-contents>dl>dd > em.num {
	font-weight: 400;
}

.dl-contents .tooltip-layer .dl-contents>dl>*
{
	padding: 2px 0;
}

/* >>>>> 꿀적금, 플러스 kiwi 적금 >>>>> */

/* 계좌 요약 */
.installment-savings .fixed-area .share
{
	position: absolute;
	top: 24px;
	right: 24px;
	z-index: 2;
}

.installment-savings .fixed-area.fixed .share,
.installment-savings .fixed-area.fixed dd:not(.amount),
.installment-savings .fixed-area.fixed .share-sns
{
	display: none;
}

.installment-savings .account-summary .message
{
	align-self: center;
	display: inline-block;
	padding: 2px 16px;     
	border-radius: 999px;
	background: #FFF3D7;
	font-weight: 500;
	/* font-size: 0.813rem;
	line-height: 1.5rem; */
}

.installment-savings .account-summary .message ~ .message {
	background: #fff;
}

/* .installment-savings .account-summary .message span:last-child
{
	display: inline-block;
	padding-left: 8px;
	margin-left: 8px;
	position: relative;
}

.installment-savings .account-summary .message span:last-child:before
{
	content: "";
	height: 8px;
	border-left: #999 1px solid;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
} */

.installment-savings .account-summary .message span
{
	display: inline-block;
	padding-left: 8px;
	margin-left: 8px;
	position: relative;
}

.installment-savings .account-summary .message span:before
{
	content: "";
	height: 8px;
	border-left: #999 1px solid;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.installment-savings .account-summary .message span
{
	display: inline-block;
	padding-left: 8px;
	margin-left: 8px;
	position: relative;
}

.installment-savings .account-summary .message span:first-child:before
{
	display:none
}

.installment-savings .account-summary .message.type2 {	
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 8px 16px;
}

.installment-savings .account-summary.deposit-account .highlighter:before
{
	background: rgba(85,181,16,1);
}

.installment-savings .quick-menu
{
	top: 27px;
	z-index: 2;
}

.installment-savings .share-sns
{
	position: absolute;
	top: 27px;
	right: 53px;
	z-index: 1;
	width: 20px;
	height: 20px;
}

.installment-savings .share-sns .btn-share
{
	/* vertical-align: baseline; */
}

.installment-savings dd.contents-btns .btn-md-lg-func2
{
	border: none;
	font-size: 0.875rem;
}

/* 추가납입 */
.installment-savings .payment-add
{
	position: relative;
	padding-bottom: 0;
}

.installment-savings .my-state
{
	margin: 6px 0 14px 0;
	padding: 16px 20px;
	border-radius: 8px;
	background: #ffecb1;
	box-shadow: 0 0 2px 0 rgba(20, 20, 20, 0.08), 0 2px 8px 0 rgba(20, 20, 20, 0.1);
	display: table;
	width: 100%;
}

.installment-savings .my-state li
{
	display: table-cell;
	text-align: left;
	color: #222222;
	width: 50%;
}

.installment-savings .my-state li > a
{
	display: flex;
	flex-direction: column;
	align-items: center;
}

.installment-savings .my-state li + li
{
	width: 56%;
}

.installment-savings .my-state li span
{
	/* width: 39%; */
	font-size: 0.813rem;
	vertical-align: middle;
	letter-spacing: -0.5px;
	padding-right: 8px;
}

.installment-savings .my-state li b
{
	display: inline-block;
	font-size: 1rem;
	font-weight: 700;
	vertical-align: middle;
	/* text-decoration: underline; */
}

.installment-savings .my-state li+li b
{
	padding-right: 0;
	float: right;
	letter-spacing: -0.5px;
}

.installment-savings .my-state li .point:before
{
	content: '';
	display: none;
	width: 14px; 
	height: 14px;
	margin-right: 2px;
	background: url('../images_kiwi/icon-old/ic_point_g.svg?ver=20241015') no-repeat;
	vertical-align: top;
}

.installment-savings .my-state li b:after
{
	content: '';
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-right: 2px;
	background: url('../images_kiwi/icon-old/ico_arr_r_black.svg') no-repeat;
	vertical-align: baseline;
}

.installment-savings .my-state .num {
	font-size: 1.25rem;
}

.installment-savings .my-state .point {
	font-size: 1.25rem;
}

/* 납입현황 */
.installment-savings .payment-status
{
	max-width: 624px;
	margin: 16px auto 0 auto;
}

.installment-savings .payment-status .state-list-wrap
{
	position: relative;
	min-height: 120px;
}

.installment-savings .payment-status .state-list-wrap li
{
	position: relative;
	text-align: center;
}

.installment-savings .payment-status .state-list-wrap .state-list.start
{
	position: absolute;
	left: 0;
	bottom: 0;
}

.installment-savings .payment-status .state-list li
{
	position: relative;
	z-index: 1;
	width: 20%;
	min-height: 50px;
}

.installment-savings .payment-status .state-list li span
{
	display: none;
	position: absolute;
	left: 15%;
	right: 15%;
	bottom: -5px;
	z-index: 1;
	height: 33.3%;
	max-height: 2rem;
	padding-top: 5%;
	background: #EEB600;
	border-radius: 5vw;
	font-size: 0.7rem;
}

.installment-savings .payment-status .state-list li.on span
{
	display: block;
}

.installment-savings .payment-status .goal-amount
{
	margin-top: 16px;
	text-align: center;
	opacity: 0.7;
}

.layer .installment-savings .goal-amount
{
	margin-top: 20px;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.5rem;
	text-align: center;
}

.layer .installment-savings .goal-amount .num {
	color: #06f;
	font-weight: bold;
}

@media screen and (min-width: 586px)
{
	.installment-savings .payment-status .state-list li span
	{
		padding-top: 10%;
		font-size: 0.813rem;
	}
}

/* 꿀적금 스템프 SET */
.installment-savings .payment-status .state-list
{
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	padding: 0 20px;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

.installment-savings .payment-status .state-list:before,
.installment-savings .payment-status .state-list:after
{
	content: '';
	position: absolute;
	bottom: 8%;
	left: 0;
	right: 0;
	height: 20%;
	background: #FFD338;
	border-radius: 12px;
}

.installment-savings .payment-status .state-list:before
{
	bottom: 0;
	height: 25.7%;
	background: #EEB600;
}

.installment-savings .payment-status .state-list li:after
{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: url('../images_kiwi/contents/img_pig_off.png') no-repeat 50% 0;
	background-size: auto 100%;
}

.installment-savings .payment-status .state-list li.on:after
{
	background-image: url('../images_kiwi/contents/img_pig_on.png');
}
/* 플러스 kiwi 적금 스템프 SET */
.installment-savings .payment-status .col6 .state-list
{
	padding: 0 2%;
	text-align: center;
}

.installment-savings .payment-status .col6 li
{
	width: -webkit-calc(100% / 6);
	width: calc(100% / 6);
}

.installment-savings .payment-status .col6 li:after
{
	background-image: url('../images_kiwi/contents/img_kiwi_off.png');
}

.installment-savings .payment-status .col6 li.on:after
{
	background-image: url('../images_kiwi/contents/img_kiwi_on.png');
}

.installment-savings .payment-status .col6 .state-list li.on span
{
	display: none;
}

.installment-savings .payment-status .col6 li.state1.on:after
{
	background-image: url('../images_kiwi/contents/img_kiwi_on_1.gif');
}

.installment-savings .payment-status .col6 li.state4.on:after
{
	background-image: url('../images_kiwi/contents/img_kiwi_on_4.gif');
}

.installment-savings .payment-status .col6 li.state8.on:after
{
	background-image: url('../images_kiwi/contents/img_kiwi_on_8.gif');
}

.installment-savings .payment-status .col6 li.state12.on:after
{
	background-image: url('../images_kiwi/contents/img_kiwi_on2_12.gif');
}

/* status-bar */
.installment-savings .state-list-wrap + .status-bar
{
	margin-top: 28px;
}

.installment-savings .status-bar .bar
{
	position: relative;
	width: 100%;
	height: 12px;
	padding: 2px;
	border-radius: 6px;
	background-color: #f8f8f8;
}

.installment-savings .status-bar .bar .this:before
{
	content: '';
	display: inline-block;
	width: 30px;
	height: 30px;
	/* margin-bottom: 3px; */
	background: url('../images_kiwi/contents/img_minipig.png') no-repeat;
	background-size: 30px 30px;
}

.installment-savings .status-bar .bar .this
{
	/* overflow: hidden; */
	display: inline-block;
	position: relative;
	top: -14px;
	left: 20px;
	width: 36px;
	height: 48px;
	background: url('../images_kiwi/icon-old/ic_pig_date.svg') no-repeat 0 bottom;
	font-size: 0.75rem;
	color: #ff8e8e;
	text-align: center;
	background-size: 100% 18px;
}

.installment-savings .status-bar:after
{
	content: '';
	display: block;
	clear: both;
}

.installment-savings .status-bar .start
{
	float: left;
	margin-top: 10px;
}

.installment-savings .status-bar .end
{
	float: right;
	margin-top: 10px;
}

.installment-savings .status-bar .bar span
{
	position: absolute;
	display: inline-block;
	top: 2px;
	left: 2px;
	height: 8px;
	background-color: #ff8e8e;
	border-radius: 4px;
	text-align: right;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-delay: .2s;
	animation-delay: .2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.installment-savings .status-bar .state1
{
	-webkit-animation-name: state1;
	animation-name: state1;
}

.installment-savings .status-bar .state2
{
	-webkit-animation-name: state2;
	animation-name: state2;
}

.installment-savings .status-bar .state3
{
	-webkit-animation-name: state3;
	animation-name: state3;
}

.installment-savings .status-bar .state4
{
	-webkit-animation-name: state4;
	animation-name: state4;
}

.installment-savings .status-bar .state5
{
	-webkit-animation-name: state5;
	animation-name: state5;
}

.installment-savings .status-bar .state6
{
	-webkit-animation-name: state6;
	animation-name: state6;
}

.installment-savings .status-bar .state7
{
	-webkit-animation-name: state7;
	animation-name: state7;
}

.installment-savings .status-bar .state8
{
	-webkit-animation-name: state8;
	animation-name: state8;
}

.installment-savings .status-bar .state9
{
	-webkit-animation-name: state9;
	animation-name: state9;
}

.installment-savings .status-bar .state10
{
	-webkit-animation-name: state10;
	animation-name: state10;
}

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

	100%
	{
		width: -webkit-calc(10% - 4px);
		width: calc(10% - 4px);
	}
}

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

	100%
	{
		width: -webkit-calc(10% - 4px);
		width: calc(10% - 4px);
	}
}

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

	100%
	{
		width: -webkit-calc(20% - 4px);
		width: calc(20% - 4px);
	}
}

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

	100%
	{
		width: -webkit-calc(20% - 4px);
		width: calc(20% - 4px);
	}
}

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

	100%
	{
		width: -webkit-calc(30% - 4px);
		width: calc(30% - 4px);
	}
}

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

	100%
	{
		width: -webkit-calc(30% - 4px);
		width: calc(30% - 4px);
	}
}

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

	100%
	{
		width: -webkit-calc(40% - 4px);
		width: calc(40% - 4px);
	}
}

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

	100%
	{
		width: -webkit-calc(40% - 4px);
		width: calc(40% - 4px);
	}
}

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

	100%
	{
		width: -webkit-calc(50% - 4px);
		width: calc(50% - 4px);
	}
}

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

	100%
	{
		width: -webkit-calc(50% - 4px);
		width: calc(50% - 4px);
	}
}

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

	100%
	{
		width: -webkit-calc(60% - 4px);
		width: calc(60% - 4px);
	}
}

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

	100%
	{
		width: -webkit-calc(60% - 4px);
		width: calc(60% - 4px);
	}
}

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

	100%
	{
		width: -webkit-calc(70% - 4px);
		width: calc(70% - 4px);
	}
}

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

	100%
	{
		width: -webkit-calc(70% - 4px);
		width: calc(70% - 4px);
	}
}

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

	100%
	{
		width: -webkit-calc(80% - 4px);
		width: calc(80% - 4px);
	}
}

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

	100%
	{
		width: -webkit-calc(80% - 4px);
		width: calc(80% - 4px);
	}
}

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

	100%
	{
		width: -webkit-calc(90% - 4px);
		width: calc(90% - 4px);
	}
}

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

	100%
	{
		width: -webkit-calc(90% - 4px);
		width: calc(90% - 4px);
	}
}

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

	100%
	{
		width: -webkit-calc(100% - 4px);
		width: calc(100% - 4px);
	}
}

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

	100%
	{
		width: -webkit-calc(100% - 4px);
		width: calc(100% - 4px);
	}
}

/* 추천인 코드 */
.recommended-code
{
	margin-top: 10px;
	text-align: center;
}

.recommended-code .code + .btn-sm-func2
{
	margin-top: 8px;
}

.recommended-code.box
{
	margin: 20px 24px;
	border: 1px solid #eee;
	border-radius: 8px;
}

/* 도전 소식 공유 레이어 팝업 */
/* .layer-contents .installment-savings
{
	margin: 0 6px;
	border-radius: 8px;
} */

.layer-contents .installment-savings .account-summary .ui-card
{
	padding: 18px 0 0;
}

.account-summary .ui-card>dt.share-title
{
	position: relative;
	padding: 0 15px;
	font-size: 1rem;
	line-height: 26px;
	font-weight: bold;
	text-align: right;
}

.deposit-status {
	display: flex;
	flex-direction: column;
	padding: 20px;
	border-radius: 16px;
	background: #ffefb9;
	
}

.layer-contents .installment-savings .deposit-status {
	position: relative;
	flex-direction: row;
	align-items: center;
	padding: 16px 20px;
	overflow: hidden;
}

.layer-contents .installment-savings .deposit-status .img {
	position: absolute;
	top: 11px;
	right: 20px;
	width: 46px;
	height: auto;
}

.layer-contents .installment-savings .deposit-status .text-16,
.layer-contents .installment-savings .deposit-status .text-16 strong.emphasis {
	font-weight: 700;
}

.layer-contents .installment-savings .recommended-code .code {
	display: flex;
	align-items: baseline;
	gap: 8px;
	margin: auto;
}

.layer-contents .installment-savings .favorite-wrap {
	gap: 36px;
	padding: 20px 0;
}

.layer-contents .installment-savings .account-summary .ui-card .share-title:before
{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 15px;
	width: 54px;
	height: 20px;
	background: url('../images_kiwi/icon-old/bi_kiwi_w.svg') no-repeat 0 0;
}

.layer-contents .installment-savings .account-summary.deposit-account
{
	border-radius: 8px;
}

.layer-contents .installment-savings .payment-status
{
	margin-top: 20px;
}

/* .layer-contents .installment-savings .payment-status
{
	-webkit-transform: scale(0.88);
	transform: scale(0.88);
} */

.layer-contents .installment-savings .share-list
{
	padding: 24px 0;
}

.layer-contents .account-summary .ui-card>dt.share-title
{
	margin-top: 0;
}

/* <<<<< 꿀적금, 플러스 kiwi 적금 <<<<< */



/* 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)
{
	.recommended-code.box
	{
		margin: 16px;
	}

	.installment-savings .payment-status .state-list
	{
		padding: 0 10px;
		background-size: 100%;
	}

	.account-summary .ui-card
	{
		padding: 28px 16px 10px;
	}

	.installment-savings .status-bar .bar .this:before
	{
		margin-bottom: 5px;
	}

	.invitation-card
	{
		height: 255px;
	}
}

/* <<<<< 더치페이 카드글자 <<<<< */
.card-view-mode > .msg-card-type > img + .msg-card-cont > p.text-14.card-txt {max-height:63px; word-break:break-all; overflow:hidden;}


/* 오픈뱅킹 추가납입 */

.installment-savings .my-state2
{
	margin: 2px 0 2px 0;
	padding: 20px 14px 20px 16px;
	border-radius: 8px;
	background: #55b510;
	display: table;
	width: 100%;
}
.installment-savings .my-state2 li
{
	display: table-cell;
	text-align: center;
	width: 50%;
}

.installment-savings .my-state2 li+li
{
	border-left:1px solid #D1E59A;
}


.installment-savings .my-state2 li > a
{
	display: block;
}

.installment-savings .my-state2 li div
{
	font-size: 0.813rem;
	vertical-align: middle;
	letter-spacing: -0.5px;
	padding-top: 8px;
	color: #E5F0C9;
}

.installment-savings .my-state2 li .point:before
{
	content: '';
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-right: 2px;
	background: url('../images_kiwi/icon-old/ic_point_g.svg?ver=20241015') no-repeat;
	vertical-align: top;
}

.installment-savings .my-state2 li b:after
{
	content: '';
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-right: 2px;
	background: url('../images_kiwi/icon-old/ico_arr_r_white.svg') no-repeat;
	vertical-align: top;
}



/* coupon  */
.coupon {
	background: #fff;
	border-radius: 8px;
	box-shadow: 0px 4px 8px 0 rgba(0,0,0,0.05);
	padding-right: 0 !important;
	margin-bottom: 8px;
	border: 1px solid #EEEEEE;
}
.coupon:last-of-type {
	margin-bottom: 0;
}
.coupon>.inner {
	padding: 24px 24px;
}
.coupon .top {
	position: relative;	
	padding-bottom: 20px;
	border-bottom: #f6f6f6 2px dashed;
}	
.coupon .top:before,
.coupon .top:after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0px;
	transform: translateY(50%);
	width: 20px;
	height: 20px;
	border-radius: 50%;
}
.coupon .top:before {
	left: -34px;
}
.coupon .top:after {
	right: -34px;
}
.coupon .top .txt-wrap {
	/* border: 1px solid red; */
	padding: 10px 0px 0px 70px;
	margin: 20px 40px 0 0;
	min-height: 54px;
	background: url('../images_kiwi/icon-old/ico_coupon.svg') no-repeat 0 0;
}
.coupon .top .detail {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 0px;
	width: 28px;
	height: 28px;
	background: url(../images_kiwi/icon-old/ico_arrow_circle_28x28.svg);
	text-indent: -9999px;
}
.coupon .bottom {
	padding-top: 20px;
}
.coupon .bottom .tit {
	position: relative;
	padding-right: 5px;
}
.coupon .bottom .tit:after {
	content: "";
	display: block;
	position: absolute;
	top: 4px;
	right: 0px;
	width: 1px;
	height: 10px;
	background: #EEEEEE;
}
.coupon .bottom .nb {

}
.coupon .bottom .link {
	float: right;
    font-size: 0.813rem;
    font-weight: normal;
    color: #222222;
	letter-spacing: 0;	
	text-decoration: underline;
}



/* 한도제한해제  */
.form-check.cir-only {
    display: inline-block;
    position: relative;
}
.form-check.cir-only input[type=checkbox] + span {
    display: inline-block;
    position: relative;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #eee;
}
.form-check.cir-only input[type=checkbox] + span::before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(../images_kiwi/icon-old/ico_check_w_24.svg) center center no-repeat;
}
.form-check.cir-only input[type=checkbox]:checked + span {
    background-color: #ffcc00;
}

.serv-menu-list {
    position: relative;
    margin-bottom: 20px;
}
.serv-menu-list li.item {
    padding: 16px;
    border-radius: 12px;
    border: 1px solid #dcdcdc;
}
.serv-menu-list li.item + li{margin-top: 8px;}
.serv-menu-list li.item.active {
    /* border-radius: 12px;
    outline-style: solid;
    outline-color: #ffbc00;
    outline-width: medium;
	border: none; */
	border: 2px solid #ffbc00;

}
.serv-menu-list li.item .agreement-of-terms {
    visibility:hidden;
    height:0px;
    
    -webkit-transition: height .3s;
    transition: height .3s;
}
.serv-menu-list li.item.active .agreement-of-terms {
	visibility:visible;
    height:auto;
	
    -webkit-transition: height .3s;
    transition: height .3s;
}
.serv-menu-list .serv-menu {
    display: flex;
    align-items: center;
    padding-right: 20px;
    word-break: keep-all;
    background: url('../images_kiwi/icon/btn_arr_r.svg') right center no-repeat;
}

.serv-menu-list .serv-menu .ico-noSheet {
    background: url('../images_kiwi/icon/ico_inquery_4.svg') left center no-repeat;
}
.serv-menu-list .serv-menu .ico-hasSheet {
    background: url('../images_kiwi/icon/ico_inquery_3.svg') right center no-repeat;
}
.serv-menu-list .serv-menu .ico {
    flex-shrink: 0;
    display: block;
    width: 48px;
    min-height: 48px;
	background-size: contain;
}
.serv-menu-list .serv-menu .tit>strong {
	font-size: 1rem;
}
.serv-menu-list .serv-menu .tit {
    padding-left: 18px;
    font-weight: 300;
    line-height: 1.5;
    color: #141414;
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.serv-menu-list .agree-terms {
    margin-top: 23px;
}
.serv-menu-list .agree-terms-item {
    display: flex;
}
.serv-menu-list .agree-terms-item .agree-terms-cont {
    margin-left: 8px;
}
.agree-terms-item .agree-terms-cont p {
    font-size: 0.875rem;
    line-height: 1.5;
    word-break: keep-all;
}
.agree-terms-item .agree-terms-cont p + p {
    margin-top: 10px;
}
.serv-menu-list .agree-terms h3.tit {
    margin-bottom: 9px;
    font-size: 0.875rem;
    font-weight: bold;
    color: #222;
    line-height: 20px;
}
.serv-link-box{
	margin-top: 28px;
	display: flex;
	flex-direction: column;
	padding: 16px 20px;
	border: 1px #dcdcdc solid;
	border-radius: 12px;
}
.serv-link-box a.serv-link + a.serv-link{
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px #dcdcdc solid;
}
.serv-link-box a.serv-link {
    background: url('../images_kiwi/icon/btn_arr_r.svg') right center no-repeat;
}
.serv-link-box a.serv-link:last-child{
	background-position: right 0 top 14px;
}
.serv-cert dt{color: #141414 !important;}
.serv-cert dd{
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 1rem;
}
.serv-cert dd img{width: 24px; height: 24px;border-radius: 999px;}
.account-list-wrap {
    position: relative;
    padding-top: 11px;
}
.limit-account-list {
    position: relative;
}
.limit-account-list li.item {
    padding: 24px;
    border-bottom: 1px solid #eee;
}
.limit-account-item {
    display: flex;
}
.limit-account-item span.blind {
    overflow: hidden;
    font-size: 0;
    line-height: 0;
}
.limit-account-item .limit-account {
    padding-left: 8px;
}
.limit-account-item .limit-account .account-info {
    margin-bottom: 8px;
    line-height: 1.5;
}
.limit-account-item .limit-account .account-balance {
    font-size: 1.125rem;
    font-weight: bold;
}
.limit-account-item .limit-account .account-balance strong {
    font-family: 'Roboto';
    font-size: 1.375rem;
    font-weight: bold;
}

.data-table-compare {
    margin: 6px 0 40px;
}
.data-table-compare tbody th {
    color: #666;
    border-bottom: 0;
}
.data-table-compare tbody td {
    color: #222222;
    vertical-align: top;
    word-break: keep-all;
	text-align: center;
}
.data-table.data-table-compare tbody td {
	text-align: left;
}
.data-compare-wrap {
    position: relative;
}
.data-compare-wrap .form-check.cir>input[type="checkbox"] + label::before {
    top: 0;
    transform: translateY(0);
}
.data-compare-wrap .content-btns {
    margin-top: 36px;
    padding: 0;
}
[class^="btn-"][class*="-func5"] {
    padding: 0 8px;
    background: #fff;
    font-size: 0.875rem;
    color: #333;
    border: 1px solid #999;
    border-radius: 4px;
    letter-spacing: -1px;
}
@media all and (max-width: 375px) {
    .data-compare-wrap .content-btns .btn-md-func5:first-child {
        font-size: 12px;
    }
	.data-compare-wrap .content-btns #btnCmpr {
        font-size: 0.875rem;
    }
}
/* .join-step.open-step li::after,
.join-step.meeting-step li::after {
	position: absolute;
	left: 0;
	top: 55px;
	width: 48px;
	height: 44px;
	content: '';
	background: url(../images_kiwi/icon/ico_arr_3.svg) no-repeat;
	background-size: contain;
} */
.join-step.open-step li:last-child::after,
.join-step.meeting-step li:last-child::after {
	display: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

.join-step.open-step li:nth-child(5):before {
	background: #f5f5f5 url(../images_kiwi/icon/ico_inquery_2.svg) no-repeat center;
}
.join-step.meeting-manage li {padding: 16px 0;}
/* .join-step.meeting-manage li::after {display: none;} */

.join-step.meeting-manage .step-context {
	width: 100%;
}
.join-step.meeting-manage .btn-link {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	font-size: 1rem;
	color: #141414;
	text-align: left;
}

.join-step.meeting-manage .btn-link::after {
    display: inline-block;
    width: 20px;
    height: 20px;
    content: '';
	background: #858585;
	-webkit-mask-image: url('../images_kiwi/icon/btn_arr_r.svg');
	mask-image: url('../images_kiwi/icon/btn_arr_r.svg');
	mask-repeat: no-repeat;
	mask-size: cover;
	fill: none;
}

.join-step.meeting-member li {
	margin: 0 -21px;
	padding: 16px 21px;
}
.join-step.meeting-notice li::before,
.join-step.meeting-member li::before {
	display: none;
}
.join-step.meeting-member li.selected {
	background: #f5f5f5;
}
.join-step.meeting-member .member-profile > span, .input-bx.meeting-member .member-profile > span {
	width: 48px;
	height: 48px;
	background: #f0f0f0;
}

.join-step.meeting-member .member-profile > span img, .input-bx.meeting-member .member-profile > span img  {
	max-width: 28px;
	max-height: 35px;
	width: 100%;
	height: 100%;
}

.join-step.meeting-member .member-profile .ico-badge, .input-bx.meeting-member .member-profile .ico-badge {
	width: 20px;
	height: 20px;
}

.join-step.meeting-member .step-context {
	justify-content: center;
}

.join-step.meeting-member .form-check label {
	padding: 0;
}

.join-step.meeting-member .form-check label::before {
	top: 0;
	left: unset;
	right: 0;
	margin: 0;
}

.join-step.meeting-member [class^="btn-"] {
	position: absolute;
	right: 21px;
	top: 16px;
}

.input-bx.meeting-member {
	padding: 20px;
}
.input-bx.meeting-member .member-profile {
	margin-right: 16px;
	margin-bottom: 0;
}
.input-bx.meeting-member .value .name .text-16 {
	margin-bottom: 8px;
}

.input-bx.meeting-member button.form-control.select:after {
	top: 0;
	transform: translateY(0);
}

.label-check label {
	display: inline-block;
	height: 30px;
    padding: 6px 12px;
    font-size: 0.8125rem;
    border-radius: 999px;
	background: #ebebeb;
    line-height: 1.25rem;
	text-align: center;
}

.label-check input:checked + label {
	background: #ffefb9;
}

.bottom-sheet .join-step.meeting-member .option-list label {
	display: flex;
	gap: 16px;
	width: 100%;
}

.auth-set-group .form-check-group .form-check>label {
	font-size: 0.813rem;
	line-height: 1.313rem;
}

.subscription-item, .subscription-item > a {
	display: flex;
	gap: 16px;
	width: 100%;
	align-items: center;
}

.subscription-item .member-profile .ico-badge {
    width: 20px;
    height: 20px;
}

.subscription-item .member-profile > span {
    width: 48px;
    height: 48px;
    background: #f0f0f0;
}

.subscription-item .member-profile > span img {
    max-width: 28px;
    max-height: 35px;
    width: 100%;
    height: 100%;
	margin-bottom: 0;
}

.subscription-item .step-context {
    display: flex;
    flex-direction: column;
	justify-content: center;
    gap: 8px;
}

.subscription-item + .ui-card .dl-contents i.num {
	font-weight: 700;
}

.meeting-summary .photo-panel {
	border-radius: 0;
}

.meeting-summary .photo-panel .inner {
	padding: 28px 21px 20px;
}

.meeting-img {
	display: flex;
	justify-content: flex-end;
	margin: -75px 0 20px;
}

.meeting-img img {
	width: 118px;
	height: 94px;
}

.meeting-bankbook ul {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.meeting-subscription .photo-panel {
	border-radius: 0;
}

.meeting-subscription .btn-inquiry {
	font-size: 1rem;
	color: #141414;
	line-height: 1.5rem;
}

.meeting-subscription .btn-inquiry:after {
	margin-left: 8px;
	background: #141414;
}

.meeting-subscription .subscription-status {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-top: 16px;
    padding: 20px;
    border-radius: 16px;
    border: 1px solid #fff;
    background: rgba(255, 255, 255, 0.6);
    box-shadow: 0 -4px 10px 0 rgba(255, 255, 255, 0.5) inset, 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(16px);
}
.text-context{display: flex; flex-direction: column; gap: 8px;}
.meeting-member .notice-info p.text{font-size: 1rem; width: calc(100% - 30px);}
.meeting-member .notice-info .text-gray{font-weight: 300;}
.meeting-member .notice-info .txt-date{color: #858585; display: flex; gap: 6px; font-weight: 300;}
.meeting-member .notice-info .txt-date span::before{
	content: '·'; margin-right: 6px;


	color: #858585;}
.photo-panel {
	position: relative;
	border-radius: 12px;
	overflow: hidden;
}
.photo-panel .inner {
	position: relative;
	z-index: 3;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 20px;
	background: rgba(255,255,255, 0.6);
	backdrop-filter: blur(10px);
	height: 100%;
}
.photo-panel .upload-photo {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #ffefb9;
}
.photo-panel .upload-photo img {
	position: absolute;
	left: 0;
	top: 0;
	transform: translateY(-50%);
	object-fit: cover;
}
.photo-panel .badge {
	position: absolute;
	right: 20px;
	top: 50%;
	z-index: 4;                 
	transform: translateY(-50%);
	padding: 2px 10px;
	border-radius: 6px;
	font-size: 12px;
}

/* 모임통장 상세 */
.meeting-bankbook-detail {
	position: relative;
	padding: 28px 21px 36px;
	overflow: hidden;
}

.meeting-bankbook-detail .upload-photo {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	background: #ebddcf;
	z-index: -1;
}

.meeting-bankbook-detail .upload-photo img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	/* max-width: none;
	 */
}

.meeting-bankbook-detail .meeting-detail {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 28px;
	padding: 20px;
	background: #e6e6e6;
	border-radius: 16px;
	border: 1px solid #fff;
	box-shadow: 0 -4px 10px 0 rgba(255,255,255,0.5) inset, 0 5px 10px 0 rgba(0,0,0, 0.1);
}

.meeting-bankbook-detail .meeting-status {
	display: flex;
	gap: 8px;
	align-items: center;
	margin-top: 8px;
	padding: 20px;
	background: #e6e6e6;
	border-radius: 16px;
	border: 1px solid #fff;
	box-shadow: 0 -4px 10px 0 rgba(255,255,255,0.5) inset, 0 5px 10px 0 rgba(0,0,0, 0.1);
}

@supports (backdrop-filter: blur(16px)) {
	.meeting-bankbook-detail .meeting-detail,
	.meeting-bankbook-detail .meeting-status {
		background: rgba(255,255,255, 0.6);
		backdrop-filter: blur(16px);
	}
}

.meeting-bankbook-detail .meeting-status .txt-tit {
	font-size: 1rem;
	line-height: 1.5rem;
}

.meeting-bankbook-detail .meeting-status .btn-area {
	display: flex;
	flex: none;
	align-items: flex-start;
	margin-left: auto;
}

.meeting-bankbook-detail .meeting-status .divider {
	width: 1px;
	height: 11px;
	background: #858585;
}

.meeting-bankbook-detail .meeting-status .btn-link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-left: auto;
	font-size: 0.875rem;
	color: #141414;
}

.meeting-bankbook-detail .meeting-status .btn-link::after {
	display: inline-block;
	width: 20px;
    height: 20px;
	content: '';
    background: url(../images_kiwi/icon/btn_arr_r.svg) no-repeat 50% 50%;
	background-size: contain;
}

.meeting-detail .meeting-notice {
	display: flex;
	align-items: center;
	gap: 8px;
	width: 100%;
	padding: 12px 16px;	
	border-radius: 8px;
	border: 1px solid #fff;
	background: #fff;
	text-align: left;
}

.meeting-detail .meeting-balance {
	padding: 6px 0;
	font-size: 1.625rem;
	font-weight: 700;
	line-height: 2.063rem;
	text-align: center
}

.meeting-detail .meeting-balance .num {
	font-size: 2rem;
	line-height: 2.5rem;
}

.meeting-detail .meeting-amount {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.meeting-detail .meeting-amount .btn-sm-func4 {
	align-self: center;
	padding: 6px 12px;
	border: 2px solid #ffbc00;
	height:33px;
}

.meeting-detail .meeting-member {
	text-align: center;
}

.member-profile {
	display: flex;
	margin-bottom: 12px;

}

.member-profile .ico-badge {
	position: absolute;
	left: 0;
	top: 0;
	width: 14px;
	height: 14px;
}

.member-profile .ico-badge.leader {
	background: url('../images_kiwi/icon/ico_leader.svg') no-repeat;
	background-size: contain;
}

.member-profile .ico-badge.manager {
	background: url('../images_kiwi/icon/ico_manager.svg') no-repeat;
	background-size: contain;
}

.member-profile > span {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 32px;
	height: 32px;
	margin-left: -6px;
	border-radius: 100%;
	background: #fff;
	box-shadow: 0 0 2px 0 rgba(20,20,20,0.08), 0 2px 8px 0 rgba(20,20,20,0.10);
}

.member-profile > span:first-child {
	margin-left: 0;
}

.member-profile > span img {
	max-width: 18px;
	max-height: 21px;
}

.meeting-detail .contents-btns {
	display: flex;
	gap: 8px;
	width: 100%;
	padding: 0;
}

.meeting-detail .contents-btns [class^="btn-"] {
	border: 0;
}

.contents-loading {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
	padding: 0 21px;
}

.list-sort .txt-search {
	display: flex;
	align-items: center;
}

.list-sort .btn-search {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
}
.list-sort .btn-search .ico-search {
	margin-right: 0;
	background: #858585;
	-webkit-mask-image: url('../images_kiwi/icon/ico_search.svg');
	mask-image: url('../images_kiwi/icon/ico_search.svg');
	mask-repeat: no-repeat;
	mask-size: cover;
	fill: none;

}
.list-sort .btn-sort {
	font-size: 0.813rem;
	color: #666;
}

.bank-statement-list li {
	padding: 16px 0;
}
.statement-item {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
	min-height: 80px;
}

.statement-item .item-content {
	display: flex;
	flex-direction: column;
	gap: 6px;
	text-align: left;
}
.statement-item .item-price {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	align-self: flex-end;
	text-align: right;
}

.statement-item .text-memo {
	display: flex;
	align-items: center;
	gap: 4px;
}

.statement-item .text-comment {
	width: 100%;
	margin-top: 12px;
	padding: 6px 12px;
	border-radius: 8px;
	background: #f5f5f5;
}

.statement-item .text-comment {
	display: flex; 
	align-items: center;
	justify-content: space-between;
}
.statement-item .text-comment .txt-reply {	
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	line-clamp: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 80%;
	font-size: 0.8125rem;
	color: #666;
	text-align: left;
}
.statement-item .text-comment .txt-cnt {
	flex: none;
	font-size: 0.8125rem;
	color: #666;
	min-width: 65px;
    text-align: right;
}
.statement-item .text-comment .txt-cnt .num {
	font-size: 0.875rem;
	font-weight: 700;
}
.statement-item .text-comment .txt-cnt::before{
	content: '·';
	color: #858585;
	padding-right: 4px;
}
.statement-item .dl-contents {
	margin-top: 8px;
}
.statement-item .dl-contents dl + dl{
	margin-top: 8px;
}
.statement-item .dl-contents.color-gray dt, 
.statement-item .dl-contents.color-gray dd{
	color: #858585;
}

.bank-statement-list.type2 .item-price {
	gap: 6px;
}

.bank-statement-list.type2 .item-price .text-20.num {
	line-height: 1.5rem;
}

.tranfer-bank {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin-bottom: 16px;
}
.tranfer-bank .txt-name {
	font-size: 1.25rem;
	line-height: 1.75rem;
}
.tranfer-bank .txt-price {
	font-size: 1.625rem;
	font-weight: 700;
	line-height: 2.063rem;
}

.tranfer-bank .txt-price .num {
	font-size: 2rem;
	line-height: 2.5rem;
}

.upload-img {
	display: flex;
	align-items: center;
	height: 318px;
	margin-bottom: 8px;
	border-radius: 8px;
	background: #f0f0f0;
	overflow: hidden;
}

.bottom-sheet .upload-img {
	border-radius: 0;
}

.comment-lists {
	margin-top: 20px;
}

.comment-lists li {
	padding: 16px 0;
}

.comment-lists .comment-item {
	position: relative;
	display: flex;
	align-items: flex-start;
	gap: 12px;
}

.comment-lists .comment-item .member-profile > span {
	background: #f0f0f0;
}

.comment-lists .comment-item .txt-conts {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.comment-lists .comment-item .btn-more {
	position: absolute;
	right: 0;
	top: 0;
}

.meeting-talk .talk-summary {
	position: relative;
}

.meeting-talk .talk-summary .btn-more {
	position: absolute;
	right: 0;
	top: 0;
}

.meeting-talk .talk-summary .like {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 6px 12px 6px 0;
}

.meeting-talk .talk-summary .like label {
	flex: none;
}

.meeting-talk .talk-summary .reply {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	padding: 6px 12px;
}
.bnt-more-area{
	padding-top: 16px;
    border-top: 1px #ebebeb solid;
}
.bnt-more-area button{
	color: #666;
	font-size: 1rem;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 16px;
}

.meeting-notice ul li {
	padding: 16px 0;
}
.meeting-notice ul li > .notice-item {
	position: relative;
	display: flex;
    flex-direction: column;
	gap: 8px;
}
.meeting-notice ul li > span {
	display: block;
}
.meeting-notice ul li .notice-item .tit {
	margin-right: 36px;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.5rem;
}
.meeting-notice ul li .notice-item .cont {
	color: #666;
	font-weight: 300;
}
.meeting-notice ul li .notice-item .start-date {
	color: #666;
	font-weight: 300;
}
.meeting-notice ul li .notice-item .start-date .date {
	font-family: 'Lato';
}
.meeting-notice ul li .notice-item .btn-more {
	position: absolute;
	top: 0;
	right: 0;
}
.bottom-sheet.type2{
	left: 50%;
	max-width: 276px;
	border-radius: 12px;
	transform: translate(-50%, 50%)
}
.bottom-sheet.type2.active {
	left: 50%;
	bottom: 50%;
	transform: translate(-50%, 50%)
}
.bottom-sheet .layer-header.layer-join {
	position: relative;
	height: 120px;
	padding: 20px;
	background: #ffefb9;
	
}
.bottom-sheet .layer-header.layer-join.type2 {
	
}
.bottom-sheet .layer-header.layer-join:after {
	display: inline-block;
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	width: 140px;
	height: 100px;
	background: #ffefb9 url('../images_kiwi/ncontents/bibi-s-banner5.png') no-repeat ;
	background-position: right 20px bottom;
	background-size: auto 100px;
	
}
.bottom-sheet .layer-header.layer-join.type2:after {
	display: none;
}
.bottom-sheet .layer-header.layer-join.type2 .img {
	position: absolute;
	bottom: 0;
	right: 10px;
	width: 102px;
	height: 107px;
	background: url('../images_kiwi/ncontents/bibi-banner5.png') no-repeat right bottom ;
	background-size: 102px 107px;
}
.layer-header.layer-join .layer-title {
	padding: 0
	
}
.layer-btns.type2 {
	display: flex;
}
.layer-btns.type2 button {
	flex: 1
}
.bottom-sheet.type2 .layer-contents {
	padding: 0 20px 66px;
}
.cont-top {
	margin: 0 12px;
}
.clr-gray.btn-link {
	color: #666;	
}
.clr-gray.btn-link>* {
	border-bottom: 1px solid #999;
}
/* 더치페이 */
#contents.dutchpay.type2 {
	padding-bottom: 74px;
	display: flex;
	flex-direction: column;
    justify-content: space-between;
    min-height: 100vh;
}
#contents.dutchpay.type2 .page-btns.type2 {
	position: fixed;
	bottom: 0;
    left: 0;
    right: 0;
	padding: 0;
    z-index: 5;
}
#contents.dutchpay.type2 .rest-of-sum {
	margin-top: auto;
}
.cont-top-area {
	display: flex;
	align-items: center;
	padding-top: 28px;
}
.cont-top-area .head-copy {
	padding-top: 0;
}
.cont-top-area .head-copy.flex {
	display: flex;
	align-items: center;
}
.cont-top-area .rt {
	margin-left: auto;
}
.cont-top-area .rt .btn-link.arrow-rt:after {
	background: #858585;
	mask-image: url(../images_kiwi/icon/btn_arr_r.svg);
    mask-size: contain;
    mask-position: 50% 50%;
	mask-repeat: no-repeat;
}
.cont-top-area .ui-tooltip {
	margin-top: 0;
	margin-left: 8px;
}
.cont-top-area .ui-tooltip.active .tooltip-layer {
	top: 70px;
}
.ui-tooltip.active .tooltip-layer .text.cont {
	color: #666;
	font-weight: 300;
}
.ui-tooltip.active .tooltip-layer .text.tit {
	padding-bottom: 12px;
	color: #141414;
	font-weight: 500;
}
.ui-tooltip.type2 .tooltip-layer {
	left: 0;
	right: 0;
	margin-top: 35px;
	padding: 16px 20px;
}

.dutchpay.type2 .input-number {
	position: relative;
}
.dutchpay.type2 .input-number .btn-clear {
	right: 0;
	top: 50%;
	width: 20px;
	height: 20px;
	margin-top: -10px;
}
.btn-add.type2 {
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.5rem;
}
.btn-add.type2 .ico-plus {
	width: 20px;
	height: 20px;
	margin-top: 2px;
	margin-right: 8px;
	background: #f5f5f5 url('../images_kiwi/icon/ico_plus_16.svg') no-repeat 50% 50% ;
	background-size: 16px 16px;
	border-radius: 50%;
	vertical-align: top;
}

.dutchpay-func.type2 {
	display: flex;
}
.dutchpay-func.type2 .rt {
	margin-left: auto;
}
.dutchpay-func.type2 .rt .form-check .label-text {
	padding-right: 0;
}
.dutchpay-func.type2 .rt .label-text span {
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.5rem;
}
.dutchpay-friend-list.type2 {
	/* margin: 0; */
	padding: 0 21px;
	border-top: none !important
}
.dutchpay-friend-list.type2 li {
	min-height: 82px;
	padding: 16px 24px 16px 0;
}
.dutchpay-friend-list.type2 .dutchpay-num {
	flex: 1;
}
.dutchpay-friend-list.type2 .dutchpay-member {
	position: relative;
	padding-left: 64px;
	flex: 1;
}
.dutchpay-friend-list.type2 .dutchpay-member .member-badge {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 48px;
	height: 48px;
	margin-right: 16px;
	background: #f0f0f0;
	border-radius: 50%;
	box-shadow: 0 0 2px 0 rgba(20,20,20,0.08), 0 2px 8px 0 rgba(20,20,20,0.10);
}
.dutchpay-friend-list.type2 .dutchpay-member .member-badge img {
	max-width: 28px;
    max-height: 35px;
    width: 100%;
    height: 100%;
}
.dutchpay-friend-list.type2 .dutchpay-member .member-badge .leader {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 18px;
	height: 18px;
	border: 1px solid #fff;
	background: #7d6c59;
	line-height: 18px;
	font-size: 0.625rem;
	font-weight: 700;
	color: #fff;
	border-radius: 50%;
	text-align: center;
}
.dutchpay-friend-list.type2 .dutchpay-member .name {
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.5rem;
}
em.luck {
	color: #666 !important;
	background: none;
}
.dutchpay-friend-list.type2 .name + .luck {
	display: block;
	margin-top: 2px;
	margin-left: 0;
}
.dutchpay-dl em.luck {
	margin-left: 8px;
}
em.luck>span:not(.num) {
	margin-left: 0;
	color: #f46600 !important;
	background: none;
	font-weight: 300;
	border-radius: 0;
}
.dutchpay-friend-list.type2 .dutchpay-num {
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.625rem;

}
.dutchpay-friend-list.type2 .dutchpay-num input{
	font-size:  1.25rem;
	font-weight: 700;
	line-height: 1.625rem;

}
.dutchpay-friend-list.type2 .dutchpay-num input + span {
	margin-left: 5px;
	vertical-align: middle;
}
.dutchpay-friend-list.type2 .btn-del {
	width: 20px;
	height: 20px;
	right: 0;
	top: 28px;
	background-size: 20px 20px;
}
.form-check-group.list-type {
	margin: 0 -21px;
	padding: 0;
}

.form-check-group.list-type .form-check {
	width: 100%;
	height: 100%;
}
.form-check-group.list-type li {
	margin-top: 0 !important;
}
.form-check-group.list-type li .form-check>label {
	padding: 16px 21px;
}
.form-check-group.list-type .form-check>label,
.form-check-group.list-type .form-check>input:checked +label {
	box-shadow: none;
	border: none;
	text-align: left;
	border-radius: 0;
}

.form-check-group.list-type .form-check>input +label .num {
	display: block;
	margin-top: 2px;
	font-size:  0.75rem;
	font-weight: 400;
	line-height: 1.25rem;

}
.form-check-group.list-type .form-check>input:checked +label {
	background: #f5f5f5;
}

.dutchpay-text-swiper {
	padding: 20px 0
}
.dutchpay-text-swiper .swiper-pagination {
	bottom: 20px !important;
	margin-left: -21px
}
.head-copy .point {
	color: #f46600;
}
.head-copy .point.bold .num {
	font-weight: 700;
}
.dv-group .panel {
	
}
.request-state .desc {
	display: block;
	margin-top: 12px;
	font-size: 0.875rem;
	font-weight: 300;
	line-height: 1.375rem;

}
.dutchpay-req .title-d3 {
	margin-bottom: 12px;
}
.dutchpay-req .ui-card.type2 > dt {
	display: block;
	padding-bottom: 20px;
}
.dutchpay-req .ui-card.type2 > dt .link {
	padding-right: 28px;
	font-size: 1.125rem;
	font-weight: 500;
	line-height: 1.625rem;
}
.dutchpay-req .ui-card.type2 > dt small {
	font-family: 'Lato';
	font-size:  0.75rem;
	font-weight: 400;
	line-height: 1.25rem;
}
.dutchpay-req .ui-card.type2 > dt + dd {
	padding-top: 20px;
	border-top: 1px solid #dcdcdc;
}
.dutchpay-req .ui-card.type2 > dt + dd b em {
	color: #f46600;
}
.dutchpay-detail-header.type2 {
	padding-bottom: 0;
}
.dutchpay-detail-header.type2 .total-amount {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	position: relative;
	min-height: 52px;
}
.dutchpay-detail-header.type2 .total-amount button {
	margin-left: auto;
}
.dutchpay-detail-header.type2 .total-amount span {
	font-size: 1.625rem;
	font-weight: 700;
	line-height: 2.0625rem;
	line-height: 2.5rem;
}
.dutchpay-detail-header.type2 .total-amount .num {
	font-family: 'Lato';
	font-size:  2rem;
	font-weight: 700;
	line-height: 2.5rem;
}
.dutchpay-detail-header.type2 .info {
	margin-top: 15px;
	justify-content: flex-end;
	color: #666
}
.dutchpay-detail-header.type2 .info span {
	color: #666;
}
.dutchpay-detail-header.type2 .info .date {
	font-family: 'Lato';
}
.dutchpay-list.type2 {
	border-top: 0;
}
.dutchpay-list.type2 > dl {
	position: relative;
	min-height: 86px;
	padding: 0;
	border-bottom: 0;
	padding-left: 64px;
}
.dutchpay-list.type2 .profile {
   
}
.dutchpay-list.type2 .profile .member-badge {
	display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 48px;
    height: 48px;
    margin-right: 16px;
    background: #f0f0f0;
    border-radius: 50%;
    box-shadow: 0 0 2px 0 rgba(20, 20, 20, 0.08), 0 2px 8px 0 rgba(20, 20, 20, 0.10);
}
.dutchpay-list.type2 .profile .member-badge img {
    max-width: 28px;
    max-height: 35px;
    width: 100%;
    height: 100%;
}
.dutchpay-list.type2 .name {
	font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
}
.dutchpay-list.type2 .dl-contents dl {
	display: block;
	position: relative;
}
.dutchpay-list.type2 .dl-contents dl dt,
.dutchpay-list.type2 .dl-contents dl dd,
.dutchpay-list.type2 .dl-contents dl dd b {
	color: #666;
}
.dutchpay-list.type2 .dl-contents dl dt {
	width: auto;
	padding-right: 4px;
}
.dutchpay-list.type2 .dl-contents dl dd b {
	font-family: 'Lato';
	font-weight: 700;
}
.dutchpay-list.type2 >dl> dd.func {
	position: absolute;
	top: 0;
	right: 0;
}
.dutchpay-list.type2 .unpaid {
	color: #f46600
}
.slide-motion.type2 {
	margin: 0 -21px
}

.slide-motion.type2 .swiper-container .swiper-slide .msg-card-type {
	position: relative;
	left: unset;
    right: unset;
    height: 360px;
    border-radius: 16px;
    border: 1px solid #eee;

}
.slide-motion.type2 .swiper-container .swiper-slide .msg-card-type .msg-card-cont textarea {
	height: 123px;
}

.dutchpay-msg {
	position: relative;
}
.dutchpay-msg .msg-card-type {
	position: relative;
    min-height: 275px;
	max-height: 360px;
	padding: 191px 20px 20px 20px;
    border-radius: 16px;
    border: 1px solid #eee;
}
.dutchpay-msg .msg-card-type .msg-card-cont {
	position: static;
	height: 100%;
	min-height: 64px;
	/* max-height: 112px; */
	max-height: 149px;
	overflow-y: auto;
}

.dutchpay-msg .msg-card-type img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.form-tab-type {
	margin: 0 -21px;
    border-bottom: 1px #dcdcdc solid;
    padding: 0 9px;
    background: #fff;
}
.form-tab-type > div {
	display: flex;
}
.form-tab-type > div > .form-check {
    height: 43px;
    margin: 0;
    padding: 0 8px;
	flex: none;
}
.form-tab-type .form-check-group  {
	margin-bottom: 0;
}
.form-tab-type .form-check-group .form-check>input +label {
	padding: 0;
	box-shadow: none;
	border-radius: 0;
	border: 0;
}
.form-tab-type .form-check-group .form-check>input +label span {
	position: relative;
    display: inline-block;
    height: 43px;
    line-height: 23px;
    padding: 8px 8px 9px;
	font-size: 0.9375rem;
    line-height: 1.4;
	color: #b8b8b8;
}
.form-tab-type .form-check-group .form-check>input:checked +label span {
	color: #141414;
}
.form-tab-type .form-check-group .form-check>input +label span::after {
	content: '';
    position: absolute;
    bottom: 0px;
    left: 50%;
    width: 0;
    height: 3px;
    border-radius: 2px;
    background: #ffbc00;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -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;
}
.form-tab-type .form-check-group .form-check>input:checked +label span::after {
	width: 100%;
}

/* .slide-motion.type2 .swiper-container .swiper-slide .msg-card-type {
	position: relative;
	left: unset;
    right: unset;
	height: 100%;
    min-height: 275px;
	max-height: 360px;
	padding: 191px 20px 20px 20px;
    border-radius: 16px;
    border: 1px solid #eee;
}
.slide-motion.type2 .swiper-container .swiper-slide .msg-card-type .msg-card-cont {
	position: static;
	
	overflow: hidden;
}
.slide-motion.type2 .swiper-container .swiper-slide .msg-card-type .msg-card-cont textarea {
	height: 100%;
}

.slide-motion.type2 .swiper-container .swiper-slide .msg-card-type img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
} */


/* KB의 생각 */
.kb-thinking .title-top{
	display: flex;
	flex-direction: column;
	gap: 6px;
	background-color: #fff8e0;
	padding: 28px 21px;
	margin: 0 -21px;
	position: relative;
}
.kb-thinking .title-top strong{
	font-size: 1.25rem;
}
.kb-thinking .title-top .ico{
	width: 56px;
	height: 56px;
	position: absolute;
	right: 21px;
    top: 50%;
    transform: translateY(-50%);
	background: url('../images_kiwi/icon/ico_tip_img1.svg')no-repeat 50% 50%; background-size: cover;
}
.kb-thinking .title-top.info1 .ico{background: url('../images_kiwi/icon/ico_tip_img1.svg')no-repeat 50% 50%; background-size: cover;}
.kb-thinking .title-top.info2 .ico{background: url('../images_kiwi/icon/ico_tip_img2.svg')no-repeat 50% 50%; background-size: cover;}
.kb-thinking .title-top.info3 .ico{background: url('../images_kiwi/icon/ico_tip_img3.svg')no-repeat 50% 50%; background-size: cover;}
.kb-thinking .title-top.info4 .ico{background: url('../images_kiwi/icon/ico_tip_img4.svg')no-repeat 50% 50%; background-size: cover;}
.kb-thinking .title-top.info5 .ico{background: url('../images_kiwi/icon/ico_tip_img5.svg')no-repeat 50% 50%; background-size: cover;}
.kb-thinking .title-top.info6 .ico{background: url('../images_kiwi/icon/ico_tip_img6.svg')no-repeat 50% 50%; background-size: cover;}

/* skake it */
.shakeit-context li + li{position: relative; margin-top: 36px; padding-top: 36px;}
.shakeit-context li + li::before {position: absolute; left: -15px; right: 0; top: 0; height: 1px; background: #ebebeb; content: '';}
.shakeit-context li .txt-tit{font-size: 1rem;}
.shakeit-context li .txt-desc{margin-left: -15px; font-weight: 300; color: #666; margin-top: 8px;}
.shakeit-context li .img-desc{margin-top: 20px; margin-left: -15px; }

/* 금융팁 메인 */
.banking-tip {padding-top: 18px;}
.banking-tip .meeting-accounts {min-height:87px; margin: 0; padding-top: 16px;}
.banking-tip .meeting-accounts::before {width: 100%; height: 87px; z-index: 0; border-radius: 20px;}
.banking-tip .meeting-accounts .text-16 {position: relative; z-index: 0; margin-bottom: 12px; padding: 0 20px; font-weight: 300;}
.banking-tip .meeting-accounts .account-panel {width: 100%; padding: 0; z-index: 3;}
.banking-tip .meeting-accounts .account-panel .btn-arr {width: 100%; padding: 20px; font-size: 1.25rem;}
.banking-tip .meeting-accounts .account-panel .btn-arr .num {font-size: 1.5rem; line-height: 2rem;}
.banking-tip .meeting-accounts .img {position: absolute; right: 18px; top: -18px; width: 73px; height: 82px}
.banking-tip .meeting-accounts .no-account {display: block; position: relative; z-index: 0; margin-top: -16px; padding: 28px 125px 28px 20px; border-radius: 16px; background: linear-gradient(0deg, #ffde6c 0%, #ffde6c 100% ),linear-gradient(0deg, #ffde6c 0%, #ffd338 100%)}
.banking-tip .meeting-accounts .no-account .img {position: absolute; right: 4px; top: 19px; width: 118px; height: 94px}

.banking-tip .banking-service {flex-direction: column; gap: 12px;}
.banking-tip .banking-service .panel {position: relative; width: 100%; margin-top: 0; padding: 16px 20px; border-radius: 16px; border: 1px solid #e7e2e2; box-shadow: 0 -4px 10px 0 rgba(255, 255, 255, 0.5) inset, 0 4px 4px 0 rgba(233, 233, 224, 0.5); background: linear-gradient(182deg, rgba(255,255,255, 0.5) 0%, #f4f4f6 100%)}
.banking-tip .banking-service .panel > a {display: flex; align-items: center; gap: 10px}
.banking-tip .banking-service .panel > a::after {display: none; flex: none; width: 20px; height: 20px; content: ''; margin-left: auto; background: url('../images_kiwi/icon/btn_arr_r.svg') no-repeat right center; background-size: 20px;}
.banking-tip .banking-service .panel .ico-img {position: static; width: 38px; height: 38px;}

.dl-tab .label {
	margin-bottom: 12px;
	color: #666;
}
.dl-tab .tab-menu button {
    position: relative;
    display: block;
    padding: 16px;
    text-align: center;
    font-size: 1rem;
    line-height: 1.5rem;
    background: #fff;
    box-shadow: inset 0 0 0 1px #dcdcdc;
    border-radius: 8px;
    color: #141414;
    height: 100%;
}
.dl-tab .tab-menu .active button {
	color: #141414;
    background-color: #fff;
    box-shadow: inset 0 0 0 2px #ffbc00;
    border: none;
}
.layer-contents .dl-tab .tab-menu button {
	padding: 10px 0;
}


.layer-contents.cashback{background:linear-gradient(180deg, #fff 23.74%, #fff2c6 100%);bottom:-1px}
.layer-contents.cashback .request-state{text-align:center;}
.layer-contents.cashback .request-state .text{font-size:1.5rem;line-height:2rem}
.layer-contents.cashback .request-state .text span{color:#f46600}
.layer-contents.cashback .request-state .text2{font-size:0.875rem;margin-top:8px;font-weight:500;line-height:1.313rem}
.layer-contents.cashback .request-state .text2 .bar{position:relative;margin-right:6px;padding-right:6px}
.layer-contents.cashback .request-state .text2 .bar:after{content:'';position:absolute;display:block;top:50%;right:0;margin-top:-6px;width:1px;height:11px;border-radius:2px;background:#858585;}
.layer-contents.cashback .request-state .text3{font-size:0.875rem;margin-top:8px;line-height:1.375rem;color:#666}
.layer-contents.cashback .cashback-img{width:100%;margin-top:28px}
.layer-contents.cashback .cashback-img img{width:100%}
.layer-contents.cashback .cashback-list{margin-top:36px}
.layer-contents.cashback .cashback-list .tit{font-size:1rem;color:#141414;line-height:1.5rem;text-align:center}
.layer-contents.cashback .cashback-list .list-bullet-decimal>li {position:relative;background:#fff;border-radius:16px;padding:16px 16px 16px 44px;line-height:1.376rem}
.layer-contents.cashback .cashback-list .list-bullet-decimal>li span {top:20px;left:16px;font-size:0.625rem;background-color:#ffd338;color:#141414}
.layer-contents.cashback .cashback-list .list-bullet-decimal>li.ico:after{content:'';position:absolute;top:50%;margin-top:-16px;right:16px;width:32px;height:32px;}
.layer-contents.cashback .cashback-list .list-bullet-decimal>li.ico1:after{background: url('../images_kiwi/icon/ico_cahsback1.png') no-repeat;background-size:cover}
.layer-contents.cashback .cashback-list .list-bullet-decimal>li.ico2:after{background: url('../images_kiwi/icon/ico_cahsback2.png') no-repeat;background-size:cover}
.layer-contents.cashback .cashback-list .list-bullet-decimal>li.ico3:after{background: url('../images_kiwi/icon/ico_cahsback3.png') no-repeat;background-size:cover}
.layer-contents.cashback .cashback-list .list-bullet-decimal>li.ico4:after{background: url('../images_kiwi/icon/ico_cahsback4.png') no-repeat;background-size:cover}
.layer .layer-contents.cashback:not(.bg-gray-box) .list-bullet-cir {margin-top:0;background:transparent;padding:0;border-radius:0}
.layer-contents.cashback.nobt {margin-bottom:0}
.layer-contents.cashback.nobt + .layer-btns {display:none}