@charset "utf-8";
/*-------------------------------------------------
2020. 09. 14. myeong-hee
 -------------------------------------------------*/
@media (max-width: 1280px) {
#body {
	margin-bottom: 0;
	}
#visual .txt-wrap,
#visual .bx-controls {
	width: 95%;
	}	
.news-section {
	width: 30%;
    margin-right: 2rem;
	}
.popup-zone {
	width: calc(40% - 4rem);
	}
}
@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;
	}
.insight-list {
	margin: 0;	
    padding: 2.7rem 3.2rem 3.5rem;
    border: 1px solid #ddd;
	}	
}
@media (max-width: 780px) {
#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;
	}
#visual .txt-wrap, #visual .bx-controls {
	width: 90%;
	}	
}
@media (max-width: 540px) {
#visual .bx-controls {
	bottom: 11rem;
	}	
#visual .txt-wrap .kor {
	font-size: 4rem;
	}	
#visual .txt-wrap .kor br {
	display: none;
	}	
}
@media (max-width: 495px) {
.chart-area .tab-tit	{
	height: 10rem;
	}
.chart-area .tab-tit a {
    min-width: inherit;
    padding: 1rem 0.5rem;
    font-size: 1.4rem;
	}
.chart-area .tab-content {
    padding: 2rem;
	}
.news-section::before {
	top: 3.9rem;
	}
}