/* Reset */
* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

.hmQPBA {
	bottom: 200px !important;
}

/* Base */
html {
	overflow-x: hidden;
	background-color: #262626;
	scroll-behavior: smooth;
	font-family: "Noto Sans KR", "Malgun Gothic", sans-serif;
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	-webkit-overflow-scrolling: touch;
	overflow: hidden;
}

.header-contents {
	position: absolute;
	top: 50%;
	left: 70%;
	object-fit: cover;
	transform: translate(-50%, -50%);
	display: flex;
	align-items: center;
	gap: 10px;
}

.header-contents a img {
	height: 50px;
	overflow: hidden;
	border-radius: 50px;
	width: auto;
}

.countdown-today {
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	white-space: nowrap;
	padding-bottom: 10px;
}

.countdown-number {
	color: #feffab;
	font-size: 32px;
	font-weight: bold;
}

/* Common */
.img70 {
	width: 70% !important;
	margin: 0 auto;
	display: block;
}

.container .img80 {
	width: 80%;
	margin: 0 auto;
	display: block;
}

/* Floating Animation Keyframes */
@keyframes floating {
	0% {
		transform: translate(-50%, -50%) translateY(0px);
	}
	50% {
		transform: translate(-50%, -50%) translateY(-15px);
	}
	100% {
		transform: translate(-50%, -50%) translateY(0px);
	}
}

@keyframes floating2 {
	0% {
		transform: translate(-50%, -50%) translateY(0px);
	}
	50% {
		transform: translate(-50%, -50%) translateY(-20px);
	}
	100% {
		transform: translate(-50%, -50%) translateY(0px);
	}
}

@keyframes floating3 {
	0% {
		transform: translate(-50%, -50%) translateY(0px);
	}
	50% {
		transform: translate(-50%, -50%) translateY(-12px);
	}
	100% {
		transform: translate(-50%, -50%) translateY(0px);
	}
}

/* Scroll Animation Keyframes */
@keyframes scaleUp {
	0% {
		opacity: 0;
		transform: scale(0.8);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}

@keyframes flipUp {
	0% {
		opacity: 0;
		transform: perspective(400px) rotateX(90deg);
	}
	100% {
		opacity: 1;
		transform: perspective(400px) rotateX(0deg);
	}
}

/* Title Animation Classes */
.title-animate {
	opacity: 0;
	transition: all 0.8s ease-out;
}

.title-animate.scale-up {
	animation: scaleUp 0.8s ease-out forwards;
}

.title-animate.flip-up {
	animation: flipUp 0.8s ease-out forwards;
}

/* Header */
header {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
	background-color: #ff3364;
}

header img {
	display: block;
	width: 100%;
}

header > img {
	width: 80%;
}

.container > img {
	width: 100%;
	display: block;
}

/* Contents */
.contents {
	margin: 0 auto;
	display: flex;
	justify-content: space-around;
	align-items: center;
	max-width: 56.8%;
}
.section01 {
	position: relative;
	height: 100vh;
}

.section01_title {
	position: relative;
	z-index: 15;
}

.section01_bg {
	width: 80%;
	position: absolute;
	top: 0;
	left: 50%;
	height: 100%;
	transform: translateX(-50%);
}
.section01_mark,
.section01_title {
	width: 60%;
	margin: 0 auto;
	display: block;
}

.section01_title {
	/* 애니메이션 제거 - 처음부터 보이도록 */
}

.section01_contents {
	position: absolute;
	top: 2%;
	left: 50%;
	transform: translate(-50%, 0%);
	z-index: 10;
}

.section01_contents_inner {
	position: relative;
	height: 50vh;
}

.section01_contents_inner img {
	position: absolute;
	transform: translate(-50%, -50%);
}

.section01_icon_01_01 {
	top: 20%;
	left: 1%;
	width: 42%;
	animation: floating 3s ease-in-out infinite;
}

.section01_icon_01_02 {
	top: 76%;
	left: 7%;
	width: 33%;
	animation: floating2 3.5s ease-in-out infinite;
}

.section01_icon_01_03 {
	top: 6%;
	left: 93%;
	width: 33%;
	animation: floating 2.8s ease-in-out infinite;
}

.section01_icon_01_04 {
	top: 61%;
	left: 95%;
	width: 33%;
	animation: floating3 3.2s ease-in-out infinite;
}

.section01_icon_01_05 {
	width: 45%;
	top: 50%;
	left: 50%;
	animation: floating2 3.8s ease-in-out infinite;
}

.section01_icon_01_06 {
	top: 27%;
	left: 116%;
	width: 11%;
	animation: floating 2.5s ease-in-out infinite;
}

.section01_icon_01_07 {
	top: -23%;
	left: -3%;
	width: 16%;
	animation: floating3 3.3s ease-in-out infinite;
}

/* Section 02 */
.section02_title {
	width: 28%;
	margin: 6% auto 3%;
	display: block;
	opacity: 0;
	transform: scale(0.8);
	transition: all 0.8s ease-out;
}

.section02_title.animate {
	opacity: 1;
	transform: scale(1);
}

.section02 .contents {
	margin: 0 auto;
	display: flex;
	justify-content: space-around;
	align-items: center;
	max-width: 48.8%;
	text-align: center;
}

.section02 .swiper-slide {
	opacity: 0;
	transform: scale(0.8);
	transition: all 0.6s ease-out;
}

.section02 .swiper-slide.animate {
	opacity: 1;
	transform: scale(1);
}

.section02 .swiper-slide img {
	display: inline-block;
	width: 80%;
}

/* Section 03 04 */
.section0304 {
	text-align: center;
	padding: 6% 0;
}

.section0304 img.section0304_title {
	width: 40%;
	margin: 0 auto;
	display: block;
	opacity: 0;
	transform: scale(0.8);
	transition: all 0.8s ease-out;
}

.section0304 img.section0304_title.animate {
	opacity: 1;
	transform: scale(1);
}

.section0304 img.section0304_subtitle {
	width: 40%;
	margin: 2% auto 0;
	display: block;
	opacity: 0;
	transform: scale(0.8);
	transition: all 0.8s ease-out;
}

.section0304 img.section0304_subtitle.animate {
	opacity: 1;
	transform: scale(1);
}

.section0304 img.section0304_promotion {
	width: 45%;
	margin: 0 auto;
	display: block;
}

/* Section 05 */
.section05 {
	position: relative;
	padding-top: 0px;
}

.section05 img.section05_title {
	width: 15%;
	margin: 0 auto;
	display: block;
	opacity: 0;
	transform: perspective(400px) rotateX(90deg);
	transition: all 0.8s ease-out;
}

.section05 img.section05_title.animate {
	opacity: 1;
	transform: perspective(400px) rotateX(0deg);
}

.section05 .section05_gif {
	width: 56.8%;
	margin: 0 auto 3%;
	display: block;
}

.section05 img.section05_bg {
	position: absolute;
	top: 30%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}

.section05 .contents {
	max-width: 50.8%;
	margin: 0 auto 7%;
	display: flex;
	justify-content: space-around;
	align-items: center;
	overflow: hidden;
}

.section05 img {
	width: 100%;
}

.section05 .swiper {
	width: 100%;
	overflow: hidden;
}

.section05 .swiper-slide {
	width: auto;
}

.section05 .swiper-slide img {
	height: auto;
}

.section05 .swiper-pagination {
	position: relative;
	margin-top: 20px;
	display: none;
}

.section05 .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background: #ccc;
	opacity: 1;
}

.section05 .swiper-pagination-bullet-active {
	background: #000;
}

/* Section 06 */
.section06 {
	position: relative;
}

.section06_title {
	width: 69%;
	padding-left: 4%;
	margin: 0 auto;
	display: block;
	opacity: 0;
	transform: scale(0.8);
	transition: all 0.8s ease-out;
}

.section06_title.animate {
	opacity: 1;
	transform: scale(1);
}

.section06 .contents {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 10;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	gap: 20px;
}

/* Section 07 */
.section07 {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
	padding-top: 6%;
}

.section07_titleIcon {
	width: 10%;
}

.section07_title {
	width: 25%;
	margin: 0 auto;
	display: block;
	opacity: 0;
	transform: perspective(400px) rotateX(90deg);
	transition: all 0.8s ease-out;
}

.section07_title.animate {
	opacity: 1;
	transform: perspective(400px) rotateX(0deg);
}

.section07 .section07_contents {
	display: flex;
	align-items: center;
	gap: 50px;
	margin-top: 17px;
	justify-content: center;
	margin-bottom: 100px;
	width: 44%;
}

.section07 .section07_keyword_contents {
	display: flex;
	justify-content: space-around;
	align-items: center;
	max-width: 60%;
	margin: 10px auto 0;
	gap: 50px;
}

.section07 .section07_keyword_contents img {
	height: 30px;
	opacity: 0;
	transform: scale(0.8);
	transition: all 0.6s ease-out;
}

.section07 .section07_keyword_contents img.animate {
	opacity: 1;
	transform: scale(1);
}

.section07 .section07_graph_1 {
	width: 35%;
	opacity: 0;
	transform: translateX(-100px);
	transition: all 0.8s ease-out;
}

.section07 .section07_graph_1.animate {
	opacity: 1;
	transform: translateX(0);
}

.section07 .section07_graph_2 {
	width: 54%;
	opacity: 0;
	transform: translateX(100px);
	transition: all 0.8s ease-out;
}

.section07 .section07_graph_2.animate {
	opacity: 1;
	transform: translateX(0);
}

/* Section 08 */
.section08 {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.section08_title {
	width: 19%;
	margin: 0 auto;
	display: block;
	opacity: 0;
	transform: scale(0.8);
	transition: all 0.8s ease-out;
}

.section08_title.animate {
	opacity: 1;
	transform: scale(1);
}

.section08_titleIcon {
	width: 10%;
}

.section08_arrow,
.section08_arrow_2 {
	width: 60px;
	margin: 10px auto;
	display: block;
	opacity: 0;
	transform: scale(0.8);
	transition: all 0.6s ease-out;
}

.section08_arrow.animate,
.section08_arrow_2.animate {
	opacity: 1;
	transform: scale(1);
}

.section08_contents {
	display: flex;
	align-items: center;
	width: 48%;
	padding: 0% 0 20px;
}

.section08_graph {
	width: 45%;
	opacity: 0;
	transform: translateX(-100px);
	transition: all 0.8s ease-out;
}

.section08_graph.animate {
	opacity: 1;
	transform: translateX(0);
}

.section08_text {
	width: 45%;
	opacity: 0;
	transform: translateX(100px);
	transition: all 0.8s ease-out;
}

.section08_text.animate {
	opacity: 1;
	transform: translateX(0);
}

.section08_bottomText {
	width: 20%;
	margin: 0 auto;
	display: block;
	opacity: 0;
	transform: scale(0.8);
	transition: all 0.6s ease-out;
}

.section08_bottomText.animate {
	opacity: 1;
	transform: scale(1);
}

.section08_trend,
.section08_purchase {
	height: 50px;
	opacity: 0;
	transform: scale(0.8);
	transition: all 0.6s ease-out;
}

.section08_trend.animate,
.section08_purchase.animate {
	opacity: 1;
	transform: scale(1);
}

/* Section 09 */
.section09 {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 6%;
}

.section09_title {
	width: 30%;
	margin: 0 auto;
	display: block;
	opacity: 0;
	transform: perspective(400px) rotateX(90deg);
	transition: all 0.8s ease-out;
}

.section09_title.animate {
	opacity: 1;
	transform: perspective(400px) rotateX(0deg);
}

.section09_titleIcon {
	width: 10%;
	margin: 0 auto;
	display: block;
	opacity: 0;
	transform: rotate(0deg);
	transition: all 0.8s ease-out;
}

.section09_titleIcon.animate {
	opacity: 1;
	transform: rotate(360deg);
}

.section09_keyword {
	max-width: 56.8%;
	margin: 2% auto;
	display: flex;
}

.section09_keyword img {
	width: 100%;
}

.section09_keyword .swiper {
	width: 100%;
	overflow: hidden;
}

.section09_keyword .swiper-slide {
	opacity: 0;
	transform: scale(0.8);
	transition: all 0.6s ease-out;
}

.section09_keyword .swiper-slide.animate {
	opacity: 1;
	transform: scale(1);
}

.section09_fashion_contents {
	display: flex;
	align-items: center;
	gap: 50px;
	position: relative;
	z-index: 20;
}

.section09_fashion_01_02_03 {
	display: flex;
	justify-content: space-around;
	flex-direction: column;
	align-items: center;
	max-width: 80%;
	gap: 15px;
}

.section09_fashion_01_02_03 img {
	width: 100%;
}

.section09_fashion_01_02_03 img.section09_arrow {
	width: 50px;
}

.section09_200percent {
	width: 50%;
	margin: -12% 0 3%;
}

.section09_fashionGraph {
	width: 60%;
}

.section10 {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 7% 0;
	gap: 20px;
	background-color: #000;
}

.section10_title {
	width: 28%;
	margin: 0 auto;
	display: block;
	opacity: 0;
	transform: scale(0.8);
	transition: all 0.8s ease-out;
}

.section10_title.animate {
	opacity: 1;
	transform: scale(1);
}

.section10_report {
	width: 40%;
}

.section10_reportBottom {
	width: 30%;
}

/* Section 12 */
.section12 {
	position: relative;
	width: 80%;
	margin: 0 auto;
}

.section12 .section12_bg {
	width: 100%;
}

.section12_contents {
	position: absolute;
	width: 45%;
	height: 90%;
	z-index: 10;
	right: 15px;
	top: 15px;
	padding: 50px;
	box-sizing: border-box;
	color: #fff;
	text-align: center;
}

.section12_contents img {
	width: 80%;
}

.section12_title {
	width: 40%;
	margin: 0 auto;
	display: block;
	opacity: 0;
	transform: perspective(400px) rotateX(90deg);
	transition: all 0.8s ease-out;
}

.section12_title.animate {
	opacity: 1;
	transform: perspective(400px) rotateX(0deg);
}

.section12 .section12_bg_mobile {
	display: none;
}

/* Scroll Section */
.scroll_inner {
	width: 74%;
	height: 350px;
	border-radius: 10px;
	overflow: hidden;
	background-color: #fff;
	padding: 10px;
}

.scroll_section {
	position: relative;
	overflow: hidden;
	text-align: center;
	display: flex;
	flex-direction: column;
	border-radius: 10px;
	height: 100%;
	border: 1px solid #ddd;
}

.scroll_section .scroll_section_header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-weight: bold;
	background-color: #f5f5f5;
	padding: 10px 50px;
}

.scroll_section .swiper-slide {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 76px;
	padding: 0 30px;
	font-size: 17px;
	box-sizing: border-box;
	border-bottom: 1px solid #ddd;
}

.scroll_section .swiper-slide img {
	height: 30px;
}

.scroll_section .item-date {
	font-weight: bold;
}

.scroll_section .mySwiper_wrapper {
	width: 100%;
	height: calc(100% - 40px);
}

.scroll_section .mySwiper {
	display: inline-block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	font-size: 25px;
}

.scroll_section .mySwiper .swiper-slide {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 76px;
	padding: 0 30px;
	font-size: 17px;
	box-sizing: border-box;
	border-bottom: 1px solid #ddd;
}

.scroll_section .mySwiper .vertical-banner-item {
	display: flex;
	align-items: center;
	justify-content: center;
	white-space: nowrap;
	/* overflow: hidden; */
	text-overflow: ellipsis;
}

.scroll_section .mySwiper .vertical-banner-item.item-date {
	font-weight: bold;
	flex: 0.8;
}

.scroll_section .mySwiper .vertical-banner-item.item-name {
	flex: 1;
	transform: translateX(23px);
}

.scroll_section .mySwiper .vertical-banner-item.item-phone {
	flex: 1.2;
	transform: translateX(30px);
}

.scroll_section .mySwiper .vertical-banner-item.item-btn {
	flex: 0.8;
	height: 30px;
	object-fit: contain;
}

/* Form Section */
.form_section {
	position: relative;
	overflow: hidden;
	text-align: center;
	display: flex;
	flex-direction: column;
	gap: 10px;
	border-radius: 20px;
	padding: 10px;
	align-items: center;
}

.inputForm-wrapper {
	display: flex;
	flex-direction: column;
	gap: 5px;
	width: 100%;
	max-width: 500px;
	margin: 0 auto;
}

.inputForm-wrapper > div {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	text-align: left;
	margin-bottom: 10px;
}

.inputForm-wrapper > div label {
	font-weight: bold;
	color: #fff;
	margin-right: 10px;
	text-align: left;
}

.inputForm-wrapper > div input,
.inputForm-wrapper > div select {
	flex: 1;
	padding: 10px;
	border: none;
	border-bottom: 1px solid #ddd;
	font-size: 16px;
	box-sizing: border-box;
	background: transparent;
	color: #fff;
}

.inputForm-wrapper > div input::placeholder {
	color: #ccc;
}

.inputForm-wrapper > div select {
	flex: 1;
	padding: 10px;
	border: 1px solid #ddd;
	border-radius: 5px;
	font-size: 16px;
	box-sizing: border-box;
	background: transparent;
	color: #fff;
	appearance: none;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: 1em;
	cursor: pointer;
}

.inputForm-wrapper > div select:hover {
	border: 1px solid #ff2e63;
}

.inputForm-wrapper > div select:focus {
	outline: none;
	border-bottom: 1px solid #ff2e63;
}

.inputForm-wrapper > div select option {
	background-color: #262626;
	color: #fff;
	padding: 10px;
	font-size: 16px;
}

.inputForm-wrapper > div input:focus {
	outline: none;
	border-bottom: 2px solid #ff2e63;
}

/* Footer */
footer {
	position: relative;
	width: 100%;
}

footer .scrollTopBtn {
	position: absolute;
	bottom: 20px;
	right: 20px;
	cursor: pointer;
	z-index: 100;
}

footer > img {
	width: 100%;
	display: block;
}

footer .scrollTopBtn img {
	width: 100%;
	display: block;
}

/* Privacy Box */
.privacy_box {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 10px;
}

.privacy_box label {
	display: flex;
	align-items: center;
	gap: 10px;
	cursor: pointer;
}

.privacy_box input[type="checkbox"] {
	display: none;
}

.privacy_box input[type="checkbox"] + span {
	position: relative;
	display: inline-block;
	width: 50px;
	height: 26px;
	background-color: #ccc;
	border-radius: 13px;
	transition: all 0.3s;
}

.privacy_box input[type="checkbox"] + span:before {
	content: "";
	position: absolute;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background-color: white;
	top: 2px;
	left: 2px;
	transition: all 0.3s;
}

.privacy_box input[type="checkbox"]:checked + span {
	background-color: #ff2e63;
}

.privacy_box input[type="checkbox"]:checked + span:before {
	transform: translateX(24px);
}

.agreeText {
	color: #fff;
	font-size: 17px;
}

#agreeView {
	color: #ff2e63;
	text-decoration: underline;
}

/* Modal */
.modal {
	display: none;
	position: fixed;
	z-index: 1000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	backdrop-filter: blur(5px);
}

.modal-content {
	position: relative;
	background-color: #fff;
	margin: 5% auto;
	padding: 30px;
	width: 80%;
	max-width: 600px;
	border-radius: 15px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
	animation: modalFadeIn 0.3s ease-out;
}

@keyframes modalFadeIn {
	from {
		opacity: 0;
		transform: translateY(-20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.modal-content h3 {
	color: #333;
	font-size: 24px;
	margin-bottom: 20px;
	text-align: center;
}

.modal-content p {
	color: #666;
	font-size: 16px;
	line-height: 1.6;
	margin: 10px 0;
}

.close {
	position: absolute;
	right: 20px;
	top: 15px;
	color: #666;
	font-size: 24px;
	font-weight: bold;
	cursor: pointer;
	transition: color 0.3s;
}

.close:hover {
	color: #ff2e63;
}

/* Fixed Button */
.fixedBtn {
	width: 240px;
	position: fixed;
	bottom: 160px;
	right: 53px;
	z-index: 100;
	display: block;
	transition: opacity 0.3s ease;
}

#callBtn {
	display: none;
}

.custom-button-1 {
	position: fixed;
	bottom: 75px;
	right: 53px;
	z-index: 100;
	display: none;
	transition: opacity 0.3s ease;
	background-color: none;
	border: none;
	cursor: pointer;
}

.fixedBtn img {
	width: 100%;
	display: block;
}

.fixedBtn.hide {
	opacity: 0;
	pointer-events: none;
}

/* Swiper Pagination */
.swiper-pagination {
	position: relative;
	margin-top: 20px;
	display: none;
}

.swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background: #ccc;
	opacity: 1;
	margin: 0 5px;
}

.swiper-pagination-bullet-active {
	background: #000;
}

/* Media Queries */
@media screen and (max-width: 768px) {
	.header-contents a img {
		height: 30px;
	}

	.countdown-today {
		font-size: 14px;
		padding-bottom: 2px;
	}

	.countdown-number {
		font-size: 18px;
	}

	.header-contents {
		padding: 8px;
		left: 0;
		top: auto;
		bottom: -1px;
		width: 100%;
		justify-content: center;
		background: #fe3465;
		position: fixed;
		width: 100%;
		height: 50px;
		transform: translate(0px, 0px);
	}
	header > img {
		display: none;
	}

	.section07 .section07_keyword_contents img {
		height: 25px;
	}

	.section01_icon_01_02 {
		top: 64%;
		left: 4%;
	}

	.section09_200percent {
		width: 119%;
		margin: -42% 0 0%;
	}

	.section09_fashionGraph {
		width: 80%;
	}

	.section09_fashion_contents {
		flex-direction: column;
		padding: 10% 0;
		gap: 25px;
	}

	.section09_titleIcon {
		width: 30%;
	}

	.section09_title {
		width: 90%;
		margin-bottom: 30px;
	}

	.section09_fashion_01_02_03 {
		gap: 10px;
	}

	.section09_fashion_01_02_03 img {
		height: 30px;
	}

	.section09_fashion_01_02_03 img.section09_arrow {
		height: 40px;
		width: auto;
	}

	.section09_fashion_01_02_03 img.section09_fashion_03 {
		height: 65px;
	}

	.section08_bottomText {
		width: 20%;
	}

	.section08_arrow {
		width: 50px;
	}

	.section08_contents {
		width: 33%;
		padding: 3% 0 10px;
		justify-content: center;
	}

	.section08 {
		padding: 10% 0 0;
		width: 320%;
		transform: translateX(-34.5%);
	}

	.section10 {
		width: 228%;
		transform: translateX(-28%);
		padding: 13% 0;
	}

	.section07_titleIcon {
		width: 45%;
	}

	.section07 .section07_keyword_contents {
		flex-direction: column;
		gap: 25px;
		margin: 19px 0;
	}

	.scroll_inner {
		width: 100%;
	}

	.section06 .contents {
		max-width: 100%;
	}

	.section0304 {
		padding: 12% 0;
		width: 210%;
		transform: translateX(-26%);
	}

	.section02_title {
		width: 73%;
		margin: 12% auto 7%;
	}

	.section01_icon_01_03 {
		left: 104%;
	}

	.section01_icon_01_05 {
		width: 57%;
		top: 42%;
	}

	.section01_bg {
		height: auto;
		width: 220%;
	}

	.section01 {
		height: 58vh;
		overflow: hidden;
	}

	.section01_contents {
		width: 125%;
	}

	.section01_contents_inner {
		height: 35vh;
		width: 31vh;
		margin: 0 auto;
	}

	.scroll_section .mySwiper .vertical-banner-item {
		overflow: hidden;
	}

	.scroll_section .mySwiper .vertical-banner-item.item-name {
		transform: translateX(0);
	}

	.scroll_section .mySwiper .vertical-banner-item.item-phone {
		transform: translateX(0);
	}

	.section05 img.section05_title {
		width: 52%;
	}
	.section05 .section05_gif {
		width: 100%;
		position: relative;
		z-index: 30;
	}
	.scroll_inner {
		height: 250px;
	}
	.scroll_section .mySwiper .swiper-slide {
		gap: 15px;
	}
	.scroll_section .scroll_section_header {
		padding: 10px 25px;
	}
	.scroll_section .mySwiper .swiper-slide {
		padding: 0 15px;
		font-size: 12px;
	}

	.section06_bg {
		width: 320%;
	}
	.form_section {
		padding: 0 15px;
	}
	.section12_contents img {
		width: 100%;
	}
	.section07_title {
		width: 75%;
	}

	.section07 .section07_contents {
		flex-direction: column;
		width: 80%;
		margin: 0;
		gap: 20px;
	}

	.section07 .section07_contents > img {
		width: 100%;
	}

	.section05 .swiper-pagination,
	.section09 .swiper-pagination {
		display: block;
		position: relative;
		margin-top: 20px;
	}

	.section09_keyword {
		max-width: 90%;
	}

	.section09_keyword .swiper-slide {
		width: 50%;
	}

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

	.section09_keyword .swiper-pagination {
		display: block;
		position: relative;
		margin-top: 20px;
	}

	header > a.topBtn img {
		height: 37px;
		width: auto;
	}

	.container > img {
		width: 170% !important;
		transform: translateX(-20%);
	}

	.container .img70 {
		width: 95% !important;
		transform: translateX(-0.5%);
	}

	.section02 .contents {
		max-width: 100%;
	}

	.section02 .swiper-pagination {
		position: relative;
		margin-top: 20px;
	}

	.section02 .swiper-pagination-bullet {
		background: #fff;
		opacity: 0.5;
	}

	.section02 .swiper-pagination-bullet-active {
		opacity: 1;
		background: #ff2e63;
	}

	.section05 .contents img {
		width: 100%;
	}

	.section05 img.section05_bg {
		width: 100%;
		top: 28%;
	}

	.section12 {
		width: 100%;
		margin-top: 0;
	}

	.section12 .section12_bg {
		display: none;
	}

	.section12 .section12_bg_mobile {
		display: block;
		width: 100%;
	}

	.agreeText {
		font-size: 14px;
	}

	.section12_contents {
		position: static;
		padding: 10% 0 20%;
		height: auto;
		width: auto;
	}

	.section06_title {
		width: 90%;
	}

	.section05 .contents {
		max-width: 90%;
		display: block;
	}

	.section05 .swiper-slide {
		width: 50%;
	}

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

	.section05 .swiper-pagination {
		display: block;
		position: relative;
		margin-top: 20px;
	}

	.container .img11 {
		width: 225% !important;
		transform: translateX(-28%);
	}

	footer {
		padding-bottom: 48px;
	}

	footer > img {
		width: 170% !important;
		transform: translateX(-20%);
	}

	footer .scrollTopBtn {
		width: 10%;
		top: -54%;
	}

	.fixedBtn {
		width: 50px;
		bottom: 18%;
		right: 32px;
	}

	.custom-button-1 {
		width: 50px;
		bottom: 10%;
		right: 32px;
	}

	.fixedBtn img {
		width: 50px;
		height: 50px;
		box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
		border-radius: 50%;
	}

	.privacy_box input[type="checkbox"] + span {
		width: 40px;
		height: 20px;
		border-radius: 10px;
	}

	.privacy_box input[type="checkbox"] + span:before {
		width: 16px;
		height: 16px;
		top: 2px;
		left: 2px;
	}

	.privacy_box input[type="checkbox"]:checked + span:before {
		transform: translateX(20px);
	}

	.section09_keyword .swiper-slide {
		opacity: 1;
		transform: none;
		transition: none;
	}

	.section09_fashion_01_02_03 img {
		opacity: 0;
		transform: scale(0.8);
		transition: all 0.6s ease-out;
	}

	.section09_fashion_01_02_03 img.animate {
		opacity: 1;
		transform: scale(1);
	}

	.section09_fashionGraph {
		opacity: 0;
		transform: translateX(100px);
		transition: all 0.8s ease-out;
	}

	.section09_fashionGraph.animate {
		opacity: 1;
		transform: translateX(0);
	}

	.section09_200percent {
		opacity: 0;
		transform: scale(0.5);
		transition: all 0.8s ease-out;
	}

	.section09_200percent.animate {
		opacity: 1;
		transform: scale(1);
	}
}

/* PC에서만 애니메이션 적용 */
@media screen and (min-width: 769px) {
	.section09_keyword .swiper-slide {
		opacity: 0;
		transform: scale(0.8);
		transition: all 0.6s ease-out;
	}

	.section09_keyword .swiper-slide.animate {
		opacity: 1;
		transform: scale(1);
	}

	.section09_fashion_01_02_03 img {
		opacity: 0;
		transform: scale(0.8);
		transition: all 0.6s ease-out;
	}

	.section09_fashion_01_02_03 img.animate {
		opacity: 1;
		transform: scale(1);
	}

	.section09_fashionGraph {
		opacity: 0;
		transform: translateX(100px);
		transition: all 0.8s ease-out;
	}

	.section09_fashionGraph.animate {
		opacity: 1;
		transform: translateX(0);
	}

	.section09_200percent {
		opacity: 0;
		transform: scale(0.5);
		transition: all 0.8s ease-out;
	}

	.section09_200percent.animate {
		opacity: 1;
		transform: scale(1);
	}
}

/* 모바일에서는 원래대로 */
@media screen and (max-width: 768px) {
	.section09_keyword .swiper-slide {
		opacity: 1;
		transform: none;
		transition: none;
	}

	/* 모바일에서도 fashion 애니메이션은 활성화 */
	.section09_fashion_01_02_03 img {
		opacity: 0;
		transform: scale(0.8);
		transition: all 0.6s ease-out;
	}

	.section09_fashion_01_02_03 img.animate {
		opacity: 1;
		transform: scale(1);
	}

	.section09_fashionGraph {
		opacity: 0;
		transform: translateX(100px);
		transition: all 0.8s ease-out;
	}

	.section09_fashionGraph.animate {
		opacity: 1;
		transform: translateX(0);
	}

	.section09_200percent {
		opacity: 0;
		transform: scale(0.5);
		transition: all 0.8s ease-out;
	}

	.section09_200percent.animate {
		opacity: 1;
		transform: scale(1);
	}
}