@charset "utf-8";
#wrap {width:100%; min-width:1400px; overflow:hidden; background:#000000 url("../../images/bg.jpg") center top no-repeat; background-size:100%;}

/*-------------------------------------------------------------------------------------*
 *  Side                                                                               *
 *-------------------------------------------------------------------------------------*/
.side_box_wrap{width:250px; height:200vh; background: linear-gradient(to bottom, #004930 5%, #0b773b 15%,#0b773b 50%, #1d221f 100%); box-shadow:rgba(0,0,0,0.3) 20px 0px 20px -1px; position:absolute; right:0; z-index:10000;}
 
.side_box_box{margin:0 auto; width:230px;}
.side_casino{margin:65px 0 10px 0;}
.side_casino a{display:block; margin:0 0 10px 0;}
 
.side_login{margin:20px 0 20px 0;}
.side_login h3{font-size:16px; text-shadow:2px 0px 3px rgba(0,0,0,0.2); margin:0 0 10px 0;}
.side_login input{display:block; width:100%; padding:10px 10px 10px 10px; border:1px solid #003f28; background: #005032; color:#ffffff; margin: 0 0 2px 0; }
.side_login input::placeholder{color:#5dda96; font-size:12px; font-weight:bold;}
.side_login input::-webkit-input-placeholder {color:#5dda96;}
.side_login input:-ms-input-placeholder {color:#5dda96;}
.side_login a {display:block; text-align:center; padding:15px 15px 15px 15px; color:#5dda96; font-size:14px; font-weight:700; background: #525252; background: linear-gradient(to bottom, #525252 0%,#323232 100%); margin:5px 0 0 0;}
.side_login a.join_btn {color:#005827; background: #00f16b; background: linear-gradient(to bottom, #00f16b 0%,#00d25d 100%);}
.side_my {margin: 12px 0 12px 0; background: rgba(00,00,00,.3);}
.side_my ul li {width:100%; color:#ffffff; line-height:32px; border-bottom:1px solid rgba(255,255,255,0.08); padding:0 12px 0 12px;}

/* 사이드바의 가로라인들 */
.line1{background:rgba(0,0,0,.1); height:1px;}
.line2{background:rgba(255,255,255,.3); height:1px;}


/*-------------------------------------------------------------------------------------*
 *  Header                                                                             *
 *-------------------------------------------------------------------------------------*/
.header_wrap {width:100%; min-width:1500px;}
.header_box {width:1400px; margin:0 auto; position:relative;}
.logo{float:left; padding: 40px 60px 40px 0;}
.gnb {float:right;  padding: 50px 0 40px 0; margin:0 260px 0 0;}
.gnb li {float:left; margin:0 30px 0 0;}
.gnb li a {font-size:20px; font-weight:400; letter-spacing:0; font-family: 'GmarketSansMedium'; text-shadow:1px 1px 1px rgba(0,0,0,0.15);}
.gnb li a:hover {color:#00ff8a;}


/*-------------------------------------------------------------------------------------*
 *  Contents                                                                           *
 *-------------------------------------------------------------------------------------*/
.title_wrap {width:100%; min-width:1500px; margin:30px 0 0 0;}
.title_box{width:1400px; margin:0px auto;}
.title_start{width:1130px;}
.title {font-family: 'GmarketSansBold'; font-size:32px; color:#00ff8a; float:left; text-shadow:1px 1px 1px rgba(0,0,0,0.3);}

.s_title1 {border-bottom:1px solid #00ad4d; padding:0 0 5px 0; color:#00ff8a; font-size:22px; font-weight:700; letter-spacing:-1px; text-shadow:1px 1px 1px rgba(0,0,0,0.3);}

.contents_wrap {width:100%; min-width:1500px; margin:20px 0 0 0; padding:0 0 0px 0;}
.contents_box {width:1400px; margin:0 auto;}
.contents_start {width:1130px; min-height:600px; background:rgba(44,44,44,0.8); overflow:hidden; padding:10px 10px 50px 10px;}

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

/* legacy content pages mapped to gogo structure */
.content_box {width:100%; min-width:1500px; margin:30px 0 0 0;}
.content_box .title_box {width:1400px; margin:0 auto;}
.content_box .title_box .title {width:1130px; font-family:'GmarketSansBold'; font-size:32px; color:#00ff8a; float:left; text-shadow:1px 1px 1px rgba(0,0,0,0.3);}
.content_box .title_box .title span {font-size:16px; color:#b3b3b3; margin-left:8px; font-family:'GmarketSansMedium';}
.content_box .content_box_in,
.content_box .content_box_in2 {width:1130px; min-height:600px; background:rgba(44,44,44,0.8); overflow:hidden; padding:10px 10px 50px 10px; margin:20px 0 0 calc(50% - 700px);}


/*-------------------------------------------------------------------------------------*
 *  Footer                                                                             *
 *-------------------------------------------------------------------------------------*/
.footer_wrap {width:100%; padding:40px 0 0 0; background:#000000; overflow:hidden; min-width:1500px; position:relative; z-index:100000;}
.footer_box {width:1400px; margin:0 auto; text-align:center;}


/*-------------------------------------------------------------------------------------*
 *  Main                                                                               *
 *-------------------------------------------------------------------------------------*/
.main_wrap {width:100%; min-height:70px; min-width:1500px; margin:10px 0 0 0; padding:0 0 0px 0;}
.main_box {width:1400px; margin:0 auto; overflow:hidden;}
.main_start{width:1130px; background:#2c2c2c; overflow:hidden;  padding: 10px 10px 10px 10px; }

.main_game_wrap {float:left; width:100%;}
.main_game_wrap ul li {float:left;}

.main_jackpot_wrap {float:left; width:100%; height:200px; background:url("../../images/bg_jackpot.png") center top no-repeat; margin:10px 0 0 0;}
.main_jackpot {float:right; color:#ffc000; font-size:50px; font-family: 'GmarketSansBold'; text-shadow:2px 0 5px #000000; margin:100px 25px 0 0 ;}

.main_con_wrap {float:left; width:363px;}
.main_con_wrap:nth-child(2){margin:0 10px 0 10px;}
.main_con_title{width:100%; height:46px; background:#2c2c2c; background:linear-gradient(to bottom, #2c2c2c 0%,#000000 100%); border-top:2px solid #00ad4d; line-height:46px; text-indent:15px; font-size:16px; text-shadow:2px 0 5px #000000; font-weight:500;}
.main_con{background: #1e1e1e;}
.main_con table{padding:15px;}
.main_con table td{color:#a4a4a4; padding:5px 0;} 

.main_customer_wrap {float:left; width:100%; height:70px; line-height:70px; text-align:center; background:#393939; font-family: 'GmarketSansMedium'; font-size:17px; margin:10px 0 0 0;}

 
/*-------------------------------------------------------------------------------------*
 *  out login                                                                          *
 *-------------------------------------------------------------------------------------*/



/*-------------------------------------------------------------------------------------*
 *  레이어팝업                                                                         *
 *-------------------------------------------------------------------------------------*/
.popup_none              {display:none;}
.popup_wrap              {width:1300px;}
.close_box               {width:100%; float:left; text-align:center; padding:20px 0 20px 0;}
.popupbox                {width:100%; float:left; background:#000000 url("../../images/bg_popup.jpg") center bottom no-repeat; min-height:calc(100vh - 200px); border-radius:10px; padding:50px; position:relative; box-shadow:0px 0px 50px rgba(0,0,0,0.9);}

/* 게임리스트 리스트 */
.game_tit {width:100%; float:left; margin:0 0 10px 0;}
.game_list {float:left; width:1224px;}
.game_list ul li {float:left; margin:10px 24px 10px 0; position:relative;}
.game_list ul li img {display:inline-block; cursor:pointer;}


/*-------------------------------------------------------------------------------------*
 *  모달창(팝업)                                                                       *
 *-------------------------------------------------------------------------------------*/
.modal_popup_wrap {float:left; width:500px;}
.modal_popup {float:left; width:500px; height:500px; background:linear-gradient(#004a30 0%,  #002f1e 80%);padding:30px;}
.modal_popup_title {float:left; width:500px; font-size:24px; letter-spacing:-1px; font-weight:800; color:#d5d5d5;}
.modal_popup_con {float:left; width:100%; min-height:390px; line-height:22px; font-size:12px; letter-spacing:-1px; font-weight:700; color:#efe0d6; padding:15px 0 0 0;}
.modal_popup_close2 {float:left; width:100%; background:rgba(0,0,0,0.4); text-align:right; line-height:26px; padding:0 10px 0 10px;}
.modal_popup_close_box {float:left; width:100%; text-align:center; padding:10px;}


/*-------------------------------------------------------------------------------------*
 *  특별한                                                                             *
 *-------------------------------------------------------------------------------------*/
.error_wrap {float:left; width:100%; height:100vh; background: linear-gradient(to bottom, #004930 5%, #0b773b 50%, #1d221f 100%);}
.error_text1 {float:left; width:100%; text-align:center; color:#ffc000; line-height:230px; font-size:150px; font-family:'GmarketSansBold'; margin:100px 0 0 0; text-shadow:2px 0 2px rgba(0,0,0,0.5);}
.error_text2 {float:left; width:100%; text-align:center; color:#ffffff; line-height:50px; font-size:50px; font-family:'GmarketSansBold'; margin:0px 0 0 0; text-shadow:2px 0 2px rgba(0,0,0,0.5);}
.error_text3 {float:left; width:100%; text-align:center; color:#ffffff; line-height:80px; font-size:20px; font-family:'GmarketSansMedium'; margin:0px 0 0 0; text-shadow:2px 0 2px rgba(0,0,0,0.5);}


.center_popup_area_box {position:absolute; top:0; left:0; z-index:300004; width:100%; height:100%;  text-align:center; pointer-events:none;display:none ; padding-top:120px; }
.center_popup_area_box .line_up {display:inline-block; overflow:hidden; pointer-events:auto; width:1380px;}
.center_popup_area_box .center_popup_area {float:left; margin:5px; width:auto;}
.center_popup_area_box .center_popup_area .conts {width:auto; height:auto;}
.center_popup_area_box .center_popup_area .conts img {display:block; max-width:50vw; max-height:50vh; width:auto; height:auto; object-fit:contain;}
.center_popup_area_box .center_popup_area .bottom {text-shadow: 0px 0px 5px rgba(255, 0, 150), 0px 0px 13px rgba(255, 0, 150); height:42px; line-height:42px; overflow:hidden; padding:0 10px;}
.center_popup_area_box .center_popup_area .bottom input[type=checkbox] {width:16px; height:16px; margin-right:10px; }
.center_popup_area_box .center_popup_area .bottom span {float:left; color:#fff; font-size:18px; cursor:pointer;}
.center_popup_area_box .center_popup_area .bottom .pop_only_close {float:left; color:#fff; font-size:18px; cursor:pointer;}
.center_popup_area_box .center_popup_area .bottom .pop_close {float:right;  }


.shadow {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.75); z-index:-1; overflow: hidden; touch-action: none; pointer-events: auto;}

.popup_area {position:absolute; top:60px; left:50%; z-index:400000; margin-left:-140px; }
/*.popup_area .popup {background:url("../../images/mobile/popup_bg.jpg") no-repeat; width:280px; height:330px; position:absolute; top:0; left:0; background-size:100% 100%;}*/
.popup_area .popup {/*background:url("../../images/mobile/popup_bg.png") no-repeat; */ width:280px;background-size:100% 100%; position:absolute;  top:0; left:0; }
.popup_area .popup.pop04 {top:0;}
.popup_area .popup.pop05 {top:20px; left:5px;}
.popup_area .popup.pop06 {top:40px; left:10px;}
.popup_area .popup.pop07 {top:60px; left:15px;}
.popup_area .popup.pop08 {top:80px; left:20px;}
.popup_area .popup.pop09 {top:100px; left:25px;}
.popup_area .popup .content {height:auto; max-height:50vh; overflow:auto; }
.popup_area .popup .content img {display:block; max-width:50vw; max-height:50vh; width:auto; height:auto; object-fit:contain;}
.popup_area .popup .content::-webkit-scrollbar {width:3px; }
.popup_area .popup .content::-webkit-scrollbar-track {-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5);  background:#ddd; display:none;}
.popup_area .popup .content::-webkit-scrollbar-thumb {-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.8); border-radius:10px; background:#8c2328;}

.popup_area .popup .content .subject {font-size: 16px; color: #fff; text-align:center;}
.popup_area .popup .content .body {color: #fff;}

.popup_area .popup .subject {;}
.popup_area .popup p {color:#ddd;}
.popup_area .close_box {width:256px; height:32px; line-height:32px;text-shadow: 0px 0px 5px rgba(255, 0, 150), 0px 0px 13px rgba(255, 0, 150); overflow:hidden; padding:0 10px; }
.popup_area .pop_only_close {float:left; color:#fff; ; } 
.popup_area .pop_close {float:right;  color:#fff; ; }

@media screen and (max-width:1280px) {
	.shadow {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.75); z-index:300000; display:none; min-height:100%; overflow:hidden; touch-action:none;}
	.result_s_title{display:none;}
	.result_title_list{background:rgba(255,255,255,0.1);}
	.result_title_list>ul{display: grid; gap: 1px;
	  grid-template-rows: repeat(2, 1fr);
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;}
	.result_title_list .result_time{width:100%; order: 1; grid-column: 1 / span 3;}
	.result_title_list .result_league{width:100%; order: 2; grid-column: 4 / span 4;}
	.result_title_list .result_more{width:100%; order: 3;}
	.result_title_list .result_state{width:100%; order: 4;}

	.result_title_list .result_team1{width:100%; order: 5; grid-column: 1 / span 4;}
	.result_title_list .result_tie{width:100%; order: 6; grid-column: 5 ;}
	.result_title_list .result_team2{width:100%; order: 7; grid-column: 6 / span 4;}
		
}