@charset "utf-8";
/* CSS Document */
@import url(notoSansKR.css);
/*공통속성*/
*{margin:0; padding:0;}
body{font-size:13px; font-family:'NotoSansKR Regular','맑은 고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,Helvetica,AppleGothic,sans-serif; color:#000000; overflow:hidden}
body::-webkit-scrollbar {
    width: 15px;  /* 스크롤바의 너비 */
}

body::-webkit-scrollbar-thumb {
    height: 30%; 
    background: #ccc; /* 스크롤바의 색상 */
    border-radius: 10px;
}

body::-webkit-scrollbar-track {
    background: rgba(33, 122, 244, .1);  /*스크롤바 뒷 배경 색상*/
}
ul, ol, li{list-style:none;}
a{outline:none;}
a{color:#000; text-decoration:none;}
img, fieldset{border:none;}
legend{width:0; height:0; display:none;}
caption{display:none;}
table{border-collapse: collapse;}
table td, th{white-space: nowrap;}
a{text-decoration:none;}
a:hover{color:#37342d; text-decoration:none;cursor:pointer}
input,textarea,select {border-radius:4px;}
button {border-radius:4px;}
input{font-size:13px;  font-family:'NotoSansKR Regular','맑은 고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,Helvetica,AppleGothic,sans-serif; color:#000000;border:1px solid #CCC;  height:23px;}
input[type=text] {border:1px solid #CCC;  position:relative;vertical-align:bottom;}
input[type=radio] {border:1px solid #dadada; width: 15px;height:20px; margin-top:3px}
input[type=checkbox] {border:1px solid #dadada;width: 15px;height:19px;}
input[type=month]{	
	position:relattive;
	width:110px;
	padding-right:10px;
	background:url(/images/common/btn_cal.png) no-repeat right 5px center / 16px auto;
}
input[type=month].readonly{	
	position:relattive;
	width:110px;
	padding-left:5px;	
	cursor:default;
	background:url(/images/common/btn_cal_off.png) no-repeat right 5px center / 16px auto;
	background-color:#f8f8f8;
	color: #000;
}
input[type=month].essential{	
	float:left;
	width:110px;
	padding-left:5px;	
	cursor:pointer;
	background:url(/images/common/btn_cal.png) no-repeat right 5px center / 16px auto;
	background-color:#fff4c8;
	color: #000;
}
input.number  { text-align:right; padding-right:5px; }

/*
input[type=date]::before{
	content:attr(data-placeholder);
	width:100%;
}
input[type=date]:valid::before{
	display:none;
}
input[data-placeholder]::before{
	color:#ccc;
	padding-left:16px;
}
*/
input[type=month]::-webkit-clear-button,
input[type=month]::-webkit-inner-spin-button{display:none;}
input[type=month]::-webkit-calendar-picker-indicator{
	position:relattive;
	left:95px;
	top:0;
	width:16px;
	height:100%;
	background:transparent;
	color:transparent;
	cursor:pointer;
}
input.number  { text-align:right; padding-right:5px; }
button {-webkit-appearance: none; -moz-appearance: none; appearance: none;   border: none; outline: none;  
  cursor: pointer; z-index:2;}
  
textarea {border:1px solid #dadada; margin:2px;resize: none }
select{font-size:13px;border: 1px solid #CCC;  height:23px; margin-right:2px;}
.essential {background:#fff4c8;}
.readonly  { background:#f8f8f8 ; color: #000;  }
.disabled  { background:#f8f8f8 ; color: #000; pointer-events: none; }

@media screen and (-webkit-min-device-pixel-ratio:0){
	input:focus{border:1px solid #D2691E; outline:none;}
	select:focus {border: solid 1px #D2691E; outline:none;}
	textarea:focus {border: solid 1px #D2691E; outline:none;}
}
input:focus, select:focus,  textarea:focus {border: solid 2px #D2691E ;}
td div:focus-within:not(.upload):not(.upload *):not(:has(.fileTable)) {border: solid 2px #D2691E ; box-sizing: border-box;}

/*
input[type="checkbox"] {
  display: none;
}
*/

.date, .dateYear, .dateMonth{
	position:relattive;
	padding-left:5px;	
	background:url(/images/common/btn_cal.png) no-repeat right 5px center / 16px auto;
	background-color:#fff;
	cursor:pointer;
}
.date {
	width:110px;
}

.dateYear{
	width:70px;
}
.dateMonth{
	width:90px;
}
.date.essential, .dateYear.essential, .dateMonth.essential {
	position:relattive;
	width:110px;
	padding-left:5px;	
	cursor:pointer;
	background:url(/images/common/btn_cal.png) no-repeat right 5px center / 16px auto;
	background-color:#fff4c8;
}
.date.essential, .dateYear.essential, .dateMonth.essential {
	position:relattive;
	width:110px;
	padding-left:5px;	
	cursor:pointer;
	background:url(/images/common/btn_cal.png) no-repeat right 5px center / 16px auto;
	background-color:#fff4c8;
}

select.readonly {
	pointer-events: none;
}

.date.readonly,.dateYear.readonly,.dateMonth.readonly {
	position:relattive;
	width:110px;
	padding-left:5px;	
	cursor:default;
	background:url(/images/common/btn_cal_off.png) no-repeat right 5px center / 16px auto;
	background-color:#f8f8f8;
	color: #000;
}

.date.disabled,.dateYear.disabled,.dateMonth.disabled {
	position:relattive;
	padding-left:5px;	
	cursor:pointer;
	background:url(/images/common/btn_cal_off.png) no-repeat right 5px center / 16px auto;
	background-color:#f8f8f8;
	color: #000;
}

.date_p {
	display:inline-block;
	position:relative;
	margin:0px 4px;	
}

.switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 25px;
  margin-top:-8px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 12px;
  width: 12px;
  left: 4px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(12px);
  -ms-transform: translateX(12px);
  transform: translateX(12px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

/*공통속성 END*/

#tf_top {width:100%;height: 50px;}
.st_logo {padding:0px 20px; height:50px; float:left;}
.s_left_on {float:left; width:60px;}
.st_board {float:left; border-bottom:1px solid #dadada; width:99vw;  min-width:1040px; position:absolute; padding-left:5px}
/*
.st_board::before {
	position:absolute;
	width: 60px;
	height: 100%;
	top:0px;
	left:0px;
	content: '';
	background-image: url('/images/common/left_01.png');
	background-size: cover;
	background-position: center;
	border-bottom: 1px solid transparent;
}
*/
.st_menu {float:left; width:calc(100vw - 60px); min-width:calc(100% - 60px)}
.st_menu img {float:left;}
.st_menu ul {float:left; line-height: 50px; position: absolute; margin-left: 230px; letter-spacing:-0.09em;background:#fff;}
.st_menu li {
	width: 90px;
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	color: #595959;
	float: left;
	-webkit-user-select:none; 
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	cursor: pointer;
}
.st_menu li a.topMenu_on{
	font-size: 17px;
	color: red;
	font-weight: 800;
}

.s_setting {float:right;  line-height:50px;}
.s_setting p {font-size:13px;  color:#595959; line-height:50px; float:left;}
.s_set_img {float:left; display:block; background:#fff; border:1px solid #dadada; width:30px; height:30px; border-radius:30px; margin-top:10px; margin-left: 5px; overflow:hidden; margin-right:10px;}

.s_left_bg { float:left; }
.s_left_icon {height:100vh;float:left; width:60px; position:relative; margin-top:50px; background:#1b68b6;}
.sl_menu {float:left; height:100%; ;width:200px; border-right:1px solid #dadada; position:relative;  margin-top:50px;}
.sl_t_icon {height: 25px; background:#f1f6fb; width:100%;}
.sl_t_icon img {float:left; padding:5px 3px;}
.sl_t_icon p {font-size:12px; font-weight:600; color:#595959; float:left; padding:3px 5px;}
.sl_t_icon input{width:13px; height:13px; border:1px solid #dadada; margin:5px 3px;}

.sl_tab {clear:both; height:30px; border-bottom:1px solid #dadada;}
.sl_tab_on {width: 98px; line-height: 29px; text-align:center;  font-size:13px; font-weight:600; color:#164b87;  border-bottom:2px solid #164b87; float:left;}
.sl_tab_off {width:98px; line-height: 30px; text-align:center;  font-size:13px; font-weight:600; color:#888; float:left;}

.sl_list {clear:both; }
.sl_title {display:block; width: 181px; height: 27px; margin: 4px; border-bottom:2px solid #595959; padding-top:5px; }
.sl_title input {width:13px; height:13px; border:1px solid #dadada; margin:5px 3px; float:right;}
.sl_title img {float:right; margin-left:1px; }
.sl_p_check {font-size:12px; font-weight:600; color:#595959; float:right; padding:3px 5px;}
.sl_dep01 {float:left; text-align:left; padding-left: 10px; font-size: 16px; font-weight:600; color:#093ca4;}
.sl_list ul {margin:10px 0px 15px 0px;}

.sl_2dep_close {margin:0px 0px 0px 0px;; background:url(../images/index/left_2close.png)left no-repeat; padding-left:10px; font-size:13px;  height: 30px; line-height:30px; font-size: 13px;  color:#fff; background:#106ebe;border-bottom:1px solid #fff;}
.sl_2dep_open {margin:0px 0px 0px 0px;; background:url(../images/index/left_2open.png)left no-repeat; padding-left:10px; font-size:13px; height: 30px; line-height:30px; font-size: 13px;  color:#fff; background:#106ebe;border-bottom:1px solid #fff;}
.sl_2dep_open a ,.sl_2dep_close a{color:#fff;}
.sl_2dep_on a {color:yellow !important; }

.sl_3dep_on {margin-top:5px; padding-left:5px; font-size:14px; color: #666; margin-bottom:5px; border-bottom:1px solid #dadada; line-height: 30px;}
.sl_3dep_on img {float:right; margin-right:5px; margin-top:10px;}

.sl_dep_close {margin:3px 0px 3px 3px;; background:url(../images/index/close.png)left no-repeat; padding-left:15px; font-size:13px;}
.sl_dep_open {margin:3px 0px 3px 3px;; background:url(../images/index/open.png)left no-repeat; padding-left:15px; font-size:13px;}
.sl_dep_on a {color:red !important; font-weight:bold;}

.sl_page_off {margin:3px 0px 3px 3px;; background:url(../images/index/page.png)left no-repeat; padding-left:15px; font-size:13px;}
.dep_end {margin-bottom: 5px !important;}
.sl_search { border:1px solid #dadada; background:#f1f6fb; margin: 5px; height: 27px; padding-left: 15px;}
.search_img {position:absolute; margin:7px 0px 0px -30px;}

#s_board {position:relative; height:900px; width:99vw;}
.s_board_t {height:35px; }	
.sl_leftToggle {float:left;}
.tf_navi {float:right; height: 20px; line-height:20px; }
.tf_navi img {float:left; padding:5px;}
.tf_navi p {float:left;font-size: 13px;color:#000;}

.tf_tab { height: 30px; margin-left: 200px;border-bottom:1px solid #dadada; min-width:600px; position: absolute; top:51px; right: 0px; left: 0px;}
.tf_tab_o { height: 30px; border-bottom:1px solid #dadada; margin-top:-1px; min-width:1040px; }
.tf_tab02 {float:left;; height: 29px;width: 100%; border-bottom:1px solid #aaa; margin-bottom:5px; border-right:1px solid #fff; min-width:535px; }

.tf_home{float:left;}
.tf_tab_li {float:left;}
.tf_tab_li img {float:right; margin:5px;}
.tf_tab_on {width:135px; height: 22px; line-height:24px; background:#008ad4; display:block;margin-right:1px; padding: 3px 5px 3px 8px;; font-size: 13px;  color:#fff; float:left;border-top-left-radius:5px; border-top-right-radius:5px; border:1px solid #008ad4;}
.tf_tab_off {width:135px; height: 22px; line-height:24px; background:#f3f3f3; display:block;margin-right:1px; padding: 3px 5px 3px 8px;; font-size: 13px; color:#000; float:left;border-top-left-radius:5px; border-top-right-radius:5px; border:1px solid #dadada;}
.tf_tab_icon {float:right; margin-top:4px;}
.tf_tab_icon img {float:left; padding: 0px 5px;}

.container {margin-left: 260px; min-width:1040px;height:100%;}
.container_o { min-width:1040px;}
.left_area { float:left; padding:0px 0px 0px 0px;}

.contents{height:100%;}

.title_area { height:30px; padding:5px 15px 0px 15px;}
.title {background:url(../images/bul/bullet_icon01.png)left no-repeat; padding-left:20px; font-size:18px; font-weight:600; color:#595959; float:left; line-height:17px; float:left;}

.search_area {padding:0px 15px 0px 15px;}
.search {width:100%; background:#f0f2f8; border:1px solid #ccc;border-radius:5px; table-layout: fixed;}
.search tr {height: 30px; }
.search tr:first-child, .search tr:last-child {height:33px}
.search tr:first-child td, .search tr:first-child th {
	padding-top:3px;
}
.search tr:last-child td, .search tr:last-child th {
	padding-bottom:3px;
}

.search th {text-align:left; padding-left: 10px; font-size: 13px; font-weight:600; color: #666; background:#f0f2f8;}
.search th::before {content: url( "../images/common/bul_Item01_off.png" ); vertical-align:middle;}
.search th.essential {color:#404958; font-weight:600; padding-left: 10px; color:red;  }
.search th.essential::before {content: url( "../images/common/bul_Item01.png" ); color:red; vertical-align:middle;}
.search td{ font-size: 13px; text-align:left}
.search td span{ margin-left:5px;margin-right:5px;margin-top:10px;vertical-align: super;}

.subtitle_01 {border:0px; height:25px;}
.subtitle_01_text {float:left; line-height: 25px;  font-size:15px; font-weight:600; color:#5d94d0; padding-left:0px; border-left: 1px solid #fff;}
.subtitle_01_text_essential{float:left; line-height: 25px;  font-size:15px; font-weight:600; color:#5d94d0; border-left: 1px solid #fff;padding-left:20px; background:url(/images/bul/bul_item01.png)left no-repeat; left:5px}
.subtitle_01_text span {color:#888;}
.subtitle_01_text_essential span {color:#888;}
.subtitle_01 img {vertical-align:middle;}
.subtitle_txt {float:right;}
.subtitle_txt_left {float:left;margin-left:10px}
.subtitle_txt p, .subtitle_txt_left p {display:block;font-size:13px; color:#ff8383; margin-top:3px;}

.subtitle_02 {border:0px;}
.subtitle_02_text {border:0px;font-size:15px;font-weight:600;color:#5d94d0;line-height: 25px; border-left: 1px solid #fff;}
.subtitle_02_text span {color:#888;}
.subtitle_02 img {vertical-align:middle;}
	
.grid_area {padding:0px 15px 30px 15px;}
.grid {float:left;}

.right_area {width:-webkit-fill-available; }
.tab_box { margin-bottom:20px;  margin-left:15px; margin-right:15px; }
.tab {float:left;; height: 29px;width: 100%; border-bottom:1px solid #aaa; margin-bottom:5px; border-right:1px solid #fff;}
.tab_on { height: 24px; line-height:24px; background:#006dc2; display:block; padding: 3px 15px 3px 15px;; font-size: 13px; color:#fff; float:left; /*border:1px solid #164b87;*/ text-align:center; cursor:pointer;}
.tab_off { height: 22px; line-height:22px; background:#f3f3f3; border:1px solid #dadada; display:block; padding: 3px 15px 3px 15px;; font-size: 13px; color:#000; float:left;border:1px solid #dadada;  text-align:center; cursor:pointer;}

.tabpage_box {
	border-left:1px solid #dadada;
	border-right:1px solid #dadada;
	border-bottom:1px solid #dadada;
}
.main_area {margin-top:10px; padding:0px 15px 10px 15px;}
.main {width:100%; border-top:2px solid #ccc; border-bottom:1px solid #dadada; table-layout: fixed;}
.main tr {height: 30px; border-bottom:1px solid #dadada;}
.main th {text-align:left; padding-left: 20px; font-size: 13px; font-weight:600; color: #595959;background:#f1f1f1;}
.main th.essential{font-weight:600; color:#3f4459; text-align:left; padding-left:20px; background:url(/images/bul/bul_item01.png)left no-repeat #f1f1f1; left:5px }
.main td {padding-left:3px;font-size: 13px; white-space: normal !important; word-wrap: break-word;}
.main td span{ margin-left:5px;margin-right:5px;margin-top:10px;vertical-align:top;}

.main1 {width:100%; padding:10px; border:1px solid #dadada;  }
.main1 tr {height: 30px; }
.main1 th {text-align:center; font-size: 13px; font-weight:600; color: #595959;  border:1px solid #dadada;background:#f6f8f9;}
.main1 td {text-align:center !important; font-size: 13px;padding:3px; border:1px solid #dadada;}
.main1 .header {background:#f4f9fd;font-size: 13px; font-weight:600; }

.list {width: 100%; border-top:2px solid #c9d1e9; border-bottom:1px solid #dadada; text-align: center;}
.list tr:nth-child(even) {background:#f9f9f9;}
.list tr:nth-child(odd) {background:#fff;}
.list tr {height: 25px; background:#f4f9fd; border: 1px solid #dadada;}
.list th {font-size: 13px; font-weight:600; color: #333; background:#f4f4f4;border-right:1px solid #dadada;}
.list td {table-layout:fixed;font-size: 13px; color: #333; border-right:1px solid #dadada; text-align:center;padding:3px}
.list td:last-child {border-right:none !important;}
.list th.essential {color:red; background:url(/images/common/point.png)left top no-repeat;}

.modal {
       display: none;
       z-index: 10001;
/*         top: 50%;
        left: 50%; */
      background-color: #fefefe;
      padding-top: 15px;
      border: 1px solid #888;
      border-radius: 8px;
      box-shadow: 0 4px 8px rgba(0,0,0,0.2), 0 6px 20px rgba(0,0,0,0.2);
  }
  
 .modal-header {
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding-bottom: 10px;
     border-bottom: 1px solid #ddd;
     cursor: move; /* 드래그 핸들로 사용할 부분에 커서를 설정합니다. */
 }
 
 .modal-header h2 {
     margin: 0;
     font-size: 20px;
 }
 
 .modal-content {
     padding: 15px;
 }
 
 .modal-close {
     color: #aaa;
     float: right;
     font-size: 28px;
     font-weight: bold;
     cursor: pointer;
 }
 
 .modal-close:hover,
 .modal-close:focus {
     color: black;
     text-decoration: none;
     cursor: pointer;
 }
    
/* 버튼 그레이 */
.btn_box {float:right; margin:0px}
.btn_box2 {float:right; display:inline-flex;}
.btn_box2 p {margin: 0px 5px; line-height:20px;}
.btn_box2 p::before {content:'▶'; font-size: 9px; font-weight:600; color:#48638e; padding-right:5px; vertical-align:middle; border-radius:5px;}
.btn_box2 input {vertical-align:sub; margin-top:1px;}
.btn_box2 span {margin: 0px 5px; line-height:20px;}



.btn_searchPop {background:url(../images/common/btn_main_search.png)left no-repeat; vertical-align:bottom; width:23px; height:23px; cursor:pointer;  margin:0px 0px;}
.btn_prev {background:url(../images/common/btn_prev.png)left no-repeat; vertical-align:bottom; width:23px; height:23px; cursor:pointer;  margin:0px 0px;}
.btn_next {background:url(../images/common/btn_next.png)left no-repeat; vertical-align:bottom; width:23px; height:23px; cursor:pointer;  margin:0px 0px;}
.btn_first {background:url(../images/common/btn_first.png)left no-repeat; vertical-align:bottom; width:23px; height:23px; cursor:pointer;  margin:0px 0px;}
.btn_last {background:url(../images/common/btn_last.png)left no-repeat; vertical-align:bottom; width:23px; height:23px; cursor:pointer;  margin:0px 0px;}
.btn_treeexp {background:url(../images/common/btn_treeexp.png) no-repeat; vertical-align:bottom; width:21px; height:17px; cursor:pointer;  margin:0px 0px;}
.btn_treecoll {background:url(../images/common/btn_treecoll.png) no-repeat; vertical-align:bottom; width:21px; height:17px; cursor:pointer;  margin:0px 0px;}
.btn_shelp {background:url(../images/button/btn_title_help01.png) no-repeat; vertical-align:bottom; width:21px; height:21px; cursor:pointer;  margin:1px 3px;}

.btn_excel_up {display:block; padding: 0px 8px; height:23px; border:1px solid #888; text-align:center; font-size:13px; font-weight:600; color:#595959; float:left; margin-left: 2px;cursor:pointer; background:#fff;}
.btn_excel_up p { display: flex; align-items: center;}
.btn_excel_up p::before {content: url( "../images/common/btn_excel_up.png" ); margin-right:2px; vertical-align:sub;}

.btn_excel_dn {display:block; padding: 0px 8px; height:23px; border:1px solid #888; text-align:center; font-size:13px; font-weight:600; color:#595959; float:left; margin-left: 2px;cursor:pointer; background:#fff;}
.btn_excel_dn p { display: flex; align-items: center;}
.btn_excel_dn p::before {content: url( "../images/common/btn_excel_dn.png" ); margin-right:2px; vertical-align:sub;}

.btn_save {display:block; padding: 0px 8px; height:23px; border:1px solid #888; border-radius: 5px; text-align:center; font-size:13px; font-weight:600; color:#595959; float:left; margin-left: 2px;cursor:pointer; background:#fff; }
.btn_save p { display: flex; align-items: center;}
.btn_save p::before {content: url( "../images/common/btn_save.png" ); margin-right:2px; vertical-align:sub;}

.btn_window {display:block; padding: 0px 8px; height:23px; border:1px solid #888; text-align:center; font-size:13px; font-weight:600; color:#595959; float:left; margin-left: 2px;cursor:pointer; background:#fff; }
.btn_window p { display: flex; align-items: center;}
.btn_window p::before {content: url( "../images/common/btn_window.png" ); margin-right:2px; vertical-align:sub;}

.btn_delete {display:block; padding: 0px 8px; height:23px; border:1px solid #888; text-align:center; font-size:13px; font-weight:600; color:#595959; float:left; margin-left: 2px;cursor:pointer; background:#fff;}
.btn_delete p { display: flex; align-items: center;}
.btn_delete p::before {content: url( "../images/common/btn_delete.png" ); margin-right:2px; vertical-align:sub;}

.btn_cancel {display:block; padding: 0px 8px; height:23px; border:1px solid #888; text-align:center; font-size:13px; font-weight:600; color:#595959; float:left; margin-left: 2px;cursor:pointer; background:#fff;}
.btn_cancel p { display: flex; align-items: center;}
.btn_cancel p::before {content: url( "../images/common/btn_cancel.png" ); margin-right:2px; vertical-align:sub;}

.btn_list {display:block; padding: 0px 8px; height:23px; border:1px solid #888; text-align:center; font-size:13px; font-weight:600; color:#595959; float:left; margin-left: 2px;cursor:pointer; background:#fff;}
.btn_list p { display: flex; align-items: center;}
.btn_list p::before {content: url( "../images/common/btn_list.png" ); margin-right:2px; vertical-align:sub;}

.btn_registration {display:block; padding: 0px 8px; height:23px; border:1px solid #888; text-align:center; font-size:13px; font-weight:600; color:#595959; float:left; margin-left: 2px;cursor:pointer; background:#fff;}
.btn_registration p { display: flex; align-items: center;}
.btn_registration p::before {content: url( "../images/common/btn_registration.png" ); margin-right:2px; vertical-align:sub;}

.btn_approbation {display:block; padding: 0px 8px; height:23px; border:1px solid #888; text-align:center; font-size:13px; font-weight:600; color:#595959; float:left; margin-left: 2px;cursor:pointer; background:#fff;}
.btn_approbation p { display: flex; align-items: center;}
.btn_approbation p::before {content: url( "../images/common/btn_approbation.png" ); margin-right:2px; vertical-align:sub;}

.btn_select {display:block; padding: 0px 8px; height:23px; border:1px solid #888; text-align:center; font-size:13px; font-weight:600; color:#595959; float:left; margin-left: 2px;cursor:pointer; background:#fff;}
.btn_select p { display: flex; align-items: center;}
.btn_select p::before {content: url( "../images/common/btn_select.png" ); margin-right:2px; vertical-align:sub;}

.btn_print {display:block; padding: 0px 8px; height:23px; border:1px solid #888; text-align:center; font-size:13px; font-weight:600; color:#595959; float:left; margin-left: 2px;cursor:pointer; background:#fff;}
.btn_print p { display: flex; align-items: center;}
.btn_print p::before {content: url( "../images/common/btn_print.png" ); margin-right:2px; vertical-align:sub;}

.btn_mail {display:block; padding: 0px 8px; height:23px; border:1px solid #888; text-align:center; font-size:13px; font-weight:600; color:#595959; float:left; margin-left: 2px;cursor:pointer; background:#fff;}
.btn_mail p { display: flex; align-items: center;}
.btn_mail p::before {content: url( "../images/common/btn_mail.png" ); margin-right:2px; vertical-align:sub;}

.btn_sms {display:block; padding: 0px 8px; height:23px; border:1px solid #888; text-align:center; font-size:13px; font-weight:600; color:#595959; float:left; margin-left: 2px;cursor:pointer; background:#fff;}
.btn_sms p { display: flex; align-items: center;}
.btn_sms p::before {content: url( "../images/common/btn_sms.png" ); margin-right:2px; vertical-align:sub;}

.btn_help {display:block; padding: 0px 8px; height:23px; border:1px solid #888; text-align:center; font-size:13px; font-weight:600; color:#595959; float:left; margin-left: 2px;cursor:pointer; background:#fff;}
.btn_help p { display: flex; align-items: center;}
.btn_help p::before {content: url( "../images/common/btn_help.png" ); margin-right:2px; vertical-align:sub;}

.btn_close {display:block; padding: 0px 8px; height:23px; border:1px solid #888; text-align:center; font-size:13px; font-weight:600; color:#595959; float:left; margin-left: 2px;cursor:pointer; background:#fff;}
.btn_close p { display: flex; align-items: center;}
.btn_close p::before {content: url( "../images/common/btn_close.png" ); margin-right:2px; vertical-align:sub;}

.btn_approval {display:block; padding: 0px 8px; height:23px; border:1px solid #888; text-align:center; font-size:13px; font-weight:600; color:#595959; float:left; margin-left: 2px;cursor:pointer; background:#fff;}
.btn_approval p { display: flex; align-items: center;}
.btn_approval p::before {content: url( "../images/common/btn_approval.png" ); margin-right:2px; vertical-align:sub;}

.btn_reject {display:block; padding: 0px 8px; height:23px; border:1px solid #888; text-align:center; font-size:13px; font-weight:600; color:#595959; float:left; margin-left: 2px;cursor:pointer; background:#fff;}
.btn_reject p { display: flex; align-items: center;}
.btn_reject p::before {content: url( "../images/common/btn_reject.png" ); margin-right:2px; vertical-align:sub;}

.btn_close {display:block; padding: 0px 8px; height:23px; border:1px solid #888; text-align:center; font-size:13px; font-weight:600; color:#595959; float:left; margin-left: 2px;cursor:pointer; background:#fff;}
.btn_close p { display: flex; align-items: center;}
.btn_close p::before {content: url( "../images/common/btn_close.png" ); margin-right:2px; vertical-align:sub;}

.btn_search {display:block; padding: 0px 8px; height:23px; border:1px solid #888; text-align:center; font-size:13px; font-weight:600; color:#595959; float:left; margin-left: 2px;cursor:pointer; background:#fff;}
.btn_search p { display: flex; align-items: center;}
.btn_search p::before {content: url( "../images/common/btn_search.png" ); margin-right:2px; vertical-align:sub;}

.btn_modify {display:block; padding: 0px 8px; height:23px; border:1px solid #888; text-align:center; font-size:13px; font-weight:600; color:#595959; float:left; margin-left: 2px;cursor:pointer; background:#fff;}
.btn_modify p { display: flex; align-items: center;}
.btn_modify p::before {content: url( "../images/common/btn_modify.png" ); margin-right:2px; vertical-align:sub;}

.btn_submit {display:block; padding: 0px 8px; height:23px; border:1px solid #888; text-align:center; font-size:13px; font-weight:600; color:#595959; float:left; margin-left: 2px;cursor:pointer; background:#fff;}
.btn_submit p { display: flex; align-items: center;}
.btn_submit p::before {content: url( "../images/common/btn_submit.png" ); margin-right:2px; vertical-align:sub;}

.btn_up {display:block; padding: 0px 8px; height:23px; border:1px solid #888; text-align:center; font-size:13px; font-weight:600; color:#595959; float:left; margin-left: 2px;cursor:pointer; background:#fff;}
.btn_up p { display: flex; align-items: center;}
.btn_up p::before {content: url( "../images/common/btn_up.png" ); margin-right:2px; vertical-align:sub;}

.btn_down {display:block; padding: 0px 8px; height:23px; border:1px solid #888; text-align:center; font-size:13px; font-weight:600; color:#595959; float:left; margin-left: 2px;cursor:pointer; background:#fff;}
.btn_down p { display: flex; align-items: center;}
.btn_down p::before {content: url( "../images/common/btn_down.png" ); margin-right:2px; vertical-align:sub;}

.btn_common {display:block; padding: 0px 8px; height:23px; border:1px solid #888; text-align:center; font-size:13px; font-weight:600; color:#595959; float:left; margin-left: 2px;cursor:pointer; background:#fff;}
.btn_common p { display: flex; align-items: center;}
.btn_common p::before {content: url( "../images/common/btn_common.png" ); margin-right:2px; vertical-align:sub;}

.btn_row_delete {display:block; padding: 0px 8px; height:23px; border:1px solid #888; text-align:center; font-size:13px; font-weight:600; color:#595959; float:left; margin-left: 2px;cursor:pointer; background:#fff;}
.btn_row_delete p { display: flex; align-items: center;}
.btn_row_delete p::before {content: url( "../images/common/btn_row_delete.png" ); margin-right:2px; vertical-align:sub;}

.btn_row_add {display:block; padding: 0px 8px; height:23px; border:1px solid #888; text-align:center; font-size:13px; font-weight:600; color:#595959; float:left; margin-left: 2px;cursor:pointer; background:#fff;}
.btn_row_add p { display: flex; align-items: center;}
.btn_row_add p::before {content: url( "../images/common/btn_row_add.png" ); margin-right:2px; vertical-align:sub;}

.btn_row_insert {display:block; padding: 0px 8px; height:23px; border:1px solid #888; text-align:center; font-size:13px; font-weight:600; color:#595959; float:left; margin-left: 2px;cursor:pointer; background:#fff;}
.btn_row_insert p { display: flex; align-items: center;}
.btn_row_insert p::before {content: url( "../images/common/btn_row_insert.png" ); margin-right:4px; vertical-align:sub;}


.btn_arr_down {display:block; padding: 0px 3px; height:23px; border:1px solid #888; text-align:center; font-size:13px; font-weight:600; color:#595959; float:left; margin-left: 2px; cursor:pointer; background:#fff;}
.btn_arr_down p { display: flex; align-items: center;}
.btn_arr_down p::before {content: url( "../images/common/arr_down.png" ); margin-left:4px; vertical-align:sub;}

.btn_arr_up {display:block; padding: 0px 3px; height:23px; border:1px solid #888; text-align:center; font-size:13px; font-weight:600; color:#595959; float:left; margin-left: 2px;cursor:pointer; background:#fff;}
.btn_arr_up p { display: flex; align-items: center;}
.btn_arr_up p::before {content: url( "../images/common/arr_up.png" ); margin-left:4px; vertical-align:sub;}

.btn_arr_left {display:block; padding: 0px 3px; height:23px; border:1px solid #888; text-align:center; font-size:13px; font-weight:600; color:#595959; float:left; margin-left: 2px; cursor:pointer; background:#fff;}
.btn_arr_left p { display: flex; align-items: center;}
.btn_arr_left p::before {content: url( "../images/common/arr_left.png" ); margin-left:4px; vertical-align:sub;}

.btn_arr_right {display:block; padding: 0px 3px; height:23px; border:1px solid #888; text-align:center; font-size:13px; font-weight:600; color:#595959; float:left; margin-left: 2px; cursor:pointer; background:#fff;}
.btn_arr_right p { display: flex; align-items: center;}
.btn_arr_right p::before {content: url( "../images/common/arr_right.png" ); margin-left:4px; vertical-align:sub;}

.btn_arr_down_txt {display:block; padding: 0px 8px; height:23px; border:1px solid #888; text-align:center; font-size:13px; font-weight:600; color:#595959; float:left; margin-left: 2px; cursor:pointer; background:#fff;}
.btn_arr_down_txt p { display: flex; align-items: center;}
.btn_arr_down_txt p::before {content: url( "../images/common/arr_down.png" ); margin-right:2px; vertical-align:sub;}

.btn_arr_up_txt {display:block; padding: 0px 8px; height:23px; border:1px solid #888; text-align:center; font-size:13px; font-weight:600; color:#595959; float:left; margin-left: 2px;cursor:pointer; background:#fff;}
.btn_arr_up_txt p { display: flex; align-items: center;}
.btn_arr_up_txt p::before {content: url( "../images/common/arr_up.png" ); margin-right:2px; vertical-align:sub;}

.btn_arr_left_txt {display:block; padding: 0px 8px;; height:23px; border:1px solid #888; text-align:center; font-size:13px; font-weight:600; color:#595959; float:left; margin-left: 2px; cursor:pointer; background:#fff;}
.btn_arr_left_txt p { display: flex; align-items: center;}
.btn_arr_left_txt p::before {content: url( "../images/common/arr_left.png" ); margin-right:2px; vertical-align:sub;}

.btn_arr_right_txt {display:block; padding: 0px 8px; height:23px; border:1px solid #888; text-align:center; font-size:13px; font-weight:600; color:#595959; float:left; margin-left: 2px; cursor:pointer; background:#fff;}
.btn_arr_right_txt p { display: flex; align-items: center;}
.btn_arr_right_txt p::before {content: url( "../images/common/arr_right.png" ); margin-right:2px; vertical-align:sub;}

.btn_module {display:block; padding: 0px 8px; height:23px; border:1px solid #888; text-align:center; font-size:13px; font-weight:600; color:#595959; float:left; margin-left: 2px; cursor:pointer; background:#fff;}
.btn_module p { display: flex; align-items: center;}
.btn_module p::before {content: url( "../images/common/btn_module.png" ); margin-right:2px; vertical-align:sub;}

.btn_smallModule {display:block; padding: 0px 8px; height:18px; border:1px solid #888; text-align:center; font-size:12px; font-weight:600; color:#595959; float:left; margin-left: 2px; line-height: 18px; cursor:pointer; background:#fff;}
.btn_smallModule p { display: flex; align-items: center;}
.btn_smallModule p::before {margin-right:2px; vertical-align:sub;}

s
/* 버튼 on */

.btn_excel_up:hover{display:block; height:23px; border:1px solid #1b68b6; text-align:center; font-size:13px; font-weight:600; color:#1b68b6; float:left; margin-left: 2px;cursor:pointer; background:#fff;}
.btn_excel_up:hover p { display: flex; align-items: center;}
.btn_excel_up:hover p::before{content: url( "../images/common/btn_excel_up_on.png" ); margin-right:2px; vertical-align:sub;}

.btn_excel_dn:hover{display:block; height:23px; border:1px solid #1b68b6; text-align:center; font-size:13px; font-weight:600; color:#1b68b6; float:left; margin-left: 2px;cursor:pointer; background:#fff;}
.btn_excel_dn:hover p { display: flex; align-items: center;}
.btn_excel_dn:hover p::before{content: url( "../images/common/btn_excel_dn_on.png" ); margin-right:2px; vertical-align:sub;}

.btn_save:hover {display:block; height:23px; border:1px solid #1b68b6; text-align:center; font-size:13px; font-weight:600; color:#1b68b6; float:left; cursor:pointer; background:#fff;}
.btn_save:hover p { display: flex; align-items: center;}
.btn_save:hover p::before {content: url( "../images/common/btn_save_on.png" ); margin-right:2px; vertical-align:sub;}

.btn_window:hover {display:block; height:23px; border:1px solid #1b68b6; text-align:center; font-size:13px; font-weight:600; color:#1b68b6; float:left; margin-left: 2px;cursor:pointer; background:#fff;}
.btn_window:hover p { display: flex; align-items: center;}
.btn_window:hover p::before {content: url( "../images/common/btn_window_on.png" ); margin-right:2px; vertical-align:sub;}

.btn_delete:hover{display:block; height:23px; border:1px solid #1b68b6; text-align:center; font-size:13px; font-weight:600; color:#1b68b6; float:left; margin-left: 2px;cursor:pointer; background:#fff;}
.btn_delete:hover p { display: flex; align-items: center;}
.btn_delete:hover p::before {content: url( "../images/common/btn_delete_on.png" ); margin-right:2px; vertical-align:sub;}

.btn_cancel:hover{display:block; height:23px; border:1px solid #1b68b6; text-align:center; font-size:13px; font-weight:600; color:#1b68b6; float:left; margin-left: 2px;cursor:pointer; background:#fff;}
.btn_cancel:hover p { display: flex; align-items: center;}
.btn_cancel:hover p::before {content: url( "../images/common/btn_cancel_on.png" ); margin-right:2px; vertical-align:sub;}

.btn_list:hover{display:block; height:23px; border:1px solid #1b68b6; text-align:center; font-size:13px; font-weight:600; color:#1b68b6; float:left; margin-left: 2px;cursor:pointer; background:#fff;}
.btn_list:hover p { display: flex; align-items: center;}
.btn_list:hover p::before {content: url( "../images/common/btn_list_on.png" ); margin-right:2px; vertical-align:sub;}

.btn_registration:hover{display:block; height:23px; border:1px solid #1b68b6; text-align:center; font-size:13px; font-weight:600; color:#1b68b6; float:left; margin-left: 2px;cursor:pointer; background:#fff;}
.btn_registration:hover p { display: flex; align-items: center;}
.btn_registration:hover p::before {content: url( "../images/common/btn_registration_on.png" ); margin-right:2px; vertical-align:sub;}

.btn_approbation:hover{display:block; height:23px; border:1px solid #1b68b6; text-align:center; font-size:13px; font-weight:600; color:#1b68b6; float:left; margin-left: 2px;cursor:pointer; background:#fff;}
.btn_approbation:hover p { display: flex; align-items: center;}
.btn_approbation:hover p::before {content: url( "../images/common/btn_approbation_on.png" ); margin-right:2px; vertical-align:sub;}

.btn_select:hover{display:block; height:23px; border:1px solid #1b68b6; text-align:center; font-size:13px; font-weight:600; color:#1b68b6; float:left; margin-left: 2px;cursor:pointer; background:#fff;}
.btn_select:hover p { display: flex; align-items: center;}
.btn_select:hover p::before {content: url( "../images/common/btn_select_on.png" ); margin-right:2px; vertical-align:sub;}

.btn_print:hover{display:block; height:23px; border:1px solid #1b68b6; text-align:center; font-size:13px; font-weight:600; color:#1b68b6; float:left; margin-left: 2px;cursor:pointer; background:#fff;}
.btn_print:hover p { display: flex; align-items: center;}
.btn_print:hover p::before {content: url( "../images/common/btn_print_on.png" ); margin-right:2px; vertical-align:sub;}

.btn_mail:hover{display:block; height:23px; border:1px solid #1b68b6; text-align:center; font-size:13px; font-weight:600; color:#1b68b6; float:left; margin-left: 2px;cursor:pointer; background:#fff;}
.btn_mail:hover p { display: flex; align-items: center;}
.btn_mail:hover p::before {content: url( "../images/common/btn_mail_on.png" ); margin-right:2px; vertical-align:sub;}

.btn_sms:hover{display:block; height:23px; border:1px solid #1b68b6; text-align:center; font-size:13px; font-weight:600; color:#1b68b6; float:left; margin-left: 2px;cursor:pointer; background:#fff;}
.btn_sms:hover p { display: flex; align-items: center;}
.btn_sms:hover p::before {content: url( "../images/common/btn_sms_on.png" ); margin-right:2px; vertical-align:sub;}

.btn_help:hover{display:block; height:23px; border:1px solid #1b68b6; text-align:center; font-size:13px; font-weight:600; color:#1b68b6; float:left; margin-left: 2px;cursor:pointer; background:#fff;}
.btn_help:hover p { display: flex; align-items: center;}
.btn_help:hover p::before {content: url( "../images/common/btn_help_on.png" ); margin-right:2px; vertical-align:sub;}

.btn_approval:hover{display:block; height:23px; border:1px solid #1b68b6; text-align:center; font-size:13px; font-weight:600; color:#1b68b6; float:left; margin-left: 2px;cursor:pointer; background:#fff;}
.btn_approval:hover p { display: flex; align-items: center;}
.btn_approval:hover p::before {content: url( "../images/common/btn_approval_on.png" ); margin-right:2px; vertical-align:sub;}

.btn_reject:hover{display:block; height:23px; border:1px solid #1b68b6; text-align:center; font-size:13px; font-weight:600; color:#1b68b6; float:left; margin-left: 2px;cursor:pointer; background:#fff;}
.btn_reject:hover p { display: flex; align-items: center;}
.btn_reject:hover p::before {content: url( "../images/common/btn_reject_on.png" ); margin-right:2px; vertical-align:sub;}

.btn_close:hover{display:block; height:23px; border:1px solid #1b68b6; text-align:center; font-size:13px; font-weight:600; color:#1b68b6; float:left; cursor:pointer; background:#fff;}
.btn_close:hover p { display: flex; align-items: center;}
.btn_close:hover p::before {content: url( "../images/common/btn_close_on.png" ); margin-right:2px; vertical-align:sub;}

.btn_search:hover{display:block; height:23px; border:1px solid #1b68b6; text-align:center; font-size:13px; font-weight:600; color:#1b68b6; float:left; margin-left: 2px;cursor:pointer; background:#fff;}
.btn_search:hover p { display: flex; align-items: center;}
.btn_search:hover p::before {content: url( "../images/common/btn_search_on.png" ); margin-right:2px; vertical-align:sub;}

.btn_modify:hover{display:block; height:23px; border:1px solid #1b68b6; text-align:center; font-size:13px; font-weight:600; color:#1b68b6; float:left; margin-left: 2px;cursor:pointer; background:#fff;}
.btn_modify:hover p { display: flex; align-items: center;}
.btn_modify:hover p::before {content: url( "../images/common/btn_modify_on.png" ); margin-right:2px; vertical-align:sub;}

.btn_submit:hover{display:block; height:23px; border:1px solid #1b68b6; text-align:center; font-size:13px; font-weight:600; color:#1b68b6; float:left; margin-left: 2px;cursor:pointer; background:#fff;}
.btn_submit:hover p { display: flex; align-items: center;}
.btn_submit:hover p::before {content: url( "../images/common/btn_submit_on.png" ); margin-right:2px; vertical-align:sub;}

.btn_up:hover{display:block; height:23px; border:1px solid #1b68b6; text-align:center; font-size:13px; font-weight:600; color:#1b68b6; float:left; margin-left: 2px;cursor:pointer; background:#fff;}
.btn_up:hover p { display: flex; align-items: center;}
.btn_up:hover p::before {content: url( "../images/common/btn_up_on.png" ); margin-right:2px; vertical-align:sub;}

.btn_down:hover{display:block; height:23px; border:1px solid #1b68b6; text-align:center; font-size:13px; font-weight:600; color:#1b68b6; float:left; margin-left: 2px;cursor:pointer; background:#fff;}
.btn_down:hover p { display: flex; align-items: center;}
.btn_down:hover p::before {content: url( "../images/common/btn_down_on.png" ); margin-right:2px; vertical-align:sub;}

.btn_common:hover{display:block;height:23px; border:1px solid #1b68b6; text-align:center; font-size:13px; font-weight:600; color:#1b68b6; float:left; margin-left: 2px;cursor:pointer; background:#fff;}
.btn_common:hover p { display: flex; align-items: center;}
.btn_common:hover p::before {content: url( "../images/common/btn_common_on.png" ); margin-right:2px; vertical-align:sub;}

.btn_row_delete:hover {display:block; height:23px; border:1px solid #1b68b6; text-align:center; font-size:13px; font-weight:600; color:#1b68b6; float:left; margin-left: 2px;cursor:pointer; background:#fff;}
.btn_row_delete:hover p { display: flex; align-items: center;}
.btn_row_delete:hover p::before {content: url( "../images/common/btn_row_delete_on.png" ); margin-right:2px; vertical-align:sub;}

.btn_row_add:hover {display:block; height:23px; border:1px solid #1b68b6; text-align:center; font-size:13px; font-weight:600; color:#1b68b6; float:left; margin-left: 2px;cursor:pointer; background:#fff;}
.btn_row_add:hover p { display: flex; align-items: center;}
.btn_row_add:hover p::before {content: url( "../images/common/btn_row_add_on.png" ); margin-right:2px; vertical-align:sub;}

.btn_row_insert:hover {display:block; height:23px; border:1px solid #1b68b6; text-align:center; font-size:13px; font-weight:600; color:#1b68b6; float:left; margin-left: 2px;cursor:pointer; background:#fff;}
.btn_row_insert:hover p { display: flex; align-items: center;}
.btn_row_insert:hover p::before {content: url( "../images/common/btn_row_insert_on.png" ); margin-right:4px; vertical-align:sub;} 

.btn_arr_down:hover {display:block; height:23px; border:1px solid #1b68b6; text-align:center; font-size:13px; font-weight:600; color:#1b68b6; float:left; margin-left: 2px; cursor:pointer; background:#fff;}
.btn_arr_down:hover p { display: flex; align-items: center;}
.btn_arr_down:hover p::before {content: url( "../images/common/arr_down_on.png" ); margin-left:4px; vertical-align:sub;}

.btn_arr_up:hover {display:block; height:23px; border:1px solid #1b68b6; text-align:center; font-size:13px; font-weight:600; color:#1b68b6; float:left; margin-left: 2px;cursor:pointer; background:#fff;}
.btn_arr_up:hover p { display: flex; align-items: center;}
.btn_arr_up:hover p::before {content: url( "../images/common/arr_up_on.png" ); margin-left:4px; vertical-align:sub;}

.btn_arr_left:hover {display:block; height:23px; border:1px solid #1b68b6; text-align:center; font-size:13px; font-weight:600; color:#1b68b6; float:left; margin-left: 2px; cursor:pointer; background:#fff;}
.btn_arr_left:hover p { display: flex; align-items: center;}
.btn_arr_left:hover p::before {content: url( "../images/common/arr_left_on.png" ); margin-left:4px; vertical-align:sub;}

.btn_arr_right:hover {display:block; height:23px; border:1px solid #1b68b6; text-align:center; font-size:13px; font-weight:600; color:#1b68b6; float:left; margin-left: 2px;cursor:pointer; background:#fff;}
.btn_excel_btn_arr_right:hoverup:hover p { display: flex; align-items: center;}
.btn_arr_right:hover p::before {content: url( "../images/common/arr_right_on.png" ); margin-left:4px; vertical-align:sub;}


.btn_arr_down_txt:hover {display:block; height:23px; border:1px solid #1b68b6; text-align:center; font-size:13px; font-weight:600; color:#1b68b6; float:left; margin-left: 2px; cursor:pointer; background:#fff;}
.btn_arr_down_txt:hover p { display: flex; align-items: center;}
.btn_arr_down_txt:hover p::before {content: url( "../images/common/arr_down_on.png" ); margin-right:2px; vertical-align:sub;}

.btn_arr_up_txt:hover {display:block; height:23px; border:1px solid #1b68b6; text-align:center; font-size:13px; font-weight:600; color:#1b68b6; float:left; margin-left: 2px;cursor:pointer; background:#fff;}
.btn_arr_up_txt:hover p { display: flex; align-items: center;}
.btn_arr_up_txt:hover p::before {content: url( "../images/common/arr_up_on.png" ); margin-right:2px; vertical-align:sub;}

.btn_arr_left_txt:hover {display:block; height:23px; border:1px solid #1b68b6; text-align:center; font-size:13px; font-weight:600; color:#1b68b6; float:left; margin-left: 2px; cursor:pointer; background:#fff;}
.btn_arr_left_txt:hover p { display: flex; align-items: center;}
.btn_arr_left_txt:hover p::before {content: url( "../images/common/arr_left_on.png" ); margin-right:2px; vertical-align:sub;}

.btn_arr_right_txt:hover {display:block; height:23px; border:1px solid #1b68b6; text-align:center; font-size:13px; font-weight:600; color:#1b68b6; float:left; margin-left: 2px; cursor:pointer; background:#fff;}
.btn_arr_right_txt:hover p { display: flex; align-items: center;}
.btn_arr_right_txt:hover p::before {content: url( "../images/common/arr_right_on.png" ); margin-right:2px; vertical-align:sub;}

.btn_module:hover {display:block; height:23px; border:1px solid #1b68b6; text-align:center; font-size:13px; font-weight:600; color:#1b68b6; float:left; margin-left: 2px; cursor:pointer; background:#fff;}
.btn_module:hover p { display: flex; align-items: center;}
.btn_module:hover p::before {content: url( "../images/common/btn_module_on.png" ); margin-right:2px; vertical-align:sub;}

.btn_smallModule:hover {display:block; height:18px; border:1px solid #1b68b6; text-align:center; font-size:12px; font-weight:600; color:#1b68b6; float:left; margin-left: 2px; line-height: 18px; cursor:pointer; background:#fff;}
.btn_smallModule:hover p { display: flex; align-items: center;}
.btn_smallModule:hover p::before { margin-right:2px; vertical-align:sub;}

/* 버튼 off */

.btn_searchPop_off {background:url(../images/common/btn_main_search_off.png)left no-repeat; vertical-align:bottom; width:23px; height:23px; cursor:pointer;  margin:0px 0px;}
.btn_prev_off {background:url(../images/common/btn_prev_off.png)left no-repeat; vertical-align:bottom; width:23px; height:23px; cursor:pointer;  margin:0px 0px;}
.btn_next_off {background:url(../images/common/btn_next_off.png)left no-repeat; vertical-align:bottom; width:23px; height:23px; cursor:pointer;  margin:0px 0px;}
.btn_first_off {background:url(../images/common/btn_first_off.png)left no-repeat; vertical-align:bottom; width:23px; height:23px; cursor:pointer;  margin:0px 0px;}
.btn_last_off {background:url(../images/common/btn_last_off.png)left no-repeat; vertical-align:bottom; width:23px; height:23px; cursor:pointer;  margin:0px 0px;}

.btn_excel_up_off {display:block; padding: 0px 8px; height:23px; border:1px solid #aaa; text-align:center; font-size:13px; font-weight:600; color:#aaa; float:left; margin-left: 2px; background:#fff;}
.btn_excel_up_off p { display: flex; align-items: center;}
.btn_excel_up_off p::before {content: url( "../images/common/btn_excel_up_off.png" ); margin-right:2px; vertical-align:sub;}

.btn_excel_dn_off {display:block; padding: 0px 8px; height:23px; border:1px solid #aaa; text-align:center; font-size:13px; font-weight:600; color:#aaa; float:left; margin-left: 2px; background:#fff;}
.btn_excel_dn_off p { display: flex; align-items: center;}
.btn_excel_dn_off p::before {content: url( "../images/common/btn_excel_dn_off.png" ); margin-right:2px; vertical-align:sub;}

.btn_save_off {display:block; padding: 0px 8px; height:23px; border:1px solid #aaa; text-align:center; font-size:13px; font-weight:600; color:#aaa; float:left; margin-left: 2px;background:#fff;}
.btn_save_off p { display: flex; align-items: center;}
.btn_save_off p::before {content: url( "../images/common/btn_save_off.png" ); margin-right:2px; vertical-align:sub;}

.btn_window_off {display:block; padding: 0px 8px; height:23px; border:1px solid #aaa; text-align:center; font-size:13px; font-weight:600; color:#aaa; float:left; margin-left: 2px;background:#fff;}
.btn_window_off p { display: flex; align-items: center;}
.btn_window_off p::before {content: url( "../images/common/btn_window_off.png" ); margin-right:2px; vertical-align:sub;}

.btn_delete_off {display:block; padding: 0px 8px; height:23px; border:1px solid #aaa; text-align:center; font-size:13px; font-weight:600; color:#aaa; float:left; margin-left: 2px;background:#fff;}
.btn_delete_off p { display: flex; align-items: center;}
.btn_delete_off p::before {content: url( "../images/common/btn_delete_off.png" ); margin-right:2px; vertical-align:sub;}

.btn_cancel_off {display:block; padding: 0px 8px; height:23px; border:1px solid #aaa; text-align:center; font-size:13px; font-weight:600; color:#aaa; float:left; margin-left: 2px;background:#fff;}
.btn_cancel_off p { display: flex; align-items: center;}
.btn_cancel_off p::before {content: url( "../images/common/btn_cancel_off.png" ); margin-right:2px; vertical-align:sub;}

.btn_list_off {display:block; padding: 0px 8px; height:23px; border:1px solid #aaa; text-align:center; font-size:13px; font-weight:600; color:#aaa; float:left; margin-left: 2px;background:#fff;}
.btn_list_off p { display: flex; align-items: center;}
.btn_list_off p::before {content: url( "../images/common/btn_list_off.png" ); margin-right:2px; vertical-align:sub;}

.btn_registration_off {display:block; padding: 0px 8px; height:23px; border:1px solid #aaa; text-align:center; font-size:13px; font-weight:600; color:#aaa; float:left; margin-left: 2px;background:#fff;}
.btn_list_off p { display: flex; align-items: center;}
.btn_registration_off p::before {content: url( "../images/common/btn_registration_off.png" ); margin-right:2px; vertical-align:sub;}

.btn_approbation_off {display:block; padding: 0px 8px; height:23px; border:1px solid #aaa; text-align:center; font-size:13px; font-weight:600; color:#aaa; float:left; margin-left: 2px;background:#fff;}
.btn_approbation_off p { display: flex; align-items: center;}
.btn_approbation_off p::before {content: url( "../images/common/btn_approbation_off.png" ); margin-right:2px; vertical-align:sub;}

.btn_select_off {display:block; padding: 0px 8px; height:23px; border:1px solid #aaa; text-align:center; font-size:13px; font-weight:600; color:#aaa; float:left; margin-left: 2px;background:#fff;}
.btn_select_off p { display: flex; align-items: center;}
.btn_select_off p::before {content: url( "../images/common/btn_select_off.png" ); margin-right:2px; vertical-align:sub;}

.btn_print_off {display:block; padding: 0px 8px; height:23px; border:1px solid #aaa; text-align:center; font-size:13px; font-weight:600; color:#aaa; float:left; margin-left: 2px;background:#fff;}
.btn_print_off p { display: flex; align-items: center;}
.btn_print_off p::before {content: url( "../images/common/btn_print_off.png" ); margin-right:2px; vertical-align:sub;}

.btn_mail_off {display:block; padding: 0px 8px; height:23px; border:1px solid #aaa; text-align:center; font-size:13px; font-weight:600; color:#aaa; float:left; margin-left: 2px;background:#fff;}
.btn_mail_off p { display: flex; align-items: center;}
.btn_mail_off p::before {content: url( "../images/common/btn_mail_off.png" ); margin-right:2px; vertical-align:sub;}

.btn_sms_off {display:block; padding: 0px 8px; height:23px; border:1px solid #aaa; text-align:center; font-size:13px; font-weight:600; color:#aaa; float:left; margin-left: 2px;background:#fff;}
.btn_sms_off p { display: flex; align-items: center;}
.btn_sms_off p::before {content: url( "../images/common/btn_sms_off.png" ); margin-right:2px; vertical-align:sub;}

.btn_help_off {display:block; padding: 0px 8px; height:23px; border:1px solid #aaa; text-align:center; font-size:13px; font-weight:600; color:#aaa; float:left; margin-left: 2px;background:#fff;}
.btn_help_off p { display: flex; align-items: center;}
.btn_help_off p::before {content: url( "../images/common/btn_help_off.png" ); margin-right:2px; vertical-align:sub;}

.btn_close_off {display:block; padding: 0px 8px; height:23px; border:1px solid #aaa; text-align:center; font-size:13px; font-weight:600; color:#aaa; float:left; margin-left: 2px;background:#fff;}
.btn_close_off p { display: flex; align-items: center;}
.btn_close_off p::before {content: url( "../images/common/btn_close_off.png" ); margin-right:2px; vertical-align:sub;}

.btn_approval_off {display:block; padding: 0px 8px; height:23px; border:1px solid #aaa; text-align:center; font-size:13px; font-weight:600; color:#aaa; float:left; margin-left: 2px;background:#fff;}
.btn_approval_off p { display: flex; align-items: center;}
.btn_approval_off p::before {content: url( "../images/common/btn_approval_off.png" ); margin-right:2px; vertical-align:sub;}

.btn_reject_off {display:block; padding: 0px 8px; height:23px; border:1px solid #aaa; text-align:center; font-size:13px; font-weight:600; color:#aaa; float:left; margin-left: 2px;background:#fff;}
.btn_reject_off p { display: flex; align-items: center;}
.btn_reject_off p::before {content: url( "../images/common/btn_reject_off.png" ); margin-right:2px; vertical-align:sub;}

.btn_close_off {display:block; padding: 0px 8px; height:23px; border:1px solid #aaa; text-align:center; font-size:13px; font-weight:600; color:#aaa; float:left; margin-left: 2px;background:#fff;}
.btn_close_off p { display: flex; align-items: center;}
.btn_close_off p::before {content: url( "../images/common/btn_close_off.png" ); margin-right:2px; vertical-align:sub;}

.btn_search_off {display:block; padding: 0px 8px; height:23px; border:1px solid #aaa; text-align:center; font-size:13px; font-weight:600; color:#aaa; float:left; margin-left: 2px;background:#fff;}
.btn_search_off p { display: flex; align-items: center;}
.btn_search_off p::before {content: url( "../images/common/btn_search_off.png" ); margin-right:2px; vertical-align:sub;}

.btn_modify_off {display:block; padding: 0px 8px; height:23px; border:1px solid #aaa; text-align:center; font-size:13px; font-weight:600; color:#aaa; float:left; margin-left: 2px;background:#fff;}
.btn_modify_off p { display: flex; align-items: center;}
.btn_modify_off p::before {content: url( "../images/common/btn_modify_off.png" ); margin-right:2px; vertical-align:sub;}

.btn_submit_off {display:block; padding: 0px 8px; height:23px; border:1px solid #aaa; text-align:center; font-size:13px; font-weight:600; color:#aaa; float:left; margin-left: 2px;background:#fff;}
.btn_submit_off p { display: flex; align-items: center;}
.btn_submit_off p::before {content: url( "../images/common/btn_submit_off.png" ); margin-right:2px; vertical-align:sub;}

.btn_up_off {display:block; padding: 0px 8px; height:23px; border:1px solid #aaa; text-align:center; font-size:13px; font-weight:600; color:#aaa; float:left; margin-left: 2px;background:#fff;}
.btn_up_off p { display: flex; align-items: center;}
.btn_up_off p::before {content: url( "../images/common/btn_up_off.png" ); margin-right:2px; vertical-align:sub;}

.btn_down_off {display:block; padding: 0px 8px; height:23px; border:1px solid #aaa; text-align:center; font-size:13px; font-weight:600; color:#aaa; float:left; margin-left: 2px;background:#fff;}
.btn_down_off p { display: flex; align-items: center;}
.btn_down_off p::before {content: url( "../images/common/btn_down_off.png" ); margin-right:2px; vertical-align:sub;}

.btn_common_off {display:block; padding: 0px 8px; height:23px; border:1px solid #aaa; text-align:center; font-size:13px; font-weight:600; color:#aaa; float:left; margin-left: 2px;background:#fff;}
.btn_common_off p { display: flex; align-items: center;}
.btn_common_off p::before {content: url( "../images/common/btn_common_off.png" ); margin-right:2px; vertical-align:sub;}

.btn_row_delete_off {display:block; padding: 0px 8px; height:23px; border:1px solid #aaa; text-align:center; font-size:13px; font-weight:600; color:#aaa; float:left; margin-left: 2px;background:#fff;}
.btn_row_delete_off p { display: flex; align-items: center;}
.btn_row_delete_off p::before {content: url( "../images/common/btn_row_delete_off.png" ); margin-right:2px; vertical-align:sub;}

.btn_row_add_off {display:block; padding: 0px 8px; height:23px; border:1px solid #aaa; text-align:center; font-size:13px; font-weight:600; color:#aaa; float:left; margin-left: 2px;background:#fff;}
.btn_row_add_off p { display: flex; align-items: center;}
.btn_row_add_off p::before {content: url( "../images/common/btn_row_add_off.png" ); margin-right:0px; vertical-align:sub;}

.btn_row_insert_off {display:block; padding: 0px 8px; height:23px; border:1px solid #aaa; text-align:center; font-size:13px; font-weight:600; color:#aaa; float:left; margin-left: 2px;background:#fff;}
.btn_row_insert_off p { display: flex; align-items: center;}
.btn_row_insert_off p::before {content: url( "../images/common/btn_row_insert_off.png" ); margin-right:0px; vertical-align:sub;}

.btn_arr_down_off {display:block; padding: 0px 3px; height:23px; border:1px solid #aaa; text-align:center; font-size:13px; font-weight:600; color:#aaa; float:left; margin-left: 2px; background:#fff;}
.btn_arr_down_off p { display: flex; align-items: center;}
.btn_arr_down_off p::before {content: url( "../images/common/arr_down_off.png" ); margin-right:2px; vertical-align:sub;}

.btn_arr_up_off {display:block; padding: 0px 3px; height:23px; border:1px solid #aaa; text-align:center; font-size:13px; font-weight:600; color:#aaa; float:left; margin-left: 2px;background:#fff;}
.btn_arr_up_off p { display: flex; align-items: center;}
.btn_arr_up_off p::before {content: url( "../images/common/arr_up_off.png" ); margin-right:2px; vertical-align:sub;}

.btn_arr_left_off {display:block; padding: 0px 3px;; height:23px; border:1px solid #aaa; text-align:center; font-size:13px; font-weight:600; color:#aaa; float:left; margin-left: 2px; background:#fff;}
.btn_arr_left_off p { display: flex; align-items: center;}
.btn_arr_left_off p::before {content: url( "../images/common/arr_left_off.png" ); margin-right:2px; vertical-align:sub;}

.btn_arr_right_off {display:block; padding: 0px 3px; height:23px; border:1px solid #aaa; text-align:center; font-size:13px; font-weight:600; color:#aaa; float:left; margin-left: 2px;background:#fff;}
.btn_arr_right_off p { display: flex; align-items: center;}
.btn_arr_right_off p::before {content: url( "../images/common/arr_right_off.png" ); margin-right:2px; vertical-align:sub;}

.btn_arr_down_txt_off {display:block; padding: 0px 8px; height:23px; border:1px solid #aaa; text-align:center; font-size:13px; font-weight:600; color:#aaa; float:left; margin-left: 2px; background:#fff;}
.btn_arr_down_txt_off p { display: flex; align-items: center;}
.btn_arr_down_txt_off p::before {content: url( "../images/common/arr_down_off.png" ); margin-right:2px; vertical-align:sub;}

.btn_arr_up_txt_off {display:block; padding: 0px 8px; height:23px; border:1px solid #aaa; text-align:center; font-size:13px; font-weight:600; color:#aaa; float:left; margin-left: 2px;background:#fff;}
.btn_arr_up_txt_off p { display: flex; align-items: center;}
.btn_arr_up_txt_off p::before {content: url( "../images/common/arr_up_off.png" ); margin-right:2px; vertical-align:sub;}

.btn_arr_left_txt_off {display:block; padding: 0px 8px; height:23px; border:1px solid #aaa; text-align:center; font-size:13px; font-weight:600; color:#aaa; float:left; margin-left: 2px; background:#fff;}
.btn_arr_left_txt_off p { display: flex; align-items: center;}
.btn_arr_left_txt_off p::before {content: url( "../images/common/arr_left_off.png" ); margin-right:2px; vertical-align:sub;}

.btn_arr_right_txt_off {display:block; padding: 0px 8px; height:23px; border:1px solid #aaa; text-align:center; font-size:13px; font-weight:600; color:#aaa; float:left; margin-left: 2px;background:#fff;}
.btn_arr_right_txt_off p { display: flex; align-items: center;}
.btn_arr_right_txt_off p::before {content: url( "../images/common/arr_right_off.png" ); margin-right:2px; vertical-align:sub;}

.btn_module_off {display:block; padding: 0px 8px; height:23px; border:1px solid #aaa; text-align:center; font-size:13px; font-weight:600; color:#aaa; float:left;  margin-left: 2px;  background:#fff;}
.btn_module_off p { display: flex; align-items: center;}
.btn_module_off p::before {content: url( "../images/common/btn_module_off.png" ); margin-right:2px; vertical-align:sub;}

.btn_smallModule_off {display:block; padding: 0px 8px; height:18px; border:1px solid #aaa; text-align:center; font-size:12px; font-weight:600; color:#aaa; float:left; margin-left: 2px; line-height: 18px; cursor:pointer; background:#fff;}
.btn_smallModule_off p { display: flex; align-items: center;}
.btn_smallModule_off p::before {margin-right:2px; vertical-align:sub;}

.hidden {
	opacity: 0;
	z-index: -9999;
}

.ctrl_box {
	width: 50px;
	float: right;
}

.btn_left_ctrl {
	background: url(/images/button/btn_goleft_o.gif) no-repeat right 5px center / 20px auto;
	width: 25px;
	height: 20px;
	float: left;
	cursor: pointer;
}

.btn_right_ctrl {
	background: url(/images/button/btn_goright_o.gif) no-repeat right 5px center / 20px auto;
	line-height: 50px;
	width: 25px;
	height: 20px;
	float: left;
	cursor: pointer;
}

.essential span {
	vertical-align:super;
}

.main td span {
	vertical-align:super;
}

.imgView {
	border: 1px solid #dadada;
	background-color: #eee;
}

.multiCheckbox_container {
	position: absolute;
	width: auto;
	min-width: 200px;
	max-width: 400px;
	background-color: white;
	border: 1px solid #d3d3d3;
	z-index: 10000;
}

.multiCheckbox_body {
	overflow: auto;
	box-sizing: border-box;
}

.multiCheckbox_header {
	width: 100%;
	height: 55px;
	border-bottom: 1px solid #ddd;
	box-sizing: border-box;
	padding: 5px;
}

.multiCheckbox_control {
	width: 100%;
	display: inline-block;
}

.multiCheckbox_filterInput {
	float: left;
	width: calc(100% - 110px);
	margin-right: 4px;
}
/* 
.multiCheckbox_allChkRow {
	margin-top: 3px;
}

.multiCheckbox_allChkRow > input[type=checkbox] {
	margin: 0px 5px 0px 0px !important;
}
 */
.multiCheckbox_row {
	display: flex;
	align-items: center;
	height: 25px;
}

.multiCheckbox_checkbox {
	margin: 0px 5px !important;
}

.multiCheckbox_text {
	height: 21px;
	width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: inline-block;
	cursor: pointer;
	user-select: none;
}

.fileTable_focus {
	border: solid 2px #D2691E !important;
}