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

/*-------------------------------------------------------------------------------------*
 *  Header                                                                             *
 *-------------------------------------------------------------------------------------*/
.header_wrap{float:left; width:100%;}

.my_wrap{float:left; width:100%; background:#2e2e2e; transition:all 0.5s;}
.my_box{width:1400px; margin:0 auto; height:40px; position:relative; display:flex; align-items:center; justify-content:space-between; transition:all 0.5s;}
.my_box_notice{max-width:40%; padding-left:100px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-family:'EsaManru'; font-weight:300; font-size:14px; color:#fff; transition:all 0.5s;}

.my li{float:left; margin:0 0 0 40px; transition:all 0.5s;}
.my li a{display:block; font-family:'EsaManru'; font-weight:300; font-size:14px; color:#ffffff; transition:all 0.5s;}
.my li.active a{color:#d700f0;}
.my li a:hover{color:#999999;}


.top_wrap{float:left; width:100%; position:relative; z-index:111; background:url(../images/bg_gnb.jpg) center top no-repeat; background-size:cover; transition:all 0.5s;}
.top_box{width:1400px; margin:0 auto; height:80px; position:relative;display:flex; align-items:center; justify-content:space-between; transition:all 0.5s;}

.logo{float:left; margin:0 0 0 0; transition:all 0.5s; position:relative;  top:-15px; }
.logo img{transition:all 0.5s;}

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

/* 햄버거버튼 */
.m_menu{position:absolute; right:10px; top:20px; display:none;}

.visual_wrap{float:left; width:100%; position:relative;}
.visual_img{float:left; width:100%; text-align:center;}
.visual_img img{width:100%; max-width:1920px;}

.visual_banner1{position:absolute; left:50px; top:50%; transform:translate(0 ,-50%);}
.visual_banner2{position:absolute; right:50px; top:50%; transform:translate(0 ,-50%);}

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

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

@media screen and (max-width:1240px) {
.my>ul>li{margin:0 0 0 20px;}

.gnb_box>ul>li{margin:0 0 0 40px;}
.gnb_box>ul>li>a{font-size:18px;}
.visual_banner1{display:none;}
.visual_banner2{display:none;}
}

@media screen and (max-width:1024px) {
.m_menu{display:block;}
.pc_gnb{display:none;}
.my_wrap{display:none;}

.logo img {width:180px; margin-top:30px;}
}

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


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


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

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

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

.con_box00 {float:left; width:100%; margin:0 0 0 0;}
.con_box05 {float:left; width:100%; margin:5px 0 0 0;}
.con_box10 {float:left; width:100%; margin:10px 0 0 0;}
.con_box20 {float:left; width:100%; margin:20px 0 0 0;}
.con_box30 {float:left; width:100%; margin:30px 0 0 0;}
.con_box40 {float:left; width:100%; margin:40px 0 0 0;}
.con_box50 {float:left; width:100%; margin:50px 0 0 0;}
.con_box60 {float:left; width:100%; margin:60px 0 0 0;}


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

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

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

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

}

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

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

}

/*-------------------------------------------------------------------------------------*
 *  Footer                                                                             *
 *-------------------------------------------------------------------------------------*/
.footer_wrap {float:left; width:100%; padding:30px 0 30px 0; background:#101010; overflow:hidden; text-align:center; transition:all 0.5s;}
.footer_box {width:1400px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; transition:all 0.5s;}
.footer_box_l{float:left; width:100%;}
.footer_box_r{float:left; width:100%;}
.f_logo{text-align:left;}
.f_copy{margin:20px 0 0 0; text-align:left; font-family:'EsaManru'; font-weight:300; font-size:12px; color:#696969; transition:all 0.5s;}

.f_menu{float:right;}
.f_menu li{float:left; margin:0 0 0 30px;}
.f_menu li a{font-family:'EsaManru'; font-weight:300; font-size:12px; color:#d700f0; transition:all 0.5s;}
.f_menu li a:hover{color:#ffffff;}
.f_total{float:right; margin:20px 0 0 0;}
.f_total ul{float:right;}
.f_total li{float:left; margin:0 0 0 30px; font-family:'EsaManru'; font-weight:300; font-size:12px; color:#a4a4a4; transition:all 0.5s;}
@media screen and (max-width:1920px) {
}

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

@media screen and (max-width:1024px) {
	.footer_box{flex-wrap:wrap;}
	.footer_box_l{width:100%;}
	.footer_box_r{width:100%;}

	.f_menu{width:100%; margin:20px 0 0 0;}
	.f_menu li{margin:0 20px 0 0;}
	.f_total{float:left; width:100%;}
	.f_total ul{float:left;}
	.f_total li{margin:0 20px 0 0;}
}

@media screen and (max-width:768px) {
	.f_menu li{margin:0 15px 0 0;}
	.f_total li{margin:0 15px 0 0;}
}


/*-------------------------------------------------------------------------------------*
 *  Main                                                                               *
 *-------------------------------------------------------------------------------------*/
.main_box_left{float:left; width:340px; transition:all 0.5s;}
.main_box_center{float:left; width:calc(100% - 700px); margin:0 10px; transition:all 0.2s;}
.main_box_right{float:right; width:340px; transition:all 0.5s;}

@media screen and (max-width:1440px) {
.main_box_center{float:right; width:calc(100% - 350px); margin:0;}
.main_box_right{width:100%; margin:10px 0 0 0;}
	
}

@media screen and (max-width:1024px) {
	.main_box_left{width:100%;}
	.main_box_center{width:100%; margin:10px 0 0 0;}

}
/* main_box_center */
.main_game_btn{float:left; width:100%; margin:10px 0 0 0;}
.main_game_btn img{width:100%}
.best_casino_box{float:left; width:100%; margin:0 0 0 0; padding:20px 20px 10px 20px; background:#262626; border:1px solid #313131; transition:all 0.5s;}
.safe_casino_box{float:left; width:100%; margin:10px 0 0 0; padding:20px 20px 10px 20px; background:#262626; border:1px solid #313131; transition:all 0.5s;}
.casino_title{float:left; width:100%; display: flex; justify-content: space-between; border-bottom:1px solid #313131; padding:0px 0 10px 0; font-family:'EsaManru'; font-weight:300; font-size:16px; color:#ffffff; transition:all 0.5s;}
.casino_list_wrap{float:left; width:100%; margin:10px 0 0 0;}

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

.casino_thumb{position:relative; height:0; padding-bottom:56.25%;}
.casino_thumb img{position:absolute; top:0; left:0; width:100%; height:100%; background:#5b5b5b;}

.casino_mtitle{float:left; width:100%; padding:10px 5px 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-family:'EsaManru'; font-weight:300; font-size:12px; color:#ffffff; transition:all 0.5s;}

.review_box{float:left; width:100%; margin:10px 0 0 0; background:#262626; border:1px solid #313131; transition:all 0.5s;}
.review_tabs{float:left; width:100%;}
.review_tab{float:left; width:25%; height:50px; line-height:54px; text-align:center; overflow:hidden; font-family:'EsaManru'; font-weight:300; font-size:16px; color:#6e6e6e; background:#000000; border-bottom:1px solid #313131; border-right:1px solid #313131; cursor:pointer; transition:all 0.5s;}
.review_tab:last-child{border-right:none;}
.review_tab:hover{background:#262626; border-bottom:1px solid #262626; color:#d700f0;}
.review_tab.active{background:#262626; border-bottom:1px solid #262626; color:#d700f0; cursor:default;}

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

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

.review_thumb{position:relative; height:0; padding-bottom:56.25%;}
.review_thumb img{position:absolute; top:0; left:0; width:100%; height:100%; background:#5b5b5b;}

.review_mtitle{float:left; width:100%; padding:10px 5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-family:'EsaManru'; font-weight:300; font-size:12px; color:#ffffff; transition:all 0.5s;}
.review_mtext{float:left; width:100%; padding:0 5px; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-family:'EsaManru'; font-weight:300; font-size:10px; color:#ffffff; transition:all 0.5s;}

.review_ranking{float:left; width:100%; }
.review_ranking ul{float:left; width:49.5%; margin:0 1% 0 0;}
.review_ranking ul:nth-child(2n){margin:0 0 0 0;}
.review_ranking li{float:left; width:100%; padding:5px 0; overflow:hidden;}
.review_num{float:left; margin:-1px 0 0 0; width:24px; height:17px; display:flex; align-items:center; justify-content: center; background:#1e1e1e;border:1px solid #d700f0; color:#d700f0; font-size:12px; text-align:center;}
.review_name{float:left; padding:0 10px; max-width:220px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-family:'EsaManru'; font-weight:300; font-size:12px; color:#ffffff;}
.review_score{float:right; max-width:50px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-family:'EsaManru'; font-weight:300; font-size:12px; color:#848484; padding:0 5px 0 0;}

.customer_box{float:left; width:100%; margin:10px 0 0 0; background:#262626; border:1px solid #313131; transition:all 0.5s;}
.customer_box li{float:left; width:25%; border-right:1px solid #313131; transition:all 0.5s;}
.customer_box li:last-child{border:none;}
.customer_box li a{display:flex; flex-direction: column; align-items: center; justify-content: space-evenly; padding:10px 5px; height:160px;transition:all 0.5s;}
.customer_box li a:hover{background:#1e1e1e;}
.custom_text{text-align:center; margin:10px 0 0 0; font-family:'EsaManru'; font-weight:300; font-size:16px; color:#ffffff; letter-spacing:-1pt;}
.custom_font01{color:#00b1ff;}
.custom_font02{color:#ffd300;}

@media screen and (max-width:768px) {
	.casino_list{width:49.5%;}
	.casino_list:nth-child(4n){margin:0 0 0 0;}
	.casino_list:nth-child(2n){margin:0 0 1% 0;}
	
	.review_tab{width:50%; font-size:16px;}
	.review_tab:nth-child(2n){border-right:none;}	

	.review_list{width:49.5%;}
	.review_list:nth-child(4n){margin:0 0 0 0;}
	.review_list:nth-child(2n){margin:0 0 2% 0;}
	
	.review_ranking ul{width:100%; margin:0 0 0 0;}
	.review_name{max-width:70%;}
	
	.customer_box li{width:50%;}
	.customer_box li:nth-child(2n){border-right:none;}
	.customer_box li:nth-child(1){border-bottom:1px solid #313131;}
	.customer_box li:nth-child(2){border-bottom:1px solid #313131;}
	.custom_text{font-size:14px;}
	.customer_box li a{height:120px;}
	.customer_box li a img{height:42px;}
	
}
/* main_box_center */

/* main_box_right */
.ranking_box{float:left; width:100%; background:#262626; border:1px solid #313131; transition:all 0.5s;}
.ranking_box2{margin:10px 0 0 0;}
.ranking_tabs{float:left; width:100%;}
.ranking_tab{float:left; width:50%; height:50px; line-height:54px; text-align:center; overflow:hidden; font-family:'EsaManru'; font-weight:300; font-size:16px; color:#6e6e6e; background:#000000; border-bottom:1px solid #313131; border-right:1px solid #313131; cursor:pointer; transition:all 0.5s;}
.ranking_tab:hover{background:#262626; border-bottom:1px solid #262626; color:#d700f0;}
.ranking_tab.active{background:#262626; border-bottom:1px solid #262626; color:#d700f0; cursor:default;}
.ranking_list{float:left; width:100%; padding:10px 20px;}

.ranking_list li{float:left; width:100%; padding:5px 0; overflow:hidden;}
.rank_num{float:left; margin:-1px 0 0 0; width:24px; height:17px; display:flex; align-items:center; justify-content: center; background:#1e1e1e; color:#ffffff; text-align:center; font-size:12px;}
.rank_num.best{background:#444444;}
.rank_name{float:left; padding:0 15px; width:55%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-family:'EsaManru'; font-weight:300; font-size:12px; color:#ffffff;}
.rank_score{float:right; max-width:30%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-family:'EsaManru'; font-weight:300; font-size:14px; color:#d700f0;}

.rank_dot{float:left; margin:-1px 0 0 0; width:5%; height:17px; display:flex; align-items:center; justify-content: center;text-align:center;}
.rank_date{float:right; text-align:right; width:20%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-family:'EsaManru'; font-weight:300; font-size:14px; color:#707070; letter-spacing:-1pt;}

.eye_candy_box{float:left; width:100%; margin:10px 0 0 0; padding:20px 20px 10px 20px; background:#262626; border:1px solid #313131; transition:all 0.5s;}
.eye_candy_title{float:left; width:100%; display: flex; justify-content: space-between; border-bottom:1px solid #313131; padding:0px 0 10px 0; font-family:'EsaManru'; font-weight:300; font-size:16px; color:#ffffff; transition:all 0.5s;}
.eye_candy_list_wrap{float:left; width:100%; margin:10px 0 0 0;}

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

.eye_candy_thumb{position:relative; height:0; padding-bottom:56.25%;}
.eye_candy_thumb img{position:absolute; top:0; left:0; width:100%; height:100%; background:#5b5b5b;}

.eye_candy_mtitle{float:left; width:100%; padding:10px 5px 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-family:'EsaManru'; font-weight:300; font-size:12px; color:#ffffff; transition:all 0.5s;}

/* main_box_right */
/*-------------------------------------------------------------------------------------*
 *  contents_box_right                                                                 *
 *-------------------------------------------------------------------------------------*/
.quick_box{float:left; width:100%; margin:10px 0 0 0;}
.quick_btn{float:left; width:100%; height:80px;}
.quick_btn a{display:block; width:100%; height:100%;}

.point_box{float:left; width:100%; margin:10px 0 0 0; background:#262626; border:1px solid #313131; transition:all 0.5s;}
.point_box li{float:left; width:50%; border-right:1px solid #313131; transition:all 0.5s;}
.point_box li:last-child{border:none;}
.point_box li a{display:flex; flex-direction: column; align-items: center; justify-content: space-evenly; padding:10px 5px; height:120px;transition:all 0.5s;}
.point_box li a:hover{background:#1e1e1e;}
.point_text{text-align:center; margin:10px 0 0 0; font-family:GmarketSansBold; font-weight:300; font-size:16px; color:#d700f0; letter-spacing:-1pt;}

.banner_zone{float:left; width:100%; margin:10px 0 0 0; min-height:320px; background:#555555;}
.banner_zone img{width:100%;}
@media screen and (max-width:1024px) {
.quick_btn{height:auto;}
.quick_btn a img{width:100%;}
}
/*-------------------------------------------------------------------------------------*
 *  contents_box_left                                                                *
 *-------------------------------------------------------------------------------------*/
/* 웹진형 게시판 */
.board_list{float:left; width:100%; margin:10px 0 0 0; display:flex; padding:20px;  background:#262626; border:1px solid #313131; transition:all 0.5s;}
.board_list:hover{border:1px solid #d700f0;}
.board_list a{width:100%; display:flex; transition:all 0.5s;}


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

.board_list_r{width:calc(100% - 250px); padding:10px 20px; display: flex; flex-direction: column; justify-content: center; transition:all 0.5s;}
.board_title1{font-family:'EsaManru'; font-weight:300; font-size:18px; color:#ffffff; transition:all 0.5s;}
.board_title2{font-family:'EsaManru'; font-weight:300; font-size:16px; color:#a4a4a4; transition:all 0.5s;}
.board_view{padding:7px 0px; display:flex; align-items:center; font-family:'EsaManru'; font-weight:300; font-size:12px; color:#8f8f8f; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board_text{font-family:'EsaManru'; font-weight:300; font-size:14px; color:#a4a4a4; transition:all 0.5s; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.board_po       {background:#1e1e1e; border:1px solid #313131; color:#8f8f8f; padding:5px 3px 3px 3px; line-height:12px; text-align:center; display:inline-block;  font-size:12px; margin:0 5px 0 0; font-weight:300;}

.boardfont01{color:#d700f0;}


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

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

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

@media screen and (max-width:560px) {
	.board_list{padding:10px;}
	.board_list a{flex-direction: column;}
	.board_list_l{width:100%; padding:10px 40px;}
	.board_list_r{width:100%;}
		
}

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

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

.board_gal_info{font-family:'EsaManru'; font-weight:500; font-size:14px; display:flex; padding:0 5px;}
.gal_info_name{width:50%; color:#707070; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.gal_info_date{width:30%; text-align:right; color:#8f8f8f;}
.gal_info_view{width:20%; text-align:right; color:#d700f0;}


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

@media screen and (max-width:768px) {
.board_gal{width:49.5%; min-width:0;}
.board_gal:nth-child(3n){margin:0 1% 1% 0;}
.board_gal:nth-child(2n){margin:0 0 1% 0;}
}
/*-------------------------------------------------------------------------------------*
 *  스포츠                                                                               *
 *-------------------------------------------------------------------------------------*/

.sports_tab_wrap{float:left; width:100%; margin:10px 0 0 0; transition:all 0.5s;}
.sports_tab_box{float:left; width:100%; overflow:hidden; transition:all 0.5s;}
.sports_tab_box ul li{float:left;}
.sports_tab_box ul li a{display:flex; justify-content: center; align-items: center; width:100%; text-align:center; padding:5px 0; background:#262626; border:1px solid #313131; font-family:'EsaManru'; font-weight:300; font-size:14px; color:#c1c1c1; letter-spacing:-1pt; transition:all 0.5s;}
.sports_tab_box ul li.active a{border:1px solid #d700f0; color:#d700f0;}
.sports_tab_box ul li a:hover{border:1px solid #d700f0; color:#d700f0;}
.sports_tab_box ul li a img{display:inline-block; width:30px; padding:0 5px 0 0;}

@media screen and (max-width:768px) {
.sports_tab_box ul li a{flex-direction: column; font-size:14px;}
.sports_tab_box ul li a img{padding:2px 0 5px 0;}
}

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

}

.sports_list_wrap{float:left; width:100%; margin:10px 0 0 0; transition:all 0.5s;}
.sports_list_box{float:left; width:100%; overflow:hidden; transition:all 0.5s;}


.sports_list_title{float:left; width:100%; background:#1e1e1e; border:1px solid #313131; height:40px; display:flex; transition:all 0.5s;}
.sports_lt_l{display:flex; width:30%; align-items: center; transition:all 0.5s;}
.sports_lt_r{display:flex; width:70%; align-items: center; transition:all 0.5s;}

.sports_lt{font-family:'EsaManru'; font-weight:300; font-size:14px; color:#ffffff; text-align:center; letter-spacing:-1pt; cursor:default; transition:all 0.5s;}
.lt01{width:20%; transition:all 0.5s;}
.lt02{width:30%; transition:all 0.5s;}
.lt03{width:40%; transition:all 0.5s;}
.lt04{width:35%; transition:all 0.5s;}
.lt05{width:10%; transition:all 0.5s;}
.lt06{width:35%; transition:all 0.5s;}
.lt07{width:20%; transition:all 0.5s;}

.sports_list{float:left; width:100%; margin:5px 0 0 0; background:#262626; border:1px solid #313131; height:60px; display:flex; justify-content: space-between; transition:all 0.5s;}
.sports_list:hover{border:1px solid #d700f0;}
.sports_list_l{display:flex; width:30%; align-items: center; transition:all 0.5s;}
.sports_list_l div{font-family:'EsaManru'; font-weight:300; cursor:default; transition:all 0.5s}
.sports_list_r{display:flex; width:70%; transition:all 0.5s;}
.sports_list_r div{font-family:'EsaManru'; font-weight:300; cursor:default; transition:all 0.5s}

.sports_sports{width:20%; text-align:center; transition:all 0.5s;}
.sports_league_name{width:30%; text-align:center; color:#ffffff; font-size:14px; transition:all 0.5s;}
.sports_time{width:40%; text-align:center; color:#8a8a8a; font-size:12px; transition:all 0.5s;}

.sports_team1{width:35%; display:flex; align-items:center; transition:all 0.5s;}
.sports_vs{width:10%; display:flex; align-items:center; justify-content: center; text-align:center; margin:0 0.5%; transition:all 0.5s;}
.sports_team2{width:35%; display:flex; align-items:center; transition:all 0.5s;}
.sports_multi{width:20%; display:flex; justify-content: center; align-items: center; transition:all 0.5s;}


.sports_sports img{width:34px; transition:all 0.5s;}
.sports_vs img{width:34px; transition:all 0.5s;}
.team1_team{display:inline-block; width:85%; color:#ebebeb; font-size:16px; padding:0 10px 0 0; text-shadow:2px 0 3px rgba(0,0,0,0.37); text-align:right; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.team1_logo{display:inline-block; text-align:center; width:15%;}
.team1_logo img{width:34px;}
.team2_team{display:inline-block; width:85%; color:#ebebeb; font-size:16px; padding:0 0 0 10px; text-shadow:2px 0 3px rgba(0,0,0,0.37); text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.team2_logo{display:inline-block; text-align:center; width:15%;}
.team2_logo img{width:34px;}
.multi1,.multi2,.multi3,.multi4{display:flex; justify-content: center; align-items:center; margin:0 1px; width:25px; height:25px; border-radius:0px; background:#232323; border:1px solid #292929; font-family:'EsaManru'; color:#c1c1c1; font-size:14px; transition:all 0.5s;}

[class^=multi]:hover{border:1px solid #d700f0; color:#ffffff;}

@media screen and (max-width:768px) {
	.sports_list{height:auto; padding:10px 5px; flex-direction: column; align-items: center;}
	.sports_list_l{width:100%;}
	.sports_list_r{width:100%; margin:10px 0 0 0; }
	.sports_sports{width:auto; padding:0 10px 0 0;}
	.sports_sports img{width:30px;}
	.sports_league_name{width:auto; padding:0 10px 0 0; font-size:14px;}
	.sports_time{width:auto; font-size:14px;}
	.team1_team{width:100%; font-size:14px;}
	.team2_team{width:100%; font-size:14px;}
	.team1_logo{display:none;}
	.team2_logo{display:none;}
	.sports_multi{display:none;}
	
	.sports_team1{width:44%;}
	.sports_vs{width:12%;}
	.sports_team2{width:44%;}
	.sports_vs img{width:100%; transition:all 0.5s;}
	
	.sports_lt_l{display:none;}	
	.sports_lt_r{width:100%;}	
	.lt07{display:none;}
	.lt04{width:44%;}
	.lt05{width:12%;}
	.lt06{width:44%;}	

	
}

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

}

/*-------------------------------------------------------------------------------------*
 *  login_box                                                                         *
 *-------------------------------------------------------------------------------------*/
.login_box{float:left; width:100%; padding:20px; background:#262626; border:1px solid #313131;}

.login_box_stitle{float:left; width:100%; margin:0 0 10px 0; font-family:'EsaManru'; font-weight:300; font-size:14px; color:#d700f0; transition:all 0.5s;}
.box_stitle_ck{float:right; color:#8f8f8f;}
input#login_check1[type="checkbox"]{accent-color: black;}

.login_input{background-color:#000000; border:1px solid #000000; padding:4px 0 4px 5px; margin:0 0 5px 0; color:#ffffff; font-size:14px; border-radius:3px; width:100%; height:40px; transition:all 0.5s;}
.login_input::placeholder {color:#757575;}

.login_btn1{display:flex; align-items: center; justify-content: center; width:100%; height:44px; background:#d700f0; border:1px solid #d700f0; border-radius:3px; font-family:'EsaManru'; font-weight:300; font-size:16px; color:#000000; transition:all 0.5s;}
.login_btn1:hover{background:#fff000;}
.login_btn2{display:flex; align-items: center; justify-content: center; width:100%; height:44px; background:#363636; border:1px solid #363636; border-radius:3px; font-family:'EsaManru'; font-weight:300; font-size:16px; color:#ffffff; transition:all 0.5s;}
.login_btn2:hover{background:#555555;}

.login_att{width:100%; margin:5px 0 0 0; display:flex; align-items:center; justify-content: space-between;}
.login_att_l{width:calc(100% /2 - 2.5px);}
.login_att_r{width:calc(100% /2 - 2.5px);}
.login_att_btn1{display:flex; align-items: center; justify-content: center; width:100%; height:40px; background:#363636; border:1px solid #363636; border-radius:3px; font-family:'EsaManru'; font-weight:300; font-size:16px; color:#ffffff; transition:all 0.5s;}
.login_att_btn1:hover{background:#222222;}
.login_att_btn2{display:flex; align-items: center; justify-content: center; width:100%; height:40px; background:#363636; border:1px solid #363636; border-radius:3px; font-family:'EsaManru'; font-weight:300; font-size:16px; color:#ffffff; transition:all 0.5s;}
.login_att_btn2:hover{background:#222222;}

/* 컨텐츠영역 로그인 */
.login_wrap{float:left; width:100%; margin:40px 0 40px 0; transition:all 0.5s;}

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

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

/* 로그인후 */
.login_info {float:left; width:100%; margin:10px 0 0 0;}
.login_info li{margin:0 0 10px 0; font-family:'EsaManru'; font-weight:300; font-size:14px; color:#ffffff; transition:all 0.5s;}
@media screen and (max-width:1600px) {
}

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

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

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

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

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

} 

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


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

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

}

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