h1,h2,h3,h4,div,p,span,b,strong,li,a,u,input,select,textarea,button,th,td,dt,dd { 
 font-family: 'Spoqa Han Sans Neo',sans-serif; 
 line-height: 1.6; 
 letter-spacing: 0.5px; 
 word-spacing: 0px; 
 } 
 
 /*웹에서는 웹폰트*/
 h1,h2,h3,h4,b,strong,button,input[type="button"],dt,th { 
 font-weight: 500; 
 } 
 
 div,span,li,dd,td { 
 font-weight: 400; 
 } 
 
 @media screen and (hover: none) and (pointer: coarse) { 
 h1,h2,h3,h4,div,p,span,b,strong,li,a,u,input,select,textarea,button,th,td,dt,dd { 
 font-family: 'Apple SD Gothic Neo','맑은고딕','Malgun Gothic',arial,'돋움',Dotum,Tahoma,Geneva,sans-serif; 
 } 
 
 /*웹이 아닌곳에선 시스템폰트*/
 } 
 
 /*공통*/
 input[readonly] { 
 background: transparent
 } 
 
 input.hasDatepicker[readonly] { 
 background: #fff
 } 
 
 select { 
 background: url(/images/arrow_select.svg) no-repeat right 8px center #fff; 
 border: 0px; 
 background-size: 10px; 
 padding-right: 28px; 
 padding-left: 12px; 
 } 
 
 .input-group { 
 display:flex; 
 } 
 .input-group label { 
 margin-left:4px; 
 } 
 .input-group input[type="text"] { 
 flex:1; 
 } 
 
 .input-group input[type="text"]:disabled { 
 background:#ececec; 
 } 
 .input-group input[type="button"] { 
 border:0; 
 background:#e1e1e1; 
 color:#191919d6; 
 
 } 
 .input-group span { 
 margin-right: 10px; 
 display: flex; 
 align-items: center; 
 } 
 .input-group input { 
 margin:0; 
 } 
 
 .input_design input[type="text"], .input_design input[type="number"], .input_design input[type="password"], .input_design input[type="date"], .input_design input[type="adress"], .input_design input[type="email"], .input_design input[type="adress"] { 
 height: 32px; 
 line-height: 32px; 
 border: 0px; 
 padding: 4px 8px; 
 } 
 
 .input_design input[size="100"] { 
 width: 100%
 } 
 
 .input_design select { 
 height: 32px; 
 line-height: 24px; 
 border: 0px; 
 padding: 4px 8px; 
 } 
 
 .input_design textarea { 
 border: 0px; 
 min-height: 100px; 
 padding: 4px 8px; 
 white-space: pre; 
 } 
 
 .required:after { 
 content: "*"; 
 color: #cd4949; 
 z-index: 0; 
 position: relative; 
 top: 3px; 
 left: 3px; 
 font-weight: 700; 
 } 
 
 /*필수표시*/
 .mode_type { 
 width: 100%
 } 
 
 /*다크모드*/
 .file_download { 
 margin-left: 20px; 
 color: #2464c8 !important; 
 border-bottom: solid 1px #2464c8; 
 line-height: 15px; 
 display: inline-block; 
 text-decoration: none; 
 position: relative; 
 } 
 
 .file_download:before { 
 content: " "; 
 display: block; 
 background: url(/images/ico_file.svg) center left no-repeat; 
 width: 14px; 
 height: 18px; 
 position: absolute; 
 left: -20px; 
 } 
 
 .cr_memo_view .file_download { 
 color: rgb(64 64 64 / 90%)!important; 
 border-bottom: solid 1px rgb(206 206 206 / 80%)!important; 
 } 
 
 .cr_memo_view .file_download:before { 
 content: " "; 
 display: block; 
 background: url(/images/ico_file.svg) center left no-repeat; 
 width: 14px; 
 height: 18px; 
 position: absolute; 
 left: -20px; 
 } 
 
 /*첨부파일*/
 .filebox { 
 display: grid; 
 grid-template-columns: auto max-content; 
 } 
 
 .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 label { 
 width: 96px; 
 height: 32px; 
 line-height: 28px; 
 text-align: center; 
 color: #393F61; 
 font-size: 14px; 
 font-weight: bold; 
 color: #393F61; 
 background: #fff; 
 border: solid 2px #999CAB; 
 } 
 
 .filebox .file_name { 
 height: 32px; 
 line-height: 32px; 
 border: 0px; 
 background: #fff; 
 padding: 4px 8px; 
 margin-right: 8px; 
 appearance: none; 
 } 
 
 /*기간*/
 .input_period { 
 display: flex; 
 align-items: center; 
 } 
 
 .input_period span { 
 display: inherit; 
 align-items: inherit; 
 } 
 
 .input_period span input { 
 width: 100%
 } 
 
 .input_period span:nth-child(1):after { 
 content: "~"; 
 width: 16px; 
 padding: 0 4px; 
 text-align: center; 
 } 
 
 header { 
 display: none
 } 
 
 .wrap { 
 display: grid; 
 grid-template: 100% / 192px minmax(300px, 30%) minmax(300px, 100%); 
 height: 100%; 
 overflow: visible; 
 } 
 
 .side_area { 
 background: #242424; 
 overflow: visible; 
 display: grid; 
 min-height: 580px; 
 grid-template-rows: max-content auto max-content; 
 } 
 
 .side_area .side_header { 
 border-bottom: solid 1px #393939; 
 color: #bdbdbd; 
 height: 136px; 
 padding-top: 24px; 
 display: grid; 
 grid-template-rows: max-content auto; 
 align-items: center; 
 text-align: center; 
 justify-content: center; 
 } 
 
 .side_area .side_header div { 
 margin-top: 16px; 
 font-size: 14px; 
 } 
 
 .side_area .side_list { 
 padding: 0 20px; 
 width: 100%
 } 
 
 .side_area .logout { 
 background: transparent; 
 display: inline-block; 
 text-align: center; 
 border: solid 1px #555; 
 color: #777; 
 width: calc(100% - 20px); 
 margin: 10px 10px; 
 min-height: 30px; 
 line-height: 30px; 
 font-size: 14px; 
 } 
 
 .cr_btn { 
 background: #293DA6; 
 width: 100%; 
 height: 40px; 
 color: #fff; 
 border: 0px; 
 border-radius: 4px; 
 margin: 16px 0; 
 font-size: 16px; 
 font-weight: bold
 } 
 
 .cr_btn:hover { 
 box-shadow: inset 0 100px 0 rgb(0 0 0 / 20%); 
 } 
 
 .side_area .side_list > ul > li > a { 
 line-height: 40px; 
 display: inline-block; 
 width: 100%; 
 opacity: 0.7; 
 cursor: pointer; 
 } 
 
 .side_area .side_list > ul > li > ul > li { 
 line-height: inherit; 
 } 
 
 .side_area .side_list > ul > li > ul > li > a { 
 display: inline-block; 
 width: 100%; 
 height: 30px; 
 line-height: 30px; 
 } 
 
 .side_area .side_list > ul > li a { 
 line-height: 40px; 
 opacity: 0.7; 
 color: #fff; 
 cursor: pointer; 
 padding: 0 10px; 
 } 
 
 .side_area .side_list > ul > li > ul > li span { 
 color: #fff; 
 font-size: 13px; 
 } 
 
 .side_area .side_list > ul > li > ul > li img { 
 padding: 0 8px 0 0; 
 width: 14px; 
 height: 16px; 
 box-sizing: unset; 
 } 
 
 .side_area .side_list > ul > li img { 
 margin-bottom: -3px; 
 } 
 
 .side_area .side_list > ul > li > ul { 
 background: #000; 
 padding: 10px 10px 10px 15px; 
 } 
 
 .side_area .side_list > ul > li:hover > a, .side_area .side_list > ul > li > ul > li:hover > a { 
 opacity: 1; 
 } 
 
 .side_area .side_list a.select { 
 opacity: 1; 
 } 
 
 .side_area .side_list li img { 
 padding: 0 12px 0 0; 
 } 
 
 .side_area .side_list span { 
 color: #fff; 
 font-size: 14px; 
 } 
 
 .side_area .side_list span:nth-last-child(1) { 
 margin-left: auto
 } 
 
 .list_area { 
 display: grid; 
 grid-template-rows: 56px auto 0; 
 } 
 
 .list_area .list_header { 
 background: #f6f6f6; 
 display: flex; 
 align-items: center; 
 /* padding-left: 16px; */
 border-bottom: solid 1px #E5E5E5; 
 } 
 .list_area .list_header form { height:100%; } 
 .list_area .list_header select[name="business_area"] { 
 height: 100%; 
 padding: 0 31px 0 15px; 
 } 
 
 .list_area .list_header .btn_search { 
 background: url(/images/ico_search.svg) center center no-repeat; 
 width: 24px; 
 border: 0; 
 cursor: pointer
 } 
 
 .list_area .list_header .btn_reset { 
 background: url(/images/btn_close_darkgray.svg) center center no-repeat; 
 width: 24px; 
 border: 0; 
 background-size: 15px; 
 cursor: pointer
 } 
 
 .list_area .list_header .search_input { 
 border: 0px; 
 background: #f6f6f6; 
 padding-left: 8px; 
 width: calc(100% - 60px); 
 font-size: 16px; 
 } 
 
 .list_area .list_header .search_filter { 
 background: url("/images/btn_filter_blackfill.svg") center center no-repeat; 
 height: 56px; 
 line-height: 56px; 
 border: 0px; 
 width: 56px; 
 } 
 
 .list_area .list_con { 
 overflow-y: auto; 
 height: 100%; 
 } 
 
 .list_area .list_con .no_cr { 
 width: 100%; 
 height: 100%; 
 text-align: center; 
 display: flex; 
 justify-content: center; 
 align-items: center; 
 font-size: 20px; 
 color: #ccc; 
 display: flex; 
 flex-flow: column; 
 font-weight: 500; 
 } 
 
 .list_area .list_con li { 
 display: grid; 
 grid-template: auto auto/ auto min-content max-content; 
 border-bottom: solid 1px #F2F2F2; 
 padding: 10px 24px; 
 grid-gap: 0px 9px; 
 align-items: center; 
 min-height: 80px; 
 cursor: pointer; 
 } 
 
 .list_area .list_con li:hover { 
 background: #f6f6f6
 } 
 
 .list_area .list_con li.select { 
 background: #f6f6f6
 } 
 
 .list_area .list_con li .list_type { 
 grid-area: 1/1/2/2; 
 font-size: 12px; 
 } 
 
 .list_area .list_con li .list_type:before { 
 content: "["
 } 
 
 .list_area .list_con li .list_type:after { 
 content: "]"
 } 
 
 .list_area .list_con li .list_tit { 
 grid-area: 1/1/1/3; 
 display: grid; 
 grid-template-columns: minmax(0, max-content) max-content; 
 align-items: center; 
 } 
 
 .list_area .list_con li .list_tit h4 { 
 font-size: 19px; 
 text-overflow: ellipsis; 
 white-space: nowrap; 
 overflow: hidden; 
 padding-right: 8px; 
 } 
 
 .list_area .list_con li .list_tit b { 
 font-size: 12px; 
 font-weight: bold; 
 color: #CD4949; 
 letter-spacing: -1px; 
 } 
 
 .list_area .list_con li .list_state { 
 grid-area: 1/3/2/4; 
 display: flex; 
 align-items: center; 
 justify-content: flex-end; 
 display: none; 
 } 
 
 .list_area .list_con li .book_mark_chk input { 
 background: url("/images/mark_bookmark_blackline.svg") center center no-repeat; 
 } 
 
 .list_area .list_con li .book_mark_chk input:checked { 
 background: url("/images/mark_bookmark_yellowfill.svg") center center no-repeat; 
 } 
 
 .list_area .list_con li .estimate { 
 grid-area: 2/3/3/4; 
 display: flex; 
 flex-wrap: nowrap; 
 font-size: 13px; 
 color: #666; 
 justify-content: flex-end; 
 /* display: flex; */
 /* flex-wrap: wrap; */
 /* margin-bottom: 3px; */
 } 
 
 .list_area .list_con li .registration_date { 
 grid-area: 3/3/4/3; 
 font-size: 13px; 
 color: #666; 
 /* margin: 0; */
 display: flex; 
 justify-content: flex-end; 
 flex-wrap: wrap; 
 } 
 
 .list_area .list_con li .registration_date dd { 
 display: inherit; 
 flex-wrap: wrap; 
 /* margin: 0; */
 } 
 
 .list_area .list_con li dd span { 
 display: inline-block; 
 margin-right: 8px; 
 line-height: 18px; 
 } 
 
 .list_area .list_con li .writer { 
 grid-area: 1/3/1/3; 
 font-size: 12px; 
 text-align: right; 
 display: inline-block; 
 } 
 
 .list_area .list_con li.cr_endbox { 
 background: #aaa; 
 color: #fff
 } 
 
 .list_area .list_con li .state { 
 display: flex; 
 grid-area: 4/1/4/3; 
 margin-top: -5px; 
 } 
 
 .list_area .list_con li.cr_endbox dl dd span { 
 color: #fff; 
 display: inline-block; 
 } 
 
 .list_area .list_con li.cr_endbox dl dd span.label { 
 color: #f7f7f7; 
 } 
 
 .list_area .list_con li dl dd span { 
 text-align: right; 
 } 
 
 .list_area .list_con li dl dd span.label { 
 color: #b5b5b5; 
 } 
 
 .list_area .list_con li .glive_date { 
 grid-area: 4/4/4/3; 
 font-size: 13px; 
 color: #666; 
 display: flex; 
 flex-wrap: wrap; 
 } 
 
 .form_area { 
 width: 100%; 
 border-left: solid 1px #ddd; 
 display: grid; 
 grid-template-rows: 56px auto; 
 } 
 
 .form_area .form_header { 
 background: #f6f6f6; 
 border-bottom: solid 1px #E5E5E5; 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 padding: 0 0 0 32px; 
 } 
 
 .form_area .form_header .form_header_right { 
 display: flex; 
 align-items: center; 
 height: 100%; 
 } 
 
 .form_area .form_header .form_header_right span { 
 margin-right: 32px; 
 } 
 
 .form_area .form_header .form_header_right div { 
 display: inherit; 
 flex-wrap: wrap; 
 text-align: right; 
 justify-content: flex-end; 
 } 
 
 .form_area .form_header .history { 
 background: url("/images/btn_history.svg") center center no-repeat #fff; 
 margin-left: 16px; 
 width: 56px; 
 height: 100%; 
 border: 0px; 
 } 
 
 .form_area .form_con { 
 overflow-y: auto; 
 overflow-x: hidden; 
 height: 100%; 
 position: relative; 
 } 
 
 .form_area .form_con .no_cr { 
 width: 100%; 
 height: 100%; 
 text-align: center; 
 display: flex; 
 justify-content: center; 
 align-items: center; 
 font-size: 20px; 
 color: #ccc; 
 font-weight: 500; 
 display: flex; 
 flex-flow: column; 
 } 
 
 .form_area .form_con .no_cr.not_selected:before { 
 content: " "; 
 background: url(/images/ico_cr_list.svg) center center no-repeat; 
 display: block; 
 width: 60px; 
 height: 80px; 
 } 
 
 /*폼 공통*/
 .form_area .form_con .form_common { 
 background: #f6f6f6; 
 position: relative; 
 /* border:solid 32px transparent; */
 border-bottom: 0px; 
 border-right: 0px; 
 width: 100%; 
 height: 100%; 
 overflow-y: auto; 
 } 
 
 /*cr 등록 폼 */
 .form_area .form_con .cr_regist > form { 
 display: grid; 
 grid-template-rows: auto max-content; 
 padding-right: 32px; 
 } 
 
 .form_area .form_con .cr_regist .cr_regist_con { 
 padding: 0 5vw 0 0; 
 } 
 
 .form_area .form_con .cr_regist .cr_regist_con ul {
 display: grid; 
 grid-row-gap: 8px; 
 grid-template-columns: 100%; 
 }


 .form_area .form_con .cr_regist .cr_regist_con li {
 display: grid;
 grid-template-columns: 160px auto; 
 grid-column-gap: 24px; 
 align-items: baseline; 
 } 
 
 .error { 
 color: #cd4949; 
 grid-column: 2; 
 } 
 
 .filebox .file_name.error { 
 grid-column: 1; 
 } 
 
 .form_area .form_con .cr_detail .cr_detail_con li .filebox label.error { 
 color: #cd4949; 
 grid-column: 1; 
 border: 0; 
 background: transparent; 
 width: 100%; 
 text-align: left; 
 } 
 
 select.error, input.error, .chk_box.error, textarea.error { 
 border: 2px solid #dc1d1d !important; 
 } 
 
 .form_area .form_con .cr_regist .cr_regist_con li span { 
 text-align: right; 
 font-size: 14px
 } 
 
 /*table category*/
 .table_category { 
 margin: 20px 32px 0 32px; 
 display: flex; 
 } 
 
 .table_category .table_category_title { 
 border-radius: 10px 10px 0 0; 
 text-align: center; 
 font-size: 14px; 
 font-weight: 500; 
 color: #fff; 
 padding: 10px 5px; 
 flex: 1; 
 min-width: 130px; 
 max-width: 130px; 
 background: #aaa; 
 border: 1px solid #ccc; 
 border-bottom: 0px; 
 margin-right: 1px; 
 cursor: pointer
 } 
 
 .table_category .table_category_title.active { 
 background: #333
 } 
 
 /*테이블 스타일*/
 table.table01 { 
 min-width: 100%; 
 border-spacing: 0; 
 border-collapse: collapse; 
 } 
 
 table.table01 tr th { 
 background: #293da6; 
 padding: 11px 16px; 
 font-size: 15px; 
 font-weight: normal; 
 white-space: nowrap; 
 border: 1px solid #4c5fc1; 
 } 
 
 table.table01 tr th a { 
 cursor: pointer
 } 
 
 table.table01 tr th div { 
 display: flex; 
 align-items: center; 
 color: #fff; 
 justify-content: center; 
 line-height: 19px; 
 font-size: 14px; 
 } 
 
 table.table01 tr th span { 
 border-left: solid 4px transparent; 
 border-right: solid 4px transparent; 
 border-bottom: solid 4px #293da6; 
 margin: 0 0 0 8px; 
 } 
 
 table.table01 tr th span.none_sort { 
 width:9px; 
 border: solid 0.1rem; 
 background: #e7edf5; 
 } 
 
 table.table01 tr th span.descending { 
 transform: rotate(180deg)
 } 
 
 table.table01 tr th span.ascending { 
 transform: rotate(0deg)
 } 
 
 table.table01 tr th span.active { 
 border-bottom: solid 6px #cd4949
 } 
 
 table.table01 tr td { 
 padding: 8px 8px; 
 font-size: 14px; 
 line-height: 19px; 
 background: #fff; 
 border-bottom: solid 1px #dcdcdc; 
 } 
 
 table.table01 tr td:not(.ta_l) { 
 text-align: center; 
 } 
 
 table.table01 .file_download_div { 
 margin-top: 10px
 } 
 
 #status_table thead { 
 position:
 sticky; 
 top: -1px; 
 z-index: 1; 
 } 
 /*테이블 스타일*/
 table.table02 { 
 min-width: 100%; 
 border-spacing: 0; 
 border-collapse: collapse; 
 } 
 
 table.table02 tr th { 
 background: #eeeff3; 
 padding: 11px 16px; 
 font-size: 15px; 
 font-weight: normal; 
 white-space: nowrap; 
 
 } 
 table.table01 tr { cursor:pointer; } 
 table.table01 tr th a { 
 cursor: pointer
 } 
 
 table.table02 tr th div { 
 display: flex; 
 align-items: center; 
 color: #000; 
 justify-content: center; 
 line-height: 19px; 
 font-size: 13px; 
 } 
 
 
 table.table02 tr th span.none_sort { 
 width:9px; 
 border: solid 0.1rem; 
 background: #e7edf5; 
 } 
 
 table.table02 tr th span.descending { 
 transform: rotate(180deg)
 } 
 
 table.table02 tr th span.ascending { 
 transform: rotate(0deg)
 } 
 
 table.table02 tr th span.active { 
 border-bottom: solid 6px #cd4949
 } 
 
 table.table02 tr td { 
 padding: 8px 8px; 
 font-size: 13px; 
 line-height: 22px; 
 background: #fff; 
 border-bottom: solid 1px #dcdcdc; 
 } 
 
 table.table02 tr td:not(.ta_l) { 
 text-align: center; 
 } 
 
 table.table02 .file_download_div { 
 margin-top: 10px
 } 
 
 #status_table thead { 
 position:
 sticky; 
 top: -1px; 
 z-index: 1; 
 } 
 /*cr 등록 폼 체크박스 */
 .chk_box { 
 display: grid; 
 grid-template-columns: repeat( auto-fit, minmax(250px, 1fr) ); 
 grid-gap: 2px; 
 } 
 
 .chk_box div input { 
 width: 0; 
 height: 0; 
 display: none; 
 } 
 
 .chk_box div input + label { 
 display: flex; 
 align-items: center; 
 background: #fff; 
 height: 100%; 
 width: 100%; 
 font-size: 14px; 
 padding: 12px 16px; 
 font-weight: bold; 
 color: #555
 } 
 
 .chk_box div input + label:before { 
 content: " "; 
 background: url(/images/ico_end.svg) center left no-repeat; 
 display: block; 
 filter: invert(1); 
 width: 24px; 
 height: 20px; 
 background-size: 12px; 
 opacity: 0.5; 
 } 
 
 .chk_box div input:checked + label:before { 
 content: " "; 
 background: url(/images/ico_end.svg) center left no-repeat; 
 display: block; 
 filter: unset; 
 width: 24px; 
 height: 20px; 
 background-size: 12px; 
 opacity: 1; 
 } 
 
 .chk_box div input:checked + label { 
 background-color: #293da6; 
 color: #eee; 
 } 
 
 /*cr 등록 첨부파일 추가삭제 버튼 */
 .btn_file { 
 border: 0px; 
 width: 32px; 
 height: 32px; 
 border: solid 2px #999CAB; 
 margin: 8px 0 0 8px; 
 } 
 
 .file_add { 
 background: url('/images/file_add.svg') center center no-repeat #fff; 
 } 
 
 .file_del { 
 background: url('/images/file_del.svg') center center no-repeat #fff; 
 } 
 
 /*cr 상세보기*/
 .form_area .form_con .cr_detail { 
 padding: 30px; 
 display: grid; 
 grid-template-rows: max-content auto; 
 } 
 
 .form_area .form_con .cr_detail .cr_detail_toparea { 
 grid-column-gap: 24px; 
 align-items: baseline; 
 max-width: 100%; 
 display: grid; 
 grid-template-columns: max-content auto; 
 justify-content: space-between; 
 position: sticky; 
 top: -30px; 
 background: #f6f6f6; 
 padding-top: 16px; 
 padding-bottom: 16px; 
 z-index: 2; 
 } 
 
 .form_area .form_con .cr_detail .cr_detail_toparea .cr_detail_topleft { 
 display: grid; 
 align-items: center; 
 grid-template-columns: auto auto; 
 grid-column-gap: 8px; 
 } 
 
 .form_area .form_con .cr_detail .cr_detail_toparea .cr_detail_topleft .chk_box { 
 grid-template-columns: max-content; 
 } 
 
 .form_area .form_con .cr_detail .cr_detail_toparea .chk_box div input + label { 
 padding: 5px 16px
 } 
 
 .form_area .form_con .cr_detail .cr_detail_toparea .cr_detail_topright { 
 width: 100%; 
 display: flex; 
 overflow-x: auto; 
 } 
 
 .form_area .form_con .cr_detail .cr_detail_con { 
 display: grid; 
 grid-row-gap: 8px; 
 grid-template-rows: repeat(auto-fit, minmax(max-content,0)); 
 } 
 
 /*cr 상단우측버튼*/
 .form_area .form_con .cr_detail .cr_detail_topright .btn { 
 cursor: pointer; 
 min-width: 110px; 
 height: 32px; 
 text-align: center; 
 line-height: 28px; 
 font-size: 16px; 
 border: solid 2px #6E7494; 
 color: #333; 
 padding: 0 16px; 
 background: #fff; 
 border-radius: 4px; 
 } 
 
 .form_area .form_con .cr_detail .cr_detail_topright li:nth-last-child(n + 2) .btn { 
 margin-right: 8px
 } 
 
 /*cr 승인 등록*/
 .form_area .form_con .cr_detail .cr_input_approval { 
 border: solid 3px #293DA6; 
 border-radius: 4px; 
 } 
 
 .form_area .form_con .cr_detail .cr_input_approval .cr_approval_title { 
 background: #293DA6; 
 color: #fff; 
 min-height: 38px; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 line-height: 18px; 
 padding: 9px 16px 11px; 
 } 
 
 .form_area .form_con .cr_detail .cr_input_approval ul { 
 padding: 24px calc(14% + 16px) 0 16px; 
 display: grid; 
 grid-row-gap: 8px; 
 } 
 
 .form_area .form_con .cr_detail .cr_input_approval li { 
 display: grid; 
 grid-template-columns: 160px auto; 
 grid-gap: 24px; 
 align-items: baseline; 
 } 
 
 .form_area .form_con .cr_detail .cr_input_approval li span { 
 text-align: right; 
 font-size: 14px; 
 } 
 
 /*cr 메모 등록*/
 .form_area .form_con .cr_detail .cr_input_memo, .pop_memo .cr_input_memo { 
 border: solid 3px #CD4949; 
 background: rgb(205 73 73 / 12%); 
 border-radius: 4px; 
 } 
 
 .form_area .form_con .cr_detail .cr_input_memo .cr_memo_title, .pop_memo .cr_input_memo .cr_memo_title { 
 background: #CD4949; 
 color: #fff; 
 min-height: 38px; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 line-height: 18px; 
 padding: 9px 16px 11px; 
 } 
 
 .form_area .form_con .cr_detail .cr_input_memo ul { 
 padding: 24px calc(14% + 16px) 0 16px; 
 display: grid; 
 grid-row-gap: 8px; 
 } 
 
 .pop_memo .cr_input_memo ul { 
 padding: 24px 48px 0 16px; 
 display: grid; 
 grid-row-gap: 8px; 
 } 
 
 .form_area .form_con .cr_detail .cr_input_memo li { 
 display: grid; 
 grid-template-columns: 160px auto; 
 grid-column-gap: 24px; 
 align-items: baseline; 
 } 
 
 .pop_memo .cr_input_memo li { 
 display: grid; 
 grid-template-columns: 96px auto; 
 grid-column-gap: 24px; 
 align-items: baseline; 
 } 
 
 .form_area .form_con .cr_detail .cr_input_memo li span, .pop_memo .cr_input_memo li span { 
 text-align: right; 
 font-size: 14px; 
 } 
 
 .form_area .form_con .cr_detail .cr_input_memo .button_area, .pop_memo .cr_input_memo .button_area { 
 background: transparent; 
 } 
 
 .pop_memo { 
 width: 80%; 
 max-width: 1000px; 
 position: relative; 
 z-index: 1; 
 background: #fff; 
 border-radius: 8px; 
 } 
 
 .pop_close { 
 background: url(/images/btn_close_white.svg) center center no-repeat; 
 border: 0px; 
 background-size: 20px; 
 width: 20px; 
 margin-left: auto; 
 } 
 
 /*cr 뷰*/
 .form_area .form_con .cr_detail .cr_detail_view { 
 border-radius: 4px; 
 } 
 
 .form_area .form_con .cr_detail .cr_detail_view span.white { 
 content: ''; 
 display: block; 
 background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1)); 
 position: absolute; 
 left: 0; 
 right: 0; 
 bottom: 0px; 
 height: 90px; 
 } 
 
 .form_area .form_con .cr_detail .cr_detail_view .cr_detail_view_top { 
 display: flex; 
 justify-content: flex-end; 
 font-size: 14px; 
 } 
 
 .form_area .form_con .cr_detail .cr_detail_view .cr_detail_view_top span { 
 border-radius: 15px; 
 background: #f1f1f1; 
 padding: 0 10px; 
 margin-right: 11px; 
 font-size: 13px; 
 line-height: inherit; 
 align-items: center; 
 display: flex; 
 /* float: right; */
 /* margin-left: auto; */
 /* justify-self: flex-end; */
 } 
 
 .form_area .form_con .cr_detail .cr_detail_view .cr_detail_view_top h4 { 
 font-weight: 500; 
 color: #293da6; 
 align-self: flex-start; 
 margin-right: auto; 
 font-size: 18px; 
 /* justify-self: flex-start; */
 /* display: flex; */
 } 
 
 .form_area .form_con .cr_detail .cr_detail_view li { 
 display: grid; 
 grid-template-columns: 160px auto; 
 grid-gap: 24px; 
 align-items: center; 
 border-bottom: solid 1px #eee
 } 
 
 .form_area .form_con .cr_detail .cr_detail_view li span { 
 min-height: 45px; 
 white-space: inherit; 
 font-size: 14px; 
 display: flex; 
 align-items: center; 
 padding: 6px 0; 
 } 
 
 /*승인,메모 공동 뷰박스*/
 .form_area .form_con .cr_detail .view_box { 
 padding: 16px 24px 16px 24px; 
 font-size: 14px; 
 color: #fff; 
 border-radius: 4px; 
 display: grid; 
 box-shadow: 1px 2px 3px #ddd; 
 grid-template: auto auto/auto auto max-content; 
 } 
 
 /*뷰박스 그리드 적용 X */
 .form_area .form_con .cr_detail .view_box.w100 { 
 grid-template-columns: inherit; } 
 
 
 .form_area .form_con .cr_detail .view_box.row3 { 
 grid-template: auto auto auto/auto auto auto max-content; 
 /* box-shadow: 1px 2px 3px #ddd; */
 } 
 
 .form_area .form_con .cr_detail .view_box .view_title { 
 margin-bottom: 5px; 
 font-weight: bold; 
 /* color: #f44336; */
 grid-area: 2/1/1/2; 
 } 
 
 .form_area .form_con .cr_detail .view_box .view_regist_day { 
 grid-area: 1/2/2/4; 
 text-align: right; 
 } 
 
 .form_area .form_con .cr_detail .view_box .delate { 
 background: url(/images/btn_close_darkgray.svg) no-repeat center right; 
 width: 16px; 
 background-size: 100%; 
 height: 100%; 
 border: 0px; 
 right: -12px; 
 position: relative; 
 top: -5px; 
 cursor: pointer; 
 } 
 
 .form_area .form_con .cr_detail .view_box .view_regist_name { 
 grid-area: 2/3/3/4; 
 text-align: right; 
 /* color: #a5a5a5; */
 } 
 
 .form_area .form_con .cr_detail .view_box .view_con { 
 grid-area: 2/1/3/3; 
 white-space: pre; 
 } 
 
 /*견적 뷰박스*/
 .form_area .form_con .cr_detail .cr_estimate_view { 
 background: #ffffff; 
 border-left: 3px solid #293da6; 
 color: #444; 
 } 
 
 .form_area .form_con .cr_detail .cr_estimate_view h4 { 
 color: #293da6; 
 } 
 
 /*메모 뷰박스*/
 .form_area .form_con .cr_detail .cr_memo_view { 
 background: #ffffff; 
 color: #444; 
 border-left: 3px solid #f44336; 
 } 
 
 .form_area .form_con .cr_detail .cr_memo_view h4 { 
 color: #f44336; 
 } 
 
 .form_area .form_con .cr_detail .cr_memo_view .delate { 
 background: url(/images/btn_close_darkgray.svg) no-repeat center right; 
 width: 16px; 
 background-size: 100%; 
 cursor: pointer; 
 } 
 
 /*승인 뷰박스*/
 .form_area .form_con .cr_detail .cr_approval_view { 
 background: #ffffff; 
 color: #444; 
 border-left: 3px solid #4caf50; 
 } 
 
 .form_area .form_con .cr_detail .cr_approval_view h4 { 
 color: #4caf50; 
 } 
 
 .form_area .form_con .cr_detail .cr_approval_title { 
 font-weight: bold
 } 
 
 .form_area .form_con .cr_detail .cr_approval_con { 
 color: #3F414B
 } 
 
 .form_area .form_con .cr_detail .cr_detail_view2 { 
 background: #fff; 
 color: #000; 
 } 
 
 .form_area .form_con .cr_detail .view2_con1 { 
 grid-area: 2/1/3/3
 } 
 
 .form_area .form_con .cr_detail .view2_con2 { 
 grid-column: 1/4; 
 padding: 5px 0 0; 
 } 
 
 .form_area .form_con .cr_detail .view2_con2 span { 
 white-space: pre; 
 } 
 
 /*히스토리 목록*/
 .form_area .form_con .history_wrap { 
 position: absolute; 
 top: 0; 
 background: #fff; 
 right: 0px; 
 padding-bottom: 0px !important; 
 height: calc(100%); 
 min-width: 350px; 
 padding: 24px 0 24px 24px; 
 z-index: 2; 
 transition-delay: 0.2s; 
 animation-duration: 0.5s; 
 animation-fill-mode: forwards; 
 animation-timing-function: cubic-bezier(0.1, 0.1, 1.2); 
 animation-name: sliding; 
 } 
 
 .form_area .form_con .history_wrap.view { 
 right: -400px; 
 transition-delay: 0.2s; 
 animation-duration: 0.5s; 
 animation-fill-mode: forwards; 
 animation-timing-function: cubic-bezier(0.1, 0.1, 1.2); 
 animation-name: sliding2; 
 } 
 
 @keyframes sliding { 
 form { 
 right: 0px; 
 } 
 
 to { 
 right: -400px; 
 } 
 } 
 
 @keyframes sliding2 { 
 form { 
 right: -400px; 
 } 
 
 to { 
 right: 0px; 
 } 
 } 
 
 .form_area .form_con .history_scroll { 
 overflow-y: auto; 
 height: 100%; 
 padding-right: 24px; 
 padding-bottom: 24px
 } 
 
 .form_area .form_con .history_wrap:before { 
 content: " "; 
 display: block; 
 background: url(/images/history_bg.png); 
 width: 50px; 
 top: 0; 
 left: -50px; 
 height: 100%; 
 position: absolute; 
 } 
 
 .form_area .form_con .history_wrap ul { 
 counter-reset: history; 
 display: flex; 
 flex-flow: column-reverse; 
 } 
 
 .form_area .form_con .history_wrap li { 
 display: grid; 
 grid-template-columns: max-content auto max-content; 
 grid-gap: 16px; 
 align-items: center; 
 } 
 
 /* .form_area .form_con .history_wrap li:before { counter-increment: history; content: counter(history); } */
 .form_area .form_con .history_wrap li:nth-child(n + 2) { 
 margin-bottom: 16px; 
 } 
 
 .form_area .form_con .history_wrap li a { 
 font-size: 14px; 
 color: #293da6; 
 text-decoration: underline; 
 } 
 
 .form_area .form_con .history_wrap li span { 
 font-size: 12px; 
 color: #aaa; 
 } 
 
 /*하단 버튼*/
 .button_area { 
 display: flex; 
 justify-content: flex-end; 
 padding: 16px; 
 } 
 
 .button_area .btn { 
 height: 32px; 
 padding: 0 17px; 
 font-size: 14px; 
 /* font-weight: 600; */
 border-radius: 4px; 
 /* width: auto; */
 cursor: pointer; 
 border: 1px solid #111; 
 } 
 
 .button_area .btn:nth-last-child(n + 2) { 
 margin-right: 8px; 
 } 
 
 .button_area .btn.black { 
 background-color: #242424; 
 color: #eee; 
 border: 0px; 
 } 
 
 .button_area .btn.red { 
 background-color: #CD4949; 
 color: #eee; 
 border: 0px; 
 } 
 
 /*cr등록 버튼*/
 .form_area .form_con .cr_regist .button_area { 
 display: flex; 
 justify-content: flex-end; 
 padding: 32px 0; 
 position: sticky; 
 bottom: 0; 
 } 
 
 .form_area .form_con .cr_regist .button_area .btn { 
 height: 40px; 
 line-height: 40px; 
 padding: 0 32px; 
 min-width: 136px; 
 } 
 
 .form_area .form_con .cr_regist .button_area .btn:nth-last-child(n + 2) { 
 margin-right: 16px; 
 } 
 
 /*승인 버튼*/
 .form_area .form_con .form_common .button_area { 
 background: #f6f6f6; 
 } 
 
 /*팝업 버튼*/
 .layer_pop_wrap .layer_pop .button_area { 
 padding: 0 24px 24px; 
 } 
 
 /*레이어팝업*/
 .layer_pop_wrap { 
 position: fixed; 
 top: 0; 
 left: 0; 
 right: 0; 
 bottom: 0; 
 z-index: 5; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 } 
 
 .layer_pop_wrap .mask { 
 background: rgb(0 0 0 / 70%); 
 width: 100%; 
 height: 100%; 
 position: absolute; 
 z-index: 0
 } 
 
 .layer_pop_wrap .layer_pop { 
 border-radius: 4px; 
 background: #f6f6f6; 
 z-index: 1; 
 width: 80%; 
 max-width: 560px; 
 display: grid; 
 grid-template-rows: max-content auto; 
 } 
 
 .layer_pop_wrap .layer_pop .pop_tit { 
 font-size: 16px; 
 padding: 16px; 
 display: flex; 
 justify-content: space-between; 
 align-items: center; 
 border-bottom: solid 1px #C4C4C4; 
 } 
 
 .layer_pop_wrap .layer_pop .pop_close { 
 background: url(/images/btn_close.svg) center center no-repeat; 
 border: 0px; 
 background-size: 20px; 
 width: 20px; 
 } 
 
 .pop_con { 
 padding: 24px; 
 font-size: 14px
 } 
 
 .pop_con ul { 
 display: grid; 
 grid-row-gap: 8px; 
 } 
 
 .pop_con li { 
 display: grid; 
 grid-gap: 24px; 
 align-items: baseline; 
 } 
 
 .pop_con.span_80 li { 
 grid-template-columns: 80px auto; 
 } 
 
 .pop_con.span_100 li { 
 grid-template-columns: 100px auto; 
 } 
 
 .pop_con.span_110 li { 
 grid-template-columns: 110px auto; 
 } 
 
 .pop_con li span { 
 text-align: right; 
 } 
 
 .pop_con .pop_comment { 
 text-align: center; 
 font-size: 16px; 
 } 
 
 li.span_80 { 
 grid-template-columns: 120px auto; 
 align-items: center; 
 /* grid-gap: 20px; */
 } 
 
 .hidden { 
 display: none
 } 
 
 /*(필터박스*/
 .filter_box { 
 background: #f6f6f6; 
 padding: 24px 32px; 
 border-radius: 4px; 
 margin-bottom: 30px; 
 position: sticky; 
 top: 0; 
 z-index: 2; 
 } 
 
 .filter_box form { 
 display: grid; 
 grid-template-columns: minmax(360px, auto); 
 } 
 
 .filter_box > form > ul { 
 display: grid; 
 grid-column-gap: 16px; 
 grid-template: auto/repeat(auto-fit, minmax(200px, 360px)); 
 align-items: baseline; 
 flex-wrap: wrap; 
 } 
 
 .filter_box > form > ul > li { 
 display: grid; 
 grid-template-columns: 100px auto; 
 align-items: baseline; 
 margin-bottom: 8px; 
 } 
 .filter_box > form > ul > li > span { 
 font-size:14px; 
 } 
 
 .filter_box > form > ul > li input:not([type='checkbox']), .filter_box > form > ul > li select, .ms-options-wrap > button { 
 min-height: 32px; 
 border: 1px solid #e6e6e6 !important; 
 max-width: 280px; 
 /* border-radius: 5px; */
 padding: 4px 8px; 
 } 
 
 .ms-options-wrap > button:after { 
 display:none; 
 } 
 .ms-options-wrap > button { 
 background-size: 10px !important; 
 padding-right: 28px; 
 padding-left: 12px; 
 background: url(/images/arrow_select.svg) no-repeat right 
 8px center; 
 } 
 
 .ms-options-wrap.ms-active > .ms-options { 
 /* z-index:999; */
 } 
 
 .ms-options-wrap > * { 
 font-size:14px; 
 }


.ms-options-wrap ul{display:block !important}
.ms-options-wrap ul .optgroup{display:inherit !important}
.ms-options-wrap ul .optgroup .label{text-align:left !important}




 .filter_box > form > ul > li input[type='checkbox'] { 
 border: 0; 
 width: 0; 
 height: 0; 
 margin: 0; 
 } 
 
 input.hasDatepicker[readonly] {
 max-width: 117px !important;
 } 
 
 .filter_box .date_box { 
 display: grid; 
 grid-template-columns: auto max-content auto; 
 align-items: center; 
 grid-column-gap: 8px; 
 } 
 
 
 .filter_box .chk_box { 
 margin: 16px 0 48px; 
 grid-column: 1/3; 
 } 
 
 .filter_box .chk_box div input + label { 
 padding: 12px 12px; 
 width: 132px; 
 margin-left: auto; 
 background: #eee; 
 height: 32px; 
 } 
 
 .filter_box .button_area { 
 padding: 16px 0; 
 /* flex-flow: column; */
 grid-gap: 8px; 
 justify-content: flex-end; 
 align-items: flex-end; 
 } 
 
 /*필터박스 검색*/
 .filter_box .search_bar { 
 display: flex; 
 flex: 1; 
 margin-right: 15px; 
 } 
 
 .filter_box .search_bar input { 
 min-height: 40px; 
 border: 1px solid #e6e6e6; 
 border-radius: 5px; 
 flex: 1; 
 min-height: 40px; 
 padding: 0 10px; 
 } 
 
 .filter_box .button_area { 
 display: flex; 
 /* align-items: center; */
 /* justify-content: center; */
 align-items: flex-end; 
 padding: 0; 
 } 
 
 .filter_box .search_bar ~ .button_area { 
 align-items: center; 
 } 
 
 .filter_box .button_area .btn { 
 margin-right: 5px
 } 
 
 .filter_box .button_area .btn:last-child { 
 margin-right: 0px
 } 
 
 /*필터박스*/
 .cr_title { 
 border-bottom: solid 1px #333; 
 cursor: pointer
 } 
 
 .cr_title:hover { 
 opacity: 0.5 !important
 } 
 
 .list_meno { 
 background: #e7edf5; 
 border-radius: 5px; 
 padding: 15px; 
 border: 1px solid #cbd2dc; 
 padding-bottom: 20px; 
 margin-bottom: 10px; 
 position: relative; 
 } 
 
 .list_meno_wrap { 
 display: grid; 
 grid-template-columns: auto 100px; 
 grid-gap: 8px; 
 min-width: 480px; 
 } 
 
 .memo_scroll { 
 max-height: 300px; 
 overflow-y: auto; 
 overflow-x: hidden; 
 /* padding-right: 8px; */
 } 
 
 .memo_scroll .list_meno:nth-last-child(1) { 
 margin-bottom: 0px
 } 
 
 .memo_scroll .memo_content { 
 word-break: break-all; 
 white-space: initial; 
 } 
 
 .list_meno_wrap .btn_add_memo { 
 line-height: 140%; 
 height: 100%; 
 text-align: center; 
 background: #ffffff; 
 color: #293da6; 
 padding: 16px; 
 border: solid 2px #6E7494; 
 display: flex; 
 align-items: center; 
 flex-direction: column; 
 justify-content: center; 
 border-radius: 4px; 
 position: relative; 
 cursor: pointer; 
 } 
 
 .list_meno_wrap .btn_add_memo div { 
 font-weight: 400; 
 line-height: 140%; 
 display: flex; 
 margin-bottom: 10px; 
 } 
 
 .list_meno_wrap .btn_add_memo span.more { 
 position: relative; 
 width: 12px; 
 height: 12px; 
 display: block; 
 } 
 
 .list_meno_wrap .btn_add_memo span.more:before, .list_meno_wrap .btn_add_memo span.more:after { 
 content: ''; 
 position: absolute; 
 width: 12px; 
 height: 2px; 
 left: 0; 
 /* top: 11px; */
 background: #293da6; 
 position: absolute; 
 } 
 
 .list_meno_wrap .btn_add_memo span.more:after { 
 transform: rotate(90deg); 
 content: ''; 
 } 
 
 @media (max-width: 640px) { 
 .list_area .list_con .cr_detail_view li { 
 display: flex; 
 flex-flow: column; 
 align-items: flex-start; 
 padding: 8px 0px; 
 } 
 
 .list_area .list_con .cr_detail_view li span:nth-child(1) { 
 font-weight: bold; 
 margin-bottom: 4px; 
 } 
 } 
 
 .excel_showing { 
 display: none
 } 
 
 .step_checkbox_label { 
 border: 1px solid #ddd; 
 padding: 5px 8px; 
 font-size: 14px; 
 background: #fff; 
 cursor: pointer; 
 } 
 
 .step_checkbox:checked + .step_checkbox_label { 
 background: #293da6; 
 color: #fff; 
 } 
 
 .register_layer { 
 background: #fff; 
 display: flex; 
 flex-direction: column; 
 position: absolute; 
 width: 260px; 
 top: 40px; 
 left: 100px; 
 border: 1px solid #ddd; 
 display: none; 
 } 
 
 .register_layer>div { 
 display: flex; 
 flex: 1; 
 padding: 10px; 
 align-items: center; 
 min-height: 40px; 
 } 
 
 .register_layer .register_layer_body { 
 flex: 6; 
 flex-direction: column; 
 } 
 
 .register_layer .register_layer_body>div { 
 display: flex; 
 height: 30px; 
 width: 100%; 
 align-items: center; 
 } 
 
 .register_layer .register_layer_body input[type='checkbox'] { 
 -webkit-appearance: auto; 
 appearance: auto; 
 width: 16px; 
 height: 16px; 
 min-height: unset; 
 margin-right: 10px
 } 
 
 .register_layer .register_layer_footer { 
 padding: 10px
 } 
 
 .register_layer .register_layer_footer input[type='button'] { 
 height: 30px; 
 min-height: auto; 
 line-height: 20px; 
 padding: 0 12px; 
 min-width: 104px; 
 font-size: 16px; 
 border-radius: 4px; 
 cursor: pointer; 
 } 
 
 /*cr status 스타일 분리*/
 .table_wrap { 
 width: calc(100% - 64px); 
 margin: 0 32px 25px; 
 overflow: auto; 
 border: 1px solid #ddd; 
 height: 100%; 
 background: #f1f1f1; 
 } 
 
 .status.list_area { 
 grid-template-rows: auto 0; 
 } 
 
 .status.list_area .list_con .cr_detail_view ul, .developer.list_area .list_con .cr_detail_view ul { 
 grid-row-gap: 0; 
 } 
 
 .status.list_area .list_con .cr_detail_view li, .developer.list_area .list_con .cr_detail_view li { 
 grid-template: auto/160px auto; 
 min-height: 40px; 
 padding: 0; 
 } 
 
 .status.list_area .list_con .cr_detail_view li span, .developer.list_area .list_con .cr_detail_view li span { 
 text-align: left; 
 } 
 
 .status.list_area .table_header { 
 width: 100%; 
 /* overflow: hidden; */
 margin-bottom: 10px; 
 } 
 
 .status.list_area .table_header .table_header_search_tab { 
 display: block; 
 min-width: 300px; 
 width: calc(100% - 170px); 
 margin-right: 10px; 
 overflow: hidden; 
 float: left; 
 } 
 
 .status.list_area .table_header .table_header_right_tab { 
 text-align: right
 } 
 
 .status.list_area .table_header .table_header_search_tab .hashtag { 
 display: flex; 
 position: relative; 
 margin-right: 5px; 
 margin-bottom: 5px; 
 padding: 7px; 
 padding-left: 10px; 
 font-size: 13px; 
 background: #eee; 
 height: 25px; 
 float: left; 
 align-items: center; 
 border-radius: 3px; 
 white-space: nowrap; 
 } 
 
 .list_area .table_header .table_header_search_tab .hashtag .hashtag_cancel { 
 background: url(/images/btn_close.svg) center center no-repeat; 
 border: 0; 
 border-radius: 10px; 
 background-size: 8px; 
 width: 20px; 
 height: 20px; 
 background-color: #eee; 
 margin-left: 3px; 
 } 
 
 .status.list_area .table_header .table_header_search_tab .hashtag .hashtag_cancel:hover { 
 background-color: #bbb
 } 
 
 .status.list_area #excel_download_btn { 
 margin-right: 32px; 
 min-width: 110px; 
 height: 36px; 
 text-align: center; 
 line-height: 28px; 
 font-size: 15px; 
 border: solid 1px #6E7494; 
 color: #333; 
 padding: 0 16px; 
 background: #fff; 
 border-radius: 4px; 
 cursor: pointer
 } 
 
 .status.list_area > #div_list { 
 display:
 flex; 
 flex-direction:
 column; 
 height: 100vh; 
 } 
 
 .status.layer_pop.pop_detail_view { 
 max-width: 1000px; 
 background: #fff; 
 max-height: 80%; 
 overflow-y: auto; 
 } 
 
 .status.layer_pop.pop_detail_view .cr_memo_title { 
 font-weight: bold; 
 margin-bottom: 16px; 
 } 
 
 .status.layer_pop.pop_detail_view .pop_tit { 
 position: sticky; 
 top: 0; 
 background: #fff; 
 z-index: 1; 
 } 
 
 .status.layer_pop.pop_detail_view .pop_con { 
 overflow-x: auto; 
 padding: 0; 
 margin: 24px; 
 } 
 
 .status.layer_pop.pop_detail_view .list_con { 
 overflow-y: unset; 
 } 
 
 .status.layer_pop_wrap .layer_pop.pop_detail_view .button_area { 
 position: sticky; 
 bottom: 2px; 
 background: #fff; 
 box-shadow: 0px 0px 0px 24px #fff; 
 } 
 
 .status .pagination, .developer .pagination { 
 margin: 0px 32px 32px; 
 display:
 flex; 
 justify-content: space-between; 
 } 
 
 .status .pagination > *, .developer .pagination > * { 
 font-size: 13px; 
 position: relative; 
 } 
 /*
 .status .pagination > *::after { 
 display:
 inline-block; 
 width: 1px; 
 height:18px; 
 content:
 ''; 
 margin-bottom:-2.5px; 
 background:#ddd; 
 position: absolute; 
 right: 0; 
 top: 6.5px; 
 } */
 
 .status .pagination button, .developer .pagination button { 
 border:1px solid #dadada; 
 color:#8a8787; 
 padding: 3px 8px; 
 background: #fefefe; 
 border-radius: 2px; 
 } 
 .status .pagination .right-item, .developer .pagination .right-item { 
 display:flex; 
 } 
 
 .status .pagination .right-item span, .developer .pagination .right-item span { 
 margin-right:16px; 
 } 
 .status .pagination select, .developer .pagination select { 
 border:1px solid #ddd; 
 height: 29px; 
 } 
 
 .status .pagination label, .developer .pagination label { 
 
 padding-right: 8px; 
 } 
 
 .status .pagination > span, .developer .pagination > span { 
 line-height:29px; 
 padding: 0 16px; 
 } 
 
 .status .pagination > span:first-child, .developer .pagination > span:first-child { 
 color:#666; 
 padding-left:0; 
 } 
 
 .status .pagination > span:first-child > b, .developer .pagination > span:first-child > b { 
 color:#293da6; 
 font-size:15px; 
 } 
 /*user, system관리*/
 .list_meno_wrap { 
 display: grid; 
 grid-template-columns: auto max-content; 
 grid-gap: 8px; 
 min-width: 490px; 
 } 
 
 .memo_scroll { 
 max-height: 300px; 
 overflow-y: auto; 
 overflow-x: hidden; 
 padding-right: 8px; 
 } 
 
 .memo_scroll .list_meno:nth-last-child(1) { 
 margin-bottom: 0px
 } 
 
 .paging_wrap { 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 } 
 
 .paging_wrap span { 
 display: flex; 
 width: 35px; 
 border: 1px solid #ddd; 
 cursor: pointer; 
 height: 30px; 
 justify-content: center; 
 align-items: center; 
 text-align: center; 
 margin: 0 5px; 
 } 
 
 .paging_wrap span:hover, .paging_wrap span.active { 
 background: aliceblue
 } 
 
 @media (max-width: 640px) { 
 .list_area .list_con .cr_detail_view li { 
 display: flex; 
 flex-flow: column; 
 align-items: flex-start; 
 padding: 8px 0px; 
 } 
 
 .list_area .list_con .cr_detail_view li span:nth-child(1) { 
 font-weight: bold; 
 margin-bottom: 4px; 
 } 
 } 
 
 .excel_showing { 
 display: none
 } 
 
 .setting_menu { 
 position: relative; 
 } 
 
 .setting_menu .setting_menu_div { 
 display: none; 
 position: absolute; 
 right: 77px; 
 top: 22px; 
 border: 2px solid #242424; 
 border-radius: 5px; 
 color: #555; 
 padding: 8px 12px; 
 background: #242424; 
 z-index: 1; 
 box-shadow: 3px 3px 3px #ddd; 
 white-space: nowrap; 
 } 
 
 .setting_menu .setting_menu_div:after { 
 border-top: 7px solid transparent; 
 border-left: 10px solid #242424; 
 border-right: 0 solid transparent; 
 border-bottom: 7px solid transparent; 
 content: ""; 
 position: absolute; 
 top: -7px; 
 right: -5px; 
 z-index: 10; 
 transform: rotate(-45deg); 
 } 
 
 .setting_menu .setting_menu_div span { 
 margin-right: 5px; 
 color: #ddd; 
 padding: 0 12px
 } 
 
 .setting_menu .setting_menu_div span:hover { 
 text-decoration: underline; 
 cursor: pointer; 
 color: #fff; 
 } 
 
 .setting_menu .setting_menu_div span:last-child { 
 margin-right: 0px; 
 } 
 
 .list_area.user .table_wrap { 
 width: calc(100% - 64px);
 margin: 0 32px 32px; 
 overflow: auto; 
 position: relative; 
 height: calc(100vh - 186px); 
 } 
 
 .list_area.user .table_wrap:after, .list_area.system .table_wrap:after, .list_area.menu .table_wrap:after { 
 height: 50px;
 content: '';
 display: block; 
 left: 0; 
 bottom: 0; 
 position: sticky; 
 right: 0; 
 background: linear-gradient(0deg, white, transparent);
 z-index: 3; 
 } 
 .table_wrap.table_wrap.developer-list:after { 
 display:none; 
 } 
 .developer-list .table01 td { 
 padding:10px 8px; 
 } 
 .dept_select { 
 display: none; 
 } 
 
 user.list_area .table_wrap { 
 width: calc(100% - 64px); 
 margin: 0 32px 32px; 
 overflow: auto; 
 border: solid 4px #ddd; 
 height: calc(100vh - 186px); 
 box-shadow: 0px 4px 0 #ddd; 
 border-top: 0px; 
 border-bottom: 0px
 } 
 
 .menu.list_area, .system.list_area, .user.list_area { 
 grid-template-rows: auto 0; 
 } 
 
 .menu.list_area .table_wrap, .system.list_area .table_wrap { 
 height: calc(100vh - 220px); 
 } 
 
 #dashboard_wrap { 
 display: grid; 
 grid-template: 80px minmax(0, calc(100% - 75px))/100%; 
 /* padding-bottom: 50px; */
 } 
 
 h1 { 
 padding-left: 24px; 
 line-height: 80px; 
 } 
 
 .dashboard_list { 
 display: flex; 
 padding: 40px; 
 flex-wrap: wrap; 
 background: #fff; 
 flex-direction: row; 
 padding-bottom: 75px; 
 } 
 
 .dashboard_list > div.step-wrap { 
 display: flex; 
 flex-direction: row; 
 height: calc(100% - 20px); 
 } 
 
 .dashboard_list > div.step-wrap.part01 { 
 width:40%; 
 } 
 
 .dashboard_list > div.step-wrap.part02 { 
 width:60%; 
 } 
 
 
 
 
 .dashboard_list > div.filter-wrap { 
 flex-basis: 100%; 
 padding: 0 0 15px 0; 
 width: 100%; 
 display: flex; 
 } 
 
 .dashboard_list > div.filter-wrap > * { 
 margin-left: 5px; 
 } 
 
 .dashboard_list > div.filter-wrap select { 
 border: 2px solid #ddd; 
 padding: 5px 10px; 
 min-width: 200px; 
 font-size: 16px; 
 } 
 
 .dashboard_list > div > div { 
 overflow: visible; 
 width: 50%; 
 height: 100%; 
 } 
 
 .dashboard_list > div > div ul { 
 background: #f1f1f1; 
 border-radius: 4px; 
 padding: 15px; 
 margin: 10px; 
 display: grid; 
 grid-template: auto minmax(48px, max-content) auto/auto min-content; 
 align-items: baseline; 
 } 
 
 .dashboard_list > div > div > .content_wrap { 
 overflow-y: auto; 
 height: calc(100% - 60px); 
 } 
 
 .dashboard_list > div > div ul li.col2 { 
 font-size: 14px; 
 } 
 
 .dashboard_list > div > div ul li.dashboard_list_subtit { 
 font-size: 20px; 
 width: 100%; 
 overflow: hidden; 
 text-overflow: ellipsis; 
 white-space: nowrap; 
 text-shadow: 0 0 0.5px #000; 
 } 
 
 .dashboard_list > div > div ul li.dashboard_list_name { 
 text-align: right; 
 font-size: 12px; 
 } 
 
 .dashboard_list > div > div ul li.dashboard_list_date { 
 text-align: right; 
 color: #B3B3B3; 
 font-size: 12px; 
 display: none; 
 grid-column-start: 1; 
 grid-column-end: 3; 
 } 
 
 .dashboard_list > div > div ul li.col2 { 
 grid-column: 1/3; 
 font-size: 14px; 
 color: #666; 
 } 
 
 .dashboard_list > div > div h3.dashboard_list_tit { 
 color: #fff; 
 height: 56px; 
 line-height: 56px; 
 text-align: center; 
 padding: 0; 
 position: relative; 
 top: 0; 
 font-size: 20px; 
 /* background: #242424; */
 } 
 
 .dashboard_list .true, .dashboard_list .false { 
 display: block; 
 width: 24px; 
 height: 24px; 
 margin-left: auto; 
 border-radius: 100px; 
 } 
 
 .dashboard_list .true { 
 background: #92c723
 } 
 
 .dashboard_list .false { 
 background: #cd4949
 } 
 
 .dashboard_list_tit.tit_bg1 { 
 background: #9fa9de; 
 } 
 
 .dashboard_list_tit.tit_bg2 { 
 background: #7683cc; 
 } 
 
 .dashboard_list_tit.tit_bg3 { 
 background: #4c62d8; 
 } 
 
 .dashboard_list_tit.tit_bg4 { 
 background: #293da6; 
 } 
 .dashboard_list_tit.tit_bg5 { 
 background: #0b1752; 
 } 
 
 
 .dashboard_list_tit:after { 
 width: 0; 
 height: 0; 
 border: 28px solid #9fa9de; 
 border-top: 28px solid transparent; 
 border-right: 28px solid transparent; 
 border-bottom: 28px solid transparent; 
 content: ''; 
 right: -56px; 
 bottom: 0; 
 /* box-shadow: 1px 3px 5px #000; */
 position: absolute; 
 z-index: 99; 
 } 
 
 .dashboard_list_tit.tit_bg1:after { 
 border-top: 28px solid transparent; 
 border-right: 28px solid transparent; 
 border-bottom: 28px solid transparent; 
 } 
 
 .dashboard_list_tit.tit_bg2:after { 
 border: 28px solid #7683cc; 
 border-top: 28px solid transparent; 
 border-right: 28px solid transparent; 
 border-bottom: 28px solid transparent; 
 } 
 
 .dashboard_list_tit.tit_bg3:after { 
 border: 28px solid #4c62d8; 
 border-top: 28px solid transparent; 
 border-right: 28px solid transparent; 
 border-bottom: 28px solid transparent; 
 } 
 
 .dashboard_list_tit.tit_bg4:after { 
 border: 28px solid #293da6; 
 border-top: 28px solid transparent; 
 border-right: 28px solid transparent; 
 border-bottom: 28px solid transparent; 
 } 
 .dashboard_list_tit.tit_bg5:after { 
 display:none; 
 } 
 
 .dashboard_list_tit:last-child { 
 border-radius: 0px 30px 0px 0px; 
 } 
 
 .dashboard_list_tit.tit_bg1 { 
 border-radius: 30px 0px 0px 5px; 
 } 
 .dashboard_list_tit.tit_bg5 { 
 border-radius: 0 30px 5px 0px; 
 } 
 
 .ta_r { 
 display: none; 
 } 
 
 .dashboard_list_submit_date, .dashboard_list_submit_go { 
 grid-column: 1/3; 
 letter-spacing: -0.01rem; 
 text-align: right; 
 font-size: 13px; 
 color: #a7a7a7; 
 } 
 
 .dashboard_list_submit_date span, .dashboard_list_submit_go span { 
 color: #2d2d2d; 
 } 
 
 @media (max-width: 1199px) { 
 .dashboard_list { 
 /* flex-direction:column; */
 } 
 
 .dashboard_list > div.step-wrap.part01, .dashboard_list > div.step-wrap.part02 { 
 width: 100%; 
 height: calc(50% - 10px); 
 margin-bottom: 10px; 
 } 
 } 
 
 @media (max-width: 767px) { 
 .dashboard_list > div.filter-wrap select { 
 flex:1; 
 } 
 
 .dashboard_list { 
 padding: 45px; 
 } 
 
 .dashboard_list > div:not(.filter-wrap) { 
 flex-direction: column; 
 height: calc(50% - 40px); 
 row-gap: 20px; 
 margin-bottom: 20px; 
 } 
 
 .dashboard_list > div:not(.filter-wrap):last-child { 
 margin-bottom: 0; 
 } 
 
 .dashboard_list_tit:after { 
 display: none; 
 } 
 
 .dashboard_list > div > div { 
 width: 100%; 
 min-height: 140px; 
 } 
 
 .dashboard_list_tit.tit_bg1, .dashboard_list_tit.tit_bg4 { 
 border-radius: 0; 
 } 
 
 .dashboard_list > div > div h3.dashboard_list_tit { 
 height: 40px; 
 line-height: 40px; 
 font-weight: 400; 
 font-size: 18px; 
 } 
 } 
 
 div#layer_schedule .pop_con label { 
 display: none !important; 
 } 
 
 .form_area .form_con .form_common { 
 /* border-bottom: solid 32px transparent; */
 } 
 
 .form_area .form_con .cr_detail { 
 display: block; 
 } 
 
 .form_area .form_con .cr_detail .view2_con2 span { 
 word-break: break-all; 
 white-space: initial; 
 } 
 
 .form_area .form_con .cr_detail .view_box .view_con { 
 word-break: break-all; 
 white-space: inherit; 
 } 
 
 .form_area .form_con .cr_detail .cr_detail_con { 
 grid-row-gap: 0px; 
 padding: 25px 25px 70px 25px; 
 border-radius: 4px; 
 background: #fff; 
 height: auto; 
 position: relative; 
 margin-bottom: 25px; 
 box-shadow: 1px 3px 5px #ececec; 
 } 
 
 .form_area .form_con .cr_detail .cr_detail_con.view-style { 
 padding: 0; 
 background: none; 
 grid-row-gap: 10px; 
 box-shadow: none; 
 } 
 
 .form_area .form_con .cr_detail .cr_detail_con.view-style .cr_detail_view { 
 height: auto; 
 } 
 
 .form_area .form_con .cr_detail_view { 
 position: relative; 
 overflow: hidden; 
 height: 200px; 
 } 
 
 .form_area .form_con .cr_detail_view_btn { 
 background: #293da6; 
 color: #ffffff; 
 padding: 8px 0; 
 text-align: center; 
 max-height: 45px; 
 bottom: 25px; 
 cursor: pointer; 
 border: 2px solid #293da6; 
 left: 25px; 
 right: 25px; 
 position: absolute; 
 border-radius: 5px; 
 } 
 
 .form_area .form_con .cr_detail_view_btn span.arrow { 
 background: url(../images/arrow.svg); 
 display: inline-block; 
 width: 23px; 
 height: 23px; 
 line-height: 24px; 
 background-position: center; 
 z-index: 99999; 
 background-size: cover; 
 } 
 
 .form_area .form_con .cr_detail_view_btn span.arrow.up { 
 background: url(../images/arrow.svg); 
 display: inline-block; 
 width: 23px; 
 height: 23px; 
 background-position: center; 
 z-index: 99999; 
 background-size: cover; 
 transform: rotate(180deg); 
 } 
 
 .form_area .form_con .cr_detail_view_btn:hover { 
 background: #233384; 
 text-decoration: underline; 
 } 
 
 .cr_detail_bottom { 
 display: grid; 
 grid-gap: 10px; 
 grid-template-columns: repeat(4, 1fr); 
 } 
 
 .cr_detail_bottom .cr_detail_card { 
 min-height: 140px; 
 flex: 1; 
 grid-gap: 5px; 
 background: #fff; 
 border-radius: 10px; 
 padding: 15px; 
 box-shadow: 1px 4px 10px #e4e4e4; 
 } 
 
 .cr_detail_bottom .cr_detail_card span.attached { 
 border: 1px solid #eee; 
 display: block; 
 /* padding: 5px; */
 margin-top: 10px; 
 overflow: hidden; 
 border-radius: 50px; 
 } 
 
 .cr_detail_bottom .cr_detail_card span.attached .file_download { 
 padding: 10px 10px 10px 33px; 
 display: block; 
 margin: 0; 
 overflow: hidden; 
 text-overflow: ellipsis; 
 white-space: nowrap; 
 border-bottom: 0; 
 } 
 
 .cr_detail_bottom .cr_detail_card span.attached .file_download:hover { 
 background: #eff1f9; 
 } 
 
 .cr_detail_bottom .cr_detail_card span.attached .file_download:before { 
 content: " "; 
 display: block; 
 background: url(/images/ico_file.svg) center left no-repeat; 
 width: 14px; 
 height: 18px; 
 position: absolute; 
 left: 15px; 
 } 
 
 .cr_detail_bottom .cr_detail_card:nth-child(3) { 
 grid-column: span 2
 } 
 
 .cr_detail_bottom .cr_detail_card div { 
 font-size: 14px; 
 } 
 
 .cr_detail_bottom>div h3 { 
 color: #293da6; 
 text-align: center; 
 padding: 0; 
 margin-bottom: 10px; 
 } 
 
 .date_list { 
 display: grid; 
 grid-template-columns: repeat(2, 1fr); 
 font-size: 13px; 
 margin-bottom: 5px; 
 grid-row-gap: 6px; 
 } 
 
 .date_list li { 
 letter-spacing: -0.05em; 
 } 
 
 .date_list li span { 
 margin-right: 5px; 
 font-size: 12px; 
 border: 1px solid #293da6; 
 display: inline-block; 
 color: #293da6; 
 padding: 0px 5px; 
 min-width: 50px; 
 text-align: center; 
 } 
 
 .done { 
 display: block; 
 width: 53px; 
 height: 62px; 
 margin: 0 auto; 
 background: url(../images/done.svg) no-repeat; 
 } 
 
 .proceeding { 
 display: block; 
 width: 55px; 
 height: 62px; 
 margin: 0 auto; 
 background: url(../images/proceeding.svg) no-repeat; 
 background-size: cover; 
 } 
 
 /*CR STATUS 상태 업데이트*/
 .progress-bar { 
 background: #efefef; 
 display: block; 
 height: 18px; 
 grid-template-columns: 1fr 1fr 1fr 1fr; 
 border-radius: 3px; 
 grid-column-gap: 1px; 
 box-shadow: inset 1px 1px 7px #d4d1d1; 
 width: 50px; 
 overflow: hidden; 
 margin: 0 auto 10px; 
 padding: 2px; 
 display: grid; 
 } 
 
 .progress-bar span.progress-inner { 
 display: inline-block; 
 background: transparent; 
 box-sizing: border-box; 
 letter-spacing: 0; 
 border-radius: 3px; 
 word-spacing: 0; 
 } 
 
 .progress-bar.step1 span.progress-inner { 
 background: #FFC107; 
 } 
 
 .progress-bar.step2 span.progress-inner { 
 background: #3567ba; 
 } 
 
 .progress-bar.step3 span.progress-inner { 
 background: #1bcca9; 
 } 
 
 .progress-bar.step4 span.progress-inner { 
 background: #13b82f; 
 } 
 
 .progress-bar.step1 span.progress-inner { 
 opacity: 1; 
 } 
 
 .progress-bar.step1 span.progress-inner:not(:first-child) { 
 display: none; 
 } 
 
 .progress-bar.step2 span.progress-inner:first-child { 
 margin-left: 0; 
 opacity: 0.2; 
 } 
 
 .progress-bar.step2 span.progress-inner:nth-child(2) { 
 opacity: 1; 
 } 
 
 .progress-bar.step2 span.progress-inner:nth-child(3), .progress-bar.step2 span.progress-inner:nth-child(4) { 
 display: none; 
 } 
 
 .progress-bar.step3 span.progress-inner:first-child { 
 margin-left: 0; 
 opacity: 0.3; 
 } 
 
 .progress-bar.step3 span.progress-inner:nth-child(2) { 
 opacity: 0.7; 
 } 
 
 .progress-bar.step3 span.progress-inner:nth-child(3) { 
 opacity: 1; 
 } 
 
 .progress-bar.step3 span.progress-inner:nth-child(4) { 
 display: none; 
 } 
 
 .progress-bar.step4 span.progress-inner:first-child { 
 /* margin-left:0; */
 opacity: 0.2; 
 } 
 
 .progress-bar.step4 span.progress-inner:nth-child(2) { 
 opacity: 0.4; 
 } 
 
 .progress-bar.step4 span.progress-inner:nth-child(3) { 
 opacity: 0.7; 
 } 
 
 .progress-bar.step4 span.progress-inner:nth-child(4) { 
 opacity: 1; 
 } 
 
 .btn_seleted { 
 background-color: black; 
 color: white; 
 }