@charset "utf-8";
/******** Common ********/

#wrap { width:100%; min-width:320px; margin:0 auto; overflow:hidden; background-color: #111111; color: #ffffff; }
#skipnavi li a {  display:block; font-size:16px; width:100%; position:absolute; top:-10000px; left:0; text-align:center; z-index:999999; line-height:1; letter-spacing:0; }
#skipnavi li a:focus { position:absolute; top:0; left:0; font-weight:bold; color:#fff; background:#272727; padding:20px 0; line-height:1; }
.mo-hidden { display: block !important; }
.pc-hidden { display: none !important; }
.scrollOff{position:fixed;overflow:hidden;height:100%; width: 100%; }
.slick-slider .slick-arrow { opacity: 0; transition: all 0.2s; }

/*cookie*/
#cookiePopup { position: fixed; bottom:0; right: 0; background-color: #ffffff; z-index: 3; max-width: 480px; padding: 35px 35px 35px; display: block;}
#cookiePopup.agree{ display: none; }
#cookiePopup .desc { font-size: 14px; color: #161616; letter-spacing: 0; }
#cookiePopup .desc a { text-decoration: underline; font-size: 14px; color: #161616; letter-spacing: 0; display: block; margin-top: 2px; }
#cookiePopup .desc .ok { width: 136px; height: 40px; background-color: #B6082E; font-size: 16px; color: #ffffff; font-weight: 400; border-radius: 20px; display: block; margin: 16px 0 0; cursor: pointer; }
#cookiePopup > button { width: 40px; height: 40px; background-color: #000000; position: absolute; top: 0; right: 0; }
#cookiePopup > button span { position: absolute; left: 10px; display:block; width: 19px; height: 3px; background-color: #ffffff; }
#cookiePopup > button span:nth-of-type(1) { top: 9px; transform: translateY(9px) rotate(45deg); }
#cookiePopup > button span:nth-of-type(2) { top: 27px; transform: translateY(-9px) rotate(-45deg);} 

/******** layout ********/
.default-wrap { overflow: hidden; position: relative; width:100%; max-width:1792px; margin-left:auto; margin-right:auto; }
/******** topBanner ********/
#topBanner {background-image:url(../../../resources/images/common/img_top_bg.jpg);height: 71px; background-repeat: no-repeat; background-position: center; background-size: cover; text-align: center; padding-top: 20px; padding-bottom: 20px;}
#topBanner span { display: inline-block; overflow: hidden; height: 31px; }
#topBanner .img-wrap, #topBanner .logo-wrap { display: inline-block; vertical-align:top; }
#topBanner .img-wrap img, #topBanner .logo-wrap img { display: block; }
#topBanner .logo-wrap { margin-left: 14px; width: 94px; position: relative; }
#topBanner .logo-wrap img { width: 100%; position: absolute; top: 50%; left: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%);}
#topBanner span.info { font-size: 28px; font-weight: 600; position: relative; padding-left: 10px; margin-left: 8px; line-height: 28px;padding-top: 2px; }
#topBanner span.info::after { position: absolute; top: 6px; left: 0; height: 19px; width: 1px; background-image: linear-gradient(180deg, rgba(255,255,255,0.15) 0%, #FFFFFF 51%, rgba(255,255,255,0.15) 100%); background-position: center; background-repeat: no-repeat; content:''; }

/******** header ********/
#headerWrap { position: fixed; width:100%; top:0; left:0; height: 92px; background-color:transparent; z-index:3; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; }
#headerWrap.fixed { top:0; position: fixed;}
#wrap #headerWrap { background-color:#111111; border-bottom: 1px solid #B6082E;}
#headerWrap.active::before { transform: translateY(0px); }
#headerWrap h1 { position: relative; float: left; z-index: 2; }
#headerWrap h1 a { display: block; width: 62px; height: 92px; margin-left: 45px; margin-right:46px; background-image: url(../../../resources/images/common/img_logo_w.svg); background-repeat: no-repeat; background-position: left center; transition: all .2s; background-size: 100% auto; }
#headerWrap nav { position: relative; float: left; z-index: 2; transition: all .2s; width: calc(100% - 153px);}
#headerWrap nav .gnb { position: relative; float: left; }
#headerWrap nav .gnb > ul { overflow: hidden; }
#headerWrap nav .gnb > ul > li { float: left; overflow: hidden; }
#headerWrap nav .gnb > ul > li + li { margin-left: 32px; }
#headerWrap nav .gnb > ul > li > a { display: block; font-size: 16px; line-height: 20px; color: #80898F; letter-spacing: 0; text-transform:uppercase; font-weight: 600; position: relative; padding-top: 36px; padding-bottom: 36px; transition: all .2s;}
#headerWrap nav .gnb > ul > li > a::after { position: absolute; display: block; bottom: -6px; left: 0; content:''; height: 2px; width: 0%; background-color: #B6082E; transition: all 0.2s; }
#headerWrap nav .gnb > ul > li.active > a{ color: #B6082E; } 
#headerWrap nav .gnb > ul > li.has-2depth.active > a::before {background-image: url(../../../resources/images/common/icon_select_sm_red.svg);}
#headerWrap nav .gnb > ul > li.has-2depth > a { position: relative; display: block; padding-right: 13px;}
#headerWrap nav .gnb > ul > li.has-2depth > a::before { position: absolute; content:''; display: block; width: 8px; height: 5px; background-image: url(../../../resources/images/common/icon_select_sm_gray.svg); top: 50%; right: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);}
#headerWrap nav .gnb > ul > li.has-2depth > a.active::before { background-image: url(../../../resources/images/common/icon_select_sm_red.svg); }
#headerWrap nav .gnb > ul > li.has-2depth .depth-wrap { position: absolute; top: 91px;left: -44px; display: none; }
#headerWrap nav .gnb > ul > li.has-2depth .depth-wrap ul{ background-color: #B6082E; position: relative; padding-top: 8px; padding-bottom: 8px; }
#headerWrap nav .gnb > ul > li.has-2depth .depth-wrap ul::after {content: ''; position: absolute; right: 50%; top: -10px; width: 0px; border-bottom: 11px solid #B6082E; border-right: 9px solid transparent; border-left: 9px solid transparent; margin-right: -15px;}
#headerWrap nav .gnb > ul > li.has-2depth .depth-wrap ul li a { color: #ffffff; font-weight: 600;  font-size: 16px; letter-spacing: 0; text-align: center; display: block; padding: 12px 32px; transition: all .2s;}
#headerWrap nav .gnb > ul > li.has-2depth .depth-wrap ul li.active a { text-decoration: underline; } 
#headerWrap .util { position: absolute; right: 38px; top: 34px; transition: all .2s; z-index: 5;}
#headerWrap .util .lang { float: left; margin-left: 20px; display: block; }
#headerWrap .util .lang > a { font-size: 14px; font-weight: 600; color: #C3C3C3; }
#wrap.fixed #headerWrap { background-color: #000000;  transition: all .1s;}
#headerWrap .lang-select { position: absolute; width: 98px; right: 15px; top: 80px; height: 0; overflow: hidden; transition: all .5s; opacity: 0;}
#headerWrap .lang-select.active { overflow: inherit; height: auto; opacity: 1; z-index: 2; box-shadow: 0 3px 6px 0 rgba(0,0,0,0.30);}
#headerWrap .lang-select::after { content: ''; position: absolute; right: 27px; top: -8px; width: 0px; border-bottom:8px solid #ffffff; border-right: 5px solid transparent; border-left: 5px solid transparent; }
#headerWrap .lang-select ul li { border-bottom: 1px solid #CECECE; background-color: #ffffff;  }
#headerWrap .lang-select ul li.active { background-color: #ECECEC;}
#headerWrap .lang-select ul li:last-child { border-bottom: 0;}
#headerWrap .lang-select ul li a { display:block; font-weight: 600; font-size: 12px; color: #000000; letter-spacing: 0; padding-left: 14px; height: 36px; line-height: 36px;}
#headerWrap .lang-select ul li.long { padding-top: 10px; }
#headerWrap .lang-select ul li.long a { line-height: 13px;}
/******** container ********/
#wrap #container { position: relative; padding-top: 92px; opacity: 0; transition:opacity .2s ease-in; z-index: 2; }
#wrap #container.visible { opacity: 1; }

/******** subVisual ********/
#subVisual { height: 115px; width: 100%; line-height: 115px; position: relative; z-index: 1; position: relative; }
#subVisual::after { position: absolute; bottom: 0; left:0; width: 100%; height: 101px; content:''; display: block; background-image: linear-gradient(180deg, rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.60) 100%); }
#subVisual .title { position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); font-size: 56px; letter-spacing: 0; z-index: 2; text-align: center; text-transform: uppercase; font-family: 'BebasNeue', sans-serif; line-height: 1.19;}

#contentsWrap { position: relative; }
#contentsWrap .tab-contents { display: none; }
#contentsWrap .tab-contents.active { display: block; }

/********menu********/
#contentsWrap.has-menu .depth2-menu-wrap.fixed.up { position: fixed; left: 0px; top: 0px; transition: all .1s; z-index: 3; }
#contentsWrap.has-menu .depth2-menu-wrap.fixed.down { position: fixed; left: 0px; top: 92px; transition: all .3s; z-index: 3; }

#contentsWrap .depth2-menu-wrap {width: 100%; height: 66px; background-color: #232121;}
#contentsWrap .depth2-menu-wrap .depth2-menu { text-transform: uppercase; position: relative; z-index: 4; }
#contentsWrap .depth2-menu-wrap .depth2-menu > div {  float: left; width: 270px; transition: all 0.3s;}
#contentsWrap .depth2-menu-wrap .depth2-menu > div button { position: relative; display: block; font-size: 20px; color: #FFFFFF; letter-spacing: 0; font-weight: 600; height: 66px; line-height: 66px; width: 100%; text-align: left; padding-left: 40px; padding-right: 57px; z-index: 1;background-color: #232121; border-right: 1px solid #161414; }
#contentsWrap .depth2-menu-wrap .depth2-menu > div button::after { position: absolute; top: 50%; right: 32px; transform: translateY(-50%);  -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); content:''; display: block; background-image: url(../../../resources/images/common/icon_select_xs_w.svg); width: 8px; height: 5px; }
#contentsWrap .depth2-menu-wrap .depth2-menu > div.season button{ padding-left: 40px; position: relative;}
#contentsWrap .depth2-menu-wrap .depth2-menu > div button span { display: block; position: relative; text-transform: uppercase; text-overflow: ellipsis;white-space: nowrap;overflow: hidden; }
#contentsWrap .depth2-menu-wrap .depth2-menu > div.active button { background-color: #B6082E;}
#contentsWrap .depth2-menu-wrap .depth2-menu > div ul { overflow: hidden; position: absolute; top: -2000px; transition: all 0.2s;}
#contentsWrap .depth2-menu-wrap .depth2-menu > div ul li a { display: inline-block; position: relative; font-size: 16px; color: #909090; letter-spacing: 0; font-weight: 600; width: calc(100% - 1px); height: 52px; background-color: #232121; line-height: 52px; padding: 0 40px; border: 1px solid #373434; border-top: 0; box-sizing: border-box; }
#contentsWrap .depth2-menu-wrap .depth2-menu > div ul li:first-child a { border-top: 1px solid #373434;}
#contentsWrap .depth2-menu-wrap .depth2-menu > div ul li.active a { border: 1px solid #B6082E; border-top: 0; background-color: #B6082E; color: #ffffff; }
#contentsWrap .depth2-menu-wrap .depth2-menu > div ul li { height: 52px; }
#contentsWrap .depth2-menu-wrap .depth2-menu > div ul li a { padding: 0 40px 0 40px;}
#contentsWrap .depth2-menu-wrap .depth2-menu > div ul li a span { display: block; position: relative; text-overflow: ellipsis;white-space: nowrap;overflow: hidden; }

#contentsWrap .depth3-menu-wrap { padding-top: 40px; padding-bottom: 32px; background-color: #111111; overflow: hidden;}
#contentsWrap .depth3-menu-wrap ul { overflow-x: auto; overflow-y: hidden; padding-left: 30px; display: flex; display: -webkit-flex; -webkit-overflow-scrolling: touch; position: relative; margin-left: -28px;}
#contentsWrap .depth3-menu-wrap ul::-webkit-scrollbar { height:0px; display: none; }
#contentsWrap .depth3-menu-wrap ul li { float: left; flex-shrink: 0; padding-left: 28px; padding-right: 28px; }
/* #contentsWrap .depth3-menu-wrap ul li + li { margin-left: 56px; } */
#contentsWrap .depth3-menu-wrap ul li a { font-size: 18px; color: #909090; letter-spacing: 0; font-weight: 600; text-transform: uppercase; display: block;}
#contentsWrap .depth3-menu-wrap ul li.active a { color:#ffffff; }

#contentsWrap{ overflow: hidden; }
#contentsWrap > .contents{ float: left; min-height: calc(100vh - 226px); }
#contentsWrap > div.contents { width: 100%; }

/********tab********/
.tab-wrap { width: 100%; margin-bottom: 70px; background-color: #111111; }
.tab-wrap ul { position: relative; overflow: hidden; height:56px; background-color: #000000; }
.tab-wrap ul li { height: 56px; line-height: 56px; float: left; text-align: center; transition: all 0.2s; border-bottom: 1px solid #252628; border-top: 1px solid #252628; flex-shrink : 0;}
.tab-wrap ul li  a { font-weight: 600; font-size: 16px; color: #909090; letter-spacing: 0; text-transform: uppercase; width: 100%; display:block; padding-left: 21px; padding-right: 21px; }
.tab-wrap ul li.active { background-color: #B6082E; border: 1px solid #B6082E !important; }
.tab-wrap ul li.active a { color: #ffffff; }
.tab-wrap ul::-webkit-scrollbar {
  height:0px; 
  display: none;
}
.scroll-wrap::-webkit-scrollbar {
  height:0px; 
  display: none;
}
.tab-wrap.type02.fixed { width: 100%; padding-top: 51px; padding-bottom: 24px; margin-bottom: 0; padding-left: 32px; padding-right:32px; border-top: 2px solid #B6082E;  }
.tab-wrap.type02.fixed.up { position: fixed; left: 0; top: 0; z-index: 3; }
.tab-wrap.type02.fixed.down { position: fixed; left: 0; top: 92px; transition: all .3s; z-index: 3; }

.tab-wrap .slick-next { width: 54px; height: 56px; background-image: linear-gradient(90deg, rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.80) 31%); right:0;}
.tab-wrap .slick-prev { width: 54px; height: 56px; background-image: linear-gradient(-90deg, rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.60) 31%); left:0; z-index: 2;}
.tab-wrap .slick-next::after { position: absolute; display:block; content:''; top:23px; right: 14px; background: url(../../../resources/images/common/icon_select_w.svg) no-repeat left center/100% auto; width: 18px; height: 11px; transform: rotate( 90deg ); -webkit-transform: rotate( 90deg ); -moz-transform: rotate( 90deg ); }
.tab-wrap .slick-prev::after { position: absolute; display:block; content:''; top:23px; left: 14px; background:url(../../../resources/images/common/icon_select_w.svg) no-repeat left center/100% auto; width: 18px; height: 11px; transform: rotate( -90deg ); -webkit-transform: rotate( -90deg ); -moz-transform: rotate( -90deg ); }
.tab-wrap .slick-initialized .slick-slide + .slick-slide { border-left: 1px solid #252628; }
.tab-wrap .slick-initialized .slick-slide:first-child { border-left: 1px solid #252628; }
.tab-wrap .slick-initialized .slick-slide:last-child { border-right: 1px solid #252628; }

/******** pagination ********/
.pagination-wrap { text-align: center; padding-top: 80px; margin-bottom: 80px; }
.pagination { position: relative; display:inline-block; }
.pagination .num-wrap { float: left; }
.pagination button { position: relative; display: block; float: left; width: 32px; height: 32px; color: #909090; font-size: 16px; margin: 0px 2px; font-weight:600; }
.pagination button.active { width: 32px; height: 32px; color: #ffffff; z-index: 1;}
.pagination button.active::after { position: absolute; content: ''; width: calc(100%); height: calc(100%); left: 0px; top: 0px; background-color: #B6082E; z-index: -1;}
.pagination .prev { left: -23px; width: 6px; height: 32px; background-image:url(../../../resources/images/common/icon_arrow_prev_w.svg); background-position: center; background-size: auto 12px; background-repeat: no-repeat; }
.pagination .next { right: -23px; width: 6px; height: 32px; background-image:url(../../../resources/images/common/icon_arrow_w.svg); background-position: center; background-size: auto 12px; background-repeat: no-repeat; }

/******** filter ********/
.filter-wrap { background: #111111; margin-bottom: 16px; overflow: hidden; padding-left: 32px; margin-top: 48px; }
.filter-wrap > .btn-wrap { display: inline-block; } 
.filter-wrap > .btn-wrap button {background-color: #B6082E; font-size: 16px; color: #FFFFFF;letter-spacing: 0; transition: all 0.2s; width: 122px; height: 52px; line-height: 52px; background-image: url(../../../resources/images/common/icon_filter_w.svg); background-position: center left 24px; background-repeat: no-repeat; font-weight: 600; padding-left: 56px; text-align: left;}
.filter-wrap .filter-list { position: absolute; top: -800px; left: 0; width: 100%; padding: 96px 0; background-color:#111111; z-index: 1; transition: all 0.4s; padding-left: 16px; padding-right: 16px;}
.filter-wrap .filter-list.active { top: 0px; }
.filter-wrap .filter-list .filter-close { position: absolute; top: 56px; right: 2.9%; }
.filter-wrap .filter-list .filter-close button { width: 24px; height: 24px; background: url(../../../resources/images/common/icon_close_w.svg) no-repeat center;}
.filter-wrap .check-wrap .check-list {max-width: 980px; margin: auto;}
.filter-wrap .check-wrap .check-item + .check-item { margin-top: 32px; }
.filter-wrap .check-wrap .check-item > p { font-weight: 600; font-size: 16px;color: #909090; letter-spacing: 0; margin-bottom: 16px; text-transform: uppercase;}
.filter-wrap .check-wrap .check-item ul li { float: left; margin-bottom: 8px; margin-left: 12px; margin-right: 12px; }
.filter-wrap .check-wrap .check-item ul { margin-left: -12px;}
/* .filter-wrap .check-wrap .check-item ul li + li { margin-left: 24px;} */
.filter-wrap .check-wrap .check { position:relative; text-align:left; margin-right:0px; display:inline-block; }
.filter-wrap .check-wrap .check label { position: relative; display:inline-block;font-size:14px; padding-left:32px; font-weight: 600;  color: #FFFFFF; letter-spacing: 0; line-height: 22px; }
.filter-wrap .check-wrap .check input[type="checkbox"] { margin-right:8px; opacity:0; position:absolute; left:0px; top:0px; }
.filter-wrap .check-wrap .check input[type="checkbox"]+label { cursor: pointer; }
.filter-wrap .check-wrap .check input[type="checkbox"]+label:before,
.filter-wrap .check-wrap .check input[type="checkbox"]+label::before { position: absolute; left: 0px; top:0; display: block; content: ""; width: 22px; height: 22px; vertical-align: middle; background: url(../../../resources/images/common/icon_check_off.svg); cursor: pointer; background-size: 100% auto; }
.filter-wrap .check-wrap .check > input[type="checkbox"]:checked+label:before,
.filter-wrap .check-wrap .check > input[type="checkbox"]:checked+label::before { position: absolute; left: 0px; top:0; display: block; content: ""; width: 22px; height: 22px; vertical-align: middle; background: url(../../../resources/images/common/icon_check_on.svg); cursor: pointer; background-size: 100% auto; }
.filter-wrap .check-wrap .btn-wrap { margin-top: 56px; }
.filter-wrap .check-wrap .btn-wrap button.apply { background-color: #B6082E; font-size: 16px; color: #FFFFFF;letter-spacing: 0; transition: all 0.2s; width: 180px; height: 52px; line-height: 52px; text-align: center; font-weight: 600; float: left; }
.filter-wrap .check-wrap .btn-wrap button.reset { width: 52px; background-color:#303030; background-image: url(../../../resources/images/common/icon_reset.svg); background-position: center; padding-left: 0; height: 52px; line-height: 52px; background-position: center; background-repeat: no-repeat; float: left; }

/******** spon ********/
#sponWrap { overflow: hidden; color: #FFFFFF; font-weight: 600;padding-top: 32px; padding-bottom: 32px;  text-align: center; border-top: 1px solid #252628; background-color:#000000;}
#sponWrap .spon { overflow: hidden; display: inline-block; max-width: 908px; margin: auto;}
#sponWrap .spon > div { float: left; display: inline-block;}
#sponWrap .spon > div a { display: block; }
#sponWrap .spon > div a img { display: block; width: 100%;}
#sponWrap .spon .text-wrap { margin-right: 16px; margin-top: 16px; display: none;}
#sponWrap .spon .intel-wrap,
#sponWrap .spon .other-wrap { display: none;}
#sponWrap .spon .intel-wrap a { position: relative; padding-right: 78px;}
#sponWrap .spon .intel-wrap a::after { position: absolute; right: 40px; top: 20px; width: 2px; height: 42px; background-color: #ffffff; content:'';}
#sponWrap .spon .other-wrap ul li { float: left; margin-right: 24px; }
#sponWrap .spon .other-wrap ul li a { margin-top: 19px; }
#sponWrap .spon .other-wrap ul li:last-child { margin-right: 0; }

#sponWrap .spon .logo-wrap.doubble { overflow: hidden; }
#sponWrap .spon .logo-wrap.doubble a { float: left; }
#sponWrap .spon .logo-wrap.doubble a + a { margin-left: 40px; }

/******** sns ********/
#snsWrap { border-bottom: 1px solid #252628; border-top: 1px solid #252628; overflow: hidden; height: 85px; background-color: #000000; padding-top: 27px; padding-left: 51px; }
#snsWrap a { display: block; width: 32px; height: 32px; float: left; }
#snsWrap a + a { margin-left: 32px; }
#snsWrap a img { display: block; width: 100%; }

/******** footer ********/
#footerWrap { overflow: hidden; position: relative; background-color: #000000;}
#footerWrap .bottom { padding-top: 44px; padding-bottom: 110px; overflow: hidden; }
#footerWrap .bottom .left { float: left; overflow: hidden; margin-left: 48px; }
#footerWrap .bottom .left .footer-logo { position: relative; float: left; z-index: 2; margin-right: 40px; }
#footerWrap .bottom .left .footer-logo a { display: block; width: 174px; height: 42px; background-image: url(../../../resources/images/common/img_logo_footer_w.svg); background-repeat: no-repeat; background-position: left center; }
#footerWrap .bottom .left .etc-link { margin-bottom: 16px; overflow: hidden;}
#footerWrap .bottom .left .etc-link > a { position: relative; font-size: 14px; color: #ffffff; line-height: 18px; margin-right: 16px; }
#footerWrap .bottom .left .etc-link > a:nth-child(1) { font-weight: 600; }
#footerWrap .bottom .left .etc-link br { display: none; }
#footerWrap .bottom .left .copyright {  font-size: 13px; color: #909090; letter-spacing: -0.25px; max-width: 750px; overflow: hidden; }
#footerWrap .bottom .right { float: right; margin-right: 48px; }

/******** mobile header ********/
#headerWrap .mo-gnb-left { position: absolute; left: 13px; top: 11px; z-index: 10;}
#headerWrap.active .mo-gnb-left { position: absolute; left: 13px; top: -60px; z-index: 10;}
#headerWrap .mo-gnb-left,
#headerWrap .mo-gnb-left .btn-gnb-open span { transition: all .2s; }
#headerWrap .mo-gnb-left .btn-gnb-open { width: 40px; height: 40px; }
#headerWrap .mo-gnb-left .btn-gnb-open span { background-color: #fff; position: absolute; top: 23px; left: 50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); width: 24px; height: 4px; }
#headerWrap .mo-gnb-left .btn-gnb-open span:nth-of-type(1) { top: 11px; }
#headerWrap .util .lang select option:first-child { opacity: 0; }
#headerWrap.negative nav .util .lang a { color: #fff; }
#headerWrap.active .mo-gnb-left .btn-gnb-open span { left: 8px; transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0);  }
#headerWrap.active .mo-gnb-left .btn-gnb-open span:nth-of-type(1) { top: 9px; transform: translateY(9px) rotate(45deg); }
#headerWrap.active .mo-gnb-left .btn-gnb-open span:nth-of-type(2) { top: 27px; transform: translateY(-9px) rotate(-45deg); }
#headerWrap.active nav .mo-util { padding-bottom: 100px; }
#headerWrap.active nav .mo-util a { display: block; padding-left: 8.5%; padding-top: 25px; background-size: cover; background-position: left bottom; background-repeat: no-repeat; padding-bottom: 41.4%; box-sizing: border-box; }
#headerWrap.active nav .mo-util a strong { display:block; font-weight: 600; font-size: 36px; color: #FFFFFF; letter-spacing: 0; line-height: 37px; margin-bottom: 8px;}
#headerWrap.active nav .mo-util a span { font-weight: 600;  font-size: 16px; color: #FFFFFF; letter-spacing: 0; line-height: 20px; }

#headerWrap .mo-gnb .mo-2depth { background-color: #111111; margin-left: -32px; padding: 12px 32px; }
#headerWrap .mo-gnb .mo-2depth li a {display: block; font-size: 18px; color: #909090;letter-spacing: 0; font-weight: 600; padding-top: 12px; padding-bottom: 12px;}

/******** tab-select ********/
.tab-select.fixed { padding-right: 32px; padding-top: 24px; height: 96px; }
.tab-select.fixed.up { position: fixed; left: 0; top: 66px; z-index: 2; }
.tab-select.fixed.down { position: fixed; left: 0; top: 158px; transition: all .3s; z-index: 2; }
.tab-select { width: 100%; text-align: right; height: 72px; padding-bottom: 24px; background: #111111; }
.tab-select .select-wrap { background: #000000; width: 100%; max-width:340px; display:inline-block; text-align: left; overflow:hidden; position: relative; }
.tab-select .select-wrap.mo-select { display: none; }
.tab-select .select,
.tab-select .select-item select{ font-weight: 600;  font-size: 16px; letter-spacing: 0; text-transform: uppercase; color: #FFFFFF; padding-left: 20px; padding-right: 20px; height: 52px; line-height: 52px; display: block; position: relative; border-bottom: 1px solid #252628; cursor: pointer; background: #000000; z-index:2; border-top: 1px solid #252628;  border-left: 1px solid #252628; border-right: 1px solid #252628;}
.tab-select .select-item select {background: url(../../../resources/images/common/icon_select_xs_w.svg) no-repeat right 20px center; }
.tab-select .select::after{ content: ''; display: block; position: absolute; width: 9px; height: 14px; margin: auto; top: 0; bottom: 0; right: 20px; background: url(../../../resources/images/common/icon_select_xs_w.svg) no-repeat right center; transition: all 0.3s; }
.tab-select .option { transition: all 0.2s; position: absolute; top: 48px; left: 0; display:none; border-left: 1px solid #252628; border-right: 1px solid #252628; background: #000000;  width: 100%; z-index: 1;}
.tab-select .option.active { display: block; }
.tab-select .option li { width: 100%; border-bottom: 1px solid #252628; overflow: hidden; box-sizing: border-box; display: block; }
.tab-select .option li.active a { color:#ffffff; }
.tab-select li a { position: relative; display: block; color: #80898F; width: 100%; text-transform: uppercase; line-height: 48px; padding: 0 20px; font-weight: 600; font-size: 16px; }
.tab-select li a::after { content: ''; display: block; position: absolute; width: 9px; height: 14px; margin: auto; top: 0; bottom: 0; right: -20px; background-image: url(../../../resources/images/common/icon_select_xs_w.svg); -webkit-transition: all 0.25s; transition: all 0.25s; }
.tab-select li a.active { color: white; background-color: black; }
.tab-select li a.active::after { right: 20px; }

/******** mobile title ********/
.mo-title { display: none; height: 72px; line-height: 72px; padding: 0 5.86%; }
.mo-title p { font-weight: 600;  font-size: 20px; color: #FFFFFF; letter-spacing: 0; text-transform: uppercase; }

/******** table ********/
.table { color: #ffffff; text-transform: uppercase; }
.table tr th { font-weight: 600; font-size: 14px; color: #909090; letter-spacing: 0; text-align: center; line-height: 16px;background-color: #000000; height: 78px;}
.table tr td { background-color: #0B0B0B; height: 70px; text-align: center; }

.table.type02 tr th { background-color: #000000; border-top: 1px solid #373434; border-bottom: 1px solid #373434;height: auto; padding-top: 16px; padding-bottom: 16px; }
.table.type02 tr th button { color: #909090; line-height: 18px; font-weight: 600; font-size: 14px; text-transform: uppercase;}
.table.type02 tr td { background-color: #000000; }

.tablest { color: #ffffff; text-transform: uppercase; display: table; table-layout: fixed; width: 100%;  }
.tablest .tr { position: relative; display: table-row; width: 100%; background-color: #000000; }
.tablest .tr .th { font-weight: 600; font-size: 14px; color: #909090; letter-spacing: 0; text-align: center; line-height: 16px;background-color: #000000; height: 78px; display: table-cell; vertical-align: middle;}
.tablest .tr .td { background-color: #0B0B0B; height: 70px; text-align: center; display: table-cell; vertical-align: middle; font-weight: 600; }

/********accodian********/
.accordion-wrap { position: relative; }
.accordion-item { position: relative;}
.accordion-item + .accordion-item { margin-top: 16px; }
.accordion-item .handle { position: relative; background-color:#000000; font-weight: 600; font-size: 18px; height: 84px; line-height: 84px; padding-left: 68px; }
.accordion-item.active .handle { background-color:#6D051B; cursor: pointer;}
.accordion-item .handle::after { position: absolute; content: ''; width: 16px; height: 16px;transition: all .2s; background-image: url(../../../resources/images/common/icon_select_down.svg); top: 50%; right: 68px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); background-repeat: no-repeat; background-position: center;}
.accordion-item.active .handle::after { background-image: url(../../../resources/images/common/icon_select_w.svg); }
.accordion-item .accordion-con { overflow: hidden; display: none; }
.accordion-item .accordion-con .detail { position: relative;}

/********loading********/
.loading-wrap { position: fixed; top: 0; right:0; bottom:0;	left:0; width: 100%; height: 100%; background-color: transparent; }
.loading-wrap.relative { position: relative; top: auto; right:auto; bottom:auto; left:auto; width: 100%; height: 96px; }
.loading-wrap.absolute { position: absolute; top: 0; right:0; bottom:0;	left:0; width: 100%; height: 100%; background-color: transparent; z-index: 0; }
.loading-wrap .img-wrap { position:absolute; top:50%; left:50%; margin-left: -54px; margin-top: -43px; width: 108px; height: 84px; overflow: hidden; animation: load 1.5s linear infinite; background-image: url(../../../resources/images/common/img_loadding_bg_y.jpg); background-position-y: 0; background-repeat: no-repeat; }
.loading-wrap .img-wrap::after { position: absolute; content: ''; left: 0px; top: -1px; width: 108px; height: 86px; background-image: url(../../../resources/images/common/img_loadding_03.png); background-repeat: no-repeat; background-size: 100% auto; } 

.contLoading-wrap { position: fixed; top: 0; right:0; bottom:0;	left:0; width: 100%; height: 100%; background-color: transparent;	z-index: 7900; }
.contLoading-wrap.relative { position: relative; top: auto; right:auto; bottom:auto; left:auto; width: 100%; height: 52px; }
.contLoading-wrap.absolute { position: absolute; top: 0; right:0; bottom:0;	left:0; width: 100%; height: 100%; background-color: transparent; z-index: 0; }
.spinner { width: 52px; height: 52px; position: absolute; z-index: 4000; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.spinner svg{ width: 100%; height: 100%; text-align: center; animation: s-rotate1 0.7s infinite linear; }
.spinner .active{ fill: none; stroke: #F1AA2E; stroke-width: 2px; stroke-dasharray: 150; stroke-dashoffset: 120; animation: s-rotate2 1.4s infinite linear; }
.spinner .back{ fill: none; opacity: 0.3; }
@keyframes s-rotate1{0%{transform:rotate(0deg)}100%{transform:rotate(-360deg)}}
@keyframes s-rotate2{0%{ stroke-dashoffset: 120;}50%{ stroke-dashoffset: 40;}100%{ stroke-dashoffset: 120;}}



@keyframes load {
	0% {
    background-position-y: -0px;
    }
	50% {
		background-position-y: -50px;
	}
	100% {
    background-position-y: -100px;
    }
}

/******** btn ********/
.btn .icon { display: inline-block; vertical-align: middle;}
.btn .icon.ml8 { margin-left: 8px; }
button.line { font-weight: 600; font-size: 18px; color: #FFFFFF; letter-spacing: 0; text-align: center;text-transform: uppercase; display: inline-block; height: 60px; line-height: 60px; border: 1px solid #ffffff; width: 250px; }

/********font********/
.noto { font-family: 'noto', sans-serif; }
.rDhani { font-family: 'Rajdhani', sans-serif; }
.beNeue { font-family: 'BebasNeue', sans-serif; }


/********hr********/
hr.red-line { width: 100%; border-color: #B6082E; }

.color-B6082E { color: #B6082E !important; }


/******** contents ********/
.data-none { max-width: 1400px; height: 0; margin: 0px auto; padding-bottom: 49.71%; text-indent:-10000px; background-image: url(../../images/common/img_comming.png); background-repeat: no-repeat; background-size: 100% auto; }
/*overview*/
.overview #contentsWrap > div.contents { background-color: #111111; }
.overview .view-wrap .visual-wrap {  background-position: top center; background-repeat: no-repeat; background-size: cover; height: 500px; position: relative; }
.overview .view-wrap .visual-wrap::before { content: ""; width:100%; height: 325px; display: block; position: absolute; left: 0px; bottom: 0px; background-image: linear-gradient(180deg, rgba(22,22,22,0.00) 0%, #111111 100%);}
.overview .view-wrap .text-wrap .inner-wrap { max-width: 980px; margin: auto; margin-top: -225px; position: relative; z-index: 1;}
.overview .view-wrap .inner-wrap  .title-wrap { margin-bottom: 72px; }
.overview .view-wrap .inner-wrap  .title-wrap .title { font-weight: 600; font-size: 56px; color: #FFFFFF; letter-spacing: 0; line-height: 60px; }
.overview .view-wrap .inner-wrap  .info-wrap { margin-bottom: 80px; }
.overview .view-wrap .inner-wrap  .info-wrap div { margin-bottom: 48px; overflow: hidden; }
.overview .view-wrap .inner-wrap  .info-wrap div p { width: 50%; float: left; font-weight: 600; text-transform: uppercase; }
.overview .view-wrap .inner-wrap  .info-wrap div p span { display: block; font-size: 24px; }
.overview .view-wrap .inner-wrap  .info-wrap div p span.title { color: #B6082E; font-size: 16px; margin-bottom: 4px; }
.overview .view-wrap .text-wrap .inner-wrap .desc-wrap { font-size: 20px; line-height: 32px; margin-bottom: 100px; }

/*standing*/
.standing #contentsWrap > div.contents { padding: 0 32px; background-color: #111111;}
.standing .standing-list-wrap .tablest .etc-data .empty { display: inline-block; background: #ffffff; width: 20px; height: 2px; }
.standing .standing-list-wrap .tablest  { display: table; table-layout: fixed; width: 100%; }
.standing .standing-list-wrap .tablest .tr { position: relative; display: table-row; width: 100%; background-color: #000000;}
.standing .standing-list-wrap .tablest .tr.thead > .th { border-bottom: 1px solid #373434; box-sizing: border-box; border-top: 1px solid #373434;}
.standing .standing-list-wrap .tablest .th { display: table-cell; vertical-align: middle; padding: 40px 9px 40px 9px; font-size: 14px; font-weight: 600; text-transform: uppercase; color: #C3C3C3; font-size: 14px; text-align: center; background-color: #000;}
.standing .standing-list-wrap .tablest .tr.thead > .th:last-child { border-left: 1px solid #373434; padding: 0;}
.standing .standing-list-wrap .tablest .tr.thead > .th:last-child .tr:first-child .th { border-top:0; }
.standing .standing-list-wrap .tablest .tr.thead > .th:last-child .tr .th { border-top: 1px solid #373434; padding-bottom: 16px; padding-top: 16px;}
.standing .standing-list-wrap .tablest .tr.thead > .th:last-child .tr .total { color:#B6082E; }
.standing .standing-list-wrap .tablest .td { display: table-cell; vertical-align: middle; padding: 14px 9px; height: 92px; font-weight: 600; color: #fff; font-size: 20px;  padding:0; border-bottom: 2px solid #111111; word-break: break-all; text-align: center; }
.standing .standing-list-wrap .tablest.top-etc .tr:nth-child(odd),
.standing .standing-list-wrap .tablest.top-etc .tr:nth-child(odd) .tr { background-color: #0B0B0B;  }
.standing .standing-list-wrap .tablest.top-etc .tr:first-child { background-color: #000; }
.standing .standing-list-wrap .tablest.top-etc .tr .td .logo img { width: 64px; height: 64px; vertical-align: middle; }
.standing .standing-list-wrap .tablest.top-etc .tr .td > p:first-child { text-transform: uppercase; font-size: 12px; color: #909090; }
.standing .standing-list-wrap .tablest.top-etc .tr .td.rank { font-size: 36px; color: #fff; }
.standing .standing-list-wrap .tablest.top-etc .tr .td.team .name { text-transform: uppercase; vertical-align: middle; }
.standing .standing-list-wrap .tablest.top-etc .tr .td.team .name a { color:#ffffff; }
.standing .standing-list-wrap .tablest.top-etc .tr.tbody .td.rank { color: #ffffff; }
.standing .standing-list-wrap .tablest.top-etc .tbody:nth-of-type(2) .td.rank { color: #F2A900; }
.standing .standing-list-wrap .tablest.top-etc .tbody:nth-of-type(3) .td.rank { color: #F2A900; }
.standing .standing-list-wrap .tablest.top-etc .tbody:nth-of-type(4) .td.rank { color: #F2A900; }
.standing .standing-list-wrap .tablest.top-etc .th { line-height: 16px; }
.standing .standing-list-wrap .notice { color: rgba(255, 255, 255, 0.2); margin-bottom: 8px; }
.standing .standing-list-wrap .tablest.top-etc .tr .td.total { color:#B6082E; }

.standing.pcs .ranking-list-wrap .tablest  { display: table; table-layout: fixed; width: 100%; padding-bottom: 80px; }
.standing.pcs .ranking-list-wrap .tablest .tr { position: relative; display: table-row; width: 100%; }
.standing.pcs .ranking-list-wrap .tablest .th { display: table-cell; vertical-align: middle; padding: 11px 9px 11px 9px; font-size: 14px; font-weight: 600; text-transform: uppercase; color: #C3C3C3; font-size: 14px; text-align: center; background-color: #000;}
.standing.pcs .ranking-list-wrap .tablest .td { display: table-cell; vertical-align: middle; padding: 14px 9px; height: 92px; font-weight: 600; color: #fff; font-size: 20px;  padding:0; border-bottom: 2px solid #000; word-break: break-all; text-align: center; }
.standing.pcs .ranking-list-wrap .tablest.top-etc .tr:nth-child(even) { background-color: #0F1316;  }
.standing.pcs .ranking-list-wrap .tablest.top-etc .tr:nth-child(odd) { background-color: #0B0E10;  }
.standing.pcs .ranking-list-wrap .tablest.top-etc .tr:first-child { background-color: #000; }
.standing.pcs .ranking-list-wrap .tablest.top-etc .tr .td .logo img { width: 64px; height: 64px; vertical-align: middle; }
.standing.pcs .ranking-list-wrap .tablest.top-etc .tr .td > p:first-child { text-transform: uppercase; font-size: 12px; color: #909090; }
.standing.pcs .ranking-list-wrap .tablest.top-etc .tr .td.rank { font-size: 36px; color: #F2A900; }
.standing.pcs .ranking-list-wrap .tablest.top-etc .tr .td.team .name { text-transform: initial; vertical-align: middle; display: inline-block;}
.standing.pcs .ranking-list-wrap .tablest.top-etc .tr .td.team .name a { color:#ffffff; }
.standing.pcs .ranking-list-wrap .tablest.top-etc .tr .td.team .name a br { display: none; }
.standing.pcs .ranking-list-wrap .tablest.top-etc .tr:nth-child(n+6) .td.rank { color: #fff; }
.standing.pcs .ranking-list-wrap .tablest.top-etc .th { line-height: 16px; }
.standing.pcs .ranking-list-wrap .notice { color: rgba(255, 255, 255, 0.2); margin-bottom: 8px; }
.standing.pcs .ranking-list-wrap .tablest.top.avg4 .etc-data > div:first-child { width: 50%; }

/*pgc standing*/
.standing.pcs.pgc .pgc-title { font-weight: 600; font-size: 28px; margin-bottom: 24px; margin-top: 8px; float: left; }
.standing.pcs.pgc .weekly-btn { margin-top: 15px; float: right; }
.standing.pcs.pgc .weekly-btn ul li { float: left; width: 200px; height: 40px; border: 1px solid #909090; }
.standing.pcs.pgc .weekly-btn ul li + li { margin-left: 8px; }
.standing.pcs.pgc .weekly-btn ul li button{ font-size: 14px; color: #ffffff !important; font-weight: 600; width: 100%; height: 100%; }
.standing.pcs.pgc .weekly-btn ul li button .share { padding-right: 20px; background: url(../../images/common/icon_share_gray.svg) no-repeat center right; background-size: 16px auto;}
.standing.pcs.pgc .ranking-list-wrap .tablest.top-etc .tr .td.team .label-wrap { display: inline-block; margin-left: 8px; }
/* .standing .ranking-list-wrap .tablest.top-etc .tr .td.team .tiket {width: auto;height: 23px;vertical-align: middle;margin-left: 4px; display: none;}
.standing .ranking-list-wrap .tablest.top-etc .tr .td.team .tiket img { width: 100%; display: block; } */
.standing.pcs.pgc .ranking-list-wrap .tablest.top-etc .tr .td.team .winner {width: auto;height: 25px;vertical-align: middle;display: inline-block;}
.standing.pcs.pgc .ranking-list-wrap .tablest.top-etc .tr .td.team .winner img { height:100%; display: block; }
.standing.pcs.pgc .ranking-list-wrap .tablest .td .champ { display: inline-block; text-align: center; overflow: hidden;}
.standing.pcs.pgc .ranking-list-wrap .tablest .td .champ span {display: block; width: 32px; height: 32px; float: left; }
.standing.pcs.pgc .ranking-list-wrap .tablest .td .champ span + span { margin-left: 4px; }
.standing.pcs.pgc .ranking-list-wrap .tablest .td .champ span img { width: 100%; display: block; }
.standing.pcs.pgc .ranking-list-wrap .tablest.top-etc .tr:nth-child(n+5) .td.rank { color: #F2A900;}
.standing.pcs.pgc .ranking-list-wrap .tablest.top-etc .tr:nth-child(n+11) .td.rank { color: #FFFFFF; }

/*stats*/
.stats #contentsWrap > div.contents { padding: 0 32px 120px; background-color: #111111; }
.stats .scroll-wrap::-webkit-scrollbar { height:10px;  display: block;}
.stats .stats-list-wrap .table-wrap th { padding-top: 0; padding-bottom: 0; height: 86px; }
.stats .stats-list-wrap .table-wrap th button { width: 100%; height: 100%; }
.stats .stats-list-wrap .table-wrap th button span { display: inline-block; position: relative; }
.stats .stats-list-wrap .table-wrap th.active button { color:#ffffff; }
.stats .stats-list-wrap .table-wrap th.active button span::after { position: absolute; top: 50%; right: -13px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 8px; height: 5px; background-image: url(../../../resources/images/common/icon_select_sm_red.svg); content:''; transform: rotate(180deg);}
.stats .stats-list-wrap .table-wrap th.active.down button span::after { transform: rotate(0deg);}
.stats .stats-list-wrap .table-wrap tr td { font-weight: 600; border-bottom: 4px solid #111111; height: 74px; }
.stats .stats-list-wrap .table-wrap tr:last-child td { border-bottom: 0;} 
.stats .stats-list-wrap .table-wrap tr td.rank { font-weight: 600; font-size: 24px; letter-spacing: 0;}
.stats .stats-list-wrap .table-wrap tbody tr:nth-child(1) td.rank { color: #F2A900; }
.stats .stats-list-wrap .table-wrap tbody tr:nth-child(2) td.rank { color: #F2A900; }
.stats .stats-list-wrap .table-wrap tbody tr:nth-child(3) td.rank { color: #F2A900; }
.stats .stats-list-wrap .table-wrap tr td.name { text-transform: initial; vertical-align: middle; text-align: left; }
.stats .stats-list-wrap .table-wrap tr td.name a { color:#ffffff; font-size: 16px; font-weight: 600; }
.stats .stats-list-wrap .table-wrap tr td.name a.player { text-transform: initial; }
.stats .stats-list-wrap .table-wrap tr td.name a br { display: none; }
.stats .stats-list-wrap .table-wrap tr td.name a .logo { padding-right: 8px; }
.stats .stats-list-wrap .table-wrap tr td.name a .logo img { width: 40px; height: 40px; vertical-align: middle; }
.stats .stats-list-wrap .table-wrap tr td.name a br { display: none; }

/*awards*/
.awards #contentsWrap > div.contents { padding: 0 16px 120px; background-color: #111111;}
.awards .awards-wrap ul { overflow: hidden; }
.awards .awards-wrap ul li { width: 50%; padding: 0 16px; float: left; margin-bottom: 32px; }
.awards .awards-wrap ul li p { background-position: center; background-repeat: no-repeat; background-size: 100% auto; padding-bottom: 50.44%; }

/*allevent*/
.allevent #contentsWrap > div.contents {padding: 0 0 120px; background-color: #111111; position: relative; transition: all 0.2s;}
.allevent #contentsWrap > div.contents.has-dim::after { position: absolute; width: 100%; height: 100%; content:''; top: 0; left:0; background-color: #000000; opacity: 0.6;}
.allevent .allevent-top.fixed { position: fixed; top: 0; left: 0;}
.allevent .allevent-top.fixed.down { top: 92px; }
.allevent .allevent-top { z-index: 1; background-color: #111111; position: relative; padding-top: 48px; padding-left: 32px; padding-right: 32px; transition: all 0.5s; width: 100%; }
.allevent .allevent-top .prev-btn { position: absolute; bottom: 106px; right: 32px; }
.allevent .allevent-top .prev-btn button { font-weight: 600; font-size: 14px; color: #FFFFFF; letter-spacing: 0; text-transform: uppercase; } 
.allevent .allevent-top .prev-btn button span { padding-right: 32px; position: relative; }
.allevent .allevent-top .prev-btn button span::after { position: absolute; top: -4px; right: 0; display: block; content:''; background-image: url(../../../resources/images/common/icon_up_circle.svg); width: 24px; height: 24px; }
.allevent .search-wrap { margin-bottom: 16px; overflow: hidden;}
.allevent .search-wrap > .btn-wrap { display: inline-block; float: left;} 
.allevent .search-wrap .btn-wrap button {background-color: #B6082E; font-size: 16px; color: #FFFFFF;letter-spacing: 0; transition: all 0.2s; width: 122px; height: 52px; line-height: 52px; background-image: url(../../../resources/images/common/icon_search_w.svg); background-position: center left 24px; background-repeat: no-repeat; font-weight: 600; padding-left: 48px; text-align: left; text-transform: uppercase;}
.allevent .search-wrap .tag-wrap {width: calc(100% - 330px); float: left; }
.allevent .search-wrap .tag-wrap > div.tag-list-wrap .tag-list::-webkit-scrollbar {height:7px !important; display: block; }
.allevent .search-wrap .tag-wrap > div.tag-list-wrap{ width: 100%;  margin-left: 16px;  padding-top: 2px; position: relative; overflow: hidden;}
.allevent .search-wrap .tag-wrap > div.tag-list-wrap .tag-list { overflow-x: auto; overflow-y: hidden; display: flex; display: -webkit-flex; -webkit-overflow-scrolling: touch; position: relative;}
.allevent .search-wrap .tag-wrap > div.tag-list-wrap .tag-list > div { display: inline-block; background-color: #0D0D0D; border: 1px solid #323232; border-radius: 24px; font-weight: 600; font-size: 16px; color: #FFFFFF;letter-spacing: 0; padding-top: 13px; padding-bottom: 13px; padding-left: 12px; padding-right: 12px; text-transform: uppercase; float: left;  }
.allevent .search-wrap .tag-wrap > div.tag-list-wrap .tag-list > div + div { margin-left: 8px; }
.allevent .search-wrap .tag-wrap > div.tag-list-wrap .tag-list > div span { display: inline-block; }
.allevent .search-wrap .tag-wrap > div.tag-list-wrap .tag-list > div button { width: 14px; height: 20px; background-image: url(../../../resources/images/common/icon_close_r.svg); background-size: 100% auto; background-repeat: no-repeat; background-position: center; vertical-align: bottom; margin-left: 8px; }
.allevent .search-wrap .search-list { position: absolute; top: -300px; left: 0; width: 100%; padding: 96px 0; background-color:#111111; z-index: 1; transition: all 0.2s;}
.allevent .search-wrap .search-list.active { top: 0px; }
.allevent .search-wrap .search-list .search-close { position: absolute; top: 56px; right: 2.9%; }
.allevent .search-wrap .search-list .search-close button { width: 24px; height: 24px; background: url(../../../resources/images/common/icon_close_w.svg) no-repeat center;}
.allevent .search-wrap .search-list .item-wrap { overflow: hidden; max-width: 1390px; margin: auto; }
.allevent .search-wrap .search-list .item-wrap .select-item { width: 216px; float: left; }
.allevent .search-wrap .search-list .item-wrap .select-item:nth-child(2) { margin-left: -1px;}
.allevent .search-wrap .search-list .item-wrap .select-item select { width: 100%; }
.allevent .search-wrap .search-list .item-wrap .input-item { width: calc( 100% - 664px); float: left; margin-left: -1px; }
.allevent .search-wrap .search-list .item-wrap .input-item input[type="text"] { width: 100%; }
.allevent .search-wrap .search-list .btn-wrap { overflow: hidden; }
.allevent .search-wrap .search-list .btn-wrap button {width: 180px; text-transform: uppercase; padding-left: 48px; background-position: center right 52px; font-size: 18px; float: left; position: relative; background-image: none; }
.allevent .search-wrap .search-list .btn-wrap button span { position: relative; }
.allevent .search-wrap .search-list .btn-wrap button span::after { position: absolute; width: 16px; height: 17px; top: 50%; right: -20px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); display: block; content:''; background-image: url(../../../resources/images/common/icon_search_w.svg); background-repeat: no-repeat; background-size: 100% auto;}
.allevent .search-wrap .search-list .btn-wrap button.reset { width: 52px; background-color:#303030; background-image: url(../../../resources/images/common/icon_reset.svg); background-position: center; padding-left: 0 !important; }
.allevent .table-wrap { position: relative; padding-left: 32px; padding-right: 32px; }
.allevent .tablest .tr .th { height: 86px; line-height: 86px; border-top: 1px solid #373434; border-bottom: 1px solid #373434;}
.allevent .tablest .tr .td { height: 92px; line-height: 92px; border-bottom: 4px solid #111111; }
.allevent .tablest .tr:last-child .td { border-bottom: 0;}
.allevent .tablest .tr .td.date { font-size: 20px;}
.allevent .tablest .tr .td span.img-wrap { display: block; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; }
.allevent .tablest .tr .td span.img-wrap img { display:block; position: absolute; top: 50%; left:50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); height:34px; }
.allevent .tablest .tr .td span.img-wrap .no-event-img { display:block; position: absolute; top: 50%; left:50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); font-weight:700; color:#ffffff; font-size:30px; text-transform:uppercase; white-space: nowrap; }
.allevent .scroll-wrap {position: relative; }
.allevent .scroll-wrap .tablest { display: block; width: 100%; position: relative; overflow: hidden;}
.allevent .scroll-wrap::-webkit-scrollbar {height:10px; display: block; }
.allevent .scroll-wrap .tablest .tr { display: block; width: 100%; overflow: hidden;}
.allevent .scroll-wrap .tablest .tr .td { float: left; }
.allevent .scroll-wrap .tablest .tr .td.event { display: block; width: 21.5%;}
.allevent .scroll-wrap .tablest .tr .td.date { display: block; width: 30.5%;}
.allevent .scroll-wrap .tablest .tr .td.region { display: block; width: 24%;}
.allevent .scroll-wrap .tablest .tr .td.prize { display: block; width: 24%;}
.allevent .today-btn-wrap { display:none; position: fixed; bottom: 24px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transition: all .2s;}
.allevent .today-btn-wrap button { width: 138px; height: 52px; border-radius: 26px; font-weight: 600; font-size: 16px; color: #000000; letter-spacing: 0; text-align: left; padding-left: 24px; text-transform: uppercase; background: #909090 url(../../../resources/images/common/icon_circle_clock.svg) no-repeat center right 24px;}

/*teams*/
.teams .contents { background: #111111;}
.teams #contentsWrap > div.contents { padding: 48px 32px; }
.teams .tab-wrap.type02 { margin-bottom: 32px; }
.teams .tab-wrap ul { background: #111111; }
.teams .teams-wrap { padding: 0 0 80px; }
.teams .teams-wrap ul { margin-left: -8px; margin-right: -8px; margin-bottom: 120px; }
.teams .teams-wrap ul li { overflow: hidden; float: left; width: 16.666%; margin-bottom: 16px; padding-left:8px; padding-right:8px; height: auto; /*display: none;*/ }
/* .teams .teams-wrap ul li.active { display: block; } */
.teams .teams-wrap ul li a { display: block; position: relative; border: 1px solid #373434; height: 100%; }
.teams .teams-wrap ul li a .bg { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; }
.teams .teams-wrap ul li a .img-wrap { display: block; position: relative; width: 87.27%; margin: 0px auto; padding-bottom: 100%; overflow: hidden; }
.teams .teams-wrap ul li a .img-wrap img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: all .3s; }
.teams .teams-wrap ul li a .text-wrap { line-height: 1.2;display: block; position: relative; height: 62px; padding: 0 25px; font-size: 26px; color: #fff; text-align: center; font-weight: 600; z-index: 2; white-space: initial; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 32px; margin-top: 32px; word-break: keep-all;}
.teams .teams-wrap ul li a .text-wrap.black { color:#000000;}
.teams .tab-cont { display: none; }
.teams .tab-cont.active { display: block; }

/*team_view*/
.team-view #contentsWrap { min-height: calc(100vh - 92px); background-color: #111111; }
.team-view .team-type {width: 100%; position: relative; }
.team-view .slick-next { display: block; content:''; height: 100%; width: 38px; background: rgba(0,0,0,0.80) url(../../../resources/images/common/icon_arrow_w.svg) no-repeat center/9px auto; z-index: 2; right: 0; }
.team-view .slick-prev { display: block; content:''; height: calc(100% + 1px); width: 38px; background: rgba(0,0,0,0.80) url(../../../resources/images/common/icon_arrow_prev_w.svg) no-repeat center/9px auto; z-index: 2; }
.team-view .team-type ul { overflow:hidden; height: 132px; border-top: 1px solid #373434; width: 100%;position: relative; }
.team-view .team-type ul::-webkit-scrollbar {
  height:0px; 
  display: none;
}
.team-view .team-type ul li { float: left; width:150px !important; background-color: #0B0E10; flex-shrink : 0; height: 132px; }
.team-view .team-type ul li:last-child { border-right: 1px solid #373434;  } 
.team-view .team-type ul li a { display: block; padding: 11px 7px 18px 6px; height: 100%; }
.team-view .team-type ul li.active { background-color: #B6082E;}
.team-view .team-type ul li.active a span{ color: #ffffff; }
.team-view .team-type ul li a span { display:block; }
.team-view .team-type ul li a > span { text-align: center; } 
.team-view .team-type ul li a .type-logo { width: 64px; height: 64px; margin: auto; margin-bottom: 10px; }
.team-view .team-type ul li a .type-logo img { width: 100%; }
.team-view .team-type ul li a .type-name { font-weight: 600; font-size: 14px; color: #909090; letter-spacing: 0; text-align: center; line-height: 14px; }
.team-view .team-visual { background-repeat: no-repeat; background-position: top -213px right -54px; background-size: 1052px auto; height: 430px; position:relative; }
.team-view .team-visual .team-logo { position: absolute; right: 14.16%; top: 10px; width: 410px; }
.team-view .team-visual .team-logo img { width: 100%; }
.team-view .team-visual .text-wrap { position: absolute; left: 9.16%; top: 118px; color: #FFFFFF; }
.team-view .team-visual .text-wrap.black {color: #000000;}
.team-view .team-visual .text-wrap .name { font-weight: 700; font-size: 72px; letter-spacing: 0; max-width: 900px; line-height: 1.1;}
.team-view .team-visual .text-wrap .link { overflow: hidden; margin-top: 24px; }
.team-view .team-visual .text-wrap .link > div { float: left; }
.team-view .team-visual .text-wrap .link .sns ul li { width: 36px; float: left; }
.team-view .team-visual .text-wrap .link .sns ul li + li { margin-left: 24px; }
.team-view .team-visual .text-wrap .link .sns a { display: block; width: 36px; height: 36px; background-size: 100% auto; background-position: center; background-repeat: no-repeat;}
.team-view .team-visual .text-wrap .link .sns a img { display: block; width: 100%;}
.team-view .team-visual .text-wrap .link .sns .insta a { background-image: url(../../../resources/images/common/icon_insta.svg);}
.team-view .team-visual .text-wrap .link .sns .facebook a { background-image: url(../../../resources/images/common/icon_facebook.svg);}
.team-view .team-visual .text-wrap .link .sns .twitter a { background-image: url(../../../resources/images/common/icon_twitter.svg);}
.team-view .team-visual .text-wrap .link .sns .home a { background-image: url(../../../resources/images/common/icon_home.svg);}
.team-view .team-visual .text-wrap.black .link .sns .insta a { background-image: url(../../../resources/images/common/icon_insta_b.svg);}
.team-view .team-visual .text-wrap.black .link .sns .facebook a { background-image: url(../../../resources/images/common/icon_facebook_b.svg);}
.team-view .team-visual .text-wrap.black .link .sns .twitter a { background-image: url(../../../resources/images/common/icon_twitter_b.svg);}
.team-view .team-visual .text-wrap.black .link .sns .home a { background-image: url(../../../resources/images/common/icon_home_b.svg);}
.team-view .team-visual .text-wrap .link .sns .vk a { background-image: url(../../../resources/images/common/icon_vk.svg);}
.team-view .team-visual .text-wrap.black .link .sns .vk a { background-image: url(../../../resources/images/common/icon_vk_b.svg);}
.team-view .team-visual .text-wrap .link .sns .weibo a { background-image: url(../../../resources/images/common/icon_weibo.svg);}
.team-view .team-visual .text-wrap .link .sns .douyu a { background-image: url(../../../resources/images/common/icon_douyu.svg);}
.team-view .team-visual .text-wrap .link .sns .hoya a { background-image: url(../../../resources/images/common/icon_huya.svg);}
.team-view .team-visual .text-wrap .link .sns .qie a { background-image: url(../../../resources/images/common/icon_qie.svg);}
.team-view .team-visual .text-wrap.black .link .sns .weibo a { background-image: url(../../../resources/images/common/icon_weibo_b.svg);}
.team-view .team-visual .text-wrap.black .link .sns .douyu a { background-image: url(../../../resources/images/common/icon_douyu_b.svg);}
.team-view .team-visual .text-wrap.black .link .sns .hoya a { background-image: url(../../../resources/images/common/icon_huya_b.svg);}
.team-view .team-visual .text-wrap.black .link .sns .qie a { background-image: url(../../../resources/images/common/icon_qie_b.svg);}
.team-view .team-visual .text-wrap .link .site { padding-left: 23px; margin-left: 30px; border-left: 1px solid rgba(255, 255, 255, 0.4); line-height: 36px; }
.team-view .member-wrap { padding-left: 32px; padding-right: 32px;  padding-top: 48px; background-color: #111111; padding-bottom: 96px; }
.team-view [class*="-wrap"] p.title { font-weight: 600; text-transform: uppercase; font-size: 28px; color: #FFFFFF; letter-spacing: 0; margin-bottom: 24px; }
.team-view .member-wrap .member-list > ul { overflow: hidden; margin-left: -0.635%; }
.team-view .member-wrap .member-list > ul::-webkit-scrollbar { height:0px;  display: none; }
.team-view .member-wrap .member-list > ul > li { float: left; width: 18.98%; margin-bottom: 16px; margin-left: 0.5%;margin-right: 0.5%;}
/* .team-view .member-wrap .member-list > ul > li + li { margin-left: 1.27%; } */
/* .team-view .member-wrap .member-list > ul > li + li + li + li + li + li { margin-bottom: 16px; } */
.team-view .member-wrap .member-list ul li .thumb { display: block;}
.team-view .member-wrap .member-list ul li .thumb .img-wrap { display:block; overflow:hidden; background-color: #000000; position: relative; height:250px; }
.team-view .member-wrap .member-list ul li .thumb .img-wrap > span { display: block; }
.team-view .member-wrap .member-list ul li .thumb .img-wrap > span img { display: block; margin: auto; }
.team-view .member-wrap .member-list ul li .thumb .img-wrap .photo img { position: absolute; bottom:0; left:50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); max-width: 200px; }
.team-view .member-wrap .member-list ul li .thumb .img-wrap .flag { position: absolute; bottom:0; left:0; }
.team-view .member-wrap .member-list ul li .thumb .img-wrap .flag img { display: block; }
.team-view .member-wrap .member-list ul li .thumb .text-wrap { background-color: #202020; padding: 24px 16px 24px;}
.team-view .member-wrap .member-list ul li .thumb .text-wrap > span { display: block; letter-spacing: 0; }
.team-view .member-wrap .member-list ul li .thumb .text-wrap .info01 { font-weight: 600;  font-size: 20px; color: #FFFFFF; max-width: 100%; display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.team-view .member-wrap .member-list ul li .thumb .text-wrap .info02 {  font-size: 16px; color: #C3C3C3; margin-top: 2px; display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; max-width: 100%; min-height: 22px;}
.team-view .member-wrap .member-list ul li .thumb .text-wrap .info03 {  font-size: 16px; color: #C3C3C3; margin-top: 2px; display: block; }
.team-view .member-wrap .member-list ul li .thumb .sns-wrap { background-color: #202020; padding: 0 16px 24px; border-bottom: 1px solid #000000; }
.team-view .member-wrap .member-list ul li .thumb .sns-wrap ul { overflow: hidden; height: 28px;  }
.team-view .member-wrap .member-list ul li .thumb .sns-wrap ul li { float: left; }
.team-view .member-wrap .member-list ul li .thumb .sns-wrap ul li + li { margin-left: 16px; }
.team-view .member-wrap .member-list ul li .thumb .sns-wrap ul li a { display: block; width: 24px;}
.team-view .member-wrap .member-list ul li .thumb .sns-wrap ul li a img { width: 100%; }
.team-view .member-wrap .member-list ul li .thumb .detail-wrap { background-color: #202020; padding: 16px 16px; }
.team-view .member-wrap .member-list ul li .thumb .detail-wrap > div { font-size: 12px; color:#909090; overflow: hidden; font-weight: 600; }
.team-view .member-wrap .member-list ul li .thumb .detail-wrap > div + div { margin-top: 8px; }
.team-view .member-wrap .member-list ul li .thumb .detail-wrap > div span { display: block; float: left; }
.team-view .member-wrap .member-list ul li .thumb .detail-wrap > div .num { float: right; color:#B6082E; }
.team-view .coach-wrap { padding-left: 32px; padding-right: 32px; padding-bottom: 96px; }
.team-view .coach-wrap .coach-list > ul {overflow: hidden; }
.team-view .coach-wrap .coach-list > ul > li { width: 18.98%; float: left; background-color: #202020; padding: 24px; background-position: center right -140px; background-repeat: no-repeat; background-size: 340px auto;}
.team-view .coach-wrap .coach-list > ul > li + li { margin-left: 1.27%;}
.team-view .coach-wrap .coach-list ul li .text-wrap span { display: block; }
.team-view .coach-wrap .coach-list ul li .text-wrap span.info01 { font-size: 16px; color: #C3C3C3; letter-spacing: 0; max-width: 100%; display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.team-view .coach-wrap .coach-list ul li .text-wrap span.info02 { font-weight: 600;  font-size: 20px; color: #FFFFFF; letter-spacing: 0; min-height: 75px;}
.team-view .coach-wrap .coach-list ul li .text-wrap span + span { margin-top: 2px; }
.team-view .coach-wrap .coach-list ul li .sns-wrap { margin-top: 20px; }
.team-view .coach-wrap .coach-list ul li .sns-wrap ul { overflow: hidden; height: 28px; }
.team-view .coach-wrap .coach-list ul li .sns-wrap ul li { float: left; }
.team-view .coach-wrap .coach-list ul li .sns-wrap ul li + li { margin-left: 16px; }
.team-view .coach-wrap .coach-list ul li .sns-wrap ul li a { display: block; width: 24px;}
.team-view .coach-wrap .coach-list ul li .sns-wrap ul li a img { width: 100%; }
.team-view .history-wrap { margin-bottom: 120px; padding-left: 32px; padding-right: 32px; }
.team-view .history-wrap .history-list { position: relative; padding-left: 26px; padding-bottom: 16px; }
.team-view .history-wrap .history-list::after { position: absolute; top: 9px; left:5px; width: 3px; height: calc(100% - 9px); content: '';background: url(../../../resources/images/page/bg_dot_line.jpg) repeat-y center top;}
.team-view .history-wrap .history-list .history-item {position: relative; }
.team-view .history-wrap .history-list .history-item + .history-item { margin-top: 32px; }
.team-view .history-wrap .history-list .history-item .year { font-weight: 600; font-size: 20px; color: #FFFFFF; letter-spacing: 0; margin-bottom: 16px; display: none; position: relative; }
.team-view .history-wrap .history-list .history-item .year::after { position: absolute; width: 10px;height: 10px; border-radius: 50%; border: 3px solid #B6082E; content:''; top: 9px; left: -24px; box-sizing: border-box; z-index: 1;}
.team-view .history-wrap .history-list .history-item ul li { overflow: hidden; background-color: #000000; height: 114px; }
.team-view .history-wrap .history-list .history-item ul li + li { margin-top: 16px; }
.team-view .history-wrap .history-list .history-item ul li > div { float: left; overflow: hidden; height: 100%; padding-top: 28px; font-weight: 600;}
.team-view .history-wrap .history-list .history-item ul li > div > span { display: block;}
.team-view .history-wrap .history-list .history-item ul li > div .title { text-transform: uppercase; font-size: 16px; color: #909090; letter-spacing: 0; margin-bottom: 8px; }
.team-view .history-wrap .history-list .history-item ul li .logo-wrap { width: 18%; background-position: center; background-size: cover; background-repeat: no-repeat; position: relative; padding-top: 0; }
.team-view .history-wrap .history-list .history-item ul li .logo-wrap img { position: absolute; top: 50%; left: 50%; transform: translate(-50% ,-50%); -webkit-transform: translate(-50% ,-50%); -moz-transform: translate(-50% ,-50%); height: 35px; width: auto;}
.team-view .history-wrap .history-list .history-item ul li .ranking-wrap { width: 19%; }
.team-view .history-wrap .history-list .history-item ul li .ranking-wrap .num{ font-size: 40px; color: #F1AA2E; letter-spacing: 0; line-height: 36px; }
.team-view .history-wrap .history-list .history-item ul li .member-list{ width: 43%;}
.team-view .history-wrap .history-list .history-item ul li .member-list .list-wrap span { padding-right: 16px; }
.team-view .history-wrap .history-list .history-item ul li .money-wrap{ width: 20%; }
.team-view .history-wrap .history-list .history-item ul li .money-wrap .rDhani { font-size: 24px; }
.team-view .list-go { margin-bottom: 140px; }

.team-view .history-wrap .history-list .history-item ul li .member-list .list-wrap{ border-top: none; }

/*profile*/
.profile #contentsWrap > div.contents { padding-bottom: 120px; }
.profile .team-visual { overflow: hidden; position: relative; margin-bottom: 48px; }
.profile .team-visual::before { position: absolute; bottom: 0; left:0; width: 100%; height: 160px; content:''; background-image: linear-gradient(180deg, rgba(0,0,0,0.00) 0%, #000000 100%);}
.profile .team-visual .player-img { position: absolute; right: 14.16%; top: 20px; width: 410px; }
.profile .team-visual .player-img img { width: 100%; }
.profile .team-visual .text-wrap { top: 56px; }
.profile .team-visual .text-wrap .name span { font-size: 24px; color: #C3C3C3; letter-spacing: 0; display: block; font-weight: 400; text-transform:none; }
.profile  .team-visual .text-wrap .team-logo { position: relative; top: 0; right: 0; width: 80px; margin-bottom: 8px; }
.profile  .team-visual .text-wrap .link { margin-top: 32px; }
.profile .award-wrap { margin-bottom: 105px; padding-left: 32px; padding-right: 32px; }
.profile .award-wrap .award-list { position: relative; padding-bottom: 16px; }
.profile .award-wrap .award-list::after { position: absolute; top: 9px; left:5px; width: 3px; height: calc(100% - 9px); content: '';background: url(../../../resources/images/page/bg_dot_line.jpg) repeat-y center top;}
.profile .award-wrap .award-list .award-item {position: relative; }
.profile .award-wrap .award-list .award-item + .award-item { margin-top: 32px; }
.profile .award-wrap .award-list .award-item .year { position: relative; font-weight: 600; font-size: 20px; color: #FFFFFF; letter-spacing: 0; margin-bottom: 16px; padding-left: 26px; margin-left: -24px; }
.profile .award-wrap .award-list .award-item .year::after { position: absolute; width: 10px;height: 10px; border-radius: 50%; border: 3px solid #B6082E; content:''; top: 9px; left: 0; box-sizing: border-box; z-index: 1;}

.profile .award-wrap .award-list .award-item ul + ul { margin-top: 16px; }
.profile .award-wrap .award-list .award-item ul li .year { display: none; } 
.profile .award-wrap .award-list .award-item ul li:nth-child(1) .year { display: block; }

.profile .award-wrap .award-list .award-item ul li { overflow: hidden; padding-left: 26px;}
.profile .award-wrap .award-list .award-item ul li > div { height: 100%; background-color: #000000;}
.profile .award-wrap .award-list .award-item ul li + li { margin-top: 16px; }
.profile .award-wrap .award-list .award-item ul li > div > div { float: left; overflow: hidden; padding-top: 37px; font-weight: 600;}
.profile .award-wrap .award-list .award-item ul li .logo-wrap { width: 500px;  background-position: center; background-size: auto 100%; background-repeat: no-repeat; position: relative; padding-top: 0; min-height: 160px;}
.profile .award-wrap .award-list .award-item ul li .logo-wrap img { position: absolute; top: 50%; left: 50%; transform: translate(-50% ,-50%); -webkit-transform: translate(-50% ,-50%); -moz-transform: translate(-50% ,-50%); height: auto; width: 126px; margin-top: 30px; -ms-transform: translate(-50% ,-50%); -o-transform: translate(-50% ,-50%); }
.profile .award-wrap .award-list .award-item ul li .info-wrap { width: calc(100% - 500px);} 
.profile .award-wrap .award-list .award-item ul li .info-wrap { padding-left: 88px; padding-right: 72px; min-height: 160px;}
.profile .award-wrap .award-list .award-item ul li .info-wrap .money-wrap,
.profile .award-wrap .award-list .award-item ul li .info-wrap .schedule-wrap,
.profile .award-wrap .award-list .award-item ul li .info-wrap .desc-wrap { float: left; margin-top: 16px; }
.profile .award-wrap .award-list .award-item ul li .info-wrap .schedule-wrap { margin-left: 56px; margin-right: 56px; }
.profile .award-wrap .award-list .award-item ul li .info-wrap .desc { width: 100%; margin-top: 32px; font-weight: 400; line-height: 2; padding-bottom: 40px; }
.profile .award-wrap .award-list .award-item ul li .info-wrap > div span { display: block; font-size: 20px; }
.profile .award-wrap .award-list .award-item ul li .info-wrap .title { text-transform: uppercase; font-size: 16px; color: #909090; letter-spacing: 0; margin-bottom: 8px; }
.profile .stats-wrap .accordion-item .handle { padding-left: 40px; }
.profile .stats-wrap { margin-bottom: 120px; padding-left: 32px; padding-right: 32px; }
.profile .stats-wrap .table.type02 tr th { background-color: #230209; border-top: 0; }
.profile .stats-wrap .table-wrap tr td { background-color: #0B0B0B; height: 70px; }
.profile .stats-wrap .table-wrap tr td.name { padding-left: 40px; }
.profile .stats-wrap .table-wrap tr td.name a .logo img { width: auto; height: 26px;}
.profile .stats-wrap .table-wrap tr td.team, .profile .stats-wrap .table-wrap tr td.prev-id { text-transform: none;}
.profile .stats-wrap .table-wrap tr td.team span{ overflow: hidden; display: block; min-width: 280px; padding: 0 8px; }
.profile .stats-wrap .table-wrap tr td.team span br { display: none; }
.profile .stats-wrap .table-wrap tr td.prev-id span{ overflow: hidden; display: block; max-width: 265px; padding: 0 8px;}
.profile .stats-wrap .btn-wrap { margin-top: 24px; text-align: center; }
.profile .stats-wrap .btn-wrap button { text-transform: uppercase; background: #202020; border-radius: 26px; font-weight: 600;  font-size: 16px; color:#ffffff; width: 169px; height: 52px; line-height: 52px; text-align: center;}
.profile .stats-wrap .btn-wrap button span { position: relative; display: inline-block; padding-right: 18px; }
.profile .stats-wrap .btn-wrap button span::after {position: absolute; content: ''; width: 12px; height: 2px; right: 0; top: 25px; background-color: #ffffff; transform: rotate(90deg);}
.profile .stats-wrap .btn-wrap button span::before {position: absolute; content: ''; width: 12px; height: 2px; right: 0; top: 25px; background-color: #ffffff;}

/*schedule_list*/
.shd-list #contentsWrap > div.contents { overflow: hidden; padding: 0 32px 120px; background-color: #111111;}
.shd-list .tab-contwrap > .desc { color:rgba(255, 255, 255, 0.2); margin-bottom: 8px; }
.shd-list .tab-contwrap .tab-cont > div:first-child .date { border-top: 0; padding-top: 0; margin-top:0; }
.shd-list .tab-contwrap .tab-cont > div:last-child { margin-bottom: 0; }
.shd-list .tab-contwrap .tab-cont + .tab-cont { padding-top: 32px; margin-top: 72px; border-top: 1px solid #373434;}
.shd-list .tab-contwrap .tab-cont > div .date { font-weight: 600; font-size: 20px; color: #909090; letter-spacing: 0; margin-bottom: 24px; margin-top: 72px; border-top: 1px solid #373434; padding-top: 32px; }
.shd-list .tab-contwrap .tab-cont > div + div { margin-top: 4px; }
.shd-list .tab-contwrap .tab-cont > div > div > ul li { display: table; width: 100%; background-color: #000000; box-sizing: border-box; height: 130px; }
.shd-list .tab-contwrap .tab-cont > div > div > ul li > div { display: table-cell; vertical-align: middle; text-transform: uppercase;} 
.shd-list .tab-contwrap .tab-cont > div > div > ul li > div:first-child { width : 13%; }
.shd-list .tab-contwrap .tab-cont > div > div > ul li > div:nth-child(2) { width: 17.69%; }
.shd-list .tab-contwrap .tab-cont > div > div > ul li > div:nth-child(3) { width: 19.7%; }
.shd-list .tab-contwrap .tab-cont > div > div > ul li > div:last-child { width : 20.6%; position: relative; }
.shd-list .tab-contwrap .tab-cont > div > div > ul li > div > span { font-weight: 600; font-size: 16px; color: #909090; letter-spacing: 0; line-height: 20px; display: block; }
.shd-list .tab-contwrap .tab-cont > div > div > ul li .time { padding: 30px 3px 36px 1%; border-right: 1px solid #252628; }
.shd-list .tab-contwrap .tab-cont > div > div > ul li .time span { text-align: left; }
.shd-list .tab-contwrap .tab-cont > div > div > ul li .time p { font-weight: 600; color: #FFFFFF; letter-spacing: 0; text-align: right;}
.shd-list .tab-contwrap .tab-cont > div > div > ul li .time p span { vertical-align: top; font-size: 32px; line-height: 36px;display:inline-block; position:relative; float: left; }
.shd-list .tab-contwrap .tab-cont > div > div > ul li .time p span + span { padding-left: 16px; }
.shd-list .tab-contwrap .tab-cont > div > div > ul li .time p span + span + span { float: left; padding-left: 8px; font-size: 14px; font-weight: normal; }
.shd-list .tab-contwrap .tab-cont > div > div > ul li .time p span:nth-child(2)::after { position: absolute; display:block; content:''; top:50%; left: 5px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); background: url(../../../resources/images/page/icon_time_g.png) no-repeat left center; width: 6px; height: 18px; }
.shd-list .tab-contwrap .tab-cont > div > div > ul li .ranking { padding: 30px 0 40px 2.5%; }
.shd-list .tab-contwrap .tab-cont > div:nth-child(1) > div > ul li .ranking { padding: 25px 0 25px 2.5%; }
.shd-list.pcs .tab-contwrap .tab-cont > div > div > ul li .ranking { width: 45%; }
.shd-list .tab-contwrap .tab-cont > div > div > ul li .ranking p { font-weight: 600; font-size: 20px; color: #FFFFFF; letter-spacing: 0; line-height: 28px; margin-top: 4px; }
.shd-list .tab-contwrap .tab-cont > div > div > ul li .map { padding: 32px 0 45px 4.7%; }
.shd-list .tab-contwrap .tab-cont > div > div > ul li .map p { font-weight: 600; font-size: 16px; color: #FFFFFF; letter-spacing: 0; line-height: 28px; margin-top: 5px; text-transform: uppercase; }
.shd-list .tab-contwrap .tab-cont > div > div > ul li .btn-wrap { padding: 18px 1.4%; border-right: 1px solid #252628; }
.shd-list .tab-contwrap .tab-cont > div > div > ul li .btn-wrap.none-team button { width: 100%; } 
.shd-list .tab-contwrap .tab-cont > div > div > ul li .btn-wrap button { font-weight: 600; font-size: 14px; color: #FFFFFF; letter-spacing: 0; line-height: 20px; margin-top: 5px; width: 47.2%; border: 1px solid rgba(255, 255, 255, 0.2); height: 94px; margin: 0; float: left; position: relative; cursor: pointer; padding-left: 4.3%; padding-right: 11.3%; text-align: left; text-transform: uppercase; }
.shd-list .tab-contwrap .tab-cont > div > div > ul li .btn-wrap button.active { background-color: #B6082E;  border: 1px solid #B6082E; }
.shd-list .tab-contwrap .tab-cont > div > div > ul li .btn-wrap button + button { margin-left: 5.6%; }
.shd-list .tab-contwrap .tab-cont > div > div > ul li .btn-wrap button::after { position: absolute; width: 14px; height: 9px; content:''; bottom: 15px; right: 13px; display:block; background: url(../../../resources/images/common/icon_select_down.svg) no-repeat center; transition: all 0.2s; }
.shd-list .tab-contwrap .tab-cont > div > div > ul li .btn-wrap button.active::after { background: url(../../../resources/images/common/icon_select_w.svg) no-repeat center; bottom: 18px; right: 14px; }
.shd-list .tab-contwrap .tab-cont > div > div > ul li .go-view a { text-align:center; font-weight: 600;  font-size: 20px; color: #FFFFFF; letter-spacing: 0; line-height: 28px; display: block; padding: 0 !important; height: 100%; text-align: right; cursor: pointer; transition: all 0.2s; position: absolute; width: 100%; top: 0; left: 0;}
.shd-list .tab-contwrap .tab-cont > div > div > ul li .go-view a.disable { opacity: 0.3; cursor:inherit;}
.shd-list .tab-contwrap .tab-cont > div > div > ul li .go-view a span { position: absolute; text-transform: uppercase; width: auto; padding-right:75px; display: inline-block; text-align: right; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);  background: url(../../../resources/images/page/icon_arrow_line.png) no-repeat right center;}
.shd-list .tab-contwrap .tab-cont > div > div > ul li .go-view a span::after { position: absolute; width: 56px; height: 38px; top: 0 !important; right: -87px;   display: none;content:''; background: url(../../../resources/images/page/icon_arrow_line.png) no-repeat center/ 100% auto; }
.shd-list .tab-contwrap .tab-cont > div > div.lock > ul li .time { padding: 0; }
.shd-list .tab-contwrap .tab-cont > div > div.lock > ul li .time p { text-align: center; }
.shd-list .tab-contwrap .tab-cont > div > div.lock > ul li .btn-wrap button:nth-child(2) { opacity: 0.2; pointer-events: none; }
.shd-list .tab-contwrap .tab-cont > div > div.lock > ul li .go-view a { opacity: 0.2; pointer-events: none;}
.shd-list .tab-contwrap .tab-cont > div > div > ul li .btn-wrap button.lock { opacity: 0.2; pointer-events: none; border: 1px solid rgba(255, 255, 255, 0.5);}
.shd-list .tab-contwrap .tab-cont .detail-wrap { display: none; }
.shd-list .tab-contwrap .tab-cont .detail-wrap.active { display: block; }
.shd-list .tab-contwrap .tab-cont .table tr { border-bottom: 4px solid #000000; }
.shd-list .tab-contwrap .tab-cont .table tr:last-child { border-bottom: 0; }
.shd-list .tab-contwrap .tab-cont .table tr th { padding-left: 8px; padding-right: 8px; }
.shd-list .tab-contwrap .tab-cont .table tr th:first-child { text-align: left; padding-left: 90px; }
.shd-list .tab-contwrap .tab-cont .table tr th:last-child { padding-right: 26px; }
.shd-list .tab-contwrap .tab-cont .table tr td {padding-left: 8px; padding-right: 8px; font-weight: 600; font-size: 16px; }
.shd-list .tab-contwrap .tab-cont .table tr td:first-child { padding: 0; font-weight: 600; font-size: 24px; }
.shd-list .tab-contwrap .tab-cont .table tr td:first-child { color: #ffffff;}
.shd-list .tab-contwrap .tab-cont .table tr:nth-of-type(1) td:first-child { color: #F2A900; }
.shd-list .tab-contwrap .tab-cont .table tr:nth-of-type(2) td:first-child { color: #F2A900; }
.shd-list .tab-contwrap .tab-cont .table tr:nth-of-type(3) td:first-child { color: #F2A900; }
.shd-list .tab-contwrap .tab-cont .table tr td:last-child { padding-right: 26px; }
.shd-list .tab-contwrap .tab-cont .table tr .name { text-align: left; text-transform: initial;}
.shd-list .tab-contwrap .tab-cont .table tr .name a { color: #ffffff; }
.shd-list .tab-contwrap .tab-cont .table tr .name .chicken { display: inline-block; width: 32px; height: 32px; vertical-align: middle; margin-left: 14px; }
.shd-list .tab-contwrap .tab-cont .table tr .name .chicken img { width: 100%; display: block; }
.shd-list .tab-contwrap .tab-cont .table tr .name .logo { display: inline-block; width: 40px; height: 40px; vertical-align: middle; margin-right: 8px; }
.shd-list .tab-contwrap .tab-cont .table tr .name br { display: none; }
.shd-list .tab-contwrap .tab-cont .table tr .name .logo img { width: 100%; display: block; }
.shd-list .tab-contwrap .tab-cont .team-wrap { padding: 41px 3.12% 49px; background-color: #0B0B0B; border-bottom: 1px solid #373434; }
.shd-list .tab-contwrap .tab-cont .team-wrap ul li { float: left; width: 24.56%; border: 1px solid #373434; height: 84px;padding: 14px 1.1%; margin-top: 8px; }
.shd-list .tab-contwrap .tab-cont .team-wrap ul li + li { margin-left: 0.55%; }
.shd-list .tab-contwrap .tab-cont .team-wrap ul li:nth-child(4n+0) { margin-top: 8px; }
.shd-list .tab-contwrap .tab-cont .team-wrap ul li:nth-child(4n+1) { margin-left:0; }
.shd-list .tab-contwrap .tab-cont .team-wrap ul li > div { line-height: 84px; overflow: hidden; height: 100%; position: relative; }
.shd-list .tab-contwrap .tab-cont .team-wrap ul li .logo { display: inline-block; width: 56px; height: 56px; vertical-align: middle; margin-right: 16px; float: left; }
.shd-list .tab-contwrap .tab-cont .team-wrap ul li .logo img { width: 100%; display: block; }
.shd-list .tab-contwrap .tab-cont .team-wrap ul li .name { display: inline-block; word-break: break-word; font-size: 20px; color: #FFFFFF; letter-spacing: 0; line-height: 18px; font-weight: 600; width: calc( 100% - 72px); float: left; position:absolute;top: 50%; left: 72px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);}
.shd-list .tab-contwrap .tab-cont .team-wrap ul li .name br{ display: none; }
/*players*/
.players #contentsWrap > div.contents { padding: 0 32px 120px; background-color: #111111; }
.players .search-wrap { padding-top: 40px; padding-bottom: 40px; }
.players .search-wrap .search-item { max-width: 899px; margin: auto;}
.players .search-wrap .search-item  .input-item { width: calc( 100% - 180px); float: left;}
.players .search-wrap .search-item  .input-item input[type="text"] { width: 100%; }
.players .search-wrap .search-item  .btn-wrap button {width: 180px; text-transform: uppercase; padding-left: 48px; font-size: 18px; float: left; position: relative; background-color: #B6082E; font-size: 16px; color: #FFFFFF;letter-spacing: 0; transition: all 0.2s; text-align: left; height: 52px; line-height: 52px; font-weight: 600; }
.players .search-wrap .search-item  .btn-wrap button span { position: relative; }
.players .search-wrap .search-item  .btn-wrap button span::after { position: absolute; width: 16px; height: 17px; top: 50%; right: -20px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); display: block; content:''; background-image: url(../../../resources/images/common/icon_search_w.svg); background-repeat: no-repeat; background-size: 100% auto;}
.players .scroll-wrap::-webkit-scrollbar { height:10px;  display: block;}
.players .players-list-wrap .table-wrap th { padding-top: 0; padding-bottom: 0; height: 86px; }
.players .players-list-wrap .table-wrap th button { width: 100%; height: 100%; }
.players .players-list-wrap .table-wrap th button span { display: inline-block; position: relative; }
.players .players-list-wrap .table-wrap th.active button { color:#ffffff; }
.players .players-list-wrap .table-wrap th.active button span::after { position: absolute; top: 50%; right: -13px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 8px; height: 5px; background-image: url(../../../resources/images/common/icon_select_sm_red.svg); content:''; transform: rotate(180deg);}
.players .players-list-wrap .table-wrap th.active.down button span::after { transform: rotate(0deg);}
.players .players-list-wrap .table-wrap tr td { font-weight: 600; border-bottom: 4px solid #111111; height: 74px; text-transform:initial;}
.players .players-list-wrap .table-wrap tr td a { color: #ffffff; }
.players .players-list-wrap .table-wrap tr:last-child td { border-bottom: 0;} 
.players .players-list-wrap .table-wrap tr td.name { vertical-align: middle; text-align: left; padding-left: 68px; }
.players .players-list-wrap .table-wrap tr td.name a { color:#ffffff; font-size: 16px; font-weight: 600; }
.players .players-list-wrap .table-wrap tr td.name a .logo { padding-right: 8px; }
.players .players-list-wrap .table-wrap tr td.name a .logo img { width: 40px; height: 40px; vertical-align: middle; }
.players .players-list-wrap .table-wrap tr td.sns .sns-wrap { display: inline-block;}
.players .players-list-wrap .table-wrap tr td.sns .sns-wrap a { display: block; float: left; width: 24px; height: 24px; }
.players .players-list-wrap .table-wrap tr td.sns .sns-wrap a + a { margin-left: 32px; }
.players .players-list-wrap .table-wrap tr td.sns .sns-wrap a img { width: 100%; display: block; }

/*news*/
.news #contentsWrap > div.contents { padding: 0; background-color: #111111; position: relative; }
.news #contentsWrap > div.contents.has-dim::after { position: absolute; width: 100%; height: 100%; content: ''; top: 0; left: 0; background-color: #000000; opacity: 0.6; }
.news .news-wrap { padding: 0px 0 120px; }
.news .news-wrap ul { margin-left: 16px; margin-right: 16px; }
.news .news-wrap ul li { float: left; width: 33.333%; margin-bottom: 32px; padding-left:16px; padding-right:16px; }
.news .news-wrap ul li:nth-child(3n-1) {  padding-left:16px; padding-right:16px; }
.news .news-wrap ul li a { display: block; width: 100%; overflow: hidden; position: relative; height: 0; padding-bottom:100%; }
.news .news-wrap ul li a > span { display: block; position: absolute; bottom:0; left:0; transition: all 0.3s; }
.news .news-wrap ul li a > span span { display: block; }
.news .news-wrap ul li a .img-wrap { background-position: top center; background-repeat: no-repeat; background-size: 100% auto; width: 100%; height: 100%; }
.news .news-wrap ul li a .text-wrap { width: 100%; }
.news .news-wrap ul li a .text-wrap .division { font-weight: 600; font-size: 14px; color: #FFFFFF; letter-spacing: 0; text-transform: uppercase; padding:20px 25px 10px; background: linear-gradient(180deg, rgba(0,0,0,0.00) 0%, #000000 100%); width: 100%;}
.news .news-wrap ul li a .text-wrap .division span { display: inline-block; }
.news .news-wrap ul li a .text-wrap .division .subject { position: relative; }
.news .news-wrap ul li a .text-wrap .division .subject::after { position: absolute; bottom: -10px; left: 0; content:''; display: block; width: 24px; height: 2px; background-color: #B6082E; }
.news .news-wrap ul li a .text { color: #ffffff; padding: 24px 11.3% 25px 24px; background-color: #000000; transition: all 0.3s; }
.news .news-wrap ul li a .text .title { font-weight: 600; font-size: 28px; letter-spacing: 0; line-height: 30px; text-transform: uppercase; height: 90px; white-space: initial; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.news .news-wrap ul li a .text .time { font-weight: 600; font-size: 12px; color: #C3C3C3; letter-spacing: 0; margin-top: 16px; } 
.news .news-wrap ul li.event a .img-wrap {background-position: top left; background-size: cover; }
.news .news-wrap .more { margin-top: 107px;}

/*news_view*/
.news .view-wrap .visual-wrap { height: auto; position: relative; }
.news .view-wrap .back-btn { position: absolute; top: 28px; left:40px; }
.news .view-wrap .back-btn button { width: 59px; height: 42px; background: url(../../../resources/images/common/btn_back_off.svg) no-repeat center/ 100% auto; transition: all 0.3s; }
.news .view-wrap .title-wrap { width: 100%; z-index: 1; padding-top: 96px; } 
.news .view-wrap .visual-wrap .inner-wrap { max-width: 980px; margin: auto; padding: 40px 0 0; padding-right: 0; }
.news .view-wrap .title-wrap .filter > span { display: inline-block; float: left; font-size: 14px; color: #FFFFFF; letter-spacing: 0; line-height: 28px; padding: 0 12px; background: rgba(255,255,255,0.20); border: 1px solid rgba(255,255,255,0.30); }
.news .view-wrap .title-wrap .filter > span + span { margin-left: 8px; }
.news .view-wrap .title-wrap .title { margin-top: 20px; margin-bottom: 25px;  font-weight: 600; font-size: 54px; color: #FFFFFF; letter-spacing: 0; line-height: 62px; word-break: break-word;}
.news .view-wrap .title-wrap .info-wrap > div { float: left; }
.news .view-wrap .title-wrap .info-wrap .write { font-size: 16px; color: #909090; letter-spacing: 0; line-height: 30px; margin-right: 45px; }
.news .view-wrap .title-wrap .info-wrap .sns button { display: block; float: left; width: 32px; height: 32px; }
.news .view-wrap .title-wrap .info-wrap .sns button + button { margin-left: 24px; }
.news .view-wrap .title-wrap .info-wrap .sns button img { width: 100%; display: block; }
.news .view-wrap .text-wrap .inner-wrap { max-width: 980px; margin: auto; padding-top: 74px; }
.news .view-wrap .text-wrap .inner-wrap .desc-wrap { font-size: 20px; line-height: 32px; margin-bottom: 100px; }
.news .view-wrap .text-wrap .inner-wrap .desc-wrap.type02 { font-size: 18px; margin-bottom : 118px; }
.news .view-wrap .text-wrap .inner-wrap .desc-wrap.type02 > div + div { margin-top: 48px; }
.news .view-wrap .text-wrap .inner-wrap .desc-wrap .big .sub-title { font-weight: 600; font-size: 32px; line-height: 36px; margin-bottom: 24px; }
.news .view-wrap .text-wrap .inner-wrap .desc-wrap .small .sub-title { font-weight: 600; font-size: 24px; line-height: 36px; margin-bottom: 16px; }
.news .view-wrap .text-wrap .inner-wrap .img-wrap { margin-bottom: 80px; }
.news .view-wrap .text-wrap .inner-wrap > div .image { margin: 0 !important;}
.news .view-wrap .text-wrap .inner-wrap > div img { display: block; width:100% !important; height: auto !important; }
.news .view-wrap .banner-wrap { margin-top: 120px; padding: 0 32px;}
.news .view-wrap .banner-wrap ul { border-top: 1px solid #373434;}
.news .view-wrap .banner-wrap ul li { float: left; width: 50%; position: relative; }
.news .view-wrap .banner-wrap ul li a { display:block; height: 300px; width: 100%; background-size: 54% auto; position: relative; background-repeat: no-repeat;}
.news .view-wrap .banner-wrap ul li.right {float: right; border-left: 1px solid #373434; }
.news .view-wrap .banner-wrap ul li.left { border-right: 1px solid #373434; }
.news .view-wrap .banner-wrap ul li.left a { background-position: center right; }
.news .view-wrap .banner-wrap ul li.right a { background-position: center left; }
.news .view-wrap .banner-wrap ul li a .title { font-weight: 600; font-size: 28px; color: #FFFFFF; letter-spacing: 0; line-height: 30px; display: block; width: 61.36%; position: absolute; top: 50%; left: 45px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); text-transform: uppercase; height: 90px; white-space: initial; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; padding-left: 108px; z-index: 2;}
.news .view-wrap .banner-wrap ul li.right a .title { left:auto; right: 45px; padding-right:108px; padding-left:0; text-align: right;}
.news .view-wrap .banner-wrap ul li a .title::after { position: absolute; left:0; top: 50%; content:''; display: block; width: 78px; height: 54px; background: url(../../../resources/images/common/btn_back_off.svg) no-repeat center/100% auto; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); }
.news .view-wrap .banner-wrap ul li.right a .title::after { background: url(../../../resources/images/common/btn_next_off.svg) no-repeat center/100% auto; left: auto; right:0; width: 78px; height: 54px;}
.news .view-wrap .banner-wrap ul li .mo-arrow { display: none; position: absolute; bottom: 22px; width: 34px; height: 24px; }
.news .view-wrap .banner-wrap ul li.left .mo-arrow { left: 24px; }
.news .view-wrap .banner-wrap ul li.right .mo-arrow { right: 24px; }
.news .view-wrap .banner-wrap ul li .mo-arrow img { width: 100%; display:block; }
.news .view-wrap figure.media { margin: 0; position:relative; width:100%; height:0; padding-bottom:56.25%; display:block; }
.news .view-wrap iframe { width: 100%; position:absolute; height:100%; }

.news .view-wrap figure.media { margin: 0; }
.news .view-wrap iframe { width: 100%; }
.news .view-wrap .banner-wrap ul li .last-wrap { height: 300px; width: 100%; position: relative; }
.news .view-wrap .banner-wrap ul li .last-title { position: absolute; top: 50%; left: 45px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); font-weight: 600; font-size: 28px; color: #FFFFFF; letter-spacing: 0; line-height: 30px; display: block; width: 61.36%; text-transform: uppercase; height: 90px; }
.news .view-wrap .banner-wrap ul li.right .last-title { right: 45px; left: auto; text-align: right;}
.news .view-wrap .desc-wrap a {text-decoration: underline; color: #5286bc;}

/*esports*/
.esports .esports-wrap .visual-wrap { padding-top: 150px; background-image:url(../../../resources/images/page/bg_esports_1.png); background-size: cover; background-position: center left; background-repeat: no-repeat;}
.esports .esports-wrap .visual-wrap .inner-wrap { max-width: 1200px; margin: auto;}
.esports .esports-wrap .visual-wrap .text-wrap { max-width: 670px; padding-bottom: 136px; }
.esports .esports-wrap .visual-wrap .text-wrap .title {font-weight: 800; font-size: 56px; color: #FFFFFF; letter-spacing: -0.20px; line-height: 1; text-transform: uppercase; margin-bottom: 40px; }
.esports .esports-wrap .visual-wrap .text-wrap .desc {font-size: 16px; line-height: 24px; letter-spacing: -0.4px; line-height: 1.5;}
.esports .esports-wrap .down-wrap ul li { float: left; height: 320px; width: 50%; background-color:#ffffff; }
.esports .esports-wrap .down-wrap ul.three li { width: 33.333%; }
.esports .esports-wrap .down-wrap ul li:nth-child(2) { background-color: #f5f5f5; }
.esports .esports-wrap .down-wrap ul li a {display: block; position: relative; padding: 72px 100px; height: 100%; width: 100%;}
.esports .esports-wrap .down-wrap ul.three li a { padding: 72px 48px; }
.esports .esports-wrap .down-wrap ul li a > span { display: block; }
.esports .esports-wrap .down-wrap ul li a .name { font-weight: 800; font-size: 28px; color:#000000; letter-spacing: -0.10px; margin-bottom: 16px; transition: all 0.2s; text-transform: uppercase;}
.esports .esports-wrap .down-wrap ul li a .info { color:#000000; font-size: 16px; line-height: 24px;}
.esports .esports-wrap .down-wrap ul li a .go { position: absolute; bottom: 80px; left:100px; font-size: 12px; font-weight: 600; text-transform: uppercase; color: #b6082e; display: inline-block; padding-right: 15px; }
.esports .esports-wrap .down-wrap ul.three li a .go { left: 48px; }
.esports .esports-wrap .down-wrap ul li a .go::after { position: absolute; top: 6px; right: 0; content: ''; background-image: url(../../../resources/images/common/icon_select_sm_red.svg); width: 15px; height: 5px; background-size: auto 100%; background-repeat: no-repeat; background-position: center; transform: rotate(-90deg);}

/* slick  */
.esports .history-wrap { position: relative; }
.esports .history-wrap .title { font-weight: 600; font-size: 40px; position: absolute; left: 32px; top: 136px; z-index: 1;}

.esports .history-wrap .custom-controls-wrap { text-align: center; position: absolute; top: 136px; right: 100px; }
.esports .history-wrap .custom-controls-wrap .custom-controls { position: relative; width: 112px; height: 56px; }
.esports .history-wrap .custom-controls .custom-slick-arrow { display: inline-block; position: relative;; bottom: 0;  width: 56px;  height: 56px; text-indent: -999999em; z-index: 2; background-size: auto 24px !important; }
.esports .history-wrap .custom-controls .custom-slick-arrow.disabled { opacity: 0.5;}
.esports .history-wrap .custom-controls .custom-slick-prev.custom-slick-arrow { float: left; background: #303030 url(../../../resources/images/common/icon_arrow_prev_w.svg) no-repeat center; }
.esports .history-wrap .custom-controls .custom-slick-next.custom-slick-arrow { float: right; background: #303030 url(../../../resources/images/common/icon_arrow_w.svg) no-repeat center; }

.esports .history-wrap .slick-slide li.active { background-color: #000000;}
.esports .history-wrap .history-slide li.active .detail { background: linear-gradient( to right, #B6082E calc(100% - 40px) , transparent 40px);}
.esports .history-wrap .history-slide li.active .detail .month::after {background-color: #ffffff;}
.esports .history-wrap .history-slide li { transition: all 0.2s; padding-top: 386px; padding-right: 40px; border-left: 1px solid #282525; cursor: pointer;  }
.esports .history-wrap .history-slide li .detail { position: relative; transition: all 0.2s; padding-top: 88px; padding-left: 40px; width: 360px; padding-bottom: 190px; }
.esports .history-wrap .history-slide li .detail .year { position: absolute; top: -85px; left: 32px;font-weight: 600; font-size: 56px;}
.esports .history-wrap .history-slide li .detail .month { font-weight: 600; font-size: 36px; text-transform: uppercase; margin-bottom: 48px; padding-bottom: 10px; position: relative; line-height: 1.19;}
.esports .history-wrap .history-slide li .detail .month::after { position: absolute; bottom: 0; left: 0; width: 40px; height: 2px; background-color: #B6082E; content:''; }
.esports .history-wrap .history-slide li .detail .img-wrap { width: 320px;
  box-shadow: 0 15px 35px 0 rgba(0,0,0,0.55); overflow: hidden; cursor: pointer;}
.esports .history-wrap .history-slide li .detail .img-wrap img { width: 100%; display: block; transition: all 0.5s ; }
.esports .history-wrap .history-slide li .detail .text { font-weight: 600; font-size: 18px; margin-top: 48px; margin-bottom: 48px; height: 69px; overflow: hidden;}
.esports .history-wrap .history-slide li .detail a { display: block; border: 1px solid #ffffff; width:  100%; max-width: 180px; height: 48px; font-size: 18px; color: #FFFFFF; letter-spacing: 0; font-weight: 600; text-align: center; line-height: 46px; position:  absolute; bottom: 138px; left: 40px; transition: all 0.2s ; }
.esports .history-wrap .history-slide li .detail a span { padding-left: 23px; display: inline-block; position: relative; vertical-align: text-bottom; padding-top: 2px; }
.esports .history-wrap .history-slide li .detail a span::after { position: absolute; top: 0; left: 0; width: 16px; height: 48px; content:''; background: url(../../../resources/images/common/icon_go_circle.svg) no-repeat center; transition: all 0.2s ;}



/*404 page*/
.error #contentsWrap { width: 100%; min-height: calc(100vh - 421px); padding-top: 56px; padding-bottom: 127px; background-color:#000000;}
.error .contents { position: relative; width: 100%; min-height: auto !important;}
.error .img-wrap {text-align: center; width: 100%; }
.error .img-wrap img { display: block; margin: auto; max-width: 1026px; width: 100%; }
.error .desc-wrap { text-align: center; font-size: 24px; color: #FFFFFF; letter-spacing: -0.84px; margin-top: 29px; margin-bottom: 48px; }

@media ( max-width : 1920px) { 
  /*stats*/
  .stats .stats-list-wrap { width: 100%; overflow-x: auto; overflow-y: hidden; position: relative; display: flex; display: -webkit-flex; -webkit-overflow-scrolling: touch; }
  .stats .stats-list-wrap .table-wrap { min-width: 1856px; }

  /*team-view*/
  .team-view .team-visual .text-wrap .name { max-width: 900px; }
  .team-view .team-visual .team-logo { right: 9.16%; }

  .profile .stats-wrap .table-wrap col:nth-child(2) { width: 250px;}
  .profile .stats-wrap .table-wrap tr td.team span { min-width: none; max-width: 300px;} 
  .profile .stats-wrap .table-wrap tr td.prev-id span { max-width: 250px; }
}

@media ( max-width : 1800px) {
  /* standing */
  .standing .tablest .chicken { width: 150px !important;}
  .standing .tablest .kill { width: 150px !important;}
  .standing .tablest .etc { width: 600px !important;}

  /* schedule */
  .shd-list .tab-contwrap .tab-cont > div > div > ul li > div:nth-child(3) { width: 15%; }
}

@media ( max-width : 1700px) {
  .shd-list .tab-contwrap .tab-cont > div > div > ul li .time { padding: 30px 3px 36px 1%; }
  .shd-list .tab-contwrap .tab-cont > div > div > ul li .time p span { font-size: 32px; line-height: 32px; }
  .shd-list .tab-contwrap .tab-cont > div > div > ul li .time p span + span + span { display: block; float: left; padding-left: 4px; font-size: 14px; font-weight: normal;  }
  .shd-list .tab-contwrap .tab-cont > div > div > ul li .ranking { width: 19% !important; }
  .shd-list .tab-contwrap .tab-cont > div > div > ul li .ranking p { font-size: 20px; }
  .shd-list .tab-contwrap .tab-cont > div > div > ul li .map { padding: 32px 0 45px 1%; }
  .shd-list .tab-contwrap .tab-cont > div > div > ul li .btn-wrap button { font-size: 14px; line-height: 20px; }
  .shd-list .tab-contwrap .tab-cont .team-wrap ul li .name { font-size: 16px; }
  .shd-list .tab-contwrap .tab-cont > div > div > ul li .go-view a { padding: 37px 46.4% 0 10%;
 font-size: 20px; }
  .shd-list .tab-contwrap .tab-cont > div > div > ul li .go-view a span::after { right: -70px; }
  .shd-list .tab-contwrap .tab-cont > div > div > ul li > div:nth-child(3) { width: 14%; }
}

@media all and (max-width:1600px) {
  /*allevent*/
  .allevent .search-wrap .search-list { padding-left: 32px; padding-right: 32px;}

  .teams .teams-wrap ul li a .text-wrap { font-size: 22px; height: 50px; margin-top: 42px; margin-bottom: 42px; }
  

  /* standing */
  .standing .standing-list-wrap .tablest.top-etc .tr .td.rank { font-size: 26px;}
  .standing .standing-list-wrap .tablest.top-etc .tr .td .logo img { width: 40px; height: 40px; vertical-align: middle; }

  .standing.pcs .ranking-list-wrap .tablest .th { display: table-cell; vertical-align: middle; padding: 11px 9px 11px 9px; font-size: 14px; font-weight: 600; text-transform: uppercase; color: #C3C3C3; font-size: 12px; text-align: center; background-color: #000; }
  .standing.pcs .ranking-list-wrap .tablest .td { display: table-cell; vertical-align: middle; padding: 14px 9px; height: 92px; font-weight: 600; color: #fff; font-size: 16px;  padding:0; border-bottom: 2px solid #000; word-break: break-all; text-align: center; }
  .standing.pcs .ranking-list-wrap .tablest.top-etc .tr .td.rank { font-size: 26px; color: #F2A900; }
  .standing.pcs .ranking-list-wrap .tablest.top-etc .tr .td .logo img { width: 40px; height: 40px; vertical-align: middle; }
  .standing.pcs .ranking-list-wrap .tablest.just-team .td { display: table-cell; vertical-align: middle; padding: 14px 9px; height: 92px; font-weight: 600; color: #fff; font-size: 20px; padding: 0; border-bottom: 2px solid #000; word-break: break-all; text-align: center; }
  .standing.pcs .ranking-list-wrap .tablest.just-team .tr .td .logo img { width: 64px; height: 64px;vertical-align: middle;}

  /*schedule*/
  .shd-list .tab-contwrap .tab-cont .table tr td { font-size: 16px; }
  .shd-list .tab-contwrap .tab-cont .table tr td:first-child { font-size: 16px; }

    /*team-view*/
    .team-view .team-visual .text-wrap .name { max-width: 800px; }

    .players .players-list-wrap .table-wrap colgroup col:last-child { width: 200px !important;}
    .players .players-list-wrap .table-wrap colgroup col:nth-child(3){ width: 280px !important;}
    .players .players-list-wrap .table-wrap colgroup col:nth-child(4){ width: 200px !important;}


}

@media ( max-width : 1440px) {
   .tab-wrap.type02.fixed { width: 100%; padding-top: 51px; padding-bottom: 24px; margin-bottom: 0; padding-left: 32px;
    padding-right: 32px;}


    /* standing */
    .standing .standing-list-wrap .tablest.top-etc .tr .td.team .name { font-size: 16px; }
    .standing .tablest .chicken { width: 100px !important;}
    .standing .tablest .kill { width: 100px !important;}
    
    /*overview*/
    .overview .view-wrap .visual-wrap .inner-wrap { max-width: 980px; margin-left: 0; padding-right: 0; margin: auto; }
    .overview .view-wrap .banner-wrap ul li { float: none; width: 100%; }

    /*allevent*/
    .allevent .search-wrap .search-list { padding-left: 16px; padding-right: 16px; }
    .allevent .search-wrap .search-list .search-close { top: 24px; right: 16px; }

    /*teams*/
    .teams .teams-wrap ul li a .text-wrap { font-size: 20px; }

    /*team-view*/
    .team-view .team-visual .team-logo { width: 300px; top: 60px; }

    .players .players-list-wrap .table-wrap tr td.name { padding-left: 24px; }
    .players .players-list-wrap .table-wrap colgroup col:last-child { width: 130px !important;}
    .players .players-list-wrap .table-wrap tr td.sns .sns-wrap a + a { margin-left: 16px; }

    /*newsEvent*/
    .news .news-wrap ul li a .text { padding: 24px 25px; }
    .news .news-wrap ul li a .text-wrap .division .subject::after { bottom: -6px; }
    .news .news-wrap ul li a .text .title { font-size: 20px; line-height: 24px; height: 72px; }
    .news .view-wrap .visual-wrap .inner-wrap { max-width: 980px; margin-left: 0; padding-right: 0; margin: auto; }
    .news .view-wrap .banner-wrap ul li a .title { width: 80%; }
    .news .news-wrap ul li a .text-wrap .division { font-weight: 600; font-size: 14px; color: #FFFFFF; letter-spacing: 0; text-transform: uppercase; padding:24px 25px 6px; background: linear-gradient(180deg, rgba(0,0,0,0.00) 0%, #000000 100%); width: 100%;}

}
@media ( max-width : 1280px) {
  #footerWrap .bottom .left { float: none; }
  #footerWrap .bottom .right { float: none; margin-left: 48px; margin-top: 16px; }

  /*team*/
  .teams .teams-wrap ul li { width: 25%;}

  /*team-view*/
  .team-view .team-visual .text-wrap .name { font-size: 60px; }

  .profile .award-wrap .award-list .award-item ul li .info-wrap { padding-left: 36px; padding-right: 36px;}
  .profile .award-wrap .award-list .award-item ul li .info-wrap .schedule-wrap { margin-left: 24px; margin-right: 24px; }
  /*standing*/
  .standing.pcs .ranking-list-wrap .tablest .th + .th + .th { width: 140px !important; }
  .standing.pcs .ranking-list-wrap .tablest .td.prize { width: 140px !important; }
  .standing.pcs .ranking-list-wrap .tablest .td.avg { width: 140px !important; }

   /*players*/
  .players .players-list-wrap .table-wrap colgroup col:nth-child(2) { width: 280px !important;}
  .players .players-list-wrap .table-wrap colgroup col:nth-child(4) { width: 130px !important;}

  /*schedule*/
  .shd-list .tab-contwrap .tab-cont > div > div > ul li .btn-wrap button { font-size: 13px; }

  /*esports*/
  .esports .esports-wrap .visual-wrap .text-wrap .title,
  .esports .esports-wrap .visual-wrap .text-wrap .desc {  padding-left: 16px; padding-right: 16px;  }
}
@media ( max-width : 1120px) {
  .pc-hidden { display: block !important; }
  .mo-hidden { display: none !important; }
  .standing.pcs .pc-hidden { display: none !important; }
  .standing .pc-hidden { display: none !important; }
  .standing .select.pc-hidden { display: block !important; } 

  .scroll-wrap[class*="-list-wrap"]::after { position: absolute; top: 66px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); width: 106px; height: 93px; background-image: url(../../../resources/images/common/icon_scroll.png); background-position: center; background-repeat: no-repeat; background-size: 100% auto; content:''; -webkit-animation: scroll 1.5s 3; animation: scroll 1.5s 3; opacity: 0; transition: all 0.2;}
    .scroll-wrap[class*="-list-wrap"].ani-remove::after { display: none; }
    @-webkit-keyframes scroll {
      0% {
        left: calc(50% - 40px);
        opacity: 0;
      }
      80% {
        left: calc(50% + 40px);
        opacity: 1;
      }
      100% {
        left: calc(50% + 50px);
        opacity: 0;
      }
    }
    @keyframes scroll {
      0% {
        left: calc(50% - 40px);
        opacity: 0;
      }
      80% {
        left: calc(50% + 40px);
        opacity: 1;
      }
      100% {
        left: calc(50% + 50px);
        opacity: 0;
      }
    }
  /******** topBanner ********/
  #topBanner {background-image:url(../../../resources/images/common/img_top_bg_mo.jpg); background-size: cover; padding-top: 23px; padding-bottom: 23px;}
  #topBanner span { height: 25px; }
  #topBanner span.info { font-size: 22px; line-height: 25px; }
  #topBanner span.info::after { height: 15px; top: 5px; }
  #topBanner .img-wrap { max-width: 62px; }
  #topBanner .img-wrap img { width: 100%; }
  #topBanner .logo-wrap { width: 83px; margin-top: 1px; margin-left: 6px;}

  #headerWrap { width:100%; height: 60px;}
  #headerWrap .lang-select { top: 60px; right: 0;}
  #headerWrap.fixed { top:-60px; }
  #headerWrap h1 { float: inherit;}
  #headerWrap h1 a { display: block; width: 49px; height: 60px; background-size: 100% auto; margin: auto; }
  #wrap.fixed #headerWrap h1 a { width: 49px; height: 60px; } 
  #headerWrap nav{ left: -100%; top: 0px; height:100%; width: 100%; background-color: #000000; z-index: 9; transition: all .3s; }
  #wrap #headerWrap nav { position: fixed; opacity: 0;}
  #headerWrap.active nav { left: 0%; position: fixed; opacity: 1 !important;}
  #headerWrap.active nav .mo-gnb { height:calc(100% - 60px); width: 100%; overflow-y: auto; background-color: #000000; position: absolute; bottom: 0; border-top: 1px solid #252628; }
  #headerWrap.active nav .gnb { float: none; margin-left: 0; background-color: #000000;}
  #headerWrap.active nav .gnb > ul { border-bottom: 1px solid #252628; padding-bottom: 12px; margin-top: 20px; background-color: #000000; overflow: hidden;}
  #headerWrap nav .gnb > ul > li > a.active::after { display: none; }
  #headerWrap.active nav .gnb > ul > li { float: none; padding: 0 !important; clear: both; overflow: initial;}
  #headerWrap.active nav .gnb > ul > li.has-2depth { margin-top: -1px; }
  #headerWrap.active nav .gnb > ul > li.has-2depth.active { margin-bottom: 12px; }
  #headerWrap.active nav .gnb > ul > li + li { margin-left: 0;}
  #headerWrap.active nav .gnb > ul > li > a { display: block; font-size: 24px; letter-spacing: 0; padding-left: 32px; padding-right: 32px; padding-top: 13px; padding-bottom: 12px; position: relative; z-index: 1;  background-color: #000000;}
  #headerWrap .util { top: 18px; right: 20px;}
  #wrap.fixed #headerWrap .util { top: 18px; }
  #headerWrap .util .outlink,
  #headerWrap .util .lang a .text { display: none; }
  #headerWrap nav .gnb > ul > li.has-2depth { overflow: hidden; position: relative; background-color: #000000; }
  #headerWrap nav .gnb > ul > li.has-2depth .depth-wrap { display:block; position: absolute; top: -300px; left:0; transition: all 0.3s;}
  #headerWrap nav .gnb > ul > li.has-2depth.active .depth-wrap {position: relative; top: 0; left:0; padding-top: 11px; }
  #headerWrap .mo-gnb .has-2depth.active > a { padding-bottom: 16px; padding-right: 19px; position: relative; padding-bottom: 16px !important;}
  #headerWrap nav .gnb > ul > li.has-2depth > a::before { top: 20px; transform: translateY(0); -webkit-transform: translateY(0);-moz-transform: translateY(0); right: auto; left: 140px;  width: 11px; height: 7px; background-repeat: no-repeat; background-size: 100% auto;}
  #headerWrap nav .gnb > ul > li.has-2depth .depth-wrap ul::after { left: 80px; right: auto; margin-right: 0;}
  #headerWrap nav .gnb > ul > li.has-2depth .depth-wrap ul li a { font-size: 24px; text-align: left;}

  #subVisual { height: 93px; }
  #subVisual .title { text-align: center; font-size: 48px; line-height: 93px; }
  #wrap #container {padding-top: 60px; }

  .tab-wrap { padding:  22px 0 22px 17px; margin-bottom: 10px; }
  .tab-wrap ul { height: 46px; }
  .tab-wrap ul li { width: 100% !important; line-height: 46px; height: 46px; }
  .tab-wrap .slick-prev, .tab-wrap .slick-next { height: 46px; width: 44px; }
  .tab-wrap .slick-next::after { top: 18px; right: 10px;  }
  .tab-wrap .slick-prev::after { top: 18px; left: 10px; }
  .tab-wrap ul li  a { font-size: 14px; line-height: 46px; }

  .tab-wrap.type02.fixed { width: 100%; padding:  22px 0 22px 17px; margin-bottom: 10px; border-bottom: 1px solid #373434; border-top: 1px solid #373434; }
  .tab-wrap.type02.fixed.up { position: fixed; left: 0; top: 0; transition: all .3s; z-index: 3; }
  .tab-wrap.type02.fixed.down { position: fixed; left: 0; top: 60px; transition: all .3s; z-index: 3; }

  #contentsWrap .depth3-menu-wrap ul { padding-left: 16px; }

  .tab-select.fixed { padding: 16px; height: 80px;}
  .tab-select .select-wrap { max-width: 100%; display: none; }
  .tab-select .select-wrap.mo-select { display: block; }
  .tab-select .select-wrap.mo-select select { width: 100%; }

  /*accordion*/
  .accordion-item .handle { padding-left: 24px; }
  .accordion-item .handle::after { right: 24px; }

  /******** filter ********/
  .filter-wrap { padding-left: 16px; }
  .filter-wrap > .btn-wrap button { height: 48px; line-height: 48px; }
  .filter-wrap .filter-list { padding-top: 56px; padding-bottom: 64px; }
  .filter-wrap .filter-list .filter-close { top: 24px; right: 18px; }
  .filter-wrap .check-wrap .check-item ul li { float: none; }
  .filter-wrap .check-wrap .check-item + .check-item { margin-top: 24px; }
  .filter-wrap .check-wrap .btn-wrap { margin-top: 32px; }
  .filter-wrap .check-wrap .btn-wrap button.apply { width: calc(100% - 52px);}

  #footerWrap .sns-wrap { padding: 20px 0; }
  #footerWrap .sns-wrap a { width: 32px; height: 32px; }
  #footerWrap .sns-wrap a + a { margin-left: 4.26%; } 
  #footerWrap .bottom { padding-top: 24px; padding-bottom: 40px; }
  #footerWrap .bottom .left { float: none; }
  #footerWrap .bottom .left .etc-link { width: 100%; }
  #footerWrap .bottom .left .etc-link > a { font-size: 12px; }
  #footerWrap .bottom .left .copyright { max-width: 100%; font-size: 12px; }
  #footerWrap .bottom .footer-logo.pc-hidden { position: relative; float: none; margin-left: 48px; margin-top: 24px; }
  #footerWrap .bottom .footer-logo.pc-hidden a { display: block; width: 175px; height: 41px; background-image: url(../../../resources/images/common/img_logo_footer_w.svg); background-repeat: no-repeat; background-position: left center; background-size: 100% auto; }
  #footerWrap .bottom .right { float: none; margin-top: 16px; margin-left: 48px; height: 52px; }
  #footerWrap .bottom .right img { height: 100%; }

  #sponWrap { padding-top: 24px; padding-bottom: 24px; }
  #sponWrap .logo-wrap { max-width: 200px; }
  #sponWrap .logo-wrap img { width: 100%; display: block; }
  #sponWrap .spon .logo-wrap.doubble { max-width: 100%; }
  #sponWrap .spon .logo-wrap.doubble a { max-width: 280px;}
  #sponWrap .spon .logo-wrap.doubble a + a{ margin-left: 16px;}
  #sponWrap .spon .text-wrap { margin-top:0;}
  #sponWrap .spon .intel-wrap a { padding-right: 48px;}
  #sponWrap .spon .intel-wrap a img { max-width: 100px;}
  #sponWrap .spon .intel-wrap a:after { right: 24px; height: 30px; top: 10px; }
  #sponWrap .spon .other-wrap ul li { margin-right: 16px; }
  #sponWrap .spon .other-wrap ul li a { margin-top: 15px;}
  #sponWrap .spon .other-wrap ul li a img { width: 70px; }

  #sponWrap .spon .logo-wrap.doubble { max-width: 100%; }
  #sponWrap .spon .logo-wrap.doubble a { max-width: 280px;}
  #sponWrap .spon .logo-wrap.doubble a + a{ margin-left: 16px;}

  #contentsWrap .depth2-menu-wrap { height: 58px; }
  #contentsWrap.has-menu .depth2-menu-wrap.fixed.down { top: 60px; }
  #contentsWrap .depth2-menu-wrap .depth2-menu > div button { height: 58px; line-height: 58px; font-size: 16px; padding-left: 16px; }
  #contentsWrap .depth2-menu-wrap .depth2-menu > div.season button { padding-left: 16px;}
  #contentsWrap .depth2-menu-wrap .depth2-menu > div.season button.pgis span::before { height: 24px; right: -30px;}
  #contentsWrap .depth2-menu-wrap .depth2-menu > div ul li a { padding-left: 16px; }
  #contentsWrap .depth2-menu-wrap .depth2-menu > div.season ul li a { padding: 0 16px 0 16px; background-position: center left 16px; }
   #contentsWrap .depth3-menu-wrap { padding-top: 32px; padding-bottom: 24px; }
  #contentsWrap .depth3-menu-wrap ul li a { font-size: 16px; }

  .tab-select { padding-bottom: 16px; height: 66px; }
  .tab-select.fixed.down { top: 118px; }
  .tab-select.fixed.up { top: 58px;}

  /*overview*/
  .overview .view-wrap .visual-wrap { background-size: cover; }
  .overview .view-wrap .visual-wrap .inner-wrap { width: 91.8%; margin: auto; }
  .overview .view-wrap .text-wrap .inner-wrap { max-width: 100%; }
  .overview .view-wrap .text-wrap .inner-wrap > div { width: 91.8%; margin: auto; }
  .overview .view-wrap .inner-wrap .title-wrap { margin-bottom: 48px !important; }
  .overview .view-wrap .inner-wrap .info-wrap div { margin-bottom: 32px; }
  .overview .view-wrap .text-wrap .inner-wrap .desc-wrap { margin-bottom: 63px; }
  .overview .view-wrap .inner-wrap .info-wrap div p span { font-size: 20px; }

  /* standing */
  .standing #contentsWrap > div.contents { padding:  0 16px 40px; }
  .standing .pc-hidden { display: block !important; }  
  .standing .standing-list-wrap .tablest .td { display: table-cell; vertical-align: middle; padding: 14px 9px; height: 92px; font-weight: 600; color: #fff; font-size: 16px;  padding:0; border-bottom: 1px solid #252628; word-break: break-all; text-align: center; }
  .standing .standing-list-wrap .tablest.top-etc > .tr { border-top: 1px solid #565656; border-bottom: 1px solid #565656; margin-bottom: 24px; }
  .standing .standing-list-wrap .tablest.top .etc-data > div > div > p.rDhani { font-size: 32px; color: #fff; }
  .standing .standing-list-wrap .tablest.top-etc .tr { overflow: hidden; display: block; }
  .standing .standing-list-wrap .tablest.top-etc .tr:first-child { display: none; }
  .standing .standing-list-wrap .tablest.top-etc .tr .td { display: inline-block; height: 77px; float: left; padding: 18px 0px; width: 50% !important;} 
  .standing .standing-list-wrap .tablest.top-etc .tr .td.rank { width: 20% !important; line-height: 46px;height: 78px;}
  .standing .standing-list-wrap .tablest.top-etc .tr .td.team { width: 80% !important; display: table;height: 78px;}
  .standing .standing-list-wrap .tablest.top-etc .tr .td.team > span { display: table-cell; }
  .standing .standing-list-wrap .tablest.top-etc .tr .td.team .logo { width: 54px; }
  .standing .standing-list-wrap .tablest.top-etc .tr p.pc-hidden { margin-bottom: 5px; }
  .standing .standing-list-wrap .tablest.top-etc .tr .td.team .name { word-break: keep-all; }
  .standing .pc-hidden { display: block; }
  .standing .standing-list-wrap .tablest.top-etc .tr .td .rDhani { font-size: 20px; }
  .standing .standing-list-wrap .tablest .tr.thead > .th:last-child { border-right: 0;}
  .standing .standing-list-wrap .tablest.top-etc .tr.pc-hidden { border-bottom: 1px solid #252628; }
  .standing .standing-list-wrap .tablest.top-etc .tr .th { padding-top: 14px; padding-bottom: 14px; font-size: 12px; }
  .standing .standing-list-wrap .tablest.top-etc .tr ul li .td { width: 33.333% !important; height: 92px; }
  .standing .standing-list-wrap .tablest.top-etc .tr ul li .td.total p:first-child { color:#B6082E; }
  .standing .standing-list-wrap .tablest.top-etc .tr ul li .td p:first-child { height: 30px; }

  .standing.pcs .ranking-list-wrap .notice { padding-left:16px; padding-right:16px; padding-top: 8px; font-size: 14px;}
  .standing.pcs .ranking-list-wrap { padding-bottom: 56px; }

  /*pgc standing*/
  .standing.pcs.pgc .ranking-list-wrap { padding-bottom: 16px;}
  .standing.pcs.pgc .pgc-title { float: none; margin-bottom: 16px; }
  .standing.pcs.pgc .weekly-btn {float: none; margin-top: 0; margin-bottom: 16px; }
  .standing.pcs.pgc .weekly-btn ul li + li { margin-left: 4px; }
  .standing.pcs.pgc .ranking-list-wrap .tablest.top-etc .tr .td.team .label-wrap { display: block; margin-left: 0; margin-top: 4px; }
  /* .standing .ranking-list-wrap .tablest.top-etc .tr .td.team .tiket {width: auto;height: 23px;vertical-align: middle;margin-left: 4px; display: none;} */

  /*stats*/
  .stats #contentsWrap > div.contents { padding:  0 16px;}

  /* awards */
  .awards #contentsWrap > div.contents { padding-left: 0; padding-right: 0; padding-bottom: 40px;}
  .awards .awards-wrap ul li { width: 100%; padding: 0; margin-bottom: 24px; }
  .awards .awards-wrap ul li p { background-size: 100% auto; padding-bottom: 122.67%;}

  /*allevent*/
  .allevent .allevent-top { padding-left: 16px; padding-right: 16px; padding-bottom: 24px; }
  .allevent .allevent-top.fixed.down { top: 60px; }
  /* .allevent #contentsWrap > div.contents { padding: 0px 0px 80px; } */
  .allevent .search-wrap .btn-wrap button { height: 48px; line-height: 48px;}
  .allevent .search-wrap .tag-wrap {width: calc(100% - 122px);}
  .allevent .search-wrap .tag-wrap > div.tag-list-wrap{ margin-left: 8px; }
  .allevent .search-wrap .tag-wrap > div.tag-list-wrap .tag-list::-webkit-scrollbar { height:10px; display: none;}
  .allevent .search-wrap .tag-wrap > div.tag-list-wrap .tag-list > div { min-width: 106px; font-size: 14px; padding-top: 12px; padding-bottom: 12px; }
  .allevent .search-wrap .search-list { padding-top: 64px; padding-bottom: 56px; }
  .allevent .search-wrap .search-list .item-wrap .select-item { width: 50%;}
  .allevent .search-wrap .search-list .item-wrap .select-item:nth-child(2) { margin-left: 0; }
  .allevent .search-wrap .search-list .item-wrap .select-item:nth-child(1) select { border-right: 0;}
  .allevent .search-wrap .search-list .item-wrap .input-item { width: 100%; float: none; margin-left: 0;}
  .allevent .search-wrap .search-list .item-wrap .input-item input[type="text"] { border-top: 0; }
  .allevent .search-wrap .search-list .btn-wrap button {width: calc(100% - 52px); text-align: center; padding-left: 0 !important; }
  .allevent .allevent-top .prev-btn{ bottom: 8px; right: 16px; }
  .allevent .allevent-top .prev-btn button { font-size: 12px; }
  .allevent .allevent-top .prev-btn button span::after { width: 18px; height: 18px; background-size: 100% auto; top: -1px;}
  .allevent .table-wrap { padding-left: 16px; padding-right: 16px; }
  .allevent .tablest {display: none;  }
  .allevent .scroll-wrap .tablest .tr { border-bottom: 1px solid #232121; margin-bottom: 4px;}
  .allevent .scroll-wrap .tablest .tr .td { border-bottom: 0; line-height: 1.25; padding-top: 16px; text-align: left;}
  .allevent .scroll-wrap .tablest .tr .td.event { width: 100%;}
  .allevent .scroll-wrap .tablest .tr .td.date { width: 100%; height: auto; padding-bottom: 10px; padding-left: 24px; }
  .allevent .scroll-wrap .tablest .tr .td.region,
  .allevent .scroll-wrap .tablest .tr .td.prize { width: 50%; height: auto; padding-bottom: 16px; padding-top: 10px; padding-left: 24px;}
  .allevent .scroll-wrap .tablest .tr .td .pc-hidden {font-weight: 600; font-size: 16px; color: #909090; letter-spacing: 0; margin-bottom: 8px; }
  .allevent .tablest .tr .td span.img-wrap img { width:unset; }
  /* teams */
  .teams #contentsWrap > div.contents { padding: 0 0;}
  .teams .tab-wrap.type02 { margin-bottom: 0; }
  .teams .teams-wrap { padding-top: 0; }
  .teams .teams-wrap ul { margin: 0 16px 80px;}
  .teams .teams-wrap ul li { width: 50%; padding-left: 4px; padding-right: 4px; margin-bottom: 8px; }
  .teams .teams-wrap ul li a .text-wrap { font-size: 16px; line-height: 16px; height: 34px; } 
  .teams .tab-wrap ul {margin-right: 16px;}
  .teams .tab-wrap ul li { width: auto !important; }
  .teams .tab-wrap ul li:last-child { border-right: 1px solid #252628; }
  .teams .tab-wrap ul li + li { border-left: 1px solid #252628; }
  .teams .tab-wrap ul li a { width: auto !important;} 
  .team-view .team-type ul { border-top: 0; }
  .team-view #contentsWrap { min-height: calc(100vh - 60px);}
  .team-view .team-visual { height: 530px; }
  .team-view .team-visual { padding-top: 32px; background-size: 836px auto; background-position: center;}
  .team-view .team-visual > div { position: relative !important; }
  .team-view .team-visual .text-wrap { left: auto; top:auto; text-align: center; margin-top: 8px; }
  .team-view .team-visual .text-wrap .name { font-size: 40px; line-height: 51px; max-width: 100%; }
  .team-view .team-visual .text-wrap .link { margin-top: 40px; }
  .team-view .team-visual .text-wrap .link > div { float: none; text-align: center; }
  .team-view .team-visual .text-wrap .link > div ul { display: inline-block; }
  .team-view .team-visual .text-wrap .link .site { border: none; margin-left: 0; padding-left: 0;}
  .team-view .team-visual .team-logo { right: auto; top:auto; width: 224px; margin: auto; }
  .team-view [class*="-wrap"] p.title { font-size: 20px; }
  .team-view .member-wrap { padding-right: 0; padding-top: 40px; padding-bottom: 40px; padding-left: 16px; }
  .team-view .member-wrap p.title { font-size: 20px; }
  .team-view .member-wrap .member-list > ul { width: 100%; overflow-x: auto; overflow-y: hidden; position: relative; display: flex; display: -webkit-flex; -webkit-overflow-scrolling: touch; }
  .team-view .member-wrap .member-list > ul > li { flex-shrink: 0; width: 246px; }
  /* .team-view .member-wrap .member-list > ul > li + li { margin-left: 16px; } */
  .team-view .member-wrap .member-list > ul > li + li + li + li + li + li { margin-bottom: 0; }
  .team-view .member-wrap .member-list > ul li .thumb .img-wrap .flag { width: 42px; }
  .team-view .member-wrap .member-list > ul li .thumb .img-wrap .flag img { display: block; width: 100%; }
  .team-view .member-wrap .member-list ul li .thumb .text-wrap { padding-top: 20px; padding-bottom: 16px; }
  .team-view .coach-wrap { padding-right: 0; padding-top: 40px; padding-bottom: 40px; padding-left: 16px; }
  .team-view .coach-wrap .coach-list > ul { width: 100%; overflow-x: auto; overflow-y: hidden; position: relative; display: flex; display: -webkit-flex; -webkit-overflow-scrolling: touch; }
  .team-view .coach-wrap .coach-list > ul::-webkit-scrollbar { height:0px; display: none; }
  .team-view .coach-wrap .coach-list > ul > li { flex-shrink: 0; width: 246px; padding: 20px 16px;}
  .team-view .coach-wrap .coach-list > ul > li + li { margin-left: 16px; }
  .team-view .history-wrap { padding-left: 16px; padding-right: 16px;}
  .team-view .history-wrap .history-list { padding-left: 22px; }
  .team-view .history-wrap .history-list .history-item + .history-item { margin-top: 24px; }
  .team-view .history-wrap .history-list .history-item::after { left: -20px; }
  .team-view .history-wrap .history-list .history-item ul li { height: auto;}
  .team-view .history-wrap .history-list .history-item ul li > div { width: 100% !important; }
  .team-view .history-wrap .history-list .history-item ul li .logo-wrap { height: 114px; }
  .team-view .history-wrap .history-list .history-item ul li .member-list,
  .team-view .history-wrap .history-list .history-item ul li .money-wrap { padding-left: 24px; margin-right: 24px; padding-bottom: 24px; }
  .team-view .history-wrap .history-list .history-item ul li .money-wrap { padding-top: 0; }

  /*profile*/
  .profile .team-visual { padding-top: 24px; margin-bottom: 32px; }
  .profile .team-visual .text-wrap { margin-top: 0; margin-bottom: 37px; }
  .profile .team-visual .text-wrap .team-logo { width: 56px; height: 56px; margin-bottom: 29px; }
  .profile .team-visual .text-wrap .name { font-size: 42px; line-height: 54px; }
  .profile .team-visual .text-wrap .name span { font-size: 18px; line-height: 22px; }
  .profile .team-visual .text-wrap .link { margin-top: 30px; }
  .profile .team-visual .player-img { position: relative; right: auto; top: auto; margin:auto; width: 240px; }
  .profile .award-wrap { padding-left: 16px; padding-right: 16px; margin-bottom: 88px; }
  .profile .award-wrap .award-list .award-item + .award-item { margin-top: 24px; }
  .profile .award-wrap .award-list .award-item::after { left: -20px; }
  .profile .award-wrap .award-list .award-item ul li > div > div { width: 100% !important; }
  .profile .award-wrap .award-list .award-item ul li .logo-wrap { height: 160px; }
  .profile .award-wrap .award-list .award-item ul li .info-wrap { padding-left: 24px; padding-right: 24px; padding-top: 20px; min-height: auto; height: auto; padding-bottom: 20px; }
  .profile .award-wrap .award-list .award-item ul li .info-wrap .desc { padding-bottom: 20px; margin-top: 24px; font-size: 14px; }
  .profile .stats-wrap { padding-right: 16px; padding-left: 16px; margin-bottom: 88px; }
  .profile .stats-wrap .table.type02 tr th { height: 78px; }
  .profile .stats-wrap .table-wrap tr td.name { padding-left: 32px; }
  .profile .stats-wrap .btn-wrap button { width: 100%; text-align: center; padding-left: 0; }
  .profile .stats-wrap .btn-wrap button span { display: inline-block; }
  /* .profile .stats-wrap .btn-wrap button span::after {right: -22px;}
  .profile .stats-wrap .btn-wrap button span::before {right: -22px; } */

  /*players*/
  .players #contentsWrap > div.contents { padding:  0 16px;}
  .players .search-wrap .search-item .input-item { width: calc( 100% - 100px);}
  .players .search-wrap .search-item .btn-wrap button { width:100px; padding-left: 16px; }
  .players .players-list-wrap .table-wrap tr td.name { padding-left: 16px; }

  .players .players-list-wrap { width: 100%; overflow-x: auto; overflow-y: hidden; position: relative; display: flex; display: -webkit-flex; -webkit-overflow-scrolling: touch; }
  .players .players-list-wrap .table-wrap { min-width: 1120px; }
  .players .players-list-wrap .table-wrap colgroup col:last-child { width: 160px !important; }

  /*schedule*/
  .shd-list .tab-contwrap .tab-cont .scroll-wrap { width: 100%; overflow-x: auto; overflow-y: hidden; position: relative; display: flex; display: -webkit-flex; -webkit-overflow-scrolling: touch; }
  .shd-list .tab-contwrap .tab-cont .table-wrap { min-width: 1856px; }
  .shd-list .scroll-wrap::-webkit-scrollbar { height:10px;display: block;}
  .shd-list .scroll-wrap.none { overflow-x: hidden; overflow-y: hidden;}
  .shd-list .scroll-wrap.none::after { display: none; }
  .shd-list .tab-contwrap .tab-cont .scroll-wrap.none .table-wrap { min-width: 100% !important; }
  .shd-list .tab-contwrap .tab-cont .scroll-wrap.none .table-wrap .data-none { margin-top: 16px !important; margin-bottom: 16px !important;}
  
  .shd-list #contentsWrap > div.contents { padding: 0 16px 80px;}
  .shd-list .tab-contwrap > .desc { padding: 0 16px; }
  .shd-list .tab-contwrap .tab-cont > div > div > ul li .btn-wrap.none-team { padding-top: 15px !important; }
  .shd-list .tab-contwrap .tab-cont .date { text-align: center; margin-bottom: 24px; }
  .shd-list .tab-contwrap .tab-cont > div > div > ul li { display: block; height: auto; border-top: 1px solid #252628; border-bottom: 1px solid #252628; }
  .shd-list .tab-contwrap .tab-cont > div > div > ul li > div { display: block; float: left; padding: 0 !important; }
  .shd-list .tab-contwrap .tab-cont > div > div + div { margin-top: 24px; }
  .shd-list .tab-contwrap .tab-cont > div > div > ul li .time { width: 31.2% !important; height: 90px; border-bottom: 1px solid #252628; padding-left: 3% !important; padding-top: 17px !important;}
  .shd-list .tab-contwrap .tab-cont > div > div > ul li .time p span { font-size: 23px;  }
  .shd-list .tab-contwrap .tab-cont > div > div > ul li .time p span + span + span {  font-size: 14px; }
  .shd-list .tab-contwrap .tab-cont > div > div > ul li .time { padding-top: 17px !important; }
  .shd-list .tab-contwrap .tab-cont > div > div > ul li .ranking { width: 68.8% !important; height: 90px; border-bottom: 1px solid #252628; padding-top: 22px !important; padding-left: 5.8% !important; }
  .shd-list.pgc .tab-contwrap .tab-cont > div > div > ul li .ranking { padding-top: 18px !important;}
  .shd-list .tab-contwrap .tab-cont > div > div > ul li .ranking p {font-size: 17px; line-height: 18px;}
  .shd-list .tab-contwrap .tab-cont:nth-child(1) > div > ul li .ranking p { line-height: 17px;}
  .shd-list .tab-contwrap .tab-cont:nth-child(1) > div > ul li .ranking {padding-top: 17px !important; padding-left: 21px !important; }
  .shd-list .tab-contwrap .tab-cont > div > div > ul li .map { width: 100% !important; padding: 14px 33px 19px !important; }
  .shd-list .tab-contwrap .tab-cont > div > div > ul li .map > span { display: inline-block; }
  .shd-list .tab-contwrap .tab-cont > div > div > ul li .map p { display: inline-block; margin-left: 12px; font-size: 16px;}
  .shd-list .tab-contwrap .tab-cont > div > div > ul li .btn-wrap { width: 100% !important; padding: 0 16px !important; border-right: 0;}
  .shd-list .tab-contwrap .tab-cont > div > div > ul li .btn-wrap button { width: 100%; height: 48px; padding-left: 16px !important; font-size: 14px; }
  .shd-list .tab-contwrap .tab-cont > div > div > ul li .btn-wrap button br { display: none; }
  .shd-list .tab-contwrap .tab-cont > div > div > ul li .btn-wrap button + button { margin-left: 0; margin-top: 8px; }
  .shd-list .tab-contwrap .tab-cont > div > div > ul li > div:last-child { width: 100% !important; padding: 0 16px 16px !important; margin-top: 8px; }
  .shd-list .tab-contwrap .tab-cont > div > div > ul li > div:last-child a { padding: 0 !important; height: 74px !important; line-height: 74px !important; text-align: left !important; padding-left: 16px !important; background: #353434; border: 1px solid #565656; font-size: 16px !important; position: relative; width: 100%; }
  .shd-list .tab-contwrap .tab-cont > div > div > ul li .go-view a span { display: block; padding-right:0; width: 100%; position: relative; text-align: left; top:  0; left: 0; background: none; transform: translate(0,0);  -webkit-transform: translate(0,0); -moz-transform: translate(0,0);  -ms-transform: translate(0,0);}
  .shd-list .tab-contwrap .tab-cont > div > div > ul li .go-view a span::after { display:block; width: 35px; height: 24px; background-size: 100%; top: 22px !important; right: 19px; }
  .shd-list .tab-contwrap .tab-cont > div > div.lock > ul li .time { padding: 0 !important; }
  .shd-list .tab-contwrap .tab-cont > div > div.lock > ul li .time p { line-height: 90px; }

  .shd-list .tab-contwrap .tab-cont .table-wrap { min-width: 1120px; }
  .shd-list .tab-contwrap .tab-cont .team-wrap { padding: 15px 3.1%;}
  .shd-list .tab-contwrap .tab-cont .team-wrap ul li { float: left; width: 45.8%; border: none; height: 40px; padding: 0; position: relative; }
  .shd-list .tab-contwrap .tab-cont .team-wrap ul li + li { margin-left: 1%; margin-top: 8px; }
  .shd-list .tab-contwrap .tab-cont .team-wrap ul li:nth-child(2n+1){ margin-left: 0; }
  .shd-list .tab-contwrap .tab-cont .team-wrap ul li:nth-child(4n+0) { margin-top: 8px; }
  .shd-list .tab-contwrap .tab-cont .team-wrap ul li:nth-child(4n+1) { margin-left:0; }
  .shd-list .tab-contwrap .tab-cont .team-wrap ul li > div { line-height: 40px; height: 100%; }
  .shd-list .tab-contwrap .tab-cont .team-wrap ul li .logo { width: 40px; height: 40px; }
  .shd-list .tab-contwrap .tab-cont .team-wrap ul li .name { font-family: 'noto', sans-serif; font-weight: normal; font-size: 12px; line-height: 16px; width: calc( 100% - 56px); position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); left: 56px; }

  .shd-list.pcs .tab-contwrap .tab-cont .scroll-wrap { width: 100%; overflow-x: auto; overflow-y: hidden; position: relative; display: flex; display: -webkit-flex; -webkit-overflow-scrolling: touch; }
  .shd-list.pcs .tab-contwrap .tab-cont .table-wrap { min-width: 1120px; }

  .shd-list .tab-contwrap .tab-cont .scroll-wrap::after { position: absolute; top: 66px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); width: 106px; height: 93px; background-image: url(../../../resources/images/common/icon_scroll.png); background-position: center; background-repeat: no-repeat; background-size: 100% auto; content:''; -webkit-animation: scroll 1.5s 3;
    animation: scroll 1.5s 3; opacity: 0;}
    @-webkit-keyframes scroll {
      0% {
        left: calc(50% - 40px);
        opacity: 0;
      }
      80% {
        left: calc(50% + 40px);
        opacity: 1;
      }
      100% {
        left: calc(50% + 50px);
        opacity: 0;
      }
    }
    @keyframes scroll {
      0% {
        left: calc(50% - 40px);
        opacity: 0;
      }
      80% {
        left: calc(50% + 40px);
        opacity: 1;
      }
      100% {
        left: calc(50% + 50px);
        opacity: 0;
      }
    }

  /*news*/
  .news .news-wrap ul { margin-left: 8px; margin-right: 8px; }
  .news .news-wrap ul li { padding-left: 8px; padding-right: 8px; }
  .news .news-wrap ul li:nth-child(3n-1) { padding-left: 8px; padding-right: 8px; }

  .news .view-wrap .title-wrap { padding-top: 80px; }
  .news .view-wrap .visual-wrap .inner-wrap { width: 91.8%; margin: auto; padding-top: 0; }
  .news .view-wrap .text-wrap .inner-wrap { max-width: 100%; }
  .news .view-wrap .text-wrap .inner-wrap > div { width: 100%; padding: 0 16px; }
  .news .view-wrap .text-wrap .inner-wrap .desc-wrap { margin-bottom: 63px; }
  .news .view-wrap .text-wrap .inner-wrap .img-wrap { width: 100%; margin-bottom: 44.5px; padding: 0; }
  .news .view-wrap .banner-wrap { margin-top: 55px;padding: 0 16px; }
  .news .view-wrap .banner-wrap ul { border-top: 0; }
  .news .view-wrap .banner-wrap ul li { width: 100%; float: none !important; }
  .news .view-wrap .banner-wrap ul li.left { border-right: 0;}
  .news .view-wrap .banner-wrap ul li.left a { border-top: 1px solid #373434; }
  .news .view-wrap .banner-wrap ul li.right {border-left: 0;}
  .news .view-wrap .banner-wrap ul li.right a {  border-top: 1px solid #373434; }
  .news .view-wrap .banner-wrap ul li .last-wrap { height: 158px; border-top: 1px solid #373434; }
  .news .view-wrap .banner-wrap ul li .last-wrap .last-title { font-size: 18px; width: 88%; line-height: 22px; height: 66px; padding: 0 !important; top: 25px; left: 24px !important; right: auto !important; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0);}
  .news .view-wrap .banner-wrap ul li a { height: 158px; }
  .news .view-wrap .banner-wrap ul li a .title { font-size: 18px; width: 88%; line-height: 22px; height: 66px; padding: 0 !important; top: 25px; left: 24px !important; right: auto !important; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0);}
  .news .view-wrap .banner-wrap ul li a .title::after {display: none; }
  .news .view-wrap .banner-wrap ul li .mo-arrow { display: block; }

  /*esports*/
  .esports .esports-wrap .visual-wrap { background-image: url(../../../resources/images/page/bg_esports_1_mo.jpg); padding-top: 400px; background-size: 100% auto; background-position: center top; background-color: #000000;}
  .esports .esports-wrap .visual-wrap .inner-wrap { margin-top: -10px; }
  .esports .esports-wrap .visual-wrap .text-wrap { max-width: 100%; padding-top: 36px; background-image: linear-gradient(180deg, rgba(0,0,0,0.00) 0%, #000000 46%); }
  .esports .esports-wrap .down-wrap ul li { width: 100% !important; height: 180px; }
  .esports .esports-wrap .down-wrap ul li a { padding: 32px 16px !important;}
  .esports .esports-wrap .down-wrap ul li a .go { left: 16px !important; bottom: 32px;}
  .esports .esports-wrap .down-wrap ul li a .name { margin-bottom: 8px; }
  .esports .history-wrap { position: relative; }
  .esports .history-wrap .title { left: 16px; top: 72px; }
  .esports .history-wrap::after { position: absolute; top: 250px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); width: 106px; height: 93px; background-image: url(../../../resources/images/common/icon_scroll.png); background-position: center; background-repeat: no-repeat; background-size: 100% auto; content:''; -webkit-animation: scroll 1.5s 3;
    animation: scroll 1.5s 3; opacity: 0;}
  .esports .history-wrap .history-slide li { padding-right: 24px; padding-top: 310px; }
  .esports .history-wrap .history-slide li .detail { padding-left: 16px; width: 236px; padding-top: 40px; padding-bottom: 142px; }
  .esports .history-wrap .history-slide li.active .detail { background: linear-gradient( to right, #B6082E calc(100% - 32px) , #000000 32px);}
  .esports .history-wrap .history-slide li .detail .year { font-size: 43px; top: -87px; left: 16px; }
  .esports .history-wrap .history-slide li .detail .month { font-size: 28px; }
  .esports .history-wrap .history-slide li .detail .img-wrap { width: 212px;}
  .esports .history-wrap .history-slide li .detail .text { margin-top: 24px; margin-bottom: 24px; }
  .esports .history-wrap .history-slide li .detail a { left: 16px; max-width: 150px; bottom: 80px; font-size: 12px; height: 38px; line-height: 36px; }
  .esports .history-wrap .history-slide li .detail a span::after { height: 38px; }
  .esports .history-wrap .custom-controls-wrap { right: auto; left: 16px; top: 125px;}
  .esports .history-wrap .custom-controls-wrap .custom-controls { width: 100px; height: 50px; }
  .esports .history-wrap .custom-controls .custom-slick-arrow { width: 50px; height: 50px; }

  /*404 page*/
  .error #contentsWrap { min-height: calc(100vh - 351px); padding-bottom: 80px; }
  .error .contents .error-wrap { padding-left: 20px; padding-right: 20px;}
}

@media ( max-width : 900px) { 
  /*pgc standing*/
  .standing.pcs.pgc .weekly-btn ul li { width: auto; padding-left: 6px; padding-right: 6px; }
}

@media ( max-width : 768px) { 
  /*common*/
  #contentsWrap > .contents{ float: left; min-height: calc(100vh - 440px); }
  #contentsWrap .depth2-menu-wrap .depth2-menu > div { width: 50%;}
  #contentsWrap .depth2-menu-wrap .depth2-menu > div ul { max-height: calc(100vh - 282px); overflow-x: initial !important; overflow-y: auto !important; }

  #footerWrap .bottom .left .etc-link > br { display: block; }
  #subVisual .title { padding: 0 18px !important; line-height: 32px !important; letter-spacing: 0; width: 100%; }

  #sponWrap {text-align: left; padding: 24px 20px; height: auto; margin: 0;}
  #sponWrap .spon > div.other-wrap { float: none; width: 100%; }
  #sponWrap .spon .intel-wrap a { padding-right: 0;}
  #sponWrap .spon .intel-wrap a:after { display: none; }

  #sponWrap .spon .logo-wrap.doubble a { max-width: 200px; float: none; }
  #sponWrap .spon .logo-wrap.doubble a + a{ margin-left: 0; margin-top: 16px; max-width: 230px;}


  #footerWrap .bottom { padding-top: 17px; padding-bottom: 122px; }
  #footerWrap .bottom .left { margin-left: 18px; margin-right: 18px; }
  #footerWrap .bottom .footer-logo.pc-hidden { margin-left: 18px; }
  #footerWrap .bottom .right { margin-left: 18px;}

  button.line { width: 90.6%; }

  /*overview*/ 
  .overview .view-wrap .visual-wrap { height: 500px; }
  .overview .view-wrap .visual-wrap .inner-wrap { padding: 40px 0 30px; }
  .overview .view-wrap .inner-wrap .title-wrap .title { font-size: 40px; line-height: 46px;}
  .overview .view-wrap .inner-wrap .info-wrap div p { width: 100%; }
  .overview .view-wrap .inner-wrap .info-wrap div p + p { margin-top: 32px; }
  .overview .view-wrap .text-wrap .inner-wrap { margin-top: -306px;}
  .overview .view-wrap .text-wrap .inner-wrap .desc-wrap { font-size: 14px; line-height: 25.5px; padding-top: 32px; }

  /*schedule*/ 
  .mo-title { display: block; position: relative; }  
  .shd-list .tab-contwrap .tab-cont .table-wrap { min-width: 865px !important; }
  .shd-list .tab-contwrap .tab-cont .table-wrap { min-width: 865px !important; }
  .shd-list .tab-contwrap .tab-cont > div > div > ul li .time p span + span { padding-left: 12px; }
  .shd-list .tab-contwrap .tab-cont > div > div > ul li .time p span:nth-child(2)::after { position: absolute; display:block; content:''; top:50%; left: 4px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); background: url(../../../resources/images/page/icon_time_g.png) no-repeat left center; background-size: 4px auto; width: 4px; height: 12px; }
  .shd-list .tab-contwrap .tab-cont > div > div > ul li .time p span + span + span { display: block; float: left; padding-left: 3px !important; font-size: 10px !important; font-weight: normal;  }
  .shd-list.pcs .tab-contwrap .tab-cont .table-wrap { min-width: 865px; }

  /*standing*/
  .standing.pcs .ranking-list-wrap .tablest { padding-bottom: 0; }
  .standing.pcs .pc-hidden { display: block !important; } 
  .standing.pcs .ranking-list-wrap .tablest .td { display: table-cell; vertical-align: middle; padding: 14px 9px; height: 92px; font-weight: 600; color: #fff; font-size: 16px;  padding:0; border-bottom: 1px solid #252628; word-break: break-all; text-align: center; }
  .standing.pcs .ranking-list-wrap .tablest.top-etc .tr { border-top: 1px solid #565656; border-bottom: 1px solid #565656; }
  .standing.pcs .ranking-list-wrap .tablest.top-etc .tr + .tr { margin-top: 24px; }
  .standing.pcs .ranking-list-wrap .tablest.top-etc .tr:nth-child(even) { background-color: #000;  }
  .standing.pcs .ranking-list-wrap .tablest.top-etc .tr:nth-child(odd) { background-color: #000;  }
  .standing.pcs .ranking-list-wrap .tablest.top .etc-data > div > div > p.rDhani { font-size: 32px; color: #fff; }
  .standing.pcs .ranking-list-wrap .tablest.top-etc .tr { overflow: hidden; display: block; }
  .standing.pcs .ranking-list-wrap .tablest.top-etc .tab-type { display: none !important; background-color: #000; }
  .standing.pcs .ranking-list-wrap .tablest.top-etc .tr .td { display: inline-block; height: 92px; float: left; padding: 18px 0px;  } 
  .standing.pcs .ranking-list-wrap .tablest.top-etc .tr .td.rank { width: 20% !important; line-height: 46px; background-color: #0B0E10; height: 78px;}
  .standing.pcs .ranking-list-wrap .tablest.top-etc .tr .td.team { width: 80% !important; display: table; background-color: #0B0E10; height: 78px;}
  .standing.pcs .ranking-list-wrap .tablest.top-etc .tr .td.team > span { display: table-cell; }
  .standing.pcs .ranking-list-wrap .tablest.top-etc .tr .td.team .logo { width: 54px; }
  .standing.pcs .ranking-list-wrap .tablest.top-etc .tr .td.prize { width: 33.33% !important; }
  .standing.pcs .ranking-list-wrap .tablest.top-etc .tr .td.avg { width: 50% !important; }
  .standing.pcs .ranking-list-wrap .tablest.top-etc .tr .pc-hidden { margin-bottom: 5px; }
  .standing.pcs .ranking-list-wrap .tablest.top-etc .tr .td.team .name { word-break: keep-all; }
  .standing.pcs .ranking-list-wrap .tablest.top-etc .tr .td.avg { width: 33.33% !important; }
  .standing.pcs .ranking-list-wrap .tablest.top-etc .tr .td .rDhani { font-size: 20px; }
  .standing.pcs .ranking-list-wrap .tablest.top-etc.avg4 .tr .td.prize { width: 50% !important;  }
  .standing.pcs .ranking-list-wrap .tablest.top-etc.avg4 .tr .td.avg { width: 50% !important;  }

  /*pgc standing*/
  /* .standing .ranking-list-wrap .tablest.top-etc .tr .td.team .tiket {width: auto;height: 23px;vertical-align: middle;margin-left: 4px; display: none;} */
  .standing.pcs.pgc .ranking-list-wrap .tablest.top-etc .tr.winner-team .td.team .name { float: left; width: calc(100% - 54px);}
  .standing.pcs.pgc .ranking-list-wrap .tablest.top-etc .tr.winner-team .td.team .logo { height: 40px; display: inline-block; float: left; }
  .standing.pcs.pgc .ranking-list-wrap .tablest.top-etc .tr.winner-team .td.team { height: 89px; overflow: hidden;}
  .standing.pcs.pgc .ranking-list-wrap .tablest.top-etc .tr.winner-team .td.rank { height: 89px; }
  .standing.pcs.pgc .ranking-list-wrap .tablest.top-etc .tr .td.avg .pc-hidden { height: 30px; }
  .standing.pcs.pgc .ranking-list-wrap .tablest.top-etc .tr .td.team span.winner {width: auto;height: 23px;vertical-align: middle;display: inline-block;}
  .standing.pcs.pgc .pgc-title {font-size: 20px; margin-bottom: 16px; }
  .standing.pcs.pgc .weekly-btn { width: 100%; margin-bottom: 0; }
  .standing.pcs.pgc .weekly-btn ul li { float: none; width: 100%; padding-left: 0; padding-right: 0; }
  .standing.pcs.pgc .weekly-btn ul li + li { margin-left:0; margin-top: 4px; }


  .teams .tab-wrap ul { overflow-x: auto; overflow-y: hidden; position: relative; display: flex; display: -webkit-flex; -webkit-overflow-scrolling: touch; }
  .teams .tab-wrap ul li { flex-shrink: 0;}
  .teams .tab-wrap ul li { width: auto !important; }
  .teams .tab-wrap ul li:first-child { border-left: 1px solid #252628; }
  .teams .tab-wrap ul li:first-child.active { border-left: 0; }
  .teams .tab-wrap .slick-slider .slick-arrow { display: none !important; }

   /*team_view*/ 
  .team-view .team-type ul { border-top: 0; height: 66px; overflow-x: auto; overflow-y: hidden; position: relative; display: flex; display: -webkit-flex; -webkit-overflow-scrolling: touch; }
  .team-view .team-type ul li { width: 72px !important; height: 66px; flex-shrink: 0; -webkit-flex-shrink: 0; float: left; border-right: 1px solid #252628;}
  .team-view .team-type ul li:first-child { border-left: 1px solid #252628; }
  .team-view .team-type ul li a { padding: 10px 13px; }
  .team-view .team-type ul li a .type-logo { margin-bottom: 0; width: 46px; height: 46px; }
  .team-view .team-type ul li a .type-logo img { width: 100%; }
  .team-view .team-type ul li a .type-name { display: none; }

  .profile .award-wrap .award-list .award-item ul li .info-wrap .money-wrap, .profile .award-wrap .award-list .award-item ul li .info-wrap .schedule-wrap { float: none;}
  .profile .award-wrap .award-list .award-item ul li .info-wrap .schedule-wrap { margin-right: 0; margin-left: 0; }
  .profile .award-wrap .award-list .award-item ul li .info-wrap > div > div + div { margin-left: 0; margin-top: 16px; margin-right: 0; }

  /*news*/
  .news .news-wrap { padding: 0 0 120px; }
  .news .news-wrap ul { margin: 0; }
  .news .news-wrap ul li { float: none; width: 100%; padding: 0 !important; margin-bottom: 24px;}
  .news .news-wrap ul li + li { margin-left: 0; }
  .news .news-wrap ul li a { height: 396px; }
  .news .news-wrap .more { margin-top: 40px;}
  .news .news-wrap ul li a .img-wrap { background-size: cover; background-position: center; }

  .news .view-wrap .back-btn { top:25px; left: 20px; }
  .news .view-wrap .back-btn button { width: 33px; height: 24px; }
  .news .view-wrap .title-wrap .filter > span { line-height: 26px; } 
  .news .view-wrap .title-wrap .title { font-size: 32px; line-height: 36px; margin-top: 15px; margin-bottom: 50px;}
  .news .view-wrap .title-wrap .info-wrap .write { font-size: 14px; line-height: 30px; }
  .news .view-wrap .title-wrap .info-wrap .write .writer,
  .news .view-wrap .title-wrap .info-wrap .write .line {display: none; }
  .news .view-wrap .title-wrap .info-wrap .sns { float: right; }
  .news .view-wrap .title-wrap .info-wrap .sns a + a { margin-left: 16px; }
  .news .view-wrap .text-wrap .inner-wrap { padding-top: 45px; }
  .news .view-wrap .text-wrap .inner-wrap .desc-wrap,
  .news .view-wrap .text-wrap .inner-wrap .desc-wrap.type02 { font-size: 14px; line-height: 25.5px; margin-bottom: 52px; }
  .news .view-wrap .text-wrap .inner-wrap .desc-wrap.type02 > div + div { margin-top: 40px; }
  .news .view-wrap .text-wrap .inner-wrap .desc-wrap .big .sub-title { font-size: 24px; line-height: 36px; margin-bottom: 16px; }
  .news .view-wrap .text-wrap .inner-wrap .desc-wrap .small .sub-title { font-size: 20px; line-height: 36px; }

  .news .view-wrap .banner-wrap a { padding-bottom: 0; }

  /*esports*/
  .esports .esports-wrap .visual-wrap { padding-top: 130px; }
  .esports .esports-wrap .visual-wrap .text-wrap { padding-bottom: 72px; padding-top: 150px; background-image: linear-gradient(180deg, rgba(0,0,0,0.00) 0%, #000000 46%); }
  .esports .esports-wrap .visual-wrap .text-wrap .title { font-size: 40px; }
  .esports .esports-wrap .visual-wrap .text-wrap .desc { font-size: 14px; }
  .esports .esports-wrap .down-wrap ul li a .name { font-size: 24px; }
  .esports .history-wrap .title { font-size: 24px; }

  .error #contentsWrap { padding-bottom: 56px; min-height: 0; } 
  .error .img-wrap img { max-width: 80%; }
  .error .desc-wrap { margin-bottom: 31px; }
  .error .contents .btn-wrap button { width: 250px; }
}

@media ( max-width : 576px) { 
  /*news*/
  .news .news-wrap ul li a .img-wrap { background-size: 100% auto; background-position: top center; }
}

@media ( max-width : 414px) { 
  /* standing */
  .standing .standing-list-wrap .tablest.top-etc .tr ul li .td { width: 50% !important; }
  .standing .standing-list-wrap .tablest.top-etc .tr ul li .td.total { width: 100% !important;}
  .standing .standing-list-wrap .tablest.top-etc .tr ul li .td.total p:first-child{ height: auto;}

   /* profile */

}
@media ( max-width : 380px) { 
  /*pgc standing*/
  .standing.pcs.pgc .ranking-list-wrap .tablest.top-etc .tr.winner-team .td.team { padding: 10px 0; overflow: hidden;}
  .standing.pcs.pgc .ranking-list-wrap .tablest.top-etc .tr.winner-team .td.rank { padding-top: 10px; }
}

@media ( max-width : 360px) { 
  /* #snsWrap a + a { margin-left: 8px; }

  #sponWrap { font-size: 24px; line-height: 32px;} */
  #sponWrap .spon .intel-wrap a img { width: 80px; }
  #sponWrap .spon .other-wrap ul li a img { width: 60px; }
}

@media ( min-width : 1440px) { 
  .news .news-wrap ul { margin-left: 16px; margin-right: 16px; }
  .news .news-wrap ul li { padding-left: 16px; padding-right: 16px; }
  .news .news-wrap ul li a { height: 0; padding-bottom: 100%;}
}
  @media ( min-width : 2000px) { 
    .news .news-wrap ul li a .img-wrap {  background-position: top -100px center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; }
  }

 /** Hover **/
 @media all and ( min-width:1120px ){

  #headerWrap nav .gnb > ul > li.has-2depth:hover .depth-wrap { display: block; } 
  #headerWrap nav .gnb > ul > li.has-2depth:hover > a { color:#B6082E; }
  #headerWrap nav .gnb > ul > li.has-2depth:hover > a::before{background-image: url(../../../resources/images/common/icon_select_sm_red.svg);}
  #headerWrap nav .gnb > ul > li.has-2depth .depth-wrap ul li a:hover span{text-decoration: underline; text-underline-position: under;}

  .players .search-wrap .search-item .btn-wrap button:hover,
  .allevent .search-wrap .btn-wrap button:hover,
  .filter-wrap > .btn-wrap button:hover,
  .filter-wrap .check-wrap .btn-wrap button.apply:hover { background-color: #9A0022;}

  .esports .esports-wrap .down-wrap ul li a:hover .name { font-size: 35px; }
  .esports .history-wrap .custom-controls .custom-slick-arrow:hover { opacity: 0.5;}
  .esports .history-wrap .slick-slide li:hover .img-wrap img{ transform: scale(1.1);}
  .esports .history-wrap .history-slide li .detail a:hover { background-color: #ffffff; color:#B6082E; }
  .esports .history-wrap .history-slide li .detail a:hover span::after { background: url(../../../resources/images/common/icon_go_circle_r.svg) no-repeat center;}

  #headerWrap nav .gnb > ul > li > a:hover { color: #B6082E; }

 }
 @media all and ( min-width:768px ){
  .slick-slider:hover .slick-arrow { opacity: 1;}
  #headerWrap .lang-select ul li:hover { background-color: #ECECEC; }
  
  .shd-list .tab-contwrap .tab-cont > div > div > ul li .go-view a:hover { background: url(../../../resources/images/page/img_btn_bg01.png) no-repeat center right/cover; }
  .shd-list .tab-contwrap .tab-cont > div > div > ul li .go-view a:hover span { background: transparent url(../../../resources/images/page/icon_arrow_w.png) no-repeat right center; }
  .shd-list .tab-contwrap .tab-cont > div > div > ul li .go-view a:hover span::after { background: transparent url(../../../resources/images/page/icon_arrow_w.png) no-repeat center/100% auto;} 

  .shd-list .tab-contwrap .tab-cont > div > div > ul li .go-view a.disable:hover { background: none; }
  .shd-list .tab-contwrap .tab-cont > div > div > ul li .go-view a.disable:hover span { background: transparent url(../../../resources/images/page/icon_arrow_line.png) no-repeat right center; }
  .shd-list .tab-contwrap .tab-cont > div > div > ul li .go-view a.disable:hover span::after { background: transparent url(../../../resources/images/page/icon_arrow_line.png) no-repeat center/100% auto;} 
  
  .teams .teams-wrap ul li a:hover .img-wrap img { transform: translate(-50%, -50%) scale(1.2); }

  /*news*/
  .news .news-wrap ul li a:hover .img-wrap { -webkit-transform: scale3D(1.2, 1.2, 1); transform: scale3D(1.2, 1.2, 1); opacity: 0.7;}
  .news .news-wrap ul li a:hover .text { padding-bottom: 55px; }
  .news .view-wrap .back-btn button:hover { background: url(../../../resources/images/common/btn_back_on.svg) no-repeat center/ 100% auto; }


 }