/* 2023년 5월 1일 월요일 ~ ing */
@charset "utf-8";

body {background: #000; color: #fff;}
.inner {clear: both;}

@media all and (min-width:1800px) {
	.inner, .container {position:relative;display: block;width: 1500px;margin:0 auto;}
}
@media all and (max-width:1799px) {
	.inner_, .container_ {position:relative; display: block; width:98%; margin:0 auto;}
}
@media all and (max-width:600px) {
	body {font-size: 92%;letter-spacing: 0px;}
	.inner, .container {width:94%;    margin: 0 auto;}
}


::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    border: 3px solid #fff;
}

::-webkit-scrollbar-thumb {
    height: 50px;
    width: 50px;
    background: #ffba49;
    -webkit-box-shadow: inset 0 0 4px rgb(0 0 0 / 10%);
}
::-webkit-scrollbar-track {
    background: #848484;
    -webkit-box-shadow: inset 0 0 4px rgb(0 0 0 / 20%);
}


@media all and (max-width:1280px) {
::-webkit-scrollbar {
    width: 0px;
    height: 8px;
    border: 3px solid #fff;
}

::-webkit-scrollbar-thumb {
    height: 50px;
    width: 50px;
    background: #ffba49;
    -webkit-box-shadow: inset 0 0 4px rgb(0 0 0 / 10%);
}
::-webkit-scrollbar-track {
    background: #848484;
    -webkit-box-shadow: inset 0 0 4px rgb(0 0 0 / 20%);
}
}

@keyframes starsAnim {
    0% {opacity: 1;}
    50% {opacity: 0.5;}
    100% {opacity: 1;}
}


/*** header ***/
#header {position: relative;display: block;width: 100%;height: 474px;background_: url(../images/main/bg_20230501.jpg) no-repeat 50% 50%;background: url(../images/main/slide-bg.jpg) no-repeat; background-size: 100% 100%;z-index:10;transition:all 0.2s;-moz-transition:all 0.2s;-webkit-transition:all 0.2s;-o-transition:all 0.2s;}

#header:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/main/stars-bg.png) no-repeat; background-size: 100%; animation: starsAnim 0.7s ease infinite; }

#header .head_top {height: 54px;padding-top: 20px;font-size: 15px;}
#header .head_top::after {display:block; clear:both; content:'';}

#header .head_top .left {position:relative; float:left; font-family: "Noto Sans KR"; color: #ccc;}
#header .head_top .left ul li {position: relative;display: inline-block;padding: 0 7px;border-radius: 0 0 10px 10px;z-index:100;}
#header .head_top .left ul li a {display:block;height: 100%;padding-top: 8px;font-size: 17px;font-weight: bold;}
#header .head_top .left ul li.top_charge {padding-left:0;}
#header .head_top .left ul li.top_charge a {padding-left: 36px; background: url(../images/main/top_charge_icon.png) no-repeat 0 45%; background-size: 33px;} /* 충전 아이콘 */
#header .head_top .left ul li.top_exchange a {padding-left: 36px; background: url(../images/main/top_exchange_icon.png) no-repeat 0 45%; background-size: 33px;} /* 환전 아이콘 */
#header .head_top .left ul li.top_money a {padding-left: 36px; background: url(../images/main/top_money_icon.png) no-repeat 0 45%; background-size: 33px;} /* 머니이동 아이콘 */
#header .head_top .left ul li.top_comp a {padding-left: 36px; background: url(../images/main/top_comp_icon.png) no-repeat 0 45%; background-size: 33px;} /* 콤프 아이콘 */
#header .head_top .left ul li.top_calculate a {padding-left: 40px; background: url(../images/main/top_calculate_icon.png) no-repeat 0 45%; background-size: 33px;} /* 지인정산 아이콘 */
#header .head_top .left ul li.top_calculate2 a {padding-left: 36px;background: url(../images/main/top_calculate2_icon.png) no-repeat 0 65%;background-size: 33px;} /* 지인정산내역 아이콘 */
#header .head_top .left ul li.top_calculate3 a {padding-left: 36px;background: url(../images/main/top_customer_icon.png) no-repeat 0 65%;background-size: 33px;} /* 고객센터 아이콘 */

#header .head_top .right {position:relative;float:right;margin-top: 3px;}
#header .head_top .right ul {display:inline-block;text-align: right;}
#header .head_top .right ul li.top_right {position: relative;display: inline-block;padding: 0 10px;z-index:10;border-right: 1px solid #ccc;line-height: 12px;}
#header .head_top .right ul li.top_right:nth-child(6) {border-right:none;}
#header .head_top .right ul li.top_right a span {color: #ebce2b;font-family: 'GmarketSansBold';}
#header .head_top .right ul li.top_right.login1 {border-right:none;background: #ebce2b;padding: 10px 15px 6px;border-radius: 4px;cursor: pointer;}
#header .head_top .right ul li.top_right.login2 {border-right:none;background: #d6bc27;padding: 10px 12px 6px;border-radius: 4px;}
#header .head_top .right ul li.top_right.join {border-right:none;background: #b92c2b;padding: 10px 12px 6px;border-radius: 4px;}
#header .head_top .right ul li.top_right.mypage {border-right:none;background: #2b2eb9;padding: 10px 12px 6px;border-radius: 4px;}
#header .head_top .right ul li.top_right.sitemap {display:none;}

#header .head_logo {position:relative;display: block;width: 100%;z-index: 2;margin-bottom_: 90px;}
#header .head_logo > h2 {display:block;}
#header .head_logo > h2 a {display:block;width: 460px;margin: 30px auto;}
#header .head_logo > h2 a img {display:block;width:1000%;}



@media all and (max-width:420px) {
	#header .head_logo > h2 a  {width: 210px;margin: 0 auto;}
}


@media all and (max-width:1200px) {

	#header .head_logo {margin-bottom:150px;}
}
@media all and (max-width:1110px) {
	#header .head_top .left {display:none;}
	#header .head_top .right ul li.top_right.sitemap {border-right:none;background: #fff;padding: 4px 10px 3px;border-radius: 4px;display: inline-block;}
	#header .head_top .right ul li.top_right.sitemap a {color:#222;}
	#header .head_top .right ul li.top_right.sitemap a img {width:20px;margin-bottom: 1px;margin-right: 3px;}
}
@media all and (max-width:600px) {

	
	#header .head_top .right ul li.top_right:nth-child(1), #header .head_top .right ul li.top_right:nth-child(2), #header .head_top .right ul li.top_right:nth-child(3), #header .head_top .right ul li.top_right:nth-child(4) {display_:none;}
}
@media all and (max-width:420px) {
	#header {background-size: cover; height: 235px; background-position: 50% 90%;}
	
	#header .head_logo {margin-bottom:25px;}

}
@media all and (max-width:360px) {
	#header {height:290px; background-size: 110%; background-position:50% 68%;}
	#header .head_top .right ul li.top_right.sitemap {padding: 4px 5px 3px;}
	
	#header .head_logo {margin-bottom:100px;}
	#header .head_logo > h2 a {width:240px}
}

/*** visual ***/
/*#visual {display: block;position: relative;height: 292px;overflow: hidden;}*/
/*#visual div.v_slide {display: block; float: left;}*/
#visual div.v_slide:nth-child(1) {left: 0; transform:  translate(0,-50%); position: absolute; top: 50%; width: 60px; height: 60px; background: url(../images/main/btn_left.png) center center no-repeat; background-size: cover; text-indent: -999em; cursor: pointer;} /* 왼쪽 슬라이드 이동버튼 */
#visual div.v_slide:nth-child(2) {position: relative;width: 90%;height: 288px;margin: 0 auto;text-align: center;} /* 슬라이드 배너이미지 영역 */
#visual div.v_slide:nth-child(3) {right: 0; transform: translate(0,-50%); position: absolute; top: 50%; width: 60px; height: 60px; background: url(../images/main/btn_right.png) center center no-repeat; background-size: cover; text-indent: -999em; cursor: pointer;} /* 오른쪽 슬라이드 이동버튼 */
#visual div.v_slide a {display: block;}

/*#visual div ul.visual_img {position: relative;display: block;width: 100%;}*/
#visual div ul.visual_img li {display: inline-block;/* float: left; */width: 32%;height: 246px;margin-right: 10px;margin-bottom: 50px;border-radius: 20px;border: 1px solid transparent;border-image-slice: 1;background-image: linear-gradient(to left, #ffe754 10%, #fffdee 100%);background-origin: border-box;background-clip: border-box;overflow: hidden;}
#visual div ul.visual_img li:nth-child(3n) {margin-right: 0;}
#visual div ul.visual_img li a {display: block;}
#visual div ul.visual_img li a img {display: block; width: 100%; height: 100%; object-fit: cover; object-position: center;}

#visual div.v_slide div.m_slide {position: absolute;bottom: 0;right: 14px;padding: 9px 18px 4px;background: #ffffff26;border-radius: 100px;color: #eee;display: inline-flex;cursor: pointer;}
#visual div.v_slide div.m_slide span {color: #fff;font-family: 'GmarketSansBold';margin-right: 5px;}
#visual div.v_slide div.m_slide a {color: #ccc;margin-left: 8px;}

@media all and (max-width:1440px) {
	#visual div.v_slide:nth-child(1), #visual div.v_slide:nth-child(3) {z-index: 10000;}
	#visual div.v_slide:nth-child(2) {width:100%;}
	#visual {     margin: 170px auto 0; }
	.mm33 {margin: 0px auto 0  !important;}
}
@media all and (max-width:1200px) {
	#visual {height: 228px;}
	#visual div ul.visual_img li {height: 218px;}
	#visual div.v_slide div.m_slide {display:none;}
	.mm33 {margin: -70px auto 0  !important;}
}
@media all and (max-width:960px) {
	#visual {height: 184px;}
	#visual div ul.visual_img li {height: 172px;border-radius: 15px;}
}
@media all and (max-width:760px) {
	#visual {height: 202px;}
	#visual div ul.visual_img li {width:48%;height: 200px;}
	#visual div ul.visual_img li:nth-child(2n) {margin-right: 0;}
}
@media all and (max-width:600px) {
	#visual {height: 162px;}
	#visual div ul.visual_img li {width:48%;height: 160px;}
}
@media all and (max-width:420px) {
	#visual {height: 222px; margin: 80px auto 0;}
	#visual div ul.visual_img li {width:100%;height: 220px;margin-right: 0;}
}
@media all and (max-width:360px) {
	#visual {height: 192px;}
	#visual div ul.visual_img li {height: 190px;}
}
@media all and (max-width:330px) {
	#visual {height: 180px;}
	#visual div ul.visual_img li {height: 178px;}
}


@keyframes toggleGLow {
    0% {opacity: 1;}
    50% {opacity: 0.6;}
    100% {opacity: 1;}
}
/*** container ***/
.main_001 {background: url(../images/main/main-bg.png) top center; background-size: cover;}
.main_001::before { content: ''; position: absolute; top: 474px; left: 0; width: 100%; height: 100%; background: url(../images/main/toggle-glow.png) top center no-repeat; animation:toggleGLow 2s ease infinite;}

@media all and (max-width:420px) {
	.main_001 {    height: 100%;}
}
@media all and (max-width:420px) {
	.main_001::before {    top: 216px;}
}

@media all and (max-width:420px) {
	#header .head_top {       padding: 0;}
}

#container {position: relative;display: block;margin: 0px auto 60px; padding-top: 330px;}
#container div.mi_icon {display:none;}

#container div.cont_game {position: relative;display: block;font-size: 38px;font-family: 'GmarketSansBold';line-height: 38px;margin-bottom: 60px;}
#container div.cont_game ul {display: flex;justify-content: space-between;}
#container div.cont_game ul li {position: relative;display: block;width: 49%;height: 292px;border-radius: 20px;background: url(../images/main/game_bg.jpg) no-repeat;background-size: 100%;overflow: hidden;cursor: pointer;}
#container div.cont_game ul li:nth-child(1)::before {display:block;position: absolute;bottom: 0;right: 0;clear:both;content:'';width: 455px;height: 332px;background: url(../images/main/game_casino.png) no-repeat 0 0;background-size: 450px;}
#container div.cont_game ul li:nth-child(2)::before {display:block;position: absolute;bottom: 0;right: 0;clear:both;content:'';width: 560px;height: 418px;background: url(../images/main/game_slot.png) no-repeat 0 0;background-size: 560px;}
#container div.cont_game ul li a {display:block;width: 100%;height: 100%;padding: 90px 0 0 50px;z-index: 2;position: relative;}
#container div.cont_game ul li a span {display: block;font-size: 25px;font-family: 'Noto Sans KR';}

#container div.cont_board {position: relative;display: flex;justify-content: space-around;}
#container div.cont_board div {position: relative;display: block;float: left;}
#container div.cont_board div h2 {width: 100%;border-bottom: 1px solid #bda725;padding-bottom: 18px;margin-bottom: 18px;}
#container div.cont_board div h2 img {width: 200px;}

/* 실시간 출금 현황 */
#container div.cont_board .real-time {display: block;width: 27%;height: 232px;overflow: hidden;} 
#container div.cont_board .real-time ul {display: block;}
#container div.cont_board .real-time ul li {display: block;margin-bottom: 20px;cursor: pointer;}
#container div.cont_board .real-time ul li:last-child {margin-bottom:0;}
#container div.cont_board .real-time ul li span.ID {display: inline-block;width: 32%;}
#container div.cont_board .real-time ul li span.money {display: inline-block;width: 30%;margin-left: 30px;text-align: right;}
#container div.cont_board .real-time ul li span.date {color:#999;text-align: right;float: right;}

/* 월간 출금 TOP */
#container div.cont_board .monthly {display: block;width: 27%;height: 232px;overflow: hidden;} 
#container div.cont_board .monthly ul {display: block;}
#container div.cont_board .monthly ul li {display: block;margin-bottom: 20px;cursor: pointer;}
#container div.cont_board .monthly ul li:last-child {margin-bottom:0;}
#container div.cont_board .monthly ul li span.ID {display: inline-block;width: 32%;}
#container div.cont_board .monthly ul li span.money {display: inline-block;width: 30%;margin-left: 30px;text-align: right;}
#container div.cont_board .monthly ul li span.date {color:#999;text-align: right;float: right;}

/* 공지사항 */
#container div.cont_board .notice {display: block;width: 22%;height: 267px;overflow: hidden;} /* 공지사항 */
#container div.cont_board .notice .board_tit {float:none;display: flex;border-bottom: 1px solid #bda725;margin-bottom: 15px;padding-bottom: 13px;justify-content: space-between;}
#container div.cont_board .notice .board_tit h2 {width: 70%;border-bottom:none;padding: 0;margin: 0;}
#container div.cont_board .notice .board_tit a {padding-top: 10px; line-height: 20px;}
#container div.cont_board .notice ul {display: block;}
#container div.cont_board .notice ul li {margin-bottom: 16px;display: block;cursor: pointer;}
#container div.cont_board .notice ul li:last-child {margin-bottom:0;}
#container div.cont_board .notice ul li a span.tage {background:#b92c2b;display: block;float: left;width: 50px;height: 22px;text-align: center;font-size: 15px;border-radius: 3px;padding-top: 3px;}
#container div.cont_board .notice ul li a span.n_title01 {display: inline-block;width: 40%;margin-left: 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;padding-top: 3px;}
#container div.cont_board .notice ul li a span.n_title02 {width: 60%;display: inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;line-height: 24px;}
#container div.cont_board .notice ul li a span.n_title03 {display: inline-block;width: 80%;margin-left: 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;padding-top: 3px;}
#container div.cont_board .notice ul li a span.date {color:#999;text-align: right;line-height: 24px;float: right;}

/* 고객센터 */
#container div.cont_board .customer {width: 18%;height: 230px;border-bottom: none;background: linear-gradient(to bottom, #0c0c0c 12%, #151515 100%);border-radius: 20px;padding: 28px 24px;} 
#container div.cont_board .customer h2 {border-bottom: none;font-size: 22px;font-family: 'GmarketSansBold';padding-bottom: 0;margin-bottom: 6px;}
#container div.cont_board .customer p.cu_text {padding-left: 33px;line-height: 20px;font-size: 15px;color: #ccc;margin-bottom: 12px;}
#container div.cont_board .customer p img {width: 28px;}
#container div.cont_board .customer a {display: block;width: 100%;background: linear-gradient(to bottom, #555 0%, #151515 100%);border-radius: 20px;text-align: center;font-size:18px;padding: 11px 0;}

@media all and (max-width:1660px) {

	#container div.cont_game ul li:nth-child(1)::before {background-size: 346px;width: 308px;height: 254px;}
	#container div.cont_game ul li:nth-child(2)::before {background-size:460px;width: 460px;height: 345px;}

	#container div.cont_board {display:block;}
	#container div.cont_board .real-time {width: 48%;display: inline-block;margin-right: 30px;}
	
	#container div.cont_board .monthly {width: 48%;display: inline-block;}
	
	#container div.cont_board .notice {display: inline-block;width: 48%;margin-right: 30px;margin-top: 50px;}
	#container div.cont_board .notice ul li span.n_title01 {width: 66%;margin-left:11px}
	#container div.cont_board .notice ul li span.n_title02 {width: 77%;}
	
	#container div.cont_board .customer {width: 48%;display: inline-block;margin: 50px 0 60px;}
}
@media all and (max-width:1200px) {
	#container {    padding-top: 250px;}
}

@media all and (max-width:1050px) {
	#container div.cont_game ul li {height:240px;}
	#container div.cont_game ul li a {padding: 60px 0 0 32px;}
	#container div.cont_game ul li:nth-child(1)::before {background-size: 220px;width: 205px;height: 162px;}
	#container div.cont_game ul li:nth-child(2)::before {background-size: 328px;width: 328px;height: 243px;}

	#container div.cont_board .notice ul li span.n_title01 {width: 60%;margin-left:11px}
	#container div.cont_board .notice ul li span.n_title02 {width: 72%;}
}
@media all and (max-width:960px) {
	#container {margin: 50px auto;     padding-top: 165px;}
	.mm44 {margin: 0px auto !important; padding-top: 210px !important;}

	#container div.cont_game {margin-bottom:50px;font-size:30px;line-height: 34px;}
	#container div.cont_game ul li  {border-radius: 15px;}
	#container div.cont_game ul li a span {font-size: 22px;}

	#container div.mi_icon {display:block; margin:30px 0;}
	#container div.mi_icon ul {display: flex;}
	#container div.mi_icon ul li {width: 25%;text-align: center;}
	#container div.mi_icon ul li a {color: #dcc449;}
	#container div.mi_icon ul li.mi_charge a {padding-top: 40px;background: url(../images/main/mi_charge_icon.png) no-repeat 50% 10%;background-size: 33px;} /* 충전 아이콘 */
	#container div.mi_icon ul li.mi_exchange a {padding-top: 40px;background: url(../images/main/mi_exchange_icon.png) no-repeat 50% 10%;background-size: 33px;} /* 환전 아이콘 */
	#container div.mi_icon ul li.mi_money a {padding-top: 40px;background: url(../images/main/mi_money_icon.png) no-repeat 50% 10%;background-size: 33px;} /* 머니이동 아이콘 */
	#container div.mi_icon ul li.mi_comp a {padding-top: 40px;background: url(../images/main/mi_comp_icon.png) no-repeat 50% 10%;background-size: 33px;} /* 콤프 아이콘 */
	#container div.mi_icon ul li.mi_calculate a {padding-top: 40px;background: url(../images/main/mi_calculate_icon.png) no-repeat 50% 10%;background-size: 33px;} /* 지인정산 아이콘 */
	#container div.mi_icon ul li.mi_calculate2 a {padding-top: 40px;background: url(../images/main/mi_customer_icon.png) no-repeat 50% 10%;background-size: 33px;} /* 고객센터 아이콘 */
}
@media all and (max-width:910px) {
	#container {margin: 50px auto;}

	#container div.cont_game ul li {height:200px;}
	#container div.cont_game ul li a span {font-size: 22px;}


}

@media all and (max-width:780px) {
	#container {margin: 50px auto;}

	#container div.cont_game {margin-bottom:50px;font-size: 28px;line-height: 30px;}
	#container div.cont_game ul li {height: 178px;}
	#container div.cont_game ul li a {padding: 40px 0 0 24px;}
	#container div.cont_game ul li a span {font-size: 20px;}
}
@media all and (max-width:765px) {
	#container {margin: 85px auto 50px;}
	.mm44 {margin: 0px auto !important; padding-top: 240px !important;}	
	#container div.cont_board .real-time, #container div.cont_board .notice, #container div.cont_board .monthly, #container div.cont_board .customer {width:100%;margin-right:0;margin-bottom:50px;margin-top: 0;}
}
@media all and (max-width:600px) {
	#container {margin: 40px auto 50px;}
	.mm44 {margin: 0px auto !important; padding-top: 205px !important;}	
	#container div.cont_game {font-size: 24px;line-height: 24px;}
	#container div.cont_game ul li {height: 158px;}
	#container div.cont_game ul li:nth-child(1)::before {background-size: 164px;width: 146px;height: 123px;}
	#container div.cont_game ul li:nth-child(2)::before {background-size: 258px;width: 258px;height: 192px;}
	#container div.cont_game ul li a span {font-size: 16px;}
}
@media all and (max-width:560px) {
	#container div.cont_game {font-size: 22px;line-height: 23px;}
	#container div.cont_game ul li {height: 110px;}
	#container div.cont_game ul li:nth-child(1)::before {display: none;}
	#container div.cont_game ul li:nth-child(2)::before {display: none;}
	#container div.cont_game ul li a {padding: 30px 0 0 24px;}
	#container div.cont_game ul li a span {font-size: 15px;}
}
@media all and (max-width:420px) {
	#container {margin: 0px auto 30px;     padding-top: 270px;}
	.mm33 {margin:-25px auto 0 !important;}	
	.mm44 {margin: 0px auto !important; padding-top: 260px !important;}	

}
@media all and (max-width:410px) {
	#container div.cont_board .notice ul li span.n_title01 {width: 52%;margin-left:11px}
	#container div.cont_board .notice ul li span.n_title02 {width: 68%;}
}
@media all and (max-width:390px) {
	#container div.cont_game ul li {height: 100px;}
	#container div.cont_game ul li a {text-align:center; padding: 30px 0 0;}
	
	#container div.cont_board .real-time ul li span.money {margin-left:5px;}
	#container div.cont_board .monthly ul li span.money {margin-left:5px;}
}
@media all and (max-width:360px) {
	#container {margin: 180px auto 30px;}

	#container div.mi_icon ul li a {font-size:13px;}
	
	#container div.cont_board .real-time ul li span.ID, #container div.cont_board .monthly ul li span.ID {width:28%;}
	#container div.cont_board .notice ul li span.n_title01 {width: 40%;margin-left:11px}
	#container div.cont_board .notice ul li span.n_title02 {width: 56%;}
}
@media all and (max-width:360px) {
	#container {margin: -30px auto 30px;}
}
@media all and (max-width:338px) {
	#container {margin: 140px auto 30px;}
	
	#container div.cont_game {font-size: 20px;line-height: 22px;}
	
	#container div.cont_board .real-time, #container div.cont_board .monthly {display:none;}
}

/*** footer ***/
#footer {position: relative;height: 180px;border-top: 1px solid #555;font-size: 14px;clear: both;}
#footer > div {display: block;}
#footer .f_logo { position: relative; display: block; z-index: 2; margin: 50px auto 0 auto; width: 200px; text-align: center; }
#footer .f_logo > h2 {display:block;}
#footer .f_logo > h2 a {display:block;width: 200px;margin: 50px 0;}
#footer .f_logo > h2 a img {display:block;width:100%;}

#footer .f_box {position: absolute;top: 70px;left: 870px;;z-index:5;}
#footer .f_box ul {display:inline-block;font-family: 'Noto Sans KR';color:#b1b1b1;margin-bottom: 3px;}
#footer .f_box ul li {position: relative;display: inline-block;padding: 0 10px 0 6px;border-right: 1px solid #b1b1b1;}
#footer .f_box ul li:last-child {border-right:none;}
#footer .f_box ul li a {display:block;color: #b1b1b1;}
#footer .f_box p {display:block;font-family: 'Noto Sans KR';color:#b1b1b1;line-height: 20px;} /* 상담시간 아이콘 */
#footer .f_box p img {width: 26px;}

@media all and (max-width:1660px) {
	#footer {margin-top:50px;}
}
@media all and (max-width:730px) {
	#footer {height: 240px;text-align:center}
	#footer .f_logo > h2 a {width:100%;}
	#footer .f_logo > h2 a img {width: 200px;margin: 0 auto;}
	
	#footer .f_box {position:relative;top: 0;left: 0;margin-top: -30px;}
}

/************ 서브 모달창 - sub popup ************/
.m_layer {position: fixed;height: 100vh;top: 0;left: 0;width: 100%;background: rgba(0, 0, 0, 0.7);z-index: 21;display: none;opacity: 1; transform: scale(1, 1);}
.m_layer-wrapper {display: flex;height: 100%;align-items: center;justify-content: center;overflow: auto;padding: 6rem 0;}
.m_layer .m_layout {width: 1220px;height: 764px;max-height: 764px;margin: auto;background: url(../images/sub/m_layot_bg.jpg) no-repeat 50% 50%;background-size: cover;border-radius: 30px;}

@media all and (max-width:1280px) {
	.m_layer .m_layout {width: 92%;}
}

@media all and (max-width:1280px) {
	.swal2-modal .swal2-content {width: 98%;}
}

@media all and (max-width:1280px) {
	.modal-alert {width: 96%;}
}

/** 로그인페이지 - m_layer_login **/
.m_layer .m_layout.m_login {width: 620px;height: 460px;}

.m_layer_login {position: relative;display: block;}
.m_layer_login h3 {text-align: center;font-size: 30px;margin: 3px 0 25px 0;line-height: 36px;}
.m_layer_login h3 span {font-size: 20px;font-family: 'Noto Sans KR';letter-spacing: 0.5;}

.m_layer_login input {width: 78%;margin: 0 auto;display: block;margin-bottom: 10px;height: 50px;line-height: 48px;float: none;}

.m_layer_login ul {display: flex;margin: 35px auto 0;width: 68%;justify-content: space-evenly;}
.m_layer_login ul li {display: inline-block;width: 42%;height: 40px;text-align: center;border-radius: 30px;overflow: hidden;}
.m_layer_login ul li a {display:block;padding: 13px 0;}
.m_layer_login ul li a.login {background: #ebce2b;}
.m_layer_login ul li a.join {background: #b92c2b;}

@media all and (max-width:768px) {
	.m_layer .m_layout.m_login {width: 92%;}
}
@media all and (max-width:768px) {
	.m_layer_login input {width: 95%;}

	.m_layer_login ul {width:90%;}
}

/** 게시판페이지 - m_layer_text **/
.m_layer_box {display:block;padding: 32px;width: 100%;height: 100%;} 
.m_layer_box .m_layer_tab {display:block;width: 100%;height: 50px;}
.m_layer_box .m_layer_tab ul {display:flex;float:left;}
.m_layer_box .m_layer_tab ul li {display:block;font-size: 20px;line-height: 22px;background: #ffffff21;padding: 10px 40px 9px 34px;margin-right: 10px;border-radius: 24px;}
.m_layer_box .m_layer_tab ul li.tabON {font-family: 'GmarketSansBold';background: #ebce2bc2;}
.m_layer_box .m_layer_tab ul li a {display:block;width:100%;}
.m_layer_box .m_layer_tab ul li.m_notice a {padding-top: 5px;padding-left:30px;background: url(../images/sub/m_notice_icon.png) no-repeat 0% 50%;background-size: 25px;} /* 공지사항 아이콘 */ 
.m_layer_box .m_layer_tab ul li.m_event a {padding-top: 5px;padding-left:30px;padding-bottom: 1px;background: url(../images/sub/m_event_icon.png) no-repeat 0% 50%;background-size: 25px;} /* 이벤트 아이콘 */ 
.m_layer_box .m_layer_tab a {display:block;float:right;width: 50px;} /* 닫기버튼 */
.m_layer_box .m_layer_tab a img {display:block; width: 100%;}
.m_layer_box .m_layer_text {clear: both;display:block;border: 1px solid #ebce2b;max-height: 580px;height: 100%;margin-top: 24px;border-radius: 20px;overflow-y: auto;margin-bottom: 15px;}

@media all and (max-width:600px) {
	.m_layer_box .m_layer_tab ul {width: 100%;}
	.m_layer_box .m_layer_tab ul li {text-align: center;padding: 10px 0;width: 45%;}
	.m_layer_box .m_layer_tab ul li.m_notice a, .m_layer_box .m_layer_tab ul li.m_event a {padding-left:0;background:none;font-size: 17px;}
	.m_layer_box .m_layer_tab > a {position:absolute;right: 15px;top: 40px;}
}

/* 리스트형 게시판 - 목록 */
.board_list {font-size: 15px;} 
.board_list thead {background: #ebce2bc2;}
.board_list th {padding:15px 0;border-bottom:1px solid #ebce2b;text-align:center;}
.board_list td {padding: 12px 5px 14px;border-bottom:1px solid #ebce2b;text-align:center;}
.board_list th:last-child, .board_list td:last-child {border-right: none !important;}
.board_list td span.rad_tage {background:#b92c2b;display: block;width: 50px;height: 22px;text-align: center;font-size: 15px;border-radius: 3px;padding-top: 3px;margin: 0 auto;} /* 필독 */
.board_list td span.yellow_tage {background:#ebce2b;display: block;width: 50px;height: 22px;text-align: center;font-size: 15px;border-radius: 3px;padding-top: 3px;margin: 0 auto;} /* 공지 */
.board_list td.title {padding: 12px 0;text-align:left;cursor: pointer;}
.board_list td.title a {display:inline-block;max-width:90%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;vertical-align:middle}
.board_list td.t_date {color: #999;}

/* 리스트형 게시판 - 목록 */
.board_list2 {font-size: 15px;} 
.board_list2 thead {background: #ebce2bc2;}
.board_list2 th {padding:15px 0;border-bottom:1px solid #ebce2b;text-align:center;}
.board_list2 td {padding: 12px 5px 14px;border-bottom:1px solid #ebce2b;text-align:center;}
.board_list2 th:last-child, .board_list2 td:last-child {border-right: none !important;}
.board_list2 td span.rad_tage {background:#b92c2b;display: block;width: 50px;height: 22px;text-align: center;font-size: 15px;border-radius: 3px;padding-top: 3px;margin: 0 auto;} /* 필독 */
.board_list2 td span.yellow_tage {background:#ebce2b;display: block;width: 50px;height: 22px;text-align: center;font-size: 15px;border-radius: 3px;padding-top: 3px;margin: 0 auto;} /* 공지 */
.board_list2 td.title {padding: 12px 0;text-align:left;cursor: pointer;}
.board_list2 td.title a {display:inline-block;max-width:90%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;vertical-align:middle}
.board_list2 td.t_date {color: #999;}

/* 리스트형 게시판 - 상세 */
.board_detail {font-size: 16px;} 
.board_detail .detail_title {display:block;margin-bottom: 5px;border-bottom: 1px solid #ebce2b;padding: 20px 24px;}
.board_detail .detail_title h3 {display: flex;justify-content: flex-start;margin-bottom: 10px;}
.board_detail .detail_title h3 span.rad_tage {background:#b92c2b;display: block;width: 50px;height: 22px;text-align: center;font-size: 15px;border-radius: 3px;margin-right: 8px;padding-top: 3px;} /* 필독 */
.board_detail .detail_title h3 span.yellow_tage {background:#ebce2b;display: block;width: 50px;height: 22px;text-align: center;font-size: 15px;border-radius: 3px;padding-top: 3px;margin: 0 auto;} /* 공지 */
.board_detail .detail_title ul {display: flex;justify-content: flex-start;}
.board_detail .detail_title ul li {color:#ccc;font-size: 14px;}
.board_detail .detail_title ul li.writer {padding-top: 5px;padding-left: 22px;background: url(../images/sub/d_write.png) no-repeat 0% 50%;background-size: 16px;margin-right: 20px;} /* 작성자 아이콘 */
.board_detail .detail_title ul li.date {padding-top: 5px;padding-left: 23px;background: url(../images/sub/d_date.png) no-repeat 0% 50%;background-size: 16px;} /* 작성일 아이콘 */
.board_detail .detail_text {display:block;padding: 20px 24px;}
.board_detail .detail_text p {font-size: 16px;line-height: 24px;}

.board_detail2 {font-size: 16px;}
.board_detail2 .detail_title {display: block; padding: 0 0 10px 0;}
.board_detail2 .detail_title > h3 {display: flex;justify-content: flex-start;margin-bottom: 10px;font-size: 20px;}
.board_detail2 .detail_title > h3 > span.rad_tage { background: rgb(185, 44, 43); display: block; width: 50px; height: 22px; text-align: center; font-size: 15px; border-radius: 3px; margin-right: 8px; padding-top: 3px; }
.board_detail2 .detail_title > h3 > span.yellow_tage { background: rgb(235, 206, 43); display: block; width: 50px; height: 22px; text-align: center; font-size: 15px; border-radius: 3px; padding-top: 3px; margin: 0px auto; }
.board_detail2 .detail_title > h3 > span.gray_tage {background: #B5B5B5;color: #000;display: block;width: 50px;height: 22px;text-align: center;font-size: 15px;border-radius: 3px;padding-top: 3px;margin-right: 8px;}
.board_detail2 .detail_title > h3 > span.green_tage {background: rgb(23 170 62);color: #000;display: block;width: 75px;height: 22px;text-align: center;font-size: 15px;border-radius: 3px;padding-top: 3px;margin-right: 8px;}
.board_detail2 .detail_title > ul {display: flex !important;justify-content: flex-start;margin-bottom: 0;float: none !important;}
.board_detail2 .detail_title > ul > li {color: rgb(204, 204, 204);font-size: 14px !important;border: none;}
.board_detail2 .detail_title > ul > li.writer {padding-top: 5px !important;padding-left: 22px !important;background: url("../images/sub/d_write.png") 0% 42% / 16px no-repeat !important;margin-right: 20px;}
.board_detail2 .detail_title > ul > li.date {padding-top: 5px !important;padding-left: 23px !important;background: url("../images/sub/d_date.png") 0% 48% / 16px no-repeat !important;}
.board_detail2 .detail_title > ul > li:hover {border: none;}
.board_detail2 .detail_text {display: block;}
.board_detail2 .detail_text > p {font-size: 15px;line-height: 24px;border-top: 1px solid rgb(235, 206, 43);padding-top: 18px;margin-bottom: 25px;font-family: Noto Sans KR;}
.board_detail2 .detail_text > p span.detail_T {display: block;color: rgb(235, 206, 43);font-size: 18px;font-family: 'GmarketSansMedium';}


/* 갤러리형 게시판 - 목록 */
.eventBox {border: none !important;overflow-y: auto !important;}
.eventBox ul.event_img {position: relative;display: block;width: 100%;}
.eventBox ul.event_img li {display: inline-block;width: 23%;height: 158px;margin-right: 18px;margin-bottom: 22px;border-radius: 20px;border: 1px solid transparent;border-image-slice: 1;background-image: linear-gradient(to left, #ffe754 10%, #fffdee 100%);background-origin: border-box;background-clip: border-box;overflow: hidden;}
.eventBox ul.event_img li:nth-child(4n) {margin-right: 0;}
.eventBox ul.event_img li a {display: block;}
.eventBox ul.event_img li a img {display: block; width: 100%; height: 100%; object-fit: cover; object-position: center;}

@media all and (max-width:1000px) {
	.eventBox ul.event_img li {width: 30%;}
	.eventBox ul.event_img li:nth-child(4n) {margin-right: 18px;}
}
@media all and (max-width:768px) {
	.eventBox ul.event_img li {width: 48%;}
	.eventBox ul.event_img li:nth-child(2n) {margin-right: 0;}
}
@media all and (max-width:680px) {
	.eventBox ul.event_img li {width: 100%;margin-right: 0;height: 255px;}
}
@media all and (max-width:420px) {
	.eventBox ul.event_img li {height: 180px;}
}

/* paging 페이징 */
.board_bottom {width:100%;margin: 18px auto 0;text-align:center;position:relative}
.board_bottom .paging {display:inline; vertical-align:middle}
.board_bottom .paging a {display:inline-block; font-size:14px; width:36px; height:36px; line-height:36px; vertical-align:middle; border-radius:50%; margin:2px 0}
.board_bottom .paging .select {color: #fff;background: #ebce2b;}
.board_bottom .paging i {visibility:hidden; overflow:hidden; position:absolute; top:0; left:0; width:0; height:0; font-size:0; line-height:0} 
.board_bottom .paging a:hover, .board_bottom .paging a:active, .board_bottom .paging a:focus {background-color: #ebce2b;}
.board_bottom .paging .select:hover, .board_bottom .paging .select:active, .board_bottom .paging .select:focus {background-color:#444}

.board_bottom .paging .bbs_next {background:url(../images/board/bbs_next.png) no-repeat 50%; background-size:10px}
.board_bottom .paging .bbs_next_end {background:url(../images/board/bbs_next_end.png) no-repeat 50%; background-size:10px}
.board_bottom .paging .bbs_prev {background:url(../images/board/bbs_prev.png) no-repeat 50%; background-size:10px}
.board_bottom .paging .bbs_prev_end {background:url(../images/board/bbs_prev_end.png) no-repeat 50%; background-size:10px}

/* 등록 버튼 등.. */
.board_bottom .btn {position:absolute;top: 12px;right:0}
.board_bottom .btn a.btnOn {background: #ebce2bc2;border:1px solid #ebce2b;padding: 7px 28px 4px;border-radius: 4px;cursor: pointer;} /* 목록버튼 */
.board_bottom .btn a.btnOn:hover {background:none; color:#fff; border:1px solid #ebce2b;}
.board_bottom .btn a.btnOff {border:1px solid #ebce2b;padding: 7px 28px 4px;margin-right: 8px;border-radius: 4px;cursor: pointer;} /* 수정버튼 */

/* 수정, 목록 버튼 등.. */
.board_bottom .btn2 {position:absolute;top: 5px;right:0}
.board_bottom .btn2 a.btnOn {background: #ebce2bc2;border:1px solid #ebce2b;padding: 7px 28px 4px;border-radius: 4px;cursor: pointer;} /* 목록버튼 */
.board_bottom .btn2 a.btnOn:hover {background:none; color:#fff; border:1px solid #ebce2b;}
.board_bottom .btn2 a.btnOff {border:1px solid #ebce2b;padding: 7px 28px 4px;margin-right: 8px;border-radius: 4px;cursor: pointer;} /* 수정버튼 */

@media all and (max-width:800px) {
	.flex {display: flex !important; flex-direction: row; flex-wrap: nowrap;}
}
@media all and (max-width:800px) {
	.board_list colgroup {display:none;}
	.board_list thead th {display:none;}
	.board_list tbody tr {text-align:left;letter-spacing:-1px;}
	.board_list tbody tr {display:block;padding: 12px 8px 10px;text-align:left;}
	.board_list tbody td {display:inline-block;padding:3px 5px;border:none;text-align:center;border-bottom:1px solid #ebce2b;}
	.board_list tbody td.title {display:block;padding: 3px 11px;font-weight:600;}
	.board_list tbody tr td {padding:10px 2%;}
}

@media all and (max-width:800px) {

	.board_list2 tbody tr {text-align:left;letter-spacing:-1px;}
	.board_list2 tbody tr {padding: 12px 8px 10px;text-align:left;}
	.board_list2 tbody td {padding:3px 5px;/* border:none; */;text-align:left;}
	.board_list2 tbody td.title {padding: 3px 11px;font-weight:600;}
	.board_list2 tbody tr td {padding:10px 2%;}
}



@media all and (max-width:480px) {
	.board_bottom .btn {position:static; margin-top:20px;}
}
.none {display: none;}

@media all and (max-width:800px) {
	.no_none {display: none !important;}
	.no_none2 {!important;}
	.none td { width: 100%;}
}


/** 게임페이지 **/
 .m_layer_box .m_layer_tab2 {display:block;width: 100%;height: 50px;margin-left: -32px;margin-bottom: 25px;} 
 .m_layer_box .m_layer_tab2 ul {display:flex;float:left;}
 .m_layer_box .m_layer_tab2 ul li {display:block;width: 240px;font-size: 20px;line-height: 22px;background: #ffffff21;font-family: 'GmarketSansBold';padding: 13px 34px 9px;margin-right: 10px;border-radius: 0 24px 24px 0;}
 .m_layer_box .m_layer_tab2 a {display:block;float:right;width: 50px;} /* 닫기버튼 */
 .m_layer_box .m_layer_tab2 a img {display:block; width: 100%;}

@media all and (max-width:500px) {
	 .m_layer_box .m_layer_tab2 a {position:absolute;right: 15px;top: 40px;}
}

@media all and (max-width:900px) {
	.game_card .game_button button { display: block; color: #333; opacity: 1; background: linear-gradient(to top, #ebce2b 8%, #edead3 99%); padding: 8px 32px; border-radius: 30px; box-shadow: 3px 5px 15px rgb(0 0 0 / 80%); }
	.c_playGame ul li .game_card .game_button button { display: block ! important; }
}


/* 라이브카지노 */
.c_playGame {position:relative;display: block;height: 620px;overflow-y: auto;}
.c_playGame ul {position:relative;display: flex;flex-direction: row;height: 612px;overflow: hidden;overflow-y: auto;flex-wrap: wrap;align-content: flex-start;justify-content: flex-start;}
.c_playGame ul li {position: relative; display: block; cursor: pointer; width: 23%; height: 178px; border-radius: 18px; overflow: hidden; margin-bottom: 22px; margin-right: 20px;}
.c_playGame ul li:nth-child(6n) {margin-right_: 0;}
.c_playGame ul li .game_card {position:relative;}
.c_playGame ul li .game_card img {object-fit: cover;object-position: top left;width: 100%;height: 100%;}

.c_playGame ul li .game_card .game_card_tit {position:absolute;bottom: 0;left:0;display: block;width:100%;height: 42px;padding: 13px 20px;background: #0000008c;}

.c_playGame ul li .game_card .game_button {position:absolute;top:0;left:0;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;width:100%;height:100%;}
.c_playGame ul li:hover .game_card .game_button {background:#0009; z-index:100;}
.c_playGame ul li .game_card .game_button button {display:none;}
.c_playGame ul li:hover .game_card .game_button button {display:block;color: #333;opacity: 1;background: linear-gradient(to top, #ebce2b 8%, #edead3 99%);padding: 8px 32px;border-radius:30px;box-shadow: 3px 5px 15px rgb(0 0 0 / 80%);}

@media all and (max-width:1280px) {
	.c_playGame ul li {width: 17%;margin-right: 30px;}
	.c_playGame ul li:nth-child(6n) {margin-right: 30px;}

	.c_playGame ul li:hover .game_card .game_button {background:none;}
	.c_playGame ul li:hover .game_card .game_button button {display_:none;}
}
@media all and (max-width:1180px) {
	.c_playGame ul li {width: 22%;margin-right: 26px;}
	.c_playGame ul li:nth-child(6n) {margin-right: 26px;}
}
@media all and (max-width:1011px) {
	.c_playGame ul li {width: 29%;margin-right: 30px;}
	.c_playGame ul li:nth-child(6n) {margin-right: 30px;}
}
@media all and (max-width:822px) {
	.c_playGame ul li {width: 45%;height: 180px;margin-right: 30px;}
	.c_playGame ul li:nth-child(6n) {margin-right: 30px;}
}
@media all and (max-width:722px) {
	.c_playGame ul li {margin-right: 30px;}
	.c_playGame ul li:nth-child(2n) {margin-right: 0px;}
}
@media all and (max-width:722px) {
	.c_playGame ul li {width: 100%;margin-right: 0px;}
}

/* 슬롯게임 */
.s_playGame {position:relative;display: block;height: 620px;overflow-y: auto;}
.s_playGame ul {position:relative;display: flex;flex-direction: row;height: 612px;overflow: hidden;overflow-y: auto;flex-wrap: wrap;align-content: flex-start;justify-content: flex-start;}
.s_playGame ul li {position:relative;display: block;cursor: pointer;width: 24%;height: 186px;border-radius: 18px;overflow: hidden;margin-bottom: 22px;margin-right: 15px;}
.s_playGame ul li:nth-child(4n) {margin-right: 0;}
.s_playGame ul li .game_card {position:relative;}
.s_playGame ul li .game_card img {object-fit: cover;object-position: top left;width: 100%;height: 100%;}

.s_playGame ul li .game_card .game_card_tit {position:absolute;bottom: 0;left:0;display: block;width:100%;height: 42px;padding: 13px 20px;background: #0000008c;}

.s_playGame ul li .game_card .game_button {position:absolute;top:0;left:0;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;width:100%;height:100%;}
.s_playGame ul li:hover .game_card .game_button {background:#0009; z-index:100;}
.s_playGame ul li .game_card .game_button button {display:none;}
.s_playGame ul li:hover .game_card .game_button button {display:block;color: #333;opacity: 1;background: linear-gradient(to top, #ebce2b 8%, #edead3 99%);padding: 8px 32px;border-radius:30px;box-shadow: 3px 5px 15px rgb(0 0 0 / 80%);}

@media all and (max-width:1280px) {
	.s_playGame ul li {width: 30%;}
	.s_playGame ul li:nth-child(4n) {margin-right: 15px;}
}
@media all and (max-width:768px) {
	.s_playGame ul li {width: 48%;margin-right: 12px;}
	.s_playGame ul li:nth-child(2n) {margin-right: 0;}
}
@media all and (max-width:460px) {
	.s_playGame ul li {width: 100%;margin-right: 0;}
}

/* 전체메뉴 */
header.site_h {background: none !important;height: 200px !important;}

.sitemap {position:relative;display: block;}
.sitemap h2 {color: #ebce2b;border-bottom: 1px solid #bda725;padding-bottom: 10px;padding-left: 0.5%;margin-bottom: 12px;}
.sitemap ul {display:flex;flex-direction: row;flex-wrap: wrap;margin: 0 auto;justify-content: flex-start;}
.sitemap ul li {display: block;border: 1px solid #bda725;width: 24%;height: 64px;margin: 0.5%;border-radius: 10px;text-align: center;cursor: pointer;overflow: hidden;}
.sitemap ul li a {display: block;padding: 24px 0;font-size: 15px;}
.sitemap ul li a:hover {background: #bda725;}
.sitemap ul li a.pa2 {padding: 15px 0;}

@media all and (max-width:1280px) {
	.sitemap {margin-top: -50px;}
}
@media all and (max-width:580px) {
	.sitemap {margin-top: -150px;}
	.sitemap ul li {width: 49%;}
}

/** 마이페이지 **/
 .m_layer_box .m_layer_tab3 {display:block;width: 100%;height: 50px;float: left;}
 .m_layer_box .m_layer_tab3 ul {display: block;float:left;margin-right: 35px;}
 .m_layer_box .m_layer_tab3 ul li {display:block;font-size: 20px;line-height: 22px;background: #ffffff21;padding: 56px 0;border-radius: 24px;width: 138px;height: 132px;text-align: center;margin-bottom: 15px;}
 .m_layer_box .m_layer_tab3 ul li.tabON {font-family: 'GmarketSansBold';background: #ebce2bc2;}
 .m_layer_box .m_layer_tab3 ul li a {display:block;width:100%;font-size:13px;}
 .m_layer_box .m_layer_tab3 ul li.m_notice a {padding-top: 5px;padding-left:30px;background: url(../images/sub/m_notice_icon.png) no-repeat 0% 50%;background-size: 25px;} /* 공지사항 아이콘 */ 
 .m_layer_box .m_layer_tab3 ul li.m_event a {padding-top: 5px;padding-left:30px;padding-bottom: 1px;background: url(../images/sub/m_event_icon.png) no-repeat 0% 50%;background-size: 25px;} /* 이벤트 아이콘 */ 
 .m_layer_box .m_layer_tab3 > a {display:block;float:right;width: 50px;} /* 닫기버튼 */
 .m_layer_box .m_layer_tab3 > a img {display:block; width: 100%;}

@media all and (max-width:1210px) {
	 .m_layer_box .m_layer_tab3 ul {float:none;margin-bottom: 10px;}
	
	 .m_layer_box .m_layer_tab3 > ul > li {display:inline-block;margin-right:10px;height: 45px;line-height: 4px;padding: 22px 0;border-radius: 10px;}
	 .m_layer_box .m_layer_tab3 > a {position:absolute;right: 28px;top: 40px;}
}


@media all and (max-width:600px) {
	 .m_layer_box {padding: 30px 20px;}
}
@media all and (max-width:460px) {
	 .m_layer_box .m_layer_tab3 > ul > li {width:29%;padding: 22px 0;}
	  .m_layer_box .m_layer_tab3 ul {margin-right:0px;}
}
@media all and (max-width:300px) {
	 .m_layer_box .m_layer_tab3 > ul > li {width:43%;margin-right:8px;}
	 .m_layer_box .m_layer_tab3 > ul > li > a {font-size:17px;}
}

/* MY내역 미니탭*/



.m_layer_title {position: relative; display: block; float: left; width: 85%; height: 700px; border-left: 1px solid rgb(189, 167, 37); padding: 22px; overflow-y: auto;}
.m_layer_title ul {display: flex !important;flex-direction: row;flex-wrap: wrap;margin-right: 0 !important;margin-bottom: 38px;}
.m_layer_title ul li {width: auto !important;height: 30px !important;padding: 5px 11px !important;font-size: 15px !important;border-radius: 5px !important;margin-right: 8px;margin-bottom: 0 !important;cursor: pointer;border: 1px solid #ffffff1c;}
.m_layer_title ul li:hover {border: 1px solid #bda725;}
.m_layer_title ul li.on {border: 1px solid #bda725;background: #bda725 !important;}
.m_layer_title ul li a {display:block;width: 100%;height:100%;}

.m_layer_title2 {position:relative;display:block;clear: both;overflow-y: auto;height: 586px;}
.m_layer_title2 h3 {text-align: center;font-size: 28px;margin: 20px 0;}
.m_layer_title2 > p {background-color: #0c0c0e;border: 1px solid #34363d;color: #ebce2b;padding: 15px 13px 12px 13px;font-size: 13px;font-family: 'Noto Sans KR';font-weight: bold;line-height: 17px;}

.m_layer_title2 .btn {position: relative;}
.m_layer_title2 .btn > div > a.btnOn {background: #ebce2bc2;border:1px solid #ebce2b;padding: 7px 5px 4px;border-radius: 4px;cursor: pointer;width: 98px;display: block;text-align: center;margin-top: 20px;} /* 목록버튼 */
.m_layer_title2 .btn > div > a.btnOn:hover {background:none; color:#fff; border:1px solid #ebce2b;}
.m_layer_title2 .btn > div > a.btnOff {border:1px solid #ebce2b;padding: 7px 28px 4px;margin-right: 8px;border-radius: 4px;cursor: pointer;} /* 수정버튼 */

@media (max-width: 1280px){
.m_layer_title .bbtn10 {
        padding: 5px 8px !important;
}}

@media all and (max-width:1210px) {
	.m_layer_title {width:100%;float: none;height: 620px;border-left: none; border-top: 1px solid rgb(189, 167, 37); padding: 22px 0 15px;}
	.m_layer_title ul li {margin-bottom:10px !important;}
}

@media all and (max-width:600px) {
	 .m_layer_title ul li {width: 30% !important;}
}

/* write_box */
.write_box {display:table;width:100%;border-top:2px solid #151515;margin-bottom: 22px;}
.write_boxStudent {display:table;width:100%;margin-bottom:30px}
.write_list {display:table-row;}
.write_list::after {display:block;clear:both;content:''}
.write_list dt {display:table-cell;width: 18%;padding: 18px 5px 10px 12px;box-sizing:border-box}
.write_list dt .btn_tc {text-align:center;margin-top:5px}
.write_list dt .file_notice {font-size:0.9em; color:#004EA2;margin-bottom: 0px;}
.write_list dd {display:table-cell;width:80%;padding:10px;box-sizing:border-box;font-size: 15px; }
@media all and (max-width:600px) {
	.write_list dd {padding-top:0px;}
}
.write_list dd p {background: none;color: #888;margin-top: 8px;font-size: 14px;padding-left: 2px;font-family: 'Noto Sans KR';font-weight: bold;}

.write_box div.money_btn {margin-top: 8px;}
.write_box div.money_btn p {margin-bottom: 8px;background: none;font-weight: bold;}
.write_box div.money_btn ul {margin-bottom:0 !important;margin-left: 2px;}
.write_box div.money_btn ul li {background: linear-gradient(to left, #dfc10e 10%, #fffdee 95%) !important;border: 1px solid #ffffff1c !important;font-size: 14px !important;margin-bottom: 10px !important;}
.write_box div.money_btn ul li:hover {border: 1px solid #ffffff1c;}
.write_box div.money_btn ul li a {color: #333;;}
.write_box div.money_btn ul li:last-child {background: #ffffff21 !important;}
.write_box div.money_btn ul li:last-child a {color:#fff;}

.must {color: #cc001b;margin-left: 5px;font-size: 11px;}
.bbtn {width: 120px; text-align: center; line-height: 40px; border-radius: 5px !important; cursor: pointer; border: 1px solid #ffffff1c !important; font-size: 14px !important; margin-bottom: 10px !important; background: #ffffff21 !important; float: left;}
.bbtn2 {width: 120px; text-align: center; line-height: 40px; border-radius: 5px !important; cursor: pointer; border: 1px solid #ffffff1c !important; font-size: 14px !important; margin-bottom: 10px !important; background: #ffffff21 !important; float: left;position: relative;top: 23px;}



@media all and (max-width:900px) {
	.write_list dd input {width:60%;}
}

@media all and (max-width:480px) {
	.write_list dd input {width:85%;}
}

@media all and (max-width:480px) {
	.write_list dt {display:block;width:100%;text-align:left;padding:10px}
	.write_list dd {display:block;width:100%}
	.write_list .dq_hide{padding: 0 !important;}
}





@media all and (max-width:480px) {
	.write_list .mmee {width:65%;}
}

@media all and (max-width: 480px){
	.bbtn {width: 30%; height: 40px; text-align: center; line-height: 40px;}
	.ree1 {    width: 29%;}
	.ree1 .bbtn{    width: 100%;}
}

@media all and (max-width: 480px){
	.swal2-modal .swal2-close {top: 2%;}
}

@media all and (max-width: 480px){
	#header .head_top .right ul li.top_right.login2 {    margin-top: 10px;}
}

.slider {overflow: hidden;position: relative;max-width: 1400px;margin: 25px auto 0;}
.slider .inner {overflow: hidden;margin: 0 50px;}
.slide_list > li {width: 20%;height: 150px;background: #8ab4f8;font-size: 20px;line-height: 150px;text-align: center;}
.slider .btn {position: absolute;top: 50%;width: 35px;height: 35px;background:url('images/arrow.png') center center no-repeat;background-size: cover;text-indent: -999em;cursor: pointer;}
.slider .btn.btn_prev {left: 0;transform: rotateY(180deg) translate(0,-50%);}
.slider .btn.btn_next {right:0;transform: translate(0,-50%);}

#max22 { top: 0; z-index: 10000; background: rgba(0, 0, 0, 0.9); opacity: 1; transform: scale(1, 1); position: fixed; height: 100vh; margin: 0 auto; width: 100%;}

.esc-btn{
  text-indent: -9000px;
  background: url("../images/sub/btn_close.png") ;
  background-size: 100% 100%;
  margin-top: 3px;


    border: 0;
    margin: 0;
    padding: 0;
    width: 50px;
    height: 50px;
    font-size: 36px;
    line-height: 40px;
    font-family: serif;
    position: absolute;
    top: 5%;
    right: 3%;
    cursor: pointer;
    color: #cccccc;
    transition: color .1s ease;
}


/* 상단메뉴 */
.m_layer_top {position: relative;display: block;width: 98%;height: 700px;overflow-y: scroll;margin: 0 auto;}
.m_layer_top ul { flex-flow: row wrap; margin-bottom: 38px; display: flex !important; margin-right: 0px !important; }
.m_layer_top ul li { margin-right: 8px; cursor: pointer; border: 1px solid rgba(255, 255, 255, 0.11); width: auto !important; height: 30px !important; padding: 5px 15px !important; font-size: 15px !important; border-radius: 5px !important; margin-bottom: 0px !important; }
.m_layer_top ul li:hover { border: 1px solid rgb(189, 167, 37); }
.m_layer_top ul li.on { border: 1px solid rgb(189, 167, 37); background: rgb(189, 167, 37) !important; }
.m_layer_top ul li a {display: block;width: 100%;height: 100%;padding: 0 !important;}

.m_layer_top2 {position: relative;display: block;clear: both;/* overflow-y: scroll; *//* height: 586px; */}
.m_layer_top2 h3 { text-align: center; font-size: 28px; margin: 20px 0px; }
.m_layer_top2 > p { background-color: rgb(12, 12, 14); border: 1px solid rgb(52, 54, 61); color: rgb(235, 206, 43); padding: 15px 13px 12px; font-size: 13px; font-family: Noto Sans KR; font-weight: bold; line-height: 18px; }
.m_layer_top2 .btn { position: relative; }
.m_layer_top2 .btn > div > a.btnOn {border: 1px solid rgb(235, 206, 43);padding: 7px 5px 5px;border-radius: 4px;cursor: pointer;width: 98px;display: block;text-align: center;margin-top: 18px;}
.m_layer_top2 .btn > div > a.btnOn:hover { background: rgba(235, 206, 43, 0.76); color: rgb(255, 255, 255); border: 1px solid rgb(235, 206, 43); }
.m_layer_top2 .btn > div > a.btnOff { border: 1px solid rgb(235, 206, 43); padding: 7px 28px 4px; margin-right: 8px; border-radius: 4px; cursor: pointer; }

/* 지갑보유머니 */
.money_color {color: rgb(235, 206, 43);/* text-shadow: rgb(255, 255, 255) 0px 0px 5px; */margin-right: 8px;font-size: 17px;}

/* 콤프 표 */
.m_layer_top2 table.board_list {font-size: 14px;}
.m_layer_top2 table.board_list th {font-size: 18px;font-family: Noto Sans KR;}
.m_layer_top2 table.board_list td {padding: 16px 5px 14px 18px;border-bottom: 1px solid rgb(235, 206, 43);text-align: left;}

.m_layer_top2 .board_bottom {margin:0;}
.m_layer_top2 .board_bottom .btn > p {color: rgb(136, 136, 136);font-family: 'Noto Sans KR';font-size: 15px;}
.m_layer_top2 .board_bottom .btn div > a.btnOn {margin-top: 8px; margin-bottom: 50px;}

.nopage {padding: 100px 0 !important;font-size: 17px;color: #999;line-height: 23px;} /* 게시글이 없을 경우 */

@media (max-width: 800px) {
  .m_layer_top2 table.board_list td {border-bottom:none;}
  .m_layer_top2 table.board_list tr:last-child {border-bottom: 1px solid rgb(235, 206, 43);}
  
  .nopage {display: block !important;padding: 0 !important;}
}

/* 마이페이지 내역 - 상태 */
.myIng {padding: 7px 15px 5px !important;border-radius: 3px;}
.my_ing {background: rgb(32 104 231);color:#fff;} /* 신청중 */
.my_success {background: rgb(23 170 62);color:#fff;} /* 완료 */
.my_cancel {background: rgb(235 140 43);color:#fff;} /* 취소 */
.my_delete {background:rgb(177 0 0);color:#fff;} /* 삭제 */


.m_layer_title2 .btn > div > a.btnOn2 {
    border: 1px solid rgb(177, 0, 0);
    padding: 7px 5px 5px;
    border-radius: 4px;
    cursor: pointer;
    width: 98px;
    display: block;
    text-align: center;
    margin-top: 20px;
}

.m_layer_title2 .btn > div > a.btnon2:hover {
    background: rgb(177 0 0 / 80%);
    color: rgb(255, 255, 255);
    border: 1px solid rgb(177, 0, 0);
}


@media (max-width: 600px) {
  .layer_pop2.layer_simple {position: fixed; top: 22%; left: 14%; margin: 0 auto; text-align: center;}

}



/** 회원가입 - m_layer_join **/
.m_layer_join {position: relative;display: block;float: left;width: 100%;height: 700px;padding: 20px 0 0 0;overflow-y: scroll;}
.m_layer_join ul { flex-flow: row wrap; margin-bottom: 38px; display: flex !important; margin-right: 0px !important; }
.m_layer_join ul li { margin-right: 8px; cursor: pointer; border: 1px solid rgba(255, 255, 255, 0.11); width: auto !important; height: 30px !important; padding: 5px 15px !important; font-size: 15px !important; border-radius: 5px !important; margin-bottom: 0px !important; }
.m_layer_join ul li:hover { border: 1px solid rgb(189, 167, 37); }
.m_layer_join ul li.on { border: 1px solid rgb(189, 167, 37); background: rgb(189, 167, 37) !important; }
.m_layer_join ul li a { display: block; width: 100%; height: 100%; }

.m_layer_join2 {position: relative;display: block;clear: both;/* overflow-y: scroll; */}
.m_layer_join2 h3 { text-align: center; font-size: 28px; margin: 20px 0px; }
.m_layer_join2 > p { background-color: rgb(12, 12, 14); border: 1px solid rgb(52, 54, 61); color: rgb(235, 206, 43); padding: 15px 13px 12px; font-size: 13px; font-family: Noto Sans KR; font-weight: bold; line-height: 18px; }
.m_layer_join2 .btn {position: relative;}
.xxx34 > div > button.btnOn {border: 1px solid rgb(235, 206, 43);padding: 7px 5px 5px;border-radius: 4px;cursor: pointer;width: 98px;display: block;text-align: center;margin-bottom: 30px;}
.xxx34 > div > button.btnOn:hover { background: rgba(235, 206, 43, 0.76); color: rgb(255, 255, 255); border: 1px solid rgb(235, 206, 43); }
.xxx34 > div > button.btnOff { border: 1px solid rgb(235, 206, 43); padding: 7px 28px 4px; margin-right: 8px; border-radius: 4px; cursor: pointer; }

.box22 {
    width: 49%;
    float: left;
    margin-right: 10px;
    margin-bottom: 0;
}


.write_list dd > a {
    background: rgba(255, 255, 255, 0.13);
    border: 1px solid rgba(255, 255, 255, 0.11);
    display: inline-block;
    padding: 10px 22px;
    border-radius: 4px;
}

.slide-inner { position: absolute; margin: 0 auto; padding: 0 15px; width: 1560px; height: 100%; text-align: center;top: 50%; left: 50%; transform: translate(-50%, -50%); }
.slide-wrap { position: relative; width: 100%; height: 100%; display: flex; align-items: center; align-content: center; justify-content: center; flex-wrap: wrap; }
.slide-banner { position: absolute; left: 0; bottom: 0; z-index: 9; width: 100%; height: 100%; }
.slide-banner img {
    position: absolute;
    bottom: 0;
}

@media all and (max-width:767px) {
	.slide-inner {width: 110%; left: 50%;}

}

.left-light {width: 32.76%;left: -20%; bottom: -15% !important; animation: left-light 1s ease infinite;}
@keyframes left-light {
    0% {opacity: 1;}
    50% {opacity: 0.5;}
    100% {opacity: 1;}
}

.left-item {width: 38.53%; left: -3.9%; transform-origin: bottom center; animation: casinoItem 15s ease infinite;}
@keyframes casinoItem {
    0% {opacity: 0; transform: scale(0.5);}
    4% {opacity: 0; transform: scale(0.5);}
    10% {opacity: 1; transform: scale(1);}
    95% {opacity: 1; transform: scale(1);}
    100% {opacity: 0; transform: scale(1);}
}

.girl-left {width: 12.5%; left: 2.2%; animation: girlLeft 15s ease infinite;}
@keyframes girlLeft {
    0% {opacity: 0; transform: translateX(15%);}
    2% {opacity: 0; transform: translateX(15%);}
    10% {opacity: 1; transform: translateX(0);}
    95% {opacity: 1; transform: translateX(0);}
    100% {opacity: 0; transform: translateX(0);}
}

.girl-right {width: 10.6%; left: 21%;animation: girlRight 15s ease infinite;}
@keyframes girlRight{
    0% {opacity: 0; transform: translateX(-15%);}
    2% {opacity: 0; transform: translateX(-15%);}
    10% {opacity: 1; transform: translateX(0);}
    95% {opacity: 1; transform: translateX(0);}
    100% {opacity: 0; transform: translateX(0);}
}


.girl-center {width: 16.75%; left: 8.5%;animation: girlCenter 15s ease infinite;}
@keyframes girlCenter {
    0% {opacity: 0; transform: translateY(15%);}
    6% {opacity: 1; transform: translateY(0);}
    95% {opacity: 1; transform: translateY(0);}
    100% {opacity: 0; transform: translateY(0);}
}


/* right-img */
.right-panda {width: 21.7%; right: -0.5%; animation: panda 15s ease infinite;}

@keyframes panda {
    0% {opacity: 0; transform: translateX(-25%);}
    10% {opacity: 1; transform: translateX(0);}
    95% {opacity: 1;transform: translateX(0);}
    100% {opacity: 0;transform: translateX(0);}
}

.right-monkey {width: 21.77%; right: 13.75%; animation: monkey 15s ease infinite;}

@keyframes monkey {
    0% {opacity: 0; transform: translateX(10%);}
    10% {opacity: 1; transform: translateX(0);}
    95% {opacity: 1; transform: translateX(0);}
    100% {opacity: 0; transform: translateX(0);}
}

.right-frog {width: 20.42%; right: 8.75%; transform-origin: bottom right; animation: right-frog 15s ease infinite;}
@keyframes right-frog {
    0% {opacity: 0; transform: scale(0.5);}
    5% {opacity: 0; transform: scale(0.5);}
    10% {opacity: 1; transform: scale(1.1);}
    20% {opacity: 1; transform: scale(1.0);}
    95% {opacity: 1; transform: scale(1.0);}
    100% {opacity: 0; transform: scale(1.0);}
}


.m_menu001 {position: relative; z-index: 2; width: 100%; height: 88px; background: linear-gradient(180deg, #261e12, #17110b); border-top: solid 1px #614822; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.6); transition: all 0.5s ease;}
.m_menu001::before, .m_menu001::after { content: ''; position: absolute; left: 0; width: 100%; height: 7px; }
.m_menu001::before { top: 0; border-bottom: solid 1px #3d301f; }
.m_menu001::after { bottom: 0; z-index: 2; height: 5px; background: linear-gradient(#9f6c40, #4f3319); }
.m_menu001_01 { position: relative; margin: 0 auto; padding: 0 15px; width: 100%; height: 100%; display: flex; align-items: center; align-content: center; justify-content: center; flex-wrap: wrap; }
.user-info { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.user-info > ul { position: relative; margin: 3px 0; padding: 0; width: 100%; display: flex; justify-content: center;     flex-wrap: wrap; align-items: center; }
.user-info > ul > li { position: relative; margin: 0 auto; padding: 3px; }
.ddd {    color: #ffd989;    font-size: 13px;}

@media all and (max-width:1400px) {
	.none1 {display:block !important;}

}

@media all and (max-width:1400px) {
	.no_none1 {display:none;}
}


.btn-point {margin-left: 3px; padding: 2px 10px; font-size: 13px; font-weight: 600; color: #1b1313; border: none; border-radius: 5px; background: #fec73d; line-height: 1.2; font-size: 12px;}

.dq1 {padding-bottom: 0  !important;}
.dq2 {padding-top: 0  !important;}