@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

#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:80px; background:url("../images/bg_top.jpg") center top no-repeat; background-size:100% 100%; box-shadow:rgba(0,0,0,0.9) 0 0 25px -1px;}
.header_box {margin:0px auto; width:98%; min-width:1600px;}


.logo {float:left; margin:13px 0 0 0;}

.gnb {float:left; margin:0 0 0 60px;}
.gnb ul li {float:left; margin:0 0 0 40px; line-height:80px;}

.login {float:right; margin:22px 0 0 0;}
.login ul li {float:left; line-height:36px; color:#ffffff; font-size:12px; font-weight:500; letter-spacing:0pt; text-shadow:1px 1px 1px rgba(0,0,0,0.3); margin:0 0 0 5px;}
.input_login  {background-color:#051320; border:1px solid #051320; padding:4px 0 4px 10px; width:130px; height:36px; border-radius:3px; color:#eb9d00; font-size:12px; }

.login_btn1         {display:inline-block; text-align:center; border-radius:3px; color:#ffffff; font-size:12px; letter-spacing:0pt; font-weight:500; text-shadow:1px 1px 1px rgba(0,0,0,0.5); background:linear-gradient(#d4a000 0%,  #4c2f07 100%); width:86px; height:36px;  line-height:36px; box-shadow:2px 2px 2px rgba(0,0,0,0.3);}
.login_btn1:hover   {background:linear-gradient(to right, #4c2f07 0%,  #d4a000 100%);}

.login_btn2         {display:inline-block; text-align:center; border-radius:3px; color:#ffffff; font-size:12px; letter-spacing:0pt; font-weight:500; text-shadow:1px 1px 1px rgba(0,0,0,0.5); background:linear-gradient(#818181 0%,  #2c2c2c 100%); width:86px; height:36px;  line-height:36px; box-shadow:2px 2px 2px rgba(0,0,0,0.3);}
.login_btn2:hover   {background:linear-gradient(to right, #2c2c2c 0%,  #818181 100%);}

.title_wrap {float:left; width:100%;}
.title  {float:left; width:100%; text-align:center; line-height:140px; font-weight:100; font-size:40px; color:#ffffff; letter-spacing:-1px; text-shadow:1px 1px 2px #000000; padding:0 20px 0 20px;}
.s_title1 {float:left; width:100%; background:url("../images/btn1.jpg") center top no-repeat; background-size:100% 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:3px;}


/*-------------------------------------------------------------------------------------*
 *  Contents                                                                           *
 *-------------------------------------------------------------------------------------*/
#contents_wrap {float:left; width:100%; min-height:500px;}
.contents_box {margin:0px auto; width:1300px;}
.contents_start {float:left; width:100%; background:rgba(0,0,0,0.5) url("../images/con_top.jpg") center top no-repeat; 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; float:left; width:100%; }
.box_wrap01all    {background:url("../images/btn1.jpg") center top no-repeat; background-size:100% 100%; border:solid 1px #c2a047; padding:6px; float:left; width:100%; }
.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:#f6ad1f; 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:3px; 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:url("../images/btn1.jpg") center top no-repeat; background-size:100% 100%; min-width:50px; min-height:34px; line-height:34px;}
.box_btn1:hover   {background:url("../images/btn1over.jpg") center top no-repeat; background-size:100% 100%;}

.box_btn2         {display:inline-block; text-align:center; border-radius:3px; 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:url("../images/btn2.jpg") center top no-repeat; background-size:100% 100%; min-width:50px; min-height:34px; line-height:34px;}
.box_btn2:hover   {background:url("../images/btn2over.jpg") center top no-repeat; background-size:100% 100%;}


/* 슬롯 탭 */
.popup_tab_wrap          {width:100%;}
.popup_tab               {float:left; width:100%; background:rgba(0,0,0,0.4); border-left:1px solid rgba(255,255,255,0.05);}
.popup_tab li            {float:left; min-width:10%; border-right:solid 1px rgba(255,255,255,0.05); border-bottom:solid 1px rgba(255,255,255,0.05);}
.popup_tab li span       {display:inline-block; width:100%; height:80px; line-height:20px; font-size:12px; text-align:center; font-weight:600; padding:10px 0 0 0;}
.popup_tab li span:hover {display:inline-block; width:100%; height:80px; line-height:20px; font-size:12px; text-align:center; font-weight:600; padding:10px 0 0 0; background:url("../images/btn1.jpg") center top no-repeat; background-size:100% 100%; }

.sk_tab_active_01 span   {color:#ffffff; background:url("../images/btn1.jpg") center top no-repeat; background-size:100% 100%; }
.sk_tab_con_01           {display:block; clear:both;}
.sk_tab_hidden_01        {display:none;}

/*-------------------------------------------------------------------------------------*
 *  Footer                                                                             *
 *-------------------------------------------------------------------------------------*/
.footer_con_wrap {float:left; width:100%; height:400px; background:url("../images/bg_con.jpg") center top no-repeat; background-size:cover; margin:70px 0 0 0;}
.footer_con_box {margin:0px auto; width:1300px;}
.footer_con {float:left; width:100%; margin:70px 0 0 0;}
.footer_con ul li {float:left;}

.footer_wrap {float:left; width:100%; text-align:center; padding:30px 0 40px 0; line-height:20px; color:#939393; font-size:14px; background:#191919;}

/*-------------------------------------------------------------------------------------*
 *  Main                                                                               *
 *-------------------------------------------------------------------------------------*/
.main_game_wrap {float:left; width:100%;}
.main_game_box {margin:0px auto; width:1300px;}
.main_game_start {float:left; width:1320px;}
.main_game_start ul li {float:left; margin:0 20px 15px 0;}

/* 메인 탭구현 요소 */
.main_popup_tab_wrap {float:left; width:100%;}
.main_popup_tab               {float:left;}
.main_popup_tab li            {display:inline-block; margin:0 30px 0 0;}
.main_popup_tab li:last-child{margin:0;}
.game_list_wrap ul li :hover  {filter:brightness(110%)}

.sk_tab_active_10 span   {color:#ffffff; background:url("../images/btn3over.jpg") center center no-repeat; background-size:100% 100%; border-radius:0px;}
.sk_tab_con_10           {display:block; clear:both;}
.sk_tab_hidden_10        {display:none;}
/* 메인 탭구현 요소 끝 */

.main_con_wrap {float:left; width:640px;}
.main_con_wrap:nth-child(1){margin:0 20px 0 0px;}
.main_con_title{width:100%; height:46px; background:linear-gradient(to bottom, #2c2c2c 0%,#000000 100%); border-top:2px solid #eb9d00; line-height:46px; text-indent:15px; font-size:18px; text-shadow:2px 0 5px #000000; font-weight:500;}
.main_con{background:rgba(0,0,0,0.5);}
.main_con table{padding:15px;}
.main_con table td{color:#a4a4a4; padding:5px 0; border-bottom:1px solid rgba(255,255,255,0.1); font-size:14px;} 


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



/*--ysk--------------------------------------------------------------------------------*

	ysk 2016년01월
	ysk와 g5와 겹치는 클래스명 container / gnb / logo

	border : border:3px solid red;
	bg     : background:url(../images/bg_visual.jpg); background-repeat:repeat-x;
	bg     : background:url("../images/bg.jpg") center top no-repeat;
	text   : text-align:center; display:inline;
	font   : font-size:18px; font-family:Nanum Gothic,sans-serif; color:#00aec3; font-weight:700; line-height:55px; letter-spacing:-1pt;
	font   : font-size:20px; color:#515151; font-weight:bold; font-family:Arial; letter-spacing:-1pt;
	input  : font-size:12px; color:#545454; margin:0 0 0 0; border:1px solid #393939; background:#1f1f1f; padding-top:2px; padding-left:5px; height:27px;
	
	메뉴 그림자 : box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.8);

-----------------------------------------------------------------------------------ysk-*/

/*--ysk 특정영역에 레이어 띄우기-------------------------------------------------------*
<div style="position:absolute; z-index:1000000; left:50%;">
	<div style="position:absolute; left:-500px; top:440px; display: block; z-index:100000;">
		컨텐츠
	</div>
</div>
-----------------------------------------------------------------------------------ysk-*/