@charset "utf-8";
:root {
  --color-black: #000000;
  --color-white: #ffffff;
  --color-t0-bg1: #FFFFFF;
  --color-t0-bg2: #FAFAFA;
  --color-t0-bg3: #F5F5F5;
  --color-t0-bg4: #EEEEEE;
  --color-t0-te1: #121212;
  --color-t0-te2: #4A4A4A;
  --color-t0-te3: #757575;
  --color-t0-te4: #9E9E9E;
  --color-t0-dv1: rgba(199, 201, 203, 0.6);
  --color-t0-dv2: #E3E4E4;
  --color-t0-dv3: rgba(0, 0, 0, 0.2);
  --color-t0-em-a: #603BE6;
  --color-t0-em-b: #E90052;
  --color-t0-em-b2: #DA0C55;
  --color-t1-bg2: #F0F2F4;
  --color-t1-bg3: #E5E7EB;
  --color-t1-te2: #404654;
  --color-t1-te3: #69748C;
  --color-t1-dv1: #F3F4F6;
  --color-t1-dv3: #D6D9E0;
  --color-t1-dv4: #B9BFCA;
  --color-t1-em-b2: #D10049;
  --color-t2-bg1: #000000;
  --color-t2-bg2: #18191C;
  --color-t2-bg3: #2D2E33;
  --color-t2-te1: #FFFFFF;
  --color-t2-te2: #CCCCCC;
  --color-t2-te3: #999999;
  --color-t2-dv1: #252628;
  --color-t2-dv2: #2E2F32;
  --color-t2-dv3: #2D2E33;
  --color-t2-em-a: #486CFF;
  --color-t2-em-b: #FF5A48;
  --color-t2-em-b2: #EF4444;
  --grid-space10: 24px;
  --grid-space15: 32px;
  --grid-space20: 48px;
  --grid-w-main: 1408px;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v48/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuaabWmT.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v48/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbWmT.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v48/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWub2bWmT.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v48/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuYjammT.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosanskr/v37/PbyxFmXiEBPT4ITbgNA5Cgms3VYcOA-vvnIzzrQyeLQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosanskr/v37/PbyxFmXiEBPT4ITbgNA5Cgms3VYcOA-vvnIzzuoyeLQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosanskr/v37/PbyxFmXiEBPT4ITbgNA5Cgms3VYcOA-vvnIzztgyeLQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notosanskr/v37/PbyxFmXiEBPT4ITbgNA5Cgms3VYcOA-vvnIzzg01eLQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Bbtv Icon';
  src: url('../fonts/bbtv.icon.eot?t=2023061917');
  src: url('../fonts/bbtv.icon.eot?t=2023061917#iefix') format('embedded-opentype'), url('../fonts/bbtv.icon.ttf?t=2023061917') format('truetype'), url('../fonts/bbtv.icon.woff?t=2023061917') format('woff'), url('../fonts/bbtv.icon.svg?t=2023061917#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
html {
  font-family: 'Roboto', 'Noto Sans KR', sans-serif;
  font-size: 13px;
}
.bbtv-body {
  margin: 0;
  padding: 0;
  background-color: var(--color-t0-bg1);
  font-family: 'Roboto', 'Noto Sans KR', sans-serif;
  font-size: 13px;
  min-width: 1456px;
}
.bbtv-body-inner {
  background-color: var(--color-t0-bg1);
}
.bbtv-body-inner > header {
  position: fixed;
  z-index: 1004;
  top: 0;
  left: 0;
  width: 100%;
  height: 84px;
  background-color: var(--color-t0-bg1);
  box-shadow: 0 2px 0 0 #F0F0F0;
  font-family: 'Roboto', 'Noto Sans KR', sans-serif;
  min-width: 1456px;
}
.bbtv-body-inner > header > nav {
  width: var(--grid-w-main);
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.bbtv-body-inner > header .bbtv-logo {
  margin-right: 16px;
  padding-top: 4px;
}
.bbtv-body-inner > header .bbtv-logo img {
  display: block;
  width: 200px;
  height: 80px;
}
.bbtv-body-inner > header a {
  text-decoration-line: none;
  text-decoration: none;
}
.bbtv-body-inner > header .bbtv-header-inner {
  flex: 1 1 auto;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.bbtv-body-inner > header .bbtv-nav {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.bbtv-body-inner > header .bbtv-nav > li {
  position: relative;
  height: 84px;
}
.bbtv-body-inner > header .bbtv-nav > li > span > a {
  display: block;
  box-sizing: border-box;
  height: 84px;
  padding: 38px 12px 21px 12px;
  background-color: var(--color-t0-bg1);
  color: var(--color-t0-te1);
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  letter-spacing: 0.018em;
  word-spacing: 0.1em;
  transition: color 0.2s ease-in-out 0s, background-color 0.2s ease-in-out 0s;
}
.bbtv-body-inner > header .bbtv-nav > li:hover > a {
  background-color: var(--color-t0-bg2);
  color: var(--color-t0-em-b);
}
.bbtv-body-inner > header .bbtv-nav > li:hover ol {
  opacity: 1;
  pointer-events: auto;
}
.bbtv-body-inner > header .bbtv-nav > li ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
  padding-top: 9px;
  padding-bottom: 7px;
  position: absolute;
  z-index: 1005;
  top: 80px;
  left: 0;
  background-color: var(--color-t0-bg1);
  opacity: 0;
  pointer-events: none;
  height: auto;
  border-radius: 8px !important;
  border: 1px solid #BDBDBD;
  border: 1px solid var(--color-t0-dv1);
  transition: opacity 0.2s ease-in-out 0s;
}
.bbtv-body-inner > header .bbtv-nav > li ol li a {
  display: block;
  box-sizing: border-box;
  height: 36px;
  padding: 8px 32px 7px 16px;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  letter-spacing: 0.018em;
  word-spacing: 0.1em;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
  color: var(--color-t0-te1);
  background-color: var(--color-t0-bg1);
  transition: background-color 0.2s ease-in-out 0s;
}
.bbtv-body-inner > header .bbtv-nav > li ol li a:hover {
  background-color: var(--color-t0-bg3);
}
.bbtv-body-inner > header .bbtv-nav-side {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  padding-top: 16px;
  padding-right: 4px;
  flex: 1 1 auto;
}
.bbtv-body-inner > header .bbtv-nav-side ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}
.bbtv-body-inner > header .bbtv-nav-side .bbtv-nav-admin,
.bbtv-body-inner > header .bbtv-nav-side .bbtv-nav-ldmode,
.bbtv-body-inner > header .bbtv-nav-side .bbtv-nav-quick {
  margin-right: 12px;
}
.bbtv-body-inner > header .bbtv-nav-side .bbtv-nav-admin li:not(:last-of-type) {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}
.bbtv-body-inner > header .bbtv-nav-side .bbtv-nav-admin li:not(:last-of-type):after {
  content: '';
  width: 2px;
  height: 2px;
  background-color: var(--color-t0-te4);
  margin-right: 4px;
}
.bbtv-body-inner > header .bbtv-nav-side .bbtv-nav-admin li:not(:last-of-type) a {
  margin-right: 4px;
}
.bbtv-body-inner > header .bbtv-nav-side .bbtv-nav-ldmode {
  display: none;
}
.bbtv-body-inner > header .bbtv-nav-side .bbtv-nav-ldmode li {
  display: none;
}
.bbtv-body-inner > header .bbtv-nav-side .bbtv-nav-sign li:not(:last-of-type) {
  margin-right: 8px;
}
.bbtv-body-inner > header .bbtv-nav-side .bbtv-textbtn {
  display: block;
  box-sizing: border-box;
  height: 32px;
  padding: 6px 2px 5px 2px;
  color: var(--color-t0-te2);
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  letter-spacing: 0.018em;
  word-spacing: 0.1em;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.bbtv-body-inner > header .bbtv-nav-side .bbtv-textbtn:hover {
  color: var(--color-t0-te1);
}
.bbtv-body-inner > header .bbtv-nav-side .bbtv-textbtn.bbtv-active {
  color: var(--color-t0-em-a);
}
.bbtv-body-inner > header .bbtv-nav-side .bbtv-btn {
  display: block;
  box-sizing: border-box;
  height: 32px;
  padding: 6px 14px;
  background-color: var(--color-t0-bg3);
  color: var(--color-t0-te2);
  border-radius: 16px !important;
  font-size: 13px;
  line-height: 19px;
  font-weight: 400;
  letter-spacing: 0.018em;
  word-spacing: 0.1em;
  transition: color 0.2s ease-in-out 0s, background-color 0.2s ease-in-out 0s;
}
.bbtv-body-inner > header .bbtv-nav-side .bbtv-btn:hover {
  background-color: var(--color-t0-bg4);
  color: var(--color-t0-te1);
}
.bbtv-body-inner > header .bbtv-nav-side .bbtv-btn.bbtv-em {
  background-color: var(--color-t0-em-b);
  color: var(--color-t0-bg1);
}
.bbtv-body-inner > header .bbtv-nav-side .bbtv-btn.bbtv-em:hover {
  background-color: var(--color-t0-em-b2);
}
.bbtv-body-inner > header .bbtv-nav-side2 {
  display: none;
}
.bbtv-body-inner > header .bbtv-iconbtn {
  display: block;
  box-sizing: border-box;
  width: 32px;
  height: 32px;
  padding: 5px;
  border-radius: 4px !important;
  background-color: var(--color-t0-bg1);
  color: var(--color-t0-te4);
}
.bbtv-body-inner > header .bbtv-iconbtn:before {
  content: '';
  display: block;
  width: 22px;
  height: 22px;
  font-family: 'Bbtv Icon';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 22px;
}
.bbtv-body-inner > header .bbtv-iconbtn:hover {
  background-color: var(--color-t0-bg3);
  color: var(--color-t0-te3);
}
.bbtv-body-inner > header .bbtv-iconbtn.bbtv-bookmark:before {
  content: "\e900";
}
.bbtv-body-inner > header .bbtv-iconbtn.bbtv-help:before {
  content: "\e901";
}
.bbtv-body-inner > header .bbtv-iconbtn.bbtv-noti:before {
  content: "\e902";
}
.bbtv-body-inner > header .bbtv-iconbtn.bbtv-close {
  display: none;
}
.bbtv-body-inner > header .bbtv-iconbtn.bbtv-home {
  display: none;
}
.bbtv-body-inner > header .bbtv-iconbtn.bbtv-menu {
  display: none;
}
.bbtv-body-inner .bbtv-main {
  margin-top: 100px;
  margin-bottom: var(--grid-space15);
  min-height: 1280px;
}
.bbtv-body-inner .bbtv-container {
  width: var(--grid-w-main);
  margin: 0 auto;
  padding: 0;
}
.bbtv-body-inner .bbtv-main-inner {
  border: 0;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: stretch;
  justify-content: flex-start;
  margin: 0;
}
.bbtv-body-inner .bbtv-main-inner .bbtv-main-left {
  width: 336px;
  padding: 0;
  border: 0;
}
.bbtv-body-inner .bbtv-main-inner .bbtv-main-right {
  width: 1024px;
  padding: 0;
  margin-left: 48px;
  border: 0;
}
.bbtv-body-inner .bbtv-page_title {
  font-family: 'Roboto', 'Noto Sans KR', sans-serif;
  font-size: 24px;
  line-height: 40px;
  font-weight: 500;
  letter-spacing: 0.018em;
  word-spacing: 0.1em;
  color: var(--color-t0-te1);
  margin: 0 0 12px 0;
  padding-right: 8px;
  padding-left: 8px;
}
.bbtv-body-inner .bbtv-nav-tab {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 20px;
}
.bbtv-body-inner .bbtv-nav-tab li:not(:last-of-type) {
  margin-right: 12px;
}
.bbtv-body-inner .bbtv-nav-tab a {
  display: block;
  box-sizing: border-box;
  height: 36px;
  padding: 8px 16px 7px 16px;
  background-color: var(--color-t0-bg1);
  color: var(--color-t0-te2);
  border: 1px solid #BDBDBD;
  border: 1px solid var(--color-t0-dv1);
  border-radius: 18px !important;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  letter-spacing: 0.018em;
  word-spacing: 0.1em;
  transition: all 0.2s ease-in-out 0s;
}
.bbtv-body-inner .bbtv-nav-tab a:hover {
  border-color: var(--color-t0-te3);
}
.bbtv-body-inner .bbtv-nav-tab a.bbtv-active {
  background-color: var(--color-t0-em-a);
  color: var(--color-t0-bg1);
  border-color: var(--color-t0-em-a);
}
.bbtv-body-inner .bbtv-content-wrap {
  border: 1px solid var(--color-t0-dv3);
  border-radius: 12px !important;
  overflow: hidden;
  isolation: isolate;
  min-height: 1184px;
}
.bbtv-body-inner .bbtv-content-wrap.bbtv-type2 {
  padding: 24px;
}
.bbtv-body-inner .bbtv-loader .spinner6 > div {
  background-color: var(--color-t0-em-a);
}
.bbtv-body-inner .bbtv-portlet-notice {
  padding: 1px 16px;
  margin-bottom: 16px;
  border-radius: 6px !important;
  background-color: var(--color-t0-em-a);
  height: 40px;
}
.bbtv-body-inner .bbtv-portlet-notice li a {
  font-family: 'Roboto', 'Noto Sans KR', sans-serif;
  color: var(--color-t0-bg1);
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  letter-spacing: 0.018em;
  word-spacing: 0.1em;
  line-height: 40px;
}
.bbtv-body-inner .bbtv-portlet-notice span.label {
  padding: 0 16px;
  background-color: var(--color-t0-em-a);
  color: var(--color-t0-bg1);
  font-family: 'Roboto', 'Noto Sans KR', sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  letter-spacing: 0.018em;
  word-spacing: 0.1em;
  font-weight: 700;
  line-height: 32px;
  border-radius: 16px !important;
  top: 4px;
  width: 64px;
}
.bbtv-body-inner .bbtv-portlet-notice .comm001-notice-roll,
.bbtv-body-inner .bbtv-portlet-notice .comm001-notice-roll ul li {
  height: 40px;
}
.bbtv-body-inner iframe.bbtv-external {
  display: block;
  width: 100%;
  height: 3072px;
  border: 0;
}
.bbtv-body-inner .side-pc-area .ol-before {
  border: 1px solid var(--color-t0-dv2);
  border-top: 4px solid var(--color-t0-em-a);
  overflow: hidden;
  position: relative;
  margin-bottom: 16px;
  border-radius: 12px !important;
  display: block;
  font-size: 12px;
  background-color: var(--color-t0-bg1);
  padding: 16px;
}
.bbtv-body-inner .side-pc-area .ol-after {
  border: 1px solid var(--color-t0-dv2);
  border-top: 4px solid var(--color-t0-em-a);
  overflow: hidden;
  position: relative;
  margin-bottom: 16px;
  border-radius: 12px !important;
}
.bbtv-body-inner #left_chat {
  border: 1px solid var(--color-t0-dv2);
  border-top: 4px solid var(--color-t0-em-a);
  overflow: hidden;
  position: relative;
  height: 544px;
  margin-bottom: 16px;
  border-radius: 12px !important;
}
.bbtv-body-inner .footer {
  height: auto;
}
.bbtv-body-inner > footer {
  box-sizing: border-box;
  padding-top: var(--grid-space20);
  padding-bottom: var(--grid-space10);
  background-color: var(--color-t0-bg3);
  font-family: 'Roboto', 'Noto Sans KR', sans-serif;
  font-size: 13px;
  line-height: 19px;
  font-weight: 400;
  letter-spacing: 0.018em;
  word-spacing: 0.1em;
  color: var(--color-t0-te2);
}
.bbtv-body-inner > footer p,
.bbtv-body-inner > footer li a {
  color: var(--color-t0-te2);
}
.bbtv-body-inner > footer > div {
  width: var(--grid-w-main);
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.bbtv-body-inner > footer > div > *:not(:last-child) {
  margin-bottom: var(--grid-space10);
}
.bbtv-body-inner > footer > div hr {
  display: block;
  margin: 0;
  margin-bottom: var(--grid-space10);
  width: 100%;
  height: 2px;
  background-color: var(--color-t0-dv2);
  border: 0;
}
.bbtv-body-inner > footer > div small {
  font-size: 13px;
  line-height: 19px;
  font-weight: 400;
  letter-spacing: 0.018em;
  word-spacing: 0.1em;
}
.bbtv-body-inner > footer .bbtv-logo {
  opacity: 0.8;
  transition: opacity 0.2s ease-in-out 0s;
}
.bbtv-body-inner > footer .bbtv-logo img {
  display: block;
  width: 240px;
  height: 96px;
}
.bbtv-body-inner > footer .bbtv-logo:hover {
  opacity: 1;
}
.bbtv-body-inner > footer .bbtv-disclaimer {
  margin-top: 0;
  margin-bottom: var(--grid-space10);
  white-space: pre-line;
  text-align: center;
}
.bbtv-body-inner > footer .bbtv-nav {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.bbtv-body-inner > footer .bbtv-nav a {
  display: block;
  box-sizing: border-box;
  height: 32px;
  padding: 6px 16px 5px 16px;
  color: var(--color-t0-te2);
  text-decoration-line: none;
  text-decoration: none;
  transition: color 0.2s ease-in-out 0s;
}
.bbtv-body-inner > footer .bbtv-nav a:hover {
  color: var(--color-black);
}
.bbtv-body.bbtv-ldmode-light .bbtv-body-inner > header,
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner > header {
  height: 64px;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}
.bbtv-body.bbtv-ldmode-light .bbtv-body-inner > header > nav .bbtv-logo,
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner > header > nav .bbtv-logo {
  margin-right: 17px;
  padding-top: 2px;
}
.bbtv-body.bbtv-ldmode-light .bbtv-body-inner > header > nav .bbtv-logo img,
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner > header > nav .bbtv-logo img {
  width: 119px;
  height: 42px;
}
.bbtv-body.bbtv-ldmode-light .bbtv-body-inner > header .bbtv-nav > li,
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner > header .bbtv-nav > li {
  height: 62px;
}
.bbtv-body.bbtv-ldmode-light .bbtv-body-inner > header .bbtv-nav > li:nth-of-type(2) > span > a,
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner > header .bbtv-nav > li:nth-of-type(2) > span > a,
.bbtv-body.bbtv-ldmode-light .bbtv-body-inner > header .bbtv-nav > li:nth-of-type(3) > span > a,
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner > header .bbtv-nav > li:nth-of-type(3) > span > a,
.bbtv-body.bbtv-ldmode-light .bbtv-body-inner > header .bbtv-nav > li:nth-of-type(4) > span > a,
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner > header .bbtv-nav > li:nth-of-type(4) > span > a,
.bbtv-body.bbtv-ldmode-light .bbtv-body-inner > header .bbtv-nav > li:nth-of-type(6) > span > a,
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner > header .bbtv-nav > li:nth-of-type(6) > span > a,
.bbtv-body.bbtv-ldmode-light .bbtv-body-inner > header .bbtv-nav > li:nth-of-type(7) > span > a,
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner > header .bbtv-nav > li:nth-of-type(7) > span > a {
  padding-right: 32px;
}
.bbtv-body.bbtv-ldmode-light .bbtv-body-inner > header .bbtv-nav > li:nth-of-type(2) > span > i,
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner > header .bbtv-nav > li:nth-of-type(2) > span > i,
.bbtv-body.bbtv-ldmode-light .bbtv-body-inner > header .bbtv-nav > li:nth-of-type(3) > span > i,
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner > header .bbtv-nav > li:nth-of-type(3) > span > i,
.bbtv-body.bbtv-ldmode-light .bbtv-body-inner > header .bbtv-nav > li:nth-of-type(4) > span > i,
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner > header .bbtv-nav > li:nth-of-type(4) > span > i,
.bbtv-body.bbtv-ldmode-light .bbtv-body-inner > header .bbtv-nav > li:nth-of-type(6) > span > i,
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner > header .bbtv-nav > li:nth-of-type(6) > span > i,
.bbtv-body.bbtv-ldmode-light .bbtv-body-inner > header .bbtv-nav > li:nth-of-type(7) > span > i,
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner > header .bbtv-nav > li:nth-of-type(7) > span > i {
  width: 20px;
  height: 20px;
  padding: 0;
  font-family: 'Bbtv Icon';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 20px;
  position: absolute;
  right: 8px;
}
.bbtv-body.bbtv-ldmode-light .bbtv-body-inner > header .bbtv-nav > li:nth-of-type(2) > span > i:before,
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner > header .bbtv-nav > li:nth-of-type(2) > span > i:before,
.bbtv-body.bbtv-ldmode-light .bbtv-body-inner > header .bbtv-nav > li:nth-of-type(3) > span > i:before,
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner > header .bbtv-nav > li:nth-of-type(3) > span > i:before,
.bbtv-body.bbtv-ldmode-light .bbtv-body-inner > header .bbtv-nav > li:nth-of-type(4) > span > i:before,
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner > header .bbtv-nav > li:nth-of-type(4) > span > i:before,
.bbtv-body.bbtv-ldmode-light .bbtv-body-inner > header .bbtv-nav > li:nth-of-type(6) > span > i:before,
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner > header .bbtv-nav > li:nth-of-type(6) > span > i:before,
.bbtv-body.bbtv-ldmode-light .bbtv-body-inner > header .bbtv-nav > li:nth-of-type(7) > span > i:before,
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner > header .bbtv-nav > li:nth-of-type(7) > span > i:before {
  content: "\e904";
}
.bbtv-body.bbtv-ldmode-light .bbtv-body-inner > header .bbtv-nav > li > span,
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner > header .bbtv-nav > li > span {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.bbtv-body.bbtv-ldmode-light .bbtv-body-inner > header .bbtv-nav > li > span > a,
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner > header .bbtv-nav > li > span > a {
  height: 62px;
  padding-top: 21px;
  padding-bottom: 18px;
}
.bbtv-body.bbtv-ldmode-light .bbtv-body-inner > header .bbtv-nav > li > span > i,
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner > header .bbtv-nav > li > span > i {
  transition: color 0.2s ease-in-out 0s, background-color 0.2s ease-in-out 0s;
}
.bbtv-body.bbtv-ldmode-light .bbtv-body-inner > header .bbtv-nav > li ol,
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner > header .bbtv-nav > li ol {
  top: 58px;
  border-radius: 12px !important;
}
.bbtv-body.bbtv-ldmode-light .bbtv-body-inner > header .bbtv-nav > li ol li a,
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner > header .bbtv-nav > li ol li a {
  padding-right: 48px;
}
.bbtv-body.bbtv-ldmode-light .bbtv-body-inner > header .bbtv-nav-side,
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner > header .bbtv-nav-side {
  padding-bottom: 14px;
  padding-right: 0;
}
.bbtv-body.bbtv-ldmode-light .bbtv-body-inner > header .bbtv-nav-side .bbtv-nav-ldmode,
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner > header .bbtv-nav-side .bbtv-nav-ldmode {
  display: block;
}
.bbtv-body.bbtv-ldmode-light .bbtv-body-inner .bbtv-main,
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner .bbtv-main {
  margin-top: 88px;
  margin-bottom: var(--grid-space10);
}
.bbtv-body.bbtv-ldmode-light .bbtv-body-inner .bbtv-content-wrap,
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner .bbtv-content-wrap {
  min-height: 1200px;
}
.bbtv-body.bbtv-ldmode-light .bbtv-body-inner .bbtv-main-inner .bbtv-main-left,
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner .bbtv-main-inner .bbtv-main-left {
  width: 336px;
}
.bbtv-body.bbtv-ldmode-light .bbtv-body-inner .bbtv-main-inner .bbtv-main-right,
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner .bbtv-main-inner .bbtv-main-right {
  width: 1040px;
  margin-left: 32px;
}
.bbtv-body.bbtv-ldmode-light .bbtv-body-inner .bbtv-portlet-notice,
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner .bbtv-portlet-notice {
  border-radius: 12px !important;
  height: 48px;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 20px;
}
.bbtv-body.bbtv-ldmode-light .bbtv-body-inner .bbtv-portlet-notice li a,
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner .bbtv-portlet-notice li a {
  line-height: 48px;
}
.bbtv-body.bbtv-ldmode-light .bbtv-body-inner .bbtv-portlet-notice span.label,
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner .bbtv-portlet-notice span.label {
  font-weight: 500;
  top: 8px;
  background-color: transparent;
}
.bbtv-body.bbtv-ldmode-light .bbtv-body-inner .bbtv-portlet-notice .comm001-notice-roll,
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner .bbtv-portlet-notice .comm001-notice-roll,
.bbtv-body.bbtv-ldmode-light .bbtv-body-inner .bbtv-portlet-notice .comm001-notice-roll ul li,
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner .bbtv-portlet-notice .comm001-notice-roll ul li {
  height: 48px;
}
.bbtv-body.bbtv-ldmode-light .bbtv-body-inner .bbtv-portlet-notice .comm001-notice-roll ul li span,
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner .bbtv-portlet-notice .comm001-notice-roll ul li span {
  margin-left: 80px;
}
.bbtv-body.bbtv-ldmode-light .bbtv-body-inner .bbtv-portlet-notice .comm001-notice-roll ul li a,
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner .bbtv-portlet-notice .comm001-notice-roll ul li a {
  margin-left: 0;
}
.bbtv-body.bbtv-ldmode-light .bbtv-body-inner .bbtv-page_titlebar,
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner .bbtv-page_titlebar {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 12px;
}
.bbtv-body.bbtv-ldmode-light .bbtv-body-inner .bbtv-page_title,
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner .bbtv-page_title {
  font-size: 20px;
  line-height: 36px;
  font-weight: 500;
  letter-spacing: 0.018em;
  word-spacing: 0.1em;
  color: var(--color-t0-te1);
  margin: 0;
  padding-right: 0;
  padding-left: 0;
  margin-right: 32px;
}
.bbtv-body.bbtv-ldmode-light .bbtv-body-inner .bbtv-nav-tab,
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner .bbtv-nav-tab {
  margin-bottom: 0;
}
.bbtv-body.bbtv-ldmode-light .bbtv-body-inner .ol-after .profile .photo,
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner .ol-after .profile .photo {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  top: 16px !important;
}
.bbtv-body.bbtv-ldmode-light .bbtv-body-inner > footer,
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner > footer {
  padding-bottom: var(--grid-space20);
}
.bbtv-body.bbtv-ldmode-light .bbtv-body-inner > footer .bbtv-nav a,
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner > footer .bbtv-nav a {
  padding-right: 20px;
  padding-left: 20px;
}
.bbtv-body.bbtv-ldmode-light h1,
.bbtv-body.bbtv-ldmode-dark h1,
.bbtv-body.bbtv-ldmode-light h2,
.bbtv-body.bbtv-ldmode-dark h2,
.bbtv-body.bbtv-ldmode-light h3,
.bbtv-body.bbtv-ldmode-dark h3,
.bbtv-body.bbtv-ldmode-light h4,
.bbtv-body.bbtv-ldmode-dark h4,
.bbtv-body.bbtv-ldmode-light h5,
.bbtv-body.bbtv-ldmode-dark h5,
.bbtv-body.bbtv-ldmode-light h6,
.bbtv-body.bbtv-ldmode-dark h6 {
  font-family: 'Roboto', 'Noto Sans KR', sans-serif;
}
.bbtv-body.bbtv-ldmode-light h5,
.bbtv-body.bbtv-ldmode-dark h5 {
  font-size: 13px;
  line-height: 19px;
  font-weight: 500;
  letter-spacing: 0.018em;
  word-spacing: 0.1em;
}
.bbtv-body.bbtv-ldmode-light .bbtv-body-inner > header {
  border-bottom: 2px solid var(--color-t1-dv1);
}
.bbtv-body.bbtv-ldmode-light .bbtv-body-inner > header .bbtv-nav > li > span > i {
  color: var(--color-t0-te1);
}
.bbtv-body.bbtv-ldmode-light .bbtv-body-inner > header .bbtv-nav > li:hover > span > a {
  background-color: var(--color-t1-bg2);
  color: var(--color-t0-em-b);
}
.bbtv-body.bbtv-ldmode-light .bbtv-body-inner > header .bbtv-nav > li:hover > span > i {
  color: var(--color-t0-em-b);
}
.bbtv-body.bbtv-ldmode-light .bbtv-body-inner > header .bbtv-nav > li.bbtv-active > span > a {
  background-color: var(--color-t0-bg1);
  color: var(--color-t0-em-a);
}
.bbtv-body.bbtv-ldmode-light .bbtv-body-inner > header .bbtv-nav > li ol {
  box-shadow: 0 7px 7px 0 rgba(9, 10, 12, 0.1);
  border: 1px solid var(--color-t0-dv2);
}
.bbtv-body.bbtv-ldmode-light .bbtv-body-inner > header .bbtv-nav > li ol li a {
  color: var(--color-t1-te2);
}
.bbtv-body.bbtv-ldmode-light .bbtv-body-inner > header .bbtv-nav > li ol li a:hover {
  background-color: var(--color-t1-bg2);
}
.bbtv-body.bbtv-ldmode-light .bbtv-body-inner > header .bbtv-nav > li ol li.bbtv-active a {
  background-color: var(--color-t0-bg1);
  color: var(--color-t0-em-a);
}
.bbtv-body.bbtv-ldmode-light .bbtv-body-inner > header .bbtv-nav-side .bbtv-nav-ldmode > ul > li:nth-of-type(2) {
  display: block;
}
.bbtv-body.bbtv-ldmode-light .bbtv-body-inner > header .bbtv-nav-side .bbtv-textbtn {
  color: var(--color-t1-te2);
}
.bbtv-body.bbtv-ldmode-light .bbtv-body-inner > header .bbtv-nav-side .bbtv-textbtn:hover {
  color: var(--color-t0-te1);
}
.bbtv-body.bbtv-ldmode-light .bbtv-body-inner > header .bbtv-nav-side .bbtv-textbtn.bbtv-active {
  color: var(--color-t0-em-a);
}
.bbtv-body.bbtv-ldmode-light .bbtv-body-inner > header .bbtv-nav-side .bbtv-btn {
  background-color: var(--color-t1-bg2);
  color: var(--color-t1-te2);
}
.bbtv-body.bbtv-ldmode-light .bbtv-body-inner > header .bbtv-nav-side .bbtv-btn:hover {
  background-color: var(--color-t1-bg3);
}
.bbtv-body.bbtv-ldmode-light .bbtv-body-inner > header .bbtv-nav-side .bbtv-btn.bbtv-em {
  background-color: var(--color-t0-em-b);
  color: var(--color-t0-bg1);
}
.bbtv-body.bbtv-ldmode-light .bbtv-body-inner > header .bbtv-nav-side .bbtv-btn.bbtv-em:hover {
  background-color: var(--color-t1-em-b2);
}
.bbtv-body.bbtv-ldmode-light .bbtv-body-inner > header .bbtv-iconbtn {
  background-color: var(--color-t0-bg1);
  color: var(--color-t1-te3);
}
.bbtv-body.bbtv-ldmode-light .bbtv-body-inner > header .bbtv-iconbtn:hover {
  background-color: var(--color-t1-bg3);
}
.bbtv-body.bbtv-ldmode-light .bbtv-body-inner .bbtv-content-wrap {
  border: 1px solid var(--color-t0-dv2);
}
.bbtv-body.bbtv-ldmode-light .bbtv-body-inner .bbtv-nav-tab a {
  color: var(--color-t1-te2);
  border-color: var(--color-t1-dv3);
}
.bbtv-body.bbtv-ldmode-light .bbtv-body-inner .bbtv-nav-tab a:hover {
  border-color: var(--color-t1-dv4);
  background-color: var(--color-t1-bg2);
}
.bbtv-body.bbtv-ldmode-light .bbtv-body-inner .bbtv-nav-tab a.bbtv-active {
  border-color: var(--color-t0-em-a);
  color: var(--color-t0-bg1);
  background-color: var(--color-t0-em-a);
}
.bbtv-body.bbtv-ldmode-light .bbtv-body-inner .bbtv-loader {
  background-color: var(--color-t0-bg1) !important;
}
.bbtv-body.bbtv-ldmode-light .bbtv-body-inner .ol-after .profile .cover {
  background-color: var(--color-t0-bg1);
}
.bbtv-body.bbtv-ldmode-light .bbtv-body-inner .ol-after .profile .photo {
  background-color: var(--color-t0-bg3);
}
.bbtv-body.bbtv-ldmode-light .bbtv-body-inner .ol-after .profile .toggle {
  background-color: var(--color-t0-em-b);
}
.bbtv-body.bbtv-ldmode-light .bbtv-body-inner > footer {
  background-color: var(--color-t1-bg2);
  color: var(--color-t1-te2);
}
.bbtv-body.bbtv-ldmode-light .bbtv-body-inner > footer p,
.bbtv-body.bbtv-ldmode-light .bbtv-body-inner > footer li a {
  color: var(--color-t1-te2);
}
.bbtv-body.bbtv-ldmode-light .bbtv-body-inner > footer .bbtv-nav a {
  color: var(--color-t1-te2);
}
.bbtv-body.bbtv-ldmode-light .bbtv-body-inner > footer .bbtv-nav a:hover {
  color: var(--color-t0-te1);
}
.bbtv-body.bbtv-ldmode-dark {
  background-color: var(--color-t2-bg1);
  color: var(--color-t2-te2);
}
.bbtv-body.bbtv-ldmode-dark h1,
.bbtv-body.bbtv-ldmode-dark h2,
.bbtv-body.bbtv-ldmode-dark h3,
.bbtv-body.bbtv-ldmode-dark h4,
.bbtv-body.bbtv-ldmode-dark h5,
.bbtv-body.bbtv-ldmode-dark h6 {
  color: var(--color-t2-te2);
}
.bbtv-body.bbtv-ldmode-dark .eyoom-form a {
  color: var(--color-t2-te2);
}
.bbtv-body.bbtv-ldmode-dark .eyoom-form a:hover {
  color: var(--color-t2-te1);
}
.bbtv-body.bbtv-ldmode-dark .eyoom-form .checkbox {
  color: var(--color-t2-te2);
}
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner {
  background-color: var(--color-t2-bg1);
}
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner > header {
  border-bottom: 2px solid var(--color-t2-dv1);
  background-color: var(--color-t2-bg1);
}
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner > header .bbtv-nav > li > span > i {
  color: var(--color-t2-te1);
}
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner > header .bbtv-nav > li > span > a {
  background-color: var(--color-t2-bg1);
  color: var(--color-t2-te1);
}
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner > header .bbtv-nav > li:hover > span > a {
  background-color: var(--color-t2-bg2);
  color: var(--color-t2-em-b);
}
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner > header .bbtv-nav > li:hover > span > i {
  color: var(--color-t2-em-b);
}
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner > header .bbtv-nav > li:hover ol {
  opacity: 1;
  pointer-events: auto;
}
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner > header .bbtv-nav > li.bbtv-active > span > a {
  background-color: var(--color-t2-bg1);
  color: var(--color-t2-em-a);
}
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner > header .bbtv-nav > li ol {
  background-color: var(--color-t2-bg1);
  box-shadow: 0 7px 7px 0 rgba(204, 204, 204, 0.15);
  border: 1px solid var(--color-t2-dv2);
}
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner > header .bbtv-nav > li ol li a {
  color: var(--color-t2-te2);
  background-color: var(--color-t2-bg1);
}
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner > header .bbtv-nav > li ol li a:hover {
  background-color: var(--color-t2-bg2);
}
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner > header .bbtv-nav > li ol li.bbtv-active a {
  background-color: var(--color-t2-bg1);
  color: var(--color-t2-em-a);
}
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner > header .bbtv-nav-side .bbtv-nav-ldmode > ul > li:nth-of-type(1) {
  display: block;
}
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner > header .bbtv-nav-side .bbtv-textbtn {
  color: var(--color-t2-te2);
}
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner > header .bbtv-nav-side .bbtv-textbtn:hover {
  color: var(--color-t2-te1);
}
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner > header .bbtv-nav-side .bbtv-textbtn.bbtv-active {
  color: var(--color-t2-em-a);
}
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner > header .bbtv-nav-side .bbtv-btn {
  background-color: var(--color-t2-bg2);
  color: var(--color-t2-te2);
}
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner > header .bbtv-nav-side .bbtv-btn:hover {
  background-color: var(--color-t2-bg3);
}
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner > header .bbtv-nav-side .bbtv-btn.bbtv-em {
  background-color: var(--color-t2-em-b);
  color: var(--color-t2-te1);
}
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner > header .bbtv-nav-side .bbtv-btn.bbtv-em:hover {
  background-color: var(--color-t2-em-b2);
}
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner > header .bbtv-iconbtn {
  background-color: var(--color-t2-bg1);
  color: var(--color-t2-te3);
}
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner > header .bbtv-iconbtn:hover {
  background-color: var(--color-t2-bg3);
}
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner .bbtv-main {
  background-color: var(--color-t2-bg1);
}
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner .bbtv-content-wrap {
  border: 1px solid var(--color-t2-dv2);
}
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner .bbtv-portlet-notice {
  background-color: var(--color-t2-em-a);
}
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner .bbtv-page_title {
  color: var(--color-t2-te1);
}
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner .bbtv-nav-tab a {
  color: var(--color-t2-te2);
  border-color: var(--color-t2-dv3);
  background-color: var(--color-t2-bg1);
}
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner .bbtv-nav-tab a:hover {
  background-color: var(--color-t2-dv3);
}
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner .bbtv-nav-tab a.bbtv-active {
  border-color: var(--color-t2-em-a);
  color: var(--color-t2-te1);
  background-color: var(--color-t2-em-a);
}
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner .side-pc-area .ol-before {
  border-color: var(--color-t2-dv2);
  border-top-color: var(--color-t2-em-a);
  background-color: var(--color-t2-bg1);
}
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner .side-pc-area .ol-after {
  border-color: var(--color-t2-dv2);
  border-top-color: var(--color-t2-em-a);
  background-color: var(--color-t2-bg1);
}
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner .ol-after .profile .cover {
  background-color: var(--color-t2-bg1);
  border: 0;
}
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner .ol-after .profile .info .name {
  color: var(--color-t2-te2);
}
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner .ol-after .profile .photo {
  background-color: var(--color-t2-bg3);
}
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner .ol-after .profile .toggle {
  background-color: var(--color-t2-em-b);
}
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner #left_chat {
  border-color: var(--color-t2-dv2);
  border-top-color: var(--color-t2-em-a);
}
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner .ranking-box {
  border-color: var(--color-t2-dv2);
  border-top-color: var(--color-t2-em-a);
}
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner .bbtv-loader {
  background-color: var(--color-t2-bg1) !important;
}
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner .bbtv-loader .spinner6 > div {
  background-color: var(--color-t2-em-a);
}
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner > footer {
  background-color: var(--color-t2-bg2);
  color: var(--color-t2-te2);
}
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner > footer p,
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner > footer li a {
  color: var(--color-t2-te2);
}
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner > footer > div hr {
  background-color: var(--color-t2-dv2);
}
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner > footer .bbtv-nav a {
  color: var(--color-t2-te2);
}
.bbtv-body.bbtv-ldmode-dark .bbtv-body-inner > footer .bbtv-nav a:hover {
  color: var(--color-t2-te1);
}
.bbtv-body.bbtv-ldmode-dark p {
  color: var(--color-t2-te2);
}
.bbtv-body.bbtv-ldmode-dark .board-list .table-list-eb .td-subject a {
  color: var(--color-t2-te1);
}
.bbtv-body.bbtv-ldmode-dark .table-list-eb td a {
  color: var(--color-t2-te2);
}
.bbtv-body.bbtv-ldmode-dark .table-list-eb .table-hover > tbody > tr:hover > td,
.bbtv-body.bbtv-ldmode-dark .table-list-eb .table-hover > tbody > tr:hover > th {
  background-color: var(--color-t2-bg2);
}
.bbtv-body.bbtv-ldmode-dark .member-signature-latest .signature-latest-subj {
  color: var(--color-t2-te2);
}
.bbtv-body.bbtv-ldmode-dark .eyoom-form iframe {
  background-color: var(--color-t0-bg1);
}
.bbtv-body.bbtv-ldmode-dark .eyoom-form .label {
  color: var(--color-t2-te2);
}
.bbtv-body.bbtv-ldmode-dark .board-list .board-notice {
  background-color: var(--color-t2-bg3);
}
.bbtv-body.bbtv-ldmode-dark .board-list .table-list-eb .table tbody > tr > td {
  border-top-color: var(--color-t2-te3);
}
.bbtv-body.bbtv-ldmode-dark .tab-scroll-category #tab-category .category-list span.active a {
  color: var(--color-t2-te3);
  border-bottom-color: var(--color-t2-te1);
}
.bbtv-body.bbtv-ldmode-dark #date_layer .title {
  color: var(--color-t2-te2);
}
.bbtv-body.bbtv-ldmode-dark #date_layer .day1 {
  color: var(--color-t2-te2);
}
.bbtv-body.bbtv-ldmode-dark #date_layer .w {
  color: var(--color-t2-te2);
}