@charset "utf-8";
html {
	scroll-behavior: smooth;
}
body {
	background-color: #f2faff;
}
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
img {
	display: block;
	width: 100%;
}

/* .container {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
} */

ul {
	list-style: none;
}
.sec1 {
	position: relative;
}
.sec2 {
	background-color: #fff;
	position: relative;
}
.sec2_gif {
	position: absolute;
	top: 35%;
	left: 50%;
	transform: translateX(-50%);
	width: 75%;
	display: block;
}
.sec1_btn {
	position: absolute;
	bottom: 10%;
	left: 50%;
	transform: translateX(-50%);
	width: 75%;
	cursor: pointer;
}
.form_wrapper {
	position: fixed;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	background: #330083;
	background: linear-gradient(
		180deg,
		rgba(51, 0, 131, 1) 0%,
		rgba(17, 1, 34, 1) 100%
	);
	padding: 2% 5%;
	width: 1000px;
	z-index: 100;
}
.sec5-1 {
	margin-bottom: 5%;
}
form {
	margin: 0 auto;
}
.form_box {
	display: flex;
	flex-direction: column;
	margin-bottom: 3%;
}

.form_box label {
	font-size: clamp(14px, 4vw, 30px);
	display: flex;
	align-items: center;
	white-space: nowrap;
	gap: 15px;
}
.form_box label span {
	color: #fff;
}

.form_box input,
.form_box select {
	width: 100%;
	border: none;
	padding: 15px;
	border-radius: 10px;
	font-size: clamp(14px, 4vw, 30px);
}
.form_box_name {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-direction: row;
	justify-content: space-between;
}
.form_box input::placeholder,
.form_box select::placeholder {
	color: #cccccc;
	font-size: clamp(14px, 4vw, 30px);
}
.Period {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 2%;
	margin-top: 4%;
	font-size: clamp(12px, 2vw, 20px);
	font-weight: 500;
}
.privacy_box {
	display: flex;
	align-items: center;
	margin: 20px 0;
	justify-content: center;
	gap: 10px;
	font-size: clamp(14px, 4vw, 20px);
}
#privacy_agreement {
	width: 20px;
	display: inline-block;
	height: 20px;
	cursor: pointer;
	vertical-align: middle;
}
.label_privacy_agreement {
	font-size: clamp(10px, 2vw, 20px);
	color: #fff;
	display: flex;
	align-items: center;
	gap: 5px;
}
.privacy_modal {
	font-weight: bold;
	cursor: pointer;
	font-size: clamp(10px, 2vw, 20px);
}
.privacy_modal u {
	color: #fff;
}
.consult_request_btn {
	display: block;
	width: 100%;
	font-weight: bold;
	color: #330083;
	text-align: center;
	padding: 15px 0 8px;
	background: linear-gradient(45deg, #f4d79a, #debb72);
	background-size: 100% 100%;
	animation: colorChange 3s ease infinite;
	border-radius: 10px;
	font-size: clamp(14px, 5vw, 40px);
	font-family: "GmarketSans";
}

@keyframes colorChange {
	0% {
		background-position: 0% 0%;
	}
	100% {
		background-position: 100% 0%;
	}
}

.nofixed {
	position: relative;
}

.nofixed.form_wrapper {
	padding: 5%;
}

.scroll_section {
	position: relative;
	overflow: hidden;
	text-align: center;
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.scroll_section .title {
	width: 45%;
	margin: 0 auto;
}

.scroll_section .mySwiper {
	width: 900px;
	display: inline-block;
	height: 330px;
	overflow: hidden;
	background-color: #fff;
	border-radius: 20px;
	font-size: 25px;
}

.item-img img {
	width: auto;
	height: 40px;
}

.mo_img {
	display: none;
}

.pc_img {
	display: block;
}

.timer_custom {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}

.timer_custom > p {
	font-size: 2.8vw;
	color: #febb3a;
	margin-bottom: 20px;
	font-weight: bold;
	font-family: "GmarketSans", sans-serif;
}

.capital_count {
	position: relative;
	width: 100%;
	min-height: 500px;
}

.timer {
	font-family: "Bebas Neue", cursive;
	font-size: 7.5vw;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 3vw;
	text-align: center;
}

.timer > div {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	position: relative;
	padding-bottom: 3vw;
}

.timer > div::before {
	position: absolute;
	bottom: -35px;
	left: 50%;
	transform: translateX(-50%);
	font-size: 3.5vw;
	color: #fff;
}

.timer > .hours::before {
	content: "HOURS";
}

.timer > .minutes::before {
	content: "MINUTES";
}

.timer > .seconds::before {
	content: "SECONDS";
}

.timer span {
	background-color: #fff;
	color: #000;
	padding: 0 1vw;
	border-radius: 10px;
}

footer {
	background-color: #000;
	color: #fff;
	padding: 20px;
	text-align: center;
}

.pr_swiper {
	width: 100%;
	height: 100%;
	max-width: 1180px;
}

.pr_swiper_container {
	width: 100%;
	height: 100%;
	background-image: url("https://cdn.driven.run/landing/cash-tree/1/new/15_bg.jpg");
	background-size: cover;
	background-position: top;
	padding: 8% 0;
	overflow: hidden;
}

.pr_swiper_container .title {
	width: 25%;
	margin: 50px auto;
}

.pr_swiper_container .swiper {
	overflow: visible;
	margin-top: 20px;
}

.pr_swiper_container .swiper-pagination {
	bottom: -20px !important;
}

.mySwiper_wrapper {
	height: 100%;
	font-weight: bold;
}

#message-container {
	position: fixed; /* 화면에 고정 */
	bottom: 0; /* 화면의 아래쪽에 위치 */
	left: 50%; /* 왼쪽 기준으로 시작 */
	transform: translateX(-50%);
	word-break: keep-all;
	height: 50px;
	color: white; /* 텍스트 색상 흰색 */
	text-align: center; /* 텍스트를 중앙 정렬 */
	z-index: 9999; /* 다른 요소 위에 표시되도록 설정 */
	font-weight: 900;
	margin-bottom: 50px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
	border-radius: 10px;
}
.message {
	background: rgba(255, 81, 0, 0.7); /* light sky blue */
	padding: 10px 20px;
	border-radius: 10px;
	font-size: 1.2em;
	width: 250px;
	text-align: center;
	animation: fadeIn 0.5s ease-in-out;
}
@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(10px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.form_section {
	padding: 5% 10%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 30px;
}

.inputForm-wrapper {
	width: 100%;
	background-color: #fff;
	padding: 3% 6% 5.5%;
	border-radius: 20px;
	overflow: hidden;
}
.inputForm-flex-wrap > div {
	display: flex;
	align-items: center;
	gap: 15px;
}
.inputForm-flex-wrap > div > label {
	word-break: keep-all;
}

.inputForm-wrapper div input {
	background: #f2f2f2;
	border: none;
	padding: 3%;
	display: block;
	width: 100%;
	font-size: clamp(14px, 4vw, 30px);
}

.inputForm-flex-wrap {
	display: flex;
	flex-direction: column;
	gap: 15px;
	font-size: clamp(14px, 4vw, 30px);
}

.name-label {
	margin-left: 28px;
}

.num-input-wrap {
	display: flex;
	align-items: center;
	gap: 15px;
}

.num-input-wrap input:first-child {
	width: 20%;
}

.num-input-wrap input:last-child {
	width: 80%;
}

.modal {
	display: none;
	position: fixed;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.4);
}

.modal-content {
	background-color: #fefefe;
	margin: 15% auto;
	padding: 10px 30px;
	border: 1px solid #888;
	width: 40%;
	border: none;
}

.close {
	color: #aaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
}

.close:hover,
.close:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
}

.link_a {
	position: fixed;
	max-width: 220px;
	width: 7%;
	right: 10%;
	bottom: 10%;
	z-index: 9999;
	animation: float 2s ease-in-out infinite;
}

.link_a > img {
	width: 100%;
	height: auto;
}

@keyframes float {
	0% {
		transform: translateY(0px);
	}
	50% {
		transform: translateY(-15px);
	}
	100% {
		transform: translateY(0px);
	}
}

.pdf_banner {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.pdf_banner a {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-45%);
	display: inline-block;
}

.layerPop {
	font-family: "Noto Sans KR", sans-serif;
	position: fixed;
	left: 50%;
	top: 50%;
	box-shadow: 0 0 20px 11px rgba(0, 0, 0, 0.5);
	transform: translate(-50%, -50%);
	z-index: 10;
	background-color: #fff;
	border-radius: 15px;
	width: 35%;
	min-width: 300px;
	text-align: center;
	word-break: keep-all;
	display: none;
}
.layerPop .inner {
	position: relative;
	padding: 25px 25px 15px;
}
.layerPop strong {
	display: inline-block;
	font-size: 15px;
	color: #0047a6;
}
.layerPop .closeBtn {
	position: absolute;
	right: 0;
	top: 0px;
	width: 40px;
	height: 34px;
	border-radius: 10px 10px 0 0;
	background-color: transparent;
	border: none;
	font-weight: bold;
	font-size: 25px;
}

.layerPop .kakaoBtn {
	display: flex;
	width: 100%;
	height: 45px;
	background-color: #fee500;
	color: #000;
	border: none;
	border-radius: 15px;
	font-weight: bold;
	font-size: 18px;
	margin-top: 15px;
	line-height: 45px;
	text-decoration: none;
	justify-content: center;
	align-items: center;
}
.layerPop .kakaoBtn img {
	width: 40px;
	height: auto;
}

.formWarpBg {
	background-image: url("https://cdn.driven.run/landing/cash-tree/1/new/form_bg.jpg");
	background-size: cover;
	background-position: bottom;
	background-repeat: no-repeat;
	background-color: #00224a;
}

.timer_section {
	position: relative;
	width: 100%;
}

.timer_section .timer_custom {
	padding-top: 70px;
	top: 0;
	transform: translate(-50%, 0);
}

.timer_section .timer_custom > p {
	color: #00224a;
}
.timer_section .timer_custom .timer > div::before {
	color: #000;
}

.top_box {
	position: relative;
}

.top_box a {
	position: absolute;
	bottom: 5%;
	left: 50%;
	width: 30%;
	transform: translate(-50%, -50%);
}

.fixedBtn {
	display: none;
}



.section06 {
	position: relative;
}

#zoomView {
	position: absolute;
	top: 63px;
	left: 42%;
	transform: translateX(-50%);
	z-index: 10;
	padding: 10px 12px 10px 15px;
	background: #1279ff;
	color: white;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	font-weight: bold;
	display: flex;
	align-items: center;
	gap: 5px;
	font-size: 16px;
}
#zoomView .zoomIcon {
	display: inline-block;
	width: 18px;
	height: 18px;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_2' data-name='Layer 2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 525.66 525.21'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff; %7D %3C/style%3E%3C/defs%3E%3Cg id='_ëîé_1' data-name='—ëîé_1'%3E%3Cg%3E%3Cpath class='cls-1' d='M514.83,462.07l-81.93-81.93c28.84-39.52,45.87-88.2,45.87-140.87,0-63.72-24.91-121.62-65.53-164.5h-.2c-1.5-1.58-3.01-3.14-4.56-4.69-22.83-22.83-49.47-40.52-79.17-52.56-7.42-3.01-14.95-5.63-22.57-7.86.01-.02.03-.03.04-.05-12.22-3.57-24.84-6.2-37.79-7.8,0,0-.01.01-.02.02C259.18.62,249.27,0,239.28,0c-31.07,0-61.36,5.9-90.03,17.52-29.7,12.04-56.33,29.73-79.17,52.56-22.83,22.83-40.52,49.47-52.56,79.17C5.9,177.92,0,208.22,0,239.28c0,31.07,5.9,61.36,17.52,90.03,12.04,29.7,29.73,56.33,52.56,79.17,22.83,22.83,49.47,40.52,79.17,52.56,28.67,11.63,58.96,17.52,90.03,17.52s61.36-5.9,90.03-17.52c17.99-7.3,34.85-16.68,50.43-28h.12c.26-.19.5-.38.76-.57l81.9,81.9c14.44,14.44,37.86,14.44,52.31,0,14.44-14.44,14.44-37.86,0-52.31ZM299.97,423.79c-.97.32-1.95.62-2.93.93-.8.25-1.6.51-2.41.74-1.58.47-3.18.91-4.78,1.34-.81.22-1.63.42-2.44.63-1.03.26-2.07.52-3.11.77-.76.18-1.53.36-2.29.53-1.44.32-2.88.63-4.32.91-.35.07-.69.15-1.04.21-1.94.38-3.9.72-5.86,1.04-.2.03-.39.06-.59.09-6.17.98-12.44,1.67-18.79,2.06h.35c-8.3.53-16.63.53-24.92,0h.77c-16.9-1.02-33.21-4.2-48.67-9.28v.13c-19.58-6.37-38.34-15.92-55.47-28.66v-.31c-31.19-23.28-55.14-55.72-67.88-93.33h-.25c-4.43-13.16-7.42-26.7-8.97-40.37-2.14-18.94-.91-38.1,3.14-56.72.89-4.08,1.84-8.47,2.73-12.56,4.2-19.42,11.44-38.11,21.91-55,7.72-12.46,16.98-24.23,27.78-35.04,35.13-35.13,80.49-53.96,126.58-56.5,0,0-.01.01-.02.02,3.65-.2,7.32-.32,11.01-.32,1.97,0,3.94.04,5.9.1,1.04.03,2.08.06,3.12.11.16,0,.32.02.47.03,38.63,1.91,76.79,15.27,108.91,40.07.16.12.31.24.46.36,6.35,4.93,12.45,10.3,18.28,16.13,75.74,75.74,75.74,198.98,0,274.72-3.15,3.15-6.4,6.16-9.71,9.06-.48.42-.95.84-1.44,1.26-.52.44-1.04.87-1.56,1.31-.89.74-1.78,1.49-2.69,2.22-.34.28-.69.55-1.03.82-1.11.88-2.23,1.76-3.36,2.62-17.5,13.32-36.75,23.28-56.88,29.86Z'/%3E%3Cpolygon class='cls-1' points='267.24 267.12 346.64 267.12 346.64 211.44 267.24 211.44 267.24 132.05 211.56 132.05 211.56 211.44 132.17 211.44 132.17 267.12 211.56 267.12 211.56 346.52 267.24 346.51 267.24 267.12'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	background-size: cover;
}

.zoom_slide {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	z-index: 1000;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.zoom_slide img {
	max-width: 90%;
	max-height: 80vh;
	object-fit: contain;
}

.slide_navigation {
	position: fixed;
	top: 20px;
	left: 50%;
	transform: translateX(-50%);
	display: none;
	gap: 20px;
	z-index: 1002;
}

.slide_navigation button {
	width: 50px;
	height: 50px;
	background: rgba(255, 255, 255, 0.2);
	border: none;
	color: white;
	font-size: 24px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background 0.3s;
}

.slide_navigation button:hover {
	background: rgba(255, 255, 255, 0.3);
}

.zoom_slide .close_zoom {
	position: fixed;
	top: 20px;
	right: 20px;
	color: white;
	font-size: 30px;
	cursor: pointer;
	z-index: 1001;
	background: #000;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}



@media (max-width: 768px) {
	.slide_navigation {
		display: flex;
	}
	#zoomView {
		top: 20px;
		left: 50%;
		font-size: 13px;
	}
	.zoom_slide {
		flex-direction: row;
		justify-content: flex-start;
		padding: 0 0 60px;
		gap: 30px;
		overflow-x: hidden;
	}

	.zoom_slide img {
		max-width: 100%;
		max-height: 65vh;
		flex-shrink: 0;
	}
	.fixedBtn {
		display: block;
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		background: #004aad;
		z-index: 9999;
		opacity: 0;
	}

	.fixedBtn.fixed {
		opacity: 1;
		pointer-events: auto;
	}

	.capital_count {
		min-height: 24vh;
	}
	.timer_section .timer_custom {
		padding-top: 30px;
	}
	.top_box a {
		width: 80%;
	}
	.layerPop br {
		display: none;
	}
	.pdf_banner > img {
		width: 220%;
		transform: translateX(-27%);
	}
	.pdf_banner a {
		width: 89%;
		transform: translateX(-46%);
	}
	.modal-content {
		width: 80%;
	}
	.privacy_box {
		word-break: keep-all;
		font-size: 12px;
	}
	.link_a {
		width: 15%;
		bottom: 12%;
	}
	.pr_swiper_container {
		background-image: url("https://cdn.driven.run/landing/cash-tree/1/new/15_bg.jpg");
		background-size: 270% auto;
		background-position: top;
		background-repeat: no-repeat;
		padding: 20% 10% 15%;
		background-color: #fff;
	}
	.pr_swiper_container .title {
		width: 90%;
		margin: 0 auto;
	}
	.form_section {
		padding: 10% 5% 15%;
	}
	.form_section > img {
		width: 80% !important;
	}

	.inputForm-wrapper {
		padding: 6%;
	}

	.name-label {
		margin-left: 4vw;
	}
	.inputForm-flex-wrap,
	.num-input-wrap {
		gap: 10px;
	}
	.scroll_section {
		gap: 20px;
	}
	.scroll_section .title {
		width: 87%;
		margin-top: 3% !important;
	}
	.timer {
		font-size: 15vw;
		gap: 4vw;
	}
	.timer span {
		padding: 0 2vw;
	}
	.timer_custom > p {
		font-size: 5vw;
		margin-bottom: 10px;
	}

	.timer > div::before {
		font-size: 5vw;
		bottom: -20px;
	}

	.mo_img {
		display: block;
	}
	.pc_img {
		display: none;
	}
	.scroll_section .mySwiper {
		height: 230px;
		width: 85%;
		font-size: 16px;
	}
	.item-img img {
		width: 100px;
		height: auto;
	}
	#privacy_agreement {
		width: 15px;
		height: 15px;
	}
	.privacy_modal_content {
		padding: 5%;
		height: 50%;
	}
	.form_wrapper {
		padding: 15px;
		width: 100%;
	}
	.form_box input,
	.form_box select {
		padding: 5px 10px;
		border-radius: 5px;
	}
	.consult_request_btn {
		padding: 8px 0 5px;
	}
	.nofixed .consult_request_btn {
		padding: 13px 0 10px;
	}
}