/* ui */

/* ui select */
.ui-select
{
	padding: 11px 21px;
	background: #f8f8f8;
	border-radius: 35px;
}

.ui-select select
{
	display: none;
}
dd[disabled],
dd.disabled
{
	background: #f0f0f0;
	color: #b8b8b8 !important;
	-webkit-tap-highlight-color: transparent;
	box-shadow: none;
}
dd[disabled] button,
dd.disabled button{
	pointer-events: none;

}
dd.disabled .form-control.select:after{
	opacity: 0.3;
}
dd.disabled .value
{
	color: #b8b8b8 !important;
}
.form-control.select
{
	position: relative;
	width: 100%;
	padding-right: 20px;
	font-size: 0.875rem;
	text-align: left;
	line-height: 21px;
	color: #666;
}

button.form-control.select:after
{
	content: '';
	position: absolute;
	top: 50%;
	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;
}
button.select-arr
{
	position: absolute;
	top: 50%;
	right: 0;
	width: 40px;
	height: 30px;
	background: url('../images_kiwi/icon/ico_arr_b.svg') no-repeat right 50%;
	background-size: 20px auto;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	display: block;
}

.form-control.select:disabled
{
	cursor: default;
}

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

.ui-select .placeholder .value
{
	color: #dcdcdc;
}
/* .ui-select .placeholder .value .logo
{
	display: none;
} */
.ui-select  .value .flex-between
{
	display: flex;
    align-items: center;
    gap: 8px;
    flex-direction: row;
}
.ui-select .text-notice.text-money{
	font-size: 0.875rem;
	color:#666;
	padding-left:44px;
	margin-top:5px
}
.form-control.select>*
{
	display: inline-block;
	vertical-align: middle;
	/* white-space: nowrap; */
}

.ui-select .table
{
	display: table;
	width: 100%;
}

.ui-select .table>*
{
	display: table-cell;
	vertical-align: middle;
}

.ui-select .table>.label
{
	width: 18%;
}

.ui-select .label:after
{
	content: '';
	display: inline-block;
	width: 1px;
	height: 10px;
	margin: 0 5px 0 8px;
	background: #eee;
	vertical-align: middle;
}

.ui-select .balance
{
	display: block;
}
.ui-select .btn-sm-func2{
	z-index: 2;
}

.option-list
{
	/* overflow-y: auto; */
	/* max-height: 280px; */
	border-radius: 8px;
	border: 1px #cdcdcd solid;
}

.option-list>li
{
	position: relative;
	padding: 14px 0 ;
}
.option-list>li +li::before
{
	content: '';
    position: absolute;
    display: block;
    width: calc(100% - 32px);
    height: 1px;
    background: #f0f0f0;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
}

.option-list>li>button.btn-list{
	padding: 0;
}
.option-list>li>button
{
	width: 100%;
	padding: 0 16px;
	line-height: 1.5;
	text-align: left;
}

.option-list input
{
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

.option-list label
{
	display: block;
	padding: 0 16px;
	line-height: 1.375rem
;
}

.option-list input:checked + label
{
	color: #141414;
	position: relative;
}
.option-list input + label::after
{
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	display: block;
    background: url('../images_kiwi/icon/check_line.svg') no-repeat ;
	right: 21px;
    top: 50%;
    transform: translateY(-50%);
}
.option-list.multi input + label::after
{
    top: 10px;
}
.option-list input:checked + label::after
{
	background: url('../images_kiwi/icon/check_line_on.svg') no-repeat ;
}
.option-list input:checked + label small
{
	color: inherit;
}

.option-list input:disabled + label
{
	background: #f8f8f8;
	color: #999;
}

.option-list.flex-logo label
{
	display: flex;
	align-items: center;
    gap: 12px;
}
.option-list.flex-logo.multi label
{
	display: flex;
	align-items: flex-start;
    gap: 12px;
}
.option-list.flex-logo.multi label small + .price{
	margin-top: 4px;
}
.option-list.flex-logo.multi label small{
	display: block;
}
.option-list.flex-logo.multi label .price{
	font-size: 0.875rem;
	color: #858585;

}
.option-list.flex-logo.multi label span.logo{
	margin-top: 4px;
}

.option-list.flex-logo label span
{
	font-size: 1rem;
	/* margin-bottom: 2px; */
	line-height: 1.5;
    display: inline-block;
}
.option-list.flex-logo label small
{
	font-size: 0.75rem;
	line-height: 1.125rem;
	color: #141414;
}
.option-list.flex-logo li:first-child
{
	padding: 0;
}
.option-list.flex-logo li:last-child
{
	padding: 0;
	margin-bottom: 0;
}
.option-list.flex-logo li + li
{
	margin: 20px 0;
	padding: 0;
}
.form .ui-select
{
	border-radius: 4px;
}

.form-control-group .ui-select
{
	height: auto;
	padding: 0;
	background: transparent;
	border-radius: 0;
}

.form-control-group .form-control.select
{
	width: 100%;
	min-height: 26px;
	padding-right: 24px;
	font-size: 1.125rem;
	color: #141414;
	border: 0;
}
.form-control-group.small {
	/* border: 1px dashed red; */
	min-height: 57px;
}
.form-control-group.small .ui-select {
	/* border: 1px dashed red; */
}
.form-control-group.small.valued .label {
	display: none;
}
.form-control-group.small dd {
	opacity: 1;
}
.form-control-group.small.valued dd {
	padding-top: 13px;
}
.form-control-group.small dd .value {
	opacity: 0;
}
.form-control-group.small.valued dd .value {
	opacity: 1;
}
.form-control-group dd{position: relative;}
.ui-select.disabled{
	color: #b8b8b8;
    background-color: #f0f0f0;
    position: absolute;
    width: 100%;
    height: 50px;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
	font-size: 1.25rem;
}
button.form-control.amount.placeholder .value{
	font-size: 1.125rem;
}
button.form-control.amount.placeholder + p.unit{
	display: none;
}
button.form-control.amount.placeholder + p.unit{
	color: #dcdcdc;
	
}
button.form-control.amount.placeholder + p.unit{
	color: #dcdcdc;
}
button.form-control.amount + p.unit{
	font-size: 1rem;
    margin-top: 0;
    position: absolute;
    right: 0;
    bottom: 5px;
	color: #141414;
}

/* ui accordion */
.ui-accordion .note {
	margin-top: 28px;
}
.ui-accordion .note .acc-title>button
{
	padding: 12px 16px;
	border-radius: 8px;
	background: #f7f7f7;
}

.ui-accordion .note .acc-title>button:after {
	right: 16px;
}

.ui-accordion .acc-title>button
{
	position: relative;
	width: 100%;
	padding-right: 24px;
	text-align: left;
}

.ui-accordion .acc-title>button:after
{
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: 16px;
	height: 16px;
	background: url('../images_kiwi/icon-old/ico_arr_b.svg') no-repeat 50% 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

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

.ui-accordion .acc-cont
{
	display: none;
}

.ui-accordion .acc-cont>div
{
	padding: 24px;
}

/* ui tooltip */
.ui-tooltip
{
	display: flex;
	min-height: 14px;
	vertical-align: middle;
}

.ui-tooltip.active .tooltip-layer
{
	display: block;
	margin-top: 20px;
}
.ui-tooltip.active .tooltip-layer [class^="title-"] + p{
	margin-top: 12px;
}

.ui-tooltip .btn-tooltip
{
	vertical-align: top;
}
.ui-tooltip.flex .btn-tooltip
{
	display: flex;
    align-items: center;
    gap: 4px;
	font-size: 0.8125rem;
}
.btn-tooltip
{
	min-height: 14px;
	font-size: 0.875rem;
	line-height: 1;
}

.btn-tooltip [class^="ico-"]
{
	margin: 0 !important;
	vertical-align: top;
}

.loading-layer {
	display: block;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 10;
	margin-top: 0;
	background: rgba(0,0,0,.2);
}

.loading-layer .ongoing {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	margin-top: -28px;
	/* width: 64px;
	height: auto; */
}

.loading-layer .ongoing span {
	width: 12px;
	height: 12px;
	background: #fff;
}

.tooltip-layer
{
	display: none;
	position: absolute;
	left: 21px;
	right: 21px;
	z-index: 2;
	/* padding: 16px 20px; */
	padding: 30px 20px 20px;
	background: #fff;
	border: 1px solid #dcdcdc;
	border-radius: 8px;
	box-shadow: 0 0 2px 0 rgba(20,20,20,0.08), 0 2px 16px 0 rgba(20,20,20, 0.12);
	font-size: 0.875rem;
	font-weight: normal;
	white-space: normal;
	color: #141414 !important;
}
.tooltip-layer .title-d4{
	margin: 0 0 12px 0;
	line-height: 1.375rem;
	padding: 0;
	height: 22px;
}
.tooltip-contents
{
	display: block;
	margin-right: -24px;
}

.form .tooltip-layer
{
	left: 0;
	right: 0;
}
.tooltip-layer [class^="text"]
{
	color: #666; font-weight: 300;
}

.btn-tooltip-close
{
	position: absolute;
	top: 8px;
	right: 8px;
	width: 24px;
	height: 24px;
	/* background: url('../images_kiwi/icon-old/list_del_24.svg') no-repeat 50% 50%; */
	background: url('../images_kiwi/icon/btn_layer_close.svg') no-repeat 50% 50%;
	background-size: 20px 20px;
}
.btn-tooltip-close .ico-del {
	vertical-align: top;
}
.ui-tooltip.fullbg
{ 
	display:block; 	
}
.ui-tooltip.fullbg .btn-tooltip
{ 
	width:100%;	
	padding:12px 44px 12px 44px;
	background:url('../images_kiwi/icon/ico_exclamation_20.svg') no-repeat #ffefb9;
	background-position:16px 13px;
	background-size:20px 20px;
	border-radius:8px;
	line-height:1.375rem;
	text-align:left;
	box-sizing:border-box
}
/* ui toogle */
.ui-toggle
{
	position: relative;
}

.ui-toggle.active .toggle-contents
{
	display: block;
}

.ui-toggle>button
{
	width: 100%;
}
.ui-toggle.coupon-type {
}
.ui-toggle.coupon-type .fold {
	padding-left: 24px;
}
.ui-toggle.coupon-type .btn-toggle {
	right: 0 !important;
}
.ui-toggle.coupon-type .toggle-contents {

}
.title-d2.mt26 + .ui-toggle,
.title-d2.mt40 + .ui-toggle {
	margin-top: 12px;
}


.toggle-contents
{
	display: none;
}

.check-toggle
{
	position: relative;
}

.check-toggle .form-check
{
	display: block;
	z-index: 1;
}

.check-toggle .form-check label
{
	display: block;
	padding-right: 24px;
}

.check-toggle .btn-toggle
{
	position: absolute;
	top: 50%;
	right: 0;
	width: 24px;
	height: 24px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.check-toggle .btn-toggle:after
{
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 16px;
	height: 16px;
	background: url('../images_kiwi/icon/ico_arr_b.svg') no-repeat;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s;
}

.check-toggle .btn-toggle.open:after
{
	-webkit-transform: rotate(180deg) translate(50%, 50%);
	transform: rotate(180deg) translate(50%, 50%);
}

.panel .check-toggle .btn-toggle
{
	right: 0;
}

/* ui step */
.ui-step ul li
{
	display: inline-block;
	width: 8px;
	height: 8px;
	margin-right: 8px;
	font-size: 0;
	text-align: center;
	border-radius: 50%;
	vertical-align: middle;
	background-color: #eee;
}

.ui-step ul li.active
{
	width: 24px;
	height: 24px;
	line-height: 24px;
	font-size: .875rem;
	font-weight: bold;
	color: #fff;
	background-color: #7bcd20;
}

.ui-step ul li.complete
{
	background-color: #e3f4d2;
}

/* ui tab */
.ui-tab
{
	display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
	flex: 1;
}

.tab-container{
	flex: 1;
    display: flex;
    flex-direction: column;
}
.tab-menu.type2 + .tab-container {margin-top: 28px !important;}
.tab-contents.active{
	flex: 1;
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;
}
.tab-menu
{
	overflow: hidden;
	overflow-x: auto;
}

.tab-menu ul
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

/* .tab-menu li + li
{
	margin-left: 17px;
} */
.tab-menu.type1 li{
	padding: 0 12px;
}
.tab-menu li + li
.tab-menu.type1 li + li,
.tab-menu.type2 li + li
{
	margin-left: 0;
}

.tab-menu ul>li>*
{
	display: block;
	font-size: 0.9375rem;
	line-height: 1.4;
	width: 100%;
	text-align: center;
	color: #b8b8b8;
	white-space: nowrap;
	-webkit\-tap-highlight-color: transparent;
}

.tab-menu ul>li em
{
	color: #999;
}

.tab-menu .active>*
{
	font-weight: 500;
	color: #141414;
}

.tab-menu .active em
{
	/* color: #58a700; */
	color: #141414;
}

.tab-contents
{
	display: none;
}

.tab-contents.active
{
	display: block;
}
/* table 형 */
/* .tab-menu.table
{
	overflow: hidden;
	position: relative;
}

.tab-menu.table ul
{
	display: table;
	width: 100%;
	table-layout: fixed;
}

.tab-menu.table ul>*
{
	display: table-cell;
	height: 44px;
	margin: 0;
	vertical-align: middle;
} */
	/* .tab-menu.table li>*>span:not(.sr-only){position: relative; display: inline-block; height: 28px; padding: 0 4px; line-height: 28px;}
	.tab-menu.table li>*>span:not(.sr-only):after{content:''; position: absolute; bottom:-2px; left: 50%; width: 0; height: 2px; background: #141414; transform:translateX(-50%); transition:width cubic-bezier(0.785, 0.135, 0.15, 0.86).3s;}
	.tab-menu.table li.active>*>span:after{width: 100%;} */
/* .tab-menu.table li>*
{
	position: relative;
	z-index: 1;
	height: 44px;
}

.tab-menu.table li>a
{
	padding-top: 15px;
}

.tab-menu.table .bg
{
	position: absolute;
	top: 6px;
	height: 32px;
	background: #eee;
	border-radius: 16px;
	-webkit-transition: left .3s;
	transition: left .3s;
} */
 .tab-menu.table .bg {
	display: none;
 }
	/* type1 */
.tab-menu.type1
{
	margin: 0 -21px;
    border-bottom: 1px #dcdcdc solid;
	/* padding: 0 9px; */
}

.tab-menu.type1 li>*
{
	position: relative;
	height: 43px;
	padding: 0 8px;
}

.tab-menu.type1 li>*:before
{
	content: '';
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 0;
	height: 3px;
	background: #ffbc00;
	border-radius: 2px;
	/* -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; */
}

.tab-menu.type1 li.active>*:before
{
	width: 100%;
}
/* .tab-menu.type1.pd-h{padding: 0 9px;} */
.tab-menu.type1.pd-h ul{margin: 0 -21px;}
.tab-menu.type1 li.active>*>span:not(.sr-only)
{
	position: relative;
	z-index: 1;
	border: 0;
}
	/* type2 */

.tab-menu,
.tab-menu.type2
{
	margin: 0 -21px;
    border-bottom: 1px #dcdcdc solid;
	padding: 0 9px;
	background: #fff;
}
#contents .card-write-mode .pd-h .tab-menu.type2,
#contents > section:not(.pd-h) .ui-tab.pd-h .tab-menu {
	margin: 0 -21px;
}
#contents > section:not(.pd-h) .ui-tab .tab-menu.pd-h {
	margin: 0;
	padding: 0 9px !important;
}
/* div:not(.pd-h) .tab-menu.type2.pd-h, */
#contents > section:not(.pd-h) .tab-menu.type2.pd-h,
#contents > section:not(.pd-h) .tab-menu {
	margin: 0;
}
section.layer .tab-menu:not(.box) {
	margin: 0 -21px;
}
.tab-menu li>*,
.tab-menu.type2 li>*
{
	height: 43px;
	margin: 0;
	padding: 0 8px;
}

.tab-menu li>*>span:not(.sr-only),
.tab-menu.type2 li>*>span:not(.sr-only)
{
	position: relative;
	display: inline-block;
	height: 43px;
	line-height: 23px;
	padding: 8px 8px 9px; 
}
.tab-menu li>*>span:not(.sr-only):after,
.tab-menu.type2 li>*>span:not(.sr-only):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;
}
.tab-menu li.active>*>span:after,
.tab-menu.type2 li.active>*>span:after
{
	width: 100%;
}

.tab-menu.box {
	margin: 0;
	padding: 0;
	border-bottom: none;
}

.tab-menu.box ul {
	display: flex;
	gap: 8px;
	width: 100%;
}

.tab-menu.box .col2 > li {
    width: 50%;
}

.tab-menu.box button
{
	position: relative;
	display: block;
	height: auto;
	padding: 16px 0;
	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;
	line-height: 1.5rem;
}

.tab-menu.box .active button {
	padding: 14px;
	border: 2px solid #ffbc00;
	box-shadow: none;
}

.tab-menu.box li>*>span:not(.sr-only) {
	height: auto;
	padding: 0;
}

.tab-menu.box li>*>span:not(.sr-only)::after {
	display: none;
}

.tab-menu.sticky-top{
	position: sticky;
    top: 0;
	z-index: 8;
}

/* .input-form {
	margin-bottom: 16px;
} */

.input-form fieldset {
	display: flex;
	flex-direction: column;
	/* gap: 8px; */
}
.input-form .input-bx
{
	position: relative;
    overflow: hidden;
    /* height: 46px; */
    padding: 16px 20px;
    background: #fff;
    border-radius: 8px;
    border: 1px #dcdcdc solid;
	/* min-height: 77px; */
}
.input-form.active .input-bx:not(:has(.ui-select)) {
    box-shadow: inset 0 0 0 2px #ffbc00;
}
.input-form .input-wrap {padding-right: 0;}
.input-form .input-wrap.unit {justify-content: flex-end;align-items: flex-end; gap: 4px; padding: 6px 0;}
.input-form .input-wrap.unit input {font-weight: 700; text-align: right;}
.input-form .input-wrap.unit .btn-clear {right: -5px;}
/* .input-form .form-control {
	height: 22px;
	font-size: 0.875rem;
	line-height: 22px;
	vertical-align: top;
} */
/* .input-form .form-control::placeholder {
	font-size: 0.875rem;
	color: #dcdcdc;
} */
.form-control-group.active.valued .input-wrap.unit {justify-content:flex-end;padding-right:24px} 
.form .form-control-group.valued.active:not(.multi-type) .btn-clear{right:0}
.form-control-group .transfer-money.input-wrap.unit{justify-content:flex-end}
.multiple-transfers-box .form-control-group .input-wrap.unit {justify-content:flex-end;} 
.multiple-transfers-box .form-control-group.active.valued .input-wrap.unit{padding-right:0}
.input-form .ui-select {
	position: relative;
	background: transparent;
	padding: 0;
}
.input-form .ui-select .bank-chip .logo  {
	display: block;
}
.input-form .ui-select .account-item {
	display: flex;
	width: 100%;
}
.input-form .ui-select .account-item .logo  {
	flex: none;
	width: 32px;
	height: 32px;
	margin-right: 12px;
}
.input-form .ui-select .account-item .logo span {
	width: 100%;
	height: 100%;
}
.input-form .ui-select .account-item .name {
	display: flex;
	flex-direction: column;
	color: #141414;
}
.input-form button.form-control.select.no-event:after {
	content: none;
}
.no-event{
	pointer-events: none;
}
.input-form .placeholder
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	line-height: 22px;
	color: #dcdcdc;
	font-size: 0.875rem;
}
.input-form .placeholder .value {
	font-size: 1.125rem;
}
.input-form .placeholder .value .name {
	line-height: 1.5rem;
}
.input-form .placeholder .value .name span {
	margin-bottom: 2px;
}
.input-form .form-control.select {
	position: static;
	height: auto;
	padding-right: 28px;
}
.input-form button.form-control.select:after {
	width: 20px;
	height: 20px;
	/* top: 3px;
	transform: translateY(0); */
	background: #141414;
	-webkit-mask-image: url('../images_kiwi/icon/ico_arr_b.svg');
	mask-image: url('../images_kiwi/icon/ico_arr_b.svg');
	mask-repeat: no-repeat;
	mask-size: cover;
	fill: none;
	vertical-align: middle; 
}

.input-form .ui-keypad .animated-number {
	justify-content: flex-end;
}
.input-form .keypad-input .first-zero {
	font-size: 1.25rem;
}
.input-form .keypad-input .first-zero + .unit {
	font-size: 1rem;
}
.input-form .keypad-input .first-zero + .unit + .placeholder {
	font-size: 1.125rem;
	text-align: right;
}

.input-form .bank-chip {
	margin-top: 12px;
}
.input-form.invalid .input-bx {
	border-color: #f00;
	box-shadow: none !important;
}
.input-form.invalid .form-control {
	color: #f00;
}
.input-form.invalid .msg-area {
	margin-top: 8px !important;
	padding-right: 67px;
}
.input-form.invalid .msg-area .msg {
	font-size: 0.813rem;
	color: #f00;
}
.ui-select.box-type {
	padding: 16px;
	border: 1px #dcdcdc solid;
    border-radius: 8px;
    background: #fff;
}
/* .ui-select.box-type .form-control.select:after {
	background: url(../images_kiwi/icon/btn_arr_r.svg) no-repeat 50% 50%;
	background-size: 16px 16px;
} */
/* 검색 창 */
.search-form-wrap {margin: 20px 0;}
.search-form
{
	position: relative;
    /* overflow: hidden; */
    height: 46px;
    padding: 12px 44px 12px 16px;
    background: #fff;
    border-radius: 8px;
    border: 1px #dcdcdc solid;
}

.search-form .form-control
{
	position: relative;
	z-index: 1;
	height: 24px;
	/* font-size: 0.875rem; */
	font-size: 1rem;
}

.search-form .form-control::placeholder {
	font-size: 1rem;
	height: 24px;
	/* font-size: 0.875rem; */
	color: #dcdcdc;
}

.search-form .placeholder
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	line-height: 46px;
	padding-left: 16px;
	color: #bcbcbc;
	/* font-size: 0.875rem; */
	font-size: 1rem;
}
.compact .form-control::-webkit-input-placeholder
{
	font-size: 1rem;
}

.compact .form-control::-moz-placeholder
{
	font-size: 1rem;
}

.compact .form-control:-ms-input-placeholder
{
	font-size: 1rem;
}

.search-form .btn-search:before,
.search-form .placeholder:before
{
	content: '';
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    margin-right: 2px;
    background: url(../images_kiwi/icon/search_s_20.svg) no-repeat;
    background-size: contain;
    vertical-align: middle;
    right: 16px;
    top: 50%;
    transform: translateY(-10px);
}

.search-form .btn-search
{
	display: none;
}
.search-form.valued
{
	box-shadow: inset 0 0 0 2px #ffbc00;
	border: none;
}
.search-form.valued .btn-search
{
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 44px;
	height: 44px;
}

.search-form .btn-search:before
{
}

.search-form2
{
	position: relative;
	/* overflow: hidden; */ /*temp*/
	height: 44px;
	padding: 9px 44px 9px 24px;
	background: #f8f8f8;
	border-radius: 22px;
}
.search-form2 .input-wrap {
	display: none;
}
.search-form2.valued .input-wrap {
	position: relative;
	display: block;
	margin-left: 20px;
	/* border: 1px dashed red; */
}
.search-form2.valued .input-wrap:after {
	content: "";
	display: block;
	position: absolute;
	top: 5px;
	left: -25px;
    width: 16px;
    height: 16px;
	background: url(../images_kiwi/icon-old/search_s_20.svg) no-repeat;
	vertical-align: middle;
}
.search-form2.valued .input-wrap input {
	border-right: 1px solid #EEEEEE;
}
.search-form2.valued .input-wrap .btn-search {
	position: absolute;
	top: 5px;
	right: -28px;
	cursor: pointer;
	z-index: 1;
	font-size: 14px;
	color: #141414;
}

.search-form2 .form-control
{
	position: relative;
	z-index: 1;
}

.search-form2 .placeholder
{
	background: pink;
	background: none;
	position: absolute;
	top: 9px;
	left: 0;
	width: 100%;
	line-height: 26px;
	text-align: center;
	color: #bbb;
	font-size: 0.875rem;
}
.search-form2.valued .placeholder {
	display: none;
}
.search-form2 .placeholder .keyword {
	color: #141414;
}
.search-form2 .placeholder .btn-close {
	position: absolute;
	top: 2px;
    right: 14px;
	display: inline-block;
	width: 24px;
	height: 24px;
	/* background: red; */
	background: url('../images_kiwi/icon-old/ic_member_del_lightgray.svg') no-repeat;
	text-indent: -9999px;
	cursor: pointer;
}
.search-form2 .placeholder:before
{
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 2px;
	background: url('../images_kiwi/icon-old/search_s_20.svg') no-repeat;
	vertical-align: middle;
}

.ui-tab.search{
    height: calc(100% - 3px);
}
.ui-tab.search .search-list{margin: 12px 0 36px;}
.ui-tab.search .search-list dt,
.ui-tab.search .search-list dd{width: 50%;}

div.search-list > ul > li {
	margin-bottom: 12px
}

/* ui keypad */
.transfer-account-info + .keypad-input
{
	margin-top: 20px;
}
.ui-keypad [class*="warning"]>*
{
	color: #ff0000 !important;
}
.transfer-keypad .ui-keypad
{
	padding-bottom: 92px;
}
.transfer-keypad .ui-keypad .text-info .num
{
	font-weight: 700;
}
.ui-keypad .input-number
{
	position: relative;
	margin: 0;
	/* margin: 0 0 28px; */
}
.bottom-sheet .ui-keypad .input-number
{
	position: relative;
	padding-left: 0;
	margin: 0px 0 28px;
	/* margin: 0 0 28px; */
}

.ui-keypad .animated-number
{
	position: relative;
	overflow: hidden;
	height: 3.25rem;
	/* letter-spacing: -1px; */
	display: flex;
    align-items: center;
}

.ui-keypad .animated-number:after
{
	content: '';
	display: block;
	clear: both;
}

.ui-keypad .animated-number>*
{
	float: left;
	font-size: 2rem;
	font-weight: bold;
	line-height: 2.5rem;
}
.ui-keypad .animated-number.text-20 + .btn-clear
{ 
	right: 12px;
    top: 0px;
    height: 40px;
    width: 40px;
}
.ui-keypad .animated-number.text-20
{ 
	height: 2.625rem;
}
.ui-keypad .animated-number.text-20>*
{
	float: left;
	font-size: 1.25rem;
	font-weight: bold;
	line-height: 1.625rem;
}
.ui-keypad .animated-number.text-20 .unit
{
	font-size: 1rem;
    line-height: 1.5rem;
    right: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.ui-keypad .animated-number>.placeholder.on {
    margin-top: 0;
    opacity: 1;
    font-family: inherit;
}
.keypad-input .text-20 .first-zero + .unit + .placeholder
{
	font-size: 1.125rem;
	height: 2.625rem;
	line-height: 2.625rem;
}
.keypad-input .text-20
{
	font-size: 1.125rem;
	height: 2.625rem;
	line-height: 2.625rem;
	border-bottom: 2px #dcdcdc solid;
}
.keypad-input .text-20.warning
{
		border-bottom: 2px #ff0000 solid;
}

.ui-keypad .animated-number>*:not(.unit)
{
	position: relative;
	margin-top: -20px;
	opacity: 0;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.ui-keypad .animated-number>*.on
{
	margin-top: 0;
	opacity: 1;
	font-family: 'lato', sans-serif; 
}

.ui-keypad .animated-number>*.off
{
	margin-top: 30px;
	opacity: 0;
}

.ui-keypad .animated-number>*.unit
{
	font-size: 1.625rem;
    margin-left: 4px;
    line-height: 28px;
    margin-top: 3px;
}

.ui-keypad .animated-number>span:nth-last-child(3n+2)::after
{
	content: ',';
}

.ui-keypad .animated-number>span:nth-last-child(2)::after
{
	display: none;
}

.input-number .btn-clear, .ui-select .btn-clear
{
	display: none;
	position: absolute;
	top: 0;
    right: -18px;
    width: 56px;
    height: 52px;
	background: url('../images_kiwi/icon/btn_clear.svg') no-repeat 50% 50%;
	-webkit-transition: none !important;
	transition: none !important;
}

.input-number .btn-clear.active, .ui-select .btn-clear.active
{
	display: block;
}

.ui-keypad .keypad
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 -21px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 12px;
}
.ui-keypad .keypad.bg-primary{
	background-color: #ffd338;
	justify-content: flex-end;
    padding: 20px 0;
}

.ui-keypad .keypad>*
{
	position: relative;
	width: 33.3%;
	height: -webkit-calc(100% / 4);
	height: calc(100% / 4);
	min-height: 56px;
	font-size: 1.5rem;
	color: transparent;
	-webkit-tap-highlight-color: transparent;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background: url('../images_kiwi/icon/transfer_key_1.svg') no-repeat 50% 50%;
	-ms-touch-action: none;
	touch-action: none;
}

.ui-keypad .keypad>*[data-num="0"]
{
	background-image: url('../images_kiwi/icon/transfer_key_0.svg');
}

.ui-keypad .keypad>*[data-num="1"]
{
	background-image: url('../images_kiwi/icon/transfer_key_1.svg');
}

.ui-keypad .keypad>*[data-num="2"]
{
	background-image: url('../images_kiwi/icon/transfer_key_2.svg');
}

.ui-keypad .keypad>*[data-num="3"]
{
	background-image: url('../images_kiwi/icon/transfer_key_3.svg');
}

.ui-keypad .keypad>*[data-num="4"]
{
	background-image: url('../images_kiwi/icon/transfer_key_4.svg');
}

.ui-keypad .keypad>*[data-num="5"]
{
	background-image: url('../images_kiwi/icon/transfer_key_5.svg');
}

.ui-keypad .keypad>*[data-num="6"]
{
	background-image: url('../images_kiwi/icon/transfer_key_6.svg');
}

.ui-keypad .keypad>*[data-num="7"]
{
	background-image: url('../images_kiwi/icon/transfer_key_7.svg');
}

.ui-keypad .keypad>*[data-num="8"]
{
	background-image: url('../images_kiwi/icon/transfer_key_8.svg');
}

.ui-keypad .keypad>*[data-num="9"]
{
	background-image: url('../images_kiwi/icon/transfer_key_9.svg');
}

.ui-keypad .keypad>*[data-num="00"]
{
	background-image: url('../images_kiwi/icon/transfer_key_00.svg');
}

.ui-keypad .keypad>*: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;
}
.ui-keypad .keypad.bg-primary>*:before{
	content: none;
}
.ui-keypad .keypad>*:active:before
{
	width: 65px;
	height: 65px;
	opacity: .5;
}

.keypad .backspace
{
	background: url('../images_kiwi/icon/backspace-n.svg') no-repeat 50% 50%;
	background-size: 36px 36px;
}

.ui-keypad .output
{
	font-size: 0.875rem;
	line-height: 1.3125rem;
	display: flex;
    flex-direction: column;
    justify-content: center;
	margin-top: 14px;
}
.ui-keypad .output span{display: flex; gap: 4px; align-items: center;}
.ui-keypad .output span > .ui-tooltip {line-height: 1;}

/* .ui-keypad .output .warning
{
	display: inline-block;
	padding-left: 10px;
	text-indent: -10px;
}

.ui-keypad .output .warning:before
{
	content: '';
	display: inline-block;
	width: 5px;
	height: 5px;
	margin: -2px 5px 0 0;
	border-radius: 50%;
	border: 1px solid #ff9100;
	vertical-align: middle;
} */

.ui-keypad .output>* + *
{
	color: #999;
	font-size: 0.813rem;
}

.ui-keypad .output .btn-tooltip
{
	margin-top: -1px;
}

.ui-keypad .output .btn-tooltip i
{
	border-color: #ff9100;
}

.ui-keypad .output .btn-tooltip i:before
{
	color: #ff9100;
}

.ui-keypad .output .tooltip-layer
{
	left: 0;
	right: 0;
}

.ui-keypad.simple .input-number
{
	margin: 50px 0;
}

/* ui attach */
.ui-attach
{
}

.ui-attach .attach-file li
{
	display: flex;
	align-items: center;
	gap: 8px;
	position: relative;
	height: 56px;
	padding: 16px 20px;
	/* border: 1px solid #eee; */	
	border-radius: 8px;
	background: #f7f7f7;
	line-height: 42px;
	font-size: 1rem;
}

.ui-attach .attach-file li:before
{
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-top: -2px;
	background: url('../images_kiwi/icon/ico_plus_data_20.svg') no-repeat 50% 50%;
	vertical-align: middle;
}

.ui-attach .attach-file li + li
{
	margin-top: 8px;
}

.ui-attach .attach-file .btn-del
{
	position: absolute;
	top: 50%;
	right: 15px;
	width: 24px;
	height: 24px;
	background: url('../images_kiwi/icon/ico_del.svg') no-repeat 50% 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.ui-attach .attach-file + .attach-btn
{
	margin-top: 8px;
}

.ui-attach .attach-btn input
{
	display: none;
}

.ui-attach .attach-btn label
{
	display: block;
	height: 56px;
	border: 1px solid #dcdcdc;
	border-radius: 8px;
	font-size: 1rem;
	color: #141414;
	text-align: center;
	line-height: 54px;
}

.ui-attach.type2 li {
	height: 62px;
	padding: 20px;
	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);
	
}
.ui-attach .attach-file li:before {
	width: 20px;
	height: 20px;
	margin-top: 0;
	background: url('../images_kiwi/icon/ico_use_file.svg') no-repeat 50% 50%;
	background-size: 20px 20px;
}
.ui-attach.type2 li span {
	display: inline-block;
	max-width: calc(100% - 28px - 32px);
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 1.375rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.ui-attach.type2 .attach-file .btn-del {
	background-size: 16px 16px;
}
.ui-attach.type2 .attach-btn label {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;	
	height: 62px;
	padding: 20px;
	border: 1px dashed #141414;
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 1.375rem;
	
}
.ui-attach.type2 .attach-btn label:before {
	display: inline-block;
	content: '';
	width: 16px;
	height: 16px;
	margin-right: 8px;
	background: url('../images_kiwi/icon/ico_plus_data_20.svg') no-repeat 50% 50%;
	background-size: 16px 16px;
	border-radius: 50%;
}
.ui-attach.type2 + .btn-link {
	margin-top: 28px;
}

/* .ui-attach .attach-btn label:before
{
	display: none;
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;
	margin: -2px 8px 0 0;
	background: url('../images_kiwi/icon-old/ico_attach.svg') no-repeat;
	vertical-align: middle;
} */

/* request-state */
.request-state p
{
	font-size: 1.5rem;
	line-height: 2rem;
	font-weight: 500;
}
.request-state p strong.emphasis {
	font-weight: 700;
}

.request-state .ico + p{text-align: center;}
.bottom-sheet .request-state .head-copy{
	padding-top: 12px;
}
.bottom-sheet .request-state .ico{
	margin: 0;
}
.request-state .head-copy
{
	/* padding-top: 12px; */
	font-size: 1.25rem;
	line-height: 1.75rem;
	font-weight: 500;
}
.request-state .head-copy + p.text {
	font-weight: 500;
}
.request-state ~ p.text-14 {
	text-align: center;
}

.request-state .ico
{
	display: block;
	height: 140px; 
	/* background: url('../images_kiwi/ncontents/lon-complete-bg.png') no-repeat 0 50%; 
	background-size: auto 128px;
	background-position: center;
    background-size: 80px;*/
	background-repeat: no-repeat; 
    height: 80px;
    margin: 28px 0;
}

.request-state.complete .ico
{
	/* background-image: url('../images_kiwi/ncontents/lon-complete-bg.png');
	background-position: center;
	background-size: 80px; */
	height: 80px;
	margin: 28px 0;
}

.request-state.confirm p, 
.request-state.complete p,
.request-state.complate p
.request-state.confirm>p, 
.request-state.complete>p,
.request-state.no-result>p
{
	text-align: center;
}
.request-state.complete p.text em 
{
	font-weight: 700;
}
.request-state.complate + p
{
	margin-top: 12px !important;
}
/* .request-state.confirm + .ui-card, */
/* .request-state.fail ~ .ui-card:not(.type2),
.request-state.complete + p + [class^="title-"] + .ui-card:not(.type2),
.request-state.complete + [class^="title-"] + .ui-card:not(.type2),
.layer.bottom-sheet .transfer-confirm + [class^="title-"] + .panel:not(.type2),
.request-state.complete + [class^="title-"] + .panel:not(.type2),
.request-state.complate + [class^="title-"] + .panel:not(.type2),
.request-state.complete + div .panel:not(.type2) { */
.request-state.fail ~ .ui-card:not(.type2),
.request-state.complete ~ .ui-card:not(.type2),
.layer.bottom-sheet .transfer-confirm ~ .panel:not(.type2),
.request-state.complate ~ .panel:not(.type2),
.request-state.complete ~ .panel:not(.type2),
.request-state.confirm ~ .ui-card:not(.type2) {
	padding: 20px;
    border-radius: 12px;
    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);
}
.layer-contents .transfer-confirm + .pd-h {
	margin-top: 20px;
}
/* .request-state.in-progress .ico
{
	background-image: url('../images_kiwi/ncontents/lon-complete-bg.png');
} */

.request-state.confirm .ico
{
	background-image: url('../images_kiwi/icon/img_request5.png');
	background-position: center;
	background-size: 80px;
	height: 80px;
	margin: 28px 0;
}

/* .request-state.fail .ico
{
	background-image: url('../images_kiwi/ncontents/img_exclamation.png');
	background-position: center;
} */
.request-state.fail>p
{
	text-align: center;
}
.request-state + p.text
{
	text-align: center;
	font-weight: 300;
}
.request-state.question .ico
{
	background-image: url('../images_kiwi/ncontents/bibi5-lg.png');
}

.request-state.log-out .ico
{
	height: 160px;
	background-image: url('../images_kiwi/ncontents/bibi5-lg.png');
	background-size: auto 160px;
	background-position-x: center;
}

/* .request-state.no-result .ico
{
	background-image: url('../images_kiwi/ncontents/img_exclamation.png');
} */

.request-state.notice .ico 
{
	display: block;
	height: 80px;
	background-image: url('../images_kiwi/icon/img_request6.png');
	background-size: 80px 80px;
	background-position: center;
}

/* 타임아웃1 */
.request-state.time-out .ico
{
	background-image: url('../images_kiwi/ncontents/bibi5-lg.png');
	background-size: auto 140px;
	background-position: center;
	height: 140px;
}
/* 타임아웃1 */
.request-state.time-out2 .ico
{
	background-image: url('../images_kiwi/ncontents/bibi5-lg.png');
	background-size: auto 140px;
	background-position: center;
	height: 140px;
}
/* 고객확인 아웃 */
.request-state.restart .ico
{
	background-image: url('../images_kiwi/ncontents/bibi5-lg.png');
	background-size: auto 140px;
	background-position: center;
	height: 140px;
}
/* 로그아웃 */
.request-state.logout .ico 
{
	background-image: url('../images_kiwi/ncontents/bibi5-lg.png');
	background-size: auto 160px;
	background-position: center;
	height: 140px;
}
/* 고객확인 완료 */
.request-state.verified .ico 
{
	background-image: url('../images_kiwi/ncontents/bibi5-lg.png');
	background-size: auto 140px;
	background-position: center;
	height: 140px;
}
/* 루나키키 */
.request-state.kiki1-s .ico 
{
	background-image: url('../images_kiwi/ncontents/kiki1-s.png');
	background-size: auto 140px;
	background-position: center;
	height: 140px;
}
/* 포스아거*/
.request-state.ager1-s .ico 
{
	background-image: url('../images_kiwi/ncontents/ager1-s.png');
	background-size: auto 140px;
	background-position: center;
	height: 140px;
}

.request-state.ager2-s .ico 
{
	background-image: url('../images_kiwi/ncontents/ager2-s.png');
	background-size: auto 140px;
	background-position: center;
	height: 140px;
}
/* 심쿵비비 */ 
.request-state.bibi1-s .ico 
{
	background-image: url('../images_kiwi/ncontents/bibi1-s.png');
	background-size: auto 140px;
	background-position: center;
	height: 140px;
}

.request-state.bibi2-s .ico 
{
	background-image: url('../images_kiwi/ncontents/bibi2-s.png');
	background-size: auto 140px;
	background-position: center;
	height: 140px;
}
.request-state.bibi2-s .head-copy strong em {
	font-weight: 700;
}
.request-state.bibi2-s2 .ico 
{
	background-image: url('../images_kiwi/ncontents/bibi2-s.png');
	background-size: auto 160px;
	background-position: center;
	height: 160px;
	margin: 0;
}
.request-state.bibi3-s .ico 
{
	background-image: url('../images_kiwi/ncontents/bibi3-s.png');
	background-size: auto 140px;
	background-position: center;
	height: 140px;
}
.ad-banner.bibi1-s .ico 
{	
	background-image: url('../images_kiwi/ncontents/bibi-banner8.png');
	background-size: auto 98px;
	background-position: right;
	height: 98px;
}
.ad-banner.bibi2-s .ico 
{
	background-image: url('../images_kiwi/ncontents/bibi-banner4.png');
	background-size: auto 90px;
	background-position: right;
	height: 90px;
}

.ad-banner.bibi1-s2 .ico 
{	
	background-image: url('../images_kiwi/ncontents/bibi-banner8.png');
	background-size: auto 98px;
	background-position: right;
	width: 84px !important;
	height: 98px !important ;
}
.ad-banner.bibi2-s2 .ico 
{
	background-image: url('../images_kiwi/ncontents/bibi-banner4.png');
	background-size: auto 109px;
	background-position: right;
	width: 68px !important;
	height: 109px !important;
}

.request-state.bibi1-lg .ico 
{
	background-image: url('../images_kiwi/ncontents/bibi1-lg.png');
	background-size: auto 160px;
	background-position: center;
	height: 160px;
}
.request-state.bibi1-m .ico 
{
	background-image: url('../images_kiwi/ncontents/bibi1-m.png');
	background-size: auto 140px;
	background-position: center;
	height: 140px;
}
.request-state.bibi2-lg .ico 
{
	background-image: url('../images_kiwi/ncontents/bibi2-lg.png');
	background-size: auto 160px;
	background-position: center;
	background-repeat: no-repeat;
	height: 160px;
}
.request-state.bibi3-lg .ico 
{
	background-image: url('../images_kiwi/ncontents/bibi3-lg.png');
	background-size: auto 160px;
	background-position: center;
	height: 160px;
}
.request-state.bibi5-lg .ico 
{
	background-image: url('../images_kiwi/ncontents/bibi5-lg.png');
	background-size: auto 160px;
	background-position: center;
	height: 160px;
}
.request-state.bibi6-lg .ico 
{
	/* background-image: url('../images_kiwi/ncontents/bibi4-lg.png');
	background-size: auto 160px;
	background-position: center; */
	height: 160px;
}

/* 롤로라무*/
.request-state.ramu1-s .ico 
{
	background-image: url('../images_kiwi/ncontents/ramu1-s.png');
	background-size: auto 140px;
	background-position: center;
	height: 140px;
}
.request-state.ramu1-lg .ico 
{
	background-image: url('../images_kiwi/ncontents/ramu1-lg.png');
	background-size: auto 160px;
	background-position: center;
	height: 160px;
}
/* 멜랑콜리 */
.request-state.cholie1-s .ico
{
	background-image: url('../images_kiwi/ncontents/cholis-s.png');
	background-size: auto 140px;
	background-position: center;
	height: 140px;
}

/* 데이터 없음 */
.no-data
{
	display: table;
	width: 100%;
	height: 100%;
	padding: 24px;
	text-align: center;
	color: #b8b8b8;
}

.no-data>*
{
	display: flex;
    vertical-align: middle;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.no-data .ico
{
	display: inline-block;
	margin-bottom: 16px;
	width: 140px;
    height: 140px;
    background: url(../images_kiwi/icon/img_no_search.png) no-repeat 50% 50%;
    background-size: contain;
}

.no-data p
{
	font-size: 1.125rem;
    color: #b8b8b8;
    font-weight: 500;
    line-height: 1.625rem;
    text-align: center;
}

.no-data p>b
{
	font-weight: normal;
	color: #b8b8b8;
}

/* 검색결과 없음 */
.no-search {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	padding: 120px 0;
}

.no-search .ico {
	width: 140px;
	height: 140px;
	background: url('../images_kiwi/icon/img_no_search.png') no-repeat 50% 50%;
	background-size: contain;
}

.no-search .text {
	font-size: 1.125rem;
	color: #b8b8b8;
	font-weight: 500;
	line-height: 1.625rem;
	text-align: center;
}

/* panel, card */
.panel
{
	padding: 20px;
	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.12);
}
.text-14-lightgray + .panel {
	margin-top: 8px;
}
.panel + .text.mt5 {
	margin-top: 12px !important;
}
.flex-col .panel {
	box-shadow: none;
}
.panel.mt10 {
	margin-top: 12px !important;
}
.panel.pd-all {
	padding: 20px !important
}
.form + .panel.mt4 {
	margin-top: 12px !important;
}
.panel + .panel {
	margin-top: 12px;
}
.panel[class*="bg-"]
{
	border: 0;
	border-radius: 0;
}

.pd-h .panel[class*="bg-"]
{
	margin-left: -21px;
	margin-right: -21px;
}

.panel.dash-line .dl-contents
{
	padding: 15px 0;
}

.panel.dash-line .dl-contents:first-child
{
	padding-top: 0;
}

.panel.dash-line .dl-contents:last-child
{
	padding-bottom: 0;
}

.panel.dash-line .dl-contents + .dl-contents
{
	border-top: #f6f6f6 2px dashed;
}

.panel.type1
{
	padding: 20px;
	border-radius: 12px;
    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);
}
.panel.type1 + .panel.type1{margin-top: 12px;}
.panel.ad-banner {
	background: #ffefb9;
	border: none;
	border-radius: 16px;
	text-align: left;
	padding: 20px;
	position: relative;
}
.panel.ad-banner a, .panel.ad-banner .inner {
	display: block;
	position: relative;
}
.panel.ad-banner [class*="text"] {
	color: #a15822;
	font-weight: 700;
}
.panel.ad-banner [class*="btn"] {
	display: inline-block;
	font-size: 0.9375rem;
	padding: 8px 16px;
}
.panel.ad-banner p.text-18 > strong {
	font-weight: 700;
}
.panel.ad-banner p.text-18 + p {
	font-weight: 300;
}
.panel.ad-banner .txt-desc {
	display: inline-block;
	color: #f46600;
}
.panel.ad-banner .ico{
	height: 90px;
    width: 90px;
    display: inline-block;
    position: absolute;
    right: 0;
    bottom: 0;
	background-repeat: no-repeat;
}
/* title 간격조절 */
.title-area + .data-table,
[class^="title-"] + .panel {
	margin-top: 12px;
}
[class^="title-"] + [class^="text-"]  {
	margin-top: 8px;
}
[class^="title-"]:not(.title-d1) + .form {
	margin-top: 12px;
}
[class^="title-"]:not(.title-d1) + .form > .form-control-group {
	margin-top: 0;
}
[class^="title-"]:not(.title-d1) + .form > .form-control-group + .form-control-group {
	margin-top: 20px;
}
h3.title-d2.mt40,
h4.title-d2.mt40,
h5.title-d2.mt40  {
	margin-top: 28px !important;
}
h3.title-d2,
h4.title-d2,
h5.title-d2 {
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.5rem;
}
.title-d2 .btn-tooltip {
	vertical-align: top;
}
.title-d1 + .title-d3 {
	margin-top: 20px;
}
.title-d2 + .form-check-group,
.title-d2 + .search-form {
	margin-top: 12px;
}
hr + .mt40 {
	margin-top: 0 !important;
}


/* list dl */
.dl-contents
{
	display: table;
	width: 100%;
}

.dl-contents>dl, .dl-contents>span
{
	display: table-row;
}

.dl-contents>dl>*, .dl-contents>span>*
{
	display: table-cell;
	vertical-align: top;
}

.dl-contents>dl>dt, 
.dl-contents>span>strong
{
	width: 40px;
	padding: 0 14px 0 0;
	/* color: #666; */
	letter-spacing: normal;
	font-size: 0.875rem;
	white-space: nowrap;
	text-align: left;
}

.dl-contents>dl>dt .name
{
	display: inline-block;
	max-width: 80px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	vertical-align: middle;
}

.dl-contents>dl>dt .ico-question
{
	margin-top: -4px;
}

.dl-contents.justify
{
	display: block;
}

.dl-contents.justify>dl, .dl-contents.justify>span
{
	display: table;
	width: 100%;
}

.dl-contents.justify dd, .dl-contents.justify > span > span
{
	text-align: right;
	overflow-wrap: break-word;
	word-break: break-word; 
}

.dl-contents.justify dd [class^="btn"]
{
	margin-left: 5px;
}

.dl-contents.justify dd .btn-copy
{
	margin: -5px 0 -3px 0;
}
.dl-contents.between dl + dl,
.dl-contents + .dl-contents
{
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px #ebebeb solid;
}

.dl-contents>dl .ellipsis
{
	overflow: hidden;
	max-width: 0;
	white-space: nowrap;
	text-overflow: ellipsis;
}/* 말줄임 전용 클래스 */
.dl-contents .form-check
{
	margin-top: -4px;
	vertical-align: middle;
}

.dl-contents.vam>dl>*
{
	vertical-align: middle;
}
.dl-contents dt.depth2 {
	background: url('../images_kiwi/icon-old/icon_below.svg') no-repeat 0 5px;
	padding-left: 15px;
}

.bg-gray-box.dl-contents>dl>dt,
.bg-gray-box.dl-contents>dl>dd
{
 padding: 0;
 line-height: 1.572 ;
 width: auto;
}
.dl-contents>dl + dl
{
 margin-top: 16px;
}
/* .dl-contents>dl[style*="none"] + dl {
	margin-top: 0;
} */
.dl-contents.thin>dl + dl
{
 margin-top: 12px;
}
.dl-contents.between dl
{
	display: block;
}
.dl-contents.between dt
{
	display: flex;
    justify-content: space-between;
    align-items: center;
	width: 100%;
	margin-bottom: 16px;
	color: #666;
	padding: 0;
}
.dl-contents>dl.full,
.dl-contents>dl.full>dt
{
	display: block;
}
.dl-contents>dl.full>dt
{
	width: 100%;
	margin-bottom: 16px;
}
.dl-contents>dl.full.type1 dt
{
	margin-bottom: 0;
}
.dl-contents>dl.full.type1 dd .txt-sum
{
	margin-top: 0;
}
.dl-contents.justify>dl.full dd
{
	text-align: left;
}
.dl-contents>dl.full .list-bullet-cir
{
	margin-top: 0;
}

.listgroup:not(.no-line)
{
	/* margin: 0 21px; 
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;*/
}
.title-d1 + .listgroup {
	margin-top: 8px;
}
#contents > section:not(.pd-h) .listgroup:not(.pd) {
	padding-right: 21px;
	padding-left: 21px;
}

.listgroup>li>*
{
	position: relative;
	display: block;
	width: 100%;
	min-height: 56px;
	padding: 16px 0;
	text-align: left;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.5rem;
	color: #141414;
}

.listgroup>li>a:before
{
	content: '';
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
}

.listgroup>li+li
{
	margin-top: 0 !important;
}

/* .listgroup:not(.no-line)>li+li
{
	border-top: 1px solid #dcdcdc;
} */

.listgroup>li>*:after
{
	content: '';
	position: absolute;
	top: 50%;
	right: 0px;
	width: 20px;
	height: 20px;
	background: #858585;
	/* background: url('../images_kiwi/icon/btn_arr_r.svg') no-repeat right 50%; */
	mask: url('../images_kiwi/icon/btn_arr_r.svg') no-repeat right 50%;
	transform: translateY(-50%);
}
.listgroup.pd>li>a {
	padding-left: 21px;
	padding-right: 21px;
}
.listgroup.pd>li>a::after {
	right: 21px;
}
.listgroup.pd .toggle-wrap.top-line {
	border-top: 6px #f5f5f5 solid;
}
.listgroup.ui-toggle{border-top: none; border-bottom: 1px #dcdcdc solid;}
.listgroup.ui-toggle>li>* {padding: 20px 21px ;}
.listgroup.ui-toggle>li>*:after{content: none;}
.listgroup.ui-toggle>li .toggle-group.flex{display: flex;
    justify-content: space-between; margin-bottom: 0;
    align-items: center;}

.listgroup.ui-toggle>li .form{
	display: flex;
	flex-direction: column;
    gap: 40px;
    padding: 20px 0;
	border-bottom: 1px #dcdcdc solid;
	
}
.dl-contents .ui-tooltip
{
	height: auto;
}
.dl-contents dt span.ui-tooltip{display: inline-block;}
/* addr-list */
.addr-list > li
{
	padding: 10px 0;
}
.addr-list > li:first-child
{
	padding-top: 0;
}

.addr-list > li > a
{
	position: relative;
	display: block;
	width: 100%;
	text-align: left;
}

.addr-list > li > a:after
{
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: 20px;
	height: 20px;
	background: url('../images_kiwi/icon/btn_arr_r.svg') no-repeat right 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.addr .contents-btns.full
{
	margin-top: 18px;
	padding: 0;
}
.addr .contents-btns.full [class^="btn-"][class*="-func4"]
{
	border-radius: 8px;
	height: 42px;
	font-size: 0.875rem;
}
.addr-list li .zip-code
{
	display: block;
	font-size: 0.75rem;
	line-height: 1.25rem;
	color: #999999;
}

.addr-list li .addr
{
	display: block;
	padding: 2px 30px 0 0;
	line-height: 1.5;
}

.addr-list li .old-addr
{
	display: block;
	font-size: 0.75rem;
	line-height: 1.5rem;
	color: #999999;
	margin-top: 8px;
}

.addr-list li .i-txt
{
	display: inline-block;
    height: 24px;
    padding: 0 8px;
    border-radius: 6px;
    border: 1px solid #dcdcdc;
    font-size: 0.75rem;
    line-height: 24px;
    color: #141414;
	margin-right: 8px;
}
[class*="pd-"].addr
{
	padding-top: 28px !important;
}
.pd-all.addr .info-wrap .text
{
	font-size: 1rem;
}

.addr .info-wrap .desc {
    font-size: 0.875rem;
    line-height: 1.5;
    color: #999999;
	font-weight: 300;
}
.addr .info-wrap .link {
    display: block;
    margin-top: 16px;
    font-size: 0.815rem;
    text-decoration: underline;
	padding: 6px 12px;
}
/* 약관동의 UI */
.agreement-of-terms
{
	position: relative;
}

.agreement-of-terms .agree-all
{
	position: relative;
	padding-right: 24px;
	/* padding-bottom: 16px;
	margin-bottom: 16px;
	border-bottom: 1px solid #eee; */
}
.agreement-of-terms .agree-all.type2 {
	padding-right: 0;
}

.agreement-of-terms .agree-all.type2 .form-check>label {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 8px 12px;
}

.agreement-of-terms .agree-all.type2 .agree-alert ul {
	display: inline-flex;
}
#contents .agreement-of-terms .agree-all.type2 .alrt
{
	margin: 0;
}

.agreement-of-terms .agree-all label
{
	color: #141414;
	font-size: 1rem;
	font-weight: 500;
	display: block;
}

.agreement-of-terms .agree-all + .ui-toggle
{
	margin-top: 16px;
}
.agreement-of-terms .agree-all .count {position:absolute;top:0;right:0;font-size:0.8125rem;line-height:1.375rem;color:#141414}
.agreement-of-terms .agree-all .count em {color:#999;font-weight:400}
.agreement-of-terms .agree-all .count em.current {color:#141414;font-weight:500}
.agreement-of-terms .agree-first
{
	padding-bottom: 16px;
	border-bottom: 1px solid #eee;
}

.agreement-of-terms .agree-first label
{
	font-size: 14px;
	color: #141414;
}

.agreement-of-terms .form-check-list:not([class*="col"])>li
{
	position: relative;
	/* padding-right: 24px; */
}

.agreement-of-terms .form-check-list .form-check>label
{
	font-size: 0.875rem;
	color: #141414;
}

.agreement-of-terms .btn-view-policy
{
	position: absolute;
	top: 2px;
	right: 0;
	width: 20px;
	height: 20px;
	background: url('../images_kiwi/icon/btn_arr_r.svg') no-repeat 50% 50%;
}
.agreement-of-terms .form-check.view-policy + .btn-view-policy {
	position: absolute;
	top: 16px;
	right: 16px;
}

.agreement-of-terms .form-check-list .form-check-list
{
	margin: 12px 0 0 0;
	padding: 12px;
	background: #f8f8f8;
	border-radius: 4px;
}

.agreement-of-terms .form-check-list .form-check-list>li
{
	position: relative;
}

.agreement-of-terms .form-check-list .form-check-list .btn-view-policy
{
	right: 0;
}

.agreement-of-terms.simple .agree-all
{
	margin-bottom: 0;
}

.agreement-of-terms.simple .form-check-list>li
{
	padding-right: 0;
}

.agreement-of-terms.simple .form-check-list>li+li
{
	margin-top: 0;
}

.agreement-of-terms + .form-check
{
	padding-top: 16px;
	margin-top: 8px;
	border-top: 1px solid #eee;
}

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

.agreement-of-terms:not(.all) .agree-all ~ .form-check-list
{
	border-top: 1px solid #ebebeb;
	margin-top: 16px;
	padding-top: 16px;
}

/* card ui */
.ui-card-list > ul
{
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.ui-card-list>a
{
	display: block;
}

.ui-card-list>*:not(.list-sort) + *,
	.ui-card ~ .ui-card
{
	margin-top: 12px;
}
.layer-contents > .ui-card-list {
	padding: 0 !important
}
.ui-card + .title-d2.space,
.ui-card-list + .title-d2.space {
	margin-top: 28px !important;
}
/* .ui-card-list:only-child {
	background-color: red;
} */
.ui-card + .title-d2.space > span.ui-tooltip {
	margin-top: -1px;
	line-height: 1;
}

.ui-card
{
	position: relative;
	padding: 16px 20px 16px;
	border: 1px solid #eee;
	border-radius: 8px;
	box-shadow: 0 0 2px 0 rgba(20,20,20,0.08), 0 2px 16px 0 rgba(20,20,20, 0.12);
}
[class^="title-"] + .ui-card {
	margin-top: 12px;
}
/* .ui-card + .ui-card {
	margin-top: 28px;
} */

.ui-card + .list-bullet-cir.mt20 {
	margin-top: 12px !important;
}
.ui-card>dt
{
	padding-bottom: 18px;
}

.ui-card>dt *
{
	display: inline-block;
	line-height: 1.25rem;
	vertical-align: middle;
}

.ui-card>dt .form-check > label
{
	line-height: 1.5rem;
}

.ui-card>dt .btn-select
{
	position: relative;
	width: 100%;
	text-align: left;
	border: 0;
}

.ui-card>dt .btn-select:after
{
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: 25px;
	height: 25px;
	background: url('../images_kiwi/icon-old/ico_arr_d.svg');
	background-position: 50% 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.ui-card>dt .link
{
	padding-right: 18px;
	background: url('../images_kiwi/icon/btn_arr_r.svg') no-repeat 100% 50%;
}

.ui-card .logo
{
	margin-right: 7px;
}

.ui-card .name
{
}

.ui-card .account
{
	display: block;
}

.ui-card .small
{
}

.ui-card>dd
{
	padding-bottom: 16px;
}

.ui-card .amount
{
	margin-bottom: -5px;
	font-size: 1.25rem;
	; line-height: 1.5;
	text-align: right;
}

.ui-card .div
{
	padding-top: 16px;
	border-top: 1px solid #eee;
}
.ui-card dd.div 
{
	padding-bottom:0
}
.ui-card dd.div + dd.div {margin-top:16px}
.ui-card .ui-toggle
{
	position: static;
	padding: 0;
}

.ui-card.type2 {
	padding: 20px;
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 0 2px 0 rgba(20, 20, 20, 0.08), 0 4px 8px 0 rgba(20, 20, 20, 0.12);
}

.ui-card.type2 > dt {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding-bottom: 8px;
}

.ui-card.type2 > dd {
	padding-bottom: 0;
}

.ui-card.type2 .label2 {
	align-self: flex-start;
}

.ui-card.type2 .card-tit {
	font-size: 1.125rem;
	line-height: 1.625rem;
}
.inquiry-transfer-list .ui-card.type2 .card-tit {
	font-size: 1rem;
	line-height: 1.5rem;
}
.inquiry-transfer-list .ui-card.type2 .card-tit.info-type {
	display: flex;
	justify-content: space-between;
	line-height: 1.313rem;
}
.inquiry-transfer-list .ui-card.type2 .card-tit.info-type small {
	font-family: 'lato', sans-serif;
}
.inquiry-transfer-list .ui-card.type2 .card-tit.info-type .name {
	font-size: 0.8125rem;
}
.inquiry-transfer-list .ui-card.type2 .item-group {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	align-self: flex-end;
	text-align: right;
	gap: 16px 0;
}
.inquiry-transfer-list .ui-card.type2 .dl-contents dd.bold i.num {
	font-weight: 700;
}

.ui-card.type2 .card-txt {
	border: 1px solid red;
}

.ui-card.type2 .card-desc {
	margin-bottom: 12px;
	color: #666;
	font-weight: 300;
}
.ui-card.type2 .card-tit + .dl-contents.justify dt{color: #141414;}
.ui-card.type2 .card-desc + .color-success{
	display: block;
}

.ui-card-list .ui-card .dl-contents>dl>*
{
	padding: 2px 0;
	font-size: 0.875rem;
	line-height: 1.5rem;
}

.ui-card-list .ui-card .dl-contents + .dl-contents
{
	padding-top: 16px;
	margin-top: 16px;
	border-top: 1px dashed #eee;
}
.ui-card-list .ui-card .ui-toggle{margin-top:20px}
.ui-card .btn-toggle
{
	position: absolute;
	bottom: 0;
	right: 6px;
	width: 55px;
	height: 55px;
	background: url('../images_kiwi/icon-old/ico_arr_d.svg') no-repeat 50% 50%;
	-webkit-transition: -webkit-transform .2s;
	transition: -webkit-transform .2s;
	transition: transform .2s;
	transition: transform .2s, -webkit-transform .2s;
	-webkit-tap-highlight-color: transparent;
	/* -webkit-transform: rotate(0); */
	/* transform: rotate(180deg); */
}

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

.ui-card .toggle-contents
{
	border-top: 1px dashed #eee;
}

.ui-card .toggle-contents>*:first-child
{
	padding-top: 16px;
}

.ui-card .toggle-contents>*:last-child
{
	padding-bottom: 16px;
}

.ui-card .func
{
	height: 55px;
	padding-top: 15px;
	margin-bottom: -6px;
	border-top: 1px solid #eee;
}

.ui-card .func .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%;
	border: 0;
}

.ui-card .func .btn-link,
	.ui-card .func .status
{
	position: absolute;
	top: 30px;
	right: 24px;
	font-size: 0.875rem;
	color: #999;
}

.card-btns
{
	padding: 0 !important;
	margin-bottom: 12px;
}

.ui-card .func .card-btns
{
	margin-bottom: 0;
}

.ui-card.failed
{
	background: #f8f8f8;
	color: #bbb;
}

.ui-card.failed img
{
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: .5;
}

.ui-card.failed .error-msg
{
	padding-left: 60px;
	font-size: 0.875rem;
	line-height: 1.125rem;
	color: #141414;
	/* text-indent: -60px; */
}

.ui-card.failed .error-msg .warning
{
	margin-right: 5px;
}

.ui-card.failed em
{
	color: #ff9100 !important;
}

.ui-card .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%;
}

.dl-contents>dl.div>*
{
	padding-top: 16px;
	border-top: 1px solid #eee;
}
/* 
.ui-card-list.full
{
	margin: 0 -21px;
	border-top: 1px solid #eee;
} */
.ui-card-list.full > .no-data:not(.ui-card){
	margin-top: -1px;
	background-color: #fff;
}
.ui-card-list.full > div a + a {
	display: block;
	margin-top: 12px;
}
div:not(.pd-h) .ui-card-list.page {margin-top:28px;padding:0 21px 24px;}
[class^="title-"] + .ui-card-list.page{margin-top: 12px;/*border-top:1px solid #eee;*/}
/* .ui-card-list.full .ui-card,
.ui-card-list.page .ui-card
{
	border: none;
	border-bottom: 1px solid #f8f8f8;
	border-radius: 0;
} */

.ui-card-list.full .ui-card .account,
.ui-card-list.page .ui-card .account
{
	font-weight: bold;
}
.ui-card-list.full a > .ui-card .account 
{
	font-size: 1rem;
}

.ui-card-list.full a .ui-card .account:after,
.ui-card-list.page a .ui-card .account:after
{
	content: '';
	display: inline-block;
	position: relative;
	top: 3px;
	width: 16px;
	height: 16px;
	background: url('../images_kiwi/icon-old/ico_arr_r.svg') no-repeat 50% 50%;
}

/* 리스트 밀어서 삭제 */
[class*="pd-"] .ui-slide-delete
{
	margin-left: -24px;
	margin-right: 24px;
}

.ui-slide-delete li
{
	position: relative;
	min-height: 72px;
	padding: 12px 24px;
}

.ui-slide-delete li>div
{
	position: relative;
	z-index: 1;
	min-height: 72px;
	padding: 12px 24px;
	margin: -12px -24px;
	background: #fff;
	-webkit-transition: border-radius .2s;
	transition: border-radius .2s;
}

.ui-slide-delete li>div.active
{
	border-radius: 8px;
}

.ui-slide-delete .btn-slide-del
{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 80px;
	padding-left: 10px;
	background: #ff9100;
	border: 0;
	color: #fff;
}

/* loading */
[class^="ui-loading"]
{
}

.ui-loading-sm
{
	position: relative;
	width: 24px;
	height: 24px;
	margin: 12px auto;
}

span.ui-loading-sm
{
	display: inline-block;
}

.ui-loading-sm>span:not(.sr-only)
{
	position: absolute;
	width: 4px;
	height: 4px;
	background: #ffd338;
	border-radius: 50%;
	-webkit-animation: loading .8s infinite;
	animation: loading .8s infinite;
}

.ui-loading-sm>span:nth-child(1)
{
	top: 0;
	left: 10px;
}

.ui-loading-sm>span:nth-child(2)
{
	top: 3px;
	left: 17px;
	opacity: .9;
	-webkit-animation-delay: .1s;
	animation-delay: .1s;
}

.ui-loading-sm>span:nth-child(3)
{
	top: 10px;
	right: 0px;
	opacity: .8;
	-webkit-animation-delay: .2s;
	animation-delay: .2s;
}

.ui-loading-sm>span:nth-child(4)
{
	bottom: 3px;
	right: 3px;
	opacity: .7;
	-webkit-animation-delay: .3s;
	animation-delay: .3s;
}

.ui-loading-sm>span:nth-child(5)
{
	bottom: 0;
	right: 10px;
	opacity: .6;
	-webkit-animation-delay: .4s;
	animation-delay: .4s;
}

.ui-loading-sm>span:nth-child(6)
{
	bottom: 3px;
	left: 3px;
	opacity: .5;
	-webkit-animation-delay: .5s;
	animation-delay: .5s;
}

.ui-loading-sm>span:nth-child(7)
{
	top: 10px;
	left: 0;
	opacity: .4;
	-webkit-animation-delay: .6s;
	animation-delay: .6s;
}

.ui-loading-sm>span:nth-child(8)
{
	top: 3px;
	left: 3px;
	opacity: .3;
	-webkit-animation-delay: .7s;
	animation-delay: .7s;
}

@-webkit-keyframes loading
{
	0%
	{
		opacity: 1;
	}

	100%
	{
		opacity: .3;
	}
}

@keyframes loading
{
	0%
	{
		opacity: 1;
	}

	100%
	{
		opacity: .3;
	}
}

.ui-loading-lg
{
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 200;
	background: rgba(0, 0, 0, 0.4);
}

.ui-loading-lg>*
{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 88px;
	/* 로딩이미지 높이 = 7348 / 66 (이미지크기 / 이미지비율 * 이미지개수 = 3x22) */
	height: calc(7348px / 66);
	background: url('../images_kiwi/char/new_kiwi_loading.png') no-repeat;
	background-size: 88px;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

/*  이미지위치 = 7348 / -1*3*22*n (이미지크기 / -1 * 이미지비율 * 이미지개수 * n번째) */
.ui-loading-lg .img1
{
	background-position: 0 calc(7348px / -66 * 0);
}

.ui-loading-lg .img2
{
	background-position: 0 calc(7348px / -66 * 1);
}

.ui-loading-lg .img3
{
	background-position: 0 calc(7348px / -66 * 2);
}

.ui-loading-lg .img4
{
	background-position: 0 calc(7348px / -66 * 3);
}

.ui-loading-lg .img5
{
	background-position: 0 calc(7348px / -66 * 4);
}

.ui-loading-lg .img6
{
	background-position: 0 calc(7348px / -66 * 5);
}

.ui-loading-lg .img7
{
	background-position: 0 calc(7348px / -66 * 6);
}

.ui-loading-lg .img8
{
	background-position: 0 calc(7348px / -66 * 7);
}

.ui-loading-lg .img9
{
	background-position: 0 calc(7348px / -66 * 8);
}

.ui-loading-lg .img10
{
	background-position: 0 calc(7348px / -66 * 9);
}

.ui-loading-lg .img11
{
	background-position: 0 calc(7348px / -66 * 10);
}

.ui-loading-lg .img12
{
	background-position: 0 calc(7348px / -66 * 11);
}

.ui-loading-lg .img13
{
	background-position: 0 calc(7348px / -66 * 12);
}

.ui-loading-lg .img14
{
	background-position: 0 calc(7348px / -66 * 13);
}

.ui-loading-lg .img15
{
	background-position: 0 calc(7348px / -66 * 14);
}

.ui-loading-lg .img16
{
	background-position: 0 calc(7348px / -66 * 15);
}

.ui-loading-lg .img17
{
	background-position: 0 calc(7348px / -66 * 16);
}

.ui-loading-lg .img18
{
	background-position: 0 calc(7348px / -66 * 17);
}

.ui-loading-lg .img19
{
	background-position: 0 calc(7348px / -66 * 18);
}

.ui-loading-lg .img20
{
	background-position: 0 calc(7348px / -66 * 19);
}

.ui-loading-lg .img21
{
	background-position: 0 calc(7348px / -66 * 20);
}

.ui-loading-lg .img22
{
	background-position: 0 calc(7348px / -66 * 21);
}

.ui-loading-lg .img23
{
	background-position: 0 calc(7348px / -66 * 22);
}

.ui-loading-lg .img24
{
	background-position: 0 calc(7348px / -66 * 23);
}

.ui-slider-wrap
{
}

.ui-slider-wrap .slider-label
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-bottom: 10px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	font-size: 0.875rem;
	color: #999;
}

.ui-slider-wrap .slider-label .on
{
	color: #141414;
}

.ui-slider
{
	width: -webkit-calc(100% - 18px);
	width: calc(100% - 18px);
	height: 36px;
	margin-left: -9px;
}

.ui-widget.ui-widget-content
{
	border: 0;
}

.ui-widget-content:after
{
	content: '';
	position: absolute;
	top: 50%;
	left: 9px;
	right: -27px;
	height: 6px;
	background: #eee;
	border-radius: 3px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.ui-slider-horizontal .ui-slider-range
{
	top: 50%;
	height: 6px;
	background: #ffbc00;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.ui-slider .ui-slider-handle
{
	top: 50%;
	width: 36px;
	height: 36px;
	margin: 0 !important;
	border: 1px solid #eee;
	background: #fff;
	border-radius: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	box-shadow: 0px 4px 8px 0 rgba(0,0,0,0.05);
}

.ui-slider .ui-slider-handle:after
{
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 10px;
	height: 10px;
	background: #ffbc00;
	border-radius: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.ui-slider-horizontal .ui-slider-handle:nth-child(3)
{
	margin-left: -27px;
}

[class^="btn-"] .ui-loading-sm
{
	margin: -2px 5px 0 0;
	vertical-align: middle;
}


/* 큰 은행로고 타입  */
.big-logo
{
	position: relative;
	margin-bottom: 0px;
	min-height: 32px;
	padding: 0 0 0 44px;
	width: 100%;
}

.mony
{
	margin-bottom: 0px !important;
	min-height: 40px !important;
}

.big-logo > *
{
	line-height: 1.5 !important;
}

.big-logo .logo
{
	position: absolute;
	top: 50%;
	left: 0;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.big-logo .name
{
	display: block;
	font-size: 1rem;
	padding-top: 4px;
}

/* 플래그(라벨) */
.green-label
{
	font-size: 0.75rem;
	color: #F46600;
	display: inline-block;
	padding: 0 4px;
	height: 20px;
	line-height: 20px;
	background-color: #FFEACC;
	border-radius: 3px;
	vertical-align: text-bottom;
}

.green-label.deep
{
	background-color: #FFD338;
	color: #141414;
}

.brown-label
{
	font-size: 0.75rem;
	color: #9f6a34;
	display: inline-block;
	padding: 0 4px;
	height: 20px;
	line-height: 20px;
	background-color: #f8f3ee;
	border-radius: 3px;
	vertical-align: text-bottom;
}

.brown-label.deep
{
	background-color: #6e5a49;
	color: #fff;
}

.ivory-label
{
	font-size: 0.75rem;
	color: #F46600;
	display: inline-block;
	padding: 0 4px;
	height: 20px;
	line-height: 20px;
	background-color: #FFEACC;
	border-radius: 999px;
	vertical-align: text-bottom;
}


/* 공유하기 */
.btn-share
{
	width: 20px;
	height: 20px;
	background: url('../images_kiwi/icon/ico_share.svg');
}

.share-list
{
	padding: 40px 24px 60px;
	text-align: center;
}

.share-list .share-ico
{
	width: 44px;
	height: 44px;
	border-radius: 50%;
}

.share-list .share-ico ~ .share-ico
{
	margin-left: 24px;
}

.share-list .kakao
{
	background-image: url('../images_kiwi/icon/ic_cert_kakao.svg');
	background-size: contain;
}

.share-list .facebook
{
	background-image: url('../images_kiwi/icon/facebook.svg');
	background-size: contain;
}

.share-list .etc
{
	background-image: url('../images_kiwi/icon/ico_device_more_off.svg');
	background-size: contain;
}

/* 달력 커스터마이징 */
.form-control.datepicker{
	width: 100%;
	background-image: url('../images_kiwi/icon/ico_calender_20.svg');
	background-size: 20px auto;
	background-position: right 50%;
	background-repeat: no-repeat;
}
.form-control.datepicker + .btn-clear {
	display: none;
}
.mbsc-mobiscroll.dw-bottom .dwfl:nth-child(1) .dw-ul .dw-i::after
/* .default-date .dwfl:nth-child(1) .dw-ul .dw-i::after */
{
	content: '년';
	display: inline-block;
	margin-left: 2px;
	font-size: 1.25rem;
	font-weight: 700;
	margin-top: -3px;

}
.mbsc-mobiscroll.dw-bottom .dwfl:nth-child(2) .dw-ul .dw-i::after,
.default-date .dwfl:nth-child(2) .dw-ul .dw-i::after
{
	content: '월';
	display: inline-block;
	/* margin-left: -5px; */
	margin-left: 2px;
	font-size: 1.25rem;
	font-weight: 700;
	margin-top: -3px;
}
.mbsc-mobiscroll.dw-bottom .dwfl:nth-child(3) .dw-ul .dw-i::after,
.default-date .dwfl:nth-child(3) .dw-ul .dw-i::after
{
	content: '일';
	display: inline-block;
	margin-left: 2px;
	font-size: 1.25rem;
	font-weight: 700;
	margin-top: -3px;
	
}

/* 스와이프 배너 플러그인 설정 */
.swiper-container
{
	position: relative;
	padding-bottom: 36px;
}

.swiper-container[data-vertical="true"]
{
	height: 100vh;
	padding: 0;
}

.swiper-container .swiper-slide > img
{
	width: 100%;
}

.swiper-container .swiper-pagination-bullet>span
{
	overflow: hidden;
	position: absolute;
	z-index: -1;
	width: 1px;
	height: 1px;
}

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

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next
{
	-webkit-transform: scale(1);
	transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next
{
	-webkit-transform: scale(1);
	transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(1);
    transform: scale(1);
    position: relative;
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
{
	min-width: 100px;
}
.swiper-container [class^="swiper-button-"]
{
	width: 32px;
	height: 32px;
}

.swiper-container [class^="swiper-button-"]:after
{
	display: none;
}

.swiper-button-prev
{
	left: 0;
	background: url('../images_kiwi/icon-old/btn_msg_card_left.svg') no-repeat;
}

.swiper-button-next
{
	right: 0;
	background: url('../images_kiwi/icon-old/btn_msg_card_right.svg') no-repeat;
}

/* 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)
{
	.ui-select,
	.option-list label,
	.option-list>li>button
	{
		padding-left: 16px;
		padding-right: 16px;
	}

	.tooltip-layer
	{
		left: 16px;
		right: 16px;
	}

	.panel,
	.no-data
	{
		padding: 16px;
	}

	.pd-h .panel[class*="bg-"]
	{
		margin-left: -16px;
		margin-right: -16px;
	}

	.ui-card
	{
		padding: 16px 16px 6px;
	}

	.ui-card .func .btn-link,
	.ui-card .func .status
	{
		top: 24px;
		right: 16px;
	}

	.ui-card .btn-del
	{
		top: 16px;
		right: 16px;
	}

	[class*="pd-"] .ui-slide-delete
	{
		margin-left: -16px;
		margin-right: 16px;
	}

	.listgroup>li>*
	{
		padding-left: 16px;
		padding-right: 16px;
	}

	.listgroup>li>*:after
	{
		right: 7px;
	}

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

	.share-list
	{
		padding: 0 16px 24px;
	}
}

.ui-card-checkbox {
	margin-top:8px;
}

.ui-card-check
{
	position: relative;
	padding: 24px 24px 6px;
	border: 1px solid #eee;
	border-radius: 8px;
}

.ui-card-checkbox input:checked + label>dl
{
	padding: 23px 23px 5px;
	background-color: #fff;
	border: 2px solid #ffbc00;
}

.ui-card-checkbox input:checked + label>dl:before
{
	content: '';
	position: absolute;
	top: 23px;
	left: 23px;
	z-index: 1;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: #ffbc00 url('../images_kiwi/icon-old/ico_check_w_24.svg') no-repeat 50% 50%;
}

.ui-card-check>dt
{
	padding-bottom: 18px;
}

.ui-card-check>dt *
{
	display: inline-block;
	line-height: 1.25rem;
	vertical-align: middle;
}

.ui-card-check>dt .form-check > label
{
	line-height: 1.5rem;
}

.ui-card-check>dt .btn-select
{
	position: relative;
	width: 100%;
	text-align: left;
	border: 0;
}

.ui-card-check>dt .btn-select:after
{
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: 25px;
	height: 25px;
	background: url('../images_kiwi/icon-old/ico_arr_d.svg');
	background-position: 50% 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.ui-card-check>dt .link
{
	padding-right: 18px;
	background: url('../images_kiwi/icon/btn_arr_r.svg') no-repeat 100% 50%;
}

.ui-card-check .logo
{
	margin-right: 7px;
}

.ui-card-check .name
{
}

.ui-card-check .account
{
	display: block;
}

.ui-card-check .small
{
}

.ui-card-check>dd
{
	padding-bottom: 16px;
}

.ui-card-check .amount
{
	margin-bottom: -5px;
	font-size: 1.25rem;
	; line-height: 1.5;
	text-align: right;
}

.ui-card-check .div
{
	padding-top: 16px;
	border-top: 1px solid #eee;
}

.ui-card-check .ui-toggle
{
	position: static;
	padding: 0;
}

.ui-card-list .ui-card .dl-contents>dl>*
{
	padding: 2px 0;
	font-size: 0.875rem;
	line-height: 1.5rem;
}

.ui-card-list .ui-card .dl-contents + .dl-contents
{
	padding-top: 16px;
	margin-top: 16px;
	border-top: 1px dashed #eee;
}

.ui-card-check .btn-toggle
{
	position: absolute;
	bottom: 0;
	right: 6px;
	width: 55px;
	height: 55px;
	background: url('../images_kiwi/icon-old/ico_arr_d.svg') no-repeat 50% 50%;
	-webkit-transition: -webkit-transform .2s;
	transition: -webkit-transform .2s;
	transition: transform .2s;
	transition: transform .2s, -webkit-transform .2s;
	-webkit-tap-highlight-color: transparent;
}

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

.ui-card-check .toggle-contents
{
	border-top: 1px dashed #eee;
}

.ui-card-check .toggle-contents>*:first-child
{
	padding-top: 16px;
}

.ui-card-check .toggle-contents>*:last-child
{
	padding-bottom: 16px;
}

.ui-card-check .func
{
	height: 55px;
	padding-top: 15px;
	margin-bottom: -6px;
	border-top: 1px solid #eee;
}

.ui-card-check .func .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%;
	border: 0;
}

.ui-card-check .func .btn-link,
	.ui-card .func .status
{
	position: absolute;
	top: 30px;
	right: 24px;
	font-size: 0.875rem;
	color: #999;
}

.card-btns
{
	padding: 0 !important;
	margin-bottom: 12px;
}

.ui-card-check .func .card-btns
{
	margin-bottom: 0;
}

.ui-card-check.failed
{
	background: #f8f8f8;
	color: #bbb;
}

.ui-card-check.failed img
{
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: .5;
}

.ui-card-check.failed .error-msg
{
	padding-left: 60px;
	font-size: 0.875rem;
	line-height: 1.125rem;
	color: #141414;
	text-indent: -60px;
}

.ui-card-check.failed .error-msg .warning
{
	margin-right: 5px;
}

.ui-card-check.failed em
{
	color: #ff9100 !important;
}

.ui-card-check .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%;
}

.dl-contents>dl.div>*
{
	padding-top: 16px;
	border-top: 1px solid #eee;
}

/* .ui-card-list.full
{
	margin: 0 -21px;
	border-top: 1px solid #eee;
} */
/* 
.ui-card-list.page{padding:0 0 24px;border-top:1px solid #eee;} */
/* 
.ui-card-list.full .ui-card,
.ui-card-list.page .ui-card
{
	border: none;
	border-bottom: 1px solid #f8f8f8;
	border-radius: 0;
} */
.layer-contents .ui-card-list.full {
	padding-top: 0 !important;
}
.ui-card-list.full.pd-all {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.ui-card-list.full a > .ui-card > dt {
	margin-bottom: 18px;
	border-bottom: 1px solid #eee;
}
.ui-card-list.full .ui-card .account,
.ui-card-list.page .ui-card .account
{
	font-weight: bold;
}

.ui-card-list.full a .ui-card .account:after,
.ui-card-list.page a .ui-card .account:after
{
	content: '';
	display: inline-block;
	position: relative;
	top: 3px;
	width: 16px;
	height: 16px;
	background: url('../images_kiwi/icon-old/ico_arr_r.svg') no-repeat 50% 50%;
}
.ui-card-list.full a + a {
	margin-top: 12px;
}

.ui-card .dl-contents {
}
.ui-card .dl-contents dl {
	overflow: hidden;
}
.ui-card .dl-contents dl dt {
	width: auto;
}
.ui-card.type2 .dl-contents.justify dl dt {
	color: #666;
}
.ui-card .dl-contents dl dd{
	float: right;
}

.bottom-select .label {
	margin-bottom: 4px;
	font-size: 0.875rem;
}
.bottom-select .bs-select {
    height: auto;
    padding: 0;
    background: transparent;
    border-radius: 0;
}
.bottom-select .bs-select-btn {
	position: relative;
    width: 100%;
    min-height: 26px;
    padding-right: 24px;
    font-size: 1.125rem;
    color: #141414;
	text-align: left;
	line-height: 21px;
}
.bottom-select select {
    display: none;
}
.bottom-select .value {
    color: #bbb;
	font-weight: 700;
}
.bottom-select.valued .value {
    color: #141414;
}
.bottom-select .bs-select.valued .value {
    color: #141414;
}
.bottom-select .bs-select-btn:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 20px;
    height: 20px;
    background: url(../images_kiwi/icon/btn_arr_r.svg) no-repeat;
    transform: translateY(-50%);
}
.bottom-select .bs-tool-tip {
	display: none;
}
.option-list.yellow input:checked + label {
	color: #141414;
	background: #FFD338;
}
.option-list .etc-inp {
	margin: 12px 24px;
}
.option-list .etc-inp label {
	padding: 0;
	line-height: 1;
}
.option-list .etc-inp input {
	position: static;
	width: 100%;
	height: 26px;
}
.form-control-group.small.valued .placeholder.label-required .value:after {
	content: ''; display: inline-block; position: relative; top: -10px; left: 1px; width: 6px; height: 6px; background: #ffbc00; border-radius: 50%;
}
.dl-contents.justify dd.addr {
	text-align: right;
}
.dl-contents.justify dd.addr span {
	display: inline-block;
	max-width: 75%;
}


.d-flex {display: flex;}
.d-flex.fldc {flex-direction: column;}
.d-flex.jcc {justify-content: center;}
.d-flex.jcsb {justify-content: space-between;}
.d-flex.between
{
	display: flex;
    justify-content: space-between;
    align-items: center; flex-direction: row;}

/* banner-warp */
.banner-warp .icon-state{
	font-size: 1rem;
	display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
	
}
.panel.banner-warp {box-shadow: none;}
.banner-warp{margin-top: 12px;}
.banner-warp li + li{
	border-top:1px #dcdcdc solid ;
	padding-top: 16px;
	margin-top: 16px;
}
/* icon */
.icon-state .ico{
	width: 48px;
	height: 48px;
	display: block;
	background-position: 50% 50%;
	background-repeat: no-repeat;
} 
.icon-state.card .ico{
	background: url(../images_kiwi/icon/ico_visual_card.svg);
} 
.icon-state.membership .ico{
	background: url(../images_kiwi/icon/ico_visual_membership.svg);
} 
.pd-h>h2.title-d1,
section.pd-h>h3.title-d1{
	margin-top: 28px;
}

/* 은행로고 */
.account-logo{display: flex; align-items: flex-start; gap: 12px;}
.account-logo .logo{width: 28px; height: 28px;}
.account-logo .logo.w-32{width: 32px; height: 32px;}
.account-logo .name{font-size: 1rem; margin-top: 0; display: block;}
.account-logo small{font-size: 0.875rem; margin-top: 4px;}