body::-webkit-scrollbar, html::-webkit-scrollbar {
	display: none;
}

body, html {
	-ms-overflow-style: none; /* IE and Edge */
	scrollbar-width: none; /* Firefox */
}

body, html {
	overflow-x:hidden;
}

img {
	-webkit-user-drag: none;
}

::selection {
   background: #122137;
   color: #fff
}

::-moz-selection {
   background: #BDE88C;
   color: #fff
}

::-webkit-selection {
    background: #BDE88C;
   color: #fff
}

body {
	-webkit-font-smoothing: antialiased;
	color:#333;
}

.mfloating {
	display: none;
}


.pre_container {
	margin: auto;
	background-image: url("../img/pre_bg.jpg");
	width: 100vw;
	height: 100vh;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-size: cover;
	max-width: 1920px;
}
.pre_title {
	margin-bottom: 80px;
}

.container {
	margin: auto;
}
.section01 {
	background-image: url("../img/main_bg01.jpg");
	text-align:center;
	height: 950px;
	z-index: 40;
	background-size: cover;
	position: relative;
	overflow: hidden;
}


/* 텍스트 묶음 */
.main01_texts {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
	top: 120px;
	position: relative;
}

/* 하단 아이템 */
.main01_items {
	position: absolute;
	bottom: -135px;
	left: 50%;
	transform: translateX(-50%) translateY(30px); /* 초기 위치 아래로 */
	display: flex;
	gap: 40px;
	justify-content: center;
	margin-left: -135px;
	opacity: 0; /* 초기 안보임 */
	animation: slideUpFadeIn 1s ease-out forwards;
	animation-delay: 1s;
}

@keyframes slideUpFadeIn {
	0% {
		opacity: 0;
		transform: translateX(-50%) translateY(30px);
	}
	100% {
		opacity: 1;
		transform: translateX(-50%) translateY(0);
	}
}


.main01_items img {

}
.main01_item01,
.main01_item02,
.main01_item03 {
	opacity: 0;
	transform: scale(0.8);
}

.main01_item01 {
	animation: fadeInScale 1s ease-in-out forwards;
	animation-delay: 1.2s;
}
.main01_item02 {
	animation: fadeInScale 1s ease-in-out forwards;
	animation-delay: 1.2s;
}
.main01_item03 {
	animation: fadeInScale 1s ease-in-out forwards;
	animation-delay: 1.2s;
}



.main01_item01 {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 90px;
	margin-left: -129px;
	width: 256px;
	z-index: 1000;
 }
.main01_item02 {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0px;
	margin-left: 10px;
	width: 352px;
	z-index: -1;
}
.main01_item03 {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 135px;
	margin-left: 100px;
	width: 74px;
	z-index: 9999;
}

/*.main01_item01,*/
.main01_text01,
.main01_text02,
.main01_text03
 {
	opacity: 0;
	position: relative;
}

/* 1. 텍스트 01 - 페이드 다운 */
.main01_text01 {
	animation: fadeDown 0.7s ease-in-out forwards;
	animation-delay: 0.8s;
}

/* 2. 텍스트 02 - 왼쪽에서 오른쪽으로 클립패스 */
.main01_text02 {
	clip-path: inset(0 100% 0 0); /* 오른쪽 100% 감춰진 상태 → 왼쪽부터 드러남 */
	animation: clipReveal 0.8s ease-in-out forwards;
	animation-delay: 1.2s; /* 텍스트01 끝나자마자 */
}

/* 텍스트03 도장 찍듯 등장 */
.main01_text03 {
	transform: scale(0);
	animation: stampIn 0.7s ease-in-out forwards;
	animation-delay: 2.1s; /* 2.0s → 2.1s */
}


/* 카드, 손, 핑거 - 4.0초 뒤 등장 */
.main01_item01,
.main01_item02,
.main01_item03 {
	opacity: 0;
	transform: scale(0.8);
	animation: fadeInScale 1s ease-in-out forwards;
	animation-delay: 0s; /* 바로 실행 */
}

@keyframes fadeInScale {
	0% {
		opacity: 0;
		transform: scale(0.8);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}



/* 1단계: 모두 fadeInScale */
.main01_item01,
.main01_item02,
.main01_item03 {
	opacity: 0;
	transform: scale(0.8);
	animation-fill-mode: forwards;
	animation-name: fadeInScale;
	animation-duration: 1s;
	animation-timing-function: ease-in-out;
	animation-delay: 0.8s; /* ✅ 텍스트01과 동시에 시작 */
}


/* 2단계: fadeInScale 끝나고 2초 뒤에 fadeOut, scaleDown 실행 */
/*.main01_item02,*/
/*.main01_item03 {*/
/*	animation-name: fadeInScale, fadeOut;*/
/*	animation-duration: 1s, 0.5s;*/
/*	animation-delay: 1.5s, 3.5s; !* 1.5 + 1초(애니메이션) + 2초 대기 = 4.5초 *!*/
/*	animation-timing-function: ease-in-out, ease-in-out;*/
/*	animation-fill-mode: forwards;*/
/*}*/

/* item01만 연속 애니메이션 */
.main01_item01 {
	animation-name: fadeInScale, scaleDown;
	animation-duration: 1s, 1s;
	animation-delay: 0.3s, 1.8s; /* 첫 애니메이션은 즉시, scaleDown은 3초 후 */
	animation-timing-function: ease-in-out, ease-in-out;
	animation-fill-mode: forwards;
}

/* 나머지 아이템은 겹침 없이 페이드 인만 실행 */
.main01_item02,
.main01_item03 {
	opacity: 0;
	transform: scale(0.8);
	animation: fadeInScale 1s ease-in-out forwards;
	animation-delay: 0s;
}

/* keyframes */
@keyframes fadeInScale {
	0% {
		opacity: 0;
		transform: scale(0.8);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}


@keyframes scaleDown {
	from {
		transform: scale(1) translateY(0);
	}
	to {
		transform: scale(0.75) translateY(85px); /* 아래로 20px 이동 */
	}
}


/* 메인 02 */


.main02_item01 {
	position: absolute;
	left: 50%;
	transform: translateX(-50%) !important;
	bottom: 55px;
	width: 269px;
	z-index: 10;
}



.main02_item02 {
	position: absolute;
	left: 50%;
	/* transform: translateX(-50%) scale(0.3); → 제거 */
	opacity: 0;
	margin-left: -3px;
	bottom: 266px;
	width: 224px;
	z-index: 20;
}


.main02_item02 img {
	transform-origin: center center;
	animation: zoomInEffect 1s ease-out forwards;
	animation-delay: 1.3s;
}

@keyframes zoomInEffect {
	0% {
		opacity: 0;
		transform: translateX(-50%) scale(0.1);
	}
	70% {
		opacity: 1;
		transform: translateX(-50%) scale(0.5);
	}
	100% {
		transform: translateX(-50%) scale(1);
	}
}




.main02_item01,
.main02_item02 {
	opacity: 0;
	transform: translateY(30px); /* 아래에서 올라오는 효과 */
	animation: slideUpFadeIn 1s ease-out forwards;
	animation-delay: 2.3s; /* scaleDown 끝난 뒤 */
}

@keyframes slideUpFadeIn {
	from {
		opacity: 0;
		transform: translateY(30px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}


.main01_items img {}

.main01_item01,
.main01_item02,
.main01_item03 {
	opacity: 0;
	transform: scale(0.8);
}

.main01_item01 {
	animation: fadeInScale 1s ease-in-out forwards;
	animation-delay: 1.2s;
}
.main01_item02 {
	animation: fadeInScale 1s ease-in-out forwards;
	animation-delay: 1.2s;
}
.main01_item03 {
	animation: fadeInScale 1s ease-in-out forwards;
	animation-delay: 1.2s;
}

.main01_item01 {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 90px;
	margin-left: -129px;
	width: 256px;
	z-index: 1000;
}
.main01_item02 {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0px;
	margin-left: 10px;
	width: 352px;
	z-index: -1;
}
.main01_item03 {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 135px;
	margin-left: 100px;
	width: 74px;
	z-index: 9999;
}

.main01_text01,
.main01_text02,
.main01_text03 {
	opacity: 0;
	position: relative;
}

/* 1. 텍스트 01 - 페이드 다운 */
.main01_text01 {
	animation: fadeDown 0.7s ease-in-out forwards;
	animation-delay: 0.8s;
}

/* 2. 텍스트 02 - 왼쪽에서 오른쪽으로 클립패스 */
.main01_text02 {
	clip-path: inset(0 100% 0 0); /* 오른쪽 100% 감춰진 상태 → 왼쪽부터 드러남 */
	animation: clipReveal 0.8s ease-in-out forwards;
	animation-delay: 1.2s; /* 텍스트01 끝나자마자 */
}

/* 텍스트03 도장 찍듯 등장 */
.main01_text03 {
	transform: scale(0);
	animation: stampIn 0.7s ease-in-out forwards;
	animation-delay: 2.0s;
}

/* 카드, 손, 핑거 - 4.0초 뒤 등장 */
.main01_item01,
.main01_item02,
.main01_item03 {
	opacity: 0;
	transform: scale(0.8);
	animation: fadeInScale 1s ease-in-out forwards;
	animation-delay: 0.8s; /* 텍스트01과 동시에 시작 */
}

@keyframes fadeInScale {
	0% {
		opacity: 0;
		transform: scale(0.8);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}

/* item01만 연속 애니메이션 */
.main01_item01 {
	animation-name: fadeInScale, scaleDown;
	animation-duration: 0.7s, 1.2s;
	animation-delay: 0.1s, 1.8s;
	animation-timing-function: ease-in-out, ease-in-out;
	animation-fill-mode: forwards;
}

/* 나머지 아이템는 페이드 인만 실행 */
.main01_item02,
.main01_item03 {
	opacity: 0;
	transform: scale(0.8);
	animation: fadeInScale 1s ease-in-out forwards;
	animation-delay: 0s;
}

@keyframes scaleDown {
	from {
		transform: scale(1) translateY(0);
	}
	to {
		transform: scale(0.75) translateY(85px);
	}
}

/* 메인 02 */

.main02_item01 {
	position: absolute;
	left: 50%;
	transform: translateX(-50%) !important;
	bottom: 55px;
	width: 269px;
	z-index: 10;
}

.main02_item02 {
	position: absolute;
	left: 50%;
	opacity: 0;
	margin-left: -3px;
	bottom: 266px;
	width: 224px;
	z-index: 20;
}

.main02_item02 img {
	transform-origin: center center;
	animation: zoomInEffect 1.5s ease-out forwards;
	animation-delay: 1.5s;
}

@keyframes zoomInEffect {
	0% {
		opacity: 0;
		transform: translateX(-50%) scale(0.1);
	}
	70% {
		opacity: 1;
		transform: translateX(-50%) scale(0.3);
	}
	100% {
		transform: translateX(-50%) scale(1);
	}
}

.main02_item01,
.main02_item02 {
	opacity: 0;
	transform: translateY(30px);
	animation: slideUpFadeIn 1s ease-out forwards;
	animation-delay: 2.3s;
}


@keyframes twinkle {
	0%, 100% { opacity: 0; }
	50% { opacity: 1; }
}


/* 공통 반짝이 스타일 (처음엔 안보임) */
.main01_twinkles {
	opacity: 0;
	pointer-events: none; /* 클릭 막기 */
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

.main01_t01 {
	margin-left: -565px;
	margin-top: 401px;
}

.main01_t02 {
	margin-left: 501px;
	margin-top: -276px;
}

.main01_t03 {
	margin-left: 600px;
	/* margin-top: -98px; */
}

.main01_t04 {
	margin-left: -480px;
	margin-top: -260px;
}

.main01_t05 {
	margin-left: 423px;
	margin-top: 200px;
}

.main01_t06 {
	margin-left: 11px;
	margin-top: -388px;
}


@keyframes twinkle {
	0%, 100% { opacity: 0; }
	50% { opacity: 1; }
}

.main01_twinkles {
	opacity: 0;
	pointer-events: none;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

/* fadeIn 애니메이션 */
@keyframes fadeInTwinkles {
	from { opacity: 0; }
	to { opacity: 1; }
}

.main01_twinkles.twinkle-active {
	animation: fadeInTwinkles 0.5s ease forwards, fadeOutTwinkles 0.5s ease-out 3s forwards;
}


/* 각 반짝이마다 다르게 애니메이션 */
.main01_twinkles.twinkle-active .main01_t01 {
	animation: twinkle 1.4s infinite ease-in-out;
	animation-delay: 0s;
}
.main01_twinkles.twinkle-active .main01_t02 {
	animation: twinkle 1.6s infinite ease-in-out;
	animation-delay: 0.3s;
}
.main01_twinkles.twinkle-active .main01_t03 {
	animation: twinkle 1.8s infinite ease-in-out;
	animation-delay: 0.6s;
}
.main01_twinkles.twinkle-active .main01_t04 {
	animation: twinkle 1.5s infinite ease-in-out;
	animation-delay: 0.1s;
}
.main01_twinkles.twinkle-active .main01_t05 {
	animation: twinkle 1.9s infinite ease-in-out;
	animation-delay: 0.7s;
}
.main01_twinkles.twinkle-active .main01_t06 {
	animation: twinkle 1.3s infinite ease-in-out;
	animation-delay: 0.5s;
}

@keyframes fadeOutTwinkles {
	to {
		opacity: 0;
	}
}

.main01_twinkles.fade-out {
	opacity: 0;
	transition: opacity 0.5s ease-out;
}





/* 메인 03 */
.main03 {
	display: flex;
	flex-direction: column; /* 세로 배치 */
	align-items: center;
	gap: 30px;
	top: -120px;
	position: relative;
}

.main03_g01 {
	display: flex;
	flex-direction: row;
	gap: 10px;
}

.main03_text03, .main03_text04 {
	margin-top: 13px;
}





/* 안에서 밖으로 쿵쿵 뛰는 느낌 애니메이션 */
@keyframes pulseIn {
	0% {
		opacity: 0;
		transform: scale(0.6);
	}
	50% {
		opacity: 1;
		transform: scale(1.1);
	}
	70% {
		transform: scale(0.9);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}

/* 기존 fadeInMain03 대신 pulseIn 적용 */
.main03_text01,
.main03_text02,
.main03_text03,
.main03_text04,
.main03_text05 {
	opacity: 0;
	animation-fill-mode: forwards;
	animation-name: pulseIn;
	animation-duration: 1s;
}

.main03_text01 { animation-delay: 3.5s; }
.main03_text02 { animation-delay: 3.6s; }
.main03_text03 { animation-delay: 3.7s; }
.main03_text04 { animation-delay: 3.8s; }
.main03_text05 { animation-delay: 3.9s; }



.main03_item01 {
	opacity: 0;
	transition: all 0.6s ease;
	position: absolute;
	top: 300px;
	z-index: 99;
	left: 50%;
	transform: translateX(-50%);
	margin-left: -322px;
}

.main03_item01.show {
	opacity: 1;
	transform: translateY(0);
}





/* 메인 04 */
/* 등장 애니메이션들 */
@keyframes fadeLeft {
	0% { opacity: 0; transform: translateX(-30px); }
	100% { opacity: 1; transform: translateX(0); }
}

@keyframes fadeRight {
	0% { opacity: 0; transform: translateX(30px); }
	100% { opacity: 1; transform: translateX(0); }
}

@keyframes fadeUp {
	0% { opacity: 0; transform: translateY(30px); }
	100% { opacity: 1; transform: translateY(0); }
}

@keyframes zoomIn {
	0% { opacity: 0; transform: scale(0.5); }
	100% { opacity: 1; transform: scale(1); }
}

/* 공통 초기 상태 */
.main04_text01,
.main04_text02,
.main04_text03,
.main04_text04,
.main04_items,
.main04_s {
	opacity: 0;
}

/* 보여질 때 클래스 추가 */
.main04_text01.fade-left {
	animation: fadeLeft 1.3s ease forwards;
}
.main04_text02.fade-right {
	animation: fadeRight 1.3s ease 0.2s forwards;
}
.main04_text03.fade-right {
	animation: fadeRight 1.3s ease 0.4s forwards;
}
.main04_text04.fade-up {
	animation: fadeUp 1.3s ease 0.6s forwards;
}
.main04_items.zoom-in {
	animation: zoomIn 1.3s ease 0.8s forwards;
}
.main04_s.zoom-in {
	animation: zoomIn 1.3s ease 0.8s forwards;
}

.main04_set {
	display: flex;
	flex-direction: row;
}


.main04_texts {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
	top: -120px;
	position: relative;
}

.main04_text03 {
	margin-top: 13px;
	margin-left: -2px;
}
.main04_text04 {
	margin-top: 10px;
}

.main04_items {
	display: flex;
	flex-direction: row;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	/* align-items: center; */
	/* justify-content: center; */
	margin-left: -352px;
}

.main04_item01 {
	margin-top: 43px;
	animation: shakeTilted 2.7s ease-in-out infinite;
	transform-origin: center center;
	margin-left: 50px;
}

@keyframes shakeTilted {
	0% {
		transform: rotate(0) translate(0, 0);
	}
	5% {
		transform: rotate(-2deg) translate(-2px, 6px);
	}
	15% {
		transform: rotate(7deg) translate(5px, -13px);
	}
	25% {
		transform: rotate(0) translate(0, 0);
	}

	30% {
		transform: rotate(7deg) translate(5px, -10px);
	}
	40% {
		transform: rotate(-2deg) translate(-2px, 4px);
	}
	50% {
		transform: rotate(0) translate(0, 0);
	}

	100% {
		transform: rotate(0) translate(0, 0);
	}
}




.main04_item02 {
	margin-left: -55px;
	z-index: 9;
}

.main04_s {
	display: flex;
	justify-content: center;
	flex-direction: row;
	position: absolute;
}

.main04_item03 {
	/*position: absolute; */
	left: 201px;
	top: -44px;
	z-index: -1;
	margin-left: 201px;
	margin-top: -77px;
}

.main04_item04 {
	/* position: absolute; */
	left: 500px;
	top: -44px;
	z-index: -1;
	margin-left: 190px;
	margin-top: -30px;
}















/* === 애니메이션 정의 === */
@keyframes fadeDown {
	0% {
		opacity: 0;
		transform: translateY(-25px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes clipReveal {
	0% {
		clip-path: inset(0 100% 0 0);
		opacity: 0;
	}
	100% {
		clip-path: inset(0 0 0 0);
		opacity: 1;
	}
}

@keyframes stampIn {
	0% {
		opacity: 0;
		transform: scale(2.2) rotate(-10deg);
	}
	100% {
		opacity: 1;
		transform: scale(1) rotate(0deg);
	}
}

@keyframes fadeInScale {
	from {
		opacity: 0;
		transform: scale(0.85);
	}
	to {
		opacity: 1;
		transform: scale(1);
	}
}




































.section02 {
	background-color: #122137;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 120px;
	height: 700px;
}
.section02_youtube {
	position: relative;
}
.video-container {
	position: relative;
	z-index: 5;
	width: 680px;
	margin: 0 auto;
}
.youtube2 {
	height: 390px !important;
	/*border: 2px solid #000;*/
}
/*.youtube_video {
	border: 10px solid #ffda42;
}*/
.video-container iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 97.3%;
	height: 95.5%;
}















.section03 {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 80px;
	background-color: #fff;
	height: 3068px;
}

.section03_con {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 100px;
}

.section03_items {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-end;
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	position: relative;
	height: 160px;
	z-index: 5;
}

/* 좌우 끝 아이템 - 도로 위에만 고정 */
.section03_item01,
.section03_item05 {
	position: relative;
	z-index: 2;
}

/* 좌측 */
.section03_item01 {
	align-self: flex-start;
	top: -49px;
}

/* 우측 */
.section03_item05 {
	align-self: flex-start;
	top: -201px;
}

/* 버스 - 도로보다 앞 */
.section03_item02 {
	position: relative;
	top: 36px;
	z-index: 10;
	width: 180px;
	animation: moveLeft 11s linear infinite;
}

@keyframes moveLeft {
	0% {
		transform: translateX(-300px);
	}
	100% {
		transform: translateX(-1000px);
	}
}


/* 부기 */
.bugi {
	position: absolute;
	z-index: 10;
	display: flex;
	flex-direction: column;
	align-items: center;
	left: 50%;
	transform: translateX(-50%);
	margin-left: 300px;
	top: -106px;
}

/* 부기 몸통 */
.section03_item03 {
	position: relative;
	z-index: 10;
}

/* 부기 팔 - 몸 위에 */
.section03_item04 {
	position: relative;
	top: -235px;
	left: 83px;
	z-index: 2;
	animation: section03_item04 2s ease-in-out infinite;
}

@keyframes section03_item04 {
	0%   { transform: translateY(0); }
	10%  { transform: translateY(-14px); }
	20%  { transform: translateY(0); }

	30%  { transform: translateY(-9px); }
	40%  { transform: translateY(0); }

	/* 40% ~ 100%는 쉬는 시간 */
	100% { transform: translateY(0); }
}



/* 도로 */
.section03_item06 {
	position: relative;
	z-index: 1;
	width: 1920px;
	height: 74px;
	display: flex;
	justify-content: flex-end;
	margin-top: 20px;
}






.small {
	font-size: 13px;
}

.step em::before {
	content: none;
}

.step {
	margin-left: 20px; /* 전체 들여쓰기 */
	margin-bottom: 15px; /* 항목 간 간격 */
}

.step p {
	margin: 4px 0; /* 각 줄 사이 간격 조절 */
}
.indent {
	margin-left: 30px;
}

.sub-indent {
	margin-left: 50px;
}

.note {
	font-style: italic;
	color: #666;
}


/* 아코디언 컨테이너 */
.section04 {
	position:relative;
	text-align:center;
	background-color: #d5e8ff;
	padding-top: 100px;
}

.section04 .row {
	max-width: 710px;
	margin: auto;
	text-align: left;
}

.section04 .title_zone {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 65px;
}

.section04_bugi {
	position: relative;
	left: calc(50% - 190px);
	transform: translateX(-50%);
	/*margin-left: -562px;*/
	top: -201px;
	height: 100px;
}




@keyframes armCheerPause {
	0% { transform: translateY(0); }
	5% { transform: translateY(-10px); }
	10% { transform: translateY(0); }
	15% { transform: translateY(-10px); }
	20% { transform: translateY(0); }

	60% { transform: translateY(0); } /* 멈추는 구간 */

	65% { transform: translateY(-10px); }
	70% { transform: translateY(0); }
	75% { transform: translateY(-10px); }
	80% { transform: translateY(0); }

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

.section04_bugi_arms {
	position: absolute;
	top: 123px;
	left: -8px;
	animation: armCheerPause 3.5s ease-in-out infinite;
}




.section04_item {
	position: relative;
	bottom: 290px;
	left: -190px;
	z-index: 10;
}
@keyframes twinkle {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
.twinkle01 {
	position: absolute;
	top: 0;
	left: 148px;
	animation: twinkle ease-in-out 1s infinite;
}
.twinkle02 {
	position: absolute;
	top: 22px;
	left: 161px;
	animation: twinkle ease-in-out .8s infinite;
}
.twinkle03 {
	position: absolute;
	top: 52px;
	right: 364px;
	animation: twinkle ease-in-out 1.5s infinite;
}
.twinkle04 {
	position: absolute;
	top: 20px;
	right: -10px;
	animation: twinkle ease-in-out 1s infinite;
	display: none;
}
.twinkle05 {
	position: absolute;
	top: 14px;
	right: 373px;
	animation: twinkle ease-in-out 1.2s .2s infinite;
}










.line_p {
	border-bottom: 2px dashed #d6dfea;
	padding-top: 30px;
	padding-left: 25px;
}



.qna_zone {
	border-top: 1px solid #98aeca;
	z-index: 999999;
	position: relative;
}
@font-face {
	font-family: 'NanumSquareNeoBold';
	src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.eot);
	src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.ttf) format("truetype");
}
.section04 .que {
	position: relative;
	padding: 25px 60px 25px 80px;
	cursor: pointer;
	font-size: 26px;
	border-bottom: 1px solid #98aeca;
	font-family: 'NanumSquareNeoBold', sans-serif;
	color: #000;
	letter-spacing: -1px;
}
.section04 .que.seventh {
	letter-spacing: -2px;
}
.section04 .que::before {
	content: 'Q';
	display: inline-block;
	position: absolute;
	font-size: 23px;
	left: 30px;
	top: 50%;
	transform: translateY(-50%);
	font-family: 'SCDream6';
	letter-spacing: -2px;
}

.section04 .que.first::before {
	content:'01';
}
.section04 .que.second::before {
	content:'02';
}
.section04 .que.third::before {
	content:'03';
}
.section04 .que.fourth::before {
	content:'04';
}
.section04 .que.fifth::before {
	content:'05';
}
.section04 .que.sixth::before {
	content:'06';
}
.section04 .que.seventh::before {
	content:'07';
}
.section04 .que.eighth::before {
	content:'08';
}
.section04 .que.ninth::before {
	content:'09';
}
.section04 .que.tenth::before {
	content:'10';
}
.section04 .que.eleventh::before {
	content:'11';
}
.section04 .que.twelfth::before {
	content:'12';
}
.section04 .que.thirteenth::before {
	content:'13';
}
.section04 .que.fourteenth::before {
	content:'14';
}
.section04 .que.fifteenth::before {
	content:'15';
}
.section04 .que.sixteenth::before {
	content:'16';
}
.section04 .que.seventeenth::before {
	content:'17';
}
.section04 .que.eighteenth::before {
	content:'18';
}
.section04 .que.nineteenth::before {
	content:'19';
}
.section04 .que.add_num::before {
	content:'20';
}
.section04 .que.twenty::before {
	content:'21';
}

.section04 .que.on {
	background-color: #1f3a5a;
}

.section04 .que.on::before {
	color: #fff;
}

.section04 .que.on > span {
	color: #fff;
}

.anw {
	display: none;
	background-color : #fff;
	position: relative;
	overflow: hidden;
	font-size: 20px;
	font-family:'NotoSansKR-Regular';
	padding: 25px 35px 25px 60px;
	border-bottom: 1px solid #136aad;
	letter-spacing: -1px;
}
.anw.twenty {
	font-family:'NotoSansKR-Medium';
	padding: 25px 35px;
}
.anw em {
	position: relative;
	font-style: normal;
	display: block;
	padding-left: 25px;
}
.anw em::before {
	content: '￭';
	font-size: 20px;
	font-family: 'NotoSansKR-Regular';
	position: absolute;
	display: inline-block;
	left: 5px;
}
.anw strong {
	font-weight: normal;
	font-family: 'NotoSansKR-Regular' !important;
	display: inline-flex;
	width: 100%;
}
.anw.s2__ {
	max-width: 690px;
	margin: auto;
	padding: 0;
	border-bottom: none;
	margin-bottom: 70px;
	text-align: left;
	margin-top: 20px;
}

.anw b {
	font-family:'NotoSansKR-Medium';
}

.anw .red__ {
	color: red;
}

.anw .blue__ {
	color: blue;
}

.anw .dark_blue {
	color: #1a3d70;
	font-size : 22px;
}
.twenty > p {
	border-bottom: 2px dashed #d6dfea;
	padding-top: 20px;
	padding-bottom : 20px;
	padding-left: 25px;
}
.twenty > p:nth-child(1) {
	padding-top: 0;
}
.twenty > p:last-child {
	border-bottom: none;
	padding-bottom: 0;
}
.anw .gray__ {
	background-color: #edeceb;
}

.anw .sm__ {
	font-size: 17px;
}

.anw .center__ {
	text-align: center;
	display: block;
	font-family:'NotoSansKR-Medium';
}

.anw .left__ {
	text-align: left;
}

.anw .under__ {
	text-decoration: underline
}

.anw .mg__ {
	margin-left: 10px;
}

.anw .mg1__ {
	margin-left: 12px;
}

.anw .mg2__ {
	margin-left: 21px;
}

.anw .mg3__ {
	margin-left: 24px;
}

.anw .mg4__ {
	margin-left: 27px;
}

.anw .mg5__ {
	margin-left: 32px;
}

.anw .bt_text {
	margin-top: 30px;
}

.anw .bt_box {
	border: 1px solid #000;
	margin-top: 10px;
	padding: 15px 20px;
	font-size: 18px;
}

.section04 .arrow-wrap {
	position: absolute;
	top: 50%;
	right: 35px;
	transform: translate(0, -50%);
}

.section04 .que .arrow_top,
.section04 .que.on .arrow_bottom {
	display: none;
}

.section04 .que.on .arrow_top,
.section04 .que .arrow-bottom {
	display: block;
}

.anw .box__ {
	width: 100%;
	text-align: center;
	margin: 10px 0;
}

.anw .form_field th {
	font-size: 20px;
	background-color: #c6c6c6;
	color: #000;
	font-family:'NotoSansKR-Medium';
	padding: 10px;
	border-right: 1px solid #dcdad9;
	vertical-align: middle;
}

.anw .form_field td {
	background-color: #fff;
	font-size: 19px;
	padding: 15px;
	border-bottom: 1px solid #dcdad9;
	border-right: 1px solid #dcdad9;
	color: #000;
	font-family:'NotoSansKR-Regular';
	vertical-align: middle;
}

.sw_img {
	padding: 20px;
}


.section07 {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 80px;
	background-color: #122137;
}
.section07_con {
	position: relative;
}
.section07_item {
	position: absolute;
	bottom: -90px;
	right: -50px;
	z-index: 10;
}
.section07_item > img {
	position: relative;
	z-index: 10;
}
.section07_hand {
	position: absolute;
	top: 75px;
	left: -25px;
	z-index: 5;
	animation: section07_hand ease-in-out 1s infinite;
}
@keyframes section07_hand {
	0% {
		transform: rotate(10deg) translate(10px, -30px);
	}

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

	100% {
		transform: rotate(10deg) translate(10px, -30px);
	}
}


.footer {
	background-color: #fff;
	padding: 70px 0;
	text-align: center;
}

/* 플로팅 버튼 */
.floating {
	flex-direction: column;
	align-items: center;
	position: fixed;
	z-index: 99997 !important;
	right: 21%;
	top: 210px;
	animation: floating ease-in-out .8s .5s forwards;
	opacity: 0;
}
@media screen and (max-width: 1400px) {
	.floating {
		right: 0;
	}
}
@keyframes floating {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
.floating00 {
	position: relative;
	z-index: 99995;
	transform: scale(0.95);
	animation: floating00 ease-in-out 1s infinite;
}
@keyframes floating00 {
	0% {
		transform: scale(0.95);
	}
	50% {
		transform: scale(1.02);
	}
	100% {
		transform: scale(0.95);
	}
}
.floating01 {
	position: relative;
	z-index: 99996;
	cursor: pointer;
	top: 15px;
}
.floating02 {
	position: relative;
	z-index: 99997;
	cursor: pointer;
	top: 30px;
}
.floating {
	display: flex;
}
.m_floating {
	display: none;
}

@media (max-width: 1100px) {
	.section03_item01,
	.section03_item05 {
		display: none;
	}
}


@media (max-width: 1100px) and (min-width: 900px) {
	.pre_container {
		background-image: url("../img/m_pre_bg.jpg");
		background-position-y: bottom;
	}
}

@media screen and (max-width: 750px) {
	.floating {
		display: none;
	}
	.mfloating {
		width: 100%;
		display: flex;
		justify-content: center;
		position: fixed;
		bottom: 0;
		z-index: 999999999;
	}
	.m_floating {
		display: inline-block;
		position: fixed;
		bottom: 0;
		z-index: 999999999;
	}
	.m_floating ul {
		width: 100vw;
		display: flex;
	}
	.m_floating li {
		width: 50%;
		height: 100px;
		border-top: 2px solid #000;
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
	}

	.m_floating li:nth-child(1) {
		background-color: #fff;
		border-right: 2px solid #000;
	}
	.m_floating li:nth-child(1) a {
		font-family:'SCDream6';
		color: #000;
		font-size: 28px;
		letter-spacing: -1px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.m_floating li:nth-child(2) {
		background-color: #0f3874;
	}

	.m_floating li:nth-child(2) a {
		font-family:'SCDream6';
		color: #fff;
		font-size: 28px;
		letter-spacing: -1px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.main01_item02 {
		width: 100vw;
		margin-left: -210px;
	}
	.main02_item01 {
		margin-top: 5px;

	}
	.section03_item01 {
		display: block;
		display: block;
		width: 300px;
		top: 57px;
	}
	.section03_item02 {
		display: block;
	}
	.section03_item03 {
		top: 139px;
		left: -67px;
	}
	.section03_item04 {
		top: -24px;
		left: -17px;
	}

	.section05_item {
		display: none;
	}
	.footer {
		padding-bottom: 130px;
	}

	.main04_item01 {
		left: 100px;
		position: relative;
	}

	.main04_item02 {
		/* margin-left: -55px; */
		z-index: 9;
		/* display: flex
    ; */
		/* justify-content: center; */
		position: relative;
		left: 50%;
		transform: translateX(-50%);
		margin-left: -75px;
		scale: 1;
	}


	.main01_item03 {
		margin-left: 94px;
	}

	.main04_item03 {
		left: 119px;
		width: 100%;
		position: relative;
		top: 20px;
	}
	.main04_item04 {
		width: 100%;
		position: relative;
		left: 98px;
		top: 40px;
	}
	.section04_bugi {
		left: 480px;
		top: 50px;
		transform: unset;
	}
	.section04 {
		padding-bottom: 247px;
	}
	@keyframes section03_item04 {
		0%   { transform: rotate(0deg); }
		50%  { transform: rotate(-7deg); }
		100% { transform: rotate(0deg); }
	}
	.main04_items {
		margin-left: -450px;
	}

	.main01_text01 {
		animation-delay: 0.3s !important;
	}
	.main01_text02 {
		animation-delay: 0.7s !important;
	}
	.main01_text03 {
		animation-delay: 1.2s !important;
	}
	/* 메인 아이템들 - 텍스트 이후에 나타나도록 */
	/*.main01_item01 {*/
	/*	animation-delay: 1.0s, 1.7s !important;*/
	/*}*/
	/*.main01_item02 {*/
	/*	animation-delay: 1.15s !important;*/
	/*}*/
	/*.main01_item03 {*/
	/*	animation-delay: 1.3s !important;*/
	/*}*/
	.main01_items {
		animation-delay: 0.7s !important;
	}
	.main01_twinkles.twinkle-active {
		animation-delay: 1.5s, 2.2s !important;
	}
}