@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:url("../images/bg.jpg") center top repeat-y;}
* {box-sizing: border-box;	-ms-box-sizing: border-box;	-webkit-box-sizing: border-box;}

/*-------------------------------------------------------------------------------------*
 *  Header                                                                             *
 *-------------------------------------------------------------------------------------*/
#header_wrap {float:left; width:100%;}

.top1_wrap {float:left; width:100%; height:68px; background:url("../images/bg_top1.jpg") center top no-repeat; background-size:cover; border-bottom:1px solid #000000;}
.top1_box {margin:0px auto; width:98%;}

.logo {float:left; margin:13px 0 0 0;}
.top_notice {float:left; width:400px; height:32px; line-height:30px; background:rgba(0,0,0,0.4); border:1px solid rgba(0,0,0,0.6); border-radius:32px; margin:18px 0 0 20px; padding:0 20px 0 20px; color:#eae7ca; font-size:12px; font-weight:500; letter-spacing:-1px; text-shadow:1px 1px 1px rgba(0,0,0,0.3);}

.login {float:right; margin:17px 0 0 0;}
.login ul li {float:left; margin:0 0 0 3px; line-height:32px; 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:#000000; border:1px solid #000000; padding:4px 0 4px 10px; width:160px; height:32px; border-radius:50px; color:#ffffff; font-size:14px; }
.login_btn1         {background:linear-gradient(to right, #7a5d32 0%,  #432c0b 100%); min-width:100px; min-height:34px; padding:0 15px 0 15px; line-height:34px; display:inline-block; text-align:center; border-radius:50px; 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;}
.login_btn1:hover {background:linear-gradient( #432c0b 0%,  #7a5d32 100%);}
.login_btn2         {background:linear-gradient(to right, #5e574e 0%,  #2d2821 100%); min-width:100px; min-height:34px; padding:0 15px 0 15px; line-height:34px; display:inline-block; text-align:center; border-radius:50px; 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;}
.login_btn2:hover {background:linear-gradient( #2d2821 0%,  #5e574e 100%);}
.login_btn3         {background:linear-gradient(to right, #c73818 0%,  #912a02 100%); min-width:50px; min-height:34px; padding:0 15px 0 15px; line-height:34px; display:inline-block; text-align:center; border-radius:50px; 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;}
.login_btn3:hover {background:linear-gradient( #912a02 0%,  #c73818 100%);}

.top2_wrap {float:left; width:100%; height:59px; background:url("../images/bg_top2.jpg") center top no-repeat; background-size:cover;}
.top2_box {margin:0px auto; width:98%;}

.gnb_left {float:left;}
.gnb_left ul li {float:left; line-height:57px; margin:0 15px 0 0;}

.gnb {float:right;}
.gnb ul li {float:left; margin:0 0 0 45px; line-height:59px; color:#000000; font-size:16px; font-weight:600; letter-spacing:-1px; text-shadow:1px 1px 1px rgba(255,255,255,0.3);}
.gnb ul li a {color:#000000;}
.gnb ul li a:hover {color:#00396a;}

.title1 {float:left; width:100%; height:50px;line-height:50px; text-align:center; background:url("../images/bg_top2.jpg") center top no-repeat; background-size:100% 100%; color:#000000; font-size:23px; font-weight:700; letter-spacing:-1px; text-shadow:1px 1px 1px rgba(255,255,255,0.3); box-shadow:rgba(0,0,0,0.5) 2px 2px 5px -1px; padding:0 15px 0 15px; margin:10px 0 0 0;}
.title2 {float:left; width:100%; text-align:center; background:url("../images/bg1.jpg") center top no-repeat; box-shadow:rgba(0,0,0,0.7) 2px 2px 10px -1px; padding:10px 15px 5px 15px;}

/*-------------------------------------------------------------------------------------*
 *  Contents                                                                           *
 *-------------------------------------------------------------------------------------*/
.contents_wrap {float:left; width:100%; min-height:500px; margin:20px 0 40px 0; }
.contents_box {margin:0px auto; width:1300px;}

.contents_left {float:left; width:870px; }
.contents_right {float:right; width:410px; }

.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;}

.game {float:left; width:100%;}
.game ul li {float:left; margin:20px 10px 0 10px;  position:relative;}
.game ul li img:hover {box-shadow:rgba(12,51,75,0.9) 0 0 50px 0;}

.check-game {float:left; width:322px; height:240px; background:rgba(0,0,0,0.8);position:absolute;z-index:10000; text-align:center; font-size:16px; letter-spacing:-1px; font-weight:500; color:#ffffff; line-height:26px;top:0px !important; left:0px; border-radius:8px; padding:30px 0 0 0;}
.check {float:left; width:240px; height:240px; background:rgba(0,0,0,0.8); position:absolute; z-index:10000; text-align:center; font-size:16px; letter-spacing:-1px; font-weight:500; color:#ffffff; line-height:26px;
top:0px; left:0px; border-radius:8px; padding:30px 0 0 0;}
.gmname-etc {float:left; width:240px; height:240px; position:absolute; z-index:10000; text-align:center; color:#f1d89e; font-weight:1200; font-size:24px; font-family:Arial; letter-spacing:-1pt; text-shadow:1px 1px 1px #000000; font-style:italic;line-height:26px;top:0px; left:0px; border-radius:8px; padding:60px 0 0 0;}


/*-------------------------------------------------------------------------------------*
 *  Footer                                                                             *
 *-------------------------------------------------------------------------------------*/
.footer_wrap {float:left; width:100%; text-align:center; background:#000000;}
.footer_text {float:left; width:100%; text-align:center; margin:50px 0 35px 0; line-height:20px; color:#424242; font-size:12px; font-weight:300; letter-spacing:0px;}
.footer_copyright {float:left; width:100%; text-align:center; margin:0 0 40px 0; line-height:50px; color:#424242; font-size:17px; font-weight:300; letter-spacing:0px;}


/*-------------------------------------------------------------------------------------*
 *  Main                                                                               *
 *-------------------------------------------------------------------------------------*/
.main_game_wrap {float:left; width:100%; padding:0 0 50px 0; background:url("../images/bg1.jpg") center top no-repeat;}
.main_game_box {margin:0px auto; width:1350px;}
.main_game_title {float:left; width:100%; text-align:center;}
.main_game {float:left; width:100%;}
.main_game ul li {float:left; margin:0 5px 0 5px; width:24%}

.main_game ul li img {width:100%}


.main_con_wrap {float:left; width:100%; padding:40px 0 50px 0; background:url("../images/bg2.jpg") center top no-repeat;}
.main_con_box {margin:0px auto; width:1350px;}
.main_list_wrap {float:left; width:100%;}

.main_con1_wrap {float:left; width:410px; margin:0 20px 0 20px;}
.main_con1_title {float:left; margin:0 0 10px 0;}
.main_con1 {float:left; width:410px; margin:5px 0 0 0;}
.main_con1 td {font-size:13px; line-height:30px; color:#fff4dd; font-size:13px; font-weight:500; letter-spacing:-1px; text-shadow:1px 1px 1px rgba(0,0,0,0.3);}


/*-------------------------------------------------------------------------------------*
 *  ?์—…, ??(sk_tab)                                                                  *
 *-------------------------------------------------------------------------------------*/
.popup_none      {display:none;}
.popup_wrap_1000 {width:1000px;}
.popup_wrap_1360 {width:1360px;}
.close_box       {width:100%; float:left; text-align:center; padding:35px 0 10px 0;}
.popupbox        {width:100%; float:left; background:url("../images/bg.jpg") center top repeat-y; min-height:400px; border-radius:10px; padding:30px; position:relative; box-shadow:50px 50px 50px rgba(0,0,0,0.8);}


/*-------------------------------------------------------------------------------------*
 *  ?Œ์›Œ๋ณ?                                                                            *
 *-------------------------------------------------------------------------------------*/
.bg_game {float:left; width:100%; min-height:300px; background:url("../images/bg1.jpg") center top no-repeat; text-align:center; padding:20px 0 20px 0; margin:0 0 0 0;}

.po_info_wrap       {background:rgba(29,31,34,0.85); border-bottom:1px solid rgba(255,255,255,0.0); float:left; width:100%; padding:10px 0 10px 0; border-radius:5px;}
.po_info1           {float:left; width:100%; line-height:26px; color:#ffd800; padding:0 20px 0 20px; font-size:26px; font-weight:700;}
.po_info2           {float:left; width:100%; line-height:32px; color:#ffba00; padding:5px 20px 0 26px; font-size:22px; font-weight:700;}
.po_info3           {float:left; width:100%; line-height:20px; color:#f2f2f2; padding:5px 20px 0 26px; font-size:18px; font-weight:500; text-align:center;}

.po_title  {float:left; width:100%; height:46px; line-height:46px; font-size:20px; color:#ffffff; letter-spacing:-1pt; font-weight:500; background:url("../images/bg1.jpg") center top no-repeat; padding:0 15px 0 15px;}
.po_title_right {display:inline-block; width:250px; height:30px; line-height:30px; background:rgba(0,0,0,0.6); border-radius:100px; text-align:center; font-size:15px; font-weight:500; color:#00fff0;}


 
.po_box_wrap {float:left; width:100%; background:linear-gradient(to right, #444444 0%,  #333333 100%); padding:0 10px 0 10px; display:inline-block; border-radius:5px; cursor:pointer;
           min-width:100%; height:60px; line-height:60px; border:1px solid #000000; position:relative;}
.po_box_wrap:hover {background:linear-gradient( #555555 0%,  #111111 100%); border:1px solid rgba(255,255,255,0.1); box-shadow:0 0x 50px #ddca74;}
.po_box_wrap_on {float:left; width:100%; background:url("../images/bg_top2.jpg") center top no-repeat; background-size:100% 100%; padding:0 10px 0 10px; display:inline-block; border-radius:5px; cursor:pointer; min-width:100%; height:60px; line-height:60px; border:1px solid #f7e28f; position:relative;}


.po_box1 {float:left; width:100%; background:rgba(0,0,0,0.4); padding:5px 0 5px 0;}

.po_btn1 {display:inline-block; text-align:center; border-radius:4px; color:#ffffff; font-size:17px; letter-spacing:0pt; font-weight:500; text-shadow:1px 1px 1px rgba(0,0,0,0.3); cursor:pointer;
          background:linear-gradient(#358ee4 0%,  #2f80ce 100%); min-width:36px; height:36px; line-height:36px; border:1px solid rgba(0,0,0,0.6); padding:0 10px 0 10px; margin:11px 0 0 0;}
		  
.po_btn2 {display:inline-block; text-align:center; border-radius:4px; color:#ffffff; font-size:17px; letter-spacing:0pt; font-weight:500; text-shadow:1px 1px 1px rgba(0,0,0,0.3); cursor:pointer;
          background:linear-gradient(#e91d25 0%,  #d31a22 100%); min-width:36px; height:36px; line-height:36px; border:1px solid rgba(0,0,0,0.6); padding:0 10px 0 10px; margin:11px 0 0 0;}
		  		  
.po_btn3 {display:inline-block; text-align:center; border-radius:4px; color:#ffffff; font-size:17px; letter-spacing:0pt; font-weight:500; text-shadow:1px 1px 1px rgba(0,0,0,0.3); cursor:pointer;
          background:linear-gradient(#509b00 0%,  #468700 100%); min-width:36px; height:36px; line-height:36px; border:1px solid rgba(0,0,0,0.6); padding:0 10px 0 10px; margin:11px 0 0 0;}
		  	
.po_btn4 {display:inline-block; text-align:center; border-radius:4px; color:#ffffff; font-size:17px; letter-spacing:0pt; font-weight:500; text-shadow:1px 1px 1px rgba(0,0,0,0.3); cursor:pointer;
          background:linear-gradient(#666666 0%,  #777777 100%); min-width:36px; height:36px; line-height:36px; border:1px solid rgba(0,0,0,0.6); padding:0 10px 0 10px; margin:11px 0 0 0;}
		  	
					  
.po_s_font {float:right; color:#e2e2e2; font-size:14px; font-weight:400; padding:0 0 0 10px;}

.cart_title {float:left; width:100%; height:52px; line-height:52px; font-size:18px; color:#ffffff; letter-spacing:-1pt; font-weight:700; background:rgba(0,0,0,0.4); padding:5px 15px 0 15px;}

.cart_box {float:left; width:100%; background:rgba(0,0,0,0.4); padding:0 0 20px 0; margin:0 0 10px 0;}
.cart_box td {color:#ffffff; font-size:14px; letter-spacing:0pt; font-weight:500;}

.cart_btn1       {background:linear-gradient(#444444 0%,  #333333 100%); width:100%; height:42px; line-height:42px; text-align:center; display:inline-block; color:#ffffff; font-size:16px; font-weight:500; text-shadow:1px 1px 1px rgba(0,0,0,0.2); border-radius:3px;
                  border-top:1px solid rgba(255,255,255,0.1); border-left:1px solid rgba(255,255,255,0.1);}
.cart_btn1:hover {background:linear-gradient(#5b5b5b 0%,  #4d4d4d 100%);}

.cart_btn2       {background:linear-gradient(#a38948 0%,  #87713c 100%); width:100%; height:60px; line-height:60px; text-align:center; display:inline-block; color:#ffffff; font-size:22px; font-weight:500; text-shadow:1px 1px 1px rgba(0,0,0,0.2); border-radius:3px;
                  border-top:1px solid rgba(255,255,255,0.1); border-left:1px solid rgba(255,255,255,0.1);}
.cart_btn2:hover {background:linear-gradient(#87713c 0%,  #a38948 100%);}
.input_cart  {background-color:#232323; border:1px solid #373947; width:100%; height:40px; color:#fff; padding:0 10px 0 10px; font-size:18px; border-radius:3px; text-align:right;}

.cart_bet {background:rgba(0,0,0,0.4); padding:7px 22px 7px 22px; line-height:22px; margin:0 0 3px 0; color:#b2c7c7;}  /* ?€ ? ํƒ??*/
.cart_bet td {color:#b2c7c7;}

.black_wrap {background:rgba(0,0,0,0.8); width:100%; height:100%; position:absolute; top:0px; left:0px; border-radius:10px; text-align:center; padding:350px 0 0 0;}

.cart_r11      {background:#ff9c00; display:inline-block; text-align:center; min-width:40px; padding:8px 8px 8px 8px; line-height:12px; color:#ffffff; font-size:12px; font-weight:700; border-radius:3px;}
.cart_r22      {background:#444444; display:inline-block; text-align:center; min-width:40px; padding:8px 8px 8px 8px; line-height:12px; color:#ffffff; font-size:12px; font-weight:700; border-radius:3px;}
.cart_r33      {background:#474c79; display:inline-block; text-align:center; min-width:40px; padding:8px 8px 8px 8px; line-height:12px; color:#ffffff; font-size:12px; font-weight:700; border-radius:3px;}

/* ๋ฒ ํŒ…?ด๋งˆ๊ฐ๋˜?ˆ์Šต?ˆ๋‹ค */
.check1 {float:left; width:100%; height:60px; background:rgba(0,0,0,0.8); position:absolute; z-index:10000; text-align:center; font-size:16px; letter-spacing:-1px; font-weight:500; color:#ffffff; line-height:23px; padding:8px 0 0 0;
top:0px; left:0px; border-radius:3px; margin:0 0 0 0;}

.check2 {float:left; width:100%; height:100vh; background:rgba(0,0,0,0.8); position:absolute; z-index:10000; text-align:center; font-size:26px; letter-spacing:-1px; font-weight:700; color:#ffffff; line-height:23px; padding:200px 0 0 0;
top:0px; left:0px; border-radius:3px; margin:0 0 0 0;}


/*-------------------------------------------------------------------------------------*
 *  ?์—…๋กœ๊ทธ??                                                                        *
 *-------------------------------------------------------------------------------------*/
.popup_wrap_login  {width:400px;}
.popup_box_login    {width:100%; float:left; background:url("../images/bg1.jpg") center top repeat-y; border-radius:10px; padding:30px; position:relative; box-shadow:50px 50px 50px rgba(0,0,0,0.8);}

.popup_login {float:left; width:100%; text-align:center; padding:0 0 25px 0;}
.popup_login ul li { margin:0 0 5px 0; line-height:32px; color:#ffffff; font-size:14px; font-weight:500; letter-spacing:-1px; text-shadow:1px 2px 2px rgba(0,0,0,0.3); text-align:center;}
.input_popup_login  {background-color:#000000; border:1px solid #000000; padding:4px 0 4px 10px; width:340px; height:46px; border-radius:4px; color:#ffffff; font-size:14px; }
.input_popup_captcha_frame {background-color:#000000; border:1px solid #000000; padding:4px 4px 4px 0; width:340px; height:54px; border-radius:4px; color:#ffffff; font-size:14px; }
.input_popup_captcha {background-color:#101010; border:1px solid #202020; padding:4px 4px 4px 4px; width:148px; height:46px; border-radius:4px; color:#ffffff; font-size:14px; }
.input_popup_refresh {background-color:#303030; border:1px solid #404040; padding:9px 4px 12px 4px; width:46px; height:46px; border-radius:4px; color:#ffffff; font-size:14px; }
.popup_login_btn1         {background:linear-gradient(to right, #7a5d32 0%,  #432c0b 100%); min-width:340px; min-height:34px; padding:0 15px 0 15px; line-height:46px; display:inline-block; text-align:center; border-radius:4px; 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;}
.popup_login_btn1:hover {background:linear-gradient( #432c0b 0%,  #7a5d32 100%);}
.popup_login_btn2         {background:linear-gradient(to right, #5e574e 0%,  #2d2821 100%); min-width:340px; min-height:34px; padding:0 15px 0 15px; line-height:46px; display:inline-block; text-align:center; border-radius:4px; 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;}
.popup_login_btn2:hover {background:linear-gradient( #2d2821 0%,  #5e574e 100%);}

/*-------------------------------------------------------------------------------------*
 *  ๊ณต์??์—…                                                                           *
 *-------------------------------------------------------------------------------------*/
.notice_popup1 {position:absolute; z-index:1000000000; top:150px; left:350px;}
.notice_popup_wrap {float:left; width:450px;}
.notice_popup_btn_wrap {float:right;}
.notice_popup_btn_wrap ul li {float:left; margin:0 0 0 5px;}
.notice_popup_btn {float:right; background:#ba9358; min-width:60px; height:36px; line-height:36px; padding:0 15px 0 15px; text-align:center; display:inline-block; font-family: 'Noto Sans KR', sans-serif; color:#000000; font-size:14px; font-weight:600;}
.notice_popup_box {float:left; width:450px; height:500px; background:#000000; border:2px solid #ba9358; background:#111111;}
.notice_popup_text {float:left; width:100%;}
.notice_popup_font1 {float:left; width:100%; font-family: 'Noto Sans KR', sans-serif; font-size:22px; letter-spacing:-1px; font-weight:700; color:#ffffff; line-height:40px;}
.notice_popup_font2 {float:left; width:100%; font-family: 'Noto Sans KR', sans-serif; font-size:16px; letter-spacing:-1px; font-weight:400; color:#d4d4d4; line-height:28px;}