
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap');

@import url('animate.css');
@import url('owl.css');

*{margin:0;padding:0;border:none;outline:none;font-size: 100%;}

body {font-size:14px;color:#777777;line-height: 28px;font-weight:400;background:#ffffff;-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;font-family: 'Quicksand', sans-serif;scroll-behavior: smooth;}
a{text-decoration:none;cursor:pointer;color:#e38b00;transition: all 500ms ease;}
a:hover, a:focus, a:visited{text-decoration:none;outline:none;}

h1,h2,h3,h4,h5,h6 {margin:0;background:none;line-height:1.2em;font-weight:700}
figure{margin: 0;padding: 0;display:inline-block}
ul,li{list-style:none;padding:0;margin:0;}
section{padding:120px 0;}
p{font-weight:200;margin-bottom:0}
img{display:inline-block;max-width:100%;height:auto;}
section.about-section{padding:180px 20px 120px}
@media (max-width: 1300px) {
	section{padding:120px 20px;}
	section.about-section{padding:180px 20px 120px}
}
@media (max-width: 1200px) {
	section.token-section{padding:120px 0 0}
}
@media (max-width: 992px) {
	section{padding:80px 20px;}
	section.about-section{padding:100px 20px 80px}
}
@media (max-width: 767px) {
	section{padding:65px 15px;}
	section.about-section{padding:80px 20px 65px}
}
@media (max-width: 576px) {
	section{padding:55px 15px;}
}
@media (max-width: 480px) {
	section{padding:40px 15px;}
}

.row.reverse{flex-direction:row-reverse;}
.auto-container{position:static;max-width:1270px;margin:0 auto;}
.page-wrapper{position:relative;margin:0 auto;width:100%;min-width:300px;overflow: hidden;z-index: 99;}

.preloader{position:fixed;left:0;top:0;width:100%;height:100%;z-index:999999;background-color:#ffffff;background-position:center center;background-repeat:no-repeat;background-image:url(../images/preloader.svg);}

.scroll-to-top{position:fixed;bottom:80px;right:20px;width:50px;height:50px;color:#ffffff;font-size:20px;line-height:50px;text-align:center;z-index:100;cursor:pointer;background:#222222;display:none;border-radius: 50%;-webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease;}

/*	  Title  */
.sec-title {position: relative;margin-bottom: 30px;}
.mission-section .sec-title {margin-bottom: 110px;}
.vision-section .sec-title {margin-bottom: 80px;}
.roadmap-section .sec-title {margin-bottom: 100px;}

.sec-title h2 {position: relative;font-size: 50px;line-height: 50px;color:#008080;}
.sec-title h5 {color:#008080;font-size: 30px;line-height: 40px;font-weight: 200;}
.sec-title h3{font-size:50px;color:#008080;line-height:50px;}
.sec-title p{font-size:20px;color:#000000;line-height:30px;}

.img_title_absolute{padding-top: 30px;position: absolute;bottom: 0;left: 0;background: #F9FAFB;	width: 410px;text-align:left}
.img_title_absolute.bg_white{background: #ffffff;}
.img_title_absolute.right{left: auto;right:0;padding-left:30px;}
.img_title_absolute h3{font-size:50px;line-height:50px;font-weight:700;color:#008080}

@media (max-width: 992px) {
	.about-section .sec-title{margin-top:20px;margin-bottom:0}
	.mission-section .sec-title {margin-bottom: 30px;}
	.vision-section .sec-title {margin-bottom: 30px;}
	.roadmap-section .sec-title {margin-bottom: 30px;}

	.sec-title h2 {font-size: 47px;}
	.sec-title h5 {font-size: 28px;}
	.sec-title h3{font-size:47px;}
	.sec-title p{font-size:19px;}

	.img_title_absolute{width:330px;}
	.img_title_absolute h3  {font-size: 47px;}
}
@media (max-width: 767px) {
	.sec-title {margin-bottom: 20px;}
	.mission-section .sec-title {margin-bottom: 20px;}
	.vision-section .sec-title {margin-bottom: 20px;}
	.roadmap-section .sec-title {margin-bottom: 20px;}

	.sec-title h2 {font-size: 43px;line-height:44px;}
	.sec-title h5 {font-size: 25px;}
	.sec-title h3{font-size:43px;line-height:44px;}
	.sec-title p{font-size:18px;}

	.img_title_absolute{width:270px;padding-top:20px;}
	.img_title_absolute h3  {font-size: 43px;line-height:44px}
}
@media (max-width: 576px) {
	.sec-title {margin-bottom: 10px;}
	.about-section .sec-title{margin-top:10px}
	.mission-section .sec-title {margin-bottom: 10px;}
	.vision-section .sec-title {margin-bottom: 10px;}
	.roadmap-section .sec-title {margin-bottom: 10px;}

	.sec-title h2 {font-size: 32px;line-height:35px;}
	.sec-title h5 {font-size: 20px;}
	.sec-title h3{font-size:32px;line-height:35px;display:inline-block;}
	.sec-title p{font-size:16px;line-height:25px;}

	.img_title_absolute.right{width:auto;padding-top:15px;padding-right:0;padding-left:15px;}
	.img_title_absolute{width:auto;padding-top:15px;padding-right:15px}
	.img_title_absolute h3  {font-size: 32px;line-height:35px;display:inline-block}
}
@media (max-width: 480px) {

}

/*  Header style  */
.main-header{position: absolute;left: 0;top: 0;width:100%;z-index: 9999;background:transparent;}
.main-header .main-box{	position:relative;display: block;padding:30px 40px;}
.main-header .main-box .logo-box{position: relative;float: left;}

.main-header .main-box .logo-box .logo{position: relative;width:215px;-webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease;}

.main-header .nav-outer{position: static;float: right;}
.main-header .nav-outer .main-menu .navigation > li > a{position:relative;display:block;font-size:24px;line-height:30px;font-weight:500;color:#fff;padding:10px 0;opacity:1;text-align:center;text-transform: uppercase;-webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease;}

@media (max-width: 767px) {
	.main-header .main-box{padding:20px 25px;}
	.main-header .main-box .logo-box .logo{width:180px}
	.main-header .nav-outer .main-menu .navigation > li > a{font-size:21px;}
}
@media (max-width: 480px) {
	.main-header .main-box{padding:10px 10px;}
	.main-header .main-box .logo-box .logo{width:150px}
	.main-header .nav-outer .main-menu .navigation > li > a{font-size:17px;padding:5px 0;}
}

/*  Banner  */
.banner-section{position: relative;width: 100%;padding:0}
.banner-carousel .content-box{position: relative;z-index: 33;padding: 260px 0 0;}
.banner-carousel .auto-container.text_center{text-align:center;}
.banner-carousel .content-box.inline_block{display:inline-block;padding: 260px 0 0}

.banner-section .banner-carousel{	position: relative;}
.banner-section .slide-item{position: relative;width: 100%;height:1040px;background-repeat: no-repeat;background-position: center;background-size: cover;padding: 0;}

.banner-section .carousel-column{position: relative;}
.banner-section .carousel-column .carousel-outer{position: relative;}

.banner-carousel h1{position: relative;display: block;font-size: 160px;line-height: 200px;color: #ffffff;font-weight: 700;opacity: 0;-webkit-transition: all 1000ms ease;-moz-transition: all 100ms ease;-ms-transition: all 1000ms ease;-o-transition: all 1000ms ease;transition: all 1000ms ease;-webkit-transform: translateY(-50px);-moz-transform: translateY(-50px);-ms-transform: translateY(-50px);-o-transform: translateY(-50px);transform: translateY(-50px);z-index: 33;}
.banner-carousel .active h1{opacity: 1;-webkit-transform: translateY(0);-moz-transform:translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);-webkit-transition-delay: 700ms;-moz-transition-delay: 700ms;-ms-transition-delay: 700ms;-o-transition-delay: 700ms;transition-delay: 700ms;z-index: 33;}

.banner-carousel h3{position: relative;display: block;font-size: 80px;line-height: 110px;color: #ffffff;font-weight: 700;opacity: 0;-webkit-transition: all 1000ms ease;-moz-transition: all 100ms ease;-ms-transition: all 1000ms ease;-o-transition: all 1000ms ease;transition: all 1000ms ease;-webkit-transform: translateY(-50px);-moz-transform: translateY(-50px);-ms-transform: translateY(-50px);-o-transform: translateY(-50px);transform: translateY(-50px);z-index: 33;}
.banner-carousel .active h3{opacity: 1;-webkit-transform: translateY(0);-moz-transform:translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);-webkit-transition-delay: 700ms;-moz-transition-delay: 700ms;-ms-transition-delay: 700ms;-o-transition-delay: 700ms;transition-delay: 700ms;z-index: 33;}

.banner-carousel p{position: relative;display: block;font-size: 35px;line-height: 35px;color: #ffffff;font-weight: 400;margin-bottom: 20px;opacity: 0;-webkit-transition: all 1000ms ease;-moz-transition: all 100ms ease;-ms-transition: all 1000ms ease;-o-transition: all 1000ms ease;transition: all 1000ms ease;-webkit-transform: translateX(-50px);-moz-transform: translateX(-50px);-ms-transform: translateX(-50px);-o-transform: translateX(-50px);transform: translateX(-50px);z-index: 33;}
.banner-carousel .active p{opacity: 1;-webkit-transform: translateX(0);-moz-transform:translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);-webkit-transition-delay: 700ms;-moz-transition-delay: 700ms;-ms-transition-delay: 700ms;-o-transition-delay: 700ms;transition-delay: 700ms;z-index: 33;}

.banner-carousel .content-box .text{position: relative;display: block;font-size: 26px;line-height: 35px;color: #ffffff;font-weight: 400;margin-bottom: 40px;opacity: 0;-webkit-transition: all 1000ms ease;-moz-transition: all 100ms ease;-ms-transition: all 1000ms ease;-o-transition: all 1000ms ease;transition: all 1000ms ease;-webkit-transform: translateX(-100px);-moz-transform: translateX(-100px);-ms-transform: translateX(-100px);-o-transform: translateX(-100px);transform: translateX(-100px);}
.banner-carousel .active  .text{opacity: 1;-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);-webkit-transition-delay: 300ms;-moz-transition-delay: 300ms;-ms-transition-delay: 300ms;-o-transition-delay: 300ms;transition-delay: 300ms;}

.banner_menu{position:absolute;bottom:0;right:0;z-index:9999;background:#ffffff;}
.banner_menu ul{display:flex;padding:40px 0 30px 50px;}
.banner_menu ul li a{display:inline-block;padding-right:130px;}
.banner_menu ul li a h3{font-size:25px;line-height:30px;color:#838383;margin-bottom:5px;}
.banner_menu ul li a p{font-size:30px;line-height:38px;color:#838383;margin-bottom:0}
.banner_menu ul li a:hover p{color:#000000;}
.banner_menu ul li a p:last-child{font-weight:700}

@media (max-width: 1300px) {
	.banner-carousel .content-box{padding:260px 65px 0}
	.banner-carousel h1 {font-size:140px;line-height:160px;}
	.banner-carousel h3 {font-size:70px;line-height:80px;margin-bottom:20px;}
	.banner-carousel p{font-size:30px;line-height:30px;}
	.banner-carousel .content-box .text{font-size:23px}

	.banner_menu ul{padding: 30px 0 30px 40px;}
	.banner_menu ul li a{padding-right:70px;}
}
@media (max-width: 992px) {
	.banner-section .slide-item{height:850px}
	.banner-carousel .content-box.inline_block{padding:200px 0 0;}
	.banner-carousel .content-box{padding:200px 65px 0}
	.banner-carousel h1 {font-size:100px;line-height:130px;}
	.banner-carousel h3 {font-size:60px;line-height:70px;}
	.banner-carousel p{font-size:25px;line-height:20px;}
	.banner-carousel .content-box .text{font-size:20px;line-height:28px;}

	.banner_menu{width:100%;}
	.banner_menu ul{padding: 30px 40px;justify-content:space-between;}
	.banner_menu ul li a{padding-right:0;}
}
@media (max-width: 767px) {
	.banner-section .slide-item{height:740px}
	.banner-carousel .content-box{padding:130px 65px 0}
	.banner-carousel h1 {font-size:80px;line-height:100px;}
	.banner-carousel h3 {font-size:40px;line-height:55px;}
	.banner-carousel p{font-size:23px;line-height:25px;}
	.banner-carousel .content-box .text{font-size:18px;line-height:25px;}

	.banner_menu ul{padding: 20px 25px;}
	.banner_menu ul li a h3{font-size:20px;}
	.banner_menu ul li a p{font-size:25px;line-height:33px}
}
@media (max-width: 576px) {
	.banner-section .slide-item{height:580px}
	.banner-carousel .content-box.inline_block{padding:180px 0 0;}
	.banner-carousel .content-box{padding:110px 40px 0}
	.banner-carousel h1 {font-size:60px;line-height:80px;}
	.banner-carousel h3 {font-size:35px;line-height:45px;}
	.banner-carousel p{font-size:20px;line-height:25px;}
	.banner-carousel .content-box .text{font-size:16px;line-height:25px;}

	.banner_menu ul{padding: 15px 15px;}
	.banner_menu ul li a h3{font-size:18px;margin-bottom:0;}
	.banner_menu ul li a p{font-size:20px;line-height:25px}
}
@media (max-width: 480px) {
	.banner-section .slide-item{height:500px}
	.banner-carousel .content-box.inline_block{padding:135px 0 0;}
	.banner-carousel .content-box{padding:80px 20px 0}
	.banner-carousel h1 {font-size:45px;line-height:60px;}
	.banner-carousel h3 {font-size:25px;line-height:33px;margin-bottom:10px;}
	.banner-carousel p{font-size:18px;line-height:25px;}
	.banner-carousel .content-box .text{font-size:14px;line-height:22px;}

	.banner_menu ul{padding: 10px 10px;}
	.banner_menu ul li a h3{font-size:16px;margin-bottom:0;}
	.banner_menu ul li a p{font-size:17px;line-height:25px}
}


/*	  About Section  */
.about-section{position: relative;}
.about-section .image-column{position: relative;text-align:center;padding-top:40px;}
.about-section .image-column .image{position:relative;}
.about-section .image-column .image:before{content: "";position: absolute;right: -45px;top: -45px;width: 345px;height: 365px;background:rgba(0,128,128,0.5);z-index: -1;}

.about-section .content-column{position: relative;}
.about-section .content-column .content-box {position: relative;padding-right: 50px;}

@media (max-width: 1300px) {
	.about-section .image-column{padding-right:45px;padding-top:30px;}
}
@media (max-width: 992px) {
	.about-section .content-column .content-box{padding-top:30px;}
	.about-section .image-column{padding-right:45px;padding-top:30px;}
}
@media (max-width: 576px) {
	.about-section .image-column{padding-right:0;}
	.about-section .image-column .image:before{display:none;}
}

/*	  Mission Section  */
.mission-section{position: relative;background:#F9FAFB}
.mission-section .row_between{display:flex;flex-wrap:wrap;justify-content:space-between}

.mission-section .image-column{position: relative;text-align:center;padding-left:35px;}
.mission-section .image-column .image{position:relative;}
.mission-section .image-column .image img{position:relative;z-index:2}
.mission-section .image-column .image img:nth-child(2){display:none;}
.mission-section .image-column .image:before{content: "";position: absolute;left: -35px;top: -35px;width: 280px;height: 300px;background:rgba(0,128,128,0.5);z-index:0;}

.mission-section .image-column .content-box {position: relative;margin-top:-148px;z-index:2;background:#F9FAFB;width:295px;padding:20px 15px 0 0;text-align:left;}
.mission-section .image-column .content-box h4{font-size: 20px;line-height: 26px;color: #000000;margin-bottom: 10px;font-weight:700}
.mission-section .image-column .content-box p{position: relative;display: block;font-size: 16px;line-height: 22px;color: #000000;}

@media (max-width: 1300px) {
	.mission-section .row_between{justify-content:space-around}
	.mission-section .image-column{margin:60px 0;}
	.mission-section .image-column:last-child{margin-bottom:0;}
	.mission-section .image-column .image img:nth-child(1){display:none;}
	.mission-section .image-column .image img:nth-child(2){display:block;}
	.mission-section .image-column .content-box{width:395px;margin-top:-126px;}
	.mission-section .image-column .image:before{width:420px;height:300px;}
}
@media (max-width: 992px) {
	.mission-section .row_between{justify-content:space-around}
	.mission-section .image-column{margin:50px 0}
}
@media (max-width: 767px) {
    .mission-section .image-column{padding-left:35px;margin:40px 25px;}
	.mission-section .image-column .image:before{width:350px;height:200px;}
}
@media (max-width: 576px) {
	.mission-section .image-column .image img:nth-child(2){display:none;}
	.mission-section .image-column .image img:nth-child(1){display:block;}
	.mission-section .image-column .content-box{width:295px;margin-top:-148px;}
	.mission-section .image-column{padding-left:0;margin:25px 0;}
	.mission-section .image-column .image:before{display:none;}
}

/*	  Vision Section  */
.vision-section{position: relative;}
.vision-section .row_between{display:flex;flex-wrap:wrap;justify-content:space-between}

.vision-section .content-box {position: relative;margin-bottom:-148px;z-index:2;background:#008080;width:1085px;padding:65px 50px;display:flex;justify-content:space-between;}
.vision-section .content-box .content-box_text {width:275px;position:relative;}
.vision-section .content-box .content-box_text:nth-child(2) {width:295px;position:relative;}
.vision-section .content-box .content-box_text:after {content:'';height:170px;width:1px;background:#FFFFFF;position:absolute;right:-28px;top:0;}
.vision-section .content-box .content-box_text:nth-child(3):after {display:none;}
.vision-section .content-box h4{font-size: 20px;line-height: 26px;color: #ffffff;font-weight:700;height:50px;margin-bottom:10px;}
.vision-section .content-box p{position: relative;font-size: 16px;line-height: 22px;color: #ffffff;}

.vision_background{background:url(/images/vision_1.png) no-repeat center center;background-size:cover;width:100%;height:400px;}

@media (max-width: 1300px) {
	.vision-section .content-box{padding:50px 40px}
}
@media (max-width: 1100px) {
	.vision-section .content-box{width:90%;padding:40px 35px}
	.vision-section .content-box .content-box_text:after{right:-5%}
	.vision-section .content-box .content-box_text{width:30%;}

}
@media (max-width: 992px) {
	.vision_background{height: 300px;}
	.vision-section .content-box{display:block;padding:20px 35px;}
	.vision-section .content-box h4{height:auto;margin-bottom:5px;}
	.vision-section .content-box .content-box_text{width:100%;padding:20px 0;border-bottom:1px solid rgba(255,255,255,0.5)}
	.vision-section .content-box .content-box_text:nth-child(2){width:100%;}
	.vision-section .content-box .content-box_text:last-child{margin-bottom:0;border-bottom:none;}
	.vision-section .content-box .content-box_text:after{display:none;}
}
@media (max-width: 480px) {
    .vision-section .content-box{padding:0 15px;}
}

/*	  Service Section  */
.service-section{position: relative;background:#F9FAFB}
.service-section .service_img{position:relative;margin-bottom:80px;display:inline-block;padding-right:50px}
.service-section .service_img img{position:relative}
.service-section .service_img:before{content:'';width:280px;height:400px;position:absolute;top:50px;right:0;background:rgba(0,128,128,0.5)}

.service-section .content-box{padding: 0 110px 0 55px;}
.service-section .content-box h4{font-size:20px;line-height:26px;color:#000000;margin-bottom:10px;}
.service-section .content-box p{font-size:16px;line-height:22px;color:#000000}

@media (max-width: 1300px) {
	.service-section .content-box{padding:0 80px 0 30px}
	.service-section .service_img:before{height:330px;}
}
@media (max-width: 992px) {
	.service-section .content-box {padding:0 20px 0 20px}
	.service-section .service_img:before{height:230px;right: 5px}
    .service-section .service_img{padding-right:40px;}
}
@media (max-width: 767px) {
	.service-section .content-box {padding:0 0 30px}
	.service-section .content-box.pd_0 {padding:0}
	.service-section .service_img:before{height:160px;}
    .service-section .service_img{padding-right:35px;}
	.service-section .service_img{margin-bottom:70px;}
}
@media (max-width: 576px) {
	.service-section .content-box {padding:0 0 30px}
	.service-section .content-box h4{margin-bottom:5px;}
	.service-section .service_img{padding-right:0;margin-bottom:30px;}
	.service-section .service_img:before{display:none;}

}


/*	  Business Section  */
.business-section{position: relative;}
.business-section .business_img_box{text-align:right;}
.business-section .business_img{position:relative;display:inline-block;}
.business-section .business_img .business_img_title {padding-top:30px;position:absolute;bottom:0;left:0;background:#ffffff;width:410px;text-align:left;}
.business-section .business_img .business_img_title h3{font-size:50px;line-height:50px;font-weight:700;color:#008080}

.business-section .business_text{width:320px;margin-bottom:65px;padding-left:25px;}
.business-section .business_text:last-child{margin-bottom:0}
.business-section .business_text h4{font-size:20px;line-height:26px;color:#000000;margin-bottom:20px;position:relative;}
.business-section .business_text h4:after{content:'';width:50px;height:50px;background:rgba(0,128,128,0.5);top:-14px;left:-26px;position:absolute;}
.business-section .business_text p{font-size:16px;line-height:22px;color:#000000}

@media (max-width: 992px) {
	.business-section .business_img_box{text-align:center;}
	.business-section .business_img{margin-bottom:80px;}

	.business-section .business_text{width:auto;}
	.business-section .business_text h4{margin-bottom:5px;}
}
@media (max-width: 767px) {
	.business-section .business_img{margin-bottom:70px}
}
@media (max-width: 576px) {
	.business-section .business_text{margin:20px 0 45px}
	.business-section .business_img{margin-bottom:30px}
}

/*	  Economy Section  */
.economy-section{position: relative;background:#F9FAFB}
.economy-section .economy_img_box{text-align:left;}
.economy-section .economy_img{position:relative;margin-bottom:80px;display:inline-block;}

.economy-section .economy_text {padding:500px 0 0;}
.economy-section .economy_text p{font-size:20px;line-height:30px;color:#000000}

.economy-section .content-box{padding: 0 90px 0 55px;}
.economy-section .content-box h4{font-size:20px;line-height:26px;color:#000000;margin-bottom:10px;height:50px;}
.economy-section .content-box p{font-size:16px;line-height:22px;color:#000000}

@media (max-width: 1300px) {
	.economy-section .economy_text{padding:420px 15px 0;width:350px;}
	.economy-section .content-box{padding:0 30px 0 30px;}
}
@media (max-width: 1100px) {
	.economy-section .economy_text{padding:360px 15px 0;}
}
@media (max-width: 992px) {
	.economy-section .economy_img_box{text-align:center;}
	.economy-section .content-box{padding:20px 0 0;}
	.economy-section .content-box h4{height: auto;margin-bottom:5px}
	.economy-section .economy_text{padding:0 ;width:auto;}
	.economy-section .economy_img{margin-bottom:30px;}
    .economy-section .economy_text {margin-bottom:30px}
}
@media (max-width: 767px) {
	.economy-section .economy_text p{font-size:18px;line-height:25px}
}
@media (max-width: 576px) {
	.economy-section .economy_text p{font-size:16px;line-height:25px}
}

/*  토큰  */
.token-section {position: relative;}

.token-section .token_content_box{padding-right:45px}

.token-section .token_content_box .token_text {margin-bottom:30px;}
.token-section .token_content_box .token_text p{font-size:20px;line-height:30px;color:#000000}

.token-section .token_content_box .token_table  {color: #000000;font-size: 15px;}
.token-section .token_content_box .token_table table{width:100%;background:#ffffff;text-align:left;}
.token-section .token_content_box .token_table th {padding:11px;font-size: 20px;color:#ffffff;background:#008080;text-align:center;min-width:165px;border-right:1px solid #B4B4B4;font-weight:200}
.token-section .token_content_box .token_table td {border-bottom:1px solid #B4B4B4;border-right:1px solid #B4B4B4;padding:11px;font-size: 16px;color:#000000;text-align:center;min-width:165px}
.token-section .token_content_box .token_table td:nth-child(1) {text-align:left;}
.token-section .token_content_box .token_table td:last-child, .token-section .token_content_box .token_table th:last-child {border-right:none;}

.token-section .token_background{position:absolute;top:-120px;left:0;z-index:-1;height:1062px}
.token-section .token_img{height:100%;display:flex;justify-content:center;align-items:flex-end;padding-bottom: 100px;}


@media (max-width: 1199px) {
	.token-section .token_background{display:none;}
	.token-section .token_content_box{padding-left:15px;padding-right:15px;}
	.token-section .token_img{background:url(/images/token_1.png) no-repeat center center; background-size:cover;padding:100px 0}
    .token-section .token_content_box .token_table{margin:50px auto;width:80%;}
}
@media (max-width: 992px) {
	.token-section .token_content_box .token_table td , .token-section .token_content_box .token_table th{min-width:1px;}
}
@media (max-width: 767px) {
	.token-section .token_content_box .token_table td , .token-section .token_content_box .token_table th{font-size:16px;}
    .token-section .token_content_box .token_table{margin:50px auto;width:100%;}
}
@media (max-width: 576px) {
	.token-section .token_content_box .token_table td , .token-section .token_content_box .token_table th{font-size:14px;}
	.token-section .token_img{padding:60px 0}
	.token-section .token_img img{width:95%}

}
@media (max-width: 480px) {
	.token-section .token_content_box .token_table td , .token-section .token_content_box .token_table th{padding:6px;line-height:20px;}
	.token-section .token_img{padding:30px 0;}
}


/*  Roadmap  */
.roadmap-section {position: relative;background:url(/images/roadmap_1.png) no-repeat center center;background-size:cover;padding:120px 0 315px;}

.roadmap-section .roadmap_content_box{position:relative;}

.roadmap-section .roadmap_content_box .roadmap_date {position:absolute;top:4px;left:0;}
.roadmap-section .roadmap_content_box .roadmap_date h3{font-size:20px;line-height:26px;color:#000000}

.roadmap-section .roadmap_content_box .roadmap_content {padding-left:120px;margin-bottom:40px;}
.roadmap-section .roadmap_content_box .roadmap_content ul{list-style:disc;padding-left:20px;}
.roadmap-section .roadmap_content_box .roadmap_content ul li{list-style:disc;font-size:16px;line-height:28px;color:#000000}
.roadmap-section .copyright-text{position:absolute;bottom:20px;left:0;right:0}
.roadmap-section .copyright-text p{	position: relative;line-height: 30px;font-size: 16px;color: #ffffff;text-align:center;margin-bottom:0;}



@media (max-width: 1300px) {
	.roadmap-section{padding:120px 20px 315px;}
}
@media (max-width: 1300px) {
	.roadmap-section{padding:120px  20px 180px;}
}
@media (max-width: 992px) {
	.roadmap-section{padding:80px 20px 180px;}
}
@media (max-width: 767px) {
	.roadmap-section{padding:65px 15px 180px;}
	.roadmap-section .roadmap_content_box .roadmap_content{margin-bottom:25px;padding-left:95px;}
}
@media (max-width: 576px) {
	.roadmap-section{padding:55px 15px 100px;}
	.roadmap-section .roadmap_content_box .roadmap_date h3{font-size:18px}
	.roadmap-section .roadmap_content_box .roadmap_content ul li{font-size:14px;}
	.roadmap-section .roadmap_content_box .roadmap_content {margin-bottom:15px;padding-left:85px;}
	.roadmap-section .copyright-text p{font-size:13px}
}
@media (max-width: 480px) {
	.roadmap-section{padding:40px 15px 110px;}

}

/*  팝업  */
.popup{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;background:rgba(0,0,0,0.7);display:none;}
.popup.active{display:block;}
.popup .popup_box{width:800px;background:#ffffff;top:50%;left:50%;transform:translate(-50%, -50%);position:relative;border-radius:10px;overflow:auto;}
.popup .popup_box .popup_header{ position:relative;padding:25px 15px 30px;}
.popup .popup_box .popup_header h4{margin-left: 5px;color:#000000;}
.popup .popup_box .popup_header ul{display:flex;list-style:none;padding:0;margin:0}
.popup .popup_box .popup_header ul li{ width:50%;text-align:center;font-size:20px;cursor:pointer;}
.popup .popup_box .popup_header ul li.active{color:#000000;font-weight:700;border-bottom:1px solid #343434;padding-bottom:10px;}

.popup .popup_box .popup_header i{font-size:40px;position:absolute;right:15px;top:10px;cursor:pointer;}
.popup .popup_box .popup_body{padding:0 20px 25px;display:none}
.popup .popup_box .popup_body.active{display:block}
.popup .popup_box .popup_body h4{font-size:20px;font-weight:600;color:#343434;}
.popup .popup_box .popup_body h4:nth-child(1){margin-bottom:20px;}
.popup .popup_box .popup_body .text_info{border:1px solid #c5c5c5;border-radius:10px;margin:20px 0;padding:20px;word-break:break-all}
.popup .popup_box .popup_body h5{font-size:18px;line-height:25px;margin-bottom:5px;color:#000000;}
.popup .popup_box .popup_body p{font-size:15px;line-height:25px;color:#000000;font-weight: 400;}
.popup .popup_box .popup_body p.first{margin-bottom:20px;}
.popup .popup_box .popup_body p.last{margin-bottom:20px;}
.popup .popup_box .popup_footer .team h4{font-size:17px;}
.popup .popup_box .popup_footer h4:nth-child(1){margin-bottom:0;}

@media(max-width:992px){
	.popup .popup_box{width:95%;height:95%;}
}
