/* 공통 : s */
.main_event_wrap {
	width: 100vw;
	color: #000;
	font-family: 'noto4';
	overflow: hidden;
}

.main_event_wrap li {
	float: none;
}

.main_event_wrap button {
	border: none;
	background: none;
	cursor: pointer;
}

.main_event_wrap a {
	color: inherit;
}

.main_event_wrap img {
	display: block;
}

.main_event_wrap .screen_out {
	border: 0;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	white-space: nowrap;
}

.main_event_wrap .main_inner {
	position: relative;
	width: 100%;
}

.main_event_wrap .main_title {
	line-height: 1.28;
	letter-spacing: -0.04em;
	color: #000;
	font-size: clamp(12px, 5.867vw, 44px);
	font-family: 'noto6';
}

.main_event_wrap .main_title h3 {
	font-family: 'noto7';
	font-size: 6.644vw;
	letter-spacing: -0.055em;
	text-align: center;
	line-height: 1.2;
}

.main_event_wrap .main_title h3 em {
	color: #1aabb1;
}

@keyframes down_ani {
	25% {
		opacity: 1;
	}
	50% {
		opacity: 1;
		transform: translate(-50%, 15px);
	}
	100% {
		opacity: 0;
		transform: translate(-50%, 30px);
	}
}

@keyframes pointerBounceDiagonal {
	0%,
	100% {
		transform: translate(0, 0);
	}

	50% {
		transform: translate(-10px, -10px);
	}
}

@keyframes floating {
	0% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-1.389vw);
	}

	100% {
		transform: translateY(0);
	}
}

@keyframes floating1 {
	0% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-1.389vw);
	}

	100% {
		transform: translateY(0);
	}
}
/* 공통 : e */

/* 컨텐츠 : s */
.main_event_wrap .visual_cont {
	position: relative;
}

.main_event_wrap .visual_cont .visual_item_1 {
	position: absolute;
	top: 76.778vw;
	left: 3.389vw;
	width: 89.333vw;
	z-index: 1;
	animation: floating1 1.5s ease-in-out infinite alternate;
}

.main_event_wrap .visual_cont .visual_item_2 {
	position: absolute;
	top: 96vw;
	left: 8.389vw;
	width: 92.444vw;
	animation: floating 2s ease-in-out infinite alternate 0.5s;
}

.main_event_wrap .visual_cont .visual_title {
	position: absolute;
	top: 44.528vw;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	font-family: 'market-b';
	font-size: 13.706vw;
	letter-spacing: -0.065em;
	line-height: 1.1;
	text-align: center;
	color: #fff200;
}

.main_event_wrap .visual_cont .visual_list {
	display: flex;
	gap: 2.5vw;
	position: absolute;
	bottom: 15.194vw;
	left: 0;
	width: 100%;
	padding: 0 6.25vw;
	box-sizing: border-box;
}

.main_event_wrap .visual_cont .visual_list .list_item {
	position: relative;
	width: calc((100% - 5vw) / 3);
	height: 28.722vw;
	padding-top: 14.578vw;
	border-radius: 2.778vw;
	box-sizing: border-box;
	box-shadow: 0px 15px 31px 0px rgba(0, 0, 0, 0.33), inset 1px 1px 0px 0px rgba(161, 174, 254, 0.69);
}

.main_event_wrap .visual_cont .visual_list .list_item_1 {
	background: rgba(48, 84, 92, 0.6) url('/_skin/sidae/images/board_new/lifetime_voucher/v2/benefit_1.png') no-repeat left 7.267vw top 1.528vw / 16.806vw auto;
}

.main_event_wrap .visual_cont .visual_list .list_item_2 {
	background: rgba(48, 84, 92, 0.6) url('/_skin/sidae/images/board_new/lifetime_voucher/v2/benefit_2.png') no-repeat left 8.778vw top 0.694vw / 15.139vw auto;
}

.main_event_wrap .visual_cont .visual_list .list_item_3 {
	background: rgba(48, 84, 92, 0.6) url('/_skin/sidae/images/board_new/lifetime_voucher/v2/benefit_3.png') no-repeat left 6.972vw top 4.167vw / 15.278vw auto;
}

.main_event_wrap .visual_cont .visual_list .list_item.is_active {
	outline: 3px solid #fff200 !important;
	background-color: #30545c;
}

.main_event_wrap .visual_cont .visual_list .item_title {
	line-height: 1.2;
	letter-spacing: -0.02em;
	color: #fff200;
	text-align: center;
	font-family: 'noto6';
	font-size: 3.056vw;
}

.main_event_wrap .visual_cont .visual_list .item_text {
	line-height: 1.2;
	margin: 0.278vw 0 0;
	letter-spacing: -0.02em;
	text-align: center;
	color: #fff;
	font-size: 3.056vw;
}

.main_event_wrap .visual_cont .visual_list .item_noti {
	position: absolute;
	bottom: -4.444vw;
	left: 0;
	width: 100%;
	text-align: right;
	letter-spacing: -0.02em;
	font-size: 1.944vw;
	opacity: 0.6;
}

.main_event_wrap .navi_cont {
	background: #fff;
}

.main_event_wrap .navi_cont .main_inner {
	width: 88vw;
	margin: 0 auto;
	padding: 18.133vw 0 25.067vw;
}

.main_event_wrap .navi_cont .allCateArea .wrap_title {
	font-size: clamp(12px, 5.333vw, 40px);
}

.main_event_wrap .navi_cont .categoryList li a {
	padding: clamp(10px, 2.667vw, 20px) 10px;
	font-size: clamp(10px, 3.733vw, 28px);
}

.main_event_wrap .navi_cont .navi_note {
	margin-top: 3.067vw;
	color: #5f5f5f;
	font-size: clamp(12px, 2.4vw, 18px);
}

.main_event_wrap .navi_cont .mainContentArea {
	margin-top: 11.2vw;
	padding: 0;
}

.main_event_wrap .desc_cont {
	position: relative;
}

.main_event_wrap .desc_cont .main_inner {
}

.main_event_wrap .desc_cont .desc_bullet {
	position: absolute;
	top: 75.778vw;
	right: 7.25vw;
	width: 37.611vw;
	height: 15.278vw;
	animation: floating 1s infinite;
}

.main_event_wrap .desc_cont .btn_desc {
	position: absolute;
	top: 113.6vw;
    left: 31.867vw;
    width: 36.533vw;
    height: 9.333vw
}

.main_event_wrap .apply_cont {
	width: 100%;
	padding: 18vw 0 23.194vw;
	box-sizing: border-box;
	background: #fff;
}

.apply_cont .apply_cate_list {
	width: 100%;
	margin: 12.361vw 0 0;
    padding-left: 6.25vw;
    box-sizing: border-box;
}

.apply_cont .apply_cate_list .list_item {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
}

.apply_cont .apply_cate_list .list_item + .list_item {
	margin-top: 0.533vw;
}

.apply_cont .apply_cate_list .btn_cate_open {
	letter-spacing: -0.025em;
	font-size: 3.056vw;
	font-family: 'noto6';
}

.apply_cont .apply_cate_list .btn_cate_open::after {
	content: '▼';
	margin: 0 0 0 1.389vw;
	font-size: 1.806vw;
}

.apply_cont .apply_cate_list .btn_cate_open.is_active::after {
	content: '▲';
}

.apply_cont .apply_cate_list .cat_list_wrap {
	width: 100%;
	height: 0;
	overflow-y: hidden;
	overflow-x: auto;
	transition: 0.3s ease-in-out;
}

.apply_cont .apply_cate_list .cate_list {
	display: flex;
	flex-wrap: wrap;
	width: 150vw;
	gap: 1.944vw 1.25vw;
	padding: 20px 0 26px 0.417vw;
}

.apply_cont .apply_cate_list .cate_list li {
}

.apply_cont .apply_cate_list .cate_list label {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 5.417vw;
	line-height: 1.2;
	padding: 0 4.028vw;
	border: 1px solid #000;
	border-radius: 39px;
	letter-spacing: -0.025em;
	font-size: 2.222vw;
	cursor: pointer;
}

.apply_cont .apply_cate_list .cate_list input:checked + label {
	background: #1aabb1;
	color: #fff;
}

.apply_cont .apply_search {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(100% - 12.5vw);
	height: 11.389vw;
	padding: 0 4.722vw 0 3.056vw;
	margin: 7.639vw auto 0;
	border-radius: 1.389vw;
	background: #f7f7f7;
}

.apply_cont .apply_search .search_title {
	line-height: 1.2;
	padding: 0 0 0 0.556vw;
	border-left: 2px solid #1aabb1;
	letter-spacing: -0.025em;
	color: #1aabb1;
	font-size: 2.5vw;
	font-family: 'noto6';
    width: 17%;
}

.apply_cont .apply_search .search_input {
	width: 100%;
	max-width: 106.806vw;
	height: 5.556vw;
	margin: 0 0 0 1.389vw;
	padding: 0 2.778vw;
	border: 1px solid #c9c9c9;
	border-radius: 1.389vw;
	color: #000;
	font-size: 2.5vw;
	font-family: 'noto4';
	background: #fff;
}

.apply_cont .apply_search .search_input::placeholder {
	color: #c9c9c9;
}

.apply_cont .apply_search .search_utils {
	display: flex;
	gap: 0.972vw;
	margin: 0 0 0 0.972vw;
}

.apply_cont .apply_search .search_utils button {
	width: 11.944vw;
	height: 5.556vw;
	border-radius: 0.972vw;
	letter-spacing: -0.045em;
	color: #fff;
	font-size: 2.083vw;
	font-family: 'spoqa4';
	background: #878787;
}

.apply_cont .apply_search .search_utils .btn_search {
	background: #1aabb1;
}

.apply_cont .apply_content {
	display: flex;
	flex-direction: column;
	margin: 4.167vw 0 0;
	width: 100%;
	padding: 0 6.25vw;
	box-sizing: border-box;
}

.apply_cont .apply_content .content_item {
	display: flex;
	align-items: center;
    justify-content: center;
	padding: 2.222vw 4.267vw 2.639vw 5.528vw;
	border: 1px solid #c9c9c9;
	border-radius: 2.5vw;
}

.apply_cont .apply_content .content_item + .content_item {
	margin-top: 1.806vw;
}

.apply_cont .apply_content .content_item_empty {
	display: none;
	justify-content: center;
	height: 30.139vw;
}

.apply_cont .apply_content.is_empty .content_item_empty {
	display: flex;
}

.apply_cont .apply_content.is_empty .content_utils {
	display: none;
}

.apply_cont .apply_content .empty_text {
	position: relative;
	line-height: 1.2;
	letter-spacing: -0.025em;
	color: #c1c1c1;
	font-size: 2.5vw;
	font-family: 'noto5';
}

.apply_cont .apply_content .empty_text::before {
	content: '';
	display: block;
	width: 10.556vw;
	height: 10.556vw;
	margin: 0 auto 10px;
	background: url('/_skin/sidae/images/board_new/lifetime_voucher/v2/icon_empty.png') no-repeat 0 0;
}

.apply_cont .apply_content .item_detail {
	flex: 1 1 auto;
}

.apply_cont .apply_content .detail_tags {
	display: flex;
	gap: 0.694vw;
}

.apply_cont .apply_content .detail_tags li {
	display: flex;
	align-items: center;
	height: 3.056vw;
	border: 1px solid #7d7d7d;
	padding: 0 1.528vw;
	border-radius: 3.056vw;
	letter-spacing: -0.025em;
	color: #7d7d7d;
	font-size: 1.806vw;
}

.apply_cont .apply_content .detail_title {
	line-height: 1.2;
	margin: 0.972vw 0 0;
	letter-spacing: -0.025em;
	font-size: 2.778vw;
	font-family: 'noto6';
}

.apply_cont .apply_content .detail_desc {
	line-height: 1.2;
	margin: 0.833vw 0 0;
	letter-spacing: -0.025em;
	font-size: 2.222vw;
	font-family: 'noto2';
}

.apply_cont .apply_content .detail_noti {
	line-height: 1.2;
	margin: 0.417vw 0 0;
	letter-spacing: -0.025em;
	color: #fc2b2b;
	font-size: 2.083vw;
}

.apply_cont .apply_content .item_utils {
	flex: 0 0 auto;
}

.apply_cont .apply_content .btn_more {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 21.806vw;
	height: 6.806vw;
	border-radius: 0.972vw;
	color: #fff;
	font-size: 2.083vw;
	font-family: 'noto6';
	background: #1aabb1;
}

.apply_cont .apply_content .content_pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: 100%;
	margin: 4.028vw 0 0;
}

.apply_cont .apply_content .content_pagination a {
	line-height: 1.2;
	letter-spacing: -0.015em;
	color: #696969;
	font-size: 2.083vw;
	font-family: 'spoqa3';
}

.apply_cont .apply_content .content_pagination .selected {
	color: #000;
	font-family: 'spoqa4';
}

.apply_cont .apply_content .content_utils {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 3.333vw 0 0;
}

.apply_cont .apply_content .btn_apply_more {
	width: 6.533vw;
	height: 6.533vw;
	border-radius: 50%;
	box-shadow: 0vw 0.933vw 1.467vw 0vw rgba(0, 0, 0, 0.2);
	background: url('/mobile/new/main/event/lifetime_voucher/new/icon_more.png') no-repeat 0 0 / cover;
}

.main_event_wrap .qna_cont {
	background: #deeced;
}

.main_event_wrap .qna_cont .main_inner {
	padding: 18.561vw 6.25vw 22.083vw;
	box-sizing: border-box;
}

.main_event_wrap .qna_cont .main_title {
	color: #000;
}

.main_event_wrap .qna_cont .qna_list {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	gap: 3.889vw;
	margin: 12.294vw 0 0;
}

.main_event_wrap .qna_cont .qna_list .list_item {
	position: relative;
	width: 100%;
	height: 29.556vw;
	text-align: center;
    opacity: 0;
    transform: scale(0.3);
    transform-origin: center;
}

.main_event_wrap .qna_cont .qna_list.is_active .list_item {
    opacity: 1;
    transform: scale(1);
}

.main_event_wrap .qna_cont .qna_list .list_item:nth-child(1) {
    transition: all 0.5s 0.2s;
}

.main_event_wrap .qna_cont .qna_list .list_item:nth-child(2) {
    transition: all 0.5s 0.4s;
}

.main_event_wrap .qna_cont .qna_list .list_item:nth-child(3) {
    transition: all 0.5s 0.6s;
}

.main_event_wrap .qna_cont .qna_list .list_item:nth-child(4) {
    transition: all 0.5s 0.8s;
}

.main_event_wrap .qna_cont .qna_list .list_item:nth-child(5) {
    transition: all 0.5s 1s;
}

.main_event_wrap .qna_cont .qna_list .list_item:nth-child(5) .item_answer {
	gap: 0.4vw;
}

.main_event_wrap .qna_cont .qna_list .list_item:hover .item_answer,
.main_event_wrap .qna_cont .qna_list .list_item:focus .item_answer {
	opacity: 1;
}

.main_event_wrap .qna_cont .qna_list .list_item > div {
	display: flex;
	align-items: center;
	flex-direction: column;
	width: 100%;
	height: 100%;
	border-radius: 4.167vw;
	box-sizing: border-box;
}

.main_event_wrap .qna_cont .item_question {
	gap: 1.778vw;
	position: relative;
	padding-top: 2.778vw;
	letter-spacing: -0.045em;
	color: #fff;
	font-size: 4.861vw;
	background: #1aabb1;
}

.main_event_wrap .qna_cont .item_question::after {
	content: '';
	position: absolute;
	bottom: -3.867vw;
	right: -2vw;
	width: 15.067vw;
	height: 14.933vw;
	background: url('/_skin/sidae/images/board_new/lifetime_voucher/v2/pointer.png') no-repeat 0 0 / contain;
	animation: pointerBounceDiagonal 0.8s ease infinite;
}

.main_event_wrap .qna_cont .item_question .item_title,
.main_event_wrap .qna_cont .item_question .item_text {
	line-height: 1.3;
	font-family: 'noto6';
}

.main_event_wrap .qna_cont .item_question .item_text em {
	color: #ffef6b;
	font: inherit;
}

.main_event_wrap .qna_cont .item_answer {
	gap: 2.778vw;
	position: absolute;
	top: 0;
	left: 0;
	padding: 4.778vw 0 0;
	opacity: 0;
	background: #fff;
	box-shadow: 0px 15px 40px 0px rgba(0, 0, 0, 0.48);
	letter-spacing: -0.045em;
	font-size: 4.861vw;
	transition: opacity 0.3s ease-in-out;
}

.main_event_wrap .qna_cont .item_answer .item_title {
	line-height: 1.3;
	letter-spacing: -0.065em;
	font-size: 4.267vw;
	font-family: 'noto7';
}

.main_event_wrap .qna_cont .item_answer .item_text {
	font-family: 'noto3';
	font-size: 3.278vw;
}

.main_event_wrap .qna_cont .item_answer .item_text em {
	font-family: 'noto7';
}

.main_event_wrap .noti_cont {
	padding: 10.4vw 0 26.667vw;
	color: #fff;
	background: #484e5c;
}

.main_event_wrap .noti_cont .main_inner {
	width: 88.267vw;
	margin: 0 auto;
}

.main_event_wrap .noti_cont .notice_title {
	letter-spacing: -0.065em;
	font-size: clamp(12px, 6.133vw, 46px);
	font-family: 'noto6';
}

.main_event_wrap .noti_cont .notice_list {
	display: flex;
	flex-direction: column;
	gap: 10.667vw;
	margin-top: 6.533vw;
	padding-left: 0.533vw;
}

.main_event_wrap .noti_cont .list_item dt {
	letter-spacing: -0.065em;
	font-size: clamp(12px, 3.733vw, 28px);
	font-family: 'noto5';
}

.main_event_wrap .noti_cont .list_item dd {
	display: flex;
	flex-direction: column;
	margin-top: 2.8vw;
	padding-left: 4vw;
}

.main_event_wrap .noti_cont .item_title {
	position: relative;
	line-height: 1.3;
	letter-spacing: -0.035em;
	word-break: keep-all;
	font-size: clamp(12px, 2.667vw, 20px);
}

.main_event_wrap .noti_cont .item_title + .item_title,
.main_event_wrap .noti_cont .item_list + .item_title {
	margin-top: 4.933vw;
}

.main_event_wrap .noti_cont .title_num {
	position: absolute;
	top: 0;
	left: -4vw;
}

.main_event_wrap .noti_cont .item_title + .item_list {
	margin-top: 0.4vw;
}

.main_event_wrap .noti_cont .item_note,
.main_event_wrap .noti_cont .item_list li {
	line-height: 1.6;
	letter-spacing: -0.035em;
	word-break: keep-all;
	font-size: clamp(12px, 2.667vw, 20px);
	font-family: 'noto2';
}

.main_event_wrap .noti_cont .item_note {
	margin-top: 4vw;
	word-break: keep-all;
}
/* 컨텐츠 : e */
