/* 타이틀 */
h2.heading { display: flex; align-items: center; font-size: 2rem; color: #000; font-weight: bold; line-height: 1.375; }

/* 메인비주얼 */
.MVisual { position: relative; width: 100rem; margin: 0 auto; }
.visual { position: relative; overflow: hidden; width: 100%; }
.visual .item { display: inline-flex; align-items: center; justify-content: center; font-size: 0; line-height: 0; overflow: hidden; }
.MVisual .dotBox { display: inline-flex; width: auto; position: absolute; left: 16%; bottom: 9rem; }
.MVisual .dotBox > ul { display: flex; align-items: center; gap: 0.5rem; }   
.MVisual .dotBox > ul li { display: flex; align-items: center; justify-content: center; width: 1.3rem; height: 1.3rem; } 
.MVisual .dotBox > ul li button { border-radius: 50%; width: 100%; height: 100%; background: rgba(255,255,255,0.5);  text-indent: -9999px; }
.MVisual .dotBox > ul li.slick-active button { background: #fff; }

/* 프로그램 */
.program { position: relative; width: 100%; padding: 6.5rem 0; background: url('../../../images/suhak/main/programBG.svg')no-repeat left top -0.75rem; background-size: 6.6rem 8.05rem; }
.program .titWrap { display: flex; align-items: center; justify-content: space-between; width: 100%; }
.program .titWrap .titLft { display: flex; align-items: baseline; flex-wrap: wrap; max-width: calc(100% - 4.5rem);  }
.program .titWrap .titLft > p { font-size: 0.9rem; }
.program .titWrap .titLft > span { display: block; font-size: 2rem; font-weight: bold; line-height: 1.375; margin-right: 1.1rem; }
.program .titWrap .titLft > span > em { color: rgba(65,86,167); }
.program .titWrap > a.btn_more { font-size: 0.9rem; display: inline-flex; align-items: center; justify-content: center; font-weight: 300; line-height: 1.7; }
.program .prgmLst { margin-top: 4rem; width: 100%; }
.program .prgmLst ul { display: flex; gap: 1.9rem; width: 100%; }
.program .prgmLst ul li { width: calc((100% - 5.7rem) / 4); }
.program .prgmLst ul li:nth-child(n + 5) { display: none; }
.program .prgmLst ul li .lst { position: relative; }
.program .prgmLst ul li .lst > span.state { position: absolute; border: 1px solid #4156a7; color: #4156a7; left: -0.25rem; top: -0.65rem; width: 3.8rem; height: 2.25rem; display: inline-flex; align-items: center; justify-content: center; z-index: 1; background: #fff; }
.program .prgmLst ul li .lst > span.state.now { background: #0589da; color: #fff; border-color: #0589da; }
.program .prgmLst ul li .lst .img { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; overflow: hidden; aspect-ratio: 720 / 488; max-width: 100%; }
.program .prgmLst ul li .lst .img img { width: 100%; height: 100%; object-fit: cover; font-size: 0; line-height: 0; }
.program .prgmLst ul li .lst .btn_wrap { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; width: 100%; gap: 0.15rem; justify-content: center; align-items: center; opacity: 0; visibility: hidden; }
.program .prgmLst ul li .lst .btn_wrap > a { display: inline-flex; align-items: center; justify-content: center; width: 2.6rem; height: 2.6rem; background: rgba(0,0,0,0.7); color: #fff; }
.program .prgmLst ul li .lst .btn_wrap > a > i { font-size: 1rem; }
.program .prgmLst ul li .lst .txt { margin-top: 1.5rem; width: 100%; }
.program .prgmLst ul li .lst .txt > span { font-size: 0.75rem; font-weight: 600; color: #1873f1; line-height: 1; }
.program .prgmLst ul li .lst .txt > p { font-size: 0.9rem; line-height: 1; margin: 0.5rem 0 0.85rem; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #000; font-weight: 600; }
.program .prgmLst ul li .lst .txt > em { font-size: 0.85rem; font-weight: 300; line-height: 1; color: #666; }
.program .prgmLst ul li.no_data { display: flex; align-items: center; justify-content: center; font-weight: 600; font-size: 0.9rem; background: rgba(0,0,0,0.2); border-radius: 1rem; height: 17.75rem; width: 100%; }
/* 프로그램 : action */
.program .titWrap > a.btn_more,
.program .prgmLst ul li .lst .btn_wrap { transition: 0.2s; }
.program .prgmLst ul li .lst:hover .btn_wrap,
.program .prgmLst ul li .lst:focus .btn_wrap { opacity: 1; visibility: visible; }

/* 자주 찾는 메뉴 */
.link { display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between; }
.link .titWrap > span { display: block; font-size: 2rem; font-weight: bold; line-height: 1.375; }
.link .titWrap > span > em { color: rgba(65,86,167); }
.link .titWrap > p { margin-top: 1.6rem; line-height: 1.3333; font-size: 0.9rem; color: rgba(51,51,51); word-break: keep-all; }
.link > ul { display: flex; justify-content: space-between; width: 67%; align-items: center; }
.link > ul > li { overflow: hidden; flex: 1; }
.link > ul > li > a { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0 0.5rem; }
.link > ul > li > a .img { width: 2.6rem; height: 2.6rem; font-size: 0; line-height: 0; display: inline-flex; align-items: center; justify-content: center; }
.link > ul > li > a > span { display: block; font-size: 0.9rem; margin-top: 0.75rem; text-align: center; }
/* 자주 찾는 메뉴 : active */
.link > ul > li > a:hover > span,
.link > ul > li > a:focus > span { color: #4156a7; text-decoration: underline; }

/* 유튜브 링크 */
.videoBox { width: 69%; position: relative; }
.videoBox .videoSlider { display: flex; align-items: center; justify-content: center; width: 100%; height: 34.5rem; border-radius: 1.5rem; overflow: hidden; isolation: isolate; }
.videoBox .videoSlider .slick-list,
.videoBox .videoSlider .slick-track { height: 100%; }
.videoBox .videoSlider .item { display: inline-flex; align-items: center; justify-content: center; overflow: hidden;  }
.videoBox .videoSlider .item a { position: relative; display: flex; align-items: center; justify-content: center; font-size: 0; line-height: 0; }
.videoBox .videoSlider .item iframe { height: 100% !important; aspect-ratio: 1.75 / 1; }
.videoBox .videoSlider .item a > img { object-fit: cover; }
.videoBox .titWrap { width: calc(100% - 4.3rem); color: #fff; display: flex; flex-direction: column; justify-content: center; padding-top: 1.2rem; }
.videoBox .videoSlider .item a > span { width: 8rem; height: 8rem; display: flex; align-items: center; justify-content: center; border-radius: 50%; color: #fff; font-size: 3.5rem; background: rgba(65,86,167,0.6); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.videoBox .titWrap > span { font-size: 1.5rem; font-weight: bold; line-height: 1.2; } 
.videoBox .titWrap > p { margin-top: 0.75rem; font-size: 0.75rem; line-height: 1.555; }
.videoBox .hash_wrap { margin-top: 2.1rem; }
.videoBox .hash_wrap .hash { padding: 0.5rem 0.7rem; font-weight: 600; background: rgba(255,255,255,0.2); display: inline-block; }
.videoBox .control { position: absolute; bottom: 0; right: 0; display: inline-flex; align-items: center; justify-content: center; }
.videoBox .control > a { display: inline-flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; background: #0275bb; font-size: 0.9rem; border: 1px solid #fff; color: #fff; font-family: "NanumGothic"; }
.videoBox .control > a.next { margin-left: 0.3rem; }

/* 캘린더 */
.calBox { width: 29%; background: #4156a7; border-radius: 1rem 1rem 0 0; padding: 0.3rem; display: flex; flex-direction: column; }
.calBox .calCrt { display: flex; align-items: center; justify-content: center; gap: 1.5rem; padding-block: 0.45rem 0.75rem; }
.calBox .calCrt > a { display: inline-flex; align-items: center; justify-content: center; background: #fff; width: 2.5rem; height: 2.5rem;  }
.calBox .calCrt > a > span { width: 25px; height: 27px; background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 17'%3E%3Cg data-name='구성 요소 29 – 10'%3E%3Cpath data-name='사각형 21297' style='fill:none' d='M0 0h16v16H0z' transform='translate(0 .479)'/%3E%3Cg data-name='그룹 19141'%3E%3Cg data-name='그룹 19142'%3E%3Cpath data-name='패스 49948' d='M12.717.084 6.4 6.034 0 0' style='stroke:%234156a7;stroke-linecap:round;stroke-linejoin:round;stroke-width:3px;fill:none' transform='rotate(90 3.948 6.069)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); background-position: center center; }
.calBox .calCrt > a.next > span { transform: rotateY(-180deg); }
.calBox .calCrt > span { display: inline-block; font-size: 1.5rem; font-weight: bold; color: #fff; } 
.calBox .calndr table { background: #fff; } 
.calBox .calndr table thead tr th,
.calBox .calndr table tbody tr td { border-right: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; }
.calBox .calndr table thead tr th:last-child { border-right: none; }  
.calBox .calndr table tbody tr:last-child td { border-bottom: none; }
.calBox .calndr table thead tr th { font-size: 0.7rem; font-weight: bold; padding: 0.65rem 0; text-align: center; background: #f7f7f7; }
.calBox .calndr table thead tr th.sun,
.calBox .calndr table tbody tr td.sun { color: #f45f5f; }
.calBox .calndr table thead tr th.sat,
.calBox .calndr table tbody tr td.sat { color: #4156a7; }
.calBox .calndr table tbody tr td { background: #fff; text-align: center; color: rgba(51,51,51); }
.calBox .calndr table tbody tr td.pfrm { background: #f7f7f7; }
.calBox .calndr table tbody tr td.today { background: #ccd6fd !important; font-weight: bold !important;  color: #4156a7 !important; }
.calBox .calndr table tbody tr td.actv { background: #ff909f !important; font-weight: bold !important;  color: #fff !important; }
.calBox .calndr table tbody tr td.otherDay { background: rgba(255,255,255,0.3); color: rgba(51,51,51, 0.3); }
.calBox .calndr table tbody tr td.otherDay.pfrm { background: rgba(247, 247, 247, 0.3); }
.calBox .calndr table tbody tr td.otherDay.sun { color: rgba(244, 95, 95, 0.3); }
.calBox .calndr table tbody tr td.otherDay.sat { color: rgba(65, 86, 167, 0.3); }
.calBox .calndr table tbody tr td.otherDay.actv { background: rgba(255, 144, 159, 0.3) !important; font-weight: bold !important; }
.calBox .calndr table tbody tr td a { display: flex; align-items: center; justify-content: center; width: 100%; height: 2.75rem; padding: 0.2rem; font-size: 0.7rem; } 
.calBox h2.heading { font-size: 1.5rem; display: flex; align-items: center; padding-block: 0.85rem; padding-inline: 1.75rem; color: #fff; font-weight: bold; } 
.calBox .calLst { background: #fff; padding: 0.5rem 0.75rem; flex: 1; }
.calBox .calLst ul { display: flex; flex-direction: column; overflow-y: auto; }
.calBox .calLst ul > li { width: 100%; }
.calBox .calLst ul > li + li { margin-top: 0.5rem; }
.calBox .calLst ul > li > a { display: flex; align-items: center; position: relative; padding: 0.5rem 5.5rem 0.5rem 0.75rem; background: #f7f7f7; border: 1px solid #e4e4e4; }
.calBox .calLst ul > li > a > em { position: absolute; right: 0.75rem; top: 50%; transform: translateY(-50%); font-size: 0.85rem; color: #999; }
.calBox .calLst ul > li > a > span { min-height: 1.3rem; color: #fff; display: inline-flex; align-items: center; justify-content: center; padding-inline: 0.65rem; }
.calBox .calLst ul > li > a > span.Bgblue { background: #4156a7; }
.calBox .calLst ul > li > a > span.Bgsky { background: #0589da; }
.calBox .calLst ul > li > a > span.Bglblue { background: #01bacc; }
.calBox .calLst ul > li > a > p { font-size: 0.85rem; display: block; font-weight: bold; margin-left: 0.5rem; flex: 1; }
.calBox .calLst ul > li.no_data > p { display: flex; align-items: center; height: 2.4rem; padding: 0.5rem 1rem; border: 1px solid #e4e4e4; background: #f7f7f7; font-weight: bold; }

/* 게시판 */
.notice { position: relative; }
.notice .titWrap { display: flex; justify-content: space-between; align-items: center; margin-bottom: 3rem; }
.notice .titWrap .left_wrap { display: flex; align-items: flex-end; }
.notice .titWrap .left_wrap span { font-size: 2rem; display: block; font-weight: bold; color: #000; line-height: 1.375; }
.notice .titWrap .left_wrap span > em { color: rgba(65,86,167); }
.notice .titWrap .left_wrap > p { margin-left: 1.1rem; font-size: 0.9rem; line-height: 1.7; }
.notice .titWrap > a { display: inline-flex; align-items: center; justify-content: center; width: 2.9rem; height: 2.9rem; border: 1px solid #707070; position: relative; color: rgba(122, 122, 122, 0.5); font-size: 1.2rem; }
.notice .dataBox { padding: 0.3rem 0.6rem; font-size: 0.6rem; color: #fff; background:rgba(65,86,167); display: inline-flex; align-items: center; justify-content: center; line-height: 1; }
.notice .noticeLst { display: flex; }
.notice .noticeLst .main_news { width: 22.75rem; margin-bottom: 2.1rem; }
.notice .noticeLst .main_news > a { display: flex; flex-direction: column; width: 100%; }
.notice .noticeLst .main_news > a .img { display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 13.85rem; overflow: hidden; margin-bottom: 0.9rem; }
.notice .noticeLst .main_news > a .img > img { max-width: 100%; }
.notice .noticeLst .main_news > a .txt > p { font-size: 0.9rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; line-height: 1.555; margin-top: 0.5rem; }
.notice .noticeLst .sub_news { width: calc(100% - 22.75rem); padding-left: 3.1rem; }
.notice .noticeLst .sub_news ul { height: 100%; }
.notice .noticeLst .sub_news ul > li:nth-child(n + 4) { display: none; }
.notice .noticeLst .sub_news ul > li > a { display: block;  width: 100%; }
.notice .noticeLst .sub_news ul > li + li > a { padding-top: 2.1rem; margin-top: 2.1rem; border-top: 1px solid #f0f0f0; }
.notice .noticeLst .sub_news ul > li > a > p { font-size: 0.9rem; margin-top: 0.5rem; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.notice .noticeLst .no_data { width: 100%; height: 21.35rem; display: flex; align-items: center; justify-content: center; font-size: 0.9rem; font-weight: 600; background: rgba(0,0,0,0.2); }

/* 게시판 : active */
.notice .noticeLst .main_news > a .img > img { transition: 0.5s; }
.notice .noticeLst .main_news > a:hover .img > img,
.notice .noticeLst .main_news > a:focus .img > img { transform: scale(1.1); }
.notice .noticeLst .main_news > a:hover .txt > p,
.notice .noticeLst .main_news > a:focus .txt > p { text-decoration: underline; }
.notice .noticeLst .sub_news ul > li > a:hover > p,
.notice .noticeLst .sub_news ul > li > a:focus > p { text-decoration: underline; }

/* 팝업존 */
.popupzone { position: relative; }
.popupzone .titWrap { display: flex; align-items: center; justify-content: space-between; }
.popupzone .titWrap .control { display: flex; align-items: center; }
.popupzone .titWrap .control > a { display: flex; align-items: center; justify-content: center; font-size: 1.5rem; }
.popupzone .titWrap .control > a.play { display: none; }
.popupzone .titWrap .control .popdotBox { margin-right: 0.5rem; }
.popupzone .titWrap .control .popdotBox > ul { display: flex; align-items: center; gap: 0.5rem; }
.popupzone .titWrap .control .popdotBox > ul > li { border-radius: 50%; display: flex; align-items: center; justify-content: center; width: 0.75rem; height: 0.75rem; border: 3px solid #9e9b93; transition: 0.2s; }
.popupzone .titWrap .control .popdotBox > ul > li.slick-active { width: 1.1rem; height: 1.1rem; background: #4156a7; border-color: #4156a7; }
.popupzone .titWrap .control .popdotBox > ul > li > button { text-indent: -9999px; }
.popupzone .popSd { margin-top: 1.8rem; background: rgba(0,0,0,0.15); }
.popupzone .popSd .item > a { display: flex; align-items: center; justify-content: center; font-size: 0; line-height: 0; width: 100%; height: 24rem; overflow: hidden; }
.popupzone .popSd .item > a > img { max-width: 100%; height: 100%; width: 100%; }
/* 팝업존 : active */
.popupzone .popSd .item > a > img { transition: 0.5s; }
.popupzone .popSd .item > a:hover > img,
.popupzone .popSd .item > a:focus > img { transform: scale(1.1); }



/**** 반응형 ****/

@media screen and (max-width: 2000px) {
    /* 메인비주얼 */
    .MVisual { width: 100%; }   
    .visual .item > img { max-width: 100%; }
}

@media screen and (max-width: 1860px) {
    /* 메인비주얼 */
    .MVisual .dotBox { bottom: 3rem; }
}

@media screen and (max-width: 1540px) {
    /* 프로그램 */
    .program { padding: 5rem 0; }

    /* 바로가기 */
    .link > ul { width: 75%; }

    /* 공지사항 */
    .notice .noticeLst .main_news { width: 47%; }
    .notice .noticeLst .sub_news { width: calc(100% - 47%); padding-left: 7%; }
}

@media screen and (max-width: 1440px) {
    /* 유튜브 링크 */
    .videoBox { width: 63%; }

    /* 캘린더 */
    .calBox { width: 35%; }

    /* 공지사항 */
    .notice .noticeLst .sub_news { padding-left: 5.5%; }

    /* 팝업존 */
    .popupzone .popSd .item > a { height: auto; }
}

@media screen and (max-width: 1240px) {
    h2.heading { font-size: 1.75rem; }

    /* 프로그램 */
    .program { padding: 3rem 0; background-size: 4rem 6rem }
    .program .titWrap .titLft > span { font-size: 1.75rem; }
    .program .prgmLst { margin-top: 3rem;} 
    .program .prgmLst ul { gap: 1.5rem; }  
    .program .prgmLst ul li { width: calc((100% - 4.5rem) / 4); } 
    .program .prgmLst ul li .lst > span.state { width: 3.5rem; height: 1.75rem; top: -0.35rem; font-size: 0.75rem; }

    /* 메인비주얼 */
    .MVisual .dotBox { bottom: auto; top: 1.25rem; left: 1.3rem; }
    .MVisual .dotBox > ul li { width: 0.7rem; height: 0.7rem; }

    /* 바로가기 */
    .link .titWrap > span { font-size: 1.75rem; }
    .link .titWrap > p { font-size: 0.85rem; margin-top: 1.25rem; }

    /* 유튜브 링크 */
    .videoBox { width: 100%; }
    .videoBox .videoSlider { background: rgba(0,0,0,0.3); height: auto; }
    .videoBox .videoSlider .item a > img { max-width: 100%; }
    .videoBox .videoSlider .item a > span { width: 12.9vw; height: 12.9vw; font-size: 3rem; }

    /* 캘린더 */
    .calBox { width: 100%; margin-top: 2rem; }
    .calBox .calndr table thead tr th { padding: 1rem 0; }
    .calBox .calndr table tbody tr td a { height: 4.5rem; }

    /* 공지사항 */
    .notice .titWrap .left_wrap span { font-size: 1.75rem; }
    .notice .titWrap > a { width: 2.75rem; height: 2.75rem; }
}

@media screen and (max-width: 1024px) {
    /* 프로그램 */
    .program .prgmLst ul li { width: calc((100% - 3rem) / 3); } 
    .program .prgmLst ul li:nth-child(n + 4) { display: none; } 

    /* 바로가기 */
    .link { flex-direction: column; }
    .link .titWrap { width: 100%; display: flex; align-items: flex-end; margin-bottom: 2rem; flex-wrap: wrap; gap: 0.5rem 0.75rem; }
    .link .titWrap > p { margin-top: 0; line-height: 1.75; margin-left: 0; }
    .link .titWrap > p > br { display: none; }
    .link > ul { width: 100%; }

    /* 공지사항 */
    .notice .titWrap { margin-bottom: 2rem; align-items: start; }
    .notice .noticeLst .sub_news { padding-left: 4%; }
    .notice .noticeLst .main_news { margin-bottom: 0; }
    .notice .titWrap .left_wrap > p { margin-left: 0; }
    .notice .titWrap .left_wrap { flex-wrap: wrap; gap: 0.5rem 0.75rem; }

}

@media screen and (max-width: 768px) {
    h2.heading { font-size: 1.5rem; }

    /* 프로그램 */
    .program .titWrap .titLft > span { font-size: 1.5rem; margin-right: 0.75rem; }

    /* 바로가기 */
    .link .titWrap > span { font-size: 1.5rem; }
    .link > ul { flex-wrap: wrap; gap: 2.5rem 0; }
    .link > ul > li { flex: none; width: calc(100% / 3); }
    .link > ul > li > a .img { width: 2.35rem; height: 2.35rem; }
    .link > ul > li > a .img > img { max-width: 100%; height: 100%; }

    /* 공지사항 */
    .notice .titWrap .left_wrap span { font-size: 1.5rem; }
    .notice .titWrap > a { width: 2.5rem; height: 2.5rem; }
    .notice .noticeLst { flex-wrap: wrap; }
    .notice .noticeLst .main_news > a .img { height: auto; max-height: 20rem; background: rgba(0,0,0,0.2); margin-bottom: 1rem; }
    .notice .noticeLst .main_news { width: 100%; }
    .notice .noticeLst .sub_news { width: 100%; padding: 0; }
    .notice .noticeLst .sub_news ul > li > a { border-top: 1px solid #f0f0f0 !important; padding-top: 1rem !important; margin-top: 1rem !important; }
    .notice .noticeLst .sub_news ul > li:last-child > a { border-bottom: 1px solid #f0f0f0; padding-bottom: 1rem; }
    .notice .noticeLst .main_news > a .txt > p { -webkit-line-clamp: 1; }
}

@media screen and (max-width: 580px) {
    /* 프로그램 */
    .program { padding: 2rem 0; }
    .program .titWrap { align-items: start; }
    .program .titWrap .titLft > span { margin-right: 0; }
    .program .titWrap .titLft > p { width: 100%; margin-top: 0.5rem; }
    .program .prgmLst { margin-top: 2rem; }
    .program .prgmLst > ul > li:nth-child(n + 3) { display: none; }
    .program .prgmLst > ul > li { width: calc((100% - 1.5rem) / 2); }
    .program .prgmLst ul li .lst .btn_wrap > a { width: 2.25rem; height: 2.25rem; font-size: 0.7rem; }
    .program .prgmLst ul li .lst .btn_wrap > a > i { font-size: 0.9rem; }
    .program .prgmLst ul li .lst .txt { margin-top: 1rem; }
    .program .prgmLst ul li .lst .txt > p { margin: 0.5rem 0 0.75rem; } 
    .program .prgmLst ul li .lst .txt > em { font-size: 0.8rem; }
}

@media screen and (max-width: 480px) {
    h2.heading { font-size: 1.25rem; }

    /* 프로그램 */
    .program { padding: 1.5rem 0; background-size: 2rem 4rem; background-position: left top -1rem; }
    .program .titWrap .titLft > span { font-size: 1.25rem; }
    .program .titWrap > a.btn_more { font-size: 0.8rem; }
    .program .titWrap .titLft { max-width: calc(100% - 3.5rem); }
    .program .titWrap .titLft > p { line-height: 1.3; font-size: 0.85rem; margin-top: 0.25rem; }
    .program .prgmLst { margin-top: 1.5rem; }
    .program .prgmLst ul li .lst .txt > span { font-size: 0.7rem; }
    .program .prgmLst ul li .lst .txt > p { font-size: 0.85rem; margin: 0.35rem 0 0.5rem; }
    .program .prgmLst ul li .lst .txt > em { font-size: 0.75rem; }

    /* 바로가기 */
    .link .titWrap { gap: 0.25rem 0; margin-bottom: 1.5rem; }
    .link .titWrap > span { font-size: 1.25rem; }
    .link > ul { gap: 2rem 0; }
    .link > ul > li > a .img { width: 2rem; height: 2rem; }
    .link > ul > li > a > span { font-size: 0.85rem; margin-top: 0.5rem; }
    .link .titWrap > p { line-height: 1.35; }

    /* 유튜브 링크 */
    .videoBox .videoSlider .item a > span { font-size: 8.5vw; }
    .videoBox .titWrap { width: 100%; }
    .videoBox .titWrap > span { font-size: 1.25rem; }
    .videoBox .control { position: unset; width: 100%; justify-content: center; margin-top: 1rem; }
    .videoBox .hash_wrap { margin-top: 1rem; display: flex; flex-wrap: wrap; gap: 0.15rem; }
    .videoBox .hash_wrap .hash { padding: 0.35rem 0.5rem; font-size: 0.75rem; }

    /* 캘린더 */
    .calBox .calCrt > a { width: 2rem; height: 2rem; }
    .calBox .calCrt > span { font-size: 1.25rem; }
    .calBox .calCrt > a > span { background-size: cover; width: 1.25rem; height: 1.25rem; }
    .calBox .calndr table thead tr th { padding: 0.5rem 0; }
    .calBox .calndr table tbody tr td a { height: 2.5rem; }
    .calBox h2.heading { padding: 0.75rem 1rem; font-size: 1.25rem; }
    .calBox .calLst ul > li > a > p { font-size: 0.8rem; }
    .calBox .calLst ul > li > a > em { font-size: 0.8rem; }

    /* 공지사항 */
    .notice .titWrap { margin-bottom: 1.5rem; }
    .notice .titWrap .left_wrap span { font-size: 1.25rem; }
    .notice .titWrap .left_wrap { width: calc(100% - 2rem); }
    .notice .titWrap > a { width: 2rem; height: 2rem; font-size: 1rem; }
    .notice .noticeLst .main_news > a .img { margin-bottom: 0.75rem; max-height: 15rem; }
    .notice .noticeLst .sub_news ul > li > a { padding-top: 0.75rem !important; margin-top: 0.75rem !important; }
    .notice .noticeLst .sub_news ul > li:last-child > a { padding-bottom: 0.75rem !important; }
    .notice .noticeLst .main_news > a .txt > p,
    .notice .noticeLst .sub_news ul > li > a > p { font-size: 0.8rem; }

    /* 팝업존 */
    .popupzone .popSd { margin-top: 1.5rem; }
    .popupzone .titWrap .control .popdotBox > ul { gap: 0.35rem; }
    .popupzone .titWrap .control .popdotBox > ul > li.slick-active { width: 1rem; height: 1rem; }

}

@media screen and (max-width: 380px) {
    h2.heading { font-size: 1.1rem; }

    /* 프로그램 */
    .program { padding: 1.25rem 0; }
    .program .prgmLst > ul > li { width: 100%; }
    .program .prgmLst > ul > li:nth-child(n + 2) { display: none; }
    .program .titWrap .titLft > span { font-size: 1.1rem; }
    .program .titWrap > a.btn_more { font-size: 0.75rem; }

    /* 메인비주얼 */
    .MVisual .dotBox { top: 0.75rem; left: 0.75rem; }

    /* link */
    .link .titWrap > span { font-size: 1.1rem; }
    .link .titWrap > p { line-height: 1.2; font-size: 0.8rem; }
    .link > ul { gap: 0.5rem 0; }
    .link > ul > li > a .img { width: 1.75rem; height: 1.75rem; }
    .link > ul > li > a > span { font-size: 0.75rem; line-height: 0.9rem; height: 1.8rem; }

    /* 유튜브 링크 */
    .videoBox .titWrap > span { font-size: 1.1rem; }
    .videoBox .titWrap > p { margin-top: 0.5rem; }
    .videoBox .hash_wrap,
    .videoBox .control { margin-top: 0.75rem; }
    .videoBox .control > a { width: 1.75rem; height: 1.75rem; font-size: 0.85rem; }
    .videoBox .hash_wrap .hash { padding: 0.25rem 0.5rem; font-size: 0.7rem; }

    /* 캘린더 */
    .calBox { margin-top: 1.5rem; }
    .calBox .calCrt { gap: 1rem; }
    .calBox .calCrt > a { width: 1.75rem; height: 1.75rem; }
    .calBox .calCrt > span { font-size: 1.1rem; }
    .calBox .calCrt > a > span { width: 1rem; height: 1rem; }
    .calBox .calndr table thead tr th { font-size: 0.65rem; }
    .calBox .calndr table tbody tr td a { height: 2.25rem; font-size: 0.65rem; }
    .calBox h2.heading { padding: 0.5rem; font-size: 0.95rem; }
    .calBox .calLst { padding: 0.5rem; }
    .calBox .calLst ul > li > a { padding: 0.5rem 4.75rem 0.5rem 0.5rem; }
    .calBox .calLst ul > li > a > span { padding: 0 0.5rem; font-size: 0.75rem; }
    .calBox .calLst ul > li > a > p { font-size: 0.75rem; }
    .calBox .calLst ul > li > a > em { font-size: 0.75rem; }
    .calBox .calLst ul > li.no_data > p { font-size: 0.75rem; padding: 0.5rem; height: 2.25rem; }

    /* 공지사항 */
    .notice .titWrap { margin-bottom: 1.25rem; }
    .notice .titWrap .left_wrap { width: calc(100% - 1.75rem); gap: 0.25rem; }
    .notice .titWrap .left_wrap span { font-size: 1.1rem; }
    .notice .titWrap .left_wrap > p { width: 100%; font-size: 0.8rem; }
    .notice .titWrap > a { width: 1.75rem; height: 1.75rem; font-size: 0.95rem; }
    .notice .noticeLst .main_news > a .img { max-height: 12.5rem; } 

    /* 팝업존 */
    .popupzone .titWrap .control .popdotBox { margin-right: 0.35rem; }
    .popupzone .titWrap .control .popdotBox > ul { gap: 0.25rem; }
    .popupzone .titWrap .control .popdotBox > ul > li.slick-active { width: 0.9rem; height: 0.9rem; }
    .popupzone .titWrap .control .popdotBox > ul > li { width: 0.6rem; height: 0.6rem; border: 2px solid #9e9b93; }
    .popupzone .titWrap .control > a { font-size: 1.35rem; }
    .popupzone .popSd { margin-top: 1.25rem; }

}