@charset "UTF-8";
/* @Font */
@font-face {
	font-family:'KBFG';
	font-weight:500;
	src:url('../fonts/KBFGDisplayM.woff') format('woff');
}
@font-face {
	font-family:'KBText';
	font-weight: 700;
	src:url('../fonts/KBFGTextB.woff') format('woff');
}
@font-face {
	font-family:'KBText';
	font-weight:500;
	src:url('../fonts/KBFGTextM.woff') format('woff');
}
@font-face {
	font-family:'KBText';
	font-weight:300;
	src:url('../fonts/KBFGTextL.woff') format('woff');
}

@font-face {
	font-family:'lato';
	font-weight:400;
	src:url('../fonts/lato-medium.woff2') format('woff2');
	src:url('../fonts/lato-medium.woff') format('woff');
}
@font-face {
	font-family:'lato';
	font-weight:700;
	src:url('../fonts/Lato-Bold.woff') format('woff');
}
@font-face {
	font-family:'KBTextDis';
	font-weight:normal;
	src:url('../fonts/KBFGDisplayM.woff') format('woff');
}

/* reset */
*,
*:before,
*:after
{
	box-sizing: border-box;
}

html,body,div,span,iframe,object,embed,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,a,abbr,address,b,bdo,blockquote,cite,code,del,dfn,p,pre,em,i,ins,kbd,q,s,samp,strong,sub,sup,u,var,img,map,area,form,fieldset,legend,input,textarea,select,button,label,keygen,table,caption,thead,tbody,tfoot,tr,th,td,article,aside,audio,bdi,canvas,datalist,details,dialog,figcaption,figure,footer,header,main,mark,menu,menuitem,meter,nav,output,progress,section,rp,rt,ruby,summary,time,video,wbr,hr
{
	margin: 0;
	padding: 0;
}
span{display: inline-block;}
html, body
{
	width: 100%;
	height: 100%;
	word-break: break-word;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	/* font-size: 87.5%; */
}

body
{
	font-family: 'KBText', system,-apple-system,'Roboto', 'Noto Sans CJK KR', '.SFNSText-Regular','San Francisco','Segoe UI','Helvetica Neue','Lucida Grande',sans-serif;
	font-size: 0.875rem;
	line-height: 1.572;
	font-weight: 500;
	color: #141414;
	background-color: #fff;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	word-break: keep-all;
	word-wrap: break-word;
	overflow-wrap: anywhere;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary
{
	display: block;
}

h1,h2,h3,h4,h5,pre,input,button,select,textarea
{
	font: inherit;
}
.title-point{
	font-family: 'KBTextDis', sans-serif;
}
/* 숫자만 사용 */
.num {
	font-family: 'lato', sans-serif; 
	line-height: 1.5;
	display: inline-block;
}
.num.hidden,
.num.sum_hidden {
	font-family: 'KBText', sans-serif;
}
.num[data-count] {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	overflow: hidden;
}
b.num, strong.num, em.num, i.bold
{
	font-weight: 700;
}
.txt-count {
	position: relative;
}
.txt-count * {
	word-wrap: break-word;
}
/* .txt-count .number-rolling .num::before {
	top: 0;
} */
.number-rolling {
	position: relative;
	display: inline-flex;
	margin-right: 4px;
	--height: 1.938rem;
}

.account-item-lists .number-rolling {
	--height: 1.25rem;
}
.account-item-lists .number-rolling .num::before {
	top: 3px;
}


.number-rolling > span {
	position: relative;
	overflow: hidden;
}
.number-rolling .num {
	width: 0.875rem;
}
.number-rolling .num::before {
	position: absolute;
	top: -2px;
	left: 0;
	width: 100%;
	display: block;
	content: '012345678901234567890';
}
.number-rolling .num + .num {
	margin-left: -0.03rem;
}
.number-rolling .num.n1::before {content: '0123456789012345678901';}
.number-rolling .num.n2::before {content: '01234567890123456789012';}
.number-rolling .num.n3::before {content: '012345678901234567890123';}
.number-rolling .num.n4::before {content: '0123456789012345678901234';}
.number-rolling .num.n5::before {content: '01234567890123456789012345';}
.number-rolling .num.n6::before {content: '012345678901234567890123456';}
.number-rolling .num.n7::before {content: '0123456789012345678901234567';}
.number-rolling .num.n8::before {content: '01234567890123456789012345678';}
.number-rolling .num.n9::before {content: '012345678901234567890123456789';}
.number-rolling.active .num::before {
	-webkit-animation: countRolling 1.5s .2s ease forwards;
	animation: countRolling 1.5s .2s ease forwards;
}
.number-rolling.active .num + .num::before {
	-webkit-animation-delay: .3s;
	animation-delay: .3s;
}

@keyframes countRolling {
	0% {transform: translateY(0)}
	100% {transform: translateY(calc(-100% + var(--height)))}
	/* 100% {transform: translateY(calc(-100% + 1.25rem))} */
}

input,button,select,textarea
{
	color: inherit;
	vertical-align: middle;
	-webkit-appearance: none;
	border-radius: 0;
 /* -webkit-tap-highlight-color: transparent; */;
}
textarea{resize: none;}
[type="search"] {
	-webkit-appearance: textfield;
	appearance: textfield;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-results-button {
	display: none;
}
a
{
	color: inherit;
	text-decoration: none;
}

input, select, label, img, button
{
	vertical-align: middle;
}

table
{
	border-collapse: collapse;
	border-spacing: 0;
}

img, fieldset
{
	border: 0;
	max-width: 100%;
}

ul, ul li
{
	list-style: none;
}

ol
{
	margin-left: 15px;
}

a,button,label
{
	cursor: pointer;
}

button
{
	background: transparent;
	border: 0;
	/* outline: 0; */
	-webkit-tap-highlight-color: transparent;
}

i,em,address
{
	font-style: normal;
}

:disabled
{
	-webkit-text-fill-color: inherit;
	opacity: 1;
}

:disabled + label
{
	-webkit-tap-highlight-color: transparent;
}
/* common */
[hidden],
legend,
.sr-only
{
	overflow: hidden;
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px 0 0 -1px;
	clip: rect(0, 0, 0, 0);
	line-height: 0px;
}
svg{
	shape-rendering: geometricPrecision;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
}
caption
{
	overflow: hidden;
	width: 1px;
	height: 1px;
	margin: -2px 0 0 -1px;
}

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

.flex {
	display: flex;
}
.flex-row {
	display: flex;
	flex-direction: row !important;
}
.flex-col{
	display: flex;
	flex-direction: column !important;
}
.flex-col-center{
	display: flex;
	flex-direction: column !important;
	align-items: center;
}

.flex-between{
	display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
}
.flex-between-row{
	display: flex;
    justify-content: space-between;
}
.align-start {
	align-items: flex-start !important;
}
.align-center {
	align-items: center;
}
.justify-end {
	justify-content: flex-end !important;
}
.flex-between .flex-1 {
	flex: 1;
}
.flex-con {
	display: flex;
	align-items: center;
	justify-content: center;
}
.gap2{
	gap: 20px;
}
.over-hidden
{overflow: hidden;}
hr
{
	border: none;
	border-top: 1px solid #dcdcdc;
	margin: 36px 0;
}
hr.m-36
{
	margin: 36px -21px !important;
}
hr.m-20
{
	margin: 20px 0 !important;
}
hr.m-28
{
	margin: 28px 0 !important;
}
hr.dash {border-top: 1px dashed #dcdcdc;}
hr.divider{/*width: 100vw;*/ border-top: 6px solid #f5f5f5;  margin: 36px -21px;}
hr.divider.type2 {margin-top: 20px}

#contents >  hr.divider,
#contents > div:not(.pd-h) > hr.divider,
#contents > section:not(.pd-h) > hr.divider {margin-left: 0; margin-right: 0;}
/* global font size */
.font-large
{
	font-size: 1.125rem !important;
}

.font-normal
{
	font-size: 1rem !important;
}

.font-small
{
	font-size: 0.875rem !important;
}

/* text align */

.ta-l {
	text-align: left !important;
}

.ta-c {
	text-align: center !important;
}

.ta-r {
	text-align: right !important;
}

.h100p {
	height: 100%;
}

/* padding/margin */
.pd-inner {
	padding: 28px 21px 0 !important
}

.pd-all
{
	padding: 28px 21px 0 !important;
}

.pd-h
{
	padding-left: 21px !important;
	padding-right: 21px !important;
}

.pd-h .ph-h {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.pd-v
{
	padding-top: 28px;
	padding-bottom: 36px !important;
}

.pd-t
{
	padding-top: 28px !important;
}

.pd-b
{
	padding-bottom: 36px !important;
}
.pd-6
{
	padding: 6px 0 !important;
}
.pd-16
{
	padding: 16px 0 !important;
}
.pd-80
{
	padding: 80px 0 !important;
}

.pd0
{
	padding: 0 !important;
}

.pd16 {
	padding: 16px !important;
}
.pd20 {
	padding: 20px !important;
}

.pt0
{
	padding-top: 0 !important;
}
.pt5
{
	padding-top: 5px !important;
}
.pt8
{
	padding-top: 8px !important;
}

.pt10
{
	padding-top: 10px !important;
}

.pt12
{
	padding-top: 12px !important;
}

.pt14
{
	padding-top: 14px !important;
}

.pt16
{
	padding-top: 16px !important;
}

.pt20
{
	padding-top: 20px !important;
}

.pt24
{
	padding-top: 24px !important;
}
.pt28
{
	padding-top: 28px !important;
}

.pt40
{
	padding-top: 40px !important;
}

.pb0
{
	padding-bottom: 0 !important;
}

.pb8
{
	padding-bottom: 8px !important;
}

.pb10
{
	padding-bottom: 10px !important;
}

.pb12
{
	padding-bottom: 12px !important;
}
.pb15
{
	padding-bottom: 15px !important;
}

.pb16
{
	padding-bottom: 16px !important;
}

.pb20
{
	padding-bottom: 20px !important;
}

.pb24
{
	padding-bottom: 24px !important;
}

.pb26
{
	padding-bottom: 26px !important;
}
.pb36
{
	padding-bottom: 36px !important;
}

.pb40
{
	padding-bottom: 40px !important;
}
.pr1
{
	padding-right: 1px !important;
}
.pr2
{
	padding-right: 2px !important;
}
.pr3
{
	padding-right: 3px !important;
}

.pr4
{
	padding-right: 4px !important;
}
.pr5
{
	padding-right: 5px !important;
}
.pr10
{
	padding-right: 10px !important;
}

.pr15
{
	padding-right: 15px !important;
}
.pr24
{
	padding-right: 24px !important;
}
.pr50
{
	padding-right: 50px !important;
}
.pr80
{
	padding-right: 80px !important;
}


.pl0
{
	padding-left: 0px !important;
}
.pl1
{
	padding-left: 1px !important;
}

.pl2
{
	padding-left: 2px !important;
}
.pl3
{
	padding-left: 3px !important;
}

.pl4
{
	padding-left: 4px !important;
}
.pl5
{
	padding-left: 5px !important;
}
.pl10
{
	padding-left: 10px !important;
}

.pl15
{
	padding-left: 15px !important;
}


.pl24
{
	padding-left: 24px !important;
}

.m0
{
	margin: 0px !important;
}

.m10
{
	margin: 10px !important;
}

.mt0
{
	margin-top: 0px !important;
}

.mt2
{
	margin-top: 2px !important;
}
.mt4
{
	margin-top: 4px !important;
}

.mt5
{
	margin-top: 5px !important;
}

.mt8
{
	margin-top: 8px !important;
}

._mt8 {
	margin-top: -8px !important
}

.mt10
{
	margin-top: 10px !important;
}

.mt12
{
	margin-top: 12px !important;
}

.mt16
{
	margin-top: 16px !important;
}

.mt20
{
	margin-top: 20px !important;
}

.mt24
{
	margin-top: 24px !important;
}

.mt26
{
	margin-top: 26px !important;
}
.mt28
{
	margin-top: 28px !important;
}

.mt30
{
	margin-top: 30px !important;
}

.mt32
{
	margin-top: 32px !important;
}

.mt34
{
	margin-top: 34px !important;
}
.mt36
{
	margin-top: 36px !important;
}

.mt40
{
	margin-top: 40px !important;
}

.mt45
{
	margin-top: 45px !important;
}

.mt50
{
	margin-top: 60px !important;
}

.mt60
{
	margin-top: 60px !important;
}

.mt100
{
	margin-top: 100px !important;
}

.mb0
{
	margin-bottom: 0px !important;
}

.mb4
{
	margin-bottom: 4px !important;
}

.mb5
{
	margin-bottom: 5px !important;
}

.mb8
{
	margin-bottom: 8px !important;
}

.mb10
{
	margin-bottom: 10px !important;
}

.mb12
{
	margin-bottom: 12px !important;
}

.mb15
{
	margin-bottom: 15px !important;
}
.mb16
{
	margin-bottom: 16px !important;
}

.mb20
{
	margin-bottom: 20px !important;
}

.mb24
{
	margin-bottom: 24px !important;
}
.mb25
{
	margin-bottom: 25px !important;
}
.mb28
{
	margin-bottom: 28px !important;
}
.mb30
{
	margin-bottom: 30px !important;
}
.mb32
{
	margin-bottom: 32px !important;
}
.mb36
{
	margin-bottom: 36px !important;
}

.mb40
{
	margin-bottom: 40px !important;
}

.mr0
{
	margin-right: 0px !important;
}
.mr1
{
	margin-right: 1px !important;
}

.mr2
{
	margin-right: 2px !important;
}
.mr3
{
	margin-right: 3px !important;
}
.mr4
{
	margin-right: 4px !important;
}


.mr5
{
	margin-right: 5px !important;
}

.mr10
{
	margin-right: 10px !important;
}

.mr16
{
	margin-right: 16px !important;
}

.mr20
{
	margin-right: 20px !important;
}

.mr24
{
	margin-right: 24px !important;
}

.mr26
{
	margin-right: 26px !important;
}
.ml1
{
	margin-left: 1px !important;
}
.ml4
{
	margin-left: 4px !important;
}
.ml2
{
	margin-left: 2px !important;
}
.ml3
{
	margin-left: 3px !important;
}
.ml4
{
	margin-left: 4px !important;
}
.ml5
{
	margin-left: 5px !important;
}
.ml8
{
	margin-left: 8px !important;
}

.ml0
{
	margin-left: 0px !important;
}

.ml5
{
	margin-left: 5px !important;
}

.ml10
{
	margin-left: 10px !important;
}

.ml12
{
	margin-left: 12px !important;
}

.ml16
{
	margin-left: 16px !important;
}

.ml20
{
	margin-left: 20px !important;
}

.ml24
{
	margin-left: 24px !important;
}

.ml26
{
	margin-left: 26px !important;
}
.mt-auto
{
	margin-top: auto !important;
}
.ml-auto
{
	margin-left: auto !important;
}
.mr-auto
{
	margin-right: auto !important;
}
.m-auto {
	margin: auto;
}
.my14 {
	margin: 14px 0 !important;
}
.my20 {
	margin: 20px 0 !important;
}
.my-multi {
	margin: 20px 0 36px !important;
}
hr + .my-multi{
	margin-top: 0 !important;
}
.space
{
	margin-top: 12px !important;
}

.height-a
{
	height: auto !important;
}

.scrollable-y
{
	overflow-y: auto;
}

.scrollable-x
{
	overflow-x: auto;
}

/* float */
.fr
{
	float: right;
}

.fl
{
	float: left;
}

.clear
{
	clear: both;
}

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

.w-auto
{
	width: auto !important;
}

/* text/title */
[class^="text"]
{
	line-height: 1.5;
}
/* font size text 클래스와 조합하거나 font- 를 붙여서 단독 사용 예) .text-14 혹은 .font-14 */
[class^="text"][class*="-12"],[class*="font"][class*="-12"]
{
	font-size: 0.75rem;
} 
/* 13px */
[class^="text"][class*="-13"],[class*="font"][class*="-13"]
{
	font-size: 0.813rem;
} 
/* 14px */
[class^="text"][class*="-14"],[class*="font"][class*="-14"]
{
	font-size: 0.875rem !important;
	line-height: 1.5;
} 
/* 16px */
[class^="text"][class*="-16"],[class*="font-"][class*="-16"]
{
	font-size: 1rem !important;
	line-height: 1.5rem !important;
} 
/* 18px */
[class^="text"][class*="-18"],[class*="font"][class*="-18"]
{
	font-size: 1.125rem;
} 
[class^="text"][class*="-20"],[class*="font"][class*="-20"]
/* 20px */
{
	font-size: 1.25rem;
	letter-spacing: -1px;
} 
[class^="text"][class*="-22"],[class*="font"][class*="-22"]
/* 22px */
{
	font-size: 1.375rem;
	letter-spacing: -1px;
} 
[class^="text"][class*="-24"],[class*="font"][class*="-24"]
/* 24px */
{
	font-size: 1.5rem;
	letter-spacing: -1px;
} 
[class^="text"][class*="-26"],[class*="font"][class*="-26"]
/* 26px */
{
	font-size: 1.625rem;
	letter-spacing: -1px;
} 
[class^="text"][class*="-28"],[class*="font"][class*="-28"]
/* 28px */
{
	font-size: 1.75rem;
	letter-spacing: -1px;
} 
[class^="text"][class*="-32"],[class*="font"][class*="-32"]
/* 32px */
{
	font-size: 2rem;
	letter-spacing: -1px;
} 
/* text 정렬 text 클래스와 조합하거나 align- 을 붙여서 단독 사용 예) .text-center 혹은 .align-center */
[class^="text"][class*="-left"],[class*="align"][class*="-left"]
{
	text-align: left;
}

[class^="text"][class*="-center"],[class*="align"][class*="-center"]
{
	text-align: center;
}

[class^="text"][class*="-right"],[class*="align"][class*="-right"]
{
	text-align: right;
}
/* 폰트 두께  */
[class^="text"][class*="-normal"], .normal
{font-weight: 500;}
[class^="text"][class*="-thin"], .thin
{
	font-weight: 100;
}

.m-light {
	font-weight: 400 !important;
}
.light
{
	font-weight: 300 !important;
}
.normal
{
	font-weight: 500 !important;
}
.bold2
{
	font-weight: 700 !important;
}

b
{
	/* font-weight: 700; */
	font-weight: 500;
	color: #141414;
}
[class^="text"][class*="-bold"],
strong, .bold
{
	/* font-weight: 700 !important; */
	font-weight: 500;
}

small
{
	font-size: 0.8125rem;
	font-weight: normal;
	color: #666;
	line-height: 1.3125rem;
	letter-spacing: 0;
}

em *
{
	color: inherit !important;
}
/* 폰트 컬러 */
em,
[class^="text"][class*="emphasis"],
[class*="emphasis"]
{
	color: #F46600;
}
[class*="point"]
{
	color: #fd9c26;
}

[class*="success"], [class*="color"][class*="-blue"]
{
	color: #06f !important;
}

[class*="warning"]
{
	color: #ff0000 !important;
}

[class*="highlight"], [class*="color"][class*="-red"]
{
	color: #f00000 !important;
}

[class^="text"][class*="-black"], [class*="color"][class*="-black"]
{
	color: #141414;
}

[class^="text"][class*="-gray"], [class*="color"][class*="-gray"]
{
	color: #666;
}

[class^="text"][class*="-info"] {
	color: #858585
}

[class^="text"][class*="-lightgray"], [class*="color"][class*="-lightgray"]
{
	color: #999;
}

[class^="text"][class*="-lightgray2"], [class*="color"][class*="-lightgray2"]
{
	color: #b8b8b8;
}

[class^="text"][class*="-warning"], [class*="color"][class*="-warning"]
{
	color: #999;
}

/* [class^="text"][class*="-emphasis"], [class*="color"][class*="-emphasis"]
{
	color: #58a700;
} */

[class^="text"][class*="-cyan"], [class*="color"][class*="-cyan"] {
	color: #06f;
}

.text-secondary {
	color: #ffd338;
}
.text-secondary2 {
	color: #ffaf00;
}

.text-secondary3 {
	color: #F46600;
}

.text-secondary3 .num {
	font-size: 1rem;
}

.bg-black {
	background: #141414 !important;
}
.bg-primary{
	background: #ffd338;
}
.text-gray {
	color: #666 !important;
}
.text-gray8 {
	color: #888 !important;
}
.desc-light {
	margin-bottom: 20px;
	font-size: 0.875rem;
	line-height: 1.375rem;
	font-weight: 300;
}
.al-center {
	text-align: center;
}
.text-black,
.desc.black{
	color: #141414 !important;
}
.title-d3 + .description {
	margin-top: 8px;
}
.description {
	color: #666;
	font-weight: 300;
}

/* title */
[class^="title-"]
{
	font-weight: 500;
	color: #141414 !important;
}

[class^="title-"] > a.target-link
{
	display: inline-block;
	padding-right: 25px;
	background: url('../images_kiwi/icon-old/ic_title_link.svg') no-repeat right 50%;
}

.title-d
{
	font-size: 1.5rem;
}
.title-d1
{
	font-size: 1.25rem;
	line-height: 1.4;
}

.title-d1 b
{
	letter-spacing: -1px;
}

.title-d2
{
	margin-top: 20px;
	font-size: 1.125rem;
}

.title-d3
{
	font-size: 1rem;
	line-height: 1.5;
}

.title-d4
{
	font-size: 0.875rem;
}

.title-d2.line-two
{
	height: 60px;
	line-height: 1.3;
}

.title-d3.line-two
{
	height: 54px;
	line-height: 1.2;
}

[class^="title-"] .ui-tooltip
{
	margin-top: -3px;
}

.title-d1 + p[class^="text"],
.title-d1 + p[class^="text"] + p[class^="text"],
.head-copy + p[class^="text"],
.head-copy + p[class^="text"] + p[class^="text"]
{
	margin-top: 12px;
	font-weight: 300;
}
.head-copy + p > b
{
	font-weight: 700;
}
.head-copy + .agreement-of-terms.mt40 {
	margin-top: 20px !important;
}

/* .title-d1 + .ui-tab,
.head-copy + .ui-tab,
.title-d1 + .form:not(.flex-reverse),
.head-copy + .form:not(.flex-reverse),
.title-d1 + div:not([class^="text"]),
.head-copy + div:not([class^="text"]) {
	margin-top: 20px !important;
}
.title-d1 + div.mt12,
.head-copy + div.mt12 {
	margin-top: 12px !important;
} */

/* h1[class^="title-"] + .form,
h2[class^="title-"] + .form,
.head-copy + .form {
	margin-top: 20px;
}
h1[class^="title-dl"] + div:not(p),
h2[class^="title-dl"] + div:not(p),
.head-copy + div:not(p) {
	margin-top: 20px;
} */
/* [class^="head-copy"] + .ui-card,
h1[class^="title-dl"] + .ui-card,
h2[class^="title-dl"] + .ui-card {
	margin-top: 20px;
} */
.head-copy > .badge {
	margin-bottom: 12px;
	padding: 2px 10px;
	border-radius: 6px;
	font-size:  0.75rem;
	font-weight: 500;
	line-height: 1.25rem;

}

small + .title-d1
{
	padding-top: 3px;
}

.line-height, .line15
{
	line-height: 1.5;
}

.line-height14, .line14
{
	line-height: 1.4 !important;
}

.line-height13, .line13
{
	line-height: 1.3 !important;
}

.line-height12, .line12
{
	line-height: 1.2 !important;
}

.underline
{
	text-decoration: underline;
}

.head-copy + .title-d2
{
	padding-top: 0;
}

/* etc */
.head-copy
{
	padding-top: 28px;
	font-size: 1.25rem;
	line-height: 1.75rem;
	/* letter-spacing: -1px; */
}
.progress ~ .head-copy,
[id^="step"] .head-copy {
	padding-right:54px;
}

.head-copy b,
.highlighter,
.highlighter2
{
	position: relative;
	display: inline-block;
	line-height: 1;
}

.head-copy b:before,
.highlighter:before
{
	display: none;
	content: '';
	/* 
	position: absolute;
	bottom: -2px;
	left: 0;
	right: 0;
	height: 8px;
	background: #ffcc00;
	opacity: .5;
	border-radius: 4px; */
}
/* .head-copy b span {
	color: #F46600;

} */
.head-copy b>*,
.highlighter>*
{
	position: relative;
	display: inline-block;
	z-index: 1;
	white-space: normal;
}
.pd-h.pd-b > .visual p.head-copy + p.text > b 
{
	font-weight: 500;
}

.highlighter2>*
{
	position: relative;
	z-index: 1;
}

/* width */
.w100p
{
	width: 100% !important;
}

.w90p
{
	width: 90%;
}

.w80p
{
	width: 80%;
}

.w70p
{
	width: 70%;
}

.w60p
{
	width: 60%;
}

.w50p
{
	width: 50%;
}

.w40p
{
	width: 40%;
}

.w30p
{
	width: 30%;
}

.w20p
{
	width: 20%;
}

.w10p
{
	width: 10%;
}

/* bacground color */
.bg-gray
{
	background-color: #f5f5f5 !important;
}

.bg-white
{
	background-color: #fff !important;
}

/* button */
[class^="btn-"]
{
	display: inline-block;
	text-align: center;
}

a[class^="btn-"]:before
{
	content: '';
	display: inline-block;
	width: 0;
	height: 110%;
	vertical-align: middle;
}

[class^="btn-"][class*="-xs"]
{
	height: 1.75rem;
	padding: 0 7px;
	font-size: 0.75rem;
	border-radius: 10px;
}

[class^="btn-"][class*="-sm"]
{
	height: 30px;
	padding: 6px 12px;
	font-size: 0.8125rem;
	border-radius: 999px;
	line-height: 1.25rem;
}
[class^="btn-"][class*="-md"]
{
	height: 2.4375rem;
	padding: 0 16px;
	font-size: 0.9375rem;
	border-radius: 999px;
}

[class^="btn-"][class*="-md2"]
{
	font-size: 0.875rem;
	height: 2.625rem;
	padding: 0 14px;
	border-radius: 8px;
}
[class^="btn-"][class*="-md3"]
{
	height: 2.875rem;
	padding: 0 12px;
	border-radius: 8px;
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 1.375rem;
}

[class^="btn-"][class*="-lg"]
{
	height: 3.5rem;
	padding: 0 0.5em;
	font-size: 1.125rem;
	font-weight: 500;
	border-radius: 8px;
	width: 100%;
}
.bottom-sheet .layer-btns
{
	padding: 0;
}

.bottom-sheet .layer-btns [class^="btn-"],
.layer .layer-btns [class^="btn-"]
{
	border-radius: 0;
	width: 100%;
}

[class^="btn-"][class*="-lg"]:only-child,
.fullpage .layer-btns button:only-child,
.bottom-sheet .layer-btns [class^="btn-"]:only-child,
.layer .layer-btns [class^="btn-"]:only-child
{
	width: 100%;
}

/* [class^="btn-"][class*="-lg"]:not([style*="display: none"]),
.fullpage .layer-btns button:not([style*="display: none"]),
[class^="btn-"] + [class^="btn-"]:not([style*="display: none"]),
.bottom-sheet .layer-btns [class^="btn-"]:not([style*="display: none"]),
.layer .layer-btns [class^="btn-"]:not([style*="display: none"])
{
	width: 50%;
} */

.fullpage .layer-btns button,
.bottom-sheet .layer-btns button{
    float: left;
    width: -webkit-calc((100%) / 2);
    width: calc((100%) / 2);
}
[class^="btn-"][class*="-func1"]
{
	/* background: #fff; */
	color: #141414;
	background-color: #ebebeb;
}

[class^="btn-"][class*="-func4"]
{
	background: #fff;
	color: #141414;
	border: 1px solid #dcdcdc;
}

[class^="btn-"][class*="-func2"]
{
	background: #ebebeb;
	color: #858585;
}

[class^="btn-"][class*="-func3"] 
{
	background: #ffd338;
	color: #141414;
}
[class^="btn-"][class*="-func8"] 
{
	background: #ff0000;
	color: #fff;
}

[class^="btn-"][class*="-func6"]
{
	background: #fff7e5;
	color: #ffd338;
	border: 1px solid #fff7e5;
}
[class^="btn-"][class*="-func9"]
{
	background: #545860;
	color: #fff;
	border: 1px solid #545860;
}
[class^="btn-"][class*="-func10"]
{
	background: #dcdcdc;
	color: #141414;
}
[class^="btn-"][class*="-func11"]
{
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.40) 50%, rgba(234, 234, 242, 0.40) 100%);
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
	color: #141414;
	border: 1px #fff solid;
	padding: 0 24px;
	height: 3.125rem;
	font-size: 1.125rem;
}

[class^="btn-"][class*="-box"]
{
	border-radius: 8px;
	height: 24px;
	font-size: 0.75rem;
	padding: 3px 10px;
}
[class^="btn-"][class*="-box2"]
{
	border-radius: 6px;
	height: 24px;
	font-size: 0.75rem;
	padding: 3px 10px;
}
[class^="btn-"][class*="-arr"]
{
	border-radius: 8px;
	font-size: 0.75rem;
	padding: 16px 20px;
	text-align: left;
	background: url('../images_kiwi/icon/btn_arr_r.svg') no-repeat;
	background-position: right 20px center;
}
[class^="btn-"][class*="-arr2"]
{
	padding: 10px 10px;
	text-align: left;
	background: url('../images_kiwi/icon/btn_arr_r.svg') no-repeat;
	background-position: right 0px center;
}
[class^="btn-"][class*="-line"]
{
	background: #fff;
	color: #858585;
	padding: 7px 20px;
	font-size: 0.9375rem;
	line-height: 1.4375rem;
	border: 1px solid #ebebeb;
	box-shadow: 0 2px 4px rgba(0,0,0,0.08);
	display: inline-block;
	height: auto;
}
[class^="btn-"][class*="-line"][class*="-sm"]
{
	color: #141414;
	padding: 3px 12px 1px;
	font-size: 0.75rem;
	line-height: 1.25rem;
	border: 1px solid #ebebeb;
	box-shadow: 0 0 2px 0 rgba(0,0,0,0.08),  0 2px 8px 0 rgba(20,20,20, 0.10);
	display: inline-block;
	height: auto;
	font-weight: 500;
}
[class^="btn-"][class*="-line2"]
{
	background: #fff;
	padding: 9px 13px;
	font-size: inherit;
	color: #141414;
	line-height: inherit;
	border-radius: 999px;
	border: 1px solid #dcdcdc;
	box-shadow: unset;
	display: inline-block;
	height: auto;
}
[class^="btn-"][class*="-primary"]
{
	background: #ffd338;
	color: #141414;
}
[class^="btn-"][class*="-primary2"]
{
	background: #ffbc00;
	color: #141414;
	box-shadow: 0 0 2px 0 rgba(0,0,0,0.08),  0 2px 8px 0 rgba(20,20,20, 0.10);
}


[class^="btn-"][class*="-primary"].reverse
{
	background: #fff;
	color: #141414;
}

[class^="btn-"][class*="-primary"]>*
{
	color: inherit;
}

[class^="btn-"][class*="-secondary"]
{
	background: #ebebeb;
	color: #141414;
}

[class^="btn-"][class*="-lightgray"]
{
	background: #f7f7f7;
	color: #141414;
}

[class^="btn-"][class*="-kakao"]
{
	padding: 0;
	background-color: #ffdd00;
	color: #141414;
	min-width: auto;
	width: auto;
	padding-left: 16px;
	padding-right: 16px;
}
[class^="btn-"][class*="-kakao"]>span
{
	padding-left: 29px;
	background: url('../images_kiwi/icon-old/ico_kakaotalk.svg') no-repeat 0 50%;
}

[class^="btn-"][class*="-search"]
{
	color: #141414;
}

[class^="btn-"].disabled,
[class^="btn-"]:disabled
{
	background: #f0f0f0;
	color: #b8b8bf;
	border-color: #f0f0f0;
	-webkit-tap-highlight-color: transparent;
}
[class^="btn-"][class*="-line"].point
{
	border: 2px #ffbc00 solid;
	box-shadow: 0 0 2px 0 rgba(20, 20, 20, 0.08),  0 2px 8px 0 rgba(20, 20, 20, 0.1);
}

/*
	ico-counsel 추가
*/
.ico-counsel {
	line-height: 1.5;
}
.ico-counsel:before {
	content: "";
	display: inline-block;
    position: relative;
    top: 3px;
    right: 8px;
	width: 22px;
	height: 24px;
	background: url('../images_kiwi/icon-old/ico_counsel.svg') no-repeat 50% 50%;
}

.bg-none {
	background: none !important;
}

/* btn etc */
.btn-link
{
	position: relative;
	display: inline-block;
	font-size: 0.875rem;
	color: #999;
	vertical-align: middle;
	border: 0;
}

a.btn-link:before
{
	display: none;
}

.btn-link>*
{
	display: inline-block;
	line-height: 1.2rem;
	border-bottom: 1px solid #141414;
	color: #141414;
	margin: 6px 0;
}

.btn-link>em
{
	border-color: #F46600;
	color: #F46600;
}

.btn-link + .btn-link:before
{
	content: '';
	display: inline-block;
	width: 1px;
	height: 13px;
	margin: 0 5px 0 7px;
	background: #eee;
	vertical-align: middle;
}

.btn-sort
{
	position: relative;
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 0.875rem;
	color: #999;
	vertical-align: middle;
	border: 0;
}

.btn-sort:after
{
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	background: #858585;
	-webkit-mask-image: url('../images_kiwi/icon/ico_arr_d.svg');
	mask-image: url('../images_kiwi/icon/ico_arr_d.svg');
	mask-repeat: no-repeat;
	mask-size: cover;
	fill: none;
	vertical-align: middle; 
}
.btn-sort.round{
	color: #141414;
	border-radius: 999px;
	padding: 4px 12px;
	border: 1px #dcdcdc solid;
	display: inline-block;
}
.btn-sort.round > span{
	margin-right: 4px;
}
.btn-close,
.btn-add
{
	height: 32px;
	font-size: 0.875rem;
	border: 0;
}

[class^="btn-"] * + [class^="ico-"]
{
	margin-left: 6px;
}

/* [class^="btn-"] [class^="ico-"]:first-child
{
	margin-right: 6px;
} */

.btn-toggle
{
	border: 0;
	-webkit-tap-highlight-color: transparent;
}

.like label,
button.like
{
	overflow: hidden;
	display: inline-block;
	width: 20px;
	height: 0px;
	padding-top: 20px;
	background: url('../images_kiwi/icon/ico_like_off.svg') no-repeat center;
	background-size: 16px;
}

.like input:checked + label,
button.like.on
{
	background: url('../images_kiwi/icon/ico_like_on.svg') no-repeat center;
	background-size: 16px;
}


.favorite
{
	display: inline-block;
	width: 24px;
	height: 24px;
}

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

.favorite label,
button.favorite
{
	overflow: hidden;
	display: inline-block;
	width: 20px;
	height: 0px;
	padding-top: 20px;
	background: url('../images_kiwi/icon/ico_favorite_off.svg') no-repeat center;
	background-size: 20px;
}

.favorite input:checked + label,
button.favorite.on,
span.favorite.on  label
{
	background: url('../images_kiwi/icon/ico_favorite_on.svg') no-repeat center;
	background-size: 20px;
}

.favorite2 label, button.favorite2 {
background: #eee;
color: #666;
height: 2.75rem;
padding: 14px 14px;
border-radius: 8px;
width:100%;
display: inline-block;
text-align: center;
text-decoration: none;
cursor: pointer;
border:0;
	}

.favorite2 SPAN.star {
padding:1px 0px 1px 30px;
background: url(../images_kiwi/icon-old/ico_favorite_off_24.svg) no-repeat;
}

.favorite2 input:checked + label, button.favorite2.on {
background: #fff;
color: #7CBB09;
border:1px solid #7CBB09;
padding: 13px 14px;
}

.favorite2 input:checked + label SPAN.star, button.favorite2.on SPAN.star {
background: url(../images_kiwi/icon-old/ico_favorite_on_24.svg) no-repeat;
}

.lockup label, button.lockup {
	overflow: hidden;
	display: inline-block;
	width: 20px;
	height: 0px;
	padding-top: 20px;
	background: url('../images_kiwi/icon/ico_lockup_off.svg') no-repeat center;
	background-size: 16px;
}

.lockup input:checked + label, button.lockup.on, span.lockup.on  label {
	background: url('../images_kiwi/icon/ico_lockup_on.svg') no-repeat center;
	background-size: 20px;
}

.btn-list-more
{
	height: 44px;
	padding: 0 16px;
	background: #fff;
	color: #707070;
	border: 1px solid #ddd;
	border-radius: 22px;
}

/* button group */
[class*="-btns"]
{
	padding: 12px 0;
	text-align: center;
}
.page-btns.fixed
{
	padding: 12px 0px 0px;
	text-align: center;
}
.page-btns.page-btm {
	margin: 36px -21px -100px;
	padding: 0;
}
.page-btns [class^="btn-"][class*="-lg"]
{
	border-radius: 0px;
	width: -webkit-calc((100% - 0px) / 2);
    width: calc((100% - 0px) / 2);
	border-radius: 0;
}

[class*="-btns"]:after
{
	content: '';
	display: block;
	clear: both;
}

[class*="-btns"]>*
{
	float: left;
	width: -webkit-calc((100% - 4px) / 2);
	width: calc((100% - 4px) / 2);
	flex: 1;
}

[class*="-btns"]>*+*
{
	float: right;
}

[class*="-btns"]>*:only-child
{
	float: none;
	width: auto;
	min-width: -webkit-calc((100% - 4px) / 2);
	min-width: calc((100% - 4px) / 2);
}


[class*="-btns"].fixed, .page-btns.absolute
{
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	opacity: 1 !important;	/* (2026.01.17) 휴대폰 인증에서 통신사 bottom sheet 올라온 후 js에서 opacity를 0으로 조절하고 있음. 소스파악이 힘들어 우선 강제로 1로 설정함 */
	z-index: 5;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), color-stop(20%, rgba(255,255,255,1)), to(rgba(255,255,255,1)));
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 100%);
}

[class*="-btns"] [class*="-lg"]:only-child
{
	width: 100%;
}

.contents-btns,
.pd-h [class*="-btns"]:not(.fixed)
{
	padding-left: 0;
	padding-right: 0;
}

.contents-btns.full>*
{
	width: 100%;
}

.contents-btns.full>a + a
{
	margin-top: 10px;
}

.btn-round
{
	color: #141414;
	background-color: #fff !important;
	font-size: 0.9375rem;
	line-height: 1.4375rem;
	padding: 8px 16px !important;
	border: 1px #dcdcdc solid;
	border-radius: 999px;
	box-shadow: 0px 2px 8px 0px rgb(20 20 20 / 12%);
	height: 39px;
	width: auto;
}
.btn-round.primary{
	border: 1px #ffd338 solid;
}

/* icon */
[class^="ico-"]
{
	display: inline-block;
	width: 24px;
	height: 24px;
	vertical-align: middle;
}

[class*="ico-"][class*="-32"] {
	width: 32px;
	height: 32px;
}

[class*="ico-"][class*="-16"] {
	width: 16px;
	height: 16px;
}

.ico-close
{
	width: 20px;
	height: 20px;
	background: url('../images_kiwi/icon/ico_del_16.svg') no-repeat;
	background-size: contain;
}

.ico-plus
{
	width: 32px;
	height: 32px;
	background: url('../images_kiwi/icon-old/add02_m_32.svg') no-repeat;
}
.ico-plus2 {
	width: 16px;
	height: 16px;
	margin-right: 0 !important;
	margin-top: -3px;
	margin-left: 7px;
	background: url('../images_kiwi/icon/ico_plus_16.svg') no-repeat;
	background-size: 16px 16px;
}

/*
	green plus icon 추가
*/
.ico-plus-green
{
	width: 20px;
	height: 20px;
	background: url('../images_kiwi/icon-old/ico_plus_green_20x20.svg') no-repeat;
}

.ico-question
{
	width: 20px;
	height: 20px;
	/* background: url('../images_kiwi/icon/ico_tooltip_q.svg') no-repeat;
	background-size: cover; */
	background: #858585;
	mask-image: url('../images_kiwi/icon/ico_tooltip_q.svg');
    mask-size: contain;
    mask-position: 0 0;
	mask-repeat: no-repeat;
}

.ico-info
{
	width: 20px;
	height: 20px;
	background-color: #666;
	/* background: url('../images_kiwi/icon/ico_tooltip_ex2.svg') no-repeat;
	background-size: cover; */
	mask-image: url('../images_kiwi/icon/ico_tooltip_ex2.svg');
	mask-size: cover;
}

.ico-exclamation
{
	width: 20px;
	height: 20px;
	/* fill: #4D6DE3; */
	background: url('../images_kiwi/icon/ico_tooltip_ex2.svg') no-repeat;
	background-size: cover;
}
.warning .ico-exclamation
{
	width: 16px;
	height: 16px;
	background: #ff0000;
	-webkit-mask-image: url('../images_kiwi/icon/ico_tooltip_ex2.svg');
	mask-image: url('../images_kiwi/icon/ico_tooltip_ex2.svg');
	mask-repeat: no-repeat;
	mask-size: cover;
	fill: none;
}

.ico-download
{
	width: 20px;
	height: 20px;
	background: url('../images_kiwi/icon/ico_download.svg') no-repeat 50% 50%;
	background-size: contain;
}

.ico-tel
{
	width: 14px;
	height: 14px;
	background: url('../images_kiwi/icon-old/ic_tel_mini_14x14.svg') no-repeat 50% 50%;
}

.ico-phone-black
{
	width: 16px;
	height: 16px;
	background: url('../images_kiwi/icon-old/ic_telephone_black.svg') no-repeat 50% 50%;
	background-size: 16px auto;
}

.ico-unit-won
{
	background: url('../images_kiwi/icon-old/ico_money_1.svg') no-repeat 0 0;
}

.ico-important
{
	background: url('../images_kiwi/icon-old/ic_important.svg') no-repeat 0 0;
}

.ico-new
{
	width: 30px;
	height: 15px;
	background: url('../images_kiwi/icon-old/ico_new.svg') no-repeat 0 0;
}

.ico-approval-arrow
{
	width: 30px;
	height: 25px;
	/* background: url('../images_kiwi/icon-old/ico_certification_arrow_gray.svg') no-repeat 0 0; */
	background: #999;
	mask: url('../images_kiwi/icon-old/backspace.svg') no-repeat 0 0;
	transform: rotate(180deg);
}

.ico-acc-info
{
	width: 12px;
	height: 10px;
	background: url('../images_kiwi/icon-old/ic_info_layer.svg') no-repeat;
	background-size: cover;
}

.ico-all
{
	width: 16px;
	height: 16px;
	background: url('../images_kiwi/icon/ico_prodcut.svg') no-repeat 0 0;
	background-size: contain;
}

.ico-savings
{
	width: 16px;
	height: 16px;
	background: url('../images_kiwi/icon/ico_savings.svg') no-repeat 0 0;
	background-size: contain;
}

.ico-loan
{
	width: 16px;
	height: 16px;
	background: url('../images_kiwi/icon/ico_loan.svg') no-repeat 0 0;
	background-size: contain;
}

.ico-card
{
	width: 16px;
	height: 16px;
	background: url('../images_kiwi/icon/ico_card.svg') no-repeat 0 0;
	background-size: contain;
}

.ico-bankbook
{
	width: 24px;
	height: 24px;
	background: url('../images_kiwi/icon/ico_bankbook.svg') no-repeat 0 0;
	background-size: contain;
}

.ico-deposit
{
	width: 24px;
	height: 24px;
	background: url('../images_kiwi/icon/ico_kb_deposit.svg') no-repeat 0 0;
	background-size: contain;
}

.ico-myloan
{
	width: 24px;
	height: 24px;
	background: url('../images_kiwi/icon/ico_kiwi_loan.svg') no-repeat 0 0;
	background-size: contain;
}

.ico-checkcard
{
	width: 48px;
	height: 48px;
	background: url('../images_kiwi/icon/ico_checkcard.svg') no-repeat 0 0;
	background-size: contain;
}

.ico-membership
{
	width: 48px;
	height: 48px;
	background: url('../images_kiwi/icon/ico_membership.svg') no-repeat 0 0;
	background-size: contain;
}

.ico-share
{
	width: 20px;
	height: 20px;
	background: url('../images_kiwi/icon/ico_share.svg') no-repeat 0 0;
	background-size: contain;
}
.ico-search
{
	width: 18px;
	height: 18px;
	background: url('../images_kiwi/icon/ico_search.svg') no-repeat 0 0;
	background-size: contain;
}
.ico-setting
{
	width: 20px;
	height: 20px;
	background: url('../images_kiwi/icon/ico_setting.svg') no-repeat 0 0;
	background-size: contain;
}
.ico-move
{
	width: 20px;
	height: 20px;
	background: url('../images_kiwi/icon/ico_move.svg') no-repeat 0 0;
	background-size: contain;
}
.ico-notice
{
	width: 20px;
	height: 20px;
	background: url('../images_kiwi/icon/ico_notice.svg') no-repeat 0 0;
	background-size: contain;
}

.ico-more
{
	width: 20px;
	height: 20px;
	background: url('../images_kiwi/icon/ico_more.svg') no-repeat 0 0;
	background-size: contain;
}
.ico-more2
{
	width: 20px;
	height: 20px;
	background: url('../images_kiwi/icon/ico_more2.svg') no-repeat 0 0;
	background-size: contain;
}
.ico-contact
{
	width: 32px;
	height: 32px;
	background: url('../images_kiwi/icon/ico_contact.svg') no-repeat 0 0;
	background-size: contain;
}

.ico-kakaotalk
{
	width: 32px;
	height: 32px;
	background: url('../images_kiwi/icon/ico_kakaotalk.svg') no-repeat 0 0;
	background-size: contain;
}

.ico-sms
{
	width: 32px;
	height: 32px;
	background: url('../images_kiwi/icon/ico_sms2.svg') no-repeat 0 0;
	background-size: contain;
}

.ico-copy
{
	width: 32px;
	height: 32px;
	background: url('../images_kiwi/icon/ico_copy.svg') no-repeat 0 0;
	background-size: contain;
}

.ico-copy2
{
	width: 11px;
	height: 14px;
	background: url('../images_kiwi/main/ico_copy2.svg') no-repeat 0 0;
	background-size: contain;
}

.ico-reply
{
	width: 20px;
	height: 20px;
	background: url('../images_kiwi/icon/ico_reply.svg') no-repeat 0 0;
	background-size: contain;
}

.ico-reply2
{
	width: 20px;
	height: 20px;
	background: url('../images_kiwi/icon/ico_reply2.svg') no-repeat 0 0;
	background-size: contain;
}
.ico-down::after
{
	content: '';
	display:block ;
	width: 20px;
	height: 20px;
	margin: 0 !important;
	background: #999;
	-webkit-mask-image: url('../images_kiwi/icon/ico_arr_d.svg');
	mask-image: url('../images_kiwi/icon/ico_arr_d.svg');
	mask-repeat: no-repeat;
	mask-size: cover;
	mask-position: 50% 50%;
	fill: none;
}
.ico-down.sm::after
{
	width: 16px;
	height: 16px;
}
.ico-down.on::after{
	-webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.bnt-more-area button.ico-down{
	gap: 8px;
}
/* [class*="ico-down-"]
{
	margin: 0 !important;
	background: #999;
	-webkit-mask-image: url('../images_kiwi/icon/ico_arr_d.svg');
	mask-image: url('../images_kiwi/icon/ico_arr_d.svg');
	mask-repeat: no-repeat;
	mask-size: cover;
	fill: none;
	vertical-align: sub;
} */

.ico-down.sm {
	width: 16px;
	height: 16px;
}
[class*="ico-down-"][class*="-md"] {
	width:20px;
	height: 20px;
}

.ico-filter
{
	width: 20px;
	height: 20px;
	background: url('../images_kiwi/icon/ico_filter.svg') no-repeat 0 0;
	background-size: contain;
}

.ico-refresh
{
	width: 20px;
	height: 20px;
	background: url('../images_kiwi/icon/ico_refresh.svg') no-repeat 0 0;
	background-size: contain;
}

.ico-inquery1
{
	width: 32px;
	height: 32px;
	background: url('../images_kiwi/icon/ico_inquery_1.svg') no-repeat 0 0;
	background-size: contain;
}
.ico-inquery2
{
	width: 32px;
	height: 32px;
	background: url('../images_kiwi/icon/ico_inquery_2.svg') no-repeat 0 0;
	background-size: contain;
}
.ico-inquery3
{
	width: 32px;
	height: 32px;
	background: url('../images_kiwi/icon/ico_inquery_3.svg') no-repeat 0 0;
	background-size: contain;
}
.ico-inquery4
{
	width: 32px;
	height: 32px;
	background: url('../images_kiwi/icon/ico_inquery_4.svg') no-repeat 0 0;
	background-size: contain;
}
.ico-inquery5
{
	width: 32px;
	height: 32px;
	background: url('../images_kiwi/icon/ico_inquery_5.svg') no-repeat 0 0;
	background-size: contain;
}
.ico-inquery6
{
	width: 32px;
	height: 32px;
	background: url('../images_kiwi/icon/ico_inquery_6.svg') no-repeat 0 0;
	background-size: contain;
}
.ico-inquery7
{
	width: 32px;
	height: 32px;
	background: url('../images_kiwi/icon/ico_inquery_7.svg') no-repeat 0 0;
	background-size: contain;
}
.ico-inquery8
{
	width: 32px;
	height: 32px;
	background: url('../images_kiwi/icon/ico_inquery_8.svg') no-repeat 0 0;
	background-size: contain;
}

.ico-back
{
	width: 20px;
	height: 20px;
	background: url('../images_kiwi/icon/backspace.svg') no-repeat 0 0;
	background-size: contain;
}

.ico-edit
{
	width: 20px;
	height: 20px;
	background: url('../images_kiwi/icon/ico_edit.svg') no-repeat 0 0;
	background-size: contain;
}

[class^="btn-"] .ico-download
{
	margin-top: -4px;
}
/* badge */
.badge
{
	display: inline-block;
	height: 24px;
	padding: 0 7px;
	font-weight: 300;
	font-size: 0.875rem;
	line-height: 24px;
	letter-spacing: -1px;
	border-radius: 12px;
}

.badge.used
{
	color: #F46600;
	background-color: #FFEACC;
}

.badge.not-used
{
	color: #999;
	background-color: #eee;
}

.badge.closed
{
	color: #b8b8b8;
	background-color: #f0f0f0;
}

/* FORM */
input[type="checkbox"],
input[type="radio"]
{
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	border: 0;
	clip: rect(0, 0, 0, 0);
	clip-path: inset(50%);
	font-size: 1rem;
	white-space: nowrap;
}
input[type="hidden"]{
	position: absolute;
	left: -99999px;
	opacity: 0;
	pointer-events: none;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
}
.form-title
{
	font-size: 1.5rem;
	font-weight: 300;
}

.form-title + .form
{
	margin-top: 22px;
}
*::placeholder
{
	font-family: 'KBText';
}
textarea::-webkit-input-placeholder
{
	font-size: 1rem;
	color: #dcdcdc !important;
}

textarea::-moz-placeholder
{
	font-size: 1rem;
	color: #dcdcdc;
}

textarea:-ms-input-placeholder
{
	font-size: 1rem;
	color: #dcdcdc;
}

.form-control::-webkit-input-placeholder
{
	font-size: 1.125rem;
	color: #dcdcdc;
	line-height: 1.625rem;
}

.form-control::-moz-placeholder
{
	font-size: 1.125rem;
	color: #dcdcdc;
	line-height: 1.625rem;
}

.form-control:-ms-input-placeholder
{
	font-size: 1.125rem;
	color: #dcdcdc;
	line-height: 1.625rem;
}

.form-control
{
	width: 100%;
	border: 0;
	background: transparent;
	outline: 0;
	font-size: 1.125rem;
	color: #141414;
	text-align: left;
}

.form-control:not(input)
{
	line-height: 26px;
}

span.form-control
{
	display: inline-block;
}

.form-control-group.valued input.form-control.ta-r
{
	padding-right: 27px;
}
.form-control-group .unit
{
	display: none;
}
.form-control-group.valued .unit
{
	display: flex;
	word-break: keep-all;
}
/* .form-control-group dd > .btn-sm-func2 + .input-wrap .btn-clear {
	right: 10px
	.input-wrap
} */
input.form-control
{
	width: calc(100% - 25px);
	height: 26px;
	line-height: 1.625rem;
	text-align: inherit;
	font-size: 1.125rem;
}

input.form-control + p.unit{
	font-size: 1rem;
	margin-top: 0;
}
/* input[type="number"], input[type="tel"]{
	font-family: 'lato', sans-serif;
	font-size: 1.25rem;
} */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button
{
	margin: 0;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: textfield;
}
.required::before{
	content: '*';
    color: #f00;
    display: inline-block;
    width: 6px;
    height: 12px;
    position: absolute;
	background: #fff;
    top: 0;
    left: 0;
    font-size: 0.875rem;
}
.required
{
	overflow: hidden;
    display: inline-block;
    width: 6px;
    height: 12px;
    vertical-align: top;
    font-size: 0;
    position: relative;
}
/* .required
{
	overflow: hidden;
	display: inline-block;
	width: 6px;
	height: 0;
	padding-top: 6px;
	background-color: #ffcc00;
	border-radius: 50%;
	vertical-align: top;
} */

dl.form-control-group
{
	position: relative;
	padding: 0;
}
.inline-helper + .form-control-group,
.form-control-group + .inline-helper
{
	margin-top: 20px;
}
.bottom-sheet .inline-helper .inline-helper-item.form-control-group .label{display: none;}
.inline-helper dl:first-child{
	min-width: 140px;
}
.form-control-group dt {
	font-size: 1rem;
}
.form-control-group .label
{
	position: relative;
	width: 100%;
	font-size: 0.875rem;
	line-height: 1.375rem;
	color: #666;
	font-weight: 500;
	-webkit-transform: none;
	transform: none;
	white-space: nowrap;
	margin-bottom: 2px;
}
.form-control-group .label.type2 + dd.ui-toggle{
	margin-top: 12px;
}
.form-control-group .label.sr-only,
.form-control-group.active .label.sr-only,
.form-control-group.valued .label.sr-only,
.form-control-group.open .label.sr-only,
.form-control-group.invalid label.sr-only,
.form-control-group.invalid .label.sr-only
{
	display: none;
}
.form-control-group.active .label,
.form-control-group.valued .label,
.form-control-group.open .label,
.form-control-group.invalid label,
.form-control-group.invalid .label
{
	-webkit-transform: none;
	transform: none;
	display: inline-block;
;
}

.form-control-group>dd
{
	min-height: 52px;
	position: relative;
	padding: 12px 0;
	opacity: 1;
	border-bottom: 2px #dcdcdc solid;
}
.form-control-group>dd.no-line
{
	border: none;
	padding: 0;
	min-height: auto;
	margin-top: 12px;
}
.form-control-group.active>dd.no-line:focus-within::after 
{
	content: none;
}

.form-control-group>dd.func
{
	min-height: 50px;
	opacity: 1;
}
.form-control-group.active>dd.textarea:focus-within::after
{
	content: none;
}
.form-control-group .btn-sm-func2{
	color: #141414;
	background-color: #ebebeb;
}
.form-control-group>dd.textarea
{
	border-bottom: none !important;
	padding: 0;
}

.form-control-group.active>dd,
.form-control-group.valued>dd,
.form-control-group.open>dd,
.form-control-group.invalid>dd
{
	opacity: 1;
}
.form-control-group.active>dd: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;}
}
.inline-helper.disabled dd,
.form-control-group.disabled dd
{
	background-color: #f0f0f0;
}
.inline-helper.disabled [class^="btn-sm-"]
.form-control-group.disabled [class^="btn-sm-"]
{
	background-color: #b8b8b8;
	color: #fff;
}
.form-control-group.active>dd:focus-within [class^="btn-sm-"]
{
	background-color: #ffd338;
	color: #141414;
}

.form-control-group.disabled {
	pointer-events: none;
}

.form-control-group.disabled .form-control
{
	color: #b8b8b8;
}
.form-control-group.disabled dd.msg-area.noti-text
{
	background:transparent
}
.form-control-group [class^="btn-sm-"]
{
	position: absolute;
	min-width: 58px;
	width: max-content;
	bottom: 50%;
	right: 0;
	-webkit-transform: translateY(50%);
	transform: translateY(50%);
}

.form-control-group.valued .btn-sm-func2,
.form-control-group .btn-sm-func2.type01{
	background: #FFD338;
	color:#141414;
	border:none;
}

.form-control-group [class^="btn-sm-"] + *
{
	width: -webkit-calc(100% - 65px);
	width: calc(100% - 65px);
}

.form-control-group [class^="btn-sm-"].phone + *
{
	width: -webkit-calc(100% - 100px);
	width: calc(100% - 100px);
}
.form-control-group [class^="btn-sm-"].phone + .spacing {
	width: calc(100% - 140px);
}
.form-control-group [class^="btn-sm-"].phone + .spacing .btn-clear {
	display: none !important;
}
.form-control-group [class^="btn-sm-"].phone + .spacing input.form-control {
	width: 100%;
}
.form-control-group .func .form-control .placeholder,
.form-control-group [class^="btn-sm-"] + .form-control .placeholder
{
	color: #dcdcdc;
}
.form-control-group .func .form-control .placeholder.value,
.form-control-group [class^="btn-sm-"] + .form-control .placeholder.value
{
	color: #141414;
}

.form-control-group .func .form-control .value .placeholder{
	display: none;
}

.form-control-group .table
{
	display: flex; align-items: center;
}

.form-control-group .table> .align-right:first-child,
.form-control-group .table > .input-wrap
{
	flex: 1;
}
.form-control-group .table> .align-right:first-child > input {width: 100%;}
.form-control-group .table .input-wrap input {width: 100%;}
.form-control-group .table > .input-wrap[style] {flex: none;}

.form-control-group .table .gap
{
	padding: 0 4px;
	white-space: nowrap;
}
.form-control-group .table .gap:last-child {padding-right: 0;}

.form-control-group .btn-link
{
	margin-top: 23px;
}

.form-control-group textarea.form-control
{
	width: 100%;
	-webkit-transition: height .3s;
	transition: height .3s;
	-webkit-transition-delay: .1s;
	transition-delay: .1s;
	border-radius: 8px;
	box-shadow: inset 0 0 0 1px #dcdcdc;
	min-height: 90px;
	padding: 16px;
	font-size: 1rem;
}
.form-control-group textarea.form-control[readonly] {
	box-shadow: inset 0 0 0 1px #dcdcdc !important;
}

.form-control-group textarea.form-control + .text{
	position: absolute;
    right: 16px;
    bottom: 12px;
}
.form-control-group textarea.form-control + .text span
{
	color: #999;
}
.form-control-group textarea.form-control + .text small
{
	color: #141414;
}
.form-control-group.active textarea.form-control,
.form-control-group.valued.active textarea.form-control
{
	box-shadow: inset 0 0 0 2px #ffbc00;
	border: none;
}
.invalid .form-check-group .form-check>label,
.form-control-group.invalid textarea.form-control
{
	box-shadow: inset 0 0 0 1px #ff0000 !important;
}
/* .form-control-group.valued textarea.form-control
{
	box-shadow: inset 0 0 0 2px #141414;
} */

.form .msg,
.form-control-group p:not(.form-control),
.inline-helper p:not(.form-control)
{
	margin-top: 8px;
	color: #999;
	line-height: 1.7;
	text-align: left;
	font-size: 0.8125rem;
}

.form-control-group p:not(.form-control) ~ p
{
	margin-top: 0;
}

.form-control-group .form-check-list,
.form-control-group .form-check-list>*
{
	padding: 0;
}
.form-control-group.memo-type textarea.form-control {
	height: auto;
	resize: none;
}

/*
	simple-type(label이 없고 얇은 스타일) 추가
*/
/*
.form-control-group.simple-type {
	min-height: 44px;
	height: 44px;
}
.form-control-group.simple-type dd {
	opacity: 1;
	min-height: 44px;
	height: 44px;
	padding: 0;
}
.form-control-group.simple-type .input-wrap .btn-clear {
	top: 9px;
}
.form-control-group.simple-type.active {
	min-height: 44px;
	height: 44px;
}
.form-control-group.simple-type.active .label {
	display: none;
}
.form-control-group.simple-type.active dd {
	padding-top: 0;
	padding-bottom: 0;
	height: 44px;
}
.form-control-group.simple-type.active dd .input-wrap {
	height: 100%;
}
.form-control-group.simple-type.active dd .input-wrap input {
	height: 100%;
}
.form-control-group.simple-type.valued {
	min-height: 44px;
	height: 44px;
}
.form-control-group.simple-type.valued .label {
	display: none;
}
.form-control-group.simple-type.valued dd {
	padding-top: 0;
	padding-bottom: 0;
	height: 44px;
}
.form-control-group.simple-type.valued dd .input-wrap {
	height: 100%;
}
.form-control-group.simple-type.valued dd .input-wrap input {
	height: 100%;
}
*/

dl.form-control-group2 {
	position: relative;
	height: 40px;
	padding: 0px 0px;
	border: 1px solid #eee;
	border-radius: 8px;
	display:table-cell;
	width:48%;
	line-height:40px;
}

dl.form-control-group2 .form-control{
	margin-top:0px;
}

dl.form-control-group2 .golbangee {
	width:30px; text-align:center; height: 40px; padding:16px 0 0 0
}

dl.form-control-group2 .email_input {
	display:table-cell; width:48%; padding-left:4px; padding-right:4px; height:30px; vertical-align:50px; background-color:red;
}

dl.form-control-group2 .vtab {
	width:14px; text-align:center; padding-left:5px; background-image:url('../images_kiwi/icon/ico_arr_b.svg') no-repeat right 50%;
}
/* 2026 수정 */
.email-input-type2 {display: flex; align-items: center; margin: 10px 0;}
.email-input-type2:first-child {margin-top: 0;}
.email-input-type2 .form-control-group2 {position: relative; flex: 1; margin-top: 0;}
.email-input-type2 .golbangee {margin: 0 6px;}
.email-input-type2 input {width: 100%; height: 50px; padding: 5px 5px 5px 20px; font-size: 1rem; text-align: left;}
.email-input-type2 .email_input .vtab {position: absolute; top: 0; right: 0; width: 40px; height: 100%; text-indent: -999em; background: url('../images_kiwi/icon/ico_arr_b.svg') no-repeat center center;}
.email-input-type2 .form-control-group2.email_input > * {display: block;}
.email-input-type2 .form-control-group2.email_input input {padding-right: 30px;}



/* .valid .form-control {
	color: #06f;
} */

.valid .msg-area {
	display: none;
}

.form .invalid .msg,
.form .invalid .form-control,
.form-control-group.invalid .msg,
.form-control-group.invalid .form-control,
.form-control-group .invalid .form-control.datepicker
{
	color: #ff0000;
}
.form-control-group>dd.msg-area{
	border: 0 ;
	padding: 0;
	min-height: 1px;
	
}
.inline-helper.invalid .msg-area .msg,
.form-control-group.invalid>dd.msg-area .msg{
	min-height: 22px;
	color: #ff0000;
}
.form-box.invalid .msg-area{border: none; padding: 0;}
.invalid + .msg-area,
.invalid .msg-area,
.form-control-group.invalid>dd.msg-area{
	background-color: transparent;
	display: inline-block;
	
}
.msg-area{
	display: none;
	margin-top: 0 !important;
}
.msg-area,
.msg-area .msg{
	width: 100%;
}
.invalid + .msg-area,
.invalid + .msg-area .msg,
.form-control-group.invalid>dd.msg-area
{
	color: #ff0000;
	/* display: block; */
}

.form-control-group.invalid dd.msg-area,
.invalid .msg-area,
.form-control-group.invalid dd,
.invalid .form-control-group dd
{
	border-color: #ff0000 !important;
	/* display: block; */
}
.form-control-group .time-atc
{
	position: absolute;
	right: 86px;
	bottom: 50%;
    transform: translateY(10px);
}

.date-terms.disabled
{
	background: #f6f6f6;
	color: #bbb;
	border-color: #f6f6f6;
	opacity: .7;
}

.input-wrap
{
	position: relative;
	/* padding-right: 10px; */
}

.input-wrap .btn-clear
{
	display: none;
	position: absolute;
	top: 50%;
	right: 0;
	width: 20px;
	height: 20px;
	background: url('../images_kiwi/icon/btn_clear.svg') no-repeat 50% 50%;
	background-size: contain;
	border: 0;
	transform: translateY(-10px);
}

.input-wrap .form-control:read-only + .btn-clear , .input-wrap .form-control:disabled + .btn-clear
{
	display: none !important;
}

.inline-helper.disabled .input-wrap .password-dot .on{
	background-color: #b8b8b8;
}
.inline-helper.disabled .input-wrap .password-dot>div {
	background: #f0f0f0;
	color: #b8b8b8;
}
.input-wrap .password-dot>div 
{
	display: flex;
    align-items: center;
    gap: 4px;
    font-family: 'lato', sans-serif;
    font-size: 1.125rem;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #fff;
    height: 26px;
}
.input-wrap .password-dot>* span
{
	width: 14px;
	display: inline-block;
}
.input-wrap .password-dot .on
{
	width: 14px;
	height: 14px;
	border-radius: 100%;
	background-color: #141414;
}
.invalid .input-wrap .password-dot{
	color: #ff0000;
}

.valued.active:not(.multi-type) .btn-clear
{
	display: block;
}

.valued.active.multi-type .valued .btn-clear
{
	display: block;
}

.input-wrap.unit
{
	padding-right: 0px;
	font-size: 1rem;
    display: flex;
    align-items: center;
}
.input-wrap.unit .form-control.valued
{width: calc(100% - 53px);}

.input-wrap.unit .btn-clear{right: 17px}

.form-check
{
	position: relative;
}

.form-check.border {
	margin-bottom: 8px;
}

.form-check.border label {
	display: flex;
	align-items: center;
	gap: 8px;
	width: 100%;
	padding: 16px 20px;
	border-radius: 8px;
	border: 1px solid #dcdcdc;
}

.form-check.border>input[type="radio"] + label::before {
	position: static;
	transform: translateY(0);
}

.form-check.border>input[type="radio"]:checked + label {
	border: 2px solid #ffbc00;
	padding: 15px 19px;
}

.form-check.border>input[type="radio"]:checked + label:before {
	position: static;
	transform: translateY(0);
}

.form-check.pull-left
{
	margin-left: -30px;
}
.agreement-of-terms .form-check-list .form-check>label,
.agreement-of-terms .form-check-list .form-check>.check-all+label,
.agreement-of-terms span.form-check
{
	display: block;
	/* word-break: break-all; */
	word-break: keep-all;
	word-wrap: break-word;
}
.agreement-of-terms .form-check-list .form-check:not(:has(+button))>label,
.agreement-of-terms .agree-all .form-check:not(:has(+button))>label
{
	padding-right: 0;
}
/* .agreement-of-terms 
span.form-check
{
	display: inline-block;
} */
#contents > section:not(.pd-h) > .agreement-of-terms {
	margin: 0 21px;
}
div.pd-h section .agreement-of-terms {
	margin: 0;
}

.form-check>input
{
	position: absolute;
	pointer-events: none;
}

.form-check>label
{
	position: relative;
	display: inline-block;
	padding-left: 28px;
	padding-right: 32px;
	line-height: 22px;
	/* width: calc(100% - 20px); */
}

.form-check>label:before
{
	content: '';
	display: block;
	width: 20px;
	height: 20px;
}

.form-check>label.ir
{
	position: static;
	width: 20px;
	height: 20px;
	padding: 0;
	overflow: hidden;
}

.form-check>input[type="radio"] + label:before
{
	position: absolute;
	top: 50%;
    left: 0;
    transform: translateY(-10px);
	border: 1px solid #dcdcdc;
	border-radius: 50%;
}
.form-check.line>input[type="radio"] + label:before
{
    left: 16px;
}
.form-check-group .form-check input[type="radio"]:disabled + label
{
	background: #f0f0f0;
	color: #b8b8b8;
	border: none;
	-webkit-tap-highlight-color: transparent;
	box-shadow: none;
}

/* .form-check>input[type="radio"] + label:after
{
	content: '';
	position: absolute;
	top: 12px;
	left: 12px;
	width: 0;
	height: 0;
	background: #ffcc00;
	border-radius: 50%;
	-webkit-transition: all .3s;
	transition: all .3s;
} */

.form-check.line>input[type="radio"] + label{
	border: 1px #dcdcdc solid;
	padding: 16px 16px 16px 50px;
	display: block;
	width: 100%;
	border-radius: 8px;
 }
.form-check.line>input[type="radio"]:checked + label{
	border: none;
	box-shadow: inset 0 0 0 2px #ffcc00;
 }
.form-check>input[type="radio"]:checked + label:before
{
	border-color: #ffcc00;
	background: url('../images_kiwi/icon/ico_radio_on.svg') no-repeat;
	background-size: contain;
	top: 50%;
    left: 0px;
    transform: translateY(-10px);
}
.form-check.line>input[type="radio"]:checked + label:before
{
    left: 16px;
}
.form-check.line + .form-check.line{
	margin-top: 8px;
}
.form-check>input[type="radio"]:checked + label:after
{
	top: 4px;
	left: 4px;
	width: 14px;
	height: 14px;
}

.form-check-radio>input[type="radio"] + label:before
{
	content: '';
	display: block;
	width: 24px;
	height: 24px;
	position:absolute;
	top:0;
	left:0;
	background : url("../images_kiwi/icon-old/radio_off.png") no-repeat;
	background-size: contain;

}
.form-check-radio>input[type="radio"]:checked + label:before
{
	content: '';
	display: block;
	width: 24px;
	height: 24px;
	position:absolute;
	top:0;
	left:0;
	background : url("../images_kiwi/icon-old/radio_on.png") no-repeat;
	background-size: contain;

}
.form-check-radio>label 
{
	position: relative;
	display: inline-block;
	padding-left: 33px;
	line-height: 24px;
}


.form-check>input[type="checkbox"] + label:before
{
	position: absolute;
    left: 0;
    margin-right: 8px;
    margin-top: 2px;
	background: url('../images_kiwi/icon/check_off.svg') no-repeat;
	/* -webkit-transform: translateY(-50%);
	transform: translateY(-50%); */
}

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

.form-check>input:focus-visible + label::before
{
	outline: 2px solid #000;
	outline-offset: -1px;
}
.agreement-of-terms.all.active
{
	outline: 2px solid #ffbc00;
	outline-offset: -1px;
}
.agreement-of-terms .form-check > label {
	max-width: 100%;
}

.agreement-of-terms .form-check.cir>label
{
	/* width: calc(100% - 20px); */
	/*padding-left: 28px;
	 white-space: nowrap;
    text-overflow: ellipsis;
    width: 90%;
    padding-right: 8px !important;
    overflow: hidden; */
}

.form-check.cir>label.btb {
	padding-top:16px;
	padding-bottom:16px;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	margin-top:16px;
}
.form-check.cir>label.btb:last-of-type {
	border-bottom:none;
}

.total-payment {
	border-top:1px solid #eee;
}
.total-payment span {
	font-size:1.125rem;
	float:left;
}

.form-check.cir>input[type="checkbox"] + label:before
{
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: url('../images_kiwi/icon/check_off.svg') no-repeat 50% 50%;
}

.form-check.cir>input[type="checkbox"]:checked + label:before
{
	background: url('../images_kiwi/icon/check_on.svg') no-repeat 50% 50%;
}

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

/* .form-check.view-policy>label
{
	padding-right: 24px;
} */

.agreement-of-terms
{
	
    border: 1px #dcdcdc solid;
    border-radius: 8px;
	padding: 16px;
}
.tab-contents > .agreement-of-terms
{
	margin-top: 10px;
}
.form-check-box .form-check .btn-view-policy
{
	top: 50%;
    transform: translateY(-50%);
}
.agreement-of-terms .form-check-list,
.agreement-of-terms .form-check-list>*
{padding: 0; }
.agreement-of-terms .form-check-list li
{
/* display: flex;
    align-items: center; */
	padding-right: 0;
}
.agreement-of-terms .form-check-list.box_bplus li:first-child  .btn-view-policy{
	top:0px
}
/* .agreement-of-terms .form-check-list li:first-child
{
	margin-bottom: 16px;
} */
.agreement-of-terms .form-check-list.col2{
	display: flex;
    flex-wrap: wrap;
    gap: 16px 0;

}
.agreement-of-terms .form-check-list.col2 li + li{
	border: none; margin: 0; padding: 0;
}
.agreement-of-terms .form-check-list.col2 li:first-child{margin: 0;}
.form-check-list + .form-check-list.col2,
.agreement-of-terms .form-check-list li + li
{
	border-top: 1px solid #ebebeb ;
	margin-top: 16px;
	padding-top: 16px;
}
.agreement-of-terms .form-check-list li[style*="display: none"] + li
{
	margin-top: -16px;
	border-top: 0;
}
.agreement-of-terms li + li .btn-view-policy{
	top: 16px;
}
.form-check-box + .form-check-box::before
{
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #ebebeb ;
	position: relative;
	margin: 16px 0;
}
.form-check-box .form-check  + .form-check .btn-view-policy
{ margin-top: 7px;}
/* button type check/radio */
/* div.form-check-group
{
	display: table;
	width: 100%;
	height: 100%;
	table-layout: fixed;
}

div.form-check-group.tbl-auto
{
	table-layout: auto;
}

div.form-check-group .form-check
{
	overflow: hidden;
	position: relative;
	display: table-cell;
	height: 100%;
	vertical-align: middle;
} */
div.form-check-group {
	display: flex;
	width: 100%;
	gap: 8px;
}
ul.form-check-group span.gap,
div.form-check-group span.gap {
	display: none;
	width: 0 !important;
}
div.form-check-group .form-check {
	display: flex;
	position: relative;
	flex: 1;

}
div.form-check-group.col2 {
	flex-wrap: wrap;
}
div.form-check-group.col2 .form-check {
	width: calc((100% - 8px) / 2);
	flex: none;
}

/* input 라디오버튼 터치 영역 수정 */
.form-check-type01 .agreement-of-terms .form-check > label {
	width: 100%; 
	margin: -16px 0;
	padding-top: 16px;
	padding-bottom: 16px;
}

ul.form-check-group>li~li
{
	margin-top: 8px;
}

.form-check-group .form-check>label
{
	position: relative;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	padding: 16px;
	text-align: center;
	font-size: 1rem;
	line-height: 1.5rem;
	background: #fff;
	box-shadow: inset 0 0 0 1px #dcdcdc;
	border-radius: 8px;
	color: #141414;
	height: 100%;
	align-items: center;
    justify-content: center;
}

.form-check-group .form-check>input:checked +label
{
	color: #141414;
	background-color: #fff;
	box-shadow: inset 0 0 0 2px #ffbc00;
	border: none;
}
.form-check-group .form-check.type2>input +label{
	display: flex;
    align-items: flex-start;
	text-align: left;
	height: 100%;
	justify-content: flex-start;
	padding-left: 44px;
}
.form-check-group.divne2 .form-check.type2 >input +label{
	display: flex;
	align-items: center;
	padding-left: 48px;
	gap: 8px;
}
.form-check-group .form-check.type2>input +label::before
{
	content: '';
	display: block;
	position: relative;
	width: 20px;
	height: 20px;
	background: #fff;
	border: 1px #dcdcdc solid;
	border-radius: 999px;
    transform: none;

}
.form-check-group .form-check.type2>input:checked +label::before
{
	
	background: url('../images_kiwi/icon/ico_radio_on.svg');
	border: none;

}
.form-check-group .form-check.type2>input[type="checkbox"] +label::before
{
	content: '';
	display: block;
	position: absolute;
    left: 16px;
    top: 15px;
	width: 20px;
	height: 20px;
	background: #eee url(../images_kiwi/icon/check_off.svg) no-repeat 50% 50%;
	border-radius: 999px;
	/* margin-left: 20px; */
    transform: none;

}
.form-check-group.divne2 .form-check.type2 >input +label::before{
	position: absolute;
	top: 50%;
	left: 20px;
	transform: translateY(-50%);
}

.form-check-group .form-check.type2>input[type="checkbox"]:checked +label::before
{
	
	background: #eee url(../images_kiwi/icon/check_on.svg) no-repeat 50% 50%;

}
/* .form-check-group.invalid .form-check>input +label,
.invalid .form-check>input +label
{
	box-shadow: inset 0 0 0 1px #ff0000;
} */

.agreement-of-terms.all.invalid, .agreement-of-terms.invalid
{
	box-shadow: inset 0 0 0 1px #ff0000;
}

.form-check-group .form-check>label:before,
.form-check-group .form-check>label:after
{
	display: none;
}

.form-check-group.line2 .form-check > label
{
	height: 60px;
	line-height: 1.3;
	display: table;
	width: 100%;
}

.form-check-group.line2 .form-check > label > i
{
	display: table-cell;
	vertical-align: middle;
}

.form-check-group .gap
{
	display: none;
}

.form-check-group + .form-check-group
{
	margin-top: 4px;
}
ul.form-check-group[class*="col"]
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 8px;
}

ul.form-check-group[class*="col"]>li
{
	margin: 0;
}
ul.form-check-group.col2>.gap {
	display: none;
}
ul.form-check-group.col2>li
{
	width: -webkit-calc((100% - 8px) /2);
	width: calc((100% - 8px) /2);
	
}
ul.form-check-group.col2:has(li:only-child) li
{
	width: 100%;
	flex: 1;
	
}

ul.form-check-group.col3 {
	justify-content: flex-start;
}
ul.form-check-group.col3>li
{
	/* width: -webkit-calc((100% - 12px) /3);
	width: calc((100% - 12px) /3); */
	width: -webkit-calc((100% - 16px) /3);
	width: calc((100% - 16px) /3);
}
ul.form-check-group.ui-cert-type .form-check>label {padding-left:0; padding-right:0;}
ul.form-check-group.col3>li span {
	font-size: 0.875rem !important;
    line-height: 1.5;
}

ul.form-check-group.col4>li
{
	width: -webkit-calc((100% - 16px) /4);
	width: calc((100% - 16px) /4);
}

ul.form-check-group.col4>li.colspan2
{
	width: -webkit-calc((100% - 8px) /2);
	width: calc((100% - 8px) /2);
}

ul.form-check-group.col6>li
{
	width: -webkit-calc((100% - 24px) /6);
	width: calc((100% - 24px) /6);
}
ul.form-check-group.col6>li.colspan2
{
	width: -webkit-calc((100% - 12px) /3);
	width: calc((100% - 12px) /3);
}
ul.form-check-group.col6>li.colspan3
{
	width: -webkit-calc((100% - 8px) /2);
	width: calc((100% - 8px) /2);
}

.form-check-group.col-row .form-check {
	flex: 1;
}
.layer-contents .form-check-group.w100p .form-check>label{
	width: 100%;
}
.layer-contents .form-check-group .form-check>label{
	padding: 10px 0;
	font-size: 0.875rem;
}
h3:not(.title-dl) + .form {
	margin-top: 12px;
}
.form.inquiry-option dl.form-control-group dt.title-d3 {
	position: relative;
    width: 100%;
    font-size: 0.875rem;
    line-height: 1.375rem;
    color: #666;
    font-weight: 500;
    transform: none;
    white-space: nowrap;
    margin-bottom: 2px;
}
.form.inquiry-option dl.form-control-group > dd {
	margin-top: 12px;
	border-bottom: 0;
}
.form.inquiry-option dl.form-control-group .date-terms {
	border: 0;
}
.form.inquiry-option dl.form-control-group .date-terms .form-control {
	text-align: left;
}
.form.inquiry-option dl.form-control-group .date-terms span:not(.gap) {
	position: relative;
}
.form.inquiry-option dl.form-control-group .date-terms span:not(.gap)::after {
	display: inline-block;
	content: '';
	position: absolute;
	left: 0;
	bottom: -14px;
	width: 100%;
	height: 2px;
	background: #dcdcdc;
}

.form-check-list,
.form-check-list>*
{
	padding-top: 8px;
	padding-bottom: 8px;
}

.form-check-list.pd0,
.form-check-list.pd0>*
{
	padding-top: 0;
	padding-bottom: 0;
}

.form-check-list[class*="col"]:after
{
	content: '';
	display: block;
	clear: both;
}

.form-check-list[class*="col"]>*
{
	float: left;
}

.form-check-list.col2>*
{
	width: 50%;
}

.form-check-list.col3>*
{
	width: 33.3%;
}

.agree-service .form-check-list.col3 .form-check>label{padding-right: 10px;}
.form-check-list.col4>*
{
	width: 25%;
}

.form-check-list.flex
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.form-check-radius
{
	border: 1px solid #eee;
	border-radius: 8px;
}

.form-check-radius .form-check-list
{
	padding: 0;
}

.form-check-radius .form-check-list>*
{
	padding: 16px 24px;
}

.form-check-radius .form-check-list li + li
{
	border-top: 1px solid #eee;
}

.form-check-radius .form-check-list .form-check>label
{
	font-size: 0.875rem;
}
/* input line box */
.form-control-group.line-box{border: 1px #dcdcdc solid;
    border-radius: 12px;
    padding: 20px;
    margin-top: 12px;}
.form-control-group.line-box .label{
	font-size: 0.75rem;
    line-height: 1.25rem;
    margin-bottom: 4px;
    font-weight: 300;
}
.form-control-group.line-box dd{
	border-bottom: none !important;
	padding: 0;
	min-height: 26px;
}
.form-control-group.line-box .form-control.select:after {
    content: '';
    position: absolute;
    right: 0;
    width: 16px;
    height: 16px;
    background: #999;
    background-size: contain;
    display: block;
    top: -15px;
    mask-image: url(../images_kiwi/icon/ico_arr_b.svg);
    mask-size: 16px auto;
}
/* toggle check */
.form-toggle
{
	overflow: hidden;
	position: relative;
	display: inline-block;
	width: 42px;
	height: 25px;
}

.form-toggle>input
{
	position: absolute;
	z-index: -1;
}

.form-toggle>label
{
	overflow: hidden;
	position: relative;
	display: inline-block;
	width: 42px;
	height: 24px;
	background: #eee;
	border-radius: 15px;
}

.form-toggle>label:before
{
	content: '';
	position: absolute;
	top: 2px;
	left: 2px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 1px 1px 2px  rgba(0,0,0,0.08);
	-webkit-transition: all .3s;
	transition: all .3s;
}

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

.form-toggle>input:checked + label:before
{
	left: 20px;
}

.agreement-of-terms.pull-left {
	margin-left: -30px;
}

.toggle-check-type .form-check-list
{
}

.agreement-of-terms.toggle-check-type .agree-first
{
	padding-bottom: 24px;
	border-bottom: 0;
}

.agreement-of-terms.toggle-check-type .form-check-list
{
	padding: 16px 24px;
	background-color: #f8f8f8;
	border-radius: 8px;
}

.toggle-check-type .form-check-list:not([class*="col"]) .all-toggle,.toggle-check-type .form-check-list .all-toggle
{
	display: table;
	width: 100%;
	margin-bottom: 10px;
	padding: 0 0 14px 0;
	border-bottom: 1px solid #eee;
	table-layout: fixed;
}
.toggle-check-type .form-check-list:not([class*="col"]) .all-toggle,.toggle-check-type .form-check-list .all-toggle.space
{
	border-bottom:0;
	padding:0;
	margin-bottom:0;
}
.toggle-check-type .form-check-list .all-toggle > *
{
	display: table-cell;
	vertical-align: middle;
}

.toggle-check-type .form-check-list .form-check>input[type="checkbox"] + label:before
{
	background: url('../images_kiwi/icon-old/ico_gray_check.svg') no-repeat 50% 50%;
}

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

.form.hidden
{
	display: none;
}

.form:not(.hidden) + .form
{
	margin-top: 20px;
}

.form dl + div,
.form dl ~ dl,
.form .form-notice + dl,
.form + [class^="title-"]
{
	margin-top: 20px;
	position: relative;
}
.form.mt10 {
	margin-top: 12px !important;
}
.form.mt40 {
	margin-top: 20px !important;
}
/* .form.mt40 [class^="title-"] {
	margin-top: 0 !important;
} */
[class^="title-"]:not(sr-only) + .form-control-group {
	margin-top: 12px;
}
[class^="title-"] + [class^="text"],
[class^="title-"] + [class^="text-"] {
	margin-top: 12px;
}
.form .form-control-group:first-of-type,
.form .form-control-group.first-type
{
}

.form-control-group + .form-control-group
{
	margin-top: 20px;
	border-top-width: 0;
	border-radius: 0;
}
.form-control-group + .form-control-group--wrap,
.form-control-group--wrap + .form-control-group {
	margin-top: 20px;
}
.form .form-control-group + div.ui-tooltip {
	display: block;
}

.form .form-control-group:last-of-type,
.form .form-control-group.last-type
{
}

.form .form-control-group:only-of-type,
.form .form-control-group.only-type
{
	border-radius: 8px;
	border-top-width: 1px;
}

.form dl:not(.form-control-group) .label
{
	margin-bottom: 12px;
	line-height: 1.25;
	font-size: 1rem;
}

.form .panel + .form-control-group
{
	margin-top: 12px;
}

.form + .form-notice,
.form dl + .form-notice
{
	margin-top: 12px;
}

.form .form-btn
{
	overflow: hidden;
	position: relative;
	z-index: 1;
	margin-top: 0px;
	padding-top: 6px;
	border-radius: 0 0 8px 8px;
	background: #fff;
}

.form .form-btn:before,
.form .form-btn:after
{
	content: '';
	position: absolute;
	top: 0;
	width: 1px;
	height: 6px;
	background: #eee;
}

.form .form-btn:after
{
	right: 0;
}

.form .form-btn>*
{
	width: 100%;
	border-radius: 0;
}

.form dd.period
{
	padding: 25px;
	border: 1px solid #eee;
	border-radius: 8px;
}

.form .label .ico-question
{
	vertical-align: top;
}

.form--group + .form--group {
	margin-top: 20px;
}


/* compact form type */
.compact .form-control-group
{
	display: table;
	width: 100%;
	min-height: 55px;
	padding-right: 10px;
}

.compact .form-control-group>*
{
	position: static;
	display: table-cell;
	vertical-align: middle;
	opacity: 1;
	-webkit-transform: none;
	transform: none;
	-webkit-transition: none;
	transition: none;
}

.compact .form-control-group .label
{
	padding-right: 10px;
	font-size: 0.875rem;
	color: #666;
	white-space: nowrap;
}

.compact .form-control-group>dd
{
	padding: 0 !important;
	text-align: right;
}

.compact .form-control-group>dd .form-control
{
	text-align: right;
	font-size: 1rem;
}

.compact .input-wrap
{
	padding-right: 14px;
}

.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;
}

.compact .form-control-group .btn-sm-func2
{
	bottom: 50%;
	right: 16px;
	padding: 0 12px;
	-webkit-transform: translateY(50%);
	transform: translateY(50%);
}

.compact .form-control-group .btn-sm-func2 + .form-control
{
	width: -webkit-calc(100% - 80px);
	width: calc(100% - 80px);
}

.compact .form-control .value
{
	white-space: nowrap;
}

/* bullet list */
ul[class^="list"],
p[class^="bullet-"]
{
	color: #666;
}

p[class^="bullet-"],
ul[class^="list"]>li
{
	position: relative;
	font-size: 0.875rem;
	line-height: 1.375rem;
	font-weight: 300;
}

ul[class^="list"]>li + li
{
	margin-top: 8px;
}

ul[class^="list"] ul[class^="list"]
{
	margin-top: 12px;
}

ul[class^="list"] ul[class^="list"]>li
{
	line-height: 1.125rem;
}

ul[class^="list"] ul[class^="list"]>li + li
{
	margin-top: 8px;
}

ul[class^="list"] .color-warning:before
{
	border-color: #ff9100;
}

ul[class^="list"] .color-emphasis:before
{
	border-color: #58a700;
}

ul[class^="list"] .color-emphasis-red:before
{
	border-color: #FF0000;
}
.indent15{text-indent: -15px;}
.list-bullet-none li{list-style: none;}
li>.list-bullet-none{margin: 8px 0 0 16px;}
ol>li + li{margin-top: 8px;}
.bullet-cir,
.list-bullet-cir>li
{
	padding-left: 12px;
}
.list-bullet-cir>li.text-16 {
	font-size: 0.875rem !important;
	font-weight: 500;
	line-height: 1.375rem;
}
.data-table + .list-bullet-cir.mt10 {
	margin-top: 12px !important;
}
[class^="title-"] + .list,
[class^="title-"] + .list-bullet-cir {
	margin-top: 12px;
}

.bullet-cir:before,
.list-bullet-cir>li:before
{
	content: '';
    position: absolute;
    top: 7px;
    left: 0;
    width: 4px;
    height: 4px;
    background-color: #141414;
    border-radius: 50%;
}

.list-bullet-cir>li.emphasis:before 
{
	content: '';
	position: absolute;
	top: 7px;
	left: 0;
	width: 5px;
	height: 5px;
	border: 1px solid #F46600;
	border-radius: 50%;
}
.list-bullet-cir .highlighter>* {line-height: 1.375rem; white-space: inherit;}
.list-bullet-cir.col2 .btn-link span {margin:0}

.list-bullet-decimal
{
	margin: 12px 0 0;
}

.list-bullet-decimal>li
{
	position: relative;
	margin: 0 0 8px 0;
	padding-left: 28px;
	color: #141414;
	list-style-type: none;
	line-height: 21px;
}

.list-bullet-decimal>li span
{
	position: absolute;
	top: 3px;
	left: 0;
	width: 20px;
	height: 20px;
	margin: -3px 5px 0 0;
	border-radius: 50%;
	text-align: center;
	color: #fff;
	font-size: 0.625rem;
	line-height: 0.625rem;
	background-color: #918274;
	display: flex;
    align-items: center;
    justify-content: center;
	font-weight: 700;
}

/* .list-bullet-decimal.green > li span
{
	background-color: #f0f9e7;
	color: #58a700;
} */

.list-bullet-decimal.yellow>li span
{
	color: #F46600; 
	background-color: #FFEACC;
}

.list-bullet-decimal.color-gray > li
{
	color: #666;
}

.list-bullet-decimal.white>li span
{
	background: #fff;
	color: #58a700;
}

.bullet-dash,
.list-bullet-dash>li
{
	padding-left: 12px;
}

.bullet-dash:before,
.list-bullet-dash>li:before
{
	content: '';
	position: absolute;
	top: 7px;
	left: 0;
	background: #666;
	width: 6px;
	height: 2px;
	display: block;
	/* transform: translateY(-100%); */
}

.bullet-dash.text-secondary3:before,
.list-bullet-dash>li.text-secondary3:before {
	background: #F46600;
}

.bullet-dot,
.list-bullet-dot>li,
.list-bullet-dot-green>li
{
	position: relative;
	padding-left: 10px;
}

.bullet-dot:before,
.list-bullet-dot>li:before
{
	content: '';
	position: absolute;
	top: 7px;
	left: 0;
	width: 4px;
	height: 4px;
	background-color: #141414;
	border-radius: 50%;
}

.list-bullet-dot li.highlight:before{
	background-color: #f00000;
}
.list-bullet-dot li.emphasis:before,
.bullet-dot.text-secondary3:before,
.list-bullet-dot>li.text-secondary3:before {
	background-color: #F46600;
}

.list-bullet-dot-green>li:before
{
	content: '';
	position: absolute;
	top: 7px;
	left: 0;
	width: 4px;
	height: 4px;
	background-color: green;
	border-radius: 50%;
}

ul[class^="list"] .btn-link
{
	font-size: inherit;
}

.list-bullet-ol>li
{
	font-size: 0.875rem;
	line-height: 1.25rem;
}

.list-bullet-ol>li + li
{
	margin-top: 8px;
}

.list-bullet-cir>li.none:before
{
	content: none;
}


/* DATA TABLE */
.data-table
{
	width: 100%;
	border-top: 1px solid #141414;
	font-size: 0.875rem;
	line-height: 1.25rem;
	margin-top: 1px;
	table-layout: fixed;
}
.data-table th {
	background: #f7f7f7;
	font-weight: 500;
}
.data-table th,
.data-table td
{
	padding: 12px;
	border-bottom: 1px solid #ebebeb;
	text-align: center;
}

.data-table tbody th
{
	font-weight: 500;
	background: #f7f7f7;
}

.data-table td
{
	/* color: #666; */
	background: #fff;
	font-weight: 300;
}

.data-table .form-check.check-only>input[type="checkbox"] + label:before {
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background: url(../images_kiwi/icon/check_line.svg) no-repeat;
}

.data-table .form-check.check-only>input:checked + label::before {
    background: url(../images_kiwi/icon/check_line_on.svg) no-repeat;
}

.data-table.type2 td .break {
	word-break: break-all;
}
.data-table.type3 td {
	text-align: left;
}
.data-table.type3 td ul li{
	color: #141414;
}

/* data-table 가로 스크롤 추가 */
.tbl-scroll-wrap {
	position: relative;
	overflow-x: scroll;
	width: 100%;
}
.tbl-scroll-wrap .data-table {
	table-layout: auto;
	overflow-wrap: normal;
}
.tbl-scroll-wrap .data-table th {
	white-space: nowrap;
}
.tbl-scroll-wrap .data-table .current>* {
	letter-spacing: -0.025em;
}
.tbl-scroll-wrap .data-table.type2 td .break {
	word-break: normal;
}
.tbl-scroll-ico {
	position: absolute;
	top: 80px;
	left: 50%;
	width: 96px;
	height: 54px;
	background: url('../images_kiwi/icon/ico_tbl_arrow.png') no-repeat center;
	background-size: 100%;
	transform: translateX(-48px);
	opacity: 0;
	transition: opacity 1.5s;
}
.tbl-scroll-ico.visible {
	opacity: 1;
}

/* //data-table 가로 스크롤 추가 */

/* 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)
{
	/* reset */
	html
	{
		font-size: 14px;
	}
	/* padding/margin */
	.pd-all
	{
		padding: 16px !important;
	}

	.pd-h
	{
		padding-left: 16px !important;
		padding-right: 16px !important;
	}

	/* form */
	dl.form-control-group
	{
		padding: 0;
	}

	.form-control-group .btn-sm-func2 + *
	{
		width: -webkit-calc(100% - 70px);
		width: calc(100% - 70px);
	}
	.input-wrap .password .on {
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background-color: #141414;
}
}

/* 은행 로고 */
[class*="logo-"]
{
	background: url('../images_kiwi/bank/img_bank_999.png') no-repeat 50% 50% !important;
	background-size: cover !important;
}

.logo-default
{
	background-image: url('../images_kiwi/bank/img_bank_default.png') !important;
}

.logo-002
{
	background-image: url('../images_kiwi/bank/img_bank_002.png') !important;
}

.logo-003
{
	background-image: url('../images_kiwi/bank/img_bank_003.png') !important;
}

.logo-004
{
	background-image: url('../images_kiwi/bank/img_bank_004.png') !important;
}

.logo-007
{
	background-image: url('../images_kiwi/bank/img_bank_007.png') !important;
}

.logo-030
{
	background-image: url('../images_kiwi/bank/img_bank_030.png') !important;
}

.logo-008
{
	background-image: url('../images_kiwi/bank/img_bank_008.png') !important;
}

.logo-011
{
	background-image: url('../images_kiwi/bank/img_bank_011.png') !important;
}

.logo-012
{
	background-image: url('../images_kiwi/bank/img_bank_012.png') !important;
}

.logo-020
{
	background-image: url('../images_kiwi/bank/img_bank_020.png') !important;
}

.logo-023
{
	background-image: url('../images_kiwi/bank/img_bank_023.png') !important;
}

.logo-027
{
	background-image: url('../images_kiwi/bank/img_bank_027.png') !important;
}

.logo-031
{
	background-image: url('../images_kiwi/bank/img_bank_031.png') !important;
}

.logo-032
{
	background-image: url('../images_kiwi/bank/img_bank_032.png') !important;
}

.logo-034
{
	background-image: url('../images_kiwi/bank/img_bank_034.png') !important;
}

.logo-035
{
	background-image: url('../images_kiwi/bank/img_bank_035.png') !important;
}

.logo-037
{
	background-image: url('../images_kiwi/bank/img_bank_037.png') !important;
}

.logo-039
{
	background-image: url('../images_kiwi/bank/img_bank_039.png') !important;
}

.logo-045
{
	background-image: url('../images_kiwi/bank/img_bank_045.png') !important;
}

.logo-048
{
	background-image: url('../images_kiwi/bank/img_bank_048.png') !important;
}

.logo-050
{
	background-image: url('../images_kiwi/bank/img_bank_050.png') !important;
}

.logo-054
{
	background-image: url('../images_kiwi/bank/img_bank_054.png') !important;
}

.logo-055
{
	background-image: url('../images_kiwi/bank/img_bank_055.png') !important;
}

.logo-056
{
	background-image: url('../images_kiwi/bank/img_bank_056.png') !important;
}

.logo-057
{
	background-image: url('../images_kiwi/bank/img_bank_057.png') !important;
}

.logo-058
{
	background-image: url('../images_kiwi/bank/img_bank_058.png') !important;
}

.logo-059
{
	background-image: url('../images_kiwi/bank/img_bank_059.png') !important;
}

.logo-060
{
	background-image: url('../images_kiwi/bank/img_bank_060.png') !important;
}

.logo-061
{
	background-image: url('../images_kiwi/bank/img_bank_061.png') !important;
}

.logo-062
{
	background-image: url('../images_kiwi/bank/img_bank_062.png') !important;
}

.logo-063
{
	background-image: url('../images_kiwi/bank/img_bank_063.png') !important;
}

.logo-064
{
	background-image: url('../images_kiwi/bank/img_bank_064.png') !important;
}

.logo-066
{
	background-image: url('../images_kiwi/bank/img_bank_066.png') !important;
}

.logo-067
{
	background-image: url('../images_kiwi/bank/img_bank_067.png') !important;
}

.logo-071
{
	background-image: url('../images_kiwi/bank/img_bank_071.png') !important;
}

.logo-081
{
	background-image: url('../images_kiwi/bank/img_bank_081.png') !important;
}

.logo-088
{
	background-image: url('../images_kiwi/bank/img_bank_088.png') !important;
}

.logo-089
{
	background-image: url('../images_kiwi/bank/img_bank_089.png') !important;
}

.logo-090
{
	background-image: url('../images_kiwi/bank/img_bank_090.png') !important;
}

.logo-092
{
	background-image: url('../images_kiwi/bank/img_bank_092.png') !important;
}


.logo-209
{
	background-image: url('../images_kiwi/bank/img_bank_209.png') !important;
}

.logo-218
{
	background-image: url('../images_kiwi/bank/img_bank_218.png') !important;
}

.logo-221
{
	background-image: url('../images_kiwi/bank/img_bank_221.png') !important;
}

.logo-222
{
	background-image: url('../images_kiwi/bank/img_bank_222.png') !important;
}

.logo-223
{
	background-image: url('../images_kiwi/bank/img_bank_223.png') !important;
}

.logo-224
{
	background-image: url('../images_kiwi/bank/img_bank_224.png') !important;
}

.logo-225
{
	background-image: url('../images_kiwi/bank/img_bank_225.png') !important;
}

.logo-227
{
	background-image: url('../images_kiwi/bank/img_bank_227.png') !important;
}

.logo-238
{
	background-image: url('../images_kiwi/bank/img_bank_238.png') !important;
}

.logo-240
{
	background-image: url('../images_kiwi/bank/img_bank_240.png') !important;
}

.logo-243
{
	background-image: url('../images_kiwi/bank/img_bank_243.png') !important;
}

.logo-247
{
	background-image: url('../images_kiwi/bank/img_bank_247.png') !important;
}

.logo-261
{
	background-image: url('../images_kiwi/bank/img_bank_261.png') !important;
}

.logo-262
{
	background-image: url('../images_kiwi/bank/img_bank_262.png') !important;
}

.logo-263
{
	background-image: url('../images_kiwi/bank/img_bank_263.png') !important;
}

.logo-264
{
	background-image: url('../images_kiwi/bank/img_bank_264.png') !important;
}

.logo-265
{
	background-image: url('../images_kiwi/bank/img_bank_265.png') !important;
}

.logo-266
{
	background-image: url('../images_kiwi/bank/img_bank_266.png') !important;
}

.logo-267
{
	background-image: url('../images_kiwi/bank/img_bank_267.png') !important;
}

.logo-269
{
	background-image: url('../images_kiwi/bank/img_bank_269.png') !important;
}

.logo-270
{
	background-image: url('../images_kiwi/bank/img_bank_270.png') !important;
}

.logo-271
{
	background-image: url('../images_kiwi/bank/img_bank_271.png') !important;
}

.logo-278
{
	background-image: url('../images_kiwi/bank/img_bank_278.png') !important;
}

.logo-279
{
	background-image: url('../images_kiwi/bank/img_bank_279.png') !important;
}

.logo-280
{
	background-image: url('../images_kiwi/bank/img_bank_280.png') !important;
}

.logo-288
{
	background-image: url('../images_kiwi/bank/img_stock_288.png') !important;
}

.logo-999
{
	background-image: url('../images_kiwi/bank/img_bank_999.png') !important;
}

.logo-287
{
	background-image: url('../images_kiwi/bank/img_bank_287.png') !important;
}

.logo-290
{
	background-image: url('../images_kiwi/bank/img_bank_290.png') !important;
}

.logo-291
{
	background-image: url('../images_kiwi/bank/img_bank_291.png') !important;
}

.logo-292
{
	background-image: url('../images_kiwi/bank/img_bank_292.png') !important;
}

.logo-294
{
	background-image: url('../images_kiwi/bank/img_bank_020.png') !important;
}

/* 공통 */
/* 유의사항 간격 */
.notice-toggle
{
	margin-top: 28px;
	background: #f7f7f7;
    padding: 16px 20px;
	border-radius: 8px;
}
.notice-toggle.mt40 {
	margin-top: 28px !important;
}

.notice-toggle .btn-toggle.btn-link
{
	text-align: left;
}

.notice-toggle .btn-toggle.btn-link>*
{
	color: #141414;
    font-size: 0.875rem;
    line-height: 1.375rem;
    border: none;
    width: 100%;
	margin: 0;
	
}
.btn-toggle.btn-link>span
{
	padding-right: 26px;
}
.btn-toggle.btn-link>span:after {
    content: '';
    position: absolute;
    top: 50%;
    right: -2px;
    width: 20px;
    height: 20px;
    background: url(../images_kiwi/icon/ico_arr_b.svg) no-repeat 50% 50%;
	background-size: 20px auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.btn-toggle.btn-link.open>span:after {
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}
.notice-toggle .toggle-contents
{
	margin-top: 16px;
}

.notice-toggle ul[class^="list"]>li
{
	font-size: 0.813rem;
}
/* 소제목 / 우측버튼 */
.title-area
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	align-items: baseline;
}
.title-area.mt40,
.panel-list + .title-d2.mt40 {
	margin-top: 28px !important;
}
.title-d2.mt40 + .panel-list {
	margin-top: 12px;
}
.title-area .title-d2 {
	margin-top: 0;
}


.title-area button.btn-link
{
	height: 28px;
	font-weight: normal;
}

.title-area > small
{
	line-height: 28px;
}

.title-area [class^="btn"]
{
	font-weight: normal;
}

.title-area.line2
{
	display: table;
	width: 100%;
	table-layout: fixed;
}

.title-area.line2 .title-d2
{
	display: table-cell;
	line-height: 1.3;
	height: auto;
	padding-bottom: 12px;
}

.title-area.line2 .title-d2 span
{
	white-space: nowrap;
}

.title-area.line2 > small
{
	display: table-cell;
	width: 45%;
	vertical-align: bottom;
	padding-bottom: 12px;
	text-align: right;
	line-height: 1.3;
}

.unline
{
	text-decoration: underline;
}

.left-right
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.list-bullet-decimal.font-14 > li
{
	font-size: 0.875rem;
	letter-spacing: -.5px;
}

[class*="-md"][class*="-lg"]:only-child
{
	width: 100%;
	height: 2.75rem;
	padding: 0 15px;
	border-radius: 8px;
	font-size: 1rem;
	font-weight: normal;
}

.ui-card .func .confirmation-form
{
	float: right;
	margin-top: -2px;
}

.ui-card .transfer-cancel
{
	position: absolute;
	top: 24px;
	right: 24px;
}

.list-sort.line
{
	padding: 16px 24px;
	border-bottom: #eee 1px solid;
}

.fixed .list-sort.line
{
	border-bottom: none;
}

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

/* UI CARD - dt 안에 dl-contents  */
.ui-card.panel-type > dt .dl-contents
{
	display: table;
	width: 100%;
}

.ui-card.panel-type > dt .dl-contents > dl
{
	display: table-row;
}

.ui-card.panel-type > dt .dl-contents > dl > dt,
.ui-card.panel-type > dt .dl-contents > dl > dd
{
	display: table-cell;
	vertical-align: top;
}

.ui-card.panel-type > dt .dl-contents > dl + dl > dt,
.ui-card.panel-type > dt .dl-contents > dl + dl > dd
{
}

/* bottom-sheet 안에 이자(세금)토글 */
.bottom-sheet .relative > dl
{
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.bottom-sheet .relative > dl > dt
{
	width: 40px;
	padding-right: 14px;
	color: #999;
	letter-spacing: normal;
	font-size: 0.875rem;
	white-space: nowrap;
}

.bottom-sheet .relative > dl > dd
{
	text-align: right;
}

.bottom-sheet .relative > dl > *
{
	padding: 8px 0;
	line-height: 1.5rem;
}

.bottom-sheet .relative .ui-tooltip
{
	height: auto;
}

.bottom-sheet .relative .tooltip-layer
{
	padding: 30px 24px 20px;
	left: -24px;
	right: -24px;
}
.layer-contents > .pd-h > .sati_list > p {letter-spacing:-0.3px;}


.fw_bold {font-weight:bold;}
.pr {position:relative;}

.t-amount {
	display: flex;
    width: 100%;
    table-layout: auto;
    gap: 6px;
}
.t-amount span {
	display:table-cell;
	position:relative;
	overflow:hidden;
	vertical-align:middle;
	height:100%;
	width: 100%;
}
.t-amount button {
	position:relative;
	display:block;
	text-align:center;
	font-size:0.75rem;
	line-height:28px;
	border-radius:2px;
	color:#666;
	border:1px solid #ddd;

	background-color:#fff;
	width:100%;
}
.t-amount .gap {
	display:table-cell;
	width:4px;
}

#contents > .card_info {padding:0.5rem 24px; text-align:center;}
#contents > .card_info > i {background-size:1.5rem; width:1.5rem; height:2.4rem; background-position:center;}
#contents .dl-contents > dl > dd.mycard > img {width:8rem;}

.ico-plus.loan-add {width:14px; height:14px; background-size:contain;}

.none_in > input {width:100%; min-height: 44px; padding: 0 24px; border: 1px solid #eee; border-radius: 8px;}

.wb_all {word-break:break-all;}

.dl-contents.justify dt.w100p, .dl-contents.justify dd.w100p {display:block; text-align:left;}
.dl-contents.justify dt.db, .dl-contents.justify dd.db {display:inline-block; width:50%; }
.dl-contents.justify dd.w100p > .form-check>label.ir {width:21px}

.tab-menu.table.pb12 {border-bottom:1px solid #ddd;}

#contents .data-table .mycard > img {width:6rem;}
#contents .data-table.all_line {border:1px solid #eee}
#contents .data-table.all_line > tbody > tr > td {border-left:1px solid #eee }

#contents .data-table.l_line {border-top:none;}
#contents .data-table.l_line tr:first-child > th, #contents .data-table.l_line tr:first-child > td {border-top:1px solid #141414;}
#contents .data-table.l_line > thead > tr > th, #contents .data-table.l_line > tbody > tr > td {border-left:1px solid #eee }
#contents .data-table.l_line > thead > tr > th:first-child, #contents .data-table.l_line > tbody > tr > td:first-child {border-left:none;}


.title-num-group {
	position: relative; 
}
.title-num-group .title-d2 {
	margin-bottom: 12px;
}
.title-num-group .num {
	font-weight: 400;
}
.title-num-group .list-sort {
	padding: 0 0 12px 0;
	
}
.title-num-group .title-d2 + dd {
	margin-bottom: 12px;
}
.title-num-group .title-d2 + dd .text.num input.form-control {
	font-size: 0.875rem;
}
.title-num-group + .ui-card-list{margin-top: 12px;}
.ui-card .form-check label {
	line-height: 1 !important;
}
.ui-card .form-check+small {
	font-size: 16px;
	margin-left: 34px;
	padding-top: 5px;
}


.hide {
	display: none;
}


[class^="btn-"][class*="-md"].full {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}


.label2 {
	font-size: 0.75rem;
	line-height: 1.25rem;
	font-weight: 500;
	padding: 2px 10px;
    border-radius: 999px;
	display: inline-block;
	color: #fff; /*temp*/
	background: red; /*temp*/
}
.label2.green {
	color: #58A700;
	background: #E3F4D2;
}
.label2.gray {
	color: #999999;
	background: #EEEEEE;
}
.label2.gray1 {
	color: #141414;
	background: #f5f5f5;
	border-radius: 999px;
}
.label2.yellow {
	color: #141414;
	background: #ffbc00;
}
.label2.blue {
	color: #fff;
	background: #4f7cff;
}
.label2.sky {
	color: #11a8de;
	background: #ade9ff;
}
.label2.purple {
	color: #3182f6;
	background: #dbe5ff;
}
.label2.ivory {
	color: #866d16;
	background: #fff3c9;
}
.label2.orange {
	color: #ff7715;
	background: #ffe5d3;
}
.label2.orange2 {
	color: #de5d00;
	background: #ffe5d3;
}
.label2.green2 {
	color: #00a85a;
	background: #b8efbf;
}
.label2.best {
	color: #fff;
	background: #27B489;
}
.label2.new {
	color: #fff;
	background: #4f7cff;
}
.label2.hot {
	color: #fff;
	background: #ff4f75;
}
.label-text {
	font-size:  0.75rem;
	font-weight: 500;
	line-height: 1.25rem;
}
.label-text.red {
	color: #f00;
}
.label-text.gray {
	color: #999;
}

/*
	panel.bg-green 추가
*/
.panel.bg-green {
	border: 1px solid #E3F4D2 !important;
	border-radius: 8px !important;
	background: #f6fcf2;
}
.transfer-info.box-shadow,
.panel.box-shadow {
	box-shadow: 0 0 2px 0 rgba(20, 20, 20, 0.08), 0 2px 8px rgba(20, 20, 20, 0.1);
}
.panel.box-shadow.border-none {
	border: 0;
}
.box-radius.bg-gray {
	border-radius: 8px !important;
	padding: 20px;
	margin: 28px 0 0;
}
.head-copy + .panel.mt24 {
	margin-top: 20px !important;
}

/*
	짙은 회색 버튼
*/
[class^="btn-"][class*="-func5"] {
	background: #999999;
	color: #fff;
	border-radius: 5px;
}

[class^="btn-"][class*="-func7"] {
	background: #ffefb9;
	color: #141414;
}

/*
	인풋텍스트 coupon-regi 타입
*/
.form-control-group.coupon-regi {
	min-height: 56px;
}
.form-control-group.coupon-regi>dd {
	height: 52px;
	line-height: 52px;
	padding-top: 0;
	/* padding-right: 65px; */
	opacity: 1;
}

/* .form-control-group.coupon-regi .input-wrap .btn-clear {
	top: 1px;
} */

.d-block {
	display: block !important;
}

/*
	가입하기 버튼
*/
.link-arrow {
	position: relative;
	float: right;
	color: #141414;
	font-size: 14px;
	padding-right: 28px;
    background: url(../images_kiwi/icon/btn_arr_r.svg) no-repeat 100% 50%;
	height: 20px;
}

.link-arrow.type2 {
	padding-right: 0;
	background: none;
}
.link-arrow.type2::after {
	display: inline-block;
	content: '';
	width: 20px;
	height: 20px;
	margin-left: 8px;
	background: #858585;
	-webkit-mask-image: url('../images_kiwi/icon/btn_arr_r.svg');
	mask-image: url('../images_kiwi/icon/btn_arr_r.svg');
	mask-repeat: no-repeat;
	mask-size: cover;
	fill: none;
	vertical-align: text-bottom;
}

/*
	이메일 분할형
*/
.inline-helper {
	display: flex;
	align-items: flex-end;
	flex-wrap: wrap;
}
.inline-helper .inline-helper-item {
	flex: 1;
	width: 100%;
}
 .inline-helper.type2 .inline-helper-item + .inline-helper-item .form-control {
	font-size: 16px !important;
 }
.inline-helper .inline-helper-item.at {
	width: auto;
	flex: none;
	padding: 12px 12px 13px;
	margin-top: 10px;
	font-size: 20px;
	color: #dcdcdc;
	vertical-align: middle;
}
.inline-helper .inline-helper-item.at + .inline-helper-item .input-wrap input.form-control{
	width: calc(100% - 10px);}
.inline-helper .inline-helper-item.at + .inline-helper-item .input-wrap .btn-clear{
	display: none !important; right: 26px;
}
.inline-helper.align-start .inline-helper-item.at {
	align-self: flex-end !important;
}

.gongji-point {
    font-size: 14px;
    color: #666;
    margin-bottom: 10px;
}

.gongji-wrap {
    padding: 40px 24px 0;
    height: 300px;
    position: relative;
}

.gongji-wrap.type01 {
    padding: 24px 24px 75px;
}

.gongji-tit {
    font-size: 24px;
    line-height: 1.2;
    font-weight: 600;
    margin-bottom: 10px;
}

.gongji-txt {
    font-size: 14px;
    color: #666;
    font-weight: 400;
}

.gongji-img {
    position: absolute;
    right: 0;
    bottom: 20px;
    z-index: -1;
    width: 100%;
}

.gongji-link {
    position: absolute;
    left: 24px;
    bottom: 100px;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    background: #99ca3c;
    color: #fff;
    padding: 0 10px;
    border-radius: 14px;
}

.gongji-link img {
    vertical-align: text-bottom;
}

.layer-contents.pb0 .swiper-pagination.swiper-pagination-bullets {
    text-align: left;
    left: 24px;
    bottom: 80px;
}

/* [App] 대출신청 UI/UX 개선(안) START */
.w-auto
{
	width: auto !important;
}
/* .text-secondary3 {
	color: #F46600;
} */
.form-check.pull-left
{
	margin-left: -30px;
}
.agreement-of-terms.pull-left {
	margin-left: -30px;
}
/* [App] 대출신청 UI/UX 개선(안) END */

.agreement-of-terms.space {
	padding: 0;
	border: 0;
}
.agreement-of-terms.space .agree-all {
	border: 1px #dcdcdc solid;
    border-radius: 8px;
    padding: 16px;
}


.bg-gray-box
{
	background-color: #f5f5f5 !important;
	padding: 20px;
}
.bg-gray-box p:only-child {
	margin-top: 0 !important;
}
.bg-gray-box .b-title {
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.5rem;
}
.bg-gray-box.type01
{
	padding: 16px 20;
}
.bg-gray-box.type02 
{
	padding: 16px 20px;
}
.bg-gray-box.type02 .b-title
{
	color: #f46600;
}
.bg-gray-box + .text.mt5 {
	margin-top: 12px;
}
.bg-gray-box strong {
	font-weight: 700;
}

.round-8
{
	border-radius: 8px !important;
}
.round-16
{
	border-radius: 16px !important;
}
.disabled dd ul.form-check-group .form-check>label
{
background: #f4f4f4;
  color: #b8b8b8;
  pointer-events: none;
}
.flex-reverse.disabled>* dd{
background: #f4f4f4;
  color: #b8b8b8;
  pointer-events: none;
}
.flex-reverse.disabled>* .form-control-group,
.flex-reverse.disabled>* dd button{pointer-events: none;}
.flex-reverse
{
	display: flex;
    flex-direction: column-reverse;
	padding-top: 8px;
}
.flex-reverse>* + dl {
	margin-top: 20px;
}
.flex-reverse>* + div {
	margin-top: 20px;
}


.selector-btn {}
.selector-btn .type1 li + li{margin-top: 8px;}
.selector-btn .type1 .active button
{
	box-shadow: inset 0 0 0 2px #ffbc00 !important;
	background-color: #fff !important;
}
.selector-btn .type1 button
{
	box-shadow: inset 0 0 0 1px #dcdcdc;
	border-radius: 8px; 
	padding: 16px;
	font-size: 1rem;
	display: flex;
    align-items: center;
    gap: 12px;
	width: 100%;
	background-color: #fff;
}

.selector-btn .type1 li button::before
{
	content: '';
	width: 40px;
	height: 40px;
	position: relative;
	background: url('../images_kiwi/bank/img_bank_218.png') no-repeat 50% center;
	background-size: contain;
	display: block;
	border-radius: 100px;
}
.selector-btn .type1 li button.kakaotalk::before
{
	content: '';
	background: url('../images_kiwi/icon/kakaotalk.svg') no-repeat 50% center;

}
.selector-btn .type1 li button.phone
{
	background-color: #f7f7f7;
	box-shadow: none;
}
.auth-code 
{
	display: flex;
	justify-content: center;
	gap: 8px;
}
.auth-code.filled input
{
	background: #ffd338;
}
.auth-code.invalid input
{
	box-shadow:inset 0 0 0 1px #ff0000;
	color: #ff0000;
}
.auth-code  input
{
	display: block;
	width: 38px;
	height: 38px;
	border-radius: 8px;
	font-size: 1.25rem;
	line-height: 2.375rem;
	background: #f0f0f0;
	border: none;
}
.grid-cols-3 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}
.floating-btn {
	position: fixed;
	bottom: -5px;
	left: 0;
	display: flex;
	justify-content: center;
	width: 100%;
}
/* 하단 page-btns fixed 버튼과 함께 나오는 경우 */
.floating-btn.type2 {
	bottom: 51px;
}
.floating-btn button {
	padding: 14px 20px 10px;
	border-radius: 12px 12px 0 0;
	background: #687289;
	box-shadow: 0 0 2px 0 rgba(20, 20, 20, 0.08), 0 -4px 8px 0 rgba(20,20, 20, 0.12);
	color: #fff;
	text-align: center;
	animation-name: float-ani;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	animation-direction: alternate;
	animation-delay: 0s;
}
.floating-btn.type2 button {
	padding-bottom: 17px;
}
:has(.floating-btn.type2) .page-btns.fixed {
	background: none;
}
.floating-btn button::after {	
	display: inline-block;
	content: '';
	width: 16px;
	height: 16px;
	margin-left: 12px;
	background: #fff;	
	-webkit-mask-image: url('../images_kiwi/icon/ico_up.svg');
	mask-image: url('../images_kiwi/icon/ico_up.svg');
	mask-repeat: no-repeat;
	mask-size: cover;
	fill: none;
	vertical-align: sub;
}

@keyframes float-ani {
	0% {
		transform: translateY(0px);
	}
	50% {
		transform: translateY(-5px);
	}
	100% {
		transform: translateY(0px);
	}
}

.tab-bar {position: fixed; left: 0; bottom: 0; z-index: 20; width: 100%; height: 76px; padding: 0 10px; border-radius: 20px 20px 0 0; background: rgba(255, 255, 255, 1); box-shadow: 0 -5px 10px 0 rgba(0,0,0,0.05); transition: transform .3s ease;}
.tab-bar .tab-list {display: flex; justify-content: space-evenly}
.tab-bar .tab-list > li {width: 20%}
.tab-bar .tab-list .tab-item {position: relative; display: flex; flex-direction: column; align-items: center; gap: 4px; width: 100%; padding: 14px 0; color: #b8b8b8; transition: color .18s ease, transform .12s ease;}
/* .tab-bar .tab-list .tab-item:focus {outline: none; transform: translateY(-2px)} */
.tab-bar .tab-list .tab-item .icon {width: 24px; height: 24px; fill: currentColor}
/* [SR-260318-01163] [APP] 모바일 앱/웹 개선 요청의 건 START - 글자색 #141414로 변경(기존 b8b8b8) */
.tab-bar .tab-list .tab-item .label {font-size: 0.75rem; color: #141414; font-weight: 500; line-height: 1.25rem}
/* [SR-260318-01163] [APP] 모바일 앱/웹 개선 요청의 건 END */
.tab-bar .tab-list .tab-item .badge {position: absolute; top: 14px; right: 30%; display:inline-block; width: 4px; height: 4px; padding: 0; border-radius: 999px; background: #f00;}
.tab-bar .tab-list .tab-item.active {color: #141414}
.tab-bar .tab-list .tab-item.active .label {color: #141414}
.tab-bar.hidden {transform: translateY(100%);}

@supports (backdrop-filter: blur(15px)) {
	.tab-bar {
		background: rgba(255, 255, 255, 0.6); -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px);
	}
}

/* SR-250828-03244 [APP] 출석체크 개선 및 내부포인트리 시스템 개발(안) Start */
/*출석체크 메인화면*/
.attd-point-main {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 10px;
  color: #141414;
}

.attd-point-main section {
  position: relative;
  padding: 20px 20px 20px;
  color: #141414;
}

.attd-point-main section:before {
    content: none !important;
}

.attd-point-main section:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 6px;
  background: #f0f0f0;
  width: 100%;
}

.attd-point-card {
  position: relative;
  background: #ffefb9 url("../images_kiwi/icon/main_banner.png") no-repeat 50% 130px;
  border-radius: 20px;
  padding: 24px 16px 100px;
  min-height: 381px;
  overflow: hidden;
  text-align: center;
  background-size: 262px 165px;
  color: #141414;
}

.attd-point-card h2 {
  font-size: 24px;
  font-weight: 500;
  margin: 0 0 8px;
  line-height: 32px;
  color: #141414;
}

.attd-point-card p {
  font-size: 14px;
  color: #141414;
  margin: 0;
  line-height: 22px;
}
.attd-point-card-bottom {
  display: flex;
  color: #141414;
  font-size: 14px;
  margin: 16px 19px 15px;
  justify-content: center;
  gap: 10px;
  align-items: center;
}
.attd-point-card-bottom a {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex: 1;
}
.attd-point-cta {
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 16px;
  height: 42px;
  border: 0;
  border-radius: 8px;
  background: #ffd338;
  font-size: 14px;
  font-weight: 500;
  color: #141414;
  cursor: pointer;
}
.attd-point-cta.gray {
  background: #f0f0f0;
  color: #b8b8b8;
  cursor: pointer;
}

.attd-point-main-banner {
  background: url("../images_kiwi/icon/bg_banner.png") no-repeat 50% 0;
  background-size: contain;
  height: 381px;
  position: relative;
}

.attd-point-main-banner button {
  background: #f0f0f0;
  color: #b8b8b8;
  border-radius: 12px;
  padding: 10px 100px;
}

/* 월간 카드 */
.attd-point-month-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
  color: #141414;
}
.attd-point-month-title {
  font-weight: 700;
  font-size: 24px;
  color: #141414;
}

.attd-point-streak {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  background: #3f3f42;
  color: #fff;
  padding: 11px 16px;
  border-radius: 999px;
  font-weight: 500;
  font-size: 14px;
}
.attd-point-streak svg {
  width: 16px;
  height: 16px;
}

.attd-point-days {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0.8rem 0.6rem;
  max-width: 450px;
  margin: 0 auto;
  padding: 20px;
  border: 1px solid transparent; 
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 0 2px 0 rgba(20, 20, 20, 0.08), 0 4px 8px 0 rgba(20, 20, 20, 0.12);
  border-radius: 12px;
}
.attd-point-day {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.85rem;
}
.attd-point-day span {
  font-size: 12px;
  color: #141414;
  z-index: 1;
}
.attd-point-badge {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border:4px solid #f5f5f5;
  place-items: center;
  font-weight: 900;
  color: #fff;
  z-index: 1;
}
.attd-point-day:nth-child(6),
.attd-point-day:nth-child(7),
.attd-point-day:nth-child(8),
.attd-point-day:nth-child(9),
.attd-point-day:nth-child(10) {
	flex-direction: column;
}
 .attd-point-badge::before {
	display: inline-block;
	content: '';
	position: absolute;
	top: 50%;
	left: 100%;
	width: 100%;
	height: 12px;
	margin-top: -6px;
	background: #ffefb9;
	z-index: -1;
}
.attd-point-day:nth-child(5) .attd-point-badge::before {
	top: auto;
	bottom: -20px;
	left: 50%;
	width: 12px;
	height: 16px;
	margin-left: -6px;
}
.attd-point-day:nth-child(6) .attd-point-badge::before,
.attd-point-day:nth-child(7) .attd-point-badge::before,
.attd-point-day:nth-child(8) .attd-point-badge::before,
.attd-point-day:nth-child(9) .attd-point-badge::before,
.attd-point-day:nth-child(10) .attd-point-badge::before {
	left: -100%;
}
.attd-point-day:nth-child(10) .attd-point-badge::before  {
	display: none;
}
.attd-point-day:nth-child(6) {
	order: 10;
}
.attd-point-day:nth-child(7) {
	order: 9;
}
.attd-point-day:nth-child(8) {
	order: 8;
}
.attd-point-day:nth-child(9) {
	order: 7;
}
.attd-point-day:nth-child(10) {
	order: 6;
}

.attd-point-badge.checked {
  background: linear-gradient(#ffe37f, #ffbc00) padding-box;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.08);
  border-color: #ffefb9;
}
.attd-point-badge {
  background: linear-gradient(#ececec, #d0d0d0) padding-box;
  color: #b4b4b4;
}
.attd-point-badge svg {
  width: 20px;
  height: 20px;
}

.attd-point-month-link {
  display: flex;
  justify-content: center;
  gap: 0.4rem;
  align-items: center;
  padding: 0.9rem 0 0.2rem;
  text-decoration: none;
  color: #141414;
  font-weight: 800;
}
.attd-point-month-link svg {
  width: 16px;
  height: 16px;
}

.attd-point-toggle {
  position: absolute;
  width: 42px;
  height: 22px;
  right: 20px;
}

.attd-point-toggle input {
  opacity: 0;
  width: 0;
  height: 0;
}

.attd-point-slider {
  position: absolute;
  cursor: pointer;
  inset: 0;
  background-color: #ccc;
  border-radius: 34px;
  transition: 0.3s;
}

.attd-point-slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 3px;
  background: #fff;
  border-radius: 50%;
  transition: 0.3s;
}

input:checked + .attd-point-slider {
  background: #ffd338;
}

input:checked + .attd-point-slider:before {
  transform: translateX(18px);
}
.attd-point-push {
  display: flex;
  gap: 10px;
  color: #141414;
}
.attd-point-push-txt {
  margin-bottom: 20px;
  color: #141414;
}

/* 이달의 전체 출석내역 캘린더 */
.attd-point-tbl-calendar {
  margin: 0;
  color: #141414;
}

.attd-point-tbl-calendar table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  color: #141414;
}

.attd-point-tbl-calendar table thead tr th {
  height: 40px;
  font-size: 0.875rem;
  color: #666;
  font-weight: 500;
  line-height: 2.5rem;
  vertical-align: middle;
  text-align: center;
}

.attd-point-tbl-calendar table tbody tr td {
  height: 64px;
  font-family: 'lato';
  font-weight: 400;
  color: #141414;
  text-align: center;
  vertical-align: top;
}

.attd-point-tbl-calendar table tbody tr td > div {
  display: flex;
  flex-direction: column;
  height: 100%;
  align-items: center;
  gap: 1px;
  color: #141414;
}

.attd-point-tbl-calendar table tbody tr td > div span.state {
  width: 32px;
  height: 32px;
  margin-top: 5px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 32px;
  color: #141414;
  text-align: center;
}

.attd-point-tbl-calendar table tbody tr td > div span.num {
	display: block;
	width: 100%;
	height: 18px;
	margin-top: 5px;
	line-height: 1.125rem;
}

.attd-point-tbl-calendar table tbody tr td > div.lightly span.state {
  color: #888;
  text-align: center;
}

.attd-point-tbl-calendar table tbody tr td.attend > div span.state {
  background: #ffd338;
  border-radius: 100px;
  font-weight: 700;
}

.attd-point-tbl-calendar table tbody tr td.attend > div span.num {
	color: #141414;
	font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.125rem;
}

/* 포인트 내역조회 */

.attd-point-tabwrap {
  display: flex;
  gap: 20px;
  padding: 0 20px;
  position: relative;
  color: #141414;
}

.attd-point-tabwrap.mt_30 {
  margin-top: 30px;
}

.attd-point-tabwrap:after {
  content: "";
  position: absolute;
  height: 1px;
  background: #eaeaea;
  width: 100%;
  bottom: 0;
  left: 0;
}
.attd-point-tabwrap li {
  padding: 10px 0;
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
  color: #b8b8b8;
  position: relative;
}

.attd-point-tabwrap li.active {
  color: #000;
  font-weight: 500;
  font-size: 16px;
}

.attd-point-tabwrap li.active:after {
  content: "";
  position: absolute;
  height: 3px;
  background: #ffbc00;
  width: 100%;
  border-radius: 2px;
  bottom: -1px;
  left: 0;
  z-index: 1;
}

.attd-point-tab-content {
  padding: 0 20px;
  display: none;
}
.attd-point-tab-content.active {
  display: block;
}
.attd-point-pointbox {
  margin: 20px 0 20px;
  background: #7d6c59;
  border-radius: 20px;
  padding: 22px 20px;
}
.attd-point-point {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #141414;
}
.attd-point-point .num {
  display: flex;
  gap: 10px;
}
.attd-point-point .num span {
  display: inline-block;
  padding: 8px 11px 7px;
  background: #ffd338;
  border-radius: 100px;
  color: #7d6c59;
  font-weight: bold;
  font-family: monospace;
}
.attd-point-point .num strong {
  color: #fff;
  font-weight: bold;
  font-size: 24px;
  /* font-family: Lato; */
  line-height: 32px;
}
.attd-point-point-change {
  background: #ffd338;
  color: #0d121c;
  border-radius: 40px;
  padding: 16px 20px;
}
.attd-point-flex-end {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.attd-point-flex {
  display: flex;
  align-items: center;
  gap: 10px;
}
.attd-point-flex-end a {
	color: #141414;
    font-size: 14px;
}
.attd-point-point-text {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  color: #141414;
}
.attd-point-point-text span {
  color: #f46600;
  margin-left: 5px;
  font-weight: 500;
}

.attd-point-panglist ul {
  display: flex;
  flex-direction: column;
  margin-top: 30px;
}
.attd-point-panglist ul li {
  border-top: 1px solid #eaeaea;
  padding: 20px 0;
  color: #141414;
}
.attd-point-panglist ul li .panglist-item {
  display: flex;
}

.attd-point-panglist ul li .panglist-item > div:nth-child(1) {
  flex: 0 0 60px;
  /* font-family: Lato; */
}

.attd-point-panglist ul li .panglist-item > div:nth-child(2) {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.attd-point-panglist ul li .panglist-item > div:nth-child(3) {
  flex: 0 0 80px;
  text-align: right;
  font-weight: bold;
  font-size: 20px;
  color: #141414;
  /* font-family: Lato; */
}

.attd-point-panglist ul li .panglist-item > div:nth-child(2) p:last-child {
  font-size: 14px;
  color: #666666;
}

.attd-point-panglist ul li .panglist-item > div:nth-child(2) p.f_orange {
  color: #ff740e;
}

.attd-point-pnum {
  color: #0066ff;
  font-weight: 700;
}

/* 포인트전환 */
.attd-point-point-title {
  font-size: 20px;
  padding: 0 20px;
  font-weight: bold;
  line-height: 1.3;
  color: #141414;
}

.attd-point-custom-select-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
  min-width: 100px;
  color: #141414;
}

.attd-point-custom-select {
  padding: 16px 0px 16px 10px;
  border: 1px solid #eaeaea;
  border-radius: 8px;
  background: #fff;
  font-size: 16px;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%;
  font-weight: 500;
  color: #2c2c2c;
  text-align: left;
}

.attd-point-custom-select-wrapper::after {
  content: "";
  background-image: url("../images_kiwi/icon/ico_arrow.svg");
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  color: #4da3ff;
  font-size: 12px;
  pointer-events: none;
  width: 20px;
  height: 20px;
}

.attd-point-basic-input {
  margin-top: 20px;
}

.attd-point-basic-input input[type="text"] {
  border: none;
  border-bottom: 2px solid #eaeaea;
  padding: 13px 0 13px 0;
  color: #4c4c4c;
  background: #fff;
  width: 100%;
  font-size: 20px;
  outline: none;
  /* font-family: Lato; */
  font-weight: bold;
}

.attd-point-basic-input input[type="text"]:disabled {
  background: #f4f4f4;
  color: #b8b8b8;
  font-weight: 500;
}

.attd-point-basic-input input[type="tel"] {
  border: none;
  border-bottom: 2px solid #eaeaea;
  padding: 13px 0 13px 0;
  color: #4c4c4c;
  background: #fff;
  width: 100%;
  font-size: 20px;
  outline: none;
  /* font-family: Lato; */
  font-weight: bold;
}

.attd-point-basic-input input[type="tel"]:disabled {
  background: #f4f4f4;
  color: #b8b8b8;
  font-weight: 500;
}

.attd-point-basic-input label {
  font-size: 14px;
  margin-bottom: 5px;
  display: inline-block;
  color: #666;
}

.attd-point-bullet {
  position: relative;
  font-size: 14px;
  padding-left: 10px;
  margin-top: 20px;
  color: #8d8d8d;
  font-weight: 300;
  line-height: 22px;
}

.attd-point-bullet:after {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background: #141414;
  position: absolute;
  left: 0;
  top: 8px;
}

.attd-point-button-group {
	display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 20px;
}

.attd-point-button-group.center {
  justify-content: center;
}

.attd-point-btn {
  display: inline-block;
  padding: 16px 18px 16px;
  font-size: 16px;
  font-weight: 500;
  border: 1px solid #eaeaea;
  border-radius: 50px;
  text-align: center;
  cursor: pointer;
  width: 100%;
}

.attd-point-btn-primary {
  background: #ffd338;
  color: #141414;
  border: none;
}

/*bottom sheet*/

.attd-point-dim {
  position: fixed;
  inset: 0;
  background: #00000096;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s ease;
}

.attd-point-bottom-sheet {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  transform: translateY(100%);
  transition: transform 0.35s ease;
  will-change: transform;
  z-index: 50;
}

.attd-point-sheet-panel {
  padding: 28px 21px ;
  margin: 0 auto;
  background: #fff;
  border-radius: 16px 16px 0 0;
  overflow: hidden;
  box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.15);
  color: #141414;
}
.attd-point-sheet-panel h2 {
	padding: 0 21px;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.5rem;
	color: #141414;
}

.attd-point-sheet-header {
  /* margin-top: 30px; */
  color: #141414;
}

.attd-point-sheet-title {
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  color: #141414;
}
.attd-point-sheet-close {
  position: absolute;
  right: 8px;
  top: 8px;
  width: 40px;
  height: 40px;
  border: 0;
  background: transparent;
  cursor: pointer;
  border-radius: 50%;
}

.attd-point-sheet-body {
	margin-top: 12px;
	padding: 0 21px;
	color: #141414;
}

.attd-point-sheet-body p {
  margin: 6px 18px 18px;
  line-height: 1.5;
  color: #141414;
}
.attd-point-sheet-list {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.attd-point-sheet-list li {
  font-size: 16px;
  font-weight: 300;
  color: #141414;
}

.attd-point-benefit {
  display: flex;
  gap: 12px;
  align-items: center;
  background: #f9fafb;
  border-radius: 12px;
  padding: 32px 20px;
  margin: 20px 0 18px;
  position: relative;
}

.attd-point-benefit > div strong {
  color: #ff740e;
}
.attd-point-benefit .bear {
  width: 94px;
  height: 123px;
  border-radius: 16px;
  position: absolute;
  right: 0px;
  top: 28px;
  background: url("../images_kiwi/icon/bear.svg") no-repeat 0 0px;
}

.attd-point-sheet-footer {
  display: flex;
}

.attd-point-sheet-footer button {
  flex: 1;
  padding: 16px 12px;
  border: 0;
  cursor: pointer;
  font-weight: 500;
}

.attd-point-btn-outline {
  background: #f4f4f4;
  color: #222;
}

.attd-point-is-open .dim {
  opacity: 1;
  pointer-events: auto;
  z-index: 1;
}
.attd-point-is-open .attd-point-bottom-sheet {
  transform: translateY(0%);
}

.attd-point-layer-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 99;
}

.attd-point-popup-content {
  background: #fff;
  padding: 20px;
  border-radius: 12px;
  color: #141414;
}

.attd-point-layer-popup.guide-pop .attd-point-popup-content {
  padding: 0;
  border-radius: 0;
  width: 100%;
  height: 100%;
}
.attd-point-layer-popup.guide-pop .attd-point-popup-content h2 {
  padding: 0 20px 10px;
  margin-top: 28px;
  display: flex;
  justify-content: space-between;
  font-size: 20px;
  align-items: center;
  color: #141414;
}
.attd-point-layer-popup.guide-pop .attd-point-popup-content {display: flex; flex-direction: column;}
.attd-point-layer-popup.guide-pop .attd-point-popup-content .attd-point-pointwrap {flex: 1; padding-bottom: 80px; overflow: auto;}
.attd-point-guide-title {
  margin-top: 20px;
  font-size: 18px;
  color: #141414;
}
.attd-point-guide-item ul {
  margin-top: 12px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.attd-point-guide-item ul li {
  position: relative;
  padding-left: 10px;
  color: #666666;
  font-size: 14px;
  line-height: 22px;
  font-weight: 300;
}
.attd-point-guide-item ul li:after {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background: #141414;
  position: absolute;
  left: 0;
  top: 7px;
}

/*오늘출석체크*/
.attd-point-attendwrap {
  display: flex;
  flex-direction: column;
  color: #141414;
}
.attd-point-attendwrap section {
  position: relative;
  padding: 20px 20px 20px;
  color: #141414;
}
.attd-point-toparea {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.attd-point-topimg {
  max-width: 250px;
  text-align: center;
}
.attd-point-todayp {
  font-size: 26px;
  font-weight: 700;
  color: #f46600;
  margin-top: 12px;
}
.attd-point-todaysub {
  font-size: 14px;
  margin-top: 12px;
  line-height: 22px;
  margin-bottom: 30px;
}
.attd-point-duetxt {
  font-size: 14px;
  /* margin-top: 40px; */
  line-height: 22px;
  width: 100%;
  /* margin-bottom: 12px; */
  text-align: center;
  position: fixed;
  bottom: 80px;
  left: 50%;
  transform: translateX(-50%);
}
.attd-point-duetxt span {
  color: #f46600;
}

.attd-point-roulette {
  width: 346px;
  height: 261px;
  position: relative;
  margin-bottom: 20px;
  align-self: center;
}
.attd-point-roulette .obj {
  position: absolute;
}
.attd-point-roulette .board_start {
  width: 60px;
  height: 60px;
  top: calc(50% + 20px);
  left: 52%;
  z-index: 5;
  transform: translate(-50%, -50%);
}
.attd-point-roulette .board_start img {
  width: 100%;
}
.attd-point-roulette .board_bg {
  width: 360px;
  height: 260px;
  top: 12px;
  left: -5px;
  z-index: 2;
}
.attd-point-roulette .board_bg img {
  width: 100%;
  height: 100%;
}
.attd-point-roulette .board_on {
  width: 189px;
  height: 189px;
  top: 55px;
  left: 80px;
  z-index: 3;
}
.attd-point-roulette .board_on img {
  width: 100%;
  height: 100%;
}
.attd-point-roulette .obj.board_arrow {
  width: 43px;
  height: 55px;
  top: 20px;
  left: 52%;
  z-index: 5;
  transform: translateX(-50%);
}
.attd-point-roulette .obj.board_arrow img {
  width: 100%;
}
.attd-point-succ-pop {
  text-align: center;
}
.attd-point-succ-pop h2 {
  font-size: 16px;
  text-align: center;
}
.attd-point-succ-pop strong {
  display: block;
  color: #f46600;
  font-size: 26px;
  font-weight: 700;
  text-align: center;
  margin: 12px 0 16px;
}
.attd-point-succ-pop img {
  width: 50%;
}
/*계좌해지*/

.attd-point-cancelwrap .attd-point-sheet-header {
  font-size: 20px;
  line-height: 28px;
  margin-top: 40px;
}
.attd-point-cancelwrap .attd-point-sheet-body div.con {
  margin-top: 20px;
  font-size: 16px;
  font-weight: 300;
}
.attd-point-cancelwrap .attd-point-sheet-body .attd-point-benefit {
  padding: 20px;
}
.attd-point-cancelwrap .attd-point-sheet-body .attd-point-benefit > div strong {
  font-size: 16px;
  font-weight: 700;
  border-radius: 18px;
}

.attd-point-info-container
{
    padding-left: 20px;
    padding-right: 20px !important;
	color: #141414;
}

.attd-point-left-right-area {
	display: flex;
	margin-top: 30px;
    margin-bottom: 20px;
	color: #141414;
}
.attd-point-left-right-area > * {
	display: flex;
	flex-direction: column;
	color: #141414;
}
.attd-point-left-right-area .left {
	flex: 1;
}
.attd-point-left-right-area .right {
    flex: 1;
}
.attd-point-box {
	flex: 1;
  padding: 18px;
  border: 1px solid transparent; /* 보더 두께 */
  border-radius: 16px; /* 필요시 조절 */
  background: linear-gradient(#ffffff, #f4f4f6) padding-box, /* 안쪽 면 색 */ linear-gradient(180deg, #dddddd 0%, #ffffff 100%) border-box; /* 보더 그라데이션 */
  box-shadow: 0 2px 8px rgba(20, 20, 20, 0.08);
  border-radius: 12px;
}
.attd-point-box .title {
	font-size: 13px;
	font-weight: 500;
	margin-bottom: 10px;
	text-align: center;
	color: #141414;
}

.attd-point-box .title_orange {
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 10px;
    text-align: center;
    color: #ff740e;
}
.attd-point-box .body {
    font-size: 13px;
    font-weight: 300px;
    color: #666666;
    text-align: center;
}
/* SR-250828-03244 [APP] 출석체크 개선 및 내부포인트리 시스템 개발(안) End */

.bd-none{
	border:0;
}

/* 모바일웹 */
.mobile-web .prd-main .prd-nav {
	position: sticky;
	top: 0;
}

.mobile-web .prd-main .prd-nav ~ section {
	padding-top: 10px;
}

/* kiwi renewal style (2025-2026) */
:root {
	--normal: #141414;
	--red: #f00;
	--blue: #0066ff;
}

.pd-h-expand {margin-left: -21px !important; margin-right: -21px !important;}


.text-red {color: var(--red) !important;}
.text-blue {color: var(--blue) !important;}

.dlist01 {margin: 10px 0; font-size: 0.875rem;}
.dlist01:first-child {margin-top: 0;}
.dlist01:last-child {margin-bottom: 0;}
.dlist01 dl {display: flex; margin-top: 8px; align-items: center;}
.dlist01 dl:first-child {margin-top: 0;}
.dlist01 dt {font-weight: 500;}
.dlist01 dd {flex: 1; padding-left: 10px; text-align: right;}
.dlist01 .unit {margin-left: 2px; font-weight: 300;}

.info-cont {margin-top: 12px; font-weight: 300; font-size: 0.875rem; color: #666; text-align: center; line-height: 1.57;}
.info-cont .image {max-width: 260px; margin: 36px auto 0;}

.banner-box {margin-top: 20px;}
.banner-box a {
	display: block;
}
.banner-box img {
	width: 100%;
}


/***** datepicker *****/
.dw-persp {position: fixed; height: 100vh !important; height: 100svh !important;}
.dw-top .dw, .dw-bottom .dw {top: auto !important; bottom: 0;}
.dw-calendar .dwcc {padding-bottom: 20px;}
.mbsc-mobiscroll .dwb-c .dwb::before {content: ""; position: absolute; top: 0; right: 0; width: 80px; height: 60px; z-index: 5;}
.dwcc .layer-close::before {content: ""; position: absolute; left: -5px; top: -5px; width: calc(100% + 10px); height: calc(100% + 10px);}

/***** 외국인 - 추가 제출 서류선택 (LON500121M) *****/
.ol-list-checkSheet li {margin: 10px 0;}
.ol-list-checkSheet .item {position: relative; display: flex; align-items: center; padding: 0;}
.ol-list-checkSheet .item > label:first-child {flex: 1; padding: 5px 0;}
.ol-list-checkSheet .item .cir-only {display: block; width: 24px; height: 24px; margin-left: auto; border-radius: 50px;}
.ol-list-checkSheet .item .cir-only .blind {text-indent: -999em;}
.ol-list-checkSheet .item .form-check.cir-only input[type=checkbox] + span::before {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}

.idVerify-list dl {margin-top: 20px;}


/***** accordion style *****/
.accWrap {font-size: 0.875rem;}
.acc_head {position: relative; display: flex;}
.acc_head .title {flex: 1; align-items: center; padding: 10px;}
.btn_acc {position: relative; width: 60px; height: 54px; text-indent: -999em;}
.btn_acc:only-child {flex: 1;}
.btn_acc::after {content: ''; position: absolute; top: 50%; right: 20px; width: 20px; height: 20px; margin-top: -10px; background: url("../images_kiwi/icon/ico_arr_b.svg") no-repeat center center; background-size: 20px auto; transition: all 0.3s linear;}
.acc_cont {max-height: 0; padding: 0; overflow: hidden; transition: all 0.5s linear;}
.btn_acc.btn-link {text-indent: 0; padding: 10px 60px 10px 20px; text-align: left; background-color: #f5f5f5;}
.btn_acc.btn-link > * {margin: 0; border: none;}

.acc_open .btn_acc::after {transform: rotate(180deg);}
.btn_acc .txt_close {display: none;}
.acc_open .btn_acc .txt_open {display: none;}
.acc_open .btn_acc .txt_close {display: inline-block;}
.acc_open .acc_cont {max-height: 2000px;}

.multiple-transfers-box .acc_head {position: absolute; left: 0; bottom: 0; width: 100%; height: 54px;}
.multiple-transfers-box .btn_acc {border-radius: 0 0 12px 12px;}
.multiple-transfers-box .acc_open .acc_cont {max-height: 1000px;}

.open-info-wrap{position:relative;height:100vh;background:linear-gradient(196deg, #ffde38 10.91%, #ffb433 89.09%, #ffd338);justify-content:center;align-items:center}
.open-info-wrap:before{content:'';width:100%;height:calc(100vh - 4%); top:4%;display:block;position:absolute;background:url('../images_kiwi/ncontents/open_info_img_02.png') no-repeat;background-size:100%;z-index:0}
.open-info-wrap .open-info {text-align:center;position:relative;z-index:1}
.open-info-wrap .open-info .tit{font-size:1.875rem;font-weight:700;color:#473a05;line-height:normal}
.open-info-wrap .open-info .tit span{color:#995324}
.open-info-wrap .open-info .txt {font-size:0.875rem;line-height:1.375rem;color:#141414;margin-top:16px}
.open-info-wrap .open-info .txt span{display:block;padding:7px 16px 6px;font-weight:700;border-radius:999px;border:1px solid #efefe6;margin:8px 0;background:linear-gradient(180deg, rgba(239,239,230,0.10) 0%, rgba(239,239,230,0.10) 100%);box-shadow:0 5px 10px 0 rgba(0,0,0,0.10), 0 0 20px 0 #fff inset;backdrop-filter:blur(10px)}
.open-info-wrap .open-info .img{display:block;width:171px;height:156px;margin:40px auto 0;background-image:url('../images_kiwi/ncontents/open_info_img_01.png');background-size:100%;}

.txttype{font-size:0.75rem !important;font-weight:800;line-height:1.25rem;margin-top:0 !important}
.txttype2{font-size:0.75rem !important;font-weight:800;line-height:1.25rem;color:#f46600;margin-top:0 !important}
.chk-im-info.chimg{display:flex;}
.chk-im-info.chimg img {margin-right:5px;margin-top:2px}

/***** 암호 키패드 위치 *****/
.wrapper #pinpad > * {position: fixed !important; left: auto !important; top: auto !important; right: 0 !important; bottom: 56px !important;}
.wrapper #pinpad1 > * {position: fixed !important; left: auto !important; top: auto !important; right: 0 !important; bottom: 56px !important;}
.wrapper #pinpad2 > * {position: fixed !important; left: auto !important; top: auto !important; right: 0 !important; bottom: 56px !important;}

/* SR-260312-01035 [앱] 대출상환 및 철회 페이지 및 안내문자 개선 START */
[class*="point2"]
{
	color: #f46600;
}
/* SR-260312-01035 [앱] 대출상환 및 철회 페이지 및 안내문자 개선 END */