/* 로그인 */
.loginArea {position:fixed; top:0; left:0; width:100%; height:100%; background:url(/image/login_bg.jpg) no-repeat; background-size:cover;}
.loginL {position:absolute; left:0; top:0; width:100%; height:100%;}
.loginR {position:absolute; top:0; right:0; width:40%; height:100%; background:#fff;}

.loginWrap {position:absolute; top:50%; left:50%; width:380px; transform:translate(-50%, -50%); padding:0 35px; text-align:center; } 
.loginWrap .logo {padding:0 0 10px 0;}
.loginWrap .logo img {width:193px; height:auto;}
.loginWrap .loginLang {width:100%; height:50px; border:1px solid rgba(255,255,255,.3); border-radius:5px; }
.loginWrap p {margin:7px 0;}
.loginWrap select {width:100%; height:50px; background:transparent; color:rgba(255,255,255,.8); text-indent:7px;}
.loginWrap select option {color:#000;}
.loginWrap input {width:100%; height:50px; background:transparent; color:rgba(255,255,255,.8); border:1px solid rgba(255,255,255,.3); border-radius:5px; text-indent:7px;}
.loginWrap input:hover {border:1px solid #f7c83a;}
.loginWrap input::placeholder {color:rgba(255,255,255,.3);}
.loginWrap a.btnLogin {width:100%; height:55px; background:#f7c83a; margin:25px 0 0 0; line-height:55px; color:#000; font-size:14px; font-weight:600; letter-spacing:0.5px; border-radius:5px; display:block; }

.passLink {width:100%; margin:10px 5px; font-size:13px; color:#f7c83a; padding:0; }
.passLink p {float:left; padding:0 35px 0 0; display:inline-block; cursor:pointer;}
.passLink p:nth-child(2) {float:right;}
.passLink img {width:12px; height:auto; margin:0 4px 0 0;}

.binance {width:100%; padding:30px 0 0 0; text-align:center;}
.binance img {width:70%;}

.signLink {padding:25px 0 0 0; font-size:15px;}
.signLink a {color:#f7c83a !important;}

.loginVod {position:absolute; right:0; bottom:0; width:105%; height:110%; }
.loginVod .vod {width:100%; height:100% !important; /* background:rgba(0,0,0,.4); */}
.loginVod .vod div {width:100%; height:100% !important;}
.loginVod .vod div video {width:100%; height:100%;}
.loginVod .vLine {position:absolute; top:0; left:0; width:2px; height:100%; background:#ededef;}


.loginWrap input:-webkit-autofill,
.loginWrap input:-webkit-autofill:hover,
.loginWrap input:-webkit-autofill:focus,
.loginWrap input:-webkit-autofill:active {
	transition: background-color 5000s ease-in-out 0s;
	-webkit-transition: background-color 9999s ease-out;
	-webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
	-webkit-text-fill-color: #fff !important;
}


@media all and (max-width:390px) {
	.loginWrap {width:95%; padding:0 5%;}
}




.lWrap {position:absolute; bottom:0; right:0; width:30%; height:auto; background:#fff; padding:80px; overflow-y:auto; overflow-x:hidden;}
.signIn {width:100%; color:#000; overflow:hidden;}
.signIn img {height:30px;}
.signIn .name {padding:0 0 30px 0; font-size:14px; font-weight:400; font-family:"Montserrat";}
.signIn .name strong {padding:20px 0 0 0; font-size:38px; font-weight:800; display:block; line-height:1.1;}
.signIn .left {float:left; width:60%;}
.signIn .langSel {width:100%; height:42px; border-bottom:1px solid rgba(0,0,0,.15); }
.signIn .langSel select {width:100%; height:40px; border:0; background:transparent; color:#000; padding:0; font-size:12px; text-transform:uppercase; font-weight:500; font-family:"Montserrat";}
.signIn .langSel select option {background:#fff; color:#000; }
.signIn .langSel img {width:auto; height:30px;}
.signIn .input {width:100%; margin:10px 0 0 0; padding-left:5px; border-bottom:1px solid rgba(0,0,0,.15);}
.signIn .input:hover {border-bottom:1px solid #f7c83a;}
.signIn .input input {width:100%; height:40px; border:0; padding:0; font-size:12px; font-weight:500; color:#000; font-family:"Montserrat";}
.signIn .input input::placeholder {color:#000 !important;} 
.signIn .right {float:right; width:30%; }
.signBtn {background:#000; margin:10px 0 0 0; padding:50px 0; color:#fff; font-size:14px; font-weight:500; text-align:center; font-family:"Montserrat";}
.signBtn:hover {bottom:-25px; background:#f7c83a;  box-shadow:10px 15px 20px rgba(0,0,0,.2);}



.sCopy {font-size:13px; text-align:center; padding:60px 0 0 0; letter-spacing:0;}
.sCopy strong {color:#f7c83a;}

.modal-content {background:#fff; color:#000;}
.modal-header {border-bottom:1px solid #f7c83a;}
.modal-footer {border-top:1px solid #f7c83a;}

	  
@media screen and (max-width: 1500px) {	
	.lWrap {width:30%; padding:50px;}
	.signIn .name strong {padding:25px 0 0 0; font-size:32px;}
}

@media screen and (max-width: 1200px) {	
	.mLogo {left:5%; top:30px; width:150px; height:98px; }	
	.loginBg {}
	.lWrap {width:35%; height:100%; padding:100px 5%;}
	.signIn .name {padding:0 0 40px 0; font-size:13px;}
	.signIn .name strong {padding:15px 0 0 0; font-size:25px;}

	.signIn .left {float:none; width:100%;}
	.signIn .right {float:none; width:100%;}
	.signBtn {padding:17px 0;}
}

/* @media screen and (max-width: 1000px) {		
	.lWrap {padding:75px;}
	.signIn {}
	.signIn .name {}
	.signIn .name strong {font-size:30px;}
	.signIn .langSel {height:35px; }
	.signIn .langSel select {height:30px; font-size:12px;}
	.signIn .input input {height:35px; font-size:12px;}
	.signLink {margin:0px 0 0 0;}
	.signBtn {}


	.sCopy {width:350px; margin:0 0 0 30%;}
} */


@media screen and (max-width: 860px) {	
	.lWrap {width:45%; padding:5% 5%;}
	.signIn .name {padding:0 0 20px 0;}
}


@media screen and (max-width: 768px) {	
	.loginBg {}
	.mLogo {left:20px; width:215px; height:49px; background:url(/image/logo_white_new2.png) no-repeat; background-size:cover;}
	
	.lWrap {width:100%; height:370px; bottom:0; padding:50px 10%; overflow-y:auto; overflow-x:hidden;}

	.signIn .left {float:left; width:60%;}
	.signIn .right {float:right; width:30%;}
	.signBtn {padding:47px 0;}
	.signIn .name {padding:0 0 30px 0;}
	.signIn .name strong {font-size:24px;}
	.signIn .langSel select {font-size:11px;}
	.signIn .input input {height:30px; font-size:11px;}
}

@media screen and (max-width: 640px) {	
	.loginBg {width:100%;}
	.mLogo {width:182px; height:40px; }
	.lWrap {width:100%; padding:50px 10%;}
	.signIn .name {padding:0 0 25px 0;}
	.signIn .name strong {font-size:23px;}
}

@media screen and (max-width: 560px) {	
	.mLogo {left:50%; transform:translateX(-50%);}
}

@media screen and (max-width: 460px) {	
	.signIn .left {width:65%;}
	.signIn .right {width:30%;}
}

@media screen and (max-width: 400px) {	
	.lWrap {height:410px;}
	.signIn .left {float:none; width:100%;}
	.signIn .right {float:none; width:100%;}
	.signBtn {padding:15px 0; font-size:12px;}
}



/* layout */
#wrap {position:absolute; top:0; left:50%; max-width:800px; width:100%; height:; background:#0d0d0d; transform:translateX(-50%);}
#wrap .bgbg {content:''; position:fixed; left:50%; bottom:0; max-width:800px; width:100%; height:calc(100% - 160px); transform:translateX(-50%); background:#ebebeb; z-index:-1;}

#mainTop {position:fixed; left:50%; transform:translateX(-50%); max-width:800px; width:100%; height:55px; background:#0d0d0d; line-height:55px; font-size:15px; z-index:10;}
#mainTop .logo {position:absolute; left:2.5%; top:17px; width:213px; height:26px; background:url(/image/logo_top.png) no-repeat center left; background-size:100%;}
#mainTop .nav {position:absolute; right:20px; top:0; width:30px; height:55px; background:url(/image/icon_nav_w.png) no-repeat center right; background-size:auto 15px;}
#mainTop .goBack {position:absolute; left:0; top:0; width:30px; height:55px; text-align:center;}
#mainTop .goBack img {width:10px; height:auto; margin:16px auto;}
#mainTop .mUser {float:right; height:55px; margin-right:60px; color:#f7c83a; font-size:13px; line-height:55px; text-transform:uppercase;}
#mainTop .mUser img {width:auto; height:17px; margin:20px 3px 0 0;}
#mainTop .title {position:absolute; top:0; left:50%; transform:translateX(-50%);}
#mainTop .logoText {padding-left:2.5%; color:#f7c83a; font-size:19px; font-weight:600;}

@media screen and (max-width: 520px) {	
	#mainTop .logo {width:180px; height:22px;}
}

.overH {overflow:hidden;}
#mask {position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,.6); display:none;}
.bgBg {width:100%; height:100%; background:url(/image/maskgroup.png) no-repeat center top !important; background-size:cover !important;}
.fontRed {color:#f7c83a;}
.bPink {background:#fdf4f6; color:#000 !important;}
.bRed {background:#f7c83a;}
.bBlue {background:#2f52a0;}
.subCont {width:100%; background:#0d0d0d; min-height:830px; margin:0 auto; padding:70px 0; /* padding:90px 20px; */ }
.subCont .title {background:url(/image/pat.png) repeat-x left bottom; margin:0 2.5% 20px 2.5%; padding:0 2.5% 15px 2.5%; color:#fff; font-size:22px; font-weight:500; letter-spacing:-1px; line-height:1;}
.subCont .title.none {background:none; margin:0;}
.subCont .title .ssTit {font-size:17px; color:rgba(255,255,255,.5) !important; font-weight:400; letter-spacing:0;}
.subCont .title #t_page_title {display:block;}
.subCont .subTimg {width:100%;}
.subCont .subTimg img {width:100%;}
.btnEx {background:#555; padding:2px 7px; color:#fff; font-size:9px; font-weight:500; border-radius:3px; cursor:pointer; display:inline-block;}
.exWrap {position:absolute; width:350px; top:50%; left:50%; transform:translate(-50%, -50%); z-index:5; display:none;}
.exWrap img {width:100%;}
.exWrap .close2 {position:absolute; top:0; right:0; width:30px; height:30px; background:url(/image/icon_x.png) no-repeat center; background-size:20px;}

/* 메인NEW */
.borderR {width:95%; background:rgba(255,255,255,.1); padding:20px 12px; border-radius:10px;}
.index01 {margin:65px auto 20px; overflow:hidden;}
.index01 ul li {float:left; color:#fff; font-size:16px; line-height:1.6;}
.index01 .user {width:calc(100% - 130px);}
.index01 .user img {width:27px;}
.index01 .level {width:130px; text-align:right;}
.index01 strong {color:#f7c83a;}

.index02 {width:95%; margin:0 auto;}
.subject {overflow:hidden;}
.name {color:#fff; font-size:16px; font-weight:600;}
.more {float:right; line-height:2.4; color:rgba(255,255,255,.5) !important; font-size:13px;}
.index02 .yBox {width:100%; height:140px; background:#f7c83a; padding:; color:#000; border-radius:10px;}
.index02 .usb {width:145px; margin-top:10px;}
.index02 .usb img {width:100%;}
.index02 .arabic {width:calc(100% - 145px); text-align:right; /* border:1px solid red; */}
.index02 ul {float:left;}
.index02 ul:nth-child(2) {float:right; padding:25px 15px 0 0;}
.index02 ul li {font-size:15px; font-weight:600;}
.index02 .big {padding-bottom:8px; font-size:24px; font-weight:600;}
.index02 .usd {font-size:15px; font-weight:600;}
.index02 .number {padding-bottom:8px; text-align:right;}
.index02 img {width:24px; margin:2px;}
.index02 .coinNum {line-height:1.7; font-size:16px; font-weight:600;}

@media screen and (max-width: 400px) {
	.index02 .big {font-size:20px;}
	.index02 .usb {width:30%;}
	.index02 .arabic {width:70%;}
	.index02 .arabic img {width:20px;}
}


.index03 {margin:10px auto; color:#fff; overflow:hidden;}
.index03 ul li {float:left; color:#fff; font-size:15px; font-weight:500;}
.index03 ul li:last-child {float:right; text-align:right;}
.fontRe {color:#ff4e4e !important;}
.fontYe {color:#f7c83a !important;}
.fontGr {color:#37d0a1 !important;}

.index03 {width:95%; margin:25px auto;}
.index03 {}
.index03 .bBox {width:100%; padding:10px 5px; font-weight:500; overflow:hidden;}
.index03 .bBox.mg-5 {margin-top:-5px;}
.index03 .bBox.pd20 {padding:20px 15px;}
.index03 .bBox .w50 {float:left; width:50%; padding:0 7px;}
.index03 .bBox .bTop {margin-bottom:5px; padding:5px; border-bottom:1px solid rgba(255,255,255,.15);}
.index03 .bBox .bTop img, .index03 .bBox .bTop1 img {width:24px;}
.index03 .bBox .bTop1 {line-height:1.4; font-size:16px; font-weight:500;}
.index03 .bBox .bTop1 strong {padding:0 0 0 10px; color:#37d0a1;}
.index03 .bBox ul {padding:2px 5px; overflow:hidden;}
.index03 .bBox .left {width:55px; }
.index03 .bBox .right {width:calc(100% - 55px);}
.index03 .bBox .name {font-weight:400;}
.index03 .bBox .date {color:rgba(255,255,255,.5);}


@media screen and (max-width: 500px) {
	.index03 .bBox .w50 {float:none; width:100%; margin:10px 0;}
}




/* 메인화면 */
.main01 {position:relative; width:calc(100% - 30px); background:url(/image/main_board.jpg) no-repeat center; background-size:cover; margin:70px auto 20px; padding:15px 20px; color:#000; border-radius:15px; }
.main01 .coinImg {position:absolute; left:10px; bottom:-20px; width:130px; height:231px; background:url(/image/coin.png) no-repeat; background-size:100%;}
.main01.wld {margin-top:30px; padding:15px 30px;}
.main01 .title {font-size:14px; font-weight:600;}
.main01 .w50 {float:left; width:50%; }
.main01 .inner {/* width:calc(100% - 100px); margin-left:100px; */}
.main01 ul {padding:30px 0;}
.main01.wld ul {padding:12px 0;}
.main01 ul li { line-height:1; text-align:right; }
.main01 .name {font-size:13px;}
.main01 .won {font-size:15px; }
.main01 .midFont {font-size:22px; font-weight:600;}
.main01 .bigFont {position:relative; height:40px; font-size:33px; font-weight:600; }

.odometer-container {position:absolute; right:0; bottom:-10px; width:100%; height:40px; overflow:hidden;}
.jackpot-odometer {position:absolute; right:55px;  bottom:0; width:100%; height:40px; }

@media screen and (max-width: 590px) {
	.main01 {background:url(/image/main_board.jpg) no-repeat left top; background-size:cover; padding:10px 20px;}
	.main01 ul {padding:25px 0;}
}

@media screen and (max-width: 400px) {
	.main01 .coinImg {width:120px; height:213px; bottom:-20px;}
	.main01 .inner {/* width:calc(100% - 80px); margin-left:80px; */}
	.main01 ul {padding:25px 0;}
	.main01 .name {font-size:12px;}
	.main01 .won {font-size:14px; }
	.main01 .midFont {font-size:18px;}
	.main01 .bigFont {position:relative; height:40px;}
}


.main02 {width:calc(100% - 30px); background:rgba(255,255,255,.1); margin:20px auto 0; padding:25px 20px; border-radius:15px; overflow:hidden;}
.main02:after {content:''; clear:both;}
.main02 .graphTop {padding:0px 0 10px 0; font-size:16px; font-weight:500;}
.main02 img {height:23px; margin:3px 5px 0 0;}

.graphWrap {position:relative; width:100%; padding:;}
.graphWrap .bgStick {position:relative; width:100%; height:35px; background:#f3f2f2; border-radius:5px;}
.graphWrap .gLine {
	position:absolute; top:0; left:0px; 
	background:#f7c83a; height:35px; 
	padding:0 10px 0 5px;
	border-radius:5px 0 0 5px; 
	/* box-shadow:5px 5px 5px rgba(0,0,0,.15); */
	text-align:right;
	color:#fff;
	font-size:13px; font-weight:600;
	line-height:35px;
	animation:animate 2s linear;
}

.graphWrap .gLine.blue {background:#4472c4;}


@keyframes animate
{
	0%
	{
		transform-origin:left;
		transform:scaleX(0);
	}
	45%
	{
		transform-origin:left;
		transform:scaleX(1);
	}
	55%
	{
		transform-origin:right;
		transform:scaleX(1);
	}
	100%
	{
		transform-origin:right;
		transform:scaleX(1);
	}
}

.graphWrap .txtWrap {width:100%; margin:0; overflow:;}
.graphWrap .txtWrap ul {float:left; width:33.3%;}
.graphWrap .txtWrap .left1 {}
.graphWrap .txtWrap .center1 {float:right; padding:10px 0 0 0; text-align:right;}
.graphWrap .txtWrap .right1 {float:right; text-align:right;}
.graphWrap .txtWrap .center {clear:both; width:100%; font-size:15px; font-weight:500; text-align:center;}
.graphWrap .txtWrap .small1 {font-size:14px; font-weight:600; margin:10px 0 0 0; letter-spacing:0;}
.graphWrap .txtWrap .big1 {font-size:16px; color:#000; font-weight:600; margin:0; }
.graphWrap .txtWrap .big2 {font-size:19px; color:#f7c83a; font-weight:600; margin:0;}
.graphWrap .txtWrap .big2.blue {font-size:19px; color:#4472c4; font-weight:600; margin:0;}
.graphWrap .txtWrap .small2 {padding:10px 0 0 0; font-size:13px; font-weight:600; margin:0; letter-spacing:0;}


.main03 {width:calc(100% - 30px); background:rgba(255,255,255,.15); margin:20px auto; padding:25px 20px; border-radius:15px; overflow:hidden;}
.main03 .tit {font-size:15px; font-weight:600; color:#fff;}
.main03 .w50 {float:left; width:50%; padding:10px 0 0 0; } 
.main03 .name {background:#f7c83a; padding:3px 10px; color:#000; font-size:14px; font-weight:600; border-radius:50px; display:inline-block;}
.main03 .number {font-size:21px; font-weight:600; color:#fff;}

.main04 {width:calc(100% - 30px);  margin:0px auto 20px;  display:flex; justify-content:space-between; flex-wrap:wrap;} 
.main04 .block {width:31%; background:#fff; padding:20px 0; font-size:14px; font-weight:600; text-align:center; border-radius:15px;}
.main04 .block img {width:45px; height:auto;}
.main04 .block0 img {width:auto; height:100%;}
/* .main04 .block02 {position:relative; width:48.5%; padding:10px 0; color:#fff; font-size:16px; font-weight:600; text-align:center; border-radius:10px;}
.main04 .block02.menu {width:48.5%; height:100px; margin-top:5px;} */
.main04 p {padding:2px 0;}
.main04 .iconDown img {height:20px;}
.main04 .titCenter {position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; text-align:center; }
.main04 .tit {padding-left:10px; font-size:13px; font-weight:400; color:#fff; text-align:left;}
.main04 img {height:95px;}

.main041 {width:calc(100% - 30px); height:215px; margin:0 auto; display:flex; justify-content:space-between; flex-wrap:wrap;}
.main041 .block02 {position:relative; width:48%; height:215px; padding:25px 0; background:#fff; border-radius:15px; font-weight:600; overflow:hidden;}
.main041 .block03 {width:48%; height:215px; padding:0 0 25px 0; background:#fff; border-radius:15px; font-weight:600; text-align:center;}
.main041 .block03 img {width:120px;}
.main041 .buy {position:absolute; top:0; width:100%; height:calc(100% - 50px); background:url(/image/set1_2.jpg) no-repeat center; background-size:cover;}
.main041 .btnBuy {position:absolute; bottom:0; width:100%; height:50px; background:#f7c83a; color:#fff; text-align:center; line-height:50px; font-weight:600; font-size:15px;}
.main041 .tit {width:100%; background:#f7c83a; margin:0 0 10px 0; padding:12px; color:#fff; border-radius:10px 10px 0 0;}
.main041 .level {background:rgba(0,0,0,.1); margin:10px 0 0 0; padding:3px 10px; font-size:13px; text-transform:uppercase; border-radius:50px; display:inline-block;}


.main05 {width:calc(100% - 30px); background:rgba(255,255,255,.15); margin:20px auto 0; padding:30px; border-radius:15px; overflow:hidden;}
.main05.red {background:#f7c83a; color:#000 !important;}
.main05.red .tit, .main05.red .number {color:#000;}
.main05 .tit {font-size:16px; font-weight:600; color:#fff;}
.main05 .w50 {float:left; width:50%; padding:20px 0 0 0;} 
.main05 .name {font-size:13px; line-height:1;}
.main05 .number {color:#fff; font-size:22px; font-weight:600; line-height:1;}


.main06 {width:calc(100% - 30px); margin:20px auto; display:flex; justify-content:space-between;} 
.main06 .sec50 {width:48.5%; background:rgba(255,255,255,.15); padding:25px; border-radius:15px;}
.main06 .tit {padding-bottom:7px; font-size:16px; font-weight:600;}
.main06 ul {padding:7px 0;}
.main06 ul:last-child {padding:0;}
.main06 .name {font-size:13px;}
.main06 .number {font-size:22px; font-weight:600;}


.main07 {width:calc(100% - 30px); background:rgba(255,255,255,.15); margin:10px auto; padding:20px; border-radius:15px; overflow:hidden;}
.main07 .w50 {float:left; width:50%; text-align:center;}
.main07 .w30 {float:left; width:33.3%; text-align:center;}
.main07 .img img {width:40px; height:auto;}
.main07 .name {font-size:13px;}
.main07 .number {font-size:22px; font-weight:600; color:#fff;}


.main08 {width:calc(100% - 30px); background:rgba(255,255,255,.15); margin:30px auto; padding:30px; border-radius:15px;}
.main08 .titWrap {}
.main08 .titWrap span {margin-right:10px; color:#fff;}
.main08 .tit {font-size:18px; font-weight:600;}
.main08 .choice {background:#f3f2f2; margin-right:3px !important; padding:5px 10px; font-size:11px; font-weight:600; border-radius:4px; display:inline-block;}
.main08 .choice.on {background:#f7c83a; color:#000;}
.main08 .click {background:#f7c83a; padding:5px 10px; font-size:11px; font-weight:600; border-radius:4px; display:inline-block; color:#000 !important;}
.main08 .input {width:100%; height:35px; margin:10px 0 0 0; border-radius:5px; display:flex;}
.main08 .input .left {width:80%;}
.main08 .input input {width:100%; height:35px;  text-indent:5px;  border-radius:5px 0 0 5px; border:0;}
.main08 .input .copy {width:20%; height:35px; background:#f7c83a; color:#000; font-size:12px; line-height:35px; font-weight:600; text-align:center; letter-spacing:0.5px;  border-radius:0 5px 5px 0; display:inline-block; cursor:pointer;}


.main081 {position:relative; width:calc(100% - 30px); height:130px; margin:0 0 0 15px;  overflow-x:auto;}
.mainMenu {position:absolute; width:100%; display:flex; justify-content:space-between;}
.main081 .menu {position:relative; width:31%; height:110px; background:#fff; padding:20px 0; text-align:center; border-radius:10px; }
.main081 .img img {width:55px;}
.main081 .name {padding:5px 0 0 0;}
.main081 .mSub {position:absolute; bottom:0; left:0; width:100%; height:100%; background:#fff; padding:30px 0 0 0; border-radius:10px; display:none;}
.main081 .mSub a {padding:3px 0; display:block;}

.mMenu01 {background:url(/image/menu01.png) no-repeat center;}
.mMenu02 {background:url(/image/menu02.png) no-repeat center;}
.mMenu03 {background:url(/image/menu03.png) no-repeat center;}
.mMenu04 {background:url(/image/menu04.png) no-repeat center;}


.main09 {width:calc(100% - 30px); background:rgba(255,255,255,.15); margin:30px auto; padding:30px; border-radius:15px; overflow:hidden;}
.main09 .tit {padding-bottom:10px; color:#fff; font-size:16px; font-weight:600;}
.main09 ul {display:flex; justify-content:space-around;}
.main09 ul li {width:33%; /* width:33%; */ text-align:center;}
.main09 ul li:nth-child(1) {padding:5% 0 0 0;}
.main09 ul li:nth-child(2) {width:60%; padding:0 0 0 4%;}
.main09 img {width:100%; }

.main10 {width:calc(100% - 30px); background:#000; margin:10px auto; padding:15px 20px 30px 20px; text-align:center; border-radius:15px; }
.main10 .tit {padding-bottom:20px; color:#fff; font-size:15px; font-weight:600; text-align:left;}
.main10.white {background:#fff;}
.main10.white .tit {color:#000;}
.main10.white img {height:50px;}
.main10.wi100 {height:122px; background:url(/image/granderby.jpg) no-repeat center #6bbff2; padding:15px 20px 30px 20px;}
.main10 .img100 {height:100%;}
.main10 .img100 img {width:100%; height:100%;}

@media screen and (max-width: 600px) {
	.main10 img, .main10.white img {height:40px;}
	.main10.wi100 {background-size:cover;}
}

.main11 {position:relative; width:calc(100% - 30px); background:rgba(255,255,255,.15); margin:55px auto; padding:20px; text-align:center; border-radius:15px; }
.main11 .tit {position:absolute; top:-25px; left:0; font-size:16px; font-weight:600; color:#fff;}
.newsWrap {}
.newsWrap ul {display:flex; justify-content:space-between; flex-wrap:nowrap; }
.newsWrap li { }
.newsWrap .name {width:75%; text-align:left;}
.newsWrap .date {width:25%; font-size:13px; color:rgba(0,0,0,.7); text-align:right;}


.refWrap {position:relative; width:80%; height:335px; background:url(/image/atok-logo.svg) no-repeat center 45% #fff; border:1px solid rgba(0,0,0,.1); margin:50px auto; background-size:260px auto; border-radius:30px; box-shadow:0 15px 25px rgba(0,0,0,.04);}
.refWrap .tag {position:absolute; top:15px; right:25px;}
.refWrap .input {position:absolute; bottom:30px; left:50%; transform:translateX(-50%); width:80%;}
.refWrap .input input {width:100%; height:40px; background:rgba(0,0,0,.05); padding:0 15px; border-radius:50px;}
.refBtn {width:250px; background:#e82840; margin:0 auto; padding:15px 0; color:#fff !important; text-align:center; font-weight:600; border-radius:50px; display:inline-block;}

@media screen and (max-width: 600px) {
	.refWrap {width:100%; height:250px; background:url(/image/atok-logo.svg) no-repeat center 40% #fff; background-size:180px auto; border-radius:20px;}
	.refWrap .tag img {width:90px; height:auto;}
}


/* 왼쪽메뉴 */
.leftWrap {position:fixed; top:0; right:-900px;/* right:-450px; */ width:300px; height:100%; background:#0d0d0d; padding:60px 18px 0 18px; border-right:1px solid rgba(0,0,0,.1); box-shadow:0 30px 50px rgba(0,0,0,.15); overflow-y:auto;}
.leftWrap .logo {width:130px; height:89px; background:url(/image/logo_login.png) no-repeat; background-size:100%; margin:0 auto 35px; font-size:24px; color:#9fa4b8; text-align:center;}

.leftWrap .status {width:100%; border:1px solid rgba(0,0,0,.3);}

.leftWrap .userWrap {text-align:center;  text-transform:uppercase;}
.leftWrap .userWrap img {vertical-align:middle;}
.leftWrap .userWrap strong {color:#f7c83a;; font-weight:500; font-size:12px; letter-spacing:0.2px;}
.leftWrap .userWrap .btnOut {background:#f7c83a; padding:5px 8px; color:#000; font-weight:600; font-size:9px; border-radius:3px; letter-spacing:0.2px; display:inline-block;}

.leftWrap .tLang {width:60%; margin:7px auto 0;}
.leftWrap .tLang select {width:100%; height:35px; background:rgba(255,255,255,.1); padding:0 10px; color:rgba(255,255,255,.8); border-radius:17.5px; border:0px solid rgba(255,255,255,.1);}
.leftWrap .tLang select option {color:#000;}

.leftWrap .jic {width:60%; height:30px; margin:7px auto 0; padding:0 10px; line-height:30px; text-align:center; letter-spacing:0; font-weight:600; color:#000;  border:1px solid rgba(0,0,0,.05); border-radius:17.5px;}
.leftWrap .jic .star {color:#f7c83a;}

.leftWrap .nav {width:65%; margin:55px auto 20px;}
.leftWrap .nav li {position:relative; height:30px; padding:0 2px; line-height:30px; color:rgba(255,255,255,.8); font-size:14px; font-weight:600;  letter-spacing:0; display:inline-block; transition: 0.5s ease; -moz-transition: 0.5s ease; -webkit-transition: 0.5s ease;  -o-transition: 0.5s ease;}
.leftWrap .nav li:before {content:""; position:absolute; width:0px; left:0%; bottom:5px; height:12px; border-radius:1.5px; background:#f7c83a; z-index:-1; transition:0.3s; -webkit-transition:0.3s; }
.leftWrap .nav li.on:before, .leftWrap .nav li:hover:before {width:100%; right:100%; height:12px; background:#f7c83a; color:rgba(255,255,255,.8); border-radius:6px;}
.leftWrap .nav li.on a {color:#f7c83a; font-weight:600;}
.leftWrap .nav li a {display:block; }
.leftWrap .close1 {position:absolute; top:15px; left:15px; width:20px; height:20px; background:url(/image/icon_x_w.png) no-repeat center; border-radius:50%; display:inline-block;}




.rMenu {width:65%; margin:25px auto 20px;}
.rMenu ul li {font-size:14px; font-weight:500;}
.rMenu ul li.on {}
.rMenu .tt {position:relative; height:30px; line-height:30px; padding:0 2px; color:rgba(255,255,255,.8); transition: 0.5s ease; -moz-transition: 0.5s ease; -webkit-transition: 0.5s ease;  -o-transition: 0.5s ease; display:inline-block;}
/* .rMenu .tt:before {content:""; position:absolute; width:0; height:0; left:-10px; bottom:16px;  border-radius:6px; background:#f7c83a; transition:0.3s; -webkit-transition:0.3s; z-index:-1;}
.rMenu .tt.on:before, .rMenu .tt:hover:before {left:-16px; bottom:10px; width:12px; height:12px; background:#f7c83a; color:#f7c83a;} */
.rMenu .tt:hover {color:#f7c83a;}
.rMenu a.tt.on {color:#f7c83a;}


.rMenu li.ly{overflow:hidden; width:100%; margin:0px 0 0 0; padding:10px; border-top:0px solid rgba(255,255,255,.2); border-bottom:0px solid rgba(255,255,255,.2); background:rgba(255,255,255,.1);} 
.rMenu li.ly,
.rMenu dt {display:none;}
.rMenu dl {padding:5px 0; margin:0;}
.rMenu dd a {display:block;}
/* .rMenu dd a {padding:3px 20px 1px 20px; display:block;} */
/* .rMenu dl a:hover	{background:#eee;} */
.rMenu dd {padding:5px 0; line-height:1; font-size:13px; font-weight:300;}
.rMenu li.ly.active {display:block;}
.rMenu dd:hover a {font-weight:600; color:#fff;}


.rMenu .ticon {width:20px; height:20px; background-size:100%; background-position:center top; margin:-3px 5px 0 0; vertical-align:middle; display:inline-block; transition:0.3s; -webkit-transition:0.3s;}
.rMenu .tt:hover .ticon {background-position:center bottom; transition:0.3s; -webkit-transition:0.3s;}
.rMenu .tt.on .ticon {background-position:center bottom;}

.ti01 {background:url(/image/ticon_home.png) no-repeat;}
.ti02 {background:url(/image/ticon_wallet.png) no-repeat;}
.ti03 {background:url(/image/ticon_buy.png) no-repeat;}
.ti04 {background:url(/image/ticon_mypack.png) no-repeat;}
.ti05 {background:url(/image/ticon_status.png) no-repeat;}
.ti06 {background:url(/image/ticon_ref.png) no-repeat;}
.ti07 {background:url(/image/ticon_reg.png) no-repeat;}
.ti08 {background:url(/image/ticon_chart.png) no-repeat;}
.ti09 {background:url(/image/ticon_profile.png) no-repeat;}
.ti10 {background:url(/image/ticon_1coun.png) no-repeat;}
.ti11 {background:url(/image/ticon_news.png) no-repeat;}
.ti12 {background:url(/image/ticon_page.png) no-repeat;}
.ti13 {background:url(/image/ticon_mining.png) no-repeat;}
.ti14 {background:url(/image/ticon_commu.png) no-repeat;}
.ti15 {background:url(/image/ticon_logout.png) no-repeat;}





/* QNA */
	.boardTit {margin-top: 20px;}

	.gray_list th {
		background: rgba(0, 0, 0, 0.05);
	}

	#notice_list {
		overflow: hidden;
		width: 95%;
		text-align: center;
		border-radius: 5px;
		margin: 10px auto;
	}
	#notice_list table {
		padding: 0 50px;
	}
	#notice_list tbody:nth-child(2) tr {
		border-bottom: 1px solid rgba(255,255,255,.1);
	}
	#notice_list tbody:nth-child(2) tr:last-child {
		border-bottom: 1px solid rgba(255,255,255,.1);
	}
	#notice_list th {
		font-size: 14px;
		background:#f7c83a;
		/* border-bottom:1px solid rgba(255,255,255,.3); */
		padding: 15px 0;
		color:#000;
	}
	#notice_list td {
		width:62%;
		font-size: 15px;
		/* background: rgba(255, 255, 255, 0.15); */
		padding: 15px 10px;
		text-align:left;
		
		border-bottom:1px solid rgba(255,255,255,.1);
	}


	#notice_list td.qna_num {
		width: 10%;
		text-overflow: ellipsis;
		white-space: nowrap;
		word-wrap: normal;
		overflow: hidden;
	}
	#notice_list td.qna_tit {
		width: 62%;
		text-overflow: ellipsis;
		/* white-space: nowrap; */
		/* word-wrap: normal; */ 
		overflow: hidden;
		text-align:left;
	}

	#notice_list td.qna_id {
		width: 15%;
		text-overflow: ellipsis;
		white-space: nowrap;
		word-wrap: normal;
		overflow: hidden;
	}
	#notice_list td.qna_date {
		width: 13%;
		text-overflow: ellipsis;
		white-space: nowrap;
		word-wrap: normal;
		overflow: hidden;
	}

	.searchWrap {
		overflow: hidden;
		margin-bottom: 10px;
	}
	.searchWrap ul {
		float: right;
		overflow: hidden;
	}
	.searchWrap ul > li {
		float: left;
	}
	.searchWrap ul > li #searchword {
		height: 40px;
		line-height: 40px;
		color: #000;
		font-size: 13px;
		text-indent: 15px;
		border: 1px solid rgba(255, 255, 255, 0.2);
		border-radius: 3px;
		margin: 0 5px;
	}
	.searchWrap ul > li #search {
		height: 40px;
		line-height: 40px;
		color: #000;
		font-size: 13px;
		border: 1px solid rgba(255, 255, 255, 0.2); /* border: 0; */
		border-radius: 3px;
		padding: 0 15px;
	}
	.searchWrap ul > li #search option {
		background: #fff;
	}

	.list_write {
		overflow: hidden;
		width: 95%;
		margin:0 auto;
		/* border-radius: 5px; */
		border-top:1px solid rgba(255, 255, 255, 0.2);
		border-bottom:1px solid rgba(255, 255, 255, 0.2);
	}
	.list_write th {
		background:rgba(255,255,255,.1);
		text-align: center;
		color: #fff;
		font-size: 14px;
		padding: 30px 0;
		border-bottom:1px solid rgba(255, 255, 255, 0.2);
	}
	.list_write td {
		font-size: 13px;
		padding: 15px;
		border-bottom:1px solid rgba(255, 255, 255, 0.2);
	}
	.list_write td input {
		height: 40px;
		line-height: 40px;
		color: #fff;
		border: 1px solid rgba(255, 255, 255, 0.2);
		border-radius: 3px;
	}
	.list_write td iframe {
		/* background: #fff;
		padding: 20px; */
		/* box-sizing: border-box; */
	}

	.bBlack {
		height: 40px;
		background: #f7c83a;
		border-radius: 3px;
		color: #000;
		line-height: 40px;
		padding: 0 20px;
		font-size: 13px;
		font-weight: 500;
		display: inline-block;
		cursor: pointer;
	}
/* QNA end*/


/* 하단영역 */  
.footWrap {clear:both; width:100%; margin:0; padding:50px 0 40px 0; text-align:center; font-size:12px; letter-spacing:.3px; }
.footWrap strong {color:#f7c83a; font-family:"Metropolis-Bold", "Noto Sans KR";}


@media screen and (max-width: 1000px) {
	.footWrap {padding:50px 0 30px 0;} 
	.subWrap .footWrap {position:static; padding:0 0 30px 0;}
}




/* bTable */
.bTable {width:95%; margin:0 auto; padding: 0;}

.bTableSelect {	width: calc(100% - 20px);	background: none;	border: none;}

.bTable90 {	margin: 90px 0 0 0 !important;}
.bTable .w50L {	float: left;	width: 49%;}
.bTable .w50R {	float: right;	width: 49%;}
.bTable .th {padding: 20px 0 3px 0;	font-size: 14px; line-height:1.5;	font-weight: 500;	text-transform: uppercase;}
.bTable .td {position: relative;height: 50px;	background:rgba(255,255,255,.1); line-height:50px;	font-size: 14px; text-indent: 10px; border:2px solid transparent; border-radius:5px;}
.bTable .td:hover {border:2px solid #f7c83a; transition:ease 1s;}
.bTable .td.phone {display: flex;}
.bTable .td.phone input {padding-left: 10px;}

.bTable .read {background:rgba(255,255,255,.2);}
.bTable .td.basic {background:rgba(255,255,255,.1);}
/* .bTable .td input:read-only {background: #e9e9e9;} */
.bTable .td.input select.table {width:98%; margin-left: -5px; }

.bTable .td.bank {}
.bTable .td.bank .bCount {display:inline;}

.bTable .td.pic input {float:left; width:calc(100% - 45px);}
.bTable .td.pic .img {float:left; width:45px; height:100%;}

.iconUser {background:url(/image/con_user.png) no-repeat center;}
.iconPass {background:url(/image/con_pass.png) no-repeat center;}
.iconPhone {background:url(/image/con_phone.png) no-repeat center;}
.iconMail {background:url(/image/con_mail.png) no-repeat center;}
.iconRef {background:url(/image/con_ref.png) no-repeat center;}


.bTable .td .btn {
	position: absolute;
	top: -2px;
	right: -2px;
	width: 150px;
	height: 100%;
	padding: 13px 0;
	background: #151e6b;
	border: 0;
	font-size: 13px;
	color: #fff;
	font-weight: 500;
	text-transform: uppercase;
	text-indent: 0;
}

.bTable input {
	width: 90%;
	background: transparent;
	border: 0;
	height: 50px;
	text-indent: 0;
	padding: 0;
	font-size: 14px;
	color:rgba(255,255,255,.8);
	outline:0
}
.btnS {
	position: absolute;
	top: -2px;
	right: -2px;
	width: 20%;
	height: 50px;
	background: #f7c83a;
	border-radius:0 5px 5px 0;
	color: #000;
	font-size: 13px;
	font-weight: 500;
	text-indent: 0;
	line-height: 50px;
	text-align: center;
}
.btnS:hover {background: #f7c83a; transition:ease 0.2s;}

.bTable .bJoin {width:100%; background:#f7c83a; padding:12px 0; color:#000; font-weight:500; font-size:16px; text-align:center; border-radius:5px;}
.bTable .jLink {margin-top:20px;}
.bTable .jLink input {width:auto; height:auto;}
.bTable .jLink ul {float:left; width:50%; text-align:center;}
.jMent {clear:both; padding:30px 0; text-align:center;}
.jMent a {color:#f7c83a !important;}



@media screen and (max-width: 1000px) {
	.bTable .th {font-size:13px;}
	.bTable .td {height:40px; font-size:13px;  line-height:40px;}

	.bTable .td .btn {height:40px; font-size:12px;}
	.bTable input {height:40px; font-size: 13px;}
	.btnS {height:40px; font-size: 12px; line-height:40px; letter-spacing:0;}
}

@media screen and (max-width: 770px) {
	.bTable .td.bank {height:80px;}
	.bTable .td.bank .bCount {display:block;}	
	.bTable .td.bank .input20 {width:33% !important;}
	.bTable .td.bank .bCount .input35 {width:70% !important;}
}

@media screen and (max-width: 520px) {
	.bTable .w50L {	float:none;	width:100%;}
	.bTable .w50R {	float:none;	width:100%;}
}


.bTable .td.inputRadio {background: #fff; display: flex;	justify-content: center;	flex-wrap: wrap;	border: 1px solid #ebebeb;	height: auto;	padding: 10px 0;}
.bTable .inputRadioBtn {display: inline-block;	width: 100%;	min-width: 120px;	text-align: center;	font-size: 18px;	font-weight: 500;}
.bTable .inputRadioBtn input {width: 16px;	vertical-align: bottom;	margin: 0 10px 0 0;	background: #fff;}
.bTable .guide {font-size: 13px;	color: #f7c83a;	font-weight: 500;}
.bTable .star {color: #ff6567;    font-size: 9px;}
.bTable .dd-container {	width: 100%;}
.bTable .dd-select {	margin: 0;}
.bTable .dd-options {	height: 250px;}
.bTable .dd-options li {	font-weight: 300;	padding: 0 10px;}
.bTable .dd-selected-image {	margin: 10px 0 10px 10px;}
.bTable .dd-selected-text {	line-height: 3 !important;}
.bTable .dd-pointer-down {	border-top: 5px solid rgba(0, 0, 0, 0.5);}
.bTable .dd-pointer-up {	border-bottom: 5px solid rgba(0, 0, 0, 0.5) !important;}

.bTable .bWrap {	clear: both;	margin: 40px 0 0 0;	text-align: center;}

.bTable .bWrap .bOk,
.bTable .bWrap .bCa {	width: 150px;	padding: 17px 0;	background: #414141;	border: 0;	font-size: 14px; color: #fff;  	border-radius:5px; letter-spacing:0; text-shadow:0 0 3px rgba(0,0,0,.2);	text-transform: uppercase;	display: inline-block;}
.bTable .bWrap .bOk {	background: #f7c83a; margin-right: 5px; color:#000;}
.bTable .bWrap .bOk:hover, .bTable .bWrap .bCa:hover {box-shadow:0 5px 10px rgba(0,0,0,.1); transition:ease 0.5s;}
.nTotal {width:95%; margin:0 auto 15px; background:rgba(255,255,255,.1); padding:15px 20px; text-align: right; border-radius:5px; letter-spacing:0;}
.nTotal .strong {font-weight:600; letter-spacing:0;}

.bTable .td.input .table {   border: none;    background: none;    height: 100%;    /* margin: 0 10px; */}
.bTable .cap {color:rgba(0,0,0,.6);}

.radio_b {    width: 15px !important;    height: 15px !important;    display: inline-block;    vertical-align: middle;}

@media screen and (max-width: 1000px) {
	.bTable .bWrap .bOk, .bTable .bWrap .bCa {padding:13px 0; font-size:13px;}
	.bTable .cap {color:rgba(0,0,0,.6); font-size:12px;}
}


/* tabMenu */
.tabMenu {width:95%; margin:0 auto 40px; }
.tabMenu > ul {display:flex; justify-content:space-between; align-content:space-between; text-align:center;}
.tabMenu > ul > li {padding:15px 0; color:rgba(255,255,255,.7); font-weight:400; border:1px solid rgba(255,255,255,.2); border-radius:5px;  cursor:pointer;}
.tabMenu > ul a {margin:0 5px 0 0;}
.tabMenu > ul a:last-child {margin:0;}
.tabMenu > ul li.on {background:#f7c83a; font-size:15px; font-weight:600; color:#000; border:1px solid #f7c83a; }
.tabMenu a {display:block; width:100%; height:100%;}
.w02 {width:calc(50% - 5px);}
.w03 {width:calc(33.3% - 5px);}
.mgt50 {margin-top:50px;}
.mgt20 {margin-top:20px;}

.trc {height:45px; background:url(/image/tab_trc_off1.jpg) no-repeat center #747474; background-size:auto 60%; font-size:0 !important;}
.trc.on {height:45px; background:url(/image/tab_trc_on1.jpg) no-repeat center #e8d800 !important; background-size:auto 60% !important; font-size:0 !important;}
.bep {height:45px; background:url(/image/tab_bep_off1.jpg) no-repeat center #747474; background-size:auto 60%; font-size:0 !important;}
.bep.on {height:45px; background:url(/image/tab_bep_on1.jpg) no-repeat center #e8d800 !important; background-size:auto 60% !important; font-size:0 !important;}
.usdt {height:45px; background:url(/image/tab_usdt_off1.jpg) no-repeat center #747474; background-size:auto 60%; font-size:0 !important;}
.usdt.on {height:45px; background:url(/image/tab_usdt_on1.jpg) no-repeat center #e8d800 !important; background-size:auto 60% !important; font-size:0 !important;}


@media screen and (max-width: 1200px) {
	.tabMenu > ul > li {padding:12px 0; font-size:13px;}
	.tabMenu > ul > li.on {font-size:13px;}
}

@media screen and (max-width: 768px) {
	.tabMenu > ul > li {padding:12px 0; font-size:13px;}
	.tabMenu > ul > li.on {font-size:13px;}
	.tabMenu ul a {margin:0 2px 0 0;}
	.w02 {width:calc(50% - 2px);}
	.w03 {width:calc(33.3% - 2px);}
}

@media screen and (max-width: 530px) {
	.trc, .trc.on, .bep, .bep.on, .usdt, .usdt.on {height:35px;}
}

@media screen and (max-width: 400px) {
	.trc, .trc.on, .bep, .bep.on, .usdt, .usdt.on {background-size:auto 50% !important;}
}




/* nSEARCH */
	.nSearch {
		width:95%;
		background:rgba(255,255,255,.1);
		border-radius:5px;
		border: 0px solid rgba(255,255,255,.2); 
		margin: 15px auto 10px;
		padding: 20px;
		font-size: 14px;
		overflow: hidden;
		display: flex;
		align-items: center;
	}
	.nSearch .intxt01 {height:33px; background:rgba(255,255,255,.1); /* border:1px solid rgba(255,255,255,.2); */ vertical-align:middle;}
	.nSearchFlex {
		justify-content: space-between;
	}
	.nSearch label {
		margin-right: 5px;
	}
	.nSearch label span {
		vertical-align: inherit;
	}
	.nSearch input {
		width: 70px;
		height: 33px;
		font-size: 12px;
		border:0;
	}
	.nSearch select {border:0;}
	.nSearch .input_date {
		margin-left: 10px;
	}
	.nSearch .nRight > li {
		
	}
	.nSearch .bBlack {
		height: 33px;
		background: #f7c83a;
		padding: 0 10px;
		color: #000;
		font-size: 11px;
		font-weight: 500;
		line-height: 33px;
		display: inline-block;
		text-transform: uppercase;
	}
	.nSearch .bBlackOk {
		border: 0;
		background: #f7c83a;
	}
	.nSearch .strong {
		font-size: 17px;
		font-weight: 500;
	}

	@media screen and (max-width:410px) {
		.nSearch {padding:15px;}
	}

	@media screen and (max-width:380px) {
		.nSearch {padding:15px; flex-wrap:wrap; justify-content:center;}
		.nLeft {}
		.nRight {}
	}


/* nSEARCH end */


/* LISTBOX */
	.listBox:first-child {
		margin: 30px 0 15px 0;
	}
	.listBox {
		position: relative;
		width: 100%;
		border-bottom: 2px solid rgba(255,255,255,.1);
		margin: 0 0 20px 0;
		padding: 20px 2.5% 30px 2.5%;
		overflow:hidden;
	}
	.listBox:hover {
		border-bottom: 2px solid #f7c83a;
		box-shadow: 0 11px 18px rgba(0, 0, 0, 0.03);
	}
	.listBox ul {
		float: left;
		
	}
	.listBox ul.right {
		float: right;
		text-align: right;
	}
	.listBox ul li.date {
		float: left;
		padding: 17px 20px 0 0;
		font-size: 15px;
		letter-spacing:0;
	}
	.listBox ul li.name {
		float: left;
		padding: 11px 0 0 0;
		font-size: 22px;
		font-weight: 500;
		color:#fff;
	}
	.listBox ul li .tit {
		font-size: 15px;
		padding: 0;
	}
	.listBox ul li .number {
		font-size: 25px;
		font-weight: 600;
		color:#f7c83a;
	}

	.listBox ul li .small {font-size:15px;}

	.listBox .bottom {
		margin: 15px 0 0 0;
		background: rgba(255, 255, 255, .1);
		font-size: 13px;
		padding: 8px 20px;
		letter-spacing:0;
	}

	@media screen and (max-width:560px) {
		.listBox ul li.date {float:none; padding:0; font-size:12px;}
		.listBox ul li.name {padding:5px 0 0 0; font-size:17px;}
		.listBox ul li .tit {font-size:14px;}
		.listBox ul li .number {font-size:22px;}
		.listBox .bottom {font-size:12px;}
	}

/* LISTBOX end */

/* PRODLIST */
	/* #prodList {
		width:100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
	} */

	.gBoxN {
		width: 29%;
		height: auto;
		background: #fff;
		margin: 0 5% 5% 0;
		padding: 4% 4% 2%;
		text-align: center;
		border: 1px solid #ccc;
		border-radius:5px;
	}
	.gBoxN:nth-child(3n) {margin-right: 0;}
	.gBoxN:hover {
		box-shadow: 10px 20px 20px rgba(0, 0, 0, 0.16);
	}
	.gBoxN .arabic {
		margin: 0;
		padding: 10px;
		color: #f7c83a;
	}
	.gBoxN .dol {
		font-size: 25px;
		font-weight: 500;
		margin: 0 5px 0 0;
	}
	.gBoxN .bigNum {
		font-size: 30px;
		font-weight: 600;
	}
	.gBoxN .tTitle {
		font-size: 17px;
		font-weight: 400;
		margin: 0;
		letter-spacing: 0.1px;
	}
	.gBoxN .btnBuy {
		width: 100%;
		background: #f7c83a;
		padding: 15px 0;
		color: #fff;
		font-weight: 500;
		cursor: pointer;
		border-radius: 30px;
		text-align: center;
	}
/* PRODLIST end */

.purWrap {width:100%; margin:0 auto; padding:0 0 0 0; display:flex; }
.purBox {width:30%; margin:3% 1.66%; background:; padding:12px; text-align:center; border:1px solid rgba(255,255,255,.1); border-radius:7px;}
.purBox .pTop {width:100%; border-radius:5px;}
.purBox .pTop img {width:100%; height:auto; border-radius:5px;}
.purBox .name {padding:10px 5px; font-size:17px; font-weight:500; color:#fd91ba;}
.purBox .small {margin-left:5px; font-size:14px; font-weight:500; vertical-align:middle;}
.purBox .price {padding:5px 0 3px 0; font-size:20px; font-weight:600; display:block;}
.purBox .pv {font-size:16px; font-weight:600; }
.purBox .pdt5 {margin:7px 0 0 0; padding:7px 0;border-top:1px dashed rgba(0,0,0,.1);}
.purBox .pdt4 {padding:4px 0;}
.purBox .sur {font-size:13px;}
.purBox .sur input {width:60px; height:25px; padding-left:5px; border:1px solid rgba(0,0,0,.07);}
.purBox .pMid {padding:10px 0; text-align:center; font-size:17px; font-weight:600; color:#d7a350; letter-spacing:0; line-height:1.3;}
.purBox .pMid input {width:60%; height:38px; background:rgba(255,255,255,.15); margin:7px 0 0 0; border-radius:5px; border:1px solid rgba(255,255,255,.2); font-size:14px; text-align:center; color:#edb152; letter-spacing:0;}
.purBox .pBtn {width:100%; height:45px; background:rgba(255,255,255,.05); background-size:100%; margin-top:10px; text-align:center; font-size:15px; font-weight:600; line-height:50px; overflow:hidden; border-radius:5px; cursor:pointer;}
.purBox .pBtn:hover {background:url(/image/pur03.png) no-repeat center top; background-size:115%;}
.purBox:hover {box-shadow:0 15px 20px rgba(0,0,0,.2);}

.purBox select {height:25px; border:1px solid #ccc;}

.purBoxRe {width:40%; margin:3% auto; padding:12px; text-align:center; border:1px solid rgba(0,0,0,.1); border-radius:7px;}
.purBoxRe .pTop {width:100%; border-radius:5px;}
.purBoxRe .pTop img {width:100%; height:auto; border-radius:5px;}
.purBoxRe .name {padding:10px 5px; font-size:20px; }
.purBoxRe .small {margin-left:5px; font-size:15px; vertical-align:middle;}
.purBoxRe .price {padding:5px 0 3px 0; font-size:22px;  display:block;}
.purBoxRe .pv {font-size:17px; font-family:"Metropolis-regular";}
.purBoxRe .pdt5 {margin:7px 0 0 0; padding:7px 0;border-top:1px dashed rgba(0,0,0,.1);}
.purBoxRe .pdt4 {padding:4px 0;}
.purBoxRe .sur {font-size:13px;}
.purBoxRe .sur input {width:60px; height:25px; padding-left:5px; border:1px solid rgba(0,0,0,.07);}
.purBoxRe .pBtn {width:100%; height:45px; background:rgba(0,0,0,.05); background-size:100%; margin-top:10px; text-align:center; font-size:15px; font-weight:600; line-height:50px; overflow:hidden; border-radius:5px; cursor:pointer;}
.purBoxRe .pBtn:hover {background:url(/image/pur03.png) no-repeat center top; background-size:115%;}
.purBoxRe:hover {box-shadow:0 15px 20px rgba(0,0,0,.2);}

.purBoxH {width:364px; height:322px; background:url(/image/pur_bg.png) no-repeat center top; background-size:100%; text-align:center; padding:50px 0; color:#f4a028;}
.purBoxH .name {padding:8px 0 20px 0; font-size:16px; }
.purBoxH .price {font-size:34px; }
.purBoxH .hu {padding:13px 0 5px 0; font-size:15px;}
.purBoxH .hu strong {font-size:20px;}
.purBoxH .eth {font-size:13px;}
.purBoxH .eth strong {font-size:15px;}
.purBoxH .pBtn {width:40%; background:#f4a028; margin:20px auto 0; padding:11px 0; color:#00203f; font-weight:500; border-radius:50px; display:inline-block;}


@media all and (max-width: 1200px) {
	.purWrap {width:100%;}
	.purBox {width:45%; margin:3% 2.5%;}
} 

@media all and (max-width: 1000px) {
	.purBox {width:30%; margin:3% 1.66%;}
	.purBox .name {font-size:15px;}
	.purBox .price {font-size:18px;}
	.purBox .pv {font-size:14px;}
	.purBox .pBtn {height:40px; font-weight:500; font-size:13px; line-height:40px;}
}



@media all and (max-width: 740px) {
	.purBox {width:48%; margin:3% 1%;}
	.purBoxRe {width:60%;}
}


@media all and (max-width: 460px) {
	.purBox {padding:0; border-radius:5px; overflow:hidden;}
	.purBox .pTop img {border-radius:0;}
	.purBox .name {font-size:14px;}
	.purBox .price {font-size:16px;}
	.purBox .pv {font-size:12px;}
	.purBox .pBtn {border-radius:0;}

	.purBoxRe {width:80%;}
} 

/* 서브페이지 설명 */
.titBox {width:100%; padding:10px 2% 20px 2%; line-height:1.4; border-bottom:1px dashed rgba(255,255,255,.1); overflow:hidden;}
.titBox .pic {float:left; width:65px; padding:0 20px 0 0;}
.titBox .pic img {}
.titBox .cont {float:left; width:calc(100% - 65px); word-break:break-all;}
.titBox .fontY {color:#f7c83a; font-weight:500;}

@media all and (max-width: 740px) {
	.titBox .pic {display:none;}
	.titBox .cont {float:none; width:100%;}
}

/* ORDER */
	.orderWrap {
		width:95%; margin:0 auto;
		overflow: hidden;
		display: flex;
		flex-wrap: wrap;
		/* justify-content: space-between; */
		justify-content:start;
		gap:1%;
	}
	.orderBox {
		position: relative;
		width: 49.5%;
		margin: 1% 0 0 0;
		padding: 40px 20px 20px;
		font-weight: 400;
		border: 1px solid rgba(255,255,255,.2);
		display: flex;
		border-radius:10px;
		flex-wrap: wrap;
		justify-content: space-between;
		overflow:hidden;
	}
	.box03 {width:33%; padding:40px 15px 15px;}
	
	.orderBox .oLeft {width: 57%;}
	.orderBox .oRight {width: 43%; padding:20px 0 0 0; text-align: right;}
	.orderBox .oBtnL {
		float: right;
		margin: 18px 0 0 0;
	}
	.orderBox .oBtnWrap {
		position: absolute;
		top: 0;
		right: 0;
		width: 65px;
	}
	.orderBox .o100 {
		position: relative;
		clear: both;
		float: none;
		width: 100%;
		height: 27px;
		line-height: 27px;
		margin: 20px 0 0 0;
		background: rgba(255, 255, 255, .1);
		padding: 0 0 0 12px;
		font-size: 12px;
		font-weight: 400;
		color: #fff;
		letter-spacing: 0;
		overflow: hidden;
	}

	.orderBox .o100.hash {margin:10px 0 0 0;}

	.orderBox .o100 input {
		width: calc(100% - 70px);
		height: 27px;
		line-height: 27px;
		text-overflow: ellipsis;
		white-space: nowrap;
		word-wrap: normal;
		overflow: hidden;
		background: none;
		padding: 0;
		border: 0;
		outline: 0;
	}
	.orderBox .o100 .o100Btn {
		position: absolute;
		bottom: 0;
		right: 0;
		float: right;
		height: 27px;
		line-height: 27px;
		background: #f7c83a;
		color: #000;
		padding: 0 8px;
		font-size: 10px;
	}
	.orderBox .date {
		font-size: 13px;
		color: rgba(0, 0, 0, 0.7);
		letter-spacing: 0;
		padding: 0 0 5px 0;
	}
	.orderBox .name {
		font-size: 15px;
		color: #fff;
		font-weight: 500;
	}
	.orderBox .nameS {
		font-size: 13px;
		color: rgba(0,0,0,.7);
		letter-spacing:0;
	}
	.orderBox .name em {
		font-size: 16px;
	}
	.orderBox .nameTrc {width:70px; height:21px; background:url(/image/tab_trc_on.jpg) no-repeat center #e8d800; background-size:auto 65%; border-radius:3px; display:inline-block;}
	.orderBox .nameBep {width:70px; height:21px; background:url(/image/tab_bep_on.jpg) no-repeat center #f3ba2f; background-size:auto 65%; border-radius:3px; display:inline-block;}
	
	.orderBox .small {
		font-size: 60%;
	}
	.orderBox .nameR {
		font-size: 13px;
		color: #fff;
	}
	.orderBox .numR {
		font-size: 19px;
		color: #f7c83a;
		font-weight: 600;
	}
	.orderBox .oBtn {
		width: 100%;
		height: auto;
		background: transparent; /*  margin:2px 0; */
		text-align: center;
		font-size: 10px;
		padding: 3px 7px;
		color: #000;
		font-weight: 400;
		border: 1px solid rgba(0, 0, 0, 0.4);
	}
	.orderBox .oBtn:hover {
		background: #f7c83a;
		border: 1px solid #f7c83a;
		color: #fff;
	}
	.orderBox .status {
		position: absolute;
		top: 0;
		left: 0;
		background: rgba(0, 0, 0, 0.6);
		padding: 3px 8px;
		color: #fff;
		font-size: 11px;
		font-weight: 400;
		display: inline-block;
		border-radius:10px 0 0 0;
	}
	
	.box03 .status {background:#fff; padding:0 7px;}
	.box03 .status input {height:30px;}
	
	.orderBox .status strong {
		color: #22d4de;
		font-weight: 500;
	}
	.orderBox .oRed {
		color: #cc3a3a;
		border: 1px solid #cc3a3a;
	}
	.orderBox .rBtn {
		position: absolute;
		top: 0;
		right: 0;
		height: auto;
		background: rgba(0, 0, 0, 0.03);
		padding: 3px 10px;
		color: #000;
		font-size: 10px;
		font-weight: 500;
		display: inline-block;
	}
	.orderBox .oRed:hover {
		background: #cc3a3a;
		border: 1px solid #cc3a3a;
	}
	
	.orderBox img {width:100%; border:1px solid rgba(0,0,0,.07); border-radius:5px;}
	
	.orderBox .qrcode {
		position: absolute;
		top: 0;
		right: 0;
		background:#f7c83a;
		padding: 3px 8px;
		color: #000;
		font-size: 11px;
		font-weight: 600;
		display: inline-block;
		cursor:pointer;
	}
	
@media all and (max-width: 700px) {
	.orderBox {width:100%;}
	.box03 {width:49%;}
}

/* ORDER end*/


.newWrap {width:95%; margin:20px auto;}
.nBox {width:100%; padding:20px; border:1px solid rgba(255,255,255,.2); border-radius:10px;}
.nBox .nTop {padding-bottom:15px; border-bottom:1px dashed rgba(255,255,255,.2); overflow:hidden;}
.nBox .nTop div {float:left;}
.nBox .nTop .icon img {height:46px;}
.nBox .nTop .imgTrc {width:56px; height:46px; background:url(/image/coin_ttrc.png) no-repeat center; background-size:auto 46px; display:inline-block;}
.nBox .nTop .imgBep {width:56px; height:46px; background:url(/image/coin_tbep.png) no-repeat center; background-size:auto 46px; display:inline-block;}
.nBox .nTop .name {padding:0 0 0 12px; font-size:14px; font-weight:400;}
.nBox .nTop .name strong {font-size:19px;}
.nBox .nTop .qrcode {float:right; width:46px; text-align:right; cursor:pointer; }
.nBox .nTop .qrcode img {height:46px;}
.nBox .nCont {padding-top:12px; font-size:13px;}
.nBox .nCont ul {display:flex;}
.nBox .nCont ul li {padding:2px 0; }
.nBox .nCont .left {width:30%; padding-right:10%; color:rgba(255,255,255,.7); text-transform:capitalize;}
.nBox .nCont .right {color:#fff; font-weight:600;}
.nBox .nCont .right .usdt {font-size:12px;}
.nBox .nCont .right .light {font-weight:400;}
.nBox .nCont .input {margin-top:7px;}
.nBox .nCont .input1 {width:100%; height:35px;  background:rgba(255,255,255,.1); margin:3px 0; padding-left:7px; line-height:35px; color:#fff; border:0; border-radius:5px; overflow:hidden;}
.nBox .nCont input.in90 {width:calc(100% - 90px); height:35px; background:rgba(255,255,255,.1); padding-left:7px; border:0; border-radius:5px 0 0 5px;}
.nBox .nCont input {width:100%; height:35px; background:rgba(255,255,255,.1); margin:3px 0; border:0; border-radius:5px; vertical-align:middle;}
.nBox .nCont .btnCopy {width:90px; height:35px; background:#f7c83a; text-align:center; color:#000; font-weight:600; line-height:35px; vertical-align:middle; border-radius:0 5px 5px 0; cursor:pointer; display:inline-block;}

.fcRed {color:#f73535;}
.fcYel {color:#f7c83a !important;}

@media all and (max-width: 560px) {
	.nBox .nCont .left {width:45%;}
}


/* bLIST */
	.bDate {margin-top:20px; font-weight:600; font-size:15px;}
	.bList2Top {border: 3px solid #f7c83a;}
	.bList2 {
		position: relative;
		background:rgba(255,255,255,.1);
		padding: 0 0 0 0;
		text-align: right;
		overflow: hidden;
		border: 2px solid #f7c83a;
	}
	.bList2 ul:first-child {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		border-top: 1px solid rgba(255, 255, 255, 0.2);
		border-left: 1px solid rgba(255, 255, 255, 0.2);
	}
	.bList2 ul li {
		/* float:left; */
		width: 16%;
		/* height: 100%; */
		padding: 15px 20px 15px 0;
		border-right: 1px solid rgba(255, 255, 255, 0.2);
		border-bottom:1px solid rgba(255, 255, 255, 0.2);
		line-height: 1.1;
	}
	.bList2 ul li:last-child {
		width:100%;
	}
	.bList2 ul li.w02 {
		padding: 15px 30px 15px 0;
		
	}
	.bList2 ul li.w01 {
		padding: 15px 30px;
	}
	.bList2 ul li.total {
		background: rgba(96, 68, 215, 0.5);

	}
	.bList2sec3 ul li {
		width: 33.3%;
		border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	}
	.bList2sec4 ul li {
		width: 33.3%;
	}
	.bList2sec5 ul li {
		width: 20%;
	}
	.bList2sec6 ul li {
		width: 16.6%;
	}
	.bList2sec8 ul li {
		width: 50%;
		border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	}
	.bList2 .w300 {width:75%; border-bottom:1px solid rgba(255, 255, 255, 0.2) !important; border-right:1px solid rgba(255, 255, 255, 0.2) !important;}

	.bList2 .small {
		font-size: 13px;
		font-weight:500;
	}
	.bList2 .mid {
		font-size: 14px;
		padding: 5px 0 0 0;
	}
	.bList2 .big {
		font-size: 20px;
		font-weight: 600;
		
	}
	.bList2 .big1 {
		font-size: 20px;
	}
	.bList2 .bottom {
		/* width:66.66%; */
		margin: 0;
		bottom: 0;
		left: 0;
		font-size: 15px;
		padding: 14px 20px;
		text-align: right;
		border-right:1px solid rgba(0,0,0,.2);
		/* border: none; */
	}
	.bList2 .bottom .big {
		font-size: 22px;
		color: #f7c83a;
	}

	@media all and (max-width: 470px) {
		.bList2sec4 ul li {width:50%;}
		.bList2sec4 ul li:last-child {width:50%;}
	}
/* bList end */

/* NOTICE */
	.noticeList {
		width: 95%;
		margin:0 auto;
		overflow: hidden;
	}
	.noticeList ul {
		float: left;
		height: 93px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.2);
		overflow: hidden;
	}
	.noticeList ul.faq {
		float: left;
		height: 75px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.5);
		overflow: hidden;
	}
	.noticeList ul.num {
		width: 12%;
		padding: 25px 0;
		font-size: 35px;
		font-weight: 600;
		color: #f7c83a;
		text-align: center;
	}
	.noticeList ul.num1 {
		width: 12%;
		padding: 15px 0;
		font-size: 33px;
		font-weight: 600;
		text-align: center;
		color: #f7c83a;
	}
	.noticeList ul.name {
		width: 76%;
		padding: 25px 0;
		font-size: 16px;
		font-weight: 400;
		color: #fff;
	}
	.noticeList ul.name1 {
		width: 88%;
		padding: 25px 0;
		font-size: 16px;
		font-weight: 400;
		color: #fff;
		cursor: pointer;
	}
	.noticeList ul .date {
		padding: 7px 0 0 0;
		font-size: 13px;
		color: rgba(0, 0, 0, 0.8);
		font-weight: 300;
		letter-spacing: 0;
	}
	.noticeList ul.down {
		width: 12%;
	}
	.noticeList .iconDown {
		width: 40px;
		height: 40px;
		margin: 35px 0 0 35%;
		background: url(/admin/img/icon_down.png) no-repeat center center;
		display: inline-block;
		cursor: pointer;
	}

	.noticeList .content {
		clear: both;
		width: 100%;
		background: rgba(0,0,0,.03);
		padding: 30px 8%;
		border-bottom: 1px solid #f7c83a;
		font-size: 14px;
		line-height: 1.5;
	}
	.noticeList .content1 {
		position: relative;
		clear: both;
		width: 100%;
		background: rgba(0, 0, 0, 0.2);
		padding: 30px 8% 30px 12%;
		border-bottom: 1px solid rgba(96, 68, 215, 0.5);
		font-size: 14px;
		line-height: 1.5;
		display: none;
	}
	.noticeList .content1 .aFont {
		position: absolute;
		top: 25px;
		left: 5%;
		font-size: 33px;
		font-weight: 600;
		color: #f7c83a;
	}

	.btnWrap {
		width: 100%;
		margin: -20px 0 30px 0;
		text-align: right;
		overflow: hidden;
	}
	.btnWrap .btnYY {
		padding: 7px 15px;
		background: #f7c83a;
		color: #fff;
		font-weight: 500;
		border-radius: 3px;
		display: inline-block;
	}
	.btnWrap .btnYY1 {
		padding: 7px 15px;
		background: #fff;
		color: #000;
		font-weight: 500;
		border-radius: 3px;
		display: inline-block;
	}

	.noticeList .cont {
		padding: 50px 50px 80px 80px;
		background: rgba(0, 0, 0, 0.01);
	}
	.noticeList .cont .left {
		float: left;
		width: 90%;
	}
	.noticeList .cont .right {
		float: left;
		width: 10%;
	}
	.noticeList .cont .title {
		font-size: 18px;
		color: #f7c83a;
		font-weight: 500;
	}
	.noticeList .cont .date {
		font-size: 14px;
		color: rgba(0, 0, 0, 0.5);
	}
	.noticeList .cont .down {
		background: url(/admin/img/icon_down.png) no-repeat center left;
		color: #000;
		font-size: 15px;
		font-weight: 600;
		padding: 0 0 0 30px;
	}
/* NOTICE end*/


.popBack {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.8); z-index:100; display:none;}
.popList {position:absolute; top:50%; left:50%; width:360px; background:#000; transform:translate(-50%, -50%); border-radius:10px; box-shadow:0 10px 10px rgba(0,0,0,.5);}
.popList.wi100 {width:95%; max-width:800px;}
.popList img {width:100%;}
.popList .close {position:absolute; top:-15px; right:-15px; width:20px; height:20px; background:url(/image/icon_x_w.png) no-repeat center; border-radius:50%; display:inline-block; cursor:pointer;}
.popList .title {background:#f7c83a; padding:15px; color:#000; font-size:17px; font-weight:600;}
.popList .pList {background:#fff; height:330px; padding:25px; font-size:13px; color:#000;}
.popList .pList.hi90 {height:90%; padding:10px;}
.popList .pList .search {height:30px; background:rgba(0, 0, 0, 0.02); border:1px solid rgba(0, 0, 0, 0.2);}
.popList .pList .selOK {height:30px; padding:0 15px; background:#f7c83a; color:#000; border:0;}
.popList .pList .tableList {height:180px; margin-top:15px; overflow-y:auto; }
.popList .pList .tableList.hi80 {height:70%; max-height:400px;}
.popList .pList ul {width:100%; display:flex; justify-content:space-around;}
.popList .pList ul li {padding:8px; text-align:center; }
.popList .pList ul li:nth-child(1) {width:10%;}
.popList .pList ul li:nth-child(2) {width:30%;}
.popList .pList ul li:nth-child(3) {width:25%;}
.popList .pList ul li:nth-child(4) {width:35%;}
.popList .pList .th {background:rgba(0,0,0,.02);  border-top:1px solid #f7c83a; border-bottom:1px solid rgba(0,0,0,.1);}
.popList .pList .td {border-bottom:1px dashed rgba(0,0,0,.1); }
.popList .pList input {height:auto;}
.popList .btnWrap {clear:both; width:100%; margin-top:25px; text-align:center; }
.popList .btnWrap.nop {margin:10px;}
.popList .btnWrap .bOk {background:#f7c83a; padding:7px 35px; color:#000; border-radius:3px; display:inline-block;}
.popList .btnWrap .bCa {background:#222; padding:7px 35px; border-radius:3px; display:inline-block;}

.popList .qrImg {position:relative; width:211px; height:211px; margin:20px auto; padding:16px; overflow:hidden;}
.popList .qrImg canvas {position:absolute; bottom:15px; left:15px; background:#000;}
.popList .qrImg img {position:absolute; bottom:15px; width:178px; height:178px;}

.popList .find {width:100%; height:40px !important;}
.popList input {background:rgba(0,0,0,.07); color:#000;}
.popList input:-webkit-autofill,
		input:-webkit-autofill:hover,
		input:-webkit-autofill:focus,
		input:-webkit-autofill:active {
	transition: background-color 5000s ease-in-out 0s;
	-webkit-transition: background-color 9999s ease-out;
	-webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
	-webkit-text-fill-color: #000 !important;
}
.popList {}


/* @media all and (max-width: 820px) {
	.popList .pList .tableList.hi80 {height:70%; max-height:200px;}
} */

@media all and (max-width: 360px) {
	.popList {width:95%;}
}

.popBack1 {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.8); z-index:100; display:none;}
.popList1 {position:absolute; top:50%; left:50%; width:700px; transform:translate(-50%, -50%); border-radius:10px; overflow:hidden; box-shadow:0 10px 10px rgba(0,0,0,.5);}
.popList1 .close {position:absolute; top:15px; right:15px; width:20px; height:20px; background:url(/image/icon_x_w.png) no-repeat center; border-radius:50%; display:inline-block; cursor:pointer;}
.popList1 .title {background:#1c2028; padding:15px; color:#fff; font-size:17px; font-weight:600;}
.popList1 .pList {background:#fff; height:550px; padding:25px; font-size:13px;}
.popList1 .pList .search {height:30px; background:rgba(0, 0, 0, 0.02); border:1px solid rgba(0, 0, 0, 0.2);}
.popList1 .pList .selOK {height:30px; padding:0 15px; background:#1c2028; color:#fff; border:0;}
.popList1 .pList .tableList {height:420px; margin-top:15px; overflow-y:auto; }
.popList1 .pList ul {width:100%; display:flex; justify-content:space-around;}
.popList1 .pList ul li {padding:8px; text-align:center; }
.popList1 .pList ul li:nth-child(1) {width:10%;}
.popList1 .pList ul li:nth-child(2) {width:30%;}
.popList1 .pList ul li:nth-child(3) {width:25%;}
.popList1 .pList ul li:nth-child(4) {width:35%;}
.popList1 .pList .th {background:rgba(0,0,0,.02);  border-top:1px solid #1c2028; border-bottom:1px solid rgba(0,0,0,.1);}
.popList1 .pList .td {border-bottom:1px dashed rgba(0,0,0,.1); }
.popList1 .pList input {height:auto;}
.popList1 .btnWrap {clear:both; width:100%; margin-top:15px; padding:0; text-align:center; }
.popList1 .btnWrap .bOk {background:#1c2028; padding:7px 35px; line-height:1;  color:#fff; border-radius:3px; display:inline-block;}
.popList1 .btnWrap .bCa {background:#eee; padding:7px 35px; line-height:1; border-radius:3px; display:inline-block;}

@media all and (max-width: 720px) {
	.popList1 {width:95%;}
}

.popBack2 {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.8); z-index:100; display:none;}
.popList2 {position:absolute; top:50%; left:50%; width:700px; transform:translate(-50%, -50%); border-radius:10px; overflow:hidden; box-shadow:0 10px 10px rgba(0,0,0,.5);}
.popList2 .close {position:absolute; top:15px; right:15px; width:20px; height:20px; background:url(/image/icon_x_w.png) no-repeat center; border-radius:50%; display:inline-block; cursor:pointer;}
.popList2 .title {background:#1c2028; padding:15px; color:#fff; font-size:17px; font-weight:600;}
.popList2 .pList {background:#fff; height:550px; padding:25px; font-size:13px;}
.popList2 .pList .search {height:30px; background:rgba(0, 0, 0, 0.02); border:1px solid rgba(0, 0, 0, 0.2);}
.popList2 .pList .selOK {height:30px; padding:0 15px; background:#1c2028; color:#fff; border:0;}
.popList2 .pList .tableList {height:420px; margin-top:15px; overflow-y:auto; }
.popList2 .pList ul {width:100%; display:flex; justify-content:space-around;}
.popList2 .pList ul li {padding:8px; text-align:center; }
.popList2 .pList ul li:nth-child(1) {width:10%;}
.popList2 .pList ul li:nth-child(2) {width:30%;}
.popList2 .pList ul li:nth-child(3) {width:25%;}
.popList2 .pList ul li:nth-child(4) {width:35%;}
.popList2 .pList .th {background:rgba(0,0,0,.02);  border-top:1px solid #1c2028; border-bottom:1px solid rgba(0,0,0,.1);}
.popList2 .pList .td {border-bottom:1px dashed rgba(0,0,0,.1); }
.popList2 .pList input {height:auto;}
.popList2 .btnWrap {clear:both; width:100%; margin-top:15px; padding:0; text-align:center; }
.popList2 .btnWrap .bOk {background:#1c2028; padding:7px 35px; line-height:1; color:#fff; border-radius:3px; display:inline-block;}
.popList2 .btnWrap .bCa {background:#eee; padding:7px 35px; line-height:1; border-radius:3px; display:inline-block;}

@media all and (max-width: 720px) {
	.popList2 {width:95%;}
}


/* 20201120 popup */
	#popup-wrap {
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 99999;
		width: fit-content;
		max-width: 1200px;
		display: flex;
		justify-content: center;
		align-items: baseline;
	}
	#popup-wrap .closeBox {position:absolute; width:100%; top:-10px; right:12px; text-align:right; font-size:13px;}
	#popup-wrap .closeBox img {padding:0px 0 0 0;}

	#popup-wrap img {width: 100%;}
	#popup-wrap table {
		width: 100%;
		margin-bottom: 1em;
		border: 2px solid #000;
	 }
	#popup-wrap table th,
	#popup-wrap table td	{
		padding: 0.35em 0.5em;
		border: 1px solid #111;
		text-align: center;
	}

	#divpop,
	#divpop2,
	#divpop3{
		width:550px;
		max-width: 550px;
		/* box-shadow: -5px -5px 10px rgba(0, 0, 0, 0.1); */
		/* margin: 1%; */
		/* background: #f1f1f1; */
	}
	#divpop2 {left: 600px;}

	#divpop .popInner,
	#divpop2 .popInner,
	#divpop3 .popInner{
		width: 100%;
		/* max-width: 500px; */
		height: auto;
		/* max-height: 500px;
		overflow: auto; */
		padding: 0;
		font-size: 13px;
		color:#000;
		/* background: top left / cover url(/img/popBg-top.png) no-repeat, bottom right / cover url(/img/popBg-bot.png) no-repeat, #f5f5f5; */
	}
	#divpop .title,
	#divpop2 .title,
	#divpop3 .title
	{
		padding:0 10px;
		font-size: 17px;
		font-weight: bolder;
		text-align: center;
		line-height: 2;
	}
	#divpop .date,
	#divpop2 .date,
	#divpop3 .date
	{
		font-size: 12px;
		color: #555;
		text-align: right;
	}
	#divpop .textBox,
	#divpop2 .textBox,
	#divpop3 .textBox{
		max-height: 400px;
		
		/* margin: 30px 0 10px; */
		background: #fff;
		padding: 30px 20px;
		overflow-y: auto;
		font-size: 13px;
		line-height: 1.7;
		font-weight: 400;
	}
	#divpop .textBox::-webkit-scrollbar,
	#divpop2 .textBox::-webkit-scrollbar,
	#divpop3 .textBox::-webkit-scrollbar{
		display: block;
		width: 10px;
	}
	#divpop .textBox::-webkit-scrollbar-thumb,
	#divpop2 .textBox::-webkit-scrollbar-thumb,
	#divpop3 .textBox::-webkit-scrollbar-thumb{
		background: #ddd;
	}
	#divpop input,
	#divpop2 input,
	#divpop3 input{
		height: auto;
		margin: 0 3px 0 0;
		vertical-align: inherit;
	}
	#divpop .btn-wrap,
	#divpop2 .btn-wrap,
	#divpop3 .btn-wrap{
		display: flex;
		justify-content: space-around;
		margin: 0 auto;
	}
	#divpop button,
	#divpop2 button,
	#divpop3 button{
		margin-top: 30px;
		text-align: center;
		border: none;
		background: #ebebeb;
		padding: 10px;
		width: 30%;
		border-radius: 5px;
		font-size: 14px;
		font-weight: 400;
		opacity: 1;
	}
	#divpop .closePop,
	#divpop2 .closePop,
	#divpop3 .closePop{
		background: #777;
		color: #fff;
	}

	#divpop button.on,
	#divpop2 button.on,
	#divpop3 button.on{
		background: #ccc;
	}
	#divpop .closePop.on,
	#divpop2 .closePop.on,
	#divpop3 .closePop.on{
		background: #333;
	}

	#divpop .textBox li,
	#divpop2 .textBox li,
	#divpop3 .textBox li{
		margin: 10px 0;
	}
	#divpop .textBox li:not(.loc) {
		padding-left: 80px;
	}
	#divpop2 .textBox ul {margin: 30px 0;}

	#divpop .inputBox,
	#divpop2 .inputBox,
	#divpop3 .inputBox
	{
		width: 100%;
		/* max-width: 500px; */
		background: #333;
		color: #fff;
		padding: 5px 0;
		overflow: hidden;
		text-align: right;
		font-size: 12px;
		letter-spacing: -1px;
	}
	#divpop .inputBox input,
	#divpop2 .inputBox input,
	#divpop3 .inputBox input{
		width: 12px;
		height: 18px;
		letter-spacing: -0.5px;
		vertical-align: sub;
	}
	#divpop .inputBox b,
	#divpop2 .inputBox b,
	#divpop3 .inputBox b 
	{
		color: #fff;
		margin-left: 5px;
		margin-right: 15px;
		letter-spacing: -0.5px;
	}

	@media screen and (max-width: 600px) {
		#popup-wrap {height:90%; overflow-y:auto;}
		#divpop. #divpop2, #divpop3 {width:400px;}
		#popup-wrap .closeBox {width:100%; top:10px; right:12px; text-align:right; font-size:11px;}
		#popup-wrap .closeBox img {margin-top:-10px; padding:0px 0 0 0;}
	}

	@media screen and (max-width: 500px) {
		#divpop, #divpop2, #divpop3 {width:350px;}
	}


	@media screen and (max-width: 400px) {
		#divpop .popInner,
		#divpop2 .popInner,
		#divpop3 .popInner{
			
		}
		#divpop .title,
		#divpop2 .title,
		#divpop3 .title{
			font-size: 5vw;
		}
		#divpop1 .textBox,
		#divpop2 .textBox,
		#divpop3 .textBox{
			max-height: 250px;
			padding: 20px 15px;
		}
	
		 #divpop3 .inputBox {/* padding-right: 30px; */}
	}

	@media all and (max-width: 1000px){
		#popup-wrap {
			/* width: 90%;
			top: 5em;
			transform: translateX(-50%); */
			flex-wrap: wrap;
		}
		#divpop .textBox,
		#divpop2 .textBox,
		#divpop3 .textBox{
			max-height: 350px;
		}
	}
/* 20201120 popup end */


/************************************ nove꺼 가져다가 여기서부터 붙여넣기 함 ******/

.grayBox {position:relative; width:95%; margin:20px auto; padding:10px 25px; background:#6a6a58; border-radius:15px;}
.grayBox ul {padding:15px 0;}
.grayBox ul:first-child {border-bottom:1px solid rgba(255,255,255,.2);}
.grayBox strong {color:#fff;} 
.grayBox a {text-decoration:underline;}
.grayBox.green {float:left; width:48.5%; background:#314a34; margin:5px 0 10px 3%; padding:15px 20px; }
.grayBox.green:nth-child(2n+1) {margin:5px 0;}
.grayBox.green .tit {font-size:14px; color:#fff;}
.grayBox.green p {font-size:15px; color:rgba(255,255,255,.7);}

.grayBox.top {width:95%; background:#314a34; margin:15px auto; padding:20px; text-align:center; font-size:17px;}
.grayBox.top strong {font-size:20px;}

.grayBox1 {position:relative; width:95%; margin:10px auto; padding:10px; background:#6a6a58; border-radius:15px;}
.grayBox2 {position:relative; width:95%; margin:30px auto; padding:10px; background:#6a6a58; border-radius:15px;}
.grayBox3 {position:relative; width:95%; margin:30px auto; padding:30px 0; background:#6a6a58; text-align:center; border-radius:15px;}
.grayBox3 a {display:inline-block; font-size:15px; text-decoration:none;}
.grayBox3 a img {width:40px; height:auto; margin:0 7px 0 0; vertical-align:middle;}

.grayBox4 {position:relative; width:95%; margin:10px auto 20px; padding:;}

.grayBox .title {position:absolute; top:-10px; left:50%; transform:translateX(-50%); background:#314a34; padding:4px 15px; font-size:13px; border:1px solid #699566; border-radius:50px;}
.grayBox2 .title {position:absolute; top:-10px; left:50%; transform:translateX(-50%); background:#314a34; padding:4px 15px; font-size:13px; border:1px solid #699566; border-radius:50px;}

.grayBox ul.w50 {float:left; width:50%; padding:10px;}
.grayBox ul.w50:nth-child(2) {border-bottom:1px solid rgba(255,255,255,.2); border-left:1px solid rgba(255,255,255,.2);}
.grayBox ul.w50:nth-child(3) {padding:20px 0; text-align:center;} 
.grayBox ul.w50:nth-child(4) {padding:20px 0; text-align:center; border-left:1px solid rgba(255,255,255,.2);} 
.grayBox ul .btnGreen {background:linear-gradient(rgb(116, 221, 101) 50.52%, rgb(133, 219, 77) 100%); padding:7px 15px; text-decoration:none; border-radius:50px; display:inline-block;}
.borNb {border-bottom:0 !important;}
.grayBox .borB {border-bottom:1px solid rgba(255,255,255,.2);}

.grayBox .tit {padding-bottom:10px; font-size:15px;}
.grayBox .w20 {float:left; width:20%; font-size:13px; color:rgba(255,255,255,.7); line-height:2.1;}
.grayBox .w30 {float:left; width:30%; font-size:13px; color:rgba(255,255,255,.7);}
.grayBox .w70 {float:left; width:70%; text-align:right;}
.grayBox .w80 {float:left; width:70%; text-align:right;}
.grayBox input.invite {background:transparent; height:30px; border:0;}

.grayBox50 {float:left; width:48.5%; margin:5px 0 10px 3%; padding:15px 20px; background:#6a6a58; border-radius:15px;}
.grayBox50:nth-child(2n+1) {margin:5px 0;}
.grayBox50 .tit {font-size:14px; color:#fff;}
.grayBox50 p {font-size:13px; color:rgba(255,255,255,.7);}

/* qr */
.btnTag {width:32%; background:#8ed386; padding:10px 0; text-align:center; font-size:14px; border-radius:7px;}
.qrWrap {width:100%; text-align:center;}
.qrWrap .qrImg {position:relative; width:211px; height:211px; margin:20px auto; padding:16px; border:1px solid #8bd183; border-radius:7px; overflow:hidden;}
.qrWrap .qrImg canvas {position:absolute; bottom:15px; left:15px; background:#000;}
.qrWrap .qrImg img {position:absolute; bottom:15px; width:178px; height:178px;}
.qrWrap .btnCopy {background:rgb(116, 221, 101); margin:3px 0 10px 0; padding:5px 20px; border-radius:7px; display:inline-block;}
.qrWrap .coment {text-align:left;}


.pdfWrap {max-width:70%; width:250px; margin:70px auto;}
.pdfWrap a {width:100%; background:#6a6a58; margin:3px auto; padding:8px 0; text-align:center; border-radius:50px; display:inline-block;}


/* 하단메뉴 */

.fixMenu {position:fixed; bottom:0; width:100%; left:50%; max-width:800px; height:60px; background:#0d0d0d; transform:translateX(-50%); box-shadow:0px -10px 10px rgba(0,0,0,.2); display:block; z-index:10;}
.fixMenu ul {width:95%; height:100%; margin:0 auto;}
.fixMenu ul li {float:left; width:20%; height:100%; background-size:25px auto;}
.fixMenu ul li p {padding:38px 0 0 0; font-size:11px; font-weight:600; text-align:center;}
.fixMenu ul li.home {position:relative;}
.fixMenu ul li.on p {color:#f7c83a;}
.fIcon01 {background:url(/image/menu01.png) no-repeat center 10px;}
.fIcon02 {background:url(/image/menu02.png) no-repeat center 10px;}
.fIcon03 {background:url(/image/menu03.png) no-repeat center 10px;}
.fIcon04 {background:url(/image/menu04.png) no-repeat center 10px;}
.fIcon05 {background:url(/image/menu05.png) no-repeat center 10px;}

.fIcon01.on {background:url(/image/menu01_on.png) no-repeat center 10px; background-size:25px auto;}
.fIcon02.on {background:url(/image/menu02_on.png) no-repeat center 10px; background-size:25px auto;}
.fIcon03.on {background:url(/image/menu03_on.png) no-repeat center 10px; background-size:25px auto;}
.fIcon04.on {background:url(/image/menu04_on.png) no-repeat center 10px; background-size:25px auto;}
.fIcon05.on {background:url(/image/menu05_on.png) no-repeat center 10px; background-size:25px auto;}

.fixMenu .cir {position:absolute; top:-8px; left:50%; margin-left:-25px; width:50px; height:50px; background-size:50% auto; border-radius:50%; border:1px solid rgba(0,0,0,.1); box-shadow:0 7px 10px rgba(0,0,0,.1); }
/* .fIcon03 {background:url(/image/fmenu03.png) no-repeat center #f7c83a; } */


/* 지갑메인 */
.walletTop {width:100%; background:url(/image/top_wallet.png) no-repeat top center; background-size:cover; margin:-50px auto 0; padding:80px 30px 40px 30px; text-shadow:0 0 5px rgba(0,0,0,.3);}
.walletTop .name {font-size:15px; color:#fff;}
.walletTop .number {font-size:25px; font-weight:600; color:#f7c83a;}
.walletTop span {font-size:14px;}
.walletTop .numberS {font-size:20px; font-weight:600; color:#fff;}
.walletBtn {width:80%; margin:20px auto; text-align:center;}
.walletBtn .btn {width:100%; background:rgba(255,255,255,.1); margin:5px auto; padding:15px 30px; color:#fff; border-radius:10px; display:inline-block; overflow:hidden;}
.walletBtn .btn ul {float:left;}
.walletBtn .btn ul li {text-align:left;}
.walletBtn .btn .icon {width:65px; text-align:left;}
.walletBtn .btn .cont {width:calc(100% - 65px); text-align:left;}
.walletBtn .btn .name {padding:8px 0 3px 0; font-size:17px;}
.walletBtn .btn .rest {font-size:12px; color:rgba(255,255,255,.6); word-break:break-all;}

.mSub {width:100%; background:rgba(255,255,255,.1); margin:7px auto; padding:10px; color:#fff; border-radius:4px; overflow:hidden; display:none;}
.mSub a {float:left; width:50%; line-height:1.2;}
.mSub a.w03 {width:33.3%;}
.bep20 {background:url(/image/bep_w.png) no-repeat center; background-size:auto 100%; color:transparent !important;}

@media all and (max-width: 500px){
	.walletBtn {width:95%;}
}

@media all and (max-width: 370px){
	.walletBtn .btn {padding:15px 20px;}
}

.asset {width:95%; margin:0 auto;}
.asset .tit {font-size:15px; font-weight:600; color:#fff;}
.asset .unit {margin:5px 0; padding:20px; background:rgba(255,255,255,.1); overflow:hidden; border-radius:10px;}
.asset .unit ul {float:left;}
.asset .unit .icon {width:50px;}
.asset .unit .icon img {width:30px;}
.asset .unit .detail {float:right; width:100px; padding-top:15px; color:rgba(255,255,255,.4); text-align:right;}
.asset .unit .tit {color:#fff; font-size:16px; font-weight:500;}
.asset .unit .price {color:#f7c83a; font-weight:600; font-size:17px;}


/* 구매신청 NEW */
.packWrap {width:85%; margin:0 auto; overflow:hidden;/*  display:flex; flex-wrap:wrap; justify-content:space-around; */}
.packBox {float:left; width:32.5%; background:rgba(255,255,255,.1); margin:0 0 25px 1.25%; text-align:center; border-radius:20px; overflow:hidden;}
.packBox:nth-child(3n+1) {margin:0 0 25px 0;}
.packBox .title {width:80%; margin:25px auto; padding-bottom:15px !important; border-bottom:1px dashed rgba(255,255,255,.1); color:#f7c83a; font-weight:600;}
.packBox .price {margin-top:-15px; color:#fff; font-size:25px; font-weight:600;}
.packBox .price .small {font-size:20px;}
.packBox .qty {width:110px; margin:15px auto 30px; overflow:hidden;}
.packBox .qty ul li {float:left; width:30.5px; height:35px; font-size:16px; font-weight:600; color:#fff; line-height:35px; border:1px solid rgba(255,255,255,.15);}
.packBox .qty .input {width:45px; margin:0 2px; border:0;}
.packBox .qty input {width:100%; height:100%; text-align:center; font-size:16px; font-weight:600; color:#fff; border:0;}
.packBox .btnBuy {background:#f7c83a; padding:13px 0; color:#000; font-weight:600;}
.packBox .br {display:block;}
.alarm {width:95%; margin:20px auto; padding:0 5% 20px 5%; color:#fff; border-bottom:1px solid rgba(255,255,255,.2); overflow:hidden;}
.alarm span {float:left; word-break:break-all;}
.alarm .cont {float:right; width:calc(100% - 40px);}


@media all and (max-width: 640px){
	.packWrap {width:95%;}
	.packBox {width:49%; }
	.packBox:nth-child(3n+1) {margin:0 0 25px 0;}
	.packBox:nth-child(2n+1) {float:left; margin:0 0 25px 0;}
	.packBox:nth-child(2n+2) {float:right;}
	.packBox .title {font-size:20px;}
	.packBox .price {font-size:21px;}
	.packBox .price .small {font-size:15px;}
	.packBox .qty {margin:15px auto 20px;}
}

@media all and (max-width: 520px){
	.packBox {width:47%; border-radius:15px;}
	.packBox .title {margin:15px auto; font-size:18px;}
	.packBox .price {font-size:19px;}
	.packBox .price .small {font-size:15px;}
	.packBox .btnBuy {padding:10px 0;}
}

@media all and (max-width: 420px){
	.packWrap {}
	.packBox {position:relative; width:100%;}
	.packBox .title {width:90%;}
	.packBox .secLeft {float:left; width:calc(100% - 90px); }
	.packBox .secRight { float:right; width:90px;}
	.packBox .price {float:left; width:calc(100% - 100px - 5%); margin:0;}
	.packBox .qty {float:right; width:90px; margin:0 5% 20px 0;;}
	.packBox .qty ul li {width:25.5px; height:28px; font-size:14px; line-height:28px;}
	.packBox .qty .input {width:35px; margin:0 2px; border:0;}

	.packBox .br {display:inline;}
	.packBox .btnBuy {position:absolute; width:90px; height:100%; vertical-align:middle; /* padding:12% 0 0 0; */}
	.packBox .btnBuy span {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
	
}

.subTit {clear:both; width:95%; margin:0 auto; padding:0 0 5px 0; color:#fff; font-size:18px; font-weight:500; text-align:left; display:block;}
.packMy {width:95%; background:rgba(255,255,255,.1); margin:0 auto; padding:15px; border-radius:20px; overflow:hidden;}
.packMy ul {float:left; width:50%; padding:0 15px; text-align:center;}
.packMy .name {font-size:16px; font-weight:600; color:#fff; border-bottom:1px dashed rgba(255,255,255,.2);}
.packMy ul li {padding:10px; font-size:17px; color:#fff;}
.packMy ul li strong {color:#f7c83a;}
.packMy .usd {padding:10px 0; color:#f7c83a; font-size:20px; font-weight:600;}
.packMy .star {font-size:22px; color:#fff;}
.packMy .redF {color:#fc6252; font-size:25px; font-weight:600;}

@media all and (max-width: 480px){
	.packMy .name {font-size:15px;}
	.packMy ul li {font-size:15px;}
	.packMy .usd {font-size:17px;}
	.packMy .star {font-size:19px;}
	.packMy .redF {font-size:25px;}
}

/* 초대하기 */
.inviteWrap {position:relative; width:600px; height:260px; background:url(/image/invite_bg.jpg) no-repeat center; background-size:cover; margin:0px auto; padding:40px;  border-radius:15px;}
.inviteWrap .text {padding-top:40px; color:#fff; font-weight:600; font-size:30px; text-shadow:0 2px 10px rgba(0,0,0,.3);}
.inviteWrap .in {position:absolute; bottom:30px; left:20px; width:calc(100% - 40px);}
.inviteWrap .in input {width:100%; height:40px; background:rgba(0,0,0,.09); border-radius:5px; border:1px solid rgba(0,0,0,.1);}
.inCopy {width:600px; background:#f7c83a; margin:7px auto; padding:20px 0; color:#000; font-weight:600; font-size:15px; text-align:center; border-radius:5px; cursor:pointer;}


@media all and (max-width: 620px){
	.inviteWrap {width:95%; height:250px;}
	.inCopy {width:95%;}
}

/* 보너스내역 btc지갑 */
.wWrap {width:95%; margin:0 auto; padding:25px 25px 15px 25px; color:#000; border-radius:15px; overflow:hidden;}
.wWrap.btc {background:#f7941d;}
.wWrap.ted {background:#51af95;}
.wWrap .wTit {padding:0 0 15px 5px; font-size:20px; font-weight:600;}
.wWrap ul {float:left;}
.wWrap .coin {width:100px;}
.wWrap .price {width:calc(100% - 100px); text-align:right;}
.wWrap .price .bit {padding-bottom:7px; font-size:25px; font-weight:600; border-bottom:1px solid rgba(0,0,0,.154);}
.wWrap .price .bit .small {font-size:20px;}
.wWrap .price .usd {padding-top:7px; font-size:18px; font-weight:600; color:rgba(0,0,0,.6);}
.wWrap .price .usd .small {font-size:15px;}

@media all and (max-width: 420px){
	.wWrap .price .bit {font-size:20px;}
	.wWrap .price .bit .small {font-size:15px;}
	.wWrap .price .usd {font-size:16px;}
	.wWrap .price .usd .small {font-size:13px;}
}

.wBtn {width:95%; margin:20px auto; overflow:hidden;}
.wBtn .btn50 {float:left; width:48.5%; background:rgba(255,255,255,.1); padding:5px 0; color:#fff; font-size:16px; font-weight:500; line-height:3.5; text-align:center; border-radius:10px;}
.wBtn .btn50:nth-child(2) {float:right;}
.wBtn .btn50.posiR {position:relative;}
.wName {padding:0 0 7px 2.5%; color:#fff; font-size:17px; font-weight:500;}

.wSub {width:48.5%; float:left; background:rgba(255,255,255,.1); margin:7px 0 0 0; padding:10px; color:#fff; border-radius:4px; overflow:hidden; display:none;}
.wSub a {float:left; width:50%; text-align:center;}

.smallTab {width:95%; margin:0 auto;}
.smallTab ul { overflow:hidden;}
.smallTab ul li {float:left; width:25%; background:rgba(255,255,255,.1); padding:6px; font-size:13px; text-align:center; border-radius:5px 5px 0 0; border:1px solid rgba(255,255,255,.2);}
.smallTab ul li.w04 {width:25%;}
.smallTab ul li.on {background:#f7c83a; color:#000; font-weight:500; border:1px solid #f7c83a;}
.smallTab.gr ul li.on {background:#51af95; border:1px solid #51af95;}


.wList {width:95%; margin:10px auto; display:flex; flex-wrap:wrap; overflow:hidden;}
.wList ul {width:100%; padding:5px 0; margin:5px 0; border-bottom:1px dashed rgba(255,255,255,.25);}
.wList .pic {width:40px;}
.wList .pic img {width:33px;}
.wList .wName {width:30%; font-size:15px;}
.wList .date {color:rgba(255,255,255,.5); font-size:12px; }
.wList .wNumber {width:calc(100% - 30% - 40px); font-size:15px; color:#fff; text-align:right;}

@media all and (max-width: 420px){
	.wList .wName {font-size:14px;}
}


/* 추천리스트 */
.recoWrap {}
.recoBox {margin:0 auto 7px; overflow:hidden;}
.recoBox ul {float:left;}
.recoBox .icon {width:70px; }
.recoBox .cont {width:calc(100% - 70px); color:rgba(255,255,255,.6); font-size:13px; word-break:break-all;}
.recoBox strong {padding-bottom:5px; font-size:16px; color:#fff; font-weight:500; display:block;}
.recoBox .total {width:35%;}
.recoBox .totalN {width:65%;}

.wrapFlex {display:flex; }
.lBox {width:95%; margin:5px auto; padding:20px 15px; color:#fff; border:1px solid rgba(225,255,255,.3); border-radius:10px; overflow:hidden;}
.lBox .up {padding-bottom:15px; font-size:16px; color:#fff;}
.lBox .date {float:right; margin-top:3px; color:rgba(255,255,255,.6); font-size:13px;}
.lBox ul {float:left; width:calc(100% - 90px);}
.lBox ul li {padding:3px 0;}
.lBox .icon {width:90px; padding-top:10px;}
.lBox .icon img {}
.lBox dd {float:left; font-size:15px; }
.lBox dd:nth-child(1) {width:75px;}
.lBox dd:nth-child(2) {width:40px; padding-left:5px;}
.lBox dd:nth-child(3) {width:18px; }
.lBox dd:nth-child(4) {width:calc(100% - 133px); text-align:right;}


/* 마이닝정보 */
.mWrap {width:95%; margin:0px auto;}
.mWrap .tit {color:#fff; font-size:17px;}
.mBox {width:100%; margin:0px auto 10px; overflow:hidden;}
.mBox ul {float:left;}
.mBox ul:nth-child(1) {width:90px; color:#fff; font-size:15px; font-weight:500;}
.mBox ul:nth-child(2) {width:calc(100% - 140px); padding-left:10px; text-align:center; border-left:1px dashed rgba(255,255,255,.2);}
.mBox ul:nth-child(3) {width:50px; margin-bottom:10px;}
.mBox ul:nth-child(5) {width:90px; color:#fff; font-size:15px; font-weight:500;}
.mBox ul:nth-child(6) {width:calc(100% - 140px); padding-left:10px; text-align:center; border-left:1px dashed rgba(255,255,255,.2);}
.mBox ul:nth-child(7) {width:50px; margin-bottom:10px;}

.mBox .big {font-size:20px; font-weight:600; color:#f7c83a;}
.mBox .mid {font-size:17px; font-weight:600; color:#f7c83a;}
.mBox .small {color:#fff;}
.borH {width:100%; height:1px; background:rgba(255,255,255,.2); margin:10px 0; }

.roBox {width:100%; margin:0px auto 10px; overflow:hidden;}
.roBox ul {float:left;}
.roBox .rocket {width:40%; text-align:center; color:#fff; font-size:18px;}
.roBox .rocket .usd {color:#37d0a1; font-size:16px;}
.roBox .con {width:60%; padding:10px 10px 0 10px; font-size:16px;}
.roBox .con li {padding:3px 0;}

.roList {margin:20px 0 0 0;}
.roList ul {padding:; border-bottom:1px solid rgba(255,255,255,.2); overflow:hidden;}
.roList ul.th li {height:auto; padding:7px 0; color:#fff; font-size:14px; line-height:1.2;}
.roList ul li {float:left; height:60px; line-height:60px; text-align:center; }
.roList .number {width:30px;}
.roList .device {width:100px; padding:10px 0 0 0; font-size:17px; line-height:1.2;}
.roList .qty {width:40px;}
.roList .doc {width:calc(100% - 210px);}
.roList .file {width:40px; padding:20px 0 0 0;}
.roList .file img {width:60%;}
.roList .date {font-size:13px; color:rgba(255,255,255,.7);}


.dd-option {color:#000;}


.alert {position:fixed; top:50%; left:50%; width:350px; background:#000; transform:translate(-50%, -50%); padding:30px 20px 20px 20px; text-align:center; border-radius:15px; box-shadow:0 10px 20px rgba(0,0,0,.7);}
.alert .logo {}
.alert .coin {color:#26a17b; font-size:25px; font-weight:600;}
.alert .coin img {height:30px;}
.alert .text {padding:10px 0 20px 0; font-size:15px; color:#fff;}
.alert .btnYe {width:100px; background:#f7c83a; padding:7px 0; text-align:center; color:#000; border-radius:5px; cursor:pointer; display:inline-block;}
.alert .btnWh {width:100px; background:#fff; padding:7px 0; text-align:center; color:#000; border-radius:5px; cursor:pointer; display:inline-block;}

@media all and (max-width: 360px){
	.alert {width:95%;}
}

/* pdf */
.imgWrap {width:100%; }
.imgWrap div {margin-bottom:10px; color:#d1b439;}
.imgWrap img {width:100%;}
.imgWrap .page {position:relative;}
.imgWrap p {position:absolute;}
.imgWrap .posi01 {top:27.5%; left:22%; font-size:1.5em;}
.imgWrap .posi02 {top:30.8%; left:29.5%; font-size:1.5em;}
.imgWrap .posi03 {top:37.2%; left:8.7%; font-size:1.5em;}
.imgWrap .posi04 {top:40%; left:8.7%; font-size:1.5em;}
.imgWrap .posi05 {top:76.8%; left:17.5%; font-size:0.5em;}
.imgWrap .posi06 {top:84%; left:8.7%; font-size:1.2em;}


@media all and (max-width: 600px){
	.imgWrap .posi01 {font-size:1.1em;}
	.imgWrap .posi02 {font-size:1.1em;}
	.imgWrap .posi03 {font-size:1.1em;}
	.imgWrap .posi04 {font-size:1.1em;}
	.imgWrap .posi05 {font-size:0.1em;}
	.imgWrap .posi06 {font-size:0.8em;}
}

@media all and (max-width: 480px){
	.imgWrap .posi01 {font-size:1em;}
	.imgWrap .posi02 {font-size:1em;}
	.imgWrap .posi03 {font-size:1em;}
	.imgWrap .posi04 {font-size:1em;}
	.imgWrap .posi05 {font-size:0.1em;}
	.imgWrap .posi06 {font-size:0.5em;}
}