@charset "utf-8";

input:-webkit-autofill { color:#999999 !important; background:transparent !important; }

body { background:#edf0f5; margin:0; padding:0; }

*, h1,h2,h3,h4,h5,h6,b,strong { font-weight: 300; }

*:focus { outline: none !important; }
ul { padding:0; margin:0; list-style: none; }

.pg_current{ color: #eea127 !important; background-size: 0 0 !important; }
a { transition: 0.2s; opacity: 1; }
a:not(.pure-material-button-contained, #header a):hover { transition: 0.2s; opacity: 0.8; }
.pure-material-button-contained { text-shadow: 0 -1px 0 rgb(0 0 0 / 12%); }

#header { width:100%; display:flex; justify-content: center; background:#181a20; position:fixed; left:0;top:0; z-index: 99999; }
#header .head { width:100%; max-width: 1300px; }
#header.main .head { max-width: 1800px; }
#header .head > ul { display:flex; flex-wrap: wrap; flex-direction: row; justify-content:flex-start; }
#header .head > ul > li { padding:20px 30px; }
#header .head > ul > li:first-child { padding-left:0; }
#header .head > ul > li:last-child { margin-left: auto; padding-right:0; padding-left:0; }
#header .head .menu { display:flex; padding:20px 0 20px 30px; }
#header .head .menu > ul { display:flex; flex-wrap: wrap; flex-direction: row; justify-content:flex-start; }
#header .head .menu > ul > li  { margin:0 15px; }
#header .head .menu > ul > li > a { color:#fff; height:100%; display:flex; align-items: center; font-size:15px; transition: color 0.3s; }
#header .head .menu > ul > li > a:hover { color:rgb(var(--pure-material-primary-rgb, 243, 146, 0)); }
#header .head > ul > li > ul > li.depth { padding-right: 25px; position:relative; cursor: pointer; }
#header .head > ul > li > ul > li.depth:after { content:""; width:15px; height:15px; background:url('../svg/icon_arrow_w.svg') no-repeat center center; background-size:16px 16px; position:absolute; top:50%; right:0; margin:-7px 0 0 0;  opacity: .5; transition: all ease 0.3s; }

#header .head > ul > li > ul > li.depth:hover:after { transform: rotate(-180deg); transition: all ease 0.3s; }
#header .head > ul > li > ul > li.depth > ul { position:absolute; left:50%; transform: translateX(-50%); top:23px; background:rgba(0,0,0,.9); min-width:160px; padding:0 0; border-radius: 10px; box-shadow: 0 2px 2px 0 rgb(0 0 0 / 15%), 0 2px 6px 2px rgb(0 0 0 / 5%); transition: height 0.3s, opacity 0.2s; height:0px; overflow: hidden; opacity: 0; }
#header .head > ul > li > ul > li.depth:hover > ul { height:auto; padding:8px 0; opacity: 1; }
#header .head > ul > li > ul > li.depth > ul > li { display:flex; flex-wrap: wrap; flex-direction: column; justify-content:flex-start; }
#header .head > ul > li > ul > li.depth > ul > li > a { display:block; word-break: keep-all; white-space: nowrap;  height:40px; line-height: 40px; padding:0 15px; font-size:14px; transition: all 0.3s; font-weight: 300; color:#fff; }
#header .head > ul > li > ul > li.depth > ul > li > a:hover { background:rgba(0,0,0,1); color:rgb(var(--pure-material-primary-rgb, 243, 146, 0)); }
#header .head > ul > li > ul > li.depth.lang > ul { display: flex; flex-direction: column; justify-content: center; width:100%; }
#header .head > ul > li > ul > li.depth.lang > ul > li > a { text-align: center; }

#header .head .tnb { display:flex;  }
#header .head .tnb > ul { display:flex; flex-wrap: wrap; flex-direction: row; justify-content:flex-start; align-content: center; }
#header .head .tnb > ul > li { margin:0 10px; position:relative;}
#header .head .tnb > ul > li > a { color:#ccc; height:100%; display:flex; flex-wrap: wrap; align-items: center; font-size:14px; }
#header .head .tnb > ul > li > a.icon_setting { padding:0 0 0 20px; background:url('../svg/icon_setting_w.svg') no-repeat left center; background-size:17px 17px; position:relative; }
#header .head .tnb > ul > li > a > * { display:flex; align-items: center; }
#header .head .tnb > ul > li > a > strong { color:#fff; font-weight: bold;  margin:0 0 0 0; }

.is_browser_dark > span { text-indent: -9999999px; background:url('../svg/icon_darkmode_w.svg') no-repeat left center; background-size:20px 20px; }
light .is_browser_dark > span { text-indent: -9999999px; background:url('../svg/icon_darkmode_b.svg') no-repeat left center; background-size:20px 20px; }

.rf_wrap { position:absolute; left:0; top:40px; background:rgba(0,0,0,1); color:#888; height:24px; line-height: 24px; padding:0 5px; border-radius: 3px; text-indent: 0px; font-size:11px; letter-spacing: -0.06em; min-width:180px; width:auto; display:inline-block; word-break: keep-all; text-align: center; white-space : nowrap; font-weight: 300; }
.rf_wrap:before { content:""; width: 0px; height: 0px; border-top: 5px solid rgba(0,0,0,1); border-left: 5px solid transparent; border-right: 5px solid transparent; position:absolute; left:10px; top:-5px; transform: rotate(180deg);}

#header .head .tnb .pure-material-switch { height:100%; display:flex; align-items: center; line-height: normal; }
#header .head .tnb .pure-material-switch > span { color:#ccc; position:relative; padding:0 42px 0 20px; }
#header .head .tnb .pure-material-switch > span::before { background-color:#555; margin:0; position:absolute; top:50%; right:0; transform: translateY(-50%); }
#header .head .tnb .pure-material-switch > input:active + span::before { background-color:#666; }
#header .head .tnb .pure-material-switch > span::after { top:0;  }

#header .head .tnb .pure-material-button-contained { color:#fff !important; height:34px; line-height: 34px; }
#header .head .tnb .lang { position:relative; padding-left:40px; padding-right:40px; border:#666 1px solid; border-radius: 30px 30px 30px 30px; }
#header .head .tnb .lang:before { content:""; width:18px; height:18px; background:url('../svg/icon_lang_w.svg') no-repeat center center; background-size:18px 18px; position:absolute; top:50%; left:8px; transform: translateY(-50%); opacity: .8; }
#header .head > ul > li > ul > li.depth.lang:after { right:8px; }


#container { display:flex; flex-direction: column;  }
.container { position:relative; width:100%; padding:84px 0 0 0; background:#181a20; display:flex; flex-direction: column; align-items: center; }
.container .content { width:100%; max-width: 1300px; }
.container.main:before { content:""; position:absolute; width:100%; height:100%; left:0; top:0; background:url('/img/blockchain_bg.jpg') no-repeat center center; background-size:100%; z-index: 1; }
.container.main:after { content:""; position:absolute; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,.85); z-index: 2; }
.container.main .content { width:100%; max-width: 1300px; padding:100px 0 50px 0; background: url(../img/img-bulls-cow-dark.png) no-repeat right center; position:relative; z-index: 5;}
.container .content > h1 { color:#fff; font-size:38px; font-weight: 700; line-height: 48px; margin:0 0 20px 0;}
.container .content > h1 > strong { display:block; font-weight: 700; position:relative; overflow: hidden; text-indent: -99999px; }
.container .content > h1 > strong:after { content:attr(data-this-text); color:#fff; text-indent:0px; position:absolute; left:0;   animation: fadeIn 0.5s ease-in-out; }
.container .content > h2 { font-size:24px; font-weight: 700; color:#999999; margin:0 0 10px 0; }
.container .content > h3 { font-size:14px; color:#666; }
.container .content .apply { width:500px; margin:50px 0 100px 0; position:relative; overflow: hidden; }
.container .content .apply > input[type='email'] { width:calc(100% - 160px); padding:0 15px; font-size:16px; color:#000; border:0; height:55px; background:#fff; box-shadow: 0 2px 2px 0 rgb(0 0 0 / 15%), 0 2px 6px 2px rgb(0 0 0 / 5%); border-radius: 10px 0 0 10px; }
.container .content .apply > input[type='email']::placeholder { color:#888; }
.container .content .apply > button { position:absolute; width:160px; right:0; top:0; height:55px; line-height: 55px; border-radius: 0 10px 10px 0 !important; font-size:16px !important; padding-left:20px !important; font-weight: 300;
}
.container .content .apply > a { color:#fff; height:55px; line-height: 55px; font-size:16px; }
.container .content .apply > a > span { position:relative; width:100%; height:100%; display:block;  padding:0 65px 0 10px; }
.container .content .apply > a > span:after { width:20px; height:20px; content:""; position:absolute; right:15px; top:50%; transform: translateY(-50%); background: url('/svg/icon_arrow_right_w.svg') no-repeat center center; background-size:20px 20px; transition: right 0.3s; }
.container .content .apply > a:hover > span:after { right:0px; }

.container .content .pay_col { width:100%; margin:30px 0; }
.container .content .pay_col > ul { width:100%; display:flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; }
.container .content .pay_col > ul > li { width:45%; margin:0 0 50px 0; }
.container .content .pay_col > ul > li:first-child { width:100%; padding-bottom:30px; background:url('/svg/icon_visual_pay.svg') no-repeat right bottom;  }
.container .content .pay_col > ul > li > h2 { font-size:16px; color:#999; margin:0 0 20px 0; position:relative; padding-left:35px; }
.container .content .pay_col > ul > li:first-child > h2:after { content:"1."; font-size:25px; color: rgb(var(--pure-material-primary-rgb, 243, 146, 0)); position:absolute; left:0; top:50%; transform: translateY(-50%); font-style: italic; font-weight: 700; font-family: verdana; }
.container .content .pay_col > ul > li:nth-child(2) > h2:after { content:"2."; font-size:25px; color: rgb(var(--pure-material-primary-rgb, 243, 146, 0)); position:absolute; left:0; top:50%; transform: translateY(-50%); font-style: italic; font-weight: 700; font-family: verdana; }
.container .content .pay_col > ul > li:nth-child(3) > h2:after { content:"3."; font-size:25px; color: rgb(var(--pure-material-primary-rgb, 243, 146, 0)); position:absolute; left:0; top:50%; transform: translateY(-50%); font-style: italic; font-weight: 700; font-family: verdana; }

.container .content .pay_col > ul > li.pay_step01 > ul { width:100%; display:flex;  }
.container .content .pay_col > ul > li.pay_step01 > ul > li {  width:100%; display:flex; flex-direction: row; justify-content:flex-start; flex-wrap: wrap; align-items: center;  }
.container .content .pay_col > ul > li > ul > li { position:relative; }
.container .content .pay_col > ul > li.pay_step01 label { width:300px; }
.container .content .pay_col > ul > li.pay_step01 .pure-material-button-text.btn_select { position: absolute; top: 17px; right: 10px; background:url('/svg/icon_arrow_down_o.svg') no-repeat right center;  min-width: auto; padding:0 26px 0 10px;}

.container .content .pay_col > ul > li.pay_step02 {  }
.container .content .pay_col > ul > li.pay_step02 > ul { width:100%; display:flex; flex-direction: column;}
.container .content .pay_col > ul > li.pay_step02 > ul > li { margin:0 0 10px 0; }
.container .content .pay_col > ul > li.pay_step02 > ul > li:first-child { }
.container .content .pay_col .pay_company { width:100%; height:75px; text-align: left; border:rgba(255,255,255,.2) 2px solid; padding:0 20px; color:#fff; box-sizing: border-box; border-radius: 10px; text-transform:none; }
.container .content .pay_col .pay_company.p_checked { border:rgb(var(--pure-material-primary-rgb, 243, 146, 0)) 2px solid; background:rgba(255,255,255,0.04); }
.pay_company > ul { display:flex; flex-direction: row; justify-content: flex-start; align-items: center; }
.pay_company > ul > li { display:flex; flex-direction: column; }
.pay_company > ul > li > strong { font-size:18px; line-height: 20px; margin:0 0 5px 0; }
.pay_company > ul > li > span { font-size:12px; line-height: 20px; color:#888; }
.pay_company > ul > li:first-child { width:50px; height:100%; margin:0 10px 0 0; }
.pay_company > ul > li:last-child { margin-left:auto; text-align: right; }

.container .content .pay_col > ul > li.pay_step03 { }
.container .content .pay_col > ul > li.pay_step03 table { width:100%; }
.container .content .pay_col > ul > li.pay_step03 table th { color:#777; font-size:12px; padding:7px 0; }
.container .content .pay_col > ul > li.pay_step03 table td { color:#fff; font-size:14px; padding:7px 0; text-align: right; }
.container .content .pay_col > ul > li.pay_step03 h4 { font-size:15px; color:#999; margin:30px 0 10px 0; padding-left:30px; background:url('/svg/icon_warning.svg') no-repeat left center; background-size:20px 20px; }
.container .content .pay_col > ul > li.pay_step03 p { font-size:12px; color:#777;  }
.btn_step_next { margin:30px 0 0 0; width:100%; height:50px; line-height: 50px; }

.container .content .pay_col .icon_arrow { width:40px; height:40px; text-align: center; background:url('/svg/icon_change_arrow_g.svg') no-repeat center center; background-size:30px 30px; position:relative; text-indent: -99999px; }
.container .content .pay_col .icon_arrow:before { content:""; width:15px; height:1px; background:#888; position:absolute; left:0; top:50%; margin:-1px 0 0 0; }
.container .content .pay_col .icon_arrow:after { content:""; width:15px; height:1px; background:#888; position:absolute; right:0; top:50%; margin:-1px 0 0 0; }

.pure-material-textfield-outlined > input + span::before, .pure-material-textfield-outlined > input + span::after, .pure-material-textfield-outlined > textarea + span::before, .pure-material-textfield-outlined > textarea + span::after { border-top: solid 2px; }
.pure-material-textfield-outlined > input { border: solid 2px; border-color:rgba(var(--pure-material-onsurface-rgb, 255, 255, 255), 0.2); border-top-color: transparent; color:#fff; }
.light .pure-material-textfield-outlined > input { border-color:rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.2); border-top-color: transparent; color:#1b1b1b; }
.pure-material-textfield-outlined:hover > input { border-color:rgba(var(--pure-material-onsurface-rgb, 255, 255, 255), 0.4); border-top-color: transparent; }
.light .pure-material-textfield-outlined:hover > input { border-color:rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.4); border-top-color: transparent; }
.pure-material-textfield-outlined > input + span { border-color: rgba(var(--pure-material-onsurface-rgb, 255, 255, 255), 0.2); }
.light .pure-material-textfield-outlined > input + span { border-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.2); }
.pure-material-textfield-outlined > input + span::before, .pure-material-textfield-outlined > input + span::after { border-top-color:rgba(var(--pure-material-onsurface-rgb, 255, 255, 255), 0.2);}
.pure-material-textfield-outlined > input + span::before { border-left: solid 2px transparent;  }
.pure-material-textfield-outlined > input + span::after { border-right: solid 2px transparent;  }
.light .pure-material-textfield-outlined > input + span::before, .light .pure-material-textfield-outlined > input + span::after { border-top-color:rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.2); }
.pure-material-textfield-outlined > input:not(:focus):placeholder-shown {
    border-top-color: rgba(var(--pure-material-onsurface-rgb, 255, 255, 255), 0.2);
}
.light .pure-material-textfield-outlined > input:not(:focus):placeholder-shown {
    border-top-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.2);
}
.pure-material-textfield-outlined:hover > input + span::before, .pure-material-textfield-outlined:hover > input + span::after {
    border-top-color: rgba(var(--pure-material-onsurface-rgb, 255, 255, 255), 0.4);
}
.light .pure-material-textfield-outlined:hover > input + span::before, .light .pure-material-textfield-outlined:hover > input + span::after {
    border-top-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.4);
}
.pure-material-textfield-outlined > input + span { color:#888; }
.light .pure-material-textfield-outlined > input + span { color:rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.6); }

.pure-material-textfield-outlined:hover > input:focus {
    border-color: rgb(var(--pure-material-primary-rgb, 243, 146, 0));
    border-top-color: transparent;
}
.pure-material-textfield-outlined > input:focus, .pure-material-textfield-outlined > textarea:focus { box-shadow: inset 1px 0 var(--pure-material-safari-helper1), inset -1px 0 var(--pure-material-safari-helper1), inset 0 -1px var(--pure-material-safari-helper1); }

.light .container .content .pay_col .pay_company { border: rgba(0,0,0,.1) 2px solid; }
.light .container .content .pay_col .pay_company.p_checked {     border: rgb(var(--pure-material-primary-rgb, 243, 146, 0)) 2px solid; }
.light .pay_company > ul > li > strong, .light .container .content .pay_col > ul > li.pay_step03 table td { color:#1b1b1b; }




.gnb_sub { width:300px; background:#fff; box-shadow: 0 2px 2px 0 rgb(0 0 0 / 5%), 0 2px 6px 2px rgb(0 0 0 / 5%); position:absolute; top:65px; left:0; z-index: 99; transform: scale(0); transition: transform .2s; transform-origin: right top; border-radius: 10px; }
.gnb_sub.show { transform: scale(1); }
.gnb_sub > ul { width:100%; display:flex; flex-direction: column; justify-content: flex-start; }
.gnb_sub > ul > li { width:100%; display:flex; }
.gnb_sub > ul > li { padding:5px; }
.gnb_sub > ul > li a { display:flex; flex-direction: row; justify-content: flex-start; align-items: center; width:100%; height:55px; line-height: 55px; text-align: left; padding:5px; }
.gnb_sub > ul > li img { width:40px; margin:0 8px 0 0; }
.gnb_sub > ul > li i { display:inline-block; width:30px; height:30px; line-height: 30px; text-align: center; margin:0 8px 0 0; font-style: normal; border-radius: 100%; background:#000; color:#fff; }
.gnb_sub > ul > li i.c_usd { background:#58be91; }
.gnb_sub > ul > li i.c_eur { background:#007cd9; }
.gnb_sub > ul > li i.c_gbp { background:#1b3371; }
.gnb_sub > ul > li i.c_jpy { background:#8e0000; }
.gnb_sub > ul > li strong { font-size:15px;  }
.gnb_sub > ul > li span { display:inline-block; margin-left:auto; font-size:12px; height:22px; line-height: 22px; padding:0 7px; border-radius: 2px; background:#ccc; color:#fff; }
.gnb_sub > ul > li span.on { background:#22ac38; }
.gnb_sub > ul > li a em { display:none;  }
.gnb_sub > ul > li a.c_checked em { display:inline-block; margin-left:auto; width:30px; height:30px; background:url('/svg/icon_checked.svg') no-repeat center center; background-size:20px 20px; }
.gnb_sub > ul > li a.c_checked { background:rgba(0,0,0,0.04); }


@keyframes fadeIn {
    from {
        bottom:-100%;
    }
    to {
        bottom:0;
    }
}
.pure-material-button-contained { font-weight: 300; }

#container .summary { width:100%; max-width: 100%; display:flex; flex-wrap: wrap; justify-content: center; margin:0 0 0 0; padding:50px 0; }
#container .summary > ul { width:100%; max-width: 1300px; margin:0 auto; display:flex; flex-wrap: wrap; flex-direction: row;  justify-content: space-between;}
#container .summary > ul > li { text-align: center; width:25%; position:relative; }
#container .summary > ul > li:not(:first-child):after { content:""; position:absolute; left:0; bottom:0; width:1px; height:calc(100% - 10px); border-left:#fff 1px dashed; opacity: 0.25; }
#container .summary > ul > li > h2 {  font-weight: 700; color:#fff; font-size:36px; margin:0 0 20px 0; letter-spacing: 0.15rem; }
#container .summary > ul > li > h2 > span { font-weight: 700; }
#container .summary > ul > li > h3 { color:#999; font-size:15px; margin:0 0 0 0; line-height: 22px; }

#container .summary2 { width:100%; max-width: 100%; display:flex; flex-wrap: wrap; justify-content: center; background:#0f0f0f; margin:90px 0 0 0; padding:30px 0; border-radius: 10px; }
#container .summary2 > ul { width:100%; max-width: 1300px; margin:0 auto; display:flex; flex-wrap: wrap; flex-direction: row;  justify-content: space-between;}
#container .summary2 > ul > li { text-align: left; width:33.333%; position:relative; padding:60px 30px 0 30px; }
#container .summary2 > ul > li:not(:first-child):after { content:""; position:absolute; left:0; bottom:0; width:1px; height:calc(100% - 10px); border-left:#fff 1px dashed; opacity: 0.25; }
#container .summary2 > ul > li:first-child { background:url('/svg/icon_register_w.svg') no-repeat left 20px top; background-size:50px 50px; }
#container .summary2 > ul > li:nth-child(2) { background:url('/svg/icon_confirm_w.svg') no-repeat left 20px top; background-size:50px 50px; }
#container .summary2 > ul > li:nth-child(3) { background:url('/svg/icon_forward_w.svg') no-repeat left 20px top; background-size:50px 50px; }
#container .summary2 > ul > li > h2 {  font-weight: 700; color:rgb(var(--pure-material-primary-rgb, 243, 146, 0)); font-size:18px; margin:0 0 20px 0; }
#container .summary2 > ul > li > h2 > span { font-weight: 700; }
#container .summary2 > ul > li > h3 { color:#999; font-size:15px; margin:0 0 0 0; line-height: 22px; }

.light #container .summary2 { background:#fff; }
.light #container .summary2 > ul > li:first-child { background:url('../images/referral-1.png') no-repeat left 20px top; background-size:50px 50px; }
.light #container .summary2 > ul > li:nth-child(2) { background:url('../images/referral-2.png') no-repeat left 20px top; background-size:50px 50px; }
.light #container .summary2 > ul > li:nth-child(3) { background:url('../images/referral-3.png') no-repeat left 20px top; background-size:50px 50px; }
.light #container .summary2 > ul > li:not(:first-child):after { content:""; position:absolute; left:0; bottom:0; width:1px; height:calc(100% - 10px); border-left:#000 1px dashed; opacity: 0.15; }

.container2 { position:relative; width:100%; margin:0 0 0 0; padding:50px 0; background:rgb(24, 26, 32); display:flex; justify-content: center; flex-direction: column; }
.container2 > div { width:100%; max-width: 1300px; margin: 0 auto 60px auto; }
.container2 > div > h2 { color:#fff; font-size:40px; line-height:40px; font-weight:700; margin:0 0 15px 0; }
.container2 .news > ul { display:flex; flex-wrap: wrap; flex-direction: row;  justify-content: space-between;}
.container2 .news > ul > li { width:23%; position:relative; padding:0 0; }
.container2 .news > ul > li:first-child { }
.container2 .news > ul > li:last-child {  }
.container2 .news > ul > li > a { display:flex; flex-direction: column; border-radius: 10px; overflow: hidden; margin:0 0 15px 0; height:130px; position:relative; background:rgb(11, 14, 17); padding:20px;  }
.container2 .news > ul > li > a > img { width:100%; height:auto; position:absolute; left:0; top:0; transition: 1s;}
.container2 .news > ul > li > a > * { display:inline-block; width:100%; font-style: normal; margin:0 0 0px 0; color:#fff; }
.container2 .news > ul > li > a > span { font-size:15px; }
.container2 .news > ul > li > a > strong { font-size:24px; font-weight: 700; color:rgb(var(--pure-material-primary-rgb, 243, 146, 0)); }
.container2 .news > ul > li > a > i { font-size:20px; font-weight: 700; }
.container2 .news > ul > li > a:hover { opacity: 1 !important; background:#000; }
.container2 .news > ul > li > a:after { position:absolute; content:""; left:0; bottom:0; width:100%; height:70%; }
.container2 .news > ul > li > a:hover:after { -webkit-box-shadow: 0px 5px 25px 5px rgba(0,0,0,0.21); box-shadow: 0px 5px 25px 5px rgba(0,0,0,0.21); }
.container2 .news > ul > li > a:before { width:50px; height:50px; content:""; position:absolute; bottom:20px; right:20px; opacity: .3; transition: opacity 0.3s;}
.container2 .news > ul > li > a:hover:before { opacity: 1; }
.container2 .news > ul > li:first-child > a:before { background:url('/svg/icon_percent_w.svg') no-repeat center center; background-size:50px 50px; }
.container2 .news > ul > li:nth-child(2) > a:before { background:url('/svg/icon_bitcoin_w.svg') no-repeat center center; background-size:50px 50px; }
.container2 .news > ul > li:nth-child(3) > a:before { background:url('/svg/icon_money_bag_w.svg') no-repeat center center; background-size:50px 50px; }
.container2 .news > ul > li:nth-child(4) > a:before { background:url('/svg/icon_blockchain_w.svg') no-repeat center center; background-size:50px 50px; }
.container2 .news > ul > li:hover > a > img { transform: scale(1.05);  }
.container2 .news > ul > li > h2 > a { color:#fff; font-size:15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.container2 .news > ul > li > h3 { color:#888; font-size:13px; margin:10px 0 0 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.container2 .news > ul > li > h2, .container2 .news > ul > li > h3 { display:none; }
div.table_01 table { width:100%; border-spacing:0;}
div.table_01 table thead { }
div.table_01 table th { color:#999; padding:10px 15px; font-size:14px; background:#181a20; }
div.table_01 table td { color:#fafafa; padding:10px 15px; font-size:14px; background:#181a20; text-align: left; border-bottom:#444 0px solid; }
div.table_01 table td > * { display:inline-block; }
div.table_01 table td > em { width:25px;  height:25px; line-height: 25px; }
div.table_01 table td > em > img { width:25px; height:25px; border-radius:50%;}
div.table_01 table td > strong { color:#fafafa; margin:0 0 0 10px; position:relative;  height:25px; line-height: 25px; text-align: right; }
div.table_01 table td > strong i { font-style: normal; padding-left:20px; }
div.table_01 table tr td:nth-child(2) > strong i.status_fall, div.table_01 table tr td:nth-child(3) > strong i.status_fall { color:#1763b6; background:url('../svg/icon_arrow_down.svg') no-repeat left center; }
div.table_01 table tr td:nth-child(2) > strong i.status_rise, div.table_01 table tr td:nth-child(3) > strong i.status_rise { color:#ff2727; background:url('../svg/icon_arrow_up.svg') no-repeat left center; }
div.table_01 table td > strong i.status_even { }
div.table_01 table td > span { font-size:12px;color:#777; margin:0 0 0 3px;  height:25px; line-height: 25px; }
div.table_01 table td.down > strong { color:#3399fe; padding-left:20px; display:inline-block; }
div.table_01 table td.up > strong { color:#FF2727; padding-left:20px; display:inline-block; position:relative; }
div.table_01 table td.down > strong:after { content:""; width:18px; height:18px; position:absolute; left:0; top:50%; transform:translateY(-50%); background:url('../svg/icon_arrow_down.svg') no-repeat center center; background-size:18px 18px; }
div.table_01 table td.up > strong:after { content:""; width:18px; height:18px; position:absolute; left:0; top:5px; transform: rotate(180deg); transform-origin: center center;  background:url('../svg/icon_arrow_up.svg') no-repeat center center; background-size:18px 18px; }

div.table_01 .notice { font-size:12px; color:#888; }

div.table_02 > table { width:100%; border-spacing:0;}
div.table_02 > table thead { }
div.table_02 > table th { color:#999; padding:10px 15px; font-size:14px; background:#181a20; }
div.table_02 > table td { color:#fafafa; padding:10px 15px; font-size:14px; background:#181a20; text-align: left; border-bottom:#444 1px solid; }
div.table_02 > table td > * { display:inline-block; }
div.table_02 > table td > strong { color:#999; margin:0 0 0 0; position:relative;  height:25px; line-height: 25px; }
div.table_02 > table td > strong.done { color:#3ccda1; }
div.table_02 > table td > strong.fail { color:#df0000; }
div.table_02 > table td > strong > em { font-style: normal; display:inline-block; padding:0 0 0 20px; height:25px; line-height: 25px; margin:0 5px; }
div.table_02 > table td > strong > em.icon_usdt { background:url('../img/token/img-token-my-usdt.png') no-repeat left center; background-size:15px 15px; }
div.table_02 > table td > strong > em.icon_eth { background:url('../img/token/img-token-my-eth.png') no-repeat left center; background-size:15px 15px; }

.container2 .partners > ul { display:flex; flex-wrap: wrap; flex-direction: row; }
.container2 .partners > ul > li { width:25%; position:relative;  text-align: center; padding:10px 0; }

.main_graph { width:100%; background:#181a20; text-align: center; padding:80px 0; }
.main_graph > ul { width:100%; max-width: 1300px; margin:0 auto; display: flex; justify-content: center; flex-direction: row; }
.main_graph > ul > li { width:50%; text-align: left; padding:0 50px; }
.main_graph > ul > li > h3 {  font-weight: 700; font-size:36px; line-height: 46px; color:#fff; padding:20px 0; }
.main_graph > ul > li > ul {  width:100%; display: flex; justify-content: center; flex-direction: column;  }
.main_graph > ul > li > ul > li { width:70%; display: flex;   }
.main_graph > ul > li > ul > li > ul {  width:100%; display: flex; justify-content:space-between; flex-direction: row;  align-items: center; }
.main_graph > ul > li > ul > li > ul > li { padding:20px 0; width:50%; }
.main_graph > ul > li > ul > li > ul > li > h5 { font-size:13px; color:#888; margin:0 0 10px 0; }
.main_graph > ul > li > ul > li > ul > li > h4 {  line-height: 32px; font-weight: 700; font-size:36px; color:#fff; margin:0 0 0 0; }
.main_graph path { opacity: .5; }

.light .main_graph { background:#f8f8f8; }
.light .main_graph > ul > li > h3, .light .main_graph > ul > li > ul > li > ul > li > h4 { color:#1b1b1b; }

.line {
     stroke-dasharray: 1100;
     stroke-dashoffset: 0;
     animation: dash 0.7s linear alternate;
     opacity: 1 !important;
    }

 @keyframes dash {
   0% { stroke-dashoffset: 1100; }
   100% { stroke-dashoffset: 0; }
 }


.td_left { text-align:left !important; }
.td_right { text-align:right !important; }
.td_center { text-align:center !important; }
.td_button { text-align:center !important; width:120px !important; }
.td_empty { padding:50px 0 !important; }
.td_empty > strong { display:inline-block; padding:50px 0 0 0; position:relative; font-size:12px; }
.td_empty > strong:after { content:""; position:absolute; left:50%; transform: translateX(-50%); top:0px; width:50px; height:50px; background:url('../svg/icon_search.svg') no-repeat center center; background-size:40px 40px; }

.btn_order { width:18px; height:18px; background:url('../svg/icon_transaction.svg') no-repeat center center; background-size:18px 18px; text-indent: -999999px; border:0; opacity: .7; position:relative; display:inline-block !important; margin:0 3px; }
.btn_order:hover { opacity: 1; }
.btn_order:after { content:attr(data-this-action); position:absolute; left:50%; top:-25px; background:rgba(0,0,0,1); color:#fff; height:24px; line-height: 24px; padding:0 5px; border-radius: 2px; text-indent: 0px; font-size:11px; letter-spacing: -0.06em; min-width: 50px; transform: translateX(-50%) scale(0); width:auto; display:block; word-break: keep-all; }
.btn_order:hover:after { transform: translateX(-50%) scale(1); }
.btn_order:hover:before { content:""; width: 0px;  height: 0px;  border-top: 20px solid rgba(0,0,0,1);  border-left: 10px solid transparent;  border-right: 10px solid transparent; position:absolute; left:50%; top:-17px; transform: translateX(-50%); }
.btn_order.btn_copy { background:url('../svg/icon_copy.svg') no-repeat center center; background-size:18px 18px; }
.btn_order.btn_send { background:url('../svg/icon_send.svg') no-repeat center center; background-size:18px 18px; }

.ft_banner { width:100%; background-color: #000; }
.ft_banner > a { width:100%; max-width: 1300px; margin:0 auto; padding:60px 0; color:#fff; font-size:30px; text-align: center; display:flex; justify-content: center; flex-direction: row;  }
.ft_banner > a > * { font-weight: 700; height:50px; line-height: 50px; display:inline-block; }
.ft_banner > a > span { display:inline-block; margin:0 0 0 20px; font-weight: 700; font-size:24px; background:rgb(var(--pure-material-primary-rgb, 243, 146, 0)); padding:0 15px; border-radius: 5px; }

.light .ft_banner { background-color:#fff; }
.light .ft_banner > a > strong { color:#1b1b1b; }

#footer { width:100%; display:flex; flex-direction: column; justify-content: center; background:#1b1b1b; }
#footer > div.ft_info { width:100%; max-width: 1300px; margin:0 auto; padding:60px 0; }
#footer > div.ft_info > ul { display:flex; flex-wrap: wrap; flex-direction: row; justify-content:space-between; }
#footer > div.ft_info > ul > li { }
#footer > div.ft_info > ul > li > ul { display:flex; flex-wrap: wrap; flex-direction: column; }
#footer > div.ft_info > ul > li > ul.sns_icon { flex-direction: row; }
#footer > div.ft_info > ul > li > ul > li { }
#footer > div.ft_info > ul > li > ul > li > a {  display:flex; flex-wrap: wrap; flex-direction: column;}
#footer > div.ft_info > ul > li > ul > li > a > * { display:inline-block; }
#footer > div.ft_info > ul > li > ul > li > a > span { margin:0 0 4px 0; }
#footer > div.ft_info > ul > li > ul > li > a > strong { margin:0 0 8px 0; }
#footer h3 { font-size:14px; color:#999; margin:0 0 10px 0; }
#footer a { font-size:13px; color:#777; padding:3px 0; display:block; }

#footer .icons { width:30px; height:30px; background:#333; text-indent: -999999px; margin:0 4px 0 0; filter: grayscale(100%); opacity: .9; }
#footer .icons.icon_twitter { background:url('../svg/icon_twitter.svg') no-repeat center center; background-size:30px 30px; }
#footer .icons.icon_instagram { background:url('../svg/icon_instagram.svg') no-repeat center center; background-size:30px 30px; }
#footer .icons.icon_facebook { background:url('../svg/icon_facebook.svg') no-repeat center center; background-size:30px 30px; }
#footer .icons.icon_youtube { background:url('../svg/icon_youtube.svg') no-repeat center center; background-size:30px 30px; }
#footer .icons.icon_telegram { background:url('../svg/icon_telegram.svg') no-repeat center center; background-size:30px 30px; }
#footer .icons.icon_discord { background:url('../svg/icon_discord.svg') no-repeat center center; background-size:30px 30px; }
#footer .icons.icon_cmc { background:url('../svg/icon_cmc_w.svg') no-repeat center center; background-size:30px 30px; }

#footer > div.ft_copyright { width:100%; max-width: 1300px; margin:0 auto; padding:30px 0; border-top:#333 1px solid; position:relative; }
#footer > div.ft_copyright h4 { font-size:12px; color:#666; margin:0 0 10px 0; }
#footer > div.ft_copyright p { font-size:11px; color:#555; }
#footer > div.ft_copyright h5 { font-size:11px; color:#666; margin:15px 0 0 0; }
#footer > div.ft_copyright > div.cert_wrap { width:auto; position:absolute; top:50%; right:0; transform: translateY(-50%); display:flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap;  }
#footer > div.ft_copyright > div.cert_wrap > img { display:inline-block; width:auto; height:50px; margin:0 7px; opacity: .7; }
#footer > div.ft_copyright > div.cert_wrap > img:nth-child(4) { display:inline-block; width:auto;  }
#footer > div.ft_copyright > div.cert_wrap > img:nth-child(5) { display:inline-block; width:auto;  }

.only_light { display: none; }

/*sub*/
.container.sub { background:#181a20; min-height: 800px; }
.container.sub .content { width:100%; max-width: 1300px; padding:30px 0 0 0; }
.container.sub #flogin, .container.sub #frm1, .container.sub #frm { max-width: 700px; width:100%; margin:0 auto;  }
.container.sub #flogin { max-width: 400px; }
.container.sub .mb_content { max-width:700px; padding:50px 0; text-align: center; }
.container.sub .content.mb_content > h2 { margin:0 0 30px 0; }

.container.reward { position:relative; width:100%; padding:74px 0 0 0; display:flex; flex-direction: column;  }
.container.reward .content2 { width:100%; max-width: 1300px; padding:60px 0 0 0; background: url(../images/referral_bg.png) no-repeat right bottom -70px; background-size:30%;  position:relative; z-index: 5; margin:0 auto;}
.container.reward.affiliates .content2 { width:100%; max-width: 1300px; padding:60px 0 0 0; background: url(../svg/icon_affiliates.svg) no-repeat right 15px bottom 200px; background-size:25%; position:relative; z-index: 5; margin:0 auto;}
.container.reward .content2 > h1 {  color:#fff; font-size:38px; font-weight: 700; line-height: 48px; margin:0 0 20px 0;}
.container.reward .content2 > h1 > strong {  display:block; font-weight: 700; position:relative; overflow: hidden; text-indent: -99999px; }
.container.reward .content2 > h1 > strong:after { content:attr(data-this-text); color:#fff; text-indent:0px; position:absolute; left:0;   animation: fadeIn 0.5s ease-in-out; }
.container.reward .content2 > h2 {  font-size:24px; font-weight: 700; color:#999999; margin:0 0 10px 0; }
.container.reward .content2 > h3 {  font-size:14px; color:#666; }
.container.reward .content2 .apply { width:500px; margin:50px 0 30px 0; position:relative; overflow: hidden; }
.container.reward .content2 .apply > input[type='email'] { width:calc(100% - 160px); padding:0 15px; font-size:16px; color:#000; border:0; height:55px; background:#fff; box-shadow: 0 2px 2px 0 rgb(0 0 0 / 15%), 0 2px 6px 2px rgb(0 0 0 / 5%); border-radius: 10px 0 0 10px; }
.container.reward .content2 .apply > input[type='email']::placeholder { color:#888; }
.container.reward .content2 .apply > button { position:absolute; width:160px; right:0; top:0; height:55px; line-height: 55px; border-radius: 0 10px 10px 0 !important; font-size:16px !important; padding-left:20px !important; font-weight: 300;
}
.container.reward .content2 .apply > a { color:#fff; height:55px; line-height: 55px; font-size:16px; }
.container.reward .content2 .apply > a > span { position:relative; width:100%; height:100%; display:block;  padding:0 65px 0 10px; }
.container.reward .content2 .apply > a > span:after { width:20px; height:20px; content:""; position:absolute; right:15px; top:50%; transform: translateY(-50%); background: url('../svg/icon_arrow_right_w.svg') no-repeat center center; background-size:20px 20px; transition: right 0.3s; }
.container.reward .content2 .apply > a:hover > span:after { right:0px; }

.reward_wrap { width:100%; margin:30px auto 0 auto; padding:60px 0; background:#181a20; }
.reward_wrap > h2 { width:100%; max-width: 1300px; margin:0 auto 15px auto; color:#999; font-size:40px; line-height:40px; font-weight: 700; }
.reward_wrap > ul { padding:0; margin:0 auto; display:flex; flex-direction: row; justify-content: space-between; width:100%; max-width: 1300px;  }
.reward_wrap > ul > li { width:23%; border-radius: 10px; background:rgba(0, 0, 0,.6); padding:30px 20px 20px 20px; text-align: center; display:flex; flex-direction: column; justify-content: flex-start; align-items:center; }
.reward_wrap > ul > li > img { width:60px; height:60px; margin:0 0 10px 0; }
.reward_wrap > ul > li > h2 { font-size:28px; font-weight: 700; color:#3ccda1; margin:10px 0; }
.reward_wrap > ul > li > h3 { font-size:16px; font-weight: 200; color:rgba(255,255,255,.75); }
.reward_wrap .notice { width:100%; max-width: 1300px; margin:100px auto 30px auto; }
.reward_wrap .notice > h3 { font-size:15px; color:#fff; margin:0 0 10px 0; padding:0 0 0 30px; background: url(../svg/icon_warning.svg) no-repeat left center; background-size:20px 20px; }
.reward_wrap .notice > h4 { font-size:13px; color:#999; margin:0 0 7px 0; }
.reward_wrap .notice > p { font-size:11px; color:#777; margin:0 0 7px 0; }

.aff_wrap { width:100%; margin:30px auto 0 auto; padding:80px 0; background:#181a20; }
.aff_wrap > ul { padding:0 10px; margin:0 auto; display:flex; flex-direction: row; justify-content: space-between; width:100%; max-width: 1300px;  }
.aff_wrap > ul > li { width:50%; padding:0; text-align: left; display:flex; flex-direction: column; justify-content: flex-start; }
.aff_wrap > ul > li:last-child { background:url('../images/referral-0.png') no-repeat right center; background-size:70%; }
.aff_wrap > ul > li > h2 { font-size:34px; color:#fff; margin:0 0 10px 0; font-weight: 700; }
.aff_wrap > ul > li > h3 { font-size:16px; color:#888; margin:0 0 30px 0; }
.aff_wrap > ul > li > ul { width:100%; display:flex; flex-direction: column; }
.aff_wrap > ul > li > ul > li { margin:15px 0; padding:0 10px 0 70px; }
.aff_wrap > ul > li > ul > li > h4 { color:#999; font-size:15px; margin:0 0 7px 0; }
.aff_wrap > ul > li > ul > li > h5 { color:#777; font-size:13px; }
.aff_wrap > ul > li > ul > li:first-child { background:url('../svg/icon_group_w.svg') no-repeat left center; background-size:60px 60px; }
.aff_wrap > ul > li > ul > li:nth-child(2) { background:url('../svg/icon_chat_w.svg') no-repeat left center; background-size:60px 60px; }
.aff_wrap > ul > li > ul > li:nth-child(3) { background:url('../svg/icon_starred_w.svg') no-repeat left center; background-size:60px 60px; }

.aff_wrap.vip_wrap > ul > li > h2 { margin:0 0 30px 0; }
.aff_wrap.vip_wrap > ul > li { margin:10px 0; }
.aff_wrap.vip_wrap > ul > li > ul > li:first-child { background:url('../svg/icon_vip_gear.svg') no-repeat left top; background-size:50px 50px; }
.aff_wrap.vip_wrap > ul > li > ul > li:nth-child(2) { background:url('../svg/icon_vip_security.svg') no-repeat left top; background-size:50px 50px; }
.aff_wrap.vip_wrap > ul > li > ul > li:nth-child(3) { background:url('../svg/icon_vip_graph.svg') no-repeat left top; background-size:50px 50px; }
.aff_wrap.vip_wrap > ul > li > ul > li:nth-child(4) { background:url('../svg/icon_vip_growth.svg') no-repeat left top; background-size:50px 50px; }
.aff_wrap.vip_wrap > ul > li > ul > li a { color:#999; margin: 15px 0 0 0; text-decoration: underline; display:inline-block; }
.aff_wrap.vip_wrap > ul > li:last-child { background:url('../svg/icon_vip_visual.svg') no-repeat right center; background-size:80%; }

.light .aff_wrap { background:#f9f9f9; }
.light .aff_wrap > ul > li > h2 { color:#1b1b1b; }
.light .aff_wrap > ul > li > ul > li:first-child { background:url('../svg/icon_group_b.svg') no-repeat left center; background-size:60px 60px; }
.light .aff_wrap > ul > li > ul > li:nth-child(2) { background:url('../svg/icon_chat_b.svg') no-repeat left center; background-size:60px 60px; }
.light .aff_wrap > ul > li > ul > li:nth-child(3) { background:url('../svg/icon_starred_b.svg') no-repeat left center; background-size:60px 60px; }
.light .aff_wrap > ul > li > ul > li > h4 { color:#333; }

.aff_wrap2 { width:100%; margin:0 auto 0 auto; padding:50px 0; background:#000000; text-align: center; }
.aff_wrap2 > h2 { font-size:34px; color:#fff; margin:0 0 30px 0; font-weight: 700; }
.aff_wrap2 > ul { padding:0 10px; margin:0 auto 50px auto; display:flex; flex-direction: row; justify-content: space-between; width:100%; max-width: 800px;  }
.aff_wrap2 > ul > li { width:33.333%; padding:0; text-align: center; display:flex; flex-direction: column; justify-content: space-between; }
.aff_wrap2 > ul > li > h3 { font-size:36px; margin:0 0 8px 0; color:rgb(var(--pure-material-primary-rgb, 243, 146, 0)); display:flex; justify-content: center; align-items: center; }
.aff_wrap2 > ul > li > h3 > strong { font-size:14px; margin:0 0 0 10px; }
.aff_wrap2 > ul > li > h4 { font-size:16px; color:#888; }
.aff_wrap2 > a { color: #fff; height: 55px; width:150px; line-height: 55px; font-size: 16px; }

.aff_wrap2.vip_wrap2 > ul { max-width: 900px; }

.light .aff_wrap2 { background:#fff; }
.light .aff_wrap2 > h2 { color:#1b1b1b; }

.container.sub .mb_content > ul { display:flex; flex-direction: column;  }
.container.sub .mb_content > ul > li { margin:0 0 10px 0; text-align: left; }
.container.sub .mb_content > ul > li > label.pure-material-textfield-standard { width:100%; height:60px; line-height: 60px; }
.container.sub .mb_content > ul > li > label.pure-material-textfield-standard > span { color:#999; /*font-size:16px;*/ }
.container.sub .mb_content > ul > li > label.pure-material-textfield-standard > input { border-bottom:#444 1px solid; color:#999; }
.container.sub .mb_content > ul > li > label.pure-material-textfield-standard > input:focus + span { color:#777; /*font-size:12px;*/ }
.container.sub .mb_content > ul > li.join_button { display:flex; flex-direction: row; justify-content: space-between; margin:10px 0 0 0; }
.container.sub .mb_content > ul > li.join_button > a { font-size:13px; color:#888; }
.container.sub .mb_content > ul > li.join_button > a:last-child { color:rgb(var(--pure-material-onprimary-rgb, 255, 255, 255)); }
.container.sub .mb_content > ul > li.half { width:100%; display:flex; flex-direction: row; justify-content: center; margin:0 0 20px 0; }
.container.sub .mb_content > ul > li.half > * { width:50%; display:inline-block; }
.container.sub .mb_content > ul > li.half .txt-security-code { display:flex; flex-direction: row; justify-content: center; align-items: center;background:rgba(0,0,0,.6);  }
.container.sub .mb_content > ul > li.half .txt-security-code > span { font-size:30px; color:#ccc; }
.container.sub .mb_content > ul > li.half .txt-security-code > span:first-child { transform:rotate(20deg); }
.container.sub .mb_content > ul > li.half .txt-security-code > span:nth-child(2) { transform:rotate(-15deg); }
.container.sub .mb_content > ul > li.half .txt-security-code > span:nth-child(3) { transform:rotate(16deg); }
.container.sub .mb_content > ul > li.half .txt-security-code > span:nth-child(4) { transform:rotate(-5deg); }
.container.sub .mb_content > ul > li.half .txt-security-code > span:nth-child(5) { transform:rotate(10deg); }
.container.sub .mb_content > ul > li.half .txt-security-code > span:nth-child(6) { transform:rotate(-7deg); }
.container.sub .mb_content > ul > li.half2 { width:100%; display:flex; flex-direction: row; justify-content:space-between; margin:0; }
.container.sub .mb_content > ul > li.half2 > * { display:inline-block; }
.container.sub .mb_content > ul > li.half2 .btn_agree { background:transparent; font-size:13px; color:#999; border:0; }
.container.sub .mb_content > ul > li.half2 .btn_agree > strong { font-size:13px; text-decoration: underline; display:inline-block; margin:0 0 0 10px; color:#ccc;}
.container.sub .mb_content .btn_submit { margin:30px 0 0 0; }

.container.sub .mb_content .pure-material-button-contained { width:100%; height:55px; font-size:16px; }
.container.sub .mb_content .pure-material-checkbox { margin:5px 0; }
.container.sub .mb_content .pure-material-checkbox > span { color:#888; font-size:13px; }
.container.sub .mb_content .pure-material-checkbox > span::before { border-color:#555; }

.nav_path { width:100%; margin:0 0 30px 0; display:none; }
.nav_path > ul { width:100%; display:flex; flex-direction: row; }
.nav_path > ul > li { width:100%; display:flex; flex-direction: row; }
.nav_path > ul > li a { color:#999; font-size:13px; margin: 0 10px 0 0; padding:0 10px 0 0; position:relative; }
.nav_path > ul > li a:not(:last-child):after { content:""; width:20px; height:20px; position:absolute; right:-10px; top:0; background:url('../svg/icon_arrow_w.svg') no-repeat center center; background-size:14px 14px; transform:rotate(-90deg); opacity: .4; }
.nav_path > ul > li a:last-child { font-weight:bold; }

.container_column { width:100%; display:flex;  }
.container_column > ul { width:100%; display:flex; flex-direction: row; justify-content: center; align-items: center; }
.container_column > ul > li:first-child { width:75%; }
.container_column.one_column > ul { justify-content: center; width:100%; }
.container_column.one_column > ul > li:first-child { width:100%; }
.container_column.one_column > ul > li:last-child { width: 100%; padding:0; }
.container_column > ul > li:last-child { padding:0 0 0 0; }
.container_column > ul > li.column_half { display:flex; flex-direction: row; flex-wrap: wrap;  }
.container_column > ul > li.column_half > div { width:50%; }
.container_column > ul > li.column_half > section { width:100%; }
.container_column > ul > li.column_half > section > h3 { font-size:16px; color:#999; margin:10px 0 10px 0; }
.container_column > ul > li.column_half > div:first-child { padding:0 30px 0 0; }
.container_column.column2 > ul > li:first-child { width:60%; }
.container_column.column2 > ul > li:last-child { width:40%; padding:0 0 0 15px; }
.column_half .dashWrap > ul { flex-direction: column;  }
.column_half .dashWrap.column2 > ul > li { width:100%; }
.column_half .dashWrap > ul > li:first-child { margin:0 0 15px 0; }
.column_half .dashWrap > ul > li:last-child { margin:0; }

.dashWrap { width:100%; margin:0 0 30px 0; }
.dashWrap > ul { width:100%; display:flex; flex-direction: row; }
.dashWrap > ul.rowColumn { flex-direction: row !important; }
.dashWrap > ul.rowColumn > li { width:33.3% !important; }
.dashWrap > ul.rowColumn > li:first-child { margin:0 !important; }
.dashWrap > ul.rowColumn > li:last-child { margin:0 0 0 15px !important; }
.dashWrap > ul.rowColumn > li.columnRow { display:flex; width:100%; flex-direction: row; flex-wrap: wrap; align-items: center; }
.dashWrap > ul.rowColumn > li.columnRow > * { display:inline-block; width:50%; font-size:14px; }
.dashWrap > ul.rowColumn > li.columnRow > dd { color:#777; }
.dashWrap > ul.rowColumn > li.columnRow > dt { color:#fff; text-align: right; }

.dashWrap > ul > li { display:flex; flex-direction: column; justify-content: space-around; width:20%; border-radius: 5px; box-shadow: 0 2px 2px 0 rgb(0 0 0 / 5%), 0 2px 6px 2px rgb(0 0 0 / 5%); padding:20px 20px; background:#1e2329; }
.dashWrap > ul > li:first-child { width:25%; color:#22c090; }
.dashWrap > ul > li:nth-child(2) { width:calc(25% - 15px); margin:0 0 0 15px; color:#009dfe; }
.dashWrap > ul > li:nth-child(3) { width:calc(25% - 15px); margin:0 0 0 15px; color:#009dfe; }
.dashWrap > ul > li:last-child { width:calc(25% - 15px); margin:0 0 0 15px; color:#ffffff; }

.dashWrap > ul > li > em.tranc{ cursor: pointer; color: #f39200;}

.dashWrap.column2.sform > ul > li { background:transparent; box-shadow:none; padding:0; }

.dashWrap.column2 > ul > li { width:50%; }
.dashWrap.column2 > ul > li:last-child { color:#8693b0; }
.dashWrap > ul > li > * { display:block; }
.dashWrap > ul > li > h3 { font-size:16px; color:#999; margin:0 0 10px 0; }
.dashWrap > ul > li > span { text-align: left; font-size:15px; color:#999; }
.dashWrap > ul > li > strong { text-align: right; font-size: 36px; font-weight: normal; margin:10px 0 0 0; }
.dashWrap > ul > li > em { text-align: right; font-size: 14px; font-style: normal; margin:5px 0 0 0; color:#666; }
.dashWrap .icon_usdt { background:url('../../img/symbol/usdt.png') no-repeat left center; background-size:35px 35px; }
.dashWrap .icon_krw { background:url('../../img/symbol/krw.png') no-repeat left center; background-size:35px 35px; }
.dashWrap .icon_bank { background:url('../../img/symbol/bank.png') no-repeat left center; background-size:35px 35px; }
.dashWrap .icon_eth { background:url('../img/token/img-token-my-eth.png') no-repeat left center; background-size:35px 35px; }

.dashWrap > ul.notice { margin:15px 0 0 0; filter: grayscale(100%); opacity: .9; }
.dashWrap > ul.notice > li { /*box-shadow: none; background:transparent; padding:0; color:#fff !important;*/ }
.dashWrap > ul.notice > li > ul { width:100%; display:flex; flex-direction: column; justify-content: flex-start; }
.dashWrap > ul.notice > li > ul > li { margin:0 0 20px 0; padding:0 0 0 50px; position:relative; }
.dashWrap > ul.notice > li > ul > li:last-child { margin:0; }
.dashWrap > ul.notice > li > ul > li > h4 { font-size:15px; margin:0 0 5px 0; }
.dashWrap > ul.notice > li > ul > li > p { font-size:13px; color:#999; }
.dashWrap > ul.notice > li > ul > li.icon_exchange { background:url('../svg/icon_ethereum.svg') no-repeat left top; background-size:35px 35px;  }
.dashWrap > ul.notice > li > ul > li.icon_exchange2 { background:url('../svg/icon_exchange.svg') no-repeat left top; background-size:35px 35px;  }
.dashWrap > ul.notice > li > ul > li.icon_customer { background:url('../svg/icon_support.svg') no-repeat left top; background-size:35px 35px;  }
.dashWrap > ul.notice > li > ul > li.icon_fee { background:url('../svg/icon_discount.svg') no-repeat left top; background-size:35px 35px;  }

.sch_wrap { width:100%; display:flex; text-align: center; border-radius: 5px; box-shadow: 0 2px 2px 0 rgb(0 0 0 / 5%), 0 2px 6px 2px rgb(0 0 0 / 5%); padding: 20px 20px; background:#1e2329; }
.sch_wrap > ul { width:100%; display:flex; flex-direction: column;  }
.sch_wrap > ul > li { width:100%; display:flex; flex-direction: row; justify-content: flex-start; margin:10px 0 0 0; }
.sch_wrap .pure-material-select { margin:0 7px 0 0; }
.sch_wrap .select-label { font-size:14px;  }
.sch_wrap .select-text { border-bottom:#444 1px solid; font-size:15px; color:#999; }
.sch_wrap .pure-material-button-outlined { margin:0 3px 0 0; border-color:#444; }
.sch_wrap .pure-material-button-outlined.btn_sch_date.on {  color:#fff; background-color: #444;}
.sch_wrap .material-date { background:transparent url('../svg/icon_calendar_w.svg') no-repeat left center; background-size:18px 18px; font-size:15px; border:0; border-bottom: #444 1px solid; height:45px; line-height: 45px; color:#999; width:220px; padding:0 0 0 25px; }
#searchForm { text-align: center; }
#searchForm #btn_submit { display:inline-block; margin:20px auto 20px auto; }
.sch_wrap select option {
    background: rgba(0, 0, 0, 1);
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}
.daterangepicker.opensright:before { left:2px !important; right:auto !important; }
.daterangepicker.opensright:after { left:3px !important; right:auto !important; }
.daterangepicker .drp-buttons .btn.btn-primary { border:0 !important; height:28px; border-radius: 2px; }

.subMenu { width:100%; margin:0 0 30px 0; padding:0 0;  }
.subMenu > h3 { font-size:18px; color:#888; margin:0 0 15px 0; display: none; }
.subMenu > ul { width:100%; display:flex; border-radius: 5px; flex-direction: column; padding:10px 0; background:#1e2329; box-shadow: 0 2px 2px 0 rgb(0 0 0 / 5%), 0 2px 6px 2px rgb(0 0 0 / 5%); }
.subMenu > ul > li { width:100%; }
.subMenu > ul > li > a { display:block; padding:10px 20px; font-size:15px; color:#888; }
.subMenu > ul > li > a:hover { background:#404040; }
.subMenu > ul > li > a.on { color:#fff; background:#3c3c3c; }

.table_01 .pure-material-radio { display:block; color:#fff; margin:8px 0; }
.table_01 .pure-material-radio > span::before { border-color:#555; }
.table_01 .pure-material-textfield-standard { width:100%; margin:0 0 10px 0; }
.table_01 .pure-material-textfield-standard > input + span, .table_01 .pure-material-textfield-standard > textarea + span { color:#999; font-size:13px;  }
i.ex_token_name, i.ex_token_name2 { font-style: normal; }
.table_01 .pure-material-textfield-standard > input, .table_01 .pure-material-textfield-standard > textarea { color:#fff; border-top: solid 35px transparent; font-size:18px; }
.table_01 .pure-material-textfield-standard > input:read-only { font-size:15px; color:#757575; }
.table_01 .pure-material-button-contained { width:100%; margin:10px 0 0 0; height:55px; line-height: 55px; color:#fff; }
.table_01 .pure-material-button-text.reset { margin:10px 0 0 0; color:#777; text-align: left; background:url('/css/svg/icon_repeat_w.svg') no-repeat left center; background-size:14px 14px; padding-left:18px;}
.table_01 .pure-material-textfield-standard .pure-material-button-text, .mb_content .pure-material-textfield-standard .pure-material-button-text { position:absolute; right:0; bottom:5px; font-size:13px; }
.table_01 .pure-material-textfield-standard .pure-material-button-text.btn_copy { background: rgb(var(--pure-material-primary-rgb, 243, 146, 0)) url('../svg/icon_copy.svg') no-repeat center center; background-size:15px 15px; color:#fff; text-indent: -99999px; width:30px; min-width: 30px; height:30px;  }

.info { width:100%; margin:0 0 20px 0; }
.info > ul { width:100%; display:flex; flex-direction: row;  justify-content:space-between; align-items: center;  }
.info > ul > li { display:flex; flex-direction: row; justify-content:space-between; align-items: center; font-size:12px; color:#777; height:20px; line-height: 20px; }
.info > ul > li > strong { color:#999; margin:0 3px; display:inline-block; height:20px; line-height: 20px; }
.info > ul > li:first-child > span { color:#3ccda1; }
.info > ul > li:last-child > span { color:#007cd9; }

.finfo { display:block; font-size:14px; margin:20px 0 10px 0; color:#999; }
.finfo_desc { display:block; font-size:12px; margin:10px 0 0 0; color:#888; }

#sendList {  }
#sendList > h3 { display:flex; width:100%; justify-content: space-between; }
.btn_share { background:url('../svg/icon_share_o.svg') no-repeat left center; background-size:15px 15px; border:0; color:rgb(var(--pure-material-primary-rgb, 243, 146, 0)); font-size:12px; padding:0 0 0 22px; letter-spacing: -0.06em; }

.modalPopup { width:90%; max-width: 300px; min-height: 200px; background:#fff; border-radius: 10px; box-shadow: 0 2px 2px 0 rgb(0 0 0 / 15%), 0 2px 6px 2px rgb(0 0 0 / 5%); padding:20px; position:fixed; left:50%; top:30%; transform:translate(-50%,0); z-index: 9999; display:none;}
.modalPopup.show { display:inline-block; }
.modalPopup:after { }
.modalPopup > h2 { font-size:15px; margin:0 0 10px 0; }
.modalPopup .btn_close { position:absolute; top:20px; right:20px; border:0; background:url('../svg/icon_close_b.svg') no-repeat center center; opacity: .3; background-size: 20px 20px; text-indent: -999999px; width:20px; height:20px;}
.modalPopup .btn_url_copy { background:rgb(var(--pure-material-primary-rgb, 243, 146, 0)) url('../svg/icon_copy.svg') no-repeat left 10px center; background-size: 20px 20px; width:100%; }

.modalPopup input:read-only { color:#777777; }

.modalPopup label { width:100%; }
.modalPopup .notice { font-size:11px; color:#888; margin:10px 0 0 0; }
.modalPopup .notice > p { position:relative; padding:0 0 0 10px; margin:0 0 3px 0; }
.modalPopup .notice > p:before { content:"·"; position:absolute; left:0px; top:0px; color:#888;  }
.modalPopup > ul > li:last-child { margin:20px 0 0 0; }
.modalPopup .content { display:none; max-height: 300px; overflow: hidden; overflow-y: auto; background:#f4f5f8; padding:10px; }
.modalPopup .content.show { display:inline-block; }

.alertPopup { width:90%; max-width: 300px; background:#fff; border-radius: 10px; box-shadow: 0 2px 2px 0 rgb(0 0 0 / 15%), 0 2px 6px 2px rgb(0 0 0 / 5%); padding:20px; position:fixed; left:50%; top:50%; transform:translate(-50%,-50%) scale(0); z-index: 99999; transition: all 0.2s;}
.alertPopup > h2 { font-size:14px; margin:0 0 10px 0; color:#888; }
.alertPopup .btn_close { position:absolute; top:20px; right:20px; border:0; background:url('../svg/icon_close_b.svg') no-repeat center center; opacity: .3; background-size: 20px 20px; text-indent: -999999px; width:20px; height:20px;}
.alertPopup.show { transform:translate(-50%,-50%) scale(1); transition: all 0.2s; }
.alertPopup > ul {height:100%; overflow:hidden;}
.alertPopup > ul > li {text-align: right;}
.alertPopup > ul > li.msg {text-align: left; padding:20px 0; font-size:15px;}


#rebate_id { padding-right:64px; }

.requiredFocus { border-bottom:#ff0000 1px solid !important; }
div.coin_mp > table td:nth-child(2),
div.coin_mp > table td:nth-child(3),
div.coin_mp > table td:nth-child(4),
div.coin_mp > table td:nth-child(5),
div.coin_mp > table td:nth-child(6) { width:13%; }
div.coin_mp > table td img { width:25px; height:25px; }
.ctn-graph { width:calc(100% - 580px); }
.ctn-history { width:calc(100% - 275px); }

.page-mode-dark .ctn-graph,
.page-mode-dark .list-price,
.page-mode-dark .ctn-order { background-color:#2b3139; }

.page-mode-dark .ctn-history,
.page-mode-dark .ctn-record { background-color:#2b3139; }

.box-graph, .line-order-limit, .line-order-mun, .line-order-rvg .line-rvg-num, .line-order-value { width:100%; }
.line-order-coin .btns-order-coin, .line-order-rvg .btns-order-rvg { padding:0.438rem 0; }
.line-order-rvg .btns-order-rvg .btn-order-add { width:auto; }
.line-order-rvg .btns-order-rvg .box-minus-plus { width:22%; }
.line-order-rvg .line-rvg-num div+div { width:35%; }
.btn-order-set .btn-long-green, .btn-order-set .btn-long-red { width:49%; }
.line-order-coin .order-coin-area { width:76%; }
/* light mode */
.light #header, .light .reward_wrap {
    background:#ffffff;
}
.light .container, .light .reward_wrap > ul > li {
    background:#f4f5f8;
}
.light #header .head > ul > li > ul > li.depth:after {
    background:url('../svg/icon_arrow_black.svg') no-repeat center center; opacity: .3;
    background-size: 18px 18px;
}
.light #header .head .tnb .lang:before {
    background: url(../svg/icon_lang_b.svg) no-repeat center center;
    background-size: 18px 18px;
}
.light #header .head .tnb .pure-material-switch > span,
.light #header .head .tnb > ul > li > a,
.light .reward_wrap > ul > li > h3
{
    color:#888;
}
.light .container2 {
    background:#ffffff;
}
.light .container2.blk {
    background:#000000;
}

.light .container.sub {
    background:#f4f5f8;
}
.light .container2 > div > h2,
.light .container2 > div > ul > li > h2 > a,
.light .container .content > h1,
.light .container .content > h1 > strong,
.light #header .head .menu > ul > li > a,
.light .container.reward .content2 > h1 > strong:after,
.light .reward_wrap > h2,
.light .reward_wrap .notice > h3
{
    color:#1b1b1b;
}
.light .container.main:before { content:""; position:absolute; width:100%; height:100%; left:0; top:0; background:url('/img/blockchain_bg2.jpg') no-repeat center center; background-size:100%; z-index: 1; }
.light .container.main:after { content:""; position:absolute; width:100%; height:100%; left:0; top:0; background:rgba(255,255,255,.9); z-index: 2; }
.light .container .content > h1 > strong:after { content:attr(data-this-text); color:#1b1b1b; text-indent:0px; position:absolute; left:0;   animation: fadeIn 0.5s ease-in-out; }
.light .container .content > h3 { color:#999; }

.light #container .summary { }
.light #container .summary > ul > li > h2 { color:#1b1b1b; }
.light #container .summary > ul > li > h3 { color:#666; }

.light .container2 .news > ul > li > a { display:flex; flex-direction: column; border-radius: 10px; overflow: hidden; margin:0 0 15px 0; height:130px; position:relative; background:#fafafa; padding:20px;  }
.light .container2 .news > ul > li > a > * { display:inline-block; width:100%; font-style: normal; margin:0 0 0px 0; color:#1b1b1b; }
.light .container2 .news > ul > li > a > span { font-size:15px; }
.light .container2 .news > ul > li > a > strong {  color:rgb(var(--pure-material-primary-rgb, 243, 146, 0)); }
.light .container2 .news > ul > li > a > i { }
.light .container2 .news > ul > li > a:hover { opacity: 1 !important;  }
.light .container2 .news > ul > li > a:before { width:50px; height:50px; content:""; position:absolute; bottom:20px; right:20px; opacity: .3; }
.light .container2 .news > ul > li > a:hover:before { opacity: .85; }
.light .container2 .news > ul > li:first-child > a:before { background:url('../svg/icon_percent.svg') no-repeat center center; background-size:50px 50px; }
.light .container2 .news > ul > li:nth-child(2) > a:before { background:url('../svg/icon_bitcoin.svg') no-repeat center center; background-size:50px 50px; }
.light .container2 .news > ul > li:nth-child(3) > a:before { background:url('../svg/icon_money_bag.svg') no-repeat center center; background-size:50px 50px; }
.light .container2 .news > ul > li:nth-child(4) > a:before { background:url('../svg/icon_blockchain.svg') no-repeat center center; background-size:50px 50px; }

.light #header .head .menu > ul > li > a:hover { color:rgb(var(--pure-material-primary-rgb, 243, 146, 0)); }
.light div.table_01 table th { color:#555; background:#fafafa; border-top:#eee 1px solid; border-bottom:#eee 1px solid; }
.light div.table_01 table td { color:#333; padding:10px 15px; font-size:14px; background:#fff; text-align: left; border-bottom:#eee 1px solid; }
.light div.table_01 table td > * { display:inline-block; }
.light div.table_01 table td > strong { color:#888; margin:0 0 0 10px; position:relative; }

.light .only_light { display: inline-block; }
.light .only_dark { display: none; }
.btn_m_menu, .m_head { display:none; }

.light .dashWrap > ul > li { background:#fff; }
.light .dashWrap > ul > li:last-child { color:#1b1b1b; }
.light .subMenu > ul {background:#fff; }
.light .subMenu > ul > li > a.on { background:#f4f4f5; color:#000; }
.light .subMenu > ul > li > a:hover { background:#fafafa; color:#333; }
.light .table_01 .pure-material-textfield-standard > input, .light .table_01 .pure-material-textfield-standard > textarea { color:#1b1b1b; }
.light .table_01 .pure-material-radio {  display:block; color:#1b1b1b; }
.light .table_01 .pure-material-button-text.reset { background: url(../svg/icon_repeat.svg) no-repeat left center; background-size: 14px 14px; }
.light div.table_02 > table th { color: #555; background: #fafafa; border-top: #333 2px solid; border-bottom: #eee 1px solid; }
.light div.table_02 > table td { background:#fff; color:#333; border-bottom:#ddd 1px solid; }
.light div.table_02 > table td > strong { color:#333; font-weight: 700; }

.light .sch_wrap { background:#fff; }
.light .sch_wrap select option { background:#fff; color:#1b1b1b; }
.light .sch_wrap .select-text { color:#333; }
.light .sch_wrap .pure-material-button-outlined { color:#333; border-color:#ddd; }
.light .sch_wrap .material-date { color:#333; background: transparent url(../svg/icon_calendar.svg) no-repeat left center; background-size: 18px 18px; }

.light .container.sub .content.mb_content > h2 { color:#333; }
.light .container.sub .mb_content > ul { background:#fff; border-radius: 10px; box-shadow: 0 2px 2px 0 rgb(0 0 0 / 15%), 0 2px 6px 2px rgb(0 0 0 / 5%); padding:20px; }
.light .container.sub .mb_content > ul > li:last-child { margin-bottom:0; }
.light .container.sub .mb_content > ul > li.join_button > a:last-child { color:#333; }
.light .container.sub .mb_content > ul > li > label.pure-material-textfield-standard > input { border-bottom:#ddd 1px solid; }
.light .container.sub .mb_content .pure-material-checkbox > span { color:#555; }

.light .btn_order { width:18px; height:18px; background:url('../svg/icon_transaction_b.svg') no-repeat center center; background-size:18px 18px; text-indent: -999999px; border:0; opacity: .7; position:relative; display:inline-block !important; margin:0 3px; }
.light .btn_order.btn_copy { background:url('../svg/icon_copy_b.svg') no-repeat center center; background-size:18px 18px; }
.light .btn_order.btn_send { background:url('../svg/icon_send_b.svg') no-repeat center center; background-size:18px 18px; }
.light #header .head .tnb > ul > li > a.icon_setting { background:url('../svg/icon_setting_b.svg') no-repeat left center; background-size:17px 17px; color:#666; }
.light #header .head .tnb > ul > li > a.icon_setting:after { color:#fff;  }
.light #header .head .tnb > ul > li > a > strong { color:#666; }

.light .dashWrap > ul.rowColumn > li.columnRow > dt { color:#333; }

#container .summary > ul > li > h2.nb_counting { display:flex; flex-direction: row; justify-content: center;  }

.contents-question {width:1300px; height:calc(100vh - 168px);}
.contents-question .contents-case {height:100%;}

/*반응형시작*/
@media only screen and (max-width: 1514px) {
    #header .head { position:fixed; left:-100%; top:0; background:#1b1b1b; width:300px; height:100%; transition: left 0.3s; z-index: 9; }
    #header .head.show { left:0; }
    #header .head > ul { width:100%; display:inline-block;  }
    #header .head > ul > li { width:100%; padding:20px !important; float: left; }
    #header .head > ul > li.menu { padding:0 20px !important; overflow-y: auto; }
    #header .head .menu { float: right; width:100%; }
    #header .head .menu > ul { flex-direction: column; flex-wrap: nowrap;  width:100%; }
    #header .head .menu > ul > li { padding:0 0 10px 0; margin:0; width:100%; }
    #header .head .menu > ul > li > a { height:40px; line-height: 40px; }
    #header .head > ul > li > ul > li.depth > ul { position:relative; left:0; transform:translateX(0); top:0; box-shadow: none; opacity: 1; width:100%; padding:0 0; background:transparent; transition: height 0.3s; }
    #header .head > ul > li > ul > li.depth:not(.lang) > ul { height:auto; }
    #header .head > ul > li > ul > li.depth:hover > ul { padding:0 0; height:auto; }
    #header .head > ul > li > ul > li.depth > ul > li > a { color:#888; padding:0; }
    #header .head > ul > li > ul > li.depth > ul > li > a:hover { background:transparent; }
    #header .head > ul > li > ul > li.depth:after { top:12px; margin:0 0 0 0;  }
    #header .head > ul > li.logo { padding:20px; }
    .btn_m_menu { display:inline-block; width:40px; height:40px; background:url('../svg/icon_menu_w.svg') no-repeat center center; background-size:30px 30px; border:0; }
    .head.show .btn_m_menu { background: url(../svg/icon_close_w.svg) no-repeat center center; background-size: 25px 25px; }

    #header .head .logo { display:flex; flex-direction: row; justify-content: space-between;}
    #header .head .tnb { background:#181a20; }
    #header .head .tnb > ul {flex-direction: row; width:100%;  justify-content: space-between; }
    #header .head .tnb > ul > li { margin:0; }
    #header .head .tnb > ul > li:last-child { margin:10px; width:calc(100% - 20px); display:block; border:0; position:absolute; left:0; bottom:0;}
    #header .head .tnb .pure-material-button-contained { padding:0; height:auto; line-height: normal; width: auto; min-width: auto; text-shadow: none; background:transparent; box-shadow:none; }
    #header .head .tnb .pure-material-button-contained:hover, #header .head .tnb .pure-material-button-contained:focus { box-shadow: none; background:transparent; }
    #header .head .tnb .lang { height:40px; line-height: 40px; }
    #header .head > ul > li > ul > li.depth.lang > ul { top:-199px; }

    #header .m_head { width:100%; display:inline-block; }
    #header .m_head > ul { width:100%; display:flex; flex-wrap: wrap; flex-direction: row; justify-content:space-between; }
    #header .m_head > ul > li { padding:10px; }

    .container.sub .content { padding:15px 0; background:transparent; }
    .td_button { width:90px !important; }
    div.table_01 table td > strong { margin:0; }

    .container_column > ul > li:first-child { width:100% !important; }
    /*.container_column > ul > li:last-child { display:none; }*/
    .dashWrap > ul { flex-direction: column; padding:0 15px; }
    .dashWrap > ul > li { width:100% !important; margin: 0 0 15px 0 !important; }

    .container_column > ul > li.column_half { flex-direction: column; }
    .container_column > ul > li.column_half > div { width:100%; }
    .container_column > ul > li.column_half > div:first-child { padding:0; }
    .container_column > ul > li.column_half > div.table_01 { padding:0 15px; }
    .sch_wrap > ul > li:nth-child(2) { flex-wrap: wrap;  }
    .sch_wrap .pure-material-button-outlined { margin:0 3px 3px 0; }
    .dashWrap > ul.rowColumn { flex-direction: column !important; }
    .dashWrap > ul.rowColumn > li { width:100% !important; margin:0 0 15px 0 !important; }
    .dashWrap > ul.rowColumn > li:first-child { margin: 0 0 15px 0 !important; }
    .dashWrap > ul.rowColumn > li:last-child { margin: 0 0 0 0 !important; }
    .dashWrap > ul.rowColumn > li.columnRow > * { height:24px; line-height: 24px; }
    
    #depoList { padding:15px; }
    #depoList div.table_02 > table thead { display:none; }
    #depoList div.table_02 > table tr, div.table_02 > table th, div.table_02 > table td { display:block; position:relative; }
    #depoList div.table_02 > table td { text-align: right !important; }
    #depoList div.table_02 > table td:before { display:flex; align-items: center; vertical-align: middle; position:absolute; left:0; top:0; width:40%; padding:0 10px; background:#181a20; color:#999; text-align: left !important; height:100%; }
    #depoList div.table_02 > table td:nth-child(1):before { content:"구분"; }
    #depoList div.table_02 > table td:nth-child(2):before { content:"신청금액"; }
    #depoList div.table_02 > table td:nth-child(3):before { content:"요청일시"; }
    #depoList div.table_02 > table td:nth-child(4):before { content:"처리일시"; }
    #depoList div.table_02 > table td:nth-child(5):before { content:"처리상태"; }
    
    #sendList { padding:15px; }
    #sendList div.table_02 > table thead { display:none; }
    #sendList div.table_02 > table tr { border: 1px solid rgb(71, 77, 87);}
    #sendList div.table_02 > table tr, div.table_02 > table th, div.table_02 > table td { display:block; position:relative; }
    #sendList div.table_02 > table td { text-align: right !important; }
    #sendList div.table_02 > table td:before { display:flex; align-items: center; vertical-align: middle; position:absolute; left:0; top:0; width:40%; padding:0 10px; background:#181a20; color:#999; text-align: left !important; height:100%; }
    #sendList div.table_02 > table td:nth-child(1):before { content:"일시"; }
    #sendList div.table_02 > table td:nth-child(2):before { content:"손익 USDT"; }
    #sendList div.table_02 > table td:nth-child(3):before { content:"총 수수료 USDT"; }
    #sendList div.table_02 > table td:nth-child(4):before { content:"합계 USDT"; }
    #sendList div.table_02 > table td:nth-child(5):before { content:"진입수수료 USDT"; }
    #sendList div.table_02 > table td:nth-child(6):before { content:"청산수수료 USDT"; }

    #sendList2 { padding:15px; }
    #sendList2 div.table_02 > table thead { display:none; }
    #sendList2 div.table_02 > table tr, div.table_02 > table th, div.table_02 > table td { display:block; position:relative; }
    #sendList2 div.table_02 > table td { text-align: right !important; }
    #sendList2 div.table_02 > table td:before {display:flex; align-items: center; vertical-align: middle; position:absolute; left:0; top:0; width:40%; padding:0 10px; background:#181a20; color:#999; text-align: left !important; height:100%; }
    #sendList2 div.table_02 > table td:nth-child(1):before { content:"요청일자"; }
    #sendList2 div.table_02 > table td:nth-child(2):before { content:"구분"; }
    #sendList2 div.table_02 > table td:nth-child(3):before { content:"세부내역"; }
    #sendList2 div.table_02 > table td:nth-child(4):before { content:"수량"; }
    #sendList2 div.table_02 > table td:nth-child(5):before { content:"상태"; }

    /*
    div.coin_mp > table thead { display:none; }
    div.coin_mp > table tr, div.coin_mp > table th, div.coin_mp > table td { display:block; position:relative; }
    div.coin_mp > table td { text-align: right !important; }
    div.coin_mp > table td.td_button { width:auto !important; }
    div.coin_mp > table td:before {display:flex; align-items: center; vertical-align: middle; position:absolute; left:0; top:0; width:30%; height:100%; padding:0 10px; background:#181a20; color:#999; text-align: left !important; }
    div.coin_mp > table td > strong, div.coin_mp > table td > span { display:block; }
    div.coin_mp > table td:nth-child(1):before { content:"자산"; }
    div.coin_mp > table td:nth-child(2):before { content:"실시간 시세"; }
    div.coin_mp > table td:nth-child(3):before { content:"변동률"; }
    div.coin_mp > table td:nth-child(4):before { content:"거래금액"; }
    div.coin_mp > table td:nth-child(5):before { content:"거래하기"; }
    */
    div.coin_mp > table thead tr th:nth-child(4),
    div.coin_mp > table thead tr th:nth-child(5),
    div.coin_mp > table thead tr th:nth-child(6),
    div.coin_mp > table tbody tr td:nth-child(4),
    div.coin_mp > table tbody tr td:nth-child(5),
    div.coin_mp > table tbody tr td:nth-child(6){ display:none; }
    div.coin_mp > table td img { display:none; }
    div.table_01 table td > span { margin: 0; display:block; }

    #myToken { padding:15px; }
    #myToken table {  }
    #myToken table thead { display:none; }
    #myToken table tr, #myToken table th, #myToken table td { display:block; position:relative; padding:8px 10px !important; }
    #myToken table td { text-align: right !important; }
    #myToken table td.td_button { width:auto !important; }
    #myToken table td:before {  position:absolute; left:0; top:0; width:40%; height:100%; display:flex; align-items: center; vertical-align: middle; padding:0 10px; background:#181a20; color:#999; text-align: left !important; }
    #myToken table td:nth-child(1):before { content:"토큰"; }
    #myToken table td:nth-child(2):before { content:"보유량"; }
    #myToken table td:nth-child(3):before { content:"사용중"; }
    #myToken table td:nth-child(4):before { content:"사용가능"; }
    #myToken table td:nth-child(5):before { content:"USDT평가가치"; }
    #myToken table td:nth-child(6):before { content:"관리"; }
    #myToken table td:last-child { padding:10px 10px !important; }

    .main_graph > ul > li > ul > li > ul > li > h4 { font-size:30px; }

    .ft_banner > a { flex-direction: column; }
    .ft_banner > a > strong { font-size:1.2rem; }
    .ft_banner > a > span { font-size:1.1rem; margin:10px 15px 0 15px; width:calc(100% - 30px); }

    #sendList > h3 { flex-direction: column; text-align: left; }
    #sendList > h3 > strong { margin:0 0 7px 0; }
    .btn_share { text-align: left; }

    #footer > div.ft_copyright > div.cert_wrap { position:relative; left:auto; right:auto; top:auto; transform: translateY(0); margin:30px 0 0 0; }
    #footer > div.ft_copyright > div.cert_wrap > img { margin:10px 0; height:36px; }

    .light .container.main .content { padding:100px 20px 50px 20px; }

    .light #myToken table td:before, .light #sendList div.table_02 > table td:before, .light #sendList2 div.table_02 > table td:before { color: #555; background: #fafafa; border-top: #333 0px solid; border-bottom: #eee 0px solid; }
    .light .dashWrap > ul.rowColumn > li.columnRow > dt { color:#1b1b1b; }

    .container.sub .mb_content { width:100%; padding:15px; }
    .container.sub .content.mb_content > h2 { margin:30px 0 10px 0; }

    .light .btn_m_menu { background:url('../svg/icon_menu_b.svg') no-repeat center center; background-size:30px 30px; border:0; }
    .light .head.show .btn_m_menu { background: url(../svg/icon_close_b.svg) no-repeat center center; background-size: 25px 25px; }
    .light .container2 > div > h2, .light .container2 > div > ul > li > h2 > a, .light #header .head .menu > ul > li > a { color:#999; }
    .light #header .head > ul > li > ul > li.depth:after {
        background: url(../svg/icon_arrow_w.svg) no-repeat center center;
        opacity: .3;
        background-size: 18px 18px;
    }
    .light #header .head .tnb .lang:before {
        background: url(../svg/icon_lang_w.svg) no-repeat center center;
        background-size: 18px 18px;
    }
    .light .head.show .btn_m_menu {
        background: url(../svg/icon_close_w.svg) no-repeat center center;
        background-size: 25px 25px;
    }

    .contents-case, .ctn-graph, .ctn-order, .ctn-history, .list-price, .ctn-record, .t-asset-info, .t-asset-funding, .tabs-history, .title-graph .num-numerical-change
    { width:100%; }
    .ctn-graph { flex-wrap: nowrap; }
    .title-graph, .ctn-history, .ctn-contract-case, .ctn-history-case, .t-price-area { height:auto; }
    .list-not { }

    .container .content .pay_col { padding:0 15px; }
    .container .content .pay_col > ul > li.pay_step01 label { width:100%; }
    .container .content .pay_col .icon_arrow { left:50%; position:absolute; transform: translateX(-50%) rotate(90deg); }
    .container .content .pay_col .icon_arrow:after { right:-6px; }
    .container .content .pay_col > ul > li.pay_step01 label.to_pay { margin:40px 0 0 0; }
    .container .content .pay_col > ul > li { width:100%; }
    .container .content .pay_col > ul > li.pay_step02 > ul, .container .content .pay_col > ul > li.pay_step03 table, .btn_step_next { width:100%; }

    .container.reward { padding:74px 15px 30px 15px; }
    .container.reward .content2 { background-size:70%; }
    .container.reward .content2 > h1 { font-size:32px; }
    .container.reward .content2 .apply { width:100%; }
    .reward_wrap > ul { flex-wrap: wrap; }
    .reward_wrap > ul > li { width:48%; margin:0 0 15px 0; padding:30px 10px 20px 10px }
    .reward_wrap > ul > li > h2 { font-size:24px; }
    .reward_wrap > ul > li > h3 { font-size:14px; }

    .container.reward .content2 > h1 > strong {  font-size:25px; }
    #container .summary2 > ul > li { width:100%; margin: 30px 0 0 0; }
    #container .summary2 > ul > li:first-child { margin:0; }
    #container .summary2 > ul > li:not(:first-child):after { left:0; border-top: #fff 1px dashed; border-left:0; bottom: auto; top:-10px; width: 100%; height:1px; margin:0 0; }

    .aff_wrap > ul { flex-direction: column; }
    .aff_wrap > ul > li { width:100%; }

    .container.reward .content2 > h2 { font-size:18px; }

    .aff_wrap2 > ul { flex-direction: column; align-items: center; justify-content: center; }
    .aff_wrap2 > ul > li { margin:0 0 20px 0; width:100%; }
    .aff_wrap2 > ul > li > h3 { font-size:24px; }

    .contents-question {width:100%;}
    .contents-question .contents-case {padding:1rem; height:100%;}
}
.pc_none{
	display: none;
}

@media only screen and (max-width: 716px) {
	.pc_none{
		display: block;
	}
	
	.dashWrap > ul > li > strong { text-align: right; font-size: 26px; font-weight: normal; margin:10px 0 0 0; }	
    .container .content .apply { margin:50px 0 30px 0; }
    .container .content > h1 { font-size:30px; line-height: 38px; }
    .container .content > h2 { font-size:20px; }

    .light .container .content > h3 { color:#999;}

    .container2 .partners > ul > li { width:50%; }
    .main_graph > ul { flex-direction: column; }
    .main_graph > ul > li { width:100%; padding:0 30px; }
    .main_graph > ul > li:first-child { margin:0 0 30px 0; }
    .main_graph > ul > li > ul { justify-content: flex-end; }
    .main_graph > ul > li > ul > li { width:100%; }

    #footer .ft_banner > a { flex-direction: column; text-align: center; padding:20px 0; }
    #footer .ft_banner > a > strong { font-size:22px; }
    #footer .ft_banner > a > span { font-size:18px; display:inline-block; width:200px; margin:10px auto; }
 
    .container.main .content { padding:50px 20px 120px 20px; background: url(../img/img-bulls-cow-dark.png) no-repeat right bottom 10px; background-size:100%; }
    .container.main .content .apply { width:100%; }
    .container2 { padding:0 0; }
    .container2 > div:not(.summary) { padding:0 20px; }

    #container .summary { padding:30px 0 0 0; }
    #container .summary > ul > li { width:50%; margin:0 0 30px 0; }
    #container .summary > ul > li > h2 { font-size: 22px; margin:0 0 10px 0; }
    #container .summary > ul > li > h3 { font-size: 13px; }

    .container2 > div { margin:0 auto 20px auto }

    .container2 .partners { margin:20px auto }
    .container2 .partners > ul > li { display:flex; }
    .container2 .partners > ul > li a { display:flex; padding:0 10px; }
    .container2 .partners > ul > li a img { width:100%; }
    div.table_01 table td, div.table_01 table th, .light div.table_01 table td, .light div.table_01 table th { padding:10px 5px; }
    .main_graph > ul > li > h3 { font-size:28px; }

    .container2 .news > ul > li { width:100%; }
    .container2 .news > ul > li > h2, .container2 .news > ul > li > h3 { display:none; }
    .container2 .news > ul > li > a > img { }
    .container2 .news > ul > li > a { }

    #footer > div.ft_info > ul > li { width:50%; padding:0 20px; margin:0 0 20px 0; }
    #footer > div.ft_info > ul > li:last-child { width:100%; }
    #footer > div.ft_copyright { padding:30px 20px; }
    .container .content .apply > input[type='email'] { width:calc(100% - 120px); }
    .container .content .apply > button { width:120px; padding:0 10px !important; }

}
@media only screen and (min-width: 717px) and (max-width: 1360px) {
    #header .head > ul > li { overflow-y: auto; }
    .container .content, .container2 > div { padding-left:20px !important; padding-right: 20px !important; }
    .container.main .content { background: url(../img/img-bulls-cow-dark.png) no-repeat right top 20px; background-size:60%; padding:50px 20px; }
    #container .summary > ul > li:nth-child(3):after { display:none !important; }
    .main_graph > ul > li > ul > li > ul > li { text-align: right; }
    .dashWrap > ul { padding:0; flex-direction: row; flex-wrap: wrap; justify-content: space-between; }
    .dashWrap > ul > li:nth-child(1) { width:100%; }
    .dashWrap > ul > li:nth-child(2) { width:calc(50% - 7px) !important; }
    .dashWrap > ul > li:nth-child(3) { width:calc(50% - 7px) !important; }
    .column_half .dashWrap > ul { flex-direction: row; }
    .dashWrap.column2 > ul > li:nth-child(1) { width:calc(50% - 7px) !important; }
    .dashWrap > ul.rowColumn { flex-direction: row !important; flex-wrap: wrap; }
    .dashWrap.column2.sform > ul > li:nth-child(1) { width:100% !important; }
    #myToken { padding:0; }
    #myToken table tr  { padding:0 !important; }
    #footer > div.ft_info { padding:60px 20px; }
    #footer > div.ft_copyright { padding:30px 20px; }

    .alertPopup {max-width:80%; margin-top:20px;}
}

@media only screen and (max-height: 420px) {
  .alertPopup {height:calc(100vh - 140px);}
  .alertPopup > ul > li.msg {height:calc(100% - 4.25rem); overflow-y:auto;}
}