@charset "utf-8";
#wrap {width:100%; overflow:hidden; background:#f2f2f7;}

.noscroll {position:fixed !important;}

/*-------------------------------------------------------------------------------------*
 *  Header                                                                             *
 *-------------------------------------------------------------------------------------*/
.header_wrap{float:left; width:100%; background-color: white; background-size:cover; overflow:hidden;}

.top_wrap{width:1400px; margin:0 auto; height:160px; position:relative; display:flex; align-items:center; justify-content:space-between; transition:all 0.5s;}

.logo{float:left; margin:0 130px 0 0; transition:all 0.5s;}
.logo img{transition:all 0.5s; width: 150px}

.serch{float:right; position:relative; margin:10px 0 0 0; transition:all 0.5s; border-bottom: 2px solid #242424;}
.serch_input{display:inline-block; width:460px; height:40px; line-height:34px; border:1px solid #ffffff; background:#ffffff; padding:4px 40px 4px 10px; border-radius:0px; color:#000000; transition:all 0.5s;}
.serch_input:focus {border:1px solid #ffffff}
.serch_btn{position:absolute; right:0; top:0px; width:12%; height:40px; display:flex; justify-content: center; align-items: center; border:none; border:1px solid #ffffff; background:#ffffff; border-radius:0; padding:0 5px; cursor:pointer; transition:all 0.5s;}
.serch_btn:hover{border-left:1px solid #1c10b9;}
.serch_text{display:inline-block; font-family:'GmarketSans'; font-weight:300; font-size:16px; color:#000000; padding:5px 0 0 0;}

.m_serch{display:none;}

.top_item{position:absolute; left:50%; top:0; margin-left:240px;}

.gnb_wrap{float:left; width:100%; height:80px; display:flex; align-items:center; justify-content:center; background:#242424; transition:all 0.5s; position:relative; box-shadow:0px -5px 10px 0px rgba(0, 0, 0, 0.3); z-index:999;}

.gnb_box{float:right;}
.gnb_box ul{float:left; position:relative;}
.gnb_box>ul>li{float:left; line-height:56px; margin:0 30px 0 30px; position:relative; z-index:1000; transition:all 0.5s;}
.gnb_box>ul>li>a{display:block; font-family:'rocket'; font-size:20px; color:#ffffff; text-shadow:2px 0 3px rgba(0,0,0,0.4); transition:all 0.5s;}
.gnb_box>ul>li>a:hover{color:#fffe29;}
/* 기본으로 있어야 하는 CSS */
.gnb_box,.gnb_box ul,.gnb_box ul li,.gnb_box ul li a{display: block; z-index:1000000;}
.gnb_box ul ul {position: absolute; left: -9999px; top:50px;}
.gnb_box li:hover > ul {left: -10px;}
.gnb_box ul ul li {height: 0; -webkit-transition: height .2s ease;-moz-transition: height .2s ease;-ms-transition: height .2s ease;-o-transition: height .2s ease;transition: height .2s ease;} /* 투뎁스 부드럽게 나오는 효과 */
.gnb_box ul li:hover > ul > li {font-family:'rocket'; height:44px; background:#242424; padding:0 0 0 0; box-shadow:2px 2px 5px rgba(0,0,0,0.5);} /*  투뎁스 메뉴의높이 */
.gnb_box ul ul li a {text-align:left; padding:0 0 0 15px; line-height: 44px; width:180px; font-size:14px; color:#fff; font-weight:400; letter-spacing:0pt;} /* 뎁스 스타일 */
.gnb_box ul ul li:hover > a,.gnb_box ul ul li a:hover {background:#242424;} /* 뎁스 오버시 폰트컬러 */

/* 햄버거버튼 */
.m_menu{position:absolute; right:10px; top:25px; display:none;}
.for_pc {display:flex !important;}

@media screen and (max-width:1600px) {
.gnb_box>ul>li{margin:0 25px 0 25px;}
}

@media screen and (max-width:1440px) {
.top_wrap{width:100%; padding:0 10px;}
.gnb_wrap{padding:0px 5px;}
}

@media screen and (max-width:1240px) {
.top_wrap{justify-content:space-between;}
.top_item{display:none;}
.logo{margin:0;}

.gnb_box>ul>li{margin:0 15px 0 15px;}
.gnb_box>ul>li>a{font-size:18px;}

}

@media screen and (max-width:1024px) {
.m_menu{display:block;}
.pc_gnb{display:none;}
.m_serch{display:block;}
.pc_serch{display:none;}
.serch{width:100%; margin:0;}
.serch_input{width:100%;}
.serch_text{display:none;}

.top_wrap{height:100px;}
.logo img{width:120px;}
.for_pc {display:none !important;}
.gnb_wrap {background-color:transparent;height:auto;}
}

@media screen and (max-width:768px) {
}


@media screen and (max-width:425px) {
}


/*-------------------------------------------------------------------------------------*
 *  Contents                                                                           *
 *-------------------------------------------------------------------------------------*/
.title_wrap{float:left; width:100%; border-bottom:1px solid #e0e0e5; transition:all 0.5s;}
.title {float:left; padding:10px 10px 10px 2px; font-family:'rocket'; font-size:24px; color:#393939; letter-spacing:0pt; transition:all 0.5s;}

.s_title1 {padding:5px 0 5px 10px; border-left:3px solid #ff00ac; font-family:'GmarketSans'; color:#ffffff; font-weight:500; font-size:18px; text-shadow:2px 2px 3px rgba(0,0,0,0.3); transition:all 0.5s;}

.contents_wrap{float:left; width:100%; margin:10px 0 30px 0; transition:all 0.5s;}
.contents_box {width:1400px; margin:0 auto; overflow:hidden; transition:all 0.5s; min-height:400px;}
.contents_box_left{float:left; width:calc(100% - 330px);transition:all 0.5s;}
.contents_box_right{float:right; width:320px; transition:all 0.2s;}

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


@media screen and (max-width:1600px) {
}

@media screen and (max-width:1440px) {
	.contents_wrap{margin:20px 0 20px 0;}
	.contents_box{float:left; width:100%; padding:0 5px;}	
}

@media screen and (max-width:1240px) {
}

@media screen and (max-width:1024px) {
	.contents_box_left{width:100%;}
	.contents_box_right{width:100%; margin:10px 0 0 0;display:none;}
    .contents_wrap{margin:5px 0 20px 0;}
}

@media screen and (max-width:768px) {
	.title{padding:10px; font-size:20px;}
	.s_title1{font-size:16px;}
}

@media screen and (max-width:425px) {

}

/*-------------------------------------------------------------------------------------*
 *  Footer                                                                             *
 *-------------------------------------------------------------------------------------*/
.footer_wrap {float:left; width:100%; padding:0;  overflow:hidden; text-align:center; transition:all 0.5s;margin-top:10px;}
.footer_box {width:1200px; margin:0 auto; height:130px; display:flex; align-items:center; justify-content:space-between; transition:all 0.5s;}

.f_menu{float:left; width:100%; padding:20px 0 20px 0; text-align:center; background:#53535f; transition:all 0.5s;}
.f_menu ul{display:inline-block;}
.f_menu ul li{float:left; margin:0 30px;}
.f_menu ul li a{display:block; padding:5px; font-family:'rocket'; font-size:14px; color:#e2e2e7; transition:all 0.5s;}
.f_menu ul li a:hover{color:#fffe29;}

@media screen and (max-width:1024px) {
.f_menu{display:none;}
}


.f_logo{float:left; font-family:'GmarketSans'; font-weight:300; font-size:14px; color:#b4b4c8; transition:all 0.5s;}
.f_logo img{margin:0 30px 0 0;}
.f_sns img{display:inline-block; margin:0 10px; width:45px; transition:all 0.5s;}
@media screen and (max-width:1920px) {
}

@media screen and (max-width:1440px) {
	.footer_box{width:100%; padding:0 40px;}
	.f_menu ul li{margin:0 15px;}
}

@media screen and (max-width:1024px) {
	.footer_box{padding:10px; height:auto; text-align:left; justify-content:center; flex-direction: column;}
	.f_logo{width:100%; font-size:12px;text-align:center;padding:10px 0px;}
	.f_logo img{width:110px; display:block; margin:0px auto;}	
	.f_sns{width:100%; margin:15px 0px;text-align:center;}
	.f_sns img{margin:0 10px 0 0;}
}

@media screen and (max-width:768px) {
}


/*-------------------------------------------------------------------------------------*
 *  Main                                                                               *
 *-------------------------------------------------------------------------------------*/
.visual{float:left; width:100%;}
.visual img{width:100%;}

.main_game_btn{float:left; width:100%; margin:10px auto 0 auto; position:relative;}
.main_game_btn img{width:100%;}

.main_game_btn span {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  overflow:hidden;
}
.main_game_btn:before,
.main_game_btn:after {
  position: absolute;
  z-index:1;
  content: "";
  right: 0;
  bottom: 0;
  /*background:#242424;
  background: linear-gradient(-45deg, #ff7916, #e73c7e, #23a6d5, #082a47);
  box-shadow:
   -7px -7px 20px 0px rgba(255,255,255,.9),
   -4px -4px 5px 0px rgba(255,255,255,.9),
   7px 7px 20px 0px rgba(0,0,0,.2),
   4px 4px 5px 0px rgba(0,0,0,.3);
  transition: all 0.3s ease;
  */
}
/*
.main_game_btn:before{
   height: 0%;
   width: 2px;
}
.main_game_btn:after {
  width: 0%;
  height: 2px;
}
.main_game_btn:hover{
  color: #242424;
  background: transparent;
}
.main_game_btn:hover:before {
  height: 100%;
}
.main_game_btn:hover:after {
  width: 100%;
}
*/
.main_game_btn span:before,
.main_game_btn span:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  /*background: #242424;
  background: linear-gradient(-45deg, #ff7916, #e73c7e, #23a6d5, #082a47);
  animation: AnimationName 15s ease infinite;
  box-shadow:
   -7px -7px 20px 0px rgba(255,255,255,.9),
   -4px -4px 5px 0px rgba(255,255,255,.9),
   7px 7px 20px 0px rgba(0,0,0,.2),
   4px 4px 5px 0px rgba(0,0,0,.3);
  transition: all 0.3s ease;
  */
}
.main_game_btn span:before {
  width: 2px;
  height: 0%;
}
.main_game_btn span:after {
  height: 2px;
  width: 0%;
}
.main_game_btn span:hover:before {
  height: 100%;
}
.main_game_btn span:hover:after {
  width: 100%;
}
.best_casino_box{float:left; width:100%; margin:10px 0 0 0; background:#ffffff; border:1px solid #e0e0e5; border-radius: 15px;  transition:all 0.5s;}
.casino_title{float:left; width:100%; padding:20px 15px 0px 20px; font-family:'rocket'; font-weight:500; font-size:20px; color:#393939; transition:all 0.5s;}
.title_font{color:#242424;}
.title_text{padding:0 0 0 5px; font-family:'GmarketSans'; font-weight:500; font-size:14px; color:#707070; transition:all 0.5s;}
.casino_plus{float:right; display:flex; justify-content:center; align-items:center; width:30px; height:30px; background:#f2f2f7; border:1px solid #e0e0e5; transition:all 0.5s;}
.casino_plus:hover{background:#ffffff; border:1px solid #393939;}

.casino_list_wrap{float:left; width:100%; padding:20px 20px 10px 20px;}

.casino_list{float:left; width:24.25%; margin:0 1% 1% 0; transition:all 0.5s;}
.casino_list:nth-child(4n){margin:0 0 1% 0;}
.casino_list a{display:block; width:100%; position:relative;}
.att{position:absolute; left:0; top:0; z-index:1;}

.casino_thumb{position:relative; height:0; padding-bottom:56.25%; overflow:hidden;}
.casino_thumb img{position:absolute; top:0; left:0; width:100%; height:auto; background:#adadad; transition:all 0.5s;}
.casino_thumb img:hover{transform:scale(1.03);}

.casino_mtitle{float:left; width:100%; padding:10px 5px 0 5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-family:'GmarketSans'; font-weight:500; font-size:15px; color:#2a2a2a; transition:all 0.5s;}
.casino_mtitle2{float:left; width:100%; padding:0 5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-family:'GmarketSans'; font-weight:500; font-size:14px; color:#707070; transition:all 0.5s;}
.casino_mtitle2 span{color:#00a2b0;}

.site_list{float:left; width:49.5%; margin:0 1% 1% 0; transition:all 0.5s;}
.site_list:nth-child(2n){margin:0 0 1% 0;}
.site_list a{display:block; width:100%;}

.site_thumb{position:relative; height:0; padding-bottom:29.5%; overflow:hidden;}
.site_thumb img{position:absolute; top:0; left:0; width:100%; height:100%; background:#adadad; transition:all 0.5s;}
.site_thumb img:hover{transform:scale(1.03);}


@media screen and (max-width:768px) {
	.casino_list_wrap{padding:10px 10px 10px 10px;}	
	.casino_list{width:49.5%;}
	.casino_list:nth-child(4n){margin:0 0 0 0;}
	.casino_list:nth-child(2n){margin:0 0 1% 0;}

	.site_list{float:left; width:100%; margin:0 0 1%; transition:all 0.5s;}
	.site_list:nth-child(2n){margin:0 0 1% 0;}
	
	.casino_title{position:relative; padding:20px 15px 0px 10px;}
	.title_text{padding:0 30px 0 0; display:block;}
	.casino_plus{position:absolute; right:10px; top:20px;}
	
	.main_game_btn .img2 {float:right !important;}

	.mina_game_btn {display: none;}
	.mina_game_btn_m {display: block;}
		
}
/*-------------------------------------------------------------------------------------*
 *  contents_box_right                                                                 *
 *-------------------------------------------------------------------------------------*/
.quick_box{float:left; width:100%; margin:10px 0 0 0;}
.quick_btn{float:left; width:100%; height:90px;}
.quick_btn a{display:block; width:100%; height:100%;}
.quick_btn a img {border-radius: 15px;}

.ranking_box{float:left; width:100%; margin:10px 0 0 0; background:#ffffff; border:1px solid #e0e0e5; border-radius: 15px; transition:all 0.5s;}
.ranking_title{float:left; width:100%; display:flex; justify-content:space-between; align-items:center; padding:20px 20px 5px 20px; font-family:'rocket'; font-size:17px; color:#393939; transition:all 0.5s;}
.rank_plus{display:flex; justify-content:center; align-items:center; width:30px; height:30px; background:#f2f2f7; border:1px solid #e0e0e5; transition:all 0.5s;}
.rank_plus:hover{background:#ffffff; border:1px solid #393939;}
.ranking_tabs{float:left; width:100%; border-radius: 15px;}
.ranking_tab{float:left; width:50%; height:50px; line-height:54px; text-align:center; overflow:hidden; font-family:'rocket'; font-size:17px; color:#9c9c9c; background:#f2f2f7; border-bottom:1px solid #e0e0e5; cursor:pointer; transition:all 0.5s;}
.ranking_tab:nth-child(2n){border-left:1px solid #e0e0e5;border-top-right-radius : 15px;}
.ranking_tab:hover{background:#ffffff; color:#393939;}
.ranking_tab.active{background:#ffffff; border-bottom:1px solid #ffffff; border-radius: 15px;color:#393939; cursor:default;}
.ranking_list{float:left; width:100%; padding:10px 20px;}

.ranking_list li{float:left; width:100%; padding:5px 0; overflow:hidden; display:flex; align-items:center;}
.rank_dot{float:left; width:5px; height:5px; background:#adadad;}
.rank_num{float:left; width:20px; height:20px; display:flex; align-items:center; justify-content: center; background:#e2e1e5; color:#242424; text-align:center;}
.rank_name{float:left; padding:0 0 0 15px; max-width:92%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-family:'GmarketSans'; font-weight:500; font-size:14px; color:#545454;}

.customer_box{float:left; width:100%; height:70px; margin:10px 0 0 0; padding:0 20px; border:1px solid #e0e0e5; display:flex; justify-content:space-between; align-items:center; font-family:'rocket'; font-size:17px; color:#393939; transition:all 0.5s;}
.customer_id{font-family:'GmarketSans'; font-weight:500; font-size:20px; color:#545454;}

.customer_box2 img {margin: 10px 0; border-radius: 15px; width: 100%;}

@media screen and (max-width:1024px) {
.quick_box{display:none;}
}

/*-------------------------------------------------------------------------------------*
 *  contents_box_left                                                                *
 *-------------------------------------------------------------------------------------*/
 /* 웹진형 게시판 */
.board_list{float:left; width:100%; margin:10px 0 0 0; display:flex; padding:20px;  background:#ffffff; border:1px solid #e0e0e5; transition:all 0.5s;}
.board_list:hover{border:1px solid #242424;}
.board_list a{width:100%; display:flex; transition:all 0.5s;}

.board_list_l{float:left; width:200px; display: flex; align-items: center; overflow:hidden; transition:all 0.5s;max-width:100%;}
.board_list_img{float:left; width:100%; background:#adadad; overflow:hidden; position:relative; height:0; padding-bottom:80%; transition:all 0.5s;}
.board_list_img img{position:absolute; top:0; left:0; width:100%; height:100%;}

.board_list_l_a{float:left; width:400px; display: flex; align-items: center; overflow:hidden; transition:all 0.5s;max-width:100%;border:1px solid #ccc;height:206px;background-color:#f6f6f6;}
.board_list_r{width:calc(100% - 400px); padding:10px 20px; display: flex; flex-direction: column; justify-content: flex-start; transition:all 0.5s;}
.board_title1{font-family:'GmarketSans'; font-weight:500; font-size:18px; color:#2a2a2a; transition:all 0.5s;}
.board_title2{font-family:'GmarketSans'; font-weight:500; font-size:16px; color:#707070; transition:all 0.5s;}
.board_view{padding:7px 0px; display:flex; align-items:center; font-family:'GmarketSans'; font-weight:500; font-size:12px; color:#707070; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board_text{font-family:'GmarketSans'; font-weight:500; font-size:16px; color:#707070; transition:all 0.5s; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 3;line-clamp: 3; -webkit-box-orient: vertical;}
.board_po       {background:#f2f2f7; border:1px solid #e0e0e5; color:#242424; padding:5px 3px 3px 3px; line-height:12px; text-align:center; display:inline-block;  font-size:12px; margin:0 5px 0 0; font-weight:300;}

.boardfont01{color:#00a2b0;}

/* 추가 웹진형 게시판 11/08 */
.board_list2{float:left; width:100%; margin:10px 0 0 0; display:flex; padding:20px;  background:#ffffff; border:1px solid #e0e0e5; transition:all 0.5s;}
.board_list2:hover{border:1px solid #242424;}
.board_list2 a{width:100%; display:flex; transition:all 0.5s;}

.board_list_l2{float:left; width:250px; display: flex; align-items: center; overflow:hidden; transition:all 0.5s;padding-left:20px;}
.board_list_r2{width:calc(100% - 250px); padding:20px 40px; display: flex; flex-direction: row; justify-content: center; transition:all 0.5s;max-width:100%;margin-bottom:10px;}
.board_list_box{width:50%; padding:0 10px 0 5px;}
.board_list_title{font-family:'GmarketSans'; font-weight:700; font-size:18px; color:#2a2a2a; transition:all 0.5s; line-height:1.5; text-shadow: 1px 1px #ffffff,-1px 1px #ffffff, 2px 2px #c78ade, 3px 2px #c72fff, 4px 2px #242424;}
.board_list_box ul{width:100%; margin:5px 0 0 0;}
.board_list_box ul li{width:100%; font-family:'GmarketSans'; font-weight:500; font-size:16px; color:#707070; transition:all 0.5s;}
.board_list_box ul li::before{display:inline-block; content:''; width:5px; height:5px; margin:0 5px 0 0; background:#242424;}
.board_list_box ul li.board_text{font-family:'GmarketSans'; font-weight:500; font-size:14px; color:#707070; transition:all 0.5s; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 5;line-clamp: 5; -webkit-box-orient: vertical;}

.bg_aliceblue {background-color:aliceblue;}
.partner-box {background: #242424; height: 80px; line-height: 80px; overflow: hidden; box-shadow: 2px 1px 4px 0 rgb(0 0 0 / 10%); margin:10px 0px; width:800px;max-width:100%;text-align:center;}
.partner-box span { color: #fff; font-size: 20px; font-weight: bold; }
.partner-box span a {color:#fff;}

@media screen and (max-width:768px) {
    .partner-box span {font-size:13px;}
}

@media screen and (max-width:1440px) {
	.board_list_r{padding:10px 10px;}
	.board_list_r2{padding:10px 10px;padding-left:20px;}
	.board_title1{font-size:16px;}
	.board_title2{font-size:14px;}
	.board_text{font-size:12px;}
	.board_list_title{font-size:16px;}
}

@media screen and (max-width:1240px) {
	.board_list_r2{flex-wrap: wrap}
	.board_list_box{width:50%;}
	.board_list_box:nth-child(3){width:100%; margin:20px 0 0 0;}
}

@media screen and (max-width:768px) {
	.board_list_l{width:200px;}
	.board_list_r{width:calc(100% - 200px);}

	.board_list_l_a {width:200px;}
	.board_list_l_a img {height:100%;}

	.board_list2{padding:10px;}	
	.board_list2 a{flex-direction: column;}
	.board_list_l2{width:100%; padding:10px 40px;}
	.board_list_r2{width:100%;}
	.board_list {border: 1px solid #242424;}
}

@media screen and (max-width:560px) {
	.board_list{padding:0px;}
	/*.board_list a{flex-direction: column;}*/
	.board_list_l{width:40%; padding:10px;}
	.board_list_r{width:100%;}
	.board_list_l_a {width:100%;padding:0px;}
	
	.board_list_box{width:100%; margin:0px 0 20px 0;}
	.board_list_box:nth-child(3){margin:0px 0 0 0;}
	
	.board_list_img {padding-bottom:90%;}
}

/* 겔러리형 게시판 */
.board_gal_wrap{float:left; width:100%; margin:10px 0 0 0; display:flex; flex-wrap: wrap; transition:all 0.5s;}
.board_gal{float:left; width:24.25%; height:auto; margin:0 1% 1% 0; overflow:hidden; display: flex; flex-direction: column; justify-content: space-between; transition:all 0.5s;}
.board_gal{background:#ffffff; box-shadow:1px 1px 5px rgba(0,0,0,0.2);border:1px solid #fff;}
.board_gal:hover{border:1px solid #444444;}
.board_gal:nth-child(4n){margin:0 0 1% 0;}
.board_gal_thumb{float:left; width:100%; overflow:hidden; position:relative; height:0; padding-bottom:56.25%; background:#adadad; transition:all 0.5s;}
.board_gal_thumb img{position:absolute; top:0; left:0; width:100%; /*height:100%;*/}

.board_gal_title{width:100%; margin:10px 0 0px 0; padding:0 0 0 5px; font-family:'GmarketSans'; font-weight:500; font-size:16px; color:#2a2a2a; height:36px; line-height:36px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:all 0.5s;}

.board_gal_info{font-family:'GmarketSans'; font-weight:500; font-size:14px; display:flex; padding:0 5px;margin-bottom:5px;}
.gal_info_name{width:40%; color:#707070; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;padding-left:10px;}
.gal_info_date{width:30%; text-align:right; color:#707070;padding-right:10px;}
.gal_info_view{width:20%; text-align:right; color:#242424;}


@media screen and (max-width:1440px) {
.board_gal{width:32.666%;}
.board_gal:nth-child(4n){margin:0 1% 1% 0;}
.board_gal:nth-child(3n){margin:0 0 1% 0;}
}

@media screen and (max-width:768px) {
.board_gal{width:49.5%; min-width:0;}
.board_gal:nth-child(3n){margin:0 1% 1% 0;}
.board_gal:nth-child(2n){margin:0 0 1% 0;}
.gal_info_name {width:100%;display:table-header-group;}
.gal_info_date {width:33.3%;display:table-cell;}
.board_gal_info {display:inline-table;}

}

/* 에볼루션 게임 */
.game_wrap{float:left; width:100%;  margin:10px 0 0 0; padding:100px 0 100px 60px; background:url('../images/bg_game.jpg') right top no-repeat; transition:all 0.5s;}
.game_wrap2{background:url("../images/bg_game2.jpg") center top no-repeat;}
.game_title{float:left; width:100%; margin:30px 0 0 0; transition:all 0.5s;}
.game_title img{transition:all 0.5s;}
.game_text{float:left; width:100%; margin:10px 0 0 0; padding:0 0 0 5px; font-family:'GmarketSans'; font-weight:300; font-size:27px; color:#ffffff; text-shadow:2px 0 3px rgba(0,0,0,0.4); transition:all 0.5s;}
.game_text span{font-weight:700; color:#ff00fc;}
.game_money{float:left; width:100%; margin:60px 0 0 0; padding:0 0 0 5px; transition:all 0.5s;}
.game_money li{font-family:'GmarketSans'; font-weight:300; font-size:30px; color:#ffffff; text-shadow:2px 0 3px rgba(0,0,0,0.4); transition:all 0.5s;}
.game_money li span{display:inline-block; min-width:220px; text-align:right; padding:0 5px; font-weight:700; color:#ffde00; transition:all 0.5s;}
.game_change{float:left; width:100%; margin:50px 0 0 0; padding:0 0 0 5px; transition:all 0.5s;}
.game_change li{display:flex; align-items:center; margin:10px 0 0 0;}

.game_btn1{display:inline-block; background:linear-gradient(#444444 0%,#242424 100%); min-width:140px; height:40px; line-height:44px; text-align:center; border-radius:3px; font-family:'GmarketSans'; font-weight:500; font-size:16px; color:#ffffff; text-shadow:2px 0 3px rgba(0,0,0,0.4);}
.game_btn1:hover{background:linear-gradient(#242424 0%,#444444 100%);}



.game_btn2{display:inline-block; background:linear-gradient(#444444 0%,#242424 100%); min-width:240px; height:60px; line-height:64px; text-align:center; border-radius:3px; font-family:'GmarketSans'; font-weight:700; font-size:22px; color:#ffffff; text-shadow:2px 0 3px rgba(0,0,0,0.4);}
.game_btn2:hover{background:linear-gradient(#242424 0%,#444444 100%);}
.game_btn3{display:inline-block; background:linear-gradient(#71717b 0%,#404046 100%); min-width:240px; height:60px; line-height:64px; text-align:center; border-radius:3px; font-family:'GmarketSans'; font-weight:700; font-size:22px; color:#ffffff; text-shadow:2px 0 3px rgba(0,0,0,0.4);}
.game_btn3:hover{background:linear-gradient(#404046 0%,#71717b 100%);}

.input_change{background-color:#2424243a; border:2px solid #FFA500; padding:4px 5px 4px 20px; margin:0 10px 0 0; text-align:right; font-size:16px;  font-weight:500; font-size:16px; color:#ffffff; text-shadow:2px 0 3px rgba(0,0,0,0.4); border-radius:0px; width:320px; height:40px; transition:all 0.5s;font-family:'GmarketSans'; }
.input_change::placeholder {text-align:left; font-family:'GmarketSans'; font-weight:500; font-size:16px; color:#ffffff; text-shadow:2px 0 3px rgba(0,0,0,0.4);}

@media screen and (max-width:1440px) {
	.game_wrap{padding:50px 0 140px 40px;}
}

@media screen and (max-width:1024px) {
	.game_wrap{padding:50px 10px 90px 10px;}	
	.game_title img{width:400px;}
	.game_text{padding:0; font-size:20px;}
	
	.game_money{padding:0; margin:40px 0 0 0;}
	.game_money li{font-size:22px;}
	.game_money li span{min-width:160px;}
}

@media screen and (max-width:768px) {
  .game_title { display:none;text-align:center;}
	.game_wrap{padding:360px 10px 10px 10px;background:url('../images/bg_game_m.jpg') center top no-repeat;}	
	
	.game_title img{width:70%;}
	
	.input_change{width:calc(100% - 140px);}
	.game_text {display:none;}
	.game_text span{display:block;}

	.game_money {float:none; width:300px; margin:20px auto; padding-left:10px;}
	.game_money li{font-size:16px;}

	.game_change{float:none;width:300px; margin:20px auto;}
	
	.game_btn2,.game_btn3{min-width:100%; font-size:18px;}
}

@media screen and (max-width:560px) {
	.input_change{width:calc(100% - 90px);}
	.game_btn1{min-width:90px; font-size:14px;}
	.input_change{padding:4px 5px 4px 5px; margin:0 5px 0 0;}
	.input_change::placeholder{font-size:14px;}
}


/* 출석체크 */
.att_wrap{float:left; width:100%; margin:10px 0 0 0; transition:all 0.5s;}
.att_title{float:left; width:100%;}
.att_title img{width:100%;}

.att_info{float:left; width:100%; margin:10px 0 0 0; padding:20px 10px 20px 10px; background:#ffffff; border:1px solid #e0e0e5; display:flex; align-items:center; justify-content:center; transition:all 0.5s;}

.att_auto{float:left; width:320px; height:40px; margin:0 5px 0 0; background:#ffffff; border:1px solid #1c10b9; position:relative;}
.auto_btn{position:absolute; right:0; top:0; width:12%; height:37px; display:flex; justify-content: center; align-items: center; border:none; border:1px solid #ffffff; background:#ffffff; border-radius:0; padding:0 5px; cursor:pointer; transition:all 0.5s;}
.auto_btn:hover{border-left:1px solid #1c10b9;}

.att_btn{float:left;}

.att_date{float:left; width:100%; margin:10px 0 0 0; padding:20px 10px 20px 10px; display:flex; align-items:center; justify-content:center; transition:all 0.5s;}

.input_date{width:218px; height:40px; background:#ffffff; border:1px solid #1c10b9;text-align:center;font-size:16px;}

@media screen and (max-width:768px) {
.att_info{flex-wrap: wrap}
.att_auto{width:100%; margin:0;}
.att_btn {display: flex; width: 100%; margin:10px 0 0 0;}
.att_btn a{display: block; width: 50%;}

}


/*-------------------------------------------------------------------------------------*
 *  login_box                                                                         *
 *-------------------------------------------------------------------------------------*/
.login_box{float:left; width:100%; margin-top: 60px;}
.login_input{background-color:#ffffff; border:1px solid #e4e4e4; padding:4px 0 4px 5px; margin:0 0 10px 0; color:#000000; font-size:18px; border-radius:0px; width:100%; height:40px; transition:all 0.5s;padding-left:10px;}
.login_input::placeholder {color:#838383;}

.login_btn1{display:flex; align-items: center; justify-content: center; width:100%; height:58px; background:#242424; border:1px solid #2b1c77;border-radius: 15px; font-weight:500; font-size:16px; color:#ffffff; transition:all 0.5s;}
.login_btn1:hover{background:#2b1c77;}

.login_btn2{display:flex; align-items: center; justify-content: center; width:100%; height:58px; background:linear-gradient(#71717b 0%,#404046 100%); border-radius: 15px; font-family:'GmarketSans'; font-weight:500; font-size:18px; color:#ffffff; transition:all 0.5s;}
.login_btn2:hover{background:linear-gradient(#404046 0%,#71717b 100%);}

.login_btn3{display:flex; align-items: center; justify-content: center; width:100%; height:58px; background:linear-gradient(#444444 0%,#242424 100%); border:none; font-family:'GmarketSans'; font-weight:500; font-size:18px; color:#ffffff; transition:all 0.5s;}
.login_btn3:hover{background:linear-gradient(#242424 0%,#444444 100%);}

.login_btn4{width:100%; margin:30px 0 0 0; text-align:center; color:#3b3b3b; font-weight:600; font-size:16px; border:none; padding:5px; transition:all 0.5s;}
.login_btn4:hover{text-decoration:underline;}

.login_att{width:100%; margin:10px 0 0 0; display:flex; align-items:center; justify-content: space-between;}
.login_att_l{float:left; color:#a8a8a8; font-size:12px;}
.login_att_r{float:right; color:#a8a8a8; font-size:12px;}

.login_att_btn1{display:inline-block; width:105px; height:30px; line-height:28px; border-radius:30px; text-align:center; background:#e2e1e5; border:1px solid #e2e1e5; padding:0 5px; color:#242424; font-weight:400; font-size:14px; transition:all 0.5s;}
.login_att_btn1:hover{background:#ffffff; border:1px solid #242424;}
.login_att_btn2{display:inline-block; padding:2px 5px; color:#676767; font-weight:400; font-size:12px; transition:all 0.5s;}
.login_att_btn2:hover{color:#222222;}

/* 컨텐츠영역 로그인 */
.login_wrap{float:left; width:100%; margin:40px 0 0 0; transition:all 0.5s;}
.login_title{float:left; width:100%; text-align:center; font-family:'rocket'; font-size:44px; color:#444444; transition:all 0.5s;}
.login_title span{color:#242424;}

.login_box_box{margin:0 auto; width:460px; overflow:hidden; border-radius:10px; border:2px solid #242424; color:#333333;}
.login_box_title{float:left; width:100%; height:70px; background:#242424; display:flex; align-items:center; justify-content:center;}
.login_box_item{float:left; width:100%; padding:30px 40px;}

.login_input2{background-color:#ffffff; border:1px solid #e4e4e4; padding:4px 0 4px 5px; margin:0 0 10px 0; color:#000000; font-size:14px; border-radius:15px; width:100%; height:48px; transition:all 0.5s;}
.login_input2::placeholder {color:#838383;}

.input_check{margin:10px 0 10px 0;accent-color: #242424;}

.login_box_text{float:left; width:100%; margin:30px 0 10px 0; font-size:14px; color:#707070; text-align:center;}

/* 로그인후 */
.login_info{float:left; width:100%; margin:0 0 10px 0; background-color:#ffffff; border:1px solid #e4e4e4; border-radius: 15px; padding:10px 5px;}
.login_id{float:left; width:100%; text-align:center; font-family:'rocket'; font-size:20px; color:#444444; transition:all 0.5s;}
.login_point{float:left; width:100%; margin:10px 0 0 0; text-align:center; font-family:'rocket'; font-size:16px; color:#444444; transition:all 0.5s;}
.login_point span{color:#242424;}
@media screen and (max-width:1600px) {
}

@media screen and (max-width:1440px) {
}

@media screen and (max-width:1240px) {
}

@media screen and (max-width:1024px) {
	.login_box{margin-top: 10px;}
	.contents_box_right .login_box{display:none;}
}

@media screen and (max-width:768px) {
	.login_title{font-size:32px;}
	.login_box_box{width:90%;}
	.login_box_item{padding:15px 20px;}
}

@media screen and (max-width:425px) {

} 



/*-------------------------------------------------------------------------------------*
 *  모달창(팝업)                                                                       *
 *-------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------*
 *  특별한                                                                             *
 *-------------------------------------------------------------------------------------*/
/* top ▲ */
.go-top {position:fixed; display:block; width:40px; height:40px; line-height:35px; text-align:center; font-size:30px; bottom:-10%; right:20px; background:#242424; box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.79) inset; color:#ffffff; border-radius:1px; z-index:999; border:1px solid rgba(40,40,40,0.0); font-size:22px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;}
.go-top.show{bottom:30px;}


.your-class_slide_pc{max-width:100%; margin:0 auto 0;}
.class_slide_pc img{width:100%!important;}

@media screen and (max-width:1023px) {

}

@media screen and (max-width:768px) {
	.your-class_slide_pc{margin:0px auto 0;}
	/* For mobile phones: */
	[class*="col-"] {
		width: 100%;  padding:0 10px 0 10px;
	}
}


.title_img {width:100%;}

@media screen and (max-width:768px) {
    .title_img {width:150%;}
}


/*-------------------------------------------------------------------------------------*
 *  23 / 2 / 14 슬롯추가                                                                  *
 *-------------------------------------------------------------------------------------*/
 .slot_wrap{float:left; width:100%; margin:10px 0 0 0; padding:30px; text-align:center; background:url(../images/bg_slot.jpg) center top no-repeat; background-size:cover; border:1px solid #242424; transition:all 0.5s;}
 .slot_money{float:left; width:100%; padding:0 0 0 5px; transition:all 0.5s;}
 .slot_money li{font-family:'GmarketSans'; font-weight:500; font-size:30px; color:#2a2a2a; text-shadow:1px 0 2px rgba(255,255,255,0.9); transition:all 0.5s;}
 .slot_money li span{display:inline-block; min-width:220px; text-align:right; padding:0 5px; font-weight:700; color:#242424; transition:all 0.5s;}
 .slot_change{float:left; width:100%; margin:20px 0 0 0; padding:0 0 0 5px; transition:all 0.5s;}
 .slot_change li{display:flex; align-items:center; justify-content: center; margin:10px 0 0 0;}
 
 .slot_btn1{display:inline-block; background:linear-gradient(#444444 0%,#242424 100%); min-width:140px; height:40px; line-height:44px; text-align:center; border-radius:3px; font-family:'GmarketSans'; font-weight:500; font-size:16px; color:#ffffff; text-shadow:2px 0 3px rgba(0,0,0,0.4);}
 .slot_btn1:hover{background:linear-gradient(#242424 0%,#444444 100%);}
 
 .input_slot{background-color:#242424; border:1px solid #242424; padding:4px 5px 4px 20px; margin:0 10px 0 0; text-align:right; font-size:16px; color:#ffffff; border-radius:0px; width:320px; height:40px; transition:all 0.5s;}
 .input_slot::placeholder {text-align:left; font-family:'GmarketSans'; font-weight:500; font-size:16px; color:#ffffff; text-shadow:2px 0 3px rgba(0,0,0,0.4);}
 
 /* 슬롯 */
 .slot_tab_wrap{float:left; width:100%; margin:30px 0 0 0;}
 .slot_tab_wrap ul{float:left; width:100%; display:flex; flex-wrap: wrap}
 .slot_tab_wrap ul li{float:left; display:flex; width:calc(100% / 6 - 6px); margin:0 7.2px 5px 0}
 .slot_tab_wrap ul li:nth-child(6n){margin:0 0 5px 0;}
 .slot_tab_wrap ul li a{float:left; width: 100%; display:flex; align-items: center; justify-content: center; flex-direction: column; padding:5px 10px; background:#ffffff; border:1px solid #aaa; font-family:'EsaManru'; font-weight:300; font-size:12px; color:#9c9c9c;border-radius:5px;}
 .slot_tab_wrap ul li.active a{background:cornsilk; border:1px solid #242424; color:#393939;}
 .slot_tab_wrap ul li:hover a{background:cornsilk; border:1px solid #242424; color:#393939;}
 .slot_tab_wrap ul li a img{width:80%; max-width:110px;}
 
 .slot_game_list{float:left; width:100%; margin:10px 0 0 0; background:#f2f2f7; border:1px solid #e0e0e5;}
 .slot_game_list ul li{float:left; width:24.25%; margin:0 1% 1% 0; padding:5px;height:100%;}
 .slot_game_list ul li:nth-child(4n){margin:0 0 1% 0;}
 .slot_game_list ul li a{display:block; width:100%; position:relative;}
 .slot_thumb{position:relative; height:0; padding-bottom:100%; overflow:hidden;}
 .slot_thumb img{position:absolute; top:0; left:0; width:100%; height:100%; background:#adadad; transition:all 0.5s;}
 .slot_thumb img:hover{transform:scale(1.5);}
 .slot_mtitle{float:left; width:100%; padding:10px 5px 0 5px; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-family:'GmarketSans'; font-weight:500; font-size:15px; color:#2a2a2a; transition:all 0.5s;}
 @media screen and (max-width:1440px) {
 
 }
 
 @media screen and (max-width:1024px) {
	 .slot_money{padding:0;}
	 .slot_money li{font-size:22px;}
	 .slot_money li span{min-width:160px;}

 }
 
 @media screen and (max-width:768px) {
	 .slot_wrap{padding:20px 10px; background-size:auto;}
	 .slot_money li{font-size:18px;}
	 /* .game_change{padding:0; margin:20px 0 0 0;} */
	 .input_slot{width:calc(100% - 140px);}
	 
	 .slot_tab_wrap ul li{float:left; display:flex; width:calc(100% / 3 - 4px); margin:0 6px 5px 0}
	 .slot_tab_wrap ul li:nth-child(6n){margin:0 6px 5px 0}
	 .slot_tab_wrap ul li:nth-child(3n){margin:0 0 5px 0;}	
	 
	 .slot_game_list ul li{width:33%; margin:0 0.5% 1% 0;}
	 .slot_game_list ul li:nth-child(4n){margin:0 0.5% 1% 0;}	
	 .slot_game_list ul li:nth-child(3n){margin:0 0 1% 0;}	
 }
 
 @media screen and (max-width:560px) {
	 .input_slot{width:calc(100% - 90px);}
	 .slot_btn1{min-width:90px; font-size:14px;}
	 .input_slot{padding:4px 5px 4px 5px; margin:0 5px 0 0;}
	 .input_slot::placeholder{font-size:12px;}
	 .slot_tab_wrap ul li a{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
 }

 /*-------------------------------------------------------------------------------------*
  *  특별한                                                                             *
  *-------------------------------------------------------------------------------------*/
 /* top ▲ */
 .go-top {position:fixed; display:block; width:40px; height:40px; line-height:35px; text-align:center; font-size:30px; bottom:-10%; right:20px; background:#242424; box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.79) inset; color:#ffffff; border-radius:1px; z-index:999; border:1px solid rgba(40,40,40,0.0); font-size:22px;
 -webkit-transition: all 1s ease;
 -moz-transition: all 1s ease;
 -o-transition: all 1s ease;
 transition: all 1s ease;}
 .go-top.show{bottom:10px;}
 
 
 .your-class_slide_pc{max-width:100%; margin:0 auto 0;}
 .class_slide_pc img{width:100%!important;}
 
 @media screen and (max-width:1023px) {
 
 }
 
 @media screen and (max-width:768px) {
	 .your-class_slide_pc{margin:0px auto 0;}
	 /* For mobile phones: */
	 [class*="col-"] {
		 width: 100%;  padding:0 10px 0 10px;
	 }
 }
 
 .d-none {display:none !important;}
 .w-100 {width:100% !important;}


.btn_deposit{
	background-image: url(../images/btn_deposit.png);
	margin-right: 10px;
}
.btn_withdraw{
	background-image: url(../images/btn_withdraw.png);
}
.btn_evo{
	width: 195px;
	height: 45px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.btn_evo:hover{
	transform: scale(1.05);
	transition: all 0.2s ease-in-out;
}
@media screen and (max-width: 768px) {
	.btn_evo{
		width: 140px;
		height: 32px;
	}
}