@charset "utf-8";

.main-topDay{position: absolute; top: 20px; left: 250px; padding:0 30px 0 25px; height: 50px; font-weight: 400;color: #375568; border-radius: 50px; border: 1px solid #D5DFE6; opacity: 0.82; background-color: #fff;z-index: 1; display:flex; align-items:center; justify-content:center; font-size:18px; box-sizing:border-box;}
.main-topDay .data{letter-spacing: -3px; position: relative; font-size: 30px; color:#375568; font-weight: 800; margin-left:15px; margin-top:-2px;}
@media all and (max-width:1024px){
	.main-topDay{top:10px; left:160px ;height:40px; font-size:14px; padding:0 20px;}
	.main-topDay .data{font-size:18px;}
}
@media all and (max-width:599px){
	.main-topDay{top:10px; left:150px ;height:40px; font-size:13px; padding:0 10px; flex-direction:column; text-align:center; line-height:1.16em; }
	.main-topDay .data{font-size:15px; margin:0; }
}

.main-container{font-family: 'Pretendard GOV'; }

.main-sec1{background:url(../images/main_2024/bg_sec1.png) center top / cover no-repeat; padding:40px 16px 120px;}
.main-sec1 .sec-inner{max-width:1400px; margin:0 auto; display:flex;}

.main-popupzone-wrap{width:54%; max-width:760px; overflow:hidden;}
.main-popupzone-wrap .swiper-container{padding-bottom:16px; width:760px;}
.main-popupzone-wrap .swiper-slide{overflow:hidden;}
.main-popupzone-wrap .swiper-slide img{transition:all 0.5s;}
.main-popupzone-wrap .swiper-slide:hover{box-shadow:3px 3px 8px rgba(0,0,0,0.15);}
.main-popupzone-wrap .swiper-slide:hover img{transform:scale(1.1);}

.main-popupzone-wrap .swiper-slide{overflow:inherit;}
.main-popupzone-wrap .swiper-slide a{display:block; overflow:hidden;}
.main-popupzone-wrap .swiper-slide a:focus-visible{outline:3px dotted #000; outline-offset: -3px;}

.popupzone-slider-nav{display:flex; align-items: center; justify-content: center;}
.popupzone-slider-nav button{width:26px;height:26px;border-radius:50%; background-color:#fff; overflow:hidden; text-align:left; text-indent:-9999px; border:none; background-position:center; background-repeat:no-repeat;}
.popupzone-slider-nav .slider-page{padding:0 12px; font-size:16px; color:#3D3146;}
.popupzone-slider-nav .slider-page .swiper-pagination-current{color:#00A49C; font-weight:700;}
.popupzone-slider-nav .btn-prev{background-image:url(../images/main_2024/slider_prev.svg);}
.popupzone-slider-nav .btn-next{background-image:url(../images/main_2024/slider_next.svg);}
.popupzone-slider-nav .btn-stop{background-image:url(../images/main_2024/slider_pause.svg); margin-left:12px;}
.popupzone-slider-nav .btn-stop.active{background-image:url(../images/main_2024/slider_play.svg);}

.main-title-img{height:26px; overflow:hidden;text-align:left; text-indent:-9999px; background-position:0 center; background-repeat:no-repeat; background-size:auto 19px;}

.main-news-title{width:80px; background-image:url(../images/main_2024/title_img_news.png);}
.main-article-title1{width:118px; background-image:url(../images/main_2024/title_img_article1.png);}
.main-article-title2{width:79px; background-image:url(../images/main_2024/title_img_article2.png);}
.main-chart-title1{background-image:url(../images/main_2024/title_img_chart1.png);}
.main-chart-title2{background-image:url(../images/main_2024/title_img_chart2.png);}
.main-chart-title3{background-image:url(../images/main_2024/title_img_chart3.png);}
.main-chart-title4{background-image:url(../images/main_2024/title_img_chart4.png);}

.main-news-wrap{width:calc(46% - 40px); max-width:600px; margin-left:40px;}
.main-news-header{height:38px; border-bottom:1px solid #ccc; box-sizing:border-box; position:relative; display:flex; margin-bottom:20px;}
.main-news-header .main-news-title{font-size:20px;color:#333;}

.main-news-tab{margin-left:auto; padding:3px 0 0 0;}
.main-news-tab ul{display:flex;}
.main-news-tab a{display:block; padding:0 14px; font-size:16px; color:#777777; height:34px;}
.main-news-tab li:last-child a{padding-right:0;}
.main-news-tab .active a{color:#00A49C; font-weight:700; position:relative;}
.main-news-tab .active a:after{display:block;content:'';width:6px;height:6px; border-radius:50%; background-color:#00A49C; position:absolute;left:50%;bottom:-3px; margin-left:-3px;}

.main-news-list{display:none;}
.main-news-list li + li{margin-top:20px;}
.main-news-list ul a{display:flex; align-items: center; font-size:16px;}
.main-news-list .category{width:65px;height:22px; box-sizing:border-box; border:1px solid #171620; border-radius:5px; margin-right:8px; display:flex; align-items: center; justify-content: center; flex-shrink: 0; color:#222222; font-size:14px;}
.main-news-list .title{width:100%; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; color:#222222; box-sizing:border-box; padding-right:24px;}
.main-news-list .date{color:#777777; flex-shrink: 0; margin-left:auto;}

.main-news-list ul a:hover .title{color:#00A49C;}

.main-news-list.active{display:block;}

.main-sec2{margin-top:-80px; padding:0 16px 52px 16px;}
.main-sec2 .sec-inner{max-width:1400px; margin:0 auto; background-color:#fff; border-radius:30px;}

.main-quick1{padding:20px 28px;}
.main-quick1 ul{display:flex;}
.main-quick1 ul li{width:calc(100% / 8);}
.main-quick1 a{display:block; text-align:center;}
.main-quick1 a:before{display:block;content:'';width:80px;height:80px; margin:0 auto 8px; background-position:center; background-repeat:no-repeat; background-size:cover; border-radius:50%; transition:all 0.3s;}
.main-quick1 a span{font-size:17px; color:#111; line-height:1.3;}
.main-quick1 .item1:before{background-image:url(../images/main_2024/ic_quick1_1.svg);}
.main-quick1 .item2:before{background-image:url(../images/main_2024/ic_quick1_2.svg);}
.main-quick1 .item3:before{background-image:url(../images/main_2024/ic_quick1_3.svg);}
.main-quick1 .item4:before{background-image:url(../images/main_2024/ic_quick1_4.svg);}
.main-quick1 .item5:before{background-image:url(../images/main_2024/ic_quick1_5.svg);}
.main-quick1 .item6:before{background-image:url(../images/main_2024/ic_quick1_6.svg);}
.main-quick1 .item7:before{background-image:url(../images/main_2024/ic_quick1_7.svg);}
.main-quick1 .item8:before{background-image:url(../images/main_2024/ic_quick1_8.svg);}
.main-quick1 a:hover span{color:#7F6EDF;font-weight:700;}
.main-quick1 a:hover:before{background-color:#7F6EDF; transform: scale(1.1);}

.main-quick2{padding:20px 0; margin-top:20px;}
.main-quick2 ul{display:flex;}
.main-quick2 ul li{width:10%;}
.main-quick2 a{display:block; text-align:center;}
.main-quick2 a:before{display:block;content:'';width:80px;height:80px; margin:0 auto 8px; background-position:center; background-repeat:no-repeat; background-color:#F6F7FA; border-radius:50%; transition:all 0.3s; aspect-ratio: 1/1; max-width:98%;}
.main-quick2 a span{font-size:17px; color:#111; line-height:1.3;}
.main-quick2 .item1:before{background-image:url(../images/main_2024/ic_quick2_1.svg);}
.main-quick2 .item2:before{background-image:url(../images/main_2024/ic_quick2_2.svg);}
.main-quick2 .item3:before{background-image:url(../images/main_2024/ic_quick2_3.svg);}
.main-quick2 .item4:before{background-image:url(../images/main_2024/ic_quick2_4.svg);}
.main-quick2 .item5:before{background-image:url(../images/main_2024/ic_quick2_5.svg);}
.main-quick2 .item6:before{background-image:url(../images/main_2024/ic_quick2_6.svg);}
.main-quick2 .item7:before{background-image:url(../images/main_2024/ic_quick2_7.svg);}
.main-quick2 .item8:before{background-image:url(../images/main_2024/ic_quick2_8.svg);}
.main-quick2 .item9:before{background-image:url(../images/main_2024/ic_quick2_9.svg);}
.main-quick2 .item10:before{background-image:url(../images/main_2024/ic_quick2_10.svg);}

.main-quick2 a:hover span{color:#00A49C;font-weight:700;}
.main-quick2 a:hover:before{background-color:#00A49C;}
.main-quick2 .item1:hover:before{background-image:url(../images/main_2024/ic_quick2_1_on.svg);}
.main-quick2 .item2:hover:before{background-image:url(../images/main_2024/ic_quick2_2_on.svg);}
.main-quick2 .item3:hover:before{background-image:url(../images/main_2024/ic_quick2_3_on.svg);}
.main-quick2 .item4:hover:before{background-image:url(../images/main_2024/ic_quick2_4_on.svg);}
.main-quick2 .item5:hover:before{background-image:url(../images/main_2024/ic_quick2_5_on.svg);}
.main-quick2 .item6:hover:before{background-image:url(../images/main_2024/ic_quick2_6_on.svg);}
.main-quick2 .item7:hover:before{background-image:url(../images/main_2024/ic_quick2_7_on.svg);}
.main-quick2 .item8:hover:before{background-image:url(../images/main_2024/ic_quick2_8_on.svg);}
.main-quick2 .item9:hover:before{background-image:url(../images/main_2024/ic_quick2_9_on.svg);}
.main-quick2 .item10:hover:before{background-image:url(../images/main_2024/ic_quick2_10_on.svg);}

.main-article-wrap{margin-top:32px; display:flex;}
.main-article{width:calc(50% - 20px);}
.main-article + .main-article{margin-left:40px;}

.main-article{position:relative;}
.main-article-header{height:38px; border-bottom:1px solid #171620;}
.main-article-header h2{font-size:20px; color:#333; }

.main-article-list{margin-top:20px;}
.main-article-list li + li{margin-top:20px;}
.main-article-list ul a{display:flex; align-items: center; font-size:16px;}
.main-article-list .category{height:25px; box-sizing:border-box; border-radius:13px; margin-right:8px; display:flex; align-items: center; justify-content: center; flex-shrink: 0; font-size:15px;}
.main-article-list .title{width:100%; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; color:#222222; box-sizing:border-box; padding-right:40px;}
.main-article-list .date{color:#777777; flex-shrink: 0; margin-left:auto;}

.main-article-more{position:absolute;right:0;top:0;}
.main-article-more a{display:block;content:'';width:24px;height:24px; text-align:left; text-indent:-9999px; overflow:hidden; background:url(../images/main_2024/ic_more.svg) center no-repeat;}

.main-article.edu .main-article-list .category{width:108px; border:1px solid #C4E8E8; background-color:#E5F3F3; color:#005B57;}
.main-article.edu .main-article-list a:hover .title{color:#005B57;}
.main-article.research .main-article-list .category{width:56px; border:1px solid #D1C4E8; background-color:#F3EEFC; color:#5A4AA0;}
.main-article.research .main-article-list a:hover .title{color:#5A4AA0;}

.main-sec3{background-color:#F6F7FA; padding:60px 16px;}
.main-sec3 .sec-inner{max-width:1400px; margin:0 auto; display:flex; gap:40px;}

.main-chart-wrap{width:25%;}
.main-chart-wrap h2{color:#333333; font-size:20px; margin-bottom:16px;}

.chart-box{background-color:#fff; border-radius:20px; padding:20px;}
.chart-box .chart-graw{text-align:center;}
.chart-box .chart-graw svg{margin:0 auto; aspect-ratio: 1/1; max-width:100%;}
.chart-box .date{text-align:center; color:#777777; font-size:14px;}
.chart-box .date:before{display:inline-block;content:'';width:3px;height:3px; border-radius:50%; background-color:#999; vertical-align:middle; margin-right:4px;}
.chart-box .chart-legend{border-top:1px solid #DEDEDE; padding: 20px; font-size:16px; text-align:left; margin-top:16px;}
.chart-box .chart-legend-item{font-size:16px; color:#333;}
.chart-box .chart-legend-item i{display:block;width:10px;height:10px; border-radius:50%; flex-shrink: 0; margin-right:6px; border:1px solid red;}
.chart-box .chart-legend-item + .chart-legend-item{margin-top:6px;}

.bb-chart-arc text {
    font-size: 15px;
    text-shadow: 1px 1px 3px #000;
    font-weight: bold;
}

.bb-chart-arc path.bb-shape{background-image:url(test.png);}


@media all and (max-width:1280px){
	.main-sec3 .sec-inner{gap:20px;}
}

@media all and (max-width:1024px){

	.main-sec1 .sec-inner{flex-wrap:wrap;}

	.main-popupzone-wrap{width:100%; max-width:100%;}
	.main-news-wrap{width:100%; max-width:100%; margin:20px 0 0 0;}

	.main-quick2{margin-top:0;}
	.main-quick2 ul{flex-wrap:wrap; gap:12px;}
	.main-quick2 ul li{width:calc(20% - 9.6px);}

	.main-sec3 .sec-inner{flex-wrap:wrap;}
	.main-chart-wrap{width:calc(50% - 10px);}

}

@media all and (max-width:768px){

	.main-sec1{padding:24px 16px 108px;}

	.main-popupzone-wrap .swiper-container{width:100%;}

	.main-news-tab a{padding:0 8px;}
	.main-news-list li + li{margin-top:12px;}
	.main-news-list .title{padding-right:16px;}

	.main-sec2{padding-bottom:28px;}

	.main-quick1{padding:12px;}
	.main-quick1 ul{flex-wrap:wrap; gap:12px;}
	.main-quick1 ul li{width:calc(25% - 9px);}
	.main-quick1 a:before{width:56px;height:56px;}
	.main-quick1 a span{font-size:15px;}

	.main-quick2{padding:12px 0; margin-top:20px; border-top:1px solid #EEEEEE;}
	.main-quick2 ul{justify-content: flex-start; gap:8px;}
	.main-quick2 ul li{width:calc(50% - 4px);}
	.main-quick2 a{display:flex; align-items: center; text-align:left;}
	.main-quick2 a:before{width:46px;height:46px; margin:0 6px 0 0; flex-shrink: 0; background-size:24px;}
	.main-quick2 a span{font-size:15px;}

	.main-article-wrap{flex-wrap:wrap; margin-top:28px;}

	.main-article{width:100%;}
	.main-article + .main-article{margin:24px 0 0 0;}
	.main-article-list ul a{font-size:15px;}
	.main-article-list .title{padding-right:16px;}
	.main-article-list .category{height:21px; font-size:13px; margin-right:6px;}
	.main-article-list li + li{margin-top:12px;}

	.main-article.edu .main-article-list .category{width:100px;}

}

@media all and (max-width:600px){

	.main-sec3{padding:28px 16px;}
	.main-chart-wrap{width:100%;}

	.chart-box{padding:16px;}
	.chart-box .chart-legend-item{font-size:15px;}
	.chart-box .chart-legend{padding:12px 20px 4px 20px;}


}