@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Prompt:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
*, *::before, *::after {box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, input, select, textarea, button, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, header, footer, hgroup, menu, nav, output, 
ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; vertical-align: baseline; border: 0;}
article, aside, hgroup, header, footer, figure, figcaption, nav, section,time, mark, canvas, video, audio, details, summary {display: block;}

html {
/* Prevent font scaling in landscape */
-webkit-text-size-adjust: none; /*Chrome, Safari, newer versions of Opera*/
-moz-text-size-adjust: none; /*Firefox*/
-ms-text-size-adjust: none; /*Ie*/
-o-text-size-adjust: none; /*old versions of Opera*/
}

html {width: 100%; height: 100%; font-size: 62.5%; scroll-behavior: smooth;}
body {width: 100%; height: 100%; font-size: 1.4rem; color: #000; font-weight: 400; line-height: 1.1; text-align: center; font-family: 'Prompt', sans-serif; background:#06021e;}
menu, ol, ul, li {list-style: none; list-style-image: none; vertical-align: top;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: none;}
table {table-layout: fixed; word-break: break-all; white-space: pre-wr ap; border-collapse: collapse; border-spacing: 0;}
table caption {display: none;}
ul {font-size: 0;}
li {font-size: 1.6rem; letter-spacing: 0;}
img {line-height: inherit; vertical-align: top; -ms-interpolation-mode: bicubic !important; max-width:100%;}
h1, h2, h3, h4, h5, h6 {color: #fff; font-weight: 700;  font-family: 'Prompt';}
a {color: #fff; font-weight: 400; text-decoration: none; font-family: 'Prompt'; display: inline-block; outline: none; cursor: pointer; transition:all ease-in-out 0.2s;}
a:focus {outline: none;}

/* slick */
.slick-slider {position: relative; display: block; box-sizing: border-box;  -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none;
-ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list {position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
.slick-list:focus {outline: none;}
.slick-list.dragging{cursor: pointer; cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);  transition-delay: 10ms;}
.slick-track {position: relative; top: 0; left: 0; display: block;}
.slick-track:before, .slick-track:after {display: table; content: '';}
.slick-track:after {clear: both;}
.slick-loading .slick-track {visibility: hidden;}
.slick-slide {display: none; float: left; height: 100%; min-height: 1px;}
[dir='rtl'] .slick-slide {float: right;}
.slick-slide img {display: block;}
.slick-slide.slick-loading img {display: none;}
.slick-slide.dragging img {pointer-events: none;}
.slick-initialized .slick-slide {display: block;}
.slick-loading .slick-slide {visibility: hidden;}
.slick-vertical .slick-slide {display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}				

.mobile {display:none;}
.s_link {position:absolute; left:0; bottom:0; right:0; top:0; text-indent:-99999px; z-index:10; background:#ffffff; opacity: 0; filter: alpha(opacity=0); font-size:0;}

.inner {max-width:1680px; margin-left:auto; margin-right:auto;     position: relative; z-index: 2;}
.dst {display:table; width:100%; height:100%;}
.dstc {display:table-cell; vertical-align: middle;}

.btn_gra {transition:none; position:relative; font-size:13px; font-weight:600; padding-left:3.3rem; padding-right: 0.6rem; color:#fff; text-transform:uppercase; display:inline-block; vertical-align:middle; display:inline-flex; height:5rem; align-items:center; justify-content:center;  letter-spacing: 0.06rem; }
.btn_gra span:before {z-index:-1; content:''; display:none; position:absolute; top:0; bottom:0; left:0; right:0; background: linear-gradient(to right, rgba(255, 42, 168, 0.2), rgba(0, 108, 255, 0.2));}
.btn_gra:before, .btn_gra:after {content:''; position:absolute;}
.btn_gra:before {display:none; left:-1rem; right:-1rem; top:0; bottom:0; background:url('/images/common/event/road/bg_lg_l.png') 0 center no-repeat , url('/images/common/event/road/bg_lg_r.png') right center no-repeat;}
.btn_gra:after {display:block; width:3.6rem; height:3.5rem; background-repeat:no-repeat; background-position:0 0; background-image:url('/images/common/event/road/icon_login.png'); top:50%; margin-top:-2rem; left:-1px;}
.btn_gra:hover {text-shadow:0 0 0.6rem rgba(255, 255, 255, 0.4); background:rgba(255, 255, 255, 0.2); border-top: 1px solid transparent; border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #ff2aa8, #006cff); border-image-slice: 1;}
.btn_gra:hover:before {display:block;}
.btn_gra:hover:after {background-position:0 -3.5rem;}
.btn_gra:hover span:before {display:block;}



.container {overflow:hidden; min-height: 100%; }
.all_wrap {position:relative; padding-bottom:220px;}
.shape {position:absolute; z-index:1;} 

header {position:absolute; padding:3rem 10.5rem 0 4rem; top:0; left:0; right:0; text-align:right; font-size:0; z-index:3;}
header .m_menu {display:none;}
header .bi {position:absolute; top:3rem; left:50%; margin-left:-7rem; transition: none;}
header .home {position:absolute; top:3.4rem; left:3rem;}
header .util {display:inline-block; vertical-align:middle; font-size:0;}
header .util .m_button {display:none;}
header .util .info {font-size:0; border-top: 1px solid transparent; border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #ff2aa8, #006cff); border-image-slice: 1; margin-right:3.5rem; position:relative; display:inline-block; vertical-align:middle;}
header .util .info:before, header .util .info:after {content:''; display:block; position:absolute; top:0; bottom:0; background-repeat:no-repeat; background-position:0 0; width:1rem;}
header .util .info:before {background-image:url('/images/common/event/road/bg_util_l.png'); left:-1rem;}
header .util .info:after {background-image:url('/images/common/event/road/bg_util_r.png'); right:-1rem;}
header .util .info li {display:inline-flex; height:5rem; align-items:center; justify-content:center; vertical-align:top; text-align:center; min-width:13.6rem; font-size:12px; letter-spacing:0.05em; background: rgba(0, 0, 0, 0.5);}
header .util .info li.user {padding:0 2.4rem 0 1.2rem; color:#fff; font-weight:500; font-family:'Roboto'; }
header .util .info li.user img {margin-right:7px;}
header .util .info li.cash {padding:0 2rem; font-family:'Roboto'; color:#69ccff; border-left: 1px solid transparent; border-image: linear-gradient(to bottom, #ff2aa8, #006cff); border-image-slice: 1;}
header .util .info li.cash img {margin-right:9px;}
header .btn_login {transition:none; position:relative; font-size:13px; font-weight:600; padding-left:3.3rem; padding-right: 0.6rem; color:#fff; text-transform:uppercase; display:inline-block; vertical-align:middle; display:inline-flex; height:5rem; align-items:center; justify-content:center; letter-spacing: 0.06rem; }
header .btn_login span:before {z-index:-1; content:''; display:none; position:absolute; top:0; bottom:0; left:0; right:0; background: linear-gradient(to right, rgba(255, 42, 168, 0.2), rgba(0, 108, 255, 0.2));}
header .btn_login:before, header .btn_login:after {content:''; position:absolute;}
header .btn_login:before {display:none; left:-1rem; right:-1rem; top:0; bottom:0; background:url('/images/common/event/road/bg_lg_l.png') 0 center no-repeat , url('/images/common/event/road/bg_lg_r.png') right center no-repeat;}
header .btn_login:after {display:block; width:3.6rem; height:3.5rem; background-repeat:no-repeat; background-position:0 0; background-image:url('/images/common/event/road/icon_login.png'); top:50%; margin-top:-2rem; left:-1px;}
header .btn_login.on:after {background-image:url('/images/common/event/road/icon_logout.png');}
header .btn_login:hover {text-shadow:0 0 0.6rem rgba(255, 255, 255, 0.4); background:rgba(255, 255, 255, 0.2); border-top: 1px solid transparent; border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #ff2aa8, #006cff); border-image-slice: 1;}
header .btn_login:hover:before {display:block;}
header .btn_login:hover:after {background-position:0 -3.5rem;}
header .btn_login:hover span:before {display:block;}
header .btn_signup {margin-right:2rem;}
header .btn_signup:after {background-image:url('/images/common/event/road/icon_signup.png');}
header .lang {display:inline-block; vertical-align:middle; position:absolute; top:3rem; right:2rem;}
header .lang ul {display:none; width:140px; padding:1.3rem 0 0.4rem; background:url('/images/common/event/road/bg_lang_list.png') center bottom no-repeat; background-size:cover; border-left:1px solid #fe2ba8; border-right:1px solid #0c6cfe; position:relative;}
header .lang ul:after {content:''; display:block; height:10px; background:url('/images/common/event/road/bg_lang_b.png') 0 0 no-repeat; position:absolute; left:-1px; right:-1px; bottom:-10px;}
header .lang ul li a {display:block; text-align:left; text-transform:uppercase; font-size:12px; font-weight:500; letter-spacing:0.02em; padding:0.7rem 0.7rem 0.7rem 2rem;}
header .lang ul li a img {margin-right:0.7rem; position: relative; top: -1px;}
header .lang ul li a:hover {background:rgba(255, 255, 255, 0.3); text-shadow:0 0 0.6rem rgba(255, 255, 255, 0.4);}
header .lang .btn_lang {transition:none; position:relative; width:55px; padding-right:2rem; display:inline-block; vertical-align:middle; display:inline-flex; height:50px; align-items:center; justify-content:center; }
header .lang .btn_lang img {border-radius:50%;}
header .lang .btn_lang span:before {z-index:-1; content:''; display:none; position:absolute; top:0; bottom:0; left:0; right:0; background: linear-gradient(to right, rgba(255, 42, 168, 0.2), rgba(0, 108, 255, 0.2));}
header .lang .btn_lang:hover {background:rgba(255, 255, 255, 0.2); border-top: 1px solid transparent; border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #ff2aa8, #006cff); border-image-slice: 1;}
header .lang .btn_lang:before {content:''; position:absolute; display:none; left:-10px; right:-10px; top:0; bottom:0; background:url('/images/common/event/road/bg_lg_l.png') 0 center no-repeat , url('/images/common/event/road/bg_lg_r.png') right center no-repeat;}
header .lang .btn_lang:after {content:''; position:absolute;display:none; width:22px; height:27px; background-repeat:no-repeat; background-position:0 0; background-image:url('/images/common/event/road/icon_lang_arr.png'); top:50%; margin-top:-13px; right:-5px;}
header .lang .btn_lang:hover span:before {display:block;}
header .lang .btn_lang:hover:before {display:block;}
header .lang .btn_lang:hover:after {display:block;}
header .lang .btn_lang:hover img {box-shadow:0 0 0.6rem rgba(255, 255, 255, 0.4);}
header .lang.open .btn_lang {width:100%;}
header .lang.open ul {display:block;}
header .lang.open .btn_lang {justify-content: flex-start; background:url('/images/common/event/road/bg_lang.png') 0 0 no-repeat !important; padding-left:2rem;}
header .lang.open .btn_lang span:before {display:block;}
header .lang.open .btn_lang:after {display:block; transform:scaleX(-1);}
header .lang.open .btn_lang img {box-shadow:0 0 0.6rem rgba(255, 255, 255, 0.4);}
header .lang.open {right:0;}
header .lang.open .btn_lang:hover {background:none; border:none; padding-left:2rem;}
header .lang.open .btn_lang:hover:before {display:none;}
header .lang.open .btn_lang span:before {display:none;}
header .lang.open .btn_lang:after {right:1.8rem;}

footer {text-align:center; padding:5rem 2.5rem; font-size:13px; color:#c5c5c5; background:url('/images/common/event/road/bg_footer.jpg') center center no-repeat; background-size:cover; position:absolute; bottom:0; left:0; right:0;}
footer img {margin:0 3rem;}
footer:before {content:''; display:block; position:absolute; top:0; left:0; right:0; height:1px; background: linear-gradient(to right, #5dbbff, #358cff);}
footer .txt {font-family:'Roboto'; font-size:12px; color:#c5c5c5; line-height:1.5; margin-top:2rem;}
footer .copy {margin-top:2rem; text-transform:uppercase; font-weight:500;}

.btn_top {position:fixed; display:block; z-index:7; font-size:0; color:transparent; right:4.5rem; bottom:5rem; width:5.1rem; height:4.9rem; background-image:url('/images/common/event/road/btn_top.png'); background-repeat:no-repeat; background-position:0 0; background-size:100% auto;}
.btn_top:hover {background-position:0 100%;}


section {background-repeat:no-repeat; background-size:cover; background-position:center center;}

.section01 {background-image:url('/images/common/event/road/bg01.jpg'); background-position:center bottom; padding:12.4rem 0 14rem; border-bottom:1px solid #2982ff;}
.section01 .main_wrap {display:flex; align-items: stretch; padding:2.8rem; position:relative; clip-path: polygon(2% 0, 100% 0, 100% 96%, 98% 100%, 0 100%, 0 4%); background:rgba(6, 2, 30, 0.3);  }
.section01 .main_wrap:after {content:''; display:block; position:absolute; top:1px; bottom:1px; left:1px; right:1px; clip-path: polygon(2% 0, 100% 0, 100% 96%, 98% 100%, 0 100%, 0 4%); background:rgba(255, 255, 255, 0.1); }
.section01 .main_wrap:before {content:''; display:block; position:absolute; top:0; bottom:0; left:0; right:0; clip-path: polygon(2% 0, 100% 0, 100% 96%, 98% 100%, 0 100%, 0 4%);  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0)); -webkit-backdrop-filter: blur(1rem); backdrop-filter: blur(1rem);}
.section01 .vod_area {position:relative; z-index:1; width:calc(100% - 390px); clip-path: polygon(2% 0, 100% 0, 100% 96.7%, 98% 100%, 0 100%, 0 3.3%); background:#000000; overflow:hidden;}
.section01 .vod_area .vod {position:relative; height:0; padding-bottom:56.5%; top: 50%; transform: translate(0, -50%);}
.section01 .vod_area .vod iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
.section01 .news_chat {position:relative; z-index:1; width:360px; margin-left:30px;}
.section01 .news_chat ul {font-size:0;}
.section01 .news_chat ul li {display:inline-block; vertical-align:top;}
.section01 .news_chat ul li a {display:flex; align-items:center; justify-content:center; text-transform:uppercase; font-size:14px; font-weight:700; letter-spacing:0.05em;}
.section01 .news_chat .tab li {margin:0 0.5rem; position:relative;}
.section01 .news_chat .tab li:before {z-index:1; content:''; display:none; position:absolute; left:50%; top:-0.3rem; width:2rem; height:0.6rem; background:url('/images/common/event/road/news_on.png') 0 0 no-repeat; transform:translate(-50% , 0);}
.section01 .news_chat .tab li a {transition:none; position:relative; height:4rem; text-transform:uppercase; color:#afafaf; width:15.2rem; height:4rem; background-repeat:no-repeat;  background-position:0 0;}
.section01 .news_chat .tab li.news a {background-image:url('/images/common/event/road/bg_tab01.png');}
.section01 .news_chat .tab li.chat a {background-image:url('/images/common/event/road/bg_tab02.png');}
.section01 .news_chat .tab li a:before {content:''; display:block; position:absolute; top:-1px; bottom:-1px;}
.section01 .news_chat .tab li:hover:before, .section01 .news_chat .tab li.act:before {display:block;}
.section01 .news_chat .tab li.act a , .section01 .news_chat .tab li a:hover {border:none; color:#fff; text-shadow:0.2rem 0.2rem 0.5rem rgba(0, 0, 0, 0.5); background-position:0 -4rem;}
.section01 .news_chat .tab li a:hover:before {display:none;}
.section01 .news_chat .tab {margin-bottom:-1px;}
.section01 .news_chat .tab_box {display:none; position:relative; padding:3rem 1.9rem; clip-path: polygon(21px 0, 100% 0, 100% calc(100% - 21px), calc(100% - 21px) 100%, 0 100%, 0 21px); background:rgba(255, 255, 255, 0.15); border-left: 1px solid transparent; border-right : 1px solid transparent; border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); border-image-slice: 1; height:calc(100% - 40px); height:654px;}
.section01 .news_chat .tab_box:before, .section01 .news_chat .tab_box:after {content:''; display:block; position:absolute; top:0; bottom:0; right:-1px; left:-1px;}
.section01 .news_chat .tab_box:before {background:url('/images/common/event/road/arr_tab_t.png') 0 0 no-repeat , url('/images/common/event/road/arr_tab_b.png') right bottom no-repeat;}
.section01 .news_chat .tab_box:after { border-top: 0.2rem solid transparent; border-bottom: 0.2rem solid transparent; border-image: linear-gradient(to right, #ff2aa8, #006cff); border-image-slice: 1;}
.section01 .news_chat .tab_box.news {display:block;}
.section01 .news_chat .sort {position:relative; z-index:1; margin-bottom:2rem;}
.section01 .news_chat .sort ul li {width:calc(100% / 3);}
.section01 .news_chat .sort ul li a {color:#b6b6b6;}
.section01 .news_chat .sort ul li.on a, .section01 .news_chat .sort ul li a:hover {color:#fff; text-shadow:0 0 0.5rem rgba(255, 255, 255, 0.5);}
.section01 .news_chat .desc {position:relative; z-index:1; display:none;     height: calc(100% - 36px); font-size:14px;}
.section01 .news_chat .desc.all {display:block;}
.section01 .news_chat .desc ul {height:100%;}
.section01 .news_chat .desc li {position:relative; display:block; margin-bottom:2rem; height:calc(25% - 2rem);}
.section01 .news_chat .desc li:after { content: ""; display: block; padding-bottom: 36.25%;}
.section01 .news_chat .desc .con {transition:all ease-in-out 0.2s; padding:6.25%; position:absolute; top:0; left:0; width:100%; height:100%; text-align:left; background-repeat:no-repeat; background-position:0 0; background-image:url('/images/common/event/road/bg_news_li.png'); background-size:cover;}
.section01 .news_chat .desc .con:before {top:-4px; left:-4px; width:10px; height:10px; content:''; display:block; position:absolute; background-repeat:no-repeat; background-position:0 -10px; background-image:url('/images/common/event/road/obj_news.png');}
.section01 .news_chat .desc .con div {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-word;}
.section01 .news_chat .desc .tit {font-size:13px; color:#fff; font-weight:500; text-transform:uppercase; line-height:1.28; max-height:36px; letter-spacing: 0.06em; }
.section01 .news_chat .desc .txt {font-size:13px; color:#c5c5c5; font-family:'Roboto'; line-height:1.23; margin-top:0.5rem; max-height:32px;}
.section01 .news_chat .desc .con:hover { background-image:url('/images/common/event/road/bg_news_li_on.png');}
.section01 .news_chat .desc .con:hover .tit {color:#fff600;}
.section01 .news_chat .desc .con:hover .txt {color:#c5c5c5;}
.section01 .news_chat .desc .con:hover:before {background-position:0 0;}
.section01 .news_chat .desc .go_more {position:absolute; bottom:-15px; right:0; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:0.05em;}
.section01 .news_chat .desc .go_more span {background: linear-gradient(to right, #69ccff, #006cff); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.section01 .news_chat .desc .go_more:before {content:''; display:inline-block; vertical-align:middle; margin-right:5px; width:4px; height:7px; background-repeat:no-repeat; background-position:0 0; background-image:url('/images/common/event/road/icon_more.png');}
.section01 .news_chat .desc .go_more:hover:before {background-position:0 -7px;}
.section01 .news_chat .desc .go_more:hover span {background: linear-gradient(to right, #fff, #69ccff); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.section01 .news_chat .tab_box.chat {padding:0.8rem;}
.section01 .news_chat .live_area {z-index:1; clip-path: polygon(21px 0, 100% 0, 100% calc(100% - 21px), calc(100% - 21px) 100%, 0 100%, 0 21px); background: linear-gradient(to bottom, #006cff , #ff2aa8); overflow: hidden; position: absolute; left: 2rem; right: 2rem; top: 2rem; bottom: 2rem;}
.section01 .news_chat .live_area:before {clip-path: polygon(21px 0, 100% 0, 100% calc(100% - 21px), calc(100% - 21px) 100%, 0 100%, 0 21px); content:''; display:block; position:absolute; top:1px; bottom:1px; right:1px; left:1px; background:#fff;}
.section01 .news_chat .live_area .con {position:relative; width:100%; height:100%; padding:1.5rem;}
.section01 .news_chat .live_area .con iframe {position:absolute;  border: 0;  width: 100%; height: 100%;  top:0; left:0;}

.section02 {background-image:url('/images/common/event/road/bg02.jpg'); background-position:center 0; padding:0 0 8.8rem; }
.section02 .tit {margin-top:-50%; margin-bottom:10.8rem; position:relative; display:inline-flex; text-transform:uppercase; min-width:36rem; padding:0 2.4rem; height:8.4rem; align-items:center; justify-content:center; background: linear-gradient(to right, #ff2aa8 , #006cff); clip-path: polygon(0 0, 95% 0%, 100% 25%, 100% 100%, 5% 100%, 0% 75%);}
.section02 .tit:before {content:''; display:block; clip-path: polygon(0 0, 95% 0%, 100% 25%, 100% 100%, 5% 100%, 0% 75%); position:absolute; top:0.5rem; bottom:0.5rem; left:0.5rem; right:0.5rem; background:#111823 url('/images/common/event/road/ptn_dot.png') 0 0 repeat; }
.section02 .tit span {position:relative; font-size:30px; font-weight:700; color:#fff; letter-spacing:0.04rem; text-shadow:0 0 0.6rem #cf4bce;}
.section02 .inner {position:relative; max-width:1742px;}
.section02 .year_sel {width:23.3rem; position:absolute; right:6.7rem; top:-3.9rem; z-index:2;}
.section02 .year_sel a {display:block;  color:#fff; font-family:'Roboto';}
.section02 .year_sel .sel {transition:none; padding-right: 0.8rem; width:100%; position:relative;  height:8.4rem; background-image:url('/images/common/event/road/bg_selet.png'); background-position:0 0; background-repeat:no-repeat; display:flex; align-items:center; justify-content:center; font-size:20px; font-weight:700; text-shadow:0.2rem 0.2rem 0.5rem rgba(0, 0, 0, 0.5);}
.section02 .year_sel .sel:before {content:''; display:block; position:absolute; top:50%; right:4.3rem; width:3.5rem; height:2.7rem; margin-top:-1.35rem; background-repeat:no-repeat; background-position:0 0; background-image:url('/images/common/event/road/sel_arr.png');}
.section02 .year_sel .sel:hover, .section02 .year_sel .sel.open {text-shadow:0 0 0.5rem rgba(255, 255, 255, 0.5); background-position:0 -8.4rem; }
.section02 .year_sel .sel:hover:before , .section02 .year_sel .sel.open:before {background-position:0 -2.7rem;}
.section02 .year_sel .ovsc {display:none; padding:1.2rem 1.1rem 1.1rem 2.9rem; width:100%; height:19.2rem; background:url('/images/common/event/road/bg_selet_list.png') 0 0 no-repeat;}
.section02 .year_sel .ovsc li {margin-bottom:0.6rem;}
.section02 .year_sel .ovsc li:last-child {margin-bottom:0;}
.section02 .year_sel .ovsc li a {font-size:18px; height:4rem; display:flex; align-items:center; justify-content:center; border-radius:20px;} 
.section02 .year_sel .ovsc li a:hover {border:1px solid rgba(255, 255, 255, 0.5); background:rgba(255, 255, 255, 0.3); text-shadow:0 0 0.6rem rgba(255, 255, 255, 0.4);}
.ovsc ul {padding-right:1.8rem; height: 100%; overflow-y: scroll;}
.ovsc ul::-webkit-scrollbar {width: 0.9rem; }
.ovsc ul::-webkit-scrollbar-track {border-radius:0.45rem; background:rgba(0, 0, 0, 0.5);}
.ovsc ul::-webkit-scrollbar-thumb { border-radius:0.45rem; background: linear-gradient(to right, #69ccff , #006cff);}

.tree_wrap {display:flex; justify-content: space-between; align-items: flex-end; max-width: 1408px; margin: 0 auto;}
.tree .list {display: flex; flex-direction: column-reverse;}
.tree .list > li {font-size:0; margin-bottom:10rem; position:relative;}
.tree .list > li:before, .tree .list > li:after {content:''; display:block; left:50%; transform:translate(-50% , 0); position:absolute; bottom: -9.3rem;}
.tree .list > li:before { width:0.2rem; height:8.4rem; background:#e93dbc;}
.tree .list > li:after {width:1.8rem; height:1rem; background:url('/images/common/event/road/down_pink.png') 0 0 no-repeat;}
.tree .list > li:first-child:before, .tree .list > li:first-child:after {display:none;}
.tree .list > li .con {display:inline-block; width:34.3rem; position:relative; background: linear-gradient(to right, #8e2572 , #e93dbc); padding:0.5rem; vertical-align: top;}
.tree .list > li .con .desc {display:flex; position:relative; height:9rem; align-items:center; justify-content:center; background:#000; flex-direction: column;}
.tree .list > li .con .desc:before, .tree .list > li .con .desc:after {content:''; display:block; }
.tree .list > li .con .desc:before {position:absolute; top:0; left:0; bottom:0; right:0;  background:url('/images/common/event/road/obj_y01.png') 0 0 no-repeat, url('/images/common/event/road/obj_y02.png') center 0 no-repeat, url('/images/common/event/road/obj_y03.png') right bottom no-repeat, url('/images/common/event/road/obj_y04.png') center bottom no-repeat;}
.tree .list > li .con .desc:after {position:absolute; top:-0.5rem; left:-0.5rem; bottom:-0.5rem; right:-0.5rem;  background:url('/images/common/event/road/obj_p_l.jpg') 0 bottom no-repeat, url('/images/common/event/road/obj_p_r.jpg') right 0 no-repeat;}
.tree .list > li .con .name {font-size:20px; font-weight:700; text-transform:uppercase;}
.tree .list > li .con .name span {background: linear-gradient(to right, #fff, #ff72da); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.tree .list > li .con .txt {color:#fff; font-family:'Roboto'; line-height:1.14; margin-top:0.4rem; font-size:14px;}
.tree .list > li.blue .con {background: linear-gradient(to right, #2a4099 , #036cff);} 
.tree .list > li.blue .con .desc:after {background:url('/images/common/event/road/obj_b_l.jpg') 0 bottom no-repeat, url('/images/common/event/road/obj_b_r.jpg') right 0 no-repeat;}
.tree .list > li.blue .con .name span {background: linear-gradient(to right, #fff, #036cff); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.tree .list > li.mix {margin-bottom:0;}
.tree .list > li.mix .con {background: linear-gradient(to right, #ff2aa8 , #006cff); width:38.3rem; padding:0.6rem;} 
.tree .list > li.mix .con .desc {background:url('/images/common/event/road/ptn_dot02.jpg') 0 0 repeat; height:14.8rem;}
.tree .list > li.mix .con .desc:after {top:-0.6rem; left:-0.6rem; bottom:-0.6rem; right:-0.6rem; background:url('/images/common/event/road/obj_c_l.jpg') 0 bottom no-repeat, url('/images/common/event/road/obj_c_r.jpg') right 0 no-repeat;}
.tree .list > li.mix .con .name {font-size:30px;}
.tree .list > li.mix .con .name span {background: linear-gradient(to right, #ff2aa8 , #006cff); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.tree .list > li.mix:before , .tree .list > li.mix:after {bottom:auto;}
.tree .list > li.mix:before {width:4px; background: linear-gradient(to right, #69ccff , #dcff37); height:8rem; top: -9.3rem;}
.tree .list > li.mix:after {width:18px; height:11px; background:url('/images/common/event/road/up_gra.png') 0 0 no-repeat; top:-9.9rem;}
.tree .list > li.final {margin-bottom:10.8rem;}
.tree .list > li.final .con {background: linear-gradient(to right, #69ccff , #dcff37); padding:0.8rem; width:44rem;}  
.tree .list > li.final .con .desc {padding-top: 2.2rem; background:url('/images/common/event/road/li_final.png') center 0 repeat; height:16.8rem; }
.tree .list > li.final .con .desc:before {background:url('/images/common/event/road/obj_y02.png') center 0 no-repeat, url('/images/common/event/road/obj_y04.png') center bottom no-repeat; top:-0.1rem; bottom:-0.1rem; left:-0.1rem; right:-0.1rem;}
.tree .list > li.final .con .desc:after {top:-0.8rem; left:-0.8rem; bottom:-0.8rem; right:-0.8rem; background:url('/images/common/event/road/obj_m_l.jpg') 0 bottom no-repeat, url('/images/common/event/road/obj_m_r.jpg') right 0 no-repeat;}
.tree .list > li.final .con .name {font-size:40px; filter: drop-shadow(0.2rem 0.2rem 0.5rem rgba(0, 0, 0, 0.5));}
.tree .list > li.final .con .name:before {content:''; display:block; position:absolute; left:50%; top:-3.8rem; width:5.6rem; height:4.3rem; margin-left:-2.8rem; background:url('/images/common/event/road/icon_final.png') 0 0 no-repeat;}
.tree .list > li.final .con .name span {background: linear-gradient(to right, #69ccff , #dcff37); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.tree .list > li.final .con .txt {text-shadow:0.2rem 0.2rem 0.5rem rgba(0, 0, 0, 0.5); font-weight:500;}
.tree .list > li.final:before {top:auto; bottom:-93px;}
.tree .list > li.two {margin-bottom:5.5rem;}
.tree .list > li.two:before, .tree .list > li.two:after {bottom:-4.6rem;}
.tree .list > li.two:before {height:9.4rem;}
.tree .list > li.two .con {transform:translate(-3rem , 0);}
.tree .list > li.two .con:last-child {transform:translate(3rem , 0);}
.tree .list > li.two .con:last-child:before {content:''; display:block; position:absolute; top:50%; left:0; transform:translate(-125% , 50%); width:4rem; height:0.2rem; background:#e93dbc;}
.tree.t1 {position: absolute; bottom: 6.4rem; left: 50%; transform: translate(-50%, 0);}
.tree.t1 .list {flex-direction: column;}
.tree.t2 .list {    transform: translate(-25%, 0);}
.tree.t3 .list > li:before {background:#4c69fa;}
.tree.t3 .list > li:after {background:url('/images/common/event/road/down_blue.png') 0 0 no-repeat;}
.tree .list > li:first-child .con:before, .tree .list > li:first-child .con:after {content:''; display:block; position:absolute;}
.tree .list > li:first-child .con:before {width:14.7rem; height:2px; right:-15.5rem; top:50%; transform:translate(0 , -50%); background:#e93dbc;}
.tree .list > li:first-child .con:after {width:1.8rem; height:1rem; background:url('/images/common/event/road/down_pink.png') 0 0 no-repeat; right:-16.5rem; bottom:auto; top:45%;  transform:rotate(-90deg) translate(0, -50%);}
.tree.t3 .list > li:first-child .con:before {background:#4c69fa; right:auto; left:-15.5rem;}
.tree.t3 .list > li:first-child .con:after {left:-16.5rem; right:auto; background:url('/images/common/event/road/down_blue.png') 0 0 no-repeat; transform: rotate(90deg) translate(0, -50%);}
.tree .list > li.final:first-child .con:before, .tree .list > li.final:first-child .con:after {display:none;}
.tree .list > li .con:hover {background: linear-gradient(to right, #fff600, #e23bb6);}
.tree .list > li .con:hover .desc:after {background: url(/images/common/event/road/obj_c_l_y.jpg) 0 bottom no-repeat, url(/images/common/event/road/obj_p_r.jpg) right 0 no-repeat;}
.tree .list > li .con:hover .name {text-shadow:0 0 0.5rem rgba(255, 255, 255, 0.5);}
.tree .list > li .con:hover .name span {background: linear-gradient(to right, #fff, #fff); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.tree .list > li .con:hover .txt {text-shadow:0 0 0.5rem rgba(255, 255, 255, 0.5);}
.tree.t3 .list > li .con:hover {background: linear-gradient(to right, #fff600, #1169f7);}
.tree.t3 .list > li .con:hover .desc:after {background: url(/images/common/event/road/obj_c_l_y.jpg) 0 bottom no-repeat, url(/images/common/event/road/obj_b_r.jpg) right 0 no-repeat;}
.tree .list > li.mix .con:hover {background: linear-gradient(to right, #fff600, #ff2aa8, #fff600, #006cff);}
.tree .list > li.mix .con:hover .desc {background:#000;}
.tree .list > li.mix .con:hover .desc:after {background: url(/images/common/event/road/obj_c_l_y.jpg) 0 bottom no-repeat, url(/images/common/event/road/obj_b_rg.jpg) right 0 no-repeat;}
.tree .list > li.final .con:hover {background: linear-gradient(to right, #fff600, #ff2aa8, #fff600, #006cff);}
.tree .list > li.final .con:hover .desc {background: url(/images/common/event/road/li_final_ov.png) center 0 repeat;}
.tree .list > li.final .con:hover .desc:after {background: url(/images/common/event/road/obj_m_l_ov.jpg) 0 bottom no-repeat, url(/images/common/event/road/obj_m_r_ov.jpg) right 0 no-repeat;}
.tree .list > li.final .con:hover .name:before {background: url(/images/common/event/road/icon_final_ov.png) 0 0 no-repeat;}
.tree .list > li .con.on {background:#fff600 !important;}
.tree .list > li .con.on .desc {padding-left: 7rem; padding-right:7rem;}
.tree .list > li .con.on .desc:after {background: url(/images/common/event/road/obj_c_l_y.jpg) 0 bottom no-repeat, url(/images/common/event/road/obj_c_r_y.jpg) right 0 no-repeat !important;;}
.tree .list > li .con.on .name {text-shadow:none; word-break: break-word;}
.tree .list > li .con.on .name span {background: linear-gradient(to right, #fff, #fff600); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.tree .list > li .con.on .name:after {content:''; display:inline-block; position:absolute; top:50%; left:2.4rem; transform:translate(0 , -50%); width:3.9rem; height:3.3rem; background:url('/images/common/event/road/li_on.png') 0 center no-repeat; background-size:auto 100%;}
.tree .list > li .con.on .txt {text-shadow:none; color:#fff600;}
.tree .list > li.mix .con.on .desc {background:#000;}
.tree .list > li.final .con.on .desc:after {background: url(/images/common/event/road/obj_m_l_on.jpg) 0 bottom no-repeat, url(/images/common/event/road/obj_m_r_on.jpg) right 0 no-repeat !important;;}
.tree .list > li.final .con.on .desc {background: url(/images/common/event/road/li_final_on.png) center 0 repeat;}
.tree .list > li.final .con.on .name:before {background: url(/images/common/event/road/icon_final_on.png) 0 0 no-repeat;}
.tree .list > li.final .con.on .name {margin-left:-7rem; margin-right:-7rem; width:calc(100% + 14rem); padding:0 7rem;}
.tree .list > li.final .con.on .name:after {left:2.4rem; right:2.4rem; width:auto; }

.view_tab {position:relative; z-index: 3;}
.view_tab .btn_tab {font-size:0; transition:all ease-in-out 0.2s;}
.view_tab .btn_tab a {background: linear-gradient(to right, rgba(255, 42, 168, 1), rgba(0, 108, 255, 1)); display:block; font-size:22px; font-weight:700; letter-spacing:0.03em; padding:1.4rem 0;}
.view_tab .btn_tab span {transition:all ease-in-out 0.2s; background: linear-gradient(to right, #69ccff, #dcff37); -webkit-background-clip: text; -webkit-text-fill-color: transparent; filter: drop-shadow(0 0.2rem 0.5rem rgba(0, 0, 0, 0.5));}
.view_tab .btn_tab span:after {border-radius:50%; content:''; display:inline-block; vertical-align:middle; position:relative; top:-2px; width:4.6rem; height:4.6rem; background-position:0 0; background-repeat:no-repeat; background-image:url('/images/common/event/road/icon_tab_selet.png'); margin-left:2.4rem;}
.view_tab .btn_tab:hover, .view_tab .btn_tab.on {background:#fff;}
.view_tab .btn_tab:hover a, .view_tab .btn_tab.on a {background: linear-gradient(to right, rgba(255, 42, 168, 0.7), rgba(0, 108, 255, 0.7));}
.view_tab .btn_tab:hover span, .view_tab .btn_tab.on span {background: linear-gradient(to right, #fff, #fff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; filter: drop-shadow(0 0 3px rgba(255, 255, 255, 0.5));}
.view_tab .btn_tab:hover span:after, .view_tab .btn_tab.on span:after {background-position:0 -4.6rem;}
.view_tab .list {position:absolute; display:none; padding:2.4rem 0 3.6rem; background: linear-gradient(to right, rgba(255, 42, 168, 0.2), rgba(0, 108, 255, 0.2));  border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #ff2aa8, #006cff); border-image-slice: 1;  z-index: 1; left: 0; right: 0;}
.view_tab .list:before {background:rgba(0, 0, 0, 0.2); position:absolute; content:''; display:block; top:0; bottom:0; left:0; right:0; -webkit-backdrop-filter: blur(1rem); backdrop-filter: blur(1rem);}
.view_tab .list .ovsc {position:relative;  max-width:1160px; margin:0 auto; text-align:left; }
.view_tab .list .ovsc ul {max-height:21.5rem; padding-right:4rem;}
.view_tab .list .ovsc li {margin:1.4rem 0; position:relative; z-index:1;}
.view_tab .list .ovsc a {padding:0.8rem 0 0.8rem 6rem; position:relative; display:block; font-size:16px; font-family:'Roboto'; color:#fff; font-weight:500; overflow: hidden; text-overflow: ellipsis; -ms-text-overflow: ellipsis; white-space: nowrap; word-break: break-all; word-wrap: normal;}
.view_tab .list .ovsc a:before {border-radius:50%; left:0.6rem; top:0; content:''; display:block; position:absolute; width:3.4rem; height:3.4rem; background-position:0 0; background-repeat:no-repeat; background-image:url('/images/common/event/road/icon_tab_a.png');}
.view_tab .list .ovsc li:hover:before {z-index:-1; content:''; display:block; position:absolute; top:-0.6rem; left:0; bottom:-0.6rem; right:0; background:rgba(255, 255, 255, 0.5); border:1px solid rgba(255, 255, 255, 0.6); border-radius:2.3rem;}
.view_tab .list .ovsc a:hover {text-shadow:0 0 5px rgba(255, 255, 255, 0.5);}
.view_tab .list .ovsc a:hover:before {background-position:0 -3.4rem;}

.section03 {background:url('/images/common/event/road/ptn_bg03.jpg ') 0 0 repeat; padding:7rem 0 14rem; position:relative;}
.sctm_wrap {font-size:0;  text-align:left; margin-top:7rem;}
.sctm_wrap .box_sctm {position:relative;}
.sctm_wrap .box_sctm.schedule {padding-right:300px; min-height:90rem; } 
.sctm_wrap .week_list {display:inline-block; vertical-align:top; width:240px; margin-right:60px; text-align:left;}
.sctm_wrap .week_list ul {border:1px solid #fff600;}
.sctm_wrap .week_list ul li {border-bottom:1px solid #fff600; position:relative;}
.sctm_wrap .week_list ul li:before, .sctm_wrap .week_list ul li:after {content:''; display:block;  width:9px; position:absolute; top:-5px; bottom:-5px; background:url('/images/common/event/road/dot_y.png') 0 0 no-repeat;}
.sctm_wrap .week_list ul li:before {left:-5px;}
.sctm_wrap .week_list ul li:after {right:-5px;}
.sctm_wrap .week_list ul li:last-child {border-bottom:0;}
.sctm_wrap .week_list a {padding:0 6rem 0 2rem; color:#fff600; font-weight:700; font-size:14px; text-transform:uppercase; height:6rem; display:flex; justify-content:flex-start; align-items:center; position:relative; letter-spacing:0.06rem;}
.sctm_wrap .week_list a:before {content:''; display:block; position:absolute; top:50%; right:2rem; margin-top:-1.2rem; width:1.7rem; height:2.5rem; background-repeat:no-repeat; background-position:0 0; background-image:url('/images/common/event/road/icon_week_arr.png');}
.sctm_wrap .week_list a:hover {color:#fff; text-shadow:0 0 5px rgba(255, 255, 255, 0.5);}
.sctm_wrap .week_list a:after {content:''; z-index:-1; display:block; position:absolute; top:0; left:0; width:calc(100% + 1px); height:calc(100% + 1px);}
.sctm_wrap .week_list a:hover:after {background: linear-gradient(to right, rgba(105, 204, 255, 0.5), rgba(220, 255, 55, 0.5)); }
.sctm_wrap .week_list a:hover:before {background-position:0 -5rem;}
.sctm_wrap .week_list .act a {height:12rem; z-index:1; color:#000000; font-size:18px;}
.sctm_wrap .week_list .act a:after {clip-path: polygon(10% 0, 100% 0, 100% 80%, 90% 100%, 0 100%, 0 20%); background: linear-gradient(to right, #69ccff, #dcff37);}
.sctm_wrap .week_list .act a:before {background-position:0 -2.5rem;}
.sctm_wrap .week_list li.act:before, .sctm_wrap .week_list li.act:after {z-index:2; background:url('/images/common/event/road/dot_y.png') 0 0 no-repeat, url('/images/common/event/road/dot_y.png') 0 center no-repeat;}

.sctm_wrap .pages {display:inline-block; vertical-align:top; width:calc(100% - 300px);} 
.tab_sctm {width:45.4rem; height:7.5rem; background:url('/images/common/event/road/tab_line.png') 0 0 no-repeat; margin:0 auto; padding:1rem;}
.tab_sctm ul {font-size:0; height:100%;}
.tab_sctm ul li {display:inline-block; vertical-align:top; width:50%; height:100%;}
.tab_sctm ul li a {transition:all ease-in-out 0.2s; position:relative; z-index:1; display:block; height:100%; color:#fff600; font-size:20px; font-weight:700; text-transform:uppercase; clip-path: polygon(0 0, 91% 0%, 100% 33%, 100% 100%, 9% 100%, 0% 67%); overflow:hidden; display:flex; align-items:center; justify-content:center; letter-spacing: 0.06rem;}
.tab_sctm ul li a:before {transition:all ease-in-out 0.2s; opacity:0; width:0; z-index:-1; content:''; display:block; position:absolute; top:0; bottom:0; left:0; background: linear-gradient(to right, #00a8ff, #fff600); color:#001b56; box-shadow:0.5rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5);}
.tab_sctm ul li.act a, .tab_sctm ul li:hover a {color:#001b56; box-shadow:0.5rem 0.5rem 0.5rem rgba(0, 0, 0, 0.5);}
.tab_sctm ul li.act a:before, .tab_sctm ul li:hover a:before {width:100%; opacity:1;}
.sctm_wrap .right_info {width:240px; position:absolute; top:0; right:0;}
.sctm_wrap .right_info .con {text-align:center; position:relative; margin-bottom:8rem; border:1px solid #fff600;}
.sctm_wrap .right_info .con:before {content:''; display:block; position:absolute; top:-0.9rem; bottom:-0.9rem; left:-0.9rem; right:-0.9rem; background:url('/images/common/event/road/dot_y2.png') 0 0 no-repeat, url('/images/common/event/road/dot_y2.png') right 0 no-repeat, url('/images/common/event/road/dot_y2.png') 0 bottom no-repeat, url('/images/common/event/road/dot_y2.png') right bottom no-repeat;}
.sctm_wrap .right_info .tit, .sctm_wrap .right_info .name {flex-direction: column; position:relative; background:rgba(255, 246, 0, 0.6); color:#fff; font-weight:700; text-shadow:0 0.2rem 0.2rem rgba(0, 0, 0, 0.5); text-transform:uppercase; min-height:6rem; display:flex; align-items:center; justify-content:center; letter-spacing:0.06rem; }
.sctm_wrap .right_info .tit { font-size:18px;  padding:0.5rem;  }
.sctm_wrap .right_info .name { font-size:16px; text-shadow:none;}
.sctm_wrap .right_info .team {position:relative; border-bottom:1px solid #fff600; border-top:1px solid #fff600; background:rgba(255, 246, 0, 0.4); padding:3rem; }
.view_team {display:block; border-radius:2rem 2rem 0 2rem; overflow:hidden; position:relative; height:0; padding-bottom:100%;  background: rgba(0, 0, 0, 0.7);}
.view_team:after {border-radius: 2rem 2rem 0 2rem; content:''; display:block; position:absolute; top:0; bottom:0; left:0; right:0; box-shadow:inset 0 0.3rem 0 0 rgba(255, 255, 255, 0.2);}
.view_team img {position:absolute; top:0; left:0; width:100%; height:100%;}
.view_team img.bin {top:50%; left:50%; transform:translate(-50% , -50%); width:auto; height:auto; max-height:100%;}
.view_team span {color:transparent; transition:all 0.2s ease; z-index:1; position:absolute; bottom:5px; right:5px; border-radius:50%; width:25px; height:25px; background:url('/images/common/event/road/icon_detail_y.png') center center no-repeat; background-color:rgba(0, 0, 0, 0.8); font-size:0; }
.view_team:hover span {padding-top:54%; text-transform:uppercase; text-align:center; bottom:0; right:0; font-size:18px;color:#ffffff; font-weight:700; font-family:'Roboto'; text-shadow:0 0 0.5rem rgba(255, 255, 255, 0.5); border:2px solid #fff704; border-radius:2rem 2rem 0 2rem;  width:100%; height:100%; background:url('/images/common/event/road/icon_detail.png') center 40% no-repeat; background-color:rgba(0, 0, 0, 0.8) !important; border-width:2px;}
.sctm_wrap .right_info .champ .team li a {box-shadow:0 0.5rem 0.3rem rgba(0, 0, 0, 0.6);}
.sctm_wrap .right_info .etc .team {padding:1rem;}
.sctm_wrap .right_info .etc .team li {display:inline-block; width:calc((100% - 3rem) / 3); vertical-align:top; margin:0.5rem;}
.no_img .view_team {background: linear-gradient(135deg, #000 50%, #2f2d00); }
.sctm_wrap .right_info .etc .view_team:hover span {font-size:0; padding:0; color:transparent; background-position:center center !important;}
.sctm_wrap .right_info .etc .view_team img.bin {max-width:70%;}

.pages .bracket { background:rgba(0, 0, 0, 0.3); margin-bottom:6rem;}
.pages .bracket .tit {border:1px solid rgba(233, 61, 188, 0.8); margin-bottom:2rem; background: linear-gradient(to right, rgba(233, 61, 188, 0.4), rgba(233, 61, 188, 0.8)); font-size:18px; color:#fff600; font-weight:700; padding:2rem 16rem 2rem 3rem; position:relative; letter-spacing:0.06rem;}
.pages .bracket .tit:before {content:''; display:block; position:absolute; top:-5px; left:-5px; right:-5px; bottom:-5px; background:url('/images/common/event/road/dot_p2.png') 0 0 no-repeat , url('/images/common/event/road/dot_p2.png') right 0 no-repeat, url('/images/common/event/road/dot_p2.png') 0 bottom no-repeat , url('/images/common/event/road/dot_p2.png') right bottom no-repeat;}
.pages .bracket .tit span {color:#fface4; font-size:14px; text-transform:uppercase; position:absolute; top:50%; right:3rem; transform:translate(0 , -50%); letter-spacing:0.06rem;}
.pages .bracket .tit .date {position:static; transform:none; color:#fff; margin-left:1.2rem; vertical-align:middle; font-size:18px;}
.pages .bracket li {border:1px solid rgba(233, 61, 188, 0.8); position:relative; margin-bottom:2rem;}
.pages .bracket li:last-child { margin-bottom:0;}
.pages .bracket li:before {content:''; display:block; position:absolute; bottom:-5px; left:-5px; right:-5px; top:-5px; background:url('/images/common/event/road/dot_p2.png') 0 0 no-repeat , url('/images/common/event/road/dot_p2.png') right 0 no-repeat, url('/images/common/event/road/dot_p2.png') 0 bottom no-repeat , url('/images/common/event/road/dot_p2.png') right bottom no-repeat;}
.pages .bracket li .con {padding:6rem 2rem 2rem; display:flex; align-items:center; justify-content:center;}
.pages .bracket .team {margin:0 3rem; position:relative;}
.pages .bracket .team .img {width:17.9rem; margin:0 auto;}
.pages .bracket .team .name {word-break: break-word; font-size:16px; font-weight:600; color:#fff; position:absolute; top:50%; transform:translate(-100% , -50%); width:100%; text-align:right; padding-right:3rem; letter-spacing:0.06rem;}
.pages .bracket .team.t2 .name {transform:translate(0 , -50%); right:-100%; text-align:left; padding-right:0; padding-left:3rem;}
.pages .bracket .info .score {margin:0 3rem 1rem; color:#fff; font-size:50px; font-family:'Roboto'; font-weight:700; text-align:center;}
.pages .bracket .info .score span {color:#fff600;}
.pages .bracket .info.yet .score {color:#5f738f;}
.pages .bracket .info.yet .score span {color:#5f738f;}
.pages .bracket .info.yet .btn_vod {display:none;}
.pages .bracket .info .btn_vod {text-align:center; position:relative; width:93px; height:40px; line-height:40px; display:block; margin:0 auto; color:#fff; text-transform: capitalize; font-size:12px; font-family:'Roboto'; border:1px solid #e93dbc; background:rgba(233, 61, 188, 0.5);}
.pages .bracket .info .btn_vod:after {content:''; display:block; position:absolute; top:-5px; bottom:-5px; left:-5px; right:-5px; background:url('/images/common/event/road/dot_p2.png') 0 0 no-repeat , url('/images/common/event/road/dot_p2.png') right 0 no-repeat, url('/images/common/event/road/dot_p2.png') 0 bottom no-repeat, url('/images/common/event/road/dot_p2.png') right bottom no-repeat;}
.pages .bracket .info .btn_vod:before {margin-right:0.5rem; position: relative; top: -1px; content:''; display:inline-block; vertical-align:middle; width:19px; height:22px; background-repeat:no-repeat; background-position:0 0; background-image:url('/images/common/event/road/icon_replay.png');}

.pages .bracket .info .btn_vod:hover {background:rgba(233, 61, 188, 0.8); text-shadow:0 0 0.5rem rgba(255, 255, 255, 0.5);}
.pages .bracket .match {position:absolute; top:0; left:0; right:0; height:4rem; display:flex; align-items:center; background:rgba(112, 32, 101, 0.7); font-size:14px; color:#fff; font-weight:700; padding:0 3rem; text-transform:uppercase; letter-spacing: 0.06rem;}
.pages .bracket .match .time {font-size:14px; color:#fface4; font-weight:600; margin-left:1rem;}
.pages .bracket .match .go_reply {font-size:12px; color:#ffffff; font-family:'Roboto'; position:absolute; top:50%; right:3rem; transform:translate(0 , -50%); }
.pages .bracket .match .go_reply:before {content:''; display:inline-block; vertical-align:middle; width:30px; height:31px; background-repeat:no-repeat; background-position:0 0; background-image:url('/images/common/event/road/icon_reply.png');}
.pages .bracket .open .match .go_reply span, .pages .bracket .match .go_reply:hover span {text-shadow:0 0 0.5rem rgba(255, 255, 255, 0.5);}
.pages .bracket .open .match .go_reply:before, .pages .bracket .match .go_reply:hover:before {background-position:0 -31px;}

.pages .bracket:nth-child(2n) {border-color:rgba(76,  105, 250, 0.8);}
.pages .bracket:nth-child(2n) .tit {background: linear-gradient(to right, rgba(3, 108, 255, 0.4), rgba(3, 108, 255, 0.8)); border-color:rgba(76,  105, 250, 0.5);}
.pages .bracket:nth-child(2n) .tit span {color:#7bccff;}
.pages .bracket:nth-child(2n) .tit:before {background:url('/images/common/event/road/dot_b.png') 0 0 no-repeat , url('/images/common/event/road/dot_b.png') right 0 no-repeat, url('/images/common/event/road/dot_b.png') 0 bottom no-repeat , url('/images/common/event/road/dot_b.png') right bottom no-repeat;}
.pages .bracket:nth-child(2n) li {border-color:rgba(76,  105, 250, 0.8);}
.pages .bracket:nth-child(2n) li:before {background:url('/images/common/event/road/dot_b.png') 0 0 no-repeat , url('/images/common/event/road/dot_b.png') right 0 no-repeat, url('/images/common/event/road/dot_b.png') 0 bottom no-repeat , url('/images/common/event/road/dot_b.png') right bottom no-repeat;}
.pages .bracket:nth-child(2n) .info .btn_vod {background:rgba(76, 105, 250, 0.5); border:1px solid #4c69fa;}
.pages .bracket:nth-child(2n) .info .btn_vod:after {background:url('/images/common/event/road/dot_b.png') 0 0 no-repeat , url('/images/common/event/road/dot_b.png') right 0 no-repeat, url('/images/common/event/road/dot_b.png') 0 bottom no-repeat, url('/images/common/event/road/dot_b.png') right bottom no-repeat;}
.pages .bracket:nth-child(2n) .info .btn_vod:hover {background:rgba(76, 105, 250, 0.8);}
.pages .bracket:nth-child(2n) .match {background:rgba(33, 66, 154, 0.7);}
.pages .bracket:nth-child(2n) .match .time {color:#7bccff;}

.team_all .list {margin-left:-12rem; font-size:0;}
.team_all .list > li {display:inline-block; vertical-align:top; width:50%; padding-left:12rem; margin-bottom:12rem; }
.team_info {padding:3rem; font-size:0; background:rgba(0, 0, 0, 0.3); border-top:1px solid #fff600; border-bottom:1px solid #fff600; position:relative;}
.team_info:before {content:''; display:block; position:absolute; top:-5px; left:-5px; bottom:-5px; right:-5px; background:url('/images/common/event/road/dot_y.png') 0 0 no-repeat , url('/images/common/event/road/dot_y.png') right 0 no-repeat, url('/images/common/event/road/dot_y.png') 0 bottom no-repeat, url('/images/common/event/road/dot_y.png') right bottom no-repeat;}
.team_info .img {width:17.9rem; display:inline-block; vertical-align:middle;}
.team_info .img a {width:100%;}
.team_info .desc {display:inline-block; vertical-align:middle; width:calc(100% - 17.9rem); padding-left:6rem; text-align:left; position:relative;}
.team_info .desc .name {font-size:18px; color:#fff600; font-weight:500; padding-left:30px; position:relative; margin-bottom:2.2rem;}
.team_info .desc .name:before {content:''; display:block; position:absolute; top:3px; left:0; width:22px; height:15px; background:url('/images/common/event/road/icon_name.png') 0 0 no-repeat;}
.team_info .desc .txt {font-size:13px; color:rgba(255, 246, 0, 0.5); font-weight:600; text-transform:uppercase; margin-bottom:0.8rem;}
.team_info .desc .score {font-style:oblique; font-weight:100; color:#ffffff; font-size:50px; }
.team_info .desc .score .txt {margin-bottom:0.5rem;}
.team_info .desc .score span {font-size:24px; font-weight:600; text-transform:uppercase;}
.team_info .desc .score span font {font-size:50px; font-weight:700; margin-right:1.6rem;}
.team_info .desc .score .s02 {color:#a0a0a0;}
.sns {font-size:0; margin-top:0.8rem;}
.sns a {font-size:0; display:inline-block; vertical-align:top; background-repeat:no-repeat; background-position:0 0; width:34px; height:34px; border-radius:3px; margin-right:10px;}
.sns a:last-child {margin-right:0;}
.sns .youtube {background-image:url('/images/common/event/road/icon_youtube.png'); box-shadow:inset 0 0 0 1px rgba(244, 54, 54, 0.5);}
.sns .insta {background-image:url('/images/common/event/road/icon_insta.png'); box-shadow:inset 0 0 0 1px rgba(197, 75, 255, 0.5);}
.sns .facebook {background-image:url('/images/common/event/road/icon_facebook.png'); box-shadow:inset 0 0 0 1px rgba(0, 69, 221, 0.5);}
.sns .discord {background-image:url('/images/common/event/road/icon_discord.png'); box-shadow:inset 0 0 0 1px rgba(159, 172, 243, 0.5);}
.sns .twitter {background-image:url('/images/common/event/road/icon_twitter.png'); box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.7);}

.sns a:hover {background-position:0 -34px;}
.sns .youtube:hover {background-color:rgba(244, 54, 54, 0.8); box-shadow:inset 0 0 0 1px rgba(244, 54, 54, 1);}
.sns .insta:hover {background-color:rgba(197, 75, 255, 0.8); box-shadow:inset 0 0 0 1px rgba(197, 75, 255, 1);}
.sns .facebook:hover {background-color:rgba(0, 69, 221, 0.8); box-shadow:inset 0 0 0 1px rgba(0, 69, 221, 1);}
.sns .discord:hover {background-color:rgba(159, 172, 243, 0.8); box-shadow:inset 0 0 0 1px rgba(159, 172, 243, 1);}
.sns .twitter:hover {background-color:rgba(255, 255, 255, 0.6); box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 1);}

.pages .reply_area {background:rgba(0, 0, 0, 0.5); padding:3rem; position:relative; border-top: 1px solid rgba(233, 61, 188, 0.5); display:none;}
.pages .reply_area:before {content:''; display:block; position:absolute; height:9px; left:-5px; right:-5px; top:-5px; background:url('/images/common/event/road/dot_p2.png') 0 0 no-repeat , url('/images/common/event/road/dot_p2.png') right 0 no-repeat;}
.pages .reply_area .gra_tit {font-size:14px; font-weight:700; letter-spacing:0.04em; text-transform:uppercase; margin-bottom:2rem;}
.pages .reply_area .gra_tit span {background: linear-gradient(to right, #ff2aa8, #006cff);  -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.pages .reply_area .input_rp {position:relative;}
.pages .reply_area .input_rp .info_txt {width:100%; height:60px; background:rgba(64, 64, 64, 0.5); border:1px solid #404040; color:#808080; font-size:14px; font-family:'Roboto'; padding:2rem 12rem 2rem 3rem;}
.pages .reply_area .input_rp textarea {width:100%; height:60px; background:rgba(0, 0, 0, 0.7); border:1px solid #404040; color:#dadada; font-size:14px; font-family:'Roboto'; padding:2rem 12rem 2rem 3rem;}
.pages .reply_area .input_rp textarea:focus {outline:none;}
.pages .reply_area .input_rp textarea::placeholder {color:#dadada;}
.pages .reply_area .input_rp textarea::-webkit-scrollbar {display: none;}
.pages .reply_area .input_rp.login:before {content:''; display:block; position:absolute; top:0; height:60px; left:0; width:0.2rem; background: linear-gradient(to bottom, rgba(255, 42, 168, 1), rgba(0, 108, 255, 1));}
.pages .reply_area .input_rp .btns {font-size:0; position:absolute; right:10px; top:50%; transform:translate(0, -50%);}
.pages .reply_area .input_rp .btns button {position:relative; text-transform:uppercase; margin-left:1rem; border-radius:3px; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; vertical-align:middle; font-size:12px; color:#ffffff; font-family:'Roboto'; height:38px; min-width:90px; padding:0 2rem 0 1.5rem; text-align:center; background: linear-gradient(to right, rgba(255, 42, 168, 0.4), rgba(0, 108, 255, 0.4));}
.pages .reply_area .input_rp .btns button:after {content:''; display:block; position:absolute; top:-1px; bottom:-1px; left:-1px; right:-1px; inset: 0; border-radius: 3px; padding: 1px; background: linear-gradient(to right, #ff2aa8, #006cff); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude;}
.pages .reply_area .input_rp .btns button:before {margin-right:6px; content:''; display:inline-block; background-repeat:no-repeat; background-position:0 0; vertical-align:middle;}
.pages .reply_area .input_rp .btns .go_login:before {width:16px; height:16px; background-image:url('/images/common/event/road/icon_login02.png');}
.pages .reply_area .input_rp .btns .go_write:before {width:19px; height:19px; background-image:url('/images/common/event/road/icon_write.png');}
.pages .reply_area .input_rp .btns button:hover {background: linear-gradient(to right, rgba(255, 42, 168, 0.8), rgba(0, 108, 255, 0.8)); text-shadow:0 0 5px rgba(255, 255, 255, 0.5);}
.pages .reply_area .input_rp .btns .go_login:hover:before {background-position:0 -16px;}
.pages .reply_area .input_rp .btns .go_write:hover:before {background-position:0 -19px;}
.pages .reply_area .length {font-size:14px; color:#ababab; text-align:right; font-family:'Roboto'; margin-top:1.2rem;}
.pages .reply_area .reply .desc {padding:2rem 9rem 2rem 30px; border-bottom:1px solid #404040; position:relative;}
.pages .reply_area .reply .user {font-size:13px; color:#ffffff; font-family:'Roboto'; position:relative;}
.pages .reply_area .reply .user:before {content:''; display:block; position:absolute; top:-2px; left:-28px; width:18px; height:18px; background:url('/images/common/event/road/tit_img01.png') 0 0 no-repeat;}
.pages .reply_area .reply .txt {word-break: keep-all; font-size:13px; color:#bebebe; line-height:normal; font-family:'Roboto'; margin-top:6px;}
.pages .reply_area .reply .btn_delete {cursor:pointer; position:absolute; top:50%; margin-top:-15px; right:0; width:30px; height:30px; background:url('/images/common/event/road/icon_trash.png') center center no-repeat; background-color:rgba(190, 190, 190, 0.2); border-radius:3px; border:1px solid #bebebe; font-size:0;}
.pages .reply_area .reply .btn_delete:hover {background-color:rgba(190, 190, 190, 0.6);}

/* paging */
.paging_wrap {text-align:center; margin:3.6rem auto 0;}
.paging_wrap ul {font-size:0;}
.paging_wrap li {display:inline-block; vertical-align:top; margin:0 0.1rem;}
.paging_wrap li a {position:relative; background:rgba(255, 255, 255, 0); display:block; border:1px solid rgba(255, 255, 255, 0); border-radius:2px; padding:0 2px; min-width:24px; height:24px; line-height:24px; text-align:center; font-size:12px; color:#bebebe; font-family:'Roboto'; font-weight:700;}
.paging_wrap li a:hover { color:#fff704;}
.paging_wrap li.on a, .paging_wrap li.on a:hover {color:#fff704; background:rgba(255, 255, 255, 0.2); border-color:rgba(255,246, 0, 0.5); }
.paging_wrap li.prev a, .paging_wrap li.next a {background-image:url('/images/common/event/road/arr_paging_l.png'); background-color: rgba(0, 0, 0, 0); background-repeat:no-repeat; background-position:0 0; transition:none; border-color:rgba(255, 255, 255, 0);}
.paging_wrap li.next a, .paging_wrap li.last a {transform:scaleX(-1);}
.paging_wrap li.prev a:hover, .paging_wrap li.next a:hover {background-position:0 -24px;} 
.paging_wrap li.prev {margin-right:0.9rem;}
.paging_wrap li.next {margin-left:0.9rem;}
.pages .bracket .paging_wrap li {border:none; margin-bottom:0;}
.pages .bracket .paging_wrap li:before {display:none; }


.rd_like {font-size:0; margin-top:12px;}
.rd_like input[type=radio] {display:none;}
.rd_like input[type=radio] + label {position:relative; padding-left:26px; cursor:pointer; display:inline-block; font-size:12px; font-family:'Roboto';}
.rd_like input[type=radio] + label:before {position:absolute; left:0; top:50%; display:inline-block; content:''; background-repeat:no-repeat; background-position:0 0; width:16px; transform:translate(0 , -50%);}
.rd_like .l01 input[type=radio] + label{color:#ff88e6;}
.rd_like .l02 input[type=radio] + label {color:#0081ee;}
.rd_like .l01 input[type=radio] + label:before {height:16px; background-image:url('/images/common/event/road/icon_like.png');}
.rd_like .l02 input[type=radio] + label:before {height:15px; background-image:url('/images/common/event/road/icon_unlike.png');}
.rd_like .l01 input[type=radio]:checked + label:before {background-position:0 -16px;}
.rd_like .l02 input[type=radio]:checked + label:before {background-position:0 -15px;}
.rd_like li {display:inline-block; vertical-align:top; min-width:84px;}
.pages .bracket .rd_like li {border:none; margin-bottom:0;}
.pages .bracket .rd_like li:before {display:none;}
.pages .bracket:nth-child(2n) .reply_area {border-color:rgba(76,  105, 250, 0.5);}
.pages .bracket:nth-child(2n) .reply_area:before {background: url(/images/common/event/road/dot_b.png) 0 0 no-repeat, url(/images/common/event/road/dot_b.png) right 0 no-repeat;}




/* pop-up */
.dimmed {width: 100%; height: 100%;  background: #000; opacity: 0.75; filter: alpha(opacity=75); position: fixed; left: 0;  top: 0;     z-index: 99;}
.popup {width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1000; display:none;}
.popup .pop_layout {padding:3rem; position: absolute; top: 52%; left: 50%; z-index: 1000; transform:translate(-50% , -50%); height:auto; width:884px; border:1px solid #fff600;}
.popup .pop_layout:after {content:''; display:block; position:absolute; top:-4px; bottom:-4px; left:-4px; right:-4px; background:url('/images/common/event/road/dot_y.png') 0 0 no-repeat, url('/images/common/event/road/dot_y.png') 0 bottom no-repeat, url('/images/common/event/road/dot_y.png') right bottom no-repeat;}
.popup .pop_close {position:absolute;  z-index:1; top:-45px; right:-6px; font-size:0; color:transparent; cursor:pointer; width:51px; height:49px; background-position:0 0; background-repeat:no-repeat; transition:none; background-image:url('/images/common/event/road/pop_close.png');background-color:rgba(255, 255, 255, 0);}
.popup .pop_close:hover {background-position:0 -49px;}
.popup .pop_cont {position:relative; z-index:1;}
.pop_news .pop_layout {width:1166px;}
.pop_news .pop_layout:before {content:''; display:block; position:absolute; top:0; bottom:0; left:0; right:0; opacity:0.7; background:url('/images/common/event/road/pop_bg.jpg') center center no-repeat; background-size:cover;}
.pop_news .news_tit {text-align:left; padding:1.6rem 3rem 2rem; position:relative; background: linear-gradient(0deg, #ff2aa8 0%, #006cff 100%);  clip-path: polygon(calc(100% - 21px) 0, 100% 21px, 100% calc(100% - 21px), calc(100% - 21px) 100%, 21px 100%, 0 calc(100% - 21px), 0 0); }
.pop_news .news_tit:before {content:''; display:block; position:absolute;  background: rgba(0, 0, 0, 0.9); z-index: -1; top: 1px; bottom: 1px; left: 1px; right: 1px;  clip-path: polygon(calc(100% - 21px) 0, 100% 21px, 100% calc(100% - 21px), calc(100% - 21px) 100%, 21px 100%, 0 calc(100% - 21px), 0 0); }
.pop_news .news_tit .txt {font-size:20px; color:#ffffff; font-weight:500; letter-spacing:0.05em; word-break: break-word; letter-spacing:0.06rem;}
.pop_news .news_tit .date {font-size:14px; color:#fff600; font-family:'Roboto'; margin-top:1rem;}
.pop_news .view_txt {text-align:left; padding:1px; position:relative; background: linear-gradient(0deg, #ff2aa8 0%, #006cff 100%); clip-path: polygon(21px 0, calc(100% - 21px) 0, 100% 21px, 100% calc(100% - 21px), calc(100% - 21px) 100%, 0 100%, 0 21px);  margin-top:2rem;}
.pop_news .view_txt .desc {position:relative; padding:3rem 1.2rem 3rem 3rem; height:549px; background:url('/images/common/event/road/pop_bg.jpg') center center no-repeat; clip-path: polygon(21px 0, calc(100% - 21px) 0, 100% 21px, 100% calc(100% - 21px), calc(100% - 21px) 100%, 0 100%, 0 21px); background-size: cover;}
.pop_news .view_txt .desc:before {z-index:-1; content:''; display:block; position:absolute; top:0; bottom:0; left:0; right:0; background:#000000; clip-path: polygon(21px 0, calc(100% - 21px) 0, 100% 21px, 100% calc(100% - 21px), calc(100% - 21px) 100%, 0 100%, 0 21px);}
.pop_news .view_txt .desc .ovsc {font-size:14px; color:#cbcbcb; font-family:'Roboto'; text-align:center; padding-right:2.7rem;  overflow-y: scroll; height: 100%;}
.pop_news .view_txt .desc .ovsc::-webkit-scrollbar {width: 1rem; }
.pop_news .view_txt .desc .ovsc::-webkit-scrollbar-track {border-radius:0.45rem; background:rgba(255, 255, 255, 0.2);  padding:1px; }
.pop_news .view_txt .desc .ovsc::-webkit-scrollbar-thumb { border-radius:0.45rem; background: linear-gradient(to right, #69ccff , #006cff);  background-clip: padding-box; border: 0.2px solid transparent;}
.pop_news .view_txt .desc table {margin:0 auto; max-width:100%; table-layout:fixed;  word-break:break-all;}
.pop_news .view_txt .desc table td, .pop_news .view_txt .desc table tr {width:auto !important; height:auto !important; word-break:break-all; white-space: pre-wrap;}
.pop_news .view_txt .desc img {max-width:100% !important;  height:auto !important;}

.pop_team .pop_layout {padding:0; background:url('/images/common/event/road/bg_pop_stat.jpg') center 0 repeat-x; background-color:#000;}
.pop_team .team_info {border-top:0; background:rgba(0, 0, 0, 0.6);}
.pop_team .team_info:before {background:url(/images/common/event/road/dot_y.png) 0 bottom no-repeat, url(/images/common/event/road/dot_y.png) right bottom no-repeat;}
.pop_team .team_info .desc {padding-left:3rem;}
.pop_team .pl_st {padding:5rem;}
.pop_team .pl_st .tit {position:relative; font-size:16px; margin-bottom:3rem; font-weight:600; color:#b9b9b9; text-align:left; padding-left:25px; text-transform:uppercase;}
.pop_team .pl_st .tit:before {content:''; display:block; position:absolute; width:18px; height:18px; background-repeat:no-repeat; background-position:0 0; background-image:url('/images/common/event/road/tit_img01.png'); left:0; top:-2px;}
.pop_team .pl_st .tit span {background: linear-gradient(to right, #ff2aa8, #006cff); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.pop_team .pl_st .stat {margin-top:5rem;}
.pop_team .pl_st .stat .desc ul {padding:0 12rem;}
.pop_team .pl_st .stat .desc li {display:inline-block; vertical-align:top; font-size:14px; width:20%;}
.pop_team .pl_st .stat .desc li .img span {display:block; color:#b9b9b9; font-weight:600; text-transform:uppercase; margin-top:-3px;}
.pop_team .pl_st .stat .desc li .per {color:#fff600; font-family:'Roboto'; margin-top:5px;}
.pop_team .pl_st .player {padding:0 6.8rem; position:relative;}
.pop_team .pl_st .player li {display:inline-block; width:20%; vertical-align:top; padding:0 1rem;}
.pop_team .pl_st .player .btn_arr {font-size:0; top:50%; position:absolute; margin-top:-40px; background-repeat:no-repeat; background-color:rgba(255, 255, 255, 0); cursor:pointer; transition:none;  background-position:0 0 ;  width:17px; font-size:0px; display:inline-block; z-index:99; height:28px; border:none;}
.pop_team .pl_st .player .btn_l {background-image:url('/images/common/event/road/btn_l.png'); left:3rem;}
.pop_team .pl_st .player .btn_r {background-image:url('/images/common/event/road/btn_r.png'); right:3rem;}
.pop_team .pl_st .player .btn_arr:hover { background-position:0 -28px ;}
.pop_team .pl_st .player .img {position:relative; height:0; padding-top:100%; background:rgba(0, 0, 0, 0.7);}
.pop_team .pl_st .player .img:before {content:''; display:block; position:absolute; top:0; left:0; right:0; height:0.2rem; background: linear-gradient(to right, #ff2aa8, #006cff); z-index:1;}
.pop_team .pl_st .player .img img {position:absolute; top:0; left:0; width:100%; height:100%;}
.pop_team .pl_st .player .img img.bin {top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; height: auto; max-height: 100%; max-width:50%;}
.pop_team .pl_st .player .name {text-align:center; font-size:12px; font-weight:700; font-family:'Roboto'; margin:1rem 0; color:#b9b9b9;}
.pop_team .pl_st .sns a {width:28px; height:28px; background-size:100% auto; margin-right:8px;}
.pop_team .pl_st .sns a:last-child {margin-right:0;}
.pop_team .pl_st .sns a:hover {background-position: 0 -28px;}

.pop_vod .pop_layout {width:1446px; height:880px; background:url('/images/common/event/road/pop_bg.jpg') center center no-repeat; background-size:cover;}
.pop_vod .line {padding:1px; position:relative; background: linear-gradient(to right, rgba(0, 108, 255, 1) , rgba(255, 42, 168, 1)); clip-path: polygon(20px 0%, 100% 0, 100% 100%, 0 100%, 0% 20px); z-index:1;}
.pop_vod .line:before {content:''; display:block; position:absolute; top:1px; bottom:1px; left:1px; right:1px; background:#000; clip-path: polygon(20px 0%, 100% 0, 100% 100%, 0 100%, 0% 20px);}
.pop_vod .vod {position:relative; height:0; padding-bottom:56.25%; clip-path: polygon(20px 0%, 100% 0, 100% 100%, 0 100%, 0% 20px); overflow:hidden;}
.pop_vod .vod iframe {position:absolute; top:1px; left:1px; bottom:1px; right:1px; width:calc(100% - 2px); height:calc(100% - 2px);}
.pop_vod .info {display:flex; margin-top:2rem; justify-content: space-between; align-items: center; text-align:left;}
.pop_vod .info .txt {position:relative; font-size:18px; color:#fff; font-weight:700; letter-spacing:0.05em; padding-left:25px;}
.pop_vod .info .txt:before {content:''; display:block; position:absolute; width:18px; height:18px; background-repeat:no-repeat; background-position:0 0; background-image:url('/images/common/event/road/tit_img03.png'); left:0; top:-2px;}
.pop_vod .info .date {font-size:14px; color:#fff600; font-family:'Roboto';}


/* sub_contents */
.sub_contents {padding-top:12.4rem; background:url('/images/common/event/road/bg_all.jpg') center 0 no-repeat; padding-bottom: 220px;  margin-bottom: -220px;}
.sub_contents + footer {background:none;}
.sub_contents + footer:before {display:none;}
.news_all {margin-bottom:5rem;}
.news_all .top { position:relative; padding:4rem;  clip-path: polygon(21px 0, 100% 0, 100% calc(100% - 21px), calc(100% - 20px) 100%, 0 100%, 0 20px); background:rgba(255, 255, 255, 0.15);  margin-bottom:6.7rem; border-left: 1px solid transparent; border-right : 1px solid transparent; border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); border-image-slice: 1;}
.news_all .top .con {position:relative; z-index:1;}
.news_all .top:before, .news_all .top:after {content:''; display:block; position:absolute; top:0; bottom:0; right:-1px; left:-1px;}
.news_all .top:before {background:url('/images/common/event/road/arr_tab_t.png') 0 0 no-repeat , url('/images/common/event/road/arr_tab_b.png') right bottom no-repeat;}
.news_all .top:after { border-top: 0.2rem solid transparent; border-bottom: 0.2rem solid transparent; border-image: linear-gradient(to right, #ff2aa8, #006cff); border-image-slice: 1;}
.news_all .list {margin-left:-4rem; position: relative;  z-index: 1;  text-align:left;}
.news_all .list li {display:inline-block; vertical-align:top; width:25%; padding-left:4rem; position:relative;}
.news_all .list li:before {z-index: 1; top:-4px; left:calc(4rem - 4px); width:10px; height:10px; content:''; display:block; position:absolute; background-repeat:no-repeat; background-position:0 -10px; background-image:url('/images/common/event/road/obj_news.png');}
.news_all .list li .desc {transition:all ease-in-out 0.2s; padding:3rem; position:relative; clip-path: polygon(0 0, 95% 0, 100% 5%, 100% 95%, 95% 100%, 5% 100%, 0 95%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) , rgba(255, 255, 255, 0));}
.news_all .list li .desc:before {transition:all ease-in-out 0.2s; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.15) , rgba(255, 255, 255, 0.15)); content:''; display:block; position:absolute;   z-index: -1; top: 1px; bottom: 1px; left: 1px; right: 1px;  clip-path: polygon(0 0, 95% 0, 100% 5%, 100% 95%, 95% 100%, 5% 100%, 0 95%);}
.news_all .list li .thum {position:relative; background: rgba(0, 0, 0, 0.7);}
.news_all .list li .thum:after {content:''; display:block; padding-bottom: 56.13%;}
.news_all .list li .thum img {position:absolute; top:0; left:0; width:100%; height:100%;}
.news_all .list li .thum img.bin {top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; height: auto; max-height: 100%;}
.news_all .list li .tit {margin:2rem 0 0.8rem; height:36px; color:#ffffff; font-size:14px; font-weight:500; line-height:1.28; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-word; letter-spacing:0.06rem;}
.news_all .list li .txt {height:32px; font-size:13px; color:#c5c5c5; line-height:1.23; font-family:'Roboto'; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-word;}
.news_all .list li:hover:before {background-position:0 0;}

.news_all .list_wrap {position:relative;}
.news_all .list_wrap:before {-webkit-backdrop-filter: blur(1rem); backdrop-filter: blur(1rem); content:''; display:block; position:absolute; top:5rem; bottom:0; left:0; right:0; background:rgba(0, 0, 0, 0.5); z-index:-1;}
.news_all .list_wrap .sort {text-align:center;}
.news_all .list_wrap .sort li {display:inline-block; vertical-align:top; margin:0 5px;}
.news_all .list_wrap .sort a {transition:none; text-transform:uppercase; display:flex; align-items:center; justify-content:center; background-repeat:no-repeat; background-position:0 0; width:19.2rem; height:5rem; background-size:100% auto; font-size:14px; color:#afafaf; font-weight:700; letter-spacing:0.05em;}
.news_all .list_wrap .sort01 a {background-image:url('/images/common/event/road/bg_nt01.png');}
.news_all .list_wrap .sort02 a {background-image:url('/images/common/event/road/bg_nt02.png');}
.news_all .list_wrap .sort03 a {background-image:url('/images/common/event/road/bg_nt03.png');}
.news_all .list_wrap .sort .on a, .news_all .list_wrap .sort a:hover {background-position:0 -5rem; color:#fff; text-shadow:0.2rem 0.2rem 0.5rem rgba(0, 0, 0, 0.5);}
.news_all .list_wrap .box {position:relative; z-index:1; padding:4rem;  clip-path: polygon(20px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 21px) 100%, 0 100%, 0 21px); background: rgba(0, 0, 0, 0.2); border-left: 1px solid transparent; border-right: 1px solid transparent; border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); border-image-slice: 1;}
.news_all .list_wrap .box:before, .news_all .list_wrap .box:after {content:''; display:block; position:absolute; top:0; bottom:0; right:-1px; left:-1px;}
.news_all .list_wrap .box:before {background:url('/images/common/event/road/arr_tab_t.png') 0 0 no-repeat , url('/images/common/event/road/arr_tab_b.png') right bottom no-repeat;}
.news_all .list_wrap .box:after { border-top: 0.2rem solid transparent; border-bottom: 0.2rem solid transparent; border-image: linear-gradient(to right, #ff2aa8, #006cff); border-image-slice: 1;}
.news_all .list_wrap .box {display:none; min-height:804px;}
.news_all .list_wrap .box.all {display:block;}
.news_all .list_wrap .list li {margin-bottom:4rem;}
.news_all .list_wrap .list li .desc:before {background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0.15));}
.news_all .list li .desc:hover {background: linear-gradient(0deg, #ff2aa8 0%, #006cff 100%);}
.news_all .list li .desc:hover:before {background: rgba(0, 0, 0, 0.9);}
.news_all .list li .desc:hover .tit {color:#fff600;}
.btn_read {text-transform:uppercase; padding-left:7.8rem; position:relative; z-index:1; margin:0 auto; transition:none;  width:21.3rem; position:relative;  height:6.4rem; background-image:url('/images/common/event/road/bg_btn.png'); background-position:0 0; background-repeat:no-repeat; display:flex; align-items:center; justify-content:flex-start; font-size:16px; font-weight:700; text-shadow:0.2rem 0.2rem 0.5rem rgba(0, 0, 0, 0.5);}
.btn_read:before {content:''; display:block; position:absolute; top:50%; left:3.8rem; width:3.5rem; height:2.7rem; margin-top:-1.35rem; background-repeat:no-repeat; background-position:0 0; background-image:url('/images/common/event/road/sel_arr.png');}
.btn_read:hover {text-shadow:0 0 0.5rem rgba(255, 255, 255, 0.5); background-position:0 -6.4rem; }
.btn_read:hover:before {background-position:0 -2.7rem;}

/* motion */
.particle0_1 span {position: absolute; display: block;}
.particle0_1 span {opacity: 0; background-size:100% auto; background-position:0 0; background-repeat:no-repeat;}
.particle0_1 .hexa1 {top:26.4%; right:2.35%; left:auto; width:35.2rem; height:25.5rem; background-image:url('/images/common/event/road/shape_r04.png');}
.particle0_1 .hexa2 {top:22.1%; left:9.7% ; width:14.3rem; height:12.4rem; background-image:url('/images/common/event/road/shape_l02.png');}
.particle0_1 .hexa3 {top:25.7%; left:0.3%; width:42.1rem; height:33rem; background-image:url('/images/common/event/road/shape_l03.png');}
.particle0_1 .hexa4 {top:35.7%; left:10.7%; width:36.5rem; height:39.7rem; background-image:url('/images/common/event/road/shape_l04.png');}
.particle0_1 .hexa5 {top:49.65%; left:23%; width:22.4rem; height:17.7rem;background-image:url('/images/common/event/road/shape_l05.png');}
.particle0_1 .hexa6 {top:53.5%; left:3.5%; width:52.9rem; height:38.4rem;background-image:url('/images/common/event/road/shape_l06.png');}
.particle0_1 .hexa7 {top:16.15%; right:0.14%; left:auto; width:30.9rem; height:20.7rem; background-image:url('/images/common/event/road/shape_r01.png');}
.particle0_1 .hexa8 {top:18.72%; right:33.14%; left:auto; width:8.8rem; height:4.3rem; background-image:url('/images/common/event/road/shape_r02.png');}
.particle0_1 .hexa9 {top:19.59%; right:11.5%; left:auto; width:38.6rem; height:39rem; background-image:url('/images/common/event/road/shape_r03.png');}
.particle0_1 .hexa10 {top:14.3%; left:17.8%; width:33.5rem; height:16.9rem; background-image:url('/images/common/event/road/shape_l01.png');}
.particle0_1 .hexa11 {top:36.4%; right:0.5%; left:auto; width:27.7rem; height:31.2rem; background-image:url('/images/common/event/road/shape_r05.png');}
.particle0_1 .hexa12 {top:38.9%; right:1.7%; left:auto; width:47.7rem; height:47.6rem; background-image:url('/images/common/event/road/shape_r06.png');}
.particle0_1 .hexa13 {top:47.3%; right:1%; left:auto; width:42rem; height:27.1rem; background-image:url('/images/common/event/road/shape_r07.png');}


/* league */
.league_wrap {position:relative;  z-index: 1;}
.league_all {max-width:1658px; margin:-3rem auto 0;}
.league_all .table_wrap {display:flex; align-items:center; justify-content: space-between; position:relative; width:1658px;} 
.league_all .table_wrap li {margin:6rem 0; position:relative;}
.league_all .table_wrap li:before {content:''; position:absolute; top:50%; left:-109px; width:109px; height:2px; background:#26edfb;}
.league_all .table_wrap li .con:before {content:''; position:absolute; top:50%; left:-109px; width:10px; height:17px; transform:translate(0 , -50%); background-image:url('/images/common/event/road/arr_blue.png'); background-position: 0 0; background-repeat:no-repeat;}

.league_all .table_wrap .con {transition:all ease-in-out 0.2s; width:24rem; height:14rem; position:relative; border-radius:2rem;  /* overflow: hidden; */ box-shadow: 0.5rem 0.8rem 0.5rem rgba(0, 0, 0, 0.5);}
.league_all .table_wrap .con .bg {transition:all ease-in-out 0.2s; padding-bottom:3px; width:100%; height:100%; display:flex; align-items:center; justify-content:center; flex-direction: column; border-radius:2rem;}
.league_all .table_wrap .con .bg:before {transition:all ease-in-out 0.2s; content: ""; position: absolute; inset: 0; border-radius: 2rem; padding:0.2rem;  background:linear-gradient(to bottom ,#20eefc ,#20eefc); -webkit-mask:  linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor;  mask-composite: exclude; }
.league_all .table_wrap .txt01 {word-break: break-word; font-size:18px; font-weight:700; line-height:1; text-transform:uppercase;}  
.league_all .table_wrap .txt01 span {transition:all ease-in-out 0.2s; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; display:inline-block; background: linear-gradient(to right, #26edfb , #fff);}
.league_all .table_wrap .txt02 {transition:all ease-in-out 0.2s; margin-top:1rem; font-size:14px; color:#000000; font-weight:500; font-family:'Roboto'; line-height:1.4;}
.league_all .table_wrap .slot {width:80px; height:20px; display:flex; margin:0.8rem auto 0; align-items:center; justify-content:center; font-size:14px; color:#fff; font-family:'Roboto'; border-radius:0.5rem; background:rgba(244, 235, 0, 0.3);}
.league_all .table_wrap .flag {border-radius:0 0.5rem 0 0.5rem; margin-bottom:0.8rem;}
.league_all .table_wrap .team {position:absolute; left:-84px; top:50%; transform:translate(0 , -50%); display:inline-block; font-size:14px; color:#f4eb00; font-family:'Roboto'; line-height:1.1; min-width:74px; height:24px; line-height:24px; background:#000000; border-radius:12px; border:1px solid #76d0f7;}

.league_all .table_wrap .tr .con .bg:before {background: linear-gradient(to bottom ,#d00000 ,#00f0ff); padding:0.3rem;}
.league_all .table_wrap .tr .txt01 span {background: linear-gradient(to right, #ff0000 , #fff);} 
.league_all .table_wrap .lg02 .tr .slot {background:#990000;}
.league_all .table_wrap .tr .team {border-color:#d00000;}
.league_all .table_wrap li.tr:before {background:#d00000;}
.league_all .table_wrap li.tr .con:before {background-image:url('/images/common/event/road/arr_red.png');}

.league_all .table_wrap .az .con .bg:before {background: linear-gradient(to bottom ,#20eefc ,#47be14); padding:0.3rem;} 
.league_all .table_wrap .az .txt01 span {background: linear-gradient(to right, #4bbf4d , #fff);} 
.league_all .table_wrap .lg02 .az .slot {background:#00b803;}
.league_all .table_wrap .az .team {border-color:#00b803;}
.league_all .table_wrap li.az:before {background:#4abb4c;}
.league_all .table_wrap li.az .con:before {background-image:url('/images/common/event/road/arr_green.png');}

.league_all .table_wrap .lg01 {position:relative;}
.league_all .table_wrap .lg01:before, .league_all .table_wrap .lg01:after {content:''; display:block; position:absolute; left:50%; transform:translate(-50% , 0); width:2px; height:7.7rem;}
.league_all .table_wrap .lg01 .con:before, .league_all .table_wrap .lg01 .con:after {content:''; display:block; position:absolute; left:50%; width:10px; height:17px; transform:translate(-50% , 0 ) rotate(-90deg); background-image:url('/images/common/event/road/arr_red.png'); background-position: 0 0; background-repeat:no-repeat;}
.league_all .table_wrap .lg01 .con:before {top:-14px;}
.league_all .table_wrap .lg01 .con:after {bottom:-14px; background-image:url('/images/common/event/road/arr_green.png'); transform:translate(-50% , 0 ) rotate(90deg);}
.league_all .table_wrap .lg01:before {top:-7.7rem; background:#990000;}
.league_all .table_wrap .lg01:after {bottom:-7.7rem; background:#00b803;}
.league_all .table_wrap .lg02 li:before {width:311px; transform:none; top:auto; left:-226px;}
.league_all .table_wrap .lg02 li .con:before {width:2px; height:5.6rem; background-image:none; left:35%; transform:translate(-50% , 0); top:auto;}
.league_all .table_wrap .lg02 .az:before {bottom:-5.6rem;}
.league_all .table_wrap .lg02 .az .con:before {background:#00b803; bottom:-5.6rem;}
.league_all .table_wrap .lg02 .tr:before {top:-5.6rem;}
.league_all .table_wrap .lg02 .tr .con:before {background:#990000; top:-5.6rem;}
.league_all .table_wrap .lg02 .team {width:130px; color:#f4eb00; font-weight:700; border:none; left:-130px;}
.league_all .table_wrap .lg02 .tr .team {background:#990000; top:auto; transform:none; top:-6.7rem;}
.league_all .table_wrap .lg02 .az .team {background:#00b803; top:auto; transform:none; bottom:-6.7rem;}
.league_all .table_wrap .lg03 .tr .team {background:#68050d;}
.league_all .table_wrap .lg03 .az .team {background:#1f4e0f;}
.league_all .table_wrap .lg04 li .con:after {content:''; position:absolute; left:-228px; top:36px;  width:10px; height:17px; transform:rotate(90deg); background-image:url('/images/common/event/road/arr_red.png'); background-position: 0 0; background-repeat:no-repeat;}
.league_all .table_wrap .lg04 li:last-child .con:after {background-image:url('/images/common/event/road/arr_green.png');}
.league_all .table_wrap .lg04 li:first-child .con:after {top:auto; bottom:36px; transform:rotate(-90deg);}
.league_all .table_wrap .lg04 li .con:before {background:#d00000; left:-224px; width:2px; height:3rem; background-image:none !important; top:4rem; transform:none; background-image:url('/images/common/event/road/arr_blue.png'); }
.league_all .table_wrap .lg04 li:first-child .con:before {top:7rem;}
.league_all .table_wrap .lg04 li:last-child .con:before {background:#4bbf4d;}
.league_all .table_wrap .lg04 li:before {width:224px; left:-224px;}
.league_all .table_wrap .lg04 li:after {content:''; display:block; position:absolute; left:50%; width:2px; left:50%; transform:translate(-50% , 0); height:26px;}
.league_all .table_wrap .lg04 li.tr:after {top:-26px; background:#990000;}
.league_all .table_wrap .lg04 li:nth-child(2):after {display:none;}
.league_all .table_wrap .lg04 li.az:after {bottom:-26px; background:#4bbf4d;}
.league_all .table_wrap .lg04 .team {left:-149px;}
.league_all .table_wrap .lg04 li:nth-child(2):before {background: linear-gradient(to right ,#d00000 ,#00f0ff);}
.league_all .table_wrap .lg05 li:after {content:''; display:block; position:absolute; left:50%; bottom:-6rem; transform:translate(-50% , 0); width:2px;  background:linear-gradient(to bottom ,#d00000 ,#00f0ff);  height:6rem;}
.league_all .table_wrap .lg05 li:last-child:after, .league_all .table_wrap .lg05 li:last-child .con:after {display:none;}
.league_all .table_wrap .lg05 li .con:after {content:''; position:absolute; bottom:-6.4rem; left:50%; width:10px; height:17px; transform:translate(-50% , 0 ) rotate(-90deg); background-image:url('/images/common/event/road/arr_blue.png'); background-position: 0 0; background-repeat:no-repeat;}
.league_all .table_wrap .lg05 li:nth-child(2):after {background:linear-gradient(to bottom ,#00f0ff , #47be14); }
.league_all .table_wrap .lg05 li:nth-child(2) .con:after {content:''; position:absolute; bottom:-1.3rem; transform:translate(-50% , 0 ) rotate(90deg); }




.league_all .table_wrap .con:hover .bg {background:linear-gradient(to bottom , rgba(32, 238, 252, 0.2) , rgba(32, 238, 252, 0.4));}
.league_all .table_wrap .con:hover .bg:before {padding:0.5rem;}
.league_all .table_wrap .con:hover .txt01 span {filter: drop-shadow(0 0 0.7rem rgba(255, 255, 255, 0.5)) drop-shadow(0 0.2rem 0.5rem rgba(0, 0, 0, 0.5)); background: linear-gradient(to right, #fff , #fff);}
.league_all .table_wrap .slot {box-shadow:0 0.2rem 0.5rem rgba(0, 0, 0, 0.5);}
.league_all .table_wrap .tr .con:hover .bg {background:linear-gradient(to bottom , rgba(153, 0, 0, 0.2) , rgba(153, 0, 0, 0.4));}
.league_all .table_wrap .az .con:hover .bg {background:linear-gradient(to bottom , rgba(0, 184, 3, 0.2) , rgba(0, 184, 3, 0.4));}

.league_all .table_wrap .con.on .bg {background:#000000;}
.league_all .table_wrap .con.on .bg:before {background: linear-gradient(to bottom ,#fff600, #fff ,#fff600); padding:0.5rem;}
.league_all .table_wrap .con.on .img {position:relative; width:3.9rem; height:3.1rem;}
.league_all .table_wrap .con.on .img:before {z-index:1; position:absolute; content:''; display:block; width:100%; height:100%; background:url('/images/common/event/road/check_league02.png') 0 0 no-repeat; top:0; left:50%; margin-left:-2rem;}
.league_all .table_wrap .con.on .txt01 span {filter:none; background: linear-gradient(to right, #fff600 , #fff);}
.league_all .table_wrap .con.on .flag {opacity:0.5; position: relative; top: 50%; transform: translate(0, -50%);}

.league_all .table_wrap .lg01 .con {width:29.5rem; height:29.5rem;  border-radius:50%; background:url('/images/common/event/road/ptn.png') 0 0 repeat;}
.league_all .table_wrap .lg01 .con .bg {padding-bottom:0; border-radius:50%;}
.league_all .table_wrap .lg01 .con .bg:before {border-radius:50%; background:linear-gradient(to right ,#20eefc ,#d2ff00); padding:0.3rem;}
.league_all .table_wrap .lg01 .con .bg:after {content:''; display:block; position:absolute; top:1.8rem; bottom:1.8rem; right:1.8rem; left:1.8rem; border-radius:50%; background:url('/images/common/event/road/ptrn.jpg') center center no-repeat;; box-shadow:0.5rem 0.8rem 0.5rem rgba(0, 0, 0, 0.5);}
.league_all .table_wrap .lg01 .txt01 {position:relative; z-index:2;}
.league_all .table_wrap .lg01 .txt01 span {font-size:34px; background: linear-gradient(to right, #000000 , #000000); z-index:2;}
.league_all .table_wrap .lg01 .txt02 {position:relative; z-index:3;}
.league_all .table_wrap .lg01 .img {position:relative; z-index:2; width:4.4rem; height:3.5rem; background-repeat:no-repeat; background-position:0 0; background-image:url('/images/common/event/road/icon_win.png'); margin-bottom:0.8rem;}

.league_all .table_wrap .lg01 .con:hover .bg {background: linear-gradient(to right, rgba(105, 204, 255, 0.2) , rgba(220, 255, 55, 0.2));}
.league_all .table_wrap .lg01 .con:hover .bg:before {padding:1.8rem;}
.league_all .table_wrap .lg01 .con:hover .bg:after {display:none;}
.league_all .table_wrap .lg01 .con:hover .txt01 span {background: linear-gradient(to right, #00a8ff ,#d2ff00); filter:none;}
.league_all .table_wrap .lg01 .con:hover .txt02 {color:#fff;}
.league_all .table_wrap .lg01 .con:hover .img {background-position:0 -3.5rem;}

.league_all .table_wrap .lg01 .con.on .bg {background:#000;}
.league_all .table_wrap .lg01 .con.on .bg:before {padding:1.8rem; background: linear-gradient(to right, #fff600 , #fff , #fff600);}
.league_all .table_wrap .lg01 .con.on .bg:after {display:none;}
.league_all .table_wrap .lg01 .con.on .txt01 span {background: linear-gradient(to right, #fff600 ,#fff600);}
.league_all .table_wrap .lg01 .con.on .txt02 {color:#fff600;}
.league_all .table_wrap .lg01 .con.on .img {background:none;}
.league_all .table_wrap .lg01 .con.on .img:before {width:4.8rem; height:3.6rem; background:url('/images/common/event/road/check_league.png') 0 0 no-repeat; margin-left:-2.4rem;}

.league_all .table_wrap .lg02 {margin-left:-3rem;}

.league_all .table_wrap .offline {position:absolute; left:50%; transform:translate(-40% , 0);}
.league_all .table_wrap .offline .desc {color:#fff; font-size:14px; line-height:1.1; font-family:'Roboto'; display:flex; width:210px; height:50px; justify-content:center; align-items:center; border-radius:25px; flex-direction: column; z-index:1; position:relative;}
.league_all .table_wrap .offline .desc:before {content: ''; display: block; position: absolute; left: -216px; width: 10px; height: 17px; transform: translate(-50%, 0) rotate(-90deg); background-image: url(/images/common/event/road/arr_red.png); background-position: 0 0; background-repeat: no-repeat;}
.league_all .table_wrap .offline:before {content:''; display:block; position:absolute; width:660px; height:2px; left:50%; top:50%; transform:translate(-48.5% , -50%); }
.league_all .table_wrap .offline:after {content:''; display:block; position:absolute; height:12.6rem; width:2px; left:-216px;}
.league_all .table_wrap .offline span {color:#f4eb00;}
.league_all .table_wrap .offline.tr {top:1rem;}
.league_all .table_wrap .offline.tr .desc {background:#68050d; border:1px solid #cc0000; }
.league_all .table_wrap .offline.tr .desc:before {top:136px;}
.league_all .table_wrap .offline.tr:before, .league_all .table_wrap .offline.tr:after {background:#990000;}
.league_all .table_wrap .offline.tr:after {top:25px;}
.league_all .table_wrap .offline.az { bottom:1rem;}
.league_all .table_wrap .offline.az .desc:before {top:-105px; transform: translate(-50%, 0) rotate(90deg); background-image: url(/images/common/event/road/arr_green.png);}
.league_all .table_wrap .offline.az:before, .league_all .table_wrap .offline.az:after {background:#4bbf4d;}
.league_all .table_wrap .offline.az:after {bottom:25px;}
.league_all .table_wrap .offline.az .desc {background:#1f4e0f; border:1px solid #4bbf4d;}

.league_wrap .arr_tree {font-size:0; color:transparent; z-index:11; display:none; position:absolute; top:50%; transform:translate(0, -50%); width:6.3rem; height:6.1rem; background-color:rgba(0, 0, 0, 0.8); box-shadow:inset 0 0 0 1px #8e8e8e; }
.league_wrap .arr_tree:before {content:''; display:block; top:-4px; bottom:-4px; left:-4px; right:-4px; position:absolute; background: url('/images/common/event/road/dot_g.png') 0 0 no-repeat, url('/images/common/event/road/dot_g.png') 0 bottom no-repeat, url('/images/common/event/road/dot_g.png') right 0 no-repeat, url('/images/common/event/road/dot_g.png') right bottom no-repeat;}
.league_wrap .arr_tree:after {content:''; display:block; position:absolute; top:50%; left:50%; transform:translate(-50% , -50%); width:1.7rem; height:2.8rem; background-size:100% auto; background-repeat:no-repeat; background-position:0 0; background-image:url('/images/common/event/road/arr_tree.png');}

.league_wrap .arr_tree.on {box-shadow:inset 0 0 0 1px #fff600; cursor:pointer;}
.league_wrap .arr_tree.on:before {background: url('/images/common/event/road/dot_y.png') 0 0 no-repeat, url('/images/common/event/road/dot_y.png') 0 bottom no-repeat, url('/images/common/event/road/dot_y.png') right 0 no-repeat, url('/images/common/event/road/dot_y.png') right bottom no-repeat;}
.league_wrap .arr_tree.on:after {background-position:0 -2.8rem;}

.league_wrap .arr_tree.arr_l {left:2rem;}
.league_wrap .arr_tree.arr_r {right:2rem;}
.league_wrap .arr_tree.arr_r:after {transform:translate(-50% , -50%) scaleX(-1);}

.league_wrap .arr_tree.on:hover {background:rgba(255, 246, 0, 0.8); box-shadow:inset 0 0 0 1px #fff600;}
.league_wrap .arr_tree.on:hover:before {background: url('/images/common/event/road/dot_y.png') 0 0 no-repeat, url('/images/common/event/road/dot_y.png') 0 bottom no-repeat, url('/images/common/event/road/dot_y.png') right 0 no-repeat, url('/images/common/event/road/dot_y.png') right bottom no-repeat;}
.league_wrap .arr_tree.on:hover:after {background-position:0 -5.6rem; }

/* 250108 추가 */
.section01 .news_chat .tab .only li a {width:214px; height:40px; background: linear-gradient(to right, rgba(255, 42, 168, 1), rgba(0, 108, 255, 1)); clip-path: polygon(20px 0%, calc(100% - 20px) 0%, 100% 20px, 100% 100%, 0 100%, 0 20px);}
.section01 .news_chat .no_data {position:relative; height:100%;}
.section01 .news_chat .no_data:before , .section01 .news_chat .no_data:after {content:''; display:block; position:absolute; z-index:1;}
.section01 .news_chat .no_data:before {background:rgba(255, 255, 255, 0.5); top:0; left:21px; height:29px; width:1px; transform:rotate(45deg); transform-origin:top;}
.section01 .news_chat .no_data:after {background:rgba(255, 255, 255, 0.5); top:0; right:21px; height:29px; width:1px; transform:rotate(-45deg); transform-origin:top;}
.section01 .news_chat .no_data span {font-size:14px; color:#ffffff; font-weight:700; text-transform:uppercase; display:flex; align-items:center; justify-content:center; background:rgba(255, 255, 255, 0.1);  clip-path: polygon(21px 0, calc(100% - 21px) 0, 100% 21px, 100% calc(100% - 21px), calc(100% - 21px) 100%, 21px 100%, 0 calc(100% - 21px), 0 21px); border-left: 1px solid transparent; border-right: 1px solid transparent;  border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); border-image-slice: 1; height:100%; border-top:1px solid rgba(255, 255, 255, 0.5);}
.section01 .news_chat .chat .no_data {margin:1rem; height:calc(100% - 2rem);}
.news_all .list_wrap .box .no_data {position:absolute; top:0; bottom:0; left:0; right:0; display:flex; align-items:center; justify-content:center;}
.news_all .list_wrap .box .no_data span {text-transform:uppercase; font-size:20px; color:#fff; font-weight:800; background: linear-gradient(to right, #ff0097, #005aff); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.pop_delete .pop_layout { width: 534px; background: url('/images/common/event/road/pop_bg.jpg') center center no-repeat; background-size: cover; padding-bottom:8rem;}
.pop_delete .pop_layout .desc .txt {padding-bottom:2rem; font-size:18px; color:#ffffff; line-height:2; font-family:'Roboto'; height:160px; display:flex; align-items:center; justify-content:center;}
.pop_delete .pop_layout .btns {font-size:0;}
.pop_delete .pop_layout .btns button {position:relative; cursor:pointer; border-radius:3px; margin:0 1rem; font-size:12px; color:#ffffff; font-family:'Roboto'; display:inline-block; width:120px; height:50px; background-color:rgba(255, 255, 255, 0); display:inline-flex; align-items:center; justify-content:center; text-transform:uppercase;}
.pop_delete .pop_layout .btns .btn_cancel {background-color:rgba(190, 190, 190, 0.2); border:1px solid #bebebe;}
.pop_delete .pop_layout .btns .btn_del {background: linear-gradient(to right, rgba(255, 42, 168, 0.4), rgba(0, 108, 255, 0.4)); border:1px solid rgba(255, 255, 255, 0);}
.pop_delete .pop_layout .btns .btn_del:before {content:''; display:block; position:absolute; top:-1px; bottom:-1px; left:-1px; right:-1px; border-radius: 3px; padding: 1px;  background: linear-gradient(to right, #ff2aa8, #006cff); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);  -webkit-mask-composite: xor; mask-composite: exclude;}
.pop_delete .pop_layout .btns .btn_cancel:hover {background-color:rgba(190, 190, 190, 0.6);}    
.pop_delete .pop_layout .btns .btn_del:hover {background: linear-gradient(to right, rgba(255, 42, 168, 0.8), rgba(0, 108, 255, 0.8));}  

/* new */ 
.ver02 .view_tab {margin-bottom:5rem;}
.ver02 .view_tab .btn_tab {background: linear-gradient(to right, rgba(255, 42, 168, 0.4), rgba(0, 108, 255, 0.4)); padding:10px 2.4rem;}
.ver02 .view_tab .btn_tab a {position:relative; display:flex; align-items:center; justify-content:flex-start; height: 67px; padding:0 4rem; max-width:1680px; margin:0 auto; background: linear-gradient(to right, rgba(255, 42, 168, 1), rgba(0, 108, 255, 1)); clip-path: polygon(1.7rem 0, calc(100% - 1.7rem) 0, 100% 1.7rem, 100% calc(100% - 1.7rem), calc(100% - 1.7rem) 100%, 1.7rem 100%, 0 calc(100% - 1.7rem), 0 1.7rem);}
.ver02 .view_tab .btn_tab a:after {content:''; display:block; position:absolute; position:absolute; right:3.6rem; top:50%; transform:translate(0 , -50%); width:4rem; height:2.5rem; background:url('/images/common/event/road/icon_tab_selet_w.png') 0 0 no-repeat;}
.ver02 .view_tab .btn_tab span {background:none;     -webkit-text-fill-color: #fff; filter:none;}
.ver02 .view_tab .btn_tab span:after {display:none;}
.ver02 .view_tab .list {padding-left:2.4rem; padding-right:2.4rem;}
.ver02 .view_tab .list .ovsc {max-width:1680px; padding: 0 3.6rem;}
.ver02 .view_tab .list .ovsc ul {padding-right:3rem;}

.ver02 .sctm_wrap .box_sctm.schedule {padding-right:0;}
.ver02 .sctm_wrap .right_info {width:auto; position:relative; top:auto; right:auto; z-index: 1;}
.ver02 .sctm_wrap .pages {width:auto; display:block;}
.ver02 .sctm_wrap .right_info .con {border:none; margin-bottom:4rem; background:rgba(0, 0, 0, 0.7);}
.ver02 .sctm_wrap .right_info .con:before, .ver02 .sctm_wrap .right_info .con:after {content:''; display:block; position:absolute; left:0; right:0; top:auto; bottom:auto; height:1px; background: linear-gradient(to right, #ff2aa8, #006cff);}
.ver02 .sctm_wrap .right_info .con:before {top:0;}
.ver02 .sctm_wrap .right_info .con:after {bottom:0;}
.ver02 .sctm_wrap .right_info .team {padding:0; margin: 0 auto; background:none; border:none;}
.ver02 .sctm_wrap .right_info .tit, .ver02 .sctm_wrap .right_info .name {min-height:0; display:inline-block; background:none;}
.ver02 .sctm_wrap .right_info .tit {padding:0; letter-spacing:0; width: max-content; text-shadow:none; position:absolute; bottom:-3rem; left:50%; transform:translate(-50% , 0); font-size:140px; background: linear-gradient(to right, rgba(220, 255, 55, 0.2), rgba(105, 204, 255, 0.5)); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.ver02 .sctm_wrap .right_info .name {padding:2.1rem 0;}
.ver02 .sctm_wrap .right_info .con.champ {padding-top:4.1rem;}
.ver02 .sctm_wrap .right_info .con.champ .team:before {top:-1rem; left:-1rem; z-index:1; content:''; display:block; position:absolute; border-radius:50%; width:40px; height:40px; background:url('/images/common/event/road/icon_final_w.png') center center no-repeat , linear-gradient(to right, #006cff, #ff2aa8);}
.ver02 .sctm_wrap .right_info .con.champ .team {max-width:140px;}
.ver02 .sctm_wrap .right_info .view_team {background:#000 linear-gradient(to right, rgba(255, 42, 168, 0.4), rgba(0, 108, 255, 0.4));}
.ver02 .sctm_wrap .right_info .con.etc {padding:5.5rem 6rem;}
.ver02 .sctm_wrap .right_info .con.etc .view_team {width:6rem; height:6rem; padding-bottom: 0; border-radius: 1rem 1rem 0 1rem;}
.ver02 .sctm_wrap .right_info .con.etc .view_team:after {border-radius: 1rem 1rem 0 1rem;}
.ver02 .sctm_wrap .right_info .con.etc .team li {height:10rem; display:inline-flex; align-items:center; font-size:0; padding:0 56px 0 2.4rem; margin:0; text-align:left; width: calc((100% - 21rem) / 7); margin:1.5rem; clip-path: polygon(2rem 0, 100% 0, 100% calc(100% - 2rem), calc(100% - 2rem) 100%, 0 100%, 0 2rem); background:rgba(0, 0, 0, 0.5); position:relative;}
.ver02 .sctm_wrap .right_info .con.etc .team li:before, .ver02 .sctm_wrap .right_info .con.etc .team li:after {content:''; display:block; width:1px; height:2.8rem; background:#3f3f3f; transform:rotate(45deg); position:absolute; transition:none;}
.ver02 .sctm_wrap .right_info .con.etc .team li:before {top: -0.3rem; left: 0.9rem; background:#ff2aa8;}
.ver02 .sctm_wrap .right_info .con.etc .team li:after {bottom: -0.3rem; right: 0.9rem; background:#006cff;}
.ver02 .sctm_wrap .right_info .con.etc .team li > div {display:inline-block; vertical-align:middle;}
.ver02 .sctm_wrap .right_info .con.etc .team li .view_team {margin-right:11px;}
.ver02 .sctm_wrap .right_info .con.etc .team li .name {max-width:calc(100% - 6rem - 11px); padding:0; line-height:1.2; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;     word-break: break-word;}
.ver02 .sctm_wrap .right_info .con.etc .team .detail {color:transparent; transition:all 0.2s ease; z-index:1; position:absolute; bottom:50%; right:2.2rem; border-radius:50%; width:25px; height:25px; background:url('/images/common/event/road/icon_detail_s.png') center center no-repeat; background-color:#0544a9; font-size:0; transform:translate(0 , 50%); }
.ver02 .sctm_wrap .right_info .con.etc .team .detail:before, .ver02 .sctm_wrap .right_info .con.etc .team .detail:after {content:''; display:none; width:2px; height:3.2rem; background:#fff704; transform:rotate(45deg); position:absolute; transition:none;}
.ver02 .sctm_wrap .right_info .con.etc .team li:hover .detail {font-size: 18px; color: #ffffff; font-weight: 700; font-family: 'Roboto'; text-shadow: 0 0 0.5rem rgba(255, 255, 255, 0.5); padding-top:5.2rem; border: 2px solid #fff704; text-transform:uppercase; text-align:center; width:100%; height:100%; bottom:0; right:0; transform:none; border-radius:0; background: url(/images/common/event/road/icon_detail.png) center 1.4rem no-repeat; background-color:rgba(0, 0, 0, 0.8);}
.ver02 .sctm_wrap .right_info .con.etc .team li:hover .detail:before, .ver02 .sctm_wrap .right_info .con.etc .team li:hover .detail:after {display:block;}
.ver02 .sctm_wrap .right_info .con.etc .team li:hover .detail:before {top: -0.5rem; left: 0.5rem;}
.ver02 .sctm_wrap .right_info .con.etc .team li:hover .detail:after {bottom: -0.5rem; right: 0.5rem;}
.ver02 .sctm_wrap .right_info .con.etc button {z-index: 1; position:absolute; top:50%; margin-top:-1.5rem; width:1.6rem; height:3rem; background-image:url('/images/common/event/road/btn_gr.png'); background-color:rgba(255, 255, 255, 0); background-repeat:no-repeat; background-position:0 0; cursor: pointer; border:none; display:none; background-size:100% auto;}
.ver02 .sctm_wrap .right_info .con.etc .btn_gr_l {left:2.4rem;}
.ver02 .sctm_wrap .right_info .con.etc .btn_gr_r {right:2.4rem; transform:scaleX(-1);}
.ver02 .sctm_wrap .right_info .con.etc button.slick-disabled {opacity:0.4;}
.ver02 .sctm_wrap .right_info .con.etc button:hover {background-position:0 -3rem;}
.ver02 .sctm_wrap .right_info .con .s_link {opacity:1; inset: 0; padding: 1px; background: linear-gradient(to right, #ff2aa8 , #006cff); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude;}
.ver02 .sctm_wrap .right_info .con.etc .team li:hover .s_link {opacity:0;}

.ver02 .section03 {padding-top:0;}
.ver02 .sctm_wrap {margin-top:5rem;}
.ver02 .sctm_wrap .week_list {display:block; width:auto; margin-right:0; margin-bottom:4rem; padding:0 8rem; position: relative;}
.ver02 .sctm_wrap .week_list ul {height:auto;}
.ver02 .sctm_wrap .week_list:before {display:none;}
.ver02 .sctm_wrap .week_list ul {border:none; text-align: center;}
.ver02 .sctm_wrap .week_list ul li:before, .ver02 .sctm_wrap .week_list ul li:after {display:none;}
.ver02 .sctm_wrap .week_list ul li {border:none; display:inline-block; margin:1rem; width:calc((100% - 12rem) / 6); position:relative;}
.ver02 .sctm_wrap .week_list ul li:before, .ver02 .sctm_wrap .week_list ul li:after {opacity:1; transition:all ease-in-out 0.2s; content:''; display:block; width:1px; height:1.4rem; background:#58b5ff; transform:rotate(45deg); position:absolute;  top:auto; bottom:auto; left:auto; right:auto; z-index:1;}
.ver02 .sctm_wrap .week_list ul li:before {top: -0.2rem; left: 0.5rem;}
.ver02 .sctm_wrap .week_list ul li:after {bottom: -0.2rem; right: 0.5rem;}
.ver02 .sctm_wrap .week_list ul li a {padding:0 1rem; background:rgba(0, 0, 0, 0.6); box-shadow:inset 0 0 0 1px #58b5ff; display:flex; height:6rem; align-items:center; justify-content:center; font-size:16px; color:#7d9db7; text-transform:uppercase; font-weight:500; letter-spacing:0.04em; clip-path: polygon(1rem 0, calc(100% - 1rem) 0, 100% 1rem, 100% calc(100% - 1rem), calc(100% - 1rem) 100%, 1rem 100%, 0 calc(100% - 1rem), 0 1rem);}
.ver02 .sctm_wrap .week_list ul li a:before, .ver02 .sctm_wrap .week_list ul li a:after {opacity:1; transition:all ease-in-out 0.2s; content:''; display:block; width:1px; height:1.4rem; background:#58b5ff; transform:rotate(-45deg); position:absolute; top:auto; bottom:auto; left:auto; right:auto; z-index:1;}
.ver02 .sctm_wrap .week_list ul li a:before {top: -0.2rem; right: 0.5rem;  margin-top:0;}
.ver02 .sctm_wrap .week_list ul li a:after {bottom: -0.2rem; left: 0.5rem;}
.ver02 .sctm_wrap .week_list .act a {height:6rem;}
.ver02 .sctm_wrap .week_list ul li a:hover , .ver02 .sctm_wrap .week_list .act a, .ver02 .sctm_wrap .week_list .slick-current a {background: linear-gradient(to right, rgba(255, 42, 168, 1), rgba(0, 108, 255, 1)); box-shadow:none; color:#fff; font-weight:700; text-shadow:none;}
.ver02 .sctm_wrap .week_list ul li.act:before, .ver02 .sctm_wrap .week_list ul li.act:after, .ver02 .sctm_wrap .week_list ul li.act a:before, .ver02 .sctm_wrap .week_list ul li.act a:after {opacity:0;}
.ver02 .sctm_wrap .week_list ul li.slick-current:before, .ver02 .sctm_wrap .week_list ul li.slick-current:after, .ver02 .sctm_wrap .week_list ul li.slick-current a:before, .ver02 .sctm_wrap .week_list ul li.slick-current a:after {opacity:0;}
.ver02 .sctm_wrap .week_list ul li:hover:before, .ver02 .sctm_wrap .week_list ul li:hover:after, .ver02 .sctm_wrap .week_list ul li:hover a:before, .ver02 .sctm_wrap .week_list ul li:hover a:after {opacity:0;}
.ver02 .sctm_wrap .week_list a:before {display:none;}
.ver02 .week_list button {position:absolute; top:50%; margin-top:-3.2rem; width:6.4rem; height:6.4rem; background-color:rgba(255, 255, 255, 0); background-repeat:no-repeat; background-position:0 0; cursor: pointer; border:none; display:none; background-size:100% auto;}
.ver02 .week_list button:before {display:none;}
.ver02 .week_list button.slick-disabled {opacity:0.4;}
.ver02 .week_list .btn_l {left:0; background-image:url('/images/common/event/road/btn_wk_l.png');}
.ver02 .week_list .btn_r {right:0; background-image:url('/images/common/event/road/btn_wk_r.png');}
.ver02 .week_list button:hover {background-position:0 -6.4rem;}

.ver02 .pages .bracket {background:none; margin-bottom:1rem;}
.ver02 .pages .bracket > ul > li {display:inline-block; width:calc((100% - 4rem) / 2); margin-bottom:4rem; border: none; border-right:1px solid #5d87a8; border-left:1px solid #8f2f7e;}
.ver02 .pages .bracket > ul > li:before {background: url(/images/common/event/road/dot_p3.png) 0 0 no-repeat, url(/images/common/event/road/dot_b02.png) right 0 no-repeat, url(/images/common/event/road/dot_p3.png) 0 bottom no-repeat, url(/images/common/event/road/dot_b02.png) right bottom no-repeat;}
.ver02 .pages .bracket > ul > li:after {content: ""; position: absolute; background: linear-gradient(to right, #8f2f7e, #5d87a8); height:1px; bottom:0; left:0; right:0;}
.ver02 .pages .bracket > ul > li:nth-child(2n) {margin-left:4rem;}
.ver02 .pages .bracket .team .name {position:static; transform:none; padding:0; text-align:center; display:flex; align-items:center; justify-content:center; height:6rem; max-width: 17.9rem;}
.ver02 .pages .bracket li .con {padding-bottom:0; padding-top:8rem; position: relative;}
.ver02 .pages .bracket li .con:before {z-index: -1; content:''; display:block; position:absolute; bottom:0; left:0; right:0; top:5.6rem; background:rgba(0, 0, 0, 0.5);}
.ver02 .pages .bracket .info {margin-top:-5rem;}
.ver02 .pages .bracket .tit {background:none; border:none; text-align:center; font-size:22px; letter-spacing:0; color:#e93dbc; padding:0 3rem; margin-bottom:3rem;}
.ver02 .pages .bracket .tit .date {font-size: inherit;}
.ver02 .pages .bracket .tit img {vertical-align:middle; position:relative; top:-2px; margin-right:1.5rem;}
.ver02 .pages .bracket .match {height:5.6rem; border-bottom:1px solid #e93dbc; padding:0 5.6rem 0 2.4rem; background: linear-gradient(to right, rgba(143, 47, 126, 0.5), rgba(32, 82, 156, 0.5));}
.ver02 .pages .bracket .match:before {content: ""; position: absolute; inset: 0; top:-1px; bottom:-1px; padding: 1px 0; background: linear-gradient(to right, #8f2f7e, #5d87a8); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);  -webkit-mask-composite: xor; mask-composite: exclude;}
.ver02 .pages .bracket .match:after {content: ''; display: block; position: absolute;  bottom: -5px; left: -5px; right: -5px; height:8px; background: url('/images/common/event/road/dot_p3.png') 0 0 no-repeat , url('/images/common/event/road/dot_b02.png') right 0 no-repeat;}
.ver02 .pages .bracket .match .time {color:#fff; margin-left: 1.8rem;}
.ver02 .pages .bracket .tit:before, .ver02 .pages .bracket .tit:after {height:9px; content:''; display:block; position:absolute; top:50%; bottom:auto; transform:translate(0 , -50%); width:calc((100% - 40.7rem) / 2); background:url(/images/common/event/road/dot_mid_b2.png) 0 center repeat-x, url(/images/common/event/road/dot_b03.png) 0 center no-repeat, url(/images/common/event/road/dot_b03.png) right center no-repeat;}
.ver02 .pages .bracket .tit:before {left:0; right:auto;}
.ver02 .pages .bracket .tit:after {right:0;}
.ver02 .pages .bracket .match .go_reply {top:0; bottom:0; right:0; width:5.6rem; transform:none; display: flex; align-items: center; justify-content: center;}
.ver02 .pages .bracket .open .match .go_reply, .ver02 .pages .bracket .match .go_reply:hover {background:rgba(0, 0, 0, 0.7);}
.ver02 .pages .bracket:nth-child(2n) .info .btn_vod {border: 1px solid #e93dbc; background: rgba(233, 61, 188, 0.5);}
.ver02 .pages .bracket:nth-child(2n) .info .btn_vod:after { background: url(/images/common/event/road/dot_p2.png) 0 0 no-repeat, url(/images/common/event/road/dot_p2.png) right 0 no-repeat, url(/images/common/event/road/dot_p2.png) 0 bottom no-repeat, url(/images/common/event/road/dot_p2.png) right bottom no-repeat;}
.ver02 .pages .reply_area {border-top:0;}
.ver02 .pages .reply_area:before {content: ""; position: absolute; background: linear-gradient(to right, #8f2f7e, #5d87a8); height:1px; bottom:0; left:0; right:0;}
.ver02 .pages .reply_area:after {content: ''; display: block; position: absolute; top: -9px; left: -5px; right: -5px; height:8px; background: url('/images/common/event/road/dot_p3.png') 0 0 no-repeat , url('/images/common/event/road/dot_b02.png') right 0 no-repeat;}
.ver02 .pages .reply_area .reply .ovsc {padding-right:1.8rem; max-height: 30rem; overflow-y: scroll;}
.ver02 .pages .reply_area .reply .ovsc::-webkit-scrollbar {width: 0.9rem; }
.ver02 .pages .reply_area .reply .ovsc::-webkit-scrollbar-track {border-radius:0.45rem;  margin-block-start: 2rem;}
.ver02 .pages .reply_area .reply .ovsc::-webkit-scrollbar-thumb { border-radius:0.45rem; background: linear-gradient(to right, #69ccff , #006cff);}
.ver02 .pages .reply_area .reply .ovsc ul {padding-right:0; overflow:visible;}
.ver02 .pages .bracket:nth-child(2n) .reply_area:before {background: linear-gradient(to right, #8f2f7e, #5d87a8);}
.ver02 .pages .bracket:nth-child(2n) .tit span {color:#fff;}

.ver02 .team_all .list {margin-left:-5rem;}
.ver02 .team_all .list > li {padding-left:5rem; margin-bottom: 5rem;}
.ver02 .tab_sctm {width:57.4rem; background: url(/images/common/event/road/tab_line_l.png) 0 0 no-repeat;}
.ver02 .tab_sctm ul li a {clip-path: polygon(1.6rem 0, 100% 0, 100% calc(100% - 1.6rem), calc(100% - 1.6rem) 100%, 0 100%, 0 1.6rem);}

/* empty */
.empty {text-align:center;}
.empty .desc {display:inline-block;}
.empty .desc .img {display:inline-block; position:relative;}
.empty .desc .img:before, .empty .desc .img:after {content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:0 0; background-size:100% auto; z-index:-1; animation: twinkle_one 3s ease-in-out infinite;}
.empty .desc .img:before {background-image:url('/images/common/event/road/light_empty01.png');}
.empty .desc .img:after {background-image:url('/images/common/event/road/light_empty02.png'); animation-delay:0.3s;}
.empty .desc .txt {word-break: break-word;  font-size:40px; letter-spacing:0.02em; font-weight:900; position:relative; padding-top:1.8rem; margin-top:-6.6rem; line-height:1;}
.empty .desc .txt:before {content:''; display:block; position:absolute; top:0; left:0; right:0; height:1px; background: linear-gradient(to right, rgba(255, 255, 255, 0), #00a8ff, #fff600, rgba(255, 255, 255, 0)); box-shadow:5px 5px 5px rgba(0, 0, 0, 0.5);}
.empty .desc .txt span {display:inline-block; background: linear-gradient(to right, rgba(0, 168, 255, 0.7), rgba(255, 246, 0, 0.7)) , #fff; -webkit-background-clip: text; -webkit-text-fill-color: transparent; filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.5)); text-transform:uppercase;}



@media screen and (max-width: 2200px) { 
.ver02 .sctm_wrap .right_info .con.etc .team li {width: calc((100% - 18rem) / 6);}
}

@media screen and (max-width: 1864px) { 
.league_wrap {padding:0 10.3rem;}
.league_wrap:before, .league_wrap:after {bottom:-0.5rem; content:''; display:block; position:absolute; height:3rem; width:0.9rem; background:url('/images/common/event/road/dot_y.png') 0 0 no-repeat , url('/images/common/event/road/dot_y.png') 0 bottom no-repeat; background-size:100% auto;}
.league_wrap:before {left:9.9rem;}
.league_wrap:after {right:9.9rem;}
.league_all {max-width:none; overflow-x: scroll; padding-bottom: 4.8rem;}	
.league_all::-webkit-scrollbar {height: 2.1rem; }
.league_all::-webkit-scrollbar-track { box-shadow:inset 0 0 0 0.1rem #6f6b00; background:#000;}
.league_all::-webkit-scrollbar-thumb { background: #fff600; background-clip: padding-box; border: 0.5rem solid transparent;}

.league_wrap .arr_tree {display:block;}

.ver02 .sctm_wrap .right_info .con.etc .team li {width: calc((100% - 15rem) / 5);}	
}	






@media screen and (max-width: 1840px) {
.tree_wrap {max-width: 1020px; margin: 0 auto;}
.tree .list > li {margin-bottom:7rem;}
.tree .list > li.two {margin-bottom:4rem;}
.tree .list > li.final {margin-bottom:7.5rem;}
.tree .list > li .con {width:24.4rem;}
.tree .list > li.final .con {width:31.3rem;}
.tree .list > li.mix .con {width:27.2rem;}
.tree .list > li:before {height:6rem;}
.tree .list > li.two:before {height:6.6rem;}
.tree .list > li.mix:before {height:5.6rem; top:-6.3rem;}
.tree .list > li.mix:after {top:-6.5rem;}
.tree .list > li:before, .tree .list > li:after {bottom:-6.4rem;}
.tree .list > li.two:before, .tree .list > li.two:after {bottom:-1.8rem;}
.tree .list > li:first-child .con:before {width:10.4rem; right:-11.5rem;}
.tree .list > li:first-child .con:after {right:-12.5rem;}
.tree.t3 .list > li:first-child .con:before {left:-11.5rem;}
.tree.t3 .list > li:first-child .con:after {left:-12.5rem;}
.tree .list > li .con .name {font-size:14px;}
.tree .list > li .con .txt {font-size:12px;}	
.tree .list > li .con.on .name:after {left:1.2rem;}
.tree .list > li .con.on .desc {padding-left: 6rem; padding-right: 2rem;}

.section01 .news_chat .tab_box {padding:2rem;}
.section01 .news_chat .desc li {margin-bottom:1rem;     height: calc(25% - 1rem);}
.section01 .news_chat .tab_box {height:578px;}
.section01 .news_chat .desc .go_more {bottom:-10px;}
.section01 .vod_area .vod {padding-bottom:50%;}

}
	
@media screen and (max-width: 1728px) {
.inner {max-width:none; padding-left:2.4rem; padding-right:2.4rem;}

.btn_top {bottom:2.4rem; right:2.4rem;}
	
.team_all .list {margin-left:-6rem;}
.team_all .list > li {padding-left:6rem; margin-bottom:6rem;}
.pages .bracket .team .name, .pages .bracket .team.t2 .name {transform:none; position:static; text-align:center; padding:0; margin-top:3rem; max-width: 17.9rem;}
.pages .bracket .info {padding-bottom:5rem;}
.sctm_wrap .week_list {margin-right:30px;}
.sctm_wrap .box_sctm.schedule {padding-right:270px;}
.sctm_wrap .pages {width: calc(100% - 270px);}
.pages .bracket .tit {padding-left:3rem;}
.pages .bracket .info .score {margin-left:1rem; margin-right:1rem;}

.section02 .inner {padding-left:0; padding-right:0;}
}	

@media screen and (max-width: 1520px) {
.section01 .news_chat .tab_box	{padding: 2rem 2rem 3rem; height:452px;}
.section01 .news_chat .desc li {border-bottom:1px solid rgba(255, 255, 255, 0.3); margin-bottom:0; height:25%;}	
.section01 .news_chat .desc .con {padding:1rem; height:100%; background:rgba(0, 0, 0, 0.4); position:relative;}
.section01 .news_chat .desc .con:before {display:none;}
.section01 .news_chat .desc li:after {display:none;}	
.section01 .news_chat .sort {margin-bottom:1rem;}
.section01 .news_chat .desc .con:hover {background:rgba(0, 0, 0, 0.6);}
.section01 .news_chat .desc .go_more {bottom:-25px;}

/* popup */
.pop_vod .pop_layout {width:auto; left:2.4rem; right:2.4rem; transform:translate(0 , -50%); height:auto;}

/* new */
.ver02 .sctm_wrap .week_list ul li { width: calc((100% - 12rem) / 5);}
.ver02 .sctm_wrap .right_info .con.etc .team li {width: calc((100% - 12rem) / 4);}
}
	
@media screen and (max-width: 1360px) {
.pages .bracket .info .score {margin-left:0; margin-right:0; font-size:36px;}	
.tree_wrap {max-width:940px;}
.tree .list > li:first-child .con:before {width:7.4rem; right:-8rem;}
.tree .list > li:first-child .con:after {right:-9rem;}
.tree.t3 .list > li:first-child .con:before {left:-8rem;}
.tree.t3 .list > li:first-child .con:after {left:-9rem;}

/* sub_contents */
.news_all .top {padding:2.4rem;}
.news_all .list {margin-left:-2.4rem;}
.news_all .list li {padding-left:2.4rem;}
.news_all .list_wrap .box {padding:2.4rem 2.4rem 0;}
.news_all .list_wrap .list li {margin-bottom:2.4rem;}
.news_all .list li .desc {padding:2.4rem;}
.news_all .list li:before {left: calc(2.4rem - 4px);}
}
	
@media screen and (max-width: 1280px) {
header .bi {margin-left:0; left:24.4rem;}	
.team_all .list {margin-left:0;}
.team_all .list > li {padding-left:0; display:block; width:100%;}
.sctm_wrap .box_sctm.schedule {padding-right:0;}
.sctm_wrap .week_list {display:block; width:100%;}
.sctm_wrap .right_info {position:relative; top:auto; right:auto; width:100%;}
.sctm_wrap .pages {display:block; width:100%;}
.sctm_wrap .right_info .etc .team li {width:9rem; margin:1.5rem;}
.sctm_wrap .right_info .champ .team li {width:17.9rem; margin:0 auto;}
.sctm_wrap .right_info .con {margin-bottom:3rem;}
.sctm_wrap .right_info .tit, .sctm_wrap .right_info .name {flex-direction: unset;}
.sctm_wrap .right_info .tit img {margin-right:1.2rem;}
.sctm_wrap .week_list {margin-bottom:3rem; position:relative; padding:0 6rem;}
.sctm_wrap .week_list:before {content:''; display:block; position:absolute; top:-5px; bottom:-5px; left:-5px; right:-5px; background:url('/images/common/event/road/dot_y.png') 0 0 no-repeat, url('/images/common/event/road/dot_y.png') right 0 no-repeat, url('/images/common/event/road/dot_y.png') 0 bottom no-repeat, url('/images/common/event/road/dot_y.png') right bottom no-repeat;}
.sctm_wrap .week_list ul {height:6rem; overflow:hidden; border-right:0;}
.sctm_wrap .week_list ul li:before, .sctm_wrap .week_list ul li:after {display:none;}
.sctm_wrap .week_list ul li {border:none; border-right:1px solid #fff600; width:calc(100% / 3); display:inline-block; vertical-align:top;}
.sctm_wrap .week_list a {padding:0; text-align:center; justify-content: center;}
.sctm_wrap .week_list a:before {display:none;}
.sctm_wrap .week_list .act a:after {clip-path:none;}
.sctm_wrap .week_list .act a {height:6rem; font-size:18px;}
.week_list button {position:absolute; top:0; bottom:0; width:6rem; background-color:rgba(255, 246, 0, 0.2); border:1px solid #fff600; cursor: pointer;}
.week_list button:before {content:''; display:block; position:absolute; top:50%; left:50%; transform:translate(-50% , -50%); width:1.2rem; height:1.9rem; background-repeat:no-repeat; background-position:0 0; background-size:100% auto; background-image:url('/images/common/event/road/icon_week_arr.png');}
.week_list .btn_l {left:0; border-right:none;}
.week_list .btn_l:before {transform:translate(-50% , -50%) scaleX(-1);}
.week_list .btn_r {right:0; border-left:none;}
.view_tab .list .ovsc {width:100%; padding:0 2.4rem; }

.tree_wrap {max-width:none; display:block; font-size:0;}
.tree.t1 {position:static;  transform: none;}
.tree.t2, .tree.t3 {display:inline-block; vertical-align:top; max-width:30rem; width:calc((100% - 4rem) / 2); margin:0 1rem;}
.tree .list {display:block;}
.tree .list > li .con {width:30rem;}
.tree .list > li.final .con {width:44rem;}
.tree .list > li.mix {margin-bottom:7rem;}
.tree .list > li.mix .con {width:44rem;}
.tree .list > li:after {transform: translate(-50%, 0) scaleY(-1);}
.tree .list > li:before, .tree .list > li:after {top:-3.2rem;}
.tree .list > li:first-child .con:before, .tree .list > li:first-child .con:after {display:none;}
.tree .list > li:first-child:before, .tree .list > li:first-child:after {display:block;}
.tree .list > li.mix:after {    transform: translate(-50%, 0); top:-3.5rem;}
.tree .list > li.final:before, .tree .list > li.final:after {display:none;}
.tree .list > li.two .con {width:50%; transform: translate(-1rem, 0);}
.tree .list > li.two .con:last-child {transform: translate(1rem, 0);}
.tree.t2 .list {transform:none;}
.tree .list > li {margin-top:4.5rem; margin-bottom:0;}
.tree .list > li.two {margin-bottom:0;}
.tree .list > li.mix {margin-bottom:0;}
.tree .list > li.final {margin:0 auto;}
.tree .list > li:before, .tree .list > li.two:before {height:2rem;}
.tree .list > li.mix:before {height:2rem; top:-3.2rem;}
.tree .list > li .con .desc {height:15rem; padding:0 1rem;}
.tree .list > li .con .name {font-size:20px;}
.tree .list > li .con .txt {font-size:14px;}
.tree .list > li.two .con .desc {height:19.3rem;}
.tree .list > li.two .con:last-child:before {top:-13px; width:114%; transform: translate(-55%, 0);}
.tree .list > li.two .con .name:before {content:''; display:block; position:absolute; top:-1.7rem; left:50%; height:2rem; width:0.2rem; background: #e93dbc; z-index: -1;}
.tree .list > li .con.on .desc {padding:0 1rem;}
.tree .list > li .con.on .name:after {display:none;}
.section02 .year_sel {right:auto; left:50%; transform:translate(-50% , 0);}
.section02 .tit {margin:0; padding:9rem 0 5rem; background:none; display:block; width:auto; height:auto;}
.section02 .tit:before {display:none;}

.section01 .main_wrap {padding:2rem;}
.section01 .vod_area {width:calc(100% - 300px);}
.section01 .news_chat {width:280px; margin-left:20px;}
.section01 .news_chat .tab li a {width:11.4rem; height:3rem; background-size:100% auto;}
.section01 .news_chat .tab li.act a, .section01 .news_chat .tab li a:hover {background-position:0 -3rem;}

/* 250108 추가 */ 
.section01 .news_chat .tab .only li a {height:30px; clip-path: polygon(10px 0%, calc(100% - 10px) 0%, 100% 10px, 100% 100%, 0 100%, 0 10px); width:186px;}

.pop_news .pop_layout {width: auto; left: 2.4rem; right: 2.4rem; transform: translate(0, -50%);}

/* new */
.ver02 .sctm_wrap .week_list ul li { width: calc((100% - 12rem) / 4);}
.ver02 .pages .bracket > ul > li {display:block; width:auto;}
.ver02 .pages .bracket > ul > li:nth-child(2n) {margin-left:0;}
.ver02 .sctm_wrap .right_info .con.etc .team li {width: calc((100% - 9rem) / 3);}
}

@media screen and (min-width:1280px) and (max-height: 900px) {
.pop_news .pop_layout {top:68px; bottom:2.4rem; transform: translate(0, 0);}
}

@media screen and (min-width:1024px) and (max-height: 900px) {
.popup .pop_layout {top:68px; bottom:2.4rem; transform:none;  transform:translate(-50% , 0);}
.pop_vod .pop_layout {width:auto; left:20%; right:20%; transform:translate(0 , -50%); height:auto; top:52%; bottom:auto;}
.popup .pop_cont {height:100%;}
.pop_team .pl_st {height: calc(100% - 245px);  overflow-y: scroll; padding-right:1.8rem; margin-right:1rem;}
.pop_team .pl_st::-webkit-scrollbar {width: 0.9rem; }
.pop_team .pl_st::-webkit-scrollbar-track {border-radius:0.45rem; background:rgba(0, 0, 0, 0.5); margin-block: 2.4rem; }
.pop_team .pl_st::-webkit-scrollbar-thumb { border-radius:0.45rem; background: linear-gradient(to right, #69ccff , #006cff);}
.pop_news .pop_cont {height:100%; display: flex; flex-direction: column;}
.pop_news .news_tit {display:flex; align-items: flex-start; justify-content: center; height: 86px; flex-direction: column; padding:0 2.4rem;}
.pop_news .view_txt {position:absolute; left:0; right:0; bottom:0; height:calc(100% - (86px + 2rem));}
.pop_news .view_txt .desc {height:100%;}
.pop_news .pop_layout {transform: translate(0, 0); left: 2.4rem; right: 2.4rem; width: auto;}
}


	
@media screen and (max-width: 1024px) {
header {text-align:center; position:relative; padding:2rem 2.5rem; z-index:11; border-bottom: 0.2rem solid; border-image: linear-gradient(to right, #ff2aa8, #006cff); border-image-slice: 1;}
header .util {left: -100%; opacity:0; transition:0.2s ease; width:100%; position: fixed; top: 0; bottom: 0;   background: linear-gradient(to right, rgba(255, 42, 168, 0.2), rgba(0, 108, 255, 0.2)); z-index:1; border:1px solid; border-image:linear-gradient(-90deg, #006cff 0%, #ff2aa8 100%);  border-image-slice: 1;} 
header .util.open {left:0; opacity:1;}
header .util:before {-webkit-backdrop-filter: blur(1rem); backdrop-filter: blur(1rem); content:''; display:block; position:absolute; top:0; bottom:0; left:0; right:0; background:rgba(0, 0, 0, 0.5); z-index:-1;}
header .util .m_button {display:block; background:rgba(255, 255, 255, 0.2); border-bottom:1px solid; border-image:linear-gradient(to right, #ff2aa8 , #006cff); border-image-slice: 1; padding:0.8rem 2rem; text-align:left;}
header .util .info {background:linear-gradient(-90deg, #006cff 0%, #ff2aa8 100%); padding:4rem 2.5rem 5rem;  clip-path: polygon(2% 0%, 98% 0%, 100% 10%, 100% 90%, 98% 100%, 2% 100%, 0% 90%, 0% 10%); margin:5rem; display:block; border:none;}
header .util .info li {background:none; font-family:'Roboto';}
header .util .info li.user img {display:block; margin:0 auto 7px;}
header .util .info li.user {padding:0; font-size:20px; font-weight:600;}
header .util .info:before {width:auto; background:rgba(0, 0, 0, 0.9); z-index:-1; top:1px; bottom:1px; left:1px; right:1px; clip-path: polygon(2% 0%, 98% 0%, 100% 10%, 100% 90%, 98% 100%, 2% 100%, 0% 90%, 0% 10%);}
header .util .info:after {display:none;}
header .util .info li {display:block; width:100%; height:auto;}
header .util .info li.cash {border:none; font-size:18px; color:#69ccff; padding:0; margin-top:3rem;}
header .util .info li.cash img {vertical-align:middle; position:relative; top:-2px}
header .bi {position:static;}
header .lang {top: 50%; margin-top: -25px; right:0;}
header .m_menu {display:block; position:absolute; left:2.5rem; top: 50%; transform: translate(0, -50%); } 
header .btn_gra {font-size:20px; clip-path: polygon(10% 0%, 90% 0%, 100% 15%, 100% 85%, 90% 100%, 10% 100%, 0% 85%, 0% 15%); background:linear-gradient(-90deg, #006cff 0%, #ff2aa8 100%); position:relative; height:8rem; padding:0 2rem 0 5.8rem; min-width: 16.5rem;}
header .btn_gra:before {content:''; display:block; position:absolute; background: linear-gradient(to right, #72406d, #4e4b7d); z-index:-1; top:1px; bottom:1px; left:1px; right:1px; clip-path: polygon(10% 0%, 90% 0%, 100% 15%, 100% 85%, 90% 100%, 10% 100%, 0% 85%, 0% 15%);}
header .btn_gra:hover {text-shadow:none; border:none; background: linear-gradient(-90deg, #006cff 0%, #ff2aa8 100%);}
header .btn_gra:hover span:before {display:none;}
header .btn_gra:after {left:2rem;}
header .logout .btn_gra {top: 40%; transform: translate(0, -50%); margin:0 2rem;}
header .home {display:none;}
header .util .home {display:block; position:absolute; left:50%; transform:translate(-50% , 0); bottom:3.6rem; top:auto;  width: max-content;}
header .util .home:before {content:''; display:inline-block;  width:25px; height:25px; background:url('/images/common/event/road/icon_home.png') 0 0 no-repeat; margin-right:13px;}

.sub_contents {padding-top:4rem;}

.section01 {padding-top:4rem;}	
.section01 .main_wrap {display:block; clip-path: polygon(2% 0, 100% 0, 100% 98%, 98% 100%, 0 100%, 0 2%);}	
.section01 .main_wrap:before, .section01 .main_wrap:after {clip-path: polygon(2% 0, 100% 0, 100% 98%, 98% 100%, 0 100%, 0 2%);}
.section01 .vod_area {width:100%; margin-bottom:4rem;}
.section01 .vod_area .vod {top:0; width:100%; transform:none; padding-bottom: 56.15%;}
.section01 .news_chat {margin:0; width:100%;}
.section01 .news_chat .desc {height:auto;}
.section01 .news_chat .desc li {height:auto; }
.section01 .news_chat .tab_box {height:auto; min-height: 43.8rem;}
.section01 .news_chat .live_area, .section01 .news_chat .live_area:before {clip-path: polygon(2.7% 0, 100% 0, 100% 95.4%, 97.4% 100%, 0 100%, 0 4.6%);}
.section01 .news_chat .sort {margin-bottom:2rem;}
.section01 .news_chat .sort ul li {width:auto; margin:0 2.5rem;}
.section01 .news_chat .desc .con {padding:2.4rem;}

/* popup */
.popup .pop_layout {width:auto; left:2.4rem; right:2.4rem; top:68px; bottom:2.4rem; transform:none;}
.pop_news .pop_cont {height:100%; display: flex; flex-direction: column;}
.pop_news .news_tit {display:flex; align-items: flex-start; justify-content: center; height: 86px; flex-direction: column; padding:0 2.4rem;}
.pop_news .view_txt {position:absolute; left:0; right:0; bottom:0; height:calc(100% - (86px + 2rem));}
.pop_news .view_txt .desc {height:100%;}
.pop_team .pl_st .player {padding:0 4.8rem;}
.pop_team .pl_st .player .btn_r {right:0;}
.pop_team .pl_st .player .btn_l {left:0;}
.pop_team .pl_st .stat .desc ul {padding:0 6rem;}
.pop_vod .pop_layout {top:52%; bottom:auto;  transform: translate(0, -50%); padding:2.4rem;}

/* sub_contents */
.news_all .list {margin-left:0;}
.news_all .list li {padding-left:0; display:block; width:100%; margin-bottom:2.4rem;}
.news_all .list li .thum {position:absolute; top:50%; transform:translate(0 , -50%); left:2.4rem; width:17rem; padding-top: 0; height:9.6rem;}
.news_all .list li .desc {display: flex; flex-direction: column; justify-content:center;  text-align:left; padding-left:21.8rem; min-height:14.4rem; clip-path: none; background:rgba(255, 255, 255, 0.15); border-top:1px solid rgba(255, 255, 255, 0.5);}
.news_all .list li .desc:before {background:none; top:0; bottom:0; left:0; right:0;   clip-path:none; border-left: 1px solid transparent; border-right: 1px solid transparent; border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));  border-image-slice: 1;}
.news_all .list li:before {display:none;}
.news_all .list li .desc:hover {background: rgba(255, 255, 255, 0.15);}
.news_all .list li .desc:hover:before {background:none;}
.news_all .list li .tit {margin-top:0; height:auto;}
.news_all .list li .txt {height:auto;}
.news_all .list_wrap .box {padding:2.4rem;}


/* 250108 추가 */
.section01 .news_chat .no_data {height:34rem;}
.section01 .news_chat .chat .no_data {height:40rem;}
.pop_delete .pop_layout {top:50%; bottom:auto; transform: translate(0, -50%);}


/* new */
.ver02 .sctm_wrap .week_list ul li { width: calc((100% - 12rem) / 3);}
}	


	
@media screen and (max-width: 768px) {
html {font-size:32%;}

header .m_menu {top:50%; transform:translate(0 , -50%);}
header .bi img {width:100px;}
header .util .info li.user {font-size:2.9rem;}
header .util .info li.cash {font-size:2.7rem;}
header .util .info li.user img {width:20px;}
header .btn_gra {font-size:2.4rem;}
header .btn_gra:after {background-size:100% auto;}
header .logout .btn_gra { height:10rem; min-width:140px; font-size:2.9rem;}
header .lang ul li a {font-size:2.2rem; padding: 2.2rem;}
header .lang ul li a img { top: -1px;}

footer {font-size:2.2rem;}	
footer img {max-width:16.7rem;}
footer .txt {font-size:2.1rem; word-break:keep-all;}

.all_wrap {padding-bottom:120px;}
.sub_contents {padding-bottom: 120px;  margin-bottom: -120px;}
 
.team_info .desc {padding-left:3rem;}
.team_info .desc .name {font-size:3.1rem;}
.team_info .desc .name:before {top:1px;}
.team_info .desc .txt {font-size:2.2rem;}
.team_info .desc .score {font-size:5.9rem;}
.team_info .desc .score span {font-size:3.3rem;}
.team_info .desc .score span font {font-size:5.9rem;}
.pages .bracket .tit {font-size:2.7rem;}
.pages .bracket .tit span {font-size:2.3rem;}
.pages .bracket .info .score {font-size:4.5rem;}
.pages .bracket .team .name {font-size:2.7rem;}
.pages .bracket .info {min-width:90px;}
.pages .bracket .info .btn_vod {font-size:2.1rem; width:70px; height:35px; line-height:35px;}
.sctm_wrap .right_info .etc .team li {width: calc((100% - 9rem) / 3);}
.sctm_wrap .right_info .tit, .sctm_wrap .right_info .name {font-size:2.7rem;}
.sctm_wrap .right_info .con:before {background-size:1.7rem auto;}
.sctm_wrap .right_info .etc .team ul {max-width:280px; margin:0 auto;}
.sctm_wrap .right_info .tit img {width:22px;}
.sctm_wrap .week_list a {font-size:2.5rem;}
.sctm_wrap .week_list .act a {font-size:2.5rem;}
.tab_sctm {background-size:100% auto !important;}
.tab_sctm ul li a {font-size:2.7rem;}
.view_tab .btn_tab a {font-size:3.5rem;}
.view_tab .btn_tab span:after {background-size:100% auto;}
.view_tab .list .ovsc a:before {background-size:100% auto; top:3px;}
.view_tab .list .ovsc a {font-size:2.7rem;}
.view_team:hover span {font-size:2.7rem; padding-top:60%;}
.tree .list > li .con .desc:before {background-size:0.7rem auto, 1.3rem auto, 0.7rem auto, 1.3rem auto !important;}
.tree .list > li.final .con .desc:before {background-size:1.3rem auto !important;}
.tree .list > li .con .desc:after, .tree .list > li.blue .con .desc:after, .tree .list > li .con.on .desc:after {background-size:2.5rem auto !important;}
.tree .list > li.final .con .desc:after, .tree .list > li.final .con.on .desc:after {background-size:3.3rem auto !important;}
.tree .list > li.mix .con .desc:after, .tree .list > li.mix .con.on .desc:after {background-size:3.1rem auto !important;}
.tree .list > li .con .name {font-size:2.1rem;}
.tree .list > li .con .txt {font-size:1.9rem;}
.tree .list > li.final .con .name {font-size:3.9rem;}
.tree .list > li.mix .con .name {font-size:2.9rem;}
.tree .list > li.final .con .name:before {background-size:100% auto !important;;}
.tree .list > li:after {background-size:100% auto !important;}
.tree .list > li.two .con:last-child:before {top:-7px;}
.section02 .tit span {font-size:3.9rem;}
.section02 .year_sel .sel {background-size:100% auto;}
.section02 .year_sel .sel:before {background-size:100% auto; right:2.4rem;}
.section02 .year_sel .ovsc li a {font-size:2.7rem;}
.section02 .year_sel .ovsc {background-size:100% auto;}

.section01 .inner {padding-left:0; padding-right:0;}
.section01 .main_wrap {padding:0; clip-path: none;}
.section01 .main_wrap:before, .section01 .main_wrap:after {display:none;}
.section01 .vod_area {width:94%; margin:0 auto 6rem auto; }
.section01 .news_chat .tab_box {margin:0 3rem;  padding-bottom:7rem; clip-path: polygon(11px 0, 100% 0, 100% calc(100% - 11px), calc(100% - 11px) 100%, 0 100%, 0 11px);}
.section01 .news_chat ul li a {font-size:2.3rem;}
.section01 .news_chat .tab li a {width:15.2rem; height:4rem;}
.section01 .news_chat .tab li.act a, .section01 .news_chat .tab li a:hover {background-position:0 -4rem;}
.section01 .news_chat .desc {font-size:2.3rem;}
.section01 .news_chat .desc .tit {font-size:2.3rem;}
.section01 .news_chat .desc .txt {font-size:2.2rem;}
.section01 .news_chat .desc .go_more {font-size:2.1rem;}
.section01 .news_chat .tab li:before {background-size:100% auto;}
.view_team img.bin {max-width:70%;}

.pages .bracket li .con {padding-top:9rem;}
.pages .bracket .match {height:35px; font-size:2.3rem;}
.pages .bracket .match .time {font-size:2.3rem;}
.pages .bracket .info .btn_vod:before {margin-right:0;}
.pages .bracket .tit .date {font-size:2.7rem;}
.pages .bracket .match .go_reply {font-size:2.1rem;}
.pages .reply_area .gra_tit {font-size:2.3rem;}
.pages .reply_area .reply .user {font-size:2.2rem;}
.pages .reply_area .reply .txt {font-size:2.2rem;}
.pages .reply_area .input_rp .info_txt {font-size:2.3rem; padding:4rem 110px 4rem 3rem;}
.pages .reply_area .input_rp textarea {font-size:2.3rem; padding:4rem 110px 4rem 3rem;}
.pages .reply_area .length {font-size:2.3rem;}
.rd_like li {min-width:65px;}
.rd_like input[type=radio] + label {font-size:2.1rem;}

/* popup */
.popup .pop_layout {top:50px;}
.pop_news .news_tit {height:64px; clip-path: polygon(calc(100% - 11px) 0, 100% 11px, 100% calc(100% - 11px), calc(100% - 11px) 100%, 11px 100%, 0 calc(100% - 11px), 0 0);}
.pop_news .news_tit:before {clip-path: polygon(calc(100% - 11px) 0, 100% 11px, 100% calc(100% - 11px), calc(100% - 11px) 100%, 11px 100%, 0 calc(100% - 11px), 0 0);}
.pop_news .news_tit .txt {font-size:3.1rem;}
.pop_news .news_tit .date {font-size:2.3rem;}
.pop_news .view_txt {height: calc(100% - (64px + 2rem));  clip-path: polygon(11px 0, calc(100% - 11px) 0, 100% 11px, 100% calc(100% - 11px), calc(100% - 11px) 100%, 0 100%, 0 11px);}
.pop_news .view_txt .desc {padding:3rem; clip-path: polygon(11px 0, calc(100% - 11px) 0, 100% 11px, 100% calc(100% - 11px), calc(100% - 11px) 100%, 0 100%, 0 11px);}
.pop_news .view_txt .desc:before {clip-path: polygon(11px 0, calc(100% - 11px) 0, 100% 11px, 100% calc(100% - 11px), calc(100% - 11px) 100%, 0 100%, 0 11px);}
.pop_news .view_txt .desc .ovsc {font-size:2.3rem;}
.pop_team .pl_st .player {padding:0 2rem;}
.pop_team .pl_st .player .btn_arr {width:5.1rem; height:4.9rem; background-size:100% auto;}
.pop_team .pl_st .player .btn_l {background-image: url(/images/common/event/road/btn_l_m.png); left:-3.6rem;}
.pop_team .pl_st .player .btn_r {background-image: url(/images/common/event/road/btn_r_m.png); right:-3.6rem;}
.pop_team .pl_st .player .btn_arr:hover {background-position:0 0;}
.pop_team .pl_st .tit {font-size:2.5rem;}
.pop_team .pl_st {padding:3rem;}
.pop_team .pl_st .player .name {font-size:2.1rem;}
.pop_team .pl_st .stat .desc ul {padding:0;}
.pop_team .pl_st .stat .desc li {font-size:2.3rem;}
.pop_team .pl_st .stat .desc li .img img {max-width:7rem;}
.pop_team .team_info .sns a {width:28px; height:28px; background-size:100% auto;}
.pop_team .team_info .sns a:hover {background-position:0 0;}
.pop_vod .pop_layout {top:52%;}
.pop_vod .info .txt {font-size:2.7rem;}
.pop_vod .info .date {font-size:2.3rem;}

/* sub_contents */
.news_all .list li .tit {font-size:2.3rem;}
.news_all .list li .txt {font-size:2.2rem;}
.news_all .list_wrap .sort a {font-size:2.3rem;}
.news_all .top:before, .news_all .list_wrap .box:before, .section01 .news_chat .tab_box:before {background-size:2.2rem auto;}
.news_all .top {    clip-path: polygon(11px 0, 100% 0, 100% calc(100% - 11px), calc(100% - 11px) 100%, 0 100%, 0 11px);}
.news_all .list_wrap .box {clip-path: polygon(11px 0, 100% 0, 100% calc(100% - 11px), calc(100% - 11px) 100%, 0 100%, 0 11px); min-height:700px}
.btn_read {font-size:2.5rem; background-size:100% auto; padding-left:5rem;}
.btn_read:before {background-size:100% auto; left:1.2rem;}


.league_all .table_wrap {width:940px;}
.league_all .table_wrap .txt01 {font-size:2.3rem;}
.league_all .table_wrap .txt02 {font-size:2.1rem; padding:0 5rem;}
.league_all .table_wrap .flag {width:2.7rem;}
.league_all .table_wrap .con.on .img:before {background-size:100% auto !important;}
.league_all .table_wrap .slot {font-size:2.1rem; width:58px; height:15px;}
.league_all .table_wrap .team {font-size:2.1rem; min-width:60px; height:20px; line-height:19px; left:-64px;}
.league_all .table_wrap .lg01 .txt01 span {font-size:4rem;}
.league_all .table_wrap .lg01 .img {background-size:100% auto;}
.league_all .table_wrap .lg02 .team {width:105px; left:-100px;}
.league_all .table_wrap .offline .desc {font-size:2.1rem; width:160px; height:36px;}

.league_all .table_wrap .lg02 li:before {width:184px; left:-140px;}
.league_all .table_wrap .offline.tr:after {top:17px; height:13rem; left:-111px;}
.league_all .table_wrap .offline.tr {top:0;}
.league_all .table_wrap .offline.az {bottom:0;}
.league_all .table_wrap .offline.az:after {bottom:17px; height:13rem; left:-111px;}
.league_all .table_wrap .offline .desc:before {left:-150px;}
.league_all .table_wrap .offline.tr .desc:before {top:68px;}
.league_all .table_wrap .offline.az .desc:before {top:-51px;}
.league_all .table_wrap .offline:before {width:380px;     transform: translate(-50%, -50%);}
.league_all .table_wrap li:before {left:-78px; width:78px;}
.league_all .table_wrap li .con:before {left:-78px;}
.league_all .table_wrap .lg05 li:nth-child(2) .con:after {bottom:-2.3rem;}
.league_all .table_wrap .lg04 li:after {height:14px;}
.league_all .table_wrap .lg04 li.tr:after {top:-13px;}
.league_all .table_wrap .lg04 li.az:after {bottom:-14px;}
.league_all .table_wrap .lg04 .team {left:-72px;}
.league_all .table_wrap .lg04 li:before {width:140px; left:-140px;}
.league_all .table_wrap .lg04 li .con:before {left:-140px;}
.league_all .table_wrap .lg04 li .con:after {left:-144px; top:16px;}
.league_all .table_wrap .lg04 li:first-child .con:after {bottom:16px;}

/* 250108 추가 */
.section01 .news_chat .tab .only li a {height:4rem; width:148px;}
.section01 .news_chat .no_data {height:56rem; }
.section01 .news_chat .no_data span {font-size:2.3rem; clip-path: polygon(11px 0, calc(100% - 11px) 0, 100% 11px, 100% calc(100% - 11px), calc(100% - 11px) 100%, 11px 100%, 0 calc(100% - 11px), 0 11px);}
.section01 .news_chat .no_data:after {right:10px; height:15px;}
.section01 .news_chat .no_data:before {left:10px; height:15px;}
.news_all .list_wrap .box .no_data span {font-size:2.9rem;}
.pop_delete .pop_layout {top:50%;}
.pop_delete .pop_layout .desc .txt {font-size:2.7rem; height:120px;}
.pop_delete .pop_layout .btns button {width:100px; height:36px; font-size:2.1rem;}

/* new */
.ver02 .sctm_wrap .week_list ul li { width: calc((100% - 12rem) / 2);}
.ver02 .sctm_wrap .week_list ul li a {font-size:2.5rem; height:36px;}
.ver02 .pages .bracket .match {height:40px;}
.ver02 .pages .bracket .match .go_reply {width:40px;}
.ver02 .pages .bracket .match .go_reply:before {width:3.7rem; height:3.8rem; background-size:100% auto;}
.ver02 .pages .bracket .match .go_reply:hover:before {background-position:0 -3.8rem;}
.ver02 .pages .bracket .tit {font-size:3.1rem;}
.ver02 .pages .bracket .tit img {width:22px;}
.ver02 .pages .bracket li .con {padding-top:10rem;}
.ver02 .sctm_wrap .right_info .etc .team ul {max-width:none;}
.ver02 .sctm_wrap .right_info .con.etc .team li {height:60px;}
.ver02 .sctm_wrap .right_info .con.etc .team li .name {font-size:2.3rem;}
.ver02 .sctm_wrap .right_info .con.etc .team li:hover .detail:before {top: -5px; left: 3px;}
.ver02 .sctm_wrap .right_info .con.etc .team li:hover .detail:after {bottom: -5px; right: 3px;}
.ver02 .sctm_wrap .right_info .con.etc .team li:hover .detail {font-size:2.5rem; background-size: 20px auto;}
.ver02 .sctm_wrap .right_info .con.etc .team li {width: calc((100% - 6rem) / 2);}
.ver02 .sctm_wrap .right_info .tit {bottom:-2rem; font-size:12.8rem;}
.ver02 .view_tab .btn_tab a {height:40px; font-size:3.1rem;}
.ver02 .view_tab .btn_tab a:after {background-size:100% auto;}
.ver02 .sctm_wrap .right_info .con.champ .team:before {width:30px; height:30px;  left:5px;}

/* empty */
.empty .desc .txt {font-size:4rem;}
}

	
@media screen and (max-width: 370px) {
.popup .pop_cont {height:100%;}
.pop_team .pl_st {height: calc(100% - 153px);  overflow-y: scroll; padding-right:1.8rem; margin-right:1rem;}
.pop_team .pl_st::-webkit-scrollbar {width: 0.9rem; }
.pop_team .pl_st::-webkit-scrollbar-track {border-radius:0.45rem; background:rgba(0, 0, 0, 0.5); margin-block: 2.4rem; }
.pop_team .pl_st::-webkit-scrollbar-thumb { border-radius:0.45rem; background: linear-gradient(to right, #69ccff , #006cff);}	
.pop_team .team_info .desc .name {font-size:2.3rem;}
.team_info .desc .score span {font-size:2.3rem;}
.pop_team .pl_st {margin-right:0;}
.pop_team .pl_st .player .btn_r {right:0;}
.pop_team .pl_st .player .btn_l {left:0;}
.pop_team .team_info .desc {padding-left:2.4rem;}
.pop_team .pl_st .stat .desc li {font-size:1.9rem;}
.pop_team .pl_st .sns a {width:24px; height:24px; margin-right:5px;}
.pop_team .pl_st .sns a:hover {background-position:0 0;}

/* new */
.ver02 .sctm_wrap .right_info .tit {font-size:10rem;}

}	

@keyframes twinkle_one {
    0% {
        opacity: 1;
    }

    30% {
        opacity: 1;
    }

    70% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}