@charset "utf-8";
/*-------------------------------------------------
2020. 09. 14. myeong-hee
 -------------------------------------------------*/
@media (max-width: 1280px) {
#visual .txt-wrap,
#visual .bx-controls {
	width: 95%;
	}	
}
@media (max-width: 880px) {
#section01 .box:hover .icon {
	margin-bottom: 0;
	}
.news-section {
	width: 100%;
	margin-right: 0;
	margin-bottom: 3.4rem;
	}
.popup-zone {
	width: 100%;
	}
.popup-list {
	height: 25rem;
	}
#section02 {
	margin-bottom: 3.5rem;
	}	
#section03 {
	padding: 0;
	}	
#section03::before {
	display: none;
	}	
.insight-area,
.chart-area {
	width: 100%;
	margin-bottom: 3.6rem;
	}
.insight-area {
    margin-right: 0;
    padding: 0;    
    border: none;
	}
.insight-area .section-tit {
    margin-bottom: 0.7rem;
	font-family: NotoB;
	}	
.insight-area .txt-more {
	top: 1rem;
	right: 0;
	}
.company-area {
	width: 100%;
	margin-left: 0;
	}		
.resources-area {
	width: 100%;
	}	
}
@media (max-width: 780px) {
#visual .txt-wrap {
	top: 10rem;
	}	
#visual .txt-wrap .eng {
	font-size: 4rem;
	}	
#section01 .box {
	width: 100%;
    height: auto;
    padding: 2.9rem 2.5rem 2.9rem;
	border-bottom: 1px solid #ddd;
	}
#section01 .box .icon {
	bottom: inherit;
	top: 50%;
	transform: translateY(-50%);
	}
#section01 .box:hover {
	height: auto;
    margin-top: 0;
	}	
#section01 .box:hover .icon {
	top: inherit;
	bottom: 15%;
	right: 7%;
	transform: inherit;
	}
.popup-list {
	height: 11.5rem;
	}	
}
@media (max-width: 580px) {
#visual .txt-wrap {
	top: 8rem;
	}	
#visual .txt-wrap .eng {
	font-size: 3.5rem;
	}
#visual .bx-controls {
	bottom: 15rem;
	}	
.company-area .bx-controls {
	top: 3rem;
	}
.company-area .bx-wrapper {
	margin-top: 4rem;
	}
}

@media (max-width: 558px) {
#visual .txt-wrap, #visual .bx-controls {
	width: 90%;
	}	
.tab-tit {width: 40%;}	
.tab-tit a {font-size: 1.6rem;} 
.news-section::before {top: 6rem;}
.company-list {height: 14rem; }
}
@media (max-width: 480px) {
.khidi_hm .home {display: none;}	
.search_area {left: 0;}	
}