@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;200;300;400;500;600;700;800;900&display=swap");
@import url('../../../cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@import url(../../../cdn.jsdelivr.net/gh/moonspam/NanumSquare%401.0/nanumsquare.css);


@font-face {
	font-family: brothers;
	src: url('../fonts/brothers-regular.woff');
	src: local(※), url('../fonts/brothers-regular.woff');
}

body {background: #ffffff none repeat scroll 0 0;color: #000000; font-family:'Pretendard', sans-serif;font-size: 16px;font-weight: 400;line-height: 30px;word-break:keep-all; display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	}
body > * {
	margin: auto;
}
html,
body{
	width:100%;
	overflow-x:hidden;
}
.font-brothers { font-family: brothers; }
h1, h2, h3, h4, h5, h6 {font-family: brothers;color: #5957cd;}
p {color:#7a7a7a;margin-bottom:30px;}
a {color: #5957cd;text-decoration: none;-webkit-transition: all 0.5s ease;transition: all .5s ease;}
a:hover {text-decoration: none;transition: all .5s ease; font-weight: bold}
a:focus {outline: none;text-decoration: none;}
img {max-width: 100%;}
section.small_pt {padding-top: 50px;}
section.small_pb {padding-bottom: 50px;}
section.no_padding_pb {padding-bottom: 0;}
section.no_padding_pt {padding-top: 0;}
.list_none li {list-style:none;}
input {border: 0;padding: 10px 20px;width: 100%;}
table { width: 100%; }
tbody { width: 100%; overflow: hidden; }
/*button {background:#cd1417;border: 0;border-radius: 40px;color: #ffffff;cursor: pointer;padding: 10px 20px;text-transform: uppercase;transition: all 0.5s ease 0s;}*/
.mg-to-80{margin-top:80px;}
.pd-all-0{padding:0;}
.relative { position:relative; }

/* HEADER DESIGN*/
header {  position: fixed;  top: 0;left: 0;width: 100%;height: 130px; 	z-index: 10000;transition: all 0.4s ease 0s;background: #ffffff; }
header .header-div { height:130px; display: flex;	justify-content: center; align-items: end; }
.logo-div {  display: flex; align-items: center;  }
header.fixed-top {position:absolute;}
.navbar {padding: 0;}
/*.nav-fixed, header.active {background-color: rgba(17,17,17,0.85);box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);}*/
header.nav-fixed {height: 130px;padding: 10px 0;}
header .navbar { align-items: center;  display: flex; font-family: brothers, sans-serif;font-style: normal;font-weight: 400;}
header .navbar-nav  {  display: flex;align-items: center;list-style-type: none; font-family: brothers, sans-serif;font-style: normal;font-weight: 400;}
header .navbar-nav a {color: #000000; display: block; padding: 0 35px; font-size: 30px; text-align: center; }
.navbar-expand-lg .navbar-nav > li {padding: 0 23px; }
.navbar-expand-lg .navbar-nav > li:last-child {padding-right: 0;}
.navbar-expand-lg .navbar-nav .nav-link {padding: 20px 0;font-weight:500;position:relative;font-size:32px;display:inline-block;}
.navbar-expand-lg .navbar-nav .nav-link  >img {margin-right: 21px;}
.navbar-expand-lg .navbar-nav .nav-link.staking span{padding: 0 20px;font-weight:500;position:relative;font-size:32px;border-radius:17px;display:inline-block;background:#FFECAF;color:#000000;width:100px;text-align:center;}
.navbar-expand-lg .navbar-nav .nav-link.staking:hover span{background:#ffffff;color:#000000}
.navbar-expand-lg .navbar-nav .nav-link.language {display:inline-block;}
.navbar-expand-lg .navbar-nav .nav-link.language img{width:30px;margin:0 5px;}
.navbar-nav li .nav-link.active {color: #dc2f32;font-weight:600;}
.navbar-expand-lg .navbar-nav li {position:relative;}

.slide-img-bg {
	position: relative;
	width: 100%;
	max-width: 1375px; /* 이미지 최대 너비 */
	height: 596px; /* 이미지 높이 */
	margin: auto;
	background: url('../images/section01.png') no-repeat center center/cover;
}

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


.roadmap-container1 {
	position: relative;
	width: 100%;
	max-width: 700px; /* 이미지 최대 너비 */
	height: 617px; /* 이미지 높이 */
	margin: auto;
	background: url('../images/roadmap1.png') no-repeat center center/cover;
}

.roadmap-container2 {
	position: absolute;
	top: -89px;
	left: 53px;
	width: 100%;
	max-width: 700px; /* 이미지 최대 너비 */
	height: 618px; /* 이미지 높이 */
	margin: auto;
	z-index: -100;
	background: url('../images/roadmap2.png') no-repeat center center/cover;
}

.roadmap-container3 {
	position: absolute;
	top: -40px;
	right: 0;
	width: 100%;
	max-width: 700px; /* 이미지 최대 너비 */
	height: 630px; /* 이미지 높이 */
	margin: auto;
	z-index: -105;
	background: url('../images/roadmap3.png') no-repeat center center/cover;
}


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

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

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

.mobile-lan{display:none;}
.mobile-lan a{display:inline-block;padding:20px 10px 5px;}
.mobile-lan i{font-size:23px;color:#ffffff;}
.mobile-lan span{font-size:13px;color:#ffffff;display:block;line-height:10px;}


/* section1 */
.section1-word { width: 100%; display: flex; justify-content: center; z-index: 100;}

.slide-bg { height: 595px; background: url('../images/bg_word.svg') no-repeat center center; background-size: cover;  }

.image-with-text {position: relative;display: inline-block; }
.image-with-text img {display: block; }
.image-with-text span {
	position: absolute;
	top: 13%;
	color: #000000;
	text-align: center;
	max-width: 80%;
	line-height: 1.5;
}
.image-with-text span.last { left: 10%; }
.image-with-text span.first { left: 8%; }

#aro1_prev, #aro1_next {
	display: inline-block;
	cursor: pointer;
	position: absolute;
	transform: translate(-50%, -50%);
}

.div_center { left: 50%; transform: translate(-50%, -50%); }

.slick-dots {
	position: absolute;
	bottom: 30%;
	display: flex;
	left: 50%;
	transform: translate(-50%, -50%);
	padding-left: 0;
}
.slick-dots li {
	list-style-type: none;
	background: #bbbbbb;
	border-radius: 50%;
	height: 20px;
	width: 20px;
	position: relative;
	cursor: pointer;
}
.slick-dots li.slick-active {
	background: #000000;
}

.slick-dots li:first-child { margin-right: 20px; }
.custom-dots button { display: none; }


/* section2 */
.coin {
	width: 400px;
	height: 430px; z-index:105; }
.absolute { position: absolute; }
.section2-img { position: absolute; top: 225px; }
.section2-img img {  max-width: 100%; /* Ensure the image doesn't exceed the container width */
	max-height: 100%; }
.section2-word { margin-top: 90px; width: 100%; font-size: 36px; color: #000000; text-align: center; line-height: 60px; }

.table-token table{  border-collapse: collapse }
.table-token table tr td:first-child { width: 35%; font-weight: bold;}
.table-token tr.line { text-align: center; border-top: 1px solid #a5a5a5; border-bottom: 1px solid #a5a5a5;}
.table-token tr.mobile { text-align: center; }

.font-normal td { font-weight: normal !important;  }

/* section3 */
.section3-img img { width: 1920px;}
.section3-word { position: relative; }
.section3-txt1 { position: absolute; left: 20px; bottom: 100px; width: 565px; font-size: 30px; color: #000000; line-height: 50px;}
.section3-txt2 { position: absolute; right: 20px; bottom: 100px; width: 565px; font-size: 30px; color: #000000; line-height: 50px;}

.section3-txt { font-weight: bold; width: 100%; color: #000000; font-size: 42px; margin: 50px 0 75px; display: inline-block; text-align: center; }

.section3-table { width: 100%; }
.section3-table table{ width: 100%; border-collapse: collapse; border-top: 1px solid #a5a5a5; border-bottom: 1px solid #a5a5a5; }
.section3-table table tr td { font-size: 28px; line-height: 40px;}
.section3-table table tr td:first-child { width: 30%; font-weight: bold; line-height: 50px; vertical-align: text-top; }



/* section4 */
.section4-word { position: relative; }
.section4_title { font-family: brothers;  display: inline-block; font-size: 72px; font-weight: bold; text-align: center; width: 700px; padding-left: 20px; }
.section4-word ul { list-style-type: none; text-align: center; }

.section4_1 { position: absolute; width: 700px; top: 330px; left: 24%; }
.section4_2 { position: absolute; width: 700px; top: 890px; left: -35px; }
.section4_3 { position: absolute; width: 700px; top: 930px; right: 20px; }

/* section5 */
.section5-word { position:relative; width: 100%;color: #000000; text-align: center;line-height: unset;}
.section5-word .section-title { font-weight: bold; text-align: center; color: #000000; font-family: brothers; margin-bottom: 100px;padding-top: 150px;}
.section5-back.web {
	display:block;
	position:relative;
	background: url(../images/section5_bg.png) no-repeat;
	background-position: center top;
	margin: auto;
	width: 100%; /* 뷰포트에 꽉 차도록 조정 */
	max-width: 1521px; /* 최대 너비 설정 */
}
.section5-back.mobile { display:none; }
.section5-back p{padding:70px 0 20px;color: #000;font-family: brothers;font-size: 72px;
	font-style: normal;
	font-weight: 700;
	line-height: 58px;}
.section5-back p:nth-child(1){padding-top: 148px; padding-bottom: 45px; }
.section5-back p.title {padding-top: 150px; padding-bottom: 45px; }
.section5-back span {text-align: center;font-size: 26px;font-weight: 400;line-height: 58px;}
.section5-back .bold {display:block;font-weight: 800;}
.section5-back ul{display:block;font-weight: 600;font-size: 26px;line-height: 46px;list-style-position: inside;}

/* section6 */
.section-title { font-weight: bold; text-align: center; color: #000000; font-family: brothers; margin-bottom: 100px;}
.cm-links {	display: flex; align-items: center; justify-content: center; }
.cm-links a:last-child { padding-right: 0; }
.section6-txt { font-size: 34px; color: #000000; text-align: center; line-height: 60px; width: 70%; margin: auto;}

/* section7 */
.section7-txt { font-size: 34px; color: #000000; text-align: center; line-height: 60px; width: 70%; margin: auto; padding: 0 0 80px;}
.section7-img { display: flex;justify-content: center;align-items: center; }

/* footer */
footer {
	height: 410px;
	background: #000000;
	bottom: 0  !important;
	width: 100%;
	left: 0;
}
footer .footer-div { display: flex; justify-content: center; }
.text-white { color: #ffffff; }
footer a { display: block; font-size: 28px; line-height: 60px; color: #FFFFFF; }
footer .logo-div {  position: relative; display: flex; align-items: center; width: 395px; margin-right: 20%;  }
footer .logo-div img { position: absolute; bottom: 70px;  }
.condor-list { width: 230px;  }
.footer-link {	display: flex; }
.footer-link a { padding-right: 20px; }
.footer-link a:last-child { padding-right: 0; }

.mobile_none { display: block !important;}
.web_none { display: none !important;}

.slick-arrow {
	position: absolute;
	top: 239px;
	z-index: 10;
	font-size: 0;
}
.slick-arrow.slick-prev {
	left: 152px;
	background: url("../images/btn_prev.svg") 0
	0 / 100% no-repeat;
	width: 37px;
	height: 57px;
}
.slick-arrow.slick-next {
	right: 153px;
	background: url("../images/btn_next.svg") 0 0 / 100% no-repeat;
	width: 35px;
	height: 53px;
}
.slick-arrow.slick-disabled {
	opacity: 0.2;
}


.main-width { max-width: 1920px; }

/* section 1 */
.section1_rl_h { height: 1947px; }
.section1-left { top:189px; width: 426px; height: 245px; left: 100px;  }
.section1-right { top:189px; width: 426px; height: 245px; right: 64px;  }
.section1-center { width: 100%; height: 100%;  }

.slide { top:905px; }



.token_txt { width: 1520px; font-size: 36px; line-height: 62px;  }


.table-token { width: 1568px; font-size: 36px; }

.tokenomics_div { width: 1546px; }


.section02_main { top: 1356px;  }

.section3-table { width: 1546px; }

.map_div {  width: 1568px; }
.white_div { width: 1231px; }

.header_logo { width: 411px; padding-right: 87px; }
.header_li { padding-right: 34px; font-size: 32px; }
.header_li:last-child { padding-right: 41px; }

/* section5 */
.section5-back p{padding-top: 80px;color: #000;font-family: brothers;font-size: 55px;line-height: 48px;}
.section5-back span {text-align: center;font-size: 28px;font-weight: 400;line-height: 55px;}
.section5-back ul { font-size: 20px; line-height: 40px;}

.section5-back.web {
	display:block;
	position:relative;
	background: url(../images/section5_bg.png) no-repeat;
	background-position: center top;
	margin: auto;
	background-size: contain;
	height: 4023px;
}

.single-item.web div img { width: 1375px; }

.token_side_txt_left { bottom: 33px; width:534px; line-height: 52px; font-size:30px; }
.token_side_txt_right { bottom: 33px; width:559px; line-height: 52px; font-size:30px; }

.main_title { font-size: 200px; }

@media only screen and (max-width: 2200px) {

	.section3-txt1, .section3-txt2 {
		width: 440px;
		font-size: 20px;
		line-height: 35px;
	}
}


@media only screen and (max-width: 1920px) {
	.navbar-expand-lg .navbar-nav > li {
		padding: 0 10px;
	}

	header .navbar-nav a {
		font-size: 18px;
		padding: 0 30px;
	}

	header .navbar-nav a.language img {
		width: 27px;
	}


	/* section2 */
	.section2-word {
		font-size: 30px;
	}

	.section3-height {
		height: 640px;
	}

}

@media only screen and (max-width: 1800px) {
	.main-width { max-width: 1400px; }

	.header_logo { width: 380px; padding-right: 40px; }

	.header_li { padding-right: 15px; font-size: 24px; }
	.header_li:last-child { padding-right: 15px; }

	/* section 1 */
	.section1_rl_h { height: 1550px; }
	.section1-left { width: 326px; height: 145px; left: 50px; top: 140px;  }
	.section1-right { width: 326px; height: 145px; right: 64px; top: 140px;  }
	.section1-center { width: 1100px; height: 627px;  }

	.slide { top:560px; }

	.main_title { font-size: 190px; }
	.token_txt { font-size: 24px; line-height: 40px; width: 100%; }

	.table-token { width: 100%; font-size: 28px; }
	.tokenomics_div { width: 100%;  }
	.section3-table { width: 100%; }
	.map_div { width: 100%; }
	.white_div { width: 80%; }

	.section02_main { top: 890px;  }

	/* section5 */
	.section5-back p{padding-top: 80px;color: #000;font-family: brothers;font-size: 55px;line-height: 48px;}
	.section5-back span {text-align: center;font-size: 22px;font-weight: 400;line-height: 40px;}
	.section5-back ul { font-size: 20px; line-height: 40px;}

	.section5-back.web {
		display:block;
		position:relative;
		background: url(../images/section5_bg.png) no-repeat;
		background-position: center top;
		margin: auto;
		background-size: contain;
		height: 3100px;
	}


	.slick-dots {
		bottom: 28%;
	}
	.slick-arrow {
		position: absolute;
		top: 145px;
		z-index: 10;
		font-size: 0;
	}
	.slick-arrow.slick-prev {
		left: 5%;
		background: url("../images/btn_prev.svg") 0
		0 / 100% no-repeat;
		width: 37px;
		height: 57px;
	}
	.slick-arrow.slick-next {
		right: 5%;
		background: url("../images/btn_next.svg") 0 0 / 100% no-repeat;
		width: 35px;
		height: 53px;
	}

	.single-item.web div img{ width: 1000px; }

	.token_side_txt_left { bottom: 30px; width:450px; line-height: 30px; font-size:24px; }
	.token_side_txt_right { bottom: 30px; width:460px; line-height: 30px; font-size:24px; }

	.roadmap-container1 {
		position: relative;
		width: 100%;
		max-width: 600px; /* 이미지 최대 너비 */
		height: 531px; /* 이미지 높이 */
		margin: auto;
		background: url('../images/roadmap1.png') no-repeat center center/cover;
	}

	.roadmap-container2 {
		position: absolute;
		top: -69px;
		left: 53px;
		width: 100%;
		max-width: 600px; /* 이미지 최대 너비 */
		height: 528px; /* 이미지 높이 */
		margin: auto;
		z-index: -100;
		background: url('../images/roadmap2.png') no-repeat center center/cover;
	}

	.roadmap-container3 {
		position: absolute;
		top: -40px;
		right: 0;
		width: 100%;
		max-width: 600px; /* 이미지 최대 너비 */
		height: 540px; /* 이미지 높이 */
		margin: auto;
		z-index: -105;
		background: url('../images/roadmap3.png') no-repeat center center/cover;
	}

	.roadmap-container1-m {
		width: 100%;
		max-width: 385px; /* 이미지 최대 너비 */
		height: 340px; /* 이미지 높이 */
		margin: 0 auto 30px;
		background: url('../images/roadmap1.png') no-repeat center center/cover;
	}

	.roadmap-container2-m {
		width: 100%;
		max-width: 385px; /* 이미지 최대 너비 */
		height: 340px; /* 이미지 높이 */
		margin: 0 auto 30px;
		background: url('../images/roadmap2.png') no-repeat center center/cover;
	}

	.roadmap-container3-m {
		width: 100%;
		max-width: 385px; /* 이미지 최대 너비 */
		height: 340px; /* 이미지 높이 */
		margin: auto;
		background: url('../images/roadmap3.png') no-repeat center center/cover;
	}

	.roadmap-text-m {
		padding: 20px;
		height: 250px;
		width: 100%;
		text-align: center;
	}
	.roadmap-text-m ul { font-size: 20px; }
	.roadmap-text-m ul li { line-height: 40px; }

	.section3-height { height: 440px; }
}

@media only screen and (max-width: 1440px) {
	.main_title { font-size: 130px; }
	.slick-dots {
		bottom: 28%;
	}
}

@media only screen and (max-width: 1350px) {
	.main_title { font-size: 44px; }

	.slick-dots {
		bottom: 28%;
	}
	.slick-dots li { height: 15px; width: 15px; }

	.single-item.web div img { width: 800px; }

	/* section1 */
	.section1-word { bottom: -350px; }


	/* section4 */
	.section4_1 { top: 300px; left: 21%; }
	.section4_title { font-size: 40px;}
	.section4-word ul li { font-size: 18px; }
	.section4_2 { top: 770px; left: -73px; }
	.section4_3 { top: 820px; right: -10px;}
}

@media only screen and (max-width: 1100px) {
	.mobile_none { display: none !important;}
	.web_none { display: block!important;}

	/* section1 */
	#token { margin-top: 80px; }

	.image-with-text img {display: block; width: 80%;   }
	.image-with-text span { width: 60%;  font-size: 14px; padding: 0 20px; }
	.image-with-text span.last { top: 20%; left: 20%; }
	.image-with-text span.first { top:15%; left: 20%; }
	.slick-dots {
		bottom: 10%;
	}
	.slick-dots li { height: 8px; width: 8px; }

	.slick-arrow {
		position: absolute;
		top: 50%;
		z-index: 10;
		font-size: 0;
		width: 25px;
		height: 40px;
	}
	.slick-arrow.slick-prev {
		left: 0%;
		background: url("../images/btn_prev.svg") 0
		0 / 100% no-repeat;
	}
	.slick-arrow.slick-next {
		right: 0%;
		background: url("../images/btn_next.svg") 0 0 / 100% no-repeat;
	}
	.slick-arrow.slick-disabled {
		opacity: 0.2;
	}

	/* section2 */
	.section2-img img { width: 890px; margin-top: 325px;}
	.table-token { margin: auto; font-size: 14px;}
	.table-token table {  font-size: 14px ;}
	.table-token table tr td:last-child { width: 60%; }
	.section2-word { width: 90%; margin: 30px auto 0 ; text-align: center; font-size: 14px; line-height: 20px;}

	/* section3 */
	.section3-table table tr td { padding: 20px 0;}
	.section3-img { width: 90%; margin: auto;  position:relative; z-index:105; display: flex;justify-content: center;align-items: center;}
	.section3-img img { width: 100%; }
	.section3-title {  display: block;  font-size: 18px; text-align: center; font-weight: bold; }
	.section3-txt { display: block;  width: 95%; margin: 20px auto 50px; font-size: 14px; text-align: center; line-height: 22px; font-weight: normal;}
	.token-list { width: 90%; margin: auto; border-top: 1px solid #a5a5a5; border-bottom: 1px solid #a5a5a5; padding: 40px 0; }

	.roadmap-container1 {
		position: relative;
		width: 100%;
		max-width: 465px; /* 이미지 최대 너비 */
		height: 405px; /* 이미지 높이 */
		margin: auto;
		background: url('../images/roadmap1.png') no-repeat center center/cover;
	}

	.roadmap-container2 {
		position: absolute;
		top: -50px;
		left: 0;
		width: 100%;
		max-width: 465px; /* 이미지 최대 너비 */
		height: 405px; /* 이미지 높이 */
		margin: auto;
		z-index: -100;
		background: url('../images/roadmap2.png') no-repeat center center/cover;
	}

	.section4-word ul li {
		line-height: 40px;
	}

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

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

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

	/* section5 */
	.section5-word { width: 90%; margin: auto; }
	.section5-word img { width: 100%; }
	.section5-word .section-title { margin-bottom: 60px; }
	.section5-back p{padding-top:20px;font-size: 20px;}
	.section5-back p:nth-child(1){padding-top: 55px;}
	.section5-back span {font-size: 14px;line-height: 22px;}
	.section5-back ul{font-weight: 500;font-size: 14px;line-height: 22px;}
	.section5-back.web { display: none; }
	.section5-back.mobile { display: block; position:relative;background: url(../images/section5_bg_m2.png) no-repeat;background-size: contain; margin: auto; width: 95%;}

	/* section6 */
	.section6-word .section-title {  margin-bottom: 60px; }
	.cm-links { padding: 0 0 40px;}
	.cm-links a img { width : 40px; height: 40px; }
	.section6-txt { font-size: 14px; line-height: 22px; text-align: center;}

	/* section7 */
	.section7-word .section-title { margin-bottom: 60px; }
	.section7-txt{ font-size: 14px; line-height: 22px; text-align: center; padding: 0 0 40px;}
	.section7-img img { width: 90%; margin: auto; }

	footer { height: 160px; }
	footer a { font-size: 12px; line-height: 30px; }
	.footer-img-div { width: 45%; }
	.footer-img-div a img { width: 130px; }
	.footer-link_m { display: flex; }
	.footer-link_m a img { width: 20px; }
	.footer-link_m a { padding-right: 20px; }
	.footer-link_m a:last-child { padding-right: 0; }
	.condor-div { display: flex; }

	#btn-back-to-top {
		padding: 10px;
	}


}

@media only screen and (max-width: 991px) {
	header { height: 60px; }
	.navbar-nav:last-child {border: 0;}
	.navbar-expand-lg .navbar-nav > li {-webkit-animation-name: none;	animation-name: none;	padding: 0;}
	.navbar-expand-lg .navbar-nav > li > .nav-link.active::before {bottom: 0;}
	.navbar-expand-lg .navbar-nav .nav-link {display: inline-block;padding: 8px 0;text-align: center;}
	.v_dark .nav-fixed .navbar-expand-lg .navbar-nav .nav-link{padding:8px ;text-align:center;}
	.nav-lan{display:none;}
	.mobile-lan{display:block;}
	.token_txt { font-size: 14px; line-height: 20px; }
}

@media only screen and (max-width: 700px) {
	.section3-height { height: 350px; }
	.roadmap-container3 {
		position: absolute;
		top: -30px;
		right: 0;
		width: 100%;
		max-width: 450px; /* 이미지 최대 너비 */
		height: 405px; /* 이미지 높이 */
		margin: auto;
		z-index: -105;
		background: url('../images/roadmap3.png') no-repeat center center/cover;
	}

	.roadmap-container1-m {
		width: 100%;
		max-width: 280px; /* 이미지 최대 너비 */
		height: 250px; /* 이미지 높이 */
		margin: 0 auto 30px;
		background: url('../images/roadmap1.png') no-repeat center center/cover;
	}

	.roadmap-container2-m {
		width: 100%;
		max-width: 280px; /* 이미지 최대 너비 */
		height: 250px; /* 이미지 높이 */
		margin: 0 auto 30px;
		background: url('../images/roadmap2.png') no-repeat center center/cover;
	}

	.roadmap-container3-m {
		width: 100%;
		max-width: 280px; /* 이미지 최대 너비 */
		height: 250px; /* 이미지 높이 */
		margin: auto;
		background: url('../images/roadmap3.png') no-repeat center center/cover;
	}

	.roadmap-text-m {
		padding: 20px;
		height: 250px;
		width: 100%;
		text-align: center;
	}
	.roadmap-text-m ul { font-size: 14px; }
	.roadmap-text-m ul li { line-height: 22px; }

	.section5-word .section-title {
		padding-top: 100px;
	}
}

@media only screen and (max-width: 480px) {
	.image-with-text img {display: block; width: 60%;   }

	.slick-arrow {
		position: absolute;
		top: 239px;
		z-index: 10;
		font-size: 0;
	}
	.slick-arrow.slick-prev {
		left: 0;
		background: url("../images/btn_prev.svg") 0
		0 / 100% no-repeat;
		width: 12px;
		height: 17px;
	}
	.slick-arrow.slick-next {
		right: 0;
		background: url("../images/btn_next.svg") 0 0 / 100% no-repeat;
		width: 12px;
		height: 17px;
	}
	.slick-arrow.slick-disabled {
		opacity: 0.2;
	}

	.slick-arrow.slick-prev {
		left: 0;
		background: url("../images/btn_prev.svg") 0
		0 / 100% no-repeat;
	}
	.slick-arrow.slick-next {
		right: 0;
		background: url("../images/btn_next.svg") 0 0 / 100% no-repeat;
	}
	.slick-arrow { top: 40%; width: 15px; height: 25px; }
	.section5-back p:nth-child(1){padding-top: 50px;}

	header { height: 60px; }
	.navbar-brand img {max-width: 200px;}
	.navbar-nav {border-right: 0 none;width: 100%;}
	.navbar-expand-lg .navbar-nav .nav-link.staking{display:block;}

	.roadmap-container3 {
		position: absolute;
		top: -30px;
		right: 0;
		width: 100%;
		max-width: 450px; /* 이미지 최대 너비 */
		height: 405px; /* 이미지 높이 */
		margin: auto;
		z-index: -105;
		background: url('../images/roadmap3.png') no-repeat center center/cover;
	}

	.roadmap-container1-m {
		width: 100%;
		max-width: 280px; /* 이미지 최대 너비 */
		height: 250px; /* 이미지 높이 */
		margin: 0 auto 30px;
		background: url('../images/roadmap1.png') no-repeat center center/cover;
	}

	.roadmap-container2-m {
		width: 100%;
		max-width: 280px; /* 이미지 최대 너비 */
		height: 250px; /* 이미지 높이 */
		margin: 0 auto 30px;
		background: url('../images/roadmap2.png') no-repeat center center/cover;
	}

	.roadmap-container3-m {
		width: 100%;
		max-width: 280px; /* 이미지 최대 너비 */
		height: 250px; /* 이미지 높이 */
		margin: auto;
		background: url('../images/roadmap3.png') no-repeat center center/cover;
	}

	.roadmap-text-m {
		padding: 20px;
		height: 250px;
		width: 100%;
		text-align: center;
	}
	.roadmap-text-m ul { font-size: 14px; }
	.roadmap-text-m ul li { line-height: 22px; }

	.font-small { font-size: 12px; }
}

#btn-back-to-top {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 10px;
	z-index: 9999;
	border: none;
	outline: none;
	background-color: #333;
	color: white;
	cursor: pointer;
	padding: 15px;
	border-radius: 10px;
}

#btn-back-to-top svg { color: white; }

.fade-in-up {
	opacity: 0;
	transition: opacity 1s ease-in-out;
}

.animate__animated {
	--animate-duration:  0.5s;
}

.hide {
	visibility: hidden;
}
.show {
	visibility: visible;
}

.slide-in-bottom {
	-webkit-animation: slide-in-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
	animation: slide-in-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

@-webkit-keyframes slide-in-bottom {
	0% {
		-webkit-transform: translateY(500px);
		transform: translateY(500px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}

@keyframes slide-in-bottom {
	0% {
		-webkit-transform: translateY(500px);
		transform: translateY(500px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}

.slide-out-bottom {
	-webkit-animation: slide-out-bottom 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
	animation: slide-out-bottom 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
}

@-webkit-keyframes slide-out-bottom {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateY(500px);
		transform: translateY(500px);
		opacity: 0;
	}
}

@keyframes slide-out-bottom {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateY(500px);
		transform: translateY(500px);
		opacity: 0;
	}
}

.slide-in-right {
	-webkit-animation: slide-in-right 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94)
	both;
	animation: slide-in-right 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.slide-out-left {
	-webkit-animation: slide-out-left 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53)
	both;
	animation: slide-out-left 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
}
.slide-out-right {
	-webkit-animation: slide-out-right 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53)
	both;
	animation: slide-out-right 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
}

@-webkit-keyframes slide-in-left {
	0% {
		-webkit-transform: translateX(-1000px);
		transform: translateX(-1000px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1;
	}
}
@keyframes slide-in-left {
	0% {
		-webkit-transform: translateX(-1000px);
		transform: translateX(-1000px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1;
	}
}

@-webkit-keyframes slide-in-right {
	0% {
		-webkit-transform: translateX(1000px);
		transform: translateX(1000px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1;
	}
}
@keyframes slide-in-right {
	0% {
		-webkit-transform: translateX(1000px);
		transform: translateX(1000px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1;
	}
}

@-webkit-keyframes slide-out-left {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(-1000px);
		transform: translateX(-1000px);
		opacity: 0;
	}
}
@keyframes slide-out-left {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(-1000px);
		transform: translateX(-1000px);
		opacity: 0;
	}
}

@-webkit-keyframes slide-out-right {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(1000px);
		transform: translateX(1000px);
		opacity: 0;
	}
}
@keyframes slide-out-right {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(1000px);
		transform: translateX(1000px);
		opacity: 0;
	}
}

@-webkit-keyframes slide-in-bottom-bounce {
	0% {
		-webkit-transform: translateY(1000px);
		transform: translateY(1000px);
		opacity: 0;
	}
	50% {
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}

@keyframes slide-in-bottom-bounce {
	0% {
		-webkit-transform: translateY(1000px);
		transform: translateY(1000px);
		opacity: 0;
	}
	50% {
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}

/* Slide out to bottom with bounce */
@-webkit-keyframes slide-out-bottom-bounce {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
	50% {
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
	}
	100% {
		-webkit-transform: translateY(1000px);
		transform: translateY(1000px);
		opacity: 0;
	}
}

@keyframes slide-out-bottom-bounce {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
	50% {
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
	}
	100% {
		-webkit-transform: translateY(1000px);
		transform: translateY(1000px);
		opacity: 0;
	}
}

/* Apply these animations to the corresponding classes */
.slide-in-bottom-bounce {
	-webkit-animation: slide-in-bottom-bounce 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
	animation: slide-in-bottom-bounce 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.slide-out-bottom-bounce {
	-webkit-animation: slide-out-bottom-bounce 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
	animation: slide-out-bottom-bounce 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
}

/* Slide in from bottom with bounce and rotate */
/* Slide in from bottom with bounce and rotate */
@keyframes slide-in-bottom-rotate {
	0% {
		transform: translateY(1000px) rotate(360deg);
		opacity: 0;
	}
	50% {
		transform: translateY(-20px) rotate(0deg);
	}
	100% {
		transform: translateY(0) rotate(0deg);
		opacity: 1;
	}
}

/* Slide out to bottom with bounce and rotate */
@keyframes slide-out-bottom-rotate {
	0% {
		transform: translateY(0) rotate(0deg);
		opacity: 1;
	}
	50% {
		transform: translateY(-20px) rotate(0deg);
	}
	100% {
		transform: translateY(1000px) rotate(360deg);
		opacity: 0;
	}
}

/* Apply these animations to the corresponding classes */
.slide-in-bottom-rotate {
	animation: slide-in-bottom-rotate 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.slide-out-bottom-rotate {
	animation: slide-out-bottom-rotate 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
}