@charset "utf-8";

/*=== UI ===============================================*/
/*faq toggle*/
.toggle-cont {padding:90px 0;}
.toggle-cont h3 {display:block;position:relative;width:100%;padding-bottom:23px;color:#191928;font-size:23px;font-weight:400;text-align:left;}
.toggle-cont h3:after {position:absolute;left:0;bottom:0;width:100%;height:2px; background:#434350; content:'';:}
.toggle-cont dl {border-bottom:1px solid #b2f0f4;}
.toggle-cont dl dt a {display:block;position:relative;padding:20px 20px 20px 0;color:#0094bd;font-size:15px;font-family:'Exo 2';font-weight:300;text-align:left;}
.toggle-cont dl dt a span {display:inline-block;margin-left:8px;margin-right:10px;}
.toggle-cont dl dt a:after {position:absolute;top:50%;right:10px;width:9px;height:5px;transform:translate(-50%, -50%);background:url('../images/wallet.sp.arrow.png'); background-position-y:-5px; content:'';}
.toggle-cont dl dd:before {position:absolute;top:-6px;left:30px;content:url('../images/faq.ico.view.png');}
.toggle-cont dl dd {display:none;position:relative;padding:13px 30px 40px 70px;color:#191928;font-family:'Exo 2'; font-size:15px;font-weight:300;text-align:left;line-height:160%;}
.toggle-cont dl.on a {font-weight:600;}
.toggle-cont dl.on a:after {background-position-y:0;}
.toggle-cont dl.on dd {display:block;}
@media only screen and (max-width:1070px) {
	.toggle-cont {padding:30px 0;}
	.toggle-cont h3 {padding-bottom:18px;}
	.toggle-cont dl dt a:after {right:0px;}
}
/*=== Header ===============================================*/
/*cookie*/
#cookie {position:relative;background:linear-gradient(-45deg, #E8F3EC, #fff, #d3e4ff, #d0f8d6);
	background-size:400% 400%;
	-webkit-animation:Gradient 15s ease infinite;
	-moz-animation:Gradient 15s ease infinite;
	animation:Gradient 15s ease infinite;
}
#cookie p {display:block; padding:8px 200px 8px 30px;color:#000; box-sizing:border-box;}
#cookie p a {color:#000; font-weight:bolder;text-decoration:underline;}
#cookie p + a {position:absolute;top:50%;right:50px;transform:translateY(-50%);display:inline-block;padding:3px 15px 4px;background:rgba(0, 0, 0, .84);color:#E8F3EC;font-size:16px;}
@media only screen and (max-width:1025px) {
	#cookie {text-align:center;}
	#cookie p {padding:10px 80px 10px 10px; }
	#cookie p + a {position:relative;left:0;top:0;width:50%;margin:10px auto;padding:5px 20px;transform:translate(0, 0);box-sizing:border-box;text-decoration:center;}
}
/*banner*/
#topBanner {position:relative;text-align:center;background:linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);
	background-size:400% 400%;
	-webkit-animation:Gradient 15s ease infinite;
	-moz-animation:Gradient 15s ease infinite;
	animation:Gradient 15s ease infinite;
}
#topBanner a.text {display:inline-block;padding:10px 0;color:#fff;font-size:16px;vertical-align:middle;}
#topBanner a.close {display:inline-block;position:absolute;top:50%;right:100px;width:18px;transform:translateY(-50%)}
#topBanner a.close img {width:100%;height:auto;vertical-align:top;}
@-webkit-keyframes Gradient {
	0% {background-position:0% 50%}
	50% {background-position:100% 50%}
	100% {background-position:0% 50%}
}
@-moz-keyframes Gradient {
	0% {background-position:0% 50%}
	50% {background-position:100% 50%}
	100% {background-position:0% 50%}
}
@keyframes Gradient {
	0% {background-position:0% 50%}
	50% {background-position:100% 50%}
	100% {background-position:0% 50%}
}
@media only screen and (max-width:1070px) {
	#topBanner a.text {padding:5px 0;font-size:12px;}
	#topBanner a.close {display:none;}
}
header {position:relative;display:block;}
header nav {position:absolute;top:35px;left:40px;right:40px;border:0 solid #fff; z-index:500;}
header #logo {display:inline-block;position:absolute;top:0;}
header #logo img {width:120px;height:48px;}
header #logo .mask {display:inline-block;width:185px;height:82px;overflow:hidden;}
header.scroll {width:85px;overflow:hidden;}
header.scroll #logo .mask {width:85px;}
header.scroll nav {}
header.scroll nav ul {margin-top:-100px;}
header.scroll aside.util {display:none;}
/*nav*/
header nav .menu-gnb-container {text-align:center;}
header nav ul { }
header nav ul li {display:inline-block;}
header nav ul li.on a {color:#0094bd;}
header nav ul li a {display:block;position:relative;padding:10px 19px;color:#fff;font-size:18px;font-weight:400;line-height:20px;webkit-transition:all 0.3s; transition:all 0.3s;}
header nav ul li a:hover {color:#0094bd;}
/*aside*/
header aside.util {position:absolute;top:-17px;right:0;}
header aside.util:after { position:absolute; left:0; top:50%; width:100%; height:1px;background:#fff;opacity:0.2;content:''; }
header aside a {display:block;position:relative;width:125px;padding:11px 0;color:#fff;font-size:14px;opacity:0.4;}
header aside a:after {position:absolute;top:0;right:-9px;transform:scale(0.5);content:url('../images/common/util.arrow.png');}
header aside a:hover {opacity:1;}
header button.menu {display:none;}
@media only screen and (max-width:1070px) {
	header { display:block;width:100%; box-sizing:border-box;}
	header #menu-gnb {display:none;}
	header nav {position:absolute;left:0;top:0;padding:20px;}
	header #logo {position:static;top:20px;}
	header #logo img {}
	header aside.util {position:static; float:right;margin-right:60px; }
	header aside.util:after {display:none;}
	header aside a {display:none;position:relative; width:auto; float:left; padding:0;opacity:1; }
	header aside a ~ a:before { position:absolute;top:12px;left:0; width:1px;height:10px;background:#474753; content:''; }
	header button.menu {display:inline-block;position:fixed;top:13px; right:5px; width:50px; height:55px; background:transparent; z-index:800;}
	header.scroll button.menu {background:url('../images/common/top.menu.bg.png') no-repeat; background-size:cover;}
	header button.menu img {width:32px;height:18px;}
	header aside a:after {display:none;}
}
/*m_gnb*/
#m_gnb {display:none;position:fixed;left:0;top:0;width:100%;height:100%;overflow:hidden;background:rgba(0, 0, 0, 0.9);z-index:1000;}
#m_gnb .middle ul li {margin-bottom:5px;text-align:center;}
#m_gnb .middle ul li a {display:block;padding:10px;color:#fff; font-size:20px; text-align:center;}
#m_gnb .in_wrap {padding:25px 20px;box-sizing:border-box;}
#m_gnb .in_wrap a {position:relative;margin-right:40px;padding:10px;color:#fff;font-size:14px;float:left;}
#m_gnb .in_wrap a ~ a:before {position:absolute; top:10px; left:-20px; width:1px; height:15px; background:#474753; content:'';}
#m_gnb .in_wrap button.close {float:right;}
#m_gnb .in_wrap button.close img {width:27px;height:auto;vertical-align:top;}
/*=== Contents =============================================*/
article.content { position:relative; overflow:hidden;}
article.content section { display:block;position:relative; /* min-width:1000px; */ text-align:center;}
article.content section h1 {position:relative;margin-bottom:49px;color:#fff;font-size:40px;font-weight:400;text-align:center;line-height:40px; }
article.content section h1:after {position:absolute; bottom:-26px; left:50%;width:90px;height:1px;opacity:0.4;transform:translateX(-50%); background:#fff; content:'';}
article.content section h1.black {color:#191928; }
article.content section h1.black:after {background:#191928; }
article.content section h2 { color:#7d7d85; font-family:'Exo 2'; font-size:15px;font-weight:300; line-height:25px;}
article.content section p {color:#fff; font-size:20px; line-height:150%;}
article.content a.arrow {display:block;width:32px;height:32px;background:url('../images/common/sp.ico.arrow.png') no-repeat; background-position:0 0;}
article.content a.arrow:hover {background-position-y:-32px;}
article.content a.more { display:inline-block;padding:7px 20px 9px;font-size:15px;border-radius:20px; }
article.content a.more:hover {color:#fff; background:#0094bd; border-color:transparent;}
article.content a.prev {background-position-x:0;}
article.content a.next {background-position-x:-32px;}
article.content dl dd p {font-family:'Exo 2'; font-weight:300;}
@media only screen and (max-width:1070px) {
	article.content section h1 {font-size:26px; margin-bottom:31px;}
	article.content section h1:after {bottom:-14px;opacity:0.3;}
	article.content section h2 {font-size:14px;line-height:150%;}
}
/*=== member ===============================================*/
article.member {display:block;position:fixed;width:100%;height:100%;background:url('../images/common/member.bg.png') center center no-repeat; background-size:cover;}
article.member .in_wrap {position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:560px;margin:0 auto; padding:100px 0;border:0px solid #fff;box-sizing:border-box;z-index:50;}
article.member .in_wrap h5, article.twofactor .in_wrap h5 {display:block;position:relative;width:100%;margin-bottom:60px; color:#fff; font-size:40px;text-align:left;}
article.member .in_wrap h5:after, article.twofactor .in_wrap h5:after {position:absolute;left:0;bottom:-30px;width:88px;height:1px;opacity:0.4;background:#fff;content:'';}
article.member .in_wrap div.tml {}
article.member .in_wrap div.tml p {margin-bottom:20px;color:#fff;}
article.member .in_wrap div.tml p.tml-rememberme-wrap {margin-bottom:0;}
article.member .in_wrap div.tml p.message {margin-bottom:30px; color:#7e7e92;font-size:17px;font-family:'Exo 2';font-weight:300;}
article.member .in_wrap div.tml p.error {color:#a0abd4;font-size:16px;}
article.member .in_wrap div.tml p.submit {text-align:right;}
article.member .in_wrap div.tml form p.tml-rememberme-wrap span.txt {display:inline-block; margin-left:10px; font-size:13px;font-family:'Exo 2'; font-weight:300;}
article.member .in_wrap div.tml form p.tml-submit-wrap {text-align:right;}
/*
#tfa_login_btn 2fa버튼
*/
article.member .in_wrap div.tml #simba_two_factor_auth {margin-top:20px;}
article.member .in_wrap div.tml #loginform > label {color:#a0abd4;font-size:16px;margin-bottom:20px;}
article.member .in_wrap div.tml #loginform p.forgetmenot {margin-top:20px;}
article.member .in_wrap div.tml form p.tml-submit-wrap input, #tfa_login_btn {display:inline-block; padding:10px 50px; color:#fff;font-size:17px; border:1px solid #fff; border-radius:35px; cursor:pointer; background:transparent;}
article.member .in_wrap div.tml form p.tml-submit-wrap input:hover, #tfa_login_btn:hover {background:#0094bd; border-color:transparent;}
article.member .in_wrap div.tml form p > label {display:inline-block; margin-bottom:10px;color:#fff; font-size:15px; }
article.member .in_wrap div.tml form p > input.input, #simba_two_factor_auth {display:block;width:100%;padding:15px 20px;border:0;background:#fff;box-sizing:border-box;}
article.member .in_wrap div.tml form + .tml-action-links {margin-top:25px;text-align:right;}
article.member .in_wrap div.tml form + .tml-action-links li {position:relative;display:inline-block;}
article.member .in_wrap div.tml form + .tml-action-links li ~ li:before {position:absolute;left:8px;top:0;color:#7e7e92; font-size:20px;content:'/';}
article.member .in_wrap div.tml form + .tml-action-links li a {margin-left:30px;color:#fff;font-size:17px;}
article.member .in_wrap div.tml form + .tml-action-links li a:hover {color:#0094bd;}
article.member .in_wrap #wp-submit {}
article.member footer { position:absolute;bottom:0;margin:0;padding:50px;color:#fff; background:transparent; box-sizing:border-box;}
article.member footer p.copyright {margin-bottom:0;}
article.policy {display:block;width:100%;background:#fff;box-sizing:border-box;}
@media only screen and (max-width:1070px) {
	article.member {display:block;position:relative;width:100%;height:100%;padding:50px 0 50px;}
	article.member .in_wrap {position:relative;left:0;top:0;transform:translate(0, 0); margin:0 auto; width:100%;padding:50px 20px 100px;}
	article.member .in_wrap h5, article.twofactor .in_wrap h5 { padding-top:0; font-size:30px;}
	article.member footer {margin-bottom:20px;padding:0 20px;}
	article.member footer p.copyright a {float:none;}
}
/*twofactor*/
article.twofactor {position:relative; display:block;width:100%; background:url('../images/common/member.bg.png') top center no-repeat; background-size:cover;}
article.twofactor .in_wrap {position:relative; margin:0 auto; }
article.twofactor .in_wrap h5 {width:700px;margin:0 auto;}
article.twofactor .in_wrap .two {margin:70px auto 100px;padding:30px 20px; background:#fff; }
article.twofactor .in_wrap .two .wrap {width:700px; margin:30px auto 10px;}
article.twofactor .in_wrap .two p {margin-bottom:20px; font-size:16px; line-height:150%; }
article.twofactor .in_wrap button {padding:10px 30px; border-radius:30px;color:#fff;background:#0094bd;}
article.twofactor footer {position:relative; width:80%;height:auto; padding-left:50px; padding-bottom:0;background:transparent; overflow:hidden;}
article.twofactor footer p.copyright {margin:0;padding-bottom:50px;}
@media only screen and (max-width:1070px) {
	article.twofactor .in_wrap h5 {width:100%;margin:0 auto; text-align:center;}
	article.twofactor .in_wrap .two .wrap {width:100%;}
	article.twofactor .in_wrap h5:after, article.twofactor .in_wrap h5:after {left:50%;transform:translateX(-50%);}
	article.twofactor .in_wrap .two {margin:70px auto 30px;padding:30px 20px; background:#fff; }
}
/*=== Footer ===============================================*/
footer.pc {display:block;}
footer.mobile {display:none;}
footer {display:block;width:100%; padding-bottom:0;background:#191928;}
footer ul {position:relative;padding-top:48px;}
footer ul li {positiopn:relative;}
footer ul li ~ li:before {position:absolute;left:500px;top:43px;width:1px;height:120px;background:rgba(255, 255, 255, 0.1); content:'';}
footer ul li ~ li {padding-left:30px;box-sizing:border-box;}
footer span em {font-family:'Play';color:#ffffff;font-size:13px;font-weight:400;}
footer ul li div.ftop {height:40px;}
footer .contact span ~ span {display:inline-block;margin-left:40px;}
footer .contact span em {display:inline-block;}
footer .contact a {display:inline-block;padding-right:20px;text-align:center; color:#a0abd4;font-size:13px;}
footer .contact a:hover {text-decoration:underline;}
/*follow*/
footer .follow > * {display:inline-block; vertical-align:middle;}
footer .follow span em {display:inline-block; vertical-align:top; margin-right:35px;}
footer .follow a {position:relative; display:inline-block; }
footer .follow a ~ a {margin-left:18px;}
footer .follow a span {position:absolute;left:0;top:0; opacity:0; webkit-transition:all 0.3s; transition:all 0.3s;content:''; }
footer .follow a img {width:18px;height:18px;}
footer .follow a:hover span {opacity:1;}
footer .follow a:hover > img {opacity:0;}
/*slack & newsletter*/
footer.pc .cnt {position:relative; width:100%; padding-left:90px;text-align:left; box-sizing:border-box;}
footer.pc .cnt.slack {padding-left:90px;}
footer.pc .cnt span.title {position:absolute;left:0;top:50%;transform:translateY(-50%); color:#fff;font-size:14px;}
footer.pc .cnt input.email {width:80%; font-size:13px; max-width:260px; padding:10px 20px; color:#fff; border:1px solid #383845; border-radius:5px; background:transparent; box-sizing:border-box;}
footer.pc .cnt.slack input.email {max-width:280px;}
footer.pc .cnt input.email::-webkit-input-placeholder {color:#7e7e92;}
footer.pc .cnt input.email:-ms-input-placeholder {color:#7e7e92;}
footer.pc .cnt input.button {margin-left:5px; padding:10px 20px; border:0;border-radius:4px; color:#fff; font-size:15px; background:#3f3f59; }
footer.pc .cnt input.button:hover {background:#0288ae;}
footer.pc .cnt.arist {margin-top:0px;}
footer.pc .cnt.arist a img {height:20px;}
footer.pc #mc_embed_signup{height:40px;}
footer.pc .cnt.exchange{height:40px;}
footer.pc .cnt.exchange select {display:inline-block; width:100px;height:25px;margin-top:7px; text-indent:5px;color:#fff;font-size:13px;border:0;background-color:#3f3f59;text-align:center; }
footer.pc .cnt.events{display:block;margin-top:24px;}
footer.pc .cnt.events span{display:inline-block;margin-right:20px;}
footer.pc .cnt.events a{display: inline-block;padding-right: 20px;text-align: center;color: #a0abd4;font-size: 13px;}
footer.pc .cnt.events a.first{margin-left:80px;}
footer.pc .cnt.events a:hover{text-decoration:underline;}
/*copyright*/
footer .copyright {margin-top:35px; color:#7e7e92;font-size:13px;font-weight:300;line-height:150%;}
footer .copyright > p {color:#7e7e92;font-size:13px;}
footer .copyright > span {display:inline-block;margin-right:10px;}
footer .copyright a.terms {display:inline-block; float:right; margin-top:-20px;font-size:13px;color:#a0abd4; }
footer .copyright a:hover {text-decoration:underline;}
footer p.scrollTop {display:block;text-align:center;}
footer p.scrollTop a {display:inline-block;margin:23px auto;padding:20px; }
#mc_embed_signup form > * {display:inline-block; vertical-align:middle;}
/*=== Media Query style ===============================================*/
@media only screen and (max-width:1070px) {
	article.content > section {min-width:auto; height:auto;}
	/*footer*/
	footer.pc {display:none;}
	footer.mobile {display:block;}
	/*follow*/
	footer .follow a ~ a {margin:0;}
	footer .follow a:hover > img {opacity:1;}
	footer .contact a {padding:0;}
	footer .follow {display:block;width:100%;background:#2b2b3e;text-align:center;}
	footer .follow a {position:relative; display:inline-block; padding:16px 16px 15px;}
	footer .follow a img {width:18px;height:18px;}
	/*wrapper*/
	footer .wrapper {display:block;width:100%; padding-bottom:0;background:#191928;}
	footer .wrapper .support {padding:15px;text-align:center;}
	footer .wrapper .support > * { vertical-align:middle;}
	footer .wrapper .support .tit {color:#fff; font-size:13px;margin-right:10px;}
	footer .wrapper .support .img {padding-top:3px;}
	footer .wrapper .support img {width:40%;height:40%;vertical-align:middle;}
	/*exchange*/
	footer .exchange select {display:inline-block; font-size:13px;border:0;text-align:center;}
	footer .community a {display:inline-block;margin-right:15px;padding:5px 0;color:#a0abd4;}
	/*slack&newsletter email common*/
	footer.mobile .wrapper .outline {position:relative;width:100%;margin-top:30px;margin-bottom:8px;padding-left:80px;box-sizing:border-box;}
	#slack {margin-top:25px;}
	footer.mobile .wrapper .outline .cnt {display:inline-block;width:100%;border:1px solid #383845;border-radius:5px;box-sizing:border-box;}
	footer.mobile .wrapper .outline .cnt > * { display:inline-block; vertical-align:middle; }
	footer.mobile .wrapper .outline span.exe2 {position:absolute;left:0;top:50%;transform:translateY(-50%);color:#fff;font-size:13px;vertical-align:middle;}
	footer.mobile .wrapper .outline input.email {width:73%; padding:10px 12px; color:#fff; font-size:15px;border:0; text-align:left;background:transparent; box-sizing:border-box;}
	footer.mobile .wrapper .outline input.email::-webkit-input-placeholder {color:#7e7e92;font-size:13px;}
	footer.mobile .wrapper .outline input.email::-ms-input-placeholder {color:#7e7e92;font-size:13px;}
	footer.mobile .wrapper .outline input.button {position:absolute;right:0;width:22%; padding:10px 0 10px 1px; border:0; border-left:1px solid #383845; color:#fff; font-size:13px;text-align:center; background:transparent; box-sizing:border-box;}
	/*contact*/
	footer .wrapper p.contact {padding-top:14px;padding-bottom:14px;color:#fff; font-size:13px;text-align:center;}
	footer .wrapper p.contact a {display:inline-block;margin:5px 4px;position:relative; color:#a0abd4;}
	footer .wrapper p.contact a:after {position:absolute;left:0;bottom:-3px;width:100%;height:1px;background:#383845; content:'';}
	/*copyright*/
	footer .wrapper p.copyright {margin:0;padding:0 0 3px;color:#7d7d85; font-size:12px;text-align:center;line-height:155%;}
	footer p.scrollTop a {margin-top:10px;}
}