@charset "utf-8";

/** awesome ico **/
/* 
* https://fontawesome.com/icons?d=gallery&m=free 
* 색채우기 fas 라인 far

메일확인전 fas fa-envelope
메일확인후 fas fa-envelope-open-text
첨부파일(클립) fas fa-paperclip
첨부파일(디스크) fas fa-save
다운로드(구름화살표) fas fa-cloud-download-alt
미리보기(눈) fas fa-eye
미리보기(모니터) fas fa-desktop
미리보기(종이두장) fas fa-copy
미리보기(네모화살표) fas fa-external-link-alt
미리보기(새창열림) fas fa-clone
달력(칸) fas fa-calendar-alt
달력(체크) fas fa-calendar-check
자르기 fas fa-crop
알림(종) fas fa-bell
알림없음(종) fas fa-bell-slash
메뉴바 fas fa-bars
주소록 fas fa-address-book
명함 fas address-card
첨부파일(지퍼) fas fa-file-archive
첨부파일(다운로드화살표) fas fa-file-download
첨부파일(X) fas fa-file-excel
폴더추가 fas fa-folder-plus
폴더삭제 fas fa-folder-minus
폴더닫힘 fas fa-folder
폴더열림 fas fa-floder-open
화살표 fas fa-angle-left / fas fa-angle-right
화살표(더블) fas fa-angle-double-left / fas fa-angle-double-right
클릭(손가락) far fa-hand-point-up
손잡기(대각선) fas fa-hands-helping
손잡기(가로직선) fas fa-handshake
잠금 fas fa-lock
열림 fas fa-lock-open
네모플러스/마이너스 fas fa-plus-square/fas fa-minus-square
원형플러스/마이너스 fas fa-plus-circle/fas fa-minus-circle
원형물음표 fas fa-question-circle
마우스포인터 fas fa-mouse-pointer
전송(종이비행기) fas fa-paper-plane / fas fa-telegram-plane
따옴표 fas fa-quote-left / fas fa-quote-right
새로고침 fas fa-sync-alt
표 fas fa-table
리스트 fas fa-tasks
원형슬라이드토글버튼 fas fa-toggle-off/fas fa-toggle-on
삭제(휴지통) fas fa-trash-alt
유저추가 fas fa-user-plus
유저(원형) fas fa-user-circle
닫기 fas fa-window-close
전원 fas fa-power-off
로그아웃(문열림) fas fa-door-open
시계 fas fa-clock
설정(톱니1개) fas fa-cog
설정(톱니3개) fas fa-cogs
경고 fas fa-exclamation-triangle
돋보기 fas fa-search
체크(사각) fas fa-check-square
체크(원형) fas fa-check-circle

*/

/*
	top dropmenu z-index: 100
	popup z-index:9999
*/

html,body{overflow:hidden;width:100%;height:100%;}
body{font-size:14px;color:#222;background-color:#f7f7f7;}
#wrap{width:100%;height:100%;overflow:hidden;}

/** 공통 css **/
.non_border{border:0 none !important;}
	/* margin &	padding 0,5,10,15,20,25,30 */
.ma{margin:0 auto;}.mg0{margin:0;}.mg5{margin:5px;}.mg10{margin:10px;}.mg15{margin:15px;}.mg20{margin:20px;}.mg25{margin:25px;}.mg30{margin:30px;}
.mt0{margin-top:0;}.mt5{margin-top:5px;}.mt10{margin-top:10px;}.mt15{margin-top:15px;}.mt20{margin-top:20px;}.mt25{margin-top:25px;}.mt30{margin-top:30px;}
.mr0{margin-right:0;}.mr5{margin-right:5px;}.mr10{margin-right:10px;}.mr15{margin-right:15px;}.mr20{margin-right:20px;}.mr25{margin-right:25px;}.mr30{margin-right:30px;}
.mb0{margin-bottom:0;}.mb5{margin-bottom:5px;}.mb10{margin-bottom:10px;}.mb15{margin-bottom:15px;}.mb20{margin-bottom:20px;}.mb25{margin-bottom:25px;}.mb30{margin-bottom:30px;}
.ml0{margin-left:0;}.ml5{margin-left:5px;}.ml10{margin-left:10px;}.ml15{margin-left:15px;}.ml20{margin-left:20px;}.ml25{margin-left:25px;}.ml30{margin-left:30px;}
.pd0{padding:0;}.pd5{padding:5px;}.pd10{padding:10px;}.pd15{padding:15px;}.pd20{padding:20px;}.pd25{padding:25px;}.pd30{padding:30px;}
.pt0{padding-top:0;}.pt5{padding-top:5px;}.pt10{padding-top:10px;}.pt15{padding-top:15px;}.pt20{padding-top:20px;}.pt25{padding-top:25px;}.pt30{padding-top:30px;}
.pr0{padding-right:0;}.pr5{padding-right:5px;}.pr10{padding-right:10px;}.pr15{padding-right:15px;}.pr20{padding-right:20px;}.pr25{padding-right:25px;}.pr30{padding-right:30px;}
.pb0{padding-bottom:0;}.pb5{padding-bottom:5px;}.pb10{padding-bottom:10px;}.pb15{padding-bottom:15px;}.pb20{padding-bottom:20px;}.pb25{padding-bottom:25px;}.pb30{padding-bottom:30px;}
.pl0{padding-left:0;}.pl5{padding-left:5px;}.pl10{padding-left:10px;}.pl15{padding-left:15px;}.pl20{padding-left:20px;}.pl25{padding-left:25px;}.pl30{padding-left:30px;}
	/* width & height (단위:10,20,30,...,500) */
.w10per{width:10%;}.w20per{width:20%;}.w30per{width:30%;}.w40per{width:40%;}.w50per{width:50%;}.w60per{width:60%;}.w70per{width:70%;}.w80per{width:80%;}.w90per{width:90%;}.w100per{width:100%;}
.h10per{height:10%;}.h20per{height:20%;}.h30per{height:30%;}.h40per{height:40%;}.h50per{height:50%;}.h60per{height:60%;}.h70per{height:70%;}.h80per{height:80%;}.h90per{height:90%;}.h100per{height:100%;}
.w10{width:10px;}.w20{width:20px;}.w30{width:30px;}.w40{width:40px;}.w50{width:50px;}.w60{width:60px;}.w70{width:70px;}.w80{width:80px;}.w90{width:90px;}.w100{width:100px;}.w110{width:110px;}.w120{width:120px;}.w130{width:130px;}.w140{width:140px;}.w150{width:150px;}.w160{width:160px;}.w170{width:170px;}.w180{width:180px;}.w190{width:190px;}.w200{width:200px;}.w210{width:210px;}.w220{width:220px;}.w230{width:230px;}.w240{width:240px;}.w250{width:250px;}.w260{width:260px;}.w270{width:270px;}.w280{width:280px;}.w290{width:290px;}.w300{width:300px;}.w310{width:310px;}.w320{width:320px;}.w330{width:330px;}.w340{width:340px;}.w350{width:350px;}.w360{width:360px;}.w370{width:370px;}.w380{width:380px;}.w390{width:390px;}.w400{width:400px;}.w410{width:410px;}.w420{width:420px;}.w430{width:430px;}.w440{width:440px;}.w450{width:450px;}.w460{width:460px;}.w470{width:470px;}.w480{width:480px;}.w490{width:490px;}.w500{width:500px;}
.h10{height:10px;}.h20{height:20px;}.h30{height:30px;}.h40{height:40px;}.h50{height:50px;}.h60{height:60px;}.h70{height:70px;}.h80{height:80px;}.h90{height:90px;}.h100{height:100px;}.h110{height:110px;}.h120{height:120px;}.h130{height:130px;}.h140{height:140px;}.h150{height:150px;}.h160{height:160px;}.h170{height:170px;}.h180{height:180px;}.h190{height:190px;}.h200{height:200px;}.h210{height:210px;}.h220{height:220px;}.h230{height:230px;}.h240{height:240px;}.h250{height:250px;}.h260{height:260px;}.h270{height:270px;}.h280{height:280px;}.h290{height:290px;}.h300{height:300px;}.h310{height:310px;}.h320{height:320px;}.h330{height:330px;}.h340{height:340px;}.h350{height:350px;}.h360{height:360px;}.h370{height:370px;}.h380{height:380px;}.h390{height:390px;}.h400{height:400px;}.h410{height:410px;}.h420{height:420px;}.h430{height:430px;}.h440{height:440px;}.h450{height:450px;}.h460{height:460px;}.h470{height:470px;}.h480{height:480px;}.h490{height:490px;}.h500{height:500px;}.h710{height:710px;};
	/*	setting */
.overflow_auto{overflow:auto !important;}
	/* font & text */
.font_small{font-size:12px !important;}
.font_large{font-size:18px !important;}
.font_bold{font-weight:700 !important;}
.font_red{color:#f00;}
.font_blue{color:#1458b6;}
.txt_l{text-align:left !important;}
.txt_c{text-align:center !important;}
.txt_r{text-align:right !important;}
.textH26{line-height:26px !important;}
a{color:#1458b6;}
a:hover{text-decoration:underline;}
.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
	/* flex center */
.flex_c{
	display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;
	-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;
	justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;
	align-items: center;
	flex-direction: row;
	-webkit-flex-wrap: wrap; flex-wrap: wrap;
}
	/*	요소 초기 hide 처리*/
.hide_ele {
  display: none !important;
}

/** 폼 요소 css **/
input[type=text],input[type=password],input[type=email]{width:100%;height:18px;background:none;line-height:18px;}
select{width:100%;height:18px;background:none;line-height:18px;background:url("../images/ico/ico_select_arr.png") right no-repeat;}
input[readonly]{background-color:#ddd !important;color:#888;}
select[disabled]{background-color:#ddd !important;color:#888;}
textarea{font-family:"malgun Gothic", "맑은 고딕", "Dotum", "Arial";width:100%;height:60px;padding:5px;resize:none;font-size:14px;vertical-align:top;}
textarea[readonly]{cursor:default;background-color:#f3f3f3;}
input:-internal-autofill-selected {background:none;background-color:#ffffff;]}



/** 폼 영역 Height:26 **/
.inpbox{width:100%;padding:3px;border-radius:3px;border:1px solid #aaa;background:#fff;}
.selbox{width:100%;padding:3px;border-radius:3px;border:1px solid #aaa;background:#fff;}
.inpset{overflow:hidden;width:100%;padding-left:3px;border-radius:3px;border:1px solid #aaa;background:#fff;}
.inpset.rightRadiusNone{
	border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.inpbox.leftRadiusNone{
	border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.inpset input{float:left;width:calc(100% - 26px);height:24px;line-height:24px;}
.inpset button{float:left;width:26px;height:24px;background:#aaa url("../images/ico/ico_search.png") center no-repeat;}
.radio_area{overflow:hidden;}
.radio_area input{display:none;}
.radio_area label{display:inline-block;height:26px;line-height:26px;}
.radio_area label i{color:#1458b6;line-height:26px;font-size:20px;}
.radio_area label .fas{display:none;}
.radio_area input:checked + label .fas{display:inline-block;}
.radio_area input:checked + label .far{display:none;}
.radio_area input:disabled + label i{color:#666;}
.radio_area input:disabled + label{cursor:default;}
.radio_area .fa-circle:before{
	background: #fff;
    border-radius: 100px;
}


/*
	<div class="radio_area">
		<input type="radio" id="" name="" value="" checked>
		<label for=""><i class="far fa-check-circle"></i><i class="fas fa-check-circle"></i></label>
		<input type="radio" id="" name="" value="">
		<label for=""><i class="far fa-check-circle"></i><i class="fas fa-check-circle"></i></label>
	</div>
*/
.check_area{overflow:hidden;}
.check_area input{display:none;}
.check_area label{display:inline-block;height:26px;line-height:26px;}
.check_area label i{color:#1458b6;line-height:26px;font-size:20px;}
.check_area label .fas{display:none;}
.check_area input:checked + label .fas{display:inline-block;}
.check_area input:checked + label .far{display:none;}
/*
	<div class="check_area">
		<input type="checkbox" id="" name="" value="" checked>
		<label for=""><i class="far fa-check-square"></i><i class="fas fa-check-square"></i></label>
		<input type="checkbox" id="" name="" value="">
		<label for=""><i class="far fa-check-square"></i><i class="fas fa-check-square"></i></label>
	</div>
*/

/** 버튼 css **/
.btn{display:inline-block;box-sizing:border-box;font-size:14px;}
.btn_blue{background-color:#1458b6;color:#fff;border:1px solid #1b4284;
	box-shadow:0 0 3px 2px rgba(120,164,225,0.3) inset;-ms-box-shadow:0 0 3px 2px rgba(120,164,225,0.3) inset;-webkit-box-shadow:0 0 3px 2px rgba(120,164,225,0.3) inset;-o-box-shadow:0 0 3px 2px rgba(120,164,225,0.3) inset;
}
.btn_blue:hover{
	box-shadow:0 0 3px 2px rgba(11,38,75,0.2) inset;-ms-box-shadow:0 0 3px 2px rgba(11,38,75,0.2) inset;-webkit-box-shadow:0 0 3px 2px rgba(11,38,75,0.2) inset;-o-box-shadow:0 0 3px 2px rgba(11,38,75,0.2) inset;
}
.btn_b_blue{background-color:#fff;color:#1458b6;border:1px solid #1b4284;}
.btn_b_blue:hover{background-color:#1458b6;color:#fff;}
.btn_gray{background-color:#999;color:#fff;border:1px solid #666;
	box-shadow:0 0 3px 2px rgba(255,255,255,0.2) inset;-ms-box-shadow:0 0 3px 2px rgba(255,255,255,0.2) inset;-webkit-box-shadow:0 0 3px 2px rgba(255,255,255,0.2) inset;-o-box-shadow:0 0 3px 2px rgba(255,255,255,0.2) inset;
}
.btn_gray:hover{
	box-shadow:0 0 3px 2px rgba(0,0,0,0.2) inset;-ms-box-shadow:0 0 3px 2px rgba(0,0,0,0.2) inset;-webkit-box-shadow:0 0 3px 2px rgba(0,0,0,0.2) inset;-o-box-shadow:0 0 3px 2px rgba(0,0,0,0.2) inset;
}
.btn_white{background-color:#fff;color:#666;border:1px solid #ccc;}
.btn_white:hover{color:#000;border-color:#aaa;
	box-shadow:0 0 3px 2px rgba(232,232,232,0.5) inset;-ms-box-shadow:0 0 3px 2px rgba(232,232,232,0.5) inset;-webkit-box-shadow:0 0 3px 2px rgba(232,232,232,0.5) inset;-o-box-shadow:0 0 3px 2px rgba(232,232,232,0.5) inset;
}
.btn_red{background-color:#ae1d1d;color:#fff;border:1px solid #5d0a0a;
	box-shadow:0 0 3px 2px rgba(255,255,255,0.2) inset;-ms-box-shadow:0 0 3px 2px rgba(255,255,255,0.2) inset;-webkit-box-shadow:0 0 3px 2px rgba(255,255,255,0.2) inset;-o-box-shadow:0 0 3px 2px rgba(255,255,255,0.2) inset;
}
.btn_red:hover{
	box-shadow:0 0 3px 2px rgba(0,0,0,0.2) inset;-ms-box-shadow:0 0 3px 2px rgba(0,0,0,0.2) inset;-webkit-box-shadow:0 0 3px 2px rgba(0,0,0,0.2) inset;-o-box-shadow:0 0 3px 2px rgba(0,0,0,0.2) inset;
}
.btn_black{background-color:#444;color:#fff;border:1px solid #000;
	box-shadow:0 0 3px 2px rgba(255,255,255,0.2) inset;-ms-box-shadow:0 0 3px 2px rgba(255,255,255,0.2) inset;-webkit-box-shadow:0 0 3px 2px rgba(255,255,255,0.2) inset;-o-box-shadow:0 0 3px 2px rgba(255,255,255,0.2) inset;
}
.btn_black:hover{
	box-shadow:0 0 3px 2px rgba(0,0,0,0.2) inset;-ms-box-shadow:0 0 3px 2px rgba(0,0,0,0.2) inset;-webkit-box-shadow:0 0 3px 2px rgba(0,0,0,0.2) inset;-o-box-shadow:0 0 3px 2px rgba(0,0,0,0.2) inset;

}
.btn_b_gray{background-color:#fff;color:#999;border:1px solid #999;}
.btn_b_gray:hover{background-color:#999;color:#fff;}
.btn_b_gray.on{background-color:#999;color:#fff;}
.btn_underline{color:#1458b6;}
.btn_underline:hover{text-decoration:underline;}
.btn_none{background-color:#ddd;border-color:#aaa;color:#aaa;cursor:default;
	box-shadow:none;-webkit-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;
}
.btn_none:hover{
	box-shadow:none;-webkit-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;
}
	/* 60x18 */
.btn_xs{min-width:60px;padding:2px;line-height:12px;border-radius:5px;font-size:12px;}
	/* 80x26 */
.btn_s{min-width:80px;padding:5px;line-height:14px;border-radius:5px;}
	/* 100x32 */
.btn_m{min-width:100px;padding:8px 5px;line-height:14px;border-radius:5px;}
	/* 120x36 */
.btn_l{min-width:120px;padding:10px 5px;line-height:14px;border-radius:5px;}
	/* 정사각형 */
.btn_xs_square{min-width:18px;}
.btn_s_square{min-width:26px;}
.btn_m_square{min-width:32px;}
.btn_l_square{min-width:36px;}

/** table **/
table{width:100%;min-width:1px;max-width:780px;background-color:#fff;}
table th, table td{position:relative;padding:4px 5px;border-right:1px solid #ccc;}
table thead th{/*background:url("../images/common/table_head_bg.png") 0 0px repeat-x;*/background-color:#d9d9d9;border-bottom:1px solid #b1b1b1;color:#5e5e5e;border-right:1px solid #ccc;
	text-shadow:0 1px 0 #fff;
}
/*table thead th::after{display:block;content:'';position:absolute;right:0;top:0;width:1px;height:100%;background:url("../images/common/table_head_border.png") center repeat-y;}*/
table thead th:first-child{border-left:1px solid #b1b1b1;}
table thead th:last-child{border-right:1px solid #b1b1b1;}
table thead th:last-child::after{display:none;}
table tbody tr:nth-child(even) td{background-color:#f7f7f7;}
table tbody td{border-bottom:1px solid #c8c8c8;}
table tbody td:first-child{border-left:1px solid #b1b1b1;}
table tbody td:last-child{border-right:1px solid #b1b1b1;}
table tbody td::after, table thead th::after{display:block;content:'';position:absolute;right:0;top:0;width:1px;height:100%;background:url("../images/common/table_body_border.png") center repeat-y;}
table tbody td:last-child::after{display:none;}
table tbody tr:hover td{background-color:#e7f1fa;}
table tbody tr:last-child td{border-bottom:0 none;}

/** Grid CSS Edit **/
.AXGrid .AXgridPageBody .AXgridPagingUnit{height:29px !important;}
.AXGrid .AXgridPageBody .AXgridPagingUnit .AXgridPageNumberCount{height:29px !important;}
[data-ax5grid] [data-ax5grid-container="root"] [data-ax5grid-container="body"] [data-ax5grid-panel] table tr td{cursor:default;}
[data-ax5grid] [data-ax5grid-container="root"] [data-ax5grid-container="body"] [data-ax5grid-panel] .btn_underline{font-size:12px;}
.fa-envelope{color:#444;}
.fa-envelope-open-text{color:#999;}
.fa-paperclip{color:#444;}

.grid-cell-red > span{
	color:red;
}



/** Editor CSS Edit **/
.sun-editor-editable tbody tr:nth-child(even) td{background-color:#fff;}
.sun-editor-editable strong{font-weight:700;}
.sun-editor-editable em{font-style:italic;}
.sun-editor-editable p{margin-bottom:0;}

/*datepicer 버튼 롤오버 시 손가락 모양 표시*/
.ui-datepicker-trigger{cursor: pointer;}
#ui-datepicker-div table th{border:0 none;background:none;text-shadow:none;}
#ui-datepicker-div table th::after{display:none;}
#ui-datepicker-div table td{border:0 none;}
#ui-datepicker-div table td::after{display:none;}
#ui-datepicker-div table tbody tr:hover td{background:none;}

/** popZone **/
#popZone{display:none;overflow:hidden;position:fixed;left:0;top:0;z-index:9999;width:100%;height:100%;}
#popZone .popBg{position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;background-color:rgba(0,0,0,0.7);}
#popZone .popWrap{position:absolute;left:0;top:0;width:100%;height:100%;
	display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;
	-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;
	justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;
	align-items: center;
	flex-direction: row;
	-webkit-flex-wrap: wrap; flex-wrap: wrap;
}
#popZone .popCont{position:relative;z-index:10;min-width:1px;max-width:800px;padding:10px;background-color:#fff;}
#popZone .close_box{margin-bottom:10px;}
#popZone .popCont .tit{margin-bottom:15px;font-size:16px;font-weight:700;text-align:center;line-height:24px;}
#popZone .popCont .cont{border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
#popZone .conform{overflow-y:auto;min-width:400px;min-height:1px;max-height:165px;}
#popZone .conform th, #popZone .conform td{text-align:center;}


/* modalLayerPopup */
.modalWrap{display:none;overflow:hidden;position:fixed;left:0;top:0;z-index:9999;width:100%;height:100%;}
.modalWrap .popBg{position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;background-color:rgba(0,0,0,0.7);}
.modalWrap .popWrap{position:absolute;left:0;top:0;width:100%;height:100%;
	display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;
	-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;
	justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;
	align-items: center;
	flex-direction: row;
	-webkit-flex-wrap: wrap; flex-wrap: wrap;
}
.modalWrap .popCont{position:relative;z-index:10;min-width:1px;max-width:1500px;padding:10px;background-color:#fff;}
.modalWrap .popCont .tit{margin-bottom:15px;font-size:16px;font-weight:700;text-align:center;line-height:24px;}
.modalWrap .popCont .cont{border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.modalWrap .conform{overflow-y:auto;min-width:400px;min-height:1px;max-height:165px;}
.modalWrap .conform th, .modalWrap .conform td{text-align:center;}




/** dropZone **/
.dropzone{overflow-y:scroll;min-height:1px;height:74px;padding:0px;background-color:#f3f3f3;border:1px solid #aaa;}
.dropzone .dz-message{margin:1.93em 0;}
.dropzone .dz-preview{width:100%;min-height:1px;height:24px;padding:0 24px 0 0;margin:0;}
.dropzone .dz-preview.dz-file-preview .dz-image{display:none;}
.dropzone .dz-preview .dz-details{overflow:hidden;position:relative;height:24px;padding:0;}
.dropzone .dz-preview .dz-details .dz-filename{float:left;}
.dropzone .dz-preview .dz-details .dz-size{float:right;font-size:13px;margin-bottom:0;}
.dropzone .dz-preview .dz-remove{position:absolute;top:0;right:0;z-index:10;width:24px;}
.dropzone .dz-preview .dz-remove:hover .droplist_del{opacity:1;}
.dropzone .dz-preview .dz-remove .droplist_del{font-size:14px;color:#000;opacity:0.5;line-height:24px;}
.dropzone .dz-preview .dz-progress{position:absolute;top:50%;left:auto;right:40px;z-index:1000;}
.top .dz-max-files-reached{position:absolute;top:0;right:120px;line-height:24px;}
.top .dz-max-files-reached::after{display:block; content:' / 50M (최대10개)';position:absolute;top:0;right:-115px;white-space:nowrap;}
.dropzone .dz-preview .dz-error-message{position:absolute;top:1px;left:50%;width:200px;padding:0 5px;line-height:20px;opacity:1;}
.dropzone .dz-preview .dz-error-message:after{display:none;}
.dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark{position:absolute;left:auto;top:50%;right:68px;margin-left:-11px;margin-top:-11px;width:22px;height:22px;}
.dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg{width:22px;height:22px;}

/** Login **/
.login{height:100%;}
.login header{width:100%;height:50px;line-height:50px;background-color:#1b4284;}
.login header h1{color:#fff;font-size:22px;font-weight:700;text-align:center;}
.login .layout{overflow:hidden;width:100%;height:calc(100% - 50px);}
.login h2{padding:10px;margin-bottom:30px;border-bottom:3px double #1458b6;font-size:22px;font-weight:700;text-align:center;line-height:30px;color:#1458b6;}
.login .layout button{display:block;margin:0 auto;}
.login .layout > div{float:left;height:100%;padding:10px;}
.login .layout .login_area{width:calc(100% - 400px);}
.login .layout .login_area .inner{width:600px;}
.login .layout .login_area .data_area{margin-bottom:30px;}
.login .layout .login_area .data_area .article{overflow:hidden;width:100%;margin-bottom:5px;}
.login .layout .login_area .data_area .article .tit{float:left;width:100px;font-weight:700;line-height:26px;}
.login .layout .login_area .data_area .article .data{float:left;width:calc(100% - 100px);}
.login .layout .password_area{width:400px;border-left:1px solid #ccc;}
.login .layout .password_area .inner{width:300px;}
.login .layout .password_area .infotext{margin-bottom:30px;text-align:center;}
.login .layout .password_area .data_area{margin-bottom:30px;}
.login .layout .password_area .data_area .tit{font-weight:700;line-height:26px;}

/** Error **/
.error{height:100%;}
.error header{width:100%;height:50px;line-height:50px;background-color:#1b4284;}
.error header h1{color:#fff;font-size:22px;font-weight:700;text-align:center;}
.error .layout{overflow:hidden;width:100%;height:calc(100% - 50px);}
.error h2{padding:10px;margin-bottom:20px;border-bottom:3px double #1458b6;font-size:48px;font-weight:700;text-align:center;line-height:60px;color:#1458b6;}
.error h3{padding:10px;margin-bottom:40px;border-bottom:3px double #1458b6;font-size:28px;font-weight:700;text-align:center;line-height:42px;color:#1458b6;}
.error h3 i{margin-bottom:10px;font-size:48px;line-height:60px;}
.error .layout button{display:block;margin:0 auto;}
.error .layout > div{float:left;height:100%;padding:10px;}
.error .layout .error_area{width:100%;}
.error .layout .error_area .inner{width:600px;text-align:center;}
.error .layout .error_area .inner .info{padding:0 10px;margin-bottom:20px;text-align:center;color:#1458b6;}
.error .layout .error_area .inner .info i{display:block;margin-bottom:10px;font-size:40px;}
.error .layout .error_area .inner .btn_back{display:inline-block;font-size:15px;text-align:center;}
.error .layout .error_area .inner .btn_back:hover{text-decoration:none;}
.error .layout .error_area .inner .btn_download{display:inline-block;padding:10px 15px;font-size:15px;text-align:center;}
.error .layout .error_area .inner .btn_download:hover{text-decoration:none;}

/** header & gnb **/
header{width:100%;height:50px;}
.layout{overflow:hidden;width:100%;height:calc(100% - 50px);}
.left_area{float:left;width:300px;}
.right_area{float:left;width:calc(100% - 300px);}
.layout .left_area, .layout .right_area{height:100%;}
.layout .left_area{background-color:#fff;border-right:1px solid #d2d6de;}
.layout .right_area{overflow:auto;padding:10px;background-color:#fff;}
header .left_area h1 a{display:block;width:100%;padding:10px;font-size:20px;font-weight:700;line-height:30px;background-color:#1b4284;color:#fff;text-align:center;}
header .left_area h1 a:hover{text-decoration:none;}
header .right_area{padding:10px;background-color:#1458b6;}
header .right_area::after{display:block;content:'';clear:both;}
header .right_area .utilmenu{float:right;}
header .right_area .utilmenu > li{float:left;position:relative;margin-left:20px;color:#fff;line-height:30px;}
header .right_area .utilmenu button, header .right_area .utilmenu a{font-size:14px;line-height:30px;color:#fff;}
header .right_area .utilmenu .language dt button{position:relative;padding-right:17px;}
header .right_area .utilmenu .language dt i{position:absolute;right:0;top:0;width:14px;margin-left:5px;line-height:30px;}
header .right_area .utilmenu .language dt .fa-caret-square-down{display:none;}
header .right_area .utilmenu .language dd{display:none;position:absolute;top:40px;right:0;z-index:100;border:1px solid #1b4284;background-color:#1458b6;
	box-shadow:0 0 7px 2px rgba(27,66,132,0.3);-webkit-box-shadow:0 0 7px 2px rgba(27,66,132,0.3);-ms-box-shadow:0 0 7px 2px rgba(27,66,132,0.3);-o-box-shadow:0 0 7px 2px rgba(27,66,132,0.3);
}
header .right_area .utilmenu .language dd li{padding:5px;}
header .right_area .utilmenu .language dd li:hover{background-color:rgba(255,255,255,0.2);}
header .right_area .utilmenu .language dd li button{width:82px;}
header .right_area .utilmenu .user .user_menu{display:none;position:absolute;top:40px;right:0;z-index:100;border:1px solid #1b4284;background-color:#1458b6;}
header .right_area .utilmenu .user .user_menu li{width:120px;padding:5px 10px;}
header .right_area .utilmenu .user .user_menu li:hover{background-color:rgba(255,255,255,0.2);}
header .right_area .utilmenu .user .user_menu li a, header .right_area .utilmenu .user .user_menu li button{display:block;width:100%;text-align:center;}
header .right_area .utilmenu .user .user_menu li a:hover{text-decoration:none;}
header .right_area .utilmenu .user .btn_usermenu{position:relative;width:16px;height:16px;margin-top:8px;margin-left:5px;text-align:center;
	box-shadow:0 0 7px 2px rgba(27,66,132,0.3);-webkit-box-shadow:0 0 7px 2px rgba(27,66,132,0.3);-ms-box-shadow:0 0 7px 2px rgba(27,66,132,0.3);-o-box-shadow:0 0 7px 2px rgba(27,66,132,0.3);
}
header .right_area .utilmenu .user .btn_usermenu i{position:absolute;left:0;top:0;line-height:16px;}
header .right_area .utilmenu .user .btn_usermenu .fas{display:none;}
.gnb a:hover{text-decoration:none;}
.gnb > ul{padding-top:30px;}
.gnb li{position:relative;}
.gnb li.on a{
	background-color:#f0f0f0;
	color:#222;
}
.gnb li a.on{
	background-color:#f0f0f0;
	color:#222;
}

.gnb li a{display:block;height:36px;padding-left:20px;line-height:36px;font-weight:700;color:#888;}
.gnb li a:hover{background-color:#f0f0f0;}
.gnb > ul > li.active > a{background-color:#f0f0f0;color:#222;}
.gnb > ul > li.active > a::before{display:block;content:'';position:absolute;left:0;top:0;width:4px;height:36px;background-color:#1458b6;}
.gnb > ul > li > a > i{display:inline-block;width:14px;margin-right:7px;line-height:36px;vertical-align:top;text-align:center;}
	/* keepbox */
	.gnb li .btn_keepbox{position:absolute;right:10px;top:8px;line-height:20px;font-size:20px;color:#666;opacity:0.7;}
	.gnb li .btn_keepbox:hover{opacity:1;}
	.gnb .keepbox_area{overflow-y:auto;max-height:108px;}
	.gnb .keepbox_list li{position:relative;}
	.gnb .keepbox_list li a{overflow:hidden;padding-left:40px;padding-right:94px;font-weight:400;white-space:nowrap;}
	/*.gnb .keepbox_list li a::before{display:inline-block;content:'-';margin-right:5px;}*/
	.gnb .keepbox_list li .btn_keepEdit{display:none;position:absolute;right:10px;top:50%;width:21px;height:19px;margin-top:-9px;padding:2px;border:1px solid #ccc;border-radius:4px;}
	.gnb .keepbox_list li .btn_keepEdit:hover{border-color:#999;}
	.gnb .keepbox_list li .btn_keepEdit i{display:block;opacity:0.7;color:#666;}
	.gnb .keepbox_list li .btn_keepEdit:hover i{opacity:1;}
	.gnb .keepbox_list li:hover .btn_keepEdit{display:block;}
	.gnb .keepbox_list li .keepbox_name{display:none;box-sizing:border-box;position:absolute;left:0;top:0;z-index:5;width:100%;height:100%;padding:8px 40px;background-color:#ccc;}
	.gnb .keepbox_list li .keepbox_name input{height:20px;line-height:18px;background-color:#fff;border:1px solid #999;text-indent:3px;}
	.gnb .keepbox_list li .keepbox_name .btn{position:absolute;left:160px;top:10px;}
	.gnb .keepbox_list li.edit .keepbox_name{display:block;}
	.gnb .keepbox_list li > a i{display:inline-block;margin-right:5px;line-height:36px;opacity:0.6;}
	.gnb .keepbox_list li > a .fa-folder-open{display:none;}
	.gnb .keepbox_list li.on > a{color:#222;font-weight:700;}
	.gnb .keepbox_list li.on > a .fa-folder-open{display:inline-block;opacity:1;}
	.gnb .keepbox_list li.on > a .fa-folder{display:none;}
	.gnb li .new_count{display:inline-block;min-width:14px;height:16px;margin-top:9px;margin-left:5px;padding:2px 4px;background-color:#1458b6;border-radius:5px;color:#fff;line-height:14px;text-align:center;font-weight:400;opacity:0.8;}
	.gnb li .volume{position:absolute;top:0;right:10px;}

/** container 영역 공통 **/
h3{padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #1458b6;line-height:27px;font-weight:600;text-align:center;font-size:20px;color:#222;}
h3 .far, h3 .fas{line-height:27px;}
.title_comment{margin-bottom:32px;line-height:18px;text-align:center;color:#1458b6;}
.title_comment i{line-height:18px;}
.title_comment.marginBottomS{
	margin-bottom:10px;
}
.color_red{
	color:#fd1e1e;
}
.title_emp{
	font-size:15px;
}
.grid_area{width:100%;}
.test{width:100%;padding:10px;}

/***** outer - 외부사용자 *****/
.outer .contents .btn_area{margin-bottom:10px;}
.outer .contents .btn_area::after{display:block;content:'';clear:both;}
.outer .contents .btn_area ul{float:left;}
.outer .contents .btn_area li{float:left;position:relative;margin-right:5px;}
.outer .contents .btn_area li .caselist{display:none;overflow:hidden;position:absolute;top:25px;left:0;z-index:100;min-width:130px;background-color:#e3f1ff;border:1px solid #1b4284;border-radius:5px;
	box-shadow:0 0 3px 2px rgba(255,255,255,0.4) inset;
}
.outer .contents .btn_area li .caselist .inner{overflow-y:auto;max-height:86px;}
.outer .contents .btn_area li .caselist button{display:block;overflow:hidden;text-align:left;width:100%;padding:5px;color:#1b4284;white-space:nowrap;text-overflow:ellipsis;}
.outer .contents .btn_area li .caselist button:hover{background-color:rgba(20,88,182,0.6);color:#fff;}
.outer .contents .btn_area .search_box{float:right;width:250px;}
.outer .contents .btn_area .move_area{float:right;}
	/* write_area */
	.outer .write_area{width:100%;padding-top:20px;}
	.outer .write_area .top{overflow:hidden;}
	.outer .write_area .top dl{overflow:hidden;width:100%;margin-bottom:10px;}
	.outer .write_area .top dt{float:left;width:70px;line-height:26px;font-weight:700;text-align:center;}
	.outer .write_area .top dd{float:left;width:calc(100% - 70px);}
	.outer .write_area .original_area{padding:5px;margin-top:10px;border:1px dashed #ccc;}
	.outer .write_area .original_area .mail_cont strong{font-weight:700;}
	/* 사용자정보 */
	.outer .userdata{width:600px;margin:30px auto 0;}
	.outer .userdata ul{margin-bottom:30px;}
	.outer .userdata li{overflow:hidden;}
	.outer .userdata li .tit{float:left;width:110px;font-weight:700;line-height:26px;}
	.outer .userdata li .data{float:right;width:490px;}
	.outer .userdata li .data strong{display:block;margin-top:5px;color:#1458b6;font-size:12px;line-height:12px;}
	.outer .userdata button{display:block;margin:0 auto;}
	/* 초기비밀번호변경 */
		/* 수정 전 *
	.outer .personalData_agree{margin-bottom:30px;background-color:#f7f7f7;}
	.outer .personalData_agree .agree_area{padding:5px 10px;margin-bottom:5px;font-weight:700;line-height:26px;background-color:#e3e3e3;}
	.outer .personalData_agree .usesign{overflow-y:auto;padding:5px 10px;line-height:26px;min-height:1px;max-height:400px;}*/
		/* 수정 후 */
	.outer .personalData_agree{margin-bottom:30px;background-color:#f7f7f7;}
	.outer .personalData_agree .agree_title{padding:5px 10px;margin-bottom:5px;font-weight:700;line-height:26px;background-color:#e3e3e3;}
	.outer .personalData_agree .usesign{overflow-y:auto;padding:5px 10px;line-height:26px;}
	.outer .personalData_table{margin-bottom:20px;}
	.outer .personalData_table table thead th::after, .outer .personalData_table table tbody td::after{display:none;}
	.outer .personalData_table table thead th, .outer .personalData_table table tbody td{padding:8px 10px;}
	.outer .personalData_table table thead th{border-top:1px solid #b1b1b1;}
	.outer .personalData_table table tbody td{border-bottom:1px solid #b1b1b1;}
	.outer .personalData_table table tbody tr:hover td{background-color:transparent;}
	.outer .personalData_chkarea{margin-bottom:30px;text-align:right;}

/* read_area (메일읽기) */
.watermark{position:relative;}
.watermark::before{display:block;content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/common/watermark.png) center repeat;background-size:120px;opacity:.1;}
.mail_cont{min-height:300px;padding:5px;border-top:1px solid #999;}
.read_area{width:100%;border-top:2px solid #999;border-bottom:2px solid #999;background-color:rgba(255,255,255,0.9);}
.read_area .top{overflow:hidden;width:100%;padding:5px;border-bottom:1px solid #999;line-height:21px;}
.read_area .top .tit{float:left;font-size:16px;font-weight:700;}
.read_area .top .date{float:right;}
.read_area .sender{padding-bottom:5px;padding:5px;border-bottom:1px solid #999;}
.read_area .sender dl{overflow:hidden;width:100%;}
.read_area .sender dt, .read_area .sender dd{float:left;line-height:21px;}
.read_area .sender dt{position:relative;width:55px;}
.read_area .sender dt::after{display:block;content:':';position:absolute;top:0;right:5px;}
.read_area .sender dd{width:calc(100% - 55px);}
.read_area .target{padding:5px;}
.read_area .target dl{overflow:hidden;width:100%;margin-bottom:5px;}
.read_area .target dl:last-child{margin-bottom:0;}
.read_area .target dt, .read_area .target dd{float:left;line-height:21px;}
.read_area .target dt{position:relative;width:70px;}
.read_area .target dt::after, .read_area .reason dt::after{display:block;content:':';position:absolute;top:0;right:5px;}
.read_area .target dd{overflow:hidden;width:calc(100% - 70px);}
.read_area .target dd li{float:left;}
.read_area .target dd li::after{display:inline-block;content:',';margin-right:5px;}
.read_area .target dd li:last-child::after{display:none;}
.read_area .reason{padding:5px; border-top:1px dashed #999;}
.read_area .reason dl{overflow:hidden;width:100%;}
.read_area .reason dt, .read_area .reason dd{float:left;line-height:21px;}
.read_area .reason dt{position:relative;width:70px;}
.read_area .reason dd{width:calc(100% - 70px);}
.read_area .reason dd textarea{padding:3px;font-size:13px;}
.read_area .file{overflow:hidden;padding:5px;border-top:1px dashed #999;}
.read_area .file .tit{float:left;position:relative;width:140px;line-height:26px;}
.read_area .file .tit button{position:absolute;right:5px;top:0;}
.read_area .file .tit button .fas{line-height:16px;}
.read_area .file .tit button .fa-minus-square{display:none;}
.read_area .file .list{display:none;float:right;width:calc(100% - 140px);padding:5px;background-color:#eee;}
.read_area .file .list li{position:relative;margin-bottom:5px;}
.read_area .file .list li:last-child{margin-bottom:0;}
.read_area .file .list li .volume{position:absolute;right:0;top:0;}

/* mail_admin(메일함관리) - contents 동일대상 */
.mail_admin{min-width:1px;max-width:980px;margin:30px auto 0;}
.mail_admin .top{width:600px;margin:0 auto;}
.mail_admin .top .tit{float:left;width:150px;font-size:16px;font-weight:700;line-height:26px;}
.mail_admin .top .tit i{line-height:26px;}
.mail_admin .top .inuse_all{overflow:hidden;width:600px;margin-bottom:10px;}
.mail_admin .top .inuse_all .gauge_area{float:right;width:calc(100% - 150px);}
.mail_admin .top .inuse_all .gauge_area .gauge_volume{position:relative;margin-bottom:5px;font-size:16px;font-weight:700;}
.mail_admin .top .inuse_all .gauge_area .gauge_volume .volume{position:absolute;right:0;top:0;}
.mail_admin .top .inuse_all .gauge_area .gauge{width:100%;height:26px;border:1px solid #999;background-color:#fff;
	box-shadow:0 0 6px 2px rgba(0,0,0,0.1) inset;-webkit-box-shadow:0 0 6px 2px rgba(0,0,0,0.1) inset;-ms-box-shadow:0 0 6px 2px rgba(0,0,0,0.1) inset;-o-box-shadow:0 0 6px 2px rgba(0,0,0,0.1) inset;
}
.mail_admin .top .inuse_all .gauge_area .gauge span{display:block;width:0;height:100%;text-indent:-9999px;font-size:0;
	background-image: linear-gradient(to right, #1b4284 , #1458b6);
}
.mail_admin .top .add_keepbox{overflow:hidden;width:600px;margin-bottom:30px;}
.mail_admin .top .add_keepbox .add_area{float:right;width:calc(100% - 150px);text-align:right;}
.mail_admin .top .add_keepbox .add_area .inpbox{box-sizing:border-box;float:left;display:block;width:calc(100% - 85px);}
.mail_admin .top .add_keepbox .add_area button{float:left;display:block;margin-left:5px;}
.mail_admin .admin_table{max-width:980px;border-top:1px solid #aaa;border-bottom:1px solid #aaa;}
.mail_admin .admin_table th, .mail_admin .admin_table td{height:34px;text-align:center;}
.mail_admin .admin_table td:first-child{text-align:left;padding-left:20px;}
.mail_admin .admin_table .keepbox td:first-child::before{display:inline-block;content:'└ ';margin-right:5px;}
	/* 추가된 보관함 */
	#storageBody td{background-color:#e9e9e9;border-bottom:1px dashed #b1b1b1;}
	#storageBody tr:first-child td{border-top:1px solid #b1b1b1;}
	#storageBody tr:last-child td{border-bottom:0 none;}

/***** inuser - 내부사용자 *****/
.inuser h3{margin-bottom:60px;}
.inuser .contents .btn_area{margin-bottom:10px;}
.inuser .contents .btn_area::after{display:block;content:'';clear:both;}
.inuser .contents .btn_area ul{float:left;}
.inuser .contents .btn_area li{float:left;position:relative;margin-right:5px;}
.inuser .contents .btn_area li .caselist{display:none;overflow:hidden;position:absolute;top:25px;left:0;z-index:100;min-width:130px;background-color:#b9b9b9;border:1px solid #333;border-radius:5px;
	box-shadow:0 0 3px 2px rgba(255,255,255,0.4) inset;
}
.inuser .contents .btn_area li .caselist .inner{overflow-y:auto;max-height:86px;}
.inuser .contents .btn_area li .caselist button{display:block;overflow:hidden;text-align:left;width:100%;padding:5px;color:#fff;white-space:nowrap;text-overflow:ellipsis;}
.inuser .contents .btn_area li .caselist button:hover{background-color:rgba(0,0,0,0.2);}
.inuser .contents .btn_area .search_box{float:right;width:250px;}
.inuser .contents .btn_area .move_area{float:right;}
	/* form */
	.form_cont{margin-bottom:10px;}
		/* 제목,내용 */
	.form_cont.hastit, .form_cont .hastit{/*overflow:hidden;*/}
	.form_cont.hastit::after, .form_cont .hastit::after{display:block;content:'';clear:both;}
	.form_cont.hastit .tit, .form_cont .hastit .tit{float:left;width:105px;padding:5px 10px;line-height:16px;font-weight:700;}
	.form_cont.hastit .cont, .form_cont .hastit .cont{float:left;width:calc(100% - 105px);}
	.form_cont .hasbtn{/*overflow:hidden;*/}
	.form_cont .hasbtn::after{display:block;content:'';clear:both;}
	.form_cont .hasbtn .hasbtn_cont{float:left;width:calc(100% - 96px);}
	.form_cont .hasbtn .hasbtn_cont2{float:left;width:calc(100% - 300px);overflow:hidden;}
	.form_cont .hasbtn .hasbtn_btn{float:left;width:96px;}
	.form_cont .hasbtn .hasbtn_btn2{float:left;width:300px;}
	.form_cont .hasbtn .hasbtn_btn .ver_En{padding:0;min-width:86px;font-size:10px;line-height:24px;}
		/* 수신자 목록 */
	.form_cont.receive_list{position:relative;}
	.form_cont.receive_list .btn_receive1{position:absolute;left:0;top:5px;}
	.form_cont.receive_list .btn_receive2{position:absolute;left:0;top:41px;}
	.form_cont.receive_list .receive_group{margin-left:100px;background-color:#f3f3f3;}
	.form_cont.receive_list .listbox{overflow-y:scroll;height:74px;border:1px solid #aaa;}
	.form_cont.receive_list .listbox li{position:relative;padding:3px 24px 3px 5px;}
	.form_cont.receive_list .listbox li:hover{background-color:rgba(255,255,255,0.5)}
	.form_cont.receive_list .listbox li:hover input[readonly]{background-color:rgba(255,255,255,0.5) !important;}
	.form_cont.receive_list .listbox li .btn{position:absolute;right:5px;top:0;}
	.form_cont.receive_list .listbox li .btn i{line-height:24px;opacity:0.5;}
	.form_cont.receive_list .listbox li .btn:hover i{opacity:1;}
	.form_cont.receive_list .listbox input[readonly]{color:#222;background-color:#f3f3f3 !important;cursor:default;}
	.form_cont.receive_list .receive_group.group2{display:none;}
		/* 에디터영역 */
	.form_cont.editor_area{width:100%;}
		/* 파일첨부 */
	.form_cont.file_area{position:relative;width:100%;}
	.form_cont.file_area .file_value{position:absolute;right:0;top:10px;}
	.form_cont.file_area .filelist_area{overflow-y:scroll;width:100%;height:70px;background-color:#ddd;border:1px solid #aaa;}
		/* 결재자, 합의자 */
	.form_cont.approval_area{width:100%;}
	.form_cont.approval_area dl{overflow:hidden;width:100%;padding:10px;border:1px solid #aaa;background-color:#fff;}
	.form_cont.approval_area dt{padding-bottom:10px;margin-bottom:10px;border-bottom:1px dashed #ccc;}
	.form_cont.approval_area dt.hastit .tit{padding:0;}
	.form_cont.approval_area dd{overflow:hidden;}
	.form_cont.approval_area .item{float:left;width:calc(33.3% - 7px);margin-right:10px;}
	.form_cont.approval_area .item:last-child{margin-right:0;}
	.form_cont.approval_area .item .tit{float:left;width:90px;line-height:26px;text-align:center;}
	.form_cont.approval_area .item .cont{float:left;width:calc(100% - 90px);}
		/* 예외 수신 */
	.form_cont .tab_area .tab_menu .btn_tab{background-color:#999;color:#fff;border-radius:5px 5px 0 0;}
	.form_cont .tab_area .tab_menu .btn_tab.active{background-color:#1458b6;color:#fff;}

	
	.form_cont .tab_area .tab_cont{background-color:#fff;padding:5px;border:1px solid #aaa;}
	.form_cont .tab_area .tab_cont .tab_group .hasbtn{padding-bottom:5px;margin-bottom:5px;border-bottom:1px dotted #aaa;}
	.form_cont .tab_area .tab_cont .tab_group{display:none;}
	.form_cont .tab_area .tab_cont .tab_group:first-child{display:block;}

	
		/* 예외선택 하단 코멘트 */
	.comment_bottom{position:relative;padding-bottom:16px;}
	.comment_bottom .comment1{position:absolute;left:0;bottom:0;}
	.comment_bottom .comment2{display:none;position:absolute;left:100px;bottom:0;}
	/* popup - search */
	.search_staff{overflow:hidden;margin-bottom:10px;}
	.search_staff .radio_area label{width:84px;}
	.search_staff .radio_area, .search_staff .inpbox, .search_staff button{float:left;}
	.search_staff .inpbox{width:150px;}
	.search_staff button{margin-left:10px;}
	/* popup - pop_table */
	.pop_table.table_scroll .cont{overflow-y:auto;min-height:1px;max-height:297px;}
	.pop_table .cont table{min-width:600px;}
	.pop_table .cont table .blank td{height:108px;line-height:108px;text-align:center;}
	.pop_table .cont .paging_area{padding:8px;border:1px solid #b1b1b1;border-bottom:0 none;font-size:13px;line-height:30px;text-align:center;background:url(../images/common/paging_bg.png) 0 center repeat-x;}
	.pop_table .cont .paging_area .inner{overflow:hidden;}
	.pop_table .cont .paging_area .btn{display:block;float:left;min-width:20px;padding:1px;height:14px;border-radius:5px;font-size:11px;vertical-align:top;line-height:14px;}
	.pop_table .cont .paging_area .btn:hover{text-decoration:underline;}
	.pop_table .cont .paging_area .btn.active{background-color:#888;color:#fff;}
	.pop_table .cont .paging_area button:active{background-color:#888;color:#fff;}
	/* popup - resignation_area */
	.resignation_area{width:100%;}
	.resignation_area p{min-width:1px;max-width:400px;min-height:100px;padding:10px;background-color:#f7f7f7;}
	/* popup - exception_area*/
	.pop_table .exception_area table{min-width:200px;}
	/* popup - 반출반려 사유 */
	.confirmReturn{width:500px;}
	.confirmReturn .cont{margin-bottom:10px;}
	.confirmReturn .cont textarea{height:200px;}
	.confirmReturn .confirmArea{position:relative;}
	.confirmReturn .confirmArea .btn_close{position:absolute;right:0;top:0;}
.inuser.pledge h3{margin-bottom:10px;}
.inuser.pledge .contents{width:955px;margin:0 auto;}
.inuser.pledge .pledge_tit{margin-bottom:10px;font-size:16px;font-weight:700;}
.inuser.pledge .pledge_box{overflow-y:auto;width:100%;min-height:1px;max-height:600px;padding:10px;margin-bottom:20px;background-color:#f7f7f7;line-height:1.8;}
.inuser.pledge .pledge_box ol{padding-left:20px;}
.inuser.pledge .pledge_box ol,.inuser.pledge .pledge_box li{list-style:decimal;}
.inuser.pledge .check_area{margin-bottom:20px;text-align:center;}
.inuser.pledge .check_area label{line-height:26px;}
.inuser.pledge .btn_area{text-align:center;}
.exception h3{margin-bottom:10px;}
.exception .warning{font-size:12px;color:#f00;}
.exception .radio_area label{margin-right:10px;}
.exception .exception_list{overflow-y:scroll;height:98px;border:1px solid #aaa;background-color:#f3f3f3;}
.exception .exception_list li{position:relative;padding:3px 24px 3px 5px;}
.exception .exception_list li:hover{background-color:rgba(255,255,255,0.5)}
.exception .exception_list li:hover input[readonly]{background-color:rgba(255,255,255,0.5) !important;}
.exception .exception_list li .btn{position:absolute;right:5px;top:0;}
.exception .exception_list li .btn i{line-height:24px;opacity:0.5;}
.exception .exception_list li .btn:hover i{opacity:1;}
.exception .exception_list li input[readonly]{color:#222;background-color:#f3f3f3 !important;cursor:default;}
.exception .date_end .inpbox{display:inline-block;width:100px;vertical-align:top;}
.exception .date_end .inpbox input{display:block;}
.complete_area{padding-top:10px;margin-bottom:30px;text-align:center;}
.sender_area a{line-height:26px;}
.sender_list{margin-top:5px;text-align:center;background-color:#f3f3f3;border:1px solid #aaa;}
.sender_list .w25x4{overflow:hidden;width:100%}
.sender_list .w25x4.sender_tit{padding:3px 40px 3px 5px;font-weight:700;background-color:#fff;border-bottom:1px solid #aaa;}
.sender_list .w25x4.sender_tit.none{background-color:#ddd;color:#aaa;}
.sender_list .w25x4 div{float:left;width:25%;}
.sender_list .list_box{overflow-y:scroll;height:72px;}
.sender_list .list_box li{position:relative;padding:3px 24px 3px 5px;}
.sender_list .list_box li:hover{background-color:rgba(255,255,255,0.5);}
.sender_list .list_box li .btn{position:absolute;top:0;right:5px;font-size:14px;}
.sender_list .list_box li .btn i{line-height:24px;opacity:0.5;}
.sender_list .list_box li .btn:hover i{opacity:1;}


.sender_area2 a{line-height:26px;}
.sender_list2{margin-top:5px;text-align:center;background-color:#f3f3f3;border:1px solid #aaa;}
.sender_list2 .w25x4{overflow:hidden;width:100%}
.sender_list2 .w25x4.sender_tit{padding:3px 40px 3px 5px;font-weight:700;background-color:#fff;border-bottom:1px solid #aaa;}
.sender_list2 .w25x4.sender_tit.none{background-color:#ddd;color:#aaa;}
.sender_list2 .w25x4 div{float:left;width:25%;}
.sender_list2 .list_box{overflow-y:scroll;height:72px;}
.sender_list2 .list_box li{position:relative;padding:3px 24px 3px 5px;}
.sender_list2 .list_box li:hover{background-color:rgba(255,255,255,0.5);}
.sender_list2 .list_box li .btn{position:absolute;top:0;right:5px;font-size:14px;}
.sender_list2 .list_box li .btn i{line-height:24px;opacity:0.5;}
.sender_list2 .list_box li .btn:hover i{opacity:1;}


.contract_list{margin-top:5px;text-align:center;background-color:#f3f3f3;border:1px solid #aaa;}
.contract_list .w25x5{overflow:hidden;width:100%}
.contract_list .w25x5.sender_tit{padding:3px 40px 3px 5px;font-weight:700;background-color:#fff;border-bottom:1px solid #aaa;}
.contract_list .w25x5.sender_tit.none{background-color:#ddd;color:#aaa;}
.contract_list .w25x5 div{float:left;}
.contract_list .w25x6{overflow:hidden;width:100%}
.contract_list .w25x6.sender_tit{padding:3px 40px 3px 5px;font-weight:700;background-color:#fff;border-bottom:1px solid #aaa;}
.contract_list .w25x6.sender_tit.none{background-color:#ddd;color:#aaa;}
.contract_list .w25x6 div{float:left;width:16%;}
.contract_list .list_box{overflow-y:scroll;height:72px;}
.contract_list .list_box li{position:relative;padding:3px 24px 3px 5px;}
.contract_list .list_box li:hover{background-color:rgba(255,255,255,0.5);}
.contract_list .list_box li .btn{position:absolute;top:0;right:5px;font-size:14px;}
.contract_list .list_box li .btn i{line-height:24px;opacity:0.5;}
.contract_list .list_box li .btn:hover i{opacity:1;}

.nda_contract .top{position:relative;margin-bottom:5px;}
.nda_contract .top .warning{position:absolute;left:147px;top:0;line-height:26px;}
.adminpage{min-width:1px;max-width:780px;margin:0 auto;}
.adminpage .btn_area .selbox{width:150px;}
.adminpage .table_area table{border-top:1px solid #aaa;border-bottom:1px solid #aaa;}
.adminpage .table_area table th, .adminpage .table_area table td{height:34px;text-align:center;}
/* 받는사람, 참조자 검색 리스트 : .droplist_area */
.droplist_area{position:relative;}
/* 20191011 김진명: 받는 사람이 많아져 라인이 2줄 이상 될 경우에도 위치 고정이어서 수정함+z-index 맨앞으로 변경*/
.droplist_area .droplist{display:none;position:absolute;/* top:23px; */left:-1px;z-index:100;width:calc(100% + 2px);border:1px solid #aaa;background-color:#fff;
	box-shadow:0 2px 3px rgba(0,0,0,0.1);-ms-box-shadow:0 2px 3px rgba(0,0,0,0.1);-webkit-box-shadow:0 2px 3px rgba(0,0,0,0.1);-o-box-shadow:0 2px 3px rgba(0,0,0,0.1);
}
.droplist_area .droplist ul{width:100%;}
.droplist_area .droplist li:hover{background-color:#f5f5f5;}
.droplist_area .droplist li a{display:block;padding:5px 10px;cursor:pointer;color:#333;}
.droplist_area .droplist li a:hover{text-decoration:none;}
.droplist_area .droplist li a span::after{display:inline-block;content:'/';margin:0 10px;}
.droplist_area .droplist li a span:last-child::after{display:none;}
/* 대리 결재자 지정 */
.deputy{width:452px;padding:15px;margin:0 auto;border:1px solid #ccc;}
.deputy .hasbtn .btn{width:90px;}
.deputy .date_term .inpbox{float:left;width:153px;}
.deputy .date_term label{display:block;float:left;margin-bottom:0;}
.deputy .date_term label input{display:block;float:left;width:131px;text-align:center;}
.deputy .date_term label i{display:block;float:left;line-height:18px;}
.deputy .date_term span{display:block;float:left;margin:0 2px;}
.deputy > div:last-child{margin-bottom:0;}
/* 예외정책 신청현황 검색 */
.period_search{overflow:hidden;width:auto !important;}
.period_search > div{float:left;}
.period_search .inpbox{width:100px;margin:0 5px;}
.period_search .inpset{width:250px;margin-left:5px;}

/***** admin 관리자 *****/
/* admin_login */
.admin_login{height:100%;}
.admin_login header{width:100%;height:50px;line-height:50px;background-color:#1b4284;}
.admin_login header h1{color:#fff;font-size:22px;font-weight:700;text-align:center;}
.admin_login .layout{overflow:hidden;width:100%;height:calc(100% - 50px);}
.admin_login h2{padding:10px;margin-bottom:30px;border-bottom:3px double #1458b6;font-size:22px;font-weight:700;text-align:center;line-height:30px;color:#1458b6;}
.admin_login .layout button{display:block;margin:0 auto;}
.admin_login .layout > div{float:left;height:100%;padding:10px;}
.admin_login .layout .login_area{width:100%;}
.admin_login .layout .login_area .inner{width:400px;}
.admin_login .layout .login_area .data_area{margin-bottom:30px;}
.admin_login .layout .login_area .data_area .article{overflow:hidden;width:100%;margin-bottom:20px;}
.admin_login .layout .login_area .data_area .article .tit{float:left;width:100px;font-weight:700;line-height:26px;}
.admin_login .layout .login_area .data_area .article .data{float:left;width:calc(100% - 100px);}
/* admin_gnb */
.admin_gnb .group .ico_open, .admin_gnb .group .ico_close{display:none;position:absolute;right:10px;top:0;font-size:16px;}
.admin_gnb .group .ico_close{display:inline-block;}
.admin_gnb .group .setList{display:none;background-color:#f9f9f9;}
.admin_gnb .group .setList li a::before{display:inline-block;content:'-';margin-right:5px;}
.admin_gnb .group .setList li.on a{color:#222;}
/* 외부사용자 현황 */
.admin .exceptionState ul{min-width:1px;max-width:600px;padding-top:30px;margin:0 auto;}
.admin .exceptionState ul li{width:100%;margin-bottom:10px;background-color:#fff;border:1px solid #aaa;}
.admin .exceptionState ul li dl{overflow:hidden;width:100%;}
.admin .exceptionState ul li dt{float:left;width:150px;padding:10px;text-align:center;background-color:#e5e5e5;line-height:22px;}
.admin .exceptionState ul li dd{float:left;width:calc(100% - 150px);padding:10px;line-height:22px;}
/* 상단 버튼영역 공통 */
.admin .contents .btn_area{margin-bottom:10px;}
.admin .contents .btn_area::after{display:block;content:'';clear:both;}
.admin .contents .btn_area ul{float:left;}
.admin .contents .btn_area li{float:left;position:relative;margin-right:5px;}
.admin .contents .btn_area li .caselist{display:none;overflow:hidden;position:absolute;top:25px;left:0;z-index:100;min-width:130px;background-color:#b9b9b9;border:1px solid #333;border-radius:5px;
	box-shadow:0 0 3px 2px rgba(255,255,255,0.4) inset;
}
.admin .contents .btn_area li .caselist .inner{overflow-y:auto;max-height:86px;}
.admin .contents .btn_area li .caselist button{display:block;overflow:hidden;text-align:left;width:100%;padding:5px;color:#fff;white-space:nowrap;text-overflow:ellipsis;}
.admin .contents .btn_area li .caselist button:hover{background-color:rgba(0,0,0,0.2);}
.admin .contents .btn_area .search_box{float:right;width:250px;}
.admin .contents .btn_area .move_area{float:right;}
/* 결재군설정 */
.admin .confirmSet{width:100%;}
.admin .confirmSet::after{display:block;content:'';clear:both;}
.admin .confirmSet .department{float:left;width:33%;padding-top:30px}
.admin .confirmSet .department input{display:none;}
.admin .confirmSet .department .listTitle{width:150px;padding:7px;font-size:15px;background-color:#fff;border-radius:5px 5px 0 0;border:1px solid #999;border-bottom:0 none;text-align:center;}
.admin .confirmSet .department .inner{overflow-y:auto;height:485px;padding:5px;border:1px solid #999;background-color:#fff;}
.admin .confirmSet .department .corName{border-bottom:1px solid #b5b5b5;padding:5px;background-color:#b3b3b3;color:#fff;}
.admin .confirmSet .department .dp1 > li{border-bottom:1px dotted #a7a7a7;}
.admin .confirmSet .department .dp1 > li::before{display:inline-block;content:'└';margin-right:5px;}
.admin .confirmSet .department .dp2 > li::before{display:inline-block;content:'└';margin-right:5px;margin-left:15px;}
.admin .confirmSet .department .dp3 > li::before{display:inline-block;content:'└';margin-right:5px;margin-left:30px;}
.admin .confirmSet .department .dp4 > li::before{display:inline-block;content:'└';margin-right:5px;margin-left:45px;}
.admin .confirmSet .department li label{display:inline-block;padding:5px 0;}
.admin .confirmSet .userList{float:right;width:calc(67% - 10px);}
.admin .confirmSet .userList .listTitle{line-height:24px;margin-bottom:6px;font-weight:700;}
.admin .confirmSet .userList .tab_area .btn_tab{width:150px;padding:7px;font-size:15px;background-color:#999;color:#fff;border-radius:5px 5px 0 0;}
.admin .confirmSet .userList .tab_area .btn_tab.active{background-color:#1458b6;color:#fff;}
.admin .confirmSet .userList .tab_cont{display:none;position:relative;padding:10px;border:1px solid #999;background-color:#fff;}
.admin .confirmSet .userList .approvalList{display:block;}
.admin .confirmSet .userList .tab_cont .btn_save{position:absolute;right:10px;top:10px;}
.admin .confirmSet .userList .tab_cont .table_wrap{overflow-y:auto;position:relative;width:100%;height:400px;margin-top:10px;border-top:1px solid #b8b8b8;background-color:#f0f0f0;}
.admin .confirmSet .userList .tab_cont.nonChk .table_wrap{height:427px;}
.admin .confirmSet .userList .tab_cont .table_wrap table{max-width:100%;}
.admin .confirmSet .userList .tab_cont .table_wrap table tbody tr:last-child td{border-bottom:1px solid #b8b8b8;}
.admin .confirmSet .userList .tab_cont .table_wrap table tbody td:last-child{text-align:center;}
.admin .confirmSet .userList .tab_cont .table_wrap table tbody td i{line-height:18px;opacity:0.5;}
.admin .confirmSet .userList .tab_cont .table_wrap table tbody td i:hover{opacity:1;}
.admin .confirmSet .userList .tab_cont .table_wrap .comment{position:absolute;left:10px;top:60px;z-index:1;color:#f00;}
/*	2019.10.14 김진명 체크박스 기본 빈칸으로 보이도록 수정	*/
.admin .confirmSet .userList .tab_cont .agreeChk{display:inline-block;line-height:22px;margin-top:5px;font-weight:700;color:#666;}
.admin .confirmSet .userList .tab_cont .agreeChk i{line-height:22px;}
.admin .confirmSet .userList .tab_cont input.agreeChkBox{display:none;}
.admin .confirmSet .userList .tab_cont label.agreeChk i.fas{display:none;}
.admin .confirmSet .userList .tab_cont input.agreeChkBox:checked + label.agreeChk i.fas{display:inline-block;}
.admin .confirmSet .userList .tab_cont input.agreeChkBox:checked + label.agreeChk i.far{display:none;}
/*	2019.10.14 김진명 체크박스 기본 빈칸으로 보이도록 수정	*/
.admin .confirmSet .alertMailSet{clear:both;padding-top:20px;}
.admin .confirmSet .alertMailSet .inpbox{display:inline-block;width:150px;margin:0 3px 0 7px;}
/* 예외 정책 신청 - 확인 */
.admin h3{position:relative;}
.admin h3 .comment{position:absolute;top:0;left:50%;margin-left:100px;font-size:14px;color:#f00;font-weight:400;}
.admin .nda_contract li{margin-bottom:3px;}
.admin .nda_contract li.blank{padding:3px 5px;margin-bottom:0;line-height:20px;}
.admin .nda_contract li a{display:block;min-width:200px;max-width:500px;padding:3px 5px;background-color:#fff;border:1px solid #1b4284;color:#1b4284;}
.admin .nda_contract li a:hover{text-decoration:none;font-weight:700;}
/*.admin.exception .complete_area .btn{margin:0 3px;}*/
.admin.exception .exception_list{height:74px;}
/* 예외 정책 강제등록 */
.admin.exception h3{margin-bottom:30px;}
/* 관리자 현황 - popup */
.adminDel .adminNm, .adminDel .reasonDel{overflow:hidden;}
.adminDel .adminNm{border-bottom:1px dotted #ccc;}
.adminDel .reasonDel{border-bottom:1px solid #ccc;}
.adminDel dt{float:left;position:relative;width:100px;padding:10px;font-weight:700;text-align:right;}
.adminDel dt::after{display:block;content:':';position:absolute;right:0;top:8px;}
.adminDel dd{float:left;width:300px;padding:10px;}
.adminDel dd textarea{height:100px;}
.adminDel .confirmArea{position:relative;padding:5px;}
.adminDel .confirmArea .btn_close{position:absolute;right:5px;top:5px;}
/* 관리자 현황 - 수정 */
.admin .adminEdit ul{width:700px;margin:0 auto 20px;}
.admin .adminEdit li{border:1px solid #aaa;border-bottom:0 none;}
.admin .adminEdit li:last-child{border-bottom:1px solid #aaa;}
.admin .adminEdit li dl{overflow:hidden;}
.admin .adminEdit dt{float:left;width:150px;padding:10px;background-color:#ccc;line-height:26px;}
.admin .adminEdit dd{float:left;position:relative;width:calc(100% - 150px);padding:10px;background-color:#fff;line-height:26px;}
.admin .adminEdit dd .inpbox{display:inline-block;width:300px;line-height:18px;}
.admin .adminEdit dd p{position:absolute;left:330px;top:10px;line-height:26px;color:#f00;}
.admin .adminEdit .btn_box{text-align:center;}
/* 관리 정보 */
.admin .setVer ul{min-width:1px;max-width:600px;padding-top:30px;margin:0 auto;}
.admin .setVer ul li{width:100%;margin-bottom:10px;background-color:#fff;border:1px solid #aaa;}
.admin .setVer ul li dl{display:table;width:100%;}
.admin .setVer ul li dt{display:table-cell;width:150px;padding:10px;text-align:center;background-color:#e5e5e5;line-height:22px;vertical-align:middle;}
.admin .setVer ul li dd{display:table-cell;padding:10px;line-height:22px;}
.admin .setVer ul li dd .ver{margin-bottom:10px;}
.admin .setVer ul li dd .inpbox{display:inline-block;width:250px;line-height:18px;}
.admin .setVer .lastver{position:relative;}
.admin .setVer .lastver span{position:absolute;right:0;top:0;}
.admin .setVer .lastver strong{color:#1458b6;}
.admin .setVer .brzFile{position:absolute;z-index:-1000;width:1px;height:1px;padding:0;margin:-1px;opacity:0;}
/* 2020-04-21 더원케이 STT */
/* DatePicker CSS */
#ui-datepicker-div select{margin:4px 3px 0 3px;background:url("../images/ico/ico_select_arr_black.png") right no-repeat;}
/* 2020-04-21 더원케이 END */



/* 검색조건영역 */
.searchArea{
	margin: 20px 0;
    background: #f2f8ff;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #dbdbdb;
}

.el-form.inline .el-form-item{
	display:inline-flex;
	vertical-align:middle;
	margin-right:40px;
}

.el-form-item__label{
	display: inline-flex;
    justify-content: flex-end;
    align-items: flex-start;
    flex: 0 0 auto;
    height: 32px;
    line-height: 32px;
    padding: 0 15px 0 0;
    box-sizing: border-box;
    align-items: center;
}
.el-form-item__label:before{
	content:'';
	display:inline-block;
	margin-right:5px;
	width:3px;
	height:3px;
	background:#466ffe;
}
.el-form-item__content{
	display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex: 1;
    font-size: 12px;
    min-width: 0;
}

.datepickerRange{
	display:flex;
	align-items:center;
}
.datepickerRange__start{
	width:85px;
}
.datepickerRange__end{
	width:85px;
}
.datepickerRange__tilde:after{
	content: '~';
	display: inline-block;
	margin: 0 5px;
}

.searchAreaBtn{
	margin: 10px 0 2px 0;
}
.searchAreaBtn.center{
	text-align:center;
}

.buttonArea{
	display:flex;
	width: 100%;
    justify-content: space-between;
    margin-bottom:10px;
}
.buttonArea__center{
	text-align:center;
}
.buttonArea.center{
	justify-content: center;
}
.buttonArea.margin{
	margin-top:20px;
}
.buttonArea__left{
	font-size: 0;
}
.buttonArea__right{
	font-size: 0;
}
.buttonArea__left .btn + .btn{
	margin-left:5px;
}
.buttonArea__right .btn + .btn{
	margin-left:5px;
}


.gridMoveButtonArea{
	text-align:center;
	margin:30px 0;
}



.gridHeight{
	height: 610px;
}
.gridHeight.topSearchGrid{
	height: 300px;
}


.emptyData{
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
}



.splitArea{
	/* display:flex; */
	width:100%;
}
.splitArea__left{
	float:left;
	width: 30%;
	margin-right:20px;
}
.splitArea__right{
	float:right;
	width:calc(70% - 20px);
}
.splitArea .treeScrollContent{
	width:100% !important;
}
.splitArea::after{
	display: block;
    content: '';
    clear: both;
}




.tapTitle{
	width:150px;
	padding:7px;
	font-size:15px;
	background-color:#fff;
	border-radius:5px 5px 0 0;
	border:1px solid #999;
	border-bottom:0 none;
	text-align:center;
}
.department.list .inner {
    overflow-y: auto;
    height: auto;
    padding: 5px;
    border: 1px solid #999;
    background-color: #fff;
}
.subTitleArea{
	margin-bottom: 5px;
}
.subTitleArea .subTitle{
	font-weight:500;
	display: flex;
    align-items: center;
}
.subTitleArea .subTitle::before{
	content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    background: #1458b6;
    margin-right: 5px;
}
.subTitleArea.marginTop{
	margin-top:20px;
}



.tableStyle {
	 width: 100%;
	 max-width: 100%;
	 margin-bottom: 0;
	 border: 1px solid #aaa;
	 border-collapse: collapse;
	 table-layout: fixed;
}
 .tableStyle tr > th, .tableStyle tr > td {
	 font-weight: 400;
	 border: 1px solid #aaa;
	 height: 33px;
	 word-break: break-all;
}
 .tableStyle tr > th {
	 padding: 10px;
	 min-width: 200px;
	 background: #e5e5e5;
}
 .tableStyle tr > td {
	 padding: 4px 9px;
}
 .tableStyle tr > td .td-wrap{
 	display:table;
 } 
.tableStyle tr > td .td-wrap .td-contents{
	display:table-cell;
	vertical-align:middle;
}

.tableStyle td::after, .tableStyle th::after{display:none;}
.tableStyle tr:hover td {background-color: #ffffff;}

.tableStyle tbody tr:nth-child(even) td {
    background-color: #ffffff;
}




.itemList{
	display:flex;
	align-items:center;
}
.itemList__item{
	line-height:1;
}
.itemList__item--icon{
	margin:0 5px;
}


.empasis{
	color: #ff5050;
	font-weight:bold;
}


.searchWrap{
	display:flex;
	align-items:center;
	justify-content: space-between;
}
.searchWrap__chkDepartment{
	margin-right:10px;
}


/* selectbox */
.selectStyle{
	 min-width:150px;
	 width:100%;
}