/* BASIC css start */
/* Premium Minimalist My Page */
#aside_renewal { max-width: 1000px; margin: 60px auto; padding: 0 20px; font-family: 'Apple SD Gothic Neo', sans-serif; color: #1a1a1a; }
#aside_renewal .header-box { text-align: left; margin-bottom: 50px; border-bottom: 2px solid #1a1a1a; padding-bottom: 20px; }
#aside_renewal .header-box h2 { font-size: 32px; font-weight: 800; letter-spacing: -0.5px; margin: 0; }

.menu-container { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 1px; background-color: #eee; border: 1px solid #eee; }
.menu-item { background: #fff; padding: 40px 20px; text-align: center; transition: background 0.3s ease; text-decoration: none !important; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.menu-item:hover { background: #f9f9f9; }

/* 아이콘 대신 사용하는 심볼 스타일 */
.menu-item .icon-circle { width: 48px; height: 48px; background: #f4f4f4; border-radius: 50%; margin-bottom: 15px; display: flex; align-items: center; justify-content: center; font-size: 20px; color: #333; transition: all 0.3s; }
.menu-item:hover .icon-circle { background: #1a1a1a; color: #fff; }

.menu-item .title { font-size: 15px; font-weight: 600; color: #1a1a1a; margin-bottom: 6px; display: block; }
.menu-item .desc { font-size: 12px; color: #999; letter-spacing: -0.2px; }

@media (max-width: 600px) {
    .menu-container { grid-template-columns: 1fr 1fr; }
    .menu-item { padding: 30px 15px; }
}
/* BASIC css end */