@charset "utf-8";
/* CSS Document */

/* Common */

body,input,textarea,select,button,table{font-family:'Nanum Gothic', sans-serif,'돋움',Dotum,AppleGothic;font-size:16px;color:#fff;}
img,fieldset{border:0}
ol, ul, li { list-style:none !important;}
em,address{font-style:normal}
table {border-collapse:collapse; border-spacing:0;}
textarea:focus, input:focus{outline: none;}

a:link, 
a:active, 
a:visited { color:#fff; text-decoration:none; transition:color 0.3s;}
a:hover { color:#d39f21; text-decoration:none !important; transition:color 0.3s; }

a {outline:none; select-dummy: expression(this.hideFocus=true);}

/* Layout */
#wrap{ width:100%; }
#header_new{ width:100%; margin:auto; }
#container{width:100%; margin:auto; }
#container:after{ display:block; clear:both; content:''; }
#content{ width:100%; margin:20px auto 20px; min-height:600px; }
#regist { width:420px; height:auto; margin:auto; overflow:auto }
#footer{ width:100%; background:#000; }

* { margin: 0; padding: 0; box-sizing: border-box;}
body { background:url(/leo/common_common/bg.jpg) top center #211e1c no-repeat fixed; }

/* You must delete below style */
#wrap{}
.gnb_gnb { width:100%; height:84px; position:sticky; top:0; z-index:999; display:flex; justify-content: space-between; background:#000; background:rgba(0,0,0,0.7); border-bottom:1px solid #333; }
.gnb_gnb .navi { width:auto; display:flex; }
.gnb_gnb .navi .logo { width:auto; margin: 10px 30px 0 40px; }
.gnb_gnb .navi .menu { width:auto; }
.gnb_gnb .navi .menu ul { width:100%; height:84px; display:flex; align-items: center; }
.gnb_gnb .navi .menu ul li { width:auto; display:inline-block; padding:5px; margin:0 10px; font-size:20px; }
.gnb_gnb .navi .menu ul li a { color:#fff; }
.gnb_gnb .navi .menu ul li a:hover { color:#ffd57f; }
.gnb_gnb .btnGp { width:auto; height:84px; display:flex; align-items: center; margin-right:20px; }
	.btn_charge { border:0; background:#b50000; width:auto; padding:0 15px; height:34px; cursor:pointer; _cursor:hand; line-height:32px; text-align:center; display:inline-block; margin:0 5px; font-size:15px; transition:0.3s; }
	.btn_charge:hover { background:#db0f0f; transition:0.3s; }

#header_new{}
.header_new { width:100%; height:auto; }
.header_new .info { width:100%; height:60px; background:#000; background:rgba(0,0,0,0.45); border-bottom:1px solid #333; }
.header_new .info ul { height:59px; margin-left:20px; display:flex; float:left; }
.header_new .info ul li { padding:0 20px; font-size:15px; color:#87826d; line-height:56px; border-left:1px solid #333; }
.header_new .info ul li:last-child { border-right:1px solid #333; }
.header_new .info ul li a { color:#fff; margin:0 5px; }
.header_new .info ul li a:hover { color:#ffb027; }
.header_new .info ul li span { color:#ffd57f; margin:0 5px; }
.header_new .info ul li img { margin-right:5px; }
	.btn_logout { float:right; border:0; background:#215085; width:auto; padding:0 15px; height:34px; cursor:pointer; _cursor:hand; line-height:32px; text-align:center; display:inline-block; margin:12px 25px 0 0; font-size:15px; transition:0.3s; }
	.btn_logout:hover { background:#2a66a9; transition:0.3s; }

.header_new .lineNews { width:100%; height:59px; background:#000; background:rgba(0,0,0,0.45); border-bottom:1px solid #333; display:flex; font-size:15px; line-height:56px; }
.header_new .lineNews > .tit { width:100px; color:#e90000; text-align:center; }
.header_new .lineNews > .news { width:calc(100% - 120px); color:#e0b87d; white-space: no-wrap; overflow: hidden; text-overflow: ellipsis; }
.header_new .lineNews > .news div { float:left; margin-right:30px; color:#e0b87d; }

.gameList { width:100%; height:100px; background:rgba(0,0,0,0.7); border-bottom:1px solid #333; position:sticky; top:84px; z-index:999; }
.gameList ul { width:100%; display:flex; justify-content: center; }
.gameList ul li { width:60px; height:92px; margin:5px 10px 0; }
.gameList ul a li { width:60px; height:92px; margin:5px 10px 0; transition:0.3s; }
.gameList ul a:hover li { width:60px; height:92px; margin:5px 20px 0; transition:0.3s; }
.gameList ul a li .thumImg { width:60px; height:60px; border-radius: 50%; overflow:hidden; transition:0.3s; }
.gameList ul a:hover li .thumImg { width:66px; height:66px; margin-top:-3px; border-radius: 50%; overflow:hidden; transition:0.3s; }
.gameList ul a li .thumImg img { width:100%; height:auto; transition:0.3s; }
.gameList ul a:hover li .thumImg img { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transition:0.3s; }
.gameList ul a li > .tit { width:60px; height:32px; color:#969087; font-size:14px; display:flex; justify-content:center; align-items: center; align-content: center; text-align:center; line-height:14px; letter-spacing:-1px; transition:0.3s; overflow:hidden; }
.gameList ul a:hover li > .tit { color:#fff; transition:0.3s; }

#container{ }
.contents { width:100%; margin:auto; padding:10px 0 50px; height:auto; min-height:800px; }
.lastestGp { width:1040px; margin:50px auto; display:flex; justify-content: space-between; }
.lastest { width:480px; }
.lastest > .tit { height:40px; font-size:22px; color:#e1a32e; font-style:italic; text-shadow: 1px 1px #000; line-height:40px; }
.lastest ul { width:480px; }
.lastest ul li { width:480px; height:50px; margin-bottom:4px; background:#3b362e; background:rgba(59,54,46,0.75); display:flex; }
.lastest ul a li { width:480px; height:50px; margin-bottom:4px; background:#3b362e; background:rgba(59,54,46,0.75); transition:0.3s; display:flex; }
.lastest ul a:hover li { background:#614e2a; transition:0.3s; }
.lastest ul a li span { line-height:48px; }
.lastest ul a li span:nth-child(1) { margin-left:20px; width:360px; font-size:16px; color:#9d9993; transition:0.5s; }
.lastest ul a:hover li span:nth-child(1) { color:#fff; transition:0.5s; }
.lastest ul a li span:nth-child(2) { width:70px; font-family:tahoma; font-size:11px; color:#8f8a84; text-align:center; transition:0.5s; }
.lastest ul a:hover li span:nth-child(2) { color:#c2b29c; transition:0.5s; }
.lastest ul a li span:nth-child(3) { width:30px; }
.lastest ul a li span img { vertical-align:middle; margin-top:17px; }


.btntop { display:scroll; position:fixed; bottom:10px; right:10px; }

.title { width:auto; height:50px; color:#ebce38; font-size:18px; line-height:50px; }
.registWrap { width:80%; min-width:1200px; margin:50px auto; }
.regist { width:100%; }
.regist ul { width:100%; margin:auto; border-top:2px solid #f4c712; border-bottom:2px solid #f4c712; background:#000; background:rgba(0,0,0,0.7); }
.regist ul li { width:100%; height:70px; border-bottom:#4a4845 solid 1px; }
.regist ul li div:nth-child(1) { float:left; width:30%; background:#361e16; background:rgba(54,30,22,.6); color:#b9b9b9; font-size:14px; line-height:70px; text-align:center; }
.regist ul li div:nth-child(2) { float:left; width:60%; color:#f4b712; font-size:14px; padding-top:16px; padding-left:25px; }
.btn_reg { border:#a26727 solid 1px; background:#a26727; width:120px; height:36px; cursor:pointer; _cursor:hand; line-height:36px; text-align:center; display:inline-block; margin-left:3px; border-radius:3px; font-size:15px; transition:0.4s; }
.btn_reg:hover { border:#885620 solid 1px; background:#885620; transition:0.4s; }
.btn_reg_ok { display:inline-block; border:none; background:#d59f0d; width:140px; height:54px; cursor:pointer; _cursor:hand; line-height:54px; text-align:center; margin:30px 5px 50px 5px; border-radius:35px; font-size:20px; transition:0.4s; }
.btn_reg_ok:hover { border:none; background:#b1840b; transition:0.4s; }
.btn_reg_cc { display:inline-block; border:none; background:#625e54; width:140px; height:54px; cursor:pointer; _cursor:hand; line-height:54px; text-align:center; margin:30px 5px 50px 5px; border-radius:35px; font-size:20px; transition:0.4s; }
.btn_reg_cc:hover { border:none; background:#4a4740; transition:0.4s; }


.input_box { border:1px solid #333; width:160px; height:36px; padding-left:10px; background:#111; font-size:14px; vertical-align:middle; }
.input_box2 { border:1px solid #a26727; width:160px; height:36px; padding-left:10px; background:none; font-size:14px; vertical-align:middle; color:#a26727; }

.txtf1 { width:260px; height:36px; border:1px solid #a26727; padding-left:10px; background:none; margin-right:4px; box-sizing: border-box; }
.txtf2 { width:80px; height:36px; border:1px solid #a26727; padding-left:10px; background:none; box-sizing: border-box; }

/* btn */
.btn_hp { border:0; background:#d93850; width:auto; height:32px; cursor:pointer; _cursor:hand; line-height:32px; text-align:center; display:inline-block; margin-left:10px; border-radius:16px; font-size:15px; padding:0 15px; }
.btn_hp:hover { border:0; background:#ba1b32; transition:0.4s; }
.btn_pay { border:none; background:#a26727; color:#fff; width:120px; height:36px; font-size:16px; cursor:pointer; _cursor:hand; line-height:36px; text-align:center; display:inline-block; border-radius:3px; margin-right:4px; transition:0.4s; }
.btn_pay:hover { background:#da8120; color:#fff666; transition:0.4s; }
.btn_confirm { border:0; background:#f4b712; width:160px; height:56px; cursor:pointer; _cursor:hand; line-height:54px; text-align:center; display:block; border-radius:28px; font-size:18px; color:#000; margin:auto; transition:0.4s; }
.btn_confirm:hover { border:0; background:#dda304; transition:0.4s; }

.btn_del { border:0; background:#555; width:75px; height:28px; cursor:pointer; _cursor:hand; line-height:28px; text-align:center; display:inline-block; border-radius:3px; color:#d8d8d8; font-size:14px; margin:auto; transition:0.4s; }
.btn_del:hover { border:0; background:#3d3d3d; color:#a2a2a2; transition:0.4s; }

.btn_write { border:none; background:#047faf; color:#fff; font-weight:bold; width:120px; height:40px; font-size:16px; cursor:pointer; _cursor:hand; line-height:38px; text-align:center; display:inline-block; border-radius:20px; margin:0 6px; font-weight:300; transition:0.4s; }
.btn_write:hover { background:#0f98ce; transition:0.4s; }

.btn_cancel { border:none; background:#777; color:#fff; font-weight:bold; width:120px; height:40px; font-size:16px; cursor:pointer; _cursor:hand; line-height:38px; text-align:center; display:inline-block; border-radius:20px; margin:0 6px; font-weight:300; transition:0.4s; }
.btn_cancel:hover { background:#555; transition:0.4s; }

/** Tab menu **/
.tab_gp { width:100%; margin-bottom:10px; }
.btn_tab { border:none; background:#4c4c4c; color:#fff; width:109px; height:34px; font-size:14px; cursor:pointer; _cursor:hand; line-height:34px; text-align:center; display:inline-block; border-radius:20px; margin:0 2px; transition:0.4s;}
.btn_tab:hover { background:#333; color:#929292; transition:0.4s; }
.btn_tab.on { border:none; background:#f4b712; color:#000; width:109px; height:34px; font-size:14px; cursor:pointer; _cursor:hand; line-height:34px; text-align:center; display:inline-block; border-radius:20px; margin:0 2px; transition:0.4s;}


#footer {}
.copyright { width:100%; height:80px; display:flex; justify-content: center; align-items:center; }
.copyright .copy { width:60%; font-size:14px; font-weight:100; color:#868686; }
.copyright .copy img { width:auto; height:auto; margin:10px 20px 10px 40px; vertical-align:middle; }
.copyright .sns { width:40%; height:80px; display:flex; justify-content: flex-end; align-items: center; margin-right:80px; }
.copyright .sns .telegram { width:auto; height:40px; background:#0b648d; font-size:14px; line-height:38px; padding-right:20px; border-radius:20px; margin-right:5px; }
.copyright .sns .telegram img { margin:-2px 10px 0 4px; vertical-align:middle; }
.copyright .sns .katalk { width:auto; height:40px; background:#bb880e; font-size:14px; line-height:38px; padding-right:20px; border-radius:20px; margin-right:5px; }
.copyright .sns .katalk img { margin:-2px 10px 0 4px; vertical-align:middle; }

.copyright .btntop { float:right; width:65px; height:65px; margin:5px; }


/* margin & padding */
.marT_5		{ margin-top:5px;}
.marT_10	{ margin-top:10px;}
.marT_15	{ margin-top:15px;}
.marT_20	{ margin-top:20px;}
.marT_30	{ margin-top:30px;}
.marT_40	{ margin-top:40px;}
.marT_50	{ margin-top:50px;}
.marT_70	{ margin-top:70px;}
.marT_100	{ margin-top:100px;}
.marB_5		{ margin-bottom:5px;}
.marB_10	{ margin-bottom:10px;}
.marB_15	{ margin-bottom:15px;}
.marB_20	{ margin-bottom:20px;}
.marB_30	{ margin-bottom:30px;}
.marB_40	{ margin-bottom:40px;}
.marB_50	{ margin-bottom:50px;}
.marB_70	{ margin-bottom:70px;}
.marB_100	{ margin-bottom:100px;}
.marL_5		{ margin-left:5px;}
.marL_10	{ margin-left:10px;}
.marL_20	{ margin-left:20px;}
.marL_30	{ margin-left:30px;}
.marR_5		{ margin-right:5px;}
.marR_10	{ margin-right:10px;}
.marR_20	{ margin-right:20px;}
.marR_30	{ margin-right:30px;}

.yellow { color:#ff0; }


/* Line Button */
.btn_area01 { width:100%; text-align:center; }
.btn_area02 { width:100%; text-align:right; }