@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Italiana&display=swap'); /* font-family: "Italiana", sans-serif; */


[data-aos^=fade][data-aos^=fade].aos-animate,
[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1 !important;transform:translateZ(0) !important;}

.typeMain .topBtn{display:none !important;}



.mVisualArea{width:100%;height:755px;z-index:1;position:relative;overflow:hidden;}
.mVisualArea::before{content:"";position:absolute;left:0;top:0;width:100%;height:117px;background: linear-gradient(0deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);z-index:6;}
.mVisual{max-width:1920px;margin:0 auto;width:100%;height:100%;overflow:hidden;}
.mVisual .txtBox{position:relative;width:100%;height:100%;display:flex;flex-wrap:wrap;align-items:start;justify-content:center;align-content:start;z-index:2;padding:230px 40px 0;}
.mVisual .line1{font-family:'Italiana', 'Pretendard', sans-serif;font-size:100px;font-weight:400;line-height:normal;color:var(--color-text-basic-inverse);text-align:center;width:100%;}
.mVisual .line1 span{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;text-overflow:ellipsis;overflow:hidden;white-space:pre-line;word-break:keep-all;overflow-wrap:anywhere;}
.mVisual .line2{font-size:18px;font-weight:400;line-height:150%;margin-top:32px;color:var(--color-text-basic-inverse);text-align:center;}
.mVisual .line2 span{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;text-overflow:ellipsis;overflow:hidden;white-space:pre-line;word-break:keep-all;overflow-wrap:anywhere;}
.mVisual .bgImgBox{position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;overflow:hidden;background-size:cover;background-position:center center;background-repeat:no-repeat;}
.mVisual .bgImgBox::before{content:"";position:absolute;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.3);z-index:1;}
.mVisualArea .arrow {position:absolute;width:80px;height:80px;bottom:124px;left:50%;margin-left:-40px;}
/* ani */
.mVisual .line1{overflow:hidden;}
.mVisual .line1 span{opacity:0;transform:translateY(100px);transition:1s;}
.mVisual .line2{overflow:hidden;}
.mVisual .line2 span{opacity:0;transform:translateY(100px);transition:1s;transition-delay: 0.2s;}
.mVisual .bgImgBox{transition:1s;transform:scale(1.15);}
.ani .mVisual .line1 span{opacity:1;transform:translateY(0);}
.ani .mVisual .line2 span{opacity:1;transform:translateY(0);}
.ani .mVisual .bgImgBox{transform:scale(1);}



/* 섹션 공통 */
.mSection{position:relative;}
.mSection .inner{max-width:1578px;margin:0 auto;padding:0 40px;}
.mSection .tit{opacity:0;transform:translateY(100px);transition:1s;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;text-overflow:ellipsis;overflow:hidden;}
.ani .tit{opacity:1;transform:translateY(0);}
.mSection .btn{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;}
.mSection .btn .svgIcon{background-color:var(--color-icon-gray);width:24px;height:24px;}
.mSection .btn .ico_prev{mask-image:url(../img/main/ico_swiper_prev.svg);}
.mSection .btn .ico_next{mask-image:url(../img/main/ico_swiper_next.svg);}
.mSection .btn .ico_plus{mask-image:url(../img/main/ico_plus.svg);}
.mSection .btn:focus-visible{outline-offset:-2px;}



.mQuickArea{margin-top:-185px;position: relative;z-index:10;overflow:hidden;}
.mQuickArea .inner{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:start;}
.mQuickArea .inner > div{overflow:hidden;display:flex;flex-wrap:wrap;height: 435px;}
.mQuickArea .inner > div.programBx{width:calc(100% - 128px);align-items:stretch;justify-content:center;align-content:center;}
.mQuickArea .inner > div.quickBx{width:128px;align-items:start;justify-content:start;background:var(--color-surface-gray-subtler);}
.mQuickArea .inner > div.programBx > div{width:50%;overflow:hidden;height:100%;}
.mQuickArea .programBx .imgBx{display:block;position:relative;width:100%;height:100%;overflow:hidden;}
.mQuickArea .programBx .imgBx span{background-repeat:no-repeat;background-position:center;background-size:cover;display:block;position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(1);transition:all 0.6s;z-index:1;}
.mQuickArea .programBx .txtBx{background:var(--color-surface-white);display:flex;flex-wrap:wrap;align-items:start;justify-content:center;gap:16px;padding:60px 48px 22px;text-align:center;}
.mQuickArea .programBx .txtBx .category{font-size:18px;color:var(--color-text-primary);font-weight:700;line-height:150%;width:100%;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;text-overflow:ellipsis;overflow:hidden;word-break:keep-all;}
.mQuickArea .programBx .txtBx .title{font-size:36px;color:var(--color-text-basic);font-weight:700;line-height:140%;width:100%;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;text-overflow:ellipsis;overflow:hidden;word-break:keep-all;}
.mQuickArea .programBx .txtBx .txt{font-size:16px;color:var(--color-text-basic);line-height:150%;width:100%;display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical;text-overflow:ellipsis;overflow:hidden;word-break:keep-all;}
.mQuickArea .programBx .programInfo .swiper-wrapper{height:auto;}
.mQuickArea .slideBtn{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;height:64px;}
.mQuickArea .slideBtn .swiperPagi{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;}
.mQuickArea .slideBtn .swiperPagi span{width:12px;height:12px;opacity:1;background:var(--color-element-gray-light);}
.mQuickArea .slideBtn .swiperPagi span.swiper-pagination-bullet-active{background:var(--color-element-secondary);}
.mQuickArea .programBx:hover .imgBx span,
.mQuickArea .programBx .imgBx:hover span,
.mQuickArea .programBx .imgBx:focus-visible span{transform:scale(1.1);}

.mQuickArea .quick{width:100%;}
.mQuickArea .quick .item{width:100% !important;}
.mQuickArea .quick .quickList{display:flex;flex-wrap:wrap;align-items:start;justify-content:start;}
.mQuickArea .quick .quickList li{width:100%;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--color-border-inverse);}
.mQuickArea .quick .quickList li:last-child{border-bottom:none;}
.mQuickArea .quick .quickList a{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;align-content:center;width:100%;min-height:92px;padding:0 8px;}
.mQuickArea .quick .quickList .icoBx{width:40px;height:40px;}
.mQuickArea .quick .quickList .icoBx img{display:block;max-width:100%;max-height:100%;}
.mQuickArea .quick .quickList .title{font-size:16px;line-height:130%;color:var(--color-text-basic);width:100%;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;text-overflow:ellipsis;overflow:hidden;white-space:pre-line;word-break:keep-all;text-align:center;margin-top:2px;}
.mQuickArea .quick .btn{width:64px;height:64px;background:var(--color-element-primary);position:relative;}
.mQuickArea .quick .btn .svgIcon{background:var(--color-icon-inverse);}
.mQuickArea .quick .btn.next::before{content:"";position:absolute;width:1px;height:100%;background:var(--color-alpha-base25);left:0;top:0;}
.mQuickArea .quick .btn:disabled{background:var(--color-element-disabled-light);}
.mQuickArea .quick .btn:disabled .svgIcon{background:var(--color-icon-disabled-on);}
/* ani */
.mQuickArea .inner > div{opacity:0;transform:translateY(100px);transition:1s;}
.mQuickArea.ani .inner > div{opacity:1;transform:translateY(0);}


/* 공지사항 */
.mNews{padding:72px 0 70px;}
.mNews .inner{position:relative;}
.mNews .tit{font-size:40px;line-height:150%;color:var(--color-text-basic);font-weight:700;padding-right:48px;}
.mNews .contArea{margin-top:24px;border-top:1px solid var(--color-divider-gray-darker);}
.mNews .contArea ul{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:start;gap:32px;margin-right:-32px;padding-top:32px;}
.mNews .contArea ul li{width:calc(25% - 32px);border-right:1px solid var(--color-divider-gray-light);}
.mNews .contArea ul .newsBx{width:100%;padding-right:32px;display:flex;flex-wrap:wrap;align-items:stretch;justify-content:start;align-content:space-between;height:100%;}
.mNews .contArea ul .title{font-size:24px;font-weight:600;color:var(--color-text-basic);line-height:140%;}
.mNews .contArea ul .title a{font-size:inherit;font-weight:inherit;color:inherit;line-height:inherit;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;text-overflow:ellipsis;overflow:hidden;white-space:pre-line;word-break:keep-all;overflow-wrap:anywhere;}
.mNews .contArea ul .txt{font-size:16px;line-height:150%;color:var(--color-text-basic);display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;text-overflow:ellipsis;overflow:hidden;white-space:pre-line;word-break:keep-all;overflow-wrap:anywhere;margin-top:12px;}
.mNews .contArea ul .date{font-size:16px;line-height:150%;color:var(--color-text-subtle);display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;text-overflow:ellipsis;overflow:hidden;word-break:keep-all;overflow-wrap:anywhere;margin-top:40px;}
.mNews .link{position:absolute;right:40px;top:10px;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;}
.mNews .link .svgIcon{mask-image:url(../img/layout/ico_plus.svg);}
.mNews .contArea ul li:last-child{border-right:none;}
.mNews .no_article{width:100%;padding:140px 0 60px;background-position:center top 40px;}
/* ani */
.mNews .contArea{opacity:0;transform:translateY(100px);transition:1s;}
.mNews.ani .contArea{opacity:1;transform:translateY(0);}


/* 일정 */
.mSchedule{max-width:1578px;margin:0 auto;padding:0 40px;display:flex;flex-wrap:wrap;align-items:stretch;justify-content:start;z-index:9;}
.mSchedule > div{min-height:200px;display:flex;flex-wrap:wrap;position:relative;}
.mSchedule > div.titArea{flex:calc(25% - 32px);}
.mSchedule > div.contArea{flex:calc(75% + 32px);} 
.mSchedule .titArea{background:var(--secondary60);align-items:center;justify-content:start;align-content:center;padding:0 52px;}
.mSchedule .titArea .subTit{font-size:20px;line-height:150%;color:var(--color-text-basic-inverse);margin-bottom:4px;}
.mSchedule .titArea .tit{font-size:36px;font-weight:500;line-height:140%;color:var(--color-text-basic-inverse);opacity:1;transform:none;width:100%;}
.mSchedule .titArea .link{width:64px;height:64px;position:absolute;right:0;bottom:0;background:var(--secondary70);}
.mSchedule .titArea .link .svgIcon{background:var(--color-icon-inverse);width:24px;height:24px;}
.mSchedule .contArea{background:var(--color-element-secondary);padding-left:64px;}
.mSchedule .contArea ul{display:flex;flex-wrap:wrap;align-items:center;justify-content:start;width:100%;}
.mSchedule .contArea ul li{flex:1;display:flex;flex-wrap:wrap;align-items:center;justify-content:start;gap:20px;padding:0 32px 0 0;}
.mSchedule .contArea ul .dayBx{flex-shrink:0;width:80px;height:80px;border-radius:var(--radius-max);border:1px solid var(--color-border-inverse);display:inline-flex;align-items:center;justify-content:center;flex-direction:column;}
.mSchedule .contArea ul .dayBx .day{font-size:24px;line-height:150%;color:var(--color-text-basic-inverse);font-weight:700;}
.mSchedule .contArea ul .dayBx .year{font-size:14px;line-height:150%;color:var(--color-text-basic-inverse);font-weight:700;}
.mSchedule .contArea ul .infoBx{display:inline-flex;align-items:start;justify-content:start;gap:8px;flex-direction:column;width:calc(100% - 100px);}
.mSchedule .contArea ul .infoBx .date{font-size:16px;line-height:150%;color:var(--color-text-basic-inverse);display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;text-overflow:ellipsis;overflow:hidden;}
.mSchedule .contArea ul .infoBx .title{font-size:24px;line-height:140%;color:var(--color-text-basic-inverse);display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;text-overflow:ellipsis;overflow:hidden;width:100%;}
.mSchedule .no_article{padding:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;font-size:16px;line-height:150%;color:var(--color-alpha-base50);background:none;}
.mSchedule .no_article::before{content:"";display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;mask:url(../img/main/ico_noCalendar.svg) no-repeat center center/ contain;background-color:var(--color-alpha-base50);}

/* ani */
.mSchedule{opacity:0;transform:translateY(100px);transition:1s;}
.mSchedule.ani{opacity:1;transform:translateY(0);}


/* 스토리 */
.mStory{padding:180px 0 120px;margin-top:-100px;z-index:8;}
.mStory::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:var(--secondary90);z-index:-1;}
.mStory .inner{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:start;gap:48px;}
.mStory .inner > div{flex:1;}
/* ani */
.mStory .inner > div{opacity:0;transition:1s;}
.mStory .inner > div.leftBx{transform:translateX(-100px);}
.mStory .inner > div.rightBx{transform:translateX(100px);}
.mStory.ani .inner > div{opacity:1;transform:translateX(0);}
.mStory .leftBx{display:flex;flex-direction:column;align-items:start;justify-content:space-between;padding-top:17px;}
.mStory .leftBx .titArea .tit{font-family:'Italiana', 'Pretendard', sans-serif;font-size:80px;font-weight:400;line-height:normal;color:var(--color-text-basic-inverse);display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;text-overflow:ellipsis;overflow:hidden;word-break:keep-all;overflow-wrap:anywhere;}
.mStory .leftBx .titArea .txt{font-size:18px;line-height:150%;color:var(--color-text-basic-inverse);display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;text-overflow:ellipsis;overflow:hidden;word-break:keep-all;overflow-wrap:anywhere;margin-top:32px;}
.mStory .leftBx .contArea{margin-left:-83px;width:100%;}
.mStory .leftBx .contArea ul{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:start;width:100%;}
.mStory .leftBx .contArea ul li{flex:0 1 33.33%;position:relative;}
.mStory .leftBx .contArea ul li + li:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);background:var(--color-alpha-base25);width:1px;height:calc(100% - 20px);}
.mStory .leftBx .contArea ul a{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;align-content:center;gap:20px;padding:16px;width:100%;min-height:160px;}
.mStory .leftBx .contArea ul .icoBx{width:80px;height:80px;display:flex;align-items:center;justify-content:center;}
.mStory .leftBx .contArea ul .icoBx img{display:block;max-width:100%;max-height:100%;}
.mStory .leftBx .contArea ul .title{font-size:18px;line-height:150%;color:var(--color-text-basic-inverse);display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;text-overflow:ellipsis;overflow:hidden;word-break:keep-all;overflow-wrap:anywhere;text-align:center;width:100%;}
.mStory .rightBx a{display:flex;flex-wrap:wrap;align-items:end;justify-content:start;width:100%;height:0;padding-top:58.069%;overflow:hidden;position:relative;}
.mStory .rightBx a .imgBx{position:absolute;width:100%;height:100%;left:0;top:0;z-index:2;}
.mStory .rightBx a .imgBx::before{content:"";position:absolute;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.3);z-index:1;}
.mStory .rightBx a .imgBx img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1);transition:all 0.6s;}
.mStory .rightBx a .txtBx{position:absolute;left:0;bottom:0;width:100%;padding:42px 40px 40px;background: linear-gradient(180deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);z-index:8;}
.mStory .rightBx a .txtBx span{font-size:30px;line-height:150%;color:var(--color-text-basic-inverse);display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;text-overflow:ellipsis;overflow:hidden;word-break:keep-all;overflow-wrap:anywhere;white-space:pre-line;font-weight:700;}
.mStory .rightBx a:hover .imgBx img,
.mStory .rightBx a:focus-visible .imgBx img{transform:scale(1.1);}





@media all and (max-width:1500px){
    .mVisual .line1{font-size:90px;}    

    .mQuickArea .programBx .txtBx{padding:60px 32px 22px;}
    
    .mStory .leftBx .contArea{margin-left:0;}
    .mStory .rightBx a{padding-top:0;height:420px;}
}
@media all and (max-width:1300px){
    .mVisualArea{height:700px;}
    .mVisual .txtBox{padding:230px 30px 0;}
    .mVisual .line1{font-size:80px;}    
    .mVisual .line2{margin-top:24px;}

    .mSection .inner{padding:0 30px;}

    .mQuickArea .programBx .txtBx{padding:60px 24px 22px;}
    .mQuickArea .programBx .txtBx .category{font-size:16px;}
    .mQuickArea .programBx .txtBx .title{font-size:32px;}


    .mNews .link{right:30px;}
    .mNews .contArea ul{margin-right:-24px;gap:24px;padding-top:24px;}
    .mNews .contArea ul .newsBx{padding-right:24px;}
    .mNews .contArea ul li{width:calc(25% - 24px);}


    .mSchedule{padding:0 30px;}
    .mSchedule > div.titArea{flex:calc(25% - 24px);}
    .mSchedule > div.contArea{flex:calc(75% + 24px);}
    .mSchedule .titArea{padding:0 32px;}
    .mSchedule .contArea{padding-left:24px;}
    .mSchedule .contArea ul li{padding-right:24px;}
    .mSchedule .contArea ul .dayBx{width:64px;height:64px;}
    .mSchedule .contArea ul .dayBx .day{font-size:20px;}
    .mSchedule .contArea ul .dayBx .year{font-size:12px;}
    .mSchedule .contArea ul .infoBx{width:calc(100% - 84px);}
    .mSchedule .contArea ul .infoBx .date{font-size:14px;}
    .mSchedule .contArea ul .infoBx .title{font-size:22px;}


    .mStory .inner{gap:32px;}
    .mStory .leftBx{padding-top:0;}
    .mStory .leftBx .titArea .tit{font-size:64px;}
    .mStory .leftBx .titArea .txt{margin-top:24px;font-size:16px;}    
    .mStory .leftBx .contArea ul .icoBx{width:64px;height:64px;}
    .mStory .rightBx a{height:360px;}
    .mStory .rightBx a .txtBx{padding:32px 30px 30px;}
    .mStory .rightBx a .txtBx span{font-size:24px;}
}
@media all and (max-width:1041px){
    .mVisualArea::before{height:66px;}
    .mVisualArea{height:70svh;}
    .mVisual .txtBox{padding:0 20px;height:100%;align-content:center;align-items:center;}
    .mVisual .line1{font-size:64px;}    
    .mVisual .line2{margin-top:20px;font-size:16px;}

    .mQuickArea{margin-top:-64px;}

    .mSection .inner{padding:0 20px;}

    .mQuickArea .inner{padding:0 0 0 20px;gap:20px;}
    .mQuickArea .inner > div{height:387px;}
    .mQuickArea .inner > div.programBx{width:calc(100% - 84px);position:relative;}
    .mQuickArea .inner > div.quickBx{width:64px;overflow:unset;}    
    .mQuickArea .inner > div.programBx > div{width:100%;}
    .mQuickArea .programBx .programInfo{position:absolute;width:100%;height:auto !important;left:0;bottom:0;}
    .mQuickArea .programBx .item{height: auto;}
    .mQuickArea .programBx .txtBx{background-color:transparent;padding:50px 20px 35px;gap:8px;}
    .mQuickArea .programBx .txtBx::before{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;z-index: -2;backdrop-filter: blur(20px);mask-image: linear-gradient(to bottom, transparent 0%, #000 40%);}
    .mQuickArea .programBx .txtBx::after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;z-index: -1;background: linear-gradient(180deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);}    
    .mQuickArea .programBx .txtBx .txt{display:none;}
    .mQuickArea .programBx .txtBx .category{font-size:14px;color:var(--color-text-basic-inverse);}
    .mQuickArea .programBx .txtBx .title{font-size:24px;color:var(--color-text-basic-inverse);}
    .mQuickArea .programBx .slideBtn{position:absolute;left:0;bottom:0;height:40px;width:100%;z-index:8;}
    .mQuickArea .programBx .slideBtn span{width:6px;height:6px;background:var(--color-alpha-base50);}
    .mQuickArea .programBx .slideBtn span.swiper-pagination-bullet-active{background:var(--color-element-inverse);}
    .mQuickArea .quick .item{opacity:0;visibility:hidden;pointer-events:none;}
    .mQuickArea .quick .item.swiper-slide-active{opacity:1;visibility:visible;pointer-events:auto;}
    .mQuickArea .quick .quickList a{min-height:64px;position:relative;}
    .mQuickArea .quick .quickList .title{position:absolute;z-index:80;right:calc(100% + 8px);top:-2px;background:var(--color-surface-gray-subtler);padding:8px 16px;min-height:64px;vertical-align:middle;max-width:400px;-webkit-line-clamp:1;white-space:nowrap;width:auto;display:inline-flex;align-items:center;opacity:0;visibility:hidden;pointer-events:none;transition:all 0.4s;}
    .mQuickArea .quick .quickList .title br{display:none;}
    .mQuickArea .quick .slideBtn{height:auto;}
    .mQuickArea .quick .btn.next::before{width:100%;height:1px;background:var(--color-border-inverse);}
    .mQuickArea .quick .quickList a:hover .title,
    .mQuickArea .quick .quickList a:focus-visible .title{opacity:1;visibility:visible;pointer-events:auto;}
    .mQuickArea .quick .quickList .icoBx{width:28px;height:28px;}


    .mNews{padding:60px 0 16px;}
    .mNews .tit{font-size:32px;}
    .mNews .link{right:20px;width:32px;height:32px;}
    .mNews .contArea{margin-top:20px;}
    .mNews .contArea ul{margin-right:0;}
    .mNews .contArea ul li{width:100%;border-right:none;border-bottom:1px solid var(--color-divider-gray-light);}
    .mNews .contArea ul .newsBx{padding:0 24px 24px 0;flex-direction:column;align-items:start;}
    .mNews .contArea ul .title{font-size:20px;}
    .mNews .contArea ul li:last-child{border-bottom:none;}
    .mNews .contArea ul .txt{font-size:14px;}
    .mNews .contArea ul .date{font-size:14px;margin-top:20px;}
    .mNews .contArea ul li:last-child .newsBx{padding-bottom:0;}
    

    .mSchedule{padding:0 20px;}
    .mSchedule > div{min-height:auto;}
    .mSchedule > div.titArea,
    .mSchedule > div.contArea{flex:unset;width:100%;}
    .mSchedule .titArea{background:var(--color-element-secondary);padding:20px 20px 10px;}
    .mSchedule .titArea .tit{display:none;}
    .mSchedule .titArea .link{width:40px;height:40px;background:transparent;bottom:auto;top:10px;right:10px;}
    .mSchedule .contArea{padding:0 20px 20px;}
    .mSchedule .contArea ul{flex-direction:column;}
    .mSchedule .contArea ul li{flex:unset;padding-right:0;min-height:36px;width:100%;align-items:start;}
    .mSchedule .contArea ul .dayBx{display:none;}
    .mSchedule .contArea ul .infoBx{flex-direction:row;align-items:center;height:100%;width:auto;}
    .mSchedule .contArea ul .infoBx .date{flex-shrink:0;}
    .mSchedule .contArea ul .infoBx .title{font-size:18px;}
    .mSchedule .no_article{gap:12px;padding-bottom:16px;}


    .mStory{padding:140px 0 80px;margin-top:-76px;}
    .mStory .inner{gap:40px;}
    .mStory .inner > div{flex:unset;width:100%;}
    .mStory .leftBx .titArea .tit{font-size:48px;}
    .mStory .leftBx .titArea .txt{margin-top:12px;}    
    .mStory .leftBx .contArea{margin-top:40px;}
    .mStory .leftBx .contArea ul li + li:before{height:100%;}
    .mStory .leftBx .contArea ul a{gap:12px;padding:12px;min-height:100px;}
    .mStory .leftBx .contArea ul .icoBx{width:56px;height:56px;}
    .mStory .leftBx .contArea ul .title{font-size:16px;}
    .mStory .rightBx a{height:0;padding-top:58.069%;}
    .mStory .rightBx a .txtBx{padding:22px 20px 16px;}
}
@media all and (max-width:768px){
    .mVisualArea{height:calc(100vw + 21px);}
    .mVisual .line1{font-size:48px;}    
    .ani .mVisual .line1 span{-webkit-line-clamp: 2;}
    .mVisual .line2{margin-top:16px;font-size:14px;}

    .mQuickArea{margin-top:-48px;}
    .mQuickArea .inner > div{height:291px;}
    .mQuickArea .inner > div.programBx{width:calc(100% - 68px);}
    .mQuickArea .inner > div.quickBx{width:48px;}
    .mQuickArea .programBx .txtBx{gap:4px;}
    .mQuickArea .programBx .txtBx .category{font-size:12px;}
    .mQuickArea .programBx .txtBx .title{font-size:16px;}
    .mQuickArea .quick .btn{width:48px;height:48px;}
    .mQuickArea .quick .quickList a,
    .mQuickArea .quick .quickList .title{min-height:48px;}


    .mNews{padding:40px 0 16px;}
    .mNews .tit{font-size:24px;padding-right:40px;}
    .mNews .link{top:2px;}
    .mNews .link .svgIcon{width:20px;height:20px;}
    .mNews .contArea{margin-top:16px;}
    .mNews .contArea ul .title{font-size:16px;}
    .mNews .contArea ul .txt{margin-top:8px;}
    .mNews .contArea ul .date{margin-top:16px;}
    

    .mSchedule .titArea .link .svgIcon{width:20px;height:20px;}
    .mSchedule .contArea ul .infoBx .title{font-size:16px;}


    .mStory{padding:140px 0 64px;}
    .mStory .leftBx .titArea .tit{font-size:32px;}  
    .mStory .leftBx .titArea .txt{font-size:14px;}
    .mStory .leftBx .contArea ul .icoBx{width:40px;height:40px;}
    .mStory .rightBx a .txtBx span{font-size:20px;}
}
@media all and (max-width:389px){
    .mVisual .line2{font-size:13px;}
}