/* 노트북 & 테블릿 가로 */
@media all and (min-width:1024px) and (max-width:1279px) {
	.sub-wrap {
		padding: 0 10px;
	}
	.about-banner {
		width: 98%;
	}
	.about-bottom {
		width: 98%;
		flex-direction: column;
	}
	.about-text {
		width: 100%;
	}
	.about-link {
		width: 100%;
	}
}

/* 테블릿 가로 */
@media all and (min-width:768px) and (max-width:1023px) {
	.sub-wrap {
		padding: 0 10px;
	}
	.about-banner {
		width: 98%;
	}
	.about-bottom {
		width: 98%;
		flex-direction: column;
	}
	
	.about-text .text-wrap h1 {
		font-size: 26px;
	}
	
	.about-text p {
		font-size: 16px;
	}
	
	.link-text h1 {
		font-size: 22px;
	}
	.link-text p {
		font-size: 14px;
	}
	
	.about-text .text-wrap {
		padding: 20px;
	}
	
	.about-text {
		width: 100%;
	}

	.about-link {
		width: 100%;
	}
}

/* 모바일 가로 & 테블릿 세로 */
@media all and (min-width: 480px) and (max-width: 767px) {
	.sub-wrap {
		padding: 0 10px;
	}
	.about-banner {
		width: 98%;
	}
	.about-bottom {
		flex-direction: column;
		width: 98%;
	}
	
	.about-text .text-wrap h1 {
		font-size: 26px;
	}
	
	.about-text p {
		font-size: 16px;
	}
	.about-text {
		width: 100%;
	}
	.about-link {
		width: 100%;
	}
	
	.link-text h1 {
		font-size: 22px;
	}
	.link-text p {
		font-size: 14px;
	}
	
	.about-text .text-wrap {
		padding: 20px;
	}
	
	.about-link {
		flex-direction: column;
	}
	.link-content {
		width: 500px;
		height: 470px;
	}
}

/* 모바일 세로 */
@media all and (max-width: 479px) {
	.sub-wrap {
		padding: 0 10px;
	}
	.about-banner {
		width: 98%;
	}
	.about-bottom {
		flex-direction: column;
		width: 98%;
	}

	.about-text {
		width: 100%;
	}
	.about-link {
		width: 100%;
	}
	
	.about-text .text-wrap h1 {
		font-size: 24px;
	}
	
	.about-text p {
		font-size: 15px;
	}
	
	.about-text .text-wrap {
		padding: 20px;
	}
	
	.link-text h1 {
		font-size: 20px;
	}
	.link-text p {
		font-size: 13px;
	}
	.about-link {
		flex-direction: column;
	}
	.link-content {
		width: 300px;
		height: 380px;
	}
}