@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css); 
@import url(https://fonts.googleapis.com/earlyaccess/NotoSanskr.css); 
#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%;  background:url("../images/header_bg.png") center top no-repeat; height:270px;}
.header_box {margin:0px auto; width:1200px;}
.logo {float:left; text-align:center; width:100%; padding:0 0 36px 0}
.login_wrap {width:100%; float:left; text-align:center; margin:0 0 36px 0; height:36px; line-height:36px;}
.login_wrap .login_befor li {display:inline-block; }
.login_wrap .login_after li {display:inline-block; margin:0 4px 0 4px}


.gnb_wrap {float:left; width:100%; text-align:center;}
.gnb li {display:inline-block;}



.notice_wrap {float:left; width:100%;  height:50px; line-height:50px; background:url(../images/notice_bg.jpg) repeat-x;}
.notice_tit  {padding:0 25px 0 25px;  background:#6e5d3e; color:#f2e7d3; font-size:14px;float:left;font-family:nanumgothic; } 
.notice_text {color:#fff0d7; font-size:14px;float:left;font-family:nanumgothic; padding:0 0 0 15px }




/*-------------------------------------------------------------------------------------*
 *  Contents                                                                           *
 *-------------------------------------------------------------------------------------*/
#contents_wrap {float:left; width:100%; min-height:500px; padding:0 0 50px 0 }
.contents_box {margin:0px auto; width:1200px;}
.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;}


.sub_box {float:left; width:100%; padding:50px 0 50px 0}
#title_wrap {float:left; width:100%; height:180px; padding:45px 0 0 0; background:url(../images/bg_title.jpg) no-repeat; }
.title {float:left; width:100%;text-align:center; font-size:50px; letter-spacing:-2px;text-shadow:1px 1px 1px #000000; color:#c4ae83;font-family:'nanumsquare', sans-serif; padding:0 0 25px 0}
.title_text {color:#887b68;text-align:center; font-size:16px;font-family:'nanumsquare', sans-serif; }


/*-------------------------------------------------------------------------------------*
 *  Footer                                                                             *
 *-------------------------------------------------------------------------------------*/
#footer {background:#1e1d1c; float:left; width:100%; text-align:center; padding:0 0 50px 0; }
.footer_1 {float:left; width:100%;}
.footer_2 {float:left; width:100%;font-family:nanumgothic;font-size:12px;  line-height:1.5;color:#727272; padding:0 0 30px 0 }
.footer_3 {color:#979797; float:left; width:100%; font-size:12px;font-family:nanumgothic; }



/*-------------------------------------------------------------------------------------*
 *  Main                                                                               *
 *-------------------------------------------------------------------------------------*/
#main_visual_wrap {float:left; width:100%; margin:0 0 0 0;}
.main_visual_box  {margin:0px auto; width:1200px; padding:0 0 0 0;}

.game {float:left; width:100%; margin:10px 0 0 0;}
.game ul li {float:left; margin:0 5px 5px 0;}
.game ul li:nth-child(5), .game ul li:nth-child(10), .game ul li:nth-child(15), .game ul li:nth-child(20) {margin:0 0 5px 0} 
.gallall{float:left; width:236px; height:220px; position:relative; overflow:hidden; transition:all ease .2s;z-index:80; margin:0 0 0 0;}
.gallall:before,
.gallall:after{content:"";position:absolute;transition:all ease .2s}
.gallall:before{width:236px; height:220px; top:0px;left:0; background-repeat:no-repeat;opacity:1;z-index:80}
.gallall:nth-child(1):before{background-position:0px 0px}
.gallall:hover:before{left:-390px;opacity:0}
.gallall:after{top:0;left:0px;bottom:0;right:0px;background-image:url(../images/game_effect.png);background-repeat:no-repeat;z-index:70}
.gallall:hover:after{left:0px; top:0px;}
.gallall>a>span{transform:scale(1.2, 1.2);opacity:0;transition:all ease .5s;text-indent:-100%;z-index:99;overflow:hidden;filter:blur(6px);-webkit-filter:blur(6px);-moz-filter:blur(6px);-o-filter:blur(6px)}
.gallall:hover>a>span{background-image:url(../images/game_effect.png);opacity:1;transform:scale(1,1);filter:blur(0px);-webkit-filter:blur(0px);-moz-filter:blur(0px);-o-filter:blur(0px)}
.gallall>a>span,
.gallall>a>span:after{top:0px;left:0px;bottom:0px;right:0px;position:absolute;background-image:url(../images/game_over.png);}
.gallall>a>span:after{content:"";z-index:99;}
.game01:before{background-image:url(../images/game01.png);}
.game02:before{background-image:url(../images/game02.png);}
.game03:before{background-image:url(../images/game03.png?v=4);}
.game04:before{background-image:url(../images/game04.png);}
.game05:before{background-image:url(../images/game05.png);}
.game06:before{background-image:url(../images/game06.png);}
.game07:before{background-image:url(../images/game07.png?v=2);}
.game08:before{background-image:url(../images/game08.png);}
.game09:before{background-image:url(../images/game09_1.png);}
.game10:before{background-image:url(../images/game10.png?v=2);}
.game11:before{background-image:url(../images/game11.png);}
.game12:before{background-image:url(../images/game12.png);}
.game13:before{background-image:url(../images/game13.png);}
.game14:before{background-image:url(../images/game14.png);}
.game15:before{background-image:url(../images/game15.png);}
.game16:before{background-image:url(../images/game16.png);}
.game17:before{background-image:url(../images/game17.png);}
.game18:before{background-image:url(../images/game18.png);}
.game19:before{background-image:url(../images/game19.png);}
.game20:before{background-image:url(../images/game20.png);}
.game21:before{background-image:url(../images/game21.png);}
.game22:before{background-image:url(../images/game22.png);}
.game23:before{background-image:url(../images/game08_2.png);}
.game24:before{background-image:url(../images/game24.png);}
.game25:before{background-image:url(../images/game25.png);}
.game26:before{background-image:url(../images/game26.png);}
.game27:before{background-image:url(../images/game08_1.png?v=3);}
.game28:before{background-image:url(../images/game28.png);}
.game29:before{background-image:url(../images/game29.png);}
.game30:before{background-image:url(../images/game30.png);}
.game31:before{background-image:url(../images/game31.png);}
.game32:before{background-image:url(../images/game32.png);}
.game33:before{background-image:url(../images/game33.png);}
.game34:before{background-image:url(../images/game34.png);}
.game35:before{background-image:url(../images/game35.png);}
.game36:before{background-image:url(../images/game36.png);}
.game37:before{background-image:url(../images/game37.png);}
.game38:before{background-image:url(../images/game38.png);}

.main_board_wrap {width:100%; float:left; padding:50px 0 0 0}
.board_1line {width:100%; float:left;}
.board_1line > ul > li {margin:0 34px 0 0; float:left; }
.board_1line > ul > li:nth-child(3) {margin:0}
.board_1line > ul > li:nth-child(1), .board_1line > ul > li:nth-child(3) {width:322px; }
.board_1line > ul > li:nth-child(2) {width:488px; }
.board_2line {width:100%; float:left;padding:75px 0 60px 0}
.board_2line > ul > li {margin:0 117px 0 0;width:322px; float:left}
.board_2line > ul > li:nth-child(3) {margin:0} 		   
.board_box {width:100%; float:left; }
.board_tit {width:100%; float:left;} 
.board_con {width:100%; float:left; padding:10px}
.main_table {width:100%}
.main_table td {height:27px; vertical-align:middle; font-family:nanumgothic;font-size:14px}
.main_table .td1 {width:24%; color:#8b7f71; text-align:left}
.main_table .td2 {width:33%; color:#808080; text-align:center}
.main_table .td3 {width:33%; color:#f1b975; text-align:right}
.main_table .td4 {width:70%; color:#cecece; text-align:left}
.main_table .td5 {width:30%; color:#cecece; text-align:right}

.contents_bg {background:url(../images/bg_customer.png) no-repeat;  width:488px; height:186px; position:relative; padding:100px 0 0 0; width:100%; float:left; text-align:center}
.contents_bg span {font-size:40px; letter-spacing:-1px; color:#b1b1b1;text-align:center; font-family:nanumgothic;font-weight:900 }

.con_list {width:100%; float:left;}
.con_list li {float:left; position:relative; text-align:center}
.tele {width:100%; position:absolute; left:0; top:100px; color:#c3b6a7; font-size:25px;font-family:nanumgothic; letter-spacing:-1px}

.main_game_wrap {float:left; width:100%; height:auto; background:url("../images/bg_casino.jpg") center top no-repeat;}
.main_game_box {margin:0px auto; width:1200px;}
.main_game_start {float:left;}
.main_game_start ul li {float:left; margin:0 5px 5px 0;}
.main_game_start ul li:nth-child(5n){margin:0 0 5px 0;}
.main_game_start ul li img:hover { box-shadow:rgba(0,0,0,0.8) 0px 0px 50px 50px;}

/* 메인 탭구현 요소 */
.main_popup_tab_wrap {float:left; margin:30px 0 0 0;}
.main_popup_tab_box {width:1200px; margin:0px auto;}

.main_popup_tab               {float:left; width:100%; border-radius:0px; background:url("../images/bg_main_game_title.png") center center no-repeat; background-size:100% 100%;}
.main_popup_tab li            {float:left; min-width:50%;}
.main_popup_tab li span       {display:inline-block; width:100%; height:62px; line-height:58px; font-family: 'Noto Sans KR', sans-serif; font-size:18px; font-weight:600; }
.main_popup_tab li span:hover {display:inline-block; width:100%; height:62px; line-height:58px; font-family: 'Noto Sans KR', sans-serif; font-size:18px; font-weight:600; }

.sk_tab_active_10 span   {color:#ffffff; background:url("../images/bg_main_game_title_h.png") 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;}
/* 메인 탭구현 요소 끝 */



/*-- 게시판 -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.list_title1  {background:linear-gradient(#5f472e 0%,  #453421 100%);  height:40px; font-weight:bold; text-align:center; color:#d8b787; font-weight:bold; border-top:solid 1px #7e6a56; vertical-align:middle; line-height:1}
.list_notice1 {background:rgba(36,30,27,1); border-bottom:solid 1px rgba(255,255,255,0.1); padding:15px 10px; text-align:center; color:#ffffff; font-weight:bold; vertical-align:middle; line-height:1}
.list_notice2 {background:rgba(36,30,27,1); border-bottom:solid 1px rgba(255,255,255,0.1); padding:15px 0 15px 15px; color:#ffd377; font-weight:bold; text-align:left;vertical-align:middle; line-height:1}
.list1        {background:rgba(36,30,27,0.7); border-bottom:solid 1px rgba(255,255,255,0.1); padding:15px 10px; text-align:center; color:#c3beb4;vertical-align:middle; line-height:1}
.list2        {background:rgba(36,30,27,0.7); border-bottom:solid 1px rgba(255,255,255,0.1); padding:15px 0 15px 15px;text-align:left;vertical-align:middle; line-height:1 }
.list3        {background:rgba(0,0,0,0.2); line-height:25px; text-align:center; color:#fff6c9}

.write_title_top {}
.write_title     {background:rgba(36,30,27,0.8); padding:12px 20px 10px 20px; width:190px; line-height:21px; font-weight:bold; color:#d8b787; border-radius:7px 0 0 7px }
.write_basic     {background:rgba(36,30,27,0.8); padding:12px 20px 10px 20px; line-height:21px;  border-radius:0 7px 7px 0}

.view1     {background:linear-gradient(#5f472e 0%,  #453421 100%);border-top:solid 1px #7e6a56; padding:0 20px 0 20px; width:100%; height:40px; line-height:26px; color:#d8b787;  font-weight:bold; }
.view2     {background:rgba(36,30,27,0.7); padding:12px 20px 10px 20px; width:100%; line-height:26px; color:#ffffff; border-bottom:1px solid rgba(255,255,255,0.1);}
.view_box  {background:rgba(0,0,0,0.5); padding:5px 8px 3px 8px; line-height:12px; text-align:center; display:inline-block; color:#fff; font-size:12px; border-radius:3px; margin:0 5px 0 0;}

.page_wrap       {float:left; width:100%; height:40px; text-align:center;}
.page_wrap ul li {display:inline;}
.page            {background:rgba(0,0,0,0.8); display:inline-block; width:40px; height:40px; color:#fff; border-radius:40px; line-height:40px}
.pageon          {background:url(../images/btn03_1.png) bottom center no-repeat;width:40px; height:40px; display:inline-block;border-radius:40px;line-height:40px; color:#fff; font-weight:600;}

.info_wrap {background:rgba(52,43,34,0.9); float:left; width:100%; padding:20px 0 25px 0; border-radius:7px; }
.info1     {float:left; width:100%; line-height:26px; padding:0 20px 0 20px; color:#ccae83; font-size:16px; font-family:nanumgothic; font-weight:700;}
.info2     {float:left; width:100%; line-height:26px; font-weight:900; color:#ffd377; padding:0 20px 0 20px; font-size:14px;}
.info3     {float:left; width:100%; line-height:22px; padding:0 20px 0 22px; color:#c3beb4; font-size:12px;}

.info_wrap2 {background:rgba(0,0,0,0.6); float:left; width:100%; padding:40px 0 40px 0; border:1px solid rgba(0,0,0,0.7); border-radius:3px; text-align:center;}
.info11     {float:left; width:100%; line-height:26px; padding:0 20px 20px 20px; color:#ffffff; font-size:20px; font-family:nanumgothic; font-weight:700;}
.info21     {float:left; width:100%; line-height:26px; font-weight:900; color:#cfaa6d; padding:0 20px 0 20px; font-size:14px;}
.info31     {float:left; width:100%; line-height:22px; padding:0 22px 0 22px; color:#e5d9c6; font-size:12px;}



/*-- 버튼 ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.btn_wrap_right        {float:left; width:100%; text-align:right; }
.btn_wrap_right ul li  {display:inline;}
.btn_wrap_center       {float:left; width:100%; text-align:center; }
.btn_wrap_center ul li {display:inline;}

.btn1_1         {background:linear-gradient(#5f482e 0%,  #473521 100%); min-width:80px; padding:0 10px 0 10px; height:33px; line-height:33px; text-align:center; display:inline-block; font-family:nanumgothic; color:#ccae83; font-size:12px; font-weight:600; border-radius:5px;} 
.btn1_1:hover   {background:linear-gradient(#6f5539 0%,  #5c452c 100%);}

.btn1_2         {background:linear-gradient(#434343 0%,  #2e2e2e 100%); min-width:80px; padding:0 10px 0 10px; height:33px; line-height:33px; text-align:center; display:inline-block; font-family:nanumgothic; color:#c3c3c3; font-size:12px; font-weight:600; border-radius:5px;} 
.btn1_2:hover   {background:linear-gradient(#595959 0%,  #444444 100%);}

.btn2_1         {background:url(../images/btn02_1.png) no-repeat; width:101px; height:46px; line-height:46px; text-align:center; display:inline-block; font-family:nanumgothic; color:#fff; font-size:14px; font-weight:600; text-shadow:1px 1px 1px rgba(0,0,0,0.8);}
.btn2_1:hover   {background:url(../images/btn02_1over.png) no-repeat;}

.btn2_2         {background:url(../images/btn02_2.png) no-repeat; width:101px; height:46px; line-height:46px; text-align:center; display:inline-block; font-family:nanumgothic; color:#fff; font-size:14px; font-weight:600; text-shadow:1px 1px 1px rgba(0,0,0,0.8);}
.btn2_2:hover   {background:url(../images/btn02_2over.png) no-repeat;}

.btn3_1         {background:url(../images/btn03_1.png) no-repeat;  width:171px; height:56px; line-height:56px; text-align:center; display:inline-block; font-family:nanumgothic; color:#fff; font-size:14px; font-weight:600;text-shadow:1px 1px 1px rgba(0,0,0,0.8);}
.btn3_1:hover   {background:url(../images/btn03_1over.png) no-repeat;}

.btn3_2         {background:url(../images/btn03_2.png) no-repeat;  width:240px; height:50px; line-height:50px; text-align:center; display:inline-block; font-family:nanumgothic; color:#fff; font-size:14px; font-weight:600; text-shadow:1px 1px 1px rgba(0,0,0,0.8);}
.btn3_2:hover   {background:url(../images/btn03_2over.png) no-repeat;}

.btn_tab      {background:url(../images/btn03_2.png) center bottom no-repeat; min-width:80px; display:inline-block; padding:10px 5px 11px 5px; line-height:12px; color:#fff; font-weight:700; border-radius:5px;font-family:nanumgothic; }
.btn_tabon    {background:url(../images/btn03_1.png) center bottom no-repeat; min-width:80px; display:inline-block;padding:10px 5px 11px 5px; line-height:12px; color:#fff; font-weight:700; border-radius:5px;font-family:nanumgothic; }



/*-- 탭   ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.tab_wrap       {float:left;}
.tab_wrap ul li {float:left; margin:0 3px 0 0}
.tab            {background:rgba(0,0,0,0.6); width:140px; height:40px; line-height:38px; font-family:nanumgothic; text-align:center; display:inline-block; color:#ad9778; font-size:14px; font-weight:700; border-radius:3px;}
.tab:hover      {background:rgba(0,0,0,0.9); color:#ffffff;}
.tabon          {background:linear-gradient(#7b543f 0%,  #352b27 100%); width:140px; height:40px; line-height:38px; font-family:nanumgothic; text-align:center; display:inline-block; color:#f6e0b1; font-size:14px; font-weight:700; border-radius:3px;  box-shadow:2px 2px 3px -1px rgba(0,0,0,8);}

 
/* 슬롯탭 */
.s_title1 {float:left; width:100%; border-bottom:1px solid rgba(255,255,255,0.3); height:52px; line-height:52px; font-weight:700; font-size:22px; color:#ffffff; font-family:'nanumsquare', sans-serif; letter-spacing:-1px; text-shadow:1px 0px 1px #000000; padding:0 20px 0 20px; text-align:center; }


.popup_none              {display:none;}
.popup_wrap              {width:1300px;}
.close_box               {width:100%; float:left; text-align:right; padding:10px 0 10px 0;}
.popupbox                {width:100%; float:left; background:url("../images/bg_popup.jpg") center top no-repeat; background-size:100% 100%; min-height:700px; padding:30px; position:relative; box-shadow:0px 0px 100px rgba(0,0,0,0.7);}
.game_tit                {width:100%; float:left; margin:0 0 10px 0;}

.popup_tab_wrap          {width:100%;}
.popup_tab               {float:left; width:100%; background:rgba(0,0,0,0.7); border-top:1px solid rgba(255,255,255,0.1); border-left:1px solid rgba(255,255,255,0.1);}
.popup_tab li            {float:left; min-width:10%; border-right:solid 1px rgba(255,255,255,0.05);}
.popup_tab li span       {display:inline-block; width:100%; height:80px; line-height:20px; font-family:'nanumgothic', sans-serif; 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-family:'nanumgothic', sans-serif; font-size:12px; text-align:center; font-weight:600; padding:10px 0 0 0; background:rgba(255,255,255,0.1); }

.sk_tab_active_01 span   {color:#ffffff; background:linear-gradient(#5f482e 0%,  #473521 100%);}
.sk_tab_con_01           {display:block; clear:both;}
.sk_tab_hidden_01        {display:none;}


/*-------------------------------------------------------------------------------------*
 *  Style                                                                              *
 *-------------------------------------------------------------------------------------*/
/* 폰트 스타일 */
.font01 {color:#ffffff; font-weight:900;}
.font02 {color:#000000; font-weight:600;}
.font03 {color:#ffffff;}
.font04 {color:#f1b975; font-weight:900;}
.font05 {color:#ffd377; font-weight:900;}
.font06 {color:#ffe9c5; font-weight:900;}
.font07 {color:#ff3600; font-weight:900;}
.font08 {color:#d8b787; font-weight:900;}
.font09 {color:#887b68; font-weight:900;}
.font10 {}

.font11 {color:#6f8193; font-weight:900; font-size:22px; line-height:35px; font-family:Arial;}
.font12 {color:#59aeb1;font-weight:900; font-size:22px;line-height:35px; font-family:'Noto Sans KR', sans-serif; text-shadow:1px 1px 1px #000000;}
.font13 {color:#b0977f;font-weight:900;}
.font14 {color:#818fa0;}
.font15 {color:#; font-weight:900;}

/* 인풋 스타일 */
.input_login  {width:150px; height:36px; border-radius:5px; background:#392d21; border:none; color:#fff; padding:0 0 0 5px}
.input_search {background-color:#1f1a16; border:1px solid #000000; padding:5px 0 3px 5px;}
.input1       {background-color:#000000; border:1px solid #342f2e; padding:0 0 0 5px; height:35px; color:#f6f6f6; border-radius:5px}
.input2       {background-color:#000000; border:1px solid #342f2e; padding:10px 0 9px 5px;color:#f6f6f6; border-radius:5px}

/*--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-*/