@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700,900&display=swap&subset=korean');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+SC:300&display=swap');
:root{
  --main-TBbetween:30px;
  --calender:345px;
}


body { overflow-x: hidden !important; font-family: 'Pretendard', 'Roboto', 'Noto Sans KR', sans-serif; display: flex; flex-wrap: nowrap; height: 100vh; height: -webkit-fill-available; max-height: 100vh; overflow-x: auto; justify-content: space-between; overflow-y: auto; }
.card a:hover { color: #0076ce !important; text-decoration: underline; }
h1, h2, h3 { font-weight: 600; font-family: 'Pretendard', 'Roboto', 'Noto Sans KR', sans-serif; color: #1f1f1f; }
h4, h5, h6 { font-weight: 500; font-family: 'Pretendard','Roboto', 'Noto Sans KR', sans-serif; color: #1f1f1f; }
hr { margin-top: 2rem; margin-bottom: 2rem; border: 0; border-top: 1px solid #ced4da; }
.loading_cc { padding: 1.5rem; border-radius: 0.5rem; background-color: rgba(0, 0, 0, 0.3); position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 100000; display: flex; flex-flow: row wrap; width: 100%; height: 100%; align-items: center; justify-content: center; }
button { margin-right: 5px; }
button:last-child { margin-right: 0px; }
label { font-weight: 500; font-size: var(--font5); margin-right: 5px; }
.control-label { text-align: right;font-size: 13px;}
.form-check-label { font-weight: 400; }
.custom-control-label { font-weight: 400; }
.text-wrap { text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; }
.input_group .form-row div { word-wrap: break-word; }
.input-group-text{padding: 0 0.75rem;}
.material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga'; }
.my-1 { margin: 15px 0px}
.mx-1 { margin: 0px 15px}
.py-1 { padding: 15px 0px}
.px-1 { padding: 0px 15px}
.btn-link { color: #444 !important}
.material-icons.md-10 { font-size: 10px; line-height: 10px; vertical-align: middle !important; }
.material-icons.md-12 { font-size: 12px; line-height: 12px; vertical-align: middle !important; }
.material-icons.md-14 { font-size: 14px; line-height: 14px; vertical-align: middle !important; }
.material-icons.md-15 { font-size: 15px; line-height: 15px; vertical-align: middle !important; }
.material-icons.md-16 { font-size: 16px; line-height: 16px; vertical-align: middle !important; }
.material-icons.md-18 { font-size: 18px; line-height: 18px; vertical-align: middle !important; }
.material-icons.md-24 { font-size: 24px; line-height: 24px; vertical-align: middle !important; }
.material-icons.md-36 { font-size: 36px; line-height: 35px; vertical-align: middle !important; }
.material-icons.md-48 { font-size: 48px; line-height: 48px; vertical-align: middle !important; }
.material-icons.md-54 { font-size: 54px; line-height: 54px; vertical-align: middle !important; }
.material-icons.md-60 { font-size: 60px; line-height: 50px; vertical-align: middle !important; }
.material-icons.md-72 { font-size: 72px; line-height: 72px; vertical-align: middle !important; }
.txt-sum-color { color: #000; font-weight: bold; font-size: 14px;}
.txt-color1 { color: #1f1f1f !important; }
.txt-color2 { color: #444444 !important; }
.txt-color3 { color: #999999 !important; }
.txt-color4 { color: #5d5d5d !important; }
.txt-color-wh { color: #ffffff !important; }
.txt-color-accent { color: #0076ce !important; }
.txt-color-accent2 { color: #10c19e !important; }
.txt-color-accent3 { color: #0A3A76 !important; }
.txt-color-accent4 { color: #00A9F5 !important; }
.txt-color-weak { color: #6c757d !important; }
.txt-color-weak2 { color: #c8ced7 !important; }
.txt-color-weak3 { color: #a6b4c2 !important; }
.txt-color-weak4 { color: #b9bfc7 !important; }
.txt-icon1 { color: #8b8b8b !important; }
.txt-icon2 { color: #b8c3c7 !important; }
.txt-color-red { color: #f44336 !important; }
.txt-color-org { color: #ff8050 !important; }
.txt-color-lgr { color: #00c853 !important; }
.txt-mline { text-decoration: line-through; }
.txt-uline { text-decoration: underline; }
.tdbox { display: inline-block; width:100%;}
.txt-l { font-weight: 300 !important; text-decoration: none; }
.txt-r { font-weight: 400 !important; text-decoration: none; }
.txt-s { font-weight: 500 !important; text-decoration: none; }
.txt-b { font-weight: 700 !important; text-decoration: none; }
.txt-bk { font-weight: 900 !important; text-decoration: none; }
.txt_divine { color: #dfdfdf; font-size: 12px; margin: 0px 10px; }
.div_divine { width: 100%; height: 1px; background-color: rgba(0, 0, 0, 0.1) !important; }
.txt-psize0 { font-size: var(--font5);}
.txt-psize1 { font-size: 15px; }
.txt-psize2 { font-size: 13px; }
.txt-psize3 { font-size: 12px; }
.txt-psize4 { font-size: 18px; }
.txt-psize5 { font-size: 24px; line-height: 24px; }
.pagination { margin-top: 25px; }
.filebox { display: flex; align-items: center; flex-wrap: wrap; align-content: space-between; flex-direction: row; }
.filebox label { width:inherit !important; margin-bottom: 0; margin-right: 15px !important; display: inline-block; padding: .35em .75em; color: #fff; font-size: var(--font4); font-weight: 400; line-height: normal; vertical-align: middle; text-align: center; background-color: #fff; cursor: pointer; background-color: #0050FF; border-color: #0076CE; border-radius: 3px; -webkit-transition: background-color 0.2s; transition: background-color 0.2s; }
.filebox label:hover { background-color: #27adeb; }
.filebox label:active { background-color: #27adeb; }
.filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
.filebox span { padding: 2px 10px; background: #F0F0F0; border-radius: 5px; margin-right: 5px;}
.fileboxL { display: flex; align-items: center; flex-wrap: wrap; align-content: space-between; flex-direction: row; }
.fileboxL label { width:inherit !important; margin-bottom: 0; margin-right: 15px !important; display: inline-block; padding: .35em .75em; color: #fff; font-size: var(--font4); font-weight: 400; line-height: normal; vertical-align: middle; text-align: center; background-color: #fff; cursor: pointer; background-color: #0050FF; border-color: #0076CE; border-radius: 3px; -webkit-transition: background-color 0.2s; transition: background-color 0.2s; }
.fileboxL label:hover { background-color: #27adeb; }
.fileboxL label:active { background-color: #27adeb; }
.fileboxL input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
.fileboxL span { padding: 2px 10px; background: #F0F0F0; border-radius: 5px; }
.modal-opinion > p {
  margin-bottom:10px;
}
.modal-opinion > textarea {
  width:100%; resize:none; border:1px solid #c0c4cc; border-radius:3px;
  padding: 10px;
}

/* 게시판 테이블 높이값 및 제목 길이 조절 */
#tBoardList > thead > tr > th,
#tBoardList > tbody > tr > td{
  padding: 0 0.5rem !important;
  line-height: 35px !important;
}
#tBoardList > tbody > tr > td > span.conWrap{display: flex; align-items: center;}
#tAppList > tbody > tr > td > span.conWrap,
#tBoardList > tbody > tr > td > span.conWrap > a,
#tBoardList > tbody > tr > td > a.txt-uline{
  display: block; max-width:90%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
#tBoardList > tbody > tr > td > a.text-board{
  display: block; max-width:100% !important; overflow: auto; text-overflow: inherit; white-space: normal;
}



/*
@media only screen and (min-width: 2000px) {
  #tAppList > tbody > tr > td > span.conWrap,
  #tBoardList > tbody > tr > td > span.conWrap > a,
  #tBoardList > tbody > tr > td > a.txt-uline{
    max-width:730px;
}
}
@media only screen and (min-width: 2400px) {
  #tAppList > tbody > tr > td > span.conWrap,
  #tBoardList > tbody > tr > td > span.conWrap > a,
  #tBoardList > tbody > tr > td > a.txt-uline{
    max-width:1000px;
  } */
}
/* 전자결제 테이블 높이값 및 제목 길이 조절 */
#tAppList > thead > tr > th,
#tAppList > tbody > tr > td{
  padding: 0 0.5rem !important;
  height: 35px !important;
}
#tAppList > thead > tr > th{
  line-height: 35px !important;
}
/* 결재라인 선택사항 box */
.selected >.auxiliary{
  display: table;
width: 100%;
position: sticky;
top: 0;
left: 0;
height: 40px;
/* padding: 10px;
background: #00a600; */
}
.search{
  display: table-cell;
margin: 0;
/* padding: 5px; */
width: 100%;
height: 40px;

}
.selected {
    display: inline-block;
    box-sizing: border-box;
    overflow: auto;
    padding: 0;
    vertical-align: top;
    width: 100%;
    height: 720px;
    border: solid 1px #ddd;
    padding-bottom: 7px;
}
.selected > .selectBox > table > tr > td{

  padding:0.5rem;
  text-align: center;
  white-space: nowrap;
}
.selected > .selectBox > table > tr > td > span,
table.refInfo > tbody > tr > td > span
{
  display: block;
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
  vertical-align: top;
  text-overflow: ellipsis;
}
.selected > .selectBox > table > tr > td > span.col_dpt{
  width: 100px;
  text-align: center;
}
.selected > .selectBox > table > tr > td > span.col_user{
  width: 150px;
  text-align: center;
}
.selected > .selectBox > table > tr > td .col_dpt{
  width: 100px;
  text-align: center;
}
.selected > .selectBox > table > tr > td .col_user{
  width: 150px;
  text-align: center;
}
.modal-body > .apprLine_1 > .appInfo_wrap{
  height:585px; width:650px; margin:auto; overflow-y: auto;
}

table.refInfo{width:100%;}
table.refInfo > tbody > tr > td > span.col_dpt{
  width: 150px;
}
table.refInfo > tbody > tr > td > span.col_user{
  width: 100px;
}
.selected > .selectBox > table > tr.table_header > td{
  background:#f5f7fa;
  color:#000 !important;
}
.selected > .selectBox > table > tr.table_header > td:nth-child(2){
  text-align: center;
}
.selected > .selectBox > table > tr.table_header > td:nth-child(3){
  text-align: center;
}
.selected > .selectBox > table > tr > td > input{vertical-align: middle;}

/* 전자결재 파일업로드 delect버튼 */
.filebox span > .delBtn { width: 15px; height: 15px; background: url(/static/img/icon/icon_del.svg) center center no-repeat; cursor: pointer; margin: 0;opacity: 0.5;}
.filebox span > .delBtn:hover { opacity: 1;}
.filebox span > a{ color: #000 !important; text-decoration: underline; }
.filebox span > a:hover { color: #001cce !important;}
.fileboxL span > .delBtn { width: 15px; height: 15px; background: url(/static/img/icon/icon_del.svg) center center no-repeat; cursor: pointer; margin: 0;opacity: 0.5;}
.fileboxL span > .delBtn:hover { opacity: 1;}
.fileboxL span > a{ color: #000 !important; text-decoration: underline; }
.fileboxL span > a:hover { color: #001cce !important;}


/* 링크타입 */
.link-type { color: #000 !important; margin-right: 15px; padding: 2px 10px; background: #F0F0F0; border-radius: 5px; cursor: pointer; text-decoration: underline;}
.link-type:hover { color: #001cce !important;}
.link-type2 { color: #000 !important; margin-right: 15px; padding: 2px 10px; border-radius: 5px; cursor: pointer; }
.link-type2:hover { color: #001cce !important; font-weight: bold;}
.link-type3 { color: #0076ce !important;}
.link-type3:hover { color: #001cce !important; font-weight: bold;}
.card { border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 0; }
.card-img { border-radius: 0; text-align: center; overflow: hidden; }
.btn-secondary { background-color: #013243; border: 1px solid #013243; border-radius: 3px}
/* input 삭제버튼  */
input[type=search]::-webkit-search-cancel-button { -webkit-appearance: none; width: 20px; height: 20px; background: url(/static/img/icon/icon_del.svg) center center no-repeat; cursor: pointer; }
/* 메뉴 상단 우측 아이디 라운드 */
.avatar { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; object-position: 50% 0%; vertical-align: middle; -webkit-box-shadow: 2px 10px 30px -15px rgba(0, 0, 0, 0.25); -moz-box-shadow: 2px 10px 30px -15px rgba(0, 0, 0, 0.25); box-shadow: 2px 10px 30px -15px rgba(0, 0, 0, 0.25); }
::-moz-selection { background: #0076ce; color: #fff; }


/* 테이블 thead 상단 고정 */
.tableFixHead { overflow: auto; height: calc(85vh - 170px); border-top: 1px solid #b9bfc7; border-bottom: 1px solid #b9bfc7; min-height: 585px; margin-top: 10px !important;}
.tableFixHead thead th{ position: sticky; top:-1px; z-index: 1; background: #fff; border-top: 0 !important; border-bottom: 0 !important; box-shadow: inset 0px -1px #eaebed, 0 1px #000; }

/* 테이블 순차 화살표 */
table.dataTable>thead>tr>th>.dataSor>span { position: absolute; opacity: .3; }
table.dataTable>thead>tr>th>.dataSor>span:last-child { left: 0.5rem; }
table.dataTable>thead .dataSor { position: absolute; margin-left: 0.9rem; }
table.dataTable>thead .dataSor .sorting_Be,
table.dataTable>thead .dataSor .sorting_Af { opacity: 0.8 !important; }
/* 테이블 첨부파일이미지 */
/* table > tbody > tr > td.fileImg > img{ width: 20px; } */

/* 공통 테이블 링크 사이트 커퍼 포인트 및 a 테그 표시 */
.datalist > tbody > tr{cursor: pointer;}
table > tbody > tr > td > a{ color: #000 !important;}
table > tbody > tr > td > a:hover{ color: #001cce !important; }
table > tbody > tr > #appTitle {cursor:pointer !important;}
table > tbody > tr > #appTitle:hover {color:#001cce !important; font-weight: bold}
#tBoardList > tbody > tr > td > a.txt-uline{color:#000 !important;}
/* 테이블 page_info */
.dataTables_info { text-indent: 10px; color: #444; margin-top: 10px; font-size: var(--font5); }
/* 전자결재 결재템플렛 참조기 슬라이팅버튼 */
.ccBox{position: relative;display: none;}
.ccBtn{padding: 3px; background: #17a2b8; color: #fff; width: 80px; height: 23px; text-align: center; border-radius: 5px 5px 0 0;cursor:pointer;}

/* 전자결재 결재템플렛 테이블 */
table.separate { border-top: solid 2px #e4e4e4; border-bottom: solid 2px #e4e4e4; }
table.separate td { padding: 0.3rem 0.75rem; vertical-align: middle; }
/* 250509 hjmoon 메인컬러 변경 */
table.separate th { /*background: #eff7f2;*/ border-left: solid 4px var(--aqua); padding: 0.1rem 0.75rem; color:#000; }
/* table.separate th { background: #eff7f2; border-left: solid 4px #00e600; padding: 0.1rem 0.75rem; color:#000; } */
.tdhead{font-weight: bold;color:#000;}
.tdcolor{background-color: var(--light3);}
/* 전자결재 결재템플렛 합의 결재 테이블박스 ul li형식 기본*/
ul.appline-lst{display:flex; flex-wrap:wrap; flex-direction:row; margin-bottom:0; padding-left:0;}
ul.appline-lst > li{border:solid 1px #e0e0e0; margin-bottom:0.5rem;}
ul.appline-lst > li > div:nth-child(1){padding:0.1rem; text-align:center; background:#eff7f2; font-size:13px; font-weight:bold;}
ul.appline-lst > li > div:nth-child(2){padding:0.3rem; vertical-align:middle; text-align:center; line-height:17px; border-top:solid 1px #e0e0e0; border-bottom:solid 1px #e0e0e0; font-size:13px;}
ul.appline-lst > li > div:nth-child(3){padding:0 0.3rem; vertical-align:middle; text-align:center; height:20px; line-height:20px; font-size:12px;}

/* 전자결재 결재템플렛 합의 결재 테이블박스 ul li형식-1*/
.appLineBox1 { overflow-x:scroll; }
.appLineBox1 > ul.appline-lst { width: max-content; margin-bottom: 0; padding-left: 0; }



/* 전자결재 결재템플렛 합의 결재 테이블박스 */
table.appline-lst td { padding: 0.3rem; vertical-align: middle; text-align: center; line-height: 17px;
 }
table.appLine-lst th,table.appLine-lst td { width:100px; }
table.appline-lst th { padding: 0.1rem; text-align: center; background: #eff7f2; height: 20px; line-height: 20px; font-size:var(--font4); }
table.appline-lst tr:nth-child(2) td { font-size:var(--font4); }
table.appline-lst tr:nth-child(3) td { height:20px; font-size:var(--font5); }
table.appline-lst tr:last-child td span.badge { font-size: 10px; padding:4px; }
.resp { font-size: 11px }

/* 전자결재 결재템플렛 참조보 슬라이팅 및 팝업*/
.apprLine_1 { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; vertical-align: middle; flex-wrap: wrap; }
.apprLine_1 > div:after { content: "|"; margin: 0 6px; color: #5cb85c; }
.apprLine_1 > div:last-child:after { content: ""; }
.apprLine_1 > div { font-size: 13px; line-height: 20px; color: #666; }

/* 220706-sideMenu css추가 */
@keyframes swing {
 0% { transform: rotate(0deg); }
 10% { transform: rotate(10deg); }
 30% { transform: rotate(0deg); }
 40% { transform: rotate(-10deg); }
 50% { transform: rotate(0deg); }
 60% { transform: rotate(5deg); }
 70% { transform: rotate(0deg); }
 80% { transform: rotate(-5deg); }
 100% { transform: rotate(0deg); }
 }

@keyframes sonar {
 0% { transform: scale(0.9); opacity: 1; }
 100% { transform: scale(2); opacity: 0; }
 }

.bg-color { background-color: #fff !important; border-radius: 3px; padding: 15px; -webkit-box-shadow: 3px 3px 10px 0 rgb(0 0 0 / 8%); }

/* admin>시스템>메뉴권한관리 */
.fxHead { overflow: auto; height: calc(100vh - 400px); border-top: 1px solid #b9bfc7; border-bottom: 1px solid #b9bfc7; min-height: 485px; }

/* 즐겨찾기 별 */
.Favorite{cursor: pointer;width: 15px; height: 15px; display: inline-block; background:url(../../img/icon/star.svg) center no-repeat;}
.Favorite.on{background:url(../../img/icon/star-fill.svg) center no-repeat; }

/* main page */
.bg_fir{ position: absolute; top: 0; left: 0; width: 420px; min-height: 850px; background: var(--light3); height: inherit;}
.bg_fir .linear{ position: absolute; display: inline-block; width: 100%; border: solid 1px #b8b8b83d; top: 365px;}
#main-top { height: calc(100vh - 60px); }
#main-top > .container > .row > .col { padding:0 !important; margin-top: var(--main-TBbetween);margin-left: 50px;}
#main-top > .container > .row > .col:last-child {margin-left: 30px;}
/* 날짜와 시간 */
.schedule_box { width: var(--calender); box-sizing: border-box; /* margin-top: var(--main-TBbetween); */ margin-top: 14px;}
.schedule_box > p{ font-size: 20px; font-weight: bold; margin-bottom: 0; text-align: center;}
.schedule_box .cont_header h3{ font-weight: bold; margin: 8px 0 10px 35px; font-size: 24px; color:#000;}
.schedule_box .cont_header .dateBox{}
.schedule_box .cont_header .timeBox{}

/* 달력 start*/

.schedule_box .cont_body .calender { position: relative; height: 304px; width: var(--calender); overflow: hidden; ;box-sizing: border-box;}
.schedule_box .cont_body .calender .calender_controller { /*position: absolute; left: 0; width: var(--calender); height:45px;*/ }
.schedule_box .cont_body .calender .calender_controller .month_select { /* position: relative; width: var( --calender); */display: flex;justify-content: space-between;align-items: center; padding:0 10px; }
.schedule_box .cont_body .calender .calender_controller .month_select .cont_btn { display: inline-block; width: 17px; height: 17px; border-radius: 17px; overflow: hidden; text-indent: -9999px;}
.schedule_box .cont_body .calender .calender_controller .month_select .prev_month { background: url(../../img/general/calender_btn.png) 0 0 no-repeat; }
.schedule_box .cont_body .calender .calender_controller .month_select .prev_month:hover { background-position: 0 -18px}
.schedule_box .cont_body .calender .calender_controller .month_select .next_month { background: url(../../img/general/calender_btn.png) 100% 0 no-repeat; }
.schedule_box .cont_body .calender .calender_controller .month_select .next_month:hover { background-position: 100% -18px}
.schedule_box .cont_body .calender .calender_controller .month_select .date { font-size:20px; color: #535353; /*margin-left: 20px;*/}
.schedule_box .cont_body .calender .calender_controller .month_select .date span { color:#000; font-weight: bold; font-size: 30px; margin: 0 10px}
.schedule_box .cont_body .calender table { width: var(--calender); height: 250px; background: #fff; position: absolute; }
.schedule_box .cont_body .calender table thead { color: #ddd !important; }
.schedule_box .cont_body .calender table thead th { text-align: center; padding: 12px 0; width: 46px; background: var(--green4);}
.schedule_box .cont_body .calender table thead th>.date_wrap { color: #000 !important; }
.schedule_box .cont_body .calender table thead th.sun, .schedule_box .cont_body .calender table tbody td.sun { padding-left: 10px; }
.schedule_box .cont_body .calender table thead th.sat, .schedule_box .cont_body .calender table tbody td.sat { padding-right: 10px; }
.schedule_box .cont_body .calender table tbody { margin-top: 5px; }
.schedule_box .cont_body .calender table tbody td .date_wrap { position: relative; cursor: pointer; text-align: center; line-height: 33px; color: #000;}
/* .schedule_box .cont_body .calender table tbody tr.first_line td .date_wrap { padding-top: 5px; } */
.schedule_box .cont_body .calender table tbody td .date_wrap .today { display: inline-block; width: 30px; height: 30px; line-height: 30px; background: #4ac232; color: #fff; border-radius: 30px; }
.schedule_box .cont_body .calender table tbody td .date_wrap .select { display: inline-block; width: 30px; height: 30px; line-height: 30px; border: 1px solid #4ac232; border-radius: 30px; }
.schedule_box .cont_body .calender table tbody td .date_wrap .work_list { width: 100%; overflow: hidden; position: absolute; left: 0; right: 0; bottom: 0; height: 6px; Text-align: center; }
.schedule_box .cont_body .calender table tbody td .date_wrap .work_list span { vertical-align: top; display: inline-block; width: 6px; height: 6px; border-radius: 3px; background: #929bd5; }
.schedule_box .cont_body .calender table tbody td .date_wrap .work_list span.w1 { background-color: #929bd5; }
.schedule_box .cont_body .calender table tbody td .date_wrap .work_list span.w2 { background-color: #b9d592; }
.schedule_box .cont_body .calender table tbody td .date_wrap .work_list span.w3 { background-color: #d5b892; }
.schedule_box .cont_body .calender table tbody td .date_wrap .work_list span.w4 { background-color: #d59292; }
.schedule_box .cont_body .schedule_add { display: block; text-align: center; border: 2px solid #257a9f; height: 39px; line-height: 39px; border-radius: 5px; color: #257a9f; font-weight: bold; text-decoration: none; background: url(../../img/general/calender_add_bg.png) 40% 50% no-repeat; padding-left: 28px; }
.schedule_box .cont_body .schedule_add:hover { background: #257a9f url(../../img/general/calender_add_bg_ho.png) 40% 50% no-repeat; text-decoration: none; color: #fff; font-weight: bold; }
/* 달력 end*/

/* 조직도 start */
.icon_wrap { /*margin-top: 10px;*/ width: var(--calender); height: 360px; border-bottom: solid 1px #000; background: #0000; overflow: hidden; }
.icon_wrap > div.tree-multiselect {height: auto; border-radius: 0 0 3px 3px;}
.icon_wrap > div.tree-multiselect > div.selected {display: none !important;}
.icon_wrap > div.tree-multiselect > div.selections {border: none !important; height: 350px !important;}
.icon_wrap > div.tree-multiselect input[type=checkbox] {display: none;}
.icon_wrap > div.tree-multiselect div.title,
.icon_wrap > div.tree-multiselect div.title:hover { background: none !important; color: #000000; border-radius: 3px; padding: 2px 0; font-size: 13px; }
.icon_wrap > div.tree-multiselect > div.selections div.item label:hover,
.icon_wrap > div.tree-multiselect > div.selections div.item.on label { color: #000 !important; font-weight: bold !important; }
.icon_wrap > div.tree-multiselect > div.selections div.item label { color: #000 !important; }
.icon_wrap > div.tree-multiselect > div.selections > .section{ padding: 0 10px 10px 10px;}
.icon_wrap > div.tree-multiselect .auxiliary {background: #f0f0f0 !important;}
.icon_wrap > div.tree-multiselect .auxiliary input.search{}
.icon_wrap > div.tree-multiselect div.section > div.item:nth-child(2) { display: none;}
.icon_wrap > div.tree-multiselect div.section.collapsed > div.title span.collapse-section:after { content: " "; transform: rotate(0);
transition: transform 0.1s ease-in-out 0s;}
.icon_wrap > div.tree-multiselect div.title > span.collapse-section { margin: 0 10px; width: 8px; }
.icon_wrap > div.tree-multiselect div.title > span.collapse-section:after { display: inline-block; content: " "; width:9px; height:11px; background: url(../../img/icon/arrow-gate-1.svg) no-repeat; transform: rotate(90deg);}
.icon_wrap > div.tree-multiselect > div.selections div.item:before{content: ""; display: inline-block; width: 8px; height: 4px; margin-right: 3px; margin-bottom: 3px; background: url(../../img/icon/dash.svg) 0 0 no-repeat;}
/* .icon_wrap > div.tree-multiselect .auxiliary::after{
  content: '';
position: absolute;
right: 16px;
top: 15px;
display: inline-block;
width: 20px;
height: 20px;
background: url(../../img/icon/searchBtn.svg) center no-repeat;
background-size: contain;} */
/* 조직도 end */

/* 상단 icon */
.app_info,.app_info2 { display: flex; justify-content: space-around; font-size:var(--font3); text-align: center; height: 120px; flex-wrap: wrap; align-items: center;}
/* .app_info .infoItem,.app_info2 .infoItem{width: 95px; } */
.app_info .infoItem > a,.app_info2 .infoItem > a {display: flex; flex-wrap: nowrap; flex-direction: column; align-items: center; justify-content: space-between;}
.app_info .infoItem > a > img,.app_info2 .infoItem > a > img{ width: 70%; max-width: 100px; height: 90%; border-radius: 35%;box-shadow: 3px 3px 6px 2px #ddd;}
.app_info .infoItem > a > span,.app_info2 .infoItem > a > span{margin-top: 8px; color:#000;}
.app_info .value{ font-weight: bold; color: #404040; padding: 5px; }
.app_info .value span { font-weight: normal; color: #6f6f6f}
.app_info2 {justify-content: space-between; font-size:var(--font3); text-align: center; height: 120px; flex-wrap: wrap;}
.app_info2 > div { width: 31%; height: inherit; display: flex; justify-content: center; flex-direction: row; border-radius: 13px; background: #fff; align-items: center; box-shadow: 3px 3px 10px 0 rgb(0 0 0 / 8%);}
.app_info2 > div .app_icon01,.app_info2 > div .app_icon02,.app_info2 > div .app_icon03 { min-width: 60px; width: 40%; height: 60px; position: relative; }
.app_info2 > div .app_icon01{  background: url(../../img/icon/appIcon_1-wh.svg) center no-repeat;}
.app_info2 > div .app_icon02{  background: url(../../img/icon/appIcon_2-wh.svg) center no-repeat;}
.app_info2 > div .app_icon03{  background: url(../../img/icon/appIcon_3-wh.svg) center no-repeat;}
.app_info2 > div .app_icon01.new::before,
.app_info2 > div .app_icon02.new::before,
.app_info2 > div .app_icon03.new::before{
  content:''; display: block; width:23px; height:23px; border-radius: 20px; position: absolute; right:5px;background:url(../../img/icon/new.svg) top left no-repeat;
}
.app_info2 > div .titleWrap { display: flex; flex-direction: column; align-items: center; }
.app_info2 > div .titleWrap .title { font-size: 18px; display: block; }
.app_info2 .value { font-weight: bold; color: #0050ff; font-size: 20px; }
.app_info2 .value span { font-weight: 400; }
.app_info2 .title { color: #000; font-weight: bold; margin-bottom: 2px;}

/* 게시판 start */
/*기안문서함 결재문서  start */
.contWrap{position: absolute; width: 100%;}
.tab_list1 { overflow: hidden; height: 40px; top:0; box-sizing: border-box;position: absolute; z-index: 5555;}
.tab_list1 li:first-child a{margin-left: 20px;}
.tab_list1 a.on { box-sizing: border-box; font-weight: bold; background: #000000; color: #00e600; }
.tab_list1 a { text-decoration: none; display: block; float: left; background: #fff; color: #80807b; width: 100px; background: #e4e7ed; border-radius: 28px; height: 25px; line-height: 25px; margin: 8px 4px; text-align: center; border-right: solid 1px #fff; font-size: var(--font3); }
/*
.tab_list2 { overflow: hidden; height: 40px; top:0; box-sizing: border-box;position: absolute; z-index: 5555;}
.tab_list2 li:first-child a{margin-left: 20px;}
.tab_list2 a.on { box-sizing: border-box; font-weight: bold; background: #000000; color: #00e600; }
.tab_list2 a { text-decoration: none; display: block; float: left; background: #fff; color: #80807b; width: 100px; background: #e4e7ed; border-radius: 28px; height: 25px; line-height: 25px; margin: 8px 4px; text-align: center; border-right: solid 1px #fff; font-size: var(--font3); } */


/* 탭리스트 */
.contWrap2{position: relative; width: 100%;}
.tab_list2 { background: var(--light3); border-bottom: solid 1px var(--border-line); position: absolute; width: 100%; height: 29px; }
.tab_list2 li { display: inline-block; text-align: center; top: 0px; position: relative; }
.tab_list2 li a { display: block; height: 29px; line-height: 28px; color: #999; border-right: 1px solid var(--border-line); border-bottom: 1px solid var(--border-line); background: var(--light3); padding: 0px 23px; text-decoration: none; font-size: var(--font3); }
.tab_list2 li a.on { background: white; border-bottom: none;position: relative;box-sizing: border-box;font-weight: bold;color: #000;padding: 0px 23px;z-index: 4;height: 29px; }

/* tab_box1 - 기안문서함 결재문서함 */
.mainTB { margin-top:var(--main-TBbetween); position: relative; width: 100%; height: 300px; overflow: hidden; background: #fff; box-shadow: 3px 3px 10px 0 rgb(0 0 0 / 8%); }
/* .mainTB { margin-top:var(--main-TBbetween); position: relative; width: 100%; height: 300px; overflow: hidden; background: #fff; border-radius: 15px 0 0 0; box-shadow: 3px 3px 10px 0 rgb(0 0 0 / 8%); } */
/* notice_box - 공지사항,통합게시판 */
.bg-color2 { background-color: #fff !important; border-radius: 0 0 3px 3px; padding: 13px 16px; }
/* notice_box - 공지사항,통합게시판 / tab_box1 - 기안문서함 결재문서함*/
.notice_box .cont_body > div,.tab_box1 .cont_body > div{ display: flex; justify-content: space-between; border-bottom: 1px solid var(--border-line); overflow: hidden; font-size: var( --font4);}
.notice_box .cont_body > div{ padding: 5px 6px; }
.tab_box1 .cont_body > div{padding: 3px 6px;}
.notice_box .cont_body > div > div > span,.tab_box1 .cont_body > div > div > span { margin-right: 15px; }
.notice_box .cont_body > div > div > span:last-child,.tab_box1 .cont_body > div > div > span:last-child{ margin-right: 0; }
.notice_box .cont_body div:first-child,.tab_box1 .cont_body div:first-child{ padding-top: 0;}
.notice_box .cont_body div .subject{ display: flex;}
.notice_box .cont_body div .subject a{ float: left; max-width: 375px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tab_box1 > .cont_body > div > .subject{ float: left; width: 69%; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.notice_box .cont_body div .subject a,.tab_box1 .cont_body div .subject a{ color: #000; font-weight: 400; letter-spacing: -0.5px; }
/* .notice_box .cont_body div .subject::before{ content: ''; display: inline-block; width: 15px; height: 15px; border-radius: 4px; margin-left: 5px; vertical-align: sub;} */
.notice_box .cont_body div .subject.new::before{ content: ''; display: inline-block; width: 15px; height: 15px; border-radius: 4px; margin-right: 5px; vertical-align: sub; background: url(../../img/icon/new.svg) top left no-repeat; }
.notice_box .cont_body div .subject a:hover,.tab_box1 .cont_body div .subject a:hover{ text-decoration: none; }
.notice_box .cont_body div .date,.tab_box1 .cont_body div .date { color: #999; }
.notice_box .cont_body div .name { color: #999; }
.tab_box1{height:var(--main-tapBoxH);position: absolute;width: 100%;top: 30px;}
.tab_box1 .cont_body div .badge { float: right; width: 60px; color: #fff; font-size: var(--font4); padding: 2px 5px;}
/* 게시판 end */


/* 타이틀 모음 */
.bg-title1 { display: flex; justify-content: space-between; align-items: center; border-radius: 3px 3px 0 0; padding:0 15px; height: 40px; border-bottom:solid 2px black; }
.bg-title { display: flex; justify-content: space-between; align-items: center; padding: 0 17px; height: 40px; color: #000; border-bottom: 2px solid black;}
.bg-title1.iconList1 > p::before,.bg-title.iconList2 > p::before,
.bg-title.iconList3 > p::before,.bg-title.iconList4 > p::before,
.bg-title.iconList5 > p::before{ content: ' '; display: inline-block; width: 23px;height: 23px; margin-right: 10px; }
.bg-title1.iconList1 > p::before{ background: url(../../img/icon/icon_list_04.svg) no-repeat;}
.bg-title.iconList2 > p::before{ background: url(../../img/icon/icon_list_01.svg) no-repeat;}
.bg-title.iconList3 > p::before{ background: url(../../img/icon/icon_list_03.svg) no-repeat;}
.bg-title.iconList4 > p::before{ background: url(../../img/icon/icon_list_02.svg) no-repeat;}
.bg-title.iconList5 > p::before{ background: url(../../img/icon/icon_list_02.svg) no-repeat;}
.bg-title > p, .bg-title1 > p{font-size: var(--font2) !important; padding: 0; margin: 0;display: flex; color: #000; }
.morebtn{  text-decoration: none !important; letter-spacing: 0.5px; display: flex; align-items: center; color:#000 !important;}
.morebtn::after { content: ''; width: 8px; height: 8px; display: inline-block; background: url(../../img/general/select.png) center no-repeat; transform: rotateZ(90deg); background-size: contain; margin-left: 3px; }

/* 타이틀 모음 */
/* .bg-title1 { display: flex; justify-content: space-between; align-items: center; border-radius: 3px 3px 0 0; padding:0 15px; height: 40px; border-bottom:solid 1px #999999; }
.bg-title { display: flex; justify-content: space-between; align-items: center; background-color: #dcdfe6 !important; border-radius: 15px 0 0 0; padding: 0 17px; height: 40px; color: #000; }
.bg-title1.iconList1 > p::before,.bg-title.iconList2 > p::before,
.bg-title.iconList3 > p::before,.bg-title.iconList4 > p::before,
.bg-title.iconList5 > p::before{ content: ' '; display: inline-block; width: 23px;height: 23px; margin-right: 10px; }
.bg-title1.iconList1 > p::before{ background: url(../../img/icon/icon_list_04.svg) no-repeat;}
.bg-title.iconList2 > p::before{ background: url(../../img/icon/icon_list_01.svg) no-repeat;}
.bg-title.iconList3 > p::before{ background: url(../../img/icon/icon_list_03.svg) no-repeat;}
.bg-title.iconList4 > p::before{ background: url(../../img/icon/icon_list_02.svg) no-repeat;}
.bg-title.iconList5 > p::before{ background: url(../../img/icon/icon_list_02.svg) no-repeat;}
.bg-title > p, .bg-title1 > p{font-size: var(--font2) !important; padding: 0; margin: 0;display: flex; color: #000; }
.morebtn{  text-decoration: none !important; letter-spacing: 0.5px; display: flex; align-items: center; color:#000 !important;}
.morebtn::after { content: ''; width: 8px; height: 8px; display: inline-block; background: url(../../img/general/select.png) center no-repeat; transform: rotateZ(90deg); background-size: contain; margin-left: 3px; } */


.textArea {
  width:100%;
  resize:none;
  /* // padding:5px; */
  padding: 0.375rem 0.75rem;
  margin-top:5px;
  border-color: #E0E0E0;
  font-size:12px;
  color:#495057;
  border-radius: 3px;
}
.textArea:focus {
  color: #444444;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.textArea::-webkit-input-placeholder { color: #98a1a9; opacity: 1; }
.textArea::-moz-placeholder { color: #98a1a9; opacity: 1; }
.textArea:-ms-input-placeholder { color: #98a1a9; opacity: 1; }
.textArea::-ms-input-placeholder { color: #98a1a9; opacity: 1; }
.textArea::placeholder { color: #98a1a9; opacity: 1; }
@media only screen and (min-width: 2000px) {
  .notice_box .cont_body div .subject a{ max-width: 550px; }
}

@media only screen and (min-width: 2400px) {
  .notice_box .cont_body div .subject a{ max-width: 650px; }
}

/* 250507 hjmoon 기안 화면마다 다 들어가있길래 공통으로 빼둠*/
.appline-lst-wrap {
  width: 100%;
  overflow-x: auto;
  table {
    width: auto;
    min-width: max-content;
    tr {
      th {
        line-height: 11px;
        font-size: 11px;
      }
      p {
        width: 100%;
        overflow: hidden;
        margin: 0;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-size: 10px;
        span {
          white-space: nowrap;
          overflow: hidden;
        }
        &.name {
          font-size: 13px;
        }
      }
      td,
      th {
        max-width: 80px;
        width: 80px;
        overflow: hidden;
        padding: 3px;
      }
    }
  }
}