/* 모든 페이지 테이블 기본  - 리스트 화면*/
#work-basic {
	width:100%;
}
#work-basic table {
	width:100%;
	border-spacing:0;
	border-collapse:collapse;
}
#work-basic select,
#work-basic input[type=number]
#work-basic input[type=text] {
	border:1px solid #ccc;
	padding:0px 10px;
}

#work-basic th {
	height:40px;
	text-align:center;
	background:#eeeeee;
	border:1px solid #cccccc;
}
#work-basic td {
	height:40px;
	text-align:center;
	border:1px solid #cccccc;
}
#work-basic td select {
	padding:0px 5px;
	border:0px;
	width:100%;
}
#work-basic td input[type=number],
#work-basic td input[type=password],
#work-basic td input[type=text] {
	height:37px;
	width:100%;
	border:0px;
	padding:0px 8px;
}
#work-basic textarea:focus,
#work-basic td input[type=number]:focus,
#work-basic td input[type=password]:focus,
#work-basic td input[type=text]:focus {
	outline:none;
	border:0px !important;
	background:#FFE8E8;
}
#work-basic textarea {
	width:100%;
	border:0px;
	padding:10px;
}
#work-basic .dbs-top-info {
	width:100%;
	margin-bottom:8px;
}
#work-basic .dbs-top-info:after {
	display:block;
	visibility:hidden;
	clear:both;
	content:""
}
#work-basic .dbs-top-info .float-left-count {
	float:left;
	width:59%;
	text-align:left;
	line-height:30px;
}
#work-basic .dbs-top-info .float-right-buttons {
	float:right;
	width:39%;
	text-align:right;
}
#work-basic .button_zone {
	width:100%;
	text-align:center;
	padding:25px 0px 30px 0px;
}
#work-basic .pg_wrap {
	width:100%;
	text-align:center;
	margin-top:20px;
	padding-bottom:30px;
}
#work-basic .etcWrap {
	width: 100%;
	padding: 10px;
}
#work-basic .etcWrap select,
#work-basic .etcWrap input[type="text"] {
	border:1px solid #ccc;
}
#work-basic .help {
	display: block;
	width: 100%;
	text-align: left;
}

.section-title {
	width:100%;
	border-left: 4px solid orangered;
	padding:0 0 0 10px;
	font-size: 16px;
}


/* jqGrid 알림 팝업 */
#popup_msg {
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
	color:#ffffff;
	font-weight:normal;
	display:none;
	z-index:10000;
	padding:15px 20px;
	font-size:22px !important;
	line-height:150%;
	width:auto;
	border:0px;
	text-align:center;
	background:#FF5A48;
	margin-top:-35px;
	border-radius:10px;
	-webkit-box-shadow: 0px 3px 10px rgba(0,0,0,0.7);
	-moz-box-shadow:  0x 3px 10px rgba(0,0,0,0.7);
}

/* Grid 검색박스 디자인 */
#grid_basic {
	padding:0 !important;
	width:100%;
}
#grid_basic * { font-size:12px; }
.grid_fm_search { width:100%; border:2px solid #5675ab; background:#fafafa; border-radius:5px; margin-bottom:10px; font-size: 14px !important; }
.grid_fm_search button { height:30px; border:0px; padding:0px 8px; background:#555;color:#fff;border-radius:3px; }
.grid_fm_search button:hover { background:orangered;}
.grid_fm_search input[type="text"],
.grid_fm_search select { outline:none;height:30px; border:0px; padding:0px 5px; background:#fff;border:1px solid #aaa;border-radius:3px;  }
.grid_fm_search input[type="text"]:focus,
.grid_fm_search select:focus { outline:none;background:#FFF4F4;}
.grid_fm_search .sch_btn_wrap { margin-left:5px;}
.grid_fm_search .active { outline:none; background:#0975D5 !important; border:0px;}
.grid_fm_search .search_close {display:none;position:absolute;top:0;right:10px;font-size:2rem;cursor:pointer;font-weight:500;}
.grid_fm_search ._search-flex {display:flex;gap:5px;justify-content: start; flex-wrap: wrap;padding:15px;}
.grid_fm_search ._search-flex ._search-item {display:flex;gap:5px;flex: 0 1 19%; min-width: 260px;}
.grid_fm_search ._search-flex ._search-item ._search-grid-title {width:100px;text-align:right;padding:0px;height:30px;line-height:30px;}
.grid_fm_search ._search-flex ._search-grid-value {flex:1;}
.grid_fm_search ._search-flex ._search-item-20 {flex:1 1 20%;}
.grid_fm_search ._search-flex ._search-item-25 {flex:1 1 25%;}
.grid_fm_search ._search-flex ._search-item-33 {flex:1 1 33.3333%;}
.grid_fm_search ._search-flex ._search-item-50 {flex:1 1 49%;}
.grid_fm_search ._search-flex ._search-item-75 {flex:1 1 75%;}
.grid_fm_search ._search-flex ._search-item-80 {flex:1 1 80%;}
.grid_fm_search ._search-flex ._search-item-100 {flex:1 1 100%;}
.grid_fm_search ._search-flex ._search-item-hidden { }
.grid_fm_search .option-checkbox-wrap li {display:inline-block;}
.grid_fm_search .option-checkbox-wrap li label { margin-right:10px;}
#mobile-btn-wrap {display:none;width:100%;display:none;margin-bottom:5px;}
#mobile-btn-wrap button { width:100%;border:0px;height:40px;font-weight:bold;color:#fff;}
#mobile-btn-wrap .mobile-search-btn {background:#23A9F2;color:#fff;}
#mobile-btn-wrap .wri, #mobile-btn-wrap .reset {background:#31353D;}
._search-box-active { display:block !important; }
#btn_bottom { width:100%; margin-top:10px; }
#btn_bottom select { height:36px; padding:0 10px; }
#btn_bottom button { height:36px; padding:0 10px; }
/* Grid 검색박스 디자인 끝 */

/* 관리자 사이드 메뉴 */
#admin_sidemenu { width:200px; min-height:700px; height:100%; background:#eee; padding:15px 15px 30px 15px; float:left; }
#admin_sidemenu .submenu { width:100%; height:40px; line-height:40px; font-size:15px; font-weight:bold; border-bottom:3px solid red; text-align:center; margin-bottom:30px;}
#admin_sidemenu ul { width:100%; }
#admin_sidemenu ul li { border-bottom:1px solid #ccc; height:30px; line-height:30px; padding:0px 10px; cursor:pointer; }
#admin_sidemenu ul li:hover { background:#dd6666; color:#fff; border-bottom:1px solid #dd6666; }
#admin_sidemenu li:last-child { border-bottom:0px; }
#admin_sidemenu .active { background:#008AD3 !important; color:#fff; font-weight:700; border-bottom:#008AD3 !important; border-radius:3px; }
#admin_table { float:right; width:990px;}

/* no_image */
.no_image { display:inline-block; width: 150px; height:120px; text-align:center; line-height:120px; font-size:1.2em; font-weight:bold; }
.thumbimage { margin-left: -5px; }

/* jqGrid TAble - width auto size */
#gbox_list, #pager, #gview_list, div.ui-state-default.ui-jqgrid-hdiv, div.ui-jqgrid-bdiv { width: 100% !important; box-sizing: border-box; }
#gbox_list { overflow: hidden;}
.ui-jpgrid-statement { position: absolute; top: 9px; right: 30px; font-weight: normal;}
#gbox_list .hand:hover { color: red !important; font-weight: 600 !important; }

/* INPUT RADIO BUTTON STYLE - $option->radio(...) */
.option-wrap { width: 100%; }
.option-wrap li { display: inline-block; }
.option-wrap li label,
.option-wrap li input { cursor:pointer; }
/* .option-wrap li label { padding: 0 10px 0 5px; } */
.option-wrap li input:checked + label { color:blue; }

/* input - button position */
.button-set-position { position: relative; width:100%; }
.button-set-position .absolute { position: absolute; right:0; top:0; }

/* jQuery 달력 스타일 변경 시작 */
.ui-datepicker td span,
.ui-datepicker td a {text-align:center !important;border-radius:3px;}
.ui-datepicker .ui-datepicker-title select {padding:4px 2px;cursor:pointer;width:44% !important;}
.ui-datepicker .ui-datepicker-year {margin-right:3px !important;}
.ui-datepicker .ui-datepicker-prev {top:5px !important;cursor:pointer;}
.ui-datepicker .ui-datepicker-next {top:5px !important;cursor:pointer;}
.ui-datepicker th:first-child {color:red !important;}
.ui-datepicker th:last-child {color:blue !important;}
.ui-datepicker td:first-child a {color:red;}
.ui-datepicker td:last-child a {color:blue;}
.ui-datepicker.ui-state-highlight, .ui-datepicker.ui-widget-content .ui-state-highlight, .ui-datepicker.ui-widget-header .ui-state-highlight {background:#0089D2 !important;border:1px solid #0089D2 !important;color:#fff !important;}
.ui-datepicker td span, .ui-datepicker td a:hover {background:#dd6666 !important;color:#fff !important;border:1px solid #dd6666 !important;}
.ui-datepicker.ui-state-default,
.ui-datepicker.ui-widget-content .ui-state-default,
.ui-datepicker.ui-widget-header .ui-state-default {padding:5px 5px;}
.ui-widget { font-family:unset !important;}

/* jQuery Autocomplete CSS */
.ui-autocomplete { padding:10px 1px; max-height: 300px; overflow-y: auto; overflow-x: hidden; z-index:15 !important; }
.ui-autocomplete li { padding-left:30px; padding-right:10px; }
.ui-autocomplete .ui-menu-item a {  padding:2px 0px 2px 13px !important; }
.ui-autocomplete .ui-state-focus {  border: 0px !important;	border-radius:3px !important; color:#fff !important; font-weight:bold; background:#0057E5 !important; margin:0px !important; }
.ui-autocomplete {
	max-height: 250px;
	overflow-y: auto;
	overflow-x: hidden;
	background: #eee;
	border:1px solid #888;
	/* border-top:0px; */
	border-radius:0px !important;
	margin-top:2px;
}

/* Grid pageing Style */
#pg_pager { height:34px; } /* 그리드 하단 타이틀 높이 */
#pg_pager .ui-separator,
.mNav {
	display:none;
}
#pg_pager .ui-pg-input { padding:0px; text-align:center; height:26px; border-radius:3px; }
#pager_center .ui-pg-selbox:focus, #pg_pager .ui-pg-input:focus { border: 0px !important; background: #FFE6E6 }
#pager_center .ui-pg-selbox { padding: 0px 5px; height: 26px; border-radius: 3px; margin-left: 10px; }
#pager_center { font-size:13px; }
#pager_center .ui-icon { text-indent:unset !important; background-image:unset; background:#555; color:#eee; width:26px; height:26px; line-height:26px; text-align:center; border-radius:3px;}
#pager_center .ui-icon-seek-prev { margin:0px 10px 0px 5px;  }
#pager_center .ui-icon-seek-next { margin:0px 5px 0px 10px;  }
#pager_center .ui-state-hover  { border:0px; background:unset; }
#pager_center .ui-icon:hover { background:#dd6666; color:#fff; }

#popupExportMobile {display: none;position: fixed;top: 0;left: 0px;width: 100%;height: 100%;border: 0px;z-index: 101;}
#popupExportMobile .signContentWrap {position: fixed;top: 50%;left: 50%;margin-left: -300px;margin-top: -150px;width: 600px;height: 350px;border: 0px;border-radius: 15px;background: #fff;padding: 0px;box-shadow: rgba(0,0,0,0.7) 0 0 0 9999px;font-size: 13px;color :#555;line-height: 180%;z-index: 102;text-align: center;}
#popupExportMobile .signContent {width: 100%;text-align: left;padding: 30px;height: 350px;}
#popupExportMobile .singStage {width: 100%;text-align: left;padding: 25px 10px 10px 30px;margin: 10px 0px;}
#popupExportMobile .signContentBtn {position: absolute;bottom: 0px;width: 100%;height: 60px;}
#popupExportMobile .sendUrlbtn {height: 30px;padding: 0px 10px;font-size: 13px;font-weight: 600;border: 0px;margin: 0px 5px;border-radius: 5px;background: #25AFF3;color: #fff;}
#popupExportMobile .sendUrlbtn:nth-child(2) {background: #555;}
#popupExportMobile .ctNoTxt {color: red;font-weight: bold;font-size: 13px;}

/* 이미지 뷰 */
#plupload-image-view { list-style-type: none; display:none; width:100%; border: 0px; margin-bottom:20px; min-height:145px; padding: 3px; }
#plupload-image-view li  { position:relative; display:inline-block; margin:0px 10px 8px 0px; width:150px; overflow:hidden; padding:0px; height:100px; border-radius:5px; }
#plupload-image-view li:hover { outline:2px solid #FF4A4A; border-radius:0px; }
#plupload-image-view img { width: 150px; cursor:pointer; }
#plupload-image-view .pic_d { position:absolute; display:none; width:20px; height:20px; line-height:20px; background:#ccc; text-align:center; top:6px; right:6px; font-size:11px; font-weight:bold; cursor:pointer; border-radius:5px; color:#fff; opacity:0.4; }
#plupload-image-view .pic_top { position:absolute; display:none; width:20px; height:20px; line-height:20px; background:#ccc; text-align:center; top:6px; right:30px; font-size:11px; font-weight:bold; cursor:pointer; border-radius:5px; color:#fff; opacity:0.4; }
#plupload-image-view .contractDownload { position: absolute; display:none; border: 1px solid #fff; width:24px; height:24px; line-height:24px; text-align: center; bottom: 6px; right: 6px; font-size: 1.3em; cursor: pointer; color: #fff; border-radius: 5px; }
#plupload-image-view .top_img { position:absolute; width:30px; height:20px; line-height:20px; background:#FF5F2F; text-align:center; top:6px; left:6px; font-size:11px; font-weight:bold; border-radius:5px; color:#fff; }
#plupload-image-view .pic_dN { position:absolute; width:25px; height:20px; line-height:20px; top:10px; left:120px; font-size:11px; }
#plupload-image-view li:hover .pic_d,
#plupload-image-view li:hover .pic_top { background:#dd6666; display:block; opacity:1;}
#plupload-image-view li:hover .contractDownload { background:#dd6666; display:block; opacity:1; padding: 3px; }
#plupload-image-view .pic_list { display:inline-block; background:#555555; min-width:100px; text-align:center; padding:8px; border:0px; color:#fff; border-radius:5px; }
#plupload-image-view .pic_list:hover { transition:all 0.5s; background-color: #dd6666;  }
#plupload-image-view .dlink { cursor:pointer; color:red; }

.naviTitle {display: inline-block;margin-top: 2px;height: 30px;line-height: 30px;padding: 0px 10px;background: #62677A;border: 0px;border-radius: 3px;margin-right: 5px;}

/* 글 알림 */
.noti-nav-trigger {z-index: 20;top: 9px;right: 15px;width: 50px;height: 30px;background: #62677A;border-radius: 0.25em;border: 0;text-indent: 100%;white-space: nowrap;}
.noti-nav-trigger .fa {font-size: 20px;top: 1;width: 50px;height: 30px;line-height: 30px;color: #ccc;}
.noti-nav-trigger .tnb_nb {position: absolute;z-index: 3;top: 4px;right: -8px;font-size: 15px;text-indent: 0;line-height: 20px;padding: 0 5px;background: #ff4f91;border-radius: 11px;color: #fff;}
.noti-nav-trigger.menu-is-open span.xbutton::before, .noti-nav-trigger.menu-is-open span.xbutton::after {background: #fff}
#noti-nav ul.is_left { right: 15px; }
#noti-nav.is-fixed ul {bottom: auto;top: 47px;}
#noti-nav ul.is-visible {transition: unset;-webkit-transition: -webkit-transform 0s, visibility 0s;-moz-transition: -moz-transform 0s, visibility 0s;transition: transform 0s, visibility 0s ;}

._work-item { display:flex;justify-content:space-between;min-height:40px;border:1px solid #ccc;margin:0 0 10px 0;align-items:center;background-color: #eee;}
._work-item-table { margin:-1px 0 0 0;}
._work-item-radius { border-radius:5px;}
._work-item select { outline:none;width:100%;height:38px;border:0px;padding:0 10px;}
._work-item select:focus { border:0px !important;}
._work-item textarea { width:100%;border: 0px; padding:10px; }
._work-item input[type=text],
._work-item input[type=password] { width:100% !important;height:38px !important;border:0px !important;padding:0 10px;}
._work-item input[type=text]:focus,
._work-item textarea:focus,
._work-item input[type=password]:focus {border:0px !important; background:#FFEAEA;}
._work-item span {display:flex;align-items:center;height:100%;}
._work-item ._work-item-title {justify-content:right;width:120px;padding-right:10px;background:#eee;}
._work-item ._work-item-value {justify-content:left;flex-grow:1;background-color: #fff;border-left:1px solid #ccc; }
._work-item ._work-item-pd10 { padding-left:10px;}

/* 도뭄말 박스 */
.help-top-content {
	width: 100%;
	border:1px solid #ccc;
	background: #eee;
}
.help-top-content ul {
	list-style: disc !important;
	margin-left: 15px;
	padding: 15px;
}
.help-top-content ul li {
	width: 100%;
}

@media only screen and (max-width: 768px) {
	#navigation { display: none; }
	.mNav {
		display: block;
		font-weight:bold;
		width:100%;
		background:#eee;
		height: 44px;
		line-height: 44px;
		padding:0 20px;
		font-size:14px;
	}
}

@media only screen and (max-width: 576px) {

	#bo_v, #rumi_skin_basic, #grid_basic { padding: 0 5px;}

	/* 모바일 검색 박스 */
    .ui-jqgrid-bdiv { height:calc(100vw - 10px) !important; }
	#pager_left, #pager_right  { display:none; }
	#grid_basic { position: relative;}
	#mobile-btn-wrap  { display:flex;gap:5px; }
	.grid_fm_search { position:absolute;display:none;top:0;left:50%;z-index:5;width:96%;transform: translate(-50%, 0); }
    .grid_fm_search .search_close { display:block;}
	._search-flex .sch_btn_wrap { display:block; margin:5px 0;}
	._search-flex ._search-item {flex-basis: 100% !important;}
	._search-flex .grid_btns { display:block;width:100%; margin-top:15px;text-align: left;}

	#category_info button { flex:1 1 49%; }

	/* 결재자 선택하기 app_person.php */
	.member-list .member-select { flex:1 1 49%; }
}