@charset "UTF-8";
/* sns */
/* select */
/* button */
/* categories */
/* calamity */
/* tooltip direction */
/* decoration */
body.hidden {
  overflow-y: hidden;
}

#header {
  min-width: 1280px;
}

#contents {
  min-width: 1280px;
  min-height: calc(100vh - 1001px);
}
#contents .tab-swiper-pagination .custom-tab-menu:hover {
  color: #2282b9;
}
#contents u {
  font-size: 18px;
}
#contents .tab-btns.has-margin,
#contents .sub-tab-btns.has-margin,
#contents .custom-tab-btns.has-margin {
  margin-top: 20px;
}
#contents .tab-btns.type-01,
#contents .sub-tab-btns.type-01,
#contents .custom-tab-btns.type-01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#contents .tab-btns.type-01 .tab-btns-list,
#contents .sub-tab-btns.type-01 .tab-btns-list,
#contents .custom-tab-btns.type-01 .tab-btns-list {
  margin-right: 8px;
}
#contents .tab-btns.type-01 .tab-btns-list:hover .tab-btn,
#contents .sub-tab-btns.type-01 .tab-btns-list:hover .tab-btn,
#contents .custom-tab-btns.type-01 .tab-btns-list:hover .tab-btn {
  text-decoration: underline;
}
#contents .tab-btns.type-01 .tab-btns-list:hover.on .tab-btn,
#contents .sub-tab-btns.type-01 .tab-btns-list:hover.on .tab-btn,
#contents .custom-tab-btns.type-01 .tab-btns-list:hover.on .tab-btn {
  text-decoration: none;
}
#contents .tab-btns.type-01 .tab-btns-list:last-child,
#contents .sub-tab-btns.type-01 .tab-btns-list:last-child,
#contents .custom-tab-btns.type-01 .tab-btns-list:last-child {
  margin-right: 0;
}
#contents .tab-btns.type-01 .tab-btns-list.on .tab-btn,
#contents .sub-tab-btns.type-01 .tab-btns-list.on .tab-btn,
#contents .custom-tab-btns.type-01 .tab-btns-list.on .tab-btn {
  background-color: #2282b9;
  border: 1px solid #2282b9;
  color: #fff;
}
#contents .tab-btns.type-01 .tab-btns-list .tab-btn,
#contents .sub-tab-btns.type-01 .tab-btns-list .tab-btn,
#contents .custom-tab-btns.type-01 .tab-btns-list .tab-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 30px;
  padding: 0 16px;
  border: 1px solid #ebebeb;
  border-radius: 15px;
  font-size: 14px;
  font-weight: 500;
  color: #2282b9;
}
#contents .tab-btns.type-02,
#contents .sub-tab-btns.type-02,
#contents .custom-tab-btns.type-02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#contents .tab-btns.type-02 .tab-btns-list,
#contents .sub-tab-btns.type-02 .tab-btns-list,
#contents .custom-tab-btns.type-02 .tab-btns-list {
  margin-right: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#contents .tab-btns.type-02 .tab-btns-list:hover .tab-btn,
#contents .sub-tab-btns.type-02 .tab-btns-list:hover .tab-btn,
#contents .custom-tab-btns.type-02 .tab-btns-list:hover .tab-btn {
  text-decoration: underline;
}
#contents .tab-btns.type-02 .tab-btns-list:hover.on .tab-btn,
#contents .sub-tab-btns.type-02 .tab-btns-list:hover.on .tab-btn,
#contents .custom-tab-btns.type-02 .tab-btns-list:hover.on .tab-btn {
  text-decoration: none;
}
#contents .tab-btns.type-02 .tab-btns-list::after,
#contents .sub-tab-btns.type-02 .tab-btns-list::after,
#contents .custom-tab-btns.type-02 .tab-btns-list::after {
  content: "";
  display: block;
  width: 1px;
  height: 12px;
  background-color: #bbb;
  margin-left: 12px;
}
#contents .tab-btns.type-02 .tab-btns-list:last-child,
#contents .sub-tab-btns.type-02 .tab-btns-list:last-child,
#contents .custom-tab-btns.type-02 .tab-btns-list:last-child {
  padding-right: 0;
  margin-right: 0;
}
#contents .tab-btns.type-02 .tab-btns-list:last-child::after,
#contents .sub-tab-btns.type-02 .tab-btns-list:last-child::after,
#contents .custom-tab-btns.type-02 .tab-btns-list:last-child::after {
  display: none;
}
#contents .tab-btns.type-02 .tab-btns-list.on .tab-btn,
#contents .sub-tab-btns.type-02 .tab-btns-list.on .tab-btn,
#contents .custom-tab-btns.type-02 .tab-btns-list.on .tab-btn {
  color: #126eba;
  font-weight: 700;
}
#contents .tab-btns.type-02 .tab-btns-list .tab-btn,
#contents .sub-tab-btns.type-02 .tab-btns-list .tab-btn,
#contents .custom-tab-btns.type-02 .tab-btns-list .tab-btn {
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #7c7c7c;
}
#contents .tab-btns.type-02.type-02-02,
#contents .sub-tab-btns.type-02.type-02-02,
#contents .custom-tab-btns.type-02.type-02-02 {
  padding-bottom: 20px;
  border-bottom: 1px solid #d9d9d9;
}
#contents .tab-btns.type-02.type-02-02 .tab-btns-list.on .tab-btn,
#contents .sub-tab-btns.type-02.type-02-02 .tab-btns-list.on .tab-btn,
#contents .custom-tab-btns.type-02.type-02-02 .tab-btns-list.on .tab-btn {
  color: #2282b9;
  position: relative;
}
#contents .tab-btns.type-02.type-02-02 .tab-btns-list.on .tab-btn::after,
#contents .sub-tab-btns.type-02.type-02-02 .tab-btns-list.on .tab-btn::after,
#contents .custom-tab-btns.type-02.type-02-02 .tab-btns-list.on .tab-btn::after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background-color: #2282b9;
  position: absolute;
  bottom: -21px;
  left: 0;
}
#contents .tab-btns.type-03,
#contents .sub-tab-btns.type-03,
#contents .custom-tab-btns.type-03 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #f2f2f2;
  border-radius: 100px;
}
#contents .tab-btns.type-03 .tab-btns-list,
#contents .sub-tab-btns.type-03 .tab-btns-list,
#contents .custom-tab-btns.type-03 .tab-btns-list {
  border-radius: 100px;
}
#contents .tab-btns.type-03 .tab-btns-list:hover .tab-btn,
#contents .sub-tab-btns.type-03 .tab-btns-list:hover .tab-btn,
#contents .custom-tab-btns.type-03 .tab-btns-list:hover .tab-btn {
  text-decoration: underline;
}
#contents .tab-btns.type-03 .tab-btns-list:hover.on .tab-btn,
#contents .sub-tab-btns.type-03 .tab-btns-list:hover.on .tab-btn,
#contents .custom-tab-btns.type-03 .tab-btns-list:hover.on .tab-btn {
  text-decoration: none;
}
#contents .tab-btns.type-03 .tab-btns-list.on,
#contents .sub-tab-btns.type-03 .tab-btns-list.on,
#contents .custom-tab-btns.type-03 .tab-btns-list.on {
  background-color: #126eba;
  color: #fff;
  font-weight: 700;
}
#contents .tab-btns.type-03 .tab-btns-list.on .tab-btn,
#contents .sub-tab-btns.type-03 .tab-btns-list.on .tab-btn,
#contents .custom-tab-btns.type-03 .tab-btns-list.on .tab-btn {
  background-color: #126eba;
  color: #fff;
  font-weight: 700;
}
#contents .tab-btns.type-03 .tab-btns-list .tab-btn,
#contents .sub-tab-btns.type-03 .tab-btns-list .tab-btn,
#contents .custom-tab-btns.type-03 .tab-btns-list .tab-btn {
  width: 100%;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 100px;
  color: #666;
  font-weight: 500;
}
#contents .tab-btns.type-04,
#contents .sub-tab-btns.type-04,
#contents .custom-tab-btns.type-04 {
  width: 293px;
}
#contents .tab-btns.type-04 .tab-btns-list,
#contents .sub-tab-btns.type-04 .tab-btns-list,
#contents .custom-tab-btns.type-04 .tab-btns-list {
  padding: 14px 0;
  border-bottom: 1px solid #ebeef0;
}
#contents .tab-btns.type-04 .tab-btns-list:first-child,
#contents .sub-tab-btns.type-04 .tab-btns-list:first-child,
#contents .custom-tab-btns.type-04 .tab-btns-list:first-child {
  padding-top: 0;
}
#contents .tab-btns.type-04 .tab-btns-list .tab-btn,
#contents .sub-tab-btns.type-04 .tab-btns-list .tab-btn,
#contents .custom-tab-btns.type-04 .tab-btns-list .tab-btn {
  font-size: 18px;
}
#contents .tab-btns.type-04 .tab-btns-list.on .tab-btn,
#contents .sub-tab-btns.type-04 .tab-btns-list.on .tab-btn,
#contents .custom-tab-btns.type-04 .tab-btns-list.on .tab-btn {
  font-weight: 500;
  color: #2282b9;
}
#contents .tab-btns.type-04 .tab-btns-list:nth-child(n+5),
#contents .sub-tab-btns.type-04 .tab-btns-list:nth-child(n+5),
#contents .custom-tab-btns.type-04 .tab-btns-list:nth-child(n+5) {
  float: left;
}
#contents .tab-btns.type-05,
#contents .sub-tab-btns.type-05,
#contents .custom-tab-btns.type-05 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#contents .tab-btns.type-05 .tab-btns-list,
#contents .sub-tab-btns.type-05 .tab-btns-list,
#contents .custom-tab-btns.type-05 .tab-btns-list {
  width: 240px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 0;
  border-radius: 10px 10px 0 0;
  background-color: #222;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#contents .tab-btns.type-05 .tab-btns-list.on,
#contents .sub-tab-btns.type-05 .tab-btns-list.on,
#contents .custom-tab-btns.type-05 .tab-btns-list.on {
  background-color: #fff;
}
#contents .tab-btns.type-05 .tab-btns-list.on .tab-btn,
#contents .sub-tab-btns.type-05 .tab-btns-list.on .tab-btn,
#contents .custom-tab-btns.type-05 .tab-btns-list.on .tab-btn {
  color: #222;
}
#contents .tab-btns.type-05 .tab-btns-list.on .tab-btn .tab-kbs-logo,
#contents .sub-tab-btns.type-05 .tab-btns-list.on .tab-btn .tab-kbs-logo,
#contents .custom-tab-btns.type-05 .tab-btns-list.on .tab-btn .tab-kbs-logo {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='142' height='20' viewBox='0 0 142 20' fill='none'%3E%3Cpath d='M125.544 16.6646H134.868C136.651 16.6646 137.879 15.3785 137.879 13.7415C137.85 12.1338 136.651 11.0523 134.839 11.0523H130.747C127.678 11.0523 124.784 9.35692 124.784 5.64462C124.784 1.93231 127.678 0.5 130.776 0.5H140.744V3.30615H131.448C129.87 3.30615 128.788 4.06615 128.788 5.64462C128.788 7.10615 129.87 8.01231 131.448 8.01231H135.804C138.347 8.01231 141.884 9.29846 141.884 13.7415C141.884 18.3308 138.347 19.5 135.833 19.5H125.544V16.6646Z' fill='%23222222'/%3E%3Cpath d='M123.814 0.5L119.721 19.5H113.32L110.134 4.53385L106.918 19.5H100.517L96.4829 0.5H100.838L103.82 16.2846L107.181 0.5H113.115L116.448 16.3138L119.458 0.5H123.814Z' fill='%23222222'/%3E%3Cpath d='M85.0513 16.6646H95.1944V19.5H80.842V0.5H95.1944V3.33538H85.0513V8.39231H94.6097V11.1985H85.0513V16.6646Z' fill='%23222222'/%3E%3Cpath d='M77.8267 0.5V19.5H71.659L65.6082 3.83231V19.5H61.5452V0.5H68.0636L73.7636 15.7585V0.5H77.8267Z' fill='%23222222'/%3E%3Cpath d='M34.6829 16.6646H44.0075C45.7905 16.6646 47.0182 15.3785 47.0182 13.7415C46.989 12.1338 45.7905 11.0523 43.9782 11.0523H39.8859C36.8167 11.0523 33.9229 9.35692 33.9229 5.64462C33.9229 1.93231 36.8167 0.5 39.9152 0.5H49.8829V3.30615H40.5875C39.009 3.30615 37.9275 4.06615 37.9275 5.64462C37.9275 7.10615 39.009 8.01231 40.5875 8.01231H44.9429C47.4859 8.01231 51.0229 9.29846 51.0229 13.7415C51.0229 18.3308 47.4859 19.5 44.9721 19.5H34.6829V16.6646Z' fill='%23222222'/%3E%3Cpath d='M28.2711 19.5H16.8711V0.5H26.6926C29.7619 0.558463 32.8311 1.99077 32.8311 5.38154C32.8311 7.01846 32.188 8.65538 30.8434 9.62C30.8434 9.62 33.5911 10.76 33.5911 14.18C33.5911 17.22 30.9311 19.5 28.2711 19.5ZM25.5234 16.6646C27.5988 16.6646 29.7034 16.0215 29.7034 13.7415C29.7034 12.0169 28.2419 10.9062 26.4296 10.9062H21.0803V16.6646H25.5234ZM26.2834 3.33538H21.0803V8.1H26.6634C27.7742 8.1 28.9434 7.28154 28.9434 5.73231C28.9434 4.32923 27.9788 3.33538 26.2834 3.33538Z' fill='%23222222'/%3E%3Cpath d='M16.2808 19.5H11.2824L4.32544 9.82462V19.5H0.116211V0.5H4.32544V9.44462L11.2824 0.5H16.3101L9.06083 9.67846L16.2808 19.5Z' fill='%23222222'/%3E%3C/svg%3E") center center no-repeat;
}
#contents .tab-btns.type-05 .tab-btns-list .tab-btn,
#contents .sub-tab-btns.type-05 .tab-btns-list .tab-btn,
#contents .custom-tab-btns.type-05 .tab-btns-list .tab-btn {
  padding: 12px 16px;
  width: 100%;
  height: 100%;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 24px;
  line-height: 24px;
  font-weight: 500;
  color: #fff;
}
#contents .tab-btns.type-05 .tab-btns-list .tab-btn .tab-kbs-logo,
#contents .sub-tab-btns.type-05 .tab-btns-list .tab-btn .tab-kbs-logo,
#contents .custom-tab-btns.type-05 .tab-btns-list .tab-btn .tab-kbs-logo {
  display: block;
  width: 142px;
  height: 20px;
  background: url("data:image/svg+xml,%3Csvg width='142' height='20' viewBox='0 0 142 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M125.544 16.6646H134.868C136.651 16.6646 137.879 15.3785 137.879 13.7415C137.85 12.1338 136.651 11.0523 134.839 11.0523H130.747C127.678 11.0523 124.784 9.35692 124.784 5.64462C124.784 1.93231 127.678 0.5 130.776 0.5H140.744V3.30615H131.448C129.87 3.30615 128.788 4.06615 128.788 5.64462C128.788 7.10615 129.87 8.01231 131.448 8.01231H135.804C138.347 8.01231 141.884 9.29846 141.884 13.7415C141.884 18.3308 138.347 19.5 135.833 19.5H125.544V16.6646Z' fill='white'/%3E%3Cpath d='M123.814 0.5L119.721 19.5H113.32L110.134 4.53385L106.918 19.5H100.517L96.4829 0.5H100.838L103.82 16.2846L107.181 0.5H113.115L116.448 16.3138L119.458 0.5H123.814Z' fill='white'/%3E%3Cpath d='M85.051 16.6646H95.1941V19.5H80.8418V0.5H95.1941V3.33538H85.051V8.39231H94.6095V11.1985H85.051V16.6646Z' fill='white'/%3E%3Cpath d='M77.8265 0.5V19.5H71.6588L65.608 3.83231V19.5H61.5449V0.5H68.0634L73.7634 15.7585V0.5H77.8265Z' fill='white'/%3E%3Cpath d='M34.6829 16.6646H44.0075C45.7905 16.6646 47.0182 15.3785 47.0182 13.7415C46.989 12.1338 45.7905 11.0523 43.9782 11.0523H39.8859C36.8167 11.0523 33.9229 9.35692 33.9229 5.64462C33.9229 1.93231 36.8167 0.5 39.9152 0.5H49.8829V3.30615H40.5875C39.009 3.30615 37.9275 4.06615 37.9275 5.64462C37.9275 7.10615 39.009 8.01231 40.5875 8.01231H44.9429C47.4859 8.01231 51.0229 9.29846 51.0229 13.7415C51.0229 18.3308 47.4859 19.5 44.9721 19.5H34.6829V16.6646Z' fill='white'/%3E%3Cpath d='M28.2711 19.5H16.8711V0.5H26.6926C29.7619 0.558463 32.8311 1.99077 32.8311 5.38154C32.8311 7.01846 32.188 8.65538 30.8434 9.62C30.8434 9.62 33.5911 10.76 33.5911 14.18C33.5911 17.22 30.9311 19.5 28.2711 19.5ZM25.5234 16.6646C27.5988 16.6646 29.7034 16.0215 29.7034 13.7415C29.7034 12.0169 28.2419 10.9062 26.4296 10.9062H21.0803V16.6646H25.5234ZM26.2834 3.33538H21.0803V8.1H26.6634C27.7742 8.1 28.9434 7.28154 28.9434 5.73231C28.9434 4.32923 27.9788 3.33538 26.2834 3.33538Z' fill='white'/%3E%3Cpath d='M16.2808 19.5H11.2824L4.32544 9.82462V19.5H0.116211V0.5H4.32544V9.44462L11.2824 0.5H16.3101L9.06083 9.67846L16.2808 19.5Z' fill='white'/%3E%3C/svg%3E%0A") center center no-repeat;
}
#contents .tab-btns.type-05 .tab-btns-list .tab-btn .tab-kbs-icon,
#contents .sub-tab-btns.type-05 .tab-btns-list .tab-btn .tab-kbs-icon,
#contents .custom-tab-btns.type-05 .tab-btns-list .tab-btn .tab-kbs-icon {
  display: block;
  width: 40px;
  height: 38px;
  margin-left: 10px;
  background: url("data:image/svg+xml,%3Csvg width='41' height='38' viewBox='0 0 41 38' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect x='0.883789' width='40' height='38' fill='url(%23pattern0)'/%3E%3Cdefs%3E%3Cpattern id='pattern0' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0_144_2673' transform='scale(0.025 0.0263158)'/%3E%3C/pattern%3E%3Cimage id='image0_144_2673' width='40' height='38' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAmCAYAAAC29NkdAAAKQ2lDQ1BJQ0MgcHJvZmlsZQAAeNqdU3dYk/cWPt/3ZQ9WQtjwsZdsgQAiI6wIyBBZohCSAGGEEBJAxYWIClYUFRGcSFXEgtUKSJ2I4qAouGdBiohai1VcOO4f3Ke1fXrv7e371/u855zn/M55zw+AERImkeaiagA5UoU8Otgfj09IxMm9gAIVSOAEIBDmy8JnBcUAAPADeXh+dLA//AGvbwACAHDVLiQSx+H/g7pQJlcAIJEA4CIS5wsBkFIAyC5UyBQAyBgAsFOzZAoAlAAAbHl8QiIAqg0A7PRJPgUA2KmT3BcA2KIcqQgAjQEAmShHJAJAuwBgVYFSLALAwgCgrEAiLgTArgGAWbYyRwKAvQUAdo5YkA9AYACAmUIszAAgOAIAQx4TzQMgTAOgMNK/4KlfcIW4SAEAwMuVzZdL0jMUuJXQGnfy8ODiIeLCbLFCYRcpEGYJ5CKcl5sjE0jnA0zODAAAGvnRwf44P5Dn5uTh5mbnbO/0xaL+a/BvIj4h8d/+vIwCBAAQTs/v2l/l5dYDcMcBsHW/a6lbANpWAGjf+V0z2wmgWgrQevmLeTj8QB6eoVDIPB0cCgsL7SViob0w44s+/zPhb+CLfvb8QB7+23rwAHGaQJmtwKOD/XFhbnauUo7nywRCMW735yP+x4V//Y4p0eI0sVwsFYrxWIm4UCJNx3m5UpFEIcmV4hLpfzLxH5b9CZN3DQCshk/ATrYHtctswH7uAQKLDljSdgBAfvMtjBoLkQAQZzQyefcAAJO/+Y9AKwEAzZek4wAAvOgYXKiUF0zGCAAARKCBKrBBBwzBFKzADpzBHbzAFwJhBkRADCTAPBBCBuSAHAqhGJZBGVTAOtgEtbADGqARmuEQtMExOA3n4BJcgetwFwZgGJ7CGLyGCQRByAgTYSE6iBFijtgizggXmY4EImFINJKApCDpiBRRIsXIcqQCqUJqkV1II/ItchQ5jVxA+pDbyCAyivyKvEcxlIGyUQPUAnVAuagfGorGoHPRdDQPXYCWomvRGrQePYC2oqfRS+h1dAB9io5jgNExDmaM2WFcjIdFYIlYGibHFmPlWDVWjzVjHVg3dhUbwJ5h7wgkAouAE+wIXoQQwmyCkJBHWExYQ6gl7CO0EroIVwmDhDHCJyKTqE+0JXoS+cR4YjqxkFhGrCbuIR4hniVeJw4TX5NIJA7JkuROCiElkDJJC0lrSNtILaRTpD7SEGmcTCbrkG3J3uQIsoCsIJeRt5APkE+S+8nD5LcUOsWI4kwJoiRSpJQSSjVlP+UEpZ8yQpmgqlHNqZ7UCKqIOp9aSW2gdlAvU4epEzR1miXNmxZDy6Qto9XQmmlnafdoL+l0ugndgx5Fl9CX0mvoB+nn6YP0dwwNhg2Dx0hiKBlrGXsZpxi3GS+ZTKYF05eZyFQw1zIbmWeYD5hvVVgq9ip8FZHKEpU6lVaVfpXnqlRVc1U/1XmqC1SrVQ+rXlZ9pkZVs1DjqQnUFqvVqR1Vu6k2rs5Sd1KPUM9RX6O+X/2C+mMNsoaFRqCGSKNUY7fGGY0hFsYyZfFYQtZyVgPrLGuYTWJbsvnsTHYF+xt2L3tMU0NzqmasZpFmneZxzQEOxrHg8DnZnErOIc4NznstAy0/LbHWaq1mrX6tN9p62r7aYu1y7Rbt69rvdXCdQJ0snfU6bTr3dQm6NrpRuoW623XP6j7TY+t56Qn1yvUO6d3RR/Vt9KP1F+rv1u/RHzcwNAg2kBlsMThj8MyQY+hrmGm40fCE4agRy2i6kcRoo9FJoye4Ju6HZ+M1eBc+ZqxvHGKsNN5l3Gs8YWJpMtukxKTF5L4pzZRrmma60bTTdMzMyCzcrNisyeyOOdWca55hvtm82/yNhaVFnMVKizaLx5balnzLBZZNlvesmFY+VnlW9VbXrEnWXOss623WV2xQG1ebDJs6m8u2qK2brcR2m23fFOIUjynSKfVTbtox7PzsCuya7AbtOfZh9iX2bfbPHcwcEh3WO3Q7fHJ0dcx2bHC866ThNMOpxKnD6VdnG2ehc53zNRemS5DLEpd2lxdTbaeKp26fesuV5RruutK10/Wjm7ub3K3ZbdTdzD3Ffav7TS6bG8ldwz3vQfTw91jicczjnaebp8LzkOcvXnZeWV77vR5Ps5wmntYwbcjbxFvgvct7YDo+PWX6zukDPsY+Ap96n4e+pr4i3z2+I37Wfpl+B/ye+zv6y/2P+L/hefIW8U4FYAHBAeUBvYEagbMDawMfBJkEpQc1BY0FuwYvDD4VQgwJDVkfcpNvwBfyG/ljM9xnLJrRFcoInRVaG/owzCZMHtYRjobPCN8Qfm+m+UzpzLYIiOBHbIi4H2kZmRf5fRQpKjKqLupRtFN0cXT3LNas5Fn7Z72O8Y+pjLk722q2cnZnrGpsUmxj7Ju4gLiquIF4h/hF8ZcSdBMkCe2J5MTYxD2J43MC52yaM5zkmlSWdGOu5dyiuRfm6c7Lnnc8WTVZkHw4hZgSl7I/5YMgQlAvGE/lp25NHRPyhJuFT0W+oo2iUbG3uEo8kuadVpX2ON07fUP6aIZPRnXGMwlPUit5kRmSuSPzTVZE1t6sz9lx2S05lJyUnKNSDWmWtCvXMLcot09mKyuTDeR55m3KG5OHyvfkI/lz89sVbIVM0aO0Uq5QDhZML6greFsYW3i4SL1IWtQz32b+6vkjC4IWfL2QsFC4sLPYuHhZ8eAiv0W7FiOLUxd3LjFdUrpkeGnw0n3LaMuylv1Q4lhSVfJqedzyjlKD0qWlQyuCVzSVqZTJy26u9Fq5YxVhlWRV72qX1VtWfyoXlV+scKyorviwRrjm4ldOX9V89Xlt2treSrfK7etI66Trbqz3Wb+vSr1qQdXQhvANrRvxjeUbX21K3nShemr1js20zcrNAzVhNe1bzLas2/KhNqP2ep1/XctW/a2rt77ZJtrWv913e/MOgx0VO97vlOy8tSt4V2u9RX31btLugt2PGmIbur/mft24R3dPxZ6Pe6V7B/ZF7+tqdG9s3K+/v7IJbVI2jR5IOnDlm4Bv2pvtmne1cFoqDsJB5cEn36Z8e+NQ6KHOw9zDzd+Zf7f1COtIeSvSOr91rC2jbaA9ob3v6IyjnR1eHUe+t/9+7zHjY3XHNY9XnqCdKD3x+eSCk+OnZKeenU4/PdSZ3Hn3TPyZa11RXb1nQ8+ePxd07ky3X/fJ897nj13wvHD0Ivdi2yW3S609rj1HfnD94UivW2/rZffL7Vc8rnT0Tes70e/Tf/pqwNVz1/jXLl2feb3vxuwbt24m3Ry4Jbr1+Hb27Rd3Cu5M3F16j3iv/L7a/eoH+g/qf7T+sWXAbeD4YMBgz8NZD+8OCYee/pT/04fh0kfMR9UjRiONj50fHxsNGr3yZM6T4aeypxPPyn5W/3nrc6vn3/3i+0vPWPzY8Av5i8+/rnmp83Lvq6mvOscjxx+8znk98ab8rc7bfe+477rfx70fmSj8QP5Q89H6Y8en0E/3Pud8/vwv94Tz+4A5JREAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAADI2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDMgNzkuMTY0NTI3LCAyMDIwLzEwLzE1LTE3OjQ4OjMyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjIuMSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkM0MUU5Nzc3MjA1MTFFRUJBODQ5MTg4NTU2OEY1OEMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkM0MUU5Nzg3MjA1MTFFRUJBODQ5MTg4NTU2OEY1OEMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCQzQxRTk3NTcyMDUxMUVFQkE4NDkxODg1NTY4RjU4QyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCQzQxRTk3NjcyMDUxMUVFQkE4NDkxODg1NTY4RjU4QyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvUbk+gAAAJISURBVHja7JjNSsNAEMfXUCmt+EETsVIvHgRPgugLeOtTqA+iHtQHUZ9CfAZB8KLioZeWRkhCP2hqEawzYRdL3J1N02z04NChpf/W/pj/7CTO3JgxeCSKEX/uQ3YhXyG92GdCyCGkD9njrzEG/LkD6UK2me+79YujT92Pzk0BGAfFaCpABWzAgYYT7wvY5ySgaQBlwDpQ1N8k2iAC9bzH+uXxh+yPW2z2KEJuQO5DOhK9zPVNyFJMW4DcY46zc3t2UzYFKCAXE0BWJZAsgqxUDmSQWQEKSIeAZBOQsqhFkCdX86YARSDcFgFZgVxTaCuR3afXlklAUSlboQm7ZVZjT24z266aBizyQ+EQkFUCcldYbQpQWG0TeoXQamD1alZzkAqci/eK+SgGfUOhtWA+3pmsIOOjR1fFEnFgVk0DFjVWYiwp3sdeXDcNiJfBZc1hKSs0vAxW86jgouYzJaKCzDSgCFsDqOzDvABTRx6AxRm+u/BfwX/AjGZh2hjkVUGf0Ia/XcG+Rh8SkJ08ALsaPSQ0Nw/AgLjdCvk/+Kpo53GzkLb/WiwIjFvcTHB4VJAuG4/fLcPVS2sv3mq1cSViGa6er9FV1XvGnY3JMTMidjXC2h7Re09ioWQZgnvUWNtQVA+tfcDeMzmoKWvDJNZOruMKGVdu9jVcbFdo/Sk4yY4wiwp6vKdeiAOh6rlW1HPElrUwI1iXqJrPfu6qJ8FcPK14IKgVcGFKG8UCPeA/7sVsFHcmIfu5RP9eoMMlLAI7P9Qu0b8EGACyDerv2RA+8gAAAABJRU5ErkJggg=='/%3E%3C/defs%3E%3C/svg%3E%0A") center center no-repeat;
}
#contents .tooltip-wrapper {
  position: relative;
}
#contents .tooltip-wrapper .tooltip-btn {
  position: relative;
  top: 2px;
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='11.5' stroke='%23BBBBBB'/%3E%3Cpath d='M10.8326 18V10.016H13.1846V18H10.8326ZM12.0166 8.576C11.2006 8.576 10.6406 8.064 10.6406 7.28C10.6406 6.512 11.2006 6 12.0166 6C12.8166 6 13.3766 6.512 13.3766 7.28C13.3766 8.064 12.8166 8.576 12.0166 8.576Z' fill='%23BBBBBB'/%3E%3C/svg%3E") center center no-repeat;
}
#contents .tooltip {
  background-color: #fff;
  padding: 20px 30px 20px 16px;
  border: 1px solid #bbb;
  border-radius: 5px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 220px;
  right: -235px;
  display: none;
  z-index: 50;
}
#contents .tooltip.on {
  display: block;
}
#contents .tooltip .triangle {
  width: 12px;
  height: 21px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='21' viewBox='0 0 12 21' fill='none'%3E%3Cpath d='M10 18.5659L10 2.43408L2 10.5L10 18.5659Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.0002 0L11.0001 21L0.585938 10.5L11.0002 0ZM10.0002 2.4341L2.00015 10.5L10.0002 18.5659L10.0002 2.4341Z' fill='%23BBBBBB'/%3E%3Cpath d='M10 18.5659L10 2.43408L2 10.5L10 18.5659Z' fill='white'/%3E%3Crect x='10' width='2' height='21' fill='white'/%3E%3C/svg%3E") center center no-repeat;
  position: absolute;
  left: -10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
#contents .tooltip .tooltip-txt {
  font-size: 13px;
  line-height: 20px;
  color: #484848;
}
#contents .tooltip .close-btn {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 8px;
  right: 8px;
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 3L2.99893 13.0011' stroke='%23484848' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3 3L13.0011 13.0011' stroke='%23484848' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") center center no-repeat;
}
#contents .common-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 40px 0 0 0;
}
#contents .common-pagination > button {
  width: 30px;
  height: 30px;
}
#contents .common-pagination > button.double-prev-button {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Crect x='0.5' y='0.5' width='29' height='29' stroke='%23E0E0E0'/%3E%3Cpath d='M14 15L21.5 10.6699L21.5 19.3301L14 15Z' fill='%23484848'/%3E%3Cpath d='M7 15L14.5 10.6699L14.5 19.3301L7 15Z' fill='%23484848'/%3E%3C/svg%3E");
}
#contents .common-pagination > button.double-prev-button:disabled {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Crect x='0.5' y='0.5' width='29' height='29' stroke='%23E0E0E0'/%3E%3Cpath d='M14 15L21.5 10.6699L21.5 19.3301L14 15Z' fill='%23BBBBBB'/%3E%3Cpath d='M7 15L14.5 10.6699L14.5 19.3301L7 15Z' fill='%23BBBBBB'/%3E%3C/svg%3E");
}
#contents .common-pagination > button.prev-button {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Crect x='0.5' y='0.5' width='29' height='29' stroke='%23E0E0E0'/%3E%3Cpath d='M10 15L17.5 10.6699L17.5 19.3301L10 15Z' fill='%23484848'/%3E%3C/svg%3E");
  margin: 0 8px;
}
#contents .common-pagination > button.prev-button:disabled {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Crect x='0.5' y='0.5' width='29' height='29' stroke='%23E0E0E0'/%3E%3Cpath d='M10 15L17.5 10.6699L17.5 19.3301L10 15Z' fill='%23BBBBBB'/%3E%3C/svg%3E");
}
#contents .common-pagination > button.next-button {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Crect x='0.5' y='0.5' width='29' height='29' stroke='%23E0E0E0'/%3E%3Cpath d='M20 15L12.5 19.3301L12.5 10.6699L20 15Z' fill='%23484848'/%3E%3C/svg%3E");
  margin: 0 8px;
}
#contents .common-pagination > button.next-button:disabled {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Crect x='0.5' y='0.5' width='29' height='29' stroke='%23E0E0E0'/%3E%3Cpath d='M20 15L12.5 19.3301L12.5 10.6699L20 15Z' fill='%23BBBBBB'/%3E%3C/svg%3E");
}
#contents .common-pagination > button.double-next-button {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Crect x='0.5' y='0.5' width='29' height='29' stroke='%23E0E0E0'/%3E%3Cpath d='M16 15L8.5 19.3301L8.5 10.6699L16 15Z' fill='%23484848'/%3E%3Cpath d='M23 15L15.5 19.3301L15.5 10.6699L23 15Z' fill='%23484848'/%3E%3C/svg%3E");
}
#contents .common-pagination > button.double-next-button:disabled {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Crect x='0.5' y='0.5' width='29' height='29' stroke='%23E0E0E0'/%3E%3Cpath d='M16 15L8.5 19.3301L8.5 10.6699L16 15Z' fill='%23BBBBBB'/%3E%3Cpath d='M23 15L15.5 19.3301L15.5 10.6699L23 15Z' fill='%23BBBBBB'/%3E%3C/svg%3E");
}
#contents .common-pagination .number-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#contents .common-pagination .number-buttons .number-buttons-list .number-button {
  min-width: 40px;
  height: 40px;
  border-radius: 50%;
  font-weight: 500;
  line-height: 23px;
  margin: 0 5px;
}
#contents .common-pagination .number-buttons .number-buttons-list .number-button.on {
  background-color: #2282b9;
  color: #fff;
}
#contents .datepicker-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 30px;
}
#contents .datepicker-wrapper.has-margin-bottom {
  margin-top: 0;
  margin-bottom: 30px;
}
#contents .datepicker-wrapper > button {
  width: 30px;
  height: 30px;
}
#contents .datepicker-wrapper #datepicker {
  margin: 0 40px;
  border: none;
  width: 220px;
  height: 34px;
  font-weight: 500;
  font-size: 34px;
  background: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_6_1313' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='32' height='32'%3E%3Crect width='32' height='32' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_6_1313)'%3E%3Cpath d='M6.66667 29.3334C5.93333 29.3334 5.30556 29.0722 4.78333 28.55C4.26111 28.0278 4 27.4 4 26.6667V8.00002C4 7.26669 4.26111 6.63891 4.78333 6.11669C5.30556 5.59447 5.93333 5.33335 6.66667 5.33335H8V2.66669H10.6667V5.33335H21.3333V2.66669H24V5.33335H25.3333C26.0667 5.33335 26.6944 5.59447 27.2167 6.11669C27.7389 6.63891 28 7.26669 28 8.00002V26.6667C28 27.4 27.7389 28.0278 27.2167 28.55C26.6944 29.0722 26.0667 29.3334 25.3333 29.3334H6.66667ZM6.66667 26.6667H25.3333V13.3334H6.66667V26.6667ZM6.66667 10.6667H25.3333V8.00002H6.66667V10.6667Z' fill='%23ACACAC'/%3E%3C/g%3E%3C/svg%3E") top 2px right no-repeat;
  position: relative;
  top: -2px;
  cursor: pointer;
}
#contents .datepicker-wrapper #datepicker[val-type=month] {
  background: none !important;
  width: 135px;
  text-align: center;
}
#contents .datepicker-wrapper #datepicker.datepicker-month {
  background: none;
  width: 135px;
  text-align: center;
}
#contents .datepicker-wrapper #start-date,
#contents .datepicker-wrapper #end-date {
  padding: 6px 16px;
  border: 1px solid #bebebe;
  font-size: 14px;
  font-weight: 500;
  color: #666;
  width: 145px;
  position: relative;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Cmask id='mask0_12_1740' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='28' height='28'%3E%3Crect width='28' height='28' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_12_1740)'%3E%3Cpath d='M5.83333 25.6666C5.19167 25.6666 4.64236 25.4381 4.18542 24.9812C3.72847 24.5242 3.5 23.9749 3.5 23.3333V6.99992C3.5 6.35825 3.72847 5.80895 4.18542 5.352C4.64236 4.89506 5.19167 4.66659 5.83333 4.66659H7V2.33325H9.33333V4.66659H18.6667V2.33325H21V4.66659H22.1667C22.8083 4.66659 23.3576 4.89506 23.8146 5.352C24.2715 5.80895 24.5 6.35825 24.5 6.99992V23.3333C24.5 23.9749 24.2715 24.5242 23.8146 24.9812C23.3576 25.4381 22.8083 25.6666 22.1667 25.6666H5.83333ZM5.83333 23.3333H22.1667V11.6666H5.83333V23.3333ZM5.83333 9.33325H22.1667V6.99992H5.83333V9.33325Z' fill='%23ACACAC'/%3E%3C/g%3E%3C/svg%3E") top 6px right 16px no-repeat;
  height: 40px;
}
#contents .datepicker-wrapper .previous-button {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Crect x='29.5' y='29.5' width='29' height='29' transform='rotate(-180 29.5 29.5)' stroke='%23E0E0E0'/%3E%3Cpath d='M10 15L17.5 10.6699L17.5 19.3301L10 15Z' fill='%23484848'/%3E%3C/svg%3E") center center no-repeat;
}
#contents .datepicker-wrapper .previous-button:disabled {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Crect x='0.5' y='0.5' width='29' height='29' stroke='%23E0E0E0'/%3E%3Cpath d='M10 15L17.5 10.6699L17.5 19.3301L10 15Z' fill='%23BBBBBB'/%3E%3C/svg%3E") center center no-repeat;
}
#contents .datepicker-wrapper .next-button {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Crect x='0.5' y='0.5' width='29' height='29' stroke='%23E0E0E0'/%3E%3Cpath d='M20 15L12.5 19.3301L12.5 10.6699L20 15Z' fill='%23484848'/%3E%3C/svg%3E") center center no-repeat;
}
#contents .datepicker-wrapper .next-button:disabled {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Crect x='29.5' y='29.5' width='29' height='29' transform='rotate(-180 29.5 29.5)' stroke='%23E0E0E0'/%3E%3Cpath d='M20 15L12.5 19.3301L12.5 10.6699L20 15Z' fill='%23BBBBBB'/%3E%3C/svg%3E") center center no-repeat;
}
#contents .sub-common-tab {
  padding: 24px !important;
}
#contents .sub-common-tab .tab-contents .main-contents-list {
  position: relative;
}
#contents .sub-common-tab .tab-contents .main-contents-list .box-contents {
  margin-top: 32px;
}
#contents .sub-common-tab .tab-contents .main-contents-list .box-contents .box-content {
  width: 294px;
}
#contents .sub-common-tab .tab-contents .main-contents-list .box-contents .box-content:nth-child(n+5) {
  margin-top: 32px;
}
#contents .tab-contents .continuous-play {
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 4px;
  border: 1px solid #e0e0e0;
  border-radius: 100px;
  padding: 0 16px;
  position: absolute;
  top: 1px;
  right: 0;
}
#contents .tab-contents .continuous-play .text {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
  color: #484848;
}
#contents .tab-contents .continuous-play .arrow {
  width: 12px;
  height: 12px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='12' viewBox='0 0 9 12' fill='none'%3E%3Cpath d='M9 6L1.33513e-07 11.1962L9.58579e-09 0.803848L9 6Z' fill='%23484848'/%3E%3C/svg%3E") center center no-repeat;
}
#contents .side-contents-wrapper {
  width: 270px;
}
#contents .side-contents-wrapper.fixed {
  position: fixed;
  top: 74px;
}
#contents .side-contents-wrapper .side-title {
  font-size: 22px;
  font-weight: 500;
  padding: 20px 0 16px 20px;
}
#contents .side-contents-wrapper .side-title.has-border {
  border-bottom: 1px solid #dfdfdf;
}
#contents .side-contents-wrapper .side-contents {
  padding: 0 16px 24px 16px;
}
#contents .side-contents-wrapper .side-headline {
  margin: 0 auto;
}
#contents .side-contents-wrapper .side-headline .news-list .main-news {
  width: 100%;
}
#contents .side-contents-wrapper .side-headline .news-list .main-news .thumbnail {
  height: 133px;
}
#contents .side-contents-wrapper .side-headline .news-list .main-news .title {
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  display: block;
  overflow: visible;
}
#contents .side-contents-wrapper .side-headline .news-list .sub-news {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 24px;
}
#contents .side-contents-wrapper .side-headline .news-list .sub-news .thumbnail {
  width: 117px;
  height: 66px;
}
#contents .side-contents-wrapper .side-headline .news-list .sub-news .title {
  width: calc(100% - 125px);
  font-size: 14px;
  line-height: 21px;
  padding: 0;
  margin-top: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
#contents .side-contents-wrapper .side-banner {
  margin: 24px auto;
  height: 84px;
  border-radius: 10px;
  display: block;
}
#contents .side-contents-wrapper .side-banner .img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
#contents .side-contents-wrapper .side-most-viewed .tab-btns {
  margin-top: 24px;
}
#contents .side-contents-wrapper .side-most-viewed .tab-btns .tab-btns-list {
  width: 33.33%;
}
#contents .side-contents-wrapper .side-most-viewed .guide-txt {
  font-size: 14px;
  line-height: 20px;
  margin: 14px 0;
  text-align: center;
}
#contents .side-contents-wrapper .side-most-viewed .ranks .ranks-list {
  padding-top: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #ebeef0;
}
#contents .side-contents-wrapper .side-most-viewed .ranks .ranks-list .ranks-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#contents .side-contents-wrapper .side-most-viewed .ranks .ranks-list .ranks-link .rank-badge {
  color: #1e82b9;
  font-size: 18px;
  line-height: 23px;
  font-weight: 500;
  padding: 0 12px 0 8px;
}
#contents .side-contents-wrapper .side-most-viewed .ranks .ranks-list .ranks-link .title {
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#contents .side-contents-wrapper .side-most-viewed .ranks .ranks-list .ranks-link:hover .title {
  color: #2282b9;
}
#contents .side-contents-wrapper .side-most-viewed .ranks .ranks-list:first-child {
  border-top: 1px solid #ebeef0;
}
#contents .side-contents-wrapper .side-most-viewed .ranks .ranks-list:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
#contents .play-buttons-wrapper {
  position: absolute;
  top: 1px;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#contents .play-buttons-wrapper .play-option-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#contents .play-buttons-wrapper .play-option-wrapper > .text {
  line-height: 23px;
}
#contents .play-buttons-wrapper .play-option-wrapper .play-option-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 82px;
  border-radius: 100px;
  height: 32px;
  background-color: #e2e2e2;
  padding: 0 16px 0 4px;
  margin-left: 12px;
  margin-right: 12px;
  position: relative;
}
#contents .play-buttons-wrapper .play-option-wrapper .play-option-button .circle-icon {
  width: 24px;
  height: 24px;
  background-color: #fff;
  border-radius: 50%;
  margin-right: 8px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 1;
}
#contents .play-buttons-wrapper .play-option-wrapper .play-option-button .text {
  font-weight: 500;
  line-height: 23px;
}
#contents .play-buttons-wrapper .play-option-wrapper .play-option-button.on .circle-icon {
  -webkit-transform: translateX(50px);
          transform: translateX(50px);
}
#contents .play-buttons-wrapper .play-option-wrapper .play-option-button.on .text {
  position: absolute;
  top: 4.5px;
  left: 16px;
}
#contents .play-buttons-wrapper .select-play-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 4px;
  height: 32px;
  padding: 0 16px;
  border-radius: 100px;
  background-color: #2282b9;
  margin-left: 12px;
}
#contents .play-buttons-wrapper .select-play-button .text {
  font-weight: 500;
  color: #fff;
}
#contents .play-buttons-wrapper .select-play-button .check-icon {
  display: block;
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M1.60001 8.17779L6.40001 13.1556L14.4 3.20001' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center center no-repeat;
}
#contents .play-buttons-wrapper .select-cancel-button {
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 4px;
  height: 32px;
  padding: 0 16px;
  border-radius: 100px;
  border: 1px solid #bebebe;
}
#contents .play-buttons-wrapper .select-cancel-button .text {
  font-weight: 500;
  color: #222;
}
#contents .play-buttons-wrapper .select-cancel-button .check-icon {
  display: block;
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M1.6001 8.17779L6.4001 13.1556L14.4001 3.20001' stroke='%237C7C7C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") center center no-repeat;
}
#contents .play-buttons-wrapper .all-play-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 6px;
  height: 32px;
  padding: 0 16px;
  border-radius: 100px;
  background-color: #222;
  margin-left: 12px;
}
#contents .play-buttons-wrapper .all-play-button .text {
  font-weight: 500;
  color: #fff;
}
#contents .play-buttons-wrapper .all-play-button .play-icon {
  display: block;
  width: 12px;
  height: 12px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='12' viewBox='0 0 9 12' fill='none'%3E%3Cpath d='M9 6L1.33513e-07 11.1962L9.58579e-09 0.803848L9 6Z' fill='white' fill-opacity='0.8'/%3E%3C/svg%3E") center center no-repeat;
}
#contents .play-buttons-wrapper .select-check-play-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 4px;
  height: 32px;
  padding: 0 16px;
  border-radius: 100px;
  background-color: #2282b9;
  margin-left: 12px;
  display: none;
}
#contents .play-buttons-wrapper .select-check-play-button .text {
  font-weight: 500;
  color: #fff;
}
#contents .play-buttons-wrapper .select-check-play-button .play-icon {
  display: block;
  width: 12px;
  height: 12px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='12' viewBox='0 0 9 12' fill='none'%3E%3Cpath d='M9 6L1.33513e-07 11.1962L9.58579e-09 0.803848L9 6Z' fill='white' fill-opacity='0.8'/%3E%3C/svg%3E") center center no-repeat;
}
#contents .play-buttons-wrapper.on .select-cancel-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#contents .play-buttons-wrapper.on .select-play-button {
  display: none;
}
#contents .play-buttons-wrapper.on .all-play-button {
  display: none;
}
#contents .play-buttons-wrapper.on .select-check-play-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#contents .box.head-line.sub-page-head-line {
  margin-top: 24px;
}
#contents .box.head-line.sub-page-head-line .box-contents .main-news-wrapper {
  width: 604px;
}
#contents .box.head-line.sub-page-head-line .box-contents .main-news-wrapper .box-content .thumbnail {
  height: 340px;
}
#contents .box.head-line.sub-page-head-line > .box-contents > .box-contents {
  width: 604px;
}
#contents .box.head-line.sub-page-head-line > .box-contents > .box-contents .box-content {
  width: 290px;
}
#contents .box.head-line.sub-page-head-line > .box-contents > .box-contents .box-content:nth-child(n+3) {
  margin-top: 44px;
}
#contents .box.head-line.sub-page-head-line > .box-contents > .box-contents .box-content .thumbnail {
  height: 163px;
}
#contents .box.head-line.sub-page-head-line .overlay-news-wrapper {
  width: 604px;
}
#contents .box.head-line.sub-page-head-line .overlay-news-wrapper .banner {
  margin-top: 14px;
  height: 124px;
  border-radius: 5px;
  position: relative;
  display: block;
}
#contents .box.head-line.sub-page-head-line .overlay-news-wrapper .banner:hover {
  cursor: pointer;
}
#contents .box.head-line.sub-page-head-line .overlay-news-wrapper .banner:hover .text {
  text-decoration: underline;
}
#contents .box.head-line.sub-page-head-line .overlay-news-wrapper .banner .text {
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  position: absolute;
  top: 40px;
  left: 24px;
  max-width: 556px;
  line-height: 1.25;
  text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}
#contents .box.head-line.sub-page-head-line .overlay-news-wrapper .banner img {
  border-radius: 5px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#contents .box.head-line.sub-page-head-line.type-01 .box-contents {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 22.5px;
}
#contents .box.head-line.sub-page-head-line.type-01 .box-contents .box-content {
  width: 395px;
}
#contents .box.head-line.sub-tv-news-head-line .box-contents .main-news-wrapper .main-news .txt-wrapper .title {
  height: 78px;
}
#contents .error-icon-wrapper {
  margin-top: 54px;
  margin-bottom: 30px;
}
#contents .error-icon-wrapper .error-icon {
  width: 87px;
  height: 87px;
  margin: 0 auto;
  background: url("data:image/svg+xml,%3Csvg width='88' height='88' viewBox='0 0 88 88' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='43.5' cy='43.5' r='40.5' transform='matrix(1 0 0 -1 0.5 87.5)' stroke='%23ACACAC' stroke-width='6'/%3E%3Cpath d='M40.1316 22.5V51.1093H47.8684V22.5H40.1316ZM44.0263 56.2693C41.3421 56.2693 39.5 58.104 39.5 60.9133C39.5 63.6653 41.3421 65.5 44.0263 65.5C46.6579 65.5 48.5 63.6653 48.5 60.9133C48.5 58.104 46.6579 56.2693 44.0263 56.2693Z' fill='%23ACACAC'/%3E%3C/svg%3E") center center no-repeat;
}
#contents .error-icon-wrapper .no-data-text {
  text-align: center;
  font-weight: 500;
  font-size: 18px;
  margin-top: 15px;
}
#contents .common-title-banner-wrapper {
  padding-top: 24px;
}
#contents .common-title-banner-wrapper .common-title-banner {
  width: 1280px;
  margin: 0 auto;
  padding: 0 24px;
  border-radius: 10px;
  position: relative;
}
#contents .common-title-banner-wrapper .common-title-banner .title-wrapper .title {
  font-weight: 700;
  font-size: 30px;
  color: #fff;
  margin-bottom: 16px;
}
#contents .common-title-banner-wrapper .common-title-banner .title-wrapper .sub-title {
  color: #fff;
  line-height: 22px;
}
#contents .common-title-banner-wrapper .common-title-banner .title-wrapper.one-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#contents .common-title-banner-wrapper .common-title-banner .title-wrapper.one-line .title {
  font-size: 38px;
  font-weight: 700;
  color: #fff;
  margin-right: 16px;
  margin-bottom: 0;
}
#contents .common-title-banner-wrapper .common-title-banner .title-wrapper.one-line .sub-title {
  color: #fff;
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
}
#contents .common-title-banner-wrapper .common-title-banner .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 32px;
  padding: 0 16px;
  border-radius: 100px;
  border: 1px solid #bebebe;
  background-color: #fff;
  color: #222;
  font-weight: 500;
  position: absolute;
  top: 24px;
  right: 24px;
}
#contents .common-title-banner-wrapper .common-title-banner .link:hover {
  color: #fff;
  background-color: #2282b9;
  border: 1px solid #2282b9;
}
#contents .common-title-banner-wrapper .common-title-banner .link:hover .text {
  color: #fff;
}
#contents .common-title-banner-wrapper .common-title-banner .link:hover .icon {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M14.2222 14.2222H1.77778V1.77778H8V0H1.77778C0.791111 0 0 0.8 0 1.77778V14.2222C0 15.2 0.791111 16 1.77778 16H14.2222C15.2 16 16 15.2 16 14.2222V8H14.2222V14.2222ZM9.77778 0V1.77778H12.9689L4.23111 10.5156L5.48444 11.7689L14.2222 3.03111V6.22222H16V0H9.77778Z' fill='white'/%3E%3C/svg%3E") center center no-repeat;
}
#contents .common-title-banner-wrapper .common-title-banner .link .text {
  color: #222;
  font-weight: 500;
}
#contents .common-title-banner-wrapper .common-title-banner .link .icon {
  margin-left: 4px;
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M14.2222 14.2222H1.77778V1.77778H8V0H1.77778C0.791111 0 0 0.8 0 1.77778V14.2222C0 15.2 0.791111 16 1.77778 16H14.2222C15.2 16 16 15.2 16 14.2222V8H14.2222V14.2222ZM9.77778 0V1.77778H12.9689L4.23111 10.5156L5.48444 11.7689L14.2222 3.03111V6.22222H16V0H9.77778Z' fill='black'/%3E%3C/svg%3E") center center no-repeat;
}
#contents .common-title-banner-wrapper .common-title-banner .program-introduction-button {
  padding: 0 12px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 100px;
  background-color: #fff;
  position: absolute;
  top: 24px;
  right: 24px;
  font-weight: 500;
  gap: 4px;
}
#contents .common-title-banner-wrapper .common-title-banner .program-introduction-button .icon {
  width: 20px;
  height: 20px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cmask id='mask0_943_1450' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Crect width='20' height='20' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_943_1450)'%3E%3Cpath d='M6 7.5H14V6H6V7.5ZM6 14H12V12.5H6V14ZM6 10.75H14V9.25H6V10.75ZM4.5 17C4.0875 17 3.73437 16.8531 3.44062 16.5594C3.14687 16.2656 3 15.9125 3 15.5V4.5C3 4.0875 3.14687 3.73438 3.44062 3.44063C3.73437 3.14688 4.0875 3 4.5 3H15.5C15.9125 3 16.2656 3.14688 16.5594 3.44063C16.8531 3.73438 17 4.0875 17 4.5V15.5C17 15.9125 16.8531 16.2656 16.5594 16.5594C16.2656 16.8531 15.9125 17 15.5 17H4.5ZM4.5 15.5H15.5V4.5H4.5V15.5Z' fill='%23222222'/%3E%3C/g%3E%3C/svg%3E") center center no-repeat;
}
#contents .common-title-banner-wrapper .common-title-banner .program-introduction-button .text {
  font-weight: 500;
}
#contents .common-title-banner-wrapper .common-title-banner .report-button {
  padding: 0 12px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 100px;
  background-color: #fff;
  position: absolute;
  top: 66px;
  right: 24px;
  font-weight: 500;
}
#contents .common-title-banner-wrapper .common-title-banner.has-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 130px;
}
#contents .common-title-banner-wrapper .common-title-banner.main-breaking-news {
  background-image: url(/resource/image/pc/breaking-news-report/breaking-news.png);
}
#contents .common-title-banner-wrapper .common-title-banner.report {
  padding: 30px 24px;
  background-image: url(/resource/image/pc/breaking-news-report/report.png);
}
#contents .common-title-banner-wrapper .common-title-banner.main-premiumk-0023 {
  background-image: url(/resource/image/pc/premiumk/0023.png);
}
#contents .common-title-banner-wrapper .common-title-banner.main-premiumk-0713 {
  background-image: url(/resource/image/pc/premiumk/0713.png);
}
#contents .common-title-banner-wrapper .common-title-banner.main-premiumk-0795 {
  background-image: url(/resource/image/pc/premiumk/0795.png);
}
#contents .common-title-banner-wrapper .common-title-banner.main-premiumk-0909 {
  background-image: url(/resource/image/pc/premiumk/0909.png);
}
#contents .common-title-banner-wrapper .common-title-banner.main-premiumk-0933 {
  background-image: url(/resource/image/pc/premiumk/0933.png);
}
#contents .common-title-banner-wrapper .common-title-banner.main-premiumk-0938 {
  background-image: url(/resource/image/pc/premiumk/0938.png);
}
#contents .common-title-banner-wrapper .common-title-banner.main-premiumk-0990 {
  background-image: url(/resource/image/pc/premiumk/0990.png);
}
#contents .common-title-banner-wrapper .common-title-banner.main-premiumk-1016 {
  background-image: url(/resource/image/pc/premiumk/1016.png);
}
#contents .common-title-banner-wrapper .common-title-banner.main-premiumk-1032 {
  background-image: url(/resource/image/pc/premiumk/1032.png);
}
#contents .common-title-banner-wrapper .common-title-banner.main-premiumk-1039 {
  background-image: url(/resource/image/pc/premiumk/1039.png);
}
#contents .common-title-banner-wrapper .common-title-banner.main-premiumk-1044 {
  background-image: url(/resource/image/pc/premiumk/1044.png);
}
#contents .common-title-banner-wrapper .common-title-banner.main-premiumk-1048 {
  background-image: url(/resource/image/pc/premiumk/1048.png);
}
#contents .common-title-banner-wrapper .common-title-banner.main-premiumk-1075 {
  background-image: url(/resource/image/pc/premiumk/1075.png);
}
#contents .common-title-banner-wrapper .common-title-banner.main-premiumk-1096 {
  background-image: url(/resource/image/pc/premiumk/1096.png);
}
#contents .common-title-banner-wrapper .common-title-banner.main-premiumk-1110 {
  background-image: url(/resource/image/pc/premiumk/1110.png);
}
#contents .common-title-banner-wrapper .common-title-banner.main-premiumk-1126 {
  background-image: url(/resource/image/pc/premiumk/1126.png);
}
#contents .common-title-banner-wrapper .common-title-banner.main-premiumk-1127 {
  background-image: url(/resource/image/pc/premiumk/1127.png);
}
#contents .common-title-banner-wrapper .common-title-banner.main-premiumk-1162 {
  background-image: url(/resource/image/pc/premiumk/1162.png);
}
#contents .common-title-banner-wrapper .common-title-banner.main-premiumk-landing {
  background-image: url(/resource/image/pc/premiumk-landing/landing.png);
}
#contents .common-title-banner-wrapper .common-title-banner.main-current-event-0029 {
  background-image: url(/resource/image/pc/current-event/0029.png);
}
#contents .common-title-banner-wrapper .common-title-banner.main-current-event-0031 {
  background-image: url(/resource/image/pc/current-event/0031.png);
}
#contents .common-title-banner-wrapper .common-title-banner.main-current-event-0039 {
  background-image: url(/resource/image/pc/current-event/0039.png);
}
#contents .common-title-banner-wrapper .common-title-banner.main-current-event-0061 {
  background-image: url(/resource/image/pc/current-event/0061.png);
}
#contents .common-title-banner-wrapper .common-title-banner.main-current-event-0071 {
  background-image: url(/resource/image/pc/current-event/0071.png);
}
#contents .common-title-banner-wrapper .common-title-banner.main-current-event-0072 {
  background-image: url(/resource/image/pc/current-event/0072.png);
}
#contents .common-title-banner-wrapper .common-title-banner.main-current-event-0073 {
  background-image: url(/resource/image/pc/current-event/0073.png);
}
#contents .common-title-banner-wrapper .common-title-banner.main-current-event-0195 {
  background-image: url(/resource/image/pc/current-event/0195.png);
}
#contents .common-title-banner-wrapper .common-title-banner.main-current-event-0198 {
  background-image: url(/resource/image/pc/current-event/0198.jpg);
}
#contents .common-title-banner-wrapper .common-title-banner.main-current-event-1021 {
  background-image: url(/resource/image/pc/current-event/1021.png);
}
#contents .common-title-banner-wrapper .common-title-banner.main-current-event-1132 {
  background-image: url(/resource/image/pc/current-event/1132.png);
}
#contents .common-title-banner-wrapper .common-title-banner.main-current-event-1055 {
  background-image: url(/resource/image/pc/current-event/1055.png);
}
#contents .common-title-banner-wrapper .common-title-banner.main-current-event-1125 {
  background-image: url(/resource/image/pc/current-event/1125.png);
}
#contents .common-title-banner-wrapper .common-title-banner.main-current-event-1138 {
  background-image: url(/resource/image/pc/current-event/1138.png);
}
#contents .common-title-banner-wrapper .common-title-banner.main-current-event-1139 {
  background-image: url(/resource/image/pc/current-event/1139.png);
}
#contents .common-title-banner-wrapper .common-title-banner.main-tv-news-0001 {
  background-image: url(/resource/image/pc/tv-news/0001.png);
}
#contents .common-title-banner-wrapper .common-title-banner.main-tv-news-0003 {
  background-image: url(/resource/image/pc/tv-news/0003.png);
}
#contents .common-title-banner-wrapper .common-title-banner.main-tv-news-0004 {
  background-image: url(/resource/image/pc/tv-news/0004.png);
}
#contents .common-title-banner-wrapper .common-title-banner.main-tv-news-0008 {
  background-image: url(/resource/image/pc/tv-news/0008.png);
}
#contents .common-title-banner-wrapper .common-title-banner.main-tv-news-0009 {
  background-image: url(/resource/image/pc/tv-news/0009.png);
}
#contents .common-title-banner-wrapper .common-title-banner.main-tv-news-0010 {
  background-image: url(/resource/image/pc/tv-news/0010.png);
}
#contents .common-title-banner-wrapper .common-title-banner.main-tv-news-0011 {
  background-image: url(/resource/image/pc/tv-news/0011.png);
}
#contents .common-title-banner-wrapper .common-title-banner.main-tv-news-0012 {
  background-image: url(/resource/image/pc/tv-news/0012.png);
}
#contents .common-title-banner-wrapper .common-title-banner.main-tv-news-0012 {
  background-image: url(/resource/image/pc/tv-news/0012.png);
}
#contents .common-title-banner-wrapper .common-title-banner.main-tv-news-0016 {
  background-image: url(/resource/image/pc/tv-news/0016.png);
}
#contents .common-title-banner-wrapper .common-title-banner.main-tv-news-0032 {
  background-image: url(/resource/image/pc/tv-news/0032.png);
}
#contents .common-title-banner-wrapper .common-title-banner.main-tv-news-0042 {
  background-image: url(/resource/image/pc/tv-news/0042.png);
}
#contents .common-title-banner-wrapper .common-title-banner.main-tv-news-0049 {
  background-image: url(/resource/image/pc/tv-news/0049.png);
}
#contents .common-title-banner-wrapper .common-title-banner.main-tv-news-0051 {
  background-image: url(/resource/image/pc/tv-news/0051.png);
}
#contents .common-title-banner-wrapper .common-title-banner.main-tv-news-0052 {
  background-image: url(/resource/image/pc/tv-news/0052.png);
}
#contents .common-title-banner-wrapper .common-title-banner.main-tv-news-0059 {
  background-image: url(/resource/image/pc/tv-news/0059.png);
}
#contents .common-title-banner-wrapper .common-title-banner.main-tv-news-0060 {
  background-image: url(/resource/image/pc/tv-news/0060.png);
}
#contents .common-title-banner-wrapper .common-title-banner.main-tv-news-0137 {
  background-image: url(/resource/image/pc/tv-news/0137.png);
}
#contents .common-title-banner-wrapper .common-title-banner.main-tv-news-0196 {
  background-image: url(/resource/image/pc/tv-news/0196.png);
}
#contents .common-title-banner-wrapper .common-title-banner.main-tv-news-0197 {
  background-image: url(/resource/image/pc/tv-news/0197.png);
}
#contents .common-title-banner-wrapper .common-title-banner.main-tv-news-0199 {
  background-image: url(/resource/image/pc/tv-news/0199.png);
}
#contents .common-title-banner-wrapper .common-title-banner.archive {
  background-image: url(/resource/image/pc/archive/archive-bg.png);
}
#contents .common-title-banner-wrapper .common-title-banner.default-banner {
  background-image: url(/resource/image/pc/sub-default-banner.png);
}
#contents .common-title-banner-wrapper .common-title-banner.main-issue-background {
  background: #343464;
}
#contents .common-title-banner-wrapper .common-title-banner.main-notice {
  background-image: url(/resource/image/pc/notice-banner-0001.jpg);
}
#contents .custom-blue-radio input[type=radio] {
  display: none;
}
#contents .custom-blue-radio input[type=radio]:checked + label::before {
  background-color: #333;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='20' viewBox='0 0 19 20' fill='none'%3E%3Ccircle cx='9.5' cy='10' r='9' fill='white' stroke='%23E2E2E2'/%3E%3Ccircle cx='9.5' cy='10' r='4.5' fill='%232282B9'/%3E%3C/svg%3E") center center no-repeat;
}
#contents .custom-blue-radio label {
  position: relative;
  padding-left: 27px;
  cursor: pointer;
  font-weight: 500;
  color: #666;
}
#contents .custom-blue-radio label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 19px;
  height: 19px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='20' viewBox='0 0 19 20' fill='none'%3E%3Ccircle cx='9.5' cy='10' r='9' fill='white' stroke='%23E2E2E2'/%3E%3C/svg%3E") center center no-repeat;
}
#contents .custom-blue-radio:nth-child(1) {
  margin-right: 20px;
}
#contents .custom-blue-checkbox {
  padding-left: 27px;
  height: 19px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
#contents .custom-blue-checkbox input[type=checkbox] {
  display: none;
}
#contents .custom-blue-checkbox input[type=checkbox]:checked + .checkmark {
  background: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='18' height='18' rx='1.5' fill='white'/%3E%3Cpath d='M4.5 9.49997L8.25 13.3889L14.5 5.61108' stroke='%232282B9' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='0.5' y='0.5' width='18' height='18' rx='1.5' stroke='%23E2E2E2'/%3E%3C/svg%3E%0A") center center no-repeat;
}
#contents .custom-blue-checkbox .text {
  font-weight: 500;
}
#contents .custom-blue-checkbox .checkmark {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 19px; /* Adjust as needed */
  width: 19px; /* Adjust as needed */
  background: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='18' height='18' rx='1.5' fill='white'/%3E%3Crect x='0.5' y='0.5' width='18' height='18' rx='1.5' stroke='%23E2E2E2'/%3E%3C/svg%3E%0A") center center no-repeat;
  cursor: pointer;
}
#contents .custom-blue-checkbox.type-01 .text {
  color: #666;
}
#contents .custom-blue-checkbox.type-01 input[type=checkbox]:checked + .checkmark {
  background: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='18' height='18' rx='1.5' fill='%232282B9'/%3E%3Cpath d='M4.5 9.38889L8.25 13.2778L14.5 5.5' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='0.5' y='0.5' width='18' height='18' rx='1.5' stroke='%23BBBBBB'/%3E%3C/svg%3E") center center no-repeat;
}
#contents .primary-button {
  height: 40px;
  padding: 0 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #2282b9;
  color: #fff;
  font-weight: 500;
  border-radius: 50px;
}
#contents .secondary-button {
  height: 40px;
  padding: 0 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #bbb;
  color: #fff;
  font-weight: 500;
  border-radius: 50px;
}
#contents .comment-area {
  padding: 24px 0 0 24px;
}
#contents .comment-area .title {
  font-size: 22px;
  font-weight: 500;
  margin-top: 0;
}
#contents .comment-area.type-01 {
  width: 1280px;
  margin: 0 auto;
}
#contents .tab-swiper-pagination {
  width: 293px;
}
#contents .tab-swiper-pagination .tab-menu {
  text-align: left;
  width: 100%;
  padding: 14px 0;
  border-bottom: 1px solid #ebeef0;
  font-size: 18px;
}
#contents .tab-swiper-pagination .tab-menu:first-child {
  padding-top: 0;
}
#contents .tab-swiper-pagination .tab-menu.on {
  color: #2282b9;
  font-weight: 500;
}
#contents .tab-swiper-pagination .tab-menu:hover {
  color: #2282b9;
}
#contents .tab-swiper-pagination .pagination-group-wrapper {
  border-top: none;
  height: auto;
}
#contents .tab-swiper-contents-wrapper {
  width: calc(100% - 312px);
}
#contents .tab-swiper-contents-wrapper .tab-swiper-contents .tab-swiper-content {
  display: none;
}
#contents .tab-swiper-contents-wrapper .tab-swiper-contents .tab-swiper-content .box-contents {
  margin-top: 0;
}
#contents .tab-swiper-contents-wrapper .tab-swiper-contents .tab-swiper-content .box-contents .box-content {
  width: 294px;
  margin-right: 18px;
}
#contents .tab-swiper-contents-wrapper .tab-swiper-contents .tab-swiper-content .box-contents .box-content:nth-child(3n) {
  margin-right: 0;
}
#contents .tab-swiper-contents-wrapper .tab-swiper-contents .tab-swiper-content .box-contents .box-content:nth-child(n+4) {
  margin-top: 32px;
}
#contents .tab-swiper-contents-wrapper .tab-swiper-contents .tab-swiper-content.on {
  display: block;
}
#contents .owl-carousel.sub-page-center-slide {
  position: relative;
  padding-bottom: 26px;
}
#contents .owl-carousel.sub-page-center-slide .box-content {
  width: 320px;
  opacity: 0.5;
}
#contents .owl-carousel.sub-page-center-slide .owl-item.active .box-content {
  opacity: 1;
}
#contents .owl-carousel.sub-page-center-slide .owl-item.center + .active + .active {
  opacity: 0.5;
}
#contents .owl-carousel.sub-page-center-slide .owl-dots {
  display: none;
}
#contents .owl-carousel.sub-page-center-slide .owl-nav {
  position: absolute;
  top: 70px;
}
#contents .owl-carousel.sub-page-center-slide .owl-nav .owl-prev,
#contents .owl-carousel.sub-page-center-slide .owl-nav .owl-next {
  width: 60px;
  height: 60px;
  border-radius: 50%;
}
#contents .owl-carousel.sub-page-center-slide .owl-nav .owl-prev span,
#contents .owl-carousel.sub-page-center-slide .owl-nav .owl-next span {
  display: none;
}
#contents .owl-carousel.sub-page-center-slide .owl-nav .owl-prev {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60' fill='none'%3E%3Ccircle cx='30' cy='30' r='30' fill='white'/%3E%3Cpath d='M36 42L24 30L36 18' stroke='%23545454' stroke-width='4' stroke-linecap='square'/%3E%3C/svg%3E") center center no-repeat;
  position: absolute;
  left: 16px;
}
#contents .owl-carousel.sub-page-center-slide .owl-nav .owl-prev:hover {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60' fill='none'%3E%3Ccircle cx='30' cy='30' r='30' transform='rotate(-180 30 30)' fill='white'/%3E%3Cpath d='M36 42L24 30L36 18' stroke='%232282B9' stroke-width='4' stroke-linecap='square'/%3E%3C/svg%3E") center center no-repeat;
  -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.4);
          box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.4);
}
#contents .owl-carousel.sub-page-center-slide .owl-nav .owl-next {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60' fill='none'%3E%3Ccircle cx='30' cy='30' r='30' transform='rotate(-180 30 30)' fill='white'/%3E%3Cpath d='M24 18L36 30L24 42' stroke='%23545454' stroke-width='4' stroke-linecap='square'/%3E%3C/svg%3E") center center no-repeat;
  position: absolute;
  left: 1204px;
}
#contents .owl-carousel.sub-page-center-slide .owl-nav .owl-next:hover {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60' fill='none'%3E%3Ccircle cx='30' cy='30' r='30' fill='white'/%3E%3Cpath d='M24 18L36 30L24 42' stroke='%232282B9' stroke-width='4' stroke-linecap='square'/%3E%3C/svg%3E") center center no-repeat;
  -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.4);
          box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.4);
}
#contents .sub-page-year-slide-wrapper {
  border-bottom: 1px solid #e2e2e2;
}
#contents .sub-page-year-slide-wrapper .sub-page-year-slide {
  position: relative;
  width: 1130px;
  margin: 0 auto;
}
#contents .sub-page-year-slide-wrapper .sub-page-year-slide .owl-item:last-child .link::after {
  display: none;
}
#contents .sub-page-year-slide-wrapper .sub-page-year-slide .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 15px 20px;
  font-size: 26px;
  font-weight: 700;
  width: 101px;
  height: 60px;
  position: relative;
}
#contents .sub-page-year-slide-wrapper .sub-page-year-slide .link::after {
  content: "";
  display: block;
  width: 1px;
  height: 12px;
  background-color: #bbb;
  position: absolute;
  right: 0;
  top: 24px;
}
#contents .sub-page-year-slide-wrapper .sub-page-year-slide .link.on {
  color: #2282b9;
}
#contents .sub-page-year-slide-wrapper .sub-page-year-slide .link.on::before {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background-color: #2282b9;
  position: absolute;
  bottom: 0;
  left: 0;
}
#contents .sub-page-year-slide-wrapper .sub-page-year-slide .owl-nav.disabled {
  display: block;
}
#contents .sub-page-year-slide-wrapper .sub-page-year-slide .owl-nav .owl-prev,
#contents .sub-page-year-slide-wrapper .sub-page-year-slide .owl-nav .owl-next {
  width: 50px;
  height: 28px;
}
#contents .sub-page-year-slide-wrapper .sub-page-year-slide .owl-nav .owl-prev span,
#contents .sub-page-year-slide-wrapper .sub-page-year-slide .owl-nav .owl-next span {
  display: none;
}
#contents .sub-page-year-slide-wrapper .sub-page-year-slide .owl-nav .owl-prev {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='28' viewBox='0 0 50 28' fill='none'%3E%3Cpath d='M29.3332 23.3332L19.9998 13.9998L29.3332 4.6665' stroke='%23484848' stroke-width='4' stroke-linecap='square'/%3E%3C/svg%3E") center center no-repeat;
  position: absolute;
  top: 16px;
  left: -50px;
}
#contents .sub-page-year-slide-wrapper .sub-page-year-slide .owl-nav .owl-prev.disabled {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='28' viewBox='0 0 50 28' fill='none'%3E%3Cpath d='M29.3332 23.3332L19.9998 13.9998L29.3331 4.6665' stroke='%23BEBEBE' stroke-width='4' stroke-linecap='square'/%3E%3C/svg%3E") center center no-repeat;
  position: absolute;
}
#contents .sub-page-year-slide-wrapper .sub-page-year-slide .owl-nav .owl-next {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='28' viewBox='0 0 50 28' fill='none'%3E%3Cpath d='M19.6668 4.66683L29.0001 14.0002L19.6668 23.3335' stroke='%23484848' stroke-width='4' stroke-linecap='square'/%3E%3C/svg%3E") center center no-repeat;
  position: absolute;
  top: 16px;
  right: -50px;
}
#contents .sub-page-year-slide-wrapper .sub-page-year-slide .owl-nav .owl-next.disabled {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='28' viewBox='0 0 50 28' fill='none'%3E%3Cpath d='M19.6668 4.66683L29.0002 14.0002L19.6668 23.3335' stroke='%23BEBEBE' stroke-width='4' stroke-linecap='square'/%3E%3C/svg%3E") center center no-repeat;
  position: absolute;
}
#contents .sub-page-year-slide-wrapper .sub-page-year-slide .owl-dots {
  display: none;
}
#contents .common-search-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  width: 356px;
  height: 50px;
}
#contents .common-search-box .search-box-input {
  width: 300px;
  height: 100%;
  border: 1px solid #c6cbd0;
  border-right: none;
  padding-left: 16px;
  padding-right: 40px;
  font-size: 16px;
  line-height: 22px;
  color: #484848;
  border-radius: 5px 0 0 5px;
}
#contents .common-search-box .search-button {
  width: 56px;
  height: 100%;
  border: 1px solid #c6cbd0;
  border-radius: 0 5px 5px 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Cpath d='M11.0833 19.8334C15.2715 19.8334 18.6667 16.4382 18.6667 12.2501C18.6667 8.06192 15.2715 4.66675 11.0833 4.66675C6.89517 4.66675 3.5 8.06192 3.5 12.2501C3.5 16.4382 6.89517 19.8334 11.0833 19.8334Z' stroke='%232282B9' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.6903 24.9772C22.2761 25.563 23.2258 25.563 23.8116 24.9772C24.3974 24.3915 24.3974 23.4417 23.8116 22.8559L21.6903 24.9772ZM17.9783 17.0226L16.9176 15.9619L14.7963 18.0833L15.857 19.1439L17.9783 17.0226ZM23.8116 22.8559L17.9783 17.0226L15.857 19.1439L21.6903 24.9772L23.8116 22.8559Z' fill='%232282B9'/%3E%3C/svg%3E") center center no-repeat;
}
#contents .common-search-box .cancel-button {
  position: absolute;
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 3L2.99893 13.0011' stroke='%23484848' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3 3L13.0011 13.0011' stroke='%23484848' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") center center no-repeat;
  top: 18px;
  right: 72px;
}
#contents .common-toggle-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 94px;
  border-radius: 100px;
  height: 32px;
  background-color: #e2e2e2;
  padding: 0 16px 0 4px;
  position: relative;
}
#contents .common-toggle-button .circle-icon {
  width: 24px;
  height: 24px;
  background-color: #fff;
  border-radius: 50%;
  margin-right: 8px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 1;
}
#contents .common-toggle-button .text {
  font-weight: 500;
  line-height: 23px;
  font-size: 15px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 16px;
}
#contents .common-toggle-button .on-text {
  font-size: 15px;
  font-weight: 500;
  line-height: 23px;
  display: none;
}
#contents .common-toggle-button.on {
  background-color: #2282b9;
}
#contents .common-toggle-button.on .circle-icon {
  -webkit-transform: translateX(62px);
          transform: translateX(62px);
}
#contents .common-toggle-button.on .text {
  display: none;
}
#contents .common-toggle-button.on .on-text {
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 16px;
  color: #fff;
}
#contents #msg {
  width: 1280px;
  margin: 0 auto;
  padding: 24px;
}

#footer {
  min-width: 1280px;
}

.common-popup {
  z-index: 150;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: #fff;
  width: 580px;
  border-radius: 10px;
  display: none;
}
.common-popup.on {
  display: block;
}
.common-popup .popup-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #ebeef0;
  padding: 9px 14px 9px 30px;
  border-radius: 10px 10px 0 0;
}
.common-popup .popup-title .title {
  color: #484848;
  font-size: 24px;
  font-weight: 700;
}
.common-popup .popup-title .close-btn {
  width: 42px;
  height: 42px;
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 3L2.99893 13.0011' stroke='%23484848' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3 3L13.0011 13.0011' stroke='%23484848' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") center center no-repeat;
  background-size: 32px 32px;
}
.common-popup .popup-contents {
  padding: 0 30px;
}
.common-popup .popup-contents .summary-content,
.common-popup .popup-contents .common-text {
  font-size: 18px;
  line-height: 24px;
  padding: 30px 0;
  color: #222;
  word-break: break-all;
}
.common-popup .popup-contents .summary-desc,
.common-popup .popup-contents .common-sub-text {
  padding: 16px 0;
  font-size: 14px;
  line-height: 24px;
  color: #666;
  border-top: 1px solid #eaeaea;
}
.common-popup .popup-contents .bottom-text-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 16px 0;
  border-top: 1px solid #eaeaea;
}
.common-popup .popup-contents .bottom-text-wrapper .common-sub-text {
  border: none;
  padding: 0;
}
.common-popup .popup-contents .bottom-text-wrapper .copy-button {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #333333;
  padding: 3px 16px;
  border-radius: 15px;
  border: 1px solid #bebebe;
}

.hashtag-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.hashtag-links .hashtag-list {
  margin-right: 8px;
}
.hashtag-links .hashtag-list:last-child {
  margin-right: 0;
}
.hashtag-links .hashtag-list .hashtag-link {
  font-weight: 500;
  font-size: 15px;
  line-height: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #2282b9;
  height: 30px;
  border-radius: 15px;
  padding: 0 16px;
  border: 1px solid #ebebeb;
}
.hashtag-links .hashtag-list .hashtag-link:hover {
  border: 1px solid #2282b9;
  color: #fff;
  background-color: #2282b9;
}

.dim {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  z-index: 100;
}
.dim.transparent {
  opacity: 0;
}
.dim.on {
  display: block;
}

#ui-datepicker-div {
  width: 340px;
  border-radius: 12px;
  padding: 40px 20px;
  border: none;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
          box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
  margin-top: 16px;
  position: relative;
  background-color: #fff;
  display: none;
}
#ui-datepicker-div .ui-datepicker-header {
  background: white;
  border: none;
  padding: 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev,
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next {
  display: block;
  width: 14px;
  height: 14px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  position: absolute;
}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev .ui-icon,
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next .ui-icon {
  display: none;
}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev:hover,
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next:hover {
  cursor: pointer;
  background-color: transparent;
  border: none;
}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev {
  left: 22px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='14' viewBox='0 0 11 14' fill='none'%3E%3Cpath d='M8.34742e-08 7L10.5 0.937822L10.5 13.0622L8.34742e-08 7Z' fill='%23D9D9D9'/%3E%3C/svg%3E") center center no-repeat;
}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-next {
  right: 22px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='14' viewBox='0 0 11 14' fill='none'%3E%3Cpath d='M11 7L0.499999 13.0622L0.5 0.937822L11 7Z' fill='%23D9D9D9'/%3E%3C/svg%3E") center center no-repeat;
}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title select {
  margin: 0;
  height: 40px;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  padding-left: 12px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M5 8L8 11L11 8' stroke='%232282B9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") top 10px right 6px no-repeat;
  font-weight: 500;
  font-size: 16px;
}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year {
  margin-right: 8px;
  width: 89px;
}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month {
  width: 71px;
}
#ui-datepicker-div .ui-datepicker-calendar {
  table-layout: fixed;
  width: 280px;
  margin: 0 auto;
  margin-top: 24px;
}
#ui-datepicker-div .ui-datepicker-calendar th {
  padding: 0;
  width: 40px !important;
  height: 40px;
  margin-right: 8px;
}
#ui-datepicker-div .ui-datepicker-calendar th:last-child {
  margin-right: 0;
}
#ui-datepicker-div .ui-datepicker-calendar th span {
  color: #7c7c7c;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  width: 40px;
  height: 40px;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#ui-datepicker-div .ui-datepicker-calendar .ui-datepicker-week-end span {
  color: #f8364b;
}
#ui-datepicker-div .ui-datepicker-calendar .ui-datepicker-week-end [title=토] {
  color: #2282b9;
}
#ui-datepicker-div .ui-datepicker-calendar .ui-datepicker-week-end a {
  color: #f8364b;
}
#ui-datepicker-div .ui-datepicker-calendar .ui-datepicker-week-end.saturday a {
  color: #2282b9;
}
#ui-datepicker-div .ui-datepicker-calendar tbody {
  position: relative;
  top: 8px;
}
#ui-datepicker-div .ui-datepicker-calendar tbody td {
  padding: 0;
  width: 40px;
  height: 40px;
  margin-right: 8px;
}
#ui-datepicker-div .ui-datepicker-calendar tbody td:last-child {
  margin-right: 0;
}
#ui-datepicker-div .ui-datepicker-calendar tbody td .ui-state-default {
  background: transparent;
  border: none;
  padding: 10px;
  font-size: 15px;
  text-align: center;
  font-weight: 500;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
  border-radius: 50%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#ui-datepicker-div .ui-datepicker-calendar tbody td.ui-datepicker-current-day .ui-state-default {
  background-color: #2282b9;
  color: #fff;
}
#ui-datepicker-div .ui-datepicker-calendar .ui-datepicker-unselectable {
  opacity: 0.35;
}
#ui-datepicker-div .ui-datepicker-buttonpane {
  margin-top: 0;
  border-top: none;
}
#ui-datepicker-div .ui-datepicker-buttonpane .ui-datepicker-current {
  display: none;
}
#ui-datepicker-div .ui-datepicker-buttonpane .ui-datepicker-close {
  position: absolute;
  top: 10px;
  right: 10px;
  background-color: transparent;
  border: none;
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M18.3633 5.63623L5.63536 18.3642' stroke='%23ACACAC' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.63672 5.63623L18.3646 18.3642' stroke='%23ACACAC' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center center no-repeat;
}

.playlist-popup {
  position: fixed;
  top: calc(50% + 20px);
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 1108px;
  background-color: #fff;
  z-index: 150;
  display: none;
}
.playlist-popup > .close-button {
  border-radius: 100px;
  padding: 6px 20px;
  border: 1px solid #bebebe;
  background-color: #fff;
  font-weight: 500;
  position: fixed;
  bottom: 150px;
  right: 50px;
  display: none;
}
.playlist-popup.on {
  display: block;
}
.playlist-popup .title-area {
  background-color: #092857;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 18px 24px;
}
.playlist-popup .title-area .title-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.playlist-popup .title-area .title-wrapper .title {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
}
.playlist-popup .title-area .title-wrapper .date {
  font-size: 18px;
  color: #fff;
  font-weight: 500;
}
.playlist-popup .title-area .close-button {
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.3633 5.63623L5.63536 18.3642' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.63672 5.63623L18.3646 18.3642' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") center center no-repeat;
}
.playlist-popup .player-playlist-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.playlist-popup .player-playlist-area .player-area {
  width: 760px;
  height: 587px;
}
.playlist-popup .player-playlist-area .player-area .player-app {
  width: 100%;
  height: 427px;
  background-color: gray;
}
.playlist-popup .player-playlist-area .player-area .title {
  font-size: 28px;
  line-height: 32px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  padding: 20px 24px 0;
}
.playlist-popup .player-playlist-area .playlist-area {
  width: calc(100% - 760px);
  height: 587px;
  background-color: #ededed;
  padding-top: 24px;
  overflow: hidden;
}
.playlist-popup .player-playlist-area .playlist-area .title-wrapper {
  padding-left: 24px;
  padding-right: 24px;
}
.playlist-popup .player-playlist-area .playlist-area .title-wrapper .title {
  font-size: 18px;
  font-weight: 700;
  padding-bottom: 14px;
  border-bottom: 1px solid #acacac;
}
.playlist-popup .player-playlist-area .playlist-area .title-wrapper .title .number {
  font-size: 18px;
  font-weight: 700;
  color: #2282b9;
}
.playlist-popup .player-playlist-area .playlist-area .playlist-wrapper {
  height: 531px;
  overflow-y: auto;
  padding: 0 24px;
}
.playlist-popup .player-playlist-area .playlist-area .playlist-wrapper .playlist .video {
  padding: 8px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #dde1e4;
}
.playlist-popup .player-playlist-area .playlist-area .playlist-wrapper .playlist .video.on .title {
  color: #2282b9;
}
.playlist-popup .player-playlist-area .playlist-area .playlist-wrapper .playlist .video:hover .thumbnail img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.playlist-popup .player-playlist-area .playlist-area .playlist-wrapper .playlist .video:hover .title {
  color: #2282b9;
}
.playlist-popup .player-playlist-area .playlist-area .playlist-wrapper .playlist .video .thumbnail {
  width: 117px;
  height: 66px;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
}
.playlist-popup .player-playlist-area .playlist-area .playlist-wrapper .playlist .video .thumbnail img {
  width: 100%;
  height: 100%;
  border-radius: 5px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.playlist-popup .player-playlist-area .playlist-area .playlist-wrapper .playlist .video .thumbnail .play-time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 24px;
  border-radius: 0 5px 0 5px;
  background-color: rgba(34, 34, 34, 0.8);
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0 8px;
}
.playlist-popup .player-playlist-area .playlist-area .playlist-wrapper .playlist .video .title {
  width: calc(100% - 125px);
  margin-left: 8px;
  padding: 3px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-size: 15px;
  line-height: 20px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.popup-pagination-wrapper {
  padding: 16px 24px;
  margin-top: 16px;
  position: relative;
}
.popup-pagination-wrapper::before {
  content: "";
  display: block;
  width: calc(100% - 48px);
  height: 1px;
  background-color: #dde1e4;
  position: absolute;
  top: 0;
  left: 24px;
}
.popup-pagination-wrapper .popup-pagination {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
  height: 28px;
  border: 1px solid #dde1e4;
  width: 136px;
  height: 28px;
  border-radius: 100px;
}
.popup-pagination-wrapper .popup-pagination.disabled {
  width: 52px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.popup-pagination-wrapper .popup-pagination.disabled .left-button {
  display: none;
}
.popup-pagination-wrapper .popup-pagination.disabled .right-button {
  display: none;
}
.popup-pagination-wrapper .popup-pagination .left-button,
.popup-pagination-wrapper .popup-pagination .right-button {
  width: 42px;
  height: 100%;
}
.popup-pagination-wrapper .popup-pagination .left-button {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M13.125 3.75L6.875 10L13.125 16.25' stroke='%237C7C7C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center center no-repeat;
  border-right: 1px solid #ebebeb;
}
.popup-pagination-wrapper .popup-pagination .right-button {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M6.875 3.75L13.125 10L6.875 16.25' stroke='%237C7C7C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center center no-repeat;
  border-left: 1px solid #ebebeb;
}
.popup-pagination-wrapper .popup-pagination .numbers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.popup-pagination-wrapper .popup-pagination .numbers > span {
  font-size: 14px;
}
.popup-pagination-wrapper .popup-pagination .numbers .current-number {
  font-weight: 500;
  font-size: 14px;
}
.popup-pagination-wrapper .popup-pagination .numbers .slash {
  margin: 0 2px;
  color: #7c7c7c;
}
.popup-pagination-wrapper .popup-pagination .numbers .last-number {
  color: #484848;
}