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

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

.showcase_july_event p, .showcase_july_event h1, .showcase_july_event h2, .showcase_july_event h3, .showcase_july_event h4, .showcase_july_event h5, .showcase_july_event h6, .showcase_july_event ul, .showcase_july_event ol, .showcase_july_event li, .showcase_july_event dl, .showcase_july_event dt, .showcase_july_event dd, .showcase_july_event table, .showcase_july_event th, .showcase_july_event td, .showcase_july_event form, .showcase_july_event fieldset, .showcase_july_event legend, .showcase_july_event input, .showcase_july_event textarea, .showcase_july_event button, .showcase_july_event select, .showcase_july_event em, .showcase_july_event strong, .showcase_july_event span, .showcase_july_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_july_event input, .showcase_july_event textarea, .showcase_july_event select, .showcase_july_event button, .showcase_july_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_july_event img, .showcase_july_event fieldset {
	border: 0;
	vertical-align: top;
}

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

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

.showcase_july_event a {
	text-decoration: none;
}

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

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

.showcase_july_event hr {
	display: none !important;
}

.showcase_july_event .u_skip, .showcase_july_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_july_event button {
	border: none;
	background: none;
	cursor: pointer;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-tap-highlight-color: transparent;
}

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

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

.press-start-2p-regular {
	font-family: "Press Start 2P", system-ui;
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "LineSeed";
	src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_11-01@1.0/LINESeedKR-Th.woff2") format("woff2");
	font-weight: 100;
	font-display: swap;
}

@font-face {
	font-family: "LineSeed";
	src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_11-01@1.0/LINESeedKR-Rg.woff2") format("woff2");
	font-weight: 400;
	font-display: swap;
}

@font-face {
	font-family: "LineSeed";
	src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_11-01@1.0/LINESeedKR-Bd.woff2") format("woff2");
	font-weight: 700;
	font-display: swap;
}

@font-face {
	font-family: "ChangwonDanggamAsak";
	src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/CWDangamAsac-Bold.woff") format("woff");
	font-weight: normal;
	font-display: swap;
}

@font-face {
	font-family: "DaeguBukseongro";
	src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/2511-1@1.0/DaeguBukseongro-Light.woff2") format("woff2");
	font-weight: 300;
	font-display: swap;
}

@font-face {
	font-family: "DaeguBukseongro";
	src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/2511-1@1.0/DaeguBukseongro-ExtraBold.woff2") format("woff2");
	font-weight: 800;
	font-display: swap;
}

@font-face {
	font-family: "DaeguBukseongro";
	src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/2511-1@1.0/DaeguBukseongro-Light.woff2") format("woff2");
	font-weight: 300;
	font-display: swap;
}

@font-face {
	font-family: "DaeguBukseongro";
	src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/2511-1@1.0/DaeguBukseongro-ExtraBold.woff2") format("woff2");
	font-weight: 800;
	font-display: swap;
}

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

.mobile-top-nav {
	display: none !important;
}

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

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

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

.showcase_july_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_july_event .etc_span {
	color: #616161;
}

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

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

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

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

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

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

.showcase_july_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_july_event .sc_process {
	background: #f0f2f4;
}

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

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

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

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

.showcase_july_event .process_swiper {
	width: 100%;
}

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

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

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

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

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

.showcase_july_event .en_ver .sc_coin .status_available span {
	white-space: nowrap;
}

.showcase_july_event .is_period_hidden {
	display: none !important;
}

.showcase_july_event .title_wrap {
	margin-left: auto;
	margin-right: auto;
}

@media screen and (min-width: 1921px) {
	.showcase_july_event {
		/*sc_main*/
		/* 첫 번째 문구 */
		/* 두 번째 문구 */
		/* 첫 번째 기본 이미지 24.73vw */
		/* 두 번째는 실제 크기에 맞게 */
		/* 기본 상태에서는 없음 */
		/* 호버 시 노출 */
		/*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 */
		/* 비로그인 상태: 미션 버튼 비활성 */
		/* 비로그인 상태: 미션 게이지 전부 비활성 색상으로 통일 */
		/* 0개일 때 텍스트 컬러 따로 잡고 싶으면 */
		/* 미션 완료 전 */
		/* 보너스 코인 받기 가능 */
		/* 획득 완료 */
		/*sc_gift*/
		/* 기본: 정지이미지 보임 */
		/* 재생: gif가 위로 올라옴 */
		/* sc_gift 공통 비활성 */
		/* sc_shop */
		/* sc_lucky */
		/*gacha_popup*/
		/* 꽝일 때 결과 버튼 영역 숨김 */
		/*sc_process*/
		/*sc_banner*/
		/*sc_notice*/
		/*캘린더 팝업*/
		/* 오늘 출석 완료 + 전체 완료: 회색 + 클릭 불가 */
		/*이미지 포지션*/
		/*이미지 크기 및 포지션*/
		/**/
		/*이미지 오파시티*/
		/* 기본: 전부 흐림 */
		/* 발급 완료 팝업 */
	}
	.showcase_july_event .pc_only {
		display: block !important;
	}
	.showcase_july_event .mo_only {
		display: none !important;
	}
	.showcase_july_event .fz14 {
		font-size: 0.73vw;
	}
	.showcase_july_event .etc_span {
		font-size: 0.73vw;
	}
	.showcase_july_event .mt3 {
		margin-top: 0.16vw;
		display: block;
	}
	.showcase_july_event .sticky_wrap {
		position: relative;
		z-index: 2;
	}
	.showcase_july_event .line_wrap.mo {
		display: none;
	}
	.showcase_july_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.62vw;
		position: absolute;
		top: 4.69vw;
		right: 1.56vw;
		z-index: 2;
		background: transparent;
	}
	.showcase_july_event .sticky_wrap.type_fixed {
		z-index: 2;
	}
	.showcase_july_event .sticky_wrap.type_fixed .line_wrap.pc {
		position: fixed;
		z-index: 2;
	}
	.showcase_july_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.62vw 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_july_event .line_wrap.pc .coin_box img {
		width: 1.2vw;
		height: 1.2vw;
	}
	.showcase_july_event .line_wrap.pc .coin_box .coin_label,
	.showcase_july_event .line_wrap.pc .coin_box .coin_value,
	.showcase_july_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_july_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_july_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_july_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.62vw 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_july_event .line_wrap.pc a.on {
		background: #000;
		color: #fff;
	}
	.showcase_july_event .gacha_particles {
		width: 46.85vw;
		height: 52.06vw;
	}
	.showcase_july_event .title_wrap {
		width: 39.04vw;
		height: 3.12vw;
		margin-bottom: 2.6vw;
	}
	.showcase_july_event .txt_wrap {
		margin-bottom: 2.08vw;
	}
	.showcase_july_event .txt_wrap p {
		font-size: 1.25vw;
		line-height: 1;
		text-align: center;
	}
	.showcase_july_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_july_event .dimmed_wrap {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		background: rgba(0, 0, 0, 0.5);
		z-index: -1;
	}
	.showcase_july_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: 75.48vw;
		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-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.showcase_july_event .sc_main .char_wrap {
		width: 34.15vw;
		position: absolute;
		bottom: 9.99vw;
		left: 50%;
		-webkit-transform: translateX(-50%);
		    -ms-transform: translateX(-50%);
		        transform: translateX(-50%);
	}
	.showcase_july_event .sc_main .main_title {
		width: 51.9vw;
		height: 25.51vw;
		margin-bottom: 0;
		margin-top: 7.29vw;
	}
	.showcase_july_event .sc_main .main_txt_wrap {
		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;
	}
	.showcase_july_event .sc_main .main_txt_wrap .main_txt {
		position: relative;
		cursor: pointer;
	}
	.showcase_july_event .sc_main .main_txt_wrap .main_txt_01 {
		width: 20.46vw;
		height: 5vw;
		margin-bottom: 1.04vw;
		margin-top: -2.08vw;
	}
	.showcase_july_event .sc_main .main_txt_wrap .main_txt_02 {
		width: 37.84vw;
		height: 2.19vw;
		margin-bottom: 0;
	}
	.showcase_july_event .sc_main .main_txt_wrap .txt_img {
		position: absolute;
		top: 50%;
		left: 50%;
		display: block;
		height: auto;
		-webkit-transform: translate(-50%, -50%);
		    -ms-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
		-webkit-transition: opacity 0.2s ease;
		transition: opacity 0.2s ease;
	}
	.showcase_july_event .sc_main .main_txt_wrap .main_txt_01 .txt_default {
		width: 19.78vw;
	}
	.showcase_july_event .sc_main .main_txt_wrap .main_txt_01 .txt_hover {
		width: 20.72vw;
		opacity: 0;
	}
	.showcase_july_event .sc_main .main_txt_wrap .main_txt_02 .txt_default,
	.showcase_july_event .sc_main .main_txt_wrap .main_txt_02 .txt_hover {
		width: 100%;
	}
	.showcase_july_event .sc_main .main_txt_wrap .main_txt:hover .txt_default {
		opacity: 0;
	}
	.showcase_july_event .sc_main .main_txt_wrap .main_txt:hover .txt_hover {
		opacity: 1;
	}
	.showcase_july_event .sc_main .main_txt_wrap .main_txt_02 {
		width: 38.57vw;
		height: 2.19vw;
		margin-bottom: 0;
	}
	.showcase_july_event .sc_main .main_txt_wrap .main_txt_02 .txt_default {
		width: 37.84vw;
	}
	.showcase_july_event .sc_main .main_txt_wrap .main_txt_02 .txt_hover {
		width: 38.83vw;
		opacity: 0;
	}
	.showcase_july_event .sc_main .main_txt_wrap .main_txt {
		position: relative;
	}
	.showcase_july_event .sc_main .main_txt_wrap .main_txt::before {
		content: "";
		position: absolute;
		width: 2.6vw;
		height: 2.6vw;
		background: url("../img/pc/lucky.png") no-repeat center/contain;
		opacity: 0;
		visibility: hidden;
		-webkit-transition: opacity 0.2s ease;
		transition: opacity 0.2s ease;
	}
	.showcase_july_event .sc_main .main_txt_wrap .main_txt:hover::before {
		opacity: 1;
		visibility: visible;
	}
	.showcase_july_event .sc_main .main_txt_wrap .main_txt_01::before {
		top: 1.2vw;
		left: -2.86vw;
	}
	.showcase_july_event .sc_main .main_txt_wrap .main_txt_02::before {
		top: -0.26vw;
		left: -2.86vw;
	}
	.showcase_july_event .sc_main .img_wrap {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
		/* 양옆 잘리게 */
	}
	.showcase_july_event .sc_main .img_box {
		position: absolute;
		top: 0;
		left: 50%;
		-webkit-transform: translateX(-50%);
		    -ms-transform: translateX(-50%);
		        transform: translateX(-50%);
		width: 99.95vw;
		height: 100%;
		max-width: none;
	}
	.showcase_july_event .sc_main .img_wrap img {
		position: absolute;
	}
	.showcase_july_event .sc_main .main_img_01 {
		width: 1.15vw;
		height: 1.15vw;
		top: 16.29vw;
		left: 16.55vw;
	}
	.showcase_july_event .sc_main .main_img_gif_01 {
		width: 17.7vw;
		height: 17.7vw;
		top: 10.41vw;
		left: 14.58vw;
	}
	.showcase_july_event .sc_main .main_img_gif_02 {
		width: 17.7vw;
		height: 17.7vw;
		top: 24.57vw;
		left: 65.43vw;
	}
	.showcase_july_event .sc_main .main_img_gif_03 {
		width: 5.73vw;
		height: 5.73vw;
		top: 14.26vw;
		left: 68.71vw;
	}
	.showcase_july_event .sc_main .main_img_02 {
		width: 1.82vw;
		height: 1.82vw;
		top: 16.92vw;
		left: 19.26vw;
	}
	.showcase_july_event .sc_main .main_img_03 {
		width: 4.74vw;
		height: 4.11vw;
		top: 23.69vw;
		left: 21.81vw;
	}
	.showcase_july_event .sc_main .main_img_04 {
		width: 4.89vw;
		height: 6.77vw;
		top: 15.1vw;
		left: 25.3vw;
	}
	.showcase_july_event .sc_main .main_img_05 {
		width: 4.74vw;
		height: 4.11vw;
		top: 15.3vw;
		left: 68.71vw;
	}
	.showcase_july_event .sc_main .main_img_06 {
		width: 1.67vw;
		height: 1.67vw;
		top: 25.61vw;
		left: 77.56vw;
	}
	.showcase_july_event .sc_main .main_img_07 {
		width: 3.49vw;
		height: 3.38vw;
		top: 28.63vw;
		left: 73.14vw;
	}
	.showcase_july_event .sc_main .main_img_08 {
		width: 4.79vw;
		height: 6.14vw;
		top: 31.6vw;
		left: 68.66vw;
	}
	.showcase_july_event .sc_coin {
		background-color: #ffe24f;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		        background-size: cover;
	}
	.showcase_july_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.6vw;
		height: 9.37vw;
		padding: 1.56vw 5.21vw;
	}
	.showcase_july_event .sc_coin .status_profile {
		width: 5.73vw;
		height: 6.25vw;
		margin-right: 1.25vw;
	}
	.showcase_july_event .sc_coin .status_available span {
		font-size: 1.25vw;
		line-height: 1;
		font-family: "DaeguBukseongro";
		font-weight: 800;
		color: #ff772e;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		margin-bottom: 0.52vw;
	}
	.showcase_july_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_july_event .sc_coin .coin_wrap img {
		width: 3.02vw;
		height: 3.02vw;
	}
	.showcase_july_event .sc_coin .coin_wrap .coin_number {
		font-family: "DaeguBukseongro";
		font-weight: 800;
		font-size: 2.6vw;
		line-height: 1;
		color: #ff772e;
		margin-left: 0.05vw;
		margin-top: 0.16vw;
	}
	.showcase_july_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_july_event .sc_coin .btn_wrap a,
	.showcase_july_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.37vw;
		height: 2.65vw;
		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_july_event .sc_coin .btn_logged_out {
		margin: 0 auto;
	}
	.showcase_july_event .sc_coin .btn_logged_out a {
		width: 14.58vw;
		height: 2.92vw;
	}
	.showcase_july_event .january_event_container[data-auth="in"] .sc_coin .btn_logged_out {
		display: none;
	}
	.showcase_july_event .january_event_container[data-auth="out"] .sc_coin .txt_wrap {
		display: none;
	}
	.showcase_july_event .january_event_container[data-auth="out"] .sc_coin .status_profile,
	.showcase_july_event .january_event_container[data-auth="out"] .sc_coin .status_available,
	.showcase_july_event .january_event_container[data-auth="out"] .sc_coin .btn_logged_in {
		display: none;
	}
	.showcase_july_event .january_event_container[data-auth="out"] .sc_coin .btn_logged_out {
		display: block;
		/* 기존 btn_wrap 레이아웃에 맞게 block/flex 중 선택 */
	}
	.showcase_july_event .history_empty {
		display: none;
	}
	.showcase_july_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_july_event .history_empty .empty_wrap .empty_text {
		font-size: 0.83vw;
		line-height: 1;
		font-weight: 700;
	}
	.showcase_july_event .coin_popup {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: none;
	}
	.showcase_july_event .coin_popup .popup_inner {
		z-index: 1;
		width: 52.79vw;
		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.12vw 0 3.96vw;
		position: relative;
	}
	.showcase_july_event .coin_popup .popup_content {
		width: 33.63vw;
		position: relative;
	}
	.showcase_july_event .coin_popup .popup_panel {
		width: 32.8vw;
		position: relative;
	}
	.showcase_july_event .coin_popup .scroll_rail {
		position: absolute;
		bottom: 0;
		right: 0;
		width: 0.52vw;
		height: 22.23vw;
		-webkit-border-radius: 52vw;
		        border-radius: 52vw;
		background: rgba(0, 0, 0, 0.08);
	}
	.showcase_july_event .coin_popup .scroll_thumb {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 2.08vw;
		-webkit-border-radius: 52vw;
		        border-radius: 52vw;
		background: #111;
		cursor: grab;
		-webkit-transition: top 0.08s linear;
		transition: top 0.08s linear;
	}
	.showcase_july_event .coin_popup .scroll_thumb.is-dragging {
		-webkit-transition: none;
		transition: none;
	}
	.showcase_july_event .coin_popup .scroll_thumb:active {
		cursor: grabbing;
	}
	.showcase_july_event .coin_popup .popup_close {
		width: 2.08vw;
		height: 2.08vw;
		position: absolute;
		top: 0.83vw;
		right: 1.04vw;
	}
	.showcase_july_event .coin_popup .popup_header {
		padding-bottom: 1.25vw;
		border-bottom: 0.1vw solid #000;
	}
	.showcase_july_event .coin_popup .popup_header p {
		font-size: 1.25vw;
		line-height: 1;
		font-weight: 700;
		color: #111;
		text-align: center;
	}
	.showcase_july_event .coin_popup .history_table {
		width: 100%;
		table-layout: fixed;
		border-collapse: collapse;
	}
	.showcase_july_event .coin_popup .col_info {
		width: 22.38vw;
	}
	.showcase_july_event .coin_popup .col_date {
		width: 6.25vw;
	}
	.showcase_july_event .coin_popup .col_coin {
		width: 4.16vw;
	}
	.showcase_july_event .coin_popup .history_table--head thead {
		border-bottom: 0.05vw solid #ebedee;
	}
	.showcase_july_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_july_event .coin_popup .history_scroll {
		max-height: 19.89vw;
		overflow-y: auto;
		scrollbar-gutter: stable;
		overflow-x: hidden;
		scrollbar-width: none;
	}
	.showcase_july_event .coin_popup .history_scroll::-webkit-scrollbar {
		width: 0;
		height: 0;
	}
	.showcase_july_event .coin_popup .history_table--body .history_row {
		border-bottom: 0.05vw solid #ebedee;
	}
	.showcase_july_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_july_event .coin_popup .history_table--body .td_info .item_img {
		width: 2.08vw;
		height: 2.08vw;
		margin-right: 0.62vw;
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 2.08vw;
		    -ms-flex: 0 0 2.08vw;
		        flex: 0 0 2.08vw;
	}
	.showcase_july_event .coin_popup .history_table--body .td_info .item_img img {
		width: 100%;
		height: 100%;
		display: block;
	}
	.showcase_july_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_july_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_july_event .coin_popup .history_table--body .td_info .item_text .item_badge.type_gacha {
		color: #7c3eee;
		background: #7c3eee26;
	}
	.showcase_july_event .coin_popup .history_table--body .td_info .item_text .item_badge.type_exchange {
		color: #ff7700;
		background: #ff770026;
	}
	.showcase_july_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_july_event .coin_popup .history_table--body .td_date,
	.showcase_july_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_july_event .coin_popup .history_table--body tbody tr:last-child {
		border-bottom: 0;
	}
	.showcase_july_event .sc_mission {
		background: #4bcc57;
	}
	.showcase_july_event .sc_mission .title_wrap {
		width: 21.86vw;
		height: 3.12vw;
	}
	.showcase_july_event .sc_mission .mission_content {
		background-repeat: no-repeat;
		background-image: url(../img/pc/mission_content_bg_2.png);
		width: 51.02vw;
		height: 50.49vw;
		padding: 2.71vw 3.38vw;
		-webkit-background-size: contain;
		        background-size: contain;
	}
	.showcase_july_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_july_event .sc_mission .mission_content ul li:nth-child(2) {
		margin-top: 1.04vw;
	}
	.showcase_july_event .sc_mission .mission_content ul li:nth-child(3) {
		margin-top: 0.88vw;
	}
	.showcase_july_event .sc_mission .mission_content ul li:nth-child(4) {
		margin-top: 0.88vw;
	}
	.showcase_july_event .sc_mission .mission_content ul li:nth-child(3) .txt_box {
		margin-top: -0.21vw;
	}
	.showcase_july_event .sc_mission .mission_content .mission_bonus {
		margin-top: 2.08vw;
		position: relative;
	}
	.showcase_july_event .sc_mission .mission_content .mission_bonus::before {
		content: "";
		background-image: url(../img/pc/dot.png);
		background-repeat: no-repeat;
		-webkit-background-size: contain;
		        background-size: contain;
		position: absolute;
		top: -1.04vw;
		left: 0;
		width: 44.25vw;
		height: 0.05vw;
	}
	.showcase_july_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_july_event .sc_mission .mission_content .img_wrap {
		width: 5.21vw;
		height: 5.21vw;
		margin-right: 1.25vw;
	}
	.showcase_july_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_july_event .sc_mission .mission_content .txt_box .mission_number span {
		display: block;
		margin-right: 0.52vw;
	}
	.showcase_july_event .sc_mission .mission_content .mission_ul .txt_box .mission_number span {
		width: 5.83vw;
		height: 1.35vw;
	}
	.showcase_july_event .sc_mission .mission_content .mission_ul .txt_box .mission_number span img {
		height: 1.35vw;
		object-fit: contain;
	}
	.showcase_july_event .sc_mission .mission_content .mission_bonus .txt_box .mission_number span img {
		height: 100%;
		object-fit: contain;
	}
	.showcase_july_event .sc_mission .mission_content .mission_ul .txt_box.mission2 .mission_number span,
	.showcase_july_event .sc_mission .mission_content .mission_ul .txt_box.mission3 .mission_number span {
		width: 5.99vw;
		height: auto;
	}
	.showcase_july_event .sc_mission .mission_content .mission_bonus .txt_box .mission_number span {
		width: 3.9vw;
		height: 1.35vw;
		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_july_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_july_event .en_ver .sc_mission .mission_content .txt_box .mission_number p {
		font-size: 1.15vw;
	}
	.showcase_july_event .sc_mission .mission_content .txt_box .mission_number p span {
		width: auto !important;
		height: auto !important;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		gap: 0.26vw;
	}
	.showcase_july_event .sc_mission .mission_content .txt_box .mission_txt {
		margin-bottom: 0.31vw;
	}
	.showcase_july_event .sc_mission .mission_content .txt_box .mission_txt p {
		color: #616161;
		line-height: 1.35;
		font-size: 0.83vw;
	}
	.showcase_july_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_july_event .sc_mission .mission_content .txt_box .mission_gauge .gauge_step {
		background: #ffe6f1;
		width: 3.12vw;
		height: 0.52vw;
	}
	.showcase_july_event .sc_mission .mission_content .mission_ul .txt_box .mission_gauge .gauge_step.is-active {
		background: #ff2483;
	}
	.showcase_july_event .sc_mission .mission_content .mission_bonus .txt_box .mission_gauge .gauge_step.is-active {
		background: #bc0052;
	}
	.showcase_july_event .sc_mission .mission_content .btn_wrap {
		margin-left: auto;
	}
	.showcase_july_event .sc_mission .mission_content .btn_wrap button {
		width: 9.37vw;
		height: 2.65vw;
		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_july_event .sc_mission .mission_content .btn_wrap a {
		width: 9.37vw;
		height: 2.65vw;
		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_july_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.62vw;
		font-weight: 700;
		line-height: 1.35;
	}
	.showcase_july_event .sc_mission .mission_count.is-zero {
		color: #a0a0a0;
		background: #a0a0a01a;
	}
	.showcase_july_event .sc_mission .mission_count.is-active {
		color: #ff2483;
		background: #ff24830d;
	}
	.showcase_july_event .sc_mission li[data-state="disabled"] .btn_wrap button {
		color: #a0a0a0;
		pointer-events: none;
	}
	.showcase_july_event .sc_mission li[data-state="done"] .btn_wrap button,
	.showcase_july_event .sc_mission li[data-state="done"] .btn_wrap a {
		color: #a0a0a0;
		pointer-events: none;
	}
	.showcase_july_event .january_event_container[data-auth="out"] .sc_mission .btn_wrap button {
		color: #a0a0a0;
		pointer-events: none;
		cursor: default;
	}
	.showcase_july_event .january_event_container[data-auth="out"] .sc_mission .mission_gauge .gauge_step {
		background: #dcdee0;
	}
	.showcase_july_event .january_event_container[data-auth="out"] .sc_mission .mission_content .mission_ul .txt_box .mission_gauge .gauge_step.is-active {
		background: #dcdee0;
	}
	.showcase_july_event .january_event_container[data-auth="out"] .sc_mission .mission_content .mission_bonus .txt_box .mission_gauge .gauge_step.is-active {
		background: #dcdee0;
	}
	.showcase_july_event .mission_count_bar {
		margin-top: 0.73vw;
	}
	.showcase_july_event .mission_bar_track {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		gap: 0.1vw;
	}
	.showcase_july_event .mission_bar_track span {
		display: block;
		background: #f7f1be;
		width: 3.12vw;
		height: 0.52vw;
	}
	.showcase_july_event .mission_bar_track.width40 span {
		width: 2.08vw;
	}
	.showcase_july_event .mission_bar_track span.is-fill {
		background: #ffd312;
	}
	.showcase_july_event .mission_count_txt {
		margin-top: 0.42vw;
		font-size: 0.73vw;
		line-height: 1.4;
		color: #333;
		font-weight: 600;
	}
	.showcase_july_event .mission_count_txt .count_num {
		font-weight: 700;
	}
	.showcase_july_event .mission_count_bar.is-zero .mission_count_txt {
		color: #666;
	}
	.showcase_july_event .mission_bonus .btn_wrap button {
		width: 9.37vw;
		height: 2.65vw;
		background: #fff;
		border: 0.05vw solid #e5e5e5;
		font-size: 0.73vw;
		font-weight: 700;
		color: #111;
		cursor: pointer;
	}
	.showcase_july_event .mission_bonus li[data-state="disabled"] .btn_wrap button {
		color: #a0a0a0;
		cursor: default;
	}
	.showcase_july_event .mission_bonus li[data-state="ready"] .btn_wrap button {
		color: #111;
		cursor: pointer;
	}
	.showcase_july_event .mission_bonus li[data-state="done"] .btn_wrap button {
		color: #a0a0a0;
		cursor: default;
	}
	.showcase_july_event .sc_gift {
		background: #ffe24f;
	}
	.showcase_july_event .sc_gift .title_wrap {
		width: 15.62vw;
		height: 3.12vw;
	}
	.showcase_july_event .sc_gift .txt_wrap p {
		line-height: 1.45;
		text-align: center;
	}
	.showcase_july_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.43vw;
		height: 31.75vw;
		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_july_event .sc_gift .gift_content .top_content .left_wrap {
		position: absolute;
		top: 1.35vw;
		left: 0;
		width: 19.78vw;
		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_july_event .sc_gift .title_box span {
		width: 8.02vw;
		height: 2.39vw;
		background: #ff9000;
		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: "LineSeed", sans-serif;
		font-size: 1.04vw;
		line-height: 1;
		color: #fff;
		-webkit-border-radius: 5.21vw;
		        border-radius: 5.21vw;
	}
	.showcase_july_event .sc_gift .title_box h3 {
		font-family: "DaeguBukseongro";
		font-size: 1.25vw;
		line-height: 1.35;
		font-weight: 700;
		color: #111;
		margin-bottom: 1.2vw;
		text-align: center;
	}
	.showcase_july_event .sc_gift .title_box p {
		color: #111;
		line-height: 1.35;
		font-size: 0.83vw;
	}
	.showcase_july_event .sc_gift .gift_content .top_content .left_wrap .motion_wrap {
		width: 11.97vw;
		height: 19.26vw;
	}
	.showcase_july_event .sc_gift .motion_wrap {
		position: relative;
	}
	.showcase_july_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_july_event .sc_gift .motion_wrap .motion_gif {
		opacity: 0;
		pointer-events: none;
		z-index: 1;
	}
	.showcase_july_event .sc_gift .motion_wrap .motion_still {
		opacity: 1;
	}
	.showcase_july_event .sc_gift .motion_wrap.is-playing .motion_gif {
		opacity: 1;
	}
	.showcase_july_event .sc_gift .motion_wrap.is-playing .motion_still {
		opacity: 0;
	}
	.showcase_july_event .sc_gift .btn_wrap {
		margin-top: 0.68vw;
	}
	.showcase_july_event .sc_gift .btn_wrap button {
		width: 11.19vw;
		height: 3.12vw;
		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_july_event .sc_gift .btn_wrap button img {
		width: 1.98vw;
		height: 2.03vw;
	}
	.showcase_july_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_july_event .sc_gift .gift_content .top_content .left_wrap .img_wrap {
		position: absolute;
		top: 0;
		left: 0;
	}
	.showcase_july_event .sc_gift .gift_content .top_content .left_wrap .img_wrap img {
		width: 1.67vw;
		height: 2.29vw;
		position: absolute;
	}
	.showcase_july_event .sc_gift .gift_content .top_content .left_wrap .img_wrap .glitter_01 {
		top: 15.98vw;
		left: 1.56vw;
	}
	.showcase_july_event .sc_gift .gift_content .top_content .left_wrap .img_wrap .glitter_02 {
		top: 7.76vw;
		left: 15.72vw;
	}
	.showcase_july_event .sc_gift .gift_content .top_content .right_wrap {
		position: absolute;
		top: 2.08vw;
		right: 0;
		width: 40.6vw;
	}
	.showcase_july_event .sc_gift .gift_content .top_content .right_wrap .title_box {
		text-align: center;
	}
	.showcase_july_event .sc_gift .gift_content .top_content .right_wrap .title_box h3 {
		font-size: 1.67vw;
		line-height: 1.35;
		font-weight: 700;
		color: #111;
		margin-bottom: 0;
	}
	.showcase_july_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_july_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: 27.07vw;
		height: 20.82vw;
		margin: 1.67vw auto 0;
		position: relative;
	}
	.showcase_july_event .sc_gift .gift_content .top_content .right_wrap .gift_wrap .first_st::after {
		content: "";
		position: absolute;
		top: 4.37vw;
		left: 50%;
		-webkit-transform: translateX(-50%);
		    -ms-transform: translateX(-50%);
		        transform: translateX(-50%);
		background-image: url(../img/pc/flower.png);
		-webkit-background-size: contain;
		        background-size: contain;
		width: 29.36vw;
		height: 11.04vw;
		background-repeat: no-repeat;
		display: none;
	}
	.showcase_july_event .sc_gift .gift_content .top_content .right_wrap .gift_wrap .first_st img {
		position: absolute;
	}
	.showcase_july_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.44vw;
		text-align: center;
	}
	.showcase_july_event .sc_gift .gift_content .top_content .right_wrap .gift_wrap .first_st h4 {
		color: #111;
		font-weight: 700;
		line-height: 1.35;
		font-size: 1.04vw;
		display: block;
		margin-bottom: 0.1vw;
	}
	.showcase_july_event .sc_gift .gift_content .top_content .right_wrap .gift_wrap .first_st p {
		color: #111;
		font-size: 0.83vw;
		line-height: 1.35;
		white-space: nowrap;
	}
	.showcase_july_event .sc_gift .gift_content .top_content .right_wrap .gift_wrap .gift_list {
		margin-top: 0.78vw;
	}
	.showcase_july_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_july_event .sc_gift .gift_content .top_content .right_wrap .gift_wrap .gift_list ul li img {
		width: 6.77vw;
		height: 6.77vw;
	}
	.showcase_july_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_july_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_july_event .sc_gift .bottom_content {
		margin-top: 1.04vw;
	}
	.showcase_july_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;
		background-image: url(../img/pc/etc_list.png);
		background-repeat: no-repeat;
		-webkit-background-size: contain;
		        background-size: contain;
		width: 61.43vw;
		height: 15.1vw;
		padding: 0 8.69vw;
	}
	.showcase_july_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.82vw;
		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_july_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_july_event .sc_gift .bottom_content .title_box h3 {
		margin-bottom: 0.21vw;
	}
	.showcase_july_event .sc_gift .bottom_content .title_box a {
		color: #111;
		padding-right: 0.78vw;
		position: relative;
		font-size: 0.83vw;
	}
	.showcase_july_event .sc_gift .bottom_content .title_box a::after {
		content: "";
		position: absolute;
		top: 25%;
		right: 0;
		width: 0.52vw;
		height: 0.62vw;
		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_july_event .sc_gift .bottom_content .btn_wrap {
		margin-top: 0;
	}
	.showcase_july_event .sc_gift .etc_txt {
		margin-top: 1.25vw;
		text-align: center;
	}
	.showcase_july_event .sc_gift .etc_txt p {
		color: #616161;
		font-size: 0.73vw;
		line-height: 1.35;
	}
	.showcase_july_event .sc_gift .etc_txt a {
		color: inherit;
		padding-bottom: 0vw;
		position: relative;
	}
	.showcase_july_event .sc_gift .etc_txt a::after {
		content: "";
		width: 100%;
		height: 0.05vw;
		background-color: #616161;
		position: absolute;
		bottom: 0;
		left: 0;
	}
	.showcase_july_event .sc_gift .etc_list li {
		position: relative;
	}
	.showcase_july_event .sc_gift .etc_list .circle_wrap {
		width: 6.77vw;
		height: 6.77vw;
		-webkit-border-radius: 50%;
		        border-radius: 50%;
		position: relative;
	}
	.showcase_july_event .sc_gift .etc_list .title_box {
		margin-top: 0.62vw;
	}
	.showcase_july_event .sc_gift .etc_list .title_box h4 {
		margin-bottom: 0.42vw;
		font-size: 0.94vw;
		line-height: 1.35;
		color: #111;
		font-weight: 700;
	}
	.showcase_july_event .sc_gift .etc_list .title_box p {
		color: #111;
		font-size: 0.73vw;
		line-height: 1.3;
		text-align: center;
	}
	.showcase_july_event .sc_gift .etc_list .img_wrap {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		    -ms-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
	}
	.showcase_july_event .sc_gift .etc_list .first_etc .img_wrap {
		width: 6.77vw;
		height: 6.77vw;
	}
	.showcase_july_event .sc_gift .etc_list .second_etc .img_wrap {
		width: 5.36vw;
		height: 3.96vw;
	}
	.showcase_july_event .sc_gift .etc_list .third_etc .img_wrap {
		width: 6.66vw;
		height: 5.41vw;
	}
	.showcase_july_event .sc_gift .etc_list .fourth_etc .img_wrap {
		width: 6.09vw;
		height: 5.1vw;
	}
	.showcase_july_event .sc_gift .etc_list .fifth_etc .img_wrap {
		width: 5vw;
		height: 5vw;
	}
	.showcase_july_event .sc_gift .etc_list .sixth_etc .img_wrap {
		width: 5vw;
		height: 5vw;
	}
	.showcase_july_event .sc_gift .etc_list .first_etc .circle_wrap {
		background: #f3f3f0;
	}
	.showcase_july_event .sc_gift .etc_list .second_etc .circle_wrap {
		background: #e0daf5;
	}
	.showcase_july_event .sc_gift .etc_list .third_etc .circle_wrap {
		background: #efe7ce;
	}
	.showcase_july_event .sc_gift .etc_list .fourth_etc .circle_wrap {
		background: #fff6d9;
	}
	.showcase_july_event .sc_gift .etc_list .fifth_etc .circle_wrap {
		background: #ffe7a0;
	}
	.showcase_july_event .sc_gift .etc_list .sixth_etc .circle_wrap {
		background: #ffe8ee;
	}
	.showcase_july_event .sc_gift .etc_list li[data-state="disabled"] .btn_wrap button,
	.showcase_july_event .sc_gift .etc_list li[data-state="done"] .btn_wrap button,
	.showcase_july_event .sc_gift .etc_list li[data-state="soldout"] .btn_wrap button {
		pointer-events: none;
		color: #a0a0a0;
	}
	.showcase_july_event .sc_gift .etc_list li[data-state="disabled"] .btn_wrap span,
	.showcase_july_event .sc_gift .etc_list li[data-state="done"] .btn_wrap span,
	.showcase_july_event .sc_gift .etc_list li[data-state="soldout"] .btn_wrap span {
		color: #a0a0a0;
	}
	.showcase_july_event .sc_shop .btn_wrap a {
		font-size: 1.04vw;
		line-height: 1.35;
		font-weight: 600;
		color: #fff;
		padding: 1.15vw 3.12vw;
		background-color: #00cdff;
		display: -webkit-inline-box;
		display: -webkit-inline-flex;
		display: -ms-inline-flexbox;
		display: inline-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: 1.67vw auto 0.73vw;
	}
	.showcase_july_event .sc_shop {
		background-image: url(../img/pc/shop_bg.jpg);
		-webkit-background-size: cover;
		        background-size: cover;
		background-repeat: no-repeat;
	}
	.showcase_july_event .sc_shop .title_wrap {
		width: 33.84vw;
		height: 7.29vw;
		margin-bottom: 0.83vw;
	}
	.showcase_july_event .sc_shop .txt_wrap {
		text-align: center;
		margin-bottom: 2.6vw;
	}
	.showcase_july_event .sc_shop .txt_wrap span {
		color: #333;
		font-size: 1.25vw;
		line-height: 1.45;
		font-weight: 700;
		display: inline-block;
		margin: 0 auto 0.1vw;
	}
	.showcase_july_event .sc_shop .txt_wrap p {
		color: #111;
		font-size: 1.04vw;
		line-height: 1.45;
	}
	.showcase_july_event .sc_shop .shop_content,
	.showcase_july_event .sc_shop .slide_content,
	.showcase_july_event .sc_shop .slide_wrap {
		width: 100%;
		min-width: 0;
	}
	.showcase_july_event .sc_shop .slide_content + .slide_content {
		margin-top: 4.16vw;
	}
	.showcase_july_event .sc_shop .shop_content {
		width: 58.82vw;
	}
	.showcase_july_event .sc_shop .shop_banner {
		width: 51.02vw;
		margin: 0 auto 1.25vw;
	}
	.showcase_july_event .sc_shop .txt_box .top_txt {
		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;
		margin-top: 0.42vw;
		margin-bottom: 0.21vw;
		gap: 0.68vw;
	}
	.showcase_july_event .sc_shop .txt_box .top_txt strong {
		width: 5.73vw;
		color: #111;
		font-size: 0.73vw;
		line-height: 1.28;
		display: block;
		display: -webkit-box;
		overflow: hidden;
		text-overflow: ellipsis;
		/* autoprefixer: ignore next */
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}
	.showcase_july_event .sc_shop .txt_box .top_txt .discount {
		color: #00b4e1;
		font-size: 0.94vw;
		line-height: 1.11;
		font-weight: 700;
	}
	.showcase_july_event .sc_shop .txt_box .bottom_txt .discount_price {
		color: #888;
		line-height: 1.28;
		margin-right: 0.21vw;
		text-decoration: line-through;
		font-size: 0.73vw;
	}
	.showcase_july_event .sc_shop .txt_box .bottom_txt .price {
		color: #111;
		font-size: 0.83vw !important;
		line-height: 1.28;
		font-weight: 700;
	}
	.showcase_july_event .sc_shop .link_wrap {
		text-align: center;
		margin-top: 2.08vw;
	}
	.showcase_july_event .sc_shop .link_wrap a {
		color: #111;
		font-size: 0.83vw;
		line-height: 1.35;
		font-weight: 600;
		padding: 0.94vw 2.5vw;
		border: 0.05vw solid #111;
		display: -webkit-inline-box;
		display: -webkit-inline-flex;
		display: -ms-inline-flexbox;
		display: inline-flex;
		background-color: #fff;
	}
	.showcase_july_event .sc_shop .slide_wrap {
		position: relative;
		overflow: hidden;
	}
	.showcase_july_event .sc_shop .mySwiper1,
	.showcase_july_event .sc_shop .mySwiper2,
	.showcase_july_event .sc_shop .mySwiper3 {
		width: 51.02vw;
		min-width: 0;
		overflow: hidden;
	}
	.showcase_july_event .sc_shop .mySwiper1 .swiper-wrapper,
	.showcase_july_event .sc_shop .mySwiper2 .swiper-wrapper,
	.showcase_july_event .sc_shop .mySwiper3 .swiper-wrapper {
		min-width: 0;
	}
	.showcase_july_event .sc_shop .mySwiper1 .swiper-slide,
	.showcase_july_event .sc_shop .mySwiper2 .swiper-slide,
	.showcase_july_event .sc_shop .mySwiper3 .swiper-slide {
		min-width: 0;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
	}
	.showcase_july_event .sc_shop .mySwiper1 .swiper-slide img,
	.showcase_july_event .sc_shop .mySwiper2 .swiper-slide img,
	.showcase_july_event .sc_shop .mySwiper3 .swiper-slide img {
		display: block;
		width: 100%;
		max-width: 100%;
		height: auto;
	}
	.showcase_july_event .sc_shop .swiper-button-prev {
		background-image: url(../img/pc/btn.png);
		background-repeat: no-repeat;
		-webkit-background-size: contain;
		        background-size: contain;
		-webkit-transform: translateY(-50%) rotate(180deg);
		    -ms-transform: translateY(-50%) rotate(180deg);
		        transform: translateY(-50%) rotate(180deg);
		color: transparent;
		width: 2.08vw;
		height: 2.08vw;
		position: absolute;
		top: 50%;
		left: 0;
	}
	.showcase_july_event .sc_shop .swiper-button-next {
		background-image: url(../img/pc/btn.png);
		background-repeat: no-repeat;
		-webkit-background-size: contain;
		        background-size: contain;
		-webkit-transform: translateY(-50%);
		    -ms-transform: translateY(-50%);
		        transform: translateY(-50%);
		color: transparent;
		width: 2.08vw;
		height: 2.08vw;
		position: absolute;
		top: 50%;
		right: 0;
	}
	.showcase_july_event .sc_lucky {
		padding: 4.16vw 0 5.21vw;
		background: #4bcc57;
	}
	.showcase_july_event .sc_lucky .title_wrap {
		margin: 0 auto 2.08vw;
	}
	.showcase_july_event .en_ver .sc_lucky .title_wrap {
		margin: 0 auto 1.3vw;
	}
	.showcase_july_event .sc_lucky .title_wrap h2 {
		width: 14.16vw;
		margin: 0 auto;
	}
	.showcase_july_event .en_ver .sc_lucky .title_wrap h2 {
		width: 24.99vw;
		margin: 0 auto;
	}
	.showcase_july_event .sc_lucky .content_wrap 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;
		opacity: 0;
		-webkit-transform: translateY(4.16vw);
		    -ms-transform: translateY(4.16vw);
		        transform: translateY(4.16vw);
		-webkit-transition: opacity 0.8s ease, -webkit-transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
		transition: opacity 0.8s ease, -webkit-transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
		transition: opacity 0.8s ease, transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
		transition: opacity 0.8s ease, transform 0.8s cubic-bezier(0.22, 1, 0.36, 1), -webkit-transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
	}
	.showcase_july_event .sc_lucky .content_wrap ul.is_active {
		opacity: 1;
		-webkit-transform: translateY(0);
		    -ms-transform: translateY(0);
		        transform: translateY(0);
	}
	.showcase_july_event .sc_lucky .content_wrap ul li {
		width: 24.99vw;
		height: 19.26vw;
		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;
		background-color: #fff;
	}
	.showcase_july_event .en_ver .sc_lucky .content_wrap ul li {
		width: 30.19vw;
		height: 19.26vw;
		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;
		background-color: #fff;
		border: 0.05vw solid #dcdee0;
		-webkit-border-radius: 0.05vw;
		        border-radius: 0.05vw;
	}
	.showcase_july_event .sc_lucky .content_wrap ul li h3 {
		color: #00b253;
		font-size: 1.04vw;
		font-weight: 700;
		margin-bottom: 0.52vw;
		text-align: center;
	}
	.showcase_july_event .sc_lucky .content_wrap ul li span {
		color: #00b253;
		font-size: 0.73vw;
		line-height: 1.14;
		padding: 0.26vw 0.42vw;
		background: #00b2531a;
		-webkit-border-radius: 0.1vw;
		        border-radius: 0.1vw;
		display: inline-block;
	}
	.showcase_july_event .sc_lucky .content_wrap ul li p {
		color: #a0a0a0;
		font-size: 0.68vw;
		font-weight: 700;
		line-height: 1.3;
		margin-top: 0.62vw;
	}
	.showcase_july_event .sc_lucky .content_wrap ul li:nth-child(1) span {
		margin-bottom: 1.98vw;
	}
	.showcase_july_event .sc_lucky .content_wrap ul li:nth-child(2) span {
		margin-bottom: 1.77vw;
	}
	.showcase_july_event .sc_lucky .content_wrap ul li:nth-child(1) .img_wrap {
		width: 18.22vw;
	}
	.showcase_july_event .en_ver .sc_lucky .content_wrap ul li:nth-child(1) .img_wrap {
		width: 14.84vw;
	}
	.showcase_july_event .sc_lucky .content_wrap ul li:nth-child(2) .img_wrap {
		width: 14.84vw;
	}
	.showcase_july_event .gacha_popup {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: none;
		z-index: 2;
	}
	.showcase_july_event .gacha_popup .popup_inner {
		z-index: 1;
		width: 30.19vw;
		height: 29.15vw;
		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_july_event .gacha_popup[data-result="2nd"] .popup_inner {
		background-image: url(../img/pc/gacha_popup_bg_02.png);
	}
	.showcase_july_event .gacha_popup[data-result="3rd"] .popup_inner {
		background-image: url(../img/pc/gacha_popup_bg_03.png);
	}
	.showcase_july_event .gacha_popup[data-result="4th"] .popup_inner {
		background-image: url(../img/pc/gacha_popup_bg_04.png);
	}
	.showcase_july_event .gacha_popup[data-result="5th"] .popup_inner {
		background-image: url(../img/pc/gacha_popup_bg_05.png);
	}
	.showcase_july_event .gacha_popup[data-result="lose"] .popup_inner {
		background-image: url(../img/pc/gacha_popup_bg_06.png);
	}
	.showcase_july_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;
		text-align: center;
	}
	.showcase_july_event .gacha_popup[data-result="4th"] .result_title {
		padding: 0 6.35vw;
	}
	.showcase_july_event .en_ver .gacha_popup[data-result="4th"] .result_title {
		padding: 0 3.28vw;
	}
	.showcase_july_event .gacha_popup .popup_close {
		width: 2.08vw;
		height: 2.08vw;
		position: absolute;
		top: 0.73vw;
		right: 1.04vw;
		z-index: 2;
	}
	.showcase_july_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_july_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_july_event .gacha_popup .result_btns a {
		border: 0.05vw solid #dcdee0;
		width: 11.45vw;
		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_july_event .gacha_popup[data-result="1st"] .result_img {
		width: 20.61vw;
		height: 11.82vw;
	}
	.showcase_july_event .gacha_popup[data-result="2nd"] .result_img {
		width: 13.53vw;
		height: 11.82vw;
	}
	.showcase_july_event .gacha_popup[data-result="3rd"] .result_img {
		width: 13.53vw;
		height: 11.82vw;
	}
	.showcase_july_event .gacha_popup[data-result="4th"] .result_img {
		width: 13.53vw;
		height: 11.82vw;
	}
	.showcase_july_event .gacha_popup[data-result="5th"] .result_img {
		width: 13.53vw;
		height: 11.82vw;
	}
	.showcase_july_event .gacha_popup[data-result="6th"] .result_img {
		width: 13.53vw;
		height: 11.82vw;
	}
	.showcase_july_event .gacha_popup[data-result="lose"] .result_img {
		width: 13.53vw;
		height: 11.82vw;
	}
	.showcase_july_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_july_event .gacha_popup .result_img img {
		max-width: 100%;
		max-height: 100%;
		object-fit: contain;
	}
	.showcase_july_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.25vw;
		line-height: 1;
		font-family: "LineSeed", sans-serif;
		-webkit-border-radius: 5.21vw;
		        border-radius: 5.21vw;
		color: #fff;
		padding: 0.52vw 1.25vw;
		font-weight: 700;
	}
	.showcase_july_event .gacha_popup[data-result="1st"] .result_badge {
		background: #3f3f3f;
	}
	.showcase_july_event .gacha_popup[data-result="2nd"] .result_badge {
		background: #bebeb8;
	}
	.showcase_july_event .gacha_popup[data-result="3rd"] .result_badge {
		background: #a590d9;
	}
	.showcase_july_event .gacha_popup[data-result="4th"] .result_badge {
		background: #ffc000;
	}
	.showcase_july_event .gacha_popup[data-result="5th"] .result_badge {
		background: #663527;
	}
	.showcase_july_event .gacha_popup[data-result="lose"] .result_badge {
		background: #ff235a;
	}
	.showcase_july_event .gacha_popup[data-result="1st"] .result_btns .btn_coupon,
	.showcase_july_event .gacha_popup[data-result="2nd"] .result_btns .btn_coupon,
	.showcase_july_event .gacha_popup[data-result="3rd"] .result_btns .btn_coupon,
	.showcase_july_event .gacha_popup[data-result="4th"] .result_btns .btn_coupon {
		display: none;
	}
	.showcase_july_event .gacha_popup[data-result="5th"] .result_btns .btn_primary,
	.showcase_july_event .gacha_popup[data-result="5th"] .result_btns .btn_secondary,
	.showcase_july_event .gacha_popup[data-result="lose"] .result_btns .btn_primary,
	.showcase_july_event .gacha_popup[data-result="lose"] .result_btns .btn_secondary {
		display: none;
	}
	.showcase_july_event .gacha_popup[data-result="5th"] .result_btns .btn_coupon,
	.showcase_july_event .gacha_popup[data-result="lose"] .result_btns .btn_coupon {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}
	.showcase_july_event .swiper-pagination .swiper-pagination-bullet {
		background: #ff2483;
		opacity: 0.3;
		margin: 0 0.16vw;
		width: 0.42vw;
		height: 0.42vw;
	}
	.showcase_july_event .sc_process.section_inner {
		padding: 5.21vw 0 6.25vw;
	}
	.showcase_july_event .process-pagination {
		margin-top: 0.62vw;
		text-align: center;
	}
	.showcase_july_event .swiper_box img {
		border: 0.05vw solid #ebedee;
	}
	.showcase_july_event .sc_process .title_wrap {
		width: auto !important;
		height: auto !important;
		margin-bottom: 0.52vw;
	}
	.showcase_july_event .sc_process h2 {
		color: #111;
		font-size: 1.67vw;
		line-height: 1.35;
		font-weight: 700;
		text-align: center;
	}
	.showcase_july_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_july_event .sc_process .txt_p {
		font-size: 0.83vw;
		line-height: 1.35;
		color: #616161;
		text-align: center;
		margin: 0.52vw 0;
	}
	.showcase_july_event .swiper_box {
		width: 41.64vw;
	}
	.showcase_july_event .swiper-pagination {
		z-index: 1;
		top: auto;
		bottom: -1.3vw;
	}
	.showcase_july_event .sc_banner {
		display: none;
	}
	.showcase_july_event .sc_banner.on {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}
	.showcase_july_event .sc_banner .txt_wrap {
		width: 61.43vw;
		height: 13.53vw;
		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_july_event .sc_banner .txt_wrap h3 {
		font-weight: 700;
		line-height: 1.35;
		font-size: 1.25vw;
		margin-bottom: 0.62vw;
		color: #fff;
	}
	.showcase_july_event .sc_banner .txt_wrap p {
		color: #fff;
		line-height: 1.35;
		font-size: 0.78vw;
	}
	.showcase_july_event .sc_notice {
		background: #ebedee;
	}
	.showcase_july_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.43vw;
		margin: 0 auto;
		padding: 3.12vw 0 3.12vw 0;
	}
	.showcase_july_event .sc_notice h3 {
		font-weight: 700;
		line-height: 1.44;
		font-size: 0.94vw;
		color: #3f3f3f;
		margin-bottom: 0.52vw;
	}
	.showcase_july_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_july_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_july_event .sc_notice ul li i {
		font-size: 0.73vw;
		color: #3f3f3f;
		position: absolute;
		top: 0;
		left: 0;
	}
	.showcase_july_event .sc_notice ul li p {
		line-height: 1.5;
		font-size: 0.73vw;
		color: #3f3f3f;
		padding-left: 0.78vw;
	}
	.showcase_july_event .attendance_popup {
		position: relative;
		width: 100%;
		height: 100vh;
		position: fixed;
		top: 0;
		left: 0;
		display: none;
	}
	.showcase_july_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_july_event .attendance_popup .popup_inner {
		background-image: url(../img/pc/attendance_bg.jpg);
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		        background-size: cover;
		background-position: center;
		padding-top: 4.89vw;
		width: 78.08vw;
		height: 65.17vw;
		z-index: 1;
		position: relative;
	}
	.showcase_july_event .attendance_popup .popup_close {
		width: 2.08vw;
		height: 2.08vw;
		position: absolute;
		top: 1.67vw;
		right: 1.67vw;
	}
	.showcase_july_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_july_event .attendance_popup .popup_inner .top_txt_box .em_img {
		width: 4.89vw;
		height: 2.08vw;
		margin-bottom: 0.73vw;
	}
	.showcase_july_event .attendance_popup .popup_inner .top_txt_box .title_wrap {
		width: 24.21vw;
		height: 2.55vw;
		margin-bottom: 1.09vw;
	}
	.showcase_july_event .en_ver .attendance_popup .popup_inner .top_txt_box .title_wrap {
		width: 44.66vw;
		height: 2.03vw;
	}
	.showcase_july_event .attendance_popup .popup_inner .top_txt_box .txt_wrap {
		margin-bottom: 1.67vw;
	}
	.showcase_july_event .attendance_popup .popup_inner .top_txt_box .txt_wrap p {
		color: #111;
		line-height: 1;
		font-size: 1.04vw;
	}
	.showcase_july_event .attendance_popup .popup_inner .top_txt_box .txt_wrap .days {
		color: #111;
		font-weight: 700;
	}
	.showcase_july_event .attendance_popup .calender_btn {
		margin-bottom: 2.6vw;
	}
	.showcase_july_event .attendance_popup .calender_btn button {
		width: 14.58vw;
		height: 2.92vw;
		border: 0.05vw solid #dcdee0;
		color: #111;
		line-height: 1.35;
		font-size: 0.94vw;
		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_july_event .attendance_actions [data-action="confirm_attendance"][data-state="done_today"],
	.showcase_july_event .attendance_actions [data-action="confirm_attendance"][data-state="completed"] {
		color: #a0a0a0;
		pointer-events: none;
		cursor: default;
	}
	.showcase_july_event .attendance_popup .popup_body {
		height: 100%;
	}
	.showcase_july_event .attendance_popup .popup_body .img_wrap {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.showcase_july_event .attendance_popup .popup_body .img_wrap img {
		width: 3.28vw;
		height: 3.28vw;
		position: absolute;
	}
	.showcase_july_event .attendance_popup .popup_body .img_wrap img:nth-child(1) {
		top: 26.6vw;
		right: 1.56vw;
	}
	.showcase_july_event .attendance_popup .popup_body .img_wrap img:nth-child(2) {
		top: 48.93vw;
		left: 3.38vw;
	}
	.showcase_july_event .attendance_popup .attendance_days {
		pointer-events: none;
		position: relative;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-align-content: flex-start;
		    -ms-flex-line-pack: start;
		        align-content: flex-start;
		-webkit-column-gap: 1.67vw;
		        column-gap: 1.67vw;
		row-gap: 2.08vw;
		padding: 0 2.6vw;
	}
	.showcase_july_event .attendance_popup .attendance_days::after {
		content: "";
		position: absolute;
		top: 4.27vw;
		left: 8.54vw;
		background-image: url(../img/pc/cal_line.png);
		background-repeat: no-repeat;
		-webkit-background-size: contain;
		        background-size: contain;
		width: 68.61vw;
		height: 37.17vw;
		z-index: -1;
	}
	.showcase_july_event .attendance_days .day_item {
		position: relative;
	}
	.showcase_july_event .attendance_days .day_item .day_img {
		position: absolute;
		z-index: 1;
	}
	.showcase_july_event .attendance_days .day_item .day_circle {
		width: 9.63vw;
		height: 9.63vw;
	}
	.showcase_july_event .attendance_days .day_item.day_9 {
		-webkit-box-ordinal-group: 2;
		-webkit-order: 1;
		    -ms-flex-order: 1;
		        order: 1;
	}
	.showcase_july_event .attendance_days .day_item.day_10 {
		-webkit-box-ordinal-group: 3;
		-webkit-order: 2;
		    -ms-flex-order: 2;
		        order: 2;
	}
	.showcase_july_event .attendance_days .day_item.day_11 {
		-webkit-box-ordinal-group: 4;
		-webkit-order: 3;
		    -ms-flex-order: 3;
		        order: 3;
	}
	.showcase_july_event .attendance_days .day_item.day_12 {
		-webkit-box-ordinal-group: 5;
		-webkit-order: 4;
		    -ms-flex-order: 4;
		        order: 4;
	}
	.showcase_july_event .attendance_days .day_item.day_13 {
		-webkit-box-ordinal-group: 6;
		-webkit-order: 5;
		    -ms-flex-order: 5;
		        order: 5;
	}
	.showcase_july_event .attendance_days .day_item.day_14 {
		-webkit-box-ordinal-group: 7;
		-webkit-order: 6;
		    -ms-flex-order: 6;
		        order: 6;
	}
	.showcase_july_event .attendance_days .day_item.day_19 {
		-webkit-box-ordinal-group: 8;
		-webkit-order: 7;
		    -ms-flex-order: 7;
		        order: 7;
		margin-left: 5.05vw;
	}
	.showcase_july_event .attendance_days .day_item.day_18 {
		-webkit-box-ordinal-group: 9;
		-webkit-order: 8;
		    -ms-flex-order: 8;
		        order: 8;
	}
	.showcase_july_event .attendance_days .day_item.day_17 {
		-webkit-box-ordinal-group: 10;
		-webkit-order: 9;
		    -ms-flex-order: 9;
		        order: 9;
	}
	.showcase_july_event .attendance_days .day_item.day_16 {
		-webkit-box-ordinal-group: 11;
		-webkit-order: 10;
		    -ms-flex-order: 10;
		        order: 10;
	}
	.showcase_july_event .attendance_days .day_item.day_15 {
		-webkit-box-ordinal-group: 12;
		-webkit-order: 11;
		    -ms-flex-order: 11;
		        order: 11;
		margin-right: 5.99vw;
	}
	.showcase_july_event .attendance_days .day_item.day_20 {
		-webkit-box-ordinal-group: 13;
		-webkit-order: 12;
		    -ms-flex-order: 12;
		        order: 12;
	}
	.showcase_july_event .attendance_days .day_item.day_21 {
		-webkit-box-ordinal-group: 14;
		-webkit-order: 13;
		    -ms-flex-order: 13;
		        order: 13;
	}
	.showcase_july_event .attendance_days .day_item.day_22 {
		-webkit-box-ordinal-group: 15;
		-webkit-order: 14;
		    -ms-flex-order: 14;
		        order: 14;
	}
	.showcase_july_event .attendance_days .day_item.day_23 {
		-webkit-box-ordinal-group: 16;
		-webkit-order: 15;
		    -ms-flex-order: 15;
		        order: 15;
	}
	.showcase_july_event .attendance_days .day_item.day_24 {
		-webkit-box-ordinal-group: 17;
		-webkit-order: 16;
		    -ms-flex-order: 16;
		        order: 16;
	}
	.showcase_july_event .attendance_days .day_item.day_25 {
		-webkit-box-ordinal-group: 18;
		-webkit-order: 17;
		    -ms-flex-order: 17;
		        order: 17;
	}
	.showcase_july_event .attendance_days .day_item.day_31 {
		-webkit-box-ordinal-group: 19;
		-webkit-order: 18;
		    -ms-flex-order: 18;
		        order: 18;
	}
	.showcase_july_event .attendance_days .day_item.day_30 {
		-webkit-box-ordinal-group: 20;
		-webkit-order: 19;
		    -ms-flex-order: 19;
		        order: 19;
	}
	.showcase_july_event .attendance_days .day_item.day_29 {
		-webkit-box-ordinal-group: 21;
		-webkit-order: 20;
		    -ms-flex-order: 20;
		        order: 20;
	}
	.showcase_july_event .attendance_days .day_item.day_28 {
		-webkit-box-ordinal-group: 22;
		-webkit-order: 21;
		    -ms-flex-order: 21;
		        order: 21;
	}
	.showcase_july_event .attendance_days .day_item.day_27 {
		-webkit-box-ordinal-group: 23;
		-webkit-order: 22;
		    -ms-flex-order: 22;
		        order: 22;
	}
	.showcase_july_event .attendance_days .day_item.day_26 {
		-webkit-box-ordinal-group: 24;
		-webkit-order: 23;
		    -ms-flex-order: 23;
		        order: 23;
	}
	.showcase_july_event .attendance_days .day_item .day_circle::before {
		width: 1.82vw;
		height: 1.82vw;
		position: absolute;
		top: 0.78vw;
		left: 0.26vw;
		content: "";
		-webkit-background-size: contain;
		        background-size: contain;
		background-repeat: no-repeat;
	}
	.showcase_july_event .attendance_days .day_item.day_9 .day_img {
		width: 5.47vw;
		height: 4.58vw;
		top: 2.5vw;
		left: 2.08vw;
	}
	.showcase_july_event .attendance_days .day_item.day_9 .day_circle::before {
		background-image: url(../img/pc/day_9_before.png);
	}
	.showcase_july_event .attendance_days .day_item.day_9[data-state="done"] .day_circle::before {
		background-image: url(../img/pc/day_9_before_on.png);
	}
	.showcase_july_event .attendance_days .day_item.day_10 .day_img {
		width: 5.99vw;
		height: 2.55vw;
		top: 3.54vw;
		left: 1.82vw;
	}
	.showcase_july_event .attendance_days .day_item.day_10 .day_circle::before {
		background-image: url(../img/pc/day_10_before.png);
	}
	.showcase_july_event .attendance_days .day_item.day_10[data-state="done"] .day_circle::before {
		background-image: url(../img/pc/day_10_before_on.png);
	}
	.showcase_july_event .attendance_days .day_item.day_11 .day_img {
		width: 4.06vw;
		height: 4.48vw;
		top: 2.55vw;
		left: 2.76vw;
	}
	.showcase_july_event .attendance_days .day_item.day_11 .day_circle::before {
		background-image: url(../img/pc/day_11_before.png);
	}
	.showcase_july_event .attendance_days .day_item.day_11[data-state="done"] .day_circle::before {
		background-image: url(../img/pc/day_11_before_on.png);
	}
	.showcase_july_event .attendance_days .day_item.day_12 .day_img {
		width: 7.91vw;
		height: 4.06vw;
		top: 2.76vw;
		left: 0.83vw;
	}
	.showcase_july_event .attendance_days .day_item.day_12 .day_circle::before {
		background-image: url(../img/pc/day_12_before.png);
	}
	.showcase_july_event .attendance_days .day_item.day_12[data-state="done"] .day_circle::before {
		background-image: url(../img/pc/day_12_before_on.png);
	}
	.showcase_july_event .attendance_days .day_item.day_13 .day_img {
		width: 2.97vw;
		height: 5.78vw;
		top: 1.93vw;
		left: 3.33vw;
	}
	.showcase_july_event .attendance_days .day_item.day_13 .day_circle::before {
		background-image: url(../img/pc/day_13_before.png);
	}
	.showcase_july_event .attendance_days .day_item.day_13[data-state="done"] .day_circle::before {
		background-image: url(../img/pc/day_13_before_on.png);
	}
	.showcase_july_event .attendance_days .day_item.day_14 .day_img {
		width: 5.62vw;
		height: 4.11vw;
		top: 2.76vw;
		left: 1.98vw;
	}
	.showcase_july_event .attendance_days .day_item.day_14 .day_circle::before {
		background-image: url(../img/pc/day_14_before.png);
	}
	.showcase_july_event .attendance_days .day_item.day_14[data-state="done"] .day_circle::before {
		background-image: url(../img/pc/day_14_before_on.png);
	}
	.showcase_july_event .attendance_days .day_item.day_19 .day_img {
		width: 3.12vw;
		height: 5.67vw;
		top: 1.98vw;
		left: 3.28vw;
	}
	.showcase_july_event .attendance_days .day_item.day_19 .day_circle::before {
		background-image: url(../img/pc/day_19_before.png);
	}
	.showcase_july_event .attendance_days .day_item.day_19[data-state="done"] .day_circle::before {
		background-image: url(../img/pc/day_19_before_on.png);
	}
	.showcase_july_event .attendance_days .day_item.day_18 .day_img {
		width: 3.38vw;
		height: 4.63vw;
		top: 2.5vw;
		left: 3.12vw;
	}
	.showcase_july_event .attendance_days .day_item.day_18 .day_circle::before {
		background-image: url(../img/pc/day_18_before.png);
	}
	.showcase_july_event .attendance_days .day_item.day_18[data-state="done"] .day_circle::before {
		background-image: url(../img/pc/day_18_before_on.png);
	}
	.showcase_july_event .attendance_days .day_item.day_17 .day_img {
		width: 4.63vw;
		height: 4.37vw;
		top: 2.6vw;
		left: 2.45vw;
	}
	.showcase_july_event .attendance_days .day_item.day_17 .day_circle::before {
		background-image: url(../img/pc/day_17_before.png);
	}
	.showcase_july_event .attendance_days .day_item.day_17[data-state="done"] .day_circle::before {
		background-image: url(../img/pc/day_17_before_on.png);
	}
	.showcase_july_event .attendance_days .day_item.day_16 .day_img {
		width: 5.15vw;
		height: 7.03vw;
		top: 1.3vw;
		left: 2.24vw;
	}
	.showcase_july_event .attendance_days .day_item.day_16 .day_circle::before {
		background-image: url(../img/pc/day_16_before.png);
	}
	.showcase_july_event .attendance_days .day_item.day_16[data-state="done"] .day_circle::before {
		background-image: url(../img/pc/day_16_before_on.png);
	}
	.showcase_july_event .attendance_days .day_item.day_15 .day_img {
		width: 5.31vw;
		height: 5.36vw;
		top: 2.13vw;
		left: 2.13vw;
	}
	.showcase_july_event .attendance_days .day_item.day_15 .day_circle::before {
		background-image: url(../img/pc/day_15_before.png);
	}
	.showcase_july_event .attendance_days .day_item.day_15[data-state="done"] .day_circle::before {
		background-image: url(../img/pc/day_15_before_on.png);
	}
	.showcase_july_event .attendance_days .day_item.day_20 .day_img {
		width: 4.89vw;
		height: 5.05vw;
		top: 2.29vw;
		left: 2.34vw;
	}
	.showcase_july_event .attendance_days .day_item.day_20 .day_circle::before {
		background-image: url(../img/pc/day_20_before.png);
	}
	.showcase_july_event .attendance_days .day_item.day_20[data-state="done"] .day_circle::before {
		background-image: url(../img/pc/day_20_before_on.png);
	}
	.showcase_july_event .attendance_days .day_item.day_21 .day_img {
		width: 5.15vw;
		height: 5.47vw;
		top: 2.08vw;
		left: 2.24vw;
	}
	.showcase_july_event .attendance_days .day_item.day_21 .day_circle::before {
		background-image: url(../img/pc/day_21_before.png);
	}
	.showcase_july_event .attendance_days .day_item.day_21[data-state="done"] .day_circle::before {
		background-image: url(../img/pc/day_21_before_on.png);
	}
	.showcase_july_event .attendance_days .day_item.day_22 .day_img {
		width: 7.55vw;
		height: 4.32vw;
		top: 2.65vw;
		left: 1.04vw;
	}
	.showcase_july_event .attendance_days .day_item.day_22 .day_circle::before {
		background-image: url(../img/pc/day_22_before.png);
	}
	.showcase_july_event .attendance_days .day_item.day_22[data-state="done"] .day_circle::before {
		background-image: url(../img/pc/day_22_before_on.png);
	}
	.showcase_july_event .attendance_days .day_item.day_23 .day_img {
		width: 5.05vw;
		height: 4.95vw;
		top: 2.34vw;
		left: 2.29vw;
	}
	.showcase_july_event .attendance_days .day_item.day_23 .day_circle::before {
		background-image: url(../img/pc/day_23_before.png);
	}
	.showcase_july_event .attendance_days .day_item.day_23[data-state="done"] .day_circle::before {
		background-image: url(../img/pc/day_23_before_on.png);
	}
	.showcase_july_event .attendance_days .day_item.day_24 .day_img {
		width: 6.66vw;
		height: 6.45vw;
		top: 1.56vw;
		left: 1.46vw;
	}
	.showcase_july_event .attendance_days .day_item.day_24 .day_circle::before {
		background-image: url(../img/pc/day_24_before.png);
	}
	.showcase_july_event .attendance_days .day_item.day_24[data-state="done"] .day_circle::before {
		background-image: url(../img/pc/day_24_before_on.png);
	}
	.showcase_july_event .attendance_days .day_item.day_25 .day_img {
		width: 4.84vw;
		height: 4.74vw;
		top: 2.45vw;
		left: 2.39vw;
	}
	.showcase_july_event .attendance_days .day_item.day_25 .day_circle::before {
		background-image: url(../img/pc/day_25_before.png);
	}
	.showcase_july_event .attendance_days .day_item.day_25[data-state="done"] .day_circle::before {
		background-image: url(../img/pc/day_25_before_on.png);
	}
	.showcase_july_event .attendance_days .day_item.day_26 .day_img {
		width: 5.78vw;
		height: 6.04vw;
		top: 1.77vw;
		left: 1.93vw;
	}
	.showcase_july_event .attendance_days .day_item.day_26 .day_circle::before {
		background-image: url(../img/pc/day_26_before.png);
	}
	.showcase_july_event .attendance_days .day_item.day_26[data-state="done"] .day_circle::before {
		background-image: url(../img/pc/day_26_before_on.png);
	}
	.showcase_july_event .attendance_days .day_item.day_27 .day_img {
		width: 6.25vw;
		height: 6.3vw;
		top: 1.67vw;
		left: 1.67vw;
	}
	.showcase_july_event .attendance_days .day_item.day_27 .day_circle::before {
		background-image: url(../img/pc/day_27_before.png);
	}
	.showcase_july_event .attendance_days .day_item.day_27[data-state="done"] .day_circle::before {
		background-image: url(../img/pc/day_27_before_on.png);
	}
	.showcase_july_event .attendance_days .day_item.day_28 .day_img {
		width: 5.88vw;
		height: 3.38vw;
		top: 3.12vw;
		left: 1.87vw;
	}
	.showcase_july_event .attendance_days .day_item.day_28 .day_circle::before {
		background-image: url(../img/pc/day_28_before.png);
	}
	.showcase_july_event .attendance_days .day_item.day_28[data-state="done"] .day_circle::before {
		background-image: url(../img/pc/day_28_before_on.png);
	}
	.showcase_july_event .attendance_days .day_item.day_29 .day_img {
		width: 4.16vw;
		height: 5.1vw;
		top: 2.55vw;
		left: 2.71vw;
	}
	.showcase_july_event .attendance_days .day_item.day_29 .day_circle::before {
		background-image: url(../img/pc/day_29_before.png);
	}
	.showcase_july_event .attendance_days .day_item.day_29[data-state="done"] .day_circle::before {
		background-image: url(../img/pc/day_29_before_on.png);
	}
	.showcase_july_event .attendance_days .day_item.day_30 .day_img {
		width: 7.96vw;
		height: 4.79vw;
		top: 2.71vw;
		left: 0.83vw;
	}
	.showcase_july_event .attendance_days .day_item.day_30 .day_circle::before {
		background-image: url(../img/pc/day_30_before.png);
	}
	.showcase_july_event .attendance_days .day_item.day_30[data-state="done"] .day_circle::before {
		background-image: url(../img/pc/day_30_before_on.png);
	}
	.showcase_july_event .attendance_days .day_item.day_31 .day_img {
		width: 6.09vw;
		height: 6.14vw;
		top: 1.72vw;
		left: 1.77vw;
	}
	.showcase_july_event .attendance_days .day_item.day_31 .day_circle::before {
		background-image: url(../img/pc/day_31_before.png);
	}
	.showcase_july_event .attendance_days .day_item.day_31[data-state="done"] .day_circle::before {
		background-image: url(../img/pc/day_31_before_on.png);
	}
	.showcase_july_event .attendance_popup .attendance_days li .days {
		text-align: center;
		margin-top: 0.83vw;
	}
	.showcase_july_event .attendance_popup .attendance_days li span {
		background: #c8cacc;
		color: #fff;
		font-size: 0.73vw;
		line-height: 1;
		font-weight: 700;
		-webkit-border-radius: 0.21vw;
		        border-radius: 0.21vw;
		display: -webkit-inline-box;
		display: -webkit-inline-flex;
		display: -ms-inline-flexbox;
		display: inline-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: 0.42vw 0.73vw;
	}
	.showcase_july_event .attendance_popup .attendance_days .day_item[data-state="done"] .days span {
		background: #86c150;
	}
	.showcase_july_event .redeem_popup {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: none;
	}
	.showcase_july_event .redeem_popup.on {
		display: block;
	}
	.showcase_july_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.18vw;
		height: 9.47vw;
		background-color: #fff;
		padding: 1.35vw 0.83vw 0.83vw 0.83vw;
	}
	.showcase_july_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_july_event .redeem_popup .popup_title {
		color: #111;
		line-height: 1.11;
		font-size: 0.94vw;
		font-weight: 700;
		margin-bottom: 0.42vw;
	}
	.showcase_july_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_july_event .redeem_popup .popup_btns {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		gap: 0.42vw;
	}
	.showcase_july_event .redeem_popup .popup_btns button,
	.showcase_july_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_july_event .redeem_popup .popup_btns .btn_secondary {
		background-color: #fff;
		color: #111;
	}
	.showcase_july_event .redeem_popup .popup_btns .btn_primary {
		background-color: #000;
		color: #fff;
	}
}

@media screen and (min-width: 991px) and (max-width: 1920px) {
	.showcase_july_event {
		/*sc_main*/
		/* 첫 번째 문구 */
		/* 두 번째 문구 */
		/* 첫 번째 기본 이미지 475px */
		/* 두 번째는 실제 크기에 맞게 */
		/* 기본 상태에서는 없음 */
		/* 호버 시 노출 */
		/*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 */
		/* 비로그인 상태: 미션 버튼 비활성 */
		/* 비로그인 상태: 미션 게이지 전부 비활성 색상으로 통일 */
		/* 0개일 때 텍스트 컬러 따로 잡고 싶으면 */
		/* 미션 완료 전 */
		/* 보너스 코인 받기 가능 */
		/* 획득 완료 */
		/*sc_gift*/
		/* 기본: 정지이미지 보임 */
		/* 재생: gif가 위로 올라옴 */
		/* sc_gift 공통 비활성 */
		/* sc_shop */
		/* sc_lucky */
		/*gacha_popup*/
		/* 꽝일 때 결과 버튼 영역 숨김 */
		/*sc_process*/
		/*sc_banner*/
		/*sc_notice*/
		/*캘린더 팝업*/
		/* 오늘 출석 완료 + 전체 완료: 회색 + 클릭 불가 */
		/*이미지 포지션*/
		/*이미지 크기 및 포지션*/
		/**/
		/*이미지 오파시티*/
		/* 기본: 전부 흐림 */
		/* 발급 완료 팝업 */
	}
	.showcase_july_event .pc_only {
		display: block !important;
	}
	.showcase_july_event .mo_only {
		display: none !important;
	}
	.showcase_july_event .fz14 {
		font-size: 14px;
	}
	.showcase_july_event .etc_span {
		font-size: 14px;
	}
	.showcase_july_event .mt3 {
		margin-top: 3px;
		display: block;
	}
	.showcase_july_event .sticky_wrap {
		position: relative;
		z-index: 2;
	}
	.showcase_july_event .line_wrap.mo {
		display: none;
	}
	.showcase_july_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_july_event .sticky_wrap.type_fixed {
		z-index: 2;
	}
	.showcase_july_event .sticky_wrap.type_fixed .line_wrap.pc {
		position: fixed;
		z-index: 2;
	}
	.showcase_july_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_july_event .line_wrap.pc .coin_box img {
		width: 23px;
		height: 23px;
	}
	.showcase_july_event .line_wrap.pc .coin_box .coin_label,
	.showcase_july_event .line_wrap.pc .coin_box .coin_value,
	.showcase_july_event .line_wrap.pc .coin_box .coin_count {
		font-family: "Lanapixel", sans-serif;
		font-size: 16px;
		line-height: 1.35;
		font-weight: 400;
	}
	.showcase_july_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_july_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_july_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_july_event .line_wrap.pc a.on {
		background: #000;
		color: #fff;
	}
	.showcase_july_event .gacha_particles {
		width: 900px;
		height: 1000px;
	}
	.showcase_july_event .title_wrap {
		width: 750px;
		height: 60px;
		margin-bottom: 50px;
	}
	.showcase_july_event .txt_wrap {
		margin-bottom: 40px;
	}
	.showcase_july_event .txt_wrap p {
		font-size: 24px;
		line-height: 1;
		text-align: center;
	}
	.showcase_july_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_july_event .dimmed_wrap {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		background: rgba(0, 0, 0, 0.5);
		z-index: -1;
	}
	.showcase_july_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: 1450px;
		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-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.showcase_july_event .sc_main .char_wrap {
		width: 656px;
		position: absolute;
		bottom: 192px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		    -ms-transform: translateX(-50%);
		        transform: translateX(-50%);
	}
	.showcase_july_event .sc_main .main_title {
		width: 997px;
		height: 490px;
		margin-bottom: 0;
		margin-top: 140px;
	}
	.showcase_july_event .sc_main .main_txt_wrap {
		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;
	}
	.showcase_july_event .sc_main .main_txt_wrap .main_txt {
		position: relative;
		cursor: pointer;
	}
	.showcase_july_event .sc_main .main_txt_wrap .main_txt_01 {
		width: 393px;
		height: 96px;
		margin-bottom: 20px;
		margin-top: -40px;
	}
	.showcase_july_event .sc_main .main_txt_wrap .main_txt_02 {
		width: 727px;
		height: 42px;
		margin-bottom: 0;
	}
	.showcase_july_event .sc_main .main_txt_wrap .txt_img {
		position: absolute;
		top: 50%;
		left: 50%;
		display: block;
		height: auto;
		-webkit-transform: translate(-50%, -50%);
		    -ms-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
		-webkit-transition: opacity 0.2s ease;
		transition: opacity 0.2s ease;
	}
	.showcase_july_event .sc_main .main_txt_wrap .main_txt_01 .txt_default {
		width: 380px;
	}
	.showcase_july_event .sc_main .main_txt_wrap .main_txt_01 .txt_hover {
		width: 398px;
		opacity: 0;
	}
	.showcase_july_event .sc_main .main_txt_wrap .main_txt_02 .txt_default,
	.showcase_july_event .sc_main .main_txt_wrap .main_txt_02 .txt_hover {
		width: 100%;
	}
	.showcase_july_event .sc_main .main_txt_wrap .main_txt:hover .txt_default {
		opacity: 0;
	}
	.showcase_july_event .sc_main .main_txt_wrap .main_txt:hover .txt_hover {
		opacity: 1;
	}
	.showcase_july_event .sc_main .main_txt_wrap .main_txt_02 {
		width: 741px;
		height: 42px;
		margin-bottom: 0;
	}
	.showcase_july_event .sc_main .main_txt_wrap .main_txt_02 .txt_default {
		width: 727px;
	}
	.showcase_july_event .sc_main .main_txt_wrap .main_txt_02 .txt_hover {
		width: 746px;
		opacity: 0;
	}
	.showcase_july_event .sc_main .main_txt_wrap .main_txt {
		position: relative;
	}
	.showcase_july_event .sc_main .main_txt_wrap .main_txt::before {
		content: "";
		position: absolute;
		width: 50px;
		height: 50px;
		background: url("../img/pc/lucky.png") no-repeat center/contain;
		opacity: 0;
		visibility: hidden;
		-webkit-transition: opacity 0.2s ease;
		transition: opacity 0.2s ease;
	}
	.showcase_july_event .sc_main .main_txt_wrap .main_txt:hover::before {
		opacity: 1;
		visibility: visible;
	}
	.showcase_july_event .sc_main .main_txt_wrap .main_txt_01::before {
		top: 23px;
		left: -55px;
	}
	.showcase_july_event .sc_main .main_txt_wrap .main_txt_02::before {
		top: -5px;
		left: -55px;
	}
	.showcase_july_event .sc_main .img_wrap {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
		/* 양옆 잘리게 */
	}
	.showcase_july_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_july_event .sc_main .img_wrap img {
		position: absolute;
	}
	.showcase_july_event .sc_main .main_img_01 {
		width: 22px;
		height: 22px;
		top: 313px;
		left: 318px;
	}
	.showcase_july_event .sc_main .main_img_gif_01 {
		width: 340px;
		height: 340px;
		top: 200px;
		left: 280px;
	}
	.showcase_july_event .sc_main .main_img_gif_02 {
		width: 340px;
		height: 340px;
		top: 472px;
		left: 1257px;
	}
	.showcase_july_event .sc_main .main_img_gif_03 {
		width: 110px;
		height: 110px;
		top: 274px;
		left: 1320px;
	}
	.showcase_july_event .sc_main .main_img_02 {
		width: 35px;
		height: 35px;
		top: 325px;
		left: 370px;
	}
	.showcase_july_event .sc_main .main_img_03 {
		width: 91px;
		height: 79px;
		top: 455px;
		left: 419px;
	}
	.showcase_july_event .sc_main .main_img_04 {
		width: 94px;
		height: 130px;
		top: 290px;
		left: 486px;
	}
	.showcase_july_event .sc_main .main_img_05 {
		width: 91px;
		height: 79px;
		top: 294px;
		left: 1320px;
	}
	.showcase_july_event .sc_main .main_img_06 {
		width: 32px;
		height: 32px;
		top: 492px;
		left: 1490px;
	}
	.showcase_july_event .sc_main .main_img_07 {
		width: 67px;
		height: 65px;
		top: 550px;
		left: 1405px;
	}
	.showcase_july_event .sc_main .main_img_08 {
		width: 92px;
		height: 118px;
		top: 607px;
		left: 1319px;
	}
	.showcase_july_event .sc_coin {
		background-color: #ffe24f;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		        background-size: cover;
	}
	.showcase_july_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_july_event .sc_coin .status_profile {
		width: 110px;
		height: 120px;
		margin-right: 24px;
	}
	.showcase_july_event .sc_coin .status_available span {
		font-size: 24px;
		line-height: 1;
		font-family: "DaeguBukseongro";
		font-weight: 800;
		color: #ff772e;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		margin-bottom: 10px;
	}
	.showcase_july_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_july_event .sc_coin .coin_wrap img {
		width: 58px;
		height: 58px;
	}
	.showcase_july_event .sc_coin .coin_wrap .coin_number {
		font-family: "DaeguBukseongro";
		font-weight: 800;
		font-size: 50px;
		line-height: 1;
		color: #ff772e;
		margin-left: 1px;
		margin-top: 3px;
	}
	.showcase_july_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_july_event .sc_coin .btn_wrap a,
	.showcase_july_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_july_event .sc_coin .btn_logged_out {
		margin: 0 auto;
	}
	.showcase_july_event .sc_coin .btn_logged_out a {
		width: 280px;
		height: 56px;
	}
	.showcase_july_event .january_event_container[data-auth="in"] .sc_coin .btn_logged_out {
		display: none;
	}
	.showcase_july_event .january_event_container[data-auth="out"] .sc_coin .txt_wrap {
		display: none;
	}
	.showcase_july_event .january_event_container[data-auth="out"] .sc_coin .status_profile,
	.showcase_july_event .january_event_container[data-auth="out"] .sc_coin .status_available,
	.showcase_july_event .january_event_container[data-auth="out"] .sc_coin .btn_logged_in {
		display: none;
	}
	.showcase_july_event .january_event_container[data-auth="out"] .sc_coin .btn_logged_out {
		display: block;
		/* 기존 btn_wrap 레이아웃에 맞게 block/flex 중 선택 */
	}
	.showcase_july_event .history_empty {
		display: none;
	}
	.showcase_july_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_july_event .history_empty .empty_wrap .empty_text {
		font-size: 16px;
		line-height: 1;
		font-weight: 700;
	}
	.showcase_july_event .coin_popup {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: none;
	}
	.showcase_july_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_july_event .coin_popup .popup_content {
		width: 646px;
		position: relative;
	}
	.showcase_july_event .coin_popup .popup_panel {
		width: 630px;
		position: relative;
	}
	.showcase_july_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_july_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_july_event .coin_popup .scroll_thumb.is-dragging {
		-webkit-transition: none;
		transition: none;
	}
	.showcase_july_event .coin_popup .scroll_thumb:active {
		cursor: grabbing;
	}
	.showcase_july_event .coin_popup .popup_close {
		width: 40px;
		height: 40px;
		position: absolute;
		top: 16px;
		right: 20px;
	}
	.showcase_july_event .coin_popup .popup_header {
		padding-bottom: 24px;
		border-bottom: 2px solid #000;
	}
	.showcase_july_event .coin_popup .popup_header p {
		font-size: 24px;
		line-height: 1;
		font-weight: 700;
		color: #111;
		text-align: center;
	}
	.showcase_july_event .coin_popup .history_table {
		width: 100%;
		table-layout: fixed;
		border-collapse: collapse;
	}
	.showcase_july_event .coin_popup .col_info {
		width: 430px;
	}
	.showcase_july_event .coin_popup .col_date {
		width: 120px;
	}
	.showcase_july_event .coin_popup .col_coin {
		width: 80px;
	}
	.showcase_july_event .coin_popup .history_table--head thead {
		border-bottom: 1px solid #ebedee;
	}
	.showcase_july_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_july_event .coin_popup .history_scroll {
		max-height: 382px;
		overflow-y: auto;
		scrollbar-gutter: stable;
		overflow-x: hidden;
		scrollbar-width: none;
	}
	.showcase_july_event .coin_popup .history_scroll::-webkit-scrollbar {
		width: 0;
		height: 0;
	}
	.showcase_july_event .coin_popup .history_table--body .history_row {
		border-bottom: 1px solid #ebedee;
	}
	.showcase_july_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_july_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_july_event .coin_popup .history_table--body .td_info .item_img img {
		width: 100%;
		height: 100%;
		display: block;
	}
	.showcase_july_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_july_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_july_event .coin_popup .history_table--body .td_info .item_text .item_badge.type_gacha {
		color: #7c3eee;
		background: #7c3eee26;
	}
	.showcase_july_event .coin_popup .history_table--body .td_info .item_text .item_badge.type_exchange {
		color: #ff7700;
		background: #ff770026;
	}
	.showcase_july_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_july_event .coin_popup .history_table--body .td_date,
	.showcase_july_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_july_event .coin_popup .history_table--body tbody tr:last-child {
		border-bottom: 0;
	}
	.showcase_july_event .sc_mission {
		background: #4bcc57;
	}
	.showcase_july_event .sc_mission .title_wrap {
		width: 420px;
		height: 60px;
	}
	.showcase_july_event .sc_mission .mission_content {
		background-repeat: no-repeat;
		background-image: url(../img/pc/mission_content_bg_2.png);
		width: 980px;
		height: 970px;
		padding: 52px 65px;
		-webkit-background-size: contain;
		        background-size: contain;
	}
	.showcase_july_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_july_event .sc_mission .mission_content ul li:nth-child(2) {
		margin-top: 20px;
	}
	.showcase_july_event .sc_mission .mission_content ul li:nth-child(3) {
		margin-top: 17px;
	}
	.showcase_july_event .sc_mission .mission_content ul li:nth-child(4) {
		margin-top: 17px;
	}
	.showcase_july_event .sc_mission .mission_content ul li:nth-child(3) .txt_box {
		margin-top: -4px;
	}
	.showcase_july_event .sc_mission .mission_content .mission_bonus {
		margin-top: 40px;
		position: relative;
	}
	.showcase_july_event .sc_mission .mission_content .mission_bonus::before {
		content: "";
		background-image: url(../img/pc/dot.png);
		background-repeat: no-repeat;
		-webkit-background-size: contain;
		        background-size: contain;
		position: absolute;
		top: -20px;
		left: 0;
		width: 850px;
		height: 1px;
	}
	.showcase_july_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_july_event .sc_mission .mission_content .img_wrap {
		width: 100px;
		height: 100px;
		margin-right: 24px;
	}
	.showcase_july_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_july_event .sc_mission .mission_content .txt_box .mission_number span {
		display: block;
		margin-right: 10px;
	}
	.showcase_july_event .sc_mission .mission_content .mission_ul .txt_box .mission_number span {
		width: 112px;
		height: 26px;
	}
	.showcase_july_event .sc_mission .mission_content .mission_ul .txt_box .mission_number span img {
		height: 26px;
		object-fit: contain;
	}
	.showcase_july_event .sc_mission .mission_content .mission_bonus .txt_box .mission_number span img {
		height: 100%;
		object-fit: contain;
	}
	.showcase_july_event .sc_mission .mission_content .mission_ul .txt_box.mission2 .mission_number span,
	.showcase_july_event .sc_mission .mission_content .mission_ul .txt_box.mission3 .mission_number span {
		width: 115px;
		height: auto;
	}
	.showcase_july_event .sc_mission .mission_content .mission_bonus .txt_box .mission_number span {
		width: 75px;
		height: 26px;
		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_july_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_july_event .en_ver .sc_mission .mission_content .txt_box .mission_number p {
		font-size: 22px;
	}
	.showcase_july_event .sc_mission .mission_content .txt_box .mission_number p span {
		width: auto !important;
		height: auto !important;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		gap: 5px;
	}
	.showcase_july_event .sc_mission .mission_content .txt_box .mission_txt {
		margin-bottom: 6px;
	}
	.showcase_july_event .sc_mission .mission_content .txt_box .mission_txt p {
		color: #616161;
		line-height: 1.35;
		font-size: 16px;
	}
	.showcase_july_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_july_event .sc_mission .mission_content .txt_box .mission_gauge .gauge_step {
		background: #ffe6f1;
		width: 60px;
		height: 10px;
	}
	.showcase_july_event .sc_mission .mission_content .mission_ul .txt_box .mission_gauge .gauge_step.is-active {
		background: #ff2483;
	}
	.showcase_july_event .sc_mission .mission_content .mission_bonus .txt_box .mission_gauge .gauge_step.is-active {
		background: #bc0052;
	}
	.showcase_july_event .sc_mission .mission_content .btn_wrap {
		margin-left: auto;
	}
	.showcase_july_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_july_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_july_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_july_event .sc_mission .mission_count.is-zero {
		color: #a0a0a0;
		background: #a0a0a01a;
	}
	.showcase_july_event .sc_mission .mission_count.is-active {
		color: #ff2483;
		background: #ff24830d;
	}
	.showcase_july_event .sc_mission li[data-state="disabled"] .btn_wrap button {
		color: #a0a0a0;
		pointer-events: none;
	}
	.showcase_july_event .sc_mission li[data-state="done"] .btn_wrap button,
	.showcase_july_event .sc_mission li[data-state="done"] .btn_wrap a {
		color: #a0a0a0;
		pointer-events: none;
	}
	.showcase_july_event .january_event_container[data-auth="out"] .sc_mission .btn_wrap button {
		color: #a0a0a0;
		pointer-events: none;
		cursor: default;
	}
	.showcase_july_event .january_event_container[data-auth="out"] .sc_mission .mission_gauge .gauge_step {
		background: #dcdee0;
	}
	.showcase_july_event .january_event_container[data-auth="out"] .sc_mission .mission_content .mission_ul .txt_box .mission_gauge .gauge_step.is-active {
		background: #dcdee0;
	}
	.showcase_july_event .january_event_container[data-auth="out"] .sc_mission .mission_content .mission_bonus .txt_box .mission_gauge .gauge_step.is-active {
		background: #dcdee0;
	}
	.showcase_july_event .mission_count_bar {
		margin-top: 14px;
	}
	.showcase_july_event .mission_bar_track {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		gap: 2px;
	}
	.showcase_july_event .mission_bar_track span {
		display: block;
		background: #f7f1be;
		width: 60px;
		height: 10px;
	}
	.showcase_july_event .mission_bar_track.width40 span {
		width: 40px;
	}
	.showcase_july_event .mission_bar_track span.is-fill {
		background: #ffd312;
	}
	.showcase_july_event .mission_count_txt {
		margin-top: 8px;
		font-size: 14px;
		line-height: 1.4;
		color: #333;
		font-weight: 600;
	}
	.showcase_july_event .mission_count_txt .count_num {
		font-weight: 700;
	}
	.showcase_july_event .mission_count_bar.is-zero .mission_count_txt {
		color: #666;
	}
	.showcase_july_event .mission_bonus .btn_wrap button {
		width: 180px;
		height: 51px;
		background: #fff;
		border: 1px solid #e5e5e5;
		font-size: 14px;
		font-weight: 700;
		color: #111;
		cursor: pointer;
	}
	.showcase_july_event .mission_bonus li[data-state="disabled"] .btn_wrap button {
		color: #a0a0a0;
		cursor: default;
	}
	.showcase_july_event .mission_bonus li[data-state="ready"] .btn_wrap button {
		color: #111;
		cursor: pointer;
	}
	.showcase_july_event .mission_bonus li[data-state="done"] .btn_wrap button {
		color: #a0a0a0;
		cursor: default;
	}
	.showcase_july_event .sc_gift {
		background: #ffe24f;
	}
	.showcase_july_event .sc_gift .title_wrap {
		width: 300px;
		height: 60px;
	}
	.showcase_july_event .sc_gift .txt_wrap p {
		line-height: 1.45;
		text-align: center;
	}
	.showcase_july_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_july_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_july_event .sc_gift .title_box span {
		width: 154px;
		height: 46px;
		background: #ff9000;
		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: "LineSeed", sans-serif;
		font-size: 20px;
		line-height: 1;
		color: #fff;
		-webkit-border-radius: 100px;
		        border-radius: 100px;
	}
	.showcase_july_event .sc_gift .title_box h3 {
		font-family: "DaeguBukseongro";
		font-size: 24px;
		line-height: 1.35;
		font-weight: 700;
		color: #111;
		margin-bottom: 23px;
		text-align: center;
	}
	.showcase_july_event .sc_gift .title_box p {
		color: #111;
		line-height: 1.35;
		font-size: 16px;
	}
	.showcase_july_event .sc_gift .gift_content .top_content .left_wrap .motion_wrap {
		width: 230px;
		height: 370px;
	}
	.showcase_july_event .sc_gift .motion_wrap {
		position: relative;
	}
	.showcase_july_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_july_event .sc_gift .motion_wrap .motion_gif {
		opacity: 0;
		pointer-events: none;
		z-index: 1;
	}
	.showcase_july_event .sc_gift .motion_wrap .motion_still {
		opacity: 1;
	}
	.showcase_july_event .sc_gift .motion_wrap.is-playing .motion_gif {
		opacity: 1;
	}
	.showcase_july_event .sc_gift .motion_wrap.is-playing .motion_still {
		opacity: 0;
	}
	.showcase_july_event .sc_gift .btn_wrap {
		margin-top: 13px;
	}
	.showcase_july_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_july_event .sc_gift .btn_wrap button img {
		width: 38px;
		height: 39px;
	}
	.showcase_july_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_july_event .sc_gift .gift_content .top_content .left_wrap .img_wrap {
		position: absolute;
		top: 0;
		left: 0;
	}
	.showcase_july_event .sc_gift .gift_content .top_content .left_wrap .img_wrap img {
		width: 32px;
		height: 44px;
		position: absolute;
	}
	.showcase_july_event .sc_gift .gift_content .top_content .left_wrap .img_wrap .glitter_01 {
		top: 307px;
		left: 30px;
	}
	.showcase_july_event .sc_gift .gift_content .top_content .left_wrap .img_wrap .glitter_02 {
		top: 149px;
		left: 302px;
	}
	.showcase_july_event .sc_gift .gift_content .top_content .right_wrap {
		position: absolute;
		top: 40px;
		right: 0;
		width: 780px;
	}
	.showcase_july_event .sc_gift .gift_content .top_content .right_wrap .title_box {
		text-align: center;
	}
	.showcase_july_event .sc_gift .gift_content .top_content .right_wrap .title_box h3 {
		font-size: 32px;
		line-height: 1.35;
		font-weight: 700;
		color: #111;
		margin-bottom: 0;
	}
	.showcase_july_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_july_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: 520px;
		height: 400px;
		margin: 32px auto 0;
		position: relative;
	}
	.showcase_july_event .sc_gift .gift_content .top_content .right_wrap .gift_wrap .first_st::after {
		content: "";
		position: absolute;
		top: 84px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		    -ms-transform: translateX(-50%);
		        transform: translateX(-50%);
		background-image: url(../img/pc/flower.png);
		-webkit-background-size: contain;
		        background-size: contain;
		width: 564px;
		height: 212px;
		background-repeat: no-repeat;
		display: none;
	}
	.showcase_july_event .sc_gift .gift_content .top_content .right_wrap .gift_wrap .first_st img {
		position: absolute;
	}
	.showcase_july_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: -66px;
		text-align: center;
	}
	.showcase_july_event .sc_gift .gift_content .top_content .right_wrap .gift_wrap .first_st h4 {
		color: #111;
		font-weight: 700;
		line-height: 1.35;
		font-size: 20px;
		display: block;
		margin-bottom: 2px;
	}
	.showcase_july_event .sc_gift .gift_content .top_content .right_wrap .gift_wrap .first_st p {
		color: #111;
		font-size: 16px;
		line-height: 1.35;
		white-space: nowrap;
	}
	.showcase_july_event .sc_gift .gift_content .top_content .right_wrap .gift_wrap .gift_list {
		margin-top: 15px;
	}
	.showcase_july_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_july_event .sc_gift .gift_content .top_content .right_wrap .gift_wrap .gift_list ul li img {
		width: 130px;
		height: 130px;
	}
	.showcase_july_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_july_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_july_event .sc_gift .bottom_content {
		margin-top: 20px;
	}
	.showcase_july_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;
		background-image: url(../img/pc/etc_list.png);
		background-repeat: no-repeat;
		-webkit-background-size: contain;
		        background-size: contain;
		width: 1180px;
		height: 290px;
		padding: 0 167px;
	}
	.showcase_july_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_july_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_july_event .sc_gift .bottom_content .title_box h3 {
		margin-bottom: 4px;
	}
	.showcase_july_event .sc_gift .bottom_content .title_box a {
		color: #111;
		padding-right: 15px;
		position: relative;
		font-size: 16px;
	}
	.showcase_july_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_july_event .sc_gift .bottom_content .btn_wrap {
		margin-top: 0;
	}
	.showcase_july_event .sc_gift .etc_txt {
		margin-top: 24px;
		text-align: center;
	}
	.showcase_july_event .sc_gift .etc_txt p {
		color: #616161;
		font-size: 14px;
		line-height: 1.35;
	}
	.showcase_july_event .sc_gift .etc_txt a {
		color: inherit;
		padding-bottom: 0px;
		position: relative;
	}
	.showcase_july_event .sc_gift .etc_txt a::after {
		content: "";
		width: 100%;
		height: 1px;
		background-color: #616161;
		position: absolute;
		bottom: 0;
		left: 0;
	}
	.showcase_july_event .sc_gift .etc_list li {
		position: relative;
	}
	.showcase_july_event .sc_gift .etc_list .circle_wrap {
		width: 130px;
		height: 130px;
		-webkit-border-radius: 50%;
		        border-radius: 50%;
		position: relative;
	}
	.showcase_july_event .sc_gift .etc_list .title_box {
		margin-top: 12px;
	}
	.showcase_july_event .sc_gift .etc_list .title_box h4 {
		margin-bottom: 8px;
		font-size: 18px;
		line-height: 1.35;
		color: #111;
		font-weight: 700;
	}
	.showcase_july_event .sc_gift .etc_list .title_box p {
		color: #111;
		font-size: 14px;
		line-height: 1.3;
		text-align: center;
	}
	.showcase_july_event .sc_gift .etc_list .img_wrap {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		    -ms-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
	}
	.showcase_july_event .sc_gift .etc_list .first_etc .img_wrap {
		width: 130px;
		height: 130px;
	}
	.showcase_july_event .sc_gift .etc_list .second_etc .img_wrap {
		width: 103px;
		height: 76px;
	}
	.showcase_july_event .sc_gift .etc_list .third_etc .img_wrap {
		width: 128px;
		height: 104px;
	}
	.showcase_july_event .sc_gift .etc_list .fourth_etc .img_wrap {
		width: 117px;
		height: 98px;
	}
	.showcase_july_event .sc_gift .etc_list .fifth_etc .img_wrap {
		width: 96px;
		height: 96px;
	}
	.showcase_july_event .sc_gift .etc_list .sixth_etc .img_wrap {
		width: 96px;
		height: 96px;
	}
	.showcase_july_event .sc_gift .etc_list .first_etc .circle_wrap {
		background: #f3f3f0;
	}
	.showcase_july_event .sc_gift .etc_list .second_etc .circle_wrap {
		background: #e0daf5;
	}
	.showcase_july_event .sc_gift .etc_list .third_etc .circle_wrap {
		background: #efe7ce;
	}
	.showcase_july_event .sc_gift .etc_list .fourth_etc .circle_wrap {
		background: #fff6d9;
	}
	.showcase_july_event .sc_gift .etc_list .fifth_etc .circle_wrap {
		background: #ffe7a0;
	}
	.showcase_july_event .sc_gift .etc_list .sixth_etc .circle_wrap {
		background: #ffe8ee;
	}
	.showcase_july_event .sc_gift .etc_list li[data-state="disabled"] .btn_wrap button,
	.showcase_july_event .sc_gift .etc_list li[data-state="done"] .btn_wrap button,
	.showcase_july_event .sc_gift .etc_list li[data-state="soldout"] .btn_wrap button {
		pointer-events: none;
		color: #a0a0a0;
	}
	.showcase_july_event .sc_gift .etc_list li[data-state="disabled"] .btn_wrap span,
	.showcase_july_event .sc_gift .etc_list li[data-state="done"] .btn_wrap span,
	.showcase_july_event .sc_gift .etc_list li[data-state="soldout"] .btn_wrap span {
		color: #a0a0a0;
	}
	.showcase_july_event .sc_shop .btn_wrap a {
		font-size: 20px;
		line-height: 1.35;
		font-weight: 600;
		color: #fff;
		padding: 22px 60px;
		background-color: #00cdff;
		display: -webkit-inline-box;
		display: -webkit-inline-flex;
		display: -ms-inline-flexbox;
		display: inline-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: 32px auto 14px;
	}
	.showcase_july_event .sc_shop {
		background-image: url(../img/pc/shop_bg.jpg);
		-webkit-background-size: cover;
		        background-size: cover;
		background-repeat: no-repeat;
	}
	.showcase_july_event .sc_shop .title_wrap {
		width: 650px;
		height: 140px;
		margin-bottom: 16px;
	}
	.showcase_july_event .sc_shop .txt_wrap {
		text-align: center;
		margin-bottom: 50px;
	}
	.showcase_july_event .sc_shop .txt_wrap span {
		color: #333;
		font-size: 24px;
		line-height: 1.45;
		font-weight: 700;
		display: inline-block;
		margin: 0 auto 2px;
	}
	.showcase_july_event .sc_shop .txt_wrap p {
		color: #111;
		font-size: 20px;
		line-height: 1.45;
	}
	.showcase_july_event .sc_shop .shop_content,
	.showcase_july_event .sc_shop .slide_content,
	.showcase_july_event .sc_shop .slide_wrap {
		width: 100%;
		min-width: 0;
	}
	.showcase_july_event .sc_shop .slide_content + .slide_content {
		margin-top: 80px;
	}
	.showcase_july_event .sc_shop .shop_content {
		width: 1130px;
	}
	.showcase_july_event .sc_shop .shop_banner {
		width: 980px;
		margin: 0 auto 24px;
	}
	.showcase_july_event .sc_shop .txt_box .top_txt {
		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;
		margin-top: 8px;
		margin-bottom: 4px;
		gap: 13px;
	}
	.showcase_july_event .sc_shop .txt_box .top_txt strong {
		width: 110px;
		color: #111;
		font-size: 14px;
		line-height: 1.28;
		display: block;
		display: -webkit-box;
		overflow: hidden;
		text-overflow: ellipsis;
		/* autoprefixer: ignore next */
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}
	.showcase_july_event .sc_shop .txt_box .top_txt .discount {
		color: #00b4e1;
		font-size: 18px;
		line-height: 1.11;
		font-weight: 700;
	}
	.showcase_july_event .sc_shop .txt_box .bottom_txt .discount_price {
		color: #888;
		line-height: 1.28;
		margin-right: 4px;
		text-decoration: line-through;
		font-size: 14px;
	}
	.showcase_july_event .sc_shop .txt_box .bottom_txt .price {
		color: #111;
		font-size: 16px !important;
		line-height: 1.28;
		font-weight: 700;
	}
	.showcase_july_event .sc_shop .link_wrap {
		text-align: center;
		margin-top: 40px;
	}
	.showcase_july_event .sc_shop .link_wrap a {
		color: #111;
		font-size: 16px;
		line-height: 1.35;
		font-weight: 600;
		padding: 18px 48px;
		border: 1px solid #111;
		display: -webkit-inline-box;
		display: -webkit-inline-flex;
		display: -ms-inline-flexbox;
		display: inline-flex;
		background-color: #fff;
	}
	.showcase_july_event .sc_shop .slide_wrap {
		position: relative;
		overflow: hidden;
	}
	.showcase_july_event .sc_shop .mySwiper1,
	.showcase_july_event .sc_shop .mySwiper2,
	.showcase_july_event .sc_shop .mySwiper3 {
		width: 980px;
		min-width: 0;
		overflow: hidden;
	}
	.showcase_july_event .sc_shop .mySwiper1 .swiper-wrapper,
	.showcase_july_event .sc_shop .mySwiper2 .swiper-wrapper,
	.showcase_july_event .sc_shop .mySwiper3 .swiper-wrapper {
		min-width: 0;
	}
	.showcase_july_event .sc_shop .mySwiper1 .swiper-slide,
	.showcase_july_event .sc_shop .mySwiper2 .swiper-slide,
	.showcase_july_event .sc_shop .mySwiper3 .swiper-slide {
		min-width: 0;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
	}
	.showcase_july_event .sc_shop .mySwiper1 .swiper-slide img,
	.showcase_july_event .sc_shop .mySwiper2 .swiper-slide img,
	.showcase_july_event .sc_shop .mySwiper3 .swiper-slide img {
		display: block;
		width: 100%;
		max-width: 100%;
		height: auto;
	}
	.showcase_july_event .sc_shop .swiper-button-prev {
		background-image: url(../img/pc/btn.png);
		background-repeat: no-repeat;
		-webkit-background-size: contain;
		        background-size: contain;
		-webkit-transform: translateY(-50%) rotate(180deg);
		    -ms-transform: translateY(-50%) rotate(180deg);
		        transform: translateY(-50%) rotate(180deg);
		color: transparent;
		width: 40px;
		height: 40px;
		position: absolute;
		top: 50%;
		left: 0;
	}
	.showcase_july_event .sc_shop .swiper-button-next {
		background-image: url(../img/pc/btn.png);
		background-repeat: no-repeat;
		-webkit-background-size: contain;
		        background-size: contain;
		-webkit-transform: translateY(-50%);
		    -ms-transform: translateY(-50%);
		        transform: translateY(-50%);
		color: transparent;
		width: 40px;
		height: 40px;
		position: absolute;
		top: 50%;
		right: 0;
	}
	.showcase_july_event .sc_lucky {
		padding: 80px 0 100px;
		background: #4bcc57;
	}
	.showcase_july_event .sc_lucky .title_wrap {
		margin: 0 auto 40px;
	}
	.showcase_july_event .en_ver .sc_lucky .title_wrap {
		margin: 0 auto 25px;
	}
	.showcase_july_event .sc_lucky .title_wrap h2 {
		width: 272px;
		margin: 0 auto;
	}
	.showcase_july_event .en_ver .sc_lucky .title_wrap h2 {
		width: 480px;
		margin: 0 auto;
	}
	.showcase_july_event .sc_lucky .content_wrap 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;
		opacity: 0;
		-webkit-transform: translateY(80px);
		    -ms-transform: translateY(80px);
		        transform: translateY(80px);
		-webkit-transition: opacity 0.8s ease, -webkit-transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
		transition: opacity 0.8s ease, -webkit-transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
		transition: opacity 0.8s ease, transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
		transition: opacity 0.8s ease, transform 0.8s cubic-bezier(0.22, 1, 0.36, 1), -webkit-transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
	}
	.showcase_july_event .sc_lucky .content_wrap ul.is_active {
		opacity: 1;
		-webkit-transform: translateY(0);
		    -ms-transform: translateY(0);
		        transform: translateY(0);
	}
	.showcase_july_event .sc_lucky .content_wrap ul li {
		width: 480px;
		height: 370px;
		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;
		background-color: #fff;
	}
	.showcase_july_event .en_ver .sc_lucky .content_wrap ul li {
		width: 580px;
		height: 370px;
		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;
		background-color: #fff;
		border: 1px solid #dcdee0;
		-webkit-border-radius: 1px;
		        border-radius: 1px;
	}
	.showcase_july_event .sc_lucky .content_wrap ul li h3 {
		color: #00b253;
		font-size: 20px;
		font-weight: 700;
		margin-bottom: 10px;
		text-align: center;
	}
	.showcase_july_event .sc_lucky .content_wrap ul li span {
		color: #00b253;
		font-size: 14px;
		line-height: 1.14;
		padding: 5px 8px;
		background: #00b2531a;
		-webkit-border-radius: 2px;
		        border-radius: 2px;
		display: inline-block;
	}
	.showcase_july_event .sc_lucky .content_wrap ul li p {
		color: #a0a0a0;
		font-size: 13px;
		font-weight: 700;
		line-height: 1.3;
		margin-top: 12px;
	}
	.showcase_july_event .sc_lucky .content_wrap ul li:nth-child(1) span {
		margin-bottom: 38px;
	}
	.showcase_july_event .sc_lucky .content_wrap ul li:nth-child(2) span {
		margin-bottom: 34px;
	}
	.showcase_july_event .sc_lucky .content_wrap ul li:nth-child(1) .img_wrap {
		width: 350px;
	}
	.showcase_july_event .en_ver .sc_lucky .content_wrap ul li:nth-child(1) .img_wrap {
		width: 285px;
	}
	.showcase_july_event .sc_lucky .content_wrap ul li:nth-child(2) .img_wrap {
		width: 285px;
	}
	.showcase_july_event .gacha_popup {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: none;
		z-index: 2;
	}
	.showcase_july_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_july_event .gacha_popup[data-result="2nd"] .popup_inner {
		background-image: url(../img/pc/gacha_popup_bg_02.png);
	}
	.showcase_july_event .gacha_popup[data-result="3rd"] .popup_inner {
		background-image: url(../img/pc/gacha_popup_bg_03.png);
	}
	.showcase_july_event .gacha_popup[data-result="4th"] .popup_inner {
		background-image: url(../img/pc/gacha_popup_bg_04.png);
	}
	.showcase_july_event .gacha_popup[data-result="5th"] .popup_inner {
		background-image: url(../img/pc/gacha_popup_bg_05.png);
	}
	.showcase_july_event .gacha_popup[data-result="lose"] .popup_inner {
		background-image: url(../img/pc/gacha_popup_bg_06.png);
	}
	.showcase_july_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;
		text-align: center;
	}
	.showcase_july_event .gacha_popup[data-result="4th"] .result_title {
		padding: 0 122px;
	}
	.showcase_july_event .en_ver .gacha_popup[data-result="4th"] .result_title {
		padding: 0 63px;
	}
	.showcase_july_event .gacha_popup .popup_close {
		width: 40px;
		height: 40px;
		position: absolute;
		top: 14px;
		right: 20px;
		z-index: 2;
	}
	.showcase_july_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_july_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_july_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_july_event .gacha_popup[data-result="1st"] .result_img {
		width: 396px;
		height: 227px;
	}
	.showcase_july_event .gacha_popup[data-result="2nd"] .result_img {
		width: 260px;
		height: 227px;
	}
	.showcase_july_event .gacha_popup[data-result="3rd"] .result_img {
		width: 260px;
		height: 227px;
	}
	.showcase_july_event .gacha_popup[data-result="4th"] .result_img {
		width: 260px;
		height: 227px;
	}
	.showcase_july_event .gacha_popup[data-result="5th"] .result_img {
		width: 260px;
		height: 227px;
	}
	.showcase_july_event .gacha_popup[data-result="6th"] .result_img {
		width: 260px;
		height: 227px;
	}
	.showcase_july_event .gacha_popup[data-result="lose"] .result_img {
		width: 260px;
		height: 227px;
	}
	.showcase_july_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_july_event .gacha_popup .result_img img {
		max-width: 100%;
		max-height: 100%;
		object-fit: contain;
	}
	.showcase_july_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: 24px;
		line-height: 1;
		font-family: "LineSeed", sans-serif;
		-webkit-border-radius: 100px;
		        border-radius: 100px;
		color: #fff;
		padding: 10px 24px;
		font-weight: 700;
	}
	.showcase_july_event .gacha_popup[data-result="1st"] .result_badge {
		background: #3f3f3f;
	}
	.showcase_july_event .gacha_popup[data-result="2nd"] .result_badge {
		background: #bebeb8;
	}
	.showcase_july_event .gacha_popup[data-result="3rd"] .result_badge {
		background: #a590d9;
	}
	.showcase_july_event .gacha_popup[data-result="4th"] .result_badge {
		background: #ffc000;
	}
	.showcase_july_event .gacha_popup[data-result="5th"] .result_badge {
		background: #663527;
	}
	.showcase_july_event .gacha_popup[data-result="lose"] .result_badge {
		background: #ff235a;
	}
	.showcase_july_event .gacha_popup[data-result="1st"] .result_btns .btn_coupon,
	.showcase_july_event .gacha_popup[data-result="2nd"] .result_btns .btn_coupon,
	.showcase_july_event .gacha_popup[data-result="3rd"] .result_btns .btn_coupon,
	.showcase_july_event .gacha_popup[data-result="4th"] .result_btns .btn_coupon {
		display: none;
	}
	.showcase_july_event .gacha_popup[data-result="5th"] .result_btns .btn_primary,
	.showcase_july_event .gacha_popup[data-result="5th"] .result_btns .btn_secondary,
	.showcase_july_event .gacha_popup[data-result="lose"] .result_btns .btn_primary,
	.showcase_july_event .gacha_popup[data-result="lose"] .result_btns .btn_secondary {
		display: none;
	}
	.showcase_july_event .gacha_popup[data-result="5th"] .result_btns .btn_coupon,
	.showcase_july_event .gacha_popup[data-result="lose"] .result_btns .btn_coupon {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}
	.showcase_july_event .swiper-pagination .swiper-pagination-bullet {
		background: #ff2483;
		opacity: 0.3;
		margin: 0 3px;
		width: 8px;
		height: 8px;
	}
	.showcase_july_event .sc_process.section_inner {
		padding: 100px 0 120px;
	}
	.showcase_july_event .process-pagination {
		margin-top: 12px;
		text-align: center;
	}
	.showcase_july_event .swiper_box img {
		border: 1px solid #ebedee;
	}
	.showcase_july_event .sc_process .title_wrap {
		width: auto !important;
		height: auto !important;
		margin-bottom: 10px;
	}
	.showcase_july_event .sc_process h2 {
		color: #111;
		font-size: 32px;
		line-height: 1.35;
		font-weight: 700;
		text-align: center;
	}
	.showcase_july_event .sc_process h3 {
		font-size: 18px;
		line-height: 1.35;
		color: #111;
		margin-bottom: 32px;
		text-align: center;
		font-weight: 400;
	}
	.showcase_july_event .sc_process .txt_p {
		font-size: 16px;
		line-height: 1.35;
		color: #616161;
		text-align: center;
		margin: 10px 0;
	}
	.showcase_july_event .swiper_box {
		width: 800px;
	}
	.showcase_july_event .swiper-pagination {
		z-index: 1;
		top: auto;
		bottom: -25px;
	}
	.showcase_july_event .sc_banner {
		display: none;
	}
	.showcase_july_event .sc_banner.on {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}
	.showcase_july_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_july_event .sc_banner .txt_wrap h3 {
		font-weight: 700;
		line-height: 1.35;
		font-size: 24px;
		margin-bottom: 12px;
		color: #fff;
	}
	.showcase_july_event .sc_banner .txt_wrap p {
		color: #fff;
		line-height: 1.35;
		font-size: 15px;
	}
	.showcase_july_event .sc_notice {
		background: #ebedee;
	}
	.showcase_july_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_july_event .sc_notice h3 {
		font-weight: 700;
		line-height: 1.44;
		font-size: 18px;
		color: #3f3f3f;
		margin-bottom: 10px;
	}
	.showcase_july_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_july_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_july_event .sc_notice ul li i {
		font-size: 14px;
		color: #3f3f3f;
		position: absolute;
		top: 0;
		left: 0;
	}
	.showcase_july_event .sc_notice ul li p {
		line-height: 1.5;
		font-size: 14px;
		color: #3f3f3f;
		padding-left: 15px;
	}
	.showcase_july_event .attendance_popup {
		position: relative;
		width: 100%;
		height: 100vh;
		position: fixed;
		top: 0;
		left: 0;
		display: none;
	}
	.showcase_july_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_july_event .attendance_popup .popup_inner {
		background-image: url(../img/pc/attendance_bg.jpg);
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		        background-size: cover;
		background-position: center;
		padding-top: 94px;
		width: 1500px;
		height: 1252px;
		z-index: 1;
		position: relative;
	}
	.showcase_july_event .attendance_popup .popup_close {
		width: 40px;
		height: 40px;
		position: absolute;
		top: 32px;
		right: 32px;
	}
	.showcase_july_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_july_event .attendance_popup .popup_inner .top_txt_box .em_img {
		width: 94px;
		height: 40px;
		margin-bottom: 14px;
	}
	.showcase_july_event .attendance_popup .popup_inner .top_txt_box .title_wrap {
		width: 465px;
		height: 49px;
		margin-bottom: 21px;
	}
	.showcase_july_event .en_ver .attendance_popup .popup_inner .top_txt_box .title_wrap {
		width: 858px;
		height: 39px;
	}
	.showcase_july_event .attendance_popup .popup_inner .top_txt_box .txt_wrap {
		margin-bottom: 32px;
	}
	.showcase_july_event .attendance_popup .popup_inner .top_txt_box .txt_wrap p {
		color: #111;
		line-height: 1;
		font-size: 20px;
	}
	.showcase_july_event .attendance_popup .popup_inner .top_txt_box .txt_wrap .days {
		color: #111;
		font-weight: 700;
	}
	.showcase_july_event .attendance_popup .calender_btn {
		margin-bottom: 50px;
	}
	.showcase_july_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_july_event .attendance_actions [data-action="confirm_attendance"][data-state="done_today"],
	.showcase_july_event .attendance_actions [data-action="confirm_attendance"][data-state="completed"] {
		color: #a0a0a0;
		pointer-events: none;
		cursor: default;
	}
	.showcase_july_event .attendance_popup .popup_body {
		height: 100%;
	}
	.showcase_july_event .attendance_popup .popup_body .img_wrap {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.showcase_july_event .attendance_popup .popup_body .img_wrap img {
		width: 63px;
		height: 63px;
		position: absolute;
	}
	.showcase_july_event .attendance_popup .popup_body .img_wrap img:nth-child(1) {
		top: 511px;
		right: 30px;
	}
	.showcase_july_event .attendance_popup .popup_body .img_wrap img:nth-child(2) {
		top: 940px;
		left: 65px;
	}
	.showcase_july_event .attendance_popup .attendance_days {
		pointer-events: none;
		position: relative;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-align-content: flex-start;
		    -ms-flex-line-pack: start;
		        align-content: flex-start;
		-webkit-column-gap: 32px;
		        column-gap: 32px;
		row-gap: 40px;
		padding: 0 50px;
	}
	.showcase_july_event .attendance_popup .attendance_days::after {
		content: "";
		position: absolute;
		top: 82px;
		left: 164px;
		background-image: url(../img/pc/cal_line.png);
		background-repeat: no-repeat;
		-webkit-background-size: contain;
		        background-size: contain;
		width: 1318px;
		height: 714px;
		z-index: -1;
	}
	.showcase_july_event .attendance_days .day_item {
		position: relative;
	}
	.showcase_july_event .attendance_days .day_item .day_img {
		position: absolute;
		z-index: 1;
	}
	.showcase_july_event .attendance_days .day_item .day_circle {
		width: 185px;
		height: 185px;
	}
	.showcase_july_event .attendance_days .day_item.day_9 {
		-webkit-box-ordinal-group: 2;
		-webkit-order: 1;
		    -ms-flex-order: 1;
		        order: 1;
	}
	.showcase_july_event .attendance_days .day_item.day_10 {
		-webkit-box-ordinal-group: 3;
		-webkit-order: 2;
		    -ms-flex-order: 2;
		        order: 2;
	}
	.showcase_july_event .attendance_days .day_item.day_11 {
		-webkit-box-ordinal-group: 4;
		-webkit-order: 3;
		    -ms-flex-order: 3;
		        order: 3;
	}
	.showcase_july_event .attendance_days .day_item.day_12 {
		-webkit-box-ordinal-group: 5;
		-webkit-order: 4;
		    -ms-flex-order: 4;
		        order: 4;
	}
	.showcase_july_event .attendance_days .day_item.day_13 {
		-webkit-box-ordinal-group: 6;
		-webkit-order: 5;
		    -ms-flex-order: 5;
		        order: 5;
	}
	.showcase_july_event .attendance_days .day_item.day_14 {
		-webkit-box-ordinal-group: 7;
		-webkit-order: 6;
		    -ms-flex-order: 6;
		        order: 6;
	}
	.showcase_july_event .attendance_days .day_item.day_19 {
		-webkit-box-ordinal-group: 8;
		-webkit-order: 7;
		    -ms-flex-order: 7;
		        order: 7;
		margin-left: 97px;
	}
	.showcase_july_event .attendance_days .day_item.day_18 {
		-webkit-box-ordinal-group: 9;
		-webkit-order: 8;
		    -ms-flex-order: 8;
		        order: 8;
	}
	.showcase_july_event .attendance_days .day_item.day_17 {
		-webkit-box-ordinal-group: 10;
		-webkit-order: 9;
		    -ms-flex-order: 9;
		        order: 9;
	}
	.showcase_july_event .attendance_days .day_item.day_16 {
		-webkit-box-ordinal-group: 11;
		-webkit-order: 10;
		    -ms-flex-order: 10;
		        order: 10;
	}
	.showcase_july_event .attendance_days .day_item.day_15 {
		-webkit-box-ordinal-group: 12;
		-webkit-order: 11;
		    -ms-flex-order: 11;
		        order: 11;
		margin-right: 115px;
	}
	.showcase_july_event .attendance_days .day_item.day_20 {
		-webkit-box-ordinal-group: 13;
		-webkit-order: 12;
		    -ms-flex-order: 12;
		        order: 12;
	}
	.showcase_july_event .attendance_days .day_item.day_21 {
		-webkit-box-ordinal-group: 14;
		-webkit-order: 13;
		    -ms-flex-order: 13;
		        order: 13;
	}
	.showcase_july_event .attendance_days .day_item.day_22 {
		-webkit-box-ordinal-group: 15;
		-webkit-order: 14;
		    -ms-flex-order: 14;
		        order: 14;
	}
	.showcase_july_event .attendance_days .day_item.day_23 {
		-webkit-box-ordinal-group: 16;
		-webkit-order: 15;
		    -ms-flex-order: 15;
		        order: 15;
	}
	.showcase_july_event .attendance_days .day_item.day_24 {
		-webkit-box-ordinal-group: 17;
		-webkit-order: 16;
		    -ms-flex-order: 16;
		        order: 16;
	}
	.showcase_july_event .attendance_days .day_item.day_25 {
		-webkit-box-ordinal-group: 18;
		-webkit-order: 17;
		    -ms-flex-order: 17;
		        order: 17;
	}
	.showcase_july_event .attendance_days .day_item.day_31 {
		-webkit-box-ordinal-group: 19;
		-webkit-order: 18;
		    -ms-flex-order: 18;
		        order: 18;
	}
	.showcase_july_event .attendance_days .day_item.day_30 {
		-webkit-box-ordinal-group: 20;
		-webkit-order: 19;
		    -ms-flex-order: 19;
		        order: 19;
	}
	.showcase_july_event .attendance_days .day_item.day_29 {
		-webkit-box-ordinal-group: 21;
		-webkit-order: 20;
		    -ms-flex-order: 20;
		        order: 20;
	}
	.showcase_july_event .attendance_days .day_item.day_28 {
		-webkit-box-ordinal-group: 22;
		-webkit-order: 21;
		    -ms-flex-order: 21;
		        order: 21;
	}
	.showcase_july_event .attendance_days .day_item.day_27 {
		-webkit-box-ordinal-group: 23;
		-webkit-order: 22;
		    -ms-flex-order: 22;
		        order: 22;
	}
	.showcase_july_event .attendance_days .day_item.day_26 {
		-webkit-box-ordinal-group: 24;
		-webkit-order: 23;
		    -ms-flex-order: 23;
		        order: 23;
	}
	.showcase_july_event .attendance_days .day_item .day_circle::before {
		width: 35px;
		height: 35px;
		position: absolute;
		top: 15px;
		left: 5px;
		content: "";
		-webkit-background-size: contain;
		        background-size: contain;
		background-repeat: no-repeat;
	}
	.showcase_july_event .attendance_days .day_item.day_9 .day_img {
		width: 105px;
		height: 88px;
		top: 48px;
		left: 40px;
	}
	.showcase_july_event .attendance_days .day_item.day_9 .day_circle::before {
		background-image: url(../img/pc/day_9_before.png);
	}
	.showcase_july_event .attendance_days .day_item.day_9[data-state="done"] .day_circle::before {
		background-image: url(../img/pc/day_9_before_on.png);
	}
	.showcase_july_event .attendance_days .day_item.day_10 .day_img {
		width: 115px;
		height: 49px;
		top: 68px;
		left: 35px;
	}
	.showcase_july_event .attendance_days .day_item.day_10 .day_circle::before {
		background-image: url(../img/pc/day_10_before.png);
	}
	.showcase_july_event .attendance_days .day_item.day_10[data-state="done"] .day_circle::before {
		background-image: url(../img/pc/day_10_before_on.png);
	}
	.showcase_july_event .attendance_days .day_item.day_11 .day_img {
		width: 78px;
		height: 86px;
		top: 49px;
		left: 53px;
	}
	.showcase_july_event .attendance_days .day_item.day_11 .day_circle::before {
		background-image: url(../img/pc/day_11_before.png);
	}
	.showcase_july_event .attendance_days .day_item.day_11[data-state="done"] .day_circle::before {
		background-image: url(../img/pc/day_11_before_on.png);
	}
	.showcase_july_event .attendance_days .day_item.day_12 .day_img {
		width: 152px;
		height: 78px;
		top: 53px;
		left: 16px;
	}
	.showcase_july_event .attendance_days .day_item.day_12 .day_circle::before {
		background-image: url(../img/pc/day_12_before.png);
	}
	.showcase_july_event .attendance_days .day_item.day_12[data-state="done"] .day_circle::before {
		background-image: url(../img/pc/day_12_before_on.png);
	}
	.showcase_july_event .attendance_days .day_item.day_13 .day_img {
		width: 57px;
		height: 111px;
		top: 37px;
		left: 64px;
	}
	.showcase_july_event .attendance_days .day_item.day_13 .day_circle::before {
		background-image: url(../img/pc/day_13_before.png);
	}
	.showcase_july_event .attendance_days .day_item.day_13[data-state="done"] .day_circle::before {
		background-image: url(../img/pc/day_13_before_on.png);
	}
	.showcase_july_event .attendance_days .day_item.day_14 .day_img {
		width: 108px;
		height: 79px;
		top: 53px;
		left: 38px;
	}
	.showcase_july_event .attendance_days .day_item.day_14 .day_circle::before {
		background-image: url(../img/pc/day_14_before.png);
	}
	.showcase_july_event .attendance_days .day_item.day_14[data-state="done"] .day_circle::before {
		background-image: url(../img/pc/day_14_before_on.png);
	}
	.showcase_july_event .attendance_days .day_item.day_19 .day_img {
		width: 60px;
		height: 109px;
		top: 38px;
		left: 63px;
	}
	.showcase_july_event .attendance_days .day_item.day_19 .day_circle::before {
		background-image: url(../img/pc/day_19_before.png);
	}
	.showcase_july_event .attendance_days .day_item.day_19[data-state="done"] .day_circle::before {
		background-image: url(../img/pc/day_19_before_on.png);
	}
	.showcase_july_event .attendance_days .day_item.day_18 .day_img {
		width: 65px;
		height: 89px;
		top: 48px;
		left: 60px;
	}
	.showcase_july_event .attendance_days .day_item.day_18 .day_circle::before {
		background-image: url(../img/pc/day_18_before.png);
	}
	.showcase_july_event .attendance_days .day_item.day_18[data-state="done"] .day_circle::before {
		background-image: url(../img/pc/day_18_before_on.png);
	}
	.showcase_july_event .attendance_days .day_item.day_17 .day_img {
		width: 89px;
		height: 84px;
		top: 50px;
		left: 47px;
	}
	.showcase_july_event .attendance_days .day_item.day_17 .day_circle::before {
		background-image: url(../img/pc/day_17_before.png);
	}
	.showcase_july_event .attendance_days .day_item.day_17[data-state="done"] .day_circle::before {
		background-image: url(../img/pc/day_17_before_on.png);
	}
	.showcase_july_event .attendance_days .day_item.day_16 .day_img {
		width: 99px;
		height: 135px;
		top: 25px;
		left: 43px;
	}
	.showcase_july_event .attendance_days .day_item.day_16 .day_circle::before {
		background-image: url(../img/pc/day_16_before.png);
	}
	.showcase_july_event .attendance_days .day_item.day_16[data-state="done"] .day_circle::before {
		background-image: url(../img/pc/day_16_before_on.png);
	}
	.showcase_july_event .attendance_days .day_item.day_15 .day_img {
		width: 102px;
		height: 103px;
		top: 41px;
		left: 41px;
	}
	.showcase_july_event .attendance_days .day_item.day_15 .day_circle::before {
		background-image: url(../img/pc/day_15_before.png);
	}
	.showcase_july_event .attendance_days .day_item.day_15[data-state="done"] .day_circle::before {
		background-image: url(../img/pc/day_15_before_on.png);
	}
	.showcase_july_event .attendance_days .day_item.day_20 .day_img {
		width: 94px;
		height: 97px;
		top: 44px;
		left: 45px;
	}
	.showcase_july_event .attendance_days .day_item.day_20 .day_circle::before {
		background-image: url(../img/pc/day_20_before.png);
	}
	.showcase_july_event .attendance_days .day_item.day_20[data-state="done"] .day_circle::before {
		background-image: url(../img/pc/day_20_before_on.png);
	}
	.showcase_july_event .attendance_days .day_item.day_21 .day_img {
		width: 99px;
		height: 105px;
		top: 40px;
		left: 43px;
	}
	.showcase_july_event .attendance_days .day_item.day_21 .day_circle::before {
		background-image: url(../img/pc/day_21_before.png);
	}
	.showcase_july_event .attendance_days .day_item.day_21[data-state="done"] .day_circle::before {
		background-image: url(../img/pc/day_21_before_on.png);
	}
	.showcase_july_event .attendance_days .day_item.day_22 .day_img {
		width: 145px;
		height: 83px;
		top: 51px;
		left: 20px;
	}
	.showcase_july_event .attendance_days .day_item.day_22 .day_circle::before {
		background-image: url(../img/pc/day_22_before.png);
	}
	.showcase_july_event .attendance_days .day_item.day_22[data-state="done"] .day_circle::before {
		background-image: url(../img/pc/day_22_before_on.png);
	}
	.showcase_july_event .attendance_days .day_item.day_23 .day_img {
		width: 97px;
		height: 95px;
		top: 45px;
		left: 44px;
	}
	.showcase_july_event .attendance_days .day_item.day_23 .day_circle::before {
		background-image: url(../img/pc/day_23_before.png);
	}
	.showcase_july_event .attendance_days .day_item.day_23[data-state="done"] .day_circle::before {
		background-image: url(../img/pc/day_23_before_on.png);
	}
	.showcase_july_event .attendance_days .day_item.day_24 .day_img {
		width: 128px;
		height: 124px;
		top: 30px;
		left: 28px;
	}
	.showcase_july_event .attendance_days .day_item.day_24 .day_circle::before {
		background-image: url(../img/pc/day_24_before.png);
	}
	.showcase_july_event .attendance_days .day_item.day_24[data-state="done"] .day_circle::before {
		background-image: url(../img/pc/day_24_before_on.png);
	}
	.showcase_july_event .attendance_days .day_item.day_25 .day_img {
		width: 93px;
		height: 91px;
		top: 47px;
		left: 46px;
	}
	.showcase_july_event .attendance_days .day_item.day_25 .day_circle::before {
		background-image: url(../img/pc/day_25_before.png);
	}
	.showcase_july_event .attendance_days .day_item.day_25[data-state="done"] .day_circle::before {
		background-image: url(../img/pc/day_25_before_on.png);
	}
	.showcase_july_event .attendance_days .day_item.day_26 .day_img {
		width: 111px;
		height: 116px;
		top: 34px;
		left: 37px;
	}
	.showcase_july_event .attendance_days .day_item.day_26 .day_circle::before {
		background-image: url(../img/pc/day_26_before.png);
	}
	.showcase_july_event .attendance_days .day_item.day_26[data-state="done"] .day_circle::before {
		background-image: url(../img/pc/day_26_before_on.png);
	}
	.showcase_july_event .attendance_days .day_item.day_27 .day_img {
		width: 120px;
		height: 121px;
		top: 32px;
		left: 32px;
	}
	.showcase_july_event .attendance_days .day_item.day_27 .day_circle::before {
		background-image: url(../img/pc/day_27_before.png);
	}
	.showcase_july_event .attendance_days .day_item.day_27[data-state="done"] .day_circle::before {
		background-image: url(../img/pc/day_27_before_on.png);
	}
	.showcase_july_event .attendance_days .day_item.day_28 .day_img {
		width: 113px;
		height: 65px;
		top: 60px;
		left: 36px;
	}
	.showcase_july_event .attendance_days .day_item.day_28 .day_circle::before {
		background-image: url(../img/pc/day_28_before.png);
	}
	.showcase_july_event .attendance_days .day_item.day_28[data-state="done"] .day_circle::before {
		background-image: url(../img/pc/day_28_before_on.png);
	}
	.showcase_july_event .attendance_days .day_item.day_29 .day_img {
		width: 80px;
		height: 98px;
		top: 49px;
		left: 52px;
	}
	.showcase_july_event .attendance_days .day_item.day_29 .day_circle::before {
		background-image: url(../img/pc/day_29_before.png);
	}
	.showcase_july_event .attendance_days .day_item.day_29[data-state="done"] .day_circle::before {
		background-image: url(../img/pc/day_29_before_on.png);
	}
	.showcase_july_event .attendance_days .day_item.day_30 .day_img {
		width: 153px;
		height: 92px;
		top: 52px;
		left: 16px;
	}
	.showcase_july_event .attendance_days .day_item.day_30 .day_circle::before {
		background-image: url(../img/pc/day_30_before.png);
	}
	.showcase_july_event .attendance_days .day_item.day_30[data-state="done"] .day_circle::before {
		background-image: url(../img/pc/day_30_before_on.png);
	}
	.showcase_july_event .attendance_days .day_item.day_31 .day_img {
		width: 117px;
		height: 118px;
		top: 33px;
		left: 34px;
	}
	.showcase_july_event .attendance_days .day_item.day_31 .day_circle::before {
		background-image: url(../img/pc/day_31_before.png);
	}
	.showcase_july_event .attendance_days .day_item.day_31[data-state="done"] .day_circle::before {
		background-image: url(../img/pc/day_31_before_on.png);
	}
	.showcase_july_event .attendance_popup .attendance_days li .days {
		text-align: center;
		margin-top: 16px;
	}
	.showcase_july_event .attendance_popup .attendance_days li span {
		background: #c8cacc;
		color: #fff;
		font-size: 14px;
		line-height: 1;
		font-weight: 700;
		-webkit-border-radius: 4px;
		        border-radius: 4px;
		display: -webkit-inline-box;
		display: -webkit-inline-flex;
		display: -ms-inline-flexbox;
		display: inline-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: 8px 14px;
	}
	.showcase_july_event .attendance_popup .attendance_days .day_item[data-state="done"] .days span {
		background: #86c150;
	}
	.showcase_july_event .redeem_popup {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: none;
	}
	.showcase_july_event .redeem_popup.on {
		display: block;
	}
	.showcase_july_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_july_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_july_event .redeem_popup .popup_title {
		color: #111;
		line-height: 1.11;
		font-size: 18px;
		font-weight: 700;
		margin-bottom: 8px;
	}
	.showcase_july_event .redeem_popup .popup_desc {
		line-height: 1.4;
		color: #111;
		font-size: 15px;
		padding: 0 52px;
		text-align: center;
		margin-bottom: 20px;
	}
	.showcase_july_event .redeem_popup .popup_btns {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		gap: 8px;
	}
	.showcase_july_event .redeem_popup .popup_btns button,
	.showcase_july_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_july_event .redeem_popup .popup_btns .btn_secondary {
		background-color: #fff;
		color: #111;
	}
	.showcase_july_event .redeem_popup .popup_btns .btn_primary {
		background-color: #000;
		color: #fff;
	}
}

@media screen and (max-width: 990px) {
	.showcase_july_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 공통 비활성 */
		/* sc_shop */
		/* sc_lucky */
		/*gacha_popup*/
		/* 꽝일 때 결과 버튼 영역 숨김 */
		/*sc_process*/
		/*sc_banner*/
		/*sc_notice*/
		/*캘린더 팝업*/
		/* 오늘 출석 완료 + 전체 완료: 회색 + 클릭 불가 */
		/*이미지 포지션*/
		/*이미지 크기 및 포지션*/
		/**/
		/*이미지 오파시티*/
		/* 기본: 전부 흐림 */
		/* 발급 완료 팝업 */
	}
	.showcase_july_event .tx77 {
		font-size: 3.47vw;
		line-height: 1.25;
		font-weight: 700;
	}
	.showcase_july_event .pc_only {
		display: none !important;
	}
	.showcase_july_event .mo_only {
		display: block !important;
	}
	.showcase_july_event .etc_span {
		font-size: 3.73vw;
	}
	.showcase_july_event .sticky_wrap {
		position: relative;
		z-index: 2;
	}
	.showcase_july_event .line_wrap.pc {
		display: none;
	}
	.showcase_july_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_july_event .sticky_wrap.type_fixed .line_wrap.mo {
		position: fixed;
	}
	.showcase_july_event .line_wrap.mo .line_btn {
		width: 9.87vw;
		height: 9.87vw;
		cursor: pointer;
		position: relative;
		z-index: 3;
	}
	.showcase_july_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_july_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_july_event .line_wrap.mo .toggle_panel {
		overflow: hidden;
		height: 0;
		/* JS에서 조절 */
		margin-top: 2.67vw;
		position: relative;
		z-index: 1;
	}
	.showcase_july_event .line_wrap.mo .coin_box,
	.showcase_july_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_july_event .line_wrap.mo .coin_box {
		padding: 0 5.07vw;
	}
	.showcase_july_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_july_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_july_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_july_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_july_event .line_wrap.mo .coin_icon {
		width: 5.33vw;
		height: auto;
	}
	.showcase_july_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_july_event .line_wrap.mo .coupon_box {
		text-decoration: none;
		color: #111;
	}
	.showcase_july_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_july_event .gacha_particles {
		width: 200%;
		height: 300%;
	}
	.showcase_july_event .title_wrap {
		width: 82.93vw;
		height: 18.67vw;
		margin-bottom: 3.73vw;
	}
	.showcase_july_event .txt_wrap {
		margin-bottom: 8.53vw;
	}
	.showcase_july_event .txt_wrap p {
		font-size: 4.8vw;
		line-height: 1.45;
		text-align: center;
	}
	.showcase_july_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_july_event .dimmed_wrap {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		background: rgba(0, 0, 0, 0.5);
		z-index: -1;
	}
	.showcase_july_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: 215.2vw;
		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: 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;
		padding-top: 33.07vw;
	}
	.showcase_july_event .sc_main .char_wrap {
		width: 94.4vw;
		position: absolute;
		bottom: 31.2vw;
		left: 50%;
		-webkit-transform: translateX(-50%);
		    -ms-transform: translateX(-50%);
		        transform: translateX(-50%);
	}
	.showcase_july_event .sc_main .main_title {
		width: 99.2vw;
		height: 48.53vw;
		margin-bottom: 0;
	}
	.showcase_july_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_july_event .sc_main .main_txt_wrap p:nth-child(1) {
		width: 57.07vw;
		height: 4.8vw;
		margin-bottom: 6.4vw;
	}
	.showcase_july_event .sc_main .main_txt_wrap p:nth-child(2) {
		width: 64.8vw;
		height: 11.73vw;
		position: relative;
	}
	.showcase_july_event .sc_main .main_txt_02.is_active img {
		position: absolute;
		top: 0;
		left: 0;
	}
	.showcase_july_event .sc_main .main_txt_wrap p:nth-child(3) {
		font-size: 5.87vw;
		line-height: 1;
		font-weight: 300;
		margin-bottom: 2.13vw;
		color: #111;
	}
	.showcase_july_event .sc_main .main_txt_wrap p:nth-child(4) {
		text-align: center;
		font-size: 4.27vw;
		line-height: 1.45;
		color: #111;
	}
	.showcase_july_event .sc_main .img_wrap {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
		/* 양옆 잘리게 */
	}
	.showcase_july_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_july_event .sc_main .img_wrap img {
		position: absolute;
	}
	.showcase_july_event .sc_main .main_img_gif_01 {
		width: 26.67vw;
		height: 26.67vw;
		top: 22.93vw;
		left: 4.53vw;
	}
	.showcase_july_event .sc_main .main_img_gif_02 {
		width: 26.67vw;
		height: 26.67vw;
		top: 135.58vw;
		left: 71.47vw;
	}
	.showcase_july_event .sc_main .main_img_gif_03 {
		width: 5.73vw;
		height: 5.73vw;
		top: 14.27vw;
		left: 68.75vw;
	}
	.showcase_july_event .sc_main .main_img_01 {
		left: auto;
		width: 2.93vw;
		height: 2.93vw;
		top: 29.87vw;
		right: 28.8vw;
	}
	.showcase_july_event .sc_main .main_img_02 {
		width: 4.8vw;
		height: 4.8vw;
		top: 136.53vw;
		left: auto;
		right: 5.07vw;
	}
	.showcase_july_event .sc_main .main_img_03 {
		display: none;
	}
	.showcase_july_event .sc_main .main_img_04 {
		width: 13.07vw;
		height: 17.33vw;
		top: 30.13vw;
		left: 8.8vw;
	}
	.showcase_july_event .sc_main .main_img_05 {
		display: none;
	}
	.showcase_july_event .sc_main .main_img_06 {
		width: 4.27vw;
		height: 4.27vw;
		top: 27.2vw;
		left: 25.33vw;
	}
	.showcase_july_event .sc_main .main_img_07 {
		width: 9.07vw;
		height: 8.8vw;
		top: 37.87vw;
		left: auto;
		right: 8.27vw;
	}
	.showcase_july_event .sc_main .main_img_08 {
		left: auto;
		width: 12.27vw;
		height: 15.73vw;
		top: 144.27vw;
		right: 10.13vw;
	}
	.showcase_july_event .sc_main .main_txt {
		cursor: pointer;
	}
	.showcase_july_event .sc_main .main_txt .txt_default {
		opacity: 1;
	}
	.showcase_july_event .sc_main .main_txt_01 .txt_default {
		width: 49.6vw;
		height: auto;
		position: absolute;
		top: 0;
		left: 50%;
		-webkit-transform: translateX(-50%);
		    -ms-transform: translateX(-50%);
		        transform: translateX(-50%);
	}
	.showcase_july_event .sc_main .main_txt_01 .txt_hover {
		width: 57.07vw;
		height: auto;
		position: absolute;
		top: 0;
		left: 50%;
		-webkit-transform: translateX(-50%);
		    -ms-transform: translateX(-50%);
		        transform: translateX(-50%);
	}
	.showcase_july_event .sc_main .main_txt_01 .txt_default img,
	.showcase_july_event .sc_main .main_txt_01 .txt_hover img {
		height: 100%;
		object-fit: contain;
	}
	.showcase_july_event .sc_main .main_txt .txt_hover {
		opacity: 0;
	}
	.showcase_july_event .sc_main .main_txt.is_active .txt_default {
		opacity: 0;
	}
	.showcase_july_event .sc_main .main_txt.is_active .txt_hover {
		opacity: 1;
	}
	.showcase_july_event .sc_coin {
		background: #ffe24f;
		position: relative;
		height: 164.53vw;
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
	}
	.showcase_july_event .sc_coin.section_inner {
		padding: 26.67vw 0;
	}
	.showcase_july_event .sc_coin .title_wrap {
		width: 72.53vw;
		height: 20.8vw;
	}
	.showcase_july_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_july_event .sc_coin .status_profile {
		width: 29.33vw;
		height: 32vw;
		margin-right: 3.73vw;
	}
	.showcase_july_event .sc_coin .status_available span {
		font-size: 5.33vw;
		font-weight: 800;
		line-height: 1;
		font-family: "DaeguBukseongro";
		color: #ff772e;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		margin-bottom: 1.87vw;
	}
	.showcase_july_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_july_event .sc_coin .coin_wrap img {
		width: 14.93vw;
		height: 14.93vw;
	}
	.showcase_july_event .sc_coin .coin_wrap .coin_number {
		font-family: "DaeguBukseongro";
		font-size: 10.67vw;
		font-weight: 800;
		line-height: 1;
		color: #ff772e;
		margin-left: 1.07vw;
	}
	.showcase_july_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: 27vw;
		left: 50%;
		-webkit-transform: translateX(-50%);
		    -ms-transform: translateX(-50%);
		        transform: translateX(-50%);
	}
	.showcase_july_event .sc_coin .btn_wrap a,
	.showcase_july_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_july_event .sc_coin .btn_logged_out {
		margin: 0 auto;
	}
	.showcase_july_event .sc_coin .btn_logged_out a {
		width: 74.67vw;
		height: 14.93vw;
	}
	.showcase_july_event .january_event_container[data-auth="in"] .sc_coin .btn_logged_out {
		display: none;
	}
	.showcase_july_event .january_event_container[data-auth="out"] .sc_coin .txt_wrap {
		display: none;
	}
	.showcase_july_event .january_event_container[data-auth="out"] .sc_coin .status_profile,
	.showcase_july_event .january_event_container[data-auth="out"] .sc_coin .status_available,
	.showcase_july_event .january_event_container[data-auth="out"] .sc_coin .btn_logged_in {
		display: none;
	}
	.showcase_july_event .january_event_container[data-auth="out"] .sc_coin .btn_logged_out {
		display: block;
		/* 기존 btn_wrap 레이아웃에 맞게 block/flex 중 선택 */
	}
	.showcase_july_event .history_empty {
		display: none;
	}
	.showcase_july_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_july_event .history_empty .empty_wrap .empty_text {
		font-size: 4.27vw;
		line-height: 1;
		font-weight: 700;
	}
	.showcase_july_event .coin_popup {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: none;
	}
	.showcase_july_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_july_event .coin_popup .popup_content {
		width: 100%;
		position: relative;
	}
	.showcase_july_event .coin_popup .popup_panel {
		width: 100%;
		position: relative;
	}
	.showcase_july_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_july_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_july_event .coin_popup .scroll_thumb.is-dragging {
		-webkit-transition: none;
		transition: none;
	}
	.showcase_july_event .coin_popup .scroll_thumb:active {
		cursor: grabbing;
	}
	.showcase_july_event .coin_popup .popup_close {
		width: 5.33vw;
		height: 5.33vw;
		position: absolute;
		top: 3.2vw;
		right: 3.2vw;
	}
	.showcase_july_event .coin_popup .popup_header {
		padding-bottom: 4.27vw;
		border-bottom: 0.53vw solid #000;
	}
	.showcase_july_event .coin_popup .popup_header p {
		font-size: 6.4vw;
		line-height: 1;
		font-weight: 700;
		color: #111;
		text-align: center;
	}
	.showcase_july_event .coin_popup .history_table {
		width: 100%;
		table-layout: fixed;
		border-collapse: collapse;
	}
	.showcase_july_event .coin_popup .history_table col.col_info {
		width: 60%;
	}
	.showcase_july_event .coin_popup .history_table col.col_date {
		width: 28%;
	}
	.showcase_july_event .coin_popup .history_table col.col_coin {
		width: 12%;
	}
	.showcase_july_event .coin_popup .history_table--head thead {
		border-bottom: 0.27vw solid #ebedee;
	}
	.showcase_july_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_july_event .coin_popup .history_scroll {
		max-height: 95.2vw;
		overflow-y: auto;
		scrollbar-gutter: stable;
		overflow-x: hidden;
		scrollbar-width: none;
	}
	.showcase_july_event .coin_popup .history_scroll::-webkit-scrollbar {
		width: 0;
		height: 0;
	}
	.showcase_july_event .coin_popup .history_table--body .history_row {
		border-bottom: 0.27vw solid #ebedee;
	}
	.showcase_july_event .coin_popup .history_table--body td {
		overflow: hidden;
	}
	.showcase_july_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_july_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_july_event .coin_popup .history_table--body .td_info .item_img img {
		width: 100%;
		height: 100%;
		display: block;
	}
	.showcase_july_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_july_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_july_event .coin_popup .history_table--body .td_info .item_text .item_badge.type_gacha {
		color: #7c3eee;
		background: #7c3eee26;
	}
	.showcase_july_event .coin_popup .history_table--body .td_info .item_text .item_badge.type_exchange {
		color: #ff7700;
		background: #ff770026;
	}
	.showcase_july_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_july_event .coin_popup .history_table--body .td_date,
	.showcase_july_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_july_event .coin_popup .history_table--body tbody tr:last-child {
		border-bottom: 0;
	}
	.showcase_july_event .sc_mission {
		background: #4bcc57;
	}
	.showcase_july_event .sc_mission .title_wrap {
		width: 52.27vw;
		height: 7.47vw;
		margin-bottom: 5.33vw;
	}
	.showcase_july_event .sc_mission .mission_content {
		background-image: url(../img/mo/mission_content_bg_2.png);
		background-repeat: no-repeat;
		width: 89.33vw;
		height: 433.6vw;
		-webkit-background-size: contain;
		        background-size: contain;
		padding: 8.53vw 0 8.53vw 7vw;
	}
	.showcase_july_event .en_ver .sc_mission .mission_content {
		background-image: url(../img/mo/mission_content_bg_2_en.png);
		width: 87.33vw;
		height: 440.33vw;
	}
	.showcase_july_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_july_event .sc_mission .mission_content ul + ul {
		margin-top: 10.67vw;
	}
	.showcase_july_event .sc_mission .mission_content ul li + li {
		margin-top: 10.67vw;
	}
	.showcase_july_event .sc_mission .mission_content .mission_bonus li + li {
		margin-top: 9.67vw;
	}
	.showcase_july_event .sc_mission .mission_content .mission_bonus li:last-child {
		margin-top: 7.67vw;
	}
	.showcase_july_event .sc_mission .mission_content .mission_bonus li:nth-child(3):before {
		bottom: -2.33vw;
	}
	.showcase_july_event .sc_mission .mission_content .mission_ul::after {
		display: none;
	}
	.showcase_july_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_july_event .sc_mission .mission_content ul li::before {
		content: "";
		width: 73.33vw;
		height: 0.27vw;
		background-color: #f0f2f4;
		position: absolute;
		bottom: -5.33vw;
		left: 0;
	}
	.showcase_july_event .sc_mission .mission_content .mission_bonus li:last-child::before {
		display: none;
	}
	.showcase_july_event .sc_mission .mission_content .img_wrap {
		position: absolute;
		top: 0;
		left: 0;
		width: 16vw;
		height: 16vw;
		margin-right: 0;
	}
	.showcase_july_event .sc_mission .mission_content .txt_box .mission_number {
		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: start;
		-webkit-align-items: flex-start;
		    -ms-flex-align: start;
		        align-items: flex-start;
		gap: 0.27vw;
		padding-left: 19.73vw;
		padding-top: 2.67vw;
		padding-bottom: 4.27vw;
	}
	.showcase_july_event .en_ver .sc_mission .mission_content .txt_box .mission_number {
		padding-top: 0;
	}
	.showcase_july_event .sc_mission .mission_content .txt_box .mission_number span {
		display: block;
		margin-right: 0;
	}
	.showcase_july_event .sc_mission .mission_content .mission_ul .txt_box .mission_number span {
		width: 24.8vw;
		height: 6.13vw;
	}
	.showcase_july_event .sc_mission .mission_content .mission_ul .txt_box.mission2 .mission_number span,
	.showcase_july_event .sc_mission .mission_content .mission_ul .txt_box.mission3 .mission_number span {
		width: 25.6vw;
		height: 6.13vw;
	}
	.showcase_july_event .sc_mission .mission_content .mission_bonus .txt_box .mission_number > span:nth-child(1) {
		width: 16.8vw;
		height: 6.13vw;
	}
	.showcase_july_event .sc_mission .mission_content .mission_bonus .txt_box .mission_number span.mo_bonus {
		width: 16.8vw;
		height: 6.13vw;
	}
	.showcase_july_event .mission_count_bar {
		margin-top: 3.2vw;
		margin-bottom: 3.73vw;
	}
	.showcase_july_event .mission_bar_track {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		gap: 0.8vw;
	}
	.showcase_july_event .mission_bar_track span {
		display: block;
		background: #f7f1be;
		width: 9.6vw;
		height: 1.6vw;
	}
	.showcase_july_event .mission_bar_track.width40 span {
		width: 6.59vw;
		height: 1.6vw;
	}
	.showcase_july_event .mission_bar_track span.is-fill {
		background: #95c83d;
	}
	.showcase_july_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_july_event .sc_mission .mission_content .txt_box .mission_txt {
		margin-bottom: 0;
	}
	.showcase_july_event .sc_mission .mission_content .txt_box .mission_txt p {
		color: #616161;
		line-height: 1.45;
		font-size: 4vw;
	}
	.showcase_july_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_july_event .sc_mission .mission_content .txt_box .mission_gauge .gauge_step {
		background: #ffe6f1;
		width: 9.6vw;
		height: 1.6vw;
	}
	.showcase_july_event .sc_mission .mission_content .mission_ul .txt_box .mission_gauge .gauge_step.is-active {
		background: #ff2483;
	}
	.showcase_july_event .sc_mission .mission_content .mission_bonus .txt_box .mission_gauge .gauge_step.is-active {
		background: #bc0052;
	}
	.showcase_july_event .sc_mission .mission_content .btn_wrap {
		margin-left: 0;
	}
	.showcase_july_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_july_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_july_event .sc_mission .mission_bonus .btn_wrap {
		margin-top: 1.07vw;
	}
	.showcase_july_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_july_event .sc_mission .mission_count.is-zero {
		color: #a0a0a0;
		background: #a0a0a01a;
	}
	.showcase_july_event .sc_mission .mission_count.is-active {
		color: #ff2483;
		background: #ff24830d;
	}
	.showcase_july_event .sc_mission li[data-state="disabled"] .btn_wrap button {
		color: #a0a0a0;
		pointer-events: none;
	}
	.showcase_july_event .sc_mission li[data-state="done"] .btn_wrap button,
	.showcase_july_event .sc_mission li[data-state="done"] .btn_wrap a {
		color: #a0a0a0;
		pointer-events: none;
	}
	.showcase_july_event .january_event_container[data-auth="out"] .sc_mission .btn_wrap button {
		color: #a0a0a0;
		pointer-events: none;
		cursor: default;
	}
	.showcase_july_event .january_event_container[data-auth="out"] .sc_mission .mission_gauge .gauge_step {
		background: #dcdee0;
	}
	.showcase_july_event .january_event_container[data-auth="out"] .sc_mission .mission_content .mission_ul .txt_box .mission_gauge .gauge_step.is-active {
		background: #dcdee0;
	}
	.showcase_july_event .january_event_container[data-auth="out"] .sc_mission .mission_content .mission_bonus .txt_box .mission_gauge .gauge_step.is-active {
		background: #dcdee0;
	}
	.showcase_july_event .sc_gift {
		background: #ffe24f;
	}
	.showcase_july_event .sc_gift .title_wrap {
		width: 44.8vw;
		height: 7.47vw;
		margin-bottom: 5.33vw;
	}
	.showcase_july_event .sc_gift .txt_wrap {
		margin-bottom: 8.53vw;
	}
	.showcase_july_event .sc_gift .txt_wrap p {
		line-height: 1.45;
		text-align: center;
	}
	.showcase_july_event .sc_gift .gift_content {
		width: 86.67vw;
		height: 432.53vw;
	}
	.showcase_july_event .sc_gift .title_box span {
		width: 42.13vw;
		height: 12.27vw;
		background: #ff9000;
		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: "LineSeed", sans-serif;
		font-size: 5.33vw;
		line-height: 1;
		color: #fff;
		-webkit-border-radius: 26.67vw;
		        border-radius: 26.67vw;
	}
	.showcase_july_event .sc_gift .title_box h3 {
		font-family: "DaeguBukseongro";
		font-size: 6.4vw;
		line-height: 1.35;
		font-weight: 700;
		color: #111;
		margin-bottom: 5.33vw;
		text-align: center;
	}
	.showcase_july_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: 86.67vw;
		height: 427.2vw;
		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_july_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_july_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_july_event .sc_gift .title_box h3 {
		font-size: 6.4vw;
		line-height: 1.35;
		font-weight: 700;
		color: #111;
		margin-bottom: 5.33vw;
	}
	.showcase_july_event .sc_gift .title_box p {
		color: #111;
		line-height: 1.35;
		font-size: 4.27vw;
	}
	.showcase_july_event .sc_gift .gift_content .top_content .left_wrap .motion_wrap {
		width: 40vw;
		height: 64vw;
	}
	.showcase_july_event .sc_gift .motion_wrap {
		position: relative;
	}
	.showcase_july_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_july_event .sc_gift .motion_wrap .motion_gif {
		opacity: 0;
		pointer-events: none;
		z-index: 1;
	}
	.showcase_july_event .sc_gift .motion_wrap .motion_still {
		opacity: 1;
	}
	.showcase_july_event .sc_gift .motion_wrap.is-playing .motion_gif {
		opacity: 1;
	}
	.showcase_july_event .sc_gift .motion_wrap.is-playing .motion_still {
		opacity: 0;
	}
	.showcase_july_event .sc_gift .btn_wrap {
		margin-top: 6.4vw;
	}
	.showcase_july_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_july_event .sc_gift .btn_wrap button img {
		width: 10.13vw;
		height: 10.4vw;
	}
	.showcase_july_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_july_event .sc_gift .gift_content .top_content .left_wrap .img_wrap {
		position: absolute;
		top: 0;
		left: 0;
		display: none;
	}
	.showcase_july_event .sc_gift .gift_content .top_content .left_wrap .img_wrap img {
		width: 8.53vw;
		height: 11.73vw;
		position: absolute;
	}
	.showcase_july_event .sc_gift .gift_content .top_content .left_wrap .img_wrap .glitter_01 {
		top: 81.87vw;
		left: 8vw;
	}
	.showcase_july_event .sc_gift .gift_content .top_content .left_wrap .img_wrap .glitter_02 {
		top: 39.73vw;
		left: 80.53vw;
	}
	.showcase_july_event .sc_gift .gift_content .top_content .right_wrap {
		position: absolute;
		top: 148.27vw;
		right: 0;
		width: 100%;
	}
	.showcase_july_event .sc_gift .gift_content .top_content .right_wrap .title_box {
		text-align: center;
	}
	.showcase_july_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_july_event .sc_gift .gift_content .top_content .right_wrap .title_box p {
		color: #111;
		line-height: 1.35;
		font-size: 3.73vw;
		margin-top: 1.07vw;
	}
	.showcase_july_event .wsnr {
		white-space: nowrap;
	}
	.showcase_july_event .en_ver .sc_gift .gift_content .top_content .right_wrap .title_box p {
		font-size: 3.2vw;
	}
	.showcase_july_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: 6.4vw auto 0;
	}
	.showcase_july_event .sc_gift .gift_content .top_content .right_wrap .gift_wrap .first_st img {
		position: absolute;
	}
	.showcase_july_event .sc_gift .gift_content .top_content .right_wrap .gift_wrap .first_st {
		width: 74.67vw;
		height: 53.33vw;
	}
	.showcase_july_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%);
		top: 57.07vw;
		text-align: center;
	}
	.showcase_july_event .sc_gift .gift_content .top_content .right_wrap .gift_wrap .first_st h4 {
		color: #111;
		font-weight: 700;
		line-height: 1.35;
		font-size: 4.8vw;
		display: block;
		margin-bottom: 0.53vw;
	}
	.showcase_july_event .sc_gift .gift_content .top_content .right_wrap .gift_wrap .first_st p {
		color: #111;
		font-size: 3.47vw;
		line-height: 1.3;
		white-space: nowrap;
	}
	.showcase_july_event .sc_gift .gift_content .top_content .right_wrap .gift_wrap .gift_list {
		margin-top: 8vw;
		padding: 0 5.33vw;
	}
	.showcase_july_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_july_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_july_event .sc_gift .gift_content .top_content .right_wrap .gift_wrap .gift_list ul li:nth-child(3),
	.showcase_july_event .sc_gift .gift_content .top_content .right_wrap .gift_wrap .gift_list ul li:nth-child(4) {
		margin-top: 2.67vw;
	}
	.showcase_july_event .sc_gift .gift_content .top_content .right_wrap .gift_wrap .gift_list ul li img {
		width: 34.67vw;
		height: 34.67vw;
	}
	.showcase_july_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_july_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_july_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_july_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_july_event .sc_gift .bottom_content .first_etc .img_wrap {
		margin-top: 6.4vw;
		width: 32.27vw;
		height: 28vw;
		margin-bottom: 6.13vw;
	}
	.showcase_july_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_july_event .sc_gift .bottom_content .title_box h3 {
		margin-bottom: 0.53vw;
	}
	.showcase_july_event .sc_gift .bottom_content .title_box a {
		color: #111;
		padding-right: 4vw;
		position: relative;
		font-size: 4.27vw;
	}
	.showcase_july_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_july_event .sc_gift .bottom_content .first_etc {
		height: 104.53vw;
	}
	.showcase_july_event .sc_gift .bottom_content .first_etc .title_box span {
		background-image: url(../img/pc/gift_title_box_bg_01.png);
		color: #026600;
	}
	.showcase_july_event .sc_gift .bottom_content .second_etc {
		height: 102.4vw;
	}
	.showcase_july_event .sc_gift .bottom_content .second_etc .title_box span {
		background-image: url(../img/pc/gift_title_box_bg_02.png);
		color: #d81b1b;
	}
	.showcase_july_event .sc_gift .bottom_content .second_etc .img_wrap {
		margin-top: 4.8vw;
		width: 24vw;
		height: 29.6vw;
		margin-bottom: 4.53vw;
	}
	.showcase_july_event .sc_gift .bottom_content .third_etc {
		height: 104.53vw;
	}
	.showcase_july_event .sc_gift .bottom_content .third_etc .title_box span {
		background-image: url(../img/pc/gift_title_box_bg_03.png);
		color: #e18b1a;
	}
	.showcase_july_event .sc_gift .bottom_content .third_etc .img_wrap {
		margin-top: 4vw;
		width: 32vw;
		height: 32vw;
		margin-bottom: 4.53vw;
	}
	.showcase_july_event .sc_gift .bottom_content .fourth_etc .title_box span {
		background-image: url(../img/pc/gift_title_box_bg_04.png);
		color: #af745f;
	}
	.showcase_july_event .sc_gift .bottom_content .fourth_etc .img_wrap {
		margin-top: 6.13vw;
		width: 32vw;
		height: 32vw;
		margin-bottom: 2.4vw;
	}
	.showcase_july_event .sc_gift .bottom_content .btn_wrap {
		margin-top: 0;
	}
	.showcase_july_event .sc_gift .etc_txt {
		margin-top: 4.27vw;
		text-align: center;
	}
	.showcase_july_event .sc_gift .etc_txt p {
		color: #616161;
		font-size: 3.73vw;
		line-height: 1.35;
	}
	.showcase_july_event .sc_gift .etc_txt a {
		color: inherit;
		padding-bottom: 0vw;
		position: relative;
	}
	.showcase_july_event .sc_gift .etc_txt a::after {
		content: "";
		width: 100%;
		height: 0.27vw;
		background-color: #616161;
		position: absolute;
		bottom: 0;
		left: 0;
	}
	.showcase_july_event .sc_gift .etc_list {
		padding-top: 20vw;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		row-gap: 8.33vw;
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
	}
	.showcase_july_event .sc_gift .bottom_content .btn_wrap {
		margin-top: 0;
	}
	.showcase_july_event .sc_gift .etc_txt {
		margin-top: 6.4vw;
		text-align: center;
	}
	.showcase_july_event .sc_gift .etc_txt p {
		color: #616161;
		font-size: 3.73vw;
		line-height: 1.35;
	}
	.showcase_july_event .sc_gift .etc_txt a {
		color: inherit;
		padding-bottom: 0vw;
		position: relative;
	}
	.showcase_july_event .sc_gift .etc_txt a::after {
		content: "";
		width: 100%;
		height: 0.27vw;
		background-color: #616161;
		position: absolute;
		bottom: 0;
		left: 0;
	}
	.showcase_july_event .sc_gift .etc_list li {
		position: relative;
		width: -webkit-calc((100% - 5.33vw) / 2);
		width: calc((100% - 5.33vw) / 2);
	}
	.showcase_july_event .sc_gift .etc_list .circle_wrap {
		width: 34.67vw;
		height: 34.67vw;
		-webkit-border-radius: 50%;
		        border-radius: 50%;
		position: relative;
	}
	.showcase_july_event .sc_gift .etc_list .title_box {
		margin-top: 2.13vw;
	}
	.showcase_july_event .sc_gift .etc_list .title_box h4 {
		margin-bottom: 0.53vw;
		font-size: 4.8vw;
		line-height: 1.35;
		color: #111;
		font-weight: 700;
	}
	.showcase_july_event .sc_gift .etc_list .title_box p {
		color: #111;
		font-size: 3.47vw;
		line-height: 1.3;
		text-align: center;
	}
	.showcase_july_event .sc_gift .etc_list .img_wrap {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		    -ms-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
	}
	.showcase_july_event .sc_gift .etc_list .first_etc .img_wrap {
		width: 33.07vw;
		height: 30.93vw;
	}
	.showcase_july_event .sc_gift .etc_list .second_etc .img_wrap {
		width: 25.07vw;
		height: 18.4vw;
	}
	.showcase_july_event .sc_gift .etc_list .third_etc .img_wrap {
		width: 34.13vw;
		height: 27.73vw;
	}
	.showcase_july_event .sc_gift .etc_list .fourth_etc .img_wrap {
		width: 31.2vw;
		height: 26.13vw;
	}
	.showcase_july_event .sc_gift .etc_list .fifth_etc .img_wrap {
		width: 25.6vw;
		height: 25.6vw;
	}
	.showcase_july_event .sc_gift .etc_list .sixth_etc .img_wrap {
		width: 25.6vw;
		height: 25.6vw;
	}
	.showcase_july_event .sc_gift .etc_list .circle_wrap {
		margin: 0 auto;
	}
	.showcase_july_event .sc_gift .etc_list .first_etc .circle_wrap {
		background: #f3f3f0;
	}
	.showcase_july_event .sc_gift .etc_list .second_etc .circle_wrap {
		background: #e0daf5;
	}
	.showcase_july_event .sc_gift .etc_list .third_etc .circle_wrap {
		background: #efe7ce;
	}
	.showcase_july_event .sc_gift .etc_list .fourth_etc .circle_wrap {
		background: #fff6d9;
	}
	.showcase_july_event .sc_gift .etc_list .fifth_etc .circle_wrap {
		background: #ffe7a0;
	}
	.showcase_july_event .sc_gift .etc_list .sixth_etc .circle_wrap {
		background: #ffe8ee;
	}
	.showcase_july_event .sc_gift .etc_list li[data-state="disabled"] .btn_wrap button,
	.showcase_july_event .sc_gift .etc_list li[data-state="done"] .btn_wrap button,
	.showcase_july_event .sc_gift .etc_list li[data-state="soldout"] .btn_wrap button {
		pointer-events: none;
		color: #a0a0a0;
	}
	.showcase_july_event .sc_gift .etc_list li[data-state="disabled"] .btn_wrap span,
	.showcase_july_event .sc_gift .etc_list li[data-state="done"] .btn_wrap span,
	.showcase_july_event .sc_gift .etc_list li[data-state="soldout"] .btn_wrap span {
		color: #a0a0a0;
	}
	.showcase_july_event .sc_shop {
		background-image: url(../img/mo/shop_bg.jpg);
		-webkit-background-size: cover;
		        background-size: cover;
		background-repeat: no-repeat;
	}
	.showcase_july_event .sc_shop.section_inner {
		padding: 26.67vw 0;
	}
	.showcase_july_event .sc_shop .title_wrap {
		width: 88.27vw;
		height: 19.2vw;
		margin-bottom: 4.27vw;
	}
	.showcase_july_event .sc_shop .txt_wrap {
		text-align: center;
		margin-bottom: 9.07vw;
	}
	.showcase_july_event .sc_shop .txt_wrap span {
		color: #333;
		font-size: 5.33vw;
		line-height: 1.45;
		font-weight: 700;
		padding: 1.07vw 6.4vw;
		-webkit-border-radius: 2.67vw;
		        border-radius: 2.67vw;
		display: inline-block;
		margin: 0 auto 1.07vw;
	}
	.showcase_july_event .sc_shop .txt_wrap p {
		color: #111;
		font-size: 4.8vw;
		line-height: 1.5;
	}
	.showcase_july_event .sc_shop .btn_wrap a {
		display: -webkit-inline-box;
		display: -webkit-inline-flex;
		display: -ms-inline-flexbox;
		display: inline-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: #00cdff;
		color: #fff;
		font-size: 4.8vw;
		line-height: 1.35;
		font-weight: 600;
		padding: 4.8vw 14.93vw;
		margin-top: 6.4vw;
	}
	.showcase_july_event .sc_shop .shop_content,
	.showcase_july_event .sc_shop .slide_content,
	.showcase_july_event .sc_shop .slide_wrap {
		width: 100%;
		min-width: 0;
	}
	.showcase_july_event .sc_shop .slide_content + .slide_content {
		margin-top: 21.33vw;
	}
	.showcase_july_event .sc_shop .shop_content {
		width: 100%;
	}
	.showcase_july_event .sc_shop .shop_banner {
		width: 91.47vw;
		margin: 0 auto 2.13vw;
	}
	.showcase_july_event .sc_shop .txt_box .top_txt {
		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;
		margin-top: 2.13vw;
		margin-bottom: 1.07vw;
		gap: 1.6vw;
	}
	.showcase_july_event .sc_shop .txt_box .top_txt strong {
		width: 29.33vw;
		color: #111;
		font-size: 3.47vw;
		line-height: 1.3;
		display: block;
		display: -webkit-box;
		overflow: hidden;
		text-overflow: ellipsis;
		/* autoprefixer: ignore next */
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}
	.showcase_july_event .sc_shop .txt_box .top_txt .discount {
		color: #00b4e1;
		font-size: 4.27vw;
		line-height: 1.12;
		font-weight: 700;
	}
	.showcase_july_event .sc_shop .txt_box .bottom_txt .discount_price {
		color: #888;
		line-height: 1.15;
		margin-right: 1.07vw;
		text-decoration: line-through;
		font-size: 3.47vw;
	}
	.showcase_july_event .sc_shop .txt_box .bottom_txt .price {
		color: #111;
		font-size: 4vw;
		line-height: 1.13;
		font-weight: 700;
	}
	.showcase_july_event .sc_shop .link_wrap {
		text-align: center;
		margin-top: 10.67vw;
	}
	.showcase_july_event .sc_shop .link_wrap a {
		color: #111;
		font-size: 4.27vw;
		line-height: 1.35;
		font-weight: 600;
		padding: 4.8vw 12.8vw;
		border: 0.27vw solid #111;
		display: -webkit-inline-box;
		display: -webkit-inline-flex;
		display: -ms-inline-flexbox;
		display: inline-flex;
		background-color: #fff;
	}
	.showcase_july_event .sc_shop .slide_wrap {
		position: relative;
		overflow: hidden;
	}
	.showcase_july_event .sc_shop .mySwiper1,
	.showcase_july_event .sc_shop .mySwiper2,
	.showcase_july_event .sc_shop .mySwiper3 {
		width: 100%;
		min-width: 0;
		overflow: visible;
	}
	.showcase_july_event .sc_shop .mySwiper1 .swiper-wrapper,
	.showcase_july_event .sc_shop .mySwiper2 .swiper-wrapper,
	.showcase_july_event .sc_shop .mySwiper3 .swiper-wrapper {
		min-width: 0;
	}
	.showcase_july_event .sc_shop .swiper-wrapper {
		-webkit-box-pack: start;
		-webkit-justify-content: flex-start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
	}
	.showcase_july_event .sc_shop .mySwiper1 .swiper-slide,
	.showcase_july_event .sc_shop .mySwiper2 .swiper-slide,
	.showcase_july_event .sc_shop .mySwiper3 .swiper-slide {
		min-width: 0;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
	}
	.showcase_july_event .sc_shop .mySwiper1 .swiper-slide img,
	.showcase_july_event .sc_shop .mySwiper2 .swiper-slide img,
	.showcase_july_event .sc_shop .mySwiper3 .swiper-slide img {
		display: block;
		width: 100%;
		max-width: 100%;
		height: auto;
	}
	.showcase_july_event .sc_shop .swiper-button-prev {
		background-image: url(../img/pc/btn.png);
		background-repeat: no-repeat;
		-webkit-background-size: contain;
		        background-size: contain;
		-webkit-transform: translateY(-50%) rotate(180deg);
		    -ms-transform: translateY(-50%) rotate(180deg);
		        transform: translateY(-50%) rotate(180deg);
		color: transparent;
		width: 10.67vw;
		height: 10.67vw;
		position: absolute;
		top: 50%;
		left: 0;
	}
	.showcase_july_event .sc_shop .swiper-button-next {
		background-image: url(../img/pc/btn.png);
		background-repeat: no-repeat;
		-webkit-background-size: contain;
		        background-size: contain;
		-webkit-transform: translateY(-50%);
		    -ms-transform: translateY(-50%);
		        transform: translateY(-50%);
		color: transparent;
		width: 10.67vw;
		height: 10.67vw;
		position: absolute;
		top: 50%;
		right: 0;
	}
	.showcase_july_event .sc_shop .swiper-slide {
		width: 32vw;
		-webkit-flex-shrink: 0;
		    -ms-flex-negative: 0;
		        flex-shrink: 0;
	}
	.showcase_july_event .sc_shop .swiper-button-prev,
	.showcase_july_event .sc_shop .swiper-button-next {
		display: none;
	}
	.showcase_july_event .gacha_popup[data-result="1st"] .popup_inner {
		background-image: url(../img/mo/gacha_popup_bg.png);
		width: 89.33vw;
		height: 175.2vw;
	}
	.showcase_july_event .gacha_popup[data-result="2nd"] .popup_inner {
		background-image: url(../img/mo/gacha_popup_bg_02.png);
		width: 89.33vw;
		height: 175.2vw;
	}
	.showcase_july_event .gacha_popup[data-result="3rd"] .popup_inner {
		background-image: url(../img/mo/gacha_popup_bg_03.png);
		width: 89.33vw;
		height: 175.2vw;
	}
	.showcase_july_event .gacha_popup[data-result="4th"] .popup_inner {
		background-image: url(../img/mo/gacha_popup_bg_04.png);
		width: 89.33vw;
		height: 175.2vw;
	}
	.showcase_july_event .gacha_popup[data-result="5th"] .popup_inner {
		background-image: url(../img/mo/gacha_popup_bg_05.png);
		width: 89.33vw;
		height: 147.47vw;
	}
	.showcase_july_event .gacha_popup[data-result="lose"] .popup_inner {
		background-image: url(../img/mo/gacha_popup_bg_06.png);
		width: 89.33vw;
		height: 157.6vw;
	}
	.showcase_july_event .gacha_popup[data-result="1st"] .result_img {
		width: 74.13vw;
		height: 61.33vw;
	}
	.showcase_july_event .gacha_popup[data-result="2nd"] .result_img {
		width: 79.2vw;
		height: 61.33vw;
	}
	.showcase_july_event .gacha_popup[data-result="3rd"] .result_img {
		width: 61.33vw;
		height: 61.33vw;
	}
	.showcase_july_event .gacha_popup[data-result="4th"] .result_img {
		width: 68.27vw;
		height: 61.33vw;
	}
	.showcase_july_event .gacha_popup[data-result="5th"] .result_img {
		width: 61.33vw;
		height: 61.33vw;
	}
	.showcase_july_event .gacha_popup[data-result="lose"] .result_img {
		width: 61.33vw;
		height: 61.33vw;
	}
	.showcase_july_event .gacha_popup[data-result="5th"] .result_btns .btn_primary,
	.showcase_july_event .gacha_popup[data-result="5th"] .result_btns .btn_secondary,
	.showcase_july_event .gacha_popup[data-result="lose"] .result_btns .btn_primary,
	.showcase_july_event .gacha_popup[data-result="lose"] .result_btns .btn_secondary {
		display: none;
	}
	.showcase_july_event .gacha_popup[data-result="1st"] .result_btns .btn_coupon,
	.showcase_july_event .gacha_popup[data-result="2nd"] .result_btns .btn_coupon,
	.showcase_july_event .gacha_popup[data-result="3rd"] .result_btns .btn_coupon,
	.showcase_july_event .gacha_popup[data-result="4th"] .result_btns .btn_coupon {
		display: none;
	}
	.showcase_july_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: 6.4vw;
		line-height: 1;
		font-family: "LineSeed", sans-serif;
		-webkit-border-radius: 26.67vw;
		        border-radius: 26.67vw;
		color: #fff;
		padding: 2.67vw 6.4vw;
		font-weight: 700;
	}
	.showcase_july_event .gacha_popup[data-result="1st"] .result_badge {
		background: #3f3f3f;
	}
	.showcase_july_event .gacha_popup[data-result="2nd"] .result_badge {
		background: #bebeb8;
	}
	.showcase_july_event .gacha_popup[data-result="3rd"] .result_badge {
		background: #a590d9;
	}
	.showcase_july_event .gacha_popup[data-result="4th"] .result_badge {
		background: #ffc000;
	}
	.showcase_july_event .gacha_popup[data-result="5th"] .result_badge {
		background: #663527;
	}
	.showcase_july_event .gacha_popup[data-result="lose"] .result_badge {
		background: #ff235a;
	}
	.showcase_july_event .sc_lucky {
		padding: 26.67vw 0;
		background: #4bcc57;
	}
	.showcase_july_event .sc_lucky .title_wrap {
		width: 62.13vw;
		height: 6.13vw;
		margin: 0 auto 10.67vw;
	}
	.showcase_july_event .en_ver .sc_lucky .title_wrap {
		width: 61.33vw;
		height: 17.6vw;
		margin-bottom: 8.53vw;
	}
	.showcase_july_event .sc_lucky .title_wrap h2 {
		width: auto;
		margin: 0 auto;
	}
	.showcase_july_event .sc_lucky .content_wrap 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;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 8vw;
		opacity: 0;
		-webkit-transform: translateY(4.16vw);
		    -ms-transform: translateY(4.16vw);
		        transform: translateY(4.16vw);
		-webkit-transition: opacity 0.8s ease, -webkit-transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
		transition: opacity 0.8s ease, -webkit-transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
		transition: opacity 0.8s ease, transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
		transition: opacity 0.8s ease, transform 0.8s cubic-bezier(0.22, 1, 0.36, 1), -webkit-transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
	}
	.showcase_july_event .sc_lucky .content_wrap ul.is_active {
		opacity: 1;
		-webkit-transform: translateY(0);
		    -ms-transform: translateY(0);
		        transform: translateY(0);
	}
	.showcase_july_event .sc_lucky .content_wrap ul li {
		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;
		background-color: #fff;
		border: 0.27vw solid #ebedee;
		-webkit-border-radius: 2.67vw;
		        border-radius: 2.67vw;
	}
	.showcase_july_event .sc_lucky .content_wrap ul li:nth-child(1) {
		width: 86.67vw;
		height: 83.47vw;
	}
	.showcase_july_event .sc_lucky .content_wrap ul li:nth-child(2) {
		width: 86.67vw;
		height: auto;
		padding: 8.53vw 0 3.73vw;
	}
	.showcase_july_event .en_ver .sc_lucky .content_wrap ul li:nth-child(1) {
		width: 86.67vw;
		height: 109.87vw;
	}
	.showcase_july_event .sc_lucky .content_wrap ul li h3 {
		color: #00b253;
		font-size: 5.33vw;
		font-weight: 700;
		margin-bottom: 3.2vw;
		text-align: center;
	}
	.showcase_july_event .sc_lucky .content_wrap ul li h3 em {
		font-size: 3.73vw;
		line-height: 1.45;
		font-weight: 700;
		color: #00b253;
	}
	.showcase_july_event .sc_lucky .content_wrap ul li span {
		color: #00b253;
		font-size: 3.73vw;
		line-height: 1;
		padding: 1.73vw 2.13vw;
		background: #00b2531a;
		-webkit-border-radius: 0.43vw;
		        border-radius: 0.43vw;
		display: inline-block;
	}
	.showcase_july_event .sc_lucky .content_wrap ul li p {
		color: #a0a0a0;
		font-size: 3.47vw;
		font-weight: 700;
		line-height: 1.3;
		margin-top: 3.73vw;
		text-align: center;
	}
	.showcase_july_event .sc_lucky .content_wrap ul li:nth-child(1) span {
		margin-bottom: 8.27vw;
	}
	.showcase_july_event .sc_lucky .content_wrap ul li:nth-child(2) span {
		margin-bottom: 7.47vw;
	}
	.showcase_july_event .sc_lucky .content_wrap ul li:nth-child(1) .img_wrap {
		width: 75.47vw;
	}
	.showcase_july_event .sc_lucky .content_wrap ul li:nth-child(2) .img_wrap {
		width: 69.87vw;
	}
	.showcase_july_event .gacha_popup {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: none;
		z-index: 2;
	}
	.showcase_july_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_july_event .gacha_popup[data-result="4th"] .popup_inner {
		padding: 8vw 5vw;
	}
	.showcase_july_event .gacha_popup .result_title {
		font-size: 7.47vw;
		line-height: 1.35;
		color: #111;
		margin-bottom: 6.4vw;
		margin-top: 3.73vw;
		font-weight: 400;
		padding: 0;
		text-align: center;
	}
	.showcase_july_event .gacha_popup[data-result="lose"] .result_title {
		padding: 0 3.73vw;
	}
	.showcase_july_event .gacha_popup .popup_close {
		width: 10.67vw;
		height: 10.67vw;
		position: absolute;
		top: 4.27vw;
		right: 4.27vw;
		z-index: 2;
	}
	.showcase_july_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_july_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_july_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_july_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_july_event .gacha_popup .result_img img {
		max-width: 100%;
		max-height: 100%;
		object-fit: contain;
	}
	.showcase_july_event .swiper-pagination .swiper-pagination-bullet {
		background: #fff;
		opacity: 0.3;
		margin: 0 0.8vw;
		width: 2.13vw;
		height: 2.13vw;
	}
	.showcase_july_event .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
		opacity: 1;
	}
	.showcase_july_event .sc_process.section_inner {
		padding: 26.67vw 0 32vw;
	}
	.showcase_july_event .process-pagination {
		margin-top: 3.2vw;
		text-align: center;
	}
	.showcase_july_event .sc_process .title_wrap {
		width: auto !important;
		height: auto !important;
		margin-bottom: 2.67vw;
	}
	.showcase_july_event .sc_process h2 {
		color: #111;
		font-size: 6.4vw;
		line-height: 1.35;
		font-weight: 700;
		text-align: center;
	}
	.showcase_july_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_july_event .sc_process .second_slide h3 {
		margin-bottom: 0;
	}
	.showcase_july_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_july_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_july_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_july_event .swiper_box {
		width: 89.87vw;
	}
	.showcase_july_event .swiper-pagination {
		z-index: 1;
		top: auto;
		bottom: -6.67vw;
	}
	.showcase_july_event .sc_banner {
		display: none;
	}
	.showcase_july_event .sc_banner.on {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}
	.showcase_july_event .sc_banner.section_inner {
		padding: 0;
	}
	.showcase_july_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_july_event .sc_banner .txt_wrap h3 {
		font-weight: 700;
		line-height: 1.45;
		font-size: 6.4vw;
		margin-bottom: 1.87vw;
		color: #fff;
	}
	.showcase_july_event .sc_banner .txt_wrap p {
		color: #fff;
		line-height: 1.45;
		font-size: 3.73vw;
	}
	.showcase_july_event .sc_notice {
		background: #ebedee;
	}
	.showcase_july_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_july_event .sc_notice h3 {
		font-weight: 700;
		line-height: 1.44;
		font-size: 4.8vw;
		color: #3f3f3f;
		margin-bottom: 2.67vw;
	}
	.showcase_july_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_july_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_july_event .sc_notice ul li i {
		font-size: 3.73vw;
		color: #3f3f3f;
		position: absolute;
		top: 0;
		left: 0;
	}
	.showcase_july_event .sc_notice ul li p {
		line-height: 1.5;
		font-size: 3.73vw;
		color: #3f3f3f;
		padding-left: 4vw;
		word-break: keep-all;
	}
	.showcase_july_event .attendance_popup {
		position: relative;
		width: 100%;
		height: 100vh;
		position: fixed;
		top: 0;
		left: 0;
		display: none;
		background: none;
	}
	.showcase_july_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_july_event .attendance_popup .popup_inner {
		padding-top: 21.07vw;
		width: 100vw;
		height: 206.13vw;
		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_july_event .attendance_popup .popup_close {
		width: 10.67vw;
		height: 10.67vw;
		position: absolute;
		top: 12vw;
		right: 9.33vw;
		z-index: 10;
	}
	.showcase_july_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_july_event .attendance_popup .popup_inner .top_txt_box .title_wrap {
		width: 69.87vw;
		height: 7.47vw;
		margin-bottom: 3.2vw;
		margin-top: 6.47vw;
	}
	.showcase_july_event .attendance_popup .popup_inner .top_txt_box .txt_wrap {
		margin-bottom: 4.27vw;
	}
	.showcase_july_event .attendance_popup .popup_inner .top_txt_box .txt_wrap p {
		color: #111;
		line-height: 1;
		font-size: 4.27vw;
	}
	.showcase_july_event .attendance_popup .popup_inner .top_txt_box .txt_wrap .days {
		color: #111;
		font-weight: 700;
	}
	.showcase_july_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_july_event .attendance_actions [data-action="confirm_attendance"][data-state="done_today"],
	.showcase_july_event .attendance_actions [data-action="confirm_attendance"][data-state="completed"] {
		color: #a0a0a0;
		pointer-events: none;
		cursor: default;
	}
	.showcase_july_event .attendance_popup .attendance_days {
		pointer-events: none;
		position: relative;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-align-content: flex-start;
		    -ms-flex-line-pack: start;
		        align-content: flex-start;
		-webkit-column-gap: 2vw;
		        column-gap: 2vw;
		row-gap: 5.87vw;
		padding: 0 3.2vw;
		margin-top: 14.67vw;
	}
	.showcase_july_event .attendance_days .day_item .day_circle {
		width: 19.2vw;
		height: 19.2vw;
	}
	.showcase_july_event .attendance_days .day_item.day_9 {
		-webkit-box-ordinal-group: 2;
		-webkit-order: 1;
		    -ms-flex-order: 1;
		        order: 1;
	}
	.showcase_july_event .attendance_days .day_item.day_10 {
		-webkit-box-ordinal-group: 3;
		-webkit-order: 2;
		    -ms-flex-order: 2;
		        order: 2;
	}
	.showcase_july_event .attendance_days .day_item.day_11 {
		-webkit-box-ordinal-group: 4;
		-webkit-order: 3;
		    -ms-flex-order: 3;
		        order: 3;
	}
	.showcase_july_event .attendance_days .day_item.day_12 {
		-webkit-box-ordinal-group: 5;
		-webkit-order: 4;
		    -ms-flex-order: 4;
		        order: 4;
	}
	.showcase_july_event .attendance_days .day_item.day_13 {
		-webkit-box-ordinal-group: 6;
		-webkit-order: 5;
		    -ms-flex-order: 5;
		        order: 5;
	}
	.showcase_july_event .attendance_days .day_item.day_14 {
		-webkit-box-ordinal-group: 7;
		-webkit-order: 6;
		    -ms-flex-order: 6;
		        order: 6;
	}
	.showcase_july_event .attendance_days .day_item.day_19 {
		-webkit-box-ordinal-group: 8;
		-webkit-order: 7;
		    -ms-flex-order: 7;
		        order: 7;
	}
	.showcase_july_event .attendance_days .day_item.day_16 {
		-webkit-box-ordinal-group: 9;
		-webkit-order: 8;
		    -ms-flex-order: 8;
		        order: 8;
	}
	.showcase_july_event .attendance_days .day_item.day_17 {
		-webkit-box-ordinal-group: 10;
		-webkit-order: 9;
		    -ms-flex-order: 9;
		        order: 9;
	}
	.showcase_july_event .attendance_days .day_item.day_18 {
		-webkit-box-ordinal-group: 11;
		-webkit-order: 10;
		    -ms-flex-order: 10;
		        order: 10;
	}
	.showcase_july_event .attendance_days .day_item.day_15 {
		-webkit-box-ordinal-group: 12;
		-webkit-order: 11;
		    -ms-flex-order: 11;
		        order: 11;
	}
	.showcase_july_event .attendance_popup .attendance_days::after {
		content: "";
		position: absolute;
		top: 5.33vw;
		left: 10.67vw;
		background-image: url(../img/mo/cal_line.png);
		background-repeat: no-repeat;
		-webkit-background-size: contain;
		        background-size: contain;
		width: 78.67vw;
		height: 86.4vw;
		z-index: -1;
	}
	.showcase_july_event .attendance_popup .attendance_days li img {
		position: absolute;
	}
	.showcase_july_event .attendance_popup .popup_inner .top_txt_box .em_img {
		width: 100vw;
		left: 206.13vw;
	}
	.showcase_july_event .attendance_days .day_item {
		position: relative;
	}
	.showcase_july_event .attendance_days .day_item .day_img {
		position: absolute;
		z-index: 1;
	}
	.showcase_july_event .attendance_days .day_item .day_circle {
		width: 14.8vw;
		height: 14.8vw;
	}
	.showcase_july_event .attendance_days .day_item.day_9 {
		-webkit-box-ordinal-group: 2;
		-webkit-order: 1;
		    -ms-flex-order: 1;
		        order: 1;
	}
	.showcase_july_event .attendance_days .day_item.day_10 {
		-webkit-box-ordinal-group: 3;
		-webkit-order: 2;
		    -ms-flex-order: 2;
		        order: 2;
	}
	.showcase_july_event .attendance_days .day_item.day_11 {
		-webkit-box-ordinal-group: 4;
		-webkit-order: 3;
		    -ms-flex-order: 3;
		        order: 3;
	}
	.showcase_july_event .attendance_days .day_item.day_12 {
		-webkit-box-ordinal-group: 5;
		-webkit-order: 4;
		    -ms-flex-order: 4;
		        order: 4;
	}
	.showcase_july_event .attendance_days .day_item.day_13 {
		-webkit-box-ordinal-group: 6;
		-webkit-order: 5;
		    -ms-flex-order: 5;
		        order: 5;
	}
	.showcase_july_event .attendance_days .day_item.day_17 {
		-webkit-box-ordinal-group: 7;
		-webkit-order: 6;
		    -ms-flex-order: 6;
		        order: 6;
		margin-left: 11.73vw;
	}
	.showcase_july_event .attendance_days .day_item.day_16 {
		-webkit-box-ordinal-group: 8;
		-webkit-order: 7;
		    -ms-flex-order: 7;
		        order: 7;
	}
	.showcase_july_event .attendance_days .day_item.day_15 {
		-webkit-box-ordinal-group: 9;
		-webkit-order: 8;
		    -ms-flex-order: 8;
		        order: 8;
	}
	.showcase_july_event .attendance_days .day_item.day_14 {
		-webkit-box-ordinal-group: 10;
		-webkit-order: 9;
		    -ms-flex-order: 9;
		        order: 9;
		margin-right: 12vw;
	}
	.showcase_july_event .attendance_days .day_item.day_18 {
		-webkit-box-ordinal-group: 11;
		-webkit-order: 10;
		    -ms-flex-order: 10;
		        order: 10;
	}
	.showcase_july_event .attendance_days .day_item.day_19 {
		-webkit-box-ordinal-group: 12;
		-webkit-order: 11;
		    -ms-flex-order: 11;
		        order: 11;
		margin-right: 0;
	}
	.showcase_july_event .attendance_days .day_item.day_20 {
		-webkit-box-ordinal-group: 13;
		-webkit-order: 12;
		    -ms-flex-order: 12;
		        order: 12;
	}
	.showcase_july_event .attendance_days .day_item.day_21 {
		-webkit-box-ordinal-group: 14;
		-webkit-order: 13;
		    -ms-flex-order: 13;
		        order: 13;
	}
	.showcase_july_event .attendance_days .day_item.day_22 {
		-webkit-box-ordinal-group: 15;
		-webkit-order: 14;
		    -ms-flex-order: 14;
		        order: 14;
	}
	.showcase_july_event .attendance_days .day_item.day_26 {
		-webkit-box-ordinal-group: 16;
		-webkit-order: 15;
		    -ms-flex-order: 15;
		        order: 15;
		margin-left: 11.73vw;
	}
	.showcase_july_event .attendance_days .day_item.day_25 {
		-webkit-box-ordinal-group: 17;
		-webkit-order: 16;
		    -ms-flex-order: 16;
		        order: 16;
	}
	.showcase_july_event .attendance_days .day_item.day_24 {
		-webkit-box-ordinal-group: 18;
		-webkit-order: 17;
		    -ms-flex-order: 17;
		        order: 17;
	}
	.showcase_july_event .attendance_days .day_item.day_23 {
		-webkit-box-ordinal-group: 19;
		-webkit-order: 18;
		    -ms-flex-order: 18;
		        order: 18;
		margin-right: 12vw;
	}
	.showcase_july_event .attendance_days .day_item.day_27 {
		-webkit-box-ordinal-group: 20;
		-webkit-order: 19;
		    -ms-flex-order: 19;
		        order: 19;
	}
	.showcase_july_event .attendance_days .day_item.day_28 {
		-webkit-box-ordinal-group: 21;
		-webkit-order: 20;
		    -ms-flex-order: 20;
		        order: 20;
	}
	.showcase_july_event .attendance_days .day_item.day_29 {
		-webkit-box-ordinal-group: 22;
		-webkit-order: 21;
		    -ms-flex-order: 21;
		        order: 21;
	}
	.showcase_july_event .attendance_days .day_item.day_30 {
		-webkit-box-ordinal-group: 23;
		-webkit-order: 22;
		    -ms-flex-order: 22;
		        order: 22;
	}
	.showcase_july_event .attendance_days .day_item.day_31 {
		-webkit-box-ordinal-group: 24;
		-webkit-order: 23;
		    -ms-flex-order: 23;
		        order: 23;
	}
	.showcase_july_event .attendance_days .day_item .day_circle {
		position: relative;
	}
	.showcase_july_event .attendance_days .day_item .day_circle::before {
		width: 5.07vw;
		height: 5.07vw;
		position: absolute;
		top: 0vw;
		left: 0vw;
		content: "";
		-webkit-background-size: contain;
		        background-size: contain;
		background-repeat: no-repeat;
		z-index: 1;
	}
	.showcase_july_event .attendance_days .day_item.day_9 .day_img {
		width: 8.27vw;
		height: 6.93vw;
		top: 3.73vw;
		left: 3.2vw;
	}
	.showcase_july_event .attendance_days .day_item.day_9 .day_circle::before {
		background-image: url(../img/mo/day_9_before.png);
	}
	.showcase_july_event .attendance_days .day_item.day_9[data-state="done"] .day_circle::before {
		background-image: url(../img/mo/day_9_before_on.png);
	}
	.showcase_july_event .attendance_days .day_item.day_10 .day_img {
		width: 9.07vw;
		height: 3.73vw;
		top: 5.33vw;
		left: 2.67vw;
	}
	.showcase_july_event .attendance_days .day_item.day_10 .day_circle::before {
		background-image: url(../img/mo/day_10_before.png);
	}
	.showcase_july_event .attendance_days .day_item.day_10[data-state="done"] .day_circle::before {
		background-image: url(../img/mo/day_10_before_on.png);
	}
	.showcase_july_event .attendance_days .day_item.day_11 .day_img {
		width: 6.13vw;
		height: 6.93vw;
		top: 4vw;
		height: 4.27vw;
	}
	.showcase_july_event .attendance_days .day_item.day_11 .day_circle::before {
		background-image: url(../img/mo/day_11_before.png);
	}
	.showcase_july_event .attendance_days .day_item.day_11[data-state="done"] .day_circle::before {
		background-image: url(../img/mo/day_11_before_on.png);
	}
	.showcase_july_event .attendance_days .day_item.day_12 .day_img {
		width: 12vw;
		height: 6.13vw;
		top: 4.27vw;
		left: 1.33vw;
	}
	.showcase_july_event .attendance_days .day_item.day_12 .day_circle::before {
		background-image: url(../img/mo/day_12_before.png);
	}
	.showcase_july_event .attendance_days .day_item.day_12[data-state="done"] .day_circle::before {
		background-image: url(../img/mo/day_12_before_on.png);
	}
	.showcase_july_event .attendance_days .day_item.day_13 .day_img {
		width: 4.53vw;
		height: 8.8vw;
		top: 2.93vw;
		left: 5.07vw;
	}
	.showcase_july_event .attendance_days .day_item.day_13 .day_circle::before {
		background-image: url(../img/mo/day_13_before.png);
	}
	.showcase_july_event .attendance_days .day_item.day_13[data-state="done"] .day_circle::before {
		background-image: url(../img/mo/day_13_before_on.png);
	}
	.showcase_july_event .attendance_days .day_item.day_14 .day_img {
		width: 8.53vw;
		height: 6.13vw;
		top: 4.27vw;
		left: 2.93vw;
	}
	.showcase_july_event .attendance_days .day_item.day_14 .day_circle::before {
		background-image: url(../img/mo/day_14_before.png);
	}
	.showcase_july_event .attendance_days .day_item.day_14[data-state="done"] .day_circle::before {
		background-image: url(../img/mo/day_14_before_on.png);
	}
	.showcase_july_event .attendance_days .day_item.day_19 .day_img {
		width: 4.53vw;
		height: 8.53vw;
		top: 2.93vw;
		left: 5.07vw;
	}
	.showcase_july_event .attendance_days .day_item.day_19 .day_circle::before {
		background-image: url(../img/mo/day_19_before.png);
	}
	.showcase_july_event .attendance_days .day_item.day_19[data-state="done"] .day_circle::before {
		background-image: url(../img/mo/day_19_before_on.png);
	}
	.showcase_july_event .attendance_days .day_item.day_18 .day_img {
		width: 5.07vw;
		height: 6.93vw;
		top: 3.73vw;
		left: 4.8vw;
	}
	.showcase_july_event .attendance_days .day_item.day_18 .day_circle::before {
		background-image: url(../img/mo/day_18_before.png);
	}
	.showcase_july_event .attendance_days .day_item.day_18[data-state="done"] .day_circle::before {
		background-image: url(../img/mo/day_18_before_on.png);
	}
	.showcase_july_event .attendance_days .day_item.day_17 .day_img {
		width: 6.93vw;
		height: 6.67vw;
		top: 4vw;
		left: 3.73vw;
	}
	.showcase_july_event .attendance_days .day_item.day_17 .day_circle::before {
		background-image: url(../img/mo/day_17_before.png);
	}
	.showcase_july_event .attendance_days .day_item.day_17[data-state="done"] .day_circle::before {
		background-image: url(../img/mo/day_17_before_on.png);
	}
	.showcase_july_event .attendance_days .day_item.day_16 .day_img {
		width: 7.73vw;
		height: 10.67vw;
		top: 2.13vw;
		left: 3.47vw;
	}
	.showcase_july_event .attendance_days .day_item.day_16 .day_circle::before {
		background-image: url(../img/mo/day_16_before.png);
	}
	.showcase_july_event .attendance_days .day_item.day_16[data-state="done"] .day_circle::before {
		background-image: url(../img/mo/day_16_before_on.png);
	}
	.showcase_july_event .attendance_days .day_item.day_15 .day_img {
		width: 8vw;
		height: 8.27vw;
		top: 3.2vw;
		left: 3.2vw;
	}
	.showcase_july_event .attendance_days .day_item.day_15 .day_circle::before {
		background-image: url(../img/mo/day_15_before.png);
	}
	.showcase_july_event .attendance_days .day_item.day_15[data-state="done"] .day_circle::before {
		background-image: url(../img/mo/day_15_before_on.png);
	}
	.showcase_july_event .attendance_days .day_item.day_20 .day_img {
		width: 7.47vw;
		height: 7.73vw;
		top: 3.47vw;
		left: 3.47vw;
	}
	.showcase_july_event .attendance_days .day_item.day_20 .day_circle::before {
		background-image: url(../img/mo/day_20_before.png);
	}
	.showcase_july_event .attendance_days .day_item.day_20[data-state="done"] .day_circle::before {
		background-image: url(../img/mo/day_20_before_on.png);
	}
	.showcase_july_event .attendance_days .day_item.day_21 .day_img {
		width: 7.73vw;
		height: 8.27vw;
		top: 3.2vw;
		left: 3.47vw;
	}
	.showcase_july_event .attendance_days .day_item.day_21 .day_circle::before {
		background-image: url(../img/mo/day_21_before.png);
	}
	.showcase_july_event .attendance_days .day_item.day_21[data-state="done"] .day_circle::before {
		background-image: url(../img/mo/day_21_before_on.png);
	}
	.showcase_july_event .attendance_days .day_item.day_22 .day_img {
		width: 11.47vw;
		height: 6.67vw;
		top: 4vw;
		left: 1.6vw;
	}
	.showcase_july_event .attendance_days .day_item.day_22 .day_circle::before {
		background-image: url(../img/mo/day_22_before.png);
	}
	.showcase_july_event .attendance_days .day_item.day_22[data-state="done"] .day_circle::before {
		background-image: url(../img/mo/day_22_before_on.png);
	}
	.showcase_july_event .attendance_days .day_item.day_23 .day_img {
		width: 7.73vw;
		height: 7.47vw;
		top: 3.47vw;
		left: 3.47vw;
	}
	.showcase_july_event .attendance_days .day_item.day_23 .day_circle::before {
		background-image: url(../img/mo/day_23_before.png);
	}
	.showcase_july_event .attendance_days .day_item.day_23[data-state="done"] .day_circle::before {
		background-image: url(../img/mo/day_23_before_on.png);
	}
	.showcase_july_event .attendance_days .day_item.day_24 .day_img {
		width: 10.13vw;
		height: 9.87vw;
		top: 2.4vw;
		left: 2.13vw;
	}
	.showcase_july_event .attendance_days .day_item.day_24 .day_circle::before {
		background-image: url(../img/mo/day_24_before.png);
	}
	.showcase_july_event .attendance_days .day_item.day_24[data-state="done"] .day_circle::before {
		background-image: url(../img/mo/day_24_before_on.png);
	}
	.showcase_july_event .attendance_days .day_item.day_25 .day_img {
		width: 7.47vw;
		height: 7.2vw;
		top: 3.73vw;
		left: 3.73vw;
	}
	.showcase_july_event .attendance_days .day_item.day_25 .day_circle::before {
		background-image: url(../img/mo/day_25_before.png);
	}
	.showcase_july_event .attendance_days .day_item.day_25[data-state="done"] .day_circle::before {
		background-image: url(../img/mo/day_25_before_on.png);
	}
	.showcase_july_event .attendance_days .day_item.day_26 .day_img {
		width: 8.8vw;
		height: 9.07vw;
		top: 2.67vw;
		left: 2.93vw;
	}
	.showcase_july_event .attendance_days .day_item.day_26 .day_circle::before {
		background-image: url(../img/mo/day_26_before.png);
	}
	.showcase_july_event .attendance_days .day_item.day_26[data-state="done"] .day_circle::before {
		background-image: url(../img/mo/day_26_before_on.png);
	}
	.showcase_july_event .attendance_days .day_item.day_27 .day_img {
		width: 9.6vw;
		height: 9.6vw;
		top: 2.4vw;
		left: 2.4vw;
	}
	.showcase_july_event .attendance_days .day_item.day_27 .day_circle::before {
		background-image: url(../img/mo/day_27_before.png);
	}
	.showcase_july_event .attendance_days .day_item.day_27[data-state="done"] .day_circle::before {
		background-image: url(../img/mo/day_27_before_on.png);
	}
	.showcase_july_event .attendance_days .day_item.day_28 .day_img {
		width: 9.07vw;
		height: 5.07vw;
		top: 4.8vw;
		left: 2.93vw;
	}
	.showcase_july_event .attendance_days .day_item.day_28 .day_circle::before {
		background-image: url(../img/mo/day_28_before.png);
	}
	.showcase_july_event .attendance_days .day_item.day_28[data-state="done"] .day_circle::before {
		background-image: url(../img/mo/day_28_before_on.png);
	}
	.showcase_july_event .attendance_days .day_item.day_29 .day_img {
		width: 6.4vw;
		height: 6.93vw;
		top: 4vw;
		left: 4.27vw;
	}
	.showcase_july_event .attendance_days .day_item.day_29 .day_circle::before {
		background-image: url(../img/mo/day_29_before.png);
	}
	.showcase_july_event .attendance_days .day_item.day_29[data-state="done"] .day_circle::before {
		background-image: url(../img/mo/day_29_before_on.png);
	}
	.showcase_july_event .attendance_days .day_item.day_30 .day_img {
		width: 12.27vw;
		height: 6.4vw;
		top: 4vw;
		left: 1.33vw;
	}
	.showcase_july_event .attendance_days .day_item.day_30 .day_circle::before {
		background-image: url(../img/mo/day_30_before.png);
	}
	.showcase_july_event .attendance_days .day_item.day_30[data-state="done"] .day_circle::before {
		background-image: url(../img/mo/day_30_before_on.png);
	}
	.showcase_july_event .attendance_days .day_item.day_31 .day_img {
		width: 9.33vw;
		height: 9.33vw;
		top: 2.67vw;
		left: 2.67vw;
	}
	.showcase_july_event .attendance_days .day_item.day_31 .day_circle::before {
		background-image: url(../img/mo/day_31_before.png);
	}
	.showcase_july_event .attendance_days .day_item.day_31[data-state="done"] .day_circle::before {
		background-image: url(../img/mo/day_31_before_on.png);
	}
	.showcase_july_event .attendance_popup .attendance_days li .days {
		text-align: center;
		margin-top: 4.27vw;
	}
	.showcase_july_event .attendance_popup .attendance_days li span {
		background: #c8cacc;
		color: #fff;
		font-size: 3.73vw;
		line-height: 1;
		font-weight: 700;
		-webkit-border-radius: 1.07vw;
		        border-radius: 1.07vw;
		display: -webkit-inline-box;
		display: -webkit-inline-flex;
		display: -ms-inline-flexbox;
		display: inline-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: 2.13vw 3.73vw;
	}
	.showcase_july_event .attendance_popup .attendance_days .day_item[data-state="done"] .days span {
		background: #86c150;
	}
	.showcase_july_event .attendance_popup .popup_body {
		height: 100%;
	}
	.showcase_july_event .attendance_popup .popup_body .img_wrap {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.showcase_july_event .attendance_popup .popup_body .img_wrap img {
		width: 5.33vw;
		height: 5.33vw;
		position: absolute;
	}
	.showcase_july_event .attendance_popup .popup_body .img_wrap img:nth-child(1) {
		top: 88.8vw;
		left: 82.67vw;
	}
	.showcase_july_event .attendance_popup .popup_body .img_wrap img:nth-child(2) {
		top: 129.33vw;
		left: 8vw;
	}
	.showcase_july_event .redeem_popup {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: none;
	}
	.showcase_july_event .redeem_popup.on {
		display: block;
	}
	.showcase_july_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_july_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_july_event .redeem_popup .popup_title {
		color: #111;
		line-height: 1.11;
		font-size: 4.8vw;
		font-weight: 700;
		margin-bottom: 2.13vw;
	}
	.showcase_july_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_july_event .redeem_popup .popup_btns {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		gap: 2.13vw;
	}
	.showcase_july_event .redeem_popup .popup_btns button,
	.showcase_july_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_july_event .redeem_popup .popup_btns .btn_secondary {
		background-color: #fff;
		color: #111;
	}
	.showcase_july_event .redeem_popup .popup_btns .btn_primary {
		background-color: #000;
		color: #fff;
	}
}
/*# sourceMappingURL=showcase_july_event.css.map */