.category .depth_1_name ul.depth_2 {
    display:none;
}
.category .depth_2_name ul.depth_3 {
    display:none;
}

.category .depth_1_name.active ul.depth_2 {
    display:block;
}
.category .depth_2_name.active ul.depth_3 {
    display:block;
}


.timeline_item {
    cursor:pointer;
}
.chapter_wrap {
    cursor:pointer;
}

select#searchCategorySelect {
    min-width: 190px;
}

#modalWrap {
    position:absolute;
}

#modalBg {
    width:100vw;
    height:100vh;
    position:fixed;
    background-color:#FFFFFF;
    opacity:0.8;
    z-index:-10;
    display:none;
}
#modalWrap.show #modalBg {
    z-index:100;
    display:block;
}
#modalContent {
    position:relative;
    width:100vw;
    height:100vh;
    z-index:100;
    display:none;
}

#modalWrap.show #modalContent {
    display:block;
}
@keyframes fadeEffect {
  0% { opacity: 0; } /* 완전히 투명 */
  50% { opacity: 1; } /* 선명 */
  100% { opacity: 0; } /* 다시 투명 */
}

#modalContent img {
  position: absolute;
  width: 280px;
  height: 80px;
  object-fit: cover;
  clip-path: inset(0 0 100% 0); /* 이미지가 처음에는 가려진 상태 */
  animation: wipeEffect 2s infinite;

}

.image-container {
  position: relative;
    width:280px;
    left:50%;
    margin-left:-225px;
    top:50%;
    margin-top:-150px;
    display:none;
  /*overflow: hidden; !* 애니메이션 범위 제한 *!*/
}

#modalWrap.show .image-container {
    display:block;
}

@keyframes wipeEffect {
  0% { clip-path: inset(100% 0 0); } /* 오른쪽에서 왼쪽으로 닦임 */
  100% { clip-path: inset(0 0 0 0); } /* 완전히 보임 */
}


/*.edu_keyword a {*/
/*    cursor: default;*/
/*}*/

.edu_box a img {
    border-radius: 12px;
}

#lectureTypeName {
    font-size: 22px;
    font-weight: 600;
    margin-right:20px;
}