/* sns */
/* select */
/* button */
/* categories */
/* calamity */
/* tooltip direction */
/* decoration */
#contents .main-tv-news-box .datepicker-wrapper {
  margin-top: 6px;
}
#contents .main-tv-news-box .play-buttons-wrapper {
  position: absolute;
  top: 30px;
  right: 24px;
}
#contents .main-tv-news-box .all-select {
  position: absolute;
  top: 32px;
  left: 24px;
}
#contents .main-tv-news-box .box-contents {
  margin-top: 30px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
#contents .main-tv-news-box .box-contents .box-content {
  width: calc(25% - 13.5px);
  margin-right: 18px;
}
#contents .main-tv-news-box .box-contents .box-content:nth-child(4n) {
  margin-right: 0;
}
#contents .main-tv-news-box .box-contents .box-content:nth-child(n+5) {
  margin-top: 32px;
}
#contents .program-introduction-popup {
  background-color: #fff;
  width: 1280px;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 150;
  display: none;
  border-radius: 10px 10px 10px 10px;
}
#contents .program-introduction-popup.on {
  display: block;
}
#contents .program-introduction-popup .title-wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 18px 24px;
  background-color: #ebeef0;
  border-radius: 10px 10px 0 0;
  height: 60px;
}
#contents .program-introduction-popup .title-wrapper .title {
  font-size: 24px;
  font-weight: 700;
}
#contents .program-introduction-popup .title-wrapper .close-button {
  width: 42px;
  height: 42px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='42' viewBox='0 0 42 42' fill='none'%3E%3Cpath d='M32.1357 9.8634L9.86188 32.1373' stroke='%23484848' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.86426 9.8634L32.1381 32.1373' stroke='%23484848' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center center no-repeat;
}
#contents .program-introduction-popup .title-wrapper .youtube-button {
  width: auto;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 10px 0 4px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  gap: 4px;
  top: 14px;
  right: 70px;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 100px;
  color: #484848;
  font-weight: 500;
}
#contents .program-introduction-popup .title-wrapper .youtube-button:hover {
  text-decoration: underline;
}
#contents .program-introduction-popup .title-wrapper .youtube-button .youtube-icon {
  display: block;
  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='M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z' fill='%23E43535'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.7734 17H7.22661C6.00197 17 5 15.961 5 14.691V9.309C5 8.03905 6.00197 7 7.22661 7H16.7734C17.998 7 19 8.03905 19 9.309V14.691C19 15.961 17.998 17 16.7734 17ZM10.7287 10.0661V14.3369L14.5407 12.1319L10.7287 10.0661Z' fill='white'/%3E%3C/svg%3E") center center no-repeat;
}
#contents .program-introduction-popup .program-introduction-wrapper {
  padding: 24px;
  max-height: 500px;
  overflow-y: scroll;
  border-radius: 0 0 10px 10px;
}
#contents .program-introduction-popup .program-introduction-wrapper.overflow-y-auto {
  overflow-y: auto;
}
#contents .program-introduction-popup .program-introduction-wrapper .program-introduction {
  background-color: #f9f9f9;
  padding: 30px 20px;
  border-radius: 10px;
}
#contents .program-introduction-popup .program-introduction-wrapper .program-introduction .bold-text {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 20px;
  display: block;
}
#contents .program-introduction-popup .program-introduction-wrapper .program-introduction .text {
  font-size: 18px;
  line-height: 28px;
}
#contents .program-introduction-popup .program-introduction-wrapper .program-introduction .text .highlight-text {
  font-weight: 500;
  font-size: 18px;
}
#contents .program-introduction-popup .program-introduction-wrapper .program-introduction .text .youtube-go {
  font-size: 18px;
  line-height: 28px;
  text-decoration: underline;
  padding-left: 30px;
  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='M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z' fill='%23E43535'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.7734 17H7.22661C6.00197 17 5 15.961 5 14.691V9.309C5 8.03905 6.00197 7 7.22661 7H16.7734C17.998 7 19 8.03905 19 9.309V14.691C19 15.961 17.998 17 16.7734 17ZM10.7287 10.0661V14.3369L14.5407 12.1319L10.7287 10.0661Z' fill='white'/%3E%3C/svg%3E") left center/24px 24px no-repeat;
}
#contents .program-introduction-popup .program-introduction-wrapper .program-introduction .text .youtube-go:hover {
  color: #ff3535;
}
#contents .program-introduction-popup .program-introduction-wrapper .program-introduction .sub-title {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 20px;
  display: block;
  line-height: 23px;
}
#contents .program-introduction-popup .program-introduction-wrapper .program-introduction .point-text {
  color: #2282b9;
}
#contents .program-introduction-popup .program-introduction-wrapper .program-introduction .description .description-ul .description-li {
  padding-top: 30px;
}
#contents .program-introduction-popup .program-introduction-wrapper .program-introduction .description .description-ul .description-li .description-inside-ul .description-inside-li {
  margin-left: 20px;
  list-style: disc;
  font-size: 18px;
  line-height: 28px;
  margin-top: 14px;
}
#contents .program-introduction-popup .program-introduction-wrapper .program-introduction .description .description-ul .description-li .description-inside-ul .description-inside-li.title {
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
  color: #2282b9;
}
#contents .program-introduction-popup .program-introduction-wrapper .program-introduction .description .description-ul .description-li .description-inside-ul .description-inside-li .small-title {
  color: black;
  font-size: 17px;
}
#contents .program-introduction-popup .program-introduction-wrapper .program-introduction .description .description-ul .description-li .description-inside-ul .description-inside-li:first-child {
  margin-top: 0;
}
#contents .program-introduction-popup .program-introduction-wrapper .program-introduction .description.type-b .description-ul .description-li {
  padding-top: 30px;
}
#contents .program-introduction-popup .program-introduction-wrapper .program-introduction .description.type-b .description-ul .description-li .description-inside-ul .description-inside-li {
  list-style: none;
  margin-top: 0px;
}
#contents .program-introduction-popup .program-introduction-wrapper .program-introduction .description.type-b .description-ul .description-li .description-inside-ul .description-inside-li.title {
  list-style: disc;
}
#contents .program-introduction-popup .program-introduction-wrapper .part-introduction {
  margin-top: 30px;
}
#contents .program-introduction-popup .program-introduction-wrapper .part-introduction .margin-top-70 {
  margin-top: 70px !important;
}
#contents .program-introduction-popup .program-introduction-wrapper .part-introduction > .title {
  font-size: 22px;
  line-height: 22px;
  font-weight: 700;
  padding: 14px 0;
  border-bottom: 1px solid #e2e2e2;
  margin-bottom: 20px;
}
#contents .program-introduction-popup .program-introduction-wrapper .part-introduction .part .part-ul .part-li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 5px;
}
#contents .program-introduction-popup .program-introduction-wrapper .part-introduction .part .part-ul .part-li.margin-bottom-10 {
  margin-bottom: 10px !important;
}
#contents .program-introduction-popup .program-introduction-wrapper .part-introduction .part .part-ul .part-li:last-child {
  margin-bottom: 0;
}
#contents .program-introduction-popup .program-introduction-wrapper .part-introduction .part .part-ul .part-li .part-title {
  min-width: 160px;
  margin-right: 20px;
  font-weight: 500;
  font-size: 18px;
  line-height: 30px;
}
#contents .program-introduction-popup .program-introduction-wrapper .part-introduction .part .part-ul .part-li .part-title.blue {
  color: #2282b9;
}
#contents .program-introduction-popup .program-introduction-wrapper .part-introduction .part .part-ul .part-li .part-text {
  line-height: 30px;
  font-size: 18px;
}
#contents .program-introduction-popup .program-introduction-wrapper .part-introduction .part.type-b .part-li {
  margin-bottom: 8px;
}
#contents .program-introduction-popup .program-introduction-wrapper .host-introduction {
  margin-top: 30px;
}
#contents .program-introduction-popup .program-introduction-wrapper .host-introduction > .title {
  font-size: 22px;
  font-weight: 700;
  padding: 14px 0;
  border-bottom: 1px solid #e2e2e2;
  margin-bottom: 24px;
}
#contents .program-introduction-popup .program-introduction-wrapper .host-introduction .hosts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#contents .program-introduction-popup .program-introduction-wrapper .host-introduction .hosts .host {
  width: calc(50% - 31px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
#contents .program-introduction-popup .program-introduction-wrapper .host-introduction .hosts .host .host-image-wrapper {
  width: 150px;
  height: 190px;
}
#contents .program-introduction-popup .program-introduction-wrapper .host-introduction .hosts .host .host-image-wrapper img {
  width: 100%;
}
#contents .program-introduction-popup .program-introduction-wrapper .host-introduction .hosts .host .text-wrapper {
  width: 400px;
}
#contents .program-introduction-popup .program-introduction-wrapper .host-introduction .hosts .host .text-wrapper .day-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 50px;
  border-bottom: 1px solid #e2e2e2;
  margin-bottom: 16px;
}
#contents .program-introduction-popup .program-introduction-wrapper .host-introduction .hosts .host .text-wrapper .day-name .day {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  width: 70px;
  margin-right: 10px;
}
#contents .program-introduction-popup .program-introduction-wrapper .host-introduction .hosts .host .text-wrapper .day-name .name {
  font-size: 22px;
  font-weight: 500;
}
#contents .program-introduction-popup .program-introduction-wrapper .host-introduction .hosts .host .text-wrapper .day-name .name span {
  margin-left: 5px;
}
#contents .program-introduction-popup .program-introduction-wrapper .host-introduction .hosts .host .text-wrapper .host-description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 20px;
}
#contents .program-introduction-popup .program-introduction-wrapper .host-introduction .hosts .host .text-wrapper .host-description:last-child {
  margin-bottom: 0;
}
#contents .program-introduction-popup .program-introduction-wrapper .host-introduction .hosts .host .text-wrapper .host-description .sub-title {
  font-weight: 500;
  line-height: 24px;
  color: #2282b9;
  min-width: 70px;
}
#contents .program-introduction-popup .program-introduction-wrapper .host-introduction .hosts .host .text-wrapper .host-description .text {
  line-height: 24px;
  color: #333333;
  max-width: 310px;
}
#contents .program-introduction-popup .program-introduction-wrapper .host-introduction .hosts .host:nth-child(odd) {
  margin-right: 62px;
}
#contents .program-introduction-popup .program-introduction-wrapper .host-introduction .hosts .host:nth-child(n+3) {
  margin-top: 50px;
}
#contents .program-introduction-popup .program-introduction-wrapper .host-introduction.type-b .hosts .host .text-wrapper .host-description .text {
  max-width: 100%;
}
#contents .program-introduction-popup .program-introduction-wrapper .host-introduction.type-c .hosts .host {
  margin-right: 3.3%;
  width: 30%;
}
#contents .program-introduction-popup .program-introduction-wrapper .host-introduction.type-c .hosts .host:nth-child(odd) {
  margin-right: 3.3%;
}
#contents .program-introduction-popup .program-introduction-wrapper .host-introduction.type-c .hosts .host:nth-child(n+3) {
  margin-top: 0;
}
#contents .program-introduction-popup .program-introduction-wrapper .host-introduction.type-c .hosts .host:nth-child(n+4) {
  margin-top: 50px;
}
#contents .program-introduction-popup .program-introduction-wrapper .host-introduction.type-c .hosts .host .text-wrapper {
  width: 100%;
}
#contents .program-introduction-popup .program-introduction-wrapper .host-introduction.type-c .hosts .host .text-wrapper .day-name {
  height: 40px;
  border-bottom: 0;
}
#contents .program-introduction-popup .program-introduction-wrapper .host-introduction.type-c .hosts .host .text-wrapper .host-description .text {
  max-width: 100%;
}
#contents .program-introduction-popup .program-introduction-wrapper .host-introduction.dense .hosts .host {
  width: 22% !important;
  height: 0 !important;
}
#contents .program-introduction-popup .program-introduction-wrapper .host-introduction .info-title {
  display: inline-block;
  width: 45px !important;
}
#contents .program-introduction-popup .program-introduction-wrapper .people-make {
  margin-top: 30px;
}
#contents .program-introduction-popup .program-introduction-wrapper .people-make > .title {
  font-size: 22px;
  font-weight: 700;
  padding: 14px 0;
  border-bottom: 1px solid #e2e2e2;
  margin-bottom: 24px;
}
#contents .program-introduction-popup .program-introduction-wrapper .people-make .people-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#contents .program-introduction-popup .program-introduction-wrapper .people-make .people-list .person {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  width: 25%;
}
#contents .program-introduction-popup .program-introduction-wrapper .people-make .people-list .person .job {
  width: 120px;
  min-height: 28px;
  border: 1px solid rgba(34, 130, 185, 0.3);
  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;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  color: #2282b9;
  text-align: center;
}
#contents .program-introduction-popup .program-introduction-wrapper .people-make .people-list .person .name {
  color: #333333;
}
#contents .program-introduction-popup .program-introduction-wrapper .people-make .people-list .person:nth-child(n+5) {
  margin-top: 8px;
}
#contents .program-introduction-popup .program-introduction-wrapper .people-make.type-b .person-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
#contents .program-introduction-popup .program-introduction-wrapper .people-make.type-b .person-area .person {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 16.66%;
}
#contents .program-introduction-popup .program-introduction-wrapper .people-make.type-b .person-area .person:nth-child(n+7) {
  margin-top: 24px;
}
#contents .program-introduction-popup .program-introduction-wrapper .people-make.type-b .person-area .person .image-wrapper {
  width: 140px;
  height: 140px;
  overflow: hidden;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#contents .program-introduction-popup .program-introduction-wrapper .people-make.type-b .person-area .person .image-wrapper img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#contents .program-introduction-popup .program-introduction-wrapper .people-make.type-b .person-area .person .image-wrapper .image {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#contents .program-introduction-popup .program-introduction-wrapper .people-make.type-b .person-area .person .name {
  margin-top: 16px;
  font-size: 18px;
  line-height: 18px;
  font-weight: 500;
  color: #333333;
}
#contents .program-introduction-popup .program-introduction-wrapper .people-make.type-b .person-area .person .name .job {
  margin-left: 5px;
  font-size: 18px;
  line-height: 18px;
  font-weight: 500;
  color: #333333;
}
#contents .program-introduction-popup .program-introduction-wrapper .people-make.type-b .person-area .person .email {
  margin-top: 10px;
  font-size: 12px;
  color: #666;
}
#contents .program-introduction-popup .program-introduction-wrapper .people-make.type-c .title {
  margin-bottom: 0;
}
#contents .program-introduction-popup .program-introduction-wrapper .people-make.type-c .person-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
#contents .program-introduction-popup .program-introduction-wrapper .people-make.type-c .person-area .person-box {
  width: 45%;
}
#contents .program-introduction-popup .program-introduction-wrapper .people-make.type-c .person-area .person-box:nth-child(n+3) {
  margin-top: 20px;
}
#contents .program-introduction-popup .program-introduction-wrapper .people-make.type-c .person-area .person-box .sub-title {
  font-size: 20px;
  font-weight: 500;
  width: 100%;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #e2e2e2;
}
#contents .program-introduction-popup .program-introduction-wrapper .people-make.type-c .person-area .person-box .person-ul {
  margin-top: 16px;
}
#contents .program-introduction-popup .program-introduction-wrapper .people-make.type-c .person-area .person-box .person-ul .person-li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  padding-bottom: 20px;
}
#contents .program-introduction-popup .program-introduction-wrapper .people-make.type-c .person-area .person-box .person-ul .person-li:last-child {
  padding-bottom: 0;
}
#contents .program-introduction-popup .program-introduction-wrapper .people-make.type-c .person-area .person-box .person-ul .person-li .job {
  width: 130px;
  line-height: 24px;
  font-weight: 500;
  color: #2282b9;
}
#contents .program-introduction-popup .program-introduction-wrapper .people-make.type-c .person-area .person-box .person-ul .person-li .name {
  line-height: 24px;
}
#contents .program-introduction-popup .program-introduction-wrapper .people-make.type-c.type-c-02 .person-area .person-box {
  width: 100%;
}
#contents .program-introduction-popup .program-introduction-wrapper .people-make.type-c.type-c-02 .person-area .person-box .person-ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#contents .program-introduction-popup .program-introduction-wrapper .people-make.type-c.type-c-02 .person-area .person-box .person-ul .person-li .name {
  width: calc(100% - 150px);
}
#contents .program-introduction-popup .program-introduction-wrapper .people-make.type-c.type-c-02 .person-area .person-box .person-ul .person-li:first-child {
  width: 100%;
}
#contents .program-introduction-popup .program-introduction-wrapper .people-make.type-c.type-c-02 .person-area .person-box .person-ul .person-li:nth-child(n+2) {
  width: 50%;
}
#contents .program-introduction-popup .program-introduction-wrapper .people-make.type-c.type-c-02 .person-area .person-box .person-ul .person-li:nth-child(even) .name {
  padding-right: 100px;
}
#contents .program-introduction-popup .program-introduction-wrapper .people-make.type-c.type-c-03 .sub-title {
  font-size: 18px;
  font-weight: 500;
  margin-top: 16px;
}
#contents .program-introduction-popup .program-introduction-wrapper .people-make.type-c.type-c-03 .person-area .person-box {
  width: auto;
}
#contents .program-introduction-popup .program-introduction-wrapper .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;
}