@charset "utf-8";

/* Common */
:root {--tm-col:#9E59FF; --tm-dark:#382A6C;}

table {}
table tr {}
table tr th,table tr td {padding:15px; border:1px solid #a5a5a5; text-align:center; font-size: 16px; vertical-align:middle; }
table tr th {border-bottom-width:2px; font-weight:bold;}
table tr td {}
.fwb {font-weight:bold;}
.title {}
.title b {font-weight:900; font-size:30px; text-transform:uppercase;}
.title h4 {color:var(--tm-dark); font-size:50px; font-weight:900; text-transform:uppercase; margin-top:20px; line-height: 49px;}
.title p {color: var(--tm-dark); font-size: 30px; font-weight: bold; margin-top: 80px; line-height: 35px;}

/* Header */
header {padding:15px 0; position:fixed; width:100%; left:0; top:0; transition: all .3s ease; z-index:9;}
header.fixed { background: linear-gradient(to bottom right, #1F91FB, #8634FE); transition: all .3s ease;}
header .layout_fix {position:relative; }
header.fixed .layout_fix ul li a {color:#fff;}
header h1 {position:absolute; left:0; top:0; }
header h1 a.logo { background:url(../img/logo.png) left top no-repeat; width:302px; height:33px; background-position:0 0; transition: all .3s ease;}
header.fixed h1 a.logo {background-position:0 -42px; transition: all .3s ease;}
header h1 a.m_logo {display:none;background:url(../img/m_logo.png) left top no-repeat; width:114px; height:33px; background-position:0 0; transition: all .3s ease;}
header.fixed h1 a.m_logo {background-position:0 -42px; transition: all .3s ease;}
header h1 a img {}
header ul {text-align:center;}
header ul li {display:inline-block; margin: 0 15px;}
header ul li a {font-family: 'Nunito Sans', sans-serif; text-transform:uppercase; font-size: 21px; padding: 7px;}
header ul li a.on {color:var(--tm-col); font-weight:bold;}
header .lang {position: absolute; right: 0; top: 4px; background: #fff; border-radius: 50px; padding: 2px 10px; font-size: 14px;}


/* 모바일메뉴 */
.m_menu {display:none; position: absolute; top: 0; right: 0; height: 100%; max-width: 0; transition: 0.5s ease; z-index: 1; background: #404040; z-index:9;}
.m_menu > div {padding: 10px;}
.m_menu > div a {border-radius: 50px; background-color: #8634FE; color: #fff; padding: 5px 10px;}
.m_menu ul {margin-top:15px; padding: 30px}
.m_menu ul li {}
.m_menu ul li a {font-size: 1.7em; padding: 20px 0; display:block; color:#fff;}
.burger-icon {display:none !important; cursor: pointer; display: inline-block; position: absolute; z-index: 2; padding: 8px 0; top: 18px; right: 17px; user-select: none; width: auto; margin: 0; z-index:10}
.burger-icon .burger-sticks { background: #fff; display: block; height: 2px; position: relative; transition: background .2s ease-out; width: 23px; }
.burger-icon .burger-sticks:before,
.burger-icon .burger-sticks:after { background: #fff; content: ''; display: block; height: 100%; position: absolute; transition: all .2s ease-out; width: 100%; }
.burger-icon .burger-sticks:before { top: 5px; }
.burger-icon .burger-sticks:after { top: -5px; }
.burger-check { display: none !important; }
.burger-check:checked~.m_menu { max-width: 280px; height:100vh;}
.burger-check:checked~.burger-icon .burger-sticks { background: transparent; }
.burger-check:checked~.burger-icon .burger-sticks:before { transform: rotate(-45deg); }
.burger-check:checked~.burger-icon .burger-sticks:after { transform: rotate(45deg); }
.burger-check:checked~.burger-icon:not(.steps) .burger-sticks:before,
.burger-check:checked~.burger-icon:not(.steps) .burger-sticks:after { top: 0; }

/* Visual */
.visual {padding-top:67px; background:url(../img/vis_bg.png) right -90px top -190px no-repeat;}
.visual .vis_wrap {overflow:hidden; }
.visual .vis_wrap > div {float:left; }
.visual .vis_wrap .left {width:40%; text-align:right; padding:170px 0; padding-right: 3%;}
.visual .vis_wrap .left h3 {font-size: 41px; line-height: 41px;}
.visual .vis_wrap .left p {color: var(--tm-dark); font-weight: 900; font-size: 30px; line-height: 35px; margin: 90px 0 50px 0;}
.visual .vis_wrap .left p em {background: linear-gradient(to right, #278BFB, #803AFE); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display:block; }
.visual .vis_wrap .left a {border-radius: 15px; background-color:#D2BBFF; color:var(--tm-dark); padding:15px 15px 15px 40px; font-weight: 700; font-size: 21px; position:relative; box-shadow: 3px 2px 3px 1px rgb(0 0 0 / 50%);}
.visual .vis_wrap .left a i {width:22px; height:28px; background:url(../img/ico_wp.png) center no-repeat; position:absolute; left:10px; top:12px;}
.visual .vis_wrap .right {width:60%; padding: 50px 0 0 40px;}

/* Best */
.best {background: url(../img/best_bg.png) top center no-repeat; height: 360px; background-attachment: fixed !important; padding: 50px 0; background-size: cover;}
.best ul {overflow:hidden; margin-top: 20px;}
.best ul li {color:#fff; float:left; width:20%; padding:0 15px;}
.best ul li:first-child {font-weight:bold; text-transform:uppercase; font-size: 44px; line-height: 48px; width:40%}
.best ul li i {}
.best ul li b {display:block; font-size: 22px; margin: 15px 0;}
.best ul li p {font-size: 18px; line-height: 25px;}

/* Platform */
.platform {padding:100px 0;}
.platform center {margin-top:80px;}


/* Slogan */
.slogan {background: url(../img/slogan_bg.png) top center no-repeat; background-size:cover; padding:150px 0;}
.slogan h3 {color:#fff; font-size:51px; text-align:center; line-height: 70px;}
.slogan ul {text-align:center; margin-top:150px;}
.slogan ul li {display:inline-block; margin:0 10px;}
.slogan ul li a {}

/* Token */
.token {text-align:center; padding:100px 0;}
.token h3 {}
.token p {background: linear-gradient(to right, #278BFB, #803AFE); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 900; font-size: 32px; margin: 30px 0 80px 0; padding: 10px 0; line-height:36px;}
.token center {margin:100px 0;}

/* DeFi */
.defi {padding:100px 0; background-color:#F7F7FB}
.box_wrap {overflow:hidden; }
.box_wrap > div {float:left; width:50%;}
.defi .box_wrap .left {}
.defi .box_wrap .left em,.nft .nft_wrap .left em {font-weight:bold; font-size:20px; margin-top: 110px; margin-bottom: 11px;}
.defi .box_wrap .left strong,.nft .nft_wrap .left strong {display:block; font-weight:900; color:var(--tm-col); font-size:83px; text-transform:uppercase; line-height: 72px;}
.defi .box_wrap .left p,.nft .left p {font-weight:bold; font-size:30px; margin-top: 150px; line-height:40px;}
.defi .box_wrap .right {text-align:center;}

/* NFT */
.nft {padding:100px 0;}
.nft .nft_wrap {overflow:hidden; }
.nft .nft_wrap > div  {float:left; }
.nft .nft_wrap .left {width:60%}
.nft .nft_wrap .left em {}
.nft .nft_wrap .left strong {}
.nft .nft_wrap .left p {}
.nft .nft_wrap .right {width:40%; text-align:center;}

/* Footer */
footer {background-color:var(--tm-dark); color:#fff;}
footer .ft_wrap {overflow:hidden; padding:40px 0;}
footer .ft_wrap > div {float:left; width:50%;}
footer .ft_wrap .left > div {margin-bottom:10px;}
footer .ft_wrap .left p {font-weight:100; opacity:.6}
footer .ft_wrap .right {text-align:right;}
footer .ft_wrap .right ul {margin-bottom:30px;}
footer .ft_wrap .right ul > li {display:inline-block; margin:0 5px;}
footer .ft_wrap .right ul > li a {color:#fff; text-transform:uppercase; font-family: 'Nunito Sans', sans-serif; padding:5px; font-size: 19px;}
footer .ft_wrap .right ol > li {display:inline-block; margin: 0 8px;}
footer .ft_wrap .right ol > li a {}
footer > p {text-align:center; border-top:1px solid rgba(255,255,255,.2); padding:10px 0 11px 0; opacity:.5;}

/* Go Top */
#top_btn {position: fixed; bottom: 20px; right: 20px; width: 50px; height: 50px; line-height: 46px; border: 2px solid #333; color: #333; text-align: center; font-size: 15px; z-index: 90; background: rgba(255,255,255,0.5);}


/* UZU DEFI 2023-03-15 추가 */
.uzu_defi {padding: 100px 0; background-color: #f8f8f8;}
.uzu_defi center {margin-top: 70px;}

/* Nft Team 2023-03-15 추가 */
.nft_team {padding: 100px 0;}
.mem_intro {margin-top: 40px;}
.mem_intro ul {overflow: hidden;}
.mem_intro ul > li {float: left; width: 50%; margin-bottom: 20px; padding:0 10px;}
.mem_intro ul > li dl {background-color: #000; border-radius: 20px; overflow: hidden; box-sizing: border-box; padding: 20px;}
.mem_intro ul > li dl dt,.mem_intro ul > li dl dd {display: inline-block; vertical-align: middle;}
.mem_intro ul > li dl dt {width: 227px; text-align: center;}
.mem_intro ul > li dl dt img {}
.mem_intro ul > li dl dd {color: #fff; width: calc(100% - 237px);}
.mem_intro ul > li dl dd strong {color: #7048fd; font-weight: 800; text-transform: uppercase; font-size: 27px; line-height: 34px; word-break: break-all;}
.mem_intro ul > li dl dd h3 {font-size: 20px; margin: 15px 0 20px 0;}
.mem_intro ul > li dl dd ol {}
.mem_intro ul > li dl dd ol li {position: relative; padding-left: 8px; font-size: 14px;}
.mem_intro ul > li dl dd ol li:before {content: '·'; position: absolute; left:0; top:0;}
 

/* Media Quiery */
@media all and (max-width:1800px) {
}

@media all and (max-width:1420px) {
	.layout_fix {width:100%; padding:0 15px;}
}

@media all and (max-width:991px) {

}

@media all and (max-width:767px) {
	.m_menu,.burger-icon {display:block !important;}
	header.fixed {height:54px}
	.visual {background-size: 550px; background-position: -80px -230px;}
	.visual .vis_wrap .left,.best ul li,.defi .box_wrap .left,.box_wrap > div,
	.nft .nft_wrap > div,footer .ft_wrap > div,.visual .vis_wrap > div,.mem_intro ul > li {float:none; width:100% !important;}
	header .layout_fix >  ul {display:none; }
	.best {height:auto;}
	.best ul li {margin-bottom:40px; padding:0;}
	.best ul li:first-child {width:100%; margin-bottom: 40px;}
	.best ul li:last-child {margin-bottom:0;}
	.slogan h3 {font-size: 31px; line-height: 48px;}
	.slogan ul {overflow:hidden; margin-top:60px;}
	.slogan ul li {float:left; width:50%; margin:0; padding:0 5px;}
	.title p,.defi .box_wrap .left p, .nft .left p {font-size: 22px; line-height: 30px;}
	.scroll {overflow-y:scroll;}
	.scroll table {}
	table {padding:10px;}
	.defi .box_wrap .left strong, .nft .nft_wrap .left strong {font-size: 53px; word-break: break-all;}
	.box_wrap > div,.nft .nft_wrap .right {margin-top:40px;}
	.defi .box_wrap .left p, .nft .left p {margin-top:100px;}
	.defi .box_wrap .left em, .nft .nft_wrap .left em {}
	footer .ft_wrap .right ul > li a {font-size:14px;}
	footer .ft_wrap > div,footer .ft_wrap .right {text-align:center;}
	footer p {font-size:13px;}
	footer .ft_wrap .left > div {text-align:center;}
	.visual .vis_wrap .right {padding:0; margin-bottom:50px;}
	.visual .vis_wrap .left {padding:60px 0;}
	.visual .vis_wrap .left a {font-size:18px;}
	.visual .vis_wrap {overflow:inherit}
	.defi .box_wrap .left strong, .nft .nft_wrap .left strong {line-height:50px;}
	header .lang {display:none; }
	.mem_intro ul > li dl dt,.mem_intro ul > li dl dd {display: block; width: 100% !important;}
	.mem_intro ul > li dl dd strong {font-size: 27px;}
}

@media all and (max-width:1420px) {
	.layout_fix {width:100%; padding:0 15px;}
	header h1 {left: 10px; top: -4px;}
	header h1 a.m_logo {display:block; }
	header h1 a.logo {display:none; }
}

@media all and (max-width:640px) {
}

@media all and (max-width:791px) {
}