.inner{max-width: 1412px;margin: 0 auto;}
.title1{font-size: 30px;font-weight: 800;}
.btn-more {position: relative;display: block; width: 22px;height: 22px;border: none;background: transparent;}
.btn-more::before,
.btn-more::after {content: "";position: absolute;top: 50%;left: 50%;width: 22px;height: 3px;background-color: #333;transform: translate(-50%, -50%);transition: background-color 0.3s;}
.btn-more::after {transform: translate(-50%, -50%) rotate(90deg);}
.btn-more:hover::before,
.btn-more:hover::after {background-color: #007bff; }
.badge{display: inline-block;width: 75px;height: 30px;border:1px solid #36a49b;color: #36a49b;font-size: 14px;font-weight: 500; line-height:28px;border-radius: 15px;text-align: center;}
.badge.puple{border-color: #ab5bf5;color: #ab5bf5;}
.badge.org{border-color: #f47b33;color: #f47b33;}

.mcont1{overflow: hidden;margin-bottom: 65px;}
.mcont1 .inner{max-width: 100%;}
.visual-area .swiper-wrapper{padding-right: 255px;}
.visual-slider {overflow: visible;position: relative;}
.visual-slider .swiper-slide,
.visual-slider .swiper-slide-duplicate {width: calc(100% - 185px);flex-shrink: 0;transition: opacity 0.3s;position: relative;overflow: hidden;height: 657px;}
.visual-slider .swiper-slide span{display: block;width: 100%;height: 100%;padding-right: 75px;}
.visual-slider .swiper-slide span img{width: 100%;height: 100%;}
.visual-slider .swiper-slide:not(.swiper-slide-active) {opacity: 0.3;}
/**/
.slider-control {position: absolute;right:15%;bottom: 30px;width: 320px;height: 165px;border-radius: 50%;display: flex;align-items: center;justify-content: end;}
.slider-control .progress-ring {transform: rotate(-90deg); z-index: 1;}
.slider-control .progress-ring__bg {fill: none;stroke: #94a4b8;stroke-width: 1;}
.slider-control .progress-ring__circle {fill: none;stroke: #4ea6ff;stroke-width: 3;stroke-linecap: round;transition: stroke-dashoffset 0.1s linear;}
.slider-control .swiper-pagination{position: relative;width: auto;margin-right: 30px;}
.slider-control .swiper-pagination .swiper-pagination-bullet{width: 15px;height: 15px;opacity: 1;margin: 0 0 0 15px; background-color: #ffffff;}
.slider-control .swiper-pagination .swiper-pagination-bullet-active{background-color: #94a4b8;}
.slider-control .slider-buttons {position: absolute;width: 165px;z-index: 2;display: flex;justify-content: center;gap: 0 15px;height: 24px;}
.slider-buttons button {display: inline-block;width: 14px;height: 24px; }
.slider-buttons .prev{background: url("../images/main/btn_prev01.png") center no-repeat;}
.slider-buttons .pause{background: url("../images/main/btn_stop01.png") center no-repeat;}
.slider-buttons .pause.on{background: url("../images/main/btn_play01.png") center no-repeat;}
.slider-buttons .next{background: url("../images/main/btn_next01.png") center no-repeat;}

/**/
.mcont2{margin-bottom: 65px;}
.board-area{display: flex;justify-content: space-between; }
.news-box{position: relative;width: calc(100% - 570px);padding-right: 20px; }
.news-box .news-top{display: flex;align-items: flex-start;justify-content: space-between;margin: 0 0 18px 0; padding: 0 50px 0 0;}
.news-box .news-top .title1{line-height: 1;}
.news-box .tab-btns {display: flex;gap: 10px;}
.news-box .tab-btns button {font-size: 20px;font-weight: 600;color: #bfbfbf;position: relative;padding: 0 5px 13px 5px;}
.news-box .tab-btns button::after{content: '';position: absolute;left: 50%;bottom: 0;width: 0;height: 4px;background: #4ea6ff;transition: all 0.3s ease;transform: translateX(-50%);}
.news-box .tab-btns button.on::after {width: 100%;} 
.news-box .tab-btns button.on {color: #333333;}
.news-box .tab-container{border:1px solid #eaeaea;border-radius: 8px;padding: 30px 30px 40px 30px;}
.news-box .btn-more{position: absolute;right: 20px;top:3px}
.newest{border-bottom: 1px solid #b8b8b8;margin-bottom: 22px;}
.newest .badge{margin-bottom: 15px;}
.newest strong{display: block;width: 100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; font-size: 23px;font-weight: 700;margin-bottom: 15px;}
.newest .txt{display: block;height: 95px; font-size: 15px;color: #717171;  text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;line-height: 1.6;margin-bottom: 20px;}
.new-list > li{display: flex;align-items: center;margin-bottom: 15px;}
.new-list > li:last-child{margin-bottom: 0;}
.new-list > li .badge{margin-right: 10px;}
.new-list > li a{display: block;max-width:calc(100% - 85px);text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.tab-content {display: none;}
.tab-content.on {display: block;}
.schedule-box{width: 550px;flex-shrink: 0; }

/* 교육일정 */
:root{
    --event1: #b2d4ec;
    --event2: #b2e0e0;
    --event3: #ffd1b2;
    --event4: #ffcaca;
    --event5: #d4c0e2;
    --event6: #c2f0c2;
}

/* 기존css 초기화 */
.fc .fc-button-primary:not(:disabled).fc-button-active,
.fc .fc-button-primary:not(:disabled):active,
.fc .fc-button-primary:hover,
.fc .fc-button-primary{background-color: transparent; border:0;}
.fc .fc-daygrid-day.fc-day-today{background-color:transparent;}

.schedule-box{position: relative;}
.schedule-box .title1{position: absolute;}
.schedule-box .btn-more{position: absolute;right: 0;top:7px}

.event-cal{margin-bottom: 15px;}
.event-cal .fc-scrollgrid{border: 0;border-top:1px solid #000;border-bottom: 1px solid #e5e5e5;}
.event-cal .fc-toolbar{position: relative;display: flex;align-items: center;justify-content: flex-end ;height: 37px;padding-right: 45px;}
.event-cal .fc-toolbar.fc-header-toolbar{margin-bottom: 18px;}
.event-cal .fc-toolbar .fc-button{padding: 0;}
.event-cal .fc-toolbar .fc-button-primary{width: 31px;height: 31px;border:1px solid #ddd;background-color: #fff;border-radius: 50%;}
.event-cal .fc-toolbar .fc-button .fc-icon{font-size:20px;color:#333;line-height: 23px;vertical-align:top}
.event-cal .fc-toolbar .fc-toolbar-title{margin:0 13px;font-size: 20px;font-weight: 500;color:#333}
.event-cal td{border: 0;}
.event-cal .fc-day{border-bottom: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9;}
.event-cal .fc-col-header-cell{position: relative; background-color: #fff;text-align: center;padding:0;border: 0;border-bottom: 1px solid #000;}
.event-cal .fc-col-header-cell::after{content: "";display: block;width: 1px;height:14px;position: absolute;left:0;top:7px; background-color:  #9a9a9c;}
.event-cal .fc-day-sun::after{display: none;}
.event-cal .fc-col-header-cell-cushion{color:#595959;padding: 0;line-height: 36px;font-size: 13px;line-height: 36px;}
.event-cal .fc-scroller-harness-liquid{border-right: 1px solid #d9d9d9;}
.event-cal .fc-daygrid-day-top{flex-direction: row;}
.event-cal .fc-h-event {background-color: #b6c7f3;border: none;border-radius: 20px;margin-top: 2px;color:#000}
.event-cal .event1{background-color: var(--event1)}
.event-cal .event2{background-color: var(--event2)}
.event-cal .event3{background-color: var(--event3)}
.event-cal .event4{background-color: var(--event4)}
.event-cal .event5{background-color: var(--event5)}
.event-cal .event6{background-color: var(--event6)}
.event-cal .fc-h-event .fc-event-main{line-height: 11px;color: #555555;text-align: center;}
.event-cal .fc-event-title-container{text-align: left;padding: 0 10px;}
.event-cal .fc-daygrid-block-event .fc-event-title{padding:0 2px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 11px;}
.event-cal .cal-choice{width: 344px;}
.event-cal .fc-daygrid-day-frame{ height: 100%;min-height: 75px;height: 75px; }
.event-cal .fc-daygrid-day-top{justify-content: flex-end;}
.event-cal .fc-daygrid-day-top .fc-daygrid-day-number{display: inline-block; width: 17px;text-align: center; height:17px;padding: 0;line-height: 15px;border-radius:0;font-size: 11px;color:#333;margin: 2px 5px 2px 2px;}
.event-cal .fc-day-today .fc-daygrid-day-top  .fc-daygrid-day-number{background-color: #ffa525;border-radius: 50%;color: #fff;}
.event-cal .fc-scrollgrid-section-sticky > * {position:static}
.event-cal .fc-day-sun .fc-daygrid-day-top .fc-daygrid-day-number{color:#fc0000}
.event-cal .fc-day-sat .fc-daygrid-day-top .fc-daygrid-day-number{color:#24a5f7}
.event-cal .fc-daygrid-day-bottom{margin-top: 10px !important;}
.event-cal .fc-popover{position: fixed;top: 50%;left: 50%;width: 98%;max-width: 300px;transform: translate(-50%, -50%);border-radius: 10px 10px 0 0;overflow: hidden;}
.event-cal .fc-popover .fc-more-popover-misc{display: none;}
.event-cal .fc-popover-header{background-color: #276dd1;padding: 8px 10px;}
.event-cal .fc-popover-header .fc-popover-title{color:#fff}
.event-cal .fc-popover-header .fc-popover-close{color:#fff;opacity: 1;}
.event-cal .fc-daygrid-more-link{font-size: 11px;}
.event-cal .fc-daygrid-body-natural .fc-daygrid-day-events{margin-bottom: 5px;min-height: inherit;}
.event-info{display: flex;flex-wrap: wrap;justify-content: space-between;}
.event-info>li{width: 33%;position: relative;padding-left: 19px;font-size: 13px;color: #555;}
.event-info>li::after{content: "";display: block;width: 13px;height: 13px;background-color: var(--event1);position: absolute;left:0;top:2px;border-radius: 50%;}
.event-info>li.event1::after{background-color: var(--event1);}
.event-info>li.event2::after{background-color: var(--event2);}
.event-info>li.event3::after{background-color: var(--event3);}
.event-info>li.event4::after{background-color: var(--event4);}
.event-info>li.event5::after{background-color: var(--event5);}
.event-info>li.event6::after{background-color: var(--event6);}

.fc-popover {
    display: none !important;
}

/**/
.mcont3{background-color: #f4f6fc;padding: 65px 0;overflow: hidden;}
.mcont3 .inner{max-width: 1920px; padding-left: 254px; }
.mcont3 .inner .trg-box{overflow: hidden;}

.trg-top{display: flex;justify-content: space-between;margin-bottom: 30px;max-width: 1412px;}
.filter{display: flex;justify-content: space-between;gap: 0 5px;}
.btn-filter{height: 52px;padding: 0 25px;border-radius: 30px;background-color: #ffffff;border: 1px solid #b8b8b8;color: #555555;}
.btn-filter.on{background-color: #3e3f45;border-color: #3e3f45;color: #fff;}
.trg-card{width: 100%;height: 380px;padding: 30px;background: #fff;border: 1px solid #eaeaea; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05); border-radius: 12px;transition: border 0.3s;}
.trg-card a{display: flex;flex-wrap: wrap;width: 100%;height: 100%;}
.trg-card .trg-cat {display: block;font-size: 16px;color: #4e88ff;margin-bottom:20px;font-weight: 500;}
.trg-card .trg-title {width: 100%; height:120px ; font-size: 20px;font-weight: 600;color: #333333;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;line-height: 1.5;margin-bottom: 15px;}
.trg-card .trg-info {display: flex;flex-direction: column;width: 100%;}
.trg-card .trg-info .trg-label {display: inline-block;width: 66px;font-size: 14px;background: #f1f4fb;color: #4d7083;padding: 6px 6px;margin-bottom: 10px;}
.trg-card .trg-info .trg-date {height: 45px; font-size: 15px;color: #555555;font-weight: 500;}
.trg-slider {position: relative;}
.trg-slider .swiper-wrapper{margin-bottom: 30px;}
.trg-slider .swiper-slide {width: 373px;padding-right: 75px;flex-shrink: 0;}
.trg-slider .swiper-slide-active .trg-card{border-color: #3e3f45;}
.trg-slider .trg-slider-control{display: flex;justify-content: space-between;align-items: center;position: relative;max-width: 1412px;}
.trg-slider .trg-slider-control .swiper-pagination-progressbar{position: relative; height: 10px; background-color: transparent;width: calc(100% - 120px);}
.trg-slider .trg-slider-control .swiper-pagination-progressbar::after{content: "";display: block;width: 100%;height: 4px;position: absolute;left: 0;top:3px; background-color: #d8d8d8;z-index: 1;}
.trg-slider .trg-slider-control .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{height: 10px;z-index: 5;background-color: #4ea6ff;}
.trg-slider .trg-slider-control .swiper-button-prev,
.trg-slider .trg-slider-control .swiper-button-next{position: relative;left:inherit;right: inherit; margin:0;width: 54px;height: 54px;border: 1px solid #b8b8b8;border-radius: 50%;background-color: #fff;background-position: center;background-repeat: no-repeat;}
.trg-slider .trg-slider-control .swiper-button-next::after,
.trg-slider .trg-slider-control .swiper-button-prev:after{display: none;} 
.trg-slider .trg-slider-control .swiper-button-prev{background-image: url('../images/main/btn_prev02.png');}
.trg-slider .trg-slider-control .swiper-button-next{background-image: url('../images/main/btn_next02.png');}
.btn-sel-filter{display: none;width: 190px;height: 48px;position: absolute;right:20px;top:0; border: 1px solid #b8b8b8;border-radius: 30px;background-color: #fff;color: #555;}
.btn-sel-filter span{position: relative; display: block;width: 100%;height: 100%;line-height: 48px;text-align: left;padding: 0 30px 0 18px;}
.btn-sel-filter span::after{content: "▼";display: block;font-size: 12px;position: absolute;right:17px;top:0;color: #333333;transition: all 0.3s ease;}
.btn-sel-filter.on span::after {transform: rotateZ(180deg);transition: all 0.3s ease;}

@media screen and (max-width: 1650px) {
    .slider-control{right: 21%}
}

@media screen and (max-width: 1452px) {
    .mcont2 .inner{padding: 0 20px;}
    .mcont3 .inner{padding-left: 20px !important;}
    .trg-top{padding-right:20px;}
    .trg-slider .trg-slider-control{padding-right:20px;}
}


@media screen and (max-width: 1400px) {
    .visual-area .swiper-wrapper{padding-right: 0;}
    .visual-slider .swiper-slide, 
    .visual-slider .swiper-slide-duplicate{width: 100%;height: 500px;}
    .visual-slider .swiper-slide span{padding-right: 0;}
    .slider-control{right:20px}
}

@media screen and (max-width: 1200px) {
    .visual-slider .swiper-slide, 
    .visual-slider .swiper-slide-duplicate{height: 350px;}

    .news-box .news-top{display: block;}
    .news-box .tab-btns{margin-top: 15px;}
    }

@media screen and (max-width: 1024px) {
    
    html{font-size: 15px;}
    .title1{font-size: 25px;}
    .mcont1{margin-bottom: 30px;}
    .slider-control{display: block;position: static;height: 0;width: 100%;}
    .slider-control .swiper-pagination{margin-right: 0;position: absolute; left:50%;transform: translateX(-50%);bottom: 18px;}
    .slider-buttons .pause{display: none;}
    .progress-ring{display: none;}
    .slider-control .slider-buttons{position: static;}
    .slider-buttons .prev{position: absolute; top:50%;left: 15px;z-index: 1;transform: translateY(-50%);}
    .slider-buttons .next{position: absolute; top:50%;right: 15px;z-index: 1;transform: translateY(-50%);}

    .mcont2{margin-bottom: 30px;}
    .board-area{display: block;}

    .news-box{width: 100%; padding-right: 0;margin-bottom: 30px;}
    .news-box .news-top{display: flex;align-items: center;}
    .newest strong{font-size: 20px;}
    .news-box .btn-more{right: 0;}
    .news-box .tab-btns{justify-content: center;gap: 0 20px;margin-top: 0;}
    .schedule-box{width: 100%;}

   .mcont3{padding: 30px 0;}
   .trg-top{display: block; padding-right: 20px;}
   .trg-top .title1{margin-bottom: 15px;}
   .btn-filter{padding: 0 20px;}
   .filter{justify-content: flex-start;}
   .trg-card{padding: 15px;}
   .btn-filter{height: 45px;}
   .trg-slider .swiper-slide{width:322px;padding-right:25px ;}
   
}

@media screen and (max-width: 768px) {
    .news-box .news-top{padding-right: 0;}
    .news-box .news-top .title1{margin-bottom: 15px;}
    .news-box .news-top{display: block;}
}

@media screen and (max-width: 640px) {
    .trg-top{position: relative;}
    .filter{display: block;width: 190px;position: absolute;right: 20px;top:48px; z-index: 100;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.8);border-radius: 10px;overflow: hidden;}
    .filter{display: none; border: 1px solid #e5e5e5;}
    .filter.on{display: block;}
    .btn-filter{display:block;width:100%;border-radius: 0;font-size: 15px;border: 0;height: 27px;border-bottom: 1px dashed #e5e5e5;background-color: #fff;color:#000}
    .btn-filter.on{background-color: #fff;border-color:#e5e5e5;color:#000;border-bottom: 1px dashed #e5e5e5;}
    .filter button:last-child{border-bottom: 0;}
    .btn-sel-filter{display: block;}
}

@media screen and (max-width: 480px) {
    html{font-size: 14px;}
    .news-box .news-top .title1{font-size: 20px;}
    .mcont2 .inner{padding: 0 10px;}
    .trg-slider .swiper-slide{width:280px;padding-right:20px ;}
    .news-box .tab-btns{gap: 0 5px;}
    .news-box .tab-container{padding: 15px;}
    .news-box .tab-btns button{font-size: 18px;}
    .newest strong{font-size: 18px;}
    .newest .txt{font-size: 14px;}
    .event-cal .fc-toolbar .fc-toolbar-title{font-size: 18px;}
    .event-info>li{width: 50%;}

    .trg-card{padding: 10px;height: auto;}
    .trg-card .trg-cat{font-size: 15px;margin-bottom: 10px;}
    .trg-card .trg-title{font-size: 18px;height: 110px;margin-bottom: 5px;}
    .trg-card .trg-info .trg-date{height: auto;margin-bottom: 10px;}
}