@charset "utf-8";

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.6/dist/web/static/pretendard.css");

/* 초기화 */
html {width:100%;height:100%;overflow-y:scroll}
body {width:100%;height:100%;margin:0;padding:0;font-family:'Pretendard', 'Malgun Gothic', dotum, sans-serif;color:#fff;font-size:16px;font-weight:300;letter-spacing:0.5px;background:#0e1621;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-family:'Pretendard', 'Malgun Gothic', dotum, sans-serif;color:#fff;font-size:16px;font-weight:300;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, li, dl, dt, dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:16px;outline:none;}
input, button {margin:0;padding:0;font-family:'Pretendard', 'Malgun Gothic', dotum, sans-serif;font-size:16px;font-weight:300;}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}

textarea, select {font-family:'Pretendard', 'Malgun Gothic', dotum, sans-serif;color:#fff;font-size:16px;font-weight:300;outline:none;}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:16px}
a {color:#bbb;text-decoration:none;cursor:pointer;}
a:hover {color:#de9805}

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

input[type=text],input[type=password], textarea {}
input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {}

input, textarea, button {-webkit-appearance:none; -moz-appearance:none; appearance:none;}
input, textarea, button, select {-webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0;}

.placeholdersjs {color:#777 !important}
input::placeholder {color:#777;}
input::-webkit-input-placeholder {color:#777;}
input::-ms-input-placeholder {color:#777;}
textarea::placeholder {color:#777;}
textarea::-webkit-input-placeholder {color:#777;}
textarea::-ms-input-placeholder {color:#777;}

.placeholdersjs {color:#777 !important}

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


.frm_input {height:50px;padding:5px 12px;color:#fff;line-height:40px;background:#272e38;border:solid 1px #2e353e;border-radius:4px;
-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;
}
.frm_input:focus {border:solid 1px #de9805}
.frm_input.readonly {color:#bbb;line-height:40px;background:#1c222b;border:none;}

.gap {height:90px;}


#header_wrap {display:block;position:absolute;left:0;right:0;top:0;width:100%;background:#0e1621;border-bottom:solid 1px #272e38;z-index:99;}
.header {position:relative;width:100%;max-width:1320px;margin:0 auto;padding:0 10px;}
.header:after {display:block;visibility:hidden;clear:both;content:""}
.header a.logo {display:block;float:left;width:160px;line-height:90px}
.header a.logo2 {display:block;float:left;color:#fff;font-size:20px;line-height:90px;font-weight:500;}
.header a.logo2 strong {color:#15aacf;font-weight:500;}

#header_wrap.sticky {position:fixed;top:0;}

.top_wrap {display:block;position:absolute;right:10px;top:50%;margin:-18px 0 0 0;}
.top_wrap ul {}
.top_wrap ul:after {display:block;visibility:hidden;clear:both;content:""}
.top_wrap ul li {display:block;float:left;margin:0 10px 0 0;}
.top_wrap ul li:last-child {margin:0;}
.top_wrap ul li a {display:block;padding:0 12px;color:#fff;font-weight:500;line-height:32px;text-align:center;border-radius:5px;}
.top_wrap ul li a.btn_signup {background:#0e1621;border:solid 2px #de9805;}
.top_wrap ul li a.btn_signup:hover {background:#de9805;}
.top_wrap ul li a.btn_signin {background:#de9805;border:solid 2px #de9805;}
.top_wrap ul li a.btn_signin:hover {background:#0e1621;}
.top_wrap ul li a.btn_logout {line-height:36px;background:#f75959;}
.top_wrap ul li a.btn_logout:hover {background:#e14949;}

#header_wrap,
.header,
.header a.logo,
.header a.logo img,
.top_wrap,
.top_wrap ul li,
.top_wrap ul li a {
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
}


/* nav */
.nav {display:block;position:relative;width:50%;margin:0 auto;z-index:99;}
.nav ul {position:relative;width:100%;padding:25px 0 0 0;text-align:center;}
.nav ul li {display:inline-block;position:relative;zoom:1;}
.nav ul li:last-child {display:none;}
.nav ul li span.arrow {display:none;position:absolute;right:10px;top:4px;width:32px;height:32px;line-height:32px;overflow:hidden;color:#fff;text-align:center;cursor:pointer;z-index:1;}

.nav ul li a {display:inline-block;position:relative;margin:0 12px;color:#fff;font-size:16px;line-height:40px;font-weight:500;}
.nav ul li a:after {display:block;content:'';position:absolute;left:0;width:0;bottom:0;height:3px;background:#de9805;opacity:0;}
.nav ul li a:hover {color:#de9805}
.nav ul li a:hover:after {width:100%;opacity:1;}
.nav ul li ul {display:none;position:absolute;left:50%;width:200px;margin:0 0 0 -100px;padding:0;background:#fff;}
.nav ul li ul li {display:block;width:100%;border-bottom:solid 1px #eee;}
.nav ul li ul li:last-child {display:block;border-bottom:none;}
.nav ul li ul li a {display:block;padding:0;color:#666;font-size:14px;text-indent:0px;line-height:40px;font-weight:400;}
.nav ul li ul li a:after {display:none;}
.nav ul li ul li:hover a {color:#de9805;}

.nav .nav-bars {display:none;position:absolute;right:10px;top:-50px;width:40px;height:40px;color:#fff;text-align:center;background:none;border:none;border-radius:50%;z-index:999;cursor:pointer;}
.nav .nav-bars i {font-size:20px;line-height:40px;}

/* mobile */
.nav.mobile {clear:both;width:100%;}
.nav.mobile ul {display:none;}
.nav.mobile ul li {display:block;width:100%;border-bottom:solid 1px #3e424a;}
.nav.mobile ul li:last-child {display:block;padding:12px 0;text-align:left;border-bottom:none;}
.nav.mobile ul li span.arrow {display:block;}
.nav.mobile ul li span.arrow:hover {}
.nav.mobile ul li span.arrow.arrow-rotate {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.nav.mobile ul li a {display:block;margin:0;padding:0;color:#fff;text-align:left;line-height:45px;}
.nav.mobile ul li a:after {display:none;}
.nav.mobile ul li a:hover {color:#de9805;background:none;}
.nav.mobile ul li ul {position:static;left:0;width:100%;margin:0;background:none;}
.nav.mobile ul li ul li {width:100%;border-bottom:none;}
.nav.mobile ul li ul li:last-child {display:block;padding:0;}
.nav.mobile ul li ul {display:none;}
.nav.mobile ul li ul a {text-align:left;text-indent:10px;}
.nav.mobile ul li ul a:hover {}
.nav.mobile ul li a.btn_signup,
.nav.mobile ul li a.btn_signin,
.nav.mobile ul li a.btn_logout {display:inline-block;padding:0 12px;color:#fff;font-weight:500;line-height:32px;text-align:center;border-radius:5px;}
.nav.mobile ul li a.btn_signup {background:#0e1621;border:solid 2px #de9805;}
.nav.mobile ul li a.btn_signup:hover {background:#de9805;}
.nav.mobile ul li a.btn_signin {background:#de9805;border:solid 2px #de9805;}
.nav.mobile ul li a.btn_signin:hover {background:#0e1621;}
.nav.mobile ul li a.btn_logout {background:#f75959;}
.nav.mobile ul li a.btn_logout:hover {background:#e14949;}

.nav.mobile .nav-bars {display:block;}

.nav,
.nav ul li,
.nav ul li span.arrow,
.nav ul li a,
.nav ul li a:after,
.nav .nav-bars {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.btn_top {display:block;position:fixed;right:60px;bottom:200px;width:40px;height:40px;text-align:center;color:#fff;background:#de9805;border:none;border-radius:3px;opacity:0;z-index:9;}
.btn_top i {font-size:16px;line-height:40px;}
.btn_top.sticky_btn_top {bottom:30px;opacity:1;}

.btn_top,
.btn_top i {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}


.viz {position:relative;width:100%;padding:230px 0;background:url(../img/cowcoin.png) no-repeat right bottom #060e1b;background-size:contain;z-index:-1}
.viz:after {content:'';display:block;position:absolute;left:0;right:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.4);z-index:1;opacity:0;}
.viz .slogon_wrap {display:block;position:relative;width:1320px;margin:0 auto;padding:0 10px;z-index:2;}
.viz .slogon_wrap .slogon {width:45%;}
.viz .slogon_wrap h2 {display:block;margin:0 0 30px 0;font-size:60px;font-weight:700;line-height:130%;}
.viz .slogon_wrap p {margin:0 0 50px 0;font-size:18px;word-break:keep-all;line-height:160%;}
.viz .slogon_wrap a {display:block;width:160px;height:50px;color:#fff;text-align:center;line-height:46px;background:#de9805;border:solid 2px #de9805;border-radius:5px;}
.viz .slogon_wrap a:hover {background:#0d1520;}

.viz,
.viz:after,
.viz .slogon_wrap,
.viz .slogon_wrap h2,
.viz .slogon_wrap p,
.viz .slogon_wrap a {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}


.wrap {display:block;position:relative;width:1320px;padding:0 10px;margin:0 auto;-webkit-transition: all .6s ease-out;-moz-transition: all .6s ease-out;-o-transition: all .6s ease-out;transition: all .6s ease-out;}
.wrap:after {display:block;visibility:hidden;clear:both;content:""}


.sec {position:relative;padding:100px 0;
-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;
}

.sec h2 {display:block;font-size:30px;font-weight:700;text-align:center;}
.sec .var {display:block;position:relative;width:60px;height:2px;margin:16px auto;background:#de9805;}
.sec .var:before,
.sec .var:after {content:'';display:block;position:absolute;left:50%;margin:0 0 0 -5px;border: 8px solid transparent;}
.sec .var:before {bottom:0;border-bottom-color:#de9805;}
.sec .var:after {top:0;border-top-color:#de9805;}
.sec .script {width:100%;max-width:720px;margin:0 auto 50px auto;padding:0 10px;color:#bbb;text-align:center;line-height:140%;}


.sec1 {background:#171f2a;}
.sec1 h2 {text-align:left;}
.sec1 .var {margin:16px 0;}
.sec1 .script {text-align:left;}

.sec1 .img {float:left;width:47%;position:relative;padding:0 10px;}
.sec1 .img img {width:100%;height:auto;}
.sec1 .img .anicoin {display:block;position:absolute;left:50%;top:0;width:80px;margin:0 0 0 -40px;
animation: coinmotion 3s linear 0s infinite alternate;
}
.sec1 .img .anicoin img {width:100%;height:auto;}

@keyframes coinmotion {
0% {top:0}
100% {top:60px}
}

.sec1 .con {float:right;width:50%;position:relative;padding:0 10px;}
.sec1 ul.lab {}
.sec1 ul.lab li {display:block;position:relative;margin:0 0 40px 0;padding:0 0 0 80px;}
.sec1 ul.lab li:last-child {margin:0;}
.sec1 ul.lab li strong {display:block;margin:0 0 10px 0;font-size:22px;font-weight:600;}
.sec1 ul.lab li p {color:#bbb;word-break:keep-all;}
.sec1 ul.lab li .icon {display:block;position:absolute;left:0;top:0;width:60px;height:60px;color:#de9805;text-align:center;background:#2f3640;border-radius:50%;}
.sec1 ul.lab li .icon i {font-size:24px;line-height:60px;}

.sec1 .img,
.sec1 .con,
.sec1 ul.lab li,
.sec1 ul.lab li .box,
.sec1 ul.lab li .box strong,
.sec1 ul.lab li .box p,
.sec1 ul.lab li .box .icon {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}


.seleccoin {display:block;position:relative;top:-110px;width:80%;max-width:1170px;margin:-100px auto 0 auto;padding:30px 30px;background:#0e1621;border:solid 1px #3e454d;border-radius:15px;}
.seleccoin h2 {display:block;margin:0 0 10px 0;font-size:30px;font-weight:700;text-align:center;}
.seleccoin ul {}
.seleccoin ul:after {display:block;visibility:hidden;clear:both;content:""}
.seleccoin ul li {display:block;float:left;width:33.33%;padding:10px;}
.seleccoin ul li:last-child {text-align:center;}
.seleccoin ul li label {display:block;margin:0 0 10px 0;color:#de9805;}
.seleccoin ul li select {display:block;width:100%;height:50px;line-height:48px;text-indent:10px;background:#0e1621;border:solid 1px #3e454d;border-radius:5px;}
.seleccoin ul li select:focus {border:solid 1px #de9805}
.seleccoin ul li select option {padding:0 10px;color:#fff;background:#000;}
.seleccoin ul li strong {font-size:30px;font-weight:700;}

.seleccoin,
.seleccoin ul li {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}



.sec2 {background:#111924;}
.sec2 ul {}
.sec2 ul:after {display:block;visibility:hidden;clear:both;content:""}
.sec2 ul li {display:block;float:left;width:25%;padding:10px;}
.sec2 ul li .box {display:block;position:relative;padding:30px;text-align:center;background:#242b35;border-radius:10px;overflow:hidden;}
.sec2 ul li .box strong {display:block;margin:0 0 20px 0;font-size:22px;font-weight:600;}
.sec2 ul li .box p {color:#bbb;word-break:keep-all;}
.sec2 ul li .box .icon {display:block;position:relative;width:70px;height:70px;margin:0 auto 30px auto;text-align:center;background:#de9805;border-radius:50%;}
.sec2 ul li .box .icon i {font-size:44px;line-height:70px;}
.sec2 ul li .box .num {display:block;position:absolute;right:20px;top:30px;color:#666b72;font-family:'roboto';font-size:48px;font-weight:700;}

.sec2 ul li:hover .box .icon {color:#de9805;background:#fff;}
.sec2 ul li:hover .box .num {color:#bbb;font-size:60px;}

.topBottom-leftRightCorner:before, .topBottom-leftRightCorner:after, .topBottom-leftRightCorner > .ui-border-element:before, .topBottom-leftRightCorner > .ui-border-element:after {content:'';display:block;position:absolute;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
}

.topBottom-leftRightCorner:before {left:0;right:100%;top:0;border-top:2px solid #de9805;}
.topBottom-leftRightCorner:hover:before {right:0%;}

.topBottom-leftRightCorner:after {left:100%;right:0;bottom:0;border-bottom:2px solid #de9805;}
.topBottom-leftRightCorner:hover:after {left:0%;}

.topBottom-leftRightCorner .ui-border-element:before {left:0;bottom:100%;top:0;border-right: 2px solid #de9805;}
.topBottom-leftRightCorner:hover .ui-border-element:before {bottom:0%;}

.topBottom-leftRightCorner .ui-border-element:after {right:0;top:100%;bottom:0;border-right: 2px solid #de9805;}
.topBottom-leftRightCorner:hover .ui-border-element:after {top:0%;}

.sec2 ul li,
.sec2 ul li .box,
.sec2 ul li .box strong,
.sec2 ul li .box p,
.sec2 ul li .box .icon,
.sec2 ul li .box .num {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}


.sec3 {background:#0e1621;}
.sec3 ul {padding:20px;}
.sec3 ul:after {display:block;visibility:hidden;clear:both;content:""}
.sec3 ul li {display:block;float:left;width:33.33%;padding:10px;}
.sec3 ul li .box {display:block;position:relative;margin:0 30px;padding:20px 20px 20px 50px;background:#212832;border-radius:10px;}
.sec3 ul li .box strong {display:block;margin:0 0 8px 0;font-size:24px;font-weight:600;}
.sec3 ul li .box p {color:#bbb;word-break:keep-all;}
.sec3 ul li .box .icon {display:block;position:absolute;left:-30px;top:50%;margin:-30px 0 0 0;width:60px;height:60px;text-align:center;background:#de9805;border-radius:50%;}
.sec3 ul li .box .icon i {font-size:24px;line-height:60px;}

.sec3 ul li:hover .box {background:#de9805;}
.sec3 ul li:hover .box p {color:#fff;}
.sec3 ul li:hover .box .icon {color:#de9805;background:#fff;}

.sec3 ul li,
.sec3 ul li .box,
.sec3 ul li .box strong,
.sec3 ul li .box p,
.sec3 ul li .box .icon {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}


.sec4 {background:#171f2a;}

/* Tabs */
.tabs {}
.tabs .simpleTabs_button {margin:0 0 40px 0;text-align:center;}
.tabs .simpleTabs_button:after {display:block;visibility:hidden;clear:both;content:""}
.tabs .simpleTabs_button li {display:inline-block;margin:0 5px 5px 5px;padding:0 20px;overflow:hidden;color:#fff;font-size:18px;line-height:40px;text-align:center;background:#171f2a;border:solid 1px #454c55;border-radius:5px;cursor:pointer;
-ms-user-select:none;
-webkit-user-select:none;
user-select:none;

-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.tabs .simpleTabs_button li:hover {color:#de9805;}
.tabs .simpleTabs_button li.active {color:#fff;background:#de9805;border:solid 1px #de9805;}

/* Tabs contents */
.tabs [data-st-title]{display:none;opacity:0;transition:opacity 0.6s;}
.tabs [data-st-title].active{opacity:1;}

.sec4 ul.boxlist {margin:0;padding:0;font-size:0;line-height:0;text-align:center;}
.sec4 ul.boxlist:after {display:block;visibility:hidden;clear:both;content:""}
.sec4 ul.boxlist li {display:inline-block;width:24.9%;padding:10px;}
.sec4 ul.boxlist li .box {background:#222a34;border:solid 1px #434a52;border-radius:10px;overflow:hidden;}
.sec4 ul.boxlist li .box .title {margin:0 0 30px 0;padding:20px 20px 10px 20px;font-size:14px;text-align:center;line-height:140%;letter-spacing:0;background:#de9805;}
.sec4 ul.boxlist li .box .title p {margin:0 0 10px 0;font-size:18px;font-weight:500;}
.sec4 ul.boxlist li .box .title strong {font-family:'roboto';font-size:36px;font-weight:700;}
.sec4 ul.boxlist li .box .title strong i {font-size:32px;}
.sec4 ul.boxlist li .box .discount {position:relative;margin:0 20px 0 20px;font-size:16px;text-indent:15px;font-weight:400;line-height:30px;text-align:left;}
.sec4 ul.boxlist li .box .discount:before {content:'';display:block;position:absolute;left:0;top:50%;width:6px;height:6px;margin:-3px;background:#fff;border-radius:50%;}
.sec4 ul.boxlist li .box .eth {position:relative;margin:0 20px 0px 20px;font-size:16px;text-indent:15px;font-weight:400;line-height:30px;text-align:left;}
.sec4 ul.boxlist li .box .vms {position:relative;margin:0 20px 20px 20px;font-size:16px;text-indent:15px;font-weight:400;line-height:30px;text-align:left;}
.sec4 ul.boxlist li .box a.btn_buy {display:block;margin:0 20px 20px 20px;color:#fff;font-size:18px;font-weight:500;text-align:center;line-height:46px;background:#de9805;border:solid 2px #de9805;border-radius:5px;}
.sec4 ul.boxlist li .box a.btn_buy:hover {background:#222a34;}

.sec4 ul.boxlist li,
.sec4 ul.boxlist li .box,
.sec4 ul.boxlist li .box a.btn_buy {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.sec4 ul.boxlist li .box a.btn_buy2 {display:block;margin:0 20px 20px 20px;color:#fff;font-size:18px;font-weight:500;text-align:center;line-height:46px;background:#de9805;border:solid 2px #de9805;border-radius:5px;}
.sec4 ul.boxlist li .box a.btn_buy2:hover {background:#222a34;}

.sec4 ul.boxlist li .box a.btn_buy2 {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}


.sec5 {background:#1c242e;}
.sec5 ul {padding:10px;}
.sec5 ul li {display:block;position:relative;margin:0 0 40px 0;}
.sec5 ul li:last-child {margin:0;}
.sec5 ul li strong {display:block;margin:0 0 10px 0;color:#fff;font-size:20px;font-weight:500;}
.sec5 ul li p {color:#bbb;line-height:140%;word-break:keep-all;}
.sec5 ul li .icon {display:block;position:absolute;top:0;width:60px;font-size:24px;text-align:center;line-height:60px;border-radius:50%;}
.sec5 ul li:nth-child(2) .icon {color:#c39805;background:#333a43;}

.sec5 ul.left {float:left;width:33.33%;}
.sec5 ul.left li {padding:0 80px 0 0;text-align:right;}
.sec5 ul.left li:nth-child(2) {margin:0 40px 40px 0;}
.sec5 ul.left li .icon {right:0;}

.sec5 ul.right {float:left;width:33.33%;}
.sec5 ul.right li {padding:0 0 0 80px;text-align:left;}
.sec5 ul.right li:nth-child(2) {margin:0 0 40px 40px;}
.sec5 ul.right li .icon {left:0;}

.sec5 .img {float:left;width:33.33%;padding:40px 0 0 0;text-align:center;}
.sec5 .img img {width:100%;max-width:344px;height:auto;}


.sec6 {width:100%;overflow:hidden;background:#171f2a;}
.sec6 ul {padding:20px;}
.sec6 ul:after {display:block;visibility:hidden;clear:both;content:""}
.sec6 ul li {display:block;float:left;width:47%;margin:0 6% 15px 0;}
.sec6 ul li:nth-child(2n) {margin:0 0 15px 0;}
.sec6 ul li .q {display:block;position:relative;padding:0 10px;font-size:18px;line-height:53px;background:#0e1621;border:solid 1px #313842;border-radius:3px;cursor:pointer;}
.sec6 ul li .q .arrow {display:block;position:absolute;right:0;top:0;width:55px;height:55px;text-align:center;}
.sec6 ul li .q .arrow i {font-size:14px;}
.sec6 ul li .q.on {color:#de9805;}
.sec6 ul li .q.on .arrow {color:#de9805;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.sec6 ul li .a {display:none;padding:20px;line-height:140%;background:#1f2631;border-left:solid 3px #de9805;border-bottom:solid 1px #0e1621;border-right:solid 1px #0e1621;}

.sec6 ul li,
.sec6 ul li .q,
.sec6 ul li .q .arrow {
-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;
}

.sec6 .polygon {display:block;position:absolute;right:-125px;width:250px;height:250px;background:rgba(255,255,255,0.05);
clip-path: polygon(23% 10%, 57% 0, 100% 30%, 100% 70%, 60% 100%, 20% 91%, 0 70%, 0 38%);
animation: motion 6s linear 0s infinite alternate;
-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;
}

@keyframes motion {
0% {top:5%}
100% {top:40%}
}

.sec7 {background:#0e1621}
.sec7 ul {font-size:0;line-height:0;text-align:center;}
.sec7 ul:after {display:block;visibility:hidden;clear:both;content:""}
.sec7 ul li {display:inline-block;width:33%;padding:10px;vertical-align:top;}
.sec7 ul li .box {padding:20px;background:#272e38;border-radius:10px;}
.sec7 ul li .box a.img {display:block;position:relative;margin:0 0 20px 0;border-radius:10px;overflow:hidden;}
.sec7 ul li .box a.img .date {display:block;position:absolute;right:0;bottom:0;width:120px;height:40px;color:#fff;font-size:18px;text-align:center;line-height:40px;background:#de9805;
-webkit-border-top-left-radius: 10px;
-moz-border-radius-topleft: 10px;
border-top-left-radius: 10px;
}
.sec7 ul li .box a.img .date i {font-size:16px;}
.sec7 ul li .box a.img img {width:100%;height:auto;
-webkit-transform:scale(1,1);
-moz-transform:scale(1,1);
-ms-transform:scale(1,1);
-o-transform:scale(1,1);
transform:scale(1,1);
}
.sec7 ul li .box a.title {display:block;margin:0 0 10px 0;color:#fff;font-size:21px;line-height:140%;font-weight:600;text-align:left;word-break:keep-all;}
.sec7 ul li .box p {display:block;margin:0 0 30px 0;color:#bbb;font-size:16px;line-height:140%;font-weight:400;text-align:left;word-break:keep-all;
overflow:hidden;
text-overflow:ellipsis;
word-wrap:break-word; 
display:-webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; 
}
.sec7 ul li .box a.btn_more {display:block;color:#de9805;font-size:16px;text-align:left;line-height:140%;}
.sec7 ul li .box a.btn_more i {font-size:14px;}

.sec7 ul li .box a.img:hover img {
-webkit-transform:scale(1.1,1.1);
-moz-transform:scale(1.1,1.1);
-ms-transform:scale(1.1,1.1);
-o-transform:scale(1.1,1.1);
transform:scale(1.1,1.1);
}
.sec7 ul li .box a.title:hover {color:#de9805;}

.sec7 ul li,
.sec7 ul li .box,
.sec7 ul li .box a.img,
.sec7 ul li .box a.img img,
.sec7 ul li .box a.title,
.sec7 ul li .box p,
.sec7 ul li .box a.btn_more {
-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;
}




.sec8 {background:#171f2a;}
.sec8 .slide_wrap {overflow:hidden;}
.sec8 .slide {position:relative;}
.sec8 .item {padding:10px;}
.sec8 .box {position:relative;padding:30px 20px 70px 20px;background:#272f39;border-radius:10px;
-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;
}
.sec8 .box img {width:70px;height:auto;margin:0 0 20px 0;}
.sec8 .box i {margin:0 0 20px 0;color:#de9805;font-size:70px;}
.sec8 .box p {color:#bbb;line-height:140%;word-break:keep-all}
.sec8 .profile {position:relative;top:-40px;color:#bbb;font-size:14px;}
.sec8 .profile img {width:80px;height:auto;margin:0 0 10px 0;border-radius:50%;}
.sec8 .profile strong {display:block;margin:0 0 6px 0;color:#fff;font-size:16px;font-weight:500;}

.sec8 .owl-item.center .box {background:#3a404a}


#fotoer_info {position:relative;padding:50px 0;background:url(../img/bg_coin.png) no-repeat 50% 50% #0e151f;background-size:cover;}
#fotoer_info:after {content:'';display:block;position:absolute;left:0;right:0;top:0;width:100%;height:100%;background:rgba(14,21,31,0.9);}

.subscript {position:relative;margin:0 0 120px 0;z-index:1;}
.subscript:after {display:block;visibility:hidden;clear:both;content:""}
.subscript h2 {display:block;float:left;width:50%;margin:0 10% 0 0;font-size:30px;font-weight:700;line-height:70px;}
.subscript .subscript_form {display:block;float:left;position:relative;width:40%;padding:10px;background:#212832;border-radius:100px;}
.subscript .subscript_form .frm_input {display:block;width:100%;height:50px;color:#fff;font-weight:400;line-height:48px;text-indent:20px;border-radius:100px;}
.subscript .subscript_form .button {display:block;position:absolute;right:13px;top:13px;width:126px;color:#fff;font-weight:700;text-align:center;line-height:44px;background:#de9805;border:none;border-radius:50px;}

.subscript,
.subscript h2,
.subscript .subscript_form,
.subscript .subscript_form .button {
-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;
}


#fotoer_info h3 {display:block;position:relative;margin:0 0 40px 0;font-size:20px;font-weight:500;}
#fotoer_info h3:after {content:'';display:block;position:absolute;left:0;top:35px;width:30px;height:3px;background:#de9805;}
#fotoer_info ul {}
#fotoer_info ul li {display:block;margin:0 0 10px 0;}
#fotoer_info ul li:last-child {margin:0;}
#fotoer_info ul li a {display:block;position:relative;text-indent:15px;
-webkit-transition: all .6s ease-out;-moz-transition: all .6s ease-out;-o-transition: all .6s ease-out;transition: all .6s ease-out;
}
#fotoer_info ul li a:before {content:'';display:block;position:absolute;left:0;top:50%;width:8px;height:8px;margin:-4px 0 0 0;background:#de9805;}
#fotoer_info ul li a:hover {text-indent:18px;}
#fotoer_info ul li a:hover:before {left:3px;}

#fotoer_info ul li a,
#fotoer_info ul li a:before {
-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;
}

#fotoer_info dl {}
#fotoer_info dl:after {display:block;visibility:hidden;clear:both;content:""}
#fotoer_info dl dd {display:block;float:left;width:49%;margin:0 2% 0 0;color:#bbb;line-height:140%;word-break:break-all;}
#fotoer_info dl dd:last-child {margin:0;}
#fotoer_info dl dd a {}
#fotoer_info dl dd img {width:150px;height:auto;margin:0 0 10px 0;}
#fotoer_info dl dd .icon {display:block;position:absolute;left:0;top:50%;width:20px;height:30px;margin:-15px 0 0 0;color:#de9805;line-height:30px;text-align:center;}
#fotoer_info dl dd .icon i {font-size:20px;}
#fotoer_info label {display:block;margin:0 0 10px 0;}

#fotoer_info .intro,
#fotoer_info .quicklinks,
#fotoer_info .usefullinks,
#fotoer_info .contact {display:block;float:left;position:relative;padding:0 10px;z-index:1;}

#fotoer_info .intro {width:30%;}
#fotoer_info .quicklinks {width:17.5%;}
#fotoer_info .usefullinks {width:17.5%;}
#fotoer_info .contact {width:35%;}

#fotoer_info .intro img {margin:0 0 20px 0;}
#fotoer_info .intro p {color:#bbb;word-break:keep-all;line-height:140%;}


#footer_wrap {padding:20px 0;text-align:center;font-weight:400;background:#111b28;border-top:solid 1px #242d39;}
#footer_wrap strong {color:#de9805;font-weight:400;}

.viz_sub2 {padding:70px 0;font-size:36px;font-weight:700;text-align:center;background:url(../img/signin_viz.png) no-repeat 50% 50%;background-size:cover;}


.btn_act {display:block;width:100%;height:50px;color:#fff;font-size:16px;font-weight:500;text-align:center;line-height:46px;background:#de9805;border:solid 2px #de9805;border-radius:5px;
-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;
}
.btn_act:hover {color:#fff;background:#111b28;}
.btn_act i {font-size:16px;}


.sbtn_act {display:inline-block;width:49%;height:50px;color:#fff;font-size:16px;font-weight:500;text-align:center;line-height:46px;background:#de9805;border:solid 2px #de9805;border-radius:5px;
-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;
}
.sbtn_act:hover {color:#fff;background:#111b28;}

.sbtn_del {display:inline-block;width:49%;height:50px;color:#fff;font-size:16px;font-weight:500;text-align:center;line-height:46px;background:#f75959;border:solid 2px #f75959;border-radius:5px;
-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;
}
.sbtn_del:hover {color:#fff;background:#111b28;}


.pg_wrap {display:block;margin:20px 0 0 0;text-align:center;}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg {}
.pg_page, .pg_current {display:inline-block;vertical-align:middle;width:40px;height:40px;color:#fff;text-align:center;line-height:40px;background:#2f3640;border:none;border-radius:50%;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.pg a:focus, .pg a:hover {color:#fff;background:#de9805;}
.pg_page {margin:0 2px;}
.pg_page i {font-size:12px;}
.pg_start,
.pg_prev,
.pg_end,
.pg_next {}
.pg a.pg_start:hover,
.pg a.pg_prev:hover,
.pg a.pg_end:hover,
.pg a.pg_next:hover {}

.pg_current {color:#fff;font-weight:600;background:#de9805;}


.selec_chk {position:absolute;top:0;left:0;width:0;height:0;overflow:hidden;opacity:0;outline:0;z-index:-1;}

.chk_box {position:relative;}
.chk_box input[type="checkbox"] + label {display:inline-block;position:relative;padding-left:20px;vertical-align:baseline;color:#bbb;line-height:16px;cursor:pointer;}
.chk_box input[type="checkbox"] + label span {display:block;position:absolute;left:0;top:0px;width:16px;height:16px;background:#1e2631;border:solid 1px #de9805;border-radius:3px;}
.chk_box input[type="checkbox"] + label span:after {content:"";display:block;position:absolute;left:0px;top:0px;width:14px;height:14px; font-family: 'FontAwesome';color:#fff;font-size:12px;text-align:center;line-height:14px;background:none;z-index:1;cursor:pointer;}

.chk_box input[type="checkbox"]:checked + label {}
.chk_box input[type="checkbox"]:checked + label span {background:#de9805;}
.chk_box input[type="checkbox"]:checked + label span:after {content:"\f00c";}


.chk_box input[type="radio"] + label {display:inline-block;position:relative;padding-left:20px;line-height:16px;vertical-align:baseline;cursor:pointer;}
.chk_box input[type="radio"] + label span {display:block;position:absolute;left:0;top:0px;width:16px;height:16px;background:#1e2631;border:solid 1px #de9805;border-radius:50%;}
.chk_box input[type="radio"] + label span:after {content:"";display:block;position:absolute;left:0px;top:0px;width:14px;height:14px; font-family: 'FontAwesome';color:#fff;font-size:12px;text-align:center;line-height:14px;background:none;border-radius:50%;z-index:1;cursor:pointer;}

.chk_box input[type="radio"]:checked + label {}
.chk_box input[type="radio"]:checked + label span {background:#de9805;}
.chk_box input[type="radio"]:checked + label span:after {content:"\f00c";}


/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}


#captcha {display:inline-block;position:relative;line-height:normal}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha #captcha_img {height:50px;border:none;vertical-align:top;padding:0;margin:0;border-radius:3px;}
#captcha #captcha_mp3 {margin:0;padding:0;width:50px;height:50px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/captcha3.png') no-repeat;border-radius:3px;text-indent:-999px;}
#captcha #captcha_reload {margin:0;padding:0;width:50px;height:50px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/captcha3.png') no-repeat 0 -50px;border-radius:3px;text-indent:-999px;}
#captcha #captcha_key {width:80px;height:50px;margin:0 0 0 5px;color:#fff;line-height:48px;text-indent:12px;background:#272e38;border:solid 1px #2e353e;border-radius:3px;}
#captcha #captcha_key:focus {border:solid 1px #de9805;}
#captcha #captcha_info {display:none;margin:5px 0 0 0;color:#f00001;font-size:12px;line-height:18px;}
#captcha label {display:none;}


/* 팝업레이어 */
#hd_pop {position:relative;margin:0 auto;height:0;z-index:99999;}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #999;background:#0e1621}
.hd_pops img {max-width:100%}
.hd_pops_con {padding:10px;}
.hd_pops_footer {position:relative;padding:0;text-align:left;background:#0e1621;border-top:solid 1px #ddd;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;}
.hd_pops_footer .hd_pops_reject {color:#666;font-size:12px;text-align:left;background:#0e1621;color:#fff;}
.hd_pops_footer .hd_pops_reject strong {font-weight:500;}
.hd_pops_footer .hd_pops_close {position:absolute;top:0;right:0;color:#666;font-size:12px;color:#fff;background:#0e1621;border-left:solid 1px #ddd;}
.hd_pops_footer .hd_pops_close i {font-size:12px;}



@media screen and (max-width:1370px) {
.header {width:1140px;}

.wrap {width:1140px;}

.viz .slogon_wrap {width:1140px;}

#fotoer_info .intro p {}
}




@media screen and (max-width:1140px) {
.header {width:960px;}

.wrap {width:960px;}

.viz {padding:190px 0;}
.viz .slogon_wrap {width:960px;}
.viz .slogon_wrap h2 {margin:0 0 30px 0;font-size:48px;line-height:130%;}
.viz .slogon_wrap p {margin:0 0 50px 0;font-size:16px;line-height:160%;}


.sec {padding:60px 0;}

.sec1 .img {float:none;width:100%;}
.sec1 .con {float:none;width:100%;margin:0 0 40px 0;}

.seleccoin {width:920px;margin:-60px auto -60px auto;padding:20px}
.seleccoin ul li {width:50%;}
.seleccoin ul li:last-child {width:100%;}
.seleccoin ul li strong {font-size:20px;}

.sec2 ul li {width:50%;}

.sec3 ul li {width:50%;}
.sec3 ul li .box strong {font-size:24px;}

.tabs .simpleTabs_button li {padding:0 12px;line-height:48px;}

.sec4 ul.boxlist li {width:49.9%;}

.sec5 ul li .icon {position:relative;margin:0 auto 20px auto;}

.sec5 ul.left {float:left;width:50%;}
.sec5 ul.left li {padding:0;text-align:center;}
.sec5 ul.left li:nth-child(2) {margin:0 0 40px 0;}
.sec5 ul.left li .icon {right:auto;}

.sec5 ul.right {float:left;width:50%;}
.sec5 ul.right li {padding:0 ;text-align:center;}
.sec5 ul.right li:nth-child(2) {margin:0 0 40px 0;}
.sec5 ul.right li .icon {left:auto;}

.sec5 .img {display:none;}

.sec8 .owl-item.center .box {background:#272f39}

.subscript h2 {margin:0;}
.subscript .subscript_form {width:50%;}

#fotoer_info .intro {width:50%;margin:0 0 50px 0;}
#fotoer_info .quicklinks {width:25%;margin:0 0 50px 0;}
#fotoer_info .usefullinks {width:25%;margin:0 0 50px 0;}
#fotoer_info .contact {width:100%;margin:0;}
#fotoer_info .intro p {margin:0 50px 0 0;}
}




@media screen and (max-width:960px) {
.viz_sub2 {padding:50px 0;font-size:30px;}

.gap {height:60px;}

.header {width:720px;}
.header a.logo {line-height:60px;}
.header a.logo2 {line-height:60px;}

.top_wrap {display:none;}

.wrap {width:720px;padding:0;}

.viz {padding:90px 0 200px 0;background:url(../img/cowcoin.png) no-repeat center bottom #060e1b;background-size:cover;}
.viz:after {opacity:1;}
.viz .slogon_wrap {width:720px;}
.viz .slogon_wrap .slogon {width:55%;}
.viz .slogon_wrap h2 {margin:0 0 30px 0;font-size:44px;line-height:130%;}
.viz .slogon_wrap p {margin:0 0 50px 0;font-size:16px;line-height:160%;}

.sec h2 {font-size:24px;}


.seleccoin {width:700px;}

.sec6 ul li {float:none;width:100%;margin:0 0 15px 0;}
.sec6 ul li:nth-child(2n) {margin:0 0 15px 0;}

.sec7 ul li {width:49.5%;}

.sec8 .box img {width:60px;height:auto;}
.sec8 .box i {font-size:60px;}

.subscript {margin:0 0 60px 0;}
.subscript h2 {float:none;width:100%;margin:0 0 20px 0;font-size:24px;text-align:center;line-height:normal;}
.subscript .subscript_form {float:none;width:100%;}

#fotoer_info .intro p {margin:0 20px 0 0;}
}




@media screen and (max-width:750px) {
.viz_sub2 {padding:40px 0;font-size:24px;}

.header {width:540px;}

.btn_top {right:30px;}

.wrap {width:540px;}

.viz {padding:70px 0 180px 0;}
.viz .slogon_wrap {width:540px;}
.viz .slogon_wrap .slogon {width:auto;}
.viz .slogon_wrap h2 {margin:0 0 20px 0;font-size:40px;line-height:130%;}
.viz .slogon_wrap p {margin:0 0 30px 0;font-size:16px;line-height:160%;}

.sec h2 {font-size:20px;}

.sec1 ul.lab li strong {font-size:18px;}

.seleccoin {width:500px;margin:-60px auto -60px auto;}
.seleccoin ul li {width:100%;}
.seleccoin ul li:last-child {width:100%;}

.sec2 ul li .box {padding:20px;}
.sec2 ul li .box strong {font-size:20px;}
.sec2 ul li .box p {font-size:15px;}
.sec2 ul li .box .icon {width:60px;height:60px;}
.sec2 ul li .box .icon i {font-size:32px;line-height:60px;}
.sec2 ul li .box .num {top:20px;font-size:30px;}

.sec3 ul li {width:100%;}
.sec3 ul li .box {margin:0 10px;}
.sec3 ul li .box strong {font-size:20px;}

.sec4 ul.boxlist li {width:340px;margin:0 auto}
.sec4 ul.boxlist li .box .title p {font-size:16px;}
.sec4 ul.boxlist li .box .title strong {font-size:26px;}
.sec4 ul.boxlist li .box .title strong i {font-size:24px;}
.sec4 ul.boxlist li .box a.btn_buy {font-size:16px;}

.sec5 ul li {background:#000;border-radius:5px;}
.sec5 ul li:nth-child(2) .icon {color:#fff;background:#c39805;}

.sec5 ul.left {float:none;width:100%;}
.sec5 ul.left li {margin:0 0 20px 0;padding:30px;}
.sec5 ul.left li:nth-child(2) {margin:0 0 20px 0;}
.sec5 ul.left li:last-child {margin:0;}

.sec5 ul.right {float:none;width:100%;}
.sec5 ul.right li {margin:0 0 20px 0;padding:30px;}
.sec5 ul.right li:nth-child(2) {margin:0 0 20px 0;}
.sec5 ul.right li:last-child {margin:0;}


.sec7 ul li {width:100%;}

.subscript h2 {font-size:20px;}


#fotoer_info dl dd img {width:120px;height:auto;}

#fotoer_info .intro {width:100%;}
#fotoer_info .quicklinks {width:50%;}
#fotoer_info .usefullinks {width:50%;}
#fotoer_info .contact {width:100%;}
}




@media screen and (max-width:560px) {
.header {width:100%;}

.wrap {width:100%;}

.viz {padding:70px 10px 210px 10px;}
.viz .slogon_wrap {width:100%;}
.viz .slogon_wrap .slogon {width:auto;}
.viz .slogon_wrap h2 {margin:0 0 20px 0;font-size:40px;line-height:130%;}
.viz .slogon_wrap p {margin:0 0 30px 0;font-size:16px;line-height:160%;}


.seleccoin {width:calc(100% - 40px);margin:-60px 20px -60px 20px;}

.sec2 ul li {width:100%;}

.tabs .simpleTabs_button li {font-size:16px;line-height:38px;}

.sec4 ul.boxlist li {width:100%;margin:0 auto}

#fotoer_info dl dd img {width:80px;height:auto;}

#fotoer_info .intro {width:100%;margin:0 0 50px 0;}
#fotoer_info .quicklinks,
#fotoer_info .usefullinks {width:50%;margin:0 0 50px 0;}
#fotoer_info .contact {width:100%;margin:0;}

#fotoer_info dl dd .icon {left:0;top:0;width:20px;height:auto;margin:0;line-height:140%;}
}