@charset "utf-8";

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


/*-------------------------------------------------------------------------------------*
 *  Header                                                                             *
 *-------------------------------------------------------------------------------------*/
#header_wrap {float:left; width:100%; height:160px; border-bottom:1px solid rgba(255,255,255,0.1);}
.header_box {margin:0px auto; width:100%; max-width:1500px; height:100%; display:flex; align-items:center; justify-content:space-between;}
.header_right{display:flex; flex-direction: column; align-items: flex-end;}

.logo {float:left;}

.gnb {float:right; margin:20px 0 0 0;}
.gnb ul li {float:left; margin:0 0 0 70px;}
.gnb ul li a{display:inline-block; font-weight:700; font-size:22px; color:#ffffff;}
.gnb ul li:hover a{color:#ffffff;}

.my {float:right; margin:0 0 0 0;}
.my ul li {float:left; line-height:40px; color:#eeeeee; font-size:14x; font-weight:500; letter-spacing:0pt; margin:0 0 0 10px;}
.my_font01{font-weight:500; color:#ffffff;}
.my_font02{font-weight:500; color:#fff000;}
.login {float:right; margin:0 0 0 0;}
.login ul li {float:left; line-height:40px; color:#ffffff; font-size:12px; font-weight:500; letter-spacing:0pt; margin:0 0 0 5px;}
.input_login  {background-color:#ffffff; border:1px solid #ffffff; padding:4px 0 4px 10px; width:130px; height:40px; border-radius:5px; color:#969696; font-size:12px;}

.login_btn1         {display:inline-block; text-align:center; border-radius:5px; color:#ffffff; font-size:14px; letter-spacing:0pt; font-weight:400; background:linear-gradient(#ff00b4 0%,  #8300b9 100%); padding:0 20px; min-width:110px; height:40px;  line-height:40px;}
.login_btn1:hover   {background:linear-gradient(to right, #ff00b4 0%,  #8300b9 100%);}

.login_btn2         {display:inline-block; text-align:center; border-radius:5px; color:#ffffff; font-size:14px; letter-spacing:0pt; font-weight:400; background:linear-gradient(#ff00b4 0%,  #8300b9 100%); padding:0 20px; min-width:110px; height:40px;  line-height:40px;}
.login_btn2:hover   {background:linear-gradient(to right, #ff00b4 0%,  #8300b9 100%);}

.login_btn3         {display:inline-block; text-align:center; border-radius:5px; color:#ffffff; font-size:14px; letter-spacing:0pt; font-weight:400; background:linear-gradient(#a5a5a5 0%,  #444444 100%); padding:0 20px; min-width:110px; height:40px;  line-height:40px;}
.login_btn3:hover   {background:linear-gradient(to right, #a5a5a5 0%,  #444444 100%);}

.title_wrap {float:left; width:100%; margin: 20px 0 0 0;}
.title  {margin:0px auto; width:1500px; line-height:100px; text-align:center; font-weight:600; font-size:40px; color:#ffffff; letter-spacing:-1px; padding:0 20px 0 20px;}
.title  {border-radius:30px 30px 0 0; background: linear-gradient(to bottom, #ff00b4, #8300b9);}
.s_title1 {float:left; width:100%; background:linear-gradient(#ff00b4 0%,  #8300b9 100%); line-height:48px; font-weight:700; font-size:20px; color:#ffffff; letter-spacing:-1px; text-shadow:1px 0px 1px #000000; text-align:center; border-radius:5px;}


/*-------------------------------------------------------------------------------------*
 *  Contents                                                                           *
 *-------------------------------------------------------------------------------------*/
#contents_wrap {float:left; width:100%; min-height:400px; margin:0 0 80px 0;}
.contents_box {margin:0px auto; width:1500px;}
.contents_start {float:left; width:100%; background:rgba(44,44,44,0.8); border-radius:0 0 30px 30px; padding:30px 20px 20px 20px;}

.con_box00 {float:left; width:100%; margin:0 0 0 0;}
.con_box05 {float:left; width:100%; margin:5px 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;}

/* 머니이동 박스 */
.box_wrap01    {background:rgba(0,0,0,0.2); border:solid 1px rgba(255,255,255,0.1); padding:6px; border-radius:10px; float:left; width:100%; }
.box_wrap01all    {background:linear-gradient(#ff00b4 0%,  #8300b9 100%); border:solid 1px #ffffff; padding:6px; float:left; width:100%;  border-radius:10px;}
.box_box01     {background:rgba(0,0,0,0.5); float:left; width:100%; padding:10px 0 13px 0; text-align:center;} 
.box_font01    {float:left; width:100%; line-height:24px; font-weight:600; color:#dddddd; padding:0 0 0 0; font-size:14px; letter-spacing:-1px;}
.box_font02    {float:left; width:100%; line-height:20px; padding:0 0 3px 0; color:#fff000; letter-spacing:-1px; font-size:15px;  font-weight:900; font-family:Arial, sans-serif; letter-spacing:-1pt;}

.box_btn1         {display:inline-block; text-align:center; border-radius:5px; color:#ffffff; font-size:12px; letter-spacing:0pt; font-weight:700; text-shadow:1px 1px 1px rgba(0,0,0,0.3); box-shadow:rgba(0,0,0,0.3) 2px 2px 2px -1px; background:linear-gradient(#ff00b4 0%,  #8300b9 100%); min-width:50px; min-height:34px; line-height:34px;}
.box_btn1:hover   {background:linear-gradient(to right, #ff00b4 0%,  #8300b9 100%);}

.box_btn2         {display:inline-block; text-align:center; border-radius:5px; color:#ffffff; font-size:12px; letter-spacing:0pt; font-weight:700; text-shadow:1px 1px 1px rgba(0,0,0,0.3); box-shadow:rgba(0,0,0,0.3) 2px 2px 2px -1px; background:linear-gradient(#a5a5a5 0%,  #444444 100%); min-width:50px; min-height:34px; line-height:34px;}
.box_btn2:hover   {background:linear-gradient(to right, #a5a5a5 0%,  #444444 100%);}


/*-------------------------------------------------------------------------------------*
 *  Footer                                                                             *
 *-------------------------------------------------------------------------------------*/
.footer_con_wrap {float:left; width:100%; height:460px; margin:80px 0 0 0; background:url("../images/bg_footercon.jpg") center top no-repeat; background-size:cover;}
.footer_con_box {margin:0px auto; width:1500px; height:100%; display:flex; align-items:center;}
.footer_con {float:left; width:100%;}
.footer_con ul li {float:left; margin:0 20px 0 0;}
.footer_con ul li:last-child{margin:0;}

.footer_wrap {float:left; width:100%; text-align:center; padding:50px 0 60px 0; line-height:20px; color:#8b8b8b; font-size:14px; background:#0c0c0c;}

/*-------------------------------------------------------------------------------------*
 *  Main                                                                               *
 *-------------------------------------------------------------------------------------*/
.main_game_wrap {float:left; width:100%;}
.main_game_box {margin:0px auto; width:1500px;}
.main_game_box ul li {float:left; margin:0 30px 0 0;}
.main_game_box ul li:last-child{margin:0;}


/*-------------------------------------------------------------------------------------*
 *  특별한                                                                             *
 *-------------------------------------------------------------------------------------*/


.main_game_box li:hover{
	-webkit-animation: main_game_btn 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: main_game_btn 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@keyframes main_game_btn{
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
	filter: brightness(100%);					
  }
  100% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
	filter: brightness(120%);			
		}
}