@charset 'utf-8';
:root {
    

}






* {font-size:14px; margin:0; padding:0; font-family:'SUIT', '맑은 고딕', 'Gothic', '고딕', 'sans serif'}


body {min-height:100vh; background-color:var(--bs-body-bg); overflow-x:hidden}


form {display:inline-block; width:100%}
ul {margin:0; padding:0}
ul li {list-style:none}
img {width:100%}

a {display:inline-block; cursor:pointer}
a:not(.link, .btn) {text-decoration:none; color:inherit}


input {border-radius:5px}
input:not([type=checkbox],[type=radio]), 
select, textarea, [type=button],
:where(ol,ul) li {margin-bottom:0}
textarea {resize:none}
.form-control:read-only {background-color: var(--bs-secondary-bg); color:#000}
.form-check-input:checked {background-color:var(--bs-primary); border-color:var(--bs-primary)}
.form-check-input:checked[type="radio"] {--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")}

button{display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow; transition-property: box-shadow }
button:hover{box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5)}


.select2-search__field:focus-visible {outline:none}
.selection {position:relative}
.selection  > span {border-color:var(--phoenix-border-color) !important; height:37px !important}
.selection .select2-selection__rendered {line-height:37px !important; font-size:0.8rem !important; border-radius:var(--phoenix-border-radius) !important; padding-left:1rem !important}
.selection .select2-selection__arrow {right:5px !important; top:7px !important}
.select2-container {width:100% !important}
.select2-container--default .select2-selection--single .select2-selection__clear {margin-right:30px}
.select2-container--default .select2-selection--single {border-color:var(--bs-border-color) !important}
.select2-dropdown {border-color:var(--bs-border-color) !important}
.select2-container--open .select2-dropdown--below {border:1px solid var(--bs-border-color) !important}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {background-color:#017fc0}


.w-40{width:40%}
.w-70{width:70%}
.w-90{width:90%}



/*버튼 컬러*/
.btn .material-symbols-outlined { margin-right:3px}
.btn.btn-custom-light {background-color: #e9ecf2; border: 1px solid #dee2e6; box-shadow: none; color: #6c757d}
.btn.btn-custom-light:hover {background-color: #f34b7e26; border-color: #f34b7e0d; color: #f34b7e}
.btn.btn-soft-primary { background-color: #306fd626; border-color: #306fd64d; color: #306fd6!important}
.btn.btn-soft-primary:hover { background-color: #306fd640; border-color: #306fd699}
.btn.btn-gradient-primary:hover,.btn.btn-outline-primary:hover,.btn.btn-primary:hover {box-shadow: 0 4px 10px 0 #1d438040}
.btn.btn-soft-secondary {background-color: #5e6e8626; border-color: #5e6e864d; color: #5e6e86!important}
.btn.btn-soft-secondary:hover { background-color: #5e6e8640; border-color: #5e6e8699}
.btn.btn-gradient-secondary:hover,.btn.btn-outline-secondary:hover,.btn.btn-secondary:hover { box-shadow: 0 4px 10px 0 #38425040}
.btn.btn-soft-success { background-color: #22cdc626; border-color: #22cdc64d; color: #22cdc6!important}
.btn.btn-soft-success:hover {background-color: #22cdc640; border-color: #22cdc699}
.btn.btn-gradient-success:hover,.btn.btn-outline-success:hover,.btn.btn-success:hover {box-shadow: 0 4px 10px 0 #147b7740}

.btn.btn-soft-info {background-color: #1fc2fb26; border-color: #1fc2fb4d; color: #1fc2fb!important}
.btn.btn-soft-info:hover {background-color: #1fc2fb40; border-color: #1fc2fb99}
.btn.btn-gradient-info:hover,.btn.btn-info:hover,.btn.btn-outline-info:hover {box-shadow: 0 4px 10px 0 #13749740}
.btn.btn-soft-orange {border-color: #ff94534d; color: #ff9453!important}
.btn.btn-soft-orange:hover {background-color: #ff945340; border-color: #ff945399}
.btn.btn-gradient-orange:hover,.btn.btn-orange:hover,.btn.btn-outline-orange:hover {box-shadow: 0 4px 10px 0 #99593240}
.btn.btn-soft-purple {background-color: #a05ee826; border-color: #a05ee84d; color: #a05ee8!important}
.btn.btn-soft-purple:hover {background-color: #a05ee840; border-color: #a05ee899}
.btn.btn-gradient-purple:hover,.btn.btn-outline-purple:hover,.btn.btn-purple:hover { box-shadow: 0 4px 10px 0 #60388b40}
.btn.btn-soft-warning {background-color: #e9ce1b26; border-color: #e9ce1b4d;color: #e9ce1b!important}
.btn.btn-soft-warning:hover {background-color: #e9ce1b40; border-color: #e9ce1b99}
.btn.btn-gradient-warning:hover,.btn.btn-outline-warning:hover,.btn.btn-warning:hover {box-shadow: 0 4px 10px 0 #8c7c1040}
.btn.btn-soft-danger {background-color: #f34b7e26; border-color: #f34b7e4d; color: #f34b7e!important}
.btn.btn-soft-danger:hover {background-color: #f34b7e40; border-color: #f34b7e99}
.btn.btn-danger:hover,.btn.btn-gradient-danger:hover,.btn.btn-outline-danger:hover {box-shadow: 0 4px 10px 0 #922d4c40}
.btn.btn-soft-light {background-color: #e9ecf226; border-color: #e9ecf24d; color: #e9ecf2!important }
.btn.btn-soft-light:hover {background-color: #e9ecf240; border-color: #e9ecf299}
.btn.btn-gradient-light:hover,.btn.btn-light:hover,.btn.btn-outline-light:hover {box-shadow: 0 4px 10px 0 #8c8e9140}
.btn.btn-soft-dark {background-color: #283b5c26; border-color: #283b5c4d; color: #283b5c!important }
.btn.btn-soft-dark:hover {background-color: #283b5c40; border-color: #283b5c99 }
.btn.btn-dark:hover,.btn.btn-gradient-dark:hover,.btn.btn-outline-dark:hover {box-shadow: 0 4px 10px 0 #18233740}
.btn.btn-gradient-primary {background-image: linear-gradient(90deg,#6e9ae2 0,#f781a5 50%,#6e9ae2); background-size: 250% auto; color: #fff; transition: .5s}
.btn.btn-gradient-primary:hover {background-position: 100%; color: #fff}
.btn.btn-gradient-secondary {background-image: linear-gradient(90deg,#8e9aaa 0,#afb7c3 50%,#8e9aaa); background-size: 250% auto; color: #fff; transition: .5s}
.btn.btn-gradient-secondary:hover {background-position: 100%; color: #fff }
.btn.btn-gradient-success {background-image: linear-gradient(90deg,#64dcd7 0,#598cde 50%,#64dcd7); background-size: 250% auto; color: #fff; transition: .5s}
.btn.btn-gradient-success:hover {background-position: 100%; color: #fff }
.btn.btn-gradient-warning {background-image: linear-gradient(90deg,#f0dd5f 0,#f781a5 50%,#f0dd5f); background-size: 250% auto; color: #fff; transition: .5s}
.btn.btn-gradient-warning:hover {background-position: 100%; color: #fff }
.btn.btn-gradient-purple {background-image: linear-gradient(90deg,#bd8eef 0,#f781a5 50%,#bd8eef); background-size: 250% auto; color: #fff;transition: .5s}
.btn.btn-gradient-purple:hover {background-position: 100%; color: #fff }
.btn.btn-gradient-orange {background-image: linear-gradient(90deg,#ffb487 0,#f56f98 50%,#ffb487); background-size: 250% auto; color: #fff; transition: .5s}
.btn.btn-gradient-orange:hover {background-position: 100%; color: #fff }
.btn.btn-gradient-danger {background-image: linear-gradient(90deg,#f781a5 0,#6e9ae2 50%,#f781a5); background-size: 250% auto; color: #fff;transition: .5s}
.btn.btn-gradient-danger:hover {background-position: 100%; color: #fff }
.btn.btn-gradient-info { background-image: linear-gradient(90deg,#62d4fc 0,#6e9ae2 50%,#62d4fc); background-size: 250% auto; color: #fff; transition: .5s}
.btn.btn-gradient-info:hover {background-position: 100%; color: #fff }
.btn.btn-gradient-light { background-image: linear-gradient(90deg,#f0f2f6 0,#bfc5cf 50%,#f0f2f6); background-size: 250% auto; color: #fff; transition: .5s}
.btn.btn-gradient-light:hover {background-position: 100%; color: #fff }
.btn.btn-gradient-light { color: #283b5c!important }
.btn.btn-gradient-dark {background-image: linear-gradient(90deg,#69768d 0,#8e9aaa 50%,#69768d); background-size: 250% auto; color: #fff; transition: .5s }
.btn.btn-gradient-dark:hover { background-position: 100%; color: #fff}


.bg-soft-primary {background-color: rgba(var(--bs-primary-rgb),.12)}
.border-soft-primary {border-color: rgba(var(--bs-primary-rgb),.25)!important}
.bg-soft-secondary {background-color: rgba(var(--bs-secondary-rgb),.12)}
.border-soft-secondary {border-color: rgba(var(--bs-secondary-rgb),.25)!important}
.bg-soft-success {background-color: rgba(var(--bs-success-rgb),.12)}
.border-soft-success {border-color: rgba(var(--bs-success-rgb),.25)!important}
.bg-soft-info {background-color: rgba(var(--bs-info-rgb),.12)}
.border-soft-info {border-color: rgba(var(--bs-info-rgb),.25)!important}
.bg-soft-orange {background-color: rgba(var(--bs-orange-rgb),.12)}
.border-soft-orange {border-color: rgba(var(--bs-orange-rgb),.25)!important}
.bg-soft-purple {background-color: rgba(var(--bs-purple-rgb),.12)}
.border-soft-purple {border-color: rgba(var(--bs-purple-rgb),.25)!important}
.bg-soft-warning {background-color: rgba(var(--bs-warning-rgb),.12)}
.border-soft-warning {border-color: rgba(var(--bs-warning-rgb),.25)!important}
.bg-soft-danger {background-color: rgba(var(--bs-danger-rgb),.12)}
.border-soft-danger {border-color: rgba(var(--bs-danger-rgb),.25)!important}
.bg-soft-light {background-color: rgba(var(--bs-light-rgb),.12)}
.border-soft-light {border-color: rgba(var(--bs-light-rgb),.25)!important}
.bg-soft-dark {background-color: rgba(var(--bs-dark-rgb),.12)}
.border-soft-dark {border-color: rgba(var(--bs-dark-rgb),.25)!important}


.card-header {font-size:20px}


.loading {position:fixed; left:0; top:0; width:100vw; height:100vh; background-color: rgba(0,0,0,.5); display:flex; justify-content:center; align-items:center; z-index:999}


.dropdown {position:absolute; padding:10px 5px; background-color:var(--pico-contrast-inverse); border:1px solid var(--bs-border-color); border-radius:5px; box-shadow:0 3px 4px 0 #283b5c1a; transition:all .3s ease-in-out; display:none}
.dropdown a {padding:5px 10px; width:100%; border-radius:5px}
.dropdown a:hover {background-color:var(--pico-color-grey-100)}


.required {position:relative}
.required .text-del {position:absolute; right:10px; top:3px}

.date_area .date{width:calc(50% - 15px); display:inline-block; position:relative}
.date_area .date:first-child:after {content:'\007e'; position:absolute; right:-20px; top:calc(50% - 10px)}
.date_area .date:last-child {float:right}


.table thead {top:0; position:sticky; background-color:var(--pico-contrast-inverse)}
.table thead th {background-color:var(--bs-table-header-bg); border-bottom:1px solid var(--bs-table-border-color)}
.table tbody td.tb_bg {background-color:var(--bs-table-striped-bg)}

.paging {display:flex; justify-content:center;}
.paging a {border:1px solid var(--bs-border-color); float:left; text-align:center}
.paging a:hover {background-color:var(--bs-gray-200)}
.paging li + li a {border-left:0}

.fc-day-number-custom.red {color:#c70a0a}
.fc-day-number-custom.blue {color:#3874ff}
.fc-daygrid-day-top {padding-right:5px }

.table tbody td {
    white-space: nowrap;      /* 줄바꿈 금지 */
    overflow: hidden;         /* 넘치는 부분 숨김 */
    text-overflow: ellipsis;  /* ... 표시 */
}

@media (max-width: 1023px) {
    .main>aside#documentation-menu {
        display: grid;
        z-index: 4;
        position: fixed;
        inset: 0;
        grid-template-rows: auto 1fr;
        transform: translate(calc(-100% - var(--pico-spacing)));
        transition: transform var(--pico-transition);
    }


    .main>aside#documentation-menu.is_open{
      transform:translate(0);
    }
}