@charset "utf-8";
@import url('./font/font.css');
*{
    font-family: "Pretendard", "Pretendard Variable", sans-serif;
    letter-spacing: -1px;
}

/* 과정구분 뱃지 */
/* badge */
[class^="badge-"], [class*=" badge-"] {
    display: inline-block;
    padding: 2px 8px;
    font-weight: 600;
    color: #fff;
    white-space: nowrap;
    user-select: none;
    line-height: 1.2;
}
.badge-studytime { display:inline-block; padding:2px 8px; font-size:0.85rem; font-weight:600; color:#5353b1; border-radius:3px; white-space:nowrap; user-select:none; line-height:1.2; background-color:#f6f6f6; }
.badge-ilban { display:inline-block; padding:2px 8px; font-size:0.85rem; font-weight:600; color:#3030f5; border-radius:3px; white-space:nowrap; user-select:none; line-height:1.2; background-color:#dae2ff; }
.badge-etc { display:inline-block; padding:2px 8px; font-size:0.85rem; font-weight:600; color:#ee3f3f; border-radius:3px; white-space:nowrap; user-select:none; line-height:1.2; background-color:#ffe2e0; }
.badge-regular { display:inline-block; padding:2px 8px; font-size:0.85rem; font-weight:600; color:#464646; border-radius:3px; white-space:nowrap; user-select:none; line-height:1.2; background-color:#b8ffd7; }
.badge-ncs { display:inline-block; padding:2px 8px; font-size:0.85rem; font-weight:600; color:#ff7a43; border-radius:3px; white-space:nowrap; user-select:none; line-height:1.2; background-color:#fbf4d6; }
.badge-saup { display:inline-block; padding:2px 8px; font-size:0.85rem; font-weight:600; color:#4067b1; border-radius:3px; white-space:nowrap; user-select:none; line-height:1.2; background-color:#d6e8ff; }
.badge-sanup { display:inline-block; padding:2px 8px; font-size:0.85rem; font-weight:600; color:#000000; border-radius:3px; white-space:nowrap; user-select:none; line-height:1.2; background-color:#f7da13; }
.badge-eval { display:inline-block; padding:2px 8px; font-size:0.85rem; font-weight:600; color:#fff; border-radius:3px; white-space:nowrap; user-select:none; line-height:1.2; background-color:#7c4335; }
.badge-eval-regular { display:inline-block; padding:2px 8px; font-size:0.85rem; font-weight:600; color:#fff; border-radius:3px; white-space:nowrap; user-select:none; line-height:1.2; background-color:#7c4335; }
.badge-kdgt { display:inline-block; padding:2px 8px; font-size:0.85rem; font-weight:600; color:#fff; border-radius:3px; white-space:nowrap; user-select:none; line-height:1.2; background-color:#3f73e0; }
.badge-voucher { display:inline-block; padding:2px 8px; font-size:0.85rem; font-weight:600; color:#ffffff; border-radius:3px; white-space:nowrap; user-select:none; line-height:1.2; background-color:#00a8ae; }
.badge-voucher-regular { display:inline-block; padding:2px 8px; font-size:0.85rem; font-weight:600; color:#ffffff; border-radius:3px; white-space:nowrap; user-select:none; line-height:1.2; background-color:#00a8ae; }
.badge-package { display:inline-block; padding:2px 8px; font-size:0.85rem; font-weight:600; color:#818702; border-radius:3px; white-space:nowrap; user-select:none; line-height:1.2; background-color:#fff7b7; }
.badge-package-regular { display:inline-block; padding:2px 8px; font-size:0.85rem; font-weight:600; color:#818702; border-radius:3px; white-space:nowrap; user-select:none; line-height:1.2; background-color:#fff7b7; }
.badge-all { display:inline-block; outline: 1px solid; padding:2px 8px; font-size:0.85rem; font-weight:600; color:gray; border-radius:3px; white-space:nowrap; user-select:none; line-height:1.2; background-color:#fff; }


.badge-secret_y { display:inline-block; padding:2px 8px; font-size:0.85rem; font-weight:600; color:#f0f0f0; border-radius:3px; background-color:#273450; white-space:nowrap; user-select:none; line-height:1.2; margin-left:3px; box-shadow:0 1px 2px rgba(0,0,0,0.15); }
.badge-secret_y2 { display:inline-block; padding:2px 8px; font-size:0.85rem; font-weight:600; color:#f0f0f0; border-radius:3px; background-color:#0b3285; white-space:nowrap; user-select:none; line-height:1.2; margin-left:3px; box-shadow:0 1px 2px rgba(0,0,0,0.15); }
.badge-card { display:inline-block; padding:2px 8px; font-size:0.85rem; font-weight:600; color:#f0f0f0; border-radius:3px; background-color:#273450; white-space:nowrap; user-select:none; line-height:1.2; margin-left:3px; box-shadow:0 1px 2px rgba(0,0,0,0.15); }
.badge-apply {display: inline-block; padding: 2px 8px; font-size: 0.85rem; font-weight: 600; color: #f3e8ff; border-radius: 3px; white-space: nowrap; user-select: none; line-height: 1.2; background-color: #8b5cf6;}

.badge-company {display: inline-block; padding: 2px 8px; font-size: 0.85rem; font-weight: 600; color: #fff; border-radius: 3px; white-space: nowrap; user-select: none; line-height: 1.2; background-color: #4d7fff;}
.badge-price4 {display: inline-block; padding: 2px 8px; font-size: 0.85rem; font-weight: 600; color: #fff; border-radius: 3px; white-space: nowrap; user-select: none; line-height: 1.2; background-color: #4d7fff;}
.badge-price3 {display: inline-block; padding: 2px 8px; font-size: 0.85rem; font-weight: 600; color: #fff; border-radius: 3px; white-space: nowrap; user-select: none; line-height: 1.2; background-color: #6666f9;}
.badge-price2 {display: inline-block; padding: 2px 8px; font-size: 0.85rem; font-weight: 600; color: #fff; border-radius: 3px; white-space: nowrap; user-select: none; line-height: 1.2; background-color: #ffa329;}

/* page 하단 번호 ▼ */
.pagination { display:flex; align-items:center; justify-content:center; margin-top:56px; }
.pagination > li { width:40px; height:40px; margin:0 4px; font-size:16px; text-align:center; }
.pagination > li > .inside { justify-content:center; width:100%; height:100%; }
.pagination > li.now > .inside { color:#1f5afc; }
.pagination_remote > .inside { font-size:16px; }
.pagination_remote.all-prev { margin-left:0; }
.pagination_remote.all-next { margin-right:0; }
.pagination_remote.prev { margin-right:28px; }
.pagination_remote.next { margin-left:24px; }
@media (max-width:1024px) { 
    .pagination { margin-top:40px; } 
    .pagination > li { width:32px; height:32px; margin:0; font-size:14px; } 
    .pagination_remote.prev { margin-right:16px; } 
    .pagination_remote.next { margin-left:16px; } 
}

/* page 하단 번호 ▲ */