#main_page { width:100%; box-sizing:border-box; }

/* HERO */
.main_hero { width:100%; height:320px; background:linear-gradient(135deg,#111,#444); display:flex; align-items:center; justify-content:center; }
.hero_inner { text-align:center; color:#fff; animation:fadeUp 1s ease; }

.hero_inner h1 { font-size:38px; margin-bottom:10px; }
.hero_inner p { font-size:14px; opacity:0.85; }

/* GRID */
.main_info_grid { max-width:1200px; margin:60px auto; display:grid; grid-template-columns:repeat(2,1fr); gap:20px; }

.info_box {
	background:#fff;
	border:1px solid #eee;
	border-radius:12px;
	padding:20px;
	box-shadow:0 10px 25px rgba(0,0,0,0.04);
	transition:all 0.3s;
}

.info_box:hover { transform:translateY(-5px); box-shadow:0 15px 35px rgba(0,0,0,0.08); }

.info_box h3 { font-size:18px; margin-bottom:10px; }
.info_box ul { padding-left:18px; }
.info_box ul li { font-size:14px; line-height:1.7; }

.flow_text {
	background:#ff7800;
	color:#fff;
	padding:12px;
	border-radius:8px;
	font-size:13px;
	text-align:center;
}

.info_box.full { grid-column:1 / -1; }

/* ¾Ö´Ï¸ÞÀÌ¼Ç */
@keyframes fadeUp {
	from { opacity:0; transform:translateY(20px); }
	to { opacity:1; transform:translateY(0); }
}

/* ¹ÝÀÀÇü */
@media (max-width:768px) {
.main_info_grid { grid-template-columns:1fr; }
.hero_inner h1 { font-size:24px; }
}