@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed: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&display=swap');

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,button,figure,figcaption { margin:0;padding:0;box-sizing:border-box;}
* {box-sizing:border-box;}
a, img, fieldset { border:0;}
dl,ul,ol,menu,li{ list-style:none;}
body,th,td,input,select,textarea,button{ line-height:1.2; color:#000; font-family: 'Barlow Condensed', 'Roboto' ,HelveticaNeue-Light,AppleSDGothicNeo-Light,sans-serif; font-size:1.6rem; letter-spacing:0;}
a{ color:#222;text-decoration:none; transition:all ease-in-out 0.2s;}
a:hover{ text-decoration:none;}
/* a:active{ background-color:transparent;} */
address,cite,code,dfn,em,var{ font-style:normal;font-weight:100;}
h1,h2,h3,h4,h5,h6 { font-weight:400;}
textarea { resize:none;}
img { line-height:0; vertical-align:top; max-width: 100%;}
form, fieldset { width:100%; display:block;}
table { border-collapse:collapse; border-spacing:0;}
b,strong { font-weight:400;}
ul {font-size:0;}
a {display:inline-block;}

/**/
select { -webkit-appearance: none;-moz-appearance: none;appearance: none;}
select::-ms-expand { display: none;}
/*input { -webkit-appearance: none;-moz-appearance: none;appearance: none; border:none;}
input::-ms-clear { display: none;} */
input:focus { outline: none;}
button:focus { outline: none;}
/* a:focus, input:focus, button:focus, textarea:focus {outline:1px dotted #ddd;} */
img { -ms-interpolation-mode:bicubic !important;}
html {-webkit-text-size-adjust: none;-ms-text-size-adjust: none; font-size:62.5%;}

/* common class */
.none { display: none;}
.sdonly { position:absolute; top:0 !important; left:0 !important; line-height:0 !important; font-size:0 !important; width:0 !important; height:0 !important; color:transparent !important; overflow:hidden !important;} /*사운드리더 only */
.sdonly:before, .sdonly:after { display:none !important;}
.ov-bg { background: #000; opacity: 0.4; filter: alpha(opacity=40);top:0;left:0; right:0; height:100%; z-index: 100; position: fixed; display: none;}
.dimmed {width: 100%; height: 100%; background: url(/images/common/dim_bk60.png) repeat; position: fixed; left: 0; top: 0; z-index: 90;}

/**/
.clr:after { content:''; display:block; clear:both;}
.clr > li { float:left;}
.por {position:relative;}
.poa {position:absolute;}
.tac {text-align:center;}
.tal {text-align:left;}
.tar {text-align:right;}
.fl { float:left;}
.fr { float:right;}
.dsb {display:block;}
.dsi {display:inline-block;}
.dst {display:table; width:100%; height:100%;}
.dstc {display:table-cell; vertical-align: middle;}
.dstr {display:table-row;}
.inner {max-width:1268px; width:100%; margin:0 auto; padding:0 20px;}

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

/* base */
.ft26 {font-size:2.6rem;}
.ft25 {font-size:2.5rem;}
.ft24 {font-size:2.4rem;}
.ft23 {font-size:2.3rem;}
.ft22 {font-size:2.2rem;}
.ft21 {font-size:2.1rem;}
.ft20 {font-size:2rem;}
.ft19 {font-size:1.9rem;}
.ft18 {font-size:1.8rem;}
.ft17 {font-size:1.7rem;}
.ft16 {font-size:1.6rem;}
.ft15 {font-size:1.5rem;}
.ft14 {font-size:1.4rem;}
.ft13 {font-size:1.3rem;}
.ft12 {font-size:1.2rem;}
.ft11 {font-size:1.1rem;}
.ft10 {font-size:1rem;}
.ft00 {font-size:0;}

.btn00 {display:block; color:#fff; font-weight:300; background:rgba(0, 154, 239, 0.7); border:1px solid #009aef; text-align:center; margin:0 auto; text-transform:uppercase;}
.btn62 {width:200px; height:62px; line-height:60px; font-size:1.8rem;}
.btn42 {width:140px; height:42px; line-height:40px; font-size:1.8rem;}
.btn14 {width:140px;}
.btn00:hover {background:url('/images/common/esports_v2/btn00.png') center center no-repeat; background-size:cover; text-shadow: 0 1px 100px #009aef, 0 0 5px #009aef; background-size:cover;}
.btn01 {color:#fff; font-size:1.8rem; text-align:center; background:#d21e00; border:1px solid #ff2400; display:block; text-transform:uppercase;}
.btn01:hover {background:#d21e00; background: linear-gradient(to right, #d21e00, #fc2400); text-shadow: 0 1px 100px #ffc1b7, 0 0 5px rgba(255, 193, 183, 1);}

.sel00 {display:block; width:100%; height:54px; line-height:54px; border:1px solid #fff; background:rgba(255, 255, 255, 0.3) url('/images/common/esports_v2/sel_arr.png') right 2.5rem center no-repeat; font-size:2.4rem; font-weight:700; color:#fff; padding:0 2.5rem;}
.sel00:focus {outline:none;}
.search_box {position:relative; padding-right:54px; border:1px solid #009aef; background:rgba(0, 154, 239, 0.2);}
.search_box input {padding:1.5rem; width:100%; height:54px; background:none; outline:none; border:none; color:#fff; font-size:1.8rem;}
.search_box input::placeholder {color:#fff;}
.search_box button {cursor:pointer; position:absolute; top:0; right:0; width:54px; border:none; border-left:1px solid #009aef; line-height:54px; text-align:center; background:rgba(255, 255, 255, 0);}
.search_box button img {vertical-align:middle; position:relative; top:-2px;}
.search_box button:hover {background:url('/images/common/esports_v2/btn00.png') center center no-repeat;}

.select_box {position:relative; z-index:1;}
.select_box .sel_on {display:block; width:100%; height:54px; line-height:54px; border:1px solid #009aef; background:rgba(0, 154, 239, 0.2) url('/images/common/esports_v2/sel_arr.png') right 2.5rem center no-repeat; font-size:2.4rem; font-weight:600; color:#ffffff; padding:0 2.5rem;}
.select_box .sel_list {position:absolute; left:0; right:0; top:55px; display:none;}
.select_box li {border-bottom:1px solid #000;}
.select_box li a {display:block; background:rgba(0,0,0,0.9); font-size:2rem; font-weight: 500; color:#009aef; padding:1.5rem 2.5rem;}
.select_box li a:hover {background:#008bd8; color:#fff;}

/* 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);}
.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;}

/***************************************************************************************************/

@media screen and (min-width: 1921px) {
.sub_wrap:before {background-size:cover !important; background-position:center -80px !important;}
}

/* gnb */
#header {position:absolute; top:0; left:0; right:0; z-index:11;}
.header_wrap {height:120px; background:rgba(0, 0, 0, 0.8); /* border-bottom:1px solid rgba(255, 255, 255, 0.2); */ position:relative;}
.header_wrap:before {content:''; display:block; bottom:-1px; left:0; right:0; height:1px; background:rgba(255, 255, 255, 0.2); position:absolute;}
.pc nav > ul { padding: 0 37rem 0 24rem;}
nav > ul li a {color:#fff; display:block; font-size:2.2rem;}
nav .depth2 li a {font-size:1.2rem;}
.m_menu {display:block; position: absolute; top:1px;}
.m_menu {left:1px; width:120px; height:120px; background:rgba(0, 0, 0, 0.8) url('/images/common/esports_v2/btn_menu.png') center center no-repeat; border:1px solid rgba(255, 255, 255, 0.2);}
.m_menu.active {background:rgba(0, 0, 0, 0.8) url('/images/common/esports_v2/btn_close.png') center center no-repeat;}
/*.pc .header_wrap > h1 { position: absolute; left:50px; top:26px;} 20220607 */
.pc .header_wrap > h1 { position: absolute; left:50px; top:46px; line-height: 0;}
.pc nav > ul {text-align:center;}
.pc nav > ul > li {display:inline-block;}
.pc nav > ul > li > a {line-height:120px; position:relative; font-weight: 500; padding:0 5rem;}
.pc nav .depth2 {display: none; position: absolute; left: 0; top: 72px; width: 100%; padding:36px 20px; text-align: center; background-color: rgba(0,0,0,0.7); z-index: 99;}
.pc nav .depth2 li {display:inline-block; margin:0 6px; vertical-align: top;}
.pc nav .depth2 li a {text-transform:uppercase; display:block; width:108px; height:108px; border:1px solid #444; border-radius: 5px; background:#222; padding:11px 10px 0; color:#888; letter-spacing: 0.4px;}
.pc nav .depth2 li a img {opacity: 0.5; filter: alpha(opacity=50);}
.pc nav .depth2 li a span {display:block; margin-top:11px; line-height: 16px;}
.pc nav .depth2 li.line2 a span {margin-top:3px;}
.pc nav > ul > li:hover ul {display:block;}
.pc nav > ul > li:hover > a, .pc nav > ul > li.on > a {color:#ffc000; background:rgba(255, 192, 0, 0.2);}
.pc nav .depth2 li a:hover {background:#a00; opacity: 1; filter: alpha(opacity=100); border:1px solid #f00; color: #fff;}
.pc nav .depth2 li a.discord:hover {background:#536aba; border: 1px solid #7289da;}
.pc nav .depth2 li a.facebook:hover {background:#476394; border: 1px solid #638cd1;}
.pc nav .depth2 li a.insta:hover {background:#c90c68; border: 1px solid #f3509f;}
.pc nav .depth2 li a:hover img {opacity: 1; filter: alpha(opacity=100);}
.pc nav .depth2_sns li a {padding:16px 10px 0;}
.pc .m_menu, .pc .m_user, .pc .m_close {display:none;}
.pc .util {position:absolute; right:0; top:0;}
.pc .util .login {width:120px; height:120px; text-align:center; line-height:120px; background:rgba(255, 255, 255, 0.2); color:#fff; font-size:1.8rem; position:relative;}
.pc .util .login:after, .pc .util .login:before {position:absolute; content:''; display:block; width:54px; height:1px; background:rgba(255, 255, 255, 0.5); left:50%; margin-left:-27px;}
.pc .util .login:after {bottom:47px;}
.pc .util .login:before {top:48px;}
.pc .util .login:hover {background:rgba(255, 255, 255, 0.6);}
.pc .util .login:after, .pc .util .login:before {background:#fff;}
.header_wrap .sns {display:inline-block; vertical-align:middle; margin-right:30px;}
.header_wrap .sns li {display:inline-block; margin-right:10px;}
.header_wrap .sns li a {transition:none; width:42px; height:42px; background-position:0 0; background-repeat:no-repeat; vertical-align:middle;}
.header_wrap .sns li.youtube a {background-image:url('/images/common/esports_v2/sns_youtube.png');}
.header_wrap .sns li.insta a {background-image:url('/images/common/esports_v2/sns_insta.png');}
.header_wrap .sns li.facebook a {background-image:url('/images/common/esports_v2/sns_facebook.png');}
.header_wrap .sns li.discord a {background-image:url('/images/common/esports_v2/sns_discord.png');}
.header_wrap .sns li.tiktok a {background-image:url('/images/common/esports_v2/sns_tiktok.png');}
.header_wrap .sns li a:hover {transition:none; background-position:0 -42px;}

/* footer (layout from common.css .footer; font-size/color kept from original) */
.footer {text-align:center; padding:3.5rem 0; color:#909090; background:#000000; border-top:1px solid rgba(255, 255, 255, 0.2); font-size:14px;}
.footer .contact {margin-top:2rem; color:#fff;}
.footer .contact a {color:#ffdd00;}
.footer .contact a:hover {text-decoration:underline;}
.footer .copyright {margin-top:1rem; line-height:1.5;}
.footer .copy {margin-top:2rem; font-size:1.2rem;}
.footer .logo img {margin:0 3rem;}

/* pop */
.popup {display:none; left:50%; top:50%; position: fixed; z-index: 101; background:#000; border:1px solid #009aef;}

/* paging */
.paging_wrap {text-align:center; padding:4rem 0;}
.paging_wrap li {display:inline-block; vertical-align:middle;}
.paging_wrap li a {color:#888888; font-size:1.2rem; min-width:30px; height:24px; line-height:24px; display:block; padding: 0 1.2rem;}
.paging_wrap li.on a {color:#dd0000; text-decoration:underline;}
.paging_wrap li:hover a {background:#e0e0e0; color:#000;}
.paging_wrap li.first a {background:url('/images/common/page_arr_ll.png') center center no-repeat;}
.paging_wrap li.prev a {background:url('/images/common/page_arr_l.png') center center no-repeat;}
.paging_wrap li.next a {background:url('/images/common/page_arr_r.png') center center no-repeat;}
.paging_wrap li.last a {background:url('/images/common/page_arr_rr.png') center center no-repeat;}
.paging_wrap li.first:hover a {background:#e0e0e0 url('/images/common/page_arr_ll_on.png') center center no-repeat;}
.paging_wrap li.prev:hover a {background:#e0e0e0 url('/images/common/page_arr_l_on.png') center center no-repeat;}
.paging_wrap li.next:hover a {background:#e0e0e0 url('/images/common/page_arr_r_on.png') center center no-repeat;}
.paging_wrap li.last:hover a {background:#e0e0e0 url('/images/common/page_arr_rr_on.png') center center no-repeat;}

.loding {width: 100%; height: 100%; font-size: 17px; color: #fff; text-align: center; background: url(/images/common/dim_bk40.png) repeat; position: fixed; left: 0; top: 0; z-index: 999; display: none;}
.loding > p {width: 62px; height: 62px; margin: -31px 0 0 -31px; background: url(/images/common/loading_bg.png) no-repeat; background-size: 100%; position: relative; top: 50%; left: 50%;}
.loding > p > img {width: 60px; height: 60px;}

#layer_popup {width: 641px; margin-top: 192px; margin-left: -320px; position: absolute; top: 0; left: 50%; z-index:101;}
#layer_popup > iframe {width: 100%; border: none; display: block; position: relative; z-index: 99;}

/* contents */
/* main */
.main_slider {position:relative;}
.main_slider .slider_list li a {display:block; position:relative; height:0; padding-top:36%;}
.main_slider .slider_list li a img {position:absolute; top:0; left:0; width:100%; height:100%;}
.main_slider .slider-nav_wrap {position:absolute; bottom:0; left:0; right:0; border-top:1px solid rgba(255, 2552, 255, 0.2); border-bottom:1px solid rgba(255, 2552, 255, 0.2);}
.main_slider .slider-nav_wrap .slider-nav {max-width:1248px; margin:0 auto; padding:0 80px; position:relative;}
.main_slider .slider-nav_wrap li {border-right:1px solid rgba(255, 2552, 255, 0.2); padding:1px;}
.main_slider .slider-nav_wrap li a {height:80px; line-height:80px; font-size:1.8rem; color:#fff; display:block; text-align:center; padding:0 2rem; overflow: hidden; text-overflow: ellipsis; -ms-text-overflow: ellipsis; word-wrap: normal; white-space: nowrap;}
.main_slider .slider-nav_wrap li a:hover, .main_slider .slick-current a {background:url('/images/common/esports_v2/main_dot_ov.jpg') center center no-repeat; background-size:cover;}
.main_slider .slider-nav_wrap li a:focus {outline:none;}
.main_slider .slider-nav_wrap .slick-arrow, .btn_main_arr {z-index:1; display:block !important; cursor:pointer; border:none; outline:none; background-color:rgba(255, 255, 255, 0);width:80px; height:82px; font-size:0; color:transparent; background-repeat:no-repeat; background-position:0 0; position:absolute; top:0;}
.main_slider .slider-nav_wrap .slick-prev, .btn_main_l {background-image:url("/images/common/esports_v2/main_arr_l.png"); left:0; border-right:1px solid rgba(255, 2552, 255, 0.2) !important;}
.main_slider .slider-nav_wrap .slick-next, .btn_main_r {background-image:url("/images/common/esports_v2/main_arr_r.png"); right:0; border-left:1px solid rgba(255, 2552, 255, 0.2) !important;;}
.main_slider .slider-nav_wrap .slick-arrow:hover, .btn_main_arr:hover { background-position:0 -80px; background-color:rgba(0, 0, 0, 0.5);}
.main_slider .slider-nav_wrap .slick-arrow:before, .btn_main_arr:before {content:''; display:none; position:absolute; border:1px solid #009aef; top:-1px; left:-1px; right:-1px; bottom:-1px;}
.main_slider .slider-nav_wrap .slick-arrow:hover:before, .btn_main_arr:hover:before {display:block;}
.main_slider .slider_list li a img.mobile {display:none !important;}
.main_slider .slider-nav_wrap .inner {position:relative; max-width:1248px; padding:0;}
.sponsor {background:url('/images/common/esports_v2/back_sponsor.jpg') 0 0 repeat; text-align:center; padding:4rem 2rem;}
.sponsor li {display:inline-block; margin:0 8rem;}
.sponsor li img {max-height:54px;}
.mid_con {background:url('/images/common/esports_v2/main_bg.jpg') center center no-repeat; background-size:cover; padding:9rem 0 10rem;}
.main_slider .slider-nav_wrap .slick-track {margin:0 auto;}

.mid_con .news .news_list {margin-left:-6.8rem;}
.mid_con .news .news_list li {padding-left:6.8rem; width:50%; margin-bottom:5rem;}
.mid_con .news .news_list .con {position:relative; font-weight:300; text-align:center;}
.mid_con .news .news_list .thum {height:0; padding-top:58.63%; position:relative;}
.mid_con .news .news_list .thum img {position:absolute; top:0; left:0; width:100%; height:100%;}
.mid_con .news .news_list .tit {margin:15px 0 5px; font-size:2rem; color:#fff; text-transform:uppercase; overflow: hidden; text-overflow: ellipsis; -ms-text-overflow: ellipsis; word-wrap: normal; white-space: nowrap;}
.mid_con .news .news_list .date {color:#009aef; font-size:1.8rem; overflow: hidden; text-overflow: ellipsis; -ms-text-overflow: ellipsis; word-wrap: normal; white-space: nowrap;}
.mid_con .news .news_list li:hover .thum:before {border:2px solid #009aef; top:0; left:0; bottom:0; right:0; content:''; display:block; position:absolute; z-index:1;}
.mid_con .news .news_list li:hover .tit, .mid_con .news .news_list li:hover .date {color:#009aef;}
.mid_con .tourna_wrap {margin-top:9rem;}
.mid_con .league_area {padding:5rem 0; margin-top:5rem; background:url('/images/common/esports_v2/pattern.png') 0 0 repeat; border-top:1px solid rgba(255, 255, 255, 0.2); border-bottom:1px solid rgba(255, 255, 255, 0.2);}
.league_area .league_table {font-size:1.8rem; color:#fff; margin-bottom:5rem; text-align:center;}
.league_area .league_table > div {overflow:hidden; margin-bottom:3px;}
.league_area .league_table > div > div {float:left; height:60px; line-height:60px; margin-left:1px; background:rgba(255, 255, 255, 0.2); padding:0 1rem; overflow: hidden; text-overflow: ellipsis; -ms-text-overflow: ellipsis; word-wrap: normal; white-space: nowrap;}
.league_area .league_table .tit > div {text-align:center; padding:0 1rem; color:#9fddff; background:url('/images/common/esports_v2/league_tit.jpg') center center repeat; height:40px; line-height:40px;}
.league_area .league_table .name {width:50%; margin-left:0; position:relative; text-align:left; padding-left:70px;}
.league_area .league_table .match {width:calc(25% - 1px); color:#d6d6d6;}
.league_area .league_table .score {width:calc(25% - 1px); color:#ffc000;}
.league_area .league_table .point {width:calc(13% - 1px); color:#75ff8c;}
.league_area .league_table .tie {width:calc(13% - 1px); color:#d6d6d6;}
.league_area .league_table .name span {display:block; position:absolute; top:0; left:0; bottom:0; width:60px; background:rgba(255, 255, 255, 0.3); border-right:1px solid #000; text-align:center;}
.league_area .league_table .name img {vertical-align:middle; margin-right:10px; position:relative; top:-2px; width:24px; height:24px;}

.mid_con .tournament_area .tourna_wrap > .tit {font-size:3.2rem; color:#009aef; font-weight:700; text-align:center; margin-bottom:5rem;}
.mid_con .tournament_area .tourna_wrap .tourna_list .con .thum {padding-top:49.6%;}
.mid_con .tournament_area .tourna_wrap .tourna_list {margin-left:-6.8rem;}
.mid_con .tournament_area .tourna_wrap .tourna_list > li {padding-left:6.8rem;}

/* sub */
.sub_wrap {padding:120px 0 230px; background:#000; position:relative; min-height:calc(100vh - 230px);}
.sub_wrap .inner {max-width:1090px; padding:0 2.5rem;}
.sub_wrap:before, .sub_wrap:after {position:absolute; content:''; display:block; left:0; right:0;}
.sub_wrap:before {top:0; background:url('/images/common/esports_v2/back_sub01.jpg') center 0 no-repeat; height:911px;}
.sub_wrap:after {bottom:0; background:linear-gradient(to bottom, #000 , #002f48); height:400px;}
.btn_top {z-index:1; position:fixed; bottom:0; right:2px; width:68px; height:68px; line-height:68px; text-align:center; display:block; color:#fff; background:rgba(255, 192, 0, 0.4); font-size:1.8rem;}
.btn_top.fix {bottom:110px;}
.btn_top:before {position:absolute; content:''; display:block; height:70px; width:70px; top:-2px; right:-2px; border:1px solid rgba(255, 255, 255, 0.2);}
.btn_top:hover { background:rgba(255, 192, 0, 0.7);}
.sub_wrap .sub_contents {position:relative; z-index:1;}
.sub_wrap .sub_top {color:#fff; max-width:1040px; margin:0 auto; padding-bottom:2rem; border-bottom:1px solid rgba(255, 255, 255, 0.3); padding-top:6.5rem;}
.sub_wrap .sub_top h2 {font-size:5rem; font-weight:bold; text-transform:uppercase; text-align:center;}
.sub_wrap .menu_list {text-align:right; margin-top:3.5rem;}
.sub_wrap .menu_list li {display:inline-block; padding-right:14px; position:relative;}
.sub_wrap .menu_list li:before {position:absolute; content:''; display:block; top:50%; margin-top:-3px; right:3px; width:7px; height:7px; background:url('/images/common/esports_v2/sub_nav_arr.png') 0 0 no-repeat;}
.sub_wrap .menu_list li:last-child {padding-right:0;}
.sub_wrap .menu_list li:last-child:before {display:none;}
.sub_wrap .menu_list li a {font-size:1.6rem; color:#fff; font-weight:300;}

/* news */
.sub_wrap .news_wrap .list li {padding:3rem 0; border-bottom:1px solid rgba(255, 255, 255, 0.3);}
.sub_wrap .news_wrap .list li .cont {position:relative; font-size:0;}
.sub_wrap .news_wrap .list li .cont .thum {box-shadow: 5px 0 10px #000; position:relative; height:0; width:340px; padding-top:19.3%; display:inline-block; vertical-align:top;}
.sub_wrap .news_wrap .list li .cont .thum img {position:absolute; top:0; left:0; width:100%; height:100%;}
.sub_wrap .news_wrap .list li .cont .con {width:calc(100% - 340px); display:inline-block; vertical-align:top; padding-left:2rem;}
.sub_wrap .news_wrap .list li .cont .tit {font-size:2.4rem; color:#fff; overflow: hidden; text-overflow: ellipsis; -ms-text-overflow: ellipsis; word-wrap: normal; white-space: nowrap;}
.sub_wrap .news_wrap .list li .cont .date {margin:1.5rem 0;font-size:1.6rem; color:#009aef; font-weight:300; overflow: hidden; text-overflow: ellipsis; -ms-text-overflow: ellipsis; word-wrap: normal; white-space: nowrap;}
.sub_wrap .news_wrap .list li .cont .txt {font-size:1.8rem; color:#cacaca; font-weight:300; height:63px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.sub_wrap .news_wrap .list li:hover .thum:before {border:2px solid #009aef; top:0; left:0; bottom:0; right:0; content:''; display:block; position:absolute; z-index:1;}
.sub_wrap .news_wrap .list li:hover .tit, .sub_wrap .news_wrap .list li:hover .txt {color:#009aef;}
.sub_wrap .news_wrap .btn00 {margin-top:4rem;}
.sub_wrap .view_wrap .title {text-align:center; padding:4rem 0;}
.sub_wrap .view_wrap .title .tit {font-size:3.2rem; color:#ffffff;}
.sub_wrap .view_wrap .title .date {color:#009aef; font-size:2rem; margin-top:10px;}
.sub_wrap .view_wrap .con {border:1px solid rgba(255, 255, 255, 0.3); padding:4rem; font-size:1.8rem; color:#cacaca; border-bottom:0; word-break: break-all;}
.sub_wrap .view_wrap .con table { max-width: 958px !important; width: 100% !important; margin:0 auto; table-layout:fixed; word-break:break-all;}
.sub_wrap .view_wrap .con table td, .sub_wrap .view_wrap .con table tr {width:auto !important; height:auto !important; word-break:break-all; white-space: pre-wrap;}
.sub_wrap .view_wrap .con img {max-width:100% !important; height:auto !important;}
.sub_wrap .view_wrap .con iframe {max-width:100%;}
.sub_wrap .view_wrap .view_paging {border-top:1px solid rgba(255, 255, 255, 0.3); }
.sub_wrap .view_wrap .view_paging .view_list li {margin-bottom:1px;}
.sub_wrap .view_wrap .view_paging .view_list li:last-child {margin-bottom:0;}
.sub_wrap .view_wrap .view_paging .view_list a {padding:2.2rem 2rem 2.2rem 11.4rem;position:relative; background:rgba(255, 255, 255, 0.1); display:block; overflow: hidden; text-overflow: ellipsis; -ms-text-overflow: ellipsis; word-wrap: normal; white-space: nowrap; color:#cacaca; font-size:1.6rem;}
.sub_wrap .view_wrap .view_paging .view_list a span {color:#009aef; width:100px; display: flex; align-items: center; justify-content: space-evenly; line-height:60px; background:rgba(255, 255, 255, 0.1); position:absolute; top:0; bottom:0; left:0;}
.sub_wrap .view_wrap .view_paging .view_list a:hover span {background:rgba(0, 154, 239, 0.6);}
.sub_wrap .view_wrap .view_paging .view_list a:hover {color:#fff;}
.sub_wrap .view_wrap .view_paging .view_list a span img {vertical-align:middle;}
.sub_wrap .view_wrap .view_btns {margin-top:4rem;}
.sub_wrap .view_wrap .view_btns .btn62 {width:140px;}
.sub_wrap .view_wrap .view_btns .btn_shars .tit {display:inline-block; vertical-align:middle; color:#009aef; font-size:1.8rem;}
.sub_wrap .view_wrap .view_btns .btn_shars .btn00 {display:inline-block; vertical-align:middle; width:62px; height:62px; line-height:62px; margin-left:10px;}
.sub_wrap .view_wrap .view_btns .btn_shars .btn00 img {vertical-align:middle; position:relative; top:-2px;}

/* league */
.sub_wrap .league_area .sel00, .sub_wrap .league_area .select_box {margin-bottom:2rem;}
.sub_wrap .league_area .league_table .tit > div {height:50px; line-height:50px; border-top:1px solid rgba(255, 255, 255, 0.3); border-bottom:1px solid rgba(255, 255, 255, 0.3);}
.sub_wrap .league_area .league_table .match .w {color:#ff2400;}
.sub_wrap .league_area .league_table .match .l {color:#8c9eff;}

/* schedule */
.schedule_wrap .week_tab {margin:4rem 0 2rem; position:relative; padding:0 58px;}
.schedule_wrap .week_tab button {display:block !important; top:0; background-color:rgba(0, 154, 239, 0.5); width:53px; height:53px; text-align:center; line-height:51px; position:absolute; cursor:pointer;}
.schedule_wrap .week_tab button img {vertical-align:middle;}
.schedule_wrap .week_tab button.btn_week_l {left:0;}
.schedule_wrap .week_tab button.btn_week_r {right:0;}
.schedule_wrap .week_tab .week_list {margin-left:-4px;}
.schedule_wrap .week_tab .week_list li {display:inline-block; padding-left:4px;}
.schedule_wrap .week_tab .week_list li a {outline:none; background-repeat:no-repeat; border-radius:4px 4px 0 0; background-position:0 0; transition:none; background-image:url('/images/common/esports_v2/back_tab.png'); text-transform:uppercase; color:#9fddff; font-size:2rem; display:block; text-align:center; height:53px; line-height:53px;}
.schedule_wrap .week_tab .week_list li a:hover, .schedule_wrap .week_tab .week_list li.on a {background-position:0 -53px; transition:none; color:#fff;}
.schedule_table {position:relative; overflow:hidden;}
.schedule_table .inner {overflow-y:scroll; max-height:798px; position:relative; padding:0 2.5rem 2rem 0 !important; max-width:1040px;}
.schedule_table .schedule_list {overflow:hidden; margin-left:-2.5rem; position:relative;}
.schedule_table:after {position:absolute; content:''; display:block; width:998px; left:50%; margin-left:-520px; bottom:1px; height:1px; background:rgba(255, 255, 255, 0.3);}
.schedule_table .schedule_list li {padding-left:2.5rem; position:relative;}
.schedule_table .schedule_list li:focus {border:none; outline:none;}
.schedule_table .schedule_list li:before {position:absolute; content:''; display:block; right:-1.25rem; width:1px; top:0; bottom:0; background:rgba(255, 255, 255, 0.3);}
.schedule_table .schedule_list li .date {color:#3facee; font-weight:700; font-size:2rem; padding:1.3rem 0; text-align:center; letter-spacing:0.05rem; position:relative;}
.schedule_table .schedule_list li .date:before, .schedule_table .schedule_list li .date:after {position:absolute; content:''; display:block; left:0; right:-2.5rem; height:1px; background:rgba(255, 255, 255, 0.3);}
.schedule_table .schedule_list li .date:before {top:0;}
.schedule_table .schedule_list li .date:after {bottom:0;}
.schedule_table .inner:before {bottom:0; left:2.5rem; right:2.5rem;}
.schedule_table .schedule_list li:last-child .date:before, .schedule_table .schedule_list li:last-child .date:after {right:-1.25rem;}
.schedule_table .schedule_list .schedule {border-top:1px solid #3facee; overflow:hidden; margin-top:2rem; background:rgba(255, 255, 255, 0.1); padding:1.5rem 2rem 2rem; position:relative; font-size:0;}
.schedule_table .schedule_list .schedule .team {display:inline-block; vertical-align:top; width:100px;}
.schedule_table .schedule_list .schedule .team01 {float:left;}
.schedule_table .schedule_list .schedule .team02 {float:right;}
.schedule_table .schedule_list .schedule .team .thum {position:relative; width:100%; height:100px;}
.schedule_table .schedule_list .schedule .team .thum img {position:absolute; top:0; left:0; width:100%; height:100%;}
.schedule_table .schedule_list .schedule .team .name {padding:0 5px; text-align:center; width:100%; height:40px; color:#acacac; font-size:1.5rem; line-height:1; background:rgba(255, 255, 255, 0.1);}
.schedule_table .schedule_list .schedule .team .name span {max-height:32px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.schedule_table .schedule_list .schedule .team.win .name {color:#ffb400;}
.schedule_table .schedule_list .schedule .result {text-align:center; position:absolute; top:60px; left:0; right:0;}
.schedule_table .schedule_list .schedule .score {color:#fff; font-size:3.2rem;}
.schedule_table .schedule_list .schedule .score .win {color:#ffb400;}
.schedule_table .schedule_list .schedule .time {color:#009aef; margin-bottom:1.5rem; font-size:2.2rem; overflow: hidden; text-overflow: ellipsis; -ms-text-overflow: ellipsis; word-wrap: normal; white-space: nowrap;}
.schedule_table .schedule_list .schedule .tit {clear:both; font-size:1.8rem; color:#009aef; overflow: hidden; text-overflow: ellipsis; -ms-text-overflow: ellipsis; word-wrap: normal; white-space: nowrap; padding-top:2rem; text-align:center;}
.schedule_table .schedule_list .schedule .go_video {display:block; margin:1.5rem auto 0; text-align:center; line-height:41px; width:42px; height:42px; background-color:rgba(0, 154, 239, 0.2); border:1px solid #009aef;}
.schedule_table .schedule_list .schedule .go_video img {display:inline; vertical-align:middle;}
.schedule_table .schedule_list .schedule .go_video:hover {background:url('/images/common/esports_v2/btn00.png') center center no-repeat; background-size:cover;}
.schedule_table .slick-arrow {font-size:0; color:transparent; z-index:1; position:absolute; top:19px; background-color:rgba(255, 255, 255, 0); background-position:0 0; background-repeat:no-repeat; border:none; cursor:pointer; display:block; width:12px; height:17px;}
.schedule_table .slick-prev {background-image:url('/images/common/esports_v2/date_l.png'); left:2.5rem;}
.schedule_table .slick-next {background-image:url('/images/common/esports_v2/date_r.png'); right:2.5rem;}
.schedule_table .slick-arrow:hover {background-position:0 -17px;}

/* team */
.team_wrap .search_box {margin:2rem 0 2rem auto; width:230px;}
.team_wrap .team_list {margin-left:-4rem;}
.team_wrap .team_list li {display:inline-block; width:25%; padding-left:4rem; margin-bottom:4rem;}
.team_wrap .team_list li .con {position:relative; padding:2.5rem; background:rgba(255, 255, 255, 0.2); text-align:center;}
.team_wrap .team_list li .con .thum {background:#000000; width:100%; height:0; position:relative; padding-top:100%;}
.team_wrap .team_list li .con .thum img {position:absolute; top:0; left:0; width:100%; height:100%;}
.team_wrap .team_list li .con .name {color:#fff; font-size:1.8rem; overflow: hidden; text-overflow: ellipsis; -ms-text-overflow: ellipsis; word-wrap: normal; white-space: nowrap; padding-top:2rem; text-align:center;}
.team_wrap .team_list li .go_detail {display:none; position:absolute; left:0; bottom:0; right:0; top:0; z-index:10; color:#fff; font-size:2rem; text-transform:uppercase; background:url('/images/common/esports_v2/datail_hover.png') center center no-repeat; background-size:cover; font-weight:500;}
.team_wrap .team_list li .go_detail img {display:block; margin:0 auto 1.5rem;}
.team_wrap .team_list li:hover .go_detail {display:block;}
.team_wrap .detail_wrap {max-width:1040px; border:1px solid rgba(255, 255, 255, 0.3); margin:4rem auto;}
.team_wrap .detail_wrap .detail_con {position:relative; padding:3rem; font-size:0;}
.team_wrap .detail_wrap .emblem {display:inline-block; vertical-align:top; width:180px; height:180px; border:1px solid rgba(255, 255, 255, 0.3);}
.team_wrap .detail_wrap .emblem .pic {position:relative; width:100%; height:100%;}
.team_wrap .detail_wrap .emblem .pic img {position:absolute; top:0; left:0; width:100%; height:100%;}
.team_wrap .detail_wrap .con {display:inline-block; vertical-align:top; width:calc(100% - 180px); color:#fff; font-size:1.6rem; line-height:1.5; padding-left:3rem;}
.team_wrap .detail_wrap .info .name {font-size:3rem;}
.team_wrap .detail_wrap .info .sns {margin:2rem 0;}
.team_wrap .detail_wrap .info .sns li {display:inline-block; margin-right:10px;}
.team_wrap .detail_wrap .info .sns li a {width:42px; height:42px;}
.team_wrap .detail_wrap .history {padding-top:3rem; margin-top:3rem; border-top:1px solid rgba(255, 255, 255, 0.3);}
.team_wrap .detail_wrap .history .tit {font-size:3rem; color:#009aef; font-weight:700; text-transform:uppercase;}
.team_wrap .member {border-top:1px solid rgba(255, 255, 255, 0.3); margin:0 3rem 3rem; padding:3rem 0 0;}
.team_wrap .member ul {padding-left:19px;}
.team_wrap .member ul li {display:inline-block; position:relative; width:calc(100% / 6); padding-left:10px; vertical-align:top;}
.team_wrap .member ul li a {display:block; position:relative; width:100%; border:5px solid rgba(255, 255, 255, 0.2); height:150px; background:#000 url('/images/common/esports_v2/icon_member.png') center center no-repeat;}
.team_wrap .member ul li a img {position:absolute; border:1px solid #000; width:100%; height:100%;}
.team_wrap .member ul li:first-child:before {writing-mode: tb-rl; position:absolute; background:rgba(255, 255, 255, 0.2) url('/images/common/esports_v2/txt_captain.png') center 9px no-repeat; top:0; left:-19px; bottom:0; content:''; width:29px; font-size:2rem; color:#009aef; font-weight:600;}
.pop_member {width:100%; background:#000; border:1px solid #009aef; padding:3rem 2rem; height:728px; /* max-height:740px; overflow-y:scroll; */}
.pop_member .player_wrap {font-size:0;}
.pop_member .player_wrap .player {display:inline-block; vertical-align:top; width:198px; position:relative;}
.pop_member .player_wrap .info {display:inline-block; vertical-align:top; width:calc(100% - 198px); padding-left:2rem;}
.pop_member .player_wrap .player_list li .pic {border:10px solid rgba(255, 255, 255, 0.2); position:relative; height:198px; position:relative;}
.pop_member .player_wrap .player_list li .pic img {position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #000;}
.pop_member .player_wrap .slick-arrow {z-index:1; top:50%; margin-top:-14px; cursor:pointer; border:none; outline:none; background-color:rgba(0, 0, 0, 0.5); width:24px; height:29px; font-size:0; color:transparent; background-repeat:no-repeat; background-position:center center; position:absolute;}
.pop_member .player_wrap .slick-arrow:hover {background-color:rgba(0, 0, 0, 0.8);}
.pop_member .player_wrap .slick-prev {background-image:url("/images/common/esports_v2/arr_l_off.png"); left:0;}
.pop_member .player_wrap .slick-next {background-image:url("/images/common/esports_v2/arr_r_off.png"); right:0;}
.pop_member .player_wrap .slick-prev:hover {background-image:url("/images/common/esports_v2/arr_l_ov.png");}
.pop_member .player_wrap .slick-next:hover {background-image:url("/images/common/esports_v2/arr_r_ov.png");}
.pop_member .player_wrap .slick-dots {text-align:center; position:absolute; bottom:15px; left:0; right:0;}
.pop_member .player_wrap .slick-dots li {display:inline-block; margin:0 2px;}
.pop_member .player_wrap .slick-dots li button {cursor:pointer; border:none; font-size:0; color:transparent; background:rgba(255, 255, 255, 0.5); width:10px; height:10px; border-radius:50%; box-shadow:1px 0 0 #000;}
.pop_member .player_wrap .slick-dots li.slick-active button {background:#009aef;}
.pop_member .player_wrap .sns {margin-top:10px; text-align:center;}
.pop_member .player_wrap .sns li {display:inline-block; margin:0 5px 10px;}
.pop_member .player_wrap .sns li:last-child {margin-right:0;}
.pop_member .player_wrap .sns li a {width:42px;}
.pop_member .player_wrap .info {color:#fff;}
.pop_member .player_wrap .info .nick {color:#009aef; font-size:3rem; padding-bottom:1.5rem; border-bottom:1px solid rgba(255, 255, 255, 0.3);}
.pop_member .player_wrap .info .nick span {color:#fff;}
.pop_member .player_wrap .info .info_list li {font-size:1.8rem; margin-top:1.3rem; line-height:1;}
.pop_member .player_wrap .info .info_list li .tit {color:#009aef; font-size:2rem;}
.pop_member .player_wrap .weapon {padding:1.5rem 0; border-bottom:1px solid rgba(255, 255, 255, 0.3); border-top:1px solid rgba(255, 255, 255, 0.3); margin:1.5rem 0 2rem;}
.pop_member .player_wrap .weapon .tit {color:#009aef; font-size:2rem; line-height:1; margin-bottom:1.5rem;}
.pop_member .player_wrap .weapon ul {margin-left:-1.5rem; text-align:left;}
.pop_member .player_wrap .weapon ul li {padding-left:1.5rem; display:inline-block; width:20%;}
.pop_member .player_wrap .weapon .name {color:#b7b7b7; font-size:1.8rem;overflow: hidden; text-overflow: ellipsis; -ms-text-overflow: ellipsis; word-wrap: normal; white-space: nowrap; padding-top:10px; text-align:center;}
.pop_member .player_wrap .weapon .item {width:100%; height:0; position:relative; padding-top:100%; background:rgba(255, 255, 255, 0.2);}
.pop_member .player_wrap .weapon .item img {position:absolute; top:0; left:0; width:100%; height:100%;}
.team_wrap .no_data {width:100%; height:400px; line-height:400px; color:#fff; font-size:1.8rem; background:rgba(255, 255, 255, 0.2); text-align:center; text-transform:uppercase;}

/* TOURNAMENT */
.tourna_wrap {margin-top:4rem; position:relative;}
.tourna_wrap .tourna_list {margin-left:-4rem; margin-bottom:1rem;}
.tourna_wrap .tourna_list > li {width:50%; padding-left:4rem; margin-bottom:3rem;}
.tourna_wrap .tourna_list .con {position:relative; padding:2.5rem; background:rgba(255, 255, 255, 0.2);}
.tourna_wrap .tourna_list .con:after {top:15px; right:35px; padding-top:15px; display:none; position:absolute; width:60px; height:60px; color:#fff; text-transform:uppercase; text-align:center; font-size:1.5rem;}
.tourna_wrap .tourna_list .open .con:after {background:url('/images/common/esports_v2/label_open.png') 0 0 no-repeat; content:'open'; display:block;}
.tourna_wrap .tourna_list .school .con:after {background:url('/images/common/esports_v2/label_school.png') 0 0 no-repeat; content:'school'; display:block;}
.tourna_wrap .tourna_list .ladies .con:after {background:url('/images/common/esports_v2/label_ladies.png') 0 0 no-repeat; content:'ladies'; display:block;}
.tourna_wrap .tourna_list .con:before {content:''; display:none; top:0; bottom:0; left:0; right:0; position:absolute; border:2px solid #009aef;}
.tourna_wrap .tourna_list .con .thum_wrap {position:relative;}
.tourna_wrap .tourna_list .con .thum {position:relative; height:0; padding-top:60%;}
.tourna_wrap .tourna_list .con .thum img {position:absolute; top:0; left:0; width:100%; height:100%;}
.tourna_wrap .tourna_list .con .tit {background:rgba(0, 0, 0, 0.5); color:#fff; position:absolute; font-size:2rem; padding:1rem 2.5rem; bottom:0; left:0; right:0; overflow: hidden; text-overflow: ellipsis; -ms-text-overflow: ellipsis; word-wrap: normal; white-space: nowrap; text-align:center;}
.tourna_wrap .tourna_list .con .info {margin-top:1.5rem;}
.tourna_wrap .tourna_list .con .info li {margin-top:5px; color:#bbbbbb; font-size:1.6rem; overflow: hidden; text-overflow: ellipsis; -ms-text-overflow: ellipsis; word-wrap: normal; white-space: nowrap;}
.tourna_wrap .tourna_list .con .info li span {color:#009aef; font-size:1.8rem; display:inline-block; width:157px;}
.tourna_wrap .label {z-index:1; position:absolute; top:-12px; left:10px; width:100px; height:100px; text-align:center; padding-top:67px; color:#fff; font-size:1.5rem; font-weight:300; text-transform:uppercase;}
.tourna_wrap .progress .label {border:1px solid #009aef; background:rgba(0, 154, 239, 0.8) url('/images/common/icon_24_progress.png') center 25px no-repeat;}
.tourna_wrap .ready .label {border:1px solid #00cd1a; background:rgba(0, 205, 26, 0.8) url('/images/common/icon_24_ready_w.png') center 25px no-repeat;}
.tourna_wrap .apply .label {border:1px solid #f80000; background:rgba(248, 0, 0, 0.8) url('/images/common/icon_24_apply.png') center 25px no-repeat;}
.tourna_wrap .prepare .label {border:1px solid #0045e6; background:rgba(0, 69, 230, 0.8) url('/images/common/icon_24_prepare.png') center 25px no-repeat;}
.tourna_wrap .end .label {border:1px solid #888888; background:rgba(136, 136, 136, 0.9) url('/images/common/icon_24_ended.png') center 25px no-repeat;}
.tourna_wrap .tourna_list li:hover .con:before {display:block;}
.tourna_wrap .tourna_list li:hover .con .tit{background:#009aef;}
.tourna_wrap .detail_wrap > .title {text-align:center; padding-left:12rem; padding-right:2.5rem; color:#fff; font-size:3.2rem; padding-bottom:4rem;}
.tourna_wrap .detail_wrap .label {left:0; top:-30px;}
.tourna_wrap .detail_wrap .info_list li {background: rgba(255, 255, 255, 0.1); position:relative; font-size:1.6rem; color:#bbbbbb; margin-bottom:1px; padding-top:2rem; padding-bottom:2rem; padding-left:270px;}
.tourna_wrap .detail_wrap .info_list li span {background: rgba(255, 255, 255, 0.15); padding-left:3rem; position:absolute; top:0; left:0; bottom:0; display:block; width:240px; color:#ffffff; font-size:1.8rem; line-height:60px;}
.tourna_wrap .detail_wrap .detail_btns {position:relative; padding:2rem 0;}
.tourna_wrap .detail_wrap .btn_shars .btn00 {display:inline-block; vertical-align:middle; width:62px; height:62px; line-height:62px; margin-right:10px;}
.tourna_wrap .detail_wrap .btn_shars .btn00 img {vertical-align:middle; position:relative; top:-2px;}
.tourna_wrap .detail_wrap .btn_daftar {width:134px;}
.tourna_wrap .detail_wrap .btn_regi {width:240px; color:#fff; font-size:2rem; text-align:center; background:#d21e00; border:1px solid #ff2400; position:absolute; top:2rem; left:50%; margin-left:-120px;}
.tourna_wrap .detail_wrap .btn_regi:hover {background:#d21e00; background: linear-gradient(to right, #d21e00, #fc2400); text-shadow: 0 1px 100px #ffc1b7, 0 0 5px rgba(255, 193, 183, 1);}
.tourna_wrap .detail_wrap .txt {border:1px solid rgba(255, 255, 255, 0.3); padding:4rem; font-size:1.8rem; color:#cacaca; margin-bottom:4rem;}
.tourna_wrap .detail_wrap .txt table { max-width: 958px !important; width: 100% !important; margin:0 auto; table-layout:fixed; word-break:break-all;}
.tourna_wrap .detail_wrap .txt table td, .tourna_wrap .detail_wrap .txt table tr {width:auto !important; height:auto !important; word-break:break-all; white-space: pre-wrap;}
.tourna_wrap .detail_wrap .txt img {max-width:100% !important; height:auto !important;}

.pop_regi {height:728px; background:#000; border:1px solid #009aef; position:relative;}
.pop_regi h2 {font-size:2.8rem; color:#fff; font-weight:700; text-align:center; padding:1.5rem 0; background:rgba(0, 154, 239, 0.3); border-bottom:1px solid #009aef;}
.pop_regi .pop_close {background:none; position:absolute; top:2rem; right:2.7rem; border:none;}
.pop_regi .pop_con {padding:3rem; position:absolute; top:65px; overflow-y:scroll; bottom:0; left:0; right:0;}
.pop_regi .pop_search {padding-right:135px; position:relative; font-size:1.8rem;}
.pop_regi .pop_search input {background:#fff; border:none; height:49px; width:100%; font-size:1.8rem;}
.pop_regi .pop_search .btn_search {font-size:1.8rem; font-weight:300; cursor:pointer; position:absolute; height:49px; width:134px; color:#fff; text-transform:uppercase; top:0; right:0; background:rgba(0, 154, 239, 0.5); border:1px solid #009aef;}
.pop_regi .pop_search .btn_search:hover {text-shadow: 0 1px 100px #009aef 0 0 5px rgba(0, 154, 239, 1); background:url('/images/common/esports_v2/btn00.png') center center no-repeat; background-size:cover;}
.pop_regi .regi_table {width:100%; margin:2rem 0;}
.pop_regi .regi_table th, .pop_regi .regi_table td {word-break:break-all; border-right:1px solid #000; text-align:center;}
.pop_regi .regi_table th { font-weight: 300; border-top:1px solid rgba(255, 255, 255, 0.3); border-bottom:1px solid rgba(255, 255, 255, 0.3);font-size:1.8rem; color:#9fddff; background: url(/images/common/esports_v2/league_tit.jpg) center center repeat; padding:1.5rem 0; border-bottom:3px solid #000; text-transform:uppercase;}
.pop_regi .regi_table td {font-size:1.6rem; color:#fff; padding:1rem 0; border-bottom:3px solid #000; background:rgba(255, 255, 255, 0.3);}
.pop_regi .regi_table th:last-child, .pop_regi .regi_table td:last-child {border-right:0;}
.pop_regi .regi_table td:last-child {color:#ffc000;}
.pop_regi .regi_table tr.no_data td {color:#ffffff; text-transform:uppercase; height:418px;}

/* regist */
.tourna_wrap .notice {border:1px solid rgba(0, 154, 239, 0.3); background:rgba(0, 154, 239, 0.1); padding:3rem; margin:2rem 0;}
.tourna_wrap .notice .tit {font-size:2.4rem; color:#009aef; font-weight:700; text-transform:uppercase;}
.tourna_wrap .notice li {font-size:1.8rem; color:#ffffff; margin-top:7px; position:relative; padding-left:11px;}
.tourna_wrap .notice li:before {content:''; display:block; width:5px; height:1px; top:10px; left:0; position:absolute; background:#fff;}

.form_wrap .con {margin-bottom:4rem;}
.form_wrap .con > .title {font-size:2.4rem; color:#009aef; font-weight:700; text-transform:uppercase; margin-bottom:2rem;}
.form_wrap .con > .title span {font-weight:400;}
.form_wrap .form_list {border-top:1px solid rgba(255, 255, 255, 0.3); border-bottom:1px solid rgba(255, 255, 255, 0.3);}
.form_wrap .form_list li {position:relative; padding-left:240px; background:rgba(255, 255, 255, 0.1); color:#cacaca; font-size:1.8rem;}
.form_wrap .form_list li .tit {border-bottom:1px solid #000; position:absolute; top:0; left:0; bottom:0; line-height:60px; padding-left:3rem; width:240px; color:#ffffff; background:rgba(255, 255, 255, 0.15);}
.form_wrap .form_list li .tit span {color:#ff2400; margin-right:6px;}
.form_wrap .form_list li .input {border-bottom:1px solid rgba(255, 255, 255, 0.3); padding:5px 140px 5px 5px; position:relative;}
.form_wrap .form_list li:last-child .tit, .form_wrap .form_list li:last-child .input {border-bottom:none;}
.form_wrap .form_list li .input .text {line-height:50px; padding-left:0.6rem; height:50px;}
.form_wrap .form_list li .input input {width:100%; background:#fff; border:none; height:49px; color:#2f2f2f; padding:0 1.2rem;}
.form_wrap .form_list li .input .btn_check {font-size:1.8rem; font-weight:300; cursor:pointer; position:absolute; height:49px; width:132px; color:#fff; text-transform:uppercase; top:5px; right:5px; background:rgba(0, 154, 239, 0.5); border:1px solid #009aef;}
.form_wrap .form_list li .input .btn_check:hover {text-shadow: 0 1px 100px #009aef 0 0 5px rgba(0, 154, 239, 1); background:url('/images/common/esports_v2/btn00.png') center center no-repeat; background-size:cover;}
.form_wrap .form_list li.u2 {display:inline-block; width:50%;}
.form_wrap .form_list li.u2 .input {padding-right:5px;}
.form_wrap .file_input input[type=text] {padding:25px 280px 13px 0;}
.form_wrap .file_input label { cursor:pointer; display:inline-block; vertical-align:middle; overflow:hidden; font-size:14px;}
.form_wrap .file_input .label {right:150px;}
.form_wrap .file_input label input {position:absolute; width:0 !important; height:0 !important; overflow:hidden;}
.form_wrap .file_input input[type=text] {vertical-align:middle; display:inline-block; width:100%; overflow: hidden; border-radius:4px;}
.form_wrap .file_input .brow_btn {background:#001f30; border:1px solid #009aef; display:block; text-align:center; color:#fff; font-weight:300; border-radius:4px; font-size:1.8rem; text-transform:uppercase; width:118px; height:49px; line-height:49px; position:absolute; left:5px; top:5px;}
.form_wrap .file_input .brow_btn:hover {background:#009aef; background: linear-gradient(to bottom, #009aef, #5dc4fd);}
.form_wrap .form_list li .input.file_input {padding:5px 5px 5px 126px;}
.btn_regist {font-size:0; text-align:center;}
.btn_regist .btn62 {display:inline-block; width:140px; vertical-align:top; margin:0 5px;}

.form_wrap .con2 .form_list li .input {padding:5px 140px 5px 112px;}
.form_wrap .form_list li:last-child .input {border-bottom:1px solid rgba(255, 255, 255, 0.3);}
.form_wrap .form_list li:last-child .input.file_input {border-bottom:0;}
.form_wrap .con2 .form_list li .input.file_input {padding:5px 5px 5px 232px;}
.form_wrap .con2 .form_list li .tit02 {text-transform:uppercase; font-size:1.8rem; color:#009aef; font-weight:500; position:absolute; top:50%; margin-top:-10px; left:1.8rem;}
.form_wrap .con2 .file_input .brow_btn {left:111px;}
.form_wrap .con2 .form_list li .tit {line-height:120px;}
.form_wrap .con3 .file_input .brow_btn {left:125px;}
.form_wrap .con3 .form_list li .input.file_input {padding-left:246px;}
.form_wrap .con3 .form_list li .input {padding-left:126px;}

/* circuit point */
.pop_team {width:640px; transform:translate(-50% , 0);}
.pop_team h2 {font-size:20px; font-weight:600; color:#009aef; min-height:6rem; display:flex; align-items:center; justify-content:center; background:rgba(0, 154, 239, 0.1); padding:1rem 2.4rem; text-align:center;}
.pop_team .pop_con {padding:2.5rem 2rem 3rem;}
.pop_team .pop_con .info {border-bottom:1px solid rgba(255, 255, 255, 0.3); padding-bottom:2.5rem; display:flex; align-items: stretch;}
.pop_team .pop_con .info .logo {padding:3rem; flex-grow: 1; display: flex; align-items: center;justify-content: center; max-width: 100%; max-height: 100%;}
.pop_team .pop_con .info .member {flex-shrink: 0; width: 30rem; margin-left:2rem;}
.pop_team .pop_con .info .member li {word-break: break-all; position:relative; font-size:18px; color:#fff; font-weight:400; background:rgba(255, 255, 255, 0.15); padding:1rem 6rem 1rem 2rem; margin-bottom:1px; border-left:1px solid #009aef; min-height:4rem; display:flex; text-align:left; align-items:center; justify-content:flex-start;}
.pop_team .pop_con .info .member li .cp {padding:1px 3px 0 5px; position:absolute; right:0; top:50%; transform:translate(0 , -50%); color:#000000; font-size:14px; background:#009aef; font-weight: 500;}
.pop_team .btn_ok {margin-top:3rem;}

.circuit_wrap {margin:6rem auto 0;}
.circuit_wrap > h3 {font-size:24px; font-weight:500; letter-spacing:0.01em; text-transform:uppercase; padding-left:1.6rem; position:relative; margin-bottom:1.4rem;}
.circuit_wrap > h3:before {content:''; display:block; position:absolute; top:5px; left:0; border:1px solid #009aef; background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #009aef); width:0.4rem; height:1.6rem;}
.circuit_wrap > h3 span {background: linear-gradient(to right, #9fddff, #fff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; filter: drop-shadow(0 0 0.6rem rgba(0, 0, 0, 1));}
.circuit_wrap .board {margin-bottom:6rem;}
.circuit_wrap .board * {font-size:18px;}
.circuit_wrap .board .row {font-size:0; margin-bottom:3px; display:flex; align-items: stretch; text-align:center;}
.circuit_wrap .board .row > div {display:flex; align-items:center; justify-content:center;}
.circuit_wrap .board .row.tit {color:#9fddff; text-transform:uppercase;}
.circuit_wrap .board .row.tit > div {background: url(/images/common/esports_v2/league_tit.jpg) 0 0 repeat; border-top:1px solid rgba(255, 255, 255, 0.3); border-bottom:1px solid rgba(255, 255, 255, 0.3); height:5rem;}
.circuit_wrap .board .row.txt {color:#cccccc;}
.circuit_wrap .board .row.txt > div {background:rgba(255, 255, 255, 0.2);}
.circuit_wrap .board .row .name {width:348px; flex-shrink: 0;}
.circuit_wrap .board .row .point {width:140px; flex-shrink: 0;}
.circuit_wrap .board .row .player {width:calc(100% - 490px); margin:0 1px; flex-grow: 1;}

.circuit_wrap .board .row.txt .point {font-size:24px; color:#ffc000; letter-spacing:0.01em; font-weight:500; text-shadow:0 0 1px #000; word-break: break-all;}
.circuit_wrap .board .row.txt .player {background:none;}
.circuit_wrap .board .row.txt .player ul {font-size:0; display: flex; flex-wrap: wrap; width:calc(100% + 1px); margin-left:-1px; height:100%;}
.circuit_wrap .board .row.txt .player li {min-height:40px; padding:1rem; word-break: break-all; display:inline-flex; align-items:center; justify-content:center; text-align:center; background:rgba(255, 255, 255, 0.2); margin-left:1px; flex: 1 1 30%;}
.circuit_wrap .board .row.txt .player li:nth-child(-n+3) {margin-bottom:1px;}
.circuit_wrap .board .row.txt .name {background:none; display:flex; align-items:stretch; font-size:0;}
.circuit_wrap .board .row.txt .name .num {width:6rem; flex-shrink: 0; background:rgba(255, 255, 255, 0.3); font-size:21px;color:#d6d6d6; display:inline-flex; align-items:center; justify-content:center;}
.circuit_wrap .board .row.txt .name .team {word-break: break-all; padding:1rem 2.4rem; text-align:left; position:relative; width:calc(100% - 6rem - 1px); margin-left:1px; flex-grow: 1; background:rgba(255, 255, 255, 0.2); color:#fff; display:inline-flex; align-items:center; justify-content:flex-start;}
.circuit_wrap .board .row.txt .name .team:before, .circuit_wrap .board .row.txt .name .team:after {content:''; display:block; position:absolute;}
.circuit_wrap .board .row.txt .name .team:before {top:0; bottom:0; left:0; right:0; background:rgba(0, 162, 255, 0.3); z-index:-1; opacity:0; transition:all ease-in-out 0.2s;}
.circuit_wrap .board .row.txt .name .team:after {bottom:0; right:0; width:16px; height:16px; background-position:0 0; background-repeat:no-repeat; background-image:url('/images/common/esports_v2/icon_more.png');}
.circuit_wrap .board .row.txt .name .team .view_team {position:absolute; bottom:0; right:0;}
.circuit_wrap .board .row.txt .name .team .thum {flex-shrink: 0; width:40px; height:40px; border-radius:4px; display:flex; align-items:center; justify-content:center; overflow:hidden; margin-right:2rem;}
.circuit_wrap .board .row.txt .name .team .thum > img {max-width:100%; max-height:100%;}
.circuit_wrap .board .row.txt .name .team:hover:before {opacity:1;}
.circuit_wrap .board .row.txt .name .team:hover:after {background-position:0 100%;}

.circuit_wrap .tm_board {margin-bottom:0;}
.circuit_wrap .tm_board .row.txt {margin-left:-1px;}
.circuit_wrap .tm_board .row.txt > div {margin-left:1px; padding:2.4rem 2rem; flex-direction:column; color:#aaaaaa;}
.circuit_wrap .tm_board .row.txt .desc {display:flex; width:533px; flex-shrink: 0; border-left:1px solid #3facee; flex-direction: row; background:none; padding:0; align-items: stretch;}
.circuit_wrap .tm_board .row.txt .desc > div { flex-direction: column; display:flex; justify-content:center; flex-shrink: 0; text-transform:uppercase; background: rgba(255, 255, 255, 0.2); padding:2.4rem 2rem;}
.circuit_wrap .tm_board .row.txt .info {width:348px; align-items: flex-start; text-align:left;}
.circuit_wrap .tm_board .row.txt .prize {width:183px; margin-left:1px; align-items:center;}
.circuit_wrap .tm_board .row.txt .win {width:calc(100% - 814px); flex-grow: 1; position:relative; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.2), rgba(255, 255, 102, 0.2));}
.circuit_wrap .tm_board .row.txt .run {width: 283px; flex-shrink: 0; position:relative; background:none; padding:0;}
.circuit_wrap .tm_board .row.txt .s_tit {font-size:15px; color:#3facee; letter-spacing:0.01em; text-transform:uppercase;}
.circuit_wrap .tm_board .row.txt .txt {font-size:20px; margin-top:3px; word-break: break-all;}

.circuit_wrap .tm_board .row.txt .info .abb {font-size:18px; color:#66bbff; letter-spacing:0.02em;}
.circuit_wrap .tm_board .row.txt .info .tit {font-size:20px; color:#ffffff;}
.circuit_wrap .tm_board .row.txt .info .date {font-size:15px; margin-top:1.2rem;}
.circuit_wrap .tm_board .row.txt .win:before, .circuit_wrap .tm_board .row.txt .win:after {content:''; display:block; position:absolute;}
.circuit_wrap .tm_board .row.txt .win:before {top:0; bottom:0; left:0; right:0; background: linear-gradient(to bottom, rgba(131, 131, 53, 0.2), rgba(113, 113, 76, 0.2)); z-index:-1; opacity:0; transition:all ease-in-out 0.2s;}
.circuit_wrap .tm_board .row.txt .win:after {bottom:0; right:0; width:16px; height:16px; background-position:0 0; background-repeat:no-repeat; background-image:url('/images/common/esports_v2/icon_more_y.png');}
.circuit_wrap .tm_board .row.txt .win .s_tit {color:#ffc000;}
.circuit_wrap .tm_board .row.txt .win .txt {color:#ffffff;}
.circuit_wrap .tm_board .row.txt .run .list {height:100%; width:100%;}
.circuit_wrap .tm_board .row.txt .run .list li {align-items: center; justify-content:flex-start; display:flex; margin-bottom:1px; height:calc((100% / 3) - 1px); background: linear-gradient(to right, rgba(136, 204, 255, 0.2), rgba(255, 255, 255, 0.2)); position:relative; text-align:left; padding:0 4rem 0 2rem;}
.circuit_wrap .tm_board .row.txt .run .list li:before, .circuit_wrap .tm_board .row.txt .run .list li:after {content:''; display:block; position:absolute;}
.circuit_wrap .tm_board .row.txt .run .list li:before {top:0; bottom:0; left:0; right:0; background: linear-gradient(to right, rgba(41, 96, 131, 0.2), rgba(51, 90, 113, 0.2)); z-index:-1; opacity:0; transition:all ease-in-out 0.2s;}
.circuit_wrap .tm_board .row.txt .run .list li:after {top:50%; margin-top:-8px; right:1.2rem; width:16px; height:16px; background-position:0 0; background-repeat:no-repeat; background-image:url('/images/common/esports_v2/icon_more.png');}
.circuit_wrap .tm_board .row.txt .run .s_tit {flex-shrink: 0;}
.circuit_wrap .tm_board .row.txt .run .txt {flex-grow: 1; margin-top:0; padding-left:1.6rem; font-size:15px; color:#ccc; word-break: break-all; overflow: hidden; text-overflow: ellipsis; -ms-text-overflow: ellipsis; word-wrap: normal; white-space: nowrap;}

.circuit_wrap .tm_board .row.txt .win:hover:before {opacity:1;}
.circuit_wrap .tm_board .row.txt .win:hover:after {background-position:0 100%;}
.circuit_wrap .tm_board .row.txt .run .list li:hover .txt {color:#fff;}
.circuit_wrap .tm_board .row.txt .run .list li:hover:before {opacity:1;}
.circuit_wrap .tm_board .row.txt .run .list li:hover:after {background-position:0 100%;}
.circuit_wrap .tm_board .btn00 {margin-top:4rem;}

@media screen and (max-width: 1920px) {
.pc nav > ul > li > a {padding:0 3rem;}
}

@media screen and (max-width: 1820px) {
.header_wrap .sns li a {width: 36px; height: 36px; background-size: 100% auto;}
.header_wrap .sns li a:hover {background-position: 0 -36px;}
}

@media screen and (max-width: 1660px) {
.pc .header_wrap > h1 {left:20px;}
.util .sns {margin-right:10px;}
.pc nav > ul { padding: 0 35rem 0 22rem;}
.pc nav > ul > li > a {padding:0 2.4rem; font-size:2rem;}
}

@media screen and (max-width: 1440px) {
/* gnb */
.pc nav > ul > li > a { padding: 0 2rem; font-size: 1.6rem;}
.util .sns {margin-right:0;}

/* contents */
.inner, .sub_wrap .inner {padding-right:2.5rem; padding-left:2.5rem;}
}

@media screen and (max-width: 1280px) {
.pc nav > ul > li > a { font-size: 1.4rem; padding: 0 1rem;}
}

@media screen and (min-width: 1101px) {
.gnb, .login_box {opacity:1 !important;}
.util .sns {display:inline-block !important;}
}

@media screen and (max-width: 1100px) {
.pc {display:none;}
.mobile {display:block;}
.btn_top.fix {bottom:163px;}

/* gnb */
.m_close {left:4rem; top:2rem;}
.mp .header_wrap {border-bottom:none;}
.header_wrap:before {display:none;}
.mp .header_wrap > h1 {padding-top: 0; line-height: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
/* .mp .header_wrap > h1 {text-align:center; padding-top:43px;} 20220607 */
.mp .header_wrap > h1 a {display:inline-block;;}
.mp nav	{padding:7rem 15rem; position: fixed; left: 0; right: 0; top: 120px; bottom: 0; width: 100%; background-color: rgba(0, 0, 0, 0.9); opacity: 0; display:none; transition: all 0.2s ease-in-out; overflow-y: scroll; -ms-overflow-style: none; z-index:-1;}
.mp nav.active {opacity: 1; transition: transform 0.2s ease-in-out; z-index:101; display:block;}
.mp nav h1 {height:72px; text-align: center; border-bottom:1px solid #323232;}
.mp nav h1 a {display:inline-block; line-height: 72px;}
.mp nav h1 a img {vertical-align: middle; position: relative; top:-4px;}
.mp nav > ul > li {border-bottom:1px solid rgba(255, 255, 255, 0.2);}
.mp nav > ul > li:first-child {border-top:1px solid rgba(255, 255, 255, 0.2);}
.mp nav > ul > li > a {padding:3rem 4rem; text-transform:uppercase; text-align:center;}
.mp nav > ul > li.in_ul > a { background-image: url(/images/common/btn_slide.png); background-repeat: no-repeat; background-position: right 4rem top 1.7rem; transition:none;}
.mp nav > ul > li.in_ul > a.on {background-position: right 4rem top -5rem;}
.mp nav .depth2 {background:#111; display:none;}
.mp nav .depth2 li a {padding:2rem 6rem; text-transform:uppercase;}
.mp nav .depth2 li a br {display:none;}
.mp nav .depth2 li a img {display:none;}
.mp nav .util .login {display:none;}
.mp .util .sns {display:none;}
.mp .util {position:absolute; top:1px; right:1px;}
.mp .util .login {display:block; font-size:0; color:transparent; width:120px; height:120px;background:rgba(255, 255, 255, 0.2) url('/images/common/esports_v2/btn_user.png') center center no-repeat; border:1px solid rgba(255, 255, 255, 0.2);}
.mp nav .util {position:static; margin: 7rem -5rem 0; text-align:center;}
.mp nav .util .sns {display:block;}
.mp nav .util .sns li:last-child {margin-right:0;}

/* main */
.main_slider .slider_list li a {padding-top: 112.5%;}
.main_slider .slider_list li a img.pc {display:none !important;}
.main_slider .slider_list li a img.mobile {display:block !important;}
.mid_con .news .inner {padding-right:0; overflow-x:scroll;}
.mid_con .news .news_list {width:1118px;}
.mid_con .news .news_list .date {display:none;}
.league_area .league_table > div > div {width: calc(29% - 1px) !important; margin-bottom:1px; height:40px; line-height:40px;}
.league_area .league_table > div > div.name {width:42% !important;}
/* .league_area .league_table .tit > .name, .sub_wrap .league_area .league_table .tit > .name {height:81px; line-height:81px;}
.league_area .league_table .con > .name {height:81px; line-height:81px;} */
.sub_wrap .league_area .league_table .tit > div {height:40px; line-height:40px;}

/* sub */
.sub_wrap .sub_top {width:auto; margin-left:2.5rem; margin-right:2.5rem;}
.sub_wrap .news_wrap .list li .cont .thum {display:block; width:100%; padding-top:58.6%;}
.sub_wrap .news_wrap .list li .cont .con {width:100%; display:block; padding-left:0; margin-top:2rem;}
.sub_wrap .league_area .league_table .tit > div {border:none;}

/* schedule */
.schedule_table {margin:0 0 0 2.5rem;}
.schedule_wrap .week_tab .week_list li {}
.schedule_wrap .week_tab .week_list li a {background-size:100% 106px;}
.schedule_table .schedule_list li {width:341px;}
.schedule_table .inner {overflow:scroll;}
.schedule_table .schedule_list {width:2400px;}

/* team */
.team_wrap .team_list li {width:calc(100% / 3);}
.team_wrap .detail_wrap {margin:4rem 0; border:none;}
.team_wrap .detail_wrap .detail_con {padding:0 2.5rem;}
.team_wrap .detail_wrap .con {display:block; width:100%; padding-left:0; margin-top:3rem;}
.team_wrap .detail_wrap .info {top:0; position:absolute; left:240px;}
.team_wrap .detail_wrap .history {margin-bottom:3rem;}
.team_wrap .member {overflow:auto;}
.team_wrap .member ul {min-width:978px;}

/* TOURNAMENT */
.tourna_wrap .tourna_list {margin-left:-2.5rem;}
.tourna_wrap .tourna_list > li { padding-left:2.5rem;}

/* regist */
.form_wrap .form_list li.u2 {display:block; width:100%;}

/* circuit point */
.circuit_wrap .board .row.tit .player {display:none;}
.circuit_wrap .board .row .name {width:calc(100% - 14.2rem); position: static;}
.circuit_wrap .board .row .player {width:calc(100% - 20.4rem); margin-top:0.2rem; margin-left:6.2rem;}
.circuit_wrap .board .row .point {width:14rem; margin-left:0.2rem;}
.circuit_wrap .board .row.txt {flex-direction: column; position:relative;}
.circuit_wrap .board .row.txt .name .team {width:calc(100% - 20.2rem); margin-left:6.2rem;}
.circuit_wrap .board .row.txt .name .num {position:absolute; top:0; left:0; bottom:0;}
.circuit_wrap .board .row.txt .point {position:absolute; right:0; top:0; bottom:0;}
.circuit_wrap .board .row.txt .player ul {width: calc(100% + 0.2rem); margin-left: -0.2rem;}
.circuit_wrap .board .row.txt .player li {margin-left:0.2rem;}
.circuit_wrap .board .row.txt .player li:nth-child(-n+3) {margin-bottom:0.2rem;}

.circuit_wrap .tm_board .row.txt {display:block; margin-bottom:2rem;}
.circuit_wrap .tm_board .row.txt > div {margin-left:0;}
.circuit_wrap .tm_board .row.txt .desc {width:100%; border-left:0; border-top: 1px solid #3facee;}
.circuit_wrap .tm_board .row.txt .prize {margin-left:0.2rem; flex-shrink: 0; width:15.4rem;}
.circuit_wrap .tm_board .row.txt .info {width:calc(100% - 15.4rem); flex-grow: 1;}
.circuit_wrap .tm_board .row.txt .win {width:100%; margin-top:0.2rem; align-items: center; justify-content: flex-start; padding: 0 4rem 0 2rem; height:48px; flex-direction: row; text-align:left; background: linear-gradient(to right, rgba(255, 255, 102, 0.2) , rgba(255, 255, 255, 0.2));}
.circuit_wrap .tm_board .row.txt .win:before {background: linear-gradient(to bottom, rgba(113, 113, 76, 0.2) , rgba(131, 131, 53, 0.2));}
.circuit_wrap .tm_board .row.txt .win:after {bottom:auto; top:50%; margin-top:-8px; right:1.2rem;}
.circuit_wrap .tm_board .row.txt .win .s_tit {flex-shrink: 0; min-width:10rem;}
.circuit_wrap .tm_board .row.txt .win .txt {flex-grow: 1; margin-top: 0; padding-left: 1.6rem; font-size: 15px; color: #ccc; word-break: break-all; overflow: hidden; text-overflow: ellipsis; -ms-text-overflow: ellipsis; word-wrap: normal; white-space: nowrap;}
.circuit_wrap .tm_board .row.txt .run {width:100%;}
.circuit_wrap .tm_board .row.txt .run .s_tit {min-width:10rem;}
.circuit_wrap .tm_board .row.txt .run .list li {margin-bottom:0; margin-top:0.2rem; height:48px;}
}

@media screen and (max-width: 700px) {
/* pop */
.popup { left:2.5rem; right:2.5rem; top:2.5rem; bottom:2.5rem; margin-left:0; width:auto; height:auto; margin-top:0 !important;}
#layer_popup { width: auto; margin-top: 0; margin-left: 0; position: absolute; top: 2.5rem; left: 2.5rem; right: 2.5rem; bottom: 2.5rem;}
#layer_popup > iframe {height:100%;}

/* circuit point */
.pop_team {transform:translate(0 , -50%); top:50%; bottom:auto;}

}

@media screen and (max-width: 640px) {
/* base */
.ft26 {font-size:3.5rem;}
.ft25 {font-size:3.4rem;}
.ft24 {font-size:3.3rem;}
.ft23 {font-size:3.2rem;}
.ft22 {font-size:3.1rem;}
.ft21 {font-size:3rem;}
.ft20 {font-size:2.9rem;}
.ft19 {font-size:2.8rem;}
.ft18 {font-size:2.7rem;}
.ft17 {font-size:2.6rem;}
.ft16 {font-size:2.5rem;}
.ft15 {font-size:2.4rem;}
.ft14 {font-size:2.3rem;}
.ft13 {font-size:2.2rem;}
.ft12 {font-size:2.1rem;}
.ft11 {font-size:2.0rem;}
.ft10 {font-size:1.9rem;}

.btn62 {font-size:2.7rem; width:117px; height:36px; line-height:36px;}
.btn42 {font-size:2.7rem; width:93px; height:36px; line-height:36px;}
.sel00 {height:35px; line-height:33px; font-size:3.3rem; background-size:15px auto;}
.search_box input {height:35px; font-size:2.7rem;}
.search_box button {width:35px; line-height:35px;}
.select_box .sel_on {height:35px; line-height:33px; font-size:3.3rem; background-size:15px auto;}
.select_box .sel_list {top:36px;}
.select_box li a {font-size:2.9rem;}

/* gnb */
html {font-size:32%;}
.m_menu, .mp .util .login {width:50px; height:50px; background-size:28px auto !important;}
.mp .util .login {background-size:14px auto !important;}
.mp nav {top:51px; padding: 7rem 11rem 0;}
.mp .header_wrap {height:50px;}
.mp .header_wrap > h1 a img {width:110px;}
.m_close {width:16px; top:3.5rem;}
.mp nav h1 a img {width:110px; top:0;}
.mp nav h1 {height:50px;}
.mp nav h1 a {line-height:50px;}
.mp nav > ul > li.in_ul > a {background-size:18px auto;}
.mp nav > ul li a {font-size:3.1rem;}
.mp nav .depth2 li a {font-size:2.3rem;}

/* pop */
.popup { left:2.5rem; right:2.5rem; top:2.5rem; bottom:2.5rem; margin-left:0; width:auto; height:auto; margin-top:0 !important;}
#layer_popup { width: auto; margin-top: 0; margin-left: 0; position: absolute; top: 2.5rem; left: 2.5rem; right: 2.5rem; bottom: 2.5rem;}
#layer_popup > iframe {}

/* paging */
.paging_wrap li a {font-size:2.1rem;}
.pop_media .pop_media_tit {height:2.9rem;}
.pop_media .pop_media_con {height: 165px; overflow: auto;}

/* footer (layout only) */
.footer {font-size:2.3rem;}
.footer .contact {margin-top:4rem; font-size:2.5rem;}
.footer .copyright {word-break:keep-all;}
.footer .copy {font-size:2.1rem;}
.footer .logo img {max-width:16.7rem;}

/* main */
.main_slider .slider-nav_wrap .slider-nav {padding:0 48px;}
.main_slider .slider-nav_wrap li a {font-size:2.7rem; height:48px; line-height:48px;}
.main_slider .slider-nav_wrap .slick-arrow, .btn_main_arr {width:48px; height:50px;}
.main_slider .slider-nav_wrap .slick-arrow, .btn_main_arr {background-size:48px auto;}
.main_slider .slider-nav_wrap .slick-arrow:hover, .btn_main_arr:hover { background-position:0 0;}
.sponsor li {margin:0 4rem;}
.sponsor li img {max-height:31px;}
.mid_con .news .news_list {width:650px;}
.mid_con .news .news_list .tit {font-size:2.9rem;}
.league_area .league_table {font-size:2.7rem;}
.league_area .league_table > div {margin-bottom:1px;}
.league_area .league_table .name span {width:35px;}
.league_area .league_table .con > .name {padding-left:40px;}
.league_area .league_table .name img {width:14px; margin-right:5px; top:-1px;}
.league_area .league_table .tit > div, .league_area .league_table > div > div, .sub_wrap .league_area .league_table .tit > div {height:36px; line-height:36px;}
/* .league_area .league_table .con > .name, .sub_wrap .league_area .league_table .tit > .name, .league_area .league_table .tit > .name, .sub_wrap .league_area .league_table .tit > .name {height:51px; line-height:51px;} */
.mid_con .tournament_area .tourna_wrap > .tit {font-size:4.3rem;}
.mid_con .tournament_area .tourna_wrap .tourna_list {margin-left:0;}
.mid_con .tournament_area .tourna_wrap .tourna_list > li {display:none; padding:0;}
.mid_con .tournament_area .tourna_wrap .tourna_list > li:first-child {display:block !important;}

/* sub */
.btn_top {font-size:2.7rem; width:38px; height:38px; line-height:38px;}
.btn_top.fix {bottom:97px;}
.btn_top:before {width:40px; height:40px; top:-2px; right:-2px;}
.sub_wrap {padding:50px 0 175px; background-size: cover;     min-height: calc(100vh - 175px);}
.sub_wrap:before {height:447px; background-size:970px auto;}
/* .sub_wrap:after {background-size:970px auto; height:193px;} */
.sub_wrap .sub_top {padding-bottom:6.5rem;}
.sub_wrap .sub_top h2 {font-size:6.5rem;}
.sub_wrap .menu_list {text-align:center; margin-top:0;}
.sub_wrap .menu_list li a {font-size:2.5rem;}
.sub_wrap .menu_list li:before {margin-top:-5px;}

/* news */
.sub_wrap .news_wrap .list li .cont .tit {font-size:3.3rem;}
.sub_wrap .news_wrap .list li .cont .date {font-size:2.5rem;}
.sub_wrap .news_wrap .list li .cont .txt {font-size:2.7rem; max-height:48px; height:auto;}
.sub_wrap .view_wrap .view_paging .view_list a {padding-left:70px; font-size:2.5rem;}
.sub_wrap .view_wrap .view_paging .view_list a span {width:60px; line-height:36px;}
.sub_wrap .view_wrap .view_paging .view_list a span img {width:9px; position:relative; top:-1px;}
.sub_wrap .view_wrap .view_btns .btn_shars .tit {font-size:2.7rem;}
.sub_wrap .view_wrap .view_btns .btn_shars .btn00 {width:36px; height:36px; line-height:36px; margin-left:5px;}
.sub_wrap .view_wrap .view_btns .btn62 {width:84px;}
.sub_wrap .view_wrap .title .tit {font-size:4.3rem;}
.sub_wrap .view_wrap .title .date {font-size:2.9rem;}
.sub_wrap .view_wrap .con {font-size:2.7rem; padding:4rem 0; border:none; border-top: 1px solid rgba(255, 255, 255, 0.3);}

/* schecule */
.schedule_wrap .week_tab .week_list li a {font-size:2.9rem;}
.schedule_table .schedule_list li .date {font-size:3.3rem;}
.schedule_table .schedule_list .schedule .team .name {font-size:2.4rem; height:33px;}
.schedule_table .schedule_list .schedule .tit {font-size:2.7rem;}
.schedule_table .schedule_list .schedule .score {font-size:4.3rem;}
.schedule_table .schedule_list .schedule .time {font-size:3.1rem;}
.schedule_table .schedule_list .schedule .team {width:58px;}
.schedule_table .schedule_list .schedule .team .thum {height:58px;}
.schedule_wrap .week_tab .week_list li a {height:35px; line-height:35px; background-size:100% 70px;}
.schedule_wrap .week_tab .week_list li a:hover {background-position:0 0;}
.schedule_wrap .week_tab .week_list li.on a {background-position: 0 -35px;}
.schedule_wrap .week_tab button {width:35px; height:35px; line-height:34px;}
.schedule_wrap .week_tab {padding:0 37px;}
.schedule_wrap .week_tab button img {width:7px;}
.schedule_table .schedule_list .schedule .go_video {width:24px; height:24px; line-height:23px;}
.schedule_table .schedule_list .schedule .go_video img {width:11px;}
.schedule_table .slick-arrow {top:8px;}
.schedule_table .slick-next {right:0;}
.schedule_table .schedule_list .schedule .result {top:40px;}
.schedule_table .inner {padding:0 0 2rem 0 !important; max-height:489px;}
.schedule_table .schedule_list .schedule .team .name span {max-height:28px;}
.schedule_table .schedule_list li {width:205px;}
.schedule_table .schedule_list {width:1450px;}

/* team */
.team_wrap .team_list li {width:50%;}
.team_wrap .search_box {padding-right:35px; width:calc(50% - 2rem);}
.team_wrap .team_list li .con .name {font-size:2.7rem;}
.team_wrap .detail_wrap .emblem {width:105px; height:105px;}
.team_wrap .detail_wrap .info .name, .team_wrap .detail_wrap .history .tit {font-size:3.6rem;}
.team_wrap .detail_wrap .con {font-size:2.4rem;}
.team_wrap .detail_wrap .info .sns li a {width:35px; height:35px;}
.team_wrap .detail_wrap .info {left:133px;}
.team_wrap .member ul {min-width:607px; padding-left:7px;}
.team_wrap .detail_wrap .info .sns li {margin-right:5px; margin-bottom:5px;}
.team_wrap .member ul li a {height:88px; border: 3px solid rgba(255, 255, 255, 0.2);}
.team_wrap .member ul li:first-child:before {background-size:10px auto; width:16px; left:-6px;}
.pop_member {max-height:500px; overflow-y:scroll;}
.pop_member .player_wrap .player {display:block; margin:0 auto; width:175px;}
.pop_member .player_wrap .info {display:block; width:100%; padding:0;}
.pop_member .player_wrap .info .nick {font-size:3.6rem; padding-top:1.5rem; border-top: 1px solid rgba(255, 255, 255, 0.3); margin-top:3rem;}
.pop_member .player_wrap .info .info_list li {font-size:2.7rem; margin-top:2rem;}
.pop_member .player_wrap .info .info_list li .tit {font-size:2.9rem;}
.pop_member .player_wrap .weapon .tit {font-size:2.9rem; margin-bottom:2rem;}
.pop_member .player_wrap .weapon .name {font-size:2.7rem;}
.pop_member .player_wrap .weapon {padding:2rem 0; margin:2rem 0;}
.pop_member .player_wrap .sns li a {width:35px; height:35px;}
.pop_member .player_wrap .player_list li .pic {height:175px; border: 5px solid rgba(255, 255, 255, 0.2);}
.pop_member .player_wrap .sns {margin-left:-15px; text-align:left; margin-right:-15px;}
.pop_member .player_wrap .sns li {margin:0 3px;}

/* TOURNAMENT */
.tourna_wrap .tourna_list {margin-left:0;}
.tourna_wrap .tourna_list > li {width:100%; padding-left:0; margin-bottom:5rem;}
.tourna_wrap .label {width:58px; height:58px; left:6px; top:-6px; font-size:2rem; padding-top:38px; background-size:15px auto !important; background-position:center 15px !important;}
.tourna_wrap .tourna_list .con .tit {font-size:2.9rem;}
.tourna_wrap .tourna_list .con .info li {font-size:2.5rem;}
.tourna_wrap .tourna_list .con .info li span {font-size:2.7rem; width:110px;}
.tourna_wrap .detail_wrap > .title {font-size:4.3rem;}
.tourna_wrap .detail_wrap .label {top:-16px;}
.tourna_wrap .detail_wrap .info_list li span {font-size:2.7rem; line-height:35px; width:135px;}
.tourna_wrap .detail_wrap .info_list li {font-size:2.5rem; padding-left:150px;}
.tourna_wrap .detail_wrap .btn_shars .btn00 {width:36px; height:36px; line-height:36px; margin-right:5px;}
.tourna_wrap .detail_wrap .btn_daftar {width:100px; float:left;}
.tourna_wrap .detail_wrap .btn_regi {font-size:2.9rem; width:140px; left:auto; margin-left:0; right:0;}
.tourna_wrap .detail_wrap .txt {font-size:2.7rem;}
.pop_regi h2 {font-size:3.7rem;}
.pop_regi .pop_close {top:2.2rem;}
.pop_regi .pop_close img {width:16px;}
.pop_regi .pop_con {top:38px;}
.pop_regi .regi_table th, .pop_regi .pop_search input {font-size:2.7rem;}
.pop_regi .regi_table td {font-size:2.5rem;}
.pop_regi .pop_search input {height:28px;}
.pop_regi .pop_search {padding-right:81px;}
.pop_regi .pop_search .btn_search {width:80px; height:28px; font-size:2.7rem;}
.pop_regi .regi_table tr.no_data td {height:300px;}
.tourna_wrap .tourna_list .con:after {width:35px; height:35px; background-size:35px auto !important; font-size:2rem; top:9px; right:20px; padding-top:8px;}
.team_wrap .no_data {height:300px; line-height:300px; font-size:2.7rem;}

/* regist */
.tourna_wrap .notice .tit, .form_wrap .con > .title {font-size:3.3rem;}
.tourna_wrap .notice li, .form_wrap .form_list li {font-size:2.7rem;}
.form_wrap .file_input .brow_btn {font-size:2.7rem;}
.form_wrap .form_list li .input .btn_check {font-size:2.7rem;}
.form_wrap .form_list li .tit {width:120px; padding-left:2rem; line-height:35px;}
.form_wrap .form_list li .input .text {line-height:29px; height:29px;}
.form_wrap .form_list li {padding-left:120px;}
.form_wrap .form_list li .input {padding:3px 50px 3px 3px;}
.form_wrap .form_list li .input input {height:29px;}
.form_wrap .form_list li .input .btn_check, .form_wrap .file_input .brow_btn {width:46px; height:29px; line-height:28px; top:3px;}
.form_wrap .form_list li .input .btn_check {right:3px;}
.form_wrap .file_input .brow_btn {left:3px;}
.form_wrap .form_list li .input.file_input {padding:3px 3px 3px 50px;}
.btn_regist .btn62 {width:82px; margin:0 3px;}
.form_wrap .con > .title span {display:none;}
.form_wrap .con2 .form_list li .tit {line-height:70px;}
.form_wrap .con2 .form_list li .tit02 {font-size:2.7rem;}
.form_wrap .con2 .form_list li .input {padding:3px 50px 3px 70px;}
.form_wrap .con2 .form_list li .input.file_input {padding:3px 3px 3px 116px;}
.form_wrap .con2 .file_input .brow_btn {left:69px;}
.form_wrap .con2 .form_list li .tit {width:105px;}
.form_wrap .con2 .form_list li {padding-left:105px;}
.form_wrap .con3 .file_input .brow_btn {left:85px;}
.form_wrap .con3 .form_list li .input.file_input {padding-left:132px;}
.form_wrap .con3 .form_list li .input {padding-left:87px;}

/* circuit point */
.pop_team {transform:translate(0 , -50%); top:50%; bottom:auto;}
.pop_team .pop_con .info .member {width: 50%;}
.pop_team h2 {font-size:2.9rem;}
.pop_team .pop_con .info .member li {font-size:2.7rem; padding-right:9rem;}
.pop_team .pop_con .info .member li .cp {font-size:2.2rem; padding: 0px 2px 1px 2px;}

.circuit_wrap > h3 {font-size:3.3rem;}
.circuit_wrap > h3:before {height:2.2rem;}
.circuit_wrap .board * {font-size:2.7rem;}
.circuit_wrap .board .row.tit > div {height:36px;}
.circuit_wrap .board .row.txt .name .team {padding:2.4rem; text-align:center;}
.circuit_wrap .board .row.txt .name .num {font-size:3rem; width:8rem;}
.circuit_wrap .board .row.txt .name .team {display:block; width: calc(100% - 22.2rem); margin-left: 8.2rem;}
.circuit_wrap .board .row.txt .name .team .thum {margin:0 auto 2rem;}
.circuit_wrap .board .row.txt .player { width: calc(100% - 22.4rem); margin-left: 8.2rem;}
.circuit_wrap .board .row.txt .point {font-size:3.3rem;}
.circuit_wrap .tm_board .row.txt .info .abb {font-size:2.7rem;}
.circuit_wrap .tm_board .row.txt .info .tit {font-size:2.9rem;}
.circuit_wrap .tm_board .row.txt .info .date {font-size:2.4rem;}
.circuit_wrap .tm_board .row.txt .s_tit {font-size:2.4rem;}
.circuit_wrap .tm_board .row.txt .txt {font-size:2.9rem;}
.circuit_wrap .tm_board .row.txt .prize {width:20.4rem;}
.circuit_wrap .tm_board .row.txt .info {width: calc(100% - 20.4rem);}
.circuit_wrap .tm_board .row.txt .win .txt {font-size:2.4rem;}
.circuit_wrap .tm_board .row.txt .run .txt {font-size:2.4rem;}

}

@media screen and (max-width: 340px) {
/* TOURNAMENT */
.tourna_wrap .detail_wrap .btn_regi {width:100px;}
}