@charset "utf-8";

.container {display:flex;position:relative;height:150px;margin:0 auto;
    align-items: center;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;}

@media (min-width: 1200px) {
	.container {max-width:1490px;}
}

@media (max-width: 1024px) {
    .container {max-width:100%;height:65px;}
}

.dflex-ac-jc {
    display: flex !important;
    align-items: center;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
}

.dflex-ac-js {
    display: flex !important;
    align-items: center;
    align-content: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}



#container_wrap {position:relative;width:100%;min-height:100%;}

#header_wrap {display:block;position:relative;width:100%;z-index:9;}
#header_wrap:after {display:block;visibility:hidden;clear:both;content:""}

.header {position:relative;height:150px;background:#000;background: url(../img/header-top-bg.jpg) 0 0;background-size:cover;z-index:9;}
.header:after {width:100%;height:100%;left:0;right:0;top:-100%;margin:0 auto;border-radius: 50%;box-shadow: 0 0 75px #5978c0;}

.logo {display:block;position:absolute;left:0;right:0;top:-5px;width:355px;margin:0 ;}
.logo img {position:absolute;left:0;right:0;margin:0 auto;}
.logo .logo_new {position:relative;width:100%;}
.logo .logo_img {position:relative;width:100%;opacity:0;}
.logo .logo_shadow {left:50%;top:-2.5%;width:111.27%;
transform: translateX(-50%);
animation: lgShadow 9s ease infinite;
}



@keyframes lgShadow {
    0% {opacity:0;}
    7% {opacity:0;}
    14% {opacity:0.5;}
    95% {opacity:0.5;}
    100% {opacity:0;}
}

.logo .panel {top:0;width:100%;animation: lgPanel 9s ease infinite;}

@keyframes lgPanel {
    0% {opacity:0;transform:scale(0.5);}
    7% {opacity:1;transform:scale(1.1);}
    15% {opacity:1;transform:scale(1.0);}
    95% {opacity:1;transform:scale(1.0);}
    100% {opacity:0;transform:scale(1.0);}
}

.logo .slot_lg {width:78.03%;bottom:19%;left:1.5%;animation:lgSlotLg 9s ease infinite;}

@keyframes lgSlotLg {
    0% {opacity:0;transform: scale(0.5);}
    7% {opacity:0;transform:scale(0.5);}
    14% {opacity:1;transform:scale(1.1);}
    22% {opacity:1;transform:scale(1.0);}
    95% {opacity:1;transform:scale(1.0);}
    100% {opacity:0;transform:scale(1.0);}
}

.logo .slot_sm {width:26.48%;bottom:5%;right:2.5%;animation:lgSlotSm 9s ease infinite;}

@keyframes lgSlotSm {
    0% {opacity:0;transform:translateY(-50%);}
    14% {opacity:0;transform:translateY(-50%);}
    22% {opacity:1;transform:translateY(0);}
    95% {opacity:1;transform: translateY(0);}
    100% {opacity:0;transform:translateY(0);}
}


.btn_side {display:none;width:40px;height:40px;margin-left:auto;margin-right:15px;padding:0;background:none;border:none;z-index:99;}
.btn_side span {display:block;width:100%;height:3px;margin:0 0 8px 0;background:#fbc96f;border-radius:5px;box-shadow:0 1px 0 rgba(0, 0, 0, 0.75);}
.btn_side span:first-child {position:relative;top:0;transition: top .3s .3s, transform .3s 0s;}
.btn_side span:nth-child(2) {width:calc(100% - 8px);margin-left: auto;opacity: 1;transition: opacity .3s;}
.btn_side span:last-child {position:relative;top:0;margin-bottom:0;transition: top .3s .3s, transform .3s 0s;}

.btn_side.opened span:first-child {top:11px;width:calc( 100% - 6px);transform:rotate(-45deg);transition: top .3s 0s, transform .3s .3s, color .3s .3s;box-shadow:none;}
.btn_side.opened span:nth-child(2) {opacity:0;}
.btn_side.opened span:last-child {top: -11px;width:calc( 100% - 6px);transform:rotate(45deg);transition: top .3s 0s, transform .3s .3s;box-shadow: none;}




.login_wrap {margin-left:auto;margin-right:15px;}

.login_before {}
.login_before:after {display:block;visibility:hidden;clear:both;content:""}
.login_before input {display:block;float:left;width:150px;height:44px;margin:0 0 0 5px;color:#000;text-indent:10px;border:none;border-radius:3px;box-shadow:0 1px 2px rgba(0, 0, 0, 0.75);}
.login_before button {display:block;float:left;position:relative;width:150px;height:44px;margin:0 0 0 5px;color:#fff;
border:none;border-radius:3px;z-index:1;overflow:hidden;
background-color: transparent;
/*text-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
background-image: linear-gradient(to right, #a88155, #654836);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);*/
}
/*.login_before .btn_regist {background-image:linear-gradient(to right, #575350, #403d39);}*/
/*.login_before button:before {content:'';position:absolute;left:0;top:0;width:100%;height:100%;border-radius:3px;opacity:0;transition:0.3s;z-index:-1;background-image: linear-gradient(to right, #d49854, #845a2b);}*/
/*.login_before .btn_regist:before {background-image: linear-gradient(to right, #777574, #52504f);}*/
/*.login_before button:hover:before {opacity:1;}*/

.login_after {max-width: 460px;}
.login_after ul {}
.login_after ul:after {display:block;visibility:hidden;clear:both;content:""}
.login_after ul li {display:block;float:left;width:calc(50% - 6px);font-size:16px;margin:4px 3px;}
.login_after ul li:after {display:block;visibility:hidden;clear:both;content:""}
.login_after ul li .label {display:inline-block;margin:0 5px 0 0;color:#ebd8c4;font-size:14px;}
.login_after ul li .icon {display:inline-block;width:32px;height:32px;margin:0 5px 0 0;text-align:center;line-height:30px;background-color:rgba(0, 0, 0, 0.5);border:solid 1px #4d3929;border-radius:5px;}
.login_after ul li strong {color:#fff;font-weight:normal}
.login_after ul li:nth-child(2) strong {color:#ffce00;}
.login_after ul li:nth-child(3) strong {color:#00fff6;}
.login_after ul li .btn_exchange {position:relative;margin:0 5px 0 0;padding:0 10px;color:#fff;font-size:14px;line-height:20px;text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);border:none;border-radius:3px;box-shadow:1px 2px 1px rgba(0, 0, 0, 0.5);z-index:1;background-image: linear-gradient(#c59065, #865834);}
.login_after ul li .btn_exchange:before {content:'';position:absolute;left:0;top:0;width:100%;height:100%;border-radius:3px;background-image: linear-gradient(#ffae6d, #a25f29);opacity:0;transition:0.3s;z-index:-1;}

.login_after ul li:last-child button {display:block;float:left;width:calc(50% - 4px);height:32px;margin:0 2px;font-size:14px;}
.login_after ul li:last-child button strong {color: #ffc79a;}
.login_after ul li .btn_paper,
.login_after ul li .btn_logout {position:relative;color:#fff;text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
    border:none;border-radius:3px;box-shadow:1px 2px 1px rgba(0, 0, 0, 0.5);z-index:1;
background-color: transparent;}
.login_after ul li .btn_paper:before {content:'';position:absolute;left:0;top:0;width:100%;height:100%;border-radius:3px;opacity:0;transition:0.3s;z-index:-1;}
/*.login_after ul li .btn_logout:before {content:'';position:absolute;left:0;top:0;width:100%;height:100%;border-radius:3px;opacity:0;transition:0.3s;z-index:-1;}*/
.login_after ul li .btn_paper {background-image: linear-gradient(#707a85,  #464f58);}
.login_after ul li .btn_paper:before {background-image: linear-gradient(#8898a9,  #647280);}
/*.login_after ul li .btn_logout {background-image: linear-gradient(#e86d52,  #8f3926);}
.login_after ul li .btn_logout:before {background-image: linear-gradient(#ff7455,  #c54529);}*/


#gnb {display:block;position:relative;width:100%;height:75px;margin:0 0 5px 0;background-image:url(../img/header-menu-bg.jpeg);background-size:cover;}
#gnb:after {content:'';display:block;position:absolute;left:0;right:0;bottom:-4px;width:100%;height:4px;background-image:linear-gradient(to right, #3e2721, #e1904e, #e1904e, #fee77d, #ffffff, #fee77d, #e1904e, #e1904e, #3e2721);}
#gnb .gnb_side {width:100%;}
#gnb .gnb_side.on {transform:translateX(0);box-shadow:5px 0 10px rgba(0,0,0,0.5);}
#gnb ul {width:100%;max-width:1490px;margin:0 auto;}
#gnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb ul li {display:block;float:left;width:20%;text-align:center;}
#gnb ul li a {color:#020202;font-size:24px;font-weight:800;line-height:75px;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);}
#gnb ul li a:hover {color:#efd76e;text-shadow:0 2px 0 #1f1813,0 -1px 0 #1f1813,1px 0 0 #1f1813,-1px 0 0 #1f1813,1px 1px 0 #1f1813,1px -1px 0 #1f1813,1px -1px 0 #1f1813,-1px -1px 0 #1f1813,0 3px 5px #000000;}
#gnb li a:hover .icon {animation: mainMenuIcon 1s ease 1 forwards;}
@keyframes mainMenuIcon {
	0% {transform: rotate(0deg);}
	25% {transform: rotate(25deg);}
	50% {transform: rotate(-15deg);}
	75% {transform: rotate(5deg);}
	100% {transform: rotate(0deg);}
}

.overlay {display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:98;transition:0.3s;}

.mobile {display: none !important;}


#body_wrap {display:block;position:relative;width:100%;overflow:hidden;background:url(../img/main-bg.png) no-repeat top center;}
#body_wrap:before {display:block;position:absolute;width:100%;height:100%;left:0;top:0;linear-gradient(rgba(0, 0, 0, 1.0), rgba(0, 0, 0, 0));}

.game_panel {width:100%;max-width:1460px;margin:0 auto;padding:20px 0 0 0;font-size:0;line-height:0;text-align:center;}
.game_panel h2 {display:block;position:relative;width:100%;max-width:1384px;height:50px;margin:0 auto 20px auto;padding:0 15px;color:#fff;font-size:24px;font-weight:700;line-height:50px;text-align:left;border-radius:5px;background-image:linear-gradient(to right, rgba(185,102,8,0.25), rgba(0, 0, 0, 0));}
.game_panel h2:after {content:'';display:block;position:absolute;left:0;bottom:0;width:100%;height:1px;background-image:linear-gradient(to right, #c78854, #f9d680, transparent);}
.game_panel h2 img {margin:0 12px 0 0;}

.game_btn {display:inline-block;position:relative;width:240px;margin:0 0 10px 0;}
.game_btn:hover {animation:gameHover 0.5s ease 1 forwards;}
.game_btn img {width:100%;height:auto;}

@keyframes gameHover {
	0%{transform:scale(1);}
	50%{transform:scale(1.05);}
	100%{transform:scale(1);}
}

.game_btn .hover {display:block;position:absolute;left:0;top:0;opacity:0;transition:0.5s;}
.game_btn:hover .hover {opacity:1;}


.recent_wrap {width:100%;max-width:1490px;margin:0 auto;padding:30px 0 40px;}
.recent_wrap:after {display:block;visibility:hidden;clear:both;content:""}

.recent_panel {display:block;float:left;position:relative;width:calc(33.33% - 20px);min-height:354px;margin:10px;background-color:#000;background-image:linear-gradient(#c19567, #d9b08c, #c19567);border-radius:15px;}
.recent_panel:first-child {width:calc(33.33% - 20px);}
.recent_panel:last-child {width:calc(33.33% - 20px);}
.recent_panel:before {content:'';display:block;position:absolute;left:0;right:0;top:0;bottom:0;width:calc(100% - 4px);height:calc(100% - 4px);margin:auto;border:solid 2px #5c3d24;border-radius:15px;background-color:#000;background-image:linear-gradient(#291c15, #000000);box-shadow:inset 0 0 15px rgb(0 0 0);}

.recent_panel h2 {display:block;position:relative;width:100%;height:65px;text-align:center;line-height:65px;overflow:hidden;}
.recent_panel h2:before {content:'';display:block;position:absolute;left:0;right:0;bottom:-100%;width:80%;height:100%;margin:0 auto;border-radius:50%;box-shadow:0 0 20px #e5a239;}
.recent_panel h2:after {content:'';display:block;position:absolute;left:0;bottom:0;width:100%;height:1px;background-image:linear-gradient(to right, rgba(240, 223, 133, 0), rgba(240, 223, 133, 1.0), rgba(240, 223, 133, 0));}
.recent_panel h2 .title {position: relative;font-size:24px;font-weight:800;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-image: -webkit-linear-gradient(#ffffff, #edd3af, #cf8d5a);
background-size: 100% 100%;
}
.recent_panel h2 .title:before {content:attr(data-text);display:inline-block;position:absolute;left:0;right:0;top:0;margin:0 auto;background:0 0;text-shadow: 0 2px 2px #000000;z-index:-1;}


.recent_panel .content {padding:0 30px 15px;}

.customer {position:relative;width:100%;max-width:406px;margin:20px auto 10px;text-align:center;}
.customer .img_girl {display:block;width:49.19%;margin:0 auto -3% 0;}
.customer .img_table {display:block;width:98.38%;margin:0 auto;}
.customer ul {position:absolute;right:0;top:9%;width:60%;}
.customer ul li .telegram_panel {margin-top:5px;white-space:nowrap;}
.customer ul li .telegram_panel .title {font-size:20px;margin-right:5px;}
.customer ul li .telegram_panel .account {color:#ffce00;font-size:19px;font-family:GmarketSansMedium;}
.customer ul li {padding:0 10px;}
.customer p {color: rgba(234, 226, 215, 0.5);}
.customer p i {color:#f0df85;margin-right:5px;}

.board_tab {animation:boardAnim 0.5s ease 1 forwards;}

@keyframes boardAnim {
	0% {opacity:0;transform:scale(0.75);}
	100% {opacity:1;transform:scale(1.0);}
}


.recent_panel .recent_menu {display:block;width:100%;height:65px;margin:0 0 15px 0;}
.recent_panel .recent_menu ul {}
.recent_panel .recent_menu ul:after {display:block;visibility:hidden;clear:both;content:""}
.recent_panel .recent_menu ul li {display:block;float:left;width:50%;}
.recent_panel .recent_menu ul li a {display:block;position:relative;padding:5px 0 0;color:#86655c;font-size:20px;line-height:65px;text-align:center;overflow:hidden;background-color:rgba(255, 255, 255, 0);border:none;}
.recent_panel .recent_menu ul li a:hover {color:#fff;text-shadow:0 2px 0 rgba(0, 0, 0, 0.75), 0 0 10px rgba(255, 255, 255, 0.25);}
.recent_panel .recent_menu ul li a.selected {color:#fff;background-color:rgba(255, 255, 255, 0); border:none; text-shadow:0 2px 0 rgba(0, 0, 0, 0.75), 0 0 10px rgba(255, 255, 255, 0.4);}
.recent_panel .recent_menu ul li a:before,
.recent_panel .recent_menu ul li a:after {content:'';display:block;position:absolute;opacity:0;transition:0.3s;} 
.recent_panel .recent_menu ul li a:before {left:0;right:0;bottom:-70px;width:80%;height:100%;margin:0 auto;border-radius:50%;box-shadow:0 0 20px #e5a239;}
.recent_panel .recent_menu ul li a:after {left:0;bottom:0;width:100%;height:1px;background-image:linear-gradient(to right, rgba(240, 223, 133, 0), rgba(240, 223, 133, 1.0), rgba(240, 223, 133, 0));}
.recent_panel .recent_menu ul li a.selected:before,
.recent_panel .recent_menu ul li a.selected:after {opacity:1;}

.recent_panel .more-link {display:inline-block;position:relative;width:28px;height:28px;margin-right:10px;border:solid 1px #584837;border-radius:50%;background-color:rgba(0, 0, 0, 0.5);vertical-align:middle;}
.recent_panel .more-link:hover {background-color:#ae8254;border-color:#ddab76;}
.recent_panel .more-link:before,
.recent_panel .more-link:after {content:'';display:block;position:absolute;left:0;right:0;top:0;bottom:0;width:2px;height:46%;margin:auto;background-color:#816c56;transition:0.3s;}
.recent_panel .more-link:hover:before,
.recent_panel .more-link:hover:after {background-color:#fff;}
.recent_panel .more-link:after {rotate:90deg;}

.recent_panel table {width:100%;margin:0 auto;}
.recent_panel table td {height:35px;padding:0 20px;color:#f2e8d9;}
.recent_panel table td a {color:#f2e8d9;}
.recent_panel table td a:hover {color:#ffcf44;}




.recent_panel.realtime_board {background-image:none;background-color: transparent;border-radius:0;}
.recent_panel.realtime_board:before {background-image:none;background-color:transparent;border:none;border-radius:0;}


.recent_panel .realtime_menu {display:block;position:relative;width:100%;height:60px;margin:0 0 5px;border-radius:10px;background-image:linear-gradient(#f0df85, #e5a239, #8e5b0b);}
.recent_panel .realtime_menu:before,
.recent_panel .realtime_menu:after {content:'';display:block;position:absolute;left:0;right:0;top:0;bottom:0;width:calc(100% - 2px);height:calc(100% - 2px);margin:auto;border-radius:10px;}
.recent_panel .realtime_menu:before {box-shadow:inset 0 2px 5px rgba(0, 0, 0, 1.0);background-image:linear-gradient(#211502, #000000);opacity:0.9;}
.recent_panel .realtime_menu:after {top:2px;bottom:auto;width: calc(100% - 10px);height: 50%;border-radius: 5px;background-image: linear-gradient(rgba(242, 226, 135, 0), rgba(242, 226, 135, 0), rgba(242, 226, 135, 0.05));}

.recent_panel .realtime_menu ul {position:relative;z-index:1;}
.recent_panel .realtime_menu ul:after {display:block;visibility:hidden;clear:both;content:""}
.recent_panel .realtime_menu ul li {display:block;float:left;width:50%;}
.recent_panel .realtime_menu a {display:block;position:relative;width:100%;color:#86655c;font-size:24px;font-weight:800;text-align:center;line-height:60px;background-color:rgba(255, 255, 255, 0);border:none;}
.recent_panel .realtime_menu a:hover {color:#fff;}
.recent_panel .realtime_menu a.selected {color:#f0df85;text-shadow:0 1px 2px rgba(0, 0, 0, 1.0), 0 0 15px rgba(222, 149, 0, 0.4);}

.recent_panel .realtime_menu a:before,
.recent_panel .realtime_menu a:after {content:'';display:block;position:absolute;top:0;width:1px;height:100%;}
.recent_panel .realtime_menu a:before {right:0;background-image:linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));}
.recent_panel .realtime_menu a:after {left:0;background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));}

.rolling_realtime {overflow:hidden;}
.rolling_realtime ul {width:100%;height:295px;overflow:hidden;margin:0 auto;}
.rolling_realtime ul li {display:block;height:49px;cursor:pointer;}
.rolling_realtime ul li:after {display:block;visibility:hidden;clear:both;content:""}
.rolling_realtime ul li div {display:block;float:left;height:calc(100% - 4px);margin:2px 0;color:#fff;font-size:14px;line-height:49px;background-color:#302320;border-top:solid 1px #513e24;border-bottom:solid 1px #513e24;transition:0.3s;}
.rolling_realtime ul li div:first-child {border-left:solid 1px #513e24;border-radius: 5px 0 0 5px;}
.rolling_realtime ul li div:last-child {border-radius:0 5px 5px 0;border-right:solid 1px #513e24;}
.rolling_realtime ul li:hover div {background-color:#463531;}
.rolling_realtime ul li div.user {width:35%;padding-left:5%;}
.rolling_realtime ul li div.amount {width:35%;padding-right:3%;color:#ffce00;font-size:16px;}
.rolling_realtime ul li div.date {width:30%;padding-right:5%;color:#c5a98d;text-align:right;}


.logos_wrap {width:100%;margin:0 auto;padding: 25px 0 30px;text-align:center;background-color:#291c15;background-image:linear-gradient(#291c15, #000000);border-top:solid 1px #4f4333;border-bottom: solid 1px rgba(0, 0, 0, 0.75);}
.logos {width:100%;max-width:1480px;margin:0 auto;}
.logos img {margin:8px 12px;}

.footer-section .copyright-section {
    color: rgba(255, 255, 255, 0.25);
    padding: 30px 0;
    background-color: #392817;
    border-top: solid 1px rgba(255, 255, 255, 0.1);
}

.copyright {padding:30px 0;color:rgba(255, 255, 255, 0.25);text-align:center;background:#392817;border-top:solid 1px rgba(255, 255, 255, 0.1);}




.btn_pink, .btn_gray, .btn_peach, .btn_brown, .btn_d_gray {position:relative;color:#fff;border:none;border-radius:3px;border:none;box-shadow:1px 2px 1px rgba(0, 0, 0, 0.5);text-shadow:0 1px 0 rgba(0, 0, 0, 0.5);z-index:1;}
.btn_pink {background-image: linear-gradient(#e86d52,  #8f3926);}
.btn_gray {background-image: linear-gradient(#707a85,  #464f58);}
.btn_peach {background-image: linear-gradient(#c59065, #865834);}
.btn_brown {background-image: linear-gradient(#a88155, #654836);}
.btn_d_gray {background-image: linear-gradient(#888888, #52504f);}
.btn_pink:before, .btn_gray:before, .btn_peach:before, .btn_brown:before, .btn_d_gray:before {content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;border-radius:3px;transition: 0.3s;opacity:0;z-index:-1;}
.btn_pink:before {background-image: linear-gradient(#ff7455,  #c54529);}
.btn_gray:before {background-image: linear-gradient(#8898a9,  #647280);}
.btn_peach:before {background-image: linear-gradient(#ffae6d, #a25f29);}
.btn_brown:before {background-image: linear-gradient(#f4be5c, #8f6311);}
.btn_d_gray:before {background-image: linear-gradient(#999999, #777777);}
.btn_pink:hover:before, .btn_gray:hover:before, .btn_peach:hover:before, .btn_brown:hover:before, .btn_d_gray:hover:before {opacity:1;}


.regist_wrap {width:100%;max-width:700px;margin:0 auto;}

.form_wrap h2 {display:block;position:relative;margin:20px 0;text-align:center;z-index:1;}
.form_wrap h2:before {content:attr(data-text);display:inline-block;position:absolute;left:0;top:0;right:0;margin:0 auto;background:0 0;z-index:-1;}
.form_wrap h2 .title {position:relative;font-size:30px;font-family:GmarketSansBold;white-space:nowrap;
-webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
 background-image: -webkit-linear-gradient(#a57f52, #fee0b3, #a57f52);
background-size: 100% 100%;
}
.form_wrap h2 .title:before {content:attr(data-text);display:inline-block;position:absolute;background:0 0;z-index:-1;text-shadow: 0 2px 1px rgba(0, 0, 0, 0.5);}


.form_wrap .form_div {display:block;position:relative;;margin:0 0 15px 0;}

.form_div {width:100%;color:#fff;}
.form_div label {display:block;width:100%;color:#e7d7c7;text-align:left;margin:0 0 8px 0;padding: 0 0 0 5px;}
.form_div input {width:100%;}
.form_div select {width:100%;}
.form_div input::placeholder {color: #e2c7ae;}
.form_div textarea::placeholder {color: #e2c7ae;}
.form_div input:read-only {color:#ffffff;}
.form_div input,
.form_div select {width:100%;height:48px;padding:0 0 0 10px;color:#fff;background-color:rgba(0, 0, 0, 0.3);border:1px solid #3c4e67; border-radius:8px;}
.form_div textarea {width:100%;height:200px;padding:15px 0 0 10px;color:#fff;background-color:rgba(0, 0, 0, 0.3);border:1px solid #5f4639;border-radius:8px;resize:none;}

.form_div input.input_margin {width:calc(100% - 135px);}

.form_div .btn_group {width:calc(100% + 2px);margin:10px -1px 0;}
.form_div .btn_group button {display:inline-block;width:calc(14.28% - 4px);height:35px;margin:0 2px;box-shadow:0 1px 2px rgba(0, 0, 0, 0.5);border-radius:5px;}

.btn_form {position:relative;top:-1px;width:130px;height:46px;border-radius:6px;box-shadow:0 1px 2px rgba(0, 0, 0, 0.5);}


.gamelist_container {width:100%;margin:15px auto 0;}
.btn_game {display:inline-block;position:relative;width:calc(16.66% - 10px);margin:0 5px 10px;border-radius:15px;overflow:hidden;box-shadow:0 2px 5px rgba(0, 0, 0, 0.75);}
.btn_game .ga_img {width:100%;}
.btn_game .ga_img img {width:100%;}
.btn_game .ga_footer {display:flex;position:absolute;left:0;bottom:0;width:100%;height:40px;padding:0 10px;align-items:center;justify-content:flex-start;background-image:linear-gradient(to right, rgba(44, 31, 22, 1.0), rgba(44, 31, 22, 0));}
.btn_game .ga_footer span {display:inline-block;position:relative;width:100%;max-width:96%;color:#f2e8d9;font-size:14px;font-weight:700;line-height:40px;white-space:nowrap;overflow:hidden;text-align:left;text-overflow:ellipsis;overflow:hidden;}
.btn_game .ga_hover {display:flex;position:absolute;left:0;bottom:0;width:100%;height:100%;align-items:center;justify-content:center;opacity:0;transition:0.3s;background-color:rgba(0, 0, 0, 0.6);border-radius:15px;border:solid1px #eed771;}
.btn_game:hover .ga_hover {opacity:1;}
.btn_game .btn_play {width:60px;height:60px;padding:0 0 0 5px;color:rgba(0, 0, 0, 0.75);font-size:30px;line-height:60px;text-align:center;border-radius:50%;background-image:linear-gradient(#eed771, #bf8f43);text-shadow:0 1px 0 rgba(255, 255, 255, 0.25);box-shadow:0 2px 5px rgba(0, 0, 0, 1.0);}
.btn_game .btn_play i {line-height:60px;}
.btn_game .btn_play:before {background-image:linear-gradient(#ffdb3a, #9f6000);}
.btn_game:hover .btn_play {animation:gameBtnPlay 0.5s ease 1 forwards;}

@keyframes gameBtnPlay {
	0% {opacity:0;transform:scale(0.5);}
	50% {opacity:1;transform:scale(1.1);}
	100% {opacity:1;transform:scale(1.0);}
}








@media(max-width: 1480px){
.logo {width:260px;top:auto;}

.login_wrap {margin-right:0;}
.login_before input {width:120px;}

.game_panel {padding:20px 15px 0 15px;}
}




@media(max-width: 1380px){
.recent_panel {width:380px;margin:0 10px;}
.recent_panel:first-child {width:calc(50% - 220px);}
.recent_panel:last-child {width:calc(50% - 220px);}
.recent_panel .realtime_menu a {font-size: 20px;}
.recent_panel .content {padding-left:15px;padding-right:15px;}
.recent_panel table td {font-size:12px;}
}





@media(max-width: 1240px){
.logo {right:auto;left:25px;}

.recent_wrap {padding:0 15px 20px 15px;}
}




@media(max-width: 1200px){
.recent_wrap {display:flex;flex-direction:column;}
.recent_panel {float:none;width:100%;max-width:700px;margin:12px auto;}

.realtime_board {order:1;}
.recent_panel:first-child {float:none;width:100%;max-width:700px;margin:12px auto;order:2;}
.recent_panel:last-child {float:none;width:100%;max-width:700px;margin:12px auto;order:3;}
}





@media(max-width: 1024px){
#header_wrap {z-index:99999;}

.header {position:fixed;left:0;top:0;width:100%;height:65px;z-index:999;border-bottom: solid 1px #5c4338;}

.logo {left:0;right:0;top:0;width:140px;}

.btn_side {display:block;}

.login_wrap {position:absolute;left:0;bottom:-44px;width:100%;height:44px;background-color:#000;background-image: linear-gradient(#291c15, #000000);box-shadow: 0 4px 9px rgba(0, 0, 0, 1.0);}
.login_wrap:after {content:'';position:absolute;left:0;bottom:-1px;width:100%;height:1px;background-image:linear-gradient(to right, #3e2721, #e1904e, #e1904e, #fee77d, #ffffff, #fee77d, #e1904e, #e1904e, #3e2721);}
.login_before {width:100%;max-width:500px;margin:0 auto;padding:5px;}
.login_before input {width:calc(30% - 4px);height:35px;margin:0 2px;}
.login_before button {width:calc(20% - 3px);height:35px;margin:0 0 0 3px;}

.login_after {width:100%;height:100%;max-width:100%}
.login_after ul {width:100%;height:100%;}
.login_after ul li {width:33.33%;margin:0;padding:5px 0;text-align:center;}
.login_after ul li:last-child {display:none;}

#gnb {height:0;z-index:99;}
#gnb:after {display:none;}

#gnb .gnb_side {display:block;position:fixed;top:110px;right:0;width:280px;max-width:280px;height:100%;overflow-y:auto;margin:0 !important;padding:10px 10px 160px;border:none;border-left: solid 1px rgba(255, 255, 255, 0.15);border-radius:0;z-index:999;
transform: translateX(100%);

background-color: #291e15;
background-image: linear-gradient(#291e15, #1e150f);

transition:0.5s;
}
#gnb .gnb_side.active{transform:translateX(0);box-shadow:5px 0 10px rgba(0, 0, 0, 0.5);}
#gnb .gnb_side::-webkit-scrollbar {width:0px;background:transparent;}
#gnb .gnb_side::-webkit-scrollbar-thumb {background:transparent;}
#gnb ul {width:100%;margin:10px auto 0;}
#gnb ul li {display:block;width:100%;}
#gnb ul li a {display:flex;align-items: center;justify-content: flex-start;width:100%;height:60px;margin:0 0 3px 0;padding:0 0 0 15px;color:#fff;font-size:16px;text-shadow:0 1px 0 rgba(0, 0, 0, 0.5);border-radius:5px;background-image:linear-gradient(#a17c74,  #816058);}
#gnb ul li:last-child a {justify-content: center;padding:0;background-image:linear-gradient(#766865,  #443d3b);}
#gnb ul li a .icon {max-width:30px;max-height:30px;margin-right:10px;;}

.mobile {display:block !important;}
.desktop {display:none !important;}
}





@media screen and (max-width: 767px){
.game_btn {width: 33.33%;}


.gamelist-container .scroll-panel {width:calc(100% + 10px);height:initial;margin:0 -5px;padding:0;overflow-y:auto;}
.btn_game {width:calc(25% - 10px);}
}





@media screen and (max-width: 500px){
.header .container {padding:0 10px;}

.login_after ul li {padding:8px 0;;font-size:12px;font-size:12px;border-right:solid 1px rgba(255, 255, 255, 0.08);border-left:solid 1px rgba(0, 0, 0, 0.75);}
.login_after ul li:first-child {border-left:none}
.login_after ul li:last-child {border-right:none;}
.login_after ul li .label span {display:none;}
.login_after ul li .icon {width:26px;height:24px;margin:0;font-size:12px;line-height:22px;}

.game_btn {margin-bottom:10px;}


.logos {padding:15px 0 25px;}
.logos img {max-width:80px;max-height:32px;margin:5px 8px;}


.recent_panel {min-height: initial;}
.recent_panel .content table td a {display:inline-block;max-width:200px;overflow:hidden;font-size: 12px;white-space:nowrap; text-overflow:ellipsis;text-decoration:none;vertical-align:middle;}

.new-icon {margin-left:0;}
.rolling_realtime ul li div.user {padding-left:8px;}
.rolling_realtime ul li div.date {padding-right:8px;}



.btn_game {width:calc(33.33% - 10px);}
.btn_game .btn_play {width:50px;height:50px;font-size:24px;}

.btn_game .ga_footer {height:35px;padding:0 8px;}
.btn_game .ga_footer span {font-size:12px;max-width:100%;}
}




@media screen and (max-width: 460px){
.game_panel {padding:120px 5px 0 5px;}
.game_panel h2 {height:44px;margin:0 0 10px 0;font-size:18px;line-height:44px;}
}





@media screen and (max-width: 414px){
.logos img {max-width:60px;margin:5px 7px;}

.copyright {font-size:12px;}
}




@media screen and (max-width: 375px){
.customer ul li {padding:0 5px;}
.customer ul li img {width:68px;}
}