/* 고객센터 */


/* 메인 */
.cus-guide-kiwi
{
	border: 1px solid #eee;
	border-radius: 8px;
}

.cus-guide-kiwi > a
{
	display: block;
	padding: 20px;
}

.cus-guide-kiwi > a + a
{
	border-top: 1px solid #eee;
}

.cus-guide-kiwi dl
{
	padding-left: 45px;
	background-repeat: no-repeat;
	background-position: left 50%;
}

.cus-guide-kiwi dl.guide1
{
	background-image: url('../images_kiwi/icon-old/ic_kiwiguide_01.svg');
}

.cus-guide-kiwi dl.guide2
{
	background-image: url('../images_kiwi/icon-old/ic_kiwiguide_02.svg');
}

.cus-guide-kiwi dl.guide3
{
	background-image: url('../images_kiwi/icon-old/ic_kiwiguide_03.svg');
}

.cus-guide-kiwi dl.guide4
{
	background-image: url('../images_kiwi/icon-old/ic_kiwiguide_04.svg');
}

.cus-guide-kiwi dl.guide5
{
	background-image: url('../images_kiwi/icon-old/ic_kiwiguide_05.svg');
}

.cus-guide-kiwi dt
{
	font-weight: bold;
	line-height: 1.5;
}

.cus-guide-kiwi dd
{
	font-size: 0.875rem;
	color: #666;
	line-height: 1.5;
}
.consult-reserve{
	display: flex;
	gap: 8px;
}
.consult-reserve a
{
	display: table;
	width: 100%;
	padding: 16px;
	border: 1px solid #dcdcdc;
	border-radius: 8px;
	table-layout: fixed;
}

.consult-reserve > *
{
	display: table-cell;
	text-align: center;
	line-height: 1.2;
	vertical-align: top;
}

.consult-reserve > * + *
{
	border-left: 1px solid #eee;
}

.consult-reserve > * span
{
	display: block;
	padding-top: 55px;
	background-repeat: no-repeat;
	background-position: 50% top;
}

.consult-reserve > .consult1 span
{
	background-image: url('../images_kiwi/icon/ico_user.svg');
	background-size: 40px 40px;
}

.consult-reserve > .consult2 span
{
	background-image: url('../images_kiwi/icon/ico_company.svg');
	background-size: 40px 40px;
}

.call-center-time
{
	display: block;
	padding: 20px;
	border: 1px solid #eee;
	border-radius: 8px;
	line-height: 1.6;
}

.call-center-time > span
{
	display: block;
	background: url('../images_kiwi/icon-old/ic_telephone.svg') no-repeat right 50%;
}

.call-center-number a
{
	position: relative;
	float: left;
	width: 50%;
	font-size: 0.875rem;
	line-height: 44px;
	text-align: center;
	background: #f8f8f8;
}

.call-center-number a:first-of-type
{
	border-radius: 8px 0 0 8px;
}

.call-center-number a:last-of-type
{
	border-radius: 0 8px 8px 0;
}

.call-center-number a:before
{
	content: '';
	display: none;
	position: absolute;
	left: 0;
	top: 50%;
	background: #ddd;
	width: 1px;
	height: 20px;
	margin-top: -10px;
}

.call-center-number a + a:before
{
	display: block;
}

.acc-cancel-btn li
{
	float: left;
	margin-top: 18px;
	width: 33.33%;
}

.acc-cancel-btn li a
{
	display: block;
}

.cus-event-slide .event-section
{
	margin: 0;
}

.cus-event-slide .event-section .event-detail
{
	width: 60%;
}

.cus-event-slide .event-section .event-detail small
{
	padding-bottom: 5px;
}

.cus-event-slide .event-section .event-detail p.text
{
	font-size: 1rem;
	line-height: 1.5;
}

.cus-main-notice .notice-list
{
	padding: 0;
	border-top: 0;
}


.text-warning {color: #f46600 !important}
li.text-warning::before {background: #f46600;}

/*  자주하는 질문 */ 
.cus-faq {}

.cus-faq .search-form
{
	margin: 20px 0;
}

.cus-faq .ui-toggle .btn-category
{
	margin: 16px 0;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.5rem;
	text-align: left;
}

.cus-faq .ui-toggle .btn-category
{
	position: relative;
}
.cus-faq .ui-toggle .btn-category::after
{
	display: inline-block;
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	background: url('../images_kiwi/icon/ico_arr_b.svg') right center no-repeat;
	background-size: 20px 20px;
	transform: rotate(-180deg);
}

.cus-faq .ui-toggle .btn-category.open::after {
	transform: rotate(0);
}
.cus-faq .ui-toggle .toggle-contents
{

}

.cus-faq .form-check-group
{
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	/* margin-bottom: 4px; */
}

.cus-faq .form-check-group .form-check
{
	flex: none;
	display: inline-block;
	width: calc((100% - 16px) / 3); 
	min-width: calc((100% - 16px) / 3);
}
.cus-faq .form-check-group .form-check:nth-child(3n) {
	margin-right: 0;
}
.cus-faq .form-check-group .form-check > label {
	padding: 9px 0px;
}

.cus-faq .ui-accordion {margin-top: 32px;}
.cus-faq .ui-accordion dl {}
.cus-faq .ui-accordion .acc-title
{
	padding: 16px 0 16px 32px;
	background: url('../images_kiwi/icon/ico_question.png') left top no-repeat;
	background-size: 24px 24px;
	background-position: 0 18px;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.5rem;

}
.cus-faq .ui-accordion .acc-title>button {
	padding-right: 36px;
}
.cus-faq .ui-accordion .acc-title .point,
.cus-faq .ui-accordion .acc-title b {
	color: #f46600
}
.cus-faq .ui-accordion .acc-title>button:after {
	top: 16px;
	width: 20px;
	height: 20px;
	background: url('../images_kiwi/icon/ico_arr_b.svg') left top no-repeat;
	background-size: 20px 20px;
}

.cus-faq .ui-accordion .acc-cont
{
	border-radius: 8px;
	background: #f5f5f5 url('../images_kiwi/icon/ico_answer.png') no-repeat;
	background-size: 24px 24px;
	background-position: 20px 20px;
	font-weight: 300;
}
.cus-faq .ui-accordion .acc-cont>div {
	padding: 20px 20px 20px 52px;
}
.cus-faq .no-data .text span
{
	font-weight: 500;
	color: #f46600 !important;
}
#no_answer.cus-faq .pd-h {
	margin: 0 -21px !important;
}
#no_answer.cus-faq .list-bullet-cir {
	padding: 20px;
	border-radius: 8px;
	background-color: #f5f5f5;
}

.justify-cont {
	display: flex !important;
	justify-content: space-between;
	align-items: center;
}
.justify-cont .tit {
	display: flex;
	align-items: center;
	width: auto;
	font-size: 0.8125rem;
	font-weight: 500;
	line-height: 1.3125rem;
	color: #666;
}



/* kiwi에게 말하기 - 질문 */
.notice-title .response,
.notice-list .response
{
	display: inline-block;
	width: 48px;
	height: 15px;
	margin: -2px 0 0 5px;
	background: url('../images_kiwi/icon/ico_list_response.svg') no-repeat 0 0;
	vertical-align: middle;
}

.notice-title .reception,
.notice-list .reception
{
	display: inline-block;
	width: 48px;
	height: 15px;
	margin: -2px 0 0 5px;
	background: url('../images_kiwi/icon/ico_list_reception.svg') no-repeat 0 0;
	vertical-align: middle;
}

.notice-title .response,
.notice-title .reception
{
	margin-top: 0;
}

/* 답변 준비중 */
.preparing
{
	/* background: #f8f8f8;
	border-radius: 8px; */
}

.preparing .text
{
	color: #222;
}

/* 답변 */
.answer-box
{
	padding: 24px;
	background: #f8f8f8;
	border-radius: 8px;
}

.answer-box .answer-title:before
{
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 2px;
	background: url('../images_kiwi/icon/ico_answer.png') no-repeat 0 0;
	vertical-align: middle;
	background-size: contain;
}

.answer-box .answer-title .title
{
	font-weight: bold;
}

.answer-box .answer-title small + .title
{
	margin-top: 8px;
}

.answer-view
{
	margin-top: 19px;
	padding-top: 19px;
	border-top: 1px solid #eee;
}

.answer-view .link
{
	text-decoration: underline;
}

/*  비과세 서류신청 */
.request-doc .ui-step
{
	margin: 30px 0 50px 0;
}

.request-doc .agreement-of-terms
{
	margin-bottom: 30px;
}

/* .request-doc .title-d2
{
	margin-bottom: 12px;
} */

.request-doc .request-agrees
{
	margin: 0 0 30px 0;
}

.request-doc .request-agrees li
{
	margin-bottom: 15px;
	font-size: 1rem;
	line-height: 1.4;
}

.request-doc .list-bullet-decimal
{
	margin-bottom: 8px;
}

.request-doc .request-state
{
	margin-bottom: 28px;
}

.request-doc .page-btns
{
	position: fixed;
	bottom: 0;
	width: 100%;
}

.request-doc .list-bullet-cir
{
	margin-top: 16px;
}

/* 고객센터 - 새소식 */
.kb-thinking .notice-list
{
	border-top: 1px solid #eee;
}

section.pd-h .notice-list.pd-h {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.cus-faq .form-select-group + .notice-list {
	margin-top: 16px;
}
.notice-list li
{
	padding: 16px 0;
}

.notice-list li > a, .notice-list li > button
{
	display: block;
	position: relative;
	width: 100%;
	padding-right: 30px;
	text-align: left;
	
}
.notice-list li > a::after,
.notice-list li > button::after {
	display: inline-block;
	content: '';
	position: absolute;
	top: 2px;
	right: 0;
	width: 20px;
	height: 20px;
	background: #858585;
	-webkit-mask-image: url('../images_kiwi/icon/btn_arr_r.svg');
	mask-image: url('../images_kiwi/icon/btn_arr_r.svg');
	mask-size: contain;
}
.cus-faq .notice-list li > a::after,
.cus-faq .notice-list li > button::after {
	background: #858585;
	mask-image: url('../images_kiwi/icon/btn_arr_r.svg');
	mask-repeat: no-repeat;
	mask-size: 20px 20px;
}

.notice-list li > button
{
	line-height: 1.5;
}

.notice-list li .subject
{
	overflow: hidden;
	display: block;
	text-align: left;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.5rem;
	white-space: nowrap;
	text-overflow: ellipsis;

}

.notice-list li .date
{
	display: block;
	margin-top: 8px;
	line-height: 1.5;
}

.notice-list li .date em
{
	display: inline-block;
	color: #858585;
	font-family: 'Lato';
	vertical-align: middle;
}

.notice-list li .new
{
	display: inline-block;
	width: 30px;
	height: 15px;
	margin: -3px 0 0 5px;
	background: url('../images_kiwi/icon-old/ico_new.svg?ver=20241015') no-repeat;
	vertical-align: middle;
}

.notice-list li .emergency
{
	display: inline-block;
	width: 28px;
	height: 15px;
	margin: -3px 0 0 5px;
	background: url('../images_kiwi/icon-old/ico_emergency.svg') no-repeat;
	vertical-align: middle;
}

.notice-cont
{
	padding-top: 28px;
}

.notice-title
{
	position: relative;
	padding-bottom: 16px;
}

.notice-title .title
{
	margin-bottom: 12px;
	font-size:  1.25rem;
	font-weight: 500;
	line-height: 1.625rem;

}
.notice-title .date {
	display: inline-block;
	font-family: 'Lato';
	font-weight: 300;
	color: #858585;
}

.notice-title .btn-share
{
	position: absolute;
	bottom: 24px;
	right: 0;
}

.notice-cont .notice-view
{
	
}

.notice-cont .notice-view strong,
.notice-cont .notice-view b {
	font-weight: 700;
}

.notice-cont .video-cont
{
	position: relative;
	height: 0;
	padding-top: 56.25%;
}

.notice-cont .video-cont video, .notice-cont .video-cont iframe
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.notice-cont img
{
	width: 100%;
}

.notice-cont .video-cont ~ p, .notice-cont img ~ p
{
	margin-top: 28px;
}

.notice-cont .file-list
{
	margin-bottom: 27px;
}

.notice-cont .file-list > span
{
	padding-left: 20px;
	background: url('../images_kiwi/icon-old/ico_clip.svg') no-repeat left 50%;
}

.notice-cont .file-list > span > button
{
	border-bottom: 1px solid #222;
}

.bottom-sheet .layer-contents.layer-down-list
{
	padding-bottom: 36px;
}
.layer-down-list li {
	padding: 0;
}
.layer-down-list li + li {
	margin-top: 8px;
}
.layer-down-list li a
{
	overflow: hidden;
	display: block;
	border: 1px solid #dcdcdc;
	border-radius: 8px;
	padding: 16px 56px 16px 20px;
}
.layer-down-list li a::after {
	content: '';
	display: block;
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	background: url('../images_kiwi/icon/ico_download.svg') no-repeat center center;
}
.layer-down-list li a span
{
	display: block;
	padding-left: 28px;
	background: url('../images_kiwi/icon-old/ico_clip.svg') no-repeat left 50%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: 1rem;
	font-weight: 500;
}

/* 고객센터 - 공지사항 */
.title-d1 + .notice-list
{
	margin-top: 40px;
	padding-top: 0;
	border-top: 0;
}

.form-select-group.line-type {
	display: flex;
	justify-content: flex-end;
}
.form-select-group.line-type .form-check>label {
	padding: 6px 12px;
	color: #999;
	font-size: 0.8125rem;
	line-height: 1.3125rem;

}

.form-select-group.line-type .form-check>input:checked +label {
	color: #141414;
}

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

.form-select-group.line-type .form-check::after {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	content: '';
	width: 1px;
	height: 8px;
	border-radius: 2px;
	background: #999;
}
.form-select-group.line-type > span:last-child::after {
	display: none;
}


/* 사건사고 */
.panel-list .panel + .panel
{
	margin-top: 10px;
}

/* 사고신고 내역조회 */
.accident-report-list
{
}

.accident-report-list .accident-report
{
	position: relative;
	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.10);
}

.accident-report-list .accident-report + .accident-report
{
	margin-top: 9px;
}

.accident-report-list .accident-report>dt
{
	padding-bottom: 20px;
}

.accident-report-list .accident-report>dt small
{
	display: block;
	margin-top: 3px;
	font-size: 0.75rem;
	color: #141414;
}

.accident-report-list .accident-report > dd
{
	border-top: 1px solid #eee;
}

.accident-report-list .accident-report > dd.clear-accident
{
	position: absolute;
	top: 20px;
	right: 20px;
	border-top: 0;
	font-size: 0.875rem;
}

/* .accident-report-list .accident-report > dd.clear-accident > button
{
	border-bottom: 1px solid #666;
} */

.accident-report-list .accident-report .report
{
	font-size: 1.125rem;
	font-weight: 500;
	line-height: 1.625em;
}

.accident-report-list .accident-report [class*="-btns"]>*:only-child
{
	width: 100%;
}

.accident-report-list .accident-report .dl-contents
{
	padding: 10px 0;
}

.accident-report-list .accident-report .dl-contents + .dl-contents
{
	border-top: 1px solid #eee;
}

.accident-report-list .accident-report .dl-contents > dl > dt
{
	width: 105px;
}

.accident-report-list .accident-report>.dl-contents
{
	padding-top: 0;
	margin-top: -10px;
}

@media screen and (max-width: 320px)
{
	.notice-list
	{
		padding: 20px 16px;
	} /* 공지사항 */
	.answer-box
	{
		padding: 16px;
	} /* 질문 */
}

/* 이어서 진행 */
.continue-img
{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 80px;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), color-stop(15%, rgba(251,251,251,1)), to(rgba(247,247,247,1)));
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(251,251,251,1) 15%, rgba(247,247,247,1) 100%);
}

.continue-img .img-wrap
{
	position: absolute;
	bottom: 0;
}


.btn-notify {
	position: relative;
	padding-right: 56px;
	text-align: left;
}
.btn-notify:before {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	display: inline-block !important;
	width: 20px !important;
	height: 20px !important;
	content: '';
	background: url('../images_kiwi/icon/btn_arr_r.svg') no-repeat;
	background-size: contain;
}



.form-check-group.account-select {

}
.account-choice-wrap .choice-all label {
	width: 100%;
	padding: 16px 20px 16px 48px;
	border: 1px solid #dcdcdc;
	border-radius: 12px;
}
.account-choice-wrap .choice-all label::before {
	left: 20px !important;
}
.account-choice-wrap .choice-all .form-check.cir>input[type="checkbox"]:checked + label {
	border: 2px solid #ffbc00
}
.account-choice-wrap .form-check-box + .form-check-box::before {
	display: none;
}
.account-choice-wrap .form-check-list .form-check-box {
	position: relative;
	padding: 16px 20px;
}
.account-choice-wrap .form-check-list .form-check-box + .form-check-box::before {
	display: block;
	position: absolute;
	top: 0;
	width: calc(100% - 40px);
}
.account-choice-wrap .agreement-of-terms.all {
	padding: 16px 20px;
}
.account-choice-wrap .form-check-group.account-select .form-check.type2>input +label {
	padding-left: 48px;
	flex-direction: column;
	border: 1px solid #dcdcdc;
	border-radius: 12px;
	box-shadow: 0 0 2px 0 rgba(20, 20, 20, 0.08), 0 2px 8px 0 rgba(20, 20, 20, 0.10) ;
}
.account-choice-wrap .form-check-group.account-select .form-check.type2>input +label.round-8{
	box-shadow:none ;}
.gray-box {
	padding: 20px;
	background: #f5f5f5;
	border-radius: 8px;
}
/* .form-check-group.account-select .form-check.type2 + .form-check.type2 {
	margin-top: 12px;
} */
.account-choice-wrap .form-check-group.account-select .form-check.type2>input +label::before {
	position: absolute;
	top: 18px;
	left: 20px;
}
.account-choice-wrap .form-check-group.account-select .form-check.type2>input:checked +label {
	box-shadow: inset 0 0 0 2px #ffbc00;
    border: none;
}
.account-choice-wrap .account-select label .tit {
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.5rem;
}
.account-choice-wrap .account-select label .num {
	margin-top: 2px;
	font-family: 'Lato';
	font-size:  0.75rem;
	font-weight: 400;
	line-height: 1.25rem;
	color: #666;
}

.account-choice-wrap .account-select label .account-num {
	margin-top: 10px;
	color: #858585;
	font-size: 0.875rem;
	font-weight: 300;
	line-height: 1.375rem;

}

.account-choice-wrap .account-select label .account-num + .account-num {
	margin-top: 2px;
}
.account-choice-wrap .account-select label .account-num b {
	font-weight: 700;
	color: #858585;
	font-family: 'Lato';
}
.account-choice-wrap .form-check-list.account-select.box {
	margin: 8px 0 0 0;
	border: 1px solid #dcdcdc;
	border-radius: 8px;
}
.account-choice-wrap .form-check-list.account-select.box > li {
	border-top: 0;
}
.account-choice-wrap .form-check-list.account-select.box > .form-check-box + .form-check-box::before{
	margin: 0;
}

.input-form.invalid .msg-area.mt0 {
	margin-top: 0 !important;
}
.list-sort.item-center {
	align-items: center;
}
.panel-box .round-8{
	padding: 20px;
    border: 1px solid #dcdcdc;
}
.cus-renewal h3.title-d2 {
	font-size: 1rem;
    line-height: 1.5;
}
.cus-renewal h3.title-d2 + .text-14 {
	margin-top: 8px !important;
}
.cus-renewal h3.title-d2.mt40 {
	margin-top: 20px !important;
}
.cus-renewal .text-14 .color-warning {
	color: #f46600 !important
}
.cus-renewal .title-d2 + .form-check-list.account-select {
	margin-top: 12px;
}
.cus-renewal .title-d3.mb12 + .form-check-list.account-select {	
	margin-top: -8px !important;
}
.cus-renewal .form-check-list.account-select .form-check {
	padding: 0;
	/* padding-bottom: 8px; */
}
.cus-renewal .form-check-list.account-select li {
	margin-bottom: 12px;
}
/* .cus-renewal .form-check-list.account-select .dl-contents {
	margin-top: 8px;
	padding-left: 20px;
	padding-right: 10px;
} */
/* .cus-renewal .form-check-list.account-select .form-check + .form-check {
	margin-top: 8px;
} */
.cus-renewal .form-check-list.account-select .form-check>input +label {
	display: flex;
	flex-direction: column;
    align-items: flex-start;
    height: 100%;
    justify-content: flex-start;
    padding: 16px 16px 16px 48px;
    border: 1px solid #dcdcdc;
    border-radius: 12px;
    box-shadow: 0 0 2px 0 rgba(20, 20, 20, 0.08), 0 2px 8px 0 rgba(20, 20, 20, 0.10);
	text-align: left;
}
.cus-renewal .form-check-list.account-select  .form-check>input +label::before {
	position: absolute;
    top: 18px;
    left: 20px;
	transform: none;
	margin-top: 0;
}
.cus-renewal .form-check-list.account-select .form-check>input:checked + label {
	box-shadow: inset 0 0 0 2px #ffbc00;
    border: 1px solid transparent;
}
.cus-renewal .form-check-list.account-select .form-check>input + label span {
	font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
}
.cus-renewal .form-check-list.account-select .form-check>input + label small {
	margin-top: 2px;
    font-family: 'Lato';
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.25rem;
    color: #666;
}
.cus-renewal .form-check-list.account-select .form-check:not(.cir) > input + label .dl-contents {
	margin: 0;
	padding-left: 0;
	border-top:1px solid #ebebeb;
	margin-top:16px;
	padding-top:14px;
}
.cus-renewal .form-check-list.account-select .form-check:not(.cir) > input + label .dl-contents dl {
	display: flex;
	align-items: center;
	/* margin-top: 10px; */
    /* color: #858585; */
    /* font-size: 0.875rem; */
    /* font-weight: 300;
    line-height: 1.375rem; */
}
.cus-renewal .form-check-list.account-select .form-check:not(.cir) > input + label .dl-contents dl + dl {
	margin-top: 2px;
}
 .cus-renewal .form-check-list.account-select .form-check:not(.cir) > input + label .dl-contents dl dt,
.cus-renewal .form-check-list.account-select .form-check:not(.cir) > input + label .dl-contents dl dd,
.cus-renewal .form-check-list.account-select .form-check:not(.cir) > input + label .dl-contents dl dd b {
	width: auto;
	padding: 0 !important;
}
.cus-renewal .form-check-list.account-select .form-check:not(.cir) > input + label .dl-contents dl dt {
	color: #858585;
}
.cus-renewal .form-check-list.account-select .form-check:not(.cir) > input + label .dl-contents dl dd {
	margin-left: auto;
}
.cus-renewal .form-check-list.account-select .form-check.cir .dl-contents {
	padding-left: 0;
}
.cus-renewal .form-check-list.account-select .form-check.cir .dl-contents dl + dl {
	margin-top: 8px;
}
.cus-renewal .all-check {
	width: 100%;
    padding: 16px 20px 16px 20px;
    border: 1px solid #dcdcdc;
    border-radius: 8px;
}
.cus-renewal .form-check-list.account-select.type2 {
	margin: 8px 0 0 0;
    border: 1px solid #dcdcdc;
    border-radius: 8px;
}
.cus-renewal .form-check-list.account-select.type2 .form-check > input + label {
	box-shadow: none;
	border: none
}
.cus-renewal .form-check-list.account-select.type2 .form-check {
	padding-bottom: 0;
}
.cus-renewal .form-check-list.account-select.type2 .form-check + .form-check {
	padding: 0;
}
.cus-renewal .form-check-list.account-select.type2 .form-check + .form-check::before {
	display: inline-block;
	content: '';
	position: absolute;
	top: 0;
	left: 16px;
	right: 16px;
	width: calc(100% - 32px);
	height: 1px;
	background: #dcdcdc;
}
.cus-renewal .ui-card-list .ui-card {
    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);
}
.cus-renewal .ui-card-list .ui-card .div {
	border-top: 1px solid #e6e6e6;
}
.cus-renewal .ui-card-list .ui-toggle .btn-toggle {
	right: 0;
	width: 100%;	
	text-align: left;
	padding: 0 20px;
	background: none
}
.cus-renewal .ui-card .func {
	height: 40px;
	margin-bottom: 0;
	padding: 0;
	border-top: 1px solid #e6e6e6;
}
.cus-renewal .ui-card-list .ui-toggle .btn-toggle:after {
	display: block;
	content: '';
    width: 20px;
    height: 20px;
    position: absolute;
	right: 20px;
    top: 50%;
    background: #141414;
    mask-image: url(../images_kiwi/icon/ico_arr_d.svg);
    mask-size: contain;
    mask-position: 0 0;
    mask-repeat: no-repeat;
    transform: translateY(-10px);
    transition: transform .2s;
}
.cus-renewal .ui-card-list .ui-toggle .btn-toggle.open {
	transform: rotate(0);
}
.cus-renewal .ui-card-list .ui-toggle .btn-toggle.open::after {
    transform: rotate(180deg) translateY(10px);
}
.cus-renewal .ui-card .amount {
	font-family: 'Lato';
}
/* *************************************** 고객센터 *************************************** */

/* >>>>> 이벤트 >>>>> */
/* 이벤트 공통 */
.event-area
{
	margin-top: 15px;
	padding-bottom: 60px;
}

.event-space
{
	margin-top: 30px;
}

.event-section
{
	overflow: hidden;
	position: relative;
	margin: 0 24px;
	border-radius: 8px;
}

.event-section .event-wrap
{
	position: relative;
}

.event-section .event-img
{
	display: block;
}

.event-section .event-img img
{
	width: 100%;
	height: 140px;
	border-radius: 8px;
}

.swiper-slide .event-section .event-img 
{
	overflow: hidden;
	height: 200px;
}

.event-section .event-detail
{
	position: absolute;
	top: 25px;
	left: 25px;
	color: #fff;
	width: 80%;
}

.event-section .event-detail small
{
	display: inline-block;
	color: #fff;
	padding-bottom: 10px;
}

.event-section .event-detail p.text
{
	font-size: 1.375rem;
	line-height: 1.2;
}

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

.event-section .btn-detail-view:active
{
	-webkit-transform: none;
	transform: none;
}

.event-section.end .event-img
{
	position: relative;
	border-radius: 8px;
}

.event-section.end .btn-detail-view
{
	background: rgba(0, 0, 0, 0.4);
	border-radius: 8px;
	z-index: 1;
}

.event-section.end .winner-view
{
	display: block;
	background: #fff;
	color: #707070;
	border: 1px solid #ddd;
	height: 2.75rem;
	padding: 0 14px;
	line-height: 2.75rem;
	border-radius: 8px;
	font-size: 0.875rem;
}

.event-section.end [class*="-btns"]
{
	padding: 4px 0 !important;
}

.event-new
{
	display: inline-block;
	width: 30px;
	height: 15px;
	margin: -3px 0 0 3px;
	background: url('../images_kiwi/icon-old/ico_new_white.svg') no-repeat;
	vertical-align: middle;
}

/* 이벤트롤링배너 */
.event-swiper-banner
{
	position: relative;
	margin: 0 -24px;
}
/* 이벤트목록 공통 */
.tab-container .event-list li
{
	margin-top: 20px;
	border-radius: 8px;
	position: relative;
	overflow: hidden;
}

.tab-container .event-list ul li
{
	margin: 20px 0 0;
}

.tab-container .event-list ul li .event-detail small
{
	padding-bottom: 5px;
}

.tab-container .event-list ul li .event-detail p.text
{
	overflow: hidden;
	width: 100%;
	font-size: 1rem;
	line-height: 1.5;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.tab-container .event-list > li .event-detail
{
	width: 60%;
}

/* */
.event-banner-wrap {
	margin: 20px 0;
}
.event-banner-wrap .event-swiper-banner {
	margin: 0 -21px;
	padding-bottom: 40px;
}
.event-banner-wrap .event-swiper-banner .swiper-slide {height: auto;}
.event-banner-wrap .event-swiper-banner .event-section {
	display: flex; height: 100%; align-items: center;
	margin: 0 21px;
}
.event-banner-wrap .event-swiper-banner .swiper-slide .event-section .event-img {
	height: auto;
}
.event-banner-wrap .event-swiper-banner .swiper-slide .event-section .event-img img {height: auto;}
.event-banner-wrap .event-swiper-banner.swiper-container-horizontal .swiper-pagination {
	bottom: 10px;
}

.tab-container .event-list li:first-child {
	margin-top: 0;
}
.tab-container .event-list li.event-section {
	margin: 20px 0 0 0;
}
.tab-container .event-list li.event-section.end .contents-btns {
	margin-top: 8px;
	margin-bottom: 16px;
	padding: 0 !important
} 
.tab-container .event-list li.event-section.end .contents-btns .winner-view {
	height:  2.625rem;
	line-height: 2.5rem;
	color: #141414;
	border: 1px solid #dcdcdc;
} 



/* 이벤트컨텐츠 */
.recommend-box
{
	padding: 32px;
	background: #f0f9e7;
	border-radius: 8px;
	border: 1px solid #e3f4d2;
	text-align: center;
}

.recommend-box .num
{
	margin-top: 2px;
	font-size: 2rem;
	color: #141414;
}

.recommend-box .num em
{
	position: relative;
	top: 2px;
	font-weight: bold;
	font-size: 2.5rem;
}
/* 이벤트당첨 */
.event-content
{
	line-height: 1.5;
}

.event-winner
{
	position: relative;
}

.event-winner p b
{
	color: #fff;
}

/* 임직원 */
.employee_event
{
	position: relative;
}

.employee_event p
{
	position: absolute;
	top: 12%;
	left: 2vw;
	font-size: 6.7vw;
	letter-spacing: -1px;
}

/* <<<<< 이벤트 <<<<< */

@media screen and (max-width: 320px)
{
	.event-swiper-banner
	{
		margin: 0 -16px;
	}

	.event-section
	{
		margin: 0 16px;
	}

	.event-content .visual .code
	{
		bottom: 20px;
	}
}

/* event detail */
.layer-contents.type2 {
	padding: 0 21px;
}
.layer-contents.type2 .favorite-wrap.center {
	padding: 10px 0 36px;
	justify-content: center;
	gap: 36px;
}

.event-detail-top {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin: 28px 0 17px;
	padding: 4px 0;
}
.event-detail-top .flex-between-row {
	width: 100%;
}
.event-detail-top .title {
	margin-bottom: 12px;
	font-size: 1.25rem;
	font-weight: 500;
	line-height: 1.75rem;
}
.event-detail-top .date {
	font-size: 0.875rem;
	font-weight: 300;
	line-height: 1.375rem;

}
.event-detail-top .btn-share {
	margin-left: auto;
	background: url(../images_kiwi/icon/ico_share.svg) no-repeat 0 0;
	background-size: 20px 20px;
}
.event-detail-top .file-list {
	margin-top: 14px;
}
.event-detail-top .file-list > span > button
{
	border-bottom: 1px solid #222;
	font-size: 0.813rem;
}
.event-detail-view {
	padding-top: 28px;
	border-top: 1px solid #ebebeb;
	font-size: 0.875rem;
	line-height: 1.375rem;
}
.event-detail-view img {
	width: 100%;
}
.event-detail-view .video-cont
{
	position: relative;
	height: 0;
	padding-top: 56.25%;
}
.event-detail-view .video-cont video, .event-detail-view .video-cont iframe
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* >>>>> 사고신고 >>>>> */
/* 사고신고 신청 - 현금카드분실(연결계좌번호 선택) */
.option-list .top-line
{
	color: #666;
	padding-top: 10px;
	margin-top: 10px;
	display: block;
	position: relative;
}

.option-list .top-line:before
{
	content: "";
	border-top: #efefef 1px solid;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}
/* <<<<< 사고신고 <<<<< */


/* >>>>> 보험금융상품등록부 >>>>> */
/* 상세 */
.protection-pdf p.text
{
	padding: 8px 0 12px;
}

.protection-pdf-down span
{
	padding-right: 30px;
	background: url('../images_kiwi/icon-old/ico_pdf_download.svg') no-repeat right 50%;
}
/* <<<<< 보험금융상품등록부 <<<<< */



/* >>>>> 이용안내 >>>>> */
.map-area
{
	width: 100%;
	height: 100vw;
	text-align: center;
	display: table;
	table-layout: fixed;
}

.map-area span
{
	display: table-cell;
	width: 100%;
	vertical-align: middle;
}
.map-area + div.pd-h small {
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 1.375rem;

}
.map-area + div.pd-h small + p.text {
	margin-top: 12px;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.5rem;
}
.map-area + div.pd-h small + p.text .btn-link {
	margin-top: 28px;
}
.page-btns .ui-select
{
	padding: 0;
	background: none;
	border-radius: 0;
	width: 100%;
}

.page-btns .ui-select [class^="btn-"][class*="-lg"]
{
	width: 100%;
}

.service-bg
{
	background: url('../images_kiwi/bg/bg_service_phone.png') no-repeat 0 0;
	background-size: 100% 100%;
	width: 100%;
	max-width: 360px;
	margin: 0 auto;
	position: relative;
}

.service-bg.slide-bg
{
	margin-bottom: 60px;
}

.service-bg .box
{
	padding: 76px 6.3% 56px 7.5%;
}

@media screen and (max-width: 512px)
{
	.service-bg .box
	{
		padding: 15vw 6.3% 11vw 7.5%;
	}
}

.service-bg .box .only-img
{
	display: inline-block;
	width: 100%;
	background-color: #eee;
	border: #eee 2px solid;
}

.service-bg .box .only-img img
{
	width: 100%;
}

.service-bg .swiper-container
{
	position: static;
	padding-bottom: 0;
}

.service-bg .swiper-container-horizontal>.swiper-pagination-bullets
{
	bottom: -20px;
}

.service-bg .swiper-button-prev
{
	left: 7.5%;
}

.service-bg .swiper-button-next
{
	right: 6.3%;
}

.guide .login-method-list .ico
{
	width: 48px;
	height: 48px;
	background-color: #f0f9e7;
	background-position: 50% 50%;
	background-size: 32px;
	border-radius: 8px;
}
/* <<<<< 이용안내 <<<<< */


/* history-list */
.pd-h .ui-tab .tab-menu.border{
	margin: 0 -42px;
}
.tab-menu.border
{
	margin: 0 -21px;
	padding: 0 21px;
	border-bottom: 1px solid #eee;
}

/* .history-list
{
	margin: 0 -21px;
} */

.history-list > li
{
	position: relative;
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 72px;
	padding: 20px 0;
	text-align: left;
	font-size: 1rem;
	color: #222;
}

.history-list > li > .title
{
	display: block;
}


/* 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)
{
	.tab-menu.border
	{
		margin: 0 -16px;
		padding: 0 16px;
	}
	.swiper-slide .event-section .event-img 
	{
		height: 185px;
	}
}


/* 2020-11-25 */
.backg_green{background:#99ca3c}
.align-center > .epop_bg {display: block; height:calc(100vw * 0.65); background:#99ca3c url("./../images_kiwi/bg/e_kiwi_bg02.png") no-repeat top center; background-size:100%} /* 2020-11-27 */
.align-center > .eNum_li span.btn-sm-func4 {font-size:13px; width:100px; box-sizing:border-box}
.align-center > .eNum_li .s_bar {position:relative; z-index:1}
.align-center > .eNum_li .s_bar::before {background:url('./../images_kiwi/bg/bg_slash_bar.png')no-repeat; content:''; width:27%; height:22px; display:block; position:absolute; left:20px; background-size:cover; top: 30px; z-index:-1}
.align-center > .eNum_li .s_bar::after {background:url('./../images_kiwi/bg/bg_slash_bar.png')no-repeat; content:'';  width:27%; height:22px; display:block; position:absolute; right:20px; background-size:cover; top: 30px;z-index:-1}
.align-center > .eNum_li .s_bar .q_cor {position:relative}
.align-center > .eNum_li .s_bar .q_cor::after {background:url("./../images_kiwi/char/kiwi_correct.png") no-repeat center center; background-size:contain; position:absolute; content:''; display:block; width:29px; height:34px; bottom:50%; margin-bottom:-17px; left:50%; margin-left:50px}
.align-center > .eNum_li .s_bar > p span.fc_red {color:#f00} /* 2020-11-27 */
.align-center > .eNum_li .s_bar > p span.e_star {vertical-align:middle; display:inline-block; height:10px; margin-bottom:12px}
.align-center > .eNum_li > li > .panel {line-height:1.5em; font-size:16px; padding-top:25px; background:#fff; border:none}

.form-check-list .form-check.e_check > input[type="radio"] + label.radio_bl {padding-left:0; padding-right:33px;}
.form-check-list .form-check.e_check > input[type="radio"] + label.radio_bl:before {position: absolute; top: 0; right: 0; left:auto; border: 1px solid #222; border-radius: 50%;}
.form-check-list .form-check.e_check > input[type="radio"]:checked + label.radio_bl:after{right: 5px;}
.form-check-list .form-check.e_check > input[type="radio"] + label.radio_bl:after {left:auto; right: 5px;}

/* 2020-11-26 */
.s_bar > .highlighter:before {z-index: -1}

/* 2024-05-16 룰렛이벤트 start */
.roulette-mw {max-width: 767px; margin: 0 auto;}
.roulette-mw img{width: 100%;}
.roulette-mw .rm-top {position: relative; max-width: 100%; padding: 45px 0 42px; font-size: 0; background-image: url(../images_kiwi/event/roulette/roulette-top-bg.png); background-size: cover; background-position: 50% 50%;}
.roulette-mw .rm-top .logo1 {position: absolute; top: 8px; left: 10px; width: 85px;}
.roulette-mw .rm-top .logo2 {position: absolute; top: 8px; right: 10px; width: 48px;}
.roulette-mw .rm-top .top-txt {text-align: center;}
.roulette-mw .rm-top .top-txt img {width: 275px;}
.roulette-mw .top-guide {display: flex; justify-content: center; align-items: center; margin-top: 20px;}
.roulette-mw .chance-cnt {display: flex; align-items: center; justify-content: center; width: 110px; height: 23px; margin-right: 6px; background: #fff; border: 1px solid #ffbf0c; box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.2)}
.roulette-mw .chance-cnt .txt {color: #8d744a; font-size: 11px;}
.roulette-mw .history-btn {display: block; width: 68px; margin-top: 1px;}
.roulette-mw .btn-start {display: block; position: absolute; top: 59%; left: 50%; width: 20%; height: 15%; margin-left: -10%; text-indent: -9999em;}
.roulette-mw .rm-evt {position: relative; font-size: 0;}
.roulette-mw .btn-share {display: block; position: absolute; left: 50%; width: 40%; height: 4.4%; text-indent: -9999em; transform: translateX(-50%); background: none;}
.roulette-mw .share1 {bottom: 12.4%;}
.roulette-mw .share2 {bottom: 7.2%;}
.roulette-mw .share3 {bottom: 2%;}
.roulette-mw .rm-evt-guide {font-size: 0;}
.roulette-mw .rm-top .roulette {width: 250px; height: 262px; position: relative; margin: 6px auto 0;}
.roulette-mw .rm-top .roulette .obj{position: absolute;}
.roulette-mw .rm-top .roulette .board_start{width: 60px; height: 60px; top: calc(50% + 6px); left: 50%; z-index: 5; transform: translate(-50%, -50%);}
.roulette-mw .rm-top .roulette .board_start img{width:100%;}
.roulette-mw .rm-top .roulette .board_bg {width: 250px; height: 250px; top: 12px; left:0px; z-index: 2;}
.roulette-mw .rm-top .roulette .board_bg img {width:100%; height: 100%;}
.roulette-mw .rm-top .roulette .board_on {width: 224px; height: 224px; top: 24px; left: 13px; z-index: 3;}
.roulette-mw .rm-top .roulette .board_on img {width: 100%; height: 100%;}
.roulette-mw .rm-top .roulette .obj.board_arrow {width: 30px; height: 43px; top: 0px; left: 50%; z-index: 5; transform: translateX(-50%);}
.roulette-mw .rm-top .roulette .obj.board_arrow img {width: 100%;}
/* 2024-05-16 룰렛이벤트 end */


/* 고객센터 */
.cus-certi h3.title-d2 {
	font-size: 1rem;
    line-height: 1.5;
}
.cus-certi h3.title-d2.mt40 {
	margin-top: 20px !important;
}
.cus-certi h3.title-d2 + ul,
.cus-certi h3.title-d2 + .text-14 {
	margin-top: 8px;
}
.cus-certi h3.title-d2 + .form {
	margin-top: 12px;
}
.cus-certi .color-warning,
.cus-certi .text-14 .color-warning,
.cus-certi ul .color-warning {
	color: #f46600 !important
}
.cus-certi .form + .dl-contents {
	margin-top: 20px;
}

/* 오픈이벤트 */
.open-event{background: #d4f2ff; max-width: 720px; position: relative;}
.open-event .title-area{position: absolute; top: 0; left: 0; z-index: 10; width: 100%; text-align: center; font-size: 1rem; display: block; padding-top: 48px;}
.open-event .title-area .text-28 strong {font-weight: 700;}
.open-event .title-area .btn-md-func11{white-space: nowrap; margin-top: 20px;padding: 6px 20px;height: 36px;font-size: 1rem;color: #b8b8b8;}
.open-event .title-area .btn-md-func11.on{background: linear-gradient(180deg, #ffd338 0%, #ffbc00 100%);color: #141414;border: none;}
.open-event .event-list-box{position: relative; background: #d4f2ff;}
.open-event .event-list-box ul{margin: 0 21px;	padding: 20px;background: #fff; position: sticky; z-index: 1; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);border-radius: 16px; display: flex; flex-direction: column; gap: 16px;}
.open-event .event-list-box li + li{border-top: 1px #f0f0f0 solid; padding-top: 16px;}
.open-event .event-list-box li .mission{font-size: 0.875rem; color: #675541; display: flex; align-items: center; gap: 4px;}

.open-event .event-list-box li .mission em{color: #fff;height: 16px; min-width: 16px; text-align: center; line-height: 16px; font-size: 0.5625rem; border-radius: 999px; background: #7d6c59; display: inline-block;}
.open-event .event-list-box li .mission-list{display: flex; align-items: center; gap: 8px; justify-content: space-between; margin-top: 12px; font-size: 1rem;}
.open-event .event-list-box li .mission-list .ico{position: static; width: 28px; height: 28px; display: inline-block;}
.open-event .event-list-box li:nth-child(1) .mission-list .ico{background: url('../images_kiwi/event/open-event-ico1.png') no-repeat 50% 50%; background-size: contain;}
.open-event .event-list-box li:nth-child(2) .mission-list .ico{background: url('../images_kiwi/event/open-event-ico2.png') no-repeat 50% 50%; background-size: contain;}
.open-event .event-list-box li:nth-child(3) .mission-list .ico{background: url('../images_kiwi/event/open-event-ico3.png') no-repeat 50% 50%; background-size: contain;}
.open-event .event-list-box li:nth-child(4) .mission-list .ico{background: url('../images_kiwi/event/open-event-ico4.png') no-repeat 50% 50%; background-size: contain;}
.open-event .event-list-box li:nth-child(5) .mission-list .ico{background: url('../images_kiwi/event/open-event-ico5.png') no-repeat 50% 50%; background-size: contain;}
.open-event .event-list-box li:nth-child(6) .mission-list .ico{background: url('../images_kiwi/event/open-event-ico6.png') no-repeat 50% 50%; background-size: contain;}
.open-event .event-list-box li:nth-child(7) .mission-list .ico{background: url('../images_kiwi/event/open-event-ico7.png') no-repeat 50% 50%; background-size: contain;}
.open-event .event-list-box li .mission-list .btn-md-func11{white-space: nowrap; background: linear-gradient(180deg, rgba(245, 245, 245, 0.40) 50%, rgba(234, 234, 242, 0.40) 100%); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12); font-size: 0.8125rem; height: 2.3125rem; padding: 0 16px;} 
.open-event .event-list-box li .mission-list .btn-md-func11.on{background: #545860; color: #fff; box-shadow: none;}
.open-event .event-list-box::before{content: ''; height: 120px; width: 100%; display: block;	position: absolute;	left: 0; top: 0; z-index: 0; background: linear-gradient(180deg, #648447 0%, #d4f2ff 100%);}
.open-event .top-visual-area{
	position: relative; width: 100%; padding-top: calc(528 / 360 * 100%); overflow: hidden;
	/* background: url('../images_kiwi/event/open-event-top.png') no-repeat; background-size: contain; */
}
.open-event .top-visual-area .ico{display: block; position: absolute; left: 0; top: 0; width: 100%}
/* web footer / CEO인사말 */
#footer {padding: 0 21px 92px;}
#footer .main-footer {padding-top: 36px; border-top: 1px solid #ebebeb;}
#footer .main-footer nav {margin-bottom: 16px;}
#footer .main-footer nav ul {display: flex; flex-wrap: wrap;}
#footer .main-footer nav ul > li::after {display:inline-block; content: '|'; margin: 0 6px; color: #dcdcdc; vertical-align: middle;}
#footer .main-footer nav ul > li:last-child::after {display: none}
#footer .main-footer nav ul a {font-size: 0.75rem; font-weight: 500; line-height: 1.25rem;}
#footer .main-footer .kbsavings-info {font-size: 0.75rem; font-weight: 300;}
#footer .main-footer .kbsavings-info > p {margin: 2px 0;}
#footer .main-footer .kbsavings-info .divider {margin: 0 6px; color: #dcdcdc}
#footer .main-footer .kbsavings-info a {color: #666;}
#footer .main-footer .kbsavings-info small {font-size: 0.75rem; font-weight: 300;}
#footer .main-footer .ui-select {padding: 16px 20px; border-radius: 8px; background: #ebebeb;}
#footer .main-footer .ui-select .table>.label {color: #141414;}
.main-wrap #footer {padding: 36px 21px; background: #f4f5f6;}
#wrapper:has(#contents.fixed-bottom) + #footer {padding-bottom: 36px;}

/* CEO인사말 */
.ceo-text .head-copy{font-size: 1.5rem; line-height: 2rem;}
.ceo-img
{
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), color-stop(15%, rgba(251,251,251,1)), to(rgba(247,247,247,1)));
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(251,251,251,1) 15%, rgba(247,247,247,1) 100%);
	position: relative;
	margin-bottom: 28px;
    line-height: 2rem;
    margin: 0 -21px;
}

.ceo-img .ceo-text
{
	position: absolute;
	top: 0;
	left: 24px;
}

.ceo-img .ceo-info
{
	width: 160px;
	position: absolute;
	bottom: 36px;
	left: 21px;
	display: inline-block;
	color: #141414;
	border-radius: 20px;
	padding: 20px ;
    border: 1px solid #fff;
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.10), 0 0 20px 0 #fff inset;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.10) 0%, rgba(239, 239, 239, 0.10) 100%);
	letter-spacing: -0.5px;
    backdrop-filter: blur(10px);
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.ceo-img .ceo-info > *
{
	color: #141414;
}

@media screen and (max-width: 320px)
{
	.ceo-img .ceo-text
	{
		left: 16px;
	}

	.ceo-img .ceo-info
	{
		left: 16px;
	}
}
.img-wrap>img
{
	width: 100%;
}

/* SR-251015-03833 [App] 금융거래 안심차단 3종 비대면신청 개발 요청 Start */
.safe-info-wrap .head-copy {
	margin-bottom: 12px;
	padding-top: 0;
	font-size: 1.5rem;
	line-height: 2rem;
	text-align: center;
}
.safe-info {
	position: relative;
	padding-top: 150px;
}
.safe-info::before {
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	width: 277px;
	height: 180px;
	background: url('../images_kiwi/ncontents/img_safe_info.png') no-repeat 50% 0;
	background-size: 277px auto;
}
.safe-info ul {
	display: flex;
	flex-direction: column;
	gap: 16px;
	position: relative;
}
.safe-info ul li .bn-info {
	position: relative;
	background: #fffaeb;
	border-radius: 16px;
	padding: 20px 100px 20px 20px;
}
.safe-info ul li .bn-info.type2 {
	background: #ffefb9;
}
.safe-info ul li .bn-info.type2 .desc {
	color: #141414;
}
.safe-info ul li .bn-info::before {
	content: '';
	display: block;
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	width: 68px;
	height: 68px;
	background-repeat: no-repeat;
	background-position: 50% 0;
	background-size: 68px auto;
}
.safe-info ul li .bn-info.safe-lock::before {
	background-image: url('../images_kiwi/icon/ico_lock.png');
}
.safe-info ul li .bn-info.safe-shield::before {
	background-image: url('../images_kiwi/icon/ico_shield.png');
}
.safe-info ul li .bn-info.safe-wallet::before {
	background-image: url('../images_kiwi/icon/ico_wallet.png');
}
.safe-info ul li .bn-info.safe-bank::before {
	background-image: url('../images_kiwi/icon/ico_bank.png');
}
.safe-info ul li .bn-info.safe-visit::before {
	background-image: url('../images_kiwi/icon/ico_visit.png');
}
.safe-info ul li .bn-info .title {
	display: block;
	margin-bottom: 6px;
	font-size: 1.125rem;
	font-weight: 500;
	line-height: 1.625rem;
}
.safe-info ul li .bn-info .text {
	margin-bottom: 4px;
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 1.375rem;
}
.safe-info ul li .bn-info .desc {
	font-size: 0.75rem;
	color: #666;
	line-height: 1.25rem;
}
.form-check-group.safe-type {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.form-check-group.safe-type .form-check input[type="radio"]:disabled + label
{
	background: #fff;
    box-shadow: inset 0 0 0 1px #dcdcdc;
	color: #141414;
}
.form-check-group.safe-type .form-check>label
{
    justify-content: space-between;
	gap: 0 16px;
	line-height: normal;
	text-align: left;
	padding: 16px 20px;
	font-size: 0.938rem;
	line-height: 1.438rem;
}
.form-check-group.safe-type .form-check>label>.i-box
{
	display: flex;
    align-items: center;
	flex: 1;
}
.form-check-group.safe-type .form-check>label>span::before
{
	content: '';
	display: block;
	position: relative;
	flex-shrink: 0;
	width: 40px;
	height: 40px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 40px auto;
	margin-right: 12px;
}
.form-check-group.safe-type .form-check>label>.label2
{
	display: inline-flex;
	align-items: center;
	height: 24px;
	background: #918274;
}
.form-check-group.safe-type .form-check>label>.label2::before
{
	display: none;
}
.form-check-group.safe-type .form-check>label>span.safe-lock::before
{
	background-image: url('../images_kiwi/icon/ico_lock2.png');
}
.form-check-group.safe-type .form-check>label>span.safe-shield::before
{
	background-image: url('../images_kiwi/icon/ico_shield2.png');
}
.form-check-group.safe-type .form-check>label>span.safe-wallet::before
{
	background-image: url('../images_kiwi/icon/ico_wallet2.png');
}
.safe-inquiry-wrap {
	margin-top: 28px;
}

.safe-sarvice-list .safe-item.bnk-card:last-child {
	margin-bottom:0;
}
.safe-sarvice-list .safe-item {
	z-index: 2;
}
.safe-sarvice-list .form-check > .bank-tit {
	width:100%;
	padding-left: 0;
	padding-bottom: 20px;
	margin-bottom: 20px;
	font-size: 0;
	border-bottom: 1px solid #dcdcdc;
}
.safe-sarvice-list .form-check > .bank-tit span {
	vertical-align: middle;
}
.safe-sarvice-list .form-check > .bank-tit .name {
	padding-left:12px;
	font-size: 1rem;
	line-height: 1.5rem;
}
.safe-sarvice-list .bnk-card .bnk-detail .toggle-contents .text-20 {
	font-size: 1rem;
	font-weight: 700;
}
.safe-sarvice-list .bnk-card .bnk-detail .toggle-contents .text-20 b.num {
	font-size: 1.25rem;
}
.safe-sarvice-list .form-check > input[type="radio"] + label:before {
	left: auto;
	right: 0;
	transform: translateY(-20px);
}
.safe-sarvice-list .safe-item.radioActive {
	position: relative;
	box-shadow: inset 0 0 0 2px #ffbc00;
	border: 1px solid transparent;
}
/* checked 일때 */
.safe-sarvice-list .safe-item.radioActive .ui-toggle.type2 .btn-toggle.btn-link {
	box-shadow: inset 0 -2px 0 #ffbc00, inset -2px 0 0 #ffbc00, inset 2px 0 0 #ffbc00;
}
/* disabled 일때 */
.safe-sarvice-list .safe-item.radioDisabled {
	background-color: #f0f0f0;
}
/* SR-251015-03833 [App] 금융거래 안심차단 3종 비대면신청 개발 요청 End */