@charset "utf-8";

/* as is contorls */
.kj-fixed-head {
	display: flex;
	overflow: hidden;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding-top: 0;
	padding-bottom: 0;
	white-space: nowrap;

	gap: 4px;
}

/* kj-container */
.kj-container {
	margin-top: 48px;
}

.kj-container[class*="kj-bg"] {
	padding: 20px;
}

.kj-container.kj-bg-black-f {
	color: #515961;
}

/* kj-fluid */
.kj-fluid {
	margin-right: -20px !important;
	margin-left: -20px !important;
}

/* kj-bar */
.kj-bar {
	width: 1px;
	background-color: var(--kj-e1e3e5);
}

/* kj-helper-gap */
.kj-helper-gap {
	margin: 8px 8px 0;
}

/* kj-divide-line */
.kj-divide-line {
	display: block;
	height: 1px;
	margin: 24px 0;
	border: 0 none;
	background-color: var(--kj-f2f5f7);
}

.kj-divide-line-vertical {
	display: block;
	width: 1px;
	margin: 0 8px;
	border: 0 none;
	background-color: var(--kj-f2f5f7);
}

.kj-bottom-line {
	padding-bottom: 12px;
	border-bottom: 1px solid var(--kj-e1e3e5);
}

/* kj-heading-fs */
[class*="kj-heading-fs"]:first-child {
	margin-top: 0;
}

[class*="kj-heading-fs"]:last-child {
	margin-bottom: 0;
}

[class*="kj-heading-fs"] {
	display: flex;
	align-items: center;
	flex-wrap: wrap;

	gap: 4px;
}

[class*="kj-heading-fs"]+[class*="kj-heading-fs"] {
	margin-top: 0;
}

[class*="kj-heading-fs"] .kj-right {
	display: flex;
	margin-left: auto;

	gap: 4px;
}

[class*="kj-heading-fs"] [class*="kj-title"] {
	display: inline-flex;
	align-items: center;
	flex: 1;
	color: var(--kj-212529);
	font-weight: 700;

	gap: 4px;
}

[class*="kj-heading-fs"]>.kj-text {
	min-width: 100%;
	font-weight: 500;
	line-height: 24px;
}

.kj-heading-fs20 {
	margin-top: 48px;
	margin-bottom: 24px;
}

.kj-heading-fs20 .kj-title {
	font-size: 20px;
	line-height: 30px;
}

.kj-heading-fs18 {
	margin-top: 48px;
	margin-bottom: 16px;
}

.kj-heading-fs18 .kj-title {
	font-size: 18px;
	line-height: 28px;
}

.kj-heading-fs16 {
	margin-top: 24px;
	margin-bottom: 12px;
}

.kj-heading-fs16 .kj-title {
	font-size: 16px;
	line-height: 26px;
}

.kj-heading-fs14 {
	margin-top: 24px;
	margin-bottom: 8px;
}

.kj-heading-fs14 .kj-title {
	font-size: 14px;
	line-height: 24px;
}

/* kj-input-subtext */
.kj-input-subtext {
	justify-content: center;
	min-width: 100%;
	margin-top: 14px;
	color: var(--kj-6e7780);
	font-size: 13px;
	line-height: 24px;
}

/* kj-bullet */
[class*="kj-bullet-"]:first-child {
	margin-top: 0;
}

[class*="kj-bullet-"]:last-child {
	margin-bottom: 0;
}

[class*="kj-bullet-"] {
	display: flex;
	flex-direction: column;
	min-width: 100%;
	margin: 8px 0;
	color: var(--kj-6e7780);
	font-size: 14px;
	letter-spacing: -.1px;
	line-height: 24px;

	gap: 8px;
}

.kj-accordion-type-checkinfo [class*="kj-bullet-"] {
	color: var(--kj-515961);
}

[class*="kj-bullet-"] [class*="kj-bullet-"] {
	margin: 0;
	padding-left: 12px;
}

[class*="kj-bullet-"] li {
	display: flex;
	flex-wrap: wrap;
	color: inherit;
	font-size: inherit;
	letter-spacing: inherit;
	line-height: inherit;

	gap: 4px;
}

[class*="kj-bullet-"] li .kj-text {
	flex: 1;
	color: inherit;
	font-size: inherit;
	font-weight: 500;
	line-height: inherit;
}

[class*="kj-bullet-"] .kj-right {
	display: flex;
	align-items: flex-start;
	margin-left: auto;
}

/* kj-bullet-dot */
.kj-bullet-dot>li {
	--bullet-color: var(--kj-c0c6cc);
}

.kj-bullet-dot>li::before {
	content: "";
	width: 4px;
	min-width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: var(--bullet-color);
	transform: translateY(.6429em);
}

.kj-bullet-dot.kj-color-ffffff>li::before {
	background-color: var(--kj-ffffff);
}

/* kj-bullet-hyphen */
.kj-bullet-hyphen {
	font-size: 13px;
	font-weight: 400;
	line-height: 20px;

	gap: 4px;
}

.kj-bullet-hyphen>li::before {
	content: "-";
	width: auto;
	height: auto;
	border-radius: initial;
	background-color: var(--kj-transparent);
	transform: none;
}

/* kj-bullet-num */
.kj-bullet-num {
	padding-left: 16px;
	line-height: 22px;
}

.kj-bullet-num>li {
	display: list-item;
	padding-left: 4px;
	list-style: decimal;
}

/* kj-bullet-numcircle */
.kj-bullet-numcircle {
	counter-reset: numcircle 0;
}

.kj-bullet-numcircle>li {
	gap: 8px;
}

.kj-bullet-numcircle>li::before {
	content: counter(numcircle);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 1em;
	height: 1em;
	border: 1px solid;
	border-radius: 50%;
	font-size: inherit;
	transform: translateY(.3em);
	counter-increment: numcircle 1;
}

.kj-bullet-numcircle>li[data-num]::before {
	content: attr(data-num);
}

/* kj-bullet-star */
.kj-bullet-star>li::before {
	content: "*";
	font-size: 16px;
}

/* kj-bullet-asterism */
.kj-bullet-asterism>li::before {
	content: "※";
}

/* kj-text-asterism */
.kj-text-asterism {
	display: flex;

	gap: 4px;
}

.kj-text-asterism::before {
	content: "※";
	display: block;
}

.kj-text-asterism .text {
	flex: 1;
}

/* kj-content-head */
.kj-content-head {
	display: flex;
	margin-bottom: 12px;
}

.kj-content-head .kj-right {
	margin-left: auto;
}

/* kj-images */
.kj-images {
	position: relative;
	text-align: center;
}

.kj-images.kj-dimmed::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: var(--kj-515961);
	opacity: .6;
}

.kj-images img {
	width: auto;
	max-width: 100%;
}

.kj-images .kj-images-text {
	margin-top: 24px;
	color: var(--kj-212529);
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	line-height: 24px;
}

/* kj-scroll-x */
.kj-scroll-x {
	overflow-x: auto;
}

/* kj-table */
.kj-table:first-child {
	margin-top: 0;
}

.kj-table {
	position: relative;
	margin-top: 12px;
	border-top: 1px solid var(--kj-8c959f);
}

.kj-table::before,
.kj-table::after {
	content: "";
	position: absolute;
	top: -1px;
	bottom: 0;
	z-index: 1;
	width: 1px;
	background: #fff;
}

.kj-table::before {
	left: 0;
}

.kj-table::after {
	right: 0;
}

.kj-table table {
	width: 100%;

	--kj-table-td-cell-padding: 12px 4px;
	--kj-table-th-cell-padding: 12px 4px;
	--kj-table-align: center;
	--kj-table-th-bg: var(--kj-f2f5f7);
	--kj-table-th-color: var(--kj-6e7780);
	--kj-table-td-color: var(--kj-6e7780);
	--kj-table-th-align: center;
	--kj-table-td-align: center;
	--kj-talbe-white-space: nowrap;
	--kj-table-word-break: break-all;
}

.kj-table th {
	padding: var(--kj-table-th-cell-padding);
}

.kj-table td {
	padding: var(--kj-table-td-cell-padding);
}

.kj-table th,
.kj-table td {
	border: 1px solid var(--kj-f2f5f7);
	border-width: 0 0 1px 1px;
	font-size: 13px;
	word-break: var(--kj-table-word-break);
	letter-spacing: -.1px;
	line-height: 20px;
	background-color: var(--kj-ffffff);
}

.kj-table th {
	color: var(--kj-515961);
	font-weight: 500;
	text-align: var(--kj-table-th-align);
}

.kj-table td {
	color: var(--kj-6e7780);
	font-weight: 400;
	text-align: var(--kj-table-td-align);
}

/* kj-table-align */
.kj-table .kj-table-all-left {
	--kj-table-th-align: left;
	--kj-table-td-align: left;
	--kj-table-td-cell-padding: 12px;
	--kj-table-th-cell-padding: 12px;
}

.kj-table .kj-table-all-right {
	--kj-table-th-align: right;
	--kj-table-td-align: right;
	--kj-table-td-cell-padding: 12px;
	--kj-table-th-cell-padding: 12px;
}

.kj-table .kj-table-all-center {
	--kj-table-th-align: center;
	--kj-table-td-align: center;
	--kj-table-td-cell-padding: 12px 4px;
	--kj-table-th-cell-padding: 12px 4px;
}

.kj-table .kj-table-content-left {
	--kj-table-th-align: center;
	--kj-table-td-align: left;
	--kj-table-td-cell-padding: 12px;
	--kj-table-th-cell-padding: 12px 4px;
}

.kj-table .kj-table-content-right {
	--kj-table-th-align: center;
	--kj-table-td-align: right;
	--kj-table-td-cell-padding: 12px;
	--kj-table-th-cell-padding: 12px 4px;
}

.kj-table .kj-table-between {
	--kj-table-th-align: left;
	--kj-table-td-align: right;
	--kj-table-th-cell-padding: 12px;
	--kj-table-td-cell-padding: 12px;
}

.kj-table .kj-table-between thead th:first-child {
	text-align: var(--kj-table-th-align);
}

.kj-table .kj-table-between thead th {
	text-align: var(--kj-table-td-align);
}

.kj-table .kj-table-content-between {
	--kj-table-th-align: center;
	--kj-table-td-align: right;
	--kj-table-th-cell-padding: 12px 4px;
	--kj-table-td-cell-padding: 12px;
}

.kj-table .kj-table-content-between thead th {
	padding: var(--kj-table-th-cell-padding);
	text-align: var(--kj-table-th-align);
	text-align: var(--kj-table-th-align);
}

.kj-table .kj-table-content-between tbody th {
	padding: var(--kj-table-td-cell-padding);
	text-align: left;
}

.kj-table .kj-bg-none {
	border-color: var(--kj-f2f5f7) !important;
	background-color: var(--kj-transparent) !important;
}

/* th color type */
.kj-table th {
	border-color: var(--kj-ffffff);
	background-color: var(--kj-table-th-bg);
}

.kj-table-color02 th {
	background-color: var(--kj-f0f6ff);
}

.kj-table-color03 th {
	background-color: var(--kj-eceff4);
}

.kj-text {
	color: inherit;
	font-size: inherit;
	word-break: break-all;
	line-height: inherit;
}

/* kj-text-group-wrap */
.kj-text-group-wrap {
	border-top: 1px solid var(--kj-8c959f);
}

.kj-text-group-wrap .kj-text-group-row {
	padding: 16px 0;
	border-bottom: 1px solid var(--kj-f2f5f7);
}

.kj-text-group-wrap .kj-text-group-row:last-child {
	border-bottom: 0;
}

/* kj-text-info-wrap */
.kj-text-info-wrap {
	display: flex;
	flex-direction: column;
	padding-top: 14px;
	border-top: 1px solid var(--kj-8c959f);

	gap: 8px;
}

.kj-text-info-wrap.kj-no-line {
	padding-top: 0;
	border-top: 0;
}

.kj-text-info-wrap .kj-divide-line {
	margin: 8px 0;
}

/* kj-text-group-row */
.kj-text-group-row {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;

	gap: 4px;
}

button.kj-text-group-row {
	width: 100%;
	text-align: left;
	background-color: var(--kj-transparent);
}

.kj-text-group-left,
.kj-text-group-right {
	display: inline-flex;
	align-items: center;

	gap: 4px;
}

.kj-text-group-row .kj-text {
	display: inline-flex;
	align-items: center;
	color: var(--kj-6e7780);
	font-size: 14px;
	font-weight: 500;
	line-height: 24px;

	gap: 4px;
}

.kj-text-group-right {
	justify-content: flex-end;
	flex: 1;
	text-align: right;
}

.kj-text-group-right .kj-text {
	color: var(--kj-212529);
	word-break: keep-all;
}

.kj-text-inner {
	margin: 8px;
	font-size: 13px;
	letter-spacing: -.1px;
	line-height: 20px;
}

.kj-list-line {
	border-top: 1px solid var(--kj-8c959f);
}

.kj-list-line .kj-item {
	border-bottom: 1px solid var(--kj-f2f5f7);
}

/* kj-list-location-group */
.kj-list-location-group {
	margin-top: 48px;
}

.kj-list-location-group .kj-list-location {
	margin-top: 24px;
	padding-top: 24px;
	border-top: 1px solid var(--kj-e1e3e5);
}

.kj-list-location-group .kj-list-location:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: 0 none;
}

.kj-list-location {
	display: flex;

	gap: 8px;
}

.kj-list-location .kj-img {
	width: 48px;
}

.kj-list-location .kj-info {
	flex: 1;
	padding-top: 8px;
}

.kj-list-location .kj-info .kj-title {
	color: var(--kj-212529);
	font-size: 18px;
	font-weight: 700;
	letter-spacing: -.2px;
	line-height: 28px;
}

.kj-list-location .kj-desc-list {
	margin-top: 12px;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: -.1px;
	line-height: 24px;
}

.kj-list-location .kj-desc-list .kj-detail {
	margin-top: 4px;
	color: var(--kj-212529);
}

.kj-list-location .kj-desc-list .kj-detail .kj-phone-number {
	display: flex;
	align-items: center;

	gap: 4px;
}

/* kj-panel-list */
.kj-panel-list {
	display: flex;
	flex-direction: column;

	gap: 16px;
}

/* kj-panel */
.kj-panel-wrap {
	position: relative;
}

.kj-panel {
	display: block;
	position: relative;
	padding: 20px;
	border-radius: 6px;
}

.kj-panel .kj-bullet-dot {
	font-weight: 500;
}

[class*="kj-panel"] .kj-position {
	display: flex;
	position: absolute;
	top: 20px;
	right: 20px;
	padding: 4px;
}

[class*="kj-panel"] .kj-close {
	display: flex;
	background-color: var(--kj-transparent);
}

.kj-panel .kj-tab-panel {
	padding-bottom: 0;
}

.kj-panel .kj-text-group-row:first-child {
	margin-top: 0;
}

.kj-panel .kj-text-group-row {
	margin-top: 8px;
}

.kj-panel-type-shadow {
	box-shadow: 0 6px 10px rgba(33, 37, 41, .02), 0 1px 16px rgba(33, 37, 41, .04);
}

/* kj-panel-type-bg */
.kj-panel-type-bg01 {
	background-color: var(--kj-0565f0);
}

.kj-panel-type-bg02 {
	background-color: var(--kj-1d2d47);
}

.kj-panel-type-bg03 {
	background-color: var(--kj-f5f7fa);
}

.kj-panel-type-bg03 [class*="kj-heading-fs"] [class*="kj-title"] {
	color: var(--kj-515961);
}

/* kj-panel-type-border */
.kj-panel-type-border01 {
	border: 1px solid var(--kj-e1e3e5);
}

/* kj-panel-type-bigbanner */
.kj-panel-type-bigbanner .kj-panel-title:last-child {
	margin-bottom: 0;
}

.kj-panel-type-bigbanner .kj-panel-title {
	margin-bottom: 14px;
	color: var(--kj-212529);
	font-family: var(--kj-fm-gothic);
	font-size: 22px;
	font-weight: 700;
	line-height: 32px;
}

.kj-panel-type-bigbanner .kj-banner-info {
	display: flex;
	flex-direction: column;

	gap: 8px;
}

.kj-panel-type-bigbanner .kj-interest-rate {
	display: flex;
	flex-wrap: wrap;

	gap: 4px;
}

.kj-panel-type-bigbanner .kj-banner-info {
	color: var(--kj-515961);
	font-size: 12px;
	line-height: 20px;
}

.kj-panel-type-bigbanner .kj-prefix {
	font-size: 12px;
}

.kj-panel-type-bigbanner .kj-num {
	margin-left: 4px;
	font-size: 16px;
	font-weight: 500;
}

.kj-panel-type-bigbanner .kj-product-name {
	margin-top: 22px;
	color: var(--kj-212529);
	font-size: 12px;
	font-weight: 500;
}

.kj-panel-type-bigbanner .kj-img {
	position: absolute;
	right: 20px;
	bottom: 20px;
}

/* kj-panel-type-banner */
[class*="kj-panel-type-banner"] {
	border: 1px solid var(--kj-e1e3e5);
	word-break: break-all;
	background-color: #fff;
	box-shadow: 0 1px 16px 0 rgb(33 37 41 / 4%), 0 6px 10px 0 rgb(33 37 41 / 2%);
}

[class*="kj-panel-type-banner"] .kj-flex1 {
	flex: 1;
	color: var(--kj-212529);
	font-size: 14px;
	font-weight: 500;
	letter-spacing: -.1px;
	line-height: 24px;
}

.kj-panel-type-banner01 {
	display: flex;
	align-items: center;
	margin-top: 16px;
	padding: 16px;

	gap: 8px;
}

.kj-panel .kj-text-info-wrap .kj-text-group-row,
.kj-text-info-wrap .kj-text-group-row,
.kj-flex-column .kj-text-group-row {
	margin-top: 0;
}

/* kj-panel-motion */
.swiper-slide .kj-panel-type-bigbanner .kj-panel-title,
.swiper-slide .kj-panel-type-bigbanner .kj-interest-rate,
.swiper-slide .kj-panel-type-bigbanner .kj-banner-info>.kj-text,
.swiper-slide .kj-panel-type-bigbanner .kj-product-name,
.swiper-slide .kj-panel-type-bigbanner .kj-img {
	transform: translateY(20px);
	opacity: 0;
}

.swiper-slide-active .kj-panel-type-bigbanner .kj-panel-title,
.swiper-slide-active .kj-panel-type-bigbanner .kj-interest-rate,
.swiper-slide-active .kj-panel-type-bigbanner .kj-banner-info>.kj-text,
.swiper-slide-active .kj-panel-type-bigbanner .kj-product-name,
.swiper-slide-active .kj-panel-type-bigbanner .kj-img {
	transition: all .4s;
	transform: translateY(0);
	opacity: 1;
}

.swiper-slide-active .kj-panel-type-bigbanner .kj-panel-title {
	transition-delay: .2s;
}

.swiper-slide-active .kj-panel-type-bigbanner .kj-interest-rate {
	transition-delay: .4s;
}

.swiper-slide-active .kj-panel-type-bigbanner .kj-banner-info>.kj-text {
	transition-delay: .6s;
}

.swiper-slide-active .kj-panel-type-bigbanner .kj-product-name {
	transition-delay: .8s;
}

.swiper-slide-active .kj-panel-type-bigbanner .kj-img {
	transition-delay: .8s;
}

/* kj-panel-type-product */
.kj-panel-type-product {
	display: flex;
	flex-direction: column;

	gap: 4px;
}

.kj-panel-type-product .kj-badge-group {
	margin-bottom: 8px;
	padding-right: 30px;
}

.kj-panel-type-product .kj-panel-title {
	color: var(--kj-212529);
	font-size: 16px;
	font-weight: 700;
	letter-spacing: -.1px;
	line-height: 24px;
}

.kj-panel-type-product .kj-interest-rate {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-top: 8px;
	font-size: 14px;
	line-height: 24px;

	gap: 8px;
}

.kj-panel-type-product .kj-interest-rate .kj-bar {
	height: 12px;
}

.kj-panel-type-product .kj-text {
	font-size: 13px;
	line-height: 20px;
}

.kj-panel-type-product .kj-bottom-desc {
	margin-top: 8px;
	color: var(--kj-0565f0);
	font-size: 14px;
	font-weight: 500;
	line-height: 24px;
}

/* kj-panel-type-state */
.kj-panel-type-state {
	display: flex;
	align-items: stretch;
	justify-content: space-around;
	text-align: center;

	gap: 4px;
}

.kj-panel-type-state .kj-item {
	flex: 1;
}

.kj-panel-type-state .kj-item .kj-name {
	color: var(--kj-212529);
	font-size: 14px;
	font-weight: 500;
	line-height: 24px;
}

.kj-panel-type-state .kj-item .kj-value {
	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
}

.kj-panel-type-amount {
	display: flex;
	align-items: center;
	flex-wrap: wrap;

	gap: 8px;
}

.kj-panel-type-amount .kj-name {
	color: var(--kj-212529);
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
}

.kj-panel-type-amount .kj-right {
	margin-left: auto;
	text-align: right;
}

.kj-panel-type-amount .kj-amount {
	color: var(--kj-212529);
	font-size: 13px;
	font-weight: 500;
	line-height: 20px;
}

.kj-panel-type-amount .kj-percent {
	color: var(--kj-515961);
	font-size: 12px;
	line-height: 20px;
}

/* kj-interest-rate-big */
.kj-interest-rate-big {
	display: flex;
	flex-wrap: wrap;

	gap: 4px;
}

.kj-interest-rate-big .kj-item {
	display: flex;
	flex: 1;
	flex-direction: column;

	gap: 4px;
}

.kj-interest-rate-big .kj-name {
	color: var(--kj-515961);
	font-size: 13px;
	font-weight: 500;
	letter-spacing: -.1px;
	line-height: 20px;
}

.kj-interest-rate-big .kj-value {
	display: flex;
	align-items: baseline;

	gap: 4px;
}

.kj-interest-rate-big .kj-prefix {
	color: var(--kj-0565f0);
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
}

.kj-interest-rate-big .kj-num {
	color: var(--kj-0565f0);
	font-size: 40px;
	font-weight: 400;
	line-height: 60px;
}

.kj-interest-rate-big .kj-unit {
	color: var(--kj-0565f0);
	font-size: 24px;
	font-weight: 700;
	line-height: 36px;
}

.kj-interest-rate-big .kj-bar {
	margin: 0 8px;
}

.kj-interest-rate-big .kj-text {
	font-size: 13px;
	font-weight: 400;
	line-height: 20px;
}

.kj-interest-rate-big .kj-text.kj-full {
	margin-top: 8px;
}

/* kj-full */
.kj-full {
	flex: 1;
	min-width: 100%;
}

/* kj-accordion */
.kj-accordion-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: 16px 0;
	background-color: var(--kj-ffffff);

	gap: 8px;
}

.kj-accordion-head .kj-title {
	display: flex;
	align-items: center;
	flex: 1;
	color: var(--kj-212529);
	font-size: 16px;
	text-align: left;

	gap: 8px;
}

.kj-accordion-head .kj-icon-20x20-arrow-up {
	transform: rotate(-180deg);
}

.kj-accordion.kj-active .kj-accordion-head .kj-icon-20x20-arrow-up {
	transform: rotate(0);
}

.kj-accordion .kj-accordion-body {
	display: none;
}

.kj-accordion.kj-active .kj-accordion-body {
	display: block;
}

/* kj-accordion-type */
.kj-accordion-type-checkinfo {
	border-top: 1px solid var(--kj-f2f5f7);
}

.kj-accordion-type-checkinfo:has(.kj-divide-line.my0) {
	border-top: 0 none;
}

.kj-accordion-type-checkinfo .kj-accordion-head {
	padding: 12px 0;
	line-height: 24px;
}

.kj-accordion-type-checkinfo .kj-accordion-head .kj-title {
	color: var(--kj-515961);
	font-size: 14px;
}

.kj-accordion-type-menu .kj-accordion-head {
	padding: 14px 20px;
}

.kj-accordion-type-menu .kj-accordion-head.kj-active {
	font-weight: 700;
}

.kj-accordion-type-menu .kj-accordion-head .kj-title {
	font-size: 14px;
}

.kj-accordion-type-menu .kj-accordion-head [class*="kj-icon-"] {
	transform: rotate(-180deg);
}

.kj-accordion-type-menu .kj-accordion-head.kj-active [class*="kj-icon-"] {
	transform: rotate(0);
}

.kj-accordion-type-menu .kj-menu-list {
	margin: 0 20px;
	border-radius: 6px;
	background-color: var(--kj-f5f7fa);
}

.kj-accordion-type-menu .kj-menu-list a {
	display: block;
	padding: 10px 20px;
	color: var(--kj-515961);
	font-size: 13px;
	font-weight: 500;
	line-height: 20px;
}

.kj-accordion-type-card .kj-accordion-head.kj-active [class*="kj-icon"] {
	transform: rotate(0);
}

.kj-accordion-type-card .kj-accordion-head [class*="kj-icon"] {
	transform: rotate(-180deg);
}

/* kj-button */
[class*="kj-button"] {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	background-color: var(--kj-transparent);

	gap: 4px;
}

.kj-button-link {
	color: var(--kj-6e7780);
	font-weight: 500;
}

[class*="kj-button"][data-accordion-target] [class*="kj-icon-"] {
	transition: .2s;
	transform: rotate(-180deg);
}

[class*="kj-button"][data-accordion-target].kj-active [class*="kj-icon-"] {
	transform: rotate(0);
}

.kj-button-overlap {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
}

/* kj-button-group */
.kj-button-group {
	display: flex;
	flex-wrap: wrap;

	gap: 8px;
}

.kj-button-group .kj-right {
	display: flex;
	align-items: center;
	margin-left: auto;

	gap: 8px;
}

.kj-button-group [class*="kj-button-content"]:not(.kj-button-fixed) {
	flex: 1;
}

/* kj-button-content */
.btn_area [class*="kj-button-content"],
[class*="kj-button-content"] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 0 12px;
	border: 1px solid var(--kj-button-border);
	border-radius: 6px;
	color: var(--kj-button-color);
	font-weight: 700;
	white-space: nowrap;
	letter-spacing: -.1px;
	background-color: var(--kj-button-bg);
	cursor: pointer;
}

.btn_area [class*="kj-button-content"]:active,
[class*="kj-button-content"]:active {
	border-color: var(--kj-button-active-border);
	color: var(--kj-button-active-color);
	background-color: var(--kj-button-active-bg);
}

[class*="kj-button-content"].kj-button-fixed {
	width: auto;
}

[class*="kj-button-content"]:disabled {
	opacity: .35;
}

[class*="kj-button-content"].kj-bordered {
	border: 1px solid var(--kj-button-border);
	color: var(--kj-button-color);
	background-color: var(--kj-ffffff);
}

/* kj-button-content-color */
.kj-button-content-color01 {
	--kj-button-bg: var(--kj-0565f0);
	--kj-button-border: var(--kj-0565f0);
	--kj-button-color: var(--kj-ffffff);
	--kj-button-active-bg: var(--kj-0565f0);
	--kj-button-active-border: var(--kj-0565f0);
	--kj-button-active-color: var(--kj-ffffff);
}

.kj-button-content-color01.kj-bordered {
	--kj-button-border: var(--kj-0565f0);
	--kj-button-color: var(--kj-0565f0);
	--kj-button-active-border: var(--kj-0565f0);
	--kj-button-active-color: var(--kj-0565f0);
}

.kj-button-content-color02 {
	--kj-button-bg: var(--kj-eceff4);
	--kj-button-border: var(--kj-eceff4);
	--kj-button-color: var(--kj-6e7780);
	--kj-button-active-bg: var(--kj-eceff4);
	--kj-button-active-border: var(--kj-eceff4);
	--kj-button-active-color: var(--kj-6e7780);
}

.kj-button-content-color02.kj-bordered {
	--kj-button-border: var(--kj-e1e3e5);
	--kj-button-color: var(--kj-6e7780);
	--kj-button-active-border: var(--kj-e1e3e5);
	--kj-button-active-color: var(--kj-6e7780);
}

.kj-button-content-color03 {
	--kj-button-bg: var(--kj-e5f1ff);
	--kj-button-border: var(--kj-e5f1ff);
	--kj-button-color: var(--kj-175ec7);
	--kj-button-active-bg: var(--kj-e5f1ff);
	--kj-button-active-border: var(--kj-e5f1ff);
	--kj-button-active-color: var(--kj-175ec7);
}

.kj-button-content-color04 {
	--kj-button-bg: var(--kj-a162f7);
	--kj-button-border: var(--kj-a162f7);
	--kj-button-color: var(--kj-ffffff);
	--kj-button-active-bg: var(--kj-a162f7);
	--kj-button-active-border: var(--kj-a162f7);
	--kj-button-active-color: var(--kj-ffffff);
}

.kj-button-shadow {
	box-shadow: 0 4px 5px 0 rgba(33, 37, 41, .06), 0 6px 12px 0 rgba(33, 37, 41, .1) !important;
}

/* kj-button-content-size */
.kj-button-content-size-xxsm {
	height: 28px;
	min-height: 28px;
	font-size: 13px;
}

.kj-button-content-size-xsm {
	height: 36px;
	min-height: 36px;
	font-size: 14px;
}

.kj-button-content-size-sm {
	height: 40px;
	min-height: 40px;
	font-size: 14px;
}

.kj-button-content-size-md {
	height: 48px;
	min-height: 48px;
	font-size: 14px;
}

.kj-button-content-size-lg {
	height: 52px;
	min-height: 52px;
	font-size: 16px;
}

.kj-button-content-size-xlg {
	height: 76px;
	min-height: 76px;
	font-size: 16px;
}

.kj-button-size-28 {
	height: 28px;
	min-height: 28px;
	font-size: 13px;
}

.kj-button-size-32 {
	height: 32px;
	min-height: 32px;
	font-size: 14px;
}

.kj-button-size-36 {
	height: 36px;
	min-height: 36px;
	font-size: 14px;
}

.kj-button-size-40 {
	height: 40px;
	min-height: 40px;
	font-size: 14px;
}

.kj-button-size-48 {
	height: 48px;
	min-height: 48px;
	font-size: 14px;
}

.kj-button-size-52 {
	height: 52px;
	min-height: 52px;
	font-size: 16px;
}

.kj-button-size-76 {
	height: 76px;
	min-height: 76px;
	font-size: 16px;
}

.kj-ani-blink {
	animation: ani-blink 1.5s infinite;
}

@keyframes ani-blink {
	0% {
		opacity: 1;
	}

	50% {
		opacity: .5;
	}

	100% {
		opacity: 1;
	}
}

/* tab-list */
.kj-tab-wrap {
	position: relative;
}

.kj-tab-wrap.kj-fluid .kj-tab-panel {
	padding: 24px 20px;
}

.kj-tab-list {
	display: flex;
	position: relative;
	align-items: center;
	flex-wrap: wrap;
	border-bottom: 1px solid var(--kj-e1e3e5);

	-webkit-overflow-scrolling: auto;
}

/*.kj-tab-list::-webkit-overflow*/
.kj-tab-list .kj-scroll-deem {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 5;
	width: 43px;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
}

.kj-tab-list.kj-tab-type-pill .kj-scroll-deem {
	top: 0;
}

.kj-tab-list.sticky {
	position: fixed;
	right: 0;
	left: 0;
	z-index: 20;
	background-color: #fff;
}

.kj-tab-list .kj-tab {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center;
	flex: 1;
	height: 44px;
	color: var(--kj-6e7780);
	font-size: 16px;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	letter-spacing: -.2px;
	background-color: var(--kj-ffffff);
}

.kj-tab-list .kj-tab.kj-active {
	color: var(--kj-212529);
	font-weight: 700;
}

.kj-tab-list .kj-tab.kj-active::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 2px;
	background-color: var(--kj-212529);
}

/* kj-tab-type */
.kj-tab-type-inline {
	overflow-x: auto;
	overflow-y: hidden;
	flex-wrap: nowrap;
	padding: 0 20px;

	scrollbar-width: none;
	gap: 24px;
}

.kj-tab-type-inline::-webkit-scrollbar {
	display: none;
}

.kj-tab-type-inline .kj-tab {
	flex: 0;
}

.kj-tab-type-inline.kj-tab-type-pill {
	padding: 5px 20px;
}

.kj-tab-type-pill {
	padding: 5px 0;
	border-bottom: 0;

	--kj-pill-default-color: var(--kj-6e7780);
	--kj-pill-active-color: var(--kj-ffffff);
	--kj-pill-default-border-color: var(--kj-e1e3e5);
	--kj-pill-active-border-color: var(--kj-212529);
	--kj-pill-default-bg: var(--kj-ffffff);
	--kj-pill-active-bg: var(--kj-212529);
	gap: 8px;
}

.kj-tab-type-pill .kj-tab {
	flex: 0;
	height: 33px;
	padding: 0 12px;
	border: 1px solid var(--kj-pill-default-border-color);
	border-radius: 70px;
	color: var(--kj-pill-default-color);
	font-size: 14px;
	background-color: var(--kj-pill-default-bg);
}

.kj-tab-type-pill .kj-tab.kj-active {
	border: 1px solid var(--kj-pill-active-border-color);
	color: var(--kj-pill-active-color);
	background-color: var(--kj-pill-active-bg);
}

.kj-tab-type-pill .kj-tab.kj-active::after {
	display: none;
}

.kj-tab-type-button {
	display: flex;
	width: 100%;
	padding: 3px;
	border: 0;
	border-radius: 6px;
	background: var(--kj-f2f5f7);

	gap: 3px;
}

.kj-tab-type-button .kj-tab::after {
	display: none;
}

.kj-tab-type-button .kj-tab {
	height: 50px;
	border: 0;
	border-radius: 6px;
	font-size: 16px;
	font-weight: 500;
	background-color: var(--kj-transparent);
}

.kj-tab-type-button .kj-tab.kj-active {
	color: var(--kj-0565f0);
	background-color: var(--kj-ffffff);
}

.kj-tab-type-user {
	border-bottom: 0;
}

.kj-tab-type-user .kj-tab {
	flex-direction: column;
	height: auto;
	padding-top: 5px;

	gap: 2px 0;
}

.kj-tab-type-user .kj-tab.kj-new {
	position: relative;
}

.kj-tab-type-user .kj-tab.kj-active.kj-new::after,
.kj-tab-type-user .kj-tab.kj-new::after {
	content: "new";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: auto;
	left: auto;
	width: 16px;
	height: 16px;
	border-radius: 9999em;
	text-indent: -99999em;
	background: url("../../images/icon/icon-16x16-new.png") no-repeat;
	background-size: 16px;

	aspect-ratio: 1;
}

.kj-tab-type-user .kj-tab.kj-active::after {
	display: none;
}

.kj-tab-type-user .kj-tab .kj-images {
	border-radius: 50%;
}

.kj-tab-type-user .kj-tab.kj-active .kj-images {
	/*box-shadow: 0 0 0 2px var(--kj-0565f0);*/
	border: 2px solid var(--kj-0565f0);
}

.kj-user-custom .kj-tab {
	padding-top: 0;
}

.kj-user-custom .kj-active .kj-name {
	color: var(--kj-0565f0);
}

.kj-tab-panel {
	display: none;
	padding: 24px 0;
}

.kj-tab-panel.kj-active {
	display: block;
}

.kj-hash .kj-tab-panel {
	display: block;
}


/* TODO : modify tab*/
.kj-modify-tab {
	display: flex;
	overflow-x: auto;
	overflow-y: hidden;
	position: relative;
	z-index: 100;
	flex-wrap: nowrap;
	padding: 0 20px;
	background-color: #fff;

	scrollbar-width: none;
	gap: 24px;
}

.kj-modify-tab>a {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.kj-modify-tab .kj-height-modify {
	overflow: hidden;
	position: relative;
	width: 64px;
	height: 64px;
	border: 2px solid var(--kj-f5f7fa);
	border-radius: 9999em;
	background-color: var(--kj-f5f7fa);

	aspect-ratio: 1;
}

.kj-modify-tab .kj-active .kj-height-modify {
	border-color: var(--kj-0565f0);
	background-color: var(--kj-ffffff);
}

.kj-modify-tab .kj-height-modify img {
	height: 100%;
}

.kj-modify-tab .kj-modify-text {
	width: 64px;
	padding: 10px 0;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	word-break: keep-all;
}

.kj-modify-tab .kj-active .kj-modify-text {
	width: 100%;
	width: 64px;
	color: var(--kj-212529);
	text-align: center;
}

.kj-modify-tab .kj-active .kj-height-min {
	position: relative;
	width: 100%;
	--border-width: 0;
}

.kj-modify-tab .kj-active .kj-height-min::after {
	content: "";
	position: absolute;
	bottom: 7px;
	left: 50%;
	width: var(--border-width);
	height: 2px;
	background-color: var(--kj-212529);
	transform: translate(-50%);
}

.kj-modify-tab-content {
	position: relative;
	min-height: 400px;
}

.kj-modify-tab-content .kj-loading {
	display: flex;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: -20px;
	z-index: 101;
	justify-content: center;
	width: 100vw;
	min-height: 400px;
	padding-top: 100px;
	background-color: rgba(255, 255, 255, .9);
}

.kj-modify-tab-content .kj-loading::before {
	content: "";
	overflow: hidden;
	width: 80px;
	height: 80px;
	border-radius: 100%;
	background: #fff url(../../images/sbRenew/loading.gif) no-repeat center / 100% auto;

	aspect-ratio: 1;
}

/* kj-result */
.kj-result-wrap {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	min-height: calc(100vh - 52px - 124px);

	gap: 48px;
}

.kj-result {
	display: flex;
	align-items: center;
	flex-direction: column;
	text-align: center;

	gap: 8px;
}

.kj-result .kj-title {
	margin-top: 4px;
	color: var(--kj-212529);
	font-family: var(--kj-fm-gothic);
	font-size: 28px;
	font-weight: 700;
	line-height: 36px;
}

.kj-result .kj-text {
	color: var(--kj-6e7780);
	font-weight: 500;
	line-height: 22px;
}

.kj-result .kj-text-md {
	margin-top: 8px;
	color: var(--kj-212529);
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
}

/* kj-result-type-imaegs */
.kj-result-type-imaegs:first-child {
	margin-top: 0;
}

.kj-result-type-imaegs:first-child:last-child {
	margin-bottom: 0;
}

.kj-result-type-imaegs {
	gap: 12px;
}

.kj-result-type-imaegs .kj-title {
	margin-top: 12px;
	font-family: var(--kj-fm-gothic);
	font-size: 22px;
	font-weight: 700;
}

.kj-result-type-imaegs .kj-text {
	color: var(--kj-6e7780);
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
}

/* kj-badge */
.kj-badge-group {
	display: flex;
	flex-wrap: wrap;

	gap: 8px;
}

[class*="kj-badge"]:not(.kj-badge-group) {
	display: inline-flex;
	align-items: center;
	white-space: nowrap;
}

.kj-badge {
	padding: 0 8px;
	border-radius: 4px;
	font-size: 12px;
	font-weight: 500;
	background-color: #fff;
}

/* kj-badge-type */
.kj-badge-pill,
.kj-badge-type-pill {
	border-radius: 50px;
}

/* kj-badge-size */
.kj-badge-34,
.kj-badge-size-34 {
	height: 34px;
	line-height: 34px;
}

.kj-badge-lg,
.kj-badge-size-lg {
	height: 30px;
	line-height: 30px;
}

.kj-badge-md,
.kj-badge-size-md {
	height: 24px;
	line-height: 24px;
}

.kj-badge-xs,
.kj-badge-size-xs {
	height: 16px;
	padding: 0 4px;
	font-size: 11px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 16px;
}

.kj-badge-sm,
.kj-badge-size-sm {
	height: 20px;
	padding: 0 8px;
	font-size: 11px;
	line-height: 20px;
}

/* kj-badge-border */
.kj-badge-border,
[class*="kj-badge-border"] {
	border: 1px solid;
	background-color: var(--kj-ffffff);
}

.kj-badge-border01 {
	color: var(--kj-175ec7);
}

.kj-badge-border02 {
	color: var(--kj-6e7780);
}

.kj-badge-border03 {
	color: var(--kj-00a684);
}

.kj-badge-border04 {
	color: var(--kj-e5493a);
}

.kj-badge-border05 {
	color: var(--kj-7d5d40);
}

.kj-badge-border06 {
	color: var(--kj-007f96);
}

.kj-badge-border07 {
	color: var(--kj-a162f7);
}

.kj-badge-border08 {
	color: var(--kj-5451e1);
}

.kj-badge-border09 {
	color: var(--kj-7d42ab);
}

.kj-badge-border10 {
	color: var(--kj-175ec7);
}

.kj-badge-border11 {
	color: var(--kj-536cd7);
}

.kj-badge-border12 {
	color: var(--kj-007f96);
}

.kj-badge-border13 {
	color: var(--kj-0565f0);
}

/* kj-badge-bg */
[class*="kj-badge-bg"] {
	color: var(--kj-ffffff);
}

.kj-badge-bg01 {
	color: var(--kj-175ec7);
	background-color: var(--kj-f0f6ff);
}

.kj-badge-bg02 {
	color: var(--kj-6e7780);
	background-color: var(--kj-f5f7fa);
}

.kj-badge-bg03 {
	color: var(--kj-00a684);
	background-color: var(--kj-f8fff8);
}

.kj-badge-bg04 {
	color: var(--kj-e5493a);
	background-color: var(--kj-fff8f8);
}

.kj-badge-bg05 {
	color: var(--kj-7d5d40);
	background-color: var(--kj-fffdf8);
}

.kj-badge-bg06 {
	color: var(--kj-007f96);
	background-color: var(--kj-f8feff);
}

.kj-badge-bg07 {
	color: var(--kj-a162f7);
	background-color: var(--kj-fdf8ff);
}

.kj-badge-bg08 {
	background-color: var(--kj-5451e1);
}

.kj-badge-bg09 {
	background-color: var(--kj-7d42ab);
}

.kj-badge-bg10 {
	background-color: var(--kj-175ec7);
}

.kj-badge-bg11 {
	background-color: var(--kj-536cd7);
}

.kj-badge-bg12 {
	background-color: var(--kj-007f96);
}

.kj-badge-bg13 {
	background-color: var(--kj-0565f0);
}

.kj-badge-bg14 {
	background-color: var(--kj-8c959f);
}

/* kj-spend */
.kj-spend-group {
	display: flex;
	flex-wrap: wrap;

	gap: 4px;
}

.kj-spend {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	color: var(--kj-ffffff);
	font-size: 11px;
}

.kj-spend-color01 {
	background: url("../../images/sbRenew/img-spend-pattern-01.png") repeat 0 0;
	background-color: #2ebfd9;
	background-size: 2px 2px;
}

.kj-spend-color02 {
	background: url("../../images/sbRenew/img-spend-pattern-02.png") repeat 0 0;
	background-color: #2ebfd9;
	background-size: 2px 2px;
}

.kj-spend-color03 {
	background: url("../../images/sbRenew/img-spend-pattern-03.png") repeat 0 0;
	background-color: #2ebfd9;
	background-size: 3px 3px;
}

/* [Biz대응2차] 수정 2024-08-30 */
.kj-spend-color04 {
	background-color: #2d7ef0;
}

.kj-spend-color05 {
	background-color: #ffb53c;
}

.kj-spend-color06 {
	background-color: #13c27d;
}

.kj-spend-color07 {
	background-color: #e1e3e5;
}

/* //[Biz대응2차] 수정 2024-08-30 */
.kj-spend-bar {
	display: flex;
	overflow: hidden;
	height: 12px;
	margin: 16px 0;
	border-radius: 6px;
	background-color: var(--kj-e1e3e5);
}

.kj-spend-bar-info .kj-text-group-row {
	margin-top: 4px;
}

.kj-spend-bar-info .kj-badge {
	width: 8px;
	height: 8px;
	padding: 0;
}

.kj-spend-bar-info .kj-text-group-right .kj-text {
	color: var(--kj-212529);
	font-weight: 700;
}

/* [Biz대응2차] 수정 2024-08-30 */
.kj-spend-bar.ty-biz2 {
	background-color: var(--kj-ffffff);

	gap: 3px;
}

/* // [Biz대응2차] 수정 2024-08-30 */
/* kj-coupon */
.kj-coupon-list .kj-coupon {
	margin-top: 16px;
}

.kj-coupon-list .kj-coupon:first-child {
	margin-top: 0;
}

.kj-coupon {
	display: flex;
	position: relative;
	z-index: 2;
	border: 1px solid var(--kj-e1e3e5);
	border-radius: 8px;
}

.kj-coupon .kj-bubble {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

.kj-coupon-head {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	border-radius: 8px;
}

.kj-coupon-body {
	display: flex;
	position: relative;
	flex: 1;
	flex-direction: column;
	padding: 16px;
	border-radius: 8px 0 0 8px;

	gap: 4px;
}

.kj-coupon-body .kj-top {
	margin-bottom: 4px;
	font-size: 12px;
	font-weight: 500;
	line-height: 20px;
}

.kj-coupon-body .kj-badge-group {
	margin-bottom: 4px;
	padding-right: 20px;
}

.kj-coupon-body .kj-name {
	color: var(--kj-212529);
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
}

.kj-coupon-body .kj-text {
	color: var(--kj-515961);
	font-size: 13px;
	line-height: 20px;
}

.kj-coupon-body .kj-date:last-child {
	margin-bottom: 0;
}

.kj-coupon-body .kj-date {
	color: var(--kj-6e7780);
	font-size: 12px;
	word-break: break-all;
	line-height: 20px;
}

.kj-coupon-body .kj-button-group {
	margin-top: auto;
}

.kj-coupon .kj-close {
	display: flex;
	position: absolute;
	top: 16px;
	right: 16px;
	background-color: var(--kj-transparent);
}

.kj-coupon .kj-coupon-status {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;

	gap: 16px;
}

.kj-coupon .kj-coupon-status .kj-coupon-thumb-circle {
	overflow: hidden;
	width: 48px;
	height: 48px;
	border-radius: 24px;
	box-shadow: var(--kj-shadow-01);
}

.kj-coupon .kj-coupon-status .kj-coupon-thumb-circle img {
	width: 100%;
	height: 100%;
}

/* kj-coupon-type */
.kj-coupon-type01 {
	border: 1px solid var(--kj-e1e3e5);
}

.kj-coupon-type01 .kj-coupon-head {
	display: flex;
	align-items: center;
	width: 72px;
	padding: 15px;
	background-color: var(--kj-f0f6ff);
}

.kj-coupon-type01 .kj-coupon-head::before,
.kj-coupon-type01 .kj-coupon-head::after {
	content: "";
	position: absolute;
	left: -9px;
	z-index: 1;
	width: 16px;
	height: 8px;
	border: 1px solid var(--kj-e1e3e5);
	background-color: var(--kj-ffffff);
}

.kj-coupon-type01 .kj-coupon-head::before {
	top: -1px;
	border-top-color: #fff;
	border-radius: 0 0 8px 8px;
}

.kj-coupon-type01 .kj-coupon-head::after {
	bottom: -1px;
	border-bottom-color: #fff;
	border-radius: 8px 8px 0 0;
}

.kj-coupon-type01 .kj-coupon-body {
	border-right: 1px dashed var(--kj-e1e3e5);
}

.kj-coupon-type01 .kj-coupon-body .kj-date {
	margin-top: 4px;
}

.kj-coupon-type02 {
	border: 0;
}

.kj-coupon-type02 .kj-coupon-head {
	width: 96px;
	margin-right: -1px;
	padding: 12px;
	border: 1px solid var(--kj-e1e3e5);
	background-color: var(--kj-f2f5f7);
}

.kj-coupon-type02 .kj-coupon-head .kj-images {
	display: flex;
	overflow: hidden;
	align-items: center;
	justify-content: center;
	flex: 1;
	max-height: 150px;
	border-radius: 6px;
}

.kj-coupon-type02 .kj-coupon-head::after {
	content: "";
	position: absolute;
	top: 8px;
	right: -1px;
	bottom: 8px;
	z-index: 1;
	border-right: 1px dashed var(--kj-e1e3e5);
	background-color: var(--kj-ffffff);
}

.kj-coupon-type02 .kj-coupon-body {
	border: 1px solid var(--kj-e1e3e5);
	border-radius: 8px;
}

.kj-coupon-type02 .kj-coupon-body .kj-date {
	color: var(--kj-0565f0);
}

/* kj-coupon-success */
.kj-coupon-success {
	color: var(--kj-6e7780);
}

.kj-coupon-success .kj-images::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: var(--kj-515961);
	opacity: .6;
}

.kj-coupon-success .kj-coupon-body .kj-name {
	color: var(--kj-6e7780);
	font-weight: 500;
}

.kj-coupon-success .kj-coupon-body .kj-date {
	color: var(--kj-6e7780);
}

.kj-coupon-color-f3feff .kj-coupon-body {
	background-color: #f3feff;
}

.kj-coupon-color-fff6f5 .kj-coupon-body {
	background-color: #fff6f5;
}

.kj-coupon-color-f5d8ff {
	border-color: #f5d8ff !important;
}

.kj-coupon-color-f5d8ff .kj-coupon-body {
	border-color: #f5d8ff !important;
	background-color: #fcf3ff;
}

.kj-coupon-type01 .kj-coupon-head {
	background-color: #f0f6ff !important;
}

.kj-coupon-color-f5d8ff .kj-coupon-head::before,
.kj-coupon-color-f5d8ff .kj-coupon-head::after {
	border-color: #f5d8ff !important;
}

.kj-coupon-type01 .kj-coupon-head::before {
	border-top-color: #fff !important;
}

.kj-coupon-type01 .kj-coupon-head::after {
	border-bottom-color: #fff !important;
}

/* kj-board-head */
.kj-board-head {
	display: flex;
	align-items: center;
	margin-bottom: 16px;
}

.kj-board-head .kj-text {
	color: var(--kj-212529);
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
}

.kj-board-head .kj-right {
	display: flex;
	align-items: center;
	margin-left: auto;
}

.kj-board-head .kj-right .kj-text {
	color: var(--kj-515961);
	font-weight: normal;
}

/* kj-board-view */
.kj-board-view-head {
	padding: 24px;
}

.kj-board-view-head .kj-title {
	color: var(--kj-212529);
	font-size: 28px;
	font-weight: 700;
	line-height: 36px;
}

.kj-board-view-head .kj-flex-row {
	margin-top: 24px;
}

.kj-board-view-head .kj-flex-row .kj-left,
.kj-board-view-head .kj-flex-row .kj-right {
	display: flex;
	align-items: center;

	gap: 8px;
}

.kj-board-view-head .kj-date {
	color: var(--kj-6e7780);
	font-size: 14px;
	font-weight: 500;
	line-height: 24px;
}

.kj-board-view-head .kj-right .kj-button {
	width: 32px;
	height: 32px;
}

.kj-board-view-body {
	padding: 0 20px 20px;
}

/* cards */
.kj-card-column .kj-thumb {
	overflow: hidden;
	position: relative;
	border-radius: 6px;
	box-shadow: var(--kj-shadow-01);
}

.kj-card-column .kj-thumb .kj-top-badge {
	position: absolute;
	top: 12px;
	left: 12px;
}

.kj-card-column .kj-bottom-level {
	position: absolute;
	bottom: 23px;
	left: 24px;
}

.kj-card-column .kj-thumb-info {
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 24px;
}

.kj-card-column .kj-thumb-info .kj-title {
	color: var(--kj-000000);
	font-family: var(--kj-fm-gothic);
	font-size: 22px;
	font-weight: 700;
	line-height: 32px;
}

.kj-card-column .kj-thumb-info .kj-desc-top {
	color: var(--kj-000000);
	font-size: 16px;
	font-weight: 500;
	letter-spacing: -.1px;
	line-height: 24px;
}

.kj-card-column .kj-thumb-info .kj-title+.kj-desc-top {
	margin-top: 4px;
}

.kj-card-column .kj-card-bottom .kj-title {
	margin-top: 8px;
	color: var(--kj-212529);
	font-family: var(--kj-fm-gothic);
	font-size: 18px;
	font-weight: 700;
	letter-spacing: -.2px;
	line-height: 28px;
}

.kj-card-column .kj-card-bottom .kj-desc {
	margin-top: 4px;
	color: var(--kj-212529);
	font-size: 16px;
	letter-spacing: -.2px;
	line-height: 24px;
}

.kj-card-row {
	display: flex;

	gap: 12px;
}

.kj-card-row .kj-thumb {
	overflow: hidden;
	width: 120px;
	border-radius: 6px;
}

.kj-card-row .kj-thumb img {
	width: 100%;
}

.kj-card-row .kj-info {
	flex: 1;
}

.kj-card-row .kj-info .kj-title {
	color: var(--kj-212529);
	font-size: 16px;
	font-weight: 700;
	letter-spacing: -.1px;
	line-height: 24px;
}

.kj-card-row .kj-info .kj-desc {
	color: var(--kj-515961);
	font-size: 14px;
	font-weight: 500;
	letter-spacing: -.1px;
	line-height: 24px;
}

.kj-card-row .kj-info .kj-title+.kj-desc {
	margin-top: 4px;
}

.kj-card-row-type02 {
	display: flex;

	gap: 12px;
}

.kj-card-row-type02 .kj-category {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1;
	flex-direction: column;
	padding: 16px 0;
	border: 1px solid var(--kj-e1e3e5);
	border-radius: 6px;
	text-align: center;
	background: transparent;
	box-shadow: var(--kj-shadow-01) !important;
}

.kj-card-row-type02 .kj-category .kj-img {
	width: 72px;
}

.kj-card-row-type02 .kj-category .kj-title {
	margin-top: 4px;
	color: var(--kj-212529);
	font-size: 14px;
	font-weight: 700;
	letter-spacing: -.1px;
	line-height: 24px;
}

.kj-card-vip {
	display: block;
	overflow: hidden;
	position: relative;
	width: 100%;
	border-radius: 6px;
}

.kj-card-vip img {
	width: 100%;
}

.kj-card-vip .kj-vip-content {
	display: flex;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	align-items: center;
	justify-content: center;
}

.kj-card-vip .kj-title {
	color: var(--kj-4a271b);
	font-family: var(--kj-fm-gothic);
	font-size: 22px;
	font-weight: 700;
	text-align: center;
	line-height: 32px;
}

.kj-card-vip .kj-top-level {
	position: absolute;
	top: 17px;
	left: 24px;
}

.kj-card-vip .kj-top-right-desc {
	position: absolute;
	top: 17px;
	right: 17px;
	color: var(--kj-4a271b);
	font-size: 13px;
	font-weight: 500;
	text-align: right;
	letter-spacing: -.2px;
	line-height: 18px;
}

.kj-card-vip .kj-button-link {
	display: inline-flex;
	position: absolute;
	right: 17px;
	bottom: 14px;
	align-items: center;
}

.kj-card-scroll-x {
	display: flex;
	overflow-x: auto;
	padding: 0 20px;

	scroll-padding: 0 20px;
	scroll-snap-type: x mandatory;
	-webkit-scroll-snap-type: x mandatory;
	gap: 12px;
}

.kj-card-scroll-x .kj-card-img-namespace {
	flex: 0 0 140px;
}

.kj-card-img-text .kj-info {
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 24px;
}

.kj-card-img-text .kj-info .kj-desc-top {
	color: var(--kj-000000);
	font-size: 16px;
	font-weight: 500;
	letter-spacing: -.1px;
	line-height: 24px;
}

.kj-card-img-text .kj-info .kj-title {
	color: var(--kj-000000);
	font-family: var(--kj-fm-gothic);
	font-size: 22px;
	font-weight: 700;
	line-height: 32px;
}

.kj-card-level {
	display: flex;
	justify-content: space-between;
	margin-top: 16px;
	padding: 24px;
	border: 1px solid var(--kj-e1e3e5);
	border-radius: 6px;
}

.kj-card-img-namespace {
	overflow: hidden;
	width: 140px;
	border: 1px solid var(--kj-e1e3e5);
	border-radius: 6px;
	box-shadow: var(--kj-shadow-01);
}

.kj-card-img-namespace .kj-img img {
	width: 100%;
}

.kj-card-img-namespace .kj-title {
	margin: 8px 12px;
	color: var(--kj-212529);
	font-size: 13px;
	font-weight: 500;
	letter-spacing: -.1px;
	line-height: 20px;
}

.kj-card-level .kj-info .kj-button-link {
	font-size: 13px;
}

.kj-card-level .kj-info .kj-greeting {
	margin-top: 12px;
	font-family: var(--kj-fm-gothic);
	font-size: 18px;
	font-weight: 400;
	text-align: right;
	letter-spacing: -.2px;
	line-height: 28px;
}

.kj-card-level .kj-info .kj-greeting strong {
	font-weight: 700;
}

.kj-card-bottom-text .kj-img {
	box-sizing: 6px;
	overflow: hidden;
}

.kj-card-bottom-text {
	margin-top: 36px;
}

.kj-card-bottom-text .kj-title {
	margin-top: 8px;
	color: var(--kj-212529);
	font-family: var(--kj-fm-gothic);
	font-size: 18px;
	font-weight: 700;
	letter-spacing: -.2px;
	line-height: 28px;
}

.kj-card-bottom-text .kj-desc {
	margin-top: 4px;
	color: var(--kj-212529);
	font-size: 16px;
	letter-spacing: -.2px;
	line-height: 24px;
}

.kj-card-grid {
	display: grid;

	grid-template-columns: repeat(2, 1fr);
	gap: 16px;
}

/* kj-coupon-stamp */
.kj-coupon-stamp {
	position: absolute;
	top: 36px;
	right: 36px;
	z-index: 1;
	width: 72px;
}

/* kj-file-add-images */
.kj-file-add-images {
	display: flex;
	overflow: hidden;
	position: relative;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	border: 1px dashed var(--kj-8c959f);
	border-radius: 6px;
	background-color: var(--kj-f5f7fa);

	aspect-ratio: 2/1;
}

.kj-file-add-images input[type="file"] {
	overflow: hidden;
	position: absolute;
	width: 1px;
	height: 1px;
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
}

.kj-file-add-images .kj-file-group {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1;
	flex-direction: column;

	gap: 16px;
}

.kj-file-add-images .kj-images-view {
	display: none;
	width: auto;
	max-width: 100%;
	max-height: 100%;
}

.kj-file-add-images .kj-button-group {
	display: none;
	margin-top: 24px;
}

/* kj-search-box */
.kj-search-box {
	display: flex;
	overflow: hidden;
	align-items: center;
	border: 1px solid var(--kj-e1e3e5);
	border-radius: 6px;
}

.kj-search-box .kj-search {
	flex: 1;
	width: calc(100% - 92px);
	height: 46px;
	padding-left: 16px;
	border: 0;
}

.kj-search-box .kj-remove {
	display: none;
}

.kj-search-box .kj-button {
	width: 46px;
	height: 46px;
}

/* kj-input */
[class*="kj-input"] {
	display: inline-flex;
	vertical-align: middle;

	--kj-text-paddingTop: 0;
	--kj-text-color: var(--kj-6e7780);
	--kj-text-active-color: var(--kj-212529);
	--kj-text-size: 16px;
	--kj-text-letter-spacing: -.1px;
	--kj-text-line-height: 28px;
	--kj-text-weight: 500;
	--kj-input-size: 28px;
	gap: 8px;
}

[class*="kj-input"][class*="group"],
[class*="kj-input"][class*="button"] {
	--kj-text-active-color: var(--kj-0565f0);
}

[class*="kj-input"].kj-input-size-28 {
	--kj-text-size: 16px;
	--kj-text-line-height: 28px;
	--kj-input-size: 28px;
}

[class*="kj-input"].kj-input-size-24 {
	--kj-text-size: 14px;
	--kj-text-line-height: 24px;
	--kj-input-size: 24px;
}

[class*="kj-input"].kj-input-size-20 {
	--kj-text-size: 12px;
	--kj-text-line-height: 20px;
	--kj-input-size: 20px;
}

.kj-input-checkbox input {
	background-image: url("../../images/icon/icon-28x28-checkbox.png");
}

.kj-input-checkbox input:checked {
	background-image: url("../../images/icon/icon-28x28-checkbox-active.png");
}

.kj-input-checkmark input {
	background-image: url("../../images/icon/icon-24x24-checkmark.png");
}

.kj-input-checkmark input:checked {
	background-image: url("../../images/icon/icon-24x24-checkmark-active.png");
}

.kj-input-radio input {
	background-image: url("../../images/icon/icon-24x24-radio.png");
}

.kj-input-radio input:checked {
	background-image: url("../../images/icon/icon-24x24-radio-active.png");
}

[class*="kj-input"] input {
	width: var(--kj-input-size);
	height: var(--kj-input-size);
	padding: 0;
	border: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: var(--kj-input-size);
}

[class*="kj-input"] .kj-text {
	flex: 1;
	padding-top: var(--kj-text-paddingTop);
	color: var(--kj-text-color);
	font-size: var(--kj-text-size);
	font-weight: var(--kj-text-weight);
	letter-spacing: var(--kj-text-letter-spacing);
	line-height: var(--kj-text-line-height);

	gap: 4px;
}

[class*="kj-input"] input:checked~.kj-text {
	color: var(--kj-text-active-color);
	font-weight: 700 !important;
}

.kj-input-checkbox.kj-type-start {
	--kj-text-paddingTop: 0;
}

.kj-input-checkmark.kj-type-start {
	--kj-text-paddingTop: 0;
}

.kj-input-radio.kj-type-start {
	--kj-text-paddingTop: 0;
}

[class*="kj-input"].kj-type-start {
	vertical-align: top;
	align-items: start;
}

.kj-input-checkbox.kj-type-start {
	--kj-text-paddingTop: 2px;
}

.kj-input-checkmark.kj-type-start {
	--kj-text-paddingTop: 2px;
}

.kj-input-radio.kj-type-start {
	--kj-text-paddingTop: 0;
}

.kj-input-checkbox.kj-input-size-sm input {
	background-image: url("../../images/icon/icon-24x24-checkbox.png");
}

.kj-input-checkbox.kj-input-size-sm input:checked {
	background-image: url("../../images/icon/icon-24x24-checkbox-active.png");
}

/* kj-input-switch */
.kj-input-switch {
	display: inline-flex;
	vertical-align: middle;
}

.kj-input-switch input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: relative;
	width: 40px;
	height: 24px;
	border-radius: 51px;
	background-color: var(--kj-8c959f);
	transition: background-color .3s ease;
}

.kj-input-switch input:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	margin: 2px;
	border-radius: 50%;
	background-color: #fff;
	transition: left .3s ease;
	filter: drop-shadow(0px 3px 1px rgba(0, 0, 0, .06)) drop-shadow(0px 3px 8px rgba(0, 0, 0, .15));
}

.kj-input-switch input:checked::before {
	left: calc(100% - 24px);
}

.kj-input-switch input:checked {
	background-color: var(--kj-0565f0);
}

.kj-input-switch input:read-only {
	background-color: var(--kj-6e7780);
}

.kj-input-switch input:checked:read-only {
	background-color: var(--kj-175ec7);
}

.kj-input-switch input:disabled {
	background-color: var(--kj-c0c6cc);
}

.kj-input-switch input:checked:disabled {
	background-color: #b0ccf6;
}

.kj-input-switch.kj-sm input {
	width: 32px;
	height: 20px;
}

.kj-input-switch.kj-sm input:before {
	width: 16px;
	height: 16px;
}

.kj-input-switch.kj-sm input:checked:before {
	left: calc(100% - 20px);
}

.kj-input-switch.kj-lg input {
	width: 51px;
	height: 31px;
}

.kj-input-switch.kj-lg input:before {
	width: 27px;
	height: 27px;
}

.kj-input-switch.kj-lg input:checked:before {
	left: calc(100% - 31px);
}

.kj-input-switch.kj-xl input {
	width: 56px;
	height: 31px;
}

.kj-input-switch.kj-xl input:before {
	width: 27px;
	height: 27px;
}

.kj-input-switch.kj-xl input:after {
	content: "off";
	display: flex;
	position: absolute;
	top: 0;
	left: calc(100% - 24px);
	align-items: center;
	width: 15px;
	height: 100%;
	color: #fff;
	font-size: 10px;
	font-weight: 700;
	text-align: center;
	transition: all .3s ease;
}

.kj-input-switch.kj-xl input:checked:before {
	left: calc(100% - 31px);
}

.kj-input-switch.kj-xl input:checked:after {
	content: "on";
	left: 9px;
}

/* kj-input-range */
.kj-input-range {
	-webkit-appearance: none;
	appearance: none;
	width: 100%;
	height: 8px;
	padding: 0;
	border: 0;
	border-radius: 4px;
	outline: none;
	background: var(--kj-e1e3e5);
	cursor: pointer;
}

.kj-input-range::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 24px;
	height: 24px;
	border: 2px solid var(--kj-5697f0);
	border-radius: 50%;
	background: var(--kj-ffffff);
	background-size: cover;
}

.kj-input-range::-moz-range-thumb {
	width: 24px;
	height: 24px;
	border: 2px solid var(--kj-5697f0);
	border-radius: 50%;
	background: var(--kj-ffffff);
}

.kj-input-range-info {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.kj-input-range-info .kj-text {
	flex: initial;
	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
}

/* kj-input-group */
.kj-input-group {
	display: inline-flex;
	align-items: stretch;
	flex-wrap: wrap;
	border: 1px solid var(--kj-e1e3e5);
	border-radius: 6px;

	gap: 0;
}

.kj-input-group .kj-bar {
	margin: 16px 0;
}

.kj-input-group .kj-item {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center;
	flex: 1;
	padding: 12px 4px;
	font-size: 13px;
	text-align: center;
	line-height: 20px;
}

.kj-input-group .kj-item input {
	position: absolute;
	width: 100%;
	height: 100%;
}

/* kj-input-button-wrap */
.kj-input-button-wrap {
	display: flex;
	align-items: center;

	gap: 8px;
}

.kj-input-button {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center;
	flex: 1;
	text-align: center;

	gap: 0;
}

.kj-input-button input {
	overflow: hidden;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 6px;
	clip: rect(0 0 0 0);
}

.kj-input-button .kj-text {
	justify-content: center;
	flex: 1;
	padding: 13px 8px;
	border: 1px solid var(--kj-e1e3e5);
	border-radius: 6px;
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	letter-spacing: -.1px;
	line-height: 22px;
}

.kj-input-button input:checked~.kj-text {
	border-color: var(--kj-0565f0);
	box-shadow: inset 0 0 0 1px var(--kj-0565f0);
}

.kj-input-button-disabled input:disabled~.kj-text {
	color: #a9b0b8;
	background-color: var(--kj-f5f7fa);
}

/* kj-input-tab-button-wrap */
.kj-input-tab-button-wrap {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	padding: 3px;
	border: 0;
	border-radius: 6px;
	background: var(--kj-f2f5f7);

	gap: 3px;
}

.kj-input-tab-button {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center;
	flex: 1;
	height: 50px;
	border: 0;
	border-radius: 6px;
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	white-space: nowrap;
	letter-spacing: -.2px;
	background-color: var(--kj-transparent);
}

.kj-input-tab-button input {
	overflow: hidden;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 6px;
	clip: rect(0 0 0 0);
}

.kj-input-tab-button input:checked~.kj-text {
	color: var(--kj-0565f0);
	background-color: var(--kj-ffffff);
}

.kj-input-tab-button .kj-text {
	border-radius: 6px;
	line-height: 50px;
}

/* kj-input-panel */
.kj-input-panel-list {
	display: flex;
	flex-direction: column;
}

.kj-input-panel {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex: 1;
	padding: 16px;
	border: 1px solid var(--kj-e1e3e5);
	border-radius: 6px;
}

.kj-input-panel .kj-inner {
	flex: 1;
}

.kj-input-panel .kj-text {
	display: flex;
	align-items: center;
}

.kj-input-panel.kj-active {
	border-color: var(--kj-5697f0);
	box-shadow: inset 0 0 0 1px var(--kj-5697f0);
}

.kj-bottomsheet {
	--kj-active-sheet-bg: rgba(0, 0, 0, .8);
	--kj-sheet-bg: rgba(0, 0, 0, .8);
	--kj-sheet-rounded: 20px 20px 0 0;
	--kj-sheet-min-height: 300px;
}

.kj-bottomsheet.kj-sheet-fluid {
	--kj-sheet-bg: var(--kj-transparent);
	--kj-sheet-rounded: 0;
	--kj-sheet-min-height: 100vh;
	--kj-sheet-max-height: 100vh;
}

.kj-bottomsheet {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 100;
	background-color: var(--kj-sheet-bg);
}

.kj-bottomsheet * {
	box-sizing: border-box;
	font-family: var(--kj-fm-spoqa);
}

.kj-active.kj-bottomsheet {
	display: block;
}

.kj-sheet-fluid .kj-sheet-container {
	min-height: 100%;
	border-radius: 0;
}

.kj-sheet-container {
	overflow: hidden;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	min-height: var(--kj-sheet-min-height);
	max-height: var(--kj-sheet-max-height);
	border-radius: var(--kj-sheet-rounded);
	border-radius: 20px 20px 0 0;
	background-color: var(--kj-ffffff);
	transition: transform .3s ease;
	transform: translateY(100%);
}

.kj-sheet-content {
	box-sizing: border-box;
	overflow-y: auto;
	max-height: calc(var(--kj-sheet-max-height) - var(--sheet-header-height));
}

.kj-sheet-container.kj-active {
	transform: translateY(0);
}

.kj-sheet-header {
	display: flex;
	position: relative;
	align-items: center;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 60px;
	background-color: var(--kj-ffffff);

	gap: 8px;
}

.kj-bottomsheet .kj-fixed-bottom {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10;
	padding: 20px;
	background-color: var(--kj-ffffff);
}

.kj-sheet-header .kj-sheet-close {
	display: flex;
	background-color: var(--kj-transparent);
}

.kj-sheet-header .kj-prefix {
	display: flex;
	position: absolute;
	top: 0;
	left: 20px;
	align-items: center;
	height: 60px;
}

.kj-sheet-header .kj-subfix {
	display: flex;
	position: absolute;
	top: 0;
	right: 20px;
	align-items: center;
	height: 60px;
}

.kj-sheet-header .kj-sheet-title {
	display: block;
	overflow: hidden;
	align-items: center;
	justify-content: center;
	flex: 1;
	height: 60px;
	margin: 0 20px;
	padding: 0 40px;
	border-bottom: 1px solid var(--kj-e1e3e5);
	color: var(--kj-212529);
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 60px;
}

.kj-not-line .kj-sheet-header .kj-sheet-title {
	border-bottom: 0 none;
}

.kj-sheet-content {
	padding: 24px 20px 20px;
}

/* 온보딩 한정 특이한 바텀 시트 */
.kj-bottomsheet.kj-onboarding-main-sheet .kj-sheet-header {
	position: fixed;
	z-index: 100;
}

.kj-bottomsheet.kj-onboarding-main-sheet .kj-sheet-content {
	max-height: 100vh;
	padding: 0;
}

.kj-bottomsheet.kj-onboarding-main-sheet .swiper-slide {
	height: 100vh;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.kj-bottomsheet.kj-onboarding-main-sheet .swiper-slide-0 {
	background-image: url("../../images/sbRenew/img-onboading-slide01.png");
}

.kj-bottomsheet.kj-onboarding-main-sheet .swiper-slide-1 {
	background-image: url("../../images/sbRenew/img-onboading-slide02.png");
}

.kj-bottomsheet.kj-onboarding-main-sheet .swiper-slide-2 {
	background-image: url("../../images/sbRenew/img-onboading-slide03.png");
}

.kj-bottomsheet.kj-onboarding-main-sheet .swiper-slide-3 {
	background-image: url("../../images/sbRenew/img-onboading-slide04.png");
}

.kj-bottomsheet.kj-onboarding-main-sheet .swiper-slide-4 {
	background-image: url("../../images/sbRenew/img-onboading-slide05.png");
}

.kj-bottomsheet.kj-onboarding-main-sheet .kj-swiper-type-banner .swiper-control {
	position: absolute;
	bottom: 40px;
	left: 20px;
	z-index: 100;
}

/* tooltip */
.kj-tooltip {
	display: inline-flex;
	align-items: center;
	color: var(--kj-515961);
	font-size: 14px;
	font-weight: 500;
	text-align: left;
	letter-spacing: -.1px;
	line-height: 24px;
	background-color: transparent;

	gap: 4px;
}

.kj-tooltip-wrap {
	display: inline-flex;
	position: relative;
}

.kj-tooltip-wrap .kj-tooltip-content {
	display: none;
}

.kj-tooltip-wrap .kj-tooltip-content-wrap .kj-tooltip-content {
	display: block;
}

.senior .kj-tooltip-content-wrap {
	width: calc(var(--window-width) - 40px);

	--window-width: calc(100vw / 1.2);
}

.kj-tooltip-content-wrap {
	position: absolute;
	z-index: 5;
	width: calc(100vw - 40px);
	padding: 16px 40px 16px 12px;
	border: 1px solid var(--kj-c2dcff);
	border-radius: 6px;
	color: var(--kj-515961);
	font-size: 14px;
	font-weight: 500;
	letter-spacing: -.1px;
	line-height: 24px;
	background-color: var(--kj-f0f6ff);
	opacity: 0;
}

.kj-tooltip-content-wrap .kj-close {
	position: absolute;
	top: 12px;
	right: 12px;
	background-color: transparent;
}

.kj-tooltip-content-wrap .kj-close img {
	vertical-align: top;
}

/* kj-swiper-banner 사용 금지 */
.kj-swiper {
	position: relative;
}

.kj-swiper .swiper-container {
	overflow: hidden;
}

.kj-swiper .swiper-slide {
	padding: 0;
}

.kj-swiper .kj-fracion-controls {
	display: flex;
	position: absolute;
	top: 24px;
	right: 24px;
	z-index: 1;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	padding: 2px 5px;
	border-radius: 10px;
	color: var(--kj-ffffff);
	font-size: 11px;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 16px;
	background-color: var(--kj-6e7780);

	gap: 4px;
}

.kj-swiper .kj-fracion-controls button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 12px;
	height: 12px;
	font-size: 0;
	background-color: transparent;
}

.kj-swiper .kj-fracion-controls button {
	vertical-align: top;
}

.kj-swiper-banner {
	position: relative;
}

.kj-swiper-banner .swiper-container {
	overflow: hidden;
	border-radius: 6px;
}

.kj-swiper .swiper-pagination,
.kj-swiper-banner .swiper-pagination {
	display: flex;
	position: static;
	justify-content: flex-start;
	flex: 1;

	gap: 4px;
}

.kj-swiper .swiper-pagination-bullet,
.kj-swiper-banner .swiper-pagination-bullet {
	width: 6px;
	height: 6px;
	border-radius: 4px;
	background-color: var(--kj-6e7780);
	transition: all .4s;
}

.kj-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active,
.kj-swiper-banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
	width: 12px;
	background-color: var(--kj-0565f0);
}

.kj-swiper.kj-swiper-pagination-center .swiper-pagination {
	justify-content: center;
}

.kj-swiper-banner .swiper-slide {
	padding: 0;
}

.kj-swiper-banner .swiper-slide img {
	max-width: 100%;
}

.kj-swiper-banner .siwper-control {
	display: flex;
	align-items: center;
	margin-top: 12px;
}

.kj-swiper-banner .kj-autoplay-control .kj-button {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url("../../images/sbRenew/btn_indecator_play_2.png") no-repeat right center / auto 100%;
}

.kj-swiper-banner .kj-autoplay-control .kj-button.kj-active {
	background-image: url("../../images/sbRenew/btn_indecator_stop_2.png");
	background-position: left center;
}

/* //kj-swiper-banner 사용 금지 */
.kj-swiper-type-banner {
	position: relative;
}

.kj-swiper-type-banner .swiper-container {
	overflow: hidden;
	border-radius: 6px;
}

.kj-swiper-type-banner .swiper-pagination {
	display: flex;
	position: static;
	justify-content: flex-start;
	flex: 1;

	gap: 0;
}

.kj-swiper-type-banner .swiper-pagination-bullet {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 16px;
	height: 16px;
	background-color: var(--kj-transparent);
}

.kj-swiper-type-banner .swiper-pagination-bullet::after {
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 3px;
	background-color: var(--kj-6e7780);
	transition: all .4s;
	transform-origin: center;
}

.kj-swiper-type-banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
	width: 16px;
	height: 16px;
	background-color: var(--kj-transparent);
}

.kj-swiper-type-banner .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
	width: 12px;
	background-color: var(--kj-0565f0);
}

.kj-swiper-type-banner .swiper-slide {
	width: 100%;
	padding: 0;
}

.kj-swiper-type-banner .swiper-slide .swiper-item {
	display: block;
}

.kj-swiper-type-banner .swiper-slide img {
	width: 100%;
	max-width: 100%;
}

.kj-swiper-type-banner .swiper-control {
	display: flex;
	align-items: center;
	margin-top: 12px;
}

.kj-swiper-type-banner .kj-autoplay-control .kj-button {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url("../../images/sbRenew/btn_indecator_play_2.png") no-repeat right center / auto 100%;
}

.kj-swiper-type-banner .kj-autoplay-control .kj-button.kj-active {
	background-image: url("../../images/sbRenew/btn_indecator_stop_2.png");
	background-position: left center;
}

/* kj-bank-item */
.kj-bank-list {
	display: flex;
	flex-direction: column;

	gap: 16px;
}

.kj-bank-list.kj-bank-type-line .kj-bank-item:not(:first-child) {
	padding-top: 16px;
	border-top: 1px solid var(--kj-f2f5f7);
}

.kj-bank-item {
	display: flex;
	align-items: center;

	gap: 8px;
}

.kj-bank-item .kj-logo {
	overflow: hidden;
	padding: 8px;
	border-radius: 50%;
	background-color: var(--kj-f5f7fa);
}

.kj-bank-item .kj-info {
	flex: 1;
}

.kj-bank-item .kj-name {
	color: var(--kj-212529);
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
}

.kj-bank-item .kj-text-etc {
	color: var(--kj-515961);
	font-size: 13px;
	line-height: 20px;
}

.kj-bank-item .kj-amount {
	color: var(--kj-212529);
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
}

.kj-textfield-group {
	--kj-textfield-border: var(--kj-e1e3e5);
	--kj-textfield-bg: var(--kj-ffffff);
	--kj-textfield-padding: 25px 16px;
	--kj-textfield-color: var(--kj-212529);
	--kj-label-bg: var(--kj-ffffff);
	--kj-label-transfrom: translateY(-50%);
	--kj-label-top: 50%;
	--kj-label-font-size: 18px;
	--kj-label-line-height: 26px;
	--kj-label-letter-spacing: -.2px;
	--kj-label-color: var(--kj-6e7780);
	--kj-label-width: calc(100% - 53px);
	--kj-fix-opacity: 0;
	--kj-textfield-min-height: 76px;
}

.kj-textfield-group.kj-size-sm {
	--kj-textfield-min-height: 48px;
	--kj-textfield-padding: 12px 16px;
}

.kj-textfield-group:not(.kj-readonly-status):focus-within {
	--kj-textfield-border: var(--kj-0565f0);
	--kj-label-color: var(--kj-0565f0);
}

.kj-textfield-group.kj-has-value,
.kj-textfield-group:focus-within {
	--kj-fix-opacity: 1;
}

.kj-textfield-group.kj-has-label.kj-has-value,
.kj-textfield-group.kj-has-label.kj-label-fixed,
.kj-textfield-group.kj-has-label:focus-within {
	--kj-label-top: 14px;
	--kj-label-font-size: 12px;
	--kj-label-line-height: 20px;
	--kj-label-letter-spacing: -.1px;
	--kj-label-transfrom: none;
	--kj-textfield-padding: 36px 16px 14px;
	--kj-label-width: auto;
	--kj-label-bg: var(--kj-transparent);
}

.kj-textfield-group.kj-has-label.kj-label-fixed {
	--kj-fix-opacity: 1;
}

.kj-textfield-group.kj-readonly-status {
	--kj-textfield-border: var(--kj-e1e3e5);
	--kj-textfield-bg: var(--kj-f5f7fa);
	--kj-label-bg: var(--kj-f5f7fa);
}

.kj-textfield-group.kj-disabled-status {
	opacity: .7;

	--kj-textfield-border: var(--kj-e1e3e5);
	--kj-textfield-bg: var(--kj-f5f7fa);
	--kj-label-bg: var(--kj-f5f7fa);
	;
}

.kj-textfield-group.kj-disabled-status .kj-prefix {
	color: var(--kj-e1e3e5);
}

.kj-textfield-group.error {
	--kj-textfield-border: var(--kj-e5493a);
	--kj-textfield-bg: var(--kj-fefbfb);
	--kj-label-bg: var(--kj-fefbfb);
	--kj-label-color: var(--kj-e5493a);
}

.kj-error-msg {
	display: none;
	align-items: center;
	margin-top: 8px;
	color: var(--kj-e5493a);
	font-size: 13px;
	letter-spacing: -.1px;
	line-height: 20px;

	gap: 4px;
}

.kj-textfield-group.error~.kj-error-msg {
	display: flex;
}

.kj-textfield-group+.kj-converting-money {
	padding: 8px 8px 0 8px;
	font-size: 13px;
	text-align: right;
	letter-spacing: -.1px;
	line-height: 20px;
}

.kj-textfield-group {
	display: flex;
	overflow: hidden;
	position: relative;
	width: 100%;
	min-height: var(--kj-textfield-min-height);
	border-width: 1px;
	border-style: solid;
	border-color: var(--kj-textfield-border);
	border-radius: 6px;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: -.2px;
	line-height: 26px;
	background-color: var(--kj-textfield-bg);
}

.kj-textfield-group * {
	font-size: inherit;
	font-weight: inherit;
	letter-spacing: inherit;
	line-height: inherit;
}

.kj-textfield-group .kj-textarea {
	vertical-align: top;
	width: 100%;
	height: initial;
	min-height: 162px;
	padding: var(--kj-textfield-padding);
	border: 0 none;
	color: var(--kj-textfield-color);
	background-color: var(--kj-transparent);
	transition: padding .1s ease;
}

.kj-textfield-group .kj-textarea textarea {
	width: 100%;
	min-height: 80px;
	padding: 0;
	border: 0;
	resize: vertical;
}

.kj-textfield-group.kj-has-label .kj-textarea textarea::placeholder {
	color: transparent;
}

.kj-textfield-group .kj-textarea textarea:focus::placeholder {
	color: rgb(110, 119, 128);
}

.kj-textfield-group.kj-has-label.kj-label-fixed textarea::placeholder {
	color: rgb(110, 119, 128);
}

.kj-textfield-group .kj-max-length {
	display: flex;
	justify-content: flex-end;
	padding: 0 16px;
	font-size: 12px;

	gap: 4px;
}

.kj-textfield-group .kj-prefix {
	position: absolute;
	top: 0;
	left: 0;
	padding: var(--kj-textfield-padding);
	padding-right: 4px;
	opacity: var(--kj-fix-opacity);
}

.kj-textfield-group .kj-subfix {
	position: absolute;
	top: 0;
	right: 0;
	padding: var(--kj-textfield-padding);
	padding-left: 4px;
	opacity: var(--kj-fix-opacity);
}

.kj-textfield-group.kj-textfield-group-search .kj-input-remove {
	right: 28px;
}

.kj-textfield-group.kj-has-value:focus-within:not(.kj-textfield-group-search) input:not(:read-only):not(:disabled)+.kj-input-remove {
	display: block;
}

.kj-textfield-group-search.kj-has-value input:not(:read-only):not(:disabled)+.kj-input-remove {
	display: block;
	right: 28px;
}

.kj-textfield-group .kj-textfield .kj-input-remove {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	padding: var(--kj-textfield-padding);
}

.kj-textfield-group .kj-textfield .kj-input-remove button {
	width: 26px;
	height: 26px;
	background-color: transparent;
}

.kj-textfield-group .kj-textfield .kj-input-remove button img {
	width: 100%;
}

.kj-textfield-group .kj-search {
	box-sizing: border-box;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	padding: var(--kj-textfield-padding);
	transition: .1s ease padding-top;
}

.kj-textfield-group button.kj-search {
	z-index: 3;
	background-color: transparent;
}

.kj-textfield-group .kj-connect-word {
	padding: var(--kj-textfield-padding);
	padding-right: 0;
	padding-left: 0;
	opacity: var(--kj-fix-opacity);
}

.kj-textfield-group .kj-textfield {
	position: relative;
	flex: 1;
}

.kj-textfield-group .kj-label {
	position: absolute;
	top: var(--kj-label-top);
	left: 16px;
	z-index: 3;
	color: var(--kj-label-color);
	font-size: var(--kj-label-font-size);
	letter-spacing: var(--kj-label-letter-spacing);
	line-height: var(--kj-label-line-height);
	background-color: var(--kj-label-bg);
	transition: all .1s ease;
	transform: var(--kj-label-transfrom);
	pointer-events: none;
}

.kj-textfield-group.kj-label-fixed .kj-label {
	transition: all .00001s ease;
}

.kj-textfield-group .kj-textfield {
	position: relative;
	z-index: 2;
	width: 100%;
	min-height: var(--kj-textfield-min-height);
}

.kj-textfield-group .kj-textfield .kj-count {
	position: absolute;
	top: 0;
	right: 0;
	padding: var(--kj-textfield-padding);
	line-height: 26px !important;
}

.kj-textfield-group .kj-textfield input {
	vertical-align: top;
	width: 100%;
	height: initial;
	min-height: var(--kj-textfield-min-height);
	padding: var(--kj-textfield-padding);
	border: 0 none;
	color: var(--kj-textfield-color);
	background-color: var(--kj-transparent);
	transition: padding .1s ease;
}

.kj-textfield-group.kj-size-sm .kj-textfield input {
	font-size: 16px;
}

.kj-textfield-group.kj-label-fixed .kj-textfield input {
	transition: padding .0001s ease;
}

.kj-textfield-group .kj-textfield .kj-fake-button {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: transparent;
}

.kj-textfield-group .kj-textfield .kj-fake-calendar::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 20px;
	width: 20px;
	height: 20px;
	background: url("../../images/icon_line_calendar.png") no-repeat;
	background-size: cover;
	transform: translateY(-50%);
}

.kj-textfield-group .kj-textfield .kj-fake-button+input {
	pointer-events: none;
}

.kj-textfield-group .kj-textfield input[type="number"]::-webkit-inner-spin-button,
.kj-textfield-group .kj-textfield input[type="number"]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.kj-textfield-group .kj-textfield input[type="number"] {
	-moz-appearance: textfield;
}

.kj-textfield-group.kj-has-label .kj-textfield input::placeholder {
	color: transparent;
}

.kj-textfield-group:focus-within .kj-textfield input::placeholder {
	color: rgb(110, 119, 128);
}

.kj-textfield-group.kj-has-label.kj-label-fixed input::placeholder {
	color: rgb(110, 119, 128);
}

.kj-textfield-group .kj-textfield input[type="button"] {
	overflow: hidden;
	width: 100%;
	padding-right: 50px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.kj-textfield-group .kj-textfield .kj-prefix {
	position: absolute;
	top: var(--kj-textfield-gap-top);
	left: var(--kj-textfield-gap-left);
}

.kj-textfield-group .kj-textfield .kj-subfix {
	position: absolute;
	top: var(--kj-textfield-gap-top);
	right: var(--kj-textfield-gap-left);
}

.kj-select-wrap select {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 1px;
	height: 1px;
	margin: -1px;
	clip: rect(0 0 0 0);
	pointer-events: none;
	touch-action: none;
}

.kj-select-wrap .kj-select-button {
	display: block;
	position: relative;
	width: 100%;
	padding: var(--kj-textfield-padding);
	text-align: left;
	background-color: var(--kj-transparent);
}

.kj-select-wrap .kj-select-button:disabled {
	background-color: var(--kj-f5f7fa);
	opacity: 1;
}

.kj-select-wrap .kj-select-button .kj-arrow {
	position: absolute;
	top: 50%;
	right: 16px;
	transform: translateY(-50%) rotate(90deg);
}

.kj-select-wrap .kj-select-button:disabled .kj-arrow {
	opacity: .3;
}

.kj-select-wrap .kj-select-button-inner {
	display: block;
	width: calc(100% - 26px);
}

.kj-select-wrap .kj-select-button-label {
	display: flex;
	align-items: center;

	gap: 4px;
}

.kj-select-wrap .kj-select-button-label .kj-text {
	flex: 1;
	color: var(--kj-textfield-color);
	font-size: 18px;
	font-weight: 500;
	letter-spacing: -.2px;
	line-height: 26px;
}

.kj-select-wrap .kj-sub-label {
	display: flex;
	align-items: center;
	color: var(--kj-515961);
	font-size: 12px;
	font-weight: 400;
	letter-spacing: -.1px;
	line-height: 20px;

	gap: 4px;
}

.kj-select-wrap .kj-sub-label-point {
	display: block;
	color: var(--kj-175ec7);
	font-size: 12px;
	font-weight: 400;
	letter-spacing: -.1px;
	line-height: 20px;
}

.kj-select-list-group {
	display: flex;
	flex-direction: column;
}

.kj-select-list-group:not(.kj-current-coin) .kj-select-list:first-child {
	margin-top: -20px;
	border-top: 0 none;
}

.kj-select-list-group .kj-select-list {
	display: flex;
	align-items: center;
	width: 100%;
	padding: 24px 0;
	border-top: 1px solid var(--kj-f2f5f7);
	text-align: left;
	background-color: var(--kj-transparent);

	gap: 16px;
}

.kj-select-list-group .kj-select-list .kj-inner {
	flex: 1;
}

.kj-select-list-group .kj-select-list-label {
	display: flex;
	align-items: center;
	color: var(--kj-212529);
	font-size: 18px;
	letter-spacing: -.2px;
	line-height: 26px;

	gap: 4px;
}

.kj-select-list-group .kj-select-list-sub-label {
	display: block;
	color: var(--kj-6e7780);
	font-size: 13px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: -.1px;
	line-height: 20px;
}

.kj-select-list-group .kj-select-list-sub-label-point {
	display: block;
	color: var(--kj-175ec7);
	font-size: 13px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: -.1px;
	line-height: 20px;
}

.kj-select-list-group .kj-tab-wrap {
	margin-top: -20px;
}

.kj-select-list-group .kj-select-search {
	display: flex;
	position: relative;
	justify-content: space-between;
	margin-top: -24px;
}

.kj-select-list-group .kj-select-search button {
	position: absolute;
	top: 50%;
	right: 16px;
	background-color: transparent;
	transform: translateY(-50%);
}

.kj-select-list-group .kj-select-search img {
	vertical-align: top;
}

.kj-select-list-group .kj-select-search input {
	width: 100%;
	height: auto;
	padding: 8px 48px 8px 20px;
	border-color: var(--kj-f5f7fa);
	font-size: 14px;
	letter-spacing: 0;
	line-height: 22px;
	background-color: var(--kj-f5f7fa);
}

.kj-fake-select {
	position: relative;
	width: 100%;
	padding: 12px 42px 12px 16px;
	border: 1px solid var(--kj-e1e3e5);
	border-radius: 6px;
	color: var(--kj-212529);
	text-align: left;
	background-color: rgba(255, 255, 255, 1);
}

.kj-fake-select .kj-select-button-label {
	display: flex;
	align-items: center;
	color: var(--kj-212529);
	font-size: 18px;
	font-weight: 500;
	letter-spacing: -.2px;
	line-height: 26px;

	gap: 4px;
}

.kj-fake-select .kj-sub-label {
	display: inline-flex;
	align-items: center;
	color: var(--kj-515961);
	font-size: 12px;
	font-weight: 400;
	letter-spacing: -.1px;
	line-height: 20px;

	gap: 4px;
}

.kj-fake-select .kj-arrow {
	position: absolute;
	top: 50%;
	right: 16px;
	transform: translateY(-50%) rotate(90deg);
}

/* 통화 선택 */
.kj-current-coin {
	display: grid;

	grid-template-columns: repeat(2, 1fr);
	gap: 12px;
}

.kj-current-coin .kj-select-list {
	display: flex;
	align-items: center;
	padding: 8px 12px;
	border: 1px solid var(--kj-e1e3e5);
	border-radius: 6px;

	gap: 8px;
}

.kj-current-coin .kj-select-list.kj-active {
	border: 2px solid var(--kj-5697f0);
}

.kj-current-coin .kj-select-list .kj-text {
	font-size: 14px;
	font-weight: 500;
	letter-spacing: -.1px;
	line-height: 24px;
}

/* kj-page-loading */
.kj-page-loading {
	display: flex;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 200;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	color: var(--kj-ffffff);
	text-align: center;
	background-color: rgba(0, 0, 0, .8);

	gap: 16px;
}

.kj-page-loading .kj-loading {
	overflow: hidden;
	width: 80px;
	height: 80px;
	border-radius: 50%;
}

.kj-page-loading .kj-title {
	margin-top: 32px;
	color: inherit;
	font-family: var(--kj-fm-gothic);
	font-size: 22px;
	font-weight: 700;
	line-height: 32px;
}

.kj-page-loading .kj-text {
	font-size: 14px;
	font-weight: 500;
	line-height: 24px;
}

.kj-swiper-account-banner .swiper-item {
	display: block;
	border-radius: 6px;
}

.kj-bubble {
	position: relative;
	padding: 10px 16px;
	border-radius: 30px;
	background-color: var(--bubble-bg);

	--bubble-bg: var(--kj-e5f1ff);
}

.kj-bubble::before {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
}

.kj-bubble,
.kj-bubble::before {
	background-color: var(--bubble-bg);
}

.kj-bubble.kj-bg-1d2d47::before {
	background-color: var(--kj-1d2d47);
}

.kj-bubble[data-adge-center-top]::before {
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%) rotate(45deg);
}

.kj-bubble[data-adge-center-bottom]::before {
	bottom: -10px;
	left: 50%;
	transform: translate(-50%, -50%) rotate(45deg);
}

.kj-bubble[data-adge-left-top]::before {
	top: 0;
	left: 16px;
	transform: translateY(-50%) rotate(45deg);
}

.kj-bubble[data-adge-right-top]::before {
	top: 1px;
	right: 16px;
	transform: translateY(-50%) rotate(45deg);
}

.kj-bubble[data-adge-right-bottom]::before {
	right: 16px;
	bottom: -10px;
	transform: translateY(-50%) rotate(45deg);
}

.kj-select-wrap:focus-within .kj-select {
	display: none;
}

/* kj-fluid-deem */
.kj-fluid-deem {
	display: flex;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 50;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	background-color: rgba(33, 37, 41, .7);

	gap: 16px;
}

/* 온보딩 프로세스 */
.kj-form-process-reverse {
	display: flex;
	flex-direction: column;
	flex-flow: column-reverse;

	gap: 12px;
}

.kj-form-process-reverse .kj-step {
	display: none;
	margin-top: 0;
}

.kj-form-process-reverse .kj-fade-container {
	transition: transform .4s, opacity .5s;
	transform: translateY(15px);
	opacity: 0;
}

.kj-form-process-reverse .kj-active .kj-fade-container {
	transform: translateY(0);
	opacity: 1;
}

/* 조회 결과 중 주소 */
.kj-search-result .kj-result-button {
	display: flex;
	flex-direction: column;
	width: 100%;
	padding: 20px 0;
	border-bottom: 1px solid var(--kj-f2f5f7);
	font-weight: 500;
	text-align: left;
	background-color: transparent;
}

.kj-search-result .kj-result-top-number {
	color: var(--kj-212529);
	font-size: 18px;
	letter-spacing: 0;
	line-height: 28px;
}

.kj-search-result .kj-result-info {
	display: flex;
	margin-top: 8px;

	gap: 8px;
}

.kj-search-result .kj-result-info+.kj-result-info {
	margin-top: 4px;
}

.kj-search-result .kj-result-info .kj-result-category {
	min-width: 40px;
	color: var(--kj-0565f0);
}

/* 온보딩 컨텐츠 */
.kj-onboarding-main {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	background: #ecf4fe url("../../images/sbRenew/bg-onboading.png") center top no-repeat;
	background-size: 100% auto;
}

.kj-onboarding-main .kj-onboarding-wrap {
	display: flex;
	align-content: center;
	justify-content: center;
	flex-direction: column;
	min-height: calc(100vh - 62px);
	padding: 0 20px;
	/* 혹시 모를 스크롤 생김을 방지하기 위해 -10 px을 추가함 */
}

.kj-onboarding-main .visual {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 12px;
}

.kj-onboarding-main header .logo {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: auto;
	padding-left: 16px;
}

.kj-onboarding-main #header header {
	background-color: transparent;
}

.kj-onboarding-main .kj-greeting {
	margin-bottom: 12px;
}

.kj-onboarding-main .kj-greeting span {
	display: block;
	color: var(--kj-515961);
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	letter-spacing: -.1px;
	line-height: 24px;
}

.kj-onboarding-main .kj-greeting strong {
	display: block;
	color: var(--kj-0565f0);
	font-family: var(--kj-fm-gothic);
	font-size: 22px;
	font-weight: 700;
	text-align: center;
	line-height: 32px;
}

.kj-greeting-buttons {
	--outline-color: var(--kj-e1e3e5);

	--title-color: var(--kj-212529);
}

.kj-greeting-buttons a {
	display: block;
	min-height: 104px;
}

.kj-greeting-buttons a:active {
	--outline-color: var(--kj-5697f0);
	box-shadow: 0 0 0 2px var(--outline-color);

	--title-color: var(--kj-175ec7);
}

.kj-greeting-buttons a:first-child {
	margin-top: 0;
}

.kj-greeting-buttons a {
	display: flex;
	flex-direction: column;
	margin-top: 12px;
	padding: 16px 24px;
	border-radius: 6px;
	background-color: var(--kj-ffffff);
	box-shadow: 0 0 0 1px var(--outline-color);

	/*border: 1px solid var(--kj-e1e3e5);*/

	gap: 8px;
}

.kj-greeting-buttons .top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: var(--title-color);
	font-size: 16px;
	font-weight: 700;
	letter-spacing: -.1px;
	line-height: 24px;
}

.kj-greeting-buttons .bottom {
	display: block;
	width: 100%;
	max-width: 235px;
	word-break: keep-all;
	letter-spacing: -.1px;
	line-height: 20px;
}

/* 내계좌조회 */
.kj-my-account-banner .kj-bubble {
	transition: opacity .3s;
	transition-duration: 2s;
	opacity: 0;
}

.kj-my-account-banner .swiper-slide-active .kj-bubble.kj-active {
	opacity: 1;
}

/* 온보딩 */
.kj-onboarding-swiper .swiper-slide {
	position: relative;
	padding-top: 84px;
	background-color: var(--kj-f0f6ff);
}

.kj-onboarding-swiper .swiper-slide img {
	width: 100%;
}

.kj-onboarding-swiper .kj-top {
	text-align: center;
}

.kj-onboarding-swiper .kj-top .kj-title {
	color: var(--kj-307ff0);
	font-family: var(--kj-fm-gothic);
	font-size: 26px;
	font-weight: 700;
	line-height: 36px;
}

.kj-onboarding-swiper .kj-top .kj-desc {
	margin-top: 12px;
	color: var(--kj-212529);
	font-size: 16px;
	font-weight: 500;
	letter-spacing: -.1px;
	line-height: 24px;
}

.kj-onboarding-swiper .swiper-slide .kj-bottom {
	position: relative;
}

.kj-onboarding-swiper .swiper-slide .kj-layer-bg {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
}

.kj-onboarding-swiper .swiper-slide .player {
	width: 100%;
}

.kj-onboarding-swiper .swiper-slide .layer {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
}

.kj-qna-wrap .kj-qna:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: 0 none;
}

.kj-qna {
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px solid var(--kj-f2f5f7);
}

.kj-qna .kj-qna-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.kj-qna .kj-qna-header .q {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 9999em;
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: -.1px;
	line-height: 20px;
	background-color: var(--kj-6e7780);
}

.kj-qna .kj-qna-header .status {
	color: var(--kj-e5493a);
	font-size: 13px;
	letter-spacing: -.1px;
	line-height: 20px;
}

.kj-qna.kj-active .kj-qna-header .q {
	background-color: var(--kj-0565f0);
}

.kj-qna.kj-active .kj-qna-header .status {
	color: var(--kj-0565f0);
}

/* kia 우승기원 */
.kj-score-board {
	border: 20px solid #000;
	border-radius: 6px;
	text-align: center;
	background: url("../../images/event/2024/champion/bg-panel-firecracker.png") no-repeat center top / cover;
	background-color: var(--kj-000000);
}

.kj-score-board .kj-interest-rate {
	display: flex;
	line-height: 24px;

	gap: 4px;
}

.kj-score-board .kj-interest-rate .kj-left {
	flex: 6;
	color: #ffa588;
	text-align: right;
}

.kj-score-board .kj-interest-rate .kj-right {
	flex: 4;
	color: #ffd800;
	text-align: left;
}

.kj-box-choice-input {
	position: relative;
	padding: 24px;
	border: 1px solid var(--kj-e1e3e5);
	border-radius: 6px;
}

.kj-box-choice-input .kj-start {
	display: flex;
	align-items: center;
	justify-content: space-between;

	gap: 16px;
}

.kj-box-choice-input .kj-start .kj-left-full {
	flex: 1;
}

.kj-box-choice-input.kj-active {
	border: 2px solid var(--kj-0565f0);
}

.kj-box-choice-input::has(input:checked) {
	border: 2px solid var(--kj-0565f0);
}

.kj-box-choice-input .kj-end {
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px solid var(--kj-f2f5f7);
}

.kj-box-choice-input [class*="kj-input"]::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	cursor: pointer;
}

.kj-box-choice-input {
	position: relative;
	padding: 24px;
	border: 1px solid var(--kj-e1e3e5);
	border-radius: 6px;
}

.kj-box-choice-input .kj-start {
	display: flex;
	align-items: center;
	justify-content: space-between;

	gap: 16px;
}

.kj-box-choice-input .kj-start .kj-left-full {
	flex: 1;
}

.kj-box-choice-input.kj-active {
	border: 2px solid var(--kj-0565f0);
}

.kj-box-choice-input::has(input:checked) {
	border: 2px solid var(--kj-0565f0);
}

.kj-box-choice-input .kj-end {
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px solid var(--kj-f2f5f7);
}

.kj-box-choice-input [class*="kj-input"]::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	cursor: pointer;
}

/* 끌어오기 이벤트 */
.kj-get-bar-wrap {
	position: relative;
	width: calc(100% - 16px - 16px);
	margin: 0 auto;
}

.kj-get-bar-wrap .kj-get-total {
	display: flex;
	overflow: hidden;
	position: absolute;
	top: -6px;
	right: -8px;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
}

.kj-get-bar {
	display: flex;
	position: relative;
	border-radius: 8px;
	background-color: var(--kj-e1e3e5);
}

.kj-get-bar .kj-bar {
	position: relative;
	max-width: 100%;
	height: 16px;
	border-radius: 8px 0 0 8px;
	background: linear-gradient(180deg, #5899f4 0%, #257eff 100%);
}

.kj-get-bar .kj-bar::after {
	content: "";
	position: absolute;
	right: -21px;
	bottom: 20px;
	width: 42px;
	height: 47px;
	background: url(../../images/icon/icon-42x47-won-bubble.png) no-repeat 0 0 / 42px 47px;
}

.kj-get-bar .kj-bar.kj-custom {
	background: var(--bg-bar);
}

.kj-get-bar .kj-bar.kj-custom::after {
	background: var(--bg-img);
}

.kj-get-bar .kj-marking {
	display: flex;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	justify-content: space-evenly;
}

.kj-get-bar .kj-marking .kj-item {
	width: 1px;
	background-color: var(--kj-ffffff);
}

.kj-get-value-group {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.kj-get-value-group>span {
	min-width: 40px;
	text-align: center;
}

/* floating 버튼 */
.pd_wrap .kj-btn-floating button {
	bottom: 104px;
}

.pd_wrap.ini .kj-btn-floating button {
	bottom: 12px;
}

.pd_wrap.ini2 .kj-btn-floating button {
	bottom: 40px;
}

.pd_wrap.ini3 .kj-btn-floating button {
	bottom: 224px;
}

.pd_wrap.ini4 .kj-btn-floating button {
	bottom: 155px;
}

.pd_wrap.f_con .kj-btn-floating button {
	bottom: 12px;
}

.pd_wrap.ini5 .kj-btn-floating button {
	bottom: 180px;
}

.sbRenew .pd_wrap.ini2.navPb .kj-btn-floating button {
	bottom: 96px;
}

.kj-btn-floating {
	position: relative;
	z-index: 11;
	min-height: 84px;
}

.kj-btn-floating button {
	position: fixed;
	right: 24px;
	bottom: 12px;
	z-index: 11;
}

.kj-btn-floating img {
	width: 165px;
}

.kj-btn-floating button {
	background-color: transparent;
}

.kj-search-after-list {
	margin-top: 24px;
	margin-right: -20px;
	margin-left: -20px;
}

.kj-search-after-list .kj-title {
	color: var(--kj-212529);
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 28px;
}

.kj-search-after-list .kj-list-wrap {
	margin-top: 8px;
}

.kj-search-after-list .kj-list-wrap {
	display: flex;
	flex-direction: column;

	gap: 4px;
}

.kj-search-after-list .kj-list {
	display: flex;

	gap: 8px;
}

.kj-search-after-list .kj-list .kj-category {
	min-width: 40px;
	color: var(--kj-0565f0);
	font-size: 13px;
	font-weight: 500;
	white-space: nowrap;
	letter-spacing: -.1px;
	line-height: 20px;
}

.kj-search-after-list {
	margin-top: 8px;
}

.kj-search-after-list .kj-inner {
	display: flex;
	position: relative;
	flex-direction: column;
	padding: 20px;
}

.kj-search-after-list .kj-inner::after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	width: calc(100% - 40px);
	height: 1px;
	background-color: var(--kj-f2f5f7);
	transform: translateX(-50%);
}

.kj-search-after-list .kj-list-append {
	padding: 16px 20px;
}

.kj-search-after-list .kj-inner:active,
.kj-search-after-list .kj-active {
	background-color: var(--kj-f0f6ff);
}

.kj-no-data {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding: 24px 0;
}

.kj-couopn-visual {
	display: flex;

	gap: 2.388059701492537%;
}

.kj-couopn-visual .kj-coupon-visual-contnrols {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	width: 14.32835820895522%;

	gap: 8px;
	aspect-ratio: 1;
}

.kj-couopn-visual .kj-coupon-visual-img {
	flex: 1;
}

.kj-couopn-visual .kj-coupon-visual-contnrols button {
	border: 1px solid var(--kj-e1e3e5);
	border-radius: 6px;
	background-color: transparent;

	aspect-ratio: 1;
}

.kj-couopn-visual .kj-coupon-visual-contnrols .kj-active {
	border-color: var(--kj-5697f0);
}

.kj-couopn-visual .kj-coupon-visual-contnrols button img {
	width: 100%;

	aspect-ratio: 1;
}

.kj-coupon-short-wrap .kj-coupon-short {
	border-bottom: 0 !important;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.kj-coupon-short-wrap .kj-coupon-short-bottom {
	border-top: 0 !important;
	border-radius: 0 0 6px 6px;
}

.kj-coupon-short {
	display: flex;
	position: relative;
	align-items: center;
	padding: 20px 12px;
	border-radius: 6px;
	background-color: var(--kj-ffffff);

	gap: 16px;
}

.kj-coupon-short::after,
.kj-coupon-short::before {
	content: "";
	position: absolute;
	top: 50%;
	z-index: 1;
	width: 8px;
	height: 16px;
	background-color: #f5f7fa;
	transform: translateY(-50%);
}

.kj-coupon-short::after {
	left: -1px;
	border-radius: 0 8px 8px 0;
}

.kj-coupon-short::before {
	right: -1px;
	border-radius: 8px 0 0 8px;
}

.kj-coupon-short[class*=kj-border]::before {
	border-right-color: var(--kj-ffffff) !important;
}

.kj-coupon-short[class*=kj-border]::after {
	border-left-color: var(--kj-ffffff) !important;
}

.kj-coupon-short[class*=kj-border]::before,
.kj-coupon-short[class*=kj-border]::after {
	border: 1px solid;
	border-color: var(--border-color);
	background-color: var(--kj-ffffff);
}

/*골목대장 카드 뽑기*/
.kj-chips-wrap {
	display: flex;
	align-items: center;
	flex-wrap: wrap;

	gap: 8px;
}

.kj-chip-wrap .kj-chip-label {
	display: flex;
	align-items: center;
	min-height: 32px;
	padding: 4px 16px;
	border: 1px solid var(--kj-e1e3e5);
	border-radius: 16px;

	gap: 4px;
}

.kj-chip-wrap .kj-chip-label .kj-text {
	font-size: 14px;
	font-weight: 500;
	white-space: nowrap;
	letter-spacing: -.1px;
	line-height: 24px;
}

.kj-chip-wrap input:checked+.kj-chip-label {
	border: 2px solid var(--kj-0565f0);
}

.kj-chip-wrap input:checked+.kj-chip-label .kj-text {
	color: var(--kj-0565f0);
	font-weight: 700;
}

.kj-chip-wrap .kj-chip-label .kj-img {
	display: flex;
	align-items: center;
}

.kj-chip-wrap input {
	overflow: hidden;
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	clip: rect(0 0 0 0);
}

/* 모임 */
.kj-meeting-box {
	position: relative;
}

.kj-meeting-box::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 180px;
	height: 180px;
	border-radius: 50%;
	background-color: rgba(230, 241, 255, .12);
	transform: translateX(50%) translateY(calc(-50% + 4px));
}

.kj-icon-alarm {
	width: 24px;
	height: 24px;
	background: url(../../images/icon/icon-24x24-alarm-on.png) no-repeat 0 0 / 24px;
}

.kj-icon-alarm.kj-active {
	background: url(../../images/icon/icon-24x24-alarm-off.png) no-repeat 0 0 / 24px;
}

.kj-icon-share {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: var(--kj-f2f5f7) url(../../images/sbRenew/icon_line_share_48.png) no-repeat center center / 24px;
}

@keyframes ani-bubble-bounce {
	100% {
		transform: translateY(6px);
	}
}

/* 생활혜택 floating flash text ani */
.kj-ani-text-blink {
	animation: blink 1.5s infinite;
}

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

	50% {
		opacity: 0;
	}

	1000% {
		opacity: 1;
	}
}

/*.kj-inner-process  > * {
	opacity:0;
	display:none;
}*/
.kj-auto-process {
	display: flex;
	flex-direction: column;

	gap: 12px;
}

.kj-inner-process {
	opacity: 0;
}

.kj-inner-process .kj-btn-run {
	display: block;
	width: 100%;
	padding: 12px 0;
	text-align: left;
	background: url(../../images/icon/icon-16x16-arrow-right.png) no-repeat right center;
	background-size: 16px;
}

.kj-inner-process .kj-btn-run span {
	display: block;
}

.kj-inner-process .kj-desc {
	font-size: 12px;
	letter-spacing: -.1px;
	line-height: 20px;
}

.kj-inner-process .kj-title {
	margin-top: 4px;
	color: var(--kj-515961);
	font-size: 18px;
	font-weight: 700;
	letter-spacing: -.2px;
	line-height: 28px;
}

.kj-inner-process .kj-title.kj-defualt {
	color: var(--kj-0565f0);
}

.kj-inner-process .kj-textfield-group {
	overflow: hidden !important;
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	margin: -1px !important;
	opacity: 0;
	clip: rect(0 0 0 0) !important;
}

.btn-scroll-top {
	position: fixed;
	right: 0;
	z-index: 10;
}


/* SK스토아 쿠폰 */
@keyframes spread {
	0% {
		box-shadow: 0 0 4px 8px #525ce450;
	}

	50% {
		box-shadow: 0 0 4px 8px #525ce405;
	}

	100% {
		box-shadow: 0 0 4px 8px #525ce450;
	}
}

.kj-ani-spread {
	border-radius: 50%;
	animation: spread 1.5s ease-in-out infinite;
}

/* 상품 상세 */
.kj-prod-detail-top {
	position: relative;
}

.kj-prod-detail-top .kj-floating-buttons {
	position: absolute;
	top: 36px;
	right: 18px;
}

.kj-product-card-bounce {
	animation: productCardbounce 1s infinite alternate;
}

@keyframes productCardbounce {
	0% {
		transform: translateY(0);
	}

	100% {
		transform: translateY(-20px);
	}
}

#moveCharactor .kj-coin-turn {
	display: none;
}

#moveCharactor.kj-active .kj-coin-turn {
	display: block;
}

#moveCharactor.kj-active .kj-bubble {
	display: none;
}

/* 상품 상세 아코디언 공시 BMS  */
.kj-prod-accordion-bms.as-accordion .faq_area>li {
	padding-bottom: 0;
}

.kj-prod-accordion-bms.as-accordion .faq_area>li:last-child {
	border-bottom: 1px solid var(--kj-f2f5f7);
}

.kj-prod-accordion-bms.as-accordion .faq_area li .que {
	margin-top: 16px;
	margin-bottom: 16px;
	padding-top: 0;
}

.kj-prod-accordion-bms.as-accordion .anchor-ele:not(.more)::before {
	top: 0;
}

.kj-prod-accordion-bms.as-accordion .faq_area li .ans2 {
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 16px;
	border-top: 0;
}

.kj-prod-accordion-bms.as-accordion.prod_txt .sup,
.kj-prod-accordion-bms.as-accordion.prod_txt .annotation {
	position: relative;
	top: -8px;
	color: #0565f0;
	font-size: 8px;
}

.kj-prod-accordion-bms.as-accordion.prod_txt .star:before {
	content: "*";
	vertical-align: middle;
	margin: 0 4px 0 0;
	font-size: 18px;
}

.kj-prod-accordion-bms.as-accordion.prod_txt div.star {
	padding: 0;
	text-indent: -12px;
}

.kj-prod-accordion-bms.as-accordion.prod_txt .tblBox~div.star,
.kj-prod-accordion-bms.as-accordion.prod_txt table~div.star {
	display: block;
	padding-left: 12px;
	text-indent: -12px;
}

.kj-prod-accordion-bms.as-accordion.prod_txt table {
	table-layout: fixed;
	width: 100%;
	margin-top: 12px;
	border-spacing: 0;
	border-collapse: collapse;
	border-top: 1px solid #515961;
}

.kj-prod-accordion-bms.as-accordion.prod_txt table th,
.kj-prod-accordion-bms.as-accordion.prod_txt table td {
	padding: 5px 7px;
	border-bottom: 1px solid #e1e3e6;
	color: #515961;
	font-size: 13px;
	font-weight: 400;
	text-align: center;
	text-indent: 0;
	letter-spacing: 0;
	line-height: 20px;
}

.kj-prod-accordion-bms.as-accordion.prod_txt table thead th,
.kj-prod-accordion-bms.as-accordion.prod_txt .w2tb_th {
	vertical-align: middle;
	font-size: 13px;
	font-weight: 400;
	background: #f2f5f7;
}

.kj-prod-accordion-bms.as-accordion.prod_txt table th+th {
	border-left: 1px solid #e1e3e6;
}

.kj-prod-accordion-bms.as-accordion.prod_txt table td,
.kj-prod-accordion-bms.as-accordion.prod_txt table tbody th {
	border-right: 1px solid #e1e3e6;
}

.kj-prod-accordion-bms.as-accordion.prod_txt table td {
	background: #fff;
}

.kj-prod-accordion-bms.as-accordion.prod_txt table .bdr {
	border-right: 1px solid #e1e3e6 !important;
}

.kj-prod-accordion-bms.as-accordion.prod_txt table .bdl {
	border-left: 1px solid #e1e3e6 !important;
}

.kj-prod-accordion-bms.as-accordion .list_pro_wrap .td_kdc_img {
	border-right: 0;
}

.kj-prod-accordion-bms.as-accordion.prod_txt .tblBox tr th:last-child,
.kj-prod-accordion-bms.as-accordion.prod_txt table tr th:last-child,
.kj-prod-accordion-bms.as-accordion.prod_txt table tr td:last-child {
	border-right: 0;
}

.kj-prod-accordion-bms.as-accordion.prod_txt table th.t_bor,
.kj-prod-accordion-bms.as-accordion.prod_txt table td.t_bor {
	border-left: 1px solid #e1e3e6;
}

.kj-prod-accordion-bms.as-accordion.prod_txt table th.t_br,
.kj-prod-accordion-bms.as-accordion.prod_txt table td.t_br,
.kj-prod-accordion-bms.as-accordion.prod_txt table tr td.t_br:last-child {
	border-right: 1px solid #e1e3e6;
}

.kj-swiper-process {
	overflow: hidden;
}

.kj-swiper-process .swiper-pagination {
	display: flex;
	width: 64px;
	margin: 24px auto 0;
	padding: 7px 18px;
	border-radius: 30px;
	font-size: 13px;
	font-weight: 400;
	text-align: center;
	letter-spacing: -.1px;
	line-height: 20px;
	background-color: var(--kj-eceff4);

	gap: 4px;
}