HTML, BODY, FORM
{
  HEIGHT   : 100%;
  MARGIN   : 0px;
  PADDING  : 0px;
  BORDER   : 0px;
  OVERFLOW : hidden;
}

.inputText
{
  height:28px;
  border:1px solid #ccc;
  border-radius:5px;
}

.inputText_Readonly
{
  height:28px;
  border:1px solid #ccc;
  border-radius:5px;
  background-color:#f1f1f6;
}

.textArea
{
  height:60px;
  border:1px solid #ccc;
  border-radius:5px;
}

.txtReadonly
{
  height:27px;
  border:1px solid #ccc;
  border-radius:5px;
  background-color:#eee;
  outline:none;
}

.selectBox
{
  height:32px;
  padding-left:5px;
  padding-right:5px;
  border:1px solid #ccc;
  border-radius:5px;
  background-color:#fff;
}

.box        { border:#ccc 1px solid; }
.box-top    { border-top:#b7b6b6 1px solid; }
.box-left   { border-left:#b7b6b6 1px solid; }
.box-right  { border-right:#dfdfdf 1px solid; }
.box-bottom { border-bottom:#b7b6b6 1px solid; }
.box_dashed { border:1px #999 dashed; }
.box_round  { border:#b7b6b6 1px solid; border-radius:10px;}

.txt-wrap { word-break: break-all; }
.txt-over:hover { background-color:#efefef; }
.linkOver { color: #0000ff; text-decoration: none; }
.linkOut  { color: #000000; text-decoration: none; }

.border
{
  border:1px solid #ddd;
}
.border_r
{
  border-radius:6px;
}
.border_1
{
  border-top:1px solid #ddd;
}
.border_2
{
  border-right:1px solid #ddd;
}
.border_3
{
  border-bottom:1px solid #ddd;
}
.border_4
{
  border-left:1px solid #ddd;
}
.border_5
{
  border-top:1px solid #ddd;
  border-bottom:1px solid #ddd;
}
.border_6
{
  border-left:1px solid #ddd;
  border-right:1px solid #ddd;
}
.border_7
{
  border-right:1px solid #ddd;
  border-bottom:1px solid #ddd;
}
.border_8
{
  border-left:1px solid #ddd;
  border-bottom:1px solid #ddd;
}
.border_9
{
  border-top:1px solid #ddd;
  border-right:1px solid #ddd;
  border-bottom:1px solid #ddd;
}
.border_10
{
  border-top:1px solid #ddd;
  border-left:1px solid #ddd;
  border-bottom:1px solid #ddd;
}
.border_11
{
  border-left:1px solid #ddd;
  border-right:1px solid #ddd;
  border-bottom:1px solid #ddd;
}
.border_12
{
  border-top:1px solid #ddd;
  border-left:1px solid #ddd;
  border-right:1px solid #ddd;
}
.border_13
{
  border-top:1px solid #ddd;
  border-right:1px solid #ddd;
}
.border_14
{
  border-top:1px solid #ddd;
  border-left:1px solid #ddd;
}
.border_1_dotted
{
  border-top:2px dotted #ddd;
}

.capSearch
{
  vertical-align:middle;
  padding:3px 2px 0 10px;
  font-weight:bold;
}

.capEdit
{
  min-height:30px;
  align-items:center;
  justify-content:flex-end;
  padding:5px 20px 5px 5px;
  background-color:#f8f8f8;
/*   font-weight:bold; */
  text-align: right;
}

.capEdit2
{
  align-items:center;
  justify-content:center;
  padding:7px 10px;
  background-color:#f8f8f8;
  font-weight:bold;
  color:#444;
}

.capEdit3
{
  align-items:center;
  justify-content:center;
  padding:3px 10px;
  background-color:#f8f8f8;
  font-weight:bold;
}

.capMust
{
  min-height:30px;
  align-items:center;
  justify-content:flex-end;
  padding:5px 20px 5px 5px;
  background-color:#f8f8f8;
/*   font-weight:bold; */
  /*color:#901; */
}
/* .capMust::before
{
  font-family:'Pretendard';
  content:'*';
  margin-right:5px;
} */

.capMust::after
{
   font-family: 'Pretendard';
   content: '*';
   margin-left: 3px;
   margin-top: 6px;
   font-size: 20px;
   color: #ed0000;
   font-weight: bold;
}

.capMust2
{
  align-items:center;
  justify-content:center;
  padding:7px 10px;
  background-color:#f8f8f8;
  font-weight:bold;
  color:#901;
}
.capMust2::before
{
  font-family:'Pretendard';
  content:'*';
  margin-right:5px;
  font-size:9px;
}

.capMust3
{
  align-items:center;
  justify-content:center;
  padding:5px 10px;
  background-color:#f8f8f8;
  font-weight:bold;
  color:#901;
}
.capMust3::before
{
  font-family:'Pretendard';
  content:'*';
  margin-right:5px;
}

.capInput
{
  min-height:36px;
  align-items:center;
  background-color:white;
  padding:5px 15px 5px 10px;
}

.capInput2
{
  min-height:36px;
  align-items:flex-start;
  background-color:white;
  padding:5px 15px 5px 10px;
}

.capInput3
{
  align-items:center;
  background-color:white;
  padding:5px 15px 5px 10px;
}

.capInput4
{
  min-height:36px;
  align-items:left;
  background-color:white;
  padding:10px 15px 5px 10px;
}

.capView
{
  min-height:30px;
  vertical-align:middle;
  padding:5px;
  text-align:left;
  background-color:white;
}

.capView2
{
  align-items:center;
  justify-content:center;
  padding:7px 10px;
}

.capView3
{
  align-items:center;
  justify-content:center;
  padding:5px;
}

.capView4
{
  align-items:flex-start;
  justify-content:left;
  padding:7px 10px 0 10px;
  height: 18px;
}

.capView5
{
  align-items:center;
  justify-content:center;
  padding:10px 5px;
}

.capLine
{
  height:1px;
  background-color:#ddd;
  overflow:hidden;
}

#idTableScroll
{
  overflow:auto;
}

#idTableHead
{
  /*overflow:auto;*/
}

#idTableList
{
  overflow-y:auto;
  display:inline-block;
  /*overflow-x:hidden; 목록전체 표시 */
}

.tableHead
{
  min-width:-moz-fit-content;
  min-width:fit-content;
  display:flex;
  flex-direction:row;
  flex-grow:0;
  flex-shrink:0;
  flex-basis:auto;
  font-size:12px;
  font-weight:500;
  color:#444;
}
@media screen and (min-width:0\0)
{
  .tableHead {  }
}
.tableHead .tableTd,
.tableHead .tableTd_L,
.tableHead .tableTd_R
{
  background-color:#f8fafb;
  border-top:1px solid #666;
  border-bottom:1px solid #ddd;
}
.tableBody
{
  min-width:-moz-fit-content;
  min-width:fit-content;
  display:flex;
  flex-direction:column;
  flex-grow:0;
  flex-shrink:1;
  flex-basis:100%;
  /* border-bottom:1px solid #ddd; */
  overflow-y:auto;
  overflow-x:hidden;
}
@media screen and (min-width:0\0)
{
  .tableBody { flex-shrink:0; overflow:hidden; overflow-y:hidden; overflow-x:hidden; }
}
.tableTr
{
  min-width:-moz-fit-content;
  min-width:fit-content;
  display:flex;
  flex-direction:row;
  cursor:pointer;
}
.tableTr:hover { background-color:#e2e1e6; }
.tableTr_Sel
{
  display:flex;
  flex-direction:row;
  cursor:pointer;
  background-color:#e8f4fc;
}
.tableTr_Sel:hover
{
  background-color:#e2e1e6;
}
.tableTr2
{
  display:flex;
  flex-direction:column;
  cursor:pointer;
}
.tableTr2:hover { background-color:#e2e1e6; }
.tableTr .tableTd,
.tableTr .tableTd_L,
.tableTr .tableTd_R,
.tableTr_Sel .tableTd,
.tableTr_Sel .tableTd_L,
.tableTr_Sel .tableTd_R,
.tableTr2 .tableTd,
.tableTr2 .tableTd_L,
.tableTr2 .tableTd_R
{
  border-bottom:1px solid #e5e5e5;
}
.tableTd
{
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:center;
  padding:10px;
  text-align:center;
}
.tableTd_L
{
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:flex-start;
  padding:10px;
}
.tableTd_R
{
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:flex-end;
  padding:10px;
}

.idTable
{
  table-layout:fixed;
}

.idTable tr:hover
{
  background-color:#e2e1e6;
}

.idTable th
{
  height:30px;
  vertical-align:middle;
  background-color:#f8f8f8;
  padding:5px 10px;
  border-top:1px solid #666 !important;
  border-bottom:1px solid #ddd;
  font-size:12px;
  font-weight:500;
  color:#444;
}

.onClk:hover
{
 text-decoration:underline;
 color:#666;
 cursor:pointer;
}

.idTableTxt
{
  height:34px;
  padding:5px 10px;
  line-height:1.5;
  vertical-align:middle;
  border:0;
  border-bottom:1px solid #ddd;
}
.idTableTxt_C
{
  height:34px;
  padding:5px 10px;
  line-height:1.5;
  text-align:center;
  vertical-align:middle;
  border:0;
  border-bottom:1px solid #ddd;
}
.idTableTxt_R
{
  height:34px;
  padding:5px 10px;
  line-height:1.5;
  text-align:right;
  vertical-align:middle;
  border:0;
  border-bottom:1px solid #ddd;
}

.idTable2
{
  table-layout:fixed;
}

.idTable2 tr:hover
{
  background-color:#e2e1e6;
}

.idTable2 th
{
  vertical-align:bottom;
  background-color:#e2f1f6;
  padding:5px 10px;
  border-top:2px solid #0099cb !important;
  border-bottom:2px solid #d1d2d3;
}

.idTable2 .onClk:hover
{
 text-decoration:underline;
 color:#626262;
 cursor:pointer;
}

.idTable2 td
{
  padding:5px 10px;
  line-height:1.5;
  vertical-align:middle;
  border:0;
  border-bottom:1px solid #d1d2d3;
}

.idTable3
{
  table-layout:fixed;
}

.idTD
{
  padding:5px 10px;
  line-height:1.5;
  vertical-align:middle;
  border:0;
  border-bottom:1px solid #d1d2d3;
}

/* 탭관련 */
.divTab
{
  display:flex;
  flex-direction:row;
}
.divTabItem
{
  border-left:1px #ddd solid;
  border-right:1px #ddd solid;
  border-bottom:1px #ddd solid;
  padding:10px;
  overflow:auto;
  display:flex;
  flex-direction:column;
}
.divTabItem1
{
  border-left:1px #ddd solid;
  border-right:1px #ddd solid;
  border-bottom:1px #ddd solid;
  padding:10px;
  overflow:auto;
  display:flex;
  flex-direction:row;
}
.tab_on
{
  /*background:linear-gradient(to bottom, #fc3 2px, #fff 3px);*/
  background-color:#fff;
  padding:8px 10px;
  text-align:center;
  border:1px #ddd solid;
  border-bottom:0px;
  border-top-left-radius:6px;
  border-top-right-radius:6px;
  color:#17192f;
  font-weight:600;
  font-size:12px;
  width:100px;
  cursor:pointer;
}
.tab_off
{
  background-color:#efeddd;
  padding:8px 10px;
  text-align:center;
  border:1px #ddd solid;
  border-top-left-radius:6px;
  border-top-right-radius:6px;
  color:#888;
  font-weight:500;
  font-size:12px;
  width:100px;
  cursor:pointer;
}
.tab_bar
{
  width:5px;
  border-bottom:1px #ddd solid;
}
/* 탭관련 */

/* 메뉴트리관련 */
.tree-header
{
  height           : 90px;
  background-color : #f4f4f4;
}

.tree-title
{
  padding : 5px 10px;
}
.tree-title h1
{
  font-size : 16px;
}
/* 메뉴트리관련 */

.cssBtn
{
  height:31px;
  line-height:29px;
  font-size:12px;
  font-family: 'Noto Sans KR','Pretendard';
  font-weight: 500;
  text-align:center;
  padding:0px 16px;
  margin-right:5px;
  border-radius:5px;
  display:inline-block;
  cursor:pointer;
  -ms-user-select:none;
  -moz-user-select:-moz-none;
  -khtml-user-select:none;
  -webkit-user-select:none;
  user-select:none;
}
.cssBtn2
{
  height:31px;
  line-height:31px;
  font-size:12px;
  font-family:'Pretendard';
  font-weight:900;
  text-align:center;
  padding:0px 16px;
  margin-right:5px;
  border-radius:5px;
  display:inline-block;
  cursor:pointer;
  -ms-user-select:none;
  -moz-user-select:-moz-none;
  -khtml-user-select:none;
  -webkit-user-select:none;
  user-select:none;
}
.cssBtn3
{
  font-size:12px;
  font-family:'Pretendard';
  font-weight:900;
  text-align:center;
  padding:5px;
  margin-right:5px;
  border-radius:5px;
  display:inline-block;
  cursor:pointer;
  -ms-user-select:none;
  -moz-user-select:-moz-none;
  -khtml-user-select:none;
  -webkit-user-select:none;
  user-select:none;
}
.cssBtn4
{
  font-size:10px;
  font-family:'Pretendard';
  font-weight:900;
  text-align:center;
  padding:5px;
  margin-right:5px;
  border-radius:5px;
  display:inline-block;
  cursor:pointer;
  white-space:nowrap;
  -ms-user-select:none;
  -moz-user-select:-moz-none;
  -khtml-user-select:none;
  -webkit-user-select:none;
  user-select:none;
}
.cssBtn5
{
  font-size:12px;
  font-family:'Pretendard';
  font-weight:900;
  text-align:center;
  padding:2px 10px;
  margin-right:5px;
  border-radius:5px;
  display:inline-block;
  cursor:pointer;
  white-space:nowrap;
  -ms-user-select:none;
  -moz-user-select:-moz-none;
  -khtml-user-select:none;
  -webkit-user-select:none;
  user-select:none;
}
.cssBtn6
{
  font-size:11px;
  font-family:'Pretendard';
  font-weight:900;
  text-align:center;
  padding:1px 8px;
  margin-right:5px;
  border-radius:5px;
  display:inline-block;
  cursor:pointer;
  white-space:nowrap;
  -ms-user-select:none;
  -moz-user-select:-moz-none;
  -khtml-user-select:none;
  -webkit-user-select:none;
  user-select:none;
}
.cssBtn_lightgrey
{
  color:#000;
  background:#f1f1f1;
  border:#d5d5d5 1px solid;
}
.cssBtn_lightgrey_on
{
  color:#444;
  background:#d8d8d8;
  border:#aaaaaa 1px solid;
}

.cssBtn_lightgrey:hover
{
  color:#333;
  background:#e9e9e9;
  border:#ccc 1px solid;
}
.cssBtn_red
{
  background:#901;
  color:#fff;
  border:#901 1px solid;
}
.cssBtn_red:hover
{
  background:#aa060e;
  color:#fff;
  border:#aa060e 1px solid;
}
.cssBtn_blue
{
  background:#003599;
  color:#fff;
  border:#003599 1px solid;
}
.cssBtn_blue:hover
{
  background:#002f89;
  color:#fff;
  border:#002f89 1px solid;
}
.cssBtn_write
{
  background:#fff;
  color:#000;
  border:#ccc 1px solid;
}
.cssBtn_write:hover
{
  border:#bbb 1px solid;
}

.txtLink
{
  cursor:pointer;
}
.txtLink:hover
{
  color:#060eaa;
  background-color:#F1F1F1;
}

.schArea
{
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
}
.schItem
{
  display:flex;
  flex-direction:row;
  align-items:center;
  margin-right:10px;
  margin-bottom:10px;
}
.schTitle
{
  font-size:14px;
  margin-right:10px;
}
.schItem .schTitle:last-child{margin-right:0;}

.title h4 { font-size:18px; }
.title_01 { height:27px; margin-bottom:20px; }

.title_head { height:35px; margin-bottom:8px; }
.title_head_nm { margin-top:5px; font-size:20px; letter-spacing:-0.5px; }
.title_head_pagesize { margin-top:11px; padding:0 0 0 10px; }
.title_head_depth { margin-top:8px; padding:0 0 0 10px; color:#999; letter-spacing:-0.5px; }

.pageBtn_01
{
  font-size:12px;
  font-family:'Pretendard';
  height:35px;
  padding:0 16px;
  text-align:center;
  margin-right:5px;
  border:1px solid #ccc;
  border-radius:6px;
  display:inline-block;
  cursor:pointer;
  -ms-user-select:none;
  -moz-user-select:-moz-none;
  -khtml-user-select:none;
  -webkit-user-select:none;
  user-select:none;
  height: 31px;
  line-height: 29px;
}
.pageBtn_01:hover
{
  color:#fe4957;
  border:1px solid #bbb;
}
.pageBtn_nav_01
{
  margin:0 2px;
  cursor:pointer;
  width:32px;
  height:32px;
  border-radius:6px;
  border:1px solid #ccc;
  /*background-color:#f1f1f6;*/
  background-color:#fff;
  text-align:center;
  font-weight:300;
  -ms-user-select:none;
  -moz-user-select:-moz-none;
  -khtml-user-select:none;
  -webkit-user-select:none;
  user-select:none;
}
.pageBtn_nav_01:hover
{
  color:#0059FF;
  border:1px solid #bbb;
}
.pageBtn_num_01
{
  margin:0 2px;
  cursor:pointer;
  width:32px;
  height:32px;
  border-radius:6px;
  border:1px solid rgba(255, 255, 255, 0.0);
  background-color:#fff;
  text-align:center;
  -ms-user-select:none;
  -moz-user-select:-moz-none;
  -khtml-user-select:none;
  -webkit-user-select:none;
  user-select:none;
}
.pageBtn_num_01:hover, .pageBtn_num_01_on
{
  /*background-color:#d67073;*/
  background-color:#666;
  color:#fff;
}

.menu_dot_2
{
  margin-top:5px;
  margin-right:10px;
  width:4px;
  height:4px;
  border-radius: 100%;
  background-color:#444;
}

.list_line
{
  display:flex;
  float:left;
  margin-top:10px;
  align-items:center;
  flex: 0 0 15px;
  text-align: left;
  vertical-align:middle;
  -webkit-box-flex:0;
  margin-right:10px;
}

.list_line span
{
  width:6px;
  height:1px;
  background-color:#666;
}


/**
* --------------------------------
* 휴일관리
* --------------------------------
*/

/*연도*/

.idContent_Btn_L
{
  border:1px solid #dddddd;
  cursor:pointer;
  background-color: #f1f1f6;
  border-radius: 4px;
  font-size:15px;
  margin-right:10px;
}

.idContent_Btn_L i { vertical-align:sub; }
@media screen and (min-width:0\0)
{
  .idContent_Btn_L i { vertical-align:middle; }
}

.idContent_Btn_L:hover
{
  border:1px solid #bbb;
}

.idContent_Btn_L:hover i
{
  color:#fe4957;
}

.idContent_Btn_R
{
  border:1px solid #dddddd;
  cursor:pointer;
  background-color: #f1f1f6;
  border-radius: 4px;
  font-size:15px;
  margin-left:10px;
}

.idContent_Btn_R i { vertical-align:sub; }
@media screen and (min-width:0\0)
{
  .idContent_Btn_R i { vertical-align:middle; }
}

.idContent_Btn_R:hover
{
  border:1px solid #bbb;
}

.idContent_Btn_R:hover i
{
  color:#fe4957;
}

.selectBox_2
{
  border: 1px solid rgba(255, 0, 0,0.0);
  border-radius:4px;
  outline:none;
  font-size:20px;
  color:#444444;
  font-weight: 500;
}

/*------달력-------*/
.calendar_W div
{
  font-weight:400;
  text-align:center;
  padding:6px 10px;
}

.calendar_W div:first-child
{
  border-left:1px solid #ddd;
}

.calendar_D .hand
{
  text-align: right;
  vertical-align:top;
  padding:5px;
  font-size:12px;
  font-weight:400;
}

.calendar_D .hand:first-child
{
  border-left:1px solid #ddd;
}

.dateMonth
{
  background:#dddddd;
}

.dateMonth th
{
  height:36px;
  background:#fff;
  font-size:13px;
  font-weight:400;
}

.dateMonth td
{
  height:65px;
  text-align: right;
  vertical-align:top;
  padding:10px;
  font-size:12px;
  font-weight:400;
  background:#fff;
}

.right_tree
{
  border-right:1px solid #ddd;
}

.help
{
  border-radius: 6px;
  border: 1px solid #ebebeb;
  padding:5px 5px 5px 10px;
  color:#666;
  background-color: #fafafa;
  margin:10px 0;
}

.left_contents .left_contents_half
{
  width:193px;
  padding:6px;
  border:1px solid #ddd;
}

/**
 * --------------------------------
 * 그룹별 권한 관리
 * --------------------------------
 */

.left_subtitle
{
  color:#940910;
  font-size:14px;
  padding:10px 15px;
}

.left_sublist
{
  font-size:13px;
  padding:0px 15px 0 25px;
  color:#444444;
  overflow:auto;
}

.left_sublist_txt
{
  padding:5px 0px;
}

.allmenu_search
{
  display:flex;
  flex-direction:row;
  align-items:center;
  border:1px solid #ddd;
  border-radius: 6px;
}

.allmenu_txt
{
  margin-left:10px;
  margin-right:20px;
  border:3px solid rgba(255, 255, 255, 0.0);
}

.allmenu_btn
{
  height:29px;
  border-left:1px solid #ddd;
  cursor:pointer;
  margin-right: 10px;
}

.allmenu_btn:hover i
{
  color:#940910;
}

.allmenu_btn i
{
  margin-top:7px;
  margin-left:9px;
  color:#666666;
}

.addList_LS
{
  white-space:nowrap;
  align-items:center;
  padding:3px 0;
  border:3px solid rgba(255, 255, 255, 0.0);
}

.td_title
{
  background-color:#f8f8f8;
  padding:5px 10px;
  font-weight:bold;
}

.tab2_on
{
  /*background:linear-gradient(to bottom, #fc3 2px, #fff 3px);*/
  background-color:#fff;
  padding:10px 20px;
  text-align:center;
  border:1px #ddd solid;
  border-bottom:0px;
  border-top-left-radius:6px;
  border-top-right-radius:6px;
  color:#17192f;
  font-weight:600;
  font-size:13px;
  cursor:pointer;
}
.tab2_off
{
  background-color:#efeddd;
  padding:10px 20px;
  text-align:center;
  border:1px #ddd solid;
  border-top-left-radius:6px;
  border-top-right-radius:6px;
  color:#888;
  font-weight:500;
  font-size:13px;
  cursor:pointer;
}

.ci_mois
{
  background-image:url('../../images/mois_ci.png');
  background-repeat:no-repeat;
  background-position:center;
  background-size:100%;
  width:14px;
  height:14px;
}

.ci_seoul
{
  background-image:url('../../images/seoul_ci.png');
  background-repeat:no-repeat;
  background-position:center;
  background-size:100%;
  width:16px;
  height:16px;
}

.cssBtn_lightred
{
  color:#fff;
  background:#FF000A;
  border:#C81E24 1px solid;
}
.cssBtn_mediumblue
{
  color:#fff;
  background:MediumBlue;
  border:#14377A 1px solid;
}
.cssBtn_steelblue
{
  color:#fff;
  background:SteelBlue;
  border:#003F59 1px solid;
}
.cssBtn_green
{
  color:#fff;
  background:Green;
  border:DarkGreen 1px solid;
}
.cssBtn_seagreen
{
  color:#fff;
  background:SeaGreen;
  border:#4B7A60 1px solid;
}
.cssBtn_seagreen:hover
{
  background:#3e9b67;
}
.cssBtn_orange
{
  color:#fff;
  background:#ef8a1f;
  border:#ef8a1f 1px solid;
}
.cssBtn_orange:hover
{
  background:#eb851a;
}

.ptlmore
{
  justify-content: flex-end;
  color:#fff;
  font-size:13px;
  letter-spacing: 0;
  cursor: pointer;
}

.ptlmore span
{
  color:#fff;
  font-size:15px;
  font-weight: 500;
  letter-spacing: 0;
  margin-left:4px;
}

.ptlmore2
{
  justify-content: flex-end;
  font-size:13px;
  letter-spacing: 0;
  cursor: pointer;
  color: #44b1e8;
}

.ptlmore2 span
{
  font-size:15px;
  font-weight: 500;
  letter-spacing: 0;
  margin-left:4px;
  color: #44b1e8;
}

.ptldot
{
  width: 4px;
  height: 4px;
  background-color: #0599df;
  margin:0 5px 0 10px;
}

.sc_title, .sc_txt
{
  padding: 10px;
}

/*** 추가 스타일 ***/
.schItem>div .schIcon1
{
  width:32px;
  height:32px;
  background-image: linear-gradient(140deg, #6fec9e 0%, #56bced 100%);
  border-radius: 10px;
  margin-right:5px;
  align-self:center;
  justify-content: center;
  align-items: center;
  margin-left: 70px;
}

.schItem>div .schIcon1 i
{
  color:#fff;
  font-size:16px;
}

.schItem>div .schIcon2
{
  width:32px;
  height:32px;
  background-image: linear-gradient(140deg, #8bb6fc 0%, #95e6f7 100%);
  border-radius: 10px;
  margin-right:5px;
  align-self:center;
  justify-content: center;
  align-items: center;
}

.schItem>div .schIcon2 i
{
  color:#fff;
  font-size:18px;
}

.schItem>div .schIcon3
{
  width:32px;
  height:32px;
  background-image: linear-gradient(140deg, #eddc7f 0%, #f0b886 100%);
  border-radius: 10px;
  margin-right:5px;
  align-self:center;
  justify-content: center;
  align-items: center;
}

.schItem>div .schIcon3 i
{
  color:#fff;
  font-size:18px;
}

.schItem>div .schIcon4
{
  width:32px;
  height:32px;
  background-image: linear-gradient(140deg, #a18cd1 0%, #fbc2eb 100%);
  border-radius: 10px;
  margin-right:5px;
  align-self:center;
  justify-content: center;
  align-items: center;
}

.schItem>div .schIcon4 i
{
  color:#fff;
  font-size:18px;
}

.schItem>div .schIcon5
{
  width:32px;
  height:32px;
  background-image: linear-gradient(140deg, #ff9a9e 0%, #fad0c4 100%);
  border-radius: 10px;
  margin-right:5px;
  align-self:center;
  justify-content: center;
  align-items: center;
}

.schItem>div .schIcon5 i
{
  color:#fff;
  font-size:20px;
}

.schItem>div .schTit
{
  align-self:center;
  color: #666666;
  letter-spacing: -0.5px;
  margin-right: 10px;
  padding-bottom:1px;
}

.schItem>div .schNum
{
  align-self:center;
  font-size:16px;
  color:#000;
  letter-spacing: -0.5px;
  font-weight: 500;
  padding-bottom:2px;
}

.calCat
{
  font-size:12px;
}

.calTime
{
 margin-bottom:4px;
}

.calTime>div
{
 color:#999999;
}

.caldate_num
{
  font-size:12px;
}

/*** 조직도조회 스타일 ***/
.Organization
{
  border-top:1px solid #666666;
}

.Organization_list
{
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  border-bottom:1px solid #dddddd;
}

.Organization_list .user
{
  border:3px solid rgba(255, 255, 255, 0);
  padding-top:15px;
  padding-bottom: 15px;
  overflow: hidden;
  -webkit-transition-duration:0.2s;
}

.Organization_list .user:hover
{
  background-color:#f4f4f4;
}

.Organization_list .user .user_pic
{
  border:1px solid #dddddd;
  float:left;
  margin-left:10px;
  width: 70px;
  height: 73px;
}

.Organization_list .user .user_info
{
  margin-left:30px;
  float:left;
  width: 15%;
  margin-top:0px;
}

.Organization_list .user .user_info .user_info_name
{
  font-size:17px;
  font-weight: 500;
  display:inline-block;
}

.Organization_list .user .user_info .user_info_position
{
  color:#999999;
  margin-left:4px;
  padding-top:6px;
  display:inline-block;
  font-size:13px;
}

.Organization_list .user .user_info .user_info_department
{
  width: 100%;
  font-size:13px;
  color:#444;
}

.Organization_list .user .user_info .user_info_team
{
  width: 100%;
  font-size:13px;
  color:#444;
}

.Organization_list .user .user_contact
{
  float:left;
  width: 20%;
  margin-top:8px;
}

.Organization_list .user .user_contact .user_contact_phone
{
  display:inline-block;
  font-size:14px;
  color:#444;
}

.Organization_list .user .user_contact .user_contact_phone i
{
  font-size:15px;
  color:#5a704d;
  margin-right:5px;
  width:18px;
  text-align:center;
}

.Organization_list .user .user_contact .user_contact_email
{
  display:inline-block;
  font-size:14px;
  color:#444;
}

.Organization_list .user .user_contact .user_contact_email i
{
  font-size:15px;
  color:#688d9f;
  margin-right:5px;
  width:18px;
  text-align:center;
}

.Organization_list .user .user_task
{
  float:left;
  width: 55%;
  font-size:13px;
  color:#444;
  margin-top:9px;
}

.Organization_list .user .user_task .user_task_tit
{
  padding:0px 15px;
  /* background-color:#e7e7e7; */
  color:#d67073;
  border:1px solid #e4a2a4;
  border-radius: 20px;
  display:inline-block;
  font-weight: 500;
  font-size: 12px;
  height: 20px;
}