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

.inspec_wrap header {width:100%; height: 80px;}
.loginArea {position: absolute; top:0px; right:60px;}

.inspec_all_wrap{min-width: 1500px;}
input[type='radio']{width: 17px; height: 17px;}
input[type='checkbox']{width: 17px; height: 17px;}

/* go top */

#dimed{display:none;position:fixed;top:70px;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:99} 
/*#top{display:none;position:fixed;bottom:258px;right:3%;width:50px;height:50px;padding-top:22px;box-sizing:border-box;background:rgba(47,135,3,0.4) url('/images/kofac/icon_goTop_on.png') no-repeat center 17px/23px auto;border-radius:50%;border:0px solid #ccc;transition:all 0.3s;cursor:pointer;font-size:0px;text-align:center;text-indent:-9999px;z-index:100;}
#top:hover{background-color:#2f8703; background-image:url('/images/kofac/icon_goTop_on.png');transition:all 0.3s;}*/


#top{display:none;position:fixed;bottom:258px;right:3%;width:44px;height:44px;padding-top:22px;box-sizing:border-box;background-color:#fff;border-radius:50%; border:1px solid #006AB6; transition-duration: 0.3s; transition-property: background-color, bottom; cursor:pointer;font-size:0px;text-align:center;text-indent:-9999px;z-index:100;}
#top::after{content: ''; width: 16px; height: 20px; background: url('/images/kofac/top_arrow_blue.png')no-repeat center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#top:hover{background-color:#006AB6; border-color: #fff;}

#top:hover::after{background: url('/images/kofac/top_arrow_white.png') no-repeat center;}
#top.bottom::after{transform: translate(-50%, -50%) rotate(180deg);}

.container_wrap {width:100%; position: relative; height: 100%; min-height: 100vh; min-width: 1500px;}
.cont_title {position: relative; margin-bottom: 20px; width: 100%; float: right; margin-top: 30px;} 
.cont_title .ct_inner{display: flex; justify-content: space-between; flex-direction: column; border-bottom: var(--main_border); margin: 0 60px;}
.cont_title.menu_open{width: calc(100% - 195px);}
.cont_title h2 {font-size:25px; color:#333; font-weight: 700; display: inline; padding-bottom: 10px; padding-top: 20px; order: 2;}
/* .cont_title p {position: absolute; top:25px; left:30px; font-size:0.85rem; color:#95b4f2;} */
.cont_title .topnavi ul li {position: relative; display: inline-block;}
.cont_title .topnavi ul li a {color:#6E6E6E; padding:0px 8px; font-size: 14px;}
.cont_title .topnavi ul li:first-child a {padding-left: 0;}
/* .cont_title .topnavi ul li a:hover {color:#FFFE49;} */
.cont_title .topnavi ul li:after {content: ""; position: absolute; top:50%; right:-2px; width: 1px; height: 10px; background: #C8C8C8; transform: translate(-50%, -50%);}
.cont_title .topnavi ul li:last-child:after {display: none;}
.cont_title .topnavi ul li a.on {color:#333; font-weight: 600;}
/* .cont_title .topnavi ul li a.on:hover {color:#FFFE49;} */

/* 왼쪽 사이드 바 */
.cont_bg_contents{ /* position: relative; */ width: 100%; display: inline-block; min-height: 71.3vh; padding-bottom: 30px;}
.left_sidebar{position: absolute; width: 195px; height: 100%; top: 0px; left: -195px; border-right: var(--main_border); transition: all .2s;}
.left_sidebar.active{left: 0;}
.left_sidebar .ls_dep1{width: 100%; padding: 28px; text-align: center; border-bottom: var(--main_border);}
.left_sidebar .ls_dep2 li a{width: 100%; text-align: center; padding: 11px 0; display: block; border-bottom: var(--main_border);}
.left_sidebar .ls_dep2 li.active a{background: #EDEDED}
.left_sidebar .ls_toggle {position: absolute; top: 3px; right: -1px; width: 14px; height: 66px; background: #f5f5f5 url(/images/kofac/icon/side_arrow_left.png) no-repeat center; border-radius: 5px 0 0 5px; z-index: 9; border: var(--main_border);}
.ls_toggle.active {right: -15px; top: 3px; background: #f5f5f5 url(/images/kofac/icon/side_arrow_right.png) no-repeat center; border-radius: 0 5px 5px 0;}
.cont_contents {width:100%; max-width:1786px; margin:0 auto; background: #fff; position: relative; clear: both;} /* 230321 수정 */
.cont_contents.menu_open {width: calc(100% - 195px); float: right; padding: 0 60px;}
/* .cont_bg_contents.menu_open {width: calc(100% - 195px);} */

/* 서브페이지 타이틀 & 히스토리 230320 */
.sub_top_area{display: flex; justify-content: space-between; padding-bottom: 8px; border-bottom: 1px solid #c8c8c8; margin-bottom: 17px;}
.sub_top_area h1{font-size: 20px;}
.sub_top_area ul{display: flex; align-items: end;}
.sub_top_area ul li{padding-left: 16px; font-size: 14px; position: relative; color: var(--deep_grey);}
.sub_top_area ul li::after{content: ''; position: absolute; width: 1px; height: 10px; top: 50%; right: -8px; background: #C8C8C8; transform: translate(-50%, -50%);}
.sub_top_area ul li:last-child{color: var(--black);}
.sub_top_area ul li:last-child:after{display: none;}

/* 심의 헤더 */


/* 팝업창 디자인 */
.mask {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE-8 */ filter:alpha(opacity=80); /* IE-7 */ opacity:0.8; /* all-browser */ z-index: 100; }

.layerpopupWrapper {display: none;position: fixed; top: 15%;left: 50%;width: 600px;margin-left: -350px;z-index: 1110; width: 840px; z-index: 1110;}
.layerpopupArea {position: relative; width: 840px; background: #fff; padding: 0px 0 25px 0; z-index: 9999; max-height: 70vh; overflow-y: auto;}
.layerPopupContent { display: none; }
.layerPopupContent.opened { display: block; }
.layerpopupArea h4 {color: #fff; font-size: 16px; padding-left:20px; height:50px; font-weight: 600; line-height: 50px;  background: url(/images/kofac/sub/bg_popup_left.png) left top;}
.layerpopupArea .pop_box {background: #fff; padding: 20px 30px; }
/*20230907 발행사 수정본검토 추가*/
.layerpopupArea .pop_box .scroll_popup {max-height:180px; overflow-y:auto; }


.layerpopupArea h5 {color: #424242; font-size: 1rem; line-height: 22px; font-family: "NotoSans", sans-serif; font-weight: 500; margin-bottom: 7px; }
.layerpopupArea .btnClose {position: absolute; top: 16px; right: 20px; }
.layerpopup_bottom{ text-align:center; position :absolute; bottom: 0; width: 100%; height: 45px; background-color: #e5eaf3; text-align: center; z-index: 1;}
.btnArea02{margin: 14px 0 0 0;}

/* 페이탭 탭영역 데이터(노드) 추가 될때마다 자동으로 늘어납니다_최대8개 */
.page_tab_box_wrap {width:100%;}
.page_tab_box { width:100%; text-align: center; border-left:1px solid #dcdcdc; overflow: hidden;}
/* .page_tab_box ul {} */
.page_tab_box ul li {float: left;}
.page_tab_box ul li a {display: block; background: #ffffff; padding:11px 0px; color:#b2b1b1; border:1px solid #cecece; font-weight: 600;}
.page_tab_box ul li a.on {background: #457ae4; color:#fff; border: solid 1px #2d66da;}
.page_tab_box ul li a.on:hover {background: #457ae4; color:#fff;}
.page_tab_box ul li a:hover {background: #457ae4; color:#fff; border:1px solid #2d66da;}
.page_tab_box ul li a:last-child {border-left:none;}
.page_tab_box li:only-child { width: 100%; }                       /* 노드가 하나일 때 선택 */
.page_tab_box li:first-child:nth-last-child(2),                       
.page_tab_box li:first-child:nth-last-child(2)+li {width:50%;}     /* 노드가 둘 일 때, 2번 노드 선택 */
.page_tab_box li:first-child:nth-last-child(3),                       
.page_tab_box li:first-child:nth-last-child(3)~li {width:33.33%;}  /* 노드가 둘 일 때, 3번 노드 선택 */
.page_tab_box li:first-child:nth-last-child(4),                       
.page_tab_box li:first-child:nth-last-child(4)~li {width:25%;}     /* 노드가 둘 일 때, 4번 노드 선택 */
.page_tab_box li:first-child:nth-last-child(5),                       
.page_tab_box li:first-child:nth-last-child(5)~li {width:20%;}     /* 노드가 둘 일 때, 5번 노드 선택 */
.page_tab_box li:first-child:nth-last-child(6),                       
.page_tab_box li:first-child:nth-last-child(6)~li {width:16.66%;}  /* 노드가 둘 일 때, 6번 노드 선택 */
.page_tab_box li:first-child:nth-last-child(7),                    
.page_tab_box li:first-child:nth-last-child(7)~li {width:14.28%;}  /* 노드가 둘 일 때, 7번 노드 선택 */
.page_tab_box li:first-child:nth-last-child(8),                    
.page_tab_box li:first-child:nth-last-child(8)~li {width:12.50%;}  /* 노드가 둘 일 때, 8번 노드 선택 */

table td {font-size:0.9rem;}    
table td input {padding:3px 10px 3px 10px; vertical-align: middle;}
table td select{padding:3px 10px 3px 10px; vertical-align: middle;}
table td textarea {border:1px solid #cecece; width:96%; min-height: 150px; margin:15px 0px 15px 0px; padding:10px;}
.start {font-size:1.2rem; vertical-align: middle; color:#ff8010; padding:0px 3px; margin-top:3px; display: inline-block;}

/* 게시판 탭영역*/
.table_tab_box_wrap {width:100%;}
.table_tab_box {width:100%; text-align: center; border-left:1px solid #c2d8eb; overflow: hidden; border-bottom:1px solid #cecece;}
.table_tab_box ul {}
.table_tab_box ul li {float: left;}
.table_tab_box ul li a {display: block; background: #ffffff; padding:11px 7px; color:#b2b1b1; border:1px solid #cecece; border-bottom:0px !important;}
.table_tab_box ul li a.on {background: #e7f4ff; color:#2257c3; border:1px solid #c2d8eb;}
.table_tab_box ul li a.on:hover {background: #e7f4ff; color:#2257c3; }
.table_tab_box ul li a:hover {background: #c0d5ff; color:#457ae4; border:1px solid #c0d5ff;}
.table_tab_box ul li a:last-child {border-left:none;}
.table_tab_box li {min-width:11.1%;}


/* 기본 게시판 */    

.base_board table {width:100%; border-top:2px solid #969696; max-width: 100%;}    
.base_board table th {font-size: 14px; color: var(--black); font-weight: 600; text-align: center; background: #f5f4f4;  padding: 10px 0; border-bottom: var(--main_border);  border-right: var(--main_border); word-break: keep-all;}
.base_board table th:first-child {border-left:var(--main_border);}
.base_board table td {position:relative; text-align: center; font-size: 13px; color: #6E6E6E;  padding: 8px 10px;  border-bottom: var(--main_border); border-right: var(--main_border); word-break: break-all;max-width:200px !important; white-space: normal;}
.base_board table td p span svg{width:100%;}
.base_board .brs{border-right: solid 1px #dedede !important; }
.title_on {text-align: left !important;}

.title_on {text-align: left !important;}

.tron{background-color: #ecf5ff;}
.trout{background-color: #fff;}
.tron:hover{background-color: #fdefbe;}
.trout:hover{background-color: #fdefbe;}

.base_board.line table {width:100%; border-top:var(--top_border);}    
.base_board.line table th {background: var(--light_grey); padding:10px 0px; text-align: center; color:#333; border-left:var(--main_border); word-break: keep-all;}
.base_board.line table td {text-align: center; padding:5px 0px; border-bottom:var(--main_border); color:var(--deep_grey); font-size:14px; border-right:var(--main_border); }
/* .base_board th:last-child{border-right:none;} */
.base_board td:last-child{border-right:none;}
.title_on a {font-weight: 600;}

.base_board table tr td:first-child{border-left: var(--main_border);}
.base_board table tr td:last-child{border-right: var(--main_border);}
.base_board.line table td:first-child{border-left: var(--main_border);}
.base_board.tal th{padding: 10px 0 10px 10px;}
.base_board.tal th,
.base_board.tal td{text-align: left;}
.base_board table th.tac, 
.base_board table td.tac{text-align: center;}

/* 기본 글쓰기 */
.base_writing table {width: 100%; /*border-top: 2px #1e63a8 solid;*/ border-top: var(--top_border);}
.base_writing table th {
    font-size: 14px;
    color: #323232;
    font-weight: 600;
    text-align: left;
    background: #f5f4f4;
    border-right: solid 1px #d5d5d5;
    padding: 10px 0 10px 10px;
    border-bottom: solid 1px #d5d5d5;}
.base_writing table td {
	text-align: left;
    font-size: 13px;
    color: #848484;
    padding: 7px 7px 7px 7px;
    border-bottom: solid 1px #d5d5d5;
    border-right: solid 1px #d5d5d5;
}
.base_writing.tac table th,
.base_writing.tac table td{text-align: center}
.base_writing th:last-child{border-right:none;}
.base_writing td:last-child{border-right:none;}
.base_writing_r{border-right: solid 1px #d5d5d5 !important;}
.base_writing table th.tac, 
.base_writing table td.tac{text-align: center;}

.file_wrap p {float:left; overflow: hidden; padding:10px 0;}
.file_box {border:1px solid #cecece; width:100%; margin-bottom:15px;}
.file_box ul li {position: relative;}
.file_box ul li a {padding:5px 10px 3px 10px; display: block;}
.file_box ul li a:hover {padding:5px 10px 3px 10px; color:#005AE5;}
.file_box ul li span { position: absolute; top:3px; right:60px; color:#9B9B9B;}

.file_title {border-bottom:1px solid #cecece; overflow: hidden;}pager
.file_title p {padding:3px 0px;}
.file_title p:nth-child(1) {float:left; width:10%; text-align: center;}
.file_title p:nth-child(2) {float:right; width:20%; text-align: center;}
.data_none {text-align: center; padding:15px 0px; color:#cecece;}

/* 도움말 박스 */
.help_wrap {width:100%; }
.help_box {position: relative; width:100%; border:1px solid #e8e8e8; background:repeating-linear-gradient(45deg, #fbfbfb  , #fbfbfb 2px, #fff 0, #fff 8px);}
.help_box .help_text {background: url(/images/kofac/help_bg_icon.png) 4% 50% no-repeat; transition: all 0.3s ease-in-out;}
.help_box .help_text p {line-height: 25px;letter-spacing: 0.3px; padding: 35px 25px 35px 205px; transition: all 0.3s ease-in-out; font-weight: 400;}
.line-1 {left:0%;top:0%;right: 20%;transform:rotate(0deg);} /* 고정선 위치값 */
.line-ty {position:absolute;display:block;height: 2px;background: rgb(30, 115, 241);overflow:hidden;z-index:2;top: -2px;width: 15%;left:0px;} /* 고정선 설정 */
.line-ty::before {content:'';position:absolute;display:block;width: 30%;height: 4px;background: #c4dcff;animation: move-2 2s ease-in-out infinite;z-index:3;} /* 움직이는 선 설정 */
@keyframes move-2 {from { right:-50px; } to { right:100%; }}                

/* 검색 영역 */                        
.base_search_wrap {position: relative;border:2px solid #3d5bbe;background: #fff;border-radius: 100px 30px 30px 100px;width:90%;padding:10px 0px;}
.base_search_wrap button {position: absolute;top: 15%;right: -10%;height: 70%;width:10%;color:#fff; border-radius: 0px 100px 100px 0px; background:#1e73f1 url(/images/kofac/serach_btn_icon.png) 15% 50% no-repeat; padding-left:15px; font-weight: 500; font-size:0.9rem;}
.base_search_wrap button:hover {background:#091E7E url(/images/kofac/serach_btn_icon.png) 15% 50% no-repeat;}
.base_search_box {width:100%;}
.base_search_box table {width:90%; margin:0 auto; font-size:0.9rem;}
.base_search_box table th {text-align: left; padding-left:10px; font-weight: normal; padding:7px 10px; background: url(/images/kofac/saerch_dot.png) left no-repeat;}
.base_search_box table td  {background: #fff; margin:5px 0px; padding:7px 10px;}

/* new_검색 영역 */    
.uit{position:relative;margin-bottom:30px;background:var(--light_grey);overflow:hidden; border: var(--box_border);}
/* .uit:before{content:"";position:absolute;top:0;left:0;width:100%;height:30px;background:#467ed4}
.uit:after{content:"";position:absolute;top:0;left:0;width:180px;height:30px;background:#467ed4} */
.uit2{position:relative;margin-bottom:20px;background:#f1f3f5;border:1px solid #f1f3f5;overflow:hidden}
.uit .inner,
.uit2 .inner{position:relative;z-index:1;margin:3px;padding:15px 25px; /*border-bottom:1px solid #c2cbe5*/}
.uit .inner h2,
.uit .inner strong,
.uit2 .inner h2,
.uit2 .inner strong{display:block;margin-top:0;padding:0;margin-bottom:5px;font-size:1.42em;line-height:1.3;color:#2A60D3;font-weight:normal;}
.uit .inner p, .uit2 .inner p{padding:5px 0;}

.uit table {width:100%;}
.uit table th {text-align: left; font-weight: normal; padding:7px 10px; /*background: url(/images/kofac/saerch_dot.png) left no-repeat;*/ font-size: 14px; font-weight: 600;}
.uit table td  {margin:5px 0px; padding:7px 10px;  font-size: 15px;}

/* 검색 밑 버튼 박스 230328 */

.fr.fr_btn_mg{margin: 10px 0px 30px 0; z-index: 90; position: relative;}

/* 기본 타이틀 영역 */
.base_title_wrap {width:100%;}
.base_title {width:100%; overflow:hidden; padding:10px 0px; font-size: 14px;}
.base_title .tit-h2 {
    font-size: 14px;
    position: relative;
    font-size: 14px;
    font-weight: 600;
    color: var(--black);
    background: url(/images/kofac/sub/h2_title.png) no-repeat 0 5px;
    padding-left: 23px;
	display: inline;
    padding: 3px 23px;
}

.base_title .tit-h3 {
    font-size: 16px;
    position: relative;
    font-weight: 600;
    color: var(--black);
    background: url(/images/kofac/sub/h2_title.png) no-repeat 0 7px;
    padding-left: 23px;
	display: inline;
    padding: 3px 23px;
}
.base_title.li_tree_tit{
    border-bottom: var(--top_border);
}
.li_tree_tit .tit-h3{
    font-size: 16px;
    position: relative;
    font-weight: 600;
    color: var(--black);
    background: url(/images/kofac/dl_tree_dot.png) no-repeat 0 7px;
    padding-left: 23px;
	display: inline;
    padding: 3px 23px;
}
/* .base_title .tit-h2::before{
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    background: url(/images/kofac/sub/h2_title.png);
} */
.base_title h3 {
    font-size: 1.2rem;
    color: #494949;
    font-weight: 600;
    background: url(/images/kofac/sub/base_dot_icon.png) 0% 50% no-repeat;
    display: inline;
    padding-left: 25px;
}
.base_title span {padding-left:10px;}

/* pagingarea (~2024)
.pagingarea{text-align:center; padding-top:0px;margin-bottom:40px; margin-top:30px;}
.pagingarea .on{font-size: 13px; text-decoration: none; background-color: #4D97CC; color: #fff; border: 1px solid #1778BD;}
.pagingarea a, .pagingarea strong, .pagingarea span {color:#000; font-size:13px; font-weight:normal; text-decoration:none; border:1px solid#CBCBCB;line-height:18px; padding:3px 8px; display:inline-block; vertical-align:top; background-color: #fff; }

.pagingarea .pre, .pagingarea .next{width:27px; line-height:13px; height:27px;display:inline-block; font-size:12px; font-weight:100; color:#555; border:0px solid #fff; }
.pagingarea .pre{ background:#fff url(/images/kofac/table/wh_left_set.png) 0 0 no-repeat; padding:7px 0px 1px 0px !important; }
.pagingarea .next{ background:#fff url(/images/kofac/table/wh_right_set1.png) 0 0 no-repeat; padding:7px 0 1px 0px !important; }
.pagingarea .pre:hover{ border:0 none; padding:7px 0px 1px 0px !important;}
.pagingarea .next:hover{ border:0 none; padding:7px 0 1px 0px !important;}
.pagingarea span{border:0; padding-left: 10px; padding-right: 5px;  }

.pagingarea .current_prev, .pagingarea .current_next { width:27px;line-height:13px; height:27px;display:inline-block; font-size:12px; font-weight:100; color:#555; border:0px solid #fff; }
.pagingarea .current_prev{background:#fff url(/images/kofac/table/wh_pagenate_set.png) 0 0 no-repeat; padding:7px 0px 1px 0px !important;}
.pagingarea .current_next{background:#fff url(/images/kofac/table/wh_pagenate_set1.png) 0 0 no-repeat; padding:7px 0 1px 0px !important;}
.pagingarea .current_prev:hover{border:0 none; padding:7px 0px 1px 0px !important;}
.pagingarea .current_next:hover{border:0 none; padding:7px 0 1px 0px !important;}

*/

/* new pagingarea */

.pagingarea{text-align:center; padding-top:0px;margin-bottom:40px; margin-top:30px;}
.pagingarea .center{display: flex; align-items: center; justify-content: center;}
.pagingarea a, .pagingarea strong, .pagingarea span{position: relative; padding: 0 10px; font-size: 15px;}
.pagingarea strong.on{color: #4D97CC;}
.pagingarea strong.on::after{content: ''; position: absolute; bottom: 0; left: 50%; width: 12px; height: 2px; transform: translateX(-50%); background: #4D97CC;}
.pagingarea .current_prev, .pagingarea .pre,
.pagingarea .current_next, .pagingarea .next{width: 20px; height: 20px; background-repeat: no-repeat; background-position: center;}
.pagingarea .current_prev{background-image: url(/images/kofac/pg_first.svg);}
.pagingarea .current_prev.disabled{background-image: url(/images/kofac/pg_first_grey.svg);}
.pagingarea .pre{background-image: url(/images/kofac/pg_prev.svg);}
.pagingarea .pre.disabled{background-image: url(/images/kofac/pg_prev_grey.svg);}
.pagingarea .next{background-image: url(/images/kofac/pg_next.svg);}
.pagingarea .next.disabled{background-image: url(/images/kofac/pg_next_grey.svg);}
.pagingarea .current_next{background-image: url(/images/kofac/pg_last.svg);}
.pagingarea .current_next.disabled{background-image: url(/images/kofac/pg_last_grey.svg);}


/* 2020-08-21 추가 */
.Width_wrap{max-width: 100% !important;}

/* ======================= 심사위원 ======================= */

/* 심사위원 정보 */
.judge_mypage{position: relative; width:100%;}
.judge_mypage:after{display: block; content: ""; clear: both;}
.judge_mypage .judge_name{float:left; display: inline-block; width:30%; font-size:1.3rem; color:#3a3a3a; background:url(/images/kofac/sub/icon_judge.png) no-repeat 20px top; padding-left:90px; height: 65px; line-height: 50px}
.judge_mypage .judge_name span{font-size:1.9rem; font-weight: 600; color:#5471e2;}
.judge_mypage .judge_number{float: right; display: inline-block; font-size:1.125rem; color:#484848; height:30px; background:url(/images/kofac/sub/icon_judge_work.png) no-repeat left 4px; padding-left:40px; margin-top:45px; } /* 20200723 */
.judge_mypage .judge_number span{font-size:1.5rem; font-weight: 600; color:#ff4a2d;}
.judge_mypage .judge_number .judge_button{display: inline-block; margin-top:-10px; } /* 20200723 */

/* 심사내용 */
.judge_info{position: relative;display: block;background-color:#dee3f5; border-radius: 10px; padding:30px 40px; margin-bottom: 40px;}
.judge_info:after{display: block; content: ""; clear: both;}

.judge_info_stat{float: left; background-color:#6e86e3; border-radius: 8px; padding:15px 10px 0 15px; font-size:1.55rem; color:#fff; height: 115px; width:150px; text-align: center; box-sizing: border-box;}
.judge_info_stat p{line-height: 50px; color: #fff;}
.judge_info_tri{float: left; width: 0px; height: 0px; border-top: 54px solid transparent; border-left: 30px solid #6e86e3; border-bottom: 53px solid transparent;margin-top:4px; margin-left:-1px;}

.judge_info_part{float:left; background-color: #fff; border-radius: 8px; margin-left:40px; box-shadow:0 1px 8px rgba(0,0,0,0.1); width:80%; min-height: 115px;}

/* 진행현황, 심사하기 */
.judge_info_process{position: relative; background-color:#fff; border:4px solid #e6edf5; border-radius: 150px; padding:0 40px;}
.judge_info_process:after{display: block; content: ""; clear: both;}
.judge_processBox{float: left; position: relative; width:20%; margin-top:15px; }

.judge_processBox_on{background-color:#f45582; width:130px; height: 130px; border-radius:80px;  text-align: center; vertical-align: middle; margin:0 auto;}
.judge_processBox_on a{color: #fff; font-size: 18px; display: inline-block; font-weight: 600;}
.judge_processBox_off{background-color:#e3e3eb; width:130px; height: 130px; border-radius:80px; text-align: center; vertical-align: middle; margin:0 auto;}
.judge_processBox_off:hover{background: #f45582;}
.judge_processBox_off a{color: #333; display: inline-block; width: 100%; height: 100%; font-size: 18px;}
.judge_processBox_off a:hover{color: #fff;}

.judge_start{float:right; width:190px; height: 162px; background:url(/images/kofac/sub/icon_judge_start.png) no-repeat center center; padding-right: 10px;}
.judge_start p{text-align: center; color:#fff; font-size: 1.875rem; font-weight: 600; line-height: 130px;padding-left:10px;}
.judge_start a{color: #fff; font-size: 19px; display: inline-block;}

.judge_processBox:after {
   display: block;
    width: 4px;
    height: 4px;
    background: #9a9a9a;
    content: "";
    position: absolute;
    clear: both;
    border-radius: 15px;
    top: 76px;
    right: 0;
}

/* 기본 게시판 */    
.judge_board table {width:100%; border-top:2px solid #6a95e9;}    
.judge_board table th {background: #eff4ff; padding:17px 0px; text-align: center; color:#3d3d3d; border-left:1px solid #dcdcdc; border-bottom:1px solid #e0e2e6;}
.judge_board table th:first-child {border-left:none;}
.judge_board table td {text-align: center; padding:10px 0px;  color:#3f3f3f; font-size:0.9rem;}

.judge_box{width: 85%; margin: 0 auto;}

/* 에러페이지 */
.wrap{position:relative;width:100%;min-width:1200px;}

.errorWrap{width:1200px;margin:0 auto;padding-top:90px;text-align:center;}
.errorWrap .logo{ width: 100%; max-width: 187px; margin: 0 auto 100px;}
.errorWrap .error{min-height:600px;box-sizing:border-box;}
.errorWrap .error .info{position:relative;padding-top:140px;}
.errorWrap .error .info:after{content:'';overflow:hidden;display:block;position:absolute;top:-60px;left:50%;width:294px;height:178px;margin-left:-140px;background:url("/images/kofac/error/icon_result_set.png") no-repeat center top;}
.errorWrap .error .info .tit{display:block;margin-top:10px;margin-bottom:16px;color:#222;font-weight:700;font-size:30px;line-height:45px;}
.errorWrap .error .info p{margin-top:8px;color:#757575;}
.errorWrap .error .time{width:740px;margin:72px auto 0;padding:42px 40px 39px;border:1px solid #eee;border-radius:3px;box-sizing:border-box;}
.errorWrap .error .time em{margin-left:10px;color:#007d7c;font-weight:500;font-size:24px;line-height:36px;letter-spacing:0;}
.errorWrap .error .time .sub{margin-top:12px;color:#757575;font-size:15px;line-height:27px;}
.errorWrap .error .info + .btnArea{margin-top:72px;}

.errorWrap .footer{padding-top:35px;border-top:1px solid #eee;color:#757575;font-size:0;text-align:center;}
.errorWrap .footer > p{position:relative;display:inline-block;margin-left:20px;padding-left:21px;font-size:15px;line-height:27px;vertical-align:top;}
.errorWrap .footer > p:after{content:'';display:block;position:absolute;left:0;top:50%;width:1px;height:10px;margin-top:-5px;background:#d7d7d7;}
.errorWrap .footer > p:first-child{margin-left:0;padding-left:0;}
.errorWrap .footer > p:first-child:after{display:none;}

/* 체크 */
.check_on {
    background: url(/images/kofac/table/icon_check_1.png) 10px center no-repeat #f5f4f4 !important;
    margin-right: 4px;
    padding-left: 25px !important;
}
.check_on2{
    background: url(/images/kofac/table/icon_check_1.png) 10px center no-repeat !important;
    margin-right: 4px;
    padding-left: 25px !important;
}
.check_off{margin-right:4px; padding-left: 25px !important;}
.check {
    background: url(/images/kofac/table/icon_check_1.png) 10px center no-repeat !important;
    margin-right: 4px;
    padding-left: 25px !important;
}

/* 텝 */
/* 타이틀 탭 */
 .title_tab {border-bottom:2px solid #032e59;width:100%;height: 40px;margin-bottom:0px;}
 .title_tab .on  {background-color:#fff;padding:0px 20px;font-size:17px;color:#2e2e2e;font-weight:600;height: 38px;border-left:2px solid #032e59;border-right:2px solid #032e59;border-top:2px solid #032e59;}
 .title_tab .off:hover  {background:#c9c9c9;}
 .title_tab ul {overflow:hidden;}
 .title_tab ul li a {float:left;background:#f8f8f8;padding:0 15px;height: 37px;line-height: 38px;font-size:14px;color:#46546c;font-weight:600;border-left:solid 1px #dcdcdc;border-right:solid 1px #dcdcdc;border-top:solid 1px #dcdcdc;box-sizing: content-box;}
 .border_none {border:none !important;}

 /* 탭 영역 */
 .tab_body{border:2px solid #032e59; border-top:0; padding:20px 20px 10px;}
 .tab_body .board_title_bg {overflow:hidden; margin-bottom:5px;} /*타이틀 라인 잡아주는 영역*/
 .tab_body .board_title {position:relative; margin-bottom:0px;}
 .tab_body .board_title ul{float: left; padding:0;}
 .tab_body .board_title li{float:left;}

 /* 2020-09-17 추가 */
 .btn_fileControl{position: absolute; top:14px; right:10px;}
 .irx_transferWin div.irx_filetree.empty-uploader{background-color:#fff;}
.empty-uploader_sm .empty-uploader{background:url(/innorix/img/dropzone1.png) no-repeat center center !important; background-color:#fff !important; background-size: 23% !important;}
 .empty-uploader_big .empty-uploader{background:url(/innorix/img/dropzone.png) no-repeat center center !important; background-color:#fff !important;}

/* 2020-09-29 */

/* 가입완료 */
.sinup_complete{background:url(/images/kofac/sub/sinup_complete.png) no-repeat center top; text-align:center; width:652px; height:292px; margin:0 auto;}
.sinup_complete strong{ font-size:16px; color:#333333; font-weight:600; margin-top: 180px; display:inline-block; padding-left:15px;}  

/* 2020-10-07 추가 */
.table_inside table {width: 100%; border-top: 1px #828282 solid;}
.table_inside table th {font-size: 12px;
    color: #323232;
    font-weight: 600;
    text-align: center;
    background: #f5f4f4;
    border-right: solid 1px #d5d5d5;
    padding: 6px 0 6px 10px;
    border-bottom: solid 1px #d5d5d5;}
.table_inside table td {
	text-align: center;
    font-size: 12px;
    color: #848484;
    padding: 5px 7px 5px 7px;
    border-bottom: solid 1px #d5d5d5;
    border-right: solid 1px #d5d5d5;
}
.table_inside th:last-child{border-right:none;}
.table_inside td:last-child{border-right:none;}

/* 댓글 */
.t_hide { width:0; height:0; margin:0; line-height:0; font-size:0; text-indent:-10000em; overflow:hidden; }
	
.cmt_write dl.writing {margin-bottom:0; clear: both;}
.cmt_write dl.writing textarea {width:93%; height:52px; margin-right:1px; padding:4px 5px;  color:#666; word-spacing:2px; border:1px solid #d6d4d5;  overflow:auto; overflow-x:hidden; color: #adadad;}
.cmt_write dl.writing .checked{color: #666;}
.cmt_write dl.writing input { margin-top:-1px; margin:-2px 0 0 0; vertical-align:top; }

.cmt_write_wrap { position:relative; z-index:2;}
.cmt_write { height:120px; padding:0 19px; background:#f9f9f9; border:1px solid #dedede; } /* 2010-09-10 */
.cmt_write legend { position:absolute; left:-99999px; font-size:0; width:0; height:0; line-height:0; border-bottom:1px solid #dedede;}
.cmt_write label {color:#666; font-size: 14px;}
.cmt_write dl dt { width:0; height:0; overflow:hidden; font:0/0 Arial; text-indent:-1000em; }
.cmt_write dl.opinion { padding:8px 0; color:#252525; clear: both;}
.cmt_write dl.opinion dt {float:left; width:auto; height:auto; padding:13px 0 13px 22px; text-indent:0; font-size: 14px; font-weight: 600; background: url("(/images/kofac/icon/icon_pen1.png") no-repeat 0 5px; margin-left: 5px;}

.cmt_write dl.opinion dt a span, .cmt_write dl.opinion dt span span { position:absolute; left:-99999px; }
.btn_cmt_write{padding: 20px 20px; text-align: center; box-sizing: border-box; }
.btn_cmt_write:hover{background: #fff;}

.cmt_list { clear:both; width:100%; border-top:1px solid #dedede; border-bottom:1px solid #dedede;}
.cmt_list:after {content:''; display:block; clear:both;}

dl.cmt_item {float:left; position:relative; clear:both; width:100%; padding:18px 20px 13px 20px; z-index:50;  border-top: 1px solid #dedede; box-sizing: border-box;}
	dl.cmt_item dt { float:left; color:#666; line-height:1.5; clear: both;}
	dl.cmt_item dt img{float:left; margin-right:5px; vertical-align:middle; vertical-align:top;}
	dl.cmt_item dt span.date{float:left; font-size: 12px; color:#999; line-height:1.5; }
	dl.cmt_item dt span.date em{font-style:normal; color:#ccc; padding:0 5px; }
	dl.cmt_item dt span.bar{color:#dfdfdf;}

dl.cmt_item dt.beple a { color:#6E87A5; }
dl.cmt_item dt .nameui { float:left; color:#48688f !important; position:relative; display:block; display:inline-block; line-height:1.2; background: url("../../images/icon/icon_person.png") no-repeat 0 0; padding-left: 20px;}

dl.cmt_item dd.usertxt { float:left; width:90%; padding:10px 0 7px 0; color:#434343; overflow:hidden; word-break:break-all;word-wrap:break-word; clear: both;}

/* 1026 추가 */
.confirm_step{margin:0 auto; background: #fff; padding: 30px; box-sizing: border-box;}
.step_tit{text-align: center; font-size:26px;}
.step_tit span{background: url(/images/kofac/step/icon_step_tit.png)no-repeat 0 0; padding-left: 28px; color: #0b1f71; display: inline-block; padding-top: 6px; font-weight: 600;}

.step_procedure_banner{border: solid 1px #ececec; border-radius: 150px; background:url(/images/kofac/step/step_bg01.png) no-repeat left top; padding: 20px; margin-top: 30px;}
.step_procedure_banner dl {position: relative; display: inline-block; border:1px solid #cecece; border-radius: 100px; width:120px; height: 120px; background: #fff; margin:0px 16px; box-shadow: 3px 0px 4px rgba(0,0,0,0.1);}
.step_procedure_banner dl:first-child {margin-left:7px;}

.step_procedure_banner dl dt {
    position: absolute; 
    right: 10px;
    top: -5px;
    background: #f45582;
    color: #fff;
    font-weight: 600;
    border-radius: 100px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 27px;
}
.step_procedure_banner dl dd {text-align: center; padding:2px 0px; font-size:14px;}
.step_procedure_banner .btn_procedure {position: relative; float:left; border:1px solid #cecece; border-radius: 100px; width:120px; height: 120px; cursor: pointer; background: url(/images/kofac/btn_procedure.png) no-repeat 33px 28px #5774e6; margin:0px 10px; box-shadow: 3px 0px 4px rgba(0,0,0,0.1);}
.step_procedure_banner .btn_procedure:hover{background: url(/images/kofac/btn_procedure.png) no-repeat 33px 28px #2c54ec;}
.step_procedure_banner dl:after {
   display: block;
    background: url(/images/kofac/step/step_arrows.png) no-repeat 0 0; width: 21px; height: 36px;
    content: "";
    position: absolute;
    clear: both;
    top: 48px;
    right: -33px;
}
.step_procedure_banner dl:last-child:after {background: none;}

.step_board table {width:100%;}    
.step_board table th {font-size: 15px; color: #fff; font-weight: 600; text-align: center; background: #6e86e3;  padding: 10px 0; border-bottom: solid 1px #dedede;  border-right: solid 1px #cecece;}
.step_board table td {text-align: center; font-size: 14px; color: #838383;  padding: 8px 15px;  border-bottom: solid 1px #e4e7ec; border-right: solid 1px #cecece;}
.step_board table th:last-child {border-right:none;}
.step_board table td:last-child {border-right:none;}

/* 개인정보처리방침 */
.layerPopup_wrap {position:fixed;top:0;left:0;width:100%;/*  min-width:1240px;  */height:100%;z-index:99999;display:none;overflow:auto;}
.layerPopup_closed {position:absolute; top:25px; right:30px; display:block; width:30px; height:30px; text-indent:-9999px; background:url(../images/close.png) no-repeat 50% 50%;}
.layerPopup_box {position:absolute; top:0; left:0; display:block; overflow:auto; max-height:90%; padding:30px; border-radius:3px; background:#fff; z-index:2; border-top:6px solid #2c54ec; border-right: solid 1px #cecece; border-left: solid 1px #cecece; border-bottom: solid 1px #cecece;}
.layerPopup_box.member_pop {border-top:0; padding-top:36px; background:#fff url(/images/kofac/layerPop_topBar1.gif) no-repeat right 0;}
.layerPopup_box .contact_con {line-height:1.6;}
.layerPop_tit {font-size:34px; text-align:center; color:#333; padding:0 0 30px;}
.layerPopup_wrap.dp_show {display:block;}
.layerPopup_wrap.dp_show .layerPopup_box {margin:50px 0 0 50px}

.con_sectionTit {padding:0 0 10px 0; font-size:24px; color:#333; text-indent:30px; background:url(/images/kofac/bullet_con01.png) no-repeat 0 8px;}

.box1_con {position:relative; padding:20px 30px; margin:10px 0; border:3px solid #ddd;}

.w800 {width: 800px !important;}
.w100 {width: 100%;}
.scroll_wrap {overflow: auto;}
.policyPop .t {padding: 20px 0 0; color: #333;}
.policyPop p {padding: 5px 0; word-break: keep-all;}

/* 2020-09-03 */
.heather_up_on{display: inline-block; width: 11px; height: 21px; background: url("/images/kofac/icon/icon_heup_on.png") no-repeat; font-size: 0; vertical-align: text-bottom; margin-left: 5px;}
.heather_down_on{display: inline-block; width: 11px; height: 21px; background: url("/images/kofac/icon/icon_hedown_on.png") no-repeat; font-size: 0; vertical-align: text-bottom; margin-left: 5px;}
.heather_off{display: inline-block; width: 11px; height: 21px; background: url("/images/kofac/icon/icon_he_off.png") no-repeat; font-size: 0; vertical-align: text-bottom; margin-left: 5px;}

/* 2020-11-26 */
.table_bg00{background: #ffdfdd;}
.table_bg01{background: #ffe5ee;}
.table_bg02{background: #fadbff;}
.table_bg03{background: #dfcdff;}
.table_bg04{background: #d4dbff;}

.table_bg05{background: #d0eaff;}
.table_bg06{background: #d7f3ff;}
.table_bg07{background: #b7f7ff;}
.table_bg08{background: #e1fffc;}
.table_bg09{background: #ccffce;}

.table_bg10{background: #eaffd2;}
.table_bg11{background: #faffcd;}
.table_bg12{background: #fff9c4;}
.table_bg13{background: #ffedb9;}
.table_bg14{background: #ffe5bf;}

/* 2020-12-18 */
.reple_lis{background: url("/images/kofac/arrow_r1.png") no-repeat 0 0; display: inline-block; width: 14px; height: 11px; font-size: 0; float: left;}


/* 개인정보 처리방침 230823 */

.privacy_wrap *{box-sizing: border-box; color: #333;}
.privacy_wrap .pd0{padding: 0 !important;}
.privacy_wrap .bdr{border-right: 1px solid #A2A2A2 !important;}
.privacy_wrap .con_sectionTit{font-size: 30px; padding:0 0 10px 0; color:#333; text-indent:45px; font-weight: 600; background:url(/images/kofac/privacy/bullet_con02.png) no-repeat 0 8px;}
.privacy_wrap strong{display: block;}
.privacy_wrap{max-width: 1470px; margin: 0 auto; padding-bottom: 50px; }
.privacy_wrap .title{width: 100%; padding: 40px 0 30px 0; margin-bottom: 40px; border-bottom: 2px solid #E3E3E3;}
.privacy_wrap .top_box{width: 100%; padding: 40px; border: 3px solid #E6E6E6; border-radius: 30px; background: #F9F9F9; text-align: center; margin-bottom: 60px;}
.privacy_wrap .top_box h1{font-size: 28px; margin-bottom: 15px; color: #1E1D1D;}
.privacy_wrap .top_box p{font-size: 22px;}
.privacy_wrap section{margin-bottom: 60px;}
.privacy_wrap .sec_tit{color: #1E1D1D; font-size: 28px; text-align: center; font-weight: 600;}
.privacy_wrap section.label ul{display: flex; justify-content: space-between; margin-top: 40px;}
.privacy_wrap section.label .item{width: calc(16.6666% - 20px); padding: 25px 15px; text-align: center; border-radius: 5px; background: #F9F9F9; box-shadow: 1px 1px 5px 4px rgba(168, 168, 168, 0.25); border: 1px solid transparent; transition: border .3s;}
.privacy_wrap section.label .item:hover{border: 1px solid #1E63A8;}
.privacy_wrap section.label .item strong{font-size: 18px; color: #1E1D1D; font-weight: 600; padding-bottom: 30px;}
.privacy_wrap section.label .item .img_wrap{margin-bottom: 35px;}
.privacy_wrap section.label .item .txt_wrap{color: #5E5E5E; min-height: 115px; display: flex; align-items: center; justify-content: center}
.privacy_wrap span.ref{color: #9D3C3C; display: block; font-size: 18px;}
.privacy_wrap .list_box{display: flex; justify-content:space-between; padding: 60px 118px; border-radius: 5px; background: #F9F9F9; box-shadow: 1px 1px 5px 4px rgba(168, 168, 168, 0.25); margin-top: 18px;}
/*.privacy_wrap .list_box > div{width: 50%;}*/
.privacy_wrap .list_box a{color: #1E1D1D; font-size: 20px; display: inline-flex; align-items: center;}
.privacy_wrap .list_box .ico{display: block; width: 36px; height: 36px; margin-right: 10px; background-position: center; background-repeat: no-repeat; background-size: contain;}
.privacy_wrap .ico.ico1{background-image: url(/images/kofac/privacy/ico_list01.png);}
.privacy_wrap .ico.ico2{background-image: url(/images/kofac/privacy/ico_list02.png);}
.privacy_wrap .ico.ico2-1{background-image: url(/images/kofac/privacy/ico_list02-1.png);}
.privacy_wrap .ico.ico3{background-image: url(/images/kofac/privacy/ico_list03.png);}
.privacy_wrap .ico.ico4{background-image: url(/images/kofac/privacy/ico_list04.png);}
.privacy_wrap .ico.ico5{background-image: url(/images/kofac/privacy/ico_list05.png);}
.privacy_wrap .ico.ico6{background-image: url(/images/kofac/privacy/ico_list06.png);}
.privacy_wrap .ico.ico7{background-image: url(/images/kofac/privacy/ico_list07.png);}
.privacy_wrap .ico.ico8{background-image: url(/images/kofac/privacy/ico_list08.png);}
.privacy_wrap .ico.ico9{background-image: url(/images/kofac/privacy/ico_list09.png);}
.privacy_wrap .ico.ico10{background-image: url(/images/kofac/privacy/ico_list10.png);}
.privacy_wrap .ico.ico11{background-image: url(/images/kofac/privacy/ico_list11.png);}
.privacy_wrap .ico.ico12{background-image: url(/images/kofac/privacy/ico_list12.png);}
.privacy_wrap .ico.ico13{background-image: url(/images/kofac/privacy/ico_list13.png);}
.privacy_wrap .ico.ico14{background-image: url(/images/kofac/privacy/ico_list14.png);}
.privacy_wrap .ico.ico15{background-image: url(/images/kofac/privacy/ico_list15.png);}
.privacy_wrap .list_box li {margin-bottom: 20px;}
.privacy_wrap .list_box > div li:last-child{margin-bottom: 0;}

.privacy_wrap .list_wrap{margin-top: 80px;}
.privacy_wrap .list_wrap .list_tit{display: flex; padding-bottom: 20px; align-items: center; color: #1E63A8; font-size: 24px; font-weight: 700;}
.privacy_wrap .list_wrap .list_tit .ico{display: block; width: 42px; height: 42px;  margin-right: 10px; background-position: center; background-repeat: no-repeat; background-size: contain;}
.privacy_wrap .list_wrap p{font-size: 20px; color: #4E4E4E; line-height: 1.5;}
.privacy_wrap .list_wrap .list_con{margin-bottom: 60px;}
.privacy_wrap .list_wrap .list_t1{font-size: 20px; color: #333; font-weight: 600;} 
.privacy_wrap .list_wrap .list_t1 > li:not(:last-child){padding-bottom: 10px;} 
.privacy_wrap .list_wrap .list_t1 ul {text-indent: 1em;}
.privacy_wrap .list_wrap .table_wrap table {width: 100%; table-layout: fixed;}
.privacy_wrap .list_wrap .table_wrap table thead{background: #F5F4F4; border-top: 3px solid #1E63A8;}
.privacy_wrap .list_wrap .table_wrap table td,
.privacy_wrap .list_wrap .table_wrap table th{border-bottom: 1px solid #A2A2A2; border-right: 1px solid #A2A2A2;}
.privacy_wrap .list_wrap .table_wrap table td:last-child,
.privacy_wrap .list_wrap .table_wrap table th:last-child{border-right: 0;}
.privacy_wrap .list_wrap .table_wrap table th{padding: 16px 0; font-size: 18px; font-weight: 600; color: #333;}
.privacy_wrap .list_wrap .table_wrap table td{padding: 30px; text-align: center; font-size: 18px; color: #828282;}
.privacy_wrap .list_wrap .table_wrap.t1 table td{color: #333; padding: 13px 0;}
.privacy_wrap .list_wrap .table_wrap table td strong{color: #333; text-align: left; font-weight: 600;}
.privacy_wrap .list_wrap .table_wrap table td strong:not(:last-child){padding-bottom: 15px;}
.privacy_wrap .list_wrap .list_con.cont3 strong{font-size: 20px; font-weight: 600;}
.privacy_wrap .list_wrap ul.t2{font-size: 20px; color: #4E4E4E;}
.privacy_wrap .list_wrap ul.t2 > li ul{ text-indent: 1em;}
.privacy_wrap .list_wrap .prev_privacy {color: #2C54ED; text-decoration: underline; font-size: 20px; padding-left: 1em; line-height: 1.5;}


.privacy_wrap .before_box{padding:35px 40px; background: #F8F8FA; border: 2px solid #EEEEEE; border-radius: 10px; margin-top: 20px;}
.privacy_wrap .before_box li{display: flex; align-items: center; padding-bottom: 15px; font-size: 20px; color: #4E4E4E; font-weight: 600;}
.privacy_wrap .before_box li:last-child{padding-bottom: 0;}
.privacy_wrap .before_box li a{font-size: 16px; padding:5px 23px; color: #1E63A8; border: 1px solid #1E63A8; border-radius: 50px; margin-left: 25px; background: #fff; font-weight: 500;}

.privacy_wrap .down_list{margin-top: 10px;}
.privacy_wrap .down_list li{display: flex; align-items: center; color: #1E63A8; font-size: 20px; padding-bottom: 5px; font-weight: 600;}
.privacy_wrap .down_list li .dl_btn{margin-left: 10px; color: #1E63A8; font-size:16px; padding: 0 20px; line-height: 1.5; border: 1px solid #1E63A8; border-radius: 50px; font-weight: 500;} 


/* 202407 수정 */

.inp_wrap{display: flex; align-items: center; gap: 10px;}
.fr::after{content: ''; clear: both;}
.btn_wrap.t1{display: flex; align-items: center; justify-content: space-between; margin-top: 15px;}

.uit.t1{overflow: unset;}
.selectCombo{position: relative; z-index: 9;}
.selectCombo .txt {position: relative; display: inline-block; min-width: 130px; height: 28px; width: 100%; vertical-align: middle; background: transparent url(/images/kofac/bg_selectbox_arrow.png) no-repeat right 5px center; background-color: #fff; border: 1px solid #dadada; padding-left: 10px; padding-right: 30px;}
.selectCombo.on .selectCombo_list{display: block;}
.selectCombo .txt span {display: block; line-height: 28px; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.selectCombo .selectCombo_list {display: none; position: absolute; top: 30px; left: 0; width: 100%; border-radius: 5px; background: #fff; padding: 10px; box-shadow: 0px 15px 13px 0px rgba(0, 0, 0, 0.22);}
.selectCombo .selectCombo_list ul {padding: 10px; background: #F0F0F0; max-height: 155px; overflow-y: auto;}
.selectCombo .selectCombo_list ul li {margin-bottom: 8px; font-size: 14px;}
.selectCombo .selectCombo_list ul li label{width: 100%; display: inline-block; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.selectCombo .base_button{display: block; margin: 10px auto 0; padding: 5px 0; width: 50px; text-align: center;}
.selectCombo .txt.tag {display: inline-flex; align-items: center; gap: 4px;}
.selectCombo .txt .selected-item{font-size: 12px; background: #4D97CC; padding: 2px; border-radius: 2px; line-height: 1; height: 20px; align-content: center; padding: 0 3px; color: #fff;}

.pop_btn_wrap{display: flex; gap: 5px; margin-bottom: 5px;}
.pop_btn_wrap a{display: inline-block;}
.pop_btn_wrap.right{justify-content: end;}
.pop_btn_wrap.sb{justify-content: space-between;}
.pop_btn_wrap.t1{padding: 0 10px;}
.pop_tabMenu .tab_nav a{font-weight: 600;}
.pop_cont{margin-top: 20px;}
.pop_tabMenu .tab_cont .tab{width: 100%; height: 100%;}
.pop_tabMenu .tab_cont textarea{width: 100%; height: 100%; padding:  15px; font-size: 14px; border: 1px solid #ddd}
.pop_tabMenu .tab_nav{display: flex; align-items: center; border-bottom: 1px solid #ddd;}
.pop_tabMenu .tab_nav a{display: block; font-size: 15px; min-width: 160px; padding: 5px; border-radius: 5px 5px 0 0; text-align: center;}
.pop_tabMenu .tab_nav .active a{background-color: #006AB6;}
.pop_tabMenu .tab_nav .active a,
.pop_tabMenu .tab_nav .active a span{color: #fff;}
.pop_tabMenu .tab_nav a span{padding-left: 20px; position: relative; background-repeat: no-repeat; background-position: left center; background-image: url(/images/kofac/ico_check_red.svg);}
.pop_tabMenu .tab_nav .active a span{background-image: url(/images/kofac/ico_check_white.svg);}

.uit_wrap{display: flex; gap: 45px;}
.uit_wrap > div > strong{display: inline-block; font-size: 15px; color: #006AB6; padding-bottom: 8px;}
.uit_wrap .uit{padding: 15px; height: 100px;}
.uit_wrap .uit .tit{font-size: 15px; margin-bottom: 10px;}
.uit_wrap .uit .desc{display: flex; align-items: center; gap: 10px;}
.uit_wrap .uit input[type='text']{padding: 3px 10px; vertical-align: middle;}
.uit_wrap .selectBox{min-width: auto;}

.layer_pop_wrap .layer_pop_area h4 {color: #fff; font-size: 16px; padding-left:20px; height:50px; font-weight: 600; line-height: 50px;  background: url(/images/kofac/sub/bg_popup_left.png) left top;}
.layer_pop_wrap .pop_box {background: #fff; padding: 20px 30px; margin-bottom: 30px; }

.tree_right{float: unset !important;}
.base_board.inside table th{padding: 5px 0;}

.uit.t2{display: flex; align-items: center; padding: 20px; justify-content: space-between;}
.uit.t2.n3 .item{width: calc(33.3333% - 90px);}

.pop_box.t2{padding: 0;}
.info_tb{width: 100%; display: flex; border-top: 1px solid #888; word-break: keep-all;}
.info_tb > div{width: 50%;}
.info_tb .left{border-right: 1px solid #888;}
.info_tb .tit{font-size: 16px; font-weight: bold; padding: 10px 0; background: #f6f6f6; text-align: center; border-bottom: 1px solid #888;}
.pop_table{width: 100%;}
.pop_table tbody{border-top: 1px solid #333; border-bottom: 1px solid #333;}
.pop_table th,
.pop_table td{ border-bottom: 1px solid #C6C6C6; font-size: 14px;}
.pop_table th{padding: 12px; text-align: left; background: #EDF1F5; border-right: 1px solid #C6C6C6;}
.pop_table td{padding: 5px 10px;}
.pop_table th em{display: inline-block; padding-left: 18px; position: relative; background: url(/images/kofac/ico_check_red.svg)no-repeat left top 2px / 18px 18px;}
.pop_table textarea{display: block; margin: 0; width: 100%; height: 100%; min-height: auto;}
.pop_table .bdR{border-right: 1px solid #C6C6C6;}

.group_list_wrap{display: flex;}
.group_list_wrap.sb{justify-content: space-between;}

.ci_inp_wrap{display: flex; align-items: center;}
.ci_inp_wrap input[type="text"]{margin-right: 5px;}

.pop_box.url {text-align: center;}
.pop_box.url strong{display: block; text-decoration: underline;}
.pop_box.url .lg_button{display: block; text-align: center;}
table th.th_bg {background: #ccc;}
.textarea{display: block; min-height: unset; margin: 0; width: 100%;}
.textBox{width: 100%; height: auto; min-height: 40px; border: var(--box_border); padding: 10px;}

.uit.t2{display: flex; align-items: center; padding: 20px 20px 30px 20px; justify-content: space-between; overflow: unset;}
.uit.t2.n3 .item{width: calc(33.3333% - 60px);}
.uit.t2.n3 .item > strong{display: inline-block; font-size: 15px; color: #006AB6; padding-bottom: 8px;}
.uit.t2.n3 .item .flex{display: flex; align-items: center; gap: 10px;}
.uit.t2.n3 .item .tit{font-size: 15px;}
.uit .search_wrap{position: relative; display: flex; align-items: center; width: 100%; height: 28px; border: 1px solid #dadada; background: #fff;}
.uit .search_wrap input{border: 0; flex: 1; height: 100%; padding: 0 10px;}
.uit .search_wrap .search_btn{display: inline-block; width: 30px; height: 20px; background: url(/images/kofac/ico_search.png)no-repeat center; font-size: 0;}

.tree_box .tab_cont{border-bottom: 1px solid #888; margin-bottom: 30px;}
.tree_box .tab_cont ul{display: flex;}
.tree_box .tab_cont ul li{width: 140px;}
.tree_box .tab_cont ul li a{display: block; width: 100%; padding: 5px; border-radius: 5px 5px 0 0; text-align: center; font-size: 15px; font-weight: 600;}
.tree_box .tab_cont ul li.active a{background: #1E63A8; color: #fff;}

.flex{display: flex;}
.flex.right{justify-content: end;}
.flex.ac{align-items: center;}
.flex.jc_sb{justify-content: space-between;}
.line_title{display: block; margin-bottom: 20px;}
.line_title strong{position: relative; display: inline-block; color: var(--btn_blue);}
.line_title strong::after{content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: var(--btn_blue);}

.pop_table .img_wrap .item_list{display: flex; align-items: center; gap: 25px;}
.pop_table .img_wrap .item_list .item{font-size: 14px;}
.pop_table .img_wrap strong{display: block; font-size: 15px; color: #003675; padding-bottom: 10px;}
.pop_table .item{display: inline-block; text-align: center;}
.pop_table .item .img{width: 120px; height: 72px; background: #ddd;}

.all_img_wrap .item_list{display: flex; align-items: center; gap: 25px;}
.all_img_wrap .item_list .item{font-size: 14px;}
.all_img_wrap strong{display: block; font-size: 15px; color: #003675; padding-bottom: 10px;}
.all_img_wrap .item{display: inline-block; text-align: center;}
.all_img_wrap .item .img{width: 120px; height: 72px; background: #ddd;}

.pop_detail {position: relative; display: inline-flex; align-items: center; gap: 5px;}
.pop_detail .btn {position: relative; top: 1px; width: 14px; height: 14px; background: url(/images/icon/icon_info.png)no-repeat right center;}
.pop_detail_box {display: none; position: absolute; font-size: 12px; width: 220px; top: 26px; left: 30px; padding: 10px 25px 10px 10px; border-radius: 5px; background: #fff; box-shadow: 0 2px 6px 3px rgba(0, 0, 0, 0.1); z-index: 10;}
.pop_detail_box::after {content: ''; position: absolute; top: -8px; left: 27px; border-right: 6px solid transparent; border-bottom: 9px solid #fff; border-left: 6px solid transparent;}
.pop_detail_box .pop_detail_close{position: absolute; top: 10px; right: 8px; width: 12px; height: 12px; background: url(/images/kofac/close.png)no-repeat center / contain;}

/* 드래그앤드랍 파일 */

.blind{width: 1px; height: 1px; position: absolute; top: 0; left: 0; overflow: hidden; clip: rect(1px, 1px, 1px, 1px);}
.file-wrap .upload-name{display: flex; align-items: center; justify-content: center; color: #006AB6; }
.file-wrap .upload-name.on{display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #333;}
.file-wrap{display: flex; align-items: center; margin-bottom: 10px;}
.file-wrap:last-child {margin-bottom: 0;}
.file-wrap .box{position: relative; width: 70%; height: 28px; flex: 1; border: 1px solid #dadada; background: #fff; padding: 3px 10px 3px 10px;}
.file-wrap .small_button{padding: 4px 10px; cursor: pointer;}

/* 2024.12 ~ */

.pop_content{padding: 20px;}
.line_tb{border-top: 3px solid #4D97CC;}
.line_tb .check_on{background-color: #fff !important;}
.line_tb .group{display: flex; border-bottom: 1px solid #EAEAEA; align-items: center;}
.line_tb .group .desc,
.line_tb .group .tit{padding: 7px 5px;}
.line_tb .group .tit,
.line_tb .group .tit .check_on{color: #006AB6;}
.line_tb.type1 .desc{flex: 1;}
.line_tb.type2 .group{flex-direction: column; align-items: start; padding: 5px 0; width: 100%;}
.line_tb.box{font-size: 15px; padding: 20px; border-left: 1px solid #EAEAEA; border-bottom: 1px solid #EAEAEA; border-right: 1px solid #EAEAEA;}
.surv_radio_wrap{display: flex; gap: 40px;}
.surv_radio_wrap label{display: inline-flex; flex-direction: column; align-items: center; gap: 5px; font-size: 15px; color: #999;}
.surv_radio_wrap input{display: block; margin: 0 auto;}

.surv_stat_group .row{display: flex; gap: 40px;}
.surv_stat_group .row .cont{width: 50%;}
.surv_stat_group .line_head{border-bottom: 3px solid #4D97CC; padding: 10px 0; font-size: 15px; font-weight: 600;}
.surv_stat_group .line_body{border-bottom: 1px solid #EAEAEA; padding: 30px 0;}
.surv_stat_group .line_body .group{display: flex; gap: 30px;}
.surv_stat_group .line_body .group .base_board{width: 50%;}
.surv_stat_group .line_body .group table th{text-align: left; padding: 10px 0 10px 10px;}
.surv_stat_group .line_body .group .chart_box{width: 50%; border: 1px solid #EAEAEA; align-content: end;}

.surv_stat_group .g_tit{display: block; font-size: 15px; padding-bottom: 10px; color: #006AB6; font-weight: 500;}
.surv_stat_group .acco_btn{display: inline-block; transition: .4s;}
.surv_stat_group .acco_btn.on{transform: rotate(180deg) translateY(-3px);}

.textareaBox {border:1px solid #cecece; width:96%; min-height: 100px; padding:10px; font-size: 15px;}
.line_tb.no_line{border: 0;}

/* 일정관리 캘린더 */

.cal_wrap{border: 1px solid #ddd; border-radius: 10px;}
.cal_header{display: flex; align-items: end; justify-content: space-between; margin-bottom: 20px; padding: 20px 20px 0 20px;}
.cal_header button{font-family: "NotoSans";}
.cal_header .info{display: flex; align-items: center; gap: 30px;}
.cal_header .info strong{font-size: 30px; letter-spacing: 0.3px;}
.cal_header .info .select_btns{display: flex;}
.cal_header .info .select_btns .btn{display: block; border: 1px solid #C4C5C6; width: 50px; height: 30px; align-content: center; background: #F3F3F4;}
.cal_header .info .select_btns .btn:last-child{border-left: 0;}
.cal_header .info .select_btns .btn.on{background: #3B3A6E; border: 1px solid #3B3A6E; color: #fff;}
.cal_header .control{display: flex; margin-top: 15px;}
.cal_header .control .btn{width: 30px; height: 30px; border: 1px solid #C4C5C6; background-color: #F3F3F4; background-repeat: no-repeat; background-position: center;}
.cal_header #prevBtn{background-image: url(/images/kofac/cal/cal_prev.png);}
.cal_header #nextBtn{background-image: url(/images/kofac/cal/cal_next.png);}
.cal_header #nextBtn{border-left: 0;}
.cal_header .right{display: flex; align-items: center; gap: 10px;}
.cal_header .right .search{width: 245px; height: 33px; display: flex; align-items: center; border-radius: 50px; background: #F5F5F5; padding-right: 5px;}
.cal_header .right .search input{flex: 1; width: 100%; height: 100%; border: 0; border-radius: 50px; padding: 0 10px; background: transparent; font-size: 14px;}
.cal_header .right .search .searchBtn{width: 30px; height: 100%; background: url(/images/kofac/cal/ico_search.png)no-repeat center;}
.cal_header .exel_btn_wrap{position: relative; }
.cal_header .exel_btn{padding: 0 10px; height: 35px; align-content: center; border-radius: 4px; border: 1px solid #3B3A6E; color: #3B3A6E;}
.cal_header .add_btn{padding: 0 10px; height: 35px; display: inline-flex; gap: 4px; border-radius: 4px; background: #3B3A6E; color: #fff; align-items: center; font-size: 14px;}
.cal_header .add_btn i{display: block; width: 16px; height: 16px; background: url(/images/kofac/cal/ico_plus.png)no-repeat center; font-size: 14px;}
.exel_btn_wrap .option_wrap{position: absolute; left: 0; width: 100%; z-index: 99; background: #fff; border-radius: 5px; box-shadow: 0 0 5px 2px rgba(136, 136, 136, 0.2);}
.exel_btn_wrap .option_wrap ul {display: block; height: 120px; overflow-y: auto;}
.exel_btn_wrap .option_wrap li{border-bottom: 1px solid #ddd;}
.exel_btn_wrap .option_wrap li:last-child{border-bottom: 0;}
.exel_btn_wrap .option_wrap li a{display: block; padding: 10px; align-content: center; font-size: 14px; transition: .3s;}
.exel_btn_wrap .option_wrap li a:hover{background: #f8f8f8;}

.cal_wrap.result .cal_cont{border-top: 1px solid #ddd;}
.cal_wrap.result .cal_header .info{gap: 10px;}
.cal_wrap.result .cal_header .info .back_btn{width: 45px; height: 45px; background: url(/images/kofac/cal/result_arrow.png)no-repeat center;}
.cal_cont .result_wrap{padding: 20px 30px;}
.cal_cont .result_wrap ul li{ padding: 10px 0; border-bottom: 1px solid #ddd; overflow: hidden;}
.cal_cont .result_wrap ul li:last-child{border-bottom: 0;}
.cal_cont .result_wrap .date{display: flex; align-items: center; gap: 10px; font-size: 15px; width: 100%; max-width: 120px; float: left; margin: 10px 0;}
.cal_cont .result_wrap .day{font-size: 20px; font-weight: bold;}
.cal_cont .result_wrap .desc{display: flex; align-items: center; gap: 10px; margin-left: 30px; font-size: 15px; width:calc(100% - 150px); float: right; height: 29px; margin: 10px 0;}
.cal_cont .result_wrap .desc .color_cir{width: 15px; height: 15px; border-radius: 50%; background: #ddd;}

.event_modal {display: none; position: fixed; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; /*background-color: rgba(0, 0, 0, 0.4);*/}
.event_modal.show{display: block;}  
.event_modal .modal_content {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff; padding: 20px; border: 1px solid #e2e2e2; width: 80%; box-shadow: 0 0 10px 3px rgba(95, 95, 95, 0.1); border-radius: 20px; max-width: 580px;}  
.event_modal .top_btns{display: flex; justify-content: end; align-items: center; gap: 10px;}
.event_modal .top_btns button {width: 30px; height: 30px; background-position: center; background-repeat: no-repeat;}
.event_modal .event_close {background-image: url(/images/kofac/cal/ico_event_close.png);}
.event_modal .event_delete {background-image: url(/images/kofac/cal/ico_event_del.png);}
.event_modal .event_edit {background-image: url(/images/kofac/cal/ico_event_edit.png);}
.event_tit{display: block; padding-top: 10px;}
.event_tit input{border: 0; width: 100%; height: 35px; border-bottom: 2px solid #F2F2F2; font-size: 20px;}
.event_tit input::placeholder{color: #36454F;}
.event_form{margin-top: 40px;}
.event_form .group{margin-bottom: 20px;}
.event_form .tit{padding-bottom: 10px;}
.event_form textarea{font-size: 15px;}
.event_form .date_wrap{display: flex; align-items: center; gap: 10px;}
.ui-datepicker.date select.ui-datepicker-month, 
.ui-datepicker.date select.ui-datepicker-year{position: relative;display:inline-block;min-height:28px;vertical-align:middle; background:transparent url(/images/kofac/bg_selectbox_arrow.png) no-repeat right 5px center; /* background-size: 27px 26px;*/ background-color: #fff; border:1px solid #dadada; padding-left:10px; padding-right:30px;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-month{margin-left: 4px;}
.date_input{display: flex; align-items: center; border: 1px solid #dadada; width: auto; height: 28px; padding: 0 5px 0 0;}
.date_input input{border: 0; width: 100%; height: 100%; flex: 1; padding: 0 5px; font-size: 15px;}
.event_modal .btn_wrap{display: flex; justify-content: end;}
.event_modal button{font-family: "NotoSans";}
.event_modal .button{font-size: 14px; border-radius: 50px; min-width: 75px;}

.fc-h-event .fc-event-title{color: #1D1D1D; padding: 0 5px;}
.fc .fc-daygrid-event{margin-top: 2px;}
.fc-daygrid-day-bottom{padding: 2px 0;}
.fc-daygrid-day-top {flex-direction: row !important;}
.fc-day-sun a{color: #df0000;}
.fc .fc-day-other{background: #F2F2F2;}
.fc .fc-daygrid-day.fc-day-today{background: #fff;}
.fc .fc-daygrid-day.fc-day-today .custom-day-number{color: #fff; width: 26px; height: 26px; text-align: center; align-content: center; border-radius: 50%; background: #4D97CC;}
.fc-dayGridWeek-view .fc-daygrid-day.fc-day-today .custom-day-number{background: transparent; width: 0; height: 0;}
.fc .fc-daygrid-event{position: relative;}
.fc-event-multi-day.fc-daygrid-event.fc-event-end::after{content: ''; position: absolute; top: -2px; right: -2px; width: 21px; height: 21px; background: url(/images/kofac/cal/end_triangle.png)no-repeat center;}
.fc .fc-day-other .fc-event-multi-day.fc-daygrid-event.fc-event-end::after{background: url(/images/kofac/cal/end_triangle_other.png)no-repeat center;}
.fc-event-start.fc-event-multi-day .fc-event-title{padding-left: 20px;}
.fc-event-multi-day.fc-daygrid-event.fc-event-start::after{content: ''; position: absolute; top: -2px; left: -2px; width: 21px; height: 21px; background: url(/images/kofac/cal/start_triangle.png)no-repeat center;}
.fc-event-multi-day.fc-daygrid-event.fc-event-start::before{content: ''; position: absolute; top: -2px; right: -2px; width: 21px; height: 21px; background: url(/images/kofac/cal/start_triangle.png)no-repeat center; transform: rotate(180deg);}

.fc .fc-day-other .fc-event-multi-day.fc-daygrid-event.fc-event-start::after{background: url(/images/kofac/cal/start_triangle_other.png)no-repeat center;}
.fc .fc-day-other .fc-event-multi-day.fc-daygrid-event.fc-event-start::before{background: url(/images/kofac/cal/start_triangle_other.png)no-repeat center;}

.fc-dayGridWeek-view .fc-day-today .fc-col-header-cell-cushion{color: #4D97CC;}
  
.fc table tr th:first-child{border-left: 0;}
.fc table tr th:last-child{border-right: 0;}
.fc table tr td:last-child{border-right: 0;}
.fc-theme-standard .fc-scrollgrid{border-left: 0; border-right: 0;}
.fc-scrollgrid-section > td{border-bottom: 0;}
.fc-scrollgrid-sync-table tr:last-child td:first-child{border-radius: 0 0 0 10px;}
.fc-scrollgrid-sync-table tr:last-child td:last-child{border-radius: 0 0 10px 0;}

.table{width: 100%; border-top: 2px solid #969696;}
.table .th{font-size: 14px; color: var(--black); font-weight: 600; text-align: center; background: #f5f4f4; padding: 10px 0; border-bottom: var(--main_border); border-right: var(--main_border); align-content: center;}
.table .tr .th:first-child,
.table .tr .td:first-child{border-left: var(--main_border);}
.table .td{position: relative; text-align: center; font-size: 13px; color: #6E6E6E; padding: 8px 10px; border-bottom: var(--main_border); border-right: var(--main_border); word-break: break-all; align-content: center;}
.table .tr{display: flex;}

.table .acco_btn{display: inline-block; width: 24px; height: 24px; margin-right: 10px; background: url(/images/kofac/icon/icon_acco_arrow.png)no-repeat center; transition: .3s;}
.table .acco_head{transition: background-color .3s;}
.table .acco_head.on .acco_btn{transform: rotate(180deg);}
.table .acco_head .td{color: #1D1D1D;}
.table .acco_head .tit{display: flex; align-items: center;}
.table .acco_body{flex-wrap: wrap; transition: background-color .3s;}
.table .acco_body .td{text-align: left; display: flex; align-items: baseline; gap: 16px; padding-left: 40px; color: #1D1D1D; border-left: var(--main_border);}
.table .acco_body .tit{position: relative;line-height: 24px;font-weight: bold;font-size: 15px;width: 125px}
.table .acco_body .desc{flex: 1;}
/* .table .acco_body .tit::before{content: ''; position: absolute; top: 0; left: 0; width: 24px; height: 24px; background: url(/images/kofac/icon/icon_acco_reply.png)no-repeat center;} */
.table .acco_head .hide_tit{display: none; padding-right: 5px; font-weight: bold; font-size: 15px;}
.table .acco_body.on,
.table .acco_head.on{background: #ECF5FF;}
.table .acco_head.on .hide_tit{display: inline;}
.table .acco_head.on .no_line{border-right: 0;}

.post_preview{margin: 40px 0;}
.post_preview > div{display: flex; align-items: center; gap: 20px; padding: 15px 0;}
.post_preview .prev{border-bottom: 1px solid #DEDEDE;}
.post_preview .tit{position: relative; font-size: 16px; padding-left: 30px;}
.post_preview .tit::before{content: ''; width: 24px; height: 24px; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.post_preview .prev .tit::before{background: url(/images/kofac/icon/icon_post_prev.png)no-repeat center;}
.post_preview .next .tit::before{background: url(/images/kofac/icon/icon_post_next.png)no-repeat center;}
.post_preview a{font-size: 15px;}

.tree-menu .name.on{color: #457AE4;}
.tree-menu .name.on .acco-group{color: #457AE4;}
.tree-menu .edit_group{display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 34px;}
.tree-menu .edit_group input{height: 25px; padding: 0 5px;}
.tree-menu .closed > a, .tree-menu .opened > a{background-position: 4px 8px;}
.tree li button.tree_edit_btn{background: url(/images/kofac/tree/icon-edit.png) no-repeat; width: 17px; height: 17px; display: inline-block; margin:0px 5px; line-height: 1;}
.tree li button.tree_edit_btn.active{width: auto; font-size: 14px; color: #457AE4; background: transparent; font-family: "NotoSans", sans-serif;}



.fc .fc-daygrid-event-harness .fc-event {border-bottom: none;}

.on {display: block;}
.base_title p {box-sizing: border-box; padding-left: 10px; text-indent: -10px;}
td .select_input_box {display: flex; align-items: center;}
td .select_input_box select {margin-right: 10px;}
td .select_input_box input {width: 100%;}



/* 셀럭박스 커스텀 */
.cont-select {position: relative; width: 100%; max-width: 192px;}
.btn-select {width: 100%; line-height: 14px;background-color: #fff;border: 1px solid #dadada;box-sizing: border-box;cursor: pointer;text-align: left;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; font-family: 'Pretendard Variable'; font-weight: 500; height: 29px; display: flex; align-items: center; box-sizing: border-box;color: #000;    padding-left: 10px; padding-right: 30px;}
.btn-select img {position: absolute; right: 8px; top: 50%; transform: translateY(-50%); width: 100%; max-width: 11px; margin: 0 auto;}
.list-member {list-style-type : none;display: none;position: absolute;width: 100%;top: 28px;left: 0;padding: 0;border: 1px solid #C4C4C4;box-sizing: border-box;box-shadow: 4px 4px 14px rgba(0, 0, 0, 0.15);background: #fff; padding: 5px;}
.list-member.on {display: block;}
.btn-select.on+.list-member {display: block;}
.list-member .list_inner {width: 100%; padding: 5px 8px;box-sizing: border-box;}
.list-member .list_inner input {margin-right: 5px;}
.list-member .bg_box {background: #EDF1F5; height: 100px; overflow-y: auto;}
.list-member .check_btn {display: flex; width: 100%; max-width: 48px; height: 24px; background: #006AB6; color: #fff; border-radius: 20px; align-items: center; justify-content: center; margin: 10px auto 6px; }

/* 스크롤바 설정*/
.list-member .bg_box::-webkit-scrollbar{
width: 4px;
}

/* 스크롤바 막대 설정*/
.list-member .bg_box::-webkit-scrollbar-thumb{
background-color: #006AB6;
/* 스크롤바 둥글게 설정    */
border-radius: 10px; 
border: 4px solid #006AB6;
}

/* 스크롤바 뒷 배경 설정*/
.list-member .bg_box::-webkit-scrollbar-track{
background-color: #fff;
}

.url_link {width: 100%; max-width: 43px;   overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;   color: -webkit-link;
    cursor: pointer;
    text-decoration: underline; margin: 0 auto;}
.td_title {margin: 4px 0;}

#editExamTbody td input {width: 100%;}
#editExamTbody2 td input {width: 100%;}
.img_list {width: 100%; float: left;}
.img_list li {width: 100%; float: left; max-width: 165px; margin-right: 24px;}
.img_list li p {font-size: 14px;}


.notice {position: relative;}
.notice .tooltip {display: none;background: #fff; box-sizing: border-box; padding: 12px 8px; font-size: 12px; position: absolute; bottom: -58px; left: 0; width: 187px; height: 58px; overflow-y: auto; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);}
.notice .tooltip.on {display: block; z-index: 9999;}
.notice .tooltip .tooltip_inner {position: relative;}
.notice .tooltip .tooltip_inner .notice_close {position: absolute; right: -5px; top: -12px;}
.notice .tooltip .tooltip_inner .notice_close img {width: 10px;}
.no_border {border: none; width: 100%; max-width: 60px;}
.down_list {width: 100%;}
.down_list li {width: 100%; display: flex; align-items: center; margin-bottom: 5px;}

.url_link_box {position: relative;}
.url_link_box .line_toolTip {position: absolute;  align-items: center; justify-content: center; width: 100px; height: 25px; box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.3);   border-radius: 9px; padding: 4px 10px; display: none; align-items: center; left: 50%; transform: translateX(-50%); background: #fff; z-index: 999;}
.url_link_box .line_toolTip span {display: inline-block;   overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;color: -webkit-link;cursor: pointer; color: #000;}
.url_link_box .line_toolTip p {color: #4D97CC; white-space: nowrap;}
.url_link_box .line_toolTip span.color {color: #4D97CC; text-decoration: underline; }
.base_board table td:hover .line_toolTip {display: flex;}

.select_w100 {width: 100%; border: 1px solid #dadada;}

.tab_list {width: 100%; display: flex; align-items: center; margin-top: 23px;}
.tab_list li {width: 100%; max-width: 188px; height: 26px; border: 1px solid #dadada; border-radius: 3px 3px 0 0;}
.tab_list li a {width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 15px; padding-right: 25px;}
.tab_list li.on {background: #006AB6; border: 1px solid #006AB6;}
.tab_list li.on a {color: #fff;}



/* 수정보완권고사항 심사 캡처툴  */
.learning_wrap {width: 100%; height: 100vh; overflow: hidden;}
.learning_wrap .learning_inner {width: 100%;}
.learning_wrap .learning_inner .m_header {position: relative; width: 100%; height: 80px; display: block;}
.learning_wrap .learning_inner .m_header .m_header_inner {position: absolute; width: 100%; display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; padding: 15px 20px; height: 100%; border-bottom: 1px solid #B4B2B2;}
.learning_wrap .learning_inner .m_header .m_header_inner .left_title {font-size: 17px;}
.learning_wrap .learning_inner .m_header .m_header_inner .left_title span {display: inline-block; color: #16408D;}
.learning_wrap .learning_inner .m_header .m_header_inner .center_box {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 25%;}
.learning_wrap .learning_inner .m_header .m_header_inner .btn_list {display: flex; align-items: center; justify-content: center;}
.learning_wrap .learning_inner .m_header .m_header_inner .btn_list li {width: 100%; max-width: 50px; margin-right: 12px;}
.learning_wrap .learning_inner .m_header .m_header_inner .btn_list li:last-child {margin-right: 0;}
.learning_wrap .learning_inner .m_header .m_header_inner .btn_list li a {display: block; text-align: center; border-radius: 4px; box-sizing: border-box; padding: 4px;}
.learning_wrap .learning_inner .m_header .m_header_inner .btn_list li a span {display: block; font-size: 12px; margin-top: 5px; white-space: nowrap;}
.learning_wrap .learning_inner .m_header .m_header_inner .btn_list li a.capture.active {background: #006AB680;}

.learning_wrap .learning_inner .m_header.off {display: none;}

.learning_wrap .top_header {position: relative;}
.learning_wrap .top_header .header_btn {position: absolute; left: 20px; bottom: -30px; background: #16408D; border-radius: 0 0 4px 4px;box-sizing: border-box; height: 30px; display: flex; align-items: center; justify-content: center; padding: 0 10px; overflow: hidden;}  
.learning_wrap .top_header .header_btn span {display: inline-block; color: #fff;}
.learning_wrap .top_header .header_btn img {margin-right: 4px; transform: rotate(360deg);}
.learning_wrap .top_header .header_btn img.open {transform: rotate(180deg);}

.learning_wrap .learning_inner #captureMode__content {height: calc(100vh - 80px);  overflow-y: auto; margin-top: 0;}


.modify_popUp_wrap {position: absolute; bottom: -790px; height: 790px; right: 0; width: 100%; max-width: 480px; border: 2px solid #16408D; border-radius: 12px; overflow: hidden; background: #fff; display: block;}
.modify_popUp_wrap.off {display: none;}
.modify_popUp_wrap .modify_popUp_inner {width: 100%; position: relative;}
.modify_popUp_wrap .modify_popUp_inner h2 {font-size: 25px; box-sizing: border-box; padding: 10px;}
.modify_popUp_wrap .modify_popUp_inner .btnClose{position: absolute; right: 10px; top: 10px; filter: invert(1);}
.modify_popUp_wrap .modify_popUp_inner .popUps_select_box {border-top: 1px solid #555555; border-bottom: 1px solid #555555; background: #EDF1F5; box-sizing: border-box; padding: 10px;}
.modify_popUp_wrap .modify_popUp_inner .popUps_select_box h4 {font-size: 15px; margin-bottom: 14px;}
.modify_popUp_wrap .modify_popUp_inner .popUps_select_box .selcet_wrap {display: flex; align-items: center;}
.modify_popUp_wrap .modify_popUp_inner .popUps_select_box .selcet_wrap .relative {position: relative; width: calc(100% - 18px);}
.modify_popUp_wrap .modify_popUp_inner .popUps_select_box .selcet_wrap .relative input {width: calc(100% - 18px);}
.modify_popUp_wrap .modify_popUp_inner .popUps_select_box .selcet_wrap input { margin-left: 18px; border: 1px solid #dadada;}

.search-icon {position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 20px;height: 20px;cursor: pointer;}
.modify_popUp_wrap .modify_popUp_inner .bottom_content {width: 100%; box-sizing: border-box; padding: 10px;}
.modify_popUp_wrap .modify_popUp_inner .bottom_content h2 span {display: inline-block; color: #1D56BC;}
.modify_popUp_wrap .modify_popUp_inner .bottom_content .accordion_box {width: 100%; height: 440px; overflow-y: auto;}
.modify_popUp_wrap .modify_popUp_inner .bottom_content .accordion_box .btnBox {width: 100%; display: flex; align-items: center; margin-bottom: 10px;}
.modify_popUp_wrap .modify_popUp_inner .bottom_content .accordion_box .btnBox .arrow_btn {display: block; width: 100%; max-width: 12px; margin-right: 8px; margin-left: 12px;}
.modify_popUp_wrap .modify_popUp_inner .bottom_content .accordion_box .btnBox .arrow_btn.active {transform: rotate(90deg);}
.modify_popUp_wrap .modify_popUp_inner .bottom_content .accordion_box .btnBox .arrow_btn img {display: block; width: 100%;}
.modify_popUp_wrap .modify_popUp_inner .bottom_content .accordion_box .btnBox .accordionBtn_list {display: flex; align-items: center; margin-left: auto;}
.modify_popUp_wrap .modify_popUp_inner .bottom_content .accordion_box .btnBox .accordionBtn_list li {margin-right: 10px;}
.modify_popUp_wrap .modify_popUp_inner .bottom_content .accordion_box .btnBox .accordionBtn_list li:last-child {margin-right: 0;}
.modify_popUp_wrap .modify_popUp_inner .bottom_content .accordion_box .btnBox .accordionBtn_list li a.edit {color: #FF0000;}

.modify_popUp_wrap .modify_popUp_inner .bottom_content .accordion_box table {width: 100%; margin-bottom: 10px;}
.modify_popUp_wrap .modify_popUp_inner .bottom_content .accordion_box table th {background: #16408D; color: #fff; font-size: 16px; box-sizing: border-box; padding: 10px;}
.modify_popUp_wrap .modify_popUp_inner .bottom_content .accordion_box table td {box-sizing: border-box; padding: 10px; font-size: 13px;}
.modify_popUp_wrap .modify_popUp_inner .bottom_content .accordion_box table td .all_capture_box {width: 100%; text-align: right;}
.modify_popUp_wrap .modify_popUp_inner .bottom_content .accordion_box table td .all_capture {color: #000; margin-left: auto; margin-bottom: 8px; display: inline-block;}

.accordio_content {display: block;}
.accordio_content.off {display: none;}


.table_no_list {display: block; font-weight: 800;}

.blue_tab_list {display: grid; grid-template-columns: repeat(2, 1fr); gap: 4px;}
.blue_tab_list li {width: 53px; display: flex; align-items: center; justify-content: center; height: 16px; border-radius: 10px; background: #16408D; font-size: 10px; color: #fff; line-height: 1;}
#cm__list_toggleWrap .cm__accordion .acco_head .acco_head_tit span {width: 100% !important; max-width: 168px !important;}
#cm__list_toggleWrap .cm__accordion .acco_head .acco_head_tit span::before {top: 10px !important;}


.w_100 {display: block; width: 100%;}

.light_yellow {background: #FFF5E6;}
.light_mint {background: #F0FFF9;}