.system-container { padding:120px 0; }
.system-cover { max-width:1440px; margin:0 auto; padding:0 20px; }
.system-cover .title { font-size:18px; font-weight:600; text-align:center; }
.system-cover .images { margin:45px 0 100px; }
.system-cover .images img { margin:0 auto; }
.system-cover .contents { display:flex; gap:14px; }
.system-cover .contents .item { flex:1; padding:18px 13px; border:1px solid #E2E8F0; border-radius:10px; }
.system-cover .contents .item .item-cover { padding:18px 15px; border-radius:5px; background-color:#F6F6F6; min-height:260px; }
.system-cover .contents .item .item-cover.item-title { margin:0 0 16px; min-height:auto; }
.system-cover .contents .item .item-cover.item-title .title { text-align:left; }
.system-cover .contents .item .item-cover + .item-cover { margin:12px 0 0; }
.system-cover .contents .item .item-cover h3 { font-size:16px; font-weight:600; color:#000; margin:0; }
.system-cover .contents .item .item-cover .desc + .desc { margin:32px 0 0; }
.system-cover .contents .item .item-cover .desc + .sub-desc { margin:16px 0 0; }
.system-cover .contents .item .item-cover .desc .list,
.system-cover .contents .item .item-cover .desc .sub-desc { margin:12px 0 0; }
.system-cover .contents .item .item-cover .desc .list > li { display: flex; align-items: flex-start; gap: 0 5px; }
.system-cover .contents .item .item-cover .desc .list > li:before { content:'•'; }

/* =========================
   Tablet & Mobile
========================= */

/* 1. 태블릿 (1200px ~ 769px) */
@media (max-width: 1200px) {
    .system-cover .title { font-size:16px; }
    .system-cover .contents .item .item-cover { padding:18px 10px; }
    .system-cover .contents .item .item-cover .desc .list,
    .system-cover .contents .item .item-cover .desc .sub-desc { font-size:14px; }
}

/* 2. 모바일/태블릿 전환점 (1024px 이하) */
@media (max-width: 1024px) {
    .system-container { padding:70px 0; }
    .system-cover .images { margin:40px 0; }
    .system-cover .contents { flex-wrap:wrap; }
    .system-cover .contents .item { flex:1 1 auto; }
    .system-cover .contents .item .item-cover { padding:18px 15px; }
}

/* 3. 모바일 전용 (768px 이하) */
@media (max-width: 768px) {

}

/* 4. 초소형 기기 (480px 이하) */
@media (max-width: 480px) {
}