/* @font-face { */
/*     font-family: 'Pretendard-Regular'; */
/*     src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff'); */
/*     font-weight: 400; */
/*     font-style: normal; */
/* } */

/* body { */
/* 	font-family: 'Pretendard-Regular'!important; */
/*     font-weight: 500!important; */
/*     font-size: 13px!important; */
/*     letter-spacing: 1.3px!important; */
/* } */

@font-face {
	font-family: 'NanumSquareNeo' !important;
	src: url('/assets/manager/fonts/NanumSquareNeoTTF-aLt.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

*, body {
	font-family: 'Pretendard-Regular', sans-serif!important;
}
.head_logo {width:50px!important; height:18px!important; margin-right:1em!important;}
.onlyread {background-color: #d5d5d5; border-color: #edf1f6; opacity: 1; cursor:default}
.hide {display: none!important;}
label.required:after {content:' *';color:red;}
h4.required:after {content:' *';color:red;}
h5.required:after {content:' *';color:red;}
.cursor {cursor: pointer;}
.hide { display: none!important; }
.flex {display: flex;}
.pointer-none {cursor:default; pointer-events: none;}
textarea.fixed {resize: none}
.corpLog-input {width: 185px!important;height: 80px!important;background-size: contain!important;background-position: center!important; }
input:readonly {background-color: #d5d5d5!important;}
/*bootstrap table*/
/*.fixed-table-toolbar {text-align:right!important;}*/
.float-right {float: right!important}
.modal { background: rgba(0,0,0,0.8) }
.text-left {text-align: left;}
.text-center {text-align: center;}
.text-right {text-align: right;}
.v-center {vertical-align: middle;}
.vl-right {border-right:1px solid gray;}
.vl-left {border-left:1px solid gray;}
.text-ref {color:red;}
.text-bold {font-weight: 800;}
.day_box input[type="text"] {-webkit-appearance: none;-webkit-border-radius: 0;}

/*margin*/
.mr0 {margin-right: 0px!important;}
.mr5 {margin-right: 5px!important;}
.mr10 {margin-right: 10px!important;}
.mr20 {margin-right: 20px!important;}
.mr30 {margin-right: 30px!important;}
.mr40 {margin-right: 40px!important;}
.mr50 {margin-right: 50px!important;}
.mr60 {margin-right: 60px!important;}
.mr70 {margin-right: 70px!important;}
.mr80 {margin-right: 80px!important;}
.mr90 {margin-right: 90px!important;}
.mr100 {margin-right: 100px!important;}
.ml0 {margin-left: 0px!important;}
.ml5 {margin-left: 5px!important;}
.ml10 {margin-left: 10px!important;}
.ml20 {margin-left: 20px!important;}
.ml30 {margin-left: 30px!important;}
.ml40 {margin-left: 40px!important;}
.ml50 {margin-left: 50px!important;}
.ml60 {margin-left: 60px!important;}
.ml70 {margin-left: 70px!important;}
.ml80 {margin-left: 80px!important;}
.ml90 {margin-left: 90px!important;}
.ml100 {margin-left: 100px!important;}
.mt0 {margin-top: 0px!important;}
.mt5 {margin-top: 5px!important;}
.mt10 {margin-top: 10px!important;}
.mt20 {margin-top: 20px!important;}
.mt30 {margin-top: 30px!important;}
.mt40 {margin-top: 40px!important;}
.mt50 {margin-top: 50px!important;}
.mt60 {margin-top: 60px!important;}
.mt70 {margin-top: 70px!important;}
.mt80 {margin-top: 80px!important;}
.mt90 {margin-top: 90px!important;}
.mt100 {margin-top: 100px!important;}
.mb0 {margin-bottom: 0px!important;}
.mb5 {margin-bottom: 5px!important;}
.mb10 {margin-bottom: 10px!important;}
.mb20 {margin-bottom: 20px!important;}
.mb30 {margin-bottom: 30px!important;}
.mb40 {margin-bottom: 40px!important;}
.mb50 {margin-bottom: 50px!important;}
.mb60 {margin-bottom: 60px!important;}
.mb70 {margin-bottom: 70px!important;}
.mb80 {margin-bottom: 80px!important;}
.mb90 {margin-bottom: 90px!important;}
.mb100 {margin-bottom: 100px!important;}

/*width %*/
.wp5 {width:5%!important;}
.w5 {width:50px!important;}
.w10 {width:10%!important;}
.w11 {width:11%!important;}
.w13 {width:13%!important;}
.w15 {width:15%!important;}
.w20 {width:20%!important;}
.w21 {width:21%!important;}
.w22 {width:22%!important;}
.w23 {width:23%!important;}
.w28 {width:28%!important;}
.w30 {width:30%!important;}
.w31 {width:31%!important;}
.w40 {width:40%!important;}
.w50 {width:50%!important;}
.w60 {width:60%!important;}
.w70 {width:70%!important;}
.w80 {width:80%!important;}
.w90 {width:90%!important;}
.w100 {width:100%!important;}
.w89 {width:89%!important;}

/* modal size */
.modal-dialog.full-size { width:100%!important; max-width:100%!important;}
.modal-dialog.great-size { width:1600px!important; max-width:1600px!important;}
.modal-dialog.large-size { width:1200px!important; max-width:1200px!important;}
.modal-dialog.medium-size { width:750px!important; max-width:750px!important;}
.modal-dialog.small-size { width:600px!important; max-width:600px!important;}
.modal-dialog.tiny-size { width:300px!important; max-width:300px!important;}

.appToolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start; /* 왼쪽 정렬 */
    align-items: center;
    gap: 8px; /* 간격 조정 */
}

.custom-width {
    width: auto; /* 기본적으로 내용에 맞게 조절 */
    min-width: 10px;
    max-width: 400px; /* 최대 크기 */
}

@media (max-width: 768px) {
    .appToolbar {
        flex-wrap: wrap; /* 모바일에서도 한 줄 유지 시도 */
    }

    .custom-width {
        width: 100%; /* 한 줄이 안 맞으면 자동으로 아래로 배치 */
    }
}