@charset "UTF-8";
.showcase_january_event body {
	margin: 0;
}

.showcase_january_event * {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.showcase_january_event p, .showcase_january_event h1, .showcase_january_event h2, .showcase_january_event h3, .showcase_january_event h4, .showcase_january_event h5, .showcase_january_event h6, .showcase_january_event ul, .showcase_january_event ol, .showcase_january_event li, .showcase_january_event dl, .showcase_january_event dt, .showcase_january_event dd, .showcase_january_event table, .showcase_january_event th, .showcase_january_event td, .showcase_january_event form, .showcase_january_event fieldset, .showcase_january_event legend, .showcase_january_event input, .showcase_january_event textarea, .showcase_january_event button, .showcase_january_event select, .showcase_january_event em, .showcase_january_event strong, .showcase_january_event span, .showcase_january_event a {
	margin: 0;
	padding: 0;
	font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}

.showcase_january_event input, .showcase_january_event textarea, .showcase_january_event select, .showcase_january_event button, .showcase_january_event table {
	font-size: 13px;
	line-height: 1.4;
	letter-spacing: -0.3px;
	color: #252525;
	-webkit-appearance: none;
	appearance: none;
	font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}

.showcase_january_event img, .showcase_january_event fieldset {
	border: 0;
	vertical-align: top;
}

.showcase_january_event ul, .showcase_january_event ol {
	list-style: none;
}

.showcase_january_event em, .showcase_january_event address {
	font-style: normal;
}

.showcase_january_event a {
	text-decoration: none;
}

.showcase_january_event a:hover, .showcase_january_event a:active, .showcase_january_event a:focus {
	text-decoration: none;
}

.showcase_january_event table {
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
}

.showcase_january_event hr {
	display: none !important;
}

.showcase_january_event .u_skip, .showcase_january_event .blind {
	overflow: hidden !important;
	position: absolute !important;
	clip: rect(0 0 0 0) !important;
	width: 1px !important;
	height: 1px !important;
	margin: -1px !important;
}

.showcase_january_event button {
	border: none;
	background: none;
	cursor: pointer;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-tap-highlight-color: transparent;
}

.showcase_january_event img {
	width: 100%;
	vertical-align: top;
}

/* vw 변환 function */
.showcase_january_event .icon {
	background-image: url(../img/sprite/sp_test.png);
	-webkit-background-size: 80px 64px;
	        background-size: 80px 64px;
	background-repeat: no-repeat;
}

@font-face {
	font-family: "DnfBitbeatV2";
	src: local("DNFBitBitv2"), url("https://cdn.df.nexon.com/img/common/font/DNFBitBitv2.otf") format("opentype");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Lanapixel";
	src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/2506-1@1.0/LanaPixel.woff2") format("woff2");
	font-weight: normal;
	font-display: swap;
}

.showcase_january_event .icon {
	background-position: 0px 0px;
	background-repeat: no-repeat;
	width: 80px;
	height: 64px;
}

.showcase_january_event .pc_only {
	display: block !important;
}

.showcase_january_event .mo_only {
	display: none !important;
}

.showcase_january_event .flex_wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.showcase_january_event .etc_span {
	color: #616161;
}

.showcase_january_event .coin_popup,
.showcase_january_event .gacha_popup,
.showcase_january_event .attendance_popup,
.showcase_january_event .redeem_popup {
	z-index: 5;
}

.showcase_january_event .sc_gift,
.showcase_january_event .sc_banner {
	overflow: hidden;
}

.showcase_january_event .sc_main .img_box img {
	opacity: 0;
}

.showcase_january_event .blind_wrap {
	position: absolute;
	width: 1px;
	height: 1px;
	clip: rect(0 0 0 0);
	overflow: hidden;
}

.showcase_january_event .bold_span {
	font-weight: 700;
}

.showcase_january_event .gacha_particles {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}

.showcase_january_event .sc_banner a {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.showcase_january_event .sc_process {
	background: #f6f8fa;
}

.showcase_january_event .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	opacity: 1;
}

.showcase_january_event .mySwiper {
	position: relative;
	width: 100%;
}

.showcase_january_event .mySwiper .swiper-slide {
	width: 100%;
}

.showcase_january_event .mySwiper img {
	width: 100%;
	display: block;
}

.showcase_january_event .process_swiper {
	width: 100%;
}

.showcase_january_event .mySwiper img {
	width: 100%;
	height: auto;
	display: block;
}

.showcase_january_event .gacha_particles {
	pointer-events: none;
}

.showcase_january_event .january_event_container[data-auth="out"] .sc_mission .btn_wrap a {
	color: #a0a0a0;
	pointer-events: none;
	cursor: default;
}

.showcase_january_event .sc_main .main_title_wrap,
.showcase_january_event .sc_main .main_txt_wrap p,
.showcase_january_event .sc_coin .title_wrap,
.showcase_january_event .sc_coin .txt_wrap,
.showcase_january_event .sc_coin .status_wrap .flex_wrap,
.showcase_january_event .sc_mission .title_wrap,
.showcase_january_event .sc_mission .txt_wrap,
.showcase_january_event .sc_mission .mission_content,
.showcase_january_event .sc_gift .title_wrap,
.showcase_january_event .sc_gift .txt_wrap,
.showcase_january_event .sc_gift .gift_content,
.showcase_january_event .sc_gift .etc_txt {
	opacity: 0;
	-webkit-transform: translateY(30px);
	    -ms-transform: translateY(30px);
	        transform: translateY(30px);
}

.showcase_january_event .sc_coin .status_wrap {
	opacity: 0;
}

@media screen and (min-width: 1921px) {
	.showcase_january_event {
		/*sc_main*/
		/*sc_coin*/
		/*로그아웃 상태*/
		/* ===== 로그인 상태: out UI 숨김 ===== */
		/* ===== 비로그인 상태: txt_wrap 삭제 + 로그인 UI만 노출 ===== */
		/* coin_popup */
		/* empty */
		/* overlay */
		/* popup panel */
		/* table base*/
		/* column width */
		/*head table */
		/*body scroll wrapper*/
		/*body table rows*/
		/* info cell */
		/*sc_mission*/
		/* 공통 */
		/* 0개 획득 */
		/* 1개 이상 획득 */
		/* disabled */
		/* done */
		/* 비로그인 상태: 미션 버튼 비활성 */
		/* 비로그인 상태: 미션 게이지 전부 비활성 색상으로 통일 */
		/*sc_gift*/
		/* 기본: 정지이미지 보임 */
		/* 재생: gif가 위로 올라옴 */
		/* sc_gift 공통 비활성 */
		/*gacha_popup*/
		/* 꽝일 때 결과 버튼 영역 숨김 */
		/*sc_process*/
		/*sc_banner*/
		/*sc_notice*/
		/*캘린더 팝업*/
		/* 오늘 출석 완료 + 전체 완료: 회색 + 클릭 불가 */
		/*이미지 포지션*/
		/*이미지 크기 및 포지션*/
		/*이미지 오파시티*/
		/* 기본: 전부 흐림 */
		/* 출석 완료한 날짜만 진하게 */
		/* 발급 완료 팝업 */
	}
	.showcase_january_event .pc_only {
		display: block !important;
	}
	.showcase_january_event .mo_only {
		display: none !important;
	}
	.showcase_january_event .etc_span {
		font-size: 0.73vw;
	}
	.showcase_january_event .mt3 {
		margin-top: 0.16vw;
		display: block;
	}
	.showcase_january_event .sticky_wrap {
		position: relative;
		z-index: 2;
	}
	.showcase_january_event .line_wrap.mo {
		display: none;
	}
	.showcase_january_event .line_wrap.pc {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		gap: 0.63vw;
		position: absolute;
		top: 4.69vw;
		right: 1.56vw;
		z-index: 2;
		background: transparent;
	}
	.showcase_january_event .sticky_wrap.type_fixed {
		z-index: 2;
	}
	.showcase_january_event .sticky_wrap.type_fixed .line_wrap.pc {
		position: fixed;
		z-index: 2;
	}
	.showcase_january_event .line_wrap.pc .coin_box {
		font-family: "Lanapixel", sans-serif;
		font-size: 0.83vw;
		line-height: 1.35;
		font-weight: 400;
		color: #111;
		background-color: #fff;
		padding: 0.63vw 1.15vw;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		border: 0.1vw solid #111111;
	}
	.showcase_january_event .line_wrap.pc .coin_box img {
		width: 1.2vw;
		height: 1.2vw;
	}
	.showcase_january_event .line_wrap.pc .coin_box .coin_label,
	.showcase_january_event .line_wrap.pc .coin_box .coin_value,
	.showcase_january_event .line_wrap.pc .coin_box .coin_count {
		font-family: "Lanapixel", sans-serif;
		font-size: 0.83vw;
		line-height: 1.35;
		font-weight: 400;
	}
	.showcase_january_event .line_wrap.pc .coin_box .coin_value {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	.showcase_january_event .line_wrap.pc .coin_box .coin_value span {
		font-family: "Lanapixel", sans-serif;
		font-size: 0.83vw;
		line-height: 1.35;
		font-weight: 400;
	}
	.showcase_january_event .line_wrap.pc a {
		font-family: "Lanapixel", sans-serif;
		font-size: 0.83vw;
		line-height: 1.35;
		font-weight: 400;
		color: #111;
		background-color: #fff;
		padding: 0.63vw 2.08vw;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		border: 0.1vw solid #111111;
		cursor: pointer;
	}
	.showcase_january_event .line_wrap.pc a.on {
		background: #000;
		color: #fff;
	}
	.showcase_january_event .gacha_particles {
		width: 46.88vw;
		height: 52.08vw;
	}
	.showcase_january_event .title_wrap {
		width: 39.06vw;
		height: 5.73vw;
		margin-bottom: 1.25vw;
	}
	.showcase_january_event .txt_wrap {
		margin-bottom: 2.08vw;
	}
	.showcase_january_event .txt_wrap p {
		font-size: 1.25vw;
		line-height: 1;
		text-align: center;
	}
	.showcase_january_event .section_inner {
		padding: 6.77vw 0;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.showcase_january_event .dimmed_wrap {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		background: rgba(0, 0, 0, 0.5);
		z-index: -1;
	}
	.showcase_january_event .sc_main {
		position: relative;
		background-image: url(../img/pc/main_bg.jpg);
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		        background-size: cover;
		background-position: center;
		height: 51.04vw;
		overflow: hidden;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.showcase_january_event .sc_main .main_title {
		width: 35.05vw;
		height: 14.38vw;
		margin-bottom: 1.04vw;
	}
	.showcase_january_event .sc_main .main_txt_wrap {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.showcase_january_event .sc_main .main_txt_wrap p:nth-child(1) {
		width: 43.13vw;
		height: 4.53vw;
		margin-bottom: 0.83vw;
	}
	.showcase_january_event .sc_main .main_txt_wrap p:nth-child(2) {
		width: 24.43vw;
		height: 3.02vw;
		margin-bottom: 2.08vw;
	}
	.showcase_january_event .sc_main .main_txt_wrap p:nth-child(3) {
		font-size: 1.46vw;
		line-height: 1.45;
		text-align: center;
		color: #111;
	}
	.showcase_january_event .sc_main .img_wrap {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
		/* 양옆 잘리게 */
	}
	.showcase_january_event .sc_main .img_box {
		position: absolute;
		top: 0;
		left: 50%;
		-webkit-transform: translateX(-50%);
		    -ms-transform: translateX(-50%);
		        transform: translateX(-50%);
		width: 100vw;
		height: 100%;
		max-width: none;
	}
	.showcase_january_event .sc_main .img_wrap img {
		position: absolute;
	}
	.showcase_january_event .sc_main .main_img_01 {
		width: 1.15vw;
		height: 1.15vw;
		top: 16.3vw;
		left: 16.56vw;
	}
	.showcase_january_event .sc_main .main_img_gif_01 {
		width: 17.71vw;
		height: 17.71vw;
		top: 10.42vw;
		left: 14.58vw;
	}
	.showcase_january_event .sc_main .main_img_gif_02 {
		width: 17.71vw;
		height: 17.71vw;
		top: 24.58vw;
		left: 65.47vw;
	}
	.showcase_january_event .sc_main .main_img_gif_03 {
		width: 5.73vw;
		height: 5.73vw;
		top: 14.27vw;
		left: 68.75vw;
	}
	.showcase_january_event .sc_main .main_img_02 {
		width: 1.82vw;
		height: 1.82vw;
		top: 16.93vw;
		left: 19.27vw;
	}
	.showcase_january_event .sc_main .main_img_03 {
		width: 4.74vw;
		height: 4.11vw;
		top: 23.7vw;
		left: 21.82vw;
	}
	.showcase_january_event .sc_main .main_img_04 {
		width: 4.9vw;
		height: 6.77vw;
		top: 15.1vw;
		left: 25.31vw;
	}
	.showcase_january_event .sc_main .main_img_05 {
		width: 4.74vw;
		height: 4.11vw;
		top: 15.31vw;
		left: 68.75vw;
	}
	.showcase_january_event .sc_main .main_img_06 {
		width: 1.67vw;
		height: 1.67vw;
		top: 25.63vw;
		left: 77.6vw;
	}
	.showcase_january_event .sc_main .main_img_07 {
		width: 3.49vw;
		height: 3.39vw;
		top: 28.65vw;
		left: 73.18vw;
	}
	.showcase_january_event .sc_main .main_img_08 {
		width: 4.79vw;
		height: 6.15vw;
		top: 31.61vw;
		left: 68.7vw;
	}
	.showcase_january_event .sc_coin {
		background: -webkit-gradient(linear, left top, left bottom, from(#fff3ab), to(#fffdf0));
		background: -webkit-linear-gradient(top, #fff3ab 0%, #fffdf0 100%);
		background: linear-gradient(180deg, #fff3ab 0%, #fffdf0 100%);
	}
	.showcase_january_event .sc_coin .status_wrap {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		background-image: url(../img/pc/coin_status_bg.png);
		-webkit-background-size: contain;
		        background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		width: 40.63vw;
		height: 9.38vw;
		padding: 1.56vw 5.21vw;
	}
	.showcase_january_event .sc_coin .status_profile {
		width: 5.73vw;
		height: 6.25vw;
		margin-right: 1.25vw;
	}
	.showcase_january_event .sc_coin .status_available span {
		font-size: 1.04vw;
		line-height: 1;
		font-family: "DnfBitbeatV2", sans-serif;
		color: #ffb131;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		margin-bottom: 0.68vw;
	}
	.showcase_january_event .sc_coin .coin_wrap {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		white-space: nowrap;
	}
	.showcase_january_event .sc_coin .coin_wrap img {
		width: 3.02vw;
		height: 3.02vw;
	}
	.showcase_january_event .sc_coin .coin_wrap .coin_number {
		font-family: "DnfBitbeatV2", sans-serif;
		font-size: 2.6vw;
		line-height: 1;
		color: #ffb131;
		margin-left: 0.05vw;
	}
	.showcase_january_event .sc_coin .btn_wrap.btn_logged_in {
		margin-left: 4.79vw;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 0.42vw;
	}
	.showcase_january_event .sc_coin .btn_wrap a,
	.showcase_january_event .sc_coin .btn_wrap button {
		border: 0.05vw solid #dcdee0;
		font-weight: 700;
		font-size: 0.73vw;
		line-height: 1.35;
		color: #111;
		width: 9.38vw;
		height: 2.66vw;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	.showcase_january_event .sc_coin .btn_logged_out {
		margin: 0 auto;
	}
	.showcase_january_event .sc_coin .btn_logged_out a {
		width: 14.58vw;
		height: 2.92vw;
	}
	.showcase_january_event .january_event_container[data-auth="in"] .sc_coin .btn_logged_out {
		display: none;
	}
	.showcase_january_event .january_event_container[data-auth="out"] .sc_coin .txt_wrap {
		display: none;
	}
	.showcase_january_event .january_event_container[data-auth="out"] .sc_coin .status_profile,
	.showcase_january_event .january_event_container[data-auth="out"] .sc_coin .status_available,
	.showcase_january_event .january_event_container[data-auth="out"] .sc_coin .btn_logged_in {
		display: none;
	}
	.showcase_january_event .january_event_container[data-auth="out"] .sc_coin .btn_logged_out {
		display: block;
		/* 기존 btn_wrap 레이아웃에 맞게 block/flex 중 선택 */
	}
	.showcase_january_event .history_empty {
		display: none;
	}
	.showcase_january_event .history_empty .empty_wrap {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		padding: 1.56vw 0;
	}
	.showcase_january_event .history_empty .empty_wrap .empty_text {
		font-size: 0.83vw;
		line-height: 1;
		font-weight: 700;
	}
	.showcase_january_event .coin_popup {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: none;
	}
	.showcase_january_event .coin_popup .popup_inner {
		z-index: 1;
		width: 52.81vw;
		height: auto;
		background: #fff;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		    -ms-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		padding: 3.13vw 0 3.96vw;
		position: relative;
	}
	.showcase_january_event .coin_popup .popup_content {
		width: 33.65vw;
		position: relative;
	}
	.showcase_january_event .coin_popup .popup_panel {
		width: 32.81vw;
		position: relative;
	}
	.showcase_january_event .coin_popup .scroll_rail {
		position: absolute;
		bottom: 0;
		right: 0;
		width: 0.52vw;
		height: 22.24vw;
		-webkit-border-radius: 52.03vw;
		        border-radius: 52.03vw;
		background: rgba(0, 0, 0, 0.08);
	}
	.showcase_january_event .coin_popup .scroll_thumb {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 2.08vw;
		-webkit-border-radius: 52.03vw;
		        border-radius: 52.03vw;
		background: #111;
		cursor: grab;
		-webkit-transition: top 0.08s linear;
		transition: top 0.08s linear;
	}
	.showcase_january_event .coin_popup .scroll_thumb.is-dragging {
		-webkit-transition: none;
		transition: none;
	}
	.showcase_january_event .coin_popup .scroll_thumb:active {
		cursor: grabbing;
	}
	.showcase_january_event .coin_popup .popup_close {
		width: 2.08vw;
		height: 2.08vw;
		position: absolute;
		top: 0.83vw;
		right: 1.04vw;
	}
	.showcase_january_event .coin_popup .popup_header {
		padding-bottom: 1.25vw;
		border-bottom: 0.1vw solid #000;
	}
	.showcase_january_event .coin_popup .popup_header p {
		font-size: 1.25vw;
		line-height: 1;
		font-weight: 700;
		color: #111;
		text-align: center;
	}
	.showcase_january_event .coin_popup .history_table {
		width: 100%;
		table-layout: fixed;
		border-collapse: collapse;
	}
	.showcase_january_event .coin_popup .col_info {
		width: 22.4vw;
	}
	.showcase_january_event .coin_popup .col_date {
		width: 6.25vw;
	}
	.showcase_january_event .coin_popup .col_coin {
		width: 4.17vw;
	}
	.showcase_january_event .coin_popup .history_table--head thead {
		border-bottom: 0.05vw solid #ebedee;
	}
	.showcase_january_event .coin_popup .history_table--head th {
		padding: 0.94vw 0 0.83vw;
		font-size: 0.68vw;
		line-height: 1.15;
		color: #111;
		font-weight: 400;
		text-align: center;
	}
	.showcase_january_event .coin_popup .history_scroll {
		max-height: 19.9vw;
		overflow-y: auto;
		scrollbar-gutter: stable;
		overflow-x: hidden;
		scrollbar-width: none;
	}
	.showcase_january_event .coin_popup .history_scroll::-webkit-scrollbar {
		width: 0;
		height: 0;
	}
	.showcase_january_event .coin_popup .history_table--body .history_row {
		border-bottom: 0.05vw solid #ebedee;
	}
	.showcase_january_event .coin_popup .history_table--body .td_info {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		padding: 0.73vw 0 0.73vw 1.04vw;
	}
	.showcase_january_event .coin_popup .history_table--body .td_info .item_img {
		width: 2.08vw;
		height: 2.08vw;
		margin-right: 0.63vw;
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 2.08vw;
		    -ms-flex: 0 0 2.08vw;
		        flex: 0 0 2.08vw;
	}
	.showcase_january_event .coin_popup .history_table--body .td_info .item_img img {
		width: 100%;
		height: 100%;
		display: block;
	}
	.showcase_january_event .coin_popup .history_table--body .td_info .item_text {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		min-width: 0;
	}
	.showcase_january_event .coin_popup .history_table--body .td_info .item_text .item_badge {
		margin-right: 0.31vw;
		-webkit-border-radius: 0.05vw;
		        border-radius: 0.05vw;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		width: 1.67vw;
		height: 0.94vw;
		font-size: 0.57vw;
		font-weight: 600;
		line-height: 1;
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 1.67vw;
		    -ms-flex: 0 0 1.67vw;
		        flex: 0 0 1.67vw;
	}
	.showcase_january_event .coin_popup .history_table--body .td_info .item_text .item_badge.type_gacha {
		color: #7c3eee;
		background: #7c3eee26;
	}
	.showcase_january_event .coin_popup .history_table--body .td_info .item_text .item_badge.type_exchange {
		color: #ff7700;
		background: #ff770026;
	}
	.showcase_january_event .coin_popup .history_table--body .td_info .item_text .item_name {
		font-weight: 700;
		line-height: 1.25;
		font-size: 0.73vw;
		color: #111;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.showcase_january_event .coin_popup .history_table--body .td_date,
	.showcase_january_event .coin_popup .history_table--body .td_coin {
		font-weight: 700;
		line-height: 1.25;
		font-size: 0.73vw;
		color: #222;
		text-align: center;
		padding: 0.73vw 0;
		white-space: nowrap;
	}
	.showcase_january_event .coin_popup .history_table--body tbody tr:last-child {
		border-bottom: 0;
	}
	.showcase_january_event .sc_mission {
		background-image: url(../img/pc/mission_bg.jpg);
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		        background-size: cover;
		background-position: center;
	}
	.showcase_january_event .sc_mission .mission_content {
		background-repeat: no-repeat;
		background-image: url(../img/pc/mission_content_bg_2.png);
		width: 51.04vw;
		height: 28.13vw;
		padding: 2.08vw 3.39vw;
		-webkit-background-size: contain;
		        background-size: contain;
	}
	.showcase_january_event .sc_mission .mission_content ul {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.showcase_january_event .sc_mission .mission_content ul li:nth-child(2) {
		margin-top: 1.04vw;
	}
	.showcase_january_event .sc_mission .mission_content ul li:nth-child(3) {
		margin-top: 0.89vw;
	}
	.showcase_january_event .sc_mission .mission_content ul li:nth-child(3) .txt_box {
		margin-top: -0.21vw;
	}
	.showcase_january_event .sc_mission .mission_content .mission_bonus {
		margin-top: 0.83vw;
	}
	.showcase_january_event .sc_mission .mission_content ul li {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	.showcase_january_event .sc_mission .mission_content .img_wrap {
		width: 5.21vw;
		height: 5.21vw;
		margin-right: 1.25vw;
	}
	.showcase_january_event .sc_mission .mission_content .txt_box .mission_number {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		margin-bottom: 0.21vw;
	}
	.showcase_january_event .sc_mission .mission_content .txt_box .mission_number span {
		display: block;
		margin-right: 0.52vw;
	}
	.showcase_january_event .sc_mission .mission_content .mission_ul .txt_box .mission_number span {
		width: 5.31vw;
		height: 1.2vw;
	}
	.showcase_january_event .sc_mission .mission_content .mission_bonus .txt_box .mission_number span {
		width: 3.28vw;
		height: 1.2vw;
	}
	.showcase_january_event .sc_mission .mission_content .txt_box .mission_number p {
		color: #111;
		line-height: 1.35;
		font-size: 1.25vw;
		font-weight: 700;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}
	.showcase_january_event .sc_mission .mission_content .txt_box .mission_number p span {
		width: auto !important;
		height: auto !important;
	}
	.showcase_january_event .sc_mission .mission_content .txt_box .mission_txt {
		margin-bottom: 0.31vw;
	}
	.showcase_january_event .sc_mission .mission_content .txt_box .mission_txt p {
		color: #616161;
		line-height: 1.2;
		font-size: 0.83vw;
	}
	.showcase_january_event .sc_mission .mission_content .txt_box .mission_gauge {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		gap: 0.1vw;
	}
	.showcase_january_event .sc_mission .mission_content .txt_box .mission_gauge .gauge_step {
		background: #ffe6f1;
		width: 3.13vw;
		height: 0.52vw;
	}
	.showcase_january_event .sc_mission .mission_content .mission_ul .txt_box .mission_gauge .gauge_step.is-active {
		background: #ff2483;
	}
	.showcase_january_event .sc_mission .mission_content .mission_bonus .txt_box .mission_gauge .gauge_step.is-active {
		background: #bc0052;
	}
	.showcase_january_event .sc_mission .mission_content .btn_wrap {
		margin-left: auto;
	}
	.showcase_january_event .sc_mission .mission_content .btn_wrap button {
		width: 9.38vw;
		height: 2.66vw;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		border: 0.05vw solid #dcdee0;
		-webkit-border-radius: 0.1vw;
		        border-radius: 0.1vw;
		color: #a0a0a0;
		font-weight: 700;
		font-size: 0.73vw;
		line-height: 1.35;
		color: #111;
	}
	.showcase_january_event .sc_mission .mission_content .btn_wrap a {
		width: 9.38vw;
		height: 2.66vw;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		border: 0.05vw solid #dcdee0;
		-webkit-border-radius: 0.1vw;
		        border-radius: 0.1vw;
		color: #a0a0a0;
		font-weight: 700;
		font-size: 0.73vw;
		line-height: 1.35;
		color: #111;
	}
	.showcase_january_event .sc_mission .mission_count {
		display: inline-block;
		padding: 0.21vw 0.42vw;
		-webkit-border-radius: 0.1vw;
		        border-radius: 0.1vw;
		font-size: 0.63vw;
		font-weight: 700;
		line-height: 1.35;
	}
	.showcase_january_event .sc_mission .mission_count.is-zero {
		color: #a0a0a0;
		background: #a0a0a01a;
	}
	.showcase_january_event .sc_mission .mission_count.is-active {
		color: #ff2483;
		background: #ff24830d;
	}
	.showcase_january_event .sc_mission li[data-state="disabled"] .btn_wrap button {
		color: #a0a0a0;
		pointer-events: none;
	}
	.showcase_january_event .sc_mission li[data-state="done"] .btn_wrap button {
		color: #a0a0a0;
		pointer-events: none;
	}
	.showcase_january_event .january_event_container[data-auth="out"] .sc_mission .btn_wrap button {
		color: #a0a0a0;
		pointer-events: none;
		cursor: default;
	}
	.showcase_january_event .january_event_container[data-auth="out"] .sc_mission .mission_gauge .gauge_step {
		background: #dcdee0;
	}
	.showcase_january_event .january_event_container[data-auth="out"] .sc_mission .mission_content .mission_ul .txt_box .mission_gauge .gauge_step.is-active {
		background: #dcdee0;
	}
	.showcase_january_event .january_event_container[data-auth="out"] .sc_mission .mission_content .mission_bonus .txt_box .mission_gauge .gauge_step.is-active {
		background: #dcdee0;
	}
	.showcase_january_event .sc_gift {
		background: -webkit-gradient(linear, left top, left bottom, from(#ddf6ff), to(#eefaff));
		background: -webkit-linear-gradient(top, #ddf6ff 0%, #eefaff 100%);
		background: linear-gradient(180deg, #ddf6ff 0%, #eefaff 100%);
	}
	.showcase_january_event .sc_gift .txt_wrap p {
		line-height: 1.45;
		text-align: center;
	}
	.showcase_january_event .sc_gift .gift_content .top_content {
		background-image: url(../img/pc/gift_content_bg.png);
		background-repeat: no-repeat;
		background-position: center;
		-webkit-background-size: contain;
		        background-size: contain;
		width: 61.46vw;
		height: 31.77vw;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		position: relative;
	}
	.showcase_january_event .sc_gift .gift_content .top_content .left_wrap {
		position: absolute;
		top: 1.35vw;
		left: 0;
		width: 19.79vw;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	.showcase_january_event .sc_gift .title_box span {
		background-image: url(../img/pc/gift_title_box_bg.png);
		background-repeat: no-repeat;
		background-position: center;
		-webkit-background-size: contain;
		        background-size: contain;
		width: 5.73vw;
		height: 2.6vw;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		margin-bottom: 0.52vw;
		font-family: "DnfBitbeatV2", sans-serif;
		font-size: 0.94vw;
		line-height: 1;
		color: #0097cc;
	}
	.showcase_january_event .sc_gift .title_box h3 {
		font-size: 1.25vw;
		line-height: 1.35;
		font-weight: 700;
		color: #111;
		margin-bottom: 1.2vw;
	}
	.showcase_january_event .sc_gift .title_box p {
		color: #111;
		line-height: 1.35;
		font-size: 0.83vw;
	}
	.showcase_january_event .sc_gift .gift_content .top_content .left_wrap .motion_wrap {
		width: 11.98vw;
		height: 19.27vw;
	}
	.showcase_january_event .sc_gift .motion_wrap {
		position: relative;
	}
	.showcase_january_event .sc_gift .motion_wrap img {
		position: absolute;
		inset: 0;
		/* top:0; right:0; bottom:0; left:0; */
		width: 100%;
		height: 100%;
		object-fit: contain;
		/* 필요시 */
	}
	.showcase_january_event .sc_gift .motion_wrap .motion_gif {
		opacity: 0;
		pointer-events: none;
		z-index: 1;
	}
	.showcase_january_event .sc_gift .motion_wrap .motion_still {
		opacity: 1;
	}
	.showcase_january_event .sc_gift .motion_wrap.is-playing .motion_gif {
		opacity: 1;
	}
	.showcase_january_event .sc_gift .motion_wrap.is-playing .motion_still {
		opacity: 0;
	}
	.showcase_january_event .sc_gift .btn_wrap {
		margin-top: 0.68vw;
	}
	.showcase_january_event .sc_gift .btn_wrap button {
		width: 11.2vw;
		height: 3.13vw;
		border: 0.05vw solid #dcdee0;
		background: #fff;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	.showcase_january_event .sc_gift .btn_wrap button img {
		width: 1.98vw;
		height: 2.03vw;
	}
	.showcase_january_event .sc_gift .btn_wrap button span {
		display: block;
		margin-left: 0.16vw;
		color: #111;
		line-height: 1.35;
		font-size: 0.83vw;
		font-weight: 700;
	}
	.showcase_january_event .sc_gift .gift_content .top_content .left_wrap .img_wrap {
		position: absolute;
		top: 0;
		left: 0;
	}
	.showcase_january_event .sc_gift .gift_content .top_content .left_wrap .img_wrap img {
		width: 1.67vw;
		height: 2.29vw;
		position: absolute;
	}
	.showcase_january_event .sc_gift .gift_content .top_content .left_wrap .img_wrap .glitter_01 {
		top: 15.99vw;
		left: 1.56vw;
	}
	.showcase_january_event .sc_gift .gift_content .top_content .left_wrap .img_wrap .glitter_02 {
		top: 7.76vw;
		left: 15.73vw;
	}
	.showcase_january_event .sc_gift .gift_content .top_content .right_wrap {
		position: absolute;
		top: 1.56vw;
		right: 0;
		width: 40.63vw;
	}
	.showcase_january_event .sc_gift .gift_content .top_content .right_wrap .title_box {
		text-align: center;
	}
	.showcase_january_event .sc_gift .gift_content .top_content .right_wrap .title_box h3 {
		font-size: 1.04vw;
		line-height: 1.35;
		font-weight: 700;
		color: #111;
		margin-bottom: 0;
	}
	.showcase_january_event .sc_gift .gift_content .top_content .right_wrap .title_box p {
		color: #111;
		line-height: 1.35;
		font-size: 0.73vw;
		margin-top: 0.21vw;
	}
	.showcase_january_event .sc_gift .gift_content .top_content .right_wrap .gift_wrap .first_st {
		background-repeat: no-repeat;
		-webkit-background-size: contain;
		        background-size: contain;
		background-position: center;
		position: relative;
		width: 23.8vw;
		height: 12.4vw;
		margin: 0.47vw auto 0;
	}
	.showcase_january_event .sc_gift .gift_content .top_content .right_wrap .gift_wrap .first_st img {
		position: absolute;
	}
	.showcase_january_event .sc_gift .gift_content .top_content .right_wrap .gift_wrap .first_st {
		width: 25.52vw;
		height: 13.65vw;
	}
	.showcase_january_event .sc_gift .gift_content .top_content .right_wrap .gift_wrap .first_st .txt_box {
		position: absolute;
		left: 50%;
		-webkit-transform: translateX(-50%);
		    -ms-transform: translateX(-50%);
		        transform: translateX(-50%);
		bottom: 0.83vw;
		text-align: center;
	}
	.showcase_january_event .sc_gift .gift_content .top_content .right_wrap .gift_wrap .first_st h4 {
		color: #fff;
		font-weight: 700;
		line-height: 1.35;
		font-size: 0.94vw;
		display: block;
		margin-bottom: 0.1vw;
	}
	.showcase_january_event .sc_gift .gift_content .top_content .right_wrap .gift_wrap .first_st p {
		color: #fff;
		font-size: 0.73vw;
		line-height: 1.35;
	}
	.showcase_january_event .sc_gift .gift_content .top_content .right_wrap .gift_wrap .gift_list {
		margin-top: 0.78vw;
	}
	.showcase_january_event .sc_gift .gift_content .top_content .right_wrap .gift_wrap .gift_list ul {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		gap: 1.04vw;
	}
	.showcase_january_event .sc_gift .gift_content .top_content .right_wrap .gift_wrap .gift_list ul li img {
		width: 6.77vw;
		height: 6.77vw;
	}
	.showcase_january_event .sc_gift .gift_content .top_content .right_wrap .gift_wrap .gift_list ul li h4 {
		color: #111;
		font-size: 0.94vw;
		line-height: 1.35;
		font-weight: 700;
		margin-top: 0.52vw;
		display: block;
		text-align: center;
	}
	.showcase_january_event .sc_gift .gift_content .top_content .right_wrap .gift_wrap .gift_list ul li p {
		color: #111;
		font-size: 0.68vw;
		line-height: 1.3;
		margin-top: 0.21vw;
		text-align: center;
	}
	.showcase_january_event .sc_gift .bottom_content {
		margin-top: 1.04vw;
	}
	.showcase_january_event .sc_gift .bottom_content ul {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		gap: 1.04vw;
	}
	.showcase_january_event .sc_gift .bottom_content li {
		background-repeat: no-repeat;
		background-position: center;
		-webkit-background-size: contain;
		        background-size: contain;
		width: 14.58vw;
		height: 20.83vw;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.showcase_january_event .sc_gift .bottom_content .first_etc .img_wrap {
		margin-top: 1.61vw;
		width: 6.3vw;
		height: 5.47vw;
		margin-bottom: 1.98vw;
	}
	.showcase_january_event .sc_gift .bottom_content .title_box {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	.showcase_january_event .sc_gift .bottom_content .title_box h3 {
		margin-bottom: 0.21vw;
	}
	.showcase_january_event .sc_gift .bottom_content .title_box a {
		color: #111;
		padding-right: 0.78vw;
		position: relative;
		font-size: 0.83vw;
	}
	.showcase_january_event .sc_gift .bottom_content .title_box a::after {
		content: "";
		position: absolute;
		top: 28%;
		right: 0;
		width: 0.52vw;
		height: 0.63vw;
		background-image: url(../img/pc/arrow.png);
		background-repeat: no-repeat;
		-webkit-background-size: contain;
		        background-size: contain;
		background-position: center;
		line-height: 1.35;
	}
	.showcase_january_event .sc_gift .bottom_content .first_etc {
		background-image: url(../img/pc/etc_list_bg_01.png);
	}
	.showcase_january_event .sc_gift .bottom_content .first_etc .title_box span {
		background-image: url(../img/pc/gift_title_box_bg_01.png);
		color: #026600;
	}
	.showcase_january_event .sc_gift .bottom_content .second_etc {
		background-image: url(../img/pc/etc_list_bg_02.png);
	}
	.showcase_january_event .sc_gift .bottom_content .second_etc .title_box span {
		background-image: url(../img/pc/gift_title_box_bg_02.png);
		color: #d81b1b;
	}
	.showcase_january_event .sc_gift .bottom_content .second_etc .img_wrap {
		margin-top: 1.35vw;
		width: 4.69vw;
		height: 5.78vw;
		margin-bottom: 1.82vw;
	}
	.showcase_january_event .sc_gift .bottom_content .third_etc {
		background-image: url(../img/pc/etc_list_bg_03.png);
	}
	.showcase_january_event .sc_gift .bottom_content .third_etc .title_box span {
		background-image: url(../img/pc/gift_title_box_bg_03.png);
		color: #e18b1a;
	}
	.showcase_january_event .sc_gift .bottom_content .third_etc .img_wrap {
		margin-top: 1.2vw;
		width: 6.25vw;
		height: 6.25vw;
		margin-bottom: 1.61vw;
	}
	.showcase_january_event .sc_gift .bottom_content .fourth_etc {
		background-image: url(../img/pc/etc_list_bg_04.png);
	}
	.showcase_january_event .sc_gift .bottom_content .fourth_etc .title_box span {
		background-image: url(../img/pc/gift_title_box_bg_04.png);
		color: #af745f;
	}
	.showcase_january_event .sc_gift .bottom_content .fourth_etc .img_wrap {
		margin-top: 1.2vw;
		width: 6.25vw;
		height: 6.25vw;
		margin-bottom: 1.61vw;
	}
	.showcase_january_event .sc_gift .bottom_content .btn_wrap {
		margin-top: 0;
	}
	.showcase_january_event .sc_gift .etc_txt {
		margin-top: 1.25vw;
		text-align: center;
	}
	.showcase_january_event .sc_gift .etc_txt p {
		color: #616161;
		font-size: 0.73vw;
		line-height: 1.35;
	}
	.showcase_january_event .sc_gift .etc_txt p + p {
		margin-top: 0.21vw;
	}
	.showcase_january_event .sc_gift .etc_txt a {
		color: inherit;
		padding-bottom: 0vw;
		position: relative;
	}
	.showcase_january_event .sc_gift .etc_txt a::after {
		content: "";
		width: 100%;
		height: 0.05vw;
		background-color: #616161;
		position: absolute;
		bottom: 0;
		left: 0;
	}
	.showcase_january_event .sc_gift .etc_list li[data-state="disabled"] .btn_wrap button,
	.showcase_january_event .sc_gift .etc_list li[data-state="done"] .btn_wrap button,
	.showcase_january_event .sc_gift .etc_list li[data-state="soldout"] .btn_wrap button {
		pointer-events: none;
		color: #a0a0a0;
	}
	.showcase_january_event .sc_gift .etc_list li[data-state="disabled"] .btn_wrap span,
	.showcase_january_event .sc_gift .etc_list li[data-state="done"] .btn_wrap span,
	.showcase_january_event .sc_gift .etc_list li[data-state="soldout"] .btn_wrap span {
		color: #a0a0a0;
	}
	.showcase_january_event .gacha_popup {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: none;
		z-index: 2;
	}
	.showcase_january_event .gacha_popup .popup_inner {
		z-index: 1;
		width: 30.21vw;
		height: 29.17vw;
		background-image: url(../img/pc/gacha_popup_bg.png);
		background-repeat: no-repeat;
		-webkit-background-size: contain;
		        background-size: contain;
		background-position: center;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		    -ms-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		position: relative;
	}
	.showcase_january_event .gacha_popup .result_title {
		font-size: 1.67vw;
		line-height: 1.35;
		color: #111;
		margin-bottom: 1.25vw;
		margin-top: 0.73vw;
		font-weight: 400;
		padding: 0 5.57vw;
		text-align: center;
	}
	.showcase_january_event .gacha_popup .popup_close {
		width: 2.08vw;
		height: 2.08vw;
		position: absolute;
		top: 0.73vw;
		right: 1.04vw;
		z-index: 2;
	}
	.showcase_january_event .gacha_popup .popup_body {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		z-index: 1;
	}
	.showcase_january_event .gacha_popup .result_btns {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		gap: 0.73vw;
		margin-top: 1.35vw;
	}
	.showcase_january_event .gacha_popup .result_btns a {
		border: 0.05vw solid #dcdee0;
		width: 11.46vw;
		height: 2.92vw;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		color: #111;
		font-size: 0.83vw;
		line-height: 1.35;
		font-weight: 700;
	}
	.showcase_january_event .gacha_popup[data-result="1st"] .result_img {
		width: 28.33vw;
		height: 14.06vw;
	}
	.showcase_january_event .gacha_popup[data-result="2nd"] .result_img {
		width: 13.54vw;
		height: 11.82vw;
	}
	.showcase_january_event .gacha_popup[data-result="3rd"] .result_img {
		width: 13.54vw;
		height: 13.28vw;
	}
	.showcase_january_event .gacha_popup[data-result="4th"] .result_img {
		width: 19.64vw;
		height: 11.82vw;
	}
	.showcase_january_event .gacha_popup[data-result="lose"] .result_img {
		width: 14.06vw;
		height: 14.06vw;
	}
	.showcase_january_event .gacha_popup .result_img {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	.showcase_january_event .gacha_popup .result_img img {
		max-width: 100%;
		max-height: 100%;
		object-fit: contain;
	}
	.showcase_january_event .gacha_popup .result_badge {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		background-repeat: no-repeat;
		background-position: center;
		-webkit-background-size: contain;
		        background-size: contain;
		font-size: 1.04vw;
		line-height: 1;
		font-family: "DnfBitbeatV2", sans-serif;
	}
	.showcase_january_event .gacha_popup[data-result="1st"] .result_badge,
	.showcase_january_event .gacha_popup[data-result="2nd"] .result_badge,
	.showcase_january_event .gacha_popup[data-result="3rd"] .result_badge,
	.showcase_january_event .gacha_popup[data-result="4th"] .result_badge {
		width: 5.73vw;
		height: 2.6vw;
	}
	.showcase_january_event .gacha_popup[data-result="1st"] .result_badge {
		background-image: url("../img/pc/result_badge_01.png");
		color: #111;
	}
	.showcase_january_event .gacha_popup[data-result="2nd"] .result_badge {
		background-image: url("../img/pc/result_badge_02.png");
		color: #111;
	}
	.showcase_january_event .gacha_popup[data-result="3rd"] .result_badge {
		background-image: url("../img/pc/result_badge_03.png");
		color: #fff;
	}
	.showcase_january_event .gacha_popup[data-result="4th"] .result_badge {
		background-image: url("../img/pc/result_badge_04.png");
		color: #fff;
	}
	.showcase_january_event .gacha_popup[data-result="lose"] .result_badge {
		width: 2.6vw;
		height: 2.6vw;
		background-image: url("../img/pc/result_badge_05.png");
		color: #111;
	}
	.showcase_january_event .gacha_popup[data-result="lose"] .result_btns {
		display: none;
	}
	.showcase_january_event .swiper-pagination .swiper-pagination-bullet {
		background: #ff2483;
		opacity: 0.3;
		margin: 0 0.16vw;
		width: 0.42vw;
		height: 0.42vw;
	}
	.showcase_january_event .sc_process.section_inner {
		padding: 5.21vw 0 6.25vw;
	}
	.showcase_january_event .process-pagination {
		margin-top: 0.63vw;
		text-align: center;
	}
	.showcase_january_event .swiper_box img {
		border: 0.05vw solid #ebedee;
	}
	.showcase_january_event .sc_process .title_wrap {
		width: auto !important;
		height: auto !important;
		margin-bottom: 0.52vw;
	}
	.showcase_january_event .sc_process h2 {
		color: #111;
		font-size: 1.67vw;
		line-height: 1.35;
		font-weight: 700;
		text-align: center;
	}
	.showcase_january_event .sc_process h3 {
		font-size: 0.94vw;
		line-height: 1.35;
		color: #111;
		margin-bottom: 1.67vw;
		text-align: center;
		font-weight: 400;
	}
	.showcase_january_event .sc_process .txt_p {
		font-size: 0.83vw;
		line-height: 1.35;
		color: #616161;
		text-align: center;
		margin: 0.52vw 0;
	}
	.showcase_january_event .swiper_box {
		width: 41.67vw;
	}
	.showcase_january_event .swiper-pagination {
		z-index: 1;
		top: auto;
		bottom: -1.3vw;
	}
	.showcase_january_event .sc_banner {
		display: none;
	}
	.showcase_january_event .sc_banner.on {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}
	.showcase_january_event .sc_banner .txt_wrap {
		width: 61.46vw;
		height: 13.54vw;
		background-image: url(../img/pc/banner.jpg);
		background-repeat: no-repeat;
		-webkit-background-size: contain;
		        background-size: contain;
		background-position: center;
		padding: 6.77vw 0;
		margin-bottom: 0;
	}
	.showcase_january_event .sc_banner .txt_wrap h3 {
		font-weight: 700;
		line-height: 1.35;
		font-size: 1.25vw;
		margin-bottom: 0.63vw;
		color: #fff;
	}
	.showcase_january_event .sc_banner .txt_wrap p {
		color: #fff;
		line-height: 1.35;
		font-size: 0.78vw;
	}
	.showcase_january_event .sc_notice {
		background: #ebedee;
	}
	.showcase_january_event .notice_bg {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		background: #ebedee;
		max-width: 61.46vw;
		margin: 0 auto;
		padding: 3.13vw 0 3.13vw 0;
	}
	.showcase_january_event .sc_notice h3 {
		font-weight: 700;
		line-height: 1.44;
		font-size: 0.94vw;
		color: #3f3f3f;
		margin-bottom: 0.52vw;
	}
	.showcase_january_event .sc_notice ul {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	.showcase_january_event .sc_notice ul li {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		position: relative;
	}
	.showcase_january_event .sc_notice ul li i {
		font-size: 0.73vw;
		color: #3f3f3f;
		position: absolute;
		top: -0.21vw;
		left: 0;
	}
	.showcase_january_event .sc_notice ul li p {
		line-height: 1.5;
		font-size: 0.73vw;
		color: #3f3f3f;
		padding-left: 0.78vw;
	}
	.showcase_january_event .attendance_popup {
		position: relative;
		width: 100%;
		height: 100vh;
		position: fixed;
		top: 0;
		left: 0;
		display: none;
	}
	.showcase_january_event .attendance_popup .title_wrap {
		margin-bottom: 24px;
	}
	.showcase_january_event .attendance_popup .txt_wrap {
		margin-bottom: 40px;
	}
	.showcase_january_event .attendance_popup .popup_stage {
		position: absolute;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		    -ms-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
		-webkit-transform-origin: center center;
		    -ms-transform-origin: center center;
		        transform-origin: center center;
	}
	.showcase_january_event .attendance_popup .popup_inner {
		background-image: url(../img/pc/attendance_popup_bg.jpg);
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		        background-size: cover;
		background-position: center;
		padding-top: 110px;
		width: 1500px;
		height: 1094px;
		z-index: 1;
		position: relative;
	}
	.showcase_january_event .attendance_popup .popup_close {
		width: 40px;
		height: 40px;
		position: absolute;
		top: 32px;
		right: 32px;
	}
	.showcase_january_event .attendance_popup .popup_inner .top_txt_box {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.showcase_january_event .attendance_popup .popup_inner .top_txt_box .title_wrap {
		width: 356px;
		height: 58px;
	}
	.showcase_january_event .attendance_popup .popup_inner .top_txt_box .txt_wrap p {
		color: #fff;
		line-height: 1;
		font-size: 20px;
	}
	.showcase_january_event .attendance_popup .popup_inner .top_txt_box .txt_wrap .days {
		color: #f4ffd8;
		font-weight: 700;
	}
	.showcase_january_event .attendance_popup .calender_btn button {
		width: 280px;
		height: 56px;
		border: 1px solid #dcdee0;
		color: #111;
		line-height: 1.35;
		font-size: 18px;
		font-weight: 700;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		background-color: #fff;
	}
	.showcase_january_event .attendance_popup .day_item {
		opacity: 0.05;
		-webkit-transition: opacity 0.25s ease;
		transition: opacity 0.25s ease;
	}
	.showcase_january_event .attendance_popup .day_item[data-state="done"] {
		opacity: 1;
	}
	.showcase_january_event .attendance_popup .attendance_actions .btn_primary:disabled {
		opacity: 0.5;
		pointer-events: none;
	}
	.showcase_january_event .attendance_actions [data-action="confirm_attendance"][data-state="done_today"],
	.showcase_january_event .attendance_actions [data-action="confirm_attendance"][data-state="completed"] {
		color: #a0a0a0;
		pointer-events: none;
		cursor: default;
	}
	.showcase_january_event .attendance_popup .attendance_days {
		height: 100%;
		position: absolute;
		top: 0;
		left: 50%;
		-webkit-transform: translateX(-50%);
		    -ms-transform: translateX(-50%);
		        transform: translateX(-50%);
		width: 100%;
		pointer-events: none;
	}
	.showcase_january_event .attendance_popup .attendance_days li {
		position: absolute;
	}
	.showcase_january_event .attendance_popup .attendance_days li img {
		position: absolute;
	}
	.showcase_january_event .attendance_days .day_item.day_5 .day_img {
		width: 224px;
		height: 182px;
		top: 183px;
		left: 353px;
	}
	.showcase_january_event .attendance_days .day_item.day_5 .day_number {
		width: 39px;
		height: 39px;
		top: 183px;
		left: 393px;
	}
	.showcase_january_event .attendance_days .day_item.day_5[data-state="done"] .day_img {
		content: url("../img/pc/day_5.gif");
	}
	.showcase_january_event .attendance_days .day_item.day_6 .day_img {
		width: 181px;
		height: 170px;
		top: 392px;
		left: 297px;
	}
	.showcase_january_event .attendance_days .day_item.day_6 .day_number {
		width: 39px;
		height: 39px;
		top: 392px;
		left: 304px;
	}
	.showcase_january_event .attendance_days .day_item.day_6[data-state="done"] .day_img {
		content: url("../img/pc/day_6.gif");
	}
	.showcase_january_event .attendance_days .day_item.day_7 {
		width: 164px;
		height: 69px;
		top: 188px;
		right: 275px;
	}
	.showcase_january_event .attendance_days .day_item.day_8 .day_img {
		width: 122px;
		height: 62px;
		top: 496px;
		left: 1026px;
	}
	.showcase_january_event .attendance_days .day_item.day_8 .day_number {
		width: 39px;
		height: 39px;
		top: 496px;
		left: 1026px;
	}
	.showcase_january_event .attendance_days .day_item.day_8[data-state="done"] .day_img {
		content: url("../img/pc/day_8.gif");
	}
	.showcase_january_event .attendance_days .day_item.day_9 .day_img {
		width: 114px;
		height: 95px;
		top: 740px;
		left: 1239px;
	}
	.showcase_january_event .attendance_days .day_item.day_9 .day_number {
		width: 39px;
		height: 39px;
		top: 796px;
		left: 1239px;
	}
	.showcase_january_event .attendance_days .day_item.day_9[data-state="done"] .day_img {
		content: url("../img/pc/day_9.gif");
	}
	.showcase_january_event .attendance_days .day_item.day_10 .day_img {
		width: 223px;
		height: 164px;
		top: 282px;
		left: 1175px;
	}
	.showcase_january_event .attendance_days .day_item.day_10 .day_number {
		width: 42px;
		height: 42px;
		top: 299px;
		left: 1175px;
	}
	.showcase_january_event .attendance_days .day_item.day_10[data-state="done"] .day_img {
		content: url("../img/pc/day_10.gif");
	}
	.showcase_january_event .attendance_days .day_item.day_11 .day_img {
		width: 105px;
		height: 73px;
		top: 880px;
		left: 1029px;
	}
	.showcase_january_event .attendance_days .day_item.day_11 .day_number {
		width: 42px;
		height: 42px;
		top: 880px;
		left: 1029px;
	}
	.showcase_january_event .attendance_days .day_item.day_11[data-state="done"] .day_img {
		content: url("../img/pc/day_11.gif");
	}
	.showcase_january_event .attendance_days .day_item.day_12 {
		width: 151px;
		height: 135px;
		top: 852px;
		left: 552px;
	}
	.showcase_january_event .attendance_days .day_item.day_13 {
		width: 108px;
		height: 113px;
		top: 479px;
		left: 150px;
	}
	.showcase_january_event .attendance_days .day_item.day_14 {
		width: 144px;
		height: 81px;
		top: 609px;
		left: 297px;
	}
	.showcase_january_event .attendance_days .day_item.day_15 .day_number {
		width: 42px;
		height: 42px;
		top: 698px;
		left: 99px;
	}
	.showcase_january_event .attendance_days .day_item.day_15 .day_img {
		width: 118px;
		height: 93px;
		top: 647px;
		left: 99px;
	}
	.showcase_january_event .attendance_days .day_item.day_15[data-state="done"] .day_img {
		content: url("../img/pc/day_15.gif");
	}
	.showcase_january_event .attendance_days .day_item.day_16 .day_img {
		width: 144px;
		height: 114px;
		top: 326px;
		left: 117px;
	}
	.showcase_january_event .attendance_days .day_item.day_16 .day_number {
		width: 42px;
		height: 42px;
		top: 398px;
		left: 117px;
	}
	.showcase_january_event .attendance_days .day_item.day_16[data-state="done"] .day_img {
		content: url("../img/pc/day_16.gif");
	}
	.showcase_january_event .attendance_days .day_item.day_17 .day_img {
		width: 153px;
		height: 162px;
		top: 284px;
		left: 934px;
	}
	.showcase_january_event .attendance_days .day_item.day_17 .day_number {
		width: 42px;
		height: 42px;
		top: 312px;
		left: 934px;
	}
	.showcase_january_event .attendance_days .day_item.day_17[data-state="done"] .day_img {
		content: url("../img/pc/day_17.gif");
	}
	.showcase_january_event .attendance_days .day_item.day_18 .day_img {
		width: 147px;
		height: 95px;
		top: 621px;
		left: 1282px;
	}
	.showcase_january_event .attendance_days .day_item.day_18 .day_number {
		width: 42px;
		height: 42px;
		top: 621px;
		left: 1282px;
	}
	.showcase_january_event .attendance_days .day_item.day_18[data-state="done"] .day_img {
		content: url("../img/pc/day_18.gif");
	}
	.showcase_january_event .attendance_days .day_item.day_19 .day_img {
		width: 85px;
		height: 87px;
		top: 197px;
		left: 1323px;
	}
	.showcase_january_event .attendance_days .day_item.day_19 .day_number {
		width: 42px;
		height: 42px;
		top: 242px;
		left: 1323px;
	}
	.showcase_january_event .attendance_days .day_item.day_19[data-state="done"] .day_img {
		content: url("../img/pc/day_19.gif");
	}
	.showcase_january_event .attendance_days .day_item.day_20 .day_img {
		width: 85px;
		height: 87px;
		top: 861px;
		left: 411px;
	}
	.showcase_january_event .attendance_days .day_item.day_20 .day_number {
		width: 42px;
		height: 42px;
		top: 906px;
		left: 411px;
	}
	.showcase_january_event .attendance_days .day_item.day_20[data-state="done"] .day_img {
		content: url("../img/pc/day_20.gif");
	}
	.showcase_january_event .attendance_days .day_item.day_21 .day_img {
		width: 140px;
		height: 69px;
		top: 806px;
		left: 854px;
	}
	.showcase_january_event .attendance_days .day_item.day_21 .day_number {
		width: 42px;
		height: 42px;
		top: 812px;
		left: 854px;
	}
	.showcase_january_event .attendance_days .day_item.day_21[data-state="done"] .day_img {
		content: url("../img/pc/day_21.gif");
	}
	.showcase_january_event .attendance_days .day_item.day_22 .day_img {
		width: 122px;
		height: 69px;
		top: 196px;
		left: 193px;
	}
	.showcase_january_event .attendance_days .day_item.day_22 .day_number {
		width: 42px;
		height: 42px;
		top: 196px;
		left: 193px;
	}
	.showcase_january_event .attendance_days .day_item.day_22[data-state="done"] .day_img {
		content: url("../img/pc/day_22.gif");
	}
	.showcase_january_event .attendance_days .day_item.day_23 .day_img {
		width: 171px;
		height: 202px;
		top: 619px;
		left: 1013px;
	}
	.showcase_january_event .attendance_days .day_item.day_23 .day_number {
		width: 42px;
		height: 42px;
		top: 653px;
		left: 1013px;
	}
	.showcase_january_event .attendance_days .day_item.day_23[data-state="done"] .day_img {
		content: url("../img/pc/day_23.gif");
	}
	.showcase_january_event .attendance_days .day_item.day_24 {
		width: 141px;
		height: 82px;
		top: 723px;
		left: 402px;
	}
	.showcase_january_event .attendance_days .day_item.day_25 .day_img {
		width: 206px;
		height: 160px;
		top: 739px;
		left: 173px;
	}
	.showcase_january_event .attendance_days .day_item.day_25 .day_number {
		width: 42px;
		height: 42px;
		top: 756px;
		left: 190px;
	}
	.showcase_january_event .attendance_days .day_item.day_25[data-state="done"] .day_img {
		content: url("../img/pc/day_25.gif");
	}
	.showcase_january_event .attendance_days .day_item.day_26 {
		width: 177px;
		height: 143px;
		top: 485px;
		right: 142px;
	}
	.showcase_january_event .attendance_days .day_item.day_27 .day_img {
		width: 75px;
		height: 76px;
		top: 800px;
		left: 710px;
	}
	.showcase_january_event .attendance_days .day_item.day_27 .day_number {
		width: 42px;
		height: 42px;
		top: 834px;
		left: 743px;
	}
	.showcase_january_event .attendance_days .day_item.day_27[data-state="done"] .day_img {
		content: url("../img/pc/day_27.gif");
	}
	.showcase_january_event .attendance_days .day_item.day_28 {
		width: 181px;
		height: 181px;
		top: 849px;
		right: 148px;
	}
	.showcase_january_event .attendance_days .day_item.day_29 .day_img {
		width: 141px;
		height: 95px;
		top: 935px;
		left: 764px;
	}
	.showcase_january_event .attendance_days .day_item.day_29 .day_number {
		width: 42px;
		height: 42px;
		top: 939px;
		left: 764px;
	}
	.showcase_january_event .attendance_days .day_item.day_29[data-state="done"] .day_img {
		content: url("../img/pc/day_29.gif");
	}
	.showcase_january_event .attendance_days .day_item.day_30 .day_img {
		width: 75px;
		height: 76px;
		top: 912px;
		left: 122px;
	}
	.showcase_january_event .attendance_days .day_item.day_30 .day_number {
		width: 42px;
		height: 42px;
		top: 946px;
		left: 155px;
	}
	.showcase_january_event .attendance_days .day_item.day_30[data-state="done"] .day_img {
		content: url("../img/pc/day_30.gif");
	}
	.showcase_january_event .attendance_days .day_item.day_31 {
		width: 75px;
		height: 76px;
		top: 912px;
		left: 122px;
		width: 448px;
		height: 421px;
		top: 336px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		    -ms-transform: translateX(-50%);
		        transform: translateX(-50%);
	}
	.showcase_january_event .attendance_days .day_item {
		opacity: 0.05;
	}
	.showcase_january_event .attendance_days .day_item[data-state="done"] {
		opacity: 1;
	}
	.showcase_january_event .redeem_popup {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: none;
	}
	.showcase_january_event .redeem_popup .popup_inner {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		    -ms-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
		width: 17.19vw;
		height: 9.48vw;
		background-color: #fff;
		padding: 1.35vw 0.83vw 0.83vw 0.83vw;
	}
	.showcase_january_event .redeem_popup .popup_inner .popup_body {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	.showcase_january_event .redeem_popup .popup_title {
		color: #111;
		line-height: 1.11;
		font-size: 0.94vw;
		font-weight: 700;
		margin-bottom: 0.42vw;
	}
	.showcase_january_event .redeem_popup .popup_desc {
		line-height: 1.4;
		color: #111;
		font-size: 0.78vw;
		padding: 0 2.71vw;
		text-align: center;
		margin-bottom: 1.04vw;
	}
	.showcase_january_event .redeem_popup .popup_btns {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		gap: 0.42vw;
	}
	.showcase_january_event .redeem_popup .popup_btns button,
	.showcase_january_event .redeem_popup .popup_btns a {
		width: 7.55vw;
		height: 2.6vw;
		-webkit-border-radius: 0.1vw;
		        border-radius: 0.1vw;
		border: 0.05vw solid #c8cacc;
		font-size: 0.83vw;
		line-height: 1.2;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	.showcase_january_event .redeem_popup .popup_btns .btn_secondary {
		background-color: #fff;
		color: #111;
	}
	.showcase_january_event .redeem_popup .popup_btns .btn_primary {
		background-color: #000;
		color: #fff;
	}
}

@media screen and (min-width: 991px) and (max-width: 1920px) {
	.showcase_january_event {
		/*sc_main*/
		/*sc_coin*/
		/*로그아웃 상태*/
		/* ===== 로그인 상태: out UI 숨김 ===== */
		/* ===== 비로그인 상태: txt_wrap 삭제 + 로그인 UI만 노출 ===== */
		/* coin_popup */
		/* empty */
		/* overlay */
		/* popup panel */
		/* table base*/
		/* column width */
		/*head table */
		/*body scroll wrapper*/
		/*body table rows*/
		/* info cell */
		/*sc_mission*/
		/* 공통 */
		/* 0개 획득 */
		/* 1개 이상 획득 */
		/* disabled */
		/* done */
		/* 비로그인 상태: 미션 버튼 비활성 */
		/* 비로그인 상태: 미션 게이지 전부 비활성 색상으로 통일 */
		/*sc_gift*/
		/* 기본: 정지이미지 보임 */
		/* 재생: gif가 위로 올라옴 */
		/* sc_gift 공통 비활성 */
		/*gacha_popup*/
		/* 꽝일 때 결과 버튼 영역 숨김 */
		/*sc_process*/
		/*sc_banner*/
		/*sc_notice*/
		/*캘린더 팝업*/
		/* 오늘 출석 완료 + 전체 완료: 회색 + 클릭 불가 */
		/*이미지 포지션*/
		/*이미지 크기 및 포지션*/
		/*이미지 오파시티*/
		/* 기본: 전부 흐림 */
		/* 출석 완료한 날짜만 진하게 */
		/* 발급 완료 팝업 */
	}
	.showcase_january_event .pc_only {
		display: block !important;
	}
	.showcase_january_event .mo_only {
		display: none !important;
	}
	.showcase_january_event .etc_span {
		font-size: 14px;
	}
	.showcase_january_event .mt3 {
		margin-top: 3px;
		display: block;
	}
	.showcase_january_event .sticky_wrap {
		position: relative;
		z-index: 2;
	}
	.showcase_january_event .line_wrap.mo {
		display: none;
	}
	.showcase_january_event .line_wrap.pc {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		gap: 12px;
		position: absolute;
		top: 90px;
		right: 30px;
		z-index: 2;
		background: transparent;
	}
	.showcase_january_event .sticky_wrap.type_fixed {
		z-index: 2;
	}
	.showcase_january_event .sticky_wrap.type_fixed .line_wrap.pc {
		position: fixed;
		z-index: 2;
	}
	.showcase_january_event .line_wrap.pc .coin_box {
		font-family: "Lanapixel", sans-serif;
		font-size: 16px;
		line-height: 1.35;
		font-weight: 400;
		color: #111;
		background-color: #fff;
		padding: 12px 22px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		border: 2px solid #111111;
	}
	.showcase_january_event .line_wrap.pc .coin_box img {
		width: 23px;
		height: 23px;
	}
	.showcase_january_event .line_wrap.pc .coin_box .coin_label,
	.showcase_january_event .line_wrap.pc .coin_box .coin_value,
	.showcase_january_event .line_wrap.pc .coin_box .coin_count {
		font-family: "Lanapixel", sans-serif;
		font-size: 16px;
		line-height: 1.35;
		font-weight: 400;
	}
	.showcase_january_event .line_wrap.pc .coin_box .coin_value {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	.showcase_january_event .line_wrap.pc .coin_box .coin_value span {
		font-family: "Lanapixel", sans-serif;
		font-size: 16px;
		line-height: 1.35;
		font-weight: 400;
	}
	.showcase_january_event .line_wrap.pc a {
		font-family: "Lanapixel", sans-serif;
		font-size: 16px;
		line-height: 1.35;
		font-weight: 400;
		color: #111;
		background-color: #fff;
		padding: 12px 40px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		border: 2px solid #111111;
		cursor: pointer;
	}
	.showcase_january_event .line_wrap.pc a.on {
		background: #000;
		color: #fff;
	}
	.showcase_january_event .gacha_particles {
		width: 900px;
		height: 1000px;
	}
	.showcase_january_event .title_wrap {
		width: 750px;
		height: 110px;
		margin-bottom: 24px;
	}
	.showcase_january_event .txt_wrap {
		margin-bottom: 40px;
	}
	.showcase_january_event .txt_wrap p {
		font-size: 24px;
		line-height: 1;
		text-align: center;
	}
	.showcase_january_event .section_inner {
		padding: 130px 0;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.showcase_january_event .dimmed_wrap {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		background: rgba(0, 0, 0, 0.5);
		z-index: -1;
	}
	.showcase_january_event .sc_main {
		position: relative;
		background-image: url(../img/pc/main_bg.jpg);
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		        background-size: cover;
		background-position: center;
		height: 980px;
		overflow: hidden;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.showcase_january_event .sc_main .main_title {
		width: 673px;
		height: 276px;
		margin-bottom: 20px;
	}
	.showcase_january_event .sc_main .main_txt_wrap {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.showcase_january_event .sc_main .main_txt_wrap p:nth-child(1) {
		width: 828px;
		height: 87px;
		margin-bottom: 16px;
	}
	.showcase_january_event .sc_main .main_txt_wrap p:nth-child(2) {
		width: 469px;
		height: 58px;
		margin-bottom: 40px;
	}
	.showcase_january_event .sc_main .main_txt_wrap p:nth-child(3) {
		font-size: 28px;
		line-height: 1.45;
		text-align: center;
		color: #111;
	}
	.showcase_january_event .sc_main .img_wrap {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
		/* 양옆 잘리게 */
	}
	.showcase_january_event .sc_main .img_box {
		position: absolute;
		top: 0;
		left: 50%;
		-webkit-transform: translateX(-50%);
		    -ms-transform: translateX(-50%);
		        transform: translateX(-50%);
		width: 1920px;
		height: 100%;
		max-width: none;
	}
	.showcase_january_event .sc_main .img_wrap img {
		position: absolute;
	}
	.showcase_january_event .sc_main .main_img_01 {
		width: 22px;
		height: 22px;
		top: 313px;
		left: 318px;
	}
	.showcase_january_event .sc_main .main_img_gif_01 {
		width: 340px;
		height: 340px;
		top: 200px;
		left: 280px;
	}
	.showcase_january_event .sc_main .main_img_gif_02 {
		width: 340px;
		height: 340px;
		top: 472px;
		left: 1257px;
	}
	.showcase_january_event .sc_main .main_img_gif_03 {
		width: 110px;
		height: 110px;
		top: 274px;
		left: 1320px;
	}
	.showcase_january_event .sc_main .main_img_02 {
		width: 35px;
		height: 35px;
		top: 325px;
		left: 370px;
	}
	.showcase_january_event .sc_main .main_img_03 {
		width: 91px;
		height: 79px;
		top: 455px;
		left: 419px;
	}
	.showcase_january_event .sc_main .main_img_04 {
		width: 94px;
		height: 130px;
		top: 290px;
		left: 486px;
	}
	.showcase_january_event .sc_main .main_img_05 {
		width: 91px;
		height: 79px;
		top: 294px;
		left: 1320px;
	}
	.showcase_january_event .sc_main .main_img_06 {
		width: 32px;
		height: 32px;
		top: 492px;
		left: 1490px;
	}
	.showcase_january_event .sc_main .main_img_07 {
		width: 67px;
		height: 65px;
		top: 550px;
		left: 1405px;
	}
	.showcase_january_event .sc_main .main_img_08 {
		width: 92px;
		height: 118px;
		top: 607px;
		left: 1319px;
	}
	.showcase_january_event .sc_coin {
		background: -webkit-gradient(linear, left top, left bottom, from(#fff3ab), to(#fffdf0));
		background: -webkit-linear-gradient(top, #fff3ab 0%, #fffdf0 100%);
		background: linear-gradient(180deg, #fff3ab 0%, #fffdf0 100%);
	}
	.showcase_january_event .sc_coin .status_wrap {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		background-image: url(../img/pc/coin_status_bg.png);
		-webkit-background-size: contain;
		        background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		width: 780px;
		height: 180px;
		padding: 30px 100px;
	}
	.showcase_january_event .sc_coin .status_profile {
		width: 110px;
		height: 120px;
		margin-right: 24px;
	}
	.showcase_january_event .sc_coin .status_available span {
		font-size: 20px;
		line-height: 1;
		font-family: "DnfBitbeatV2", sans-serif;
		color: #ffb131;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		margin-bottom: 13px;
	}
	.showcase_january_event .sc_coin .coin_wrap {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		white-space: nowrap;
	}
	.showcase_january_event .sc_coin .coin_wrap img {
		width: 58px;
		height: 58px;
	}
	.showcase_january_event .sc_coin .coin_wrap .coin_number {
		font-family: "DnfBitbeatV2", sans-serif;
		font-size: 50px;
		line-height: 1;
		color: #ffb131;
		margin-left: 1px;
	}
	.showcase_january_event .sc_coin .btn_wrap.btn_logged_in {
		margin-left: 92px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 8px;
	}
	.showcase_january_event .sc_coin .btn_wrap a,
	.showcase_january_event .sc_coin .btn_wrap button {
		border: 1px solid #dcdee0;
		font-weight: 700;
		font-size: 14px;
		line-height: 1.35;
		color: #111;
		width: 180px;
		height: 51px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	.showcase_january_event .sc_coin .btn_logged_out {
		margin: 0 auto;
	}
	.showcase_january_event .sc_coin .btn_logged_out a {
		width: 280px;
		height: 56px;
	}
	.showcase_january_event .january_event_container[data-auth="in"] .sc_coin .btn_logged_out {
		display: none;
	}
	.showcase_january_event .january_event_container[data-auth="out"] .sc_coin .txt_wrap {
		display: none;
	}
	.showcase_january_event .january_event_container[data-auth="out"] .sc_coin .status_profile,
	.showcase_january_event .january_event_container[data-auth="out"] .sc_coin .status_available,
	.showcase_january_event .january_event_container[data-auth="out"] .sc_coin .btn_logged_in {
		display: none;
	}
	.showcase_january_event .january_event_container[data-auth="out"] .sc_coin .btn_logged_out {
		display: block;
		/* 기존 btn_wrap 레이아웃에 맞게 block/flex 중 선택 */
	}
	.showcase_january_event .history_empty {
		display: none;
	}
	.showcase_january_event .history_empty .empty_wrap {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		padding: 30px 0;
	}
	.showcase_january_event .history_empty .empty_wrap .empty_text {
		font-size: 16px;
		line-height: 1;
		font-weight: 700;
	}
	.showcase_january_event .coin_popup {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: none;
	}
	.showcase_january_event .coin_popup .popup_inner {
		z-index: 1;
		width: 1014px;
		height: auto;
		background: #fff;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		    -ms-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		padding: 60px 0 76px;
		position: relative;
	}
	.showcase_january_event .coin_popup .popup_content {
		width: 646px;
		position: relative;
	}
	.showcase_january_event .coin_popup .popup_panel {
		width: 630px;
		position: relative;
	}
	.showcase_january_event .coin_popup .scroll_rail {
		position: absolute;
		bottom: 0;
		right: 0;
		width: 10px;
		height: 427px;
		-webkit-border-radius: 999px;
		        border-radius: 999px;
		background: rgba(0, 0, 0, 0.08);
	}
	.showcase_january_event .coin_popup .scroll_thumb {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 40px;
		-webkit-border-radius: 999px;
		        border-radius: 999px;
		background: #111;
		cursor: grab;
		-webkit-transition: top 0.08s linear;
		transition: top 0.08s linear;
	}
	.showcase_january_event .coin_popup .scroll_thumb.is-dragging {
		-webkit-transition: none;
		transition: none;
	}
	.showcase_january_event .coin_popup .scroll_thumb:active {
		cursor: grabbing;
	}
	.showcase_january_event .coin_popup .popup_close {
		width: 40px;
		height: 40px;
		position: absolute;
		top: 16px;
		right: 20px;
	}
	.showcase_january_event .coin_popup .popup_header {
		padding-bottom: 24px;
		border-bottom: 2px solid #000;
	}
	.showcase_january_event .coin_popup .popup_header p {
		font-size: 24px;
		line-height: 1;
		font-weight: 700;
		color: #111;
		text-align: center;
	}
	.showcase_january_event .coin_popup .history_table {
		width: 100%;
		table-layout: fixed;
		border-collapse: collapse;
	}
	.showcase_january_event .coin_popup .col_info {
		width: 430px;
	}
	.showcase_january_event .coin_popup .col_date {
		width: 120px;
	}
	.showcase_january_event .coin_popup .col_coin {
		width: 80px;
	}
	.showcase_january_event .coin_popup .history_table--head thead {
		border-bottom: 1px solid #ebedee;
	}
	.showcase_january_event .coin_popup .history_table--head th {
		padding: 18px 0 16px;
		font-size: 13px;
		line-height: 1.15;
		color: #111;
		font-weight: 400;
		text-align: center;
	}
	.showcase_january_event .coin_popup .history_scroll {
		max-height: 382px;
		overflow-y: auto;
		scrollbar-gutter: stable;
		overflow-x: hidden;
		scrollbar-width: none;
	}
	.showcase_january_event .coin_popup .history_scroll::-webkit-scrollbar {
		width: 0;
		height: 0;
	}
	.showcase_january_event .coin_popup .history_table--body .history_row {
		border-bottom: 1px solid #ebedee;
	}
	.showcase_january_event .coin_popup .history_table--body .td_info {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		padding: 14px 0 14px 20px;
	}
	.showcase_january_event .coin_popup .history_table--body .td_info .item_img {
		width: 40px;
		height: 40px;
		margin-right: 12px;
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 40px;
		    -ms-flex: 0 0 40px;
		        flex: 0 0 40px;
	}
	.showcase_january_event .coin_popup .history_table--body .td_info .item_img img {
		width: 100%;
		height: 100%;
		display: block;
	}
	.showcase_january_event .coin_popup .history_table--body .td_info .item_text {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		min-width: 0;
	}
	.showcase_january_event .coin_popup .history_table--body .td_info .item_text .item_badge {
		margin-right: 6px;
		-webkit-border-radius: 1px;
		        border-radius: 1px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		width: 32px;
		height: 18px;
		font-size: 11px;
		font-weight: 600;
		line-height: 1;
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 32px;
		    -ms-flex: 0 0 32px;
		        flex: 0 0 32px;
	}
	.showcase_january_event .coin_popup .history_table--body .td_info .item_text .item_badge.type_gacha {
		color: #7c3eee;
		background: #7c3eee26;
	}
	.showcase_january_event .coin_popup .history_table--body .td_info .item_text .item_badge.type_exchange {
		color: #ff7700;
		background: #ff770026;
	}
	.showcase_january_event .coin_popup .history_table--body .td_info .item_text .item_name {
		font-weight: 700;
		line-height: 1.25;
		font-size: 14px;
		color: #111;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.showcase_january_event .coin_popup .history_table--body .td_date,
	.showcase_january_event .coin_popup .history_table--body .td_coin {
		font-weight: 700;
		line-height: 1.25;
		font-size: 14px;
		color: #222;
		text-align: center;
		padding: 14px 0;
		white-space: nowrap;
	}
	.showcase_january_event .coin_popup .history_table--body tbody tr:last-child {
		border-bottom: 0;
	}
	.showcase_january_event .sc_mission {
		background-image: url(../img/pc/mission_bg.jpg);
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		        background-size: cover;
		background-position: center;
	}
	.showcase_january_event .sc_mission .mission_content {
		background-repeat: no-repeat;
		background-image: url(../img/pc/mission_content_bg_2.png);
		width: 980px;
		height: 540px;
		padding: 40px 65px;
		-webkit-background-size: contain;
		        background-size: contain;
	}
	.showcase_january_event .sc_mission .mission_content ul {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.showcase_january_event .sc_mission .mission_content ul li:nth-child(2) {
		margin-top: 20px;
	}
	.showcase_january_event .sc_mission .mission_content ul li:nth-child(3) {
		margin-top: 17px;
	}
	.showcase_january_event .sc_mission .mission_content ul li:nth-child(3) .txt_box {
		margin-top: -4px;
	}
	.showcase_january_event .sc_mission .mission_content .mission_bonus {
		margin-top: 16px;
	}
	.showcase_january_event .sc_mission .mission_content ul li {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	.showcase_january_event .sc_mission .mission_content .img_wrap {
		width: 100px;
		height: 100px;
		margin-right: 24px;
	}
	.showcase_january_event .sc_mission .mission_content .txt_box .mission_number {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		margin-bottom: 4px;
	}
	.showcase_january_event .sc_mission .mission_content .txt_box .mission_number span {
		display: block;
		margin-right: 10px;
	}
	.showcase_january_event .sc_mission .mission_content .mission_ul .txt_box .mission_number span {
		width: 102px;
		height: 23px;
	}
	.showcase_january_event .sc_mission .mission_content .mission_bonus .txt_box .mission_number span {
		width: 63px;
		height: 23px;
	}
	.showcase_january_event .sc_mission .mission_content .txt_box .mission_number p {
		color: #111;
		line-height: 1.35;
		font-size: 24px;
		font-weight: 700;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}
	.showcase_january_event .sc_mission .mission_content .txt_box .mission_number p span {
		width: auto !important;
		height: auto !important;
	}
	.showcase_january_event .sc_mission .mission_content .txt_box .mission_txt {
		margin-bottom: 6px;
	}
	.showcase_january_event .sc_mission .mission_content .txt_box .mission_txt p {
		color: #616161;
		line-height: 1.2;
		font-size: 16px;
	}
	.showcase_january_event .sc_mission .mission_content .txt_box .mission_gauge {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		gap: 2px;
	}
	.showcase_january_event .sc_mission .mission_content .txt_box .mission_gauge .gauge_step {
		background: #ffe6f1;
		width: 60px;
		height: 10px;
	}
	.showcase_january_event .sc_mission .mission_content .mission_ul .txt_box .mission_gauge .gauge_step.is-active {
		background: #ff2483;
	}
	.showcase_january_event .sc_mission .mission_content .mission_bonus .txt_box .mission_gauge .gauge_step.is-active {
		background: #bc0052;
	}
	.showcase_january_event .sc_mission .mission_content .btn_wrap {
		margin-left: auto;
	}
	.showcase_january_event .sc_mission .mission_content .btn_wrap button {
		width: 180px;
		height: 51px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		border: 1px solid #dcdee0;
		-webkit-border-radius: 2px;
		        border-radius: 2px;
		color: #a0a0a0;
		font-weight: 700;
		font-size: 14px;
		line-height: 1.35;
		color: #111;
	}
	.showcase_january_event .sc_mission .mission_content .btn_wrap a {
		width: 180px;
		height: 51px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		border: 1px solid #dcdee0;
		-webkit-border-radius: 2px;
		        border-radius: 2px;
		color: #a0a0a0;
		font-weight: 700;
		font-size: 14px;
		line-height: 1.35;
		color: #111;
	}
	.showcase_january_event .sc_mission .mission_count {
		display: inline-block;
		padding: 4px 8px;
		-webkit-border-radius: 2px;
		        border-radius: 2px;
		font-size: 12px;
		font-weight: 700;
		line-height: 1.35;
	}
	.showcase_january_event .sc_mission .mission_count.is-zero {
		color: #a0a0a0;
		background: #a0a0a01a;
	}
	.showcase_january_event .sc_mission .mission_count.is-active {
		color: #ff2483;
		background: #ff24830d;
	}
	.showcase_january_event .sc_mission li[data-state="disabled"] .btn_wrap button {
		color: #a0a0a0;
		pointer-events: none;
	}
	.showcase_january_event .sc_mission li[data-state="done"] .btn_wrap button {
		color: #a0a0a0;
		pointer-events: none;
	}
	.showcase_january_event .january_event_container[data-auth="out"] .sc_mission .btn_wrap button {
		color: #a0a0a0;
		pointer-events: none;
		cursor: default;
	}
	.showcase_january_event .january_event_container[data-auth="out"] .sc_mission .mission_gauge .gauge_step {
		background: #dcdee0;
	}
	.showcase_january_event .january_event_container[data-auth="out"] .sc_mission .mission_content .mission_ul .txt_box .mission_gauge .gauge_step.is-active {
		background: #dcdee0;
	}
	.showcase_january_event .january_event_container[data-auth="out"] .sc_mission .mission_content .mission_bonus .txt_box .mission_gauge .gauge_step.is-active {
		background: #dcdee0;
	}
	.showcase_january_event .sc_gift {
		background: -webkit-gradient(linear, left top, left bottom, from(#ddf6ff), to(#eefaff));
		background: -webkit-linear-gradient(top, #ddf6ff 0%, #eefaff 100%);
		background: linear-gradient(180deg, #ddf6ff 0%, #eefaff 100%);
	}
	.showcase_january_event .sc_gift .txt_wrap p {
		line-height: 1.45;
		text-align: center;
	}
	.showcase_january_event .sc_gift .gift_content .top_content {
		background-image: url(../img/pc/gift_content_bg.png);
		background-repeat: no-repeat;
		background-position: center;
		-webkit-background-size: contain;
		        background-size: contain;
		width: 1180px;
		height: 610px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		position: relative;
	}
	.showcase_january_event .sc_gift .gift_content .top_content .left_wrap {
		position: absolute;
		top: 26px;
		left: 0;
		width: 380px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	.showcase_january_event .sc_gift .title_box span {
		background-image: url(../img/pc/gift_title_box_bg.png);
		background-repeat: no-repeat;
		background-position: center;
		-webkit-background-size: contain;
		        background-size: contain;
		width: 110px;
		height: 50px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		margin-bottom: 10px;
		font-family: "DnfBitbeatV2", sans-serif;
		font-size: 18px;
		line-height: 1;
		color: #0097cc;
	}
	.showcase_january_event .sc_gift .title_box h3 {
		font-size: 24px;
		line-height: 1.35;
		font-weight: 700;
		color: #111;
		margin-bottom: 23px;
	}
	.showcase_january_event .sc_gift .title_box p {
		color: #111;
		line-height: 1.35;
		font-size: 16px;
	}
	.showcase_january_event .sc_gift .gift_content .top_content .left_wrap .motion_wrap {
		width: 230px;
		height: 370px;
	}
	.showcase_january_event .sc_gift .motion_wrap {
		position: relative;
	}
	.showcase_january_event .sc_gift .motion_wrap img {
		position: absolute;
		inset: 0;
		/* top:0; right:0; bottom:0; left:0; */
		width: 100%;
		height: 100%;
		object-fit: contain;
		/* 필요시 */
	}
	.showcase_january_event .sc_gift .motion_wrap .motion_gif {
		opacity: 0;
		pointer-events: none;
		z-index: 1;
	}
	.showcase_january_event .sc_gift .motion_wrap .motion_still {
		opacity: 1;
	}
	.showcase_january_event .sc_gift .motion_wrap.is-playing .motion_gif {
		opacity: 1;
	}
	.showcase_january_event .sc_gift .motion_wrap.is-playing .motion_still {
		opacity: 0;
	}
	.showcase_january_event .sc_gift .btn_wrap {
		margin-top: 13px;
	}
	.showcase_january_event .sc_gift .btn_wrap button {
		width: 215px;
		height: 60px;
		border: 1px solid #dcdee0;
		background: #fff;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	.showcase_january_event .sc_gift .btn_wrap button img {
		width: 38px;
		height: 39px;
	}
	.showcase_january_event .sc_gift .btn_wrap button span {
		display: block;
		margin-left: 3px;
		color: #111;
		line-height: 1.35;
		font-size: 16px;
		font-weight: 700;
	}
	.showcase_january_event .sc_gift .gift_content .top_content .left_wrap .img_wrap {
		position: absolute;
		top: 0;
		left: 0;
	}
	.showcase_january_event .sc_gift .gift_content .top_content .left_wrap .img_wrap img {
		width: 32px;
		height: 44px;
		position: absolute;
	}
	.showcase_january_event .sc_gift .gift_content .top_content .left_wrap .img_wrap .glitter_01 {
		top: 307px;
		left: 30px;
	}
	.showcase_january_event .sc_gift .gift_content .top_content .left_wrap .img_wrap .glitter_02 {
		top: 149px;
		left: 302px;
	}
	.showcase_january_event .sc_gift .gift_content .top_content .right_wrap {
		position: absolute;
		top: 30px;
		right: 0;
		width: 780px;
	}
	.showcase_january_event .sc_gift .gift_content .top_content .right_wrap .title_box {
		text-align: center;
	}
	.showcase_january_event .sc_gift .gift_content .top_content .right_wrap .title_box h3 {
		font-size: 20px;
		line-height: 1.35;
		font-weight: 700;
		color: #111;
		margin-bottom: 0;
	}
	.showcase_january_event .sc_gift .gift_content .top_content .right_wrap .title_box p {
		color: #111;
		line-height: 1.35;
		font-size: 14px;
		margin-top: 4px;
	}
	.showcase_january_event .sc_gift .gift_content .top_content .right_wrap .gift_wrap .first_st {
		background-repeat: no-repeat;
		-webkit-background-size: contain;
		        background-size: contain;
		background-position: center;
		position: relative;
		width: 457px;
		height: 238px;
		margin: 9px auto 0;
	}
	.showcase_january_event .sc_gift .gift_content .top_content .right_wrap .gift_wrap .first_st img {
		position: absolute;
	}
	.showcase_january_event .sc_gift .gift_content .top_content .right_wrap .gift_wrap .first_st {
		width: 490px;
		height: 262px;
	}
	.showcase_january_event .sc_gift .gift_content .top_content .right_wrap .gift_wrap .first_st .txt_box {
		position: absolute;
		left: 50%;
		-webkit-transform: translateX(-50%);
		    -ms-transform: translateX(-50%);
		        transform: translateX(-50%);
		bottom: 16px;
		text-align: center;
	}
	.showcase_january_event .sc_gift .gift_content .top_content .right_wrap .gift_wrap .first_st h4 {
		color: #fff;
		font-weight: 700;
		line-height: 1.35;
		font-size: 18px;
		display: block;
		margin-bottom: 2px;
	}
	.showcase_january_event .sc_gift .gift_content .top_content .right_wrap .gift_wrap .first_st p {
		color: #fff;
		font-size: 14px;
		line-height: 1.35;
	}
	.showcase_january_event .sc_gift .gift_content .top_content .right_wrap .gift_wrap .gift_list {
		margin-top: 15px;
	}
	.showcase_january_event .sc_gift .gift_content .top_content .right_wrap .gift_wrap .gift_list ul {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		gap: 20px;
	}
	.showcase_january_event .sc_gift .gift_content .top_content .right_wrap .gift_wrap .gift_list ul li img {
		width: 130px;
		height: 130px;
	}
	.showcase_january_event .sc_gift .gift_content .top_content .right_wrap .gift_wrap .gift_list ul li h4 {
		color: #111;
		font-size: 18px;
		line-height: 1.35;
		font-weight: 700;
		margin-top: 10px;
		display: block;
		text-align: center;
	}
	.showcase_january_event .sc_gift .gift_content .top_content .right_wrap .gift_wrap .gift_list ul li p {
		color: #111;
		font-size: 13px;
		line-height: 1.3;
		margin-top: 4px;
		text-align: center;
	}
	.showcase_january_event .sc_gift .bottom_content {
		margin-top: 20px;
	}
	.showcase_january_event .sc_gift .bottom_content ul {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		gap: 20px;
	}
	.showcase_january_event .sc_gift .bottom_content li {
		background-repeat: no-repeat;
		background-position: center;
		-webkit-background-size: contain;
		        background-size: contain;
		width: 280px;
		height: 400px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.showcase_january_event .sc_gift .bottom_content .first_etc .img_wrap {
		margin-top: 31px;
		width: 121px;
		height: 105px;
		margin-bottom: 38px;
	}
	.showcase_january_event .sc_gift .bottom_content .title_box {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	.showcase_january_event .sc_gift .bottom_content .title_box h3 {
		margin-bottom: 4px;
	}
	.showcase_january_event .sc_gift .bottom_content .title_box a {
		color: #111;
		padding-right: 15px;
		position: relative;
		font-size: 16px;
	}
	.showcase_january_event .sc_gift .bottom_content .title_box a::after {
		content: "";
		position: absolute;
		top: 25%;
		right: 0;
		width: 10px;
		height: 12px;
		background-image: url(../img/pc/arrow.png);
		background-repeat: no-repeat;
		-webkit-background-size: contain;
		        background-size: contain;
		background-position: center;
		line-height: 1.35;
	}
	.showcase_january_event .sc_gift .bottom_content .first_etc {
		background-image: url(../img/pc/etc_list_bg_01.png);
	}
	.showcase_january_event .sc_gift .bottom_content .first_etc .title_box span {
		background-image: url(../img/pc/gift_title_box_bg_01.png);
		color: #026600;
	}
	.showcase_january_event .sc_gift .bottom_content .second_etc {
		background-image: url(../img/pc/etc_list_bg_02.png);
	}
	.showcase_january_event .sc_gift .bottom_content .second_etc .title_box span {
		background-image: url(../img/pc/gift_title_box_bg_02.png);
		color: #d81b1b;
	}
	.showcase_january_event .sc_gift .bottom_content .second_etc .img_wrap {
		margin-top: 26px;
		width: 90px;
		height: 111px;
		margin-bottom: 35px;
	}
	.showcase_january_event .sc_gift .bottom_content .third_etc {
		background-image: url(../img/pc/etc_list_bg_03.png);
	}
	.showcase_january_event .sc_gift .bottom_content .third_etc .title_box span {
		background-image: url(../img/pc/gift_title_box_bg_03.png);
		color: #e18b1a;
	}
	.showcase_january_event .sc_gift .bottom_content .third_etc .img_wrap {
		margin-top: 23px;
		width: 120px;
		height: 120px;
		margin-bottom: 31px;
	}
	.showcase_january_event .sc_gift .bottom_content .fourth_etc {
		background-image: url(../img/pc/etc_list_bg_04.png);
	}
	.showcase_january_event .sc_gift .bottom_content .fourth_etc .title_box span {
		background-image: url(../img/pc/gift_title_box_bg_04.png);
		color: #af745f;
	}
	.showcase_january_event .sc_gift .bottom_content .fourth_etc .img_wrap {
		margin-top: 23px;
		width: 120px;
		height: 120px;
		margin-bottom: 31px;
	}
	.showcase_january_event .sc_gift .bottom_content .btn_wrap {
		margin-top: 0;
	}
	.showcase_january_event .sc_gift .etc_txt {
		margin-top: 24px;
		text-align: center;
	}
	.showcase_january_event .sc_gift .etc_txt p {
		color: #616161;
		font-size: 14px;
		line-height: 1.35;
	}
	.showcase_january_event .sc_gift .etc_txt p + p {
		margin-top: 4px;
	}
	.showcase_january_event .sc_gift .etc_txt a {
		color: inherit;
		padding-bottom: 0px;
		position: relative;
	}
	.showcase_january_event .sc_gift .etc_txt a::after {
		content: "";
		width: 100%;
		height: 1px;
		background-color: #616161;
		position: absolute;
		bottom: 0;
		left: 0;
	}
	.showcase_january_event .sc_gift .etc_list li[data-state="disabled"] .btn_wrap button,
	.showcase_january_event .sc_gift .etc_list li[data-state="done"] .btn_wrap button,
	.showcase_january_event .sc_gift .etc_list li[data-state="soldout"] .btn_wrap button {
		pointer-events: none;
		color: #a0a0a0;
	}
	.showcase_january_event .sc_gift .etc_list li[data-state="disabled"] .btn_wrap span,
	.showcase_january_event .sc_gift .etc_list li[data-state="done"] .btn_wrap span,
	.showcase_january_event .sc_gift .etc_list li[data-state="soldout"] .btn_wrap span {
		color: #a0a0a0;
	}
	.showcase_january_event .gacha_popup {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: none;
		z-index: 2;
	}
	.showcase_january_event .gacha_popup .popup_inner {
		z-index: 1;
		width: 580px;
		height: 560px;
		background-image: url(../img/pc/gacha_popup_bg.png);
		background-repeat: no-repeat;
		-webkit-background-size: contain;
		        background-size: contain;
		background-position: center;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		    -ms-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		position: relative;
	}
	.showcase_january_event .gacha_popup .result_title {
		font-size: 32px;
		line-height: 1.35;
		color: #111;
		margin-bottom: 24px;
		margin-top: 14px;
		font-weight: 400;
		padding: 0 107px;
		text-align: center;
	}
	.showcase_january_event .gacha_popup[data-result="4th"] .result_title {
		padding: 0 122px;
	}
	.showcase_january_event .gacha_popup .popup_close {
		width: 40px;
		height: 40px;
		position: absolute;
		top: 14px;
		right: 20px;
		z-index: 2;
	}
	.showcase_january_event .gacha_popup .popup_body {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		z-index: 1;
	}
	.showcase_january_event .gacha_popup .result_btns {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		gap: 14px;
		margin-top: 26px;
	}
	.showcase_january_event .gacha_popup .result_btns a {
		border: 1px solid #dcdee0;
		width: 220px;
		height: 56px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		color: #111;
		font-size: 16px;
		line-height: 1.35;
		font-weight: 700;
	}
	.showcase_january_event .gacha_popup[data-result="1st"] .result_img {
		width: 544px;
		height: 270px;
	}
	.showcase_january_event .gacha_popup[data-result="2nd"] .result_img {
		width: 260px;
		height: 227px;
	}
	.showcase_january_event .gacha_popup[data-result="3rd"] .result_img {
		width: 260px;
		height: 255px;
	}
	.showcase_january_event .gacha_popup[data-result="4th"] .result_img {
		width: 377px;
		height: 227px;
	}
	.showcase_january_event .gacha_popup[data-result="lose"] .result_img {
		width: 270px;
		height: 270px;
	}
	.showcase_january_event .gacha_popup .result_img {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	.showcase_january_event .gacha_popup .result_img img {
		max-width: 100%;
		max-height: 100%;
		object-fit: contain;
	}
	.showcase_january_event .gacha_popup .result_badge {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		background-repeat: no-repeat;
		background-position: center;
		-webkit-background-size: contain;
		        background-size: contain;
		font-size: 20px;
		line-height: 1;
		font-family: "DnfBitbeatV2", sans-serif;
	}
	.showcase_january_event .gacha_popup[data-result="1st"] .result_badge,
	.showcase_january_event .gacha_popup[data-result="2nd"] .result_badge,
	.showcase_january_event .gacha_popup[data-result="3rd"] .result_badge,
	.showcase_january_event .gacha_popup[data-result="4th"] .result_badge {
		width: 110px;
		height: 50px;
	}
	.showcase_january_event .gacha_popup[data-result="1st"] .result_badge {
		background-image: url("../img/pc/result_badge_01.png");
		color: #111;
	}
	.showcase_january_event .gacha_popup[data-result="2nd"] .result_badge {
		background-image: url("../img/pc/result_badge_02.png");
		color: #111;
	}
	.showcase_january_event .gacha_popup[data-result="3rd"] .result_badge {
		background-image: url("../img/pc/result_badge_03.png");
		color: #fff;
	}
	.showcase_january_event .gacha_popup[data-result="4th"] .result_badge {
		background-image: url("../img/pc/result_badge_04.png");
		color: #fff;
	}
	.showcase_january_event .gacha_popup[data-result="lose"] .result_badge {
		width: 50px;
		height: 50px;
		background-image: url("../img/pc/result_badge_05.png");
		color: #111;
	}
	.showcase_january_event .gacha_popup[data-result="lose"] .result_btns {
		display: none;
	}
	.showcase_january_event .swiper-pagination .swiper-pagination-bullet {
		background: #ff2483;
		opacity: 0.3;
		margin: 0 3px;
		width: 8px;
		height: 8px;
	}
	.showcase_january_event .sc_process.section_inner {
		padding: 100px 0 120px;
	}
	.showcase_january_event .process-pagination {
		margin-top: 12px;
		text-align: center;
	}
	.showcase_january_event .swiper_box img {
		border: 1px solid #ebedee;
	}
	.showcase_january_event .sc_process .title_wrap {
		width: auto !important;
		height: auto !important;
		margin-bottom: 10px;
	}
	.showcase_january_event .sc_process h2 {
		color: #111;
		font-size: 32px;
		line-height: 1.35;
		font-weight: 700;
		text-align: center;
	}
	.showcase_january_event .sc_process h3 {
		font-size: 18px;
		line-height: 1.35;
		color: #111;
		margin-bottom: 32px;
		text-align: center;
		font-weight: 400;
	}
	.showcase_january_event .sc_process .txt_p {
		font-size: 16px;
		line-height: 1.35;
		color: #616161;
		text-align: center;
		margin: 10px 0;
	}
	.showcase_january_event .swiper_box {
		width: 800px;
	}
	.showcase_january_event .swiper-pagination {
		z-index: 1;
		top: auto;
		bottom: -25px;
	}
	.showcase_january_event .sc_banner {
		display: none;
	}
	.showcase_january_event .sc_banner.on {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}
	.showcase_january_event .sc_banner .txt_wrap {
		width: 1180px;
		height: 260px;
		background-image: url(../img/pc/banner.jpg);
		background-repeat: no-repeat;
		-webkit-background-size: contain;
		        background-size: contain;
		background-position: center;
		padding: 130px 0;
		margin-bottom: 0;
	}
	.showcase_january_event .sc_banner .txt_wrap h3 {
		font-weight: 700;
		line-height: 1.35;
		font-size: 24px;
		margin-bottom: 12px;
		color: #fff;
	}
	.showcase_january_event .sc_banner .txt_wrap p {
		color: #fff;
		line-height: 1.35;
		font-size: 15px;
	}
	.showcase_january_event .sc_notice {
		background: #ebedee;
	}
	.showcase_january_event .notice_bg {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		background: #ebedee;
		max-width: 1180px;
		margin: 0 auto;
		padding: 60px 0 60px 0;
	}
	.showcase_january_event .sc_notice h3 {
		font-weight: 700;
		line-height: 1.44;
		font-size: 18px;
		color: #3f3f3f;
		margin-bottom: 10px;
	}
	.showcase_january_event .sc_notice ul {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	.showcase_january_event .sc_notice ul li {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		position: relative;
	}
	.showcase_january_event .sc_notice ul li i {
		font-size: 14px;
		color: #3f3f3f;
		position: absolute;
		top: -4px;
		left: 0;
	}
	.showcase_january_event .sc_notice ul li p {
		line-height: 1.5;
		font-size: 14px;
		color: #3f3f3f;
		padding-left: 15px;
	}
	.showcase_january_event .attendance_popup {
		position: relative;
		width: 100%;
		height: 100vh;
		position: fixed;
		top: 0;
		left: 0;
		display: none;
	}
	.showcase_january_event .attendance_popup .popup_stage {
		position: absolute;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		    -ms-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
		-webkit-transform-origin: center center;
		    -ms-transform-origin: center center;
		        transform-origin: center center;
	}
	.showcase_january_event .attendance_popup .popup_inner {
		background-image: url(../img/pc/attendance_popup_bg.jpg);
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		        background-size: cover;
		background-position: center;
		padding-top: 110px;
		width: 1500px;
		height: 1094px;
		z-index: 1;
		position: relative;
	}
	.showcase_january_event .attendance_popup .popup_close {
		width: 40px;
		height: 40px;
		position: absolute;
		top: 32px;
		right: 32px;
	}
	.showcase_january_event .attendance_popup .popup_inner .top_txt_box {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.showcase_january_event .attendance_popup .popup_inner .top_txt_box .title_wrap {
		width: 356px;
		height: 58px;
	}
	.showcase_january_event .attendance_popup .popup_inner .top_txt_box .txt_wrap p {
		color: #fff;
		line-height: 1;
		font-size: 20px;
	}
	.showcase_january_event .attendance_popup .popup_inner .top_txt_box .txt_wrap .days {
		color: #f4ffd8;
		font-weight: 700;
	}
	.showcase_january_event .attendance_popup .calender_btn button {
		width: 280px;
		height: 56px;
		border: 1px solid #dcdee0;
		color: #111;
		line-height: 1.35;
		font-size: 18px;
		font-weight: 700;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		background-color: #fff;
	}
	.showcase_january_event .attendance_popup .day_item {
		opacity: 0.05;
		-webkit-transition: opacity 0.25s ease;
		transition: opacity 0.25s ease;
	}
	.showcase_january_event .attendance_popup .day_item[data-state="done"] {
		opacity: 1;
	}
	.showcase_january_event .attendance_popup .attendance_actions .btn_primary:disabled {
		opacity: 0.5;
		pointer-events: none;
	}
	.showcase_january_event .attendance_actions [data-action="confirm_attendance"][data-state="done_today"],
	.showcase_january_event .attendance_actions [data-action="confirm_attendance"][data-state="completed"] {
		color: #a0a0a0;
		pointer-events: none;
		cursor: default;
	}
	.showcase_january_event .attendance_popup .attendance_days {
		height: 100%;
		position: absolute;
		top: 0;
		left: 50%;
		-webkit-transform: translateX(-50%);
		    -ms-transform: translateX(-50%);
		        transform: translateX(-50%);
		width: 100%;
		pointer-events: none;
	}
	.showcase_january_event .attendance_popup .attendance_days li {
		position: absolute;
	}
	.showcase_january_event .attendance_popup .attendance_days li img {
		position: absolute;
	}
	.showcase_january_event .attendance_days .day_item.day_5 .day_img {
		width: 224px;
		height: 182px;
		top: 183px;
		left: 353px;
	}
	.showcase_january_event .attendance_days .day_item.day_5 .day_number {
		width: 39px;
		height: 39px;
		top: 183px;
		left: 393px;
	}
	.showcase_january_event .attendance_days .day_item.day_5[data-state="done"] .day_img {
		content: url("../img/pc/day_5.gif");
	}
	.showcase_january_event .attendance_days .day_item.day_6 .day_img {
		width: 181px;
		height: 170px;
		top: 392px;
		left: 297px;
	}
	.showcase_january_event .attendance_days .day_item.day_6 .day_number {
		width: 39px;
		height: 39px;
		top: 392px;
		left: 304px;
	}
	.showcase_january_event .attendance_days .day_item.day_6[data-state="done"] .day_img {
		content: url("../img/pc/day_6.gif");
	}
	.showcase_january_event .attendance_days .day_item.day_7 {
		width: 164px;
		height: 69px;
		top: 188px;
		right: 275px;
	}
	.showcase_january_event .attendance_days .day_item.day_8 .day_img {
		width: 122px;
		height: 62px;
		top: 496px;
		left: 1026px;
	}
	.showcase_january_event .attendance_days .day_item.day_8 .day_number {
		width: 39px;
		height: 39px;
		top: 496px;
		left: 1026px;
	}
	.showcase_january_event .attendance_days .day_item.day_8[data-state="done"] .day_img {
		content: url("../img/pc/day_8.gif");
	}
	.showcase_january_event .attendance_days .day_item.day_9 .day_img {
		width: 114px;
		height: 95px;
		top: 740px;
		left: 1239px;
	}
	.showcase_january_event .attendance_days .day_item.day_9 .day_number {
		width: 39px;
		height: 39px;
		top: 796px;
		left: 1239px;
	}
	.showcase_january_event .attendance_days .day_item.day_9[data-state="done"] .day_img {
		content: url("../img/pc/day_9.gif");
	}
	.showcase_january_event .attendance_days .day_item.day_10 .day_img {
		width: 223px;
		height: 164px;
		top: 282px;
		left: 1175px;
	}
	.showcase_january_event .attendance_days .day_item.day_10 .day_number {
		width: 42px;
		height: 42px;
		top: 299px;
		left: 1175px;
	}
	.showcase_january_event .attendance_days .day_item.day_10[data-state="done"] .day_img {
		content: url("../img/pc/day_10.gif");
	}
	.showcase_january_event .attendance_days .day_item.day_11 .day_img {
		width: 105px;
		height: 73px;
		top: 880px;
		left: 1029px;
	}
	.showcase_january_event .attendance_days .day_item.day_11 .day_number {
		width: 42px;
		height: 42px;
		top: 880px;
		left: 1029px;
	}
	.showcase_january_event .attendance_days .day_item.day_11[data-state="done"] .day_img {
		content: url("../img/pc/day_11.gif");
	}
	.showcase_january_event .attendance_days .day_item.day_12 {
		width: 151px;
		height: 135px;
		top: 852px;
		left: 552px;
	}
	.showcase_january_event .attendance_days .day_item.day_13 {
		width: 108px;
		height: 113px;
		top: 479px;
		left: 150px;
	}
	.showcase_january_event .attendance_days .day_item.day_14 {
		width: 144px;
		height: 81px;
		top: 609px;
		left: 297px;
	}
	.showcase_january_event .attendance_days .day_item.day_15 .day_number {
		width: 42px;
		height: 42px;
		top: 698px;
		left: 99px;
	}
	.showcase_january_event .attendance_days .day_item.day_15 .day_img {
		width: 118px;
		height: 93px;
		top: 647px;
		left: 99px;
	}
	.showcase_january_event .attendance_days .day_item.day_15[data-state="done"] .day_img {
		content: url("../img/pc/day_15.gif");
	}
	.showcase_january_event .attendance_days .day_item.day_16 .day_img {
		width: 144px;
		height: 114px;
		top: 326px;
		left: 117px;
	}
	.showcase_january_event .attendance_days .day_item.day_16 .day_number {
		width: 42px;
		height: 42px;
		top: 398px;
		left: 117px;
	}
	.showcase_january_event .attendance_days .day_item.day_16[data-state="done"] .day_img {
		content: url("../img/pc/day_16.gif");
	}
	.showcase_january_event .attendance_days .day_item.day_17 .day_img {
		width: 153px;
		height: 162px;
		top: 284px;
		left: 934px;
	}
	.showcase_january_event .attendance_days .day_item.day_17 .day_number {
		width: 42px;
		height: 42px;
		top: 312px;
		left: 934px;
	}
	.showcase_january_event .attendance_days .day_item.day_17[data-state="done"] .day_img {
		content: url("../img/pc/day_17.gif");
	}
	.showcase_january_event .attendance_days .day_item.day_18 .day_img {
		width: 147px;
		height: 95px;
		top: 621px;
		left: 1282px;
	}
	.showcase_january_event .attendance_days .day_item.day_18 .day_number {
		width: 42px;
		height: 42px;
		top: 621px;
		left: 1282px;
	}
	.showcase_january_event .attendance_days .day_item.day_18[data-state="done"] .day_img {
		content: url("../img/pc/day_18.gif");
	}
	.showcase_january_event .attendance_days .day_item.day_19 .day_img {
		width: 85px;
		height: 87px;
		top: 197px;
		left: 1323px;
	}
	.showcase_january_event .attendance_days .day_item.day_19 .day_number {
		width: 42px;
		height: 42px;
		top: 242px;
		left: 1323px;
	}
	.showcase_january_event .attendance_days .day_item.day_19[data-state="done"] .day_img {
		content: url("../img/pc/day_19.gif");
	}
	.showcase_january_event .attendance_days .day_item.day_20 .day_img {
		width: 85px;
		height: 87px;
		top: 861px;
		left: 411px;
	}
	.showcase_january_event .attendance_days .day_item.day_20 .day_number {
		width: 42px;
		height: 42px;
		top: 906px;
		left: 411px;
	}
	.showcase_january_event .attendance_days .day_item.day_20[data-state="done"] .day_img {
		content: url("../img/pc/day_20.gif");
	}
	.showcase_january_event .attendance_days .day_item.day_21 .day_img {
		width: 140px;
		height: 69px;
		top: 806px;
		left: 854px;
	}
	.showcase_january_event .attendance_days .day_item.day_21 .day_number {
		width: 42px;
		height: 42px;
		top: 812px;
		left: 854px;
	}
	.showcase_january_event .attendance_days .day_item.day_21[data-state="done"] .day_img {
		content: url("../img/pc/day_21.gif");
	}
	.showcase_january_event .attendance_days .day_item.day_22 .day_img {
		width: 122px;
		height: 69px;
		top: 196px;
		left: 193px;
	}
	.showcase_january_event .attendance_days .day_item.day_22 .day_number {
		width: 42px;
		height: 42px;
		top: 196px;
		left: 193px;
	}
	.showcase_january_event .attendance_days .day_item.day_22[data-state="done"] .day_img {
		content: url("../img/pc/day_22.gif");
	}
	.showcase_january_event .attendance_days .day_item.day_23 .day_img {
		width: 171px;
		height: 202px;
		top: 619px;
		left: 1013px;
	}
	.showcase_january_event .attendance_days .day_item.day_23 .day_number {
		width: 42px;
		height: 42px;
		top: 653px;
		left: 1013px;
	}
	.showcase_january_event .attendance_days .day_item.day_23[data-state="done"] .day_img {
		content: url("../img/pc/day_23.gif");
	}
	.showcase_january_event .attendance_days .day_item.day_24 {
		width: 141px;
		height: 82px;
		top: 723px;
		left: 402px;
	}
	.showcase_january_event .attendance_days .day_item.day_25 .day_img {
		width: 206px;
		height: 160px;
		top: 739px;
		left: 173px;
	}
	.showcase_january_event .attendance_days .day_item.day_25 .day_number {
		width: 42px;
		height: 42px;
		top: 756px;
		left: 190px;
	}
	.showcase_january_event .attendance_days .day_item.day_25[data-state="done"] .day_img {
		content: url("../img/pc/day_25.gif");
	}
	.showcase_january_event .attendance_days .day_item.day_26 {
		width: 177px;
		height: 143px;
		top: 485px;
		right: 142px;
	}
	.showcase_january_event .attendance_days .day_item.day_27 .day_img {
		width: 75px;
		height: 76px;
		top: 800px;
		left: 710px;
	}
	.showcase_january_event .attendance_days .day_item.day_27 .day_number {
		width: 42px;
		height: 42px;
		top: 834px;
		left: 743px;
	}
	.showcase_january_event .attendance_days .day_item.day_27[data-state="done"] .day_img {
		content: url("../img/pc/day_27.gif");
	}
	.showcase_january_event .attendance_days .day_item.day_28 {
		width: 181px;
		height: 181px;
		top: 849px;
		right: 148px;
	}
	.showcase_january_event .attendance_days .day_item.day_29 .day_img {
		width: 141px;
		height: 95px;
		top: 935px;
		left: 764px;
	}
	.showcase_january_event .attendance_days .day_item.day_29 .day_number {
		width: 42px;
		height: 42px;
		top: 939px;
		left: 764px;
	}
	.showcase_january_event .attendance_days .day_item.day_29[data-state="done"] .day_img {
		content: url("../img/pc/day_29.gif");
	}
	.showcase_january_event .attendance_days .day_item.day_30 .day_img {
		width: 75px;
		height: 76px;
		top: 912px;
		left: 122px;
	}
	.showcase_january_event .attendance_days .day_item.day_30 .day_number {
		width: 42px;
		height: 42px;
		top: 946px;
		left: 155px;
	}
	.showcase_january_event .attendance_days .day_item.day_30[data-state="done"] .day_img {
		content: url("../img/pc/day_30.gif");
	}
	.showcase_january_event .attendance_days .day_item.day_31 {
		width: 75px;
		height: 76px;
		top: 912px;
		left: 122px;
		width: 448px;
		height: 421px;
		top: 336px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		    -ms-transform: translateX(-50%);
		        transform: translateX(-50%);
	}
	.showcase_january_event .attendance_days .day_item {
		opacity: 0.05;
	}
	.showcase_january_event .attendance_days .day_item[data-state="done"] {
		opacity: 1;
	}
	.showcase_january_event .redeem_popup {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: none;
	}
	.showcase_january_event .redeem_popup .popup_inner {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		    -ms-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
		width: 330px;
		height: 182px;
		background-color: #fff;
		padding: 26px 16px 16px 16px;
	}
	.showcase_january_event .redeem_popup .popup_inner .popup_body {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	.showcase_january_event .redeem_popup .popup_title {
		color: #111;
		line-height: 1.11;
		font-size: 18px;
		font-weight: 700;
		margin-bottom: 8px;
	}
	.showcase_january_event .redeem_popup .popup_desc {
		line-height: 1.4;
		color: #111;
		font-size: 15px;
		padding: 0 52px;
		text-align: center;
		margin-bottom: 20px;
	}
	.showcase_january_event .redeem_popup .popup_btns {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		gap: 8px;
	}
	.showcase_january_event .redeem_popup .popup_btns button,
	.showcase_january_event .redeem_popup .popup_btns a {
		width: 145px;
		height: 50px;
		-webkit-border-radius: 2px;
		        border-radius: 2px;
		border: 1px solid #c8cacc;
		font-size: 16px;
		line-height: 1.2;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	.showcase_january_event .redeem_popup .popup_btns .btn_secondary {
		background-color: #fff;
		color: #111;
	}
	.showcase_january_event .redeem_popup .popup_btns .btn_primary {
		background-color: #000;
		color: #fff;
	}
}

@media screen and (max-width: 990px) {
	.showcase_january_event {
		/*sticky_wrap*/
		/* ===============================
     토글로 열리는 패널
  ================================ */
		/* ===============================
     공통 박스 스타일
  ================================ */
		/* ===============================
     코인 영역
  ================================ */
		/* ===============================
     쿠폰 링크
  ================================ */
		/*sc_main*/
		/*sc_coin*/
		/*로그아웃 상태*/
		/* ===== 로그인 상태: out UI 숨김 ===== */
		/* ===== 비로그인 상태: txt_wrap 삭제 + 로그인 UI만 노출 ===== */
		/* coin_popup */
		/* empty */
		/* overlay */
		/* popup panel */
		/* table base*/
		/* column width */
		/*head table */
		/*body scroll wrapper*/
		/*body table rows*/
		/* info cell */
		/*sc_mission*/
		/* 공통 */
		/* 0개 획득 */
		/* 1개 이상 획득 */
		/* disabled */
		/* done */
		/* 비로그인 상태: 미션 버튼 비활성 */
		/* 비로그인 상태: 미션 게이지 전부 비활성 색상으로 통일 */
		/*sc_gift*/
		/* 기본: 정지이미지 보임 */
		/* 재생: gif가 위로 올라옴 */
		/* sc_gift 공통 비활성 */
		/*gacha_popup*/
		/* 꽝일 때 결과 버튼 영역 숨김 */
		/*sc_process*/
		/*sc_banner*/
		/*sc_notice*/
		/*캘린더 팝업*/
		/* 오늘 출석 완료 + 전체 완료: 회색 + 클릭 불가 */
		/*이미지 포지션*/
		/*이미지 크기 및 포지션*/
		/*이미지 오파시티*/
		/* 기본: 전부 흐림 */
		/* 출석 완료한 날짜만 진하게 */
		/* 발급 완료 팝업 */
	}
	.showcase_january_event .pc_only {
		display: none !important;
	}
	.showcase_january_event .mo_only {
		display: block !important;
	}
	.showcase_january_event .etc_span {
		font-size: 3.73vw;
	}
	.showcase_january_event .sticky_wrap {
		position: relative;
		z-index: 2;
	}
	.showcase_january_event .line_wrap.pc {
		display: none;
	}
	.showcase_january_event .line_wrap.mo {
		/* position: relative; */
		/* border: 0.27vw solid #000; */
		position: absolute;
		top: 4.07vw;
		right: 4.27vw;
		text-align: right;
		z-index: 2;
	}
	.showcase_january_event .sticky_wrap.type_fixed .line_wrap.mo {
		position: fixed;
	}
	.showcase_january_event .line_wrap.mo .line_btn {
		width: 9.87vw;
		height: 9.87vw;
		cursor: pointer;
		position: relative;
		z-index: 3;
	}
	.showcase_january_event .line_wrap.mo .floting_btn_arrow {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%) rotate(0deg);
		    -ms-transform: translate(-50%, -50%) rotate(0deg);
		        transform: translate(-50%, -50%) rotate(0deg);
		width: 2.67vw;
		height: 2.67vw;
		-webkit-transition: -webkit-transform 0.2s ease;
		transition: -webkit-transform 0.2s ease;
		transition: transform 0.2s ease;
		transition: transform 0.2s ease, -webkit-transform 0.2s ease;
	}
	.showcase_january_event .line_wrap.mo.is-open .floting_btn_arrow {
		top: 46%;
		-webkit-transform: translate(-50%, -50%) rotate(180deg);
		    -ms-transform: translate(-50%, -50%) rotate(180deg);
		        transform: translate(-50%, -50%) rotate(180deg);
	}
	.showcase_january_event .line_wrap.mo .toggle_panel {
		overflow: hidden;
		height: 0;
		/* JS에서 조절 */
		margin-top: 2.67vw;
		position: relative;
		z-index: 1;
	}
	.showcase_january_event .line_wrap.mo .coin_box,
	.showcase_january_event .line_wrap.mo .coupon_box {
		font-size: 4.27vw;
		font-weight: 700;
		color: #111;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		border: 0.53vw solid #111111;
		background-color: #fff;
		height: 11.73vw;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		width: -webkit-fit-content;
		width: fit-content;
	}
	.showcase_january_event .line_wrap.mo .coin_box {
		padding: 0 5.07vw;
	}
	.showcase_january_event .line_wrap.mo .coupon_box {
		padding: 0 9.6vw;
		margin-top: 1.6vw;
		margin-left: auto;
		-webkit-align-self: flex-end;
		    -ms-flex-item-align: end;
		        align-self: flex-end;
	}
	.showcase_january_event .line_wrap.mo .coin_label {
		font-family: "Lanapixel", sans-serif;
		color: #111;
		font-size: 3.73vw;
		line-height: 1.35;
		font-weight: 400;
	}
	.showcase_january_event .line_wrap.mo .coin_value {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		font-family: "Lanapixel", sans-serif;
		color: #111;
		font-size: 3.73vw;
		line-height: 1.35;
		font-weight: 400;
	}
	.showcase_january_event .line_wrap.mo .coin_value span {
		font-family: "Lanapixel", sans-serif;
		color: #111;
		font-size: 3.73vw;
		line-height: 1.35;
		font-weight: 400;
	}
	.showcase_january_event .line_wrap.mo .coin_icon {
		width: 5.33vw;
		height: auto;
	}
	.showcase_january_event .line_wrap.mo .coin_count {
		font-family: "Lanapixel", sans-serif;
		color: #111;
		font-size: 3.73vw;
		line-height: 1.35;
		font-weight: 400;
	}
	.showcase_january_event .line_wrap.mo .coupon_box {
		text-decoration: none;
		color: #111;
	}
	.showcase_january_event .line_wrap.mo .coupon_box span {
		font-family: "Lanapixel", sans-serif;
		color: #111;
		font-size: 3.73vw;
		line-height: 1.35;
		font-weight: 400;
	}
	.showcase_january_event .gacha_particles {
		width: 200%;
		height: 300%;
	}
	.showcase_january_event .title_wrap {
		width: 77.6vw;
		height: 16vw;
		margin-bottom: 4.27vw;
	}
	.showcase_january_event .txt_wrap {
		margin-bottom: 8.53vw;
	}
	.showcase_january_event .txt_wrap p {
		font-size: 4.8vw;
		line-height: 1.45;
		text-align: center;
	}
	.showcase_january_event .section_inner {
		padding: 32vw 0;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.showcase_january_event .dimmed_wrap {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		background: rgba(0, 0, 0, 0.5);
		z-index: -1;
	}
	.showcase_january_event .sc_main {
		position: relative;
		background-image: url(../img/mo/main_bg.jpg);
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		        background-size: cover;
		background-position: center;
		height: 173.33vw;
		overflow: hidden;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.showcase_january_event .sc_main .main_title {
		width: 81.6vw;
		height: 33.6vw;
		margin-bottom: 6.93vw;
	}
	.showcase_january_event .sc_main .main_txt_wrap {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.showcase_january_event .sc_main .main_txt_wrap p:nth-child(1) {
		width: 60.53vw;
		height: 25.6vw;
		margin-bottom: 2.67vw;
	}
	.showcase_january_event .sc_main .main_txt_wrap p:nth-child(2) {
		width: 75.2vw;
		height: 9.33vw;
		margin-bottom: 8.53vw;
	}
	.showcase_january_event .sc_main .main_txt_wrap p:nth-child(3) {
		font-size: 5.33vw;
		line-height: 1.45;
		text-align: center;
		color: #111;
	}
	.showcase_january_event .sc_main .img_wrap {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
		/* 양옆 잘리게 */
	}
	.showcase_january_event .sc_main .img_box {
		position: absolute;
		top: 0;
		left: 50%;
		-webkit-transform: translateX(-50%);
		    -ms-transform: translateX(-50%);
		        transform: translateX(-50%);
		width: 100%;
		height: 100%;
		max-width: none;
	}
	.showcase_january_event .sc_main .img_wrap img {
		position: absolute;
	}
	.showcase_january_event .sc_main .main_img_gif_01 {
		width: 100px;
		height: 100px;
		top: 86px;
		left: 17px;
	}
	.showcase_january_event .sc_main .main_img_gif_02 {
		width: 100px;
		height: 100px;
		top: 135.58vw;
		left: 71.47vw;
	}
	.showcase_january_event .sc_main .main_img_gif_03 {
		width: 5.73vw;
		height: 5.73vw;
		top: 14.27vw;
		left: 68.75vw;
	}
	.showcase_january_event .sc_main .main_img_01 {
		left: auto;
		width: 2.93vw;
		height: 2.93vw;
		top: 29.87vw;
		right: 28.8vw;
	}
	.showcase_january_event .sc_main .main_img_02 {
		width: 4.8vw;
		height: 4.8vw;
		top: 136.53vw;
		left: auto;
		right: 5.07vw;
	}
	.showcase_january_event .sc_main .main_img_03 {
		display: none;
	}
	.showcase_january_event .sc_main .main_img_04 {
		width: 13.07vw;
		height: 17.33vw;
		top: 30.13vw;
		left: 8.8vw;
	}
	.showcase_january_event .sc_main .main_img_05 {
		display: none;
	}
	.showcase_january_event .sc_main .main_img_06 {
		width: 4.27vw;
		height: 4.27vw;
		top: 27.2vw;
		left: 25.33vw;
	}
	.showcase_january_event .sc_main .main_img_07 {
		width: 9.07vw;
		height: 8.8vw;
		top: 37.87vw;
		left: auto;
		right: 8.27vw;
	}
	.showcase_january_event .sc_main .main_img_08 {
		left: auto;
		width: 12.27vw;
		height: 15.73vw;
		top: 144.27vw;
		right: 10.13vw;
	}
	.showcase_january_event .sc_coin {
		background: -webkit-gradient(linear, left top, left bottom, from(#fff3ab), to(#fffdf0));
		background: -webkit-linear-gradient(top, #fff3ab 0%, #fffdf0 100%);
		background: linear-gradient(180deg, #fff3ab 0%, #fffdf0 100%);
		position: relative;
		height: 169.87vw;
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
	}
	.showcase_january_event .sc_coin .status_wrap {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
		background-image: url(../img/mo/coin_status_bg.png);
		-webkit-background-size: contain;
		        background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		width: 89.33vw;
		height: 45.33vw;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	.showcase_january_event .sc_coin .status_profile {
		width: 29.33vw;
		height: 32vw;
		margin-right: 3.73vw;
	}
	.showcase_january_event .sc_coin .status_available span {
		font-size: 5.33vw;
		line-height: 1;
		font-family: "DnfBitbeatV2", sans-serif;
		color: #ffb131;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		margin-bottom: 1.87vw;
	}
	.showcase_january_event .sc_coin .coin_wrap {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		white-space: nowrap;
	}
	.showcase_january_event .sc_coin .coin_wrap img {
		width: 14.93vw;
		height: 14.93vw;
	}
	.showcase_january_event .sc_coin .coin_wrap .coin_number {
		font-family: "DnfBitbeatV2", sans-serif;
		font-size: 10.67vw;
		line-height: 1;
		color: #ffb131;
		margin-left: 1.07vw;
	}
	.showcase_january_event .sc_coin .btn_wrap.btn_logged_in {
		margin-left: 0;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		    -ms-flex-direction: row;
		        flex-direction: row;
		gap: 2.13vw;
		position: absolute;
		bottom: 32vw;
		left: 50%;
		-webkit-transform: translateX(-50%);
		    -ms-transform: translateX(-50%);
		        transform: translateX(-50%);
	}
	.showcase_january_event .sc_coin .btn_wrap a,
	.showcase_january_event .sc_coin .btn_wrap button {
		background-color: #fff;
		border: 0.27vw solid #dcdee0;
		font-weight: 700;
		font-size: 3.73vw;
		line-height: 1.35;
		color: #111;
		width: 43.73vw;
		height: 13.6vw;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	.showcase_january_event .sc_coin .btn_logged_out {
		margin: 0 auto;
	}
	.showcase_january_event .sc_coin .btn_logged_out a {
		width: 74.67vw;
		height: 14.93vw;
	}
	.showcase_january_event .january_event_container[data-auth="in"] .sc_coin .btn_logged_out {
		display: none;
	}
	.showcase_january_event .january_event_container[data-auth="out"] .sc_coin .txt_wrap {
		display: none;
	}
	.showcase_january_event .january_event_container[data-auth="out"] .sc_coin .status_profile,
	.showcase_january_event .january_event_container[data-auth="out"] .sc_coin .status_available,
	.showcase_january_event .january_event_container[data-auth="out"] .sc_coin .btn_logged_in {
		display: none;
	}
	.showcase_january_event .january_event_container[data-auth="out"] .sc_coin .btn_logged_out {
		display: block;
		/* 기존 btn_wrap 레이아웃에 맞게 block/flex 중 선택 */
	}
	.showcase_january_event .history_empty {
		display: none;
	}
	.showcase_january_event .history_empty .empty_wrap {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		padding: 8vw 0;
	}
	.showcase_january_event .history_empty .empty_wrap .empty_text {
		font-size: 4.27vw;
		line-height: 1;
		font-weight: 700;
	}
	.showcase_january_event .coin_popup {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: none;
	}
	.showcase_january_event .coin_popup .popup_inner {
		z-index: 1;
		width: 89.33vw;
		height: auto;
		background: #fff;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		    -ms-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		padding: 10.67vw 4.27vw 13.33vw;
		position: relative;
	}
	.showcase_january_event .coin_popup .popup_content {
		width: 100%;
		position: relative;
	}
	.showcase_january_event .coin_popup .popup_panel {
		width: 100%;
		position: relative;
	}
	.showcase_january_event .coin_popup .scroll_rail {
		position: absolute;
		bottom: 2.67vw;
		right: -2.4vw;
		width: 1.07vw;
		height: 106.4vw;
		-webkit-border-radius: 0.27vw;
		        border-radius: 0.27vw;
		background: rgba(0, 0, 0, 0.08);
	}
	.showcase_january_event .coin_popup .scroll_thumb {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 10.67vw;
		-webkit-border-radius: 266.4vw;
		        border-radius: 266.4vw;
		background: #111;
		cursor: grab;
		-webkit-transition: top 0.08s linear;
		transition: top 0.08s linear;
	}
	.showcase_january_event .coin_popup .scroll_thumb.is-dragging {
		-webkit-transition: none;
		transition: none;
	}
	.showcase_january_event .coin_popup .scroll_thumb:active {
		cursor: grabbing;
	}
	.showcase_january_event .coin_popup .popup_close {
		width: 5.33vw;
		height: 5.33vw;
		position: absolute;
		top: 3.2vw;
		right: 3.2vw;
	}
	.showcase_january_event .coin_popup .popup_header {
		padding-bottom: 4.27vw;
		border-bottom: 0.53vw solid #000;
	}
	.showcase_january_event .coin_popup .popup_header p {
		font-size: 6.4vw;
		line-height: 1;
		font-weight: 700;
		color: #111;
		text-align: center;
	}
	.showcase_january_event .coin_popup .history_table {
		width: 100%;
		table-layout: fixed;
		border-collapse: collapse;
	}
	.showcase_january_event .coin_popup .history_table col.col_info {
		width: 60%;
	}
	.showcase_january_event .coin_popup .history_table col.col_date {
		width: 28%;
	}
	.showcase_january_event .coin_popup .history_table col.col_coin {
		width: 12%;
	}
	.showcase_january_event .coin_popup .history_table--head thead {
		border-bottom: 0.27vw solid #ebedee;
	}
	.showcase_january_event .coin_popup .history_table--head th {
		padding: 4.8vw 0 4.27vw;
		font-size: 3.47vw;
		line-height: 1.15;
		color: #111;
		font-weight: 400;
		text-align: center;
	}
	.showcase_january_event .coin_popup .history_scroll {
		max-height: 95.2vw;
		overflow-y: auto;
		scrollbar-gutter: stable;
		overflow-x: hidden;
		scrollbar-width: none;
	}
	.showcase_january_event .coin_popup .history_scroll::-webkit-scrollbar {
		width: 0;
		height: 0;
	}
	.showcase_january_event .coin_popup .history_table--body .history_row {
		border-bottom: 0.27vw solid #ebedee;
	}
	.showcase_january_event .coin_popup .history_table--body td {
		overflow: hidden;
	}
	.showcase_january_event .coin_popup .history_table--body .td_info {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		padding: 3.2vw 2vw 3.2vw 2.13vw;
		width: 100%;
		min-width: 0;
	}
	.showcase_january_event .coin_popup .history_table--body .td_info .item_img {
		width: 10.67vw;
		height: 10.67vw;
		margin-right: 3.2vw;
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 10.67vw;
		    -ms-flex: 0 0 10.67vw;
		        flex: 0 0 10.67vw;
	}
	.showcase_january_event .coin_popup .history_table--body .td_info .item_img img {
		width: 100%;
		height: 100%;
		display: block;
	}
	.showcase_january_event .coin_popup .history_table--body .td_info .item_text {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		    -ms-flex-align: start;
		        align-items: flex-start;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
		min-width: 0;
		-webkit-box-flex: 1;
		-webkit-flex: 1 1 auto;
		    -ms-flex: 1 1 auto;
		        flex: 1 1 auto;
		overflow: hidden;
		max-width: 100%;
	}
	.showcase_january_event .coin_popup .history_table--body .td_info .item_text .item_badge {
		-webkit-border-radius: 0.27vw;
		        border-radius: 0.27vw;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		width: 6.4vw;
		height: auto;
		padding: 1.07vw 0.53vw;
		font-size: 2.4vw;
		font-weight: 600;
		line-height: 1;
		margin-bottom: 0.53vw;
	}
	.showcase_january_event .coin_popup .history_table--body .td_info .item_text .item_badge.type_gacha {
		color: #7c3eee;
		background: #7c3eee26;
	}
	.showcase_january_event .coin_popup .history_table--body .td_info .item_text .item_badge.type_exchange {
		color: #ff7700;
		background: #ff770026;
	}
	.showcase_january_event .coin_popup .history_table--body .td_info .item_text .item_name {
		font-weight: 700;
		line-height: 1.25;
		font-size: 3.47vw;
		color: #111;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		display: block;
		max-width: 100%;
	}
	.showcase_january_event .coin_popup .history_table--body .td_date,
	.showcase_january_event .coin_popup .history_table--body .td_coin {
		font-weight: 700;
		line-height: 1.25;
		font-size: 3.73vw;
		color: #222;
		text-align: center;
		padding: 3.73vw 0;
		white-space: nowrap;
	}
	.showcase_january_event .coin_popup .history_table--body tbody tr:last-child {
		border-bottom: 0;
	}
	.showcase_january_event .sc_mission {
		background-image: url(../img/mo/mission_bg.jpg);
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		        background-size: cover;
		background-position: center;
	}
	.showcase_january_event .sc_mission .mission_content {
		background-image: url(../img/mo/mission_content_bg_2.png);
		background-repeat: no-repeat;
		width: 89.33vw;
		height: 217.07vw;
		-webkit-background-size: contain;
		        background-size: contain;
		padding: 8.53vw 0 8.53vw 8vw;
	}
	.showcase_january_event .sc_mission .mission_content ul {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.showcase_january_event .sc_mission .mission_content ul + ul {
		margin-top: 10.67vw;
	}
	.showcase_january_event .sc_mission .mission_content ul li + li {
		margin-top: 10.67vw;
	}
	.showcase_january_event .sc_mission .mission_content .mission_ul::after {
		display: none;
	}
	.showcase_january_event .sc_mission .mission_content ul li {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		    -ms-flex-align: start;
		        align-items: flex-start;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
		position: relative;
	}
	.showcase_january_event .sc_mission .mission_content ul li::before {
		content: "";
		width: 73.33vw;
		height: 1px;
		background-color: #f0f2f4;
		position: absolute;
		bottom: -5.33vw;
		left: 0;
	}
	.showcase_january_event .sc_mission .mission_content .mission_bonus li::before {
		display: none;
	}
	.showcase_january_event .sc_mission .mission_content .img_wrap {
		position: absolute;
		top: 0;
		left: 0;
		width: 16vw;
		height: 16vw;
		margin-right: 0;
	}
	.showcase_january_event .sc_mission .mission_content .txt_box .mission_number {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		gap: 1.87vw;
		padding-left: 19.73vw;
		padding-top: 1.87vw;
		padding-bottom: 10.67vw;
	}
	.showcase_january_event .sc_mission .mission_content .txt_box .mission_number span {
		display: block;
		margin-right: 0;
	}
	.showcase_january_event .sc_mission .mission_content .mission_ul .txt_box .mission_number span {
		width: 21.07vw;
		height: 4.53vw;
	}
	.showcase_january_event .sc_mission .mission_content .mission_bonus .txt_box .mission_number span {
		width: 12.53vw;
		height: 4.53vw;
	}
	.showcase_january_event .sc_mission .mission_content .txt_box .mission_number p {
		color: #111;
		margin-top: 0;
		line-height: 1.25;
		font-size: 4.8vw;
		font-weight: 700;
	}
	.showcase_january_event .sc_mission .mission_content .txt_box .mission_txt {
		margin-bottom: 3.73vw;
	}
	.showcase_january_event .sc_mission .mission_content .txt_box .mission_txt p {
		color: #616161;
		line-height: 1.45;
		font-size: 4vw;
	}
	.showcase_january_event .sc_mission .mission_content .txt_box .mission_gauge {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		gap: 0.8vw;
	}
	.showcase_january_event .sc_mission .mission_content .txt_box .mission_gauge .gauge_step {
		background: #ffe6f1;
		width: 9.6vw;
		height: 1.6vw;
	}
	.showcase_january_event .sc_mission .mission_content .mission_ul .txt_box .mission_gauge .gauge_step.is-active {
		background: #ff2483;
	}
	.showcase_january_event .sc_mission .mission_content .mission_bonus .txt_box .mission_gauge .gauge_step.is-active {
		background: #bc0052;
	}
	.showcase_january_event .sc_mission .mission_content .btn_wrap {
		margin-left: 0;
	}
	.showcase_january_event .sc_mission .mission_content .btn_wrap button {
		margin-top: 0;
		width: 73.33vw;
		height: 12.53vw;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		border: 0.27vw solid #dcdee0;
		-webkit-border-radius: 0.53vw;
		        border-radius: 0.53vw;
		color: #a0a0a0;
		font-weight: 700;
		font-size: 3.73vw;
		line-height: 1.35;
		color: #111;
	}
	.showcase_january_event .sc_mission .mission_content .btn_wrap a {
		margin-top: 0;
		width: 73.33vw;
		height: 12.53vw;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		border: 0.27vw solid #dcdee0;
		-webkit-border-radius: 0.53vw;
		        border-radius: 0.53vw;
		color: #a0a0a0;
		font-weight: 700;
		font-size: 3.73vw;
		line-height: 1.35;
		color: #111;
	}
	.showcase_january_event .sc_mission .mission_bonus .btn_wrap {
		margin-top: 1.07vw;
	}
	.showcase_january_event .sc_mission .mission_count {
		display: inline-block;
		padding: 1.07vw 2.13vw;
		-webkit-border-radius: 0.53vw;
		        border-radius: 0.53vw;
		font-size: 3.2vw;
		font-weight: 700;
		line-height: 1.35;
		position: absolute;
		top: 8.53vw;
		left: 19.2vw;
	}
	.showcase_january_event .sc_mission .mission_count.is-zero {
		color: #a0a0a0;
		background: #a0a0a01a;
	}
	.showcase_january_event .sc_mission .mission_count.is-active {
		color: #ff2483;
		background: #ff24830d;
	}
	.showcase_january_event .sc_mission li[data-state="disabled"] .btn_wrap button {
		color: #a0a0a0;
		pointer-events: none;
	}
	.showcase_january_event .sc_mission li[data-state="done"] .btn_wrap button {
		color: #a0a0a0;
		pointer-events: none;
	}
	.showcase_january_event .january_event_container[data-auth="out"] .sc_mission .btn_wrap button {
		color: #a0a0a0;
		pointer-events: none;
		cursor: default;
	}
	.showcase_january_event .january_event_container[data-auth="out"] .sc_mission .mission_gauge .gauge_step {
		background: #dcdee0;
	}
	.showcase_january_event .january_event_container[data-auth="out"] .sc_mission .mission_content .mission_ul .txt_box .mission_gauge .gauge_step.is-active {
		background: #dcdee0;
	}
	.showcase_january_event .january_event_container[data-auth="out"] .sc_mission .mission_content .mission_bonus .txt_box .mission_gauge .gauge_step.is-active {
		background: #dcdee0;
	}
	.showcase_january_event .sc_gift {
		background: -webkit-gradient(linear, left top, left bottom, from(#ddf6ff), to(#eefaff));
		background: -webkit-linear-gradient(top, #ddf6ff 0%, #eefaff 100%);
		background: linear-gradient(180deg, #ddf6ff 0%, #eefaff 100%);
	}
	.showcase_january_event .sc_gift .txt_wrap p {
		line-height: 1.45;
		text-align: center;
	}
	.showcase_january_event .sc_gift .gift_content .top_content {
		background-image: url(../img/mo/gift_content_bg.png);
		background-repeat: no-repeat;
		background-position: center;
		-webkit-background-size: contain;
		        background-size: contain;
		width: 89.33vw;
		height: 355.73vw;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		position: relative;
	}
	.showcase_january_event .sc_gift .gift_content .top_content .left_wrap {
		position: absolute;
		top: 6.4vw;
		left: 0;
		width: 100%;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	.showcase_january_event .sc_gift .top_content .title_box span {
		background-image: url(../img/mo/gift_title_box_bg.png);
		background-repeat: no-repeat;
		background-position: center;
		-webkit-background-size: contain;
		        background-size: contain;
		width: 29.33vw;
		height: 10.67vw;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		margin-bottom: 2.67vw;
		font-family: "DnfBitbeatV2", sans-serif;
		font-size: 4.27vw;
		line-height: 1;
		color: #0097cc;
	}
	.showcase_january_event .sc_gift .bottom_content .title_box span {
		background-image: url(../img/mo/gift_title_box_bg.png);
		background-repeat: no-repeat;
		background-position: center;
		-webkit-background-size: contain;
		        background-size: contain;
		width: 32vw;
		height: 13.33vw;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		margin-bottom: 2.67vw;
		font-family: "DnfBitbeatV2", sans-serif;
		font-size: 4.8vw;
		line-height: 1;
		color: #0097cc;
	}
	.showcase_january_event .sc_gift .title_box h3 {
		font-size: 6.4vw;
		line-height: 1.35;
		font-weight: 700;
		color: #111;
		margin-bottom: 5.33vw;
	}
	.showcase_january_event .sc_gift .title_box p {
		color: #111;
		line-height: 1.35;
		font-size: 4.27vw;
	}
	.showcase_january_event .sc_gift .gift_content .top_content .left_wrap .motion_wrap {
		width: 40vw;
		height: 64vw;
	}
	.showcase_january_event .sc_gift .motion_wrap {
		position: relative;
	}
	.showcase_january_event .sc_gift .motion_wrap img {
		position: absolute;
		inset: 0;
		/* top:0; right:0; bottom:0; left:0; */
		width: 100%;
		height: 100%;
		object-fit: contain;
		/* 필요시 */
	}
	.showcase_january_event .sc_gift .motion_wrap .motion_gif {
		opacity: 0;
		pointer-events: none;
		z-index: 1;
	}
	.showcase_january_event .sc_gift .motion_wrap .motion_still {
		opacity: 1;
	}
	.showcase_january_event .sc_gift .motion_wrap.is-playing .motion_gif {
		opacity: 1;
	}
	.showcase_january_event .sc_gift .motion_wrap.is-playing .motion_still {
		opacity: 0;
	}
	.showcase_january_event .sc_gift .btn_wrap {
		margin-top: 6.4vw;
	}
	.showcase_january_event .sc_gift .btn_wrap button {
		width: 54.4vw;
		height: 16vw;
		border: 0.27vw solid #dcdee0;
		background: #fff;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	.showcase_january_event .sc_gift .btn_wrap button img {
		width: 10.13vw;
		height: 10.4vw;
	}
	.showcase_january_event .sc_gift .btn_wrap button span {
		display: block;
		margin-left: 0.8vw;
		color: #111;
		line-height: 1.35;
		font-size: 4.27vw;
		font-weight: 700;
	}
	.showcase_january_event .sc_gift .gift_content .top_content .left_wrap .img_wrap {
		position: absolute;
		top: 0;
		left: 0;
		display: none;
	}
	.showcase_january_event .sc_gift .gift_content .top_content .left_wrap .img_wrap img {
		width: 8.53vw;
		height: 11.73vw;
		position: absolute;
	}
	.showcase_january_event .sc_gift .gift_content .top_content .left_wrap .img_wrap .glitter_01 {
		top: 81.87vw;
		left: 8vw;
	}
	.showcase_january_event .sc_gift .gift_content .top_content .left_wrap .img_wrap .glitter_02 {
		top: 39.73vw;
		left: 80.53vw;
	}
	.showcase_january_event .sc_gift .gift_content .top_content .right_wrap {
		position: absolute;
		top: 145.33vw;
		right: 0;
		width: 100%;
	}
	.showcase_january_event .sc_gift .gift_content .top_content .right_wrap .title_box {
		text-align: center;
	}
	.showcase_january_event .sc_gift .gift_content .top_content .right_wrap .title_box h3 {
		font-size: 6.4vw;
		line-height: 1.35;
		font-weight: 700;
		color: #111;
		margin-bottom: 0;
	}
	.showcase_january_event .sc_gift .gift_content .top_content .right_wrap .title_box p {
		color: #616161;
		line-height: 1.35;
		font-size: 3.73vw;
		margin-top: 1.07vw;
	}
	.showcase_january_event .sc_gift .gift_content .top_content .right_wrap .gift_wrap .first_st {
		background-repeat: no-repeat;
		-webkit-background-size: contain;
		        background-size: contain;
		background-position: center;
		position: relative;
		margin: 9.6vw auto 0;
	}
	.showcase_january_event .sc_gift .gift_content .top_content .right_wrap .gift_wrap .first_st img {
		position: absolute;
	}
	.showcase_january_event .sc_gift .gift_content .top_content .right_wrap .gift_wrap .first_st {
		width: 81.33vw;
		height: 52vw;
	}
	.showcase_january_event .sc_gift .gift_content .top_content .right_wrap .gift_wrap .first_st .txt_box {
		position: absolute;
		left: 50%;
		-webkit-transform: translateX(-50%);
		    -ms-transform: translateX(-50%);
		        transform: translateX(-50%);
		bottom: 3.73vw;
		text-align: center;
	}
	.showcase_january_event .sc_gift .gift_content .top_content .right_wrap .gift_wrap .first_st h4 {
		color: #fff;
		font-weight: 700;
		line-height: 1.35;
		font-size: 4.8vw;
		display: block;
		margin-bottom: 0.53vw;
	}
	.showcase_january_event .sc_gift .gift_content .top_content .right_wrap .gift_wrap .first_st p {
		color: #fff;
		font-size: 3.73vw;
		line-height: 1.35;
	}
	.showcase_january_event .sc_gift .gift_content .top_content .right_wrap .gift_wrap .gift_list {
		margin-top: 8vw;
		padding: 0 5.33vw;
	}
	.showcase_january_event .sc_gift .gift_content .top_content .right_wrap .gift_wrap .gift_list ul {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		gap: 5.33vw;
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
	}
	.showcase_january_event .sc_gift .gift_content .top_content .right_wrap .gift_wrap .gift_list ul li {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 -webkit-calc(50% - 2.67vw);
		    -ms-flex: 0 0 calc(50% - 2.67vw);
		        flex: 0 0 calc(50% - 2.67vw);
		text-align: center;
	}
	.showcase_january_event .sc_gift .gift_content .top_content .right_wrap .gift_wrap .gift_list ul li:nth-child(3),
	.showcase_january_event .sc_gift .gift_content .top_content .right_wrap .gift_wrap .gift_list ul li:nth-child(4) {
		margin-top: 2.67vw;
	}
	.showcase_january_event .sc_gift .gift_content .top_content .right_wrap .gift_wrap .gift_list ul li img {
		width: 34.67vw;
		height: 34.67vw;
	}
	.showcase_january_event .sc_gift .gift_content .top_content .right_wrap .gift_wrap .gift_list ul li h4 {
		color: #111;
		font-size: 4.8vw;
		line-height: 1.35;
		font-weight: 700;
		margin-top: 3.47vw;
		display: block;
		text-align: center;
	}
	.showcase_january_event .sc_gift .gift_content .top_content .right_wrap .gift_wrap .gift_list ul li p {
		color: #111;
		font-size: 3.47vw;
		line-height: 1.3;
		margin-top: 0.8vw;
		text-align: center;
	}
	.showcase_january_event .sc_gift .bottom_content {
		margin-top: 5.33vw;
		background-image: url(../img/mo/gift_content_bg_bottom.png);
		background-repeat: no-repeat;
		-webkit-background-size: contain;
		        background-size: contain;
		background-position: center;
		width: 89.33vw;
		height: 415.73vw;
	}
	.showcase_january_event .sc_gift .bottom_content li {
		background-repeat: no-repeat;
		background-position: center;
		-webkit-background-size: contain;
		        background-size: contain;
		width: 74.67vw;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
		margin: 0 auto;
	}
	.showcase_january_event .sc_gift .bottom_content .first_etc .img_wrap {
		margin-top: 6.4vw;
		width: 32.27vw;
		height: 28vw;
		margin-bottom: 6.13vw;
	}
	.showcase_january_event .sc_gift .bottom_content .title_box {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	.showcase_january_event .sc_gift .bottom_content .title_box h3 {
		margin-bottom: 0.53vw;
	}
	.showcase_january_event .sc_gift .bottom_content .title_box a {
		color: #111;
		padding-right: 4vw;
		position: relative;
		font-size: 4.27vw;
	}
	.showcase_january_event .sc_gift .bottom_content .title_box a::after {
		content: "";
		position: absolute;
		top: 2vw;
		right: 0;
		width: 2.67vw;
		height: 3.2vw;
		background-image: url(../img/pc/arrow.png);
		background-repeat: no-repeat;
		-webkit-background-size: contain;
		        background-size: contain;
		background-position: center;
		line-height: 1.35;
	}
	.showcase_january_event .sc_gift .bottom_content .first_etc {
		height: 104.53vw;
	}
	.showcase_january_event .sc_gift .bottom_content .first_etc .title_box span {
		background-image: url(../img/pc/gift_title_box_bg_01.png);
		color: #026600;
	}
	.showcase_january_event .sc_gift .bottom_content .second_etc {
		height: 102.4vw;
	}
	.showcase_january_event .sc_gift .bottom_content .second_etc .title_box span {
		background-image: url(../img/pc/gift_title_box_bg_02.png);
		color: #d81b1b;
	}
	.showcase_january_event .sc_gift .bottom_content .second_etc .img_wrap {
		margin-top: 4.8vw;
		width: 24vw;
		height: 29.6vw;
		margin-bottom: 4.53vw;
	}
	.showcase_january_event .sc_gift .bottom_content .third_etc {
		height: 104.53vw;
	}
	.showcase_january_event .sc_gift .bottom_content .third_etc .title_box span {
		background-image: url(../img/pc/gift_title_box_bg_03.png);
		color: #e18b1a;
	}
	.showcase_january_event .sc_gift .bottom_content .third_etc .img_wrap {
		margin-top: 4vw;
		width: 32vw;
		height: 32vw;
		margin-bottom: 4.53vw;
	}
	.showcase_january_event .sc_gift .bottom_content .fourth_etc .title_box span {
		background-image: url(../img/pc/gift_title_box_bg_04.png);
		color: #af745f;
	}
	.showcase_january_event .sc_gift .bottom_content .fourth_etc .img_wrap {
		margin-top: 6.13vw;
		width: 32vw;
		height: 32vw;
		margin-bottom: 2.4vw;
	}
	.showcase_january_event .sc_gift .bottom_content .btn_wrap {
		margin-top: 0;
	}
	.showcase_january_event .sc_gift .etc_txt {
		margin-top: 4.27vw;
		text-align: center;
	}
	.showcase_january_event .sc_gift .etc_txt p {
		color: #616161;
		font-size: 3.73vw;
		line-height: 1.35;
	}
	.showcase_january_event .sc_gift .etc_txt p + p {
		margin-top: 1.6vw;
	}
	.showcase_january_event .sc_gift .etc_txt a {
		color: inherit;
		padding-bottom: 0vw;
		position: relative;
	}
	.showcase_january_event .sc_gift .etc_txt a::after {
		content: "";
		width: 100%;
		height: 0.27vw;
		background-color: #616161;
		position: absolute;
		bottom: 0;
		left: 0;
	}
	.showcase_january_event .sc_gift .etc_list {
		padding-top: 8.53vw;
	}
	.showcase_january_event .sc_gift .etc_list li[data-state="disabled"] .btn_wrap button,
	.showcase_january_event .sc_gift .etc_list li[data-state="done"] .btn_wrap button,
	.showcase_january_event .sc_gift .etc_list li[data-state="soldout"] .btn_wrap button {
		pointer-events: none;
		color: #a0a0a0;
	}
	.showcase_january_event .sc_gift .etc_list li[data-state="disabled"] .btn_wrap span,
	.showcase_january_event .sc_gift .etc_list li[data-state="done"] .btn_wrap span,
	.showcase_january_event .sc_gift .etc_list li[data-state="soldout"] .btn_wrap span {
		color: #a0a0a0;
	}
	.showcase_january_event .gacha_popup {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: none;
		z-index: 2;
	}
	.showcase_january_event .gacha_popup .popup_inner {
		padding: 8vw 8vw;
		z-index: 1;
		width: 89.33vw;
		height: auto;
		background-image: url(../img/mo/gacha_popup_bg.png);
		background-repeat: no-repeat;
		-webkit-background-size: contain;
		        background-size: contain;
		background-position: center;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		    -ms-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		position: relative;
	}
	.showcase_january_event .gacha_popup[data-result="2nd"] .popup_inner,
	.showcase_january_event .gacha_popup[data-result="3rd"] .popup_inner,
	.showcase_january_event .gacha_popup[data-result="4th"] .popup_inner {
		background-image: url(../img/mo/gacha_popup_bg_2.png);
	}
	.showcase_january_event .gacha_popup[data-result="4th"] .popup_inner {
		padding: 8vw 5vw;
	}
	.showcase_january_event .gacha_popup .result_title {
		font-size: 8vw;
		line-height: 1.35;
		color: #111;
		margin-bottom: 6.4vw;
		margin-top: 3.73vw;
		font-weight: 400;
		padding: 0;
		text-align: center;
	}
	.showcase_january_event .gacha_popup[data-result="lose"] .result_title {
		padding: 0 7.73vw;
	}
	.showcase_january_event .gacha_popup .popup_close {
		width: 10.67vw;
		height: 10.67vw;
		position: absolute;
		top: 3.73vw;
		right: 5.33vw;
		z-index: 2;
	}
	.showcase_january_event .gacha_popup[data-result="lose"] .popup_close {
		right: 8.8vw;
	}
	.showcase_january_event .gacha_popup .popup_body {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		z-index: 1;
	}
	.showcase_january_event .gacha_popup .result_btns {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 2.13vw;
		margin-top: 8vw;
	}
	.showcase_january_event .gacha_popup .result_btns a {
		border: 0.27vw solid #dcdee0;
		width: 58.67vw;
		height: 14.93vw;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		color: #111;
		font-size: 4.27vw;
		line-height: 1.35;
		font-weight: 700;
	}
	.showcase_january_event .gacha_popup[data-result="1st"] .result_img {
		width: 80.8vw;
		height: 61.33vw;
	}
	.showcase_january_event .gacha_popup[data-result="2nd"] .result_img {
		width: 61.33vw;
		height: 61.33vw;
	}
	.showcase_january_event .gacha_popup[data-result="3rd"] .result_img {
		width: 61.33vw;
		height: 62.4vw;
	}
	.showcase_january_event .gacha_popup[data-result="4th"] .result_img {
		width: 71.2vw;
		height: 61.33vw;
	}
	.showcase_january_event .gacha_popup[data-result="lose"] .result_img {
		width: 61.33vw;
		height: 61.33vw;
	}
	.showcase_january_event .gacha_popup .result_img {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	.showcase_january_event .gacha_popup .result_img img {
		max-width: 100%;
		max-height: 100%;
		object-fit: contain;
	}
	.showcase_january_event .gacha_popup .result_badge {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		background-repeat: no-repeat;
		background-position: center;
		-webkit-background-size: contain;
		        background-size: contain;
		font-size: 5.33vw;
		line-height: 1;
		font-family: "DnfBitbeatV2", sans-serif;
	}
	.showcase_january_event .gacha_popup[data-result="1st"] .result_badge,
	.showcase_january_event .gacha_popup[data-result="2nd"] .result_badge,
	.showcase_january_event .gacha_popup[data-result="3rd"] .result_badge,
	.showcase_january_event .gacha_popup[data-result="4th"] .result_badge {
		width: 29.33vw;
		height: 13.33vw;
	}
	.showcase_january_event .gacha_popup[data-result="1st"] .result_badge {
		background-image: url("../img/pc/result_badge_01.png");
		color: #111;
	}
	.showcase_january_event .gacha_popup[data-result="2nd"] .result_badge {
		background-image: url("../img/pc/result_badge_02.png");
		color: #111;
	}
	.showcase_january_event .gacha_popup[data-result="3rd"] .result_badge {
		background-image: url("../img/pc/result_badge_03.png");
		color: #fff;
	}
	.showcase_january_event .gacha_popup[data-result="4th"] .result_badge {
		background-image: url("../img/pc/result_badge_04.png");
		color: #fff;
	}
	.showcase_january_event .gacha_popup[data-result="lose"] .result_badge {
		width: 13.33vw;
		height: 13.33vw;
		background-image: url("../img/pc/result_badge_05.png");
		color: #111;
	}
	.showcase_january_event .gacha_popup[data-result="lose"] .result_btns {
		display: none;
	}
	.showcase_january_event .swiper-pagination .swiper-pagination-bullet {
		background: #ff2483;
		opacity: 0.3;
		margin: 0 0.8vw;
		width: 2.13vw;
		height: 2.13vw;
	}
	.showcase_january_event .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
		opacity: 1;
	}
	.showcase_january_event .sc_process.section_inner {
		padding: 26.67vw 0 32vw;
	}
	.showcase_january_event .process-pagination {
		margin-top: 3.2vw;
		text-align: center;
	}
	.showcase_january_event .sc_process .title_wrap {
		width: auto !important;
		height: auto !important;
		margin-bottom: 2.67vw;
	}
	.showcase_january_event .sc_process h2 {
		color: #111;
		font-size: 6.4vw;
		line-height: 1.35;
		font-weight: 700;
		text-align: center;
	}
	.showcase_january_event .sc_process h3 {
		font-size: 4.8vw;
		line-height: 1.35;
		color: #111;
		margin-bottom: 8.53vw;
		text-align: center;
		font-weight: 400;
		-webkit-box-ordinal-group: 2;
		-webkit-order: 1;
		    -ms-flex-order: 1;
		        order: 1;
	}
	.showcase_january_event .sc_process .second_slide h3 {
		margin-bottom: 0;
	}
	.showcase_january_event .sc_process .swiper-slide {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.showcase_january_event .sc_process .txt_p {
		-webkit-box-ordinal-group: 3;
		-webkit-order: 2;
		    -ms-flex-order: 2;
		        order: 2;
		font-size: 4.27vw;
		line-height: 1.35;
		color: #616161;
		text-align: center;
		margin: 2.67vw 0 8.53vw;
	}
	.showcase_january_event .sc_process img {
		-webkit-box-ordinal-group: 4;
		-webkit-order: 3;
		    -ms-flex-order: 3;
		        order: 3;
		width: 77.6vw;
		margin: 0 auto;
	}
	.showcase_january_event .swiper_box {
		width: 89.87vw;
	}
	.showcase_january_event .swiper-pagination {
		z-index: 1;
		top: auto;
		bottom: -6.67vw;
	}
	.showcase_january_event .sc_banner {
		display: none;
	}
	.showcase_january_event .sc_banner.on {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}
	.showcase_january_event .sc_banner.section_inner {
		padding: 0;
	}
	.showcase_january_event .sc_banner .txt_wrap {
		width: 100%;
		height: 46.67vw;
		background-image: url(../img/mo/banner.jpg);
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		        background-size: cover;
		background-position: center;
		padding: 0;
		margin-bottom: 0;
	}
	.showcase_january_event .sc_banner .txt_wrap h3 {
		font-weight: 700;
		line-height: 1.45;
		font-size: 6.4vw;
		margin-bottom: 1.87vw;
		color: #fff;
	}
	.showcase_january_event .sc_banner .txt_wrap p {
		color: #fff;
		line-height: 1.45;
		font-size: 3.73vw;
	}
	.showcase_january_event .sc_notice {
		background: #ebedee;
	}
	.showcase_january_event .notice_bg {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		background: #ebedee;
		max-width: 314.67vw;
		margin: 0 auto;
		padding: 14.93vw 7.47vw 14.93vw 5.33vw;
	}
	.showcase_january_event .sc_notice h3 {
		font-weight: 700;
		line-height: 1.44;
		font-size: 4.8vw;
		color: #3f3f3f;
		margin-bottom: 2.67vw;
	}
	.showcase_january_event .sc_notice ul {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	.showcase_january_event .sc_notice ul li {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		position: relative;
	}
	.showcase_january_event .sc_notice ul li i {
		font-size: 3.73vw;
		color: #3f3f3f;
		position: absolute;
		top: -1.07vw;
		left: 0;
	}
	.showcase_january_event .sc_notice ul li p {
		line-height: 1.5;
		font-size: 3.73vw;
		color: #3f3f3f;
		padding-left: 4vw;
		word-break: keep-all;
	}
	.showcase_january_event .attendance_popup {
		position: relative;
		width: 100%;
		height: 100vh;
		position: fixed;
		top: 0;
		left: 0;
		display: none;
		background: none;
	}
	.showcase_january_event .attendance_popup .popup_stage {
		position: absolute;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		    -ms-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
		-webkit-transform-origin: center center;
		    -ms-transform-origin: center center;
		        transform-origin: center center;
	}
	.showcase_january_event .attendance_popup .popup_inner {
		padding-top: 10.67vw;
		width: 89.33vw;
		height: 192vw;
		z-index: 1;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		    -ms-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
		background-image: url(../img/mo/attendance_popup_bg.jpg);
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		        background-size: cover;
		background-position: center;
	}
	.showcase_january_event .attendance_popup .popup_close {
		width: 5.33vw;
		height: 5.33vw;
		position: absolute;
		top: 3.2vw;
		right: 3.2vw;
	}
	.showcase_january_event .attendance_popup .popup_inner .top_txt_box {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.showcase_january_event .attendance_popup .popup_inner .top_txt_box .title_wrap {
		width: 59.73vw;
		height: 9.87vw;
		margin-bottom: 2.93vw;
	}
	.showcase_january_event .attendance_popup .popup_inner .top_txt_box .txt_wrap {
		margin-bottom: 5.87vw;
	}
	.showcase_january_event .attendance_popup .popup_inner .top_txt_box .txt_wrap p {
		color: #fff;
		line-height: 1;
		font-size: 3.73vw;
	}
	.showcase_january_event .attendance_popup .popup_inner .top_txt_box .txt_wrap .days {
		color: #f4ffd8;
		font-weight: 700;
	}
	.showcase_january_event .attendance_popup .calender_btn button {
		width: 50.67vw;
		height: 12.27vw;
		border: 0.27vw solid #dcdee0;
		color: #111;
		line-height: 1.35;
		font-size: 3.47vw;
		font-weight: 700;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		background-color: #fff;
	}
	.showcase_january_event .attendance_popup .day_item {
		opacity: 0.05;
		-webkit-transition: opacity 0.25s ease;
		transition: opacity 0.25s ease;
	}
	.showcase_january_event .attendance_popup .day_item[data-state="done"] {
		opacity: 1;
	}
	.showcase_january_event .attendance_popup .attendance_actions .btn_primary:disabled {
		opacity: 0.5;
		pointer-events: none;
	}
	.showcase_january_event .attendance_actions [data-action="confirm_attendance"][data-state="done_today"],
	.showcase_january_event .attendance_actions [data-action="confirm_attendance"][data-state="completed"] {
		color: #a0a0a0;
		pointer-events: none;
		cursor: default;
	}
	.showcase_january_event .attendance_popup .attendance_days {
		height: 100%;
		position: absolute;
		top: 0;
		left: 50%;
		-webkit-transform: translateX(-50%);
		    -ms-transform: translateX(-50%);
		        transform: translateX(-50%);
		width: 100%;
		pointer-events: none;
	}
	.showcase_january_event .attendance_popup .attendance_days li {
		position: absolute;
	}
	.showcase_january_event .attendance_popup .attendance_days li img {
		position: absolute;
	}
	.showcase_january_event .attendance_days .day_item.day_5 .day_img {
		width: 24.27vw;
		height: 19.73vw;
		top: 49.87vw;
		left: 8.53vw;
	}
	.showcase_january_event .attendance_days .day_item.day_5 .day_number {
		width: 4.27vw;
		height: 4.27vw;
		top: 49.87vw;
		left: 12.8vw;
	}
	.showcase_january_event .attendance_days .day_item.day_6 .day_img {
		width: 19.47vw;
		height: 18.4vw;
		top: 150.93vw;
		left: 8.53vw;
	}
	.showcase_january_event .attendance_days .day_item.day_6 .day_number {
		width: 4.27vw;
		height: 4.27vw;
		top: 150.93vw;
		left: 9.33vw;
	}
	.showcase_january_event .attendance_days .day_item.day_7 {
		width: 17.6vw;
		height: 7.47vw;
		top: 75.73vw;
		right: 13.6vw;
	}
	.showcase_january_event .attendance_days .day_item.day_8 .day_img {
		width: 13.07vw;
		height: 6.67vw;
		top: 108.8vw;
		left: 6.4vw;
	}
	.showcase_january_event .attendance_days .day_item.day_8 .day_number {
		width: 4.27vw;
		height: 4.27vw;
		top: 108.8vw;
		left: 6.4vw;
	}
	.showcase_january_event .attendance_days .day_item.day_9 .day_img {
		width: 11.73vw;
		height: 11.73vw;
		top: 57.33vw;
		left: 51.47vw;
	}
	.showcase_january_event .attendance_days .day_item.day_9 .day_number {
		width: 4.27vw;
		height: 4.27vw;
		top: 57.33vw;
		left: 51.47vw;
	}
	.showcase_january_event .attendance_days .day_item.day_10 .day_img {
		width: 24vw;
		height: 17.6vw;
		top: 132.27vw;
		left: 58.67vw;
	}
	.showcase_january_event .attendance_days .day_item.day_10 .day_number {
		width: 4.27vw;
		height: 4.27vw;
		top: 134.13vw;
		left: 58.67vw;
	}
	.showcase_january_event .attendance_days .day_item.day_11 .day_img {
		width: 11.47vw;
		height: 8vw;
		top: 121.87vw;
		left: 70.13vw;
	}
	.showcase_january_event .attendance_days .day_item.day_11 .day_number {
		width: 4.27vw;
		height: 4.27vw;
		top: 121.87vw;
		left: 70.13vw;
	}
	.showcase_january_event .attendance_days .day_item.day_12 {
		width: 16.27vw;
		height: 14.67vw;
		top: 163.73vw;
		left: 60.53vw;
	}
	.showcase_january_event .attendance_days .day_item.day_13 {
		width: 11.73vw;
		height: 12.27vw;
		top: 55.2vw;
		left: 37.6vw;
	}
	.showcase_january_event .attendance_days .day_item.day_14 {
		width: 15.47vw;
		height: 8.8vw;
		top: 136.53vw;
		left: 32vw;
	}
	.showcase_january_event .attendance_days .day_item.day_15 .day_img {
		width: 12.8vw;
		height: 10.13vw;
		top: 119.73vw;
		left: 7.47vw;
	}
	.showcase_january_event .attendance_days .day_item.day_15 .day_number {
		width: 4.27vw;
		height: 4.27vw;
		top: 125.07vw;
		left: 7.47vw;
	}
	.showcase_january_event .attendance_days .day_item.day_16 .day_img {
		width: 15.47vw;
		height: 12.27vw;
		top: 170.4vw;
		left: 42.13vw;
	}
	.showcase_january_event .attendance_days .day_item.day_16 .day_number {
		width: 4.27vw;
		height: 4.27vw;
		top: 178.13vw;
		left: 42.13vw;
	}
	.showcase_january_event .attendance_days .day_item.day_17 .day_img {
		width: 18.67vw;
		height: 14.4vw;
		top: 57.87vw;
		left: 65.33vw;
	}
	.showcase_january_event .attendance_days .day_item.day_17 .day_number {
		width: 4.27vw;
		height: 4.27vw;
		top: 57.87vw;
		left: 65.33vw;
	}
	.showcase_january_event .attendance_days .day_item.day_18 .day_img {
		width: 16vw;
		height: 10.13vw;
		top: 91.73vw;
		right: auto;
		left: 6.93vw;
	}
	.showcase_january_event .attendance_days .day_item.day_18 .day_number {
		width: 4.27vw;
		height: 4.27vw;
		top: 91.73vw;
		right: auto;
		left: 6.93vw;
	}
	.showcase_january_event .attendance_days .day_item.day_19 .day_img {
		width: 9.07vw;
		height: 9.33vw;
		top: 46.67vw;
		left: 71.47vw;
	}
	.showcase_january_event .attendance_days .day_item.day_19 .day_number {
		width: 4.27vw;
		height: 4.27vw;
		top: 51.47vw;
		left: 71.47vw;
	}
	.showcase_january_event .attendance_days .day_item.day_20 .day_img {
		width: 9.07vw;
		height: 9.33vw;
		top: 107.47vw;
		left: 72.53vw;
	}
	.showcase_january_event .attendance_days .day_item.day_20 .day_number {
		width: 4.27vw;
		height: 4.27vw;
		top: 112.27vw;
		left: 72.53vw;
	}
	.showcase_january_event .attendance_days .day_item.day_21 .day_img {
		width: 14.93vw;
		height: 7.47vw;
		top: 153.87vw;
		left: 61.07vw;
	}
	.showcase_january_event .attendance_days .day_item.day_21 .day_number {
		width: 4.27vw;
		height: 4.27vw;
		top: 154.67vw;
		left: 61.07vw;
	}
	.showcase_january_event .attendance_days .day_item.day_22 .day_img {
		width: 13.07vw;
		height: 7.47vw;
		top: 172.53vw;
		left: 20.27vw;
	}
	.showcase_january_event .attendance_days .day_item.day_22 .day_number {
		width: 4.27vw;
		height: 4.27vw;
		top: 172.53vw;
		left: 20.27vw;
	}
	.showcase_january_event .attendance_days .day_item.day_23 .day_img {
		width: 18.4vw;
		height: 21.87vw;
		top: 143.47vw;
		left: 39.47vw;
	}
	.showcase_january_event .attendance_days .day_item.day_23 .day_number {
		width: 4.27vw;
		height: 4.27vw;
		top: 146.93vw;
		left: 39.47vw;
	}
	.showcase_january_event .attendance_days .day_item.day_24 {
		width: 15.2vw;
		height: 8.8vw;
		top: 94.67vw;
		left: 67.2vw;
	}
	.showcase_january_event .attendance_days .day_item.day_25 .day_img {
		width: 22.13vw;
		height: 17.33vw;
		top: 70.93vw;
		left: 10.4vw;
	}
	.showcase_january_event .attendance_days .day_item.day_25 .day_number {
		width: 4.27vw;
		height: 4.27vw;
		top: 72.53vw;
		left: 12vw;
	}
	.showcase_january_event .attendance_days .day_item.day_26 {
		width: 18.67vw;
		height: 15.47vw;
		top: 72vw;
		left: 35.2vw;
	}
	.showcase_january_event .attendance_days .day_item.day_27 .day_img {
		width: 8vw;
		height: 8.27vw;
		top: 82.67vw;
		left: 71.2vw;
	}
	.showcase_january_event .attendance_days .day_item.day_27 .day_number {
		width: 4.27vw;
		height: 4.27vw;
		top: 86.4vw;
		left: 74.67vw;
	}
	.showcase_january_event .attendance_days .day_item.day_28 {
		width: 19.47vw;
		height: 16.53vw;
		top: 131.73vw;
		left: 7.47vw;
	}
	.showcase_january_event .attendance_days .day_item.day_29 .day_img {
		width: 15.2vw;
		height: 10.13vw;
		top: 159.47vw;
		left: 28.27vw;
	}
	.showcase_january_event .attendance_days .day_item.day_29 .day_number {
		width: 4.27vw;
		height: 4.27vw;
		top: 159.73vw;
		left: 28.27vw;
	}
	.showcase_january_event .attendance_days .day_item.day_30 .day_img {
		width: 8vw;
		height: 8vw;
		top: 171.73vw;
		left: 7.47vw;
	}
	.showcase_january_event .attendance_days .day_item.day_30 .day_number {
		width: 4.27vw;
		height: 4.27vw;
		top: 180.8vw;
		left: 10.93vw;
	}
	.showcase_january_event .attendance_days .day_item.day_31 {
		width: 48.27vw;
		height: 45.6vw;
		top: 89.6vw;
		left: 50%;
		-webkit-transform: translateX(-50%);
		    -ms-transform: translateX(-50%);
		        transform: translateX(-50%);
	}
	.showcase_january_event .attendance_days .day_item.day_5[data-state="done"] .day_img {
		content: url("../img/mo/day_5.gif");
	}
	.showcase_january_event .attendance_days .day_item.day_6[data-state="done"] .day_img {
		content: url("../img/mo/day_6.gif");
	}
	.showcase_january_event .attendance_days .day_item.day_8[data-state="done"] .day_img {
		content: url("../img/mo/day_8.gif");
	}
	.showcase_january_event .attendance_days .day_item.day_9[data-state="done"] .day_img {
		content: url("../img/mo/day_9.gif");
	}
	.showcase_january_event .attendance_days .day_item.day_10[data-state="done"] .day_img {
		content: url("../img/mo/day_10.gif");
	}
	.showcase_january_event .attendance_days .day_item.day_11[data-state="done"] .day_img {
		content: url("../img/mo/day_11.gif");
	}
	.showcase_january_event .attendance_days .day_item.day_15[data-state="done"] .day_img {
		content: url("../img/mo/day_15.gif");
	}
	.showcase_january_event .attendance_days .day_item.day_16[data-state="done"] .day_img {
		content: url("../img/mo/day_16.gif");
	}
	.showcase_january_event .attendance_days .day_item.day_17[data-state="done"] .day_img {
		content: url("../img/mo/day_17.gif");
	}
	.showcase_january_event .attendance_days .day_item.day_18[data-state="done"] .day_img {
		content: url("../img/mo/day_18.gif");
	}
	.showcase_january_event .attendance_days .day_item.day_19[data-state="done"] .day_img {
		content: url("../img/mo/day_19.gif");
	}
	.showcase_january_event .attendance_days .day_item.day_20[data-state="done"] .day_img {
		content: url("../img/mo/day_20.gif");
	}
	.showcase_january_event .attendance_days .day_item.day_21[data-state="done"] .day_img {
		content: url("../img/mo/day_21.gif");
	}
	.showcase_january_event .attendance_days .day_item.day_22[data-state="done"] .day_img {
		content: url("../img/mo/day_22.gif");
	}
	.showcase_january_event .attendance_days .day_item.day_23[data-state="done"] .day_img {
		content: url("../img/mo/day_23.gif");
	}
	.showcase_january_event .attendance_days .day_item.day_25[data-state="done"] .day_img {
		content: url("../img/mo/day_25.gif");
	}
	.showcase_january_event .attendance_days .day_item.day_27[data-state="done"] .day_img {
		content: url("../img/mo/day_27.gif");
	}
	.showcase_january_event .attendance_days .day_item.day_29[data-state="done"] .day_img {
		content: url("../img/mo/day_29.gif");
	}
	.showcase_january_event .attendance_days .day_item.day_30[data-state="done"] .day_img {
		content: url("../img/mo/day_30.gif");
	}
	.showcase_january_event .attendance_days .day_item {
		opacity: 0.05;
	}
	.showcase_january_event .attendance_days .day_item[data-state="done"] {
		opacity: 1;
	}
	.showcase_january_event .redeem_popup {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: none;
	}
	.showcase_january_event .redeem_popup .popup_inner {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		    -ms-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
		width: 88vw;
		height: 48.53vw;
		background-color: #fff;
		padding: 7.73vw 4.27vw 4.27vw 4.27vw;
	}
	.showcase_january_event .redeem_popup .popup_inner .popup_body {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	.showcase_january_event .redeem_popup .popup_title {
		color: #111;
		line-height: 1.11;
		font-size: 4.8vw;
		font-weight: 700;
		margin-bottom: 2.13vw;
	}
	.showcase_january_event .redeem_popup .popup_desc {
		line-height: 1.4;
		color: #111;
		font-size: 4vw;
		padding: 0 13.87vw;
		text-align: center;
		margin-bottom: 5.33vw;
	}
	.showcase_january_event .redeem_popup .popup_btns {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		gap: 2.13vw;
	}
	.showcase_january_event .redeem_popup .popup_btns button,
	.showcase_january_event .redeem_popup .popup_btns a {
		width: 38.67vw;
		height: 13.33vw;
		-webkit-border-radius: 0.53vw;
		        border-radius: 0.53vw;
		border: 0.27vw solid #c8cacc;
		font-size: 4.27vw;
		line-height: 1.2;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	.showcase_january_event .redeem_popup .popup_btns .btn_secondary {
		background-color: #fff;
		color: #111;
	}
	.showcase_january_event .redeem_popup .popup_btns .btn_primary {
		background-color: #000;
		color: #fff;
	}
}
/*# sourceMappingURL=showcase_january_event.css.map */