@charset "utf-8";

/* ¹öÆ° ±âº» ½ºÅ¸ÀÏ - Èò»ö ¹ÙÅÁ¿¡ °ËÀº»ö Å׵θ®¿Í ±ÛÀÚ */
.btn-primary,
.btn-primary.disabled, 
.btn-primary:disabled,
.btn-outline-primary:not(:disabled):not(.disabled):active, 
.btn-outline-primary:not(:disabled):not(.disabled).active,
.page-item.active .page-link,
.show > .btn-outline-primary.dropdown-toggle,
.custom-control-input:checked ~ .custom-control-label::before,
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
    background-color: #ffffff !important;
    border-color: #222222 !important;
    color: #222222 !important;
}

/* È£¹ö »óÅ - °ËÀº»ö ¹ÙÅÁ¿¡ Èò»ö ±ÛÀÚ */
.btn-primary:hover,
.btn-primary:focus, 
.btn-primary.focus,
.btn-outline-primary:hover {
    background-color: #FFDD57 !important;
    border-color: #222222 !important;
    color: #222222 !important;
}

/* ¾Æ¿ô¶óÀÎ ¹öÆ° - Åõ¸í ¹ÙÅÁ¿¡ °ËÀº»ö Å׵θ®¿Í ±ÛÀÚ */
.btn-outline-primary {
    color: #222222 !important;
    border-color: #222222 !important;
    background-color: transparent !important;
}

/* ¹è°æ »ö»ó */
hr.hr::after,
.dropdown-item.active, 
.dropdown-item:active,
.bg-primary {
    background-color: #f9f9f9 !important;
}

/* Å׵θ® »ö»ó */
.border-primary {
    border-color: #dddddd !important;
}

/* ÅؽºÆ® »ö»ó */
.text-primary,
.btn-outline-primary.disabled, 
.btn-outline-primary:disabled {
    color: #222222 !important;
}

/* Æ÷Ä¿½º È¿°ú - ¼¼·ÃµÈ ±×¸²ÀÚ È¿°ú */
.btn-primary:focus, 
.btn-primary.focus,
.btn-outline-primary:focus, 
.btn-outline-primary.focus,
.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.15rem rgba(34, 34, 34, 0.25) !important;
}

/* ¹è°æ È£¹ö »óÅ */
a.bg-primary:hover, 
a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
    background-color: #f0f0f0 !important;
}

/* ÆäÀÌÁö³×ÀÌ¼Ç */
.page-link {
    color: #222222 !important;
    
    border-color: #dddddd !important;
}

.page-item.active .page-link {
    color: #222222 !important;
    background-color: #E2E2E2 !important;
}

/* ¹öÆ° ¼¼·ÃµÈ ½ºÅ¸ÀÏ °³¼± */
.btn {
    font-weight: 500;
    letter-spacing: -0.01em;
    border-radius: 4px;
    padding: 0.5rem 1.25rem;
    transition: all 0.2s ease;
    box-shadow: 0 1px 2px rgba(0,0,0,0.07);
}

.btn-sm {
    padding: 0.35rem 0.9rem;
    font-size: 0.875rem;
}

.btn-lg {
    padding: 0.65rem 1.5rem;
    font-size: 1.1rem;
}

/* µå·Ó´Ù¿î ¸Þ´º ¼¼·ÃµÈ ½ºÅ¸ÀÏ */
.dropdown-menu {
    border-color: #e9e9e9;
    box-shadow: 0 3px 12px rgba(0,0,0,0.05);
    border-radius: 4px;
}

.dropdown-item {
    color: #333333;
}

.dropdown-item:hover {
    background-color: #f5f5f5;
    color: #222222;
}

/* Ä¿½ºÅÒ Ã¼Å©¹Ú½º/¶óµð¿À ¼¼·ÃµÈ ½ºÅ¸ÀÏ */
.custom-control-label::before {
    background-color: #ffffff;
    border: 1px solid #cccccc;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23222222' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}

/* Ä«µå ¼¼·ÃµÈ ½ºÅ¸ÀÏ */
.card {
    border-color: #e9e9e9;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

.card-header {
    background-color: #ffffff;
    border-bottom: 1px solid #f0f0f0;
}

/* Å×ÀÌºí ¼¼·ÃµÈ ½ºÅ¸ÀÏ */
.table th {
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    background-color: #f9f9f9;
}

.table td {
    border-color: #eeeeee;
}

/* Æû ¿ä¼Ò ¼¼·ÃµÈ ½ºÅ¸ÀÏ */
.form-control {
    border-color: #dddddd;
    border-radius: 4px;
}

.form-control:focus {
    border-color: #aaaaaa;
    box-shadow: 0 0 0 0.15rem rgba(34, 34, 34, 0.1);
}

.input-group-text {
    background-color: #f9f9f9;
    border-color: #dddddd;
    color: #555555;
}