@charset "utf-8";
/* CSS Document */

@import "../css/main.css";
/* ----------------------   Table   ---------------------- */

/* 테이블 */
.tsize { overflow: auto; width: 100%; -webkit-overflow-scrolling: touch; }
.table_wrap { margin: 0 0 15px; }
.table_wrap p.cap { margin: -30px 0 14px !important; }
.table_default { width: 100%; }
.table_default thead th, .table_default thead td { position: relative; padding: 8px 12px; background: #e9e9e9; border-top: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; font-size: 12px; line-height: 140%; }
.table_default thead th { font-weight: 500; color: #405460; letter-spacing: -0.03em; text-align: center; }
.table_default thead th:first-child { border-left: 1px solid #d7d7d7; }
.table_default thead th.first { border-left: 0 !important; }
.table_default thead th.top_border { border-top: 0 !important; }
.table_default thead th.sort { padding: 8px 28px 8px 12px; text-align: left; cursor: pointer; }
.table_default thead th.sort b { display: inline-block; }
/*.table_default thead th.sort i { position: absolute; top: 8px; right: 8px; }*/
.table_default thead th.sort i.icon_sort:before { content: "\e12b"; opacity: 0.5; }
.table_default thead th.sort i.icon_sort.up:before { content: "\e127"; font-weight: 700; color: #f47920; opacity: 1; }
.table_default thead th.sort i.icon_sort.down:before { content: "\e128"; font-weight: 700; color: #f47920; opacity: 1; }

.table_default tbody thead th, .table_default tbody thead td { position: relative; padding: 8px 12px; background: #e9e9e9; border-top: 1px solid #eee; border-right: 1px solid #eee; border-bottom: 1px solid #eee; font-size: 12px; line-height: 140%; }
.table_default tbody thead th { font-weight: 500; color: #405460; letter-spacing: -0.03em; text-align: center; }
.table_default tbody thead th:first-child { border-left: 1px solid #eee; }

.table_default tbody th, .table_default tbody td { max-width: 240px; padding: 8px 12px; border-right: 1px solid #e8eaec; border-bottom: 1px solid #e8eaec; font-size: 13px; clip: #222; line-height: 160%; text-align: center; }
.table_default tbody th:first-child, .table_default tbody td:first-child { border-left: 1px solid #e8eaec; }
.table_default tbody th { background-color: #fafafa; }
.table_default tbody td { overflow: hidden; text-overflow: ellipsis; list-style-position: inside; white-space: nowrap; }
.table_default tbody th.first { border-left: 0 !important; }
.table_default tbody td.first { border-left: 0 !important; }
.table_default tbody .bg { background-color: #fafafa; }
.table_default tbody .bg2 { background-color: #e9e9e9; }
.table_default tbody .bg3 { background-color: #e9e9e9; }
.table_default tbody .left { text-align: left; }
.table_default tbody .right { text-align: right; }
.table_default tbody .no { text-overflow: inherit !important; list-style-position: inherit !important; white-space: normal !important; overflow: inherit !important; word-break: break-word; }
.table_default tbody a { color: #5d89b3; text-decoration: none; }
.table_default tbody a:hover { text-decoration: underline; }
.table_default tbody tr.odd { background-color: #f7f9fa; }
.table_default tbody tr.even { background-color: #fff; }
.table_default tbody tr.bd_top th, .table_default tbody tr.bd_top td {border-top:1px solid #e8eaec} /* 추가_이병위_2020.05.25 */

.table_default tfoot th, .table_default tfoot td { position: relative; padding: 6px 5px; background: #fafafa; border-right: 1px solid #eee; border-bottom: 1px solid #eee; font-size: 13px; font-weight: 300; line-height: 140%; text-align: center; }
.table_default tfoot th:first-child, .table_default tfoot td:first-child { border-left: 1px solid #eee; }
.table_default tfoot .left { text-align: left; }
.table_default tfoot .right { text-align: right; }

.table_w1000 { min-width: 1000px; overflow-x: auto; }

.table_border { overflow: auto; }
.table_border .btn_area { display: table-footer-group; overflow: hidden; padding: 5px; border: 1px solid #e8eaec; border-top: 0; }
.table_border .btn_area .btn { background-color: #fff; }

@media all and (max-width:960px){ /* PAD 이하 */
.table_default tbody th, .table_default tbody td { max-width: 200px; }
}
@media all and (max-width:767px){ /* Mobile 최대 */
.table_default tbody td { text-overflow: inherit !important; list-style-position: inherit !important; white-space: normal !important; overflow: inherit !important; word-break: break-word; }
.table_default tbody td { min-width: 80px; }
}

.board_list_type table {width:100%; border-collapse: collapse; table-layout:fixed;}
.board_list_type caption {display:none;}
.board_list_type th,
.board_list_type td {border: 1px solid #ddd; text-align:center; height: 36px; vertical-align:middle;}
.board_list_type th {background-color: #f3f3f3;}

.board_list_type.scroll {height:200px; overflow:auto;}
/* //테이블 */

/* 테이블 상단, 좌측 고정 */
.table_scroll { position: relative; width: 100%; padding: 0; overflow: auto; z-index: 1; }
.table_scroll table { width: 100%; margin: auto; border-collapse: separate; border-spacing: 0; }
.table_scroll thead th,
.table_scroll thead td{padding: 8px 12px; background: #e9e9e9; border-top: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; font-size: 12px; line-height: 140%; }
.table_scroll thead th:first-child { border-left: 1px solid #d7d7d7; }
.table_scroll thead th.first { border-left: 0 !important; }
.table_scroll thead th.top { border-bottom: 0 !important; }
.table_scroll thead tr th { position: -ms-fixed; position: -webkit-sticky; position: sticky; top: 0; z-index: 1; }
.table_scroll thead tr:last-child th { top: 33px; }
.table_scroll tbody th,
.table_scroll tbody td { padding: 8px 12px; border-right: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; font-size: 13px; line-height: 160%; text-align: center; }
.table_scroll tbody th:first-child,
.table_scroll tbody td:first-child { border-left: 1px solid #ebebeb; }
.table_scroll tbody td:first-child { border-right: 1px solid #ebebeb; border-left: 1px solid #ebebeb; }
.table_scroll tbody tr:nth-child(2n) td { background-color: #f5f5f5 !important; }
.table_scroll tbody td.first { border-left: 0 !important; }
.table_scroll tbody td.last { border-right: 0 !important; }
.table_scroll tbody td.top { border-bottom: 0 !important; }

.table_scroll thead th.fixed { left: 0; min-width: 100px; padding: 0 10px; z-index: 3; }
.table_scroll thead th.fixed3 { left: 0; min-width: 100px; padding: 0 10px; z-index: 3; }
.table_scroll thead th.fixed2 { left: 100px; padding: 0 10px; z-index: 3; }
.table_scroll tbody .fixed { position: -ms-fixed; position: -webkit-sticky; position: sticky; left: 0; min-width: 100px; padding: 0 20px !important; z-index: 2; }
.table_scroll tbody .fixed3 { position: -ms-fixed; position: -webkit-sticky; position: sticky; left: 0; min-width: 100px; padding: 0 20px !important; z-index: 2; }
.table_scroll tbody .fixed2 { position: -ms-fixed; position: -webkit-sticky; position: sticky; left: 100px; padding: 0 20px !important; z-index: 2; }

.table_scroll.CON_p53 thead th.fixed { min-width: inherit; }
.table_scroll.CON_p53 thead th.fixed.no1 { left: 0; min-width: 50px; }
.table_scroll.CON_p53 thead th.fixed.no2 { left: 50px; min-width: 80px; }
.table_scroll.CON_p53 thead th.fixed.no3 { left: 50px; min-width: 150px; }
.table_scroll.CON_p53 thead th.fixed.no4 { left: 200px; min-width: 120px; }
.table_scroll.CON_p53 thead th.fixed.no5 { left: 320px; min-width: 150px; }
.table_scroll.CON_p53 thead th.fixed.no6 { left: 470px; min-width: 100px; }
.table_scroll.CON_p53 thead th.fixed.no7 { left: 570px; min-width: 100px; }
.table_scroll.CON_p53 thead th.fixed.no8 { left: 670px; min-width: 100px; }
.table_scroll.CON_p53 tbody .fixed { position: -ms-fixed; position: -webkit-sticky; position: sticky; min-width: inherit; padding: 0 10px !important; background-color: #fff; z-index: 2; }
.table_scroll.CON_p53 tbody .fixed.no1 { left: 0; }
.table_scroll.CON_p53 tbody .fixed.no2 { left: 50px; }
.table_scroll.CON_p53 tbody .fixed.no3 { left: 50px; }
.table_scroll.CON_p53 tbody .fixed.no4 { left: 200px; }
.table_scroll.CON_p53 tbody .fixed.no5 { left: 320px; }
.table_scroll.CON_p53 tbody .fixed.no6 { left: 470px; }
.table_scroll.CON_p53 tbody .fixed.no7 { left: 570px; }
.table_scroll.CON_p53 tbody .fixed.no8 { left: 670px; }

.table_scroll.CON_p53 thead th.fixed3 { min-width: inherit; }
.table_scroll.CON_p53 thead th.fixed3.no1 { left: 0; min-width: 50px; }
.table_scroll.CON_p53 thead th.fixed3.no2 { left: 50px; min-width: 80px; }
.table_scroll.CON_p53 thead th.fixed3.no3 { left: 50px; min-width: 150px; }
.table_scroll.CON_p53 thead th.fixed3.no4 { left: 200px; min-width: 120px; }
.table_scroll.CON_p53 thead th.fixed3.no5 { left: 320px; min-width: 150px; }
.table_scroll.CON_p53 thead th.fixed3.no6 { left: 470px; min-width: 100px; }
.table_scroll.CON_p53 thead th.fixed3.no7 { left: 570px; min-width: 150px; }
.table_scroll.CON_p53 tbody .fixed3 { position: -ms-fixed; position: -webkit-sticky; position: sticky; min-width: inherit; padding: 0 10px !important; background-color: #fff; z-index: 2; }
.table_scroll.CON_p53 tbody .fixed3.no1 { left: 0; }
.table_scroll.CON_p53 tbody .fixed3.no2 { left: 50px; }
.table_scroll.CON_p53 tbody .fixed3.no3 { left: 50px; }
.table_scroll.CON_p53 tbody .fixed3.no4 { left: 200px; }
.table_scroll.CON_p53 tbody .fixed3.no5 { left: 320px; }
.table_scroll.CON_p53 tbody .fixed3.no6 { left: 470px; }
.table_scroll.CON_p53 tbody .fixed3.no7 { left: 570px; }

@media all and (max-width:960px){ /* PAD 이하 */
.table_scroll th, .table_scroll td { position: inherit !important; }
}
/* //테이블 상단, 좌측 고정 */




/* 테이블 - 헤드 푸터 없는 일반 표 형태 */
.table_grid { width: 100%; }
.table_grid th { padding: 12px 12px; border-right: 1px solid #eee; border-bottom: 1px solid #eee; font-size: 13px; line-height: 160%; text-align: center; }
.table_grid td { padding: 12px 12px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; font-size: 13px; line-height: 160%; text-align: center; }
.table_grid th.top { border-top: 1px solid #eee; }
.table_grid td.top { border-top: 1px solid #ddd; }
.table_grid th:first-child { border-left: 1px solid #eee; }
.table_grid td:first-child { border-left: 1px solid #ddd; }
.table_grid th { background-color: #e9e9e9; }
.table_grid th input { font-weight: 400; }
.table_grid .left { overflow: hidden; text-overflow: ellipsis; list-style-position: inside; white-space: nowrap; text-align: left; }
.table_grid .first { border-left: 0 !important; }
.table_grid a { color: #000; font-weight: 500; letter-spacing: -0.03em; text-decoration: none; }
.table_grid a:hover { text-decoration: underline; }
/* //테이블 - 헤드 푸터 없는 일반 표 형태 */




/* kendo 반응형 모바일 */
.grid_responsive .k-grid-header-wrap.k-auto-scrollable table { width: 100% !important; }
.grid_responsive .k-selectable { width: 100% !important; }
/* //kendo 반응형 모바일 */




/* 페이지네이션 */
.pagination_area { padding: 5px 10px 7px; background: #fafafa; border: 1px solid #e8eaec; border-top: 0; }
.pagination { display: inline-block; padding: 6px 0	 .333em .6px; }
.pagination i { display: inline-block; }
.pagination ul { display: inline-block; vertical-align: middle; }
.pagination ul li { display: inline-block; }
.pagination ul span { display: inline-block; width: 24px; height: 24px; margin: 0; border-radius: 12px; font-size: 13px; line-height: 24px; color: #333; text-align: center; }
.pagination ul span:hover { background: #eee; }
.pagination ul span.selected { background: #4a72a1; color: #fff; }

.pagination .handler { display: inline-block; width: 24px; height: 24px; border-radius: 12px; font-size: 13px; line-height: 24px; color: #777; text-align: center; vertical-align: middle; }
.pagination .handler i { margin-bottom: 3px; cursor: inherit; }
.pagination a .handler:hover { background: #eee; color: #777; }
/*
.pagination .first {  }
.pagination .prev { }
.pagination .next {  }
.pagination .end {  }
*/
.pagination_option { display: inline-block; margin: 0 10px; }
/* //페이지네이션 */

/* ----------------------   //Table   ---------------------- */









/* ----------------------   Form   ---------------------- */

/* 상단 영역 */
.tit_area { position: relative; overflow: hidden; margin: 0; padding: 5px 0; border-bottom: 1px solid #c7c7c7; }
.tit_area.border { border: 0; }
.tit_area h2 { float: left; padding: 0; line-height: 160%; }
.tit_area_bg { position: relative; padding: 10px 20px; background-color: #e9e9e9; }
.tit_area_line { position: relative; background-color: #fafafa; border: 1px solid #e9e9e9; }

.tit_area .cap { font-size: 12px; color: #555; }
.tit_area .line { display: inline-block; width: 30px; margin-bottom: 3px; font-size: 16px; line-height: 0; text-align: center; vertical-align: middle; opacity: 0.3; }
.tit_area_bg .cap { font-size: 12px; color: #555; }
.tit_area_bg .line { display: inline-block; width: 30px; margin-bottom: 3px; font-size: 16px; line-height: 0; text-align: center; vertical-align: middle; opacity: 0.3; }
.tit_area_line .cap { font-size: 12px; color: #555; }
.tit_area_line .line { display: inline-block; width: 30px; margin-bottom: 3px; font-size: 16px; line-height: 0; text-align: center; vertical-align: middle; opacity: 0.3; }

@media all and (max-width:767px){ /* Mobile 최대 */
/*.tit_area { margin: 0 0 3px; padding: 5px 0 0; border: 0; }*/
.tit_area.m0 { margin: 10px 0 10px !important; }

.tit_area .i_radio { padding: 3px 0; }
.tit_area_bg .i_radio { padding: 3px 0; }
.tit_area_line .i_radio { padding: 3px 0; }

.tit_area .float_left { clear: both; float: none; width: 100%; margin: 0 0 5px; }
.tit_area .float_left .k-textbox { width: 100%; }
.tit_area h2.float_left, .tit_area h3.float_left, .tit_area h4.float_left { clear: inherit; float: left; width: inherit; margin: inherit; }
.tit_area h4.float_left.mt10 { margin-top: 10px; }
/*.tit_area .float_right { clear: both; float: none !important; }*/
}

.tit_area .box_gray {background:#f9f9f9;}


.func_area { position: relative; overflow: hidden; }
.func_area.border{ border-top: 1px solid #eee; }
.func_area ul { display: block; overflow: hidden; padding: 3px 0; }
.func_area li { float: left; position: relative; padding: 3px 6px 3px 0; vertical-align: middle; font-size: 0; }
.func_area li:last-child { padding: 3px 0; }
.func_area li:first-child .btn { margin: 0 3px 0 0; }
.func_area li:last-child .btn { margin: 0 0 0 3px; }
/*.func_area li.clear_first {  }*/
.func_area li.txt { padding: 8px 0 0 15px; }
/*.func_area li.txt p {  }*/
.func_area li label {position:relative; display: inline-block; font-size: 13px; color: #333; vertical-align: middle; }
.func_area li span.tit { font-size: 12px; color: #777; }
.func_area li .tit i { font-style: normal; color: #f47920; font-weight: 700; }
/*.func_area .i_inputs.inline {  }*/
.func_area .i_inputs.inline .k-widget { display: inline-block; min-width: 80px; width: inherit !important; }

.func_area.top { padding: 0 0 10px; }
.func_area.bottom { padding: 10px 0 0; }

.func_area li .func_area_tit { display: inline-block; font-size: 13px; vertical-align: middle; line-height: 32px}
.func_area li .i_inputs { display: inline-block; font-size: 13px; vertical-align: middle; }
.func_area li .i_check { padding: 8px 0 0; }

/* 한 줄 컨트롤 수직 중앙 정렬 (표준 행 높이 32px)
   padding-top 으로 눈대중 정렬하던 것(.pt10/.i_check)을 대체한다.

   [왜 li 가 아니라 ul 에 거는가]
   .func_area li 는 float:left 라 서로 '윗변' 기준으로 늘어선다.
   li 안에서 아무리 중앙정렬해도 li 끼리 높이가 다르면(드롭다운 36px / 버튼 37px / 체크박스 32px)
   그 차이만큼 어긋나 보인다. 줄(ul)을 flex 로 만들어야 li 들이 서로 중앙에 온다. */
.func_area ul.v_row { display: flex; align-items: center; flex-wrap: wrap; }
.func_area ul.v_row > li { float: none; display: flex; align-items: center; min-height: 32px; padding-top: 0; padding-bottom: 0; }
.func_area ul.v_row > li.float_right { margin-left: auto; }

/* li 하나만 맞출 때 (줄 전체를 바꾸기 어려운 기존 화면용) */
.func_area li.v_center { display: flex; align-items: center; min-height: 32px; padding-top: 0; padding-bottom: 0; }
.func_area ul.v_row > li > *,
.func_area li.v_center > * { vertical-align: middle; }
/* Kendo 기본 테마가 .k-checkbox-label 에 margin-top:5px 를 걸어 중앙 정렬을 밀어낸다 → 상하 마진만 무력화.
   라벨 자체는 Kendo 기본 형상(min-height:16px / line-height:17px / ::before 16px at top:0)을 그대로 두어야
   체크박스 그림과 글자의 관계가 유지된다. 좌우 마진(margin-right:1em)은 간격이므로 남긴다. */
.func_area ul.v_row .k-checkbox-label,
.func_area li.v_center .k-checkbox-label { margin-top: 0; margin-bottom: 0; }

.func_area.file_log ul {padding: 0;}

@media all and (max-width:820px){
.open .func_area .float_right.btn_area.col4 { display: flex; display: -ms-flexbox; flex-direction: row; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-wrap: wrap; -ms-flex-wrap: wrap; justify-content: space-between; -webkit-box-pack:justify; -ms-flex-pack:justify; align-items: stretch; -webkit-box-align: stretch; -ms-flex-align: stretch; clear: both; width: 100%; margin: inherit !important; }
.open .func_area .float_right.btn_area.col4 .btn { display: flex; display: -ms-flexbox; flex-direction: row; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-wrap: wrap; -ms-flex-wrap: wrap; justify-content: center; -webkit-box-pack:center; -ms-flex-pack:center; align-items: center; -webkit-box-align: center; -ms-flex-align: center; text-align: center; padding-top: 8px; padding-bottom: 8px; line-height: 140% !important; width: calc(25% - 3px); }
}
@media all and (max-width:767px){ /* Mobile 최대 */
.func_area { margin-bottom: 5px; }
.func_area:last-child { margin-bottom: 0; }
.func_area ul { float: none !important; }
.func_area li { clear: both; float: none; width: 100%; margin: 0; padding: 3px 0 3px 2px!important; }
.func_area li label {position:relative; display: block; width: 100%; margin: 6px 0 0; }
.func_area li label:first-child { display: block; width: 100%; margin: 0; }
.func_area li .i_input { width: 100%; padding: 0; }
.func_area li span.tit { display: block; margin: 5px 0; }
.func_area li .btn.mobile_margin { margin-bottom: 6px !important; }
.func_area li .func_area_tit { display: block; width: 100%; }
.func_area li .i_inputs { display: block; position: relative; width: 100%; margin: 5px 0; padding: 3px 0; }
.func_area .float_right.mr30 { margin-right: 0; }
}




.search_list { margin-bottom: 15px; padding: 10px; background: rgba(0, 0, 0, 0.04); border: 1px solid #eee; overflow:hidden;}
.search_list.normal { margin-bottom: inherit; padding: inherit; background: #fff; border: 0; }
.search_list ul { overflow: hidden; /*display: flex; display: -ms-flexbox; flex-direction: row; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-wrap: wrap; -ms-flex-wrap: wrap; justify-content: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; align-items: stretch; -webkit-box-align: stretch; -ms-flex-align: stretch; list-style: none;*/ }
.search_list li strong { display: inline-block; width: 100px; padding: 10px 0 0 10px; line-height: 140%; }
.search_list li strong.mt7 { margin-top: -4px !important; }
.search_list li strong i { font-style: normal; color: #f47920; font-weight: 700; }
.search_list li .i_inputs { position:relative; font-size: 13px; }
.search_list li .i_inputs .center {float:left; line-height:32px; margin:0 5px;}
.search_list li .i_inputs span.center {float:none}
.search_list li .i_inputs strong { padding:0;}
.search_list li .i_inputs .center:first-child {margin-left:0;}
.search_list li .i_inputs .btn_ab_right {top:0;}
.search_list li .i_inputs .w50 .k-widget { width: calc(50% - 55px); }
.search_list li .i_inputs .i_radio { display: inline-block; padding: 7px 6px 7px 0; }
.search_list li .i_inputs .i_radio label { padding-left: 22px; }



.search_list li .i_select { width: calc(100% - 110px); padding: 5px 0; }
.search_list li .text { min-height: 34px; padding: 8px 10px 9px; background: #fff; border: 1px solid #f0f0f0; font-size: 13px; color: #222; line-height: 140%; }
.search_list li .text.body { min-height: 200px; margin: 15px 0; padding: 40px; }
.search_list li .text img { max-width: 100%; }
.search_list li .text strong { width: inherit !important; padding: 0 !important; }
.search_list li .text a { color: #2d8ec2; text-decoration: none; }
.search_list li .text a:hover { text-decoration: underline; }
.search_list li .text_bg { min-height: 34px; padding: 8px 10px 9px; background: #fafafa; border: 1px solid #f0f0f0; font-size: 13px; color: #222; line-height: 140%; }
.search_list li.wmax { width: 100%; }
.search_list li.w4 { width: 25%;}
.search_list li.w3 { width: 33.333%; }
.search_list li.w3_x2 { width: 66.666%; }
.search_list li.w2 { width: 50%; }
.search_list li.btn_area { margin: 5px 0 !important; padding: 0 !important; border-top: 0; }
.search_list .btn_area { padding:0 !important;  }
.search_list .btn_area.inline { margin: 0 !important; padding: 5px 10px; border-top: 0; }
.search_list li span.p10 { margin: 0 auto; padding: 2px 10px 0 !important; }

.search_list .size_none li strong { padding: 11px 20px 0 10px; }
.search_list .size_none li .i_inputs { width: inherit; }

/*.search_list .i_inputs.date_col2 {  }*/
.search_list .i_inputs.date_col2 label { width: calc(50% - 20px); }
.search_list .i_inputs.date_col2 span.txt { display: inline-block; width: 32px; text-align: center; }

/*.search_list .datepicker_col2 {  }*/
/*.search_list .datepicker_col2 label {  }*/
.search_list .datepicker_col2 span.txt { display: inline-block; width: 32px; font-size: 13px; text-align: center; }
.search_list label {display:inline-block}

@media all and (max-width:1200px){
.open .search_list li.w4 { width: 50%; }
}
@media all and (max-width:1080px){
.open .search_list li.w3 { width: 50%; }
}
@media all and (max-width:850px){
.search_list li.w3 { width: 50%; }
.search_list li.w4 { width: 50%; }
}
@media all and (max-width:767px){
.search_list ul li { width: 100%; margin-right: 0; justify-content: space-between; }
.search_list li.w4 { width: 100%; }
.search_list li.w3 { width: 100%; }
.search_list li.w3_x2 { width: 100%; }
.search_list li.w2 { width: 100%; }
.search_list li.btn_area { margin: 10px 0 0 !important; padding: 10px 10px 5px !important; border-top: 1px solid #eee; }
.search_list li .i_inputs { width: calc(100% - 110px); font-size: 14px; }
.search_list li .i_inputs .w50 .k-widget { width: 100%; }
.search_list li .i_inputs .w50 { width: 100% !important; }
.search_list .size_none li strong { width: auto; padding: 11px 20px 0 0; }
.search_list .size_none li .i_inputs { width: calc(100% - 90px); }
.search_list .btn_area { padding: 5px 0; }
.search_list .btn_area.inline { padding: 5px 0; }
.search_list .btn_area.inline .btn { width: 100%; }

.search_list .datepicker_col2 { width: 100%; }
.search_list .datepicker_col2 label { display: inline-block !important; width: calc(50% - 16px) !important; vertical-align: baseline; }
.search_list .datepicker_col2 .w140pxi { width: 100% !important; }
}

.flex_area { display: flex; display: -ms-flexbox; flex-direction: row; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-wrap: wrap; -ms-flex-wrap: wrap; justify-content: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; align-items: stretch; -webkit-box-align: stretch; -ms-flex-align: stretch; }
.flex_area li { padding: 3px; }
/* //상단 영역 */




/* 하단 영역 */
.bottom_area { clear: both; overflow: hidden; margin: 12px 0 0; padding: 5px 0 7px; }
.bottom_area.border { padding: 15px 0 7px; border-top: 1px solid #eee; }
.bottom_area h2 { float: left; padding: 0; line-height: 160%; }
.bottom_area .cap { font-size: 12px; color: #555; line-height: 140%; }

@media all and (max-width:767px){ /* Mobile 최대 */
.bottom_area .float_left { overflow: hidden; float: none !important; }
.bottom_area .float_right { overflow: hidden; float: none !important; }
}
/* //하단 영역 */




/* 리스트 영역 */
/*.input_box {  }*/
.input_box label { display: inline-block; position: relative; }

.input_list ul.border_top { padding: 0 0 6px !important; border-top: 1px solid #ddd; }
.input_list .i_inputs { position: relative; }
.input_list .i_inputs .btn { vertical-align: top; }
.input_list .i_inputs i { /* margin: 2px 0 0 6px;*/ }
.input_list .i_inputs.inline .k-widget { display: inline-block; min-width: 94px; width: inherit !important; }
.input_list .i_inputs.radio { padding: 12px 0 !important; }
.input_list .i_inputs.radio span { display: inline-block; }
.input_list .i_inputs.radio a { color: #222; }
.input_list .i_inputs.radio a i { margin-bottom: 3px; }
.input_list .i_select { position: relative; }
.input_list li.top { border-top: 0 !important; }

.input_list .cap { margin: 7px 0; font-size: 11px; color: #777; }
.input_list .cap i { margin-bottom: 2px; color: #f47920; }
.input_list .cap i.k-i-information { margin-left: 0 !important; }

.input_list .col_max { padding: 0 5px; }
.input_list .col_max li { display: flex; display: -ms-flexbox; flex-direction: row; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-wrap: wrap; -ms-flex-wrap: wrap; justify-content: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; align-items: stretch; -webkit-box-align: stretch; -ms-flex-align: stretch; padding: 6px 0; list-style: none; }
.input_list .col_max li strong { width: 20%; line-height: 260%; }
.input_list .col_max li strong i { font-style: normal; color: #f47920; font-weight: 700; }
.input_list .col_max li .i_inputs { width: 80%; }
.input_list .col_max li .i_select { width: 80%; padding: 6px 0; }

.input_list .col_max_block { padding: 0 5px; }
.input_list .col_max_block li { padding: 6px 0; list-style: none; }
.input_list .col_max_block li strong { display: block; padding: 2px 0 7px; }
.input_list .col_max_block li strong i { font-style: normal; color: #f47920; font-weight: 700; }

.input_list .col2 { display: flex; display: -ms-flexbox; flex-direction: row; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-wrap: wrap; -ms-flex-wrap: wrap; justify-content: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; align-items: stretch; -webkit-box-align: stretch; -ms-flex-align: stretch; padding: 6px 0; list-style: none; }
.input_list .col2 li { width: 50%; padding: 6px 5px; list-style: none; }
.input_list .col2 li strong { display: block; padding: 2px 0 7px; }
.input_list .col2 li strong i { font-style: normal; color: #f47920; font-weight: 700; }

.input_list .col3 { display: flex; display: -ms-flexbox; flex-direction: row; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-wrap: wrap; -ms-flex-wrap: wrap; justify-content: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; align-items: stretch; -webkit-box-align: stretch; -ms-flex-align: stretch; padding: 6px 0; list-style: none; }
.input_list .col3 li { width: 33.333%; padding: 6px 5px; list-style: none; }
.input_list .col3 li strong { display: block; padding: 2px 0 7px; }
.input_list .col3 li strong i { font-style: normal; color: #f47920; font-weight: 700; }

.input_list_info { min-height: 240px; padding: 20px; line-height: 160%; }
.input_list_center { margin-bottom: 10px; padding: 10px; background-color: #fafafa; border: 1px solid #ccc; border-top: 0; text-align: center; }
.input_list_center li { display: inline-block; padding: 0 10px 0 8px; background: url(../img/bl_gray.png) no-repeat 12px 20px; background-size: 4px auto; list-style: none; color: #555; }
.input_list_center li strong { display: inline-block; margin: 0 5px 0 15px; vertical-align: middle; }
.input_list_center li .i_inputs { display: inline-block; position: relative; width: 120px; margin: 0 15px 0 5px; padding: 5px 0; }
.input_list_center li .i_inputs .k-textbox { padding-right: 25px; text-align: right; }
.input_list_center li .i_inputs .ab_right { top: 11px; right: 10px; }

@media all and (max-width:960px){
.input_list_center li .i_inputs { width: 80px; }
}

@media all and (max-width:767px){ /* Mobile 최대 */
.input_list .col_max li .i_inputs { width: 100%; }
.input_list .col_max li .i_select { width: 100%; }
.input_list .col2 li { width: 50%; }
.input_list .col3 li { width: 50%; }
.input_list .i_inputs .k-textbox { width: 100%; }
.input_list_center li { width: 100%; }
.input_list_center li .i_inputs { width: calc(100% - 80px); }
}



/*.input_list.custom {  }*/
.input_list.custom > ul { display: flex; display: -ms-flexbox; flex-direction: row; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-wrap: wrap; -ms-flex-wrap: wrap; justify-content: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; align-items: stretch; -webkit-box-align: stretch; -ms-flex-align: stretch; /*margin: 0 -20px 0 0;*/ list-style: none; }
.input_list.custom > ul > li { display: flex; display: -ms-flexbox; flex-direction: row; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-wrap: wrap; -ms-flex-wrap: wrap; justify-content: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; align-items: stretch; -webkit-box-align: stretch; -ms-flex-align: stretch; padding: 5px 0; }
.input_list.border li { border-bottom: 1px solid #eee; }
.input_list.border li.border { border-bottom: 0; }

.input_list.custom li strong { display: inline-block; width: 100px; padding: 7px 0 0 10px; line-height: 140%; }
.input_list.custom li strong i {  font-style: normal; color: #f47920; font-weight: 700; }
.input_list.custom li .i_inputs { width: calc(100% - 100px); font-size: 13px; }
.input_list.custom li .i_inputs.w_full {width: calc(100% - 120px)}
.input_list.custom li .i_inputs .i_radio { display: inline-block; padding: 7px 6px 7px 0; }
.input_list.custom li .i_inputs .i_radio label { padding-left: 22px; }
.input_list.custom li .i_select { padding: 5px 0; }
.input_list.custom li .text {min-height: 34px; padding: 6px 10px 7px; background: #fff; border: 1px solid #f0f0f0; font-size: 13px; color: #222; line-height: 140%; }
.input_list.custom li .text.no_bd {border:none}
.input_list.custom li .text.body { width: calc(100% - 130px); min-height: 200px; margin: 15px 0; }
.input_list.custom li .text img { max-width: 100%; }
.input_list.custom li .text strong { width: inherit !important; padding: 0 !important; }
.input_list.custom li .text a { color: #2d8ec2; text-decoration: none; }
.input_list.custom li .text a:hover { text-decoration: underline; }
.input_list.custom li .text_bg { min-height: 34px; padding: 6px 10px 7px; background: #fafafa; border: 1px solid #f0f0f0; font-size: 13px; color: #222; line-height: 140%; }
.input_list.custom li.wmax { width: 100%; }
.input_list.custom li .img_box img {width:100%; height:auto}
.input_list.custom li.w6 {width:16.6%} /* 추가_이병위_2020.05.22 */
.input_list.custom li.w5 {width:20%} /* 추가_이병위_2020.05.22 */
.input_list.custom li.w4 { width: 25%; }
.input_list.custom li.w3 { width: 33.333%; }
.input_list.custom li.w3_x2 { width: 66.666%; }
.input_list.custom li.w2 { width: 50%; }
.input_list.custom li.no_bg { background: none !important; }
.input_list.custom li .calc50 .first { float: left; width: calc(50% - 12px); }
.input_list.custom li .calc50 .last { float: right; width: calc(50% - 12px); }
.input_list.custom li .calc50 .space { float: left; width: 10px; }

/* 캘린더 팝업 width 100% */
li.inp_cal > span{width:calc(100% - 130px);}

.box_gray.input_list.custom li .text { border: 1px solid #e8eaec; background: #f7f9fa; }

.input_list.custom.view > ul { margin: 0; }
.input_list.custom.view > ul > li { padding: 5px 10px 5px 8px; background: url(../img/bl_gray.png) no-repeat 12px 20px; background-size: 4px auto; border-bottom: 1px solid #eee; list-style: none; color: #555; }
.input_list.custom.view > ul > li.border { border-top: 1px solid #eee; }
.input_list.custom.view > ul > li.bottom { border-bottom: 1px solid #eee; }
.input_list.custom.view > ul > li.no_bd {border-bottom:none}  /* 추가_이병위_2020.05.22 */
.input_list.custom.view > ul > li.wmax:last-child { border-bottom: 1px solid #eee; }
.input_list.custom.view > ul > li strong { width: 100px; padding: 9px 0 0 14px; font-size: 12px; }
.input_list.custom.view > ul > li .i_inputs { width: calc(100% - 130px); }
.input_list.custom.view > ul > li .i_inputs.mobile_w100 { width: 100%; }
.input_list.custom.view > ul > li input { font-size: 13px; }

/* 신규 추가 */
.input_list.custom.view.stA > ul > li {
    padding: 5px 0px 5px 8px;
}

.input_list.custom.view.stA .input_disable {
	overflow: hidden;
	text-overflow: ellipsis;
    white-space: nowrap;
}

.input_list.custom.view > ul.border:after { content: ""; display: block; width: 100%; border-bottom: 1px solid #eee; }

.input_list.custom.view > ul.border.n_typeA:after {border-bottom: 0px;}

.input_list.custom.view.small > ul > li { background: url(../img/bl_gray.png) no-repeat 12px 19px; background-size: 4px auto; }
.input_list.custom.view.small > ul > li strong { padding: 12px 0 0 10px; }
.input_list.custom.view.small > ul > li .text { min-height: inherit; padding: 5px 8px 6px; }

.input_list.custom ul.tit_short li strong { width: 110px; }
.input_list.custom ul.tit_short li .i_inputs { width: calc(100% - 120px); }

.input_list.custom.long li strong { display: inline-block; width: 140px; padding: 12px 0 0 4px; line-height: 140%; }
.input_list.custom.long li .i_inputs { width: calc(100% - 160px); }
.input_list.custom.long li .i_select { width: calc(100% - 160px); }

.input_list li strong.k-upload-status { width: inherit !important; padding: inherit !important; }
.input_list li .i_inputs.ab_right_area .ab_right { top: 11px; right: 10px; }
.input_list li .i_inputs.ab_right_area .k-textbox { padding-right: 25px; text-align: right; }

@media all and (max-width:1100px){
.input_list.custom li.w3 { width: 50%; }
.input_list.custom li.w3_x2 { width: 50%; }
}
@media all and (max-width:960px){ /* PAD 이하 */
.open .input_list.custom li.w3 { width: 100%; }
.open .input_list.custom li.w3_x2 { width: 100%; }
.open .input_list.custom li.w2 { width: 100%; }
}
@media all and (max-width:767px){ /* Mobile 최대 */
.input_list.custom > ul { margin: 0; }
.input_list.custom.view > ul > li { padding: 0; background: url(../img/bl_gray.png) no-repeat 2px 20px; background-size: 4px auto; }
.input_list.custom.view > ul > li:last-child { border-bottom: 1px solid #eee; }
.input_list.custom li { border: 0 !important; }
.input_list.custom li .i_inputs { width: 100%; /*padding: 5px;*/ }
.input_list.custom li .i_select { width: 100%; /*padding: 5px;*/ }
.input_list.custom li .text_bg { background: #fff; }
.input_list.custom li input[type="search"] { background: #fff; }
/*.input_list.custom .i_inputs i { margin-right: 5px; }*/
.input_list.custom li.w3 { width: 100%; }
.input_list.custom li.w3_x2 { width: 100%; }
.input_list.custom li.w2 { width: 100%; }
.input_list.custom li .float_left.mr15 { width: 100%; padding: 3px 0; }
.input_list.custom li .float_left.mr15 span { display: inline-block; width: 80px; }
.input_list.custom li .k-textbox  { width: 100%; }
.input_list.custom li .i_inputs .i_radio.float_left.w50p { width: 100% !important; }
.input_list.custom li strong,
/*.input_list.custom.border li {  }*/
.input_list.custom.border li .i_inputs { margin: 5px 0 0; }
.input_list.custom.view li .i_inputs { width: 100% !important; padding: 5px 0; }
.input_list.custom.view li .i_select { width: 100% !important; padding: 5px 0; }
.input_list.custom.view > ul > li:last-child { border-bottom: 1px solid #eee; }
.input_list.custom ul.tit_short li strong { width: 110px; }
.input_list.custom ul.tit_short li .i_inputs { width: calc(100% - 120px);}

}

/* 0824 */
.edu_choice_n1 {padding:18px 0; height:80px; text-align:center; background-color:#DDD; border-radius:20px 20px 0 0}
.edu_choice_n1 h4 {margin-bottom:10px;font-size:15px; color:#333; font-family:"noto_m";}
.edu_choice_n1 .radio_st01_n1 + .radio_st01_n1 {margin-left:10px}
.edu_choice_n1 .radio_st01_n1 input[type="radio"]{display:none;}
.edu_choice_n1 .radio_st01_n1 {color:#222;margin:0;font-size:14px;line-height:16px;font-weight:500;font-family:"noto_m"}
.edu_choice_n1 .radio_st01_n1 input[type="radio"] + span{display:inline-block;width:16px;height:16px;margin:-2px 10px 0 0;vertical-align:middle;cursor:pointer;-webkit-border-radius:25px;border-radius:25px;border:1px solid #c5c5c5;background:#fff;position:relative}
.edu_choice_n1 .radio_st01_n1 input[type="radio"]:checked + span{position:relative}
.edu_choice_n1 .radio_st01_n1 input[type="radio"] + span:after{display:block;content:'';width:8px;height:8px;-webkit-border-radius:8px;border-radius:8px;background:#fff;position:absolute;top:3px;left:50%;margin-left:-4px;}
.edu_choice_n1 .radio_st01_n1 input[type="radio"]:checked + span{background:#ee302a;position:relative;border:1px solid #ee302a}
.edu_choice_n1 .radio_st01_n1 input[type="radio"]:checked + span:after{display:block;content:'';width:8px;height:8px;-webkit-border-radius:8px;border-radius:8px;background:#fff;}
.edu_choice_n1 .radio_st01_n1 input[type="radio"]:disabled + span{border:1px solid #ddd;background:#ddd}
.edu_choice_n1 .radio_st01_n1 input[type="radio"]:disabled + span:after{display:block}

.sign_box_n1 {
	position: relative;
    display: block;
    align-items: center;
    justify-content: center;
    height: 220px;
    min-height: 220px;
    border: 1px solid #DDD;
    background-color: #FFF;
}
.sign_box_n1 .pretxt_n1 {
	display: block;
    color: #f5f5f5;
    font-size: 3.0rem;
    font-family: "noto_b";
    text-align: center;
    margin-top: 70px;
}


/*.tit_input {  }*/
.tit_input .tit { display: inline-block; margin: 0; padding: 7px 10px 6px 0; font-size: 12px; color: #333; vertical-align: middle; }
.tit_input .input { display: inline-block; }

@media all and (max-width:767px){ /* Mobile 최대 */
/*.tit_input { margin-bottom: 7px !important; }*/
.tit_input .tit { margin: 0; padding: 4px 0 5px; background-color: transparent; border: 0; }
.tit_input .k-textbox { width: 100%; }
.tit_input .k-textbox { width: 100%; }
.tit_input.col2 strong { display: block; }
.tit_input.col2 label.first { float: left; width: calc(50% - 12px); }
.tit_input.col2 label.last { float: right; width: calc(50% - 12px); }
.tit_input.col2 .space { float: left; width: 10px; }
.tit_input.date label { width: 100% !important; }
}
/* //리스트 영역 */

/* 사업현황 > 사업개요 조감도 */
#businessOutline_content ul.pb0 li:last-child {
	background: none !important;
	border-bottom: 0px !important;
}


/* 모름 */
.colbox_box { margin: 15px 0 0; padding: 7px 7px 14px; background: #f7f9fa; border: 1px solid #e8eaec; border-radius: 3px; }
.colbox_box .btn_list { display: flex; display: -ms-flexbox; flex-direction: row; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-wrap: wrap; -ms-flex-wrap: wrap; justify-content: space-between; -webkit-box-pack: justify; -ms-flex-pack: justify; align-items: stretch; -webkit-box-align: stretch; -ms-flex-align: stretch; position: relative; padding: 40px 0 0; }
.colbox_box .btn_list a { width: 32%; }
.colbox_box .btn_list .tit { display: inline-block; position: absolute; top: 10px; left: 7px; width: auto; font-size: 15px; line-height: 180%; font-weight: 500; letter-spacing: -0.03em; color: #555; }
.colbox_box .btn_list .tit i { margin-bottom: 5px; }

@media all and (max-width:767px){ /* Mobile 최대 */
.colbox_box .btn_list a { width: 31%; }
}


.k-widget.k-window .sort_list { overflow-y: auto; max-height: 300px; /*width:300px;*/ }
.sort_list { margin: 15px 2px 0; background: #fff; border-radius: 3px; }
.sort_list .k-listbox { width: 100%; height: auto; background: #f9f9f9; border-radius: 3px; }
.sort_list select { width: 100%; margin: 10px; border: 1px solid #ddd; cursor: move; }
.sort_list .k-item { margin: 1px; padding: 8px 15px !important; border: 1px solid #eee; }


/* 20200320 KCC작업시 백업
.k-widget.k-window .sort_list { overflow-y: auto; max-height: 300px; }
.sort_list { margin: 15px 2px 0; background: #fff; border-radius: 3px; }
.sort_list .k-listbox { width: 100%; height: auto; background: #f9f9f9; border-radius: 3px; }
.sort_list select { margin: 10px; border: 1px solid #ddd; cursor: move; }
.sort_list .k-item { margin: 1px; padding: 8px 15px !important; border: 1px solid #eee; }
*/

/* //모름 */




/* 버튼 */
.btn_area { margin: 0 !important; font-size: 0; text-align: right; }
.btn_area a:first-child { margin: 0 2px 0 0; }
.btn_area a:last-child { margin: 0 0 0 2px; }
.tit_area div.btn_area { padding: 3px 0; }
.tit_area li .btn_area { padding: 3px 0; }
.func_area div.btn_area { padding: 0 !important; }
.func_area .btn_area { float: right; padding: 3px 0 !important; }
.func_area .btn_area.left { padding: 6px 0 !important; }
.func_area .btn_area.right { padding: 6px 0 !important; }
.func_area .btn_area.float_left { padding: 6px 0 !important; }
.func_area .btn_area.float_right { padding: 6px 0 !important; }
.func_area.file_log .btn_area.float_right { padding-top: 9px !important; }

.func_area.pa_0 {padding: 0px !important;}

@media all and (max-width:767px){ /* Mobile 최대 */
.btn_area { display: flex; display: -ms-flexbox; flex-direction: row; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-wrap: wrap; -ms-flex-wrap: wrap; justify-content: space-between; -webkit-box-pack:justify; -ms-flex-pack:justify; align-items: stretch; -webkit-box-align: stretch; -ms-flex-align: stretch; clear: both; width: 100%; margin: inherit !important; }
.btn_area .btn { display: flex; display: -ms-flexbox; flex-direction: row; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-wrap: wrap; -ms-flex-wrap: wrap; justify-content: center; -webkit-box-pack:center; -ms-flex-pack:center; align-items: center; -webkit-box-align: center; -ms-flex-align: center; text-align: center; padding-top: 8px; padding-bottom: 8px; line-height: 140% !important; }

.btn_area.reverse {flex-direction: row-reverse; }
/*.btn_area.col1 {  }*/
.btn_area.col1 a { width: 100% !important; margin: 0 !important; }
/*.btn_area.col2 {  }*/
.btn_area.col2 a { width: calc(50% - 4px) !important; }
/*.btn_area.col3 {  }*/
.btn_area.col3 a { width: calc(33.333% - 4px) !important; }
/*.btn_area.col4 {  }*/
.btn_area.col4 a { width: calc(25% - 4px) !important; }
/*.btn_area.col5 {  }*/
.btn_area.col5 a { /* width: calc(20% - 4px) !important; */}
.btn_area.col6 a { width: calc(33.333% - 4px); margin: 2px 0; padding: 4px 5px; }
.over_hidden .btn_area { margin: 0 0 5px!important; }
}
@media all and (max-width:359px){ /* Mobile 최소 */
.btn_area .btn { word-break: break-all; }
}

.btn { display: inline-block; position: relative; min-width: 80px; margin: 0 2px; padding: 0 15px 1px; background: #fafafa; border: 1px solid #aaa; border-radius: 2px; font-size: 13px; line-height: 32px; font-weight: 500; color: #555; text-align: center; text-decoration: none; }
.btn:hover { background: #f9f9f9; border: 1px solid #777; text-decoration: none; transition:all 0.2s ease; }
.btn.small { min-width: 60px; font-size: 12px; line-height: 29px; cursor: pointer;}
.btn.micro { min-width: 40px; margin: -4px 2px; padding: 2px 12px; font-size: 12px; line-height: 24px; }
.btn_blue { background: #4a72a1; border: 1px solid #4a72a1; color: #fff; }
.btn_blue:hover { background: #2e4f80; border: 1px solid #2e4f80; }
.btn.hide { display: none; }
.btn.active { background: #f03223; border: 1px solid #f03223; color: #fff; }
.btn.active:hover { background: #c52a1e; border: 1px solid #c52a1e; }
.btn.white { background: #fff; border: 1px solid #aaa; color: #555; }
.btn.white:hover { background: #fff; border: 1px solid #777; }

/* for MS계열 브라우저 */
@keyframes blink {
 0% {background-color: #f9f9f9;}
 50% {background-color: #4a72a1;color:white;}
}

/* for Chrome, Safari */
@-webkit-keyframes blink {
 0% {background-color: #f9f9f9;}
 50% {background-color: #4a72a1;color:white;}
}

.btn_blink { font-weight:bold; animation: blink 1s step-end infinite; -webkit-animation: blink 1s step-end infinite; }

@media all and (max-width:767px){ /* Mobile 최대 */
.btn { padding: 0 5px 1px; }
.btn.micro { margin: 0; padding: 2px 5px;  }

.func_area .btn { width: 100%; margin: 3px 0 !important; }
.btn_mobile_w100 .btn { padding: 0 10px 1px; }
}

.btn_td { color: #333; }
.btn_td:hover { text-decoration: none; }
.btn_td .k-icon { margin-top: 2px; /*color: #b5c5cf;*/ vertical-align: top; }
.btn_td .k-icon:hover { /*color: #0088cf;*/ transition:all 0.2s ease; }

.btn_list_control { position: absolute; top: 50%; left: 50%; width: 60px; margin: 0 0 0 -30px; }
.btn_list_control .btn { margin: 5px 0; }

.bottom .colbox .btn_right_top { position: absolute; top: 17px; right: 18px; }

.btn_detail_search { padding: 6px 0; font-size:13px;}
.btn_detail_search a { display: block; padding: 8px 0; font-weight: 500; color: #3d79b3; }
.btn_detail_search a::after { display: inline-block; content: ''; margin: 0 0 3px 15px; border-top: 5px solid #666; border-left: 5px solid transparent; border-right: 5px solid transparent; }
.btn_detail_search a.active { color: #f03223; }
.btn_detail_search a.active::after { margin: 0 0 3px 15px; border-top: 0; border-bottom: 5px solid #aaa; }
.btn_detail_search a:hover { color: #f03223; }
.btn_detail_search a i { margin-right: 3px; font-size: 15px; color: #aaa; }

@media all and (max-width:767px){ /* Mobile 최대 */
.btn_detail_search { padding: 6px 0 0; }
.float_right.mr30.btn_detail_search { margin-right: 0 !important; }
}
/* //버튼 */




/* 줄바꿈 버튼 / 페이지별 클래스로 조절 */
/*.clear_btn_area {  }*/
.clear_btn_area .left { float: right; }
.clear_btn_area .right { float: right; }
.clear_btn_area.CON_p19 { padding: 3px 0; }

@media all and (max-width:1200px){
.clear_btn_area.CON_p19 { clear: both; float: none !important; width: 100%; }
.clear_btn_area.CON_p19 .left { float: left; margin: 0; }
.clear_btn_area.CON_p19 .right { margin: 0; }
}
@media all and (max-width:767px){ /* Mobile 최대 */
.clear_btn_area .left { float: none; width: 100%; margin: 0; }
.clear_btn_area .right { float: none; width: 100%; margin: 0; }
}
/* //줄바꿈 버튼 / 페이지별 클래스로 조절 */




/* 우측 고정 버튼형식 */
/*.ab_left {  }*/
.ab_left span { display: block; position: absolute; top: 5px; left: 0; width: 60px; height: 32px; background: #fff; border: 1px solid #ddd; border-radius: 3px 0 0 3px; color: #999; line-height: 25px; text-align: center; z-index: 10; }
.ab_left .k-textbox { padding-left: 66px; }
.ab_left .wcalc80 { padding-left: 66px; }

.ab_right { display: block; position: absolute; top: 5px; right: 0; }
.tit_area .ab_right { top: 12px; }

.ab_txt { position: relative; }
.ab_txt .tit { display: inline-block; width: 60px; height: 32px; margin-right: -1px; background: #f03223; border-radius: 3px 0 0 3px; font-size: 13px; color: #fff; line-height: 25px; vertical-align: middle; }
.ab_txt label { width: calc(100% - 60px); vertical-align: middle; }

.btn_ab_right { display: block; position: absolute; top:0; right: 0; width: 32px; height: 32px; background: #e9e9e9; border: 1px solid #e0e0e0; border-left: 0; border-radius: 0 3px 3px 0; }
.btn_ab_right i { position: absolute; top: 7px; right: 7px; margin: 0; color: #555; }
.btn_ab_right:hover { background: #fff; border-left: 0; }
/*.btn_ab_right:hover i { color: #fff; }*/
.func_area .btn_ab_right { top: 0px; }/*top: 3px;*/

.tit_area .btn_tit_ab_right_blue { position: absolute; top: 5px; right: 0; width: auto !important; padding: 5px 10px; background: #4a72a1; border: 1px solid #4a72a1; color: #fff; line-height: 140%; }
.tit_area .btn_tit_ab_right_blue:hover { background: #2e4f80; border: 1px solid #2e4f80; }

i.btn_ab_right { top: 3px; width: 28px; height: 32px; padding: 7px 0 0 1px; text-align: center; cursor: pointer; }
i.btn_ab_right:hover { color: #fff; }

.btn_ab_right2 { display: block; position: absolute; top: 5px; right: 31px; width: 32px; height: 32px; background: #e9e9e9; border: 1px solid #e0e0e0; border-left: 0; }
.btn_ab_right2 i { position: absolute; top: 7px; right: 7px; color: #555; }
.btn_ab_right2:hover { background: #fff; border-left: 0;}
/*.btn_ab_right2:hover i { color: #fff; transition:all 0.2s ease; }*/

.btn_td_ab_right { display: block; position: absolute; top: 50%; right: -10px; width: 32px; height: 32px; margin-top: -11px; color: #555; }
.btn_td_ab_right:hover { color: #0088cf; }

.btn_ab_text { display: block; position: absolute; top: 0; right: 0; min-width: 60px; height: 32px; padding: 0 12px 0 10px; background: #fafafa; border: 1px solid #aaa; border-left: 1px solid #aaa; border-radius: 0 3px 3px 0; font-size: 12px; font-weight: 500; color: #333; line-height: 28px; text-align: center; }
.btn_ab_text i { position: absolute; bottom: 0; right: 0; color: #555; }
.btn_ab_text:hover { background: #fff; border: 1px solid #777; border-left: 1px solid #777; text-decoration: none; transition:all 0.2s ease; }
.btn_ab_text.btn_group { top: 5px; }

/*.i_inputs.ab_text {  }*/
.i_inputs.ab_text .k-textbox { padding-right: 40px; }
.i_inputs.ab_text .ab_text { display: block; position: absolute; top: 0; right: 0; padding: 0 10px; font-size: 12px; color: #333; line-height: 28px; text-align: right; }

.ab_text { position: relative; }
.ab_text .k-textbox { padding-right: 40px; }
.ab_text .ab { display: block; position: absolute; top: 0; right: 0; padding: 0 10px; font-size: 12px; color: #333; line-height: 28px; text-align: right; }
.ab_text.activity { position: relative; }
.ab_text.activity strong { display: inline-block; float: left; width: 40px; margin-top: 6px; }
.ab_text.activity .k-textbox { float: left; width: calc(120px - 40px) !important; padding-right: 40px; }

.func_area .btn_ab { position: absolute; top: 7px; right: 0; }

@media all and (max-width:767px){ /* Mobile 최대 */
.ab_text.activity .k-textbox { width: calc(100% - 40px) !important; padding-right: 0; }
.func_area .btn_ab { position: inherit; top: inherit; right: inherit; padding: 0 !important; }
.func_area .btn_ab .btn { margin: 0; }
.tit_area .btn_tit_ab_right_blue { width: auto !important; }
.tit_area .btn_area.col1 a.btn_tit_ab_right_blue { width: auto !important; }
}
/* //button */
/* //우측 고정 버튼형식 */




/* search 검색 */
.input_box .btn_search { display: block; position: absolute; top: 3px; right: 3px; width: 32px; height: 32px; background: #fff; border: 1px solid #cdcdcd; border-left: 1px solid #cdcdcd; border-radius: 0 3px 3px 0; }
.input_box .btn_search i { position: absolute; top: 7px; right: 7px; color: #555; }
.input_box .btn_search:hover { background: #0088cf; border: 1px solid #0088cf; border-left: 1px solid #0088cf; transition:all 0.2s ease; }
.input_box .btn_search:hover i { color: #fff; transition:all 0.2s ease; }
/* //search 검색 */




/* Input */
.k-tooltip-validation { display: block; text-align: left; }

input { width: 100%; background: #fff; border-radius: 2px; font-size: 13px; line-height: 120%; }
input { -webkit-appearance: none 1!important; -webkit-border-radius: 2px !important; }
/*input[type="text"] {  }*/
input[type="text"]:disabled { background: #ddd; }
input[type="text"]:disabled { background: #ddd; }
input[type="text"]::-ms-clear { display: none; }
/*input[type="password"] {  }*/
input[type="password"]:disabled { background: #ddd; }
input[type="password"]::-ms-clear { display: none; }
/*input[type="search"] {  }*/
input[type="search"]::-ms-clear { display: none; }
input[type="file"] { width: 100%; padding: 0; height: 32px; border: 0; font-size: 13px; color: #333; line-height: 120%; -webkit-appearance: none !important; -webkit-border-radius: 2px !important; }
input[type="radio"] { height: inherit; }
input[readonly] { background: #ddd; }
input[readonly='readonly'] { background: #ddd; }

.filebox { width: 100%; padding: 0; height: 32px; border: 0; font-size: 13px; color: #333; line-height: 120%; -webkit-appearance: none !important; -webkit-border-radius: 2px !important; }
.k-ie input.k-textbox { display: inline-block; height: 32px; }

@media all and (max-width:767px){ /* Mobile 최대 */
}
/* //Input */

/* Select */
/* //Select */


/* Checkbox */
.i_checkbox_area { display: inline-block; padding: 8px 0; }
.i_inputs.checkbox { padding: 8px 0; }
.i_inputs.checkbox label { margin: 2px 0; padding-left: 24.2px; }
.i_checkbox { display: inline-block; margin:0 15px 0 0; }
.i_checkbox span { display: inline-block; }
.i_checkbox .k-textbox { display: inline-block; }
/* //Checkbox */

/* Radio */
.i_radio_area { display: inline-block; padding: 8px 0; }
.i_inputs.radio { padding: 8px 0; }
.i_inputs.radio label { margin: 2px 0; padding-left: 24.2px; }
.i_radio { display: inline-block; margin:0 15px 0 0; }
.i_radio span { display: inline-block; }
.i_radio .k-textbox { display: inline-block; }
/* //Radio */

/* Textarea */
.autosize { width:100%; min-height:160px; margin:6px 0; padding:10px; background:#fff; border:1px solid #ddd; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; font-size:13px; line-height:140%; }
.autosize.small { min-height:80px; }
.text_area_st01{min-height:50px;resize:none;}
.text_area_st01:disabled{background:#ddd;}

/* //Textarea */

/* images crop */
.img_crop {display:block; position:relative; overflow:hidden; /*padding-bottom:66.666%;*/ background:#eeeff4;}
.img_crop img {position:absolute; top:-100%; left:-100%; right:-100%; bottom:-100%; min-width:100%; min-height:100%; margin:auto; zoom:0.1;}

@media screen and (min-width:0\0){/* IE 10이하 전용 */
.img_crop img {top:50%; left:50%; right:inherit; bottom:inherit; height:100%; width:auto; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); zoom:1;}
.img_crop img.portrait {width:100%; height:auto;}
}
@-moz-document url-prefix() {/* FF 전용 */
.img_crop img {top:50%; left:50%; right:inherit; bottom:inherit; height:100%; width:auto; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); zoom:1;}
.img_crop img.portrait {width:100%; height:auto;}
}
/* //images crop */

/* 파일 폼 */
.k-dropzone em { display: inline-block; }
/* 파일 폼 */

/* ----------------------   //Form   ---------------------- */


/* ----------------------   전자문서   ---------------------- */

/* 레이아웃 */
.e_document { display: block !important; }
/*.e_document .col_60 {  }*/
/*.e_document .col_40 {  }*/

@media all and (max-width:1390px){
.e_document .col_60 { width: 100%; }
.e_document .col_40 { width: 100%;  }
}

.popup_e_document_write { width: 1000px; }
.popup_e_document_write .section1 { width: 33.333%; }
.popup_e_document_write .section2 { width: 33.333%; padding: 0 20px; }
.popup_e_document_write .section3 { width: 33.333%; }

@media all and (max-width:1200px){
.popup_e_document_write { width: 800px; }
}
@media all and (max-width:880px){
.popup_e_document_write { width: 740px; }
}
@media all and (max-width:769px){
.popup_e_document_write { width: 100%; }
.popup_e_document_write .section1 { width: 100%; }
.popup_e_document_write .section2 { width: 100%; padding: 0; }
.popup_e_document_write .section3 { width: 100%; }
}
/* //레이아웃 */

/* 상단 영역 */
/*.e_document_conform {  }*/
.e_document_conform .e_document_conform_btn { position: absolute; top: 5px; right: 0; }
.e_document_conform .e_document_conform_text { padding: 6px 300px 6px 0; line-height: 160%; }
.e_document_conform .e_document_conform_text strong { width: inherit !important; padding: 0 !important; font-weight: 400; }
.e_document_conform .e_document_conform_text strong em { font-weight: 700; font-style: normal; }
.e_document_conform .e_document_conform_text span { padding: 0 10px; color: #999; }

@media all and (max-width:960px){ /* PAD 이하 */
.e_document_conform .e_document_conform_btn { position: relative; top: inherit; right: inherit; }
.e_document_conform .e_document_conform_btn label { width: inherit; }
.e_document_conform .e_document_conform_btn .btn { width: inherit; }
.e_document_conform .e_document_conform_text { padding: 12px 0; }
}

@media all and (max-width:767px){ /* Mobile 최대 */
.e_document_conform .e_document_conform_btn label { width: calc(50% - 3px); }
.e_document_conform .e_document_conform_btn .btn { width: calc(50% - 3px); }
.input_list.custom li .e_document_conform_text strong { padding: 0 !important; }
}
/* //상단 영역 */


/* 결재선 우측 아코디언 */
.e_document_accordion .colbox { padding: 0; }
.e_document_accordion .accordion { padding: 20px 18px; background-color: #fff; border: 0; color: #000 !important; font-weight: 500; }
.e_document_accordion .accordion:hover { background-color: #e9e9e9; }
.e_document_accordion .accordion.active { padding: 14px 18px; background: #e9e9e9; }
.e_document_accordion .accordion.active:after { color: #000; }
.e_document_accordion .panel { padding: 20px; }
.e_document_accordion .e_document_categoty { clear: both; }
.e_document_accordion .e_document_categoty li { overflow: hidden; padding: 10px 10px 10px 20px; background: url(../img/bl_gray.png) no-repeat 10px 21px; background-size: 4px auto; border-top: 1px solid #eee; list-style: none; line-height: 160%; }
.e_document_accordion .e_document_categoty li:last-child { border-bottom: 1px solid #eee; }
.e_document_accordion .e_document_categoty span { display: block; float: left; width: calc(100% - 80px); padding: 3px 0; }
.e_document_accordion .e_document_categoty a { float: right; width: 50px; background: #fff; }
/* //결재선 우측 아코디언 */

/* 결재선 팝업 */
.section1 { float: left; width: 180px; }
.section1 #tree_list { overflow-y: auto; max-height: inherit; height: 512px; border: 1px solid #e8eaec; }

.section2 { float: left; width: 270px; margin: 0; padding: 0 0 0 20px; }
.section2 .tit_area { padding: 0 0 7px; }
.section2 .btn_ab_right { top: 0; }
.section2 .k-grid-content { height: 437px; }

.section3 { float: right; width: 240px; }
.section3 h3 { margin: 7px 0 0; padding: 0 0 13px; font-size: 14px; }
.section3 .popup_conform_line_select { overflow: hidden; position: absolute; top: 0; right: 0; width: calc(100% - 68px); margin-bottom: 5px; }
.section3 .popup_conform_line_select label { float: left; width: calc(100% - 44px); }
.section3 .popup_conform_line_select .k-input { font-size: 12px; }
.section3 .popup_conform_line_select a { float: right; min-width: inherit; margin: 0; padding: 0 7px; }
.section3 .block { overflow: hidden; position: relative; padding: 0 0 10px; }
.section3 .block:nth-child(2) { padding: 0 0 20px; }
.section3 .block:nth-child(3) { padding: 0; }
.section3 .left { float: left; width: 60px; }
.section3 .left a { display: inline-block; margin: 3px 0; padding: 0 6px; background: #fafafa; border: 1px solid #aaa; border-radius: 3px; font-size: 12px; line-height: 28px; font-weight: 500; color: #555; text-align: center; text-decoration: none !important; vertical-align: middle; }
.section3 .left a:hover { background: #f9f9f9; border: 1px solid #777; text-decoration: none !important; transition:all 0.2s ease; }
.section3 .left a:first-child { margin: 0 0 3px; }
.section3 .left a:last-child { margin: 3px 0 0; }
.section3 .right { float: right; width: calc(100% - 68px); }
.section3 .right .k-listbox { width: 100%; }
.section3 .right .btn_area { display: flex; display: -ms-flexbox; flex-direction: row; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-wrap: wrap; -ms-flex-wrap: wrap; justify-content:space-between; -webkit-box-pack:justify; -ms-flex-pack:justify; align-items: flex-start; -webkit-box-align: flex-start; -ms-flex-align: start; clear: both; width: 100%; margin-top: 6px; }
/*.section3 .right .btn_area.col1 {  }*/
.section3 .right .btn_area.col1 a { width: 100%; margin: 0; }
/*.section3 .right .btn_area.col2 {  }*/
.section3 .right .btn_area.col2 a { width: calc(50% - 3px); margin: 0; }
/*.section3 .right .btn_area.col3 {  }*/
.section3 .right .btn_area.col3 a { width: calc(33.333% - 3px); margin: 0; }
.section3 .k-list .k-item { display: block; overflow: hidden; text-overflow: ellipsis; list-style-position: inside; white-space: nowrap; padding: 7px 10px; border-bottom: 1px solid #eee; font-size: 12px; }
.section3 .k-list .k-item:last-child { border: 0; }

@media all and (max-width:767px){ /* Mobile 최대 */
.section1 { float: none; width: 100%;  padding: 10px; }
.section1 #tree_list { height: 160px; }

.section2 { float: none; width: 100%; margin: 20px 0 0; padding: 10px;}
.section2 .k-grid-content { height: 160px; }

.section3 { float: none; width: 100%; margin: 20px 0 0; padding: 10px; }
}
/* //결재선 추가 팝업 */

/* 결재선 라인 추가 */
.popup_e_document_line_add { display: flex; display: -ms-flexbox; flex-direction: row; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-wrap: wrap; -ms-flex-wrap: wrap; justify-content: space-between; -webkit-box-pack: justify; -ms-flex-pack: justify; align-items: stretch; -webkit-box-align: stretch; -ms-flex-align: stretch; }
.popup_e_document_line_add .k-listbox { width: calc(50% - 5px); height: 212px; }
.popup_e_document_line_add .k-listbox .k-item { position: relative; cursor: move; }
.popup_e_document_line_add .k-listbox .k-item i { position: absolute; right: 0; cursor: pointer; }

@media all and (max-width:767px){ /* Mobile 최대 */
.popup_e_document_line_add { padding: 10px 10px 0; }
}
/* //결재선 라인 추가 */

/* 일반 li */
.list_text { padding: 10px; border: 1px solid #ddd; }
.list_text li { padding: 3px 10px 3px 12px; background: url(../img/bl_gray.png) no-repeat 2px 10px; background-size: 4px auto; list-style: none; color: #555; }
/* //일반 li */


/* 결재진행현황 */
.approval-info-div { border-top:1px solid #ddd; border-bottom: 1px solid #ddd; }
.approval-info-tr > td { padding: 0 !important;  background-color: #fff; }

.grid_eDocument_my_list .k-command-cell { padding: 6px 12px; }

.view_progress_wrap { max-width: max-content; width: 100%; margin: 0 auto; min-height: 100px; padding: 20px; text-align: left; }
.view_progress_wrap p strong { display: block; padding: 0 0 6px 2px; font-size: 15px; }
.view_progress_wrap ul { display: flex; display: -ms-flexbox; flex-direction: row; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-wrap: wrap; -ms-flex-wrap: wrap; justify-content: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; align-items: flex-start; -webkit-box-align: start; -ms-flex-align: start; text-align: center; }
.view_progress_wrap li { position: relative; margin: 10px 0; padding-left: 32px; }
.view_progress_wrap li:first-child { padding: 0; }
.view_progress_wrap li:first-child::before { display: inline-block; content: ''; padding: 0; }
.view_progress_wrap li::before { display: block; position: absolute; top: 0; left: 0; width: 32px; content: '\279C'; font-size: 17px; color: #ddd; font-weight: bold; line-height: 220%; }
.view_progress_wrap li span { display: inline-block; margin: 3px; padding: 5px 15px; background: #f7f9fa; border: 1px solid #e8eaec; border-radius: 100px; }
.view_progress_wrap li span.active { background: #0088cf; border: 1px solid #0088cf; color: #fff; }
.view_progress_wrap li span.reject { background: #db4240; border: 1px solid #db4240; color: #fff; }
.view_progress_wrap li em { display: block; padding: 0 0 5px; font-size: 11px; color: #999; font-style: normal; }
/* //결재진행현황 */


/* 기타 */
@media all and (max-width:767px){ /* Mobile 최대 */
.btn.admin { width: 100%; margin: 0 0 5px; }
}
/* //기타 */

/* ----------------------   //전자문서   ---------------------- */


/* ----------------------   layout   ---------------------- */
/* 위치네비게이션 */
.nav_history { margin: 75px 30px 0 118px; padding: 0 1px; color: #999; transition: margin 0.22s cubic-bezier(0.4, 0, 0.2, 1); }
.open .nav_history { margin: 75px 30px 0 288px; }

.nav_history a { font-size: 12px; color: #999; text-decoration: none; }
.nav_history a:hover { color: #000; }
.nav_history a.active { color: #555; }
.nav_history a i { margin: 0 1px 1px 0; font-size: 14px; opacity: 0.3; }
.nav_history a i.home { margin: 0 3px 2px 0; background: url(../img/icon_home.svg) center no-repeat; background-size: 16px 16px; vertical-align: middle; opacity: 0.3; }
.nav_history span { display: inline-block; padding: 0 4px 0 8px; color: #aaa; text-align: center; }

@media all and (max-width:960px){ /* PAD 이하 */
.nav_history { margin: 75px 20px 0 98px; }
.open .nav_history { margin: 75px 20px 0 278px; }
}

@media all and (max-width:767px){ /* Mobile 최대 */
.nav_history { margin: 65px 10px 6px; }
.open .nav_history { display: none; }
.nav_history a { font-size: 10px; }
.nav_history span { padding: 0 2px 0 6px; }
}
/* //위치네비게이션 */


/* 트리메뉴 */
.tree_list_wrap { background: #fafafa; border: 1px solid #e9e9e9; }
.tree_list_wrap .jstree { padding: 20px 0; }

.jstree { min-height: 200px; }
.jstree.border { border: 1px solid #ddd; }
.treelist_icon { display: inline-block; width: 16px; height: 16px; vertical-align: middle; background-size: 16px 16px !important; }

.icon_folder { background: url(../img/icon_folder.png) center no-repeat !important; background-size: 16px 16px !important; }
.icon_user { background: url(../img/icon_user.png) center no-repeat !important; background-size: 16px 16px !important; }
.icon_building { background: url(../img/icon_building.png) center no-repeat !important; background-size: 16px 16px !important; }
.icon_tree { background: url(../img/icon_tree.png) center no-repeat !important; background-size: 16px 16px !important; }

@media all and (max-width:1100px){
.open .col_60 .jstree { max-height: 200px; }
.open .col_40 .jstree { max-height: 200px; }
.open .col_view_70 .jstree { max-height: 200px; }
.open .col_view_30 .jstree { max-height: 200px; }
}

@media all and (max-width:961px){ /* PAD 이하 */
#tree_list { overflow-y: scroll; max-height: 200px; -webkit-overflow-scrolling:touch; }
}
/* //트리메뉴 */

/*그리드 손모양*/
/*.k-grid-header th {cursor: pointer !important;}
.k-grid-header th a {cursor: pointer !important;}*/
.k-grid-content td {cursor: pointer !important;}

.k-grid-header.new_auto th {cursor: auto !important;}
.k-grid-header.new_auto th a {cursor: auto !important;}
.k-grid-content.new_auto td {cursor: auto !important;}

/* 탭메뉴 */
.ui-helper-clearfix:before,
.ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; }
.ui-helper-clearfix:after { clear: both; }

.ui-tabs { position: relative; width: 100%;	 }
/*.ui-tabs .ui-tabs-nav {  }*/
.ui-tabs .ui-tabs-nav li { position: relative; float: left; padding: 0; margin: 0; border-bottom: 0; list-style: none; }
.ui-tabs .ui-tabs-nav .ui-tabs-anchor { display: block; padding: 13px 20px; min-width:130px; text-align:center;text-decoration: none; font-size: 14px; color: #777; }
.ui-tabs .ui-tabs-nav .ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav .ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav .ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav .ui-tabs-loading .ui-tabs-anchor { font-weight: 500; color: #222; cursor: text; }
.ui-tabs-collapsible .ui-tabs-nav .ui-tabs-active .ui-tabs-anchor { cursor: pointer; }
.ui-tabs .ui-tabs-panel { display: block; overflow: hidden; border: 0; }
.ui-tabs .ui-tabs-panel.border { padding: 15px; border: 1px solid #ddd; border-top: 0; }
.ui-tabs .ui-tabs-panel.border.scroll { overflow-y: auto; }
.smallsize.ui-tabs .ui-tabs-nav { margin: 10px 0 5px !important; }
.smallsize.ui-tabs .ui-tabs-nav .ui-tabs-anchor { padding: 10px 30px !important; }
.small.col4.ui-tabs .ui-tabs-nav li { width: 25%; }
.small.col4.ui-tabs .ui-tabs-nav li:last-child { border-right: 0; }
.small.col4.ui-tabs .ui-tabs-nav .ui-tabs-anchor { display: block; padding: 8px 10px; font-size: 12px; text-align: center; }
/*.ui-widget-header { margin: 20px 0 10px; background: #e9e9e9; border: 1px solid #d5d5d5; color: #222; }*/  /* 이병위 수정_2020.05.15*/
.ui-widget-header { margin: 10px 0 0px;  border-bottom: 1px solid #d5d5d5; color: #222; }
.ui-widget-header li {border-top:1px solid #d5d5d5}
.ui-widget-header li:first-child {border-left:1px solid #d5d5d5}

/*.ui-widget-content {  }*/
.ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: #e9e9e9; border-right: 1px solid #d5d5d5; color: #555; }
.ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background: #fff; border-right: 1px solid #d5d5d5; color: #f03223; }
.k-window-content .ui-tabs .ui-widget-header { margin: 15px 0 10px; }
.tab_new { display: inline-block; position: relative; margin: -6px 0 -4px 7px; padding: 0 8px; background: #f47920; border-radius: 11px; font-size: 12px; color: #fff; line-height: 22px; vertical-align: middle; }

@media all and (max-width:767px){ /* Mobile 최대 */
.ui-tabs .ui-tabs-nav .ui-tabs-anchor { padding: 11px 14px; min-width:0; font-size: 13px; }
.tab_new { margin: -6px 0 -4px 3px; padding: 0 6px; font-size: 11px; line-height: 18px; }
}
/* //탭메뉴 */


/* 복수 탭메뉴 */
.tabbernav { overflow: hidden; margin: 0; padding: 0; background: #e9e9e9; border: 1px solid #e9e9e9; }
.tabbernav li { display: inline-block; list-style: none; margin: 0;	}
.tabbernav li a { display: block; padding: 13px 40px; background: #e9e9e9; border-right: 1px solid #dadada; font-size: 14px; color: #222; text-align: center; text-decoration: none; }
/*.tabbernav li.tabberactive {  }*/
.tabbernav li.tabberactive a { background-color: #fff; font-weight: 500; }
.tabberlive  { border: 1px solid #e9e9e9; }
.tabberlive .tabbertabhide { display: none; }
.tabberlive .tabbertab { padding: 30px 20px; }
.tabberlive .tabbertab h2 { display:none; }
.tabberlive .tabbertab h3 { display:none; }
.tabberlive .tabbernav { border: 0; }
.tabberlive .tabberlive { border: 0; }
.tabberlive .tabberlive .tabbernav { background: #fafafa; border: 1px solid #e9e9e9; }
.tabberlive .tabberlive .tabbernav li a { display: block; padding: 11px 40px; }
.tabberlive .tabberlive .tabbertab { padding: 10px 0; }

@media all and (max-width:767px){ /* Mobile 최대 */
.tabberlive .tabbertab { padding: 15px 7px 15px; }
.tabbernav li a { padding: 11px 15px; font-size: 13px; }
.tabbernav li:last-child a { border: 0; }
.tabberlive .tabberlive .tabbernav li a { padding: 11px 20px; text-align: center; }
.tabberlive.col2 > .tabbernav li { width: 50%; }
.tabberlive.col3 > .tabbernav li { width: 33.333%; }
}
/* //복수 탭메뉴 */


/* popup 팝업 */
.pop_col_05 { float: left; width: 5%; padding: 0px;}
.pop_col_10 { float: left; width: 10%; padding: 10px; }
.pop_col_20 { float: left; width: 20%; padding: 10px; }
.pop_col_25 { float: left; width: 25%; padding: 10px; }
.pop_col_27 { float: left; width: 27%; padding: 10px; }
.pop_col_30 { float: left; width: 30%; padding: 10px; }
.pop_col_35 { float: left; width: 35%; padding: 10px; }
.pop_col_40 { float: left; width: 40%; padding: 10px; }
.pop_col_50 { float: left; width: 50%; padding: 10px; }
.pop_col_60 { float: left; width: 60%; padding: 10px; }
.pop_col_65 { float: left; width: 65%; padding: 10px; }
.pop_col_70 { float: left; width: 70%; padding: 10px; }
.pop_col_80 { float: left; width: 80%; padding: 10px; }
.pop_col_90 { float: left; width: 90%; padding: 10px; }
.pop_col_100 { float: left; width: 100%; padding: 10px; }
.pop_col_left {float: left;padding:10px;}

#popup_group .bottom_area { position: absolute; left: 0; right: 0; bottom: 0; overflow: hidden; margin: 0; padding: 10px; background: #fff; }

@media all and (max-width:767px){ /* Mobile 최대 */
.pop_col_05 { float: none; width: 100%; }
.pop_col_10 { float: none; width: 100%; }
.pop_col_20 { float: none; width: 100%; }
.pop_col_25 { float: none; width: 100%; }
.pop_col_30 { float: none; width: 100%; }
.pop_col_35 { float: none; width: 100%; }
.pop_col_40 { float: none; width: 100%; }
.pop_col_50 { float: none; width: 100%; }
.pop_col_60 { float: none; width: 100%; }
.pop_col_65 { float: none; width: 100%; }
.pop_col_70 { float: none; width: 100%; }
.pop_col_80 { float: none; width: 100%; }
.pop_col_90 { float: none; width: 100%; }
.pop_col_100 { float: none; width: 100%; }

#popup_group .over_y_scroll.h360.pb40 { overflow: inherit; height: inherit; padding: 0; }
#popup_group .bottom_area { position: static; }
#popup_group .jstree { max-height: calc(100vh - 220px); overflow: auto; }
}

/* iphone X */
@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
#popup_group .jstree { max-height: calc(100vh - 300px); }
}

/* modal */
#modal {position: fixed; left:0; top:0; width: 100%; height: 100%; transform: scale(0); z-index: 1000000; }
#modal .modal-bg {background: rgba(0,0,0,0.7); display:flex; align-items: center; justify-content: center; height: 100%; }
#modal .modal-bg .modal-cont {position:relative; background: #fff; padding: 10px 0 0; display: inline-block;}
#modal .modal-bg .modal-cont h2 {font-size: 30px; margin:0;}
#modal .modal-bg .modal-cont p {font-size: 18px; }
#modal .modal-bg .modal-cont .close {position: absolute; top: 0; right:0; margin:20px; padding: 10px; background: #000; border-radius: 50%; }
#modal .modal-bg .modal-cont .close svg {width: 24px; fill: #fff; vertical-align: top;}
#modal.three { transform: scale(1); }
/*#modal.three .modal-bg {  }*/
#modal.three .modal-bg .modal-cont { opacity: 0; animation: scaleUp 0.5s cubic-bezier(0.165, 0.85, 0.44, 1) forwards; }
#modal.three.out { animation: quickScaleDown 0s .5s linear forwards; }
#modal.three.out .modal-bg { background: rgba(0,0,0,0); animation: fadeOut 0.5s cubic-bezier(0.165, 0.85, 0.44, 1) forwards; }
#modal.three.out .modal-bg .modal-cont { opacity: 0; animation: scaleDown 0.5s cubic-bezier(0.165, 0.85, 0.44, 1) forwards; }
#modal #tree_list_popup { width: 480px; height: 300px; overflow-y: scroll; margin-top: 36px; }
#modal .k-window-titlebar.k-header { position: absolute; top: 0; left: 0; width: 100%; margin: 0; }

@keyframes fadeIn { 0% {background: rgba(0,0,0,0)} 100% {background: rgba(0,0,0,0.5)} }
@keyframes fadeOut { 0% {background: rgba(0,0,0,0.5)} 100% {background: rgba(0,0,0,0)} }
@keyframes scaleUp { 0% {transform: scale(0.5) translatey(0); opacity:0} 100% {transform: scale(1) translatey(0); opacity:1} }
@keyframes scaleDown { 0% {transform: scale(1) translatey(0); opacity:1} 100% {transform: scale(0.5) translatey(0); opacity:0} }
@keyframes quickScaleDown { 0% {transform: scale(1);} 99.9% {transform: scale(1); } 100% {transform: scale(0);} }

@media all and (max-width:767px){ /* Mobile 최대 */
#modal.three .modal-bg .modal-cont { width: calc(100% - 20px); }
}
/* //popup */




/* 테이블 내 사진 및 싸인 */
.thumb_photo {height: 120px;margin: 0 0 7px; border: 1px solid #cdcdcd; line-height: 0; text-align: center;width:100%;display:flex;display:-ms-flexbox;align-items:center;text-align:center}
.thumb_photo img {max-width:100%;max-height:100%;padding: 7px;margin:0 auto}
.thumb_sign { height: 120px; margin: 0 0 7px; border: 1px solid #cdcdcd; line-height: 0; text-align: center; }
.thumb_sign img { height: 100%; padding: 10px; }

@media all and (max-width:767px){ /* Mobile 최대 */
.thumb_photo { height: 140px }
.thumb_photo img { width: 100%; height: auto; }
.thumb_sign { height: 140px }
.thumb_sign img { width: 100%; height: auto; }
}
/* //테이블 내 사진 및 싸인 */




/* .user_info_view02 li > .text{width: calc(100% - 150px);} */
.user { display: flex; display: -ms-flexbox; flex-direction: row; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-wrap: wrap; -ms-flex-wrap: wrap; justify-content: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; align-items: flex-start; -webkit-box-align: start; -ms-flex-align: start; padding: 0 !important; }
.user .colbox { min-height: 160px; }

.user article { width: 20%; padding: 10px; }
.user article .colbox { width: 100%; padding: 10px; border: 1px solid #ddd; }
.user article .tit_area { position: relative; min-height: 65px; margin: 0; padding: 0 0 10px 65px; border-bottom: 0; }
.user article .tit_area .thumb { position: absolute; top: 0; left: 0; overflow: hidden; width: 56px; height: 56px; border-radius: 56px; }
.user article .tit_area .btn_view { display: block; position: absolute; bottom: 0; right: -10px; padding: 10px; color: #b5c5cf; }
.user article .tit_area .btn_view span { display: none; }
.user article .tit_area p { font-size: 12px; color: #999; line-height: 160%; }
.user article .tit_area p strong { display: inline-block; margin: 8px 0 0; font-size: 13px; color: #333; letter-spacing: -0.04em; }
.user article .body_area { padding: 10px; background: #fafafa; border: 1px solid #eee; }
.user article .body_area ul:first-child li:first-child { border: 0; }
.user article .body_area li { padding: 8px 10px 8px 12px; background: url(../img/bl_gray.png) no-repeat 2px 14px; background-size: 4px auto; border-top: 1px solid #eee; list-style: none; font-size: 12px; color: #777; line-height: 120%; }
.user article .body_area li span { color: #333; font-weight: 500; }
.user article .body_area li a { color: #333; text-decoration: none; }

@media all and (max-width:1440px){
.user article { width: 25%; }
}

@media all and (max-width:1200px){
.user article { width: 33.333%; }
.open .size { width: 140px !important; }
}

@media all and (max-width:961px){ /* PAD 이하 */
.open .user article { width: 50%; }
}

@media all and (max-width:767px){ /* Mobile 최대 */
.user { padding: 0 5px; }
.user article { width: 100%; padding: 5px; }
.user article .colbox { padding: 5px; }
}
/* // 연락처 */




/* 스토리지 관리 */
.storgeLog1 { width: 40%; }
.storgeLog2 { width: 20%; }
.storgeLog3 { width: 20%; }
.storgeLog4 { width: 20%; }

.storgeLog.sort_list { float: left; margin: 0 30px 0 0; }
.storgeLog.sort_list .k-listbox { width: auto; }
.storgeLog.sort_list .tit { display: inline-block; width: 50px; margin: 7px 5px 0 0; font-size: 12px; color: #555; vertical-align: middle; }
.storgeLog.sort_list li { float: left; }
.storgeLog.sort_list .k-listbox .k-list-scroller { border-radius: 3px; }

.storgeLog.func_area { float: left; margin: 0; }
.storgeLog.func_area ul { display: inline-block; width: 100%; vertical-align: middle; }
.storgeLog.func_area li .txt { display: inline-block; width: 50px; font-size: 12px; color: #555; vertical-align: middle; }
.storgeLog.func_area li .txt2 { display: inline-block; width: 50px; margin-left: 20px; font-size: 12px; color: #555; vertical-align: middle; }
.storgeLog.func_area li .i_input { display: inline-block; width: 120px; }
.storgeLog.func_area li .k-datepicker { width: auto; }
.storgeLog.func_area .btn { min-width: inherit; width: 60px; height: 32px; margin: 0 0 7px 10px; vertical-align: middle; }

@media all and (max-width:1400px){
.storgeLog.sort_list { float: none; margin: 0 0 8px; }
.storgeLog1 { width: 100%; }
.storgeLog2 { width: 33.333%; }
.storgeLog3 { width: 33.333%; }
.storgeLog4 { width: 33.333%; }
}
@media all and (max-width:1200px){
.storgeLog.func_area { float: none; }
.storgeLog.func_area li .txt { width: 55px; }
}
@media all and (max-width:960px){ /* PAD 이하 */
.storgeLog.func_area li .txt2 { width: 55px; margin-left: 0; }
.open .storgeLog2 { width: 100%; }
.open .storgeLog3 { width: 100%; }
.open .storgeLog4 { width: 100%; }
}
@media all and (max-width:767px){ /* Mobile 최대 */
.storgeLog2 { width: 100%; }
.storgeLog3 { width: 100%; }
.storgeLog4 { width: 100%; }
}
@media all and (max-width:480px){ /* Mobile 최소 */
.storgeLog .w100 { width: 120px; }
}
/* //스토리지 관리 */




/* 다운로드 현황 */
.file_log.func_area li { padding: 3px; }
.file_log.func_area li:first-child { padding: 3px 3px 3px 0; }
.file_log.func_area li .txt { padding: 0 2px; font-size: 12px; color: #555; vertical-align: middle; }
.file_log.func_area li .i_input { display: inline-block; }

@media all and (max-width:960px){ /* PAD 이하 */
.file_log.func_area li { width: 50%; padding: 0 0 7px; }
.file_log.func_area li .txt { float: left; width: 70px; padding: 8px 0 0 4px; }
.file_log.func_area li label { width: 100%; }
.file_log.func_area li .i_input { width: calc(100% - 70px); }
.file_log.func_area li.float_left.mr3 { width: 100%; }
.file_log.func_area li:last-child { float: none; width: 100%; }
.file_log.func_area li:last-child .i_input { width: 100%; }
.open .file_log.func_area li:last-child .i_input { width: 100%; }
}

@media all and (max-width:767px){ /* Mobile 최대 */
.file_log.func_area li { width: 100%; margin: 0 !important; }
.file_log.func_area li:first-child { padding: 3px; }
.file_log.func_area li .txt { width: 100%; margin: 5px 0; }
.file_log.func_area li .i_input { width: 100%; }
}
/* //다운로드 현황 */

/* 사업관리 */
.payment40 { width: 40%; float: left; }
.payment30 { width: 30%; float: left; }

@media all and (max-width:767px){ /* Mobile 최대 */
.payment40 { width: 100%; clear: both; float: none; }
.payment30 { width: 100%; clear: both; float: none; }
}
/* //사업관리 */


/* 사업현황 > 사업개요 */
.tit_area h2 .state { margin: 0 0 0 5px; color: #f03223; font-weight: 500; }

.no_line { background: none !important; }

.project_info { border: 3px solid #ddd; }
.project_info ul {
	display: flex; display: -ms-flexbox; flex-direction: row; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-wrap: wrap; -ms-flex-wrap: wrap; justify-content:space-between; -webkit-box-pack:justify; -ms-flex-pack:justify; align-items: stretch; -webkit-box-align: stretch; -ms-flex-align: stretch;
	border-top: 1px solid #ddd; border-left: 1px solid #ddd; }
.project_info li {
	display: flex; display: -ms-flexbox; flex-direction: row; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-wrap: wrap; -ms-flex-wrap: wrap; justify-content:space-between; -webkit-box-pack:justify; -ms-flex-pack:justify; align-items: center; -webkit-box-align: center; -ms-flex-align: center;
	position: relative; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; font-size: 0; }
.project_info li.w100 { width: 100%; }
.project_info li.w50 { width: 50%; }
.project_info li.w25 { width: 25%; }
.project_info li > strong {
	display: flex; display: -ms-flexbox; flex-direction: row; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-wrap: wrap; -ms-flex-wrap: wrap; justify-content:center; -webkit-box-pack:center; -ms-flex-pack:center; align-items: center; -webkit-box-align: center; -ms-flex-align: center;
	width: 100px; min-height: 36px; height: 100%; padding: 8px 3px; background-color: #f3f3f3; border-right: 1px solid #ddd; font-size: 12px; line-height: 140%; }
.project_info li > .text { display: inline-block; width: calc(100% - 100px); min-height: 36px; padding: 8px 10px; font-size: 13px; line-height: 140%; }
.project_info li > .text.break { word-break: break-all; }
.project_info li > .text.pr100 { padding-right: 100px !important; }
/*.project_info li > .text strong {  }*/
.project_info li > .text sub { display: inline-block; bottom: 0; color: #999; }
.project_info li > .text .btn.micro { position: absolute; top: 50%; right: 8px; margin-top: -13px; padding: 0 8px; }
.project_info li > .text .active { display: inline-block; margin-right: 10px; font-weight: 500; color: #333; }
.project_info li > .text .active strong { color: #f03223; }

@media all and (max-width:1300px){
.project_info li.w100 { width: 50% !important; }
.project_info li.w25 { width: 50% !important; }
/*.project_info li.last { width: 100% !important; }*/
}
@media all and (max-width:960px){
.open .project_info li.w100 { width: 100% !important; }
.open .project_info li.w50 { width: 100% !important; }
.open .project_info li.w25 { width: 100% !important; }
/*.open .project_info li.last { width: 100% !important; }*/
}
@media all and (max-width:767px){ /* Mobile 최대 */
.project_info li.w100 { width: 100% !important; }
.project_info li.w50 { width: 100% !important; }
.project_info li.w25 { width: 100% !important; }
.project_info li.last { width: 100% !important; }
}

.project_reason { background-color: #fafafa; border: 1px solid #ddd; border-top: 0; padding: 20px; }
.project_reason h3 { font-size: 14px; color: #0088cf; letter-spacing: -0.04em; }
.project_reason .txt { margin: 15px 0 0; line-height: 160%; }


/*.project_text {  }*/
.project_text ul {
	display: flex; display: -ms-flexbox; flex-direction: row; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-wrap: wrap; -ms-flex-wrap: wrap; justify-content:space-between; -webkit-box-pack:justify; -ms-flex-pack:justify; align-items: stretch; -webkit-box-align: stretch; -ms-flex-align: stretch;
	border-top: 1px solid #ddd; border-left: 1px solid #ddd; }
.project_text li { width: 16.666%; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; font-size: 0; }
.project_text li > strong { display: block; padding: 8px 3px; background-color: #f3f3f3; border-bottom: 1px solid #ddd; font-size: 12px; line-height: 140%; text-align: center; }
.project_text li > .text { min-height: 200px; padding: 20px; font-size: 13px; line-height: 160%; }

@media all and (max-width:1430px){
.project_text li { width: 33.333%; }
}
@media all and (max-width:960px){
.open .project_text li { width: 50%; }
.project_text li > .text { min-height: inherit; }
}
@media all and (max-width:767px){ /* Mobile 최대 */
.project_text li { width: 100%; }
}
/* //사업현황 > 사업개요 */


/* 사업현황 > 사업일정 */
.func_area.PRJ_p20 { margin: 10px 0 10px; }
.func_area.PRJ_p20 .i_inputs .left { display: inline-block; width: 140px; vertical-align: middle; }
.func_area.PRJ_p20 .i_inputs .center { display: inline-block; width: 30px; text-align: center; vertical-align: middle; }
.func_area.PRJ_p20 .i_inputs .right { display: inline-block; width: 140px; margin-right: 5px; vertical-align: middle; }
.func_area.PRJ_p20 .btn_area.float_right { padding: 0 !important; }

@media all and (max-width:767px){ /* Mobile 최대 */
.func_area.PRJ_p20 .k-datepicker { font-size: 12px; }
.func_area.PRJ_p20 .float_left { float: none !important; }
.func_area.PRJ_p20 .btn_area.float_right { float: none !important; padding: 7px 0 0 !important; }
.func_area.PRJ_p20 .i_inputs .left { display: block; float: left; width: calc(50% - 40px); }
.func_area.PRJ_p20 .i_inputs .center { display: block; float: left; width: 20px; line-height: 30px; }
.func_area.PRJ_p20 .i_inputs .right { display: block; float: left; width: calc(50% - 40px); margin: 0; }
.func_area.PRJ_p20 .i_inputs .btn { float: right; min-width: 50px; margin: 0; }
}
/* //사업현황 >  사업일정 */


/* 검토자 지정 팝업 */
.pop_user_choice { overflow-y: scroll; height: 430px; margin: 5px; padding: 10px; background: #fafafa; border: 1px solid #eaeaea; }
.line-select-box { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 6px 8px; margin-bottom: 5px; display: inline; color:#444; height:inherit; border-color:rgba(0, 0, 0, 0.12); }
.btn-lineDel { float:right; cursor:pointer; }
.selectedApprovalBox { overflow-y: scroll; overflow-x:hidden; width:100%; height: 412px; background: #fafafa; border: 1px solid #eaeaea; padding:10px; margin-top:5px;}
.selectedApprovalBox li { padding:5px; }
.selectedApprovalBox option { padding:5px; border-bottom: 1px solid #c5c5c5;}
.selectedApprovalBox .partner {color: #003399;}
.selectedApprovalBox .partner_disable {color: #7C96C9;}

.pop_user_choice.h440 { height: 440px; }
.pop_user_choice.h462 { height: 462px; }
.popup_user_tag { overflow: hidden; }
.popup_user_tag .k-multiselect { width:100% }
/*.popup_user_tag .k-widget { float: left; }*/
.popup_user_tag .btn { float: right; margin-right: 0; }

.pop_user_choice { padding-left: 0; }
.k-window .pop_col_40 { padding-left: 0; }
.k-window .pop_col_60 { overflow: hidden; padding-right: 0; }
.k-window .pop_col_60.wmax { float: none !important; width: 100% !important; padding: 10px 0; }
.pop_user_choice { margin: 0; }

@media all and (max-width:767px){ /* Mobile 최대 */
.k-window .pop_col_40 { padding: 0; }
.k-window .pop_col_60 { overflow: hidden; padding: 0; }
.pop_user_choice { height: 200px; }
.popup_user_choice_btnwarp .mt50 { margin-top:0px; text-align:center; }
.popup_user_choice_btnwarp .mt10 { text-align:center; }
.selectedApprovalBox { height:auto; }
}
/* //검토자 지정 팝업 */


/* 기타 박스 */
.box_gray { padding: 10px; background: #f7f9fa; border: 1px solid #e8eaec; line-height: 140%; }
.box_white { padding: 10px; background: #fff; border: 1px solid #e8eaec; line-height: 140%; }
.box_line { padding: 15px; border: 1px solid #e8eaec; }
.box_line_scroll {border: 1px solid #e8eaec; }

@media all and (max-width:767px){ /* Mobile 최대 */
.box_gray .text { padding: 7px 5px !important; background-color: #fff; }
}
/* // 기타 박스 */


/* 댓글 */
.comment_list { background: #fafafa; padding: 0 15px; }
.comment_list article { position: relative; margin: 20px 0; padding: 0 0 20px 50px; border-bottom: 1px dashed #eee; }
.comment_list > article:last-child { border: 0; }
.comment_list article > .btn_area { display:block; position: absolute; top: 5px; right: 10px; }
.comment_list article > .btn_area a { display:inline-block; padding: 0 0 0 5px; text-decoration: none; }
.comment_list article > .btn_area a i { font-size: 20px; color: #b5c5cf; }
.comment_list article > .btn_area a:hover { color: #5d89b3; }
.comment_list .thumb { position: absolute; top: 0; left: 0; width: 40px; height: 40px; border-radius: 10px; }
.comment_list .user { font-size: 12px; line-height: 140%; }
.comment_list .user strong { display: block; width: 100%; margin: 2px 0 0; color: #222; }
.comment_list .user span { display: block; margin: 2px 0 0; color: #999; }
.comment_list .new { margin-left: 5px !important; padding: 0 6px 1px; border-radius: 2px; color: #fff !important }
.comment_list .txt { margin: 15px 0 0 -50px; line-height: 140%; font-size: 13px; color: #222; line-height: 160%; }
.comment_list .table_border { margin: 15px 0 0 -50px; }
.comment_list .table_border td { background-color: #fff; }
.comment_list .table_border .table_default { min-width: 400px; }
.comment_list .table_border .btn_area { min-width: 469px; background-color: #fff; }

.comment_list article article { margin: 20px 0 0 -50px; padding: 20px 0 0 80px; border-top: 1px dashed #eee; border-bottom: 0; }
.comment_list article article .reply { position: absolute; top: 21px; left: -3px; color: #5d89b3; }
.comment_list article article .thumb { top: 20px; left: 30px; }
.comment_list article article .btn_area { top: 25px; }

.comment_write { margin: 40px -21px -15px; padding: 0 15px 15px; background: #ecf3f7; border-top: 1px solid #cad1d5; }
.comment_write h3 { padding: 15px 0 7px 5px; letter-spacing: -0.04em; }
.comment_write .autosize { min-height: 100px; }
.comment_write_inline { position: relative; margin-top: 12px; }
.comment_write_inline textarea { width: calc(100% - 79px); height: 80px; margin-top: 12px; border-radius: 4px 0 0 4px; }
.comment_write_inline textarea.w100 { width: 100%; }
.comment_write_inline a { display: block; position: absolute; top: 0; right: 0; width: 80px; height: 80px; background: #5d89b3; border-radius: 0 4px 4px 0; color: #fff; text-decoration: none; text-align: center; font-weight: 500; line-height: 76px; }
.comment_write_inline a:hover { background: #2e4f80; }

.comment_list article .comment_write_inline { margin: 10px 0 0 -50px; }
.comment_list.h400 { height: auto; max-height: 400px; }
#popup_file_detail_view .comment_list.h400 { max-height: inherit; }
.comment_list.h600 { height: auto; max-height: 600px; }
.comment_list .no_data  { background-color: transparent; }

.accordion_input { width: calc(100% - 70px) !important; }

@media all and (max-width:767px){ /* Mobile 최대 */
.comment_list { height: 300px; overflow-y: auto; }
section > .comment_list { margin-right: 10px; margin-left: 10px; }
.input_list > section > .comment_list { margin-right: 0; margin-left: 0; }
.tit_area .float_right.accordion_btn { clear: inherit !important; float: right !important; }
article .comment_write_inline textarea { width: 100%; }
article .comment_write_inline a { position: inherit; width: 100%; height: 32px; margin-top: 5px; border-radius: 3px; line-height: 30px; }
}
/* //댓글 */


/* 아코디언 형식 */
.accordion { width: 100%; padding: 14px 18px; background-color: #eee; border: 0; border-bottom: 1px solid #fff; font-size: 15px; color: #444; text-align: left; outline: none; cursor: pointer; transition: 0.2s; }
.accordion:hover { background-color: #ccc; }
.accordion:last-child { border-bottom: 1px solid #fff; }
.accordion.active { background: #0088cf; color: #fff; font-weight: 500; }
.panel { display: none; overflow: hidden; margin: 0 0 1px; padding: 0 18px; background-color: white; border: 1px solid #eee; }
.panel.over { overflow-x: auto; overflow-y: auto; width: 100%; }
.panel.over #tree_list { max-height: calc(100vh - 310px); }
.panel.over #tag_list { max-height: calc(100vh - 310px); }

button.accordion:after { content: '\002B'; color: #777; font-weight: 500; float: right; margin-left: 5px; }
button.accordion.active:after { content: "\2212"; color: #fff; }

@media all and (max-width:1100px){
.panel.over #tree_list { max-height: 200px; }
.panel.over #tag_list { max-height: 200px; }
}
@media all and (max-height:600px){.panel.over #tree_list, .panel.over #tag_list { min-height: 200px; }} @media all and (max-width:960px){.panel.over #tree_list, .panel.over #tag_list { max-height: 200px; }}
/* //아코디언 형식 */


/* 태그 */
/*.tag_list {  }*/
.tag_list .tit_area a { display: block; float: left; margin: 0 12px 0 0; font-size: 12px; font-weight: 400; color: #777; line-height: 160%; text-align: center; text-decoration: none; vertical-align: middle; }
.tag_list .tit_area a:hover { color: #222; text-decoration: none; }
.tag_list .tit_area a.sort i { display: inline-block; width: 15px; height: 15px; background: url(../img/icon_sort.svg) no-repeat 0 1px; background-size: 18px auto; opacity: 0.3; }
.tag_list .tit_area a.sort.asc { color: #222; font-weight: 500; }
.tag_list .tit_area a.sort.asc i { background: url(../img/icon_sort_up.svg) no-repeat 0 3px; background-size: 14px auto; opacity: 1; }
.tag_list .tit_area a.sort.desc { color: #222; font-weight: 500; }
.tag_list .tit_area a.sort.desc i { background: url(../img/icon_sort_down.svg) no-repeat 0 3px; background-size: 14px auto; opacity: 1; }
.tag_list .tit_area a.check { float: right; margin: 1px 0 0; }
.tag_list .tit_area a.check i { margin: 0 0 2px; font-size: 15px; opacity: 0.5; }

.tag_list .list a { display: inline-block; font-size: 12px; line-height: 28px; color: #222; text-decoration: none; }
.tag_list .list span { display: inline-block; margin: 2px; padding: 0 15px 1px; background: #fafafa; border: 1px solid #aaa; border-radius: 3px; }
.tag_list .list span.active { background: #0088cf; border: 1px solid #0088cf; color: #fff; }
.tag_list .list b { font-weight: 400; }
.tag_list .list em { font-style: normal; }
.tag_list .list .check_all { padding: 5px 0 15px; }
.tag_list .list .check_all label { padding-left: 21px; font-size: 12px; }
.tag_list .list .check_all .k-checkbox-label:before { top: 1px; }

@media all and (max-width:1460px){
.tag_list .tit_area a.check { float: left; }
}


.tag_search_text { padding: 10px 0 18px; font-weight: 500; color: #2d8ec2; }
.tag_search_text span { color: #555; }

.text.tag { padding: 8px 4px !important; border-color: #ddd !important; }
.text.tag .btn_ab_text { top: 5px !important; height: 36px; line-height: 32px; color: #555 !important; text-decoration: none !important; }
.text.tag .tag_close { display: inline-block; margin: -5px 0; padding: 4px 4px 4px 6px; background: #e9e9e9; border: 1px solid #e0e0e0; border-radius: 2px; color: #222 !important; }
.text.tag .tag_close i { margin: -2px 0 0 0 !important; color: #7c7c7c; }
.text.tag .tag_close:hover { background: #fff; color: #777; text-decoration: none !important; }
.text.tag .tag_close:hover i { color: #ababab; }
.text.tag .tag_close:hover i:hover { color: #7c7c7c; }
/* //태그 */




/* ----------------------   태그   ---------------------- */

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome/Safari/Opera */
    -khtml-user-select: none;    /* Konqueror */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* Internet Explorer/Edge */
    user-select: none;           /* Non-prefixed version, currently not supported by any browser */
}

.json-tag-editor-spacer::selection {
    background: transparent; /* WebKit/Blink Browsers */
}
.json-tag-editor-spacer::-moz-selection {
    background: transparent; /* Gecko Browsers */
}

/* surrounding tag container */
.json-tag-editor { overflow: hidden; min-height: 32px; margin: 0; padding: 0 5px 0 0; background: #fff; border: 1px solid #ddd; list-style-type: none; line-height: 24px; cursor: text; }

/* core styles usually need no change */
.json-tag-editor li { display: block; float: left; overflow: hidden; margin: 3px 0; padding: 0 !important; border-bottom: 0 !important; }
.json-tag-editor div { float: left; padding: 0 4px 0 0; font-size: 12px; letter-spacing: -0.03em; }
.json-tag-editor .placeholder { padding: 0 8px; color: #bbb; }
.json-tag-editor .json-tag-editor-spacer { padding: 0; width: 3px !important; overflow: hidden; color: transparent; background: none; }
.json-tag-editor input {
    vertical-align: inherit; border: 0; outline: none; padding: 0; margin: 0; cursor: text;
    font-family: inherit; font-weight: inherit; font-size: inherit; font-style: inherit;
    box-shadow: none; background: none; color: #444;
}
/* hide original input field or textarea visually to allow tab navigation */
.json-tag-editor-hidden-src { position: absolute !important; left: -99999px; }
/* hide IE10 "clear field" X */
.json-tag-editor ::-ms-clear { display: none; }

/* tag style */
.json-tag-editor .json-tag-editor-tag { overflow: hidden; white-space: nowrap; padding-left: 5px; background: #e9e9e9; border: 1px solid #e0e0e0; border-right: 0; border-radius: 2px 0 0 2px; font-size: 13px; line-height: 22px; color: #405460; cursor: pointer; }

.json-tag-editor li:hover .json-tag-editor-tag { background: #fafafa; color: #003f59; }
.json-tag-editor li:hover .json-tag-editor-delete { background: #fff; }
.json-tag-editor li:hover .json-tag-editor-delete i:before { color: #003f59; }

/* delete icon */
.json-tag-editor .json-tag-editor-delete { background: #e9e9e9; cursor: pointer; border: 1px solid #e0e0e0; border-left: 0; border-radius: 0 2px 2px 0; padding-right: 7px; line-height: 0; }
.json-tag-editor .json-tag-editor-delete i { display: inline-block; height: 20px; padding: 0 0 3px; font-size: 24px; line-height: 17px !important; }
.json-tag-editor .json-tag-editor-delete i:before { color: #888; content: "×"; vertical-align: top; }
.json-tag-editor .json-tag-editor-tag.active+.json-tag-editor-delete, .json-tag-editor .json-tag-editor-tag.active+.json-tag-editor-delete i { visibility: hidden; cursor: text; }
.json-tag-editor .json-tag-editor-tag.active { background: none !important; border: 0; }

/* jQuery UI autocomplete - code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css */
.ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; }
.ui-front { z-index: 9999; }
.ui-menu { list-style: none; padding: 1px; margin: 0; display: block; outline: none; }
.ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.4; min-height: 0; /* support: IE7 */ }
.ui-helper-hidden-accessible { display: none; }

/* Pure CSS */
.pure-button { margin: 5px 0; text-decoration: none !important; }
.button-lg { margin: 5px 0; padding: .65em 1.6em; font-size: 105%; }
.button-sm { font-size: 85%; }

.tab_textarea {
	width: 100%; height: 29px; padding: .3em .5em; border: 1px solid #ddd; font-size: .9em;
	box-sizing: border-box; margin: 0 0 20px;
}
.tab_textarea[readonly] { color: #aaa; background: #f7f7f7; }

/* ----------------------   //태그   ---------------------- */


/* 검색과 셀렉트 동시 */
.search_check_area { position: relative; padding: 0 0 0 110px; }
.search_check_area .left { position: absolute; top: 0; left: 0; width: 111px; height: 32px; padding: 7px 0 0 7px; border: 1px solid #ccc; border-radius: 3px 0 0 3px; font-size: 12px; color: #777; }
.search_check_area .right input { width: 200px; height: 32px; border-radius: 0; padding: 0 18px 2px 5px; }

@media all and (max-width:1280px){
.search_check_area { width: 100%; margin: 0 0 6px; }
.search_check_area.float_left { float: none; }
.search_check_area .right input { width: 100%; }
}
/* //검색과 셀렉트 동시 */



.k-treelist .k-header { text-align: left; }

/* 미리 보기 팝업 */
.popup_fileview { display: flex; display: -ms-flexbox; flex-direction: row; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-wrap: wrap; -ms-flex-wrap: wrap; justify-content: space-between; -webkit-box-pack: justify; -ms-flex-pack: justify; align-items: stretch; -webkit-box-align: stretch; -ms-flex-align: stretch; max-width: 1280px; height: 720px; }
.popup_fileview .preview_area { position: relative; width: 600px; margin: 6px 16px 6px 6px; padding: 10px; background: #000; }
.popup_fileview .preview_area iframe { border: 0; }
.popup_fileview .preview_area .thumb img { max-width: 100%; max-height: 100%; }
.popup_fileview .k-window-content .thumb img { max-width: 100%; max-height: 100%; }
.popup_fileview .linebreak { width: 100%; content: ''; }
.popup_fileview .bottom_area { width: 100%; }
.popup_fileview .wmax600 { margin: 6px 0; overflow: hidden; }
.popup_fileview .wmax600 ul { overflow-y: auto !important; max-height: 618px; padding: 0 !important; }

.preview_area .pdfobject-container { width: 100%; height: 100%; }
.preview_area .pdfobject { border: solid 1px #666; }
.preview_area .hidden { display: none; }
.preview_area .success { color: #4F8A10; background-color: #DFF2BF; }
.preview_area .fail { color: #D8000C; background-color: #FFBABA; }
.preview_area #results { padding: 1rem; }

@media all and (max-width:1400px){
.popup_fileview { width: 1060px; height: 560px; }
.popup_fileview .preview_area { width: 500px; }
.popup_fileview .wmax600 { width: 500px; }
.popup_fileview .wmax600 ul { max-height: 458px; }
}
@media all and (max-width:1200px){
.popup_fileview { width: 860px; }
.popup_fileview .preview_area { width: 400px; }
.popup_fileview .wmax600 { width: 400px; }
}
@media all and (max-width:959px){
.popup_fileview { width: 740; height: 650px; }
.popup_fileview .preview_area { width: 100%; margin: 10px; }
.popup_fileview .wmax600 { width: 100%; max-width: 100%; max-height: inherit; }
.preview_area .pdfobject-container { height: 300px; }
}
@media all and (max-width:767px){ /* Mobile 최대 */
.popup_fileview { width: 100%; }
.popup_fileview .wmax600 ul { overflow-y: inherit !important; max-height: inherit; }
}
/* //미리 보기 - PDF  팝업 */




/* 공사인원 관리 */
.gonggu_man_left { width: 40%; padding: 10px 40px 10px 10px !important; }
.gonggu_man_right { width: 60%; padding: 10px 10px 10px 40px !important; }

.gonggu_man_btn_control { position: absolute; top: 50%; left: calc(40% + 130px); width: 60px; }
.gonggu_man_btn_control .btn { margin: 5px 0; }

@media all and (max-width:1200px){
.gonggu_man_left { width: 100%; padding: 10px !important; }
.gonggu_man_left .vh217 { max-height: 300px !important; }
.gonggu_man_left .grid_vh290 .k-grid-content { max-height: 227px !important; }
.gonggu_man_right { width: 100%; padding: 10px !important; }
.gonggu_man_btn_control { position: relative; top: inherit; left: 0; width: 100%; margin: 0; text-align: center; }
}
@media all and (max-width:1100px){
.gonggu_man_left .col_60 { width: 60% !important; }
.gonggu_man_left .col_40 { width: 40% !important; }
}
@media all and (max-width:767px){ /* Mobile 최대 */
.gonggu_man_left .col_60 { width: 100% !important; }
.gonggu_man_left .col_40 { width: 100% !important; }
.gonggu_man_left .vh217 { max-height: 200px !important; }
.gonggu_man_left .grid_vh290 .k-grid-content { max-height: 180px !important; }
.gonggu_man_left .float_left.col_60.pl20.mt-5 { margin: 20px 0 0; padding: 0; }
}
/* //공사인원 관리 */




/* 실행예산안 4레벨 */
/*.budget_status {  }*/

@media all and (max-width:1600px){
.budget_status .input_list.custom li.w2 { width: 50%; }
.open.budget_status .input_list.custom li.w2 { width: 100%; }
}
@media all and (max-width:1360px){
.budget_status .input_list.custom li.w2 { width: 100%; }
}
@media all and (max-width:1200px){
.budget_status .col_50 { width: 100%; }
.budget_status .grid_vh250 .k-grid-content { max-height: calc(100vh - 640px); }
.budget_status .input_list.custom li.w2 { width: 50%; }
.open.budget_status .input_list.custom li.w2 { width: 50%; }
}
@media all and (max-width:959px){
.open.budget_status .input_list.custom li.w2 { width: 100%; }
}
/* //실행예산안 4레벨 */




/* 주간업무보고 */
/*.weekreport {  }*/
.weekreport table { overflow-x: auto; min-width: 800px; }
.weekreport .title .tit { display: block; margin: 0 0 7px; font-size: 16px; }
.weekreport .title span { display: inline-block; margin: 0 10px 0 0; font-weight: 400; }
.weekreport_pop h3 { font-size: 17px; color: #0088cf; }

@media all and (max-width:767px){ /* Mobile 최대 */
.weekreport_pop h3 { display: block; padding: 0 0 8px; border-bottom: 1px solid #ddd; }
.weekreport_pop .input_list.custom.view ul { padding: 0; }
.weekreport_pop .input_list.custom.view li { padding: 0; background: none; }
.weekreport_pop .input_list.custom.view li strong { padding: 7px 0 5px; font-size: 13px; }
.weekreport_pop .input_list.custom.view li .i_inputs { padding: 0; background-color: transparent; }
.weekreport_pop .input_list.custom.view li .autosize { margin: 0; }
}
/* //주간업무보고 */




/* 이익현황조회 */
/*.profit_view {  }*/
.profit_view table { overflow-x: auto; min-width: 800px; }
.profit_view .k-icon { width: 12px; height: 12px; margin: 0 0 3px; }
/* //이익현황조회 */




/* 기성관리 */
.wrap_container_2 { display: flex; display: -ms-flexbox; flex-direction: row; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-wrap: wrap; -ms-flex-wrap: wrap; justify-content: space-between; -webkit-box-pack: justify; -ms-flex-pack: justify; align-items: stretch; -webkit-box-align: stretch; -ms-flex-align: stretch; min-height: calc(100vh - 200px); }
/* //기성관리 */



/* 기성현황 */
.popup_business_view .input_list li strong { width: 160px !important; }
.popup_business_view .input_list li .w50 { width: 35.4% !important; }
.popup_business_view .input_list li .i_inputs_check { float: left; padding: 7px 0 7px 25px; }

@media all and (max-width:767px){ /* Mobile 최대 */
.popup_business_view .input_list li strong { width: 100px !important; padding-left: 4px !important; font-size: 12px; }
.popup_business_view .input_list li .i_inputs { width: calc(100% - 100px) !important; }
.popup_business_view .input_list li .w50 { width: calc(100% - 110px) !important; }
}
/* //기성현황 */




/* 구매일정관리 */
.sub_contract_schedule.k-grid tbody tr:first-child td { min-width: 90px; background-color: #cee0eb; border-color: #c5d2d9; }
.sub_contract_schedule.k-grid tbody .k-datepicker { min-width: 110px; }
/* //구매일정관리 */




/* 작업일지 작업일보 */
/*.popup_daily_report {  }*/
.popup_daily_report h1 { margin: 25px 0 34px; padding: 0 10px 0 0; font-size: 32px; letter-spacing: 0.1em; text-align: center; }
.popup_daily_report h2 { margin: 20px 0 10px; font-size: 17px; letter-spacing: -0.03em; }
.popup_daily_report .sign_box { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; position: absolute; top: 15px; right: 16px; border: 1px solid #ddd; border-right: 0; text-align: center; }
.popup_daily_report .sign_box .tit { width: 24px; }
.popup_daily_report .sign_box .box { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; width: 196px; border-left: 1px solid #ddd; }
.popup_daily_report .sign_box .box p { display: block; width: 50%; border-right: 1px solid #ddd; }
.popup_daily_report .sign_box .box span { display: block; padding: 2px 0; }
.popup_daily_report .sign_box .box strong { display: block; height: 53px; border-top: 1px solid #ddd; line-height: 50px; }
.popup_daily_report .sign_box .box .hide { display: none; }
.popup_daily_report .sign_box.view strong { padding: 10px 0 0; line-height: 120%; }
.popup_daily_report .sign_box.view strong span { display: block; font-size: 11px; font-weight: 400; color: #999; }

.popup_daily_report .date { position: absolute; top: 112px; right: 16px; }
.popup_daily_report .date strong { float: left; margin: 8px 7px 0 0; }
.popup_daily_report .date label { float: left; }
.popup_daily_report .date .text { display: inline-block; margin: 7px 0 0; font-size: 14px; }
.popup_daily_report .date.view { top: 117px; }

.popup_daily_report .ab_text { position: relative; }
.popup_daily_report .ab_text .k-textbox { padding: 4px 28px 4px 8px; }
.popup_daily_report .ab_text .ab { position: absolute; top: 1px; right: 12px; color: #999; }

.popup_daily_report .table_grid th, .popup_daily_report .table_grid td { padding: 7px 12px; }
.popup_daily_report .table_grid th .k-textbox, .popup_daily_report .table_grid td .k-textbox { padding: 4px 8px 4px; }
.popup_daily_report .k-grid th, .popup_daily_report .k-grid td { padding: 7px 12px; }
.popup_daily_report .k-grid th .k-textbox, .popup_daily_report .k-grid td .k-textbox { padding: 4px 8px 4px; }

.popup_daily_report .write_area { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; }
.popup_daily_report .write_area article { width: 50%; }
.popup_daily_report .write_area article:first-child { padding-right: 10px; }
.popup_daily_report .write_area article:last-child { padding-left: 10px; }
.popup_daily_report .write_area article .box_white { height: calc(100% - 50px); }
.popup_daily_report .write_area .autosize { min-height: 120px; }

.popup_daily_report .write_area.view { margin: 56px 0 0; }
.popup_daily_report .write_area.view article { position: relative; width: calc(50% - 10px); padding: 15px 10px; border: 1px solid #ddd; }
.popup_daily_report .write_area.view article h2 { position: absolute; top: -35px; left: 0; margin: 0; }

@media all and (max-width:767px){ /* Mobile 최대 */
.popup_daily_report h1 { margin: 5px 0 20px; padding: 0; }
.popup_daily_report h2 { margin: 20px 0 10px!important; }
.popup_daily_report .sign_box { position: inherit; top: 0; right: 0; width: 100%; margin: 0 auto; }
.popup_daily_report .sign_box .box { width: calc(100% - 24px); }
.popup_daily_report .date { position: inherit; top: 0; right: 0; margin: 20px 0; overflow: hidden; }
.popup_daily_report .date label { width: calc(100% - 54px) !important; }
.popup_daily_report .write_area article { width: 100%; padding: 0 !important; }
.popup_daily_report .write_area.view h2 { margin: 0 !important; }
.popup_daily_report .write_area.view p { padding: 15px; line-height: 140%; }
.popup_daily_report .write_area.view article { width: 100% !important; padding: 0 !important; }
.popup_daily_report .write_area.view article:last-child { margin-top: 56px; }
.popup_daily_report .tit_area .btn { position: absolute; top: -3px; right: -1px; }
.popup_daily_report .tsize .table_grid { padding-right: 1px; }

.btn_popup_search_company { top: 27px !important; }
}
/* //작업일지 작업일보 */




/* 근태관리 */
.attendance_search { position: relative; margin-bottom: 20px; }
.attendance_search .years { margin: 5px 0 15px; text-align: center; font-size: 26px; }
.attendance_search .years i { font-size: 30px; color: #b5c5cf; vertical-align: text-bottom; }
.attendance_search .years i:hover { color: #0088cf; }
.attendance_search .months ul { display: flex; display: -ms-flexbox; flex-direction: row; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-wrap: wrap; -ms-flex-wrap: wrap; justify-content: space-between; -webkit-box-pack: justify; -ms-flex-pack: justify; align-items: stretch; -webkit-box-align: stretch; -ms-flex-align: stretch; }
.attendance_search .months li { width: 8.333%; }
.attendance_search .months li a { display: block; margin: 1px; padding: 8px 0 10px; background: #fff; border: 1px solid #eee; border-radius: 2px; color: #333; text-decoration: none; text-align: center; transition:all 0.2s ease; }
.attendance_search .months li a:hover { border: 1px solid #0088cf; transition:all 0.2s ease; }
.attendance_search .months li a.active { background: #0088cf; border: 1px solid #0088cf; color: #fff; }
.attendance_search .btn_area { position: absolute; top: 0; right: 0; }

.table_scroll.attendance thead .sun { color: #e30808; }
.table_scroll.attendance thead .sat { color: #0088cf; }
.table_scroll.attendance thead .today { position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; background: #0088cf; line-height: 34px; color: #fff; }
.table_scroll.attendance tbody td { padding: 0; line-height: 0; }
.table_scroll.attendance tbody td:first-child { background: #e9e9e9; border-bottom-color: #eee; }
.table_scroll.attendance tbody td:nth-child(2) { background: #e9e9e9; border-bottom-color: #eee; }
.table_scroll.attendance tbody td.old { background: #fff; }
.table_scroll.attendance tbody td.old .active { background: #0088cf; opacity: 0.7; }
.table_scroll.attendance tbody td span { display: inline-block; width: 8px; height: 8px; margin: 12px 0; border-radius: 4px; }
.table_scroll.attendance tbody td.today span { width: 12px; height: 12px; background: #0088cf; border-radius: 6px; opacity: 0.1; }
.table_scroll.attendance tbody td.today span.active { opacity: 1; }
.table_scroll.attendance tbody td a { display: block; background: #fff; }
.table_scroll.attendance tbody .sun,
.table_scroll.attendance tbody .sat { background: #f9f9f9 !important; }

@media all and (max-width:767px){ /* Mobile 최대 */
.attendance_search .years { margin: 5px 0; }
.attendance_search .months li { width: 16.666%; }
.attendance_search .btn_area { position: inherit; margin-top: 20px; }
}
/* //근태관리 */




/* 로딩 */
.loader-wrapper {display: inline-block; position: fixed; top: 0;left: 0; width: 100%; height: 100%; padding: 10px; background-color: rgba(0, 0, 0, 0.5); z-index: 11001;}
.loader-wrapper.in { -webkit-transform: scale(1); opacity: 1; transition: -webkit-transform 0.2s ease, opacity 0.2s ease; }
.loader {position: relative;width: 60px;height: 75px;zoom: 0.5;top: calc(50% -  37.5px);left: calc(50% - 30px);}
.loader div { position: absolute; display: block; margin: 0; padding: 0; width: 10px; height: 24px; transform: scale(0.4); animation: fadeG 0.72s infinite linear; border-radius: 8px; }
.loader div:nth-of-type(1) { left: 0; top: 28px; animation-delay: 0.27s; transform: rotate(-90deg); }
.loader div:nth-of-type(2) { left: 8px; top: 10px; animation-delay: 0.36s; transform: rotate(-45deg); }
.loader div:nth-of-type(3) { left: 26px; top: 3px; animation-delay: 0.45s; transform: rotate(0deg); }
.loader div:nth-of-type(4) { right: 8px; top: 10px; animation-delay: 0.54s; transform: rotate(45deg); }
.loader div:nth-of-type(5) { right: 0; top: 28px; animation-delay: 0.63s; transform: rotate(90deg); }
.loader div:nth-of-type(6) { right: 8px; bottom: 7px; animation-delay: 0.72s; transform: rotate(135deg); }
.loader div:nth-of-type(7) { left: 26px; bottom: 0; animation-delay: 0.81s; transform: rotate(180deg); }
.loader div:nth-of-type(8) { left: 8px; bottom: 7px; animation-delay: 0.9s; transform: rotate(-135deg); }
@keyframes fadeG {
  0% { background-color: #fff; }
  100% { background-color: rgba(255, 255, 255, 0); }
}
/* //로딩 */




/* 캘린더 / 스케줄 */
#external-events .fc-event { cursor: move !important; }

.calendar_external_area .mCustomScrollBox { width: 100%; }
.calendar_external_area .mCustomScrollBox div.fc-event { margin: 10px 0 !important; }
.calendar_external_area .mCustomScrollBox div.fc-event:first-child { margin-top: 0 !important; }
.calendar_external_area .mCSB_scrollTools { right: -3px; }
.calendar_external_area .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #0088cf; }

.schedule_select { overflow: hidden; }
.schedule_select label { float: left; width: calc(100% - 196px); }
.schedule_select .color { position: relative; float: left; }
.schedule_select .color .btn { display: block; min-width: 32px; height: 32px; margin: 0 8px 0 0; padding: 0; border-radius: 2px; }
.schedule_select .color .btn:hover { background-color: inherit; border: 0; }
.schedule_select .color .color_select { display: none; overflow: hidden; position: absolute; top: -4px; left: -4px; width: 142px; height: 108px; padding: 2px; background: #fff; border: 1px solid #ddd; box-shadow: 2px 2px 12px #ddd; font-size: 0; z-index: 10; }
.schedule_select .color .color_select a { display: inline-block; width: 32px; height: 32px; margin: 1px; text-align: center; vertical-align: top; transition:all 0.1s; }
.schedule_select .color .color_select a i { margin: 0; font-size: 20px; line-height: 150%; opacity: 0; }
.schedule_select .color .color_select a:hover i { opacity: 1; transition:all 0.1s; }
.schedule_select .color .color_select a.active i { opacity: 1; }
.schedule_select .color:hover .color_select { display: block; }
.schedule_select .btn_area { padding: 0; }

.schedule_select .k-selected-color { width: 30px !important; height: 30px !important; }
.k-color-value { border-radius:  0 !important; }
.k-flatcolorpicker { margin: 5px 0 0 !important; }
.fc-popover .fc-header { padding: 7px 4px !important; }
.fc-unthemed .fc-popover .fc-header .fc-close { margin: 0; font-size: 1em !important; }

#popup_schedule_detail .i_inputs .text_box { color: #fff; }

.schedule .start { float: left; width: calc(50% - 15px); }
.schedule .start label { float: left; width: calc(55% - 5px); margin-right: 5px; }
.schedule .start label:last-child { width: 45%; margin: 0; }
.schedule .center { float: left; width: 30px; line-height: 28px; text-align: center; }
.schedule .end { float: left; width: calc(50% - 15px); }
.schedule .end label { float: left; width: calc(55% - 5px); margin-right: 5px; }
.schedule .end label:last-child { width: 45%; margin: 0; }
.schedule .k-widget { width: 100% !important; }



@media all and (max-width:767px){ /* Mobile 최대 */
.schedule_select label { float: left; width: calc(100% - 66px) !important; margin: 0 0 5px !important; }
.schedule .start { float: none; width: 100%; }
.schedule .start label { width: calc(100% - 105px); }
.schedule .start label:last-child { width: 100px; }
.schedule .center { float: none; width: 30px; margin: 0 auto; line-height: 28px; text-align: center; }
.schedule .end { float: none; width: 100%; }
.schedule .end label { width: calc(100% - 105px); }
.schedule .end label:last-child { width: 100px; }
.schedule .time { padding-left: 2px; }
.schedule .time label { width: auto; }

#popup_setting_this .p10 { padding: 40px 0 30px !important; text-align: center; }
#popup_setting_this .input_list.custom.view { margin-top: 15px; }
#popup_setting_this .tit_area .input_list.custom.view { margin-top: 0px !important; padding: 0; }
#popup_setting_this .tit_area .input_list.custom.view .btn.micro.btn_blue.mt4 { position: absolute; top: -25px; right: -1px; }
}
/* //캘린더 / 스케줄 */




/* 천후표 */
.weather_area { position: relative; }
.weather_area .fc-day-grid-event .fc-content { overflow: inherit; }
.weather_area .fc-basic-view .fc-body .fc-row { height: 110px !important; }

.weather_area .weather_info { position: absolute; top: 100px; width: 280px; border: 1px solid #ddd; }
.weather_area .weather_info .text { padding: 15px; background-color: #f3f3f3; border-bottom: 1px solid #ddd; font-size: 14px; text-align: center; }
.weather_area .weather_info .text .center { padding: 0 5px; color: #999; vertical-align: middle; }
.weather_area .weather_info .text .low { color: #5d89b3; font-weight: 500; }
.weather_area .weather_info .text .high { color: #f03223; font-weight: 500; }
/*.weather_area .weather_info ul { display: flex; display: -ms-flexbox; flex-direction: row; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-wrap: wrap; -ms-flex-wrap: wrap; justify-content:flex-start; -webkit-box-pack:start; -ms-flex-pack:start; align-items: center; -webkit-box-align: center; -ms-flex-align: center; height: 544px; padding: 50px 30px; }*/
.weather_area .weather_info ul { display: flex; display: -ms-flexbox; flex-direction: row; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-wrap: wrap; -ms-flex-wrap: wrap; justify-content:flex-start; -webkit-box-pack:start; -ms-flex-pack:start; height: 544px; padding: 10px 10px; }/* 수정 20220.07.21 */

.weather_area .weather_info li {position:relative; display:flex; align-items:center; flex-wrap:wrap; padding:10px 0 0 70px; width:100%; height:60px}
.weather_area .weather_info li:first-child {margin-top:0;}
/*.weather_area .weather_info li .icon { display: inline-block; width: 70px; height:auto; margin-right: 15px; vertical-align: middle; }*/
.weather_area .weather_info li .icon { position: absolute;left:0; display:block; width:60px; height:auto; vertical-align: middle; }
/* 수정 20220.07.21 */

.weather_area .weather_info li .icon img { width: 100%; opacity: 0.8; }
.weather_area .weather_info li .text {display:inline-block; padding:0; background-color:transparent; border:0; font-weight:300; font-size:13px; letter-spacing:-0.5px; vertical-align: middle}
.weather_area .weather_info li .text:nth-of-type(2) {width: 100%; display:block; font-size:16px; text-align:left}
.weather_area .weather_info li .text span { margin-right: 7px; }
.weather_area .weather_info li .text strong { padding: 0 2px 0 0; font-size: 15px; color: #f03223; }


.weather_area .weather_calendar { float: right; width: calc(100% - 300px); background-color: transparent; }
.weather_area .weather_calendar.fc .fc-toolbar > * > * { float: none; }
.weather_area .weather_calendar .fc-state-down,
.weather_area .weather_calendar .fc-state-active { background-color: transparent !important; transition:all 0.1s; }
.weather_area .weather_calendar .fc-toolbar { position: absolute; top: 0; left: 0; width: 280px; padding: 15px; background: #5d89b3; }
.weather_area .weather_calendar .fc-toolbar h2 { display: inline-block; padding: 0; color: #fff; }
.weather_area .weather_calendar .fc-toolbar .fc-left { display: block; float: none; width: 100%; }
.weather_area .weather_calendar .fc-toolbar .fc-left button { background-color: transparent; border: 0; color: #fff; }
.weather_area .weather_calendar .fc-toolbar .fc-left button:hover { background-color: #4a72a1; border-radius: 3px; transition:all 0.1s; }
.weather_area .weather_calendar .fc-toolbar .fc-left div { display: flex; display: -ms-flexbox; flex-direction: row; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-wrap: wrap; -ms-flex-wrap: wrap; justify-content:space-between; -webkit-box-pack:justify; -ms-flex-pack:justify; align-items: center; -webkit-box-align: center; -ms-flex-align: center; }
.weather_area .weather_calendar .fc-toolbar .fc-center { display: block; width: 100%; margin: 8px 0 0; }
.weather_area .weather_calendar .fc-toolbar .fc-center button { width: 100%; border: 0; }
.weather_area .weather_calendar .fc-toolbar .fc-right { display: none; }
.weather_area .weather_calendar .fc-event-container { text-align: center; }
.weather_area .weather_calendar .fc-event-container .fc-event { background-color: transparent; }
.weather_area .weather_calendar .fc-event-container .fc-event .fc-title { display: none; }
.weather_area .weather_calendar .fc-event-container .fc-event .fc-time { display: none; }
.weather_area .weather_calendar .fc-event-container .fc-event .fc-content { height: 80px; }
/*.weather_area .weather_calendar .fc-event-container .fc-event .fc_tit_img { display: inline-block; height: 60px; margin-top: -5px; text-align: center; vertical-align: middle; }*/
.weather_area .weather_calendar .fc-event-container .fc-event .fc_tit_img { display: inline-block; height: 60px; margin-top: -10px; text-align: center; vertical-align: middle; } /* 수정 20220.07.21 */
.weather_area .weather_calendar .fc-event-container .fc-event .fc_tit_img img { width: 60px; opacity: 0.7; }
.weather_area .weather_calendar .fc-event-container .fc-event .fc_tit_img img:hover { opacity: 1; transition:all 0.1s; }
/*.weather_area .weather_calendar .fc-event-container .fc-event .fc_tit_temperature { display: inline-block; margin: -5px 0 0 8px; vertical-align: middle; text-align: left; }*/
.weather_area .weather_calendar .fc-event-container .fc-event .fc_tit_temperature { display:block; margin-top: -5px; vertical-align: middle; text-align:center; } /* 수정 20220.07.21 */
.weather_area .weather_calendar .fc-event-container .fc-event .fc_tit_temperature em { font-style: normal; }
.weather_area .weather_calendar .fc-event-container .fc-event .fc_tit_temperature .fc_tit_low { display: block; color: #5d89b3; }
.weather_area .weather_calendar .fc-event-container .fc-event .fc_tit_temperature .fc_tit_high { display: block; color: #f03223; }
.weather_area .weather_calendar .fc-event-container .fc-event .fc_tit_progress { display: block; position: absolute; top: 60px; right: 0; left: 0; background: #666; line-height: 150%; }
.weather_area .weather_calendar .fc-event-container .fc-event .fc_tit_progress.p100 { background: #f03223; }

@media all and (max-width:1680px){
.weather_area .weather_calendar .fc-event-container .fc-event .fc_tit_img { height: 40px; }
.weather_area .weather_calendar .fc-event-container .fc-event .fc_tit_img img { width: 40px; }
.weather_area .weather_calendar .fc-event-container .fc-event .fc_tit_temperature { display: block; margin: -5px 0 0; text-align: center; }
.weather_area .weather_calendar .fc-event-container .fc-event .fc_tit_temperature em { display: none; }
.weather_area .weather_calendar .fc-event-container .fc-event .fc_tit_temperature .fc_tit_low { display: inline-block; padding: 5px 3px 0; }
/*.weather_area .weather_calendar .fc-event-container .fc-event .fc_tit_temperature .fc_tit_high { display: inline-block; padding: 5px 3px 0; }*/
.weather_area .weather_calendar .fc-event-container .fc-event .fc_tit_temperature .fc_tit_high { display:block; padding: 5px 3px 0; } /*  수정 2020.07.21*/
/*.weather_area .weather_calendar .fc-event-container .fc-event .fc_tit_temperature .hidden { display: inline-block; padding: 5px 3px 0; color: #222; }*/
.weather_area .weather_calendar .fc-event-container .fc-event .fc_tit_temperature .hidden { display: none }/* 수정 20220.07.21 */
}
@media all and (max-width:1400px){
.weather_area .k-scheduler-toolbar { width: 200px; }
.weather_area .weather_info { width: 200px; }
.weather_area .weather_info ul { padding: 10px 10px; }
.weather_area .weather_info li .icon { width: 60px; margin-right: 5px; }
.weather_area .weather_info li .text { font-size: 13px; }
.weather_area .weather_info li .text span { margin-right: 3px; }
.weather_area .weather_calendar { width: calc(100% - 220px); }
.weather_area .weather_calendar .fc-toolbar { width: 200px; }
.weather_area .weather_calendar .fc-toolbar .fc-left button { padding: 0; }
.weather_area .weather_calendar .fc-event-container .fc-event .fc_tit_temperature .hidden { padding: 5px 0 0; }
}
@media all and (max-width:1080px){
.weather_area .k-scheduler-toolbar { width: 160px; }
.weather_area .weather_info { width: 160px; }
.weather_area .weather_info ul { padding: 20px 10px; height: 515px; }
.weather_area .weather_info li { width: 100%; text-align: center; }
.weather_area .weather_info li .icon { margin-right: 0; }
.weather_area .weather_info li .text { display: inline-block; font-weight: 400; }
.weather_area .weather_info .text { width: 100%; }
.weather_area .weather_info .text span { display: block; line-height: 160%; }
.weather_area .weather_info .text .center { display: none; }
.weather_area .weather_calendar { width: calc(100% - 180px); }
.weather_area .weather_calendar .fc-toolbar { width: 160px; }
}
@media all and (max-width:960px){
.open .weather_area .k-scheduler-toolbar { width: 100%; }
.open .weather_area .weather_info { position: static; width: 100%; padding: 100px 0 0; }
.open .weather_area .weather_info ul { padding: 10px; height: inherit; }
.open .weather_area .weather_info li { width: 20%; }
.open .weather_area .weather_info li .icon { width: 50px; }
.open .weather_area .weather_info li .text { padding: 0 0 5px; font-size: 12px; }
.open .weather_area .weather_info li .text strong { font-size: 14px; }
.open .weather_area .weather_info .text { padding: 10px; }
.open .weather_area .weather_info .text span { display: inline-block; }
.open .weather_area .weather_info .text .center { display: inline-block; }
.open .weather_area .weather_calendar { width: 100%; margin-top: 20px; }
.open .weather_area .weather_calendar .fc-toolbar { width: 100%; }
}
@media all and (max-width:759px){
.weather_area .fc-basic-view .fc-body .fc-row { height: 90px !important; }
.weather_area .k-scheduler-toolbar { width: 100%; }
.weather_area .weather_info { position: static; width: 100%; padding: 96px 0 0; }

/*
.weather_area .weather_info ul { padding: 10px; height: inherit; }
.weather_area .weather_info li { width: 20%; }
*/
.weather_area .weather_info ul {display:flex; justify-content:space-between; flex-wrap: wrap;  padding:20px 10px 10px; height: inherit; } /* 수정 2020.07.21 */
.weather_area .weather_info li { width: 30.3%; }
/*.weather_area .weather_info li .icon { width: 40px; margin-top: -5px; }*/
.weather_area .weather_info li .icon {position: absolute; top:0; left:50%;margin-left:-20px; width: 40px; margin-top: -5px; } /* 수정 2020.07.21 */
.weather_area .weather_info li .text {padding: 2px 0 5px; font-size: 12px; }
.weather_area .weather_info li .text strong { font-size: 14px; }
.weather_area .weather_info .text { padding: 5px 0; font-size: 14px; }
.weather_area .weather_info .text span { display: inline-block; }
.weather_area .weather_info .text .center { display: inline-block; }
.weather_area .weather_calendar { width: 100%; margin-top: 20px; }
.weather_area .weather_calendar .fc-toolbar { width: 100%; }
.weather_area .weather_calendar .fc-event-container .fc-event .fc_tit_img { height: 30px; }
.weather_area .weather_calendar .fc-event-container .fc-event .fc_tit_img img { width: 30px; }
.weather_area .weather_calendar .fc-event-container .fc-event .fc-content { height: 60px; }
.weather_area .weather_calendar .fc-event-container .fc-event .fc_tit_progress { top: 47px; line-height: 130%; }
.weather_area .weather_calendar .fc-event-container .fc-event .fc_tit_temperature span { padding: 5px 0 0; font-size: 11px; }
}

/*.popup_weather_write {  }*/
.popup_weather_write .weather_radio { display: flex; display: -ms-flexbox; flex-direction: row; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-wrap: wrap; -ms-flex-wrap: wrap; justify-content:flex-start; -webkit-box-pack:start; -ms-flex-pack:start; align-items: center; -webkit-box-align: center; -ms-flex-align: center; padding: 12px 0 !important; }
.popup_weather_write .weather_radio .list { width: 20%; text-align: center; }
.popup_weather_write .weather_radio .list .icon { width: 100%; margin-bottom: 8px; }
.popup_weather_write .weather_radio .list .icon img { width: 60px; }
.popup_weather_write .weather_temperature { text-align: center; }
.popup_weather_write .weather_temperature label { display: inline-block; position: relative; width: calc(50% - 14px); }
.popup_weather_write .weather_temperature label .tit { display: inline-block; width: 40px; text-align: left; }
.popup_weather_write .weather_temperature label .k-textbox { width: calc(100% - 44px) !important; padding-right: 32px; text-align: right; }
.popup_weather_write .weather_temperature label .ab_right { top: 6px; right: 10px; }
.popup_weather_write .weather_temperature .center { display: inline-block; width: 20px; margin: 0 auto; }
/*.popup_weather_write .weather_tprocess { }*/
.popup_weather_write .weather_tprocess label { position: relative; }
.popup_weather_write .weather_tprocess label .k-textbox { padding-right: 32px; text-align: right; }
.popup_weather_write .weather_tprocess label .ab_right { top: 0; right: 10px; }
/* //천후표 */




/* 공지사항 */
/*.notice_check_area {  }*/
.notice_check_area .top { padding: 6px 0 10px; }
.notice_check_area .top strong { width: inherit !important; margin: 0 10px 0 0; padding: 0 !important; color: #0088cf; }
.notice_check_area .top label { margin-bottom: 5px; }
.notice_check_area > ul { display: block; overflow-y: auto; max-height: 126px; padding: 10px; background: #fafafa; border: 1px solid #eee; }
.notice_check_area > ul > li { padding: 5px; border: 0 !important; }
.view .notice_check_area > ul { background: #fff; }

@media all and (max-width:767px){ /* Mobile 최대 */
.notice_check_area .top label { width: auto !important; }
.notice_check_area > ul { background: #fff; }
}
/* //공지사항 */




/* 404 에러 페이지 */
.error_wrap { display: flex; display: -ms-flexbox; flex-direction: row; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-wrap: wrap; -ms-flex-wrap: wrap; justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; align-items: center; -webkit-box-align: center; -ms-flex-align: center; height: 100vh; min-height: 600px; background-color: #f3f3f3; }
.error_wrap .error_box { width: 640px; }
.error_wrap .error_box .title_area { position: relative; height: 46px; padding: 0 0 10px; border-bottom: 2px solid #666; }
.error_wrap .error_box .title_area::after { display: block; content: ''; position: absolute; bottom: -2px; left: 0; width: 140px; height: 2px; background-color: #f03223; }
.error_wrap .error_box .title_area h2 { display: block; float: left; width: 160px; height: 34px; background: url(../img/logo_login.png) no-repeat center top; background-size: 100% auto; text-indent: -99999px; vertical-align: middle; }
.error_wrap .error_box .title_area p { float: right; margin-top: 10px; font-size: 13px; color: #999; vertical-align: middle; }
.error_wrap .error_box .error_body { margin: 60px 0; text-align: center; }
.error_wrap .error_box .error_body p { margin-bottom: 10px; padding: 0 40px; font-size: 13px; color: #777; line-height: 200%; letter-spacing: -0.03em; }
.error_wrap .error_box .error_body p strong { font-size: 17px; color: #f03223; letter-spacing: -0.03em; }
.error_wrap .error_box .error_body .error_img { height: 86px; margin: 80px 0 60px; background: url(../img/img_page_not_found.png) no-repeat center; background-size: auto 100%; text-indent: -99999px; text-align: center; }
.error_wrap .error_box .btn_area { margin: 80px 0 0; padding: 30px 0; border-top: 1px solid #ddd; text-align: center; }

@media all and (max-width:767px){
.error_wrap .error_box { width: 80%; }
.error_wrap .error_box .title_area { height: 64px; text-align: center; }
.error_wrap .error_box .title_area h2 { float: none; margin: 0 auto; }
.error_wrap .error_box .title_area p { float: none; margin: 0 0 0 7px; font-size: 11px; }
.error_wrap .error_box .error_body .error_img { height: 46px; margin: 40px 0 30px; }
.error_wrap .error_box .error_body p { padding: 0 20px; font-size: 12px; }
.error_wrap .error_box .btn_area { margin: 20px 0 0; }
}
/* //404 에러 페이지 */




/* 종합상황실 */
.all_situation_left { overflow-y: auto !important; height: 521px; margin: 6px 0 0 !important; padding: 10px !important; background: #fafafa; border: 1px solid #ddd; }
.all_situation_left li { padding: 0 5px !important; background: none !important; border: 0 !important; }
.all_situation_left li strong { display: block !important; width: inherit !important; padding: 7px 0 4px !important; }
.all_situation_left li .i_inputs { width: 100% !important; padding: 0 !important; }
.all_situation_left li .i_inputs .text { min-height: 29px !important; padding: 4px 7px !important; background: #fff !important; font-size: 12px; }

.all_situation_right1 { overflow-y: auto; height: 466px; }
.all_situation_right2 { overflow-y: auto; height: 424px; }

@media all and (max-width:767px){ /* Mobile 최대 */
.all_situation_left { height: 221px; }
.all_situation_right1 { overflow-y: auto; height: 266px; }
.all_situation_right2 { overflow-y: auto; height: 224px; }
}




/*.HQ_p5_detail {  }*/
.HQ_p5_detail h1 { margin: 0 0 10px; padding: 0 0 10px; border-bottom: 1px solid #aaa; font-size: 26px !important; line-height: 120%; color: #5d89b3; letter-spacing: -0.08em !important; }
.HQ_p5_detail .tit_area { border-color: #ddd; }
.HQ_p5_detail .left { float: left; width: calc(50% - 15px); }
.HQ_p5_detail .right { float: right; width: calc(50% - 15px); }
.HQ_p5_detail .graph { display: table; position: relative; width: 100%; margin: 10px 0 0; font-size: 0; }
.HQ_p5_detail .graph div { display: table-cell; overflow: hidden; height: 24px; text-align: center; }
.HQ_p5_detail .graph div span { font-size: 12px; line-height: 24px; color: #fff; }
.HQ_p5_detail .graph div.color1 { background-color: #f03223; border-radius: 12px 0 0 12px; }
.HQ_p5_detail .graph div.color2 { background-color: #999; border-radius: 0 12px 12px 0; }
.HQ_p5_detail .graph2 { position: relative; width: 100%; margin: 10px 0 0; font-size: 0; }
.HQ_p5_detail .graph2 div { overflow: hidden; height: 20px; margin: 5px 0; background-color: #aaa; border-radius: 12px; }
.HQ_p5_detail .graph2 div span { display: block; padding-left: 10px; font-size: 12px; line-height: 20px; color: #fff; }
.HQ_p5_detail .graph2 div.color1 span { background-color: #5d89b3; }
.HQ_p5_detail .graph2 div.color2 span { background-color: #f03223; }

.HQ_p5_detail .over_hidden { margin: 10px 0 0; }
.HQ_p5_detail .over_hidden p { font-size: 12px; }

.HQ_p5_detail .date { float: left; margin-left: -12px; padding: 9px 0 0; }
.HQ_p5_detail .date strong { font-size: 16px; letter-spacing: -0.03em; }
.HQ_p5_detail .date i { margin: 0 0 5px; opacity: 0.3; }
.HQ_p5_detail .date i:hover { opacity: 1; }
.HQ_p5_detail .state { float: right; padding: 20px 0 0; }
.HQ_p5_detail .state::after { display: table; clear: both; content: ''; }
.HQ_p5_detail .state span { margin-left: 10px; font-size: 12px; }
.HQ_p5_detail .state strong { color: #f03223; }
.HQ_p5_detail .txt { clear: both; width: 100%; padding: 10px 0 0; }
.HQ_p5_detail .txt .txt_left { float: left; width: calc(50% - 15px); }
.HQ_p5_detail .txt .txt_right { float: right; width: calc(50% - 15px); }

@media all and (max-width:767px){ /* Mobile 최대 */
	.HQ_p5_detail h1 { font-size: 20px !important; }
	.HQ_p5_detail .left { float: none; width: 100%; }
	.HQ_p5_detail .right { float: none; width: 100%; margin-top: 30px; }

	.HQ_p5_detail .txt .txt_left { float: none; width: 100%; }
	.HQ_p5_detail .txt .txt_right { float: none; width: 100%; margin-top: 10px; }
}
/* //종합상황실 */




/* 공정계획관리 > 표준연계 및 Scheduling */
.func_area.col3 { display: flex; display: -ms-flexbox; flex-direction: row; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-wrap: wrap; -ms-flex-wrap: wrap; justify-content: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; align-items: stretch; -webkit-box-align: stretch; -ms-flex-align: stretch; }
.func_area.col3 li { float: inherit; width: 33.333%; padding: 3px; }
.func_area.col3 li:first-child { padding: 3px; }
.func_area.col3 li:last-child { padding: 3px; }
.func_area.col3 li .tit { display: inline-block; width: 120px; padding-right: 5px; text-align: right; }
.func_area.col3 li .k-widget { width: calc(100% - 124px); }

.func_area label.tit_left { display: inline-block; width: 100px; text-align: center; }
.func_area .k-textbox.wcalc104 { width: calc(100% - 104px) !important; }

#popup_temp02 { width: 1000px; }

@media all and (max-width:1140px){
.func_area.col3 li { float: inherit; width: 50%; }
}
@media all and (max-width:880px){
#popup_temp02 { width: 740px; }
}
@media all and (max-width:767px){ /* Mobile 최대 */
.func_area label.tit_left { text-align: left; }
.func_area.col3 li { width: 100%; }
#popup_temp02 { width: 100%; }
}



.pop_auto_section { float: left; max-width: 300px; margin: 10px; }
.pop_auto_section.col2 { float: left; max-width: 50%; margin: 10px 0; padding: 0 10px; }
.pop_auto_section.col2 .tit_area { width: 100%; }

@media all and (max-width:960px){ /* PAD 이하 */
.pop_auto_section { max-width: 220px; }
}
@media all and (max-width:767px){ /* Mobile 최대 */
.pop_auto_section { float: none; max-width: 280px; margin: 0 0 20px; }
}
/* //공정계획관리 > 표준연계 및 Scheduling */




/* 공정계획관리 > CBS내역 */
.PRG_PLN_p23_check { margin-right: 2px; padding: 6px 0; }
.PRG_PLN_p23_check .k-checkbox-label { padding-left: 24px; }
.PRG_PLN_p23_check .k-checkbox-label::before { border-color: #ddd !important; }
.PRG_PLN_p23_check .k-checkbox-label:hover::before { border-color: #aaa !important; }

@media all and (max-width:767px){ /* Mobile 최대 */
	.PRG_PLN_p23_check.float_right { float: left !important; }
	.PRG_PLN_p23_check.float_right .btn { padding: 0 15px 1px; }
}
/* //공정계획관리 > CBS내역 */




/* 범례 - 박스 별도에 존재 */
.legend_area { position: relative; width: 100%; padding: 10px 20px; text-align: center; }
.legend_area.right { text-align: right; padding: 10px 0; }
.legend_area.left { text-align: left; padding: 10px 0; }
.legend_area span { display: inline-block; margin: 0 3px; font-size: 12px; font-weight: 500; color: #333; }
.legend_area span i { display: inline-block; width: 20px; height: 12px; margin:0 6px 3px 0; vertical-align: middle; }
.legend_area span i.color1 { background: #5d89b3; }
.legend_area span i.color2 { background: #51bebc; }
.legend_area span i.color3 { background: #93cd4c; }
.legend_area span i.color4 { background: #fff; border: 1px solid #aaa; }
/* //범례 - 박스 별도에 존재 */




/* 공정관리 > 도식화 실적 관리 */
.build_block { display: flex; flex-direction: row; align-items: flex-end; overflow-x: auto; overflow-y: hidden; height: 100%; margin: 0; padding: 30px 30px 0; background: #fafafa; border: 1px solid #e8eaec; }
.build_block section { flex: 0 0 auto; display: flex; flex-direction: row; align-items: flex-end; position: relative; float: left; margin: 30px 50px -4px 0; }
.build_block section .build_area { flex: 0 0 auto; display: flex; flex-direction: column-reverse; position: relative;  height: 100%; float: left; padding: 0 0 1px; }
.build_block section .build_area .build { display: flex; flex-direction: row; align-items: flex-end; flex: 0 0 auto; font-size: 11px; font-weight: 500; line-height: 100%; text-align: center; }
.build_block section .build_area .build .build_body { position: relative; }
.build_block section .build_area .build .build_body .body_floor { display: flex; flex-direction: column-reverse; float: left; }
.build_block section .build_area .build .build_body .body_floor:first-child { margin: 0 20px 0 0; }
.build_block section .build_area .build .build_body .body_floor:last-child { margin: 0 0 0 20px; }
.build_block section .build_area .build .build_body .body_floor div { flex: 0 0 auto; width: 100px; margin: 1px; }
.build_block section .build_area .build .build_body .body_floor div.top { flex: 0 0 auto; width: 100px; background: #fff; border: 1px solid #777; margin: 1px; padding: 5px 10px; }
.build_block section .build_area .build .build_body .elevator { position: absolute; top: 0; bottom: 1px; left: 50%; width: 30px; margin: -30px 0 0 -15px; background: #ddd; }
.build_block section .build_area .build .build_body .elevator .top { padding: 8px 0; border-bottom: 4px solid #fafafa; text-indent: -99999px; }
.build_block section .build_area .build .build_body .elevator .top a { margin: -8px 0; padding: 7px 0;  border: 1px solid #ccc; }
.build_block section .build_area .build .build_body .elevator .top a:hover { border: 1px solid #999; }
.build_block section .build_area .info { height: 44px; margin: 4px 1px; padding: 0 10px; background: #444; font-size: 14px; font-weight: 500; line-height: 44px; color: #fff; text-align: center; z-index: 10; }
.build_block section .build_area .basement { position: relative; padding: 0 0 30px; }
.build_block section .build_area .basement .basement_list { display: flex; flex-direction: column-reverse; }
.build_block section .build_area .basement .basement_list div { flex: 0 0 auto; margin: 1px; padding: 6px 10px; background: #777; font-size: 12px; font-weight: 500; color: #fff; text-align: center; }
.build_block section .build_area .basement .column { display: flex; flex-direction: row; justify-content:space-between; position: absolute; bottom: 5px; width: 100%; }
.build_block section .build_area .basement .column.x2 div { width: 36%; text-align: center; }
.build_block section .build_area .basement .column.x3 div { width: 33.333%; text-align: center; }
.build_block section .build_area .basement .column div span  { display: block; width: 30px; height: 26px; margin: 0 auto; background: #ddd; }
.build_block section .build_area .build a { display: block; padding: 5px 10px; }

.build_block .color0 a { background: #5d89b3; border: 1px solid #5d89b3; color: #fff; opacity:0.0;}
.build_block .color1 a { background: #5d89b3; border: 1px solid #5d89b3; color: #fff; }
.build_block .color2 a { background: #51bebc; border: 1px solid #51bebc; color: #fff; }
.build_block .color3 a { background: #93cd4c; border: 1px solid #93cd4c; color: #fff; }
.build_block .color4 a { background: #fff; border: 1px solid #aaa; color: #333; }
.build_block .color5 a { background: #ff7700; border: 1px solid #aaa; color: #333; }
.build_block .color6 a { background: #6fa3d5; border: 1px solid #5d89b3; color: #fff; }

.build_block .color0 a:hover { background: #4a72a1; border: 1px solid #4a72a1; color: #fff; opacity:0.0;}
.build_block .color1 a:hover { background: #4a72a1; border: 1px solid #4a72a1; color: #fff; }
.build_block .color2 a:hover { background: #31a4a1; border: 1px solid #31a4a1; color: #fff; }
.build_block .color3 a:hover { background: #6eb82e; border: 1px solid #6eb82e; color: #fff; }
.build_block .color4 a:hover { background: #fff; border: 1px solid #777; color: #333; }
.build_block .color5 a:hover { background: #e56f09; border: 1px solid #e56f09; color: #333; }
.build_block .color6 a:hover { background: #4a72a1; border: 1px solid #4a72a1; color: #fff; }

@media all and (max-width:767px){ /* Mobile 최대 */
.tit_area_line .mobile_line { width: 100%; margin: 0 !important; padding: 5px 0; border-bottom: 1px solid #e9e9e9; }
.tit_area_line .mobile_line:last-child { border-bottom: 0; }
}
/* //공정관리 > 도식화 실적 관리 */




/* 공정관리 > 실적관리(QR코드)  */
/*.PRG_ACT_p7 .col_wrap.col_50 {  }*/

@media all and (max-width:1400px){
.PRG_ACT_p7 .col_wrap.col_50 { width: 100%; }
}
/* //공정관리 > 실적관리(QR코드) */




/* 공정관리 > 부진공정관리  */
.PRG_ACT_p20 .legend_area { position: relative; width: inherit; padding: 13px 0; text-align: left; }
.PRG_ACT_p20 .legend_area span { display: inline-block; margin: 0 3px; font-size: 12px; font-weight: 500; color: #333; }
.PRG_ACT_p20 .legend_area span i { display: inline-block; width: 12px; height: 12px; margin:0 6px 3px 0; border-radius: 6px; vertical-align: middle; }
.PRG_ACT_p20 .legend_area span i.blue { background: #0088cf; }
.PRG_ACT_p20 .legend_area span i.yellow { background: #fdcd00; }
.PRG_ACT_p20 .legend_area span i.red { background: #f03223; }

.PRG_ACT_p20 .tree_icon { display: inline-block; width: 12px; height: 12px; margin: 0 2px 1px 10px; border-radius: 6px; vertical-align: middle; }
.PRG_ACT_p20 .tree_icon.blue { background: #0088cf; }
.PRG_ACT_p20 .tree_icon.yellow { background: #fdcd00; }
.PRG_ACT_p20 .tree_icon.red { background: #f03223; }
/* //공정관리 > 부진공정관리 */




/* 시공관리 > 자원투입현황 */
.top_info_state { display: inline-block; padding: 1px 25px; background: #dde7f1; border-radius: 2px; font-size: 13px; line-height: 30px; font-weight: 500; color: #5d89b3; text-align: center; vertical-align: top; }
.top_info_state.active { background: #ffe2e2; color: #ed2121; }

@media all and (max-width:767px){ /* Mobile 최대 */
.top_info_state { display: block; width: 100%; margin: 6px 0; }
}
/* //시공관리 > 자원투입현황 */




/* 시공관리 > 검측관리 */
.wrap_container.CON_p38 { align-items: flex-start; -webkit-box-align: start; -ms-flex-align: start; }

/*.search_list .i_inputs.date_col2 {  }*/
.search_list .i_inputs.date_col2 label { width: calc(50% - 20px); }
.search_list .i_inputs.date_col2 label .w100 { width: inherit !important; }
.search_list .i_inputs.date_col2 span.txt { display: inline-block; width: 32px; text-align: center; }

@media all and (max-width:1430px){
.CON_p38 .search_list li.w3 { width: 50%; }
}
@media all and (max-width:1140px){
.CON_p38 .search_list li.w3.date { width: 100%; }
.CON_p38 .search_list li.w3.date .w100 { width: 160px !important; }
}
@media all and (max-width:880px){
.CON_p38 .search_list li.w3.date .w100 { width: inherit !important; }
}
@media all and (max-width:767px){
.CON_p38 .search_list li.w3 { width: 100%; }
}
/* //시공관리 > 검측관리 */

.search_list.bg_white.ty_A {
	padding: 5px;
}
.search_list.bg_white.ty_A .input_list.custom.view > ul > li {
	line-height: 250% !important;
}
.search_list.bg_white.ty_A .input_list.custom.view > ul > li strong {
	padding: 7px 0 0 14px !important;
}


/* 시공관리 > 검측관리 팝업 관련 */
.popup_view_approval { width: 1600px; height: 80vh; }
.popup_view_approval .col_wrap { padding: 0; }
.popup_view_approval .col_wrap.col_max.top { padding: 0 0 15px; }
.popup_view_approval .col_wrap.col_60 { padding: 0 7px 0 0; }
.popup_view_approval .col_wrap.col_40 { padding: 0 0 0 8px; }
.popup_view_approval .col_wrap.col_40::after { display: table; clear: both; content: ''; }

.popup_view_approval .e_document_accordion .accordion { padding: 14px 18px; border: 1px solid #eee; }
.popup_view_approval .e_document_accordion .accordion.active { border-color: #e9e9e9; }
.popup_view_approval .e_document_accordion .panel { border: 1px solid #eee; }

.btn_popup_view_approval { display: inline-block; }

@media all and (max-width:1700px){
.popup_view_approval { width: 1400px; }
}
@media all and (max-width:1500px){
.popup_view_approval { width: 1200px; }
}
@media all and (max-width:1300px){
.popup_view_approval { width: 1000px; }
}
@media all and (max-width:1140px){
.popup_view_approval { width: 800px; }
}
@media all and (max-width:960px){
.popup_view_approval .col_wrap.col_60 { padding: 0; }
.popup_view_approval .col_wrap.col_40 { padding: 30px 0 0; }
.btn_popup_view_approval { display: none !important; }
}
@media all and (max-width:880px){
.popup_view_approval { width: 600px; }
}
@media all and (max-width:767px){
.popup_view_approval { width: 100%; }
.popup_view_approval .k-datepicker { width: 100% !important; }
.popup_view_approval .e_document_conform_btn a { width: 100% !important; }
}




/*.popup_e_document_info_view {  }*/
.popup_e_document_info_view h1 { font-size: 22px; letter-spacing: -0.03em; }
.popup_e_document_info_view h2 { font-size: 15px; letter-spacing: -0.03em; }
.popup_e_document_info_view .logo { position: static; height: 20px; margin: 15px 0 15px 2px; }
.popup_e_document_info_view .logo img { height: 100%; }
.popup_e_document_info_view .table_default { border-top: 1px solid #e8eaec; }
.popup_e_document_info_view .table_default td { text-align: left; }
.popup_e_document_info_view .table_default th { text-align: center; }
.popup_e_document_info_view .table_default td.right { text-align: right !important; }
.popup_e_document_info_view .table_default td.center { text-align: center !important; }
.popup_e_document_info_view .table_default thead th,
.popup_e_document_info_view .table_default thead td { border-top: 0 !important; border-right: 1px solid #e8eaec !important; border-bottom: 1px solid #e8eaec !important; text-align: center !important; }
.popup_e_document_info_view .table_default thead td:first-child { border-left: 1px solid #e8eaec !important; }
.popup_e_document_info_view .table_default .sign { text-align: center; }
.popup_e_document_info_view .table_default .sign::before { display: block; position: absolute; top: 6px; left: 6px; content: '(성명)' }
.popup_e_document_info_view .table_default .sign::after { display: block; position: absolute; top: 6px; right: 6px; content: '(인)' }

.popup_view_check { width: 740px; height: 80vh; }
/*.popup_view_check .ui-tabs .ui-tabs-nav {  }*/
.popup_view_check .ui-tabs .ui-tabs-nav li { width: 25%; text-align: center; }
.popup_view_check .ui-tabs .ui-tabs-nav li:last-child { border-right: 0; }
.popup_view_check .ui-tabs .ui-tabs-nav li a { padding: 13px 5px; }

@media all and (max-width:767px){
.popup_view_check { width: 100%; height: inherit; }
}




/*.popup_view_check_list {  }*/
/*.popup_view_check_list li {  }*/
.popup_view_check_list li a { display: table; width: 100%; margin: 3px 0; font-size: 14px; color: #222; line-height: 140%; }
.popup_view_check_list li:nth-child(2n-2) { background: #fafafa; }
.popup_view_check_list li a > span { display: table-cell; width: calc(100% - 50px); padding: 15px 12px; border: 1px solid #ddd; border-right: 0; vertical-align: middle; }
.popup_view_check_list li a > strong { display: table-cell; width: 50px; padding: 18px 0; border: 1px solid #ddd; font-size: 13px; color: #999; text-align: center; vertical-align: middle; }
.popup_view_check_list li a > strong.pass { color: #6dbd11; }
.popup_view_check_list li a > strong.fail { background-color: #f03223; border-color: #f03223; color: #fff; }




.popup_view_check_detail h3 { font-size: 14px; letter-spacing: -0.03em; }
.popup_view_check_detail .tit_area { text-align: center; }
.popup_view_check_detail .tit_area h2 { float: none !important; font-size: 17px !important; line-height: 190%; }
.popup_view_check_detail .tit_area a span { display: none; }
.popup_view_check_detail .tit_area .ic_navigate_before_black { position: absolute; top: 0; left: 0; }
.popup_view_check_detail .tit_area .ic_navigate_next_black { position: absolute; top: 0; right: 0; }

.popup_view_check_detail .text_area { padding: 20px 0; }
.popup_view_check_detail .text_area h2 { padding: 15px; background-color: #5d89b3; color: #fff; }
.popup_view_check_detail .text_area .txt { margin: 10px 0; padding: 10px 0; border-top: 1px solid #ddd; }
.popup_view_check_detail .text_area label { display: block; margin: 8px 0 0; }

.popup_view_check_detail .photos_area { display: flex; display: -ms-flexbox; flex-direction: row; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-wrap: wrap; -ms-flex-wrap: wrap; justify-content: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; align-items: flex-start; -webkit-box-align: start; -ms-flex-align: start; }
.popup_view_check_detail .photos_area .img_crop { width: 50%; height: 100px; }
.popup_view_check_detail .photos_area .img_crop:nth-child(2n-1) { border-width: 5px 5px 5px 0; border-style: solid; border-color: #fff; }
.popup_view_check_detail .photos_area .img_crop:nth-child(2n-2) { border-width: 5px 0 5px 5px; border-style: solid; border-color: #fff; }

.popup_view_check_detail_view { width: 100%; max-height: 80vh; }
.popup_view_check_detail_view .thumb { text-align: center; }
.popup_view_check_detail_view .thumb img { width: auto; max-width: 100%; height: auto; max-height: 100%; margin: 0 auto; }
/* //시공관리 > 검측관리 팝업 관련 */




/* 시공관리 > 외주/구매관리 */
.popup_CON_p46_detail { width: 1600px; }

@media all and (max-width:1600px){
.popup_CON_p46_detail { width: 1000px; }
}
@media all and (max-width:1400px){
.popup_CON_p46_detail { width: 740px; }
}
@media all and (max-width:767px){
.popup_CON_p46_detail { width: 100%; }
}
/* //시공관리 > 외주/구매관리 */




/* 시공관리 > 하도급기성 */
.popup_CON_p59_detail { width: 1200px; }

@media all and (max-width:1380px){
.popup_CON_p59_detail { width: 800px; }
}
@media all and (max-width:960px){
.popup_CON_p59_detail { width: 720px; }
}
@media all and (max-width:767px){ /* Mobile 최대 */
.popup_CON_p59_detail { width: 100%; }
}
/* //시공관리 > 하도급기성 */




/* 시공관리 > 발주관리 */
.popup_CON_p61 { width: 1200px; }

@media all and (max-width:1380px){
.popup_CON_p61 { width: 800px; }
}
@media all and (max-width:960px){
.popup_CON_p61 { width: 720px; }
}
@media all and (max-width:767px){ /* Mobile 최대 */
.popup_CON_p61 { width: 100%; }
}
/* //시공관리 > 발주관리 */




/* 시스템관리 > 각 프로젝트 별 메뉴관리 */
/*.SYS_p6 {  }*/
.SYS_p6 .col_40 { float: left; padding-right: 30px; }
.SYS_p6 .col_40 .tree_list_wrap { overflow-y: auto; padding: 0 10px; }
.SYS_p6 .col_40 .jstree { max-height: calc(100vh - 272px); }
.SYS_p6 .col_60 { float: right; }
.SYS_p6 .col_60 .right_view_box { height: calc(100vh - 224px); margin: 42px 0 0; padding: 30px; border: 1px solid #ddd; }

@media all and (max-width:1100px){
.SYS_p6 .col_40 { width: 40% !important; }
.open.SYS_p6 .col_40 .jstree { max-height: calc(100vh - 270px); }
.SYS_p6 .col_60 { width: 60% !important; }
}
@media all and (max-width:960px){ /* PAD 이하 */
.SYS_p6 .col_40 .tree_list_wrap { padding: 0 0 0 10px; }
.SYS_p6 .col_40 .jstree { max-height: calc(100vh - 272px) !important; }
}
@media all and (max-width:767px){ /* Mobile 최대 */
.SYS_p6 .col_40 { float: none; width: 100% !important; padding-right: 0; }
.SYS_p6 .col_40 .jstree { max-height: 200px !important; }
.SYS_p6 .col_60 { float: none; width: 100% !important; }
}
/* //시스템관리 > 각 프로젝트 별 메뉴관리 */




/* 시스템관리 > 프로젝트관리 */
/*.SYS_p15 {  }*/
.SYS_p15 .float_left { width: 60%; padding-right: 40px; }
.SYS_p15 .float_right { width: 40%; }

/*.input_list .i_inputs.date_col2 {  }*/
.input_list .i_inputs.date_col2 label { width: calc(50% - 20px); }
.input_list .i_inputs.date_col2 label .text{ display: -webkit-inline-box }
.input_list .i_inputs.date_col2 span.txt { display: inline-block; width: 32px; text-align: center; }

@media all and (max-width:1500px){
.input_list .i_inputs.date_col2 label { width: 100%; }
.input_list .i_inputs.date_col2 span.txt { width: 100%; }
}
@media all and (max-width:1100px){
.SYS_p15 .float_left { width: 100%; padding-right: 0; }
.SYS_p15 .float_left .grid_vh314 .k-grid-content { height: 200px; }
.SYS_p15 .float_right { width: 100%; margin-top: 30px; }
.SYS_p15 .float_right .ui-tabs .ui-tabs-panel { height: inherit !important; }
.SYS_p15 .float_right .grid_vh386 .k-grid-content { height: 300px; }
.input_list .i_inputs.date_col2 label { width: calc(50% - 20px); }
.input_list .i_inputs.date_col2 span.txt { width: 32px; }
}
@media all and (max-width:767px){
.input_list .i_inputs.date_col2 span.txt { width: 100%; }
}
/* //시스템관리 > 프로젝트관리 */




/* 시스템관리 > 인원관리 */
.col_wrap.col_max.top { padding: 20px 10px; }
.col_wrap.col_max.top .colbox { padding: 10px 20px; background-color: #e9e9e9; }
.col_wrap.col_max.bottom { padding: 20px 10px; }
/* //시스템관리 > 인원관리 */




/* 시스템관리 > 표준일정관리 */
/*.SYS_p24 {  }*/
/*.SYS_p24 .col_wrap.col_60 {  }*/
/*.SYS_p24 .col_wrap.col_40 {  }*/
.SYS_p24 .col_wrap.col_40 .input_list li strong { width: 100px; }
.SYS_p24 .col_wrap.col_40 .input_list li .i_inputs { width: calc(100% - 100px); }
.SYS_p24 .col_wrap.col_40 .input_list li .clear .inline_block.i_inputs { width: calc(100% - 94px); }
.i_inputs_col3 { font-size: 0; }
.i_inputs_col3 label { display: inline-block; width: 33.333%; padding: 0 3px; }
.i_inputs_col3 label:first-child { padding: 0 3px 0 0; }
.i_inputs_col3 label:last-child { padding: 0 0 0 3px; }

@media all and (max-width:1800px){
.i_inputs_col3 label { display: inline-block; width: 100%; padding: 3px 0 !important; }
}
@media all and (max-width:1360px){
.SYS_p24 .col_wrap.col_60 { width: 50%; }
.SYS_p24 .col_wrap.col_40 { width: 50%; }
}
@media all and (max-width:1200px){
.SYS_p24 .col_wrap.col_40 .input_list li.w2 { width: 100%; }
}
@media all and (max-width:960px){ /* PAD 이하 */
.SYS_p24 .col_wrap.col_40 .input_list li.w2 { width: 50%; }
.open.SYS_p24 .col_wrap.col_40 .input_list li.w2 { width: 100%; }
.open.SYS_p24 .col_wrap.col_40 .input_list li .clear .inline_block.i_inputs { width: 100%; }
}
@media all and (max-width:767px){ /* Mobile 최대 */
.SYS_p24 .col_wrap.col_60 { width: 100%; }
.SYS_p24 .col_wrap.col_60 .grid_vh310 .k-grid-content { max-height: 204px; }
.SYS_p24 .col_wrap.col_40 { width: 100%; }
}
/* //시스템관리 > 표준일정관리 */




/* 시스템관리 > 표준검측항목관리 */
/*.SYS_p30 {  }*/
/*.SYS_p30 .col_wrap.col_40 {  }*/
/*.SYS_p30 .col_wrap.col_60 {  }*/
.SYS_p30 .func_area .search_list { display: none; width: 100%; margin-bottom: 15px; padding: 10px; background: rgba(0, 0, 0, 0.04); border: 1px solid #e0e0e0; }
.SYS_p30 .func_area .search_list.active { display: block; }

.SYS_p30 .left.grid_vh315.active .k-grid-content { max-height: calc(100vh - 390px); }
.SYS_p30 .right.grid_vh315.active .k-grid-content { max-height: calc(100vh - 390px); }

@media all and (max-width:1360px){
.SYS_p30 .grid_vh315 .k-grid-content { max-height: calc(100vh - 358px); }
.SYS_p30 .left.grid_vh315.active .k-grid-content { max-height: calc(100vh - 433px); }
.SYS_p30 .right.grid_vh315.active .k-grid-content { max-height: calc(100vh - 433px); }
}
@media all and (max-width:1200px){
.SYS_p30 .col_wrap.col_40 .float_right.btn_area .micro { min-width: 50px; padding: 0 10px 1px; }
}
@media all and (max-width:1100px){
.SYS_p30 .col_wrap.col_40 { width: 100%; }
.SYS_p30 .col_wrap.col_60 { width: 100%; }
.SYS_p30 .float_right.btn_area { clear: inherit; float: right !important; width: inherit; padding-top: 3px; border-bottom: 0; }
}
@media all and (max-width:767px){ /* Mobile 최대 */
.SYS_p30 .col_wrap.col_40 .float_right.btn_area .micro { padding: 8px 12px; }
.SYS_p30 .float_right.btn_area { clear: both; float: none !important; width: 100%; padding-top: 10px; /*border-top: 1px solid #e9e9e9;*/ }
}
/* //시스템관리 > 표준검측항목관리 */




/* 시스템관리 > 프로젝트 Calendar */
/*.project_calendar { }*/

#grid_SYS_p35_1 .k-grid-content { min-height: calc(100vh - 315px); }
#grid_SYS_p35_1.active .k-grid-content { min-height: calc(100vh - 384px); max-height: calc(100vh - 384px); }
#grid_SYS_p35_2 .k-grid-content { min-height: calc(100vh - 315px); }

@media all and (max-width:1100px){
.project_calendar .col_wrap.col_40 { width: 40%; }
.project_calendar .col_wrap.col_60 { width: 60%; }
}
@media all and (max-width:960px){
#grid_SYS_p35_1 .k-grid-content { min-height: calc(100vh - 322px); max-height: calc(100vh - 322px); }
#grid_SYS_p35_1.active .k-grid-content { min-height: calc(100vh - 391px); max-height: calc(100vh - 391px); }
#grid_SYS_p35_2 .k-grid-content { min-height: calc(100vh - 322px); max-height: calc(100vh - 322px); }
}
@media all and (max-width:900px){
.project_calendar .col_wrap.col_40 { width: 100%; }
.project_calendar .col_wrap.col_60 { width: 100%; }
.open.project_calendar .func_area .float_right.btn_area.col4 { width: inherit; }

#grid_SYS_p35_1 .k-grid-content { min-height: auto; max-height: 300px; }
#grid_SYS_p35_1.active .k-grid-content { min-height: auto; max-height: 300px; }
#grid_SYS_p35_2 .k-grid-content { min-height: auto; max-height: 300px; }
}
@media all and (max-width:767px){ /* Mobile 최대 */
#grid_SYS_p35_1 .k-grid-content { min-height: auto; max-height: 200px; }
#grid_SYS_p35_1.active .k-grid-content { min-height: auto; max-height: 200px; }
#grid_SYS_p35_2 .k-grid-content { min-height: auto; max-height: 200px; }
}
/* //시스템관리 > 프로젝트 Calendar */




/* 공종별 공사사진 */
/*.CON_p26 { }*/
.CON_p26 .left_wrap { float: left; width: 30%; padding-right: 30px; }
.CON_p26 .left_wrap .jstree { overflow-y: auto; height: 611px; }
.CON_p26 .right_wrap { float: right; width: 70%; }

@media all and (max-width:1100px){
.CON_p26 .left_wrap { float: none; width: 100%; padding-right: 0; }
.CON_p26 .left_wrap .jstree { height: 200px; }
.CON_p26 .right_wrap { float: none; width: 100%; }
}
@media all and (max-width:767px){ /* Mobile 최대 */
.CON_p26 .k-multiselect { width: 100% !important; }
.CON_p26 .btn_area.col5 a { font-size: 11px; }
.CON_p26 .func_area_tit { display: inline-block !important; width: 70px !important; }
.CON_p26 .func_area { padding: 0; }
.CON_p26 .func_area .i_inputs { display: inline-block !important; }
}
@media all and (max-width:320px){
.CON_p26 .btn_area.col5 a { min-width: 50px; }
}
/* //공종별 공사사진 */

/* 자료실 */
/*.data_room { }*/
.data_room .left_wrap { float: left; width: 30%; padding: 0 30px 0  0; }
.data_room .left_wrap .jstree { overflow-y: auto; height: 700px; }
.data_room .right_wrap { float: right; width: 70%; }
/*.data_room .ui-tabs .ui-tabs-nav .ui-tabs-anchor {  }*/

@media all and (max-width:1100px){
.data_room .left_wrap { float: none; width: 100%; padding-right: 0; }
.data_room .left_wrap .jstree { height: 200px; }
.data_room .right_wrap { float: none; width: 100%; }
}
@media all and (max-width:767px){ /* Mobile 최대 */
/*.data_room .col_wrap { padding: 5px 10px 80px; }*/
.data_room .ui-tabs .ui-tabs-nav li { width: 50%; text-align: center; }
.data_room .ui-tabs .ui-tabs-nav li:last-child { border-right: 0; }

.data_room .right_wrap { margin-top: 30px; }
.data_room .k-multiselect { width: 100% !important; }
.data_room .k-multiselect ul.k-reset { float: left !important; margin: 3px; }
.data_room .k-multiselect ul.k-reset li { padding: 3px 3px 3px 10px !important; }
.data_room .btn_area.col5 a { font-size: 11px; }
.data_room .func_area_tit { display: inline-block !important; width: 70px !important; }
.data_room .func_area { padding: 0; }
.data_room .func_area .i_inputs { display: inline-block !important; }
.data_room .search_list { width: 100%; }
.data_room .search_list li { width: 100% !important; padding: 3px 0 !important; }
.data_room .wcalc70 { width: calc(100% - 74px) !important; }
.data_room .btn_ab_right.top3.right6 { right: 0; }
.data_room .vh .k-grid-content { max-height: inherit; }
}
@media all and (max-width:320px){
.data_room .btn_area.col5 a { min-width: 50px; }
}



/* 썸네일 리스트*/
.thumb_list { overflow-x: auto; padding: 15px; background: #fafafa; border: 1px solid #e9e9e9; border-top: 0; }
.thumb_list ul { display: table; }
/*.thumb_list li { display: table-cell; vertical-align: middle; }*/
.thumb_list li {display:table-cell; max-width:180px; vertical-align:middle; text-align:center} /* 수정_이병위_2020.05.25 */
.thumb_list li:last-child { padding: 0 15px 0 0; }
.thumb_list li a { display: block; width: 110px; height: 110px; margin: 5px; }
.thumb_list li a:hover img { opacity: 0.6; transition:all 0.1s; }
.thumb_list li a.active::after { content: ' '; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(240, 50, 35, 0.3); z-index: 10; }
.thumb_list li a.file_etc { position: relative; padding: 24px 0 0; background: #fff; border: 1px solid #ddd; border-radius: 3px; text-align: center; }
.thumb_list li a.file_etc span { position: absolute; top: 54px; left: 49px; font-family: arial; font-size: 12px; font-weight: 500; color: #fff; }
.thumb_list li a.file_etc img { width: 60px; }
/*.thumb_list li a.file_etc:hover img {  }*/
.thumb_list.border { border-top: 0; background: #fff; }

@media all and (max-width:767px){ /* Mobile 최대 */
.thumb_list { border-top: 1px solid #e9e9e9; }
}




.data_root_folder { overflow-y: auto; max-height: 108px; margin: 8px 0 8px 1px; padding: 10px; background: #fafafa; border: 1px solid #eee; }
.data_root_folder li { overflow: hidden; min-height: 32px; padding: 0 10px 0 12px; background: url(../img/bl_gray.png) no-repeat 2px 13px; background-size: 3px auto; }
.data_root_folder li p { display: inline-block; float: left; width: calc(100% - 80px); padding-top: 5px; vertical-align: middle; }
.data_root_folder li span { display: inline-block; float: right; vertical-align: middle; }




.data_folder { margin: 0; padding: 10px 0 7px; }
.data_folder strong { display: inline-block; width: 60px; }
.data_folder label { display: inline-block; width: calc(100% - 224px); padding-right: 3px; vertical-align: middle; }
.data_folder .btn_area { display: inline-block; float: right; vertical-align: middle; }
.data_folder .btn_area a { min-width: 0; padding: 0 10px 1px }

@media all and (max-width:1480px){
.data_folder label { width: 100%; margin: 5px 0; }
.data_folder .btn_area { float: none; margin-left: -1px; }
}
@media all and (max-width:1100px){
.data_folder label { width: calc(100% - 224px); margin: 0; }
.data_folder .btn_area { float: right; margin-left: 0; }
}
@media all and (max-width:767px){ /* Mobile 최대 */
.data_folder { text-align: right; }
.data_folder strong { text-align: left; }
.data_folder label { width: calc(100% - 70px); margin: 0; padding: 0; }
.data_folder .btn_area { display: flex; float: none; margin-top: 10px !important; }
.data_folder .btn_area a { width: calc(33.333% - 4px) !important; padding: 8px 5px !important; }
}


.wrap_popup_file_detail_view { overflow: hidden; width: 1140px; }
.wrap_popup_file_detail_view .data_pop_left { float: left; width: 740px; }
.wrap_popup_file_detail_view .data_pop_right { float: right; width: 380px; margin-left: 10px; padding: 5px 0 6px 20px; border-left: 1px solid #ddd; }
.wrap_popup_file_detail_view .data_pop_right .comment_write_inline { margin-top: 7px; }
.wrap_popup_file_detail_view .data_pop_right .comment_list { height: 556px !important; border: 1px solid #ddd; }

@media all and (max-width:1200px){
.wrap_popup_file_detail_view { overflow-y: auto; width: 770px; height: 640px; }
.wrap_popup_file_detail_view .data_pop_right { clear: both;  width: 740px; padding: 20px 0 0; }
.wrap_popup_file_detail_view .data_pop_right .comment_list { height: 300px !important;  }
}
@media all and (max-width:1100px){
.wrap_popup_file_detail_view .input_list.custom li.w3 { width: 33.333%; }
}
@media all and (max-width:960px){
.wrap_popup_file_detail_view { width: 700px; }
.wrap_popup_file_detail_view .data_pop_left { width: 100%; border-left: 0; padding: 0 10px; }
.wrap_popup_file_detail_view .data_pop_left .input_list { padding: 0; }
.wrap_popup_file_detail_view .data_pop_right { width: 100%; margin-top: 30px; padding: 0 10px; border-left: 0; }
.wrap_popup_file_detail_view .input_list.custom li.w3 { width: 100%; }
}
@media all and (max-width:767px){ /* Mobile 최대 */
.wrap_popup_file_detail_view { width: 100%; height: inherit; }
}
/* //자료실 */




/* 작업일보 및 공정보고 등 상단 날짜선택 */
.btn_select_pc { display: flex; display: -ms-flexbox; flex-direction: row; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-wrap: wrap; -ms-flex-wrap: wrap; justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; align-items: flex-start; -webkit-box-align: start; -ms-flex-align: start; padding: 0 80px; }
.btn_select_pc li { position: relative; padding: 18px 0; font-size: 14px; color: #555; text-align: center; }
.btn_select_pc li i { display: inline-block; width: 12px; height: 12px; margin: 0 7px 2px 0; background-color: #eee; border-radius: 6px; vertical-align: middle; }
.btn_select_pc li a { display: block; color: #333; font-weight: 500; }
.btn_select_pc li a.weekend { color: #f03223; }
.btn_select_pc li a.today { color: #5d89b3;  }
.btn_select_pc li.active { background-color:gray; }
.btn_select_pc li a.finish i { background-color: #5d89b3; }
.btn_select_pc li a.ing i { background-color: #f03223; }
.btn_select_pc li a.completed i { background-color: #96ce55; }

.month .btn_select_pc li { width: 90px; }
.week .btn_select_pc li { width: 100px; }
.day .btn_select_pc { padding: 0 50px; }
.day .btn_select_pc li { width: 3.225%; line-height: 20%; }
.day .btn_select_pc li i { display: block;  width: 8px; height: 8px; margin: 0 auto 10px; }

.btn_select_mobile { display: none; }

.colbox h2.btn_select_tit { position: absolute; top: -51px; left: 50%; margin-left: -6.5%; padding: 0; font-size: 21px; line-height: 100%; text-align: center; }
.colbox h2.btn_select_tit2 { position: absolute; top: -40px; left: 50%; margin-left: -6.5%; padding: 0; font-size: 21px; line-height: 100%; text-align: center; }
.colbox h2.btn_select_tit span { display: block; text-align: center; font-size: 13px; font-weight: 400; color: #999; letter-spacing: 0; }

/*.btn_select_page {  }*/
.btn_select_page a { display: block; }
.btn_select_page i { position: absolute; bottom: 7px; }
.btn_select_page .ic_navigate_before_black { left: 20px; }
.btn_select_page .ic_navigate_next_black { right: 20px; }
.btn_select_page span { display: none; }

.legend_area.report { overflow: hidden; margin: 5px 0; padding: 10px 0; text-align: right; }
.legend_area.report span i { width: 12px; height: 12px; border-radius: 6px; }
.legend_area.report span i.color1 { background: #96ce55; }
.legend_area.report span i.color2 { background: #f03223; }
.legend_area.report span i.color3 { background: #5d89b3; }
.legend_area.report.day span { margin: 9px 3px 0; }
.legend_area.report.day .btn { margin: 0 !important; }

/* 캘린터 작업 상태 color */
.btn_select_pc li i.color1{background:#96ce55}
.btn_select_pc li i.color2{background:#f03223}
.btn_select_pc li i.color3{background:#5d89b3}

@media all and (max-width:1640px){
.month .btn_select_pc li { width: 8.333%; }
}
@media all and (max-width:1200px){
.btn_select_pc li i { display: block; margin: 0 auto 10px; }
.btn_select_page i { bottom: 15px; }
.colbox h2.btn_select_tit { position: static; margin: 20px 0 0; }
.colbox h2.btn_select_tit2 { position: static; margin: 20px 0 0; }

.day{padding-top:50px}
.day .btn_select_pc { margin-top: 10px; padding: 0; }
.day .btn_select_page .ic_navigate_before_black { left: 13px; }
.day .btn_select_page .ic_navigate_next_black { right: 13px; }
.day .btn_select_page i { bottom: 51px; }
}
@media all and (max-width:1060px){
.week .btn_select_pc li { width: 20%; }
}
@media all and (max-width:960px){
.btn_select_pc { padding: 0 20px; }
.month .btn_select_pc li { font-size: 13px; }
.btn_select_page .ic_navigate_before_black { left: 5px; }
.btn_select_page .ic_navigate_next_black { right: 5px; }

/* .open .day .btn_select_pc { display: none; } */
.day{display:none}
.open .day{ display: none; }
.open .day .btn_select_mobile { display: block; width: 100%; }
.open .day .btn_select_page { display: none; }
}
@media all and (max-width:767px){
.btn_select_pc { display: none; }
.btn_select_pc.month li { font-size: 12px; }
.btn_select_mobile { display: block; }
.btn_select_page { display: none; }
.colbox h2.btn_select_tit { margin: 10px 0 0; }
.colbox h2.btn_select_tit2 { margin: 10px 0 0; }
.legend_area.report span i { border-radius: 0; }
.legend_area.report.day span { margin: 3px 0; }
}
/* //작업일보 및 공정보고 등 상단 날짜선택 */




/* 조직도 Diagram 다이어그램 */
.organization { display: block; }
.organization .col_40 { float: left; }
.organization .col_60 { float: right; }
.organization_chart { padding: 20px 20px 0; text-align: center; }
.organization_chart .btn_area { margin-top: 8px !important; }

.organization_chart_wrap { width: 100%; overflow: auto; height: calc(100vh - 300px); margin: 10px 0 0; padding: 30px 40px; background-color: #fafafa; border: 1px solid #ddd; }
.organization_chart_wrap * { margin: 0; padding: 0; }

.oc_box { width: max-content; margin: 0 auto; text-align: center; position: relative; }

/*woo추가*/
.oc_box .basicbox { border:1px solid #b5b5b5; }
.oc_box .basicbox th { font-size:11px;  text-align:center; color:#444; font-weight:500; background:#f1f1f1; }
.oc_box .basicbox td { font-size:11px;  background:#fff; }
.oc_box .basicbox td.bg { background:#f1f1f1; color:#222; }

.oc_s_project { background:#ee2e24; border:0; font-weight:500; color:#fff; }
.oc_pm { position: absolute; top: 119px; left: 867px; width:155px; }
/*woo추가*/

@media screen and (min-width:0\0){ .oc_box { display: table; width: 100%; margin: 0 auto; text-align: center; } }

.oc_project { display: table; position: relative; width: auto; min-width: 240px; margin: 0 auto; padding: 15px 20px; background-color: #5d89b3; border-color: #5d89b3; font-size: 17px; color: #fff; text-align: center; }

.oc_tree ul { display: table; position: relative; width: 100%; margin: 0 auto; padding-top: 30px; transition:all 0.2s ease; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; }
.oc_tree li { display: table-cell; position: relative; padding: 30px 5px 0 5px; text-align: center; list-style-type: none; vertical-align: top; transition:all 0.2s ease; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; }
.oc_tree li:before, .oc_tree li:after { content: ''; position: absolute; top: 0; right: 50%; width: 50%; height: 29px; border-top: 1px solid #ccc; }
.oc_tree li:after { right: auto; left: 50%; border-left: 1px solid #ccc; }
.oc_tree li:only-child:after, .oc_tree li:only-child:before { display: none; }
.oc_tree li:only-child { padding-top: 0; }
.oc_tree li:first-child:before, .oc_tree li:last-child:after { border: 0 none; }
.oc_tree li:last-child:before { border-right: 1px solid #ccc; border-radius: 0 9px 0 0; -webkit-border-radius: 0 9px 0 0; -moz-border-radius: 0 9px 0 0; }
.oc_tree li:first-child:after {	border-radius: 9px 0 0 0; -webkit-border-radius: 9px 0 0 0; -moz-border-radius: 9px 0 0 0; }
.oc_tree ul ul:before { content: ''; position: absolute; top: 0; left: 50%; width: 0; height: 30px; border-left: 1px solid #ccc; }
.oc_tree li article { display: inline-block; position: relative; width: 200px; background-color: #fff; border: 1px solid #ccc; border-radius: 1px; -webkit-border-radius: 1px; -moz-border-radius: 1px; color: #666; text-align: left; transition:all 0.2s ease; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; }
.oc_tree li article:hover,
.oc_tree li article:hover+ul li article { border: 1px solid #777; }
.oc_tree li article:hover+ul li:after,
.oc_tree li article:hover+ul li:before,
.oc_tree li article:hover+ul:before,
.oc_tree li article:hover+ul ul:before { border-color: #5d89b3; }

.oc_tree h2 { width: auto; min-width: 200px; padding: 15px 10px; background-color: #f03223; font-size: 17px; color: #fff; text-align: center; }
.oc_tree h3 { width: auto; min-width: 200px; padding: 10px 10px; background-color: #999; color: #fff; text-align: center; }
.oc_tree h3 { font-size: 14px; }
.oc_tree p { padding-left: 78px; line-height: 140%; }
.oc_tree p:last-child { padding-bottom: 6px; }
.oc_tree p.name { margin: 6px 0 2px; color: #000; font-weight: 500; letter-spacing: -0.03em; }
.oc_tree .thumb { position: absolute; top: 0; bottom: 0; left: 0; width: 68px; background-color: #ccc; }

@media all and (max-width:960px){
	.organization_chart_wrap { overflow-y: hidden; }
	.oc_box { transform: scale(0.5); transform-origin: top left; }
}
/* //조직도 Diagram 다이어그램 */


/* 조직도 표 woo추가 */
.board_list { width:700px; }
/*.board_list table {width: 100%; table-layout: fixed; }*/
.board_list table { border-collapse: collapse; border-spacing:0; width: 100%; table-layout: fixed; }/* 수정_이병위_2020.05.25 */
.board_list table th { padding: 8px 12px; border: 1px solid #ddd; border-collapse: collapse; white-space: nowrap; font-size: 12px; font-weight: 500; color: #444; text-align:center; background:#e9e9e9; }
/*.board_list table tr:nth-child(2n-1) { background:#fff; }*/
.board_list table td { padding: 8px 12px; border: 1px solid #ddd; border-collapse: collapse; vertical-align: middle; font-size: 12px; color: #333; background:#fff; }
.board_list table td.strong { font-weight: 500; text-align:left; padding-left:5px; }
.board_list table td.left { text-align:left; padding-left:5px; }
.board_list table td.right { text-align:right; padding-right:15px; word-break:break-all; }
.board_list table td input[type=text] { width:90%; height:14px; line-height:14px; border:0px; color:#333; font-size:12px; text-align:right; }
.board_list table td input[type=text]:focus { border:1px solid #ddd; }
.board_list .btn_save{ margin-top:20px; }
/* //조직도 표 woo추가 */

/* 설정 */
.btn_setting_this_area { position: absolute; top: 72px; right: 30px; }
.btn_setting_this_area a { font-weight: 500; color: #555; text-decoration: none; }
.btn_setting_this_area a:hover { color: #0088cf; }
.btn_setting_this_area a:hover i { color: #222; }
.btn_setting_this_area span { vertical-align: middle; }

.btn_setting_this_area .icon_folder { background: url(../img/icon_folder.png) center no-repeat !important; background-size: 16px 16px !important; background-position: 0 0 !important; }
.btn_setting_this_area .icon_user { background: url(../img/icon_user.png) center no-repeat !important; background-size: 16px 16px !important; background-position: 0 0 !important; }
.btn_setting_this_area .icon_building { background: url(../img/icon_building.png) center no-repeat !important; background-size: 16px 16px !important; background-position: 0 0 !important; }
.btn_setting_this_area .icon_tree { background: url(../img/icon_tree.png) center no-repeat !important; background-size: 16px 16px !important; background-position: 0 0 !important; }

@media all and (max-width:767px){ /* Mobile 최대 */
.btn_setting_this_area { top: 69px; right: 12px; }
}
/* //설정 */

/* ----------------------   //layout   ---------------------- */









/* ----------------------   Common   ---------------------- */

/* grid */
.col_wrap { padding: 20px; }
/*
.wrap_container > .col_wrap:first-child { padding: 20px 20px 0; }
.ui-tabs > .col_wrap:first-child { padding: 20px 20px 0; }
*/
.ssize.col_wrap { padding: 5px 15px; }

@media all and (max-width:960px){ /* PAD 이하 */
.col_wrap { padding: 10px; }
}
@media all and (max-width:767px){ /* Mobile 최대 */
.col_wrap { padding: 5px 10px; }
/*.col_wrap:last-child { padding: 5px 10px 80px; }*/
}


.col_max { width: 100%; }
.col_70 { width: 70%; }
.col_60 { width: 60%; }
.col_50 { width: 50%; }
.col_40 { width: 40%; }
.col_30 { width: 30%; }
.col_20 { width: 20%; }
.col_view_80 { width: 80%; }
.col_view_70 { width: 70%; }
.col_view_30 { width: 30%; }
.col_view_40 { width: 40%; }
.col_view_20 { width: 20%; }
.col_50_calc10 { width: calc(50% - 10px); }

@media all and (max-width:1280px){
.col_view_80 { width: 100%; }
.col_view_20 { width: 100%; }
}
@media all and (max-width:1100px){
.col_60 { width: 70%; }
.col_40 { width: 30%; }
.open .col_60 { width: 100%; }
.open .col_40 { width: 100%; }
.open .col_view_70 { width: 100%; }
.open .col_view_40 { width: 100%; }
.open .col_view_30 { width: 100%; }
.order_1 { order: -1 ; }
.order_2 { order: -2 ; }
.order_3 { order: -3 ; }
}
@media all and (max-width:960px){ /* PAD 이하 */
.col_60 { width: 70%; }
.col_40 { width: 30%; }
.col_view_70 { width: 100%; }
.col_view_40 { width: 100%; }
.col_view_30 { width: 100%; }
.order_1 { order: -1 ; }
.order_2 { order: -2 ; }
.order_3 { order: -3 ; }
}
@media all and (max-width:959px){
.col_60 { width: 100%; }
.col_40 { width: 100%; }
}
@media all and (max-width:767px){ /* Mobile 최대 */
.col_70 { width: 100%; }
.col_50 { width: 100%; }
.col_30 { width: 100%; }
.col_view_70 { width: 100%; }
.col_view_40 { width: 100%; }
.col_view_30 { width: 100%; }
}




/* padding-top 만 10px — 제목 줄(.tit_area)이 첫 자식이라 위쪽은 20px 이면 헐거워 보인다. 좌·우·아래는 20px 유지. */
.colbox { overflow: hidden; padding:10px 20px 20px; background: #fff; border:1px solid #e3e3e3; border-radius:8px; height: 100%;  }
/**back_200330.colbox { overflow: hidden; height: 100%; background: #fff;  }**/


/*.top .colbox { position: relative; height: auto; overflow: hidden; padding: 15px 20px; }
.top .top .colbox { padding: 15px 20px 10px; }
.ssize .colbox { position: relative; min-height: 60px; overflow: hidden; padding: 15px 20px 10px; }
.bottom .colbox { position: relative; height: auto; overflow: hidden; padding: 18px 20px; }
.bottom .colbox .func_area li { padding: 3px; }
.colbox.small { padding: 10px 20px; }
*/

@media all and (max-width:1100px){
.colbox { min-height: auto; }
.colbox_fix  { max-height: 200px; overflow-y: scroll; -webkit-overflow-scrolling:touch; }
}
@media all and (max-width:960px){ /* PAD 이하 */
.colbox { min-height: auto; }
.colbox_fix  { max-height: 200px; overflow-y: scroll; -webkit-overflow-scrolling:touch; }
}
@media all and (max-width:767px){ /* Mobile 최대 */
.top .colbox { min-height: 56px; padding: 10px; }
.colbox { padding: 10px; background: #fff; border: 1px solid #cad1d5; /*border-radius: 7px;*/ }
}


.flex_column { display: flex; display: -ms-flexbox; flex-direction: column; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-wrap: wrap; -ms-flex-wrap: wrap; justify-content: space-between; -webkit-box-pack: justify; -ms-flex-pack: justify; align-items: flex-start; -webkit-box-align: start; -ms-flex-align: start; }
.flex_row { display: flex; display: -ms-flexbox; flex-direction: row; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-wrap: wrap; -ms-flex-wrap: wrap; justify-content: space-between; -webkit-box-pack: justify; -ms-flex-pack: justify; align-items: flex-start; -webkit-box-align: start; -ms-flex-align: start; }
/* //grid */




/* 폰트 */
/*h1 {  }*/
/*h2 {  }*/
.colbox h2 { padding: 5px 10px 12px 0; font-size: 17px; line-height: 140%; letter-spacing: -0.03em; }
.colbox h2 .cap { display: inline-block; margin: 0 0 3px; font-size: 12px; color: #999; font-weight: 400; vertical-align: middle; }




.float_left.txt p { margin: 9px 0 0 4px; }




/* //폰트 */




/* color 컬러 */
.white { color: #fff; }
.blue { color: #0077ff !important; }
.red { color: #f03223 !important; }
.orange { color: #f47920 !important; }

.color_blue { color: #0077ff !important; }
.color_red { color: #f03223 !important; }
.color_orange { color: #f47920 !important; }

.select_color { display: inline-block; width: 18px; height: 18px; margin: 0 10px 0 0; vertical-align: middle; }
/* //color 컬러 */




/* background 배경 */
.bg_white { background-color: #fff; }
/* //background 배경 */




/* 아이콘 icon */
.k-icon.red { background: #ff5353; }
.k-icon.yellow { background: #e9d700; }
.k-icon.green { background: #96ce55; }
.k-icon.blue { background: #0077ff; }

span.new { display: inline-block; margin: 0 5px 2px 0; padding: 0px 4px 1px; background-color: #f03223; border-radius: 2px; font-size: 10px; font-weight: bold; color: #fff; vertical-align: middle; }
span.push { display: inline-block; margin: 0 5px 5px 5px; padding: 0px 8px 1px; background-color: #f03223; border-radius: 30px; font-size: 11px; line-height: 20px; font-weight: bold; color: #fff; vertical-align: middle; }
/* //아이콘 */




/* 박스 */
.text_box { padding: 10px; }
.text_box p { line-height: 160%; }
.col_view_70 .text_box { overflow-y: auto; max-height: calc(100vh - 233px); min-height: calc(100vh - 233px); margin: 40px 0 0; border: 1px solid #ddd; }

.no_data { display: block; padding: 50px 0 !important; background: #fff; text-align: center; }

@media (max-width: 1100px) {
.col_view_70 .text_box { margin: 0; }
}
@media (max-width: 960px) {
.col_view_70 .text_box { overflow: inherit; max-height: inherit; min-height: inherit; }
}
/* //박스 */




/* layout */
* { -webkit-overflow-scrolling:touch; outline-style: none; }
*:focus {outline:none !important}

.block { display: block; }
.hidden { display: none; }
.inline_block { display: inline-block; }
.over_hidden { overflow: hidden; }
.relative { position: relative; }
.absolute { position: absolute; }
.clear { clear: both; }
.clear::after, .clear::before{ display: block; content: " "; }

.over_x_scroll { overflow-x: auto; }
.over_y_scroll { overflow-y: auto; }
.over_y_hidden .k-grid-content { overflow-y: hidden; }

.h_over { overflow-x: auto; overflow-y: auto; width: 100%; }
.text_left { text-align: left !important; }
.text_left .k-textbox { text-align: left !important; }
.text_right { text-align: right !important; }
.text_right .k-textbox { text-align: right !important; }
.text_center {text-align: center !important; }
.text_center .k-textbox { text-align: center !important; }

.valine { vertical-align: middle; } .valinei { vertical-align: middle !important; }
.mauto { margin: 0 auto; }

.float_right { float: right !important; }
.float_left { float: left !important; }
.float_none { float: none !important; }

@media all and (max-width:1080px){
.pad_float_none { clear: both; }
}
@media all and (max-width:960px){ /* PAD 이하 */
.pad_clear { clear: both; }
}
@media all and (max-width:767px){ /* Mobile 최대 */
.mobile_block { display: block; }
.mobile_wauto { width: auto !important; }

.float_left.pr20 { padding-right: 0 ;}
}
/* //layout */





/* 그리드 높이 고정  */
.grid_h160 .k-grid-content { max-height: 160px; }
.grid_h187 .k-grid-content { max-height: 187px; }
.grid_h200 .k-grid-content { max-height: 200px; }
.grid_h222 .k-grid-content { max-height: 222px; }
.grid_h240 .k-grid-content { max-height: 240px; }
.grid_h300 .k-grid-content { max-height: 300px; }
.grid_h400 .k-grid-content { max-height: 400px; }
.grid_h421 .k-grid-content { max-height: 421px; }
.grid_h430 .k-grid-content { max-height: 430px; }
.grid_h500 .k-grid-content { max-height: 500px; }

.grid_max_h148 .k-grid-content { max-height: 148px; }
.grid_max_h160 .k-grid-content { max-height: 160px; }
/* //그리드 높이 고정  */

/* ----------------------   //Common   ---------------------- */









/* ----------------------   중요 테마 - layout   ---------------------- */

/* 본문 배경 : 화이트 헤더와 동일한 흰색 */
body { word-break:keep-all; font-size: 13px; direction:ltr; background: #fff; }
header { margin: 0; }

/* LNB 접힘/펼침 모션 : 사이드바(width)·본문(margin)·배경(left_bg)이 같은 시간/이징으로 같이 움직여야
   분절돼 보이지 않는다. 아래 레이아웃 요소는 모두 .22s cubic-bezier(.4,0,.2,1) 로 통일한다. */
/* 페이지 진입 직후(main.js 가 초기 접힘 상태를 확정하는 동안)에는 전환을 끈다 → 로드 시 미끄러짐 방지 */
.lnb-no-anim header, .lnb-no-anim .right_head_menu, .lnb-no-anim aside, .lnb-no-anim nav, .lnb-no-anim .logo, .lnb-no-anim .logo a,
.lnb-no-anim .toggle_nav, .lnb-no-anim .left_bg, .lnb-no-anim .wrap_container, .lnb-no-anim .nav_history,
.lnb-no-anim .user_info, .lnb-no-anim .user_info *, .lnb-no-anim #koviShellWrap { transition: none !important; }
.wrap_container { display: flex; display: -ms-flexbox; flex-direction: row; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-wrap: wrap; -ms-flex-wrap: wrap; justify-content: space-between; -webkit-box-pack: justify; -ms-flex-pack: justify; align-items: stretch; -webkit-box-align: stretch; -ms-flex-align: stretch; margin: 0 0 0 80px; padding: 0 20px 50px; z-index: 10; transition: margin 0.22s cubic-bezier(0.4, 0, 0.2, 1); }
.wrap_container.open { margin: 0 0 0 260px; }
.wrap_container.top { align-items: flex-start; -webkit-box-align: start; -ms-flex-align: start; }

/* aside { position: fixed; top: 56px; left: 0; bottom: 0; width: 80px; background: #fff; border-right: 1px solid #e7e7e7; z-index: 100; } */
/* 좌측 메뉴(LNB) : 기존 상단 헤더의 블루 그라데이션을 세로 방향으로 이관 */
aside { position: fixed; top: 60px; left: 0; bottom: 0; width: 80px; background: linear-gradient(180deg, #1a4298 2%, #4e83be 98%); z-index: 100; transition: width 0.22s cubic-bezier(0.4, 0, 0.2, 1), left 0.22s cubic-bezier(0.4, 0, 0.2, 1), top 0.22s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 4px 0 10px rgba(0, 0, 0, 0.12); }
/* 펼침 시 로고 블록이 93px 로 커지므로 그 아래에서 시작한다 (겹치면 로고가 aside 에 가린다) */
aside.open { width: 260px; top: 93px; }

.left_bg { position: fixed; top: 0; left: 0; width: 80px; height: 100%; background: linear-gradient(180deg, #1a4298 2%, #4e83be 98%); z-index: 0; transition: width 0.22s cubic-bezier(0.4, 0, 0.2, 1); }
.left_bg.open { width: 260px; }

@media all and (max-width:960px){ /* PAD 이하 */
.wrap_container { display: flex; padding: 0 10px 80px; }
}
@media all and (max-width:767px){ /* Mobile 최대 */
.open.wrap_container { display: none; }
/*.Smobile .wrap_container { margin: 0; padding: 0 0 80px; }*/
.Smobile .wrap_container { margin: 0; padding: 0 !important; } /* 수정 2020.07.21 */
.Smobile aside { left: -100%; }
.Smobile aside.open { clear: both; position: relative; top: inherit; left: inherit; width: 100%; background-color: transparent; background-image: none; }
.Smobile .left_bg { width: 0; left: -100%; }
.Smobile .open.left_bg { display: none; }
}

/* ----------------------   //중요 테마 - layout   ---------------------- */










/* ----------------------   중요 테마 - Header   ---------------------- */

/* 로고 */
/* .logo { display: block; position: fixed; top: 0; left: 0; z-index: 11; } */
/* 로고 영역은 LNB(좌측 메뉴) 컬럼의 머리 부분이므로 LNB 그라데이션 시작색과 맞춘다. */
.logo { display: block; position: fixed; top: 0; left: 0; z-index: 11; width: 80px; height: 60px; background: #1a4298; transition: width 0.22s cubic-bezier(0.4, 0, 0.2, 1), height 0.22s cubic-bezier(0.4, 0, 0.2, 1);}

.logo a { display: block; width: 80px; height: 60px; background: url(../img/logo_n_s.png) no-repeat center #1a4298; background-size: 44px auto; text-indent: -99999px; transition: width 0.22s cubic-bezier(0.4, 0, 0.2, 1), height 0.22s cubic-bezier(0.4, 0, 0.2, 1);}
/* 펼침 : 로고 위아래 여백 25px 확보.
   logo_n1.png 는 101x49 이고 background-size:88px auto 로 88x42.7 로 그려지므로
   블록 높이 = 25 + 42.7 + 25 ≒ 93px. 헤더(60px)보다 커진 만큼 LNB(aside) 시작점도 함께 내린다. */
.open .logo { height: 93px; }
.open .logo a { width: 260px; height: 93px; background: url(../img/logo_n1.png) no-repeat center 25px #1a4298; background-size: 88px auto; }

@media all and (max-width:767px){ /* Mobile 최대 */
.Smobile .logo { left: 50%; width: 140px; height: 48px; margin-left: -70px; z-index: 101; }
.Smobile .logo a { width: 100%; height: 48px; background: url(../img/logo.png) no-repeat center 8px; background-size: auto 30px; }
.Smobile .open .logo { display: none; }

.Smobile.sticky .logo { display: none; }
}
/* //로고 */




/* 상단 메뉴 버튼 */
/* 메뉴 토글 버튼은 헤더 영역에 있으므로 화이트 헤더에 맞춘다.
   menu.svg 는 #ebebeb(밝은 회색)이라 brightness 로 어둡게 낮춰 표시한다. */
.toggle_nav { display: block; position: fixed; top: 0; left: 80px; box-sizing: border-box; width: 60px; height: 60px; background: #fff; border-bottom: 1px solid #e3e8f0; text-align: center; z-index: 101; transition: left 0.22s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.15s ease;}
.toggle_nav:hover { background: #eef2f8; }
.toggle_nav span { display: none; }
.toggle_nav i { display: block; width: 22px; height: 22px; margin: 16px auto 0; background: url(../img/menu.svg) no-repeat center; background-size: 17px auto; filter: brightness(0.3); }

.open .toggle_nav { left: 260px; }
.sticky .toggle_nav { display: none; }

@media all and (max-width:767px){ /* Mobile 최대 */
/* 모바일 폭에서는 토글 버튼이 기존 블루 배경을 유지하므로 아이콘도 원래(밝은 색)대로 되돌린다. */
.Smobile .toggle_nav  { left: 0; width: 48px; height: 48px; background: #104095; border-bottom: 0; }
.Smobile .toggle_nav i { margin: 13px auto 0; filter: none; }
.Smobile .toggle_nav:hover { background: #104095; }
.Smobile .open .toggle_nav { position: absolute; top: -48px; background: #0f3b88; z-index: 111; }
.Smobile .open .toggle_nav i { background: url(../img/icon_close.svg) no-repeat center; background-size: 17px auto; }
}
/* //상단 메뉴 버튼 */




/* 상단 메뉴 - 레이아웃 */
/* .right_head_menu { position: fixed; top: 0; left: 0; width: 100%; height: 56px; padding: 15px 15px 0 0; background: #4e83be; text-align: right; z-index: 10; } */
/* 상단 헤더 : 화이트 테마 (기존 블루 그라데이션은 좌측 LNB 로 이동)
   좌측 padding 은 로고(80/260px) + 메뉴토글(60px) 을 비워 현장명이 그 위에 겹치지 않게 한다. */
.right_head_menu { position: fixed; top: 0; left: 0; box-sizing: border-box; width: 100%; height: 60px; display: flex; column-gap: 20px; justify-content: flex-end; align-items: center; padding: 0 24px 0 156px; background: #fff; border-bottom: 1px solid #e3e8f0; text-align: right; z-index: 10; transition: padding-left 0.22s cubic-bezier(0.4, 0, 0.2, 1); }
.open .right_head_menu { padding-left: 336px; }

/* 접속 현장명 + 현장 활용등급 */
.right_head_menu .head_site { display: flex; align-items: center; gap: 10px; min-width: 0; margin: 0 auto 0 0; text-align: left; }
.right_head_menu .head_site .site_nm { overflow: hidden; font-size: 17px; font-weight: 500; color: #16233d; letter-spacing: -0.02em; line-height: 1.3; white-space: nowrap; text-overflow: ellipsis; }
/* 권한 현장이 여러 곳일 때만 클릭 가능 → 그때만 손가락 커서/호버 표시 */
.right_head_menu .head_site.is_switchable .site_nm { cursor: pointer; }
.right_head_menu .head_site.is_switchable .site_nm:hover { color: #1a4298; text-decoration: underline; text-underline-offset: 3px; }
.right_head_menu .head_site .site_rank { flex: 0 0 auto; padding: 4px 11px; background: #EAF1FD; border-radius: 14px; font-size: 12px; font-weight: 500; color: #2960b5; line-height: 1.3; white-space: nowrap; cursor: pointer; }
.right_head_menu .head_site .site_rank:hover { background: #DCE8FB; }
/* 활용등급 응답 전(빈 값)에는 뱃지를 그리지 않는다 */
.right_head_menu .head_site .site_rank:empty { display: none; }

.right_head_menu a { display: inline-block; font-size: 12px; color: #33415c; line-height: 35px; text-decoration: none; }
.right_head_menu a:hover { color: #1a4298; }
.right_head_menu a i { display: inline-block; width: 24px; height: 24px; margin: 0 0 2px 0; font-size: 20px; vertical-align: middle; opacity: 0.6; }
.right_head_menu a i:hover { opacity: 0.9; }
.right_head_menu a span.hide { display: none !important; }
.right_head_menu .tit { font-size: 13px; color: #1B2A46; }
.right_head_menu .tit i { margin: 0 0 2px; font-size: 17px; vertical-align: middle; }

.sticky .right_head_menu { top: -56px; transition:all 0.2s ease; }

.right_head_menu h2.tit { display: inline-block; margin: 0 20px 0 0; font-size: 13px; color: #1B2A46; }

@media all and (max-width:960px){ /* PAD 이하 */
	.right_head_menu { display: flex; display: -ms-flexbox; flex-direction: row; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-wrap: wrap; -ms-flex-wrap: wrap; justify-content: flex-end; -webkit-box-pack: end; -ms-flex-pack: end; align-items: center; -webkit-box-align: center; -ms-flex-align: center;
	padding: 0 15px 0 152px; }
	.right_head_menu h2.tit { max-width: 320px; }
	.right_head_menu .head_site { gap: 8px; }
	.right_head_menu .head_site .site_nm { font-size: 15px; }
}
@media all and (max-width:767px){ /* Mobile 최대 */
.Smobile .right_head_menu { left: 0; width: 100%; height: 48px; padding: 0; }
.Smobile .open .right_head_menu { position: inherit; float: right; width: calc(100% - 48px); z-index: 1000; }
/*.  a { line-height: 48px; }*/
.right_head_menu h2.tit { display: none; }
/* 모바일 폭에서는 로고가 헤더 중앙에 오므로 현장명은 숨긴다 */
.right_head_menu .head_site { display: none; }
}
/* //상단 메뉴 - 레이아웃 */
/* 상단 메뉴 - 대시보드 아이콘 */
/* gnb 아이콘 SVG 는 fill:#fff 이라 화이트 헤더에서는 보이지 않는다.
   brightness(0) 으로 검정 실루엣을 만든 뒤 opacity 로 농도를 준다. (기존 0.6/0.9 톤 유지)
   호버/열림 표시는 아이콘 뒤 원형 배경으로 한다(rightHeadMenu.jsp 참고). */
.right_head_menu a .gnb-icon { opacity: 0.62; filter: brightness(0) saturate(100%); transition: opacity .15s ease, filter .15s ease; }
.right_head_menu a:hover .gnb-icon { opacity: 0.9; }
/* //상단 메뉴 - 대시보드 아이콘 */


/* 상단 메뉴 - 현 검색 */
.top_place_area {display:inline-block; margin:0 5px; vertical-align:middle; position:absolute; top:17px; right:120px; z-index:10}
.top_place_area .btn_place {font-size:0; line-height:0}

/* 상단 메뉴 - 프로젝트 검색 */
.top_search_area { display: inline-block; margin: 0 5px; vertical-align: middle; position: absolute; top: 17px; right: 80px;z-index:10}
.top_search_area .btn_project {font-size:0; line-height:0}

.top_project_list { display: none; position: absolute; top: 40px; right: 0px; left:inherit; width: 300px; background: #fff; border: 1px solid #ddd; border-top: 0; box-shadow:0 1px 10px 0 rgba(0, 0, 0, 0.2); z-index: 101; }
.top_project_list.active { display: block; }
.top_project_list .k-radio { width: inherit; }

.search_project_list { display: block; overflow-y: auto; /*max-height: 343px;*/ max-height:calc(100vh - 145px); background: #fff; }
.search_project_list li { text-align: left; }
.search_project_list li a { display: block; height: auto; padding: 12px 10px 12px 19px; background: url(../img/bl_gray.png) no-repeat 10px 19px; background-size: 4px auto; border-bottom: 1px solid #ddd; font-size: 13px; line-height: 140%; color: #222; text-decoration: none; }
.search_project_list li a:hover { background-color: #e9e9e9; color: #222; }
.search_project_list li a.active { background-color: #e9e9e9; font-weight: 500; }
.search_project_list li:nth-child(2n-2) { background-color: #fafafa; }
.search_project_list li em { display: inline-block; margin: 0 0 1px 5px; padding: 0 5px 2px; background-color: #f03223; border-radius: 1px; font-size: 12px; font-style: normal; font-weight: 700; color: #fff; line-height: 100%;  vertical-align: middle; }

.top_search_input {display: block; position: relative; padding: 10px; background-color: #e9e9e9; }
.top_search_input a {display: block; position: absolute; top: 10px; right: 10px; width: 32px; height: 32px; background: #5d89b3; border-radius: 0 3px 3px 0; }
.top_search_input a i{position: absolute;top:7px; right:7px; margin: 0 auto; font-size: 16px; color: #fff; text-align: center; }
.top_search_input .k-textbox { border: 1px solid #5d89b3; }
.top_search_input .k-textbox:hover { border: 1px solid #5d89b3; }

.search_project_select { padding: 5px 10px 15px; background-color: #e9e9e9; text-align: center; }
@media all and (max-width:960px){ /* PAD 이하 */
.top_project_list { right: 10px; top:36px; }
}
@media all and (max-width:767px){ /* Mobile 최대 */
.right_head_menu { text-align: left; }
.right_head_menu .btn_project { display: none; }
.right_head_menu .btn_place { display: none; }
.top_project_list { position: absolute !important; top: 32px; right: 0; }

.open .right_head_menu .btn_project { display: block; position: absolute; top: -18px; right: -31px;/*60px*/ width: 48px; height: 48px; border-left: 1px solid rgba(0, 0, 0, 0.1); text-align: center; }
.open .right_head_menu .btn_project span { display: none; }
.open .right_head_menu .btn_project i { position: absolute; top: 12px; right: 10px; margin: 0 auto; font-size: 22px !important; text-align: center; }
.open .search_project_list { max-height: calc(70vh - 89px); }
}
/* //상단 메뉴 - 프로젝트 검색 */

/* 상단 메뉴 - 알림 */
.top_notice_area { display: inline-block; margin: 0 5px; vertical-align: middle; position: absolute; top: 13px; right: 130px; }
/*.top_notice_area .notice {  }*/
.top_notice_area .notice a { position: relative; display: inline-block; font-size: 0; line-height: unset; height: 32px; }
.top_notice_area .notice a i { display: inline-block; font-size: 22px; transition:all 0.2s ease; }
.top_notice_area .notice a i:hover { color: #1a4298; opacity: 0.9; }
.top_notice_area .notice a span {display:block; position:absolute; top:-4px; right:-6px; padding:0 2px; min-width:16px; height:16px;background:#f47920; border-radius:8px; color:#fff; font-size:11px; font-weight:200; letter-spacing:1px; line-height:15px; text-align:center}

.top_notice_list { display: none; position: absolute; top: 40px; right: 0; left: inherit; width: 300px; background-color: #e9e9e9; border: 1px solid #ddd; border-top: 0; box-shadow:0 1px 10px 0 rgba(0, 0, 0, 0.2); font-size: 13px; z-index: 1000; }
.top_notice_list.active { display: block; }
.top_notice_list h3 { float: left; padding: 16px 0 0 16px; font-size: 13px; color: #222; }
.top_notice_list .btn { height: inherit; margin: 10px; background: #fff; color: #0088cf; }
.top_notice_list .btn:hover { color: #0088cf; }

.open .search_notice_list { max-height: 382px; }
.search_notice_list { display: block; overflow-y: auto; max-height: 386px; background: #fff; }
.search_notice_list li { display: block; position: relative; padding: 12px 15px; border-bottom: 1px solid #ddd; line-height: 140%; color: #222; text-align: left; text-decoration: none; }
.search_notice_list li a { position: absolute; top: -5px; right: 0; height: inherit; color: #999; text-align: center; }
.search_notice_list li strong { display: inline-block; font-size: 12px; color: #0088cf; line-height: 140%; }
.search_notice_list li span { display: inline-block; margin: 0 7px; font-size: 12px; font-weight: 400; color: #666; }
.search_notice_list li em { display: inline-block; margin: 0 0 1px; padding: 0 5px 2px; background-color: #f03223; border-radius: 1px; font-size: 12px; font-style: normal; font-weight: 700; color: #fff; line-height: 100%;  vertical-align: middle; }
.search_notice_list li .tit {font-size: 13px; font-weight: 500; color: #000; margin:0}
.search_notice_list li .con {font-size: 12px; color: #000; }
.search_notice_list li .dt { padding: 4px 0 0; font-size: 11px; color: #666;}
.search_notice_list li:nth-child(2n-1) { background-color: #fafafa; }
.search_notice_list .no_data { padding: 64px 0 !important; }

@media all and (max-width:960px){ /* PAD 이하 */
.top_notice_list { right: 17px; }
}
@media all and (max-width:767px){ /* Mobile 최대 */
.top_notice_area { display:none; float: inherit; width: 100%; background: none; margin: 0; border: 0; }
.top_notice_area .notice { padding: 0 18px 0 0; text-align: right; }
.top_notice_area .notice a { text-indent: 0; }
.open .top_notice_area .notice a span { right: 8px; }
.open .top_notice_area { display:block; width: 100%;  }
.open .top_notice_area .notice { position: absolute !important; top: -6px; right: -9px; /*top: 0; right: 0;*/ width: 48px; height: 48px; padding: 0; border-left: 1px solid rgba(0, 0, 0, 0.1); text-align: center; }
.sticky .open .top_notice_area .notice { position: absolute !important; }
.open .top_notice_area .notice a i { color: #ddeaf6; }
.open .top_notice_area .notice a:hover i { color: #fff; }

.top_notice_list { top: 44px; font-size: 13px; right: 0; width: 100%; background-color: #fff; }
.top_notice_list h3 { color: #222; }
.top_notice_list.open { top: 0; }
.open .top_notice_list { position: absolute; width: 100%; background-color: #fff; }
.open .top_notice_list h3 { color: #222; }
.search_notice_list { border-top: 1px solid #ddd; }
.open .search_notice_list { max-height: calc(70vh - 46px); }
}
/* //상단 메뉴 - 알림 */


/* 상단 메뉴 - 로그아웃 */
.right_head_menu .btn_logout { display: inline-block; margin: 0 5px; vertical-align: middle;  }
.right_head_menu .btn_logout a { position: absolute; top: 17px; right: 45px; width:19px; height:20px; background:url("../img/icon_logout.png") no-repeat; opacity: 0.6; }
.right_head_menu .btn_logout a:hover { color: #1a4298; transition:all 0.2s ease; opacity: 0.9; }
.right_head_menu .btn_logout a span { display: none; }
.right_head_menu .btn_logout i { display: inline-block; font-size: 19px; color: #33415c; opacity: 0.6; }
.right_head_menu .btn_logout i:hover { color: #1a4298; transition:all 0.2s ease; opacity: 0.9; }
@media all and (max-width:960px){ /* PAD 이하 */

}
@media all and (max-width:767px){ /* Mobile 최대 */
.right_head_menu .btn_logout { display: none; }

.open .right_head_menu .btn_logout { display: block; position: absolute; top: 0; right: 0; width: 48px; height: 48px; border-left: 1px solid rgba(0, 0, 0, 0.1); text-align: center; }
.open .right_head_menu .btn_logout span { display: none; }
.open .right_head_menu .btn_logout i { margin: 11px 0 0; font-size: 22px !important; }
.open .right_head_menu .btn_logout a { top: 12px; right: 10px; }

/*
.open .right_head_menu .btn_logout span { display: none; }
.open .right_head_menu .btn_logout i { position: absolute; top: 0px; right: 0px; margin: 0 auto; font-size: 22px !important; text-align: center; border:1px solid red; }*/
.open .btn_logout { max-height: calc(70vh - 89px); }
}
/* //상단 메뉴 - 로그아웃 */



/* 상단 메뉴 - 연락처 */
.top_contect_area { display: inline-block; margin: 0 5px; vertical-align: middle; }
.top_contect_area .btn_contect { font-size: 0; line-height: 0; }
.top_contect_list { display: none; position: absolute; top: 58px; right: 25px; width: 300px; background: #fff; border: 1px solid #ddd; border-top: 0; box-shadow:0 1px 10px 0 rgba(0, 0, 0, 0.2); z-index: 101; }
.top_contect_list.active { display: block; }


/*
.search_contect_list { display: block; overflow-y: auto; max-height: calc(100vh - 111px); background: #fff; }
.search_contect_list li { text-align: left;}
.search_contect_list li { display: block; position: relative; height: inherit; padding: 12px 20px 12px 96px; border-bottom: 1px solid #ddd; line-height: 150%; color: #222; text-decoration: none; }
.search_contect_list li .thumb { position: absolute; top: 15px; left: 20px; overflow: hidden; width: 56px; height: 56px; margin: 0 auto; border-radius: 18px; }
.search_contect_list li .thumb img { width: 100%; }
.search_contect_list li .class { display: block; font-size: 11px; color: #0088cf; }
.search_contect_list li .name { padding: 2px 0 5px; font-size: 15px; color: #000; letter-spacing: -0.03em; }
.search_contect_list li p {display:block !important; color:#666; font-size:12px; line-height:100%; }
*/

 /* 수정 by 이병위 2020.07.02 */
.search_contect_list {display:block; overflow-y:auto; max-height:calc(100vh - 140px); background: #fff; }
.search_contect_list li {text-align:left; font-weight:500;}
.search_contect_list li {display:block; position:relative; height:inherit; padding:12px 20px 12px 86px; border-bottom: 1px solid #ddd; line-height: 150%; color: #222; text-decoration: none; }
.search_contect_list li .thumb {position:absolute; top:15px; left:11px; overflow:hidden; width:64px; height:64px; margin:0 auto; border-radius:15px}
.search_contect_list li .thumb img {width:100%}
.search_contect_list li .name {margin-top:10px; color:#222; font-size:15px; line-height:140%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.search_contect_list li .class {display:block; color:#2b63a1; font-size:13px; line-height:140% }
.search_contect_list li p {display:block !important; color:#222; font-size:13px; line-height:140%; }
.search_contect_list li p a { display: none; }
.search_contect_list li:hover { background-color: #ecf3f7; }
.search_contect_list li:nth-child(2n-2) { background-color: #fafafa; }

@media all and (max-width:960px){ /* PAD 이하 */
.top_contect_list { right: 17px; }
.search_contect_list li { padding: 10px; }
.search_contect_list li .top { overflow: hidden; margin-bottom: 10px; }
.search_contect_list li .top .thumb { position: static; float: left; }
.search_contect_list li .top .class { margin-top: 10px; margin-left: 72px; }
.search_contect_list li .top .name { font-size: 17px; margin-left: 72px; }
.search_contect_list li .tel { display: block; overflow: hidden; margin: 0 0 -1px; border: 1px solid #eee; }
.search_contect_list li .tel span { float: left; padding-left: 10px; font-size: 14px; line-height: 220%; color: #666; }
.search_contect_list li .tel a { padding: 6px 0 4px 0; font-size: 14px; height: inherit; line-height: 160%; color: #666; }
.search_contect_list li .tel a.tel_num { float: right; padding-right: 8px; padding-left: 8px; background-color: #fafafa; border-left: 1px solid #eee; }
.search_contect_list li .tel a.tel_num i { width: 19px !important; height: 19px !important; }
.search_contect_list li .mail { display: block; overflow: hidden; margin: 0 0 -1px; border: 1px solid #eee; }
.search_contect_list li .mail span { float: left; padding: 6px 0 4px 10px; font-size: 14px; line-height: 160%; color: #666; }
.search_contect_list li .mail a { padding: 6px 0 4px 10px; font-size: 14px; height: inherit; line-height: 160%; color: #666; }
.search_contect_list li .mail a.mailto { float: right; padding-right: 8px; padding-left: 8px; background-color: #fafafa; border-left: 1px solid #eee; }
.search_contect_list li .mail a.mailto i { width: 19px !important; height: 19px !important; }
.search_contect_list li a i { display: block; opacity: 0.5 !important; }
.search_contect_list li p a { display: block; }
.search_contect_list li:hover { background-color: transparent; }
.search_contect_list li:nth-child(2n-2) { background-color: #fff; }
}
@media all and (max-width:767px){ /* Mobile 최대 */
.right_head_menu .btn_contect { display: none; }
.top_contect_list { top: 48px; right: 0; width: 100%; }
.open .right_head_menu .btn_contect { display: block; position: absolute; top: 0; right: 0; width: 48px; height: 48px; border-left: 1px solid rgba(0, 0, 0, 0.1); text-align: center; }
.open .right_head_menu .btn_contect span { display: none; }
.open .right_head_menu .btn_contect i { margin: 11px 0 0; font-size: 22px !important; }
.open .search_contect_list { max-height: calc(70vh - 52px); }
}
/* //상단 메뉴 - 연락처 */



/* 상단 메뉴 - 기타 바로가기 버튼 */
.btn_etc { display: inline-block; margin-left: 10px; vertical-align: middle; }
.btn_etc li { display: inline-block; }



@media all and (max-width:767px){ /* Mobile 최대 */
.btn_etc { display: none; }
}


/* 상단 메뉴 대시보드용으로 아이콘 html 및 css 밴경 필요 */
.dashboard .right_head_menu .top_notice_area {right: 4px;}
.dashboard .right_head_menu .top_notice_area .notice { height:32px; }
.dashboard .top_notice_area,
.dashboard .top_place_area,
.dashboard .top_search_area {display: inline-block;margin: unset;vertical-align: unset;position: relative;top: unset;right: unset;z-index: 10;height: 32px;}
.dashboard .right_head_menu .btn_logout a {position: unset;top: unset;right: unset;width: 30px;height: 30px;opacity: unset;background: unset;}
/* 상단 메뉴 대시보드용으로 아이콘 html 및 css 밴경 필요 */


/* //상단 메뉴 - 기타 바로가기 버튼 */




/* 프로필 */
/* 프로필 사진/이름/설정/로그아웃 은 헤더 우측 프로필 아이콘으로 이동(rightHeadMenu.jsp).
   이 영역은 퀵메뉴 컨테이너로만 남으므로 고정 높이(80px)를 버리고 내용에 맞춘다. */
.user_info { position: relative; width: 80px; height: auto; display: flex; align-items: center; text-align: center; z-index: 100; transition: padding 0.22s cubic-bezier(0.4, 0, 0.2, 1); }
.user_info .thumb { overflow: hidden; width: 48px; height: 48px; margin: 0 auto; border-radius: 48px; background: url('../img/profile_base.png') no-repeat center; background-size: 48px; transition:all 0.2s ease; }
.user_info .thumb img { width: 100%; }
.user_info .user_name { display: none; margin-top: 2px; }
.user_info .user_name strong { font-size: 14px; letter-spacing: -0.04em; text-transform: uppercase; vertical-align: middle; }
.user_info .user_name a { display: inline-block; padding: 1px 10px 1px 8px; border-radius: 10px; font-size: 11px; color: #fff; text-decoration: none; vertical-align: middle; }
.user_info .user_name a.btn_start { background: #78d157; }
.user_info .user_name a.btn_end { background: #4a72a1; }
.user_info .user_name a:hover { background: #2e4f80; transition:all 0.2s ease; }
.user_info .user_name a i { display: inline-block; font-size: 12px; }
.user_info .user_name p { margin: 3px 0 0; font-size: 10px; color: rgba(255,255,255,0.75); }
.user_info .time { display: none; height: 33px; background: #e9e9e9; font-size: 11px; font-weight: 500; line-height: 32px; color: #687c87; }
.user_info .time span { padding: 0 3px; }
.user_info .btn_options { display: none; }
.user_info .btn_options a { display: block; position: absolute; top: 23px; right: 23px; }
.user_info .btn_options a span { display: none; }
.user_info .btn_options i { display: inline-block; font-size: 19px; color: rgba(255,255,255,0.8); }
.user_info .btn_options i:hover { color: #fff; transition:all 0.2s ease; }
.user_info .user_name .name {color: #fff;font-size: 14px;font-weight: 500;}
.user_info .user_name .part {min-width: 180px;min-height: 24px;background-color: rgba(255,255,255,0.16);margin-top: 2px;padding: 6px 10px;font-size: 12px;color: rgba(255,255,255,0.92) !important;border-radius: 30px;}
.user_info .user_name .part .red {font-weight: 500;}


.user_info .btn_logout { display: none; }

.user_info .btn_logout a { display: none; position: absolute; top: 45px; right: 23px; }
.user_info .btn_logout a span { display: none; }
.user_info .btn_logout i { display: inline-block; font-size: 19px; color: rgba(255,255,255,0.8);  }
.user_info .btn_logout i:hover { color: #fff; transition:all 0.2s ease; }

.open .user_info { width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 16px 16px 8px; margin: 0 auto; }
/* 퀵메뉴가 없는 사용자는 이 영역이 완전히 비므로 여백까지 없앤다. */
.open .user_info:not(.has_quick) { height: auto; padding: 0; }
.open .user_info.has_quick { height: auto; justify-content: flex-start; padding-top: 16px; padding-bottom: 4px; }
.open .user_info .thumb { width: 80px; height: 80px; border-radius: 40px; background-size: 80px;}
.open .user_info .user_name { display: block; }
.open .user_info .time { display: none; }
.open .user_info .btn_options { display: block; }
.open .user_info .btn_logout { display: block; }

@media all and (max-width:767px){ /* Mobile 최대 */
.Smobile .user_info { margin-left: -100%; }
.Smobile .open .user_info { width: 100%; height: 142px; margin-left: 0; background: #fafafa; }
/* 모바일 폭에서는 LNB 가 밝은 배경이므로 프로필 글자색을 원래(어두운색)대로 되돌린다. */
.Smobile .open .user_info .user_name .name { color: #111; }
.Smobile .open .user_info .user_name .part { background-color: #f0f2f5; color: #666 !important; }
.Smobile .open .user_info .user_name p { color: #999; }
.Smobile .open .user_info .btn_options i { color: #aaa; }
.Smobile .open .user_info .btn_logout i { color: #5d89b3; }
.Smobile .open .user_info .thumb { width: 68px; height: 68px; border-radius: 18px; }
.Smobile .open .user_info .user_name { display: block; }

.Smobile .open .user_info .btn_options { display: block; }
.Smobile .open .user_info .btn_options a { right: 10%; }
.Smobile .open .user_info .btn_options i { font-size: 25px; }

.Smobile .open .user_info .btn_logout { display: none; }
.Smobile .open .user_info .btn_logout a { right: 10%; }
.Smobile .open .user_info .btn_logout i { font-size: 25px; }
}
/* //프로필 */




/* 메뉴 */
/* top 은 lnb.jsp 의 syncLnbNavTop() 이 상단 블록 실제 높이로 다시 계산한다(인라인 style).
   아래 값은 스크립트 실행 전 프레임용 기본값. */
nav { position: fixed; top: 68px; left: 0; bottom: 0; width: 80px; padding: 0; overflow: hidden auto; z-index: 100; transition: top 0.22s cubic-bezier(0.4, 0, 0.2, 1), width 0.22s cubic-bezier(0.4, 0, 0.2, 1), margin 0.22s cubic-bezier(0.4, 0, 0.2, 1); }
/* 프로필 블록이 헤더로 빠지면서 이 선은 로고 바로 아래에 홀로 남는다 → 제거 */
nav::before { content: ''; position: relative; display: block; border-bottom: 0; margin: 0 0.75rem;}
nav .menu_1depth { text-align: center; }
nav .menu_1depth a { display: flex; flex-direction: column; align-items: center; overflow: hidden; position: relative; padding: 15px 5px 23px; font-size: 11px; text-decoration: none; }
/* 1depth : 블루 배경 위 흰 글자. 선택(active) 은 '라운드 음영 + 흰 원형 아이콘'.
   접힘(80px) 상태에서는 아이콘만 노출하므로 항목 자체가 42px 정원(正圓)이 된다. */
nav .menu_1depth a.depth1 {
	border-bottom: unset;
	display: flex; align-items: center; justify-content: center;
	box-sizing: border-box; width: 42px; height: 42px; margin: 4px auto; padding: 4px;
	border-radius: 999px;
	color: #fff; font-weight: 500; letter-spacing: -0.03em; transition: background-color 0.15s ease;
}
nav .menu_1depth a.depth1:hover { background-color: rgba(255,255,255,0.10); color: #fff; }
nav .menu_1depth a.depth1:hover i { color: #fff; }
/* 접힘 : 메뉴명은 감추고(오버 시 JS 툴팁으로 표시), 펼침 화살표도 숨긴다 */
nav .menu_1depth a.depth1 .menu_name { display: none; }
nav .menu_1depth .btn_1depth i,
nav .menu_1depth .btn_2depth i,
nav .menu_1depth .btn_3depth i { display: none; }
/*nav .menu_1depth a.depth1 i {  }*/
/* 1depth 아이콘 : 선택 여부와 무관하게 항상 34px 원형 박스를 차지한다.
   (선택될 때만 크기가 바뀌면 항목 높이가 튀므로 박스는 고정, 배경만 채운다) */
nav .menu_1depth a.depth1 i.material-icons,
nav .menu_1depth a.depth1 i.k-icon,
nav .menu_1depth a.depth1 i.icons19,
nav .menu_1depth a.depth1 > .material-symbols-outlined {
	flex: 0 0 auto; display: flex; align-items: center; justify-content: center;
	box-sizing: border-box; width: 34px; height: 34px; margin: 0;
	background-color: transparent; background-position: center; border-radius: 50%;
	font-size: 20px; line-height: 1; vertical-align: middle;
	transition: background-color 0.15s ease, box-shadow 0.15s ease;
}
nav .menu_1depth a.depth1 i.k-icon { color: #fff; }
/* icons19 은 검정 스프라이트 PNG → 블루 배경에서 보이도록 반전(흰색)시킨다. */
nav .menu_1depth a.depth1 i.icons19 { opacity: 0.9; filter: invert(1); }

/* 선택 : 라운드 음영 블록 */
nav .menu_1depth a.depth1.active,
nav .menu_1depth a.depth1.active:hover { background-color: rgba(255,255,255,0.18); color: #fff; }
/* 선택 : 메뉴 아이콘만 흰 원형 배경 + 블루 글리프.
   .btn_1depth 안의 펼침 화살표는 대상이 아니므로 아이콘 클래스로만 한정한다. */
nav .menu_1depth a.depth1.active i.material-icons,
nav .menu_1depth a.depth1.active i.k-icon,
nav .menu_1depth a.depth1.active i.icons19,
nav .menu_1depth a.depth1.active > .material-symbols-outlined {
	background-color: #fff; box-shadow: 0 2px 6px rgba(9,30,66,0.18);
	/* 흰 원 위에서는 스프라이트 반전을 풀어 원래 글리프 색으로 되돌린다 */
	color: #1a4298; opacity: 1; filter: none;
}

/* 2·3depth : 별도 배경 블록 없이 사이드바 블루 위에 얹고, 선택/호버만 라운드 음영 */
nav .menu_1depth a.depth2 { padding: 10px 4px; margin: 1px 8px; border-radius: 999px; color: rgba(255,255,255,0.82); background-color: transparent; transition: background-color 0.15s ease; }
nav .menu_1depth a.depth2:hover { background-color: rgba(255,255,255,0.10); color: #fff; font-weight: 500; }
nav .menu_1depth a.depth2.active { background-color: rgba(255,255,255,0.10); font-weight: 500; color: #fff; letter-spacing: -0.03em; }
nav .menu_1depth a.depth3 { padding: 7px 5px; margin: 1px 8px; border-radius: 999px; color: rgba(255,255,255,0.72); transition: background-color 0.15s ease; }
nav .menu_1depth a.depth3:hover { background-color: rgba(255,255,255,0.08); color: #fff; }
nav .menu_1depth a.depth3.active { background-color: rgba(255,255,255,0.10); font-weight: 500; color: #fff; letter-spacing: -0.03em; }
/* 하위 메뉴 아이콘도 블루 위에서 보이도록 반전 */
nav .menu_1depth a.depth2 i.icons19,
nav .menu_1depth a.depth3 i.icons19 { filter: invert(1); }
nav .menu_1depth .btn_1depth { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; padding: 0; z-index: 10; }

/* ── 하위메뉴 보유 표시 화살표 ─────────────────────────────────────────────
   마크업은 클래스 없는 <i> 하나뿐이라 이미지 대신 CSS 셰브론(정사각형 + 우/하 테두리 회전)으로 그린다.
   닫힘 '>' (rotate -45deg) / 펼침 'v' (rotate 45deg).
   '펼침' 판정은 하위 <ul>.active 로만 한다. main.js 의 화살표 클릭 핸들러가 a/span 이 아니라
   하위 ul 에만 .active 를 토글하므로, 이것이 서버 렌더·셸 동기화·클릭 3경로 모두에서 유일하게 맞는 신호다.
   화살표는 펼침(260px) 상태에서만 노출한다(접힘에서는 위 display:none 규칙이 적용된다). */
nav .menu_1depth .btn_1depth i,
nav .menu_1depth .btn_2depth i,
nav .menu_1depth .btn_3depth i {
	position: absolute; z-index: 10;
	width: 7px; height: 7px; padding: 0;
	background: none; border: 0;
	border-right: 2px solid currentColor; border-bottom: 2px solid currentColor;
	opacity: 0.8;
	transition: transform 0.2s ease;
}

nav .menu_1depth a.depth1 > .material-symbols-outlined { height: 34px; margin-right: 0;}
nav .menu_1depth a.depth1 .btn_1depth .material-symbols-outlined { font-size: 18px;width: 18px;height: 18px;position: absolute;transform: translateX(-50%) rotate(90deg);top: unset;right: unset;left: 50%;bottom: 4px;}
nav .menu_1depth a.depth1.active .btn_1depth .material-symbols-outlined { transform: translateX(-50%) rotate(-90deg);}
/* 항목별 구분선 : 접힘(아이콘만) 상태에서는 알약 아래에 선이 겹쳐 지저분하므로 숨기고,
   펼침 상태에서만 아주 옅게 넣는다. (.open 규칙은 아래 '펼침' 블록 참고) */
nav .menu_1depth>li::after { content: '';position: relative;display: block;border-bottom: 0;margin: 0 0.75rem;}
/*
nav .menu_1depth .btn_1depth i { display: block; position: absolute; top: 60px; left: calc(50% - 6px); border-top: 5px solid #3e6199; border-left: 5px solid transparent; border-right: 5px solid transparent; z-index: 10; }
nav .menu_1depth .active .btn_1depth i { border-top: 5px solid #5d89b3; }
*/
nav .menu_1depth .menu_2depth { display: none; }
/* 접힘(80px) : 하위 메뉴는 아예 표시하지 않는다.
   main.js 가 slideDown 으로 인라인 display 를 남기므로 display 로는 막을 수 없다.
   → max-height/padding 을 0 으로 눌러 접는다(펼침 상태의 슬라이드 애니메이션은 그대로 유지). */
nav .menu_1depth .menu_2depth,
nav .menu_1depth .menu_2depth.active { max-height: 0; padding: 0; overflow: hidden; background-color: transparent; }
nav .menu_1depth .menu_2depth.active { display: block; }
nav .menu_1depth .menu_2depth .btn_2depth { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 0; line-height: 0; opacity: 0.7; }
nav .menu_1depth .menu_2depth .menu_3depth { display: none; padding: 12px 0; }
nav .menu_1depth .menu_2depth .menu_3depth.active { display: block; }
nav .mCSB_outside + .mCSB_scrollTools { right: -7px; }
/* 블루 배경 LNB 에 맞춘 스크롤바 */
nav .mCSB_scrollTools .mCSB_draggerRail { background-color: rgba(255,255,255,0.15); }
nav .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: rgba(255,255,255,0.45); }
nav .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: rgba(255,255,255,0.7); }

nav .material-icons { display: block; }
nav .menu_1depth .depth1 i.icons19 { display: block; margin: 0 auto 5px; }
nav .menu_1depth .depth2 i.icons19 { display: block; margin: 0 auto 2px; }
nav .menu_1depth .depth3 i.icons19 { display: block; margin: 0 auto 2px; }
.open nav .material-icons { display: inline-block; }
/* 펼침 : 아이콘은 34px 원형 박스를 유지하고 라벨 왼쪽에 놓인다 (접힘은 위/아래 배치) */
.open nav .menu_1depth a.depth1 i.material-icons,
.open nav .menu_1depth a.depth1 i.k-icon,
.open nav .menu_1depth a.depth1 i.icons19,
.open nav .menu_1depth a.depth1 > .material-symbols-outlined {
	display: flex; width: 34px; height: 34px; margin: 0 10px 0 0; font-size: 20px;
}
.open nav .menu_1depth .depth2 i.icons19 { display: inline-block; width: 17px; margin: 0; background-size: 17px auto; opacity: 0.75 }
.open nav .menu_1depth .depth3 i.icons19 { display: inline-block; width: 17px; margin: 0; background-size: 17px auto; opacity: 0.75 }
.open nav .menu_1depth a.depth1 .btn_1depth .material-symbols-outlined { display: block !important;font-size: 24px;width: 24px;height: 24px;top: 50%;bottom: unset;right: 12px;left:unset;}
.open nav .menu_1depth a.depth1.active .btn_1depth .material-symbols-outlined { transform: translateY(-50%) rotate(-90deg);}
.open nav .menu_1depth a.depth1 .btn_1depth .material-symbols-outlined { transform: translateY(-50%) rotate(90deg);transition:all 0.2s ease;}

/* top 은 adjustNavTop() 이 .user_info(=aside 상단) 기준으로 다시 계산한다. 아래는 스크립트 전 기본값
   (펼침 시 aside.top 93 + 여백 8) */
.open nav { position: fixed; top: 101px; left: 0; bottom: 0; width: 260px; margin: 0 auto; padding: 0; }
.open .user_info.has_quick ~ nav { top: 190px; }
.open nav .menu_1depth { padding: 0 0 24px; text-align: inherit; }
/* 펼침 : 1depth 항목 사이 구분선을 아주 옅게. (하위메뉴가 펼쳐진 경우 그 그룹 전체 아래에 그어진다) */
.open nav .menu_1depth>li::after { border-bottom: 1px solid rgba(255,255,255,0.10); }
.open nav .menu_1depth>li:last-child::after { border-bottom: 0; }
.open nav .menu_1depth a { padding: 12px 36px 12px 20px; line-height: 120%; flex-direction: row; }
/* 펼침 : 접힘의 42px 정원을 가로로 늘려 알약이 된다. 좌측 4px 은 알약 왼쪽 반원(r=21) 과
   아이콘 원(r=17) 이 동심원이 되는 값이라 아이콘 왼쪽에 빈 음영이 남지 않는다.
   우측 36px 은 펼침 화살표 자리. line-height 1.3 : 메뉴명이 두 줄이어도 알약이 과하게 커지지 않게. */
.open nav .menu_1depth a.depth1 { width: auto; height: auto; margin: 2px 8px; padding: 4px 36px 4px 4px; justify-content: flex-start; font-size: 16px; line-height: 1.3; font-weight:500;}
/* 펼침 : 메뉴명·화살표·하위 메뉴 복원 */
.open nav .menu_1depth a.depth1 .menu_name { display: inline; }
.open nav .menu_1depth .menu_2depth.active { max-height: none; padding: 2px 0 6px; overflow: visible; }
/* 하위 메뉴 들여쓰기 : 상위 메뉴의 '메뉴명이 시작하는 지점' 에 맞춘다.
   1depth 라벨 시작점 = margin 8 + padding-left 4 + 아이콘 34 + 아이콘 우측여백 10 = 56px
   → depth2 는 자기 margin-left(8) 를 뺀 48px 를 padding-left 로 준다. depth3 는 한 단계 더(+16px).
   들여쓰기가 깊어져 줄바꿈이 잦아지므로 line-height 도 읽히는 값으로 올린다. */
.open nav .menu_1depth a.depth2 { /*border-bottom: 1px solid #e9e9e9;*/ background-color: transparent; padding: 11px 28px 11px 48px; font-size: 14px; line-height: 1.35; }
.open nav .menu_1depth a.depth2:hover { background-color: rgba(255,255,255,0.10); color: #fff; }
.open nav .menu_1depth a.depth2.active { background-color: rgba(255,255,255,0.10); color: #fff; }
.open nav .menu_1depth a.depth3 { padding: 9px 20px 9px 64px; font-size: 13px; line-height: 1.35; }
.open nav .menu_1depth li:last-child a.depth3 { border-bottom: 0; }
/* (1depth 아이콘 크기/여백은 위 '펼침 : 아이콘 34px 원형 박스' 규칙에서 일괄 지정) */
.open nav .menu_1depth .btn_1depth { opacity: 0.7; }
/* 펼침(260px) : 화살표 노출 + 항목 오른쪽 세로 가운데 배치 (1·2·3depth 모두) */
.open nav .menu_1depth .btn_1depth i,
.open nav .menu_1depth .btn_2depth i,
.open nav .menu_1depth .btn_3depth i {
	display: block;
	top: 50%; right: 16px; bottom: auto; left: auto;
	transform: translateY(-50%) rotate(-45deg);
}
.open nav .menu_1depth li:has(> ul.menu_2depth.active) > a.depth1 .btn_1depth i,
.open nav .menu_1depth li:has(> ul.menu_3depth.active) > a.depth2 .btn_2depth i {
	transform: translateY(-50%) rotate(45deg);
}
.open nav .menu_1depth .menu_2depth { border: 0; }
.open nav .menu_1depth .menu_2depth .menu_3depth { padding: 0; }

@media all and (max-width:767px){ /* Mobile 최대 */
.Smobile nav { margin-left: -100%; }
.Smobile nav .menu_1depth .btn_1depth { padding: 10px 15px; }

.Smobile .open nav { position: relative; top: 0; width: 100%; margin: 0; padding: 10px 5px; background: #fff; }
.Smobile .open nav .menu_1depth { padding: 0 0 10px; text-align: left; }
.Smobile .open nav .menu_1depth a { padding: 12px; border-right: 0; font-size: inherit; line-height: inherit; }
.Smobile .open nav .menu_1depth a.depth1 { font-size: 16px; line-height: 160%; color: #333; }
/* 모바일 폭 LNB 는 흰 배경 → 글자/아이콘을 어두운 톤으로 되돌린다.
   (선택 상태의 라운드 음영 + 흰 원형 아이콘은 그대로 유지) */
.Smobile .open nav .menu_1depth a.depth1:hover { background-color: #e8f0fd; color: #111; }
.Smobile .open nav .menu_1depth a.depth1 i.icons19 { filter: none; }
.Smobile .open nav .menu_1depth a.depth1.active,
.Smobile .open nav .menu_1depth a.depth1.active:hover { background-color: #3155a3; color: #fff; }
.Smobile .open nav .menu_1depth a.depth2 { color: #555; }
.Smobile .open nav .menu_1depth a.depth2:hover,
.Smobile .open nav .menu_1depth a.depth2.active { background-color: #eff6fc; color: #104095; }
.Smobile .open nav .menu_1depth a.depth3 { color: #194969; }
.Smobile .open nav .menu_1depth a.depth3:hover,
.Smobile .open nav .menu_1depth a.depth3.active { background-color: #eff6fc; color: #5d89b3; }
.Smobile .open nav .menu_1depth a.depth2 i.icons19,
.Smobile .open nav .menu_1depth a.depth3 i.icons19 { filter: none; }
/* 모바일 폭 LNB 는 흰 배경 → 흰색 구분선이 안 보이므로 회색으로 */
.Smobile .open nav .menu_1depth>li::after { border-bottom-color: #eee; }
.Smobile .open nav .menu_1depth a.depth2 { padding: 12px 32px; background: #fafafa; font-size: 14px; }
.Smobile .open nav .menu_1depth a.depth3 { padding: 12px 32px; font-size: 13px; }
.Smobile .open nav .menu_1depth .depth1 i.k-icon { margin: inherit; font-size: 16px; }
/*.Smobile .open nav .menu_1depth .btn_1depth {  }*/
.Smobile .open nav .menu_1depth .menu_2depth { border-right: 1px solid #e9e9e9; border-left: 1px solid #e9e9e9; }
.Smobile .open nav .mCSB_outside + .mCSB_scrollTools { right: -6px; }
}
/* 메뉴 */

/* ----------------------   //중요 테마 - Header   ---------------------- */









/* ----------------------   중요 테마 - Footer   ---------------------- */

/* 맨위로 이동 */
.gototop { display: none; opacity: 0; }
.gototop.active { display: block; opacity: 1; transition:all .2s; }
.gototop a { display: block; position: fixed; bottom: 20px; right: 20px; width: 48px; height: 48px; background: #fff; border-radius: 7px; box-shadow:1px 1px 5px 0 rgba(0, 0, 0, 0.3); line-height: 43px; text-align: center; opacity: 0.7; z-index: 10000; }
.gototop a:hover { opacity: 1; transition:all .2s; }
.gototop a i { display: inline-block; font-size: 25px; color: #4a72a1; }
.gototop a span { display: none; }
/* //맨위로 이동 */

/* ----------------------   //중요 테마 - Footer   ---------------------- */









/* ----------------------   중요 테마 - 로그인   ---------------------- */

.login_wrap { position: relative; width: 100%; height: 100vh; background-position: center; background-size: cover; background-repeat: no-repeat; font-size: 0; }
.login_wrap .login { position: fixed; top: 50%; left: 50%; width: 330px; height: 500px; margin: -235px 0 0 -165px; background-color: rgba(3,31,68,0.8); border-radius: 1px; z-index: 30; }
.login_wrap .login h2 { display: block; width: 220px; height: 62px; margin: 70px auto 0; background: url(../img/logo_login_w.png) no-repeat center; text-indent: -99999px; }
.login_wrap .login_body { width: 220px; margin: 30px auto 0; font-size: 13px; color: #fff; }
.login_wrap .login_body .k-textbox { height: 36px; padding: 2px 40px; background: none !important; border: 0 !important; border-radius: 1px !important; color: rgba(51,51,51,0.5); }
.login_wrap .login_body .k-textbox::placeholder { font-size: 13px; color: rgba(51,51,51,0.5); line-height: auto; }
.login_wrap .login_body .login_id { display: block; width: 100%; height: 36px; margin-bottom: 1px; background: url(../img/bg_login_id.png) no-repeat center #fff; background-size: 100% auto; }
.login_wrap .login_body .login_pw { display: block; width: 100%; height: 36px; background: url(../img/bg_login_pw.png) no-repeat center #fff; background-size: 100% auto; }
.login_wrap .login_body .login_rememver { margin: 20px 0; padding: 0; }
.login_wrap .login_body .login_rememver:after {content:""; display:block; clear:both;}
.login_wrap .login_body .login_rememver .k-checkbox-label::before { border: none !important; }
.login_wrap .login_body .login_rememver .k-checkbox-label { padding-left: 24px !important; color: rgba(255,255,255,0.5); }
.login_wrap .login_body .login_rememver .float_right {color:rgba(255,255,255,0.5); font-size:12px; line-height:17px;}
.login_wrap .login_body .login_rememver a {color:inherit;}
.login_wrap .btn_login { width: 220px; height: 36px; margin: 24px auto 0; padding: 0 0 2px; background: #e71a0f; border: 0; border-radius: 1px; font-size: 14px; font-weight: 700; color: #fff; letter-spacing: -0.04em; }
.login_wrap .capyright { width: 100%; margin-top: 40px; padding: 0 20px; font-size: 10px; color: rgba(255,255,255,0.4); text-align: center; }
.popup_project_list .top_search_input a i { right: 7px; }
.login_wrap .login_body .btn_area {margin-top:10px !important; text-align:center;}
.login_wrap .login_body .btn_area:after {content:""; display:block; clear:both;}
.login_wrap .login_body .btn_area .btn {float:left; width:calc(50% - 5px);}
.login_wrap .login_body .btn_area .btn:last-child {float:right;}

/* 로그인 팝업 */
.text_blue {margin-bottom:10px; color:#4a72a1;}
.popup_login_relevant .text_red {color:#e71a0f;}
.popup_login_relevant .i_inputs input + .btn {float:right;}

@media all and (max-width:767px){
.login_wrap { position: fixed; top: 0; right: 0; bottom: 0; left: 0; margin: 0; z-index: 0; }
.login_wrap::after { display: block; content: ''; position: fixed; top: 0; right: 0; bottom: 0; left: 0; margin: 0; background-color: rgba(3,31,68,0.5); z-index: 10; }
.login_wrap .login { background-color: transparent; border: 0; box-shadow: none; }
.login_wrap .login h2 { background: url(../img/logo_login_w.png) no-repeat center; }
.login_wrap .login_body .login_rememver .k-checkbox-label { color: rgba(255,255,255,0.8); }
.login_wrap .capyright { color: rgba(255,255,255,0.5); }
}

/* ----------------------   //중요 테마 - 로그인   ---------------------- */



/* ----------------------   중요 테마 - 인트로   ---------------------- */

/* 인트로 - layout */
.main_wrap { width: 100%; height: 100%; }
.main_header { height: 26vh; min-height: 160px; background-color: #5d89b3; }
.main_header.small { height: 20vh; min-height: 160px; background-color: #5d89b3; }
.main_header .search_notice_list { max-height: 376px; }
.main_header .search_project_list { max-height: 337px; }
.main_header .search_contect_list { max-height: 374px; }

.main_container { padding: 50px 0; }
.main_container .top_area { position: relative;  overflow: hidden; width: 1010px; margin: 0 auto; padding: 20px 0 10px; }
.main_container .bottom_area { position: relative; overflow: inherit; width: 1010px; margin: 100px auto 0; padding: 0; }
.main_container .bottom_area.project { margin: 40px auto 0; }
.main_container .main_container_wrap { display: flex; display: -ms-flexbox; flex-direction: row; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-wrap: wrap; -ms-flex-wrap: wrap; justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; align-items: center; -webkit-box-align: center; -ms-flex-align: center; }
.main_container_wrap .colbox { width: 340px; height: 340px; background-color: transparent; font-size: 0; transition:all .2s; }
.main_container_wrap .colbox article { display: inline-block; padding: 5px; vertical-align: top; }
.main_container_wrap .colbox article .box { position: relative; height: 100%; padding: 10px 15px; background-color: #f1f1f0; }
.main_container_wrap .colbox article .box.color1 { background-color: #56d1e1; }
.main_container_wrap .colbox article .box.color1:hover { background-color: #0eaad0; transition:all .2s; }
.main_container_wrap .colbox article .box.color2 { background-color: #5d89b3; }
.main_container_wrap .colbox article .box.color2:hover { background-color: #385d8b; transition:all .2s; }
.main_container_wrap .colbox article .box.color3 { background-color: #4cb2e5; }
.main_container_wrap .colbox article .box.color3:hover { background-color: #2b8ed7; transition:all .2s; }
.main_container_wrap .colbox article .box.color4 { background-color: #5daebd; }
.main_container_wrap .colbox article .box.color4:hover { background-color: #2d8ea6; transition:all .2s; }

/*추가 css woo*/
.main_container_wrap .colbox article .box.color5 { background-color: #56d1e1; }
.main_container_wrap .colbox article .box.color5:hover { background-color: #0eaad0; transition:all .2s; }
.main_container_wrap .colbox article .box.color6 { background-color: #5d89b3; }
.main_container_wrap .colbox article .box.color6:hover { background-color: #385d8b; transition:all .2s; }
.main_container_wrap .colbox article .box.color7 { background-color: #4cb2e5; }
.main_container_wrap .colbox article .box.color7:hover { background-color: #2b8ed7; transition:all .2s; }
.main_container_wrap .colbox article .box.color8 { background-color: #5daebd; }
.main_container_wrap .colbox article .box.color8:hover { background-color: #2d8ea6; transition:all .2s; }





.main_container_wrap .colbox.harf { width: 170px; }
.main_container_wrap .colbox.dubble { width: 510px; }
.main_container_wrap .colbox.harf.col1 article { width: 100%; height: 50%; }
.main_container_wrap .colbox.col1 article { width: 100%; height: 100%; }
.main_container_wrap .colbox.col2 article { width: 100%; height: 50%; }
.main_container_wrap .colbox.col4 article { width: 50%; height: 50%; }

@media all and (max-width:1260px){
.main_header { height: 180px; }
.main_container_wrap { height: auto; padding: 30px; }
.main_container_wrap .colbox.col2 { width: 680px; }
.main_container_wrap .colbox.col2 article { width: 100%; }
.main_container .top_area { width: 800px; }
.main_container .bottom_area { width: 671px; }
}
@media all and (max-width:960px){
.main_container { padding: 0 0 30px; }
.main_container .top_area { width: 100%; padding: 30px 30px 0; }
}
@media all and (max-width:767px){
.main_header { height: auto; }
.main_header_wrap .title { position: static !important; padding: 40px 0 30px !important; }
.main_container { padding: 50px 0 30px; }
.main_container .top_area { overflow: inherit; padding: 20px 15px 0; }
.main_container .bottom_area { width: 100%; padding: 20px; }
.main_container .bottom_area.project { padding: 20px 0; }
.main_container .bottom_area.project .float_left { float: left !important; }
.main_container .bottom_area.project .float_right { float: right !important; }
.main_container_wrap { padding: 10px; }
.main_container_wrap .colbox { width: 100%; }
.main_container_wrap .colbox.col1 { width: 100%; }
.main_container_wrap .colbox.col2 { width: 100%; }
.main_container_wrap .colbox.col4 { width: 100%; }
}
/* //인트로 - layout */




/* 인트로 - 상단 */
.main_header_wrap { position: relative; width: 1010px; height: 100%; margin: 0 auto; }
.main_header_wrap .title { position: absolute; bottom: 40px; left: 0; padding-right: 200px; line-height: 130%; }
.main_header_wrap .title h1 { display: block; width: 112px; height: 21px; margin: 0 0 12px 4px; background: url(../img/logo_main.png) no-repeat center; background-size: 112px auto; text-indent: -99999px; }
.main_header_wrap .title h1.big { width: 222px; height: 40px; margin: 0; background: url(../img/logo_main_big.png) no-repeat center; background-size: 100% auto; }
.main_header_wrap .title h2 { font-size: 42px; font-weight: 400; color: #fff; line-height: 100%; letter-spacing: -0.06em; transition:all .2s; }
.main_header_wrap .date { position: absolute; bottom: 40px; right: 0; font-size: 19px; color: #fff; letter-spacing: -0.03em; }
.main_header_wrap .top_menu { color: #fff; }
.main_header_wrap .right_head_menu { background-color: transparent; }

@media all and (max-width:1260px){
.main_header_wrap { width: 800px; }
.main_header_wrap .right_head_menu { position: absolute; padding: 0; }
}
@media (max-width: 960px) {
.main_header_wrap { width: 100%; padding: 20px; }
.main_header_wrap .title { left: 30px; }
.main_header_wrap .title h2 { font-size: 36px; letter-spacing: -0.03em; }
.main_header_wrap .date { right: 30px; }
.main_header_wrap .right_head_menu { padding-right: 30px; }
.main_header_wrap .right_head_menu h2.tit { width: auto; padding: 0; vertical-align: middle; }
}
@media all and (max-width:767px){
.main_header_wrap .title { right: 17px; bottom: 45px; left: 17px; padding: 0; }
.main_header_wrap .title h1 { display: block; width: 100px; height: 19px; background-size: 100px auto; }
.main_header_wrap .title h2 { font-size: 25px; line-height: 120%; }
.main_header_wrap .date { right: inherit; bottom: 12px; font-size: 14px; }
.main_header_wrap .right_head_menu { padding: 0 15px 0 0; text-align: right; }
.main_header_wrap .right_head_menu h2.tit { display: inline-block; }
.main_header_wrap .right_head_menu .search_project_select { padding: 5px 10px 15px; }
.main_header_wrap .right_head_menu .top_search_area .top_search_input { display: block; }
.main_header_wrap .right_head_menu .top_place_area .top_search_input { display: block; }
.main_header_wrap .right_head_menu .top_notice_area { width: auto; }
.main_header_wrap .right_head_menu .top_notice_area .notice { padding: 0 5px 0 0; }
.main_header_wrap .right_head_menu .project_pc { display: block; }
.main_header_wrap .right_head_menu .project_pc .btn_project { display: block; }
.main_header_wrap .right_head_menu .btn_contect { display: block; }
.main_header_wrap .right_head_menu .btn_etc { display: inline-block; }
}
/* //인트로 - 상단 */




/* 인트로 - 무지해인시 및 문서 바로가기 */
.safe_area { float: left; font-size: 16px; font-weight: 500; line-height: 160%; letter-spacing: -0.03em; }
.safe_area i { margin-right: 3px; }
.safe_area strong { display: inline-block; margin-bottom: 4px; font-size: 26px; color: #f03223; vertical-align: middle; }
.quick_docu_area { float: right; margin: 5px 0 0; }
.quick_docu_area li { display: inline-block; margin-left: 20px; }
.quick_docu_area li a { position: relative; font-size: 12px; font-weight: 500; color: #4b6e90; letter-spacing: -0.03em; }
.quick_docu_area li a:hover { color: #f03223; transition:all .2s; }
.quick_docu_area li a span { display: block; position: absolute; top: -12px; left: 8px; width: 21px; height: 21px; background: #f03223; border-radius: 11px; font-size: 12px; color: #fff; font-weight: 500; line-height: 21px; text-align: center; }

@media all and (max-width:767px){
.safe_area { float: none; margin-left: -2px; }
.quick_docu_area { float: none; position: absolute; top: -30px; right: 15px; left: 15px; }
.quick_docu_area li { margin: 0 10px 0 0; }
}
@media all and (max-width:320px){
.quick_docu_area li { margin: 0 5px 0 0; }
.quick_docu_area li a { font-size: 11px; }
}
/* //인트로 - 무지해인시 및 문서 바로가기 */



/* 추가 : 190412 WOO */
/* 인트로 - 4단 박스 설정 */
.setting_this_area { float: left; font-size: 16px; font-weight: 500; line-height: 160%; letter-spacing: -0.03em; }
.setting_this_area i { margin-right: 3px; }
.setting_this_area strong { display: inline-block; margin-bottom: 4px; font-size: 26px; color: #f03223; vertical-align: middle; }
.setting_this_area { float: left; margin: 5px 0 0; }
.setting_this_area { display: inline-block; margin-left: 10px; }
.setting_this_area a { position: relative; font-size: 12px; font-weight: 500; color: #4b6e90; letter-spacing: -0.03em; }
.setting_this_area a:hover { color: #f03223; transition:all .2s; }
.setting_this_area a span { display: block; position: absolute; top: -12px; left: 8px; width: 21px; height: 21px; background: #f03223; border-radius: 11px; font-size: 12px; color: #fff; font-weight: 500; line-height: 21px; text-align: center; }

.setting_this_area .btn_options { display: none; }
.setting_this_area .btn_options a { display: block; position: absolute; top: 20px; left: 310px; }
.setting_this_area .btn_options a span { display: none; }
.setting_this_area .btn_options i { display: inline-block; font-size: 19px; color: #5d89b3; }
.setting_this_area .btn_options i:hover { color: #2e4f80; transition:all 0.2s ease; }
.top_area .setting_this_area .btn_options { display: block; }

#btn_popup_options_menusetting .colbox { height: 340px; }

.menu_list_area { width:100%;　-webkit-display:flex; display:flex; align-items:  stretch; justify-content: center; height: 100%; overflow:scroll;  }
.menu_list_area .col5 { position: relative;  width: calc(25% - 10px); float:left; height:140px;  text-align:center; margin:5px; }
.menu_list_area .col5 .text{ position: absolute; bottom: 10px; left: 0; width:100%; display:inline-block; text-align:center; color:#fff; }

.menu_list_area .weather { background:url("../img/icons/white/icon_weather.png") no-repeat ; background-size:75%; background-position:50% 30%; }
.menu_list_area .plan { background:url("../img/icons/white/icon_plan.png") no-repeat ; background-size:75%; background-position:50% 30%; }
.menu_list_area .performance { background:url("../img/icons/white/icon_performance.png") no-repeat ; background-size:75%; background-position:50% 30%; }
.menu_list_area .price { background:url("../img/icons/white/icon_price.png") no-repeat ; background-size:75%; background-position:50% 30%; }
.menu_list_area .joblog { background:url("../img/icons/white/icon_joblog.png") no-repeat ; background-size:75%; background-position:50% 20%; }
.menu_list_area .commute { background:url("../img/icons/white/icon_commute.png") no-repeat ; background-size:75%; background-position:50% 20%; }
.menu_list_area .inspection { background:url("../img/icons/white/icon_inspection.png") no-repeat ; background-size:70%; background-position:50% 30%; }
.menu_list_area .material { background:url("../img/icons/white/icon_material.png") no-repeat ; background-size:75%; background-position:50% 30%; }

.menu_list_area .col5 { background-color:#a9a9a9; }
.menu_list_area .click_bg { background-color:#56d1e1; }

.menu_list_area input[type="checkbox"] { border:1px; border-color:#ddd; background-color:#ffffff; width:12px; height:12px; }
.menu_list_area input[type="checkbox"]:checked { border:1px; border-color:#f03223; background:url("../img/icons/white/checkbox_check.png") no-repeat #f03223; }


@media all and (max-width:767px){
.setting_this_area .btn_options a { display: block; position: absolute; top: 20px; right: 10px; text-align:right; }

#btn_popup_options_menusetting .p10 { padding: 40px 0 30px !important; text-align: center; }
#btn_popup_options_menusetting .input_list.custom.view { margin-top: 15px; }
#btn_popup_options_menusetting .tit_area .input_list.custom.view { margin-top: 0px !important; padding: 0; }
#btn_popup_options_menusetting .tit_area .input_list.custom.view .btn.micro.btn_blue.mt4 { position: absolute; top: -25px; right: -1px; }

.menu_list_area{ width:100%; display: flex; display: -ms-flexbox; flex-direction: row; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-wrap: wrap; -ms-flex-wrap: wrap; justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; align-items: center; -webkit-box-align: center; -ms-flex-align: center; }
.menu_list_area .col5 { position: relative;  width: calc(50% - 10px); float:left; height:140px;  text-align:center; margin:5px; }
.menu_list_area .weather { background-size:50%; background-position:50% 40%; }
.menu_list_area .plan { background-size:50%; background-position:50% 40%; }
.menu_list_area .performance { background-size:50%; background-position:50% 40%; }
.menu_list_area .price { background-size:50%; background-position:50% 40%; }
.menu_list_area .joblog { background-size:50%; background-position:50% 40%; }
.menu_list_area .commute { background-size:50%; background-position:50% 40%; }
.menu_list_area .inspection { background-size:50%; background-position:50% 40%; }
.menu_list_area .material { background-size:50%; background-position:50% 40%; }
}

@media all and (max-width:320px){
.setting_this_area li { margin: 0 5px 0 0; }
.setting_this_area li a { font-size: 11px; }

.menu_list_area { width:600px; -webkit-display:flex; display:flex; align-items:  stretch; justify-content: center; height: 100%; }
.menu_list_area .col5 { width: calc(50% - 10px); height:140px; text-align:center; margin:5px; }
}
/* //인트로 - 4단 박스 설정 */
/* 추가 : 190412 WOO */



/* 인트로 - 4단 박스 */
.main_container_wrap .box h2 { position: absolute; top: 15px; left: 15px; padding: 0; font-size: 12px; color: #fff; line-height: 100%; }
.main_container_wrap .box a { display: flex; display: -ms-flexbox; flex-direction: row; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-wrap: wrap; -ms-flex-wrap: wrap; justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; align-items: center; -webkit-box-align: center; -ms-flex-align: center; height: 100%; color: #fff; }
.main_container_wrap .box .txt { padding: 5px 0 0; font-size: 20px; }
.main_container_wrap .box .txt strong { font-size: 48px; }
.main_container_wrap .box .cap { position: absolute; right: 10px; bottom: 10px; font-size: 12px; text-align: right; }
/* //인트로 - 4단 박스 */

/* 추가 : 190412 WOO */
/* 인트로 - 아이콘 사이즈 설정 */
.main_container_wrap .box .icon { display: block; width: 100%; height: 64px; margin: 20px auto 0; text-align: center; }
.main_container_wrap .box .icon img { height: 100%; }
/* //인트로 - 아이콘 사이즈 설정 */
/* 추가 : 190412 WOO */




/* 인트로 - 날씨 */
.main_container_wrap .weather { font-size: 13px; }
.main_container_wrap .weather .icon { display: block; width: 100%; height: 64px; margin: 20px auto 0; text-align: center; }
.main_container_wrap .weather .icon img { height: 100%; }

.main_container_wrap .weather .now { clear: both; float: left; font-size: 40px; }
.main_container_wrap .weather .now sup { top: -16px; font-size: 17px; }
.main_container_wrap .weather .day { display: block; float: right; margin-left: 15px; text-align: right; }
.main_container_wrap .weather .day span { display: block; }
/* //인트로 - 날씨 */




/* 인트로 - 프로젝트 정보 */
.custom-legend { margin-left: 40px; }
.custom-legend li { list-style: none; white-space: nowrap; padding: 4px; cursor: pointer; color: #333; }
.custom-legend li.striked { text-decoration: line-through; }
.custom-legend span { display: inline-block; width: 12px; height: 12px; margin-right: 10px; border-radius: 50%; vertical-align: middle; }
.custom-legend b { margin-left: 7px; }

.chart_doghnut_wrap { display: flex; display: -ms-flexbox; flex-direction: row; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-wrap: wrap; -ms-flex-wrap: wrap; justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; align-items: center; -webkit-box-align: center; -ms-flex-align: center;
    position: absolute; top: 55px; right: 20px; bottom: 20px; left: 20px;
}
.chart_doghnut_wrap .total { position: absolute; top: 43%; left: 28%; text-align: center; z-index: 10; }
.chart_doghnut_wrap .total strong { font-size: 31px; color: #5d89b3; }
.chart_doghnut_wrap .total span { display: block; font-size: 12px; color: #555; }

@media all and (max-width:767px){
    .chart_doghnut_wrap { right: 10px; bottom: 10px; left: 10px; }
	.chart_doghnut_wrap .total { left: calc(50% - 80px);}
	.all_situation .col_50:first-child { min-height: 470px; }
	.all_situation .col_50 .tit_area h3 { margin: 0; }
	.all_situation .col_50 .tit_area.border { margin: 10px 0 0 !important; }
	.custom-legend { margin: 0; }
}
/* //인트로 - 프로젝트 정보 */




/* 인트로 - 실적관리 */
.main_container_wrap .record { border: 1px solid #f1f1f0; font-size: 13px; color: #222; }
.main_container_wrap .record h2 { top: 20px; left: 15px; font-size: 19px; color: #2d5880; letter-spacing: -0.06em; }
.main_container_wrap .record:hover { background: #fff; border: 1px solid #f1f1f0; transition:all .2s; }
.main_container_wrap .record:hover .pie::before { background: #fff; transition:all .2s; }

@keyframes bake-pie { from { transform: rotate(0deg) translate3d(0,0,0); } }
.main_container_wrap .record .pieID { display: block; }
.main_container_wrap .record .pieID .tit { position: absolute; top: 50%; left: 50%; margin: -12px 0 0 -32px; font-size: 16px; color: #2d5880; z-index: 10; }
.main_container_wrap .record .pieID .tit strong { font-size: 40px; }
.main_container_wrap .record .pie { position: relative; width: 200px; height: 200px; margin: 52px auto 0; line-height: 0; }
.main_container_wrap .record .pie::before { content: ""; display: block; position: absolute; z-index: 1; width: 120px; height: 120px; background: #EEE; border-radius: 50%; top: 40px; left: 40px; }
.main_container_wrap .record .slice { position: absolute; width: 200px; height: 200px; clip: rect(0px, 200px, 200px, 100px); animation: bake-pie 1s; }
.main_container_wrap .record .slice span { display: block; position: absolute; top: 0; left: 0; background-color: black; width: 200px; height: 200px; border-radius: 50%; clip: rect(0px, 200px, 200px, 100px); }
.main_container_wrap .record .legend { list-style-type: none; padding: 0; margin: 20px 0 0; font-size: 11px; color: #555; text-align: center; }
.main_container_wrap .record .legend li { display: inline-block; height: 1.2em; margin-bottom: 0.7em; padding: 0 0.5em; border-left: 1.05em solid black; }
.main_container_wrap .record .legend em { font-style: normal; }
.main_container_wrap .record .legend span { /*float: right;*/ display: none; }
/* //인트로 - 실적관리 */




/* 인트로 - 공지사항 */
.main_container_wrap .notice { font-size: 13px; }
.main_container_wrap .notice .txt { display: block; margin: 25px 0 0; }
.main_container_wrap .notice .txt p { font-size: 15px; color: #fff; line-height: 150%; }
.main_container_wrap .notice .txt .date { position: absolute; bottom: 15px; left: 15px; font-size: 11px; color: #fff; opacity: 0.7; }

@media (max-width: 960px) {
.main_container_wrap .notice .txt p { font-size: 18px; }
}
/* //인트로 - 공지사항 */




/* 인트로 - 일정 */
.main_container_wrap .schedule { padding: 0 !important; font-size: 13px; }
.main_container_wrap .schedule h2 { display: block; top: 0; left: 0; width: 60px; height: 100%; background-color: #99b5d2; text-align: center; }
.main_container_wrap .schedule h2 a { display: block; color: #e4eaf2; }
.main_container_wrap .schedule h2 a:hover { background-color: #5d89b3; transition:all .2s; }
.main_container_wrap .schedule h2 a:hover i { background-color: #5d89b3; transition:all .2s; }
.main_container_wrap .schedule h2 i { display: block; width: 60px; height: 60px; margin-bottom: 25px; background-position: center; background-color: #99b5d2; border-bottom: 1px solid #f1f1f0; }
.main_container_wrap .schedule h2 strong { font-size: 32px; color: #fff; line-height: 120%; }
.main_container_wrap .schedule ul { overflow-y: auto; height: 100%; padding: 15px 15px 15px 75px; }
.main_container_wrap .schedule li { margin-bottom: 10px; padding: 0 10px 0 12px; background: url(../img/bl_gray.png) no-repeat 2px 13px; background-size: 4px auto; }
.main_container_wrap .schedule .txt { margin-bottom: 5px; font-size: 14px; font-weight: 500; }
.main_container_wrap .schedule .txt a { display: inline; color: #222; }
.main_container_wrap .schedule .txt a:hover { color: #f03223; transition:all .2s; }
.main_container_wrap .schedule .date { font-size: 12px; color: #999; }

@media (max-width: 960px) {
.main_container_wrap .schedule h2 strong { display: block; text-align: center; }
.main_container_wrap .schedule .txt { font-size: 16px; }
}
/* //인트로 - 일정 */




/* 인트로 - D-day */
.dday_area { position: relative; line-height: 100%; }
.dday_area .tit { position: absolute; top: -58px; right: 0; color: #5d89b3; }
.dday_area .tit strong { font-size: 40px; }
.dday_area .graph { height: 6px; background-color: #d2cfcd; }
.dday_area .graph div { height: 6px; background-color: #d2cfcd; animation: graph_default 1s; }
.dday_area .graph span { display: block; position: relative; height: 6px; background-color: #5d89b3; }
.dday_area .graph span em { display: inline-block; position: absolute; top: -20px; right: -39px; width: 80px; font-size: 13px; color: #777; font-style: normal; text-align: center; }
.dday_area .graph span em strong { color: #222; font-size: 14px; }
.dday_area .date { overflow: hidden; margin: 10px 3px; font-size: 11px; color: #777; }
.dday_area .date .start { float: left; }
.dday_area .date .end { float: right; }
.dday_area .graph_bg {
	display: flex; display: -ms-flexbox; flex-direction: row; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-wrap: wrap; -ms-flex-wrap: wrap; justify-content: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; align-items: stretch; -webkit-box-align: stretch; -ms-flex-align: stretch;
	position: absolute; top: -4px; left: -12.4%; right: -12.4%; text-align: center;
}
.dday_area .graph_bg span { display: inline-block; width: 20%; text-align: center; }
.dday_area .graph_bg span:before { display: block; content: ''; width: 1px; height: 15px; margin: 0 auto; background: #000; opacity: 0.15; }
.dday_area .graph_bg span em { display: block; position: absolute; top: 0; width: 1px; text-align: center; }
.dday_area .graph_bg span em:before { display: block; content: ''; width: 1px; height: 13px; margin: 0 auto; background: #000; opacity: 0.09; }

@media all and (max-width:880px){
.dday_area .date {margin: 10px 0; }
.dday_area .graph_bg { display: none; }
}

@keyframes graph_default { from {width: 0%} to {width: 100%} }
/* //인트로 - D-day */




/* 인트로 - 프로젝트 바로가기 */
.main_container .project .view_project_list { display: block; margin: 5px 0 0; font-weight: 500; color: #777; letter-spacing: -0.03em; }
.main_container .project .view_project_list:hover { color: #f03223; }

.main_container .project .swiper-container { width: 100%; height: 160px; margin-left: auto; margin-right: auto; }
.main_container .project .swiper-container.active { height: auto; }
.main_container .project .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction:column; -webkit-box-orient:vertical; -ms-flex-direction:column; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.main_container .project .project_list { position: relative; padding: 0 20px; }
.main_container .project .project_list .tit { width: 100%; padding: 0 0 15px; }
.main_container .project .project_list .tit h2 { font-size: 24px; letter-spacing: -0.06em; }
.main_container .project .project_list .tit h2 a { color: #000; }
.main_container .project .project_list .tit h2 a:hover { color: #f03223; transition:all 0.2s ease; }
.main_container .project .project_list .tit .date { display: inline; margin: 0 0 0 20px; font-size: 15px; line-height: 260%; color: #777; }

@media all and (max-width:1260px){
	.main_container .project .project_list .tit h2 { font-size: 20px; }
	.main_container .project .project_list .tit .date { font-size: 13px; }
	.main_container .project .project_list .total { top: 4px; right: -10px; }
	.main_container .project .project_list .total span { display: block; margin: 0 0 5px; font-size: 13px; line-height: 140%; color: #555; }
	.main_container .project .project_list .total strong span { display: inline; }
}
@media all and (max-width:768px){
	.main_container .project .project_list .tit h2 { float: none !important; }
	.main_container .project .project_list .tit .date { display: block !important; margin: 0 0 0 2px; line-height: 100%; }
}



.main_container .project .swiper-button-prev.active,
.main_container .project .swiper-button-next.active { display: none; }
.main_container .project .tit_area_bg { background-color: #f1f1f0; }
.main_container .project .swiper-button-prev,
.main_container .project .swiper-container-rtl .swiper-button-next { right: 23px; left: auto !important; }
.main_container .project .swiper-button-next,
.main_container .project .swiper-container-rtl .swiper-button-prev { right: 0; }
.main_container .project .swiper-button-next,
.main_container .project .swiper-button-prev { top: 32px; width: 24px; height: 24px; background-color: #fff; background-size: 10px auto; border: 1px solid #aaa; z-index: 20; }
.main_container .project .swiper-button-next:hover,
.main_container .project .swiper-button-prev:hover { border-color: #222; }

@media all and (max-width:768px){
	.main_container .project .tit_area_bg { padding: 10px 0; }
	.main_container .project .swiper-button-prev,
	.main_container .project .swiper-container-rtl .swiper-button-next { right: 43px; left: auto !important; }
	.main_container .project .swiper-button-next,
	.main_container .project .swiper-container-rtl .swiper-button-prev { right: 20px; }
}




.popup_view_project_list_area { position: absolute; top: 41px; left: 0; overflow-y: auto; width: 100%; max-height: 424px; margin: 0 0 40px; background: #fff; border: 1px solid #ddd; font-size: 0; z-index: 10; }
.popup_view_project_list_area .project_list { overflow: hidden; padding: 40px !important; border-bottom: 1px solid #ddd; }
.popup_view_project_list_area .project_list .tit { float: left; width: 40% !important; }
.popup_view_project_list_area .project_list .tit h2 { display: block; float: none; font-size: 20px !important; }
.popup_view_project_list_area .project_list .tit h2 a { color: #000; }
.popup_view_project_list_area .project_list .tit .date { display: block !important; margin: 0 0 0 2px !important; font-size: 13px !important; line-height: 100% !important; }
.popup_view_project_list_area .project_list .title { display: none; }
.popup_view_project_list_area .project_list .box_allstate { float: right; width: 60%; margin: 0; }
.popup_view_project_list_area .project_list .box_allstate .total { top: 3px; }
.popup_view_project_list_area .project_list .box_allstate .total span { display: block; margin: 0 0 10px; font-size: 13px; line-height: 140%; color: #555; }
.popup_view_project_list_area .project_list .box_allstate .total strong span { display: inline; }
.popup_view_project_list_area .project_list .box_allstate .box_allstate_graph .tit { width: 50px !important; }
.popup_view_project_list_area .project_list .box_allstate .box_allstate_graph .graph { margin: 5px 0; }

@media all and (max-width:1260px){
	.popup_view_project_list_area { top: 61px; }
	.popup_view_project_list_area .project_list .tit { float: none; width: 100% !important; }
	.popup_view_project_list_area .project_list .box_allstate { float: none; width: 100%; margin: 10px 0 0; }
}
@media all and (max-width:768px){
	.popup_view_project_list_area .project_list { padding: 20px !important; }
}




.project_list .title { position: absolute; top: 97px; left: 20px; font-size: 16px; font-weight: 500; letter-spacing: -0.06em; }
.project_list .box_allstate { position: relative; width: calc(100% - 100px); margin-left: 100px; }
.project_list .box_allstate .box_allstate_graph { display: inline-block; width: 80%; margin: 0; font-size: 0; }
.project_list .box_allstate .box_allstate_graph .tit { display: inline-block; width: 50px; padding: 7px 0; font-size: 12px; vertical-align: middle; }
.project_list .box_allstate .box_allstate_graph .txt { display: inline-block; width: 60px; padding-left: 10px; font-size: 11px; color: #999; vertical-align: middle; }
.project_list .box_allstate .box_allstate_graph .graph { display: inline-block; overflow: hidden; width: calc(100% - 120px); height: 18px; background-color: #aaa; border-radius: 18px; vertical-align: middle; }
.project_list .box_allstate .box_allstate_graph .graph span { display: block; height: 18px; }
.project_list .box_allstate .box_allstate_graph .graph div { animation: graph_default 1s; }
.project_list .box_allstate .box_allstate_graph .graph.color1 span { background-color: #5d89b3; }
.project_list .box_allstate .box_allstate_graph .graph.color2 span { background-color: #f03223; }
.project_list .box_allstate .total { position: absolute; top: 14px; right: 0; height: auto; padding: 0; font-weight: 500; text-align: center; }
.project_list .box_allstate .total span { vertical-align: middle; }
.project_list .box_allstate .total strong { margin: 0 0 0 5px; font-size: 30px; vertical-align: middle; }
.project_list .box_allstate .total strong.color1 { color: #5d89b3; }
.project_list .box_allstate .total strong.color2 { color: #fcb827; }
.project_list .box_allstate .total strong.color3 { color: #f03223; }
.project_list .box_allstate .total strong span { margin-left: 3px; font-size: 16px; color: #555; }

@media all and (max-width:1260px){
	.project_list .box_allstate .total { top: 4px; right: -10px; }
	.project_list .box_allstate .total span { display: block; margin: 0 0 5px; font-size: 13px; line-height: 140%; color: #555; }
	.project_list .box_allstate .total strong span { display: inline; }
}
@media all and (max-width:768px){
	.project_list .title { display: none; }
	.project_list .box_allstate { width: 100%; margin-left: 0; }
	.project_list .box_allstate .total strong { font-size: 24px; }
}
/* //인트로 - 프로젝트 바로가기 */




/* 메인/인트로 - 팝업 */
.main_popup_wrap { background-color: #f9f9f9 !important; }
.main_popup_wrap .today_check { text-align: right; }
.main_popup_wrap .today_check .k-checkbox-label span { font-size: 12px; letter-spacing: -0.03em; }
.main_popup_wrap > section { margin: 10px 0; padding: 15px; background-color: #fff; border: 1px solid #ccc; border-radius: 7px; }
.main_popup_wrap > section:first-child { margin: 0 0 10px; }
.main_popup_wrap .top { overflow: hidden; padding: 0 0 10px; border-bottom: 1px solid #ddd; }
.main_popup_wrap .top h2 { padding: 5px 0 7px; font-size: 16px !important; line-height: 140%; }
.main_popup_wrap .top p { font-size: 12px; color: #777; letter-spacing: -0.03em; vertical-align: middle; }
.main_popup_wrap .top span { vertical-align: middle; }
.main_popup_wrap .top span.new { padding: 0 5px 2px; line-height: 160%; }
.main_popup_wrap .top strong { margin-left: 5px; font-weight: 400; vertical-align: middle; }
.main_popup_wrap .top .writer { float: left; padding-left: 1px;  }
.main_popup_wrap .top .writer strong { font-weight: 500; }
.main_popup_wrap .top .date { float: right; }
.main_popup_wrap .body { padding: 20px 0; }
.main_popup_wrap .body img { max-width: 100%; width: auto; height: auto; margin: 0 auto; padding: 10px 0; }
.main_popup_wrap .body table { width: 100%; margin: 10px 0; border-top: 1px solid #ddd; border-spacing: 0; border-collapse: collapse; }
.main_popup_wrap .body table th,
.main_popup_wrap .body table td { padding: 5px; border-top: 0; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; border-left: 0; }
.main_popup_wrap .body table th:first-child,
.main_popup_wrap .body table td:first-child { border-left: 1px solid #ddd; }
.main_popup_wrap .file h3 { margin: 5px 0 7px; font-size: 13px; letter-spacing: -0.03em; }

@media all and (max-width:767px){
.main_popup_wrap { padding: 10px !important; background-color: #f9f9f9 !important; }
}
/* //메인/인트로 - 팝업 */

/* ----------------------   //중요 테마 - 인트로   ---------------------- */









/* ----------------------   중요 테마 - 메인   ---------------------- */

/* 메인 - layout */
.main { display: flex; display: -ms-flexbox; flex-direction: row; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-wrap: wrap; -ms-flex-wrap: wrap; justify-content: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; align-items: flex-start; -webkit-box-align: start; -ms-flex-align: start; }
.main .colbox { position: relative; }
.main .more { position: absolute; top: 6px; right: 0; }
.main .more a { font-size: 12px; color: #999; text-decoration: none; }
.main .cap { display: inline-block; margin: 0 0 5px 5px; font-size: 12px; color: #0088cf; vertical-align: middle; }
.main h2 { display: inline-block; }
.main .col_wrap.top_col1 { width: calc(50% - 160px); }
.main .col_wrap.top_col2 { width: calc(50% - 160px); }
.main .col_wrap.top_col3 { width: 320px; }
.main .col_wrap.bottom_col1 { width: calc(50% - 160px); }
.main .col_wrap.bottom_col2 { width: calc(50% - 160px); }
.main .col_wrap.bottom_col3 { width: 320px; }

.main_left { float: left; width: calc(100% - 480px); }
.main_right { float: right; width: 480px; }
.main_right h2.tit { display: none; }

@media all and (max-width:1680px){
	.main_left { float: left; width: calc(100% - 400px); }
	.main_right { float: right; width: 400px; }

	.main .col_wrap.top_col1 { width: calc(50% - 120px); }
	.main .col_wrap.top_col2 { width: calc(50% - 120px); }
	.main .col_wrap.top_col3 { width: 240px; }
	.main .col_wrap.bottom_col1 { width: calc(50% - 120px); }
	.main .col_wrap.bottom_col2 { width: calc(50% - 120px); }
	.main .col_wrap.bottom_col3 { width: 240px; }
}
@media all and (max-width:1300px){
	.main .col_wrap.bottom_col1 { width: 50%; }
	.main .col_wrap.bottom_col2 { width: 50%; }
	.main .col_wrap.bottom_col3 { width: 50%; }
}
@media all and (max-width:1200px){
	.open .main_left { float: none; width: 100%; }
	.open .main_right { float: none; width: 100%; }
	.open .main_right .col_wrap { float: right; width: 50%; }
	.open .main_right h2.tit { display: block; }

	.main .col_wrap.top_col1 { width: 100%; }
	.main .col_wrap.top_col2 { width: 50%; }
	.main .col_wrap.top_col3 { width: 50%; }
}
@media all and (max-width:960px){ /* PAD 이하 */
	.main_left { float: none; width: 100%; }
	.main_left .col_wrap:last-child { padding: 5px 10px; }
	.main_right { float: none; width: 100%; }
	.main_right .col_wrap { float: right; width: 50%; clear: inherit; }
	.open .main_right .col_wrap { float: none; width: 100%; }
	.main_right .col_wrap:first-child { padding-right: 5px; }
	.main_right .col_wrap:last-child { padding-left: 5px; }
	.main_right h2.tit { display: block; }

	.main .col_wrap.top_col1 { width: 100%; }
	.main .col_wrap.top_col2 { width: 50%; }
	.main .col_wrap.top_col3 { width: 50%; }
	.open .main .col_wrap.top_col1 { width: 100%; }
	.open .main .col_wrap.top_col2 { width: 100%; }
	.open .main .col_wrap.top_col3 { width: 100%; }
	.main .col_wrap.bottom_col1 { width: 100%; }
	.main .col_wrap.bottom_col2 { width: 100%; }
	.main .col_wrap.bottom_col3 { width: 100%; }
}
@media all and (max-width:767px){
	.main_right .col_wrap { float: none; width: 100%; }
	.main_right .col_wrap:first-child { padding-right: 10px; }
	.main_right .col_wrap:last-child { padding-left: 10px; }

	.main .col_wrap.top_col1 { width: 100%; }
	.main .col_wrap.top_col2 { width: 100%; }
	.main .col_wrap.top_col3 { width: 100%; }
}
/* //메인 - layout */




/* 메인 - 종합공정 */
.main .box_allstate { position: relative; height: 180px; padding: 45px 30px 0; border: 1px solid #ddd; }
.main .box_allstate .box_allstate_graph { width: 75%; margin: 10px 0; font-size: 0; }
.main .box_allstate .box_allstate_graph .tit { display: inline-block; width: 50px; font-size: 12px; vertical-align: middle; }
.main .box_allstate .box_allstate_graph .txt { display: inline-block; width: 60px; padding-left: 10px; font-size: 11px; color: #999; vertical-align: middle; }
.main .box_allstate .box_allstate_graph .graph { display: inline-block; overflow: hidden; width: calc(100% - 120px); height: 25px; background-color: #eee; border-radius: 25px; vertical-align: middle; }
.main .box_allstate .box_allstate_graph .graph span { display: block; height: 25px; }
.main .box_allstate .box_allstate_graph .graph div { animation: graph_default 1s; }
.main .box_allstate .box_allstate_graph .graph.color1 span { background-color: #5d89b3; }
.main .box_allstate .box_allstate_graph .graph.color2 span { background-color: #f03223; }
.main .box_allstate .total { position: absolute; top: 47px; right: 20px; height: 80px; padding: 10px 0 0 25px; border-left: 1px solid #eee; font-weight: 500; text-align: center; }
.main .box_allstate .total strong { display: block; margin: 7px 0 0; font-size: 30px; }
.main .box_allstate .total strong.color1 { color: #5d89b3; }
.main .box_allstate .total strong.color2 { color: #fcb827; }
.main .box_allstate .total strong.color3 { color: #f03223; }
.main .box_allstate .total strong span { margin-left: 3px; font-size: 16px; color: #555; }

@media all and (max-width:1680px){
	.main .box_allstate { padding: 64px 20px 0; }
	.main .box_allstate .box_allstate_graph { width: 100%; }
	.main .box_allstate .box_allstate_graph .tit { width: 34px; }
	.main .box_allstate .box_allstate_graph .txt { width: 50px; }
	.main .box_allstate .box_allstate_graph .graph { width: calc(100% - 84px); }
	.main .box_allstate .total { top: 28px; right: 20px; height: auto; padding: 0; border-left: 0; text-align: left; }
	.main .box_allstate .total strong { display: inline-block; margin: 0 0 0 3px; font-size: 20px; }
	.main .box_allstate .total > span { font-size: 12px; }
}
/* //메인 - 종합공정 */




/* 메인 - 공정현황 */
.main .graph_all_situation { position: relative; height: 180px; padding: 30px 20px; border: 1px solid #ddd; }
.main .graph_all_situation .legend_area { padding: 0; }
.main .graph_all_situation .legend_area span i { width: 12px; height: 12px; border-radius: 50%; margin:0 6px 3px 0; vertical-align: middle; }
.main .graph_all_situation .legend_area span i.color1 { background: #f03223; border: 0; }
.main .graph_all_situation .legend_area span i.color2 { background: #5d89b3; border: 0; }
.main .graph_all_situation .legend_area span i.color3 { background: #444; border: 0; }
.main .graph_all_situation .legend_area span i.color4 { background: #fcb827; border: 0; }
.main .graph_all_situation .legend_area span i.color5 { background: #d2cfcd; border: 0; }

.main .graph_all_situation .graph_data_wrap { position: absolute; right: 0; bottom: 57px; left: 0; padding: 0 calc(6% - 1px); z-index: 10; }
.main .graph_all_situation .graph_data { display: table; width: 100%; }
.main .graph_all_situation .graph_data div { display: table-cell; }
.main .graph_all_situation .graph_data div strong { display: none; }
.main .graph_all_situation .graph_data div span { display: block; width: 100%; height: 32px; }
.main .graph_all_situation .graph_data div span.color1 { background: #f03223; border: 0; }
.main .graph_all_situation .graph_data div span.color2 { background: #5d89b3; border: 0; }
.main .graph_all_situation .graph_data div span.color3 { background: #444; border: 0; }
.main .graph_all_situation .graph_data div span.color4 { background: #fcb827; border: 0; }
.main .graph_all_situation .graph_data div span.color5 { background: #d2cfcd; border: 0; }

.main .graph_bg_all_situation_order {
	display: flex; display: -ms-flexbox; flex-direction: row; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-wrap: wrap; -ms-flex-wrap: wrap; justify-content: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; align-items: stretch; -webkit-box-align: stretch; -ms-flex-align: stretch;
	position: absolute; bottom: 20px; left: -5%; right: -5%; text-align: center; }
.main .graph_bg_all_situation_order span { width: 20%; font-size: 11px; color: #999; }
.main .graph_bg_all_situation_order span:before { display: block; content: ''; width: 1px; height: 60px; margin: 0 auto 10px; background: #eee; }

@media all and (max-width:1680px){
	.main .graph_all_situation .legend_area { text-align: left; }
}
@media all and (max-width:1360px){
	.main .graph_all_situation { padding: 20px 13px; }
}
@media all and (max-width:960px){ /* PAD 이하 */
	.main .graph_all_situation .legend_area span { font-size: 11px; }
}
/* //메인 - 공정현황 */




/* 메인 - D-day */
.main .box_dday { position: relative; height: 180px; padding: 15px; background-color: #5d89b3; color: #fff; }
.main .box_dday .time { display: block; padding: 2px 0; border: 1px solid #a4b9ce; font-size: 10px; text-align: center; }
.main .box_dday .time span { margin: 0 3px; }
.main .box_dday .dday { display: block; margin: 35px 0 15px; font-size: 12px; text-align: center; }
.main .box_dday .dday strong { margin-right: 3px; font-size: 40px; letter-spacing: -0.03em; }
.main .box_dday .graph { position: relative; }
.main .box_dday .graph div { position: relative; overflow: hidden; height: 18px; background-color: #bab3b3; border-radius: 9px; }
.main .box_dday .graph div span { display: block; height: 18px; background-color: #fff; }
.main .box_dday .graph .now { margin-bottom: 5px; text-align: center; }
.main .box_dday .graph .start { position: absolute; bottom: -18px; left: 0; font-size: 10px; }
.main .box_dday .graph .end { position: absolute; bottom: -18px; right: 0; font-size: 10px; }
/* //메인 - D-day */




/* 메인 - 마일스톤 스케줄 영역 */
.main .milestone_schedule { min-height: 160px; }
/* //메인 - 마일스톤 스케줄 영역 */




/* 메인 - 바로가기 영역 */
.main .main_link_area .colbox { display: flex; display: -ms-flexbox; flex-direction: row; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-wrap: wrap; -ms-flex-wrap: wrap; justify-content: space-between; -webkit-box-pack: justify; -ms-flex-pack: justify; align-items: flex-start; -webkit-box-align: start; -ms-flex-align: start; margin: 30px 0; }
.main .main_link_area .colbox article { width: 25%; padding: 0 20px; text-align: center; }
.main .main_link_area .colbox article h3 { font-size: 16px; line-height: 160%; color: #000; letter-spacing: -0.03em; }
.main .main_link_area .colbox article a { display: block; margin: 0 auto; }
.main .main_link_area .colbox article a:hover h3 { color: #f03223; transition:all 0.2s ease; }
.main .main_link_area .colbox article a:hover .icon { opacity: 0.7; transition:all 0.2s ease; }
.main .main_link_area .colbox article p.cap { margin: 0 0 7px; font-size: 10px; color: #999; }
.main .main_link_area .colbox article p.txt { font-size: 12px; color: #555; }
.main .main_link_area .colbox article .icon { display: block; margin: 5px 0 15px; height: 62px; background-position: center; background-repeat: no-repeat; }
.main .main_link_area .colbox article .icon.ccrs { background-image: url(../img/main_icon_ccrs.png); }
.main .main_link_area .colbox article .icon.camera { background-image: url(../img/main_icon_camera.png); }
.main .main_link_area .colbox article .icon.webhard { background-image: url(../img/main_icon_webhard.png); }
.main .main_link_area .colbox article .icon.qrcode { background-image: url(../img/main_icon_qrcode.png); }

@media all and (max-width:1360px){
	.main .main_link_area .colbox article .icon { background-size: 68px auto; }
}
@media all and (max-width:1200px){
	.main .main_link_area .colbox article .icon { margin: 0; background-size: 48px auto; }
}
@media all and (max-width:767px){
	.main .main_link_area .colbox article { width: 50%; }
	.main .main_link_area .colbox article:nth-child(1) { margin-bottom: 30px; }
	.main .main_link_area .colbox article:nth-child(2) { margin-bottom: 30px; }
}
/* //메인 - 바로가기 영역 */




/* 메인 - 공지사항 */
.main .notice.left { float: left; width: 50%; height: 202px; }
.main .notice .colbox { position: relative; padding: 20px; border: 3px solid #5d89b3; }
.main .notice h2 { display: block;  }
.main .notice h2 a { text-decoration: none; }
.main .notice h2 i { display: inline-block; position: relative; width: 24px; height: 26px; margin-right: 3px; background-size: 24px auto; background-repeat: no-repeat; vertical-align: middle; }
.main .notice h2 i.ic_info_outline_black { background-image: url(../img/icons/blue/ic_info_outline_blue_48dp.png); }
.main .notice h2 span { color: #222; }
.main .notice h2 .more { top: 30px; right: 20px; font-size: 12px; font-weight: 400; line-height: 100%; color: #999; letter-spacing: 0; text-decoration: none; }
.main .notice ul { display: block; }
.main .notice ul li { overflow: hidden; padding: 3px 0 3px 10px; background: url(../img/bl_gray.png) no-repeat 0 11px; background-size: 4px auto; line-height: 160%; }
.main .notice ul li a { display: block; float: left; max-width: calc(100% - 120px); color: #222; font-weight: 500; letter-spacing: -0.04em; text-decoration: none; overflow: hidden; text-overflow: ellipsis; list-style-position: inside; white-space: nowrap; }
.main .notice ul li a:hover { color: #0088cf; }
.main .notice ul li .new { margin: 0 0 3px 7px; line-height: 150%; }
.main .notice ul li .date { display: block; float: right; width: auto; color: #999; text-align: right; }

@media all and (max-width:1360px){
.main .notice.left { float: none; width: 100%; height: auto; }
}
@media all and (max-width:1200px){
.main .notice.left { float: left; width: 50%; height: 202px; }
}
@media all and (max-width:900px){
.open.main .notice.left { float: none; width: 100%; height: auto; }
}
@media all and (max-width:767px){ /* Mobile 최대 */
.main .notice.left { float: none; width: 100%; height: auto; }
}




.main .notice_foot ul { height: 160px; padding: 28px 20px; background: #fff; border: 1px solid #ddd; line-height: 140%; }
.main .notice_foot ul li { overflow: hidden; padding: 7px 0 7px 10px; background: url(../img/bl_gray.png) no-repeat 0 16px; background-size: 4px auto; line-height: 160%; }
.main .notice_foot ul li a { display: block; float: left; max-width: calc(100% - 120px); color: #222; font-weight: 500; letter-spacing: -0.04em; text-decoration: none; overflow: hidden; text-overflow: ellipsis; list-style-position: inside; white-space: nowrap; }
.main .notice_foot ul li a:hover { color: #0088cf; }
.main .notice_foot ul li .new { margin: 0 0 3px 7px; line-height: 150%; }
.main .notice_foot ul li .date { display: block; float: right; width: auto; color: #999; text-align: right; }
/* //메인 - 공지사항 */




/* 메인 - 하단 갤러리 */
.main .galley_foot { height: 160px; padding: 20px 50px 0; background: #fff; border: 1px solid #ddd; line-height: 140%; }

.main .galley_foot .swiper-container { width: 100%; height: 100%; }
.main .galley_foot .swiper-slide { height: 100px; }
.main .galley_foot .swiper-button-next,
.main .galley_foot .swiper-button-prev { width: 24px; height: 24px; margin: 0; background-size: 24px 24px; opacity: 0.4; }
.main .galley_foot .swiper-button-next,
.main .galley_foot .swiper-container-rtl .swiper-button-prev { right: 10px; }
.main .galley_foot .swiper-button-prev,
.main .galley_foot .swiper-container-rtl .swiper-button-next { left: 10px; }
.main .galley_foot .swiper-pagination-black .swiper-pagination-bullet-active { background-color: #f03223; }
/* //메인 - 하단 갤러리 */




/* 메인 - 공사현황 */
.main .main_grid_state .k-grid-content  { /*height: 102px;*/ max-height: 204px; }

@media all and (max-width:1200px){
    .main .main_grid_state .k-grid-content  { height: auto; max-height: 200px; }
}
/* //메인 - 공사현황 */




/* 메인 - 처리할문서 */
.main .main_grid_document .k-grid-content  { /*height: 136px;*/  max-height: 204px; }

@media all and (max-width:1200px){
    .main .main_grid_document .k-grid-content  { height: auto; max-height: 200px; }
}
/* //메인 - 처리할문서 */




/* 메인 - 최신등록자료 */
.main .main_grid_new_data .k-grid-content  { /*height: 238px;*/ max-height: 216px; }

@media all and (max-width:1200px){
    .main .main_grid_new_data .k-grid-content  { height: auto; max-height: 200px; }
}
/* //메인 - 최신등록자료 */




/* 메인 - 날씨정보 */
.main .main_weather { position: relative; height: 160px; padding: 20px 0; border: 1px solid #ddd; text-align: center; }
.main .main_weather .left { float: left; width: 50%; }
.main .main_weather .left::after { display: block; content: ''; position: absolute; top: 50%; left: 50%; width: 1px; height: 120px; background-color: #eee; margin-top: -60px; }
.main .main_weather .right { float: right; width: 50%; }
.main .main_weather .icon { width: 56px; height: 56px; margin: 10px auto 5px; }
.main .main_weather .icon img { height: 100%; }
.main .main_weather .txt span { font-size: 12px; color: #999; }
.main .main_weather .txt strong { margin: 0 0 0 10px; }
.main .main_weather .txt .up { color: #f03223; }
.main .main_weather .txt .down { color: #5d89b3; }

.main .main_right .main_weather { height: 168px; }
/* //메인 - 날씨정보 */




/* 메인 - 일정정보 */
.main #main_calendar > div { height: 196px; }
.main #main_calendar .k-header { height: auto; }
.main #main_calendar .k-footer { height: auto; background-color: #fff; }
.main #main_calendar table { width: 440px !important; }

.main .main_calendar_area .k-today .k-link { background-color: #eee; font-weight: 500; }
.main .main_calendar_area .k-state-selected .k-link { background-color: #ddd; }
.main .main_calendar_area .k-state-hover .k-link { background-color: #eee !important; color: #f03223 !important; }
.main .main_calendar_area .k-state-hover.k-today .k-link { background-color: #ccc !important; }
.main .main_calendar_area .k-state-hover.k-state-selected .k-link { background-color: #ccc !important; }
.main .main_calendar_area .k-state-hover.k-weekend .k-link { background-color: #eee !important; }
.main .main_calendar_area .k-calendar .k-content .k-today.k-state-selected .k-link { color: #f03223; }
.main .main_calendar_area .k-footer { border-top: 1px solid #ddd; }

.main .main_calendar_area .main_calendar_detail { overflow-y: auto; min-height: 137px; max-height: 280px; margin: -2px 0 0; padding: 15px; background-color: #fafafa; border: 1px solid #eee; border-top: 0; }
.main .main_calendar_area .main_calendar_detail li { margin: 0 0 10px; padding: 0 10px 0 12px; background: url(../img/bl_gray.png) no-repeat 2px 8px; background-size: 4px auto; }
.main .main_calendar_area .main_calendar_detail li:last-child { margin: 0; }
.main .main_calendar_area .main_calendar_detail p { line-height: 140%; }
.main .main_calendar_area .main_calendar_detail .tit { font-size: 14px; font-weight: 500; }
.main .main_calendar_area .main_calendar_detail .txt { margin: 5px 0; }
.main .main_calendar_area .main_calendar_detail .date { font-size: 12px; color: #999; }
.main .main_calendar_area .main_calendar_detail .no_data { background: none; padding: 20px 0 !important; }

.main #calendar,
.main #calendar .k-calendar-view,
.main #calendar .k-content { width: 100%; }
/* Template Days */
.main .exhibition, .main .party, .main .cocktail { font-weight: 500; }
.main .exhibition { color: #ff9e00; }
.main .party { color: #ff4081; }
.main .cocktail { color: #00a1e8; }

.main .k-weekend.k-state-selected.k-state-focused a:hover { color: #222 !important; }

@media all and (max-width:1680px){
	.main #main_calendar table { width: 336px !important; }
}

@media all and (max-width:1200px){
	.main #main_calendar table { width: 100% !important; }
	.main #main_calendar .k-calendar-view { overflow: hidden; height: 225px !important; }

	.main .main_calendar_area .main_calendar_detail { min-height: 145px; max-height: 145px; }
	.main .main .messenger_list { min-height: 397px; max-height: 397px; }
}
@media all and (max-width:767px){
	.main .main_calendar_area .main_calendar_detail { min-height: 178px; max-height: 178px; }
	.main .main .messenger_list { min-height: 155px; max-height: 396px; }
}
/* //메인 - 일정정보 */

/* ----------------------   //중요 테마 - 메인   ---------------------- */


.answer{padding:20px 300px;border-bottom:1px solid #c5c5c5;}
.tit_answer{font-size:1.4rem;line-height:2rem;padding-bottom:10px;text-align:left;margin-left:30px;}
.answer_list li{background-color:white;margin-bottom:30px;padding:20px 20px;border:3px solid lightgray;}
.answer_stat {font-weight:500;line-height:2rem;background-color:#FAF4C0;padding-left:10px;padding-right:10px;}
.answer_regDate {color:gray; font-size:1rem; line-height:2rem;margin-left:32px;}
.answer_content {font-size:1rem;line-height:1.8rem;margin-top:10px;padding:0px 10px;}


#btn_top_view { border: 3px solid #ddd; overflow:hidden; padding:10px; } /*상단 뷰 화면*/


/* 시스템관리 > 프로젝트관리 */
.tit_area h2 .state { margin: 0 0 0 5px; color: #f03223; font-weight: 500; }

.no_line { background: none !important; }
.project_view ul {
	display: flex; display: -ms-flexbox; flex-direction: row; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-wrap: wrap; -ms-flex-wrap: wrap; justify-content:space-between; -webkit-box-pack:justify; -ms-flex-pack:justify; align-items: stretch; -webkit-box-align: stretch; -ms-flex-align: stretch;
	border-top: 1px solid #ddd; border-left: 1px solid #ddd; }
.project_view li {
	display: flex; display: -ms-flexbox; flex-direction: row; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-wrap: wrap; -ms-flex-wrap: wrap; justify-content:space-between; -webkit-box-pack:justify; -ms-flex-pack:justify; align-items: center; -webkit-box-align: center; -ms-flex-align: center;
	position: relative; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; font-size: 0; }
.project_view li.w100 { width: 100%; }
.project_view li.w50 { width: 50%; }
.project_view li.w33 { width: 33.3%; }
.project_view li.w25 { width: 25%; }
.project_view li > strong {
	display: flex; display: -ms-flexbox; flex-direction: row; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-wrap: wrap; -ms-flex-wrap: wrap; justify-content:center; -webkit-box-pack:center; -ms-flex-pack:center; align-items: center; -webkit-box-align: center; -ms-flex-align: center;
	width: 100px; min-height: 36px; height: 100%; padding: 8px 3px; background-color: #f3f3f3; border-right: 1px solid #ddd; font-size: 12px; line-height: 140%; }
.project_view li > .text { display: inline-block; width: calc(100% - 100px); min-height: 36px; padding: 8px 10px; font-size: 13px; line-height: 140%; }
.project_view li > .text.break { word-break: break-all; }
.project_view li > .text.pr100 { padding-right: 100px !important; }
/*.project_view li > .text strong {  }*/
.project_view li > .text sub { display: inline-block; bottom: 0; color: #999; }
.project_view li > .text .btn.micro { position: absolute; top: 50%; right: 8px; margin-top: -13px; padding: 0 8px; }
.project_view li > .text .active { display: inline-block; margin-right: 10px; font-weight: 500; color: #333; }
.project_view li > .text .active strong { color: #f03223; }

@media all and (max-width:1300px){
.project_view li.w100 { width: 100% !important; }
.project_view li.w33 { width: 50% !important; }
.project_view li.w25 { width: 50% !important; }
/*.project_view li.last { width: 100% !important; }*/
}
@media all and (max-width:960px){
.open .project_view li.w100 { width: 100% !important; }
.open .project_view li.w50 { width: 100% !important; }
.project_view li.w33 { width: 100% !important; }
.open .project_view li.w25 { width: 100% !important; }
/*.open .project_view li.last { width: 100% !important; }*/
}
@media all and (max-width:767px){ /* Mobile 최대 */
.project_view li.w100 { width: 100% !important; }
.project_view li.w50 { width: 100% !important; }
.project_view li.w33 { width: 100% !important; }
.project_view li.w25 { width: 100% !important; }
.project_view li.last { width: 100% !important; }
}

/* //시스템관리 > 프로젝트관리 */




/* 시스템관리 > 회원상세 */
.tit_area h2 .state { margin: 0 0 0 5px; color: #f03223; font-weight: 500; }

.no_line { background: none !important; }
.user_info_view_photo { float:left; width:120px; text-align:center; padding-right:5px; }
.user_info_view ul { width: calc( 100% - 125px ); float:right;
	display: flex; display: -ms-flexbox; flex-direction: row; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-wrap: wrap; -ms-flex-wrap: wrap; justify-content:space-between; -webkit-box-pack:justify; -ms-flex-pack:justify; align-items: stretch; -webkit-box-align: stretch; -ms-flex-align: stretch;
	border-top: 1px solid #ddd; border-left: 1px solid #ddd; }
.user_info_view li {
	display: flex; display: -ms-flexbox; flex-direction: row; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-wrap: wrap; -ms-flex-wrap: wrap; justify-content:space-between; -webkit-box-pack:justify; -ms-flex-pack:justify; align-items: center; -webkit-box-align: center; -ms-flex-align: center;
	position: relative; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; font-size: 0; }
.user_info_view li.w100 { width: 100%; }
.user_info_view li.w50 { width: 50%; }
.user_info_view li.w33 { width: 33.3%; }
.user_info_view li.w25 { width: 25%; }
.user_info_view li > strong {
	display: flex; display: -ms-flexbox; flex-direction: row; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-wrap: wrap; -ms-flex-wrap: wrap; justify-content:center; -webkit-box-pack:center; -ms-flex-pack:center; align-items: center; -webkit-box-align: center; -ms-flex-align: center;
	width: 100px; min-height: 36px; height: 100%; padding: 8px 3px; background-color: #f3f3f3; border-right: 1px solid #ddd; font-size: 12px; line-height: 140%; }
.user_info_view02 li > strong{width:150px;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
.user_info_view li > .text { display: inline-block; width: calc(100% - 100px); min-height: 36px; padding: 8px 10px; font-size: 13px; line-height: 140%; }
.user_info_view02 li > .text{width: calc(100% - 150px);}
.user_info_view li > .text.break { word-break: break-all; }
.user_info_view li > .text.pr100 { padding-right: 100px !important; }
/*.user_info_view li > .text strong {  }*/
.user_info_view li > .text sub { display: inline-block; bottom: 0; color: #999; }
.user_info_view li > .text .btn.micro { position: absolute; top: 50%; right: 8px; margin-top: -13px; padding: 0 8px; }
.user_info_view li > .text .active { display: inline-block; margin-right: 10px; font-weight: 500; color: #333; }
.user_info_view li > .text .active strong { color: #f03223; }

@media all and (max-width:1300px){
.user_info_view li.w100 { width: 50% !important; }
.user_info_view li.w33 { width: 50% !important; }
.user_info_view li.w25 { width: 50% !important; }
/*.user_info_view li.last { width: 100% !important; }*/
}
@media all and (max-width:960px){
.open .user_info_view li.w100 { width: 100% !important; }
.open .user_info_view li.w50 { width: 100% !important; }
.user_info_view li.w33 { width: 100% !important; }
.open .user_info_view li.w25 { width: 100% !important; }
/*.open .user_info_view li.last { width: 100% !important; }*/
}
@media all and (max-width:767px){ /* Mobile 최대 */
.user_info_view li.w100 { width: 100% !important; }
.user_info_view li.w50 { width: 100% !important; }
.user_info_view li.w33 { width: 100% !important; }
.user_info_view li.w25 { width: 100% !important; }
.user_info_view li.last { width: 100% !important; }
}

/* //시스템관리 > 회원상세 */


/* 재해예방조치 등록 */
.prevention_content {box-sizing:border-box; width:100%;}
.prevention_content:after {content:""; display:block; clear:both;}
.prevention_content .left_wrap {box-sizing:border-box; padding-right:15px; float:left; width:50%;}
.prevention_content .right_wrap {box-sizing:border-box; float:right; width:50%;padding-left:15px;}
.prevention_content .input_list .color_red .k-input {color: #f03223 !important;}
.prevention_content .i_inputs .w20,
.prevention_content .i_inputs .w30,
.prevention_content .i_inputs .w50 {display:inline-block;}
.prevention_content .i_inputs.scroll {height:65px; padding: 6px 10px 7px; background: #fff; border: 1px solid #f0f0f0; font-size: 13px; color: #222; line-height: 140%; box-sizing: border-box; overflow: auto;}


/* 재해예방조치 > 시장조치 요청 팝업 */
.popup_rectify_view .i_inputs {overflow:hidden; padding:0 5px;}
.popup_rectify_view .tit {margin-bottom:5px; font-size:15px; font-weight:500;}
.popup_rectify_view .box_border {border-top:1px solid #616161;}
.popup_rectify_view .input_list.custom > ul {padding:0; border-top:1px solid #616161;}
.popup_rectify_view .input_list.custom.view .box_image {overflow:hidden; margin:6px 0 3px; width:100%;}
.popup_rectify_view .input_list.custom.view .box_image .i_image {box-sizing:border-box; float:left; padding-right:10px; width:50%;}
.popup_rectify_view .input_list.custom.view .box_image .i_image img {width:100%;}
.popup_rectify_view .input_list.custom.view .box_image .i_inputs.scroll {padding:0; float:right; width:50%;}
.popup_rectify_view .input_list.custom.view .box_image .i_inputs.scroll .text {box-sizing:border-box; overflow: auto; min-height:238px; height:238px;}

/* 재해예방조치 > 태그 팝업 */
.popup_tag_view .input_list {overflow:hidden; margin-top:-8px;}
.popup_tag_view .i_inputs {position:relative; width:400px;}
.popup_tag_view .i_inputs .text.tag {padding: 8px 4px; min-height:34px; border:solid 1px; border-color: #ddd; background-color:#fff; font-size:13px; color:#222; line-height:140%;}
.popup_tag_view .i_inputs .text.tag .btn_ab_text {top:0 !important;}

/* 재해예방조치 > 사진보기 팝업 */
.popup_photo_view [class*="photo_slide"] {box-sizing:border-box; overflow:hidden; padding:10px; width:400px;}
.popup_photo_view [class*="photo_slide"] .individual {width:400px; height:240px;}
.popup_photo_view [class*="photo_slide"] .individual img {width:100%;}
.popup_photo_view [class*="photo_slide"] .slide_control {float:left;}

/* 재해예방조치 등록 화면 팝업 */
.data_room.scroll {height:620px; overflow:auto;}
.popup_tree_view .tree_scroll {height:250px; overflow:auto;}

/* 재해예방조치 뷰 화면 팝업 */
.popup_grade_view .input_slider {margin:20px 0;}
.popup_grade_view .input_slider div.balSlider {width:400px;}
.popup_his_view .input_list {clear:both;}
.popup_his_view .input_box.float_right {margin-bottom:20px;}
.popup_his_view .tit {margin-bottom: 5px; font-size: 15px; font-weight: 500;}
.popup_his_view .input_list.custom > ul {padding: 0; border-top: 1px solid #616161;}

@media all and (max-width:767px){ /* Mobile 최대 */
	.prevention_content .left_wrap {padding-right:0; float:none; width:100%;}
	.prevention_content .right_wrap {float:none; width:100%;padding-left:0;}

	/* 재해예방조치 > 시장조치 요청 팝업 */
	.popup_rectify_view .input_list.custom.view .box_image .i_image {padding-right:0; width:100%;}

	/* 재해예방조치 > 태그 팝업 */
	.popup_tag_view .i_inputs {width:100%;}

	/* 재해예방조치 > 사진보기 팝업 */
	.popup_photo_view .float_left,
	.popup_photo_view .float_right {float:none !important;}
	.popup_photo_view [class*="photo_slide"] {padding:0; width:100%;}
}

/* //재해예방조치 등록 */




/* ----------------------   팝업  ---------------------- */

/* 시스템관리 > 양식문서관리(현장) > 채변규칙 팝업 */
#popup_change_method .radio_wrap { width:100%; }
#popup_change_method .radio_wrap li { float:left; margin-right:20px; }

.automatic_box{border-width:1px;  border-style:solid; border-color:rgba(0, 0, 0, 0.12);}
.automatic_box .automatic-form-group { margin-bottom:10px; overflow:hidden;  }
.automatic_box .automatic-form-group .col25{ width:25%; line-height:33px; float:left;  }
.automatic_box .automatic-form-group .col75 { width:75%; float:right; }
.automatic_box .automatic-form-group .Selbox { width:100%; padding:6px 8px; font:inherit; line-height: 1.42857; vertical-align: middle; border-width:1px;  border-style:solid; border-color:rgba(0, 0, 0, 0.12); }
.automatic_box .valu_text { padding:10px 0; }
.automatic_box .pre_text { background:#fcfcfc; border:1px solid #ddd; padding:6px; margin-left:10px; }

#mst-view, #dtl-view { margin-top:5px; }

/* 양식관리, 문서번로 채번규칙 팝업 */
/* step1 title */
.step1_title{ background:aliceblue;  padding: 10px 10px 2px;  }
/* step2 title */
.step1_title{ background:#fff; padding: 10px 10px 2px;  }
.step2_title{ background:aliceblue; padding:10px 10px;}
.step2_con{width:69%;float:right;border:1px solid #ddd}

/* //시스템관리 > 양식문서관리(현장) > 채변규칙 팝업 */


/* 인력정보 팝업 */
.popup_info_view .input_list .w35 {width:38% !important;}

/* ----------------------   //팝업  ---------------------- */










/* ----------------------   Helper  ---------------------- */

/* 폰트 */
.f10 { font-size: 10px !important; } .mobile_f10 { font-size: 10px !important; }
.f11 { font-size: 11px !important; } .mobile_f11 { font-size: 11px !important; }
.f12 { font-size: 12px !important; } .mobile_f12 { font-size: 12px !important; }
.f13 { font-size: 13px !important; } .mobile_f13 { font-size: 13px !important; }
.f14 { font-size: 14px !important; } .mobile_f14 { font-size: 14px !important; }
.txt_left {text-align:left}
.txt_right {text-align:right}
.txt_center {text-align:center}
a {text-decoration:none}
p {line-height:140%}
.txt_red {color:#ff0000}
.txt_blue {color:#4a72a1}

.font_bold { font-weight:bold; }
h3.border { margin: 30px 0 0; padding: 0 0 10px; border-bottom: 1px solid #cad1d5; }
.tit_area h2 { float: left; padding: 0; line-height: 180%; }
.tit_area h3 { float: left; padding: 8px 10px 3px 0; font-size: 15px; line-height: 140%; letter-spacing: -0.03em; }

.clr_both {clear: both}
.d_inlineblock {display:inline-block}

/* ----------------------   높이 100%   ---------------------- */

/* 일반용 */
.hauto {height:auto}
.h_auto {height:auto !important}
.h100 { height: 100px; }
.h300 { height: 300px; }
.h400 { height: 400px; }
.h360 { height: 360px; }
.h500 { height: 500px; }
.min_h314 { min-height: 314px; }
.min_h100 { min-height: 100px; }
.max_h160 { max-height: 160px; }

.vh_none { max-height: inherit; min-height: inherit; }
.vh50 { max-height: calc(100vh - 50px); min-height: calc(100% - 80px); overflow: auto; }
.vh60 { max-height: calc(100vh - 60px); min-height: calc(100% - 80px); overflow: auto; }
.vh70 { max-height: calc(100vh - 70px); min-height: calc(100% - 80px); overflow: auto; }
.vh80 { max-height: calc(100vh - 80px); min-height: calc(100% - 80px); overflow: auto; }
.vh90 { max-height: calc(100vh - 90px); min-height: calc(100% - 80px); overflow: auto; }
.vh100 { max-height: calc(100vh - 100px); min-height: calc(100% - 80px); overflow: auto; }
.vh110 { max-height: calc(100vh - 110px); min-height: calc(100% - 80px); overflow: auto; }
.vh120 { max-height: calc(100vh - 120px); min-height: calc(100% - 80px); overflow: auto; }
.vh130 { max-height: calc(100vh - 130px); min-height: calc(100% - 80px); overflow: auto; }
.vh140 { max-height: calc(100vh - 140px); min-height: calc(100% - 80px); overflow: auto; }
.vh150 { max-height: calc(100vh - 150px); min-height: calc(100% - 80px); overflow: auto; }
.vh160 { max-height: calc(100vh - 160px); min-height: calc(100% - 80px); overflow: auto; }
.vh170 { max-height: calc(100vh - 170px); min-height: calc(100% - 80px); overflow: auto; }
.vh180 { max-height: calc(100vh - 180px); min-height: calc(100% - 80px); overflow: auto; }
.vh190 { max-height: calc(100vh - 190px); min-height: calc(100% - 80px); overflow: auto; }
.vh200 { max-height: calc(100vh - 200px); min-height: calc(100% - 100px); overflow: auto; }
.vh210 { max-height: calc(100vh - 210px); min-height: calc(100% - 100px); overflow: auto; }
.vh217 { max-height: calc(100vh - 217px); min-height: calc(100% - 100px); overflow: auto; }
.vh220 { max-height: calc(100vh - 220px); min-height: calc(100% - 100px); overflow: auto; }
.vh225 { max-height: calc(100vh - 225px); min-height: calc(100% - 100px); overflow: auto; }
.vh230 { max-height: calc(100vh - 230px); min-height: calc(100% - 100px); overflow: auto; }
.vh240 { max-height: calc(100vh - 240px); min-height: calc(100% - 100px); overflow: auto; }
.vh250 { max-height: calc(100vh - 250px); min-height: calc(100% - 100px); overflow: auto; }
.vh260 { max-height: calc(100vh - 260px); min-height: calc(100% - 100px); overflow: auto; }
.vh270 { max-height: calc(100vh - 270px); min-height: calc(100% - 100px); overflow: auto; }
.vh280 { max-height: calc(100vh - 280px); min-height: calc(100% - 120px); overflow: auto; }
.vh290 { max-height: calc(100vh - 280px); min-height: calc(100% - 120px); overflow: auto; }
.vh296 { max-height: calc(100vh - 296px); min-height: calc(100% - 100px); overflow: auto; }
.vh300 { max-height: calc(100vh - 300px); min-height: calc(100% - 120px); overflow: auto; }
.vh310 { max-height: calc(100vh - 310px); min-height: calc(100% - 120px); overflow: auto; }
.vh320 { max-height: calc(100vh - 320px); min-height: calc(100% - 160px); overflow: auto; }
.vh320 { max-height: calc(100vh - 320px); min-height: calc(100% - 160px); overflow: auto; }
.vh330 { max-height: calc(100vh - 330px); min-height: calc(100% - 160px); overflow: auto; }
.vh340 { max-height: calc(100vh - 340px); min-height: calc(100% - 160px); overflow: auto; }
.vh350 { max-height: calc(100vh - 350px); min-height: calc(100% - 160px); overflow: auto; }
.vh360 { max-height: calc(100vh - 360px); min-height: calc(100% - 180px); overflow: auto; }
.vh370 { max-height: calc(100vh - 370px); min-height: calc(100% - 180px); overflow: auto; }
.vh380 { max-height: calc(100vh - 380px); min-height: calc(100% - 180px); overflow: auto; }
.vh390 { max-height: calc(100vh - 390px); min-height: calc(100% - 180px); overflow: auto; }
.vh400 { max-height: calc(100vh - 400px); min-height: calc(100% - 200px); overflow: auto; }
.vh402 { max-height: calc(100vh - 402px); min-height: calc(100% - 200px); overflow: auto; }
.vh410 { max-height: calc(100vh - 410px); min-height: calc(100% - 200px); overflow: auto; }
.vh420 { max-height: calc(100vh - 420px); min-height: calc(100% - 200px); overflow: auto; }
.vh430 { max-height: calc(100vh - 430px); min-height: calc(100% - 200px); overflow: auto; }
.vh440 { max-height: calc(100vh - 440px); min-height: calc(100% - 200px); overflow: auto; }
.vh450 { max-height: calc(100vh - 450px); min-height: calc(100% - 200px); overflow: auto; }
.vh457 { max-height: calc(100vh - 457px); min-height: calc(100% - 200px); overflow: auto; }
.vh460 { max-height: calc(100vh - 460px); min-height: calc(100% - 200px); overflow: auto; }
.vh487 { max-height: calc(100vh - 487px); min-height: calc(100% - 200px); overflow: auto; }
.vh570 { max-height: calc(100vh - 570px); min-height: calc(100% - 200px); overflow: auto; }
.vh600 { max-height: calc(100vh - 600px); min-height: calc(100% - 200px); overflow: auto; }
/* //일반용 */

/* grid 용 */
.grid_vh50 .k-grid-content { max-height: calc(100vh - 50px); }
.grid_vh60 .k-grid-content { max-height: calc(100vh - 60px); }
.grid_vh70 .k-grid-content { max-height: calc(100vh - 70px); }
.grid_vh80 .k-grid-content { max-height: calc(100vh - 80px); }
.grid_vh90 .k-grid-content { max-height: calc(100vh - 90px); }
.grid_vh100 .k-grid-content { max-height: calc(100vh - 100px); }
.grid_vh110 .k-grid-content { max-height: calc(100vh - 110px); }
.grid_vh120 .k-grid-content { max-height: calc(100vh - 120px); }
.grid_vh130 .k-grid-content { max-height: calc(100vh - 130px); }
.grid_vh140 .k-grid-content { max-height: calc(100vh - 140px); }
.grid_vh150 .k-grid-content { max-height: calc(100vh - 150px); }
.grid_vh160 .k-grid-content { max-height: calc(100vh - 160px); }
.grid_vh170 .k-grid-content { max-height: calc(100vh - 170px); }
.grid_vh180 .k-grid-content { max-height: calc(100vh - 180px); }
.grid_vh190 .k-grid-content { max-height: calc(100vh - 190px); }
.grid_vh200 .k-grid-content { max-height: calc(100vh - 200px); }
.grid_vh210 .k-grid-content { max-height: calc(100vh - 210px); }
.grid_vh220 .k-grid-content { max-height: calc(100vh - 220px); }
.grid_vh230 .k-grid-content { max-height: calc(100vh - 230px); }
.grid_vh240 .k-grid-content { max-height: calc(100vh - 240px); }
.grid_vh246 .k-grid-content { max-height: calc(100vh - 246px); }
.grid_vh248 .k-grid-content { max-height: calc(100vh - 248px); }
.grid_vh250 .k-grid-content { max-height: calc(100vh - 250px); }
.grid_vh260 .k-grid-content { max-height: calc(100vh - 260px); }
.grid_vh270 .k-grid-content { max-height: calc(100vh - 270px); }
.grid_vh280 .k-grid-content { max-height: calc(100vh - 280px); }
.grid_vh290 .k-grid-content { max-height: calc(100vh - 290px); }
.grid_vh298 .k-grid-content { max-height: calc(100vh - 298px); }
.grid_vh300 .k-grid-content { max-height: calc(100vh - 300px); }
.grid_vh310 .k-grid-content { max-height: calc(100vh - 310px); }
.grid_vh314 .k-grid-content { max-height: calc(100vh - 314px); }
.grid_vh315 .k-grid-content { max-height: calc(100vh - 315px); }
.grid_vh320 .k-grid-content { max-height: calc(100vh - 320px); }
.grid_vh325 .k-grid-content { max-height: calc(100vh - 325px); }
.grid_vh330 .k-grid-content { max-height: calc(100vh - 330px); }
.grid_vh333 .k-grid-content { max-height: calc(100vh - 333px); }
.grid_vh340 .k-grid-content { max-height: calc(100vh - 340px); }
.grid_vh350 .k-grid-content { max-height: calc(100vh - 350px); }
.grid_vh355 .k-grid-content { max-height: calc(100vh - 355px); }
.grid_vh360 .k-grid-content { max-height: calc(100vh - 360px); }
.grid_vh370 .k-grid-content { max-height: calc(100vh - 370px); }
.grid_vh380 .k-grid-content { max-height: calc(100vh - 380px); }
.grid_vh386 .k-grid-content { max-height: calc(100vh - 386px); }
.grid_vh390 .k-grid-content { max-height: calc(100vh - 390px); }
.grid_vh400 .k-grid-content { max-height: calc(100vh - 400px); }
.grid_vh410 .k-grid-content { max-height: calc(100vh - 410px); }
.grid_vh420 .k-grid-content { max-height: calc(100vh - 420px); }
.grid_vh430 .k-grid-content { max-height: calc(100vh - 430px); }
.grid_vh440 .k-grid-content { max-height: calc(100vh - 440px); }
.grid_vh450 .k-grid-content { max-height: calc(100vh - 450px); }
.grid_vh460 .k-grid-content { max-height: calc(100vh - 460px); }
.grid_vh495 .k-grid-content { max-height: calc(100vh - 495px); }
.grid_vh510 .k-grid-content { max-height: calc(100vh - 510px); }
.grid_vh530 .k-grid-content { max-height: calc(100vh - 530px); }
.grid_vh550 .k-grid-content { max-height: calc(100vh - 550px); }
.grid_vh560 .k-grid-content { max-height: calc(100vh - 560px); }
.grid_vh580 .k-grid-content { max-height: calc(100vh - 580px); }
.grid_vh600 .k-grid-content { max-height: calc(100vh - 600px); }
.grid_vh615 .k-grid-content { max-height: calc(100vh - 615px); }
.grid_vh615 .k-grid-content { max-height: calc(100vh - 615px); }
.grid_vh640 .k-grid-content { max-height: calc(100vh - 640px); }
.grid_vh680 .k-grid-content { max-height: calc(100vh - 680px); }
.grid_vhf200 .k-grid-content { max-height: 200px; }
/* //grid 용 */

/* 가로 사이즈 관련 */
.wauto { width: auto; }
.w_auto {width:auto !important}
.wmax400 { max-width: 400px; width: auto; }
.wmax600 { max-width: 600px; width: auto; }
.wmin80 { min-width: 80px; width: auto; }
.wmin100 { min-width: 100px; width: auto; }
.wmin120 { min-width: 120px; width: auto; }
.wmin140 { min-width: 140px; width: auto; }
.wmin200 { min-width: 200px; width: auto; }
.wmin300 { min-width: 300px; width: auto; }
.wmin640 { min-width: 640px; }
.min_w1000 { min-width: 1000px; }
.w40 { width: 40px !important; }
.w60 { width: 60px !important; }
.w80 { width: 80px !important; }
.w70 { width: 70px !important; }
.w120 { width: 120px !important; }
.w160 { width: 160px !important; }
.w180 { width: 180px !important; }
.w240 { width: 240px !important; }
.w270 { width: 270px !important; }
.w40px { width: 40px; }
.w50px { width: 50px; }
.w60px { width: 60px; }
.w66px { width: 66px; }
.w70px { width: 70px; }
.w80px { width: 80px !important; }
.w100px { width: 100px; } .w100pxi { width: 100px !important; }
.w110px { width: 110px; } .w110pxi { width: 110px !important; }
.w115px { width: 115px; } .w115pxi { width: 115px !important; }
.w120px { width: 120px; } .w120pxi { width: 120px !important; }
.w140px { width: 140px; } .w140pxi { width: 140px !important; }
.w160px { width: 160px; } .w160pxi { width: 160px !important; }
.w200px { width: 200px; } .w200pxi { width: 200px !important; }
.w240px { width: 240px; } .w240pxi { width: 240px !important; }
.w300px { width: 300px; } .w300pxi { width: 300px !important; }
.w20 { width: 20% !important; }
.w30 { width: 30% !important; }
.w35 { width: 35% !important; }
.w42 { width: 42% !important; }
.w50 { width: 50% !important; }
.w90 { width: 90% !important; }
.w100 {width:100% !important; }
.w_100 {width:100%} /* 추가_이병위_2020.05.22*/

.wcalc80 { width: calc(100% - 80px) !important }
.wcalc70 { width: calc(100% - 70px) !important }
.wcalc50 { width: calc(100% - 50px) !important }
.wcalc100 { width: calc(100% - 100px) !important }
.wcalc125 { width: calc(100% - 125px) !important }
.wcalc200 { width: calc(100% - 210px) !important }

/* 위치 */
.m0 { margin: 0 !important; }
.m0.mt20 { margin-top: 20px !important; }
.m10 { margin: 10px; } .m10i { margin: 10px !important; }
.m20 { margin: 20px; } .m20i { margin: 20px !important; }
.mt-1 { margin-top: -1px; } .mt-1i { margin-top: -1px !important; }
.mt-5 { margin-top: -5px; } .mt-5i { margin-top: -5px !important; }
.mt3 { margin-top: 3px; } .mt3i { margin-top: 3px !important; }
.mt4 { margin-top: 4px; } .mt4i { margin-top: 4px !important; }
.mt5 { margin-top: 5px; } .mt5i { margin-top: 5px !important; }
.mt7 { margin-top: 7px; } .mt7i { margin-top: 7px !important; }
.mt10 { margin-top: 10px !important; } .mt10i { margin-top: 10px !important; }
.mt12 { margin-top: 12px; } .mt12i { margin-top: 12px !important; }
.mt15 { margin-top: 15px; } .mt15i { margin-top: 15px !important; }
.mt20 { margin-top: 20px; } .mt20i { margin-top: 20px !important; }
.mt25 { margin-top: 25px; } .mt25i { margin-top: 25px !important; }
.mt30 { margin-top: 30px; } .mt30i { margin-top: 30px !important; }
.mt40 { margin-top: 40px; } .mt40i { margin-top: 40px !important; }
.mt50 { margin-top: 50px; } .mt50i { margin-top: 50px !important; }
.mt60 { margin-top: 60px; } .mt50i { margin-top: 60px !important; }
.mr2 { margin-right: 3px; } .mr2i { margin-right: 3px !important; }
.mr3 { margin-right: 3px; } .mr3i { margin-right: 3px !important; }
.mr4 { margin-right: 4px; } .mr4i { margin-right: 4px !important; }
.mr5 { margin-right: 5px; } .mr5i { margin-right: 5px !important; }
.mr6 { margin-right: 6px; } .mr6i { margin-right: 6px !important; }
.mr7 { margin-right: 7px; } .mr7i { margin-right: 7px !important; }
.mr10 { margin-right: 10px; } .mr10i { margin-right: 10px !important; }
.mr15 { margin-right: 15px; } .mr15i { margin-right: 15px !important; }
.mr20 { margin-right: 20px; } .mr20i { margin-right: 20px !important; }
.mr30 { margin-right: 30px; } .mr30i { margin-right: 30px !important; }
.mb0 { margin-bottom: 0; } .mb0i { margin-bottom: 0 !important; }
.mb2 { margin-bottom: 2px; } .mb2i { margin-bottom: 2px !important; }
.mb3 { margin-bottom: 3px; } .mb3i { margin-bottom: 3px !important; }
.mb5 { margin-bottom: 5px; } .mb5i { margin-bottom: 5px !important; }
.mb6 { margin-bottom: 6px; } .mb6i { margin-bottom: 6px !important; }
.mb7 { margin-bottom: 7px; } .mb7i { margin-bottom: 7px !important; }
.mb8 { margin-bottom: 8px; } .mb8i { margin-bottom: 8px !important; }
.mb10 { margin-bottom: 10px; } .mb10i { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px; } .mb15i { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px; } .mb20i { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px; } .mb30i { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px; } .mb40i { margin-bottom: 40px !important; }
.ml0 {margin-left:0} .ml0i {margin-left:0 !important}
.ml3 { margin-left: 3px; } .ml3i { margin-left: 3px !important; }
.ml10 { margin-left: 10px; } .ml10i { margin-left: 10px !important; }
.ml20 { margin-left: 20px; } .ml20i { margin-left: 20px !important; }

.p0 { padding: 0 !important; }
.p10 { padding: 10px !important; }
.p20 { padding: 20px !important; }
.pt0 { padding-top: 0; } .pt0i { padding-top: 0 !important; }
.pt5 { padding-top: 5px; } .pt5i { padding-top: 5px !important; }
.pt10 { padding-top: 10px; } .pt10i { padding-top: 10px !important; }
.pt15 { padding-top: 15px; } .pt15i { padding-top: 15px !important; }
.pt20{ padding-top:20px; } .pt20i { padding-top: 20px !important; }
.pr0 { padding-right: 0 !important; } .pr0i { padding-right: 0 !important; }
.pr10 { padding-right: 10px; } .pr10i { padding-right: 10px !important; }
.pr20 { padding-right: 20px; } .pr20i { padding-right: 20px !important; }
.pr40 { padding-right: 40px; } .pr40i { padding-right: 40px !important; }
.pr100 { padding-right: 100px; } .pr100i { padding-right: 100px !important; }
.pb0 { padding-bottom: 0px; } .pb0i { padding-bottom: 0 !important; }
.pb5 { padding-bottom: 5px; } .pb5i { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px; } .pb10i { padding-bottom: 10px !important; }
.pb40 { padding-bottom: 40px; } .pb40i { padding-bottom: 40px !important; }
.pl10 { padding-left: 10px; } .pl10i { padding-left: 10px !important; }
.pl15 { padding-left: 15px; } .pl10i { padding-left: 15px !important; }
.pl20 { padding-left: 20px; } .pl20i { padding-left: 20px !important; }
.pl40 { padding-left: 40px; } .pl40i { padding-left: 40px !important; }
.pl80 {padding-left:80px} .pl80i {padding-left:80px !important}

.top0 { top: 0; } .top0i { top: 0 !important; }
.top1 { top: 1px; } .top1i { top: 1px !important; }
.top2 { top: 2px; } .top2i { top: 2px !important; }
.top3 { top: 3px; } .top3i { top: 3px !important; }
.top4 { top: 4px; } .top4i { top: 4px !important; }
.top5 { top: 5px; } .top5i { top: 5px !important; }
.top6 { top: 6px; } .top6i { top: 6px !important; }
.top7 { top: 7px; } .top7i { top: 7px !important; }
.top8 { top: 8px; } .top8i { top: 8px !important; }
.top9 { top: 9px; } .top9i { top: 9px !important; }
.top10 { top: 10px; } .top10i { top: 10px !important; }
.top-3 { top: -3px; } .top-3i { top: -3px !important; }
.top-5 { top: -5px; } .top-5i { top: -5px !important; }
.top-6 { top: -6px; } .top-6i { top: -6px !important; }
.top-34 { top: -34px; } .top-34i { top: -34px !important; }
.right6 { right: 6px; } .right6i { right: 6px !important; }
/* //위치 */


@media all and (max-height:600px){
/* vh */
.vh { min-height: 100%; }
.vh .k-grid-content { min-height: 200px; }
}
@media all and (max-width:960px){
/* vh */
.vh { max-height: 100%; }
.vh .k-grid-content { max-height: 300px; }
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px){ /* iPad */
}
@media all and (max-width:767px){ /* Mobile 최대 */
/* 폰트 */
.tit_area h3 { padding: 10px 0; }
/* 세로 사이즈 관련 */
.min_h314 { min-height: auto; }
.min_h100 { min-height: auto; }
.vh { min-height: auto; }
/* 가로 사이즈 */
.w60 { width: 60px !important; }
.wmax600 { max-width: 100%; }
/* 위치 */
.mobile_mt3 { margin-top: 3px; }
.mobile_mt10i { margin-top: 10px !important; }
.mobile_mt15 { margin-top: 15px; }
.mobile_pt10i { padding-top: 10px !important; }
}

/* ----------------------   //Helper  ---------------------- */















/* --------------------------------------------   Writen By Pub _ 2020년 5월  ---------------------- ---------------------- */

/* ----------------------  Writen By_이병위  ---------------------- */
/* 검색 */
.more_search .func_area_tit {padding:0}
.func_area_tit.solo {padding-right:10px; text-align:right}
.date_pick {min-width:310px; max-width: 400px}
.date_pick + .input_box{max-width:200px !important}

/* input */
.input_disable {display:inline-block; padding:6px 10px 7px; width:100%;; min-width:20px; background:#F7F7F7; border:1px solid ; border-color:#E4E4E4; font-size:13px; color:#222; line-height:16px; vertical-align:middle; overflow:hidden; word-break: keep-all}
.box_descript {display:inline-block; margin:15px 0; padding:2px 10px; width:100%;; min-width:20px; color:#222; font-size:13px; text-align:center; line-height:16px; vertical-align:middle; overflow:hidden; word-break: keep-all; border-left:1px solid #DDD; background:#FFF}
.box_descript.nobd {border-left:none}
.input_disable + span { display:inline-block; width:8px; text-align:center; line-height:140%}
.disable_box{display:table; width:100%}
.disable_box li {display:table-cell}
.disable_box .tit {display:inline-block; width:36%; padding:0 2% 0 2%; line-height:140%}
.disable_box .input_disable { width:50%; text-align:center; padding:6px}
input[type="text"]::placeholder{color:#000 }

/* 검색영역 */
.func_area.btm_bdr {border-bottom:#c7c7c7}

/* 문서 양식 */
.doc_head {display:table; margin:20px 0; font-size:13px }
.doc_head .tit {display:inline-block; margin-right:20px; font-weight: 500; line-height:180%}
.doc_head .txt {display:table-cell; width:100%; padding:4px 10px;font-size:15px; line-height:180%; border-bottom:1px solid rgba(0,0,0,0.13)}

/* input_list custom.type2 */
.input_list.custom.view.type2 > ul > li strong {width:80px}
.input_list.custom.view.type2  > ul > li .i_inputs { width: calc(100% - 80px); }
.input_list.custom.view.type2 .tit_50p {display:inline-block; width:42%; min-width:95px; text-align:center; white-space:nowrap; line-height:18px}
.input_list.custom.view.type2 .tit_50p:first-child {margin-right:6%}


/* input_list custom.type2 new */
.input_list.custom.view.type2  > ul > li .i_inputs.n_time1 { width: calc(48.5% - 80px); }
.input_list.custom.view.type2  > ul > li .i_inputs.n_time1 .text {overflow: hidden;}
.input_list.custom.view.type2  > ul > li .i_inputs.n_time2 { width: calc(48.5% - 80px); margin-left: 3%; }
.input_list.custom.view.type2  > ul > li .i_inputs.n_time2 .text {overflow: hidden;}

/* 문자 발송 */
.message_tag {display:inline-block; padding:2px 10px; margin-right:10px; line-height:18px; color:#fff;  font-size:12px; text-align:center; border-radius:10px }
.message_tag.sent {background-color: #f47920;}
.message_tag.sent::after {content:'발송완료'}
.message_tag.unsent {background-color: #B7B7B7}
.message_tag.unsent::after {content: '미발송'}

/* search_list */
.mob_search_list .tit  {float:left; width:80px; padding-top:0; font-size:13px; line-height: 32px; vertical-align: middle}
.mob_search_list .txt_blue {display:inline-block; color:#4a72a1; font-variant-caps: 12px; font-weight:500; line-height:32px}
/* 20200814 급하게 이병운 추가  */
.mob_search_list .tit2  {float:left; padding-top:0; font-size:13px; line-height: 32px; vertical-align: middle}


/* 혈압 표시  */
.tag_circle {display:inline-block; width:12px; height:12px; border-radius:6px}
.tag_circle.red {background-color:#f03223}
.tag_circle.blue {background-color:#5d89b3}

/* 조직도 Diagram 다이어그램 */
.organization .tcol_70 {float:left; width:69%}
.organization .tcol_30 {float:right; width:29%}
.organization .board_list .tit {margin-bottom:10px; font-size:13px; font-weight: 500; text-align:left}
.colbox.no_bd {border:none}

/* 그리드 썸네일 */
.gride_thumb {display:inline-block; margin-right:4px; width:80px; height:60px; background-color:#EEE; vertical-align: middle; overflow:hidden}
.gride_thumb img {width:100%; height:auto}

/* 사진바구니 */
.pic_basket {position:relative; margin-top:40px; height:auto; border-top:1px solid #ccc}
.pic_basket > .btn_basket {position:absolute; top:-30px; left: calc(50% - 55px); width:110px; height:30px; line-height: 30px; font-size:13px; text-align: center; border-width:1px; border-style:solid; border-color:#ccc #ccc #fff #ccc; border-radius:4px 4px 0 0; background-color:#fff;}


/* 썸네일 리스트*/
.thumb_list .pic_tit {display:inline-block; margin-top:8px; width:90px; color:#333; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.thumb_list label {position:relative; padding:0; margin:5px; width:110px; height:110px; background:#fff; border:1px solid #ddd; overflow:hidden; vertical-align: middle}
.thumb_list label::before {z-index:20; position:absolute; top:4px; left:auto; right:4px; background-color:rgba(255,255,255,0.60);  border-color:rgba(0, 0, 0, 0.2); }
.thumb_list label::after {z-index:20; position:absolute; top:4px; left:auto; right:4px;}
.thumb_list label img {display: inline-block; width:100%; height:100%; vertical-align: middle}
.thumb_list li a input[type="checkbox"] {z-index:20; position:absolute; top:1px; right:1px; padding:4px}

/* 에디터 테이블*/
.editer_table  {width:100%; border-collapse:collapse; table-layout:fixed; border:none !important}
.editer_table caption {display:none;}
.k-table.editer_table th,
.k-table.editer_table td {border: 1px solid #ddd; text-align:center; height: 36px; vertical-align:middle;}
.k-table.editer_table th {background-color: #f3f3f3 !important;}
.editer_table.scroll {height:200px; overflow:auto;}

/* txt_list */
.txt_list {width:100%; min-height:200px}
.txt_list li {display:block; min-height:20px; color:#333; font-size:14px;}
.txt_list .tit {font-weight:500; line-height:32px}
.txt_list .txt {padding:0 0 20px; height:auto;line-height:20px}
.txt_list .radio_box {display:inline-block}

/* 버튼 */
.btn_red_ico {background:#f44336; border: 1px solid #cc2b1f; color:#fff}
.btn_red_ico:hover {background:#cc2b1f; border:1px solid #cc2b1f}
.btn_green_ico {background:#4caf50; border:1px solid #138b18; color:#fff }
.btn_green_ico:hover { background: #138b18; border:1px solid #138b18}

/*  Select BOX Basic*/
select.select_basic {display:inline-block; width:100%; height:32px; padding:0 40px 0 10px; color:#333; font-size:13px; letter-spacing:-0.05rem; line-height:32px; vertical-align:middle; background:url(../img/icons/black/ic_expand_more_black_48dp.png) no-repeat 100% 50%; background-size:contain; border: 1px solid #DDD; border-radius:0px; box-sizing:border-box; -webkit-appearance:none; -moz-appearance:none; appearance:none; outline:none}
select.select_basic::-ms-expand {display:none}
select.select_basic > option:not(:checked) {height:32px; padding:10px 40px 0 10px; color:#333; font-size:13px;  font-weight:200; letter-spacing:-0.05rem; line-height:32px; background-color:#ececec}
select.select_basic > option:checked {background-color:#FFF; color:#000; font-weight:200; box-shadow:0 1px 2px rgba(0, 0, 0, 0.1)}





/* Window popup */
.fullwin_warp {margin:0; padding:0; position:relative; width:100%; height:100%}
.fullwin_warp .doc_selecter {position:relative; float:left; padding:4px 8px; width:254px; height:100%; background-color:#FFF; box-sizing:border-box}
.doc_selecter .radio_list li {line-height:44px; border-bottom:1px solid #EEE}
.doc_selecter .radio_list label {color:#222; font-size:15px; font-weight:300 }
.doc_selecter .btn_area {position:absolute; left:0; right:0; padding: 0 8px; bottom:20px; width:100%; text-align:center}
.fullwin_warp .doc_outter {padding:10px; margin-left:254px; height:100%; box-sizing:border-box; overflow-y:auto}


/* ----------------------  Pub용 임시_By_이병위  (추후 삭제))  ---------------------- */
.puplist {display:flex; flex-wrap:wrap; justify-content:flex-end; width:100%}
.puplist > button {display:inline-block; padding:8px 10px; margin:0 0 10px 8px; width:auto; border: 1px dashed #98C7EC; border-radius:4px; background-color:#ebf5fd; color:#000; font-size:13px; cursor: pointer}
.puplist > button:first-child{margin-left: 0}
.puplist > button::before {color:#1971c2; font-size:11px; content:'Popup_'}
.cell_descipt {margin-top:20px}
.cell_descipt li  {display:inline-block; padding:8px 16px; margin-left:6px; width:auto;  font-size:13px; border:1px dashed #ddd; border-radius:4px; }
.cell_descipt li > span::before { color:#1971c2; font-size:11px; content:'• 셀 icon "'}
.cell_descipt li > span::after { margin-right:16px; color:#1971c2;font-size:11px; content:'"'}
.sample_tit{margin:80px 0 20px; padding: 20px; background-color:#EEEEEE; font-size:20px; font-weight:500}
.txt_label {color:#FF0000}
.txt_label::after {content:'_'}



/* ----------------------  Writen By_김미선  ---------------------- */
/* popup 공통 */
.k-textarea.h100 {height:100px}
h3.tit {font-size:16px; margin:40px 0 10px}

/* 공사관리 */
/*  출면일보 */
.tit_calendar h2.btn_select_tit2{position: relative;top:auto;left:auto;}

/* 양식선택 팝업 */
.popup_form_wrap{clear:both;}
.radio_list li{margin-bottom:10px}
.popup_form_wrap .float_left{width:20%;}
.popup_form_wrap .float_right{width:80%;}

/* 검측체크리스트 팝업 */
.posi_rel .i_input{position:relative !important}

/* 검측요청 */
/* 상세검색 padding0*/
.btn_detail_pa0 .btn_detail_search{padding:0}
.bor0{border:0 !important}

/* 사진선택 팝업 */
.popup_pa_bor0{border:0;padding:0}
.data_room .left_wrap .jstree.jstree_hei{height:497px}

/* 사진대지 팝업  */
.popup_photoZone_view .tit {margin-bottom:5px; font-size:15px; font-weight:500;}

/* 검측결과통보 */
/*  상세검색 박스 */
.search_list_box ul{width:40%}
.search_list_box.w_auto ul, .search_list_box.w_auto .date_box ul{width:auto; max-width:100%}
.search_list_box .inp_line01 li{width:100%}
.search_list_box .inp_line01{padding-right:7px}
.search_list_box li .i_inputs{padding-left:80px;width:100%}
.search_list_box li .i_inputs strong{position:absolute;left:0;top:3px;}
.search_list_box .input_box:nth-child(1) label{width:48%;display:block;float:left;}
.search_list_box li .i_inputs span.center{float:left;width:4%;margin:0;text-align:center;}
.search_list_box .inp_line02{padding-left:103px;position:relative;}
.search_list_box .inp_line02 li:nth-child(1){position:absolute;top:0;left:0;}
.search_list_box .inp_line02 li label{width:100%;display:block;}
.search_list_box .inp_line02 li:nth-child(2){width:60%}

/* 인원등록 */
.func_area.file_log ul.radio_list02{padding-top:9px}

.date_box ul{max-width:40%}
.date_box .inp_line01 li{width:100%}
.date_box .inp_line01{padding-right:7px}
.date_box .i_inputs, .search_list_box .date_box .i_inputs{padding-left:60px;width:100%}
/*.date_box .i_inputs strong{position:absolute;left:0;top:7px;}*/
.date_box .input_box:nth-child(1) label{width:48%;display:block;float:left;}
.date_box .i_inputs span.center{float:left;width:4%;margin:0;text-align:center; line-height: 32px}
.date_box .k-datepicker {width:100%; min-width:110px; max-width:120px; text-align:center;}
.date_box .center {width:18px}
/*.date_box .func_area_tit {position:absolute; top:12px; left:0;}*/
.date_box .func_area_tit {position:absolute; top:4px; left:0;} /* 수정 이병위 2020.06.19 */

/* // */

/* 협력업체관리 사용여부 ball  */
.btn_use{width:12px;height:12px;background:#5d89b3;border-radius:6px;display:inline-block}
.btn_no_use{width:12px;height:12px;background:#f03223;border-radius:6px;display:inline-block}
.input_list.custom.view > ul > li.backg_none{background:none}

/* 천후표  */
.weater_tit {padding-bottom:10px; border-bottom:none}
.weater_tit ul{float:right;width:40%;text-align:right;}
.weater_tit li span{display:inline-block;width:100px;text-align:right;font-size:15px;line-height:21px;}
.weater_tit li b{font-weight:300}
.weater_tit h2 {margin-top:10px}

/* 천후표 목록보기 */
.dustBox{border:1px solid #ddd;padding:20px;clear:both;overflow:hidden;margin:20px 0}
.tit_weader{font-size:19px;line-height:100%;color:#000;letter-spacing:-0.03em;float:left;padding-top:10px;width:60%}
.tit_weader span{font-weight:500;}
.dustBox ul{float:right;width:40%;text-align:right;}
.dustBox li span{display:inline-block;width:100px;text-align:right;font-size:15px;line-height:21px;}
.dustBox li b{font-weight:300}
.txt_good{color:#32a1ff}
.txt_usually{color:#00c73c}
.txt_bad{color:#ff5959}

/* 천후표,  날씨정보 등록  팝업*/
span.tit02{width: 80px;display: inline-block;text-align:right;padding-right:10px}
.weather_temperature02 input{width:185px !important}
.weather_temperature02 label{display:inline-block;position:relative;}
.weather_temperature02 .ab_right{right:10px}
.popup_weather_write .weather_radio .list .icon{height:auto}

/* 알림 발송 이력 관리 */
.user_info_view{overflow:hidden;}
.k-dropdown-wrap.k-state-default{background-color:#fff !important}

/* 시정조치 */
.wid_130{width:calc(100% - 130px)}
.wid_130 .text{box-sizing:border-box; overflow: auto; min-height:238px; height:238px;}
/* 등록, 파일첨부 버튼*/
.k-button.btn-file-upload{padding:0;border:0;background:#fff}
.day_line .center{position:absolute;top:8px;right:0;}
.day_line .i_inputs > div{display:inline-block;position:relative;padding-right:15px}
.day_line02{display:inline-block;position:relative;padding-left:20px;width:80px}
.day_line02 .center{position:absolute;top:8px;left:7px;}

/* 업무요청 */
/* 시정조치 등록  */
.d_day_line .day_line02{width:40%;display:inline-block}
.d_day_line .left,.d_day_line > .text{width:59%;display:inline-block}
/* 슬라이드  */
.slick-slide img{max-width:100%}
/* 시정조치 등록(본사)   */
.photo_img_cont{height:445px;background:#f4f4f4;display:flex;align-items:center}
.photo_img_cont img{max-width:100%;max-height:100%;margin:0 auto;}

/* 재해예방조치 (등록_본사사용자)*/
.line_disaster > label{width:130px}
.input_list.custom li.line_disaster .i_inputs{width:calc(100% - 260px)}
.input_list.custom li.line_disaster.type2 .i_inputs{width:calc(100% - 170px)}
.input_list.custom li.line_disaster.type2 .i_inputs label {display:inline-block; vertical-align: middle; width:49%}

.input_list.custom li.line_disaster.type2 .i_inputs label.n_w_auto {width: auto !important;}

/*  재해예방조치 (등록_현장사용자) 탭 오른쪽 버튼*/
.rit_btnBox{position:relative}
.rit_btnBox_con{position:absolute;right:0;top:18px;width:165px;z-index:15}
.rit_btnBox_con label{display:inline-block}

/* 재해예방현황 */
/* table */
.table_st_new table{table-layout:fixed;min-width:700px}
.table_scroll.table_st_new thead tr th{position:relative;top:auto}
.table_scroll.table_st_new tbody th{background: #e9e9e9;}

/* 작업지시서 등록 */
.btn_file_top{vertical-align:top}

/* 공지사항 */
.table_notice table{width:60%;min-width:60%;margin:0;}
#popup_viewer .thumb img{width:100%}
/* 상세 */
.comment_box .comment_write_inline textarea{width:calc(100% - 114px)}
.comment_box .tit_area h3{padding:10px 4px}
/* 공지사항 메인 팝업 */
.acc_txt{background:#fff;padding:10px;border-top:1px solid #ddd}
.acc_cont.k-panelbar .k-content{background:#fff;}
.acc_cont.k-panelbar > .k-item > .k-link{color:#000}
.acc_cont.k-panelbar > .k-item + .k-item{border-color:#ddd}
.acc_cont.k-panelbar > .k-item.k-last{border-bottom:1px solid #ddd}
.acc_cont.k-panelbar > .k-item.k-first{border-top:1px solid #ddd}
.acc_cont.k-panelbar > .k-item.k-state-active > .k-link {color:#333333;background-color:#e9e9e9;border-color:#e9e9e9;}
.acc_cont.k-panelbar > .k-item > .k-link.k-state-selected:not(.k-state-active),.acc_cont.k-panelbar .k-group > .k-item > .k-link.k-state-selected{color:#222;background-color:#e9e9e9;border-color:#ddd;}
.acc_cont.k-panelbar .k-content{background-color:#fff}
.acc_cont.k-panelbar > .k-item > .k-link{color:#222}

/* 시스템 관리  */
/* 회원상세정보 */
.btn_file_upload button{font-size:12px;font-weight:500;color:#333;line-height:1.42857;height:27px;text-align:center;border:1px solid rgba(0, 0, 0, 0.12);background:#e9e9e9;display:block;width:100%;}
.btn_file_upload button:hover{color:#777777;background-color: #fafafa;border:1px solid  rgba(0, 0, 0, 0.15);}

/* 공통  */
strong.tit_popup_st{font-size:14px;line-height:28px}
/* 간편 비밀번호 변경 팝업  */
.easy_pw_cont{text-align:center;margin:20px 0}
.easy_pw li{display:inline-block;width:20px;height:20px;background:#ddd;-webkit-border-radius:20px;border-radius:20px;margin:0 3px}
.easy_pw li.on{background:#4a72a1}
.easy_pw li a{display:block;height:20px}
.number_box{clear:both;overflow:hidden;margin:20px auto 0;border-top:1px solid #ddd;width:80%}
.number_box span{display:block;width:25%;float:left;}
.number_box span button{display:block;padding:10px 0;min-height:40px;border:1px solid #ddd;border-width:0 0 1px 1px;width:100%;font-size:14px;text-align:center;font-weight:500;background:#fff}
.number_box span button:hover{background:#ddd}
.number_box span:nth-child(4n) button{border-right:1px solid #ddd}
.number_box span button.btn_delete{background:#ddd;}
.easy_pw h3{margin-bottom:20px;}
.easy_pw p{font-size:12px;margin-top:5px}

/* 스위치 버튼  */
.switch_wid_st01 .k-switch{width:60px}
.switch_wid_st01 .km-switch-label-on{left:-110%}
.switch_wid_st01 .km-switch-label-off{left:110%}
.switch_wid_st01 .km-switch-label-off,.switch_wid_st01 .km-switch-label-on{width:100%}

/*  오프라인 자료 등록 */
/* 사용량 그래프  */
.graph_file_con{clear:both;overflow:hidden;}
.graph_file_con > p{float:left;width:calc(100% - 200px);padding:5px 5px 0 0}
.graph_file_con > div{float:right;width:200px}
.graph_file{height:5px;width:200px;background:#eff6fc;margin:10px 0}
.graph_file span{height:5px;background:#4a72a1;display:block}

/* 협력업체 관리  */
/* switch style */
.switch{position:relative;display:inline-block;width:45px;height:24px;vertical-align:middle}
.switch input{opacity:0;width:0;height:0;}
.switch .slider01{position:absolute;cursor: pointer;top:0;left: 0;right: 0;bottom: 0;background-color:#f03223;-webkit-transition: .4s;transition: .4s;}
.switch .slider01:before{position: absolute;content: "";height:18px;width:18px;left:3px;bottom:3px;background-color:#eef2f6;-webkit-transition: .4s;transition: .4s;}
.switch .slider01:after{content:'N';display:block;color:#fff;position:absolute;top:3px;right:10px;font-size:12px;font-weight:500;}
.switch input:checked + .slider01{background-color:#5d89b3}
.switch input:checked + .slider01:after{content:'Y';display:block;color:#fff;position:absolute;top:4px;left:11px;font-size:12px;font-weight:500;text-align:left}
.switch input:checked + .slider01:before{left:2px;
-webkit-transform: translateX(22px);
-ms-transform: translateX(22px);
transform: translateX(22px);}
.slider01.round {border-radius: 34px;}
.slider01.round:before{border-radius: 50%;}

/* 검측 체크리스트  */
.k-input{min-height:30px}

/*  시스템관리 > 현장날씨 */
.weader-td .fc_tit_img{display:inline-block;height:60px;margin-top:-5px;vertical-align:middle;text-align:center;}
.weader-td .fc_tit_img img{width:60px;opacity:0.7;}
.weader-td .fc_tit_temperature{display: inline-block;margin:-5px 0 0 8px;vertical-align:middle;text-align:left;}
.weader-td .fc_tit_low{display:block;color:#5d89b3;}
.weader-td .fc_tit_high{display:block;color:#f03223;margin:2px 0;}
.weader-td .fc_tit_low em,.weader-td .fc_tit_high em{font-style:normal;}
.weader-td .fc_tit_temperature{display: inline-block;margin:-5px 0 0 8px;vertical-align: middle;text-align: left;}

/* 인원관리 */
/* 테이블  */
.table_default.table_default_st02{border-top:1px solid #d7d7d7}
.table_default.table_default_st02 thead tr:first-child th:first-child{border-left:1px solid #d7d7d7}
.table_default.table_default_st02 thead th:first-child{border-left:0}
.table_default.table_default_st02 thead th{border-top:0}


/* 시스템관리 */
/* 모범사례 */
.area_hei{height:415px;resize:none}
/*.select_dev{height:30px;border:1px solid rgba(0, 0, 0, 0.12);font-size:14px;color:#444;background:#fff;padding:3px 8px 6px;}*/
.select_dev{height: 29px;border:1px solid rgba(0, 0, 0, 0.12);font-size: 13px;color:#444;background:#fff;padding: 2px 5px 6px;}
.txt_mid{vertical-align:middle;line-height:16px}
span.txt_mid{font-weight:300;}

.td_flex{display:flex;align-items:center}

/* input placeholder */
input[type="text"].k-textbox::placeholder{color:#9d9d9d;}


/* 로그인 뒷배경 css  */
html{height:100%}
.bg_wrap{overflow:hidden;width:100%;height:100%;position:relative;}
.login_wrap{height:100%;position:relative;}
.login_wrap .login_body .login_rememver a,.login_wrap .login_body .login_rememver .k-checkbox-label,.login_wrap .capyright{color:#c0c0c0}
.login_wrap .login{background-color:rgba(3,31,68,0.85);-webkit-box-shadow:0 0 10px rgba(0,0,0,.8);box-shadow:0 0 10px rgba(0,0,0,.8)}
.bg_login01:before{background:url("../../static/img/bg_login01.jpg") center center no-repeat;background-size:cover}
.bg_login02:before{background:url("../../static/img/bg_login04.jpg") center center no-repeat;background-size:cover}
.bg_login03:before{background:url("../../static/img/bg_login06.jpg") center center no-repeat;background-size:cover}
.bg_login01:before,.bg_login02:before,.bg_login03:before{-webkit-animation:zoom-a 6s linear both;animation:zoom-a 6s linear both;transition:all .3s;content:'';display:block;width:100%;height:100%;top:0;left:0;}
@-webkit-keyframes zoom-a{
    /* 01 */
    0%{
        -webkit-transform:scale(1)
    }
    100%{
        -webkit-transform:scale(1.2)

    }
}
@keyframes zoom-a{
    /* 01 */
    0%{
        transform:scale(1)
    }
    100%{
        transform:scale(1.2)

    }
}
.login_wrap:after{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);z-index:3;display:block;content:''}
.login_wrap .btn_login{background:#4574bc}


/* ----------------------  Media Queries ---------------------- */
@media all and (max-width:767px){ /* Mobile 최대 */
/* 상세검색 박스 모바일 */
.search_list_box .inp_line01{padding-right:0}
.search_list_box .inp_line02{padding-left:0}
.search_list_box .inp_line02 li:nth-child(1){position:relative;left:auto;}
.search_list_box .inp_line02 li:nth-child(2){width:100%}
.search_list_box.w_auto ul, .search_list_box.w_auto .date_box ul{width:100%; max-width:100%; padding:3px 0 3px 2px}
.search_list_box label {width:100%; margin:0}
.search_list_box li .i_inputs strong{position:relative; line-height: 32px; top:0}
.search_list_box li .i_inputs span.center { line-height:100%}
.search_list_box, .search_list_box li .i_inputs {padding-left:0 !important} /* 추가_이병위_2020.05.22 */
/* 상세검색 박스 모바일 */

/* 내용등록 상세검색 모바일 */
.mob_search_list label{width:100%}
.mob_search_list .btn.small{width:100%}

/* 인원등록 상세 검색 모바일*/
.search_list.mob_search_list li .i_inputs{width:100%}
.search_list.mob_search_list ul{width:100%}

.func_area.file_log ul.radio_list02{padding-top:0}
ul.float_left.radio_list02 li,ul.radio_list02 li{width:25% !important;float:left;clear:none;}
ul.float_left.radio_list02 li.mr10{margin-right:0}
li.mob_day_line .text_right{text-align:left !important}


.search_list_box ul{width:100%}
.date_box ul{width:100%}
.date_pick .i_inputs {padding-left:0}
.date_pick .func_area_tit{position:relative; top:0}
.date_pick { display:block; width:100%}
.date_pick,
/*.date_pick .float_left,*/
.date_pick .k-datepicker,
.date_pick, .date_pick label,
.date_pickk .func_area_tit,
.date_pick .btn,
.date_pick + .input_box,
.search_list_box .input_box:nth-child(1) label,
.date_box .input_box label {display:block !important; width:100% !important; min-width:100% !important; max-width: 100% !important; padding:3px 0}
.func_area_tit.solo {padding-right:0px; margin-bottom:8px; text-align:left}
.date_box .i_inputs, .search_list_box .date_box .i_inputs{padding-left:0}

/*.search_list label { display: block; width: 100%; margin: 6px 0 0; }*/

/* 천후표 */
.weater_tit{margin-top:0;padding-top:0}
.weater_tit ul{width:100%; text-align:left; float:none; margin-bottom: 10px}
.weater_tit li span{text-align:left;width:100%;font-size:14px;line-height:24px; display:inline-block;}
.weater_tit li + li{margin-top:10px}
.weater_tit h2 {margin-top:0; margin-bottom:10px}
.weather_area .weather_info li {padding:34px 0 20px 0; height:auto; align-items:baseline; text-align:center}
.weather_area .weather_info li .text {text-align:center !important}



/* 천후표 목록보기 */
.dustBox{margin:10px 0;padding:10px}
.tit_weader{width:100%;float:none;margin-bottom:10px;font-size:16px;line-height:20px;padding-top:0}
.dustBox ul{width:100%;text-align:left;float:none}
.dustBox li span{text-align:left;width:100%;font-size:14px;line-height:24px; display:inline-block;}
.dustBox li + li{margin-top:10px}


/* 권한그룹 */
.mob_bottom_area a{width:100%;margin:3px 0}

/* 알림대상자 관리 */
.mob_wid100 .w50{width:100% !important}
.mob_wid100 .ml10{margin-left:0}

/* 시정조치 등록  */
.day_line02{margin:6px 0 3px}
.d_day_line .day_line02{width:40%;display:inline-block}
.d_day_line .left,.d_day_line > .text{width:58%;display:inline-block}

/* 재해예방조치 (등록_본사사용자)*/
.line_disaster > label{width:100%}
.input_list.custom li.line_disaster .i_inputs{width:100%}
.input_list.custom li.line_disaster .i_inputs label +label{margin-top:6px;display:block;}

.input_list.custom li.line_disaster.type2 label{width:100% !important }
.input_list.custom li.line_disaster.type2 strong {width:100% !important; padding: 15px 0 0 5px; }
.input_list.custom li.line_disaster.type2 > label {width:100% }
.input_list.custom li.line_disaster.type2 .i_inputs {width:100%; padding: 5px 0;}
	.input_list.custom li.line_disaster.type2 .i_inputs select {width:100%}



/*  재해예방조치 (등록_현장사용자) 탭 오른쪽 버튼*/
.rit_btnBox_con{position:relative;right:auto;top:auto;width:100%;}
.rit_btnBox_con label{display:block}
.rit_btnBox_con .btn.small{width:100%;margin:3px 0}

/* 작업지시서 등록 */
.btn_file_top{width:100%}
.btn_file_top .k-button.btn-file-upload{width:100%}

/* 공지사항 */
.table_notice table{width:100%;min-width:100%;margin:0;}
/* 상세 */
.input_list.custom li .text.body{width:100%}
.tb_layout{table-layout:fixed}

/* 시스템 관리  */
/* 회원상세정보 */
.user_info_view_photo{float:none;height:auto;width:100%;margin-bottom:10px}
.thumb_photo img{max-width:100%;max-height:100%;width:auto}
.user_info_view ul{float:none;width:100%;}

/* 개읹정보 관리  */
.user_info_view02 li > .text{width: calc(100% - 120px);}
.user_info_view02 li > strong{width:120px;}

/*  오프라인 자료 등록 */
/* 사용량 그래프  */
.graph_file{margin-bottom:0;width:100%}
.graph_file_con > p{float:none;margin-bottom:10px;width:100%}
.graph_file_con > div{float:none;width:100%}

/* 시정조치 등록(본사)   */
.photo_img_cont{height:auto;display:flex;align-items:center}
.photo_img_cont img{max-width:100%;max-height:100%;}

}

/* 상단봐 고정 */
.sticky .right_head_menu {
	top:0px !important;
}
.sticky .toggle_nav {
    display: block !important;
}



/* 신규 */
.k-textbox.n_w115 {
	width: 115px !important;
}
.k-textbox.n_w65 {
	width: 65px !important;
}
.k-textbox.n_w35 {
	width: 35px !important;
}
span.n_line_25_3 {
	line-height: 25px !important;
    padding: 3px !important;
}

/* 서명추가 */
.n_ta_0818 td { border: 0px !important; }
.n_ta_0818 td.ri_sign {text-align: left !important;}
.n_ta_0818 td.ri_sign .ly_sign {position: relative; display: block; height: 90px;}
.n_ta_0818 td.ri_sign .ly_sign img {height: 100%;}


/* 팝업-탭 type1 */
ul.n_pop_tabs {
  position: relative !important;
  display: block !important;
  overflow: hidden !important;
  margin: 0px !important;
  padding: 0px !important;
  list-style: none !important;
  height: 45px !important;
  border-left:1px solid #d5d5d5 !important;
}
ul.n_pop_tabs:after {
  content: '' !important;
  position: absolute !important;
  bottom: 0px !important;
  width: 100% !important;
  height: 1px !important;
  background-color: #d5d5d5 !important;
}
ul.n_pop_tabs li {
	display: block !important;
  float: left !important;
  width: 130px !important;
  height: 45px !important;
  line-height: 32px !important;
  text-align: center !important;
  cursor: pointer !important;
  background: #e9e9e9 !important;
  border:1px solid #d5d5d5 !important;
  border-left:0px !important;
  font-size: 13px !important;
  color: #999 !important;
  font-weight:300 !important;
}
ul.n_pop_tabs li.current {
  background: #fff !important;
  border-bottom:1px solid #fff !important;
  font-size: 13px !important;
  color: #333 !important;
  font-weight:500 !important;
}
.n_pop_tab_content {
  position: relative !important;
  display: none !important;
  padding-top:5px !important;
}
.n_pop_tab_content.current {
  position: relative !important;
  display: block !important;
}


.search_list.search_list_box.w_auto strong.func_area_tit {
	top:0px !important;
	margin-top:0px !important;
	padding: 0px !important;
}

.taNoScroll {
	-ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
    resize:none;
    height:auto;
    width:100%;
    min-height:500px;
    font-family: "맑은 고딕";
    font-size: 11pt;
    line-height: 16pt;
    padding:10pt;
}

.taNoScroll::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}

/*일정관리*/
.attendWrap {width: 100%;height:auto;}
.attendWrap .attendSearchTxt {padding: 6px 10px 7px;margin-top:5px;width:150px;border:1px solid #c5c5c5;border-radius:5px; shadow:none;}
.candidateList {z-index:11002;overflow-y:scroll;width:200px;height:125px;background-color:white;border:1px solid gray;}
.candidateList li {padding:10px; border-bottom:1px solid #c5c5c5;cursor:pointer;}
.candidateList li:hover {background-color:#c5c5c5;}
.selectedTarget {float: left;margin-right: 5px;margin-top:5px;padding: 5px;height:32px;font-weight: 500;background-color: #dff2f7;border: 1px solid #afc0c4;}
.selectedTarget .selectedTarget_del {margin-left:5px;margin-right:5px;cursor:pointer;}
.writer {background-color: #efefef;border: 1px solid #c5c5c5;color:gray;}
.group {background-color: #ddede5;border: 1px solid #a7b5ae;}

/* 답변목록 말풍선 */
.answer_stat { font-weight: 500; font-size: 1rem; line-height: 1.2rem;background-color: #FAF4C0; padding-left: 10px; padding-right: 10px; }
.answer_regDate { color: gray; font-size: 0.8rem; line-height: 1.2rem; margin-left: 10px; }
.speech-bubble-left { position: relative; background: #c9e2e9;  border-radius: .4em;
					  padding:20px; font-size:1rem; margin:15px; width:94%; }
.speech-bubble-left:after { content: ''; position: absolute; left: 0; top: 30%; width: 0;
							height: 0; border: 20px solid transparent; border-right-color: #c9e2e9; border-left: 0; border-bottom: 0;
							margin-top: -10px; margin-left: -20px;}
.speech-bubble-right { position: relative;	background: #FFFFFF; border-radius: .4em; padding:15px;
					   font-size:1rem; margin:15px; width:94%; border: 1px solid #D5D5D5; border-right:0; border-bottom:0;}
.speech-bubble-right:after { content: ''; position: absolute; right:0; top:30%;	width:0; height:0;
							 border: 20px solid transparent; border-left-color: #FFFFFF; border-right: 0; border-bottom: 0;
							 margin-top: -10px;	margin-right: -20px; }


.small-bubble-left { display: inline-block;
					 position: relative;
					 background: #fff;
					 border-radius: .8em;
					 padding:15px;
					 font-size:14px;
					 width:75%;
					 min-height:80px;
					 margin: 15px;
					 margin-right:auto;
					 margin-top:0;
					 border: 2px solid #27415e;
					 word-break: break-all;}
.small-bubble-left:after { content: ''; position: absolute; left: 0; top: 20px; width: 0;
							height: 0; border: 15px solid transparent; border-top-color: #27415e; border-right: 0;
							margin-top: -10px; margin-left: -15px;}
.small-bubble-right { position: relative;
					  background: #FFFFFF;
					  border-radius: .8em;
					  padding:15px;
					  margin:15px;
					  margin-left:auto;
					  margin-top:0;
					  font-size:14px;
					  max-width:75%;
					  border: 1px solid #D5D5D5; border-right:0; border-bottom:0;
					  word-break: break-all;}
.small-bubble-right:after { content: ''; position: absolute; right:0; top:20px;	width:0; height:0;
							 border: 15px solid transparent; border-left-color: #FFFFFF; border-right: 0; border-bottom: 0;
							 margin-top: -10px;	margin-right: -15px; }
.time {font-size:11px; color:gray; text-align: right;margin-top:5px;}

.log-list {background-color:#efefef; font-size:15px; padding:20px; line-height:30px;margin-top:10px;cursor:pointer;}
.log-list:first-child{margin-top:0;}
.log-list .content {color:gray;font-size:18px; font-weight:500; line-height:40px;}
.log-list .subInfo {color:gray; font-size:small;text-align:right;}

.chatInfo_txt {
  margin-top:20px;
  padding-top:10px;
  border-top:1px solid #c5c5c5;
  font-size: 12px;
  color: gray;
}

.load_txt {
  font-size: 14px;
  color: gray;
}

.lds-facebook {
  display: inline-block;
  position: relative;
  width: 40px;
  height: 40px;
}
.lds-facebook div {
  display: inline-block;
  position: absolute;
  left: 4px;
  width: 8px;
  background: #FF7012;
  animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.lds-facebook div:nth-child(1) {
  left: 4px;
  animation-delay: -0.24s;
}
.lds-facebook div:nth-child(2) {
  left: 16px;
  animation-delay: -0.12s;
}
.lds-facebook div:nth-child(3) {
  left: 28px;
  animation-delay: 0;
}
@keyframes lds-facebook {
  0% {
    top: 4px;
    height: 32px;
  }
  50%, 100% {
    top: 12px;
    height: 16px;
  }
}

.time {font-size:11px; color:gray; text-align: right;margin-top:10px;}
.satisfaction {padding:10px; border-top:1px solid #FF7012;margin-top:10px;}
.satisfaction li {float:left; width:33.3%; text-align:center;cursor:pointer;}
.satisfaction .on {color:#FF7012; font-weight:500;}

.satisfaction2 {position:absolute;top:5px;right:13%;}
.satisfaction2 li{height:30px;width:30px;border-radius:15px;margin-bottom:3px;}
.satisfaction2 .up {background:url("../../staticM/images/ico/ico_up_small.png") center 0 no-repeat;background-size:30px auto}
.satisfaction2 .down {background:url("../../staticM/images/ico/ico_down_small.png") center 0 no-repeat;background-size:30px auto}
.satisfaction2 .on {background-color:#27415e;}
.satisfaction2 .off {background-color:#c5c5c5;}
.satisfaction2 .copy {border:2px solid #FF7012;background:url("../../staticM/images/ico/ico_copy_small.png") center 0 no-repeat;background-size:25px auto}


.small-bubble-left a:link {
	margin:5px;
	background-color:#FAECC5;
	border:1px solid #FFE08C;
	line-height:15px;
	padding-left:5px;
	padding-right:5px;
}
.small-bubble-left a:visited {
	background-color:#efefef;
	border:1px solid #c5c5c5;
	line-height:15px;
	padding-left:5px;
	padding-right:5px;
}

.small-bubble-left p img {
	max-width: 100%;
}

.guide_photo {min-height:300px;display:flex;align-items: center;background-color:#efefef;}

/* 프로필 퀵메뉴 높이 확장 */
.open .user_info.has_quick { height: auto !important; padding: 16px 10px 4px !important; }
.guide_photo img {width:100%;}