/*
¹öÆ° Ŭ·¡½º font-size (rem) font-size (px)    padding (rem)     padding (px)
btn-lg             1.25rem          17.5px      0.5rem 1rem         7px 14px
btn                   1rem            14px 0.375rem 0.75rem    5.25px 10.5px
btn-sm            0.875rem         12.25px   0.25rem 0.5rem        3.5px 7px
btn-xs             0.75rem          10.5px    0.2rem 0.4rem      2.8px 5.6px
btn-xxs           0.625rem          8.75px   0.15rem 0.3rem      2.1px 4.2px
*/
/*
  rem °ª    px °ª    (14px ±âÁØ) ¼³¸í
  0.1rem    1.4px    14pxÀÇ 10%
  0.2rem    2.8px
 0.25rem    3.5px
  0.3rem    4.2px
  0.4rem    5.6px
  0.5rem      7px    14pxÀÇ 50%
  0.6rem    8.4px
0.625rem   8.75px
  0.7rem    9.8px
 0.75rem   10.5px
  0.8rem   11.2px
0.875rem  12.25px
    1rem     14px    HTML 񃧯 font-size
  1.1rem   15.4px
  1.2rem   16.8px
 1.25rem   17.5px
  1.3rem   18.2px
  1.4rem   19.6px
  1.5rem     21px
  1.6rem   22.4px
  1.7rem   23.8px
  1.8rem   25.2px
  1.9rem   26.6px
    2rem     28px
  2.1rem   29.4px
  2.2rem   30.8px
  2.3rem   32.2px
  2.4rem   33.6px
  2.5rem     35px
  2.6rem   36.4px
  2.7rem   37.8px
  2.8rem   39.2px
  2.9rem   40.6px
    3rem     42px
  3.1rem   43.4px
  3.2rem   44.8px
  3.3rem   46.2px
  3.4rem   47.6px
  3.5rem     49px
  3.6rem   50.4px
*/

/*
class xx-1 ÀÇ 1Àº 0.25rem / 3.5px °£°Ý
p-1: 0.25rem / 3.5px
p-2: 0.5rem / 7px
*/


/* ±âº» ÆùÆ® */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');

/******************************************************************/
/* ÆäÀÌÁö ·¹À̾ƿô ¹× ÅÛÇø´ ±âº»¼³Á¤ */
html {
    position: relative;
    min-height: 100%;
    font-size: 14px; /*±âº» ÆùÆ®»çÀÌÁî*/
}

body {
    font-family: "Noto Sans KR", "Noto Sans CJK KR", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "NanumBarunGothic", Roboto, "Segoe UI", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif, emoji;
    min-height: 100vh;
    background-color: initial;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

.navbar {
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
}

.nav-link {
    font-weight: bolder;
}

.navbar-brand, .navbar-user {
    display: flex;
    align-items: center;
    font-size: unset;
    font-weight: bolder;
    gap: 0.75rem;
}

.navbar-user {
    padding-right: unset !important;
}

.navbar-toggler {
    padding: unset;
    border: unset;
}
footer {
    position: absolute;
    bottom: 0rem;
    width: 100%;
    white-space: nowrap;
    line-height: 2rem;
    background-color: var(--primary);
}

.card {
    background-color: unset;
}

/*@media (max-width: 1200px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 90%;
    }
}*/

@media (max-width: 992px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 100%;
    }
}

@media (max-width: 768px) {
    .footer {
        position: absolute;
        bottom: 0rem;
        width: 100%;
        white-space: nowrap;
        line-height: 1.5rem;
    }
}

/* scroll to top from bottom */
.scroll-to-top {
    position: fixed;
    right: 1rem;
    bottom: 1rem;
    width: 2rem;
    height: 2rem;
    text-align: center;
    color: #fff;
    background: rgba(90, 92, 105, 0.5);
    display: none;
    align-items: center;
    justify-content: center;
}

    .scroll-to-top:focus, .scroll-to-top:hover {
        color: white;
    }

    .scroll-to-top:hover {
        background: #5a5c69;
    }

/*ÅÛÇø´ ·¹À̾ƿô¿¡¼­ Grid·Î ÀÛ¼ºµÈ ÆäÀÌÁöÀÇ ÁÂ¿ì ¿©¹éÀ» Header¿Í ¼öÁ÷Á¤·ÄµÇµµ·Ï ¸ÂÃã*/
.adjust_grid_padding {
    padding-left: calc(var(--bs-gutter-x)* -0.5);
    padding-right: calc(var(--bs-gutter-x)* -0.5);
}

/******************************************************************/
/* ÆùÆ®, ¹öÆ° »çÀÌÁî Ãß°¡ */
.validation-summary-errors {
    color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
    font-size: 0.875rem;
}

.field-validation-error {
    color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
    font-size: 0.875rem;
}

.fs-7 {
    font-size: 0.875rem;
}

.fs-8 {
    font-size: 0.75rem;
}

.btn-xs {
    padding: 0.15rem 0.3rem; /* Æеù: À§¾Æ·¡ 0.15rem, Á¿ì 0.3rem */
    font-size: 0.75rem; /* ÆùÆ® Å©±â: btn-smº¸´Ù ´õ ÀÛ°Ô ¼³Á¤ */
    line-height: initial; /* ÁÙ °£°Ý */
    border-radius: 0.2rem; /* µÕ±Ù ¸ð¼­¸® ¹Ý°æÀ» ´õ ÀÛ°Ô */
}

.btn-xxs {
    padding: 0.05rem 0.2rem; /* Æеù: À§¾Æ·¡ 0.15rem, Á¿ì 0.3rem */
    font-size: 0.5rem; /* ÆùÆ® Å©±â: btn-smº¸´Ù ´õ ÀÛ°Ô ¼³Á¤ */
    line-height: initial; /* ÁÙ °£°Ý */
    border-radius: 0.2rem; /* µÕ±Ù ¸ð¼­¸® ¹Ý°æÀ» ´õ ÀÛ°Ô */
}

/******************************************************************/
/* ÀÔ·Â ÄÁÆ®·Ñ¿¡¼­ ºÒÇÊ¿äÇÑ È¿°ú Á¦°Å */
textarea:hover,
input:hover,
textarea:active,
input:active,
textarea:focus,
input:focus,
button:focus,
button:active,
button:hover,
select:focus,
label:focus,
.btn:active,
.btn.active {
    outline: 0rem !important;
    /*-webkit-appearance: none;*/
    box-shadow: none !important;
}

a {
    text-decoration: none;
}

/******************************************************************/
/* DataTable.net Ä¿½ºÅÒ */
table th {
    font-weight: normal;
}

/*Á¤·Ä È­»ìÇ¥ Å©±â Á¶Àý*/
table.dataTable thead > tr > th.sorting:before, table.dataTable thead > tr > th.sorting:after, table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_asc:after, table.dataTable thead > tr > th.sorting_desc:before, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > th.sorting_asc_disabled:before, table.dataTable thead > tr > th.sorting_asc_disabled:after, table.dataTable thead > tr > th.sorting_desc_disabled:before, table.dataTable thead > tr > th.sorting_desc_disabled:after, table.dataTable thead > tr > td.sorting:before, table.dataTable thead > tr > td.sorting:after, table.dataTable thead > tr > td.sorting_asc:before, table.dataTable thead > tr > td.sorting_asc:after, table.dataTable thead > tr > td.sorting_desc:before, table.dataTable thead > tr > td.sorting_desc:after, table.dataTable thead > tr > td.sorting_asc_disabled:before, table.dataTable thead > tr > td.sorting_asc_disabled:after, table.dataTable thead > tr > td.sorting_desc_disabled:before, table.dataTable thead > tr > td.sorting_desc_disabled:after {
    font-size: .5em !important;
}

table th, table td {
    white-space: nowrap; /* ÁÙ¹Ù²Þ ¹æÁö */
}

    table th:nth-child(1),
    table td:nth-child(1) {
        padding-left: 0.75rem;
    }

tr.child td {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

/* table-sm ½ºÅ¸ÀÏ°ú ¾î¿ï¸®µµ·Ï ÆäÀÌÁö³×ÀÌ¼Ç ¹öÆ° Å©±â Á¶Á¤ */
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate,
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter {
    margin: 0rem; /* Å×À̺í ÇÏ´Ü°úÀÇ °£°ÝÀ» ÃÖ¼ÒÈ­ */
    padding: 0rem !important; /* ºÒÇÊ¿äÇÑ ¿©¹é Á¦°Å */
    font-size: 0.875rem; /* Bootstrap btn-smÀÇ ÆùÆ® Å©±â¿Í ÀÏ°üµÇµµ·Ï ¼³Á¤ */
    line-height: 1.5; /* ³ôÀÌ Á¶Àý */
}

.dataTables_wrapper .page-link {
    padding: 0.25rem 0.5rem; /* Bootstrap btn-sm°ú À¯»çÇÑ Æеù °ª */
    font-size: 0.875rem; /* Bootstrap btn-smÀÇ ÆùÆ® Å©±â */
    line-height: 1.5; /* ¹öÆ° ³ôÀÌ ¼³Á¤ */
}

span.dtr-title {
    font-weight: revert !important;
}
/******************************************************************/