@charset "UTF-8";

/*-------------------------------------------------
title       : 메인 반응형
Create date : 2023.07.19
-------------------------------------------------*/

@media (max-width: 1820px) {
#section1::after {left: 0; margin-left: 2.5%; background-position: center 0;  transform: inherit;}	
}
@media (max-width: 1580px) {
#section1::after {margin-left: 0;}
}
@media (max-width: 1400px) {
.link_list a {padding: 2rem 0;}	
}
@media (max-width: 1155px) {
.tsearch_area {width: 58rem;}	
.tsearch_area .slogan {font-size: 4.8rem;}	
.highlight_area .flex_area {margin: 0 -1rem;}	
.highlight_area section {width: calc(25% - 2rem); margin: 0 1rem; padding: 4rem 3rem;}
.highlight_area.active section.active {width: calc(58.9% - 2.4rem);}
.highlight_area.active section {width: calc(20.55% - 2.4rem);}
.highlight_area .more {top: 4rem; right: 4rem;}
.highlight_area .more i {margin-top: -3px;}

.news_slider > li {margin-right: 2.4rem;}

.icon_content {padding-right: 3rem;}	
.icon_content .icon {width: 13rem; height: 13rem;}	
.link_list {margin-top: -1px; font-size: 1.5rem;}
.link_list > li {width: 33.33%; margin: 0 -1px -1px 0; border-right: none;}
.link_list > li:first-child {border-left: none}
.link_list > li a {display: block; padding: 1.7rem 1rem; border: 1px solid #ddd;}
}
@media (max-width:960px) {
.top_section {flex-direction: column;}	
#section1::after {background-position: center center; background-size: cover;}
.tsearch_area {width: 100%; margin: 0 0 3rem;}	

.publication_area,
.publication_area::after {width: 100%;}
.publication_area .section_tit {margin-left: 0;}
.publication_list .swiper-slide {padding-left: 4rem;}
#section5 {
    width: calc(140rem  + 2.4rem);
    max-width: calc(95% + 2.4rem);
	}
.icon_content,
.popup_area  {
	width: calc(50% - 2.4rem); 
	margin: 0 1.2rem;
	}	
.icon_content {padding-top: 0; padding-bottom: 3rem;}
.popup_area {width: calc(100% - 2.4rem);}

.popupzone_slider > li {height: 50rem;}	
.icon_content .icon {width: 12rem; height: 12rem;}		
}
@media (max-width: 830px) {
.width_thumb .thumb {width: 18rem; height: 11.4rem;}	
.width_thumb .info {width: calc(100% - 20rem);}

}
@media (max-width: 720px) {
.highlight_area {margin: 5rem auto;}
#section1, .news_area {margin-bottom: 5rem;}
.icon_content {padding: 0; }
.icon_content a {min-height: inherit;}
.popup_area {margin-top: 5rem;}
.link_list > li {width: 50%;}
}
@media (max-width: 620px) {
.tsearch_area .slogan {font-size: 4.5rem;}	
.participation_list > li {width: calc(100% / 3);}
.participation_list > li a {padding: 2rem 0;}
.highlight_area .flex_area {
	margin: 0 -1rem;
	}
.highlight_area section,
.highlight_area.active section.active,
.highlight_area.active section {
    width: calc(100% - 2rem);
	}
.highlight_area section + section {
	margin-top: 1.3rem;
	} 
.icon_content {
    width: calc(100% - 2.4rem);
	}
.cleanCenter_area {margin-top: 2.5rem;}
}
@media (max-width: 480px) {
.tsearch_area .slogan {font-size: 3.8rem;}
.thumb_list .thumb {width: 9.5rem; height: auto;}	
.publication_list > li {padding: 0 3rem;}
.participation_list .icon {width: 8.8rem; height: 8.8rem;}
.participation_list .icon img {width: 5.5rem;}
.icon_content .icon {width: 11.5rem; height: 11.5rem; background-size: 4.5rem 4.5rem;}
.icon_content .icon::before  {width: 7rem; height: 7rem;}
.link_area {max-width: 100%;}	
.link_list > li {width: 100%; margin: -1px 0 0;}
.link_list > li a {padding: 1.1rem 0; border-left: none; border-right: none;}
}
@media (max-width: 380px) {
#front_search input[type="text"] {width: calc(100% - 6rem);}
}