@charset "utf-8";

#wrap {float:left; width:100%; overflow-x:hidden; background:url("../images/bg.jpg") center top no-repeat;}
* {box-sizing: border-box;	-ms-box-sizing: border-box;	-webkit-box-sizing: border-box;}

/*-------------------------------------------------------------------------------------*
 *  Header                                                                             *
 *-------------------------------------------------------------------------------------*/
#header_wrap {float:left; width:100%;}
.header_box {margin:0px auto; width:1300px;}

.logo {float:left; width:100%; text-align:center;}

.login_wrap {float:left; width:100%;}
.login_box {margin:0px auto; width:660px; height:60px; background:linear-gradient(#343434 0%, #000000 100%); border-radius:60px;}

.login {float:left; width:100%; text-align:center; margin:9px 0 0 0;}
.login ul li { display:inline-block; margin:0 2px 0 2px; color:#ffffff; font-size:14px; font-weight:500; letter-spacing:-1px; text-shadow:1px 2px 2px rgba(0,0,0,0.3);}
.input_login  {background-color:#ffffff; border:1px solid #ffffff; padding:4px 0 4px 10px; width:170px; height:39px; border-radius:40px; color:#222222; font-size:14px; font-weight:900;}
.input_login::-webkit-input-placeholder{color:#c2c2c2; font-size:12px;}
.login_btn1         {background:linear-gradient(#00cff2 0%, #005382 100%); min-width:130px; min-height:40px; padding:0 15px 0 15px; line-height:40px; display:inline-block; text-align:center; border-radius:40px; color:#ffffff; font-size:14px; letter-spacing:0pt; font-weight:500;}
.login_btn1:hover {background:linear-gradient(to right,#005382 0%, #00cff2 100%);}
.login_btn2         {background:linear-gradient(#cd00f2 0%, #590082 100%); min-width:130px; min-height:40px; padding:0 15px 0 15px; line-height:40px; display:inline-block; text-align:center; border-radius:40px; color:#ffffff; font-size:14px; letter-spacing:0pt; font-weight:500;}
.login_btn2:hover {background:linear-gradient(to right,#590082 0%, #cd00f2 100%);}

.title1 {float:left; width:100%; height:58px; line-height:54px; text-align:center; color:#ffffff; font-size:30px; letter-spacing:-1px; padding:0 15px 0 15px; margin:10px 0 0 0; font-family:'GmarketSans'; font-weight:700; border-bottom:1px solid rgba(255,255,255,0.2); text-shadow:1px 1px 2px rgba(0,0,0,0.5);}


/*-------------------------------------------------------------------------------------*
 *  Contents                                                                           *
 *-------------------------------------------------------------------------------------*/
.contents_wrap {float:left; width:100%; min-height:300px;}
.contents_box {margin:0px auto; width:1300px;}
.contents_start {float:left; width:100%; background:rgba(18,29,92,0.5); padding:50px 100px 100px 100px; margin:50px 0 0 0;}

.text {float:left; width:100%; text-align:center; margin:45px 0 0 0;}

.game {float:left; width:100%; text-align:center;}
.game ul li {display:inline-block; margin:10px 10px 0 10px;}

.down {float:left; width:100%; text-align:center;}
.down ul li {display:inline-block; margin:0 1px 0 1px;}

.con_wrap {float:left; margin:20px 0 0 0; margin:0 0 0 20px;}
.con_box {float:left; width:380px; height:300px; background:rgba(0,0,0,0.4);  border:1px solid #18a3bc; margin:0 20px 0 20px;}
.con_title {float:left; margin:20px 0 0 20px;}
.con {float:left; width:330px; padding:10px 0 0 25px;}
.con td {font-size:16px; line-height:30px; color:#ffffff; font-weight:300; letter-spacing:-1px; font-size:14px;}

.con_box00 {float:left; width:100%; margin:0 0 0 0;}
.con_box10 {float:left; width:100%; margin:10px 0 0 0;}
.con_box20 {float:left; width:100%; margin:20px 0 0 0;}
.con_box30 {float:left; width:100%; margin:30px 0 0 0;}
.con_box40 {float:left; width:100%; margin:40px 0 0 0;}
.con_box50 {float:left; width:100%; margin:50px 0 0 0;}
.con_box60 {float:left; width:100%; margin:60px 0 0 0;}


/*-------------------------------------------------------------------------------------*
 *  Footer                                                                             *
 *-------------------------------------------------------------------------------------*/
.footer_wrap {float:left; width:100%; text-align:center; color:#494949; padding:30px 0 50px 0;}