/* 부가서비스 */
.title-wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.title-wrap small {
	display: inline-block;
	margin-left: auto;
	font-size:  0.75rem;
	font-weight: 500;
	line-height: 1.25rem;
	color: #999;
}
/* 부가서비스 _ 생활계산기 */
.ser-cal .input-area
{
	margin-bottom: 40px;
	padding-top: 8px;
	padding-bottom: 40px;
	border-bottom: 6px solid #f5f5f5;
	/* background-color: #f8f8f8; */
}

.ser-cal .input-area .form-control-group
{
	background-color: #fff;
}

.ser-cal .input-area .head-copy
{
	margin-bottom: 25px;
	font-size: 1.25rem !important;
	line-height: 1.4;
}
.ser-cal .input-area .head-copy b {
	color: #F46600;
}

/* .ser-cal .form-control-group.has-arrow
{
	background: #fff url('../images_kiwi/icon-old/ico_arr_d.svg') 95% center no-repeat;
} */

/* 부가서비스 _ 계산기 목록 */
.calc-list
{
	margin-top: 20px;
}

.calc-list li
{
	position: relative;
	background: url('../images_kiwi/icon/btn_arr_r.svg') no-repeat right 50%;
}

.calc-list li a
{
	display: block;
	padding: 16px 0 16px 28px;
	font-size: 1rem;
}

.calc-list li .favorite
{
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.calc-list li .favorite.on
{
	background: url('../images_kiwi/icon/ico_favorite_on.svg') no-repeat center;
}
/* 부가서비스 _ 환율계산기 */
.ser-cal  .basic-exchange
{
	margin-top: 8px;
	font-size: .875rem;
	line-height: 1.5;
	background: #f5f5f5;
	border-radius: 8px;
	padding: 20px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.ser-cal  .basic-exchange span
{
	padding-right: 10px;
	color: #666;
	font-weight: 300;
}

.ser-cal .form + .form
{
	margin-top: 40px;
}

.ser-cal .form .input-currency
{
	padding-bottom: 0;
	background: url('../images_kiwi/icon-old/ico_arr_d.svg?ver=20241015') right center no-repeat;
}

.layer .currency-list
{
	margin-top: 20px;
}

.layer .currency-list li
{
	padding: 16px 0;
	font-size: 1rem;
	line-height: 1.5;
}

.layer .currency-list li>*
{
	display: block;
	width: 100%;
	text-align: left;
}

.layer .currency-list li>.no-data
{
	display: table;
	text-align: center;
}

/* 부가서비스 _ 기념일계산기 */
.ser-cal .list-bullet-cir
{
	margin-top: 8px;
}

.ser-cal .date-result
{
	margin-top: 8px;
	margin-bottom: 28px;
    padding: 20px;
	background: #f5f5f5;
    border-radius: 8px;
}

.ser-cal .date-result dl
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 8px;
	line-height: 1.5;
}

.ser-cal .date-result dt
{	
	display: flex;
	flex-wrap: wrap;
	position: relative;
	/* width: 55%; */
	padding-left: 28px;
    align-items: center;
	color: #666;
	flex: 1;
}
.ser-cal .date-result dt::before
{
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	width: 20px;
	height: 20px;
	background: #666;
	-webkit-mask-image: url('../images_kiwi/icon/ico_calender_20.svg');
	mask-image: url('../images_kiwi/icon/ico_calender_20.svg');
	mask-position: 0 0;
	mask-repeat: no-repeat;
	vertical-align: middle;
}

.ser-cal .date-result dl dd
{
	text-align: right;
	font-weight: bold;
}

.ser-cal .date-result dl dd span
{
	position: relative;
}

.ser-cal .date-result dl dd span:after
{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 8px;
	background: rgba(123,205,32,0.6);
	border-radius: 4px;
	z-index: -1;
}

/* 부가서비스 _ 다이어트계산기 */
.layer .bmi .ico
{
	display: inline-block;
	width: 100%;
	min-height: 140px;
	height: 140px;
	background-image: url(../images_kiwi/ncontents/ager2-s.png);
	background-repeat: no-repeat;
    background-size: auto 140px;
    background-position: center;
    
}
.layer .bmi {
	display: flex;
	flex-direction: column;
}
.layer .bmi .ico {

	margin-bottom: 0;
}
.layer .bmi .ico + .head-copy {
	margin-top: 12px;
	padding-top: 0;
	text-align: center;
}
.layer .bmi .head-copy b {
	color: #f46600;
	font-weight: 500;
}
.layer .bmi .head-copy b::before {
	display: none;
}
.layer .bmi .head-copy b .num {
	font-weight: 700;
}
.layer .bmi-graph
{
	display: flex;
	position: relative;
	margin: 28px 0 46px 0;
	background-color: #f5f5f5;
	border-radius: 8px;
}

.layer .bmi-graph li
{
	position: relative;
	flex: 1;
	/* width: 20%; */
	padding: 0;
	font-size: .875rem;
	text-align: center;
	line-height: 2.625rem;
	color: #666;
	z-index: 1;
}
.layer .bmi-graph li.active {
	color: #141414;
}
.layer .bmi-graph li.active span,
.layer .bmi-graph li span
{
	position: absolute;
	right: -8px;
	bottom: -26px;
	color: #666;
	font-size:  0.75rem;
	line-height: 1.25rem;

}

.layer .bmi-graph li .zero
{
	left: 5px;
	right: initial;
}

.layer .bmi-graph li:after
{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
}

.layer .bmi-graph li:last-child span
{
	right: 5px;
}

.layer .bmi-graph:after,
.layer .bmi-graph li:before
{
	content: '';
	display: block;
	position: absolute;
	bottom: -5px;
	width: 1px;
	height: 5px;
	background-color: #eee;
}

.layer .bmi-graph li:before
{
	left: 0;
}

.layer .bmi-graph li:first-child:before
{
	left: 6px;
}

.layer .bmi-graph:after
{
	right: 6px;
}

.layer .bmi-graph .low.active:after
{
	background-color: #c9eac3;
	border-radius: 8px 0 0 8px;
}

.layer .bmi-graph .normal.active:after
{
	background-color: #41cc00;
}

.layer .bmi-graph .over.active:after
{
	background-color: #ffd338;
}

.layer .bmi-graph .obesity.active:after
{
	background-color: #ffbc00;
}

.layer .bmi-graph .hight-obesity.active:after
{
	background-color: #fd9c26;
	border-radius: 0 8px 8px 0;
}

.layer .bmi-result
{
	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);
}

.layer .bmi-result .dl-contents + .dl-contents
{
	padding-top: 20px;
	border-top: 1px solid #ebebeb;
}
.layer .bmi-result .dl-contents .point.first {
	display: flex;
	flex-direction: column;
}
.layer .bmi-result .dl-contents .point.first dd {
	margin-left: auto;
}
.layer .bmi-result .dl-contents small {
	font-size:  0.75rem;
	font-weight: 500;
	line-height: 1.25rem;
}
.layer .bmi-result .dl-contents dt
{
	font-size: 0.875rem;
	color: #666;
}
.layer .bmi-result .dl-contents dd
{
	font-size: 0.875rem;
}
.layer .bmi-result .dl-contents .point dt,
.layer .bmi-result .dl-contents .point dd
{
	/* color: #141414; */
	vertical-align: middle;
}
.layer .bmi-result .dl-contents .point.first dt
{
	font-size: 1rem;
}
.layer .bmi-result .dl-contents .point dd,
.layer .bmi-result .dl-contents .point.first dd,
.layer .bmi-result .dl-contents .point.last dd {
	color: #f46600;
}
.layer .bmi-result .dl-contents .point.first dd span.num,
.layer .bmi-result .dl-contents .point.last dd span.num
{
	font-weight: 700;
}

.layer .bmi-result .dl-contents .point.first dd
{
	font-size: 1.125rem;
}

.layer .bmi-result .dl-contents .point span
{
	position: relative;


}
.layer :not(.bg-gray-box) .list-bullet-cir {
	margin-top: 28px;
	background-color: #f5f5f5;
    padding: 20px;
	border-radius: 8px
}
.layer :not(.bg-gray-box) .list-bullet-cir.pd-h {
	padding: 20px !important;
}
/* .layer .bmi-result .dl-contents .point span:after
{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 8px;
	background: rgba(123,205,32,0.6);
	border-radius: 4px;
	z-index: -1;
} */

/* 부가서비스 _ 양음력계산기 */
.ser-cal .ui-tab .tab-menu
{
	margin-bottom: 20px;
}

.ser-cal .date-lunar
{
	margin-top: 8px;
	padding: 20px;
	border-radius: 8px;
	background-color: #f5f5f5;
}

.ser-cal .date-lunar strong
{
	position: relative;
	margin-bottom: 20px;
	z-index: 1;
}

/* .ser-cal .date-lunar strong:after
{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 8px;
	background: rgba(123,205,32,0.6);
	border-radius: 4px;
	z-index: -1;
} */

.ser-cal .date-lunar .list-bullet-cir li
{
	display: inline-block;
}

@media screen and (max-width:320px)
{
	.layer .bmi-result
	{
		padding: 16px;
	}
}


/* 단위변환 계산기 */
.calculator-cont
{
	padding: 0 21px;
}
.calculator-cont .pd-h {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/* .calculator-cont .tab-menu
{
	padding: 0 21px;
} */

.calc-value-type
{
	display: flex;
	flex-direction: column;
	/* gap: 20px; */
}
.calc-value-type  ~ .calcu-money {
	position: relative;
	margin-top: 40px;
	padding-top: 40px;
}
.calc-value-type  ~ .calcu-money::after {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 6px;
	margin: 0 -21px;
	background: #f5f5f5;
    

}
.calc-value-type  ~ .divider ~ .calcu-money {
	margin-top: 0;
	padding-top: 0;
}
.calc-value-type  ~ .divider ~ .calcu-money::after {
	display: none;
}
.calc-value-type .head-copy
{
	padding-top: 0;
	margin-bottom: 20px;
	font-size: 1.25rem;
    line-height: 1.4;
}
.calc-value-type .head-copy b {
	color: #F46600;
}
.calc-value-type .title-d3 {
	margin-top: 28px;
	margin-bottom: 12px;
}
.unit-count
{
	margin-top: 28px;
}
.unit-count.pd-h {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.unit-count h4.title-d2 {
    margin-top: 0;
    margin-bottom: 12px;
	font-size: 1rem;
    line-height: 1.5;
}

.calculator-input .form-control-group
{
	background: #fff;
}
.form-control-group>dd.unit-value {
	padding: 0;
	border-bottom: 0;
}
.form-control-group>dd.unit-value > div{
	padding: 12px 0;
	border-bottom: 2px #dcdcdc solid;
}
.form-control-group>dd.unit-value:after
{
	content: '';
	display: block;
	clear: both;

}
.form-control-group>dd.unit-value .input-wrap
{
	float: left;
	width: calc(100% - 116px);
}
.form-control-group>dd.unit-value .input-wrap
{
	float: left;
	width: calc(100% - 116px - 12px);
	margin-right: 12px;
}

.form-control-group>dd.unit-value .ui-select
{
	float: right;
	width: 116px;
}
.form-control-group.active>dd.unit-value:focus-within::after {
	display: none;
}
.form-control-group.active>dd.unit-value .input-wrap:focus-within::after {
	content: '';
	position: absolute;
	display: block;
	bottom: -2px;
	left: 0;
	width: 100%;
	height: 2px;
	background: #ffbc00;
	animation: expandLeft 0.5s ease-in-out forwards;
	z-index: 1;

}
@keyframes expandLeft {
	0% { width: 0; opacity: 1;}
	100% { width: 100%; opacity: 1;}
}

.form-control-group>dd.unit-value .ui-select .select
{
	text-align: left;
}

.unit-change.data-table tbody th
{
	font-weight: bold;
}

/* 과소비 계산기 */
.calc-notice
{
	padding: 0 0 30px;
}

.calc-notice .notive-toggle
{
	margin-top: 0;
}

.calc-notice .list-bullet-cir,
.calc-notice .list-bullet-cir .list-bullet-dash
{
	margin-top: 8px;
}
.calc-notice h5.title-d3 {
	font-size: 0.875rem;
}
.request-state .head-copy b {
	color: #f46600;
    font-weight: 500;
}

.fund-recommend
{
	position: relative;
	margin-top: auto;
	padding: 16px 24px;
	background-color: #918274;
	border-radius: 8px;
}

.fund-recommend > a
{	
	display: block;	
	font-weight: 300;
	color: #fff;
}
.fund-recommend > a:after {
	display: inline-block;
	content:'';
	position: absolute;
	right: 20px;
    bottom: 0;
    display: inline-block;
    width: 86px;
    height: 72px;
    background: url(../images_kiwi/icon/ramu_bg2.png) no-repeat 0 0;
    background-size: cover;
}
.fund-recommend > a span {
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.5rem;
}
.fund-recommend > a em {
	color: #fff !important;
}

/* 예적금 계산기 */
.calc-value-type {
	padding-top: 28px;
}
.tab-contents  .calc-value-type .head-copy {
	margin-bottom: 20px;
	padding-top: 0;
}
.calcu-money .head-copy
{
	padding-top: 0;
	font-size: 1rem;
}
.calcu-money .head-copy b,
.calcu-money .head-copy b span {
	/* font-size: 1rem;
	line-height: 1.5rem; */
	
}
.calcu-money .head-copy b span {
	color: #f46600;
}
.calcu-money .head-copy b::before {
	display: none;
}
.calcu-money .head-copy .point,
.calcu-money .head-copy .point b {
	color: #f46600
}
.calcu-money .head-copy .point {
	font-weight: 500;
}
.calcu-money .head-copy .point b {
	font-weight: 700;
}
.calcu-money .calcu-money-dl .title-d2 {
	margin-top: 20px;
    margin-bottom: 12px;
	font-size: 0.875rem;
}
.calcu-money .calcu-money-dl .title-d4
{
	margin-top: 20px;
	margin-bottom: 12px;
}
.calcu-money .calcu-money-dl .total-calcu p small {
	display: block;
}

.calcu-money .calcu-radius
{
	padding: 20px;
	border: 1px solid #eee;
	border-radius: 8px;
	background: #fff;
    box-shadow: 0 0 2px 0 rgba(20, 20, 20, 0.08), 0 4px 8px 0 rgba(20, 20, 20, 0.12);
}

.calcu-money .dl-contents .total-calcu
{
	display: block;
}

.calcu-money .dl-contents .total-calcu > *
{
	display: block;
	width: 100%;
	white-space: unset;
}
.calcu-money .dl-contents .total-calcu dt {
	font-size: 1.125rem;
	font-weight: 500;
	line-height: 1.625rem;
}
.calcu-money .dl-contents .total-calcu dt small {
	font-size:  0.75rem;
	font-weight: 500;
	line-height: 1.25rem;

}
.calcu-money .dl-contents .total-calcu dd .head-copy
{
	margin-top: 16px;
	padding-top: 0;
	font-size:  1rem;
	font-weight: 700;
	line-height: 1.625rem;
	color: #f46600;
}
.calcu-money .dl-contents .total-calcu dd .head-copy > span
{
	font-size:  1.25rem;
}

.list-bullet-decimal.type2.small-type li
{
	font-size: 0.813rem;
	line-height: 1.25rem;
}

/* kb계열사서비스 */
.app-download .app-text .txt-deco>*
{
	text-decoration: underline;
}

.kb-group-list
{
	margin: 21px -21px 0;
	padding-top: 16px;
}

.kb-group-list li
{
	padding: 0 21px;
}

.kb-group-list li + li
{
	margin-top: 36px;
}

.kb-group-list li > button
{
	position: relative;
	width: 100%;
	padding: 0 21px 0 60px;
	text-align: left;
	background: url('../images_kiwi/icon/btn_arr_r.svg') no-repeat right 50%;
}

.kb-group-list li > button .app-ico
{
	position: absolute;
	top: 50%;
	left: 0;
	width: 48px;
	height: 48px;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 6px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

/* 국민은행 */
.kb-group-list li > button .app-ico.kb-bank
{
	background-image: url('../images_kiwi/banner/ico_app_kb_bank.png');
}
/* 국민카드 */
.kb-group-list li > button .app-ico.kb-card
{
	background-image: url('../images_kiwi/banner/ico_app_kb_card.png');
}
/* KB증권 */
.kb-group-list li > button .app-ico.kb-able
{
	background-image: url('../images_kiwi/banner/ico_app_kb_able.png');
}
/* 차차차 */
.kb-group-list li > button .app-ico.kb-car
{
	background-image: url('../images_kiwi/banner/ico_app_kb_car.png');
}
/* 손해보험 */
.kb-group-list li > button .app-ico.kb-damage
{
	background-image: url('../images_kiwi/banner/ico_app_kb_damage.png');
}
/* 생명보험 */
.kb-group-list li > button .app-ico.kb-life
{
	background-image: url('../images_kiwi/banner/ico_app_kb_life.png');
}
/* LIIV */
.kb-group-list li > button .app-ico.liiv
{
	background-image: url('../images_kiwi/banner/ico_app_liiv.png');
}
/* LIIV MATE */
.kb-group-list li > button .app-ico.liiv-mate
{
	background-image: url('../images_kiwi/banner/ico_app_liiv_mate.png');
}
/* LIIV ON */
.kb-group-list li > button .app-ico.liiv-on
{
	background-image: url('../images_kiwi/banner/ico_app_liiv_on.png');
}

.kb-group-list li > button .name
{
	display: block;
	margin-bottom: 5px;
	font-size: 1rem;
}

.kb-able-total .dl-contents
{
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #eee;
}

/* 그룹통합포인트 안내 */
.point-alpha-info
{
	display: table;
	width: 100%;
	table-layout: fixed;
}

.point-alpha-info li
{
	display: table-cell;
	vertical-align: bottom;
}

.point-alpha-info li > span
{
	display: block;
	padding-top: 65px;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center 16px;
	background-size: 40px auto;
}

.point-alpha-info li.point1 span
{
	background-image: url('../images_kiwi/icon-old/ic_livemate_01.svg');
}

.point-alpha-info li.point2 span
{
	background-image: url('../images_kiwi/icon-old/ic_livemate_02.svg');
}

.point-alpha-info li.point3 span
{
	background-image: url('../images_kiwi/icon-old/ic_livemate_03.svg');
}

.point-alpha-info li.point4 span
{
	background-image: url('../images_kiwi/icon-old/ic_livemate_04.svg');
}

/* 임직원 이벤트 */
.agreement-of-terms .ui-toggle + .ui-toggle
{
	margin-top: 16px;
}

.agreement-of-terms .check-toggle
{
	padding: 0 24px 0 0;
}

.agreement-of-terms .check-toggle label
{
	color: #222;
	font-size: 0.875rem;
}

.agreement-of-terms .ui-toggle .toggle-contents
{
	margin-top: 16px;
}

@media screen and (max-width: 320px)
{
	/* 과소비 계산기 */
	.calc-value-type
	{
		padding: 16px 16px 40px;
	}

	/* 예저금 계산기 */
	.calcu-money
	{
		padding: 16px 16px 0;
	}

	/* kb계열사 */
	.kb-group-list
	{
		margin: 30px -16px 0;
	}

	.kb-group-list li
	{
		padding: 0 16px;
	}

	.point-alpha-info li
	{
		padding: 0 4px;
	}

	.point-alpha-info li > span
	{
		padding-top: 75px;
		background-size: 100% auto;
	}

	.calc-notice
	{
		padding: 0 16px 30px;
	}
}












/* *************************************** 부가서비스 *************************************** */
/* >>>>> 계열사서비스 >>>>> */
/* KB국민카드 - HOME */
.subsidiary-card-title
{
	margin-bottom: 12px;
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
}

.subsidiary-card-title button
{
	font-size: 0.875rem;
	height: 28px;
	padding: 0 14px;
	border: none;
	border-radius: 14px;
	font-weight: normal;
}

.subsidiary-card-point
{
	background-color: #f8f8f8;
	border: #eee 1px solid;
	padding: 24px;
	border-radius: 8px;
}

.subsidiary-card-point .now-point
{
	font-size: 1.875rem;
	font-weight: bold;
	padding-bottom: 10px;
}

.subsidiary-card-point .change .btn-link
{
	color: #222;
}

.subsidiary-card-btn
{
}

.subsidiary-card-btn [class^="btn-"][class*="-md"]
{
	padding: 0;
}

.subsidiary-card-btn .contents-btns
{
	padding: 0;
}

.subsidiary-card-btn .contents-btns + .contents-btns
{
	padding-top: 12px;
}

.kb-card-panel + .kb-card-panel
{
	margin-top: 45px;
}

.kb-card-panel + hr.dash {
	margin: 28px 0;
}

.kb-card-panel
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	gap: 16px;
	width: 100%;
	position: relative;
}

.kb-card-panel .card-img
{
	-webkit-box-flex: 0;
	-ms-flex: 0 0 88px;
	flex: 0 0 88px;
	width: 88px;
	vertical-align: top;
}

.kb-card-panel .card-img img
{
	border-radius: 4px;
	width: 88px;
	height: 56px;
}

.kb-card-panel .card-text
{
	-webkit-box-flex: 1;
	-ms-flex: auto;
	flex: auto;
	vertical-align: middle;
	line-height: 1.4;
	position: relative;
}

.kb-card-panel .card-text .ui-select {
	width: 100%;
}

.kb-card-panel .card-text .ui-select.btn-style .form-control.select span:after {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.kb-card-panel .card-text p
{
	padding-bottom: 5px;
}

.kb-card-panel .card-text small
{
	display: block;
}

.kb-card-panel .btn-detail-view
{
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}

.kb-card-panel .btn-quick-menu
{
	position: relative;
	z-index: 1;
	width: 24px;
	height: 24px;
	margin-top: -6px;
	background: url('../images_kiwi/icon-old/ico_plus_gray.svg') no-repeat 50% 50%;
	opacity: .8;
}
/* KB국민카드 - 이용내역조회 */
.kb-card-panel.breakdown-card .ui-select.btn-style .form-control
{
	height: auto;
	color: #222;
	font-size: 1rem;
	line-height: 1.5rem;
	padding-bottom: 2px;
}
.breakdown-all .font-32
{
	font-size: 2rem;
}

.breakdown-all dt
{
	padding-bottom: 8px;
}

.breakdown-card-term
{
	padding-top: 12px;
	padding-bottom: 12px;
	border-bottom: #eee 1px solid;
}

.dl-contents.breakdown-card-term>dl>dt
{
	font-size: 1rem;
	color: #222;
}

.breakdown-card-list
{
	padding-top: 12px;
}

.breakdown-card-list .list
{
	width: 100%;
	padding: 20px 0;
	border-bottom: 1px dashed #dcdcdc;
}

.breakdown-card-list > div:first-child {
	padding-top: 0;
}

.breakdown-card-list .list:after
{
	content: '';
	display: block;
	clear: both;
}

.breakdown-card-list .list + .list
{
	padding-top: 25px;
}

.breakdown-card-list .list > span
{
	display: block;
	padding-bottom: 5px;
}

.breakdown-card-list .list .content
{
	float: left;
}

.breakdown-card-list .list .price
{
	float: right;
	text-align: right;
	line-height: 1.5;
}

.breakdown-card-list .list .price .num {
	font-size: 1rem;
}

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

/* KB국민카드 - 그룹통합포인트 안내 */
.notice-list.kb-card-group-point
{
	padding: 0;
}

.notice-list.kb-card-group-point small
{
	display: block;
	padding-bottom: 8px;
	font-size: 1rem;
	color: #222;
}
/* KB국민카드 - 결제예정금액 */
.schedule-card-list .ui-card .logo
{
	width: 52px;
	height: 34px;
	border-radius: 4px;
	overflow: hidden;
	margin-right: 12px;
}

.schedule-card-list .ui-card .logo img
{
	width: 52px;
	height: 34px;
}

.schedule-card-list .ui-card dt p
{
	display: inline-block;
}

.schedule-card-list .ui-card dt p .name
{
	display: block;
}
/* <<<<< 계열사서비스 <<<<< */


/* >>>>> 증명서발급 >>>>> */
.certifficate > dt .dl-contents
{
	display: table;
	width: 100%;
}

.certifficate > dt .dl-contents > dl
{
	display: table-row;
}

.certifficate > dt .dl-contents > dl > dt,
.certifficate > dt .dl-contents > dl > dd
{
	display: table-cell;
	vertical-align: top;
}

.certifficate > dt .dl-contents > dl + dl > dt,
.certifficate > dt .dl-contents > dl + dl > dd
{
	padding-top: 10px !important;
}

.certifficate .big-logo
{
	margin-top: 10px;
	margin-bottom: 20px;
}

.certifficate .certi-line + .certi-line
{
	padding-top: 18px;
	margin-top: 18px;
	border-top: 1px solid #eee;
}
/* <<<<< 증명서발급 <<<<< */

/* 모바일 신분증 */
.m-id-auth1 .license {
	margin-top: 23px;
}

.m-id-auth1 .license li {
	background: url(../images_kiwi/icon-old/btn_arr_r.svg) no-repeat right 50%;
	border-bottom: 1px solid #eee;
}

.m-id-auth1 .license li:last-child {
	border-bottom: 0;
}

.m-id-auth1 .license a {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	width: 100%;
	padding: 20px 40px 20px 66px;
	background-position: 9px 20px;
	background-size: 43px;
	background-repeat: no-repeat;
}

.m-id-auth1 .license strong {
	display: block;
	margin-top: 6px;
	font-size: 16px;
	line-height: 24px;
}

.m-id-auth1 .license .sub-txt {
	display: block;
	margin-top: 10px;
	font-size: 12px;
	line-height: 16px;
}

.m-id-auth1 .license .camera {
	background-image: url(../images_kiwi/icon-old/img_mobie_camera.png);
}

.m-id-auth1 .license .cert {
	background-image: url(../images_kiwi/icon-old/img_mobie_cert.png);
}

.m-id-auth2 .process {
	margin-top: 43px;
}

.m-id-auth2 .process-top {
	display: flex;
	justify-content: center;
	align-items: center;
}

.m-id-auth2 .process-top .icon {
	width: 90px;
}

.m-id-auth2 .process-top .dot {
	width: 24px;
	margin: 0 8px;
}

.m-id-auth2 .process-bottom {
	margin-top: 18px;
	text-align: center;
	font-size: 14px;
	line-height: 20px;
}

.m-id-auth2 .decimal-list li {
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 16px;
	padding-left: 32px;
}

.m-id-auth2 .decimal-list li:last-child {
	margin-bottom: 0;
}

.m-id-auth2 .decimal-list .num {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 24px;
	height: 24px;
	margin-right: 8px;
	margin-left: -32px;
	color: #ff882d;
	background: #fff3c5;
	border-radius: 50%;
}
/* 모바일 신분증 */

/* 금융소비자보호 조직도 */
.organiz-wrap{margin-top: 20px; display: flex; gap: 28px; flex-direction: column;align-items: center;}
.organiz-wrap [class^="organiz-"] li{font-size: 0.8125rem; padding: 8px 10px; border-radius: 8px; background: #f6f4f1; color: #7d6c59; display: grid; place-items: center; text-align: center; }
.organiz-wrap [class^="organiz-"] li em{position: relative;}
.organiz-wrap [class^="organiz-"] li em::before{content: ''; width: 1px; height: 15px; background: #c8c1b9; display: inline-block; position: absolute;	bottom: -23px; left: 50%; transform: translateX(-1px);}
.organiz-wrap [class^="organiz-"] li em::after{content: '▼'; width: 10px; font-size: 10px; color: #c8c1b9; display: inline-block; position: absolute;	bottom: -35px; left: -5.5px;}
.organiz-wrap .organiz-step1 li:first-child{grid-column: span 3; width: 32.63%; margin-left: 33.7%; margin-bottom: 20px;}
.organiz-wrap .organiz-step1{display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; width: 100%; text-align: center;}
.organiz-wrap .organiz-step2{display: grid; grid-template-columns: 1fr 1fr 1fr;	grid-template-rows: 1fr; gap: 6px; width: 100%; text-align: center;}
.organiz-wrap .organiz-step3{display: flex; flex-direction: column; position: relative; width: 100%; align-items: center; gap: 23px;}
.organiz-wrap .organiz-step3 li{width: 66%;}
.organiz-wrap .organiz-step3 li:last-child{width: 33%; text-align: center; margin-bottom: 20px;}
.organiz-wrap .organiz-step3 li:nth-child(3){width: 100%; background: transparent; display: flex; justify-content: flex-end;}
.organiz-wrap .organiz-step3 li:nth-child(3)>div{font-size: 0.8125rem; padding: 8px 10px; border-radius: 8px; background: #f6f4f1; color: #7d6c59; display: grid; place-items: center; text-align: center; width: 33%;}
.organiz-wrap .organiz-step2 li:nth-child(2) em::after{bottom: -38px;}
.organiz-wrap .organiz-step2 li:nth-child(2) em::before{bottom: -27px;}
.organiz-wrap .organiz-step3 li:nth-child(3) em::after,
.organiz-wrap .organiz-step3 li:nth-child(1) em::before{content: none;}
.organiz-wrap .organiz-step3 li:nth-child(1) em::after{bottom: -28px;}
.organiz-wrap .organiz-step3 li:nth-child(2) em::after{bottom: -150px;}
.organiz-wrap .organiz-step3 li:nth-child(2) em::before{height: 137px;bottom: -145px;}
.organiz-wrap .organiz-step3 li:nth-child(3) em{width: 34%;}
.organiz-wrap .organiz-step3 li:nth-child(3) em::before{width: 50%; height: 1px; bottom: 0;}
.organiz-wrap .ui-tooltip{text-align: left; display: inline-block;}
.organiz-wrap .ico-exclamation{opacity: 0.4;}
.organiz-wrap [class^="organiz-"] li.box-emphasis{color: #fff; font-size: 0.9375rem; font-weight: 700; background: linear-gradient(180deg, #fd9c26 0%, #ff8c00 100%); box-shadow: 0 4px 8px 0 rgba(253, 160, 30, 0.25), 0 0 2.2px 0 rgba(253, 156, 38, 0.50);}
.organiz-wrap [class^="organiz-"] li.box-emphasis2{color: #fff; font-size: 0.9375rem; font-weight: 700; background: #6c5740;}
.organiz-wrap .ui-tooltip.active .tooltip-layer {display: block; margin-top: 8px;}
.organiz-wrap [class^="organiz-"] li.box-emphasis em::after{color: #fd9c26;}
.organiz-wrap [class^="organiz-"] li.box-emphasis em::before{background: #fd9c26;}
.organiz-wrap [class^="organiz-"] li.box-emphasis2 em::after,
.organiz-wrap [class^="organiz-"] li.box-emphasis2 em::before{content: none;}
.flex-between .tab-contents .ui-toggle.notice-toggle{margin-bottom: -56px;}
.terms-wrap .text + *{margin-top: 8px;}
.terms-wrap .title-d3 + *{margin-top: 8px;}
/* 2025 수정 */
.organiz-wrap [class^="organiz-"] li {position: relative;}
.organiz-wrap [class^="organiz-"] li em {position: absolute; left: 0; top: 100%; width: 100%; height: 0;}
.organiz-wrap [class^="organiz-"] li em::before {content: ""; position: absolute; left: 50%; top: 100%; bottom: auto; display: block; width: 1px; height: 16px; margin-left: -0.5px; background-color: #c8c189; transform: none;}
.organiz-wrap [class^="organiz-"] li em::after {content: ""; position: absolute; left: 50%; top: 12px; bottom: auto; display: block; width: 0; margin-left: -3px; border: 0 solid rgba(0, 0, 0, 0); border-width: 6px 3px 0; border-top-color: #c8c1b9;}
.organiz-wrap [class^="organiz-"] li.box-emphasis em::before {background-color: #fd9c26;}
.organiz-wrap [class^="organiz-"] li.box-emphasis em::after {border-top-color: #fd9c26;}
.organiz-wrap .ui-tooltip.active .tooltip-layer {width: calc(100vw - 42px);}
.organiz-wrap [class^="organiz-"] li:last-child .tooltip-layer {left: auto; right: 0;}
.organiz-wrap .organiz-step3 li:nth-child(1) em::before {content: "";}
.organiz-wrap .organiz-step3 li:nth-child(2) em::before {bottom: auto; height: 118px;}
.organiz-wrap .organiz-step3 li:nth-child(2) em::after {bottom: auto; top: 116px;}
.organiz-wrap .organiz-step3 li:nth-child(3) {width: 105px; margin-left: auto; background-color: #f6f4f1;}
.organiz-wrap .organiz-step3 li:nth-child(3)>div {width: 100%; padding: 0;}
.organiz-wrap .organiz-step3 li:nth-child(3) em {top: 0; width: 0; height: 100%;}
.organiz-wrap .organiz-step3 li:nth-child(3) em::before {left: auto; top: 50%; right: 100%; width: calc(50vw - 21px - 105px); margin: -0.5px 0 0;}
.organiz-wrap .organiz-step3 li .tooltip-layer {left: 50%; right: auto; transform: translateX(-50%);}
.organiz-wrap .organiz-step3 li:nth-child(3) .tooltip-layer {left: auto; right: 0; top: auto; bottom: 100%; transform: none;}
/* 민원처리 절차 */
.civil-complaint{margin-top: 12px; display: flex; gap: 32px; flex-direction: column;align-items: center;}
.civil-complaint dl{width: 100%; text-align: center; position: relative;}
.civil-complaint dt{color: #fff; border-radius: 8px 8px 0 0; font-size: 0.9375rem; font-weight: 700; background: linear-gradient(180deg, #fd9c26 0%, #ff8c00 100%); padding: 8px 10px; }
.civil-complaint dd{background: #f6f4f1; padding: 8px; border-radius: 0 0 8px 8px ;}
.civil-complaint dd ul.col2{display: grid; gap: 6px;  grid-template-columns: repeat(2, 1fr);}
.civil-complaint dd ul.col2 li{color: #7d6c59;}
.civil-complaint .left .bg-white{padding-bottom: 0;padding-top: 32px; position: relative;}
.civil-complaint .left .bg-white ul.col2{gap:28px 6px; margin-top: 15px;}
.civil-complaint .left .bg-white ul.col2 li:nth-child(3){background: #7d6c59; color: #fff; font-weight: 700;}
.civil-complaint .left .bg-white ul.col2 li:nth-child(4){background: #f6f4f1;}
.civil-complaint dd li{width: 100%; background: #fff; border-radius: 8px; padding: 8px 10px; color: #7d6c59;}
.civil-complaint dd ul{display: flex; flex-direction: column; gap: 8px; position: relative;}
.civil-complaint dl::before{content: ''; width: 1px; height: 15px; background: #c8c1b9; display: inline-block; position: absolute;	bottom: -23px; left: 50%; transform: translateX(-1px);}
.civil-complaint dl::after{content: '▼'; width: 10px; font-size: 10px; color: #c8c1b9; display: inline-block; position: absolute;	bottom: -33px; left: calc(50% - 5.5px);}
.civil-complaint dl:last-child::after,
.civil-complaint dl:last-child::before{content: none;}
.civil-complaint dl.left::before{left: 25%;}
.civil-complaint dl.left::after{left: calc(25% - 5.5px);}
.civil-complaint .left .bg-white::before{content: ''; width: 1px; height: 20px; background: #c8c1b9; display: inline-block; position: absolute; top: 6px; left: 50%;}
.civil-complaint .left .bg-white::after{content: ''; width: 50%; height: 1px; background: #c8c1b9; display: inline-block; position: absolute; top: 26px; left: 25%;}
.civil-complaint .left .bg-white ul::before{content: ''; width: 1px; height: 16px; background: #c8c1b9; display: inline-block; position: absolute; top: -20px; left: calc(25% - 4px);}
.civil-complaint .left .bg-white ul::after{content: ''; width: 1px; height: 16px; background: #c8c1b9; display: inline-block; position: absolute; top: -20px; left: calc(75% - -3px);}
.civil-complaint .left .bg-white ul li{position: relative; display: flex; align-items: center; justify-content: center;}
.civil-complaint .left .bg-white ul li:nth-child(1)::before,
.civil-complaint .left .bg-white ul li:nth-child(2)::before
{content: ''; width: 1px; height: 15px; background: #c8c1b9; display: inline-block; position: absolute;	bottom: -10px; left: 50%; transform: translateX(-1px);}
.civil-complaint .left .bg-white ul li:nth-child(1)::after,
.civil-complaint .left .bg-white ul li:nth-child(2)::after
{content: '▼'; width: 10px; font-size: 10px; color: #c8c1b9; display: inline-block; position: absolute;	bottom: -20px; left: calc(50% - 5.5px);}

/* 20251120 설문조사 리스트 수정 */
.user-question .head-copy 
{
    font-weight: 500 !important;
    letter-spacing: -1px;
}
.user-question .box-guide {
    position: relative;
    margin: 20px 0 40px;
    padding: 65px 20px 20px;
    border-radius: 10px;
    background-color: #fff8e1;
}
.user-question .box-guide .ico-char-board {
    position: absolute;
    top: 7px;
    left: 0;
    width: 100%;
    height: 67px;
    background: url('../images_kiwi/char/char_board01.png') center bottom no-repeat;
    background-size: auto 67px;
}
.user-question .box-guide-cont {
    padding: 13px 13px 12px;
    border-radius: 10px;
    background-color: #fff;
    text-align: center;
    line-height: 1.25rem;
    font-weight: 400;
    word-break: keep-all;
}
.user-question .box-guide-cont .fs12 {
    font-size: 0.75rem;
}
.user-question .box-guide-cont span {
    color: #ffaf38;
}
/* 질문 영역 */
.user-question .survey-list,
.user-question .survey-list .survey-item {
    position: relative;
}
.user-question .survey-list .item {
    padding-left:0; 
    padding-right:0;
}
.user-question .survey-list .item:first-child {
    padding-top: 0;
}
.user-question .survey-list li.item + .item {
    margin-top: 0;
}

.user-question .survey-list .survey-item dt {
    display: flex;
    position: relative;
    margin-bottom: 10px;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 500;
    word-break: keep-all;
}
.user-question .survey-list .survey-item dt .q-num {
    display: inline-block;
	flex-shrink: 0;
    margin-right: 5px;
    color: #ff7538;
}
.user-question .survey-list .survey-item .point-guide {
    margin-top: 2px;
    font-size: 0.875rem;
    line-height: 1.5;
    font-weight: normal;
	color: #141414;
}
.user-question .survey-list .survey-item .rating-point-wrap {
    position: relative;
}
.user-question .survey-list .survey-item .rating-point {
    position: relative;
    display: grid;
    gap: 2px;
    width: 100%;
}
.user-question .survey-list .survey-item .rating-point.fr10 {
    grid-template-columns: repeat(10, 1fr);
}
.user-question .survey-list .survey-item .rating-point.fr11 {
    grid-template-columns: repeat(11, 1fr);
}
.user-question .survey-list .survey-item .rating-point.fr5 {
    grid-template-columns: repeat(5, 1fr);
}
.user-question .survey-list .survey-item .ui-radio-point {
    display: block;
    position: relative;
    width: 100%;
}
.user-question .survey-list .survey-item .ui-radio-point span {
    position: relative;
	display: flex;
	align-items: center;
    justify-content: center;
	width: 100%;
    height: 100%;
	padding: 8px 0;
	font-size: 1rem;
	line-height: 1.5rem;
	border-radius: 8px;
	color: #141414;
    font-weight: 500;
    line-height: 24px;
	background-color: #fff;
	box-shadow: inset 0 0 0 1px #dcdcdc;

}
.user-question .survey-list .survey-item .ui-radio-point.on .radio-point + span {
	box-shadow: inset 0 0 0 2px #ffbc00; 
}

.user-question .survey-list .survey-item .rating-label-wrap {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}
.user-question .survey-list .survey-item .rating-label {
    display: block;
    max-width: 85px;
    padding-top: 26px;
    font-size: 0.75rem;
    line-height: 0.875rem;
	color: #141414;
    text-align: center;
    word-break: keep-all;
}
.user-question .survey-list .survey-item .rating-label.rating-label-bad {
    background: url('../images_kiwi/icon/ico_rating_bad.svg') center top no-repeat;
}
.user-question .survey-list .survey-item .rating-label.rating-label-avg {
    background: url('../images_kiwi/icon/ico_rating_avg.svg') center top no-repeat;
}
.user-question .survey-list .survey-item .rating-label.rating-label-good {
    background: url('../images_kiwi/icon/ico_rating_good.svg') center top no-repeat;
}

/* 카드안내 / 신청 (CAR100010M)*/
.lon-card-v-wrap.kb-card-info-wrap {
	margin-top: 20px;
}
.lon-card-v-wrap.kb-card-info-wrap .panel {
	position: relative;
	z-index: 1;
}
.lon-card-v-wrap.kb-card-info-wrap .panel a {
	display: block;
}
.lon-card-v-wrap.kb-card-info-wrap .panel:before {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 100%;
	image-rendering: -webkit-optimize-contrast;
	z-index: -1;
	
}
.lon-card-v-wrap.kb-card-info-wrap .panel.bg1:before {
	width: 134px;
	height: 184px;
	margin-top: -92px;
	background-image: url('../images_kiwi/ncontents/bg_card_info_01.png');
}

.lon-card-v-wrap.kb-card-info-wrap .panel.bg2:before {
	width: 134px;
	height: 100px;
	margin-top: -50px;
	background-image: url('../images_kiwi/ncontents/bg_card_info_02.png');
}
.lon-card-v-wrap.kb-card-info-wrap p.lc-tit {
	font-weight: 500;
}
.lon-card-v-wrap.kb-card-info-wrap .panel.bg1 p.lc-tit span {
	color: #f46600;
	font-weight: 700;
}
.lon-card-v-wrap.kb-card-info-wrap .panel.bg2 p.lc-tit span {
	color: #8dc20c;
	font-weight: 700;
}
.lon-card-v-wrap.kb-card-info-wrap .card-benefit-txt {
	padding-top:8px;
}
.lon-card-v-wrap.kb-card-info-wrap .card-benefit-txt > li {
	padding-bottom: 1px;
	font-size: 0.75rem;
	color: #666;
	font-weight: 500;
}
.lon-card-v-wrap.kb-card-info-wrap .card-benefit-txt > li:last-child {
	padding-bottom: 0;    
}
.lon-card-v-wrap.kb-card-info-wrap .card-benefit-txt > li strong {
	padding-left:4px;
	color: #141414;
}
.lon-card-v-wrap.kb-card-info-wrap .card-benefit-txt > li.emphasis {
	color: #F46600;
}
.lon-card-v-wrap.kb-card-info-wrap .bage-txt {
	display: inline-block;
	height: 2.4375rem;
	margin-top: 20px;
	padding: 8px 16px;
	background: #ffd338;
	font-size: 0.875rem;
	color: #141414;
	border-radius: 4px;
	letter-spacing: -1px;
}