@charset "utf-8";
header{max-width: 1800px;min-width: 1800px;margin: 0 auto;}
section{display: flex;flex-wrap: nowrap;max-width: 1800px;min-width: 1800px;margin: 0 auto;margin-top: 0.425rem}
aside{width: 22.5rem;}
main{width: 67.5rem}
footer {border-top: 1px solid #393939;width: 100%;max-width: 1800px;min-width: 1800px;padding: 20px 0;margin: 0 auto;}
.wrap{color:rgb(255,255,255);font-size:0.75rem;width: 100%;}
.btn_gray {background: linear-gradient(to bottom, rgba(50,50,50,1) 1%,rgba(20,20,20,1) 100%);}
.top_info_box {height:4.0625rem;z-index:9989;}
.logo_gnb {float:left;text-align:center;overflow:hidden;margin:0.125rem 0 0 3.4375rem;}
.logo_gnb a {display: inline-block;overflow: hidden;text-align: left;}
.logo_gnb a img {transition:0.2s;height:3.75rem;}
.top_right_box {height:4.0625rem;line-height:4.0625rem;padding:0rem;margin-top:0.625rem;}
.top_right_box a,.top_right_box span:not(.btn_top_login,.btn_top_join) {display:inline-block;padding:0 0.625rem;font-size:0.8125rem;cursor:pointer;}

.top_right_box a i {color: #d50503;}
.btn_top_login {cursor:pointer;border:2px solid #d50503;height:1.875rem;line-height:1.875rem;width:7.5rem;text-align:center;display:inline-block;border-radius:1.875rem;margin-right:0.625rem;}
.btn_top_join{background:#d50503;text-shadow:0 0.0625rem 0.1875rem rgb(0 0 0 / 80%);height:1.875rem;line-height:1.875rem;color:#fff;border-radius:1.875rem;padding:0 !important;border:2px solid #d50503;width:7.5rem;text-align:center;display:inline-block;cursor:pointer;}
.gnb_box{border-top:0.125rem solid #d50503;border-bottom:0.125rem solid #d50503;height:2.4375rem;transition:0.2s;z-index:9989;}
.gnb_menu_box {text-align: center;}
.gnb_menu_box ul li {display: inline-block;position: relative;font-family: s-core-dream,Malgun Gothic,attgd,dotum !important;}
.gnb_menu_box a,.gnb_menu_box span{display:inline-block;text-align:center;height:2.4375rem;line-height:2.4375rem;padding:0 1.5625rem;font-size:1rem;color:#fff;text-shadow:0 0.0625rem 0.1875rem rgba(0,0,0,0.9);transition:0.2s;cursor:pointer;}
.gnb_menu_box a:hover,.gnb_menu_box span:hover {color: #d50503;}
.gnb_menu_box a:last-child {background: none;}

.snb_left ul {width: 100%;background: #222;padding-bottom:3px;display: flex;flex-wrap: wrap;}
.snb_left ul li {width: calc(100%/3);}
.snb_left ul li a, .snb_left ul li span.mg_link {display: block;width: 100%;height: 40px;line-height: 40px;text-align: center;margin-top: 1px;text-shadow: 1px 1px 2px rgb(0 0 0 / 100%);background: #111;cursor: pointer;}
.snb_left ul li a,.snb_left ul li span{border-left: 1px solid #222;}
.snb_left ul li a.btn_gray{background: #bd1e1e;color: #fff;}

.snb_btn_img {display: flex;justify-content: space-between;background: #000;width: 100%;}
.snb_btn_img a {padding:0.3125rem;width:calc(100%/2);height:4.375rem;overflow:hidden;display:inline-block;position:relative;background:#222;}
.snb_btn_img span {position:absolute;padding:0.1875rem 0.3125rem;background:rgba(0,0,0,0.8);color:#3e4c6f;left:0.625rem;top:0.625rem;}
.snb_btn_img a img{width: 100%;}
.csn_rank_box{display: block;padding: 0;margin-top: 0.275rem;}
.csn_rank_box .open_revolution{padding:0.3125rem;display: block;}
.csn_rank_box .open_revolution img{width: 100%}

.snb_sp_box{}
.btn_snb_sp,.btn_snb_fv{cursor: pointer;display: flex;justify-content: space-between;padding: 8px 10px;line-height: 1.25rem;color: #fff;border: 1px solid transparent;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: transparent;border-bottom: 1px solid #000;background: linear-gradient(180deg, var(--color-leftstart), var(--color-leftend));box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.1);background-size: 100% 200%;background-position: bottom;transition: background-position 0.5s linear(0 0%, 0 2.27%, 0.02 4.53%, 0.04 6.8%, 0.06 9.07%, 0.1 11.33%, 0.14 13.6%, 0.25 18.15%, 0.39 22.7%, 0.56 27.25%, 0.77 31.8%, 1 36.35%, 0.89 40.9%, 0.85 43.18%, 0.81 45.45%, 0.79 47.72%, 0.77 50%, 0.75 52.27%, 0.75 54.55%, 0.75 56.82%, 0.77 59.1%, 0.79 61.38%, 0.81 63.65%, 0.85 65.93%, 0.89 68.2%, 1 72.7%, 0.97 74.98%, 0.95 77.25%, 0.94 79.53%, 0.94 81.8%, 0.94 84.08%, 0.95 86.35%, 0.97 88.63%, 1 90.9%, 0.99 93.18%, 0.98 95.45%, 0.99 97.73%, 1 100%);}
.snb_sp_box .icon_sp {vertical-align: middle;display: inline-block;width: 1.375rem;height: 1.375rem;overflow: hidden;}
.icon_sp img {width: 1.375rem;height: 1.375rem;}
.snb_sp_name {vertical-align: middle;display: inline-block;width: 15.625rem;}
.snb_sp_cnt {vertical-align: middle;display: inline-block;width: 3.125rem;height: 1.25rem;text-align: center;color: #ff7f00;}
.btn_snb_sp:hover,.btn_snb_fv:hover {background: linear-gradient(180deg, #DF0101, #B40404);background-position-x: 0%;background-position-y: 0%;background-size: auto;background-size: 100% 200%;background-position: top;}
.five_spo{padding:5px 0;}
.five_spo .left_ttl{color: #fff;font-size:0.8125rem;padding:0.625rem 0.3125rem;background: linear-gradient(180deg, #262626 0%, #191919 49%, #000 51%, #181818 100%);box-shadow: inset 0px 0.625rem 0px rgba(255, 255, 255, .1), 0px 0.625rem 0.1875rem rgba(0, 0, 0, 0.9);}
.five_spo .left_ttl img {vertical-align: -0.25rem;}
.five_spo ul{display: flex;flex-direction: column;border: 0;background: none;}
.five_spo .ing{display: block;}
.five_spo .ing li{width: 100%;font-family: s-core-dream;}
.five_game{display: flex;align-items: center;padding: 0.1875rem 0;margin-bottom: 0.1875rem;cursor: pointer;background: linear-gradient(180deg, #181818, #101010);border-color: #424242 #181818 #232324 #2c3339;box-shadow: inset 0px 0.0625rem 0px rgba(255, 255, 255, 0.08), 0px 0.0625rem 0.1875rem rgba(0, 0, 0, 0.1);}
.five_game span{padding:0 0.3125rem;}
.five_sport img {width:2.25rem;}
.five_team_box{display: flex;flex-direction: column;}
.five_team_box img {width:1.25rem;vertical-align:-0.3125rem;}

/**main**/
.content {padding:0 0.3125rem 0.3125rem;background:#111;}
.content .mb_pc_box {display: flex;justify-content: space-between;gap: 0 0.9rem;height: 226px}
.content .main_banner {top: 0;left: 0;position: absolute;z-index: 996;}
.content .mb_box{position: relative;width: calc(100%/2);}
.content .mb_box img {width: 100%;transition: none;aspect-ratio: 20/8.725;}
.content .swiper-slide{width: 100%;height: 100%;display: block;}
.content .swiper-slide a{display: block;overflow: hidden;}
.content .swiper-slide img{width: 100%;aspect-ratio: 20/8.5;transition: none;}


.content .main_bbs {padding: 0;display: flex;margin-top: 0.45rem;gap: 0 1.25rem;justify-content: space-between;}
.content .main_bbs .notice_area {width: calc(100%/2);border-top-left-radius: 5px;border-top-right-radius: 5px;}
.content .main_bbs .main_bbs_ttl {text-align: left;display: block;padding: 0 1rem;margin-bottom: 10px;font-size: 1rem;height: 54px;line-height: 54px;background: #bd1e1e;border-radius: 5px;color: #fff;text-shadow: 0 1px 3px rgb(0 0 0 / 50%);font-weight: bold;}
.content .main_bbs .main_bbs_sub {color: #f90;font-size: 14px;}
.content .main_bbs .view_more {float: right;font-size: 12px;}
.content .main_bbs .main_bbs_list {height: 280px;overflow-y: scroll;}
.content .main_bbs .main_bbs_list ul li {overflow-x: hidden;font-size: 14px;color: #b7b391;}
.content .main_bbs .main_bbs_list ul li a {display: flex;justify-content: space-between;padding: 0 10px;height: 47px;line-height: 47px;border-bottom: 1px solid #242424;}
.content .main_bbs .main_bbs_list ul li a:hover {background: #242424;}
.content .main_bbs .main_thumb {display: inline-block;width: 30px;}
.content .main_bbs .main_thumb img {width: 100%;vertical-align: -9px;}
.content .main_bbs .main_list_ttl {width: 85%;}
.main_bbs .event_area {width: calc(100%/2);border-top-left-radius: 5px;border-top-right-radius: 5px;}
.content .main_middle_box {margin-top: 0.425rem;display: flex;justify-content: space-between;gap: 0 0.25rem;}
.content .main_middle_box a {position: relative;width: calc(100%/5);}
.content .main_middle_box a img {width: 100%;}
.content .main_middle_box a span.hoverb {left: 0;top: 0;opacity: 0;position: absolute;background: rgba(0,0,0,0.8);width: 100%;height: 100%;z-index: 5;text-align: center;}
.content .mmb_in_ttl{display: block;font-size: 30px;margin-top: 10px;font-family: pcp;}
.content .mmb_in_btn {background: #f90;display: inline-block;padding: 5px 10px;border-radius: 20px;color: #000;margin-top: 35%;}
.content .main_middle_box a:hover span.hoverb {opacity: 1;}

.side_r{background: #181818;position: relative;width: 100%;margin: 0;padding: 0}
.banner_box{padding-bottom: 1.875rem;}
.banner_box a{display: block;}
.banner_box img{width: 100%;}

.footer_logos ul {display: flex;flex-wrap: wrap;justify-content:center;}
.footer_logos ul li {background: url('../img/footer_logos.png') no-repeat;background-position-x: 0%;background-position-y: 0%;width: 110px;height: 40px;display: inline-block;transition: 0.1s;margin: 0.65rem;}
.footer_logos .ft_logos_01 {background-position: 0px -160px !important;}
.footer_logos .ft_logos_02 {background-position:-110px -160px !important;}
.footer_logos .ft_logos_03 {background-position:-220px -160px !important;}
.footer_logos .ft_logos_04 {background-position:-330px -160px !important;}
.footer_logos .ft_logos_05 {background-position:-440px -160px !important;}
.footer_logos .ft_logos_06 {background-position:-550px -160px !important;}
.footer_logos .ft_logos_07 {background-position:-660px -160px !important;}
.footer_logos .ft_logos_08 {background-position:-770px -160px !important;}
.footer_logos .ft_logos_09 {background-position:-880px -160px !important;}
.footer_logos .ft_logos_10 {background-position:-990px -160px !important;}
.footer_logos .ft_logos_11 {background-position:0px -200px !important;}
.footer_logos .ft_logos_12 {background-position:-110px -200px !important;}
.footer_logos .ft_logos_13 {background-position:-220px -200px !important;}
.footer_logos .ft_logos_14 {background-position:-330px -200px !important;}
.footer_logos .ft_logos_15 {background-position:-440px -200px !important;}
.footer_logos .ft_logos_16 {background-position:-550px -200px !important;}
.footer_logos .ft_logos_17 {background-position:-660px -200px !important;}
.footer_logos .ft_logos_18 {background-position:-770px -200px !important;}
.footer_logos .ft_logos_19 {background-position:-880px -200px !important;}
.footer_logos .ft_logos_20 {background-position:-990px -200px !important;}
.footer_logos .ft_logos_21 {background-position:0px -240px !important;}
.footer_logos .ft_logos_22 {background-position:-110px -240px !important;}
.footer_logos .ft_logos_23 {background-position:-220px -240px !important;}
.footer_logos .ft_logos_24 {background-position:-330px -240px !important;}
.footer_logos .ft_logos_25 {background-position:-440px -240px !important;}
.footer_logos .ft_logos_26 {background-position:-550px -240px !important;}
.footer_logos .ft_logos_27 {background-position:-660px -240px !important;}
.footer_logos .ft_logos_28 {background-position:-770px -240px !important;}
.footer_logos .ft_logos_29 {background-position:-880px -240px !important;}
.footer_logos .ft_logos_30 {background-position:-990px -240px !important;}
.footer_logos .ft_logos_31 {background-position:0px -280px !important;}
.footer_logos .ft_logos_32 {background-position:-110px -280px !important;}
.footer_logos .ft_logos_33 {background-position:-220px -280px !important;}
.footer_logos .ft_logos_34 {background-position:-330px -280px !important;}
.footer_logos .ft_logos_01:hover {background-position:0px 0px !important;}
.footer_logos .ft_logos_02:hover {background-position:-110px 0px !important;}
.footer_logos .ft_logos_03:hover {background-position:-220px 0px !important;}
.footer_logos .ft_logos_04:hover {background-position:-330px 0px !important;}
.footer_logos .ft_logos_05:hover {background-position:-440px 0px !important;}
.footer_logos .ft_logos_06:hover {background-position:-550px 0px !important;}
.footer_logos .ft_logos_07:hover {background-position:-660px 0px !important;}
.footer_logos .ft_logos_08:hover {background-position:-770px 0px !important;}
.footer_logos .ft_logos_09:hover {background-position:-880px 0px !important;}
.footer_logos .ft_logos_10:hover {background-position:-990px 0px !important;}
.footer_logos .ft_logos_11:hover {background-position:0px -40px !important;}
.footer_logos .ft_logos_12:hover {background-position:-110px -40px !important;}
.footer_logos .ft_logos_13:hover {background-position:-220px -40px !important;}
.footer_logos .ft_logos_14:hover {background-position:-330px -40px !important;}
.footer_logos .ft_logos_15:hover {background-position:-440px -40px !important;}
.footer_logos .ft_logos_16:hover {background-position:-550px -40px !important;}
.footer_logos .ft_logos_17:hover {background-position:-660px -40px !important;}
.footer_logos .ft_logos_18:hover {background-position:-770px -40px !important;}
.footer_logos .ft_logos_19:hover {background-position:-880px -40px !important;}
.footer_logos .ft_logos_20:hover {background-position:-990px -40px !important;}
.footer_logos .ft_logos_21:hover {background-position:0px -80px !important;}
.footer_logos .ft_logos_22:hover {background-position:-110px -80px !important;}
.footer_logos .ft_logos_23:hover {background-position:-220px -80px !important;}
.footer_logos .ft_logos_24:hover {background-position:-330px -80px !important;}
.footer_logos .ft_logos_25:hover {background-position:-440px -80px !important;}
.footer_logos .ft_logos_26:hover {background-position:-550px -80px !important;}
.footer_logos .ft_logos_27:hover {background-position:-660px -80px !important;}
.footer_logos .ft_logos_28:hover {background-position:-770px -80px !important;}
.footer_logos .ft_logos_29:hover {background-position:-880px -80px !important;}
.footer_logos .ft_logos_30:hover {background-position:-990px -80px !important;}
.footer_logos .ft_logos_31:hover {background-position:0px -120px !important;}
.footer_logos .ft_logos_32:hover {background-position:-110px -120px !important;}
.footer_logos .ft_logos_33:hover {background-position:-220px -120px !important;}
.footer_logos .ft_logos_34:hover {background-position:-330px -120px !important;}

.copyright {text-align: center;padding:0.625rem 0 0;color: #999;font-size: 1.25rem;font-family: s-core-dream;letter-spacing: -0.05rem;font-weight: bolder;}