/* main 공통 스타일 */

.section { padding-top: 100px; padding-bottom: 100px; }

.sec-title { position: relative;}
.sec-title .eng { color: var(--theme); font-size: 1.7rem; font-weight: 600; letter-spacing: 4px; margin-bottom: 5px;}
.sec-title .title {color: #000; font-size: 3.2rem; font-weight: 700; }
.sec-title .btn-more { position: absolute; right: 0; bottom: 0; color: #818F98; text-align: right; font-size: 1.6rem; font-weight: 500; }
.sec-title .btn-more:hover { text-decoration: underline; }

@media (max-width: 768px) {
	.sec-title.mobile-center { text-align: center; }
}

/* ===== responsive ===== */
@media (max-width: 1280px) {
	.section { padding-top: 80px; padding-bottom: 80px; }
	.sec-title .title { font-size: 2.8rem; }
}

@media (max-width: 768px) {
	.section { padding-top: 60px; padding-bottom: 60px; }
	.sec-title .eng { font-size: 1.5rem; }
	.sec-title .title { font-size: 2.4rem; }
	.sec-title .btn-more { font-size: 1.2rem; }
}

@media (max-width: 480px) {
	.section { padding-top: 40px; padding-bottom: 40px; }
	.sec-title .eng { font-size: 1.3rem; letter-spacing: 2px; margin-bottom: 3px; }
	.sec-title .title { font-size: 2rem; }
}