@charset "utf-8";

.sbRenew .btn_right_area {
	display: flex;
	justify-content: flex-end;
}

.sbRenew .btn_right_area .small_btn {
	width: 130px;
	height: 32px;
	border: none;
	border-radius: 4px;
	color: var(--kj-175ec7);
	font-size: 14px;
	line-height: 24px;
	background: var(--kj-e5f1ff);
}

.sbRenew .btn_right_area button~button {
	margin: 0 0 0 3px;
}

.sbRenew .box_row_group {
	display: flex;
}

.sbRenew .box_row_group.j_al_s {
	justify-content: space-between;
}

.sbRenew .fl_column {
	flex-direction: column;
}

.sbRenew .search_result_area {
	width: calc(100% + 40px);
	margin: 24px 0 0 -20px;
}

.sbRenew .search_result_area .result_list li {
	width: 100%;
	padding: 20px;
}

.sbRenew .search_result_area .result_list li+li {
	border-top: 1px solid var(--kj-f2f5f7);
}

.sbRenew .search_result_area .result_list li.on {
	background-color: var(--kj-f0f6ff);
}

.sbRenew .search_result_area .result_list .result_tit {
	display: block;
	margin-bottom: 8px;
	color: var(--kj-212529);
	font-size: 18px;
	font-weight: 500;
	line-height: 28px;
}

.sbRenew .search_result_area .result_list .result_tit:last-child {
	margin-bottom: 0;
}

.sbRenew .search_result_area .address_info {
	display: flex;
	align-items: baseline;
	font-size: 13px;
	line-height: 20px;
}

.sbRenew .search_result_area .address_info .txt {
	font-size: 13px;
	line-height: 20px;
}

.sbRenew .search_result_area .address_info+.address_info {
	margin-top: 4px;
}

.sbRenew .search_result_area .address_info .divider {
	width: 44px;
}

.sbRenew .search_result_area .btn_area {
	margin: 24px 20px 12px;
}

.sbRenew .mms_img_area {
	margin: 32px -20px 0;
}

.sbRenew .mms_img_area img {
	display: block;
}

.sbRenew .txt_cover>.box_row_group {
	margin-bottom: 8px;
}

.sbRenew .box_invest_area {
	margin: 24px 0 16px;
	padding: 24px 20px;
	border-radius: 6px;
	text-align: center;
	background-color: var(--kj-f5f7fa);
}

.sbRenew .box_invest_area .visual_img {
	width: 100%;
	height: 160px;
}

.sbRenew .box_invest_area .visual_img img {
	width: auto;
}

.sbRenew .invest_tit {
	margin-top: 16px;
	font-weight: 700;
}

.sbRenew .invest_desc {
	margin-top: 8px;
	font-weight: 500;
}

.sbRenew .bt_txt_desc {
	margin-left: 14px;
	font-size: 12px;
	text-indent: -14px;
	line-height: 20px;
}

.sbRenew .box_tag_wrap {
	display: flex;
	flex-wrap: wrap;
	margin-top: -8px;
}

/* S:tag */
.sbRenew .box_tag_wrap .tag {
	margin: 8px 8px 0 0;
}

.sbRenew .tag {
	height: 24px;
	padding: 2px 8px;
	border-radius: 2px;
	color: var(--kj-ffffff);
	font-size: 12px;
	font-weight: 500;
	line-height: 20px;
}

.sbRenew .tag.color01 {
	background-color: #e5493a;
}

.sbRenew .tag.color02 {
	background-color: #f65a02;
}

.sbRenew .tag.color03 {
	background-color: #ff8b02;
}

.sbRenew .tag.color04 {
	background-color: #a162f7;
}

.sbRenew .tag.color05 {
	background-color: #00a684;
}

.sbRenew .tag.color06 {
	background-color: var(--kj-0565f0);
}

.sbRenew .tag.type02 {
	border: 1px solid transparent;
	background-color: var(--kj-ffffff);
}

.sbRenew .tag.type02.color01 {
	border-color: #e5493a;
	color: #e5493a;
}

/* E:tag */
.sbRenew .box_invest_result {
	padding-bottom: 48px;
	border-bottom: 1px solid var(--kj-f2f5f7);
}

.sbRenew .box_invest_result .invest_result_visual {
	height: 176px;
	text-align: center;
}

.sbRenew .box_invest_result .invest_result_visual img {
	width: auto;
}

.sbRenew .btn_link_arr.type02 {
	background: url(../../images/sbRenew/right_arrow_g_20.png) no-repeat right center / 20px;
}

.sbRenew .terms_box.type02 {
	min-height: 64px;
	padding: 18px 16px;
	line-height: 24px;
}

.sbRenew .terms_box.type02 .chk_rnd input[type="checkbox"] {
	width: 24px;
	height: 24px;
}

.sbRenew .terms_box.type02 .chk_rnd input[type="checkbox"]:before {
	width: 24px;
	height: 24px;
	background-size: 24px 24px;
}

.sbRenew .terms_box.type02 label {
	word-break: normal;
}

.sbRenew .terms_box.type02 .chk_rnd label {
	font-size: 14px;
	line-height: 24px;
}

.sbRenew .terms_box.bd_none {
	padding: 0;
	border: none;
}

.sbRenew .focus_msg.box_bg_msg {
	position: relative;
	min-height: 105px;
	padding: 40px 20px 30px;
	font-weight: 500;
	text-align: left;
	line-height: 24px;
}

.sbRenew .focus_msg.box_bg_msg .box_row_group {
	align-items: baseline;
}

.sbRenew .focus_msg.box_bg_msg .num {
	width: 30px;
	height: 30px;
	margin-right: 8px;
	border-radius: 50%;
	color: var(--kj-ffffff);
	font-size: 14px;
	font-weight: 500;
	line-height: 30px;
	background-color: var(--kj-5697f0);
}

.sbRenew .focus_msg.box_bg_msg .tit {
	flex: 1;
	font-weight: 500;
	text-align: left;
	line-height: 24px;
}

.sbRenew .focus_msg.box_bg_msg .tit strong {
	font-weight: 500;
}

.sbRenew .focus_msg.box_bg_msg .state {
	position: absolute;
	top: 20px;
	right: 20px;
	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
}

.sbRenew .invest_slider {
	overflow: hidden;
}

.sbRenew .invest_slider .swiper-wrapper {
	height: 100% !important;
}

.sbRenew .invest_slider .certifi_radio_list.type02 .form_ele label span.txt {
	font-weight: 500;
}

.sbRenew .invest_slider .box_pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 2px;
}

.sbRenew .invest_slider .box_pagination .bullet {
	position: relative;
	width: 20px;
	height: 20px;
	margin: 0;
	border-radius: 0;
	background: transparent;
}

.sbRenew .invest_slider .box_pagination .bullet::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 8px;
	height: 8px;
	border-radius: 100%;
	background: var(--kj-6e7780);
	transform: translate(-50%, -50%);
}

.sbRenew .invest_slider .box_pagination .bullet.active {
	width: 28px;
	border-radius: 0;
	background: transparent;
}

.sbRenew .invest_slider .box_pagination .bullet.active::before {
	width: 16px;
	border-radius: 8px;
	background: var(--kj-0565f0);
}

.sbRenew .identi_img {
	width: 100%;
	height: 0;
	margin: 0;
	padding-top: 71.4285%;
	background-size: 100% auto;
}

.sbRenew .identi_img.driverslicense {
	padding-top: 68.2666%;
	background-image: url(../../images/untact/common/img_info_idCard_03.png);
	background-size: 100% auto;
}

.sbRenew .identi_img.mobile-id-card {
	padding-top: 68.2666%;
	background-image: url(../../images/untact/common/img_info_idCard_05.png);
	background-size: 100% auto;
}

.sbRenew .identi_img_area {
	position: relative;
}

.sbRenew .identi_img_area [class*="tar"] {
	display: none;
	width: 100%;
	height: 0;
	margin: 0;
	padding-top: 68.2666%;
	border: none;
	background-size: 100% auto;
}

.sbRenew .identi_img_area [class*="tar"].on {
	display: block;
}

.sbRenew .identi_img_area .tar01.on {
	background-image: url(../../images/untact/common/img_info_idCard_01.png);
}

.sbRenew .identi_img_area .tar02.on {
	background-image: url(../../images/untact/common/img_info_idCard_02.png);
}

.sbRenew .identi_img_area .tar03.on {
	background-image: url(../../images/untact/common/img_info_idCard_03.png);
}

.sbRenew .identi_img_area .tar04.on {
	background-image: url(../../images/untact/common/img_info_idCard_04.png);
}

/* S:circle_num_list */
.sbRenew .circle_num_list.small>li {
	display: block;
	padding: 0 0 32px;
}

.sbRenew .circle_num_list.small>li::before {
	content: "";
	display: block;
	position: absolute;
	top: auto;
	bottom: 2px;
	left: 12px;
	width: 2px;
	height: calc(100% - 36px);
	background: var(--kj-e1e3e5);
}

.sbRenew .circle_num_list.small>li:last-child::before {
	display: none;
}

.sbRenew .circle_num_list.small .acc_title {
	display: flex;
	align-items: baseline;
	padding-right: 32px;
}

.sbRenew .circle_num_list.small .title04 {
	margin: 0;
	color: var(--kj-212529);
	font-size: 18px;
	line-height: 28px;
}

.sbRenew .circle_num_list.small .num {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 24px;
	min-width: auto;
	height: 24px;
	margin-right: 8px;
	padding: 0;
	font-size: 13px;
	font-weight: 700;
}

.sbRenew .circle_num_list.small .chk_list {
	color: unset;
	font-size: 13px;
	font-weight: 400;
	line-height: 20px;
}

.sbRenew .circle_num_list.small .acc_content {
	padding: 20px 32px 0;
}

.sbRenew .circle_num_list.small .acc_content li {
	display: block;
	position: relative;
	padding: 0 0 14px;
	line-height: 20px;
}

.sbRenew .circle_num_list.small .acc_content li::before,
.sbRenew .circle_num_list.small .acc_content li::after,
.sbRenew .circle_num_list.small .acc_content_title::after {
	content: "";
	display: block;
	position: absolute;
	top: unset;
	left: 3px;
	width: 2px;
	height: 2px;
	border-radius: 50%;
	background: var(--kj-e1e3e5);
}

.sbRenew .circle_num_list.small .acc_content li::before {
	bottom: 6px;
}

.sbRenew .circle_num_list.small .acc_content li::after {
	bottom: 0;
}

.sbRenew .circle_num_list.small .acc_content_title::after {
	bottom: -3px;
}

.sbRenew .circle_num_list.small .acc_content li:last-child {
	padding: 0;
}

.sbRenew .circle_num_list.small .acc_content li:last-child::before,
.sbRenew .circle_num_list.small .acc_content li:last-child::after,
.sbRenew .circle_num_list.small .acc_content li:last-child .acc_content_title::after {
	display: none;
}

.sbRenew .circle_num_list.small .acc_content .acc_content_title {
	position: relative;
	padding-left: 16px;
	font-size: 13px;
}

.sbRenew .circle_num_list.small .acc_content .acc_content_title::before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #5979ff;
	transform: translateY(-50%);
}

.sbRenew .circle_num_list.small .anchor-ele::before {
	top: 2px;
	transform: none;
}

.sbRenew .circle_num_list.small li.on .anchor-ele::before {
	transform: rotate(-180deg);
}

.sbRenew .circle_num_list.small>li:first-child .num {
	background: #a162f7;
}

.sbRenew .circle_num_list.small>li:nth-child(2) .num {
	background: #5979ff;
}

.sbRenew .circle_num_list.small>li:nth-child(3) .num {
	background: #3575ce;
}

.sbRenew .circle_num_list.small>li:nth-child(4) .num {
	background: #07836c;
}

.sbRenew .circle_num_list.small>li:nth-child(5) .num {
	background: #007f96;
}

.sbRenew .circle_num_list.small>li:nth-child(6) .num {
	background: #3575ce;
}

.sbRenew .circle_num_list.small>li:nth-child(7) .num {
	background: #5d76f9;
}

.sbRenew .circle_num_list.small>li:nth-child(8) .num {
	background: #5451e1;
}

.sbRenew .circle_num_list.small>li:nth-child(9) .num {
	background: #a162f7;
}

.sbRenew .circle_num_list.small>li:nth-child(10) .num {
	background: #5979ff;
}

.sbRenew .circle_num_list.small>li:nth-child(11) .num {
	background: #3575ce;
}

.sbRenew .circle_num_list.small>li:nth-child(12) .num {
	background: #07836c;
}

.sbRenew .circle_num_list.small>li:nth-child(13) .num {
	background: #007f96;
}

.sbRenew .circle_num_list.small.progress_ty .num {
	color: var(--kj-8c959f);
	background: var(--kj-e1e3e5) !important;
}

.sbRenew .circle_num_list.small.progress_ty .title04 {
	color: var(--kj-6e7780);
	font-weight: 500;
}

.sbRenew .circle_num_list.small.progress_ty .acc_content {
	display: none;
}

.sbRenew .circle_num_list.small.progress_ty .acc_content .acc_content_title {
	color: var(--kj-8c959f);
}

.sbRenew .circle_num_list.small.progress_ty .acc_content .acc_content_title::before {
	background: var(--kj-8c959f);
}

.sbRenew .circle_num_list.small.progress_ty .acc_content li.on .acc_content_title {
	color: var(--kj-212529);
	font-weight: 700;
}

.sbRenew .circle_num_list.small.progress_ty .acc_content li.on .acc_content_title::before {
	background: #307ff0;
}

.sbRenew .circle_num_list.small.progress_ty .acc_content li.pass .acc_content_title {
	color: var(--kj-212529);
}

.sbRenew .circle_num_list.small.progress_ty .acc_content li.pass .acc_content_title::before {
	background: #1d2d47;
}

.sbRenew .circle_num_list.small.progress_ty>li.on .num {
	color: var(--kj-ffffff);
	background: #307ff0 !important;
}

.sbRenew .circle_num_list.small.progress_ty>li.on .title04 {
	color: var(--kj-212529);
	font-weight: 700;
}

.sbRenew .circle_num_list.small.progress_ty>li.on .acc_content {
	display: block;
}

.sbRenew .circle_num_list.small.progress_ty>li.pass .num {
	color: var(--kj-ffffff);
	background: #1d2d47 !important;
}

.sbRenew .circle_num_list.small.progress_ty>li.pass .title04 {
	color: var(--kj-212529);
}

.sbRenew .circle_num_list.small.progress_ty>li:last-child {
	padding-bottom: 0;
}

/* E:circle_num_list */
.sbRenew .terms_group>*+* {
	margin-top: 20px;
}

.sbRenew .terms_group.m_12>*+* {
	margin-top: 12px;
}

.sbRenew .terms_box {
	display: flex;
	flex-direction: column;
	width: 100%;
	min-height: 76px;
	padding: 24px 16px;
	border: 1px solid var(--kj-e1e3e5);
	border-radius: 6px;
	color: var(--kj-212529);
	font-size: 18px;
	font-weight: 500;
	text-indent: 0;
	line-height: 28px;
	background: var(--kj-ffffff);
	box-shadow: 0 1px 16px 0 rgb(33, 37, 41, .04), 0 6px 10px 0 rgb(33, 37, 41, .02);
}

.sbRenew .terms_box .form_ele {
	display: flex;
	padding-left: 0;
	text-indent: 0;
}

.sbRenew .terms_box>.terms {
	margin-top: 0;
}

.sbRenew .terms_box .terms_title {
	padding-right: 20px;
}

.sbRenew .terms_box>.terms_title {
	padding-right: 36px;
}

.sbRenew .terms_box>.terms_title+.terms,
.sbRenew .terms_box>.guide_txt_gray+.terms {
	margin-top: 24px;
}

.sbRenew .terms_box .view_btn {
	float: none;
	position: absolute;
	top: 4px;
	right: 0;
	width: 24px;
	height: 24px;
	margin: 0;
	background: url("../../images/sbRenew/right_arrow_g_20.png") 100% / 20px;
}

.sbRenew .terms_box .terms>li {
	position: relative;
	margin-top: 0;
	padding: 0;
}

.sbRenew .terms_box .terms label {
	width: calc(100% - 70px);
	color: #252929;
	font-size: 16px;
}

.sbRenew .terms_box .terms_title {
	position: relative;
	color: #252929;
	font-size: 18px !important;
	font-weight: 500;
	line-height: 28px;
}

.sbRenew .terms_box .terms .form_ele.block {
	display: block;
}

.sbRenew .terms_box .terms .form_ele input,
.sbRenew .terms_box .terms .form_ele label {
	float: unset;
}

.sbRenew .terms_box .terms .form_ele_wrapper {
	margin-top: 24px;
}

.sbRenew .terms_box .terms .form_ele_wrapper .inner {
	display: flex;
	flex-wrap: wrap;
	margin-top: 12px;
	padding-left: 36px;
}

.sbRenew .terms_box .terms .form_ele_wrapper .inner .form_ele {
	width: calc(50% - 5px);
}

.sbRenew .terms_box .terms .form_ele_wrapper .inner .form_ele:nth-child(2n) {
	margin-left: 10px;
}

.sbRenew .terms_box .terms .form_ele_wrapper .inner .form_ele:nth-child(2)~.form_ele {
	margin-top: 12px;
}

.sbRenew .terms_box .terms .form_ele_wrapper .inner label {
	width: auto;
	max-width: 80px;
	font-size: 12px;
	line-height: 20px;
}

.sbRenew .terms_box .terms .form_ele_wrapper .inner input:checked+label {
	font-size: 13px;
}

.sbRenew .terms_box .terms .form_ele_wrapper .inner.block {
	display: block;
}

.sbRenew .terms_box .terms .form_ele_wrapper .inner.block .form_ele {
	width: 100%;
	margin-left: 0 !important;
}

.sbRenew .terms_box .terms .form_ele_wrapper .inner.block .form_ele+.form_ele {
	margin-top: 12px;
}

.sbRenew .terms_box .terms .form_ele_wrapper .inner.block .form_ele label {
	max-width: 100%;
}

.sbRenew .terms_box .terms.as-accordion .anchor-ele {
	position: absolute;
	top: 0;
	right: 0;
	width: 24px;
	height: 24px;
}

.sbRenew .terms_box .terms.as-accordion .anchor-ele::before {
	top: 4px;
	transform: none;
}

.sbRenew .terms_box .terms.as-accordion>li.on .anchor-ele::before {
	transform: rotate(-180deg);
}

.sbRenew .terms_box .terms .toggle-ele {
	padding-left: 4px;
}

.sbRenew .terms_box .terms .toggle-ele,
.sbRenew .terms_box .terms .toggle-ele>*+* {
	margin-top: 24px;
}

.sbRenew .terms_box .form_ele>input[type="radio"],
.sbRenew .terms_box .form_ele input[type="checkbox"] {
	flex-shrink: 0;
	margin: 0 20px 0 0;
}

.sbRenew .terms_box .form_ele.chk_rnd>input[type="radio"],
.sbRenew .terms_box .form_ele.chk_rnd input[type="checkbox"] {
	margin: 0 12px 0 0;
}

.sbRenew .terms_box .form_ele_wrapper .inner input[type="radio"],
.sbRenew .terms_box .form_ele_wrapper .inner input[type="checkbox"] {
	margin: -2px 4px 0 0;
}

.sbRenew .terms_box .guide_txt_gray {
	margin-top: 8px !important;
	padding: 0 40px;
	font-weight: 400;
}

.sbRenew .terms_box .view_btn+.guide_txt_gray {
	padding: 0;
}

.sbRenew .tit_wrap.title_set::after {
	display: none;
}

.sbRenew .terms_detail {
	margin-top: 24px;
}

.sbRenew .terms_detail .terms_box {
	padding: 12px 16px;
}

.sbRenew .terms_detail .terms_box>.label,
.sbRenew .terms_detail .newSelect_area.setValue .txt .select_label {
	margin-bottom: 4px;
	color: var(--kj-6e7780);
	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
}

.sbRenew .terms_detail .terms_box>.label+p,
.sbRenew .terms_detail .select_set .txt .select_value {
	display: -webkit-box;
	overflow: hidden;
	color: var(--kj-212529);
	font-size: 18px;
	font-weight: 400;
	text-overflow: ellipsis;
	letter-spacing: -.2px;


	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.sbRenew .terms_detail .select_set .txt {
	padding: 12px 50px 12px 16px;
}

.sbRenew .terms_detail .select_set .txt .select_value {
	margin-top: 26px;
}

.sbRenew .terms_detail .pdf_area {
	margin-top: 24px;
}

.sbRenew .type_btn {
	align-items: center;
	flex-direction: row;
	transition: all .3s;
}

.sbRenew .type_btn::before {
	content: "";
	display: block;
	flex-shrink: 0;
	width: 24px;
	height: 24px;
	margin-right: 12px;
	background: url("../../images/sbRenew/icon_check_off_48.png") no-repeat 100% / 24px;
}

.sbRenew .type_btn.active {
	border: 1px solid var(--kj-0565f0);
	color: var(--kj-ffffff);
	background: var(--kj-0565f0);
}

.sbRenew .type_btn.active::before {
	background: url("../../images/sbRenew/icon_check_on_48.png") no-repeat 100% / 24px;
}

.sbRenew .list_links>li+li {
	margin-top: 12px;
}

.sbRenew .list_links>li>button {
	display: block;
	width: 100%;
	padding: 17px 36px 15px 20px;
	border: 1px solid var(--kj-e1e3e5);
	border-radius: 4px;
	color: var(--kj-212529);
	font-size: 14px;
	font-weight: 500;
	text-align: left;
	line-height: 24px;
	background: url(../../images/sbRenew/right_arrow_g_20.png) no-repeat right 18px top 18px / 20px;
}

.sbRenew .disc_wrap {
	margin-top: 48px;
	padding: 20px;
	border-radius: 6px;
	background: var(--kj-f5f7fa);
}

.sbRenew .helpbox .tit {
	display: block;
	padding-left: 20px;
	color: var(--kj-212529);
	font-weight: 700;
	line-height: 24px;
	background: url(../../images/sbRenew/ico_question_bk.png) no-repeat left center / 14px;
}

.sbRenew .helpbox .cont {
	display: flex;
	flex-wrap: wrap;
	margin-top: 12px;
	font-weight: 500;
	line-height: 24px;
}

.sbRenew .helpbox .cont dt {
	width: 16px;
	margin-bottom: 8px;
	text-align: center;
}

.sbRenew .helpbox .cont dd {
	width: calc(100% - 20px);
	padding-left: 4px;
}

.sbRenew .reco_code {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.sbRenew .reco_code dt {
	font-weight: 500;
	line-height: 24px;
}

.sbRenew .reco_code dd {
	color: var(--kj-0565f0);
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
}

.sbRenew .disc_wrap+.helper {
	margin-top: 0;
}

.sbRenew .txt_cover .tblNew+.disc_wrap {
	margin-top: 24px;
}

.sbRenew .complete_area~.txt_cover .card_cover.dataLst+.title {
	margin-top: 24px;
}

.sbRenew .input_cover>.title {
	margin-bottom: 16px;
	font-size: 14px;
	font-weight: 700;
	line-height: 24px;
}

.sbRenew .tabs.line .tab-ele>.input_cover {
	margin-top: 24px;
}

.sbRenew .tabs.line>ul {
	flex-wrap: wrap;
	width: auto;
	margin: 0 -4px;
	padding: 0;
	background: var(--kj-ffffff);
}

.sbRenew .tabs.line>ul li {
	width: calc(50% - 8px);
	margin: 8px 4px 0;
}

.sbRenew .tabs.line>ul li:nth-child(-n + 2) {
	margin-top: 0;
}

.sbRenew .tabs.line>ul li a {
	border: 1px solid #e1e3e6;
	font-size: 14px;
}

.sbRenew .tabs.line.multi>ul li:nth-child(-n + 3) {
	width: calc(33.3% - 8px);
	margin-top: 0;
}

.sbRenew .tabs.line>ul li.on a {
	border: 1px solid var(--kj-5697f0);
}

.sbRenew .sec .input_cover~.txt_cover {
	margin-top: 24px;
}

.sbRenew .card_cover.dataLst+.marketing_banner {
	margin-top: 48px;
}

.sbRenew .lst_icon>li {
	display: flex;
	flex-wrap: wrap;
	margin-top: 17px;
	padding-top: 16px;
	border-top: 1px solid var(--kj-f2f5f7);
}

.sbRenew .lst_icon>li:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: none;
}

.sbRenew .lst_icon .ico {
	width: 24px;
	height: 24px;
}

.sbRenew .lst_icon .name {
	width: calc(100% - 32px);
	margin-left: 8px;
	font-size: 14px;
	line-height: 24px;
}

.sbRenew .card_cover.link.comp {
	padding: 17px 40px 15px 20px;
	background: url(../../images/sbRenew/right_arrow_g_20.png) no-repeat right 20px center / 20px;
	box-shadow: none;
}

.sbRenew .card_cover.link.comp .name {
	flex-direction: column;
}

.sbRenew .card_cover.link.comp .name span {
	line-height: 14px;
}

.sbRenew .card_cover.link.comp .name strong {
	margin-top: 4px;
}

.sbRenew .btn_area.detail .move {
	display: block;
	float: none;
	width: auto;
	height: auto;
	margin: 8px auto 0;
	padding: 8px 12px;
}

.sbRenew .btn_area.detail .move span {
	font-size: 14px;
}

.sbRenew~.lyr_wrap .sec.trans {
	margin-bottom: 0;
}

.sbRenew~.lyr_wrap .modi_area .prev {
	width: 100%;
	margin: 24px auto 0;
	padding: 20px;
	border-radius: 6px;
}

.sbRenew~.lyr_wrap .modi_area .summary_info.add_line {
	margin: 0;
}

.sbRenew~.lyr_wrap .modi_area .summary_info.add_line .title {
	color: var(--kj-212529);
	font-size: 13px;
	font-weight: 400;
	line-height: 20px;
}

.sbRenew~.lyr_wrap .modi_area .summary_info.add_line .right {
	font-size: 13px;
	line-height: 20px;
}

.sbRenew~.lyr_wrap .modi_area .summary_info em {
	padding: 0;
	color: inherit;
}

.sbRenew~.lyr_wrap .modi_area .summary_info span {
	display: inline-block;
	position: relative;
}

.sbRenew~.lyr_wrap .modi_area .summary_info span+span {
	margin-left: 16px;
}

.sbRenew~.lyr_wrap .modi_area .summary_info span+span:before {
	content: "";
	display: block;
	position: absolute;
	top: calc(50% - 5px);
	left: -9px;
	width: 1px;
	height: 12px;
	background: var(--kj-8c959f);
}

.sbRenew~.lyr_wrap .title_set.img .title {
	color: var(--kj-212529);
	font-size: 14px;
	font-weight: 500;
	line-height: 24px;
}

.sbRenew~.lyr_wrap .tbl_area.multi {
	margin: 8px 0 0;
	padding-top: 4px;
}

.sbRenew~.lyr_wrap .tbl_area.multi .tbl_row th,
.sbRenew~.lyr_wrap .tbl_area.multi .tbl_row td {
	padding: 4px 0;
	font-size: 14px;
	line-height: 24px;
}

.sbRenew .connect_bank_area {
	padding: 24px 20px 120px;
}

.sbRenew .connect_bank_area .title03 {
	color: var(--kj-212529);
}

.sbRenew .connect_bank_area .choice_chk {
	display: flex;
	align-items: center;
	height: 52px;
	margin: 0;
	background: var(--kj-e5f1ff);
}

.sbRenew .connect_bank_area .choice_chk label {
	display: flex;
	align-items: center;
	justify-content: center;
	background: transparent;
}

.sbRenew .connect_bank_area .choice_chk label::before {
	width: 24px;
	height: 24px;
	margin: 0 8px 0 0;
	background: url("../../images/sbRenew/icon_check_blue_48.png") no-repeat center / 100%;
}

.sbRenew .connect_bank_area .bank_area {
	display: flex;
	flex-wrap: wrap;
	margin: 20px -7px -12px 0;
}

.sbRenew .connect_bank_area .bank_area>li {
	float: none;
	position: relative;
	width: calc((100% - 21px) / 3);
	height: auto;
	margin: 0 7px 12px 0;
	padding: 0;
}

.sbRenew .connect_bank_area .bank_area>li .preparing {
	display: flex;
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 5;
	align-items: center;
	justify-content: center;
	border-radius: 6px;
	background-color: rgba(236, 239, 244, .7);
}

.sbRenew .connect_bank_area .bank_area li input[type="checkbox"]:checked+label {
	padding: 11px 7px;
	border: 2px solid var(--kj-5697f0);
	box-shadow: 0 1px 16px 0 rgba(33, 37, 41, .04), 0 6px 10px 0 rgba(33, 37, 41, .02);
}

.sbRenew .connect_bank_area .bank_area label {
	display: flex;
	position: relative;
	align-items: center;
	flex-direction: column;
	height: 100%;
	padding: 12px 8px;
	border-radius: 6px;
}

.sbRenew .connect_bank_area .bank_area label img {
	width: 24px;
}

.sbRenew .connect_bank_area .bank_area label [class*="kj-icon"] {
	position: absolute;
	top: 8px;
	right: 8px;
	z-index: 1;
}

.sbRenew .connect_bank_area .bank_area label span {
	display: block;
	overflow: hidden;
	height: 20px;
	margin-top: 12px;
	color: var(--kj-212529);
	font-size: 13px;
	line-height: 20px;
}

.sbRenew .connect_bank_area .bank_area label em {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	padding: 2px 4px;
	border-radius: 2px;
	color: var(--kj-ffffff);
	font-size: 11px;
	font-weight: 500;
	line-height: 16px;
	background: #515961;
	transform: translate(-50%, -50%);
}

.sbRenew .connect_bank_area .bank_area li.none_bank label {
	position: relative;
	background-color: var(--kj-f5f7fa);
}

.sbRenew .connect_bank_area .bank_area li.none_bank label img {
	opacity: .4;
}

.sbRenew .connect_bank_area .bank_area li.none_bank label span {
	color: #a9b0b8;
}

.sbRenew .connect_bank_area .bank_area li.none_bank label em {
	display: inline-block;
}

.sbRenew .account .connect_bank_area {
	padding: 0;
}

.sbRenew .tab-menu-dim {
	position: relative;
	padding-top: 24px;
	background-color: var(--kj-ffffff);
}

.sbRenew .tab-menu-dim::after {
	content: "";
	display: block;
	position: absolute;
	top: 24px;
	right: -20px;
	z-index: 4;
	width: 60px;
	height: 44px;
	background: linear-gradient(270deg, var(--kj-ffffff) 4.77%, rgba(255, 255, 255, 0) 101.52%);
	pointer-events: none;
}

.sbRenew .tab-menu-dim .tab-menu a {
	font-weight: 700;
}

.sbRenew .tab-menu-dim .tab-menu li.is-active>a {
	position: relative;
	color: var(--kj-212529);
	font-weight: 700;
	transition: all .3s;
}

.sbRenew .tab-menu-dim .tab-menu li.is-active>a::before {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: var(--kj-212529);
}

.sbRenew #container.sch_fixed .sec.lower_verti .form_search {
	margin-top: 28px;
}

.sbRenew #container.is-tab-menu-fixed.sch_fixed .sec.lower_verti {
	top: 55px;
}

.sbRenew #container.is-tab-menu-fixed.sch_fixed .tab-menu {
	position: relative;
	top: 0;
}

.sbRenew #container.is-tab-menu-fixed.sch_fixed .tab-menu-dim {
	position: fixed;
	top: 131px;
	right: 0;
	left: 0;
	z-index: 3;
	margin-top: 0;
}

.sbRenew .bank_select_view .title {
	display: block;
	padding-bottom: 12px;
	border-bottom: 1px solid var(--kj-8c959f);
	color: var(--kj-212529);
	font-size: 16px;
}

.sbRenew .bank_select_view ul+.title {
	margin-top: 24px;
}

.sbRenew .bank_select_view ul:last-child>li {
	border-bottom: 0;
}

.sbRenew .bank_select_view li {
	display: flex;
	align-items: center;
	padding: 24px 0;
	border-bottom: 1px solid var(--kj-f2f5f7);
}

.sbRenew .bank_select_view .name_area {
	display: flex;
	align-items: center;
	flex: 1;
}

.sbRenew .bank_select_view .name_area img {
	width: 24px;
}

.sbRenew .bank_select_view .name_area span {
	margin-left: 8px;
	color: var(--kj-212529);
	font-size: 18px;
	font-weight: 500;
	line-height: 28px;
}

.sbRenew .bank_select_view .delete_btn {
	width: 28px;
	height: 28px;
	padding: 4px;
	background: url(../../images/icon_solid_clear.png) no-repeat center center / 20px;
}

.sbRenew .signature_list.mydata .box_row_group {
	align-items: center;
}

.sbRenew .signature_list.mydata li+li {
	margin-top: 12px;
}

.sbRenew .signature_list.mydata li.focus {
	border: 2px solid var(--kj-5697f0);
}

.sbRenew .signature_list.mydata li.focus>a.box_row_group {
	padding: 22px;
}

.sbRenew .signature_list.mydata .box_row_group .tit {
	flex: 1;
	margin: 0;
}

.sbRenew .signature_list.mydata .box_row_group .txt_area {
	margin-top: 0;
}

.sbRenew .signature_list.mydata .box_row_group .txt_area p {
	color: var(--kj-212529);
	font-size: 16px;
}

.sbRenew .signature_list.mydata .box_row_group .txt_area span {
	display: inline-block;
	width: auto;
	margin-top: 4px;
	color: var(--kj-6e7780);
	font-size: 14px;
	font-weight: 500;
}

.sbRenew .signature_list.mydata .box_row_group .state {
	display: inline-block;
	margin-left: 8px;
	padding: 2px 8px;
	border-radius: 4px;
	color: var(--kj-175ec7);
	font-size: 12px;
	font-weight: 500;
	line-height: 20px;
	background-color: var(--kj-f0f6ff);
}

.sbRenew .info_box.explain .inner {
	padding: 20px;
}

.sbRenew .info_box.explain .title {
	margin-bottom: 8px;
	color: #515961;
	font-size: 14px;
	font-weight: 500;
}

.sbRenew .info_box.explain p {
	padding: 0;
	color: var(--kj-212529);
	line-height: 24px;
}

.sbRenew .info_box.explain .ex_txt {
	display: inline-block;
	margin-bottom: 8px;
	color: #307ff0;
	font-size: 12px;
	font-weight: 500;
}

.sbRenew .info_box.explain .guide {
	color: inherit;
	text-align: center;
}

.sbRenew .info_box.explain .guide>span {
	color: var(--kj-175ec7);
}

.sbRenew .info_box.explain .inner .graph_img {
	margin-top: 16px;
	padding: 0 30px;
}

.sbRenew .info_box .inner .item_box_line {
	padding: 4px 20px;
	border: 1px solid var(--kj-e1e3e5);
	border-radius: 6px;
}

.sbRenew .info_box .inner .item_box_line.pd20 {
	padding: 20px;
}

.sbRenew .info_box .item_box_line .item {
	display: flex;
	align-items: baseline;
	padding: 16px 0;
	font-size: 16px;
	font-weight: 500;
}

.sbRenew .info_box .item_box_line .item+.item {
	border-top: 1px solid var(--kj-e1e3e5);
}

.sbRenew .info_box .item_box_line .date {
	color: #515961;
}

.sbRenew .info_box .item_box_line .list_title {
	display: flex;
	flex: 1;
	flex-direction: column;
	margin: 0 16px;
	color: var(--kj-212529);
	font-size: 16px;
}

.sbRenew .info_box .item_box_line .list_title .time {
	margin-top: 4px;
	color: var(--kj-6e7780);
	font-size: 13px;
}

.sbRenew .info_box .item_box_line .price {
	flex-shrink: 0;
	font-size: 16px;
}

.sbRenew .info_box .chart_example {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 10px;
	padding-bottom: 0;
}

.sbRenew .info_box .inner .chart_example ul {
	padding: 0;
}

.sbRenew .info_box .chart_example ul li {
	color: var(--kj-212529);
	font-size: 13px;
	line-height: 20px;
}

.sbRenew .info_box .chart_example ul li+li {
	margin-top: 4px;
}

.sbRenew .info_box .chart_example ul li::before {
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	margin-right: 4px;
	border-radius: 50%;
}

.sbRenew .info_box .chart_example ul li:first-child::before {
	background: #8557dc;
}

.sbRenew .info_box .chart_example ul li:nth-child(2)::before {
	background: #3d7f47;
}

.sbRenew .info_box .chart_example ul li:nth-child(3)::before {
	background: #1f808d;
}

.sbRenew .info_box .chart_example ul li:last-child::before {
	background: #525ce4;
}

.sbRenew .info_box .chart_example .chart_img {
	width: 95px;
}

.sbRenew .agree_info_area>li {
	padding: 16px 20px;
	border-bottom: 1px solid var(--kj-f2f5f7);
	font-weight: 500;
}

.sbRenew .agree_info_area>li:first-child {
	border-top: 1px solid var(--kj-f2f5f7);
}

.sbRenew .agree_info_area>li>*+* {
	margin-top: 8px;
}

.sbRenew .agree_info_area span {
	font-size: 13px;
	line-height: 20px;
}

.sbRenew .agree_info_area span+* {
	display: block;
	color: var(--kj-212529);
	line-height: 24px;
}

.sbRenew .agree_info_area strong {
	font-size: 16px;
}

.sbRenew .text_btn_arrow_gray {
	display: inline-block;
	margin-top: 12px;
	padding: 8px 28px 8px 12px;
	font-weight: 500;
	background: url(../../images/sbRenew/right_arrow_sm.png) no-repeat center right 12px / 12px;
}

.sbRenew .agree_info_area .confirm_btn .btn_arrow {
	padding: 4px 16px 4px 0;
	border-bottom: 1px solid var(--kj-0565f0);
	color: var(--kj-0565f0);
	line-height: 24px;
	background: url(../../images/sbRenew/icon_sld_12_decrease.png) no-repeat 100% center / 12px;
}

.sbRenew .category_list>li+li {
	margin-top: 48px;
}

.sbRenew .category_list .category {
	color: #515961;
	font-weight: 700;
}

.sbRenew .category_list .title {
	display: block;
	margin-top: 16px;
	color: var(--kj-212529);
	font-size: 18px;
}

.sbRenew .category_list p {
	margin-top: 8px;
}

.sbRenew .mydata_select_area .txt_cover .title {
	margin: 0 -20px 20px;
	padding: 8px 20px;
	color: #515961;
	background: var(--kj-f5f7fa);
}

.sbRenew .mydata_select_area .txt_cover.top_ini .title {
	border-top: 1px solid var(--kj-e1e3e5);
}

.sbRenew .mydata_select_area .sub_title {
	margin-bottom: 0;
	padding-bottom: 12px;
	border-bottom: 1px solid var(--kj-e1e3e5);
	color: #515961;
	font-size: 16px;
	font-weight: 700;
}

.sbRenew .mydata_select_area .sub_title:not(:first-child) {
	margin-top: 24px;
}

.sbRenew .mydata_select_area .acco_list {
	margin-top: 12px;
}

.sbRenew .mydata_select_area .acco_list>li {
	padding: 16px 0;
}

.sbRenew .mydata_select_area .acco_list .icon {
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--kj-f5f7fa);
}

.sbRenew .mydata_select_area .acco_list .icon img {
	transform: none;
}

.sbRenew .mydata_select_area .acco_list .txt_sub {
	margin-top: 4px;
}

.sbRenew .mydata_select_area .helper {
	padding: 8px 8px 0 0;
	padding-left: 28px !important;
	background: url(../../images/icon_solid_status_warning.png) no-repeat 8px 12px / 16px;
}

.sbRenew .txt_area.type02.loading_title {
	padding-top: 48px;
}

.sbRenew .loading_title .txt_tit02 {
	font-size: 22px;
	text-align: center;
	line-height: 32px;
}

.sbRenew .loading_title .txt_sub02 {
	font-size: 16px;
	text-align: center;
}

.sbRenew .onboard_title_wrap .title {
	margin-bottom: 8px;
	text-align: center;
}

.sbRenew .onboard_title_wrap .title .focus_text {
	margin-bottom: 4px;
	color: var(--kj-212529);
	font-family: var(--kj-fm-gothic);
	font-size: 22px;
	line-height: 32px;
}

.sbRenew .onboard_title_wrap .title .focus_text * {
	font-family: var(--kj-fm-gothic);
}

.sbRenew .onboard_title_wrap .title .text_purple {
	color: #5451e1;
}

.sbRenew .onboard_title_wrap .title .text_blue {
	color: var(--kj-0565f0);
}

.sbRenew .onboard_title_wrap .title p {
	height: 56px;
	color: #515961;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: -.2px;
	line-height: 28px;
}

.sbRenew .onboard_title_wrap .title p strong {
	color: var(--kj-212529);
	font-weight: 700;
}

.sbRenew .onboard_title_wrap .title p em {
	display: inline-block;
	position: relative;
	color: var(--kj-212529);
	font-weight: 700;
}

.sbRenew .onboard_title_wrap .title p em::before {
	content: "";
	position: absolute;
	bottom: 4px;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 12px;
	background: rgba(44, 224, 221, .2);
}

.sbRenew .onboard_slider,
.sbRenew .mydata_info_slider {
	overflow: hidden;
}

.sbRenew .onboard_slider .swiper-slide,
.sbRenew .mydata_info_slider .swiper-slide {
	padding: 0;
}

.sbRenew .mydata_tag .title {
	margin-bottom: 16px;
	line-height: 28px;
}

.sbRenew .tag_list>li {
	display: inline-flex;
	align-items: center;
	height: 24px;
	padding: 0 8px;
	border: 1px solid var(--kj-8c959f);
	border-radius: 12px;
	color: inherit;
	font-size: 12px;
	line-height: 13px;
}

.sbRenew .popTitle strong {
	font-family: inherit;
}

.sbRenew .pop_content {
	padding: 0 20px 12px;
}

.sbRenew .pop_bottom .prod_area {
	padding: 24px 0 0;
}

.sbRenew .pop_bottom .prod_area .inner {
	padding: 20px;
}

.sbRenew .pop_bottom .prod_area em.tit {
	color: #515961;
}

.sbRenew .pop_bottom .txt_check_area {
	margin-top: 24px;
	font-weight: 500;
	word-break: keep-all;
}

.sbRenew .pop_bottom .txt_check_area strong {
	color: #515961;
}

.sbRenew .pop_content .popInnerWrap+.btn_area {
	padding: 32px 0 0;
}

.sbRenew .security_box {
	display: flex;
	justify-content: space-between;
	margin-top: 24px;
	padding: 20px;
	border: 1px solid var(--kj-e1e3e5);
	border-radius: 6px;
	font-weight: 500;
	line-height: 24px;
}

.sbRenew .security_box span {
	color: var(--kj-0565f0);
}

.sbRenew .security_box>div:last-child {
	color: #515961;
	text-align: right;
}

.sbRenew .security_box .number_group {
	display: flex;
	align-items: center;
}

.sbRenew .security_box .dot {
	display: flex;
	margin-left: 4px;
}

.sbRenew .security_box .dot span {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #515961;
}

.sbRenew .security_box .dot span+span {
	margin-left: 4px;
}

.sbRenew .form_group .title {
	margin: 0 0 24px;
	font-size: 14px;
}

.sbRenew .form_group .chk_long input[type="checkbox"] {
	margin-right: 0;
	margin-left: 5px;
}

.sbRenew .form_group .chk_long input[type="checkbox"]+label {
	color: #515961;
	font-size: 14px;
	line-height: 30px;
}

.sbRenew .bankbook_area {
	position: relative;
}

.sbRenew .bankbook_area .txt_box {
	position: absolute;
	bottom: 28%;
	left: 0;
	align-items: flex-start;
	flex-direction: column;
	width: 100%;
	margin: 0;
	border: 1px solid var(--kj-6e7780);
	background: var(--kj-ffffff);
}

.sbRenew .bankbook_area .txt_box span {
	color: #515961;
	font-weight: 700;
	line-height: 24px;
}

.sbRenew .guide_list_area>li+li {
	margin-top: 48px;
}

.sbRenew .data_list_wrap .card_cover:not(:first-child) {
	margin-top: 12px;
}

.sbRenew .add_info .info_list_group>span:not(:first-child)::before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 1px;
	height: 12px;
	margin: 0 8px;
	background: var(--kj-8c959f);
}

.sbRenew .marketing_banner {
	padding: 20px;
	border-radius: 6px;
	background: #2ebfd9;
}

.sbRenew .marketing_banner>* {
	color: var(--kj-ffffff);
	line-height: 24px;
}

.sbRenew .marketing_banner .title {
	margin-bottom: 4px;
	font-size: 16px;
	font-weight: 700;
}

.sbRenew .card_select_item .sec .title_set>.title {
	display: flex;
	float: unset;
	align-items: center;
	font-size: 18px;
	line-height: 28px;
}

.sbRenew .card_select_item .sec .title_set>.title>em {
	color: var(--kj-0565f0);
	font-size: 18px;
	font-weight: 700;
}

.sbRenew .card_select_item .card_cover.radio {
	box-shadow: none;
}

.sbRenew .card_select_item .card_cover.radio.click {
	border: 1px solid var(--kj-5697f0);
	box-shadow: 0 1px 16px 0 rgba(33, 37, 41, .04), 0 6px 10px 0 rgba(33, 37, 41, .02);
}

.sbRenew .card_select_item .card_cover.button {
	box-shadow: none;
}

.sbRenew .card_select_item .card_cover.button.click {
	border: 1px solid var(--kj-5697f0);
	box-shadow: 0 1px 16px 0 rgba(33, 37, 41, .04), 0 6px 10px 0 rgba(33, 37, 41, .02);
}

.sbRenew .card_select_item .card_cover.button .input_area input[type="checkbox"],
.sbRenew .card_select_item .card_cover.button .touch_full.button .type .input_area {
	width: 24px;
	height: 24px;
}

.sbRenew .card_select_item .card_cover .type {
	float: unset;
	position: absolute;
	top: 40px;
	right: 24px;
	margin: 0;
}

.sbRenew .card_select_item .card_cover .inner {
	padding-bottom: 16px;
	border-bottom: 1px solid #fef5f7;
}

.sbRenew .card_select_item .card_cover.touch_full input[type="radio"]:disabled:before {
	opacity: 1;
}

.sbRenew .card_select_item .card_cover.touch_full.disabled {
	background-color: var(--kj-ffffff);
}

.sbRenew .card_select_item .card_cover.touch_full.disabled .type .input_area {
	opacity: 1;
}

.sbRenew .card_select_item .badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 24px;
	padding: 0 8px;
	border-radius: 4px;
	color: #515961;
	background: var(--kj-f5f7fa);
}

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

.sbRenew .card_select_item .price_num {
	display: block;
	margin-top: 8px;
	color: var(--kj-0565f0);
	font-size: 18px;
	text-align: right;
	line-height: 28px;
}

.sbRenew .onboard_loading .logo {
	width: 120px;
	height: 66px;
	margin: 0 auto;
	background: url("../../images/sbRenew/wa_bi_logo.png") no-repeat center / 100%;
}

.sbRenew .onboard_loading .loading_title .txt_tit02 {
	line-height: 32px;
}

.sbRenew .onboard_loading .loading_title .txt_sub02 {
	margin-top: 16px;
}

.sbRenew .prod_detail_area .txt_area {
	position: relative;
}

.sbRenew .prod_detail_area .txt_area .txt_tit02 {
	width: calc(100% - 92px);
}

.sbRenew .prod_detail_area .txt_sub02 {
	color: var(--kj-0565f0);
}

.sbRenew .prod_detail_area .btn_share,
.sbRenew .prod_detail_area .btn_like {
	position: absolute;
	top: 24px;
	width: 36px;
	height: 36px;
	border-radius: 50%;
}

.sbRenew .prod_detail_area .btn_share {
	right: 48px;
	background: var(--kj-f2f5f7) url("../../images/sbRenew/icon_line_share_48.png") no-repeat center center / 24px;
}

.sbRenew .prod_detail_area .btn_like {
	right: 0;
	background: var(--kj-f2f5f7) url("../../images/sbRenew/icon_line_like_48.png") no-repeat center center / 24px;
}

.sbRenew .prod_detail_area .btn_like.kj-active {
	background: var(--kj-f2f5f7) url("../../images/icon/icon-24x24-like02-active.png") no-repeat center center / 24px;
}

.sbRenew .prod_detail_area .percent2 {
	display: block;
	margin-top: 24px;
}

.sbRenew .prod_detail_area .percent2>span {
	font-size: 24px;
}

.sbRenew .prod_detail_area .percent2>span>em {
	margin: 0 4px 0 0;
}

.sbRenew .prod_detail_area .percent2>div {
	display: block;
	padding: 0;
	color: var(--kj-6e7780);
	font-size: 14px;
}

.sbRenew .prod_detail_area .txt_cover.other {
	margin: 48px 0 0;
}

.sbRenew .prod_detail_area .txt_cover.other .title {
	margin-bottom: 4px;
	color: var(--kj-6e7780);
	font-size: 13px;
	font-weight: 500;
	line-height: 24px;
}

.sbRenew .prod_detail_area .txt_cover.other .title+strong {
	font-weight: 500;
}

.sbRenew .prod_detail_area .txt_cover.other strong+.title {
	margin-top: 24px;
}

.sbRenew .prod_detail_area .faq_area>li {
	padding-bottom: 16px;
}

.sbRenew .prod_detail_area .faq_area>li .que {
	padding-top: 16px;
}

.sbRenew .prod_detail_area .txt_sub {
	font-size: 11px;
	text-align: center;
	line-height: 16px;
}

.sbRenew .prod_detail_area .prod_advice_area {
	height: 56px;
	margin-top: 24px;
	border: 1px solid var(--kj-e1e3e5);
	background: var(--kj-ffffff);
}

.sbRenew .prod_detail_area .prod_advice_area>li {
	flex: 1;
}

.sbRenew .prod_detail_area .prod_advice_area>li>a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	color: var(--kj-8c959f);
	font-weight: 500;
}

.sbRenew .prod_detail_area .prod_advice_area>li span {
	position: unset;
}

.sbRenew .prod_detail_area .prod_advice_area>li span.phone {
	background: url("../../images/sbRenew/icon_line_call_40.png") no-repeat 100% / 20px;
}

.sbRenew .prod_detail_area .prod_advice_area>li span.chat {
	background: url("../../images/sbRenew/icon_line_comment_40.png") no-repeat 100% / 20px;
}

.sbRenew .wallet_info {
	padding: 20px;
}

.sbRenew .wallet_info .txt_cover {
	margin-top: 0;
}

.sbRenew .wallet_info .txt_cover .title {
	margin-bottom: 4px;
	word-break: keep-all;
	line-height: 28px;
}

.sbRenew .wallet_info .txt_cover span {
	display: block;
	color: #515961;
	line-height: 20px;
}

.open_info {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
}

.open_info .item {
	width: calc(50% - 3px);
	padding: 20px;
	border: 1px solid #e1e3e6;
	border-radius: 6px;
	background-color: var(--kj-ffffff);
	box-shadow: 0 1px 16px 0 rgba(33, 37, 41, .04), 0 6px 10px 0 rgba(33, 37, 41, .02);
}

.open_info .img {
	display: block;
	overflow: hidden;
	width: 76px;
	height: 48px;
	margin-bottom: 12px;
	border-radius: 2px;
	box-shadow: 0 6px 12px 0 rgb(33, 37, 41, .1), 0 4px 5px 0 rgb(33, 37, 41, .06);
}

.open_info .img>span {
	display: block;
	overflow: hidden;
	width: 48px;
	height: 76px;
	margin: 0;
	padding: 0;
	border-radius: 2px;
	transform: rotate(-90deg);
	transform-origin: 24px 24px;
}

.open_info .img img {
	width: 100%;
}

.open_info .title {
	margin-bottom: 4px;
	font-size: 16px;
	word-break: keep-all;
	line-height: 24px;
}

.open_info .text {
	display: block;
	color: #515961;
	font-size: 13px;
	word-break: keep-all;
	line-height: 20px;
}

.card_setting {
	overflow: hidden;
	margin: 0 -20px;
}

.card_setting .swiper-container-autoheight .swiper-wrapper {
	align-items: center;
}

.card_setting .swiper-slide {
	overflow: hidden;
	width: 30%;
	padding: 0;
	border-radius: 8px;
}

.card_setting .swiper-slide-active {
	width: 40%;
}

.card_setting .swiper-pagination {
	position: static;
	margin-top: 24px;
	padding: 0;
}

.card_setting .swiper-pagination-bullet {
	position: relative;
	width: 20px;
	height: 20px;
	margin: 0;
	border-radius: 0;
	background: transparent;
}

.card_setting .swiper-pagination-bullet::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 8px;
	height: 8px;
	border-radius: 100%;
	background: var(--kj-6e7780);
	transform: translate(-50%, -50%);
}

.card_setting .swiper-pagination-bullet-active {
	width: 28px;
	border-radius: 0;
	background: transparent;
}

.card_setting .swiper-pagination-bullet-active::before {
	width: 16px;
	border-radius: 8px;
	background: var(--kj-0565f0);
}

.sbRenew .as-accordion .faq_area.round_type .anchor-ele::before {
	top: 55%;
}

.sbRenew .as-accordion .faq_area.round_type .single .anchor-ele::before {
	display: none;
}

.sbRenew .faq_area.round_type li.single.on {
	border: 1px solid var(--kj-e1e3e5);
}

.sbRenew .faq_area.round_type li {
	padding: 20px;
	border: 1px solid var(--kj-e1e3e5);
	border-radius: 6px;
}

.sbRenew .faq_area.round_type li .fColor1 {
	margin-right: 4px;
	font-weight: 700;
}

.sbRenew .faq_area.round_type li.on {
	border: 1px solid var(--kj-5697f0);
}

.sbRenew .faq_area.round_type>li.on:not(:last-child) {
	padding-bottom: 20px;
}

.sbRenew .faq_area.round_type li+li {
	margin-top: 16px;
}

.sbRenew .faq_area.round_type li .que {
	display: flex;
	justify-content: space-between;
	padding: 0 32px 0 0;
}

.sbRenew .faq_area.round_type li .que .title {
	font-weight: 500;
}

.sbRenew .faq_area.round_type>li .ans {
	margin-top: 24px;
	padding: 0;
	background: none;
}

.sbRenew .faq_area.round_type .bank_tit {
	color: var(--kj-212529);
	font-size: 16px;
	font-weight: 700;
}

.sbRenew .faq_area.round_type .number {
	margin-top: 4px;
	color: var(--kj-6e7780);
	font-size: 14px;
	font-weight: 500;
	line-height: 24px;
}

.sbRenew .faq_area.round_type .balance_price {
	margin-top: 4px;
	color: var(--kj-212529);
	font-size: 14px;
	font-weight: 500;
	text-align: right;
	line-height: 24px;
}

.sbRenew .faq_area.round_type .card_cover {
	padding: 16px 20px;
	border: 1px solid var(--kj-e1e3e5);
	box-shadow: none;
}

.sbRenew .color_wrap.type2 {
	margin: 24px 0 48px;
	padding: 24px;
	border-radius: 6px;
}

.sbRenew .color_wrap.type2 .txt_area {
	margin: 0;
}

.sbRenew .color_wrap.type2 .txt_area .txt_sub span.tit {
	margin-left: 0;
}

.sbRenew .color_wrap.type2 .txt_aka {
	width: auto;
	color: var(--kj-ffffff);
	font-family: var(--kj-fm-gothic);
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
}

.sbRenew .color_wrap.type2 .txt_sub {
	color: var(--kj-ffffff);
	letter-spacing: -.1px;
}

.sbRenew .color_wrap.type2 .txt_sub.bt_tit {
	margin-top: 24px;
	font-weight: 700;
}

.sbRenew .color_wrap.type2 .txt_sub.mRt {
	display: flex;
	margin: 0;
	padding: 0;
	font-size: 12px;
}

.sbRenew .color_wrap.type2 .txt_sub em {
	margin: 0 0 0 4px;
}

.sbRenew .color_wrap.type2 .txt_num strong {
	font-size: 30px;
	font-weight: 500;
}

.sbRenew .color_wrap.type2 .txt_num span {
	font-size: 20px;
}

.sbRenew .color_wrap.type2 .txt_area .txt_sub[role="button"].mRt em .ico_copy,
.sbRenew .color_wrap.type2 .txt_area .txt_sub.mRt .ico_copy {
	width: 16px;
	height: 16px;
	background: url(../../images/sbRenew/ic_copy.png) no-repeat 50% / 100%;
}

.sbRenew .result_list01 .detail_area {
	padding: 16px 0;
}

.sbRenew .result_list01 .detail_area [class*="detail_"] {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.sbRenew .result_list01 .detail_area [class*="detail_"] .price {
	flex: 1;
	padding-left: 20px;
	text-align: right;
}

.sbRenew .result_list01 .detail_tit {
	margin: 0;
	color: var(--kj-212529);
	font-size: 18px;
	font-weight: 500;
	line-height: 28px;
}

.sbRenew .result_list01 .detail_desc {
	font-size: 14px;
	font-weight: 500;
	line-height: 24px;
}

.sbRenew .result_list01 .detail_desc .re_date {
	color: #515961;
}

.sbRenew .result_list01 .detail_desc .re_date .time {
	color: var(--kj-6e7780);
}

.sbRenew .terms_box .guide_txt_gray.pd0 {
	padding: 0;
}

.sbRenew .ul_dot li a.text_line_none {
	text-decoration: none;
}

.sbRenew .card_prod_type .title {
	display: flex;
	justify-content: space-between;
}

.sbRenew .card_prod_type .title .subj {
	display: flex;
	color: var(--kj-212529);
}

.sbRenew .card_prod_type .title .subj::before {
	content: "";
	display: block;
	flex-shrink: 0;
	width: 24px;
	height: 24px;
	margin: 2px 12px 0 0;
	background: url("../../images/sbRenew/icon_jewel_48.png") no-repeat center / 24px;
}

.sbRenew .card_prod_type .title .type {
	display: inline-block;
	float: none;
	z-index: unset;
	flex-shrink: 0;
	margin: 0 0 0 12px;
}

.sbRenew .card_prod_type .add_info {
	margin-top: 16px;
	padding-top: 16px;
}

.sbRenew .card_prod_type .add_info>*:nth-child(2)~* {
	margin-top: 8px;
}

.sbRenew .card_prod_type .btn_area {
	margin-top: 16px;
}

.sbRenew .color_wrap.type2 .txt_name {
	color: var(--kj-ffffff);
	font-size: 13px;
	font-weight: 700;
}

.sbRenew .color_wrap.type2 .number {
	display: inline-block;
	margin: 4px 0 12px;
	color: var(--kj-ffffff);
	font-size: 22px;
	line-height: 30px;
}

.sbRenew .color_wrap.type2 .add_info.white_type {
	padding-top: 12px;
	border-top: 1px solid var(--kj-5697f0);
}

.sbRenew .color_wrap.type2 .add_info.white_type.only {
	padding-top: 0;
	border-top: 0;
}

.sbRenew .color_wrap.type2 .add_info.white_type dt,
.sbRenew .color_wrap.type2 .add_info.white_type dd {
	line-height: 20px;
}

.sbRenew .color_wrap.type2 .add_info.white_type dt {
	display: inline-block;
	width: 176px;
	color: var(--kj-ffffff);
}

.sbRenew .color_wrap.type2 .add_info.white_type dd {
	display: inline-block;
	width: calc(100% - 180px);
	color: var(--kj-ffffff);
	text-align: right;
}

.sbRenew .color_wrap.type2 .add_info.white_type>*:nth-child(2)~* {
	margin-top: 8px;
}

.sbRenew .info_box.bdl_none {
	border: none;
}

.sbRenew .select_title {
	margin-bottom: 16px;
	color: var(--kj-212529);
	font-weight: 700;
}

.sbRenew .pop_bottom .card_cover.pd_sm_type {
	padding: 20px;
}

.sbRenew .pop_bottom .card_cover.pd_sm_type .card_cover_tit {
	line-height: 24px;
}

.sbRenew .pop_bottom .card_cover.pd_sm_type .ul_dot {
	margin: 8px 0 0;
	padding: 0;
}

.sbRenew .pop_bottom .card_cover_desc {
	margin-top: 8px;
	font-size: 13px;
	line-height: 20px;
}

.sbRenew .cs_center_area {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 20px;
	color: var(--kj-175ec7);
	font-weight: 500;
	line-height: 24px;
}

.sbRenew .cs_center_area .tit {
	display: flex;
	align-items: center;
}

.sbRenew .cs_center_area .tit .ico {
	margin-right: 8px;
}

.sbRenew .cs_center_area .ico {
	display: inline-block;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: var(--kj-f0f6ff) url(../../images/icon-visual-call@2x.png) 50% / 16px no-repeat;
	background-repeat: no-repeat;
}

.sbRenew .cs_center_area a {
	margin: 0 4px;
}

.sbRenew .tblNew+.tbl_desc_txt {
	margin-top: 8px;
	font-size: 13px;
	line-height: 20px;
}

.sbRenew .ul_dot li>.title03 {
	margin-bottom: 8px;
}

.sbRenew .ul_dot li .txt_sub {
	margin-top: 8px;
}

.sbRenew .ul_dot.large_type li+li {
	margin-top: 16px;
}

.sbRenew .card_cover.dataLst.type02 {
	margin-bottom: 8px;
}

.sbRenew .card_cover.dataLst.type02 .add_info dd {
	color: var(--kj-6e7780);
}

.sbRenew .card_cover.dataLst.type02 .add_info p {
	line-height: 24px;
}

.sbRenew .card_cover.dataLst.type02 .add_info p+p {
	margin-top: 8px;
}

.sbRenew .card_cover.thin.type02 {
	margin-top: 8px;
}

.sbRenew .sec.short02 .helper,
.sbRenew .sec.short02 .input_cover .helper {
	margin-bottom: 0;
}

.sbRenew .info_box.mt0>strong.txt_sub {
	margin: 8px 0 12px;
	padding: 0 0 0 24px;
	line-height: 20px;
}

.sbRenew .card_cover.dataLst .title03+.txt_sub02 {
	margin-top: 8px;
}

.sbRenew .box_otp_area {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 8px;
}

.sbRenew .box_otp_area .ico_otp {
	position: relative;
	vertical-align: middle;
	width: 22px;
	height: 14px;
	margin-right: 8px;
	border: 1px solid var(--kj-6e7780);
	border-radius: 10px;
	background-color: #e1e3e6;
}

.sbRenew .box_otp_area .ico_otp::before,
.sbRenew .box_otp_area .ico_otp::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.sbRenew .box_otp_area .ico_otp::before {
	left: 2px;
	width: 8px;
	height: 8px;
	border-radius: 100%;
	background-color: var(--kj-6e7780);
}

.sbRenew .box_otp_area .ico_otp::after {
	right: 2px;
	width: 6px;
	height: 5px;
	border-radius: 2px;
	background-color: #a9b0b8;
}

.sbRenew .box_otp_area .tit {
	color: var(--kj-212529);
	font-size: 13px;
	font-weight: 500;
	line-height: 20px;
}

.sbRenew.slideBottom .popBnr.type1 {
	padding: 0;
}

.sbRenew.slideBottom .popBnr.type1 .btn_swipe_banner.ctr_btm {
	padding: 0 0 32px;
}

.sbRenew.slideBottom .popBnr.type1 .btn_swipe_banner.ctr_btm .slider-paging .swiper-pagination {
	bottom: -32px;
	left: 20px;
}

.sbRenew.slideBottom .popBnr.type1 .btn_swipe_banner.ctr_btm .botSwiper_autoplay_control {
	right: 20px;
}

.sbRenew.slideBottom .popBnr.type1 .btn_area_n {
	margin-top: 16px;
	padding: 0 20px 12px;
}

.sbRenew.slideBottom .popBnr.type1 .btn_area_n .btn_txt_nor,
.sbRenew.slideBottom .popBnr.type1 .btn_area_n .btn_txt_nor div {
	height: 32px;
	padding: 0;
	line-height: 32px;
}

.sbRenew.slideBottom .popBnr.type1 .btn_area_n .btn_txt_nor div {
	padding: 0 4px;
}

.sbRenew.slideBottom .bnr_area_n .swiper-container,
.sbRenew.slideBottom .bnr_area_n>a {
	display: block;
	position: relative;
}

.sbRenew.slideBottom .bnr_area_n .swiper-container::after,
.sbRenew.slideBottom .bnr_area_n>a::after {
	content: "";
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	border-width: 7px 7px 0 7px;
	border-style: solid;
	border-color: var(--kj-ffffff);
	border-radius: 17.5px 17.5px 0 0;
}

.sbRenew .type_select_mode {
	overflow: hidden;
	position: relative;
}

.sbRenew .type_mode .swiper-slide {
	padding: 0;
	text-align: center;
}

.sbRenew .type_mode .swiper-slide>img {
	width: auto;
	height: 280px;
}

.sbRenew .type_mode .swiper-slide .f_medium {
	padding-top: 84px;
	line-height: 24px;
}

.sbRenew .type_mode [class*="swiper-button-"] {
	position: absolute;
	top: calc(50% - 84px);
	z-index: 10;
	width: 32px;
	height: 32px;
	background-image: url(../../images/icon-line-chervron-right@3x.png);
	background-size: 32px 32px;
}

.sbRenew .type_mode .swiper-button-prev {
	left: 0;
	transform: rotateZ(180deg);
}

.sbRenew .type_mode .swiper-button-next {
	right: 0;
}

.sbRenew .type_select_mode .slider-thumbs.btn_thumbs {
	position: absolute;
	bottom: 60px;
	left: 0;
	width: 100%;
}

.sbRenew .type_select_mode .slider-thumbs.btn_thumbs::after {
	display: none;
}

.sbRenew .type_select_mode .slider-thumbs.btn_thumbs .swiper-wrapper {
	justify-content: center;
}

.sbRenew .type_select_mode .slider-thumbs.btn_thumbs .swiper-slide {
	z-index: 10;
	width: 106px !important;
	height: 48px;
	margin-right: 0 !important;
	border: 1px solid var(--kj-e1e3e5);
	border-radius: 6px;
	font-weight: 700;
	line-height: 24px;
	background-color: var(--kj-ffffff);
}

.sbRenew .type_select_mode .slider-thumbs.btn_thumbs .swiper-slide-thumb-active {
	border: 2px solid var(--kj-5697f0);
	color: var(--kj-0565f0);
}

.sbRenew .type_select_mode .slider-thumbs.btn_thumbs .swiper-slide+.swiper-slide {
	margin-left: 12px;
}

.sbRenew .type_select_mode.full_mode .title {
	margin-bottom: 16px;
	color: var(--kj-212529);
	font-size: 18px;
	font-weight: 700;
	line-height: 28px;
}

.sbRenew .type_select_mode.full_mode .swiper-slide .info_box {
	text-align: left;
}

.sbRenew .type_select_mode.full_mode .slider-thumbs.btn_thumbs {
	position: static;
	margin-bottom: 48px;
}

.sbRenew .type_select_mode.full_mode .slider-thumbs.btn_thumbs .swiper-slide {
	width: calc(50% - 8px) !important;
	font-size: 14px;
}

.sbRenew .type_select_mode.full_mode .slider-thumbs.btn_thumbs .swiper-slide-thumb-active {
	border-width: 1px;
}

.sbRenew .type_select_mode.full_mode .slider-thumbs.btn_thumbs .swiper-slide+.swiper-slide {
	margin-left: 8px;
}

.sbRenew .card_back>span {
	right: 67%;
}

.sbRenew .ul_dot.tit li>strong {
	color: #515961;
	font-size: 14px;
	font-weight: 700;
	line-height: 24px;
}

.sbRenew .ul_dot.tit li>strong+p {
	margin-top: 8px;
}

.sbRenew .title.small+.wbox {
	margin-top: 0;
}

.sbRenew .wbox>.item-card-info {
	flex-direction: column;
	padding: 16px 20px;
}

.sbRenew .wbox>.item-card-info .card {
	display: flex;
	align-items: center;
}

.sbRenew .wbox>.item-card-info .card .img {
	width: 20px;
	height: 20px;
	margin: 0 4px 0 0;
}

.sbRenew .wbox>.item-card-info .card .name {
	color: var(--kj-212529);
	font-size: 13px;
	font-weight: 700;
	line-height: 20px;
}

.sbRenew .wbox>.item-card-info .number {
	margin-top: 8px;
	color: var(--kj-212529);
	font-size: 20px;
	line-height: 28px;
}

.sbRenew .wbox>.input_cover.item-card-info {
	padding: 0;
}

.sbRenew .input_cover.item-card-info .newSelect_area .txt {
	margin-bottom: 0;
	padding: 16px 34px 16px 20px;
	border: none;
}

.sbRenew .wbox>.input_cover.item-card-info .newSelect_area .txt {
	padding: 24px 34px 24px 24px;
}

.sbRenew .input_cover.item-card-info .newSelect_area.setValue .txt .select_label {
	display: none;
}

.sbRenew .input_cover.item-card-info .select_set .txt .icon_by20 {
	width: 20px;
	margin-top: 0;
}

.sbRenew .input_cover.item-card-info .select_set .txt .select_value {
	margin-top: 0;
}

.sbRenew .input_cover.item-card-info .select_set .txt .select_value .depth_nd {
	margin: 0;
	padding-left: 24px;
	color: var(--kj-212529);
	font-size: 13px;
	font-weight: 700;
	line-height: 22px;
}

.sbRenew .input_cover.item-card-info .select_set .txt .select_value img~.depth_st {
	margin-top: 8px;
	color: var(--kj-212529);
	font-size: 20px;
	font-weight: 700;
	line-height: 28px;
}

.sbRenew .acco_list li {
	flex-wrap: wrap;
}

.sbRenew .acco_list li .list .txt_con {
	font-weight: 500;
}

.sbRenew .acco_list li .list .txt_sub {
	margin-top: 4px;
	font-weight: 500;
	line-height: 20px;
}

.sbRenew .acco_list li .list .price {
	margin-top: 8px;
	font-weight: 500;
}

.sbRenew .acco_list li .list .price span+span {
	margin-left: 8px;
}

.sbRenew .acco_list li .btn_area {
	width: 100%;
	margin-top: 16px;
}

.sbRenew .result_list01 {
	width: 100%;
	margin-left: 0;
}

.sbRenew .result_list01>li {
	padding: 0;
}

.sbRenew .result_list01>li .date {
	padding-right: 12px;
	color: #515961;
}

.sbRenew .detail_list.other>li>div:first-child span {
	font-weight: 500;
}

.sbRenew .link_box_list {
	margin: 48px 0 0;
}

.sbRenew .link_box_list ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.sbRenew .link_box_list ul li {
	width: calc(50% - 3.5px);
}

.sbRenew .link_box_list ul li:nth-child(n + 3) {
	margin-top: 12px;
}

.sbRenew .link_box_list ul li a {
	display: flex;
	flex-direction: column;
	height: 128px;
	padding: 20px;
	border-radius: 6px;
	background: var(--kj-f5f7fa);
}

.sbRenew .link_box_list ul li a .tit {
	color: var(--kj-212529);
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
}

.sbRenew .link_box_list ul li a .img {
	align-self: flex-end;
	width: 52px;
	height: 52px;
	margin-top: auto;
}

.sbRenew .list_cnt {
	margin: 12px 0;
	font-size: 13px;
	font-weight: 500;
	line-height: 20px;
}

.sbRenew .list_cnt strong {
	margin-left: 4px;
}

.sbRenew .color_wrap {
	margin-top: -1px;
	padding-top: 25px;
}

.sbRenew .color_wrap .type_slct {
	position: relative;
	padding: 16px 32px 16px 16px;
	border: 2px solid var(--kj-ffffff);
	border-radius: 6px;
	background: transparent url(../../images/icon_solid_chervron_drop_down_wh.png) no-repeat right 16px top 50% / 16px;
}

.sbRenew .color_wrap .type_slct.bg_none {
	background: none;
}

.sbRenew .color_wrap .type_slct>button {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

.sbRenew .color_wrap .type_slct .txt_aka {
	position: relative;
	z-index: 1;
	color: var(--kj-ffffff);
	font-size: 18px;
	font-weight: 700;
	line-height: 28px;
}

.sbRenew .color_wrap .type_slct .txt_sub.top_tit {
	display: inline-block;
	position: relative;
	z-index: 1;
	margin: -3px 0 -7px;
	padding: 7px 0;
	color: var(--kj-ffffff);
	font-size: 14px;
	line-height: 24px;
}

.sbRenew .color_wrap .txt_area .txt_num strong {
	font-size: 28px;
	font-weight: 500;
	line-height: 40px;
}

.sbRenew .color_wrap .txt_area .txt_num span {
	font-size: 24px;
	font-weight: 500;
	line-height: 28px;
}

.sbRenew .color_wrap .txt_area .txt_sub {
	margin-top: 4px;
	font-size: 13px;
	line-height: 20px;
}

.sbRenew .color_wrap .txt_area .txt_sub span {
	display: inline-block;
	margin-left: 8px;
}

.sbRenew .color_wrap .btn_area {
	margin-top: 24px;
}

.sbRenew .color_wrap .card_cover.cut .more {
	border-radius: none;
}

.sbRenew .color_wrap .as-accordion .card_cover.inner_cover {
	overflow: hidden;
}

.sbRenew .color_wrap .as-accordion .anchor-ele::before {
	display: none;
}

.sbRenew .color_wrap .txt_area+.btn_area {
	padding-top: 0;
}

.sbRenew .color_wrap .ico_copy {
	display: inline-block;
	position: relative;
	vertical-align: 0;
	width: 12px;
	height: 12px;
	margin-left: 4px;
	background: url(../../images/icon_line_copy_blue.png) no-repeat 50% / 100%;
}

.sbRenew .color_wrap .dl_row_ls dt {
	position: static;
	word-break: keep-all;
}

.sbRenew .color_wrap .dl_row_ls dt:not(:first-of-type),
.sbRenew .color_wrap .dl_row_ls dd:not(:first-of-type) {
	margin-top: 4px;
}

.sbRenew .color_wrap .txt_aka>em {
	display: inline-block;
	vertical-align: 2px;
	margin-left: 8px;
	padding: 2px 8px;
	border: 1px solid var(--kj-ffffff);
	border-radius: 2px;
	font-size: 12px;
	font-weight: 500;
	line-height: 20px;
	background: transparent;
}

.sbRenew .color_wrap .box_type02 {
	position: relative;
	margin-top: 24px;
}

.sbRenew .color_wrap .ico_tooltip {
	vertical-align: -3px;
}

.sbRenew .color_wrap .ico_tooltip.on+.tt_layer {
	top: 44px;
	left: 0;
	z-index: 3;
	width: 100%;
	padding-right: 24px;
}

.sbRenew .result_list01>li .detail_list>li>div.add {
	display: block;
	margin-top: 12px;
}

.sbRenew .result_list01 .detail_list li .tit {
	margin-top: 0;
}

.sbRenew .result_list01 .detail_list li .tit span:first-child {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;


	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.sbRenew .result_list01 .detail_list .add .input_aka {
	min-height: 24px;
	margin: 0;
	padding-left: 16px;
	background: url(../../images/sbRenew/ico_memo.png) no-repeat 0 50% / 14px;
}

.sbRenew .result_list01 .detail_list .input_aka input {
	width: 130px;
	height: 24px;
	margin: 0;
	font-size: 14px;
	line-height: 24px;
}

.sbRenew .type_major .tab_menu .swiper-wrapper {
	margin-right: -10px;
}

.sbRenew .type_major .tab_menu .swiper-wrapper li {
	padding: 0;
}

.sbRenew .smart_day>.title {
	margin-bottom: 16px;
	color: #515961;
	font-size: 14px;
	line-height: 24px;
}

.sbRenew .smart_day>ol {
	display: block;
}

.sbRenew .smart_day>ol>li {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 0;
}

.sbRenew .smart_day>ol>li:not(:only-child) {
	padding-bottom: 48px;
}

.sbRenew .smart_day>ol>li:last-child {
	padding-bottom: 18px;
}

.sbRenew .smart_day>ol>li:before {
	top: 18px;
	left: 0;
	height: calc(100% - 18px);
	background: var(--kj-e1e3e5);
	background-image: none;
}

.sbRenew .smart_day .day {
	display: block;
	width: 38px;
	margin-right: 24px;
	padding: 0;
}

.sbRenew .smart_day>ol>li>ul,
.sbRenew .smart_day>ol>li .short {
	display: block;
	width: calc(100% - 62px);
	margin: 0;
}

.sbRenew .smart_day .day em {
	position: relative;
	height: 24px;
	padding-left: 4px;
	border: none;
	border-radius: 0;
	line-height: 24px;
	background: var(--kj-ffffff);
}

.sbRenew .smart_day .day em::before {
	content: "";
	display: block;
	position: absolute;
	top: calc(50% - 1px);
	left: 0;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #c0c6cc;
}

.sbRenew .smart_day .card_cover {
	padding: 16px 20px;
}

.sbRenew .smart_day .card_cover .smart_tag {
	padding: 2px 8px;
	border-radius: 8px;
	color: #6e6680;
	font-size: 12px;
	background: var(--kj-f5f7fa);
}

.sbRenew .smart_day .card_cover .smart_tag.in {
	color: var(--kj-175ec7);
	background: var(--kj-f0f6ff);
}

.sbRenew .smart_day .card_cover .smart_tag.out {
	color: #e5493a;
	background: var(--kj-fff8f8);
}

.sbRenew .smart_day .card_cover .smart_tag.in2 {
	color: var(--kj-175ec7);
	background: var(--kj-f0f6ff);
}

.sbRenew .smart_day .card_cover .smart_tag.out2 {
	color: #e5493a;
	background: var(--kj-fff8f8);
}

.sbRenew .smart_day .card_cover .smart_tag.mdt {
	color: #7d5d40;
	background: var(--kj-fffdf8);
}

.sbRenew .smart_day .card_cover .smart_tag.schd {
	color: #00a684;
	background: #f8fff8;
}

.sbRenew .smart_day .card_cover .smart_tag.card {
	color: #a162f7;
	background: #fdf8ff;
}

.sbRenew .smart_day .card_cover .smart_tag.ect {
	color: #007f96;
	background: #f8feff;
}

.sbRenew .smart_day .card_cover .smart_disc strong {
	font-size: 18px;
	font-weight: 500;
	line-height: 28px;
}

.sbRenew .smart_day .card_cover .smart_disc p {
	margin-top: 8px;
	font-weight: 400;
	line-height: 24px;
}

.sbRenew .smart_day .card_cover .detail_btn {
	margin-top: 12px;
	padding: 8px 0;
	border-radius: 4px;
	font-weight: 700;
	line-height: 24px;
}

.sbRenew .smart_day .cb_front .time {
	margin-top: 4px;
}

.sbRenew .smart_disc .accInfo {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.sbRenew .smart_disc .accInfo span {
	font-size: 18px;
	font-weight: 500;
	line-height: 28px;
}

.sbRenew .smart_disc .accInfo span:first-child {
	position: relative;
	margin-right: 17px;
}

.sbRenew .smart_disc .accInfo span:first-child::before {
	content: "";
	display: block;
	position: absolute;
	top: calc(50% - 8px);
	right: -9px;
	width: 1px;
	height: 16px;
	background: var(--kj-8c959f);
}

.sbRenew .smart_disc .accInfo span.in {
	color: var(--kj-0565f0);
}

.sbRenew .smart_disc .accInfo span.out {
	color: #e5493a;
}

.sbRenew .smart_disc ul {
	margin-top: 4px;
}

.sbRenew .smart_disc ul li {
	color: var(--kj-6e7780);
	line-height: 24px;
}

.sbRenew .smart_disc .btn_more_box .btn_more {
	width: 100%;
}

.sbRenew .smart_disc_more {
	height: 135px;
}

.sbRenew .acco_list.typeTrans:not(.with_delete_btn) li .link {
	width: calc(100% - 40px);
}

.sbRenew .acco_list.typeTrans .choice_opt {
	width: 40px;
}

.sbRenew .acco_list.typeTrans .choice_opt .form_ele {
	display: block;
	margin: 0;
	padding: 0;
	text-align: center;
	text-indent: 0;
}

.sbRenew .acco_list.typeTrans .choice_opt .form_ele .favorite {
	width: 40px;
	height: 40px;
	margin: 0;
}

.sbRenew .acco_list.typeTrans .choice_opt .form_ele .favorite:before {
	width: 40px;
	height: 40px;
}

.sbRenew .txt_area .title_set {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.sbRenew .txt_area .title_set .btns {
	height: 28px;
}

.sbRenew .lst_thumnail>li {
	display: block;
	padding: 0;
	border: 1px solid var(--kj-e1e3e5);
	border-radius: 6px;
}

.sbRenew .lst_thumnail>li:not(first-child) {
	margin-top: 12px;
}

.sbRenew .lst_thumnail>li a {
	padding: 24px 24px 24px 60px;
	color: var(--kj-212529);
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
}

.sbRenew .setIcon .ico {
	display: block;
	position: relative;
}

.sbRenew .setIcon .ico::before {
	content: "";
	display: block;
	position: absolute;
	top: calc(50% - 12px);
	left: 24px;
	width: 24px;
	height: 24px;
}

.sbRenew .setIcon .ico.kj::before {
	background: url(../../images/sbRenew/thumn_list_card1.png) no-repeat center/ 24px;
}

.sbRenew .setIcon .ico.mp::before {
	background: url(../../images/sbRenew/thumn_list_card2.png) no-repeat center/ 24px;
}

.sbRenew .setIcon .ico.lc::before {
	background: url(../../images/sbRenew/thumn_list_card3.png) no-repeat center/ 24px;
}

.sbRenew .rect_box01 {
	padding: 20px;
}

.sbRenew .descBox .tit {
	color: #515961;
	font-size: 14px;
	font-weight: 700;
	text-align: left;
	line-height: 24px;
}

.sbRenew .descBox .tit.setIcon strong {
	padding-left: 32px;
}

.sbRenew .descBox .tit.setIcon strong::before {
	top: 0;
	left: 0;
}

.sbRenew .descBox .tit.setIcon strong:not(:first-child) {
	margin-top: 8px;
}

.sbRenew .descBox .tit+.ul_dot {
	margin-top: 8px;
}

.sbRenew .descBox+.descBox {
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px solid var(--kj-e1e3e5);
}

.sbRenew .recharge_list {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -6px;
}

.sbRenew .recharge_list li {
	width: calc(50% - 12px);
	margin: 0 6px;
	padding: 20px;
	border-radius: 6px;
	color: #515961;
	background: #c2dcff;
}

.sbRenew .recharge_list li>span {
	display: block;
	font-size: 13px;
	font-weight: 700;
	line-height: 20px;
}

.sbRenew .recharge_list li>p {
	display: block;
	margin-top: 4px;
	color: var(--kj-212529);
	font-size: 18px;
	font-weight: 700;
	line-height: 28px;
}

.sbRenew .recharge_list li>p strong {
	vertical-align: -1px;
	font-size: 20px;
}

.sbRenew .recharge_list li.full {
	width: 100%;
	margin: 0 6px 12px;
	color: var(--kj-ffffff);
	background: var(--kj-0565f0);
}

.sbRenew .recharge_list li.full>p {
	color: var(--kj-ffffff);
}

.sbRenew .recharge_list li.full>p strong {
	vertical-align: -3px;
	font-size: 30px;
	font-weight: 500;
	line-height: 40px;
}

.sbRenew .recharge_list li.full>div {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.sbRenew .recharge_list li.full>div+div {
	margin-top: 12px;
}

.sbRenew .recharge_list li.full>div>span {
	color: var(--kj-ffffff);
	font-size: 13px;
	font-weight: 700;
	line-height: 20px;
}

.sbRenew .recharge_list li.full>div>p {
	color: var(--kj-ffffff);
	font-size: 18px;
	font-weight: 700;
	line-height: 28px;
}

.sbRenew .recharge_list li.full>div>p strong {
	vertical-align: -1px;
	font-size: 20px;
}

.sbRenew .idea_list li {
	border-bottom: 1px solid var(--kj-f2f5f7);
}

.sbRenew .idea_list li:not(:first-child) {
	margin-top: 16px;
}

.sbRenew .idea_list .item_link {
	display: block;
	padding: 16px 0;
}

.sbRenew .idea_list .state {
	display: inline-block;
	padding: 2px 8px;
	border-radius: 4px;
	color: #515961;
	font-size: 12px;
	font-weight: 500;
	line-height: 20px;
	background: var(--kj-f5f7fa);
}

.sbRenew .idea_list .state.step2 {
	color: var(--kj-175ec7);
	background: var(--kj-f0f6ff);
}

.sbRenew .idea_list .state.step3 {
	color: var(--kj-ffffff);
	background: var(--kj-0565f0);
}

.sbRenew .idea_list .item_title {
	margin: 8px 0;
	color: var(--kj-212529);
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
}

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

.sbRenew .input_cover+.text_area.tit {
	margin-top: 12px;
}

.sbRenew .text_area.tit {
	position: relative;
}

.sbRenew .text_area.tit .inp_string {
	padding: 40px 16px;
}

.sbRenew .text_area.tit textarea {
	font-weight: 500;
	resize: none;
}

.sbRenew .text_area.tit textarea::placeholder {
	color: var(--kj-8c959f);
}

.sbRenew .text_area.tit .input_info {
	position: absolute;
	right: 16px;
	bottom: 16px;
	font-size: 12px;
	font-weight: 500;
	line-height: 20px;
}

.sbRenew .text_area.tit .inp_string .txt_del {
	right: auto;
	left: 16px;
}

.sbRenew .linebox {
	padding: 16px;
	border: 1px solid var(--kj-e1e3e5);
	border-radius: 6px;
}

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

.sbRenew .linebox .title {
	display: block;
	margin-bottom: 8px;
	font-size: 18px;
	font-weight: 500;
	line-height: 28px;
}

.sbRenew .linebox .info {
	display: flex;
	align-items: center;
	line-height: 24px;
}

.sbRenew .linebox .info>li:not(:first-child) {
	position: relative;
	padding-left: 17px;
}

.sbRenew .linebox .info>li:not(:first-child)::before {
	content: "";
	display: block;
	position: absolute;
	top: calc(50% - 6px);
	left: 8px;
	width: 1px;
	height: 12px;
	background: var(--kj-8c959f);
}

.sbRenew .linebox .bottom {
	word-break: break-word;
	line-height: 24px;
}

.sbRenew .linebox .nodata {
	position: relative;
	padding: 92px 0 16px;
	text-align: center;
	line-height: 24px;
}

.sbRenew .linebox .nodata::before {
	content: "";
	display: block;
	position: absolute;
	top: 19px;
	left: calc(50% - 29px);
	width: 58px;
	height: 58px;
	border-radius: 50%;
	background: #c0c6cc url(../../images/sbRenew/idea_nodata.png) no-repeat center / 24px 22px;
}

.sbRenew .linebox.reply {
	border-color: var(--kj-f2f5f7);
	background: var(--kj-f2f5f7);
}

.sbRenew .linebox.reply .top {
	border-color: var(--kj-e1e3e5);
}

.sbRenew .linebox.reply .info .state_tit {
	display: inline-block;
	position: relative;
	padding-right: 17px;
}

.sbRenew .linebox.reply .info .state_tit::before {
	content: "";
	display: block;
	position: absolute;
	top: calc(50% - 6px);
	right: 7px;
	width: 1px;
	height: 12px;
	background: var(--kj-8c959f);
}

.sbRenew .linebox.reply .info .state span:not(.state_tit) {
	color: var(--kj-0565f0);
}

.sbRenew .linebox .info .state_tit.blind {
	position: absolute;
}

.swiper-wrapper {
	height: auto;
}

.sbRenew .view_easy_guide {
	height: auto;
	padding-top: 12px;
}

.sbRenew .swiper-easy-guide-paging {
	font-size: 16px;
	font-weight: 700;
	letter-spacing: -.1px;
	line-height: 24px;
}

.sbRenew .swiper-easy-guide {
	width: calc(100% + 40px);
	margin: 0 -20px;
}

.sbRenew .swiper-easy-guide .swiper-slide {
	height: auto;
	padding: 0 20px;
}

.sbRenew .swiper-easy-guide .titleWrap {
	margin: 16px 0 48px;
	text-align: center;
}

.sbRenew .swiper-easy-guide .titleWrap strong {
	display: block;
	color: var(--kj-212529);
	font-size: 20px;
	font-weight: 700;
	line-height: 28px;
}

.sbRenew .swiper-easy-guide .titleWrap span {
	display: block;
	margin-top: 8px;
	color: var(--kj-6e7780);
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
}

.sbRenew .swiper-easy-guide .swiper-slide .desc {
	margin: 0;
}

.sbRenew .swiper-easy-guide .desc p {
	display: block;
	margin-top: 24px;
	font-weight: 500;
	font-weight: 500;
	line-height: 24px;
}

.sbRenew .swiper-easy-guide .desc p strong,
.sbRenew .swiper-easy-guide .descLst p strong {
	color: var(--kj-212529);
	font-weight: inherit;
}

.sbRenew .swiper-easy-guide .desc p+img,
.sbRenew .swiper-easy-guide .desc p+p {
	margin-top: 0;
	padding-top: 24px;
}

.sbRenew .swiper-easy-guide .descLst p {
	margin-top: 8px;
}

.sbRenew .swiper-easy-guide .descLst p+img {
	margin-top: 24px;
}

.sbRenew .swiper-easy-guide .descLst>li:not(:first-child) {
	position: relative;
	margin-top: 48px;
	padding-top: 48px;
}

.sbRenew .swiper-easy-guide .descLst>li:not(:first-child)::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: -20px;
	width: calc(100% + 40px);
	height: 8px;
	background: var(--kj-f5f7fa);
}

.sbRenew .swiper-easy-guide .descLst.num {
	counter-reset: li;
}

.sbRenew .swiper-easy-guide .descLst.num>li {
	text-align: center;
}

.sbRenew .swiper-easy-guide .descLst.num>li:not(:first-child) {
	position: relative;
	margin-top: 48px;
	padding-top: 48px;
}

.sbRenew .swiper-easy-guide .descLst.num>li::before {
	content: counter(li, decimal-leading-zero);
	display: inline-block;
	padding: 4px 14px;
	border-radius: 16px;
	color: var(--kj-ffffff);
	font-weight: 700;
	line-height: 24px;
	background: #4b9f9f;
	counter-increment: li;
}

.sbRenew .swiper-easy-guide .descLst .thumn_tit {
	display: block;
	position: relative;
	padding-left: 48px;
	color: var(--kj-212529);
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
}

.sbRenew .swiper-easy-guide .descLst .thumn_tit::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	width: 38px;
	height: 24px;
	box-shadow: 0 6px 12px 0 rgba(33, 37, 41, .1), 0 4px 5px 0 rgba(33, 37, 41, .06);
}

.sbRenew .swiper-easy-guide .descLst .thumn_tit.kj::before {
	background: url(../../images/sbRenew/easy_card_thumn_01.png) no-repeat 0 0 / 100%;
}

.sbRenew .swiper-easy-guide .descLst .thumn_tit.mp::before {
	background: url(../../images/sbRenew/easy_card_thumn_02.png) no-repeat 0 0 / 100%;
}

.sbRenew .swiper-easy-guide .descLst .thumn_tit.lc::before {
	background: url(../../images/sbRenew/easy_card_thumn_03.png) no-repeat 0 0 / 100%;
}

.sbRenew .swiper-easy-guide .descLst .title.small {
	margin-bottom: 8px;
	color: #515961;
}

.sbRenew .acc_type {
	padding-top: 0;
}

.sbRenew .acc_type::before {
	content: "계좌관리";
	display: block;
	margin-bottom: 60px;
	padding-top: 24px;
	color: var(--kj-212529);
	font-family: var(--kj-fm-gothic);
	font-size: 28px;
	font-weight: 700;
	word-break: keep-all;
	letter-spacing: 0;
	line-height: 36px;
}

.sbRenew .acc_type .txt_sub.line_b {
	margin-bottom: 8px;
	padding-right: 20px;
	color: #515961;
	font-size: 14px;
	font-weight: 500;
	line-height: 22px;
	background: url(../../images/sbRenew/ic_line_16_copy.png) no-repeat right center / 16px;
}

.sbRenew .acc_type .txt_sub.line_b::after {
	display: none;
}

.sbRenew .acc_type .txt_tit02 {
	margin-top: 0;
	color: var(--kj-212529);
	font-size: 18px;
	line-height: 26px;
}

.sbRenew .acc_type .input_aka {
	margin-top: 8px;
	padding: 0 12px 0 28px;
	background: url(../../images/sbRenew/ic_sld_24_edit.png) no-repeat 12px 50% / 12px;
}

.sbRenew .acc_type .input_aka input {
	width: 145px;
	min-width: 145px;
	max-width: 145px;
	height: 32px;
	margin: 0;
	padding: 0;
	font-size: 14px;
	letter-spacing: -.1px;
	line-height: 32px;
}

.sbRenew .acc_type .input_aka input::placeholder {
	color: var(--kj-6e7780);
}

.sbRenew .acc_type .input_aka .btns {
	vertical-align: 0;
	height: 24px;
	margin: 0 -8px 0 8px;
	padding: 0 12px;
	border-radius: 12px;
	line-height: 20px;
}

.sbRenew .set_list {
	width: 100%;
	margin-left: 0;
}

.sbRenew .set_list li {
	border-top: 1px solid var(--kj-f2f5f7);
}

.sbRenew .set_list li:first-child {
	border-color: var(--kj-8c959f);
}

.sbRenew .set_list li.line {
	border-top-width: 1px;
}

.sbRenew .set_list li a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 16px 20px 16px 0;
	color: var(--kj-212529);
	font-size: 18px;
	font-weight: 500;
	line-height: 24px;
	background: url(../../images/sbRenew/right_arrow_sm.png) no-repeat right 6px center / 12px;
}

.sbRenew .set_list li a::after {
	display: none;
}

.sbRenew .set_list li a span {
	color: var(--kj-6e7780);
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
}

.sbRenew .set_list li a .fColor1 {
	color: var(--kj-175ec7) !important;
}

.sbRenew .call_number_list .unique a {
	color: var(--kj-0565f0);
	font-weight: 400;
	background-image: url(../../images/senior_app/ico_line_call_blue.png);
}

.sbRenew .kdic_box~.kdic_box {
	margin-top: 24px;
}

.sbRenew .kdic_box .tit_area {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 8px;
	color: #515961;
}

.sbRenew .kdic_box .tit_area>strong {
	line-height: 24px;
}

.sbRenew .kdic_box .tit_area>span {
	font-size: 13px;
	font-weight: 400;
	line-height: 20px;
}

.sbRenew .kdic_box>img+.ul_dot {
	margin-top: 8px;
}

.sbRenew.swiper_popCon .pop_content {
	overflow: hidden;
}

.sbRenew.swiper_popCon .btn_area {
	margin-top: 32px;
}

.sbRenew.swiper_popCon .swiper-slide {
	padding: 0;
}

.sbRenew.swiper_popCon .swiper-pagination.swiper-pagination-fraction {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 64px;
	height: 32px;
	margin: 24px auto 0;
	border-radius: 16px;
	color: #515961;
	font-size: 13px;
	line-height: 20px;
	background: #eceff4;
}

.sbRenew.swiper_popCon .swiper-pagination.swiper-pagination-fraction span {
	margin: 0 4px;
}

.link_bar_box.row.type_add_ico ul {
	padding: 15px 0;
}

.link_bar_box.row.type_add_ico a {
	display: block;
}

.link_bar_box.row.type_add_ico a .block {
	display: block;
}

.link_bar_box.row.type_add_ico a .block.line01 img {
	display: block;
	width: 24px;
	height: auto;
	margin: 0 auto;
}

.link_bar_box.row.type_add_ico a .block.line02 {
	padding: 3px 0;
	color: var(--kj-212529);
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
}

.link_bar_box.row.type_add_ico a .block.line03 {
	color: var(--kj-6e7780);
	font-size: 14px;
	font-weight: 500;
	line-height: 1.5;
}

.link_bar_box.row.type_add_ico ul li:not(:first-child)::before {
	top: 50%;
	left: 0;
	height: 56px;
	transform: translateY(-50%);
}

.prod_area .inner.type02 * {
	color: #515961;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.5;
}

.tbl_area.add_line_r {
	padding: 14px 20px;
	border: 1px solid var(--kj-e1e3e5);
	border-radius: 6px;
}

.tbl_area.td_fs14 .tbl_row td {
	font-size: 14px;
}

.block {
	display: block;
}

.list_box_prod_info01 {
	display: grid;
	flex-direction: column;


	grid-template-columns: 1fr 1fr;
	gap: 16px 11px;
}

.list_box_prod_info01>li {
	position: relative;
	border: 1px solid var(--kj-e1e3e5);
	border-radius: 6px;
	box-shadow: 0 6px 16px 0 rgba(33, 37, 41, .04);
}

.list_box_prod_info01 .c_img {
	display: block;
	position: absolute;
	right: 12px;
	bottom: 12px;
	width: 62px;
	height: 40px;
}

.list_box_prod_info01 .box {
	box-sizing: border-box;
	position: relative;
	height: 104px;
	padding: 12px;
}

.list_box_prod_info01 .tit {
	display: block;
}

.list_box_prod_info01 .pop_txt_g01 {
	color: var(--kj-6e7780);
	font-size: 14px;
	font-weight: 500;
}

.list_box_prod_info01 .c_tit {
	color: var(--kj-212529);
	font-size: 14px;
	font-weight: 500;
}

.list_box_prod_info01 .txt1 {
	padding-top: 5px;
	color: #515961;
	font-size: 12px;
	font-weight: 500;
}

.list_box_prod_info01 .txt2 {
	position: absolute;
	right: 12px;
	bottom: 30px;
	color: var(--kj-6e7780);
	font-size: 12px;
	font-weight: 400;
}

.list_box_prod_info01 .txt3 {
	position: absolute;
	right: 12px;
	bottom: 12px;
	color: var(--kj-0565f0);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: -.7px;
}

.kj-reward-box-wrap {
	gap: 4px;
}

.kj-reward-box {
	display: flex;
	align-items: center;
	flex-direction: column;
	padding: 24px;
	border-radius: 6px;
	text-align: center;


	gap: 4px;
}

.kj-reward-box .kj-small-text {
	color: var(--kj-515961);
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
}

.kj-reward-box .kj-name {
	color: var(--kj-212529);
	font-size: 22px;
	font-weight: 700;
	line-height: 32px;
}

.kj-reward-box .kj-amount {
	display: flex;
	align-items: center;
	width: 100%;
	margin-top: 8px;
	padding: 12px 8px;
	border-radius: 6px;
	font-size: 14px;
	font-weight: 700;
	line-height: 24px;
	background-color: var(--kj-bg-white);
}

.kj-reward-box .kj-amount [class*="kj-gap-"] {
	display: flex;
	align-items: center;
}

.kj-reward-money {
	display: inline-flex;
	vertical-align: middle;
	align-items: center;
	margin-right: 4px;
}

.kj-reward-money img {
	position: relative;
	width: 27px;
	height: 27px;
	margin-right: -12px;
}

.kj-reward-money img:last-child {
	margin-right: 0;
}

.kj-reward-money img:nth-child(1) {
	z-index: 5;
}

.kj-reward-money img:nth-child(2) {
	z-index: 4;
}

.kj-reward-money img:nth-child(3) {
	z-index: 3;
}

.kj-reward-money img:nth-child(4) {
	z-index: 2;
}

.kj-reward-money img:nth-child(5) {
	z-index: 1;
}

.btn_area.row_btn_round {
	display: flex;
	padding: 12px 0;
}

.btn_area.row_btn_round button {
	flex: 1;
	height: 40px;
	margin: 0;
	border: none;
	color: #637780;
	font-size: 14px;
	font-weight: 700;
	line-height: 39px;
	background-color: #eceff4;
}

.btn_area.row_btn_round button.btn_skyblue {
	color: var(--kj-175ec7);
	background-color: var(--kj-e5f1ff);
}

.btn_area.btn_group_line1 {
	display: grid;
	position: relative;


	gap: 8px;
	grid-template-columns: 1fr 1fr;
}

.btn_area.btn_group_line1 button {
	height: 56px;
	height: 56px;
	margin: 0;
	border: 1px solid var(--kj-e1e3e5);
	color: #637780;
	color: var(--kj-212529);
	font-size: 13px;
	font-weight: 500;
	line-height: 1.3;
	background-color: var(--kj-ffffff);
}

.btn_area.btn_group_line1 button.line2 {
	box-sizing: border-box;
	height: 80px;
	padding: 16px 20px;
	line-height: 1.3;
}

.btn_area.btn_group_line1 button.ico_x32 {
	position: relative;
	padding-left: 60px;
	text-align: left;
}

.btn_area.btn_group_line1 button.ico_x32:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 20px;
	width: 32px;
	height: 32px;
	transform: translateY(-50%);
}

.btn_area.btn_group_line1 button.ico_x32.n01:after {
	background: url(../../images/sbRenew/ico_irp01.png) no-repeat center center;
	background-size: 100% 100%;
}

.btn_area.btn_group_line1 button.ico_x32.n02:after {
	background: url(../../images/sbRenew/ico_irp02.png) no-repeat center center;
	background-size: 100% 100%;
}

.btn_area.btn_group_line1 button.ico_x32.n03:after {
	background: url(../../images/sbRenew/ico_irp03.png) no-repeat center center;
	background-size: 100% 100%;
}

.btn_area.btn_group_line1 button.ico_x32.n04:after {
	background: url(../../images/sbRenew/ico_irp04.png) no-repeat center center;
	background-size: 100% 100%;
}

.btn_area.btn_group_line1 button.ico_x32.n05:after {
	background: url(../../images/sbRenew/ico_irp05.png) no-repeat center center;
	background-size: 100% 100%;
}

.btn_area.btn_group_line1 button.ico_x32.n06:after {
	background: url(../../images/sbRenew/ico_irp06.png) no-repeat center center;
	background-size: 100% 100%;
}

.btn_area.btn_group_line1 button.ico_x32.n07:after {
	background: url(../../images/sbRenew/ico_irp07.png) no-repeat center center;
	background-size: 100% 100%;
}

.btn_area button.btn_skyblue1 {
	border-color: var(--kj-e5f1ff);
	color: #176ec7;
	background-color: var(--kj-e5f1ff);
}

.sbRenew .txt_cover .title.fs14 {
	color: var(--kj-212529);
	font-size: 14px;
	font-weight: 700;
}

.sbRenew .txt_cover .title.fs16 {
	color: var(--kj-212529);
	font-size: 16px;
	font-weight: 500;
}

.sbRenew .txt_cover .title.fs18 {
	color: var(--kj-212529);
	font-size: 18px;
	font-weight: 700;
}

.sbRenew .txt_cover .title.gray {
	color: var(--kj-6e7780);
	font-weight: 500;
}

.irp_banner.type1 {
	box-sizing: border-box;
	position: relative;
	height: 272px;
	padding: 24px;
	border-radius: 6px;
	line-height: 1.4;
	background-color: #fdeed3;
}

.irp_banner.type1 .desc {
	color: #515961;
	font-size: 16px;
	font-weight: 500;
}

.irp_banner.type1 .tit {
	color: var(--kj-212529);
	font-family: var(--kj-fm-gothic);
	font-size: 22px;
	font-weight: 700;
}

.irp_banner.type1 .desc_sm {
	position: absolute;
	bottom: 25px;
	left: 25px;
	color: var(--kj-212529);
	font-size: 12px;
	font-weight: 500;
}

.irp_banner.type1 .image_area img {
	display: block;
	position: absolute;
	right: 25px;
	bottom: 25px;
	width: 182px;
	height: 120px;
}

.tbl_area.plus_tbl.verti_space.add_line {
	padding: 0;
	border-bottom: 0 none;
}

.tbl_area.plus_tbl.verti_space.add_line th,
.tbl_area.plus_tbl.verti_space.add_line td {
	padding-top: 16px;
	padding-bottom: 16px;
	border-bottom: 1px solid var(--kj-f2f5f7);
}

.tbl_area.plus_tbl.verti_space.add_line tr:last-child th,
.tbl_area.plus_tbl.verti_space.add_line tr:last-child td {
	border-bottom: 0 none;
}

.card_cover .add_info.noline {
	margin-top: 0;
	padding-top: 0;
	border-top: 0;
}

.card_cover .add_info.noline dt,
.card_cover .add_info.noline dd {
	padding: 4px 0;
}

.card_cover .add_info_typ2 {
	margin: 4px 0 8px 0;
	color: var(--kj-212529);
	font-size: 16px;
	font-weight: 700;
}

.btn_area.row_btn_round button+button {
	margin-left: 7px;
}

.box_line_round01 {
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
	padding: 0 16px;
	border: 1px solid var(--kj-e1e3e5);
	border-radius: 6px;
}

.box_line_round01 .inner {
	padding-right: 100px;
}

.chart_wrap_type2 .chart_status .chart_obj {
	padding: 0;
}

.chart_wrap_type2 .chart_status .chart_obj .chart_item {
	padding: 4px 0;
	border-bottom: 0 none;
	color: var(--kj-6e7780);
	font-size: 11px;
	font-weight: 400;
	line-height: 1.3;
}

.chart_wrap_type2 .chart_status {
	position: absolute;
	top: 50%;
	right: 0;
	width: 100px;
	transform: translateY(-50%);
}

.chart_wrap_type2 .chart_status .chart_item .cat:before {
	top: 3px;
	width: 8px;
	height: 8px;
}

.chart_wrap_type2 .chart_status .chart_item.n01 .cat:before {
	background-color: #82d6b8;
}

.chart_wrap_type2 .chart_status .chart_item.n02 .cat:before {
	background-color: #5979ff;
}

.chart_wrap_type2 .chart_status .chart_item.n03 .cat:before {
	background-color: #a16ef7;
}

.chart_wrap_type2 .chart_status .chart_item.n04 .cat:before {
	background-color: #2ebfd9;
}

.chart_wrap_type2.pie {
	position: relative;
	padding-right: 110px;
}

.ans.toggle-ele.lineN {
	margin-top: 0;
	border: 0 none;
}

.sbRenew .faq_area.lineN.line_li li {
	padding-bottom: 16px;
	border-bottom: 1px solid var(--kj-f2f5f7);
}

.faq_area li .ans3 {
	padding-top: 16px;
}

.push_area .size31 {
	width: 31px;
	height: 31px;
}

.btn-dont-look {
	display: flex;
	position: absolute;
	top: -28px;
	left: 0;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: 0 24px;
	color: var(--kj-ffffff);
	font-size: 14px;
	font-weight: 500;
	white-space: nowrap;
	letter-spacing: -.1px;
	line-height: 24px;
}

.btn-dont-look * {
	color: inherit;
	font-size: inherit;
	font-weight: inherit;
	letter-spacing: inherit;
	line-height: inherit;
}

.home_set_quick_icon>ul {
	display: grid;
	box-sizing: border-box;


	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 10px 5px;
}

.home_set_quick_icon>ul>li {
	box-sizing: border-box;
	position: relative;
	height: 110px;
	padding-top: 66px;
	text-align: center;
	line-height: 1.3;
}

.home_set_quick_icon>ul>li .kj-icon-32-img {
	display: block;
	position: absolute;
	top: 26px;
	left: 50%;
	transform: translateX(-50%);
}

.home_set_quick_icon>ul>li .btn_del,
.home_set_quick_icon>ul>li .btn_add {
	position: absolute;
	top: 0;
	right: 0;
	width: 25px;
	height: 25px;
	background: transparent;
}

.home_set_quick_icon>ul>li [class*="btn_"] i {
	position: absolute;
	top: 0;
	right: 0;
}

.kj-status-list-wrap {
	padding: 24px;
	border: 1px solid var(--kj-e1e3e5);
	border-radius: 6px;
	box-shadow: 0 6px 10px 0 rgba(33, 37, 41, .02), 0 1px 16px 0 rgba(33, 37, 41, .04);
}

.kj-status-list-wrap .kj-status-headline {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 24px;
}

.kj-status-list-wrap .kj-status-headline .kj-left {
	display: flex;
	align-items: center;


	gap: 4px;
}

.kj-status-list-wrap .kj-status-list {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 16px;
	padding: 16px 24px;
	border-radius: 6px;
	color: inherit;
	font-weight: 500;
	background-color: var(--kj-f0f6ff);
}

.kj-status-list-wrap .kj-status-list.kj-now {
	color: var(--kj-ffffff);
	background-color: var(--kj-307ff0);
}

.kj-status-list-wrap .kj-status-list * {
	color: inherit;
	font-weight: inherit;
}

.kj-status-list-wrap .kj-status-list .kj-status {
	font-size: 12px;
	letter-spacing: -.1px;
	line-height: 20px;
}

.kj-status-list-wrap .kj-status-list .kj-date {
	color: var(--kj-0565f0);
	font-family: var(--kj-fm-gothic);
	font-size: 14px;
	font-weight: 700;
	letter-spacing: -.1px;
	line-height: 16px;
}

.kj-status-list-wrap .kj-status-list.kj-now .kj-date {
	color: var(--kj-ffffff);
}

.kj-status-list-wrap .kj-status-list .kj-price {
	color: var(--kj-212529);
	font-size: 18px;
}

.kj-status-list-wrap .kj-status-list.kj-now .kj-price {
	color: var(--kj-ffffff);
}

.kj-status-list-wrap .kj-status-list .kj-money {
	font-weight: 700;
}

.btn_area.add_move .move.blue span {
	background: url(../../images/icon/icon-12x12-arrow-right-blue.png) no-repeat right center / 12px 12px;
}

.linechart-info {
	display: flex;
	margin-bottom: 16px;


	gap: 8px;
}

.linechart-info .category {
	display: flex;
	align-items: center;


	gap: 4px;
}

.linechart-info .category .text {
	font-size: 11px;
	line-height: 16px;
}

.linechart-info .category .cart-dashed {
	width: 14px;
	border-bottom: 2px dashed #a9b0b8;
}

.linechart-info .category .cart-line {
	position: relative;
	width: 10px;
	height: 10px;
	border: 2px solid var(--kj-0565f0);
	border-radius: 50%;
	background: var(--kj-ffffff);


	margin-inline: 6px;
}

.linechart-info .category .cart-line::before {
	content: "";
	position: absolute;
	top: 50%;
	left: -6px;
	width: 4px;
	height: 2px;
	background-color: var(--kj-0565f0);
	transform: translateY(-50%);
}

.linechart-info .category .cart-line::after {
	content: "";
	position: absolute;
	top: 50%;
	right: -6px;
	width: 4px;
	height: 2px;
	background-color: var(--kj-0565f0);
	transform: translateY(-50%);
}

.sbRenew .bubble_layer.type2>a {
	background-color: #eefce3;
}

.sbRenew .bubble_layer.type2 img {
	width: 40px;
	height: 40px;
}

.health-walk-wrap {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 400px;
	border-radius: 6px;
	background: url(../../images/sbRenew/img_health_bg01.png) no-repeat center;
	background-size: cover;
}

.health-walk-wrap .top {
	position: absolute;
	top: 24px;
	left: 24px;
}

.health-walk-wrap .top .desc {
	margin-top: 4px;
	color: #515961;
	font-size: 14px;
	font-weight: 500;
	line-height: 24px;
}

.health-walk-wrap .road-wrap {
	position: absolute;
	top: 147px;
	left: 50%;
	width: 208px;
	height: 143px;
	background: url(../../images/sbRenew/img_health_road01.png) no-repeat center;
	background-size: contain;
	transform: translateX(-50%);
}

.health-walk-wrap .line-wrap {
	position: absolute;
	top: 147px;
	left: 50%;
	width: 208px;
	height: 143px;
	transform: translateX(-50%);
}

.health-walk-wrap .line-wrap .line svg {
	vertical-align: top;
}

.health-walk-wrap .character-wrap {
	position: absolute;
	top: 38px;
	left: 90px;
}

.health-walk-wrap.after-login .character-wrap {
	top: 65px;
	left: 183px;
}

.health-walk-wrap .character-wrap .character {
	width: 44px;
	height: 60px;
	background: url(../../images/sbRenew/img_health_character01.gif) no-repeat center;
	background-size: contain;
}

.health-walk-wrap .character-wrap.left .character {
	transform: rotateY(0deg);
}

.health-walk-wrap .character-wrap.right .character {
	transform: rotateY(180deg);
}

.health-walk-wrap .character-wrap.finish .character {
	background: url(../../images/sbRenew/img_health_character02.png) no-repeat center;
	background-size: contain;
}

.health-walk-wrap .character-wrap .bubble {
	position: absolute;
	top: -54px;
	left: 50%;
	min-width: 75px;
	padding: 4px 12px;
	border-radius: 10px;
	color: var(--kj-ffffff);
	text-align: center;
	white-space: nowrap;
	background: rgba(37, 35, 50, .8);
	transform: translateX(-50%);
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .03);


	backdrop-filter: blur(2px);
}

.health-walk-wrap .character-wrap .bubble::before {
	content: "";
	position: absolute;
	bottom: -6px;
	left: 50%;
	width: 0;
	height: 0;
	border-top: 6px solid rgba(37, 35, 50, .8);
	border-right: 5px solid transparent;
	border-bottom: 0 solid transparent;
	border-left: 5px solid transparent;
	transform: translateX(-50%);
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .03);
}

.health-walk-wrap .character-wrap.upper .bubble {
	top: auto;
	bottom: -54px;
}

.health-walk-wrap .character-wrap.upper .bubble::before {
	top: -6px;
	bottom: auto;
	border-top: 0 solid transparent;
	border-bottom: 6px solid rgba(37, 35, 50, .8);
}

.health-walk-wrap .character-wrap.finish-bubble .bubble {
	top: -34px;
}

.health-walk-wrap .character-wrap.upper.finish-bubble .bubble {
	top: auto;
	bottom: -30px;
}

.health-walk-wrap .sun {
	display: block;
	position: absolute;
	top: 13px;
	right: 24px;
	width: 60px;
	height: 60px;
	background: url(../../images/sbRenew/img_health_sun.png) no-repeat center;
	background-size: contain;
}

.health-walk-wrap .moon {
	display: none;
	position: absolute;
	top: 13px;
	right: 24px;
	width: 60px;
	height: 60px;
	background: url(../../images/sbRenew/img_health_moon.png) no-repeat center;
	background-size: contain;
}

.health-walk-wrap .bottom {
	position: absolute;
	bottom: 24px;
	left: 24px;
	width: calc(100% - 48px);
}

.health-walk-wrap .bottom .link_bar_box {
	margin: 0;
}

.health-walk-wrap .bottom .link_bar_box ul {
	padding: 8px 12px;
	background: rgba(255, 255, 255, .8);

	gap: 24px;
	backdrop-filter: blur(20px);
}

.health-walk-wrap .bottom .link_bar_box ul li {
	display: flex;
	align-items: center;
	flex: 1;
	flex-direction: column;
	width: auto;

	gap: 8px;
}

.health-walk-wrap .bottom .link_bar_box ul li:not(:first-child)::before {
	top: 8px;
	left: -10px;
	height: calc(100% - 16px);
	background: rgba(0, 0, 0, .06);
}

.health-walk-wrap.night {
	background: url(../../images/sbRenew/img_health_bg02.png) no-repeat center;
	background-size: cover;
}

.health-walk-wrap.night .road-wrap {
	background: url(../../images/sbRenew/img_health_road02.png) no-repeat center;
	background-size: contain;
}

.health-walk-wrap.night .sun {
	display: none;
}

.health-walk-wrap.night .moon {
	display: block;
}

.health-walk-wrap.night .top .tit_hgg {
	color: var(--kj-ffffff);
}

.health-walk-wrap.night .top .tit_hgg em {
	color: #c2dcff;
}

.health-walk-wrap.night .top .desc {
	color: #eceff4;
}

.health-walk-wrap.night .character-wrap .bubble {
	color: var(--kj-212529);
	background: rgba(240, 245, 255, .8);
}

.health-walk-wrap.night .character-wrap .bubble::before {
	border-top: 6px solid rgba(240, 245, 255, .8);
}

.health-walk-wrap.night .character-wrap.upper .bubble::before {
	border-top: 0 solid transparent;
	border-bottom: 6px solid rgba(240, 245, 255, .8);
}

.walk-rank {
	position: relative;
	opacity: 0;
}

.walk-rank.move01 {
	animation: rankMove01 .3s ease-in .3s forwards;
}

.walk-rank.move02 {
	animation: rankMove01 .3s ease-in .6s forwards;
}

.walk-rank.move03 {
	animation: rankMove01 .3s ease-in .9s forwards;
}

@keyframes rankMove01 {
	0% {
		top: -20px;
		opacity: 0;
	}

	100% {
		top: 0;
		opacity: 1;
	}
}

.type-accord .detail_view {
	position: relative;
	padding-right: 16px;
	font-size: 13px;
	line-height: 24px;
	background: transparent;
}

.type-accord .detail_view::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	width: 12px;
	height: 12px;
	margin-top: -7px;
	background: url(../../images/sbRenew/bottom_arrow.png) no-repeat right center / 12px;
	transform: rotateZ(-180deg);
}

.type-accord .detail_view.on:after {
	transform: rotateZ(0);
}

.mbti-wrap {
	padding-bottom: 24px;
}

.mbti-wrap.ty01 {
	background-color: #e9f0ee;
}

.mbti-wrap.ty02 {
	background-color: #ecf4f8;
}

.mbti-wrap.ty03 {
	background-color: #efecf0;
}

.mbti-wrap.ty04 {
	background-color: #f6f1ea;
}

.radarchart-info {
	display: flex;
	position: absolute;
	top: 24px;
	left: 24px;
	flex-direction: column;

	gap: 4px;
}

.radarchart-info .category {
	display: flex;
	align-items: center;

	gap: 4px;
}

.radarchart-info .category .chart01 {
	position: relative;
	width: 10px;
	height: 10px;
	border: 2px solid #4689e9;
	border-radius: 50%;
	background: var(--kj-ffffff);
}

.radarchart-info .category .chart02 {
	position: relative;
	width: 10px;
	height: 10px;
	border: 2px solid #f9bd45;
	border-radius: 50%;
	background: var(--kj-ffffff);
}

.tipBubble .bubble-value {
	color: #156ce6;
	font-size: 18px;
	font-weight: 700;
}

.tipBubble .bubble-value .bubble-unit {
	color: #156ce6;
	font-size: 12px;
	font-weight: 500;
}

.location-animation {
	min-height: 276px;
}

.location-animation-inner {
	position: relative;
}

.location-animation .location-animation-inner::after {
	content: "";
	display: block;
	position: absolute;
	top: 4px;
	left: 12px;
	z-index: 1;
	width: 4px;
	height: calc(100% - 8px);
	background-color: var(--kj-e1e3e5);
}

.location-animation ol {
	display: flex;
	position: relative;
	z-index: 2;
	flex-direction: column;
	list-style: none;

	gap: 12px;
}

.location-animation li {
	display: flex;
	align-items: center;
	justify-content: space-between;

	--number-border-color: var(--kj-e1e3e5);
	--number-bg-color: var(--kj-f2f5f7);
	--number-color: var(--kj-6e7780);
	--content-bg-color: var(--kj-f2f5f7);
	--content-text-color: var(--kj-515961);
	--content-height: 36px;
	--content-width: calc(100% - 65px);
	--content-title-fs: 12px;
	--content-title-lh: 20px;
	--content-title-ls: -.1px;
	--content-small-fs: 12px;
	--content-small-lh: 20px;
	--content-small-ls: -.1px;
	--content-padding: 8px 20px;
}

.location-animation li.active {
	--number-text-color: var(--kj-ffffff);
	--content-text-color: var(--kj-ffffff);
	--content-height: 72px;
	--content-width: calc(100% - 43.5px);
	--content-title-fs: 18px;
	--content-title-lh: 26px;
	--content-title-ls: 0;
	--content-small-fs: 14px;
	--content-small-lh: 20px;
	--content-small-ls: -.1px;
	--content-padding: 12px 20px;
}

.location-animation:nth-child(1).active {
	--number-border-color: rgba(5, 101, 240, .6);
	--number-bg-color: rgba(5, 101, 240, 1);
	--content-bg-color: rgba(5, 101, 240, 1);
}

.location-animation:nth-child(2).active {
	--number-border-color: rgba(84, 81, 225, .6);
	--number-bg-color: rgba(84, 81, 225, 1);
	--content-bg-color: rgba(84, 81, 225, 1);
}

.location-animation:nth-child(3).active {
	--number-border-color: rgba(93, 118, 249, .6);
	--number-bg-color: rgba(93, 118, 249, 1);
	--content-bg-color: rgba(93, 118, 249, 1);
}

.location-animation:nth-child(4).active {
	--number-border-color: rgba(46, 191, 217, .6);
	--number-bg-color: rgba(46, 191, 217, 1);
	--content-bg-color: rgba(46, 191, 217, 1);
}

.location-animation .number {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border: 4px solid var(--number-border-color);
	border-radius: 14px;
	color: var(--number-text-color);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: -.1px;
	line-height: 12px;
	background-color: var(--number-bg-color);
	background-clip: padding-box;
	transition: .3s ease-in-out;
}

.location-animation .content {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: start;
	justify-content: space-between;
	width: var(--content-width);
	padding: var(--content-padding);
	border-radius: 12px;
	color: var(--content-text-color);
	font-family: var(--kj-fm-gothic);
	font-size: var(--content-title-fs);
	font-weight: 700;
	letter-spacing: var(--content-title-ls);
	line-height: var(--content-title-lh);
	background-color: var(--content-bg-color);
	transition: .3s ease-in-out;

	will-change: transform;
}

.location-animation .content .small {
	font-size: var(--content-small-fs);
	letter-spacing: var(--content-small-ls);
	line-height: var(--content-small-lh);
}

.location-animation .active .content::after {
	content: "";
	position: absolute;
	top: 50%;
	left: -16px;
	width: 0;
	height: 0;
	border-top: 7px solid transparent;
	border-right: 10px solid var(--content-bg-color);
	border-bottom: 7px solid transparent;
	border-left: 7px solid transparent;
	border-radius: 0;
	border-radius: 0 0 0 0;
	transform: translateY(-50%);
}

.location-animation .active .content .small {
	display: block;
}

.location-animation .content .vsl {
	display: none;
}

.location-animation .active .content .vsl {
	display: block;
}

.kj-ev-1st-mission {
	position: relative;
}

.kj-ev-1st-mission .kj-ev-1st-buttons>button {
	display: block;
	position: absolute;
	width: 28.4%;
	text-indent: -9999em;
	background-color: transparent;
	background-repeat: no-repeat;
	background-size: cover;

	aspect-ratio: 1;
}

.kj-ev-1st-mission .kj-ev-1st-buttons>button:nth-child(1) {
	top: 0;
	left: 0;
	background-image: url("../../images/event/2024/1st/img-ev-misson01.png");
}

.kj-ev-1st-mission .kj-ev-1st-buttons>button:nth-child(2) {
	top: 0;
	left: 32.24%;
	background-image: url("../../images/event/2024/1st/img-ev-misson02.png");
}

.kj-ev-1st-mission .kj-ev-1st-buttons>button:nth-child(3) {
	top: 0;
	left: 64.48%;
	background-image: url("../../images/event/2024/1st/img-ev-misson03.png");
}

.kj-ev-1st-mission .kj-ev-1st-buttons>button:nth-child(4) {
	bottom: 0;
	left: 64.48%;
	background-image: url("../../images/event/2024/1st/img-ev-misson04.png");
}

.kj-ev-1st-mission .kj-ev-1st-buttons>button:nth-child(5) {
	bottom: 0;
	left: 32.24%;
	background-image: url("../../images/event/2024/1st/img-ev-misson05.png");
}

.kj-ev-1st-mission .kj-ev-1st-buttons>button:nth-child(6) {
	bottom: 0;
	left: 0;
	background-image: url("../../images/event/2024/1st/img-ev-misson06.png");
}

.kj-ev-1st-mission .kj-ev-1st-buttons>button.active:nth-child(1) {
	background-image: url("../../images/event/2024/1st/img-ev-misson01_active.png");
}

.kj-ev-1st-mission .kj-ev-1st-buttons>button.active:nth-child(2) {
	background-image: url("../../images/event/2024/1st/img-ev-misson02_active.png");
}

.kj-ev-1st-mission .kj-ev-1st-buttons>button.active:nth-child(3) {
	background-image: url("../../images/event/2024/1st/img-ev-misson03_active.png");
}

.kj-ev-1st-mission .kj-ev-1st-buttons>button.active:nth-child(4) {
	background-image: url("../../images/event/2024/1st/img-ev-misson04_active.png");
}

.kj-ev-1st-mission .kj-ev-1st-buttons>button.active:nth-child(5) {
	background-image: url("../../images/event/2024/1st/img-ev-misson05_active.png");
}

.kj-ev-1st-mission .kj-ev-1st-buttons>button.active:nth-child(6) {
	background-image: url("../../images/event/2024/1st/img-ev-misson06_active.png");
}

.kj-ev-1st-mission .kj-ev-1st-buttons .kj-ev-1st-tooltip-bubble {
	display: flex;
	position: absolute;
	top: -36px;
	left: 50%;
	align-items: center;
	justify-content: center;
	width: 82.29%;
	height: 28px;
	border-radius: 6px;
	color: var(--kj-ffffff);
	font-size: 12px;
	text-indent: 0;
	line-height: 20px;
	background-color: #947070;
	transform: translateX(-50%);
}

.kj-ev-1st-mission .kj-ev-1st-buttons button:nth-child(n + 4):nth-child(-n + 5) .kj-ev-1st-tooltip-bubble {
	top: initial;
	bottom: -35px;
}

.kj-ev-1st-mission .kj-ev-1st-buttons button:nth-child(n + 4):nth-child(-n + 5) .kj-ev-1st-tooltip-bubble::after {
	top: 0;
	left: 50%;
}

.kj-ev-1st-mission .kj-ev-1st-buttons .kj-ev-1st-tooltip-bubble::after {
	content: "";
	position: absolute;
	bottom: -8px;
	left: 50%;
	width: 8px;
	height: 8px;
	background-color: #947070;
	transform: translate(-50%, -50%) rotate(45deg);
}

.kj-ev-1st-success {
	display: flex;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 100;
	align-items: center;
	justify-content: center;
	padding: 0 20px;
	background: rgba(33, 37, 41, .7);
}

.kj-ev-1st-success .kj-inner {
	position: relative;
	transform: translateY(-30px);
}

.kj-ev-1st-success .kj-inner img {
	position: relative;
	z-index: 2;
}

.kj-ev-1st-success .kj-inner lottie-player {
	position: absolute;
	top: 0;
	left: 0;
}

.kj-foreigner-home {
	min-height: 100vh;
	background-color: var(--kj-f0f6ff);
}

.kj-foreigner-home .alram {
	align-items: center;
	min-height: 52px;
}

.kj-foreigner-home .kj-foreigner-home-inner {
	padding: 24px 20px 140px;
}

.kj-foreigner-home .kj-greeting {
	position: relative;
	padding-right: 44px;
}

.kj-foreigner-home .kj-greeting .btn-edit {
	display: flex;
	position: absolute;
	right: 0;
	bottom: 0;
	align-items: center;
	color: var(--kj-515961);
	letter-spacing: -.1px;
	line-height: 24px;
	background-color: transparent;

	gap: 4px;
}

.kj-foreigner-home .kj-none-account {
	position: relative;
	min-height: 182px;
	margin-top: 24px;
	padding: 24px;
	border-radius: 6px;
	background-color: var(--kj-5451e1);
}

.kj-foreigner-home .kj-none-account * {
	position: relative;
	z-index: 2;
}

.kj-foreigner-home .kj-none-account .kj-visual {
	position: absolute;
	top: 72px;
	right: 12px;
	z-index: 1;
	width: 135px;
}

.kj-foreigner-home .kj-account-wrap {
	margin-top: 24px;
}

.kj-foreigner-home .swiper-slide.kj-account {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	height: initial;
	min-height: 184px;
	padding-top: 24px;
	padding-bottom: 4px;
}

.kj-foreigner-home .kj-account-swiper .swiper-container {
	border: 1px solid var(--kj-e1e3e5);
	border-radius: 6px;
	background-color: var(--kj-ffffff);
	box-shadow: var(--kj-shadow-01);
}

.kj-foreigner-home .kj-account .kj-bank {
	display: flex;
	padding: 0 24px;

	gap: 8px;
}

.kj-foreigner-home .kj-account .kj-more {
	display: flex;
	position: absolute;
	top: 24px;
	right: 24px;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	background-color: var(--kj-transparent);
}

.kj-foreigner-home .kj-account .bank-address {
	display: flex;
	align-items: start;
	flex-direction: column;

	gap: 4px;
}

.kj-foreigner-home .kj-account .kj-money {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 12px;
}

.kj-foreigner-home .kj-account .kj-money>a {
	display: inline-flex;
	align-items: center;
}

.kj-foreigner-home .kj-account .kj-money-number {
	margin-right: 4px;
	color: var(--kj-212529);
	font-size: 24px;
	font-weight: 700;
	line-height: 36px;
}

.kj-foreigner-home .kj-account .kj-unit {
	margin-right: 7px;
	color: var(--kj-212529);
	font-size: 18px;
	font-weight: 500;
	line-height: 20px;
}

.kj-foreigner-home .kj-account .kj-account-buttons {
	display: flex;
	margin-top: 10px;
	padding: 0 24px;

	gap: 3px;
}

.kj-foreigner-home .kj-account .kj-account-buttons .kj-default-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 52px;
	border-top: 1px solid var(--kj-e1e3e5);
	color: var(--kj-212529);
	font-weight: 700;
	letter-spacing: -.1px;
	line-height: 24px;
	background-color: var(--kj-transparent);
}

.kj-foreigner-home .kj-account .kj-account-buttons .kj-round-button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin-bottom: 12px;
	padding: 8px 12px;
	border-radius: 6px;
	background-color: var(--kj-f5f7fa);
}

.kj-foreigner-home .kj-account-settings {
	min-height: 184px;
	border: 1px dashed var(--kj-c0c6cc);
	background-color: var(--kj-eceff4);
}

.kj-foreigner-home .swiper-slide.kj-account-settings {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;
	height: initial;
	padding: 40px;

	gap: 15px;
}

.kj-foreigner-home .kj-account-settings .setting {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding: 20px 0;

	gap: 12px;
}

.kj-foreigner-home .kj-account-settings .add {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding: 20px 0;

	gap: 12px;
}

.kj-foreigner-home .kj-key-service {
	margin-top: 24px;
}

.kj-foreigner-home .kj-service-grid {
	display: grid;
	margin-top: 12px;

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

.kj-foreigner-home .kj-service-grid>button {
	display: flex;
	min-height: 128px;
	padding: 16px;
	border-radius: 6px;
	color: var(--kj-212529);
	font-size: 14px;
	font-weight: 700;
	text-align: left;
	letter-spacing: -.1px;
	line-height: 24px;
}

.kj-foreigner-home .kj-service-grid>button:nth-child(1) {
	background: #e1ebff url("../../images/foreigner/img-home-vsl02.png") no-repeat right 16px bottom 16px;
	background-size: auto 60px;
}

.kj-foreigner-home .kj-service-grid>button:nth-child(2) {
	background: #e0f5ff url("../../images/foreigner/img-home-vsl06.png") no-repeat right 16px bottom 16px;
	background-size: auto 60px;
}

.kj-foreigner-home .kj-service-grid>button:nth-child(3) {
	background: #d6f3ef url("../../images/foreigner/img-home-vsl03.png") no-repeat right 16px bottom 16px;
	background-size: auto 60px;
}

.kj-foreigner-home .kj-service-grid>button:nth-child(4) {
	background: #ffedd9 url("../../images/foreigner/img-home-vsl04.png") no-repeat right 16px bottom 16px;
	background-size: auto 60px;
}

.kj-foreigner-home .kj-service-grid>button:nth-child(5) {
	background: #ffe6ea url("../../images/foreigner/img-home-vsl07.png") no-repeat right 16px bottom 16px;
	background-size: auto 60px;
}

.kj-foreigner-home .kj-service-grid>button:nth-child(6) {
	background: #ececff url("../../images/foreigner/img-home-vsl05.png") no-repeat right 16px bottom 16px;
	background-size: auto 60px;
}

.kj-foreigner-home .kj-date {
	display: flex;
	justify-content: flex-end;
	margin: 8px 0;
}

.kj-foreigner-home .kj-date .kj-inner {
	display: flex;
	align-items: center;

	gap: 4px;
}

.kj-foreigner-home .kj-tab-wrap {
	margin-top: 8px;
}

.kj-foreigner-home .kj-tab-panel-wrap {
	margin-top: 4px;
}

.kj-foreigner-home .kj-tab-panel {
	padding: 0;
}

.kj-foreigner-home .kj-rate-list {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 8px;
	padding: 16px;
	border: 1px solid var(--kj-e1e3e5);
	border-radius: 8px;
	background-color: var(--kj-ffffff);
}

.kj-foreigner-home .kj-rate-category {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 8px;
	padding: 16px;
	border: 1px solid var(--kj-e1e3e5);
	border-radius: 8px;
	background-color: rgba(209, 220, 234, .4);

	gap: 1px;
}

.kj-foreigner-home .kj-rate-category .kj-fs14 {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center;
	flex: 1;
}

.kj-foreigner-home .kj-rate-category .kj-fs14::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 1px;
	height: 16px;
	background: #d1dcea;
	transform: translateY(-50%);
}

.kj-foreigner-home .kj-rate-category .kj-fs14:first-child::after {
	display: none;
}

.kj-foreigner-home .kj-rate-list>* {
	display: flex;
	justify-content: center;
	flex: 1;
}

.kj-foreigner-home .kj-rate-list .kj-nation {
	display: flex;
	align-items: center;

	gap: 4px;
}

.kj-foreigner-onboading-slider .swiper-slide {
	padding: 0;
}

.kj-foreigner-onboading-slider .kj-vsl {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	min-height: 336px;
	padding: 32px 40px;
	border-radius: 24px;

	gap: 24px;
}

.kj-foreigner-onboading-slider .swiper-button-next {
	display: flex;
	position: absolute;
	top: 160px;
	right: 12.9333333%;
	z-index: 10;
	vertical-align: top;
	align-items: start;
	width: 16px;
	height: 16px;
	background-color: transparent;
}

.kj-foreigner-onboading-slider .swiper-button-prev {
	display: flex;
	position: absolute;
	top: 160px;
	left: 10.9333333%;
	z-index: 10;
	vertical-align: top;
	align-items: start;
	width: 16px;
	height: 16px;
	background-color: transparent;
}

.kj-foreigner-onboading-slider .swiper-button-next:disabled,
.kj-foreigner-onboading-slider .swiper-button-prev:disabled {
	display: none;
}

.kj-swiper-onboading-contorl {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.kj-swiper-onboading-contorl>div {
	display: none;
	transition: opacity .6s;
	opacity: 0;
}

.kj-swiper-onboading-contorl .kj-bubble.kj-active {
	opacity: 1;
}

.kj-swiper-onboading-contorl .kj-textfield-group.kj-active {
	opacity: 1;
}

.kj-personal-detail-selected button,
.kj-personal-controls button {
	width: 76px;
	height: 76px;
	border-radius: 99999em;
	background-color: transparent;
}

.kj-personal-detail-selected .kj-active,
.kj-personal-controls .kj-active {
	box-shadow: inset 0 0 0 2px var(--kj-0565f0) !important;
}

.kj-property-draft {
	position: relative;
	margin-top: 16px;
	padding: 24px 24px;
	border: 1px solid var(--kj-e1e3e5);
	border-radius: 6px;
	box-shadow: var(--kj-shadow-01);
}

.kj-property-draft .kj-input-tab-button-wrap {
	position: absolute;
	top: 24px;
	right: 24px;
	width: 111px;
}

.kj-property-draft .kj-input-tab-button {
	height: auto;
}

.kj-property-draft .kj-input-tab-button .kj-text {
	font-size: 11px;
	line-height: 26px;
}

.kj-property-draft .kj-property-draft-top {
	display: flex;
	align-items: start;
	justify-content: space-between;
}

.kjPropertyDeposit,
.kjPropertyFinder {
	display: none;
}

.kj-color-cotegory {
	display: flex;
	margin-top: 36px;

	gap: 8px;
}

.kj-color-cotegory>span {
	display: inline-flex;
	align-items: center;

	gap: 4px;
}

.kj-color-cotegory>span::before {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 4px;
}

.kjPropertyDeposit .kj-color-cotegory>span:nth-child(1)::before {
	background-color: #65a4f8;
}

.kjPropertyDeposit .kj-color-cotegory>span:nth-child(2)::before {
	background-color: #b46beb;
}

.kjPropertyFinder .kj-color-cotegory>span:nth-child(1)::before {
	background-color: #b46beb;
}

.kjPropertyFinder .kj-color-cotegory>span:nth-child(2)::before {
	background-color: var(--kj-0565f0);
}

.kj-asset-divide {
	display: flex;
	display: none;
	justify-content: space-between;
	margin-top: 16px;
	padding: 20px;
	border: 1px solid var(--kj-e1e3e5);
	border-radius: 6px;
	text-align: center;
	box-shadow: var(--kj-shadow-01);
}

.kj-asset-divide .kj-asset-divide-list {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 33.3333333%;

	gap: 8px;
}

.kj-asset-divide .kj-asset-divide-list:nth-child(1)::after {
	display: none;
}

.kj-asset-divide .kj-asset-divide-list::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 1px;
	height: 64px;
	background-color: var(--kj-e1e3e5);
	transform: translateY(-50%);
}

.kj-today-schedule {
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin-top: 16px;
	padding: 12px;
	border: 1px solid var(--kj-e1e3e5);
	border-radius: 6px;
	color: var(--kj-212529);
	background-color: var(--kj-ffffff);
	box-shadow: var(--kj-shadow-01);
}

.kj-today-schedule>span {
	display: flex;
	align-items: center;

	gap: 4px;
}

/*********** 개인 스마트뱅킹 - 비즈모델2차 ***********/
header .wayo-market-h1 {
	padding-left: 80px;
}

header .wayo-market-h1 .header-title-wrap {
	position: relative;
	min-width: 132px;
	padding: 0 35px 0 31px;
}

header .wayo-market-h1 .kj-icon-32 {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

header .wayo-market-h1 .ad-badge {
	display: flex;
	position: absolute;
	top: 50%;
	right: 0;
	align-items: center;
	width: 31px;
	height: 20px;
	transform: translateY(-50%);
}

header .wayo-market-h1 img {
	width: 100%;
	padding-top: 0;
}

.kj-gray-tab .kj-tab-type-inline.kj-tab-type-pill {
	padding: 0;
}

.kj-gray-tab .kj-tab-type-pill .kj-tab {
	height: unset;
	padding: 7px 16px;
	border: 0;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	background: #eceff4;
}

.kj-gray-tab.sub-tab .kj-tab-type-pill .kj-tab {
	padding: 4px 12px;
	font-size: 14px;
}

.kj-gray-tab.sub-tab .kj-tab-type-pill {
	padding: 12px 20px;
}

.kj-gray-tab .kj-tab-type-pill .kj-tab.kj-active {
	border: 0;
}

/* 와요장터 탭 */
.kj-wayomarket-tab {
	position: relative;
}

.kj-wayomarket-tab .scroll-tabs-wrap {
	padding-bottom: 0;
}

.kj-wayomarket-tab .scroll-tabs-wrap::-webkit-scrollbar {
	display: none;
}

.scroll-tabs-wrap .tab-area {
	display: flex;
	flex-direction: row;
	width: max-content;
	padding: 8px 0 12px;
	white-space: nowrap;

	gap: 8px;
}

.kj-finance-mall .scroll-tabs-wrap .tab-area {
	padding: 8px 20px 12px;
}

.scroll-tabs-wrap .tab-area a,
.kj-yo-store-menu a {
	padding: 8px 16px;
	border-radius: 20px;
	color: var(--kj-6e7780);
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	background: #eceff4;
}

.kj-yo-store-menu a {
	padding: 4px 12px;
	font-size: 14px;
}

.kj-yo-store-menu .swiper-slide {
	padding: 0;
}

.kj-yo-store-menu a {
	display: inline-block;
}

.kj-yo-store-menu a {
	background: var(--kj-f5f7fa);
}

.scroll-tabs-wrap .tab-area a.active,
.kj-yo-store-menu .swiper-slide-thumb-active a {
	color: var(--kj-ffffff);
	font-weight: 700;
	background: var(--kj-212529);
}

.kj-yo-store-menu .swiper-slide-thumb-active a {
	font-weight: 500;
}

.scroll-tabs-wrap.sub-tab {
	padding-bottom: 0;
}

.scroll-tabs-wrap.sub-tab .tab-area {
	padding: 12px 20px;
}

.scroll-tabs-wrap.sub-tab .tab-area a {
	padding: 4px 12px;
	font-size: 14px;
}

.scroll-tabs-wrap.sub-tab .tab-area a.active {
	font-weight: 500;
	background: #1d2d47;
}

.kj-yo-store-ad .swiper-slide {
	padding: 0;
}

.kj-wayomarket-tab .ad-badge {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	width: 80px;
	height: 100%;
	padding: 18px 0 0 33px;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 95%);
}

.kj-wayomarket-tab .ad-badge p {
	width: 31px;
	height: 20px;
	border: solid 1px var(--kj-0565f0);
	border-radius: 2px;
	color: var(--kj-0565f0);
	font-size: 11px;
	text-align: center;
	line-height: 20px;
	background: var(--kj-ffffff);
}

.brand-title-img .radius {
	overflow: hidden;
	border-radius: 6px;
}

/* 모듈 */
.kj-module-panel .module-item {
	/*padding-top:36px;*/
	padding-top: 28px;
}

.kj-module-panel .module-item:first-of-type {
	padding-top: 0;
}

[class^="kj-module-title"] {
	display: flex;
	align-items: center;
	flex-direction: row;
}

[class^="kj-module-title"] .kj-right {
	margin-left: auto;
}

.kj-module-title-22 {
	margin-bottom: 16px;
}

.kj-module-title-22 .kj-title {
	/*padding-bottom:12px;*/
	color: #000;
	font-family: var(--kj-fm-gothic);
	font-size: 22px;
	font-weight: 400;
	letter-spacing: -.2px;
	line-height: 32px;
}

.kj-module-title-18 .kj-title {
	color: #000;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: -.2px;
	line-height: 28px;
	/* padding-bottom:12px;*/
}

.module-item .kj-banner-header .kj-heading-fs18 .kj-title {
	max-height: 56px;
}

/* 타이틀 */
.kj-module-panel .kj-module-title-22 {
	padding: 0 20px;
}

.kj-module-panel .kj-module-title-22 .kj-title {
	display: inline-flex;
	align-items: center;
	flex-direction: row;
	font-family: var(--kj-fm-gothic);
	font-weight: 700;
}

.kj-module-panel .kj-module-title-22 .icon {
	display: block;
	width: 32px;
}

.kj-module-panel .kj-module-title-22 .icon img {
	width: 100%;

	object-fit: contain;
}

.ad-badge {
	height: 20px;
	padding: 2px 8px;
	border: solid 1px var(--kj-8c959f);
	border-radius: 2px;
	color: var(--kj-a9b0b8);
	font-size: 11px;
	font-weight: 500;
	line-height: 16px;
	background: var(--kj-ffffff);
}

.kj-module-panel .kj-module-title-22 .ad-badge,
header .ad-badge {
	display: block;
	margin-left: 4px;
	/* padding:2px 8px;border:solid 1px var(--kj-8c959f);border-radius:2px;color:#a9b0b8;font-size:11px;font-weight:500;line-height:16px;background:var(--kj-ffffff);*/
}

.kj-module-panel .kj-module-title-22 .btn-more {
	display: flex;
	position: relative;
	align-items: center;
	flex-direction: row;
	flex-shrink: 0;
	margin-left: auto;
	color: var(--kj-6e7780);
	font-size: 13px;

	gap: 4px;
}

.kj-module-panel .kj-module-title-22 .btn-more:not(.text) {
	overflow: hidden;
	width: 16px;
	height: 28px;
	text-indent: 100%;
	white-space: nowrap;
}

/*.kj-module-panel .kj-module-title-22 .btn-more::after{content:"";display:block;width:16px;height:16px;background:url("../../images/icon/icon-16x16-arrow-right.png") 0 0 no-repeat;background-size:contain;}
*/
.kj-module-panel .kj-module-title-22 .btn-more:not(.text)::after {
	position: absolute;
	top: calc(50% - 8px);
	left: 0;
}

/* 와요장터 - 장터 홈 */
.kj-timedeal-area {
	position: relative;
	padding: 32px 0 24px;
	background: linear-gradient(179deg, #5979ff 9.15%, #a162f7 125.83%);
}

.kj-timedeal-area .timedeal-visual {
	position: absolute;
	top: -14px;
	right: 20px;
	z-index: 10;
	width: 138px;
	height: 120px;
}

.kj-timedeal-area .timedeal-visual img {
	width: 100%;
	height: 100%;

	object-fit: contain;
}

.kj-timedeal-swiper {
	overflow: hidden;
	margin-top: 24px;
	padding: 0 20px;
}

.kj-timedeal-swiper .item {
	display: block;
	width: 296px;
}

.kj-swiper.kj-timedeal-swiper .swiper-slide {
	width: auto;
}

.kj-swiper.kj-timedeal-swiper .swiper-container {
	overflow: visible;
}

.kj-timedeal-swiper .swiper-slide {
	overflow: hidden;
	border-radius: 6px;
}

.kj-timedeal-swiper .timedeal-thumb {
	position: relative;
	/*height:186px;*/
}

.timedeal-thumb .badge-area {
	position: absolute;
	top: 8px;
	left: 8px;
	z-index: 1;
}

.timedeal-thumb .kj-badge-best {
	position: absolute;
	top: 8px;
	right: 8px;
	z-index: 1;
}

.timedeal-thumb .timer {
	display: flex;
	position: absolute;
	bottom: 8px;
	left: 50%;
	z-index: 1;
	align-items: center;
	flex-direction: row;
	padding: 4px 12px;
	border-radius: 30px;
	color: var(--kj-ffffff);
	line-height: 20px;
	background: rgba(0, 0, 0, .64);
	transform: translateX(-50%);
}

.timedeal-thumb .timer span {
	margin-right: 5px;
}

.timedeal-thumb .img {
	position: relative;
	/*height:186px;*/
}

.timedeal-thumb .img::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .03);
}

.timedeal-thumb .img img {
	width: 100%;
	height: 100%;

	object-fit: cover;
}

.timedeal-info {
	padding: 12px 20px;
	background: var(--kj-ffffff);
}

.timedeal-info .product-title {
	display: block;
	overflow: hidden;
	color: var(--kj-212529);
	font-size: 16px;
	font-weight: 500;
	text-overflow: ellipsis;
	word-break: break-word;

	/*white-space:nowrap;*/
	letter-spacing: -.1px;
	line-height: 24px;
}

.timedeal-info .price-info {
	display: flex;
	align-items: center;
	flex-direction: row;
	margin-top: 8px;
	letter-spacing: -.2px;
	line-height: 28px;

	gap: 4px;
}

.timedeal-info .percent {
	color: #e5493a;
	font-size: 20px;
	font-weight: 700;
}

.timedeal-info .price {
	display: flex;
	align-items: flex-end;
	color: var(--kj-212529);
	font-size: 20px;
	font-weight: 700;
}

.timedeal-info .price em {
	font-size: 14px;
	font-weight: 500;
	letter-spacing: -.1px;
	line-height: 24px;
}

.timedeal-info .current-price {
	align-self: flex-end;
	color: var(--kj-8c959f);
	font-size: 13px;
	line-height: 20px;
}

.timedeal-info .extra-info {
	display: grid;
	align-items: center;
	width: 100%;

	grid-template-columns: 1fr auto;
	gap: 10px;
}

.timedeal-info .extra-info .seller-name {
	overflow: hidden;
	color: var(--kj-8c959f);
	font-size: 14px;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 24px;
}

.timedeal-info .extra-info .view-count {
	display: flex;
	align-items: center;
	flex-direction: row;
	color: var(--kj-212529);
	font-size: 13px;
	line-height: 20px;

	gap: 4px;
}

.timedeal-info .extra-info .view-count strong {
	font-weight: 700;
}

.kj-timedeal-swiper .swiper-control {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	margin-top: 0 !important;

	gap: 16px;
}

.kj-timedeal-swiper .swiper-control .swiper-pagination {
	justify-content: center;
	flex: unset;
	margin-top: 14px;

	gap: 0;
}

.kj-swiper.kj-timedeal-swiper .swiper-pagination-bullet {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	background: transparent;
}

.kj-swiper.kj-timedeal-swiper .swiper-pagination-bullet::before {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 8px;
	background: rgba(33, 37, 41, .4);
	transition: all .4s;
	transform-origin: center;
}

.kj-swiper.kj-timedeal-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
	width: 32px;
	height: 20px;
	background: transparent;
}

.kj-swiper.kj-timedeal-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
	content: "";
	display: block;
	width: 20px;
	height: 8px;
	border-radius: 8px;
	background: rgba(33, 37, 41, .9);
	transition: all .4s;
	transform-origin: center;
}

.wayomarket-product-list {
	/* padding:0 20px;*/
}

/* 상품보기 */
.kj-circle-tab .kj-tab-type-user {
	padding-bottom: 20px;

	gap: 12px;
}

.kj-circle-tab .kj-tab-type-user .kj-tab {
	display: flex;
	position: relative;
	z-index: 2;
	align-items: center;
	flex-direction: column;
	width: 64px;
	padding: 0;
	text-align: center;
	background: transparent;

	gap: 8px;
}

.kj-circle-tab .kj-tab-type-user .kj-tab .img {
	overflow: hidden;
	position: relative;
	z-index: 10;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background: var(--kj-f5f7fa);
}

.kj-circle-tab .kj-tab-type-user .kj-tab .img img {
	width: 64px;
	height: 64px;

	object-fit: fill;
}

.kj-circle-tab .kj-tab-type-user .kj-tab p {
	width: 64px;
	color: var(--kj-6e7780);
	font-size: 14px;
	font-weight: 500;
	letter-spacing: -.1px;
	line-height: 18px;
}

.kj-circle-tab .kj-tab-type-user .kj-tab.kj-active .img {
	width: 58px;
	height: 58px;
	margin: 3px auto;
	background: var(--kj-ffffff);
}

.kj-circle-tab .kj-tab-type-user .kj-tab.kj-active .img img {
	object-position: -3px -3px;
}

.kj-circle-tab .kj-tab-type-user .kj-tab.kj-active::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: calc(50% - 32px);
	z-index: 1;
	width: 64px;
	height: 64px;
	border-radius: 64px;
	background: url("../../images/sbRenew/tab_active_carousel.png") 0 0 no-repeat;
	background-size: contain;
}

.kj-circle-tab.copy-element {
	visibility: hidden;
	height: 0;
}

.kj-circle-tab.copy-element .kj-tab-list {
	transition: none;
	transform: translateY(-1000px);
}

.kj-circle-tab.copy-element[style*="visibility:visible;"] .kj-tab-list {
	transition: transform .5s ease;
	transform: translateY(0);
}

.kj-circle-tab.copy-element .kj-tab-type-user .kj-tab.kj-active::before {
	content: none;
}

.kj-circle-tab .kj-tab-type-user .kj-tab.kj-active p {
	color: var(--kj-212529);
}

.kj-circle-tab.size-80 .kj-tab-type-user .kj-tab {
	width: 80px;
}

.kj-circle-tab.size-80 .kj-tab-type-user .kj-tab .img {
	width: 72px;
	height: 72px;
	/* border:solid 1px var(--kj-e1e3e5);border-radius:80px;background:var(--kj-ffffff);*/
}

.kj-circle-tab.size-80 .kj-tab-type-user .kj-tab .img img {
	width: 72px;
	height: 72px;
	/* filter:grayscale(1);*/
}

.kj-circle-tab.size-80 .kj-tab-type-user .kj-tab.kj-active::before {
	content: "";
	left: calc(50% - 36px);
	width: 72px;
	height: 72px;
}

.kj-circle-tab.size-80 .kj-tab-type-user .kj-tab.kj-active .img {
	width: 66px;
	height: 66px;
	border: solid 1px transparent;
}

/* .kj-circle-tab.size-80 .kj-tab-type-user .kj-tab.kj-active .img img{filter:grayscale(0);}
*/
.kj-circle-tab.size-80 .kj-tab-type-user .kj-tab p {
	width: 80px;
	/* overflow:hidden;text-overflow:ellipsis;white-space:nowrap;*/
}

/* S:스티키 탭 메뉴 */
.swiper-slide.life-tab .kj-circle-tab .kj-tab-list {
	background: var(--kj-ffffff);
}

.swiper-slide.life-tab .kj-circle-tab .kj-tab-list.sticky {
	position: relative;
}

.kj-circle-tab.copy-element .kj-tab-list {
	position: fixed;
	top: 51px !important;
	z-index: 10;
	padding: 0 20px;
	border-bottom: 1px solid var(--kj-e1e3e5);
	font-size: 0;
	white-space: nowrap;
	line-height: 1;
	background: var(--kj-ffffff);

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

.kj-circle-tab.copy-element .kj-tab-list .kj-tab {
	position: relative;
	padding: 10px 0;
}

.kj-circle-tab.copy-element .kj-tab-type-user .kj-tab p {
	width: auto;
	font-size: 16px;
	font-weight: 700;
}

.kj-circle-tab.copy-element .kj-tab-list .kj-tab.kj-active::after {
	content: "";
	display: block;
	position: absolute;
	right: -1px;
	bottom: 0;
	left: -1px;
	height: 2px;
	background: var(--kj-212529);
}

.kj-circle-tab.copy-element .kj-tab-list .img {
	display: none;
}

/* E:스티키 탭 메뉴 */
.scroll-tabs-wrap {
	overflow-x: auto;
	width: 100%;
	padding-bottom: 20px;
}

.scroll-tabs-wrap::-webkit-scrollbar {
	display: none;
}

.scroll-tab {
	display: flex;
	width: max-content;
	white-space: nowrap;

	gap: 8px;
}

.scroll-tab a {
	display: flex;
	position: relative;
	align-items: center;
	flex-direction: column;
	min-width: 60px;
	text-align: center;
}

.scroll-tab a:first-of-type {
	margin-left: 20px;
}

.scroll-tab a::before {
	content: "";
	display: none;
	position: absolute;
	top: 0;
	left: calc(50% - 30px);
	width: 60px;
	height: 60px;
	border-radius: 60px;
	background: url("../../images/sbRenew/tab_active_carousel.png") 0 0 no-repeat;
	background-size: contain;
}

.scroll-tab a p {
	margin-top: 8px;
	color: var(--kj-6e7780);
	font-size: 14px;
	font-weight: 500;
	letter-spacing: -.1px;
	line-height: 18px;
}

.scroll-tab a .img {
	overflow: hidden;
	position: relative;
	width: 60px;
	height: 60px;
	border-radius: 60px;
	background: var(--kj-f5f7fa);
}

.scroll-tab a .img img {
	width: 60px;
	height: 60px;

	object-fit: fill;
}

.scroll-tab a.active::before {
	display: block;
}

.scroll-tab a.active .img {
	width: 54px;
	height: 54px;
	margin: 3px auto;
	background: var(--kj-ffffff);
}

.scroll-tab a.active .img img {
	object-position: -3px -3px;
}

.scroll-tab a.active p {
	color: var(--kj-212529);
}

.scroll-tab.size-80 a {
	min-width: 80px;
}

.scroll-tab.size-80 a::before {
	content: "";
	left: calc(50% - 40px);
	width: 80px;
	height: 80px;
}

.scroll-tab.size-80 a .img {
	width: 80px;
	height: 80px;
	border: solid 1px var(--kj-e1e3e5);
	border-radius: 80px;
	background: var(--kj-ffffff);
}

.scroll-tab.size-80 a .img img {
	width: 80px;
	height: 80px;
	filter: grayscale(1);
}

.scroll-tab.size-80 a.active .img {
	width: 74px;
	height: 74px;
	border: solid 1px transparent;
}

.scroll-tab.size-80 a.active .img img {
	filter: grayscale(0);
}

.scroll-tab.size-80 a p {
	overflow: hidden;
	max-width: 90px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.produce-list-wrap .sotr-table {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;
	padding: 0 20px;
}

.produce-list-wrap .sotr-table .kj-textfield-group {
	width: auto;
	min-height: unset;
	border: unset;
}

.produce-list-wrap .kj-textfield-group .kj-textfield {
	min-height: unset;
}

.produce-list-wrap .kj-select-wrap .kj-select-button-inner {
	display: flex;
	align-items: center;
	flex-direction: row;
	width: 100%;
	font-size: 14px;

	gap: 2px;
}

.produce-list-wrap .kj-select-wrap .kj-select-button {
	padding: 0;
}

.produce-list-wrap .kj-select-wrap .kj-select-button-inner {
	display: flex;
	align-items: center;
	flex-direction: row;
	color: var(--kj-212529);
	font-size: 14px;
	font-weight: 500;
	line-height: 24px;

	gap: 2px;
}

.produce-list-wrap .kj-select-wrap .kj-select-button-inner::before {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	background: url("../../images/sbRenew/ic_line_16_sorting.png") 0 0 no-repeat;
	background-size: contain;
}

.produce-list-wrap .kj-select-wrap .kj-select-button .kj-arrow {
	display: none;
}

.produce-list-wrap .sotr-table .view-type-select {
	display: flex;
	flex-direction: row;

	gap: 8px;
}

.produce-list-wrap .sotr-table .view-type-select button {
	display: block;
	overflow: hidden;
	width: 24px;
	height: 24px;
	border: solid 1px var(--kj-e1e3e5);
	border-radius: 4px;
	text-indent: 100%;
	white-space: nowrap;
}

.produce-list-wrap .sotr-table .view-type-select button.active {
	border: solid 1px var(--kj-5697f0);
}

.produce-list-wrap .view-type-select .type-list {
	background: url("../../images/sbRenew/icon_sorting_list.png") center center no-repeat;
	background-size: 16px 16px;
}

.produce-list-wrap .view-type-select .type-list.active {
	background: url("../../images/sbRenew/icon_sorting_list_on.png") center center no-repeat var(--kj-f2f5f7);
	background-size: 16px 16px;
}

.produce-list-wrap .view-type-select .type-gallery {
	background: url("../../images/sbRenew/icon_sorting_gallery.png") center center no-repeat;
	background-size: 16px 16px;
}

.produce-list-wrap .view-type-select .type-gallery.active {
	background: url("../../images/sbRenew/icon_sorting_gallery_on.png") center center no-repeat var(--kj-f2f5f7);
	background-size: 16px 16px;
}

.produce-list-wrap .product-list-module {
	display: grid;
	margin-top: 20px;
	padding: 0 20px;
}

.product-list-module .product-item {
	display: flex;
	flex-direction: column;

	gap: 8px 12px;
}

.product-list-module .product-thumb {
	overflow: hidden;
	position: relative;
	border-radius: 6px;
}

.product-list-module .dim-message {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .4);
}

.product-list-module .dim-message span {
	width: 100%;
	height: 100%;
}

.product-list-module .product-thumb .badge-area {
	display: none;
}

.product-list-module .kj-badge-best {
	position: absolute;
	top: 0;
	right: 0;
	flex-direction: row;
	width: unset;
	height: unset;
	padding: 2px 4px;
	border-radius: 0 6px;
}

.product-list-module .timer {
	display: flex;
	position: absolute;
	bottom: 0;
	left: 0;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	width: 100%;
	padding: 4px 0;
	color: var(--kj-ffffff);
	font-size: 13px;
	font-weight: 700;
	white-space: nowrap;
	line-height: 20px;
	background: rgba(0, 0, 0, .4);
}

/* fs:13;fw:700 ====> 2xn,b3*/
.product-list-module.type-2xn .timer,
.product-list-module.type-b3 .timer {
	font-size: 13px;
	font-weight: 700;
}

.product-list-module.type-2xn .timer .kj-icon-img,
.product-list-module.type-b3 .timer .kj-icon-img {
	width: 16px;
}

/* fs:11;fw:500 ====> 3xn s3 */
.product-list-module.type-3xn .timer,
.product-list-module.type-s3 .timer {
	font-size: 11px;
	font-weight: 500;
}

.product-list-module.type-3xn .timer .kj-icon-img,
.product-list-module.type-s3 .timer .kj-icon-img {
	width: 12px;
}

.product-list-module .product-info {
	display: flex;
	flex-direction: column;
}

.product-list-module .seller-name {
	color: var(--kj-8c959f);
	font-size: 13px;
	font-weight: 400;
	line-height: 20px;
}

.product-list-module.type-2xn .product-title {
	font-size: 16px;
	line-height: 24px;
}

.product-list-module.type-3xn .product-title {
	line-height: 20px;
}

.product-list-module .product-title {
	display: -webkit-box;
	overflow: hidden;
	font-weight: 500;
	text-overflow: ellipsis;

	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.product-list-module .price-info {
	display: flex;
	align-items: center;
	flex-direction: row;
	letter-spacing: -.2px;
	line-height: 24px;

	gap: 4px;
}

.product-list-module .price {
	display: flex;
	align-items: flex-end;
	color: var(--kj-212529);
	font-size: 14px;
	font-weight: 700;
}

.product-list-module .price em {
	font-size: 13px;
	font-weight: 500;
	letter-spacing: -.1px;
	line-height: 24px;
}

/*.product-list-module .current-price{padding-top:6px;}
*/
.product-list-module .extra-info {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
}

.product-list-module .badge-area {
	display: flex;
	flex-direction: row;

	gap: 4px;
}

.product-list-module.type-2xn {
	grid-template-columns: repeat(2, calc(50% - 5px));
	gap: 16px 10px;
}

.product-list-module.type-2xn .price-info,
.kj-best-view-goods .product-list-module .price-info {
	flex-wrap: wrap;

	gap: 4px;
}

.product-list-module.type-2xn .price-info .current-price,
.kj-best-view-goods .product-list-module .price-info .current-price {
	padding-top: 0;
}

.product-list-module.type-2xn .product-info,
.kj-best-view-goods .product-list-module .product-info {
	gap: 8px;
}

.product-list-module.type-2xn .extra-info,
.kj-best-view-goods .product-list-module .extra-info {
	justify-content: center;
	flex-direction: column;

	gap: 8px;
}

.product-list-module.type-2xn .img,
.product-list-module.type-3xn .img,
.kj-best-view-goods .product-list-module .img {
	height: 0;
	padding-bottom: 100%;
}

.product-list-module.type-2xn .img img,
.product-list-module.type-3xn .img img,
.kj-best-view-goods .product-list-module .img img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;

	object-fit: cover;
}

.kj-best-view-goods .product-list-module {
	display: block;

	grid-template-columns: none;
}

.kj-best-view-goods .product-list-module .product-item {
	width: 140px;
}

.kj-best-view-goods .product-list-module .kj-swiper-type-banner .swiper-container {
	overflow: visible;
}

.kj-best-view-goods .product-list-module .swiper-slide {
	width: auto;
}

/*.kj-best-view-goods .product-list-module.type-2xn .img{position:relative;width:140px;height:140px;padding-bottom:0;}
*/
.product-list-module.type-3xn {
	grid-template-columns: repeat(3, calc((100% - 14px) / 3));
	gap: 16px 7px;
}

.product-list-module.type-3xn .dim-message span {
	padding: 0 10px;
	font-size: 14px;
	word-break: keep-all;
	line-height: 24px;
}

.product-list-module.type-3xn .product-info {
	gap: 8px;
}

.product-list-module.type-3xn .price-info {
	flex-wrap: wrap;

	gap: 0 4px;
}

.product-list-module.type-3xn .current-price {
	align-self: center;
	padding-top: 0;
}

.product-list-module.type-3xn .extra-info {
	flex-direction: column;

	gap: 8px;
}

.product-list-module.type-s3 {
	grid-template-columns: 1fr;
	gap: 16px 0;
}

.product-list-module.type-s3 .dim-message span {
	padding: 0 10px;
	font-size: 14px;
	word-break: keep-all;
	line-height: 24px;
}

.product-list-module.type-s3 .product-item {
	flex-direction: row;
}

.product-list-module.type-s3 .product-thumb {
	width: 96px;
	height: 96px;
}

.product-list-module.type-s3 .product-info {
	flex: 1;

	gap: 4px;
}

.product-list-module.type-s3 .product-title {
	-webkit-line-clamp: 1;
}

.product-list-module.type-b3 {
	grid-template-columns: 1fr;
	gap: 0;
}

.product-list-module.type-b3 .product-thumb {
	height: 134px;
	border-radius: 6px;
}

.product-list-module.type-b3 .product-thumb .badge-area {
	display: flex;
}

.product-list-module.type-b3 .product-thumb .img {
	height: 100%;
}

.product-list-module.type-b3 .product-thumb img {
	width: 100%;
	height: 100%;

	object-fit: cover;
	object-position: center;
}

.product-list-module.type-b3 .badge-area {
	position: absolute;
	top: 8px;
	left: 8px;
	z-index: 1;
}

.product-list-module.type-b3 .kj-badge-best {
	top: 8px;
	right: 8px;
}

.product-list-module.type-b3 .kj-badge-best {
	justify-content: center;
	flex-direction: column;
	width: 44px;
	height: 44px;
	border-radius: 50px !important;
	font-size: 11px;
	font-weight: 500;
	line-height: 16px;
}

.product-list-module.type-b3 .timer {
	bottom: 8px;
	left: 50%;
	z-index: 1;
	width: auto;
	padding: 4px 12px;
	border-radius: 30px;
	line-height: 20px;
	transform: translateX(-50%);
}

.product-list-module.type-b3 .product-info {
	overflow: hidden;
	flex-direction: row;
	flex-wrap: wrap;
	padding-bottom: 20px;
	border-radius: 0 0 6px 6px;
}

.product-list-module.type-b3 .product-info .basic-info {
	width: 100%;
}

.product-list-module.type-b3 .delivery-message {
	width: 100%;
}

.product-list-module.type-b3 .extra-info {
	margin-left: auto;
}

.product-list-module.type-b3 .extra-info .badge-area {
	display: none;
}

/* 배너모듈 */
.kj-banner-wrap {
	position: relative;
	padding: 0 20px;
}

.kj-banner-wrap .kj-banner-header {
	position: relative;

	/* z-index:10;*/
	margin-bottom: 16px;
}

.kj-banner-wrap .kj-banner-header .kj-title .kj-tooltip-wrap {
	display: inline-block;
	position: relative;
	top: -1px;
	vertical-align: middle;
}

.kj-banner-wrap .kj-banner-header .kj-right a:only-child {
	font-size: 13px;
}

.kj-banner-header .title-icon {
	display: flex;
	align-items: center;
	align-self: flex-start;
	width: 24px;
	height: 28px;
	max-height: 28px;
	margin-right: 4px;
	line-height: 1;
}

.kj-banner-header .title-icon img {
	width: 100%;

	object-fit: contain;
}

.kj-banner-header .title-icon+.kj-title {
	margin-left: -30px;
}

.kj-banner-header .title-icon+.kj-title {
	padding-right: 8px;
	text-indent: 28px;
}

.kj-banner-header .title-icon+.kj-title * {
	text-indent: 0;
}

.kj-banner-header .toggle-btn {
	display: flex;
	flex-direction: row;
	flex-shrink: 0;
	padding: 3px;
	border-radius: 6px;
	background: #f1f5f8;

	gap: 1px;
}

.kj-banner-header .toggle-btn button {
	min-width: 54px;
	padding: 5px 8px;
	border-radius: 5px;
	color: var(--kj-6e7780);
	font-size: 11px;
	font-weight: 400;
	line-height: 16px;
}

.kj-banner-header .toggle-btn button.active {
	color: var(--kj-0565f0);
	font-weight: 500;
	background: var(--kj-ffffff);
	box-shadow: 0 1px 1px 0 rgba(33, 37, 41, .02), 0 1px 6px 0 rgba(33, 37, 41, .04) !important;
}

.kj-teaching-bubble {
	display: inline-flex;
	position: absolute;

	/*top:-24px;*/
	left: 0;
	z-index: 10;
	z-index: 12;
	align-items: center;
	padding: 4px 38px 4px 16px;
	border-radius: 14px;
	color: var(--kj-ffffff);
	font-size: 12px;
	font-weight: 500;
	letter-spacing: -.1px;
	line-height: 20px;
	background: var(--kj-1d2d47);
	transition: all .2s ease-in;
	transform: scale(0) translateY(-100%);
	transform-origin: 0 30%;

	gap: 12px;
}

.kj-teaching-bubble.show {
	transform: scale(1) translateY(-100%);
}

.kj-teaching-bubble.parent-no-pd {
	left: 20px;
	max-width: calc(100% - 40px);
}

.kj-teaching-bubble::before {
	content: "";
	display: block;
	position: absolute;
	bottom: -3px;
	left: 20px;
	width: 7px;
	height: 7px;
	background: var(--kj-1d2d47);
	transform: rotate(45deg);
}

.kj-teaching-bubble .bubble-close {
	overflow: hidden;
	position: absolute;
	top: 50%;
	right: 16px;
	width: 12px;
	height: 12px;
	text-indent: 100%;
	white-space: nowrap;
	background: url("../../images/icon/icon-20x20-close-white.png") 0 0 no-repeat;
	background-size: contain;
	transform: translateY(-50%);
}

.kj-banner-header:has(.title-icon) .kj-teaching-bubble {
	left: 28px;
}

.kj-banner-header .badge-area {
	display: inline-block;
	transform: translateY(-2px);
}

.kj-banner-header .badge-area .kj-badge {
	padding: 0 6px;
}

.kj-banner-header .kj-tooltip-wrap .kj-tooltip {
	display: flex;
	align-self: center;
	height: 26px;
}

.kj-banner-header .btn-more {
	display: flex;
	position: relative;
	align-items: center;
	flex-direction: row;
	flex-shrink: 0;
	margin-left: auto;
	color: var(--kj-6e7780);
	font-size: 13px;

	gap: 4px;
}

.kj-banner-header .btn-more:not(.text) {
	overflow: hidden;
	width: 16px;
	height: 28px;
	text-indent: 100%;
	white-space: nowrap;
}

.kj-banner-header .btn-more::after {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	background: url("../../images/icon/icon-16x16-arrow-right.png") 0 0 no-repeat;
	background-size: contain;
}

.kj-banner-header .btn-more:not(.text)::after {
	position: absolute;
	top: calc(50% - 8px);
	left: 0;
}

.kj-banner-wrap .banner-guide-text {
	display: -webkit-box;
	overflow: hidden;
	margin-top: 4px;
	color: #67748e;
	font-size: 14px;
	font-weight: 500;
	text-overflow: ellipsis;
	letter-spacing: -.1px;
	line-height: 24px;

	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

/* [class*="banner-module-"] */
[class*="banner-module-"] {
	position: relative;
}

[class*="banner-module-"]+[class*="banner-module-"] {
	margin-top: 36px;
}

[class*="banner-module-"] .swiper-container {
	overflow: hidden;
}

[class*="banner-module-"] .swiper-slide {
	width: 100%;
	padding: 0;
}

[class*="banner-module-"] .kj-fracion-controls {
	display: flex;
	position: absolute;
	top: 12px;
	right: 12px;
	z-index: 1;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	height: 24px;
	padding: 2px 5px;
	border-radius: 24px;
	color: var(--kj-ffffff);
	font-size: 11px;
	font-weight: 400;
	line-height: 24px;
	line-height: 16px;
	background: rgba(0, 0, 0, .4);
	opacity: 1;

	gap: 4px;
}

[class*="banner-module-"][data-autoplay="true"] .kj-fracion-controls {
	right: 41px;
	border-radius: 24px 0 0 24px;
}

[class*="banner-module-"] .kj-fracion-controls .total {
	opacity: .8;
}

[class*="banner-module-"] .kj-fracion-controls button {
	display: inline-flex;
	justify-content: center;
	background: transparent;
}

[class*="banner-module-"][data-autoplay="false"] .kj-fracion-controls button {
	display: flex;
	vertical-align: top;
	align-items: center;
	justify-content: center;
	width: 12px;
	height: 12px;
	font-size: 0;
	background-color: transparent;
}

[class*="banner-module-"][data-indigator="bullet"] .kj-autoplay-control {
	display: flex;
	align-items: center;
	width: 24px;
	height: 24px;
	border-radius: 0 24px 24px 0;
}

[class*="banner-module-"][data-indigator="fraction-controls-button"] .kj-autoplay-control {
	position: absolute;
	top: 12px;
	right: 12px;
	z-index: 1;
	width: 28px;
	padding-left: 4px;
	border-radius: 0 24px 24px 0;
	background: rgba(0, 0, 0, .4);
}

.kj-banner-wrap [class*="banner-module-"].single-swiper .kj-fracion-controls {
	display: none;
}

[class*="banner-module-"] .kj-fracion-controls+.swiper-control .kj-autoplay-control .kj-button {
	justify-content: flex-start;
	background: none;
}

[class*="banner-module-"] .kj-fracion-controls+.swiper-control .kj-autoplay-control .kj-button::before {
	width: 16px;
	height: 16px;
	background: url("../../images/sbRenew/icon-16x16-swiper-pause.png") 0 0 no-repeat;
	background-size: contain;
}

[class*="banner-module-"] .kj-fracion-controls+.swiper-control .kj-autoplay-control .kj-button.kj-active::before {
	background: url("../../images/sbRenew/icon-16x16-swiper-play.png") 0 0 no-repeat;
	background-size: contain;
}

[class*="banner-module-"][data-indigator="bullet"] .swiper-control {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	margin-top: 8px;

	gap: 16px;
}

[class*="banner-module-"] .swiper-control .kj-autoplay-control .kj-button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	border-radius: 30px;
	background: #eceff4;
}

[class*="banner-module-"] .swiper-control .kj-autoplay-control .kj-button::before {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	background: url("../../images/sbRenew/icon-16x16-swiper-pause-dark.png") 0 0 no-repeat;
	background-size: contain;
}

[class*="banner-module-"] .kj-autoplay-control .kj-button.kj-active::before {
	background: url("../../images/sbRenew/icon-16x16-swiper-play-dark.png") 0 0 no-repeat;
	background-size: contain;
}

[class*="banner-module-"] .swiper-control .swiper-pagination {
	justify-content: center;

	gap: 0;
}

[class*="banner-module-"] .swiper-pagination-bullet {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	background: transparent;
}

[class*="banner-module-"] .swiper-pagination-bullet::before {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 8px;
	background: rgba(33, 37, 41, .4);
	transition: all .4s;
	transform-origin: center;
}

[class*="banner-module-"] .swiper-pagination-bullet.swiper-pagination-bullet-active {
	width: 32px;
	height: 20px;
	background: transparent;
}

[class*="banner-module-"] .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
	content: "";
	display: block;
	width: 20px;
	height: 8px;
	border-radius: 8px;
	background: rgba(33, 37, 41, .9);
	transition: all .4s;
	transform-origin: center;
}

[class*="banner-module-"] .badge-area {
	display: flex;
	position: absolute;
	top: 12px;
	left: 12px;
	z-index: 1;
	flex-direction: row;

	gap: 4px;
}

[class*="banner-module-"] .banner-like {
	display: flex;
	position: absolute;
	top: 8px;
	right: 8px;
	z-index: 2;
	padding: 2px 6px;
	border-radius: 20px;
	background: rgba(255, 255, 255, .8);
}

[class*="banner-module-"] .banner-like span {
	display: flex;
	align-items: center;
	flex-direction: row;
	color: #000;
	font-size: 12px;
	font-weight: 500;
	line-height: 20px;

	gap: 2px;
}

[class*="banner-module-"] .banner-like span::before {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	background: url("../../images/sbRenew/ic_vsl_24_heart.png") 0 0 no-repeat;
	background-size: contain;
}

/* [class*="banner-module-"] */
.banner-module-a .item {
	display: block;
	overflow: hidden;
	border-radius: 6px;
}

.kj-banner-wrap.banner-full {
	padding: 0;
}

.kj-banner-wrap.banner-full .banner-module-a .item {
	border-radius: 0;
}

.kj-banner-wrap.banner-full .banner-module-a .banner-info {
	border-radius: 0;
}

.banner-module-a.single-swiper .swiper-control {
	display: none;
}

.banner-module-a .banner-info {
	display: flex;
	position: absolute;
	bottom: 0;
	left: 0;
	justify-content: flex-end;
	flex-direction: column;
	width: 100%;
	height: 100%;
	padding: 0 20px 16px;
	border-radius: 6px;
	color: var(--kj-ffffff);
	font-weight: 400;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 42.86%, rgba(0, 0, 0, .5) 80.51%);

	gap: 12px;
}

.banner-module-a .banner-info .title {
	font-size: 22px;
	line-height: 32px;
}

.banner-module-a .banner-info .text {
	font-size: 12px;
	line-height: 20px;
}

.banner-module-a .link-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 48px;
	margin-top: 4px;
	padding: 12px;
	border-radius: 6px;
	background: var(--kj-ffffff);
}

.banner-module-a .link-btn span {
	display: flex;
	align-items: center;
	flex-direction: row;
	color: var(--kj-212529);
	font-size: 14px;
	line-height: 24px;

	gap: 4px;
}

.banner-module-a .link-btn span::after {
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	background: url("../../images/sbRenew/icon-12x12-arrow-next.png") 0 0 no-repeat;
	background-size: cover;
}

.banner-module-a .img {
	display: block;
	overflow: hidden;
	position: relative;
	border-radius: 6px;
}

.banner-module-b {
	position: relative;
	margin: 0 -20px;
}

.banner-module-b .kj-teaching-bubble {
	left: 32px;
}

.banner-module-b.single-swiper .swiper-slide {
	width: calc(100% - 40px);
	margin-left: -12px;
}

.banner-module-b.single-swiper .kj-fracion-controls {
	display: none;
}

.banner-module-b.single-swiper .swiper-control {
	display: none;
}

.banner-module-b[data-autoplay="true"] .kj-fracion-controls {
	right: 74px;
}

.banner-module-b[data-indigator="fraction-controls-button"] .kj-autoplay-control {
	right: 45px;
}

.wayomarket-info {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	max-height: 100%;
	padding: 50px 20px 24px;
	/*color:var(--kj-ffffff);*/
}

.wayomarket-info .seller-name {
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
}

.wayomarket-info .selling-text {
	display: flex;
	flex-direction: column;
	margin-top: 12px;
	font-size: 24px;
	line-height: 32px;
}

.wayomarket-info .selling-text strong {
	font-family: var(--kj-fm-gothic);
	font-weight: 400;
	letter-spacing: -.44px;
}

.wayomarket-info .link-btn {
	padding: 8px 18px 8px 16px;
}

.wayomarket-thumb {
	position: relative;
	z-index: -1;
}

.wayomarket-thumb::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

div.kj-color-ffffff .wayomarket-thumb::before,
a.kj-color-ffffff .wayomarket-thumb::before {
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 42.86%, rgba(0, 0, 0, .5) 80.51%);
}

.banner-module-d {
	display: flex;
	align-items: center;
	flex-direction: column;
}

.banner-module-d .kj-teaching-bubble {
	right: 0;
	left: unset;
}

.banner-module-d .kj-teaching-bubble::before {
	right: 14px;
	left: unset;
	background: #5351de;
}

.banner-module-d .item {
	display: flex;
	flex-direction: row;

	gap: 16px;
}

.banner-module-d .banner-thumb {
	overflow: hidden;
	width: 64px;
	height: 64px;
}

.banner-module-d .banner-thumb img {
	width: 100%;
	height: 100%;

	object-fit: cover;
}

.banner-module-d .banner-info {
	width: calc(100% - 64px);
}

.banner-module-d .banner-info .title {
	display: flex;
	align-items: center;
	flex-direction: row;
	color: var(--kj-212529);
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;

	gap: 8px;
}

.banner-module-d .banner-info .text {
	margin-top: 4px;
	color: #67748e;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: -.1px;
	line-height: 24px;
}

.banner-module-d .badge-area {
	position: static;
}

.banner-module-d .link-btn {
	display: inline-block;
	margin-top: 16px;
	padding: 4px 12px;
	border-radius: 4px;
	color: var(--kj-175ec7);
	font-size: 13px;
	font-weight: 700;
	background: var(--kj-e5f1ff);
}

.banner-module-d[data-indigator="bullet"] .kj-fracion-controls {
	position: static;
	margin: 8px 29px 0 0;
}

.banner-module-d[data-indigator="fraction-controls-button"] {
	padding-bottom: 32px;
}

.banner-module-d[data-indigator="fraction-controls-button"] .kj-fracion-controls {
	top: unset;
	right: calc(50% - 19px);
	bottom: 0;
}

.banner-module-d[data-indigator="fraction-controls-button"][data-autoplay="false"] .kj-fracion-controls {
	right: 50%;
	transform: translateX(50%);
}

.banner-module-d[data-indigator="fraction-controls-button"] .kj-autoplay-control {
	top: unset;
	right: calc(50% - 48px);
	bottom: 0;
}

.banner-module-e .swiper-slide {
	width: calc(50% - 18px);
}

.banner-module-e .banner-thumb {
	overflow: hidden;
	border-radius: 6px;
}

.banner-module-e .banner-thumb img {
	width: 100%;

	object-fit: contain;
}

.banner-module-e .banner-info {
	display: flex;
	flex-direction: column;
	margin-top: 8px;

	gap: 4px;
}

.banner-module-e .banner-info .title {
	color: var(--kj-212529);
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
}

.banner-module-e .banner-info .text {
	color: var(--kj-6e7780);
	font-size: 13px;
	font-weight: 400;
	line-height: 20px;
}

.banner-outline {
	padding: 32px 0 24px;
	border: solid 1px var(--kj-e1e3e5);
	border-radius: 6px;
	background: var(--kj-ffffff);
	box-shadow: 0 6px 10px 0 rgba(33, 37, 41, .02), 0 1px 16px 0 rgba(33, 37, 41, .04);
}

.banner-outline .kj-banner-header {
	padding: 0 20px;
}

.banner-outline .kj-teaching-bubble {
	left: 20px;
}

.banner-outline .swiper-wrapper {
	padding: 0 20px;
}

.banner-module-f {
	margin: 0 -20px;
}

.banner-module-f .swiper-container {
	padding: 0 20px;
}

.banner-module-f .swiper-slide {
	overflow: hidden;
	position: relative;
	width: 140px;
	min-height: 176px;
	border-radius: 6px;
	box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .05);
}

.banner-module-f .swiper-slide .item {
	display: block;
	height: 176px;
	background: var(--kj-ffffff);
}

.banner-module-f .banner-thumb {
	position: relative;
	z-index: 1;
}

.banner-module-f .banner-info {
	display: inline-flex;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	flex-direction: column;
	width: 100%;
	height: 100%;
	padding: 12px 16px 45px;
}

.banner-module-f .banner-info .title {
	color: var(--kj-ffffff);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: -.1px;
	line-height: 20px;
}

.banner-module-f .banner-info .text {
	margin-top: 28px;
	color: var(--kj-212529);
	font-size: 16px;
	letter-spacing: -.1px;
	line-height: 24px;
}

.banner-module-f .banner-info .deco {
	position: absolute;
	bottom: 16px;
	left: 16px;
	padding: 2px 12px;
	border-radius: 20px;
	color: var(--kj-175ec7);
	font-size: 12px;
	font-weight: 500;
	letter-spacing: -.1px;
	line-height: 20px;
	background: var(--kj-e5f1ff);
}

.banner-module-g .banner-list {
	display: flex;
	flex-direction: column;

	gap: 33px;
}

.banner-module-g .item {
	display: flex;
	position: relative;
	align-items: center;
	flex-direction: row;

	gap: 12px;
}

.banner-module-g .item::before {
	content: "";
	display: block;
	position: absolute;
	top: -16px;
	left: 0;
	width: 100%;
	height: 1px;
	background: rgba(33, 37, 41, .06);
}

.banner-module-g .item:first-of-type::before {
	display: none;
}

.banner-module-g .banner-like {
	right: unset;
	left: 41px;
}

.banner-module-g .banner-thumb {
	overflow: hidden;
	flex-shrink: 0;
	width: 107px;
	height: 107px;
	border-radius: 16px;
}

.banner-module-g .banner-thumb img {
	width: 100%;
	height: 100%;

	object-fit: cover;
}

.banner-module-g .banner-info {
	display: flex;
	flex-direction: column;

	gap: 8px;
}

.banner-module-g .title {
	color: var(--kj-212529);
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
}

.banner-module-g .text {
	color: var(--kj-6e7780);
	font-size: 14px;
	font-weight: 500;
	line-height: 24px;
}

.banner-module-h .banner-list {
	display: flex;
	flex-direction: column;

	gap: 33px;
}

.banner-module-h .item {
	display: flex;
	position: relative;
	align-items: center;
	flex-direction: row;

	gap: 12px;
}

.banner-module-h .item::before {
	content: "";
	display: block;
	position: absolute;
	top: -16px;
	left: 0;
	width: 100%;
	height: 1px;
	background: rgba(33, 37, 41, .06);
}

.banner-module-h .item:first-of-type::before {
	display: none;
}

.banner-module-h .banner-thumb {
	overflow: hidden;
	flex-shrink: 0;
	width: 107px;
	height: 107px;
	border-radius: 16px;
}

.banner-module-h .banner-thumb img {
	width: 100%;
	height: 100%;

	object-fit: cover;
}

.banner-module-h .banner-info {
	display: flex;
	flex-direction: column;

	gap: 8px;
}

.banner-module-h .title {
	color: var(--kj-212529);
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
}

.banner-module-h .text {
	color: var(--kj-6e7780);
	font-size: 14px;
	font-weight: 500;
	line-height: 24px;
}

.kj-banner-wrap.px0 .kj-banner-header {
	padding: 0 20px;
}

.kj-banner-wrap.px0 .banner-module-i .swiper-wrapper {
	padding: 0 20px;
}

.banner-module-i .swiper-slide {
	overflow: hidden;
	width: calc(100% - 64px);
	border: solid 1px var(--kj-e1e3e5);
	border-radius: 6px;
	box-shadow: 0 6px 10px 0 rgba(33, 37, 41, .02), 0 1px 16px 0 rgba(33, 37, 41, .04);
}

.banner-module-i .banner-title {
	position: relative;
}

.banner-module-i .item {
	display: block;
	position: relative;
}

.banner-module-i .timer {
	display: flex;
	position: absolute;
	bottom: 8px;
	left: 50%;
	z-index: 1;
	align-items: center;
	flex-direction: row;
	padding: 4px 12px;
	border-radius: 30px;
	color: var(--kj-ffffff);
	line-height: 20px;
	background: rgba(0, 0, 0, .64);
	transform: translateX(-50%);
}

.banner-module-i .timer::before {
	content: "";
	display: block;
	width: 24px;
	height: 24px;
	margin-right: 8px;
	background: url("../../images/sbRenew/icon_timedeal_clock.png") 0 0 no-repeat;
	background-size: contain;
}

.banner-module-i .timer span {
	margin-right: 5px;
}

.banner-module-i .banner-title .img {
	width: 100%;

	object-fit: contain;
}

.banner-module-i .banner-list {
	padding: 20px 20px 24px;
}

.banner-module-i .list {
	display: flex;
	flex-direction: column;
}

.banner-module-i .list .item {
	display: flex;
	flex-direction: row;
	margin-top: 16px;
	padding-top: 17px;

	gap: 12px;
}

.banner-module-i .list .item::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: rgba(33, 37, 41, .06);
}

.banner-module-i .list .item:first-of-type {
	margin-top: 0;
	padding-top: 0;
}

.banner-module-i .list .item:first-of-type::before {
	display: none;
}

.banner-module-i .banner-thumb {
	overflow: hidden;
	flex-shrink: 0;
	width: 76px;
	height: 76px;
	border-radius: 6px;
}

.banner-module-i .banner-info {
	display: flex;
	flex-direction: column;
	width: calc(100% - 88px);
}

.banner-module-i .banner-info .title {
	color: var(--kj-212529);
	font-size: 14px;
	font-weight: 700;
	line-height: 24px;
}

.banner-module-i .banner-info .text {
	overflow: hidden;
	color: var(--kj-6e7780);
	font-size: 12px;
	font-weight: 400;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 20px;
}

.banner-module-i .other-area {
	display: flex;
	flex-direction: row;
	margin-top: 8px;
}

.banner-module-i .other-area .badge-area {
	position: static;
}

.banner-module-i .other-area .banner-like {
	position: static;
	margin-left: auto;
}

.banner-module-i .btn-more {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	width: 100%;
	margin-top: 20px;
	padding: 12px 16px;
	border: solid 1px var(--kj-e1e3e5);
	border-radius: 6px;
	color: var(--kj-6e7780);
	font-size: 14px;
	font-weight: 700;
	line-height: 24px;
	background: var(--kj-ffffff);

	gap: 4px;
}

.banner-module-i .btn-more::after {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	background: url("../../images/icon/icon-16x16-arrow-right.png") 0 0 no-repeat;
	background-size: contain;
}

/* 와요장터 - 브랜드 탭 */
.scroll-tabs-wrap.tab-brand {
	padding: 16px 0 20px;
	border-bottom: solid 8px var(--kj-f5f7fa);
}

/* 와요장터 - 기획전 탭 */
.module-item .special-event-title {
	position: relative;
}

.module-item .special-event-title .timer {
	display: flex;
	position: absolute;
	bottom: 8px;
	left: 50%;
	z-index: 1;
	align-items: center;
	flex-direction: row;
	padding: 4px 12px;
	border-radius: 30px;
	color: var(--kj-ffffff);
	line-height: 20px;
	background: rgba(0, 0, 0, .64);
	transform: translateX(-50%);
}

.module-item .special-event-title .timer::before {
	content: "";
	display: block;
	width: 24px;
	height: 24px;
	margin-right: 8px;
	background: url(../../images/sbRenew/icon_timedeal_clock.png) 0 0 no-repeat;
	background-size: contain;
}

.banner-module-b .kj-fracion-controls {
	right: 45px;
}

.banner-module-b .badge-area {
	display: flex;
	position: absolute;
	top: 16px;
	left: 16px;
	z-index: 1;
	flex-direction: row;

	gap: 4px;
}

.banner-module-b .swiper-slide:not(.swiper-slide-active)::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, .4);
}

.banner-module-b .swiper-slide {
	overflow: hidden;
	position: relative;
	width: calc(100% - 64px);
	border-radius: 6px;
}

/* 뱃지 공통 */
.kj-badge-best {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	border-radius: 0 6px 0 6px !important;
	color: var(--kj-ffffff);
	font-size: 11px;
	font-weight: 500;
	line-height: 16px;
	background: #5451e1;
}

.badge-area .kj-badge {
	padding: 2px 6px;
	border-radius: 20px;
	font-size: 12px;
	font-weight: 500;
	line-height: 20px;
}

.badge-area .kj-badge.kj-bg-adbg {
	border-radius: 6px;
	background-color: rgba(33, 37, 41, .50);
}

.badge-area .kj-badge.kj-bd-ad {
	border-radius: 6px;
}

.kj-badge.badge-exclusive-01 {
	color: #00715a !important;
	background: #e5fbf7 !important;
}

.kj-badge.badge-exclusive-02 {
	color: #005ce1 !important;
	background: #ecf4ff !important;
}

.kj-badge.badge-exclusive-03 {
	color: #d21400 !important;
	background: #ffedeb !important;
}

.kj-badge.badge-exclusive-04 {
	color: #057081 !important;
	background: #e6f7fa !important;
}

.kj-badge.badge-exclusive-05 {
	color: #956106 !important;
	background: rgba(255, 176, 36, .14) !important;
}

.kj-badge.badge-exclusive-06 {
	color: #791bff !important;
	background: #f0e6fe !important;
}

.kj-badge.badge-exclusive-07 {
	color: #1f4079 !important;
	background: #eaeff7 !important;
}

.kj-badge.badge-exclusive-08 {
	color: #c53e00 !important;
	background: #ffefe7 !important;
}

.kj-badge.badge-exclusive-09 {
	color: #d21400 !important;
	background: #ffedeb !important;
}

.kj-badge.badge-exclusive-10 {
	color: #515961 !important;
	background: #eceff4 !important;
}

.kj-badge.badge-exclusive-11 {
	display: flex;
	align-items: center;
	flex-direction: row;
	color: #ea695b;
	background: #fdf0ef;
}

.kj-badge.badge-exclusive-11::before {
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	background: url("../../images/sbRenew/icon_12X12_deal.png") 0 0 no-repeat;
	background-size: contain;
}

.kj-badge.badge-exclusive-12 {
	color: #515961 !important;
	background: #eceff4 !important;
}

.kj-badge.badge-exclusive-13 {
	color: #00715a !important;
	background: #ddf8f2 !important;
}

.kj-badge.badge-exclusive-14 {
	color: #791bff !important;
	background: #f0e6fe !important;
}

.kj-badge.badge-exclusive-15 {
	color: #d21400 !important;
	background: #fce7e5 !important;
}

.kj-badge.badge-exclusive-16 {
	color: #1f4079 !important;
	background: #eaeff7 !important;
}

[class*="badge-select-"] {
	border-radius: 6px !important;
}

.kj-bg-ddf8f2 {
	background: #ddf8f2 !important;
}

.kj-bg-fdf0ef {
	background: #fdf0ef !important;
}

.kj-bg-f2f5f7 {
	background: var(--kj-f2f5f7) !important;
}

.kj-color-ea695b {
	color: #ea695b !important;
}

/*********** 개인 스마트뱅킹 - 비즈모델2차 ***********/
.transparent-view header {
	background: transparent;
}

.finance-mall.kj-tab-first header {
	background: var(--kj-f5f7fa);
}

.finance-mall .tab_menu_box {
	padding: 8px 0 12px 0;
}

.transparent-view header h1.on {
	box-shadow: unset;
}

.transparent-view #container {
	padding-top: 0;
}

.full-swiper {
	overflow: hidden;
	margin: 0 -20px;
}

.full-swiper .module-item {
	margin: 0;
}

.full-swiper-thumb {
	position: absolute;
	top: 60px;
	right: 0;
	left: 20px;
	z-index: 10;
}

.full-swiper-thumb .swiper-slide {
	display: flex;
	align-items: center;
	flex-direction: row;
	padding: 7px 16px;
	border-radius: 20px;
	color: var(--kj-6e7780);
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	background: #eceff4;
	cursor: pointer;

	gap: 4px;
}

.full-swiper-thumb .swiper-slide .icon {
	overflow: hidden;
	width: 20px;
	height: 20px;
	text-indent: 100%;
	white-space: nowrap;
	background: url("../../images/sbRenew/icon-gathered-view-off.png") 0 0 no-repeat;
	background-size: contain;
}

.full-swiper-thumb .swiper-slide.swiper-slide-thumb-active .icon {
	background: url("../../images/sbRenew/icon-gathered-view-on.png") 0 0 no-repeat;
	background-size: contain;
}

.full-swiper-thumb .swiper-slide.swiper-slide-thumb-active {
	color: var(--kj-ffffff);
	font-weight: 700;
	background: var(--kj-212529);
}

.full-swiper .swiper-slide.collect-tab {
	overflow: hidden;
	padding-top: 110px;
}

.full-swiper .swiper-slide.life-tab {
	overflow: hidden;
	padding-top: 122px;
}

.full-swiper .swiper-slide.benefit-tab {
	overflow: hidden;
	padding-top: 110px;
}

.full-swiper .kj-module-panel {
	padding-bottom: 60px;
}

.img-clone-swiper {
	position: relative;
}

.img-clone-swiper.img-swiper-01 .swiper-container {
	overflow: visible;
}

.img-clone-swiper.img-swiper-01 .item {
	display: block;
	overflow: hidden;
	max-width: calc(100vw - 40px);
	border-radius: 6px;
	box-shadow: 0 6px 12px 0 rgba(33, 37, 41, .1), 0 6px 12px 0 rgba(33, 37, 41, .06);
}

.img-clone-swiper.img-swiper-01 .item .banner-thumb {
	position: relative;
	z-index: -1;
}

.img-clone-swiper.img-swiper-01 .swiper-control .swiper-pagination {
	gap: 12px;
}

.kj-banner-wrap.banner-full {
	padding: 0;
}

.kj-banner-wrap.banner-full .img-clone-swiper.img-swiper-01 .item {
	border-radius: 0;
}

.kj-banner-wrap.banner-full .img-clone-swiper.img-swiper-01 .banner-info {
	border-radius: 0;
}

.img-clone-swiper.img-swiper-01 .swiper-slide {
	width: calc(100% - 40px);
}

.img-clone-swiper.img-swiper-01 .banner-info {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0 20px 16px;
}

.img-clone-swiper.img-swiper-01 .banner-info .title {
	font-size: 22px;
	line-height: 32px;
}

.img-clone-swiper.img-swiper-01 .banner-info .text {
	font-size: 12px;
	line-height: 20px;
}

.img-clone-swiper.img-swiper-01 .link-btn span::after {
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	background: url("../../images/sbRenew/icon-12x12-arrow-next.png") 0 0 no-repeat;
	background-size: cover;
}

.img-clone-swiper.img-swiper-01 .img {
	display: block;
	overflow: hidden;
	position: relative;
	border-radius: 6px;
}

.img-swiper-02-wrap {
	position: relative;
}

.img-swiper-02-wrap .img-swiper-02 .swiper-wrapper {
	align-items: stretch;
}

.img-swiper-02-wrap .img-swiper-02~.img-swiper-02 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.img-swiper-02-wrap .img-swiper-02 {
	transition: all .6s ease;
	transition-delay: .3;
	opacity: 0;
}

.img-swiper-02-wrap .img-swiper-02.kj-sw-active {
	transition-delay: 0;
	opacity: 1;
}

.img-clone-swiper.img-swiper-02 .swiper-slide {
	display: flex;
	width: 140px;
}

.img-clone-swiper.img-swiper-02 .banner-thumb {
	overflow: hidden;
	border-radius: 6px;
}

.img-clone-swiper.img-swiper-02 .banner-thumb img {
	width: 100%;
	height: 100%;

	object-fit: cover;
}

.img-clone-swiper.img-swiper-02 .banner-info {
	display: flex;
	flex-direction: column;
	margin-top: 8px;

	gap: 4px;
}

.img-clone-swiper.img-swiper-02 .banner-info .title {
	max-height: 56px;
	color: var(--kj-212529);
	font-size: 18px;
	font-weight: 700;
	line-height: 28px;
}

.img-clone-swiper.img-swiper-02 .banner-info .text {
	color: var(--kj-6e7780);
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
}

.img-clone-swiper.img-swiper-02 .kj-fracion-controls {
	display: flex;
	position: absolute;
	right: 50%;
	bottom: -40px;
	z-index: 1;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	height: 24px;
	padding: 2px 5px;
	border-radius: 24px;
	color: var(--kj-ffffff);
	font-size: 11px;
	font-weight: 400;
	line-height: 24px;
	line-height: 16px;
	background: rgba(0, 0, 0, .4);
	transform: translateX(50%);
	opacity: 1;

	gap: 4px;
}

.img-clone-swiper .clone-img {
	position: absolute;
	top: -110px;
	left: 0;
	width: 100%;
	height: 100%;
	transition: opacity .8s ease;
	transition-delay: 2.2s;
	opacity: var(--op-value, 0);
}

.img-clone-swiper .clone-img .kj-bg-item {
	display: flex;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

.img-clone-swiper .clone-img .kj-bg-item lottie-player,
.img-clone-swiper .clone-img .kj-bg-item img {
	transform: scale(2);
	filter: blur(21px);
}

.img-clone-swiper .clone-img .kj-bg-item lottie-player {
	transform: scale(2);
}

.img-clone-swiper .clone-img::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

	backdrop-filter: blur(70px);
}

.img-clone-swiper .clone-img img {
	width: 100%;
	height: 100%;

	object-fit: cover;
}

.img-clone-swiper .badge-area {
	display: flex;
	position: absolute;
	top: 12px;
	left: 12px;
	z-index: 1;
	flex-direction: row;

	gap: 4px;
}

.img-clone-swiper .banner-like {
	display: flex;
	position: absolute;
	top: 12px;
	right: 12px;
	z-index: 2;
	padding: 2px 6px;
	border-radius: 20px;
	background: rgba(255, 255, 255, .8);
}

.img-clone-swiper .banner-like span {
	display: flex;
	align-items: center;
	flex-direction: row;
	color: #000;
	font-size: 12px;
	font-weight: 500;
	line-height: 20px;

	gap: 2px;
}

.img-clone-swiper .banner-like span::before {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	background: url("../../images/sbRenew/ic_vsl_24_heart.png") 0 0 no-repeat;
	background-size: contain;
}

.module-item {
	margin: 0 -20px;
}

.kj-module-panel .module-item.lifestyle-content {
	padding: 32px 0 56px;
}

.lifestyle-content .kj-module-title-18 .kj-title {
	color: var(--kj-ffffff);
}

.lifestyle-content .kj-banner-wrap .kj-banner-header {
	z-index: 1;
	margin-bottom: 12px;
}

.lifestyle-content .kj-banner-header .btn-more {
	color: var(--kj-ffffff);
}

.lifestyle-content .kj-banner-header .btn-more::after {
	background: url("../../images/sbRenew/right_arrow_w.png") 0 0 no-repeat;
	background-size: contain;
}

.lifestyle-content .scroll-tabs-wrap {
	position: relative;
	z-index: 10;
}

.lifestyle-content .scroll-tab a p {
	color: var(--kj-ffffff);
}

.lifestyle-content .img-clone-swiper .swiper-container {
	padding: 0 20px;
}

.lifestyle-content .img-clone-swiper .swiper-slide {
	width: 70%;
}

.lifestyle-content .img-clone-swiper .item {
	display: flex;
	flex-direction: column;
	width: 100%;
	padding: 24px 20px 20px;
	border-radius: 6px;
	background: var(--kj-ffffff);

	gap: 20px;
}

.img-swiper-02-wrap .img-swiper-02 .swiper-wrapper .item {
	justify-content: space-between;
	box-shadow: var(--kj-shadow-01);
}

.lifestyle-content .banner-info .text {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.lifestyle-content .banner-info .title {
	display: -webkit-box;
	overflow: hidden;
	color: #222;
	font-size: 18px;
	font-weight: 700;
	text-overflow: ellipsis;
	letter-spacing: -.2px;
	line-height: 28px;

	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.lifestyle-content .banner-thumb {
	position: relative;
}

.lifestyle-content .kj-tab-list .kj-scroll-deem {
	display: none !important;
}

.lifestyle-content .img-clone-swiper .clone-img {
	overflow: hidden;
	top: -182px;
	height: calc(100% + 238px);
}

.lifestyle-content .kj-fracion-controls {
	top: unset;
	right: 50%;
	bottom: 0;
	transform: translateX(50%);
}

.my-coupon-box {
	display: flex;
	flex-direction: row;
	padding: 16px;
	border: solid 1px var(--kj-e1e3e5);
	border-radius: 6px;
	box-shadow: 0 6px 10px 0 rgba(33, 37, 41, .02), 0 1px 16px 0 rgba(33, 37, 41, .04);

	gap: 12px;
}

.my-coupon-box .item {
	width: calc(100% / 3);
	text-align: center;
}

.my-coupon-box .screen {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	flex-direction: row;
	color: var(--kj-212529);
	font-size: 14px;
	font-weight: 500;
	letter-spacing: .09em;
	line-height: 22px;
}

.my-coupon-box .screen strong {
	font-size: 22px;
	font-weight: 700;
	line-height: 26px;
}

.my-coupon-box .screen strong.zero {
	color: #a9b0b8;
}

.my-coupon-box p {
	margin-top: 12px;
	color: #515961;
	font-size: 14px;
	line-height: 24px;
}

.kj-health-walk {
	padding: 20px 24px;
	border: solid 1px var(--kj-e1e3e5);
	border-radius: 6px;
	background: var(--kj-ffffff);
	box-shadow: 0 6px 10px 0 rgba(33, 37, 41, .02), 0 1px 16px 0 rgba(33, 37, 41, .04);
}

.kj-health-walk .btn-link {
	display: flex;
	align-items: center;
	flex-direction: row;
	color: #515961;
	font-size: 18px;
	line-height: 28px;
}

.kj-health-walk .btn-link::after {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	margin-left: 4px;
	background: url("../../images/icon/icon-16x16-arrow-right.png") 0 0 no-repeat;
	background-size: contain;
}

.kj-health-walk .btn-link strong {
	margin-left: 8px;
	color: var(--kj-212529);
	font-size: 24px;
	font-weight: 700;
	line-height: 36px;
}

.kj-health-walk .btn-link strong.zreo {
	color: #a9b0b8;
}

.kj-health-walk .box {
	position: relative;
	margin-top: 4px;
	padding-top: 62px;
}

.kj-health-walk .box::after {
	content: "";
	display: block;
	position: absolute;
	top: 44px;
	right: 12px;
	width: 14px;
	height: 18px;
	background: url("../../images/sbRenew/icon_health_walk_flag.png") 0 0 no-repeat;
	background-size: contain;
}

.kj-health-walk.kj-type-start .walk-img {
	position: static;
	position: relative;
	width: 42px;
	transform: rotateY(180deg);
}

.kj-health-walk.kj-type-start .walk-img::after {
	content: "";
	position: absolute;
	top: 53px;
	left: 9px;
	width: 26px;
	height: 4px;
	border-radius: 50%;
	background: #555;
	filter: blur(5px);
}

.kj-health-walk .walk-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 66px;
	height: 62px;
	transition: left 1000ms ease-in-out;
}

.kj-health-walk .walk-img img {
	width: 44px;
	height: 100%;

	/*transform:scaleX(-1);*/

	object-fit: contain;
	object-position: right 0;
}

.kj-health-walk .progress-bar {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 12px;
	border-radius: 6px;
	background: linear-gradient(180deg, #cccfd3 0%, var(--kj-e1e3e5) 100%);
}

.kj-health-walk .progress-bar .rate {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	max-width: 100%;
	height: 100%;
	border-radius: 6px;
	background: linear-gradient(180deg, #5899f4 0%, #257eff 95%);
	transition: width 1000ms ease-in-out;
}

.kj-health-walk .point {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
}

.produce-list-wrap .list-more {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	width: 100%;
	margin-top: 20px;
	padding: 12px 16px;
	border: solid 1px var(--kj-e1e3e5);
	border-radius: 6px;
	color: var(--kj-6e7780);
	font-size: 14px;
	font-weight: 700;
	line-height: 24px;
	background: var(--kj-ffffff);

	gap: 4px;
}

.produce-list-wrap .list-more::after {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	background: url("../../images/icon/icon-16x16-arrow-right.png") 0 0 no-repeat;
	background-size: contain;
}

.sbRenew.transparent-view .content_wrap .pd_wrap.ini2 {
	padding-bottom: 0 !important;
}

.sbRenew.finance-mall .content_wrap .pd_wrap.ini2 {
	padding-bottom: 96px !important;
}

.sbRenew.finance-mall.transparent-view #container {
	padding-top: 52px;
}

.sbRenew.finance-mall .tab_menu_box.width_cover {
	margin-right: -20px;
	margin-left: -20px;
}

.sbRenew.finance-mall .tab_menu_box.width_cover .tab_menu {
	padding-left: 20px;
}

.sbRenew.finance-mall.kj-tab-first .tab_menu_box.fade::before {
	background: linear-gradient(to right, transparent 10%, var(--kj-f0f6ff));
}

.finance-mall.kj-tab-first {
	min-height: 100vh;
	background: var(--kj-f5f7fa);
}

.finance-mall .tab_menu ul li {
	padding-right: 8px;
}

.finance-mall .tab_menu ul li a {
	padding: 7px 16px;
	border: 0;
	border-radius: 40px;
	color: var(--kj-6e7780);
	line-height: 24px;
	background: #eceff4;
}

.finance-mall .tab_menu_box.width_cover .tab_menu ul li:first-child {
	padding-left: 0;
}

.finance-mall .tab_menu ul li.on a {
	color: var(--kj-ffffff);
	font-weight: 700;
	background: var(--kj-212529);
}

.finance-mall .tab_menu_box::after {
	display: none;
}

.finance-mall-swiper .swiper-slide {
	width: 100%;
	padding: 0;
}

.finance-mall-swiper .swiper-slide .item {
	box-shadow: 0 6px 10px 0 rgba(33, 37, 41, .02), 0 1px 16px 0 rgba(33, 37, 41, .04);
}

.finance-mall-swiper .swiper-slide .item-inner {
	z-index: 1;
	min-height: 240px;
}

.finance-mall-swiper .swiper-slide .item-inner .is-padding {
	padding-right: 132px;
}

.finance-mall-swiper .swiper-slide.card-content .item-inner .is-padding {
	padding-right: 110px;
}

.finance-mall-swiper .swiper-slide .item-inner .bottom-tail {
	margin-top: auto;
}

.sbRenew .kj-swiper-ani-move-1 {
	transform: translateY(20px);
	opacity: 0;
}

.sbRenew .swiper-slide-active .kj-swiper-ani-move-1 {
	transition: 400ms all ease-in-out 200ms;
	transform: translateY(0);
	opacity: 1;
}

.sbRenew .kj-swiper-ani-move-2 {
	transform: translateY(20px);
	opacity: 0;
}

.sbRenew .swiper-slide-active .kj-swiper-ani-move-2 {
	transition: 400ms all ease-in-out 400ms;
	transform: translateY(0);
	opacity: 1;
}

.sbRenew .kj-swiper-ani-move-3 {
	transform: translateY(20px);
	opacity: 0;
}

.sbRenew .swiper-slide-active .kj-swiper-ani-move-3 {
	transition: 400ms all ease-in-out 600ms;
	transform: translateY(0);
	opacity: 1;
}

.sbRenew .kj-swiper-ani-move-4 {
	transform: translateY(20px);
	opacity: 0;
}

.sbRenew .swiper-slide-active .kj-swiper-ani-move-4 {
	transition: 400ms all ease-in-out 800ms;
	transform: translateY(0);
	opacity: 1;
}

.sbRenew .kj-swiper-ani-move-5 {
	transform: translateY(20px);
	opacity: 0;
}

.sbRenew .swiper-slide-active .kj-swiper-ani-move-5 {
	transition: 400ms all ease-in-out 1100ms;
	transform: translateY(0);
	opacity: 1;
}

.finance-mall-swiper .swiper-slide .img {
	display: flex;
	position: absolute;
	right: 24px;
	bottom: 20px;
	z-index: 0;
	justify-content: flex-end;
	width: 120px;
	height: 120px;
}

.finance-mall-swiper .swiper-slide.card-content .img {
	width: 98px;
	height: 98px;
}

.finance-mall-swiper .swiper-slide .img img,
.finance-mall-swiper .swiper-slide .img lottie-player {
	width: 100%;
	height: 100%;

	object-fit: contain;
	object-position: right bottom;
}

.finance-mall-swiper .swiper-control {
	display: none;
}

.finance-mall-swiper .swiper-control .swiper-pagination {
	justify-content: center;
	flex: unset;

	gap: 0;
}

.finance-mall-swiper .swiper-pagination-bullet {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	background: transparent;
}

.finance-mall-swiper .swiper-pagination-bullet::before {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 8px;
	background: rgba(33, 37, 41, .4);
	transition: all .4s;
	transform-origin: center;
}

.finance-mall-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
	width: 32px;
	height: 20px;
	background: transparent;
}

.finance-mall-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
	content: "";
	display: block;
	width: 20px;
	height: 8px;
	border-radius: 8px;
	background: rgba(33, 37, 41, .9);
	transition: all .4s;
	transform-origin: center;
}

.finance-mall-swiper.kj-swiper-custom-banner .kj-fracion-controls {
	display: flex;
	position: absolute;
	top: 12px;
	right: 12px;
	z-index: 1;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	height: 24px;
	padding: 2px 5px;
	border-radius: 24px;
	color: var(--kj-ffffff);
	font-size: 11px;
	font-weight: 400;
	line-height: 24px;
	line-height: 16px;
	background: rgba(0, 0, 0, .4);
	opacity: 1;

	gap: 4px;
}

.finance-mall-swiper.kj-swiper-custom-banner[data-autoplay="true"] .kj-fracion-controls {
	right: 41px;
	border-radius: 24px 0 0 24px;
}

.finance-mall-swiper.kj-swiper-custom-banner .kj-fracion-controls .total {
	opacity: .8;
}

.finance-mall-swiper.kj-swiper-custom-banner .kj-fracion-controls button {
	display: inline-flex;
	justify-content: center;
	background: transparent;
}

.finance-mall-swiper.kj-swiper-custom-banner[data-autoplay="false"] .kj-fracion-controls button {
	display: flex;
	vertical-align: top;
	align-items: center;
	justify-content: center;
	width: 12px;
	height: 12px;
	font-size: 0;
	background-color: transparent;
}

.finance-mall-swiper.kj-swiper-custom-banner[data-indigator="bullet"] .kj-autoplay-control {
	display: flex;
	align-items: center;
	width: 24px;
	height: 24px;
	border-radius: 0 24px 24px 0;
}

.finance-mall-swiper.kj-swiper-custom-banner[data-indigator="fraction-controls-button"] .kj-autoplay-control {
	position: absolute;
	top: 12px;
	right: 12px;
	z-index: 1;
	width: 28px;
	padding-left: 4px;
	border-radius: 0 24px 24px 0;
	background: rgba(0, 0, 0, .4);
}

.kj-finance-product-list {
	display: flex;
	flex-direction: column;
	padding: 12px 20px;
	border: solid 1px var(--kj-e1e3e5);
	border-radius: 6px;
	background: var(--kj-ffffff);
	box-shadow: 0 6px 10px 0 rgba(33, 37, 41, .02), 0 1px 16px 0 rgba(33, 37, 41, .04);

	gap: 1px;
}

.kj-finance-product-list .item {
	position: relative;
	padding: 12px 32px 12px 0;
}

.kj-finance-product-list .item::before {
	content: "";
	display: block;
	position: absolute;
	top: -1px;
	left: 0;
	width: 100%;
	height: 1px;
	background: var(--kj-f2f5f7);
}

.kj-finance-product-list .item i {
	content: "";
	display: block;
	position: absolute;
	top: calc(50% - 8px);
	right: 0;
}

.kj-finance-product-list .item:first-of-type::before {
	display: none;
}

.kj-finance-product-list .rankang-tag {
	position: relative;
	width: 56px;
	height: 56px;
	border-radius: 60px;
}

.kj-finace-message-box {
	padding: 24px 20px;
	border: solid 1px var(--kj-e1e3e5);
	background: var(--kj-ffffff);
	box-shadow: 0 6px 10px 0 rgba(33, 37, 41, .02), 0 1px 16px 0 rgba(33, 37, 41, .04);
}

.kj-finace-message-box .kj-img-wrap .kj-img {
	display: inline-block;
	width: var(--kj-w, auto);
}

.kj-finance-product-tab {
	position: relative;
}

.kj-finance-product-tab .kj-tab-type-button {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
	width: 117px;
	;
}

.kj-finance-product-tab .kj-tab-type-button.kj-multi-line {
	top: 15px;
}

.kj-finance-product-tab .kj-tab-type-button .kj-tab {
	height: 26px;
}

.kj-finance-product-list .rankang-tag p {
	position: absolute;
	top: -4px;
	left: -4px;
}

.kj-finance-product-list .rankang-tag .img {
	width: 44px;
	height: 44px;
}

.kj-finance-product-list .rankang-tag .img img {
	width: 100%;
	height: 100%;

	object-fit: contain;
	object-position: center;
}

.kj-finance-product-tab .kj-tab-panel-wrap {
	position: relative;
	z-index: 9;
}

.kj-finance-product-list .product-name span {
	gap: 6px;
}

.kj-finance-product-list .product-name em {
	gap: 6px;
}

.kj-finance-product-list .product-name em::after {
	content: "";
	display: block;
	width: 2px;
	height: 2px;
	border-radius: 2px;
	background: var(--kj-6e7780);
}

.kj-product-quick-link {
	display: grid;
	padding: 12px 8px;
	border: solid 1px var(--kj-e1e3e5);
	border-radius: 6px;
	background: var(--kj-ffffff);
	box-shadow: 0 6px 10px 0 rgba(33, 37, 41, .02), 0 1px 16px 0 rgba(33, 37, 41, .04);

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

.kj-product-quick-link .item {
	display: flex;
	align-items: center;
	flex-direction: column;

	gap: 4px;
}

.kj-product-quick-link .img {
	padding: 2px;
}

.kj-product-quick-link .img img {
	width: 44px;
	height: 44px;

	object-fit: contain;
}

/****** 골목대장 ******/
/* 피드 목록 */
.local-store-feed-list {
	padding: 24px 20px;

	gap: 16px 10px;
}

.local-store-feed-list li {
	width: calc(50% - 5px);
}

.local-store-feed-list a {
	display: block;
	overflow: hidden;
	position: relative;
}

.local-store-feed-list a .img {
	display: block;
	position: relative;
	height: 0;
	padding-bottom: 131%;
}

.local-store-feed-list a .img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

	object-fit: cover;
}

.local-store-feed-list .kj-badge-group {
	position: absolute;
	top: 8px;
	left: 8px;
	z-index: 1;
}

.local-store-feed-list .backdrop-blur {
	display: flex;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	align-items: center;
	width: 100%;
	min-height: 72px;
	padding: 12px;
	background: linear-gradient(0deg, rgba(33, 37, 41, .2)0%, rgba(33, 37, 41, .2) 100%), linear-gradient(180deg, rgba(59, 73, 130, .4)0%, rgba(39, 69, 193, 0)100%);

	backdrop-filter: blur(10px);
}

/* 피드 상세 */
.local-store-feed .feed-item::before {
	content: "";
	display: block;
	width: 100%;
	height: 8px;
	background: var(--kj-f5f7fa);
}

.local-store-feed .feed-item:first-of-type::before {
	display: none;
}

.local-store-feed .feed-header {
	padding: 12px 20px;
}

.local-store-feed .user-icon {
	overflow: hidden;
	width: 44px;
	height: 44px;
	border: solid 1px #e0e0e0;
	border-radius: 40px;
	background: var(--kj-ffffff);
}

.local-store-feed .user-icon img {
	width: 100%;
	height: 100%;

	object-fit: contain;
	object-position: center center;
}

.local-store-feed .user-info {
	line-height: 24px;
}

.local-store-feed .user-info .hash-tag {
	line-height: 20px;
}

.local-store-feed .kj-swiper .text-area {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: auto;
	padding: 20px;
	background: linear-gradient(0deg, rgba(33, 37, 41, .2) 0%, rgba(33, 37, 41, .2) 100%), linear-gradient(180deg, rgba(59, 73, 130, .4) 0%, rgba(39, 69, 193, 0)100%);

	backdrop-filter: blur(10px);
}

.local-store-feed .feed-interaction-area,
.kj-balance-play-vote .feed-interaction-area {
	position: relative;
	z-index: 10;
	margin-top: -6px;
	padding: 12px 16px 12px 12px;
	border-radius: 6px 6px 0 0;
	background: var(--kj-ffffff);
}

.local-store-feed .feed-text-area,
.kj-balance-play-vote .feed-text-area {
	padding: 12px 20px 36px;
}

.kj-balance-play-vote .feed-text-area {
	border-radius: 0 0 6px 6px;
	background: var(--kj-ffffff);
}

/* 공감하기 */
.empathize-results-list li {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 44px;
	padding: 10px 16px;
}

.empathize-results-list .progress-bar {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	height: 100%;
	background: #e6f1ff;
}

.empathize-results-list li:nth-of-type(1) .progress-bar {
	background: #b0ccf6;
}

.empathize-results-list li:nth-of-type(2) .progress-bar {
	background: #c2dcff;
}

/****** 배너모듈 수정본 ******/
/* custom-banner 공통 */
.kj-swiper-custom-banner {
	position: relative;
}

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

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

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

	gap: 4px;
}

.kj-swiper.kj-swiper-custom-banner.banner-type-i .kj-fracion-controls {
	right: 40px;
}

.kj-swiper-custom-banner[data-autoplay="true"] .kj-fracion-controls {
	right: 41px;
	border-radius: 24px 0 0 24px;
}

.kj-swiper-custom-banner .kj-fracion-controls .total {
	opacity: .8;
}

.kj-swiper-custom-banner .kj-fracion-controls button {
	display: inline-flex;
	justify-content: center;
	background: transparent;
}

.kj-swiper-custom-banner[data-autoplay="false"] .kj-fracion-controls button {
	display: flex;
	vertical-align: top;
	align-items: center;
	justify-content: center;
	width: 12px;
	height: 12px;
	font-size: 0;
	background-color: transparent;
}

.kj-swiper-custom-banner[data-indigator="bullet"] .kj-autoplay-control {
	display: flex;
	align-items: center;
	width: 24px;
	height: 24px;
	border-radius: 0 24px 24px 0;
}

.kj-swiper-custom-banner[data-indigator="fraction-controls-button"] .kj-autoplay-control {
	position: absolute;
	top: 12px;
	right: 12px;
	z-index: 1;
	width: 28px;
	padding-left: 4px;
	border-radius: 0 24px 24px 0;
	background: rgba(0, 0, 0, .4);
}

.kj-banner-wrap .kj-swiper-custom-banner.single-swiper .kj-fracion-controls {
	display: none;
}

.kj-swiper-custom-banner .kj-fracion-controls+.swiper-control .kj-autoplay-control .kj-button {
	justify-content: flex-start;
	background: none;
}

.kj-swiper-custom-banner .kj-fracion-controls+.swiper-control .kj-autoplay-control .kj-button::before {
	width: 16px;
	height: 16px;
	background: url("../../images/sbRenew/icon-16x16-swiper-pause.png") 0 0 no-repeat;
	background-size: contain;
}

.kj-swiper-custom-banner .kj-fracion-controls+.swiper-control .kj-autoplay-control .kj-button.kj-active::before {
	background: url("../../images/sbRenew/icon-16x16-swiper-play.png") 0 0 no-repeat;
	background-size: contain;
}

.kj-swiper-custom-banner[data-indigator="bullet"] .swiper-control {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;

	gap: 16px;
}

.kj-swiper-custom-banner[data-indigator="bullet"] .swiper-control:not(:empty) {
	margin-top: 8px;
}

.kj-swiper-custom-banner .swiper-control .kj-autoplay-control .kj-button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	border-radius: 30px;
	background: #eceff4;
}

.kj-swiper-custom-banner .swiper-control .kj-autoplay-control .kj-button::before {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	background: url("../../images/sbRenew/icon-16x16-swiper-pause-dark.png") 0 0 no-repeat;
	background-size: contain;
}

.kj-swiper-custom-banner .kj-autoplay-control .kj-button.kj-active::before {
	background: url("../../images/sbRenew/icon-16x16-swiper-play-dark.png") 0 0 no-repeat;
	background-size: contain;
}

.kj-swiper-custom-banner .swiper-control .swiper-pagination {
	justify-content: center;
	flex: unset;

	gap: 0;
}

.kj-swiper.kj-swiper-custom-banner .swiper-pagination-bullet {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	background: transparent;
}

.kj-swiper-custom-banner .swiper-pagination-bullet::before {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 8px;
	background: rgba(33, 37, 41, .4);
	transition: all .4s;
	transform-origin: center;
}

.kj-swiper.kj-swiper-custom-banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
	width: 32px;
	height: 20px;
	background: transparent;
}

.kj-swiper-custom-banner .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
	content: "";
	display: block;
	width: 20px;
	height: 8px;
	border-radius: 8px;
	background: rgba(33, 37, 41, .9);
	transition: all .4s;
	transform-origin: center;
}

.kj-swiper-custom-banner .badge-area {
	display: flex;
	position: absolute;
	top: 12px;
	left: 12px;
	z-index: 1;
	flex-direction: row;

	gap: 4px;
}

.kj-swiper-custom-banner .banner-like {
	position: absolute;
	top: 8px;
	right: 8px;
	z-index: 2;
	padding: 2px 6px;
	background: rgba(255, 255, 255, .8);
}

.kj-swiper-custom-banner .banner-info {
	z-index: 2;
}

/* custom-banner 공통 */
.kj-banner-wrap .banner-type-a .swiper-container {
	overflow: visible;
}

.banner-type-a .item {
	display: block;
	overflow: hidden;
	border-radius: 6px;
}

.kj-banner-wrap.banner-full {
	padding: 0;
}

.kj-banner-wrap.banner-full .banner-type-a .item {
	border-radius: 0;
}

.kj-banner-wrap.banner-full .banner-type-a .banner-info {
	border-radius: 0;
}

.banner-type-a .banner-info {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0 20px 16px;
}

.banner-type-a .banner-info:not(.kj-color-000000),
.img-swiper-01 .banner-info:not(.kj-color-212529) {
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 42.86%, rgba(0, 0, 0, .5) 80.51%);
}

.img-swiper-01 .banner-info.kj-color-212529 .link-btn img {
	filter: invert(1);
}

.banner-type-a .banner-info .title {
	font-size: 22px;
	line-height: 32px;
}

.banner-type-a .banner-info .text {
	font-size: 12px;
	line-height: 20px;
}

.banner-type-a .link-btn,
.img-swiper-01 .link-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 48px;
	margin-top: 4px;
	padding: 12px;
	border-radius: 6px;
	background: var(--kj-ffffff);
}

.banner-type-a .link-btn span,
.img-swiper-01 .link-btn span {
	display: flex;
	align-items: center;
	flex-direction: row;
	color: var(--kj-212529);
	font-size: 14px;
	line-height: 24px;

	gap: 4px;
}

.banner-type-a .link-btn span::after,
.img-swiper-01 .link-btn span::after {
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	background: url("../../images/sbRenew/icon-12x12-arrow-next.png") 0 0 no-repeat;
	background-size: cover;
}

.banner-type-a .img {
	display: block;
	overflow: hidden;
	position: relative;
	border-radius: 6px;
}

/* banner-b */
.swiper-coverflow {
	position: relative;
	margin: 0 -20px;
}

.swiper-coverflow .swiper-slide-active a {
	display: block;
	position: relative;
	z-index: 2;
}

.swiper-coverflow .swiper-slide-active .wayomarket-thumb a img {
	mix-blend-mode: screen;
}

.swiper-coverflow .kj-teaching-bubble {
	left: 32px;
}

.swiper-coverflow[data-autoplay="true"] .kj-fracion-controls {
	top: 12px;
	right: 74px;
}

.swiper-coverflow[data-indigator="fraction-controls-button"] .kj-autoplay-control {
	right: 45px;
}

.swiper-coverflow .kj-fracion-controls {
	right: 45px;
}

.swiper-coverflow .badge-area {
	display: flex;
	position: absolute;
	top: 16px;
	left: 16px;
	z-index: 1;
	flex-direction: row;

	gap: 4px;
}

.swiper-coverflow .swiper-slide .swiper-slide-shadow-left,
.swiper-coverflow .swiper-slide .swiper-slide-shadow-right {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, .8);
}

.swiper-coverflow .swiper-slide {
	overflow: hidden;
	position: relative;
	width: calc(100% - 64px);
	border-radius: 6px;
}

.banner-type-c .item {
	display: grid;
	align-items: center;
	width: 100%;
	padding: 12px 0;

	grid-template-columns: 64px auto;
}

.banner-type-c .item {
	grid-template-columns: 64px auto auto;
}

.banner-type-c .item.has-badge {
	grid-template-columns: 64px auto minmax(84px, auto);
}

.banner-type-c .item.has-badge .kj-badge-group {
	justify-content: flex-end;
}

.banner-type-c .banner-thumb {
	position: relative;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background: var(--kj-f5f7fa);
}

.banner-type-c .banner-thumb img {
	width: 100%;
	height: 100%;

	object-fit: cover;
}

.banner-type-c .banner-thumb img,
.banner-type-c .banner-thumb lottie-player {
	overflow: hidden;
	border-radius: 50%;
}

.banner-type-c .banner-info {
	margin-left: 16px;
}

.banner-type-c .banner-info .title {
	display: flex;
	align-items: center;
	flex-direction: row;
	color: var(--kj-212529);
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;

	gap: 8px;
}

.banner-type-c .badge-area {
	position: absolute;
	top: 16px;
	left: 1px;
	transform: translateY(-100%);
}

.banner-type-c .banner-info .text {
	color: #67748e;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: -.1px;
	line-height: 24px;
}

.banner-type-c .link-btn {
	margin-left: auto;
	margin-left: 12px;
	padding: 4px 12px;
	border-radius: 4px;
	color: var(--kj-175ec7);
	font-size: 13px;
	font-weight: 700;
	text-align: center;
	background: var(--kj-e5f1ff);
}

.banner-type-c[data-indigator="bullet"] .kj-fracion-controls {
	position: static;
	margin: 8px 29px 0 0;
}

.kj-banner-wrap .banner-type-c[data-indigator="fraction-controls-button"]:last-of-type {
	padding-bottom: 32px;
}

.banner-type-c[data-indigator="fraction-controls-button"] .kj-fracion-controls {
	top: unset;
	right: calc(50% - 19px);
	bottom: 0;
}

.banner-type-c[data-indigator="fraction-controls-button"][data-autoplay="false"] .kj-fracion-controls {
	right: 50%;
	transform: translateX(50%);
}

.banner-type-c[data-indigator="fraction-controls-button"] .kj-autoplay-control {
	top: unset;
	right: calc(50% - 48px);
	bottom: 0;
}

.kj-panel .banner-type-c.kj-type-down-list .item.has-badge {
	padding-top: 20px;
}

.kj-panel .banner-type-c.kj-type-down-list .item.has-badge:first-child {
	padding-top: 0;
}

.kj-panel .banner-type-c.kj-type-down-list .item.has-badge:last-child {
	padding-bottom: 0;
}

.kj-panel .banner-type-c.kj-type-down-list .item+.item {
	border-top: 1px solid var(--kj-f2f5f7);
}

/* banner-type-d */
.banner-type-d {
	display: flex;
	align-items: center;
	flex-direction: column;
}

.kj-swiper.banner-type-d .swiper-container {
	overflow: visible;
}

.banner-type-d .banner-thumb {
	overflow: hidden;
	align-self: center;
	width: 92px;
	height: 92px;
}

.banner-type-d .banner-thumb img {
	width: 100%;
	height: auto;

	object-fit: cover;
}

.banner-type-d .banner-info {
	width: calc(100% - 104px);
}

.banner-type-d .banner-info .title {
	display: flex;
	align-items: center;
	flex-direction: row;
	color: var(--kj-212529);
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;

	gap: 8px;
}

.banner-type-d .banner-info .text {
	margin-top: 4px;
	color: #67748e;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: -.1px;
	line-height: 24px;
}

.banner-type-d .badge-area {
	position: absolute;
	top: 8px;
	right: 8px;
	left: auto;
}

.banner-type-d .link-btn {
	display: inline-block;
	margin-top: 16px;
	padding: 4px 12px;
	border-radius: 4px;
	color: var(--kj-175ec7);
	font-size: 13px;
	font-weight: 700;
	background: var(--kj-e5f1ff);
}

.banner-type-d[data-indigator="bullet"] .kj-fracion-controls {
	position: static;
	margin: 8px 29px 0 0;
}

.banner-type-d[data-indigator="fraction-controls-button"] {
	padding-bottom: 32px;
}

.banner-type-d[data-indigator="fraction-controls-button"] .kj-fracion-controls {
	top: unset;
	right: calc(50% - 19px);
	bottom: 0;
}

.banner-type-d[data-indigator="fraction-controls-button"][data-autoplay="false"] .kj-fracion-controls {
	right: 50%;
	transform: translateX(50%);
}

.banner-type-d[data-indigator="fraction-controls-button"] .kj-autoplay-control {
	top: unset;
	right: calc(50% - 48px);
	bottom: 0;
}

.banner-type-d .banner-info .kj-badge-group {
	padding-top: 12px;
}

.kj-swiper.kj-none-hidden .swiper-container {
	overflow: visible !important;
}

/*banner-type-e*/
.banner-outline .banner-type-e .swiper-container {
	padding-right: 20px;
}

.banner-outline .banner-type-e .swiper-slide {
	width: auto;
}

.banner-outline .banner-type-e .swiper-slide .item {
	display: block;
	position: relative;
	width: 128px;
}

.banner-outline .banner-type-e .swiper-slide:last-child .item {
	width: 148px;
	padding-right: 20px;
}

.banner-outline .banner-type-e .swiper-slide:last-child .item .banner-like {
	right: calc(8px + 20px);
}

.banner-outline .banner-type-e .banner-thumb {
	width: 128px;

	aspect-ratio: 1/1;
}

.banner-type-e .swiper-slide {
	width: 140px;
}

.banner-type-e .banner-thumb {
	overflow: hidden;
	width: 140px;
	height: 128px;
	border-radius: 6px;
}

.banner-type-e .banner-thumb img {
	width: 100%;
	height: 100%;

	object-fit: cover;
}

.banner-type-e .item.kj-not-info-text .banner-thumb {
	height: auto;

	aspect-ratio: auto;
}

.banner-type-e .item.kj-not-info-text .banner-thumb img {
	height: auto;

	aspect-ratio: auto;
}

.banner-type-e .banner-info {
	display: flex;
	flex-direction: column;
	margin-top: 8px;

	gap: 4px;
}

.banner-type-e .banner-info .title {
	color: var(--kj-212529);
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
}

.banner-type-e .banner-info .text {
	color: var(--kj-6e7780);
	font-size: 13px;
	font-weight: 400;
	line-height: 20px;
}

/* banner-type-f */
.kj-swiper.banner-type-f .swiper-container {
	overflow: visible;
}

.banner-type-f .swiper-slide {
	overflow: hidden;
	position: relative;
	width: 140px;
	min-height: 176px;
	border-radius: 6px;
	box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .05);
}

.banner-type-f .swiper-slide .item {
	display: block;
	height: 176px;
	background: var(--kj-ffffff);
}

.banner-type-f .banner-thumb {
	position: relative;
	z-index: 1;
}

.banner-type-f .banner-info {
	display: inline-flex;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	flex-direction: column;
	width: 100%;
	height: 100%;
	padding: 12px 16px 45px;
}

.banner-type-f .banner-info .title {
	line-height: 20px;
}

.banner-type-f .banner-info .text {
	line-height: 24px;
}

.banner-type-f .banner-info .deco-badge {
	position: absolute;
	bottom: 16px;
	left: 16px;
}

/* banner-type-g */
.banner-type-g .banner-list {
	display: flex;
	flex-direction: column;

	gap: 25px;
}

.banner-type-g .item {
	display: flex;
	position: relative;
	align-items: center;
	flex-direction: row;

	gap: 12px;
}

.banner-type-g .item::before {
	content: "";
	display: block;
	position: absolute;
	top: -12px;
	left: 0;
	width: 100%;
	height: 1px;
	background: rgba(33, 37, 41, .06);
}

.banner-type-g .item:first-of-type::before {
	display: none;
}

.banner-type-g .banner-like {
	position: absolute;
	top: 8px;
	right: calc(100% - 92px);
	z-index: 2;
	padding: 2px 6px;
	background: rgba(255, 255, 255, .8);
}

.banner-type-g .banner-thumb {
	overflow: hidden;
	flex-shrink: 0;
	width: 96px;
	height: 96px;
	border-radius: 6px;
}

.banner-type-g .banner-thumb img {
	width: 100%;
	height: 100%;

	object-fit: cover;
}

/* banner-type-h */
.banner-type-h .banner-list {
	display: flex;
	flex-direction: column;

	gap: 33px;
}

.banner-type-h .item {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;

	gap: 12px;
}

.banner-type-h .item::before {
	content: "";
	display: block;
	position: absolute;
	top: -16px;
	left: 0;
	width: 100%;
	height: 1px;
	background: rgba(33, 37, 41, .06);
}

.banner-type-h .item:first-of-type::before {
	display: none;
}

.banner-type-h .banner-like {
	position: absolute;
	top: 8px;
	right: 8px;
	z-index: 2;
	padding: 2px 6px;
	background: rgba(255, 255, 255, .8);
}

.banner-type-h .banner-thumb {
	overflow: hidden;
	flex-shrink: 0;
	width: 96px;
	height: 96px;
	border-radius: 6px;
}

.banner-type-h .banner-thumb img {
	width: 100%;
	height: 100%;

	object-fit: cover;
}

/* banner-type-i */
.kj-banner-wrap.px0 .banner-type-i .swiper-wrapper {
	padding: 0 20px;
}

.kj-swiper.type-full-wide {
	margin: 0 calc(var(--sw-pd, 20px) * -1);
}

.kj-swiper.type-full-wide .swiper-container {
	padding: 0 var(--sw-pd, 20px);
}

.banner-type-i .swiper-slide {
	overflow: hidden;
	width: calc(100% - 64px);
	border: solid 1px var(--kj-e1e3e5);
	border-radius: 6px;
	box-shadow: 0 6px 10px 0 rgba(33, 37, 41, .02), 0 1px 16px 0 rgba(33, 37, 41, .04);
}

.banner-type-i .banner-title {
	position: relative;
}

.banner-type-i .item {
	display: block;
	position: relative;
}

.banner-type-i .timer {
	display: flex;
	position: absolute;
	bottom: 8px;
	left: 50%;
	z-index: 1;
	align-items: center;
	flex-direction: row;
	padding: 4px 12px;
	border-radius: 30px;
	color: var(--kj-ffffff);
	word-break: keep-all;
	white-space: nowrap;
	line-height: 20px;
	background: rgba(0, 0, 0, .64);
	transform: translateX(-50%);
}

.banner-type-i .timer span {
	max-width: 89px;
	margin-right: 5px;
	word-wrap: break-word;
}

.banner-type-i .banner-title .img {
	width: 100%;

	object-fit: contain;
}

.banner-type-i .banner-list {
	display: flex;
	position: relative;
	z-index: 2;
	justify-content: space-between;
	flex-direction: column;
	padding: 20px 20px 24px;
}

.banner-type-i .banner-list .list {
	min-height: 278px;
}

.banner-type-i .list {
	display: flex;
	flex-direction: column;
}

.banner-type-i .list .item {
	display: flex;
	flex-direction: row;
	margin-top: 12px;
	padding-top: 13px;

	gap: 12px;
}

.banner-type-i .list .item::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: rgba(33, 37, 41, .06);
}

.banner-type-i .list .item:first-of-type {
	margin-top: 0;
	padding-top: 0;
}

.banner-type-i .list .item:first-of-type::before {
	display: none;
}

.banner-type-i .banner-thumb {
	overflow: hidden;
	flex-shrink: 0;
	width: 76px;
	height: 76px;
	border-radius: 6px;
}

.banner-type-i .banner-thumb img {
	width: 100%;
	height: 100%;

	object-fit: cover;
}

.banner-type-i .banner-info {
	display: flex;
	flex-direction: column;
	width: calc(100% - 88px);
}

.banner-type-i .banner-info .title {
	color: var(--kj-212529);
	font-size: 14px;
	font-weight: 700;
	line-height: 24px;
}

.banner-type-i .banner-info .text {
	overflow: hidden;
	color: var(--kj-6e7780);
	font-size: 12px;
	font-weight: 400;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 20px;
}

.banner-type-i .other-area {
	display: flex;
	flex-direction: row;
	margin-top: 8px;
}

.banner-type-i .other-area .badge-area {
	position: static;
}

.banner-type-i .other-area .banner-like {
	position: static;
	margin-left: auto;
}

.banner-type-i .btn-more {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	width: 100%;
	margin-top: 20px;
	padding: 12px 16px;
	border: solid 1px var(--kj-e1e3e5);
	border-radius: 6px;
	color: var(--kj-6e7780);
	font-size: 14px;
	font-weight: 700;
	line-height: 24px;
	background: var(--kj-ffffff);

	gap: 4px;
}

.banner-type-i .btn-more::after {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	background: url("../../images/icon/icon-16x16-arrow-right.png") 0 0 no-repeat;
	background-size: contain;
}

.banner-type-i .kj-flex-column .kj-title-1 {
	padding-right: 68px;
}

.banner-type-i .kj-flex-column {
	position: relative;
}

.banner-type-i .kj-flex-column .banner-like {
	top: 0;
}

.empathize-check {
	gap: 16px 8px;
}

.empathize-check .kj-input-panel {
	flex: unset;
	padding: 4px 12px;
}

.lucky-card-event {
	background: url("../../images/sbRenew/lucky-card-event-bg.png") 0 0 no-repeat;
	background-size: cover;
}

.lucky-card-event .gradient-text {
	background: linear-gradient(90deg, var(--kj-0565f0) 0%, #2dd1a5 100%);
	background-clip: text;

	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.lucky-card-event .card-deaw {
	padding-top: 20px;

	gap: 7px;
}

.lucky-card-event .card-deaw .card-01 {
	animation: cardEvent01 1.4s ease-in-out 0s infinite;
}

.lucky-card-event .card-deaw .card-02 {
	animation: cardEvent01 1.4s ease-in-out .4s infinite;
}

.lucky-card-event .card-deaw .card-03 {
	animation: cardEvent01 1.4s ease-in-out .2s infinite;
}

@keyframes cardEvent01 {

	0%,
	100% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-20px);
	}
}

.kj-lucky-card-popup .kj-card-wrap {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

/* 아이콘 */
.kj-icon-24x24-like {
	background-image: url("../../images/icon/icon-24x24-like.png");
}

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

.kj-icon-32x32-feed-like {
	background: url("../../images/sbRenew/icon-32x32-feed-like.png");
}

.kj-icon-32x32-feed-like-active {
	position: relative;
	background: url("../../images/sbRenew/icon-32x32-feed-like-active.png");
}

.kj-icon-32x32-feed-like-active::after {
	content: "";
	display: block;
	position: absolute;
	top: -4px;
	right: -3px;
	width: 15px;
	height: 15px;
	background: url("../../images/sbRenew/icon-32x32-feed-like-active-checkon.png");
	background-size: contain;
	;
}

.kj-icon-32x32-feed-vote {
	background: url("../../images/sbRenew/icon-32x32-feed-vote.png");
}

.kj-icon-32x32-feed-vote-active {
	background: url("../../images/sbRenew/icon-32x32-feed-vote-active.png");
}

/*골목대장이벤트*/
.kj-module-title-22 {
	padding: 0 !important;
}

.kj-bottomsheet.kj-type-notice .kj-image {
	overflow: hidden;
	position: relative;
	height: 0;
	padding-bottom: 65.06%;
}

.kj-bottomsheet.kj-type-notice .kj-image img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 100%;
}

.kj-banner-gallery .swiper-container {
	border-radius: 17px;
}

.kj-banner-gallery .swiper-control {
	padding: 0 12px 0 6px;
}

.kj-banner-gallery .swiper-control .kj-autoplay-control {
	display: flex;
	align-items: center;
}

.kj-swiper-type-banner .swiper-pagination-bullet {
	width: 20px;
}

.kj-swiper-type-banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
	width: 28px;
}

.kj-banner-gallery .kj-swiper-type-banner .swiper-pagination-bullet::after {
	width: 8px;
	height: 8px;
	border-radius: 4px;
}

.kj-banner-gallery .kj-swiper-type-banner .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
	width: 16px;
	height: 8px;
	border-radius: 4px;
}

.kj-images-item {
	position: relative;
	max-width: 750px;
	margin: 0 auto;
}

.kj-billiard-text {
	font-weight: 400;
}

.kj-astro-text {
	position: relative;
	padding-left: 16px;
	color: var(--kj-6e7780);
}

.kj-astro-text::after {
	content: "*";
	position: absolute;
	top: 2px;
	left: 8px;
}

/*생활혜택 홈 코너*/
.kj-balance-result.life-benefit-home .kj-bg-e3f6f0 {
	background: #e3f6f0;
}

.kj-balance-result.life-benefit-home .kj-bg-e3e3f6 {
	background: #e3e3f6;
}

.kj-balance-result.life-benefit-home .kj-bg-f6e4e3 {
	background: #f6e4e3;
}

.kj-balance-result.life-benefit-home .kj-bg-e6f1ff {
	background: #e6f1ff;
}

.kj-balance-result.life-benefit-home .kj-bg-fff4d9 {
	background: var(--kj-ffffff)4d9;
}

.kj-balance-result.life-benefit-home {
	border-radius: 6px;
}

.kj-balance-result.life-benefit-home .kj-balance-button {
	border-top: 1px solid rgba(0, 0, 0, .05);
}

.kj-balance-result.life-benefit-home .kj-balance-button button {
	width: auto;
}

/*골목대장 이벤트 결과*/
.kj-balance-result .kj-balance-result-text {
	position: relative;
	padding-right: 110px;
}

.kj-balance-result .kj-balance-result-text .kj-icon-worry,
.kj-balance-result .kj-balance-result-text .kj-icon-like {
	position: absolute;
	top: 0;
	right: 0;
	width: 96px;
	height: 100px;
}

.kj-balance-items {
	position: relative;
	align-items: stretch;
}

.kj-balance-item {
	max-width: calc(50% - 6px);
	word-wrap: break-word;
}

.kj-balance-item a {
	display: block;
	overflow: hidden;
	height: 100%;
}

.kj-icon-pick {
	width: 12px;
}

.kj-balance-item .kj-item-top-gallery {
	position: relative;
	height: 0;
	padding-bottom: 100%;
}

.kj-balance-item .kj-item-top-gallery>img {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 100%;

	object-fit: cover;
}

.kj-balance-items .kj-icon-vs {
	position: absolute;
	top: 50%;
	right: -4px;
	z-index: 5;
	width: 50px;
	transform: translate(50%, -50%);
}

.kj-balance-result .kj-balance-vote-wrap {
	width: fit-content;
	margin: 0 auto;
	padding: 8px 16px;
	border-radius: 99px;
	color: var(--kj-212529);
	line-height: 3;
}

.kj-balance-result .kj-vote-item {
	display: flex;
	align-items: center;
}

.kj-balance-result .kj-balance-vote-wrap {
	background-color: rgba(33, 37, 41, .04);
}

.kj-balance-result .kj-vote-item i {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 4px;
}

.kj-balance-result.kj-type-before .kj-balance-item:not(.winner) a::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 3;
	border-radius: 6px;
	background-color: rgba(33, 37, 41, .5);
}

.kj-balance-item .kj-flag {
	position: absolute;
	top: 8px;
	left: 8px;
	z-index: 1;
	padding: 2px 6px;
	border-radius: 6px;
	font-weight: 500;
	white-space: nowrap;
	background: var(--kj-ffffff);
}

.kj-balance-reuslt-bottom-wrap * {
	box-sizing: border-box;
}

/* 퍼블에서 사용한 바텀팝업이 아니라 스타일 따로 처리 함.*/
div#PHOME_090000_03_V08 .popTitle {
	position: relative;
}

div#PHOME_090000_03_V08 .popTitle::after {
	content: "";
	position: absolute;
	right: 20px;
	bottom: 0;
	left: 20px;
	height: 1px;
	background: var(--kj-e1e3e5);
}

.kj-balance-reuslt-bottom-wrap .kj-container {
	overflow: hidden;
	position: relative;
}

.kj-balance-reuslt-bottom-wrap .kj-bg-lottie {
	position: absolute;
	top: -100px;
	right: 0;
	left: 0;
}

.kj-balance-reuslt-bottom-wrap .kj-balance-contents {
	position: relative;
	z-index: 1;
}

.kj-balance-graph-wrap {
	margin-top: 56px;
}

.kj-balance-graph-wrap .kj-balance-graph {
	position: relative;
	height: 24px;
	border-radius: 12px;
	background-color: var(--kj-e1e3e5);
}

.kj-balance-graph-wrap .kj-graph-bar {
	display: flex;
	position: absolute;
	top: 0;
	align-items: center;
	justify-content: center;
	height: 100%;
	border-radius: 12px;
	color: var(--kj-8c959f);
	font-weight: 500;
	background-color: var(--kj-e1e3e5);
	transition: width .1s ease;
}

.kj-balance-graph-wrap .kj-graph-bar.kj-type-blue {
	left: 0;
	width: var(--blue-value);
}

.kj-balance-graph-wrap .kj-graph-bar.kj-type-blue.kj-bg-0565f0,
.kj-balance-graph-wrap .kj-graph-bar.kj-type-red.kj-bg-e5493a {
	color: var(--kj-ffffff);
}

.kj-balance-graph-wrap .kj-has-fire .kj-graph-bar.kj-type-blue.kj-bg-0565f0::after {
	content: "";
	position: absolute;
	top: -12px;
	right: 0;
	z-index: 3;
	width: 38px;
	height: 38px;
	background: url("../../images/sbRenew/icon-vs.png") no-repeat 50% 50% / 100% auto;
	transform: translateX(50%);
}

.kj-balance-graph-wrap .kj-graph-bar.kj-type-red {
	right: 0;
	width: var(--red-value);
}

.kj-balance-graph-wrap .kj-graph-avartar {
	position: absolute;
	top: 0;
	transform: translateY(-100%);
}

.kj-balance-graph-wrap .kj-graph-avartar img {
	width: 40px;
	height: 40px;
	border: 2px solid var(--kj-5697f0);
	border-radius: 50%;

	object-fit: cover;
}

.kj-balance-graph-wrap .kj-graph-min-max {
	display: flex;
	justify-content: space-between;
}

.kj-balance-reuslt-bottom-wrap .kj-balance-item .kj-item-top-gallery {
	padding-bottom: 131.90%;
}

.kj-balance-reuslt-bottom-wrap .kj-balance-item a {
	overflow: hidden;
	position: relative;
}

.kj-balance-item.winner a:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 3;
	border: 3px solid var(--kj-5697f0);
	border-radius: 6px;
}

.kj-balance-item.winner:nth-child(even) a:after {
	border-color: #ea695b;
}

.kj-balance-item.winner::before {
	content: "";
	position: absolute;
	z-index: 4;
	width: 48px;
	height: 48px;
	background: url("../../images/sbRenew/ic_vsl__crown.png") no-repeat 50% 50% / 100% auto;
}

.kj-balance-item.winner:nth-child(odd)::before {
	top: -27px;
	right: -21px;
}

.kj-balance-item.winner:nth-child(even)::before {
	top: -27px;
	right: -19px;
}

.kj-balance-reuslt-bottom-wrap .kj-balance-item .kj-item-bottom-text {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 72px;
	border-radius: 0 0 6px 6px;
	background: rgba(0, 0, 0, .2);

	backdrop-filter: blur(10px);
}

/*골목대장 이벤트 투표하기*/
.kj-balance-play-vote {
	--kj-e6f1ff: #e6f1ff;
	--kj-fdecea: #fdecea;
}

.kj-balance-play-vote .bg-blue {
	background-color: var(--kj-e6f1ff);
}

.kj-balance-play-vote .bg-red {
	background-color: var(--kj-fdecea);
}

.kj-balance-play-vote .kj-contents-wrap {
	visibility: hidden;
	position: fixed;
	top: -9999em;
	left: 0;
	width: 100%;
	margin: 32px -20px 0;
}

.kj-balance-play-vote .kj-vote-label-group {
	display: flex;
	justify-content: space-between;

	gap: 12px;
}

.kj-balance-play-vote .kj-vote-label-group label {
	position: relative;
	flex: 1;
	max-width: 50%;
	padding: 20px 16px 16px;
	border-radius: 6px;
	word-wrap: break-word;
}

.kj-balance-play-vote .kj-vote-label-group label:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-width: 1px;
	border-style: solid;
	border-color: var(--kj-e1e3e5);
	border-radius: 6px;
}

.kj-balance-play-vote .kj-icon-vote-name {
	position: absolute;
	top: -22px;
	left: 50%;
	z-index: 1;
	width: 36px;
	transform: translateX(-50%);
}

.kj-balance-play-vote .kj-icon-vote-vs {
	position: absolute;
	top: 50%;
	right: -6px;
	z-index: 1;
	width: 38px;
	transform: translate(50%, -50%);
}

.kj-balance-play-vote #kj-vote-radio-1~.kj-vote-label-group .kj-balance-blue-label .kj-icon-vote-name img {
	filter: grayscale(1) brightness(2.2);
}

.kj-balance-play-vote #kj-vote-radio-2~.kj-vote-label-group .kj-balance-red-label .kj-icon-vote-name img {
	filter: grayscale(1) brightness(2);
}

.kj-balance-play-vote #kj-vote-radio-1:checked~.kj-vote-label-group .kj-balance-blue-label .kj-icon-vote-name img,
.kj-balance-play-vote #kj-vote-radio-2:checked~.kj-vote-label-group .kj-balance-red-label .kj-icon-vote-name img {
	filter: none;
}

.kj-balance-play-vote #kj-vote-radio-1:checked~.kj-vote-label-group .kj-balance-blue-label,
.kj-balance-play-vote #kj-vote-radio-2:checked~.kj-vote-label-group .kj-balance-red-label {
	color: var(--kj-212529);
	font-weight: 700;
}

.kj-balance-play-vote #kj-vote-radio-1:checked~.kj-vote-label-group .kj-balance-blue-label:after,
.kj-balance-play-vote #kj-vote-radio-2:checked~.kj-vote-label-group .kj-balance-red-label:after {
	height: calc(100% - 4px);
}

.kj-balance-play-vote #kj-vote-radio-1:checked~.kj-vote-label-group .kj-balance-blue-label:after {
	border-width: 3px;
	border-color: var(--kj-5697f0);
}

.kj-balance-play-vote #kj-vote-radio-2:checked~.kj-vote-label-group .kj-balance-red-label:after {
	border-width: 3px;
	border-color: #ea695b;
}

.kj-balance-play-vote #kj-vote-radio-1:checked~.kj-contents-wrap.kj-type-blue {
	visibility: visible;
	position: static;
	width: auto;
}

.kj-balance-play-vote #kj-vote-radio-2:checked~.kj-contents-wrap.kj-type-red {
	visibility: visible;
	position: static;
	width: auto;
}

.kj-balance-play-vote .kj-swiper .img-wrap {
	position: relative;
	height: 0;
	padding-bottom: 100%;
}

.kj-balance-play-vote .kj-vote-swiper-wrap {
	position: relative;
}

.kj-balance-play-vote .kj-badge {
	position: absolute;
	top: 12px;
	left: 12px;
	z-index: 2;
}

.kj-balance-play-vote .kj-swiper .img-wrap img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.kj-balance-play-vote .kj-vote-feed-wrap {
	margin-top: -56px;
}

.kj-onece-eye .kj-list-wrap {
	padding: 24px 20px;
}

.kj-onece-eye .kj-list .item {
	position: relative;
}

.kj-onece-eye .kj-list .item:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 20px;
	width: 16px;
	height: 16px;
	background: url(../../images/icon/icon-16x16-arrow-right.png) no-repeat 50% 50% / 100% auto;
	transform: translateY(-50%);
}

.kj-onece-eye .kj-list .item+.item {
	margin-top: 25px;
}

.kj-onece-eye .kj-list .item a {
	position: relative;
	min-height: 56px;
	padding-right: 30px;
}

.kj-onece-eye .kj-list .item .kj-icon-24-img {
	width: 56px;
	height: 56px;
	padding: 8px;
	border-radius: 50%;
	background-color: var(--kj-f5f7fa);
}

/* 골목대장 - 경품 확인 */
.kj-event-prize-result .kj-event-calendar-header {
	line-height: 1;
}

.kj-event-prize-result .kj-event-calendar-prev,
.kj-event-prize-result .kj-event-calendar-next {
	display: flex;
	justify-content: center;
	min-width: 80px;
}

.kj-event-prize-result .kj-btn-prev,
.kj-event-prize-result .kj-btn-next,
.kj-event-prize-result .kj-select-calendar-info {
	line-height: 1;
}

.kj-event-prize-result .kj-btn-prev,
.kj-event-prize-result .kj-btn-next {
	background: none;
}

.kj-event-prize-result .kj-btn-prev:after,
.kj-event-prize-result .kj-btn-next:after {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
}

.kj-event-prize-result .kj-btn-prev:after {
	border-right: 10px solid var(--kj-6e7780);
}

.kj-event-prize-result .kj-btn-next:after {
	border-left: 10px solid var(--kj-6e7780);
}

.kj-good-img-wrap {
	min-width: 80px;
}

.kj-prize-result-list .kj-image {
	position: relative;
	height: 0;
	padding-bottom: 100%;
}

.kj-prize-result-list .kj-image img {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}

/* 골목대장 - 경품 담첨 알럿 */
.kj-prize-alert-has-bg {
	overflow: hidden;
}

.kj-prize-alert-has-bg .btn_area {
	padding-top: 0 !important;
}

.kj-prize-alert-has-bg .pop_content {
	overflow: hidden !important;
	padding-bottom: 48px !important;
}

.kj-prize-alert-has-bg .kj-bg-wrap {
	display: flex;
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
	bottom: -48px;
	left: 0;
	z-index: 1;
	align-items: center;
	justify-content: center;
}

.kj-prize-alert-has-bg .kj-bg-item {
	max-width: 98%;
}

.kj-balance-play-vote .feed-text-area.kj-simple {
	padding-bottom: 60px;
}

.kj-balance-play-vote .feed-text-area.kj-simple,
.local-store-feed .feed-text-area.kj-simple {
	overflow: hidden;
	position: relative;
	max-height: 205px;
}

.local-store-feed .feed-text-area.kj-simple .kj-ellipsis-last-more~.kj-ellipsis-last-more,
.kj-balance-play-vote .feed-text-area.kj-simple .kj-ellipsis-last-more~.kj-ellipsis-last-more {
	visibility: hidden;
	opacity: 0;
}

.kj-balance-play-vote .feed-text-area.kj-simple .inner-text,
.local-store-feed .feed-text-area.kj-simple .inner-text {
	display: -webkit-box;
	overflow: hidden;
	max-height: 76px;
	text-overflow: ellipsis;

	line-clamp: 3;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.local-store-feed .feed-text-area.kj-simple .kj-more-btn,
.local-store-feed .feed-text-area.kj-simple .kj-simple-btn,
.kj-balance-play-vote .feed-text-area.kj-simple .kj-more-btn,
.kj-balance-play-vote .feed-text-area.kj-simple .kj-simple-btn {
	position: absolute;
	right: 20px;
	bottom: 16px;
}

.kj-balance-play-vote .feed-text-area.kj-simple .kj-more-btn {
	bottom: 28px;
}

.kj-balance-play-vote .feed-text-area.kj-simple .kj-more-btn,
.local-store-feed .feed-text-area.kj-simple .kj-more-btn {
	display: inline-block;
}

.kj-balance-play-vote .feed-text-area .kj-more-btn,
.local-store-feed .feed-text-area .kj-more-btn {
	display: none;
}

.kj-balance-play-vote .feed-text-area.kj-simple .kj-simple-btn,
.local-store-feed .feed-text-area.kj-simple .kj-simple-btn {
	display: none;
}

.local-store-feed .kj-gallery-wrap {
	position: relative;
	height: 0;
	padding-bottom: 100%;
}

.local-store-feed .kj-gallery-wrap img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

	object-fit: cover;
}

.lot svg {
	vertical-align: top;
}

.kj-greeting-vip {
	display: flex;
	align-items: center;
	justify-content: center;

	gap: 8px;
}

.kj-greeting-vip .kj-greeting-bubble {
	display: flex;
	position: relative;
	align-items: center;
	height: 28px;
	padding: 0 14px;
	border-radius: 6px;
	color: var(--kj-ffffff);
	background-color: var(--kj-greeting-vip-bg);
}

.kj-greeting-vip .kj-greeting-bubble::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 6px;
	height: 6px;
	background-color: var(--kj-greeting-vip-bg);
	transform: translate(-50%, -50%) rotate(45deg);
}

.kj-greeting-vip .kj-greeting-bubble::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	width: calc(100% + 4px);
	height: 28px;
	background-color: var(--kj-ffffff);
	transition: width .6s cubic-bezier(.4, 0, 1, 1);
}

.kj-greeting-vip.kj-active .kj-greeting-bubble::before {
	width: 0;
}

.kj-vip-club-visual {
	margin-top: 12px;
	padding: 32px 24px 28px;
	border: 1px solid var(--kj-e1e3e5);
	border-radius: 6px;
	background-color: var(--kj-ffffff);
	box-shadow: var(--kj-shadow-01);
}

.kj-vip-point-graph {
	display: flex;
	position: relative;
	justify-content: center;
	margin-top: 20px;
}

.kj-vip-point-graph .kj-absolute {
	top: 0;
	right: 0;
	bottom: 0;
	left: 50%;
	width: 160px;
	padding-top: 52px;
	text-align: center;
	transform: translateX(-50%);
}

.kj-bubble-anmiation {
	animation: bubbleBounce 2s infinite linear;
}

.kj-vip-point-graph .kj-bubble {
	margin-left: -80px;
	animation: bubbleBounce 2s infinite linear;
}

@keyframes bubbleBounce {
	0% {
		transform: translateY(0);
	}

	25% {
		transform: translateY(-2px);
	}

	50% {
		transform: translateY(0);
	}

	75% {
		transform: translateY(2px);
	}

	100% {
		transform: translateY(0);
	}
}

.kj-vip-point-grid {
	display: grid;
	margin-top: 32px;

	grid-template-columns: repeat(4, 1fr);
	gap: 20px 4px;
}

.kj-vip-point-grid .kj-round-point {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 28px;
	color: var(--kj-212529);
	font-size: 16px;
	background-color: var(--kj-ffffff);

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

.kj-vip-point-grid .kj-tooltip-wrap {
	width: 100%;
}

.kj-vip-point-grid .kj-tooltip-wrap .kj-tooltip {
	display: flex;
	justify-content: center;
	width: 100%;
}

/*S:코치마크 튜토리얼 추가*/
.kj-life-tutorial-lottie .kj-btn-group {
	display: flex;
	box-sizing: border-box;
	position: absolute;
	top: 32px;
	left: 50%;
	z-index: 10;
	justify-content: space-between;
	width: 100%;
	padding: 0 30px;
	transform: translateX(-50%);
}

.kj-life-tutorial-lottie .kj-btn-group .kj-btn-close img {
	filter: brightness(0) invert(1);
}

.kj-life-tutorial-lottie {
	overflow: hidden;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100vw;
	height: 100dvh;
	background: var(--kj-4d4d4d);
}

.kj-life-tutorial-lottie .kj-swiper-type-banner {
	height: 100dvh;
}

.kj-life-tutorial-lottie .kj-swiper-type-banner .swiper-control {
	position: absolute;
	bottom: 120px;
	left: 50%;
	z-index: 10;
	transform: translateX(-50%);
}

.kj-life-tutorial-lottie .kj-swiper-type-banner .swiper-control .swiper-pagination-bullet::after {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: var(--kj-828282);
}

.kj-life-tutorial-lottie .kj-swiper-type-banner .swiper-control .swiper-pagination-bullet.swiper-pagination-bullet-active {
	width: 22px;
}

.kj-life-tutorial-lottie .kj-swiper-type-banner .swiper-control .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
	width: 16px;
	border-radius: 4px;
	background-color: var(--kj-ffffff);
}

/*E:코치마크 튜토리얼 추가*/
#sheetSwiper .swiper-slide {
	padding: 0 0 90px;
}

#sheetSwiper .swiper-pagination.swiper-pagination-fraction {
	display: flex;
	position: fixed;
	bottom: 90px;
	left: 50%;
	z-index: 10;
	align-items: center;
	justify-content: center;
	width: 64px;
	height: 32px;
	border-radius: 16px;
	color: #515961;
	font-size: 13px;
	line-height: 20px;
	background: #eceff4;
	transform: translateX(-50%);
}

#sheetSwiper .swiper-pagination.swiper-pagination-fraction span {
	margin: 0 4px;
}

.kj-color-chip-wrap {
	display: grid;
	align-items: center;
	justify-content: center;

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

.kj-color-chip {
	position: relative;
	width: 60px;
	height: 60px;
	margin: 0 auto;
	border-width: 1px;
	border-style: solid;
	border-radius: 50%;
	background-color: transparent;

	aspect-ratio: 1;
}

.kj-color-chip.kj-active::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-repeat: no-repeat;
	background-position: left top;
	background-size: cover;
}

.kj-search-map {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: calc(100vh - 52px);
}

.kj-search-map .kj-map-area {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
}

.kj-search-map .kj-map-top {
	position: absolute;
	top: 24px;
	left: 20px;
	z-index: 2;
	width: calc(100% - 40px);
}

.kj-search-map .kj-map-button {
	display: flex;
	justify-content: space-between;
	width: 100%;
	height: 48px;
	padding: 12px 16px;
	border: 1px solid #e1e3e5;
	border-radius: 6px;
	background-color: #fff;

	gap: 12px;
}

#kj-map-category {
	margin-top: 20px;
}


#kj-map-category .kj-tab-list {
	padding-top: 0;
	padding-bottom: 0;
}

#kj-map-category .kj-tab-list>a {
	display: flex;
	align-items: center;
	padding: 5px 12px 4px;
	border: 1px solid var(--kj-e1e3e5);
	border-radius: 78px;
	white-space: nowrap;
	background-color: #fff;

	gap: 4px;
}

#kj-map-category .kj-tab-list a.kj-active {
	border-color: var(--kj-0565f0);
	color: #fff;
	background-color: var(--kj-0565f0);
}

#kj-map-category .kj-tab-list a::before {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-size: cover;
}

#kj-map-category .kj-tab-list .kj-map-category00::before {
	background-image: url("../../images/icon/icon-24x24-map12.png");
}

#kj-map-category .kj-tab-list .kj-map-category01::before {
	background-image: url("../../images/icon/icon-24x24-map01.png");
}

#kj-map-category .kj-tab-list .kj-map-category02::before {
	background-image: url("../../images/icon/icon-24x24-map02.png");
}

#kj-map-category .kj-tab-list .kj-map-category03::before {
	background-image: url("../../images/icon/icon-24x24-map03.png");
}

#kj-map-category .kj-tab-list .kj-map-category04::before {
	background-image: url("../../images/icon/icon-24x24-map04.png");
}

#kj-map-category .kj-tab-list .kj-map-category05::before {
	background-image: url("../../images/icon/icon-24x24-map05.png");
}

#kj-map-category .kj-tab-list .kj-map-category06::before {
	background-image: url("../../images/icon/icon-24x24-map06.png");
}

#kj-map-category .kj-tab-list .kj-map-category07::before {
	background-image: url("../../images/icon/icon-24x24-map07.png");
}

#kj-map-category .kj-tab-list .kj-map-category08::before {
	background-image: url("../../images/icon/icon-24x24-map08.png");
}

#kj-map-category .kj-tab-list .kj-map-category09::before {
	background-image: url("../../images/icon/icon-24x24-map09.png");
}

#kj-map-category .kj-tab-list .kj-map-category10::before {
	background-image: url("../../images/icon/icon-24x24-map10.png");
}

#kj-map-category .kj-tab-list .kj-map-category11::before {
	background-image: url("../../images/icon/icon-24x24-map11.png");
}



#kj-map-category .kj-tab-list .kj-active.kj-map-category00::before {
	background-image: url("../../images/icon/icon-24x24-map12-white.png");
}

#kj-map-category .kj-tab-list .kj-active.kj-map-category01::before {
	background-image: url("../../images/icon/icon-24x24-map01-white.png");
}

#kj-map-category .kj-tab-list .kj-active.kj-map-category02::before {
	background-image: url("../../images/icon/icon-24x24-map02-white.png");
}

#kj-map-category .kj-tab-list .kj-active.kj-map-category03::before {
	background-image: url("../../images/icon/icon-24x24-map03-white.png");
}

#kj-map-category .kj-tab-list .kj-active.kj-map-category04::before {
	background-image: url("../../images/icon/icon-24x24-map04-white.png");
}

#kj-map-category .kj-tab-list .kj-active.kj-map-category05::before {
	background-image: url("../../images/icon/icon-24x24-map05-white.png");
}

#kj-map-category .kj-tab-list .kj-active.kj-map-category06::before {
	background-image: url("../../images/icon/icon-24x24-map06-white.png");
}

#kj-map-category .kj-tab-list .kj-active.kj-map-category07::before {
	background-image: url("../../images/icon/icon-24x24-map07-white.png");
}

#kj-map-category .kj-tab-list .kj-active.kj-map-category08::before {
	background-image: url("../../images/icon/icon-24x24-map08-white.png");
}

#kj-map-category .kj-tab-list .kj-active.kj-map-category09::before {
	background-image: url("../../images/icon/icon-24x24-map09-white.png");
}

#kj-map-category .kj-tab-list .kj-active.kj-map-category10::before {
	background-image: url("../../images/icon/icon-24x24-map10-white.png");
}

#kj-map-category .kj-tab-list .kj-active.kj-map-category11::before {
	background-image: url("../../images/icon/icon-24x24-map11-white.png");
}

.kj-map-bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	padding: 0 20px;
}

.kj-bottom-controler {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	margin-bottom: 24px;
}

.kj-distance {
	align-self: end;
	width: 52px;
	font-size: 11px;
	font-weight: 500;
	text-align: center;
	line-height: 18px;
	background: url("../../images/sbRenew/bg-map-distance.png") no-repeat left bottom;
	background-size: 52px auto;
}

.kj-research {
	position: relative;
	z-index: 2;
	border-radius: 17px;
	transition: transform .3s;
	transform: translateY(80px);
	box-shadow: 0 6px 10px rgba(33, 37, 41, .1), 0 1px 16px rgba(33, 37, 41, .1);
}

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

.kj-focus-position {
	display: block;
	width: 48px;
	height: 48px;
	border-radius: 24px;
	background: url("../../images/sbRenew/btn-foucs-position.png");
	background-size: 100% auto;
	box-shadow: 0 6px 10px rgba(33, 37, 41, .1), 0 1px 16px rgba(33, 37, 41, .1);
}

.kj-focus-position.kj-active {
	background-image: url("../../images/sbRenew/btn-foucs-position-active.png");
}

.kj-map-bottom {
	transform: translateY(calc(100vh - 153px));
}

.kj-map-bottom.kj-active {
	transition: transform .2s;
}

.kj-map-bottom .kj-bottom-content {
	position: relative;
	z-index: 3;
	height: calc(100vh - 76px);
	min-height: 153px;
	margin: 0 -20px;
	padding: 0 20px;

	/* TODO : 52 header + 24px 여백*/
	border-radius: 28px 28px 0 0;
	background: #fff;
}

.kj-map-bottom .kj-bottom-content.kj-target-store-sheet {
	height: auto;
}

.kj-map-bottom .kj-bottom-content .kj-bottom-list {
	overflow: hidden;
	max-height: calc(100vh - 108px);
}

.kj-map-bottom .kj-bottom-content .kj-header {
	position: relative;
	padding: 12px 0 20px;
}

.kj-map-bottom .kj-bottom-content .kj-header::after {
	content: "";
	position: absolute;
	top: 12px;
	left: 50%;
	width: 48px;
	height: 4px;
	border-radius: 2px;
	background-color: var(--kj-e1e3e5);
	transform: translateX(-50%);
}




/* 컬러 칩 신규 css*/
.kj-color-chip.kj-active[data-color="ffffff"]::after,
.kj-color-chip.kj-active[data-color="e4f2f3"]::after,
.kj-color-chip.kj-active[data-color="f2e2fd"]::after,
.kj-color-chip.kj-active[data-color="e3f6e3"]::after,
.kj-color-chip.kj-active[data-color="f6f3e3"]::after,
.kj-color-chip.kj-active[data-color="e2eaff"]::after,
.kj-color-chip.kj-active[data-color="b9e9ff"]::after,
.kj-color-chip.kj-active[data-color="ffe400"]::after {
	background-image: url("../../images/icon/icon-64x64-checked.png");
}

.kj-color-chip.kj-active[data-color="0565f0"]::after,
.kj-color-chip.kj-active[data-color="0114a7"]::after,
.kj-color-chip.kj-active[data-color="0046ff"]::after,
.kj-color-chip.kj-active[data-color="0064ff"]::after,
.kj-color-chip.kj-active[data-color="3379a8"]::after,
.kj-color-chip.kj-active[data-color="006ba5"]::after,
.kj-color-chip.kj-active[data-color="1f4079"]::after,
.kj-color-chip.kj-active[data-color="3575ce"]::after,
.kj-color-chip.kj-active[data-color="536cd7"]::after,
.kj-color-chip.kj-active[data-color="008e71"]::after,
.kj-color-chip.kj-active[data-color="2d742e"]::after,
.kj-color-chip.kj-active[data-color="766c62"]::after {
	background-image: url("../../images/icon/icon-64x64-checked-white.png");
}

.kj-color-chip[data-color="ffffff"] {
	border-color: #5697f0;
	background-color: #fff;
}

.kj-color-chip[data-color="e4f2f3"] {
	border-color: #e4f2f3;
	background-color: #e4f2f3;
}

.kj-color-chip[data-color="f2e2fd"] {
	border-color: #f2e2fd;
	background-color: #f2e2fd;
}

.kj-color-chip[data-color="e3f6e3"] {
	border-color: #e3f6e3;
	background-color: #e3f6e3;
}

.kj-color-chip[data-color="f6f3e3"] {
	border-color: #f6f3e3;
	background-color: #f6f3e3;
}

.kj-color-chip[data-color="e2eaff"] {
	border-color: #e2eaff;
	background-color: #e2eaff;
}

.kj-color-chip[data-color="b9e9ff"] {
	border-color: #b9e9ff;
	background-color: #b9e9ff;
}

.kj-color-chip[data-color="ffe400"] {
	border-color: #ffe400;
	background-color: #ffe400;
}

.kj-color-chip[data-color="0565f0"] {
	border-color: #0565f0;
	background-color: #0565f0;
}

.kj-color-chip[data-color="0114a7"] {
	border-color: #0114a7;
	background-color: #0114a7;
}

.kj-color-chip[data-color="0046ff"] {
	border-color: #0046ff;
	background-color: #0046ff;
}

.kj-color-chip[data-color="0064ff"] {
	border-color: #0064ff;
	background-color: #0064ff;
}

.kj-color-chip[data-color="3379a8"] {
	border-color: #3379a8;
	background-color: #3379a8;
}

.kj-color-chip[data-color="006ba5"] {
	border-color: #006ba5;
	background-color: #006ba5;
}

.kj-color-chip[data-color="1f4079"] {
	border-color: #1f4079;
	background-color: #1f4079;
}

.kj-color-chip[data-color="3575ce"] {
	border-color: #3575ce;
	background-color: #3575ce;
}

.kj-color-chip[data-color="536cd7"] {
	border-color: #536cd7;
	background-color: #536cd7;
}

.kj-color-chip[data-color="008e71"] {
	border-color: #008e71;
	background-color: #008e71;
}

.kj-color-chip[data-color="2d742e"] {
	border-color: #2d742e;
	background-color: #2d742e;
}

.kj-color-chip[data-color="766c62"] {
	border-color: #766c62;
	background-color: #766c62;
}

.wrapperColorChip-ffffff {
	--colorchip-color: #fff;
	--colorchip-img-copy: url("../../images/icon_line_copy_gray.png");
	--colorchip-img-palette: url("../../images/icon/icon-24x24-palette.png");
	--colorchip-img-header-close: url("../../images/icon_line_close.png");
	--colorchip-img-header-back: url("../../images/icon_line_chervron_left.png");
	--colorchip-font-color: var(--kj-212529);
	--colorchip-font-color-light1: var(--kj-212529);
	--colorchip-button-bg: var(--kj-f0f6ff);
	--colorchip-button-border-color: var(--kj-f0f6ff);
	--colorchip-button-font-color: var(--kj-515961);
}

.wrapperColorChip-e4f2f3 {
	--colorchip-color: #e4f2f3;
	--colorchip-img-copy: url("../../images/icon_line_copy_gray.png");
	--colorchip-img-palette: url("../../images/icon/icon-24x24-palette.png");
	--colorchip-img-header-close: url("../../images/icon_line_close.png");
	--colorchip-img-header-back: url("../../images/icon_line_chervron_left.png");
	--colorchip-font-color: var(--kj-212529);
	--colorchip-font-color-light1: var(--kj-212529);
	--colorchip-button-bg: var(--kj-ffffff);
	--colorchip-button-border-color: var(--kj-ffffff);
	--colorchip-button-font-color: var(--kj-515961);
}

.wrapperColorChip-f2e2fd {
	--colorchip-color: #f2e2fd;
	--colorchip-img-copy: url("../../images/icon_line_copy_gray.png");
	--colorchip-img-palette: url("../../images/icon/icon-24x24-palette.png");
	--colorchip-img-header-close: url("../../images/icon_line_close.png");
	--colorchip-img-header-back: url("../../images/icon_line_chervron_left.png");
	--colorchip-font-color: var(--kj-212529);
	--colorchip-font-color-light1: var(--kj-212529);
	--colorchip-button-bg: var(--kj-ffffff);
	--colorchip-button-border-color: var(--kj-ffffff);
	--colorchip-button-font-color: var(--kj-515961);
}

.wrapperColorChip-e3f6e3 {
	--colorchip-color: #e3f6e3;
	--colorchip-img-copy: url("../../images/icon_line_copy_gray.png");
	--colorchip-img-palette: url("../../images/icon/icon-24x24-palette.png");
	--colorchip-img-header-close: url("../../images/icon_line_close.png");
	--colorchip-img-header-back: url("../../images/icon_line_chervron_left.png");
	--colorchip-font-color: var(--kj-212529);
	--colorchip-font-color-light1: var(--kj-212529);
	--colorchip-button-bg: var(--kj-ffffff);
	--colorchip-button-border-color: var(--kj-ffffff);
	--colorchip-button-font-color: var(--kj-515961);
}

.wrapperColorChip-f6f3e3 {
	--colorchip-color: #f6f3e3;
	--colorchip-img-copy: url("../../images/icon_line_copy_gray.png");
	--colorchip-img-palette: url("../../images/icon/icon-24x24-palette.png");
	--colorchip-img-header-close: url("../../images/icon_line_close.png");
	--colorchip-img-header-back: url("../../images/icon_line_chervron_left.png");
	--colorchip-font-color: var(--kj-212529);
	--colorchip-font-color-light1: var(--kj-212529);
	--colorchip-button-bg: var(--kj-ffffff);
	--colorchip-button-border-color: var(--kj-ffffff);
	--colorchip-button-font-color: var(--kj-515961);
}

.wrapperColorChip-e2eaff {
	--colorchip-color: #e2eaff;
	--colorchip-img-copy: url("../../images/icon_line_copy_gray.png");
	--colorchip-img-palette: url("../../images/icon/icon-24x24-palette.png");
	--colorchip-img-header-close: url("../../images/icon_line_close.png");
	--colorchip-img-header-back: url("../../images/icon_line_chervron_left.png");
	--colorchip-font-color: var(--kj-212529);
	--colorchip-font-color-light1: var(--kj-212529);
	--colorchip-button-bg: var(--kj-ffffff);
	--colorchip-button-border-color: var(--kj-ffffff);
	--colorchip-button-font-color: var(--kj-515961);
}

.wrapperColorChip-b9e9ff {
	--colorchip-color: #b9e9ff;
	--colorchip-img-copy: url("../../images/icon_line_copy_gray.png");
	--colorchip-img-palette: url("../../images/icon/icon-24x24-palette.png");
	--colorchip-img-header-close: url("../../images/icon_line_close.png");
	--colorchip-img-header-back: url("../../images/icon_line_chervron_left.png");
	--colorchip-font-color: var(--kj-212529);
	--colorchip-font-color-light1: var(--kj-212529);
	--colorchip-button-bg: var(--kj-ffffff);
	--colorchip-button-border-color: var(--kj-ffffff);
	--colorchip-button-font-color: var(--kj-515961);
}

.wrapperColorChip-ffe400 {
	--colorchip-color: #ffe400;
	--colorchip-img-copy: url("../../images/icon_line_copy_gray.png");
	--colorchip-img-palette: url("../../images/icon/icon-24x24-palette.png");
	--colorchip-img-header-close: url("../../images/icon_line_close.png");
	--colorchip-img-header-back: url("../../images/icon_line_chervron_left.png");
	--colorchip-font-color: var(--kj-212529);
	--colorchip-font-color-light1: var(--kj-212529);
	--colorchip-button-bg: var(--kj-ffffff);
	--colorchip-button-border-color: var(--kj-ffffff);
	--colorchip-button-font-color: var(--kj-515961);
}

.wrapperColorChip-0565f0 {
	--colorchip-color: #0565f0;
	--colorchip-img-copy: url("../../images/icon_line_copy_blue.png");
	--colorchip-img-palette: url("../../images/icon/icon-24x24-palette-white.png");
	--colorchip-img-header-close: url("../../images/icon/icon-20x20-close-white.png");
	--colorchip-img-header-back: url("../../images/icon_appbar_back.png");
	--colorchip-font-color: var(--kj-ffffff);
	--colorchip-font-color-light1: rgba(255, 255, 255, .6);
	--colorchip-button-bg: var(--kj-ffffff);
	--colorchip-button-border-color: var(--kj-ffffff);
	--colorchip-button-font-color: var(--kj-175ec7);
}

.wrapperColorChip-0114a7 {
	--colorchip-color: #0114a7;
	--colorchip-img-copy: url("../../images/icon_line_copy_blue.png");
	--colorchip-img-palette: url("../../images/icon/icon-24x24-palette-white.png");
	--colorchip-img-header-close: url("../../images/icon/icon-20x20-close-white.png");
	--colorchip-img-header-back: url("../../images/icon_appbar_back.png");
	--colorchip-font-color: var(--kj-ffffff);
	--colorchip-font-color-light1: rgba(255, 255, 255, .6);
	--colorchip-button-bg: var(--kj-ffffff);
	--colorchip-button-border-color: var(--kj-ffffff);
	--colorchip-button-font-color: var(--kj-515961);
}

.wrapperColorChip-0046ff {
	--colorchip-color: #0046ff;
	--colorchip-img-copy: url("../../images/icon_line_copy_blue.png");
	--colorchip-img-palette: url("../../images/icon/icon-24x24-palette-white.png");
	--colorchip-img-header-close: url("../../images/icon/icon-20x20-close-white.png");
	--colorchip-img-header-back: url("../../images/icon_appbar_back.png");
	--colorchip-font-color: var(--kj-ffffff);
	--colorchip-font-color-light1: rgba(255, 255, 255, .6);
	--colorchip-button-bg: var(--kj-ffffff);
	--colorchip-button-border-color: var(--kj-ffffff);
	--colorchip-button-font-color: var(--kj-515961);
}

.wrapperColorChip-0064ff {
	--colorchip-color: #0064ff;
	--colorchip-img-copy: url("../../images/icon_line_copy_blue.png");
	--colorchip-img-palette: url("../../images/icon/icon-24x24-palette-white.png");
	--colorchip-img-header-close: url("../../images/icon/icon-20x20-close-white.png");
	--colorchip-img-header-back: url("../../images/icon_appbar_back.png");
	--colorchip-font-color: var(--kj-ffffff);
	--colorchip-font-color-light1: rgba(255, 255, 255, .6);
	--colorchip-button-bg: var(--kj-ffffff);
	--colorchip-button-border-color: var(--kj-ffffff);
	--colorchip-button-font-color: var(--kj-515961);
}

.wrapperColorChip-3379a8 {
	--colorchip-color: #3379a8;
	--colorchip-img-copy: url("../../images/icon_line_copy_blue.png");
	--colorchip-img-palette: url("../../images/icon/icon-24x24-palette-white.png");
	--colorchip-img-header-close: url("../../images/icon/icon-20x20-close-white.png");
	--colorchip-img-header-back: url("../../images/icon_appbar_back.png");
	--colorchip-font-color: var(--kj-ffffff);
	--colorchip-font-color-light1: rgba(255, 255, 255, .6);
	--colorchip-button-bg: var(--kj-ffffff);
	--colorchip-button-border-color: var(--kj-ffffff);
	--colorchip-button-font-color: var(--kj-515961);
}

.wrapperColorChip-006ba5 {
	--colorchip-color: #006ba5;
	--colorchip-img-copy: url("../../images/icon_line_copy_blue.png");
	--colorchip-img-palette: url("../../images/icon/icon-24x24-palette-white.png");
	--colorchip-img-header-close: url("../../images/icon/icon-20x20-close-white.png");
	--colorchip-img-header-back: url("../../images/icon_appbar_back.png");
	--colorchip-font-color: var(--kj-ffffff);
	--colorchip-font-color-light1: rgba(255, 255, 255, .6);
	--colorchip-button-bg: var(--kj-ffffff);
	--colorchip-button-border-color: var(--kj-ffffff);
	--colorchip-button-font-color: var(--kj-515961);
}

.wrapperColorChip-1f4079 {
	--colorchip-color: #1f4079;
	--colorchip-img-copy: url("../../images/icon_line_copy_blue.png");
	--colorchip-img-palette: url("../../images/icon/icon-24x24-palette-white.png");
	--colorchip-img-header-close: url("../../images/icon/icon-20x20-close-white.png");
	--colorchip-img-header-back: url("../../images/icon_appbar_back.png");
	--colorchip-font-color: var(--kj-ffffff);
	--colorchip-font-color-light1: rgba(255, 255, 255, .6);
	--colorchip-button-bg: var(--kj-ffffff);
	--colorchip-button-border-color: var(--kj-ffffff);
	--colorchip-button-font-color: var(--kj-515961);
}

.wrapperColorChip-3575ce {
	--colorchip-color: #3575ce;
	--colorchip-img-copy: url("../../images/icon_line_copy_blue.png");
	--colorchip-img-palette: url("../../images/icon/icon-24x24-palette-white.png");
	--colorchip-img-header-close: url("../../images/icon/icon-20x20-close-white.png");
	--colorchip-img-header-back: url("../../images/icon_appbar_back.png");
	--colorchip-font-color: var(--kj-ffffff);
	--colorchip-font-color-light1: rgba(255, 255, 255, .6);
	--colorchip-button-bg: var(--kj-ffffff);
	--colorchip-button-border-color: var(--kj-ffffff);
	--colorchip-button-font-color: var(--kj-515961);
}

.wrapperColorChip-536cd7 {
	--colorchip-color: #536cd7;
	--colorchip-img-copy: url("../../images/icon_line_copy_blue.png");
	--colorchip-img-palette: url("../../images/icon/icon-24x24-palette-white.png");
	--colorchip-img-header-close: url("../../images/icon/icon-20x20-close-white.png");
	--colorchip-img-header-back: url("../../images/icon_appbar_back.png");
	--colorchip-font-color: var(--kj-ffffff);
	--colorchip-font-color-light1: rgba(255, 255, 255, .6);
	--colorchip-button-bg: var(--kj-ffffff);
	--colorchip-button-border-color: var(--kj-ffffff);
	--colorchip-button-font-color: var(--kj-515961);
}

.wrapperColorChip-008e71 {
	--colorchip-color: #008e71;
	--colorchip-img-copy: url("../../images/icon_line_copy_blue.png");
	--colorchip-img-palette: url("../../images/icon/icon-24x24-palette-white.png");
	--colorchip-img-header-close: url("../../images/icon/icon-20x20-close-white.png");
	--colorchip-img-header-back: url("../../images/icon_appbar_back.png");
	--colorchip-font-color: var(--kj-ffffff);
	--colorchip-font-color-light1: rgba(255, 255, 255, .6);
	--colorchip-button-bg: var(--kj-ffffff);
	--colorchip-button-border-color: var(--kj-ffffff);
	--colorchip-button-font-color: var(--kj-515961);
}

.wrapperColorChip-2d742e {
	--colorchip-color: #2d742e;
	--colorchip-img-copy: url("../../images/icon_line_copy_blue.png");
	--colorchip-img-palette: url("../../images/icon/icon-24x24-palette-white.png");
	--colorchip-img-header-close: url("../../images/icon/icon-20x20-close-white.png");
	--colorchip-img-header-back: url("../../images/icon_appbar_back.png");
	--colorchip-font-color: var(--kj-ffffff);
	--colorchip-font-color-light1: rgba(255, 255, 255, .6);
	--colorchip-button-bg: var(--kj-ffffff);
	--colorchip-button-border-color: var(--kj-ffffff);
	--colorchip-button-font-color: var(--kj-515961);
}

.wrapperColorChip-766c62 {
	--colorchip-color: #766c62;
	--colorchip-img-copy: url("../../images/icon_line_copy_blue.png");
	--colorchip-img-palette: url("../../images/icon/icon-24x24-palette-white.png");
	--colorchip-img-header-close: url("../../images/icon/icon-20x20-close-white.png");
	--colorchip-img-header-back: url("../../images/icon_appbar_back.png");
	--colorchip-font-color: var(--kj-ffffff);
	--colorchip-font-color-light1: rgba(255, 255, 255, .6);
	--colorchip-button-bg: var(--kj-ffffff);
	--colorchip-button-border-color: var(--kj-ffffff);
	--colorchip-button-font-color: var(--kj-515961);
}

[class *=wrapperColorChip] #container {
	padding-top: 51px;
}

[class *=wrapperColorChip] #header header {
	background-color: var(--colorchip-color);
}

[class *=wrapperColorChip] #header header .btn_close {
	background-image: var(--colorchip-img-header-close);
}

[class *=wrapperColorChip]:not(.senior) #header header .btn_back {
	background-image: var(--colorchip-img-header-back);
	color: var(--colorchip-font-color);
}

[class *=wrapperColorChip].senior #header header .btn_back::before {
	color: var(--colorchip-font-color);
}

[class *=wrapperColorChip] #header header .btn_txt {
	color: var(--colorchip-font-color);
}

[class *=wrapperColorChip] #header header .top_num_tit {
	color: var(--colorchip-font-color);
}

[class *=wrapperColorChip] #header header .top_num {
	color: var(--colorchip-font-color-light1);
}

[class *=wrapperColorChip] .colorchip-target {
	padding-bottom: 68px;
	color: var(--colorchip-font-color);
	background-color: var(--colorchip-color);
}


[class *=wrapperColorChip] .colorchip-target .txt_area.type04 {
	margin: 0;
	padding-top: 24px;
}

[class *=wrapperColorChip] .colorchip-target * {
	color: var(--colorchip-font-color);
}

[class*="wrapperColorChip"] .colorchip-target .acc_type .input_aka,
[class*="wrapperColorChip"] .colorchip-target .acc_manage .input_aka {
	background-color: #fff;
}

[class*="wrapperColorChip"] .colorchip-target .acc_type .input_aka .btns.size_sm,
[class*="wrapperColorChip"] .colorchip-target .acc_manage .input_aka .btns.size_sm {
	color: var(--kj-0565f0) !important;
}

[class*="wrapperColorChip"] .colorchip-target .acc_type .input_aka input,
[class*="wrapperColorChip"] .colorchip-target .acc_manage .input_aka input {
	color: var(--kj-212529);
}

[class*="wrapperColorChip"] .colorchip-target .acc_manage .name {
	color: var(--colorchip-font-color);
}

[class *=wrapperColorChip] .colorchip-target .btn_copy,
[class *=wrapperColorChip] .colorchip-target .acc_manage .btn_copy,
[class *=wrapperColorChip] .colorchip-target .acc_type .txt_sub.line_b {
	color: var(--colorchip-font-color-light1);
	background-image: var(--colorchip-img-copy);
}

[class *=wrapperColorChip] .colorchip-target+.acc_set_list {
	margin-top: 0 !important;
}

[class *=wrapperColorChip] .colorchip-target .kj-btn-palette {
	display: inline-flex;
	width: 24px;
	height: 24px;
	background-image: var(--colorchip-img-palette);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: cover;
}

[class *=wrapperColorChip] .colorchip-target * {
	color: var(--colorchip-font-color);
}

[class *=wrapperColorChip] .colorchip-account-wrap {
	margin: 0 -20px;
	padding: 24px 20px;
	color: var(--colorchip-font-color);
	background-color: var(--colorchip-color);
}

[class *=wrapperColorChip] .colorchip-account-wrap [class*="kj-button-content"] {
	--kj-button-bg: var(--colorchip-button-bg);
	--kj-button-color: var(--colorchip-button-font-color);
	--kj-button-border: var(--colorchip-button-border-color);
}


[class *=wrapperColorChip] .colorchip-account-wrap+.search_area {
	margin-top: 0;
}

[class *=wrapperColorChip] .colorchip-account-wrap .kj-textfield-group {
	--kj-textfield-min-height: 32px;
}

[class *=wrapperColorChip] .colorchip-account-wrap .kj-select-wrap .kj-select-button {
	--kj-textfield-padding: 12px 16px;
}

[class *=wrapperColorChip] .color_wrap {
	background-color: transparent;
}

[class *=wrapperColorChip] .color_wrap .graph_bar_area {
	border: 1px solid var(--kj-e1e3e5);
}

[class *=wrapperColorChip] .kj-foreign-exchange-list {
	padding: 20px;
	border: 1px solid var(--kj-e1e3e5);
	border-radius: 6px;
	background-color: var(--kj-ffffff);
}

[class *=wrapperColorChip] .kj-foreign-exchange-list .kj-list:first-child {
	display: flex;
	margin-top: 0;
	padding-top: 0;
	border-top: 0 none;
}

[class *=wrapperColorChip] .kj-foreign-exchange-list .kj-list {
	display: none;
	flex-direction: column;
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px solid var(--kj-f2f5f7);
	color: var(--kj-6e7780);

	gap: 8px;
}

[class *=wrapperColorChip] .kj-foreign-exchange-list.kj-active .kj-list {
	display: flex;
}

[class *=wrapperColorChip] .kj-foreign-exchange-list .kj-more {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin-top: 16px;
	color: var(--kj-6e7780);

	gap: 4px;
}

[class *=wrapperColorChip] .kj-foreign-exchange-list .kj-icon-12-img {
	transform: rotate(180deg);
}

[class *=wrapperColorChip] .kj-foreign-exchange-list.kj-active .kj-icon-12-img {
	transform: rotate(0);
}

.kj-multiple-graph {
	position: relative;
	height: 186px;
}

.kj-multiple-graph .kj-desigin-grid {
	position: absolute;
	bottom: 24px;
	left: 0;
	width: 100%;
	height: 56px;
	border-top: 1px solid var(--kj-f2f5f7);
	border-bottom: 1px solid var(--kj-f2f5f7);
}

.kj-multiple-graph .kj-desigin-grid::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: var(--kj-f2f5f7);
	transform: translateY(-50%);
}

.kj-kakao-selects button {
	position: relative;
}

.kj-kakao-selects img:first-child {
	position: relative;
	z-index: 2;
}

.kj-kakao-selects img:last-child {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.kj-kakao-selects .kj-active img:first-child {
	z-index: 1;
}

.kj-kakao-selects .kj-active img:last-child {
	z-index: 2;
}

.kj-guarantee-graph {
	padding-top: 40px;
}

.kj-guarantee-graph .kj-graph-background {
	position: relative;
	background-color: #f2f2f2;
	height: 30px;
	width: 100%;
	border-radius: 6px;
}

.kj-guarantee-graph .kj-graph-background .kj-start-age {
	position: absolute;
	top: 0;
	bottom: 0;
	background-color: #ffc300;
	border-radius: 6px;
}

.kj-guarantee-graph .kj-graph-background .kj-start-age .kj-start-bubble {
	position: absolute;
	top: -40px;
	right: 0;
	white-space: nowrap;
	padding: 4px 12px;
	font-size: 12px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: -.1px;
	line-height: 20px;
	color: var(--kj-212529);
	background-color: #ffc300;
	border-radius: 99999em;
}

.kj-guarantee-graph .kj-graph-background .kj-start-age .kj-start-bubble::after {
	content: "";
	display: block;
	position: absolute;
	bottom: -8px;
	right: 14px;
	width: 8px;
	height: 8px;
	transform: translate(0, -50%) rotate(45deg);
	background-color: #ffc300;
}

.kj-guarantee-graph .kj-graph-background .kj-start-age .kj-start-bubble.kj-left-pos {
	right: initial;
	left: 0;
}

.kj-guarantee-graph .kj-graph-background .kj-start-age .kj-start-bubble.kj-left-pos::after {
	right: initial;
	left: 14px;
}


.kj-guarantee-graph .kj-graph-background .kj-guarantee-age {
	position: absolute;
	top: 0;
	bottom: 0;
	background-color: #70d8e2;
	border-radius: 6px;
}

.kj-guarantee-graph .kj-graph-background .kj-unguarantee-age {
	position: absolute;
	top: 0;
	bottom: 0;
	background-color: #f35e82;
	border-radius: 6px;
}

.kj-guarantee-graph .kj-ages {
	width: 100%;
	margin-top: 8px;
	height: 20px;
	position: relative;
}

.kj-guarantee-graph .kj-ages div {
	position: absolute;
	top: 0;
	left: 0;
	transform: translateX(-50%);
	font-size: 12px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: -.1px;
	line-height: 20px;
}

.kj-guarantee-graph .kj-ages div:nth-child(1) {
	left: 0;
}

.kj-guarantee-graph .kj-ages div:nth-child(2) {
	left: 10%;
}

.kj-guarantee-graph .kj-ages div:nth-child(3) {
	left: 20%;
}

.kj-guarantee-graph .kj-ages div:nth-child(4) {
	left: 30%;
}

.kj-guarantee-graph .kj-ages div:nth-child(5) {
	left: 40%;
}

.kj-guarantee-graph .kj-ages div:nth-child(6) {
	left: 50%;
}

.kj-guarantee-graph .kj-ages div:nth-child(7) {
	left: 60%;
}

.kj-guarantee-graph .kj-ages div:nth-child(8) {
	left: 70%;
}

.kj-guarantee-graph .kj-ages div:nth-child(9) {
	left: 80%;
}

.kj-guarantee-graph .kj-ages div:nth-child(10) {
	left: 90%;
}

.kj-guarantee-graph .kj-ages div:nth-child(11) {
	left: 100%;
}

/* 은퇴설계 rMate 바 차트 */
#retireBarChart0 .rMateH5__Legend {
	border: 0 none;
	right: 0 !important;
	left: initial !important;
	width: 194px !important;
}

#retireBarChart0 .rMateH5__Legend * {
	position: static !important;
	width: auto !important;
}

#retireBarChart0 .rMateH5__ContentPane {
	display: flex;
	gap: 12px;
}

#retireBarChart0 .rMateH5__Legend .rMateH5__LegendItem {
	display: flex;
	gap: 4px;
	align-items: center;
}

#retireBarChart0 .rMateH5__Legend .rMateH5__UITextField {
	font-size: 12px;
}

#retireBarChart0 .rMateH5__Legend .rMateH5__LegendMarker {
	border-radius: 4.5px;
}

.kj-visual-dday {
	margin-top: 24px;
	position: relative;
	display: flex;
	justify-content: center;
	background: url('../../images/sbRenew/img-days100-08.png') center top no-repeat;
	background-size: 219.5px auto;
}

.kj-visual-dday .kj-dday {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 58px;
	color: #fd7638;
	font-size: 20px;
	line-height: 28px;
	letter-spacing: -0.2px;
	font-weight: 700;
}

.kj-graph-100days-wrap {
	position: relative;
}

.kj-graph-100days-wrap .kj-graph-bg {
	position: relative;
	width: 100%;
	height: 12px;
	border-radius: 6px;
	background: linear-gradient(180deg, #cccfd3 0%, #e1e3e5 100%);
}

.kj-graph-100days-wrap .kj-graph-bg .kj-complete-icon {
	position: absolute;
	top: -18px;
	right: 5px;
}

.kj-graph-100days-wrap .kj-graph {
	position: relative;
	width: 1%;
	min-width: 44px;
	height: 12px;
	border-radius: 6px;
	background-color: #5979ff;
}

.kj-graph-100days-wrap .kj-graph .kj-d-day {
	display: flex;
	position: absolute;
	top: 0;
	right: 0;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 24px;
	border-radius: 22px;
	color: #fff;
	font-size: 11px;
	font-weight: 500;
	letter-spacing: -.1px;
	line-height: 20px;
	background-color: #5979ff;
	transform: translateY(-25%);
}

.kj-calendar-100days {
	width: 100%;
	margin-top: 12px;
	border-collapse: collapse;
	text-align: center;
}

.kj-calendar-100days .kj-day-header,
.kj-calendar-100days .kj-day {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;

	aspect-ratio: 1;
}


.kj-calendar-100days .kj-complete {
	text-indent: -9999em;
	background: url('../../images/sbRenew/img-days100-02.png') no-repeat;
	background-size: cover;
}

.kj-calendar-100days .kj-write {
	text-indent: -9999em;
	background: url('../../images/sbRenew/img-days100-03.png') no-repeat;
	background-size: cover;
}

.kj-walk-ranking {
	display: flex;
	justify-content: space-between;
	gap: 4px;
	text-align: center;
	min-height: 150px;
	position: relative;
}

.kj-walk-ranking [class*="ranking"] {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: end;
	position: relative
}

.kj-walk-ranking [class*="ranking"] .bottom {
	border-radius: 2px;
	background-color: var(--kj-f5f7fa);
	font-weight: 700;
	color: var(--kj-8c959f);
	display: flex;
	align-items: end;
	justify-content: center;
	overflow: hidden;
}

.kj-walk-ranking .ranking01 .bottom {
	animation: rankingHeight01 .5s linear;
	height: 45px;
}

.kj-walk-ranking .ranking02 .bottom {
	animation: rankingHeight02 .4s linear;
	height: 34px;
}

.kj-walk-ranking .ranking03 .bottom {
	animation: rankingHeight03 .2s linear;
	height: 24px;
}

@keyframes rankingHeight01 {
	0% {
		max-height: 0;
	}

	100% {
		max-height: 45px;
	}
}

@keyframes rankingHeight02 {
	0% {
		max-height: 0;
	}

	100% {
		max-height: 34px;
	}
}

@keyframes rankingHeight03 {
	0% {
		max-height: 0;
	}

	100% {
		max-height: 24px;
	}
}


.kj-night header {
	background-color: #212d6d;
	border-color: #212d6d;
}

.kj-night header h1 {
	color: #fff;
}

.kj-night .btn_back {
	background-image: url('../../images/icon_appbar_back.png');
}

.kj-night .btn_home {
	background-image: url('../../images/sbRenew/icon_appbar_home_w.png') !important;
}

.kj-night .btn_menu {
	background-image: url('../../images/loan/icon_line_menu_w.svg') !important;
}

.kj-daytime header {
	background-color: #eafeff;
	border-color: #eafeff;
}

.kj-walking-top-info {
	display: flex;
	position: absolute;
	top: 24px;
	left: 0;
	align-items: start;
	justify-content: space-between;
	width: 100%;
}

.kj-night .kj-walking-left-info * {
	color: #fff !important;
}

.kj-walking-left-info .kj-tooltip .kj-icon-16-img {
	background: url('../../images/icon/icon-16x16-tooltip.png') no-repeat;
	background-size: cover;
}

.kj-night .kj-walking-left-info .kj-tooltip .kj-icon-16-img {
	background: url('../../images/icon/icon-16x16-tooltip-white.png') no-repeat;
	background-size: cover;
}

.kj-walking-visual {
	position: relative;
	margin: 0 -20px;
}

.kj-walking-visual-content {
	position: relative;
	z-index: 2;
	/*top: 0;
	right: 0;
	bottom: 0;
	left: 0;*/
	padding-top: 144px;
}

.kj-walking-visual-content .kj-coin-turn {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -30px;
	transform-style: preserve-3d;
	animation: bowling-spin 2s linear infinite;
}

.kj-walking-visual-content .kj-bubble {
	border-radius: 6px;
	background-color: rgba(33, 37, 41);
	opacity: .8;
	white-space: nowrap;
	position: absolute;
	top: 12px;
	left: 50%;
	transform: translateX(-50%);

	--bubble-bg: rgba(33, 37, 41);
}



.kj-walking-graph {
	position: relative;
	width: 100%;
	height: 34px;
	margin-bottom: 32px;
}

.kj-walking-graph .kj-default-graph-start-pos {
	position: absolute;
	bottom: -28px;
	left: 0;
}

.kj-walking-graph .kj-default-graph-max-pos {
	position: absolute;
	bottom: -28px;
	right: 0;
}


.kj-walking-graph::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 16px;
	border-radius: 9999em;
	background-color: var(--kj-ffffff);
	transform: translateY(-50%);
}

.kj-walking-graph::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 4px;
	z-index: 1;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: var(--kj-e1e3e5);
	transform: translateY(-50%);
}

.kj-graph-break {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	width: 34px;
	height: 34px;
	border-radius: 17px;
	transform: translateX(-50%);
}

.kj-graph-break img {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(1);
	transition: transform .3s 1.7s;
}

.kj-graph-break.kj-get-reward img {
	transform: translate(-50%, -50%) scale(0.45);
}

.kj-graph-break .kj-fs12 {
	position: absolute;
	bottom: -28px;
	left: 50%;
	transform: translateX(-50%);
}

.kj-now-graph {
	position: absolute;
	top: 50%;
	z-index: 2;
	height: 16px;
	border-radius: 999em;
	background-color: #0565f0;
	transform: translateY(-50%);
}

.kj-now-graph>div {
	position: absolute;
	top: 0;
	right: 0;
	width: 32px;
	height: 32px;
	transform: translateY(-25%);
}

.kj-now-graph img {
	width: 100%;
}

.kj-now-graph .kj-fs12 {
	position: absolute;
	bottom: -28px;
	left: 50%;
	transform: translateX(-50%);
}

.kj-wave-content {
	overflow: hidden;
	width: 100%;
}

.kj-wave-content .kj-inner {
	display: flex;
	transform: translateX(0);
}



.kj-wave-content .kj-inner>div {
	white-space: nowrap;
	animation: walkingWave var(--t) linear infinite;
	animation-delay: calc(var(--t) * -1);
}

.kj-wave-content .kj-inner>div:nth-child(2) {
	animation: walkingWave2 var(--t) linear infinite;
	animation-delay: calc(var(--t) / -2);
}

.kj-visual-bg {
	overflow: hidden;
	height: 556px;
	position: absolute;
	top: 0;
	left: 0;
}

.kj-visual-bg>div {
	display: flex;
	height: 505px;
	white-space: nowrap;
	transform: translateX(0);
}


@keyframes walkingWave {
	0% {
		transform: translateX(100%);
	}

	100% {
		transform: translateX(-100%);
	}
}

@keyframes walkingWave2 {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(-200%);
	}
}

@keyframes walkingRewardScale {
	0% {
		transform: translate(-50%, -50%) scale(1);
	}

	100% {
		transform: translate(-50%, -50%) scale(0.45);
	}
}


.kj-ox-quiz-wrap {
	display: grid;
	margin-top: 20px;

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

.kj-ox-quiz-wrap label {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding: 24px;
	border-radius: 6px;
	cursor: pointer;

	gap: 12px;
}

.kj-ox-quiz-wrap .kj-ox-quiz-o {
	color: var(--kj-175ec7);
	background-color: var(--kj-e5f1ff);
}

.kj-ox-quiz-wrap .kj-ox-quiz-x {
	color: var(--kj-e5493a);
	background-color: var(--kj-ffedeb);
}

.kj-ox-quiz-wrap input:checked+.kj-ox-quiz-o {
	/*border: 2px solid var(--kj-5697f0);*/
	box-shadow: 0 0 0 2px var(--kj-5697f0);
}

.kj-ox-quiz-wrap input:checked+.kj-ox-quiz-x {
	/*border: 2px solid var(--kj-e9584b);*/
	box-shadow: 0 0 0 2px var(--kj-e9584b);
}

.kj-ox-quiz-wrap input:disabled+label {
	opacity: 0.6;
}

.kj-walking-save-list {}

.kj-walking-save-list .kj-inner {
	padding: 20px 0;
	display: flex;
	gap: 12px;
	border-bottom: 1px solid var(--kj-f2f5f7)
}

.kj-walking-save-list .kj-detail-list {
	flex: 1;
}

.kj-walking-save-list .kj-detail-list li {
	display: flex;
	justify-content: space-between;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid var(--kj-f2f5f7);
}

.kj-walking-save-list .kj-detail-list li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0 none;
}