html, body {width:100%;padding:0;line-height:1.3;font-weight:400;font-family:'Pretendard', sans-serif;background:#000000;overflow-x:hidden;}
.container * {box-sizing:border-box;}
.contentwrap {position:relative;width:100%;max-width:100vw;margin:0 auto;}

.dot_nav {position:fixed;z-index:1000;width:0.833vw;right:2.083vw;top:50%;text-align:center;transform:translateY(-50%);}
.dot_nav ul li a {width:0.625vw;height:0.625vw;margin:0.156vw 0;border:0.052vw solid rgba(150,150,150,0.4);border-radius:100%;transition:all 400ms;backdrop-filter:invert(10%);}
.dot_nav ul li a.active {background:rgba(255,255,255,1);border:0.104vw solid rgba(150,150,150,0.8)}
.dot_nav ul li a:hover {trasform:scale(1.1);}

.section {position:relative;z-index:2;letter-spacing:-0.026vw;}
.section .section_title .title {font-size:4.167vw;font-weight:700;line-height:1.5;letter-spacing:-0.026vw;font-family:'Poppins';}
.section .section_title .subtxt {font-size:1.458vw;color:#555555;line-height:1.46;letter-spacing:-0.026vw;}

.section.s1 {z-index:1;width:100%;height:100vh;min-height:50vw;}
.section.s1 .scene_video {width:100%;height:100vh;min-height:50vw;}
.section.s1 .scene_video > video {position:fixed;z-index:0;margin:auto;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:50% 50%;object-fit:cover;}
.section.s1 .scene_text {position:absolute;z-index:10;top:0;left:12vw;height:100%;color:#ffffff;display:flex;align-items:center;flex-wrap:nowrap;flex-direction:row;}
.section.s1 .scene_text .typo {width:100%;padding-top:23%;font-family:'Poppins';}

.section.s1 .scene_text .typo p {font-weight:700;font-size:4.583vw;line-height:1.23;}
.section.s1 .scene_text .typo p {color:#fff;}
.section.s1 .scene_text .typo p:nth-child(4) {margin-top:2.292vw;}
.section.s1 .scene_text .typo p:nth-child(3)~p {font-weight:400;font-size:1.458vw;line-height:1.4;}
.section.s1 .scene_text .typo > div {position:relative;width:3.1vw;height:1.406vw;margin-top:4.167vw;font-size:0.938vw;text-align:right;}
.section.s1 .scene_text .typo > div > div {position:absolute;width:0.104vw;border-radius:0.104vw;flex-shrink:0;background:#ffffff;
	animation-name: scrollani;
	animation-duration: 2s;
	animation-iteration-count:infinite;
	animation-timing-function:linear;
}

.section.s2 {width:100%;}
.section.s2 .scene {position:relative;z-index:10;width:100%;height:calc(100vh + 10vw);padding-bottom:8.333vw;border-radius:4.167vw 4.167vw 0 0;transition:all 400ms;overflow:hidden;
	background-color:#ffffff;background-image:url(images/main/about_bg.png);background-repeat:no-repeat;background-position:center bottom;background-size:100% auto;
}
.section.s2 .scene .ubility {position:relative;z-index:10;margin:8.854vw 0 0 -2.917vw;transform:rotate(-15deg);}
.section.s2 .scene .ubility img {filter:drop-shadow(-1.25vw 3.021vw 0.313vw rgba(0, 0, 0, 0.08));vertical-align:bottom;
	animation-iteration-count:infinite;
	animation-timing-function:linear;
}
.section.s2 .scene .ubility img:nth-child(1) {width:13.385vw;height:auto;animation-name:ubility1;animation-duration: 5.4s;}
.section.s2 .scene .ubility img:nth-child(2) {width:11.771vw;height:auto;animation-name:ubility2;animation-duration: 6s;}
.section.s2 .scene .ubility img:nth-child(3) {width:5.521vw;height:auto;animation-name:ubility3;animation-duration: 5.2s;}
.section.s2 .scene .ubility img:nth-child(4) {width:8.073vw;height:auto;animation-name:ubility4;animation-duration: 6s;}
.section.s2 .scene .ubility img:nth-child(5) {width:5.677vw;height:auto;animation-name:ubility5;animation-duration: 5.6s;}
.section.s2 .scene .ubility img:nth-child(6) {width:9.688vw;height:auto;animation-name:ubility6;animation-duration: 5.2s;}
.section.s2 .scene .ubility img:nth-child(7) {width:12.76vw;height:auto;animation-name:ubility7;animation-duration: 5.4s;}
.section.s2.active .scene {margin-top:-4.167vw;transition:all 400ms;}
.section.s2 .about {margin-top:11.458vw;padding:0 13.542vw;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:nowrap;flex-direction:row;}
.section.s2 .about .section_title {width:34.375vw;}
.section.s2 .about .work_cards .card {width:34.375vw;padding:2.083vw;font-size:1.25vw;color:#ffffff;border-radius:1.25vw;background:#1468B2;font-family:'Poppins';}
.section.s2 .about .work_cards .card ~ .card {margin-top:2.083vw;}
.section.s2 .about .work_cards .card .tit {font-size:2.5vw;font-weight:700;margin-bottom:0.208vw;line-height:1.6;}
.section.s2 .about .work_cards .card ul li {position:relative;padding:0.313vw 0 0.208vw 0.625vw;}
.section.s2 .about .work_cards .card ul li:before {content:'·';position:absolute;left:0;}

.section.s3 {width:100%;background:#ffffff;}
.section.s3 .scene {position:relative;width:100%;height:68vw;background:#ffffff;}
.section.s3 .scene .section_title {padding-top:4.166vw;text-align:center;}

.section.s4 {width:100%;background:#ffffff;}
.section.s4 .scene {position:relative;width:100%;height:100%;border-radius:4.167vw 4.167vw 0 0;overflow:hidden;
	background-color:#5B9CFE;background-image:url(images/main/contact_bg.png);background-repeat:no-repeat;background-position:center;background-size:100% auto;
}
.section.s4 .scene .center_typo {position:absolute;width:100%;left:0;top:0;padding-top:7.708vw;text-align:center;font-family:'Poppins','Pretendard', sans-serif;}
.section.s4 .scene .center_typo p {font-size:5.208vw;font-weight:700;color:#ffffff;line-height:1.1;}
.section.s4 .scene .center_typo p:last-of-type {margin-top:1.458vw;font-size:1.979vw;font-weight:400;}
.section.s4 .scene .img_bg {display:block;width:100%;height:auto;}

@keyframes scrollani {
	0%,
	20% {top:-0.208vw;height:0.104vw;}
	52% {top:-0.208vw;height:1.406vw;}
	70%,
	86% {top:1.094vw;height:0.104vw;}
	100% {top:-0.208vw;height:0.104vw;}
}

@media screen and (max-width:1280px) {
	.section.s1 .scene_text .typo > div {width:50px;font-size:15px;line-height:14px;}
}

@media screen and (max-width:720px) {
	.dot_nav {width:2.162vw;right:2.162vw;}
	.dot_nav ul li a {width:1.622vw;height:1.622vw;margin:0.811vw 0;}
	.dot_nav ul li a.active {border:0.27vw solid rgba(150,150,150,0.8)}
	
	.section .section_title .title {font-size:8.649vw;text-align:left;}
	.section .section_title .subtxt {font-size:4.865vw;text-align:left;word-break:keep-all;word-wrap:break-word;}
	.section .section_title .subtxt br {display:none;}
	
	.section.s1 {min-height:150vw;}
	.section.s1 .scene_video {min-height:150vw;}
	.section.s1 .scene_text {left:5.405vw;}
	.section.s1 .scene_text .typo {padding-top:66%;}
	.section.s1 .scene_text .typo p {font-size:8.649vw;padding:1.216vw 0;line-height:1.15;}
	.section.s1 .scene_text .typo p span {display:block;}
	.section.s1 .scene_text .typo p:nth-child(4) {margin-top:3.4vw;}
	.section.s1 .scene_text .typo p:nth-child(3) ~ p {font-size:4.865vw;line-height:1.4;}
	.section.s1 .scene_text .typo > div {width:10.1vw;height:4.595vw;margin-top:5.6vw;font-size:2.973vw;}
	.section.s1 .scene_text .typo > div > div {width:0.27vw;}
	
	.section.s2 .scene {height:auto;background-size:259.459vw auto;background-position:center bottom;padding-bottom:16.216vw;border-radius:6.485vw 6.485vw 0 0;}
	.section.s2 .scene .ubility {margin:22.973vw 0 0 8vw !important;transform:rotate(-15deg);white-space:nowrap;}
	.section.s2 .scene .ubility img {filter:drop-shadow(-2.162vw 5.404vw 1.081vw rgba(0, 0, 0, 0.08));vertical-align:bottom;}
	.section.s2 .scene .ubility img:nth-child(1) {width:20.2vw;height:auto;}
	.section.s2 .scene .ubility img:nth-child(2) {width:18vw;height:auto;}
	.section.s2 .scene .ubility img:nth-child(3) {width:8.4vw;height:auto;}
	.section.s2 .scene .ubility img:nth-child(4) {width:12.2vw;height:auto;}
	.section.s2 .scene .ubility img:nth-child(5) {width:8.4vw;height:auto;}
	.section.s2 .scene .ubility img:nth-child(6) {width:14.2vw;height:auto;}
	.section.s2 .scene .ubility img:nth-child(7) {width:18.6vw;height:auto;}
	.section.s2 .about {margin-top:20vw;padding:0 5.405vw;display:block;}
	.section.s2 .about .section_title {width:100%;}
	.section.s2 .about .work_cards .card {width:100%;padding:6.486vw 7.027vw;margin-top:9.459vw;color:#ffffff;border-radius:6.486vw;background:#1468B2;}
	.section.s2 .about .work_cards .card ~ .card {margin-top:5.405vw;}
	.section.s2 .about .work_cards .card .tit {font-size:6.486vw;margin-bottom:3.514vw;}
	.section.s2 .about .work_cards .card ul li {position:relative;font-size:3.784vw;padding:1.3vw 0 1.3vw 3.649vw;}
	.section.s2 .about .work_cards .card ul li:before {font-size:7.568vw;top:50%;transform:translateY(-50%);}
	
	.section.s3 {padding:10.811vw 0 7vw 5.405vw;}
	.section.s3 .scene {height:auto;}
	
	.section.s4 .scene {border-radius:6.486vw 6.486vw 0 0;}
	.section.s4 .scene .center_typo {width:100%;height:194.595vw;padding-top:15.541vw;}
	.section.s4 .scene .center_typo p {font-size:8.649vw;line-height:1.3;text-shadow:0vw 0.811vw 5.405vw rgba(0, 0, 0, 0.40);}
	.section.s4 .scene .center_typo p:last-of-type {margin-top:1.486vw;font-size:5.405vw;line-height:1.5}
	.section.s4 .scene .center_typo p span {display:block;}
	.section.s4 .scene .img_bg {width:100%;height:194.595vw;object-fit:cover;object-position:center 4.054vw;}
	
	@keyframes scrollani {
		0%,
		20% {top:-0.811vw;height:0.27vw;}
		52% {top:-0.811vw;height:3.649vw;}
		70%,
		86% {top:2.568vw;height:0.27vw;}
		100% {top:-0.811vw;height:0.27vw;}
	}
}

@keyframes ubility1 {
	0% {transform: rotate(0deg);}
	50% {transform: rotate(-4deg);}
	100% {transform: rotate(0deg);}
}
@keyframes ubility2 {
	0% {transform: rotate(-2deg);}
	50% {transform: rotate(1deg);}
	100% {transform: rotate(-2deg);}
}
@keyframes ubility3 {
	0% {transform: rotate(-4deg);}
	50% {transform: rotate(0deg);}
	100% {transform: rotate(-4deg);}
}
@keyframes ubility4 {
	0% {transform: rotate(4deg);}
	50% {transform: rotate(0deg);}
	100% {transform: rotate(4deg);}
}
@keyframes ubility5 {
	0% {transform: rotate(2deg);}
	50% {transform: rotate(-1deg);}
	100% {transform: rotate(2deg);}
}
@keyframes ubility6 {
	0% {transform: rotate(0deg);}
	50% {transform: rotate(-4deg);}
	100% {transform: rotate(0deg);}
}
@keyframes ubility7 {
	0% {transform: rotate(4deg);}
	50% {transform: rotate(-0deg);}
	100% {transform: rotate(4deg);}
}

@keyframes an{
	from{opacity:0;transform: perspective(500px) translate3d(-35px, -40px, -150px) rotate3d(1, -1, 0, 35deg);}
	to{opacity:1;transform: perspective(500px) translate3d(0, 0, 0);}
}