@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&display=swap");
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, button {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

b, strong {
  font-weight: bold;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* add */
a {
  text-decoration: none;
  color: inherit; }

button {
  background: transparent;
  padding: 0;
  margin: 0;
  border: 0;
  outline: none; }

img {
  border: 0;
  padding: 0;
  margin: 0;
  font-size: 0; }

/* font */
@font-face {
  font-family: 'NotoSansKR';
  font-weight: 200;
  src: url(../fonts/NotoSans-Light-39bc3dc0347163b6ddda1d24b334371e.eot);
  src: url(../fonts/NotoSans-Light-39bc3dc0347163b6ddda1d24b334371e.eot) format("embedded-opentype"), url(../fonts/NotoSans-Light-d04dd8702c5cc108a75e99f43ba7fcbb.woff) format("woff"); }
@font-face {
  font-family: 'NotoSansKR';
  font-weight: 300;
  src: url(../fonts/NotoSans-DemiLight-53abcd80ce413970f785275539cc3dab.eot);
  src: url(../fonts/NotoSans-DemiLight-53abcd80ce413970f785275539cc3dab.eot) format("embedded-opentype"), url(../fonts/NotoSans-DemiLight-0cebeac099c6b89e86bdc5a41622181a.woff) format("woff"); }
@font-face {
  font-family: 'NotoSansKR';
  font-weight: 400;
  src: url(../fonts/NotoSans-Regular-0589d1a2545498ab34da041416b4a3a9.eot);
  src: url(../fonts/NotoSans-Regular-0589d1a2545498ab34da041416b4a3a9.eot) format("embedded-opentype"), url(../fonts/NotoSans-Regular-53e1309e4fc9372afba4fd8f872a7aa5.woff) format("woff"); }
@font-face {
  font-family: 'NotoSansKR';
  font-weight: 500;
  src: url(../fonts/NotoSans-Medium-57efe8cefcd18f317aee1a426c22d08f.eot);
  src: url(../fonts/NotoSans-Medium-57efe8cefcd18f317aee1a426c22d08f.eot) format("embedded-opentype"), url(../fonts/NotoSans-Medium-024dc32a28bc99fe1a3e5f7628989a65.woff) format("woff"); }
@font-face {
  font-family: 'NotoSansKR';
  font-weight: 600;
  src: url(../fonts/NotoSans-Medium-57efe8cefcd18f317aee1a426c22d08f.eot);
  src: url(../fonts/NotoSans-Medium-57efe8cefcd18f317aee1a426c22d08f.eot) format("embedded-opentype"), url(../fonts/NotoSans-Medium-024dc32a28bc99fe1a3e5f7628989a65.woff) format("woff"); }
@font-face {
  font-family: 'NotoSansKR';
  font-weight: 700;
  src: url(../fonts/NotoSans-Bold-160e617ab431e6e945fe8186a2e63bb0.eot);
  src: url(../fonts/NotoSans-Bold-160e617ab431e6e945fe8186a2e63bb0.eot) format("embedded-opentype"), url(../fonts/NotoSans-Bold-a123e4ed0d51aa4487d91274a452a981.woff) format("woff"); }
@font-face {
  font-family: 'Campton';
  font-weight: 300;
  src: url(../fonts/Campton-Light-5c75428bd8b54c20a49f63938523270f.eot);
  src: url(../fonts/Campton-Light-5c75428bd8b54c20a49f63938523270f.eot) format("embedded-opentype"), url(../fonts/Campton-Light-cca3b033885d84c2de445c5925ce99c9.woff) format("woff"); }
@font-face {
  font-family: 'Campton';
  font-weight: 400;
  src: url(../fonts/Campton-Book-b0cdffcd9c121c46cd86f14142547455.eot);
  src: url(../fonts/Campton-Book-b0cdffcd9c121c46cd86f14142547455.eot) format("embedded-opentype"), url(../fonts/Campton-Book-58c3c7e9230d6379eb41bb2cd12d58e5.woff) format("woff"); }
@font-face {
  font-family: 'Campton';
  font-weight: 500;
  src: url(../fonts/Campton-Medium-d77f338f82a0d3e1e1ae1c1b9d2dc783.eot);
  src: url(../fonts/Campton-Medium-d77f338f82a0d3e1e1ae1c1b9d2dc783.eot) format("embedded-opentype"), url(../fonts/Campton-Medium-95e2f35824a35d9502603067d69e766c.woff) format("woff"); }
@font-face {
  font-family: 'Campton';
  font-weight: 600;
  src: url(../fonts/Campton-SemiBold-fdc8aea5a80c7b554c2ed43cea7a40ea.eot);
  src: url(../fonts/Campton-SemiBold-fdc8aea5a80c7b554c2ed43cea7a40ea.eot) format("embedded-opentype"), url(../fonts/Campton-SemiBold-8b19df4c7ef6b504f89c371830505d38.woff) format("woff"); }
@font-face {
  font-family: 'Campton';
  font-weight: 700;
  src: url(../fonts/Campton-Bold-850694513901c8f9d5c711c48569d2b8.eot);
  src: url(../fonts/Campton-Bold-850694513901c8f9d5c711c48569d2b8.eot) format("embedded-opentype"), url(../fonts/Campton-Bold-bf5de56402aec6a1ca32fa344ea0743d.woff) format("woff"); }
@font-face {
  font-family: 'Campton';
  font-weight: 800;
  src: url(../fonts/Campton-ExtraBold-172d535eb6f8f599a98a5cfbef60d130.eot);
  src: url(../fonts/Campton-ExtraBold-172d535eb6f8f599a98a5cfbef60d130.eot) format("embedded-opentype"), url(../fonts/Campton-ExtraBold-3f6486de3ebe5de00a69cf1f993ff0ce.woff) format("woff"); }
@font-face {
  font-family: 'Campton';
  font-weight: 900;
  src: url(../fonts/Campton-Black-13906bd69398c5ae1b6f7dd8c068c1a0.eot);
  src: url(../fonts/Campton-Black-13906bd69398c5ae1b6f7dd8c068c1a0.eot) format("embedded-opentype"), url(../fonts/Campton-Black-5ccd6d5d4562dd08f2afde216a2c168f.woff) format("woff"); }

  @font-face {
    font-family: 'GmarketSans';
    font-weight: 700;
    src: url(../fonts/GmarketSansBold-d49f46d24559ebb5f147e61e2082498d.otf);}
  @font-face {
    font-family: 'GmarketSans';
    font-weight: 400;
    src: url(../fonts/GmarketSansMedium-dcdb13e415566997f4a392e29ddfdd90.otf);}
    @font-face {
      font-family: 'GmarketSans';
      font-weight: 200;
      src: url(../fonts/GmarketSansLight-84cd2c3f2cd25d958fde6d8d7aed89bc.otf);}
.bg-default {
  background: #222222 !important; }

.txt-default {
  color: #222222 !important; }

.btn-default {
  background: #222222 !important;
  color: #fff;
  border-color: #222222; }

.bg-primary {
  background: #001c48 !important; }

.txt-primary {
  color: #001c48 !important; }

.btn-primary {
  background: #001c48 !important;
  color: #fff;
  border-color: #001c48; }

.bg-primary-dark {
  background: #021d46 !important; }

.txt-primary-dark {
  color: #021d46 !important; }

.btn-primary-dark {
  background: #021d46 !important;
  color: #fff;
  border-color: #021d46; }

.bg-primary-light {
  background: #b9c1cd !important; }

.txt-primary-light {
  color: #b9c1cd !important; }

.btn-primary-light {
  background: #b9c1cd !important;
  color: #fff;
  border-color: #b9c1cd; }

.bg-secondary {
  background: #ee2529 !important; }

.txt-secondary {
  color: #ee2529 !important; }

.btn-secondary {
  background: #ee2529 !important;
  color: #fff;
  border-color: #ee2529; }

.bg-placeholder {
  background: #c1c1c1 !important; }

.txt-placeholder {
  color: #c1c1c1 !important; }

.btn-placeholder {
  background: #c1c1c1 !important;
  color: #fff;
  border-color: #c1c1c1; }

.bg-blue {
  background: #0061af !important; }

.txt-blue {
  color: #0061af !important; }

.btn-blue {
  background: #0061af !important;
  color: #fff;
  border-color: #0061af; }

.bg-blue-light {
  background: #5b8ebd !important; }

.txt-blue-light {
  color: #5b8ebd !important; }

.btn-blue-light {
  background: #5b8ebd !important;
  color: #fff;
  border-color: #5b8ebd; }

.bg-gray {
  background: #737373 !important; }

.txt-gray {
  color: #737373 !important; }

.btn-gray {
  background: #737373 !important;
  color: #fff;
  border-color: #737373; }

.bg-red {
  background: #fa3232 !important; }

.txt-red {
  color: #fa3232 !important; }

.btn-red {
  background: #fa3232 !important;
  color: #fff;
  border-color: #fa3232; }

.bg-bg-gray {
  background: #f3f3f3 !important; }

.txt-bg-gray {
  color: #f3f3f3 !important; }

.btn-bg-gray {
  background: #f3f3f3 !important;
  color: #fff;
  border-color: #f3f3f3; }

.bg-sub-bg {
  background: #f2f3f6 !important; }

.txt-sub-bg {
  color: #f2f3f6 !important; }

.btn-sub-bg {
  background: #f2f3f6 !important;
  color: #fff;
  border-color: #f2f3f6; }

.bg-border {
  background: #d9dde4 !important; }

.txt-border {
  color: #d9dde4 !important; }

.btn-border {
  background: #d9dde4 !important;
  color: #fff;
  border-color: #d9dde4; }

.bg-border-light {
  background: #e8eaee !important; }

.txt-border-light {
  color: #e8eaee !important; }

.btn-border-light {
  background: #e8eaee !important;
  color: #fff;
  border-color: #e8eaee; }

/* Common S */
html {
  width: 100%;
  min-width: 85.7142857143rem;
  font-family: 'NotoSansKR', Arial, sans-serif;
  font-size: 14px;
  color: #222222;
  line-height: 1; }
html body {
  width: 100%; }
html .campton {
  font-family: 'Campton', 'NotoSansKR', sans-serif; }
html .roboto {
  font-family: 'Roboto', 'NotoSansKR', sans-serif; }
html button {
  cursor: pointer;
  color: #222222; }

.hidden {
  text-indent: -9999px;
  font-size: 0;
  overflow: hidden;
  position: absolute; }

.f-wrap:after {
  content: '';
  display: block;
  clear: both; }
.f-wrap > .left {
  display: block;
  float: left; }
.f-wrap > .right {
  display: block;
  float: right; }

.al-right {
  text-align: right; }

.al-left {
  text-align: left; }

.a-link {
  color: #0061af; }
.a-link:hover {
  text-decoration: underline; }

.tab-btns > li {
  cursor: pointer; }
.tab-btns.sub {
  display: table;
  width: 100%;
  background: #fff;
  border: 0.0714285714rem solid #d9dde4;
  table-layout: fixed; }
.tab-btns.sub li {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  height: 4.2857142857rem; }
.tab-btns.sub li span {
  position: relative;
  display: block;
  font-size: 1rem;
  font-weight: 500;
  color: rgba(0, 28, 72, 0.45); }
.tab-btns.sub li span:after {
  content: '';
  width: 0.1428571429rem;
  height: 1.4285714286rem;
  background: #001c48;
  opacity: .15;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0%, -50%);
  -moz-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  -o-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  right: 0; }
.tab-btns.sub li.active span {
  color: #001c48;
  font-weight: 900; }
.tab-btns.sub li:last-of-type span:after {
  display: none; }
.tab-btns.sub li.link span {
  height: 4.2857142857rem; }
.tab-btns.sub li.link span a {
  display: block;
  line-height: 4.2857142857rem; }
.tab-btns.btn-style button {
  min-width: 6.4285714286rem;
  height: 2.7142857143rem;
  line-height: 2.5714285714rem;
  background: #f7f7f7;
  border: solid 0.0714285714rem rgba(0, 28, 72, 0.1);
  text-align: center;
  font-size: 0.9285714286rem;
  font-weight: 500;
  color: rgba(0, 28, 72, 0.45); }
.tab-btns.btn-style button.active {
  color: #fff;
  background: #001c48; }
.tab-btns.btn-style button + button {
  margin-left: 0.7142857143rem; }

.btn-cont {
  display: block; }
/* .btn-cont.active {
    display: block; } */

.tab-con-wrap .cont {
  height: 0;
  opacity: 0;
  overflow: hidden;
  visibility: hidden; }
.tab-con-wrap .cont.active {
  height: auto;
  opacity: 1;
  overflow: visible;
  visibility: visible; }

.center {
  text-align: center; }

table {
  width: 100%; }
table th {
  font-weight: 500;
  padding: 0.5714285714rem;
  border: 1px solid #ccc;}
  table th[rowspan]:not(:last-child) {border-right: 1px solid #ccc;}
table td {
  border-bottom: 1px solid #e2e2e2; }
  table td + * {border-left: 1px solid #e2e2e2;}
  table td[rowspan]:not(:last-child) {border-right: 1px solid #e2e2e2;}

table.style2 th {
  box-sizing: border-box;
  background: #bac2cf;
  color: #fff;
  font-weight: 500;
  height: 3.83rem;
  vertical-align: middle;
  border-top: 0;
  border-left: 0;
  border-bottom: 0.1428571429rem solid #f2f3f6;
  border-right: 0.1428571429rem solid #f2f3f6;}
table.style2 td {
  box-sizing: border-box;
  background: #fff;
  font-weight: 500;
  height: 3.83rem;
  vertical-align: middle;
  border-top: 0;
  border-bottom: 0.1428571429rem solid #f2f3f6;
  border-right: 0.1428571429rem solid #f2f3f6;}

/* gallery S */
.gall {
  width: 100%; }
.gall > .l-box {
  width: 100%;
  margin: 0 0 0.9285714286rem;
  padding: 0; }
.gall > .l-box > a {
  display: block;
  height: 23.4285714286rem;
  background: transparent;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }
.gall > .l-box > a .img-box {
  position: relative;
  width: 58%;
  height: 100%;
  overflow: hidden; }
.gall > .l-box > a .img-box:after {
  display: none; }
.gall > .l-box > a .txt-box {
  width: 42%;
  height: 100%;
  background: rgba(8, 15, 51, 0.75);
  color: #fff;
  padding: 7.5rem 2.8571428571rem 0 2.6428571429rem;
  box-sizing: border-box; }
.gall > .l-box > a .txt-box .sort {
  padding: 0 0 1.0714285714rem; }
.gall > .l-box > a .txt-box .name {
  font-size: 1.7142857143rem;
  font-weight: 700;
  line-height: 1.4;
  padding: 0 0 0.8571428571rem;
  word-break: keep-all;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  display: -webkit-box;
  height: 4.2rem;
}
.gall > .l-box > a .txt-box .s-txt {
  font-size: 0.8571428571rem;
  line-height: 1.4;
  font-weight: 400;
  display: inline-block;
  width: 17rem;
  text-overflow: ellipsis;
  word-break: break-word;
  white-space: nowrap;
  overflow: hidden;}
.gall > .l-box > a .txt-box .btn-more {
  margin-top: 2rem;
  display: inline-block;}
.gall > .l-box > a:hover .img-box {
  opacity: .8; }
.gall > .l-box > a:hover .txt-box .name {
  text-decoration: underline; }
.gall li {
  float: left;
  width: calc(33.33% - 0.5714285714rem);
  padding-right: 0.8571428571rem; }
.gall li.last {
  padding-right: 0; }
.gall li > a {
  position: relative;
  display: block;
  width: 100%;
  height: 12.8571428571rem;
  background: #000; }
.gall li > a .img-box {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  z-index: 1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }
.gall li > a .img-box > img {
  display: block;
  background-color: #222;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 100%;
}
.gall li > a .img-box:hover > img {opacity: 1;}
.gall li > a .img-box:after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(../images/thum_bg-5dd7ab9f02312ee36e96d9e48a24b89e.png) no-repeat center bottom;
  background-size: cover;
  bottom: 0;
  left: 0;
  z-index: 2; }
.gall li > a .sort {
  display: block;
  color: #ee2529;
  font-size: 0.7142857143rem;
  font-weight: 700;
  margin-bottom: 0.3571428571rem;
  padding-top: 7.7857142857rem;
  padding-left: 1.1428571429rem;
  position: relative;
  z-index: 4; }
.gall li > a .name {
  display: block;
  color: #fff;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.4;
  padding: 0 1.1428571429rem;
  position: relative;
  z-index: 4; }
.gall li > a:hover .name {
  text-decoration: underline; }
.gall li > a > .img-box > .name {height: 2.6rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;}
.gall.style2 .img-box {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: #000; }
.gall.style2 .img-box img {
  display: block;
  opacity: .7;
  max-width: 100%;
  max-height: none;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
.gall.style2 .img-box .icon {
  opacity: 1;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
.gall.style2 .img-box:after {
  display: none; }
.gall.style2 .txt-box {
  box-sizing: border-box;
  font-weight: 500; }
.gall.style2 .txt-box .name {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.4; }
.gall.style2 .txt-box .sort {
  padding: 0;
  font-weight: 500; }
.gall.style2 .txt-box .sort span {
  display: inline-block;
  position: relative; }
.gall.style2 .txt-box .sort span:first-of-type {
  padding-left: 0; }
.gall.style2 .txt-box .sort span:after {
  content: '';
  display: block;
  position: absolute;
  width: 0.0714285714rem;
  height: 100%;
  background: #021d46;
  top: 50%;
  right: 0;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%); }
.gall.style2 .txt-box .sort span:last-of-type:after {
  display: none; }
.gall.style2 .txt-box .sort span:after {
  height: 70%; }
.gall.style2 .txt-box .sort span:nth-of-type(1) {
  padding-right: 0.5714285714rem;
  margin-right: 0.5714285714rem; }
.gall.style2 a:hover .img-box img {
  opacity: 1; }
.gall.style2 a:hover .name {
  text-decoration: underline; }
.gall.style2 > .l-box {
  width: calc(50% - 0.5rem); }
.gall.style2 > .l-box .img-box {
  height: 16.5714285714rem; }
.gall.style2 > .l-box .txt-box {
  background: #001c48;
  color: #fff;
  padding: 2.1428571429rem 1.4285714286rem;
  height: 11.1428571429rem; }
.gall.style2 > .l-box .txt-box .name {
  font-size: 1.3571428571rem;
  padding-bottom: 1.0714285714rem; }
.gall.style2 > .l-box .txt-box .sort {
  font-size: 1rem; }
.gall.style2 > .l-box .txt-box .sort span:after {
  background: #fff; }
.gall.style2 > .l-box:hover .img-box img {
  opacity: 1; }
.gall.style2 > .right {
  width: calc(50% - 0.5rem); }
.gall.style2 li {
  width: calc(50% - 0.4285714286rem);
  padding-right: 0.84rem;
  padding-bottom: 0.8571428571rem; }
.gall.style2 li:nth-of-type(2n) {
  padding-right: 0; }
.gall.style2 li > a {
  background: #fff;
  width: 100%;
  height: auto; }
.gall.style2 li > a .img-box {
  opacity: 1;
  width: 100%;
  height: 8.0714285714rem;
  background: #000; }
.gall.style2 li > a .img-box img {
  max-height: none;
  height: auto;
  max-width: 100%;
  display: block;
  opacity: .7;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
.gall.style2 li > a .img-box .icon {
  background-color: transparent;
  width: auto;
  height: auto;
  opacity: 1;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
.gall.style2 li > a .txt-box {
  width: 100%;
  height: 5.3571428571rem;
  box-sizing: border-box;
  padding: 1.0714285714rem 1.1428571429rem; }
.gall.style2 li > a .txt-box .name {
  color: #222222;
  font-size: 1rem;
  padding: 0 0 0.6428571429rem; }
.gall.style2 li > a .txt-box .sort {
  color: #737373;
  font-size: 0.7857142857rem; }
.gall.style2 li > a:hover .img-box img {
  opacity: 1; }
.gall.style2.ea3 li {
  width: calc(33.33% - 0.5714285714rem);
  margin-bottom: 1rem;
  padding: 0 0.8571428571rem 0 0; }
.gall.style2.ea3 li:nth-of-type(3n) {
  padding: 0; }
.gall.style2.ea3 li .img-box {
  height: 10.9285714286rem; }
.gall.style2.ea3 li .txt-box {
  height: 7.1428571429rem;
  padding: 1.4285714286rem; }
.gall.style2.ea3 li .txt-box .name {
  padding-bottom: 1.0714285714rem; }
.gall.style3 a {
  background: transparent;
  height: auto; }
.gall.style3 a:hover .name {
  text-decoration: underline; }
.gall.style3 li {
  width: calc(33.33% - 0.5714285714rem);
  margin-bottom: 1rem;
  padding: 0 0.8571428571rem 0 0; }
.gall.style3 li:nth-of-type(3n) {
  padding: 0; }
.gall.style3 li .img-box {
  height: 10.9285714286rem; }
.gall.style3 li .img-box:after {
  display: none; }
.gall.style3 li .date {
  display: block;
  font-size: 0.7142857143rem;
  color: #8d93a1;
  padding: 1.0714285714rem 0 0.7142857143rem;
  font-weight: 700; }
.gall.style3 li .name {
  display: block;
  width: 100%;
  height: auto;
  font-weight: 700;
  font-size: 1.0714285714rem;
  line-height: 1.4;
  padding: 0;
  color: #222222; }
.gall.style3 li .views {
  font-size: 0.7142857143rem;
  color: #2a2a2c;
  display: block;
  padding-top: 0.3571428571rem; }

.thum-list {
  width: 100%; }
.thum-list li {
  width: calc(25% - 0.6428571429rem);
  float: left;
  margin: 0 0.8571428571rem 2.8571428571rem 0; }
.thum-list li:nth-of-type(4n) {
  margin-right: 0; }
.thum-list li > a {
  display: block; }
.thum-list li .img-box {
  position: relative;
  background: #000;
  width: 100%;
  height: 13.2142857143rem;
  overflow: hidden; }
.thum-list li .img-box img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  width: auto;
  height: auto;
  max-width: 100%;
}
.thum-list li .txt-box {
  position: relative;
  width: 100%;
  height: 130px;
  padding: 1.5714285714rem;
  background: #fff;
  box-sizing: border-box; }
.thum-list li .txt-box:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0.2857142857rem;
  background-image: linear-gradient(to right, #ee2529, #001c48); }
.thum-list li .txt-box > span {
  display: table;
  font-size: 0.7142857143rem;
  font-weight: 500;
  text-transform: uppercase;
  background: #001c48;
  color: #fff;
  width: fit-content;
  height: 1.2rem;
  box-sizing: border-box;
  text-align: center;
  line-height: 1.6em;
  margin-bottom: 10px;
  padding: 0 0.4rem}
.thum-list li .txt-box > span.red {
  background: #ee2529;
}
.thum-list li .txt-box .name {
  display: -webkit-box;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.4;
  height: 2.8rem;
  word-break: keep-all;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  margin-bottom: 0.8rem;
}
.thum-list li .txt-box .sort {
  font-size: 0.8571428571rem;
  font-weight: 500;
  text-transform: uppercase;
  color: #737373; }
.thum-list li .txt-box .sort span {
  display: inline-block;
  position: relative;
  padding-right: 0.6428571429rem; }
.thum-list li .txt-box .sort span:first-of-type {
  padding-left: 0; }
.thum-list li .txt-box .sort span:after {
  content: '';
  display: block;
  position: absolute;
  width: 0.0714285714rem;
  height: 80%;
  background: #021d46;
  top: 50%;
  right: 0;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%); }
.thum-list li .txt-box .sort span:last-of-type:after {
  display: none; }
.thum-list li .txt-box .sort span + span {
  padding-left: 0.5rem; }
.thum-list li a:hover .img-box img {
  opacity: .8; }
.thum-list li a:hover .name {
  text-decoration: underline; }
.thum-list.video-list li .img-box {
  height: 11.4285714286rem; }
.thum-list li .img-box img {
  opacity: .5; }
.thum-list.video-list li .img-box:after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 4.5714285714rem;
  height: 4.5714285714rem;
  background: url(../images/icon/ico_play_m-46bd8f48bfcaa9954e9307b187df0068.png) no-repeat center center;
  background-size: 100%; }
.thum-list.video-list li .txt-box {
  height: 130px; }
.thum-list.video-list li a:hover .img-box img {
  opacity: 1; }

/* gallery E */
/* team box S */
.team-box.jeonbuk {
  background: #0d703f;
  color: #fff; }
.team-box.seoul {
  background: #cc091c;
  color: #fff; }
.team-box.daegu {
  background: #9fd2f1;
  color: #fff; }
.team-box.ulsan {
  background: #f9be00;
  color: #004096; }
.team-box.gangwon {
  background: #0a605a;
  color: #f9be00; }
.team-box.gwangju {
  background: #c70026;
  color: #fff; }

/* team box E */
/* board S */
.board-tit {
  width: 100%;
  background: #fff;
  box-sizing: border-box;
  padding: 2rem 3.5714285714rem;
  line-height: 1.4;
  margin-top: 3.5714285714rem;
  margin-bottom: 0.7142857143rem; }
.board-tit .str {
  font-size: 1.7142857143rem;
  font-weight: 700; }

.board-box {
  margin: 0.7142857143rem 0;
  background: #fff; }
.board-box .board-top {
  padding: 0.8571428571rem 3.5714285714rem;
  border-bottom: 0.1428571429rem solid #f2f3f6; }
.board-box .board-top > span {
  display: inline-block;
  line-height: 2.5714285714rem;
  font-weight: 700; }
.board-box .board-top > span:nth-child(2) {
  margin-left: 1.4285714286rem; }
.board-box .board-top > span.roboto {
  font-weight: 500;
  color: #737373;}
.board-box .board-top .sns-wrap {
  float: right; }
.board-box .board-top .sns-wrap a {
  display: block;
  float: left;
  margin-left: 0.1428571429rem; }
.board-box .board-con {
  padding: 3.4285714286rem 3.5714285714rem 4.2857142857rem;
  border-bottom: 0.1428571429rem solid #f2f3f6;
  line-height: 2rem;
}
.board-box .board-con p {
  margin-bottom: 1rem;
}
.board-box .board-con a {
  color: #337ab7;
}
.board-box .board-con a:hover {
  text-decoration: underline;
}
.board-box .board-con img {
  max-width: 900px;
  width: 100%;
}
.board-box .board-con img + .txt {
  padding: 2.8571428571rem 0 0; }
.board-box .board-con .txt {
  line-height: 1.6; }
.board-box .board-con > p span {
  line-height: 1.8;
  font-family: 'Campton', 'NotoSansKR', sans-serif!important;
  font-size: 1.2rem!important;
}

.board-box .board-bottom {
  text-align: center;
  position: relative;
  padding: 2.1428571429rem 3.5714285714rem; }
.board-box .board-bottom button {
  vertical-align: middle; }
.board-box .board-bottom .btn-prev {
  position: absolute;
  left: 3.5714285714rem;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }
.board-box .board-bottom .btn-next {
  position: absolute;
  right: 3.5714285714rem; }
.board-box .board-list {
  border-top: 0.7142857143rem solid #f2f3f6;
  background: #fff; }
.board-box .board-list .item {
  border-bottom: 0.1428571429rem solid #f2f3f6;
  padding: 1.7142857143rem 3.5714285714rem;
  display: table;
  box-sizing: border-box;
  width: 100%; }
.board-box .board-list .item > span {
  display: table-cell; }
.board-box .board-list .item > span a {
  font-weight: 700;
  line-height: 1.4; }
.board-box .board-list .item > span a:hover {
  text-decoration: underline; }
.board-box .board-list .item .s-txt {
  width: 5rem; }

.board-list table {
  border-top: 0.1428571429rem solid #001c48;
  font-weight: 500;
  margin-bottom: 2.8571428571rem; }
.board-list table th {
  background: #fff;
  border: 0;
  border-bottom: 0.5714285714rem solid #f2f3f6;
  color: #9b9faa;
  font-size: 0.8571428571rem;
  padding: 1.0714285714rem 0 1rem; }
.board-list table td {
  background: #fff;
  border: 0;
  font-size: 1rem;
  padding: 1.2142857143rem 0.7142857143rem;
  line-height: 1.4;
  border-bottom: 0.1428571429rem solid #f2f3f6; }
.board-list table td.al-left {
  text-align: left; }
.board-list table td a:hover {
  text-decoration: underline; }

/* board E */
/* pagination S */
.pagination {
  display: inline-block;
  text-align: center;
  margin: 1.4285714286rem 0 0; }
.pagination li {
  display: block;
  float: left;
  margin: 0 0 0 0.2857142857rem;
  line-height: 2rem;
  height: 2rem;
  width: 2rem;
  padding: 0;
  box-sizing: border-box;
  cursor: pointer;
  background: #fff;
  color: #c6c8ca;
  font-size: 0.9285714286rem; }
.pagination li.active {
  background: #001c48;
  color: #fff; }
.pagination li:hover {
  opacity: .7; }
.pagination li.prev, .pagination li.next, .pagination li.first, .pagination li.last {
  position: relative;
  text-align: center;
  background-size: auto 225%;
  background-repeat: no-repeat;
  background-image: url(../images/icon/ico_pagination@3x-71fdd0805d9d2c301170f4b56e671672.png); }
.pagination li.prev > span, .pagination li.next > span, .pagination li.first > span, .pagination li.last > span {
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  text-indent: -9999px; }
.pagination li.first {
  background-position: 0 -2.4285714286rem;
  margin: 0; }
.pagination li.first.disabled {
  pointer-events:none;
  background-position: 0 0; }
.pagination li.prev {
  background-position: -2.4285714286rem -2.4285714286rem;
  margin-right: 0.4285714286rem; }
.pagination li.prev.disabled {
  pointer-events:none;
  background-position: -2.4285714286rem 0; }
.pagination li.next {
  background-position: -4.8rem -2.4285714286rem;
  margin-left: 0.7142857143rem; }
.pagination li.next.disabled {
  pointer-events:none;
  background-position: -4.8rem 0; }
.pagination li.last {
  background-position: -7.2857142857rem -2.4285714286rem; }
.pagination li.last.disabled {
  pointer-events:none;
  background-position: -7.2857142857rem 0; }

/* pagination E*/
/* select-wrap S */
.select-wrap {
  background: #fff;
  margin: 2.1428571429rem 0 3.5714285714rem;
  border: 0.0714285714rem solid #d9dde4; }
.select-wrap .select-box {
  position: relative;
  float: left;
  border: 0;
  padding-right: 1.7142857143rem; }
.select-wrap .select-box label {
  width: 3rem;
  display: inline-block;
  padding: 0 0.2142857143rem 0 1.7142857143rem;
  font-weight: 500;
  font-size: 0.8571428571rem; }
.select-wrap .select-box select {
  height: 4.2857142857rem;
  font-size: 1.0714285714rem;
  color: #001c48;
  cursor: pointer;
  font-weight: 700;
  width: auto;
  min-width: 10.7142857143rem;
  background-position: right center; }
.select-wrap .select-box:after {
  content: '';
  position: absolute;
  right: 0;
  top: 1.4285714286rem;
  width: 0.1428571429rem;
  height: 1.4285714286rem;
  background: rgba(0, 28, 72, 0.15); }
.select-wrap .select-box .calendar {
  height: 4.2857142857rem;
  font-size: 1.0714285714rem;
  font-weight: 700;
  color: #001c48;
  padding: 0 1.1428571429rem; }
.select-wrap .select-box .calendar + button img {
  position: relative;
  top: 0.2142857143rem; }
.select-wrap.table-style {
  display: table;
  width: 100%;
  table-layout: fixed; }
.select-wrap.table-style .select-box {
  display: table-cell;
  float: none;
  padding-right: 0; }
.select-wrap.table-style .select-box input {
  width: calc(100% - 6.4285714286rem); }
.select-wrap.table-style .select-box select {
  width: calc(100% - 7rem); }
.select-wrap.table-style .select-box:nth-last-child(1):after {
  display: none; }

.select-wrap.hide-wrap .hide {
  visibility: hidden;
  opacity: 0; }

.select-page {
  display: none; }
.select-page1 {
  display: none; }
.select-page2 {
  display: none; }
.select-page3 {
  display: none; }
.select-page4 {
  display: none; }
.select-page5 {
  display: none; }
.select-page.show {
  display: block; }
.select-page1.show {
  display: block; }
.select-page2.show {
  display: block; }
.select-page3.show {
  display: block; }
.select-page4.show {
  display: block; }
.select-page5.show {
  display: block; }

/* select-wrap E */
/* tooltip S */
.tooltip {
  position: relative;
  display: inline-block;
  z-index: 2000;
  width: 100%;
  height: 100%;
  opacity: 1; }
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1; }
.tooltip .tooltiptext {
  z-index: 2000;
  visibility: hidden;
  width: 8.5714285714rem;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 0.4285714286rem;
  padding: 0.3571428571rem 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -4.2857142857rem;
  transition: opacity 0.3s; }
.tooltip .tooltiptext:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -0.3571428571rem;
  border-width: 0.3571428571rem;
  border-style: solid;
  border-color: #555 transparent transparent transparent; }

/* tooltip E */
/* progress bar S */
.bar-wrap {
  text-align: center; }
.bar-wrap li {
  display: table;
  width: 100%;
  margin-bottom: 1.5rem; }
.bar-wrap li:last-of-type {
  margin: 0; }
.bar-wrap li > div {
  display: table-cell;
  font-weight: 700; }
.bar-wrap li .score {
  vertical-align: middle;
  width: 6.4285714286rem; }
.bar-wrap li .title {
  width: 8rem;
}
.bar-wrap li .prg {
  vertical-align: middle;
  width: 30.9285714286rem; }
.bar-wrap li .prg .progress {
  position: relative;
  width: 100%;
  height: 0.7142857143rem;
  background: #f2f3f6;
  border-radius: 0.3571428571rem; }
.bar-wrap li .prg .progress.po-left .progress-bar {
  right: 0;
  left: auto;
  background: #ee2529; }
.bar-wrap li .prg .progress-bar {
  position: absolute;
  height: 100%;
  left: 0;
  right: auto;
  border-radius: 0.3571428571rem;
  background: #0061af; }

/* progress bar E */
/* player list S */
.player-list li {
  width: calc(25% - 0.5714285714rem);
  margin: 0 0.4285714286rem 2.8571428571rem 0;
  display: inline-block;
  vertical-align: top; }
.player-list li:nth-of-type(4n) {
  margin-right: 0; }
.player-list li > a {
  display: block; }
.player-list li > a:hover .txt-box .left {
  text-decoration: underline; }
.player-list li .img-box {
  position: relative;
  width: 100%;
  height: 21.9285714286rem;
  background: url(../images/player_bg-d66e9ca2e0d3a215245412499ec0502d.png) no-repeat 0 0;
  background-size: cover; }
.player-list li .img-box > img {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
  -moz-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  -o-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  bottom: 0;
  max-width: 120%; }
.player-list li .txt-box {
  background: #fff;
  padding: 2.1428571429rem; }
.player-list li .txt-box > span {
  display: block;
  font-size: 1.2857142857rem;
  font-weight: 700; }
.player-list li .txt-box > span .small {
  color: #737373;
  font-size: 1rem;
  font-weight: 500;
  display: inline-block;
  margin-left: 0.3571428571rem; }
.player-list li .txt-box .left {
  width: calc(100% - 3.9285714286rem); }
.player-list li .txt-box .right {
  font-weight: 600;
  color: #ee2529;
  font-style: italic; }

/* player list E */
/* table S */
.table-wrap {
  position: relative; }
.table-wrap .s-txt {
  font-size: 1rem;
  font-weight: 500;
  font-family: 'Campton', 'NotoSansKR', sans-serif;
  line-height: 180%;
  color: rgba(0, 28, 72, 0.45);
  padding-bottom: 1.4285714286rem; }
.table-wrap table {
  text-align: center;
  font-family: 'Campton', 'NotoSansKR', sans-serif;
  border-top: 0.1428571429rem solid #001c48;
  border-collapse: collapse; }
.table-wrap th {
  background: #fff;
  border: 0;
  border-bottom: 1px solid #ccc;
  font-size: 0.8571428571rem;
  font-weight: 500;
  padding: 1.0714285714rem 0 1rem;
  vertical-align: middle; background-color: #eee;}
  .table-wrap th + * {border-left: 1px solid #ccc;}
.table-wrap th.no-bl {
  border-bottom: 0rem; }
.table-wrap td {
  background: #fff;
  font-weight: 500;
  vertical-align: middle;
  border-color: #e2e2e2;
  box-sizing: border-box;
  height: 60px;
}
.table-wrap td img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.3571428571rem; }
.table-wrap .th-line th {
  border-left: 0.1428571429rem solid #f2f3f6; }
.table-wrap .th-line .no-bl {
  border-bottom: 0.1428571429rem solid #f2f3f6; }
.table-wrap .th-line tr:nth-of-type(2) th {
  border-top: 0; }
.table-wrap .empty td {
  padding: 7.1428571429rem 0; }

/* table E */
/* 준비중 S */
.preparing {
  text-align: center;
  margin-top: 4.2857142857rem; }
.preparing > img {
  display: block;
  margin: 3.7142857143rem auto; }
.preparing strong {
  display: block;
  font-weight: 700;
  font-size: 1.2857142857rem;
  color: #8d93a1; }
.preparing p {
  line-height: 1.6;
  font-size: 1.1428571429rem;
  padding: 2.6428571429rem 0 5rem; }

/* 준비중 E */
/* list S */
.dot-list {
  margin: 0.7142857143rem 0; }
.dot-list li {
  position: relative;
  padding: 0 0.7142857143rem 0.3571428571rem 0.7142857143rem; }
.dot-list li .dot {
  position: absolute;
  left: 0;
  top: 0; }

/* list E */
/* 날짜 선택 S */
.date-wrap {
  background: #fff;
  padding: 1.6428571429rem 2.8571428571rem;
  margin-bottom: 1.4285714286rem;}
.date-wrap .select-box {
  position: relative;
  display: inline-block;
  border: 0; }
.date-wrap .select-box > span {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 1.7142857143rem;
  font-weight: 700;
  font-family: 'Campton', 'NotoSansKR', sans-serif;
  background: #fff;
  width: 100%;
  height: 100%;
  z-index: 0;
  line-height: 2.7142857143rem;
  color: #001c48;
  border: 0;
  cursor: pointer; }
.date-wrap .select-box > span:after {
  content: '';
  border-top: 0.5rem solid #001c48;
  border-left: 0.3571428571rem solid transparent;
  border-right: 0.3571428571rem solid transparent;
  position: absolute;
  top: 40%;
  right: 0;
  z-index: 0; }
.date-wrap .select-box select {
  font-size: 1.1428571429rem;
  vertical-align: middle;
  letter-spacing: 0.2142857143rem;
  opacity: 0;
  position: relative;
  z-index: 1;
  width: auto;}
.date-wrap .select-box + .select-box {
  margin-left: 2.8571428571rem; }

/* 날짜 선택 E */
/* Common E */
input[type='text'],
input[type='password'],
input[type='number'],
input[type='tel'],
input[type='email'],
input[type='date'],
textarea {
  font-size: inherit;
  font-weight: 400;
  font-family: 'NotoSansKR', Arial, sans-serif;
  color: #222222; }

input[type=text]::-ms-clear {
  display: none; }

input::placeholder,
textarea::placeholder {
  color: #c1c1c1;
  font-family: 'NotoSansKR', Arial, sans-serif; }

input::-webkit-input-placeholder {
  color: #c1c1c1;
  font-family: 'NotoSansKR', Arial, sans-serif; }

input:-ms-input-placeholder {
  color: #c1c1c1;
  font-family: 'NotoSansKR', Arial, sans-serif; }

textarea::-webkit-input-placeholder {
  color: #c1c1c1;
  font-family: 'NotoSansKR', Arial, sans-serif; }

textarea:-ms-input-placeholder {
  color: #c1c1c1;
  font-family: 'NotoSansKR', Arial, sans-serif; }

input[type='text'] {
  box-sizing: border-box;
  border: 0;
  outline: none; }

select {
  color: #222222;
  outline: none;
  width: 100%;
  height: 100%;
  font-size: inherit;
  padding: 0.4285714286rem 1rem;
  background: transparent;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: 'NotoSansKR', Arial, sans-serif; }

.roboto select {
  font-family: 'Roboto','NotoSansKR',sans-serif; }

select::-ms-expand {
  display: none; }

input[type="radio"],
input[type="checkbox"] {
  display: none; }

.input-box {
  border: 0.0714285714rem solid #d9dde4; }
.input-box input {
  height: 2.7142857143rem;
  padding: 0 1.1428571429rem; }

.form-box .input-box {
  border: 0;
  margin: 0 0 1.7857142857rem; }
.form-box .input-box > label {
  margin-bottom: 0.7142857143rem;
  font-weight: 700; }
.form-box input {
  width: 100%;
  background: #f2f3f6;
  border: solid 0.0714285714rem rgba(0, 28, 72, 0.1);
  height: 2.5714285714rem;
  line-height: 2.5714285714rem;
  padding: 0 1.1428571429rem;
  box-sizing: border-box; }
.form-box .select-wrap2 .select-box {
  float: left; }
.form-box .select-wrap2 .select-box:nth-of-type(2) {
  margin: 0 0.7142857143rem; }
.form-box .select-wrap2 .select-box select {
  width: 7.9285714286rem;
  box-sizing: border-box;
  background: #f2f3f6 url(../images/icon/ico_dropdown-87c6dc91d8cadd4b7d346ae6d938ae2a.png) no-repeat 6.4285714286rem center; }
.form-box textarea {
  width: 100%;
  height: 5rem;
  resize: none;
  border: 0.063rem solid #e5e5e5;
  font-size: 0.875rem;
  line-height: 1.6;
  padding: 0.875rem 1rem;
  color: #777;
}

.chk-box {
  margin: 1.7142857143rem 0 0; }
.chk-box label {
  position: relative;
  padding-left: 1.4285714286rem;
  cursor: pointer; }
.chk-box label .ico-chk {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0%, -50%);
  -moz-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  -o-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  left: 0;
  width: 0.8571428571rem;
  height: 0.8571428571rem;
  background: #f2f3f6;
  border: 0.0714285714rem solid rgba(0, 28, 72, 0.1);
  box-sizing: border-box; }
.chk-box input:checked + label .ico-chk {
  background: url(../images/icon/ico_chk-364662148b4188ad723123ff301c5399.png) no-repeat center center;
  background-size: 0.8571428571rem 0.8571428571rem;
  border: 0; }

.radio-box label {
  position: relative;
  padding-left: 1.4285714286rem;
  cursor: pointer; }
.radio-box label .ico-radio {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0%, -50%);
  -moz-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  -o-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  left: 0;
  width: 1.0714285714rem;
  height: 1.0714285714rem;
  background: url(../images/icon/ico_radio-da8d03f4636be6166a226491087be059.png) no-repeat center center;
  background-size: 100%;
  box-sizing: border-box; }
.radio-box input[type="radio"]:checked + label .ico-radio {
  background: url(../images/icon/ico_radio_on-7b40e7bdafe4b040daaf148059208340.png) no-repeat center center;
  background-size: 100%; }

.select-box {
  border: 0.0714285714rem solid #d9dde4; }
.select-box select {
  width: 9.2857142857rem;
  height: 2.7142857143rem;
  border: 0;
  color: #222222;
  background: #fff url(../images/icon/ico_dropdown-87c6dc91d8cadd4b7d346ae6d938ae2a.png) no-repeat 7.8571428571rem center; }

/* Icon css */
.ico {
  display: inline-block;
  text-indent: -9999px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: transparent;
  background-position: 0 0; }
.ico.ico-home {
  background-image: url("../images/icon/ico_home-71bc53b5d3d71b1ca30a7cdaa5aaaf5d.png"); }
.ico.ico-sch2 {
  background-image: url("../images/icon/ico_sch2@2x-3d6e7edb8378e7527b5a030af1b86840.png"); background-size: 100%;}
.ico.ico-mom {
  background-image: url("../images/icon/ico-mom-7c3e46bde3b2834311ae7c9c96204f18.png"); background-size: contain;}
.ico.ico-inout {
  background-image: url("../images/icon/ico-inout-a730f381118f97241a33392b63075629.png"); background-size: contain;}
.ico.ico-yellow {
  background-image: url("../images/icon/ico-yellow-36f12cfd2f6002fc7cb7538c6ec84980.png"); background-size: contain;}
.ico.ico-doubleYellow {
  background-image: url("../images/icon/ico-doubleYellow-68d33677fc67b4a36d4ed2ed0e4e264e.png"); background-size: contain;}
.ico.ico-goal {
  background-image: url("../images/icon/ico-goal-dcc4226afeac65719ae25201b7f320e7.png"); background-size: contain;}
.ico.ico-ogoal {
  background-image: url("../images/icon/ico-ogoal-a0fc026b57e765f8904afbc078f34316.png"); background-size: contain;}
.ico.ico-red {
  background-image: url("../images/icon/ico-red-fd1a7a3c5761bb97744e7e85b31b429e.png"); background-size: contain;}
.ico.ico-more2 {
  background-image: url("../images/icon/ico_more2-76d81816efe6b1bd830c67b8f4eff330.png"); }
.ico.ico-pdf {
  background-image: url("../images/icon/ico_pdf-04d1849fc22455cb4cc6c91a1adb070d.png"); }
.ico.ico-word {
  background-image: url("../images/icon/ico_word-404b3a4d1dd3d287ed50350194923b46.png"); }
.ico.ico-sch3 {
  background-image: url("../images/icon/ico_sch3-a95fd7430a1c23e15ff1c7fe1c24a135.png"); }
.ico.ico-home {
  width: 1.3571428571rem;
  height: 1.0714285714rem; }
.ico.ico-sch2 {
  width: 1rem;
  height: 1rem; }
.ico.ico-mom {
  width: 1.4285714286rem;
  height: 2.0714285714rem; }
.ico.ico-inout {
  width: 1.4285714286rem;
  height: 2.0714285714rem; }
.ico.ico-yellow {
  width: 1.4285714286rem;
  height: 2.0714285714rem; }
.ico.ico-doubleYellow {
  width: 1.4285714286rem;
  height: 2.0714285714rem; }
.ico.ico-red {
  width: 1.4285714286rem;
  height: 2.0714285714rem; }
.ico.ico-goal {
  width: 1.4285714286rem;
  height: 2.0714285714rem; }
.ico.ico-ogoal {
  width: 1.4285714286rem;
  height: 2.0714285714rem; }
.ico.ico-more2 {
  width: 1rem;
  height: 1rem; }
.ico.ico-pdf {
  width: 1.1428571429rem;
  height: 1.1428571429rem;
  background-size: 100%; }
.ico.ico-word {
  width: 1.1428571429rem;
  height: 1.0714285714rem;
  background-size: 100%; }
.ico.ico-sch3 {
  width: 1.7142857143rem;
  height: 1.7142857143rem;
  background-size: 100%; }

.btn {
  display: inline-block;
  text-align: center;
  box-sizing: border-box;
  cursor: pointer; }
.btn .ico {
  vertical-align: middle;
  margin-left: 0.3571428571rem; }
.btn + .btn {
  margin-left: 0.7142857143rem; }
.btn.btn-basic {
  font-size: 1rem;
  font-weight: 500;
  min-width: 7.2857142857rem;
  padding: 0 0.7142857143rem;
  line-height: 2rem;
  text-align: center;
  box-sizing: border-box;
  border: 0.0714285714rem solid; }
.btn.btn-basic.disable {
  opacity:0.5;
  cursor:none;
}
.btn.btn-line {
  color: #0061af;
  background: #fff;
  border-color: #0061af; }
.btn.btn-line.disable {
  color: #c6c8ca;
  border-color: #c6c8ca;
  cursor: default; }
.btn.btn-line-light {
  border: 1px solid #e6e9ed;
  background: #f7f7f7;
  font-weight: 500;
  text-transform: uppercase;
}
.btn.btn-sm {
  line-height: 2.8571428571rem;
  min-width: 9.2857142857rem;
  font-weight: 700; }
.btn.btn-sm2 {
  line-height: 2.8571428571rem;
  padding: 0 1.6428571429rem;
  min-width: 6.4285714286rem;
  font-size: 0.9285714286rem; }
.btn.btn100 {
  width: 100%;
  line-height: 3rem;
  font-size: 1.0714285714rem;
  font-weight: 700; }
.btn.btn40 {
  width: 40%;
  line-height: 3rem;
  font-size: 1.0714285714rem;
  font-weight: 700; }

.btn-more {
  font-size: 0.7142857143rem;
  color: #001c48;
  font-weight: 500; }
.btn-more .icon {
  display: inline-block;
  width: 0.8571428571rem;
  height: 0.8571428571rem;
  background: url(../images/icon/ico_more-ab17e2092ad0957aa7539ccf4e3d6948.png) no-repeat center center;
  background-size: 100%;
  margin: 0 0 -0.1785714286rem 0.3571428571rem; }
.btn-more .icon.red {
  width: 1rem;
  height: 1rem;
  background: url(../images/icon/ico_more_red-13961497fc6674e7b2ece588a06fc60e.png) no-repeat center center;
  background-size: 100%; }
.btn-more .icon.white {
  width: 1rem;
  height: 1rem;
  background: url(../images/icon/ico_more_w-b875daa168566e1efd5bde65a431cb99.png) no-repeat center center;
  background-size: 100%; }
.btn-more.icon {
  position: relative;
  display: inline-block;
  width: 1.8571428571rem;
  height: 1.8571428571rem;
  background: rgba(255, 255, 255, 0.12);
  border-radius: 100%;
  top: 0.6rem;
  margin-left: 1rem;
}
.btn-more.icon:after {
  content: '';
  display: inline-block;
  width: 0.25rem;
  height: 0.25rem;
  border-top: 0.0714285714rem solid #001c48;
  border-left: 0.0714285714rem solid #001c48;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
  width: 0.5rem;
  height: 0.5rem;
  border-width: 0.1428571429rem;
  border-color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -0.3571428571rem 0 0 -0.4285714286rem; }
.btn-more.size2 {
  font-size: 0.8571428571rem;
  font-weight: 500; }
.btn-more.size2 .icon {
  width: 1rem;
  height: 1rem;
  background: url(../images/icon/ico_more2-76d81816efe6b1bd830c67b8f4eff330.png) no-repeat center center;
  background-size: 100%; }

/* Header S */
header {
  position: relative;
  width: 100%;
  z-index: 10; }
header > div > .f-wrap {
  width: 85.7142857143rem;
  margin: 0 auto;
  max-width: 100%; }
header .head-top {
  background: #fff; }
header .head-top h1 {
  float: left;
  padding: 1rem 0 0.8571428571rem; }
header .head-top .right > div {
  display: inline-block;
  vertical-align: middle; }
header .head-top .bg-select {
  position: relative;
  width: 3.5714285714rem;
  height: 1.4285714286rem;
  border-radius: 0.7142857143rem;
  overflow: hidden;
  margin: 2rem 0 1.8571428571rem 0.8571428571rem; }
header .head-top .bg-select > span {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  line-height: 1.4285714286rem;
  background: #021d46;
  color: #fff;
  text-align: center;
  font-size: 0.7142857143rem;
  font-weight: 500;
  cursor: pointer; }
header .head-top .bg-select > span:after {
  content: '';
  display: inline-block;
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 0.4285714286rem solid #fff;
  border-left: 0.2142857143rem solid transparent;
  border-right: 0.2142857143rem solid transparent;
  margin-left: 0.3571428571rem; }
header .head-top .bg-select select {
  opacity: 0;
  font-size: 0.7142857143rem; }
header .head-top .bar > a {
  display: inline-block;
  font-size: 0.7142857143rem;
  font-weight: 500;
  color: #021d46;
  position: relative;
  padding: 0 0.5714285714rem; }
header .head-top .bar > a:first-of-type {
  padding-left: 0; }
header .head-top .bar > a:after {
  content: '';
  display: block;
  position: absolute;
  width: 0.0714285714rem;
  height: 100%;
  background: #021d46;
  top: 50%;
  right: 0;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%); }
header .head-top .bar > a:last-of-type:after {
  display: none; }
header .head-top .icon-wrap {
  padding-left: 1.1428571429rem; }
header .head-top .icon-wrap > a {
  position: relative;
  display: inline-block;
  width: 1.7142857143rem;
  height: 1.7142857143rem;
  background: #021d46;
  border-radius: 100%;
  margin: 0 0.4285714286rem; }
header .head-top .icon-wrap > a > img {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -0.3571428571rem;
  margin-left: -0.3571428571rem; }
header .head-top .icon-wrap > a > img.shop {
  margin-top: -0.5rem; }
header .head-top .icon-wrap .sch-wrap {
  display: none; }
header .league-menu {
  width: 100%;
  background: #f2f3f6; }
header .league-menu .tab-btns {
  position: relative;
  margin-top: 1.7142857143rem;
  float: left; }
header .league-menu .tab-btns:before {
  content: '';
  position: absolute;
  display: inline-block;
  top: 0.2142857143rem;
  left: 50%;
  width: 0.1428571429rem;
  height: 0.7142857143rem;
  background: #a5adbb; }
header .league-menu .tab-btns > li {
  position: relative;
  display: inline-block;
  text-indent: -9999px;
  width: 5.7142857143rem;
  height: 0.7857142857rem;
  overflow-y: hidden;
  overflow-x: visible;
  cursor: pointer; }
header .league-menu .tab-btns > li img {
  position: absolute;
  left: 0;
  top: auto;
  bottom: 0;
  width: 100%; }
header .league-menu .tab-btns > li:nth-child(2) {
  margin-left: 2.8571428571rem; }
header .league-menu .tab-btns > li.active img {
  top: 0;
  bottom: auto; }
header .league-menu .tab-con-wrap {
  float: left;
  margin-left: 2.1428571429rem; }
header .league-menu .cont > ul > li {
  float: left; }
header .league-menu .cont > ul > li > a {
  display: table-cell;
  width: 5.7142857143rem;
  height: 4.2857142857rem;
  text-align: center;
  vertical-align: middle; }
header .menu-wrap {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  background: #001c48;
  color: #fff;
  height: 3.2857142857rem;
  box-shadow: 0px 0.7142857143rem 0.7142857143rem 0 rgba(15, 16, 16, 0.2); }
header .menu-wrap .menu {
  position: relative;
  height: 100%;
  font-family: 'Campton', 'NotoSansKR', sans-serif;
  width: 1200px;
  margin: 0 auto;
display: flex; align-items: center; justify-content: space-between;}
header .menu-wrap .menu > ul {display: flex; align-items: center; justify-content: space-around; column-gap: 20px; width: calc(100% - 60px); padding: 0 20px;}
header .menu-wrap .menu > ul::after {content: none;}
header .menu-wrap .menu > ul .fixed-logo {display: none;}
header .menu-wrap .menu > ul > li {position: relative;}
header .menu-wrap .menu > ul > li:last-child .s-menu {flex-flow: row;}
header .menu-wrap .menu > ul > li:last-child .s-menu > ul {display: flex; flex-flow: column; row-gap: 16px;}
header .menu-wrap.fixed .menu > ul .fixed-logo {display: block; width: 2rem;}
/*header .menu-wrap .menu .fixed-logo {*/
/*  display: none;*/
/*  width: 5.7142857143rem;*/
/*  padding-top: 0.5714285714rem;*/
/*  padding-right: 0; }*/
/*header .menu-wrap .menu .fixed-logo a {*/
/*  line-height: 1; }*/
/*header .menu-wrap .menu > ul > li {*/
/*  float: left;*/
/*  position: relative;*/
/*  padding-right: 4.5rem; }*/
/*header .menu-wrap .menu > ul > li:last-child {*/
/*  width: 13.5rem;*/
/*  padding-right: 0; }*/
/*header .menu-wrap .menu > ul > li > a {*/
/*  font-size: 1rem;*/
/*  font-weight: 500;*/
/*  display: block;*/
/*  line-height: 3.2857142857rem; }*/
header .menu-wrap .menu .s-menu {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: 100%;
  margin-top: 32px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
display: flex; flex-flow: column; grid-gap: 16px;}
header .menu-wrap .menu .s-menu li {
  font-size: 0.9rem;
  line-height: 1.6;
  white-space: nowrap;
  letter-spacing: -0.02em;
  font-weight: 300;}
header .menu-wrap .menu .s-menu li:hover {
  color: #b9c1cd; }
header .menu-wrap .icon-wrap {width: 60px;}
header .menu-wrap .icon-wrap > a, header .menu-wrap .icon-wrap button {height: 3.2857142857rem; display: flex; align-items: center; justify-content: end; position: relative;}
header .menu-wrap .icon-wrap > a:before, header .menu-wrap .icon-wrap button:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 0.0714285714rem;
  height: 0.8571428571rem;
  background: rgba(255, 255, 255, 0.3); }
header .menu-wrap .icon-wrap > a.btn-sch .close, header .menu-wrap .icon-wrap button.btn-sch .close {
  display: none; }
header .menu-wrap .icon-wrap > a.btn-sch.active, header .menu-wrap .icon-wrap button.btn-sch.active {
  background: #00152d; }
header .menu-wrap .icon-wrap > a.btn-sch.active img, header .menu-wrap .icon-wrap button.btn-sch.active img {
  display: none; }
header .menu-wrap .icon-wrap > a.btn-sch.active .close, header .menu-wrap .icon-wrap button.btn-sch.active .close {
  display: inline-block; }
/*header .menu-wrap .icon-wrap:after {*/
/*  content: '';*/
/*  display: inline-block;*/
/*  vertical-align: middle;*/
/*  width: 0.0714285714rem;*/
/*  height: 0.8571428571rem;*/
/*  background: rgba(255, 255, 255, 0.3); }*/
header .menu-wrap .sch-wrap {
  position: relative;
  z-index: 10;
  display: none;
  width: 100%;
  background: #00152d;
  text-align: center; }
header .menu-wrap .sch-wrap .sch-box {
  position: relative;
  display: inline-block;
  text-align: left;
  padding: 1.2857142857rem 0; }
header .menu-wrap .sch-wrap .sch-box .ico {
  position: absolute;
  right: 0;
  bottom: 1.7857142857rem; }
header .menu-wrap .sch-wrap input {
  width: 51.4285714286rem;
  background: transparent;
  border-bottom: 0.0714285714rem solid #fff;
  line-height: 2.7142857143rem;
  height: 2.7142857143rem;
  color: #fff;
  font-size: 1rem;
  box-sizing: border-box;
  padding-right: 2.1428571429rem; }
header .menu-wrap .sch-wrap.active {
  display: block; }
header .menu-wrap .dim {
  position: absolute;
  height: 0;
  opacity: 0;
  visibility: hidden;
  top: 3.2857142857rem;
  left: 0;
  width: 100%;
  background: #001c48 url(../images/menu_bg-0038de6c9f62c4fca94879e283df282d.png) no-repeat left top;
  background-size: cover;
  z-index: -1;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s; }
header .menu-wrap .dim:after {
  content: '';
  position: absolute;
  top: 0rem;
  width: 100%;
  height: 0.2142857143rem;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  background-image: linear-gradient(to right, #ee2529, #001c48); }
header .menu-wrap.hover .menu .s-menu {
  opacity: 1;
  visibility: visible; }
header .menu-wrap.hover .dim {
  opacity: 1;
  visibility: visible;
  height: 26rem; }
header .menu-wrap.hover .dim:after {
  top: 26rem; }
header .menu-wrap.fixed {
  position: fixed;
  overflow: hidden;
  top: 0;
  left: 0; }
/*header .menu-wrap.fixed .menu .fixed-logo {*/
/*  display: block;*/
/*  width: 2rem;*/
/*  padding-right: 1rem; }*/
/*header .menu-wrap.fixed .menu > ul > li {*/
/*  padding-right: 4.6428571429rem; }*/
/*header .menu-wrap.fixed .menu > ul > li:nth-child(3) {*/
/*  padding-right: 5.7142857143rem; }*/
/*header .menu-wrap.fixed .menu > ul > li:last-child {*/
/*  width: 16.5rem;*/
/*  padding: 0; }*/

/* Header E */
/* Footer S */
footer {
  width: 100%; }
footer .partner {
  text-align: center;
  background: #fff;
  width: 100%;
  border-top: 0.1428571429rem solid #e3e5e9; }
footer .partner .slider {
  width: 85.7142857143rem;
  margin: 0 auto;
  max-width: 100%;
  overflow: hidden; }
footer .partner .slider a {
  display: block;
  height: 5.1428571429rem;
  line-height: 5.1428571429rem; }
footer .partner .slider a img {
  display: inline-block;
  max-height: 32px;
  vertical-align: middle; }
footer .foot-menu {
  width: 100%;
  background: url(../images/footer_bg-9d991de97f08afd7caa25b282dfed33b.png) no-repeat center bottom;
  background-size: cover;
  color: #fff; }
footer .foot-menu > .f-wrap {
  width: 85.714rem;
  margin: 0 auto;
  max-width: 100%;
  height: 30rem; }
footer .foot-menu > .f-wrap > li {
  float: left;
  min-width: 3.5714285714rem;
  padding-right: 3.6rem; }
footer .foot-menu > .f-wrap > li:last-of-type {
  padding-right: 0;
  width: 15rem; }
footer .foot-menu > .f-wrap > li > a {
  display: block;
  font-size: 1rem;
  font-weight: bold;
  color: #fff;
  padding: 1.4285714286rem 0; }
footer .foot-menu > .f-wrap > li .s-menu li {
  line-height: 140%;
  padding: 0.7142857143rem 0;
  font-size: 0.7857142857rem;
  color: rgba(255, 255, 255, 0.6); }
  /*color: rgba(255, 255, 255, 0.6); }*/
footer .foot-menu > .f-wrap > li .s-menu li a:hover {
  color: #fff; }
footer .foot-info {
  width: 100%;
  background: #001c48; }
footer .foot-info > .f-wrap {
  position: relative;
  width: 85.7142857143rem;
  margin: 0 auto;
  max-width: 100%; }
footer .foot-info .foot-logo {
  padding: 1.2857142857rem 0 1.2142857143rem; }
footer .foot-info .info {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 0.7142857143rem;
  color: rgba(235, 235, 235, 0.65);
  font-weight: 500; }
footer .foot-info .info .str {
  color: rgba(115, 132, 167, 0.65); }
footer .foot-info .info > span {
  display: inline-block;
  vertical-align: middle;
  position: relative; }
footer .foot-info .info > span:first-of-type {
  padding-left: 0; }
footer .foot-info .info > span:after {
  content: '';
  display: block;
  position: absolute;
  width: 0.0714285714rem;
  height: 100%;
  background: #021d46;
  top: 50%;
  right: 0;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%); }
footer .foot-info .info > span:last-of-type:after {
  display: none; }
footer .foot-info .info > span:nth-of-type(1) {
  padding-right: 1.0714285714rem;
  margin-right: 1.0714285714rem; }
footer .foot-info .info > span:nth-of-type(1):after {
  background: rgba(115, 132, 167, 0.65); }
footer .foot-info .info .bg-select {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 7.8571428571rem;
  height: 2.1428571429rem;
  border-radius: 1.0714285714rem;
  margin-left: 2.7142857143rem;
  overflow: hidden; }
footer .foot-info .info .bg-select > span {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  line-height: 2.1428571429rem;
  background: #233b65;
  color: #fff;
  text-align: center;
  font-size: 0.7142857143rem;
  font-weight: 500;
  cursor: pointer; }
footer .foot-info .info .bg-select .plus {
  position: relative;
  margin-left: 0.7142857143rem;
  display: inline-block;
  width: 0.5714285714rem;
  height: 0.5714285714rem; }
footer .foot-info .info .bg-select .plus:before {
  content: '';
  width: 100%;
  height: 0.1428571429rem;
  background: #6e7fa3;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
footer .foot-info .info .bg-select .plus:after {
  content: '';
  height: 100%;
  width: 0.1428571429rem;
  background: #6e7fa3;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
footer .foot-info .info .bg-select select {
  opacity: 0;
  font-size: 0.7142857143rem; }
footer .foot-info .sns-wrap {
  margin-top: 1.7857142857rem; }
footer .foot-info .sns-wrap > a {
  display: inline-block; margin-right: 1.0714285714rem;}
footer .foot-info .sns-wrap > a > img {width: 30px;}
footer .foot-info .sns-wrap > a:last-child {
  margin-right: 0; }
footer .foot-copy {
  background: #f2f2f2; }
footer .foot-copy > .f-wrap {
  position: relative;
  padding: 1.0714285714rem 0 1.0714285714rem;
  position: relative;
  width: 85.7142857143rem;
  margin: 0 auto;
  max-width: 100%;
  font-size: 0.7142857143rem;
  font-weight: 500;
  color: #021d46; }
footer .foot-copy .menu {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
footer .foot-copy .menu li {
  display: inline-block;
  position: relative;
  padding-right: 1.0714285714rem;
  margin-right: 1.0714285714rem; }
footer .foot-copy .menu li:first-of-type {
  padding-left: 0; }
footer .foot-copy .menu li:after {
  content: '';
  display: block;
  position: absolute;
  width: 0.0714285714rem;
  height: 100%;
  background: #021d46;
  top: 50%;
  right: 0;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%); }
footer .foot-copy .menu li:last-of-type:after {
  display: none; }
footer .foot-copy .menu li a:hover {
  font-weight: 700; }

/* Footer E */
/* Main S */
.main {
  position: relative;
  background: #f2f3f6;
  width: 100%;
  overflow: hidden;
  padding-top: 5.0714285714rem;
  z-index: 2; }
.main:after {
  content: '';
  width: 100%;
  height: 35.7142857143rem;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/main_bg-b4d7bc60dbde5614d51b14e074b4c7f1.png) no-repeat center center;
  background-size: cover;
  z-index: 1; }
.main.style2 {
  padding-top: 0; }
.main.style2:after {
  display: none; }
.main.style2 > .f-wrap {
  padding-top: 6rem; }
.main.style2 .aside > .result h2 {
  color: #222222; }
.main.style2 .contents-wrap > .news .tit {
  color: #222222; }
.main.style2 .contents-wrap > .news .tab-btns li {
  color: rgba(34, 34, 34, 0.45); }
.main.style2 .contents-wrap > .news .tab-btns li:after {
  background: rgba(34, 34, 34, 0.45); }
.main.style2 .contents-wrap > .news .tab-btns li.active {
  color: #222222; }
.main.style2 .gall > .l-box > a .txt-box {
  background: #001c48; }
.main.style2 .gall > .l-box > a {
  background: #000; }
.main .main-banner {
  position: relative; }
.main .main-banner img {
  width: 100%; }
.main .main-banner .txt-wrap {
  width: 85.7142857143rem;
  margin: 0 auto;
  max-width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
.main .main-banner .txt-wrap img {
  width: auto;
  display: block; }
.main .main-banner .txt-wrap img + img {
  margin: 2.2857142857rem 0 1.5rem; }
.main .main-banner .txt-wrap .s-txt {
  color: #fff;
  font-weight: 300;
  line-height: 1.4;
  font-size: 1.1428571429rem;
  margin-bottom: 2.5rem; }
.main > .f-wrap {
  width: 85.7142857143rem;
  margin: 0 auto;
  max-width: 100%; }
.main .aside {
  position: relative;
  z-index: 3; }
.main .aside > div {
  margin-bottom: 4rem; }
.main .aside h2 {
  font-size: 1.2857142857rem;
  font-weight: 700;
  padding-bottom: 1.1428571429rem;
  font-family: 'Campton', 'NotoSansKR', sans-serif;
  text-transform: uppercase;
}
.main .aside h2 img {
  margin: 0 0.3571428571rem -0.1428571429rem 0; }
.main .aside .box {
  background: #fff;
  width: 20rem;
  box-sizing: border-box;
  padding: 1.0714285714rem 1.4285714286rem 1.1428571429rem;
  text-align: center;
  box-shadow: 0px 0.1428571429rem 1.4285714286rem 0 rgba(15, 16, 16, 0.15); }
.main .aside .box h3 {
  font-size: 1rem;
  font-weight: 700;
  padding: 1.7142857143rem 0 0; }
.main .aside .box h3 span {
  font-size: 0.9rem; }
.main .aside .box .btn-more {
  margin: 1.2142857143rem 0 0; }
.main .aside .tab-btns {
  width: 100%; }
.main .aside .tab-btns:after {
  content: '';
  clear: both;
  display: block; }
.main .aside .tab-btns > li {
  width: 50%;
  float: left;
  padding: 0.6428571429rem 0;
  border-bottom: 0.2142857143rem solid #e8eaee; }
.main .aside .tab-btns > li span {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 5.1428571429rem;
  height: 0.6428571429rem;
  overflow: hidden;
  text-align: center; }
.main .aside .tab-btns > li img {
  position: absolute;
  bottom: 0;
  left: 0;
  top: auto; }
.main .aside .tab-btns > li.active {
  border-bottom: 0.2142857143rem solid #ee2529; }
.main .aside .tab-btns > li.active img {
  top: 0;
  bottom: auto; }
.main .aside .btn-red {
  width: 11.4285714286rem;
  height: 2.5714285714rem;
  line-height: 2.5714285714rem;
  background: #ee2529;
  color: #fff;
  font-size: 1rem;
  font-weight: 700; }
.main .aside > .result h2 {
  color: #fff; }
.main .aside > .result .result-list li {
  display: table;
  width: 100%;
  text-align: center;
  padding: 1rem 0;
  border-bottom: 0.0714285714rem solid #f6f7f8; }
.main .aside > .result .result-list li > div {
  margin: 0 auto;
  width: 100%;
}
.main .aside > .result .result-list li a {
  display: table-cell;
  width: calc(75% / 2);
  vertical-align: middle; }
.main .aside > .result .result-list li a .name {
  display: block;
  font-size: 0.8571428571rem;
  font-weight: 700;
  padding-top: 1.0714285714rem; }
.main .aside > .result .result-list li .score {
  display: table-cell;
  width: 25%;
  vertical-align: middle; }
.main .aside > .result .result-list li .score > .roboto {
  display: block;
  position: relative;
  background: #f1f2f5;
  border-radius: 0.2857142857rem;
  width: 4.5714285714rem;
  margin: 0 auto;
  height: 1.8571428571rem;
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 0.2rem;}
.main .aside > .result .result-list li .score > .roboto:after {
  content: '-';
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
.main .aside > .result .result-list li .score > .roboto > span {
  display: inline-block;
  padding: 0 0.7857142857rem;
  line-height: 1.8571428571rem; }
.main .aside > .result .result-list li .txt {
  display: block;
  margin-bottom: 0.4rem;
  font-size: 0.7857142857rem;
  color: #8d93a1;}
.main .aside > .result .result-list li .txt span {
  display: inline-block; line-height: 160%; padding-left: 4px;}
.main .aside > .ranking table {
  margin-top: 1.4285714286rem;
  margin-bottom: 0.4rem;
  font-size: 0.8571428571rem;
  font-weight: 500; }
.main .aside > .ranking table td {
  vertical-align: middle;
  padding: 0.4285714286rem 0.7142857143rem 0.3571428571rem; }
.main .aside > .score .cont.active {
  padding: 1.4285714286rem 0 0;
  text-align: left; }
.main .aside > .score .cont.active li {
  padding: 0 0 0 1rem;
  background: #f3f4f6;
  margin: 0 0 0.7142857143rem; }
.main .aside > .score .cont.active li .num {
  display: block;
  font-size: 1.6rem;
  font-style: italic;
  font-family: 'Campton','NotoSansKR',sans-serif;
  font-weight: 600; }
.main .aside > .score .cont.active li:not(.fir) {
  height: 3.5714285714rem;
  padding: 0 0.5rem;}
.main .aside > .score .cont.active li:not(.fir) > span {
  display: table;
  height: 3.5714285714rem;
  float: left;
  text-align: center;
  line-height: 3.5714285714rem;
  color: #001c48; }
.main .aside > .score .cont.active li:not(.fir) > span > div {
  display: table-cell;
  vertical-align: middle;
  line-height: 120%;
}
.main .aside > .score .cont.active li:not(.fir) .name {
  font-size: 0.9rem;
  width: 6.1rem;
  font-weight: 700;
  box-sizing: border-box;
  text-align: center;
  padding: 0 0.4rem;
}
.main .aside > .score .cont.active li:not(.fir) .txt {
  position: relative;
  font-size: 0.8rem;
  font-weight: 500;
  width: 4rem;
  box-sizing: border-box;
  text-align: center;
  padding: 0 0.4rem;
}
.main .aside > .score .cont.active li:not(.fir) .txt em {
  font-weight: 700; }
.main .aside > .score .cont.active li:not(.fir) .txt:after, .main .aside > .score .cont.active li:not(.fir) .txt:before {
  content: '';
  position: absolute;
  width: 0.1428571429rem;
  height: 0.7142857143rem;
  background: #8d93a1;
  top: 1.4285714286rem; }
.main .aside > .score .cont.active li:not(.fir) .txt:after {
  right: 0; }
.main .aside > .score .cont.active li:not(.fir) .txt:before {
  left: 0; }
.main .aside > .score .cont.active li:not(.fir) .img {
  font-size: 0.8rem;
  font-weight: 500;
  width: 5rem;
  box-sizing: border-box;
  padding-left: 0.4rem;
  text-align: center;}
.main .aside > .score .cont.active li:not(.fir) .img img {
  width: 1rem;
  margin-right: 0.2rem;
  vertical-align: middle;
  position: relative;
  top: -0.0714285714rem; }
.main .aside > .score.en .cont.active li:not(.fir) .name,
.main .aside > .score.en .cont.active li:not(.fir) .txt,
.main .aside > .score.en .cont.active li:not(.fir)  .img {
  font-size: 0.7rem;
  word-break: break-all;
}
.main .aside > .score.en .cont.active li:not(.fir)  .img {
  height: 3.5714285714rem;
  display: table;
}
.main .aside > .score.en .cont.active li:not(.fir)  .img > div {
  display: table-cell;
  vertical-align: middle;
  line-height: 120%;
}

.main .aside > .score .cont.active .fir {
  position: relative;
  width: 100%;
  height: 12.8571428571rem;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: transparent; }
.main .aside > .score .cont.active .fir .num {
  color: #001c48; }
.main .aside > .score .cont.active .fir > img {
  position: absolute;
  bottom: 0;
  right: 1.2857142857rem; }
.main .aside > .score .cont.active .fir.blue-box {
  background-image: url(../images/score_bg2-3ff0d8c9adbf6b28cb9959a36398507d.jpg);
  background-size: cover;
  color: #fff; }
.main .aside > .score .cont.active .fir.blue-box .num {
  color: #ee2529; }
.main .aside > .score .cont.active .fir.red-box {
  background-image: url(../images/score_bg-1b24a38d953454a00defb6179bafe1ed.jpg);
  background-size: cover;
  color: #fff; }
.main .aside > .score .cont.active .fir.gray-box {
  background-image: url(../images/score_bg3-7d52b19d050b4ab2d7ec8df17d5ca776.jpg);
  background-size: cover;
  color: #fff; }
.main .aside > .score .cont.active .fir .num {
  padding: 4.6428571429rem 0 0.5rem;
  font-size: 2rem; }
.main .aside > .score .cont.active .fir .name {
  display: block;
  font-size: 1.1428571429rem;
  font-weight: 700;
  padding: 0 0 0.8571428571rem; }
.main .aside > .score .cont.active .fir .s-txt {
  display: block;
  padding: 0 0 0.7857142857rem;
  font-size: 0.8571428571rem;
  font-weight: 500; }
.main .aside > .score .cont.active .fir .s-txt em {
  font-weight: 700; }
.main .aside > .score .cont.active .fir .img {
  font-size: 0.7857142857rem;
  font-weight: 500; }
.main .aside > .score .cont.active .fir .img img {
  display: inline-block;
  vertical-align: middle;
  width: 1.1428571429rem;
  margin-right: 0.2857142857rem; }
.main .aside > .ban1 {
  padding: 0;
  min-height: auto; }
.main .aside > .ban1 > a {
  display: block; }
.main .aside > .ban1 > a img {
  display: block; }
.main .aside > .ban2 {
  position: relative;
  padding: 0;
  min-height: auto; }
.main .aside > .ban2 img {
  display: block; }
.main .aside > .ban2 img.txt {
  position: absolute;
  top: 2.7857142857rem;
  left: 2.3571428571rem; }
.main .aside > .ban2 p {
  position: absolute;
  width: 100%;
  top: 7rem;
  font-size: 0.9285714286rem;
  font-weight: 500;
  line-height: 1.4; }
.main .aside > .ban2 .btn-red {
  position: absolute;
  bottom: 2.7142857143rem;
  left: 50%;
  margin-left: -5.7142857143rem; }
.main .aside > .ban3 {
  position: relative;
  padding: 0;
  min-height: auto;
  width: 100%;
  height: 27.1428571429rem;
  background: url(../images/aside_ban3-ba724013974540ac3c9a45bf8aca6a25.jpg) no-repeat center center;
  background-size: cover;
  color: #fff; }
.main .aside > .ban3 h3 {
  padding: 4rem 0 2.8571428571rem; }
.main .aside > .ban3 p {
  font-size: 1.1428571429rem;
  font-weight: 500;
  line-height: 1.4;
  padding-bottom: 2.8571428571rem; }
.main .aside > .ban3 .btn-red {
  margin-bottom: 4.4285714286rem; }
.main .aside > .ban3 .logo-wrap img {
  padding: 0 0.7142857143rem; }
.main .aside > .ban4 {
  position: relative;
  padding: 0;
  min-height: auto;
  width: 100%;
  color: #fff; }
.main .aside > .ban5 {
  position: relative;
  padding: 0;
  min-height: auto;
  width: 100%;
  color: #fff; }
.main .contents-wrap {
  position: relative;
  z-index: 2;
  width: 61.4285714286rem; }
.main .contents-wrap .tit {
  font-size: 1.5714285714rem;
  font-weight: 800;
  padding: 0 0 1.2142857143rem;
  font-family: 'Campton','NotoSansKR',sans-serif; }
.main .contents-wrap > .news {
  position: relative; }
.main .contents-wrap > .news .tit {
  color: #fff; }
.main .contents-wrap > .news .tab-btns {
  position: absolute;
  right: 0;
  top: 0; }
.main .contents-wrap > .news .tab-btns li {
  float: left;
  padding: 0 1.7857142857rem;
  color: rgba(255, 255, 255, 0.45);
  font-weight: 500;
  position: relative; }
.main .contents-wrap > .news .tab-btns li:first-of-type {
  padding-left: 0; }
.main .contents-wrap > .news .tab-btns li:after {
  content: '';
  display: block;
  position: absolute;
  width: 0.0714285714rem;
  height: 100%;
  background: #021d46;
  top: 50%;
  right: 0;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%); }
.main .contents-wrap > .news .tab-btns li:last-of-type:after {
  display: none; }
.main .contents-wrap > .news .tab-btns li:after {
  background: rgba(255, 255, 255, 0.45);
  height: 0.9285714286rem; }
.main .contents-wrap > .news .tab-btns li.active {
  color: #fff;
  font-weight: 700; }
.main .contents-wrap > .news .cont.active {
  min-height: 37.2142857143rem; }
.main .contents-wrap > .ban {
  width: 100%;
  margin: 6.4285714286rem 0 5rem; }
.main .contents-wrap > .ban > a {
  display: block;
  width: 100%;
  height: 14.2857142857rem;
  background: url(../images/ticket_bg1-0fc66458ad30d64d5e2cde13989eab00.jpg) no-repeat center center;
  background-size: cover;
  box-sizing: border-box;
  padding: 2.9285714286rem 3.4285714286rem 0;
  color: #fff; }
.main .contents-wrap > .ban strong {
  position: relative;
  display: inline-block;
  font-size: 1.5714285714rem;
  font-weight: bold; }
.main .contents-wrap > .ban strong .str {
  display: block;
  font-size: 1.8571428571rem;
  font-weight: 600;
  padding-bottom: 0.2857142857rem; }
.main .contents-wrap > .ban strong img {
  position: absolute;
  bottom: 0;
  right: -2.5714285714rem; }
.main .contents-wrap > .ban .txt {
  display: block;
  font-size: 1.1428571429rem;
  padding: 0.8571428571rem 0 1.6428571429rem; }
.main .contents-wrap > .ban .btn-more {
  font-size: 0.9285714286rem; }
.main .contents-wrap > .ban .btn-more .icon {
  width: 1rem;
  height: 1rem;
  top: 0rem; }
.main .contents-wrap > .ban .btn-more .icon:after {
  top: -0.2142857143rem;
  left: 0.2857142857rem; }
.main .contents-wrap > .video .tab-btns li {
  width: 50%;
  float: left;
  box-sizing: border-box;
  text-align: center;
  padding: 1.2857142857rem 0 1.5rem;
  background: #e8eaee;
  border-top: 0.2857142857rem solid #e8eaee;
  border-bottom: 0.0714285714rem solid #8d93a1; }
.main .contents-wrap > .video .tab-btns li + li {
  border-left: 0.0714285714rem solid #8d93a1; }
.main .contents-wrap > .video .tab-btns li > span {
  position: relative;
  display: inline-block;
  width: 8.4285714286rem;
  height: 1.1428571429rem;
  overflow: hidden; }
.main .contents-wrap > .video .tab-btns li > span > img {
  position: absolute;
  left: 0;
  bottom: 0;
  top: auto; }
.main .contents-wrap > .video .tab-btns li.active {
  background: transparent;
  border-top-color: #ee2529;
  border-bottom-color: transparent; }
.main .contents-wrap > .video .tab-btns li.active > span > img {
  bottom: auto;
  top: 0; }
.main .contents-wrap > .video .tab-con-wrap {
  min-height: 57.8571428571rem; }
.main .contents-wrap > .video h3 {
  padding: 2.1428571429rem 0 1.5714285714rem;
  font-size: 1.2857142857rem;
  text-transform: uppercase;
  font-weight: 900; }
.main .contents-wrap > .video .box {
  position: relative; }
.main .contents-wrap > .video .box .btn-more {
  position: absolute;
  right: 0;
  top: 2.1428571429rem; }
.main .contents-wrap > .video .box + .box h3:after {
  content: '';
  display: block;
  width: 100%;
  height: 0.1428571429rem;
  margin-top: 1.0714285714rem;
  background-image: linear-gradient(to right, #001c48, #ee2529); }
.main .contents-wrap > .app {
  position: relative;
  z-index: 1;
  height: 320px;
  margin: 2rem 0;
  box-sizing: border-box;
  padding: 94px 0 0; }
.main .contents-wrap > .app:after {
  content: '';
  width: 100vw;
  height: 320px;
  background: url(../images/img-storebanner-bg-4d7e3a5c3f26bc0097b3249eb2a471c6.png) no-repeat center center;
  background-size: cover;
  position: absolute;
  left: calc(50% - 12.1428571429rem);
  top: 0;
  margin-left: -50vw;
  z-index: -1; }
.main .contents-wrap > .broadcast h2 {
  font-weight: 700;
  font-size: 1.7142857143rem;
  color: #001c48;
  padding: 0 0 4.0714285714rem; }
.main .contents-wrap > .broadcast h2 .str {
  font-size: 1.8571428571rem; }
.main .contents-wrap > .broadcast h2 img {
  display: block;
  padding-bottom: 0.7142857143rem; }
.main .contents-wrap > .broadcast h3 {
  padding: 0 0 1rem; }
.main .contents-wrap > .broadcast .f-wrap > div {
  width: 17.8571428571rem; }
.main .contents-wrap > .broadcast .f-wrap > div .txt {
  color: #fff;
  padding: 0 0 0.8571428571rem; }
.main .contents-wrap > .broadcast .f-wrap > div .txt span {
  display: inline-block;
  font-size: 1rem;
  font-weight: 500; }
.main .contents-wrap > .broadcast .f-wrap > div .txt .team {
  font-size: 0.9285714286rem;
  font-weight: 500;
  padding-left: 1.3571428571rem; }
.main .contents-wrap > .broadcast .f-wrap > div .team-box {
  position: relative;
  width: 14.2857142857rem;
  height: 2.8571428571rem;
  line-height: 2.8571428571rem;
  font-size: 1.5714285714rem;
  box-sizing: border-box;
  text-align: center;
  font-weight: 700;
  font-family: 'Campton','NotoSansKR',sans-serif;
  text-indent: -2.8571428571rem;
  box-shadow: 0.7142857143rem 0.7142857143rem 1.0714285714rem rgba(0, 0, 0, 0.2); }
.main .contents-wrap > .broadcast .f-wrap > div .team-box .img {
  position: absolute;
  right: 0;
  top: 0;
  width: 2.8571428571rem;
  height: 2.8571428571rem;
  background: #fff; }
.main .contents-wrap > .broadcast .f-wrap > div .team-box .img img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
.main .contents-wrap > .broadcast .f-wrap > div .team-box + .team-box {
  margin-left: 3.5714285714rem; }
.main .contents-wrap > .broadcast .f-wrap > div.left + .left {
  padding-left: 3.9285714286rem; }
.main .contents-wrap > .broadcast .btn-more {
  position: absolute;
  right: 0rem;
  top: 4.0714285714rem;
  color: #fff;
  font-size: 0.8571428571rem; }
.main .contents-wrap > .tv > .ban {
  width: 100%;
  height: 18.5714285714rem;
  padding: 4.2857142857rem 3.5714285714rem;
  margin-bottom: 8.2857142857rem;
  background: url(../images/tv_bg-c8dcb3bc31799a84df255c0eb332320f.jpg) no-repeat center center;
  background-size: cover;
  box-sizing: border-box;
  color: #fff; }
.main .contents-wrap > .tv > .ban h2 {
  position: relative;
  font-size: 1.7142857143rem;
  font-weight: 700;
  padding-bottom: 1.4285714286rem; }
.main .contents-wrap > .tv > .ban h2 img {
  margin: 0 0 0 3.0714285714rem; }
.main .contents-wrap > .tv > .ban h2:before {
  content: '';
  width: 0.1428571429rem;
  height: 1rem;
  background: #ee2529;
  position: absolute;
  left: 8.2857142857rem;
  top: 0.5rem; }
.main .contents-wrap > .tv > .ban .s-txt {
  font-size: 1.1428571429rem;
  font-weight: 500;
  line-height: 1.6;
  padding-bottom: 2.4285714286rem; }
.main .contents-wrap > .tv > .ban .s-txt span {
  font-size: 1rem;
  font-weight: 400; }
.main .contents-wrap > .tv > .ban .btn {
  font-size: 0.8571428571rem;
  font-weight: 500; }
.main .contents-wrap > .tv > .ban .btn img {
  display: inline-block;
  margin-left: 0.5714285714rem;
  margin-top: -0.2142857143rem;
  vertical-align: middle; }
.main .contents-wrap > .tv > .video {
  position: relative; }
.main .contents-wrap > .tv > .video h3 {
  padding: 2.1428571429rem 0 1.5714285714rem;
  font-size: 1.2857142857rem;
  text-transform: uppercase;
  font-weight: 900; }
.main .contents-wrap > .tv > .video h3:after {
  content: '';
  display: block;
  width: 100%;
  height: 0.1428571429rem;
  margin-top: 1.0714285714rem;
  background-image: linear-gradient(to right, #001c48, #ee2529); }
.main .contents-wrap > .tv > .video .btn-more {
  position: absolute;
  right: 0;
  top: 2.1428571429rem; }
.main .contents-wrap > .ticket-ban {
  width: 100%;
  height: 16.2857142857rem;
  padding: 3.5714285714rem;
  margin: 6.2142857143rem 0 9.7857142857rem;
  background: url(../images/ticket_bg2-3950c76cc29939040261e67c5d6cccd8.jpg) no-repeat center center;
  background-size: cover;
  color: #fff;
  box-sizing: border-box; }
.main .contents-wrap > .ticket-ban h2 {
  font-size: 1.4285714286rem;
  font-weight: 500;
  padding-bottom: 1.4285714286rem; }
.main .contents-wrap > .ticket-ban p {
  font-size: 1.0714285714rem;
  line-height: 1.4; }
.main .contents-wrap > .ticket-ban .btn {
  font-size: 0.8571428571rem;
  font-weight: 500;
  padding-top: 2.5rem; }
.main .contents-wrap > .ticket-ban .btn .icon {
  vertical-align: middle;
  margin: -0.1428571429rem 0 0 0.5714285714rem; }
.main .contents-wrap > .about {
  margin-bottom: 6rem; }
.main .contents-wrap > .about .tit {
  padding-bottom: 0.9285714286rem; }
.main .contents-wrap > .about .tit + p {
  font-size: 1.1428571429rem;
  padding-bottom: 1.5rem; }
.main .contents-wrap > .about .f-wrap > a {
  position: relative;
  display: block;
  width: calc(50% - 0.4285714286rem);
  height: 15rem;
  box-sizing: border-box;
  padding: 4.2142857143rem 2.8571428571rem; }
.main .contents-wrap > .about .f-wrap > a strong {
  display: block;
  font-size: 1.0714285714rem;
  font-weight: 700;
  padding-bottom: 0.7142857143rem; }
.main .contents-wrap > .about .f-wrap > a span {
  color: #737373;
  font-weight: 500; }
.main .contents-wrap > .about .f-wrap > a img {
  position: absolute;
  right: 1.4285714286rem;
  bottom: 1.4285714286rem; }
.main .contents-wrap > .about .f-wrap > a.left {
  background: url(../images/about_bg_b-d0086afe5060ed3b17321f8e5d342670.jpg) no-repeat center center;
  background-size: cover; }
.main .contents-wrap > .about .f-wrap > a.right {
  background: url(../images/about_bg_w-aeafd42eea15b4edcfe138ba0df511af.jpg) no-repeat center center;
  background-size: cover; }
.main .contents-wrap > .sns {
  position: relative;
  padding-top: 5.5rem;
  margin-bottom: 6rem;
  box-sizing: border-box;
  height: 28.5714285714rem; }
.main .contents-wrap > .sns .title-box {
  position: relative; z-index: 10;
  width: 14.2857142857rem; }
.main .contents-wrap > .sns .title-box .icon-wrap {
  padding: 4.0714285714rem 0 1.9285714286rem; }
.main .contents-wrap > .sns .title-box h2 {
  font-size: 1.5714285714rem;
  font-weight: 700; }
.main .contents-wrap > .sns .title-box p {
  font-size: 0.8571428571rem;
  font-weight: 500;
  color: #8d93a1;
  line-height: 1.4;
  padding: 1.2142857143rem 0 2.5rem; }
.main .contents-wrap > .sns .title-box .btn {
  font-size: 0.8571428571rem;
  font-weight: 500; }
.main .contents-wrap > .sns .title-box .btn .arrow {
  display: inline-block;
  width: 0.25rem;
  height: 0.25rem;
  border-top: 0.0714285714rem solid #001c48;
  border-left: 0.0714285714rem solid #001c48;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
  border-color: inherit;
  width: 0.3571428571rem;
  height: 0.3571428571rem;
  border-width: 0.1428571429rem;
  margin-bottom: 0.0714285714rem; }
.main .contents-wrap > .sns .img-wrap {
  position: absolute;
  z-index: 10;
  right: -2.8571428571rem;
  top: 6rem; }
.main .contents-wrap > .sns::before {
  content: ''; display: block; z-index: 1; position: absolute; left: -1000px; top: 0; width: 3000px; height: 100%; background: #fff;
}

/* Main E */
/* Sub S */
.sub-top {
  width: 100%;
  min-height: 14.2857142857rem;
  background: #001947 url(../images/sub_top-1f1015bf6d48b5936efea15c3cece4f9.jpg) no-repeat 0 0;
  color: #fff; }
.sub-top h2 {
  display: block;
  font-size: 2.2857142857rem;
  font-weight: 700;
  padding: 5.2142857143rem 0 0.7142857143rem;
  width: 85.7142857143rem;
  margin: 0 auto;
  font-family: 'Campton', 'NotoSansKR', sans-serif;
  text-transform: uppercase;
  max-width: 100%; }
.sub-top p {
  width: 85.7142857143rem;
  margin: 0 auto;
  max-width: 100%;
  font-size: 1rem;
  color: #fff;
  font-weight: 200; }
.sub-top.style2 {
  background: #001c48 url(../images/img_title_banner-dc57e03b10508608791894962f7c91c1.jpg) no-repeat right;
}
.sub-top.match {
  min-height: 263px;
  background: url(../images/sub_top_match-b39e8509524b23dff3be5094b72e9c99.png) no-repeat 0 0;
  background-size: cover;
  text-align: center;
  font-size: 1.0714285714rem;
  font-weight: 500; }
.sub-top.match .sort-box {
  display: inline-block;
  background: rgba(255, 255, 255, 0.2);
  color: #b4b1b2;
  line-height: 1.9285714286rem;
  padding: 0 1.2rem;
  font-size: 1rem;
  margin: 1.4285714286rem 0 0;
  border-radius: 0.2857142857rem; }
.sub-top.match .score-box {
  margin: 1.4285714286rem 0 0; }
.sub-top.match .score-box .team-box {
  display: inline-block;
  vertical-align: middle;
  min-width: 10rem;
  padding: 0 2.3571428571rem;
  font-size: 1.2rem;
  font-weight: 500; }
.sub-top.match .score-box .team-box img {
  display: block;
  height: 3.6rem;
  margin: 0 auto 0.8rem; }
.sub-top.match .score-box .score {
  display: inline-block;
  vertical-align: middle;
  font-size: 2.6428571429rem;
  font-weight: 700; }
.sub-top.match .score-box .score span {
  display: inline-block;
  margin: 0 0.8571428571rem 0 1.0714285714rem;
  vertical-align: text-top; }
.sub-top.club {
  text-align: center; }
.sub-top.club > .f-wrap {
  display: inline-block;
  text-align: left;
  padding-top: 2rem; }
.sub-top.club > .f-wrap .txt {
  margin-left: 2.1428571429rem; }
.sub-top.club > .f-wrap .txt span {
  display: block;
  font-size: 1.0714285714rem;
  color: #fff;
  line-height: 1.6;
  font-weight: 500; }
.sub-top.club > .f-wrap .txt .str {
  font-size: 1.3571428571rem;
  font-weight: 700;
  padding-bottom: 0.7142857143rem;
  color: #fff; }
.sub-top.club > .f-wrap .txt a:hover {
  text-decoration: underline; }

.sub-contents-wrap {
  width: 100%;
  box-sizing: border-box;
  padding: 3.5714285714rem 0 5rem;
  background: #f2f3f6; }
.sub-contents-wrap .cate-wrap {
  padding: 0 0 0.7142857143rem;
  width: 85.7142857143rem;
  margin: 0 auto;
  text-transform: uppercase;
  max-width: 100%; }
.sub-contents-wrap .cate-wrap > a {
  display: inline-block;
  vertical-align: middle;
  font-size: 1rem; }
.sub-contents-wrap .cate-wrap > a span {
  display: inline-block;
  margin: 0 0.7142857143rem; }
.sub-contents-wrap .cate-wrap > a:after {
  content: '';
  display: inline-block;
  width: 0.25rem;
  height: 0.25rem;
  border-top: 0.0714285714rem solid #001c48;
  border-left: 0.0714285714rem solid #001c48;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
  border-width: 0.1428571429rem;
  border-color: #d2d2d2;
  display: inline-block;
  position: relative;
  top: -0.2142857143rem; }
.sub-contents-wrap .cate-wrap > a:last-of-type {
  color: #001c48;
  font-weight: 500; }
.sub-contents-wrap .cate-wrap > a:last-of-type:after {
  display: none; }
.sub-contents-wrap .sch-box {
  padding-bottom: 1.4285714286rem;
  text-align: right; }
.sub-contents-wrap .sch-box .input-box {
  text-align: left;
  position: relative;
  display: inline-block;
  width: 18.5714285714rem;
  font-size: 0.8571428571rem; }
.sub-contents-wrap .sch-box .input-box input {
  width: 15.7142857143rem; }
.sub-contents-wrap .sch-box .input-box .btn-sch {
  position: absolute;
  right: 0;
  top: 0;
  width: 2.8571428571rem;
  height: 2.7142857143rem;
  background: #001c48; }
.sub-contents-wrap .sch-box .select-box {
  display: inline-block;
  font-size: 0.8571428571rem;
  margin-left: 0.4285714286rem; }
.sub-contents-wrap .contents {
  width: 85.7142857143rem;
  margin: 0 auto;
  max-width: 100%; }
.sub-contents-wrap .contents .tab-btns {
  margin-bottom: 3.5714285714rem; }
.sub-contents-wrap .tit-box {
  width: 100%;
  background: #fff;
  line-height: 6.1428571429rem;
  height: 6.1428571429rem;
  box-sizing: border-box;
  padding: 0 3.5714285714rem;
  margin-top: 3.5714285714rem;
  margin-bottom: 0.7142857143rem; }
.sub-contents-wrap .tit-box > span {
  display: block; }
.sub-contents-wrap .tit-box > span.str {
  font-size: 1.7142857143rem;
  font-weight: 700; }
.sub-contents-wrap .tit-box > span.right {
  font-size: 1.2857142857rem;
  font-weight: 500;
  color: #b9c1cd; }
.sub-contents-wrap .tit-box .sns-wrap {
  line-height: 1;
  margin-top: 1.7857142857rem; }
.sub-contents-wrap .tit-box .sns-wrap > a {
  display: inline-block;
  margin-left: 0.4285714286rem; }
.sub-contents-wrap .tit-box.style2 {
  margin-top: 0;
  border-left: 0.4285714286rem solid #ee2529;
  font-size: 1.2857142857rem;
  font-weight: 700;
  color: #001c48;
  padding: 0 3.2142857143rem;
  background: #fff url(../images/match_tit-0764f139f31453ef612870074997a376.png) no-repeat right center; }
.sub-contents-wrap .tit-box.m0 {
  margin-top: 0rem; }
.sub-contents-wrap .cont-box {
  width: 100%;
  padding: 3.5714285714rem;
  background: #fff;
  box-sizing: border-box;
  margin-bottom: 0.7142857143rem; }
.sub-contents-wrap .player .cont-box {
  padding: 0;
  margin-bottom: 0; }
.sub-contents-wrap .player .img-box {
  position: relative;
  width: 100%;
  height: 307px;
  background: url(../images/match_player_bg-78ab4633006ee51bb6ef086a64e7d3c6.png) no-repeat center center;
  background-size: cover;
  overflow: hidden; }
.sub-contents-wrap .player .img-box img {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;}
.sub-contents-wrap .player .txt-box {
  width: 100%;
  height: 24.7142857143rem;
  position: relative;
  box-sizing: border-box;
  padding: 30px;
  text-align: right; }
.sub-contents-wrap .player .txt-box .txt {
  text-align: left;}
.sub-contents-wrap .player .txt-box.en .txt .name {
  position: relative;
  top: -0.7rem;
}
.sub-contents-wrap .player .txt-box .txt > span {
  float: left;
  width: 75%;
  font-weight: 700;
  font-size: 18px; color: #222;}
.sub-contents-wrap .player .txt-box .txt .num {
  width: 20%;
  float: right;
  font-size: 18px;
  font-weight: 600;
  color: #ee2529;
  font-style: italic;

}
.sub-contents-wrap .player .txt-box .txt .small {
  font-size: 0.7857142857rem;
  font-weight: 500; }
.sub-contents-wrap .player .txt-box .txt dl {
  padding-top: 0.8571428571rem;
  font-size: 0.7857142857rem;
  color: #737373;
  line-height: 1.6; }
.sub-contents-wrap .player .txt-box .txt dl dd, .sub-contents-wrap .player .txt-box .txt dl dt {
  display: inline-block; }
.sub-contents-wrap .player .txt-box .txt dl dd b {
  font-weight: 500; }
.sub-contents-wrap .t-box {
  margin-bottom: 2rem;
  font-size: 1rem;
  font-weight: 300; }
.sub-contents-wrap .t-box:last-child {
  margin-bottom: 0;
}
.sub-contents-wrap .t-box h4 {
  font-size: 1.1428571429rem;
  font-weight: 700;
  color: #b9c1cd;
  padding-bottom: 1.4rem; }
.sub-contents-wrap .t-box h4 + ul {
  margin-top: 0.3571428571rem; }
.sub-contents-wrap .t-box h5 {
  margin-bottom: 1.2rem;
  font-weight: 500;
}
.sub-contents-wrap .t-box p, .sub-contents-wrap .t-box li, .sub-contents-wrap .t-box table {
  line-height: 1.8;
  word-break: keep-all; }
.sub-contents-wrap .t-box img {
  margin: 2.1428571429rem 0 2.8571428571rem; }
.sub-contents-wrap .t-box .red {
  color: #f00; }
.sub-contents-wrap .t-box .small {
  font-size: 0.9em; }
.sub-contents-wrap .t-box ul {
  margin-bottom: 1rem;
}
.sub-contents-wrap .t-box ul:last-child {
  margin-bottom: 0;
}
.sub-contents-wrap .t-box ul > li {
  line-height: 1.8;}
.sub-contents-wrap .t-box ul > li .s-list {
  margin: 0.7142857143rem 0 0.7142857143rem 0.7142857143rem; }
.sub-contents-wrap .t-box ul > li .s-list li {
  position: relative;
  padding: 0 1.4285714286rem 0 1.5714285714rem; }
.sub-contents-wrap .t-box ul > li .s-list li .dot {
  position: absolute;
  left: 0;
  top: 0; }
.sub-contents-wrap .t-box ul > li .s-list .s-list {
  margin-left: 0; }
.sub-contents-wrap .t-box ul > li .small-list {
  margin-top: 0.7142857143rem; }
.sub-contents-wrap .t-box ul > li .small-list li {
  padding: 0 1.4285714286rem 0 0;
  display: inline-block; }
.sub-contents-wrap .t-box .table {
  margin: 1.7857142857rem 0;
  text-align: center; }
.sub-contents-wrap .t-box .table table {
  width: 100%;
  margin-bottom: 1.0714285714rem; }
.sub-contents-wrap .t-box .table table td, .sub-contents-wrap .t-box .table table th {
  padding: 1.4285714286rem 0.7142857143rem;
  vertical-align: middle; }
.sub-contents-wrap .t-box .table table .line {
  border-right: 0.0714285714rem solid #e8eaee; }
.sub-contents-wrap .t-box .table .s-txt {
  text-align: left; }
.sub-contents-wrap .t-box .table.str {
  border-top: 0.1428571429rem solid #001c48; }
.sub-contents-wrap .t-box .table.str th {
  background-color: #bac2cf;
  color: #fff;
  font-size: 0.8571428571rem;
  font-weight: 500; }
.sub-contents-wrap .t-box-line {
  border: 1px solid #999;
  padding: 1rem;
  margin: 0.5rem 0 1rem;
}
.sub-contents-wrap .t-box-line > h4 {
  font-size: 1rem;
  font-weight: 500;
  color: #222;
  padding-bottom: 0.2rem;
}
.sub-contents-wrap .t-box-line > ul {
  margin-left: 1.6rem;
}
.sub-contents-wrap .t-box-line > ul > li {
  list-style-type: circle;
  padding: 0!important;
}

.sub-ban > a {
  display: block;
  width: 100%;
  height: 10rem;
  background: url(../images/match_ban-f325905bd3e32613a9eeae84087559c4.png) no-repeat center center;
  background-size: 100%;
  box-sizing: border-box;
  padding: 3.2857142857rem 3.5714285714rem; }

.club .tab-btns.sub {
  margin: 1.4285714286rem 0 2.8571428571rem; }
.club .tit-box {
  margin-top: 0; }
.club .player .img-box, .club .player .txt-box {
  height: 19.2857142857rem; }
.club .player .txt-box .txt .num {
  font-size: 1.2857142857rem; }
.club .cont-box > p {
  line-height: 1.6;
  font-weight: 300; }
.club .cont-box > p .txt-blue {
  font-weight: 700; }
.club .cont-box.left, .club .cont-box.right {
  width: calc(50% - 0.2857142857rem); }
.club .select-wrap {
  margin-top: 0; }
.club .player-view > .f-wrap {
  margin-bottom: 4.2857142857rem; }
.club .player-view .table > table {
  margin-bottom: 2.8571428571rem;
  border-top: 0.1428571429rem solid #001c48; }
.club .player-view .table > table > thead th {
  background: #fff;
  border: 0;
  color: #9b9faa;
  font-size: 0.8571428571rem;
  font-weight: 500;
  border-bottom: 0.7142857143rem solid #f2f3f6;
  padding: 1.0714285714rem 0 1rem; }
.club .player-view .table > table > tbody td {
  background: #fff;
  border-width: 0.1428571429rem;
  border-color: #f2f3f6;
  padding: 1.3571428571rem 0; }
.club .player-view .table > table > tbody td.p0 {
  padding: 0; }
.club .player-view .table > table > tbody td .btn-arrow {
  width: 3.7142857143rem;
  height: 3.7142857143rem; }
.club .player-view .table > table > tbody td .btn-arrow:after {
  content: '';
  position: relative;
  top: -0.1428571429rem;
  display: inline-block;
  width: 0.5714285714rem;
  height: 0.5714285714rem;
  border-top: 0.1428571429rem solid #c6c8ca;
  border-left: 0.1428571429rem solid #c6c8ca;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }
.club .player-view .table > table > tbody td .btn-arrow.active {
  background-color: #ee2529; }
.club .player-view .table > table > tbody td .btn-arrow.active:after {
  top: 0.1428571429rem;
  border-color: #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }
.club .player-view .table > table .hide-box > td {
  background: transparent;
  padding: 0;
  border: 0;
  margin: 0;
  vertical-align: middle; }
.club .player-view .table > table .hide-box > td .box {
  padding: 0rem 0;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }
.club .player-view .table > table .hide-box > td .box table {
  table-layout: fixed; }
.club .player-view .table > table .hide-box.show > td .box {
  padding: 0.7142857143rem 0;
  max-height: 35.7142857143rem; }

.greetings .cont-box strong {
  display: block;
  color: #001c48;
  font-weight: 700;
  font-size: 1.7142857143rem;
  line-height: 1.8; }
.greetings .cont-box strong + span {
  display: block;
  padding: 2.0714285714rem 0 3.5714285714rem;
  font-size: 1.1428571429rem;
  font-weight: 700; }
.greetings .cont-box p {
  line-height: 1.8;
  width: 60%;
  word-break: keep-all; }
.greetings .cont-box li {
  padding-bottom: 4.2857142857rem; }
.greetings .cont-box li h4 {
  font-size: 1.2857142857rem;
  font-weight: 500;
  color: #001c48;
  padding-bottom: 1.1428571429rem; }
.greetings .cont-box.bg {
  position: relative;
  background: #fff url(../images/greetings_bg-acc331e907f31e70efb5e1792b14fded.png) no-repeat right bottom; }
.greetings .cont-box.bg .name {
  position: absolute;
  right: 3.5714285714rem;
  bottom: 4.2857142857rem;
  font-weight: 700;
  font-size: 1.1428571429rem; }

.history .year {
  width: 17.5714285714rem;
  font-size: 4.2142857143rem;
  font-weight: 900;
  color: #e0e0e0;
  line-height: 1.2; }
.history .year .str {
  display: block;
  color: #001c48; }
.history .year .str:before {
  content: '~ ';
  font-weight: 500; }
.history .info {
  position: relative;
  width: calc(100% - 17.5714285714rem);
  box-sizing: border-box; }
.history .info:before {
  content: '';
  width: 0.0714285714rem;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #e6e9ed; }
.history .info ul {
  padding: 1.9285714286rem 0 3.9285714286rem; }
.history .info ul li {
  position: relative;
  font-size: 1rem;
  font-weight: 300;
  margin-bottom: 1.4285714286rem;
  padding-left: 4.8571428571rem; }
.history .info ul li:before {
  content: '';
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0%, -50%);
  -moz-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  -o-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  left: -0.2857142857rem;
  width: 0.5714285714rem;
  height: 0.5714285714rem;
  border-radius: 100%;
  background: #001c48;
  z-index: 1; }
.history .info ul .tit {
  font-size: 1.7142857143rem;
  font-weight: 700;
  margin-bottom: 2.0714285714rem; }
.history .info ul .tit:before {
  left: -0.5357142857rem;
  width: 1.0714285714rem;
  height: 1.0714285714rem;
  background: url(../images/icon/ico_dot-f349c50ef23c2ed52c307409fa280df5.png) no-repeat center center;
  background-size: 100%; }
.history .new .year .str {
  color: #ee2529; }
.history .new .info li:not(.tit):before {
  display: none; }

.ci h4 {
  font-weight: 600;
  color: #001c48;
  padding-bottom: 3.7142857143rem;
  text-align: left; }
.ci .cont-box {
  margin-bottom: 2.8571428571rem; }
.ci .main-logo {
  text-align: center;
  padding: 0 3.5714285714rem 6.5714285714rem;
  margin: 0 -3.5714285714rem;
  border-bottom: 0.1428571429rem solid #f2f3f6; }
.ci .main-logo .item {
  display: inline-block;
  vertical-align: middle;
  margin: 0 7.5rem; }
.ci .main-logo .item span {
  display: block;
  font-size: 0.8571428571rem;
  font-weight: 500;
  color: #8d93a1; }
.ci .main-logo .item span:before {
  content: '';
  display: block;
  width: 4.2857142857rem;
  height: 0.7142857143rem;
  border: 0.0714285714rem solid #001c48;
  margin: 0.6428571429rem auto 3.3571428571rem;
  border-top: 0; }
.ci .sig-logo {
  padding: 4.2857142857rem 0;
  text-align: center; }
.ci .sig-logo .item {
  display: inline-block;
  margin-bottom: 4.6428571429rem; }
.ci .sig-logo .item .tit {
  display: inline-block;
  vertical-align: middle;
  margin: 0 7.7142857143rem;
  font-size: 0.9285714286rem;
  font-weight: 500;
  min-width: 3.5714285714rem;
  text-align: left; }
.ci .sig-logo .item img {
  display: inline-block;
  vertical-align: middle; }
.ci .sig-logo .item img.pr10 {
  padding-right: 0.7142857143rem; }
.ci .sig-logo .item img.pr7 {
  padding-right: 0.7142857143rem; }
.ci .sig-logo .item img + img {
  margin: 0 8.1428571429rem; }
.ci .ban {
  font-family: 'NotoSansKR', Arial, sans-serif;
  padding: 3.2rem 3.5714285714rem;
  margin: 0 -3.5714285714rem -4.2857142857rem;
  box-sizing: border-box;
  height: 25.7142857143rem;
  background: url(../images/ci_bg-a6d1319a6b271d19f52705a8b50c102f.png) no-repeat center center;
  background-size: cover;
  color: #e6e6e6; }
.ci .ban h4 {
  color: #fff;
  font-size: 1.2857142857rem;
  padding: 0 0 2rem; }
.ci .ban p {
  line-height: 1.8;
  font-weight: 300; }
.ci .color-box {
  text-align: center;
  padding: 0 3.5714285714rem 5.9285714286rem;
  margin: 0 -3.5714285714rem;
  border-bottom: 0.1428571429rem solid #f2f3f6; }
.ci .color-box ul {
  display: inline-block; }
.ci .color-box ul li {
  float: left;
  width: 10.7142857143rem;
  padding: 0.8571428571rem;
  margin-right: 2.1428571429rem;
  border: 0.0714285714rem solid #eee;
  box-sizing: border-box; }
.ci .color-box ul li:last-of-type {
  margin-right: 0rem; }
.ci .color-box ul li:nth-of-type(1) .bg {
  background: #ee3224; }
.ci .color-box ul li:nth-of-type(2) .bg {
  background: #9d0a0f; }
.ci .color-box ul li:nth-of-type(3) .bg {
  background: #0067ac; }
.ci .color-box ul li:nth-of-type(4) .bg {
  background: #001c48; }
.ci .color-box ul li:nth-of-type(5) .bg {
  background: #c6c8ca; }
.ci .color-box ul li .bg {
  display: block;
  width: 100%;
  height: 9rem; }
.ci .color-box ul li .tit {
  text-align: left;
  display: block;
  font-weight: 600;
  padding: 0.9285714286rem 0 2rem;
  line-height: 1.4; }
.ci .color-box ul li dl {
  font-size: 0.7857142857rem;
  font-weight: 400;
  text-align: left;
  line-height: 1.6; }
.ci .color-box ul li dl dt {
  display: inline-block;
  color: #8d93a1;
  width: 2.8571428571rem; }
.ci .color-box ul li dl dd {
  display: inline-block;
  color: #000; }
.ci .bg-box {
  padding: 4.2857142857rem 0 2.1428571429rem; }
.ci .bg-box .str {
  font-weight: 700; }

.location .map-wrap p {
  font-weight: 700; }
.location .map-wrap p + p {
  font-weight: 500;
  margin-top: 1rem;
  margin-bottom: 2.8571428571rem; }
.location .map-wrap p + p .str {
  display: inline-block;
  font-weight: 900; }
.location .info-wrap .item {
  padding: 2.8571428571rem 0; }
.location .info-wrap .item + .item {
  padding: 2.8571428571rem 0 0;
  border-top: 0.1428571429rem dashed #eaeaea; }
.location .info-wrap .item h4 {
  font-weight: 700;
  padding-bottom: 1.4285714286rem; }
.location .info-wrap .item dt {
  display: inline-block;
  margin: 0 1rem 1.2142857143rem 0;
  font-weight: 700; }
.location .info-wrap .item dt:last-of-type {
  margin-bottom: 0; }
.location .info-wrap .item dt [class*="subway"] {
  display: inline-block;
  box-sizing: border-box;
  width: 1.8571428571rem;
  height: 1.8571428571rem;
  background: #fff;
  font-weight: 900;
  text-align: center;
  line-height: 1.4285714286rem;
  border-radius: 100%;
  border: 0.2142857143rem solid;
  margin-right: 0.5714285714rem; }
.location .info-wrap .item dt [class*="subway"].subway3 {
  color: #ff5b37;
  border-color: #ff5b37; }
.location .info-wrap .item dt [class*="subway"].subway5 {
  color: #9654ba;
  border-color: #9654ba; }
.location .info-wrap .item dd {
  display: inline-block;
  font-weight: 300;
  margin-bottom: 1.2142857143rem; }
.location .info-wrap .item dd:last-of-type {
  margin-bottom: 0; }

.sponsor .cont-box li {
  float: left;
  width: calc((100% - 6rem)/3);
  margin: 1rem 1rem 0 0;
  text-align: center;
  background: #fafafa;
  height: 10rem;
  border: 0.0714285714rem solid rgba(0, 28, 72, 0.1); }
.sponsor .cont-box li:nth-child(3n) {
  margin-right: 0;
}
.sponsor .cont-box li a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative; }
.sponsor .cont-box li a > img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.schedule table {
  border-top: 0.1428571429rem solid #001c48; }
.schedule table th {
  background: #fff;
  border: 0;
  border-bottom: 0.5714285714rem solid #f2f3f6;
  color: #9b9faa;
  font-size: 0.8571428571rem;
  padding: 1rem 0 1.0714285714rem; }
.schedule table td {
  padding: 1.4285714286rem 0;
  text-align: center;
  line-height: 1.6;
  border-right: 0;
  border-left: 0.1428571429rem solid #f2f3f6;
  border-bottom: 0.1428571429rem solid #f2f3f6;
  background: #fff;
  vertical-align: middle;
  font-size: 0.9285714286rem; }
.schedule table td .roboto {
  font-weight: 700;
  font-size: 1rem;
  display: block;}
.schedule table td .team {
  display: inline-block;
  vertical-align: middle;
  width: calc(68% / 2 ); }
.schedule table td .team img {
  margin: 0 0.3rem;
  display: inline-block;
  vertical-align: middle; }
.schedule table td .team .name {
  display: inline-block;
  vertical-align: middle;
  font-size: 1rem;
  font-weight: 700; }
.schedule table td .score {
  display: inline-block;
  width: 30%;
  box-sizing: border-box;
  vertical-align: middle;
  font-size: 1.2857142857rem;
  padding: 0 2.1428571429rem; }
.schedule table td .score .at {
  display: inline-block;
  font-weight: 300;
  color: #9b9faa;
  margin: 0 0.7142857143rem; }
.schedule table td .score .vs {
  font-size: 1.1428571429rem;
  color: #9b9faa;
  font-weight: 900; }
.schedule table td .btn + .btn {
  margin-left: 0.4285714286rem; }
.schedule table .line td {
  background: #f2f3f6;
  height: 0.5714285714rem;
  padding: 0; }
.schedule > .btn-wrap {
  text-align: right; }
.schedule > .btn-wrap button {
  margin-left: 0.2857142857rem; }

.match .tab-btns {
  margin-top: 1.4285714286rem; }
.match .tab-btns.btn-style {
  margin: 0 0 1.4285714286rem;
  text-align: right; }
.match .cont > .f-wrap {
  margin: 0 0 4.2857142857rem; }
.match .cont > .f-wrap .left, .match .cont > .f-wrap .right {
  width: calc(50% - 0.7142857143rem); }
.match .cont > .f-wrap .left .cont-box:not(.timeline), .match .cont > .f-wrap .right .cont-box:not(.timeline) {
  padding: 2.5rem; }
.match .cont > .f-wrap .donut-chart {
  width: 100%;
  height: 21.1428571429rem;
  box-sizing: border-box;
  padding-right: 7.1428571429rem; }
.match .timeline {
  position: relative;
  padding: 2.2857142857rem 0 0;}
.match .timeline:before {
  content: '';
  width: 0.0714285714rem;
  height: 100%;
  background: #e6e9ed;
  position: absolute;
  top: 0;
  left: 50%; }
.match .timeline ul {
  width: 50%;
  position: relative;
  left: 50%;
}
.match .timeline li {
  position: relative;
  padding-left: 3rem;
  padding-bottom: 2.8571428571rem;
  line-height: 1.6;
  font-weight: 500; }
.match .timeline li:before {
  content: '';
  position: absolute;
  top: 0.2857142857rem;
  left: -0.5rem;
  width: 1rem;
  height: 1rem;
  background: url(../images/icon/ico_dot-f349c50ef23c2ed52c307409fa280df5.png) no-repeat center center;
  background-size: 100%; }
.match .timeline li.home {
  text-align: right;
  left: -100%;
  padding-left: 0;
  padding-right: 3rem;
}
.match .timeline li.home:before {
  content: none;
}
.match .timeline li.home:after {
  content: '';
  position: absolute;
  top: 0.2857142857rem;
  right: -0.5rem;
  width: 1rem;
  height: 1rem;
  background: url(../images/icon/ico_dot-f349c50ef23c2ed52c307409fa280df5.png) no-repeat center center;
  background-size: 100%; }
.match .timeline .min {
  display: inline-block;
  vertical-align: top;
  width: 3.5714285714rem;
  font-weight: 700; }
.match .timeline .context {
  display: inline-block;
  vertical-align: top; }
.match .timeline .context img {
  height: 1rem;
  margin: 0 0.2rem;
}
.match .timeline .context img.card {
  height: 1.3rem;
  position: relative;
  top: 0.3rem;
}
.match .lineup-head {
  text-align: center;
  margin-bottom: 1.875rem; }
.match .lineup-head > div {
  display: inline-block;
  vertical-align: middle; }
.match .lineup-head .team-box {
  font-weight: 700;
  min-width: 10.8rem;
}
.match .lineup-head .team-box img {
  display: block;
  margin: 0 auto 0.7142857143rem; }
.match .lineup-head .score {
  background: #e8eaee;
  width: 5.5rem;
  text-align: center;
  line-height: 2.2857142857rem;
  font-size: 1.2857142857rem;
  font-weight: 700;
  border-radius: 0.2857142857rem;
  margin: 0 1.7142857143rem; }
.match .lineup-head .score span {
  margin: 0 0.7142857143rem; }
.match .lineup-body > ul {
  margin-bottom: 0.8571428571rem;
  border: solid 1px rgba(0, 28, 72, 0.1); }
.match .lineup-body > ul:last-child {margin-bottom: 0}
.match .lineup-body > ul > li {
  position: relative;
  background: #f7f7f7;
  border-bottom: solid 1px rgba(0, 28, 72, 0.1); }
.match .lineup-body > ul > li:last-of-type {
  border: 0; }
.match .lineup-body > ul > li:after {
  content: '';
  clear: both;
  display: block; }
.match .lineup-body > ul > li > div {
  width: 50%;
  height: 4.2857142857rem;
  float: left;
  line-height: 4.2857142857rem;
  box-sizing: border-box;
  padding: 0 3.5714285714rem;
  font-size: 1.0714285714rem;
  font-weight: 500; }
.match .lineup-body > ul > li > div .ico {
  background-size: 1.2rem;
  vertical-align: middle;
  margin: 0 0.3571428571rem; }
.match .lineup-body > ul > li > div.home-lineup {
  padding-left: 1rem;
}
.match .lineup-body > ul > li > div.away-lineup {
  padding-right: 1rem;
}
.match .lineup-body > ul > li > div.home-lineup span {
  display: block;
  float: right; }
.match .lineup-body > ul > li > div.home-lineup span.ico {
  margin: 1.2rem 0.6428571429rem 0; }
.match .lineup-body > ul > li:before {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-family: 'Campton', 'NotoSansKR', sans-serif;
  font-size: 1.0714285714rem;
  font-weight: 700; }
.match .lineup-body > ul > li > span {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-family: 'Campton', 'NotoSansKR', sans-serif;
  font-size: 1.0714285714rem;
  font-weight: 700;
}
.match .lineup-body > ul > li > span.gk {
  color: #001c48; }
.match .lineup-body > ul > li > span.df {
  color: #ee2529; }
.match .lineup-body > ul > li > span.mf {
  color: #808080; }
.match .lineup-body > ul > li > span.fw {
  color: #a71c20; }
.match .lineup-body > ul > li > span.bench {
  color: #0061af; }
.match .timeline-wrap {
  padding: 30px 35px!important;
  border-bottom: 0.2rem solid #f2f3f6;
  margin-bottom: 0!important;
}
.match .timeline-wrap .lineup-head {
  margin-bottom: 0;
}
.match .timeline-wrap .competition-line {
  float: right;
  position: relative;
  width: 53.5714285714rem; }
.match .timeline-wrap .competition-line .line {
  position: relative;
  width: 100%;
  height: 0.0714285714rem;
  margin: 3.5714285714rem auto;
  background-color: #dbdfe6; }
.match .timeline-wrap .competition-line .line .event {
  position: absolute;
  width: 1.5714285714rem;
  height: 1.2857142857rem;
  top: -0.6428571429rem;
  background-repeat: no-repeat;
  text-align: center;
  font-size: 0.8571428571rem;
  letter-spacing: -0.025em; }
.match .timeline-wrap .competition-line .line .event > span {
  position: absolute;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 1.4285714286rem;
  height: 2.0714285714rem;
  left: 0;
  right: 0; }
.match .timeline-wrap .competition-line .line .event.away > span {
  bottom: -30px; }
.match .timeline-wrap .competition-line .line .event.home > span {
  top: -30px; }
.match .timeline-wrap .competition-line .line .event.ogoal > span {
  background-image: url(../images/icon/ico_ogoal-6a7b33c3805eb62f654aaae9f2385419.png); }
.match .timeline-wrap .competition-line .line .event.goal > span {
  background-image: url(../images/icon/ico_goal-fc9381ad6c15f47f33eb97cc89824f72.png); }
.match .timeline-wrap .competition-line .line .event.red > span {
  background-image: url(../images/icon/ico_red-b17c060096f93baf9be784913611b44a.png); }
.match .timeline-wrap .competition-line .line .event.yellow > span {
  background-image: url(../images/icon/ico_yellow-34955150eed70ac035c5da0749db1705.png); }
.match .timeline-wrap .competition-line .line .event.inout > span {
  background-image: url(../images/icon/ico_inout-db82ca04574288bb22cbdc4e8654fe00.png); }
.match .timeline-wrap .competition-line .line .point {
  position: absolute;
  height: 1.2142857143rem;
  background-color: #fff;
  border-radius: 0.5714285714rem;
  padding: 0 0.3571428571rem;
  z-index: 2;
  top: -0.5714285714rem;
  font-size: 0.7857142857rem;
  line-height: 1.2142857143rem;
  font-weight: 500;
  color: #fff;
  background-color: #00477e; }
.match .timeline-wrap .competition-line .line .point .start {
  left: -0.7142857143rem; }
.match .timeline-wrap .competition-line .line .point .end {
  right: -0.7142857143rem; }
.match .statistics {
  padding: 0; }
.match .statistics .lineup-head {
  padding: 2.8571428571rem 0;
  margin: 0;
  border-bottom: 0.1428571429rem solid #f2f3f6; }
.match .statistics .btn-cont {
  padding: 2.8571428571rem; }
.match .statistics .btn-cont h5 {
  box-sizing: border-box;
  width: 72px;
  height: 28px;
  padding: 6px 0 8px;
  margin: 0 auto 30px;
  border-radius: 14px;
  background: #808080;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  text-align: center;
}
.match .statistics .btn-cont h5:nth-of-type(2) {
  margin-top: 2.8571428571rem; }

.competition .tab-btns {
  margin: 2.1428571429rem 0 2.8571428571rem; }
.competition .empty {
  text-align: center;
  padding: 7.1428571429rem 0;
  font-size: 1.2857142857rem; }
.competition .tit-box {
  margin-top: 0; }

.video .tab-btns.sub {
  margin: 0 0 1.4285714286rem; }
.video .select-wrap {
  margin: 2.7142857143rem 0 4.2857142857rem; }
.video .select-wrap .select-box {
  width: 33.33%;
  box-sizing: border-box;
  padding: 0; }
.video .select-wrap .select-box input {
  width: calc(100% - 6.4285714286rem); }
.video .select-wrap .select-box select {
  width: calc(100% - 5.7142857143rem); }
.video .select-wrap .select-box:last-of-type:after {
  display: none; }
.video .board-box .board-top > span.roboto {
  margin: 0; }

.rank .table-wrap td img {
  vertical-align: middle;
  display: inline-block; }
.rank .table-wrap tr.last td:nth-of-type(1) {
  color: #eb992e; }
.rank .table-wrap tr.last2 td:nth-of-type(1) {
  color: #ee2529; }
/* .rank .table-wrap tr:nth-last-child(2) td:nth-of-type(1) {
  color: #eb992e; }
.rank .table-wrap tr:last-child td:nth-of-type(1) {
  color: #ee2529; } */
.rank .table-wrap .txt {
  font-size: 1.0714285714rem;
  line-height: 2;
  font-weight: 500;
  margin: 2.1428571429rem 0 2.8571428571rem; }
.rank .table-wrap .s-txt {
  margin: 1rem 0;}

.record .sub-ban {
  margin-top: 4.2857142857rem; }
.record .tab-btns.sub {
  margin: 2.8571428571rem 0 0; }
.record .select-wrap {
  margin: 1.4285714286rem 0 4.2857142857rem; }
.record .player {
  margin-bottom: 3.5714285714rem; }
.record .player .cont-box {
  width: calc(33.33% - 0.5714285714rem);
  margin-right: 0.8571428571rem; }
.record .player .cont-box:last-of-type {
  margin-right: 0; }
.record .player .cont-box .img-box {
  width: 16.4285714286rem;
  height: 21.8571428571rem; }
.record .player .cont-box .img-box img {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
  -moz-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  -o-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  bottom: 0;
  width: 100%}
.record .player .cont-box .txt-box {
  width: calc(100% - 230px);
  height: 21.8571428571rem; }
.record .player .cont-box .txt-box .small {
  color: #737373;
  display: inline-block;
  margin-left: 0.3571428571rem; }
.record .tit-box.m2 {
  margin: 0 0 0.1428571429rem; }
.record .record-wrap {
  width: 100%;
  display: table;
  padding: 0;
  margin-bottom: 3.5714285714rem; }
.record .record-wrap > .item {
  position: relative;
  display: table-cell;
  border-right: 0.1428571429rem solid #f2f3f6;
  padding: 2.8571428571rem 0 0 3.4285714286rem;
  height: 11.4285714286rem;
  box-sizing: border-box; }
.record .record-wrap > .item:last-of-type {
  border: 0; }
.record .record-wrap > .item img {
  position: absolute;
  right: 2.1428571429rem;
  bottom: 1.7142857143rem; }
.record .record-wrap > .item .num {
  display: inline-block;
  font-size: 2rem;
  color: #ee2529;
  font-weight: 600;
  font-style: italic; }
.record .record-wrap > .item .txt {
  display: inline-block;
  padding-left: 1.4285714286rem;
  font-weight: 700; }
.record .record-wrap > .item .txt .small {
  display: inline-block;
  padding-left: 0.3571428571rem;
  font-size: 0.7857142857rem;
  font-weight: 400;
  color: #737373; }
.record .record-wrap > .item .txt .small b {
  font-weight: 500; }
.record .table-wrap td {
  font-size: 0.8571428571rem; }
.record .table-wrap table .name {
  font-size: 1rem;
  white-space: nowrap; }

.youth .tab-con-wrap > .cont .select-wrap {
  margin: 1.4285714286rem 0 0; }
.youth .tab-con-wrap > .cont .tit-box {
  margin-top: 0; }
.youth .str {
  display: block;
  font-size: 1.2857142857rem;
  font-weight: 700;
  margin: 0 0 2.8571428571rem; }
.youth .str + p {
  line-height: 1.6;
  padding: 0 0 4.2857142857rem; }
.youth .box {
  margin: 0 -3.5714285714rem;
  padding: 3.5714285714rem;
  border-top: 0.1428571429rem solid #f2f3f6; }
.youth .box h4 {
  width: 100%;
  background: url(../images/youth_tit_bg-5a9c82d836d1ce0d229f8ee952b2fab0.png) no-repeat center center;
  background-size: cover;
  margin-bottom: 4.2857142857rem;
  padding: 0.8571428571rem 1.6428571429rem 0.7857142857rem;
  font-size: 1.1428571429rem;
  font-weight: 700;
  color: #fff; }
.youth .box h4 img {
  margin-right: 0.7857142857rem;
  vertical-align: middle;
  display: inline-block; }
.youth .box.style2 h4 {
  background: url(../images/youth_tit_bg2-c072b4603f87dd33b0855ef002e4e0b2.png) no-repeat center center;
  background-size: cover; }
.youth .box .group {
  /*width: 50%;*/
  width: 33%;
  box-sizing: border-box;
  text-align: center; }
.youth .box .group.left {
  border-right: 1px solid #f2f3f6; }
.youth .box .group h5 {
  font-size: 1.0714285714rem;
  font-weight: 700;
  padding-bottom: 4.7857142857rem; }
.youth .box .group ul {
  display: inline-block;
  /*width: 30.8571428571rem;*/
  text-align: left; }
.youth .box .group ul li {
  display: inline-block;
  font-size: 0.8571428571rem;
  font-weight: 500;
  line-height: 1.4;
  vertical-align: top;
  margin-bottom: 2.6428571429rem;
  width: calc(33.33% - 0.2857142857rem);
  text-align: center;
  min-height: 9.2857142857rem; }
.youth .box .group ul li .img {
  position: relative;
  display: block;
  background: #eee;
  width: 6rem;
  height: 6rem;
  margin: 0 auto 0.8571428571rem;
  border-radius: 100%; }
.youth .box .group ul li .img > img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
.youth .txt-wrap {
  line-height: 1.5; }
.youth .txt-wrap img {
  max-width: 90%;
  padding: 2.1428571429rem 0; }
.youth .sns {
  padding: 1.4285714286rem 0; }
.youth .sns .left {
  position: relative;
  width: 50%;
  box-sizing: border-box;
  padding: 1.1428571429rem 2.1428571429rem; }
.youth .sns .left + .left {
  border-left: 0.1428571429rem solid #f2f3f6; }
.youth .sns .po-right {
  position: absolute;
  right: 2.1428571429rem;
  top: 2.7857142857rem;
  font-size: 0.8571428571rem;
  font-weight: 500; }
.youth .sns .po-right:hover {
  text-decoration: underline; }
.youth .sns .po-right .ico {
  margin-left: 0.3571428571rem;
  vertical-align: middle; }
.youth .sns h4 {
  font-size: 1.2857142857rem;
  font-weight: 700; }
.youth .sns h4 img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 1.0714285714rem; }
.youth .sns .sns-box {
  width: 100%;
  height: 41rem;
  margin-top: 3.2142857143rem; }
.youth .sns .sns-box img {
  width: 100%; }

.academy .t-box {
  margin-bottom: 4.2857142857rem; }

.academy .t-box:last-child {
  margin-bottom: 0; }
.academy .t-box h4 {
  color: #001c48; }
.academy .t-box h4 + .table {
  margin-top: 0.7142857143rem; }
.academy .str {
  font-weight: 500; }

.official .tab-btns.sub {
  margin: 2.8571428571rem 0 0; }
.official .t-box {
  margin-bottom: 4.2857142857rem; }
.official .t-box:last-of-type {
  margin-bottom: 0; }
.official .t-box img {
  margin: 1.4285714286rem 0 0; }
.official .t-box h4 {
  color: #001c48; }
.official .t-box h4 + .table {
  margin-top: 0.7142857143rem; }
.official .t-box li .a-link {
  display: block;
  padding: 0.3571428571rem 0 0; }
.official .t-box li .a-link .ico {
  vertical-align: middle;
  margin-right: 0.3571428571rem; }

.clean .cont-box + .cont-box {
  margin-top: -0.5714285714rem; }
.clean strong {
  display: block;
  color: #001c48;
  font-weight: 700;
  font-size: 1.7142857143rem;
  line-height: 1.4;
  padding-bottom: 1.4285714286rem; }
.clean .t-box {
  margin-bottom: 4.2857142857rem; }
.clean .t-box h4 {
  color: #001c48; }
.clean .t-box:last-of-type {
  margin-bottom: 0; }
.clean .t-box img {
  margin: 1.4285714286rem 0 0; }
.clean .t-box h4 + .table {
  margin-top: 0.7142857143rem; }

.privacy p {
  margin-bottom: 1rem; }
.privacy p + ul {
  margin-top: 0.7142857143rem; }
.privacy ul .str {
  color: #ee2529;
  text-decoration: underline; }
.privacy .dot {
  display: inline-block;
  padding-right: 0.3571428571rem; }

.login, .join {
  width: 100%;
  min-height: 50vh;
  background: #01102c url(../images/mobile/login_bg-049094101745ce5654c0159284463fbb.png) no-repeat;
  background-position: -300px -450px;
  text-align:center; }
.login .login-box, .join .login-box {
  margin: 0 auto;
  padding: 14.2857142857rem 0 21.4285714286rem;
  width: 21.4285714286rem; }
.login .login-box .form-box, .join .login-box .form-box {
  position: relative;
  text-align: left;
  margin: 6.4285714286rem 0 4.2857142857rem; }
.login .login-box .form-box label, .join .login-box .form-box label {
  color: #fff;
  font-size: 0.8571428571rem;
  font-weight: 700;
  display: block;
  margin-bottom: 0.5714285714rem; }
.login .login-box .form-box label:last-of-type, .join .login-box .form-box label:last-of-type {
  margin-top: 1.7857142857rem; }
.login .login-box .form-box input, .join .login-box .form-box input {
  width: 100%;
  box-sizing: border-box;
  padding: 0 1.1428571429rem;
  margin: 0; }
.login .login-box .form-box input::placeholder,
.login .login-box .form-box input::-webkit-input-placeholder,
.login .login-box .form-box input:-ms-input-placeholder, .join .login-box .form-box input::placeholder,
.join .login-box .form-box input::-webkit-input-placeholder,
.join .login-box .form-box input:-ms-input-placeholder {
  color: #cdd1d7; }
.login .login-box .form-box button, .join .login-box .form-box button {
  position: absolute;
  right: 0;
  bottom: -1.6rem;
  color: #8d93a1;
  font-weight: 500;
  font-size: 0.9rem; }
.login .login-box .form-box button:hover, .join .login-box .form-box button:hover {
  text-decoration: underline; }
.login .login-box .btn-wrap, .join .login-box .btn-wrap {
  position: relative;
  text-align: left;
  font-size: 0.9rem;
  font-weight: 500; }
.login .login-box .btn-wrap label, .join .login-box .btn-wrap label {
  color: #8d93a1; }
.login .login-box .btn-wrap .join-btn, .join .login-box .btn-wrap .join-btn {
  position: absolute;
  right: 0%;
  bottom: 0;
  color: #fff; }
.login .login-box .btn-wrap .join-btn:hover, .join .login-box .btn-wrap .join-btn:hover {
  text-decoration: underline; }
.login > img, .join > img {
  margin: 0 0 6.4285714286rem; }
.login .join-box, .join .join-box {
  font-size: 0.8571428571rem;
  width: 30rem;
  margin: 0 auto;
  padding: 0 0 8.1428571429rem;
  position: relative;}
.login .join-box > button, .join .join-box > button {
  margin-top: 1.25rem; }
.login .join-box > h2, .join .join-box > h2 {
  font-size: 1.7142857143rem;
  font-weight: 700;
  padding: 3.5714285714rem 0 4.2857142857rem;
  color: #fff; }
.login .join-box .box, .join .join-box .box {
  background: #fff;
  margin: 0 0 0.7142857143rem;
  box-sizing: border-box;
  width: 100%;
  padding: 2.8571428571rem 2.1428571429rem;
  text-align: left; }
.login .join-box .box label, .join .join-box .box label {
  display: block; }
.login .join-box .box .radio-box label, .join .join-box .box .radio-box label {
  display: inline-block;
  margin-right: 1.4285714286rem; }
.login .join-box .box .tit-box, .join .join-box .box .tit-box {
  position: relative;
  margin: 0;
  display: flex; align-items: center; justify-content: space-between;
}
  .login .join-box .box .tit-box, .join .join-box .box .tit-box + .tit-box {margin-top: 1.5rem;}
  .login .join-box .box .tit-box, .join .join-box .box .tit-box .chk-box {margin-top: 0;}
  .login .join-box .box .tit-box, .join .join-box .box .tit-box > a {cursor: pointer; text-decoration: underline;}
.login .join-box .box .tit-box .str, .login .join-box .box .tit-box h3, .join .join-box .box .tit-box .str, .join .join-box .box .tit-box h3 {
  font-size: 0.8571428571rem;
  font-weight: 700;
  width: 70%;
  line-height: 1.6; }
.login .join-box .box .cont-box, .join .join-box .box .cont-box {
  border-top: 0.0714285714rem solid rgba(0, 28, 72, 0.1);
  margin: 2.5714285714rem -2.1428571429rem -2.8571428571rem;
  padding: 2.8571428571rem 2.1428571429rem;
  line-height: 1.4;
  max-height: 14.2857142857rem;
  overflow-y: auto; }
.login .join-box .box .cont-box h4, .join .join-box .box .cont-box h4 {
  font-weight: 700;
  margin-bottom: 1.4285714286rem; }
.login .join-box .box .cont-box .s-box, .join .join-box .box .cont-box .s-box {
  padding: 0.7142857143rem; }
.login .join-box .input-box:last-of-type, .join .join-box .input-box:last-of-type {
  margin: 0; }
.login .join-box .input-box .s-txt, .join .join-box .input-box .s-txt {
  color: #8d93a1;
  font-size: 0.7142857143rem;
  font-weight: 500;
  margin-top: 0.9285714286rem; }
.login .join-box .input-box button, .join .join-box .input-box button {
  font-size: 0.8571428571rem; }

.player-page .player .cont-box {
  width: calc(12.5% - 0.546875rem);
  margin-right: 0.6rem;
  margin-bottom: 2.5rem; }
.player-page .player .cont-box:nth-of-type(8n) {
  margin-right: 0; }
.player-page .player .cont-box .img-box {
  width: 100%;
  height: 10rem; }
.player-page .player .cont-box .img-box img {
  width: 100%;
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translate(-50%, 0%);
  -moz-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  -o-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);}
.player-page .player .cont-box .txt-box {
  width: 100%;
  height: 4.688rem;
  padding: 1rem 1.25rem;
}
.player-page .player .cont-box .txt-box .name {font-size: 1rem; color: #222; display: block; width: 100%; text-align: center;     overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;}
.player-page .player .cont-box .txt-box > img {
  height: 1.688rem;
  position: absolute; top: -9.4rem; right: 0.6rem;
}
.player-page .player .cont-box .txt-box .small {
  color: #737373;
  margin-left: 0.4rem;
  font-size: 0.8rem; }
.player-page .player .cont-box .txt-box .num {display: block; width: 100%; text-align: center; font-size: 1rem; margin-top: 0.625rem;}

.player-page .player .cont-box .txt-box.en {display: table; padding: 0 1.25rem;}
.player-page .player .cont-box .txt-box.en .txt {display: table-cell; width: 100%; vertical-align: middle;}
.player-page .player .cont-box .txt-box.en .name {font-size: 0.8rem; top: 0;}
.player-page .player .cont-box .txt-box.en .name .small {display: block; width: 100%; margin-left: 0; margin-top: 0.2rem;}
.player-page .player .cont-box .txt-box.en .num { font-size: 0.8rem;}

.sub-contents-wrap .contents.emblem {
  margin-top: 3.5714285714rem; }
.sub-contents-wrap .contents.emblem .emblem-table {
  font-size: 0.8571428571rem;
  line-height: 1.4;
  word-break: keep-all; }
.sub-contents-wrap .contents.emblem .emblem-table th {
  background: #fff;
  color: #9b9faa;
  font-weight: 500;
  vertical-align: middle;
  padding: 1.0714285714rem 0.7142857143rem;
  border-color: #f2f3f6;
  border-width: 1px; }
.sub-contents-wrap .contents.emblem .emblem-table th[class*="bg-"] {
  color: #fff;
  font-size: 1rem; }
.sub-contents-wrap .contents.emblem .emblem-table tbody th {
  color: #222222; }
.sub-contents-wrap .contents.emblem .emblem-table tbody th .year {
  font-size: 1rem;
  display: block;
  padding-bottom: 0.6428571429rem; }
.sub-contents-wrap .contents.emblem .emblem-table tbody th + td {
  border-left: 0.1428571429rem solid #f2f3f6; }
.sub-contents-wrap .contents.emblem .emblem-table td {
  border-width: 0.1428571429rem;
  background: #fff;
  border-color: #f2f3f6;
  text-align: center;
  vertical-align: middle;
  padding: 1.0714285714rem 0.7142857143rem; }
.sub-contents-wrap .contents.emblem .emblem-table td img {
  max-width: 5rem!important;
  height: 3rem!important;
  width: auto!important;
}
.sub-contents-wrap .contents.emblem .emblem-table td span {
  display: block;
  font-weight: 500; }

/* Sub E */
.modal-wrap {
  opacity: 1;
  visibility: hidden;
  visibility: visible;
  overflow: hidden;
  position: fixed;
  width: 100%;
  height: 100vh;
  left: 0;
  top: 0;
  text-align: center;
  background: rgba(0, 0, 0, 0.7);
  z-index: 101; }
.modal-wrap.is-visible {
  opacity: 0;
  visibility: hidden; }
.modal-wrap .modal {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #fff;
  max-height: 80vh;
  overflow-y: auto; }
.modal-wrap .modal .btn-close {
  position: absolute;
  right: 2.1428571429rem;
  top: 2.1428571429rem; }

.calendar-box {
  box-sizing: border-box;
  border-top: 0.1428571429rem solid #001c48;
  font-family: 'Campton', 'NotoSansKR', sans-serif;
  font-weight: 500; }

.calendar-box .calendar__day {
  display: block;
  float: left;
  width: calc(100% / 7);
  height: 15.3571428571rem;
  box-sizing: border-box;
  text-align: right;
  box-sizing: border-box;
  padding: 1.4285714286rem 0.7142857143rem;
  background: #fff;
  border-right: 0.1428571429rem solid #f2f3f6;
  border-top: 0.1428571429rem solid #f2f3f6; }
.calendar-box .calendar__day:nth-of-type(7n) {
  border-right: 0; }
.calendar-box .calendar__day.calendar_sunday {
  color: #ee2529; }
.calendar-box .calendar__day .match-wrap {
  text-align: center;
  /*width: calc(100% -1.4285714286rem);*/
  width: calc(100% - 1.4285714286rem);
  margin: 1.4285714286rem auto 0;
  height: 90%;
  overflow-y: auto; }
.calendar-box .calendar__day .match-wrap li {
  display: table;
  width: 100%;
  padding: 0 1.7857142857rem;
  box-sizing: border-box;
  background: #f2f3f6;
  height: 3.5714285714rem;
  margin-bottom: 0.1428571429rem; }
.calendar-box .calendar__day .match-wrap li > div {
  display: table-cell;
  vertical-align: middle;
  font-size: 0.7142857143rem; }
.calendar-box .calendar__day .match-wrap li > div img {
  display: block;
  margin: 0 auto 0.2857142857rem; }
.calendar-box .calendar__day .match-wrap li .score {
  font-size: 0.9285714286rem;
  font-weight: 700;
  color: #001c48; }
.calendar-box .calendar__day .match-wrap li .score .at {
  display: inline-block;
  margin: 0 0.3571428571rem; }
.calendar-box .calendar__day .empty {
  display: block;
  text-align: center;
  font-size: 1rem;
  padding: 5rem 0;
  color: #9b9faa; }

.calendar-box .calendar_day_of_week {
  background-color: #FFFFFF;
  display: block;
  float: left;
  width: calc(100% / 7);
  box-sizing: border-box;
  text-align: center;
  line-height: 2.8571428571rem;
  color: #9b9faa;
  font-weight: 500;
  border-right: 0.1428571429rem solid #f2f3f6; }
.calendar-box .calendar_day_of_week:nth-of-type(7n) {
  border-right: 0; }

/* table style S */
.cal-table-wrap {
  border-top: 0.1428571429rem solid #001c48;
  font-family: 'Campton', 'NotoSansKR', sans-serif;
  font-weight: 500; }
.cal-table-wrap table {
  border: 0;
  width: 100%;
  table-layout: fixed; }
.cal-table-wrap .calendar_day_of_week {
  background-color: #FFFFFF;
  box-sizing: border-box;
  text-align: center;
  line-height: 2.8571428571rem;
  color: #9b9faa;
  font-weight: 500;
  border-right: 0.1428571429rem solid #f2f3f6;
  border-bottom: 0;
  width: calc(100% / 7);
  padding: 0;
  font-size: 1rem; }
.cal-table-wrap .calendar_day_of_week:nth-of-type(7n) {
  border-right: 0; }
.cal-table-wrap .calendar__day {
  height: 10.7142857143rem;
  box-sizing: border-box;
  text-align: right;
  padding: 1.4285714286rem 0.7142857143rem;
  background: #fff;
  border-right: 0.1428571429rem solid #f2f3f6;
  border-top: 0.1428571429rem solid #f2f3f6;
  vertical-align: top; }
.cal-table-wrap .calendar__day:nth-of-type(7n) {
  border-right: 0; }
.cal-table-wrap .calendar__day.calendar_sunday {
  color: #ee2529; }
.cal-table-wrap .calendar__day .match-wrap {
  text-align: center;
  width: 100%;
  margin: 1.4285714286rem auto 0; }
.cal-table-wrap .calendar__day .match-wrap .team, .cal-table-wrap .calendar__day .match-wrap .score {
  width: calc(100% / 3);
  min-width: auto;
  color: #222222; }
.cal-table-wrap .calendar__day .match-wrap .team .name, .cal-table-wrap .calendar__day .match-wrap .score .name {
  font-size: inherit;
  font-weight: inherit; }
.cal-table-wrap .calendar__day .match-wrap li {
  display: table;
  width: 100%;
  text-align: center;
  padding: 0 1.7857142857rem;
  box-sizing: border-box;
  background: #f2f3f6;
  height: 3.5714285714rem;
  margin-bottom: 0.1428571429rem; }
.cal-table-wrap .calendar__day .match-wrap li > div {
  display: table-cell;
  vertical-align: middle;
  font-size: 0.7142857143rem; }
.cal-table-wrap .calendar__day .match-wrap li > div img {
  display: block;
  margin: 0 auto 0.2857142857rem; }
.cal-table-wrap .calendar__day .match-wrap li .score {
  font-size: 0.9285714286rem;
  font-weight: 700;
  color: #001c48;
  padding: 0; }
.cal-table-wrap .calendar__day .match-wrap li .score .at {
  display: inline-block;
  margin: 0 0.3571428571rem; }
.cal-table-wrap .calendar__day .empty {
  display: block;
  text-align: center;
  font-size: 1rem;
  padding: 5rem 0;
  color: #9b9faa; }


/* Slider S */
.main .main-banner .slider {
  position: relative;
  text-align: center;
  margin: 0 auto; }
.main .main-banner .slider .swiper-wrapper > div {
  width: 100%;
}
.main .main-banner .slider .swiper-slide > img {
  width: 100%; }
.main .main-banner .slider .swiper-pagination {
  position: absolute;
  bottom: 20px; }
.main .main-banner .slider .swiper-pagination-bullet {
  background: #fff; }

/* table style E */

/*# sourceMappingURL=style.css.map */


/* 21.05.24 style add */
.tl-wrap {margin-top: 50px; padding-bottom: 30px;}

.clearfix{zoom: 1; /* ie 6,7 */}
.clearfix:before, .clearfix:after{content: " "; display: table;}
.clearfix:after{clear: both;}

/* match */
.cont-box.match-result-wrap {padding: 0;}
.match-result-wrap > ul > li {text-align: center;}
.match-result-wrap > ul > li > div {float: left;}
.match-result-wrap > ul > li.btn {width: 100%;}
.match-result-wrap > ul > li.btn > input[type="button"] {background: #001c48; color: #fff; font-size: 13px; font-weight: bold; box-sizing: border-box; width: 130px; height: 40px; line-height: 40px; border: 0; margin: 30px auto;}

.match-result {box-sizing: border-box; width: 1126px; height: 143px; padding: 30px 0 30px 72px; border-right: 2px solid #f2f3f6; border-bottom: 2px solid #f2f3f6;}
.match-result > h6 {font-size: 11px; color: #001c48; font-weight: bold; margin-bottom: 4px;}
.match-result > h6 > span {font-size: 14px;}
.match-result > span {font-size: 12px; letter-spacing: -0.48px; color: #8d93a1;}
.match-result .lineup-head {margin-top: 20px; margin-bottom: 0;}
.match-result .team-box > div {margin: 0 10px; display: inline-block; margin-bottom: 10px; vertical-align: top; margin-top: 10px;}
.match-result .team-box > img {width: 32px; display: inline-block!important; margin: 0!important;}

.match-go {box-sizing: border-box; width: 74px; height: 143px; border-bottom: 2px solid #f2f3f6; cursor: pointer; background: url(../images/btn-after-9658625a87cd5c87028248687b6734f8.png) no-repeat center;}
.match-go:hover {background: #ee2529 url(../images/btn-after_w-6820baafa91ba7c86a64128620573111.png) no-repeat center;}

.cont-box.match-record-wrap {padding: 0;}
.match-record-wrap > ul > li {text-align: center; border-bottom: 2px solid #f2f3f6;}
.match-record-wrap > ul > li > div {display: inline-block; width: 293px; padding: 20px 30px; font-size: 14px; font-weight: bold;}
.match-record-wrap > ul > li > div.roboto {font-size: 28px; font-weight: 900;}
.match-record-wrap > ul > li > div.lineup-head {margin-bottom: 0; padding: 30px; font-size: 18px;}
.match-record-wrap > ul > li > div:first-child,
.match-record-wrap > ul > li > div:last-child {width: 320px;}

.match.player .cont-box {width: calc((100% - 20px) / 3)!important; margin-right: 10px;}
.match.player .cont-box:nth-of-type(3n) {margin-right: 0;}
.match.player .cont-box .img-box {width: 230px; height: 306px;}
.match.player .cont-box .img-box > img {width: 230px;}
.match.player .cont-box .txt-box {width: calc(100% - 230px); height: 306px;}
.match.player .cont-box .txt-box > img {width: 56px;}

.video-list.f-wrap {margin-bottom: 0!important;}
.match.select-wrap {margin-top: -40px!important;}
.match.select-wrap .select-box .calendar + button img {top: 5px;}
.match.pagination {margin-bottom: 60px;}

.match-detail {margin-top: 50px;}
.match-detail-wrap {padding: 0!important;}
.match-detail-wrap > ul > li {text-align: center;}

.match-detail-wrap > ul > li:first-child > div {width: 100%; margin: 0 auto; border-bottom: 10px solid #f2f3f6;}
.match-detail-wrap > ul > li:first-child > div > div {display: inline-block; width: 293px; padding: 20px 30px; font-size: 14px; font-weight: bold;}
.match-detail-wrap > ul > li:first-child > div > div.roboto {font-size: 28px; font-weight: 900;}
.match-detail-wrap > ul > li:first-child > div > div.lineup-head {margin-bottom: 0; padding: 30px; font-size: 18px;}
.match-detail-wrap > ul > li:first-child > div > div:first-child,
.match-detail-wrap > ul > li:first-child > div > div:last-child {width: 250px;}

.match-detail-wrap > ul > li > div {float: left;}

.match .cont .left .match-record {padding: 0!important;}
.match .cont .left .match-record ul {width: 100%;}
.match .cont .left .match-record ul .match-result {width: 88%; height: 118.4px; display: inline-block; margin-right: -4px; vertical-align: top; padding: 26px 0 0; text-align: center;}
.match .cont .left .match-record ul .match-result .lineup-head {margin-top: 1rem;}
.match .cont .left .match-record ul .match-go {width: 12%; height: 118.4px; display: inline-block; vertical-align: top;}

.match .cont .right .f-wrap {margin-bottom: 4.2857142857rem;}
.match .cont .right .f-wrap:last-child {margin-bottom: 0;}
.match .cont .right .cont-box.player {padding: 0!important; margin-bottom: 0.7142857143rem;}
.match .cont .right .cont-box.player .img-box {width: 70%; height: 24.7142857143rem; display: inline-block; margin-right: -4px; vertical-align: top;}
.match .cont .right .cont-box.player .img-box > img {width: 70%;}
.match .cont .right .cont-box.player .txt-box {box-sizing: border-box; width: 30%; display: inline-block; vertical-align: top;}
.match .cont .right .cont-box.player .txt-box .txt {margin-top: 7.6rem;}
.match .cont .right .cont-box.player .txt-box .txt .num {display: block; float: left; font-size: 2rem; width: 100%;}
.match .cont .right .cont-box.player .txt-box .txt .name {display: block; width: 100%; margin: 1.8rem 0 0.6rem;}
.match .cont .right .cont-box.player .txt-box .txt dl {display: initial; width: 100%;}

.match .tit-box .team-box > ul {margin: 0.4rem 0; width: 20rem; height: 2.9rem; overflow-y: auto;}
.match .tit-box .team-box > ul > li {display: inline-block; margin: 0 0.2rem 0.2rem; font-size: 0.91rem; color: #b4b1b2; font-weight: 300;}

.match .f-wrap .s-txt {font-size: 1rem; font-weight: 500; font-family: 'Campton', 'NotoSansKR', sans-serif; line-height: 180%; color: rgba(0, 28, 72, 0.45); text-align: right}

.competition-line > .point {position: absolute; top: 43px; width: 24px; height: 17px; line-height: 16px; background: #00477e; border-radius: 10px; text-align: center; font-size: 10px; color: #fff; z-index: 2;}
.competition-line > .point.half {left: 50%; margin-left: -12px;}
.competition-line > .point.end {right: 0;}
.competition-line .match.line {width: 50%!important; float: left;}
.competition-line .match.line .event {top: -6px!important;}

.record .player .cont-box.player-rank.right {width: calc(66.66% - 0.5714285714rem);}
.record .player .cont-box.player-rank {height: 268px;}
.record .player .cont-box.player-rank .img-box {width: 200px; height: 268px;}
.record .player .cont-box.player-rank .img-box > img {width: 100%;}
.record .player .cont-box.player-rank .txt-box {width: calc(100% - 200px); height: 268px;}
.record .player .cont-box.player-rank .txt-box .num {font-size: 18px; padding-bottom: 20px; width: 8rem;}
.record .player .cont-box.player-rank .txt-box .name {font-size: 18px; width: 8rem;}
.record .player .cont-box.player-rank .txt-box .name > span {font-size: 14px;}

.quarter {width: calc((100% - 40px) / 3); margin-right: 16px; display: inline-block; margin-bottom: 50px;}
.quarter.last {margin-right: 0;}

.player-rank .table-wrap td {padding: 20px 0; font-size: 14px; color: #222;}
.player-rank .btn-wrap {margin-top: 40px; text-align: center;}
.player-rank .tit-box > button {float: right; margin-top: 23px;}
.player-rank .txt > .small {padding-top: 10px; margin-left: 0!important;}
.player-rank .txt > button {box-sizing: border-box; width: 114px; height: 40px; margin-top: 24px;}
.player-rank > .player {margin-bottom: 0;}

.rank-graph {padding: 40px!important; box-sizing: border-box;}
.rank-graph .bar-wrap > li {margin-bottom: 20px;}
.rank-graph .bar-wrap > li:last-child {margin-bottom: 0;}
.rank-graph .bar-wrap > li > div.title {width: 130px; text-align: left;}
.rank-graph .bar-wrap > li > div.score {width: 24px; padding-right: 10px; text-align: right;}
.rank-graph .bar-wrap > li > div.prg {width: 160px; text-align: right;}
.rank-graph .bar-wrap > li > div.prg .progress-bar {max-width: 100%; background: #ee2529;}

.stadium-btn > ul > li {float: left; width: 100px; height: 38px; line-height: 38px; background: #f7f7f7; border: 1px solid #e6e9ed; font-size: 1rem;
  color: #808080; font-weight: 400; padding: 0; text-align: center; cursor: pointer;}
.stadium-btn > ul > li:not(:first-child) {margin-left: -1px;}
.stadium-btn > ul > li.active {background: #ee2529; color: #fff;}

.player-hover {cursor: pointer;}

.sub-top .btn-relay {width: 180px; height: 43px; color: #fff; font-family: 'NotoSansKR',sans-serif;  font-size: 15px; line-height: 40px; margin-top: 20px; border: 0; background: url(../images/btn-relay-bg-8f7a1b72ee1959397bb32b87dfafd7f8.png) no-repeat; background-size: 100%; font-weight: 500; cursor: pointer;}

.relay-btn > li {display: inline-block; margin: 1.25rem 0.3rem;}
.relay-btn > li > button {width: 13rem; height: 2.75rem; color: #fff; font-size: 1rem; font-weight: 400; cursor: pointer; vertical-align: top;}
.naver-relay {background: #3bac37 url(../images/small-btn-bg-3073bb869faa1c7d75f8034cc93bd698.png) no-repeat; background-position: left top; background-size: auto 100%;}
.naver-relay > img {vertical-align: middle; margin-right: 0.2rem; height: 1rem; position: relative; top: -0.1rem;}
.daum-relay {background: #0061af url(../images/small-btn-bg-3073bb869faa1c7d75f8034cc93bd698.png) no-repeat; background-position: left top; background-size: auto 100%;}
.daum-relay > img {vertical-align: middle; margin-right: 0.2rem; height: 1.2rem;}
.afreeca-relay {background: #001c48 url(../images/small-btn-bg-3073bb869faa1c7d75f8034cc93bd698.png) no-repeat; background-position: left top; background-size: auto 100%;}
.afreeca-relay > img {vertical-align: middle; margin-right: 0.2rem; height: 1.2rem; position: relative; top: -0.1rem;}
.coupangPlay-relay {background: #555 url(../images/small-btn-bg-3073bb869faa1c7d75f8034cc93bd698.png) no-repeat; background-position: left top; background-size: auto 100%;}
.coupangPlay-relay > img {vertical-align: middle; margin-right: 0.2rem; height: 80%; position: relative; top: -0.1rem;}


.highlights {margin-top: -4.4rem; width: 100%; text-align: right;}
.highlights > li {margin: 1.875rem 0.3rem;}

/* main banner img */
.app {position: relative;}
.app .app-tit {font-size: 24px; color: #222; font-weight: 700;}
.app > p {font-size: 1.2rem; color: #737373; line-height: 160%; margin-top: 1.2rem;}
.app .app-store {margin-top: 2rem; }
.app .app-store > img {height: 2.5rem; margin-right: 0.5rem;}
.app .mobile-img {position: absolute; top: 0; left: 520px;}

.ban > img {cursor: pointer;}
.tv > a > img {margin-bottom: 115px; cursor: pointer;}
.tv.etc {margin-bottom: 6rem;}
img.ticket-banner {cursor: pointer;}

.ban-wrap {padding-bottom: 6rem;}
.ban-wrap a {cursor: pointer;}
.ban-wrap > img {height: 211px;}
.ban-wrap > img + img {margin-top: 2rem;}

.bro-tit {font-size: 21px; color: #001c48; margin: 10px 0 60px; font-weight: 900;}
.bro-tit .str {font-family: 'Campton','NotoSansKR',sans-serif;}

.side-more {float: right; position: relative; top: -2.2rem;}

.result-label {display: block; width: 3.2rem; height: 1.2rem; border-radius: 0.2rem; color: #fff; font-size: 0.7rem; line-height: 1.2rem; text-align: center; margin: 0.3rem auto 0;}
.result-label.end {background: #ee2529;}
.result-label.half {background: #001c48;}
.result-label.before {background: #808080;}


/* my page */
.mypage-wrap {width: 100%; margin-top: 50px;}
.mypage-wrap > div.mypage-box {display: inline-block; width: calc((100% - 48px) / 3); margin-right: 20px; vertical-align: top;}
.mypage-wrap > div:last-child {margin-right: 0;}
.mypage-wrap > div > div {position: relative; background: #fff; padding: 45px 25px; text-align: center; box-sizing: border-box; min-height: 276px;}
.mypage-wrap > div > div > img {height: 72px;}
.mypage-wrap > div > div > img.ticket {width: 72px; height: auto; margin: 15px 0 6px;}
.mypage-wrap > div > div > span.num {position: absolute; top: 88px; left: 207px; font-size: 16px; color: #fff;}
.mypage-wrap > div > div > p {margin: 35px 0 20px; font-size: 18px; font-weight: 700;}
.mypage-wrap > div > div > p > span {font-weight: 400;}
.mypage-wrap > div > div > div > input[type="button"] {width: calc((100% - 10px) / 2); height: 40px; border: 1px solid #0061af; color: #0061af; text-align: center; font-family: 'NotoSansKR', Arial, sans-serif; background: #fff; font-size: 14px; font-weight: 500;}
.mypage-wrap > div > div > div > input[type="button"]:first-child:nth-last-child(1) {width: 100%; margin-left: 0;}
.mypage-wrap > div > div > div > input[type="button"]:last-child {margin-left: 6px;}
.mypage-wrap > div > div > div > input[type="button"]:hover {background: #001c48 url(../images/ticket-btn-bg-3073bb869faa1c7d75f8034cc93bd698.png) no-repeat; background-size:  auto 100%; background-position: left top; color: #fff; cursor: pointer;}
.mypage-wrap > div > div > div > input[type="button"]:first-child:nth-last-child(1):hover,
.mypage-wrap > div > div > div > input[type="button"]:last-child:hover {border: 0; background: #0061af url(../images/ticket-btn-bg-3073bb869faa1c7d75f8034cc93bd698.png) no-repeat; background-size:  auto 100%; background-position: left top;}


.mypage-wrap .profile-float {width: calc(50% - 0.7142857143rem); background: none; padding: 0;}
.mypage-wrap .profile-float h3 {text-align: left;}
.mypage-wrap .profile-box > div .form-box {width: 360px; margin: 0 auto;}
.mypage-wrap .profile-box > div .form-box .input-box {text-align: left;}
.mypage-wrap .profile-box > div .form-box .input-box:last-child {
  margin-bottom: 0;}
.mypage-wrap .profile-box > div .form-box .input-box.last {margin-bottom: 10px;}
.mypage-wrap .profile-box > div .form-box .input-box > label {display: block;}
.mypage-wrap .profile-box > div .form-box .input-box > p {font-size: 13px; font-weight: 400; line-height: 140%; color: #8d93a1; margin-top: 13px;}
.mypage-wrap .profile-box > div .form-box .input-box .radio-box > label {padding: 0 20px;}
.mypage-wrap .profile-box > div.btn-wrap {background: none; padding: 30px 0 40px; min-height: auto}
.mypage-wrap .btn-wrap > button {margin-left: 0;}
.mypage-wrap .profile-con {background: #fff; padding: 30px; box-sizing: border-box; min-height: 424px;}

.mypage-wrap > div.reserve-box > div {position: relative; background: none; padding: 0; text-align: left;}
.mypage-wrap .reserve-box > table .finish {color: #ee2529;}
.mypage-wrap .reserve-box > table .cancle {color: #0061af;}
.mypage-wrap .reserve-box > p.txt {font-size: 12px; line-height: 180%; color: #9b9faa; margin-top: 20px;}
.mypage-wrap .reserve-box .reserve-none {padding: 110px 0 120px; background: #fff; min-height: 240px; display: table; width: 100%; text-align: center;}
.mypage-wrap .reserve-box .reserve-none div {display: table-cell; vertical-align: middle;}
.mypage-wrap .reserve-box .reserve-none div > img {width: 120px; height: auto; margin-bottom: 20px;}
.mypage-wrap .reserve-box .reserve-none div > p {font-size: 18px; color: #8d93a1; font-weight: 500; margin: 20px 0 30px;}
.mypage-wrap .reserve-box .reserve-none div > p.desc {font-size: 16px; color: #2a2a2c; font-weight: 400; line-height: 160%; margin: 0;}

.mypage-wrap .reserve-box .fav-team {box-sizing: border-box; display: inline-block; background: #fff; margin-right: 9px; width: calc((100% - 39px) / 4); height: 231px; vertical-align: top; padding: 60px 0; text-align: center; margin-bottom: 10px;}
.mypage-wrap .reserve-box .fav-team:nth-of-type(4n) {margin-right: 0;}
.mypage-wrap .reserve-box .fav-team > p { margin: 20px 0 0; color: #001c48; font-size: 18px; font-weight: 700;}
.mypage-wrap .reserve-box .fav-team > img {height: 72px; margin: 0 auto;}
.mypage-wrap .reserve-box .fav-team > img.kleague {display: none;}

.mypage-wrap .reserve-box .fav-team:hover > img:not(.kleague) {display: none;}
.mypage-wrap .reserve-box .fav-team:hover > img.kleague {display: block;}
.mypage-wrap .reserve-box .fav-team:hover {background: url(../images/bg-ov-f6addc16989da7a27c1c5cddacd3d838.png) no-repeat; cursor: pointer;}
.mypage-wrap .reserve-box .fav-team:hover > p {color: #fff;}
.mypage-wrap .reserve-box .fav-team.active {background: url(../images/bg-ov-f6addc16989da7a27c1c5cddacd3d838.png) no-repeat; cursor: pointer;}
.mypage-wrap .reserve-box .fav-team.active > p {color: #fff;}
.mypage-wrap .reserve-box .btn-wrap {text-align: center; min-height: auto;}

.mypage-wrap .btn-wrap button:first-child:nth-last-child(2),
.mypage-wrap .btn-wrap button:first-child:nth-last-child(2) ~ button {margin: 0 0.25rem;}

.mypage-wrap .form-box .input-box .desc {font-size: 0.75rem; margin-top: 0.5rem; text-align: right; color: #777;}

.mypage-wrap > div > .mypage-point {min-height: auto; background-color: transparent; padding: 1rem 0 0; text-align: left; color: #ee2529; line-height: 1.8; font-size: 0.875rem;}

/* login */
.login-box > img {height: 64px; position: relative; left: -10px;}
.login-box > p {color: #fff; margin-top: 24px; font-size: 18px;}
.login .login-box .form-box, .join .login-box .form-box {margin-top: 64px;}

/* video */
.video .table-wrap td {box-sizing: border-box; height: 54px;}
.video .table-wrap td.left {text-align: left; padding: 0 16px;}

.video .sch-box {padding-bottom: 20px;}
.video .tab-button {display: inline-block; margin-right: 6px; margin-bottom: 0; text-transform: uppercase;}

/* news */
.tab-btns.double {margin-bottom: 1.4285714286rem!important;}
.select-wrap.double {margin-top: 0!important; margin-bottom: 1.4285714286rem!important;}
.select-wrap.table-style .select-box.news {display: block!important; width: 400px;}
.news .tab-btns.sub {margin: 0 0 1.4285714286rem}

.table-wrap.list td {box-sizing: border-box; height: 3.6rem; line-height: 160%; white-space: nowrap; text-overflow: ellipsis; overflow-x: hidden;}
.table-wrap.list td.left {text-align: left; padding: 0 0.6rem;}
.table-wrap.list .high-label {box-sizing: border-box; display: inline-block; position: relative; top: -0.1rem; width: fit-content; height: 1.2rem; background: #001c48; color: #fff; font-size: 0.8rem; text-transform: uppercase; font-weight: 500; text-align: center; line-height: 1.2rem; margin-right: 0.8571428571rem; padding: 0 0.4rem;}
.table-wrap.list .high-label.red {background: #ee2529;}

.news .sch-box {padding-bottom: 1.4285714286rem;}
.news .tab-button {display: inline-block; margin-right: 6px; margin-bottom: 0; text-transform: uppercase;}

.data-empty {padding: 2rem 0; text-align: center;}

.tab-button {text-align: right; margin-bottom: 20px;}
.tab-button > ul > li {display: inline-block; margin-left: 2px; width: 100px; height: 38px; vertical-align: middle; border: 1px solid #dfe2e8; background: #f7f7f7; color: #b9b9b9; font-size: 13px; text-align: center; line-height: 38px; cursor: pointer; text-transform: uppercase;}
.tab-button > ul > li > span {display: flex; align-items: center; justify-content: center; column-gap: 2px;}
.tab-button > ul > li.active {background: #001c48; color: #fff;}
.tab-button > ul > li img {width: 20px; position: relative; top: 4.5px; margin-right: 2px;}

.board-con > img {width: 100%;}
.board-file {box-sizing: border-box; width: 100%; border-bottom: 2px solid #f2f3f6; padding: 20px 50px; display: flex; align-items: flex-start; column-gap: 20px;}
.board-file > p {height: 36px; font-size: 14px; font-weight: 700; display: flex; align-items: center;}
.board-file > ul {flex: 1; display: flex; flex-wrap: wrap; grid-gap: 10px;}
.board-file > ul > li > a {display: flex; align-items: center; column-gap: 4px; font-size: 14px; width: fit-content; height: 36px; padding: 0 15px; border: 1px solid #C6C8CA; border-radius: 50px;}

/* schedule result */
.schedule .double {margin-top: 30px!important;}

.date-wrap button:not(.right) {display: inline-block; margin-left: 60px;}
.date-wrap .tab-button {margin-bottom: 0; display: flex; align-items: center; column-gap: 10px;}

.input-checkbox input + label {display: flex; column-gap: 8px; align-items: center;}
.input-checkbox input + label::before {content: ''; width: 22px; height: 22px; background-image: url(../images/ico/ic-chekbox-4322ed6dffb2e5c57a5f63974974c3e3.svg); background-repeat: no-repeat; background-size: contain; background-position: center;}
.input-checkbox input + label > span {font-size: 14px; font-weight: 400; color: #737373;}
.input-checkbox input:checked + label::before {background-image: url(../images/ico/ic-chekbox-ov-6b5668cec0182bf1d4202a946bc5ed77.svg);}

.schedule .select-page {margin-top: 1.4285714286rem;}
.schedule .select-page1 {margin-top: 1.4285714286rem;}
.schedule .select-page2 {margin-top: 1.4285714286rem;}
.schedule .select-page3 {margin-top: 1.4285714286rem;}
.schedule .select-page4 {margin-top: 1.4285714286rem;}
.schedule .select-page5 {margin-top: 1.4285714286rem;}
/*.schedule-bar-fixed {position: fixed; top: 45px; padding-top: 13px; background: #f2f3f6; box-shadow: 5px 10px 10px -5px rgb(15 16 16 / 8%); width: 85.7142857143rem; box-sizing: border-box;}*/
.schedule-bar-fixed {position: fixed; top: 45px; padding-top: 13px; background: #f2f3f6; box-shadow: 5px 10px 10px -5px rgba(15, 16, 16, 0.08); width: 85.7142857143rem; box-sizing: border-box;}

/* player */
.player-page .tab-btns.sub {margin: 2.8571428571rem 0 0;}
.past-player {margin-bottom: 30px;}
.past-player:last-child {margin-bottom: 0;}
.past-player > li {display: inline-block; box-sizing: border-box; width: calc((100% - 50px) / 6); height: 83px; margin-right: 6px; margin-bottom: 10px; background: #fff; padding: 20px; text-align: center; color: #737373; font-size: 14px; vertical-align: top;}
.past-player > li:nth-of-type(6n) {margin-right: 0;}
.past-player > li p {display: block; color: #222; font-size: 18px; margin-bottom: 11px;}
.past-player > li > div {display: table; width: 100%; height: 100%;}
.past-player > li > div > div {display: table-cell; vertical-align: middle;}

.en .past-player > li{height: 97px;}
.en .past-player > li p {font-size: 16px;}

/* record */
.record .table-wrap .point {background: #fef4f4; position: relative;}
.record .table-wrap .point > div {border-left: 3px solid #f11b17; border-right: 3px solid #f11b17; display: block; position: absolute; width: 100%; height: 60px; top: 0; left: -3px;}
.record .table-wrap tr:last-child .point > div {height: 100%;}

/* rank */
.rank .table-wrap .point {background: #fef4f4; position: relative;}
.rank .table-wrap .point > div {border-left: 3px solid #f11b17; border-right: 3px solid #f11b17; display: block; position: absolute; width: 100%; height: 60px; top: 0; left: -3px;}
.rank .table-wrap tr:last-child .point > div {height: 100%;}

.record-player .img-box {float: left; position: relative; width: 30.7142857143rem; height: 24.7142857143rem; background: url(../images/match_player_bg-78ab4633006ee51bb6ef086a64e7d3c6.png) no-repeat center center; background-size: cover; overflow: hidden; }
.record-player .img-box img {position: absolute; bottom: 0; right: 0; max-height: 120%;}
.record-player .txt-box {float: left; width: calc(100% - 230px); height: 21.4285714286rem; position: relative; box-sizing: border-box; padding: 1.7857142857rem; text-align: right;}
.record-player .txt-box .txt {text-align: left; position: absolute; left: 1.7857142857rem; bottom: 1.7857142857rem;}
.record-player .txt-box .txt > span {display: block; font-weight: 700;}
.record-player .txt-box .txt .record-num {font-size: 25px; font-weight: 600; color: #ee2529;  font-style: italic; padding-bottom: 1.0714285714rem; display: block!important; float: none!important;}
.record-player .img-box img {width: 230px; position: absolute; left: 50%; -webkit-transform: translate(-50%, 0%); -moz-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); transform: translate(-50%, 0%); bottom: -0.0714285714rem;}
.record-player .txt-box .small {color: #737373; display: block!important; margin-left: 0.3571428571rem;}
.record-player .txt-box .past-small {color: #737373; display: inline-block; margin-left: 0.3571428571rem; font-size: 11px;}

.record-player.detail .txt-box > img {height: 56px;}

.record-label {display: inline-block; width: 1.3rem; height: 1.3rem; border-radius: 0.2rem; font-size: 0.8rem; line-height: 1.3rem; font-weight: 400; margin: 0 0.1rem;}
.record-label.win {background: #0061af; color: #fff;}
.record-label.draw {background: #737373; color: #fff;}
.record-label.loss {background: #ee2529; color: #fff;}

/* match */
.score-player {display: flex;}
.score-player > li:first-child {margin-right: 10px;}
.score-player > li {vertical-align: top; box-sizing: border-box; display: inline-block; width: calc((100% - 3px) / 2); margin-right: -1px; background: #fff; text-align: center; padding: 1.25rem; font-weight: 500;}
.score-player > li span {margin: 0 0.4rem;}
.score-player > li img {vertical-align: top; margin-left: 0.1rem;}

.cont-box.right.player-rank > table {table-layout: fixed;}
.cont-box.right.player-rank > table th {width: 15%;}
.cont-box.f-wrap.left.player-rank.record-player.detail > .txt-box .name {width: 100%!important;}
.f-wrap.player-rank > .table-wrap table {table-layout: fixed;}

.formation {width: 100%; padding-top: 200%; margin: 0; background: url(../images/img-lineup-bg-cdc03ad3636f49ede6f9e988682a0465.png) no-repeat; background-size: 100% 100%; position: relative;}
.formation > div > div {
  position: absolute; display: flex; flex-flow: column; row-gap: 6px; align-items: center; cursor: pointer;
  width: 10rem; height: fit-content; margin-top: -5rem; margin-left: -5rem;
}

.formation-desc {background: rgba(0, 0, 0, .3); width: 100%; height: 100%;}
.formation-desc > span {font-size: 1.2rem; color: #fff; font-weight: 700; width: 100%; text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);}

.formation > div .player-img {width: 52px; height: 52px; margin: 0 auto; border-radius: 100%; background-color: #e3e5e9; border: 2px solid #fff; background-repeat: no-repeat; background-size: cover; background-position: top center; image-rendering: -webkit-optimize-contrast;}
.formation > div .player-info {display: flex; box-sizing: border-box;}
.formation > div .player-info .grade {padding: 0 6px; margin-right: 4px; display: flex; align-items: center; justify-content: center; height: 16px; font-size: 12px; font-weight: 700; color: #fff; background-color: #ee2529;}
.formation > div .player-info > p:not(.grade) {font-size: 13px; color: #fff; max-width: 80px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.formation > div .player-info > i {width: 16px; height: 16px; background-image: url(../images/ic-arrow-16@3x-00e4f6c53888dfe0c97748d5dc438fdc.png); background-repeat: no-repeat; background-size: contain; background-position: center;}
.formation > div.away .player-info .grade {background-color: #0061af;}

.player-pop .player-pop-wrap {width: 440px; max-height: 70vh; overflow-y: auto; background-color: #fff; box-sizing: border-box; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-image: url(../images/img-pattern-popup-df4a77cdf8abf601b3b1c1d3f22ece90.png); background-repeat: no-repeat; background-size: auto 260px; background-position: top right;}
.player-pop .player-pop-wrap .pop-tit {padding: 40px 20px 0; display: flex; align-items: center; justify-content: center; position: relative;}
.player-pop .player-pop-wrap .pop-tit > h6 {font-size: 24px; color: #001c48; text-align: center; font-weight: 700;}
.player-pop .player-pop-wrap .pop-tit .ico-close {width: 2.4rem; height: 2.4rem; background-image: url(../images/icon/ic-delete-a24558c9c3be72a88b1948eb4b4b4dac.png); background-repeat: no-repeat; background-size: contain; background-position: center; position: absolute; right: 20px; cursor: pointer;}
.player-pop .player-pop-wrap .pop-cont {margin-top: 32px; padding: 0 20px;}
.player-pop .player-pop-wrap .pop-cont .player-intro {display: flex; flex-flow: column; row-gap: 20px;}
.player-pop .player-pop-wrap .pop-cont .player-intro > div {display: flex; align-items: center; column-gap: 20px;}
.player-pop .player-pop-wrap .pop-cont .player-intro > div .img {width: 80px; height: 80px; border-radius: 100%; background-color: #e3e5e9; background-repeat: no-repeat; background-size: cover; background-position: top center;}
.player-pop .player-pop-wrap .pop-cont .player-intro > div .popCont {display: flex; flex-flow: column;}
.player-pop .player-pop-wrap .pop-cont .player-intro > div .popCont .name {display: flex; align-items: flex-end; column-gap: 6px;}
.player-pop .player-pop-wrap .pop-cont .player-intro > div .popCont .name > div {font-size: 16px; font-weight: 700;}
.player-pop .player-pop-wrap .pop-cont .player-intro > div .popCont .name > p {font-size: 16px; font-weight: 600; color: #ee2529; font-style: italic;}
.player-pop .player-pop-wrap .pop-cont .player-intro > div .popCont > p {margin-top: 8px; font-size: 12px; color: #747474;}
.player-pop .player-pop-wrap .pop-cont .player-intro > div .popCont > button {width: fit-content; height: 24px; background-color: #0061af; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; color: #fff; padding: 0 10px; cursor: pointer; margin-top: 12px;}
.player-pop .player-pop-wrap .pop-cont .player-intro > ul {width: calc(100% + 40px); margin-left: -20px; background-color: #f2f3f6; display: flex; align-items: center;}
.player-pop .player-pop-wrap .pop-cont .player-intro > ul > li:nth-child(1):nth-last-child(2), .player-pop .player-pop-wrap .pop-cont .player-intro > ul > li:nth-child(1):nth-last-child(2) ~ li {width: calc(100% / 2);}
.player-pop .player-pop-wrap .pop-cont .player-intro > ul > li:nth-child(1):nth-last-child(3), .player-pop .player-pop-wrap .pop-cont .player-intro > ul > li:nth-child(1):nth-last-child(3) ~ li {width: calc(100% / 3);}
.player-pop .player-pop-wrap .pop-cont .player-intro > ul > li {display: flex; flex-flow: column; align-items: center; justify-content: center; row-gap: 8px; padding: 12px 0;}
.player-pop .player-pop-wrap .pop-cont .player-intro > ul > li + li {border-left: 1px solid #fff;}
.player-pop .player-pop-wrap .pop-cont .player-intro > ul > li > h6 {font-size: 12px; color: #747474;}
.player-pop .player-pop-wrap .pop-cont .player-intro > ul > li > p {font-size: 14px; font-weight: 500;}
.player-pop .player-pop-wrap .pop-cont .player-info {margin-top: 20px; display: flex; flex-flow: column; row-gap: 20px;}
.player-pop .player-pop-wrap .pop-cont .player-info .tab {border: 1px solid rgba(0,28,72,.1); display: flex; align-items: center;}
.player-pop .player-pop-wrap .pop-cont .player-info .tab > li:nth-child(1):nth-last-child(2), .player-pop .player-pop-wrap .pop-cont .player-info .tab > li:nth-child(1):nth-last-child(2) ~ li {width: calc(100% / 2);}
.player-pop .player-pop-wrap .pop-cont .player-info .tab > li:nth-child(1):nth-last-child(3), .player-pop .player-pop-wrap .pop-cont .player-info .tab > li:nth-child(1):nth-last-child(3) ~ li {width: calc(100% / 3);}
.player-pop .player-pop-wrap .pop-cont .player-info .tab > li {height: 48px; display: flex; align-items: center; justify-content: center; font-size: 14px; color: grey; font-weight: 500; position: relative; cursor: pointer;}
.player-pop .player-pop-wrap .pop-cont .player-info .tab > li + li::before {content: ''; width: 2px; height: 12px; background-color: #001c48; opacity: .15; position: absolute; left: 0;}
.player-pop .player-pop-wrap .pop-cont .player-info .tab > li.active {font-weight: 800; color: white;}
.player-pop .player-pop-wrap .pop-cont .player-info .table-wrap {display: flex; flex-flow: column; row-gap: 12px;}
.player-pop .player-pop-wrap .pop-cont .player-info .table-wrap table {border-top: 0; position: relative; box-sizing: border-box; table-layout: fixed; border-collapse: collapse; border-spacing: 0; line-height: initial!important;}
.player-pop .player-pop-wrap .pop-cont .player-info .table-wrap table::before {content: ''; width: 100%; height: 2px; background-color: #001c48; position: absolute; top: -2px; left: 0;}
.player-pop .player-pop-wrap .pop-cont .player-info .table-wrap table th {border-bottom-width: 1px; padding: 0; height: 40px; font-size: 12px; font-weight: 500;}
.player-pop .player-pop-wrap .pop-cont .player-info .table-wrap table td {border-left: 0; border-right: 0; height: 40px; font-size: 14px; font-weight: 500; line-height: 2;}
.player-pop .player-pop-wrap .pop-cont .player-info .table-wrap table td button {width: fit-content; height: 24px; border: 1px solid #0061af; background-color: #fff; font-size: 12px; color: #0061af; align-items: center; justify-content: center; cursor: pointer; display: inline-flex; margin-left: 4px; padding: 0 6px; box-sizing: border-box; line-height: initial;}
.player-pop .player-pop-wrap .pop-btn {margin-top: 32px; padding-bottom: 40px; display: flex; align-items: center; justify-content: center; column-gap: 20px; }
.player-pop .player-pop-wrap .pop-btn button {width: fit-content; min-width: 130px; padding: 0 20px; height: 40px; background-color: #001c48; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 500; color: #fff; cursor: pointer;}
.player-pop .player-pop-wrap .shooting-wrap {width: 100%; height: 200px; margin-top: 20px;
 /*background-image: url(../images/img-shoot_turn@3x-a4b40a5668b2f55c313373afd9be18f5.png); background-repeat: no-repeat; background-size: 100%; background-position: center; */
}
.player-pop .player-pop-wrap .shooting-wrap + p {margin-top: 12px; font-size: 14px; font-weight: 500; text-align: right;}

.score-area {display: grid; grid-template-columns: repeat(5, 80px); grid-template-rows: repeat(3, 80px); width: 100%; height: 240px; margin-top: 20px; background-image: url(../images/img-score-efa920492843270f1930c2c04a6c312e.png); background-repeat: no-repeat; background-size: 100%; background-position: center;}
.score-area > li {position: relative;}
.score-area > li > ul {display: flex; flex-flow: column; row-gap: 4px; align-items: center; justify-content: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.score-area > li > ul > li {display: flex; align-items: center; column-gap: 4px; vertical-align: middle;}
.score-area > li > ul > li > p {font-size: 14px; font-weight: 500; color: #ffffff; line-height: 1;}
.score-area > li > ul > li > i {width: 20px; height: 20px!important;}
.score-area > li > ul > li > i + p {color: #ee2529;}
.score-area .close-high-left {grid-row: 1; grid-column: 1;}
.score-area .close-high {grid-row: 1; grid-column: 2 / span 3;}
.score-area .close-high-right {grid-row: 1; grid-column: 5;}
.score-area .close-left {grid-row: 2 / span 2; grid-column: 1;}
.score-area .close-right {grid-row: 2 / span 2; grid-column: 5;}
.score-area .high-left {grid-row: 2; grid-column: 2;}
.score-area .high-center {grid-row: 2; grid-column: 3;}
.score-area .high-right {grid-row: 2; grid-column: 4;}
.score-area .row-left {grid-row: 3; grid-column: 2;}
.score-area .row-center {grid-row: 3; grid-column: 3;}
.score-area .row-right {grid-row: 3; grid-column: 4;}

.score-desc {margin-top: 20px; display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 10px 40px;}
.score-desc > li {display: grid; grid-template-columns: 0.9fr 1.2fr 0.7fr; align-items: center;}
.score-desc > li > h4 {font-size: 12px; font-weight: 500; line-height: 1.2;}
.score-desc > li > h4.gray {color: #747474;}
.score-desc > li > h4.green {color: #1e8e3b;}
.score-desc > li > h4.red {color: #ee2529;}
.score-desc > li > div {display: flex; align-items: center; column-gap: 4px;}
.score-desc > li > div > p {font-size: 14px; font-weight: 500;}
.score-desc > li > div > button {height: 24px; display: flex; align-items: center; justify-content: center; font-size: 12px; color: #0061af; border: 1px solid #0061af; padding: 0 10px;}

#shootDetail {margin-top: 20px;}
#shootDetail .shoot-data {display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 10px 40px; align-items: center;}
#shootDetail .shoot-data > li {display: flex; align-items: center; justify-content: space-between; column-gap: 10px;}
#shootDetail .shoot-data > li > h6 {font-size: 12px; color: #747474; font-weight: 500;}
#shootDetail .shoot-data > li > div {display: flex; align-items: center; justify-content: space-between; column-gap: 6px;}
#shootDetail .shoot-data > li > div > p {font-size: 14px; font-weight: 500;}
#shootDetail .shoot-data > li > div > button {min-width: 44px; display: flex; align-items: center; justify-content: baseline; padding: 0 12px; height: 24px; font-size: 12px; font-weight: 500; text-align: center; color: #0061af; border: 1px solid #0061af;}


/* search */
.sch-none {width: 1200px; margin: 50px auto 0; padding: 110px 0 120px; text-align: center; background: #fff;}
.sch-none > h4 {padding-top: 50px; font-size: 18px; font-weight: 700; color: #8d93a1;}
.sch-none > p {padding-top: 34px; font-size: 16px; color: #2a2a2c; line-height: 160%;}

.sch-word {font-size: 15px; font-weight: 500; color: rgba(0, 28, 72, 0.45); width: 1200px; margin: 50px auto 20px;}
.sch-result .tit-box > button {float: right; margin-top: 23px; line-height: 2.8571428571rem; padding: 0 1.6428571429rem; min-width: 6.4285714286rem; font-size: 0.9285714286rem; text-align: center; box-sizing: border-box; cursor: pointer; background: #001c48 !important; color: #fff; border-color: #001c48;}
.sch-result .f-left {float: left;}
.sch-result .tit-box > span {display: inline-block; margin-left: 10px; font-size: 14px; color: rgba(0, 28, 72, 0.45); font-weight: 500;}
.sch-result .tit-box > span .point {font-weight: 700; color: #ee2529;}
.sch-result .f-wrap {margin-bottom: 60px;}
.sch-result .f-wrap:last-child {margin-bottom: 0;}
.sch-result table {margin-bottom: 0;}
.sch-result table td.left {text-align: left;}
.sch-result .thum-list li {margin-bottom: 0;}
.sch-result .player-page .player .cont-box {margin-bottom: 0;}

/* youth */
.youth .double {margin: 20px 0!important;}
.youth .sch-box {padding-top: 0.7142857143rem;}
.youth .str {margin: 0; padding-bottom: 20px;}
.youth-match {padding-bottom: 1.4285714286rem; min-height: auto!important;}
.youth-match .sub {background: #FFFBE5;}

/* join */
.join-level {width: 100%; color: #546172; margin-bottom: 3.75rem;}
.join-level > ul > li {font-size: 0.9rem; width: 6rem; display: inline-block; margin-right: -4px; text-align: center; position: relative;}
.join-level > ul > li:not(:first-child) {margin-left: 6em;}
.join-level > ul > li:not(:first-child)::before {content: ''; width: 10rem; display: inline-block; border-top: 0.03rem solid #546172; position: absolute; top: 2.25rem; left: -7.58rem;}
.join-level > ul > li > span {width: 1.313rem; height: 1.313rem; background: url(../images/join-wh-4bd336170470271b85fa3913fd8d3a21.png) no-repeat; background-size: 100%; display: block; margin: 0 auto; margin-top: 0.8rem;}
.join-level > ul > li > p {font-size: 1rem; margin-top: 0.8rem;}
.join-level > ul > li.on {color: #fff; font-weight: 700;}
.join-level > ul > li.on > span {background: url(../images/join-red-a71c265236137b659ae28837db98d0cc.png) no-repeat; background-size: 100%;}
.join-level > ul > li.on:not(:first-child)::before {border-top: 0.03rem solid #ee2529;}

.join-box .finish {padding-top: 3rem;}
.join-box .finish > p {font-size: 1.2rem; color: #fff; font-weight: 500; margin-top: 3rem;}
.join-box .finish > p.desc {line-height: 160%; margin-top: 2rem; margin-bottom: 1rem; font-size: 1rem; color: #8d93a1; font-weight: 400;}

/* error */
html, body {height: 100%;}
.error {width: 100%; height: 100%; background: #01102c url(../images/login_bg-18dd5f5d3b9d4ddbf10ca163a7a0ba81.png) no-repeat; background-position: -12rem -28rem;}
.error-con {width: 26rem; margin: 0 auto; padding-top: 20rem; text-align: center;}
.error-con .error-box > p {font-size: 1.2rem; color: #fff; font-weight: 500; margin-top: 3rem;}
.error-con .error-box > p.desc {line-height: 160%; margin: 2rem 0; font-size: 1rem; color: #8d93a1; font-weight: 400;}

/* main header */
header + header {z-index: 0;}
.header-bar {background: #f2f3f6; height: 26px; box-sizing: border-box;}
.header-bar .bar-con {width: 1200px; height: 100%; margin: 0 auto; text-align: right; position: relative;}
.header-bar .bar-con > ul,
.header-bar .bar-con > div {display: inline-block; position: relative;}
.header-bar .bar-con > ul {margin-right: 70px;}
.header-bar .bar-con > ul > li {display: inline-block; font-size: 13px; margin-top: 5px; color: #021d46; padding: 0 10px 0 6px; position: relative;}
.header-bar .bar-con > ul > li:not(:last-child)::after {content: ''; display: block; position: absolute; width: 0.0714285714rem; height: 80%; background: #021d46; top: 50%; right: 0; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%);}
.header-bar .bar-con .lang-sel {width: 60px; height: 100%; position: absolute; top: 0; right: 0; cursor: pointer;}
.header-bar .bar-con .lang-sel > span {box-sizing: border-box; height: 100%; display: block; background: #021d46; color: #ebebeb; font-size: 13px; padding: 5px 10px 0; cursor: pointer;}
.header-bar .bar-con .lang-sel > span::after {content: '▼'; padding-left: 6px; font-size: 12px;}
.header-bar .bar-con .lang-sel > select {opacity: 0; font-size: 1rem; position: absolute; top: 0; left: 0; cursor: pointer;}

.header-con {box-sizing: border-box; width: 1200px; height: 74px; margin: 0 auto; background: #fff;}
.header-con h1 {float: left; margin-top: 17px; padding: 0!important;}
.header-con h1 img {height: 40px;}
.header-con .league-wrap {float: right; margin-top: 23px;}
.header-con .league-wrap .tab-btns {position: relative; margin-top: 10px; float: left;}
.header-con .league-wrap .tab-btns:before {content: ''; position: absolute; display: inline-block; top: 0; left: 50%; width: 0.1428571429rem; height: 0.7142857143rem; background: #a5adbb;}
.header-con .league-wrap .tab-btns > li {position: relative; display: inline-block; text-indent: -9999px; width: 80px; height: 12px; overflow-y: hidden; overflow-x: visible; cursor: pointer; vertical-align: top;}
.header-con .league-wrap .tab-btns > li img {position: absolute; left: 0; bottom: 1px; width: 100%;}
.header-con .league-wrap .tab-btns > li:nth-child(2) {margin-left: 2.8571428571rem;}
.header-con .league-wrap .tab-btns > li.active img {top: 0; bottom: auto;}
.header-con .league-wrap .tab-con-wrap {float: left; width: 54rem; height: 2.3rem; overflow: hidden;}
.header-con .league-wrap .cont > ul > li {float: left; margin-left: 30px;}
.header-con .league-wrap .cont > ul > li > a {display: table-cell; text-align: right; vertical-align: middle;}

/* event */
.event .table-wrap {margin-top: 2.7142857143rem;}
.event .table-wrap .label {display: block; box-sizing: border-box; width: 3.2rem; height: 1.4rem; border-radius: 0.2rem; line-height: normal; margin: 0 auto; background: #ee2529; color: #fff; font-size: 12px; font-weight: 500; text-align: center;}
.event .table-wrap .label.end {background: #737373;}
.event .table-wrap .label.result {background: #001c48;}
.event .table-wrap .left {text-align: left; padding: 0 1.4rem;}
.event .tit-box .label {display: inline-block; box-sizing: border-box; width: 3.8rem; height: 1.4rem; border-radius: 0.2rem; line-height: 1.4rem; margin: 0 auto; background: #ee2529; color: #fff; font-size: 12px; font-weight: 500; text-align: center; margin-left: 0.8rem; position: relative; top: -0.3rem;}
.event .tit-box .label.end {background: #737373;}
.event .tit-box .label.result {background: #001c48;}
.event .tit-box .right {font-size: 1rem!important;}

.event-wrap {margin-top: 2rem; display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(1, 1fr); grid-gap: .75rem;}

.event-con {background: #fff; text-align: center;}

.event-con .match {padding: 1.875rem; border-bottom: 0.2rem solid #f2f3f6;}
.event-con .match2 { border-bottom: 0.2rem solid #f2f3f6; height: 15.571rem; max-width: 393px;}
.event-con .match > h6 {font-size: 1.2rem; color: #001c48; font-weight: 700;}
.event-con .match2 > h6 {font-size: 1.2rem; color: #001c48; font-weight: 700; padding-top: 10%}
.event-con .match2 > label {font-size: 1.0rem; color: #121313; font-weight: 700;}
.event-con .match .lineup-head {margin-top: 1.5rem;}
.event-con .match2 .lineup-head {margin-top: 1rem;}
.event-con .match .lineup-head .team-box {min-width: auto;}
.event-con .match .lineup-head .score {width: 6.25rem; margin: 0 3rem;}
.event-con .match > p {font-size: 1rem; color: #8d93a1; line-height: 160%; margin-top: -2.5rem;}
.event-con .match > p {font-size: 1rem; color: #8d93a1; line-height: 160%; margin-top: -2.5rem;}
.event-con .event-box {box-sizing: border-box; padding: 1.875rem 0 1.5rem; height: 8.3rem;}
.event-con .event-box > p {font-size: 1rem; color: #222; font-weight: 500;}
.event-con .event-box > p.red {color: #ee2529; font-weight: 700;}
.event-con .event-box > p.blue {color: #0061af; font-weight: 700;}
.event-con .event-box .radio-box {margin-top: 2rem;}
.event-con .event-box .radio-box > label {margin-right: 5.6rem;}
.event-con .event-box .radio-box > label:last-child {margin-right: 0;}
.event-con .event-box .input-box {border: 0; margin-top: 1.3rem;}
.event-con .event-box .input-box > span {font-size: 1.2rem; color: #222; font-weight: 500; margin: 0 1rem;}
.event-con .event-box .input-box > span:nth-of-type(2n) {margin: 0 2.6rem;}
.event-con .event-box .input-box > input[type="text"] {background: #f7f7f7; border: 1px solid rgba(0, 28, 72, 0.1); width: 3.125rem; height: 2.5rem; font-weight: 700;}
.event-con .event-box .result-box {border: 0; margin-top: 1.65rem;}
.event-con .event-box .result-box > span {font-size: 1rem; color: #222; font-weight: 500;}
.event-con .event-box .result-box > span:first-child::after {content: '|'; display: inline-block; color: #e8eaee; font-size: 1.4rem; margin: 0 1.4rem 0 0.6rem;}
.event-con .event-box .result-box > span > span.score {display: inline-block; width: fit-content; padding: 0.3rem 0.6rem 0.4rem; font-size: 0.8rem; font-weight: 700; border-radius: 0.2rem; background: #e8eaee; color: #222; margin: 0 1rem;}
.event-con .event-box .result-box > span > span {display: inline-block; width: fit-content; padding: 0.3rem 0.4rem 0.4rem; font-size: 0.8rem; border-radius: 0.2rem; background: #0061af; color: #fff; margin: 0 1rem;}
.event-con .event-box .result-box > span > span.loss {background: #ee2529;}
.event-con .event-box .result-box > span > span.draw {background: #737373;}

.event-btn {margin-top: 1.875rem;}

/* modal */
.event .modal {box-sizing: border-box; padding: 3rem; background: #fff url(../images/img-pattern-popup-df4a77cdf8abf601b3b1c1d3f22ece90.png) no-repeat right top;}
.event .modal > h2 {font-size: 1.5rem; color: #001c48; font-weight: 700;}
.event .modal > h6 {font-size: 1.2rem; color: #222; font-weight: 500; margin-top: 2.5rem;}
.event .modal > p {margin-top: 1.4rem; font-size: 1rem; color: #222; line-height: 160%;}
.event .modal > h6.prize {color: #b9c1cd; font-weight: 700;}
.event .modal .prize-box {box-sizing: border-box; margin-top: 1.4rem; width: 100%; padding: 1.875rem; background: #f2f3f6; margin-bottom: 2.5rem;}
.event .modal .prize-box > ul > li {font-size: 1rem; color: #222; line-height: 260%;}

/* club */


.sub-top.club.K01 {background: url(../images/club/img-banner-bg-hyundai-aa34bd8112a2c8bc4b9bc5d6e5d80e76.png) no-repeat; background-size: cover;}
.sub-top.club.K02 {background: url(../images/club/img-banner-bg-suwon-9333d432e7e7886b509e51e7a979d695.png) no-repeat; background-size: cover;}
.sub-top.club.K03 {background: url(../images/club/img-banner-bg-pohang-a6929145b1e709ffb4a1f5b90e94bda5.png) no-repeat; background-size: cover;}
.sub-top.club.K04 {background: url(../images/club/img-banner-bg-jeju-329a6c722710f11e32f6548e1dfb8b6a.png) no-repeat; background-size: cover;}
.sub-top.club.K05 {background: url(../images/club/img-banner-bg-jeonbuk-f1687c38c53ca161f79ec1284fbd19d8.png) no-repeat; background-size: cover;}
.sub-top.club.K06 {background: url(../images/club/img-banner-bg-busan-7c79bc949fc9a5cc42a44ca833a4edf0.png) no-repeat; background-size: cover;}
.sub-top.club.K07 {background: url(../images/club/img-banner-bg-jeonnam-35470d71d285aa78a64ccf2bca62be46.png) no-repeat; background-size: cover;}
.sub-top.club.K08 {background: url(../images/club/img-banner-bg-seongnam-fd778fa3116ab9856ce645853045fc9d.png) no-repeat; background-size: cover;}
.sub-top.club.K09 {background: url(../images/club/img-banner-bg-seoul-725408248a43c2afc51fc490c64e70ba.png) no-repeat; background-size: cover;}
.sub-top.club.K10 {background: url(../images/club/img-banner-bg-daejeon-270be4be6de71d18f61fd2fdcd8f37b4.png) no-repeat; background-size: cover;}
.sub-top.club.K17 {background: url(../images/club/img-banner-bg-daegu-0637fb80ec44880f624327f8c2312c63.png) no-repeat; background-size: cover;}
.sub-top.club.K18 {background: url(../images/club/img-banner-bg-incheon-6439d00a4e37934c438b3bd32fc601d7.png) no-repeat; background-size: cover;}
.sub-top.club.K20 {background: url(../images/club/img-banner-bg-gyeongnam-6332a26186229a2fb6bd53fffbe965a9.png) no-repeat; background-size: cover;}
.sub-top.club.K21 {background: url(../images/club/img-banner-bg-gangwon-03b477ccdeeafee3973855919392bd69.png) no-repeat; background-size: cover;}
.sub-top.club.K22 {background: url(../images/club/img-banner-bg-gwangju-d3894191317eccdc5bd04ddc9bce9540.png) no-repeat; background-size: cover;}
.sub-top.club.K26 {background: url(../images/club/img-banner-bg-bucheon-551d525e049ed92e6676e6608f70c226.png) no-repeat; background-size: cover;}
.sub-top.club.K27 {background: url(../images/club/img-banner-bg-anyang-40c1ec1229e8a7e96ee7ecdcf73e37cf.png) no-repeat; background-size: cover;}
.sub-top.club.K29 {background: url(../images/club/img-banner-bg-suwonfc-ff9e8ef67aeffdd916441686300317eb.png) no-repeat; background-size: cover;}
.sub-top.club.K31 {background: url(../images/club/img-banner-bg-seouleland-0f5ea24f09000e7dfffaf362100d1f7b.png) no-repeat; background-size: cover;}
.sub-top.club.K32 {background: url(../images/club/img-banner-bg-ansan-a9a666cbdd932a5a8fde303e527078d4.png) no-repeat; background-size: cover;}
.sub-top.club.K33 {background: url(../images/club/img-banner-bg-asan-62a86664a9fe370ffa061bd7cc77b7d1.png) no-repeat; background-size: cover;}
.sub-top.club.K34 {background: url(../images/club/img-banner-bg-asan-62a86664a9fe370ffa061bd7cc77b7d1.png) no-repeat; background-size: cover;}
.sub-top.club.K35 {background: url(../images/club/img-banner-bg-gimcheon-7c79bc949fc9a5cc42a44ca833a4edf0.png) no-repeat; background-size: cover;}
.sub-top.club.K36 {background: url(../images/club/img-banner-bg-gimpo-92eeadd47219f74ab7e9e0d23e130ebf.png) no-repeat; background-size: cover;}
.sub-top.club.K37 {background: url(../images/club/img-banner-bg-chungbuk-9ef2413608d204b09219b2360855f58e.png) no-repeat; background-size: cover;}
.sub-top.club.K38 {background: url(../images/club/img-banner-bg-cheonan-abf9f9de144eda23f6f14b53a3b3d094.png) no-repeat; background-size: cover;}

.sub-top.club.K05 > .f-wrap .txt .str,
.sub-top.club.K05 > .f-wrap .txt span,
.sub-top.club.K10 > .f-wrap .txt .str,
.sub-top.club.K10 > .f-wrap .txt span,
.sub-top.club.K17 > .f-wrap .txt .str,
.sub-top.club.K17 > .f-wrap .txt span,
.sub-top.club.K38 > .f-wrap .txt .str,
.sub-top.club.K38 > .f-wrap .txt span,
.sub-top.club.K02 > .f-wrap .txt .str,
.sub-top.club.K02 > .f-wrap .txt span {color: #222;}


.sub-top.club .f-wrap .txt > ul > li {display: inline-block; margin-top: 1rem; margin-right: 0.8rem;}
.sub-top.club .f-wrap .txt > ul > li img {width: 40px;}

.club .sch-box {float: right; margin-left: 0.6rem;}
.club .tab-button {float: right;}

.club .con-wrap {display: none;}
.club .con-wrap.active {display: block;}

.club .player-desc {float: left; padding-bottom: 24px; font-size: 0.9rem; color: #9b9faa; font-weight: 400; margin-top: 0.8rem;}
.club.record > .player-rank {margin-bottom: 3.5714285714rem;}
.club.record > .player-rank table {table-layout: fixed;}

.club .club-on::after {content: ''; width: 100%; height: calc(4.29rem - 6px); display: block; border-top: 3px solid #f11b17; border-bottom: 3px solid #f11b17; position: absolute; left: 0;}
.club .club-on > td {background: #fef4f4;}

.main-match-btn {margin-top: 1rem!important; background-size: auto 110%!important; height: 2.8rem; line-height: 2.8rem; width: 100%!important; background: #001c48 url(../images/ticket-btn-bg-3073bb869faa1c7d75f8034cc93bd698.png) no-repeat; background-position: left top; color: #fff; font-size: 1rem; text-align: center;}
.main-match-btn .ico-player {width:1rem; height: 1rem; background: url(../images/mobile/icon/ic-matich-center-b48462b04565bc6109d1e602f8d632c7.png) no-repeat; display: inline-block; background-size: 100%; position: relative; top: 0.14rem; margin-left: 0.4rem;}

.main .aside > .result .result-list li .score > .label {display: block; width: 46px; height: 17px; line-height: 16px; font-size: 10px; color: #fff; letter-spacing: -0.4px; background: #808080; border-radius: 8px; margin: 8px auto 0; text-transform: uppercase;}
.main .aside > .result .result-list li .score > .label.red {background: #ee2529;}
.main .aside > .result .result-list li .score > .label.blue {background: #0061af;}

.btn-match {box-sizing: border-box; background-size: auto 100%!important; display: inline-flex; align-items: center; justify-content: center; min-width: 104px!important; padding: 9px 8px 10px; background: #001c48 url(../images/img-schedule-btn-bg-f29c749acc172ecfdc44aff5d9e74e01.png) no-repeat; background-position: left top; color: #fff; font-size: 1rem; text-align: center; text-transform: uppercase;}
.btn-match:first-child:nth-last-child(1) {width: 214px;}
.btn-match.video {background: #0061af url(../images/img-schedule-btn-bg-f29c749acc172ecfdc44aff5d9e74e01.png) no-repeat;}
.btn-match.book {background: #ee2529 url(../images/img-schedule-btn-bg-f29c749acc172ecfdc44aff5d9e74e01.png) no-repeat;}

.btn-match .ico-player {vertical-align: bottom; width:1rem; height: 1rem; background: url(../images/mobile/icon/ic-matich-center-b48462b04565bc6109d1e602f8d632c7.png) no-repeat; display: inline-block; background-size: 100%; margin-left: 0.4rem;}
.btn-match .ico-highplay {vertical-align: bottom; width:1rem; height: 1rem; background: url(../images/mobile/icon/ico_high_play-774851545ffb64f529c927a701e8b0e8.png) no-repeat; display: inline-block; background-size: 100%; margin-left: 0.4rem;}
.btn-match .ico-ticket {vertical-align: bottom; width:1rem; height: 1rem; background: url(../images/mobile/icon/ic-ticket-r-5ec8607ac9ffcff2599ba45d7441b16c.png) no-repeat; display: inline-block; background-size: 100%; margin-left: 0.4rem;}

.schedule table td span.label {display: block; width: 46px; height: 18px; line-height: 17px; font-size: 10px; color: #fff; letter-spacing: -0.4px; background: #808080; border-radius: 8px; margin: 4px auto 0; text-transform: uppercase;}
.schedule table td span.label.red {background: #ee2529;}
.schedule table td span.label.blue {background: #0061af;}

.month-btn {display: inline-block; vertical-align: bottom; margin-left: 40px;}
.month-prev,
.month-next {float: left; width: 3rem; height: 3rem; line-height: 2.9rem; background: #f7f7f7; border: 1px solid #e6e9ed; font-size: 0.6rem; color: #808080; font-weight: 500; padding: 0; margin: 0!important; }

.sub-top.match .score-box .score > span.label {display: block; width: 72px; height: 28px; line-height: 31px; font-size: 14px; color: #fff; font-weight: 400; letter-spacing: -0.4px; background: #808080; border-radius: 20px; margin: 12px auto 0; text-transform: uppercase;}
.sub-top.match .score-box .score > span.label.red {background: #ee2529;}
.sub-top.match .score-box .score > span.label.blue {background: #0061af;}

/* menu fix */
.drop-wrap > ul {display: none; margin-top: 9px;}
.drop-wrap.hover > ul {display: block;}
.drop-wrap:hover > ul {color: #fff;}

.theme-btn {position: fixed; right: 20px; bottom: 20px; display: inline-block; width: 136px; height: 53px; background-image: url(../images/theme-d7e0ef7c38d782b5b85324442d1c78d1.png); background-size: 440px 408px; background-position: -270px -110px; background-repeat: no-repeat; vertical-align: top; cursor: pointer; z-index: 100;}
.theme-btn:hover {display:inline-block;width:136px;height:53px;background-position:-270px -55px;background-repeat:no-repeat;vertical-align:top;}
.theme-btn .blind {position: absolute; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; overflow: hidden;}
.theme-btn[aria-pressed=true]{display:inline-block;width:148px;height:53px;background-position:-270px 0;background-repeat:no-repeat;vertical-align:top}
.theme-btn[aria-pressed=true]:hover {display: inline-block; width: 148px; height: 53px; background-position: 0 -212px; background-repeat: no-repeat; vertical-align: top;}

.rank-up {color: #ee2529;}
.rank-up::before {content: '▲'; display: inline-block; padding-right: 4px; position: relative; top: 0.11rem;}

.rank-down {color: #0061af;}
.rank-down::before {content: '▼'; display: inline-block; padding-right: 4px; position: relative; top: 0.11rem;}

.dynamic-btn {display: block; width: 1.4rem; height: 1.4rem; border-radius: 0.2rem; margin: 0 auto; font-family: 'Campton', Sans-serif; cursor: pointer;}
.dynamic-btn.plus {background: #737373;}
.dynamic-btn.plus::before {content: '+'; color: #fff; display: block; font-size: 1.2rem; position: relative; top: 0.2rem;}
.dynamic-btn.minus {background: #ee2529;}
.dynamic-btn.minus::before {content: '-'; color: #fff; display: block; font-size: 1.2rem; position: relative; top: 0.2rem;}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {left: 3rem!important;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {right: 3rem!important;}
.swiper-button-next, .swiper-button-prev {color: #fff!important;}

.label-text {border: 0; width: calc(100% - 8rem)!important; height: 4.2857142857rem; font-size: 1.0714285714rem!important; color: #001c48!important; cursor: pointer; font-weight: 700!important; box-sizing: border-box; padding: 0.4285714286rem 1rem; font-family: 'NotoSansKR', Arial, sans-serif;}
.label-text + button {vertical-align: middle; filter: invert(0.3);}

/* 아이디 찾기 : 계정 선택 */
#memberIdList {height: 100vh; text-align: center;}
#memberIdList .tit {width: 100%; padding: 20px 0; background-color: #001c48;}
#memberIdList .tit p {font-size: 16px; font-weight: 700; color: #fff;}
#memberIdList .sub-contents-wrap {padding: 40px; height: 100%;}
#memberIdList .sub-contents-wrap > div:first-child {text-align: center; font-size: 14px; color: #222; line-height: 1.8; margin-bottom: 20px;}
#memberIdList .sub-contents-wrap > div.radio-box {text-align: left; font-size: 14px; color: #222; line-height: 1.8; background-color: #fff; padding: 20px 30px;}
#memberIdList .sub-contents-wrap > div.radio-box label {padding-left: 2rem; display: block; line-height: 2.6;}
#memberIdList .btn {margin: 20px auto;}
#memberIdList .btn button {font-size: 12px; background-color: #001c48; color: #fff;}

.sponsor-tit {font-size: 1rem; font-weight: 700; color: #777;}
.sponsor-tit:not(:first-child) {margin-top: 2rem;}

.event-desc {font-size: 0.875rem; line-height: 1.8; text-align: right; color: #777;}
.club-select {width: 12rem; height: 40px; float: left; border: 1px solid #e5e5e5; font-size: 13px; color: #b9b9b9; background: #f7f7f7 url(../images/icon/ico_dropdown-87c6dc91d8cadd4b7d346ae6d938ae2a.png) no-repeat right 1rem center; vertical-align: middle;}
.red-won {display: inline-block; width: .5rem; height: .5rem; background-color: #ee2529; border-radius: 100%; margin-left: .25rem; position: relative; top: -.3rem;}
/*.WA2021 {float: right; background-image: url(../images/WA2021_winner-7cdcb51dc7e2a9f18a3d64566f52adc2.png); background-repeat: no-repeat; width: 50px; height: 64px; background-size: contain; margin-left: 2rem; margin-top: .75rem;}*/


/* 2022.02.24 */
.login-error {color: #fff; display: block; margin: 1rem 0; font-size: .875rem;}
.event-mini-ban {width: 100%; height: 90px; overflow: hidden; display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 0.75rem; margin-top: 2rem;}
.event-mini-ban img {width: 100%; height: 100%;}
.event-cont-ban {overflow: hidden;}
.event-cont-ban img {width: 100%; height: 100%;}
.event-cont-ban .match {padding: 0}
.event-cont-ban .match > iframe {width: 100%; height: 15.571rem;}
.event-cont-ban .event-box > h6 {font-size: 1.2rem; font-weight: 500; line-height: 1.6; text-align: left; padding: 0 1.6rem;}
.event-cont-ban .event-box > span {font-size: .875rem; color: #747474; text-align: left; padding: 0 1.6rem; display: block; margin-top: 1rem;}

@font-face {
	font-family: 'KLeagueBasic';
	src: url(../fonts/KLeagueBasic-Medium-e491f3586f66b9d34c711958316b11eb.woff) format('truetype');
}
@font-face {
	font-family: 'KLeagueDynamic';
	src: url(../fonts/KLeagueDynamic-ExtraBold-304b8963f69a45b24ae09fa66fd41ebd.woff) format('truetype');
}

/* 팬 프렌들리 상 */
.friendly-page01 {font-family: 'KLeagueDynamic'; width: 100%; padding: 20px; background-image: url(../images/friendly-page-1@2x-ea94807827b7f47e03b9237ae9900fdf.png); background-repeat: no-repeat; background-size: 100% 100%; background-position: center;}
.friendly-page01 > img {display: block; width: 80%; margin: 0 auto; padding: 136px 0;}

.friendly-cont + .friendly-cont {margin-top: 120px;}
.friendly-cont > h4 {background-color: #fff; width: fit-content; font-size: 48px; padding: 12px 30px 20px; color: #001c48; position: relative; z-index: 2;}
.friendly-cont > ul {z-index: 1; padding: 70px 60px 60px; margin: -40px -20px 0; background-image: url(../images/friendly-cont-bg@2x-a2061bd2891d50a1c90b51e676cc17be.png); background-repeat: no-repeat; background-size: 100% 100%;  box-shadow: 1.5px 2.6px 27px 0 rgba(0, 0, 0, 0.45); background-position: center;}
.friendly-cont > ul > li {font-family: 'KLeagueBasic'; font-size: 32px; line-height: 1.4; color: #fff; text-indent: -28px; padding-left: 28px;}

.friendly-vote-btn {margin-top: 120px; padding-bottom: 50px;}
.friendly-vote-btn > h4 {background-color: #fff; width: fit-content; font-size: 48px; margin: 0 auto; padding: 12px 30px 20px; margin-bottom: 40px; color: #001c48;}
.friendly-vote-btn > div {display: flex; align-items: center; justify-content: center;}
.friendly-vote-btn > div button {width: 510px; height: 170px; background-color: #fff; border-radius: 40px; background-size: 80%; background-position: center; background-repeat: no-repeat; cursor: pointer;}
.friendly-vote-btn > div button + button {margin-left: 20px;}
.friendly-vote-btn > div .kleague-vote1 {background-image: url(../images/kleague-vote1@2x-ff01e42843ccef4c79ddb613d2ed8996.png);}
.friendly-vote-btn > div .kleague-vote2 {background-image: url(../images/kleague-vote2@2x-c99e688f6dc2770ecdd31c4072c35750.png);}

/* 팬 프렌들리 상 : 상세 */
.friendly-page02 {font-family: 'KLeagueDynamic'; width: 100%; padding: 20px; background-image: url(../images/friendly-page-2@2x-4533e431c21ba3db615d4184fc2325fb.png); background-repeat: no-repeat; background-size: 100% 100%; background-position: center;}
.friendly-page02 > img {display: block; width: 80%; margin: 0 auto; padding: 136px 0;}

.friendly-tit {margin-bottom: 26px;}
.friendly-tit > h4 {width: 976px; height: 140px; margin: 0 auto; text-align: center; line-height: 134px; font-size: 48px; color: #001c48; background-image: url(../images/friendly-ribbon-1@2x-08d896390f80fa93fce859e8fce7071a.png); background-repeat: no-repeat; background-size: 100% 100%; background-position: center;}
.friendly-tit > p {font-size: 38px; color: #fff; text-align: center; margin-top: 10px;}

.friendly-kleague1 {margin: 0 -20px;}
.friendly-kleague1 + .friendly-kleague1 {margin-top: 120px;}
.friendly-kleague1 > h4 {background-color: #ee2529; min-width: 218px; box-sizing: border-box; text-align: center; width: fit-content; font-size: 48px; padding: 12px 30px 20px; margin-bottom: 40px; color: #001c48;}
.friendly-kleague1 > ul {padding: 26px 50px; display: flex; flex-flow: column;}
.friendly-kleague1 > ul > li {position: relative; width: 100%; border: 5px solid #fff;  padding: 50px 70px; display: flex; align-items: center; justify-content: space-between; box-sizing: border-box;}
.friendly-kleague1 > ul > li + li {margin-top: 40px;}
.friendly-kleague1 > ul > li .img {width: 415px; height: 450px; background-repeat: no-repeat; background-size: cover; background-position: center;}
.friendly-kleague1 > ul > li .desc {width: calc(100% - 485px);}
.friendly-kleague1 > ul > li .desc > h6 {width: 300px; padding: 12px 16px 18px; background-color: #fff; font-size: 38px; color: #001c48; margin-bottom: 10px;}
.friendly-kleague1 > ul > li .desc > p {font-family: 'GmarketSans'; font-weight: 400; height: 334px; margin-bottom: 10px; font-size: 25px; color: #fff; line-height: 2; font-weight: 500; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical;}
.friendly-kleague1 > ul > li .desc > button {position: absolute; right: 0; bottom: 0; font-size: 40px; color: #001c48; background-color: #fff; padding: 14px 18px; cursor: pointer;}

.friendly-vote-cont + .friendly-vote-cont {margin-top: 100px;}
.friendly-vote-cont > h4 {background-color: #ee2529; min-width: 218px; box-sizing: border-box; text-align: center; width: fit-content; font-size: 48px; padding: 12px 30px 20px; margin-bottom: 40px; color: #001c48;}
.friendly-vote-cont > div {margin: 28px 50px 0; border: 5px solid #fff; padding: 50px 70px;}
.friendly-vote-cont > div p {font-size: 38px; color: #fff; margin-bottom: 70px;}
.friendly-vote-cont > div ul > li {display: flex; flex-flow: column; }
.friendly-vote-cont > div ul > li + li {margin-top: 30px;}
.friendly-vote-cont > div ul > li input {display: none;}
.friendly-vote-cont > div ul > li input + label {background-color: #fff;}
.friendly-vote-cont > div ul > li input + label img {width: 60px; height: 60px; margin-right: 20px;}
.friendly-vote-cont > div ul > li input + label span {font-family: 'KLeagueBasic'; display: flex; align-items: center; font-size: 38px; color: #001c48; padding: 36px 40px; width: 100%; box-sizing: border-box; box-shadow: 8.2px 8.8px 20px 0 rgba(0, 0, 0, 0.4); cursor: pointer;}
.friendly-vote-cont > div ul > li input:checked + label {background-image: linear-gradient(to top, #f1211d, #001b49); background-size: 100%; background-position: center; display: block;}
.friendly-vote-cont > div ul > li input:checked + label span {color: #fff; background-image: url(../images/kleague-vote-checked@2x-be1c62f823dee192695dc5084f9deec1.png); background-repeat: no-repeat; background-size: auto 100%; background-position: right center;}

.friendly-btn {margin-top: 70px; padding-bottom: 50px; display: flex; align-items: center; justify-content: center;}
.friendly-btn button {width: 510px; height: 170px; background-color: #fff; font-size: 38px; color: #001c48; border-radius: 40px; background-size: 80%; background-position: center; background-repeat: no-repeat; cursor: pointer;}
.friendly-btn button.red {background-color: #ee2529; color: #fff;}
.friendly-btn button + button {margin-left: 20px;}

.sub-contents-wrap .t-box .table table.table-competition td {vertical-align: initial; position: relative;}
.sub-contents-wrap .t-box .table table.table-competition td > span {position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}


  /* dark mode */
body[data-theme="dark"] select option {color: #fff;}
body[data-theme="dark"] .txt-primary {
  color: #ee2529 !important;
}
body[data-theme="dark"] .btn-primary {
  background: #ee2529 !important;
  color: #fff;
}
body[data-theme="dark"] .bg-primary-light {
  background: #999 !important;
}
body[data-theme="dark"] .txt-primary-light {
  color: #999 !important;
}
body[data-theme="dark"] .btn-primary-light {
  background: #999 !important;
  color: #fff;
  border-color: #999;
}
body[data-theme="dark"] .bg-gray {
  background: #8e8e8e !important;
}
body[data-theme="dark"] .txt-gray {
  color: #8e8e8e !important;
}
body[data-theme="dark"] .btn-gray {
  background: #8e8e8e !important;
  color: #fff;
  border-color: #8e8e8e;
}
body[data-theme="dark"] html button {
  cursor: pointer;
  color: #8e8e8e;
}
body[data-theme="dark"] .tab-btns.sub {
  display: table;
  width: 100%;
  background: #1c1c1c;
  border: 0.0714285714rem solid #121212;
  table-layout: fixed;
}
body[data-theme="dark"] .tab-btns.sub li span {
  position: relative;
  display: block;
  font-size: 1rem;
  font-weight: 500;
  color: #8e8e8e;
}
body[data-theme="dark"] .tab-btns.sub li span:after {
  content: '';
  width: 0.1428571429rem;
  height: 1.4285714286rem;
  background: #8e8e8e;
  opacity: 0.15;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0%, -50%);
  -moz-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  -o-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  right: 0;
}
body[data-theme="dark"] .tab-btns.sub li.active span {
  color: #fff;
  font-weight: 900;
}
body[data-theme="dark"] .tab-btns.btn-style button {
  min-width: 6.4285714286rem;
  height: 2.7142857143rem;
  line-height: 2.5714285714rem;
  background: #f7f7f7;
  border: solid 0.0714285714rem rgba(0, 28, 72, 0.1);
  text-align: center;
  font-size: 0.9285714286rem;
  font-weight: 500;
  color: rgba(0, 28, 72, 0.45);
}
body[data-theme="dark"] .tab-btns.btn-style button.active {
  color: #fff;
  background: #001c48;
}
body[data-theme="dark"] table th {
  background: #303030;
  font-weight: 500;
  color: #8e8e8e;
  padding: 0.5714285714rem;
  border: 0.0714285714rem solid #444;
}
body[data-theme="dark"] table td {
  border: 0.0714285714rem solid #303030;
  color: #8e8e8e;
}
body[data-theme="dark"] table.style2 th {
  box-sizing: border-box;
  background: #121212;
  color: #8e8e8e;
  font-weight: 500;
  height: 3.83rem;
  vertical-align: middle;
  border-top: 0;
  border-left: 0;
  border-bottom: 0.1428571429rem solid #0a0a0a;
  border-right: 0.1428571429rem solid #0a0a0a;
}
body[data-theme="dark"] table.style2 td {
  box-sizing: border-box;
  background: #1c1c1c;
  color: #8e8e8e;
  font-weight: 500;
  height: 3.83rem;
  vertical-align: middle;
  border-top: 0;
  border-bottom: 0.1428571429rem solid #0a0a0a;
  border-right: 0.1428571429rem solid #0a0a0a;
}

body[data-theme="dark"] .gall.style2.ea3 li .txt-box {
  height: 7.1428571429rem;
  padding: 1.4285714286rem; }
body[data-theme="dark"] .gall.style2.ea3 li .txt-box .name {
  padding-bottom: 1.0714285714rem; }
body[data-theme="dark"] .gall.style2 .txt-box .sort span:after {
  content: '';
  display: block;
  position: absolute;
  width: 0.0714285714rem;
  height: 100%;
  background: #8e8e8e;
  top: 50%;
  right: 0;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
body[data-theme="dark"] .gall.style2 .txt-box .sort span:last-of-type:after {
  display: none; }
body[data-theme="dark"] .gall.style2 > .l-box .txt-box {
  background: #1c1c1c;
  color: #fff;
  padding: 2.1428571429rem 1.4285714286rem;
  height: 11.1428571429rem;
}
body[data-theme="dark"] .gall.style2 > .l-box .txt-box .sort {
  font-size: 1rem;
  color: #8e8e8e;
}
body[data-theme="dark"] .gall.style2 > .l-box .txt-box .sort span:after {
  background: #8e8e8e;
}
body[data-theme="dark"] .gall.style2 li > a .txt-box {
  width: 100%;
  background: #1c1c1c;
  height: 5.3571428571rem;
  box-sizing: border-box;
  padding: 1.0714285714rem 1.1428571429rem;
}
body[data-theme="dark"] .gall.style2 li > a .txt-box .name {
  color: #fff;
  font-size: 1rem;
  padding: 0 0 0.6428571429rem;
}
body[data-theme="dark"] .gall.style2 li > a .txt-box .sort {
  color: #8e8e8e;
  font-size: 0.7857142857rem;
}
body[data-theme="dark"] .gall.style3 li .date {
  display: block;
  font-size: 0.7142857143rem;
  color: #999;
  padding: 1.0714285714rem 0 0.7142857143rem;
  font-weight: 700;
}
body[data-theme="dark"] .gall.style3 li .name {
  display: block;
  width: 100%;
  height: auto;
  font-weight: 700;
  font-size: 1.0714285714rem;
  line-height: 1.4;
  padding: 0;
  color: #fff;
}
body[data-theme="dark"] .gall.style3 li .views {
  font-size: 0.7142857143rem;
  color: #8e8e8e;
  display: block;
  padding-top: 0.3571428571rem;
}

body[data-theme="dark"] .thum-list li .txt-box {
  position: relative;
  width: 100%;
  height: 130px;
  padding: 1.5714285714rem;
  background: #1c1c1c;
  box-sizing: border-box;
}
body[data-theme="dark"] .thum-list li .txt-box .name {
  display: -webkit-box;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.4;
  color: #fff;
  height: 2.8rem;
  word-break: keep-all;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  margin-bottom: 0.8rem;
}
body[data-theme="dark"] .thum-list li .txt-box .sort {
  font-size: 0.8571428571rem;
  font-weight: 500;
  text-transform: uppercase;
  color: #8e8e8e;
}
body[data-theme="dark"] .thum-list li .txt-box .sort span:after {
  content: '';
  display: block;
  position: absolute;
  width: 0.0714285714rem;
  height: 80%;
  background: #8e8e8e;
  top: 50%;
  right: 0;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%); }
body[data-theme="dark"] .thum-list li .txt-box .sort span:last-of-type:after {
  display: none; }
body[data-theme="dark"] .thum-list.video-list li .img-box:after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 4.5714285714rem;
  height: 4.5714285714rem;
  background: url(../images/icon/ico_play_m-46bd8f48bfcaa9954e9307b187df0068.png) no-repeat center center;
  background-size: 100%;
}
body[data-theme="dark"] .board-tit {
  width: 100%;
  background: #1c1c1c;
  color: #fff;
  box-sizing: border-box;
  padding: 2rem 3.5714285714rem;
  line-height: 1.4;
  margin-top: 3.5714285714rem;
  margin-bottom: 0.7142857143rem;
}
body[data-theme="dark"] .board-box {
  margin: 0.7142857143rem 0;
  background: #1c1c1c;
}
body[data-theme="dark"] .board-box .board-top {
  padding: 0.8571428571rem 3.5714285714rem;
  border-bottom: 0.1428571429rem solid #0a0a0a;
}
body[data-theme="dark"] .board-box .board-top > span.roboto {
  font-weight: 500;
  color: #8e8e8e;
}
body[data-theme="dark"] .board-box .board-con {
  padding: 3.4285714286rem 3.5714285714rem 4.2857142857rem;
  border-bottom: 0.1428571429rem solid #0A0A0A;
}
body[data-theme="dark"] .board-box .board-con > p {
  color: #fff;
}
body[data-theme="dark"] .board-box .board-con > p > span {
  line-height: 1.8;
  font-family: 'Campton', 'NotoSansKR', sans-serif !important;
  font-size: 1.2rem !important;
  color: #fff;
  font-weight: 200;
}
body[data-theme="dark"] .board-box .board-bottom button > img {
  filter: invert(1) grayscale(1);
}
body[data-theme="dark"] .board-box .board-list {
  border-top: 0.7142857143rem solid #0a0a0a;
  background: #1c1c1c;
}
body[data-theme="dark"] .board-box .board-list .item {
  border-bottom: 0.1428571429rem solid #0a0a0a;
  padding: 1.7142857143rem 3.5714285714rem;
  display: table;
  color: #fff;
  box-sizing: border-box;
  width: 100%;
}
body[data-theme="dark"] .board-box .board-list .item > span a {
  color: #fff;
  font-weight: 100;
  line-height: 1.4;
}
body[data-theme="dark"] .board-box .board-list .item .s-txt {
  width: 5rem;
  color: #8e8e8e;
}
body[data-theme="dark"] .board-list table {
  border-top: 0.1428571429rem solid #ee2529;
  font-weight: 500;
  margin-bottom: 2.8571428571rem;
}
body[data-theme="dark"] .board-list table th {
  background: #1c1c1c;
  border: 0;
  border-bottom: 0.5714285714rem solid #0a0a0a;
  color: #8e8e8e;
  font-size: 0.8571428571rem;
  padding: 1.0714285714rem 0 1rem;
}
body[data-theme="dark"] .board-list table td {
  background: #1c1c1c;
  border: 0;
  font-size: 1rem;
  color: #8e8e8e;
  padding: 1.2142857143rem 0.7142857143rem;
  line-height: 1.4;
  border-bottom: 0.1428571429rem solid #0a0a0a;
}
body[data-theme="dark"] .pagination li {
  display: block;
  float: left;
  margin: 0 0 0 0.2857142857rem;
  line-height: 2rem;
  height: 2rem;
  width: 2rem;
  padding: 0;
  box-sizing: border-box;
  cursor: pointer;
  background: #1c1c1c;
  color: #c6c8ca;
  font-size: 0.9285714286rem;
}
body[data-theme="dark"] .pagination li.active {
  background: #ee2529;
  color: #fff;
}
body[data-theme="dark"] .pagination li.prev, body[data-theme="dark"] .pagination li.next, body[data-theme="dark"] .pagination li.first, body[data-theme="dark"] .pagination li.last {
  position: relative;
  text-align: center;
  filter: invert(0.9);
  background-size: auto 225%;
  background-repeat: no-repeat;
  background-image: url(../images/icon/ico_pagination@3x-71fdd0805d9d2c301170f4b56e671672.png);
}
body[data-theme="dark"] .pagination li.first {
  background-position: 0 -2.4285714286rem;
  margin: 0;
}
body[data-theme="dark"] .pagination li.first.disabled {
  pointer-events: none;
  background-position: 0 0;
}
body[data-theme="dark"] .pagination li.prev {
  background-position: -2.4285714286rem -2.4285714286rem;
  margin-right: 0.4285714286rem;
}
body[data-theme="dark"] .pagination li.prev.disabled {
  pointer-events: none;
  background-position: -2.4285714286rem 0;
}
body[data-theme="dark"] .pagination li.next {
  background-position: -4.8rem -2.4285714286rem;
  margin-left: 0.7142857143rem;
}
body[data-theme="dark"] .pagination li.next.disabled {
  pointer-events: none;
  background-position: -4.8rem 0;
}
body[data-theme="dark"] .pagination li.last {
  background-position: -7.2857142857rem -2.4285714286rem;
}
body[data-theme="dark"] .pagination li.last.disabled {
  pointer-events: none;
  background-position: -7.2857142857rem 0;
}
body[data-theme="dark"] .select-box select {
  width: 9.2857142857rem;
  height: 2.7142857143rem;
  border: 0;
  color: #222222;
  background: #1c1c1c url(../images/icon/ico_dropdown-87c6dc91d8cadd4b7d346ae6d938ae2a.png) no-repeat 7.8571428571rem center; }

body[data-theme="dark"] .select-wrap.table-style .select-box select {
  width: calc(100% - 7rem);
  box-sizing: border-box;
  background: #1c1c1c url(../images/icon/ico_dropdown-87c6dc91d8cadd4b7d346ae6d938ae2a.png) no-repeat center right;
}

body[data-theme="dark"] .select-wrap {
  background: #1c1c1c;
  margin: 2.1428571429rem 0 3.5714285714rem;
  border: 0.0714285714rem solid #121212;
}
body[data-theme="dark"] .select-wrap .select-box label {
  width: 3rem;
  display: inline-block;
  color: #8e8e8e;
  padding: 0 0.2142857143rem 0 1.7142857143rem;
  font-weight: 500;
  font-size: 0.8571428571rem;
}
body[data-theme="dark"] .select-wrap .select-box select {
  height: 4.2857142857rem;
  font-size: 1.0714285714rem;
  cursor: pointer;
  color: #8e8e8e;
  font-weight: 700;
  width: auto;
  min-width: 10.7142857143rem;
  background-position: right center;
}
body[data-theme="dark"] .select-wrap .select-box:after {
  content: '';
  position: absolute;
  right: 0;
  opacity: 0.15;
  top: 1.4285714286rem;
  width: 0.1428571429rem;
  height: 1.4285714286rem;
  background: #8e8e8e;
}
body[data-theme="dark"] .bar-wrap li .prg .progress {
  position: relative;
  width: 100%;
  height: 0.7142857143rem;
  background: #0a0a0a;
  border-radius: 0.3571428571rem;
}
body[data-theme="dark"] .player-list li .img-box {
  position: relative;
  width: 100%;
  height: 21.9285714286rem;
  background: url(../images/player_bg-d66e9ca2e0d3a215245412499ec0502d.png) no-repeat 0 0;
  background-size: cover;
}
body[data-theme="dark"] .player-list li .txt-box > span .small {
  color: #8e8e8e;
  font-size: 1rem;
  font-weight: 500;
  display: inline-block;
  margin-left: 0.3571428571rem;
}
body[data-theme="dark"] .player-list li .txt-box .right {
  font-weight: 600;
  color: #ee2529;
  font-style: italic;
}
body[data-theme="dark"] .table-wrap .s-txt {
  font-size: 1rem;
  font-weight: 500;
  font-family: 'Campton', 'NotoSansKR', sans-serif;
  line-height: 180%;
  color: #fff;
}
body[data-theme="dark"] .table-wrap table {
  text-align: center;
  font-family: 'Campton', 'NotoSansKR', sans-serif;
  border-top: 0.1428571429rem solid #ee2529;
  border-collapse: collapse;
}
body[data-theme="dark"] .table-wrap th {
  background: #1c1c1c;
  border: 0;
  border-bottom: 1px solid #333;
  color: #8e8e8e;
  font-size: 0.8571428571rem;
  font-weight: 500;
  padding: 1.0714285714rem 0 1rem;
  vertical-align: middle;
  background-color: #000;
}
body[data-theme="dark"] .table-wrap th + * {border-left: 1px solid #333;}
body[data-theme="dark"] .table-wrap th[rowspan] {border-right: 1px solid #333;}
body[data-theme="dark"] .table-wrap td {
  background: #1c1c1c;
  font-weight: 500;
  color: #8e8e8e;
  border-bottom: 1px solid #333;
  vertical-align: middle;
  box-sizing: border-box;
  height: 4.29rem;
}
body[data-theme="dark"] .table-wrap td + td {border-left: 1px solid #333;}
body[data-theme="dark"] .table-wrap td[rowspan] {border-right: 1px solid #333;}
body[data-theme="dark"] .table-wrap .th-line th {
  border-left: 0.1428571429rem solid #0a0a0a;
}
body[data-theme="dark"] .table-wrap .th-line .no-bl {
  border-bottom: 0.1428571429rem solid #0a0a0a;
}
body[data-theme="dark"] .preparing strong {
  display: block;
  font-weight: 700;
  font-size: 1.2857142857rem;
  color: #999;
}
body[data-theme="dark"] .date-wrap {
  background: #1c1c1c;
  padding: 1.6428571429rem 2.8571428571rem;
  margin-bottom: 1.4285714286rem;
}
body[data-theme="dark"] .date-wrap .select-box > span {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 1.7142857143rem;
  font-weight: 700;
  font-family: 'Campton', 'NotoSansKR', sans-serif;
  background: #1c1c1c;
  width: 100%;
  height: 100%;
  z-index: 0;
  line-height: 2.7142857143rem;
  color: #fff;
  border: 0;
  cursor: pointer;
}
body[data-theme="dark"] .date-wrap .select-box > span:after {
  content: '';
  border-top: 0.5rem solid #fff;
  border-left: 0.3571428571rem solid transparent;
  border-right: 0.3571428571rem solid transparent;
  position: absolute;
  top: 40%;
  right: 0;
  z-index: 0;
}
body[data-theme="dark"] input[type='text'], body[data-theme="dark"] input[type='password'], body[data-theme="dark"] input[type='number'], body[data-theme="dark"] input[type='tel'], body[data-theme="dark"] input[type='email'], body[data-theme="dark"] input[type='date'], body[data-theme="dark"] textarea {
  font-size: inherit;
  background: #1c1c1c;
  font-weight: 400;
  font-family: 'NotoSansKR', Arial, sans-serif;
  color: #fff;
}
body[data-theme="dark"] input::placeholder, body[data-theme="dark"] textarea::placeholder {
  color: #c1c1c1;
  font-family: 'NotoSansKR', Arial, sans-serif;
}
body[data-theme="dark"] input::-webkit-input-placeholder {
  color: #c1c1c1;
  font-family: 'NotoSansKR', Arial, sans-serif;
}
body[data-theme="dark"] input:-ms-input-placeholder {
  color: #c1c1c1;
  font-family: 'NotoSansKR', Arial, sans-serif;
}
body[data-theme="dark"] textarea::-webkit-input-placeholder {
  color: #c1c1c1;
  font-family: 'NotoSansKR', Arial, sans-serif;
}
body[data-theme="dark"] textarea:-ms-input-placeholder {
  color: #c1c1c1;
  font-family: 'NotoSansKR', Arial, sans-serif;
}
body[data-theme="dark"] select {
  color: #222222;
  outline: none;
  width: 100%;
  height: 100%;
  font-size: inherit;
  padding: 0.4285714286rem 1rem;
  background: transparent;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: 'NotoSansKR', Arial, sans-serif;
}
body[data-theme="dark"] .input-box {
  border: 0.0714285714rem solid #121212;
}
body[data-theme="dark"] .form-box input {
  width: 100%;
  background: #2b2b2b;
  border: solid 0.0714285714rem #222;
  height: 2.5714285714rem;
  line-height: 2.5714285714rem;
  padding: 0 1.1428571429rem;
  box-sizing: border-box;
}
body[data-theme="dark"] .form-box .select-wrap2 .select-box {
  border-color: #222;
}
body[data-theme="dark"] .form-box .select-wrap2 .select-box select {
  width: 7.9285714286rem;
  box-sizing: border-box;
  background: #2b2b2b url(../images/icon/ico_dropdown-87c6dc91d8cadd4b7d346ae6d938ae2a.png) no-repeat 6.4285714286rem center;
}

body[data-theme="dark"] .btn.btn-line {
  color: #fff;
  border: none;
  background: #ee2529;
}
body[data-theme="dark"] .btn.btn-line.disable {
  color: #8e8e8e;
  border: none;
  cursor: default;
}
body[data-theme="dark"] .btn.btn-line-light {
  border: 1px solid #222;
  color: #8e8e8e;
  background: #2b2b2b;
  font-weight: 500;
  text-transform: uppercase;
}
body[data-theme="dark"] .btn-more {
  font-size: 0.7142857143rem;
  color: #8e8e8e;
  font-weight: 500;
}
body[data-theme="dark"] .btn-more .icon {
  display: inline-block;
  width: 0.8571428571rem;
  height: 0.8571428571rem;
  background: url(../images/icon/ico_more_w-b875daa168566e1efd5bde65a431cb99.png) no-repeat center center;
  background-size: 100%;
  margin: 0 0 -0.1785714286rem 0.3571428571rem;
}
body[data-theme="dark"] .btn-more.size2 {
   font-size: 0.8571428571rem;
   font-weight: 500;
 }
body[data-theme="dark"] .btn-more.size2 .icon {
  width: 1rem;
  height: 1rem;
  background: url(../images/icon/ico_more_w-b875daa168566e1efd5bde65a431cb99.png) no-repeat center center;
  background-size: 100%;
}
body[data-theme="dark"] header .head-top {
  background: #1c1c1c;
}
body[data-theme="dark"] header .head-top .bg-select > span {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  line-height: 1.4285714286rem;
  background: #021d46;
  color: #fff;
  text-align: center;
  font-size: 0.7142857143rem;
  font-weight: 500;
  cursor: pointer;
}
body[data-theme="dark"] header .menu-wrap {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  background: #121212;
  color: #fff;
  height: 3.2857142857rem;
  box-shadow: 0px 0.7142857143rem 0.7142857143rem 0 rgba(15, 16, 16, 0.2);
}

body[data-theme="dark"] header .menu-wrap .menu .s-menu li:hover {
  color: #999;
}
body[data-theme="dark"] header .menu-wrap .sch-wrap {
  background: #1c1c1c;
}
body[data-theme="dark"] header .menu-wrap .icon-wrap > a.btn-sch.active, header .menu-wrap .icon-wrap button.btn-sch.active {
  background: #1c1c1c;
}
body[data-theme="dark"] header .menu-wrap .dim {
  position: absolute;
  height: 0;
  opacity: 0;
  visibility: hidden;
  top: 3.2857142857rem;
  left: 0;
  width: 100%;
  background: #001c48 url(../images/menu_bg-0038de6c9f62c4fca94879e283df282d.png) no-repeat left top;
  filter: grayscale(100%);
  background-size: cover;
  z-index: -1;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s; }
body[data-theme="dark"] header .menu-wrap .dim:after {
  content: '';
  position: absolute;
  top: 0rem;
  width: 100%;
  height: 0.2142857143rem;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  background-image: linear-gradient(to right, #ee2529, #001c48); }
body[data-theme="dark"] header .menu-wrap.hover .dim {
  opacity: 1;
  visibility: visible;
  height: 26rem; }
body[data-theme="dark"] header .menu-wrap.hover .dim:after {
  top: 26rem; }
body[data-theme="dark"] footer .partner {
  text-align: center;
  width: 100%;
  background: #121212;
  border-top: 0.1428571429rem solid #121212;
}
body[data-theme="dark"] header .menu-wrap.fixed {
  position: fixed;
  overflow: hidden;
  top: 0;
  left: 0; }
/*body[data-theme="dark"] header .menu-wrap.fixed .menu .fixed-logo {*/
/*  display: block;*/
/*  width: 2rem;*/
/*  padding-right: 1rem; }*/
/*body[data-theme="dark"] header .menu-wrap.fixed .menu > ul > li {*/
/*  padding-right: 4.6428571429rem; }*/
/*body[data-theme="dark"] header .menu-wrap.fixed .menu > ul > li:nth-child(3) {*/
/*  padding-right: 5.7142857143rem; }*/
/*body[data-theme="dark"] header .menu-wrap.fixed .menu > ul > li:last-child {*/
/*  width: 15rem;*/
/*  padding: 0; }*/
body[data-theme="dark"] footer .partner .slider a img {
  display: inline-block;
  filter: invert(0.5);
  vertical-align: middle;
}

/*body[data-theme="dark"] footer .partner .slider a:nth-child(3) img {*/
/*  display: none;*/
/*}*/
/*body[data-theme="dark"] footer .partner .slider a:nth-child(3)::before {*/
/*  content: '';*/
/*  display: block;*/
/*  height: 5.1428571429rem;*/
/*  background: url(../images/logo/2023/sponsor_sorare_dk@2x-7e6b22cca2e5cb1e0ee28ba362bceb96.png) no-repeat;*/
/*  background-position: center center;*/
/*  background-size: 80%;*/
/*}*/
/*body[data-theme="dark"] footer .partner .slider a:nth-child(4) img {*/
/*  display: none;*/
/*}*/
/*body[data-theme="dark"] footer .partner .slider a:nth-child(4)::before {*/
/*  content: '';*/
/*  display: block;*/
/*  height: 5.1428571429rem;*/
/*  background: url(../images/logo/2023/sponsor_ea_dk@2x-73b93051913e051a24b167aeccd4a68b.png) no-repeat;*/
/*  background-position: center center;*/
/*  background-size: 80%;*/
/*}*/
/*body[data-theme="dark"] footer .partner .slider a:nth-child(13) img {*/
/*  display: none;*/
/*}*/
/*body[data-theme="dark"] footer .partner .slider a:nth-child(13)::before {*/
/*  content: '';*/
/*  display: block;*/
/*  height: 5.1428571429rem;*/
/*  background: url(../images/logo/2023/sponsor_panini-dark-2be64ed15fa12caf43d73566f7bd016e.png) no-repeat;*/
/*  background-position: center center;*/
/*  background-size: 50%;*/
/*}*/


body[data-theme="dark"] footer .foot-menu {
  width: 100%;
  background: url(../images/footer_bg-9d991de97f08afd7caa25b282dfed33b.png) no-repeat center bottom;
  filter: grayscale(100%);
  background-size: cover;
  color: #fff;
}
body[data-theme="dark"] footer .foot-info {
  width: 100%;
  background: #1c1c1c;
}
body[data-theme="dark"] footer .foot-info .info .bg-select > span {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  line-height: 2.1428571429rem;
  background: #303030;
  color: #fff;
  text-align: center;
  font-size: 0.7142857143rem;
  font-weight: 500;
  cursor: pointer;
}
body[data-theme="dark"] footer .foot-info .info .bg-select .plus:before {
  content: '';
  width: 100%;
  height: 0.1428571429rem;
  background: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
body[data-theme="dark"] footer .foot-info .info .bg-select .plus:after {
  content: '';
  height: 100%;
  width: 0.1428571429rem;
  background: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
body[data-theme="dark"] footer .foot-copy {
  background: #303030;
}
body[data-theme="dark"] footer .foot-copy > .f-wrap {
  position: relative;
  padding: 1.0714285714rem 0 1.0714285714rem;
  position: relative;
  width: 85.7142857143rem;
  margin: 0 auto;
  max-width: 100%;
  font-size: 0.7142857143rem;
  font-weight: 500;
  color: #fff;
}
body[data-theme="dark"] footer .foot-copy .menu li:after {
  content: '';
  display: block;
  position: absolute;
  width: 0.0714285714rem;
  height: 100%;
  background: #fff;
  top: 50%;
  right: 0;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

body[data-theme="dark"] .main {
  position: relative;
  background: #0a0a0a;
  width: 100%;
  overflow: hidden;
  z-index: 2;
}
body[data-theme="dark"] .main.style2 .aside > .result h2 {
  color: #fff;
}
body[data-theme="dark"] .main.style2 .contents-wrap > .news .tit {
  color: #fff;
}
body[data-theme="dark"] .main.style2 .contents-wrap > .news .tab-btns li {
  color: #8d93a1;
}
body[data-theme="dark"] .main.style2 .contents-wrap > .news .tab-btns li:after {
  background: #8d93a1;
}
body[data-theme="dark"] .main.style2 .contents-wrap > .news .tab-btns li.active {
  color: #fff;
}
body[data-theme="dark"] .main.style2 .gall > .l-box > a .txt-box {
  background: #121212;
}
body[data-theme="dark"] .main .main-banner .txt-wrap .s-txt {
  color: #fff;
  font-weight: 300;
  line-height: 1.4;
  font-size: 1.1428571429rem;
  margin-bottom: 2.5rem;
}
body[data-theme="dark"] .main .aside h2 {
  font-size: 1.2857142857rem;
  font-weight: 700;
  color: #fff;
  padding-bottom: 1.1428571429rem;
  font-family: 'Campton', 'NotoSansKR', sans-serif;
  text-transform: uppercase;
}
body[data-theme="dark"] .main .aside h2 img {
  margin: 0 0.3571428571rem -0.1428571429rem 0;
  display: none;
}
body[data-theme="dark"] .main .aside .ranking h2::before {
  content: '';
  width: 1rem;
  height: 1rem;
  display: inline-block;
  background: url(../images/icon/ico_ball_white-af0708d47ee1970aff9b08df55c12b5e.png) no-repeat;
  background-size: cover;
}
body[data-theme="dark"] .main .aside .box {
  background: #1c1c1c;
  width: 20rem;
  box-sizing: border-box;
  padding: 1.0714285714rem 1.4285714286rem 1.1428571429rem;
  text-align: center;
  box-shadow: 0px 0.1428571429rem 1.4285714286rem 0 rgba(15, 16, 16, 0.15);
}
body[data-theme="dark"] .main .aside .box h3 {
  font-size: 1rem;
  font-weight: 700;
  color: #fff;
  padding: 1.7142857143rem 0 0;
}
body[data-theme="dark"] .main .aside > .ban1 {
  padding: 0;
  min-height: auto; }
body[data-theme="dark"] .main .aside > .ban2 {
  position: relative;
  padding: 0;
  min-height: auto; }
body[data-theme="dark"] .main .aside .tab-btns > li {
  width: 50%;
  float: left;
  padding: 0.6428571429rem 0;
  border-bottom: 0.2142857143rem solid #e8eaee;
}
body[data-theme="dark"] .main .aside .tab-btns > li.active {
  border-bottom: 0.2142857143rem solid #ee2529;
}
body[data-theme="dark"] .main .aside .btn-red {
  width: 11.4285714286rem;
  height: 2.5714285714rem;
  line-height: 2.5714285714rem;
  background: #ee2529;
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
}
body[data-theme="dark"] .main .aside > .result h2 {
  color: #fff;
}
body[data-theme="dark"] .main .aside > .result .result-list li {
  display: table;
  width: 100%;
  text-align: center;
  padding: 1rem 0;
  border-bottom: 0.0714285714rem solid #2b2b2b;
}
body[data-theme="dark"] .main .aside > .result .result-list li a .name {
  display: block;
  font-size: 0.8571428571rem;
  font-weight: 700;
  color: #fff;
  padding-top: 1.0714285714rem;
}
body[data-theme="dark"] .main .aside > .result .result-list li .score > .roboto {
  display: block;
  position: relative;
  background: #2b2b2b;
  color: #fff;
  border-radius: 0.2857142857rem;
  width: 4.5714285714rem;
  margin: 0 auto;
  height: 1.8571428571rem;
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 0.2rem;
}
body[data-theme="dark"] .main .aside > .result .result-list li .txt {
  display: block;
  margin-bottom: 0.4rem;
  font-size: 0.7857142857rem;
  color: #8e8e8e;
}
body[data-theme="dark"] .main .aside > .score .cont.active li {
  padding: 0 0 0 1rem;
  background: #303030;
  margin: 0 0 0.7142857143rem;
}
body[data-theme="dark"] .main .aside > .score .cont.active li:not(.fir) > span {
  display: table;
  height: 3.5714285714rem;
  float: left;
  text-align: center;
  line-height: 3.5714285714rem;
  color: #fff;
}
body[data-theme="dark"] .main .aside > .score .cont.active li:not(.fir) .txt:after, body[data-theme="dark"] .main .aside > .score .cont.active li:not(.fir) .txt:before {
  content: '';
  position: absolute;
  width: 0.1428571429rem;
  height: 0.7142857143rem;
  background: #999;
  top: 1.4285714286rem;
}
body[data-theme="dark"] .main .aside > .score .cont.active .fir .num {
  color: #001c48;
}
body[data-theme="dark"] .main .aside > .score .cont.active .fir.blue-box {
  background-image: url(../images/score_bg2-3ff0d8c9adbf6b28cb9959a36398507d.jpg);
  background-size: cover;
  color: #fff;
}
body[data-theme="dark"] .main .aside > .score .cont.active .fir.blue-box .num {
  color: #ee2529;
}
body[data-theme="dark"] .main .aside > .score .cont.active .fir.red-box {
  background-image: url(../images/score_bg-1b24a38d953454a00defb6179bafe1ed.jpg);
  background-size: cover;
  color: #fff;
}
body[data-theme="dark"] .main .aside > .score .cont.active .fir.gray-box {
  background-image: url(../images/score_bg3-7d52b19d050b4ab2d7ec8df17d5ca776.jpg);
  background-size: cover;
  color: #fff;
}
body[data-theme="dark"] .main .aside > .ban3 {
  position: relative;
  padding: 0;
  min-height: auto;
  width: 100%;
  height: 27.1428571429rem;
  background: url(../images/aside_ban3-ba724013974540ac3c9a45bf8aca6a25.jpg) no-repeat center center;
  background-size: cover;
  color: #fff;
}
body[data-theme="dark"] .main .aside > .ban4 {
  position: relative;
  padding: 0;
  min-height: auto;
  width: 100%;
  color: #fff;
}
body[data-theme="dark"] .main .contents-wrap .tit {
  font-size: 1.5714285714rem;
  font-weight: 800;
  color: #fff;
  padding: 0 0 1.2142857143rem;
  font-family: 'Campton', 'NotoSansKR', sans-serif;
}
body[data-theme="dark"] .main .contents-wrap > .news .tit {
  color: #fff;
}
body[data-theme="dark"] .main .contents-wrap > .news .tab-btns li.active {
  color: #fff;
  font-weight: 700;
}
body[data-theme="dark"] .main .contents-wrap > .ban > a {
  display: block;
  width: 100%;
  height: 14.2857142857rem;
  background: url(../images/ticket_bg1-0fc66458ad30d64d5e2cde13989eab00.jpg) no-repeat center center;
  background-size: cover;
  box-sizing: border-box;
  padding: 2.9285714286rem 3.4285714286rem 0;
  color: #fff;
}
body[data-theme="dark"] .main .contents-wrap > .video .tab-btns li {
  width: 50%;
  float: left;
  box-sizing: border-box;
  text-align: center;
  padding: 1.2857142857rem 0 1.5rem;
  background: #303030;
  border-top: 0.2857142857rem solid #e8eaee;
  border-bottom: none;
}
body[data-theme="dark"] .main .contents-wrap > .video .tab-btns li.active {
  background: transparent;
  border-top-color: #ee2529;
  border-bottom-color: transparent;
}
body[data-theme="dark"] .main .contents-wrap > .video .tab-btns li + li {
  border-left: none;
}
body[data-theme="dark"] .main .contents-wrap > .video h3 {
  padding: 2.1428571429rem 0 1.5714285714rem;
  font-size: 1.2857142857rem;
  text-transform: uppercase;
  color: #fff;
  font-weight: 900;
}
body[data-theme="dark"] .main .contents-wrap > .video .box .btn-more {
  position: absolute;
  right: 0;
  color: #8e8e8e;
  top: 2.1428571429rem;
}
body[data-theme="dark"] .main .contents-wrap > .video .box + .box h3:after {
  content: '';
  display: block;
  width: 100%;
  height: 0.1428571429rem;
  margin-top: 1.0714285714rem;
  background-image: linear-gradient(to right, #001c48, #ee2529);
}
body[data-theme="dark"] .main .contents-wrap > .app:after {
  content: '';
  width: 100vw;
  height: 320px;
  background: url(../images/img-storebanner-bg-4d7e3a5c3f26bc0097b3249eb2a471c6.png) no-repeat center center;
  filter: brightness(0.6);
  background-size: cover;
  position: absolute;
  left: calc(50% - 12.1428571429rem);
  top: 0;
  margin-left: -50vw;
  z-index: -1;
}
body[data-theme="dark"] .main .contents-wrap > .broadcast h2 {
  font-weight: 700;
  font-size: 1.7142857143rem;
  color: #001c48;
  padding: 0 0 4.0714285714rem;
}
body[data-theme="dark"] .main .contents-wrap > .broadcast .f-wrap > div .txt {
  color: #fff;
  padding: 0 0 0.8571428571rem;
}
body[data-theme="dark"] .main .contents-wrap > .broadcast .f-wrap > div .team-box .img {
  position: absolute;
  right: 0;
  top: 0;
  width: 2.8571428571rem;
  height: 2.8571428571rem;
  background: #fff;
}
body[data-theme="dark"] .main .contents-wrap > .broadcast .btn-more {
  position: absolute;
  right: 0rem;
  top: 4.0714285714rem;
  color: #fff;
  font-size: 0.8571428571rem;
}
body[data-theme="dark"] .main .contents-wrap > .tv > .ban {
  width: 100%;
  height: 18.5714285714rem;
  padding: 4.2857142857rem 3.5714285714rem;
  margin-bottom: 8.2857142857rem;
  background: url(../images/tv_bg-c8dcb3bc31799a84df255c0eb332320f.jpg) no-repeat center center;
  background-size: cover;
  box-sizing: border-box;
  color: #fff;
}
body[data-theme="dark"] .main .contents-wrap > .tv > .ban h2:before {
  content: '';
  width: 0.1428571429rem;
  height: 1rem;
  background: #ee2529;
  position: absolute;
  left: 8.2857142857rem;
  top: 0.5rem;
}
body[data-theme="dark"] .main .contents-wrap > .tv > .video h3 {
  padding: 2.1428571429rem 0 1.5714285714rem;
  font-size: 1.2857142857rem;
  text-transform: uppercase;
  font-weight: 900;
  color: #fff;}
body[data-theme="dark"] .main .contents-wrap > .tv > .video h3:after {
  content: '';
  display: block;
  width: 100%;
  height: 0.1428571429rem;
  margin-top: 1.0714285714rem;
  background-image: linear-gradient(to right, #001c48, #ee2529); }
body[data-theme="dark"] .main .contents-wrap > .tv > .video .btn-more {
  position: absolute;
  right: 0;
  top: 2.1428571429rem; }

body[data-theme="dark"] .main .contents-wrap > .ticket-ban {
  width: 100%;
  height: 16.2857142857rem;
  padding: 3.5714285714rem;
  margin: 6.2142857143rem 0 9.7857142857rem;
  background: url(../images/ticket_bg2-3950c76cc29939040261e67c5d6cccd8.jpg) no-repeat center center;
  background-size: cover;
  color: #fff;
  box-sizing: border-box;
}
body[data-theme="dark"] .main .contents-wrap > .about .tit + p {
  font-size: 1.1428571429rem;
  color: #8e8e8e;
  padding-bottom: 1.5rem;
}
body[data-theme="dark"] .main .contents-wrap > .about .f-wrap > a span {
  color: #8e8e8e;
  font-weight: 500;
}
body[data-theme="dark"] .main .contents-wrap > .sns .title-box h2 {
  font-size: 1.5714285714rem;
  color: #fff;
  font-weight: 700;
}
body[data-theme="dark"] .main .contents-wrap > .sns .title-box p {
  font-size: 0.8571428571rem;
  font-weight: 500;
  color: #999;
  line-height: 1.4;
  padding: 1.2142857143rem 0 2.5rem;
}
body[data-theme="dark"] .main .contents-wrap > .sns::before {
  content: ''; display: block; z-index: 1; position: absolute; left: -1000px; top: 0; width: 3000px; height: 100%; background: #1c1c1c;
}
body[data-theme="dark"] .organization-img > img {
  display: none;
}
body[data-theme="dark"] .organization-img::before {
  content: '';
  display: block;
  width: 100%;
  height: 62rem;
  background: url(../images/organization_gray-0284175611c47fa3e20d02f8d3f411c8.png) no-repeat;
  background-position: center center;
  background-size: contain;
}

body[data-theme="dark"] .sub-top {
  width: 100%;
  min-height: 14.2857142857rem;
  background: #001947 url(../images/sub_top-1f1015bf6d48b5936efea15c3cece4f9.jpg) no-repeat 0 0;
  filter: grayscale(100%);
  color: #fff;
}
body[data-theme="dark"] .sub-top p {
  width: 85.7142857143rem;
  margin: 0 auto;
  max-width: 100%;
  font-size: 1rem;
  color: #fff;
  font-weight: 200;
}
body[data-theme="dark"] .sub-top.club {
  filter: none;
}
body[data-theme="dark"] .sub-top.club > .f-wrap .txt span {
  display: block;
  font-size: 1.0714285714rem;
  line-height: 1.6;
  font-weight: 500;
}
body[data-theme="dark"] .sub-top.club > .f-wrap .txt .str {
  font-size: 1.3571428571rem;
  font-weight: 700;
  padding-bottom: 0.7142857143rem;
}
body[data-theme="dark"] .sub-contents-wrap {
  width: 100%;
  box-sizing: border-box;
  padding: 3.5714285714rem 0 5rem;
  background: #0a0a0a;
}
body[data-theme="dark"] .sub-contents-wrap .cate-wrap > a:after {
  content: '';
  display: inline-block;
  width: 0.25rem;
  height: 0.25rem;
  border-top: 0.0714285714rem solid #001c48;
  border-left: 0.0714285714rem solid #001c48;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
  border-width: 0.1428571429rem;
  border-color: #d2d2d2;
  display: inline-block;
  position: relative;
  top: -0.2142857143rem;
}
body[data-theme="dark"] .sub-contents-wrap .cate-wrap > a:last-of-type {
  color: #001c48;
  font-weight: 500;
}
body[data-theme="dark"] .sub-contents-wrap .sch-box .input-box .btn-sch {
  position: absolute;
  right: 0;
  top: 0;
  width: 2.8571428571rem;
  height: 2.7142857143rem;
  background: #ee2529;
}
body[data-theme="dark"] .sub-contents-wrap .tit-box {
  width: 100%;
  background: #1c1c1c;
  color: #fff;
  line-height: 6.1428571429rem;
  height: 6.1428571429rem;
  box-sizing: border-box;
  padding: 0 3.5714285714rem;
  margin-top: 3.5714285714rem;
  margin-bottom: 0.7142857143rem;
}
body[data-theme="dark"] .sub-contents-wrap .tit-box > span.str {
  font-size: 1.7142857143rem;
  color: #fff;
  font-weight: 700;
}
body[data-theme="dark"] .sub-contents-wrap .tit-box > span.right {
  font-size: 1.2857142857rem;
  font-weight: 500;
  color: #8e8e8e;
}
body[data-theme="dark"] .sub-contents-wrap .tit-box.style2 {
  margin-top: 0;
  border-left: 0.4285714286rem solid #ee2529;
  font-size: 1.2857142857rem;
  font-weight: 700;
  color: #fff;
  padding: 0 3.2142857143rem;
  background: #1c1c1c url(../images/match_tit-0764f139f31453ef612870074997a376.png) no-repeat right center;
}
body[data-theme="dark"] .sub-contents-wrap .cont-box {
  width: 100%;
  padding: 3.5714285714rem;
  background: #1c1c1c;
  color: #8e8e8e;
  box-sizing: border-box;
  margin-bottom: 0.7142857143rem;
}
body[data-theme="dark"] .sub-contents-wrap .player .img-box {
  position: relative;
  width: 100%;
  height: 307px;
  background: url(../images/match_player_bg_dark-d6f2bd4e321b5c2f7f121ab7c8bf4e92.png) no-repeat center center;
  background-size: cover;
  overflow: hidden;
}
body[data-theme="dark"] .sub-contents-wrap .player .txt-box .txt > span {
  float: left;
  width: 75%;
  font-weight: 700;
  font-size: 18px;
  color: #fff;
}
body[data-theme="dark"] .sub-contents-wrap .player .txt-box .txt .num {
  width: 20%;
  float: right;
  font-size: 18px;
  font-weight: 600;
  color: #ee2529;
  font-style: italic;
}
body[data-theme="dark"] .sub-contents-wrap .player .txt-box .txt dl {
  padding-top: 0.8571428571rem;
  font-size: 0.7857142857rem;
  color: #8e8e8e;
  line-height: 1.6;
}
body[data-theme="dark"] .sub-contents-wrap .t-box h4 {
  font-size: 1.1428571429rem;
  font-weight: 700;
  color: #999;
  padding-bottom: 1.4rem;
}
body[data-theme="dark"] .sub-contents-wrap .t-box img {
  filter: grayscale(1) brightness(0.8);
  margin: 2.1428571429rem 0 2.8571428571rem;
}
body[data-theme="dark"] .sub-contents-wrap .t-box .table table .line {
  border-right: 0.0714285714rem solid #303030;
}
body[data-theme="dark"] .sub-contents-wrap .t-box .table.str {
  border-top: 0.1428571429rem solid #001c48;
}
body[data-theme="dark"] .sub-contents-wrap .t-box .table.str th {
  background-color: #bac2cf;
  color: #fff;
  font-size: 0.8571428571rem;
  font-weight: 500;
}
body[data-theme="dark"] .greetings .cont-box strong {
  display: block;
  color: #ee2529;
  font-weight: 700;
  font-size: 1.7142857143rem;
  line-height: 1.8;
}
body[data-theme="dark"] .greetings .cont-box li h4 {
  font-size: 1.2857142857rem;
  font-weight: 500;
  color: #ee2529;
  padding-bottom: 1.1428571429rem;
}
body[data-theme="dark"] .greetings .cont-box.bg {
  position: relative;
  background: #1c1c1c url(../images/greetings_bg_gray-874b87fbc7c4fd8734210a680a008c1c.png) no-repeat right bottom;
}
body[data-theme="dark"] .history .year {
  width: 17.5714285714rem;
  font-size: 4.2142857143rem;
  font-weight: 900;
  color: #e0e0e0;
  line-height: 1.2;
}
body[data-theme="dark"] .history .year .str {
  display: block;
  color: #ee2529;
}
body[data-theme="dark"] .history .info:before {
  content: '';
  width: 0.0714285714rem;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #e6e9ed;
}
body[data-theme="dark"] .history .info ul li:before {
  content: '';
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0%, -50%);
  -moz-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  -o-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  left: -0.2857142857rem;
  width: 0.5714285714rem;
  height: 0.5714285714rem;
  border-radius: 100%;
  background: #ee2529;
  z-index: 1;
}
body[data-theme="dark"] .history .info ul .tit {
  font-size: 1.7142857143rem;
  font-weight: 700;
  color: #999;
  margin-bottom: 2.0714285714rem;
}
body[data-theme="dark"] .history .info ul .tit:before {
  left: -0.5357142857rem;
  width: 1.0714285714rem;
  height: 1.0714285714rem;
  background: url(../images/icon/ico_dot_red-b3dac5b59eee6e97b1be059012bb936f.png) no-repeat center center;
  background-size: 100%;
}
body[data-theme="dark"] .history .new .year .str {
  color: #ee2529;
}

body[data-theme="dark"] .ci h4 {
  font-weight: 600;
  color: #ee2529;
  padding-bottom: 3.7142857143rem;
  text-align: left;
}
body[data-theme="dark"] .ci .ban h4 {
  color: #fff;
  font-size: 1.2857142857rem;
  padding: 0 0 2rem;
}
body[data-theme="dark"] .ci .cont-box {
  margin-bottom: 2.8571428571rem;}

body[data-theme="dark"] .ci .main-logo {
  text-align: center;
  padding: 0 3.5714285714rem 6.5714285714rem;
  margin: 0 -3.5714285714rem;
  border-bottom: 0.1428571429rem solid #0a0a0a;}

body[data-theme="dark"] .ci .main-logo .item:nth-of-type(1) img {display: none;}
body[data-theme="dark"] .ci .main-logo .item:nth-of-type(1)::before {content: ''; display: block; background: url(../images/logo/emblem-dark-6f5d8a64ff5da460bc3ff863f03c1791.png) no-repeat; width: 192px; height: 244px;}

body[data-theme="dark"] .ci .main-logo .item:nth-of-type(2) img {display: none;}
body[data-theme="dark"] .ci .main-logo .item:nth-of-type(2)::before {content: ''; display: block; background: url(../images/logo/emblem_s-dark-48b1f31639f7b34da517b64ee7f50ef5.png) no-repeat; width: 61px; height: 78px; margin: 0 auto;}

body[data-theme="dark"] .ci .main-logo .item span:before {
  content: '';
  display: block;
  width: 4.2857142857rem;
  height: 0.7142857143rem;
  border: 0.0714285714rem solid #fff;
  margin: 0.6428571429rem auto 3.3571428571rem;
  border-top: 0;}

body[data-theme="dark"] .ci .main-logo .item span {
  display: block;
  font-size: 0.8571428571rem;
  font-weight: 500;
  color: #999;
}

body[data-theme="dark"] .ci .sig-logo .item img {display: none;}
body[data-theme="dark"] .ci .sig-logo .item:nth-of-type(1)::after {content: ''; display: inline-block; background: url(../images/logo/img-logo-signatur-1-44fb9e67e75ee3c71e509eedc096079f.png) no-repeat; width: 620px; height: 66px; vertical-align: middle; margin-right: 8.1428571429rem;}
body[data-theme="dark"] .ci .sig-logo .item:nth-of-type(2)::after {content: ''; display: inline-block; background: url(../images/logo/img-logo-signatur-2-0dfc51f48832f57006fd0b6a7277623c.png) no-repeat; width: 620px; height: 66px; vertical-align: middle; margin-right: 8.1428571429rem;}

body[data-theme="dark"] .ci .color-box {
  text-align: center;
  padding: 0 3.5714285714rem 5.9285714286rem;
  margin: 0 -3.5714285714rem;
  border-bottom: 0.1428571429rem solid #0a0a0a;
}
body[data-theme="dark"] .ci .color-box ul li {border-color: #0a0a0a;}
body[data-theme="dark"] .ci .color-box ul li dl dt {
  display: inline-block;
  color: #999;
  width: 2.8571428571rem;
}
body[data-theme="dark"] .ci .color-box ul li dl dd {
  display: inline-block;
  color: #fff;
}

body[data-theme="dark"] .location .info-wrap .item + .item {
  padding: 2.8571428571rem 0 0;
  border-top: 0.1428571429rem dashed #0a0a0a;
}
body[data-theme="dark"] .location .info-wrap .item h4 {
  font-weight: 700;
  color: #999;
  padding-bottom: 1.4285714286rem;
}
body[data-theme="dark"] .location .info-wrap .item dt {
  display: inline-block;
  color: #8e8e8e;
  margin: 0 1rem 1.2142857143rem 0;
  font-weight: 700;
}
body[data-theme="dark"] .location .info-wrap .item dt [class*="subway"] {
  display: inline-block;
  box-sizing: border-box;
  width: 1.8571428571rem;
  height: 1.8571428571rem;
  background: #fff;
  font-weight: 900;
  text-align: center;
  line-height: 1.4285714286rem;
  border-radius: 100%;
  border: 0.2142857143rem solid;
  margin-right: 0.5714285714rem;
}
body[data-theme="dark"] .location .info-wrap .item dt [class*="subway"].subway3 {
  color: #ff5b37;
  border-color: #ff5b37;
}
body[data-theme="dark"] .location .info-wrap .item dt [class*="subway"].subway5 {
  color: #9654ba;
  border-color: #9654ba;
}

body[data-theme="dark"] .sponsor .cont-box li {
  float: left;
  width: calc((100% - 6rem)/3);
  margin: 1rem 1rem 0 0;
  text-align: center;
  background: #2b2b2b;
  height: 10rem;
  border: 0.0714285714rem solid #222;
}
body[data-theme="dark"] .sponsor .cont-box li:nth-child(3n) {
  margin-right: 0;
}


body[data-theme="dark"] .sponsor .cont-box .sponsor1 li:nth-of-type(1) img,
body[data-theme="dark"] .sponsor .cont-box .sponsor2 li:nth-of-type(2) img,
body[data-theme="dark"] .sponsor .cont-box .sponsor2 li:nth-of-type(3) img,
body[data-theme="dark"] .sponsor .cont-box .sponsor2 li:nth-of-type(6) img,
body[data-theme="dark"] .sponsor .cont-box .sponsor2 li:nth-of-type(7) img,
body[data-theme="dark"] .sponsor .cont-box .sponsor2 li:nth-of-type(9) img,
body[data-theme="dark"] .sponsor .cont-box .sponsor3 li:nth-of-type(1) img,
body[data-theme="dark"] .sponsor .cont-box .sponsor3 li:nth-of-type(2) img,
body[data-theme="dark"] .sponsor .cont-box .sponsor3 li:nth-of-type(3) img,
body[data-theme="dark"] .sponsor .cont-box .sponsor3 li:nth-of-type(4) img,
body[data-theme="dark"] .sponsor .cont-box .sponsor3 li:nth-of-type(5) img,
body[data-theme="dark"] .sponsor .cont-box .sponsor3 li:nth-of-type(6) img,
body[data-theme="dark"] .sponsor .cont-box .sponsor3 li:nth-of-type(7) img,
body[data-theme="dark"] .sponsor .cont-box .sponsor3 li:nth-of-type(8) img
{display: none;}

body[data-theme="dark"] .sponsor .cont-box .sponsor1 li:nth-of-type(1)  a::after {content: ''; display: block; background: url(../images/logo/2024/sponsor_hanabank_dk@2x-0144a116a3f2ad7afbd42dd5a9c671cc.png)      no-repeat; background-size: contain; width:80%; height:80%; position: absolute; left: 50%; top: 65%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
body[data-theme="dark"] .sponsor .cont-box .sponsor2 li:nth-of-type(1)  a::after {content: ''; display: block; background: url(../images/logo/2024/sponsor_hd_electric_dark-2d8a2361324085ac98a973da109712f4.png)          no-repeat; background-size: contain; width:80%; height:80%; position: absolute; left: 50%; top: 60%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
body[data-theme="dark"] .sponsor .cont-box .sponsor2 li:nth-of-type(2)  a::after {content: ''; display: block; background: url(../images/logo/2024/sponsor_ea_dk@2x-e41f304ea795940f975cd0ed9e8f2053.png)          no-repeat; background-size: contain; width:80%; height:80%; position: absolute; left: 50%; top: 60%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
body[data-theme="dark"] .sponsor .cont-box .sponsor2 li:nth-of-type(3)  a::after {content: ''; display: block; background: url(../images/logo/2024/sponsor_7eleven_dk@2x-27b2b3326b6791e4ed8bc9ecd5c96128.png)     no-repeat; background-size: contain; width:80%; height:80%; position: absolute; left: 50%; top: 60%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
body[data-theme="dark"] .sponsor .cont-box .sponsor2 li:nth-of-type(4)  a::after {content: ''; display: block; background: url(../images/logo/2024/sponsor_adidas_dk@2x-8bbaded5e41e3ebf95d41a240406cf8d.png)      no-repeat; background-size: contain; width:80%; height:80%; position: absolute; left: 50%; top: 60%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
body[data-theme="dark"] .sponsor .cont-box .sponsor2 li:nth-of-type(5)  a::after {content: ''; display: block; background: url(../images/logo/2024/sponsor_lingtee_dark-0206f0b8f2586f5bdacbda8422bea664.png)      no-repeat; background-size: contain; width:80%; height:80%; position: absolute; left: 50%; top: 60%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
body[data-theme="dark"] .sponsor .cont-box .sponsor2 li:nth-of-type(6)  a::after {content: ''; display: block; background: url(../images/logo/2024/sponsor_dongwon_dark-f31265a782807b0043665e7614c4c672.png)      no-repeat; background-size: contain; width:80%; height:80%; position: absolute; left: 50%; top: 60%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
body[data-theme="dark"] .sponsor .cont-box .sponsor2 li:nth-of-type(7) a::after {content: ''; display: block; background: url(../images/logo/2024/sponsor_flex_dk-f3554bf0b6922e04fd0fe6d91c4b9d69.png)         no-repeat; background-size: contain; width:80%; height:80%; position: absolute; left: 60%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
body[data-theme="dark"] .sponsor .cont-box .sponsor2 li:nth-of-type(8) a::after {content: ''; display: block; background: url(../images/logo/2024/sponsor_coupangplay_dk@2x-609fdf8ebf4883641c2a1b0bb7111853.png)         no-repeat; background-size: contain; width:80%; height:80%; position: absolute; left: 50%; top: 60%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
body[data-theme="dark"] .sponsor .cont-box .sponsor3 li:nth-of-type(1)  a::after {content: ''; display: block; background: url(../images/logo/2024/sponsor_panini-dark-2be64ed15fa12caf43d73566f7bd016e.png)       no-repeat; background-size: contain; width:80%; height:80%; position: absolute; left: 50%; top: 60%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
body[data-theme="dark"] .sponsor .cont-box .sponsor3 li:nth-of-type(2)  a::after {content: ''; display: block; background: url(../images/logo/2024/sponsor_sorare_dk@2x-7e6b22cca2e5cb1e0ee28ba362bceb96.png)      no-repeat; background-size: contain; width:80%; height:80%; position: absolute; left: 50%; top: 60%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
body[data-theme="dark"] .sponsor .cont-box .sponsor3 li:nth-of-type(3)  a::after {content: ''; display: block; background: url(../images/logo/2024/sponsor_chiliz_dark-025229d5cb2ff334a5bc6d20e9e8676e.png)      no-repeat; background-size: contain; width:80%; height:80%; position: absolute; left: 50%; top: 60%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
body[data-theme="dark"] .sponsor .cont-box .sponsor3 li:nth-of-type(4)  a::after {content: ''; display: block; background: url(../images/logo/2024/sponsor_sega-dark@2x-2b97eecc0d0beb7f95f7418919bd4d33.png)      no-repeat; background-size: contain; width:80%; height:80%; position: absolute; left: 50%; top: 60%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
body[data-theme="dark"] .sponsor .cont-box .sponsor3 li:nth-of-type(5)  a::after {content: ''; display: block; background: url(../images/logo/2024/sponsor_brd_dark-0c46d771ffdfe6a9608d58bf85601bb0.png)      no-repeat; background-size: contain; width:80%; height:80%; position: absolute; left: 50%; top: 60%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
body[data-theme="dark"] .sponsor .cont-box .sponsor3 li:nth-of-type(6)  a::after {content: ''; display: block; background: url(../images/logo/2024/sponsor_tiktok_dk@2x-35d04b84bcae18858a175f0759734e71.png)      no-repeat; background-size: contain; width:80%; height:80%; position: absolute; left: 50%; top: 60%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
body[data-theme="dark"] .sponsor .cont-box .sponsor3 li:nth-of-type(7)  a::after {content: ''; display: block; background: url(../images/logo/2024/sponsor_with_dark-6d898bd82d318827dd6bb0959bb1dca6.png)      no-repeat; background-size: contain; width:80%; height:80%; position: absolute; left: 50%; top: 60%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
body[data-theme="dark"] .sponsor .cont-box .sponsor3 li:nth-of-type(8)  a::after {content: ''; display: block; background: url(../images/logo/2024/sponsor_qmit-dark@2x-3c1fe7e4bae2a9b137586fa6e9e239bb.png)      no-repeat; background-size: contain; width:80%; height:80%; position: absolute; left: 50%; top: 60%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}



body[data-theme="dark"] .sponsor .cont-box li:nth-of-type(3n) {
  margin-right: 0; }
body[data-theme="dark"] .sponsor .cont-box li:nth-of-type(3 - n) {
  margin-top: 0; }
body[data-theme="dark"] .sponsor .cont-box li a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative; }
body[data-theme="dark"] .sponsor .cont-box li a > img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

body[data-theme="dark"] .schedule table {
  border-top: 0.1428571429rem solid #ee2529;
}
body[data-theme="dark"] .schedule table th {
  background: #1c1c1c;
  border: 0;
  border-bottom: 0.5714285714rem solid #0a0a0a;
  color: #8e8e8e;
  font-size: 0.8571428571rem;
  padding: 1rem 0 1.0714285714rem;
}
body[data-theme="dark"] .schedule table td {
  padding: 1.4285714286rem 0;
  text-align: center;
  border-right: 0;
  border-left: 0.1428571429rem solid #0a0a0a;
  border-bottom: 0.1428571429rem solid #0a0a0a;
  background: #1c1c1c;
  color: #8e8e8e;
  vertical-align: middle;
  font-size: 0.9285714286rem;
}
body[data-theme="dark"] .schedule table .line td {
  background: #0a0a0a;
  height: 0.5714285714rem;
  padding: 0;
}
body[data-theme="dark"] .match .timeline:before {
  content: '';
  width: 0.0714285714rem;
  height: 100%;
  background: #e6e9ed;
  position: absolute;
  top: 0;
  left: 50%;
}
body[data-theme="dark"] .match .lineup-head .team-box {
  font-weight: 700;
  min-width: 10.8rem;
  color: #8e8e8e;
}
body[data-theme="dark"] .match .lineup-head .score {
  background: #2b2b2b;
  color: #8e8e8e;
  width: 5.5rem;
  text-align: center;
  line-height: 2.2857142857rem;
  font-size: 1.2857142857rem;
  font-weight: 700;
  border-radius: 0.2857142857rem;
  margin: 0 1.7142857143rem;
}
body[data-theme="dark"] .match .lineup-body > ul > li {
  position: relative;
  background: #2b2b2b;
  border-bottom: solid 1px #1c1c1c;
}
body[data-theme="dark"] .match .lineup-body > ul > li > div {
  width: 50%;
  height: 4.2857142857rem;
  float: left;
  color: #fff;
  line-height: 4.2857142857rem;
  box-sizing: border-box;
  padding: 0 3.5714285714rem;
  font-size: 1.0714285714rem;
  font-weight: 500;
}
body[data-theme="dark"] .match .lineup-body > ul > li > span.gk {
  color: #001c48;
}
body[data-theme="dark"] .match .lineup-body > ul > li > span.df {
  color: #ee2529;
}
body[data-theme="dark"] .match .lineup-body > ul > li > span.mf {
  color: #808080;
}
body[data-theme="dark"] .match .lineup-body > ul > li > span.fw {
  color: #a71c20;
}
body[data-theme="dark"] .match .lineup-body > ul > li > span.bench {
  color: #0061af;
}
body[data-theme="dark"]  .match .timeline {
  position: relative;
  padding: 2.2857142857rem 0 0;
}
body[data-theme="dark"]  .match .timeline li:before {
  content: '';
  position: absolute;
  top: 0.2857142857rem;
  left: -0.5rem;
  width: 1rem;
  height: 1rem;
  background: url(../images/icon/ico_dot-f349c50ef23c2ed52c307409fa280df5.png) no-repeat center center;
  background-size: 100%; }
body[data-theme="dark"] .match .timeline-wrap {
  padding: 30px 35px !important;
  border-bottom: 0.2rem solid #f2f3f6;
  margin-bottom: 0 !important;
}
body[data-theme="dark"] .match .timeline li.home:before {
  content: none;
}
body[data-theme="dark"] .match .timeline-wrap .competition-line .line {
  position: relative;
  width: 100%;
  height: 0.0714285714rem;
  margin: 3.5714285714rem auto;
  background-color: #dbdfe6;
}
body[data-theme="dark"] .match .timeline-wrap .competition-line .line .point {
  position: absolute;
  height: 1.2142857143rem;
  background-color: #fff;
  border-radius: 0.5714285714rem;
  padding: 0 0.3571428571rem;
  z-index: 2;
  top: -0.5714285714rem;
  font-size: 0.7857142857rem;
  line-height: 1.2142857143rem;
  font-weight: 500;
  color: #fff;
  background-color: #00477e;
}
body[data-theme="dark"] .match .timeline .context img.ico-ball {filter: invert(1) grayscale(1);}
body[data-theme="dark"] .match .statistics {
  padding: 0;
}
body[data-theme="dark"] .match .statistics .lineup-head {
  padding: 2.8571428571rem 0;
  margin: 0;
  border-bottom: 0.1428571429rem solid #f2f3f6;
}
body[data-theme="dark"] .match .statistics .btn-cont h5 {
  box-sizing: border-box;
  width: 72px;
  height: 28px;
  padding: 6px 0 8px;
  margin: 0 auto 30px;
  border-radius: 14px;
  background: #808080;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  text-align: center;
}
body[data-theme="dark"] .match .statistics .btn-cont h5:nth-of-type(2) {
margin-top: 2.8571428571rem;
}
body[data-theme="dark"] .rank .table-wrap .point {
  background: #2b2b2b;
}
body[data-theme="dark"] .rank .table-wrap tr.last td:nth-of-type(1) {
  color: #eb992e;
}
body[data-theme="dark"] .rank .table-wrap tr.last2 td:nth-of-type(1) {
  color: #ee2529;
}
/* body[data-theme="dark"] .rank .table-wrap tr:nth-last-child(2) td:nth-of-type(1) {
  color: #eb992e;
}
body[data-theme="dark"] .rank .table-wrap tr:last-child td:nth-of-type(1) {
  color: #ee2529;
} */
body[data-theme="dark"] .record .player .cont-box {
  width: calc(33.33% - 0.5714285714rem);
  margin-right: 0.8571428571rem; }
body[data-theme="dark"] body[data-theme="dark"] .sub-top.club > .f-wrap .txt .str {
  height: 268px;
}
body[data-theme="dark"] .record .player .cont-box.player-rank .txt-box .num {font-size: 18px; padding-bottom: 20px; width: 8rem;}
body[data-theme="dark"] .record .player .cont-box:last-of-type {
  margin-right: 0;
}
body[data-theme="dark"] .record .player .cont-box .txt-box .small {
  color: #8e8e8e;
  display: inline-block;
  margin-left: 0.3571428571rem;
}
body[data-theme="dark"] .record .record-wrap > .item {
  position: relative;
  display: table-cell;
  border-right: 0.1428571429rem solid #f2f3f6;
  padding: 2.8571428571rem 0 0 3.4285714286rem;
  height: 11.4285714286rem;
  box-sizing: border-box;
}
body[data-theme="dark"] .record .record-wrap > .item .num {
  display: inline-block;
  font-size: 2rem;
  color: #ee2529;
  font-weight: 600;
  font-style: italic;
}
body[data-theme="dark"] .record .record-wrap > .item .txt .small {
  display: inline-block;
  padding-left: 0.3571428571rem;
  font-size: 0.7857142857rem;
  font-weight: 400;
  color: #8e8e8e;
}
body[data-theme="dark"] .youth .str {
  display: block;
  color: #999;
  font-size: 1.2857142857rem;
  font-weight: 700;
  margin: 0;
}
body[data-theme="dark"] .youth .box {
  margin: 0 -3.5714285714rem;
  padding: 3.5714285714rem;
  border-top: 0.1428571429rem solid #0a0a0a;
}
body[data-theme="dark"] .youth .box h4 {
  width: 100%;
  background: url(../images/youth_tit_bg-5a9c82d836d1ce0d229f8ee952b2fab0.png) no-repeat center center;
  background-size: cover;
  margin-bottom: 4.2857142857rem;
  padding: 0.8571428571rem 1.6428571429rem 0.7857142857rem;
  font-size: 1.1428571429rem;
  font-weight: 700;
  color: #fff;
}
body[data-theme="dark"] .youth .box .group.left {
  border-right: 1px solid #303030;
}
body[data-theme="dark"] .youth .box .group ul li {
  display: inline-block;
  color: #8e8e8e;
  font-size: 0.8571428571rem;
  font-weight: 500;
  line-height: 1.4;
  vertical-align: top;
  margin-bottom: 2.6428571429rem;
  width: calc(33.33% - 0.2857142857rem);
  text-align: center;
  min-height: 9.2857142857rem;
}
body[data-theme="dark"] .youth .box .group ul li .img {
  position: relative;
  display: block;
  background: #eee;
  width: 6rem;
  height: 6rem;
  margin: 0 auto 0.8571428571rem;
  border-radius: 100%;
}
body[data-theme="dark"] .youth .txt-wrap img {
  max-width: 90%;
  filter: invert(1);
  padding: 2.1428571429rem 0;
}
body[data-theme="dark"] .youth .sns .left + .left {
  border-left: 1px solid #303030;
}

body[data-theme="dark"] .youth .sns .po-right .ico {
  background: url(../images/icon/ico_more_w-b875daa168566e1efd5bde65a431cb99.png) no-repeat center center!important;
}
body[data-theme="dark"] .academy .t-box h4 {
  color: #ee2529;
}
body[data-theme="dark"] .official .t-box h4 {
  color: #ee2529;
}
body[data-theme="dark"] .clean strong {
  display: block;
  color: #ee2529;
  font-weight: 700;
  font-size: 1.7142857143rem;
  line-height: 1.4;
  padding-bottom: 1.4285714286rem;
}
body[data-theme="dark"] .clean .t-box h4 {
  color: #ee2529;
}
body[data-theme="dark"] .privacy ul .str {
  color: #ee2529;
  text-decoration: underline;
}
body[data-theme="dark"] .login, body[data-theme="dark"] .join {
  width: 100%;
  min-height: 50vh;
  background: #0a0a0a url(../images/mobile/login_bg-049094101745ce5654c0159284463fbb.png) no-repeat;
  background-position: -300px -450px;
  text-align: center;
}
body[data-theme="dark"] .login .login-box .form-box label, body[data-theme="dark"] .join .login-box .form-box label {
  color: #fff;
  font-size: 0.8571428571rem;
  font-weight: 700;
  display: block;
  margin-bottom: 0.5714285714rem;
}
body[data-theme="dark"] .login .login-box .form-box input::placeholder, body[data-theme="dark"] .login .login-box .form-box input::-webkit-input-placeholder, body[data-theme="dark"] .login .login-box .form-box input:-ms-input-placeholder, body[data-theme="dark"] .join .login-box .form-box input::placeholder, body[data-theme="dark"] .join .login-box .form-box input::-webkit-input-placeholder, body[data-theme="dark"] .join .login-box .form-box input:-ms-input-placeholder {
  color: #cdd1d7;
}
body[data-theme="dark"] .login .login-box .form-box button, body[data-theme="dark"] .join .login-box .form-box button {
  position: absolute;
  right: 0;
  bottom: -1.6rem;
  color: #999;
  font-weight: 500;
  font-size: 0.9rem;
}
body[data-theme="dark"] .login .login-box .btn-wrap label, body[data-theme="dark"] .join .login-box .btn-wrap label {
  color: #999;
}
body[data-theme="dark"] .login .login-box .btn-wrap .join-btn, body[data-theme="dark"] .join .login-box .btn-wrap .join-btn {
  position: absolute;
  right: 0%;
  bottom: 0;
  color: #fff;
}
body[data-theme="dark"] .login .join-box > h2, body[data-theme="dark"] .join .join-box > h2 {
  font-size: 1.7142857143rem;
  font-weight: 700;
  padding: 3.5714285714rem 0 4.2857142857rem;
  color: #fff;
}
body[data-theme="dark"] .login .join-box .box, body[data-theme="dark"] .join .join-box .box {
  background: #1c1c1c;
  color: #8e8e8e;
  margin: 0 0 0.7142857143rem;
  box-sizing: border-box;
  width: 100%;
  padding: 2.8571428571rem 2.1428571429rem;
  text-align: left;
}
body[data-theme="dark"] .login .join-box .box .cont-box, body[data-theme="dark"] .join .join-box .box .cont-box {
  border-top: 0.0714285714rem solid #828282;
  margin: 2.5714285714rem -2.1428571429rem -2.8571428571rem;
  padding: 2.8571428571rem 2.1428571429rem;
  line-height: 1.4;
  max-height: 14.2857142857rem;
  overflow-y: auto;
}
body[data-theme="dark"] .login .join-box .input-box .s-txt, body[data-theme="dark"] .join .join-box .input-box .s-txt {
  color: #999;
  font-size: 0.7142857143rem;
  font-weight: 500;
  margin-top: 0.9285714286rem;
}
body[data-theme="dark"] .sub-contents-wrap .player .cont-box {
  padding: 0;
  margin-bottom: 0; }
body[data-theme="dark"] .player-page .player .cont-box {
  width: calc(12.5% - 0.546875rem);
  margin-right: 0.6rem;
  margin-bottom: 2.5rem; }
body[data-theme="dark"] .player-page .player .cont-box:nth-of-type(8n) {
  margin-right: 0; }
body[data-theme="dark"] .player-page .player .cont-box .img-box {
  width: 100%;
  height: 10rem; }
body[data-theme="dark"] .player-page .player .cont-box .img-box img {
  width: 100%;
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translate(-50%, 0%);
  -moz-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  -o-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);}
body[data-theme="dark"] .player-page .player .cont-box .txt-box {
  width: 100%;
  height: 4.688rem;
  padding: 1rem 1.25rem;
}
body[data-theme="dark"] .player-page .player .cont-box .txt-box .name {font-size: 1rem; color: #fff; display: block; width: 100%; text-align: center;}
body[data-theme="dark"] .player-page .player .cont-box .txt-box > img {
  height: 1.688rem;
  position: absolute; top: -9.4rem; right: 0.6rem;
}
body[data-theme="dark"] .player-page .player .cont-box .txt-box .small {
  color: #8e8e8e;
  margin-left: 0.4rem;
  font-size: 0.8rem; }
body[data-theme="dark"] .player-page .player .cont-box .txt-box .num {display: block; width: 100%; text-align: center; font-size: 1rem; margin-top: 0.625rem;}

body[data-theme="dark"] .player-page .player .cont-box .txt-box.en {display: table; padding: 0 1.25rem;}
body[data-theme="dark"] .player-page .player .cont-box .txt-box.en .txt {display: table-cell; width: 100%; vertical-align: middle;}
body[data-theme="dark"] .player-page .player .cont-box .txt-box.en .name {font-size: 0.8rem; top: 0;}
body[data-theme="dark"] .player-page .player .cont-box .txt-box.en .name .small {display: block; width: 100%; margin-left: 0; margin-top: 0.2rem;}
body[data-theme="dark"] .player-page .player .cont-box .txt-box.en .num { font-size: 0.8rem;}

body[data-theme="dark"] .sub-contents-wrap .contents.emblem .emblem-table th {
  background: #1c1c1c;
  color: #8e8e8e;
  font-weight: 500;
  vertical-align: middle;
  padding: 1.0714285714rem 0.7142857143rem;
  border-color: #0a0a0a;
  border-width: 1px;
}
body[data-theme="dark"] .sub-contents-wrap .contents.emblem .emblem-table th[class*="bg-"] {
  color: #fff;
  font-size: 1rem;
}
body[data-theme="dark"] .sub-contents-wrap .contents.emblem .emblem-table tbody th {
  color: #fff;
}
body[data-theme="dark"] .sub-contents-wrap .contents.emblem .emblem-table tbody th .year {
  font-size: 1rem;
  display: block;
  padding-bottom: 0.6428571429rem;
}
body[data-theme="dark"] .sub-contents-wrap .contents.emblem .emblem-table tbody th + td {
  border-left: 0.1428571429rem solid #0a0a0a;
}
body[data-theme="dark"] .sub-contents-wrap .contents.emblem .emblem-table td {
  border-width: 0.1428571429rem;
  background: #1c1c1c;
  border-color: #0a0a0a;
  text-align: center;
  vertical-align: middle;
  padding: 1.0714285714rem 0.7142857143rem;
}
body[data-theme="dark"] .modal-wrap .modal {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #fff;
  max-height: 80vh;
  overflow-y: auto;
}
body[data-theme="dark"] .calendar-box {
  box-sizing: border-box;
  border-top: 0.1428571429rem solid #001c48;
  font-family: 'Campton', 'NotoSansKR', sans-serif;
  font-weight: 500;
}
body[data-theme="dark"] .calendar-box .calendar__day {
  display: block;
  float: left;
  width: calc(100% / 7);
  height: 15.3571428571rem;
  box-sizing: border-box;
  text-align: right;
  box-sizing: border-box;
  padding: 1.4285714286rem 0.7142857143rem;
  background: #fff;
  border-right: 0.1428571429rem solid #f2f3f6;
  border-top: 0.1428571429rem solid #f2f3f6;
}
body[data-theme="dark"] .calendar-box .calendar__day.calendar_sunday {
  color: #ee2529;
}
body[data-theme="dark"] .calendar-box .calendar__day .match-wrap li {
  display: table;
  width: 100%;
  padding: 0 1.7857142857rem;
  box-sizing: border-box;
  background: #f2f3f6;
  height: 3.5714285714rem;
  margin-bottom: 0.1428571429rem;
}
body[data-theme="dark"] .calendar-box .calendar__day .match-wrap li .score {
  font-size: 0.9285714286rem;
  font-weight: 700;
  color: #001c48;
}
body[data-theme="dark"] .calendar-box .calendar__day .empty {
  display: block;
  text-align: center;
  font-size: 1rem;
  padding: 5rem 0;
  color: #9b9faa;
}
body[data-theme="dark"] .calendar-box .calendar_day_of_week {
  background-color: #FFFFFF;
  display: block;
  float: left;
  width: calc(100% / 7);
  box-sizing: border-box;
  text-align: center;
  line-height: 2.8571428571rem;
  color: #9b9faa;
  font-weight: 500;
  border-right: 0.1428571429rem solid #f2f3f6;
}
body[data-theme="dark"] .cal-table-wrap {
  border-top: 0.1428571429rem solid #ee2529;
  font-family: 'Campton', 'NotoSansKR', sans-serif;
  font-weight: 500;
}
body[data-theme="dark"] .cal-table-wrap .calendar_day_of_week {
  background-color: #1c1c1c;
  box-sizing: border-box;
  text-align: center;
  line-height: 2.8571428571rem;
  color: #8e8e8e;
  font-weight: 500;
  border-right: 0.1428571429rem solid #0a0a0a;
  border-bottom: 0;
  width: calc(100% / 7);
  padding: 0;
  font-size: 1rem;
}
body[data-theme="dark"] .cal-table-wrap .calendar__day {
  height: 10.7142857143rem;
  box-sizing: border-box;
  text-align: right;
  color: #8e8e8e;
  padding: 1.4285714286rem 0.7142857143rem;
  background: #1c1c1c;
  border-right: 0.1428571429rem solid #0a0a0a;
  border-top: 0.1428571429rem solid #0a0a0a;
  vertical-align: top;
}
body[data-theme="dark"] .cal-table-wrap .calendar__day.calendar_sunday {
  color: #ee2529;
}
body[data-theme="dark"] .cal-table-wrap .calendar__day .match-wrap .team, body[data-theme="dark"] .cal-table-wrap .calendar__day .match-wrap .score {
  width: calc(100% / 3);
  min-width: auto;
  color: #fff;
}
body[data-theme="dark"] .cal-table-wrap .calendar__day .match-wrap li {
  display: table;
  width: 100%;
  text-align: center;
  padding: 0 1.7857142857rem;
  box-sizing: border-box;
  background: #2b2b2b;
  height: 3.5714285714rem;
  margin-bottom: 0.1428571429rem;
}
body[data-theme="dark"] .cal-table-wrap .calendar__day .match-wrap li .score {
  font-size: 0.9285714286rem;
  font-weight: 700;
  color: #8e8e8e;
  padding: 0;
}
body[data-theme="dark"] .cal-table-wrap .calendar__day .empty {
  display: block;
  text-align: center;
  font-size: 1rem;
  padding: 5rem 0;
  color: #9b9faa;
}
body[data-theme="dark"] .main .main-banner .slider .swiper-pagination-bullet {
  background: #fff;
}
body[data-theme="dark"] .match-result-wrap > ul > li.btn > input[type="button"] {
  background: #001c48;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  box-sizing: border-box;
  width: 130px;
  height: 40px;
  line-height: 40px;
  border: 0;
  margin: 30px auto;
}
body[data-theme="dark"] .match-result {
  box-sizing: border-box;
  width: 1126px;
  height: 143px;
  padding: 30px 0 30px 72px;
  border-right: 2px solid #0a0a0a;
  border-bottom: 2px solid #0a0a0a;
}
body[data-theme="dark"] .match-result > h6 {
  font-size: 11px;
  color: #ee2529;
  font-weight: bold;
  margin-bottom: 4px;
}
body[data-theme="dark"] .match-result > span {
  font-size: 12px;
  letter-spacing: -0.48px;
  color: #999;
}
body[data-theme="dark"] .match-result .team-box > div {
  margin: 10px;
  display: inline-block;
  vertical-align: top;
  color: #fff;
}
body[data-theme="dark"] .match-go {
  box-sizing: border-box;
  width: 74px;
  height: 143px;
  border-bottom: 2px solid #0a0a0a;
  cursor: pointer;
  background: url(../images/btn-after-9658625a87cd5c87028248687b6734f8.png) no-repeat center;
}
body[data-theme="dark"] .match-go:hover {
  background: #ee2529 url(../images/btn-after_w-6820baafa91ba7c86a64128620573111.png) no-repeat center;
}
body[data-theme="dark"] .contents.match .cont .f-wrap .cont-box #linechart > div svg rect {
  fill: #1c1c1c;
}
body[data-theme="dark"] .contents.match .cont .f-wrap .cont-box #linechart > div svg g g g rect {
  fill: #8e8e8e;
}
body[data-theme="dark"] .contents.match .cont .f-wrap .cont-box #linechart > div svg g g g g g text {
  fill: #ee2529;
  stroke: #1c1c1c;
}
body[data-theme="dark"] .contents.match .cont .f-wrap .cont-box .donut-chart > div svg rect {
  fill: #1c1c1c;
}
body[data-theme="dark"] .contents.match .cont .f-wrap .cont-box .donut-chart > div svg g path {
  stroke: #1c1c1c;
}
body[data-theme="dark"] .contents.match .cont .f-wrap .cont-box .donut-chart > div svg g g g text {
  fill: #fff;
}
body[data-theme="dark"] .match-record-wrap > ul > li {
  text-align: center;
  border-bottom: 2px solid #f2f3f6;
}
body[data-theme="dark"] .match-detail-wrap > ul > li:first-child > div {
  width: 100%;
  margin: 0 auto;
  border-bottom: 10px solid #f2f3f6;
}
body[data-theme="dark"] .match .tit-box .team-box > ul > li {
  display: inline-block;
  margin: 0 0.2rem 0.2rem;
  font-size: 0.91rem;
  color: #b4b1b2;
  font-weight: 300;
}
body[data-theme="dark"] .competition-line > .point {
  position: absolute;
  top: 43px;
  width: 24px;
  height: 17px;
  line-height: 16px;
  background: #00477e;
  border-radius: 10px;
  text-align: center;
  font-size: 10px;
  color: #fff;
  z-index: 2;
}
body[data-theme="dark"] .player-rank .table-wrap td {
  padding: 20px 0;
  font-size: 14px;
  color: #8e8e8e;
}
body[data-theme="dark"] .rank-graph .bar-wrap > li > div.prg .progress-bar {
  max-width: 100%;
  background: #ee2529;
}
body[data-theme="dark"] .rank .stadium-btn > ul > li {
  float: left;
  width: 6em;
  height: 3rem;
  line-height: 2.9rem;
  background: #2b2b2b;
  border: 1px solid #222;
  font-size: 1rem;
  color: #8e8e8e;
  font-weight: 400;
  padding: 0;
  text-align: center;
  cursor: pointer;
}
body[data-theme="dark"] .rank .stadium-btn > ul > li.active {
  background: #ee2529;
  color: #fff;
}
body[data-theme="dark"] .sub-top .btn-relay {
  width: 180px;
  height: 43px;
  color: #fff;
  font-family: 'NotoSansKR', sans-serif;
  font-size: 15px;
  line-height: 40px;
  margin-top: 20px;
  border: 0;
  background: url(../images/btn-relay-bg-8f7a1b72ee1959397bb32b87dfafd7f8.png) no-repeat;
  background-size: 100%;
  font-weight: 500;
  cursor: pointer;
}
body[data-theme="dark"] .naver-relay {
  background: #3bac37 url(../images/small-btn-bg-3073bb869faa1c7d75f8034cc93bd698.png) no-repeat;
  filter: none;
  background-position: left top;
  background-size: auto 100%;
}
body[data-theme="dark"] .daum-relay {
  background: #0061af url(../images/small-btn-bg-3073bb869faa1c7d75f8034cc93bd698.png) no-repeat;
  filter: none;
  background-position: left top;
  background-size: auto 100%;
}
body[data-theme="dark"] .app .app-tit {
  font-size: 24px;
  color: #fff;
  font-weight: 700;
}
body[data-theme="dark"] .app > p {
  font-size: 1.2rem;
  color: #fff;
  line-height: 160%;
  margin-top: 1.2rem;
}
body[data-theme="dark"] .bro-tit {
  font-size: 21px;
  color: #001c48;
  margin: 10px 0 60px;
  font-weight: 900;
}
body[data-theme="dark"] .bro-tit .str {
  font-family: 'Campton', 'NotoSansKR', sans-serif;
}
body[data-theme="dark"] .result-label {
  display: block;
  width: 3.2rem;
  height: 1.2rem;
  border-radius: 0.2rem;
  color: #fff;
  font-size: 0.7rem;
  line-height: 1.2rem;
  text-align: center;
  margin: 0.3rem auto 0;
}
body[data-theme="dark"] .result-label.end {
  background: #ee2529;
}
body[data-theme="dark"] .result-label.half {
  background: #001c48;
}
body[data-theme="dark"] .result-label.before {
  background: #808080;
}
body[data-theme="dark"] .mypage-wrap > div > div {
  position: relative;
  background: #1c1c1c;
  padding: 45px 25px;
  text-align: center;
  box-sizing: border-box;
  min-height: 264px;
}
body[data-theme="dark"] .mypage-wrap > div > div > img {
  height: 72px;
}
body[data-theme="dark"] .mypage-wrap > div.mypage-box:nth-child(3) > div > img {
  display: none;
}
body[data-theme="dark"] .mypage-wrap > div.mypage-box:nth-child(3) > div::before {
  content: '';
  display: block;
  width: 69px;
  height: 72px;
  margin: 0 auto;
  background-image: url(../images/logo/s_emblem@3x-e6486dbbd8dc3eb8c00136b52ac0c2bd.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
}
body[data-theme="dark"] .mypage-wrap > div > div > img.ticket {
  width: 72px; height: auto; margin: 15px 0 6px;
  filter: invert(0.8);
}
body[data-theme="dark"] .mypage-wrap > div:first-child > div > img {
  filter: invert(0.5);
}
body[data-theme="dark"] .mypage-wrap > div > div > span.num {
  position: absolute;
  top: 88px;
  left: 207px;
  font-size: 16px;
  color: #fff;
}
body[data-theme="dark"] .mypage-wrap > div > div > p {
  margin: 35px 0 20px;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
}
body[data-theme="dark"] .mypage-wrap > div > div > input[type="button"] {
  width: 100%;
  height: 40px;
  border: 1px solid #ee2529;
  color: #ee2529;
  text-align: center;
  font-family: 'NotoSansKR', Arial, sans-serif;
  background: #1c1c1c;
  font-size: 14px;
  font-weight: 500;
}
body[data-theme="dark"] .mypage-wrap > div > div > input[type="button"]:hover {
  border: 0;
  background: #ee2529 url(../images/ticket-btn-bg-3073bb869faa1c7d75f8034cc93bd698.png) no-repeat;
  background-size: auto 100%;
  background-position: left top;
  color: #fff;
  cursor: pointer;
}
body[data-theme="dark"] .mypage-wrap > div:nth-child(2) > div > input[type="button"] {
  width: calc((100% - 10px) / 2);
}
body[data-theme="dark"] .mypage-wrap > div:nth-child(2) > div > input[type="button"]:hover {
  background: #001c48 url(../images/ticket-btn-bg-3073bb869faa1c7d75f8034cc93bd698.png) no-repeat;
  background-size: auto 100%;
  background-position: left top;
}
body[data-theme="dark"] .mypage-wrap > div:nth-child(2) > div > input[type="button"]:last-child:hover {
  background: #ee2529 url(../images/ticket-btn-bg-3073bb869faa1c7d75f8034cc93bd698.png) no-repeat;
  background-size: auto 100%;
  background-position: left top;
}
body[data-theme="dark"] .mypage-wrap .profile-box > div .form-box .input-box > label {
  display: block;
  color: #fff;
}
body[data-theme="dark"] .mypage-wrap .profile-box > div .form-box .input-box > p {
  font-size: 13px;
  font-weight: 400;
  line-height: 140%;
  color: #999;
  margin-top: 13px;
}
body[data-theme="dark"] .mypage-wrap .profile-box > div .form-box .input-box .radio-box > label {
  padding: 0 20px;
  color: #8e8e8e;
}
body[data-theme="dark"] .mypage-wrap .profile-con {
  background: #1c1c1c;
  padding: 30px;
  box-sizing: border-box;
  min-height: 424px;
}
body[data-theme="dark"] .mypage-wrap .reserve-box > table .finish {
  color: #ee2529;
}
body[data-theme="dark"] .mypage-wrap .reserve-box > table .cancle {
  color: #0061af;
}
body[data-theme="dark"] .mypage-wrap .reserve-box > p.txt {
  font-size: 12px;
  line-height: 180%;
  color: #9b9faa;
  margin-top: 20px;
}
body[data-theme="dark"] .mypage-wrap .reserve-box .reserve-none {
  padding: 110px 0 120px;
  background: #fff;
  min-height: 240px;
  display: table;
  width: 100%;
  text-align: center;
}
body[data-theme="dark"] .mypage-wrap .reserve-box .reserve-none div > p {
  font-size: 18px;
  color: #999;
  font-weight: 500;
  margin: 20px 0 30px;
}
body[data-theme="dark"] .mypage-wrap .reserve-box .reserve-none div > p.desc {
  font-size: 16px;
  color: #2a2a2c;
  font-weight: 400;
  line-height: 160%;
  margin: 0;
}
body[data-theme="dark"] .mypage-wrap .reserve-box .fav-team {
  box-sizing: border-box;
  display: inline-block;
  background: #2b2b2b;
  margin-right: 9px;
  width: calc((100% - 39px) / 4);
  height: 231px;
  vertical-align: top;
  padding: 60px 0;
  text-align: center;
  margin-bottom: 10px;
}
body[data-theme="dark"] .mypage-wrap .reserve-box .fav-team > p {
  margin: 20px 0 0;
  color: #ee2526;
  font-size: 18px;
  font-weight: 700;
}
body[data-theme="dark"] .mypage-wrap .reserve-box .fav-team:hover {
  background: url(../images/bg-ov-f6addc16989da7a27c1c5cddacd3d838.png) no-repeat;
  cursor: pointer;
}
body[data-theme="dark"] .mypage-wrap .reserve-box .fav-team:hover > p {
  color: #fff;
}
body[data-theme="dark"] .mypage-wrap .reserve-box .fav-team.active {
  background: url(../images/bg-ov-f6addc16989da7a27c1c5cddacd3d838.png) no-repeat;
  cursor: pointer;
}
body[data-theme="dark"] .mypage-wrap .reserve-box .fav-team.active > p {
  color: #fff;
}
body[data-theme="dark"] .login-box > p {
  color: #fff;
  margin-top: 24px;
  font-size: 18px;
}
body[data-theme="dark"] .table-wrap.list td {box-sizing: border-box; height: 3.6rem; line-height: 160%; white-space: nowrap; text-overflow: ellipsis; overflow-x: hidden;}
body[data-theme="dark"] .table-wrap.list td.left {text-align: left; padding: 0 0.6rem;}
body[data-theme="dark"] .table-wrap.list .high-label {
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  top: -0.1rem;
  width: fit-content;
  height: 1.2rem;
  background: #001c48;
  color: #fff;
  font-size: 0.8rem;
  text-transform: uppercase;
  font-weight: 500;
  text-align: center;
  line-height: 1.2rem;
  margin-right: 0.8571428571rem;
  padding: 0 0.4rem;
}
body[data-theme="dark"] .table-wrap.list .high-label.red {
  background: #ee2529;
}
body[data-theme="dark"] .tab-button > ul > li {
  display: inline-block;
  margin-left: 2px;
  width: 100px;
  height: 38px;
  vertical-align: middle;
  border: 1px solid #222;
  background: #2b2b2b;
  color: #8e8e8e;
  font-size: 13px;
  text-align: center;
  line-height: 38px;
  cursor: pointer;
  text-transform: uppercase;
}
body[data-theme="dark"] .tab-button > ul > li.active {
  background: #ee2529;
  color: #fff;
}
body[data-theme="dark"] .tab-button > ul > li img {
  width: 20px;
  position: relative;
  top: 4.5px;
  margin-right: 2px;
  filter: grayscale(100%) brightness(40);
}
body[data-theme="dark"] .tab-button > ul > li.active img {
  filter: none;
}
body[data-theme="dark"] .board-file {
  box-sizing: border-box;
  width: 100%;
  border-bottom: 0.1428571429rem solid #0a0a0a;
  padding: 1.375rem 3.5714285714rem;
  display: table;
  color: #8e8e8e;
}
body[data-theme="dark"] .board-file > span a > span {
  position: relative;
  top: 0.1rem;
  color: #fff;
  font-weight: 100;
}
body[data-theme="dark"] .schedule-bar-fixed {
  position: fixed;
  top: 45px;
  padding-top: 13px;
  background: #0a0a0a;
  box-shadow: none;
  width: 85.7142857143rem;
  box-sizing: border-box;
}
body[data-theme="dark"] .past-player > li {
  display: inline-block;
  box-sizing: border-box;
  width: calc((100% - 50px) / 6);
  height: 83px;
  margin-right: 6px;
  margin-bottom: 10px;
  background: #fff;
  padding: 20px;
  text-align: center;
  color: #8e8e8e;
  font-size: 14px;
  vertical-align: top;
}
body[data-theme="dark"] .past-player > li p {
  display: block;
  color: #222;
  font-size: 18px;
  margin-bottom: 11px;
}
body[data-theme="dark"] .record .table-wrap .point {
  background: #2b2b2b;
  position: relative;
}
body[data-theme="dark"] .record .table-wrap .point > div {
  border-left: 3px solid #f11b17;
  border-right: 3px solid #f11b17;
  display: block;
  position: absolute;
  width: 100%;
  height: 60px;
  top: 0;
  left: -3px;
}
body[data-theme="dark"] .record-player .img-box {
  float: left;
  position: relative;
  width: 30.7142857143rem;
  height: 24.7142857143rem;
  background: url(../images/match_player_bg-78ab4633006ee51bb6ef086a64e7d3c6.png) no-repeat center center;
  background-size: cover;
  overflow: hidden;
}
body[data-theme="dark"] .record-player .txt-box .txt .record-num {
  font-size: 25px;
  font-weight: 600;
  color: #ee2529;
  font-style: italic;
  padding-bottom: 1.0714285714rem;
  display: block !important;
  float: none !important;
}
body[data-theme="dark"] .record-player .img-box img {
  width: 230px;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
  -moz-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  -o-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  bottom: -0.0714285714rem;
}
body[data-theme="dark"] .record-player .txt-box .small {
  color: #8e8e8e;
  display: block !important;
  margin-left: 0.3571428571rem;
}
body[data-theme="dark"] .record-player .txt-box .past-small {
  color: #8e8e8e;
  display: inline-block;
  margin-left: 0.3571428571rem;
  font-size: 11px;
}
body[data-theme="dark"] .record-label.win {
  background: #0061af;
  color: #fff;
}
body[data-theme="dark"] .record-label.draw {
  background: #8e8e8e;
  color: #fff;
}
body[data-theme="dark"] .record-label.loss {
  background: #ee2529;
  color: #fff;
}
body[data-theme="dark"] .score-player > li {
  vertical-align: top;
  box-sizing: border-box;
  display: inline-block;
  width: calc((100% - 3px) / 2);
  margin-right: -1px;
  color: #fff;
  background: #2b2b2b;
  text-align: center;
  padding: 1.25rem;
  font-weight: 500;
}
body[data-theme="dark"] .score-player > li img {
  vertical-align: top;
  margin-left: 0.1rem;
  filter: invert(1) grayscale(1);
}

body[data-theme="dark"] .formation {width: 100%; padding-top: 200%; margin: 0; background: url(../images/img-lineup-bg-cdc03ad3636f49ede6f9e988682a0465.png) no-repeat; background-size: 100% 100%; position: relative;}
body[data-theme="dark"] .formation > div > div {position: absolute; display: flex; flex-flow: column; row-gap: 6px; align-items: center; justify-content: center; cursor: pointer;}
body[data-theme="dark"] .formation-desc {background: rgba(0, 0, 0, .3); width: 100%; height: 100%;}
body[data-theme="dark"] .formation-desc > span {font-size: 1.2rem; color: #fff; font-weight: 700; width: 100%; text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);}

body[data-theme="dark"] .formation > div > div .player-img {width: 52px; height: 52px; border-radius: 100%; background-color: #e3e5e9; border: 2px solid #fff; background-repeat: no-repeat; background-size: cover; background-position: top center;}
body[data-theme="dark"] .formation > div > div .player-info {display: flex; box-sizing: border-box;}
body[data-theme="dark"] .formation > div > div .player-info .grade {padding: 0 6px; margin-right: 4px; display: flex; align-items: center; justify-content: center; height: 16px; font-size: 12px; font-weight: 700; color: #fff; background-color: #ee2529;}
body[data-theme="dark"] .formation > div > div .player-info > p:not(.grade) {font-size: 13px; color: #fff;}
body[data-theme="dark"] .formation > div > div .player-info > i {width: 16px; height: 16px; background-image: url(../images/ic-arrow-16@3x-00e4f6c53888dfe0c97748d5dc438fdc.png); background-repeat: no-repeat; background-size: contain; background-position: center;}
body[data-theme="dark"] .formation > div.away > div .player-info .grade {background-color: #0061af;}

body[data-theme="dark"] .sch-none {
  width: 1200px;
  margin: 50px auto 0;
  padding: 110px 0 120px;
  text-align: center;
  background: #fff;
}
body[data-theme="dark"] .sch-none > h4 {
  padding-top: 50px;
  font-size: 18px;
  font-weight: 700;
  color: #999;
}
body[data-theme="dark"] .sch-none > p {
  padding-top: 34px;
  font-size: 16px;
  color: #2a2a2c;
  line-height: 160%;
}
body[data-theme="dark"] .sch-word {
  font-size: 15px;
  font-weight: 500;
  color: #fff;
  width: 1200px;
  margin: 50px auto 20px;
}
body[data-theme="dark"] .sch-result .tit-box > button {
  float: right;
  margin-top: 23px;
  line-height: 2.8571428571rem;
  padding: 0 1.6428571429rem;
  min-width: 6.4285714286rem;
  font-size: 0.9285714286rem;
  text-align: center;
  box-sizing: border-box;
  cursor: pointer;
  background: #001c48 !important;
  color: #fff;
  border-color: #001c48;
}
body[data-theme="dark"] .sch-result .tit-box > span {
  display: inline-block;
  margin-left: 10px;
  font-size: 14px;
  color: #fff;
  font-weight: 500;
}
body[data-theme="dark"] .sch-result .tit-box > span .point {
  font-weight: 700;
  color: #ee2529;
}
body[data-theme="dark"] .youth-match .sub {
  background: #2b2b2b;
}
body[data-theme="dark"] .join-level {
  width: 100%;
  color: #8e8e8e;
  margin-bottom: 3.75rem;
}
body[data-theme="dark"] .join-level > ul > li:not(:first-child)::before {
  content: '';
  width: 10rem;
  display: inline-block;
  border-top: 0.03rem solid #8e8e8e;
  position: absolute;
  top: 2.25rem;
  left: -7.58rem;
}
body[data-theme="dark"] .join-level > ul > li > span {
  width: 1.313rem;
  height: 1.313rem;
  background: url(../images/join-wh-4bd336170470271b85fa3913fd8d3a21.png) no-repeat;
  background-size: 100%;
  display: block;
  margin: 0 auto;
  margin-top: 0.8rem;
}
body[data-theme="dark"] .join-level > ul > li.on {
  color: #fff;
  font-weight: 700;
}
body[data-theme="dark"] .join-level > ul > li.on > span {
  background: url(../images/join-red-a71c265236137b659ae28837db98d0cc.png) no-repeat;
  background-size: 100%;
}
body[data-theme="dark"] .join-level > ul > li.on:not(:first-child)::before {
  border-top: 0.03rem solid #ee2529;
}
body[data-theme="dark"] .join-box .finish > p {
  font-size: 1.2rem;
  color: #fff;
  font-weight: 500;
  margin-top: 3rem;
}
body[data-theme="dark"] .join-box .finish > p.desc {
  line-height: 160%;
  margin-top: 2rem;
  margin-bottom: 1rem;
  font-size: 1rem;
  color: #999;
  font-weight: 400;
}
body[data-theme="dark"] .error {
  width: 100%;
  height: 100%;
  background: #0a0a0a url(../images/login_bg-18dd5f5d3b9d4ddbf10ca163a7a0ba81.png) no-repeat;
  background-position: -12rem -28rem;
}
body[data-theme="dark"] .error-con .error-box > p {
  font-size: 1.2rem;
  color: #fff;
  font-weight: 500;
  margin-top: 3rem;
}
body[data-theme="dark"] .error-con .error-box > p.desc {
  line-height: 160%;
  margin: 2rem 0;
  font-size: 1rem;
  color: #999;
  font-weight: 400;
}
body[data-theme="dark"] .header-bar {
  background: #0A0A0A;
  height: 26px;
  box-sizing: border-box;
}
body[data-theme="dark"] .header-bar .bar-con .lang-sel > select option {color: #000}
body[data-theme="dark"] .header-bar .bar-con > ul > li {
  display: inline-block;
  font-size: 13px;
  margin-top: 5px;
  color: #fff;
  padding: 0 10px 0 6px;
  position: relative;
}
body[data-theme="dark"] .header-bar .bar-con > ul > li:not(:last-child)::after {
  content: '';
  display: block;
  position: absolute;
  width: 0.0714285714rem;
  height: 80%;
  background: #021d46;
  top: 50%;
  right: 0;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
body[data-theme="dark"] .header-bar .bar-con .lang-sel > span {
  box-sizing: border-box;
  height: 100%;
  display: block;
  background: #303030;
  color: #fff;
  font-size: 13px;
  padding: 5px 10px 0;
  cursor: pointer;
}

body[data-theme="dark"] .header-con {box-sizing: border-box; width: 1200px; height: 74px; margin: 0 auto; background: #1c1c1c;}
body[data-theme="dark"] .header-con h1 {float: left; margin-top: 17px; padding: 0!important;}
body[data-theme="dark"] .header-con h1 img {height: 40px; display: none;}
body[data-theme="dark"] .header-con h1 a::before {content: ''; display: inline-block; width: 154px; height: 40px; background: url(../images/logo/emblem_login-31d3daaa5f4d58867057d11db2993f40.png) no-repeat; background-size: cover;}
body[data-theme="dark"] .header-con .league-wrap {float: right; margin-top: 23px;}
body[data-theme="dark"] .header-con .league-wrap .tab-btns {position: relative; margin-top: 10px; float: left;}
body[data-theme="dark"] .header-con .league-wrap .tab-btns:before {content: ''; position: absolute; display: inline-block; top: 0; left: 50%; width: 0.1428571429rem; height: 0.7142857143rem; background: #a5adbb;}
body[data-theme="dark"] .header-con .league-wrap .tab-btns > li {position: relative; display: inline-block; text-indent: -9999px; width: 80px; height: 12px; overflow-y: hidden; overflow-x: visible; cursor: pointer; vertical-align: top;}
body[data-theme="dark"] .header-con .league-wrap .tab-btns > li img {position: absolute; left: 0; bottom: 1px; width: 100%; filter:grayscale(100%);-webkit-filter:grayscale(100%);}
body[data-theme="dark"] .header-con .league-wrap .tab-btns > li:nth-child(2) {margin-left: 2.8571428571rem;}
body[data-theme="dark"] .header-con .league-wrap .tab-btns > li.active img {top: 0; bottom: auto; filter :brightness(0) invert(1);}
body[data-theme="dark"] .header-con .league-wrap .tab-con-wrap {float: left; width: 54rem; height: 2.3rem; overflow: hidden;}
body[data-theme="dark"] .header-con .league-wrap .cont > ul > li {float: left; margin-left: 30px;}
body[data-theme="dark"] .header-con .league-wrap .cont > ul > li > a {display: table-cell; text-align: right; vertical-align: middle;}

body[data-theme="dark"] .event .table-wrap .label {
  display: block;
  box-sizing: border-box;
  width: 3.2rem;
  height: 1.4rem;
  border-radius: 0.2rem;
  line-height: normal;
  margin: 0 auto;
  background: #ee2529;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
}
body[data-theme="dark"] .event .table-wrap .label.end {
  background: #8e8e8e;
}
body[data-theme="dark"] .event .tit-box .label {
  display: inline-block;
  box-sizing: border-box;
  width: 3.2rem;
  height: 1.4rem;
  border-radius: 0.2rem;
  line-height: 1.4rem;
  margin: 0 auto;
  background: #ee2529;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  margin-left: 0.8rem;
  position: relative;
  top: -0.3rem;
}
body[data-theme="dark"] .event .tit-box .label.end {
  background: #8e8e8e;
}
body[data-theme="dark"] .event-con {
  float: left;
  /*width: calc((100% - 1.5rem) / 3);*/
  /*width: calc((100% - 1.5rem));*/
  /*margin-right: 0.75rem;*/
  background: #1c1c1c;
  text-align: center;
  /*margin-bottom: 0.75rem;*/
}
body[data-theme="dark"] .event-con:nth-of-type(3n) {margin-right: 0;}
body[data-theme="dark"] .event-con .match {
  /*padding: 1.875rem;*/
  border-bottom: 0.2rem solid #0a0a0a;
}
body[data-theme="dark"] .event-con .match > h6 {
  font-size: 1.2rem;
  color: #ee2529;
  font-weight: 700;
}
body[data-theme="dark"] .event-con .match2 > h6 {
  font-size: 2.0rem;
  color: #ee2529;
  font-weight: 700;
}
body[data-theme="dark"] .event-con .match > p {
  font-size: 1rem;
  color: #8e8e8e;
  line-height: 160%;
  margin-top: -2.5rem;
}

body[data-theme="dark"] .event-con .match .lineup-head {margin-top: 1.5rem;}
body[data-theme="dark"] .event-con .match .lineup-head .team-box {min-width: auto;}
body[data-theme="dark"] .event-con .match .lineup-head .score {width: 6.25rem; margin: 0 3rem;}

body[data-theme="dark"] .event-con .event-box > p {
  font-size: 1rem;
  color: #8e8e8e;
  font-weight: 500;
}
body[data-theme="dark"] .event-con .event-box > p.red {
  color: #ee2529;
  font-weight: 700;
}
body[data-theme="dark"] .event-con .event-box > p.blue {
  color: #0061af;
  font-weight: 700;
}

body[data-theme="dark"] .event-con .event-box > h6 {
  color: #8e8e8e;;
  font-weight: 700;
}

body[data-theme="dark"] .event-con .radio-box >label
{
  margin-right: 5.6rem;
  color: #8e8e8e;
}

body[data-theme="dark"] .event-con .event-box .radio-box {margin-top: 2rem;}
body[data-theme="dark"] .event-con .event-box .radio-box > label {
  margin-right: 5.6rem;
  color: #8e8e8e;
}

body[data-theme="dark"] .event-con .event-box .radio-box > label:last-child {margin-right: 0;}
body[data-theme="dark"] .event-con .event-box .input-box > span {
  font-size: 1.2rem;
  color: #8e8e8e;
  font-weight: 500;
  margin: 0 1rem;
}
body[data-theme="dark"] .event-con .event-box .input-box > input[type="text"] {
  background: #2b2b2b;
  border: 1px solid #222;
  width: 3.125rem;
  height: 2.5rem;
  font-weight: 700;
}
body[data-theme="dark"] .event-con .event-box .result-box > span {
  font-size: 1rem;
  color: #8e8e8e;
  font-weight: 500;
}
body[data-theme="dark"] .event-con .event-box .result-box > span:first-child::after {
  content: '|';
  display: inline-block;
  color: #e8eaee;
  font-size: 1.4rem;
  margin: 0 1.4rem 0 0.6rem;
}
body[data-theme="dark"] .event-con .event-box .result-box > span > span.score {
  display: inline-block;
  width: fit-content;
  padding: 0.3rem 0.6rem 0.4rem;
  font-size: 0.8rem;
  font-weight: 700;
  border-radius: 0.2rem;
  background: #2b2b2b;
  color: #8e8e8e;
  margin: 0 1rem;
}
body[data-theme="dark"] .event-con .event-box .result-box > span > span {
  display: inline-block;
  width: fit-content;
  padding: 0.3rem 0.4rem 0.4rem;
  font-size: 0.8rem;
  border-radius: 0.2rem;
  background: #0061af;
  color: #fff;
  margin: 0 1rem;
}
body[data-theme="dark"] .event-con .event-box .result-box > span > span.loss {
  background: #ee2529;
}
body[data-theme="dark"] .event-con .event-box .result-box > span > span.draw {
  background: #8e8e8e;
}
body[data-theme="dark"] .event .modal {
  box-sizing: border-box;
  padding: 3rem;
  background: #1c1c1c url(../images/img-pattern-popup_gray-b61cc96d3febd4393ef5b26c75d771c8.png) no-repeat right top;
}
body[data-theme="dark"] .event .modal > h2 {
  font-size: 1.5rem;
  color: #ee2529;
  font-weight: 700;
}
body[data-theme="dark"] .event .modal > h6 {
  font-size: 1.2rem;
  color: #fff;
  font-weight: 500;
  margin-top: 2.5rem;
}
body[data-theme="dark"] .event .modal > p {
  margin-top: 1.4rem;
  font-size: 1rem;
  color: #8e8e8e;
  line-height: 160%;
}
body[data-theme="dark"] .event .modal > h6.prize {
  color: #fff;
  font-weight: 700;
}
body[data-theme="dark"] .event .modal .prize-box {
  box-sizing: border-box;
  margin-top: 1.4rem;
  width: 100%;
  padding: 1.875rem;
  background: #2b2b2b;
  margin-bottom: 2.5rem;
}
body[data-theme="dark"] .event .modal .prize-box > ul > li {
  font-size: 1rem;
  color: #8e8e8e;
  line-height: 260%;
}
body[data-theme="dark"] .sub-top.club.K10 > .f-wrap .txt .str, body[data-theme="dark"] .sub-top.club.K10 > .f-wrap .txt span, body[data-theme="dark"] .sub-top.club.K17 > .f-wrap .txt .str, body[data-theme="dark"] .sub-top.club.K17 > .f-wrap .txt span, body[data-theme="dark"] .sub-top.club.K02 > .f-wrap .txt .str, body[data-theme="dark"] .sub-top.club.K02 > .f-wrap .txt span {
  color: #222;
}
body[data-theme="dark"] .club .player-desc {
  float: left;
  padding-bottom: 24px;
  font-size: 0.9rem;
  color: #9b9faa;
  font-weight: 400;
  margin-top: 0.8rem;
}
body[data-theme="dark"] .club .club-on::after {
  content: '';
  width: 100%;
  height: calc(4.29rem - 6px);
  display: block;
  border-top: 3px solid #f11b17;
  border-bottom: 3px solid #f11b17;
  position: absolute;
  left: 0;
}
body[data-theme="dark"] .club .club-on > td {
  background: #2b2b2b;
}
body[data-theme="dark"] .main-match-btn {
  margin-top: 1rem !important;
  background-size: auto 110% !important;
  height: 2.8rem;
  line-height: 2.8rem;
  width: 100% !important;
  background: #001c48 url(../images/ticket-btn-bg-3073bb869faa1c7d75f8034cc93bd698.png) no-repeat;
  background-position: left top;
  color: #fff;
  font-size: 1rem;
  text-align: center;
}
body[data-theme="dark"] .main-match-btn .ico-player {
  width: 1rem;
  height: 1rem;
  background: url(../images/mobile/icon/ic-matich-center-b48462b04565bc6109d1e602f8d632c7.png) no-repeat;
  display: inline-block;
  background-size: 100%;
  position: relative;
  top: 0.14rem;
  margin-left: 0.4rem;
}
body[data-theme="dark"] .main .aside > .result .result-list li .score > .label {
  display: block;
  width: 46px;
  height: 17px;
  line-height: 16px;
  font-size: 10px;
  color: #fff;
  letter-spacing: -0.4px;
  background: #808080;
  border-radius: 8px;
  margin: 8px auto 0;
  text-transform: uppercase;
}
body[data-theme="dark"] .main .aside > .result .result-list li .score > .label.red {
  background: #ee2529;
}
body[data-theme="dark"] .main .aside > .result .result-list li .score > .label.blue {
  background: #0061af;
}
body[data-theme="dark"] .btn-match {
  box-sizing: border-box;
  background-size: auto 100% !important;
  display: inline-block;
  min-width: 104px !important;
  padding: 9px 8px 10px;
  background: #001c48 url(../images/img-schedule-btn-bg-f29c749acc172ecfdc44aff5d9e74e01.png) no-repeat;
  background-position: left top;
  color: #fff;
  font-size: 1rem;
  text-align: center;
  text-transform: uppercase;
}
body[data-theme="dark"] .btn-match.video {
  background: #0061af url(../images/img-schedule-btn-bg-f29c749acc172ecfdc44aff5d9e74e01.png) no-repeat;
}
body[data-theme="dark"] .btn-match.book {
  background: #ee2529 url(../images/img-schedule-btn-bg-f29c749acc172ecfdc44aff5d9e74e01.png) no-repeat;
}
body[data-theme="dark"] .btn-match .ico-player {
  vertical-align: bottom;
  width: 1rem;
  height: 1rem;
  background: url(../images/mobile/icon/ic-matich-center-b48462b04565bc6109d1e602f8d632c7.png) no-repeat;
  display: inline-block;
  background-size: 100%;
  margin-left: 0.4rem;
}
body[data-theme="dark"] .btn-match .ico-highplay {
  vertical-align: bottom;
  width: 1rem;
  height: 1rem;
  background: url(../images/mobile/icon/ico_high_play-774851545ffb64f529c927a701e8b0e8.png) no-repeat;
  display: inline-block;
  background-size: 100%;
  margin-left: 0.4rem;
}
body[data-theme="dark"] .btn-match .ico-ticket {
  vertical-align: bottom;
  width: 1rem;
  height: 1rem;
  background: url(../images/mobile/icon/ic-ticket-r-5ec8607ac9ffcff2599ba45d7441b16c.png) no-repeat;
  display: inline-block;
  background-size: 100%;
  margin-left: 0.4rem;
}
body[data-theme="dark"] .schedule table td span.label {
  display: block;
  width: 46px;
  height: 18px;
  line-height: 17px;
  font-size: 10px;
  color: #fff;
  letter-spacing: -0.4px;
  background: #808080;
  border-radius: 8px;
  margin: 4px auto 0;
  text-transform: uppercase;
}
body[data-theme="dark"] .schedule table td span.label.red {
  background: #ee2529;
}
body[data-theme="dark"] .schedule table td span.label.blue {
  background: #0061af;
}
body[data-theme="dark"] .month-prev, body[data-theme="dark"] .month-next {
  float: left;
  width: 3rem;
  height: 3rem;
  line-height: 2.9rem;
  background: #2b2b2b;
  border: 1px solid #222;
  font-size: 0.6rem;
  color: #8e8e8e;
  font-weight: 500;
  padding: 0;
  margin: 0 !important;
}
body[data-theme="dark"] .sub-top.match {
  min-height: 263px;
  background: url(../images/sub_top_match_dark-0964e66d4897b9b1c7f3afe416a757b5.png) no-repeat 0 0;
  filter: none;
  background-size: cover;
  text-align: center;
  font-size: 1.0714285714rem;
  font-weight: 500; }
body[data-theme="dark"] .sub-top.match img {
  filter: none;
}
body[data-theme="dark"] .sub-top.match .score-box .score > span.label {
  display: block;
  width: 72px;
  height: 28px;
  line-height: 31px;
  font-size: 14px;
  color: #fff;
  font-weight: 400;
  letter-spacing: -0.4px;
  background: #808080;
  border-radius: 20px;
  margin: 12px auto 0;
  text-transform: uppercase;
}
body[data-theme="dark"] .sub-top.match .score-box .score > span.label.red {
  background: #ee2529;
}
body[data-theme="dark"] .sub-top.match .score-box .score > span.label.blue {
  background: #0061af;
}
body[data-theme="dark"] .drop-wrap:hover > ul {
  color: #fff;
}
body[data-theme="dark"] .theme-btn {position: fixed; right: 20px; bottom: 20px; display: inline-block; width: 136px; height: 53px; background-image: url(../images/theme-d7e0ef7c38d782b5b85324442d1c78d1.png); background-size: 440px 408px; background-position: -270px -110px; background-repeat: no-repeat; vertical-align: top; cursor: pointer; z-index: 100;}
body[data-theme="dark"] .theme-btn:hover {display:inline-block;width:136px;height:53px;background-position:-270px -55px;background-repeat:no-repeat;vertical-align:top;}
body[data-theme="dark"] .theme-btn .blind {position: absolute; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; overflow: hidden;}
body[data-theme="dark"] .theme-btn[aria-pressed=true]{display:inline-block;width:148px;height:53px;background-position:-270px 0;background-repeat:no-repeat;vertical-align:top}
body[data-theme="dark"] .theme-btn[aria-pressed=true]:hover {display: inline-block; width: 148px; height: 53px; background-position: 0 -212px; background-repeat: no-repeat; vertical-align: top;}

body[data-theme="dark"] .fixed-thead {
  background: #0a0a0a;
}
body[data-theme="dark"] .fixed-thead th {
  color: #8e8e8e;
  border-top: 0.1428571429rem solid #ee2529 !important;
}

body[data-theme="dark"] .label-text {color: #8e8e8e!important;}

body[data-theme="dark"] .stadium-btn > ul > li {float: left; width: 100px; height: 38px; line-height: 38px; background: #2b2b2b; border: 1px solid #222; font-size: 1rem; color: #8e8e8e; font-weight: 400; padding: 0; text-align: center; cursor: pointer;}
body[data-theme="dark"] .stadium-btn > ul > li:not(:first-child) {margin-left: -1px;}
body[data-theme="dark"] .stadium-btn > ul > li.active {background: #ee2529; color: #fff;}

body[data-theme="dark"] .club-select {width: 12rem; height: 40px; float: left; border: 1px solid #222; font-size: 13px; color: #8e8e8e; background: #2b2b2b url(../images/icon/ico_dropdown-87c6dc91d8cadd4b7d346ae6d938ae2a.png) no-repeat right 1rem center; vertical-align: middle;}


.popup {width: 100vw; height: 100vh; background-color: rgba(0,0,0,0.5); position: fixed; top: 0; left: 0; z-index: 999; display: none}
.popup .pop-wrap {width: 40rem; background-color: #fff; box-sizing: border-box; padding: 2rem; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.popup .pop-wrap .pop-title {margin: -2rem -2rem 0; background-color: #071d3d; padding: 2rem; font-size: initial; text-align: center; position: relative;}
.popup .pop-wrap .pop-title > h6 {color: #fff; font-size: 1.25rem; font-weight: 500; vertical-align: middle;}
.popup .pop-wrap .pop-title .close {position: absolute; filter: invert(1); top: 2rem; right: 2rem; width: 1.25rem; height: 1.25rem; background-size: 1.25rem; background-repeat: no-repeat; background-position: center; background-image: url("../images/icon/ic-close@2x.png");}
.popup .pop-wrap .pop-cont {max-height: 40rem; overflow-y: auto; margin-top: 2rem; font-size: 1.143rem; text-align: center;}
.popup .pop-wrap .pop-cont p {text-align: left; font-size: .875rem; line-height: 1.4;}
.popup .pop-wrap .pop-cont p + p {margin-top: 1rem;}
.popup .pop-wrap .pop-btn {margin-top: 2rem; display: flex; align-items: center; justify-content: space-between;}
.popup .pop-wrap .pop-btn > button {width: 100%; height: 4rem; line-height: 4rem; background-color: #071d3d; font-size: 1rem; color: #fff; text-align: center;}
.popup .pop-wrap .pop-btn > button:first-child:nth-last-child(2), .popup .pop-wrap .pop-btn > button:first-child:nth-last-child(2) ~ button {width: calc((100% - 1rem) / 2)}
.popup .pop-wrap .pop-btn > button.gray {background-color: #747474;}
.popup.active{display: block;}


/* sns login */
.sns-login-wrap {margin-top: 48px; text-align: center;}
.sns-login-wrap > h6 {font-size: 13px; font-weight: 500; color: #8d93a0;}
.sns-login-wrap .sns-login-btn {margin-top: 20px; display: flex; align-items: center; justify-content: center; column-gap: 36px;}
.sns-login-wrap .sns-login-btn > button {display: flex; flex-flow: column; align-items: center; grid-gap: 8px; cursor: pointer;}
.sns-login-wrap .sns-login-btn > button > p {font-size: 13px; color: #fff; font-weight: 400;}

/* 23.01.17 main about k league banner fixed */
/*.about-desc {margin-top: -.214rem; font-size: 1rem; line-height: 1.4; margin-bottom: 1.143rem; }*/
.about-banner-wrap {display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 1.429rem;}
.about-banner-wrap > a {display: flex; flex-flow: column; row-gap: 1.429rem;}
.about-banner-wrap > a:nth-child(2) .img-wrap .download {background-image: url("../images/btn-down-navi-07dc2026eb5a036daafe4fb31f693a56.png");}
.about-banner-wrap .img-wrap {width: 100%; height: 11.714rem; position: relative;}
.about-banner-wrap .img-wrap .bg {width: 100%; position: absolute; left: 0; bottom: 0;}
.about-banner-wrap .img-wrap .file {height: 100%; position: absolute; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}
.about-banner-wrap .img-wrap .download {width: 2.857rem; height: 2.857rem; border-radius: 100%; background-image: url("../images/btn-down-wh-c5e485044d745920ec1bbb130ffc999b.png"); background-repeat: no-repeat; background-size: contain; background-position: center; position: absolute; right: 0.857rem; bottom: .857rem;}
.about-banner-wrap .tit-wrap {display: flex; flex-flow: column; align-items: center; justify-content: center; row-gap: 0.857rem;}
.about-banner-wrap .tit-wrap > h6 {font-weight: bold; font-size: 1.243rem;}
.about-banner-wrap .tit-wrap > p {font-size: 1rem;}


/* 23.04.07 e-book */
.ebook-wrap {border-top: 2px solid #001c48;}
.ebook-wrap > li {background-color: #fff; padding: 24px; display: flex; align-items: center; justify-content: space-between; column-gap: 24px;}
.ebook-wrap > li + li {border-top: 1px solid #e3e5e9;}
.ebook-wrap > li .info {width: calc(100% - 130px - 24px); display: flex; align-items: center; column-gap: 20px;}
.ebook-wrap > li .info .img {width: 120px; height: 148px; background-repeat: no-repeat; background-size: cover; background-position: center;}
.ebook-wrap > li .info .desc {display: flex; flex-flow: column; row-gap: 16px;}
.ebook-wrap > li .info .desc > h4 {font-size: 20px; font-weight: 700;}
.ebook-wrap > li .info .desc > p {font-size: 14px; color: #737373; font-weight: 500; line-height: 1.4;}
.ebook-wrap > li .btn {width: 130px; display: flex; flex-flow: column; row-gap: 8px;}
.ebook-wrap > li .btn button {display: flex; align-items: center; justify-content: center; height: 40px; background-color: #fff; border: 1px solid rgba(0, 28, 73, 0.1); column-gap: 8px; font-size: 14px; color: #737373; font-weight: 500;}
.ebook-wrap > li .btn button > i {width: 20px; height: 20px; background-repeat: no-repeat; background-size: contain; background-position: center;}
.ebook-wrap > li .btn .ic-pdf {background-image: url(../images/ic-pdf@3x-e48d1b93829db8e020b60f86a027d75b.png);}
.ebook-wrap > li .btn .ic-ebook {background-image: url(../images/ic-ebook@3x-1a53cd9a12d9b1517516985e7f7d6f60.png);}
.ebook-wrap > li .btn .ic-youtube {background-image: url(../images/mobile/icon/ico-youtube-aed7ca1987719e8024c801765d8d9aad.png);}

/* 23.04.28 lineup */
.position-wrap {background-image: url(../images/img-lineup-bg@3x-b19e6ca8ceb1480ea92bb373176d9fda.png); width: 100%; height: 560px; background-repeat: no-repeat; background-size: 100%; background-position: center;}


/* 23.06.08 hall of fame */
.hall-of-fame-wrap {background-color: #000; padding: 100px 0; box-sizing: border-box;}
.hall-of-fame-wrap .hall-of-fame {width: 100%; max-width: 600px; margin: 0 auto; display: flex; flex-flow: column; align-items: center;}
.hall-of-fame-wrap .hall-of-fame .img-title {width: 300px; margin: 0 auto 100px;}
.hall-of-fame-wrap .hall-of-fame .img-footer {width: 140px; margin: 200px auto 0;}
.hall-of-fame-wrap .hall-of-fame .info-box {font-family: 'GmarketSans'; width: 600px; height: 268px; box-sizing: border-box; padding: 20px 20px 32px; font-size: 28px; font-weight: 700; text-align: center; display: flex; align-items: center; justify-content: center; line-height: 1.6; overflow-y: auto; background-image: url(../../assets/images/hall-of-fame-info-box@3x-5c7c9eb0ca945e0ff0ded42b3393b7ca.png); background-repeat: no-repeat; background-size: 100% 260px; position: relative;}
.hall-of-fame-wrap .hall-of-fame .info-box::after {content: ''; width: 580px; height: 8px; background-color: #ffffff; position: absolute; bottom: 1px;}
.hall-of-fame-wrap .hall-of-fame iframe {width: 100%; height: 360px;}
.hall-of-fame-wrap .hall-of-fame .btn-wrap {margin: 60px auto 100px; display: flex; flex-flow: column; row-gap: 30px;}
.hall-of-fame-wrap .hall-of-fame .btn-wrap > button {width: 600px; height: 70px; border: 2px solid #b79756; background-color: transparent; display: flex; align-items: center; justify-content: center; font-family: 'GmarketSans'; font-size: 24px; font-weight: 700; color: #fff;}

.list-wrap {width: 100%;}
.list-wrap .filter {width: 100%; height: 60px; display: flex; align-items: center; border: 1px solid #b79756;}
/* .list-wrap .filter button:not(.refresh) {width: fit-content; height: 54px; padding: 0 30px; border-right: 1px solid #b79756; font-family: 'GmarketSans'; font-size: 40px; font-weight: 500; display: flex; align-items: center; column-gap: 10px; color: #b79756;} */
.list-wrap .filter select {width: fit-content; height: 48px; padding: 0 64px 0 20px; border: 0; border-right: 1px solid #b79756; font-family: 'GmarketSans'; font-size: 20px; font-weight: 500; display: flex; align-items: center; column-gap: 10px; color: #b79756; background-image: url(../../assets/images/ic-arrow-drop-brown@2x-a0754436356aa7bfcd7f6c2ef94e4fa8.png); background-position: center right 20px; background-size: 24px; background-repeat: no-repeat; cursor: pointer;}
.list-wrap .filter .ic-arrow-drop-brown {width: 36px; height: 36px; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(../../assets/images/ic-arrow-drop-brown@2x-a0754436356aa7bfcd7f6c2ef94e4fa8.png);}
.list-wrap .filter .ic-arrow-up-brown {width: 36px; height: 36px; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(../../assets/images/ic-arrow-up-brown@2x-884f4246d6e047a188dd74bceaf69706.png);}
.list-wrap .filter .refresh {font-family: 'GmarketSans'; display: flex; align-items: center; column-gap: 12px; margin-left: auto; width: fit-content; height: 36px; padding: 0 20px; font-size: 20px; font-weight: 500; color: #fff;}
.list-wrap .filter .refresh i {width: 24px; height: 24px; background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url(../../assets/images/ic-refresh-hall@2x-cc2216f6da206cbe7c8db795fd8e9e64.png);}
.list-wrap .list-cont {margin-top: 60px; display: flex; flex-flow: column; row-gap: 48px;}
.list-wrap .list-cont .title {width: 100%; height: 44px; padding-bottom: 2px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; background-image: url(../../assets/images/bg-headline-brown@2x-fa5104eb03d86a20ab1d8d918aa48254.png); background-repeat: no-repeat; background-size: contain; background-position: top center; font-family: 'GmarketSans'; font-size: 20px; font-weight: 700;}
.list-wrap .list-cont ul {display: flex; flex-flow: column; row-gap: 24px;}
.list-wrap .list-cont ul > li {border: 1px solid #b79756; height: 120px; display: flex; align-items: center;}
.list-wrap .list-cont ul > li > p {width: 160px; height: 100%; display: flex; align-items: center; justify-content: center; font-family: 'GmarketSans'; font-size: 26px; font-weight: 700; color: #fddf90; border-right: 1px solid #b79756;}
.list-wrap .list-cont ul > li .img {position: relative; margin-left: 24px; width: 120px; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; border-right: 1px solid #b79756; border-left: 1px solid #b79756;}
.list-wrap .list-cont ul > li .img::before {content: ''; width: 12px; height: 100%; background-color: #fddf90; position: absolute; left: -18px; display: block;}
.list-wrap .list-cont ul > li .name {width: calc(100% - 160px - 120px - 24px); display: flex; flex-flow: column; align-items: center; justify-content: center; row-gap: 8px;}
.list-wrap .list-cont ul > li .name > h6 {font-family: 'GmarketSans'; font-size: 26px; font-weight: 700; color: #fddf90; letter-spacing: 16px;}
.list-wrap .list-cont ul > li .name > p {font-family: 'GmarketSans'; font-size: 16px; font-weight: 500; color: #fddf90;}
.list-wrap .list-cont ul > li.green > p,
.list-wrap .list-cont ul > li.green .name > h6,
.list-wrap .list-cont ul > li.green .name > p {color: #bfd7aa;}
.list-wrap .list-cont ul > li.green .img::before {background-color: #bfd7aa;}
.list-wrap .list-cont ul > li.gray > p,
.list-wrap .list-cont ul > li.gray .name > h6,
.list-wrap .list-cont ul > li.gray .name > p {color: #bcbcbc;}
.list-wrap .list-cont ul > li.gray .img::before {background-color: #bcbcbc;}

@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

.detail-wrap {margin-top: 100px; width: 100%;}
.detail-wrap .img-wrap {width: 100%; position: relative; text-align: center;}
.detail-wrap .img-wrap img {width: 100%; max-width: 870px;}
.detail-wrap .img-wrap .name {width: 100%; display: flex; flex-flow: column; align-items: center; justify-content: center; row-gap: 26px; position: absolute; bottom: 60px;  left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}
.detail-wrap .img-wrap .name > h4 {width: 100%; font-family: 'GmarketSans'; text-align: center; font-size: 40px; font-weight: 700; color: #b79756; letter-spacing: 50px; padding-left: 50px;}
.detail-wrap .img-wrap .name > p {width: 100%; font-family: 'GmarketSans'; text-align: center; font-size: 18px; font-weight: 500; color: #b79756;}
.detail-wrap .record-wrap {margin-top: 60px; display: flex; flex-flow: column; row-gap: 10px;}
.detail-wrap .record-wrap > ul {display: flex; align-items: center; justify-content: center; column-gap: 10px;}
.detail-wrap .record-wrap > ul > li:nth-child(1):nth-last-child(3), .detail-wrap .record-wrap > ul > li:nth-child(1):nth-last-child(3) ~ li {width: calc((100% - 30px) / 3);}
.detail-wrap .record-wrap > ul > li:nth-child(1):nth-last-child(5), .detail-wrap .record-wrap > ul > li:nth-child(1):nth-last-child(5) ~ li {width: calc((100% - 50px) / 5);}
.detail-wrap .record-wrap > ul > li:nth-child(1):nth-last-child(4), .detail-wrap .record-wrap > ul > li:nth-child(1):nth-last-child(4) ~ li {width: calc((100% - 50px) / 4);}
.detail-wrap .record-wrap > ul > li {border: 1px solid #b79756; display: flex; flex-flow: column;}
.detail-wrap .record-wrap > ul > li > h6 {height: 32px; display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 500; color: #fff; border-bottom: 1px solid #b79756;}
.detail-wrap .record-wrap > ul > li > p {height: 48px; display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: 700; color: #fff; }
.detail-wrap .text-wrap {margin-top: 100px; display: flex; flex-flow: column; row-gap: 40px;}
.detail-wrap .text-wrap > div {display: flex; column-gap: 40px;}
.detail-wrap .text-wrap > div > p {font-family: 'Nanum Myeongjo'; font-size: 16px; line-height: 1.6; color: #fff;}
.detail-wrap table {margin-top: 160px; width: 100%; border-collapse: initial; border-spacing: 8px;}
.detail-wrap table th {border: 0; background-color: #b79756; height: 32px; text-align: center; vertical-align: middle; font-family: 'GmarketSans'; font-size: 18px; font-weight: 500; color: #000; letter-spacing: 10px; padding-left: 10px;}
.detail-wrap table td {border: 1px solid #b79756; background-color: transparent; height: 40px; text-align: center; vertical-align: middle; font-family: 'GmarketSans'; font-size: 16px; color: #ffffff;}

.detail-cont {display: flex; flex-flow: column; row-gap: 40px; margin-top: 100px; width: 100%;}
.detail-cont > h4 {font-size: 18px; color: #fff; font-weight: 700; line-height: 1.6;}
.detail-cont > p {font-size: 16px; color: #fff; line-height: 1.6; font-weight: 200;}
.detail-cont img {width: 100%; margin: 0 auto;}

.faq-wrap {display: flex; flex-flow: column; row-gap: 100px;}
.faq-wrap .title {width: 100%; height: 44px; padding-bottom: 2px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; background-image: url(../../assets/images/bg-headline-brown@2x-fa5104eb03d86a20ab1d8d918aa48254.png); background-repeat: no-repeat; background-size: contain; background-position: top center; font-family: 'GmarketSans'; font-size: 20px; font-weight: 700;}
.faq-wrap p {border: 1px solid #b79756; border-top: 0; margin-top: -8px; padding: 20px; font-family: 'GmarketSans'; font-size: 16px; line-height: 1.6; color: #fff; word-break: keep-all;}


.sub-contents-wrap .t-box .table table {border: 1px solid #ccc;}
.sub-contents-wrap .t-box .table.left table td {text-align: left;}
.sub-contents-wrap .t-box .table table tr:not(:last-child) {border-bottom: 1px solid #ccc;}
.sub-contents-wrap .t-box .table table th {padding: 0 12px; height: 42px; border-bottom: 0;}
.sub-contents-wrap .t-box .table table th + * {border-left: 1px solid #ccc;}
.sub-contents-wrap .t-box .table table td {padding: 12px; height: 42px; border-bottom: 0; word-break: keep-all;}
.sub-contents-wrap .t-box .table table td + * {border-left: 1px solid #ccc;}


.sideSwiper .swiper-pagination .swiper-pagination-bullet {background-color: #fff;}

.bannerSwiper {margin: 6.4285714286rem 0 5rem;}
.bannerSwiper .swiper-pagination .swiper-pagination-bullet {background-color: #fff;}

.lineup-btn {display: flex; align-items: center; column-gap: 4px; justify-content: center; margin-left: auto; padding: 0 12px; height: 40px; border: 1px solid #d9dde4; background-color: #ffffff; font-size: 14px; font-weight: 500; margin-bottom: 30px;}
.ic-pdf {width: 20px; height: 20px; background-image: url(../images/icon/ico_pdf-04d1849fc22455cb4cc6c91a1adb070d.png); background-repeat: no-repeat; background-size: contain; background-position: center;}


/* 24.07.02 라인업 업데이트 */
.ic-lineup-mom {width: 12px; height: 12px; background-image: url(../../assets/images/lineup/ic-lineup-mom-6bfc6d3934ad6ef4949ac16aabb828dd.svg);}
.ic-lineup-ball01 {width: 12px; height: 12px; background-image: url(../../assets/images/lineup/ic-lineup-ball01-85f65b7f9a72450bb41b006f538f5aed.svg);}
.ic-lineup-ball02 {width: 12px; height: 12px; background-image: url(../../assets/images/lineup/ic-lineup-ball02-969c0abb9624dec2eb642e41e6e5b3a4.svg);}
.ic-lineup-assist {width: 12px; height: 12px; background-image: url(../../assets/images/lineup/ic-lineup-assist-cb21cb92a7fa330d357873bcb0fc1513.svg);}
.ic-lineup-change01 {width: 12px; height: 12px; background-image: url(../../assets/images/lineup/ic-lineup-change01-5b13337dfbd7e5f9c3744910221fde6f.svg);}
.ic-lineup-change02 {width: 12px; height: 12px; background-image: url(../../assets/images/lineup/ic-lineup-change02-0a4512d25f4460ceda2bf486846ff540.svg);}
.ic-lineup-change03 {width: 12px; height: 12px; background-image: url(../../assets/images/lineup/ic-lineup-change03-48777e79c44c45405d8e68d66f1b8c9a.svg);}
.ic-lineup-warn {width: 12px; height: 12px; background-image: url(../../assets/images/lineup/ic-lineup-warn-a221ee56877c4f024dc9cc96cda0c2ee.svg);}
.ic-lineup-exit01 {width: 12px; height: 12px; background-image: url(../../assets/images/lineup/ic-lineup-exit01-f8acda99c5b965e69a501b44a03991ad.svg);}
.ic-lineup-exit02 {width: 12px; height: 12px; background-image: url(../../assets/images/lineup/ic-lineup-exit02-fdee8a49e33a29ad95856c348d71e1ba.svg);}
.ic-lineup-change-red {width: 12px; height: 12px; background-image: url(../../assets/images/lineup/ic-lineup-change-red-5b5faccd2cea0c2b5b9d6773f81d08bf.svg);}
.ic-lineup-change-blue {width: 12px; height: 12px; background-image: url(../../assets/images/lineup/ic-lineup-change-blue-7ab5d1b1a4272d2b4276f7bf458cf6f9.svg);}

.lineup-wrap * {box-sizing: border-box;}
.lineup-wrap .lineup {position: relative; height: 1180px;}
.lineup-wrap .lineup img {width: 100%; position: absolute; top: 0; left: 0;}
.lineup-wrap .lineup > div .position {left: 10px; margin-left: 0; margin-top: 0; padding: 0 10px; min-width: 62px; height: 20px; display: flex; align-items: center; justify-content: center; border-radius: 10px; background-color: rgba(255,255,255,.3); font-size: 12px; font-weight: 500; color: #fff;}
.lineup-wrap .lineup .home .position {top: 10px;}
.lineup-wrap .lineup .away .position {bottom: 10px;}
.lineup-wrap .lineup .away .position.right {top: 10px; right: 10px; left: initial;}
.lineup-wrap .lineup > div > div {position: absolute; margin-left: -20px; margin-top: -20px;}
.lineup-wrap .lineup > div > div .player {display: flex; flex-flow: column; row-gap: 8px; align-items: center; position: relative;}
.lineup-wrap .lineup > div > div .player > div {width: 50px; height: 50px; border-radius: 100%; background-color: #e4e5e9; border: 1px solid #fff; background-repeat: no-repeat; background-position: top center; background-size: cover;}
.lineup-wrap .lineup > div > div .player > p {width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; font-size: 12px; font-weight: 400; color: #fff; line-height: 1.4; position: absolute; top: 58px;}
.lineup-wrap .lineup > div > div .info {position: absolute; top: 0; left: 0; width: 50px; height: 50px;}
.lineup-wrap .lineup > div > div .info > div {position: absolute;}
.lineup-wrap .lineup > div > div .info > div.off {display: none;}
.lineup-wrap .lineup > div > div .info > div .icon {width: 20px; height: 20px; border: 1px solid #d5d6db; background-color: #fff; border-radius: 100%; display: flex; align-items: center; justify-content: center;}
.lineup-wrap .lineup > div > div .info > div i {width: 14px; height: 14px;}
.lineup-wrap .lineup > div > div .info .change {top: -6px; left: -2px;}
.lineup-wrap .lineup > div > div .info .change > p {width: 50px; text-align: center; font-size: 12px; color: #fff; position: absolute; top: -14px; left: -12px;}
.lineup-wrap .lineup > div > div .info .warn {top: 13px; left: -13px;}
.lineup-wrap .lineup > div > div .info .warn i {width: 10px; height: 10px;}
.lineup-wrap .lineup > div > div .info .warn .ic-lineup-exit01 {width: 13px; height: 13px;}
.lineup-wrap .lineup > div > div .info .warn > p {position: absolute; top: -1px; right: -5px; width: 10px; height: 10px; background-color: #ef221d; display: flex; align-items: center; justify-content: center; font-size: 10px; text-align: center; color: #fff; border-radius: 100%;}
.lineup-wrap .lineup > div > div .info .assist {bottom: -4px; left: -6px;}
.lineup-wrap .lineup > div > div .info .ball02 {bottom: -12px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}
.lineup-wrap .lineup > div > div .info .ball02 > p {position: absolute; top: -3px; right: -5px; width: 12px; height: 12px; background-color: #ef221d; display: flex; align-items: center; justify-content: center; font-size: 10px; text-align: center; color: #fff; border-radius: 100%;}
.lineup-wrap .lineup > div > div .info .ball01 {bottom: -4px; right: -6px;}
.lineup-wrap .lineup > div > div .info .ball01 > p {position: absolute; top: -3px; right: -5px; width: 12px; height: 12px; background-color: #ef221d; display: flex; align-items: center; justify-content: center; font-size: 10px; text-align: center; color: #fff; border-radius: 100%;}
.lineup-wrap .lineup > div > div .info .score {top: 0px; left: 40px; height: 20px; padding: 0 4px; border-radius: 10px; display: flex; align-items: center; justify-content: center; column-gap: 1px; font-size: 12px; font-weight: 500; color: #fff;}
.lineup-wrap .lineup > div > div .info .score > i {width: 12px; height: 12px;}
.lineup-wrap .lineup > div > div .info .score.red {background-color: #EE2529;}
.lineup-wrap .lineup > div > div .info .score.blue {background-color: #0E86E0;}
.lineup-wrap .lineup > div > div .info .score.green {background-color: #34C771;}
.lineup-wrap .lineup > div > div .info .score.orange {background-color: #F17F22;}

.lineup-wrap .desc {display: flex; align-items: center; flex-flow: column;}
.lineup-wrap .desc .icon {height: 48px; width: 100%; background-color: #fff; display: flex; align-items: center; justify-content: center; column-gap: 20px;}
.lineup-wrap .desc .icon > li {display: flex; align-items: center; justify-content: center; column-gap: 8px; font-size: 14px;}
.lineup-wrap .desc .icon > li > i {width: 16px; height: 16px;}
.lineup-wrap .desc .score {height: 48px; width: 100%; background-color: #fff; border-top: 1px solid #F1F3F6; display: flex; align-items: center; justify-content: center; column-gap: 20px;}
.lineup-wrap .desc .score > li {display: flex; align-items: center; justify-content: center; column-gap: 8px; font-size: 14px;}
.lineup-wrap .desc .score > li > span {width: 14px; height: 14px; border-radius: 100%; display: flex; align-items: center; justify-content: center;}
.lineup-wrap .desc .score > li > span > i {width: 8px; height: 8px;}
.lineup-wrap .desc .score > li > span.red {background-color: #EE2529;}
.lineup-wrap .desc .score > li > span.blue {background-color: #0E86E0;}
.lineup-wrap .desc .score > li > span.green {background-color: #34C771;}
.lineup-wrap .desc .score > li > span.orange {background-color: #F17F22;}


/* 24.08.16 대회요강 관련 스타일 */
.sub-contents-wrap .competition .t-box .table table {border-color: #e2e2e2;}
.sub-contents-wrap .competition .t-box .table table tr:not(:last-child) {border-bottom: 1px solid #e2e2e2;}
.sub-contents-wrap .competition .t-box .table table th {border-bottom: 1px solid #e2e2e2;}
.sub-contents-wrap .competition .t-box .table table th + * {border-left: 1px solid #e2e2e2;}
.sub-contents-wrap .competition .t-box .table table th[rowspan]:not(:last-child) {border-right: 1px solid #e2e2e2;}
.sub-contents-wrap .competition .t-box .table table td + * {border-left: 1px solid #e2e2e2;}
.sub-contents-wrap .competition .t-box .table table td + * {border-left: 1px solid #e2e2e2;}

/* playoff */
.playoff {background-color: #fff; padding: 50px; display: grid; grid-gap: 40px 0;}
.playoff .team {display: flex; flex-flow: column; row-gap: 6px; align-items: center; justify-content: center; position: relative;}
.playoff .team > i {width: 65px; height: 65px;}
.playoff .team > p {font-size: 14px; font-weight: 500; text-align: center;}
.playoff .team::before,
.playoff .team::after {position: absolute; background-color: #E3E5E9;}
.playoff .team.none > i,
.playoff .team.none > p {opacity: 0;}
.playoff > ul {display: flex; flex-flow: column; row-gap: 12px; width: fit-content; max-width: 100%; margin: 0 auto; align-items: center; z-index: 2;}
.playoff > ul > li {display: flex; align-items: center; column-gap: 30px; justify-content: space-between; width: 100%;}
.playoff > ul > li + li {border-top: 1px dashed #C6C8CA; padding-top: 12px;}
.playoff > ul > li.shoot-out {border-top: 0; position: relative;}
.playoff > ul > li.shoot-out::before {content: ''; width: 16px; height: 16px; background-image: url(../images/ic-arrow-down-16-72583157c681abb91cc7f4dfd9c7ca10.svg); background-repeat: no-repeat; background-size: contain; background-position: center; position: absolute; top: -6px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}

.playoff > ul > li > p {width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; border-radius: 2px; background-color: #001C48; font-size: 18px; font-weight: 600; color: #fff;}
.playoff > ul > li > p.win {background-color: #EE2529;}
.playoff > ul > li > div {display: flex; flex-flow: column; align-items: center; row-gap: 6px;}
.playoff > ul > li > div > p {font-size: 14px; font-weight: 600; word-break: keep-all; text-align: center; line-height: 1.2;}
.playoff > ul > li > div > span {font-size: 12px; color: #737373;}

.playoff.type1 {grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(3, 1fr);}
.playoff.type1 .winner {grid-row: 1; grid-column: 2 / span 2;}
.playoff.type1 .winner + ul {grid-row: 2; grid-column: 2 / span 2;}
.playoff.type1 .final {grid-row: 3;}
.playoff.type1 .final.team1 {grid-column: 1 / span 2;}
.playoff.type1 .final.team2 {grid-column: 3 / span 2;}
.playoff.type1 .final::before {content: ''; width: 4px; height: calc(100% + (40px * 1)); top: calc(-100% - (40px * 1) - 20px);}
.playoff.type1 .final::after {content: ''; width: 50%; height: 4px; top: calc(-100% - (40px * 1) - 20px);}
.playoff.type1 .final.team1::after {right: 0;}
.playoff.type1 .final.team2::after {left: 0;}

.playoff.type1 .final.win::before,
.playoff.type1 .final.win::after {background-color: #EE2529;}

.playoff.type2 {grid-template-columns: repeat(9, 1fr); grid-template-rows: repeat(5, 1fr);}
.playoff.type2 .winner {grid-row: 1; grid-column: 3 / span 2;}
.playoff.type2 .winner + ul {grid-row: 2; grid-column: 3 / span 2;}
.playoff.type2 .final.team1 {grid-row: 5; grid-column: 1 / span 2;}
.playoff.type2 .final.team1::before {content: ''; width: 4px; height: calc(300% + (40px * 3)); top: calc(-300% - (40px * 3) - 20px);}
.playoff.type2 .final.team1::after {content: ''; width: 100%; height: 4px; top: calc(-300% - (40px * 3) - 20px); left: 50%;}
.playoff.type2 .final.team2 {grid-row: 3; grid-column: 5 / span 2;}
.playoff.type2 .final.team2::before {content: ''; width: 4px; height: calc(100% + (40px * 1) + 4px); top: calc(-100% - (40px * 1) - 20px); z-index: 1;}
.playoff.type2 .final.team2::after {content: ''; width: 100%; height: 4px; top: calc(-100% - (40px * 1) - 20px); right: 50%;}
.playoff.type2 .final + ul {grid-row: 3; grid-column: 5 / span 2;}
.playoff.type2 .semifinal.team1 {grid-row: 5; grid-column: 3 / span 2;}
.playoff.type2 .semifinal.team1::before {content: ''; width: 4px; height: calc(200% + (40px * 2)); top: calc(-200% - (40px * 2) - 20px);}
.playoff.type2 .semifinal.team1::after {content: ''; width: 100%; height: 4px; top: calc(-200% - (40px * 2) - 20px); left: 50%;}
.playoff.type2 .semifinal.team2 {grid-row: 4; grid-column: 7 / span 2;}
.playoff.type2 .semifinal.team2::before {content: ''; width: 4px; height: calc(100% + (40px * 1) + 4px); top: calc(-100% - (40px * 1) - 20px); background-color: #001C48; z-index: 1;}
.playoff.type2 .semifinal.team2::after {content: ''; width: 100%; height: 4px; top: calc(-100% - (40px * 1) - 20px); right: 50%; background-color: #001C48;}
.playoff.type2 .semifinal + ul {grid-row: 4; grid-column: 7 / span 2;}
.playoff.type2 .quarterfinal.team1 {grid-row: 5; grid-column: 6 / span 2;}
.playoff.type2 .quarterfinal.team2 {grid-row: 5; grid-column: 8 / span 2;}
.playoff.type2 .quarterfinal::before {content: ''; width: 4px; height: calc(100% + (40px * 1)); top: calc(-100% - (40px * 1) - 20px);}
.playoff.type2 .quarterfinal::after {content: ''; width: 50%; height: 4px; top: calc(-100% - (40px * 1) - 20px);}
.playoff.type2 .quarterfinal.team1::after {right: 0;}
.playoff.type2 .quarterfinal.team2::after {left: 0;}

.playoff.type2 .final.team1.win::before,
.playoff.type2 .final.team1.win::after {background-color: #EE2529;}
.playoff.type2 .semifinal.team1.win ~ .final.team2::before,
.playoff.type2 .semifinal.team1.win ~ .final.team2::after {background-color: #0061AF;}
.playoff.type2 .semifinal.team1.win::before,
.playoff.type2 .semifinal.team1.win::after {background-color: #0061AF;}
.playoff.type2 .semifinal.team2.win ~ .final.team2::before,
.playoff.type2 .semifinal.team2.win ~ .final.team2::after {background-color: #001C48;}
.playoff.type2 .quarterfinal.win::before,
.playoff.type2 .quarterfinal.win::after {background-color: #001C48;}

.playoff.type3 {grid-template-columns: repeat(10, 1fr); grid-template-rows: repeat(4, 1fr);}
.playoff.type3 .winner {grid-row: 1; grid-column: 4 / span 2;}
.playoff.type3 .winner + ul {grid-row: 2; grid-column: 4 / span 2;}
.playoff.type3 .final.team1 {grid-row: 4; grid-column: 1 / span 2;}
.playoff.type3 .final.team1::before {content: ''; width: 4px; height: calc(200% + (40px * 2)); top: calc(-200% - (40px * 2) - 20px);}
.playoff.type3 .final.team1::after {content: ''; width: 150%; height: 4px; top: calc(-200% - (40px * 2) - 20px); left: 50%;}
.playoff.type3 .final.team2 {grid-row: 3; grid-column: 7 / span 2;}
.playoff.type3 .final.team2::before {content: ''; width: 4px; height: calc(100% + (40px * 1) + 4px); top: calc(-100% - (40px * 1) - 20px); z-index: 1; background-color: #0061AF;}
.playoff.type3 .final.team2::after {content: ''; width: 150%; height: 4px; top: calc(-100% - (40px * 1) - 20px); right: 50%; background-color: #0061AF;}
.playoff.type3 .final + ul {grid-row: 3; grid-column: 7 / span 2;}
.playoff.type3 .semifinal.team1 {grid-row: 4; grid-column: 5 / span 2;}
.playoff.type3 .semifinal.team1::before {content: ''; width: 4px; height: calc(100% + (40px * 1)); top: calc(-100% - (40px * 1) - 20px);}
.playoff.type3 .semifinal.team1::after {content: ''; width: 100%; height: 4px; top: calc(-100% - (40px * 1) - 20px); left: 50%;}
.playoff.type3 .semifinal.team2 {grid-row: 4; grid-column: 9 / span 2;}
.playoff.type3 .semifinal.team2::before {content: ''; width: 4px; height: calc(100% + (40px * 1) + 4px); top: calc(-100% - (40px * 1) - 20px);}
.playoff.type3 .semifinal.team2::after {content: ''; width: 100%; height: 4px; top: calc(-100% - (40px * 1) - 20px); right: 50%;}

.playoff.type3 .final.team1.win::before,
.playoff.type3 .final.team1.win::after {background-color: #EE2529;}
.playoff.type3 .semifinal.win::before,
.playoff.type3 .semifinal.win::after {background-color: #0061AF;}

.playoff.type4 {grid-template-columns: repeat(14, 1fr); grid-template-rows: repeat(6, 1fr);}
.playoff.type4 .winner {grid-row: 1; grid-column: 4 / span 2;}
.playoff.type4 .winner + ul {grid-row: 2; grid-column: 3 / span 4;}
.playoff.type4 .final.team1 {grid-row: 6; grid-column: 1 / span 2;}
.playoff.type4 .final.team1::before {content: ''; width: 4px; height: calc(400% + (40px * 4)); top: calc(-400% - (40px * 4) - 20px);}
.playoff.type4 .final.team1::after {content: ''; width: 150%; height: 4px; top: calc(-400% - (40px * 4) - 20px); left: 50%;}
.playoff.type4 .final.team2 {grid-row: 3; grid-column: 7 / span 2;}
.playoff.type4 .final.team2::before {content: ''; width: 4px; height: calc(100% + (40px * 1) + 4px); top: calc(-100% - (40px * 1) - 20px);}
.playoff.type4 .final.team2::after {content: ''; width: 150%; height: 4px; top: calc(-100% - (40px * 1) - 20px); right: 50%;}
.playoff.type4 .final + ul {grid-row: 3; grid-column: 7 / span 2;}
.playoff.type4 .semifinal.team1 {grid-row: 6; grid-column: 4 / span 2;}
.playoff.type4 .semifinal.team1::before {content: ''; width: 4px; height: calc(300% + (40px * 3)); top: calc(-300% - (40px * 3) - 20px);}
.playoff.type4 .semifinal.team1::after {content: ''; width: 150%; height: 4px; top: calc(-300% - (40px * 3) - 20px); left: 50%;}
.playoff.type4 .semifinal.team2 {grid-row: 4; grid-column: 10 / span 2;}
.playoff.type4 .semifinal.team2::before {content: ''; width: 4px; height: calc(100% + (40px * 1) + 4px); top: calc(-100% - (40px * 1) - 20px);}
.playoff.type4 .semifinal.team2::after {content: ''; width: 150%; height: 4px; top: calc(-100% - (40px * 1) - 20px); right: 50%;}
.playoff.type4 .semifinal + ul {grid-row: 4; grid-column: 10 / span 2;}
.playoff.type4 .quarterfinal.team1 {grid-row: 5; grid-column: 8 / span 2;}
.playoff.type4 .quarterfinal.team2 {grid-row: 5; grid-column: 12 / span 2;}
.playoff.type4 .quarterfinal::before {content: ''; width: 4px; height: calc(100% + (40px * 1) + 4px); top: calc(-100% - (40px * 1) - 20px);}
.playoff.type4 .quarterfinal::after {content: ''; width: 100%; height: 4px; top: calc(-100% - (40px * 1) - 20px);}
.playoff.type4 .quarterfinal.team1::after {left: 50%;}
.playoff.type4 .quarterfinal.team2::after {right: 50%;}
.playoff.type4 .quarterfinal.team1 + ul {grid-row: 5; grid-column: 8 / span 2;}
.playoff.type4 .quarterfinal.team2 + ul {grid-row: 5; grid-column: 12 / span 2;}
.playoff.type4 .match.team1 {grid-row: 6; grid-column: 7 / span 2;}
.playoff.type4 .match.team2 {grid-row: 6; grid-column: 9 / span 2;}
.playoff.type4 .match.team3 {grid-row: 6; grid-column: 11 / span 2;}
.playoff.type4 .match.team4 {grid-row: 6; grid-column: 13 / span 2;}
.playoff.type4 .match::before {content: ''; width: 4px; height: calc(100% + (40px * 1)); top: calc(-100% - (40px * 1) - 20px); z-index: 1;}
.playoff.type4 .match::after {content: ''; width: 50%; height: 4px; top: calc(-100% - (40px * 1) - 20px);}
.playoff.type4 .match.team1::after,
.playoff.type4 .match.team3::after {left: 50%;}
.playoff.type4 .match.team2::after,
.playoff.type4 .match.team4::after {right: 50%;}

.playoff.type4 .final.team1::before,
.playoff.type4 .final.team1::after {background-color: #EE2529;}
.playoff.type4 .semifinal.team1::before,
.playoff.type4 .semifinal.team1::after {background-color: #0061AF;}
.playoff.type4 .semifinal.team1.win ~ .final.team2::before,
.playoff.type4 .semifinal.team1.win ~ .final.team2::after {background-color: #0061AF;}
.playoff.type4 .quarterfinal.team1.win ~ .semifinal.team2.win ~ .final.team2::before,
.playoff.type4 .quarterfinal.team1.win ~ .semifinal.team2.win ~ .final.team2::after {background-color: #001C48;}
.playoff.type4 .quarterfinal.team2.win ~ .semifinal.team2.win ~ .final.team2::before,
.playoff.type4 .quarterfinal.team2.win ~ .semifinal.team2.win ~ .final.team2::after {background-color: #9D9D9D;}
.playoff.type4 .quarterfinal.team1.win ~ .semifinal.team2::before,
.playoff.type4 .quarterfinal.team1.win ~ .semifinal.team2::after {background-color: #001C48;}
.playoff.type4 .quarterfinal.team2.win ~ .semifinal.team2::before,
.playoff.type4 .quarterfinal.team2.win ~ .semifinal.team2::after {background-color: #9D9D9D;}
.playoff.type4 .match.team1.win ~ .quarterfinal.team1::before,
.playoff.type4 .match.team1.win ~ .quarterfinal.team1::after,
.playoff.type4 .match.team2.win ~ .quarterfinal.team1::before,
.playoff.type4 .match.team2.win ~ .quarterfinal.team1::after {background-color: #001C48;}
.playoff.type4 .match.team3.win ~ .quarterfinal.team2::before,
.playoff.type4 .match.team3.win ~ .quarterfinal.team2::after,
.playoff.type4 .match.team4.win ~ .quarterfinal.team2::before,
.playoff.type4 .match.team4.win ~ .quarterfinal.team2::after {background-color: #9D9D9D;}
.playoff.type4 .match.team1.win::before,
.playoff.type4 .match.team1.win::after,
.playoff.type4 .match.team2.win::before,
.playoff.type4 .match.team2.win::after {background-color: #001C48;}
.playoff.type4 .match.team3.win::before,
.playoff.type4 .match.team3.win::after,
.playoff.type4 .match.team4.win::before,
.playoff.type4 .match.team4.win::after {background-color: #9D9D9D;}

.playoff.type5 {grid-template-columns: repeat(8, 1fr); grid-template-rows: repeat(4, 1fr);}
.playoff.type5 .winner {grid-row: 1; grid-column: 4 / span 2;}
.playoff.type5 .winner + ul {grid-row: 2; grid-column: 3 / span 4;}
.playoff.type5 .final.team1 {grid-row: 3; grid-column: 2 / span 2;}
.playoff.type5 .final.team1::before {content: ''; width: 4px; height: calc(100% + (40px * 1) + 4px); top: calc(-100% - (40px * 1) - 20px); z-index: 1; background-color: #EE2529;}
.playoff.type5 .final.team1::after {content: ''; width: 100%; height: 4px; top: calc(-100% - (40px * 1) - 20px); left: 50%; background-color: #EE2529;}
.playoff.type5 .final.team2 {grid-row: 3; grid-column: 6 / span 2;}
.playoff.type5 .final.team2::before {content: ''; width: 4px; height: calc(100% + (40px * 1) + 4px); top: calc(-100% - (40px * 1) - 20px); z-index: 1; background-color: #0061AF;}
.playoff.type5 .final.team2::after {content: ''; width: 100%; height: 4px; top: calc(-100% - (40px * 1) - 20px); right: 50%; background-color: #0061AF;}
.playoff.type5 .final.team1 + ul {grid-row: 3; grid-column: 2 / span 2;}
.playoff.type5 .final.team2 + ul {grid-row: 3; grid-column: 6 / span 2;}
.playoff.type5 .semifinal.team1 {grid-row: 4; grid-column: 1 / span 2;}
.playoff.type5 .semifinal.team1::before {content: ''; width: 4px; height: calc(100% + (40px * 1)); top: calc(-100% - (40px * 1) - 20px);}
.playoff.type5 .semifinal.team1::after {content: ''; width: 50%; height: 4px; top: calc(-100% - (40px * 1) - 20px); left: 50%;}
.playoff.type5 .semifinal.team2 {grid-row: 4; grid-column: 3 / span 2;}
.playoff.type5 .semifinal.team2::before {content: ''; width: 4px; height: calc(100% + (40px * 1) + 4px); top: calc(-100% - (40px * 1) - 20px);}
.playoff.type5 .semifinal.team2::after {content: ''; width: 50%; height: 4px; top: calc(-100% - (40px * 1) - 20px); right: 50%;}
.playoff.type5 .semifinal.team3 {grid-row: 4; grid-column: 5 / span 2;}
.playoff.type5 .semifinal.team3::before {content: ''; width: 4px; height: calc(100% + (40px * 1)); top: calc(-100% - (40px * 1) - 20px);}
.playoff.type5 .semifinal.team3::after {content: ''; width: 50%; height: 4px; top: calc(-100% - (40px * 1) - 20px); left: 50%;}
.playoff.type5 .semifinal.team4 {grid-row: 4; grid-column: 7 / span 2;}
.playoff.type5 .semifinal.team4::before {content: ''; width: 4px; height: calc(100% + (40px * 1) + 4px); top: calc(-100% - (40px * 1) - 20px);}
.playoff.type5 .semifinal.team4::after {content: ''; width: 50%; height: 4px; top: calc(-100% - (40px * 1) - 20px); right: 50%;}

.playoff.type5 .semifinal.team1.win::before,
.playoff.type5 .semifinal.team1.win::after,
.playoff.type5 .semifinal.team2.win::before,
.playoff.type5 .semifinal.team2.win::after {background-color: #EE2529;}
.playoff.type5 .semifinal.team3.win::before,
.playoff.type5 .semifinal.team3.win::after,
.playoff.type5 .semifinal.team4.win::before,
.playoff.type5 .semifinal.team4.win::after {background-color: #0061AF;}

.playoff.type6 {grid-template-columns: repeat(9, 1fr); grid-template-rows: repeat(5, 1fr);}
.playoff.type6 .winner {grid-row: 1; grid-column: 3 / span 2;}
.playoff.type6 .winner + ul {grid-row: 2; grid-column: 2 / span 4;}
.playoff.type6 .final.team1 {grid-row: 5; grid-column: 1 / span 2;}
.playoff.type6 .final.team1::before {content: ''; width: 4px; height: calc(300% + (40px * 3) + 4px); top: calc(-300% - (40px * 3) - 20px); background-color: #EE2529;}
.playoff.type6 .final.team1::after {content: ''; width: 100%; height: 4px; top: calc(-300% - (40px * 3) - 20px); left: 50%; background-color: #EE2529;}
.playoff.type6 .final.team2 {grid-row: 3; grid-column: 5 / span 2;}
.playoff.type6 .final.team2::before {content: ''; width: 4px; height: calc(100% + (40px * 1) + 4px); top: calc(-100% - (40px * 1) - 20px);}
.playoff.type6 .final.team2::after {content: ''; width: 100%; height: 4px; top: calc(-100% - (40px * 1) - 20px); right: 50%;}
.playoff.type6 .final + ul {grid-row: 3; grid-column: 4 / span 4;}
.playoff.type6 .semifinal.team1 {grid-row: 5; grid-column: 3 / span 2;}
.playoff.type6 .semifinal.team1::before {content: ''; width: 4px; height: calc(200% + (40px * 2)); top: calc(-200% - (40px * 2) - 20px);}
.playoff.type6 .semifinal.team1::after {content: ''; width: 100%; height: 4px; top: calc(-200% - (40px * 2) - 20px); left: 50%;}
.playoff.type6 .semifinal.team2 {grid-row: 4; grid-column: 7 / span 2;}
.playoff.type6 .semifinal.team2::before {content: ''; width: 4px; height: calc(100% + (40px * 1) + 4px); top: calc(-100% - (40px * 1) - 20px);}
.playoff.type6 .semifinal.team2::after {content: ''; width: 100%; height: 4px; top: calc(-100% - (40px * 1) - 20px); right: 50%;}
.playoff.type6 .semifinal + ul {grid-row: 4; grid-column: 7 / span 2;}
.playoff.type6 .quarterfinal.team1 {grid-row: 5; grid-column: 6 / span 2;}
.playoff.type6 .quarterfinal.team2 {grid-row: 5; grid-column: 8 / span 2;}
.playoff.type6 .quarterfinal::before {content: ''; width: 4px; height: calc(100% + (40px * 1) + 4px); top: calc(-100% - (40px * 1) - 20px);}
.playoff.type6 .quarterfinal::after {content: ''; width: 50%; height: 4px; top: calc(-100% - (40px * 1) - 20px);}
.playoff.type6 .quarterfinal.team1::after {left: 50%;}
.playoff.type6 .quarterfinal.team2::after {right: 50%;}

.playoff.type6 .quarterfinal.win::before,
.playoff.type6 .quarterfinal.win::after,
.playoff.type6 .semifinal.team2::before,
.playoff.type6 .semifinal.team2::after {background-color: #001C48;}
.playoff.type6 .semifinal.team1::before,
.playoff.type6 .semifinal.team1::after {background-color: #0061AF;}
.playoff.type6 .semifinal.team1.win ~ .final.team2::before,
.playoff.type6 .semifinal.team1.win ~ .final.team2::after {background-color: #0061AF;}
.playoff.type6 .semifinal.team2.win ~ .final.team2::before,
.playoff.type6 .semifinal.team2.win ~ .final.team2::after {background-color: #001C48;}

/* 역대 엠블럼 */
.emblem-wrap {width: 1200px; margin: 0 auto; display: flex; flex-flow: column; row-gap: 10px;}
.emblem-wrap,
.emblem-wrap * {box-sizing: border-box;}
.emblem-wrap > ul {display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 2px;}
.emblem-wrap > ul > li {height: 50px; display: flex; align-items: center; justify-content: center; background-color: #ee2529; font-size: 14px; font-weight: 600; color: #fff;}
.emblem-wrap > ul > li + li {background-color: #001C48;}
.emblem-wrap > div {max-height: 860px; padding: 50px; display: flex; flex-flow: column; row-gap: 20px; align-items: center; overflow-y: auto; background-color: #fff; background-image: url(../images/about_emblem/emblem_bg-e261b1332fb43f0d3f8f503c0fb4cf0a.svg); background-repeat: no-repeat; background-size: 100% auto; background-position: right bottom; position: relative;}
.emblem-wrap > div .emblem-box {width: 100%; position: relative; display: flex; flex-flow: column; align-items: center; row-gap: 40px;}
.emblem-wrap > div .emblem-box::before {content: ''; width: 2px; height: calc(100% + 20px); position: absolute; top: -20px; background-color: #F2F3F6; z-index: 1;}
.emblem-wrap > div .emblem-box:first-child::before {height: calc(100% + 50px); top: -50px;}
.emblem-wrap > div .emblem-box:last-child::before {height: calc(100% + 20px + 50px);}
.emblem-wrap > div .emblem-box > div {width: 80px; height: 80px; border-radius: 100%; display: flex; align-items: center; justify-content: center; font-family: 'Campton'; font-size: 16px; font-weight: 400; text-align: center; line-height: 1; color: #fff; background-image: url(../images/about_emblem/emblem_tit-3db2b8e0f95b98cd75b3ba44f8407de1.svg); background-repeat: no-repeat; background-size: contain; background-position: center; padding-top: 2px; position: relative; cursor: pointer; z-index: 2;}
.emblem-wrap > div .emblem-box > ul {display: none; flex-flow: column; row-gap: 20px; width: 100%; margin-bottom: 20px; position: relative; z-index: 2;}
.emblem-wrap > div .emblem-box > ul > li {display: grid; grid-template-columns: 1fr 165px 1fr;}
.emblem-wrap > div .emblem-box > ul > li > p {width: 165px; display: flex; flex-flow: column; row-gap: 10px; padding-top: 15px; align-items: center; font-family: 'Campton'; font-size: 24px; font-weight: 600;}
.emblem-wrap > div .emblem-box > ul > li > p::before {content: ''; width: 15px; height: 15px; background-image: url(../images/about_emblem/emblem_year-bf4dc77adddc76485d43c873f9e15f2c.svg); background-repeat: no-repeat; background-size: cover; background-position: center;}

.emblem-wrap > div .emblem-box > ul > li > ul {max-width: 435px; width: fit-content; height: fit-content; padding: 15px; display: flex; flex-wrap: wrap; justify-content: center; grid-gap: 12px 0; border-radius: 12px; background-color: #F0F1F4; background-repeat: no-repeat; position: relative;}
.emblem-wrap > div .emblem-box > ul > li > ul::before {content: ''; width: 10px; height: 14px; background-image: url(../images/about_emblem/emblem_bubble-2135eca702cf055e1dcce4a9d8f63f0e.svg); background-repeat: no-repeat; background-size: contain; background-position: center; position: absolute; top: 15px;}
.emblem-wrap > div .emblem-box > ul > li > ul > li {display: flex; flex-flow: column; row-gap: 10px; align-items: center;}
.emblem-wrap > div .emblem-box > ul > li > ul > li > div {background-color: #fff; width: 100%; height: 74px; padding: 0 5px; display: flex; align-items: center; justify-content: center;}
.emblem-wrap > div .emblem-box > ul > li > ul > li > p {position: relative; display: flex; align-items: center; column-gap: 4px; font-size: 14px;}
.emblem-wrap > div .emblem-box > ul > li > ul > li > p::before {content: ''; width: 16px; height: 16px; background-image: url(../images/about_emblem/ic-arrow-right-circle-16-1777ddfd5ce06106969548bbe40e8d6b.svg); background-repeat: no-repeat; background-size: cover; background-position: center;}
.emblem-wrap > div .emblem-box > ul > li .emblem {margin-right: 10px; background-position: top right; margin-left: auto; background-image: url(../images/about_emblem/bubble_emblem-ec3af216ae05a0aa16126bb0b1928652.svg);}
.emblem-wrap > div .emblem-box > ul > li .emblem::before {right: -10px;}
.emblem-wrap > div .emblem-box > ul > li .ball {margin-left: 10px; background-position: top left; background-image: url(../images/about_emblem/bubble_ball-8a78a45eec57821a60b4d1b85676d452.svg);}
.emblem-wrap > div .emblem-box > ul > li .ball::before {left: -10px; transform: rotate(180deg);}

.emblem-wrap > div .emblem-box > ul > li > ul > li:first-child:nth-last-child(1) > div {border-radius: 12px;}

.emblem-wrap > div .emblem-box > ul > li > ul > li:first-child:nth-last-child(2) > div {border-radius: 12px 0 0 12px;}
.emblem-wrap > div .emblem-box > ul > li > ul > li:first-child:nth-last-child(2) ~ li:nth-child(2) > div {border-radius: 0 12px 12px 0;}

.emblem-wrap > div .emblem-box > ul > li > ul > li:first-child:nth-last-child(3) > div {border-radius: 12px 0 0 12px;}
.emblem-wrap > div .emblem-box > ul > li > ul > li:first-child:nth-last-child(3) ~ li:nth-child(3) > div {border-radius: 0 12px 12px 0;}

.emblem-wrap > div .emblem-box > ul > li > ul > li:first-child:nth-last-child(4) > div {border-radius: 12px 0 0 12px;}
.emblem-wrap > div .emblem-box > ul > li > ul > li:first-child:nth-last-child(4) ~ li:nth-child(3) > div {border-radius: 0 12px 12px 0;}
.emblem-wrap > div .emblem-box > ul > li > ul > li:first-child:nth-last-child(4) ~ li:nth-child(4) > div {border-radius: 12px; width: 300%;}

.emblem-wrap > div .emblem-box > ul > li > ul > li:first-child:nth-last-child(5) > div {border-radius: 12px 0 0 12px;}
.emblem-wrap > div .emblem-box > ul > li > ul > li:first-child:nth-last-child(5) ~ li:nth-child(3) > div {border-radius: 0 12px 12px 0;}
.emblem-wrap > div .emblem-box > ul > li > ul > li:first-child:nth-last-child(5) ~ li:nth-child(4) {width: 50%;}
.emblem-wrap > div .emblem-box > ul > li > ul > li:first-child:nth-last-child(5) ~ li:nth-child(4) > * {padding-left: 66px;}
.emblem-wrap > div .emblem-box > ul > li > ul > li:first-child:nth-last-child(5) ~ li:nth-child(4) > div {border-radius: 12px 0 0 12px;}
.emblem-wrap > div .emblem-box > ul > li > ul > li:first-child:nth-last-child(5) ~ li:nth-child(5) {width: 50%;}
.emblem-wrap > div .emblem-box > ul > li > ul > li:first-child:nth-last-child(5) ~ li:nth-child(5) > * {padding-right: 66px;}
.emblem-wrap > div .emblem-box > ul > li > ul > li:first-child:nth-last-child(5) ~ li:nth-child(5) > div {border-radius: 0 12px 12px 0;}

.emblem-wrap > div .emblem-box > ul > li > ul > li:first-child:nth-last-child(6) > div {border-radius: 12px 0 0 12px;}
.emblem-wrap > div .emblem-box > ul > li > ul > li:first-child:nth-last-child(6) ~ li:nth-child(3) > div {border-radius: 0 12px 12px 0;}
.emblem-wrap > div .emblem-box > ul > li > ul > li:first-child:nth-last-child(6) ~ li:nth-child(4) > div {border-radius: 12px 0 0 12px;}
.emblem-wrap > div .emblem-box > ul > li > ul > li:first-child:nth-last-child(6) ~ li:nth-child(6) > div {border-radius: 0 12px 12px 0;}

.emblem-wrap > div .emblem-box.active > div {width: 160px; height: 160px; font-weight: 600; font-size: 32px; padding-top: 6px;}
.emblem-wrap > div .emblem-box.active > ul {display: flex;}


/* 관중추이 페이지 추가 24.12.04 */
.audience-btn {width: 100%; height: 40px; display: flex; align-items: center; justify-content: center; column-gap: 4px; background-color: #F7F7F7; border: 1px solid #DFE2E8; margin-bottom: 20px; font-size: 13px; color: #222;}
.ic-arrow-left-12 {width: 12px; height: 12px; background-image: url(../images/ico/ic-arrow-left-12-dd0bc3894ee0f8a05b573d10654fbbf9.svg);}

.data-empty02 {padding: 200px 0; display: flex; flex-flow: column; row-gap: 24px; align-items: center; justify-content: center;}
.data-empty02 i.ic-empty {width: 120px; height: 120px; background-image: url(../images/ico/ic-empty-7b8f5b08c9349bef3dfa29a112a67fc7.png);}
.data-empty02 p {font-size: 15px;}

.sch-box .btn-more {width: fit-content; height: 40px; display: flex; align-items: center; justify-content: center; background-color: #f7f7f7; border: 1px solid #dfe2e8; padding: 0 20px; font-size: 13px; font-weight: 400; color: #222; margin-left: auto;}

.audience-num {width: 100%; background-color: #fff; display: flex; align-items: center; padding: 32px 40px; column-gap: 40px; box-sizing: border-box; margin-bottom: 20px;}
.audience-num > li {flex: 1; display: flex; align-items: center; justify-content: space-between}
.audience-num > li + li {margin-left: 40px; position: relative;}
.audience-num > li + li::before {content: ''; width: 2px; height: 20px; background-color: rgba(0,28,72,0.15); position: absolute; left: -40px;}
.audience-num > li > p {font-family: 'Campton'; font-size: 18px; font-weight: 600; color: #B9C1CD;}
.audience-num > li > div {display: flex; flex-flow: column; position: relative;}
.audience-num > li > div > span {font-family: 'Campton'; font-size: 24px; font-weight: 600; color: #001C48; display: flex; align-items: center; column-gap: 2px;}
.audience-num > li > div > span > span {font-size: 14px;}
.audience-num > li > div > p {font-size: 12px; color: #b9c1cd; position: absolute; right: 0; width: max-content; top: 24px;}

body[data-theme="dark"] .audience-num {background-color: #1c1c1c;}
body[data-theme="dark"] .audience-num > li + li::before {background-color: #8e8e8e; opacity: .15;}
body[data-theme="dark"] .audience-num > li > p {color: #8e8e8e;}
body[data-theme="dark"] .audience-num > li > div > span {color: #fff;}
body[data-theme="dark"] .audience-num > li > div > p {color: #fff;}

.audience-graph {border-top: 2px solid #001C48; background-color: #fff; padding: 30px 20px; margin-bottom: 60px; position: relative;}
.audience-graph .data {display: flex; flex-flow: column; row-gap: 30px; position: relative; z-index: 2;}
.audience-graph .data > li {display: flex; align-items: center;}
.audience-graph .data > li > p {width: 170px; font-size: 14px;}
.audience-graph .data > li > div {flex: 1; height: 18px; background-color: rgba(162, 200, 226, 0.2); display: flex; align-items: center; position: relative;}
.audience-graph .data > li > div > span {height: 18px; background-color: #A2C8E2; position: absolute; left: 0; display: block;}
.audience-graph .graph {width: calc(100% - 170px - 40px); height: calc(100% - 36px); position: absolute; top: 18px; right: 20px; z-index: 1; display: flex; align-items: flex-start; justify-content: space-between;}
.audience-graph .graph > li:nth-child(2n-1) {width: 1px; height: 100%; border-left: 1px solid #EAEBEC;}
.audience-graph .graph > li:nth-child(2n) {width: 1px; height: 100%; border-left: 1px dashed #EAEBEC;}
.audience-table table {table-layout: fixed;}
.audience-table table td[rowspan]:not(:last-child) {border-right: 2px solid #f2f3f6;}
.audience-table table td {border-bottom: 2px solid #f2f3f6; font-style: 13px; font-weight: 400; vertical-align: middle; text-align: center; line-height: 1.6;}
.audience-table table td > ul {display: flex; align-items: center; column-gap: 10px; justify-content: center;}
.audience-table table td > ul > li {font-size: 18px; color: #9B9FAA; text-align: center;}
.audience-table table td > ul > li > p {font-size: 18px; font-weight: 600; color: #222; width: 32px; text-align: left;}
.audience-table table td > ul > li:nth-child(1) > p {text-align: right;}

body[data-theme="dark"] .audience-graph {background-color: #1c1c1c; border-top-color: #ee2529;}
body[data-theme="dark"] .audience-table table td[rowspan]:not(:last-child) {border-color: #0a0a0a;}
body[data-theme="dark"] .audience-table table td > ul > li > p {color: #fff;}

/* 추모 팝업 25.01.02 */
.notice-pop {position: fixed; top: 156px; left: 40%; z-index: 2000; box-sizing: border-box;}
.notice-pop .pop-wrap {padding: 10px; border-radius: 24px; background-color: #000; display: flex; flex-flow: column; row-gap: 10px;}
.notice-pop .pop-wrap .pop-cont > img {width: 420px;}
.notice-pop .pop-wrap .pop-footer {padding: 10px; display: flex; align-items: center; justify-content: space-between;}
.notice-pop .pop-wrap .pop-footer input + label {display: flex; align-items: center; column-gap: 6px;}
.notice-pop .pop-wrap .pop-footer input + label::before {content: ''; width: 15px; height: 15px; background-image: url(../images/ic-chk-15-fd160fa6fa2c071d7558b38e3a1678f5.svg); background-repeat: no-repeat; background-position: center; background-size: cover;}
.notice-pop .pop-wrap .pop-footer input + label > p {font-size: 16px; color: #fff;}
.notice-pop .pop-wrap .pop-footer input:checked + label::before {background-image: url(../images/ic-chk-15-ov-52dfd60ebb400d4d2fbac160878b96d0.svg);}
.notice-pop .pop-wrap .pop-footer button {width: fit-content; height: fit-content; padding: 0; display: flex; justify-content: center; column-gap: 6px; font-size: 16px; color: #fff;}
.notice-pop .pop-wrap .pop-footer button .ic-close {width: 18px; height: 18px; background-image: url(../images/ic-close-18-4482b02181fd38fbf40c7910d0bc078c.svg); background-repeat: no-repeat; background-position: center; background-size: cover;}

/* 명예의전당 25.06.12 */
.hall-of-fame-25-list {width: 100%; background-color: #10100F; padding: 110px 0; box-sizing: border-box; position: relative;}
.hall-of-fame-25-list::before {content: ''; width: 100%; height: 40px; background-image: url(../images/halloffame/hall-of-fame-pattern-b8609261511e50fadda2753faaf53894.png); background-repeat: repeat-x; background-size: auto 100%; background-position: center; position: absolute; top: 0;}
.hall-of-fame-25-list::after {content: ''; width: 100%; height: 40px; background-image: url(../images/halloffame/hall-of-fame-pattern-b8609261511e50fadda2753faaf53894.png); background-repeat: repeat-x; background-size: auto 100%; background-position: center; position: absolute; bottom: 0;}
.hall-of-fame-25-list * {box-sizing: border-box;}
.hall-of-fame-25-list > div {width: 850px; margin: 0 auto; display: flex; flex-flow: column; row-gap: 40px;}
.hall-of-fame-25-list > div .intro {display: flex; flex-flow: column; row-gap: 30px; align-items: center;}
.hall-of-fame-25-list > div .intro > img {height: 104px;}
.hall-of-fame-25-list > div .intro > p {text-align: center; font-size: 24px; font-weight: 600; color: #fff; line-height: 1.6;}
.hall-of-fame-25-list > div .intro .player {display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: 30px; width: 100%;}
.hall-of-fame-25-list > div .intro .player > li {display: flex; flex-flow: column; row-gap: 8px; align-items: center;}
.hall-of-fame-25-list > div .intro .player > li > img {width: 146px;}
.hall-of-fame-25-list > div .intro .player > li > p {font-size: 18px; color: #fff;}
.hall-of-fame-25-list > div .nominee {display: flex; flex-flow: column; row-gap: 20px; width: 100%;}
.hall-of-fame-25-list > div .nominee > h3 {font-size: 24px; font-weight: 600; color: #fff;}
.hall-of-fame-25-list > div .nominee table {width: 100%; border-collapse: collapse; border-spacing: 0; border: 1px solid #B18D44; table-layout: fixed; border-top: 0;}
.hall-of-fame-25-list > div .nominee table thead th {background-color: #B18D44; border: 0; height: 46px; text-align: center; font-size: 16px; font-weight: 600; vertical-align: middle;}
.hall-of-fame-25-list > div .nominee table thead th + th {border-left: 1px solid rgba(255, 255, 255, 0.2);}
.hall-of-fame-25-list > div .nominee table tbody td {border: 0; height: 46px; text-align: center; font-size: 16px; font-weight: 500; color: #fff; vertical-align: middle; border-bottom: 1px solid #B18D44;}
.hall-of-fame-25-list > div .nominee table tbody td + td {border-left: 1px solid #B18D44;}
.hall-of-fame-25-list > div .nominee > p {font-size: 18px; font-weight: 500; color: #fff; line-height: 1.6; margin-top: 10px;}

.hall-of-fame-25-vote {width: 100%; background-color: #001D49; padding: 80px 0; box-sizing: border-box;}
.hall-of-fame-25-vote * {box-sizing: border-box;}
.hall-of-fame-25-vote > div {width: 1120px; margin: 0 auto; display: flex; flex-flow: column; row-gap: 50px; align-items: center;}
.hall-of-fame-25-vote > div .tit {display: flex; align-items: center; column-gap: 40px;}
.hall-of-fame-25-vote > div .tit > img {width: 260px;}
.hall-of-fame-25-vote > div .tit > p {font-family: 'GmarketSans'; font-size: 70px; font-weight: 600; color: #fff; line-height: 1.2;}
.hall-of-fame-25-vote > div .guide {display: flex; flex-flow: column; row-gap: 20px;}
.hall-of-fame-25-vote > div .guide > li {display: flex; column-gap: 20px; align-items: center;} 
.hall-of-fame-25-vote > div .guide > li > span {width: 130px; height: 48px; border-radius: 30px; display: flex; align-items: center; justify-content: center; background-color: rgba(255,255,255,.2); font-size: 20px; font-weight: 500; color: #fff;}
.hall-of-fame-25-vote > div .guide > li > p {font-size: 20px;  color: #fff; }
.hall-of-fame-25-vote > div .guide > li > ul {display: flex; flex-flow: column;}
.hall-of-fame-25-vote > div .guide > li > ul > li {font-size: 20px; color: #fff; display: flex; align-items: center; column-gap: 10px; line-height: 1.4;}
.hall-of-fame-25-vote > div .guide > li > ul > li::before {content: '∙';}
.hall-of-fame-25-vote > div .vote {display: flex; flex-flow: column; row-gap: 20px; align-items: flex-end; width: 100%; margin-top: 10px;}
.hall-of-fame-25-vote > div .vote > ul {display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 20px; width: 100%;}
.hall-of-fame-25-vote > div .vote > ul > li > input + label {width: 100%; height: 94px; background-color: #fff; padding: 14px 20px; display: flex; align-items: center; column-gap: 12px; cursor: pointer;}
.hall-of-fame-25-vote > div .vote > ul > li > input + label .img {width: 65px; height: 65px; background-color: #d9d9d9; border-radius: 100%;}
.hall-of-fame-25-vote > div .vote > ul > li > input + label > p {font-size: 20px; font-weight: 500; color: #001d49;}
.hall-of-fame-25-vote > div .vote > ul > li > input + label::after {content: ''; width: 20px; height: 20px; margin-left: auto; background-image: url(../images/halloffame/ic-chk-4ba948c2f1713f882ed6731dd5357adf.svg); background-repeat: no-repeat; background-position: center; background-size: contain;}
.hall-of-fame-25-vote > div .vote > ul > li > input:checked + label::after {background-image: url(../images/halloffame/ic-chk-ov-34a867e3dcc238481341e6326f154d87.svg);}
.hall-of-fame-25-vote > div .vote > p {font-size: 20px; font-weight: 500; color: #fff;}
.hall-of-fame-25-vote > div > button {width: 265px; height: 58px; display: flex; align-items: center; justify-content: center; background-color: #EE2529; font-size: 25px; font-weight: 600; color: #fff; line-height: 1;}

.hall-of-fame-pop {width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; z-index: 1000; background-color: rgba(0, 0, 0, 0.6); align-items: center; justify-content: center;}
.hall-of-fame-pop .pop-wrap {background-color: #fff; width: 550px; padding: 20px; display: flex; flex-flow: column; row-gap: 20px;}
.hall-of-fame-pop .pop-wrap .pop-cont {padding: 20px; display: flex; flex-flow: column; row-gap: 20px; align-items: center;}
.hall-of-fame-pop .pop-wrap .pop-cont > img {width: 120px;}
.hall-of-fame-pop .pop-wrap .pop-cont > p {text-align: center; font-size: 16px; font-weight: 500; line-height: 1.6;}
.hall-of-fame-pop .pop-wrap .pop-btn button {width: 100%; height: 48px; display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 600; color: #fff; background-color: #001d49;}

.vote-btn {position: fixed; right: 20px; bottom: 85px; display: flex; align-items: center; justify-content: center; width: 136px; height: 45px; background: linear-gradient(95deg, #AE8F63 7.46%, #785E39 94.05%); cursor: pointer; z-index: 100; font-size: 15px; font-weight: 600; color: #fff; column-gap: 4px; border-radius: 30px;}
.vote-btn .ic-vote {width: 14px; height: 14px; display: flex; align-items: center; justify-content: center; background-image: url(../images/halloffame/ic-vote-e3beec727a619b41cd28ce4d820ae70b.svg); background-repeat: no-repeat; background-size: contain; background-position: center;}

/* 25.09.08 */
/* .league-sort-wrap {background-color: #fff; height: 62px; display: flex; align-items: center; box-sizing: border-box;}
.league-sort-swiper.swiper {position: relative;}
.league-sort-swiper.swiper .swiper-wrapper {width: max-content; height: fit-content; position: relative;}
.league-sort-swiper.swiper .swiper-slide {width: fit-content; height: 36px;}
.league-sort-swiper.swiper .swiper-slide > button {width: 100%; height: 100%; border-radius: 40px; border: 1px solid #D3D8E0; background-color: #fff; display: flex; align-items: center; justify-content: center; padding: 0 16px; font-size: 16px; font-weight: 500; color: #737373;}

.league-sort-swiper .swiper-button-prev::after,
.league-sort-swiper .swiper-button-next::after {content: none;} */

.schedule-sort {display: flex; flex-flow: column; row-gap: 14px; margin-bottom: 52px;}

.league-sort {height: 64px; padding: 0 20px; display: flex; align-items: center; column-gap: 8px; background-color: #fff; overflow-x: auto;}
.league-sort > li > button {width: fit-content; height: 36px; border-radius: 40px; border: 1px solid #D3D8E0; background-color: #fff; display: flex; align-items: center; justify-content: center; padding: 0 16px; font-size: 16px; font-weight: 500; color: #737373; white-space: nowrap;}
.league-sort > li > button.on {background-color: #0061AF; border-color: #0061AF; color: #fff;}

body[data-theme="dark"] .league-sort {background-color: #1C1C1C;}
body[data-theme="dark"] .league-sort > li > button {border-color: #444444; background-color: #1C1C1C;}
body[data-theme="dark"] .league-sort > li > button.on {background-color: #DB3D36; border-color: #DB3D36; color: #F5F5F5;}

.team-sort {height: 86px; padding: 0 20px; display: flex; align-items: center; column-gap: 40px; background-color: #fff; overflow-x: auto;}
.team-sort > li > button {display: flex; flex-flow: column; row-gap: 8px; align-items: center;}
.team-sort > li > button > i {width: 48px; height: 48px;}
.team-sort > li > button > span {font-size: 12px; font-weight: 500;}
.team-sort > li > button.on > span {font-weight: 600; color: #0061AF;}

body[data-theme="dark"] .team-sort {background-color: #1c1c1c;}
body[data-theme="dark"] .team-sort > li > button > span {color: #8E8E8E;}
body[data-theme="dark"] .team-sort > li > button.on > span {color: #FFFFFF;}