.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:focus-visible{outline:2px dashed red;}
.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:100%;padding-right: 0;}
.news-box .news-top{display: flex;align-items: flex-start;justify-content: space-between;margin: 0 0 25px 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;}
button:focus-visible {outline:2px solid #000;border-radius:3px;}
.news-box .tab-container{border: 0;border-radius:0;padding: 25px 0 0 0;border-top:1px solid #3e3f45;}
.news-box .btn-more{position: absolute;right: 0;top:3px}
.newest{border-bottom: 1px solid #ddd;margin-bottom: 15px;}
.newest a{display:block;}
.newest-flex{display:flex;}
.newest .badge{margin: 0 15px 0 0;width:115px;font-size:13px;flex: 0 0 auto;}
.newest strong{width: 100%;font-size: 25px;font-weight: 700;margin-bottom: 15px;padding-right:10px;max-height:30px;display: block;display: -webkit-box;  -webkit-line-clamp: 1; -webkit-box-orient: vertical;word-break: break-all;overflow: hidden;}
.newest .txt{display: block;height: auto; 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: 15px 0 0 0;padding-bottom:15px;border-bottom:1px solid #ddd;}
.new-list > li:last-child{margin-bottom: 0;}

.new-list > li a{display: flex;align-items: center;}
.new-list > li a .badge{margin-right: 15px;width:115px;font-size:13px;flex: 0 0 auto;}
.new-list > li a .new-list-con{font-size:17px;font-weight:400;color:#333;padding-right:10px;max-height:21px;display: block;display: -webkit-box;  -webkit-line-clamp: 1; -webkit-box-orient: vertical;word-break: break-all;overflow: hidden;}
.tab-content {display: none;}
.tab-content.on {display: block;}
.schedule-box{width: 550px;flex-shrink: 0; }


/**/
.mcont3{background-color: #f4f6fc;padding: 65px 0;overflow: hidden;}
.mcont3 .inner{}
.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-slider-wrap{overflow:hidden;}
.trg-slider {position: relative;width:calc(100% + 36px);}
.trg-slider .swiper-wrapper{margin-bottom: 30px;margin-left:-36px;}
.trg-slider .swiper-slide {width: calc(100% / 4 - 36px);margin-left: 36px;flex-shrink: 0;}
.trg-slider .swiper-slide a{display:block;}
.trg-slider .swiper-slide a .img-box{position:relative;padding-top:67.9%;border-radius:10px;overflow:hidden;}
.trg-slider .swiper-slide a .img-box .more-mask{position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.45);z-index:1;display:none;z-index:-1;opacity:0;transition:.15s;}
.trg-slider .swiper-slide a .img-box .more-mask span {padding-top:65px;min-width:70px;text-align:center;font-size:20px;font-weight:400;color:#fff;line-height:1;position:relative;}
.trg-slider .swiper-slide a .img-box .more-mask span::before{content:"";display:block;width:56px;height:56px;background:url('../images/main/main_program_more.png') no-repeat left top / 100%;position:absolute;left:50%;top:0;transform:translatex(-50%);transition:.15s;}
.trg-slider .swiper-slide a:focus-visible .img-box .more-mask,
.trg-slider .swiper-slide a:hover .img-box .more-mask{z-index:1;opacity:1;display:flex;justify-content: center;align-items: center;}
.trg-slider .swiper-slide a:focus-visible{outline:1px dashed red;transform:scale(0.98);}
.trg-slider .swiper-slide a .img-box > span{position:absolute;top:0;bottom:0;left:0;right:0;display:flex;justify-content: center;align-items: center;border-radius:10px;overflow:hidden;border:1px solid #eaeaea;}
.trg-slider .swiper-slide a .img-box > span img{min-width:100%;min-height:100%;height:100%;max-width:none;max-height:none;position:absolute;}
.trg-slider .swiper-slide a .txt-box{margin-top:15px;} 
.trg-slider .swiper-slide a .txt-box .tit{text-align:center;font-size:17px;font-weight:500;line-height:1.4;} 


.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;}

.mcont4{margin:60px 0 105px 0;}
.gallery-box{position:relative;}
.gallery-list{overflow:hidden;}
.gallery-list > ul{display:flex;margin-left:-36px;}
.gallery-list > ul > li{width:calc(100% / 4 - 36px);margin-left:36px;}
.gallery-list > ul > li .div-w {position:relative;padding-top:94%;}
.gallery-list > ul > li .div-w > a{display:block;position:absolute;left:0;right:0;bottom:0;top:0;}
.gallery-list > ul > li .div-w > a::before{content:"";display:none;position:absolute;left:0;right:0;bottom:0;top:0;background:url('../images/main/main_Gallery_mask.png') no-repeat left top / 100% 100%;z-index: 1;border-radius:10px;}
.gallery-list > ul > li .div-w > a .img-box{position:relative;padding-top:55.65%;border-radius:10px;overflow:hidden;z-index:0;}
.gallery-list > ul > li .div-w > a .img-box span{position:absolute;top:0;bottom:0;left:0;right:0;display:flex;justify-content: center;align-items: flex-start;border-radius:10px;overflow:hidden;border:1px solid #eaeaea;}
.gallery-list > ul > li .div-w > a .img-box span img{width:100%;min-height:100%;max-width:none;max-height:none;position:absolute;transition:.3s;}
.gallery-list > ul > li .div-w > a .txt-box .date{font-size:15px;font-weight:400;color:#717171;line-height:1;padding:15px 0 10px 0;} 
.gallery-list > ul > li .div-w > a .txt-box .tit{font-size:17px;font-weight:500;line-height:1.5;display: block;display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical;word-break: break-all;overflow: hidden;} 
.gallery-list > ul > li .div-w > a .txt-box .mre{display:none;}
.gallery-box .btn-more{position:absolute;right:0;top:9px;}
.gallery-list > ul > li.on .div-w > a::before{display:block;}
.gallery-list > ul > li.on .div-w > a .img-box{padding-top:94%;}
.gallery-list > ul > li.on .div-w > a .txt-box{position:absolute;left:0;right:0;bottom:0;padding:18px;z-index:2;}
.gallery-list > ul > li.on .div-w > a .txt-box .date,
.gallery-list > ul > li.on .div-w > a .txt-box .tit{color:#fff;}
.gallery-list > ul > li.on .div-w > a .txt-box .mre{display:block;color:#fff;font-size:15px;font-weight:600;padding-top:10px;line-height:1;position:relative;display:flex;align-items: center;}
.gallery-list > ul > li.on .div-w > a .txt-box .mre::after{content:"";display:inline-block;width:8px;height:12px;background:url('../images/main/main_Gallery_icon01.png') no-repeat left top / 100% 100%;margin-left:8px;margin-bottom: -3px;}





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

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


@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;}
    }

@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;top:-1px;}
    .news-box .tab-btns{justify-content: center;gap: 0 20px;margin-top: 0;}
    .schedule-box{width: 100%;}

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

	.mcont4 {margin:30px 0 80px 0;}
   .gallery-list > ul { margin: -25px 0 0 -25px;flex-wrap: wrap;}
   .gallery-list > ul > li {width: calc(100% / 2 - 25px);margin-left: 25px;margin-top:25px;}
   .gallery-list > ul > li .div-w{padding:0;}
   .gallery-list > ul > li .div-w > a{position:static;}
   .gallery-box .btn-more {top: 5px;}
   
 
   
}

@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;}
	.newest-flex {flex-wrap: wrap;}
	.newest-con{width:100%;margin-top:10px;}
	.newest strong { -webkit-line-clamp: 2;max-height:48px;}
	.mcont4 {margin:30px 0 50px 0;}
	.gallery-list > ul { margin: -25px 0 0 -20px;}
	.gallery-list > ul > li {width: calc(100% / 2 - 20px);margin-left: 20px;}
	
}

@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;}
	.visual-slider .swiper-slide, 
	.visual-slider .swiper-slide-duplicate {height: 280px;}
    .news-box .news-top .title1{font-size: 20px;}
    .mcont2 .inner{padding: 0 15px;}
	.mcont2 .inner, 
	.mcont3 .inner, 
	.mcont4 .inner {padding: 0 10px;}
    .trg-slider .swiper-slide{width:280px;padding-right:0;}
	.trg-slider .trg-slider-control {padding-right:46px;}
    .news-box .tab-btns{gap: 0 5px;}
    .news-box .tab-container{padding: 15px 0 0 0;}
    .news-box .tab-btns button{font-size: 18px;}
    .newest strong{font-size: 18px;}
    .newest .txt{font-size: 14px;}
	.new-list > li a { flex-wrap: wrap;}
	.new-list > li a .new-list-con {width:100%;margin-top:10px;padding-right:0;font-size:16px;}
    .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;}

}

@media screen and (max-width: 400px) {
    .news-box .tab-btns button{font-size: 17px;}
	.gallery-list > ul { margin: -25px 0 0 -15px;}
	.gallery-list > ul > li {width: calc(100% / 2 - 15px);margin-left: 15px;}
	.gallery-list > ul > li > a .txt-box .tit {font-size:16px;}
}