@charset "utf-8";

/* =================================================================
 * 프로젝트: PMS 관리자페이지
 * 파일명: admin.css
 * 작업자: 유상민
 * 작업일: 2021. 09. 02
/* =============================================================== */
@import url("font.css");
@import url("reset.css");
@import url("board.css");
@import url("button.css");
@import url("modal.css");
@import url("layout.css");
@import url("../../assets/plugins/tree/zTreeStyle/zTreeStyle.css");

.txt_blue{color:#00f!important}
.txt_red{color:#f00!important}
.caution{color:#f00;font-weight:bold}





/* category_tree 구조 */
.tbl_Area{width:calc(100% - 260px);display:inline-block;float:left;padding-left:15px}
.category_Area{width:260px;display:inline-block;height:600px;border:1px solid #ddd;overflow:auto;padding:0;float:left }
.tree_control{background:#fff;border-bottom:1px solid #ddd;}
.tree_control a{display:inline-block;width:calc(50% - 3px);padding:10px;text-align:center;border-left: 1px solid #ddd;margin-left: -1px;position:relative}
.tree_control a:first-child:before{content:'';display:block;background:url(../plugins/tree/image/minus.gif) 0 0 no-repeat;width:9px;height:9px;position: absolute;    left: 20px;top: 50%;margin-top: -5px;}
.tree_control a:last-child:before{content:'';display:block;background:url(../plugins/tree/image/plus.gif) 0 0 no-repeat;width:9px;height:9px;position: absolute;left: 20px;top: 50%;margin-top: -5px;}


/* 박스 */
.box_gray{min-height: 1%; padding: 15px; background-color: #f8f8f8; overflow: hidden;}
.box_info dt{color: #222;font-size: 16px;font-weight:bold}
.box_info dd { padding: 12px 0 0 0;}

/*비밀번호*/
.input.password input{width:180px!important}
.input.password em {vertical-align:middle;display: inline-flex;;line-height:28px ;cursor:pointer}
.input.password em i{font-size:20px;}

.popup-ctt .input.password input{width:60%!important}


/* 우편번호 */
.add_result_list{border-top:1px solid #ccc;margin-top:20px;}
.add_result_list li{position:relative;border-bottom:1px solid #ccc;padding:10px 0;font-size:12px}
.add_result_list li a{color:#000}
.add_result_list li a:hover{text-decoration:underline;}

.add_result_list li div{margin:3px 0; }
.add_result_list li div span{display:inline-block;padding:0 8px;min-width:55px;background:#f8f8f8;color:#888;height:20px;line-height:20px;text-align: center; margin-right: 5px;}
.add_result_list li .zipcode{position:absolute;top:10px;right:5px;font-size:17px;font-weight:bold}
.add_result_list li:hover .zipcode a{text-decoration:underline;color:#f00}


/* 관리자 */

.box-ctt .lf_wrap{width: 350px;display: inline-block;padding: 0;float: left;}
.box-ctt .lf_wrap .category_Area{float:none;height:400px;width: 350px;}
.box-ctt .lf_wrap .tbl-basic th,.box-ctt .lf_wrap .tbl-basic td{padding:5px 5px}
.box-ctt .lf_wrap .tbl-basic .on{background-color: rgba(4, 117, 244, 0.1);}
.box-ctt .tbl_Area{width: calc(100% - 350px);padding-left:30px}


.box-ctt .lf_wrap_org{width: 300px;display: inline-block;padding: 0;float: left;}
.box-ctt .lf_wrap_org .category_Area{float:none;height:400px;width: 300px;}
.box-ctt .tbl_Area_org{float:left;width: calc(100% - 300px);padding-left:30px}
.box-ctt .org_wrap{border:1px solid #ddd;border-bottom:none;}
.box-ctt .org_wrap .btnArea button{width:45%}
.org_state{text-align:center;background:#eff4f6;padding:10px 0}


.tbl-basic tr.gray{background:#f9fbff}



/* 로그인 */

body.login{background:#dde3ed;height:100vh;position:relative}
.login_wrap{background:url(../images/login_box.png) 0 0 no-repeat;width:1186px;height:683px;margin:0 auto;position:relative;top:30px}
.login_wrap fieldset{position:absolute;top:200px;right:100px;width:337px;}
.login_wrap fieldset label{display:block;color:#fff;font-size:17px;font-weight:bold;line-height: 18px;vertical-align: top;cursor:pointer}

.login_wrap fieldset li{margin-bottom:20px;}
.login_wrap fieldset p{border-radius:4px;width:333px;height:53px;padding:4px 0 4px 45px}
.login_wrap fieldset p.id{background:url(../images/login_ic_id.png)20px center no-repeat #273994;}
.login_wrap fieldset p.password{background:url(../images/login_ic_pw.png)20px center no-repeat #273994;}
.login_wrap fieldset p input{border:none;height:45px;width:100%;font-size:17px;background:#273994;color:#fff!important}
.login_wrap fieldset p.password input{width:250px!important}
.login_wrap fieldset p.password input + em i{color:#fff}
.login_wrap fieldset p input::placeholder {color: rgba(255,255,255,0.5);}


.login_wrap fieldset .btn_login{background:#0099d9;color:#fff;font-weight:bold;font-size:23px;width:100%;border-radius:4px;height:53px;-webkit-box-shadow: 0 3px 2px 0 rgba(0,0,0,0.2);
box-shadow: 0 3px 2px 0 rgba(0,0,0,0.2);}
.login_wrap fieldset .btn_login:hover{background:#43bfee}

.login_wrap fieldset .idpw_sch{text-align:center;color:#fff;}
.login_wrap fieldset .idpw_sch a{ padding-bottom:5px;
color: #fff;
text-decoration: none;
background-image:linear-gradient(#753732, #753732),linear-gradient(#fff, #fff);
  background-size:  100% 2px, 0 2px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition:background-size cubic-bezier(0.39, 0.575, 0.565, 1) 0.3s,background-position cubic-bezier(0.39, 0.575, 0.565, 1) 0.3s,color cubic-bezier(0.39, 0.575, 0.565, 1) 0.3s;}

.login_wrap fieldset .idpw_sch a:hover{ background-size:  0 2px, 100% 2px;
  background-position: calc(100% + 0) 100%, 100% 100%, 0 100%;}




/*2022-01-19 수*/
.grid_edit{color:#094da1!important}
.grid_edit:before{content:'';display:block;border-top: 8px solid #0475f4!important;border-right: 8px solid transparent;width:0;height:0;position:absolute;top:0;left:0}
.grid_edit.rt-qc-cell-focus,.grid_edit.rt-qc-cell-focus.rt-qc-cell-select {color:#0475f4!important;position:relative;display:block;background:#f8f8f8!important;border:1px solid #0475f4!important}

.progress {display: flex;height: 1rem;overflow: hidden;font-size: .75rem;background-color: #e9ecef;border-radius: 0.25rem;box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%);}
.progress >div{display:flex}
.progress-bar {display: flex;flex-direction: column;justify-content: center;overflow: hidden;color: #fff;font-size:10px;text-align: center;white-space: nowrap;background-color: #0d6efd;transition: 0.4s linear;animation: bar_anim 6s;-webkit-animation: progressBar 3s ease-in-out;-webkit-animation-fill-mode:both; -moz-animation: progressBar 3s ease-in-out;-moz-animation-fill-mode:both;}

@-webkit-keyframes progressBar {
  0% { width: 0; }
  100% { width: 100%; }
}

.prgs td:nth-child(4){font-weight:bold;color:#0475f4}
.td_bg{background:#2f3c5e}
.td_bg td{color:#fff!important;font-weight:bold}
.td_bg2{background:#e8ecf5}
.td_bg2 td{color:#2f3c5e;font-weight:bold}
.td_bg td:nth-child(5),.td_bg2 td:nth-child(5){background:#fff}

/*팝업*/
.wpop_tit{font-size:20px;font-weight:bold;color:#fff;padding:10px;background-color: #0061f2!important; background-image: linear-gradient(135deg,#0061f2,rgba(105,0,199,.8))!important;position:relative}
.wpop_tit .close{position: absolute;top:10px;right: 10px;background:rgba(0,0,0,0.5);border:1px solid #fff;text-align:center;padding:5px 10px;color:#fff;border-radius:3px}
.wpop_body{padding:0;display:flex;height:calc(100vh - 70px);}
.docu_view iframe{height:100%;width:100%}

/*평가위원별 평가 팝업*/
.wpop_body .docu_view{width:830px;height:calc(100vh - 67px);background:#f9f9f9}

.wpop_body .judge_view{width:50%;height:calc(100vh - 67px);background:#fff;overflow:auto;overflow-x: hidden;}

.wpop_body .evl_wrap{width:calc(100% - 850px);padding:0 0 0 10px;display:flex;flex-direction: column;}
.wpop_body .evl_wrap2{width:50%;padding:0 0 0 10px;display:flex;flex-direction: column;}
.wpop_body .evl_wrap .evlArea,.wpop_body .evl_wrap2 .evlArea{height: calc(100vh - 117px);overflow:scroll;overflow-x: hidden;padding-right:10px}
.wpop_body .evl_wrap .btnwrap,.wpop_body .evl_wrap2 .btnwrap{height:50px;width:100%;text-align:center;padding-top:10px;border-top:1px solid #000}

.wpop_body .ctt{margin-bottom: 30px;}
.wpop_body h3{font-size: 18px;font-weight: bold; color: #0061f2;margin-bottom: 10px;}
.wpop_body h3:before {content: '\e949';display: inline-block; font-family: 'xeicon';}


/*메인페이지2022-03-03 목*/
.box-group{position:relative;display: flex;  justify-content: space-between;margin-bottom: 30px;	}
.box-group:after,.main.box:after{content:'';display:block;clear:both}
.main .box-body{min-height:auto;width:calc(100% - 20px) ;padding:0;background:none;overflow:hidden;background:#fff}
.main .col2{width:calc(100%/2 - 20px);}
.main .box-body .box-mctt{padding:20px;background:#fff;min-height:250px;}
.main .box-body .box-header{min-height:55px;background:#dcecf5;font-weight:bold;display: flex;padding: 0 20px; align-items: center;}
.main .box-body .ui-tabs .box-header{padding:0 0 0;align-items: flex-end;}
.main .ui-tabs{position: relative;}
.main .ui-tabs-nav{width:100%;display:flex}
.main .ui-tabs-nav li{padding:0 20px 0;min-height:55px;display: flex; align-items: center;width:40%}
.main .ui-tabs-nav li a{display:block;text-align:center;color:#000;width: 100%;height:55px;vertical-align:center;line-height:55px}
.main .ui-state-active{background:#fff;border-radius:3px 3px 0 0}
.main .btn_more {position: absolute;top:0;right:0;width:55px;height:55px;display: flex;justify-content: center;align-items: center;;}
.main .btn_more i{font-size:20px}
.box-mctt ul{border-top:1px solid #000}
.box-mctt ul li{border-bottom:1px solid #e5e5e5;padding:10px 5px;display: flex; justify-content: space-between;}
.box-mctt ul li:nth-child(odd){background:#f8f8f8}


/* 2022-03-31 추가 */
.box-mctt ul li a{text-overflow: ellipsis; white-space: nowrap; overflow: hidden;width: 68%;}
.main .tbl-basic{border-top:0}
.main .tbl-basic th{background:#f8f8f8;padding:8px 10px;border:1px solid #c9c9c9}
.main .tbl-basic td{padding:8px 10px;border:1px solid #c9c9c9}
.main .tbl-basic td.left a {text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.main .tbl-basic td .txt_green{color:#0aa10f}




  @media print{
@page {size:a4; page-break-after: always;margin: 0.5cm;}
#wrap{min-width:100%}
.main-header,.main-sidebar{display:none}
.main-sidebar.close ~ .box{width:100%}
.box{left:0;width:100%;margin:0;padding:0;background:#fff}
.box:before{background:#fff;    background-image: linear-gradient(135deg,#ffffff,rgb(255 255 255 / 100%))!important;}
.box .title h2{color:#000;font-size:25px}
.box .box-body{border:1px solid #000;box-shadow:none;border-radius:0}
.main-sidebar.close ~ .box{margin:0}
#sheetarea,#graph{border:1px solid #fff;width:100%!important}

.btnArea,.tbl-top,.searchForm,.main-footer{display:none}
.wpop_body{padding:0;margin-top:20px;    flex-direction: column;}
.wpop_body h3{color:#000}
.tbl-basic{table-layout: fixed;}
.tbl-basic tbody th{background-color:#f8f8f8}
.tbl-basic th, .tbl-basic td {border-color:#ccc;padding:3px}
.evl_wrap .tbl-basic td input:read-only {width: 100%!important;}
/*평가표*/
.wpop_tit{background-color: #fff!important;  background-image:linear-gradient(135deg,#fff,rgba(255,255,255,.0))!important;;color:#000;border-bottom:1px solid #000;padding-bottom:10px}
.wpop_tit .close,.wpop_body .docu_view,.btnwrap{display:none}
.wpop_body .evl_wrap{page:a4sheet;page-break-after:always;width: 100%!important;}
.wpop_body .judge_view,.wpop_body .evl_wrap2{width: 100%;height:auto;padding:0}
.wpop_body .evl_wrap .evlArea, .wpop_body .evl_wrap2 .evlArea{height:100vh!important;overflow:inherit!important;}
 }

 .step_ul {
    border-radius: 10px;
    display: flex;
    align-items: center;
    margin-bottom: 40px;
}
.step_ul li {
    width: 33.333%;
    position: relative;
    padding: 3px 0;
    height: 86px;
}
.step_ul li.on {
    padding: 0;
}
.step_ul li div {
    background: #f5f5f5;
    display: flex;
    align-items: center;
    padding: 0 10px 0 10%;
    height: 100%;
}
.step_ul li.on div {
    background: #0061f2;
    height: 100%;
    border-radius: 5px;
    position: relative;
    z-index: 1;
}
.step_ul li div span {
    display: block;
}
.step_ul li div .num {
    background: rgb(0 97 242);
    color: #fff;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    font-size: 18px;
    text-align: center;
    line-height: 50px;
    position: relative;
    font-weight: bold;
}
.step_ul li.on div .num {
    background: #fff;
    color: #2054a8;
}
.step_ul li div .num:after {
    content: '';
    width: 6px;
    height: 6px;
    transform: rotate(-45deg);
    position: absolute;
    top: calc(50% - 3px);
    right: -3px;
    border-radius: 1px;
}
.step_ul li.on div .num:after {
    background: #fff;
}
.step_ul li div .txt {
    line-height: 1.3;
    letter-spacing: -.08em;
    padding-left: 16px;
    color: #888;
    font-size: 18px;
    max-width: calc(100% - 52px);
    font-weight: bold;
}
.step_ul li.on div .txt {
    color: #fff;
}
.step_ul li.on div:after {
    content: '';
    position: absolute;
    top: 0;
    right: -16px;
    width: 0;
    height: 0;
    border-top: 43px solid transparent;
    border-left: 18px solid #0061f2;
    border-bottom: 43px solid transparent;
}
.step_ul li:before {
    content: '';
    width: 1px;
    height: 52px;
    background: #ddd;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.step_ul li:first-child:before{display:none;}
.step_ul li.on:last-child div:after {
    display: none;
}