@charset 'utf-8';

:root{
    --bg-green : #0e8c65;
    --bg-yellow :#ffba00;
    --bg-purple :#b269d2;
    --bs-point:  #0F8FB6;
    --bs-primary-focus:#003153;
    
}

*::-webkit-scrollbar {width:8px !important; height:8px !important}
*::-webkit-scrollbar-track{background-color:transparent}
*::-webkit-scrollbar-thumb{background: rgba(135, 139, 144, 0.5); border-radius:5px}
*::-webkit-scrollbar-thumb:hover{background: rgba(135, 139, 144, 0.5); width:8px}


html {margin:0; padding:0}
body {font-family:'SUIT', '맑은 고딕', 'Gothic', '고딕'; font-size:13px; width:100%; overflow-x:hidden}
ul {margin-bottom:0; padding-left:0}
ul li {list-style:none}
img {width:100%}
a {display:inline-block; cursor:pointer; color:inherit}
a:not(.link, :hover){text-decoration:none}
a.link {text-underline-position: under; text-decoration:underline}
a.link-primary {color:var(--bs-primary) !important; text-decoration-color:var(--bs-primary) !important}
input,
textarea {border:none; background-color:transparent}


input[readonly='readonly']:not(.date),
textarea[readonly='readonly'] {background-color:var(--bs-secondary-bg)!important; opacity:0.65}
input[type=text]:read-only:focus{box-shadow:inherit; border-color:var(--bs-secondary-bg)}
input[type=file] {display:none}
input:disabled + label {color:var(--bs-gray-500)}
input[type='file'] {display:none}
.required {position:relative}
.required .form-control {padding-right:20px}
.required .form-select ~ span.text-danger,
.required .form-control ~ span.text-danger {position:absolute; right:8px; top:5px}

textarea {resize:none; min-height:11rem !important}
textarea:focus-visible {outline:none}
button, 
button:focus,
button:focus-visible{outline:none; border:none}

.loading_wrap {width:100vw; height:100vh; position:fixed; left:0; top:0; z-index:99999}
.loading {width:33px; height:33px; position:fixed; left:calc(50% - 16.5px); top:calc(50% - 16.5px); z-index:99999}

.form-select{font-weight:normal}
.form-check-input + label {margin-left:5px}

.form-control:focus,
.form-select:focus {box-shadow:0 0 0 0.25rem rgba(32,69,111,0.2); border-color:var(--bs-primary-focus)}
.form-check-input{margin-top:1.5px}
.form-check-input:checked {background-color:var(--bs-primary); border-color:var(--bs-primary)}



.body_fix {height:100vh; overflow:hidden}
.body_bg {background-color:var(--bs-tertiary-bg)}
.b_scroll header { box-shadow:rgba(0, 0, 0, 0.07) 0px 5px 10px}






.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 {table-layout:fixed}
.table thead {position:sticky}
.table a {display:inline-block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}

.table .btn_arrow {cursor:pointer}
.table .btn_arrow:after {display:inline-block; font-family:bootstrap-icons !important; font-style:normal; font-weight:normal !important; font-variant:normal; text-transform:none; line-height:1; vertical-align:-.125em; -webkit-font-smoothing:antialiased; background-color:transparent; opacity:.2; margin-left:5px}
.table .btn_arrow.down:after {content:'\f229'}
.table .btn_arrow.up:after {content:'\f235'}
.table .btn_arrow.active:after {opacity:1}

.point {position:relative; padding-right:15px}
.point:after {content:'\0050'; position:absolute; right:0; top:0}




.flex-center {-webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center}
.w-100px {min-width:100px}
.w-150px {min-width:150px}
.w-200px {min-width:200px}
.w-300px {min-width:300px}


.file_area {width:calc(100% + 10px); margin-left:-10px; display:inline-block}
.file_area .file_list {display:inline-block; margin:8px 0 0 10px; position:relative}
.file_list .img {width:100px; height:100px; overflow:hidden}
.file_list .btn_del {position:absolute; width:25px; height:25px; opacity:.6; right:0; top:0px; font-size:15px; line-height:25px}
.file_list.no_date {width:100%; position:relative}
.file_list.no_date:after {content:'no-image'}

.paging {width:100%; text-align:center}
.paging li {display:inline-block}
.paging li a {width:30px; height:30px; text-align:center; line-height:30px;}
.paging li a:hover {color:var(--bs-primary-focus)}
.paging li a.active {color:var(--bs-primary); font-weight:bold;}





footer {border-top:1px solid var(--bs-border-color); padding:20px 0; background-color:var(--bs-white)}
footer .link {padding-bottom:10px}
footer .link a{font-weight:bold; position:relative; padding-right:20px}
footer .link a:not(:last-child):after {content:'\007c'; position:absolute; right:7px; font-weight:normal}
footer .link + div {padding-bottom:5px}
footer span:not(:first-child) {padding:0 5px}
footer .btn_link {font-size:12px}



@media (max-width: 1024px) {

    footer .area {padding:0 20px}
}

@media (max-width: 785px) {
}