@charset "utf-8";
html.mobile .web_only {display:none;}
html.web .mobile_only {display:none;}
table{ border-collapse: collapse; }

.mt_5{margin-top:5px;}
.mt_10{margin-top:8px;}
.mt_20{margin-top:20px;}
.mt_35{margin-top:35px;}

.mb_10{margin-bottom:10px;}
.mb_35{margin-bottom:35px;}

.ml_10{margin-left:10px;}
.ml_30{margin-left:30px;}

.mr_10{margin-right:10px;}
.mr_20{margin-right: 20px;}
.mr_35{margin-right:35px;}
.mr_400{margin-right:400px;}
.h_60{height:60px;}
.bold{font-weight: bold;}
.clear_both{clear:both; content: ""; display: block;}

/*table layout*/
.table_box{position: relative;  }
.table_box h3.t_tit{position: relative; line-height: 41px;height: 41px; font-size:18px; }
.table_box h3 .info_box{position: absolute; bottom:3px; left:220px; width:500px; border:2px dotted #ccc; padding:3px 0 3px 15px; background: #fafafa; margin-left: 30px; font-size:12px; line-height: 16px; font-weight: normal;}
.table_box h3 .info_box span{font-weight: bold; line-height: 18px;}
.table_box h3 .tool_info{ float:right; }

/*202202추가*/
.tooltip_area{position: relative; cursor: pointer;font-size:14px; }
.tooltip_area:hover .tooltip {display:block;}
.tooltip {  display:none;  position:absolute; top:-66px;  right:74px; padding:8px 15px; width:460px;color:#666; font-weight: 500;font-size:12px; line-height: 16px; background: #fff; border:1px solid #ccc; z-index: 100;}
.tool_wide{width:700px;}
.tool_tit{ font-weight: 700; line-height: 24px; font-size:13px;color:#666;}
.tool_btn{color:#bc2020;}


.tooltip p:first-letter{font-size:13px; font-weight: 800;}

.tooltip_area:hover .tooltip2 {display:block;}
.tooltip2 {  display:none;  position:absolute; top:-30px;  right:54px; padding:8px 15px; width:200px; height:90px;color:#666; font-weight: 500;font-size:12px; line-height: 16px; background: #fff; border:1px solid #ccc; z-index: 10000;}
.tooltip2 p{line-height: 24px;}

.tooltip_area3{position: relative; cursor: pointer;font-size:13px; }
.tooltip_area3:hover .tooltip3 {display:block;}
.tooltip3 {  display:none;  position:absolute; top:0;  right:44px;  padding:10px;color:#000; font-weight: 500;font-size:12px; line-height: 16px; background: #fff; border:1px solid #666; z-index: 10000;}

.tooltip_area4{position: relative; cursor: pointer;font-size:13px;  text-align: center;}
.tooltip_area4:hover .tooltip4 {display:block;}
.tooltip4 {  display:none;  position:absolute; top:-50px;  left:730px; text-align: left; padding:8px 15px; color:#000; font-weight: 500;font-size:12px;  background: #fff; border:1px solid #666; z-index: 10000;}
.tooltip4 p:first-letter{font-size:13px; font-weight: 800;}

.tooltip_area:hover .tooltip5 {display:block;}
.tooltip5 {  display:none;  position:absolute; top:-60px;  right:-140px; padding:8px 15px; width:350px; height:70px;text-align:left;color:#666; 
    font-weight: 500;font-size:12px; line-height: 16px; background: #fff; border:1px solid #ccc; z-index: 10000;}

.tooltip_area_p{position: relative; cursor: pointer;font-size:13px; }
.tooltip_area_p:hover .tooltip_p {display:block;}
.tooltip_p {  display:none; width:300px; position:absolute; top:-25px;  left:30px;  padding:10px;color:#000; 
    font-weight: 500;font-size:12px; line-height: 16px; background: #fff; border:1px solid #666; z-index: 10000;}
.tooltip_area_p span{display:inline-block; text-align: center; width:20px; height:20px;border:1px solid rgb(188, 32, 32); border-radius: 30px; margin-left: 5px;}

/*20231110인사위원회 툴팁내용추가*/
.tool_wide{width:700px;}
.popbox_tit{
    widht:100%;
    height:50px;   
    font-size:16px;
    font-weight: bold;    
    display: flex;
    flex-direction: row; 
}
.popbox_tit span{    
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom:2px solid #999;
   }
.popbox_tit span:first-child {
    width:166px; 
    margin:3px;
    padding:5px 10px;   
    box-sizing: border-box;
}

.popbox_tit span:last-child {
    width:540px;
    margin:3px;
    padding:5px;
    box-sizing: border-box;
}

.tool_popbox{
   display: flex;
   width:100%;
   flex-direction: column; 
}
.tool_popbox .t_list{
    display: flex; 
    flex-direction: row; 
    border-bottom:1px solid #999;
}
.tool_popbox .t_list div{
    margin:3px;
    padding:5px;
}
.tool_popbox .t_list .list_01{
    width:60px; 
    display: flex;    
    align-items: center;
    justify-content: center;
    background: #eee;
    font-weight: bold;
}
.tool_popbox .t_list .list_02 {
    width:100px;
    display: flex;  
    align-items: center;
    justify-content: center;
    text-align: center;
    border:1px solid #e9e9e9;
    font-weight: bold;
    color:#0069ab;
}
.tool_popbox .t_list .list_03{
    width:540px;
}
.tool_popbox .t_list .list_03 p{ 
    padding-left:10px;
    text-indent: -10px;
    margin-bottom:10px;
    box-sizing: border-box;
}
.tool_popbox .t_list .list_03 p span{
    color:#00a3d8;
}
/*20231110인사위원회 툴팁내용추가끝*/


.SUPEX {color:#1635ba}
.Exceed{color:#146ebe;}
.Meet{color:#333;}
.Need{color:#de8d00;}
.Unsatisfactory{color:#bc2020;}

.table_box h4.t_tit{line-height: 41px;height: 41px; font-size:16px; }
.table_box a.table_link{color:#1d66d3;line-height:28px;}
.table_box a.table_link:hover {color:#1d66d3;text-decoration: underline;}
.red_icon{width:6px; height:6px; display:inline-block; background: #e71c39;margin-right:5px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;}
.r_area{position: absolute; top:0; right:0;}
.r_area .side_line{padding-left:6px;}
.r_area2{position: absolute; top:-40px; right:0;}
.r_area3{position: absolute; top:80px; right:40px;}

.l_Barea{float:left;margin-top:10px; }
.r_Barea{float:right;margin-top:10px; }

/*table*/
.basic{ font-size:14px; width:100%;box-sizing: border-box;}
.basic tr{height:38px;}
.basic tr td{height:38px;line-height:20px; box-sizing: border-box;}
.basic thead{border-top:2px solid #3a3a3a; border-bottom:1px solid #3a3a3a;}

.basic tr th{ height:38px; color:#000; background: #fafafa; font-weight: bold;border-right:1px solid #ddd;  border-top:1px solid #ddd;}

.basic tr th.top01{border-top:2px solid #3a3a3a;}
.basic tr th.top02{border-bottom:1px solid #3a3a3a;}
.basic tr th.br_none{border-right:none;}
.basic tr th.bt_none{border-bottom:none;}

.basic tr:last-child td {border-bottom:1px solid #3a3a3a;}
.basic tr td:last-child {border-right:none; }
.basic tr td.td_br{border-right:1px solid #ddd;}

.basic tr td.top01{border-top:1px solid #3a3a3a;}
.basic tr td.top02{border-bottom:1px solid #3a3a3a;}
.basic tr td a:hover{color:#999;}
.basic tr td{height:38px;line-height:20px;text-align: center; padding:13px 5px; border-right:1px solid #ddd; border-bottom:1px solid #ddd;word-break:break-all;font-size:13px}
.basic tr td.border_r{border-right:1px solid #ddd;}
.basic tr td.left{text-align: left;}
.basic tr td.top{vertical-align: top;}
.basic tr td.left.top{vertical-align: top;}

.basic td.left strong{font-size:16px; display:block; margin-bottom:10px;}

.basic input.bd_none{border:0; font-size:16px; font-weight: bold; color:#333; margin: 10px 0;}
.basic textarea.bd_none2{border:0;}

.basic .radio_side li{font-size:11px;line-height:16px; float:left; padding:0 5px;vertical-align: top; text-align: center;}
.radio_side li{font-size:11px;line-height:16px; float:left; padding:0 5px;vertical-align: top; text-align: center;}

.basic .basic tr td{border-bottom:1px solid #ddd;}
.basic .basic tr:last-child td{border-bottom:none;}
.basic .pd_none{padding:0;}
.basic tr td.last {border-bottom:1px solid #3a3a3a;}

.basic3{ font-size:14px; width:100%;}
.basic3 tr{height:38px;}

/*.basic3 tr:hover { background-color: #eee; }*/
.basic3 tbody tr:nth-child(even)  { background-color: #eee;  }
.basic3 tr td{height:38px;}
.basic3 thead{border-top:2px solid #3a3a3a; border-bottom:1px solid #3a3a3a;}
.basic3 tr th{background: #f3f3f3; min-height:38px; padding:8px; color:#000;  font-weight: bold;border-right:1px solid #ccc; border-bottom:1px solid #ccc; }
.basic3 tr th.top01{background: #f3f3f3; border-top:2px solid #3a3a3a;}
.basic3 tr th p.top{position: relative;width:100%;}
.basic3 tr th p.top .btnsorting{padding:0; position:absolute; top:0; font-size:12px;right:0; background:#f3f3f3;color:#666; display:inline-block; width:10px; height:14px;}

.basic3 tr th.top02{border-bottom:1px solid #3a3a3a;}
.basic3 tr th.br_none{border-right:none;}

.basic3 tr:last-child td {border-bottom:1px solid #3a3a3a;}
.basic3 tr td:last-child {border-right:none; }
.basic3 tr td a:hover{color:#999;}
.basic3 tr td.top01{border-top:1px solid #3a3a3a;}
.basic3 tr td.top02{border-bottom:1px solid #3a3a3a;}

.basic3 tr td{height:38px;line-height:20px;text-align: center; padding:5px; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
.basic3 tr td.border_r{border-right:1px solid #ccc;}
.basic3 tr td.left{text-align: left;}

.tree_t{font-size:14px; width:100%;}
.tree_t tr th{background: #f3f3f3; color:#000;  font-weight: bold; border-top:2px solid #3a3a3a; border-bottom:1px solid #3a3a3a; }


/*amin 가로테이블*/
.basic2{ font-size:14px; width:100%;}
.basic2 > tr{min-height:38px;}
.basic2 tr th{background: #f3f3f3; padding:4px; color:#000;  text-align:left;text-indent: 10px; font-weight: bold;border-right:1px solid #ccc; border-bottom:1px solid #ccc; }
.basic2 tr td{line-height:20px; padding:4px; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
.basic2 tr th.top01{border-top:2px solid #3a3a3a;}
.basic2 tr td.top01{border-top:2px solid #3a3a3a;}
.basic2 tr th.bt{border-bottom:1px solid #3a3a3a;}
.basic2 tr td.bt{border-bottom:1px solid #3a3a3a;}
.basic2 tr td.br_none,.basic2 tr th.br_none{border-right:none;}
.basic2 tr td a:hover{color:#999;}

/*블럭스타일테이블*/
.basic4{ font-size:14px; width:100%; border-collapse: separate;border-spacing: 10px;}
.basic4 tr{height:38px;}
.basic4 tr th {padding:8px; color:#666;  font-weight: bold; border:4px solid #ccc; }

.basic4 tr.col_1 td:nth-child(1){background: #e4e9f1;}
.basic4 tr.col_1 td:nth-child(2){background: #e4e9f1;}
.basic4 tr.col_1 td:nth-child(3){background: #e4e9f1;}
.basic4 tr.col_1 td:nth-child(4){background: #e3f3e3;}
.basic4 tr.col_1 td:nth-child(5){background: #e3f3e3;}

.basic4 tr.col_2 td:nth-child(1){background: #e4e9f1;}
.basic4 tr.col_2 td:nth-child(2){background: #e3f3e3;}

.basic4 tr td:last-child{background: #f3f3f3;}
.basic4 tr td{height:38px;line-height:20px;text-align: center; padding:15px; word-break:break-all;font-size:13px}
.basic4 tr td.left{text-align: left;}
.basic4 tr td.top{vertical-align: top;}
.basic4 tr td.left.top{vertical-align: top;}

/*블럭스타일테이블*/
.basic5{ font-size:14px; width:100%; border-collapse: separate;border-spacing: 4px; }
.basic5 tr{height:38px;}
.basic5 tr th {padding:8px; background: #adadad; color:#000;  font-weight: bold; border-bottom:2px solid #666;border-right:2px solid #666; }

.basic5 tr.col_1 td:nth-child(1){background: #d7d7d7;}
.basic5 tr.col_1 td:nth-child(2){background: #d7d7d7;}
.basic5 tr.col_1 td:nth-child(3){background: #d7d7d7;}
.basic5 tr.col_1 td:nth-child(4){background: #e6e6e6;}
.basic5 tr.col_1 td:nth-child(5){background: #e6e6e6;}

.basic5 tr.col_2 td:nth-child(1){background: #d7d7d7;}
.basic5 tr.col_2 td:nth-child(2){background: #e6e6e6;}

.basic5 tr td:last-child{background: #f3f3f3;}
.basic5 tr td{height:38px;line-height:20px;text-align: center; padding:15px; word-break:break-all;font-size:13px}
.basic5 tr td.left{text-align: left;}
.basic5 tr td.top{vertical-align: top;}
.basic5 tr td.left.top{vertical-align: top;}

.basic6{ font-size:14px; width:100%;box-sizing: border-box;}
.basic6 thead{border-top:2px solid #3a3a3a; border-bottom:1px solid #3a3a3a;}

.basic6 tr th{ padding: 5px; color:#000; background: #fafafa; font-weight: bold;border-right:1px solid #ddd;  border-top:1px solid #ddd;}
.basic6 tr td{line-height:20px;text-align: center; padding: 5px; border-right:1px solid #ddd; border-bottom:1px solid #ddd;word-break:break-all;font-size:13px}

.basic6 tr th.top01{border-top:2px solid #3a3a3a;}
.basic6 tr th.top02{border-bottom:1px solid #3a3a3a;}
.basic6 tr th.br_none{border-right:none;}
.basic6 tr th.bt_none{border-bottom:none;}

.basic6 tr:last-child td {border-bottom:1px solid #3a3a3a;}
.basic6 tr td:last-child {border-right:none; }

.basic6 tr td.top01{border-top:1px solid #3a3a3a;}
.basic6 tr td.top02{border-bottom:1px solid #3a3a3a;}
.basic6 tr td a:hover{color:#999;}
.basic6 tr td.border_r{border-right:1px solid #ddd;}
.basic6 tr td.left{text-align: left;}
.basic6 tr td.top{vertical-align: top;}
.basic6 tr td.left.top{vertical-align: top;}

.basic6 td.left strong{font-size:16px; display:block; margin-bottom:10px;}

.basic6 input.bd_none{border:0; font-size:16px; font-weight: bold; color:#333; margin: 10px 0;}
.basic6 textarea.bd_none2{border:0;}

.basic6 .radio_side li{font-size:11px;line-height:16px; float:left; padding:0 5px;vertical-align: top; text-align: center;}


/*디자인없는 빈테이블*/
.basic_none{font-size:14px; width:100%;   }
.basic_none tr td{padding:8px; border:1px solid #ddd; text-align: center;}
/*pagination*/
.pagination {text-align:center; }
.pagination .page_box{display:inline-block; width:20px; height:20px; line-height:20px; padding: 12px 5px 0 5px; text-align:center; }
.pagination a.page_box { color:#999;  }
.pagination .page_box:hover{color:#333;}
.pagination .number {vertical-align:middle; }
.pagination .number a {display:inline-block; color:#444; font-size:14px; font-weight: bold; line-height:22px; padding: 30px 5px 5px 5px;}
.pagination .number a:hover {display:inline-block; color:#d02323; font-weight: bold; text-decoration: underline;}
.pagination .number a.on { color:#d02323; }

/*table_btn*/
.btn_cdp {
    font-weight:bold;
    margin-left: 6px;
    height:30px;
    line-height: 26px;
    text-decoration: none;
    font-size:12px;
    font-weight: normal;
    display: inline-block;
    text-align: center;
    color: #222;
    border: 1px solid #666;
    font-weight:600;
}
.btn_cdp,
.btn_cdp span {
    -moz-border-radius: .2em;
    border-radius: .2em;
}
.btn_cdp span {

    display: block;
    padding:0 10px;
}
.btn_cdp:hover {background: rgba(0,0,0,0.05);}
.btn_cdp:active { /* When pressed, move it down 1px */    position: relative;top: 1px;}
.btn_basic {
    font-weight:bold;
    margin-left: 6px;
    height:30px; 
    line-height: 26px;
    text-decoration: none;
    font-size:12px; 
    font-weight: normal;
    display: inline-block;
    text-align: center;
    color: #222;    
    border: 1px solid #666;  
    font-weight:600; 
}
.btn_basic, 
.btn_basic span {
    -moz-border-radius: .2em;
    border-radius: .2em;
}
.btn_basic span {    
    display: block;
    padding:0 15px; 
}
.btn_basic:hover {background: rgba(0,0,0,0.05);}
.btn_basic:active { /* When pressed, move it down 1px */    position: relative;top: 1px;}
.btn_gray{
    background: #fff;    
}
.btn_disable{font-weight:bold;
    margin-left: 6px;
    height:30px; 
    line-height: 26px;
    text-decoration: none;
    font-size:12px; 
    font-weight: normal;
    display: inline-block;
    text-align: center;       
    border: 1px solid #ccc; 
    color: #ccc;     
    padding:0 15px; 
    -moz-border-radius: .2em;
    border-radius: .2em;
}
.btn_basic2 {
    font-weight:bold;
    height:24px; 
    line-height: 22px;
    text-decoration: none;
    font-size:12px; 
    font-weight: normal;
    display: inline-block;
    text-align: center;
    color: #666;    
    border: 1px solid #ccc;  
    font-weight:600; 
    background: #fff;
}
.btn_gray:hover  {
    background: #efeff1;   
}
.btn_gray:active {background: #e2e2e4;}
.btn_black{content:'';text-align:center; width:44px; height:22px;line-height:20px; font-size:12px;color:#666; border:1px solid #ccc; background: #fff;  }
.btn_black_dis{content:''; cursor:default; text-align:center; width:44px; height:22px;line-height:20px; font-size:12px;color:#ccc; border:1px solid #ddd; background: #eee;   }
.btn_black_dis:hover{color:#eee;}
.btn_Dgray{content:'';text-align:center; width:28px; height:28px;line-height:26px;color:#fff; font-size:12px; background:url(../../images/btn_gray.jpg) right center no-repeat; }
.btn{background: #fff; font-weight:bold; height:26px; width:100px; line-height: 24px;text-decoration: none;font-size:12px; display: inline-block;text-align: center; 
    
}
button.btn_black_sear{height:30px; line-height: 30px; background: #000; color:#fff; padding:0 28px;  box-sizing: border-box; }
.bfree{padding:0 15px;}
.b100{width:100px;}
.b122{width:122px;}
.b40{width:40px; margin:5px;}
.btn_step01{border:solid 1px #999;color:#999;  }
.btn_step02{background: #b80a24;color:#fff; }
.btn_step03{border:solid 1px #555;color:#fff;background:#555;}
.btn_step03.dis{border:solid 1px #555;color:#555;background:#fff;}
.btn_step04{border:solid 1px #1a6568;color:#1a6568;}
.btn_nomal{border:solid 1px #666;color:#666; }

.b_evalu{width:62px; background: #eee; color:#666;border:1px solid #dedede;}

.btn_admin {width:84px; height:28px;line-height:26px; background: #e71c39;color: #fff; font-weight:bold; text-align: center;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;}
.btn_can {width:84px; height:28px;line-height:26px;margin-left:10px; background: #666;color: #fff; font-weight:bold; text-align: center;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;} 
.btn_bk { height:28px; padding:0 20px; font-size:12px;line-height:26px;margin-left:10px; background: #333;color: #fff; font-weight:bold; text-align: center;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;}   

.btn_td {height:28px; width:190px; font-size:12px;line-height:26px;margin-left:7px; background: #fff; color: #363636;border:1px solid #666;  font-weight:bold; text-align: center;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;}
.btn_td.on{ background: #000;color: #eee; }      
.b_recommend{content:'';text-align:center; background:#7283cd;color:#fff;padding:0 10px;}
.b_recommend:hover{background:#605ac7;color:#fff;}
.e_recommend{content:'';text-align:center; background:#666; color:#fff;padding:0 10px;}

/*20201015업적평가 평가등급버튼 추가*/
.basic td.left ul{display:flex;}
.basic td.left li {flex:1;  padding-right:5px; }
.basic td.left li button{width:100%; min-width:88px; font-size:13px; line-height: 14px; text-align: center;letter-spacing: -0.5px; outline:none;}
.basic td.left li button:first-letter{font-weight:bold;}
.btn_grade{background: #ced9e5;display:inline-block; border:1px solid #39608a; color:#666;height: 32px;}
.btn_grade:hover{color:#39608a;}
.btn_grade_dis{background: #eee;border:none; color:#999;   text-align: center;height: 33px;}
.btn_grade_selec{background: #39608a;border:none; color:#fff; height: 33px;}


/*input select form etc*/
.select_wrap {width:100%; display:inline-block;text-align:left;}  
.select_wrap2 {width:150px; display:inline-block;text-align:left; }  
.select_wrap .select01{width:150px; display:inline-block;text-align:left; }  
*:first-child+html .select_wrap {margin-right: 4px;}
select.styled {width:100% !important; }

span.customSelect {display:block !important; height: 28px; line-height: 23px;
    padding: 0 10px; display: inline-block; border: 1px solid #ccc;  font-size:13px; color:#666;
    background:url(../../images/ico_select_arrow2.gif) right center no-repeat;
    background-color:#fff;overflow:hidden; }

input.input{width:100%;padding-left: 6px; line-height:26px; height:30px;display: inline-block; border: 1px solid #ccc;  font-size:14px; color:#666;}
input.date01{width:150px;   background-color:#fff;}

input.id_num{width:50%;  }
input.w30{width:30px; text-align: center;line-height:26px; height:28px;display: inline-block; border: 1px solid #ccc; font-size:13px; color:#666;}
input.w50{width:50px;}
input.w80{width:80px;}
input.w120{width:120px;}
input.w170{width:170px;}
input.login_id{width:100%;  margin:3px 0; padding-left: 40px; background:url(../../images/login_id.jpg) left center no-repeat; background-size:26px 20px; background-color:#fff;line-height:48px; height:50px;display: inline-block; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; font-size:13px; color:#999;}
input.login_pw{width:100%;  margin:3px 0; padding-left: 40px; background:url(../../images/login_pw.jpg) left center no-repeat; background-size:26px 20px; background-color:#fff;line-height:48px; height:50px;display: inline-block; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; font-size:13px; color:#999;}
input[type=text]::-ms-clear{
    display: none;
}

.ip_l{ display:block; text-align: left; padding-left: 15px; }
.ip_r{text-align: right; padding-right: 15px;}

.search-wrapper { width:160px; background-color: #fff; padding: 0 5px 0 5px;display: inline-block; border: solid 1px #ccc; font-size: 9pt; }
.search-box { background-color: #fff; width: 120px; height:26px; padding: 7px 0 7px 0; border: 0;  font-size: 9pt; color:#666;}
.close_b { cursor:pointer; width: 18px; height:18px;background: url(../../images/delete.png);background-size: 18px 18px;color:rgba(0,0,0,0);}
textarea{padding-left: 8px; line-height:16px; display: inline-block; border: 1px solid #ccc;  font-size:14px; color:#666; overflow:hidden;}
.textarea_c{text-align: center;}
.textarea1{height:50px;}
.textarea2{height:100px;}
.textarea3{height:400px;}
.textarea4{height:250px;}
.textarea5{height:148px;}
.textarea6{height:462px;}
.textarea7 {height: 100px !important;   /* 강제 적용 */overflow-y: auto;overflow-x: hidden;resize: none;}

/* Base for label styling */
input[type="radio"].chk{font-size:14px; width:18px;height:18px; }

[type="radio"].chk_d:not(:checked),
[type="radio"].chk_d:checked {position: absolute;left: -9999px; visibility: hidden;}
[type="radio"].chk_d:not(:checked) + label,
[type="radio"].chk_d:checked + label { position: relative;padding-left: 28px;cursor: pointer;display:inline-block;}

[type="radio"].chk_d:not(:checked) + label:before,
[type="radio"].chk_d:checked + label:before {content: '';position: absolute;left:2px; top: -21px; width: 22px; height: 32px;}

[type="radio"].chk_d:not(:checked) + label:after,
[type="radio"].chk_d:checked + label:after {content: '';position: absolute;left:2px; top: -1px;width: 22px; height: 22px;}

[type="radio"].chk_g:not(:checked),
[type="radio"].chk_g:checked {position: absolute;left: -9999px; visibility: hidden;}
[type="radio"].chk_g:not(:checked) + label,
[type="radio"].chk_g:checked + label { position: relative;padding-left: 18px;cursor: pointer;display:inline-block;}

[type="radio"].chk_g:not(:checked) + label:before,
[type="radio"].chk_g:checked + label:before {content: '';position: absolute;left:0; top: -12px; width: 20px; height: 22px;}

[type="radio"].chk_g:not(:checked) + label:after,
[type="radio"].chk_g:checked + label:after {content: '';position: absolute;left:0; top: -12px;width: 20px; height: 22px;}

[type="radio"].chk_y:not(:checked),
[type="radio"].chk_y:checked {position: absolute;left: -9999px;visibility: hidden;}
[type="radio"].chk_y:not(:checked) + label,
[type="radio"].chk_y:checked + label { position: relative;padding-left: 18px;cursor: pointer;display:inline-block;}

[type="radio"].chk_y:not(:checked) + label:before,
[type="radio"].chk_y:checked + label:before {content: '';position: absolute;left:0; top: -12px; width: 20px; height: 22px;}

[type="radio"].chk_y:not(:checked) + label:after,
[type="radio"].chk_y:checked + label:after {content: '';position: absolute;left:0; top: -12px;width: 20px; height: 22px;}

[type="radio"].chk_r:not(:checked),
[type="radio"].chk_r:checked {position: absolute;left: -9999px;visibility: hidden;}
[type="radio"].chk_r:not(:checked) + label,
[type="radio"].chk_r:checked + label { position: relative;padding-left: 18px;cursor: pointer;display:inline-block;}

[type="radio"].chk_r:not(:checked) + label:before,
[type="radio"].chk_r:checked + label:before {content: '';position: absolute;left:0; top: -12px; width: 20px; height: 22px;}

[type="radio"].chk_r:not(:checked) + label:after,
[type="radio"].chk_r:checked + label:after {content: '';position: absolute;left:0; top: -12px;width: 20px; height: 22px;}

input.chk_d:not(old) + label:before {background:url("../../images/ico_radio.png") 0 -29px no-repeat;}
input.chk_g:not(old) + label:before {background:url("../../images/ico_radio_g.png") 0 -29px no-repeat;}
input.chk_y:not(old) + label:before {background:url("../../images/ico_radio_y.png") 0 -29px no-repeat;}
input.chk_r:not(old) + label:before {background:url("../../images/ico_radio_r.png") 0 -29px no-repeat;}

input.chk_d:not(old):checked + label:before {background:url("../../images/ico_radio.png") 0 10px no-repeat;}
input.chk_g:not(old):checked + label:before {background:url("../../images/ico_radio_g.png") 0 2px no-repeat;}
input.chk_y:not(old):checked + label:before {background:url("../../images/ico_radio_y.png") 0 2px no-repeat;}
input.chk_r:not(old):checked + label:before {background:url("../../images/ico_radio_r.png") 0 2px no-repeat;}

/*첨부파일*/
.box {margin: 10px auto; width: 360px;}
.addfile_box {width: 360px;}
.filetype {position: relative;display: inline-block;vertical-align: top;*margin-right: 4px;}
.filetype * { vertical-align: middle;}
.filetype .file-text { position: relative; width: 270px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: inline-block;
                       height: 28px; background-color: #ecefef; margin: 0; border: 1px solid #ccc; line-height: 28px; z-index: 10;color:#999;font-size:11px;}
.filetype .file-select { position: absolute; top: 0; right: 0; width: 80px; overflow: hidden;}
.filetype .file-select .input-file { cursor:pointer; width: 60px; filter: alpha(opacity=0); opacity: 0; height: 20px;}

/* radio mark aspect changes */
[type="radio"]:not(:checked) + label:after {opacity: 0;}
[type="radio"]:checked + label:after {opacity: 1;}



/*popup*/
.mask {position:absolute;left:0;top:0;z-index:9999;background-color:#000;display:none;}

.window {display: none;background-color: #ffffff;width:950px;height:750px;z-index:999999;border:5px solid #333;}
.window1 {display: none;background-color: #ffffff;z-index:999999;width:1700px;height:860px;overflow-y:none;border:5px solid #333;}
.window2 {display: none;background-color: #ffffff;width:1400px; height:90%;overflow-y:auto;z-index:99999;} 
.window3 {display: none;background-color: #ffffff;width:800px;height:650px;overflow-y:auto;z-index:99999;border:5px solid #333;}
.window4 {display: none;background-color: #ffffff;width:1400px;height:780px;z-index:99999;border:5px solid #333;}
.window5 {display: none;background-color: #ffffff;width:800px;height:850px;overflow-y:auto;z-index:99999;border:5px solid #333;} 
.window6 {display: none;background-color: #ffffff;width:700px;z-index:99999;border:5px solid #333;}
.window7 {display: none;background-color: #ffffff;width:900px;z-index:99999;border:5px solid #333;}
.window8 {display: none;background-color: #ffffff;width:1400px;height:830px;z-index:99999;} 
.window9 {display: none;background-color: #ffffff;width:1700px;height:860px;overflow-y:auto;z-index:99999;}


.window1 img{ height:740px;}
.pop_wrap{padding:40px;}
.pop_wrap h1.title{font-size:22px; line-height: 24px;font-weight:bold;  margin-bottom:10px;}
.pop_wrap h2.title{font-size:18px; line-height: 24px;font-weight:bold;  margin-bottom:10px; }
.pop_wrap .tit_un{font-size:16px;margin-bottom:10px; font-weight: bold;}
.o_chart{width:100%; text-align: center;}
.pop_wrap2{padding:0;}
.pop_wrap2 h1.title{font-size:22px; line-height: 24px;font-weight:bold; margin-bottom:10px;}
.pop_wrap2 h2.title{font-size:18px; line-height: 24px;font-weight:bold; margin-bottom:10px;}

.red_bar{width:100%; height:7px; background: #e21939; position: sticky; top:0; z-index: 999;}
.pop_bottom{text-align: center; margin-top: 30px;}

.pop_search_box{position:relative;}
.pop_Rarea{position:absolute; top:0; right:0; }

.pop_Rarea li{float: left;padding-left:2px;}
.pop_iframe{overflow:auto; width:1320px; height:620px;}
.pop_iframe2{overflow:auto; width:500px; height:400px;}
.pop_iframe3{overflow:auto; width:870px; height:580px;}
.pop_iframe4{overflow:auto; width:1500px; height:640px;}
.pop_iframe5{overflow:auto; width:1620px; height:640px;}
.pop_iframe_new{ min-width:1320px; height:620px;}
.pop_iframe_new4{ min-width:1500px; height:640px;}

.pop_left{float:left; width:630px;}
.pop_right{float:right; width:630px;}



/*new디자인-팝업*/
#mask{position: fixed; left:0; top:0; z-index: 9999;width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5);}
#window{ position:fixed; left:50%; top:50%; z-index: 10000; width:1600px; height: 960px; overflow-y: auto; background: #fff; transform:translate(-50%, -50%);box-sizing: border-box;border-radius: 4px;}

#window .pop_wrap{ width:100%; padding:0 80px;}
.pop_wrap .pop_header{ width:100%; height:62px; }
.pop_wrap .pop_header .pop_head{position:relative;width:100%; margin-top: 20px; font-weight: 600; border-bottom: 2px solid #ed6801; }
.pop_wrap .pop_header .title{display:inline;font-size:30px;line-height:60px; margin-right:20px;}

.pop_wrap .pop_head .r_area{position: absolute; right:0; top:25px;}
.pop_wrap .pop_cont{width:100%; height:600px; overflow-y: auto; padding:0; box-sizing: border-box; }
.pop_wrap .pop_container{width:100%; height:800px; overflow-y: auto; padding:20px; box-sizing: border-box; }
.pop_wrap .pop_container .pop_cont_top{display: flex; justify-content: space-between; width:100%;margin-top:24px; }
.pop_wrap .pop_container .pop_cont_top h3{width:100%; font-size:18px; margin-bottom: 30px; font-weight: 700; }
.pop_wrap .pop_container .pop_cont_top2{ width:100%; }
.pop_wrap .pop_container .pop_cont_top2 span.txt01{display:inline;color:#333;font-weight: 700; margin-right:30px;font-size:18px}
.pop_wrap .pop_container .pop_cont_top2 span.txt02{display:inline;color:#3a3a3a;font-size:16px; margin-right:30px;}
.pop_wrap .pop_container .pop_cont_top2 span.txt03{display:inline;color:#666;font-size:11px; }

.pc_l{width:33%;}
.pc_l .pic {float:left; margin-top: 20px;}
.pc_l .pic img{border-radius: 100%;}
.pc_l .m2{float:left; margin-left: 30px; margin-top: 26px;}
.pc_l .m2 p.txt01{color:#939393;}
.pc_l .m2 p.txt02{margin-top:10px;line-height:20px;color:#3a3a3a;}
.pc_c{width:33%;}
.pc_c p{position: relative; width: 380px; font-size:16px; line-height:35px; border-bottom: 1px solid #e5e5e5; }
.pc_c p .txt_s{position:absolute; left:110px; color:#666666; font-size:12px; font-weight: 500;}
.pc_r{width:33%;}
.pc_r table.new_pop_t{width:100%; text-align: center;}
.pc_r table.new_pop_t th { background:#f8f8f8; border-top:1px solid #e3e3e3; }
.pc_r table.new_pop_t th, .pc_r table.new_pop_t tbody td{height:34px; line-height: 34px;color:#b0b0b0; font-size:12px;border-bottom:1px solid #e3e3e3;}
.pc_r table.new_pop_t tbody td{color:#3a3a3a;}

.pop_wrap .pop_container .pop_cont_table{width:100%;margin-top: 44px;}
.pop_wrap .pop_container .pop_cont_table2{width:100%;margin-top: 30px;}

@media print {
    .pop_wrap .pop_container{width:100%; height:100%;padding:20px 50px; box-sizing: border-box; }
    .pop_wrap .pop_head .r_area{display:none}
}

.u_del{content: ""; display:inline-block; vertical-align: center; width:18px; height:18px;background-image: url(../../images/u_del.png); margin-left:5px;text-align: center; border-radius: 3px; background-color: #333; color:#fff;}


/*조직찾기 팝업*/
.pop_iframe2{overflow:auto; width:500px; height:400px;}

.in_30{text-indent:30px;}
.in_60{text-indent:60px;}
.in_90{text-indent:90px;}
.in_120{text-indent:120px;}

/*pop 서치*/
.pop_search{position:relative; width:100%; background: #f3f3f3;  padding:14px 30px; 
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;}
.pop_search dt, dd{display:inline-block; margin:3px 0;}
.pop_search dt{margin-right:3px;font-size:14px; line-height: 30px; color:#555; font-weight:bold;  }
.pop_search dd{margin-right:10px;}
.pop_search h2{float:left; display: inline; font-size:16px;}
.pop_search2{position:relative; width:100%; padding:14px 30px; border:2px solid #eee;}
    
.pop_search2 dt, dd{display:inline-block; margin:3px 0;}
.pop_search2 dt{margin-right:6px;font-size:14px; line-height: 30px; color:#555; font-weight:bold;  }
.pop_search2 dd{width:380px; margin-right:20px;}
.pop_search .choice{line-height: 24px;}
.pop_search h4{display:flex; align-items: center; font-size:16px; height: 40px;}
.pop_searIn{padding:5px;border:1px dotted #666;}
.pop_searIn li{display: inline-block;font-size:14px;}

/*pop버튼*/
.close-button { float: right; margin:6px 6px 0 0; font-size:36px; width: 36px; line-height: 36px; text-align: center; cursor: pointer; } 
.close-button2 { float: right; margin:0; font-size:36px; width: 36px; line-height: 36px; text-align: center; cursor: pointer; } 
#pop_submit{ color: #fff; width: 80px; height: 30px; border:none; text-align: center; font-weight:bold; cursor: pointer; background-color: #e21939; ;
        -moz-border-radius:3px;
        -webkit-border-radius:3px; 
        border-radius: 3px;} 
#pop_submit:hover{background-color: #e21939;opacity: 0.8; } 
#pop_cancel { color: #fff; width: 80px; height: 30px; border:none; text-align: center; font-weight:bold; cursor: pointer; background-color: #e21939; 
        -moz-border-radius:3px;
        -webkit-border-radius:3px; 
        border-radius: 3px;} 
#pop_cancel:hover{ background-color: #e21939; opacity: 0.8; }

.btn_popgray{ color:#ccc; background:#3a3a3a; font-weight:bold; height:28px; padding:0 15px; line-height: 26px;text-decoration: none;font-size:12px; display: inline-block;text-align: center; 
    -moz-border-radius: .2em;
    border-radius: .2em;}
.btn_popgray_disable{cursor:default; color:#ccc; background:#999; font-weight:bold; height:28px; padding:0 15px; line-height: 26px;text-decoration: none;font-size:12px; display: inline-block;text-align: center; 
    -moz-border-radius: .2em;
    border-radius: .2em;}


/*pop_table*/
.pop_tableWarp{border-top:2px solid #3a3a3a; height:389px; overflow-y:scroll;}
.pop_tableWarp2{border-top:2px solid #3a3a3a; }
.pop_tableWarp3{border-top:2px solid #3a3a3a; height:260px; overflow-y: auto;}

.pop_table{ font-size:14px; width:100%; }
.pop_table tr{height:33px;}
.pop_table tr th{background: #f3f3f3; padding:8px; color:#555;  font-weight: bold; border-right:1px solid #ccc; border-bottom:1px solid #ccc; }

.pop_table tr td:last-child {border-right:none; }
.pop_table tr th:last-child {border-right:none; }

.pop_table tr td{line-height:20px;text-align: center; padding:8px; border-right:1px solid #ccc; border-bottom:1px solid #ccc;word-break:break-all;}
.pop_table tr td.left{text-align: left;}
.pop_table tr td.left .top{vertical-align: top; height:38px;}
.pop_table tr td.top{vertical-align: top;}
.pop_table tr th.border-right{border-right:1px solid #ccc;}

.pop_table .top01{border-top:2px solid #3a3a3a;}
.pop_table .top_b{border-top:1px solid #ccc;}
 
.pop_cont_box h3{margin-top: 30px;margin-bottom: 10px;}
.pop_table .back_w{background: #ececec;}

.pop_table2{ font-size:14px; width:100%; }
.pop_table2 tr{height:33px;}
.pop_table2 tr th{text-indent:20px;text-align:left; background: #f3f3f3; padding:3px; color:#555;  font-weight: bold; border-right:1px solid #ccc; border-bottom:1px solid #ccc; }
.pop_table2 tr td{text-indent:5px;line-height:20px; padding:3px; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
.pop_table2 tr td.top{vertical-align: top;}
.pop_table2 tr th:last-child {border-right:none; }
.pop_table2 tr td:last-child {border-right:none; }

.pop_r_text{color:#dc6516; font-size:12px; text-align: right;}

/*버튼팝업레이어*/
.imgSelect {cursor: pointer;}
.popupLayer {display: none; background-color: #ffffff;border: solid 2px #ccc; width: 400px; height:270px; padding: 5px;}

.popLayer_box{width:360px; margin:0 auto; }
.popLayer_box h3.title{font-size:16px; line-height: 36px;}
.popupLayer_bottom{margin-top: 10px;  width:360px; text-align: center;}
.popupLayer span{cursor:pointer; font-size:30px;}

.r_close{width:30px; height:30px; float:right;}
.imgSelect2 {cursor: pointer;}
.popupLayer2 {display: none; background-color: #ffffff;border: solid 2px #ccc;width: 400px; height:270px; padding: 5px;}
.popupLayer2 span{cursor:pointer; font-size:30px;}

.pop_table a.table_link{color:#1d66d3;}
.pop_table a.table_link:hover {color:#1d66d3;text-decoration: underline;}

[data-tooltip-text]:hover {
    position: relative;
}

[data-tooltip-text]:hover:after {
    background-color: #000000;
    background-color: rgba(0, 0, 0, 0.8);

    -webkit-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);
    -moz-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);
    box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

    color: #FFFFFF;
    font-size: 12px;
    content: attr(data-tooltip-text);

  margin-top: 10px;
    bottom: 100%;
    left: -120px;    
    padding: 7px 12px;
    position: absolute;
    width: 260px;
    word-wrap: break-word;
    z-index: 9999;
}
.p_sel{padding:5px 10px; width:100%; height:36px; border:2px dotted #6c6c6c;margin-bottom:5px; }
.per_n{font-size:14px;margin-right: 6px;line-height: 20px;}
.attach{color:#0d83be; }
.attach a{color:#0d83be;}
.attach a:hover{text-decoration: underline;}

/*BIS*/
.bis_gBox{position:relative; width:100%; margin-top:20px; }
.bis_gBox:after{display:block; clear:both; content:"";}
.bis_gBox h3{font-size:20px; margin-bottom:10px;}
.bis_lBox{float:left;width:34%;height:200px; border:1px solid #ccc; padding:15px; box-sizing: border-box;}
.bis_rBox{float:right; width:65%; height:200px; border:1px solid #ccc; padding:15px; box-sizing: border-box;}
.r_select{ position: absolute; right:2px; top:0; }
.r_select li{display: inline-block;}
.b_graph{float:left; width:40%; margin:0 20px; text-align: center;}
.b_graph .g_tit{font-weight: bold; font-size:14px; padding-bottom:10px;}
.b_graph .g_txt{font-size:14px; color:#555; line-height: 24px; font-weight:bold;}
.b_graph .g_txt span.g_btxt{font-size:14px; color:#36a2eb; line-height: 24px;}
.bis_rBox h4.bixB_tit{text-indent:40px;font-size:16px; font-weight: bold; padding-bottom:30px; }
.bis_rBox .line_g{width:90%; margin:0 auto;border:1px solid #666;}
.g_ex{width:100%; border:1px solid #666; background: #605ac7;color:#fff; height:80px;}

/*인사위원회*/
.per_gBox{position:relative; width:100%; margin-top:20px; }
.per_gBox:after{display:block; clear:both; content:"";}
.per_gBox h3{font-size:20px; margin:20px 0 10px 0;}
.r_select2{ position: absolute; right:2px; top:37px; }/*1120수정*/
.r_select2 li{display: inline-block;}
.per_lBox{float:left;width:49%; }
.per_rBox{float:right; width:49%;  }
.btn_area{clear:both; width:100%; padding-top:30px;text-align: center;}
.table_lBox{float:left;width:25%; }
.table_rBox{float:right; width:73%;  }
.per_boxin{border:1px solid #ccc; height:102px; overflow-y:scroll;}

.per_boxin table.tablein_t{ font-size:12px; width:100%;text-align: center;}
.per_boxin table.tablein_t th{padding:0; height:24px !important; line-height: 24px; background: #eee; text-align: center;border-top:none;font-weight: bold;}
.per_boxin table.tablein_t td{padding:0; height:20px !important; line-height:20px; background: #fff; border:1px solid #ccc;border-left:none;}
.per_boxin table.tablein_t .h_20{height:20px;padding:0;}

/* tab */
.mTab {  display:-webkit-flex; display:-ms-flex; display:flex; }
.mTab ul {  }
.mTab li {width:200px; height:40px; border:1px solid #ccc;font-weight: bold;display:inline-block; margin:0 1px 10px 0; }
.mTab li a {box-sizing:border-box;display:block; font-size:14px; color:#666; line-height:40px;text-align:center;  }
.mTab li.selected a { background:#f58026; border:none; color:#fff; margin-top:-1px;margin-left:-1px;}

.tabCont {display:none; margin:-2px 0 0 -2px; }
.txt_green{color:#2db85b;}
.txt_red{color:#d33b3b;}

/*202012 추가*/
.pop_table td.rs_ct ul{width:146px;margin:0 auto; vertical-align: middle;}
.pop_table td.rs_ct2 ul{display: flex; justify-content: center; vertical-align: middle;}
.pop_table td.rs_ct2 ul li{height:26px; display: flex; align-items: top;}
.pop_table td.rs_ct2 ul li label{line-height: 26px;font-size:12px;}

.pop_table td.rs_ct3{font-size:12px; }

.pop_table td.rs_ct3 p{ display: block; display: flex;  vertical-align: middle;}
.pop_table td.rs_ct3 p input{height:26px;}
.pop_table td.rs_ct3 p label{height:30px; line-height: 30px;}

.vert_m{vertical-align: top; line-height: 24px; }
.bold{font-weight:bold;}
/*20220517추가*/
.imgfile_s{display: flex; justify-content: center; align-items: center; position: relative; width:120px; height:28px; }
.imgfile_s .image_holder span{display:block;width:120px; height:28px; object-fit: contain; z-index: 9;font-size:12px;}

input[type="file"].input-file01{position: absolute; top:0 left:0; width: 120px; height: 28px; filter: alpha(opacity=0); opacity: 0; cursor: pointer; z-index: 10; }

.hide{display:none;}
.show{display: block;}
.more{display:inline-block; cursor: pointer;}
.profile_img{width:85px; height:113px;}