@charset "utf-8";

/*
 *
 * file : Main
 * date : 211227
 * writer : eun
 *
 */

/* layer popup */
.layer-popup{display:none;position:fixed;top:0;right:0;bottom:0;left:0;/*background-color:rgba(0, 0, 0, 0.5);*/z-index:100}
.layer-popup.show {display:block}
.modal-dialog{width:500px;margin:250px auto;position:relative;background-color:#fff}
.modal-content {text-align:center}
button.btn-close{background:rgba(0,0,0,0.5);position:absolute;width:100%;padding:10px 0;right:0;bottom:-42px;text-align:center;color:#fff}

/* popup button */
.popup-btn-wrap{background-color:rgba(0,0,0,0.5);display:flex;display:-ms-flex;justify-content:space-between;align-items:center;border-top:1px solid #eff5ff1f}
.popup-btn-wrap .no-show-seven-days,
.popup-btn-wrap .no-show-one-days,
.popup-btn-wrap .close{display:block;padding:5px;color:#fff;text-align:center;transition:.3s}
.popup-btn-wrap a{color:#fff}
.popup-btn-wrap .no-show-seven-days{flex:1}
.popup-btn-wrap .no-show-one-days{flex:1;border-right:1px solid #eff5ff1f;border-left:1px solid #eff5ff1f}
.popup-btn-wrap .close a{background:url('../img/main/ic_close.png') center/cover no-repeat;display:block;width:21px;height:21px;text-indent:-9999px;background-size:70%}
.popup-btn-wrap .no-show-seven-days:hover,
.popup-btn-wrap .no-show-one-days:hover,
.popup-btn-wrap .close:hover{background-color:rgba(0,0,0,1)}
.popup-btn-wrap a:hover{text-decoration:none}


@media (max-width:640px){
	.modal-dialog{width:90%}
}

/* //layer popup */


.h2-wrap{margin-bottom:50px}
.h2-tit{font-size:3.75rem;font-weight:bold;font-family:'GmarketSans'}
.h2-stit{font-size:1.25rem;margin-top:10px}

/* section 01 */
.main-v{width:100%;/*max-height: 940px;*/height: 100%;}
.main-v .swiper-container{height:100%}
/*.main-v .swiper-slide{display:flex;display:-ms-flex;align-items:center;height:100%;background:url('../img/main/main01.jpg') center/cover no-repeat}*/
.main-v .swiper-slide.video-wrap{background:url('../img/main/main01-video-bg.jpg') center/cover no-repeat;}
.main-v .swiper-slide .img-box{padding-bottom:20vh}
.main-v .swiper-control-box{position:absolute;left:50%;/*top:70%;*/bottom:20px;z-index:10;width:1600px;transform:translateX(-50%)}
.main-v .swiper-control-box .cinner{position:relative;display:flex;align-items:center;justify-content:center;}
.main-v .swiper-pagination{position:relative;display:flex;align-items:center;text-align:left}
.main-v .swiper-pagination-bullet{position:relative;width:11px;height:11px;margin:0 15px}
.main-v .swiper-pagination-bullet:before{position:absolute;width:35px;height:35px;border-radius:50%;content:"";top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid transparent}
.swiper-pagination-bullet{background-color:#fff}
.main-v .swiper-pagination-bullet-active:before{border-color:#fff}
.main-v .js-swiper-play{color:#fff;font-size:1.6rem}
.main-v .swiper-slide .img-box img{width:100%;height:100%;object-fit: cover;}

/* section 02 */
.main-notice{padding:100px 0;background:url('../img/main/main-bg01.png') center no-repeat}
.main-notice .cinner{position:relative}
.main-notice .swiper-container{position:static}
.main-notice .swiper-control-box{position:absolute;right:0;top:11px;display:flex;align-items:center}
.main-notice .swiper-slide{padding:0 5px}
.main-notice .swiper-slide .item{position:relative;display:block;border:1px solid #ababab;border-radius: 20px;border-top-left-radius: 60px;padding:30px;background-color:#fff}
.main-notice .swiper-slide .item:hover{border-color:#326bcd}
.main-notice .swiper-slide .ico{background-color: #326bcd;color: #ffffff;width: 60px;height: 60px;line-height: 2.5;padding: 10px;text-align: center;border-radius: 50%;font-weight: 500;}
.main-notice .board-con{margin:20px auto}
.main-notice .swiper-button-prev,
.main-notice .swiper-button-next{position:relative;width:65px;height:65px;border:1px solid #ababab;border-radius:50%;transform:none;top:auto;display:flex;align-items:center;justify-content:center;font-size:1.2rem;right:auto;left:auto;transition:.3s}
.main-notice .swiper-button-next{margin:0 30px}
.main-notice .swiper-button-prev:after,
.main-notice .swiper-button-next:after{border-radius:50%}
.main-notice .swiper-button-prev:hover,
.main-notice .swiper-button-next:hover{outline:10px solid #d6e1f5;border-color:#d6e1f5}
.main-notice .btn-view::after{border-radius:35px}
.main-notice .btn-view{display:flex;align-items:center;justify-content:center;border:1px solid #ababab;width:155px;height:65px;border-radius:35px}
.category-tabs-wrap{margin:50px 0 0 0}
.category-tabs-wrap .category-tabs-con:first-child{display:block}
.category-board .category-tabs-con{display:none}
.category-board .category-tabs ul{display:flex;align-items:center;justify-content:flex-end}
.category-board .category-tabs a{position:relative;font-size:1.5rem;padding:0 20px}
.category-board .category-tabs a:hover,
.category-board .category-tabs a.on{color:#326bcd}

/* section 03 */
.main-share{position:relative;background:url('../img/main/main-bg02.png') bottom left no-repeat;padding:100px 0;height:700px;margin-top: 100px;}
.main-share:before{content:"";position:absolute;width:100%;height:55%;background-color:#032e77;top:0}
.main-share .cinner{display:flex;flex-direction: column;}
.main-share .tit-wrap{position:relative;flex-shrink:0;display: flex;justify-content: space-between;}
.main-share .h2-wrap{color:#fff}
.main-share .swiper-slide{position:relative;width:420px;padding:20px}
.main-share .img{box-shadow:2px 5px 20px rgba(0,0,0,.2);border-top-left-radius:15px;border-bottom-right-radius:15px;overflow:hidden}
.main-share .ico{color:#fff;width:240px;position:absolute;left:0;top:40px;background-color:#326bcd;border-bottom-right-radius:30px;border-top-right-radius:30px;text-align:center;padding:8px;transition:.3s}
.main-share .board-subject{margin:30px 0 10px 0;font-size:1.25rem}
.main-share .board-date{color:#9d9d9d;font-size:1.25rem}
.main-share .item{display:block}
.main-share .item:hover{margin-top:-20px}
.main-share .item:hover{margin-top:-20px}
.main-share .item:hover .ico{top:20px}
.main-share .swipe-wrap{position:relative;right:0;width:100vw}
.main-share .swiper-control-box{display:flex;align-items:center;color:#fff}
.main-share .swiper-button-prev,
.main-share .swiper-button-next{width:60px;height:60px;display:flex;color:#fff;background-color:transparent;right:auto;left:auto;align-items:center;justify-content:center;border-radius:50%;top:auto;transform:none}
.main-share .swiper-button-prev:after,
.main-share .swiper-button-next:after{border-radius:50%}
.main-share .btn-view{margin-left:20px;color:#fff}
.main-share .btn-view i{color:#326bcd}
.main-share .btn-bg:hover::after{background-color:rgba(255,255,255,.2)}

/* section 04 */
.main-intro{position:relative;/*background:url('../img/main/main-bg03.png') right bottom no-repeat;*/color:#fff}
.main-intro:before{content:"";position:absolute;width:60%;background:url('../img/main/main-bg04.png') #326bcd left bottom no-repeat;top:0;height:100%;border-radius: 0 60px 300px 0;}
.main-intro .cinner{position:relative;padding:50px 0;display:flex;align-items:center}
.main-intro .link-box{width: 500px;display: flex;flex-wrap: wrap;flex-direction: column;}
.main-intro .link-box .item{color: #fff;display: flex;align-items: center;font-size: 1.1rem;margin-bottom: 7px;width: 100%;border: 1px solid #fff;padding: 17px 20px;border-radius: 0 10px;}
.main-intro .link-box .item:hover{background: #2f52a0;border: 1px solid #2f52a0;}
.main-intro .link-box .item span{position:relative;display:inline-block}
.main-intro .link-box .item span:after{width:0;height:1px;position:absolute;background-color:#ffffff7a;left:0;bottom:-5px;content:"";transition:.3s}
.main-intro .link-box .item:hover span:after{width:100%}
.main-intro .link-box .item i{margin-left:10px}
.main-intro .list-wrap{position:absolute;top:50%;left:calc(60% - 40px);transform:translateY(-50%)}
.main-intro .list-wrap ul{display:flex}
.main-intro .list-wrap li{width:300px;margin-right:20px}
.main-intro .list-wrap .list-item{position:relative;display:block;border-bottom-right-radius:30px;border-top-left-radius:30px;text-align:center;padding:80px 20px;color:#fff;background:url('../img/main/main-bg05.jpg') #12b7c4 bottom center no-repeat}
.main-intro .list-wrap .list-item:before{width:calc(100% - 20px);height:calc(100% - 20px);border:1px solid #fff;content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-bottom-right-radius:26px;border-top-left-radius:26px}
.main-intro .list-wrap .list-item:hover{transform:translateY(-20px)}
.main-intro .list-wrap li:last-child .list-item{background:url('../img/main/main-bg06.jpg') #128094 bottom center no-repeat}
.main-intro .list-wrap .ico{display:flex;align-items:center;height:70px;justify-content:center}
.main-intro .list-wrap .ico img{max-height:100%}
.main-intro .list-wrap .subject{font-size:2.188rem;margin:20px 0;font-weight:bold}
.main-intro .list-wrap .con{font-size:1.125rem}

.main-banner{border-top:1px solid #e7e7e7;padding:40px 0;}
.main-banner .cinner{position:relative;display:flex;flex-direction:row-reverse}
.main-banner .swiper-control-box{display:flex;align-items:center;flex-shrink:0;width:200px}
.main-banner .swiper-button-next,
.main-banner .swiper-button-prev{left:auto;right:auto;width:65px;height:65px;display:flex;align-items:center;justify-content:center;border:1px solid #e7e7e7;border-radius:50%;margin:0 5px;font-size:1.2rem;transform:none;top:auto}
.main-banner .swiper-button-prev:after,
.main-banner .swiper-button-next:after{border-radius:50%}
.main-banner .swiper-button-prev:hover:after,
.main-banner .swiper-button-next:hover:after{background-color:#e7e7e7}
/*.main-banner .swiper-slide{width:215px}*/
.main-banner .item{width:100%;height:80px;display:flex;align-items:center;justify-content:center;border:1px solid #e7e7e7;box-sizing:border-box}
.main-banner .item:hover{border-color:#326bcd}



/* ==========
date: 2024.03.15
writer: sein
============= */

.main-share .ico{
	background-color: rgba(0,0,0,0.7);
}

/* 공지사항 - 갤러리형 */
.gallery-board .category-tabs-wrap{display: flex; gap: 4%;}
.gallery-board .category-tabs-con{
	position: relative;
	display: block; width:39%;}
.gallery-board  .gallery-con .category-img{width: 100%;}
.gallery-board  .gallery-con .swiper-slide .item{
	position: relative;
	display: block;
	overflow: hidden; padding: 0;  border-radius:0;    border-top-left-radius: 1.875rem; border-bottom-right-radius: 1.875rem;}
	.gallery-board  .gallery-con .swiper-slide .item .category-img{
	position: relative;
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 80%;
    overflow: hidden;
}
.gallery-board  .gallery-con .swiper-slide .item .category-img img{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
     height: 100%;
    transition: all 0.3s ease, transform 1s ease;
}
.gallery-board .gallery-con .swiper-slide .item:hover .category-img>img {
	transform: scale(1.1, 1.1);
}

.gallery-board  .gallery-con .category-text{padding: 1.25rem;}
.gallery-board  .gallery-con .category-text .board-con{margin:0; font-size: 1rem;}
.gallery-board  .gallery-con .category-text .board-date{
	display: block; margin-top: 10px;
}


.gallery-board  .gallery-con  .swiper-control-box{
right: 0; top: 0;
}
.gallery-board  .gallery-con  .swiper-button-prev,
.gallery-board  .gallery-con  .swiper-button-next{
width:2.5rem; height: 2.5rem; font-size: 1rem;}
.gallery-board  .gallery-con .swiper-button-prev{margin-right: 0.625rem;}
.gallery-board  .gallery-con .swiper-button-next{
	margin: 0;
}
.gallery-board  .gallery-con  .btn-view{
	border: none;
	width:auto; height: auto;
	text-decoration: underline;

}
.gallery-board  .gallery-con  .btn-view:hover{
	color: #326bcd;
	background: none;
}
.gallery-board  .gallery-con  .btn-view.btn-bg:hover::after{
	display: none;
}

/* 언론보도 */

.news-tabs-con{display: block; width: 58%; display: flex; flex-direction: column; }

.board-title{
	position: relative; padding: 0 0 0px 1.875rem;
	font-size: 1.35rem; margin-bottom: 1.25rem}
.news-tabs-con  .news-title{ position: relative; }
.board-title:before{
	position: absolute; content: "";
	left: 0; top: 50%; transform: translate(0, -50%);
	width: 20px; height: 20px;
	background-image: url(../img/main/bg_bullet_type01.png);
	background-repeat: no-repeat;
	background-size: 100%;
/* 	background-position: right center; */}
.news-tabs-con ul{width: 100%;  height: 17.5rem;}
.news-tabs-con ul>li {
	border-bottom: 1px solid #d9d9d9;}
.news-tabs-con  .news-box {
	position: relative;
	display: block;
	min-height: 74px;
	padding: 1.6875rem 5.625rem 1.6875rem 1.875rem;
	text-align: left;
	transition: 0.2s all ease-in-out;
}
.news-tabs-con .news-box:hover{
background-color: #f9f9f9;
}
.news-tabs-con  .news-box .title-con>.category {
	display: inline-block;
	vertical-align: middle;
	padding-right: 26px;
	margin-right: 11px;
	color: #326bcd;
	font-size: 1rem;
	font-weight: 500;
/* 	background-image: url(../img/main/bg_bullet_type01.png);
	background-repeat: no-repeat;
	background-size: 14px 17px;
	background-position: right center; */
}
.news-tabs-con  .news-box .title-con>.category+.title {
	max-width: calc(100% - 105px);
}
.news-tabs-con  .news-box .title-con>.title {
	display: inline-block;
	vertical-align: middle;
	max-width: calc(100% - 30px);
	font-size: 1rem;
	line-height: 28px;
	font-weight: 400;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	color: #333333;
}
.news-tabs-con  .news-box .date {
	position: absolute;
	top: 50%;
	right: 0;
	display: block;
	color: #999999;
	font-size: 14px;
	line-height: 28px;
	margin-top: -14px;
}

.news-tabs-con  .more-btn02{ position: absolute;
	top: 0px;
	right: 0;
	display: block;
	width: 40px;
	height: 40px;
	z-index: 10;
	text-indent: -500rem;}

.news-tabs-con  .more-btn02:after {
    position: absolute;
    top: 50%;
    left: 50%;
		transform: translate(-50%,-50%);
    display: block;
    content: "";
    width: 16px;
    height: 16px;
		background-image: url(../img/main/icon_more02.png);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center center;
    transition: all 0.2s ease-in-out;
}
.news-tabs-con .more-btn02:hover:after{
	transform: rotateZ(90deg);
  transform-origin: top center;
}

/* ==========
date: 2024.04.02
writer: sein
desc: 메인 홍보란 추가
============= */
.main-notice.pt50{padding:50px 0;}
.sns-wr{margin-top: 1.875rem; overflow: hidden;
}
.sns-cont{
display: flex; gap: 2%;
}

.kakaoch-box{position: relative;
	width:360px; opacity: 1; border-radius: 1.25rem; overflow: hidden; border-top-left-radius:0 ; border-bottom-right-radius:0 ;
}
.kakaoch-box strong{font-size: 28px; margin-bottom: 20px; margin-left: 5px;}

.kakaoch-box a{display: flex; align-items: center; justify-content:center; flex-direction: column;position: relative; width: 100%; height: 100%;
	 text-align: center; font-size: 1.25rem;transition: 0.2s all ease-in-out;
}

.kakaoch-box a img{width: 100%;}

.youtube-box{width: 440px; position: relative; border-radius: 1.25rem; overflow: hidden; border-top-right-radius:0 ; border-bottom-left-radius:0 ;


}
.youtube-box a:after{ cursor: pointer; z-index: 1;
	position: absolute; content:""; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); background-image: url(../img/main/youtube_icon.png); background-repeat: no-repeat; background-position: center; background-size: 60px;
}
.youtube-box a{
	position: relative;
	display: block; width: 100%; height: 100%;}
.youtube-box img{width: 100%; position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: all 0.3s ease, transform 1s ease;}

.youtube-box:hover img{transform: scale(1.03,1.03);}


@media (max-width:1400px){
	.h2-tit{font-size:3.4rem}

	.main-v .swiper-control-box{width:100%}

	.main-notice .swiper-control-box{right:50px}

	.main-intro .cinner{padding:50px}
	.main-intro:before{width:80%}
	.main-intro .list-wrap{left:calc(50% - 40px)}
}

@media (max-width:1200px){
	.h2-tit{font-size:3rem}

	.main-notice .swiper-button-prev, .main-notice .swiper-button-next{width:50px;height:50px}
	.main-notice .swiper-button-next{margin:0 20px}
	.main-notice .btn-view{width:120px;height:50px}

	.main-share .swipe-wrap{width:calc(100% - 505px)}
	.main-share .swiper-button-prev, .main-share .swiper-button-next{width:50px;height:50px}

	.main-intro .link-box .item{font-size:1.125rem}
	.main-intro .list-wrap li{width:250px}
	.main-intro .list-wrap .subject{font-size:1.6rem}

	.main-banner .swiper-button-next, .main-banner .swiper-button-prev{width:50px;height:50px}
	.main-banner .swiper-control-box{width:150px}
}

@media (max-width:1024px){
	.h2-wrap{margin-bottom:30px}
	.h2-tit{font-size:2rem}
	.h2-stit{font-size:1rem}

	.main-notice{padding:50px 0}
	.main-notice .swiper-control-box{right:20px}
	.main-notice .category-tabs-wrap{margin-top:20px}
	.main-notice .swiper-slide .item{padding:20px}
	.category-board .category-tabs{margin:20px 0}
	.category-board .category-tabs ul{display:block;text-align:center}
	.category-board .category-tabs li{display:inline-block}
	.category-board .category-tabs a{padding:0 10px;font-size:1.125rem}

	.main-share{padding:50px 0;height:460px}
	.main-share .tit-wrap{width:310px}
	.main-share .swipe-wrap{width:calc(100% - 330px)}
	.main-share .swiper-slide{width:320px;padding:15px}
	.main-share .board-subject{margin-top:20px;font-size:1.125rem}
	.main-share .board-date{font-size:1.125rem}

	.main-intro .cinner{padding:50px 20px}
	.main-intro .link-box .item{margin-bottom:15px}
	.main-intro .link-box .item i{margin-left:5px}
	.main-intro .link-wrap{width:50%}
	.main-intro .list-wrap{position:relative;left:auto;width:50%;padding:0 0 0 20px;top:auto;transform:none}
	.main-intro .list-wrap .list-item{padding:50px 20px}
	.main-intro .list-wrap ul{justify-content:space-between}
	.main-intro .list-wrap li{width:calc(50% - 10px);margin:0}
	.main-intro .list-wrap .ico{height:40px}


	/* ==========
date: 2024.03.15
writer: sein
============= */
.category-tabs-wrap{
	flex-direction:column;
}
.category-board .news-tabs-con{width: 100%;}
.category-board .category-tabs-con{width: 100%; margin-bottom: 3.125rem}
.main-notice .swiper-slide .item{padding: 0;}
.news-tabs-con .news-box .title-con>.category{padding-right: 0.625rem;}
.news-tabs-con .news-box{padding: 1rem 4rem 1rem 1rem; min-height: auto;}
.news-tabs-con ul{height: auto;}

}


@media (max-width:720px){
	.category-board .category-tabs{background-color:#326bcd;border-top-left-radius:15px;border-bottom-right-radius:15px;padding:20px 0}
	.category-board .category-tabs a{padding:0 5px;font-size:1rem;color:#fff;opacity:.5}
	.category-board .category-tabs a:hover, .category-board .category-tabs a.on{color:#fff;opacity:1}
	.main-notice .swiper-control-box{position:relative;top:auto;right:auto;margin-top:20px;justify-content:center}
	.main-notice .swiper-button-prev, .main-notice .swiper-button-next{width:35px;height:35px;font-size:1rem}
	.main-notice .swiper-button-next{margin:0 10px}
	.main-notice .btn-view{width:85px;height:35px;border-radius:20px;font-size:.8rem}
	.main-notice .board-con{height:37px}

	.main-share{height:auto;padding:0}
	.main-share:before{display:none}
	.main-share .cinner{display:block;padding:0}
	.main-share .tit-wrap{width:100%;background-color:#032e77;padding:50px 20px 20px 20px}
	.main-share .swipe-wrap{position:relative;width:100%;padding:20px 20px 50px 20px}
	.main-share .board-subject{margin-bottom:0}
	.main-share .board-date{font-size:1rem}

	.main-intro:before{display:none}
	.main-intro .cinner{display:block;padding:0}
	.main-intro .link-wrap{width:100%;background-color:#326bcd;padding:50px 20px}
	.main-intro .list-wrap{padding:50px 20px;width:100%}
	.main-intro .list-wrap li{width:calc(50% - 5px)}
	.main-intro .list-wrap .list-item{padding:30px 20px}
	.main-intro .list-wrap .list-item:before{width:calc(100% - 10px);height:calc(100% - 10px)}
	.main-intro .list-wrap .subject{font-size:1.4rem}
	.main-intro .list-wrap .con{font-size:1rem}

	.main-banner{margin-top:0;padding:20px 0}
	.main-banner .swiper-button-next, .main-banner .swiper-button-prev{width:35px;height:35px}
	.main-banner .swiper-control-box{width:100px}
	.main-banner .swiper-slide{width:180px}
	.main-banner .item{height:60px}
		/* ==========
date: 2024.04.02
writer: sein
============= */

}
@media (max-width:480px){
	.h2-tit{font-size:1.6rem}
	/* ==========
date: 2024.04.02
writer: sein
============= */
.sns-cont{flex-direction: column;}
.youtube-box{width: 100%; height: 13rem; margin-bottom: 10px;}
.kakaoch-box{width: 100%;}
}

/* ==========
date: 2024.07.16
writer: sein
============= */

.post-box{overflow: hidden;}

.post-slide-box .swiper-slide{width: 100%;
	height: calc(100% - 50px);
	border: 1px solid #c5c5ce;
	transition: .3s;
	border-radius: 20px 0 20px 0;
	overflow: hidden; padding: 0;}
	.post-slide-box .swiper-slide .item{
		padding: 0; border:none; border-radius: 0;
	}
.post-slide-box .category-img{    width: 100%;
	height: 230px;
	overflow: hidden;}
	.post-slide-box .category-img img {
    width: 100%;
    height: 100%;
    transition: .3s;
}
.post-slide-box .category-text{height: calc(100% - 230px);
	padding: 20px;
	font-size: 14px;
	position: relative;}

.post-slide-box .category-text p.board-con{
	display: block;
	text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;}
		.post-slide-box .control-box.post-control-box {display: flex; justify-content: flex-end; padding: 20px 0px;}
		.post-slide-box .control-box.post-control-box .swiper-button-next{margin:0 10px;}
		.post-slide-box .control-box.post-control-box .swiper-button-prev, .post-slide-box .control-box.post-control-box .swiper-button-next{width: 45px; height: 45px;}



/* ==========
date: 2024.03.15
writer: chaeeun
============= */

.notic-sec{display: flex; justify-content: space-between;}

.tit-box{display: flex; align-items: center; justify-content: space-between;}
.diagonal-tit{position: relative; font-size: 20px; font-weight: 400; padding-left: 30px; margin-bottom: 20px;}
.diagonal-tit:before{position: absolute; content: ""; left: 0; top: 50%; transform: translate(0, -50%); width: 20px; height: 20px; background-image: url(/lib/img/main/bg_bullet_type01_gray.png); background-repeat: no-repeat; background-size: 100%;}

.tit-box .more-btn02{display: flex; width: 40px; height: 40px; justify-content: flex-end;}
.tit-box .more-btn02::before{content: ''; display: block; width: 16px; height: 16px; background-image: url(/lib/img/main/icon_more02.png); background-size: 16px; transition: .3s;}
.tit-box .more-btn02.white::before{ background-image: url(/lib/img/main/icon_more02_white.png);}
.tit-box .more-btn02:hover::before{transform: rotateZ(90deg);}

.post-box {width: calc(30% - 25px);}
.notice-box {width: calc(70% - 25px); position: relative;}

/*사업단 소식*/
.post-con{width: 100%; height: calc(100% - 50px);/*  border: 1px solid #c5c5ce; */ transition: .3s; border-radius: 20px 0 20px 0; overflow: hidden;}
.post-con:hover{border-color: #326bcd;}
.post-con a{display: block; height: 100%;}
.post-con .post-img-box{width: 100%; height: 230px; overflow: hidden;}
.post-con .post-img-box img{width: 100%; height: 100%; transition: .3s; }
.post-con:hover .post-img-box img{transform:scale(1.1, 1.1);}
.post-con .post-text-box{height: calc(100% - 230px); padding: 20px; font-size: 14px;  position: relative;}
.post-con .post-text-box::before{content: ''; display: block; background: url(/lib/img/main/post-bg.png) no-repeat bottom -60px right -60px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; opacity: .1;}
.post-con .post-text-box .board-subject{font-weight:bold;font-size:1.125rem}
.post-con .post-text-box .board-con{-webkit-line-clamp:4;line-height:1.6;height:6em;margin-bottom:10px}

/*공지사항*/
.notice-box .notice-slide{overflow: hidden; display: none;}
.notice-box .notice-slide.on{display: block;}

.notice-box .tit-box{overflow: hidden; justify-content: flex-start;}
.notice-box .tit-box .category{margin-bottom: 20px; margin-left: 20px;}
.notice-box .tit-box .category button{margin-right: 10px; color: #555; font-size: 14px;}
.notice-box .tit-box .category button:last-child{margin-right: 0;}

.notice-box .tit-box .category button:hover{color: #326bcd;}
.notice-box .tit-box .category button.on{color: #326bcd; font-weight: 500;}

.notice-box .notice-slide .swiper-slide{padding: 0; width: calc((100% - 30px) / 4);
	margin-right: 10px;}
.notice-box .notice-slide .swiper-slide .item{padding: 0; overflow: hidden; border-radius: 20px 0 20px 0;}
.notice-box .notice-slide .swiper-slide .item .category-img{height: 280px; overflow: hidden; padding-bottom: 0; position: relative;}

.notice-box .notice-slide .swiper-slide:hover .category-img img{transform:scale(1.1, 1.1);}

.notice-box .notice-slide .swiper-slide .item .category-img img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: .3s;}
.notice-box .notice-slide .swiper-slide .item .category-text{height: 125px; padding: 10px; background-color: white; font-size: 14px;}
.notice-box .notice-slide .swiper-slide .item .category-text .board-con{text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 4; -webkit-box-orient: vertical; display: -webkit-box; height: 75px; margin: 0 0 15px;}
.notice-box .notice-slide .swiper-slide .item .category-text .board-date{color: #8e8e8e;}

.notice-box .notice-slide .control-box{display: flex; position: absolute; top: -10px; right: 0;}
.notice-box .notice-slide .control-box .control-btn{width: 45px; height: 45px;}
.notice-box .notice-slide .control-box .control-btn.swiper-button-next{margin: 0 10px;}



/*클린에너지 SNS*/
.main-sns-calender{background-color: #2f52a0; padding: 100px 0; margin: 50px 0 100px;}
.main-sns-calender .cinner{display: flex; gap: 50px;}
.main-sns-calender .tit-box{color: white; display: flex;}
.main-sns-calender .diagonal-tit:before{background-image: url(/lib/img/main/bg_bullet_type01_sky.png);}

.main-sns-calender .sns-box{width: calc(35% - 25px); }
.main-sns-calender .report-box {width: calc(40% - 50px);}
.main-sns-calender .calender-box {width: calc(25% - 25px);}

/*클린에너지 SNS*/
.main-sns-calender .board-title{color: white; display: inline-block;}
.main-sns-calender .board-title:before{background-image: url(/lib/img/main/bg_bullet_type01_sky.png);}
.main-sns-calender .sns-btn{display: flex; float: right;}
.main-sns-calender .sns-btn li{margin-left: 10px; width: 35px; height: 35px; border-radius: 50%; overflow: hidden;}

.main-sns-calender .sns-btn li{background-color: #333; }
.main-sns-calender .sns-btn button{width: 100%; height: 100%; transition: .3s;}
.main-sns-calender .sns-btn i{color: white; font-size: 16px; transition: .3s;}

.main-sns-calender .sns-btn :where(button.youtube:hover, .youtube.active){ background-color: #ed2224; }
.main-sns-calender .sns-btn :where(button.facebook:hover, .facebook.active){ background-color: #4268b3; }

.main-sns-calender .sns-btn li a{display: flex; width: 100%; height: 100%; justify-content: center; align-items: center;}
.main-sns-calender .sns-btn .kakao:hover{ background-color: #fae100; }
.main-sns-calender .sns-btn .kakao:hover i{ color: #000; }


.main-sns-calender .sns-list{display: none; flex-wrap: wrap; gap: 20px;}
.main-sns-calender .sns-list.active{display: flex;}
.main-sns-calender .sns-list li{width: calc(50% - 10px); border-radius: 20px 0 20px 0;}
.main-sns-calender .sns-list li a{display: block; background-color: #000; width: 100%; height: 160px; overflow: hidden; position: relative; border-radius: 20px 0 20px 0;}
.main-sns-calender .sns-list li a img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: .3s;}
.main-sns-calender .sns-list li a:hover img{transform: translate(-50%, -50%) scale(1.1, 1.1);}
.main-sns-calender .sns-list .empty{color: white; text-align: center; width: 100%; margin-top: 20px; font-size: 20px;}


/*언론보도*/

.main-sns-calender .report-box .tit-box{display: flex;}
.main-sns-calender .report-box .tit-box .more-btn02::before{background-image: url(/lib/img/main/icon_more02_white.png);}
.main-sns-calender .report-box .report-list .item{border-bottom: 1px solid rgba(255, 255, 255, 0.5);}
.main-sns-calender .report-box .report-list a{padding: 25px 5px 25px 10px; font-size: 14px; display: flex; align-items: center; transition: .3s;}
.main-sns-calender .report-box .report-list .report-type{width: 35px; color: #D6E6FA; font-weight: 500;}
.main-sns-calender .report-box .report-list .report-title{color: white; width: calc(100% - 120px); display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.main-sns-calender .report-box .report-list .report-date{color: #B0CCF5; width: 85px;}

.main-sns-calender .report-box .report-list a:hover{background: #5D80C5;}

/*사업단 일정*/
.main-program .calender-box .control-box {float: right;	display: flex;}
.main-program .calender-box .controll-btn {	position: relative;	width: 45px;	height: 45px;	border-radius: 50%;	display: flex;	align-items: center;	justify-content: center;}
.main-program .calender-box .controll-btn::after {	content: '';	display: block;	position: absolute;	transform: scale(.5);	border-radius: 50%;	width: 100%;	height: 100%;	background: transparent;	transition: .3s;}
.main-program .calender-box .controll-btn:hover::after {	background: rgba(255,255,255,.2);	transform: scale(1);}
.main-program .calender-box .controll-btn i {	color: white;	transition: .3s;}
.main-program .calender-box .controll-btn.button-prev {	margin-right: 10px;}

.main-program1 .calender-box .calender {	width: 100%;	height: 340px;	background-color: white;	border-radius: 20px 0 20px 0;	padding: 20px;	font-size: 14px;	font-weight: 500;	overflow: hidden;}
.main-program .calender-box .schedule-list li {	margin-bottom: 10px;	width: 100%;	position: relative;	padding-left: 100px;	overflow: hidden;	white-space: nowrap;	text-overflow: ellipsis;}
.main-program .calender-box .schedule-list li:last-child{margin-bottom: 0;}
.main-program .calender-box .schedule-list .date {	color: white;	display: inline-block;	position: absolute;	left: 0;}

/* ==========
date: 2024.09.19
writer: sein
============= */
.program-calender-wrap{display: flex; gap: 2%;}
.program-box{width: 70%;}
.calender-box{width: 28%; background-color: #326bcd; padding:30px;    border: 1px solid #fff;
	border-top-left-radius: 2rem; border-bottom-right-radius: 2rem;}
.program-calender-wrap .program-box .li-gallery li{width: calc((100% - 40px)/3); margin-right: 20px; margin-bottom: 0;}
.program-calender-wrap .program-box .li-gallery li:nth-child(3n),.program-calender-wrap .program-box .li-gallery li:last-child{margin-right: 0;}

.program-calender-wrap .calender-box .diagonal-tit{color:#fff;}
.program-calender-wrap .calender-box .schedule-list li{color: #fff;}

.main-sns-calender .sns-box{width: 35%;}
.main-sns-calender .report-box.report-tab-wrap{width: calc(65% - 50px);}
.report-tab-box{display: flex; gap: 2%;}
/* 탭메뉴 버튼 */
.report-tab-box .report-list {width: 58%;}
.report-tab-box .report-list li{cursor:pointer}
.report-tab-box .report-list li img{vertical-align:middle}
.report-tab-box .report-list li.on{background-color: rgba(255, 255, 255, 0.2);}
.report-tab-box .report-list li+li{border-left:none}

/* 탭메뉴 컨텐츠 */
.report-tab-box .tab-content{width: 40%; 	height: 350px;}
.report-tab-box .tab-content li{display:none;}
.report-tab-box .tab-content li.on{display:block}

/* ==========
date: 2024.10.07
writer: sein
============= */
.program-box{ position: relative;}
.program-slide-box{}

.program-slide-box .program-slide-wrapper{overflow: hidden;}
.program-slide-box .swiper-slide{ }
.program-slide-box .swiper-slide a{}
.program-slide-box .swiper-slide .img_box{}
.program-slide-box .swiper-slide .img_box img{padding: 20px; width: 100%;height: 100%;max-width: 100%;}
.program-slide-box .swiper-slide .program-title{	width: 100%; display: block; 	background-color: #326bcd; color: #fff;text-align: center; padding: 1rem; 	text-overflow: ellipsis;	overflow: hidden;	white-space: nowrap;
 font-size: 14px; margin-top: 10px;}





.program-slide-box .control-box {
	display: flex;
	position: absolute;
	top: -10px;
	right: 0;
	z-index: 100;
}
.program-slide-box .control-box .control-btn {
	width: 45px;
	height: 45px;
}
.program-slide-box .control-box .control-btn.swiper-button-next {
	margin: 0 10px;
}
.program-slide-box .control-box .swiper-button-prev, .program-slide-box .control-box .swiper-button-next{position: relative;
	border: 1px solid #ababab;
	border-radius: 50%;
	transform: none;
	top: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.2rem;
	right: auto;
	left: auto;
	transition: .3s;}
	.program-slide-box .control-box .swiper-button-prev:hover, .program-slide-box .control-box .swiper-button-next:hover {
    outline-color: #bde3fa;
		outline: 10px solid #bde3fa;
    border-color: #bde3fa;
}

@media (max-width:1200px){
	.notic-sec{flex-wrap: wrap;}
	.post-box {width: 100%; margin-bottom: 50px;}
	.notice-box {width: 100%; position: relative;}

	.post-con a{display: flex;}
	.post-con .post-img-box{width: 40%; height: auto;}
	.post-con .post-text-box{width: 60%; height: auto; padding: 20px;}
	.post-con .post-text-box p{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 15; -webkit-box-orient: vertical;}

	.main-sns-calender .sns-box{width: 100%; margin-bottom: 50px;}
	.main-sns-calender .report-box {width: 100%; margin-bottom: 50px;}
	.main-sns-calender .calender-box {width: 100%;}

	.main-sns-calender .cinner{display: block;}
	.main-sns-calender .sns-list li a{height: 250px;}
	.main-sns-calender .calender-box .calender{height: auto; max-height: 250px;}

	/* ==========
date: 2024.09.19
writer: sein
============= */
.main-sns-calender .report-box.report-tab-wrap{width: 100%;}



}

@media (max-width:1024px){
	.main-sns-calender{margin: 0 0 50px; padding: 50px 0;}

	/* ==========
date: 2024.09.19
writer: sein
============= */
.program-calender-wrap{display: block; padding-bottom: 50px;}
.program-box{width: 100%;}
.program-calender-wrap .program-box .li-gallery li{ width: calc((100% - 20px) / 2);margin-right: 20px;margin-bottom: 20px;}
.program-calender-wrap .program-box .li-gallery li:nth-child(2n){margin-right: 0;}
.calender-box{width: 100%; margin-top: 2rem;}
}

@media (max-width:640px){
	.post-con a{display: block;}
	.post-con .post-img-box, .post-con .post-text-box{width: 100%;}
	.post-con .post-text-box p{-webkit-line-clamp: 11;}
	.main-sns-calender .sns-btn{float: none; margin-bottom: 10px;}
	.main-sns-calender .sns-list li{width: 100%;}
	.main-sns-calender .sns-list li a{aspect-ratio: 2/1; height: 280px;}
	.main-sns-calender .sns-list li a img{width: 100%;}

	/* ==========
date: 2024.09.19
writer: sein
============= */
.report-tab-box{flex-direction: column;}
.report-tab-box .report-list{width: 100%;}
.report-tab-box .tab-content{width: 100%; margin-top: 2rem; height: auto;}
.report-tab-box .tab-content img{width: 100%;}

.program-calender-wrap .program-box .li-gallery li{width: 100%; margin-right: 0; }


.program-slide-box .control-box{top: 0;}
.program-slide-box .control-box .control-btn{width: 35px; height: 35px;}
}