@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&display=swap');
@import url('/resources/css/nanumsquareneo.css');
* {
  font-family: 'NanumSquareNeo', 'Noto Sans KR', "맑은 고딕", 'Malgun Gothic',  "나눔고딕", 'Nanum Gothic', Helvetica, Arial, sans-serif;
  font-size:10pt;
  outline:none;
  padding:0;margin:0;
  border:0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  min-height: 100vh;
  min-height: -webkit-fill-available;
  background-color: #f5f8fb
}

html {
  height: -webkit-fill-available;
}

a {
	text-decoration: none;
}

main {
  height: 100vh;
  height: -webkit-fill-available;
  max-height: 100vh;
  overflow-x: auto;
  overflow-y: hidden;
}


/* Side Bar */

.dropdown-toggle { outline: 0; }

.btn-toggle {
  font-size:11pt;
  padding: .25rem .5rem;
  font-weight: 600;
  color: #f4f4f4;
  background-color: transparent;
}
.btn-toggle:hover,
.btn-toggle:focus {
  color: #3b444f;
  background-color: #d2f4ea;
}

.btn-toggle::before {
  /*width: 1.25em;*/
  line-height: 0;
  content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 512 512' fill='none'%3e%3cpath fill='white' d='M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM241 377c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l87-87-87-87c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L345 239c9.4 9.4 9.4 24.6 0 33.9L241 377z'/%3e%3c/svg%3e");
  transition: transform .35s ease;
  transform-origin: .5em 50%;
  margin-right:5px;
}

.btn-toggle[aria-expanded="true"] {

}
.btn-toggle[aria-expanded="true"]::before {
  transform: rotate(90deg);
}

.btn-toggle > a {
  font-size:11pt;
  padding: 0;
  margin-top: .125rem;
  margin-left: 0;
  color:#fff;
}
.btn-toggle > a:hover,
.btn-toggle > a:focus {
  color: #3b444f;
}
.btn-toggle > a.active {
  color: #3b444f;
}

.btn-toggle-nav li {
	position: relative;
}
.btn-toggle-nav a {
  font-size:10pt;
  padding: .1875rem .5rem;
  margin-top: .125rem;
  margin-left: 1.55rem;
  color:#fff;
}
.btn-toggle-nav a:hover,
.btn-toggle-nav a:focus {
  background-color: #d2f4ea;
  color: #3b444f;
}
.btn-toggle-nav a.active {
  background-color: #d2f4ea;
  color: #3b444f;
}

.scrollarea {
  overflow-y: auto;
}


.sidebar {
    background: #3b444f;
    position: fixed;
    display: grid;
    width: 210px;
    height: 100%;
    z-index: 100;
	padding-top: 50px;
    grid-template-rows: auto 85px;
}

.sidebar .scrollbarsCustom-Wrapper {
    right: 0
}

.sidebar_header {
	float:left;
    background-color: #d2f4ea;
	width: 210px;
	min-width: 210px;
    height: 50px;
	text-align:center; 
}

.sidebar_header_title {
    height: 100%;
    display: inline-flex;
    align-items: center;
	cursor: pointer;
}

.sidebar_header_title img {
	width: 60%;
	margin: 0px auto;
}

.sidebar_contents {
    height: 100%;
    overflow-y: auto
}

.sidebar_footer {
    background-color: #3b444f;
    height: 85px;
    width: auto;
    min-width: 200px;
    margin-top: 5px;
	text-align: center;
}

.sidebar_footer span {
	font-size:12px;
	font-weight:700;
}

.sidebar_footer div {
    font-size: 12px;
    font-weight: 400;
    color: #969fa9;
    letter-spacing: -.01em
}


/* Header */
.header {
	position: fixed;
	border-bottom: #dee1e7 1px solid;
	background: #fff;
	height: 50px;
	display: inline-flex;
	width: 100%;
	padding-left: 0px;
	padding-right: 30px;
	align-items: center;
	z-index:101;
}

.header .headerLeft {
    float: left;
    width: 100%;
    max-height: 32px;
    text-align: left;
    display: inline-flex;
    z-index: 150;
	padding-left: 30px;
}

.header .headerLeft div {
	line-height:28px;
}

.header .headerRight {
    float: right;
    display: inline-flex;
    z-index: 150
}

.headerDividerVertical {
    border: 1px;
    border-color: #dee1e7;
    margin-left: 20px;
    margin-right: 20px;
    display: inline-flex;
    vertical-align: middle;
    border-right-style: outset;
    min-height: 30px;
}

.header .headerRight .userName {
    width: 280px;
    border-style: none;
	text-align:right;
	color: #1036a5;
	line-height:29px;
}

.header .headerRight .btn-header {
	width:80px;
	margin-left:10px;
}

.header .headerRight .btn-info {
	color:#fff;
}

/* Body */

.baseView {
    padding-left: 200px;
	padding-top: 50px;
	/* 
	padding-top: 120px;
	*/
    
	/* position: fixed; */
    width: 100%;
    height: 100%;
    top: -70px
}

.baseViewHeader {
    text-align: left;
    padding: 20px 30px;
    background-color: #f5f8fb
}

.baseViewHeader h4 {
    margin: 0
}

.baseViewContainer {
    overflow-y: auto;
    height: 100%;
    width: 100%;
    padding-bottom: 1rem;
    background-color: #f5f8fb
}

.baseViewContainer::-webkit-scrollbar {
    width: 10px;  /* 스크롤바의 너비 */
}

.baseViewContainer::-webkit-scrollbar-thumb {
    height: 30%; /* 스크롤바의 길이 */
    background: #6c757d; /* 스크롤바의 색상 */
    
    border-radius: 10px;
}

.baseViewContainer::-webkit-scrollbar-track {
    background: rgba(33, 122, 244, .1);  /*스크롤바 뒷 배경 색상*/
}

.baseViewContainerBody {
	overflow: auto;
	margin-left: 30px;
	margin-right: 30px;
}


.baseViewContainerBody .tableTheadDark {
	color:#fff;
	background: #6a7483;
}

.baseViewContainerBody table thead tr th div {
	font-size:10pt;
	font-weight:700;
}

.baseViewContainerBody table tbody tr td {
	font-size: 9pt;
	padding: 0.3rem 0.3rem;
}

.inquireTable thead th {
	text-align:center!important;
}


.inquireTable tbody tr td {
	font-size: 9pt!important;
}

.bootstrap-table .fixed-table-toolbar .bs-bars, .bootstrap-table .fixed-table-toolbar .columns, .bootstrap-table .fixed-table-toolbar .search {
	margin-top: 5px!important;
}


.container { max-width: 2000px; }

.dashboard table tbody tr td {
	font-size: 10pt;
	padding: 0.5rem 0.5rem;
}

.dashboard table tfoot tr th * {
	font-size: 10pt;
}

#headerToolbar {
	margin-left:10px;
}

.modal-dialog { max-width:800px; }
.modal-body table tbody th, .modal-body table tbody td { vertical-align: middle; }
.modal-body table tbody th {
	background: #eafffb;
}


.bold { font-weight:bold; }
.readonly { background: #fbfbfb; }
.required:after {
	content: "*";
	font-size: 11pt;
	color: #ff1212;
	margin-left: 4px;
}

input.mandatoryInput {
	border: 2px solid #f00!important;	
}
.select2-selection.mandatoryInput {
	border: 2px solid #f00!important;	
}


/* Plugin */
#divSmallBoxes{position:fixed;right:20px;top:30px;z-index:9999}
.SmallBox{position:absolute;right:5px;top:20px;width:420px;color:#fff;z-index:9999;overflow:hidden;border:1px solid transparent}
.SmallBox:hover{border:1px solid #fff;cursor:pointer}
.SmallBox .foto{font-size:50px;position:absolute;left:17px}
.SmallBox .textoFull{width:93%;float:left;padding-left:20px;padding-top:8px;}
.SmallBox .textoFoto{width:78%;margin:3px 20px 3px 80px;float:left}
.miniPic{position:absolute;bottom:8px;right:9px}.miniIcono{height:100%;font-size:20px}.SmallBox span{font-size:17px;font-weight:300;letter-spacing:-1px;display:block;margin:4px 0}
.SmallBox p{font-size:13px;margin-top:2px}


/* Board */
.boardDetail {
    padding-top: 20px;
    padding-bottom: 30px;
	padding-left: 20px;
	padding-right: 20px;
    margin-bottom: 30px;
    border: #dee1e7 1px solid;
    /*border-top: 1px;*/
    background-color: #fff;
}

.contentDivider {
	clear:both; 
	margin-bottom: 30px;
    border-top: 2px #dee1e7 solid;
}

.boardDetail .ck-content {
	min-height:300px;
}


/* 카테고리 */
.tbl_wrap .category-search-warp{display:flex; align-items:center; justify-content:flex-end;}
.tbl_wrap .category-sort-warp{display:grid; grid-template-columns:1fr 1fr; border:1px solid #ddd; padding:20px; margin:10px 0 0 0; background:#fff;}
.tbl_wrap .category-sort-item{border-right:1px solid #ddd; margin-right:10px; padding:0 10px 0 0;}
.tbl_wrap .category-sort-item:last-child{margin-right:0; border-right:none;}
.tbl_wrap .category-sort-item .sortable{width:100%; max-height:52vh; overflow-y:auto;}
.tbl_wrap .sortable .category-name{width:100%;}
.tbl_wrap .sortable .category-name input{width:100%;}
.tbl_wrap .sortable .category-name span{margin:0; position:relative;}
.tbl_wrap .sortable .category-name span:first-child{
	display: inline-block;
	font-size:13px;
	background: #999;
    color: #fff;
    padding: 5px 8px;
    border-radius: 3px;
	min-width:46px;
	text-align:center;
}
.tbl_wrap .sortable .category-name span:last-child{font-size:14px; margin-left:4px;}
.tbl_wrap .category-sort-item .sortable li{margin:0; border:none; background:none; display:flex; justify-content:flex-start; padding:0; font-size:12px; height:auto; align-items:center; margin-bottom:10px; cursor:pointer; padding:5px 0;}
.tbl_wrap .category-sort-item .sortable li.on{font-weight:bold; color:#2195F2; background:url(../image/chevron_right_blue.svg) no-repeat calc(100% - 5px) center; border:1px dashed; padding:10px; border-radius:5px;}
.tbl_wrap .category-sort-item .sortable li.on .category-name{margin-left:0px;}
.tbl_wrap .category-sort-item .sortable li.on .modify-btns{display:flex; margin-right:14px;}
.tbl_wrap .category-sort-item .sortable li:last-child{margin:0;}
.tbl_wrap .category-sort-item .ui-state-default.noshow:before{content:'';background-image: url("data:image/svg+xml,%3Csvg width='44' height='40' viewBox='0 0 44 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.45 22.05L27.25 19.85C28.1167 17.4833 27.6667 15.5167 25.9 13.95C24.1333 12.3833 22.2167 11.9833 20.15 12.75L17.95 10.55C18.5167 10.1833 19.15 9.91667 19.85 9.75C20.55 9.58333 21.2667 9.5 22 9.5C24.3667 9.5 26.375 10.325 28.025 11.975C29.675 13.625 30.5 15.6333 30.5 18C30.5 18.7333 30.4083 19.4583 30.225 20.175C30.0417 20.8917 29.7833 21.5167 29.45 22.05ZM35.9 28.5L33.9 26.5C35.5333 25.3 36.9583 23.9583 38.175 22.475C39.3917 20.9917 40.2833 19.5 40.85 18C39.1833 14.3 36.6833 11.375 33.35 9.225C30.0167 7.075 26.4 6 22.5 6C21.1 6 19.6667 6.13334 18.2 6.4C16.7333 6.66667 15.5833 6.98334 14.75 7.35L12.45 5C13.6167 4.46667 15.1083 4 16.925 3.6C18.7417 3.2 20.5167 3 22.25 3C26.75 3 30.9 4.23334 34.7 6.7C38.5 9.16667 41.4 12.4833 43.4 16.65C43.5 16.8167 43.5667 17.0167 43.6 17.25C43.6333 17.4833 43.65 17.7333 43.65 18C43.65 18.2667 43.6333 18.525 43.6 18.775C43.5667 19.025 43.5 19.2333 43.4 19.4C42.5333 21.2333 41.4667 22.9167 40.2 24.45C38.9333 25.9833 37.5 27.3333 35.9 28.5ZM37.7 38.7L30.4 31.55C29.2333 32.0167 27.9167 32.375 26.45 32.625C24.9833 32.875 23.5 33 22 33C17.4 33 13.1833 31.7667 9.35001 29.3C5.51667 26.8333 2.60001 23.5167 0.600006 19.35C0.500006 19.15 0.433339 18.9417 0.400006 18.725C0.366673 18.5083 0.350006 18.2667 0.350006 18C0.350006 17.7333 0.375006 17.475 0.425006 17.225C0.475006 16.975 0.533339 16.7667 0.600006 16.6C1.30001 15.1 2.19167 13.6417 3.27501 12.225C4.35834 10.8083 5.63334 9.46667 7.10001 8.2L1.85001 2.95C1.55001 2.65 1.40001 2.3 1.40001 1.9C1.40001 1.5 1.55001 1.15 1.85001 0.850002C2.15001 0.550002 2.50834 0.400002 2.92501 0.400002C3.34167 0.400002 3.70001 0.550002 4.00001 0.850002L39.8 36.65C40.0667 36.9167 40.2 37.2417 40.2 37.625C40.2 38.0083 40.0667 38.35 39.8 38.65C39.5333 38.9833 39.1917 39.15 38.775 39.15C38.3583 39.15 38 39 37.7 38.7ZM9.15001 10.3C7.91667 11.2 6.72501 12.3833 5.57501 13.85C4.42501 15.3167 3.60001 16.7 3.10001 18C4.80001 21.7 7.35834 24.625 10.775 26.775C14.1917 28.925 18.0667 30 22.4 30C23.5 30 24.5833 29.9333 25.65 29.8C26.7167 29.6667 27.5167 29.4667 28.05 29.2L24.85 26C24.4833 26.1667 24.0333 26.2917 23.5 26.375C22.9667 26.4583 22.4667 26.5 22 26.5C19.6667 26.5 17.6667 25.6833 16 24.05C14.3333 22.4167 13.5 20.4 13.5 18C13.5 17.5 13.5417 17 13.625 16.5C13.7083 16 13.8333 15.55 14 15.15L9.15001 10.3Z' fill='black'/%3E%3C/svg%3E%0A");background-repeat: no-repeat no-repeat;background-position: center center;background-size: cover;min-width: 17px;height: 16px;margin: 2px 9px 0 10px;opacity: 0.5;}
.tbl_wrap .category-sort-item .ui-state-default.noshow,.category-sort-item .ui-state-default.noshow.on{background: #e9e9e9;color: #bbb;border-radius: 5px;}

.tbl_wrap .category-add{border-bottom:1px solid #ddd; padding:0 0 15px; margin-bottom:15px; position:relative;height: 51px;line-height: 36px;}
.tbl_wrap .category-add span{font-size:18px; font-weight:bold; margin-left:5px;}
.tbl_wrap .sortable{list-style-type:none; margin:0; padding:0; width:60%;}
.tbl_wrap .sortable li{margin:0 3px 3px 3px; padding:0.4em; padding-left:1.5em; font-size:1.4em; height:18px;}
.tbl_wrap .sortable li span{position:absolute; margin-left:-1.3em;}
.tbl_wrap .category-sort-item .modify-btns{display:none;}
.tbl_wrap .fullmenu-modal{} 
.tbl_wrap .fullmenu-modal .modal-body{padding:0;}
.tbl_wrap .full-menu{display:flex; gap:0 20px; justify-content:flex-start; flex-direction:row; margin:0 auto; overflow-y:auto; flex-wrap:nowrap; max-width:60vw; padding-bottom:20px;}
.tbl_wrap .full-menu *{white-space:nowrap;}
.tbl_wrap .full-menu .item{border-right:1px solid #ddd; padding-right:20px;}
.tbl_wrap .full-menu .depth1{font-size:14px; font-weight:600;}
.tbl_wrap .full-menu .depth2,.full-menu .depth3,.full-menu .depth4{padding-left:15px;}
.tbl_wrap .full-menu .depth2::before,.full-menu .depth3::before,.full-menu .depth4 li::before{content:'ㄴ';}
.tbl_wrap .full-menu .depth2{margin-bottom:20px;}
.tbl_wrap .full-menu .depth2:last-child{margin-bottom:0px;}
.tbl_wrap .order-correct{position:absolute; right:0;}