@charset "utf-8";
/* 
font-family: 'Nanum Gothic';
Regular 400
Bold 700
ExtraBold   800
*/

/* **** Common Reset **** */
*{margin:0;padding:0;list-style:none;/*font-size:13px;*/font-weight:400;font-family: 'Noto Sans KR', sans-serif;,sans-serif;box-sizing:border-box;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5{margin:0;padding:0;word-wrap:break-word;word-break:break-all;}
li,p,span,strong,a,i,em{font-size:inherit;color:inherit;font-family:inherit;}
b, strong{font-weight:700;color: inherit;font-size: inherit;}
font{font-weight:700;font-size:inherit;}
body, html{width:100%;height:100%;background: #000;}
input,select,img{vertical-align:middle;}
img{border:0;}
table{width:100%;border-collapse: collapse;}
table caption{position: absolute;top: 0px;left: 0px;overflow: hidden;display: block !important;width: 0px !important;height: 0px !important;margin: 0 !important;font-size: 0 !important;line-height: 0 !important;}
.clear{clear:both;}
.clearfix::after{content:"";display:block;clear:both;}
.blind {position: absolute;top: 0px;left: 0px;overflow: hidden;display: inline-block !important;width: 1px !important;height: 1px !important;margin: 0 !important;font-size: 0 !important;line-height: 0 !important;}
a{display:inline-block;text-decoration:none;transition:all 0.2s ease-in-out;}
i{font-style:normal;}
input[type="password"]{font-family: 'Nanum Gothic';}

.blue{color: #317efe !important;}
.blue2{color: #21b4f1 !important;}
.green{color: #33f80c !important;}
.red{color: #e75300 !important;}
.grey{color:#989898 !important;}
.pink{color:#ff0e7f !important;}
.qing{color:#19f3f0 !important;}
.qing2{color:#00d2ff !important;}
.orange{color:#fb7d0e !important;}
.yellow2{color:#f2f511 !important;}



/* 20201025 */
.login-p{display:inline-block;line-height:40px !important;min-width: 210px;border: none;border-radius: 10px;text-align: center;text-decoration: none;transition: border-color 0.25s, background-color 0.25s, color 0.25s;background: #0040ff;color: #fff; font-weight:bold}
.login-before{/*float:right;*/height: 40px;/*margin-right: 100px;*/overflow: hidden;}
.login-before ul{float:left;}
.login-before ul > li{float:left;color: #fff;/*border-right: 1px solid #272f4b;*/}
.login-before ul > li:first-child{/*border-left: 1px solid #272f4b;*/}
.login-before ul > li a{display:block;padding: 0 20px;}
.login-before ul > li a i{vertical-align: -2px;margin-right: 5px;}

.login-box { display:none;z-index:99;border: 2px solid #f13fcf;border-image: linear-gradient(45deg, #C18A6E, #C18A6E) 10;}
/*.pop-bg{display:none;position:fixed;top:0;left:0;z-index:9999;width:100%;height:100%;background:rgba(0, 0, 0, 0.5);}*/
.join-box{display:none;z-index:99;border: 2px solid #C18A6E;/*border-image: linear-gradient(45deg, #00b0c8, #772ffc) 10;*/}
.join-box{position:absolute !important;top: 5%;left: 0;right: 0;/*padding: 0 !important;*/}
.pop-close{position:absolute;top: 20px;right: 20px;}
.pop-close i{font-size: 30px;color:#fff;}
/* //20201025 */



.left-quick{position: absolute;left: 0;z-index: 1;width: 70px;height: 100%;border-right: 1px solid #2a2b2c;background: #060606;}
.left-quick a{display:block;position: relative;padding-top: 16px;height: 70px;box-sizing: border-box;border-bottom: 1px solid #2a2b2c;}
.left-quick a span{display:block;width:100%;text-align:center;}
.left-quick a span.icon{font-size:20px;color:#fff;}
.left-quick a:hover span.icon{color: #ed0104; text-decoration:none}
.left-quick a span.txt{position: absolute;top: 45px;font-size:12px;font-weight:700;color:#fff;}


.top{display: none;position:fixed;bottom: 100px;right: 50%;z-index: 1;margin-right: -899px;}

.mymoneyinfo {
  color: #c18a6e;
}

/* º£ÆñÔÁ¤ */
.rule_wrap .rule_top_sp dl{display: table-cell;width: 33.333%;min-height: 295px;;padding:15px;background: #222;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.rule_wrap .rule_top_sp dl:nth-child(2){background: #444;}
.rule_wrap .rule_top_sp:after{clear: both;display: block;content: '';}
.rule_wrap .rule_top_sp dt{text-align: center;margin-bottom: 10px;}
.rule_wrap .rule_top_sp dt strong{color: #eee;font-size: 22px;font-weight: 500;letter-spacing: -0.05em;}
.rule_wrap .rule_top_sp dd li strong{display: table-cell;}
.rule_wrap .rule_top_sp dd li span{display: table-cell;}
.rule_wrap .rule_top_sp dd li i{display: table-cell;}
.rule_wrap .rule_top_sp dd.lst01 ul{background: #333;border-radius:15px;border:1px solid #555;padding:15px;}
.rule_wrap .rule_top_sp dd.lst01 li{border-top:1px solid #555;line-height: 23px;padding:10px 0;}
.rule_wrap .rule_top_sp dd.lst01 li:first-child{border:none;}
.rule_wrap .rule_top_sp dd.lst01 i{width:170px;text-align: center;vertical-align: middle;}
.rule_wrap .rule_top_sp dd.lst01 img{vertical-align: middle;}
.rule_wrap .rule_top_sp dd.lst01 li strong{font-size: 17px;font-weight: 500;color: #fff;letter-spacing: -0.05em;}
.rule_wrap .rule_top_sp dd.lst02 ul{background: #888;border-radius:15px;border:1px solid #222;padding:15px;}
.rule_wrap .rule_top_sp dd.lst02 li{padding:8px 0;font-size: 17px;}
.rule_wrap .rule_top_sp dd.lst02 strong{font-weight: 600;width: 130px;text-align: center;}
.rule_wrap .rule_top_sp dd.lst02 span{letter-spacing: -0.05em;}
.rule_wrap .rule_top_sp dd.lst03 li{font-size: 15px;line-height: 20px;color: #ddd;margin-top: 5px;padding:0 10px;letter-spacing: -0.05em;}
.rule_wrap .rule_sp_cnt{padding:25px 10px;}
.rule_wrap .rule_sp_cnt h2{font-size: 21px;font-weight: 600;letter-spacing: -0.0333em;color: #00fff2;}
.rule_wrap .rule_sp_cnt dl{padding:0 10px;margin-bottom: 20px;}
.rule_wrap .rule_sp_cnt dt{font-weight: 400;font-size: 20px;letter-spacing: -0.05em;margin-top: 15px;color: #eee;}
.rule_wrap .rule_sp_cnt dd{font-size: 17px;line-height: 24px;letter-spacing: -0.0333em;padding:10px;}
.rule_wrap .rule_sp_cnt dd.ko{color: #bbb;}
.rule_wrap .rule_sp_cnt dd.en{color: #888;}
.rule_wrap .rule_btm_cnt{font-size: 16px;line-height: 23px;color: #ddd;}
.rule_wrap .rule_cnt_cs01{text-align: center;padding-bottom:30px;}
.rule_wrap .rule_cnt_cs01 h2{color: #ffe400;font-size: 40px;padding:20px 0;letter-spacing: -0.05em;}
.rule_wrap .rule_cnt_cs01 ul{display: inline-block;margin:20px 0;}
.rule_wrap .rule_cnt_cs01 ul:after{clear: both;display: block;content: '';}
.rule_wrap .rule_cnt_cs01 li{float: left;}
.rule_wrap .rule_cnt_cs01 i{display: block;margin:0 10px;width: 130px;height: 130px;border-radius:50%;background: #555;box-shadow: 3px 5px 0px  rgba(0,0,0,.2);overflow: hidden;}
.rule_wrap .rule_cnt_cs01 i img{display: block; width: 100%;height: 100%;}
.rule_wrap .rule_cnt_cs01 p{font-size: 18px;color: #aaa;line-height: 22px;letter-spacing: -0.05em;}
.rule_wrap .rule_cnt_cs02{clear: both;display: block;text-align: center;border-top:1px solid #444;border-bottom:1px solid #444;padding:30px 0;}
.rule_wrap .rule_cnt_cs02 ul{display: inline-block;}
.rule_wrap .rule_cnt_cs02 li{float: left;}
.rule_wrap .rule_cnt_cs02 li strong{font-size: 40px;color: #fff;font-weight: 600;}
.rule_wrap .rule_cnt_cs02 li strong em{font-weight: 400;font-size: 25px;display: inline-block;padding-left:5px;color: #eee;}
.rule_wrap .rule_cnt_cs02 li:nth-child(2){width: 150px;text-align: center;color: #ddd;font-size: 40px;}
.rule_wrap .rule_cnt_cs02 li:nth-child(2) strong{padding-top:40px;display: inline-block;}
.rule_wrap .rule_cnt_cs02 li span{display: block;font-size: 25px;color: #aaa;}
.rule_wrap .rule_cnt_cs03{text-align: center;margin-bottom: 100px;}
.rule_wrap .rule_cnt_cs03 h2{color: #fff;font-size: 30px;padding:30px 0 20px;letter-spacing: -0.05em;}
.rule_wrap .rule_cnt_cs03 p{font-size: 18px;color: #aaa;padding-bottom:20px;line-height: 22px;letter-spacing: -0.05em;}
.rule_wrap .rule_cnt_cs03 ul{display: inline-block;margin: 20px 0;;}
.rule_wrap .rule_cnt_cs03 ul:after{clear: both;display: block;content: '';}
.rule_wrap .rule_cnt_cs03 li{float: left;width: 400px;padding:10px 0;}
.rule_wrap .rule_cnt_cs03 li:nth-child(2){border-left:1px solid #444;}
.rule_wrap .rule_cnt_cs03 li span{display: block;font-size: 25px;color: #eee;}
.rule_wrap .rule_cnt_cs03 li em{display: block;color: #bbb; ;}
.rule_wrap .rule_cnt_cs03 li strong{font-size: 40px;color: #fff;font-weight: 600;}
.rule_wrap .rule_cnt_cs03 li strong em{font-weight: 400;font-size: 25px;display: inline-block;padding-left:5px;color: #eee;}



#footer {background: #000;text-align:center;position: relative;width:100%;min-width:1140px;}
.footer-tp{height: 97px;font-size:0;padding-top: 20px;border-bottom: 1px solid #313133;border-top: 1px solid #303032;}
.footer-tp a{margin: 0 35px;}
.footer-tp a.on{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.footer-bt{ background:#1a1a1c; height: 76px;line-height:76px;padding: 0 60px;overflow:hidden;}
.footer-bt .left{float:left;color:#797979;}
.footer-bt .left strong{font-weight:700;color:#bcbcbc;}
.footer-bt .right{float:right;font-size:14px;color:#fff;}
.footer-bt .right img{margin-right:12px;}
.footer-bt .right strong{font-size:18px;}

.mobileview a{width: 137px;height: 39px;line-height: 39px;text-align:center;background: #27272a;border: 1px solid #313133;color: #828282;border-radius: 5px;}

@media screen and (max-width:1780px){
	.header-bt-rt a{padding-left: 10px;}
	.header-bt-rt a:first-child{padding-right: 10px;}
}
@media screen and (max-width:1700px){
	.nav{}
	.nav > ul > li{margin-left: 10px;}
	.header-tp-lf{width: 35%;}
	.header-tp-lf .notice{/* width: 100%; */padding-left:30px;white-space: nowrap;/* overflow: hidden; *//* text-overflow: ellipsis; */}
	.header-tp-rt{margin-right:30px;}
	.header-tp-rt ul > li{padding: 0 4px;}
	.logo{left:30px;}
	.header-bt-rt{right:30px;}
	.header-bt-rt a:first-child{/* margin-right:15px; */}
}
@media screen and (max-width:1500px){
	.nav{}
	.nav > ul > li{margin-left: 10px;}
	.header-tp-lf{width: 35%;}
	.header-tp-lf .notice{/* width: 100%; */padding-left:30px;white-space: nowrap;/* overflow: hidden; *//* text-overflow: ellipsis; */}
	.header-tp-rt{margin-right:30px;}
	.header-tp-rt ul > li{padding: 0 4px;}
	.logo{left:30px;}
	.header-bt-rt{right:30px;}
	.header-bt-rt a:first-child{/* margin-right:15px; */}
}
@media screen and (max-width:1300px){
	.nav > ul > li{margin-left:5px;}
	.nav > ul > li > a{font-size:17px;}
}