/* 부모 교육 영상 콘텐츠 */

/* 헤더 메뉴 항목 */
.headerMenu3 {
  color: var(--mainColor);
}

.headerMenu3 > span {
  color: var(--mainColor) !important;
  border-bottom: 3px solid var(--mainColor);
}
.headerMenu3:hover > span {
  color: var(--mainColor) !important;
  border-bottom: 3px solid var(--mainColor);
}

.headerMenu3 .subMenuLi4 > .subMenuDiv {
  background-color: var(--mainColor);
  color:var(--whiteColor);
}
.headerMenu3 .subMenuLi4 .subMenuUl > li:nth-child(2) > a {
  color: var(--mainColor);
}

/* 메뉴 항목 */
.asideMenu li:has(.asideSubMenu4) > span {
  background-color: var(--anColor);
}

.asideMenu .asideSubMenu4 > li:nth-child(2) > a {
  color: var(--mainColor);
}
.asideMenu .asideSubMenu4 > li:nth-child(2) > a::before {
  color: var(--mainColor);
}

.pageContents {
  display: flex;
  flex-direction: column;
  gap: 50px;
  position: relative;
}

/* 콘텐츠 내용 */
.contentsInner {
  display: flex;
  flex-direction: column;
}

.contentsInner > div {
  width: 100%;
  display: flex;
}

.contentsTh {
  width: 200px;
  height: 60px;
  background-color: var(--borderBack);
  color: var(--titColor);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  border: 1px solid var(--tableLine);
  font-weight: 700;
}
.contentsTd {
  height: 60px;
  flex: 1;
  display: flex;
  align-items: center;
  font-size: 15px;
  color: var(--txtColor);
  border-top: 1px solid var(--tableLine);
  border-right: 1px solid var(--tableLine);
  border-bottom: 1px solid var(--tableLine);
  padding: 0 10px;
}

/* 제목 */
.contentsTitBox > .contentsTh {
  border-bottom: none;
}
.contentsTitBox > .contentsTd {
  border-bottom: none;
}

/* 날짜/조회수 */
.contentsDayView > div {
  width: 50%;
  display: flex;
}

.contentsDay > .contentsTd {
  border-right: none;
}


/* 내용 */
.contentsMore {
  border-left: 1px solid var(--tableLine);
  border-right: 1px solid var(--tableLine);
  border-bottom: 1px solid var(--tableLine);
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.contentsMore iframe {
  width: 100%;
  height: 700px;
}

.contentsText {
  width: 100%;
  border: none;
  color: var(--txtColor);
  line-height: 22px;
  cursor: default;
  font-size: 15px;
}



/* 모바일 사이드 메뉴 */
.sideNav > li:nth-child(3) .sideSubNav {
  display: flex;
}
.sideNav .sideSubNav4 .sideInnerNav {
  display: flex;
}
.sideNav .sideSubNav4 .sideSubNavTop {
  background-color: var(--subColor);
  color: var(--mainColor);
}
.sideNav .sideSubNav4 .sideInnerNav > li:nth-child(2) > a {
  color: var(--mainColor);
}

.pageBottomBtns {
  margin: 0 auto;
}

/* 페이지 이동 */
.pageMove {
  display: flex;
  flex-direction: column;
}

.pageMoveBox {
  width: 100%;
  display: flex;
}
.pageMoveTit {
  width: 100px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid var(--tableLine);
  border-left: 1px solid var(--tableLine);
  border-right: 1px solid var(--tableLine);
  font-size: 13px;
  color: var(--txt6Color);
  background-color: var(--borderBack);
  cursor: pointer;
  font-weight: 700;
}

.pageMoveBox:hover .pageMoveTxt {
  background-color: var(--anColor);
}

.pageMove > .pageMoveBox:last-of-type {
  border-bottom: 1px solid var(--tableLine);
}

.pageMoveTxt {
  height: 50px;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid var(--tableLine);
  border-right: 1px solid var(--tableLine);
  font-size: 14px;
}

.pageMoveTxt > a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  color: var(--txtColor);
}

/* 반응형 */
@media screen and (max-width: 1440px) {
  .contentsMore iframe {
    width: 100%;
    height: 600px;
  }
}

@media screen and (max-width: 1200px) {
  .contentsTh {
    font-size: 13px;
    width: 150px;
  }
  .contentsTd {
    font-size: 13px;
  }

  .contentsText {
    font-size: 13px;
  }

  .pageMoveTxt {
    font-size: 13px;
  }

  .contentsMore iframe {
    width: 100%;
    height: 500px;
  }

}

@media screen and (max-width: 800px) {
  .roundLineBtns {
    font-size: 13px;
  }

  .contentsTh {
    font-size: 13px;
    height: 50px;
  }
  .contentsTd {
    font-size: 13px;
    height: 50px;
  }

  .contentsText {
    font-size: 13px;
  }

  .pageMoveTit {
    font-size: 13px;
  }

  .pageMoveTxt {
    font-size: 13px;
  }

  .contentsMore iframe {
    width: 100%;
    height: 400px;
  }
}

@media screen and (max-width: 600px) {
  .contentsTh {
    width: 100px;
  }

  .pageMoveTxt > a {
    padding: 0 10px;
  }

  .contentsMore iframe {
    width: 100%;
    height: 280px;
  }
}

@media screen and (max-width: 500px) {
  .contentsTh {
    width: 60px;
    font-size: 13px;
  }
  .contentsTd {
    font-size: 13px;
  }
  .pageMoveTit {
    width: 60px;
    font-size: 13px;
  }
  .pageMoveTxt {
    font-size: 13px;
  }

  .contentsText {
    font-size: 13px;
  }

  .roundLineBtns {
    font-size: 13px;
  }

  .contentsMore iframe {
    width: 100%;
    height: 200px;
  }
}